/*
Theme Name: Fledgling Fund
Author: Orange Static
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@import url(https://fonts.googleapis.com/css?family=Lato);

@font-face {
    font-family : 'impactregular';
    src         : url('impact-webfont.eot');
    src         : url('impact-webfont.eot?#iefix') format('embedded-opentype'),
    url('impact-webfont.woff2') format('woff2'),
    url('impact-webfont.woff') format('woff'),
    url('impact-webfont.ttf') format('truetype'),
    url('impact-webfont.svg#impactregular') format('svg');
    font-weight : normal;
    font-style  : normal;

}

.full-absolute {
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
    position : absolute;

}

ul {
    list-style-type : none;

}

.background-image {
    background-size     : cover;
    background-repeat   : no-repeat;
    background-position : 50% 50%;
}

.modal {

    filter             : progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    display            : block;
    visibility         : hidden;
    background-color   : rgba(0, 0, 0, .5);

    transform          : translateY(-40px);
    -ms-transform      : translateY(-40px);
    -webkit-transform  : translateY(-40px);

    filter             : progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity            : 0;

    transition         : all 200ms ease-out;
    -webkit-transition : all 200ms ease-out;;
}

.modal.active {

    filter            : progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity           : 1;
    visibility        : visible;

    transform         : translateY(0px);
    -ms-transform     : translateY(0px);
    -webkit-transform : translateY(0px);
}

.modal .modal-header {
    padding : 5px 15px;
}

.modal .modal-body {
    margin-bottom : 23px;
}

.modal .modal-dialog {
    margin     : 25px auto;
    overflow   : auto;
    max-height : 95%;
}

.modal .modal-footer {
    position : absolute;
    bottom   : 0;
    width    : 100%;
}

.modal .modal-body img,
.modal .modal-body iframe {
    float     : left;
    height    : auto;
    margin    : 0 17px 17px 0;
    max-width : 100%;
}

.cf {
    clear : both;
}

p.ctr {
    margin     : 0 auto;
    text-align : center;
    width      : 80%;
}

.simple_page iframe {
    max-width : 100%;
}

#fifteen-to-life {
    position   : relative;
    text-align : center;
}

#fifteen-to-life iframe {
    margin : 0 auto;
}

/***************************************/
/************* Home Page ***************/
/***************************************/

.home-page .content-block {
    /* inline-block */
    display             : inline-block;
    vertical-align      : middle;
    *vertical-align     : auto;
    *zoom               : 1;
    *display            : inline;
    /* end inline-block */
    width               : 50%;
    position            : relative;
    overflow            : hidden;
    min-width           : 320px;
    min-height          : 195px;
    padding-top         : 30%;
    border-bottom       : 3px solid #808080;
    background-size     : cover;
    background-repeat   : no-repeat;
    background-position : 50% 50%;

}

.home-page .content-block ul li {
    /* inline-block */
    display         : inline-block;
    vertical-align  : middle;
    *vertical-align : auto;
    *zoom           : 1;
    *display        : inline;
    /* end inline-block */
}

/* Video */

.home-page .content-block.video .video-popup {
    top         : 115px;
    left        : 50%;
    width       : 99px;
    height      : 98px;
    cursor      : pointer;
    display     : block;
    position    : absolute;
    background  : url("imgs/play.png") no-repeat scroll 50% 50%;
    margin-left : -49px;
}

.home-page .content-block.video .inner-content {
    background-color : #000;
}

.home-page .content-block.video .background-image {
    filter  : progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity : .6;
}

/* Text */
.home-page .content-block.text .inner-content {
    padding : 7.44% 7.44% 14.88%;
}

.home-page .content-block.text p {
    font-size   : 18px;
    line-height : 30px;
    font-family : NexaLight;

}

.home-page .content-block.text .t-read-more {
    display : none;
}

