/*
 Theme Name:   Dealer Child
 Theme URI:    https://www.designstudio.com/
 Description:  Dealer Theme Child Theme
 Author:       Design Studio
 Author URI:   https://www.designstudio.com/
 Template:     dealer-theme
 Version:      1.0.0
*/

@media (min-width: 1025px) {
  .home .video-header .overlay .container .the-content h3, .home .img-pan .overlay .container .the-content h3 {
    font-size: 52px;
  }
}

/***** HEADER 4 *****/


/**** MOBILE NAV ****/

/*div.mobile.nav nav.mobile.nav {
  background: #fff;
}

div.mobile.nav ul li a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

div.mobile.nav ul:first-of-type li a:first-of-type {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}*/
@media screen and (min-width:1024px) {
    div.header4 h1 {
        height: 65px;
        margin: 22px 0 24px 10px !important;
    }

  .header4 .global.nav {
      background-color: #2e3f86;
      position: absolute;
      bottom: 0;
      height: 53px;
      width: 100%;
    }
}

.header4 nav.global.nav ul ul {
    margin-top: -2px;
}

.header4 header h1 a {
    display: inline-block;
}

.header4 .desktop.nav {
    padding-top: 36px;
    padding-bottom: 40px;
}

.header4 .head-text {
    font-family: prelobold;
    margin-top: 0.5em;
    font-weight: 700;
    font-size: 1.4em;
}


/***** FOOTER 3 *****/

div.social-button {
    width: 100%;
}

.TWLA-footer-menu a {
    color: #fff !important;
}

.TWLA-footer-menu a:hover, .TWLA-footer-menu a:focus {
    color: #81d742 !important;
}

.TWLA-footer-info a {
    color: #fff !important;
}

.TWLA-footer-info a:hover, .TWLA-footer-info a:focus {
    color: #81d742 !important;
}


