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


:root {
    
    --default-error: #830a00;

    --sb-error: #830a00;
    --sb-error-rgb: 79,6,0;
  
  --sb-claypot: #9A4A33;
  
    --sb-red: #9A4A33; /* before SW  9c4500 */ /*#c06a1f; #9b4722;*/
    --sb-red-rgb: 154, 74, 51;
  
  --sb-accent1: #CBC1A3;  /* before SW #cec6a1 */
  --sb-accent1-rgb: 203,193,163;
  
    --sb-dark-green: #354b46; /* before SW, 354b46 */
  --sb-dark-green-rgb: 59, 87, 67;
  
    --sb-light-green: #9BACA4; /* before SW 97b1aa */
  --sb-light-green-rgb: 155, 172, 164;
  
  --sb-green:#596f6a;
  --sb-green-rgb: 89, 111, 106;
  
  --sb-medium-green: #80b5aa;
  --sb-medium-green-rgb: 128, 181, 170;
  
  --sb-navy: #112b44;
  
  --sb-light-blue: #7cb4c5;
  
    --sb-light-yellow: #f3eada;
    
    --sb-light-color-1: #e4ecee;
  
  --sb-beige: #CBC1A3;
    --sb-beige-rgb: 203,193,163;
    
    --sb-default-text-color: #5B605F;
  
  --sb-caution-rgb: 255,161,122;
  --sb-danger-rgb: 79,6,0; 
  
  --default-text-color: var(--sb-default-text-color);
    
    
    --sp-panel-margin: 30px;
    
}




/****** type ******/

