/*
 Theme Name:   hearty-child
 Theme URI:    http://example.com/hearty-child/
 Description:  hearty-child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     hearty
 Version:      1.0.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  hearty-child
*/

@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,700');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700');

h1, h2, h3, h4, h5, h6, button, input[type="submit"], .oswald{
    font-family: 'Oswald', sans-serif !important;
}
.oswald-bold, .navbar-footer a{
    font-family: 'Oswald', sans-serif !important;
    font-weight: 500;
}

.script{ font-family: 'Dancing Script', cursive !important;}
.script-bold{ font-family: 'Dancing Script', cursive !important; font-weight: 700 !important;}

h1, h2, h3, h4, h5, h6{
    font-weight: 400 !important;
    line-height: normal !important;
}
.text-white{ color: #fff !important;}

.header-transparent .slz-header-fixed .slz-main-menu-mobile .slz-menu-wrapper > li > a {color:#ef3340;}



.header-transparent .slz-menu-wrapper > li:hover > a.nav-btn{color: #fff !important;}

.slz-main-menu{ float: left !important; margin-left: 20px; width: calc(100% - 200px);}
.slz-main-menu .navbar-nav{width: 100%;}
.slz-menu-wrapper > li > a {font-weight: 700 !important; margin: 0 15px !important;}
.nav-btn{ float: right !important;}

button.btn-link{
    min-width: 100px !important;
}

.slz-header-sticky:not(.slz-header-fixed) .donate-btn >a,.slz-header-sticky:not(.slz-header-fixed) .fundraise-btn > a{
    color:#fff !important;
}

.slz-header-sticky:not(.slz-header-fixed) .nav-btn{
    margin-top: 30px;
    margin-left: 10px;
}
.slz-header-sticky:not(.slz-header-fixed) .nav-btn a{
    line-height: normal;
    padding: 5px 10px;
}
.header-transparent .slz-header-fixed .slz-menu-wrapper > li.donate-btn > a,
.header-transparent .slz-header-fixed .slz-menu-wrapper > li.fundraise-btn > a{
    color: #fff !important;
}
.nav-btn:hover>a{color: #fff;}
.header-transparent .slz-header-fixed .slz-menu-wrapper > li.fundraise-btn:hover > a{
    color: #EF3340 !important;
}

.nav-btn>a:before{background-color: #fff !important;}
.donate-btn{ background: #EF3340; border: solid 2px #EF3340; color: #fff !important;}
.fundraise-btn { background: #003352; border: solid 2px #003352; color: #fff !important;}
.login-btn { background: transparent; border: solid 2px #fff; color: #fff !important;}
.nav-btn:hover{ color: #fff !important;}

#page-content .vc_row[data-vc-full-width] {
    overflow: hidden !important;
}

.slz-logo-wrapper .logo{
    min-width: 180px;
}
.slz-logo-wrapper .logo img {
    max-width: 180px;
}
#banner-overlay{ overflow: hidden !important;}

#banner-overlay:before {
    content: '';
    display: block;
    position: absolute;
    top: -100px;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(https://pixelwilderness.com/devlab/cupids/wp-content/uploads/2017/08/pattern.png) repeat rgba(0,0,0,0.2);
    z-index: 1;
}
.banner-line-2 {
    font-size: 22px;
    text-transform: uppercase;
}

.vc_btn3:not(.vc_btn3-size-xs) {
    padding: 10px 20px !important;
    font-size: 22px !important;
    font-weight: 500 !important;
}

.input-group {
    display: block;
    position: relative;
    padding: 10px;
    text-align: center;
}

.input-field {
    padding: 10px;
    border: none;
    width: 80%;
}

input.optin-btn {
    position: relative;
    top: 3px;
    padding: 6px;
    background: #003352;
    border: none;
    outline: none;
    color: #fff;
    text-transform: uppercase;
    width: 100px;
    font-size: 20px;
    font-weight: 500;
}

.pattern-overlay:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(https://pixelwilderness.com/devlab/cupids/wp-content/uploads/2017/08/pattern.png) repeat rgba(0,0,0,0.2);
    z-index: 1;
}

.button-inside-image button,
.button-inside-image a{
    font-size: 30px !important;
    text-transform: uppercase;
    padding: 60px 50px!important;
    min-width: 70%;
    min-height: 240px;
    font-weight: 300 !important;
}

.button-inside-image button:hover,
.button-inside-image button:focus,
.button-inside-image button:visited,
.button-inside-image a:hover,
.button-inside-image a:focus,
.button-inside-image a:visited{
    background: #fff !important;
    background-color: #fff !important;
    text-decoration: underline !important;
    font-weight: 500 !important;
}
.btn-link, .btn-link button {
    border: 0 !important;
    padding: 0 !important;
    text-transform: uppercase;
    font-size: 16px !important;
    font-style: italic;
    text-decoration: underline !important;
}
.btn-link:hover, .btn-link button:hover, .btn-link button:focus, .btn-link button:visited{
    background-color: #fff !important;
    color: #ef3340 !important;
}

.slz-footer-bottom {
    background-color: #fff !important;
    color: #000 !important;
    padding: 0;
    border: none !important;
}
.slz-footer-bottom .item-wrapper{ border-top: none !important;}

.social {  margin: 30px auto;  }

.slz-footer-bottom .social a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px;
    font-size: 16px;
    color: #fff;
    background: #ee3340;
    padding: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.slz-footer-bottom .social a:hover{
    color: #fff !important;
    background: #003352 !important;
}
#menu-footer-menu{
    font-family: 'Oswald', sans-serif !important;
    font-weight: 500 !important;
}
.navbar-footer a{ color: #000 !important;}
.slz-footer-bottom .slz-name{ font-size: 16px;}

.slz-main-menu-mobile .slz-menu-wrapper li {margin-top:0px !important;padding:6px 20px;  }

.slz-main-menu-mobile .slz-menu-wrapper li a{margin-left:30px !important;padding:0 23px !important;vertical-align:baseline;   }

.slz-header-sticky:not(.slz-header-fixed) .nav-btn {
    margin-top: 30px;
    margin-left: 10px;
}
.slz-testimonial-01 .quote-wrapper .description:after, .slz-testimonial-03 .quote-wrapper .description:after{
    display: none !important;
}

@media screen and (max-width: 767px)
{  .slz-header-mobile-topbar .slz-main-menu-mobile .slz-mobile-topbar {
    display: none;
}
._form-content {
    text-align: center;
}
ul#menu-footer-menu {
    padding-left: 0 !important;
}

}

.slz-main-menu-mobile .slz-menu-wrapper li > a:hover, .slz-main-menu-mobile .slz-menu-wrapper li > a:focus{ background:none !important;}

/*--- --------------------- ---*/
/*--- --------------------- ---*/
/*--- City Page STARTS Here ---*/
/*--- --------------------- ---*/
/*--- --------------------- ---*/

.single-city #banner-overlay .vc_column-inner  > .wpb_wrapper{
    width: 700px;
    margin: 0 auto;
    background-color: rgba(9, 66, 111, 0.7);
    padding-top: 30px;
    padding-bottom: 10px;
}
.single-city #banner-overlay .wpb_wrapper .vc_single_image-wrapper img{
    width: 350px;
}
.single-city #banner-overlay .wpb_wrapper h1{
    margin-top: 0;
    line-height: 60px !important;
    margin-bottom: 0;
    font-size: 57px !important;
}
.single-city #banner-overlay .wpb_wrapper .wpb_text_column p{
    font-size: 31px;
    font-weight: 100;
    margin-top: 12px;
}
.single-city #banner-overlay .wpb_wrapper button{
    margin-top: 5px;
    font-size: 26px !important;
}
.single-city #timeLineBlock .slz-timeline{
    /*width: 665px;*/
    margin: 0 auto;
}
.single-city #timeLineBlock .slz-timeline .milestone-number{
    color: #fe0037;
    font-weight: 900;
    font-size: 18px;
    left: 30px;
    top: 0;
}
.single-city #timeLineBlock .slz-timeline .milestone:before{
    border-color: #fe0037;
    background-color: #0d548c;
    border-width: 3px;
}
.single-city #timeLineBlock .slz-timeline:before{
    background-color: #fe0037;
    width: 2px;
    height: calc(100% - 90px);
}
.single-city #timeLineBlock .milestone-text{
    color: #fff;
    font-size: 20px;
}
.single-city #timeLineBlock .urls{
    text-align: center;
    margin-top: 35px;
}
.single-city #timeLineBlock .urls a{
    color: #fff;
    font-size: 22px;
    font-style: italic;
    margin: 0 5px;
    font-weight: 600;
    border-bottom: 1px solid;
}
.single-city #timeLineBlock .urls a{
    text-decoration: none;
}
.single-city .tableCity{
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    padding: 15px;
}
.single-city button.vc_general {
    padding: 10px 60px !important;
}
.single-city .tableCity .headlineTab{
    color: #045790;
    font-weight: 500;
    font-size: 25px;
    border-bottom: 1px dashed #c8c8c8;
    margin-bottom: 6px;
    display: inline-block;
    width: 100%;
    font-family: Oswald, sans-serif;
}
.single-city .tableCity .headlineTab p,
.single-city .tableCity .persone p{
    float: left;
    margin-bottom: 0;
}
.single-city .tableCity .headlineTab div{
    text-decoration: underline;
    font-style: italic;
}
.single-city .tableCity .headlineTab div,
.single-city .tableCity .persone div{
    float: right;
    color: #656565;
}
.single-city .tableCity .persone{
    color: #f60031;
    font-weight: 700;
    padding: 5px;
    padding-top: 10px;
    display: inline-block;
    width: 100%;
}
.single-city .main_text p {
    font-size: 20px;
    font-weight: 500;
}
.single-city .tableCity .persone:nth-child(2n+1){
    background-color: #ececec;
}
.single-city .slz-timeline .milestone .milestone-content {
    margin: -5px 0 15px;
}
.single-city .slz-timeline:before {
    top: 25px;
}
.slz-timeline .milestone{
    position: relative;
}
.vc_carousel-control span {
    background: #fff;
}
.vc_images_carousel .vc_carousel-control .icon-prev:before,
.vc_images_carousel .vc_carousel-control .icon-next:before{
    top: -1px !important;
}
.vc_custom_heading br{display: none;}

