/*
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
*/

/* a resoudre*/
/*body.elementor-page-30883 .masthead.sticky-off .main-nav > li:not(.act):not(.wpml-ls-item) > a:not(:hover) .menu-text,*/
/*body.elementor-page-30992 .masthead.sticky-off .main-nav > li:not(.act):not(.wpml-ls-item) > a:not(:hover) .menu-text {*/
/*    color: #000000;*/
/*}*/

/* Header floating logo size */
.header-bar .sticky-logo img {
	height: 25px !important;
}

.mobile-header-bar .mobile-branding {
	width: 75px;
}

.header-bar.likeus-menu-template {}
.header-bar.likeus-menu-template .left-side,
.header-bar.likeus-menu-template .right-side {
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: right;
}

.header-bar.likeus-menu-template .left-side .left-side-content {
    display: flex;
    justify-content: right;
    flex-grow: 1;
    max-width: 650px;
}

.header-bar.likeus-menu-template .left-side .left-side-content .left-side-content-inner {
    display: flex;
    justify-content: left;
    flex-grow: 1;
    max-width: 650px;
}

.header-bar.likeus-menu-template .right-side .right-side-content {
    width: 100%;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: right;
}

#primary-menu.main-nav {
    flex-flow: initial !important;
}
#primary-menu.main-nav .menu-text,
#primary-menu.main-nav + .mini-widgets span {
    white-space: nowrap;
}

/* remove padding to button */
.btn-no-padding .elementor-button {
	padding: 10px 0 !important;
}

body:not(.transparent) .masthead.sticky-off .main-nav > li:not(.act):not(.wpml-ls-item) > a:not(:hover) .menu-text {
    color: var(--the7-title-color);
}

.highlight {
	color: var(--the7-accent-color);
}

.line-section-title {
    text-transform: uppercase;
    position: relative;
	color: var(--the7-title-color);
}

.line-section-title-default-size {
    font-size: 52px;
}

.line-section-title::before {
    content: '';
    display: inline-block;
    position: relative;
    width: 70px;
    border-bottom: 2px solid var(--the7-accent-color);
    margin-left: -80px;
    margin-right: 10px;
}

@media screen and (max-width:435px) {
    .line-section-title::before {
        width: 30px;
        margin-left: -40px;
    }
}
/* Isotope grid view - container */
.likeus-grid-container {}
/* Isotope grid view - Filter */
.likeus_filters {
    margin: 0 0 30px 0 !important;
}
.likeus_filters.default-view {}
.likeus_filters.responsive-view {display: none;}
@media screen and (max-width:435px) {
    .likeus_filters.default-view {display: none;}
    .likeus_filters.responsive-view {
        display: block;
        width: 100%;
    }
}

.likeus_filters li {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
    border: 2px solid var(--the7-accent-color);
}
.likeus_filters li a {
    display:block;
    color: #000;
    padding: 2px 50px;
}
.likeus_filters-slug::after {
    content: ".";
    color:#000;
}
.likeus_filters li a.selected {
    background-color: #000;
    border-color: #000 !important;
    color: #fff;
}
.likeus_filters li a.selected .likeus_filters-slug::after {
    color: var(--the7-accent-color);
}

/* Isotope grid view - Grid */
.likeus-grid {
    position: relative;
}
.likeus-grid .likeus-grid__item__outer {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    padding-bottom: 100%;
}
.likeus-grid .likeus-grid__item__outer::before {
    content:'';
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.3);
}
.likeus-grid .likeus-grid__item__btn {
    display: inline-block;
    border: 4px solid #fff;
    padding: .7rem 2rem;
    color: #fff;
    margin: 0 3px;
    font-size: 1.5rem;
}
.likeus-grid .likeus-grid__item__btn.donate-now {
    background-color: var(--the7-accent-color);
}
.likeus-grid .give-progressbar {
    position: relative;
    margin: 20px 0;
}
.likeus-grid .give-progressbar::before {
    content:'0';
    position: absolute;
    color: #fff;
    top: -20px;
    left: 0;
}
.likeus-grid .give-progressbar .progressbar-indicator-line {
    position: relative;
    background-color: var(--the7-accent-color);
    height: 3px;
}
.likeus-grid .give-progressbar .progressbar-indicator-number {
    position: absolute;
    top: -20px;
    right: 0;
}
.likeus-grid .give-progressbar .progressbar-indicator-goal {
    position: absolute;
    top: -20px;
    right: 0;
}
.likeus-grid .give-progressbar .progressbar-donor {
    position: absolute;
    color: #fff;
    top: 20px;
    right: 0;
}
/**************************/
.likeus-grid.style-1 .likeus-grid__item__outer {
    justify-content: center;
}
.likeus-grid.style-1 .likeus-grid__item__outer h2 {
    display: none;
}
.likeus-grid.style-1 .likeus-grid__item__inner {
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
}
.likeus-grid.style-1 .likeus-grid__item__inner h2 {
    font-size: 45px;
    line-height: 45px;
    margin-bottom: 0;
    color: #fff;
}
.likeus-grid.style-1 .likeus-grid__item__inner em {
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
}

