/*
Theme Name: TAG
Theme URI:
Description: Child theme of enfold theme for the Enfold theme
Author: <a href="https://kriesi.at">Kriesi</a>
Author URI:
Template: enfold
Version: 4.8
*/

/* Generated by Orbisius Child Theme Creator (https://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Sat, 06 Mar 2021 08:26:02 +0000 */
/* The plugin now uses the recommended approach for loading the css files.*/


@import 'general_elements.css';
@import 'login_page.css';
@import 'header.css';
@import 'footer.css';
@import 'homepage.css';
@import 'our_work.css';
@import 'events.css';
@import 'news.css';





/* partner quote */

.partner_quote:before{
    font-family: "FontAwesome";
    content: "\f10d";
    font-size: 30px;
    font-style: normal;
    color: #F2C438;
    position: absolute;
    top: 90px;
    left: -40px;
}

.partner_quote:after{
    font-family: "FontAwesome";
    content: "\f10d";
    font-size: 30px;
    font-style: normal;
    color: #F2C438;
    position: absolute;
    bottom: 0px;
    right: -20px;
}

.our-partners #supporters .avia-image-container.avia-align-center img{
    border-radius: 0;
    border: none;
}

@media only screen and (max-width: 480px){

    .our-partners #supporters .partner_quote  {
        width: 90%;
        margin-left: 5%;
    }

    .partner_quote:before{
        left: -10px;
    }

}





/* ----- portfolio items -----*/

#top #supporters.column_80{
    width: 60%;
    margin-left: 20%;
}

#top #supporters.column_80 h3{
    font-size: 18px;
    font-family: 'quicksand', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;
}

#supporters .grid-entry .inner-entry{
    pointer-events: none;
}

#top .alternate_color .container .av-inner-masonry-content{
    background-color: #256880;
    text-align: center;
}

#top .alternate_color .container .av-inner-masonry-content h3{
    color: #fff;
    font-size: 20px;
}

#top .alternate_color .container .av-masonry-entry .avia-arrow {
    background-color: #256880;
}

#top #supporters .av-masonry-load-more{
    max-width: 120px;
    background-color: #fff;
    padding: 7px;
    border: 2px solid #256880;
    margin: auto;
}

#supporters .av-masonry-container{
    margin-bottom: 20px;
}




/* ============================================================== donate-page */

#top #3_column_section .support_projects_column .support_projects_title h3{
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

/* ============================================================= team-members */

#team .awsm-team-filter-wrap{
    padding: 0;
}

#team .awsm-team-filter-wrap{
    width: 25%;
    float: left;
}

#team .awsm-filter-btn{
    padding: 0;
    padding-bottom: 5px;
    margin-bottom: 15px;
    display: block;
    text-align: left;
}

#team .awsm-grid-wrapper .awsm-grid{
    padding: 0;
    margin: 0;
}

#team .grid-style.style-4 figcaption{
    text-align: center;
    padding: 10px;
}

#team span.role{
	font-size: 12px;
	font-style: italic;
}


#team .awsm-personal-info span{
    text-transform: none;
}

#team .awsm-grid-wrapper .awsm-grid h3{
    font-size: 18px;
    margin: 0;
}

.awsm-filter-btn.awsm-active-filter::after{
    width: 10%;
}

.awsm-filter-btn::after{
    height: 4px;
    background-color: #F2C438;
}

@media screen and (max-width: 768px){

    #team .awsm-team-filter-wrap{
        float: none;
        width: 100%;
    }

    #team .awsm-filter-btn{
        display: inline-block;
        margin-right: 20px;
    }

    #team .awsm-filter-btn.awsm-active-filter::after{
        width: 100%;
    }

    .our-people h2{
        text-align: center;
    }

    .our-people .template-page{
        padding-top: 30px;
    }

}

/* ----- global respons team ----- */

.yrm-btn-wrapper span{
    text-align: left;
    color: #256880;
    text-decoration: underline;
}

#top .yrm-content{
    color: #373535 !important;
}

/* ================================================================= our work */

/* -----testimonials tabs ----- */

#after_section_2{
    background-color: #f1f8fb;
    border: none;
}

#after_section_2 .template-page{
    padding: 0;
}

#after_section_2 .container{
    padding : 0;
    max-width: 100%
}

#top .tabcontainer{
    max-width: 1700px;
    margin: auto;
}
.testimonial_tabs .tab{
    width: 15%;
    font-family: 'bitter', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;
    font-size: 20px;
}

#top .main_color .testimonial_tabs.tabcontainer .tab:hover,
#top .main_color .testimonial_tabs.tabcontainer .tab.active_tab{
    background-color: #f1f8fb;
    border: none;
}

.testimonial_tabs .tab:focus{
    outline: none;
}

#top .main_color .testimonial_tabs.tabcontainer .tab.active_tab .tab_icon{
    color: #F2C438;
}

