/* 
 Theme Name:     Bare bones for Divi
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
#main-content .container:before {display: none!important;}

.footer-widget .et_pb_button_0 {    background: #24789c;}

.ctct-custom-form {min-width: 0!important;}
#sidebar {background: #f6f6f6!important; padding: 15px!important;}
.et_pb_slide_image, .et_pb_slide_video {    width: 40%!important; margin-left: -6%!important;}
.et_pb_fullwidth_section .et_pb_post_title:before {content: ''; width: 100%; height: 100%; background: #91462f; opacity: .8; position: absolute;
    top: 0;
    left: 0;  mix-blend-mode: color;}
.single #content-area {margin-top: 100px!important;}
.et_pb_text li {    padding: 12px 0!important;}
#button-blocks .et_pb_button {width: 100%!important; font-size: 20px!important; font-weight: bold!important;}
.et_pb_circle_counter h3, .et_pb_number_counter h3 {text-transform: none!important;}
.et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {padding-right: 25px!important;}
.et_pb_main_blurb_image img {max-height: 96px!important;}
.et_pb_slider .et_pb_container {width: 90%!important;}
.et_pb_slider .et_pb_button:hover {background: #24789c!important;}
.et_pb_slide_description .et_pb_slide_title, .et_pb_slide_description .et_pb_slide_content {line-height: 1em!important;}
.et_pb_slide_title {text-transform: none!important;}
#et-main-area {    z-index: 8!important;
    position: relative;}
.et_pb_widget.widget_text {min-width: 90%!important;}
#footer-bottom .et-social-icons li {margin-left: 8px!important;}
.footer-facebook, .footer-address, .footer-email {width: 100%!important; display: block!important; background: #33627e!important; color: #fff!important; line-height: 35px; font-size: 12px; }
.footer-facebook:hover, .footer-email:hover {background: #24789c!important;}
.footer-facebook:before, .footer-address:before, .footer-email:before {content: "\f09a";     float: left; display: inline-block; font-family: 'FontAwesome'!important; background: #333333; padding: 0px 12px; margin-right: 10px;}
.footer-address:before {content: "\f0ac"!important;}
.footer-email:before {content: "\f0e0"!important;}
.js .et_pb_blog_grid[data-columns] .column .et_pb_post {background: #eeeeee!important;}
.et_pb_blog_grid .et_pb_no_thumb h2 {text-transform: none!important; font-family: 'Lato'!important;}
.et_pb_slider .et_pb_slide {padding-top: 40px!important;}
#main-header {background: #033d5f!important; border: none!important;   box-shadow: none!important;     overflow: hidden!important;}
#main-header.et-fixed-header {background: #0a183e!important;}
.et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a {color: #fff!important;}
.container.et_menu_container {background: transparent!important;    }
#top-header {   z-index: 9!important; background: #222!important;
    position: relative!important;}
#et-secondary-menu .et-social-icons {margin-right: 0!important; padding-bottom: 6px!important;}
#et-top-navigation nav > ul > li:last-child > a {margin-right: -1px!important;}
#et-top-navigation nav > ul > li:last-child > a, #top-header .et-social-icon:hover, .et_pb_button:hover, .et_pb_button_1:hover {background: #f58b01!important; color: #fff!important;}
#et-top-navigation nav > ul > li > a:hover {background: #24789c!important; color: #fff!important;}
#top-menu li {margin-left: -4px!important;}
#top-menu li {padding-right: 0!important;}
.et-social-google-plus a.icon:before {content: '\e076'!important;}
#top-menu li a:hover {color: #f87f36!important; opacity: 1!important;}
.fb_tool_bdr, .gpls_tool_bdr, .linkedin_tool_bdr, .printst_tool_bdr, .twt_tool_bdr {top: 105%!important; bottom: auto!important;}
.et_pb_bg_layout_light.et_pb_module.et_pb_button {color: #fff!important;}
#top-header .et-social-icon {background: #24789c!important; width: 30px; height: 30px; border-radius: 50%; margin-left: 8px!important;} 
#top-header .et-social-icon a {line-height: 30px;}
.share-this {float: right; margin-right: 230px; margin-bottom: -15px!important; margin-top: -6px!important;}
.sfcm.sfsi_wicon {width: 25px!important; height: 25px!important;}
.sfsi_wicons {width: 30px!important; height: 30px!important;}
#top-header .title {color: #fff!important; display: inline!important; font-family: 'Open Sans'!important; font-size: 14px!important; float: left; margin-left: -100px!important; margin-top: 12px; margin-right: 15px;}

.et-social-icons li {margin-left: 0!important;}
.et_pb_fullwidth_section .et_pb_post_title {padding: 4% 0 4% 0!important; }
.et_pb_title_container h1.entry-title {text-transform: none!important;}

.blue {color: #3af7f8!important;}
.dropcap {color: #3af7f8!important; font-size: 72px;}
#home-slider h1 {font-size: 36px!important; font-weight: bold!important; line-height: 1.2!important;}

.et_pb_button.fullwidth {display: block; width: 100%; text-align: center; margin-bottom: 10px; color: #5cc5cb!important; border-color: #5cc5cb!important;}
#content-area, .entry-content {min-height: 66vh;}
.photographer {font-size: 11px!important; margin-top: -15px!important;}
.et_pb_button.fullwidth.white {color: #3af7f8!important; border-color: #3af7f8!important;}

.testimonial_rotator_quote {color: #013b60!important; text-align: justify!important;}
.testimonial_rotator.template-longform .testimonial_rotator_author_info p {color: #013b60!important;}
.testimonial_rotator.template-longform hr.longform_hr {background: #5cc5cb!important;}
.testimonial_rotator_prev, .testimonial_rotator_next {color: #5cc5cb!important;}
.et_pb_button.blue {color: #fff!important; background: #5cc5cb!important; border: none!important; margin: 12px auto!important;text-align: center!important;}

#page-header {    padding: 8% 0 5% 0; background: url('http://youthimpactethiopia.org/wp-content/uploads/2017/05/slide2.jpg'); background-size: cover;}
#page-header h1 {color: #fff; text-align: center;     margin-top: 50px!important;}

.project .et_pb_bg_layout_light.et_pb_module.et_pb_button {width: 100%!important;}
.project .et_pb_gutters3 .et_pb_column_1_4 .et_pb_module {    margin-bottom: 10px!important;}

#characters-slider .et_pb_slide_description {width: 70%!important;}
#characters-slider .et_pb_slide_content p {text-align: center!important;}

.et_pb_team_member {border-bottom: solid 4px #f4f9f9!important; padding-bottom: 15px;}
.et_pb_member_position {color: #5cc5cb!important;}


@media screen and (min-width: 981px) {
.et_pb_title_container h1.entry-title {font-size: 50px!important;}
.et_pb_slides .et_pb_slide_content {
    font-size: 80px!important;}
.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {    width: 60%!important; padding: 16% 0!important;}
#call-to-action .et_pb_button_module_wrapper {float: left!important; display: inline; width: 50%!important;}
#call-to-action .et_pb_button_module_wrapper a {width: 95%!important; text-align: center!important;}
.et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a {
    padding: 46px 20px!important;
}
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {padding: 0!important;}
#left-area {width: 73%!important;}
#sidebar {width: 26%!important;}
}

@media screen and (max-width: 1200px) {
#top-menu li a {font-size: 15px!important;}
#logo {max-width: 250px!important}
}

@media screen and (max-width: 1060px) {
#top-menu li a {    font-size: 12px!important;}
}

@media screen and (max-width: 980px) {
#logo {max-height: 90%!important;}
.et_pb_slides .et_pb_slide_content {
    font-size: 40px!important;}
.share-this {margin-right: 180px; margin-top: 6px!important;}
#top-header .title {margin-top: 6px!important;}
#home-slider h1 {font-size: 28px!important; }
}
@media screen and (max-width: 768px) {
.et_pb_slider .et_pb_slide {background-position: right!important;}
.et_pb_slider h2, .et_pb_slider h2 a {    font-size: 22px!important; line-height: 22px!important;}
}

@media screen and (max-width: 600px) {
.et_pb_button {display: block!important; text-align: center!important; width: 100%!important;}
.sfcm.sfsi_wicon, .sfsi_wicons {width: 20px!important; height: 20px!important;}
#home-slider h1 {font-size: 20px!important; }
}