/*
Theme Name: NTFP
Theme URI: http://ntfp.org
Version: 2.0
Author: i4 Asia Incorporated
Author URI: http://www.i4asiacorp.com

*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700, 900);

html { font-size:62.5% }
img, iframe{
    max-width: 100%;
}
h1{
    color: #000;
    font-weight: bold;
    margin: 30px 0 0;
}
h1 > span{
    font-weight: 400;
}
h2{
    color: #99cc66;
    font-size: 30px;
    font-weight: 500;
    margin: 20px 0;
}
h2.pdf-title {
    margin-top: 0;
}
h3{
    color: #666666;
    font-size: 24px;
    font-weight: 700;
}
a, a:hover{
    text-decoration: none;
    outline: none;
}
p{
    font-size: 16px;
    margin: 0 0 20px;
}
textarea{
    resize: none;
}
.nopadding{
    padding: 0 !important;
}
.container {
    max-width: 1260px;
    width: auto;
}
.contentwrap{
    background-color: #fff;
    margin: 50px 0;
    min-height: 1000px;
    overflow: hidden;
    font-size: 16px;
    padding: 30px 30px 60px;
    width: 100%;
}
.contentwrap-hive{
    background-color: #fff;
    margin: 0;
    min-height: 1000px;
    overflow: hidden;
    font-size: 16px;
    padding: 30px 30px 60px;
    width: 100%;
}
body{
    background: #226241 url("images/forestbg.jpg") no-repeat scroll center top ;
    font-family: 'Lato', sans-serif;
    color: #666;
}
.flex {
    -webkit-display: flex;
    -moz-display: flex;
    display: flex;
}
.flex-wrap {
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    flex-wrap:wrap;
}
.greenbtn{
    background-color: #a7d16a;
    color: #fff !important;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding: 12px 18px;
    text-decoration: none;
    transition: all 0.1s ease-in;
}
    .greenbtn:hover, .greenbtn:focus{
        background-color: #7B852E;
        color: #fff;
        text-decoration: none;
    }
.divider{
    border-bottom: 1px solid #ccc;
    width: 100%;
    margin: 20px 0;
    clear: both;
}
.fb_url {
    margin:30px 0;
    border:1px solid #1877f2;
    align-items:center;
}
.fb_url:hover {
    background-color: #1877f2;
    color:white;
}
.fb_url span:first-child{
    padding: 10px;
    margin-right: 10px;
    background-color: white;
    border-right:1px solid #1877f2;
    display: flex;
    align-items: center;
}
header{
    background-color: #a7d16a;
/*    overflow: hidden;*/
    padding: 50px 0 0;
    position: relative;
}
    header::before{
        background: url(images/header-accent.jpg) repeat-x center;
        content: "";
        position: absolute;
        height: 42px;
        width: 100%;
        top: 0;
        left: 0;
    }
    header .top{
        padding-bottom: 20px;
    }
    .container > .navbar-header, .navbar-nav, #ntfp header .navbar.navbar-default .navbar-collapse{
        margin-left: 0;
        margin-right: 0;
    }
    header .navbar-default{
        background: #f4f4f4; /* Old browsers */
        background: -moz-linear-gradient(top, #f4f4f4 0%, #e7e7e7 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #f4f4f4 0%,#e7e7e7 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #f4f4f4 0%,#e7e7e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        border-bottom: 1px solid #ccc;
        border-top: medium none;
        border-radius: 0;
        margin: 0;
    }
    header .navbar-default .navbar-nav{
        padding: 0;
    }
        header .navbar-default .navbar-nav > li{
            border-left: 1px solid #d1d1d1;
            list-style: none;
            float: left;
        }
            header .navbar-default .navbar-nav > li:last-child{
                border-right: 1px solid #d1d1d1;
            }
        header .navbar-default .navbar-nav > li > a {
            color: #226241;
            font-size: 16px;
            padding: 15px 39px;
            display: block;
            text-decoration: none;
            transition: all 0.1s ease-in;
        }
            header .navbar-default .navbar-nav > li > a:hover, 
            header .navbar-default .navbar-nav > li.open > a,
            header .navbar-default .navbar-nav > li.active > a{
                background-color: #7B852E !important;
                color: #fff !important;
            }
.dropdown-menu > .active > a{
    background-color: #F0F0F0;
    color: #666 !important;
}

.dropdown-submenu{
    position:relative;
}
    .dropdown-submenu > .dropdown-menu{
        top:0;
        left:100%;
        margin-top:-6px;
        margin-left:-1px;
        -webkit-border-radius:0 6px 6px 6px;
        -moz-border-radius:0 6px 6px 6px;
        border-radius:0 6px 6px 6px;
    }
    .dropdown-submenu > a:after{
        display:block;
        content:" ";
        float:right;
        width:0;
        height:0;
        border-color:transparent;
        border-style:solid;
        border-width:5px 0 5px 5px;
        border-left-color:#cccccc;
        margin-top:5px;
        margin-right:-10px;
    }
    .dropdown-submenu:hover > a:after{
        border-left-color:#555;
    }
    .dropdown-submenu.pull-left{
        float:none;
    }
    .dropdown-submenu.pull-left > .dropdown-menu{
        left:-100%;
        margin-left:10px;
        -webkit-border-radius:6px 0 6px 6px;
        -moz-border-radius:6px 0 6px 6px;
        border-radius:6px 0 6px 6px;
    }

header .navbar-default .navbar-nav .dropdown-menu{
    background-color: #7B852E !important;
    border: none;
    width: 100%;
}
header .navbar-default .navbar-nav .dropdown-submenu .dropdown-menu{
    width: auto;
}
header .navbar-default .navbar-nav .dropdown-menu li a{
    color: #fff;
    font-size: 12px;
    padding: 10px 15px;
}
header .navbar-default .navbar-nav .dropdown-menu li a:hover{
    background-color: #F0F0F0;
    color: #666;
}
    header .search{
        margin-top: 10px;
    }
        header .search input{
            background-color: #fff;
            border: medium none;
            border-radius: 4px 0 0 4px;
            font-size: 15px;
            height: 40px;
            line-height: normal;
            margin-right: -4px;
            padding: 10px 15px;
        }
        header .search button{
            background: url(images/search-submit.png) no-repeat;
            border: medium none;
            height: 40px;
            text-indent: -9999px;
            width: 38px;
        }
        html.webkit header .search button{
            height: 42px;
        }
    header .icon-links{
        margin: 15px 20px 0 0;
    }
        header .icon-links a{
            border-left: 1px dotted rgba(255, 255, 255, 0.7);
            display: inline-block;
            padding: 0 14px;
        }
        header .icon-links a:last-child{
            border-right: 1px dotted rgba(255, 255, 255, 0.7);
        }

/*Home*/
.carousel{
    background-color: #f5f5f5;
    padding: 20px 20px 50px;
}
    .carousel-indicators {
        bottom: 6px;
        left: inherit;
        right: 20px;
        text-align: right;
        width: 100%;
    }
        .carousel-indicators li{
            background-color: #ccc;
            border: 1px solid #ccc;
            border-radius: 0;
        }
        .carousel-indicators .active{
            background-color: #999;
            border: 3px solid #ccc;
            height: 12px;
            width: 12px;
        }
    .carousel-caption{
        /*background: -moz-linear-gradient(top, rgba(23,24,24,0) 0%, rgba(23,24,24,0.99) 99%, rgba(23,24,24,1) 100%); *//* FF3.6-15 */
        /*background: -webkit-linear-gradient(top, rgba(23,24,24,0) 0%,rgba(23,24,24,0.99) 99%,rgba(23,24,24,1) 100%);*/ /* Chrome10-25,Safari5.1-6 */
        /*background: linear-gradient(to bottom, rgba(23,24,24,0) 0%,rgba(23,24,24,0.99) 99%,rgba(23,24,24,1) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00171818', endColorstr='#171818',GradientType=0 );*/ /* IE6-9 */
        background: rgba(0,0,0, .4);
        bottom: 0;
        left: auto;
        right: auto;
        width: 100%;
        padding:15px 30px;
    }
    .carousel h2{
        font-size: 16px;
        font-weight: 600;
        text-align: left;
        margin: 0 0 10px;
        color: #a7d16a;
        /*float: left;
        width: 40%;*/
    }
    .carousel-caption h2 > a{
        color: #a7d16a;
    }
    .carousel-caption .teaser{
        /*width: 55%;
        float: right;*/
    }
    .carousel-caption .teaser a{
        color: #a7d16a;
        font-weight: 700;
        float: right;
        font-size: 14px;
        margin-top: 5px;
    }
    .carousel p{
        font-size: 14px;
        line-height: 18px;
        margin: 0;
    }
    .carousel p + a{
        color: #a7d16a;
        font-weight: 700;
        float: right;
        font-size: 14px;
        margin-top: 5px;
    }
.news{
    overflow: hidden;
}
    .home .news h1{
        color: #006f3a;
        font-size: 30px;
        margin: 0;
        padding: 20px 0;
    }
    .news h1{
        color: #006f3a;
        font-size: 30px;
    }
    .home .news .list{
        border-bottom: none;
    }
    .news .list{
        border-top: 1px dotted #666;
        border-bottom: 1px dotted #666;
        margin-bottom: 20px;
        overflow: hidden;
        padding: 20px 0;
    }
        .news .list article{
            display: block;
            font-size: 16px;
            margin: 0 0 50px;
            overflow: hidden;
        }
            .news .list article img{
                width: 100%;
                height: auto;
                margin-bottom: 10px;
            }
            .news .list article strong{
                color: #999933;
            }
            .news .list article p{
                color: #666;
            }
                .news .list article p > a{
                    color: #333;
                    font-size: 12px;
                    font-weight: 900;
                }
/*End Home*/

article .date{
    font-weight: 700;
}

/*Articles*/
.list{
    border-top: 1px dotted #666;
    border-bottom: 1px dotted #666;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px 0;
}
    .list article{
        display: block;
        font-size: 16px;
        margin: 0 0 50px;
        overflow: hidden;
    }
        .list article img{
            width: 100%;
        }
        .list article strong{
            color: #999933;
        }
        .list article p{
            color: #666;
        }
            .list article p > a{
                color: #333;
                font-size: 12px;
                font-weight: 900;
            }
/*End Articles*/

/*Tables*/
.table-responsive{
    margin: 40px 0 0;
}
    .table-responsive .table{
        border-bottom: 1px solid #ccc;
    }
        .table-responsive .table tr:nth-child(even){
            background-color: #f6f6f6;
        }
        .table-responsive .table tr:hover{
            background-color: #f2f2f2;
        }
            .table-responsive .table th, .table-responsive .table td{
                font-size: 16px;
                padding: 10px;
            }
            .table-responsive .table th{
                background-color: #99CC66;
                border: none;
                color: #fff;
            }
            .table-responsive .table td{
                border: none;
            }
/*End Tables*/

/*Information Resources*/
.ir-help{
    background-color: #999999;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    line-height: normal;
    padding: 12px 10px 12px 18px;
    position: relative;
}
    .ir-help img{
        left: -35px;
        position: absolute;
        top: -6px;
    }
    .ir-help:hover{
        background-color: #99CC66;
        color: #fff;
        text-decoration: none;
        transition: all 0.2s ease;
    }
.search-filter{
    background-color: #f6f6f6;
    overflow: hidden;
    padding: 15px;
}
    .search-filter .form-group{
        float: left;
        margin: 0;
        padding: 10px;
        width: 33.3333%;
    }
        .search-filter .form-group label{
            display: block;
            font-size: 16px;
            font-weight: normal;
        }
        .search-filter .form-group input, .search-filter .form-group select{
            border: 1px solid #ccc;
            font-size: 16px;
            padding: 10px;
            width: 100%;
        }
        .search-filter button{
            background: #a7d16a none repeat scroll 0 0;
            border: medium none;
            color: #fff;
            float: right;
            font-size: 16px;
            font-weight: 700;
            margin: 10px;
            padding: 12px 30px;
        }
        .search-filter button:hover{
            background-color: #999;
            transition: all 0.2s ease;
        }
.product-db table{
    width: 100%;
}
    .product-db table tr td:first-child{
        font-weight: bold;
        width: 20%;
    }
    .product-db table tr td{
        padding: 10px;
    }
        .product-db table tr td a{
            color: #666;
        }
.product-db p{
    color: #99cc66;
    font-size: 18px;
    font-weight: bold;
}
    .product-db p span{
        color: #666;
        display: block;
        font-size: 14px;
    }
.prod-help .table-responsive .table tr:nth-child(2n){
    border-bottom: 1px solid #ccc;
}
.prod-help .table-responsive .table tr td:first-child{
    width: 15%;
}
.voices .headerimg{
    background: url(images/voices-from-the-forest.jpg) no-repeat scroll center / cover;
    display: block;
    height: 230px;
    margin: -30px -15px 20px;
}
.introtxt{
    font-size: 22px;
}
.featured{
    background-color: #f7f7f7;
    margin: 15px 0;
    overflow: hidden;
    padding: 30px 15px;
    position: relative;
}
    img.pdf-featured-img {
        margin-bottom: 20px;
    }
    .featured img{
        width: 100%;
        height: auto;
    }
    .featured .featured-badge{
        background-color: #99cc66;
        color: #fff;
        font-weight: bold;
        left: -20px;
        padding: 10px 40px;
        position: absolute;
        top: 2px;
        transform: rotate(-25deg);
        width: 200px;
        z-index: 1;
    }
.pdf-list{
    overflow: hidden;
}
    .pdf-list .col-sm-2{
        border: 1px solid #efefef;
        margin: 20px 0;
        min-height: 230px;
        padding: 20px;
        text-align: center;
        position: relative;
        width: 20%;
    }
    .pdf-list__featured-img {
        width: 100%;
        height: 140px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom: 10px;
    }
        .pdf-list .col-sm-2 img{
            display: block;
            margin: 10px auto 20px;
        }
        .pdf-list .col-sm-2:hover .hovered{
            opacity: 1;
        }
        .pdf-list .col-sm-2 .hovered{
            background-color: #99cc66;
            color: #fff;
            height: 100%;
            left: 0;
            padding: 20px;
            position: absolute;
            top: 0;
            width: 100%;
            opacity: 0;
            transition: all 0.3s ease;
        }
            .pdf-list .col-sm-2 .hovered img{
                margin: 10px auto 15px;
            }
            .pdf-list .col-sm-2 .hovered .download{
                font-size: 14px;
                font-weight: bold;
                line-height: normal;
            }
                .pdf-list .col-sm-2 .hovered .download > span{
                    display: block;
                    font-size: 24px;
                }
            .pdf-list .col-sm-2 .hovered .download, .pdf-list .col-sm-2 .hovered p, .pdf-list .col-sm-2 .hovered strong{
                color: #fff;
                text-decoration: none;
            }
.newsletter table tr td:last-child{
    text-align: right;
}
    .newsletter table tr td a{
        border: 1px solid rgba(0, 0, 0, 0);
        color: #ff0000;
        font-size: 14px;
        font-weight: bold;
        padding: 10px;
        transition: all 0.2s ease;
    }
    .newsletter table tr td a:hover{
        color: #666;
        border: 1px solid #ccc;
    }
    .newsletter .download-acrobat > a{
        color: #666;
        text-decoration: underline;
    }
.publication .featured .small h2{
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
}
.publication .publist{
    padding: 0;
}
    .publication .publist li{
        border: 1px solid #ddd;
        float: left;
        list-style: outside none none;
        margin: 10px;
        min-height: 360px;
        max-height: 360px;
        overflow: hidden;
        padding: 20px;
        text-align: center;
        width: 23.222%;
    }
        .publication .publist li a{
            color: #666;
        }
        .publication .publist li img{
            height: 140px;
            margin: 5px 0 15px;
            width: auto;
        }
.recommended .featured{
    margin-bottom: 60px;
}
.recommended table tr td{
    min-width: 150px;
}
.recommended table tr td:last-child{
    text-align: right;
    min-width: 120px;
}
.recommended table tr td:last-child a{
    padding: 0;
}
    .recommended table tr td a{
        border: 1px solid rgba(0, 0, 0, 0);
        color: #ff0000;
        font-size: 14px;
        font-weight: bold;
        padding: 10px;
        transition: all 0.2s ease;
        display: block;
    }
    .recommended table tr td a:hover{
        color: #666;
        border: 1px solid #ccc;
    }
    .recommended .download-acrobat > a{
        color: #666;
        text-decoration: underline;
    }
.reports .report-list{
    padding: 0;
}
    .reports .report-list li{
        border: 1px solid #ddd;
        float: left;
        list-style: outside none none;
        margin: 10px;
        min-height: 360px;
        padding: 20px;
        text-align: center;
        width: 23.222%;
    }
        .reports .report-list li a{
            color: #666;
        }
        .reports .report-list li img{
            height: 140px;
            margin: 5px 0 15px;
            width: auto;
        }
.videos .video-list{
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
    .videos .video-list li{
        border: 1px solid #ddd;
        float: left;
        list-style: outside none none;
        margin: 10px;
        min-height: 300px;
        padding: 20px;
        text-align: center;
        width: 23%;
    }
        .videos .video-list li a{
            color: #666;
        }
        .videos .video-list .hive{
            width: 47%;
        }
        .videos .video-list li img{
            height: 140px;
            margin: 5px 0 15px;
            width: auto;
        }
        .videos .video-list li iframe{
            height: 140px;
            margin: 5px 0 15px;
            width: auto;
        }

.snapshots .album-list{
    padding: 0;
}
    .snapshots .album-list li{
        border-bottom: 1px solid #ddd;
        float: left;
        list-style: outside none none;
        margin: 10px 0;
        min-height: 310px;
        padding: 20px;
        width: 25%;
    }
        .snapshots .album-list li .box{
            border: 1px solid rgba(0,0,0,0);
            padding: 8px 15px;
            position: relative;
        }
        .snapshots .album-list li .box strong{
            color: #99CC66;
            display: block;
            line-height: normal;
        }
        .snapshots .album-list li .box a{
            background-color: #fff;
            color: #666;
            display: inline-block;
            font-size: 14px;
            font-weight: bold;
            left: 62px;
            padding: 10px;
            position: absolute;
            text-align: center;
            top: 60px;
            opacity: 0;
        }
        .snapshots .album-list li .box img{
            display: block;
            height: 140px;
            margin: 0 auto 15px;
            width: auto;
        }
        .snapshots .album-list li .box p{
            margin: 0;
        }
            .snapshots .album-list li:hover a{
                opacity: 1;
                transition: all 0.3s ease;
            }
            .snapshots .album-list li:hover img{
                opacity: 0.5;
                transition: all 0.3s ease;
            }
            .snapshots .album-list li:hover .box{
                border: 1px solid #ddd;
                transition: all 0.3s ease;
            }

.filter{
    background-color: #99cc67;
    margin: 40px 0 12px;
    padding: 10px;
}
    .filter label{
        color: #fff;
    }
    .filter select{
        border: medium none;
        margin-left: 10px;
        padding: 10px;
        width: 35%;
    }
/*End Information Resources*/

/*Pagination*/
.pagination{
    float: right;
    margin: 10px 0;
}
.pagination .screen-reader-text{
    display: none;
}
.pagination .nav-links{
    border: 1px solid #ccc;
    border-radius: 6px;
}
.page-display{
    margin: 28px 10px;
    float: left;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination > li > a:hover, .pagination > li > span:hover, .pagination .page-numbers.current{
    background-color: #99cc67;
    border-color: #99cc67;
    color: #fff;
}
.pagination > li > a, .pagination > li > span, .pagination .page-numbers{
    border-right: 1px solid #ccc;
    color: #666;
    display: table-cell;
    padding: 6px 10px;
}
.pagination .page-numbers:last-child{
    border: none;
}
/*End Pagination*/

/*Sidebar*/
.intro{
    background: #f0f0f0 url("images/leavesbg.png") no-repeat scroll right top;
    overflow: hidden;
    padding: 30px;
}
    .intro h2{
        color: #006f3a;
        font-size: 27px;
        font-weight: bold;
        margin: 0 0 5px;
    }
    .intro p{
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 20px;
    }
    .intro a{
        background-color: #a7d16a;
        color: #fff !important;
        display: inline-block;
        font-weight: bold;
        padding: 12px 18px;
        text-decoration: none;
        transition: all 0.1s ease-in;
    }
        .intro a:hover{
            background-color: #7B852E;
        }
.sidebar{
    overflow: hidden;
    margin: 10px 0;
}
    .sidebar h2{
        color: #99cc66;
        font-size: 20px;
    }
    .sidebar p{
        color: #666666;
        font-weight: bold;
    }
    .sidebar .imgwrap{
        border: 1px solid #ccc;
        padding: 10px;
        margin-bottom: 10px;
        position: relative;
    }
        .sidebar .imgwrap div{
            background-position: center center;
            background-size: cover;
            height: 130px;
            width: 100%;
            position: relative;
        }
    .sidebar.newsletters .imgwrap div{
        height: 345px;
    }
    .sidebar.publications strong{
        color: #666;
        font-size: 16px;
    }
    .sidebar.publications p{
        font-weight: 400;
    }
    .sidebar.videos .imgwrap div::before{
        background: url(images/playbtn.png) no-repeat center;
        content: "";
        display: block;
        height: 63px;
        margin: 30px auto;
        position: absolute;
        width: 100%;
    }
/*End Sidebar*/

/*Contact Us*/
#cfwc_contactform{
    background-color: #f7f7f7;
    padding: 30px;
}
#cfwc_contactform::before{
    color: #666;
    content: "For your comments, concerns and suggestions, please message us below.";
    display: block;
    font-size: 23px;
    font-weight: 400;
    margin: 0 0 20px;
    position: relative
}
    #cfwc_contactform form td{
        padding: 10px 0;
        vertical-align: middle;
    }
    #cfwc_contactform form tr:nth-child(4) td{
        vertical-align: top;
    }
    #cfwc_contactform td:first-child{
        color: #666;
        font-size: 16px;
        font-weight: 700;
        width: 20%;
    }
