@charset "utf-8";
/* CSS Document */

/*
Theme Name: Swimming Pools
Author: SEO Expert Gold Coast
Author URI: https://www.seoexpertgoldcoast.com.au/
Description: 
Version: 1.0
*/

#gform_wrapper_3 {
	display: block !important;
}

@media screen (max-device-width: 1024px) {
	display: block !important;
}
.star .gsurvey-rating:not(:checked) > label, .star .gsurvey-rating:not(:checked) > label:hover, 
.star .gsurvey-rating:not(:checked) > label:hover ~ label, .star .gsurvey-rating:not(:checked) > label, 
.star .gsurvey-rating:not(:checked) > label:hover, .star .gsurvey-rating:not(:checked) > label:hover ~ label, 
.star .gsurvey-rating > input:checked ~ label {
    width: 65px !important;
    line-height: 50px !important;
    background-size: 50px 50px !important;
    color: rgba(221, 221, 221, 0) !important;
}



.gform_wrapper .gfield_radio li label {
    margin: 6px 0 0 4px !important;
}




.ginput_price {
    display: none;
}

.gfp_big_button .gfield_radio li input[type=radio] {
    display:none;
}
.gfp_big_button .gfield_radio label {
    max-width: 300px;
    width: 100%;
    margin: 0px auto;
    padding: 10px 30px;
    float: none;
    background: #f47f26;
    color: #fff;
    letter-spacing: 0.09375rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-family: Open Sans, sans-serif;
    font-weight: 600;
    margin: 0;
    display: block;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
    -webkit-appearance: none;
    cursor: pointer;
    line-height: 1;
    position: relative;
    text-decoration: none;
    text-align: center;
    font-size: 1.1em;
    box-sizing: border-box;
}

.gfp_big_button .gfield_radio label:hover {
    background: #414142;
}

<!-- Added the below -->

.color-chooser li a {font-size:12px !important;}

.pool-content tr:nth-child(even) {background: #7CD1E9; color:#FFF;}

.element-f3ef5ce {background:#0A7BC1;}

.wborderr .swiper-slide {border-right:solid 3px #FFF;}

#postswidget ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: white; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 2em; /* Also needed for space (tweak if needed) */
  margin-left: -1.10em; /* Also needed for space (tweak if needed) */
}

.elementor-slide-heading {text-shadow:1px 1px 3px #000;}

.b {color:#007bff;}
.bunder {text-decoration:underline #007bff; text-decoration-color: #007bff;}
.footer-quote {background-color:#000; border-radius:25px; text-align:center; color:#fff; text-transform:uppercase; font-size:24px; font-family: Montserrat, sans-serif; margin:0 auto; font-weight:bold;}
.footer-quote:hover {color:#5cb85c;}
.lblue {color:#0A7BC1;}
.elementor-location-footer a {color:#fff;}
.imgaligncenter {margin:0 auto;}
#custom #testimonials p, #testimonials p {color:#fff; text-align:center;}

.container.colours {padding:0px 0px 0px 0px !important;}
.color-chooser li div {font-size:12px !important;}
span.cap {margin-top:-30px; text-align:center;}

.mobile {display:none;}
.desktop {display:block;}

@media screen and (max-width: 999px) {
                .desktop {display:none;}
                .mobile {display:block;}
                header .container {width:100% !important;}
                .mobilenumber {display:block;}
                .number {display:none;}
                .header .mobilenumber {display:block;}
                .header .number {display:none;}
                .location-dealers .col-md-4 {margin-bottom: 15px;}
                ul.color-chooser  {margin-top:10px; }
                ul.color-chooser li {width:69px !important; height: 69px !important; margin: 0px 0px 40px 0px !important; padding: 0;  vertical-align: middle; line-height:1; padding: 2px;}
                span.tcap {}
                span.cap {font-weight:bold;}
}

img#baf {width:100%; height:auto;}
.card .btn {width:100%;}

ul.color-chooser {list-style:none; padding:0; text-align:center;}
ul.color-chooser li {display:inline-block; height:195px; width:195px; margin:15px 10px; text-align:center;}

.elementor-carousel-image-overlay.e-overlay-animation-fade {opacity:1 !important; text-shadow:1px 1px 3px #000;}