/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* defaults to import */
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

/* Defaults */
input, a, button, * { outline: none !important; } 
a, a svg { transition: all .4s ease-in-out; }
body input[type=submit] { border: none; } 
img { vertical-align: top; }
.bg-set { background-position: center; background-size: cover; background-repeat: no-repeat; }

body ol, body ul { padding-left: 24px; }
body ol { padding-left: 17px; }
body ol li { padding: 5px 0; }

body b, body strong { font-weight: 700; }
 

ul.elementor-nav-menu--dropdown a, ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover { border-left: none !important; }

body select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(images/down-arrow.svg); background-position:  right center; background-repeat: no-repeat;  background-size: 36px auto; height: 30px; line-height: 30px; width: 100%; padding: 0 50px 0 20px !important; border: none; border-bottom: 1px solid 1px solid var(--e-global-color-primary); border-radius: 0;  } 
body select:focus { border-color: var(--e-global-color-secondary); } 

body .elementor-button-link .elementor-button-content-wrapper span, body .elementor-button-link .elementor-button-content-wrapper svg { display: inline-block; vertical-align: middle; }

body .text-center { text-align: center; }
body .bg-img { background-repeat: no-repeat; background-size: cover; background-position: center; }
body .facetwp-facet { margin: 0; }

@media (max-width: 767px) { 
   body .text-m-center { text-align: center; }
}

.float-left { float: left; }
.w-100 { width: 100%; }
body .gallery-slider img { height: 200px; object-fit: cover; }
.no-result { padding: 40px 0 0; }
body .link-underline a, body a.link-underline { text-decoration: underline; }
body .link-underline a:hover, body a.link-underline:hover { text-decoration: none; }
body .top-link-style { margin: 0 10px; }
body .text-uppercase { text-transform: uppercase; }

/* Gravity Form Customizations */
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) , body input:not([type="button"]):not([type="submit"])  { padding: 0 !important; height: 30px; line-height: 30px; vertical-align: top; }
body .gform_wrapper input[type=submit] { height: auto !important; }
body .gform_wrapper input[type=checkbox], body .gform_wrapper input[type=radio] { height: auto !important; }

body .gform_wrapper textarea, body textarea { padding: 20px !important; height: 117px !important; border-width: 1px !important; margin-top: 10px; }