#cfwc_contactform form .form-group{
    overflow: hidden;
    margin: 0 0 15px;
}
    #cfwc_contactform form input, #cfwc_contactform form textarea{
        background-color: #fff;
        border: 1px solid #ccc;
        height: auto;
        padding: 10px;
        width: 100%;
    }
    #cfwc_contactform form input[type="submit"]{
        background-color: #a7d16a;
        border: medium none;
        color: #fff;
        float: right;
        font-size: 16px;
        font-weight: bold;
        padding: 12px;
        width: auto;
    }
#validatemail{
    color: #ff0000;
    position: relative;
    top: 5px;
}    
.contact address{
    border: 1px solid #eee;
    display: block;
    margin: 20px 0;
    overflow: hidden;
    padding: 20px 0;
}
    .contact address p{
        color: #666666;
        font-size: 24px;
        line-height: normal;
    }
        .contact address ul{
            padding: 0;
        }
            .contact address ul li{
                color: #666666;
                font-size: 16px;
                list-style: outside none none;
            }
                .contact address ul li a{
                    color: #666666;
                }
/*End Contact Us*/

.banner{
    background-position: center center;
    background-size: cover;
    height: 450px;
    margin: 0 -30px 40px;
    width: auto;
    position: relative;
}
.banner--proj {
    height: auto;
}
.banner img {
    width: 100%;
}
    .overlay{
        background-color: rgba(0, 0, 0, 0.7);
        color: #fff;
        margin: -30px -30px 0;
        padding: 25px 30px;
        width: auto;
        overflow: hidden;
    }
    .overlay p{
        color: #fff;
        font-size: 16px;
        margin: 0;
    }
    .overlay img{
        height: 80px;
    }

