/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle {
 position: absolute;
 background-color: #F0F0F0;
 z-index: 1;
 width: 36px;
 height: 36px;
 border-radius: 50%;
 right: 2em;
 cursor: pointer;
 text-align: center;
  display: flex;
  align-items: center;
	justify-content: center;
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped {
 background-color: #F0F0F0;
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle::before {
 font-family: "ETmodules" !important;
 font-weight: normal;
 font-style: normal;
 font-variant: normal;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 font-size: 24px;
 width:36px;
 height:36px;
 text-transform: none;
 speak: none;
 content: '\33';
  display: flex;
  align-items: center;
	justify-content: center;
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped::before {
 content: '\32';
	background-color: #F0F0F0;
	 width: 36px;
 height: 36px;
	 font-size: 24px;
 border-radius: 50%;
	z-index:2;
  display: flex;
  align-items: center;
	justify-content: center;
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle ~ ul.sub-menu {
 display: none !important;
 padding-left: 0;
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped ~ ul.sub-menu {
 display: block !important;
 background-color: #f8f8f8;
}

 #main-header #mobile_menu.et_mobile_menu li li {
 padding-left: 0;
}

#main-header #mobile_menu.et_mobile_menu li a, 
#main-header #mobile_menu.et_mobile_menu li li a,
#main-header #mobile_menu.et_mobile_menu li li li a {
 padding-left: 20px;
 padding-right: 20px;
}

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children .sub-menu-toggle + a {
 padding-right: 20px;
}

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children > a {
 background-color: transparent;
 font-weight: inherit;
}

#main-header #mobile_menu.et_mobile_menu li.current-menu-item > a {
 font-weight: bolder;
}


/* X icon in expanded mobile menu */
.mobile_nav.opened .mobile_menu_bar:before {
content: '\4d';
}

/* Remove the top line in the mobile menu*/
.et_mobile_menu {
border-top:0px;
}

/* Center-align moble menu items */
.et_mobile_menu li {
text-align:center !important;
}
  
.et_mobile_menu li li, .et_mobile_menu li ul {
padding-left:0px !important;
}

/* Make mobile menu fullwidth */
.et_mobile_menu {
min-width: 100vw;
margin-left: -10vw;
}

/* Make the mobile menu full height */
.et_mobile_menu {
		min-height: calc( 100vh - 85px )!important;
min-height: -webkit-fill-available;
padding-top:50px !important;
}
.mobile_nav.closed #mobile_menu {
		transform: rotateY(90deg);
		opacity: 0;
	}
.mobile_nav.opened #mobile_menu {
		transform: rotateY(0);
		opacity: 1;
	}

html {
height: -webkit-fill-available;
}

/* Menu padding START */
@media only screen and (min-width: 981px) {.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
    padding-top: 20px!important;
  	padding-right: 0px!important;
  	padding-bottom: 2px!important;
  	padding-left: 0px!important;
}
}
/* Menu padding END */

#main-header .nav li ul {
	left: 50%!important;
	right: auto!important;
	text-align: center!important;
	transform: translate(-50%, 0)!important;
	margin-top: 2px;
}

/* Menu scroll effects START */
@media all and (max-width: 980px){
  /* make mobile header fixed */
  #main-header,
  #top-header {
    position: fixed !important;
  }
}
/* Show/hide the main and top header smoothly */
#main-header,
#top-header {
  transition: top .3s ease !important;
}
/* Menu scroll effects END */

/* Call to Action Button START */
@media (max-width:980px){
	.cta-button {
display:none;
}

.cta-button a {
display:none;
}
}

