/* Start FastLine Media Modifications
--------------------------------------------------------- */


/* General Styles
------------------------------------------*/
html { background: #ddd url(images/bg-pattern.jpg) repeat;}
.all-container-wrapper.boxed-layout { margin-bottom: 40px;}
.body-wrapper { margin-top: 30px; }
.attention { font-size: 20px; }
.clear { clear: both; }

h1.gdl-page-title { font-size: 25px; }
a.stunning-text-button { border-radius: 1px; }

/*Responsive YouTube*/
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Home Page
------------------------------------------*/
#homepage-slide {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 5px;
    width: 23%;
    padding: 60px 35px 0;
    color: rgb(255, 255, 255, 0);
    background-color: rgba(0, 0, 0, 0);
    font-size: 15px;
    border-width: 0px;
    margin-left: 0px;
    margin-top: 0px;
    z-index: 99;
}


#homepage-slide h1 {
    font-family: Cabin, sans-serif;
    font-size: 30px;
    color: #a3caae;
    opacity:0;
}
#homepage-slide p {
    font-family: 'Helvetica Nueue', Helvetica, sans-serif;
    font-size: 15px;
    opacity:0;
}
.stunning-text-wrapper {
    background: none !important;
    padding-top: 8px !important;
    padding-bottom: 25px !important;
}
div.portfolio-thumbnail-image {
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
div.slider-bottom-gimmick {
    background-color: #FFFFFF;
}
.portfolio-thumbnail-image-hover { display: none !important; }

/* Header
------------------------------------------*/
.header-outer-wrapper {
    height: 116px;
}
.logo-wrapper {
    padding-top: 3px;
}
.social-wrapper-text { color: #fff; }


/* Sidebar
------------------------------------------*/
.custom-sidebar a.stunning-text-button {
    display: block;
    width: 54px;
    float: none;
}


/* Leadership Page
------------------------------------------*/
.page-id-38 p {
    /*margin-bottom: 12px; */
}
.bio-title {
    text-decoration: underline;
    font-weight: bold;
}
.bio-headshot {
    margin: 5px 10px 10px 0;
    float: left;
}

/* New Leadership Page
------------------------------------------*/
.fl-hidden { display:none;}
#new-leadership-wrap { position: relative; }
#new-leadership-wrap p,
#new-leadership-wrap br {
    display: none;
}

.bio-section {
    border-bottom: 1px solid #DEDEDE;
    margin-top: 5px;
    margin-right: 2%;
    margin-bottom: 20px;
    float: left;
    padding-bottom: 15px;
    width: 32%;
    text-align: center;
    min-height: 265px;
}
.bio-section.last { margin-right: 0; }

.new-bio-headshot {
    padding: 5px;
    background: #F4F4F4;
    border: 1px solid #b1b1b1;
    margin: 0 auto 10px;
    width: 120px;
}
.new-bio-title { font-size: 13px; display: block; }
.new-bio-name { font-size: 15px; display: block;}
.new-bio {
    display: none;
    text-align: left;
    position: absolute;
    background-color: #FAFAFA;
    border: 1px solid #CACACA;
    padding: 22px 26px 30px;
    left: 0;
    right: 0;
    margin-top: 10px;
    z-index: 9999;
}
.bio-expand-button {
    display: block;
    margin-top: 3px;
    cursor: pointer;
}
.expand-button {
    background: #003C7B;
    color: #FFF;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 16px;
    line-height: 17px;
    margin-right: 6px;

    opacity: 0.9;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.expand-button:hover { opacity: 1; }


/* Donors Page
------------------------------------------*/
.page-id-81 h4 { line-height: 26px; }
.page-id-81 h5 { font-weight: 600 !important; margin-top: 15px; }
.three-column {
    -moz-column-count:3; /* Firefox */
    -webkit-column-count:3; /* Safari and Chrome */
    column-count:3;
}
.two-column {
    -moz-column-count:2; /* Firefox */
    -webkit-column-count:2; /* Safari and Chrome */
    column-count:2;
}


/* Wilderness Therapy Programs
------------------------------------------*/
.page-id-273 .content-wrapper img {
    display: inline;
    margin: 18px;
}
.page-id-273 .two-column { text-align: center; }

/* Online Application Page
------------------------------------------*/
#form-financial-info li {
    margin-left: 25px !important;
    margin-bottom: 30px !important;
}
#gform_wrapper_1 h3 {
    font-weight: 500;
    font-size: 20px;
}
.page-id-154 .content-container ul { margin-bottom: 30px; }
.page-id-154 input { margin-bottom: 3px; }
.page-id-154 label { margin-bottom: 15px !important; }
.page-id-154 label.gfield_label { margin-bottom: 10px !important; }
.page-id-154 .gfield_radio label { margin-bottom: 5px !important; }
#field_1_52 > label { display: none !important; }


/* Dontation Page
------------------------------------------*/

@media all and (max-width: 770px) {

    .page-id-304 .body-wrapper {
        width: 550px !important;
        margin: auto;
    }
    .page-id-304 .all-container-wrapper.boxed-layout,
    .page-id-304 .container.main.content-container {
        width: 550px !important;
    }
}


/* Grant App
------------------------------------------*/
.page-id-154 .gform_wrapper textarea.medium {
    height: 87px;
}

/* Financial Statement Form
------------------------------------------*/
.form-paragraph { margin: 0 0 -10px 0; }
.page-id-169 input[type=text] { margin-bottom: 0; }
.page-id-169 #gform_fields_2 li { margin-bottom: 15px; }


/* Financial Statement Form
------------------------------------------*/
#fancy_title table,
#fancy_title tr,
#fancy_title td {
    border: 0;
}
.important { color: #AC0606; }

/* Footer
------------------------------------------*/
#cc_form_1 {
    border: 0 !important;
    position: relative;
    bottom: 20px;
    padding: 14px 0 !important;
}
#cc_form_1 input[type=submit] {
    margin: -10px 0 0 0;
}

.cc_email_address {
    width: 205px !important;
}
#constant-contact-signup-errors {
    width: 215px !important;
    color: #BB4747 !important;
}
#constant-contact-signup-errors ul li {
    background: none;
    padding: 0;
    position: relative;
    bottom: 8px;
}

/*Responsive FB Like Box*/
#fb-root { display: none; }
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; }

.copyright-left a { color: #808080; }
#twitter {
    position: relative;
    right: 15px;
}

#obh-logo {
    background: url(images/obh-logo.png);
    display: block;
    width: 83px;
    height: 65px;
    position: relative;
    top: 105px;
    left: 140px;
}
/* Media Queries
------------------------------------------*/
@media only screen and (max-width: 960px) {
    #homepage-slide {
        padding: 4% 3% !important;
        width: 30%;
    }
}
@media only screen and (max-width: 767px) {
    div.logo-wrapper { padding-top: 0; }
    #menu-main-nav { margin-top: 20px; }

    #homepage-slide {
        width: 94% !important;
        padding: 8% 3% !important;
    }
    #homepage-slide h1 { font-size: 20px; text-align: center; }

    .home .gdl-portfolio-item img {
        max-width: 70%;
    }
    .outer-social-wrapper { display: none; }
    #portfolio-item-holder h2,
    #portfolio-item-holder .portfolio-thumbnail-content {
        text-align: center !important;
    }
}

@media only screen and (max-width: 479px) {
    .sixteen.columns.mt0.top-layer-slider-wrapper { display: none; }
    .home .container .columns { margin-top: 0 !important; }
    .home .jcarousellite { width: 100%; }
}
