/*
Theme Name:United Nations Default Child Theme for Divi
Theme URI: http://www.un.org
Description: Child Theme For Divi, customised for use by the United Nations, based on the child theme of Eduard Ungureanu
Author: Gabe Scelta
Author URI: http://www.un.org/en/sections/department-public-information/
Template: divi
Version: 1.0.1
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Start your custom CSS bellow this comment
============================================ */
html {
    font-family: "Open Sans", Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    line-height: 1.1;
    color: #4d4d4d;
}

#main-header {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    position: static;
    z-index: auto;
}

.navbar-header {
	padding-top: 29px;
}

.secondary_logo_container {
	float: right;
	padding: 0 2px 27px 14px;
}

.logo_container {
	padding: 0 14px 27px 2px;
}

span.logo_helper {
    display: none;
}

.et_header_style_left .logo_container {
	width: auto;
}

.header-site-id {
	margin-left: 76px;
}

#logo {
	max-height:100%;
	float:left;
}

#et-top-navigation, .navbar-header {
	width: 100%;
	display: block;
}

.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
    padding-top: 0;
}

.et_header_style_left .logo_container {
	height: auto;
}

#top-menu li {
    padding-right: 0;
}

nav#top-menu-nav, #top-menu, nav.fullwidth-menu-nav, .fullwidth-menu  {
	float: none;
	width: 100%;
}
 
.header-site-id-title, .header-site-id-description, .header-site-id-title a, .header-site-id-description a {
    font-weight: 700;
    color: #4d4d4d;
    text-transform: uppercase;
    line-height: 1.2em;
    letter-spacing: -0.02em;
}

.header-site-id-title {
    font-size: 170%;
}
 
.header-site-id-description {
    font-size: 140%;
}

nav#top-menu-nav {
    background: #f2f2f2;
}

nav#top-menu-nav .nav li ul {
    padding:0;
}

.et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a {
    padding-bottom: 0;
}

nav#top-menu-nav ul#top-menu.nav {
    background: #4d4d4d;
}

nav#top-menu-nav ul#top-menu.nav li {
    border-right: white solid 1px;
}

#top-menu li li {
    margin: 0;
    padding: 0 4px;
    line-height: 1.2em;
}

nav#top-menu-nav ul#top-menu.nav li ul li {
    border-right: 0;
}

#top-menu .menu-item-has-children > a, #et-secondary-nav .menu-item-has-children > a, #top-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child {
    padding-right: 20px;
}

nav#top-menu-nav ul#top-menu.nav li a {
    color: white;
    text-decoration: none;
    margin: 0.75em 1em;
}

nav#top-menu-nav ul#top-menu.nav li ul li a {
    color: #4d4d4d;
    text-decoration: none;
    margin: 0.3em .5em;
}

#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {
    position: absolute;
    display: block;
    right: 0;
    width: 14px;
    font-family: "ETmodules";
    font-size: 14px;
    font-weight: 800;
    content: "\43";
}

.nav li ul.sub-menu {
    width: 100%;
    border-top: 0;
    background: #f2f2f2;
}

#top-menu li li a, #top-menu li.mega-menu > ul > li > a {
	width: 100%;
    color: #4d4d4d;
}

.sub-menu a {
    color: #4d4d4d;
}

#top-menu-nav > ul > li:hover {
background-color: #808080;
}

/* Standard UN welcome and language bar */

#top-header {
    background: #f2f2f2;
    border-bottom: #00adef solid 5px !important;
    height: 41px;
    min-height: 41px;
    z-index: 100000;
    font-size: 12.35px;
    line-height: 17.03px;
    font-weight: 400;
    letter-spacing: 0.03em;
    color: black;
    padding-top: 10px;
}

#top-header a,
#top-header a {
    font-size: 12.35px;
    line-height: 17.03px;
    font-weight: 400;
    letter-spacing: 0.03em;
    color: black;
}

#top-header .container {
    padding-top: 00;
    font-weight: 400;
}

#welcome-message:before {
    font-family: FontAwesome;
    color: black;
    content: "\f015";
    font-size: 18.07px;
    line-height: 0.9;
    margin-right: 7.8px;
    float: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#footer-widgets {
    margin-top: 45px;
    border-top: #f2f2f2 solid 1px;
    padding-top: 35px;
}

.footer-widget {
    color: #666;
}

.footer-widget .fwidget {
    width: 100%;
    display: block;
}

.footer-widget h4, .et_pb_section_header p, .et_pb_widget_area .widget_rss h4.title {
    color: #4d4d4d;
    padding-left: 1px;
    font-size: 18.2px;
    text-transform: uppercase;
    margin-top: 0;
    letter-spacing: 0.03em;
    border-bottom: #00adef solid 3px;
    padding-bottom: 7px;
    margin-bottom: 9px;
    font-weight: 700;
}

#footer-widgets .footer-widget li {
    color: #666;
    padding: 0;
    margin: 0 0 6.5px 0;
    list-style-type: none;
    list-style-image: none;
    font-size: 13px
    line-height: 19px;
}