.bordered{
    border: 1px solid #ddd;
}

.post-meta{
    padding: 0;
}
    .post-meta li{
        list-style: none;
    }
        .post-meta li span, .post-meta li:last-child{
            display: none;
        }

/*About*/
.team h3{
    font-size: 20px;
}
.team .cf h3, .team .secretariat h3{
    color: #99cc66;
    margin-bottom: 20px;
}
.team .directors, .team .trustees, .team .cf, .team .secretariat{
    padding: 0;
}
    .team .directors li, .team .trustees li{
        float: left;
        list-style: outside none none;
        min-height: 190px;
        padding: 15px 0;
        width: 50%;
    }
        .team .directors li h4, .team .trustees li h4{
            color: #99cc66;
            font-size: 21px;
            margin: 0;
        }
    .team .cf li{
        background-color: #f7f7f7;
        float: left;
        list-style: outside none none;
        margin: 10px;
        min-height: 138px;
        width: 47%;
    }
        .team .cf li .col-sm-4{
            padding: 0;
        }
        .team .cf li .col-sm-8{
            padding: 50px 15px 0;
        }
        .team .cf li h4{
            font-size: 20px;
            margin: 0;
        }
        .team .cf li .flag{
            height: 50px;
            left: -22px;
            position: absolute;
            top: 8px;
        }
    .team .secretariat li{
        float: left;
        list-style: outside none none;
        min-height: 325px;
        width: 25%;
    }
        .team .secretariat li h4{
            font-size: 20px;
            margin: 15px 0 0;
        }
