/*
Theme Name: DESA Bootstrap Child
Template: desa-bootstrap
Theme URI:  http://www.un.org/desa
Description: Apply DESA Bootstrap theme to language sites
Author: Mohammed Amir, Heidi Hunter
Author URI: www.un.org/desa
Version: 1.0
*/

/* Key issues section */
#home-key-issues li a {
    display: block;
    background: url('http://placehold.it/95x80') no-repeat scroll;
    background-position: top center;
    background-position: bottom 85% center;
    color: black; 
    line-height: 20.8px;
    margin: 0 0 2em;
    padding-top: 95px;
    text-align: center;
}
#home-key-issues ul {
    padding-top: 1.3em;
    padding-left: 0;
}
#home-key-issues ul li {
    margin-bottom: 0;
}
#home-key-issues ul li:before {
    content: '';
    display: none;
}

/* Key issues page block excerpt icons */
.page-template-page-subpage-grid section[class*="category"] p {
    /* match icon height */
    min-height: 80px;
}
.page-template-page-subpage-grid section[class*="category"] .icon {
    width: 95px;
    height: 80px;
    display: block;
    margin-right: .8em;
    background: url('http://placehold.it/95x80') no-repeat scroll center center;
}

#home-key-issues a.intergovernmental-coordination,
.page-template-page-subpage-grid section.category-intergovernmental-coordination .icon {
    background-image: url('/development/desa/en/wp-content/themes/desa-btsp-child/images/ecosoc.png');
}
#home-key-issues a.financing,
.page-template-page-subpage-grid section.category-financing .icon {
    background-image: url('/development/desa/en/wp-content/themes/desa-btsp-child/images/financing.png');
}
#home-key-issues a.forest,
.page-template-page-subpage-grid section.category-forest .icon {
    background-image: url('/development/desa/en/wp-content/themes/desa-btsp-child/images/forests.png');
}
#home-key-issues a.policy,
.page-template-page-subpage-grid section.category-policy .icon {
    background-image: url('/development/desa/en/wp-content/themes/desa-btsp-child/images/policy.png');
}
#home-key-issues a.population,
.page-template-page-subpage-grid section.category-population .icon {
    background-image: url('/development/desa/en/wp-content/themes/desa-btsp-child/images/population.png');
}
#home-key-issues a.administration,
.page-template-page-subpage-grid section.category-administration .icon {
    background-image: url('/development/desa/en/wp-content/themes/desa-btsp-child/images/administration.png');
}
#home-key-issues a.social,
.page-template-page-subpage-grid section.category-social .icon {
    background-image: url('/development/desa/en/wp-content/themes/desa-btsp-child/images/social.png');
}
#home-key-issues a.statistics,
.page-template-page-subpage-grid section.category-statistics .icon {
    background-image: url('/development/desa/en/wp-content/themes/desa-btsp-child/images/statistics.png');
}
#home-key-issues a.sustainable,
.page-template-page-subpage-grid section.category-sustainable .icon {
    background-image: url('/development/desa/en/wp-content/themes/desa-btsp-child/images/sustainable.png');
}

@media (min-width: 768px) {
    #home-key-issues li {
        width: 20%;
    }
    
    /* header image for key issue pages */
    body.page-template-page-category-feature div.page h2:first-child {
        background: url('/development/desa/en/wp-content/themes/desa-btsp-child/images/issue-icon-placeholder.png') no-repeat scroll top right;
        margin: 0 0 .67em 0;
        padding-top: .67em;
        background-size: contain; /* TODO backward compat w older browsers? does the media query guarantee that already? */
    }

    body.page-template-page-category-feature div.page.category-intergovernmental-coordination h2:first-child {
        background-image: url('/development/desa/en/wp-content/themes/desa-btsp-child/images/ecosoc.png');
    }
    body.page-template-page-category-feature div.page.category-financing h2:first-child {
        background-image: url('/development/desa/en/wp-content/themes/desa-btsp-child/images/financing.png');
    }
    body.page-template-page-category-feature div.page.category-forest h2:first-child {
        background-image: url('/development/desa/en/wp-content/themes/desa-btsp-child/images/forests.png');
    }
    body.page-template-page-category-feature div.page.category-policy h2:first-child {
        background-image: url('/development/desa/en/wp-content/themes/desa-btsp-child/images/policy.png');
    }
    body.page-template-page-category-feature div.page.category-population h2:first-child {
        background-image: url('/development/desa/en/wp-content/themes/desa-btsp-child/images/population.png');
    }
    body.page-template-page-category-feature div.page.category-administration h2:first-child {
        background-image: url('/development/desa/en/wp-content/themes/desa-btsp-child/images/administration.png');
    }
    body.page-template-page-category-feature div.page.category-social h2:first-child {
        background-image: url('/development/desa/en/wp-content/themes/desa-btsp-child/images/social.png');
    }
    body.page-template-page-category-feature div.page.category-statistics h2:first-child {
        background-image: url('/development/desa/en/wp-content/themes/desa-btsp-child/images/statistics.png');
    }
    body.page-template-page-category-feature div.page.category-sustainable h2:first-child {
        background-image: url('/development/desa/en/wp-content/themes/desa-btsp-child/images/sustainable.png');
    }
}

