/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

 /*FONT*/
    @font-face {
        font-family: 'itcofficinasans_lt_bookRg';
        src: url('../fonts/itc-officina-sans-lt-book-webfont.woff2') format('woff2'),
             url('../fonts/itc-officina-sans-lt-book-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
 /**/
 
 /* GENERAL */
 
 h1, h2, h3, h4, h5, h6 {
    margin: 0 0 15px 0;
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-weight: 300;
    color: #5c5c5c;
    text-transform: none;
}

.tm-navbar {
    border-bottom: 4px solid #cf7f00;
}

.uk-navbar {
    color: #ffffff;
    background: #cb6015 !important;
}

.tm-toolbar {
    box-sizing: border-box;
    padding: 10px 0;
    height: 45px;
    background: #f0b323;
    color: #ffffff;
    font-size: 14px;
}

.uk-navbar-nav > li > a {
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    height: 90px;
    padding: 0 19px;
    line-height: 90px;
    color: #fff;
    font-size: 15px;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 100;
}

.tm-dropdown-overlay {
    position: relative;
    left: 0;
    width: 100%;
    background-color: #ed5100;
    z-index: 1010;
}
.uk-nav-navbar > li > a {
    color: #fff;
    padding-left: 30px;
    padding-right: 30px;
}

.tm-toolbar a {
    color: #ffffff;
}
.tm-toolbar a:hover {
    color: #ed5100;
}

.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus {
    background: rgb(237, 81, 0);
    color: #ffffff;
    outline: none;
}

.uk-navbar-nav > li.uk-active > a {
    background-color: rgba(0, 0, 0, 0);
    color: #f0b323;
}

.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {
    background-color: rgba(0, 0, 0, 0);
    color: #f0b323;
    outline: none;
}


.uk-search-field {
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit;
    color: #ffffff;
    -webkit-appearance: none;
    width: 40px;
    height: 35px;
    padding: 0 0 0 30px;
    border: 1px solid rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    font-size: 15px;
    cursor: pointer;
}

div#tm-block-footer.uk-block-secondary {
    background: #f0b323;
    background-image: linear-gradient(120deg, #d78b08 0%, #f0b323 60%);
}

.uk-nav-offcanvas ul a {
    color: #f9efd8;
}
/* HOME */


.tm-tag-1 .uk-badge, .tm-tag-1.uk-panel .uk-badge, .tm-tag-1 .uk-badge a {
    color: #cb6015;
}
.tm-tabs-monday .uk-tab li.uk-active {
    background: #fdefd3;
}
.uk-tab > li.tm-tag-1 > a:after {
    background-color: #f0b323;
}
.uk-tab > li.tm-tag-2 > a:after {
    background-color: #cf7f00;
}

.tm-tag-2 .uk-badge, .tm-tag-2.uk-panel .uk-badge, .tm-tag-2 .uk-badge a {
    color: #f0b323;
}
.tm-tag-4 .uk-badge, .tm-tag-4.uk-panel .uk-badge, .tm-tag-4 .uk-badge a {
    color: #a65523;
}

.uk-tab > li.tm-tag-4 > a:after {
    background-color: #a65523;
}

.tm-tag-3 .uk-badge, .tm-tag-3.uk-panel .uk-badge, .tm-tag-3 .uk-badge a {
    color: #f0b323;
}
.uk-tab > li.tm-tag-3 > a:after {
    background-color: #653819;
}

.uk-sticky-placeholder {
    margin: 0px 0px 10px 0px !important;
}
.tm-grid-monday .tm-tag-7 .tm-tag-border {
    border-bottom-color: #cb6015;
}
.tm-tag-7 .uk-badge, .tm-tag-7.uk-panel .uk-badge, .tm-tag-7 .uk-badge a {
    color: #f0b323;
}

.homebanner-panel h5.uk-h1.uk-margin-top-remove {
  color: #cb6015;
}
/* .homebanner-panel h5.uk-h1.uk-margin-top-remove:nth-child(2) {
		color: #f8f9fb;
	} */
.homebanner-panel .uk-margin {
    color: #f0b323;
    font-size: 22px;
    line-height: 30px;
}

.uk-panel-box.uk-panel-header .uk-panel-title {
    background-color: #f0b323 !important;
    border-radius: 0 0 0 0;
    padding: 15px 30px;
    margin-top: -30px;
    margin-bottom: 0px !important;
    margin-right: -30px;
    color: #fff !important;
    font-weight: 300;
}

.tm-button-arrow {
    color: #ed5100;
}

.uk-grid.uk-grid-collapse.uk-grid-match.uk-flex-middle {
    background-image: url(https://care-philippines.org/wp-content/uploads/hands-bg2b.png);
    background-position: center;
    background-size: cover;
}
.home-programs.tm-grid-monday .tm-tag-7 .tm-tag-border {
    border-bottom-color: #f0b323;
}
.home-programs .uk-panel-box-primary {
    background-color: #cb6015;
    color: #ffffff;
    background: #cf7f00;
}

.home-programs .tm-button-arrow {
    color: #ffffff;
}
h4.tm-twitter-title.uk-margin-small-top {
    display: none;
}

.uk-contrast .uk-nav-side > li.uk-active > a, .uk-block-primary .uk-nav-side > li.uk-active > a, .uk-block-secondary .uk-nav-side > li.uk-active > a, .uk-panel-box-primary .uk-nav-side > li.uk-active > a {
    background: transparent;
    color: #cb6015;
}

/* ABOUT*/


.page-id-29 .tm-tag-color-3 {
    color: #f0b323;
}
.page-id-29 .tm-grid-monday .tm-tag-3 .tm-tag-border {
    border-bottom-color: #cf7f00;
}
.page-id-29 .uk-panel.uk-panel-box.widget_text.tm-panel-padding-large {
    background-image: url(https://care-philippines.org/wp-content/uploads/hands-bg2b.png);
    background-position: center;
    background-size: cover;
}


/* MEDIAS */

@media (min-width: 768px){
	.uk-tab-right > li:not(.uk-active) > a:hover, .uk-tab-right > li:not(.uk-active) > a:focus {
		margin-bottom: 0;
		margin-left: 0;
		padding-bottom: 10px;
		padding-left: 0;
		background: #fdefd3;
	}

}

@media (min-width: 1360px){
	.tm-navbar {
		margin-bottom: 10px;
	}

}

/*--- KARIS ----*/

.job-title {
    display: inline-block;
    padding: 0 0;
    background: rgba(0, 0, 0, 0);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #cb6015;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 2px;
    text-align: left;
}

.page-id-484 .tm-block-footer-bg {
    margin-top: -30px;
}

.page-id-484 .tm-navbar {
    margin-bottom: 0;
}


/**/

/*======GIA=======*/
/*GENERAL*/
.tm-grid-monday .uk-badge { color: #ffbd4f; display: block; margin: 10px 0 !important; }
.tm-grid-monday .tm-tag-border { border: 2px solid #e9792a; }
.tm-grid-monday .tm-button-arrow { color: #f0b323; font-weight: 900; }
.inner-banner h2 { color: #f0b323; }
.uk-link-muted, .uk-link-muted a { color: #b5b5b5; }
/**/

/*HEADER*/
.uk-sticky-placeholder { margin: 0 !important; }
/**/

/*BODY*/
.care-video { position: relative; padding-bottom: 39%; padding-top: 0px; height: 0; overflow: hidden; }
.care-video iframe, .care-video object, .care-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.advoc-acc .uk-accordion-title { background: #cb6015; padding: 10px; margin-bottom: 10px; color: #fff; border-bottom: none; }
.advoc-acc .uk-accordion-content { padding: 10px; }
.post-video .uk-panel-title {
    margin-top: 0 !important;
    margin-right: 0 !important;
    padding: 20px 60px !important;
}
.post-video .tm-tag-1 { padding: 10px; }
.post-video .uk-badge { margin-bottom: 0px; }
.tm-article .uk-grid.uk-grid-width-large-1-2 { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.cf-input { width: 100%; box-sizing: border-box; border: 1px solid #e6e6e6; padding: 10px; resize: none; }
.home-slide .uk-slidenav-contrast { background: #ffbd4f; font-weight: 300; font-size: 26px; }
.home-slide .uk-overlay-background { background: rgba(0, 0, 0, 0.25) url(https://care-philippines.org/wp-content/uploads/symbol.png) no-repeat;
    background-position: 110% 220%;
    padding: 0;
}
.home-slide p { margin: 0; }
.home-slide .uk-h1 { color: #ffffff; font-family: 'itcofficinasans_lt_bookRg' !important; font-weight: bold; }
.home-slide .uk-h4 { color: #ffffff; font-family: 'itcofficinasans_lt_bookRg' !important; }
.fb-comments, .fb-comments iframe[style], .fb-comments span {
   width: 100% !important;
}
.fb-page, .fb-page iframe[style], .fb-page span {
    width: 100% !important;
}
.home-about h3 { display: inline-block; }
.home-stories .tm-overlay-panel { background: rgba(0, 0, 0, 0.2); }
/**/

/*FOOTER*/
.tm-block-footer-bg { margin-top: 30px; }
.footer-links .uk-nav-side li a { padding: 10px; }
.tm-block-footer .uk-panel-title { font-weight: 400; }
/**/

/*RESPONSIVE*/
@media screen and (max-width: 1366px) {
    .home-slide .uk-overlay-background { background-position: 110% 230px; background-size: 40%; }
}
@media screen and (max-width: 1158px) {
    #header-new .tm-headerbar > div:first-child {
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-flow: column wrap;
        flex-flow: column wrap;
    }
    #header-new .tm-headerbar { -webkit-justify-content: space-around; justify-content: space-around; }
    #header-new .tm-logo { margin-right: 0; margin-top: 10px; }
    #header-new .uk-navbar-nav > li > a { height: 80px; line-height: 80px; }
}

/*jen start*/
@media screen and ( max-width: 1024px ) {
    .uk-navbar-nav {  
        display: none!important;  
    }  
    .uk-navbar-toggle {  
        display: block!important;  
    }
    .uk-search{
         display: none !important;  
    }
}
@media screen and ( max-width: 414px ) {
    .uk-panel-box > .uk-panel-teaser{margin-left: 0px;}
    .uk-margin-top-remove {margin-top: 25px !important;}
    .home-slide .uk-h1{margin: 50px 0px;}
    .home-slide .uk-h4{font-size: 20px;}

}

@media screen and ( max-width: 320px ) {
    .uk-article-title{font-size: 30px;}
    .uk-margin-top-remove {margin-top: 25px !important;}
    .uk-h4{padding: 0px 2px;}
}
/*jen end*/
/**/