/*
 Theme Name:     UNHCR SGBV Toolkit
 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: 50px;
}

h2 {
	font-size: 34px;
}

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

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, h2, h3, h4, h5, h6 {
    line-height: 1.2em;
}


/*-- Divi Customizations --*/
/* Nav */
#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: #0072bc;
}

.et_header_style_centered #main-header .logo_container {
    height: 150px;
    padding: 0;
}
.et_header_style_centered #top-menu > li > a {
    padding-bottom: 1em;
}
#top-menu li {
    font-size: 16px;
}
#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: #000000;
}
.navbutton a{
    padding: 12px;
    background-color: #faeb00;
    margin-top: -12px;
    padding-bottom: 12px !important;
}
.navbutton a:hover, #mobile_menu .navbutton a:hover{
    background-color: #000;
    color: #fff !important;
}

#mobile_menu .navbutton a{
    margin-top: 0;
}





/* 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;
}

.et_pb_blurb_content {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
}

/* Footer  */
.footer-widget{
margin-bottom: 10px !important;
}

.footer-widget .et_pb_row{
	width: 100% !important;
}
.bottom-nav {
    padding: 0;
    text-align: center;
}
.widget_divi_pb_widget .et_pb_section {
padding-top: 0 !important;
padding-bottom: 0 !important;}

#footer-info{
	margin-top: 24px;
	font-size: 14px !important;
	float: right;
}
#et-footer-nav{
    margin-top: 24px;
    display: inline-block;
    float: right;
	background: none;
}
#footer-logo-container{
    width: 180px;
    display: inline-block;
    float: left;
}
.footer-widget  .et-social-icons {
    float: none;
}
.footer-widget .et-social-icons li:first-child{
	margin-left: 0;
	
}
.footer-widget .et-social-icons li{
	margin-top: 10px;
	
}

@media (max-width: 980px){
.footer-widget:nth-child(n) {
    width: 100% !important;
    margin: 0 7.5% 7.5% 0 !important;
}
}


@media only screen and (min-width: 981px){
.et_header_style_centered #logo {
    max-height: 70%;
}
}
@media only screen and (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 only screen and ( max-width: 1280px ) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: none;}
#et_mobile_nav_menu {display: block;}
	
	.et_header_style_left #et-top-navigation{
		padding-top: 26px;
	}
}*/

/* @media only screen and ( max-width: 480px ) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: none;}
#et_mobile_nav_menu {display: block;}
}
@media only screen and ( min-width: 481px ) {
#top-menu-nav, #top-menu {display: block;}
#et_mobile_nav_menu {display: none;}
}*/
/**** ---------- 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;
}


.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;
}

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

.et_mobile_menu {
    border-top: 3px solid #0072bc;
}


/*-- 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: 472px;
    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);
}
@media only screen and ( max-width: 767px ){
.et_pb_blog_grid .et_pb_post {
    height: inherit;
}

.et_pb_blog_grid .et_pb_post:after {
    background: none;
}
	
}


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

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


/*----------Header image blue overlay ----------- */
.blueoverlay::before{
 content: '';
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background-image: linear-gradient(to bottom right,#0072bc,#0072bc);
 opacity: .3; 
}

/*----------Header background position ----------- */
.background-aligntop{
	background-position: top;
}
.background-alignbottom{
	background-position: bottom;
}

/*----------Max section width ----------- */
.maxwidth800{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;	
	
}
.maxwidth1024{
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;	
	
}

/*----------Center Align 1 Column ----------- */
.centercolumn{
	margin-left: auto;
	margin-right: auto;	
}

/* 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: 10px 30px;
    border: 2px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #0072bc;
    font-size: 24px !important;
    font-weight: 700;
    line-height: 1.7em !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    width: auto;
    color: #ffffff;
}
.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: #000000;
}

.gform_wrapper label.gfield_label {
    font-weight: normal !important;
    font-size: 16px !important;
}
input[type=text], input[type=password], input[type=tel], input[type=email], input.text, input.title, textarea, select{
	font-size: 24px !important;
    padding: 10px !important;
    background-color: #fafafa;
	
}
.gform_wrapper .top_label .form-nolabel .gfield_label{
	display: none;
	
}

.gform_wrapper .vert-align input[type=checkbox]{
	vertical-align: top;
}

.gform_wrapper.gf_browser_chrome .vert-align .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .vert-align .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .vert-align .gfield_radio li input[type=radio]{
	vertical-align: top !important;
}


.gform_wrapper select{
	 line-height: 1.3 !important;
-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 10px !important;
    margin: 0;
    background: url(images/select-arrow.png) no-repeat 95% 50%;
    background-color: #fafafa;
    width: 100%;
}
.gform_wrapper .gform_footer {
    text-align: center;
}

/*------------------[Royal Sider]------------------*/
#new-royalslider-1{
	margin-top:40px;
	margin-bottom:70px;
	}
.rsCaption, .rsSlideCaption{
	line-height: 1.5em;
	font-size: 14px !important;
	padding-top: 1em;
}
.rsUni .rsGCaption {
bottom: 0px !important;
left: 0px !important;
}



/*------------------[From customiser]------------------*/
.et_pb_text ul li{
margin-bottom: 20px;
}
.puff, .puff p {
padding:0;
font-size: 26px;
}
.et_pb_blurb h4 {
    padding: 10px 20px;
}
.et_pb_main_blurb_image {
    margin-bottom: 0;
    text-align: center;
}
@media (max-width: 980px){

.puff, .puff p {
font-size: 20px;
}

.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 !important;
}
}
.et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {
   padding-bottom: 15px;
}
@media only screen and (min-width: 981px)
{
#logo {
    max-height: 43px !important;
}
	.et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {
   padding-bottom: 5px;
		padding-top: 5px;
}
}
.min500{
min-height: 500px;
}
.caption p{
font-size: 14px !important;}

.et_fixed_nav.et_show_nav #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container{
padding-top: 56px;
}
blockquote p {
    font-size: 30px;
}

.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
    width: 45%;
    margin: 0;
    padding: 4%;
}
.rnslider .et_pb_slide_content p{
font-size: 14px !important;}
.et_pb_fullwidth_header_0.et_pb_fullwidth_header .et_pb_fullwidth_header_container .header-content{
max-width: 560px !important;
}
.herturngallery .et-pb-controllers{
bottom: 0 !important;
}
.et_pb_bg_layout_light .et-pb-arrow-next, .et_pb_bg_layout_light .et-pb-arrow-prev{
color: #ffffff;
}
.et_pb_fullwidth_header_4.et_pb_fullwidth_header .et_pb_fullwidth_header_container .header-content {
    max-width: 560px !important;
}
.waynumber{
background-color: #000000;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    font-weight: bold;
}
.et_pb_column_1_3 h2, .et_pb_column_1_4 h2 {
    font-size: 28px;
}
#sources p a:hover{
    text-decoration: underline !important;
}
/*----Langauge styles --*/
:lang(ar) h1, :lang(ar) h2, :lang(ar) h3, :lang(ar) h4, :lang(ar) h5, :lang(ar) h6, :lang(ar) body, :lang(ar) p, :lang(ar) input, :lang(ar) textarea, :lang(ar) select {
    font-family: "Noto Kufi Arabic", "Arabic Transparent", "Simplified Arabic", "Times New Roman", arial, verdana, sans-serif !important;
}
body.rtl div.logo_container {
    text-align: right;
}
body.rtl div#et-top-navigation {
    float: left !important;
}
body.rtl #top-menu li li {
    text-align: right;
}