/* About Us page */
#widgets-about-2 .widget {
    padding-top: 1em;
    border-top: 1px solid #808285;
}
#widgets-about-2 section header {
    background: #fff;
    padding-left: 0;
}

#widgets-about-1 section header {
    padding-left: .5em;
}
#widgets-about-2 .media {
    padding-top: 5px;
}
#widgets-about-2 .media-body {
    color: #000;
    padding-top: 0;
}

/* Footer */
#footer-wrapper {
    border-top: 1px solid #4D4D4D;
}
footer {
    padding-bottom: 2em;
}
footer h6 {
    margin-top: .8em;
    font-size: 14px;
}
footer h6:after {
    background-color: #414042;
    content: "";
    display: block;
    height: 1px;
    width: 3em;
    margin: .3em 0 .8em;    
}
footer li a {
    color: #000;
    font-size: 12px;
    line-height: 17px;
}
footer li a:active,
footer li a:focus,
footer a:hover {
    text-decoration: underline;
    cursor: pointer;
}

/* Subscribe to DESA Voice widget */
.desa-subscribe {
    background-color: #F2F2F2;
}
.desa-subscribe form .row {
    margin: 0;
}
.desa-subscribe form .col-md-6 {
    padding: 0 .5em;
}
.desa-subscribe form label {
    display: block;
    padding-bottom: .5em;
}
.desa-subscribe form label span {
    display: none;
}
.desa-subscribe form input {
    padding: .2em;
    border: 0 none;
}
.desa-subscribe form input::-webkit-input-placeholder, /* Chrome/Opera/Safari */
.desa-subscribe form input::-moz-placeholder, /* Firefox 19+ */
.desa-subscribe form input:-ms-input-placeholder, /* IE 10+ */
.desa-subscribe form input:-moz-placeholder,
.desa-subscribe form input::placeholder { /* Firefox 18- */
  font-style: italic;
}
.desa-subscribe h3 a {
    float: right;
    margin: -1px 8px 0 0;
    font-size: 120%;
}
.desa-subscribe form input.subscribe-btn{
    /* background: #4d4d4d none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    width: 100px;
	 margin-left: 10em;
	 margin-bottom: .5em; */
	  background: #4d4d4d none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    margin-bottom: 0.5em;
    margin-left: 0;
    position: absolute;
    right: 8px;
    top: 7px;
    width: 55px;
}
section.desa-subscribe {
    position: relative;
}

/* Home widgets */
#home-widgets .media-list .media {
    height: 80px;
    background-color: #F2F2F2;
}
#home-widgets .media-list .media + .media {
    margin-top: 1em;
}
#home-widgets .media-list .media-body {
    color: #000;
    line-height: 17px;
    padding-top: 1em;
}

/* TODO when items pulls by RSS, we can use CSS id's or classes to target
 * without depending on DOM order */

/* UN DESA Voice in second column */
#home-widgets .media-list .media img {
    width: 80px;
    height: 80px;
}
#home-widgets > div + div + div .media-list .media img {
    width: auto;
}

nav.menu-desa-container .sf-menu {
    margin-bottom: 0;
}
nav.menu-desa-container {
    margin-bottom: 1em;
}
.newspage h4 {
    padding-top: 15px;
}
.newspage .thumbnails-nav .item .text {
    height: 112px;
    overflow: hidden;
}
.newspage .thumbnails-nav .item{
	float:left;
	margin-bottom: 10px;
}

.sf-navbar > li.current-menu-parent , .sf-navbar > li.current-menu-parent  > a{
	background: #f2f2f2 none repeat scroll 0 0;
    color: #000;
}
.current-menu-parent .sub-menu {
    display: block !important;
}

.sf-navbar .badge {
    margin-left: .5em;
    margin-top: -2px;
}

@media screen and (min-width: 769px) {
    /* show faux subnav area always */
    nav.menu-desa-desktop {
        height: 67px;
        background-color: #F2F2F2;
    }
    nav.menu-desa-mobile {
        display: none;
    }
}