.home-page .content-block.text h2 {
    color          : #0e5f72;
    margin         : 2% 0 4%;
    font-size      : 30px;
    text-align     : center;
    font-weight    : 500;
    line-height    : 33px;
    font-family    : NexaBold, sans-serif;
    text-transform : uppercase;

}

.home-page .content-block.text ul.text-content-links {
    left             : 0;
    width            : 100%;
    margin           : 0;
    bottom           : 0;
    padding          : 1.5% 3%;
    position         : absolute;
    text-align       : center;
    background-color : #8fb7c1;
    font-size        : 16px;
}

.home-page .content-block.text .text-content-links li {
    margin  : 0 10px;
    padding : 0;
}

.home-page .content-block.text .text-content-links li:first-child {
    margin-left : 0;
}

.home-page .content-block.text .text-content-links li:last-child {
    margin-right : 0;
}

.home-page .content-block.text .text-content-links li a {
    color : #0e5f72;
}

.home-page .content-block.text .text-content-links li a:after {
    content : " >>";
}

.home-page .content-block.text.right {
    /*background : transparent url("imgs/right_text.jpg") no-repeat scroll center center / cover;*/
}

.home-page .content-block.text.left {
    /*background : transparent url("imgs/left_text.jpg") no-repeat scroll center center / cover;*/
}

/* Quotes */
.home-page .content-block.quotes .inner-content {
    background-color : #000;
    position         : absolute !important;
}

.home-page .content-block.quotes .background-image {
    background-size     : cover;
    background-repeat   : no-repeat;
    background-position : 50% 50%;

    filter              : progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity             : .6;
}

.home-page .content-block.quotes p {
    top               : 50%;
    left              : 0px;
    right             : 0px;
    color             : #fff;
    padding           : 5% 10%;
    position          : absolute;
    font-size         : 25px;
    font-family       : NexaLight;
    line-height       : 1.42857;
    text-shadow       : 1px 1px 1px rgba(0, 0, 0, 0.5);

    transform         : translateY(-50%);
    -webkit-transform : translateY(-50%);
}

.home-page .content-block.quotes p.quote-by {
    top       : 75%;
    font-size : 14px;
}

/* Slider */
.home-page .content-block.slider .impact-resources-slider {
    height : 100%;
}

.home-page .content-block.slider .impact-resources-slider li {
    height           : 100%;
    background-color : #000;
}

.home-page .content-block.slider .impact-resources-slider li .background-image {
    background-size     : cover;
    background-repeat   : no-repeat;
    background-position : 50% 50%;

    filter              : progid:DXImageTransform.Microsoft.Alpha(Opacity=45);
    opacity             : .45;
}

.home-page .content-block.video .title,
.home-page .content-block.slider .impact-resources-slider li .title {
    top              : 26%;
    color            : #fff;
    width            : 100%;
    padding          : 30px;
    position         : absolute;
    font-size        : 25px;
    text-align       : center;
    text-shadow      : 0px 1px 2px rgba(0, 0, 0, 0.6);
    text-transform   : uppercase;
    background-color : rgba(255, 212, 87, 0.25);
}

.home-page .content-block.slider .impact-resources-slider li .read-more {
    top             : 67%;
    left            : 50%;
    width           : 163px;
    color           : #414042;
    height          : 35px;
    cursor          : pointer;
    z-index         : 4;
    /*opacity         : 0.75;*/
    position        : absolute;
    transform       : translateX(-50%);
    font-size       : 15px;
    text-align      : center;
    /*background      : transparent url("imgs/rm.png") no-repeat scroll center center;*/
    line-height     : 37px;
    text-transform  : uppercase;
    text-decoration : none;

}

.home-page .content-block.slider .impact-resources-slider li .read-more:before {
    top              : 0;
    left             : 0;
    width            : 100%;
    height           : 100%;
    content          : "";
    position         : absolute;
    /*transform        : skewX(25deg);*/
    background-color : #f6cf4c;
}

.home-page .content-block.slider .impact-resources-slider li .read-more:after {
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
    content  : "READ MORE";
    position : absolute;
    /*transform        : skewX(30deg);*/
    /*background-color : #ccaf0b;*/

}