.testimonial_tabs.tabcontainer .tab_icon{
    display: block;
    font-size: 35px;
    color: #256880;
    text-align: center;
    margin-bottom: 20px;
}


.testimonial_tabs .tab_titles {
    text-align: center;
    background-color: #f1f8fb;
    border: none;
    margin-bottom: 20px;
        width: 100%;

}

.testimonial_tabs .tab_titles .tab {
    float: none;
    display: inline-block;
    border: none;
}

.testimonial_tabs .tab_content,
.testimonial_tabs .tab_inner_content{
    padding: 0;
    margin: 0;
    border: none;
}

.testimonial_tabs .tab_content{
    z-index: 9;
}

.testimonial_tabs .tab_inner_content{
    display: table;
    justify-content: center;
    align-items: center;
    min-height: 420px;
}

div .main_color .testimonial_tabs.tabcontainer .active_tab{
    background-color: #f1f8fb;
}

div .main_color .testimonial_tabs.tabcontainer .active_tab_content{
    background-image: url(/wp-content/uploads/2021/04/bamboe.jpg);
    background-size: contain;
}

div.left_tab_content,
div.right_tab_content{
    width: 50%;
    min-height: 460px;
    display: table-cell;
    vertical-align: middle;
}

div.right_tab_content{
    padding: 3%;
}

.testimonial_tabs .tab_inner_content h3{
    margin: 0;
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
}

.testimonial_tabs .tab_inner_content p{
    margin: 0;
    color: #fff;
    text-align: center;
    height: 100%;
}

.testimonial_tabs .tab_inner_content p img{
    display: flex;
    height: 460px;
    object-fit: cover;
}

div.left_tab_content p,
div.right_tab_content p{
    margin: 0;
}

.testimonial_tabs .active_tab_content p a{
    color: #fff;
    text-decoration: underline;
}

.testimonial_tabs .tab_inner_content ul{
    margin: 0;
}

.testimonial_tabs .tab_inner_content ul a{
    color: #fff;
    text-decoration: underline;
}

.testimonial_tabs .tab_inner_content ul li{
    list-style-type: none;
    padding: 0;
    text-align: center;
}

.testimonial_tabs .active_tab_content p.tab_link a{
    color: #373535;
    background-color: #F2C438;
    padding: 15px;
    font-family: 'bitter', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;
    font-size: 20px;
    text-decoration: none;
}

.testimonial_tabs .active_tab_content p.tab_link{
    margin-top: 40px;
    margin-bottom: 15px;
}

.testimonial_tabs .active_tab:after{
    font-family: FontAwesome;
    content: "\f0d8";
    font-size: 40px;
    padding-right: 6px;
    display: block;
    position: absolute;
    text-align: center;
    justify-content: center;
    width: 100%;
    left: 0;
    right: 0;
    bottom: -28px;
    color: #F2C438;
}

#top .main_color .testimonial_tabs.tabcontainer .tab:hover .tab_icon {
    animation: shakeMe 0.450s linear 1;
    -webkit-animation: shakeMe 0.450s linear 1;
    -moz-animation: shakeMe 0.450s linear 1;
    -o-animation: shakeMe 0.450s linear 1;
    -ms-animation: shakeMe 0.450s linear 1;
}

@keyframes shakeMe {

    25% {
        transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
        -moz-transform: rotateZ(15deg);
        -o-transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
    }

    50% {
        transform: rotateZ(-15deg);
        -webkit-transform: rotateZ(-15deg);
        -moz-transform: rotateZ(-15deg);
        -o-transform: rotateZ(-15deg);
        -ms-transform: rotateZ(-15deg);
    }

    100% {
        transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
        -moz-transform: rotateZ(15deg);
        -o-transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
    }

}

/* Tab Animation */

.active_tab_content{
   animation: moveTabs 500ms ease-in-out;
}

@keyframes moveTabs {
    0% {
        opacity: 0;
    }
    1% {
        opacity: 0;
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@media screen and (max-width: 768px){

    div.left_tab_content,
    div.right_tab_content{
        width: 100%;
        min-height: initial;
        display: initial;
    }

    .testimonial_tabs .tab_inner_content p img{
        height: initial;
    }

}

@media screen and (min-width: 481px) and (max-width: 768px){

    .testimonial_tabs .tab{
        width: 20%;
    }

    div .main_color .testimonial_tabs.tabcontainer .active_tab_content{
        padding: 20px;
    }

}

@media screen and (max-width: 767px){

    .responsive .tabcontainer .tab_content{
        padding: 0;
        display: block;
        padding: 20px;
    }

    .responsive #top .main_color .tabcontainer .active_tab{
        color: #373535;
    }

    div .main_color .testimonial_tabs.tabcontainer .active_tab_content{
        background-size: cover;
    }

    .responsive .top_tab .tab.fullsize-tab{
        text-align: center;
    }

    /*

    .responsive .top_tab .tab.fullsize-tab{
        text-align: center;
    }

    #top .main_color .testimonial_tabs.tabcontainer .tab:hover,
    #top .main_color .testimonial_tabs.tabcontainer .tab.active_tab{
        color: #373535;
    }

    .our-work #after_section_2{
        padding-bottom: 50px;
    }

    .our-work .avia-section-large .content{
        padding-bottom: 30px;
    }*/
}


/* ----- partner logos ----- */

.grayscale img{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

.grayscale img:hover{
    filter: none;
    -webkit-filter: grayscale(0%);
}

#partner_logos img{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

#partner_logos img:hover{
    filter: none;
    -webkit-filter: grayscale(0%);
}
body#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content{
    background: rgba(0,0,0,0.25) !important;
}

