#block-flashyplus-footerfourth .content a {
	color: #000000;
}

#block-flashyplus-footerthird-2 .content a {
	color: #000000;
}

#subfooter-top .site-name a {
	color: #000000;
}

#subfooter-top {
    background-color: #DCE3E5 !important;
    color: #000000 !important;
}

.path-frontpage #hero {
    position: relative;
    overflow: hidden;
    min-height: 450px;
    background-color: #000000;
    padding-top: 100px;
}

.path-frontpage #hero:before {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    content: "";
    background-image: url(https://www.jjb-electrical.co.uk/ev/sites/default/files/2025-01/jjb-homepage-image.png);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.4;
    z-index: 1;
}










#block-flashyplus-mainnavigation .content li:last-child > a:before {
    border-radius: 8px;
}

#block-flashyplus-mainnavigation .content .menu.cta-active > li:last-child > a:before {
    background-color: rgb(46 204 113 / var(--tw-text-opacity, 1));
    opacity: 1;
    left: 0;
    right: 0;
}

#block-flashyplus-mainnavigation .content li.active-trail > a:before {
    background-color: rgb(46 204 113 / var(--tw-text-opacity, 1));
    border-radius: 8px;
}

.header {
    background-color: blue !important;
    color: white !important;
}

#block-flashyplus-headertopphonenumber p {
	text-align: right;
}

#content-bottom {
	background-color: blue !important;
    color: white !important;
}

#footer {
	background-color: #DCE3E5;
	color: #000000
}

#block-flashyplus-mainnavigation .content li.active-trail:hover > a:before {
  background-color: #006400;
}

#block-flashyplus-mainnavigation .content .sf-horizontal .sf-depth-1:hover {
	background-color: #006400;
  border-color: #ffffff;
  color: #ffffff;
  text-decoration: none;
}

#block-flashyplus-mainnavigation .content .sf-horizontal .sf-depth-2:hover {
	background-color: #006400;
  border-color: #ffffff;
  color: #ffffff;
  text-decoration: none;
}

#block-flashyplus-mainnavigation .content .sf-horizontal .sf-depth-3:hover {
	background-color: #006400;
  border-color: #ffffff;
  color: #ffffff;
  text-decoration: none;
}

.mt-link-style-animated-underline-1 .mt-link-stylable:after {
	display: none;
}

.more-link a {
  background-color: rgb(46, 204, 113);
  color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 8px;
  display: inline-block;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
  padding: 16px 33px;
  font-size: 16px;
  line-height: 1.125;
  text-align: center;
}

.more-link a:hover,
.more-link a:focus {
  background-color: #006400;
  border-color: #ffffff;
  color: #ffffff;
  text-decoration: none;
}

.hero-bottom__container {
	padding: 30px 0;
}

@media (max-width: 767px) {
    .header-container .header-second .sf-accordion-toggle {
        margin-top: 0px !important;
    }
}

@media (min-width: 768px) {
    .header-second .region-header {
        justify-content: center !important;
    }
}

.header-container ul.menu > li > a, .header-container ul.menu > li > span {
	padding: 18px 10px !important;
	margin: 5px 10px !important;
}

.menu.cta-active > li:last-child > a {
	padding: 17px 30px !important;
}

.header-container ul.sf-menu .sf-sub-indicator {
    top: 28px !important;
	right: -6px !important;
}

#block-flashyplus-headertelephonenumber p {
  text-align: center;
}

@media (min-width: 992px) {
  #block-flashyplus-headertelephonenumber p {
    text-align: right;
  }
}

.header-top-highlighted__container .row {
  align-items: center;
}

.text-jjb-green a {
    --tw-text-opacity: 1;
    color: rgb(46 204 113 / var(--tw-text-opacity, 1));
	font-size: 1.2rem;
	font-weight: 600;
}

.text-jjb-green {
    --tw-text-opacity: 1;
    color: rgb(46 204 113 / var(--tw-text-opacity, 1));
	font-size: 1.2rem;
	font-weight: 600;
}








.internal-banner-container {
    min-height: 300px !important;
}










.webform-submission-ev-charger-quote-form .webform-image-file a {
	color: #ffffff;
}

.webform-submission-ev-charger-quote-form .webform-image-file label {
	background: green;
    padding: 10px 20px 10px 20px;
    border-radius: 12px;
}

#edit-cable-distance--wrapper {
	border: 1px solid white;
    border-radius: 12px;
    padding: 20px;
    margin-top: 20px;
}