#footer-widgets .footer-widget li a, #footer-widgets .footer-widget li a:hover {
    color: #666;
}

#footer-widgets .footer-widget li a:hover {
    text-decoration: underline;
}

#footer-widgets .footer-widget li:before {
    border-width: 0;
    border-style: none;
    content: "";
}

#footer-bottom .identity {
    padding-bottom: 20px;
}

#footer-bottom .identity h2 {
    padding-left: 30px;
    background: url(images/un-logo-footer.png) left top no-repeat;
}
@media (min-width:981px) {
    #footer-bottom #sidebar-address {
        padding-left: 30px;
    }
}

@media (max-width: 981px) {
    #footer-bottom {
        text-align: center;
    }
    #footer-bottom .identity h2 {
        display: inline-block;
    }
    #footer-bottom .et_pb_widget {
        float: none;
    }
}

#footer-bottom .identity h2 a {
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500;
    font-size: 21px;
    line-height: 21px;
    letter-spacing: -0.02em;
    color: #4d4d4d;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
}


#footer-bottom .identity h2, 
#footer-bottom .identity h4, 
#footer-bottom .identity p {
    color: #999;
    padding-bottom: 0;
    line-height: 1.5em;
}

#et-footer-nav, #footer-bottom, #main-footer {
    background-color: #fff;
}

@media (min-width: 981px) {
    #et-footer-nav {
        text-align: right;
    }
    
    #et-footer-nav .legal-menu, 
    #et-footer-nav .social-icons {
        float: right;
    }
    #et-footer-nav .social-icons {
        clear:right;
    }
}

.bottom-nav {
    padding: 10px 0;
}

#et-footer-nav .bottom-nav li {
    font-weight: 400;
    border-right: #737373 solid 1px;
    padding-right: 6.5px;
    margin-right: 5.85px;
}

#et-footer-nav .bottom-nav li:last-child {
    border-right: none;  
    padding-right: 0;
    margin-right: 0;
}

#et-footer-nav .bottom-nav li a {
    color: #333;
}

/* Content Elements */

#main-content .container {
    padding-top: 13px;
}

article {
    padding: 10px 0;
    border-bottom: #ccc 1px solid;
}
article:last-child {
    border-bottom: 0;
}

.et_pb_post {
    margin-bottom: 18px;
}

.et_pb_post h2 {
    margin-top: 0;
}

.et_pb_image_container img, .et_pb_post a img {
    padding-bottom: 16px;
}

body.et_non_fixed_nav #et-main-area {
margin-top: 10px;
}

body.et_fixed_nav #et-main-area {
margin-top: 80px;
}

.et_pb_blog_grid .et_pb_post {
    padding: 0;
    border: 0;
}

.et_pb_image_container, .et_pb_blog_grid .et_main_video_container, .et_pb_blog_grid .et_audio_content, .et_pb_blog_grid .et_pb_post .et_pb_slider {
    margin: 0 0 10px 0;
}

.et_pb_section_header p {
    margin-bottom: 0;
}

#left-area .post-meta {
    padding-bottom: 0;
}

/* Sidebars and Widgets */
#sidebar .et_pb_widget,
.et_pb_widget_area_right .et_pb_widget,
.et_pb_widget_area_left .et_pb_widget {
    background: #f2f2f2;
    margin-bottom: 20px;
    padding: 20px 14px;
}

#sidebar .et_pb_widget h4.widgettitle,
.et_pb_widget_area_right .et_pb_widget h4.widgettitle,
.et_pb_widget_area_left .et_pb_widget h4.widgettitle {
    font-size: 18.2px;
    text-transform: uppercase;
    margin-top: 0;
    letter-spacing: 0.03em;
    line-height: 0.9;
    padding-bottom: 10px;
    margin-bottom: 13px;
    border-bottom: #00adef solid 3px;
}

.et_pb_widget ul li {
    margin-left: 15px;
    margin-bottom: 6px;
}

.et_pb_widget ul li:before {
    font-family: FontAwesome;
    margin-left: -15px;
    color: #00adef;
    content: "\f101";
    font-size: 17.03px;
    line-height: 1.1;
    float: left;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#main-content .container:before {
    display:none;
}

.et_right_sidebar #sidebar {
    padding-left: 0;
}

#sidebar .widget_search,
.et_pb_widget_area_right .widget_search,
.et_pb_widget_area_left .widget_search {
    background: none;
    padding: 0;
}

#sidebar .widget_search h4 {
    display: none;
}

.widget_search input#searchsubmit {
    font-family: FontAwesome;
    border-radius: 0;
    border: none;
    background: #00adef;
    height: 37px;
    width: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    color: #fff;
    text-indent: 0px;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.et_pb_widget_area .widget_rss .rss-widget-icon {
    display: none;
}

.et_pb_widget_area .widget_rss ul li:before {
    content: " ";
}
.et_pb_widget_area .widget_rss ul li {
    margin-left: 0;
    margin-bottom: 16px;
}
.et_pb_widget_area .widget_rss ul li a {
    font-size: 18px;
    line-height: 1.4;
    padding-bottom: 8px;
}
.et_pb_widget_area .widget_rss ul li .rss-date, .et_pb_widget_area .widget_rss ul li .rssSummary {
    display: block;
    line-height: 1.7em;
}

