/* 
Theme Name: Spark Somerset
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

:root {
 --orange: #E14504;
 --yellow: #F9B233;
 --pink: #CB007C;
 --grey: #323E48;
 --dark-grey: #212529;
 --light-grey: #efefef;
}

/*
@media only screen and (max-width : 600px) {
font-size:10px;
}
*/

/* set html to 10px so 1rem = 10px */
html{font-size:10px}

/* I need to set the below so if user selects Typography (eg: Primary (h1 size)) it will pick up this colour be default */
body{color: var(--dark-grey);}


form.elementor-form button, .elementor-button-link{min-width:150px;text-decoration:none !important}

main a{text-decoration:underline !important}


.orange-section a{color:#fff;}
.orange-section a:hover{color:var(--yellow);}


nav#breadcrumbs a{color:#73737D}
nav#breadcrumbs a:hover{color:var(--orange);text-decoration:underline}


/* search results page*/
div[data-id="4117366"] .elementor-widget-theme-post-title a{color:var(--pink) !important;text-decoration:underline;line-height: 1.4 !important;}
div[data-id="4117366"] .elementor-widget-theme-post-title a:hover{color:var(--orange) !important;}
div[data-id="4117366"] .elementor-widget-theme-post-excerpt p::after {
 content: "...";
}
/* /search results page*/


/* header styles */

header #subscribeBut .elementor-button-icon{
    margin-top: -3px;
}

header  nav li button{
	width: clamp(0.5rem, -2.69374rem + 3.226vw, 1.5rem) !important;
}

/* header  nav li button[aria-expanded="true"]{background:blue !important}*/

header  nav li:hover{
	box-shadow: 0px 10px 0px 0px var(--light-grey);
}

header nav li.highlighted, header nav li.e-current:hover {
    background-color: var(--light-grey) !important;
	box-shadow: 0px 10px 0px 0px var(--light-grey);
}

header nav .e-n-menu-content a:hover{text-decoration:underline; color: var(--orange) !important}
header nav.e-n-menu[data-touch-mode="true"]{margin-bottom:20px !important}
header nav.e-n-menu[data-touch-mode="true"] .e-n-menu-wrapper li{margin-bottom: -1px;}
header nav.e-n-menu[data-touch-mode="true"] .e-n-menu-wrapper li a, header nav.e-n-menu[data-touch-mode="true"] .e-n-menu-wrapper li span{font-size:2.2rem !important;}
header nav.e-n-menu[data-touch-mode="true"] .e-n-menu-wrapper li .e-n-menu-dropdown-icon-closed, header nav.e-n-menu[data-touch-mode="true"] .e-n-menu-wrapper li .e-n-menu-dropdown-icon-opened{width:2.2rem !important;}
header nav a.title-link {
	color: var(--dark-grey) !important;
	display: flex;
    align-items: center;
}
header nav a.title-link svg {
	margin-left: 10px;
    width: 10px;
}
header nav a.title-link:hover svg {
    fill: var(--orange);
}

header nav .subtitle-link a{
	color: var(--dark-grey);
	font-weight:bold
}


header .elementor-widget-n-menu .e-n-menu-title.e-current, header .elementor-widget-n-menu .e-n-menu-title.e-current a {
    color: unset !important;
}

header .elementor-widget-n-menu .e-n-menu-title.e-current .e-n-menu-dropdown-icon svg {
    fill: unset !important;
}


header .e-n-menu-title:hover{background:var(--light-grey)}

/* Hide the search browser cancel cross */
header input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    display: none;
}
/* Fix Safari bug. Hero images showed 1px orange line along bottom and left */
.e-con>.elementor-background-slideshow, :is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container {
    height: max(101% + var(--border-top-width) + var(--border-bottom-width), 105%);
}


/* mobile menu styles */
body[data-elementor-device-mode="mobile"] .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-content>.e-con {
    background: #fff;
}
body[data-elementor-device-mode="mobile"] header nav a.title-link {
    font-size: 22px;
}
body[data-elementor-device-mode="mobile"] header .elementor-element.elementor-element-39d7e6a{
    --widgets-spacing: 0 !important;
}

/*body[data-elementor-device-mode="mobile"] nav div[data-element_type="container"]{*/
body[data-elementor-device-mode="mobile"] nav div.e-active{
	    margin-top: -1px !important;
		border-bottom: solid 1px #b9bcbe;
}