/* News page */
#news-categories {
    margin-bottom: 0;
}
#news-categories > header {
    margin-bottom: 1em;
}
#news-categories .media {
    margin-top: 0;
    margin-bottom: 1em;
}
#news-categories .media .media-body {
    padding-top: .8em;
}
#news-categories .media .media-object {
    /* width: 45%;
	min-height:110px; */
	height: 98px;
    width: 175px;
}
#news-categories .media .media-object img{
	width:100%;
	height:100%;
}

.newspage h4 {
    padding-top: 15px;
}
#sidebar-right .widget a {
	color:#4d4d4d;
}
#sidebar-right .widget {
    background-color: #F2F2F2;
}

/* year archives on news page */
nav#archives-nav ul:after {
    content: '.';
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}
nav#archives-nav ul,
nav#archives-nav ul li {
    list-style: none;
}
nav#archives-nav ul li:before {
    content: '';
    display: none;
}
nav#archives-nav ul li {
    float: left;
    padding: 15px 0 5px 0;
    width: 9.5%;
}
nav#archives-nav ul li + li {
    margin-left: 1.1%;
}
nav#archives-nav ul li a {
    display: block;
    font-weight: 700;
    text-align: center;
    color: #414042;
}

.badge.badge-en {
    background: url(/development/desa/en/wp-content/themes/desa-btsp-child/images/en_icon.png) no-repeat;
    text-indent: -9999px;
    width: 21px;
    height: 13px;
}

/* About page */
.page-about article {
    background: #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 10px;
}
.page-about article p {
    padding-left: .65em;
    padding-right: .65em;    
}
.singlepage-custom p img{
    width:100%;
}
.singlepage-custom p{
    padding :10px;
}
.singlepage-custom p:first-child{
    padding :0;
}
.singlepage-custom {
    margin-bottom: 20px;
}

/* Working papers */
#papersSection {
    border-top: 1px solid #ccc;
    padding-top: 10px;
}
#papersSection dl dd {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#papersSection dl dd a.title {
    color: #000;
    font-weight: bold;
    line-height: 18px;
}
#papersSection dl dd .author {
    display: block;
}
#papersSection dl dd span {
    margin-right: 1.6em;
}

#home-widgets .widget h4 {
    margin-top: .65em;
    text-transform: none;
}
#home-widgets .widget .embed-responsive,
#home-widgets .widget img {
    margin-bottom: .65em;
}

/* targeting shortcodes for column content in the division pages */
.page-division .page-content .widget {
    background-color: #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
}
.page-division .page-content .widget p,
.page-division .page-content .widget ul {
    margin-left: .65em;
    margin-right: .65em;
}

#subscribe-help i span {
    display: none;
}

/* DESA History timeline */
#cd-timeline .cd-timeline-content .cd-date {
    font-weight:500;
    color: #4d4d4d;
    font-size: 1.2rem;
}
@media (min-width: 769px) {
    section.desa-history {
        margin-top: -60px;
    }
}

/** CONTACT FORM CSS **/
.page-template-page-contact-us table input {
    height: 30px;
    width:100%;
}
.page-template-page-contact-us table textarea {
    width:100%;
}
.page-template-page-contact-us table td {
    padding: 5px 5px 5px 0;
    vertical-align: top;
}
.page-template-page-contact-us table label {
    line-height: 30px;
}

.page-template-page-contact-us table .submitBtn {
    background: #4d4d4d none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    width: 100px;
}
.page-template-page-contact-us form {
    background: #f2f2f2 none repeat scroll 0 0;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 10px;
}
form label.error {
    color: red;
}

/* Subscribe to DESA Voice -Lyris- widget */
section.lyris-subscribe {
    position: relative;
}
#subscribe-email,
#subscribe-country,
#subscribe-name {
	height: inherit;
}
div.lyris-subscribe {
	position: relative;
}
.desa-subscribe form .col-md-12 {
    padding: 0 .5em;
}
#home-widgets .desa-subscribe form {
	margin-top: 0;
} 
.desa-subscribe form .form-group {
	margin-bottom: 0;
}
#home-widgets button.subscribe-btn {
	position: absolute;
	right: 7px;
	top: -29px;
	background-color: #4D4D4D;
	height: 22px;
	font-size: 13px;
	line-height: 0;
	border-radius: 0;
	border: none;
}
button.subscribe-form-reset-btn {
	position: absolute;
	right: 54px;
	top: -32px;
	font-size: 12px;
}

input#subscribe-email,
input#subscribe-name,
input#subscribe-country {
	font-size: 13px;
	border-radius: 0;
}
label#subscribe-email-error,
label#subscribe-name-error {
	padding-bottom: 0em;
	padding-top: .3em;
	padding-left: 0.2em;	
}