/* =============================================================================
 * bollsen-epg-common.css
 * -----------------------------------------------------------------------------
 * FLEET-COMMON CSS for the EPG review-site network.
 * This file is intended to be BYTE-IDENTICAL on every EPG site. Anything that
 * differs per market — translated badge text, page-id rules, layouts only one
 * market uses — belongs in that site's style.css, NEVER here.
 *
 * Drained out of UK's Customizer (Appearance → Additional CSS) on 2026-07-20 as
 * part of the EPG unification, mirroring the store-side project: the Customizer
 * is not version-controlled, is invisible to code review, and inlines into the
 * <head> of every page.
 *
 * Enqueued by the child theme at priority 200 so it lands AFTER Flatsome's own
 * stylesheets and wins on equal specificity.
 * ========================================================================== */


.button.secondary{
	color: #000;
}

html {
  scroll-behavior: smooth;
}

ul li.bullet-arrow, ul li.bullet-checkmark, ul li.bullet-cross, ul li.bullet-star {
	border-bottom: none;
	list-style: none;
	margin: 0;
	padding: 7px 0 7px 25px;
	position: relative;
}


.sticky-cta,
.sticky-cta2{
    position: fixed;
    bottom: 0;              /* Keep it at the bottom of the viewport */
    padding: 10px 20px;     /* Button padding */
    background-color: #063c97; /* Button background color */
    color: white;           /* Text color */
    text-align: center;     /* Center text */
    font-size: 16px;
    z-index: 9999;          /* Ensure it's on top of other content */
    opacity: 0;             /* Initially fully transparent */
    transition: opacity 0.2s ease-in-out; /* Smooth opacity transition */
    pointer-events: none;   /* Disable pointer events while invisible */
}

.sticky-cta.visible,
.sticky-cta2.visible{
    opacity: 1;             /* Fully visible */
    pointer-events: auto;   /* Enable pointer events when visible */
}

.winner-button-badge {
    position: relative;    /* Make the image a relative container */
    width: 100%;           /* Make the image responsive */
    height: auto;          /* Maintain the aspect ratio */
    display: block;        /* Ensure it's treated as a block element */
}


/* Add yellow background color to submit buttons inside form  */
input[type="submit"].button.leave-yellow-color {
    background-color: #ffbc03;
}
.button.alt, .button.checkout, .checkout-button, .secondary {
    background-color: #ffbc03;
}
   .wpcf7-spinner {
      display: none !important;
      visibility: hidden !important;
    }


.mfp-close-btn-in .mfp-close {
  color: white;
	stroke:2pt;
}

.mfp-close {
    background-color: rgba(0, 0, 0, 0.9); /* Semi-transparent black background */
    border-radius: 50%; /* Make it a circle */
    cursor: pointer; /* Add a pointer cursor for usability */
    z-index: 1000; /* Ensure it appears above other elements */
}

.lightbox-content {
    background-color: #293241;
}

.sticky-cta-transparent{
    position: fixed;
    bottom: -20px;              /* Keep it at the bottom of the viewport */
    background-color: transparent; /* Button background color */
    color: white;           /* Text color */
    text-align: center;     /* Center text */
    font-size: 16px;
    z-index: 9999;          /* Ensure it's on top of other content */
    opacity: 0;             /* Initially fully transparent */
    transition: opacity 0.2s ease-in-out; /* Smooth opacity transition */
    pointer-events: none;   /* Disable pointer events while invisible */
}

.sticky-cta-transparent.visible{
    opacity: 1;             /* Fully visible */
    pointer-events: auto;   /* Enable pointer events when visible */
}