.likeus-grid.style-1 .give-progressbar {
    background-color: #fff;
}
.likeus-grid.style-1 .give-progressbar::before {
    color: #fff;
}
.likeus-grid.style-1 .give-progressbar .progressbar-indicator-number {
    color: #fff;
}
.likeus-grid.style-1 .give-progressbar .progressbar-indicator-goal {
	color: #fff;
}
@media screen and (max-width:435px) {
    .likeus-grid .likeus-grid__item__btn {
        padding: .2rem 1rem;
    }
}
/**************************/
.likeus-grid.style-2 {
    margin: 10px;
}
.likeus-grid.style-2 .likeus-grid__item__outer {
    justify-content: flex-end;
}
.likeus-grid.style-2 .likeus-grid__item__outer h2 {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    display: block;
    color: #fff;
}
.likeus-grid.style-2 .likeus-grid__item__inner {
    position: relative;
    padding: 20px 0;
}
.likeus-grid.style-2 .likeus-grid__item__inner h2 {
    display: none;
}
.likeus-grid.style-2 .likeus-grid__item__inner em {
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
}
.likeus-grid.style-2 .likeus-grid__item__btn.donate-now {
    border-color: var(--the7-accent-color);
}
.likeus-grid.style-2 .likeus-grid__item__btn.read-story {
    border-color: #000;
    color: #000;
}
.likeus-grid.style-2 .give-progressbar {
    background-color: #000;
}
.likeus-grid.style-2 .give-progressbar::before {
    color: #000;
}
.likeus-grid.style-2 .give-progressbar .progressbar-indicator-number {
    color: #000;
}
.likeus-grid.style-2 .give-progressbar .progressbar-indicator-goal {
    color: #000;
}
/**************************/
.likeus-grid.style-3 .likeus-grid__item__outer h2 {
    display:none;
}
.likeus-grid.style-3 .likeus-grid__item__inner {
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding:0;
}
.likeus-grid.style-3 .likeus-grid__item__inner .highlight {
    color: #fff;
}
.likeus-grid.style-3 .likeus-grid__item__inner a {
    background: #000;
    width: 100%;
    margin: 0;
    padding: 20px;
    font-size: 30px;
	line-height: 30px;
    color: #fff;
    text-align: center;
}
.likeus-grid.style-3 .likeus-grid__item__inner a:hover {
    color: var(--the7-accent-color);
}

.likeus-grid.style-3 .give-progressbar,
.likeus-grid.style-3 .likeus-grid__item__btn__wrapper {
    display: none;
}
/* - Hover BTN -  */
.likeus-grid .likeus-grid__item__btn.donate-now:hover,
.likeus-grid .likeus-grid__item__btn.read-story:hover {
    background-color: transparent;
    color: var(--the7-accent-color);
    border-color: var(--the7-accent-color);
}
/**************************/
.likeus-grid.style-header-section {
    width: 70%;
}
.likeus-grid.style-header-section .likeus-grid__item__inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
}
.likeus-grid.style-header-section .likeus-grid__item__inner h2 {
    font-size: 8em;
    color: #fff;
    line-height: .8em;
}
.likeus-grid.style-header-section .give-progressbar {
    background-color: #fff;
    margin: 40px 0;
    font-size: 2em;
}
.likeus-grid.style-header-section .give-progressbar::before {
    color: #fff;
    top: -30px;
}
.likeus-grid.style-header-section .give-progressbar .progressbar-indicator-line {
    height: 8px;
}
.likeus-grid.style-header-section .give-progressbar .progressbar-indicator-number {
    color: #fff;
    top: -30px;
}
.likeus-grid.style-header-section .give-progressbar .progressbar-indicator-goal {
    color: #fff;
    top: -30px;
}
.likeus-grid.style-header-section .likeus-grid__item__btn {
    padding: 20px 40px;
    font-size: 2em;
}
@media screen and (max-width:1024px) {
    .likeus-grid.style-header-section {
        width: 80%;
    }
    .likeus-grid.style-header-section .likeus-grid__item__inner h2 {
        font-size: 4em;
        line-height: .8em;
    }
    .likeus-grid.style-header-section .give-progressbar {
        font-size: 1.8em;
    }
    .likeus-grid .give-progressbar .progressbar-donor {
        font-size: .8em;
    }
    .likeus-grid.style-header-section .likeus-grid__item__btn {
        font-size: 1.5em;
        padding: 15px 30px;
    }
}

