/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/



/* .top-bar-bg {
    background-color: #5891e8 !important;
}

*/

/* header .branding i:not(a > i) {
    color: #b81542;
} */






/*    -->        
SIDEBAR MENU                                                                                                                                     
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.widget_nav_menu ul>li.menu-item-has-children {
    position: relative;
    height: 100% !important;
    z-index: 2;

}

.side-menu-category-parent:hover {
    cursor: pointer;
}

.widget_nav_menu ul>li.menu-item-has-children>ul.sub-menu {
    /* opacity:0; */
    /* transition: all 1.7s; */
    overflow: hidden;
    position: relative;
    height: 0;
    transition: all 0.3s;
    top: -10px;

}

.widget_nav_menu ul>li.menu-item-has-children>ul.sub-menu>li {
    /* height:0; */
    transition: all 0.3s;
    top: 0;
    z-index: 0;


}

.widget_nav_menu ul>li.menu-item-has-children>ul.sub-menu.visible {
    height: 100%;
    /* opacity:1; */

    overflow: visible;
    position: relative;
    top: 0px;
    transition: all 0.3s;


}

.widget_nav_menu ul>li.menu-item-has-children>ul.sub-menu.visible>li {
    height: 100%;
    position: static;
    transition: all 0.3s;
    z-index: 1;

}


/*    -->        FOOTER                                                                                                                      s               
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

footer .wf-wrap {
    max-width: 1300px;
}

footer img {
    padding-bottom: 20px;
}

footer .menu-footer_menu a:hover {
    color: #ffffff !important;
}

/***********************************************************************************************************************************************/
/********************A wizard is never late, Frodo Baggins. Nor is he early. He arrives precisely when he means*********************************/
/***********************************************************************************************************************************************/


/*******************************************************************************************************************/
/*				  													                                       GENERIC*/
/******************************************************************************************************************/

/****************************************************************************/
/*				  								                      COLORS*/
/****************************************************************************/

:root {
    --main: #b81542;
    --secondary: #D25F80;
    --black: #000000;
    --white: #ffffff;
}

/*******************************************************************************************************************/
/*				  													                                        HEADER*/
/******************************************************************************************************************/

/****************************************************************************/
/*				  								                     GENERIC*/
/****************************************************************************/

@media(max-width: 480px) {
    .mobile-header-bar .mobile-branding img {
        max-width: 80% !important;
    }
}

/****************************************************************************/
/*				  								                     TOP BAR*/
/****************************************************************************/

.top-bar {
    background-color: var(--secondary);
}

.mini-widgets .text-area p a {
    color: var(--black);
    text-decoration: none !important;
}

.mini-widgets .text-area p a:hover {
    color: var(--main) !important;
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 480px) {
    .top-bar {
        display: none;
    }
}

/****************************************************************************/
/*				  								                   MEGA MENU*/
/****************************************************************************/


/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/


/*******************************************************************************************************************/
/*				  													                                          HOME*/
/******************************************************************************************************************/

/****************************************************************************/
/*				  								                   SECTION 1*/
/****************************************************************************/

.home-section1 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.home-section1 .uvc-heading h1 {
    color: var(--black);
    font-size: 40px;
    line-height: 50px !important;
}

.home-section1 .uvc-sub-heading {
    color: var(--black);
    font-size: 16px;
    padding-top: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 60%;
}

.home-section1 .inner-container {
    padding-top: 50px;
}

.home-section1 .inner-container .mask {
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-section1 .inner-container .mask>div {
    font-size: 30px;
    padding: 0px;
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 820px) {
    .home-section1 .inner-container .mask>div {
        font-size: 20px;
    }
}

@media(max-width: 480px) {
    .home-section1 .uvc-heading h1 {
        font-size: 25px;
        line-height: 35px !important;
    }

    .home-section1 .uvc-sub-heading {
        max-width: 100%
    }

    .home-section1 .inner-container .mask>div {
        padding: 20px;
    }
}

/****************************************************************************/
/*				  								                   SECTION 2*/
/****************************************************************************/

.home-section2 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.home-section2 .uvc-heading h1 {
    color: var(--black);
    font-size: 40px;
    line-height: 50px !important;
}

.home-section2 .uvc-sub-heading {
    color: var(--black);
    font-size: 16px;
    padding-top: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 60%;
}

.home-section2 .cv-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.home-section2 .cv-container>div {
    width: calc(50% - 20px);
}

.home-section2 .cv-container>div p {
    color: var(--black);
    font-size: 16px;
}

.home-section2 .cv-container>div .ubtn {
    background-color: var(--main) !important;
    color: var(--white) !important;
    padding: 10px 20px;
    font-size: 16px;
    margin-top: 30px;
    width: 100%;
}

.home-section2 .cv-container>div .ubtn:hover {
    background-color: var(--secondary) !important;
}

.home-section2 .inner-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    padding-top: 50px;
}

