.white{ color: #fff; }
.gold{ color: #CCA551 }
.licorice{ color: #111019; }
.black{ color: #050609; }
.red{ color: #AF2A39; }

@font-face {
  font-family: 'brandon_grotesque';
  src: url('../fonts/brandon_light-webfont.woff2') format('woff2'),
  url('../fonts/brandon_light-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;

}

@font-face {
  font-family: 'brandon_grotesque';
  src: url('../fonts/brandon_med-webfont.woff2') format('woff2'),
  url('../fonts/brandon_med-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;

}

body{ font-family: 'brandon_grotesque','sans-serif'; font-size: 24x !important; color: #050609;  }
.lead{font-size: 32px;}

h1,h2,h3,h4{ font-weight: bold; text-transform: uppercase; }

h1{ font-size: 48px; }

/*
Max content widths
*/
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto
}

/*
Header logo
If you require a Site title and a logo, an example of how to do this is provided below (use your own logo):

#site-title a {
  display: inline-block;
	padding-left 60px;
  background: url(../img/logo.png) 0 0 no-repeat;
}
*/

/*
Main content
*/

#content article {
  margin-bottom: 40px
}
#content header {
  margin: 20px 0
}
#content section {
  margin-bottom: 20px
}
#content footer {
  padding-bottom: 20px
}

/*
Sidebar
*/

.sidebar {
  margin-top: 20px
}
.sidebar section {
  margin-bottom: 40px
}
.sidebar ul,
.sidebar ol {
  list-style-type: none;
  padding: 0
}
.sidebar li {
  margin: 10px 0
}

/*
Hide form placeholders on focus
*/

input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color: transparent; } /* FF 19+ */
textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color: transparent; } /* FF 19+ */ 

/*
Comments
*/

#respond {
  margin-top: 40px
}
ol.commentlist {
	counter-reset: li; /* Initiate a counter */
	padding: 0
}
ol.commentlist ul {
  padding: 0
}
ol.commentlist > li {
	position: relative;
	margin: 0 0 20px 0;
	list-style: none /* Disable the normal item numbering */
}
ol.commentlist > li:before {
  content: "Thread " counter(li); /* Use the counter as content */
  counter-increment: li; /* Increment the counter by 1 */
  position:absolute;  
  top: 0;
  right: 0;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom-left-radius: 4px;
  padding: 5px 20px 5px 10px;
  color: #999
}
ol.commentlist li ol,
ol.commentlist li ul {
  list-style-type: none;
  margin: 0
}

.commentlist li li {
  background: #f8f8f8;
}
.commentlist li li li {
  background: #fff
}
.commentlist li li li li {
  background: #f8f8f8
}
.commentlist li li li li li li {
  background: #fff
}
.commentlist li {
  padding: 20px
}
.commentlist ul li {
  margin-top: 20px;
  margin-bottom: 0
}
.reply p {
  margin: 0
}

/*
Site footer
*/

.site-footer ul,
.site-footer ol {
  list-style-type: none;
  padding: 0
}
.site-footer li {
  margin: 10px 0
}
.site-sub-footer p {
  text-align: center
}

.site-footer p {
  text-align: center
}