.vision{
    padding-left: 60px;
    position: relative;
}
    .vision p{
        background-color: #a7d16a;
        color: #fff;
        font-size: 20px;
        font-style: italic;
        padding: 40px 20px 40px 80px;
        text-shadow: 1px 1px 0 #82a54d;
    }
        .vision .circle{
            background-color: #006f3a;
            border-radius: 50%;
            color: #fff;
            font-size: 25px;
            height: 120px;
            left: 0;
            line-height: normal;
            padding: 32px 10px;
            position: absolute;
            text-align: center;
            top: 22px;
            width: 120px;
        }
            .vision .circle span{
                display: block;
                font-size: 16px;
                line-height: normal;
            }
.logos img{
    width: 100%;
}
.logos .col-md-2{
    padding: 15px 25px;
}
/*End About*/

/*What we do*/
.wwd a{
    color: #666;
}
.wwd .intermediaries .col-sm-8 a{
    text-decoration: underline;
}
.wwd .intermediaries img{
    display: block;
    margin: auto;
}
.wwd .intermediaries h2{
    margin: 0;
}
.wwd .intermediaries .col-sm-4, .wwd .intermediaries .col-sm-8{
    padding: 20px 15px;
}
/*End What we do*/

.where p > a{
    background-color: #99cc66;
    color: #99cc66;
    display: inline-block;
    font-weight: bold;
    padding: 18px;
    position: relative;
}
.where p > a:before{
    bottom: 0;
    color: #fff;
    content: "visit our page";
    display: table-cell;
    font-size: 18px;
    left: 0;
    padding: 15px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100%;
}