.home-section2 .inner-container>div {
    width: calc(33.33% - 20px);
}

.home-section2 .inner-container>div>div {
    padding: 0px;
}

.home-section2 .inner-container>div .aio-icon-box {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 20px;
}

.home-section2 .inner-container>div .aio-icon-box h3 {
    color: var(--main);
    font-size: 20px;
}

.home-section2 .inner-container>div .aio-icon-box .aio-icon-description {
    color: var(--black);
    font-size: 16px;
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 820px) {
    .home-section2 .cv-container {
        display: flex;
        flex-direction: column;
    }

    .home-section2 .cv-container>div {
        text-align: center;
        width: calc(100% - 0px);
    }

    .home-section2 .cv-container>div .ubtn-ctn-left {
        text-align: center;
    }
}

@media(max-width: 480px) {
    .home-section2 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .home-section2 .uvc-heading h1 {
        font-size: 25px;
    }

    .home-section2 .uvc-sub-heading {
        max-width: 100%;
    }
}

/****************************************************************************/
/*				  								                   SECTION 3*/
/****************************************************************************/

.home-section3 {
    background-color: var(--main);
    padding-top: 50px;
    padding-bottom: 50px;
}

.home-section3 .inner-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
}

.home-section3 .inner-container>div:first-child {
    width: calc(70% - 0px);
}

.home-section3 .inner-container>div:last-child {
    width: calc(30% - 0px);
}

.home-section3 .inner-container h2 {
    color: var(--white);
    text-align: left;
}

.home-section3 .inner-container .uvc-sub-heading {
    color: var(--white);
    text-align: left;
}

.home-section3 .inner-container>div:last-child>div {
    padding: 0px;
}

.home-section3 .inner-container>div .ubtn-ctn-left {
    margin-bottom: 0px;
}

.home-section3 .inner-container>div .ubtn-ctn-left .ubtn {
    background: var(--secondary) !important;
    color: var(--white);
}

.home-section3 .inner-container>div .ubtn-ctn-left .ubtn-data {
    color: var(--white) !important;
    font-size: 20px;
    padding: 20px 10px;
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 768px) {
    .home-section3 .inner-container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .home-section3 .inner-container>div:first-child {
        width: calc(100% - 0px);
    }

    .home-section3 .inner-container>div:last-child {
        width: calc(100% - 0px);
    }

    .home-section3 .inner-container h2,
    .home-section3 .inner-container .uvc-sub-heading,
    .home-section3 .inner-container>div .ubtn-ctn-left {
        text-align: center;
    }
}

/****************************************************************************/
/*				  								                   SECTION 4*/
/****************************************************************************/

.home-section4 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.home-section4 .uvc-heading h1 {
    color: var(--black);
    font-size: 40px;
    line-height: 50px !important;
}

.home-section4 .uvc-sub-heading {
    color: var(--black);
    font-size: 16px;
    padding-top: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 60%;
}

.home-section4 .inner-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    padding-top: 50px;
}

.home-section4 .inner-container>div {
    width: calc(25% - 20px) !important;
}

.home-section4 .inner-container>div>div {
    padding: 0px;
}

.home-section4 .inner-container .mask {
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-section4 .inner-container .mask>div {
    font-size: 20px;
    padding: 0px;
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 768px) {
    .home-section4 .inner-container {
        margin-left: 0px;
        margin-right: 0px;
    }

    .home-section4 .inner-container:before,
    .home-section4 .inner-container:after {
        display: none;
    }

    .home-section4 .inner-container>div {
        width: calc(50% - 20px) !important;
    }

    .home-section4 .inner-container>div .ult-banner-block {
        margin-bottom: 0px !important;
    }
}

@media(max-width: 480px) {
    .home-section4 .inner-container>div {
        width: calc(100% - 0px) !important;
    }
}

/****************************************************************************/
/*				  								                   SECTION 5*/
/****************************************************************************/

.home-section5 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.home-section5 .uvc-heading h1 {
    color: var(--black);
    font-size: 40px;
    line-height: 50px !important;
}

.home-section5 .uvc-sub-heading {
    color: var(--black);
    font-size: 16px;
    padding-top: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 60%;
}

.home-section5 .inner-container {
    padding-top: 50px;
}

.home-section5 .inner-container article {
    background-color: var(--main);
}

.home-section5 .inner-container article h3 a,
.home-section5 .inner-container article .entry-meta,
.home-section5 .inner-container article p,
.home-section5 .inner-container article .post-details,
.home-section5 .inner-container article i:before {
    color: var(--white) !important;
}

.home-section5 .inner-container article .post-details.details-type-link:after {
    background-color: var(--secondary) !important;
}

/*******************************************************************************************************************/
/*				  													                                   BLOG ARCHIVE*/
/******************************************************************************************************************/

/****************************************************************************/
/*				  								                     CONTENT*/
/****************************************************************************/

.blog .blog-content .category-link,
.blog .blog-content .author {
    display: none;
}

.blog .wf-container-main {
    display: block !important;
}

/*******************************************************************************************************************/
/*				  													                                       CONTACT*/
/******************************************************************************************************************/

/****************************************************************************/
/*				  								                   SECTION 2*/
/****************************************************************************/

.contact-section2 {
    padding-top: 50px;
}

.contact-section2 .inner-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}

