/*!
Theme Name: Hope for Haiti Custom Theme
Theme URI: https://freshsparks.com
Author: Automattic / Jason Houston / FreshSparks
Author URI: https://mycompleteweb.net
Description: Theme developed for Hope for Haiti 2019
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: _s
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/

/* Site Fixes - Add to main CSS and compile */

@media (min-width: 52rem) {
.news li.slick-slide {
    border-right: 2px solid #ececec;
    height: 600px;
}
}

body:not(home) .logo img {height:60px;width:140px;}

pre.wp-block-preformatted.team * {
    white-space: normal;
}

.single-header {
    -ms-grid-rows: auto!important;
    grid-template-rows: auto!important;
}

.slick-slide {overflow:hidden;}

.misha_loadmore_button {bottom:0;cursor:pointer;}
.misha_loadmore_button:hover span {color:#ef3340;}

body.active {margin:0;height:100%;overflow:hidden;}
.active .menu-toggle-inner, .active .menu-toggle-inner::after, .active .menu-toggle-inner::before {
    background-color: #fff!important;
}

.menu-secondary-menu-container li.white-border a {
    box-sizing: border-box;
    min-width: 8.625rem;
    height: 2.75rem;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Zona Pro",-apple-system-body,-apple-system,BlinkMacSystemFont,'Open Sans',Arial,sans-serif;
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.15;
    letter-spacing: .0625rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    color: #fff;
    border: 3px solid #fff;
    -webkit-appearance: none;
    transition: .3s all ease-in-out;
}

.menu-secondary-menu-container li.full-btn a {
    box-sizing: border-box;
    min-width: 8.625rem;
    height: 2.75rem;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none!important;
    font-family: "Zona Pro",-apple-system-body,-apple-system,BlinkMacSystemFont,'Open Sans',Arial,sans-serif;
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.15;
    letter-spacing: .0625rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    color: #fff;
    border: 0;
    background-color: #ef3340;
    -webkit-appearance: none;
    transition: .3s all ease-in-out;
}

.menu-secondary-menu-container li.full-btn a:hover, .menu-secondary-menu-container li.white-border a:hover   { color: #fff!important; background-color: #3679BC; }

.light header#js-header .white-border a, header#js-header.site-header-inner .white-border a {
    border-color: #2774ae;color:#2774ae;
}


/* Ways to Support Page */

.hfh-main-donate-wrapper {
    background: #2c75ac; 
    width: 100%;
    display: flex;
}

.hfh-main-donate-wrapper .hfh-donate-left {
    background-image: url('/wp-content/uploads/2019/02/hfh-donate-bkg.jpg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    width: 50%; 
    display: flex;
    align-items: center; 
    padding: 100px; 
    box-sizing: border-box;
}

.hfh-main-donate-wrapper .hfh-donate-left h2 {
    font-size: 40px; 
    color: #fff;
}

.hfh-main-donate-wrapper .hfh-donate-right {
    width: 50%; 
    display: inline-block; 
    padding: 100px; 
    box-sizing: border-box; 
}

.hfh-main-donate-wrapper .hfh-donate-right h3 {
    font-size: 24px; 
    color: #fff;
    margin-bottom: 30px;
}

.hfh-main-donate-wrapper #hfhMainDonateForm input[type="text"] {
    padding: 10px;
    display: block;
    margin-bottom: 20px;
    width: 250px;
    font-size: 15px;
}

.hfh-main-donate-wrapper #hfhMainDonateForm #donationAmount {
    padding-left: 20px;
    padding-right: 0;
}

.hfh-main-donate-wrapper #hfhMainDonateForm .hfh-donation-currency-sym {
   position: relative;
}

.hfh-main-donate-wrapper #hfhMainDonateForm .hfh-donation-currency-sym span {
    position: absolute;
    transform: translate(0, -50%);
    top: 50%;
    left: 9px;
}

.hfh-main-donate-wrapper #hfhMainDonateForm input#hfhDonateSubmit:hover {
    background-color: #ef3340;
}

@media screen and (max-width: 1000px) {
    .hfh-main-donate-wrapper .hfh-donate-left,
    .hfh-supportpg-intro {
        display: none;
    }

    .hfh-main-donate-wrapper {
        margin-top: 6px;
    }

    .hfh-main-donate-wrapper .hfh-donate-right {
        width: 100%;
        padding: 65px 30px;
        display: block;
        margin: auto;
        width: auto;
        text-align: center;
    }

    .hfh-main-donate-wrapper #hfhMainDonateForm input[type="text"] {
        width: calc(100% - 20px);
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
    }
    .hfh-main-donate-wrapper #hfhMainDonateForm .hfh-donation-currency-sym {
       max-width: 270px;
       margin-left: auto;
       margin-right: auto;
    }
	
}