/*
 Theme Name:     UNHCR Blog Theme
 Theme URI:      
 Description:    Divi Child Theme
 Author:         Russell Neal
 Author URI:     http://www.unhcr.org
 Template:       Divi
 Version:        1.0.0
*/
 

 
/* =Theme customization starts here
------------------------------------------------------- */
/*----------Typography -------*/
body, h1, h2, h3, h4, h5, h6, p {
     font-family: 'proxima_nova', Lato, Arial, sans-serif;
}
body, p{
    font-size: 19px;
	line-height: 1.4em;
	font-weight: normal;
}

#footer-bottom{
	font-size:12px;
	}

h1 {
	font-size: 58px;
}

h2 {
	font-size: 38px;
	margin-top: 40px;
}

h3 {
	font-size: 26px;
    font-weight: 200;
}

h4 {
	font-size: 1.1875em;
}

h5 {
	font-size: 1.1875em;
}

h6 {
	font-size: 1.1875em;
}

.et_pb_blog_grid h2 {
    margin-top: 19px;
    font-size: 20px;
}
h1{
line-height: 1em;
}
h2{
    line-height: 1.2em;
}
h3, h4, h5, h6 {
    line-height: 1.4em;
}
sup {
    bottom: 0.8em;
    font-size: 12px;
}

.largetitle, .mediumtitle{
	text-transform: uppercase;
}
.mediumtitle{
margin-bottom: 40px !important;
}
.largetitle::after, .mediumtitle::after{
	    content: " ";
    display: block;
    width: 100px;
    margin: 10px 0;
	position: relative;
}
.et_pb_bg_layout_dark.largetitle::after, .et_pb_bg_layout_dark.mediumtitle::after{
    border: solid 3px rgba(255,255,255,1);
}
.et_pb_bg_layout_light.largetitle::after, .et_pb_bg_layout_light.mediumtitle::after{
    border: solid 3px rgba(0,0,0,1);
}
.largetitle h1{
	font-size: 90px;
	line-height: 0.8;
}
.largetitle p{
	font-size: 30px;
	font-weight: 500;
	line-height: 1;
}
.mediumtitle h1{
	font-size: 40px;
	line-height: 0.8;
}


.caption p{
font-size: 12px;
}
.caption .et_pb_text_inner{
line-height: 1.4;
}


@media (max-width: 981px){
	.trendnumber{
		font-size: 60px;
}
	h1 {
	font-size: 44px;
}
	h2 {
	font-size: 32px;
}
	h3 {
    font-size: 24px;
}
.intro h3 {
    font-size: 24px;
}
.et_pb_column_1_3 h1, .et_pb_column_1_4 h1 {
    font-size: 24px;
}
	
.largetitle h1{
	font-size: 50px;
	line-height: 0.9;
}
.largetitle p{
	font-size: 20px;
	font-weight: 500;
	line-height: 1;
}	
}

.intro h1{
	margin-top: 0;
	font-weight: 700;
	padding-bottom: 0;
}
.intro h3{
	margin-top: 0;
	font-size: 32px;
	line-height: 1em;
}
.intro p{
color: #faeb00;
}

.et_pb_slide_description .et_pb_slide_title {
    text-transform: uppercase;
    line-height: 0.9;
}

/* Search */
.et-search-form input {
    background: white;
}

/* Navigation  */
.reportlink a{
	padding: 20px;
    background: #faeb00;
}



/* Background overlay */
.blackoverlay::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right,#000000,#000000);
    opacity: .25;
}
	
	
/*-- Divi Customizations --*/
.et_pb_sum, .et_pb_pricing li a, .et_pb_pricing_table_button, .et_overlay:before, .et_pb_member_social_links a:hover, .woocommerce-page #content input.button:hover .et_pb_widget li a:hover, .et_pb_bg_layout_light .et_pb_promo_button, .et_pb_bg_layout_light.et_pb_module.et_pb_button, .et_pb_bg_layout_light .et_pb_more_button, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, .et_pb_gallery .et_pb_gallery_pagination ul li a.active, .et_pb_contact_submit, .et_pb_bg_layout_light .et_pb_newsletter_button {
    color: #0072bc;
}
/* .et_pb_bg_layout_light.et_pb_module.et_pb_button, .et_pb_bg_layout_light .et_pb_more_button{
	color: #000000;
} */

.et-search-form, .nav li ul, .et_mobile_menu, .footer-widget li:before, .et_pb_pricing li:before, blockquote {
    border-color: #000000 !important;
}
.mobile_menu_bar:before{
	color: #000000 !important;
}