.top-bar .logo,.top-bar .book, .top-bar .phone{ padding: 20px; }
.top-bar{ position: fixed; background: #fff; width: 100%; z-index: 999; top: 0; }

p:empty{ display: none; }
.phone a{ color: #CCA551; text-decoration: none !important; font-weight: 700;}
.book{ color: #050609 !important; transition: background 0.3s; text-decoration: none !important; }
.book:hover{ background: #fafafa; }

.logo{ text-transform: uppercase; }
.logo img{ height: 40px; }



/* .hero, .blur::before{ background: url('../i/hero.jpg') fixed; background-size: cover; } */

.hero{ background-size: cover; }

.hero{
  background-size: cover;
  color: #fff;
  height: 680px;
  overflow: hidden;
    margin-top: 75px;
    position: relative;
}

.hero .table{ width: 100%; height: 680px; display: table; }
.hero .table .table-cell{ display: table-cell; vertical-align: middle;}
.hero-content{  padding: 0 80px; text-shadow: 2px 2px 2px #222;  }
.hero #gform_1{ padding: 15px 30px 30px 30px; }
.hero-content .btn{ background: #AF2A39; font-size: 24px; text-transform: uppercase; font-weight: bold; border-radius: 0; color: #fff !important; }
.btn{ transition: background-color 0.3s; }
.btn:hover{ background-color: #009c7f !important; }

#video{ position: absolute; top: 0; left: 0; width: auto; height: 150%; } 

.hero .overlay{ 

  height: 100%; width: 100%; position: absolute; top :0; background-image: url('../i/pixel.png');

}



.testimonial-block{ width: 100%; }
.slide{ width: 100%; background-size: cover !important; background-position: 50% !important; }
.slide .table{ display: table; height: 500px; }
.slide .table-cell{ display: table-cell; vertical-align: middle; }
.slide-content{ background: #111019; color: #fff; padding: 30px; }
.quoted{ font-size: 18px; }

.blur::before{
  height: 620px;
  width: 100%;
  filter: blur(5px);
  margin-top: -10px;
  content: ' ';
  display: block;
  position: absolute;
}

.form-outer{ padding:0 60px; position: relative; z-index: 1; }
.form-inner{ color: #fff; background: #111019; padding: 15px; }
.form-heading{ background: #fff; margin: -15px -15px 12px -15px; color: #050609; padding: 15px; }
.form-heading h3{ text-align: center; margin: 0; line-height: 19px; }
.form-heading::after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  content: ' ';
  background: #111019;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  margin-top: 15px;
}

html{ scroll-behavior: smooth; }

.gform_wrapper label.gfield_label, label{ font-size: 20px !important; font-weight: normal !important; }
.gform_footer{ padding: 0px !important; }
#gform_wrapper_1{ margin-bottom: 0px !important; }
#gform_submit_button_1{ background: #007a63; text-transform: uppercase; font-weight: 700; margin-top: 0; width: 100%; text-align: center; border: none; border-radius: 0; max-width: 100%; }

li.gfield{ padding: 0px !important; }
.ginput_container .large{ font-size: 20px !important; height: auto !important; border-radius: 0; }
.ginput_container textarea{ font-size: 20px !important; height: 80px !important; border-radius: 0; }
#gform_wrapper_1 .gform_heading{ margin-bottom: 30px; }

#field_1_20 .gfield_label{ display: none !important; }

.pricing{ padding: 60px 0; background: #f7f7f7; }
.package{ background: #fff; padding: 0 30px; }
.package h3{ margin-top: 0px; padding-top: 20px; margin-bottom: 20px; }
.package ul{ padding: 0px; text-align: left; }
.package ul li{ list-style-type: none; font-size: 20px; padding: 10px 30px; border-top: 1px dotted #ccc; margin: 0 -30px; }
.package ul li:last-child{ border-bottom: 1px dotted #ccc; }
.gform_wrapper.gravity-theme .gfield-choice-input{ margin-right: 10px; }

.gfield_label_before_complex, legend.gfield_label{ font-size: 20px !important; }

.package .price{ font-size: 32px; font-weight: bold; }
.package .btn{ background: #AF2A39; color: #fff; padding: 10px 30px; margin: 0 -30px; display: block; border-radius: 0; font-size: 20px; text-transform: uppercase; font-weight: bold; }

.ginput_complex input{ font-size: 20px !important;
  height: auto !important;
  border-radius: 0; }
 
.site-sub-footer{ padding: 10px 0; font-size: 16px; background: #050609; color: #fff; }
.site-sub-footer a{ color: #fff; }
.site-sub-footer a:hover{ color: #CCA551 !important; text-decoration: none; }


.modal{ background: rgba(17,16,25,0.9); padding: 15px !important; }
.modal .modal-dialog{ margin: 0 auto; color: #fff; }
.modal .modal-content{ background: #111019; box-shadow: none; border: none; border-radius: 0; }
.modal .modal-body{ padding: 30px; padding-top: 0px; }
.modal .modal-header{ padding: 30px; }
.modal .table{display: table; width: 100%; height: 100%; margin: 0px;}
.modal .table-cell{ display: table-cell; vertical-align: middle; }

.modal-header,.modal-footer{ border: none; }
.modal .close{ color: #fff; opacity: 1; }
.modal .gform_heading{ text-align: center !important; }
.modal .gform_wrapper{ margin-top: 0px !important; }

.modal .gform_description{ font-size: 16px !important; }

#gform_submit_button_3,#gform_submit_button_2,#gform_submit_button_5{ background: none; transition: all 0.3s; margin-top: 20px; font-size: 24px; width: 100%; padding: 10px; border: 2px solid #151619; border-radius: 0px; color: #151619; text-transform: uppercase; font-weight: bold; }
#gform_submit_button_3:hover,#gform_submit_button_2:hover{ color: #fff; }

@media(min-width: 992px){
    .package{  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3) }
    .package.zoom{ transform: scale(1.075); }
}

@media(max-width: 991px){
    .slide-content{ background: rgba(17,16,25,0.9) }

    .hero .table, .hero .table-cell, .hero{ display: block !important; overflow: hidden; height: auto !important; text-align: center; }
    .hero{ padding: 60px 0; margin-top: 0px; }
    .hero .hero-content .btn{ width: 100%; }
    .overlay{ padding: 60px 0; }
    #video{ height: auto; top: 0; width: auto; height: 200%;}
    .top-bar .pull-left{ width:100%; }
    .logo{ margin: 0 auto; text-align: center; }
    .logo img{ max-width: 75%; height: auto;}

    .top-bar{ position: relative; }
    .top-bar .pull-right{ position: fixed; bottom: 0; width: 100%; }
    .top-bar .pull-right a{ width: 50%; display: block; text-align: center; float: left; padding: 24.5px; margin: 0; }
    .tel-link{ background: #f1f1f1; }
    body{ padding-bottom: 83px; }
}

@media(max-width: 767px){
    .top-bar .pull-left, .top-bar .pull-right{ float: none !important; text-align: center; }
    .hero-content{ padding: 0px; }
    .hero{ margin-top: 0px; }
    .top-bar{ position: relative; }
    .logo{ text-align: center; border-bottom: 1px dotted #ccc; }
    .top-bar .phone{ width: 100%; float: left !important; border-left: none; text-align: center; }
    .top-bar .book{ width: 50%; display: block; float: left !important; }

    .hero h1{ font-size: 36px; }
    .hero-content .lead{font-size: 28px; line-height: 32px;}
    .hero-content .btn{ font-size: 20px; }

    #video{ height: 120%; }

    .top-bar .pull-right a{ width: 50%; display: block; text-align: center; float: left; padding: 10px; margin: 0; font-size: 20px; }
    .tel-link{ background: #f1f1f1; }

    body{ padding-bottom: 48px; }



}

@media(min-width: 1600px){
  #video{ height: auto; width: 100%; }
}

.benefit{ margin-bottom: 30px; margin-top: 30px; }

.register{ background: #007a63; color: #fff !important; padding: 24.5px; display: inline-block; transition: background 0.3s; text-decoration: none !important; }
.register:hover{  background: #009c7f; }
#gform_submit_button_1:hover{ background: #009c7f; }

.tel-link{ margin-right: 30px; color: #050609; }

.locations{ background: #151619; color: #fff; padding: 30px 0; font-size: 18px; }
.locations .venue{ width: 25%; float: left; padding: 15px; }

#field_5_59 legend{ display: none !important; }

/* Target the Junior Leagues fieldset */
#input_5_51 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr); /* Two equal columns */
    gap: 15px; /* Adds spacing between the options */
}
#gform_confirmation_message_5{ text-align: center !important; }