.contact-section2 .inner-container>div .aio-icon-title {
    color: var(--main);
    font-size: 22px;
}

.contact-section2 .inner-container>div .aio-icon-description,
.contact-section2 .inner-container>div .aio-icon-description a {
    color: var(--black);
    font-size: 16px;
    text-decoration: none;
}

.contact-section2 .inner-container>div .aio-icon-description a:hover {
    color: var(--main);
}

.contact-section2 .inner-container>div {
    width: calc(50% - 50px);
}

.contact-section2 .inner-container .contact-form-wrapper .split,
.contact-section2 .inner-container .contact-form-wrapper .no-split {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.contact-section2 .inner-container .contact-form-wrapper label:not(.wpcf7-form-control.wpcf7-acceptance label) {
    font-size: 0;
}

.contact-section2 .inner-container .contact-form-wrapper .split>div p,
.contact-section2 .inner-container .contact-form-wrapper .no-split>div {
    margin-bottom: 0px;
}

.contact-section2 .inner-container .contact-form-wrapper .split>div {
    width: calc(50% - 10px);
}

.contact-section2 .inner-container .contact-form-wrapper .split>div input,
.contact-section2 .inner-container .contact-form-wrapper .split>div select {
    width: 100%;
}

.contact-section2 .inner-container .contact-form-wrapper .no-split input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number {
    width: calc(100% - 0px);
}

.contact-section2 .inner-container .contact-form-wrapper .no-split .choices label {
    color: var(--black);
    font-size: 15px !important;
}

.contact-section2 .inner-container .contact-form-wrapper .no-split>div {
    width: calc(100% - 0px);
}

.contact-section2 .inner-container .contact-form-wrapper .no-split input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number::placeholder {
    color: var(--black);
}

.contact-section2 .inner-container .contact-form-wrapper .no-split textarea {
    width: calc(100% - 0px);
}

.contact-section2 .inner-container .contact-form-wrapper .wpcf7-form-control.wpcf7-acceptance {
    display: block;
}

.contact-section2 .inner-container .contact-form-wrapper .wpcf7-form-control.wpcf7-acceptance label {
    color: var(--black);
}

.contact-section2 .inner-container .contact-form-wrapper .wpcf7-form-control.wpcf7-acceptance a {
    color: var(--main);
    text-decoration: none;
}

.contact-section2 .inner-container .contact-form-wrapper .wpcf7-form-control.wpcf7-acceptance a:hover {
    text-decoration: underline;
}

.contact-section2 .inner-container .contact-form-wrapper input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background-color: var(--main) !important;
}

.contact-section2 .inner-container .contact-form-wrapper input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
    background-color: var(--secondary) !important;
}

/************************************************************/
/*				  		                          RESPONSIVE*/
/************************************************************/

@media(max-width: 820px) {
    .contact-section2 {
        padding-top: 20px;
    }

    .contact-section2 .inner-container {
        flex-direction: column;
    }

    .contact-section2 .inner-container>div {
        width: calc(100% - 0px);
    }

    .contact-section2 .inner-container .contact-form-wrapper .split {
        flex-direction: column;
    }

    .contact-section2 .inner-container .contact-form-wrapper .split>div {
        width: calc(100% - 0px);
    }
}

/*******************************************************************************************************************/
/*				  													                                        FOOTER*/
/******************************************************************************************************************/

/****************************************************************************/
/*				  								                     GENERIC*/
/****************************************************************************/

#footer {
    background-color: var(--secondary) !important;
}

#bottom-bar {
    background-color: var(--main) !important;
}

#bottom-bar .wf-float-right {
    justify-content: center !important;
}

#bottom-bar .bottom-text-block p {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

#bottom-bar .bottom-text-block p img {
    padding-bottom: 0px;
}

#bottom-bar .bottom-text-block p a {
    display: flex;
    align-items: center;
}

@media(max-width: 480px) {
    #bottom-bar .bottom-text-block p {
        flex-direction: column;
    }
}