/* .mobile_menu_bar:before {
    color: #0072bc !important;
}

.et_mobile_menu {
    border-top: 3px solid #0072bc;
}*/
#top-menu-nav > ul > li > a:hover, #et-secondary-menu > ul > li > a:hover, #et-info-email:hover, .et-social-icons a:hover {
    opacity: 1;
	color: #2ea3f2;
}





/*-- SIDEBAR --*/
.et_pb_widget ul li {
    margin-bottom: 0.9em;
    font-size: 0.9em;
    line-height: 1.2;
}

/*-- WP VIDEO --*/
.wp-video {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/*-- Blog Grid --*/
.et_pb_blog_grid .et_pb_post {
    padding: 19px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    word-wrap: break-word;
   height: 600px;
    overflow: hidden;
	position:relative;
}
@media screen and (max-width:767px) {
.et_pb_blog_grid .et_pb_post {
    padding: 19px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    word-wrap: break-word;
   height: auto; 
    overflow: hidden;
	position:relative;
}
}

/* .et_pb_blog_grid .et_pb_post:after {
	content:"";
    position:absolute;
    bottom:0;
    left:0;
    height:60px;
    width:100%;
    background: -webkit-linear-gradient(#fff, #fff);
    background: linear-gradient(rgba(0,0,0,0), #fff);
}*/

.et_pb_post h2 a, .et_pb_portfolio_item h3 a {
    text-decoration: none;
	color: #000000;
}
.et_pb_post h2 a:hover, .et_pb_portfolio_item h3 a:hover {
    text-decoration: none;
	color: #0072bc;
}

/* Minimum section height */
.min-height-610{
 min-height: 610px;	
}

/* Gravity Forms Styles */
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit]{
position: relative;
    padding: 0.3em 1em;
    border: 2px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: transparent;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7em !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    width: auto;
    color: #0072bc;
}



.et_pb_bg_layout_dark .gform_wrapper .gform_footer input.button, .et_pb_bg_layout_dark .gform_wrapper .gform_footer input[type=submit], .et_pb_bg_layout_dark .gform_wrapper .gform_page_footer input.button, .et_pb_bg_layout_dark .gform_wrapper .gform_page_footer input[type=submit]{
color: #ffffff;
}
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover{
background: rgba(255, 255, 255, 0.2);
}
.et_pb_bg_layout_light .gform_wrapper .gform_footer input.button:hover, .et_pb_bg_layout_light .gform_wrapper .gform_footer input[type=submit]:hover, .et_pb_bg_layout_light .gform_wrapper .gform_page_footer input.button:hover, .et_pb_bg_layout_light .gform_wrapper .gform_page_footer input[type=submit]:hover{
background: rgba(0, 0, 0, 0.05);
}

/* Extra DIVI mods */

@media screen and (max-width:980px) {
.et_pb_side_nav.et-visible {
display: none;
}
}

.et_menu_container{
/* height: 184px; */
}
#top-menu-nav > ul > li > a:hover, #et-info-email:hover, .et-social-icons a:hover {
    opacity: 1;
	color: #0072bc;
}
#et-secondary-menu > ul > li > a:hover{
	opacity: 1;
	color: #FAEB00;
	
}

#top-header, #et-secondary-nav li ul {
    background-color: #222;
}

.et_header_style_centered #main-header .logo_container {
    height: 150px;
    padding: 0;
}
.et_header_style_centered #top-menu > li > a {
    padding-bottom: 1em;
}
.et_pb_section.et_pb_section_first {
    padding-top: 184px ;
}
/* Text modules */
.textwidth700{
max-width: 700px;
margin-left: auto;
margin-right: auto;
}

blockquote {
    margin: 40px;
    padding-left: 0;
    border-left: none;
   }
blockquote p{
font-size: 26px;
    font-style: oblique;
    font-weight: 300;
}

/* Blog Pages */
@media (min-width: 981px){
.single-post .et_pb_gutter.et_pb_gutters2 #left-area {
    width: 66.67%;
    margin: auto;
}
}
/*** Take out the divider line between content and sidebar ***/
.single-post #main-content .container:before {background: none;}
 
/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
.single-post #left-area {
    /* width: 66.67%;
    margin: auto;
    padding: 23px 0px 0px !important;
    float: none !important;
	*/
}
}


