/*
Theme Name: m2book
Theme URI: http:www.cifor.org
Author: Dodi hidayatullah
Author URI: http://cifor.org/
Description: Default Theme m2book
Version: 1.0.0
Domain Path: /languages

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.
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Breadcrumbs
 * 7.0 - Content
 *   7.1 - Post Thumbnail
 *   7.2 - Entry Header
 *   7.3 - Entry Meta
 *   7.4 - Entry Content
 *   7.5 - Galleries
 *   7.6 - Post Formats
 *   7.7 - Post/Image/Paging Navigation
 *   7.8 - Attachments
 *   7.9 - Archives
 *   7.10 - Contributor Page
 *   7.11 - 404 Page
 *   7.12 - Full-width
 *   7.13 - Singular
 *   7.14 - Comments
 *   7.15 - Gallery & Portfolio
 *   7.16 - Nivo Slider
 * 8.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 9.0 - Footer
 * 10.0 - Featured Content
 * 11.0 - Multisite
 * 12.0 - Media Queries
 * 13.0 - Print
 * -----------------------------------------------------------------------------
 */
/*
li.mainchapter > ul.sub-menu{
	margin-left: -38px;
}
*/



/* ==========================================================================
   Dodi H style
   ========================================================================== */


/* Color style for each region / chapter group */

#brazil, .brazil-bg {
    background-color: #59b103 !important;
}

#cameroon, .cameroon-bg {
    background-color: #af2c0e !important;
}

#peru, .peru-bg {
    background-color: #bb7f05 !important;
}

#indonesia, .indonesia-bg {
    background-color: #7f1593 !important;
}

#vietnam, .vietnam-bg {
    background-color: #3c5900 !important;
}

#tanzania, .tanzania-bg {
    background-color: #1277af !important;
}

.brazil-text {
  color: #59b103;
}

.peru-text {
  color: #bb7f05
}

.cameroon-text {
  color: #af2c0e;
}

.tanzania-text {
color: #1277af
}

.indonesia-text {
color: #7f1593;
}
.vietnam-text {
color: #3c5900;
}

.brazil-bg .tooltip-inner {
    background-color: #59b103;
}

.peru-bg .tooltip-inner {
    background-color: #bb7f05
}

.cameroon-bg .tooltip-inner {
    background-color: #af2c0e;
}

.tanzania-bg .tooltip-inner {
    background-color: #1277af
}

.indonesia-bg .tooltip-inner {
    background-color: #7f1593;
}
.vietnam-bg .tooltip-inner {
    background-color: #3c5900;
}

.brazil-bg .tooltip.top .tooltip-arrow {
    border-top-color: #59b103;
}

.peru-bg .tooltip.top .tooltip-arrow {
    border-top-color: #bb7f05
}

.cameroon-bg .tooltip.top .tooltip-arrow {
    border-top-color: #af2c0e;
}

.tanzania-bg .tooltip.top .tooltip-arrow {
    border-top-color: #1277af
}

.indonesia-bg .tooltip.top .tooltip-arrow {
    border-top-color: #7f1593;
}
.vietnam-bg .tooltip.top .tooltip-arrow {
    border-top-color: #3c5900;
}


/* TOC style  */

ul.toc-list {
    font-weight: 600;
}
ul.toc-list li{
	list-style:none;
}
ul.toc-list > li {
    border-bottom: 1px solid #eeeeee;
    display: block;
    padding: 9px 0;
}

ul.toc-list > li:last-child {
    border: none
}

ul.toc-list li h4 {
    margin: 0;
    font-weight: 600;
    font-size: 15px;
}

ul.toc-list li a {
    color: #444444;
}
.mainchapter > ul{ padding:0 0 0 0px;}
.mainchapter ul li.chapter > ul{ padding:0 0 0 10px; }
.chapter {
    border-left: 5px solid #eaeaea;
    line-height: normal;
    padding-left: 10px;
    list-style: none;
    line-height: 169%;
    margin-bottom: 20px;
}

.chapter li > ul.zero-number {
    margin-top: 5px;
}

ul.chapter li > ul.zero-number {
    padding-left: 15px;
}
.chapter ul li a  span,.intro ul li a  span{
	float:left;
}
.chapter ul li a div, .intro ul li a div {
	margin-left: 24px;
}
.zero-number > li {
    padding-left: 8px;
}
.brazil .zero-number > li, .brazil.chapter, .brazil.chapter > a {
    color: #59b103;
    border-color: #59b103;

}

.cameroon .zero-number > li, .cameroon.chapter, .cameroon.chapter > a {
    color: #af2c0e;
    border-color: #af2c0e;
}

.tanzania .zero-number > li, .tanzania.chapter, .tanzania.chapter > a {
    color: #1277af;
    border-color: #1277af;

}

.peru .zero-number > li, .peru.chapter, .peru.chapter > a {
    color: #bb7f05;
    border-color: #bb7f05;

}

.indonesia .zero-number > li, .indonesia.chapter, .indonesia.chapter > a {
    color: #7f1593;
    border-color: #7f1593;

}