/*Support Us*/
.support strong{
    font-size: 22px;
    font-style: italic;
}
.support ul{
  padding: 20px 0;  
}
.support ul li{
    list-style: none;
    padding: 10px 0;
}
.support ul li > img{
    margin-right: 5px;
}
.support ul li a{
    color: #666;
    text-decoration: underline;
}
/*End Support Us*/

/*Grants*/
.grants ul{
    padding: 0 0 0 16px;
}
.grants ul li{
    font-size: 16px;
    list-style-type: square;
    align-items: flex-start;
}
.grants blockquote{
    border: 1px solid #ccc;
}
/*End Grants*/

/*Exchange News*/
.subnav{
    border-bottom: 1px solid #ccc;
    display: block;
    margin: -30px -15px 20px;
    overflow: hidden;
    padding: 0;
}
    .subnav li{
        border-right: 1px solid #ccc;
        list-style: none;
        float: left;
    }
        .subnav li a{
            color: #666;
            display: block;
            font-size: 16px;
            font-weight: 700;
            padding: 12px;
            transition: all 0.2s ease;
        }
            .subnav li a:hover{
                background-color: #99cc66;
                color: #fff;
            }
/*End Exchange News*/

footer{
    background: url(images/subfooterbg.jpg);
    padding-top: 40px;
}
    footer .subfooter{
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 35px;
    }
        footer .subfooter .intermediaries{ padding-left: 0; }
        footer .subfooter .links{ padding-right: 0; }
        footer .subfooter .box{
            background-color: #fff;
            margin: 15px 0 60px;
            min-height: 230px;
            overflow: hidden;
            padding: 25px 10px;
        }
            footer .subfooter .box img{
                border: 1px solid #ccc;
            }
