/*======================================
Theme Name: LSM Divi Child Theme
Theme URI: https://lionspiritmedia.co.uk
Description: 
Author: Lion Spirit Media
Author URI: https://lionspiritmedia.co.uk
Author Email: info@lionpspiritmedia.co.uk
Template: Divi
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/

/*add your custom CSS below this line*/
.coco_tailor_header .et_pb_slider .et_pb_slide {
    padding: 278px 0 292px !important;
}
.coco_tailor_header .et_pb_slider .et_pb_slide .et_pb_container .et_pb_slider_container_inner {
    display: block; 
    position: relative; 
    float: left; 
    width: 100%;
}
.coco_tailor_header .et_pb_slider .et_pb_slide .et_pb_container {
    height: auto !important; 
    max-width: 1170px !important; 
    width: 90% !important;
}
.coco_tailor_header .et_pb_slider .et_pb_slide .et_pb_button_wrapper .et_pb_button:hover:before {
    width: 100% !important;
}
.coco_tailor_header .et_pb_slider .et_pb_slide .et_pb_button_wrapper .et_pb_button:before {
    content: ''!important; 
    display: block!important; 
    margin: 0!important; 
    left: 0!important; 
    top: 0!important; 
    width: 46px!important; 
    height: 100%!important; 
    background-color: #ff4364; 
    border-radius: 50px; 
    z-index: -1; 
    transition: .3s;
}

.coco_desire_content .et_pb_promo .et_pb_button_wrapper .et_pb_button:hover:before {
    width: 100%!important;
}
.coco_desire_content .et_pb_promo .et_pb_button_wrapper .et_pb_button:before {
    content:'' !important; 
    display:block !important; 
    margin:0 !important; 
    left:0 !important; 
    top:0 !important; 
    width:46px !important; 
    height:100% !important; 
    background-color:#ff4364; 
    border-radius:50px; 
    z-index:-1; 
    transition:.3s;
}
.coco_desire_content .blurbs .et_pb_column .et_pb_image, 
.coco_desire_content .et_pb_column .et_pb_image .et_pb_image_wrap, 
.coco_desire_content .et_pb_column .et_pb_image .et_pb_image_wrap img {
    display:block !important; 
    width:100% !important;
}

.coco_step_footer .et_pb_contact_form_container form {
    margin-left: 0 !important;
}
.coco_step_footer .et_pb_contact_form_container form p.et_pb_contact_field {
    padding: 0 !important;
    margin-bottom: 21px !important;
    position: relative;
}
.coco_step_footer .et_pb_contact_form_container form .et_contact_bottom_container {
    float: none;
    margin-top: 0;
    text-align: left;
}
.coco_step_footer .et_pb_contact_form_container form .et_contact_bottom_container button:hover:before {
    width: 100% !important;
}
.coco_step_footer .et_pb_contact_form_container form p.filled:after, 
.coco_step_footer .et_pb_contact_form_container form p.focus:after {
    animation: none!important;
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
/*Scrolling Mobile Menu*/
.et_mobile_menu {
overflow: scroll !important;
max-height: 84vh; /*edit this to match your view height*/
box-shadow: 0px 0px 30px rgba(0,0,0,0.3) /*just some box shadow for nicer menu, you can skip this*/
}
/*set the Divi menu dropdown auto width*/
@media only screen and (min-width: 981px) {
	.nav li ul {
		width: fit-content;
		display: flex;
		flex-direction: column;
	}
	.nav li li {
		white-space: nowrap;
	}
	.nav li li a {
		width: auto !important;
	}
}
/*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '4d';
}


/*adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}


/*some code to keep everyting positioned properly*/

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}


/*remove default background color from menu items that have children*/

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/*hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}


/*show the submenu when toggled open*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}


/*submenu toggle icon when closed*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33'!important;
	color: #0474ac;
	background: #ffffff;
	border-radius: 50%;
	padding: 3px;
}


/*submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\32';
}


/*add point on top of the menu submenu dropdown*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #0474ac;
}


/*adjust the position of the hamburger menu*/

.mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 10px;
	line-height: 0;
}

/*force the background color and add a rounded border*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}
/* Tailor Header*/

body .coco_tailor_header .et_pb_slider .et_pb_slide .et_pb_button_wrapper .et_pb_button:before {
    background-color: #0474ac !important;
}
body .coco_tailor_header .et_pb_slider .et_pb_slide .et_pb_container:before {
    color: #c1f6e5 !important;
}

.coco_tailor_header .et_pb_slider .et-pb-controllers a:after {
    background-color: #127782 !important;
}
.coco_desire_content .et_pb_promo .et_pb_button_wrapper .et_pb_button:before {
    background-color: #2cc3c3 !important;
}
.et_pb_button_2:before {
    background-color: #2cc3c3 !important;
}

body .coco_step_footer .et_pb_contact_form_container form p:after {
    background: #9ad5e7 !important;
}

/* button */

body .coco_step_footer .et_pb_contact_form_container form .et_contact_bottom_container button:before {
    background-color: #9ad5e7 !important;
}

/* label */

body .coco_step_footer .et_pb_contact_form_container form p:hover label,
body .coco_step_footer .et_pb_contact_form_container form p.filled label,
body .coco_step_footer .et_pb_contact_form_container form p.focus label {
   color: #9ad5e7 !important;
}
body .et_pb_button_1:before {
    background-color: #9ad5e7 !important;
}
body .et_pb_team_member_0.et_pb_team_member .et_pb_member_position {
    color: #9ad5e7 !important;
}
body #page-container .coco_step_footer .et-pb-contact-message {
    color: white!important;
}
/*add borders to the menu items*/
.et_pb_menu nav > ul > li:not(:last-child)::after {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 1em;
width: 1px;
background-color: #c1f6e5;
}
/*adjust spacing around menu items*/
.et_pb_menu li a {
  padding: 4px 20px!important;
}

.et_pb_menu li li {
border-bottom: 1px solid #c1f6e5;
}
/* Menu Underline */
.et_pb_menu .et-menu-nav li a {
position: relative;
padding-left: 15px !important;
padding-right: 15px !important;
}

.et_pb_menu .et_pb_menu__menu > nav > ul > li > a::before,
.et_pb_menu .et_pb_menu__menu > nav > ul > li > a::after {
content: '';
position: absolute;
top: 50%;
width: 0;
height: 2px;
background-color: #c1f6e5; /* Change color as needed */
transition: width 0.3s ease-in-out;
}

.et_pb_menu .et-menu-nav li a::before {
left: 0;
transform: translateY(-50%);
}

.et_pb_menu .et-menu-nav li a::after {
right: 0;
transform: translateY(-50%);
}

.et_pb_menu .et-menu-nav li a:hover::before,
.et_pb_menu .et-menu-nav li a:hover::after {
width: 10px; /* Adjust line length */
}