.vietnam .zero-number > li, .vietnam.chapter, .vietnam.chapter > a {
    color: #3c5900;
    border-color: #3c5900;

}

.download-section a {
    margin-right: 8px;
}

ul.download_list {
    margin-left: -14px;
    overflow: hidden;
    padding: 0;
}
ul.download_list li a {
    color: #000;
}
ul.download_list span {
    font-size: 13px;
}

.download_list img {
    width: 22px;
}

.photo-list {
    list-style: outside none none;
    margin: 0 0 0 -2%;
    padding: 0;
}

.photo-list li {
    display: inline-block;
    margin-bottom: 3%;
    margin-left: 2%;
    vertical-align: top;
}


/* ==========================================================================
   Gallery style
   ========================================================================== */

#gallery-list {
    margin: 0 0 0 -2%;
    list-style: none;
    padding: 0;
}
.gallery-item  img{
    max-width:400px;
}
.gallery-item{
    margin-bottom: 2%;
    margin-left: 2%;
}
/*
.gallery-item {
    display: inline-block;
    margin-bottom: 2%;
    margin-left: 2%;
    vertical-align: top;
    width: 22.6%;
}
*/

.gallery-item p {
    margin-bottom: 0;
}

.gallery-item a {
    color: #FFffff;
}

[id^="gallery"] [class*="col"], [id^="campaign-summary"] [class*="col"] {
    padding-left: 0;
    padding-right: 0;
}

.issue-headtitle {
    font-weight: 700;
}

.float-over-top-center {
    padding-left: 3em;
    padding-right: 3em;
    position: absolute !important;
    top: 28%;
}

.bg-brand-tertiary {
    background: none repeat scroll 0 0 #ec601c;
}

.bg-brand-tertiary h1, .bg-brand-tertiary h2, .bg-brand-tertiary h3, .bg-brand-tertiary h4, .bg-brand-tertiary h5, .bg-brand-tertiary h6 {
    color: #ffffff !important;
}

.pi-overlay-slide {
    background: rgba(22, 85, 81, 0.1);
    background: -moz-linear-gradient(top, rgba(22, 85, 81, 0) 0%, rgba(22, 85, 81, 0.7) 40%, rgba(22, 85, 81, 0.9) 100%);
    /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(22, 85, 81, 0)), color-stop(40%, rgba(22, 85, 81, 0.7)), color-stop(100%, rgba(22, 85, 81, 0.9)));
    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, rgba(22, 85, 81, 0) 0%, rgba(22, 85, 81, 0.7) 40%, rgba(22, 85, 81, 0.9) 100%);
    /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, rgba(22, 85, 81, 0) 0%, rgba(22, 85, 81, 0.7) 40%, rgba(22, 85, 81, 0.9) 100%);
    /* Opera 11.10+ */

    background: -ms-linear-gradient(top, rgba(22, 85, 81, 0) 0%, rgba(22, 85, 81, 0.7) 40%, rgba(22, 85, 81, 0.9) 100%);
    /* IE10+ */

    background: linear-gradient(to bottom, rgba(22, 85, 81, 0) 0%, rgba(22, 85, 81, 0.7) 40%, rgba(22, 85, 81, 0.9) 100%);
    /* W3C */

}

.pi-gallery.pi-liquid-col-sm-2 .pi-gallery-item, .pi-gallery.pi-liquid-col-sm-3 .pi-gallery-item, .pi-gallery.pi-liquid-col-sm-4 .pi-gallery-item, .pi-gallery.pi-liquid-col-sm-5 .pi-gallery-item, .pi-gallery.pi-liquid-col-sm-6 .pi-gallery-item {
    float: left;
}

.pi-gallery:before, .pi-gallery:after {
    content: " ";
    display: table;
}

.pi-gallery:after {
    clear: both;
}

.pi-gallery.pi-stacked .pi-gallery-item, .pi-gallery.pi-stacked .pi-gallery-item .pi-img-w {
    margin: 0 !important;
}

.pi-img-w {
    position: relative;
}

.pi-img-w img {
    display: inline-block;
    position: relative;
    width: 100%;
    z-index: 1;
}

.pi-img-with-overlay {
    overflow: hidden;
    position: relative;
    border-radius: 3px;
}