.home-page .bx-viewport, .home-page .bx-wrapper {
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100% !important;
    position : relative;
}

.home-page .bx-wrapper .bx-viewport {
    left : 0;
}

.impact-resources button.categories_cubese {
    display : none;
}

.bottom_logo a.anchor {
    font-size : 10px;
    color     : #fff;
}

.apply-page h3 {
    text-align : center;
}

.banner {
    border-bottom : 4px solid #878786;
}

.home-page .inner-content {
    text-align : center;
}

.impact-resources p {
    text-align : center;
}

.out-in-the-silence .text_container img,
.lioness .text_container img,
.sin-by-silence .text_container img,
.case-study-escape-fire .text_container img {
    margin-top : 20px;
}

.social {
    padding-right : 20px;
}

.impact-resources .footer-quote p, .grant-program .footer-quote p {
    color : #fff;
}

/***********************************************************/
/********** Impact Resources/Grantees Slider ***************/
/***********************************************************/

#impact-resources-slider-container {
    margin-bottom : 80px;
}

.carousel-slider {
    width            : 100%;
    margin           : 0;
    padding          : 0;
    border-top       : 2px solid #186577;
    border-bottom    : 2px solid #186577;

    background-color : #000;

    filter           : progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity          : 0;

}

.carousel-slider .owl-item {
    position : relative;
}

.carousel-slider .owl-controls {
    margin : 0;
}

.carousel-slider .owl-buttons > div {
    top      : 0;
    width    : 60px;
    height   : 100%;
    z-index  : 1000;
    position : absolute;

    filter   : progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity  : .9;

    /*transform         : translateY(-50%);*/
    /*-webkit-transform : translateY(-50%);*/
}

.carousel-slider .owl-buttons > div:hover {
    filter  : progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity : 1;
}

.carousel-slider .owl-buttons .owl-prev {
    left       : 0px;
    background : url(imgs/arrow_left.png) no-repeat 50% 50%;
}

.carousel-slider .owl-buttons .owl-next {
    right      : 0px;
    background : url(imgs/arrow_right.png) no-repeat 50% 50%;
}

.carousel-slider .slide-item {
    /* inline-block */
    display         : inline-block;
    vertical-align  : middle;
    *vertical-align : auto;
    *zoom           : 1;
    *display        : inline;
    /* end inline-block */

    width           : 100%;
    /*cursor          : pointer;*/
    position        : relative;
    padding-top     : 62.31%;
}

.carousel-slider .slide-item .background-image {
    z-index            : 1;
    transition         : opacity .4s ease;
    -o-transition      : opacity .4s ease;
    -moz-transition    : opacity .4s ease;
    -webkit-transition : opacity .4s ease;

}

.carousel-slider .slide-item .slide-content {
    color              : #fff;
    padding            : 4% 11.5%;
    z-index            : 10;

    filter             : progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity            : 0;

    display            : none;

    transition         : visibility .4s, opacity .4s ease;
    -o-transition      : visibility .4s, opacity .4s ease;
    -moz-transition    : visibility .4s, opacity .4s ease;
    -webkit-transition : visibility .4s, opacity .4s ease;
}

.no-touch .carousel-slider .slide-item .slide-content {
    display : block;
}

.carousel-slider .slide-item:hover .slide-content {
    filter     : progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity    : 1;

    visibility : visible;
}

.carousel-slider .slide-item:hover .background-image {
    filter  : progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    opacity : .25;
}

.carousel-slider .slide-item:hover .read-more {
    bottom  : 0;
    filter  : progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity : 1;
}

.carousel-slider .slide-item .title {
    font-size      : 18px;
    text-align     : center;
    font-family    : NexaBold;
    text-transform : uppercase;
}

.carousel-slider .slide-item .subtitle {
    font-size   : 15px;
    text-align  : center;
    font-family : NexaBold;

}