footer .bottom .container{ padding: 0; }
footer .bottom{
    background-color: #006f3a;
    padding: 20px;
    position: relative;
    color: #fff;
}
footer .bottom::before{
    background: rgba(0, 0, 0, 0) url("images/footer-accent.png") repeat-x scroll center center;
    content: "";
    height: 56px;
    left: 0;
    position: absolute;
    top: -56px;
    width: 100%;
}
    footer .bottom a{
        color: #fff;
        text-decoration: none;
    }
        footer .bottom a:hover{
            color: #A5D16C;
        }
    footer .bottom ul{
        margin: 15px 0;
        overflow: hidden;
        padding: 0;
    }
        footer .bottom ul > li{
            float: left;
            list-style: none;
            padding: 0 10px 0 0;
        }
            footer .bottom ul > li > a{
                background-color: #00592e;
                border-radius: 8px;
                color: #fff;
                display: block;
                font-size: 12px;
                font-weight: bold;
                padding: 12px 16px;
                text-decoration: none;
                transition: all 0.1s ease-in;
            }
                footer .bottom ul > li > a:hover{
                    background-color: #A5D16C;
                    color: #006F3A;
                }
    footer .bottom .col-sm-5 img{
        margin-left: 10px;
    }
    footer .bottom .col-sm-5 a:last-child img{
        vertical-align: top;
    }

/*404*/
.notfound{
    min-height: inherit;
    padding: 10% 15px;
    text-align: center;
}
/*End 404*/

/*SCROLL TOP*/
.scroll-top-wrapper svg{
    display: block;
    margin-bottom: -10px;
}
.scroll-top-wrapper span{
    color: #006F3A;
    display: block;
    line-height: 36px;
    font-weight: bold;
}
.scroll-top-wrapper {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: #A7D16A;
    width: inherit;
    height: inherit;
    line-height: 48px;
    right: 30px;
    bottom: 30px;
    padding: 2px 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover, .scroll-top-wrapper:focus {
    background-color: #006F3A;
}
.scroll-top-wrapper:hover span, .scroll-top-wrapper:focus span{
    color: #fff;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
    opacity: 1.0;
}
.scroll-top-wrapper i.fa {
    line-height: inherit;
}

ms-slide-info ms-dir-h ms-align-bottom{
    position: absolute !important;
}

.ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 30px !important;
    width: 100px;
    opacity: 1 !important;
    visibility: visible !important;
    bottom: -30px !important;
    display: block !important;
}

.ms-bullets.ms-dir-h.ms-align-bottom.ms-ctrl-hide{
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

.ms-skin-default .ms-bullet {
    width: 10px;
    height: 10px;
    background: #ccc !important;
    /*background: url(skins/light-skin-1.png) no-repeat;*/
    margin: 4px;
    /*background-position: -34px -117px;*/
    border: 1px solid #ccc;
    border-radius: 0;
    box-sizing: border-box;
}

.ms-skin-default .ms-bullet-selected {
    /*background-position: -34px -84px;*/
    background: #999 !important;
    border: 2px solid #ccc;
}

.ms-slide-info {position: absolute !important;
    background: rgba(0,0,0, .4);
    bottom: 0;
    left: auto;
    right: auto;
    width: 100%;
    padding:15px 30px;
    box-sizing: border-box !important;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
}

/*MEDIA QUERIES (RESPONSIVE)*/
/* Desktops  */
@media (min-width:1152px) {
    html { font-size:2em }
}
@media (max-width:1400px){
    header .navbar-default .navbar-nav > li > a{
        padding: 15px 34px;
    }
}
@media (min-width:1200px) and (max-width:1300px){
    header .navbar-default .navbar-nav > li > a{
        padding: 15px 34px;
    }
    footer .subfooter .box{
        min-height: 230px;
    }
/*
    footer .subfooter .box img{
        width: 41%;
    }
*/
}
@media screen and (min-width:1100px) and (max-width: 1200px){
    header .navbar-default .navbar-nav > li > a{
        padding: 15px 18px;
    }
}
@media screen and (min-width: 960px) and (max-width: 1100px){
    #ntfp header .navbar-default ul > li > a{
        padding: 15px 18px;
    }
    footer .subfooter .box{
        min-height: 185px;
    }
} 
@media screen and (max-width:900px){
    .pdf-list .col-sm-2 {
        width: 33.33%;
    }
}
/* Tablets */
@media screen and (min-width:768px) and (max-width:1024px) {
    html { font-size:1.6em }
    header .navbar-default ul > li > a{
        padding: 15px 10px;
    }
    .pdf-list .col-sm-2{
        overflow: hidden;
        font-size: 12px;
    }
/*
    #ntfp footer .subfooter .box img{
        width: 39%;
    }
*/
}
@media screen and (max-width: 768px){
    #ntfp header .top .col-md-7{
        padding-top: 15px;
    }
    #ntfp header .navbar .container, #ntfp header .navbar.navbar-default .navbar-collapse{
        padding: 0;
    }
    #ntfp header .navbar-default ul > li > a {
        padding: 15px 11.5px;
        font-size: 15px;
    }
    #ntfp header .search input{
        width: 154px;
    }
    #ntfp header .icon-links a{
        padding: 0 8px;
    }