h3, .card-row li span, td, p>span{font-family: 'roboto', sans-serif; font-size:13px; letter-spacing:1.5px; color:var(--sb-light-green); text-transform:uppercase; font-weight:700; margin-bottom:20px;}
h3{color:var(--sb-red)}
h4{font-size:20px;}
h5{font-size:16px; color: var(--sb-light-green); text-transform: capitalize}
h5.side-bar{color: #fff; }
h6{font-size: 12px; letter-spacing: 2px; margin-bottom:0px; text-transform:uppercase;}
p, li{font-size:14px; line-height: 28px; color:var(--sb-default-text-color); font-family: 'roboto', sans-serif; font-weight: 400;}
p.lead{font-size: 18px; line-height: 32px;}

h3.large{color:var(--sb-medium-green); margin-bottom:20px; font-size:21px;}

a{text-decoration:none; font-size:14px; letter-spacing:1.5px; color:var(--sb-light-green); text-transform:uppercase; font-weight:700;}
a:hover{text-decoration:none; opacity:.8; color:var(--sb-light-green); cursor: pointer; }

h1.big, h2.big, .swiper-caption h1, .swiper-caption h2{font-size:30px;}
h3.big, .swiper-caption h3{font-size:14px;}
h1.small, h2.small{font-size:24px;}
.green-paper-bg, .green-paper-bg h1, .green-paper-bg h2, .green-paper-bg h3, .green-paper-bg h4, .green-paper-bg h5, .green-paper-bg h6, .green-paper-bg p{color:#fff;}
.dark-green-bg p{color:var(--sb-light-green)}



.page-title h1 { text-align: center; margin-top: 70px; }
.page-title h1:after { margin-bottom: 15px; }
.breadcrumb { margin: 0; }
.breadcrumb li a { color: var(--sb-green); }


/***BACKGROUNDS AND BORDERS***/
.paper-bg, .green-paper-bg, .gold-paper-bg, .beige-paper-bg, .lowerlevel .child-thumbs + section, .lowerlevel .child-thumbs + div{background-image:url("../images/paper.png"); background-size:350px 415px; background-repeat:repeat; background-color:#fff; }
.green-paper-bg{background-image:url("../images/paper-green.png");}
.gold-paper-bg{background-image:url("../images/paper-gold.png");}
.beige-paper-bg, .lowerlevel .child-thumbs + section, .lowerlevel .child-thumbs + div{background-color:var(--sb-beige);}
.beige-paper-bg .container{position:relative; z-index: 1;}

.dark-green-bg{background-color:var(--sb-dark-green);}
.light-green-bg{background-color:var(--sb-light-green);}
.gold-bg{background-color:var(--sb-accent1);}
.beige-bg{background-color:var(--sb-beige);}
.very-light-bg{background-color: var(--sb-light-color-1)}
.red-bg{background-color: var(--sb-red)}
.beigeish-bg{background-color:rgba(var(--sb-beige-rgb), .5)}

.bottom-border-feature:after, .top-border-feature:after{content:''; height:3px; background-color:#ffffff; width:100%; display:block; position:absolute; bottom:-6px; left:0; right:0; -webkit-box-shadow: rgb(0, 0, 0, 50%) 0px 0px 5px -1px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px -1px; box-shadow: rgba(0, 0, 0, 50%) 0px 0px 5px -1px;}
.top-border-feature:after{bottom:auto; top: -6px;  z-index: 1;}
.dark-green-bg.top-border-feature:after{background-color:var(--sb-dark-green);}
.right-border-feature, .left-border-feature{position:relative;}
.right-border-feature:after, .left-border-feature:after{content:''; height: 3px; background-color: #ffffff; width: 100%; display: block; position: absolute; bottom: -7px;}
.gold-bg.right-border-feature:after{background-color:var(--sb-accent1);}

.border-right{border-right:2px solid rgba(255, 255, 255, .4);}
.border-bottom{border-bottom:2px solid rgba(255, 255, 255, .4);}
.border-middle{display:block; margin:0 auto; width: 100%; height: 2px; margin-top: 30px; margin-bottom: 30px; background-color: rgba(53, 75, 70, .25);}

.white-box{background-color: #fff; padding: 30px; -webkit-box-shadow: rgb(0, 0, 0, 50%) 0px 0px 5px -1px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px -1px; box-shadow: rgba(0, 0, 0, 50%) 0px 0px 5px -1px; position: relative; z-index: 1;}
.white-box.green-paper-bg{padding:30px; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 1; text-align: center;}

.vertical-line{height:100%; width:2px; background-color:var(--sb-light-color-1); display:block;}

.border-none{border:none !important;}

.light-green-bg.col-title-top:after{background-color:var(--sb-light-green)}





/******** form ********/


.control-label {
    position: absolute;
    top: -8px;
    display: block;
    transition: 0.2s;
    font-size: .6rem;
    line-height: 1.0;
    color: var(--sb-green);
}

.form-control { border-radius: 0 !important; border-bottom-left-radius:0 !important; border-bottom-right-radius: 0 !important; }
.form-control:focus {
    padding-bottom: 6px;
    font-weight: 700;
    
  border-bottom-color: var(--sb-green);
    /*border-image: linear-gradient(to right, var(--sb-green), var(--sb-green));
    border-image-slice: 1;*/
    box-shadow: none;
}
.form-control:focus ~ .control-label { color: var(--sb-green); font-weight: 600; }

.form-control:focus ~ .control-label, .custom-select:focus ~ .control-label { color: var(--sb-green); }

/*.form-control:placeholder-shown ~ .control-label { font-size: .9rem; cursor: text; top: 10px; }*/

.contact-form { padding-bottom: 60px; }

.form-control, .custom-select { border-bottom: 1px solid var(--sb-green) !important; }

.formResults { padding: 30px; }

.form-group { position: relative; margin-bottom: 1.5rem; }

input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
    box-shadow: none;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: var(--sb-green);
    background-color: var(--sb-green);
    box-shadow: none;
}

div.photo-error { padding: 6px 12px; background-color: var(--sb-error); color: #ffffff; }



.waiver-btn { position: relative; border: none; height: 40px; }
.waiver-btn:before { content: '\f071'; font-family: 'Font Awesome 5 Pro', FontAwesome; color: #b2c516; font-size: 20px; line-height: 40px; display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 60px; height: 100%; background-color: #f6f6f1; font-weight: 700;  }
            
.waiver-btn.btn-success:before { content: '\f00c'; color: #3B972B; }

/************* cards **************/

.card { border: none; }
.card a:hover { }


/***** card rollover *****/
.card.rollover { overflow: hidden; }

.card.rollover a:after { content: '\f055'; font-family: 'Font Awesome 5 Pro', FontAwesome; display: block; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; color: #ffffff; z-index: 100; font-size: 30px; line-height: 30px; transform: translate(-50%,-50%); pointer-events: all; }

.card.rollover a:after:hover { color: rgba(178,197,22,.7); }

.card.rollover .card-body { position: absolute; background-color: rgba(165,95,132,.9); color: #fff; 
right: 0; top: 0; bottom: 0; left: 0; 
text-align: center; display: flex; align-content: center;  align-items: center; 

width: 100%; height: 100%; opacity: 0; -webkit-transform: scale3d(0.7, 1, 1);
transform: scale3d(0.7, 1, 1);
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.card-img-overlay { top: auto; background-color: rgba(178,197,22,.9); color: #ffffff; }
.card-img-overlay .card-title { color: #ffffff; margin: 0; padding: 0; }



/************* video ***************/

.video-graphic { position: absolute; width: 300px; max-width: 300px; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1000; }

.video-graphic img { width: 100%; }

.overlay { background-color: rgba(57,57,57,.4); position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 999; }

@media (min-width: 576px) { 
  .video-graphic { width: 600px; max-width: 600px; }
}

@media (min-width: 768px) { 
  .video-graphic { width: 400px; max-width: 400px; }
}

@media (min-width: 992px) { 
  .video-graphic {  width: 500px; max-width: 500px; }
  body.home { padding-top: 0 !important; }
}

@media (min-width: 1200px) { 
  .video-graphic {  width: 600px; max-width: 600px; }
  .control-label { top: -8px; }
}