/* Footer  */
.footer-widget{
margin-bottom: 10px !important;
}
.bottom-nav {
    padding: 0;
    text-align: center;
}
.widget_divi_pb_widget .et_pb_section {
padding-top: 0 !important;
padding-bottom: 0 !important;}
@media(min-width: 981px){
.et_header_style_centered #logo {
    max-height: 70%;
}
}
@media(max-width: 980px){
#main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {
    background-color: #FFFFFF !important;
}
.et_header_style_centered #main-header div#et-top-navigation {
    margin-top: 15px;
}
/* Rows and Sections */
	.et_pb_section .et_pb_row,
	.et_pb_section.et_section_specialty .et_pb_row {
		width: 90%;
	}

}
/* Setting the breakpoint of the mobile menu */
@media (max-width: 980px){
.et_header_style_centered nav#top-menu-nav {
    display: block;
}
}
@media( max-width: 1140px ) {
#top-menu-nav, #top-menu {display: none;}
#et_mobile_nav_menu {display: block;}
	#et_top_search {
    float: left;
    margin: 10px 20px 0 0;
}
}
@media( min-width: 1140px ) {
#top-menu-nav, #top-menu {display: block;}
#et_mobile_nav_menu {display: none;}
} 
@media (max-width: 980px){
#et_search_icon:before {
    top: -3px;
	}
}
@media(max-width: 526px){
		#et_top_search{
			margin: 0 20px 0 0;
		}
		#et_search_icon:before {
    top: 7px;
	}
		}

/**** ---------- For Custom Items ----------- ****/

/**** Add to section the custom class: footer_custom ****/
/**** Add to row the custom class: row_custom_footer ****/

.footer_custom.et_pb_section {
    padding: 0 !important;
}

/**** Row Widget Custom ****/
.footer-widget .fwidget {
    min-width: 100% !important;
}

#footer-widgets {
    padding: 3% 0 0 !important;
}

#footer-widgets .footer-widget li:before {
    content: none !important;
}

#footer-widgets .footer-widget li {
    padding-left: 0px !important;
}
/*** Row Custom Width***/
.row_custom_footer.et_pb_row {
    width: 100% !important;
    max-width: 1360px !important;
}
.footer-logo{
	max-width: 173px !important;
}
#et-footer-nav {
    background: transparent;
	float: right;
}

.sociallinks{
	float: right;
	color: #FFFFFF;
}
.sociallinks p{
	font-size: 16px;
    font-weight: 700;
    padding-bottom: 10px;
}
@media (max-width: 640px){
	.sociallinks p{
	font-size: 12px;
		text-align: right;
	}
}
#footer-bottom .sociallinks .et-social-icon a{
	color: #FFFFFF;
}

#footer-bottom .et-social-icon a:hover{
	color: #dadada;
}

#footer-logo-container{
	float: left;
}
.bottom-nav li{
	padding-right: 0;
	padding-left: 22px;
}


	
.et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container, .et_fixed_nav.et_show_nav #page-container {
    padding-top: 70px;
}


	
@media (max-width: 1140px){
.et_header_style_left #logo, .et_header_style_split #logo {
    max-width: 75% !important;
}
	
.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation {
    padding-top: 15px !important;
}
#page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container, #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container, .et_fixed_nav.et_show_nav #page-container {
    padding-top: 61px;
}
}
.et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {
    padding-bottom: 15px;
}
.et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container, .et_fixed_nav.et_show_nav #page-container {
    padding-top: 61px;
}

/*  Royal Slider styles */
.rsDefault .rsBullets {
    background: #fff;
}
.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs {
    background: #333;
    color: #FFF;
}
.rsContentSlider h3, .rsContentSlider p {
    width: 90%;
    margin: 20px;
	font-size: 16px;
}
.rsDefault .rsBullet span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d3d7da;
}
.rsDefault .rsBullet.rsNavSelected span {
    background-color: #0072bc;
}
.rsDefault.rsHor .rsArrowRight .rsArrowIcn {
    background-position: -56px -56px;
}
.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
    background-position: -56px -24px;
}
.rsDefault .rsArrowIcn {
    width: 48px;
    height: 48px;
    margin-top: -24px;
    margin-left: -24px;
    border-radius: 0;
}
.rsFullscreen .rsSlideCaption{
	position: absolute;
    top: 0;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    margin: 0;
    padding: 20px;
	padding-right:40px;
	}
.rsDefault .rsFullscreenIcn {
    border-radius: 0;
}

/* ALLOW EMBEDS (datalayer) TO BE FULL WIDTH
---------------------------------------------*/
.wp-block-embed iframe {
  width: 100%;
}