.facebook-social {
    background: url(https://watkinsdealer.s3.amazonaws.com/Images/Icons/facebook-icon.jpg) !important;
}

.youtube-social {
    background: url(https://watkinsdealer.s3.amazonaws.com/Images/Icons/youtube-icon.jpg) !important;
}

.twitter-social {
    background: url(https://watkinsdealer.s3.amazonaws.com/Images/Icons/twitter-icon.jpg) !important;
}

.gplus-social {
    background: url(https://watkinsdealer.s3.amazonaws.com/Images/Icons/gplus-icon.jpg) !important;
}

.insta-social {
    background: url(https://watkinsdealer.s3.amazonaws.com/Images/Icons/insta-icon.jpg) !important;
}

.social-icon {
  background-size: cover !important;
}


.single-product .TWLA-pre-footer {
    margin-top: 0;
}

.page-template-template-50-50 footer#footer {
    margin-top: 0;
}

.page-template-template-directions main #map-overlay {
    width: 48% !important;
    float: right;
}
.page-template-template-directions-php main .container {
    max-width: 1400px !important;
}
/*** HOME PAGE ***/

body.home div.the-links {
    font-weight: bold;
}

.quote-section img.review-score-img {
    margin: 0px auto 20px;
}

div.collection-reviews p.description {
    margin-bottom: 20px !important;
}


/*** VIDEO ***/

section.video-header h3 {
    text-transform: none;
}


/************General Content Block Home Page - Fantasy Plug n Play ***/

div.fantasy-plug {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    max-width: 1400px;
    margin: 0px auto;
    padding: 0px 2em 0em;
}

section.general.block.fantasy-plug-n-play img {
    padding: 0;
}

section.general.block.fantasy-plug-n-play p {
    margin: 0;
    padding: 0;
}

section.general.block.fantasy-plug-n-play img.fantasy-plug-bg {
    width: 100%;
}

section.general.block.fantasy-plug-n-play img.fantasy-logo, section.general.block.fantasy-plug-n-play h3.fantasy-title {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

section.general.block.fantasy-plug-n-play img.fantasy-logo {
    top: 56%;
    max-width: 450px;
    min-width: 250px;
    width: 30%;
}

section.general.block.fantasy-plug-n-play h3.fantasy-title {
    top: 42%;
    color: white;
}

@media screen and (max-width:1024px) {
    section.general.block.fantasy-plug-n-play h3.fantasy-title {
        top: 65%;
    }
    div.fantasy-plug {
        padding: 0px 1em 0em;
    }
    section.general.block.fantasy-plug-n-play img.fantasy-logo {
        position: relative;
        margin: 1.5em auto;
        display: inline-block;
        width: 100%;
        max-width: 350px;
    }
    section.general.block.fantasy-plug-n-play a.fantasy-logo-link {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin: 0;
    }
    div.fantasy-plug p:first-of-type {
        background: #eee;
    }
    div.about-us-container div.row div.columns {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding: 0 !important;
    }
    div.about-us-container div.row div.columns:first-of-type {
        /*padding: 0 2em 0 0 !important;*/
    }
    div.about-us-container p {
        font-size: 28px;
        line-height: 43px;
        padding: 0 1em;
    }
    div.about-us-container h2.about-us-title {
        text-align: center;
    }
}


/***** ABOUT US SECTION - HOME PAGE ****/

.home div.about-us-container {
    padding: 6em 0px 0px;
    max-width: 1400px;
    margin: 0em auto 1em;
}

div.about-us-container p {
    font-size: 29px;
    line-height: 43px;
}

@media (min-width:40.063em) {
  div.about-us-container h2.about-us-title {
    font-size: 52px;
  }

}

@media only screen and (min-width:1024px) and (max-width:1200px) {
    div.about-us-container p {
        font-size: 24px;
        line-height: 33px;
    }
}

@media only screen and (min-width:1024px) {
    div.about-us-container div.columns:first-of-type {
        padding-left: 2em !important;
    }
}


/************************************************HotSpring Family **/

.hotspring-fam {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1em 6em;
}

.hotspring-fam p {
    margin: 0!important;
    line-height: 0!important;
    padding: 0!important;
    /*    height: 0!important;*/
    /*    overflow: hidden!important;*/
}

.hotspringfamilies h2 {
    text-align: center;
    /*padding-top: 2em;*/
    padding-bottom: 0em;
}

.hotspring-fam article {
    position: relative;
    margin: 1em 0;
    width: 100%;
}

.hotspring-fam article:hover .overlay {
    opacity: 1;
    transition-duration: .25s;
}

.hotspring-fam article .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 154, 166, .95);
    top: 0;
    left: 0;
    padding: 1em;
    opacity: 0;
}

.general.block.section-block .hotspring-fam article .overlay a:hover, .general.block.section-block .hotspring-fam article .overlay a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto auto;
    width: 100%;
    text-align: center;
    height: 2.5em;
    color: white!important;
    text-transform: uppercase;
    font-size: 1.5em;
    padding: 0 1em;
}

.hotspring-fam article h3 {
    text-align: center!important;
    margin-bottom: .25em!important;
}

.hotspring-fam article img {
    width: 100%;
    max-width: 100%;
    padding: 0!important;
}

.the-logo img {
    margin-bottom: 1.5em;
}

/*.aspot-creator {
    margin: 0px -2%;
}*/


/******** WOOCOMMERCE SHOPPING ***********/

body.cart .woocommerce .cart .button, .woocommerce .cart input.button {
    float: right;
    margin-right: 10px !important;
}

@media only screen and (min-width:960px) {
    .hotspring-fam article {
        width: calc(50% - 2em);
        margin: 1em;
        float: left;
    }
    .general.block.section-block .hotspring-fam article .overlay a:hover, .general.block.section-block .hotspring-fam article .overlay a {
        height: 2em;
    }
    .hotspring-fam article h3 {
        text-align: left!important;
    }
    .hotspring-fam article.to-the-left h3 {
        text-align: right!important;
    }
    .the-logo {
        position: absolute;
        top: -45px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto auto;
        width: 373px;
        height: 143px;
        z-index: 10;
        background-color: white;
        border-radius: 100px;
        /*border: 1em solid white;*/
        padding: 0 2em;
    }
    .the-logo img {
        margin-top: 1.5em;
        margin-bottom: 0;
    }
}

/*@media screen and (min-width:1024px) and (max-width:1200px) {
    .header4 .global.nav ul.main.nav li a {
        padding: .5em 0 !important;
    }
}*/

#map-overlay {
    margin-left: 0.5em;
}


/* ACE SALT WATER FIXES */

.ace-saltwater-block .content-container, .ace-saltwater-block .custom {
    padding: 2em 0;
    max-width: 1400px;
    margin: 0 auto;
}

body.ace-how-it-works .content.row, body.ace-how-it-works .container, body.ace-caring-spa-water .content.row, body.ace-caring-spa-water .container, body.ace-salt-water-system-faq .container, body.ace-salt-water-system-faq .content.row, body.ace-how-to-videos .container, body.ace-how-to-videos .content.row {
    max-width: initial !important;
}

