/*
Theme Name:  Wolff Painting & Wallpapering
Theme URI:   http://divithemes.reviews
Version:     1.1
Description: Divi child theme.
Author:      Scale Squad
Author URI:  http://scalesquad.com
Template:    Divi
*/

/*- YOU CAN INCLUDE THE CUSTOM CODE FOR YOUR CHILD THEME BELOW THIS LINE-*/

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
.news-tips .entry-featured-image-url img {
    height: 260px;
}
.news-tips .article-card__content {
    padding: 0 15px 20px !important;
}
.testimonial-slider .et_pb_slide_description {
    padding: 5% 0% 8%;
}
.testimonial-slider .et_pb_slide_description {
    text-shadow: none;
}
.testimonial-slider .et-pb-arrow-prev, .testimonial-slider .et-pb-arrow-next {
    color: #24396f !important;
}
.testimonial-slider .et-pb-controllers .et-pb-active-control {
    background-color: #24396f;
}
.testimonial-slider .et-pb-controllers a {
    background-color: #fff;
    border: 2px solid #24396f;
    width: 11px;
    height: 11px;
}
/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[SIDEBAR]------------------*/
/*------------------------------------------------*/
.newsletter-form .gform_body li {
    margin: 0 !important;
}
.newsletter-form .gfield_required, .newsletter-form .gfield_label {
	display: none !important;
}
#left-area {
    width: 70% !important;
}
#sidebar {
    width: 30% !important;
}
.et_right_sidebar #main-content .container:before {
    right: 30% !important;
}
/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/
.footer-bottom-left {
    float: left;
    width: 40%;
    color: #fff;
    font-size: 14px;
}
.footer-bottom-right {
    float: right;
    width: 60%;
    text-align: right;
}
.footer-bottom-right .et-social-icons {
    float: none;
}
#footer-info {
    float: none;
    text-align: right;
    padding: 10px 0 0;
}
#main-footer {
    overflow: overlay;
    padding: 50px 0;
}
.footer-bottom-left span {
    font-weight: 700;
    font-size: 33px;
    color: #fff;
    display: block;
    line-height: 1.3em;
}


/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-----------------[WP CALENDAR]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-------------------[HEADER & PAGE NAVI]------------------*/
/*------------------------------------------------*/
#top-header {
    padding: 30px 0;
}
#top-header .container {
	padding: 0;
}
.et_header_style_left .logo_container {
    position: relative;
    top: 5px;
    width: 45%;
    height: auto;
    float: left;
}
.et_header_style_left .logo_container img {
	width: 80%;
}
#et-header-right {
    float: right;
    width: auto;
}
.header-contact {
    font-size: 26px;
    font-weight: 500;
    padding: 13px 0 0 0;
}
#et-header-right .et-social-icons li:first-child {
	margin-left: 0;
}
#et-header-right .et-social-icons li {
    margin-top: -2px;
    margin-left: 3px;
}
#et-header-right .et-social-icons li a.icon {
    color: #fff;
    background: #24396f;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    line-height: 50px;
}
#et-header-right .et-social-icons li a.icon:before {
	font-size: 15px;
}
#et-top-navigation {
    float: none;
    padding-left: 0 !important;
    text-align: center;
}
nav#top-menu-nav, #top-menu, nav.fullwidth-menu-nav, .fullwidth-menu {
    float: none !important;
}
#top-menu li li a {
    width: 220px;
    padding: 3px 0;
    font-size: 15px;
    text-transform: capitalize;
}
.nav li ul {
    width: 255px;
    padding: 10px 0;
}
/*------------------------------------------------*/
/*------------------[TRANSITIONS]-----------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

@media only screen and ( max-width: 981px ) {
	.footer-bottom-left {
	    float: none;
	    width: 100%;
	    text-align: center;
	}
	.footer-bottom-right {
	    float: none;
	    width: 100%;
	    text-align: center;
	    padding: 30px 0 0 0 !important;
	}
	#footer-info {
	    text-align: center;
	}
	.et_header_style_left .logo_container {
	    top: 0;
	    width: 100%;
	    float: none;
	    text-align: center;
	}
	#et-header-right {
	    float: none;
	    text-align: center;
	    padding: 30px 0 0 0;
	}
	#main-header {
	    display: none;
	}
	#left-area, #sidebar {
	    width: 100% !important;
	}
}
@media only screen and ( max-width: 736px ) {
	.et_header_style_left #logo, .et_header_style_split #logo {
	    max-width: 100%;
	}
}
@media only screen and ( max-width: 414px ) {
	.header-contact {
	    font-size: 24px;
	}
}
@media only screen and ( max-width: 375px ) {
	#et-header-right .et-social-icons li a.icon {
	    width: 35px;
	    height: 35px;
	    line-height: 37px;
	}
	.header-contact {
	    font-size: 20px;
	}
}
@media only screen and ( max-width: 320px ) {
	.header-contact {
	    font-size: 18px;
	}
	#footer-bottom ul.et-social-icons li a {
	    font-size: 17px !important;
	}
}