@media screen and (max-width: 768px){
    .single-city #banner-overlay .vc_column-inner  > .wpb_wrapper{
        width: 70%;
        margin-top: 15px;
    }
    .single-city #banner-overlay .vc_column-inner  > .wpb_wrapper > .wpb_single_image{
        margin-top: 0 !important;
        margin-bottom: 35px !important;
    }
    .single-city #banner-overlay .vc_column-inner  > .wpb_wrapper > .vc_btn3-container{
        margin-bottom: 20px !important;
    }
    .single-city #banner-overlay .vc_column-inner  > .wpb_wrapper > h1{
        margin-bottom: 10px !important;
    }
    #page-content #banner-overlay.vc_row[data-vc-full-width]{
        min-height: 90vh !important;
    }
}
@media screen and (max-width: 480px){
    .single-city #banner-overlay .vc_column-inner  > .wpb_wrapper{
        width: 100%;
    }
    .single-city #banner-overlay .wpb_wrapper button{
        font-size: 20px !important;
    }
}



/*--- For widget City Date ---*/
#banner-overlay .wpb_wrapper > p {
	font-size: 30px;
    color: #ffffff;
    text-align: center;
    font-style: italic;
    font-family: 'Oswald',sans-serif!important;
}
#banner-overlay .wpb_wrapper > p strong {
	display: none;
}
.cityDate > div > div {
    margin: 0 auto;
    margin-bottom: 30px;
    color: #1d5271;
    font-size: 18px;
    font-weight: 100;
    font-family: Oswald,sans-serif;
}
.cityDate > div > div p {
	margin: 0 0 5px;
}
@media screen and (max-width: 480px){
    .cityDate{
        width: 100%;
        font-size: 14px;
    }
}
/*--- End For widget City Date ---*/