/*
    #ntfp footer .subfooter .box img{
        width: 36%;
    }
*/
    #ntfp footer .bottom .col-sm-5 img{
        margin-left: 2px;
    }
    #ntfp footer .bottom ul > li{
        padding: 0 4px 0 0;
    }
    #ntfp footer .bottom ul > li > a{
        font-size: 11px;
        padding: 12px;
    }
    footer .subfooter .box{
        min-height: 142px;
    }
}

/* Phones */
@media screen and (max-width:750px) {
    html { font-size:1.2em }
    #ntfp header .navbar .container, header .navbar.navbar-default .navbar-collapse {
        padding: 0 10px;
    }
    #ntfp header .caret{
        display: inline-block!important;
    }
    .#ntfp navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
    #ntfp header .navbar-default ul > li{
        width: 100%;
        border-left: none;
        border-bottom: 1px solid #d1d1d1;
    }
    #ntfp header .navbar-default ul > li:last-child{
        border-right: none;
    }
    #ntfp header .navbar-default ul > li > a {
        padding: 14px;
        font-size: 15px;
        text-align: center;
    }
    #ntfp header .navbar-default ul > .open a{
        color: #fff;
    }
    #ntfp .navbar-default .navbar-toggle{
        background-color: #ddd;
    }
    #ntfp .navbar-toggle .label{
        float: left;
        color: #666;
        text-align: left;
        padding: 0 26px 0 0;
        line-height: normal;
        font-size: 14px;
        font-weight: 900;
    }
    #ntfp .navbar-toggle .icon-bar{
        position: absolute;
        right: 8px;
        top: 11px;
    }
    #ntfp .navbar-toggle .icon-bar + .icon-bar{
        margin-top: 5px;
    }
    #ntfp .navbar-toggle .icon-bar + .icon-bar + .icon-bar{
        margin-top: 10px;
    }
    #ntfp header .search{
        width: 100%;
    }
    #ntfp header .search input {
        width: 85%;
    }
    #ntfp header .icon-links {
        margin: 0;
    }
    #ntfp header .icon-links a{
        padding: 11px;
        border-right: 1px solid #ddd;
        border-left: none;
    }
    #ntfp header .icon-links a:last-child{
        border-right: 1px solid #ddd;
    }
    #ntfp .subnav{
        display: none;
/*        margin: -30px -5px 40px;*/
    }
    #ntfp .sidebar{
        float: left;
        margin: 10px 2px;
        width: 48%;
    }
    #ntfp .sidebar.newsletters .imgwrap div, #ntfp .sidebar .imgwrap div{
        height: 80px;
    }
    #ntfp .sidebar.publications strong{
        font-size: 14px;
    }
    #ntfp .sidebar.publications p{
        display: none;
    }
    #ntfp .intro{
        margin-top: 40px;
    }
/*
    #ntfp footer .subfooter .box img {
        width: 83%;
        margin: 8px 22px;
    }
*/
    #ntfp .sidebar.videos .imgwrap div::before{
        display: none;
    }
    #ntfp .sidebar h2{
        font-size: 18px;
    }
    #ntfp .contentwrap{
        padding: 30px 5px;
    }
    #ntfp footer .bottom{
        text-align: center;
    }
    #ntfp footer .bottom ul > li {
        padding: 0 4px 5px 0;
        width: 30%;
        float: none;
        display: inline-table;
    }
    #ntfp footer .bottom p{
        font-size: 14px;
    }
    #ntfp footer .bottom ul > li > a{
        text-align: center;
    }
    #ntfp footer .bottom .col-sm-5{
        text-align: center !important;
    }
    #ntfp footer .bottom .col-sm-5 img {
        margin-left: 2px;
        margin-top: 10px;
    }
    #ntfp .about .banner, .wwd .banner, #ntfp .where .banner {
