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

/*
    Add your custom styles here
*/
.bg-set { background-size: cover; background-position: center; background-repeat: no-repeat; }
input, a, button, * { outline: none !important; } 
a, a * { transition: all .3s; }

ul.elementor-nav-menu li.sign-up-link > a { text-decoration: underline; }

@media (min-width: 1025px) {
	body ul.elementor-nav-menu li.donate-link > a { background: var( --e-global-color-accent ); padding-left: 65px !important; padding-right: 65px !important; color: var( --e-global-color-863f048 ) !important; }
	body ul.elementor-nav-menu li.donate-link > a:hover { background: var( --e-global-color-68b11cb ); }
}

@media (min-width: 1025px) and (max-width: 1240px) {
	body .mainmenu .elementor-nav-menu--main ul.elementor-nav-menu > li { margin: 0!important; margin-left: 5px !important; }
	body .mainmenu .elementor-nav-menu--main ul.elementor-nav-menu > li > a { padding-left: 10px !important; padding-right: 10px !important; }
	body .mainmenu .elementor-nav-menu--main ul.elementor-nav-menu li.donate-link > a { padding-left: 35px !important; padding-right: 35px !important; }	
}

@media (max-width: 1024px) {	
	body ul.elementor-nav-menu li.donate-link > a { background: var( --e-global-color-secondary ); }
	body ul.elementor-nav-menu li.donate-link > a:hover { background: var( --e-global-color-68b11cb ); }
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { border: none; padding: 0; font-size: 38px; background: none !important; } 

body .slick-slider .slick-arrow, body .slick-arrow { z-index:5; position: absolute; top: 50%; transform: translateY(-50%); display: inline-block; width: 34px; height: 34px; line-height: 34px; font-size: 46px; cursor: pointer; padding: 0; outline: none !important; border: none !important; color: var( --e-global-color-accent ); background: none !important; font-family:'FontAwesome'; }  
body .slick-slider .slick-arrow:hover, body .slick-arrow:hover { color: var( --e-global-color-68b11cb ); }
body .slick-slider .slick-arrow.slick-disabled, body .slick-arrow.slick-disabled { color: #b3b3b3; }
 

body .slick-slider .slick-arrow.slick-prev, body .slick-arrow.slick-prev { left: 0; } 
body .slick-slider .slick-arrow.slick-next, body  .slick-arrow.slick-next { right: 0;  }
body .slick-slider .slick-arrow.slick-disabled, body  .slick-arrow.slick-disabled { display: none; }

body ul.slick-dots { margin: 0; padding: 0; list-style: none; position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center; }
body ul.slick-dots li { padding: 0 4px; display: inline-block; }
body ul.slick-dots li button { font-size: 0; width: 8px; height: 8px; padding: 0; border-radius: 8px; border: none !important; background: var( --e-global-color-primary ); opacity: 0.73; }
body ul.slick-dots li button:hover, body ul.slick-dots li.slick-active button { opacity: 1; background: var( --e-global-color-primary ); }
body ul.slick-dots li.slick-active button { width: 84px; }

body .header-slider ul.slick-dots li button { background: #fff; }
body .header-slider ul.slick-dots li button:hover, body .header-slider ul.slick-dots li.slick-active button { background: #fff; }

body .about-tabs .bdt-tab-title-icon-wrapper svg { width: 30px; max-height: 30px; }
body .about-tabs .bdt-tabs-item .bdt-tabs-item-title:hover svg { fill: var( --e-global-color-primary ) !important; }
body .about-tabs .bdt-tab .bdt-tabs-item a:after { width: 100%; background: #979797; }
body .about-tabs .bdt-tab .bdt-tabs-item a:hover:after { background: var( --e-global-color-primary ); }
.about-tabs .bdt-tabs-item { width: 33%; }

@media (max-width: 767px) {
	body .about-tabs .bdt-tabs-item-title .bdt-button-icon-align-left { width: 100%; margin: 0; }
}

.title-style:before { content: ''; position: absolute; left: 0; top: 0; width: 46px; height: 3px; background: var( --e-global-color-primary ); }
.title-style { min-height: 260px; }

@media (max-width: 767px) {
	.title-style { min-height: 0; }
}

.post-box { padding: 15px 0; }
.post-img { height: 250px; margin: 0 0 15px; }
.post-byline a { font-family: "Open Sans", Sans-serif; font-size: 14px; font-weight: 900; text-transform: uppercase; line-height: 26px; margin-right: 5px; }
.post-box h3 a { display: block; font-size: 22px; font-weight: 600; line-height: 30px; color: var( --e-global-color-68b11cb ); } 
.post-box h3 a:hover { color: var( --e-global-color-primary ); }
.post-text { padding: 0 0 10px; }
a.read-more { color: var( --e-global-color-68b11cb ); font-size: 16px; font-weight: 700; text-decoration: underline; }
a.read-more:hover { color: var( --e-global-color-primary ); }
a.read-more i { transform: translateX(10px); }
a:hover i { transform: translateX(5px); }
a.read-more:hover i { transform: translateX(15px); }
a.elementor-icon:hover i, .blog-pagination .page-numbers:hover i { transform: translateX(0); }

@media (min-width: 768px) {
	.post-boxes { margin: 0 -10px; clear: both; }
	.post-box { padding: 15px 10px; float: left; width: 33.33%; }
	.post-box:nth-child(3n) { clear: right; }
	.post-box:nth-child(3n+1) { clear: left; }
}

.event-box { padding: 0 15px; }
.event-b { background: url(images/calender-icon.svg) no-repeat right 60px; background-color: var( --e-global-color-863f048 ); padding: 40px; }
.event-day { font-size: 55px; line-height: 60px; color: var( --e-global-color-primary ); font-weight: 600; }
.event-month { font-size: 28px; line-height: 32px; color: var( --e-global-color-primary ); font-weight: 600; }
.event-box h4 { font-weight: 600; }
.event-location, .event-time { font-size: 14px; line-height: 22px; color: var( --e-global-color-primary ); font-weight: 700; }
.event-info { padding: 25px 0 30px; }

.event-slider { margin: 0 -150px 0 0; padding: 0 0 60px; }

body .event-slider-main ul.slick-dots { bottom: -6px; max-width: 1140px; left: 50%; transform: translateX(-50%); }
body .event-slider-main .slick-arrow { bottom: 0; transform: translateX(-180px); top: auto; left: 50% !important; right: auto !important; }
body .event-slider-main .event-slide-arrows { bottom: 0; max-width: 1140px; position: absolute; left: 0; width: 100%; }
body .event-slider-main .slick-arrow.slick-next { transform: translateX(150px); }
.event-slider-main { position: relative; }
.event-slider-main:before { content: ''; right: 0; width: 100px; 
background: -moz-linear-gradient(left,  rgba(242,242,242,0) 0%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(242,242,242,0) 0%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(242,242,242,0) 0%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f2f2f2', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 */
 }

@media (min-width: 768px) and (max-width: 1240px) {
	body .event-slider-main .slick-arrow { transform: translateX(-190px); }
	body .event-slider-main .slick-arrow.slick-next { transform: translateX(150px); }
}

@media (max-width: 767px) {
	.event-slider { margin: 0; padding: 0; } 
	.event-box { padding: 0 10px; }
	body .event-slider-main .slick-arrow { bottom: auto; transform: translateX(0); left: auto !important; right: 45px !important; top: -70px; }	
	body .event-slider-main .slick-arrow.slick-next { right: 15px !important; transform: translateX(0); }
	.event-b { padding: 30px; }
}

.elementor-blockquote--skin-quotation .elementor-blockquote:before { content: ''; background: url(images/quote-icon.svg) no-repeat; height: 22px; width: 26px; background-size: 100% auto; position: absolute; left: 50px; }
.elementor-blockquote--skin-quotation .elementor-widget-container { position: relative; }
.elementor-blockquote--skin-quotation .elementor-widget-container strong { display: block; padding: 0 0 15px; }

@media (max-width: 767px) {
	.elementor-blockquote--skin-quotation .elementor-blockquote:before { left: 18px; top: 42px; }
}

.elementor-post-info__terms-list a { font-weight: 700;  }

.blog-main { padding: 0 0 80px; float: left; width: 100%; clear: both; }
.blog-pagination { clear: both; width: 100%; display: block; }
.blog-main .post-boxes { width: 100%; display: block; margin: 0; }
.blog-main.elementor-section.elementor-section-boxed > .elementor-container { display: block; }
.blog-pagination { padding: 50px 0 0; text-align: center; }
.blog-pagination .page-numbers { display: inline-block; width: 54px; height: 54px; line-height: 54px; font-size: 16px; font-weight: 600; background: var(--e-global-color-863f048); color: var(--e-global-color-text); margin-bottom: 5px; }
.blog-pagination .page-numbers:hover, .blog-pagination .page-numbers.current { background: var(--e-global-color-primary); color: var(--e-global-color-863f048); } 

.blog-detail a { text-decoration: underline; }
.blog-detail a:hover { text-decoration: none; }
.blog-menu { text-align: center; }

@media (min-width: 768px) {
	.blog-menu ul { width: 100%; float: left; }
	.blog-menu ul li { width: 20%; border-left: 1px solid #F2F2F2; }
	.blog-menu ul li:first-child { border: none; } 
}

@media (max-width: 767px) { 
	.blog-menu ul { display: block; float: left; width: 100%; }
	.blog-menu ul li { width: 50%; border-left: 1px solid #F2F2F2; display: inline-block; }
	.blog-menu ul li:first-child { border: none; width: 100%; } 
	.blog-menu ul li:nth-child(4) { border: none; } 
	.blog-main .post-boxes { padding: 0 10px; }
	.blog-pagination .page-numbers { width: 40px; height: 40px; line-height: 40px; }
	.blog-main { padding: 0 0 45px; }
	.blog-pagination { padding: 30px 0 0; }
}

.people-box { padding: 15px 10px; }
.people-b { box-shadow: 0 0 10px 0 rgba(0,0,0,.15); background: #fff; border-radius: 3px; overflow: hidden; }
.people-img { height: 230px; margin: 0 0 20px; }
.people-content { padding: 20px 30px; }
body .people-content h3 a { color: var( --e-global-color-accent ); font-size: 21px; line-height: 30px; font-family: "Open Sans", Sans-serif; font-weight: 400; }
.people-text { padding: 20px 0; line-height: 1.5em; font-size: 14px; color: #777; }
.people-b h3 { margin: 0; }
.people-read-more { text-transform: uppercase; font-size: 12px; font-weight: 700; }
.people_title { font-weight: bold; }

@media (min-width: 768px) {
	.people-box { padding: 15px; float: left; width: 33.33%; }	
	.people-box:nth-child(3n) { clear: right; }
	.people-box:nth-child(3n+1) { clear: left; }
}

.flex-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    }

.flex-item/*:nth-child(1)*/ {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

@media (min-width: 768px) {
	.flex-item { width: 33%; }
}

.testimonial-slide h5 { font-size: 14px; font-weight: 600; line-height: 20px; color: var( --e-global-color-text ); margin: 0; }
.testimonial-position { color: var( --e-global-color-text ); font-size: 14px; font-weight: 600; line-height: 20px; }
.testimonial-text { font-size: 14px; line-height: 26px; font-weight: 600; font-style: italic; }
.testimonial-img { display: inline-block; width: 100px; height: 100px; border-radius: 100%; }
.testimonial-more { text-transform: uppercase; }
body .testimonial-slider ul.slick-dots { bottom: -60px; }

@media (max-width: 1024px) {
	body .testimonial-slider ul.slick-dots { bottom: -44px; }
}

@media (max-width: 767px) {
	body .testimonial-slider ul.slick-dots { bottom: -35px; }
}

body .tab-img { display: none; }
body .tab-img-active { display: block; }