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

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

.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;}

#headerphone a {font-weight:bold; color:#4cae4c; background-color:none; width:100%; font-family: Montserrat, sans-serif;}
#headerfreequote a {text-transform:uppercase; font-weight:bold; color:#0A7BC1; background-color:none; border:solid 1px #0A7BC1; width:100%; font-family: Montserrat, sans-serif;}

#headerphone a:hover {border:solid 1px #FFF;}
#headerfreequote a:hover {border:solid 1px #FFF;}

#postswidget h5 {color:#FFF;}
#postswidget li:before {color:#FFF;}

.number {display:inline;}
.mobilenumber {display:none;}
#header .number {display:block;}
#header .mobilenumber {display:none;}

.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;}
                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;}

#ranges .elementor-slide-heading, .elementor-slide-description {text-shadow:1px 1px 3px #000000;}
#ranges .elementor-cta__title {text-shadow:1px 1px 3px #000;}

#news-slider .eael-entry-header {min-height:75px;}

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

.table {font-size:14px;}
.table td, .table th {padding: 3px !important}
	
body .gform_wrapper {padding:5px 5px 5px 16px; margin:0; background-color:#00B4FF; border-radius:25px;}
body .gform_wrapper h2.elementor-heading-title {color:#FFF; text-align:center;}
h3.gform_title {color:#FFF; text-align:center; font-family: "Serpentine", Sans-serif; font-weight: 600;}

.pool-builders h1, .pool-builders h3, .display-4 {color:#0A7BC1; font-family: "Serpentine", Sans-serif; font-weight: 600;}

#custom #pool-builders p, #pool-builders p {font-size:2.5rem; color:#FFF; font-family: "Serpentine", Sans-serif; font-weight: 600; text-shadow:0px 0px 10px #000;}
#pool-builders {background: url(https://barrierreefpools.com/wp-content/uploads/fibreglass-swimming-pool-featured-image.jpg) center center; padding:250px 0 150px 0; margin-top:-100px;}



body .gform_wrapper input[type="submit"] {padding:10px 25px 15px 25px; text-align:center; background-color:#0A7BC1;font-weight:bold; font-size:24px; color:#fff; border: solid 2px #0A7BC1;}
body .gform_wrapper input[type="submit"]:hover {background-color:#1169a0; border: solid 2px #fff;}
.gform_wrapper .gform_footer {text-align:center !important; margin:0;}
body .gform_wrapper ul li.gfield {margin-top:0;}
body .gform_wrapper input, body .gform_wrapper select, body .gform_wrapper textarea {margin:0; border:none; border-radius:5px;}
body .gform_wrapper .ginput_complex .ginput_full {min-height:0;}
body .gform_wrapper #input_5_1_3, body .gform_wrapper #input_5_1_4, body .gform_wrapper #input_5_1_5 {margin-top:8px;}

h1.custom, h2.custom, h3.custom {
    color: #0A7BC1;
    font-family: "Serpentine", Sans-serif;
    font-weight: 600;
	text-align:center;
}
.p50t {padding-top:50px;}
.p50b {padding-top:50px;}
#custom p {
	color: #7a7a7a;
    font-family: "Roboto", Sans-serif;
    font-weight: 400;
}