body .ginput_container_consent, body .hs-form-booleancheckbox { position: relative; padding-left: 25px; font-size: 16px; line-height: 24px; }
body .ginput_container_consent label:before, body .hs-form-booleancheckbox span:before { content: ''; border: 1px solid #E8E5E3; background: #fff; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; border-radius: 2px; }
body .form-white .ginput_container_consent label:before { border-color: #fff; background-color: rgba(255, 255, 255, 0.32); }
body .ginput_container_consent input[type=checkbox]:checked + label:before, body .hs-form-booleancheckbox input[type=checkbox]:checked + span:before { border-color: var(--e-global-color-primary); background: url(images/check-icon.svg) no-repeat center center var(--e-global-color-primary);  }
body .form-white .ginput_container_consent input[type=checkbox]:checked + label:before { border-color: var(--e-global-color-secondary); background-color: var(--e-global-color-secondary); }
body .form-white .ginput_container_consent label { color: #fff !important; }
body .ginput_container_consent input, body .hs-form-booleancheckbox input { display: none; }
body .ginput_container_consent .gfield_required_text { display: none; }
body .gform_wrapper.gravity-theme .gfield_label { margin: 0; }

body form ::-webkit-input-placeholder { color: #9AB69A; }
body form ::-moz-placeholder { color: #9AB69A; }  
body form :-ms-input-placeholder { color: #9AB69A; } 
body form input:-moz-placeholder { color: #9AB69A; }

body .gform_footer { margin: 0; }
body .gform_footer input[type=submit], body .hs_submit input[type=submit] { min-width: 200px; }
body .gfield_required.gfield_required_text { color: var(--e-global-color-primary) !important; font-size: 0 !important; }
body .gfield_required.gfield_required_text:before { content: '*'; font-size: initial !important; }

ul.inputs-list { margin: 0; padding: 0; list-style: none; }
.hbspt-form .field { padding-bottom: 30px; }
.hbspt-form ul.inputs-list label { font-size: 16px; line-height: 24px; padding-top: 5px; }
.hbspt-form { font-size: 16px; line-height: 24px; }
.hs_submit { padding-top: 20px; }

@media (max-width: 767px) { 
   	body .gform_footer  { display: block !important; }
	body .gform_wrapper textarea, body textarea { height: 180px !important; }
	.hbspt-form .field { padding-bottom: 40px; }
}

/* Slick Slider */
 
body .slick-slider { position: relative; width: 100%; }
body .slick-slider.slick-dotted { margin-bottom: 60px; }

body .slick-list { outline:none; position: relative; display: block; overflow: hidden; margin: 0; padding: 0; width: 100%; }
body .slick-list:focus { outline: none; }
body .slick-list.dragging { cursor: pointer; cursor: hand; }
body .slick-slider .slick-track, body .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
body .slick-track { position: relative; top: 0; left: 0; display: block; }
body .slick-track:before, .slick-track:after { display: table; content: ''; }
body .slick-track:after { clear: both; }
body .slick-loading .slick-track { visibility: hidden; }
body .slick-slide { display: none; float: left; width: 100%; height: 100%; min-height: 1px; outline:none; }
[dir='rtl'] .slick-slide { float: right; }
body .slick-slide.slick-loading img { display: none; }
body .slick-slide.dragging img { pointer-events: none; }
body .slick-initialized .slick-slide { display: block; }
body .slick-loading .slick-slide { visibility: hidden; }
body .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
body .slick-arrow.slick-hidden { display: none; }

body .slick-slider .slick-arrow, body .slick-arrow { z-index: 5; position: absolute; top: 50%; transform: translateY(-50%); display: inline-block; width: 48px; height: 48px; line-height: 48px; font-size: 0; cursor: pointer; padding: 0; outline: none !important; border: 1px solid var(--e-global-color-primary) !important; background:  none !important; border-radius: 100%; left: -60px;  text-align: center; box-shadow: none !important; }  
body .slick-slider .slick-arrow svg path { fill: #000 !important;}
body .slick-slider .slick-arrow.slick-next { left: auto; right: -60px; } 
body .slick-slider .slick-arrow:hover { background: var(--e-global-color-primary) !important; color: #fff !important; } 
body .slick-slider .slick-arrow.slick-disabled, body  .slick-arrow.slick-disabled { display: none; }
body .slick-slider .slick-arrow:hover svg path { fill: #fff !important; }
body .slick-slider .slick-arrow svg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
/*body .post-slider .slick-arrow { top: -76px; transform: none; left: auto; }
body .post-slider .slick-arrow.slick-next { right: 11px; } 
body .post-slider .slick-arrow.slick-prev { left: auto; right: 70px; } */
body .post-slider .slick-list, body .post-slider .slick-track, body .post-slider .slick-slide, body .post-slider .post-b { display: flex; }
body .post-slider .post-b { flex-wrap: wrap; }
body .post-slider { margin: 0 -11px; }
body .post-slider-title { margin: 0; padding-bottom: 25px; }

@media (min-width: 768px) { 
 
}

@media (max-width: 767px) {  
	body .post-slider { padding-top: 60px; }
	body .post-slider .slick-arrow.slick-next { top: 0; right: auto; left: 50%; margin-left: 20px; }
	body .post-slider .slick-arrow.slick-prev { top: 0; left: auto; right: 50%; margin-right: 20px; }
}
 
body ul.slick-dots { margin: 0; padding: 0; list-style: none; position: absolute; bottom: -60px; left: 50%; width: auto;  transform: translateX(-50%); line-height: 0; }
body ul.slick-dots li { padding: 0 2px; display: inline-block; }
body ul.slick-dots li button { font-size: 0; width: 15px; height: 4px; padding: 0; border: none; background: #EBEBEB; vertical-align: top; border-radius: 5px; }
body ul.slick-dots li button:hover, body ul.slick-dots li.slick-active button { background: var(--e-global-color-primary); }

/* Facet WP */
.facetwp-pager { text-align: center; }
body .facetwp-facet-pagination .facetwp-page { display: inline-block; line-height: 26px; font-size: 20px; font-weight: 300; color: var(--e-global-color-primary) !important; margin: 10px; vertical-align: middle; border-radius: 100%; }
body .facetwp-facet-pagination .facetwp-page:hover, .facetwp-facet-pagination .facetwp-page.active { text-decoration: underline !important; } 
body .facetwp-facet-pagination .facetwp-page.next, .facetwp-facet-pagination .facetwp-page.prev { display: inline-block;  line-height: 26px; font-size: 20px; font-weight: 300; text-align: center; }  
body .facetwp-facet-pagination .facetwp-page.next:hover, body .facetwp-facet-pagination .facetwp-page.prev:hover { text-decoration: underline; }
/*body .facetwp-facet-pagination .facetwp-page.prev:before { content: '« '; font-size: 25px; }
body .facetwp-facet-pagination .facetwp-page.next:after { content: ' »'; font-size: 25px; }*/
body .facetwp-facet-pagination .facetwp-page:not(.next):not(.prev):before { content: 'Page '; }

body .fs-wrap { width: 100%; vertical-align: top; }
body .fs-label-wrap { background-color: #fff; border: none; border-bottom: 1px solid var(--e-global-color-primary); font-size: 16px; border-radius: 0; }
body .fs-label-wrap .fs-label { font-size: 16px; font-weight: 400; padding: 0 60px 0 0; height: 39px; line-height: 39px; min-width: 248px; color: var(--e-global-color-primary); }
body .facetwp-type-fselect { display: flex; }
body .fs-search { display: none; }
body .fs-dropdown { padding: 15px 0; border: none; margin-top: 10px; box-shadow: 0px 0px 5px rgba(168, 168, 168, 0.20); }
body .fs-option:first-child { display: none; }
body .fs-option { padding: 15px 20px; font-size: 14px; }
body .fs-option:hover, body .fs-wrap.single .fs-option.selected { background: var(--e-global-color-primary); color: #fff; }
body .fs-arrow { border: none; background: url(images/down-arrow.svg) no-repeat right center/48px auto; width: 48px; height: 15px; transform: none !important; }
body .fs-dropdown .fs-options { max-height: none; }

body .facetwp-icon { display: none; }
body .facetwp-input-wrap { display: block; }
body input.facetwp-search:not([type="button"]):not([type="submit"]) { padding-left: 50px !important; background-image: url(images/search2.svg); background-repeat: no-repeat; background-position: 15px center; }
body .facetwp-facet select { background-color: rgba(0,0,0,0); }

body .elementor-button.button-small { font-size: 16px; line-height: 28px; font-weight: 600; padding: 10px 30px; }

body:not(.elementor-page) .content-space { padding: 0 10px; }
body:not(.elementor-page) .content-main { padding: 50px 0; }
body:not(.elementor-page) .content-main > .elementor-container { max-width: 1140px; margin: 0 auto; padding: 0 10px; }
 
body .link-arrow .elementor-button-content-wrapper { align-items: center; }
body .link-arrow a svg { width: 6px !important; }
body .link-arrow a:hover svg { transform: translatex(5px); }

.banner-close { transform: translatey(-50%); cursor: pointer; }
.banner-close .elementor-icon { vertical-align: middle; }
body:not(.hero2):not(.single-post):not(.elementor-editor-active) .banner { width: 100%; position: absolute; top: 0; }


body:not(.hero2):not(.single-post):not(.elementor-editor-active) .top { position: absolute; top: 0; width: 100%; }

body .mainmenu ul.elementor-nav-menu > li > a:hover, body .mainmenu ul.elementor-nav-menu > li.current_page_item > a { text-decoration: underline; }
body:not(.hero2):not(.single-post) .mainmenu ul.elementor-nav-menu > li > a { color: #fff !important; }
body:not(.hero2):not(.single-post) .donate-link a { background: #fff !important; border-color: #fff !important; color: var(--e-global-color-primary); }
body:not(.hero2):not(.single-post) .donate-link a:hover { background: none !important; color: #fff !important; }

body .logo .elementor-icon, body .logo2 .elementor-icon { height: auto; vertical-align: top; }
body .logo .elementor-icon svg, body .logo2 .elementor-icon svg { width: 180px; height: auto; }
body:not(.hero2):not(.single-post) .logo .elementor-icon svg path { fill: #fff !important; }
.logo2 .elementor-icon svg path { fill: #fff !important; }

body:not(.elementor-editor-active) .top2 { position: fixed; transform: translateY(-100%); top: 0; transition: transform 0.4s !important; width: 100%; z-index: 10; }
body:not(.elementor-editor-active).scrolled .top2 { transform: translateY(0); }

body:not(.hero2):not(.single-post) #uc_fullscreen_navigation_menu_elementor_af1a23e .ue_hamburger > div { background: #fff !important; }

body .word-break, body .word-break * { word-break: break-word; }

body .grediant-top > .elementor-background-overlay { height: 594px; }
body .grediant-bottom > .elementor-widget-wrap > .elementor-background-overlay { height: 594px; top: auto; bottom: 0; }

body .elementor-counter-title { max-width: 160px; }
body .elementor-counter { align-items: center; }

.slide-style img { height: 250px !important; object-fit: cover; width: 100%; }
.slide-style .swiper { overflow: visible; }

body .elementor-accordion-item { padding: 50px 60px 50px 106px; position: relative; } 
body .elementor-accordion .elementor-accordion-item:not(:first-child) { border-top: 1px solid var(--e-global-color-primary) !important; } 
body .elementor-accordion-item .elementor-tab-title { padding: 0; }
body .elementor-accordion { counter-reset: count; }
body .elementor-accordion-item:before { content: "0" counter(count); counter-increment: count; font-size: 56px; line-height: 58px; position: absolute; left: 0; top: 46px; font-family: var(--e-global-typography-primary-font-family); }
body .elementor-accordion-item .elementor-tab-content { padding: 20px 0 0 0; }
body .elementor-accordion-item .elementor-tab-title .elementor-accordion-icon svg, body .elementor-accordion-item .elementor-tab-title .elementor-accordion-icon { width: 48px; height: auto; }

@media (max-width: 767px) {
	body .elementor-accordion-item { padding: 30px 10px 30px 50px; }
	body .elementor-accordion-item:before { font-size: 42px; line-height: 44px; top: 36px; }
}

/* Custom Post Customizations {update} */
/* UPDATE COLORS for THEME */
.post-box { padding: 20px 0; }
.post-box  .post-img { width: 100%; position: relative; height: 264px; background: var(--e-global-color-primary); border-radius: 4px 4px 0 0; }
body .post-img img { vertical-align: top; height: 264px; object-fit: cover; width: 100%; border-radius: 4px 4px 0 0; }
.post-box .post-b { width: 100%; } 
	
.post-box .post-content { padding: 20px 0 0; }
body .post-content h4 { font-family: var(--e-global-typography-text-font-family); font-size: 22px; line-height: 28px; font-weight: 500; text-transform: uppercase; margin: 0; padding: 0 0 10px; }
.post-content h4 a, body .post-cat a { color: var(--e-global-color-primary); }
.post-content h4 a:hover, body .post-cat a:hover { color: var(--e-global-color-accent); }
.post-box .post-text { padding: 0 0 15px; color: var(--e-global-color-text); } 
body a.read-link { display: flex; align-items: center; color: var(--e-global-color-accent) !important; font-weight: 700; }
body a.read-link svg { margin-left: 5px; }
body a.read-link svg path { fill: var(--e-global-color-accent); }
body a.read-link:hover svg { transform: translatex(5px); }
.post-byline { display: flex; flex-wrap: wrap; padding-bottom: 8px; }
.post-cat { position: relative; margin: 0 6px; padding-left: 8px; text-transform: uppercase; }
.post-cat:before { content: ''; position: absolute; left: 0; top: 11px; width: 4px; height: 4px; border-radius: 100%; background: var(--e-global-color-primary); }

body .postbox-center { text-align: center; }
body .postbox-center .post-byline, body .postbox-center a.read-link { justify-content: center; }
body .postbox-center .post-byline { display: none; }
/*body .postbox-center .post-content h4 { font-family: var(--e-global-typography-primary-font-family); }*/

@media (min-width: 768px) { 
	body .post-boxes { margin: 0 -11px; display: flex; flex-wrap: wrap; }
  	body .post-boxes .post-box { padding: 15px 11px; width: 33.33%; display: flex; }   
	body .post-box { padding: 0 11px; }
}

@media (min-width: 768px) and (max-width: 1100px) { 
	body .post-img img, body .post-box .post-img { height: 240px; }
}

@media (max-width: 767px) {  
	body .post-img img, body .post-box .post-img { height: 200px; } 
	.post-byline, body a.read-link { justify-content: center; } 
}

.location #extra { fill: #E4E4E7; }
.location path, .location g { transition: fill 0.4s; }
.location svg { display: block; height: auto; max-width: 100%; fill: #D8E2D9; }
.location g:not([id=extra]):hover { cursor: pointer; fill: #094325; }

.sitemap-ew-africa .location #ew-africa, .sitemap-me-north-africa .location #me-north-africa, .sitemap-e-asia .location #e-asia, .sitemap-c-asia .location #c-asia, .sitemap-s-asia .location #s-asia, .sitemap-se-asia .location #se-asia  { fill: #094325; }
.ew-africa .location #ew-africa-arrow { opacity: 1; visibility: visible; }
.me-north-africa .location #me-north-africa-arrow { opacity: 1; visibility: visible; } 
.e-asia .location #e-asia-arrow { opacity: 1; visibility: visible; } 
.c-asia .location #c-asia-arrow { opacity: 1; visibility: visible; } 
.s-asia .location #s-asia-arrow { opacity: 1; visibility: visible; } 
.se-asia .location #se-asia-arrow { opacity: 1; visibility: visible; }

.locations-slide { padding: 0 100px; }
body .locations .slick-arrow { transform: none; top: 18px; }

@media (max-width: 767px) { 
	.locations-slide { padding: 0 20px; }
	body .locations { padding-top: 60px; }
	body .locations .slick-arrow.slick-next { top: 0; right: auto; left: 50%; margin-left: 20px; }
	body .locations .slick-arrow.slick-prev { top: 0; left: auto; right: 50%; margin-right: 20px; }
}


.team-slide { padding: 0 20px; }
body .team-img { height: 464px; background: var(--e-global-color-primary); margin-bottom: 30px; }
body .team-img img { width: 100%; height: 464px; object-fit: cover; object-position: top; }
body .team-slider-title { padding-bottom: 44px; margin: 0; }
body .team-slide h4 { margin: 0; padding-bottom: 15px; font-size: 35px; line-height: 38px; }
body .team-slide h5 { margin: 0; padding-bottom: 20px; }
body .team-slider .slick-arrow { transform: none; top: -93px; }
body .team-slider .slick-list { overflow: visible; }
body .team-slider .slick-slide:not(.slick-active) { opacity: 0.30; }

@media (min-width: 1100px) { 
	body .team-slide h4 { padding-bottom: 30px; font-size: 60px; line-height: 62px; } 
	body .team-slide h5 { font-size: 26px; line-height: 32px; }
	body .team-slider-title { padding-bottom: 74px; }
	body .team-slider .slick-arrow { top: -139px; }
}

@media (min-width: 768px) and (max-width: 1100px) { 
	body .team-slide h4 { padding-bottom: 30px; font-size: 45px; line-height: 48px; } 
	body .team-img img, body .team-img { height: 340px; }
}

@media (min-width: 500px) and (max-width: 767px)  {  
	.team-slide { padding: 0 10px; }
	.team-slider { padding: 0 30px; }
	body .team-img img, body .team-img { height: 250px; }
}

@media (max-width: 500px) {  
	.team-slide { padding: 0 10px; }
	.team-slider { padding: 0 30px; }
	body .team-img img, body .team-img { height: 320px; }
}

body .footer-form input:not([type="button"]):not([type="submit"]) { border-bottom-color: #9AB69A; padding: 0 10px !important; text-transform: uppercase; color: #fff; }
body .footer-form { color: #9AB69A; }
body .footer-form ::-webkit-input-placeholder { color: #9AB69A; }
body .footer-form ::-moz-placeholder { color: #9AB69A; }  
body .footer-form :-ms-input-placeholder { color: #9AB69A; } 
body .footer-form input:-moz-placeholder { color: #9AB69A; }
body .footer-form .field > label { display: none !important; }
body .footer-form .field { padding: 5px 0; }
body .footer-form .hs-richtext { font-size: 12px; line-height: 20px; }
body .footer-form .hs_submit input[type=submit] { background: none; font-size: 15px; font-weight: 400; padding: 10px 20px; text-transform: uppercase; border: 1px solid #9AB69A; color: #9AB69A; border-radius: 0; min-width: 0; }
body .footer-form .hs-email { padding-bottom: 0; }
body .footer-form a { color: #9AB69A; }
body .footer-form a:hover { color: #fff; }
body .footer-form ul.inputs-list { margin: 0; padding: 0; list-style: none; display: none; }
body .footer-form ul.inputs-list label { color: #fff; font-size: 12px; }
body .footer-form form { position: relative; }
body .subscribe-form input:not([type=button]):not([type=submit]) { color: var(--e-global-color-text); }

@media (min-width: 768px) {  
	body .footer-form .hs-richtext { float: left; width: 70%; padding-right: 70px; padding-top: 10px; }
	body .footer-form .hs_submit { position: absolute; top: 74px; right: 0; }
	body .footer-form .hbspt-form { position: relative; }
	body .subscribe-form .hs_submit { top: 80px; }
}

@media (max-width: 767px) { 
	body .footer-form { text-align: center; }
	body .footer-form .hs-richtext { padding: 5px 0 10px; }
    body .footer-links ul li, body .footer-links ul li a { display: block; text-align: center; }
}