.et_pb_widget_area .widget_rss a {
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    line-height: 1.1;
    color: #4d4d4d;
    display: block;
}

/* Blog Grid */
.et_pb_blog_grid_dropshadow h2, .et_pb_blog_grid_dropshadow .post-meta, .et_pb_blog_grid_dropshadow .post-content {
    padding: 6px 18px;
}

.js .et_pb_blog_grid[data-columns] .column .et_pb_post {
    padding-bottom: 20px;
}
/* Slider */
.et_pb_slide {
    padding: 0 6%;
}

.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
    width: auto;
    margin: auto;
    padding: 3% 8%;
}

.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
    width: 50%;
    margin: auto;
    padding: 0;
    float: left;
}

.et_pb_more_button {
    margin-top: 0;
}

.et_pb_post_slider_image_top .et_pb_column_single {
    padding: 0;
}

.et_pb_post_slider_image_top .et_pb_slide_image, .et_pb_post_slider_image_top .et_pb_slide_video {
    min-width: 100%;
    margin-right: 0;
}

.et_pb_post_slider_image_top .et_pb_slide_image {
    margin-top: 0 !important;
}

.et_pb_post_slider_image_top .et_pb_slide {
    padding: 0;
}

.et_pb_post_slider_image_top .et_pb_slide_description {
    width: 100%;
    text-align: left;
}

.et_pb_post_slider_image_top h2.et_pb_slide_title {
    padding: 16px 0 0 0;
}
.et_pb_post_slider_image_top .et_pb_slide_content {
    padding: 6px 0 16px 0;
    font-size: 14px;
}

.et_pb_post_slider_image_top .et_pb_slide_description .et_pb_slide_title {
    margin-top: 0;
    font-size: 1.6em;
    font-weight: 500;
}

.et_pb_posts .entry-featured-image-url {
    margin-bottom: 16px;
}

@media (min-width: 981px) {
.et_pb_column_3_4 .et_pb_row_inner {
    padding: 0;
}
}

/* RTL */
.rtl .secondary_logo_container {
    float: left;
    padding: 0 14px 27px 2px;
}

.rtl #logo, .rtl #welcome-message {
    float: right;
}

.rtl .header-site-id {
    margin-right: 76px;
    text-align: right;
}

.rtl .container {
    text-align: right;
}

.rtl .et_pb_widget {
    float: right;
    clear: both;
}

.rtl #footer-bottom .identity {
    padding-right: 30px;
    background: url(images/un-logo-footer.png) right top no-repeat;
}

.rtl #et-secondary-menu {
    float: left;
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.rtl #et-footer-nav .container .legal-menu, .rtl #et-footer-nav .container .social-icons {
    float: left;
    clear: both;
}

.rtl #welcome-message:after {
    font-family: FontAwesome;
    color: black;
    content: "\f015";
    font-size: 18.07px;
    line-height: 0.9;
    margin-left: 7.8px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
}
.rtl #welcome-message:before {
    content: " ";
}

.rtl #et-secondary-nav > li:last-child {
    margin-right: 15px;
    margin-left: 0px;
}

/* Addl Divi UN/DESA Styles */
/* Contact: Gabe Scelta - scelta@un.org */

div.entry-content a {
    color: #007099;
}
div.entry-content a:hover {
    color: #2ea3f2;
}
nav#top-menu-nav ul#top-menu.nav li ul li a {
    margin: 0.3em 0 !important;
}
#top-menu li li a {
    padding: 6px 6px !important;
}

.et_pb_section_header {
    line-height: 1.3em;
}
.et-social-icon a {
    z-index: 100;
}
.wp-caption {
    padding: 0;
    padding-top: .5em;
    border: 0;
    background-color: transparent;
    text-align: left;
    color: #ccc;
    font-style: italic;
    line-height: 1.3em;
}

#top-menu .menu-item-has-children > a,
#et-secondary-nav .menu-item-has-children > a,
#top-menu .menu-item-has-children > a:first-child,
#et-secondary-nav .menu-item-has-children > a:first-child {
    padding: 0 20px 0 0;
}
nav#top-menu-nav ul#top-menu.nav li a,
nav#top-menu-nav ul#top-menu.nav li a:hover,
nav#top-menu-nav ul#top-menu.nav li a:focus {
    padding-top: 0;
    background-color: transparent;
}


nav#top-menu-nav ul#top-menu.nav li {
    padding: 0;
}
.navbar-brand {
    float: none;
    padding: 0;
    font-size: 100%;
}
.container {
    padding-left: 0;
    padding-right: 0;
}
.container:before,
.container:after {
    display: inline;
}
.et_pb_row {
    width: 100%;
}
.et_header_style_left #et-top-navigation,
.et_header_style_split #et-top-navigation {
    margin-bottom: 2em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0;
}