/*
Theme Name: Avada Child
Theme URI: https://avada.com/
Template: Avada
Author: ThemeFusion
Author URI: https://themeforest.net/user/ThemeFusion
Description: The Avada Website Builder is the ultimate design and creation suite. Design Anything, Build Everything, Fast. The #1 selling product of all time on ThemeForest.
Version: 7.11.11.1731285779
Updated: 2024-11-11 00:42:59

*/
#becomeinstaller p, #becomeinstaller .content-container{ font-family: 'Arial' !important; line-height: 24px;}
.headerLeftSection{
    z-index: 99999 !important; 
    position: sticky;
    top: 0;
    background-color: #fff; 
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
body .popover.popover-1 {
    border: none !important;
}
body .popover.popover-1 .popover-content a {
    border: none !important;
}
.getaQuoteMenu a:hover, .getaQuoteMenu a:focus {
    padding: 5px 10px !important;
}
li.getaQuoteMenu:hover {
    padding: 0px 10px;
}
.awb-menu__main-ul_column .awb-menu__main-li:last-child{ margin-bottom: 0!important;}
#fusion-tabs {
    font-family: 'Inter' !important;
    color: #000;
}
.fusion-tabs .tab-content p, .fusion-tabs .tab-content ul li {
    font-family: 'Inter';
    line-height: 24px;
    color: #000;
}
.tabsMiddiumBanner {
    display: none;
}
.getaQuoteButton, .getintouchButton {
    margin-top: 25px; float: left;
}
.sl-days, .info-addr-inner, .sl-email{ display: none !important;}
.getintouchButton {
    margin-left: 10px;
}
.ppfFormNew input, .ppfFormQuote input,
.ppfFormNew input::placeholder, .ppfFormQuote input::placeholder, .ppfFormQuote select, .ppfFormNew select, .ppfFormNew textarea, .ppfFormNew textarea {
    font-size: 14px !important;
}
.ppfFormNew textarea, .ppfFormNew input, .ppfFormNew select, .ppfFormQuote textarea, .ppfFormQuote input, .ppfFormQuote select{ border-color: #ccc !important;}
.filmwindow__image{ width: 50% !important;}
.contactform7 textarea, .contactform7 input{ border: 1px solid #535356 !important; }
.wpsl-store-location p, .wpsl-store-location a {
    color: #535356 !important;
}
.exploreOurRange .flip-box-inner-wrapper {
    min-height: 377px !important;
}
.standardPPF{ display: none;}
.filmwindow__image {
    width: auto !important;
    margin: 0 auto !important;
    display: block;
    margin-bottom: 10px !important;
}

.contactform7 .wpcf7  form p label{color:var(--awb-color6)}



.custom-read-more-btn {
  border: 2px solid red !important;  
          
  background: #fff !important;        
  border-radius: 30px !important;     
}


.custom-read-more-btn span{ color: red !important;     }

/* Styling for the Fixed Floating Panel (unchanged) */
.floating-panel {
    position: fixed;
    top: 50%; 
    right: 0;
    transform: translateY(-50%); /* Keeps it vertically centered */
    z-index: 1000;
    display: flex;
    align-items: center;
    background-color: #1a3754;
    color: white; 
    height: 40px; 
    border-radius: 5px 0 0 5px; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);

    
    max-height: 100vh; 
    margin-top: 0; 
   
    top: clamp(10px, 50%, 90vh);
   
}

/* Base button and content styles (largely unchanged) */
.floating-panel .panel-control {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    transition: background-color 0.2s;
    outline: none;
    padding: 0 8px;
}

.floating-panel .panel-control:hover {
    background-color: #2c4a6c;
}

.floating-panel .left-arrow {
    font-size: 20px;
    line-height: 0; 
    padding-bottom: 3px; 
   
   
}

.floating-panel .panel-content {
    font-size: 14px;
    font-weight: bold;
   
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* --- New Styles for the Two-Two-Two Dot Icon --- */

/* Container for the vertical stack */
.floating-panel .dot-stack {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly; /* Evenly space the rows vertically */
    height: 80%; /* Takes up most of the button height for visibility */
  
}

/* Individual dot row */
.floating-panel .dot-row {
    width: 14px; /* Width of the row container */
    height: 4px; /* Height of the row container */
    position: relative;
    display: block;
}

/* Use a single pseudo-element to create both dots in the row */
.floating-panel .dot-row::before {
    content: "• •"; /* Unicode for two spaced dots */
   
    font-size: 5px; /* Adjust dot size */
    font-weight: bold;
    line-height: 0;
    display: flex;
    justify-content: space-between; /* Space out the two dots horizontally */
    width: 100%; 
    height: 100%;
    align-items: center;
   
}


/* Specific styling for the Right Control Button and its separator */
.floating-panel .right-control.six-dot-icon {
    /* Ensure the button contains and centers the dot stack */
    padding: 0 12px; /* Padding for the button */
   
}

@media (max-height: 500px) {
    .floating-panel {
        top: 5px; /* Pin it near the top instead of centering on very short screens */
        transform: translateY(0); /* Remove the centering shift */
    }
}

@media screen and (max-width: 1796px) {
.tabsMiddiumBanner {
    display: block;
    margin: 0 auto;
}
	.tab-pane h5 img{ display: none;}
}

@media screen and (max-width: 1502px) {
#boxed-wrapper .fusion-fullwidth.fullwidth-box.fusion-builder-row-1.fusion-flex-container.has-pattern-background.has-mask-background.hundred-percent-fullwidth.non-hundred-percent-height-scrolling.fusion-custom-z-index {
    padding-left: 10px !important;
    padding-right: 10px;
}
	nav li a {
    font-size: 14px;
}
	#boxed-wrapper .fusion-fullwidth.fullwidth-box.fusion-builder-row-2.fusion-flex-container.has-pattern-background.has-mask-background.fusion-parallax-fixed.nonhundred-percent-fullwidth.non-hundred-percent-height-scrolling.lazyloaded {
    background-size: cover !important;
}
	#boxed-wrapper .fusion-fullwidth.fullwidth-box.fusion-builder-row-2.fusion-flex-container.has-pattern-background.has-mask-background.fusion-parallax-fixed.nonhundred-percent-fullwidth.non-hundred-percent-height-scrolling.lazyloaded h1{ font-size: 55px;}
	.awb-menu__main-li{ margin: 0 2px;}
	.awb-menu__main-li {
        margin: 0 2px !important;
    }
}
@media screen and (max-width: 992px) {
.windowFilmSectionIcon{
	width:67px !important; float: left !important;
}
.windowFilmSectionright {
    width: 82% !important;
    float: left;
}
}
@media screen and (max-width: 520px) {
.tab-pane h5 {
    padding: 0 !important;
    margin: 0 !important;
}
	div#tabsBannerImage {
    padding-top: 0;
    margin-top: 0;
}
	.fusion-tabs .tab-content>.active {
    padding: 0 !important;
}
}
@media screen and (max-width: 900px) {
    .fusion-fullwidth.fullwidth-box.fusion-builder-row-2.fusion-flex-container.has-pattern-background.has-mask-background.nonhundred-percent-fullwidth.non-hundred-percent-height-scrolling {
        padding-top: 0;
        z-index: 9;
    }
	.headerLeftSection .fusion-layout-column.fusion_builder_column_inner.fusion-builder-nested-column-0.fusion_builder_column_inner_1_2.\31 _2.fusion-flex-column.fusion-flex-align-self-flex-start {
    margin: 0 !important;
}
}
@media screen and (max-width: 400px) {
.fusion-tb-header .fusion-layout-column.fusion_builder_column.fusion-builder-column-0.fusion-flex-column {
    margin-left: 0!important;
    margin-right: 0!important;
    width: 100% !important;
}
}
@media screen and (max-width: 431px) {
.fusion-tb-header span.fusion-popover.popover-1 h6 {
    padding: 0 !important;
    margin: 0 !important;
}
}