h1 {
  font-size:1.6em;
  color:var(--soe-blue);
}
h2 {
  font-size:1.2em;
}
a {
  cursor:pointer!important;
}
.callToAction {
  background-color:var(--soe-mauve-light);
  padding:10px;
}
.roundedBox {
  padding:20px;
  background-color:var(--soe-blue);
  -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
  color:#fff;
}
.roundedBox ul {
  padding-left:20px;
}
.roundedBox li {
  list-style: none; /* Remove the default bullet point */
  position: relative; /* Ensure ::before positions correctly */
}

.roundedBox li::before {
  content: "✓"; /* Unicode check mark character */
  font-size: 1em; /* Adjust size if needed */
  color: #fff; /* Choose your desired color */
  position: absolute;
  left: -20px; /* Adjust to move check mark into the correct place */
}

.customerLogin {
  text-align:right;
  color:var(--soe-blue);
  font-family: 'Nunito';
}
.logo {
  padding:10px 0px;
}

.faqListItem {
  background-color:#fff;
  border-left:8px solid var(--soe-mauve);
  padding:5px 15px;
  
}
.faqListItem:hover {
  background-color:#eee;
  cursor:pointer;
}
.faqListItem a {
    color:var(--soe-blue);
  display:block;

}

.circle {
  position:relative;
  float:right;
  width: 110px;
  height: 110px;
  padding:16px;
  line-height: 25px;
  border-radius: 50%;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background: var(--soe-blue);
  transform: rotate(-10deg);
  margin:10px;
}
#fullnav {
  display:block;
}

#mobilenav {
    display:none;
}

.subNavigation {
  position:relative;
  width:100%;
  color:var(--soe-white);
  background-color:var(--soe-grey);
  text-align:center;
  font-size:0.9em;
  padding:10px 0px;
  font-family: 'Nunito';
}
.subNavigation a {
  color:var(--white);
}
.subNavigation a:hover {
  text-decoration:underline;
}
.imageBar {
  position:relative;
  width:100%;
  background-image:url("/images/shutters/wooden%20frame%20plantation%20shutters.webp");
  height:450px;
  background-size: cover;
  background-position:center left;
}
.highlightBar {
  position:relative;
  width:100%;
  color:var(--soe-white);
  background-color:var(--soe-mauve);
  text-align:center;
  padding:10px;
  font-size:1.2em;
}
.highlightBox {
  background-color:var(--soe-white);
  padding:15px;
  font-size:1.6em;
  color:var(--soe-grey);
}
.featureImages {
  text-align:center;
}
.footer {
  position:relative;
  width:100%;
  background-color:var(--soe-grey-light);
}
.footer a {
  color:var(--soe-blue);
}
.fas {
  color:var(--soe-grey);
}
.smallIcon {
  font-size:0.8em;
}
.stepHeader {
  cursor:pointer;
}
.step {
  display:none;
}
.pinButton {
  background-color:var(--soe-blue);
  padding:5px 15px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  color:var(--white);
  font-size:0.8em;
  border:none;
  text-align:center;
  margin-right:10px;
}
.card-body {
  font-family: 'Nunito';
}

.cookie-consent {
  background-color:var(--soe-mauve);
  color:#fff;
  text-align:center;
  padding:5px;
  font-size:0.8em;
 
}
.cookie-consent__agree {
  background-color:var(--soe-mauve);
  color:#fff;
  text-align:center;
  padding:5px 15px;
  border:1px solid #fff;
 
}
.cookie-consent__agree:hover {
  background-color:var(--soe-mauve-dark);
  color:#fff;
  text-align:center;
  padding:5px 15px;
  border:1px solid #fff;
 
}

.pill {
  border-radius:25px;
  padding:2px 10px;
  font-size:0.8em;
  margin-right:5px;
  margin-bottom:5px;
  text-align:center;
}
.pillBlue {
  background-color:var(--soe-blue);
  color:#fff;
}
.pillMauve {
  background-color:var(--soe-mauve);
  color:#fff;
}
.pillDark {
  background-color:#333;
  color:#fff;
}
.pillWaterproof {
  background-color:#65a9d6;
  color:#fff;
}
.pillPopular {
  background-color:#73c78a;
  color:#fff;
}


#mobileNavData {
  background-color:var(--soe-grey-light);
  text-align:center;
}
#mobileNavData ul {
  list-style:none;
  padding-left:0px;
}
#mobileNavData li {
  padding:5px 10px;
}
#mobileNavData  a {
  color:var(--soe-blue);
  font-size:1.1em;
}
#mobileNavData  a:hover {
  color:var(--soe-mauve);
  font-size:1.1em;
}

#mobileNavData .active {
  color:var(--soe-mauve)!important;
  background-color:var(--soe-blue)!important;
  font-size:1.1em;
  font-weight:bold;
}



@media only screen and (max-width: 992px) {

#fullnav {
    display:none;
}
  
#mobilenav {
    display:block;
    text-align:center;
    padding:5px;
    font-size:1.3em;
}

  .touchPadding {
    padding:4px;
  }
  

}