.carousel-slider .slide-item .description {
    font-size      : 13px;
    margin-top     : 1%;
    line-height    : 20px;
    font-family    : NexaLight;
    padding-bottom : 38px;

}

.carousel-slider .slide-item .read-more {
    left               : 0px;
    right              : 0px;
    color              : #0e5f72;
    bottom             : -42px;
    opacity            : 0;
    padding            : 10px 0px;
    z-index            : 10;
    position           : absolute;
    font-size          : 12px;
    text-align         : center;
    background         : #84acb5;
    transition         : bottom .5s ease, opacity .5s ease;
    -o-transition      : bottom .5s ease, opacity .5s ease;
    -moz-transition    : bottom .5s ease, opacity .5s ease;
    -webkit-transition : bottom .5s ease, opacity .5s ease;

}

.modal {
    position : absolute;
}

.modal .modal-dialog {
    top               : 0;
    left              : 50%;
    margin            : 0;
    position          : absolute;
    max-width         : 100%;
    transform         : translateX(-50%);
    -ms-transform     : translateX(-50%);
    -webkit-transform : translateX(-50%);
}

/* Grid */
.grid .container {
    position : relative;
}

.grid .col-md-9 {
    padding-left : 0;
}

.grid .box_carousel .carousel-control.left {
    left : -45px;
}

.grid .box_carousel .carousel-control.right {
    right : -45px;
}

.grid span.p_nav,
.grid .pagination.carousel-indicators a,
.grid .categories_cubese {
    font-size : 16px;
}

.categories-container {
    float : left;
}

.pagination-container {
    float : right;
}

/* Footer Banner */
.footer-banner {
    color          : #fff;
    padding        : 6%;
    font-size      : 18px;
    text-align     : center;
    text-transform : uppercase;
}

/* Who We Are */
.who-we-are .banner {
    border-bottom : 2px solid #0e5f72;
}

.who-we-are .member-image {
    /*padding-top         : 72%;*/
    padding-top         : 100%;
    background-position : 50% 20%;

    transition          : filter 1s ease;
    -o-transition       : filter 1s ease;
    -moz-transition     : filter 1s ease;
    -webkit-transition  : filter 1s ease;

}

.who-we-are .image_block {
    cursor : pointer;

}

.who-we-are .image_block:hover .member-image {

    -webkit-filter : grayscale(1);
    /*filter         : gray;*/
    filter         : url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
    filter         : grayscale(1);

}

/*.who-we-are .modal .modal-dialog {*/
/*top               : 40%;*/
/*left              : 50%;*/
/*position          : absolute;*/

/*transform         : translate3D(-50%, -50%, 0);*/
/*-webkit-transform : translate3D(-50%, -50%, 0);*/

/*}*/

/* What We Do */
.what-we-do .banner {
    border-bottom : 2px solid #0e5f72;
}

.what-we-do .what-we-do-content-items {
    margin-bottom : 80px;
}

.what-we-do .carousel-slider {
    overflow : hidden;
    filter   : progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity  : 1;
}

.what-we-do .carousel-slider .slide-item {
    /*width       : 25%;*/
    /*padding-top : 15.6%;*/
}

.what-we-do .boxs.blue_boxs {
    padding-top : 15.51%;
}

.what-we-do .boxs.blue_boxs .left_bg,
.what-we-do .boxs.blue_boxs .box_cont,
.what-we-do .boxs.blue_boxs .right_bg {
    background-color : rgba(79, 128, 140, 0.8)
}

.what-we-do .nav.nav-pills {
    text-align : center;
}

.what-we-do .link_hidden {
    display            : none;

    transition         : opacity .5s ease;
    -o-transition      : opacity .5s ease;
    -moz-transition    : opacity .5s ease;
    -webkit-transition : opacity .5s ease;

    filter             : progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity            : 0;

}

.what-we-do .link_hidden.visible {

    /* inline-block */
    display         : inline-block;
    vertical-align  : middle;
    *vertical-align : auto;
    *zoom           : 1;
    *display        : inline;
    /* end inline-block */

    filter          : progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity         : 1;

}

