@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
*/



li.formtitle h3 {color:#FFF !important;}
#gform_wrapper_11 {margin-top:20px !important;}


.agents-template-default .gform_legacy_markup_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], .gform_legacy_markup_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {margin-bottom:0px !important;}

.agents-template-default .gform_legacy_markup_wrapper li.hidden_label input {margin-top:0px !important;}


input#input_11_1_3, input#input_11_1_4, input#input_11_1_5 {margin-top: 20px !important;}


.col-md-6 img {max-width:100%; height:auto;}
.radius img {border-radius:15px;}

.location-dealers .btn-info {
    color: #fff;
    background-color: #051A37;
    border-color: #051A37;
}
.location-dealers .card-footer>a {color: #051A37;
    border: none;}

#gf_11 .gform_legacy_markup_wrapper h3 {color:#FFF !important; font-family:Serpentine !important; text-align:center !important;}

h5.blue {color:#0A7BC1;}
.page-id-3376 div[data-lightbox="true"] {pointer-events: none !important;}
.container.colours {padding:0px 0px 0px 0px !important;}
.color-chooser li a, .color-chooser2 li a {font-size:12px !important;}
img#baf {width:100%; height:auto;}
.color-chooser li div, .color-chooser2 li div {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;}
.elementor-location-header .elementor-sticky--active {
 background-color: rgba(0, 0, 0, 1) !important;
}
. elementor-element-40eb86e.elementor-sticky--active {
 background-color: none !important;
}

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

input.pcode {background:white !important;}

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

.elementor-location-footer .headerfreequote a {border:none;}

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

.mobile {display:none;}
@media screen and (max-width: 999px) {
.radius img {margin-top:0px;}
.mobile {display:block;}
	.desktop {display:none;}
	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;}
	
	ul.color-chooser2  {margin-top:10px; }
	ul.color-chooser2 li {width:69px !important; height: 69px !important; margin: 0px 0px 40px 0px !important; padding: 0;  vertical-align: middle; line-height:1;}
	span.tcap2 {}
	span.cap2 {font-weight:bold;}
	.agents-template-default .btn-info {width:100%; margin-top:5px;}
	
	
	
.agents-template-default .gform_legacy_markup_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], .gform_legacy_markup_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {margin-bottom:0px !important;}

.agents-template-default .gform_legacy_markup_wrapper li.hidden_label input {margin-top:0px !important;}

.agents-template-default .gform_legacy_markup_wrapper form {margin-left:-5px;}
	
input#input_11_1_3, input#input_11_1_4, input#input_11_1_5 {margin-top: 10px !important;}
	
}

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


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

ul.color-chooser {list-style:none; padding:0; text-align:center;}
ul.color-chooser li {display:inline-block; height: 0; width: 15%; 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/barrier-reef-pools-optimised-image-sizes.jpg) center center; padding:250px 0 150px 0; margin-top:-100px; background-size:cover;}

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


.eael-adv-accordion .eael-accordion-list .eael-accordion-header {
	background-color: black;
}

span.cap {margin-top:-30px; text-align:center;}