/*
Theme Name:  Chilton Croft
Theme URI:   http://chiltoncroft.uk.w3pcloud.com
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site Chilton Croft.
Author:      Shannon
Author URI:  http://chiltoncroft.uk.w3pcloud.com
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/

header#main-header {
    background: linear-gradient(to right, #243e76 35%, rgba(0,0,0,0.49) 35%)!important;
}

.mobile_menu_bar:before {
    color: #4abce2;
}
.et_mobile_menu {border-top: 3px solid #4abce2;}

#et-top-navigation li.current-menu-item a {
    color: #5abce2!important;
    font-weight: bold;
}

.logo_container.fixed {display: none;}
header.et-fixed-header .logo_container.fixed {display: block;}
header.et-fixed-header .logo_container.top {display: none;}

h1, h2, h3, h4, p, a, body {font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif!important;}

.et_pb_with_background.et_section_regular {
    background-size: 100%;
}

.et_pb_text a {
    color: #126eab!important;
}
.et_pb_text a:hover {
    text-decoration: underline;
}

.et_pb_button:hover, .et_pb_module .et_pb_button:hover {
    border: 2px solid #9d9d9c;
}

.width50 {
    width: 46%;
    float: left;
    margin: 0 2%;
}
.width70 {
    width: 68%;
	margin-right: 2%;
    float: left;
}
.width30 {
    width: 30%;
    float: left;
}
.width50 ul {padding-left: 0;}
.width50 li {list-style: none;}
.width50 i.fas.fa-check {
    padding-right: 10px;
}

.et_pb_module.et_pb_text {
    overflow:  hidden;
}

#top-slider.et_pb_slider {
    overflow: initial!important;
}
#top-slider .et_pb_slide_description {
    width: 500px!important;
    padding: 0;
    margin-top: 170px;
    position: absolute;
    z-index: 999999999;
}
#top-slider.no-buttons .et_pb_slide_description {margin-top: 200px;}
#top-slider .et_pb_slide_content {
    background: rgba(255, 255, 255, 0.8);
    padding: 20px;
    box-shadow: 0px 0px 15px #5a5a5a;
    border-bottom: 7px solid #126eab;
}
#top-slider h1, #top-slider p {color: #126eab;}
#top-slider .et_pb_more_button {
    border-color: #5abce2!important;
    background: #5abce2!important;
	color: #ffffff!important;
}
#top-slider .et_pb_more_button:hover {
    color: #5abce2!important;
	background: #ffffff!important;
}

#top-slider .et-pb-controllers {
    text-align: right;
    width: 70%;
    margin: 0 15%;
}
#top-slider .et-pb-controllers a {
    overflow: hidden;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    text-indent: 99999px!important;
    background-color: #ffffff!important;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
	background-color: rgba(18, 110, 171, 0.7);
    background-image: url(/wp-content/uploads/2018/05/chilton-croft-cc-logo.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
}
.sa_hover_container:hover .service-block .overlay {
    opacity: 1;
}
.sa_hover_container:hover {cursor: pointer;}

.service-block {
    position: relative;
    text-align: center;
}
.service-block p {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 22px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    height: 100%;
    flex-direction: column;
	background: rgba(216, 174, 55, 0.7);
	opacity: 0;
    transition: opacity 0.4s;
}
.service-block:hover p {
    opacity: 1;
}
.owl-item h3 {
    text-align: center;
    color: #126eab;
    margin-top: 15px;
}

.et_pb_module .white .sa_owl_theme .owl-nav .owl-prev, .et_pb_module .white .sa_owl_theme .owl-nav .owl-next {
    background-color: transparent!important;
}
.et_pb_module .white .sa_owl_theme .owl-nav .owl-prev {
    background-image: url(/wp-content/uploads/2018/06/prev-icon-blue.png)!important;
	left: -35px;
}
.et_pb_module .white .sa_owl_theme .owl-nav .owl-next {
    background-image: url(/wp-content/uploads/2018/06/next-icon-blue.png)!important;
	right: -35px;
}

.owl-carousel.sa_owl_theme .owl-dots .owl-dot span {
    width: 50px!important;
    height: 5px!important;
    background-color: #e6e6e6!important;
	border-radius: 0!important;
}
.owl-carousel.sa_owl_theme .owl-dots .active span {
    background-color: #5abce2!important;
}
.owl-carousel.sa_owl_theme .owl-dots {
    width: 220px!important;
    margin: 0 auto;
    float: none;
    position: relative!important;
    bottom: 0!important;
    margin-top: 20px;
    border-top: 2px solid #5abce2;
    padding-top: 30px!important;
}


.et_pb_tabs ul.et_pb_tabs_controls li {
    width: 32.33%;
    margin: 0 .5%;
    text-align: center;
    background: #5abce2;
    padding: 10px;
    font-size: 18px;
    border-right: 0;
}
ul.et_pb_tabs_controls:after {
	display: none;
}
.et_pb_tabs ul.et_pb_tabs_controls li.et_pb_tab_active {
    background: #ffffff;
}
.et_pb_tabs ul.et_pb_tabs_controls li a {color: #ffffff;}
.et_pb_tabs ul.et_pb_tabs_controls li.et_pb_tab_active a {color: #126eab!important;}
.overlap-tabs ul.et_pb_tabs_controls {
    background: transparent;
}
.et_pb_all_tabs {
    padding-top: 50px;
}
.overlap-tabs .et_pb_module.et_pb_tabs {
    border: none;
}
.overlap-tabs {
    padding-top: 0!important;
    margin-top: -58px;
    background: transparent;
}
.overlap-tabs .et_pb_row {
    padding-top: 0;
}
.overlap-tabs h2 {
    color: #126eab;
    padding-bottom: 20px;
}
.overlap-tabs p, .overlap-tabs ul {
    color: #9d9d9c;
}


.et_pb_main_blurb_image {
    background: #8dc2be;
    border-radius: 50%;
    padding: 10px;
    border: 5px solid #ffffff;
    position: absolute;
    right: 0;
    top: -20px;
    z-index: 99999;
}
.et_pb_main_blurb_image img {
    width: 40px;
}
.et_pb_blurb_container {
    background: #ffffff;
    border-radius: 50%;
    position: relative;
    height: 220px;
    width: 220px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    flex-direction: column;
}

h4.et_pb_module_header {
    font-size: 60px;
    font-weight: bold;
}

.et_pb_blurb_description {
    font-size: 25px;
    line-height: 30px;
    font-weight: 600;
	width: 155px;
}

blockquote {
    border-left: 0;
    padding-left: 0;
}
blockquote i.fas.fa-quote-left {
    float: left;
    padding-right: 15px;
    font-size: 24px;
    color: #5abce2;
}
#testimonials h2, #testimonials h5, #testimonials p {
    color: #ffffff;
}
#testimonials h2 {font-weight: bold;}


.footer-widget .textwidget a:hover {
    color: #243e76!important;
}


@media (max-width: 1300px) {
	.et_pb_main_blurb_image {
		right: -10%;
	}
}

@media (max-width: 1200px) {
	.et_pb_main_blurb_image {
		right: -21%;
	}
}

@media (max-width: 1080px) {
	h4.et_pb_module_header {
		font-size:  45px;
	}

	.et_pb_blurb_content p {
		font-size: 18px;
		line-height: 20px;
	}
	
	.et_pb_blurb_container {
		height: 180px;
		width: 180px;
	}
}

@media (max-width: 980px) {
	#top-slider .et_pb_slide_description {
		margin-top: 0!important;
	}
	
	.et_pb_main_blurb_image {
		left: 135px;
		right: auto;
	}
}

@media (max-width: 767px){
	.et_pb_tabs_controls li {
		width: 100%!important;
	}
	.et_pb_tabs_controls li a {
		width: 100%!important;
		text-align: center;
		display: block;
	}
	
	.width70 {
		width: 100%;
		margin-right: 0%;
		float: left;
		margin-bottom: 20px;
	}
	.width30 {
		width: 100%;
		float: left;
	}
}

@media (max-width: 600px){
	header#main-header {
		background: linear-gradient(to right, #243e76 35%, rgba(0,0,0,0.49) 35%)!important;
	}
	
	#top-slider .et_pb_slide_description {
		position: relative;
		width: 100%!important;
	}
	.width50 {
		width: 100%;
		margin: 0;
	}
}

@media (max-width: 480px){
	header#main-header {
		background: linear-gradient(to right, #243e76 45%, rgba(0,0,0,0.49) 45%)!important;
	}
	
	.et_pb_blurb_container {
		margin: 0 auto;
	}

	.et_pb_main_blurb_image {
		left: auto;
		right: 20%;
	}
}