body[data-elementor-device-mode="mobile"] li.e-n-menu-title.e-current{background:#e6e5e8 !important;}

body[data-elementor-device-mode="mobile"] li#e-n-menu-title-2551, body[data-elementor-device-mode="mobile"] li#e-n-menu-title-2552, body[data-elementor-device-mode="mobile"] li#e-n-menu-title-2553, body[data-elementor-device-mode="mobile"] li#e-n-menu-title-2554, body[data-elementor-device-mode="mobile"] li#e-n-menu-title-2555, body[data-elementor-device-mode="mobile"] li#e-n-menu-title-2556, body[data-elementor-device-mode="mobile"] li#e-n-menu-title-2557{ 
	border-bottom: solid 2px #b9bcbe;
}

body[data-elementor-device-mode="mobile"] a.title-link{
	padding-bottom: 20px;
}
body[data-elementor-device-mode="mobile"] a.title-link svg{
	margin-bottom: -5px;
}

body[data-elementor-device-mode="mobile"] ul#menu-1-de5de1a, body[data-elementor-device-mode="mobile"] ul#menu-1-ecef7a5{
	border-bottom: 1px solid #b9bcbe;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

body[data-elementor-device-mode="mobile"] ul#menu-1-61c2c2a{
	    margin-bottom: 20px;
}
body[data-elementor-device-mode="mobile"] #e-n-menu-content-2554 .e-child, body[data-elementor-device-mode="mobile"] #e-n-menu-content-2555 .e-child, body[data-elementor-device-mode="mobile"] #e-n-menu-content-2557 .e-child{border-right: unset !important;}

/* /mobile menu styles */
/* /header styles */




/* footer styles */
footer a:hover{text-decoration: underline;}



footer .footer__contact {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: unset;
	width:fit-content;
}

footer .footer__contact span {
    width: 32px;
    height: 32px;
    background: #e14504;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;

}

footer .footer__contact span svg {
    width: 15px;
    height: 15px;
    color: white;
}
footer .footer__contact:hover{
	color:unset;
}
/* /footer styles */





/* post_type_feed styles */
/* I cant style this in Elementor */
/* I need to style Elementors loop widget (.elementor-custom-grid-container) so we can exclude the current post */
.custom-grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px;
}

.custom-grid-container .custom-grid-item{
    margin: -20px;
	/*max-width: 340px;*/
}
.elementor-custom-grid-container div[data-elementor-type="loop-item"] {
    margin:0 -10px
}


.custom-grid-container .custom-grid-item div[data-elementor-type="loop-item"] div.text, .elementor-custom-grid-container div[data-elementor-type="loop-item"] div.text{
	background-color:  var(--yellow);
	border-radius: 0 0 2.2rem 2.2rem;
}

.custom-grid-container .custom-grid-item div[data-elementor-type="loop-item"] div.text p.elementor-heading-title, .elementor-custom-grid-container div[data-elementor-type="loop-item"] div.text p.elementor-heading-title{font-weight:bold;font-size: 2.6rem;line-height: 1.4}

.custom-grid-container .custom-grid-item div[data-elementor-type="loop-item"] div.text p, .elementor-custom-grid-container div[data-elementor-type="loop-item"] div.text p{line-height: 1.5;}

.custom-grid-container .custom-grid-item div[data-elementor-type="loop-item"] div.text a, .elementor-custom-grid-container div[data-elementor-type="loop-item"] div.text a{color:unset;text-decoration: underline;}

.custom-grid-container .custom-grid-item div[data-elementor-type="loop-item"] div.text a svg, .elementor-custom-grid-container div[data-elementor-type="loop-item"] div.text a svg {
	margin-left: 10px;
	margin-top: 10px;
    width: 10px;
}

.custom-grid-container .custom-grid-item div[data-elementor-type="loop-item"] img, .elementor-custom-grid-container div[data-elementor-type="loop-item"] img{
	border-radius: 2.2rem 2.2rem 0 0;
	margin-bottom: -20px;
}


a#toggle-posts{margin-top: 20px;}

.custom-grid-container .hidden-item {
    display: none;
}
/* on single posts that display the loop card on the right, hide the link */
#single-post-card .elementor-icon-list-items.elementor-post-info{display:none}
/* /post_type_feed styles */


/* hide cancel icon on mobile search */
div[data-id="b3bf3ce"] input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none !important;
    appearance: none !important;
}

