/*headings*/
h1,h2 {
  font-family: 'Bebas Neue', cursive;
  font-weight: 400;
  text-transform: uppercase;
}


h3,
h4 {
  font-family: 'Bebas Neue', cursive;
  font-weight: 400;
  text-transform: uppercase;
}

.breakout h1, .breakout h2 {
	margin-top: .5em;
}

h1.entry-title a, h2.entry-title a{
 font-weight: 400;
}

.special-line:after {
 display: block;
 content: '';
 width: 60px;
 height: 3px;
 background: #000000;
 margin-bottom: 10px;
}

.page-contact-us form.wpcf7-form h2 {
  color: #fff;
  /* text-shadow: 1px 1px 7px #000; */
}

/* Breakout Background Colors */
.bg-color-1 {
  background: #212121;
}
.bg-color-2 {
  background-color: #f1f1f1;
}

.breakout.container-fluid.bg-color-3.p-0 {}
.breakout > .row {
    margin: 0;
}

/* ------------ Footer ----------- */


/* --- Lists ---*/
/*styled listed fancylist*/
#footer ul,
#content ul.marker,
#content ul.cert,
#content ul.checked,
ul.fancylist,
ul.marker,
#content ul.fancylist {
  list-style: none;
  padding-left: 30px;
}
ul.marker {
  margin-top: 0;
}
#footer ul li,
ul.checked li,
ul.fancylist li,
ul.marker li,
ul.cert li {
  line-height: 1.5em;
  margin-bottom: 5px;
  text-indent: -22px;
}


ul.fancylist li:before, .bg-color-2 ul.fancylist li:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f324";
  margin-right: 5px;
  color: #8da221 !important;
  font-size: 0.95em;
}

#footer ul li:before
 {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f054";
  margin-right: 5px;
  color: #bed73e !important;
  font-size: 0.95em;
}


.bg-color-1 .inverse ul.fancylist li:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f324";
  margin-right: 5px;
  color: #1670b0 !important;
  font-size: 0.95em;
}

ul.marker li:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f32b";
  margin-right: 5px;
  color: #1670b0 !important;
  font-size: 1em;
}

.inverse ul.fancylist li:before {
  color: #ffffff !important;
}

#footer .fa-map-marker:before, #footer .fa-phone:before{
  color: #bed73e !important;
  margin-right: 5px;
}

/* feedback */

.socialicons {
    text-align: left;
}

/* Stars */
.final-star, .star {
    color: #bed73e !important;
}

/* Thumbs */

i.fas.fa-thumbs-up,i.fas.fa-thumbs-down {
    color: #bed73e;
}

i.fas.fa-thumbs-up:hover, i.fas.fa-thumbs-down:hover {
    color: #cdef22;
}

/* Review Page Bottom Margin */

.review-nav-container {
    margin-bottom: 10px;
}

/* Button Icons */
.billboard .slider-content a:after, .video-container .slider-content a:after, .btn:after, button i, .rev-read-more:after, a.contact-btn:after, .biziq-button:after,.client-button:after, .btn:after, #slider .btn:after, .view-article:after {
    font-family: "Font Awesome 5 Pro";
    font-size: .9em;
    content: '\f138';
    font-weight: 600;
    margin-left: 10px;
}

.billboard .slider-content a.tel-btn:after, .btn.tel-btn:after {
  content: '\f095';
}

.billboard .slider-content a.mail-btn:after, .btn.mail-btn:after {
  content: '\f0e0';
}



#header .btn:after {
display: none;

}

/* Button bg color */
#content .bg-color-1 .btn{
    background: #ffffff !important;
    color: #000 !important;
}

#content .bg-color-1 .btn:hover{
    background: #191919 !important;
 color: #fff !important;
}


/*-- Contact Page scrolling issue fix --*/

@media screen and (max-width: 1050px) and (min-width: 950px) {
.page-contact-us main#content {
    min-height: 850px;
  }
}

/* List Columns */
@media only screen and (min-width: 450px) {
 ul.col-count-2 {
    column-count: 2;
  }
  ul.col-count-2 {
    column-count: 2;
  }
ul.col-count-3 {
    column-count: 3;
  }
}

