/*
Theme Name: HelpingHands Child
Description: HelpingHands Child Theme
Author: Your name here
Template: helpinghands
Version: 1.0
*/

body {
    /*    font-weight: 300;*/
    }
    
    a {
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
    
    a.button, a.button:visited {
        background: #57068c;
        color: white;
        text-transform: uppercase;
        font-weight: 700;
        margin: 20px;
        border-radius: 3px;
        display: inline-block;
        padding: 10px 25px;
    }
    
    a.button:hover, a.button:active {
        background: #6f06b4;
        color: white;
    }
    
    .text-center {
        text-align: center;
    }
    
    .slide {
        background-position: center;
        background-size: cover;
        text-align: center;
        /* padding-bottom: 43.25%; */
        /* display: flex; */
        /* align-items: center; */
        /* justify-content: center; */
        height: 500px;
        /* align-items: center; */
        /* justify-content: center; */
        /* position: relative; */
    }
    
    .slide div.link {
        /* display: block; */
        /* position: relative; */
        /* top: 32%; */
        /* width: 100%; */
        /* left: 0; */
        height: 100%;
    }
    
    .slide div.link h2, .slide div.link a  {
        color: white;
        font-weight: 700;
        }
    
    .slide div.link h2 {font-size: 42px;line-height: 1.2;}
    
    .slide div.link a {
        font-size: 30px;line-height: 1.2;display: inline;
    }
    
    .slide div.link a {
        font-size: 30px;
        line-height: 1.2;
        height: 100%;
        width: 100%;
        display: flex;
        position: relative;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        pointer-events: none;
    }
    
    .slick-active .slide div.link a {
        pointer-events: initial;
    }
    
    button.slick-prev,
    button.slick-next {
        position: absolute;
        top: 43%;
        text-indent: -99999px;
        width: 30px;
        height: 30px;
        border: 0;
        outline: 0;
        border-radius: 25px;
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: center;
        background-color: #ffffff91;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    
    button.slick-prev:hover,
    button.slick-next:hover {
        background-color: #ffffffba;
    }
    
    button.slick-prev {
        background-image: url('img/left.svg');
        left: 100px;
        background-position: center right 9px;
    }
    
    button.slick-next {
        background-image: url('img/right.svg');
        right: 100px;
        background-position: center left 9px;
        }
    
    .slides, .aboutslideshow{
        display: none;
    }
    
    .breadcrumbs {
        /* background-color: #f9fafb; */
        border-bottom: 1px solid #e6e8ea;
        padding: 20px 0;
    }
    
    .bg-image {
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .bg-center {
    background-position: center;
    }
    
    .wp-block-embed__wrapper iframe {
        width: 100%;
        max-height: 425px;
    }
    
    .sd-header-extra {
        color: #57068c;
    }
    
    span.sidr-class-mega-toggle-label {
        display: none;
    }
    
    
    #mega-menu-wrap-main-header-menu #mega-menu-main-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        line-height: 2em;
        padding: 12px 20px;
    }
    
    blockquote {
        border-left: 5px solid #c9181f;
        display: inline-block;
        font-size: 16px;
        font-style: italic;
        line-height: 1.5;
        margin-bottom: 15px;
        padding: 10px 10px 10px 20px;
    }
    
    /*-----------------------
    HOME
    -----------------------*/
    
    .page-template-home-template h2 {
        text-align: center;
        font-size: 30px;
        margin-bottom: 20px;
        text-transform: uppercase;
    }
    
    .page-template-home-template h3 {
        margin: 20px 0 5px 0;
        text-transform: uppercase;
        /* text-overflow: ellipsis; */
        /* height: 20px; */
        display: block;
        /* height: 60px; */
    }
    
    .page-template-home-template h4.pill {
        background: #57068c;
        border-radius: 3px;
        display: inline-block;
        padding: 10px 25px;
        color: white;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 600;
        margin: 0 auto;
        margin: 15px auto;
    }
    
    
    .page-template-home-template article#post-337 {
        background: #eef2f6;
    }
    
    .homethree .col-sm-4 {
        padding: 30px;
    }
    
    .homethree {
        margin-top: -110px;
        display: flex;
    }
    
    @media only screen and (max-width: 768px) {
        .sd-extra-button {
            margin: 0;
        }
        
    .homethree {
        display: initial;
    }
    }
    
    .homethree .content {
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 75px;
        color: white;
        font-size: 15px;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    
    .homethree .content:hover {
        background-position: left top;
    }
    
    .homethree h4 {
        color: white;
        text-transform: uppercase;
        font-weight: 600;
    }
    
    .homefwcontent {
        font-size: 19px;
        text-align: center;
        padding: 35px;
        background: white;
    }
    
    
    .hometfcontent img {
        width: 100%;
    }
    
    .hometfcontent {
        text-align: center;
        padding: 35px;
        background: white;
    }
    
    .hwcontainer {
        padding: 50px 200px;
        /* margin: 50px auto; */
    }
    .homehwcontent {
        padding: 50px 0;
        /* background: white; */
        text-align: center;
        /* float: left; */
        display: inline-block;
            margin-bottom: -6px;
    }
    
    .hwinner {
        background: white;
        padding: 35px;
    }
    
    .homestories {
        padding: 35px;
    }
    
    
    /*flex container*/
    .homestoriesinner {
        display: flex;
        flex-wrap: wrap;
    }
    .homestories a.button {
        margin-top: 50px;
    }
    /*inner parts that get the same height*/
    .homestories .col-sm-4 {
        display: flex;
        flex-direction: column;
    }
    
    .homestories .storyinner {
        /* background: white; */
        /* background-image: url('img/left-quote.svg'); */
        /* background-repeat: no-repeat; */
        /* background-size: 26px; */
        /* text-align: center; */
        /* padding: 0 35px 35px 35px; */
        /* font-style: italic; */
        /* background-position: center top 25px; */
        /* margin-bottom: 80px; */
    }
    
    .homestories .storyinner p.story {
            background: white;
            background-image: url('img/left-quote.svg');
            background-repeat: no-repeat;
            background-size: 26px;
            background-position: center top 25px;
            padding: 70px 35px 35px 35px;
            font-style: italic;
            height: 85%;
    }
    
    @media only screen and (max-width: 992px) {
    .homestories.col-sm-12 {
        display: block;
        flex-wrap: initial;
    }
    .homestories .storyinner {
        margin-bottom: 50px;
    }
    }
    
    
    .homestories .storyinner .info {
        /* text-align: center; */
        /* display: block; */
        /* width: 100%; */
        /* padding: 0 50px; */
        /* height: 60px; */
    }
    
    .homestories .storyinner .info:before {
        content: "";
        display: block;
        width: 100%;
        height: 25px;
        background-image: url('img/triangle.svg');
        margin: 0px auto;
        position: relative;
        top: -13px;
        background-repeat: no-repeat;
        background-size: 30px;
        background-position: center;
    }
    
    .homestories p.name,
    .homestories p.desc {
        text-transform: uppercase;
        font-size: 14px;
    }
    
    .homestories p.name {color: white;text-align: center;margin: 0px 0 0;}
    
    .homestories p.desc {
        text-align: center;
        margin: 0;
        color: #160730;
    }
    
    .homestories .col-sm-12 {
        text-align: center;
    }
    
    .homeevents {
        padding: 35px;
        background: white;
    }
    
    .homeffcontent {
        padding: 35px;
        background-size: cover;
        background-position: center;
    }
    
    .homeffcontent .ffcontent {
        background: rgba(255, 255, 255, 0.9);
        text-align: center;
    }
    
    .homeblogcontent {
        padding: 35px;
        background: white;
    }
    
    .homeblogcontent .ftimg {
        display: block;
        padding-bottom: 56.25%;
        background-position: center;
        background-size: cover;
    }
    
    .homeblogcontent h3 {
        font-size: 15px;
        line-height: 1.4;
        font-weight: 600;
    }
    
    .homeblogcontent .sd-latest-blog-meta p {
        color: #637285;
        font-size: initial;
        text-transform: initial;
        font-weight: initial;
        line-height: initial;
        margin: 10px 0;
    }
    
    .homeblogcontent a.sd-more {
        margin: 0;
    }
    
    
    
    .sd-event-shortcode .sd-event-thumb img {
        width: 100%;
    }
    
    .homestories h2 {
        color: #fff;
    }
    
    /*-----------------------
    INDEX PAGES
    -----------------------*/
    
    .indexpage {
        display: flex;
        flex-wrap: wrap;
    }
    
    .indexpage:before, .indexpage:after {
        width: 0px;
    }
    
    .indexpage .col-sm-4 {
        margin-bottom: 20px;
    }
    
    .indexpage .indexinner {
        background: #f9f9f9;
        padding: 20px;
        height: 100%;
    }
    
    .indexpage .indexftimg {
        padding-bottom: 70%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    
    .indexpage h3 {
        font-size: 18px;
        margin: 10px 0;
        padding: 0;
    }
    
    .indexpage .indexinner a.button {
        font-size: 13px;
        padding: 5px 10px;
        margin: 0;
        bottom: 20px;
        position: absolute;
        right: 35px;
    }
    
    .indexpage .indexexcerpt p:last-of-type {
        display: none;
    }
    
    .indexpage .indexexcerpt {
        margin-bottom: 50px;
    }
    
    .indexpage .col-xs-12.col-sm-6.col-md-4.col-lg-3,
    .indexpage .col-xs-12.col-sm-6.col-md-4 {
        margin-bottom: 30px;
    }
    
    /*-----------------------
    CONTACT PAGES
    -----------------------*/
    
    .contactwidget {
        padding: 30px;
        background: #f1f5fa;
        margin-bottom: 20px;
    }
    
    .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=email], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=number], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=password], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=tel], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=text], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=url], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=email], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=number], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=password], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=tel], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=text], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=url], .gform_wrapper .ginput_complex input[type=email], .gform_wrapper .ginput_complex input[type=number], .gform_wrapper .ginput_complex input[type=password], .gform_wrapper .ginput_complex input[type=tel], .gform_wrapper .ginput_complex input[type=text], .gform_wrapper .ginput_complex input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper input[type=tel], .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper textarea {
        background-color: #fafcfd;
        border: 1px solid #cfd4db;
        border-radius: 3px;
        outline: none;
        padding: 5px
    }
    
    /*-----------------------
    STAFF PAGES
    -----------------------*/
    
    .page-template.page-template-team-template .container.teampage {
        margin: 15px auto;
    }
    
    .page-template.page-template-team-template .container.teampage>.row {
        margin-top: 35px;
    }
    
    .page-template.page-template-team-template .container.teampage .row h2 {
        margin-bottom: 20px;
    }
    
    .staffimg {
        padding-bottom: 100%;
        background-size: cover;
        background-position: center;
    }
    
    .page-template.page-template-team-template .staffimg {
        margin-bottom: 10px;
    }
    
    .page-template.page-template-team-template a.stafftitle, .page-template.page-template-team-template a.stafftitle:visited {
        color: #435061;
    }
    
    .page-template.page-template-team-template a.stafftitle:hover, .page-template.page-template-team-template a.stafftitle:active {
        color: #ED1C24;
    }
    
    .page-template.page-template-team-template p.staffposition {
        margin-bottom: 20px;
        font-size: 12px;
        color: #91a1b4;
    }
    
    .page-template.page-template-team-template .stafftile {
        text-transform: uppercase;
    }
    
    .page-template.page-template-team-template .stafftile:hover a.stafftitle {
        color: #ED1C24;
    }
    
    .page-template.page-template-team-template .bigstaffinner {
        background: #ED1C24;
        text-transform: uppercase;
    }
    
    .page-template.page-template-team-template .bigstaffinner a.stafftitle {
        color: #ffffff;
        padding: 20px 20px 0px;
        display: block;
    }
    
    .page-template.page-template-team-template .bigstaffinner p.staffposition {
        color: #ffffff;
        padding: 0px 20px 20px;
    }
    
    .page-template.page-template-team-template .bigstaffinner .staffimg {
        margin-bottom: 0;
    }
    
    /*-----------------------
    SINGLE EVENTS
    -----------------------*/
    
    .single-events iframe {
        width: 100%;
    }
    
    .sd-single-event .sd-dov i, .sd-single-event .sd-event-address i {
        float: left;
        line-height: 20px;
        margin: 0 10px 25px 0;
        overflow: hidden;
    }
    
    /*-----------------------
    ABOUT US
    -----------------------*/
    
    
    .aboutusthree .iconbg {
        width: 35px;
        height: 35px;
        display: block;
        margin: 0px auto;
        background-size: contain;
    }
    
    .aboutusthree h4 {
        font-size: 18px;
        text-transform: uppercase;
        margin: 15px 0 5px;
        }
    
    .aboutslideshow {
        padding: 50px;
        background: #f1f5fa;
        margin-bottom: 20px;
    }
    
    .aboutslideshow ul.slick-dots {
        /* padding: 0 50px; */
        /* width: 50%; */
        margin: 0 auto;
        display: block;
        position: initial;
    }
    
    .aboutslideshow h4 {
        font-size: 20px;
        text-transform: uppercase;
        margin: 15px 0 5px;
    }
    
    .impactblock .innerrow {
        background: #f1f5fa;
        padding: 35px;
    }
    
    .row.impactblock {
        /* padding: 35px; */
        margin-top: 50px;
    }
    
    .impactblock .innerrow a.button {
        /* float: right; */
        position: relative;
    }
    
    .impactblock .innerrow .title {
        float: left;
        width: 50%;
        position: relative;
    }
    
    .impactblock .innerrow .buttons {
        text-align: right;
    }
    
    table.paddedandborder td, table.paddedandborder th {
        padding: 10px;
        border: 1px solid #e1e5eb;
        word-break: break-word;
    }
    
    @media only screen and (max-width: 992px) {
    .impactblock .innerrow .title {
        float: initial;
        width: initial;
        position: initial;
        text-align: center;
    }
    
    .impactblock .innerrow .buttons {
        text-align: center;
    }
        
    .wp-block-table.aligncenter.paddedandborder,
    .wp-block-table.alignleft.paddedandborder,
    .wp-block-table.alignright.paddedandborder {
        overflow-x: auto;
        display: block;
    }
        
    table.paddedandborder td, table.paddedandborder th {
        word-break: initial;
    }
        
    }
    
    .sd-entry-content ul, .sd-entry-content ol {
        list-style: initial;
        padding-left: 40px;
    }
    
    .sd-header-extra {
            font-family: Raleway;
    }
    
    /*
    .sd-header-extra i {
        margin-right: 8px;
    }
    
    .sd-header-extra-phone {
        margin-left: 10px;
        padding-left: 10px;
    }
    
    .sd-header-extra a.sd-extra-button {
        margin-left: 10px;
    }
    */
    
    /*-----------------------
    MISC/Global
    -----------------------*/
    
    
    .sd-entry-meta ul li.sd-meta-comments {
        display: none;
    }
    
    
    /*-----------------------
    HEADER BUTTONS
    -----------------------*/
    
    
    @media only screen and (max-width: 1200px) and (min-width: 767px) {
    
        .sd-logo-menu {
        height: initial !important;
        margin-bottom: 20px;
        text-align: center;
        }
        
        .sd-header-extra {
        display: inline-block;
        float: none;
        text-align: left;
    }
    
    }
    
    @media only screen and (max-width: 767px) {
    
        .sd-logo-menu {
        margin-bottom: 0;
        }
        .sd-header-extra {
            margin-bottom: 10px;
            text-align: center;
        }
    }
/*Fixes an issue with the Issuu PDF viewer */    
.issuuembed.issuu-isrendered {
	max-width: 750px;
	max-height: 395px;
}