div[data-id="b3bf3ce"] input[type="search"]::-ms-clear {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

div[data-id="b3bf3ce"] input[type="search"]::-ms-reveal {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

div[data-id="b3bf3ce"] input[type="search"]::-webkit-search-decoration,
div[data-id="b3bf3ce"] input[type="search"]::-webkit-search-results-button,
div[data-id="b3bf3ce"] input[type="search"]::-webkit-search-results-decoration {
    display: none !important;
}

/* /hide cancel icon on mobile search */


.search-result-posttype{
	margin-right: -15px;
	color:#5c616a;
}

body.search-no-results h1{display:none}

body[data-elementor-device-mode="mobile"] .inline-image img{
    float: unset;
    width: 100%;
}

/* fix spacing of header and text in heroes */
body[data-elementor-device-mode="mobile"] .orange-section .elementor-widget-heading, body[data-elementor-device-mode="mobile"] .orange-section .elementor-widget-text-editor{margin-left:20px;margin-right:20px}


body[data-elementor-device-mode="mobile"] header nav li:hover {
    box-shadow: unset !important;
}

/* fix gaps between cards */
body[data-elementor-device-mode="mobile"] .elementor-widget-loop-grid .elementor-grid {
    grid-row-gap: var(--grid-row-gap, 0px);
}

body[data-elementor-device-mode="mobile"] .custom-grid-container {
    gap: 40px;
}
/* /fix gaps between cards */




/* profile panels */
.elementor-flip-box__front {
    background-color: unset !important;
}
.elementor-flip-box .elementor-flip-box__front .elementor-flip-box__layer__overlay{
	background: rgb(0,0,0);
	background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 35%);
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 35%);
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 35%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
/* /profile panels */

/* carousel on home page */
body.elementor-kit-12 .support-cards-carousel a{
	/*color:green !important; */
	text-decoration: none !important;
}
.support-cards-carousel a svg{
	width: 10px;
    margin-bottom: -4px;
    margin-left: 5px;
	fill: #000 !important;
	/*filter: invert(0%) sepia(7%) saturate(7473%) hue-rotate(345deg) brightness(93%) contrast(107%) !important;*/
}
.support-cards-carousel .elementor-widget-container p{
	margin:0 !important;
	padding:0 !important;
}



body[data-elementor-device-mode="mobile"] .support-cards-carousel div[data-slide="1"] img, body[data-elementor-device-mode="mobile"] .support-cards-carousel div[data-slide="2"] img, body[data-elementor-device-mode="mobile"] .support-cards-carousel div[data-slide="3"] img, body[data-elementor-device-mode="mobile"] .support-cards-carousel div[data-slide="4"] img, body[data-elementor-device-mode="mobile"] .support-cards-carousel div[data-slide="5"] img, body[data-elementor-device-mode="mobile"] .support-cards-carousel div[data-slide="6"] img, body[data-elementor-device-mode="mobile"] .support-cards-carousel div[data-slide="7"] img{margin-top:150px}


/* /carousel on home page */



/* contact form */
form#contact_form .elementor-field-type-submit{
    margin-top: 20px;
    margin-bottom: 50px;
}

/*
form .elementor-field-type-submit button[type="submit"]:hover{
	background: unset !important;
    border: 2px solid var(--orange);
    color: var(--orange) !important;
	font-weight: bold !important;
        padding-top: 1.8rem !important;
    padding-bottom: 1.8rem !important;
    margin-bottom: 1px;
}*/
/* /contact form */


/* min height on external page cards */
div[data-elementor-type="loop-item"].external-page .e-child{
    min-height:310px;
}
/* except on search results page */
body.search-results div[data-elementor-type="loop-item"].external-page .e-child{
    min-height:unset;
}
/* /min height on external page cards */

nav[aria-label="Pagination"]{
	margin-top: 40px;
}


form input{color:var(--dark-grey) !important;}


body[data-elementor-device-mode="mobile"] header form.elementor-search-form input {
    color: #fff !important;
}


.elementor-widget-text-editor ul{margin: 20px 0 !important;} 

.orange-button a:focus {
    color: #fff !important;
    background-color: var(--orange) !important;
    border-color: var(--orange) !important;
}

.yellow-button a:focus {
    color: var(--e-global-color-text) !important;
    background-color: var(--yellow) !important;
    border-color: var(--yellow) !important;
}


.elementor-flip-box__back p.elementor-flip-box__layer__description{
    margin-bottom: 0;
}