@media (min-width:981px){
.cta-button {
    border: 1px #D43223;
    border-radius: 25px;
    background: #D43223;
    transition: all .3s 0s;
}

.cta-button a {
  	padding-top: 16px!important;
    padding-right: 18px!important;
  	padding-bottom: 16px!important;
  	padding-left: 18px!important;
    color: white !important;
}
}
.cta-anim {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #D43223;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cta-anim:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e35244;
  border-radius: 25px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.cta-anim:hover, .cta-anim:focus, .cta-anim:active {
  color: white;
}
.cta-anim:hover:before, .cta-anim:focus:before, .cta-anim:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* Call to Action Button END */

/* Button shutter out horizontal animation START */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #EE8B00;
  color: #ffffff;
  font-size:20px;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  border-radius: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 30px;
  padding-left: 30px;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #E38500;
  border-radius: 24px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Button shutter out horizontal animation END */

/* Center the background video on homepage START */
.et_pb_section_video_bg {
  align-items: center;
  display: flex;
  justify-content: center;
}
/* Center the background video on homepage END */

/* Number counter for £1.4M - pound sign before and letter M after START */
.poundsign-1-4 .percent-value:before { content:'£'; }
.poundsign-1-4 .percent-value:after { content:'m'; }
/* Number counter for £1.4M - pound sign before and letter M after END */

/* Number counter for FULL TOTAL - pound sign before START */
.poundsign-total .percent-value:before { content:'£'; }
/* Number counter for FULL TOTAL - pound sign before END */

/* Front page header: override default width of 80% START */
.et_pb_fullwidth_header .et_pb_fullwidth_header_container {
	width:95%!important;
}
/* Front page header: override default width of 80% END */

/* Front page header content alignment START */
.ds-fw-header {
    display: flex;
    align-items: center;
    padding: 0;
}
/* Front page header content alignment END */

/* 3 image boxes max image height START */
img.et-waypoint.et_pb_animation_off.wp-image-195.et-animated {
    height: 250px;
    object-fit: cover;
}

img.et-waypoint.et_pb_animation_off.wp-image-190.et-animated {
    height: 250px;
    object-fit: cover;
}

img.et-waypoint.et_pb_animation_off.wp-image-272.et-animated {
    height: 250px;
    object-fit: cover;
}
/* 3 image boxes max image height END */

/* Padding for 3 boxes text on homepage START */
.et_pb_row_7 .et_pb_blurb_description {
    padding-left: 20px;
    padding-right: 20px;
}
/* Padding for 3 boxes text on homepage END */

/* Circle 1 START */
.circle1 {
	width: 175px;
	height: 175px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 175px;
	background: #ffeee8;
	position: absolute;
    transform:translate(-75px,20px);
	z-index: -1000;
}
/* Circle 1 END */

/* Circle 2 START */
.circle2 {
	width: 160px;
	height: 160px;
	 right: 0px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 160px;
	background: #dcebfa;
	position: absolute;
    transform:translate(50px,250px);
	z-index: -1000;
}
/* Circle 2 END */

/* Circle 3 START */
.circle3 {
	width: 160px;
	height: 160px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 160px;
	background: #fffdfa;
	position: absolute;
    transform:translate(-75px,-120px);
	z-index: -1000;
}
/* Circle 3 END */

/* Circle 4 START */
.circle4 {
	width: 160px;
	height: 160px;
	 right: 0px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 160px;
	background: #fcd9cc;
	position: absolute;
    transform:translate(50px,250px);
	z-index: -1000;
}
/* Circle 4 END */

/* Circle 5 and 6 START */
.circle5 {
	width: 200px;
	height: 200px;
	 left: 0px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 200px;
	background: #FEF6F0;
	position: absolute;
    transform:translate(-8vw,-5vh);
	z-index: -1000;
}

.circle6 {
	width: 200px;
	height: 200px;
	 right: 0px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 200px;
	background: #f2f7fc;
	position: absolute;
    transform:translate(8vw,20vh);
	z-index: -1000;
}
/* Circle 5 and 6 END */

/* Triangle arrow above submenu START 
nav > ul > li > ul:after {
    position: absolute;
    left: 48%!important;
    right: auto!important;
    transform: translate(-50%, 0)!important;
    top: -20px;
    width: 0;
    height: 0;
    content: '';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #EE8B00;
}
 Triangle arrow above submenu END */

/* Growing line when hovering on menu START */
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 50%;
 background: #EE8B00;
 height: 3px;
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}
ul.sub-menu li.menu-item a:hover:after {display: none;}
ul.sub-menu li.menu-item a:hover:before{display: none;}
#top-menu .sub-menu a:before,
#top-menu .sub-menu a:after{
display: none !important;
}
/* Growing line when hovering on menu END */


/* Remove divi default of small arrow for items with a submenu START */
‪#‎top‬-menu .menu-item-has-children > a:first-child {padding-right: 0px; padding-bottom: 17px!important;}
#top-menu .menu-item-has-children > a:first-child:after{content: ''; margin-top: -2px
}
#et-secondary-nav .menu-item-has-children>a:first-child, #top-menu .menu-item-has-children>a:first-child {
	padding-right: 0px!important; }
/* Remove divi default of small arrow for items with a submenu END */

/* Display inline START */
.cstm-inline
{
display: inline-block!important;
margin: 0 10px!important;
}
/* Display inline END */

/* Change homepage slider controller location START */
@media (max-width:961px) {.et-pb-controllers {
	bottom:25px;
	}}

@media (min-width:962px) { .et-pb-controllers {
	bottom:85px;
	} }
/* Change homepage slider controller location END */

/* Custom search icon in header START */
@media (min-width:981px){
#et-top-navigation .header_search_icon {
display: inline-block;
width: 26px;
height: 26px;
z-index: 10;
position: relative;
top: 4px;
left: 0.75em;
}
}
@media (max-width:980px){
#et-top-navigation .header_search_icon {
display: inline-block;
width: 24px;
height: 24px;
margin-right: 1em!important;
z-index: 10;
position: relative;
top: 4px;
left: 0px;
	}
}
/* Custom search icon in header END */

/* Mobile header button START */
@media (max-width:980px){
#et-top-navigation .header_mobile_btn {
display: inline-block;
margin-right: 1.5em;
z-index: 10;
position: relative;
color:#EE8B00;
background-color:#000000;
border: 1px #D43223;
border-radius: 23px;
background: #D43223;
transition: all .3s 0s;
padding-top: 10px;
padding-right: 18px;
padding-bottom: 10px;
padding-left: 18px;
color: white;
	}
}

@media (min-width:981px){
	#et-top-navigation .header_mobile_btn {
		display:none;
	}
}
/* Move hamburger menu down to be in line with button */
#et_mobile_nav_menu {
	margin-top:2px;
}

/* Mobile header button END */

/* Change mobile hamburger icon to black and increase size START */
span.mobile_menu_bar:before{
  color:#000000;
}
.mobile_menu_bar:before {
    font-size: 40px!important;
}
/* Change mobile hamburger icon to black and increase size END */

/* Increase mobile logo size START */
@media (max-width:980px){
#logo {
    max-height: 74%!important;
	
}
	}
/* Increase mobile logo size END */
@media only screen and (max-width: 1100px) {
  #logo {
    content: url("../../../wp-content/uploads/2021/09/CWLogoShort.png");
  }
}

.et-menu li li a {
    padding: 6px 20px; 
    width: 260px;
}
/* Increase width of drop-down menu*/
.nav li ul {
    position: absolute;
    padding: 20px 0; 
    width: 300px;
	border-radius: 0px 0px 5px 5px;    
}