#edit-cable-distance--wrapper span {
	color: #ffffff;
}

#edit-meter-location--wrapper {
	border: 1px solid white;
    border-radius: 12px;
    padding: 20px;
    margin-top: 20px;
}

#edit-meter-location--wrapper span {
	color: #ffffff;
}

#edit-ownership-status--wrapper {
	border: 1px solid white;
    border-radius: 12px;
    padding: 20px;
    margin-top: 20px;
}

#edit-ownership-status--wrapper span {
	color: #ffffff;
}

#edit-parking-type--wrapper {
	border: 1px solid white;
    border-radius: 12px;
    padding: 20px;
    margin-top: 20px;
}

#edit-parking-type--wrapper span {
	color: #ffffff;
}

.webform-submission-ev-charger-quote-form #price-display {
	text-align: center;
    margin: 30px 0;
    font-size: 1.5em;
    font-weight: 600;
}

.chargerboxbutton {
	margin-top: 30px;
}

.charger-box h3 {
	font-size: 22px;
	height: 40px;
}

@media (min-width: 768px) {
    .mlt-button2 {
        background-color: green;
        color: #ffffff;
        font-weight: bold;
        font-size: 16px;
        margin: 20px 0;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
        width: 50%;
        border-radius: 0.75rem !important;
    }
}

.path-webform .main-content__section {
    padding: 56px 0 0px !important;
}

#block-flashyplus-contentbottomfirstcallusbutton .content a {
    background-color: green;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.5em;
    margin: 20px 0;
    border-radius: 0.75rem;
    box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.5), 0 10px 20px -1px green;
    border-radius: 999em;
    border-color: white;
}

#block-flashyplus-contentbottomfirstcallusbutton .content {
	text-align: center;
}

.quoteheaderprice {
	font-size: 2.5em !important;
    font-style: italic;
    color: #0DF228;
}

@media (max-width: 768px) {
#block-flashyplus-quotecalculatortopblockcontent .content .mltbuttondiv a {
	background-color: #0DF228;
    border: 3px solid #ffffff;
    border-radius: 12px;
    padding: 12px 10px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}
}

@media (min-width: 768px) {
#block-flashyplus-quotecalculatortopblockcontent .content .mltbuttondiv a {
	background-color: #0DF228;
    border: 3px solid #ffffff;
    border-radius: 12px;
    padding: 16px 50px;
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}
}

#block-flashyplus-quotecalculatortopblockcontent .content .mltbuttondiv {
	padding: 30px 0;
}

@media (max-width: 768px) {
#block-flashyplus-quotecalculatortopblockcontent .content h2 {
	font-size: 1.5em;
	padding-bottom: 0;
}
}

@media (min-width: 768px) {
#block-flashyplus-quotecalculatortopblockcontent .content h2 {
	padding-top: 0;
        margin-top: 0;
	padding-bottom: 0;
}
}

@media (max-width: 768px) {
#block-flashyplus-quotecalculatortopblockcontent .content p {
	font-size: 1.5em;
	padding-bottom: 0;
}
}

@media (min-width: 768px) {
#block-flashyplus-quotecalculatortopblockcontent .content p {
	font-size: 1.5em;
	padding-bottom: 0;
}
}

@media (max-width: 768px) {
#block-flashyplus-quotecalculatortopblockcontent .content {
	text-align: center;
    padding: 30px 0;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
	background-color: var(--mt-color-primary);
	color: #ffffff;
	border-radius: 50px;
    border: 3px solid white;
}
}

@media (min-width: 768px) {
#block-flashyplus-quotecalculatortopblockcontent .content {
	text-align: center;
    padding: 30px 0;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
	background-color: var(--mt-color-primary);
	color: #ffffff;
	border-radius: 50px;
    border: 3px solid white;
}
}



















.faq-footer-link a {
	background: #ffffff;
    padding: 10px 50px;
    border-radius: 12px;
    font-weight: 900;
}

.faq-footer-link {
	text-align: center;
    padding-bottom: 30px;
}

#footer .footer__section .site-name a {
	color: #000000;
}

#footer .content a {
	color: #000000;
}

.view-your-questions .view-footer {
	background-color: #12D218;
}

.view-your-questions .field-content a {
	color: #000000 !important;
}

.view-your-questions .view-content .ui-state-active a:visited {
    color: #000000 !important;
    text-decoration: none;
}


.view-your-questions .ui-accordion-content-active {
	background-color: #ffffff !important;
}

