/*
Theme Name: etc
Theme URI: https://etc.co.uk
Template: hello-elementor
Author: Elliott Greenman
Author URI: https://elliottgreenman.com/
Description: A plain-vanilla &amp; lightweight theme for Elementor page builder
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.4.1.1633081618
Updated: 2021-10-01 09:46:57

*/

h1, h2, h3, h4, h5, h6 {margin-bottom:10px;}
a {-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}
input {border-radius:0px!important;}
header {width:100%;-o-transition:box-shadow .3s;-ms-transition:box-shadow .3s;-moz-transition:box-shadow .3s;-webkit-transition:box-shadow .3s;transition: box-shadow .3s;}

.white-title h3 a svg {width: 66px; margin-left: 15px;}
.white-title h3 a svg g g polygon {transition:fill 0.3s ease-in-out;}
.white-title h3:hover a svg g g polygon{fill:var(--e-global-color-162570e)!important;}
.elementor-sticky--effects {
    -webkit-box-shadow: 0 0 10px 2px rgb(0 0 0 / 8%);
	box-shadow: 0 0 10px 2px rgb(0 0 0 / 8%);
background-color:white;}

.footer-menu {
	
}

.footer-contact ul li a span i{
	color:var(--e-global-color-text);transition:all 0.3s ease-in-out;
}
.footer-contact ul li a span:hover i{
	color:var(--e-global-color-162570e)!important;
}
.footer-contact ul li:nth-child(6), .footer-contact ul li:nth-child(5) {
	width: 33px; display: inline-block; margin-top: 33px;
}

.playbook-sb {
	text-align: center;
}
.playbook-sb li {
	list-style:none;padding: 0 10px;
}
.playbook-sb h5 {color:var(--e-global-color-text);margin-bottom:15px;}
.playbook-sb li a {color:var(--e-global-color-text);}
.playbook-sb li a:hover {color:var(--e-global-color-162570e);}
.playbook-sb ul {
	padding-left: 0px; display: flex; justify-content: center; flex-wrap: wrap;
}
.cta-wiggle .elementor-icon-box-icon a svg {height:100px!important;}
.menu-main-menu-container ul {
	padding-left:0px;
}
.elementor-post-navigation__link {padding:15px;}

.elementor-pagination .page-numbers.dots {color:white!important;}

footer .footer-menu, footer .footer-contact {height: 333px;
    border-right: 1px solid white;}

footer .footer-menu {color:var(--e-global-color-text);}
footer .footer-menu ul li{list-style:none;font-size: 18px; margin-bottom: 8px;}
footer .footer-menu ul li a, footer .footer-contact a span {color:var(--e-global-color-text);transition:color 0.3s ease-in-out!important;}
footer .footer-menu h5, footer .footer-contact ul li:nth-child(1), footer .subscribe h5 {color:white;text-transform:uppercase;padding-bottom:15px!important;}
footer .footer-menu ul li a:hover, footer .footer-contact ul li a:hover span  {color:var(--e-global-color-162570e)!important;}
footer .subscribe form {padding-top:calc(22px/2);}
footer .subscribe h5 a {color:white;}
footer .subscribe h5 a:hover {color:var(--e-global-color-162570e);}

/*Hubspot newsletter*/
form.hs-form .hs_submit .actions .hs-button {color:var(--e-global-color-secondary);background:var(--e-global-color-162570e)!important;border-color:var(--e-global-color-162570e)!important;transition:opacity 0.3s ease-in-out;}
form.hs-form .hs_submit .actions .hs-button:hover {opacity:0.8;}
.hs_firstname label, .hs_email label {color:white;margin-bottom:10px;}
.hs_firstname {margin-bottom:15px;}
.legal-consent-container {color:white;}
ul.inputs-list {list-style:none;padding: 15px 0px;}


/*Hubspot cookie styling*/
#hs-eu-cookie-confirmation-button-group a {border-radius: 0px!important; padding: 10px 24px !important;font-family: 'Trueno'!important; font-size: 16px!important; }
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {padding:15px 0px!important;}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p, div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-policy-wording {font-size:16px!important;line-height: 18px!important;font-family: 'Trueno'!important;margin: 0px 0px 10px!important;}
.hs-cookie-notification-position-bottom, #hs-eu-cookie-confirmation-inner, #hs-eu-cookie-disclaimer {background-color: var(--e-global-color-secondary)!important;color:var(--e-global-color-text)!important;}
#hs-eu-decline-button {background-color:var(--e-global-color-text)!important;}
.submitted-message {color:white;}
div#div#hs-eu-cookie-confirmation {border-top:1px solid #223843!important;}
div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom{box-shadow: 0 -1px 3px #223843!important;}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {max-width:1080px!important;}


/*Design elements*/
.heading-star h1:after{content: ""; background-image: url(http://localhost:8888/etc/wp-content/uploads/2022/03/etc-star-lavender.svg); background-size: 33px; background-position: center; display: block; width: 33px; height: 33px; position: absolute; top: 91px; right: 14px;}
.service-section-white .elementor-widget-icon-box .elementor-icon-box-wrapper h3, .service-section-white .elementor-widget-icon-box .elementor-icon-box-wrapper h3{border-bottom: 1px solid white; margin-bottom: 20px; padding-bottom: 20px;}
.service-section-black .elementor-widget-icon-box .elementor-icon-box-wrapper h3, .service-section-black .elementor-widget-icon-box .elementor-icon-box-wrapper h3{border-bottom: 1px solid black; margin-bottom: 20px; padding-bottom: 20px;}
.jiggle-break:after{content: ""; background-image: url(http://localhost:8888/etc/wp-content/uploads/2022/03/etc-star-lavender.svg); background-size: 33px; background-position: center; display: block; width: 33px; height: 33px; position: absolute; top: 91px; right: 14px;}

/*3 Recent Posts*/
.recent-posts article h3 a, .elementor-widget-archive-posts article h3 a , .service-section-white .elementor-element h3 a{color:white;}
.recent-posts article h3 a:hover, .elementor-widget-archive-posts article h3 a:hover, .service-section-white .elementor-element h3 a:hover, .elementor-element-6bf4d70 h3 a:hover {color:var(--e-global-color-162570e)!important;}

.service-section-black .elementor-element h3 a:hover {color:var(--e-global-color-accent);}

.share-label {margin-left:auto;}
.service-section-white .elementor-widget-icon-box .elementor-icon-box-wrapper p, .service-section-black .elementor-widget-icon-box .elementor-icon-box-wrapper p {margin-top:33px;}


/*SS360*/
.ss360-close-button:hover {background-color:white;}

/*Mobile Style*/
@media  only screen and (max-width: 767px) {
	
	footer .footer-menu, footer .footer-contact {height: unset;
    border-right: unset;}
	footer .footer-contact h5 {margin-bottom:0px;}
	.share-label {margin-left:0px;}
	
	
}

/*Tablet Style*/
@media  only screen and (max-width: 1024px) {
	
	footer .footer-contact {border-right:0px;}
	
	
}