.what-we-do .box_text {
    display            : none;

    transition         : opacity .5s ease;
    -o-transition      : opacity .5s ease;
    -moz-transition    : opacity .5s ease;
    -webkit-transition : opacity .5s ease;

    filter             : progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity            : 0;
}

.what-we-do .box_text.visible {

    filter  : progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity : 1;
    display : block;
}

/* Special Initiatives */
.special-initiatives .box_carousel .subtitle {
    font    : 13px/16px NexaLight;
    padding : 10px 10px 0;
}

.special-initiatives #boxs_content {
    width      : 80%;
    margin     : 0 auto;
    text-align : center;
}

.special-initiatives #boxs_content .col-md-3.col-sm-4.col-xs-6 {
    width          : 33%;
    float          : none;
    display        : inline-block;
    vertical-align : top;
}

/* Apply Page */
.apply-page .banner {
    border-bottom : 2px solid #0e5f72;
}

/* Blog Pages */
.blog .post {
    font-family : NexaLight;
}

.blog .post .post-meta {
    color         : #575757;
    margin-top    : 15px;
    border-top    : 1px solid #dfdddd;
    border-bottom : 1px solid #dfdddd;
}

.blog .post .post-meta .comments-count {
    float      : right;
    text-align : right;
}

.blog .post .post-meta a {
    color       : #575757;
    font-weight : bold;
}

.blog .post-image img {
    height    : auto;
    max-width : 100%;
}

.blog .post-content {
    margin-top : 15px;
}

.blog .archive-pagination {
    font-family : NexaLight;
}

/* Sidebar Widgets */
.blog .widget:first-child {
    margin-top : 20px;
}

.blog .widget {
    margin-top : 50px;
}

.blog .widget h3 {
    color          : #da5a0c;
    font-size      : 18px;
    font-family    : NexaBold, sans-serif;
    text-transform : uppercase;
}

.blog .widget ul {
    list-style   : outside none none;
    padding-left : 0px;
}

.blog .widget li {
}

.blog .widget li a {
    color     : #707070;
    font-size : 13px;
}

/* Comments */
.blog .comment-respond input,
.blog .comment-respond textarea {
    /*background-color : #fff;*/
}

.tick li {
    background     : rgba(0, 0, 0, 0) url("imgs/tick.png") no-repeat scroll left top;
    font-size      : 16px;
    padding-bottom : 15px;
    padding-left   : 25px;
}

.text_container h2, .text_container h3 {
    text-align  : left;
    color       : #0e5f72;
    font-weight : bold;
    font-family : NexaBold, sans-serif;
}

.text_container {
    font-size : 18px;
}

.impact-resources p, .grant-program p {
    color : #707070;
}

.wwd_introduction {
    font-family : NexaLight, sans-serif;
    font-size   : 18px;
}

h4.grantee-intro {
    text-align  : center;
    font-weight : bold;
    color       : #000;
}

.carousel-slider .slide-item .description {
    font-size : 15px;
}

.next-section {
    cursor        : pointer;
    text-align    : center;
    margin-top    : -40px;
    margin-bottom : 50px;
}

a.expand.private-violence {
    top      : 7px;
    right    : 10px;
    width    : auto !important;
    height   : auto !important;
    position : absolute;
}

a.expand.fifteen-to-life {

    top         : 78px;
    left        : 50%;
    color       : #f59205 !important;
    right       : auto;
    position    : absolute;
    margin-left : 647px;
}

.vbox-container {
    max-width : none;
}

/* Responsive */
@media (max-width : 1205px) {
    .home-page .content-block.text .inner-content {
        padding-top   : 3%;
        padding-left  : 3%;
        padding-right : 3%;
    }

    .home-page .content-block.text p {
        line-height : 25px;
    }
}