/* Style the accordion container background */
.view-your-questions .view-content {
    background-color: #12D218; /* Bright green background with transparency */
    padding: 20px;
}

/* Style the accordion headers */
.view-your-questions .views-accordion-header {
    background: #12D218; /* White background for headers */
    color: #000000; /* Black text */
    padding: 15px 20px;
    font-size: 16px;
    font-weight: bold;
    border: 2px solid #12D218; /* Green border for consistency */
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    margin-bottom: 10px;
    transition: background 0.3s ease, color 0.3s ease;
	border-bottom: 2px solid #ffffff;
}

/* Hover effect for accordion headers */
.view-your-questions .views-accordion-header:hover {
    background: #e6ffe6; /* Light green hover effect */
    color: #007700; /* Dark green text on hover */
}

/* Style for the '+' icon on the right */
.view-your-questions .views-accordion-header .ui-accordion-header-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    font-weight: bold;
    color: #007700; /* Green icon */
    transition: transform 0.3s ease;
}

/* Change icon to '-' when expanded */
.view-your-questions .ui-state-active .ui-accordion-header-icon {
    content: '-'; /* Changes '+' to '-' */
    transform: rotate(45deg); /* Adds a subtle rotation */
}

/* Style the accordion content */
.view-your-questions .ui-accordion-content {
    background: #12D218; /* White background for content */
    color: #000000; /* Black text */
    padding: 15px 20px;
    border: 2px solid #12D218; /* Green border */
    border-radius: 5px;
    margin-bottom: 10px;
    display: block;
    transition: max-height 0.3s ease, opacity 0.3s ease;
}

/* Add padding between rows */
.view-your-questions .views-row {
    margin-bottom: 10px;
}

























#footer {
    background-color: #DCE3E5 !important;
    color: #000000 !important;
}

#block-flashyplus-newhomepagecalltoaction .content {
	text-align: center;
}

#block-flashyplus-carmanufacturerslogos .content a {

}

#block-flashyplus-carmanufacturerslogos .content img {
	width: 100%;
}

#block-flashyplus-carmanufacturerslogos .content {
	text-align: center;
	margin: 60px 0;
}

.step-box:hover {
	background-color: #0000FF;
	color: #ffffff;
}

#block-flashyplus-foureasysteps .content .row {
	display: flex; /* Use flexbox to align items */
  justify-content: center; /* Centre the boxes horizontally */
  gap: 15px; /* Maintain gaps between the boxes */
  background-image: url('https://www.jjb-electrical.co.uk/ev/sites/default/files/2025-01/jjb-homepage-image.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 20px 0; /* Add some padding to the top and bottom */
}


@media (min-width: 768px) {
.step-box {
  flex: 1 1 calc(25% - 15px); /* Ensure each box takes up 25% of the width minus the gap */
  max-width: calc(25% - 15px); /* Prevent boxes from exceeding the calculated width */
  position: relative;
  padding: 80px 20px;
  color: #ffffff;
  text-align: left;
  border-radius: 8px;
  background-color: rgba(13, 242, 40, 0.5); /* Semi-transparent background for text readability */
  box-sizing: border-box; /* Include padding and border in the width/height calculation */
}
}

.step-box .step-number {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 2.5em;
  font-weight: bold;
}

.step-box h3 {
  font-size: 1.5em;
  margin-top: 40px;
}

.step-box p {
  font-size: 1.0em;
  line-height: 1.5;
	font-weight: 600;
}

@media (max-width: 768px) {
  .step-box {
    margin-bottom: 20px;
	  flex: 1 1 calc(100% - 15px); /* Ensure each box takes up 25% of the width minus the gap */
  max-width: calc(100% - 15px); /* Prevent boxes from exceeding the calculated width */
  position: relative;
  padding: 80px 20px;
  color: #ffffff;
  text-align: left;
  border-radius: 8px;
  background-color: rgba(13, 242, 40, 0.5); /* Semi-transparent background for text readability */
  box-sizing: border-box; /* Include padding and border in the width/height calculation */
  }
}








#block-flashyplus-homepagefeaturednewblocktext .content {
    text-align: center;
}

#block-flashyplus-homepagefeaturednewblocktext {
    margin-top: 60px;
}

.highlight-figures-wrapper .col-lg-4:before {
    height: 150px !important;
    top: 30% !important;
}

#block-flashyplus-highlightedfigures .content .row {
    background-color: #dce3e5;
    border: 1px solid;
    border-radius: 12px;
}

#block-flashyplus-highlightedfigures .content {
    margin-bottom: -100px;
}

