/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */


/* Fonts
----------------------------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;400;500;600;700&display=swap');


/* UIkit
----------------------------------------------------------------------------------------------------*/

.tm-toolbar-default a:hover {
    color: rgba(255,255,255,0.7);
    text-decoration: none !important;
}


/* Theme
----------------------------------------------------------------------------------------------------*/

/* Mobile Header */

.tm-header-mobile {
    background: #eca11a;
}

.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-toggle {
    color: #fff !important;
}

#tm-mobile.uk-modal-full .uk-nav-default > li + li {
     border-top: 1px solid #e2e2e2;
}

.uk-navbar-right {
    z-index: 1000;
}

.uk-navbar-center:not(:only-child) {
    width: 100% !important;
}


/* Footer */

.tm-footer.footer-menu > .uk-container > .uk-grid,
.section.footer-divider > .uk-container > .uk-grid,
.section.footer-copyright > .uk-container > .uk-grid {
    padding-left: 35px !important;
    padding-right: 35px !important;
}


/* Widgets
----------------------------------------------------------------------------------------------------*/


/* Forms
----------------------------------------------------------------------------------------------------*/


/* Plugins
----------------------------------------------------------------------------------------------------*/

/* WPML*/

.wpml-ls-legacy-dropdown {
    width: auto !important;
    text-transform: uppercase;
}

.wpml-ls-legacy-dropdown a {
    padding: 15px 10px;
}

.wpml-ls-legacy-dropdown:before {
    position: absolute;
    top: 12px;
    left: -25px;
    content: "\f57d";
    font-family: 'Font Awesome 5 Pro';
    font-size: 22px;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    width: 190px !important;
    z-index: 1000000;
}


/* Custom Pages
----------------------------------------------------------------------------------------------------*/

.section.hero > div {
    padding-top: 250px;
    min-height: 415px;
    max-height: 415px;
}

.section.hero.home > div {
    padding-top: 275px;
    min-height: 650px;
    max-height: 650px;
}

.section.what-we-do .uk-tile.uk-background-center-left {
    background-position: 140px 120px;
}

.section.what-we-do .col-2 .uk-width-xlarge {
    width: 750px;
    margin-left: 24% !important;
}

.section.events > .uk-container .uk-container {
    margin-left: 20px;
}

.section.strategies .uk-tile-secondary {
    padding-left: 60px !important;
    margin-right: 35px !important;
}

.section.strategies .uk-tile-secondary > .uk-tile {
    padding-left: 0 !important;
    background-position: 80% 45% !important;
}

.section.strategies:before {
    position: absolute;
    width: 500px;
    height: 640px;
    left: -10px;
    content: "";
    background: #eca11a;
}

.section.strategies .uk-slideshow.strategies .uk-slidenav-container.uk-position-bottom-right {
    right: 24% !important;
    bottom: -20px !important;
}

.section.strategies .uk-slideshow .uk-slidenav-container {
    margin-top: -44px !important;
}


/* Sitemap */

.page-template-page-sitemap .tm-main .uk-article .posts .post {
    margin-right: -3px;
}

.page-template-page-sitemap .tm-main .uk-article .posts .post::after {
    padding: 0px 5px;
    content: "∙";
}

.page-template-page-sitemap .tm-main .uk-article .posts .post:last-child::after {
	display: none;
}


/* Custom Content
----------------------------------------------------------------------------------------------------*/


/* Responsive
----------------------------------------------------------------------------------------------------*/

/* Desktop up to 1600px */
@media (max-width: 1599px) {

    .section.what-we-do .col-2 .uk-width-xlarge {
        width: 650px;
        margin-right: 100px !important;
    }

    .section.why-donate .why-donate-content.uk-width-large {
        width: 90%;
    }

    .home-featured-01 .el-image {
        width: 490px !important;
    }

    .home-featured-02 .el-image {
        left: 228px !important;
    }

}


/* Desktop up to 1600px */
@media (max-width: 1399px) {

    .section.hero.home > div {
        padding-top: 200px;
    }

    .section.what-we-do .col-2 .uk-width-xlarge {
        width: 550px;
        margin-right: 50px !important;
        margin-left: auto !important;
    }

    .home-events-01 {
        right: 0 !important;
    }

    .home-events-02 {
        left: -130px !important;
    }

    .home-featured-01 .el-image {
        width: 450px !important;
    }

}