@media (max-width : 1170px) {
    .footer-banner {
        font-size : 16px;
    }

    .home-page .content-block.text h2 {
        margin-top    : 0;
        margin-bottom : 1%;
    }

}

@media (max-width : 1040px) {
    .first_head_block .logo {
        padding-left : 0px;
        margin-right : 10px;
    }
}

@media (max-width : 1024px) {
    .carousel-slider .slide-item .slide-content {
        height   : 77.1%;
        padding  : 4% 3% 0;
        overflow : hidden;
    }

    .carousel-slider .slide-item .description {
        padding-bottom : 0;
    }
}

@media (max-width : 1023px) {
    .home-page .content-block.video .video-popup {
        top             : 50%;
        left            : 50%;
        width           : 70px;
        height          : 70px;
        margin-top      : -35px;
        margin-left     : 24%;
        background-size : cover;
    }

    .special-initiatives #boxs_content .col-md-3.col-sm-4.col-xs-6 {
        width : 50%;
    }
}

@media (max-width : 970px) {
    .footer-banner {
        font-size : 14px;
    }
}

@media (max-width : 640px) {
    .categories-container {
        float      : none;
        text-align : center;
    }

    .pagination-container {
        margin-top : 10px;
        float      : none;
        text-align : center;
    }

    .pagination-container nav,
    .pagination-container .p_nav {
        float          : none !important;
        display        : inline-block;
        vertical-align : middle;
    }

}

@media (max-width : 580px) {
    .home-page .content-block.slider .impact-resources-slider li .title {
        top : 0;
        /*padding : 20px;*/
    }
}

@media (max-width : 520px) {
}

@media (max-width : 455px) {
    .home-page .content-block.slider .impact-resources-slider li .title {
        font-size : 18px;
        top       : 0;
        padding   : 10px;
    }

    /*.home-page .content-block.slider .impact-resources-slider .bx-wrapper .bx-controls-direction a {*/
    /*bottom : 15% !important;*/
    /*}*/
    .home-page .content-block.slider .impact-resources-slider li .read-more {
        top    : auto !important;
        bottom : 17% !important;
    }

    .bx-wrapper .bx-controls-direction a {
        top    : auto !important;
        bottom : 10%;
    }
}

@media (max-width : 850px) {
    .home-page .content-block.text p {
        line-height : 25px;

    }

    .home-page .content-block.quotes p {
        top               : 0;
        color             : #fff;
        z-index           : 1;
        position          : relative;
        font-size         : 22px;
        transform         : none;
        -webkit-transform : none;
    }

}

@media (max-width : 355px) {
    .home-page .content-block.quotes p {
        font-size : 16px;
    }

    .modal .modal-dialog {
        width : 100%;
    }

    .text_container h1 {
        font-size  : 22px;
        margin-top : 0;
    }

    /*.special-initiatives #boxs_content .col-md-3.col-sm-4.col-xs-6 {*/
    /*width : 100%;*/
    /*}*/
}

@media (max-width : 414px) {
    .special-initiatives #boxs_content .col-md-3.col-sm-4.col-xs-6 {
        width : 100%;
    }

}

@media (max-width : 640px) {
    .home-page .content-block {
        width       : 100%;
        padding-top : 60%;
    }

    .home-page .content-block.text,
    .home-page .content-block.quotes {
        padding-top : 0;

    }

    .home-page .content-block.text .inner-content {
        padding : 7%;
    }

    .home-page .content-block.text .inner-content,
    .home-page .content-block.quotes .inner-content,
    .home-page .content-block.text ul.text-content-links {
        position : static;

    }

    .special-initiatives #boxs_content {
        width : 100%;
    }
}

/*
.grid_2016_lab .container {
    max-width : 825px;
}
*/

@media (min-width : 992px) {
    .container {
        /*width: 100%;*/
        width : 88%;
    }
}

@media (max-width : 768px) {
    .footer-banner {
        font-size : 12px;
    }
}

@media (max-width : 840px) {
    .grid .box_carousel .carousel-control {
        display : none;
    }
}