@media (min-width: 768px) {
    .mlt-button {
        background-color: green;
        color: #ffffff;
        font-weight: bold;
        font-size: 1.5em;
        margin: 20px 0;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
        width: 50%;
        border-radius: 0.75rem !important;
    }
}

@media (min-width: 768px) {
    #block-flashyplus-whychooseus .paragraph--view-mode--mt-tile .feature__image {
        margin-bottom: 0px;
        float: left;
        width: 30%;
    }
}

@media (max-width: 768px) {
#block-flashyplus-homepagebannercontentforbackgroundimageblock .content .mltbuttondiv a {
	background-color: #0DF228;
    border: 3px solid #ffffff;
    border-radius: 12px;
    padding: 12px 10px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}
}

@media (min-width: 768px) {
#block-flashyplus-homepagebannercontentforbackgroundimageblock .content .mltbuttondiv a {
	background-color: #0DF228;
    border: 3px solid #ffffff;
    border-radius: 12px;
    padding: 16px 50px;
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}
}

#block-flashyplus-homepagebannercontentforbackgroundimageblock .content .mltbuttondiv {
	padding: 30px 0;
}

@media (max-width: 768px) {
#block-flashyplus-homepagebannercontentforbackgroundimageblock .content p {
	font-size: 1.5em;
	font-weight: 600;
}
}

@media (min-width: 768px) {
#block-flashyplus-homepagebannercontentforbackgroundimageblock .content p {
	font-size: 2.5em;
	font-weight: 600;
}
}

@media (max-width: 768px) {
#block-flashyplus-homepagebannercontentforbackgroundimageblock .content {
	text-align: center;
    padding: 30px 0;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
	background-color: var(--mt-color-primary);
	color: #ffffff;
	border-radius: 50px;
    border: 3px solid white;
}
}

@media (min-width: 768px) {
#block-flashyplus-homepagebannercontentforbackgroundimageblock .content {
	text-align: center;
    padding: 30px 0;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
	background-color: var(--mt-color-primary);
	color: #ffffff;
	border-radius: 50px;
    border: 3px solid white;
}
}

ul#superfish-main li a {
	color: #ffffff;
}

.menu.mlt-cta-active > li:last-child > a {
    color: #000000 !important;
}

.menu.mlt-cta-active > li:last-child > a {
	
}

.header-top__container {
	padding: 8px 0 !important;
}

.header-top a {
    color: var(--mt-color-primary) !important;
}

.header-top {
	background-color: #DFFFE8 !important;
    color: var(--mt-color-primary) !important;
}












#webform-submission-ev-charger-quote-form-ajax .webform-submission-form .ev-info {
	border: 1px solid;
    border-radius: 12px;
    padding: 30px 30px 12px 30px;
    margin-bottom: 20px;
}

#webform-submission-ev-charger-quote-form-ajax .webform-submission-form .ev-results p {
	padding: 3px 0 3px 0;
	font-size: 1.5em;
}

#webform-submission-ev-charger-quote-form-ajax .webform-submission-form .ev-results {
	text-align: center;
    border: 3px solid;
    border-radius: 12px;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
#webform-submission-ev-charger-quote-form-ajax .webform-submission-form .form-item-postcode {
	width: 49.5%;
    display: inline-block;
}
}

@media (min-width: 768px) {
#webform-submission-ev-charger-quote-form-ajax .webform-submission-form .form-item-town-city {
	width: 50%;
    display: inline-block;
}
}

@media (min-width: 768px) {
#webform-submission-ev-charger-quote-form-ajax .webform-submission-form .form-item-address-line-2 {
	width: 49.5%;
    display: inline-block;
}
}

@media (min-width: 768px) {
#webform-submission-ev-charger-quote-form-ajax .webform-submission-form .form-item-address-line-1 {
	width: 50%;
    display: inline-block;
}
}

#webform-submission-ev-charger-quote-form-ajax .webform-submission-form .form-type-processed-text {
	margin-bottom: 0;
    color: #ffffff;
}

.get-your-quote-submit {
	background-color: #0DF228 !important;
    color: #0000FF !important;
    font-weight: 700 !important;
    font-size: 1.5em !important;
    border: 2px solid white !important;
}

#webform-submission-ev-charger-quote-form-ajax .webform-submission-form .webform-actions {
	text-align: center;
    margin-top: 80px;
}

#webform-submission-ev-charger-quote-form-ajax .webform-submission-form textarea::placeholder {
	color: #000000;
}