/*        margin: -30px -15px 40px;*/
        width: auto;
    }
    #ntfp .banner{
        background-position: center;
    }
    #ntfp h1{
        text-align: center;
    }
    #ntfp .team .directors li, #ntfp .team .trustees li{
        min-height: inherit;
        width: 100%;
        text-align: center;
    }
    #ntfp .team .cf li, #ntfp .team .secretariat li{
        min-height: inherit;
        width: 100%;
        margin: 10px 0;
        text-align: center;
    }
    #ntfp .team .cf li .col-sm-4 img{
        width: 100%;
    }
    #ntfp .team .cf li .flag{
        left: 39%;
        top: -14px;
    }
    #ntfp .banner .overlay{
        text-align: center;
    }
    #ntfp .search-filter, #ntfp .search-filter .form-group, #ntfp .publication .publist li, #ntfp .reports .report-list li, #ntfp .snapshots .album-list li, #ntfp .videos .video-list li{
        width: 100%;
    }
    #ntfp .publication .publist li, #ntfp .reports .report-list li, #ntfp .snapshots .album-list li, #ntfp .videos .video-list li{
        min-height: inherit;
        margin: 10px 0;
    }
    #ntfp .filter select{
        width: 100%;
        margin: 0;
    }
    .contact address p{
        font-size: 20px;
        text-align: center;
    }
    #cfwc_contactform{
        padding: 30px 8px;
    }
    #cfwc_contactform::before{
        text-align: center;
    }
    #cfwc_contactform form input[type="submit"]{
        width: 100%;
    }
    #cfwc_contactform form iframe, #cfwc_contactform form .g-recaptcha div{
        width: 100% !important;
    }
    .overlay{
        text-align: center;
    }
    footer .subfooter .box img{
        width: 100%;
        margin-bottom: 10px;
    }
    footer .subfooter .intermediaries, footer .subfooter .links{
        padding: 0;
    }
    #ntfp .home .news h1{
        font-size: 20px;
        text-align: left;
        padding: 20px 0 0;
    }
    .greenbtn{
        display: block;
        font-size: 14px;
        padding: 10px;
    }
}
@media screen and (max-width:600px){
    #ntfp footer .bottom p span{
        display: block;
    }
    .ms-slide-info{
        position: relative !important;
    }
    .ms-slide-info.ms-dir-h{
        margin-top: 0 !important;
    }
    .ms-inner-controls-cont{
        z-index: 99;
    }
    .ms-bullets.ms-dir-h{
        bottom: 5px !important;
        right: 40px !important;
    }
    .carousel p + a{
        float: none;
        margin-top: 10px;
        display: block;
        text-align: right;
    }
    .pdf-list .col-sm-2 {
        width: 50%;
    }
}
@media screen and (max-width:479px){
    #ntfp footer .bottom ul > li{
        width: 100%;
        margin: 2px 0;
    }  
    #ntfp footer .bottom .col-sm-7{
        padding: 0;
    } 
    #ntfp footer .bottom p{
        font-size: 11px;
    }
}
@media screen and (max-width:320px){
    #ntfp header .search input {
        width: 82%;
    }
    #ntfp .sidebar.newsletters .imgwrap div, #ntfp .sidebar .imgwrap div {
        height: 60px;
    }
    #ntfp .home .news h1{
        font-size: 18px;
    }
    .scroll-top-wrapper{
        right: 3px;
        bottom: 3px;
        padding: 2px;
    }
    .scroll-top-wrapper span{
        display: none;
    }
    .scroll-top-wrapper svg{
        margin: 0;
    }
/*
    #ntfp footer .subfooter .box img {
        width: 84%;
        margin: 10px 22px;
    }
*/
}
/*END MEDIA QUERIES (RESPONSIVE)*/


/* Grants */
.grants .green{
    font-size: 20px;
    text-transform: uppercase;
    color: #96c954;
    margin-bottom: 50px;
}
.grant__category-list{
    list-style: none;
    padding: 0;
    margin: 0
}
.grant__category-list li{
    list-style: none !important;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.grant__category-list a{
    color: #000;
    text-decoration: none;
    font-weight: bold;
}
.grant__category-list li:last-child{
    margin-bottom: 60px;
}
.grant__category-list .left{
    margin-right: 30px;
    width: 25%;
}
.grant__category-list .right{
    width: 75%;
}
.grant__category-list .right h4{
   margin: 0;
   font-size: 18px;
   font-weight: bold;
}
.grant__category-list .right p{
   margin: 10px 0 0 0;
   font-size: 18px;
}
.stories .header{
    display: flex;
    justify-content: space-between;
}
.stories .header a{
    color: #000;
    font-size: 12px;
    text-decoration: none;
}
.stories .header .left .green{
    margin-bottom: 10px;
}
.stories__featured h4{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 60px;
}
.stories__category{
    display: flex;
    justify-content: space-between;
}
.stories__category-list{
    width: 50%;
}
.stories__category-list img{
    width: 100%;
}
.stories__category-list:first-child{
    margin-right: 30px;
}
.stories__category-list .title{
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
}
.grants-faq .question h3{
    font-weight: bold;
    font-size: 16px;
}
.grants-faq .question li{
    list-style-type: disc !important;
    list-style-position: inside;
}
.grants-apply__content h3{
    font-size: 20px;
    font-weight: bold;
}
.grants-apply__forms h3{
    text-transform: uppercase;
    margin-top: 0;
    color: #fff;
    margin-bottom: 15px;
    font-size: 16px;
}
.grants-apply__forms li{
    color: #fff;
    text-decoration: underline;
    margin-bottom: 15px;
}
.grants-apply__forms a{
    color: #fff;
    text-decoration: none;
}
.grants-apply__forms{
    background: url("images/grants/bg-apply.jpg");
    background-size: cover;
    padding: 35px 60px;
    margin-top: 50px;
}
.grants-apply .header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}
.grants-apply .header .right a{
    background-color: #A7D16A;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px;
}
.grants-apply .header .right a:first-child{
    margin-right: 10px;
}
.grants-apply .header .right{
    display: flex;
}
.prsgf img{
    float: left;
    margin-right: 20px;
}
.grants__categories img{
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.intermediaries .box{
    display: flex;
    justify-content: center;
}
.links .box{
    display: flex;
    justify-content: center;
}
.stories__featured{
    position: relative;
}
.stories__featured a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.stories__category-list{
    position: relative;
}
.stories__category-list a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}