/*!
Theme Name: Cifor - Global Peatlands Center
Theme URI: http://underscores.me/
Author: Cifor Web Team
Author URI: https://www.cifor.org
Description: Custome theme for Global Peatlands Center
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cifor-global-peatlands-center
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Cifor - Global Peatlands Center is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


section#page-title {
    margin-top: 80px;
    padding: 60px 0;
    background: #eee;
}

section#page-title .single-title {
    font-size: 30px;
}

section#page.with-page-title {
    margin-top: 0;
    padding-top: 30px;
}
#breadcumb{
	margin-top: 20px;
}
.breadcumb ul{
	margin-left: 0px;
	padding-left: 0px;
	clear: both;
}
.breadcumb ul li{
	list-style: none;
	float: left;
	margin-right: 5px;
	font-size: 13px;
	color: #6f6f6f;
}
.breadcumb ul li i{
	margin-right: 5px;
}

div#left-filter p {
    font-size: 14px;
}

.head-filter {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bolder;
    margin-bottom: 30px;
    color: #00864b;
    font-family: 'Hind', sans-serif;
}

#form-search-landing .form-control {
    width: 100%;
    background-color: #fff;
    font-size: 13px;
    padding: 5px;
    height: 40px;
    padding-left: 10px;
    margin-bottom: 20px;
}

#left-filter .head-filter span{
	color: #337d28;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 13px;
}


#left-filter .panel-heading  a:before {
   font-family: FontAwesome;
   content: "\f105";
   float: right;
   transition: all 0.5s;
}
#left-filter .panel-heading.active a:before {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
}

.head-category {
	font-family: 'Hind', sans-serif;
    color: #373737!important;
    font-weight: 600;
    font-size: 13px;
}
div#form-search-landing button {
    margin-top: 30px;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}

div#form-search-landing button.btn.b-search {
    background: #90bf4a;
}

div#form-search-landing button.btn.b-reset {
    background: #393939;
}
.panel.panel-default {
    margin-bottom: 10px;
}
.select2-container--default .select2-selection--multiple{
	background-color: #f6f6f6;
	border: 1px solid #ced4da;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
	border: 1px solid #898888;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
	color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
	background: #373737;
	border:1px solid #373737;
	color: #eee;
	font-size: 13px;
	margin-top: 8px;
}
.visible-xs{display:none;}
.select2-container--default .select2-search--inline .select2-search__field{
	font-size: 13px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
}
.select2-results__options{
	font-size: 13px;
}

.select2 {
    width: 100%!important;
    background-color: #f6f6f6;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    line-height: 35px;
}

.select2-container--default .select2-selection--single {height: 35px;}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 33px;
}

.radio {
    font-size: 14px;
    margin: 5px 10px;
}
.radio label{
    font-size: 14px;
}
.radio > input {
    margin-right: 10px;
}

.filter-post > h3 {
    color: #555;
    font-size: 24px;
    margin-bottom: 40px;
}

.filter-post span.pub-item_year {
    color: #888;
    font-size: 14px;
    font-weight: bold;
    margin-top: 30px;
    display: inline-block;
}

.filter-post .ppt-item_thumb {
    height: 160px;
}
.filter-post .ppt-item_text span {
    text-transform: inherit;
    font-size: 13px;
}
.filter-post .ppt-item_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.buttont-download .icon {
    display: inline-block;
}

a.button-download .icon {
    display: inline-block;
    width: 40px;
    padding: 8px 10px;
    background: #0fa87e;
    margin-right: 10px;
}

.download-box {
    margin: 30px 0;
    padding: 20px 0;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}

a.button-download {
    display: inline-block;
    background: #13ce99;
    padding-right: 20px;
    border-radius: 3px;
    overflow: hidden;
    vertical-align: middle;
    margin-bottom: 5px;
    color: #fff;
}
.others-info ul {
    list-style: none;
    padding: 0;
}

.others-info ul strong {
    color: #222;
    font-weight: bold;
    font-family: 'Hind', sans-serif;
}

.others-info {
    border-bottom: solid 1px #ddd;
    margin-bottom: 40px;
    padding-bottom: 20px;
}

.cc img {
    width: 100px;
    display: inline-block;
    border-radius: 5px;
}

.cc p {
    display: inline;
    font-size: 12px!important;
    margin-left: 10px;
}

.cc p a {
    color: #000!important;
}
.page-template-template-single-publication #page{
    margin-bottom: 20px;
    padding-bottom: 50px!important;
    border-bottom: solid 1px #ddd; 
}
.page-template-template-single-publication section#expert {
    background: #fff;
}
.social-icons {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 0;
    -webkit-transition: margin-top .1s ease-in-out 0s;
    -moz-transition: margin-top .1s ease-in-out 0s;
    -ms-transition: margin-top .1s ease-in-out 0s;
    -o-transition: margin-top .1s ease-in-out 0s;
    transition: margin-top .1s ease-in-out 0s;
    -webkit-padding-start: 0;
}
.social-icons li {
    display: inline-block;
    font-size: 14px;
    letter-spacing: normal;
    line-height: normal;
    margin: 0 5px 8px 0;
    vertical-align: middle;
}
.social-icons.si-circle li a {
    line-height: 30px;
}
.social-icons.si-small li a {
    font-size: 14px;
    height: 32px;
    width: 32px;
    display: inline-block;
    text-align: center;
}
.social-icons.si-colored li a.social-icon-twitter, .social-icons.si-has-color li a.social-icon-twitter:hover {
    background: #1ab2e8!important;
}
.social-icons.si-circle li a {
    border-radius: 50%;
}
.social-icons img {
    max-width: 1em;
    max-height: 1em;
}
.social-icons.si-colored li a.social-icon-facebook, .social-icons.si-has-color li a.social-icon-facebook:hover {
    background: #3c5a98!important;
}
.social-icons.si-colored li a.social-icon-linkedin, .social-icons.si-has-color li a.social-icon-linkedin:hover {
    background: #0a6594!important;
}
.social-icons.si-colored li a.social-icon-instagram, .social-icons.si-has-color li a.social-icon-instagram:hover {
    background: #734a36!important;
}
section#latest-post {
    background: #cfc9c1;
    padding: 100px;
}
.tab-content .filter-post span.pub-item_year {
    margin: 0;
}

.tab-content {
    margin-top: 20px;
}

ul.nav.nav-tabs {
    border-bottom: solid 1px #aaa;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background: none;
    border: none;
    border-bottom: solid 3px #f54949;
}

.nav-tabs .nav-link {
    font-size: 14px;
    font-weight: bold;
    font-family: 'Hind', sans-serif;
}
.vid-author {
    font-weight: bold;
    font-family: 'Hind', sans-serif;
    margin-bottom: 20px;
    display: block;
}

.single-vid_right {
    width: calc(100% - 100px);
    float: right;
}

.vid-author strong {
    font-weight: normal;
    color: #222;
}

div#form-search-person-landing button {
     margin-top: 0px;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    color: #fff;

}

div#form-search-person-landing button.btn.b-search {
    background: #90bf4a;
}



.text-black {
    color: black;
}
div#form-search-person-landing button.btn.b-reset {
    background: #393939;
}

.header-search {
    margin-top: 50px;
    margin-bottom: 20px;
}



h1.scientist_name_header {
    margin-bottom: 5px;
    margin-top: 0px;
}

p.scientist_attributes {
    margin-bottom: 0px;
}

p.scientist_label_attributes {
    font-weight: bold;
    margin-bottom: 0px;
}

input#exampleInputEmail1::placeholder {
    font-size: 15px;
    color: lightgrey;
    padding-left: 10px;
}


img.rounded-circle.photo-thumbnail-size {
    background-color: #bedee8;
    text-align: center;
    height: 120px;
    width: 120px;
    object-fit: cover;
    object-position: top;
}


.align-center {
    text-align: center;
}


.scientist-name {
    font-weight: bold;
    color: #000000;
}





.scientist-text {
    font-size: var(--text-md);
}


ul.nav.nav-tabs-scientist {
    border-bottom: solid 1px #aaa;
}

.nav-tabs-scientist  .nav-item.show .nav-link, .nav-tabs-scientist  .nav-link.active {
    background: white;
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 20px;
    border: none;
    border-bottom: none;
}

.nav-tabs-scientist  .nav-link {
    margin-top: 100px;
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 20px;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Hind', sans-serif;
}

ul.nav.nav-tabs-scientist {
    border-bottom: none;
}


section#page-title-scientist {
    margin-top: 80px;
    padding: 0px;
    background: #eee;
}

article.pub-item-scientist {
    padding-bottom: 0px;
    border-bottom: 1px solid lightgrey;
    margin-bottom: 20px;
}

@media only screen and (max-width: 600px) {

    ul#primary-menu {
        margin-top: 20px;
    }
}