#webform-submission-ev-charger-quote-form-ajax .webform-submission-form input::placeholder {
	color: #000000;
}

#webform-submission-ev-charger-quote-form-ajax .webform-submission-form .webform-element-description {
	color: #ffffff;
}

#webform-submission-ev-charger-quote-form-ajax .webform-submission-form label {
	color: #ffffff;
}

#webform-submission-ev-charger-quote-form-ajax .webform-submission-form textarea {
	border: 3px solid #0DF228;
    border-radius: 12px;
    color: #000000;
	background-color: #ffffff;
}

#webform-submission-ev-charger-quote-form-ajax .webform-submission-form input {
	border: 3px solid #0DF228 !important;
    border-radius: 12px !important;
    color: #000000 !important;
	background-color: #ffffff !important;
}

@media (min-width: 768px) {
.webform-submission-contact-add-form .form-item-last-name {
	width: 49.5%;
    display: inline-block;
}
}

@media (min-width: 768px) {
#webform-submission-ev-charger-quote-form-ajax .webform-submission-form .form-item-name {
	width: 50%;
    display: inline-block;
}
}

#webform-submission-ev-charger-quote-form-ajax .webform-submission-form {
	background-color: #0000FF;
    padding: 30px;
    border-radius: 24px;
}














#webform-submission-ev-charging-calculator-form-ajax .webform-submission-form .ev-info {
	border: 1px solid;
    border-radius: 12px;
    padding: 30px 30px 12px 30px;
    margin-bottom: 20px;
}

#webform-submission-ev-charging-calculator-form-ajax .webform-submission-form .ev-results p {
	padding: 3px 0 3px 0;
	font-size: 1.5em;
}

#webform-submission-ev-charging-calculator-form-ajax .webform-submission-form .ev-results {
	text-align: center;
    border: 3px solid;
    border-radius: 12px;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
#webform-submission-ev-charging-calculator-form-ajax .webform-submission-form .form-item-postcode {
	width: 49.5%;
    display: inline-block;
}
}

@media (min-width: 768px) {
#webform-submission-ev-charging-calculator-form-ajax .webform-submission-form .form-item-town-city {
	width: 50%;
    display: inline-block;
}
}

@media (min-width: 768px) {
#webform-submission-ev-charging-calculator-form-ajax .webform-submission-form .form-item-address-line-2 {
	width: 49.5%;
    display: inline-block;
}
}

@media (min-width: 768px) {
#webform-submission-ev-charging-calculator-form-ajax .webform-submission-form .form-item-address-line-1 {
	width: 50%;
    display: inline-block;
}
}

#webform-submission-ev-charging-calculator-form-ajax .webform-submission-form .form-type-processed-text {
	margin-bottom: 0;
    color: #ffffff;
}

.get-your-quote-submit {
	background-color: #0DF228 !important;
    color: #0000FF !important;
    font-weight: 700 !important;
    font-size: 1.5em !important;
    border: 2px solid white !important;
}

#webform-submission-ev-charging-calculator-form-ajax .webform-submission-form .webform-actions {
	text-align: center;
    margin-top: 80px;
}

#webform-submission-ev-charging-calculator-form-ajax .webform-submission-form textarea::placeholder {
	color: #000000;
}

#webform-submission-ev-charging-calculator-form-ajax .webform-submission-form input::placeholder {
	color: #000000;
}

#webform-submission-ev-charging-calculator-form-ajax .webform-submission-form .webform-element-description {
	color: #ffffff;
}

#webform-submission-ev-charging-calculator-form-ajax .webform-submission-form label {
	color: #ffffff;
}

#webform-submission-ev-charging-calculator-form-ajax .webform-submission-form textarea {
	border: 3px solid #0DF228;
    border-radius: 12px;
    color: #000000;
	background-color: #ffffff;
}

#webform-submission-ev-charging-calculator-form-ajax .webform-submission-form input {
	border: 3px solid #0DF228 !important;
    border-radius: 12px !important;
    color: #000000 !important;
	background-color: #ffffff !important;
}

@media (min-width: 768px) {
.webform-submission-contact-add-form .form-item-last-name {
	width: 49.5%;
    display: inline-block;
}
}

@media (min-width: 768px) {
#webform-submission-ev-charging-calculator-form-ajax .webform-submission-form .form-item-name {
	width: 50%;
    display: inline-block;
}
}

#webform-submission-ev-charging-calculator-form-ajax .webform-submission-form {
	background-color: #0000FF;
    padding: 30px;
    border-radius: 24px;
}