/* Desktop up to 1200px */
@media (max-width: 1199px) {

    /* Theme */

    .uk-navbar-nav>li>a {
        padding: 0 15px !important;
    }

    .tm-footer .uk-subnav>*>:first-child {
        font-size: 18px;
    }


    /* Custom Pages */

    .section.hero.home > div {
        padding-top: 200px;
        min-height: 600px;
        max-height: 600px;
    }

    .home-featured-02,
    .home-featured-03,
    .home-goals-01 {
        display: none;
    }

    .section.what-we-do .home-featured-01 .el-image {
        display: none;
    }

    .section.what-we-do .col-1 {
        display: none;
    }

    .section.what-we-do .col-2 .uk-width-xlarge {
        width: 90%;
    }

    .section.what-we-do .uk-tile.uk-background-center-left {
        background-position: 50px 70px;
    }

    .section.strategies:before {
        position: absolute;
        width: 100%;
        left: 0;
    }

    .section.strategies .uk-tile-secondary > .uk-tile {
        padding-left: 0 !important;
        background-position: 90% 45% !important;
    }

}


/* Tablet up to 960px */
@media (max-width: 959px) {

	/* UIkit */

    .uk-h1, h1 {
        line-height: 40px;
    }

    .uk-h3, h3 {
        font-size: 24px;
        line-height: 30px;
    }

	.uk-navbar-toggle {
		padding: 0px 30px;
	}


    /* Theme */

    .tm-header-mobile .uk-navbar-container {
        min-height: 150px;
        padding-top: 50px;
    }

    .tm-header-mobile #widget-custom_html-9 {
        position: absolute;
        top: -20px;
    }

    .uk-logo {
        width: 200px;
        margin-top: 50px;
    }

    .tm-footer .uk-subnav>*>:first-child {
        font-size: 14px;
    }


    /* Custom Pages */

    .section.hero > div {
        min-height: 250px;
        max-height: 250px;
        padding-top: 100px;
    }

    .section.hero.home > div {
        padding-top: 100px;
        padding-left: 40px;
        min-height: 500px;
        max-height: 500px;
    }

    .section.hero.home h2 {
        line-height: 36px;
    }

    .section.what-we-do .home-featured-01 .el-image {
        display: block;
        position: relative !important;
        width: 100% !important;
        top: -30px !important;
    }

    .section.events {
        padding-top: 0 !important;
    }

    .section.strategies .uk-tile-secondary {
        margin-right: auto !important;
        padding-right: 40px !important;
        padding-left: 40px !important;
    }

    .section.strategies .uk-tile-secondary > .uk-tile {
        background-image: url();
    }

    .section.strategies:before {
        position: absolute;
        width: 0;
        height: 0;
        left: 0;
        content: "";
    }

    .strategies.uk-slideshow {
        min-height: 615px !important;
        max-height: 615px !important;
    }

    .strategies.uk-slideshow .uk-slideshow-items {
        min-height: 600px !important;
    }

}


/* Tablet up to 640px */
@media (max-width: 639px) {

	/* UIkit */

    .uk-h1, h1 {
        font-size: 30px;
    }

	.uk-navbar-toggle {
		padding: 0px 15px;
	}

    .uk-navbar-item.uk-logo {
        padding: 0 0 0 30px;
    }


    /* Theme */

    .uk-navbar-center:not(:only-child) .custom-html-widget h3 {
        font-size: 18px;
    }


	/* Forms */

	.grecaptcha-badge {
		visibility: collapse !important;
	}


    /* Custom Pages */

    .section.hero.home > div {
        padding-top: 50px;
        padding-left: 0;
    }

    .section.what-we-do .col-2 .uk-width-xlarge {
        width: 100% !important;
        margin-right: auto !important;
    }

    .section.strategies .uk-container.uk-container-large {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .strategies.uk-slideshow {
        min-height: 715px !important;
        max-height: 715px !important;
    }

    .strategies.uk-slideshow .uk-slideshow-items {
        min-height: 700px !important;
    }

    .page-id-3869 .section.hero > div {
        min-height: 300px !important;
        max-height: 400px !important;
        padding-top: 50px !important;
    }

}


/* Tablet up to 440px */
    @media (max-width: 439px) {

    /* Theme */

    .uk-navbar-center:not(:only-child) .custom-html-widget h3 {
        font-size: 14px;
        line-height: 18px;
    }

    .tm-footer > .uk-container,
    .section.footer-divider > .uk-container,
    .section.footer-copyright > .uk-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Custom Pages */

    .section.what-we-do .uk-tile {
        padding-left: 20px !important;
    }

    .section.hero.home > div > .uk-container {
        padding-left: 20px !important;
    }

    .section.events .uk-grid > .uk-first-column {
        padding-left: 0 !important;
    }

    .strategies.uk-slideshow {
        min-height: 900px !important;
        max-height: 900px !important;
    }

    .strategies.uk-slideshow .uk-slideshow-items {
        min-height: 890px !important;
    }

}