#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title{
    position: absolute;
    bottom: 15px;
    font-size: 18px;
    text-align: center;
    width: 90%;
    left: 5%;
    background-color: rgba(55, 53, 53, .8);
    padding: 10px;
}

@media screen and (max-width: 479px){

    .responsive #top #partner_logos .av-masonry-entry{
        width: 46%;
        position: unset !important;
    }

    .responsive #top #partner_logos .av-masonry-entry figure{
        margin: 0;
    }

}

/* ================================================================= timeline */

#timeline strong{
    color: #373535;
}

#timeline a{
    text-decoration: underline;
}

#timeline .av-milestone:nth-child(1) .av-milestone-indicator{
    display: none;
}

#timeline .av-milestone-contentbox{
    background-color: #f6fbfc;
    padding: 30px;
}

#timeline h2 strong{
    opacity: .4;
}

@media screen and (max-width: 479px){

    .av-no-preview ul.avia-timeline-vertical li{
        padding-left: 60px;
    }

    .av-no-preview .avia-timeline .milestone_icon{
        height: 50px;
        width: 50px;
        line-height: 50px;
    }

    .av-no-preview .avia-timeline .milestone_icon.milestone-icon-hasborder .milestone_inner{
        line-height: 50px;
        font-size: 20px;
    }

    #timeline .av-milestone-contentbox{
        padding: 15px;
    }

    #top #wrap_all .all_colors #timeline h2{
        padding-top: 15px;
        font-size: 20px;
    }

}


/* ================================================================ twitter feed */

#top .fts-twitter-text{
    line-height: 24px;
}

#top .fts-tweeter-wrap {
    margin-bottom: 20px;
}

@media screen and (max-width: 479px){

    .fts-twitter-div{
        padding: 10px !important;
    }

    .fts-tweeter-wrap .tweeter-info{
        padding-top: 10px;
    }

    .fts-twitter-username img.twitter-image{
        margin: 0;
    }

    .tweeter-info .fts-right{
        padding-left: 57px;
    }

    .fts-twitter-no-margin-left{
        margin-left: 57px;
    }

    .fts-tweet-others-right{
        margin-left: 52px;
    }

}

/* ================================================================== boosters */

/* ----- activity ----- */

#top .activity__toggle p.toggler.activeTitle{
	color: #fff !important;
}

#top .activity__toggle p.toggler.activeTitle .toggle_icon .hor_icon{
	border-color: #fff !important;
}

#top #activity__tabs .tab{
	font-size: 18px;
}

#top #activity__tabs .tab:hover{
	background-color: #256880;
	color: #fff;
}

#top #activity__tabs .tab.active_tab{
	background-color: #256880;
	color: #fff;
}

#top #activity__tabs .active_tab_content{
	padding: 0 25px 25px 50px;
}

/* ================================================================== we're hiring */

.av-fixed-rotator-width .av-rotator-text{
	opacity: .5;
}

.job_box .iconbox_content_title{
	font-family: Quicksand !important;
	font-weight: normal;
    text-transform: none !important;
}

.job_box .iconbox_content{
	box-shadow: 0px 0px 1px 0px #24687f;
	min-height: 125px;
}



/* ================================================================== press release */

#top.single-post .title_container{
	margin-top: 30px;
}

/*#top.single-post .news-time,
#top.press-release .news-time{
	display: none;
}*/

#top.single-post .news-headline,
#top.press-release .news-headline{
	margin-top: 10px;
}

#top.press-release article{
	display: flex;
}

#top.press-release .fullsize .template-blog .blog-meta{
	width: 15%;
}

#top.press-release .fullsize .template-blog .post .entry-content-wrapper{
	width: 85%;
}

#top h5.av-share-link-description{
	font-family: 'bitter', Helvetica, Arial, sans-serif;
	font-size: 20px;
} 

#top.single-post .av-post-metadata-container{
	margin-bottom: 20px;
}

/* CASE STUDIES CSS */

/* CAAP Page */
.caap-logo {
	margin: 0;
}

/* Our Beliefs Page */
#top div .avia-gallery img {
    border-style: none;
}

#socket .sub_menu_socket div {
	display: none;
}