/*--- For widget Our Goal ---*/
.single-city .ourGoal,
.single-city .raised{
    text-align: center;
    font-size: 32px;
}
.single-city .raised{
    font-family: Oswald,sans-serif;
    font-weight: 100;
}
.single-city .progressBar{
    width: 580px;
    background-color: #013356;
    height: 28px;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 auto;
}
.single-city .progressBar > div{
    width: 0%;
    background-color: #ff0038;
    height: 28px;
}
@media screen and (max-width: 600px){
    .single-city .progressBar{
        width: 90%;
        margin: 0 auto;
    }
}
/*--- End For widget Our Goal ---*/

/*--- For widget Top Individuals ---*/
.tableCity{
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    padding: 15px;
}
.tableCity .headlineTab{
    color: #045790;
    font-weight: 700;
    font-size: 24px;
    border-bottom: 1px dashed #c8c8c8;
    padding-bottom: 10px;
    display: inline-block;
    width: 100%;
}
.tableCity .headlineTab p,
.tableCity .persones li {
    float: left;
    margin-bottom: 0;
}
.tableCity .headlineTab a {
    text-decoration: underline;
    font-style: italic;
}
.tableCity .headlineTab a,
.tableCity .persones li span{
    float: right;
    color: #656565;
}
.tableCity .persones {
    padding: 0;
    margin: 10px 0 0;
    display: block;
}
.tableCity .persones li a {
    color: #f60031;
}
.tableCity .persones li {
    color: #f60031;
    padding: 10px;
    width: 100%;
    font-family: Oswald, sans-serif;
    font-weight: 500;
    list-style-position: inside;
}
.tableCity .persones li:nth-child(2n+1){
    background-color: #ececec;
}
@media screen and (max-width: 460px){
    .tableCity{
        margin-bottom: 20px;
    }
}
/*--- End For widget Our Goal ---*/
@media screen and (max-width: 650px){
    #timeLineBlock .slz-timeline{
        width: 100%;
    }
}
@media screen and (max-width: 460px){
    #timeLineBlock .urls a{
        display: block;
        max-width: 200px;
        margin: 5px auto;
    }
    #partners{
        font-size: 22px !important;
    }
}