body.ace-how-to-videos .wrap .main.columns {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.ace-salt-water-system-faq .wrap.container, body.ace-how-it-works .wrap.container, body.ace-how-to-videos .wrap.container {
    padding-top: 0;
}
/*
body.ace-how-to-videos .aspot-creator, body.ace-salt-water-system-faq .aspot-creator, body.ace-how-it-works .aspot-creator, body.ace-salt-water-system .aspot-creator {
    padding-left: 2em;
    padding-right: 2em;
}*/

body.ace-how-it-works .section-block .custom .body_container ul.first {
    background: #d9edfa;
    background: -moz-linear-gradient(top, #d9edfa 0%, rgba(217, 237, 250, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #d9edfa, color-stop(100%, rgba(217, 237, 250, 0))));
    background: -o-linear-gradient(top, #d9edfa 0%, rgba(217, 237, 250, 0) 100%);
    background: -ms-linear-gradient(top, #d9edfa 0%, rgba(217, 237, 250, 0) 100%);
    background: linear-gradient(to bottom, #d9edfa 0%, rgba(217, 237, 250, 0) 100%);
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.ace-how-it-works .section-block .custom li {
    padding: 40px 0 30px;
    list-style: none;
    width: 83.33333%;
    margin: auto;
}

body.ace-how-it-works .columns, body.ace-caring-spa-water .columns, body.ace-salt-water-system-faq .columns, body.ace-salt-water-system .columns {
    padding-left: 0em !important;
    padding-right: 0em !important;
}

section.general.block.section-block.cleaning-spa-water {
    margin-top: 30px;
}

body.ace-salt-water-system-faq .body_container, .ace-how-it-works .body_container {
    padding: 0 0 60px;
}

body.ace-caring-spa-water section.section-block {
    background: #d9edfa;
    background: -moz-linear-gradient(top, #d9edfa 0%, rgba(217, 237, 250, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #d9edfa, color-stop(100%, rgba(217, 237, 250, 0))));
    background: -o-linear-gradient(top, #d9edfa 0%, rgba(217, 237, 250, 0) 100%);
    background: -ms-linear-gradient(top, #d9edfa 0%, rgba(217, 237, 250, 0) 100%);
    background: linear-gradient(to bottom, #d9edfa 0%, rgba(217, 237, 250, 0) 100%);
}

body.ace-caring-spa-water .section-block h4 {
    font-size: 37px;
    font-family: 'prelobold', Helvetica, Roboto, Arial, sans-serif !important;
    color: #006395;
    margin-bottom: 0;
    line-height: 1.42857;
    margin-bottom: 14px;
}

body.ace-caring-spa-water .section-block p {
    font-size: 26px;
    line-height: 1.4;
    color: #666768;
}

/*body.ace-caring-spa-water section.section-block .gb-header, body.ace-salt-water-system section.section-block .gb-header {
    padding: 60px 0;
}*/

body.ace-caring-spa-water section.section-block .gb-header .custom, body.ace-salt-water-system section.section-block .gb-header .custom {
    width: 83.33333%;
    margin: auto;
    padding: 30px 0;
}

body.ace-caring-spa-water a.view-videos {
    margin: 10px;
}

body.ace-salt-water-system-faq .ace-faq ul:first-of-type {
    background: -moz-linear-gradient(top, #b4def8 0%, rgba(180, 222, 248, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #b4def8, color-stop(100%, rgba(180, 222, 248, 0))));
    background: -o-linear-gradient(top, #b4def8 0%, rgba(180, 222, 248, 0) 100%);
    background: -ms-linear-gradient(top, #b4def8 0%, rgba(180, 222, 248, 0) 100%);
    background: linear-gradient(to bottom, #b4def8 0%, rgba(180, 222, 248, 0) 100%);
    margin-left: 0;
}

body.ace-salt-water-system-faq section.section-block p.description {
    font-weight: 700;
    font-weight: bold;
    font-size: 34px;
    line-height: 1.4;
    color: #666768;
    text-align: left;
    margin-bottom: 12px;
    font-family: 'prelobold', arial, sans-serif;
}

body.ace-salt-water-system-faq .ace-faq ul li {
    list-style: none;
    width: 83.33333%;
    margin: auto;
    padding: 40px 0;
}

body.ace-salt-water-system-faq .wrap p {
    color: #666768;
    font-size: 26px;
    line-height: 1.4;
}
/*
body.ace-salt-water-system .container, body.ace-salt-water-system .content.row, body.ace-caring-spa-water .container, body.ace-caring-spa-water .content.row {
    max-width: initial !important;
    width: 100%;
    padding-top: 0 !important;
}*/

body.ace-caring-spa-water h2.entry-title, body.ace-salt-water-system h2.entry-title, .ace-how-it-works h2.entry-title, .ace-salt-water-system-faq h2.entry-title {
    display: none;
}

body.ace-caring-spa-water section.section-block .gb-header .container .custom {
    width: 83.33333%;
    margin: auto;
    padding: 30px 0;
}

#wpadminbar a, #wpadminbar a img, #wpadminbar a img:hover, #wpadminbar a:hover {
    color: white !important;
}


.home .general.block.fantasy-plug-n-play .container {
  max-width: 1370px !important;
}


/*HOMEPAGE ASPOT*/

@media (max-width:1024px) {
  .home .video-header {
    max-height: 600px !important;
    }
}


.home .video-header .overlay .container .the-content {
  left: 0;
  right: 0;
  padding-right: 0;
}
@media (min-width: 1025px) {
  .home .video-header .overlay .container .the-content {
    max-width: 1000px;
    text-align: right;
  }
}

.home .video-header .overlay .container .the-content .the-links {
  padding-right: 0;
}

.video-header .overlay .container .the-content .the-links a {
  text-align: center;
}

/* MOBILE FIXES */
@media (max-width:1024px) {
      div.about-us-container {
        padding: 0.5em;
    }
    section.general.block.section-block.hotspringfamilies {
      margin-top: 2em;
  }
  section.general.block.section-block.fantasy-plug-n-play .gb-header {
      display: none;
  }
    .video-header h3.withLinks {
      max-width: 650px;
      margin: 0 auto;
  }
}
@media (min-width:960px) and (max-width:1150px){
    .hotspring-fam article h3 {
      font-size: 1.5em;
  }
}
@media (min-width:1024px) and (max-width:1571px){
    .header4 .global.nav ul.main.nav li a {
      padding: .4em 10px !important;
  }
    .header4 .global.nav ul.main.nav li a {
      font-size: 0.8em;
  }
	
}
@media (min-width:1571px) {
  .header4 .global.nav ul.main.nav li a {
      font-size: 1.1em;
	  padding: 0.3em 10px !important;
  }
	.header4 .global.nav {
		height: 72px !important;
	}
	.header4 .desktop.nav {
	  padding-top: 47px;
	  padding-bottom: 68px;
	}
}

@media (min-width:1800px) {
    .header4 .head-text {

      margin-right: 3em;
  }
}
div.mobile.nav ul li a:hover {
    background-color: rgba(255, 255, 255, .75);
    color: rgba(0, 0, 0, .75);
    color: black !important;
}


@media(min-width: 1024px){
	.the-vl.cf.three-col-vl {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.page-id-1021980 .three-col-vl .vl-item.cf {
		float: none !important;
		width: 32%;
		flex: 1;
		position: relative;
		max-width: none;
		min-width: 32%;
	}
}
	



@media(min-width: 450px) and (max-width: 1023px){
	.the-vl.cf.three-col-vl {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.page-id-1021980 .three-col-vl .vl-item.cf {
		float: none !important;
		width: 49%;
		flex: 1;
		position: relative;
		max-width: none;
		min-width: 49%;
	}
}
	

.page-template-template-watkins-collections .collection-box a 
{
	color: #CD1 !important;
	text-decoration: underline !important;
}

.home .video-header .overlay .container .the-content:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 1024px)
{
	.video-header .overlay .container .the-content h3
	{
		float: left;
	  width: 66%;
	}

	.home .the-links.block-menu
	{
		display: block;
		float: left;
	  width: 33% !important;
		bottom: 3.5em !important;
	}	
}

@media (max-width: 1023px)
{
	.video-header .overlay .container .the-content
	{
		bottom: auto;
	}
	
	.home .the-links.block-menu
	{
		display: block;
		
	}	
}

.utilities.nav a.cart,
.mobile .cart-search-combo a.cart {
	display:none !important
}
.utilities.nav .the-search-icon {
	height:54px;
}
.collection-video-reviews p, .quote-author{
	color: #fff !important;
}
.our-hot-tubs .gblocks .general-block-1 {
  display: none;
}
.our-hot-tubs .gblocks .container {
	justify-content: center;
	display: flex;
}

#gform_77 .gfield_checkbox {
  position: relative;
}
#gform_77 input[type="checkbox"] + label, #gform_wrapper_66 input[type="checkbox"] + label {
	text-align: left;
	margin-left: 2.3em;
}
#gform_77 .gfield_checkbox input {
  margin: 0.4rem 0 0.5rem 0;
}
.gfield--type-honeypot {
  display: none;
}