/* Hover Page Buttons */

.pods-row .pod-clmn {
  position: relative;
  text-align: center;
  text-decoration: none;
  color: #000;
  background-color: #bed73e;
  -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08),
    0 13px 45px rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08), 0 13px 45px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.85s cubic-bezier(0.25, 1, 0.33, 1);
  transition: all 0.85s cubic-bezier(0.25, 1, 0.33, 1);
}

.pods-row .pod-clmn a:hover {
text-decoration: none;
}

.pod-image {
  min-height: 200px;
  width: 100%;
  margin-bottom: 0px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.pods-row .pod-clmn .pod-image.first {
  background-image: url(/wp-content/uploads/backyard.jpg);
}

.pods-row .pod-clmn .pod-image.second {
  background-image: url(/wp-content/uploads/turf-cement-slabs-2.jpg);
}

.pods-row .pod-clmn .pod-image.third {
  background-image: url(/wp-content/uploads/entertainment-space.jpg);
}

.pods-row .pod-clmn .pod-image.fourth {
  background-image: url(/wp-content/uploads/long-front-walkway.jpg);
}

.pods-row .pod-clmn .pod-image.fifth {
	background-image: url('/wp-content/uploads/large-pool-2.jpg');
}

.pods-row .pod-clmn .pod-title {
  text-transform: uppercase;
  letter-spacing: 0px;
  font-size: 27px;
  font-family: 'Bebas Neue', cursive;
  padding-bottom: 15px;
  padding-top: 20px;
  margin: 0;
  color: #000;
  font-weight: 400;
  background-color: #bed73e;
  -webkit-transition: all 0.85s cubic-bezier(0.25, 1, 0.33, 1);
  transition: all 0.85s cubic-bezier(0.25, 1, 0.33, 1);
}

.pods-row .pod-clmn .pod-more-text {
  opacity: 0;
  position: absolute;
  width: 100%;
  bottom: 0px;
  text-transform: uppercase;
  font-size: 13px;
  -webkit-transition: all 0.85s cubic-bezier(0.25, 1, 0.33, 1);
  transition: all 0.85s cubic-bezier(0.25, 1, 0.33, 1);
}

.pods-row .pod-clmn:hover {
  -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.28),
    0 13px 45px rgba(0, 0, 0, 0.08);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.28), 0 13px 45px rgba(0, 0, 0, 0.08);
  -ms-transform: translateY(-15px);
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
}

.pods-row .pod-clmn:hover .pod-title {
  -ms-transform: translateY(-30px);
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
}

.pods-row .pod-clmn:hover .pod-more-text {
  background: #bed73e;
  color: #000;
  opacity: 1;

}

@media screen and (max-width: 880px) {

  .pods-row .pod-clmn {
    width: 100% !important;
  }

.pod-image {
  min-height: 250px;
  width: 100%;
}
  
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #ff0000;
	    color: #000;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
	    color: #000;
}

div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
	border: 2px solid #ff0000;
	    color: #000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
	    color: #000;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
	border: 2px solid #f7e700;
color: #000;
}
 /*-- Cards --*/
.card{
	box-shadow: 4px 4px 5px #00000036;
}

/* Accordion */

.accordion .btn-link {
    color: #000;
    display: block;
    cursor: pointer;
    background: #bed73e;
    padding: .5em;
    font-size: 1.6em;
}

h3.btn-link[aria-expanded="false"]:after {
    content: '\f067';
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    float: right;
    padding-right: 0;
    margin-bottom: 5px;
    color: #000;
}

h3.btn-link[aria-expanded="true"]:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    float: right;
    padding-right: 0;
    content: '\f068';
    margin-bottom: 5px;
    color: #000;
}
h3.btn-link[aria-expanded="true"] {
	background: #f1f1f1;
	color: #000;
	margin-bottom: 0;
}
h3.btn-link:hover {
	text-decoration: none; 
}
h3.btn-link + div .inner {
    padding: 1em;
    box-shadow: 0px 0px 1px #333;
}