.pi-img-overlay {
    -webkit-backface-visibility: hidden;
    display: block;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    opacity: 0;
    padding: 20px;
    text-align: left;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.pi-overlay-slide {
    opacity: 1;
    top: auto;
}

.pi-img-overlay p {
    color: #dedede;
    line-height: normal;
    float: left;
    width: 100%
}

.pi-link-white {
    float: left;
}

.total-pic {
    float: right;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 300;
    color: #FFffff;
}

.gallery-item h5 {
    float: left;
    width: 100%;
}

/* ==========================================================================
   Footer style
   ========================================================================== */

footer.bottom {
    position: fixed;
    bottom: 0;
    z-index: 999999;
    width: 100%;
    background: transparent;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-font-smoothing: antialiased;
}

.bottom .bottom-nav{
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.bottom.animate.use-bg .bottom-nav{
    opacity: 1;
}

.bottom.animate.use-bg {
    background: #082120;
}


/* Bottom nav */

.social-icons {
    float: left;
    width: auto;
}

.page-indicator {
    float: left;
    margin-left: 13px;
    width: 87%;
}

.page-indicator {
    margin-left: 13px;
}

.bottom-nav {
    margin-bottom: 0;
    margin-top: 29px;
}

.bottom-nav li a {
    border-radius: 0;
    display: inherit;
    height: 7px;
    padding-top: 2px;
    position: relative;
    text-indent: -9999px;
    transition: border 0.3s linear 0s;
    width: 100%;
}

.bottom-nav li:last-child a, .bottom-nav li:last-child{
    border-radius: 0 3px 3px 0;
}

.bottom-nav li:first-child a, .bottom-nav li:first-child{
    border-radius: 3px 0 0 3px;
}

.bottom-nav > li {
    float: left;
    margin-right: 1px;
    width: 2.4%;
}

.tooltip-inner {
    padding: 8px 9px;
    background-color: #40ac48;
    font-size: 14px;
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);

    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
    zoom: 1;
}

.bottom-nav li.current-menu-item a:after {
    background-color: rgba(0, 0, 0, 0.81);
    border: 5px solid #0ec472;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    content: "";
    height: 18px;
    left: 50%;
    margin-left: -9px;
    overflow: initial;
    position: absolute;
    top: -70%;
    width: 18px;
    z-index: 10;
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);

    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
    zoom: 1;
}

.bottom-nav li a:hover:after {
    background-color: rgba(0, 0, 0, 0.81);
    border: 5px solid #FFFFFF;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    content: "";
    height: 18px;
    left: 50%;
    margin-left: -9px;
    overflow: initial;
    position: absolute;
    top: -70%;
    width: 18px;
    z-index: 10;
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);

    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
    zoom: 1;
}


.tooltip.top .tooltip-arrow {
    border-top-color: #40ac48;
}

.bottom-nav li.current-menu-item a:before{
    position: absolute;
    left: 50%;
    width: 10px;
    height: 10px;
    background-color: #000000;
    border: 2px solid #FFFFFF;
}

.tooltip.top .tooltip-arrow {
    bottom: 0px;
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -15px;
}

.box-shadow{
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);

    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
    zoom: 1;
}

.photo-list li.logo img {
    height:60px;
}
.thumb_cover_meta{
    padding: 10px 0 0 20px;
}
.page-header h2{ font-size:24px; }

#myNav {
    background: none repeat scroll 0 0 #efefef;
    border-radius: 4px;
    color: #333333;
    font-size: 12px;
    line-height: normal;
    padding: 12px 20px 17px;
}

.affix {
    bottom: 120px;
    display: block;
    position: fixed;
    right: 60px;
    width: 221px;
    z-index: 1;
}

.img-chapter {
    text-align: center;
    margin-bottom: 26px;
}

.credit-info {
    display: block;
    font-size: 13px;
    line-height: normal;
    margin-top: 28px;
}

.popover-markup {
    margin: 0;
}

.popover-markup li ul.nav-popover {
    background-color: rgba(0, 0, 0, 0.78);
    left: auto;
    min-width: auto;
    position: absolute;
    right: 0;
    top: 58px;
    width: auto;
}

.popover-markup li ul.nav-popover li {
    padding: 0;
    text-align: center;
}

.popover-markup li ul.nav-popover li a:focus {
    background-color: rgba(0, 0, 0, 0.78) !important;
}

.trigger {
    position: absolute;
    right: 33px;
    top: 17px;
}

#navigation-header .nav-popover a {
    font-size: 13px;
    text-transform: none;
}

.nav-popover:after {
    color: rgba(0, 0, 0, 0.78);
    font-family: FontAwesome;
    content: "\f0d8";
    font-size: 22px;
    left: 46%;
    position: absolute;
    top: -14px;
}

.trigger .fa {
    font-size: 33px;
    color: #FFffff;
}

.trigger:hover {
    cursor: pointer;
}

.popover-markup .popover {
    background-color: rgba(0, 0, 0, 0.91);
}

.popover-markup .popover.bottom > .arrow:after {
    border-bottom-color: #000000;
}
.sidebar-left .case-report {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}


@media (max-width: 360px) {
	.cover_photos{display:none;}
	footer.bottom{position:relative !important;}
	.mouse{display:none;}
	.img-title{padding-top:70px;}
	.text-wrapper img {width: 80%;}
}

menu, ol, ul {
    padding: 0 0 0 25px;
}

.searchform{
	float: left;
	padding: 20px 20px 0px 0px;
}
.searchinput{
	border-radius: 20px;
	background: transparent;
	border-color: #FFFFFF !important;
	color: #C5C5C5 !important;
}
.has-success .form-control-feedback{
	color:#FFFFFF;
}
.menu-topmenu-container{ float:left;}

.search_result a,.search_result a:hover{ color:#0d5f54 !important;}