.vc_images_carousel{
    padding-bottom: 50px !important;
}

.vc_images_carousel .vc_carousel-indicators {
    bottom: 0 !important;
}


/* -- GENERAL CSS FOR MOBILE --*/

@media screen and  (max-width: 480px){
    h1{
        font-size: 50px !important;
		line-height: 55px !important;
    }
    #banner-overlay .wpb_wrapper > p {
        font-size: 25px;
    }
    .single-city #timeLineBlock .milestone-text {
        font-size: 15px;
    }
	.slz-title-command .title-command-wrapper .title{
		font-size: 35px !important;
		line-height: 40px !important;
	}
    .single-city #timeLineBlock .urls a {
        display: block;
        padding: 10px;
        margin: auto !important;
        text-align: center;
    }

    .vc_custom_heading br{
        display: block;
    }
}
/*--- ------------------- ---*/
/*--- ------------------- ---*/
/*--- City Page ENDS Here ---*/
/*--- ------------------- ---*/
/*--- ------------------- ---*/

/* ------------  Champs Lightbox popup CSS  --------------*/

.white-popup.mfp-with-anim.wpb_fp_quick_view {
    min-height: 470px;
}
.wpb_fp_quick_view_content h2 {
    margin-bottom: 0px !important;
    color: #ef3340;
    text-transform: uppercase;
    font-weight: 900 !important;
}
.wpb_fp_quick_view_content p{
    font-weight: 500 !important;
    margin-top: 10px;
    text-align: justify;
    font-size: 14px !important;
    line-height: 20px !important;
}

.mfp-close-btn-in .mfp-close {
    color: #fff !important;
    background: #f03340 !important;
    opacity: 1 !important;
    border-radius: 0 !important;
    top: 1px !important;
}

.mfp-close-btn-in .mfp-close:hover {
    color: #fff !important;
    background: #333 !important;
}
figure.effect-layla {
    background: #000000 !important;
}
li.filter.tooltipstered.active {
    background: #f03340;
    color: #fff;
}
li.filter.tooltipstered {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-color: #f03340 !important;
}