@media screen and (max-width:768px) {
    .likeus-grid.style-header-section .likeus-grid__item__inner {
        padding:80px 30px 60px 30px;
    }
    .likeus-grid.style-header-section {
        width: 100%;
    }
    .likeus-grid.style-header-section .likeus-grid__item__inner h2 {
        font-size: 3.5em;
        line-height: .9em;
    }
    .likeus-grid.style-header-section .give-progressbar {
        font-size: 1.3em;
    }
    .likeus-grid.style-header-section .likeus-grid__item__btn {
        font-size: 1em;
        padding: 7px 30px;
    }
    .likeus-grid .likeus-grid__item__btn {
        padding: .2em .5em;
    }
}
/**************************/
/**************************/

.likeus_isotope-list .item.desktop-column-1 {width:100%;}
.likeus_isotope-list .item.desktop-column-2 {width:50%;}
.likeus_isotope-list .item.desktop-column-3 {width:33.3333%;}
.likeus_isotope-list .item.desktop-column-4 {width:25%;}
.likeus_isotope-list .item.desktop-column-5 {width:20%;}
.likeus_isotope-list .item.desktop-column-6 {width:16.6666%;}

@media screen and (max-width:1024px) {
    .likeus_isotope-list .item.tablet-column-1 {width:100%;}
    .likeus_isotope-list .item.tablet-column-2 {width:50%;}
    .likeus_isotope-list .item.tablet-column-3 {width:33.3333%;}
    .likeus_isotope-list .item.tablet-column-4 {width:25%;}
    .likeus_isotope-list .item.tablet-column-5 {width:20%;}
    .likeus_isotope-list .item.tablet-column-6 {width:16.6666%;}
}
@media screen and (max-width:435px) {
    .likeus_isotope-list .item.mobile-column-1 {width:100%;}
    .likeus_isotope-list .item.mobile-column-2 {width:50%;}
    .likeus_isotope-list .item.mobile-column-3 {width:33.3333%;}
    .likeus_isotope-list .item.mobile-column-4 {width:25%;}
    .likeus_isotope-list .item.mobile-column-5 {width:20%;}
    .likeus_isotope-list .item.mobile-column-6 {width:16.6666%;}
}



/* Home - hide logo */
body:not(.transparent) #page #main {
    margin-top: 30px;
}


body.home.phantom-sticky .branding > a:not(.same-logo),
body.home.phantom-sticky .mobile-branding > a img.mobile-logo {
    display: none !important;
}
/* Header logo */
.inline-header .branding {
	padding-left: 13px;
}

.branding a img, .branding img {
	max-width: unset;
	width: auto;
    height: 80px;
}

/* Concept page */
.content-half-image .elementor-cta__content .elementor-cta__button {
	padding: 0;
}

/* Style testimonial under page */
.likeus-slide-testimonial .dt-owl-item .dt-owl-item-wrap {
	padding-top: 60px;
}
.likeus-slide-testimonial .dt-owl-item .dt-owl-item-icon {
	position: absolute;
	top: 0;
	left: 35%;
	width: 75px;
	height: 75px;
	padding: 0;
}
.likeus-slide-testimonial .dt-owl-item .dt-owl-item-icon i {
    font-size: 75px;
    top: 0;
    left: 0;
    transform: none;
}
.likeus-slide-testimonial .dt-owl-item .dt-owl-item-description {
    padding-right: 25%;
    padding-left: 25%;
}

@media screen and (max-width:768px) {
	.likeus-slide-testimonial .dt-owl-item .dt-owl-item-icon {
		left: 30%;
	}
}

@media screen and (max-width:435px) {
	.likeus-slide-testimonial .dt-owl-item .dt-owl-item-icon {
		left: 50%;
		width: 50px;
		height: 50px;
		transform: translateX(-50%);
	}
	
	.likeus-slide-testimonial .dt-owl-item .dt-owl-item-icon i {
    	font-size: 50px;
	}
	
	.likeus-slide-testimonial .dt-owl-item .dt-owl-item-description {
		padding-right: 20px;
		padding-left: 20px;
	}
}


/* Style reason why graph */
.reason-graph svg .apexcharts-yaxis.apexcharts-xaxis-inversed >line,
.reason-graph svg .apexcharts-xaxis.apexcharts-yaxis-inversed,
.reason-graph svg .apexcharts-xaxis-tick {
	display: none;
}


/* Style givewp submit button hover */
#page .give-submit.give-btn:hover {
    background-color: var(--the7-accent-color) !important;
}


/* Mobile menu - style donate button */
.dt-mobile-header .mobile-mini-widgets-in-menu .header-elements-button-1 {
    width: 100%;
    padding: 10px 0;
    margin: 20px 0 0 0;
    justify-content: center;
}


/* Custom givewp donation button */
.givewp-donation-btn .give-display-button.give-display-button-only { text-align: center;}
.givewp-donation-btn button {
    border: 4px solid;
    border-color: var(--the7-accent-color);
    background-color: var(--the7-accent-color);
    color: #fff;
    margin: 0 3px;
    padding: 20px 40px;
    font-size: 2em;
}
.givewp-donation-btn button:hover {
    background-color: transparent;
    color: var(--the7-accent-color);
    border-color: var(--the7-accent-color);
}