/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* TYPOGRAPHY & HEADINGS */
@font-face {
  font-family: 'Hero';
  src: url('fonts/Hero-Bold.woff2') format('woff2'),
      url('fonts/Hero-Bold.woff') format('woff'),
      url('fonts/Hero-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Hero';
  src: url('fonts/Hero-Light.woff2') format('woff2'),
      url('fonts/Hero-Light.woff') format('woff'),
      url('fonts/Hero-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Amatic SC';
  src: url('fonts/AmaticSC-Bold.woff2') format('woff2'),
      url('fonts/AmaticSC-Bold.woff') format('woff'),
      url('fonts/AmaticSC-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Hero';
  src: url('fonts/Hero-Regular.woff2') format('woff2'),
      url('fonts/Hero-Regular.woff') format('woff'),
      url('fonts/Hero-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Amatic SC';
  src: url('fonts/AmaticSC-Regular.woff2') format('woff2'),
      url('fonts/AmaticSC-Regular.woff') format('woff'),
      url('fonts/AmaticSC-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sports World';
  src: url('fonts/SportsWorld.woff2') format('woff2'),
      url('fonts/SportsWorld.woff') format('woff'),
      url('fonts/SportsWorld.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}




.testimonial_slider blockquote span,
.testimonial_slider blockquote p,
body {
  font: normal 18px/1.87 "Hero", sans-serif !important;
}
h1,
.h1 {
  font: bold 66px/1.13 "Hero", sans-serif !important;
}
h2:not(.gform_submission_error ),
.h2 {
  font: bold 46px/1.21 "Hero", sans-serif !important;
  text-transform: capitalize;
}
h2.lg,
.h2.lg {
  font: normal 64px/1 "Sports World", sans-serif !important;
}
h2.sm,
.h2.sm {
  font: bold 50px/1.1169 "Hero", sans-serif !important;
}
h3,
.h3 {
  font: normal 38px/0.89 "Amatic SC", sans-serif !important;
  text-transform: uppercase;
}
.hero-text {
    font-size: 25px;
}
.bold,
strong,
b {
  font-family: "Hero" !important;
  font-weight: bold !important;
}
.text-left {
  text-align: left;
}
.span_12.light .wpb_text_column a:not(:hover) {
  opacity: 1 !important;
}
.yellow {
  color: #E7DE17 !important;
}
span.yellow-box {
  border-radius: 10px;
  display: inline-block;
  padding: 30px 24px 24px;
  line-height: 0.6;
  border: 4px solid #E7DE17;
  margin-bottom: 11px;
}
.row .sm-twi .col .iwithtext .iwt-icon img:not([srcset]) {
  width: 18px;
  height: 18px;
  margin-top: 0.4em;
}

.row .sm-twi .iwithtext .iwt-text {
  padding-left: 30px !important;
}

.row .sm-twi .iwithtext {
  margin-bottom: 12px !important;
}
/* FOR FULL WIDTH CONTENT */
/* Add pin-right on left column if you don't want to span full width
   Add pin-left to right column if you don't want to span full width */
@media screen and (min-width: 1425px) {
  .pin-right:not(.vc_col-sm-5) {
    max-width: calc(1615px / 2);
    margin-left: auto !important;
    padding-right: 1% !important;
  }
  .no-padding-left-desktop.pin-left > div,
  .no-padding-left-desktop.pull-left > div {
    padding-left: 0px !important;
  }
  .pin-left:not(.vc_col-sm-5) {
    max-width: calc(1615px / 2);
    margin-right: auto !important;
    padding-left: 1% !important;
  }
}
@media screen and (min-width: 1600px) {
  .pin-right.vc_col-sm-5 {
    padding-left: 90px !important;
  }
  .pin-left.vc_col-sm-5 {
    padding-right: 90px !important;
  }
}
@media screen and (min-width: 1615px) {
  .pin-left > .row_col_wrap_12_inner,
  .pin-right > .row_col_wrap_12_inner {
    min-width: 812px;
  }
  .pin-left.no-p-l-lrg > .row_col_wrap_12_inner,
  .pin-right.no-p-l-lrg > .row_col_wrap_12_inner {
    padding-left: 0px !important;
    min-width: 810px;
  }
  .pin-right.vc_col-sm-5 > div {
    padding-left: 1%;
  }
  .pin-left.vc_col-sm-5 > div {
    padding-right: 1%;
  }
}
@media screen and (min-width: 2005px) {
  .pin-right.vc_col-sm-5,
  .pin-left.vc_col-sm-5 {
    max-width: 690px;
  }
}
@media screen and (min-width: 1000px) {
  .pin-right,
  .pull-right {
    display: flex !important;
    align-items: center;
    justify-content: flex-end !important;
  }
  .pin-right:not(.vc_col-sm-5) > div,
  .pull-right:not(.vc_col-sm-5) > div {
    padding-left: 90px;
    /* max-width: 850px; */
    width: 100%;
    padding-right: 90px;
  }
  .pin-left:not(.vc_col-sm-5),
  .pull-left:not(.vc_col-sm-5) {
    display: flex !important;
    align-items: center;
    justify-content: flex-start !important;
  }
  .pin-left:not(.vc_col-sm-5) > div,
  .pull-left:not(.vc_col-sm-5) > div {
    padding-right: 90px;
    /* max-width: 850px; */
    width: 100%;
    padding-left: 90px;
  }
  .pr-0-d > div {
    padding-right: 0px !important;
  }
  .pin-left.sm-padding-left-d > div {
    padding-right: 0;
    padding-left: 48px !important;
  }
  .no-padding-left-desktop.pin-left > div,
  .no-padding-left-desktop.pull-left > div {
    padding-left: 0px !important;
  }
  .pin-right.vc_col-sm-5 {
    max-width: calc(calc(1615px / 12) * 5);
    margin-left: auto !important;
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .pin-left.vc_col-sm-5 {
    margin-right: auto !important;
    padding-right: 90px !important;
    padding-left: 40px !important;
    max-width: calc(calc(1615px / 12) * 5);
  }
  .no-padding .pin-right.wpb_column,
  .no-padding .pin-left.wpb_column {
    padding: 80px 0 !important;
  }
  .lg-contaner-d .row_col_wrap_12.col {
    justify-content: center;
    align-items: center;
  }
  .lg-contaner-d .row_col_wrap_12.col > .wpb_column {
    width: auto;
  }
}
@media screen and (min-width: 691px) and (max-width: 999px) {
  .pin-left > div,
  .pull-left > div,
  .pin-right > div,
  .pull-right > div {
    max-width: 600px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 690px) {
  .pin-left > div,
  .pull-left > div,
  .pin-right > div,
  .pull-right > div {
    max-width: 320px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 690px) {
  .pin-left > div,
  .pull-left > div,
  .pin-right > div,
  .pull-right > div {
    max-width: 420px;
  }
}
@media only screen and (min-width: 1000px) {
  .container-d > .row_col_wrap_12 {
    margin: 0 auto !important;
    position: relative;
    max-width: 1615px;
  }
  .container-d > .row_col_wrap_12 > div {
    margin-left: 70px !important;
    margin-right: 70px !important;
    padding: 0 20px 20px !important;
    overflow: hidden;
  }
}
@media only screen and (max-width: 999px) {
  .container-m > .row_col_wrap_12 {
    margin: 0 auto !important;
    position: relative;
    max-width: 880px;
  }
}
@media only screen and (min-width: 690px) and (max-width: 999px) {
  .container-m > .row_col_wrap_12 {
    max-width: 600px;
  }
}
@media only screen and (max-width: 690px) {
  .container-m > .row_col_wrap_12 {
    max-width: 320px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 690px) {
  .container-m > .row_col_wrap_12 {
    max-width: 420px;
  }
}
/* SET STANDARD SPACING FOR ALL ROWS */
/*.vc_row-fluid > .span_12 > .wpb_column { /* padding for all rows */
/* .vc_row-fluid > .span_12 > .wpb_column > .vc_column-inner > .wpb_wrapper { padding for all columns */
.has-global-section > .row_col_wrap_12 {
  padding: 0 !important;
}
body[data-bg-header="true"] .container-wrap,
.container-wrap {
  padding-bottom: 0 !important;
}
.vc_row > .row_col_wrap_12 {
  /* padding for main rows */
  padding: 140px 0;
}
.no-col-pb > .vc_column-inner {
  padding-bottom: 0 !important;
}
@media screen and (min-width: 1000px) {
  .vc_row-fluid > .span_12 .wpb_column.extra-padding-right {
    padding-right: 80px;
  }
  .extra-padding-right-desktop {
    padding-right: 90px !important;
  }
  .no-padding-bottom-d,
  .no-padding-bottom-d .wpb_wrapper,
  .no-padding-bottom-d .row_col_wrap_12 {
    padding-bottom: 0 !important;
  }
  .vc_row.sm-padding > .row_col_wrap_12 {
    /* padding for main rows */
    padding: 80px 0;
  }
}
@media screen and (min-width: 1425px) {
  .extra-padding-right-desktop {
    padding-right: 129px !important;
  }
  .extra-padding {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .extra-padding-bottom {
    padding-bottom: 40px;
  }
  .extra-padding-top {
    padding-top: 40px !important;
  }
  .img-overlap-padding.no-padding-bottom
    > .row_col_wrap_12.col.span_12.dark.left {
    padding-top: 200px !important;
  }
  .img-overlap-col {
    margin-bottom: 130px !important;
  }
}
@media screen and (min-width: 1500px) {
  .extra-padding {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .extra-padding-bottom {
    padding-bottom: 100px;
  }
  .extra-padding-top {
    padding-top: 125px !important;
  }
  .img-overlap-padding > .row_col_wrap_12.col.span_12.dark.left {
    padding-top: 150px !important;
  }
  .img-overlap-padding.no-padding-bottom
    > .row_col_wrap_12.col.span_12.dark.left {
    padding-top: 250px !important;
  }
  .img-overlap-col {
    margin-bottom: 145px !important;
  }
  /* pin col padding */
  .no-padding .pin-right.wpb_column,
  .no-padding .pin-left.wpb_column {
    padding: 125px 0 !important;
  }
}
@media screen and (max-width: 999px) {
  .extra-padding-mobile > .col {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .extra-padding-bottom > .col,
  .extra-padding-bottom {
    padding-bottom: 40px;
  }
  .extra-padding-top-mobile > .col,
  .extra-padding-top-mobile {
    padding-top: 48px !important;
  }
  .no-padding-bottom-m,
  .no-padding-bottom-m .wpb_wrapper,
  .no-padding-bottom-m .row_col_wrap_12 {
    padding-bottom: 0 !important;
  }
}
.no-margin-top {
  margin-top: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.no-padding,
.no-padding .wpb_wrapper,
.no-padding .row_col_wrap_12 {
  padding: 0 !important;
}
.no-padding-top,
.no-padding-top .wpb_wrapper,
.no-padding-top .row_col_wrap_12 {
  padding-top: 0 !important;
}
.no-padding-top-bottom,
.no-padding-top-bottom .wpb_wrapper,
.no-padding-top-bottom .row_col_wrap_12 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.no-padding-bottom,
.no-padding-bottom .wpb_wrapper,
.no-padding-bottom .row_col_wrap_12 {
  padding-bottom: 0 !important;
}
.wpb_column.no-margin:not([class*=vc_col-xs]),
.no-margin,
.no-margin .wpb_wrapper {
  margin: 0 !important;
}
/* BACKBROUND */
.bg-contain .row-bg.using-image {
  background-size: contain;
}
.bg-auto .row-bg {
  background-size: auto;
}
/* IMAGES */
.row .col img.img-with-animation.nectar-lazy:not([srcset]) {
  width: auto;
}
/* BUTTONS */
/* selector for both nectar buttons & gravity forms buttons */
body[data-form-submit=regular] .container-wrap .gform_wrapper .gform_footer input[type=submit],
body .nectar-button,
body[data-button-style*="slightly_rounded"] .nectar-button,
body[data-form-submit="regular"] .container-wrap input[type="submit"] {
  position: relative;
  font: bold 18px/1.27 "Hero", sans-serif !important;
  text-transform: uppercase;
  padding: 15px 39px !important;
  text-align: center;
  opacity: 1 !important;
  border: 2px solid #E7DE17;
  white-space: nowrap;
  color: #141414 !important;
  border-radius: 100px!important;
  -webkit-border-radius: 100px!important;
  margin-bottom: 0 !important;
  transition: all 0.5s ease;
}
body .nectar-button.transparent,
body[data-button-style*="slightly_rounded"] .nectar-button.transparent {
  background: transparent !important;
  border-color: #fff;
  color: #fff !important;
  display: inline-flex;
  gap: 6px;
  flex-direction: row-reverse;
  align-items: center;
  padding: 15px 39px 15px !important;
}
body .nectar-button.transparent i,
body[data-button-style*="slightly_rounded"] .nectar-button.transparent i {
  position: relative;
  margin-left: 16px;
  transform: none !important;
  font-size: 24px;
  height: auto !important;
  line-height: 1.1 !important;
  width: auto !important;
}
body .nectar-button.transparent span,
body[data-button-style*="slightly_rounded"] .nectar-button.transparent span {
  transform: none !important;
}
body[data-form-submit=regular] .container-wrap .gform_wrapper .gform_footer input[type=submit] {
  padding: 15px 39px 13px !important;
  background-color: #E7DE17!important;
  border: 2px solid #E7DE17 !important;
  margin-top: 24px !important;
}
body .nectar-button, body[data-button-style*="slightly_rounded"] .nectar-button, 
body[data-form-submit="regular"] .container-wrap input[type="submit"] {
  outline: none !important;
}
body .nectar-button:hover,
body[data-button-style*="slightly_rounded"] .nectar-button:hover,
body[data-form-submit=regular] .container-wrap .gform_wrapper .gform_footer input[type=submit]:hover{
  background: #141414 !important;
  background-color: #141414 !important;
  border: 2px solid #141414 !important;
  color: #fff !important;
}

body[data-button-style*="slightly_rounded"] .nectar-button.hover-white:hover,
body[data-button-style*="slightly_rounded"] .nectar-button.white-hover:hover {
  color: #141414 !important;
  border-color: #fff !important;
  background-color: #fff !important;
}
body .nectar-button, body[data-button-style*="slightly_rounded"] .nectar-button:focus,
body[data-form-submit="regular"] .container-wrap input[type="submit"]:focus {
  outline: 2px solid #E7DE17 !important;
}
body .nectar-button, body[data-button-style*="slightly_rounded"] .nectar-button.transparent:focus {
  outline: 2px solid #141414 !important;
}

/* FOOTER */
.flex-col > .vc_column-inner > .wpb_wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
}
.flex-col.centered > .vc_column-inner > .wpb_wrapper {
    display: flex;
    flex-direction: column;
}
.menu-main-menu-container ul {
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: end;
  align-items: center;
}
.menu-main-menu-container ul li {
  list-style: none;
}
.material .widget li a,
.menu-main-menu-container ul li > a {
  line-height: 1;
  position: relative;
  padding: 0 10px !important;
  color: #ffffff;
  font-size: 16px;
  white-space: nowrap;
}
.material .widget li:last-child a,
.menu-main-menu-container ul li:last-child > a{
  padding-right: 0 !important;
}
.menu-main-menu-container ul li.current-menu-item > a,
.menu-main-menu-container ul li > a:hover {
  color: #fff !important;
  opacity: 1;
}
span.hidden {
  display: none;
}
.flex-col
  .img-with-aniamtion-wrap.margin_right_tablet_25px.margin_right_phone_20px
  .hover-wrap {
  margin-bottom: 0;
}
/* World Class Franchise Support */
.nectar-fancy-box[data-style=hover_desc] .inner h3 {
    font-size: 35px !important;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
    line-height: 1.169 !important;
    font: normal 34px/1 "Hero", sans-serif !important;
    text-transform: capitalize;
}
.nectar-fancy-box[data-style=hover_desc] .hover-content {
    max-width: 100%;
    line-height: 177.9%;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
}
.nectar-fancy-box[data-style=hover_desc] .hover-content p {
  padding: 1em 0 0;
}
#ajax-content-wrap .nectar-fancy-box[data-style=hover_desc] .box-bg:after,.nectar-fancy-box[data-style="hover_desc"][data-color="extra-color-3"] .box-bg:after {
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 100%);
}
.nectar-fancy-box[data-style=hover_desc] .box-bg:before {
    background: linear-gradient(205deg, rgba(0, 0, 0, 0.00) 22.73%, rgba(0, 0, 0, 0.80) 82.18%);
}
/* Meet our Franchisees */
.fanchisee-name {
  font-weight: bold;
  font-size: 22px;
  line-height: 1.349;
}
.nectar-flickity[data-controls*=arrows_overlaid] .next:after, .nectar-flickity[data-controls*=arrows_overlaid] .previous:after {
  background-color: #545454;
}
.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button .arrow {
  fill: #545454;
}
/* FORMS */
.gform-theme--foundation .gfield {
  position: relative;
}
div#gform_wrapper_1 {
    margin: 0 !important;
}
body .gform_wrapper .top_label .gfield_label {
  color: #545454;
  font-family: 'Hero';
  margin-top:  0;
  font-weight: 700;
  font-size: 18px;
  position: absolute;
  top: 23px;
  left: 34px;
  transition: all .3s ease;
}
.gform-theme--framework .gform-field-label>.gfield_required {
  font-weight: 700;
  font-size: 18px;
  color: #7B0000;
}
body[data-form-submit=regular] .container-wrap .gform_wrapper .gfield label.focused {
    font-size: 12px!important;
    top: 9px;
}
body[data-form-submit=regular] .container-wrap .gform_wrapper .gfield label.focused >.gfield_required {
    font-size: 12px!important;
}
p.gform_required_legend{
  display: none !important;
}
.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])),
body[data-form-submit=regular] .container-wrap .gform_wrapper .gfield input,body[data-form-submit=regular] .container-wrap .gform_wrapper .gfield textarea {
  width: 100%;
  padding: 24px 34px 8px;
  transition: all .2s ease;
  background-color: transparent!important;
  border-color: #BDBDBD!important;
  border-radius: 100px;
  font-weight: 700;
  font-size: 18px;
  block-size: auto !important;
}
/* FOOTER */
.flex-col.our-values > .vc_column-inner > .wpb_wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 1.5em;
    padding: 0 0 .5em;
}
/* OUR VALUES */
.flex-col.our-values .iwithtext {
    margin-bottom: 0;
}

.row .col.our-values .iwithtext .iwt-icon img:not([srcset]) {
    width: 36px;
}

.row .col.our-values .iwithtext .iwt-text {
    padding-left: 60px;
}

.row .col.our-values .iwithtext h3 {
    margin-bottom: 13px !important;
}

@media screen and (min-width: 691px) {
    .flex-col.our-values > .vc_column-inner > .wpb_wrapper {
        padding: .5em 0 1em;
        display: grid;
        grid-row-gap: 50px;
    }
}
@media screen and (min-width: 1000px) {
    .flex-col.our-values > .vc_column-inner > .wpb_wrapper {
        padding: 0;
    }
    .flex-col.our-values > .vc_column-inner > .wpb_wrapper {
        grid-column-gap: 50px;
    }
}
@media screen and (min-width: 1000px) and (max-width: 1299px) {
    .flex-col.our-values  {
        padding-top: 80px !important;
    }
}
/* TESTIMONALS */
.our-franchisees a.play_button.large.nectar_video_lightbox {
  position: absolute;
  left: 7%;
  bottom: 8%;
}
.our-franchisees  .span_12.dark .nectar_video_lightbox.play_button:before {
  border-color: #fff;
  background:  #fff;
}
.our-franchisees .nectar_video_lightbox svg {
  z-index: 10;
}
select:not(.has-val),
body .gform_wrapper ::placeholder,
body .gform_wrapper ::-webkit-input-placeholder,
body .gform_wrapper input[placeholder] {
  color: #949494 !important;
}

.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])) {
    background-position: 95.5% 50% !important;
    background-size: 15px !important;
}
/* MEDIA QUERIES */
@media screen and (min-width: 1000px) {
  .hide-desktop {
    display: none !important;
  }
  /* HEADER NAV */
  #top nav > ul > li > a {
    opacity: 1 !important;
    font: 700 14px/1.27 "Hero", sans-serif !important;
    white-space: nowrap;
  }
  #header-outer .logo-clone, #header-outer .logo-spacing,
  #header-outer.small-nav .logo-clone, #header-outer.small-nav .logo-spacing {
    width: 300px;
  }
  body.material
    #header-outer[data-full-width="true"]:not([data-format="left-header"])
    #top
    nav
    > .buttons a {
    position: relative;
    font: bold 14px/1.27 "Hero", sans-serif !important;
    text-transform: uppercase;
    padding: 12px 25px !important;
    text-align: center;
    opacity: 1 !important;
    border: 2px solid #e7de18;
    background-color: #e7de18;
    white-space: nowrap;
    color: #141414 !important;
    border-radius: 100px!important;
    -webkit-border-radius: 100px!important;
    margin-bottom: 0 !important;
    transition: all 0.5s ease;
  }
  body.material
    #header-outer[data-full-width="true"]:not([data-format="left-header"])
    #top
    nav
    > .buttons a .menu-title-text:after {
    display: none;
  }
  #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a .menu-title-text:after {
    border-color: #545454;
    width: 40px;
  }
  body.material
    #header-outer[data-full-width="true"]:not([data-format="left-header"])
    #top
    nav
    > .buttons a:hover {
    border: 2px solid #141414;
    background-color: #141414;
    color: #fff !important;
      
    }
  .material .widget li a {
      position: relative;
  }
  .material .widget li a:after {
      -webkit-transition: -webkit-transform .3s ease-out,border-color .3s ease-out;
      transition: transform .3s ease-out,border-color .3s ease-out;
      position: absolute;
      display: block;
      bottom: -6px;
      left: 10px;
      width: 40px;
      -ms-transform: scaleX(0);
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      border-top: 2px solid #E7DE17;
      content: "";
      transform-origin: 0 0;
      transition: transform .35s cubic-bezier(.52,.01,.16,1);
      padding-bottom: inherit;
  }
  .material .widget li a:hover:after {
      backface-visibility: hidden;
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
  }
  /* HERO */
  .wpb_row.hero .row-bg-wrap .row-bg-overlay {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.20) 27.99%, rgba(0, 0, 0, 0.80) 73.09%) !important;
  }
  /* BACKGROUNDS */
  .gradent-bg .row-bg-overlay.row-bg-layer {
    background-color: rgb(35 35 35 / 0.35) !important;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.20) -1.6%, rgba(0, 0, 0, 0.80) 63.47%);
  }
  .explore-the-numbers-section.bg-auto .row-bg {
    background-size: 110%;
  }
  .franchise-support.bg-auto .row-bg {
    background-position: 0% 10% !important;
    background-size: 35%;
  }
  .franchise-support.bg-auto > .row-bg-wrap .row-bg:after {
    content: '';
    display: block;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom: 0;
    background-image: url('/wp-content/uploads/2024/08/Franchise-Support-2.png');
    background-position: 100% 0% !important;
    background-repeat: no-repeat;
    background-size: 35%;
  }
  .content-form-bg.bg-auto > .row-bg-wrap .row-bg:after {
    content: '';
    display: block;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom: 0;
    background-image: url('/wp-content/uploads/2024/08/Get-In-Touch-2.png');
    background-position: 90% 100% !important;
    background-repeat: no-repeat;
  }
  /* FOOTER */
  .footer-logo img {
    min-width:  40px;
  }
  .footer-logo p {
      font-size: 16px;
      line-height: 1.4;
  }
  .footer-logo  .hover-wrap {
      margin: 0 0 5px
  }
  /* Meet our Franchisees */
  .fanchisee-bio-box .vc_column-inner {
    width: calc(100% + 320px) !important;
    padding: 50px 120px !important;
    min-height: 300px;
    display: flex;
    align-items: center;
  }
  .fanchisee-name {
    font-size: 30px;
    line-height: 1.266;
  }
  .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous {
    top: 72%;
    left: calc(50% - 273px);
  }
  .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next {
    top: 72%;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1229px) {
  /* HEADER NAV */
  #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a {
    margin-left: 10px;
    margin-right: 10px;
  }
  .nb-sm-desktop .vc_column-inner {
    border: none !important;
  }
  .full-width-col-ipad .vc_col-sm-5 {
    margin-bottom: 80px !important;
  }
  .pb-sm-desktop {
    margin-bottom: 50px !important;
  }
  .our-experience .wpb_text_column,
  .our-experience h2 {
    max-width: 690px !important;
  }
  .full-width-col-ipad .vc_col-sm-7,
  .full-width-col-ipad .vc_col-sm-5,
  .full-width-col-ipad .vc_col-sm-6 {
    width: 100%;
  }
  .full-width-col-ipad.full-width-content
    .column_container:not(.vc_col-sm-12)
    .col.padding-6-percent
    > .vc_column-inner {
    padding-right: 0;
    padding-left: 0;
  }
  .full-width-col-ipad .vc_col-sm-6 .img-with-aniamtion-wrap img {
    margin: 0 auto -50px !important;
  }
  .col-reverse-ipad.vc_row.vc_row-flex > .span_12 {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .no-mt-ipad {
    margin-top: 0 !important;
  }
  .text-center-ipad h2 {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .wpb_column.force-desktop-text-align-left.text-center-ipad,
  .text-center-ipad {
    text-align: center !important;
  }
  /* Meet our Franchisees */
  .fanchisee-bio-box .vc_column-inner {
    padding: 40px 80px !important;
    transform: translateX(-220px) !important;
    width: calc(100% + 220px) !important;
  }
  .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous {
    left: 27.5%;
    top: 68%;
  }
  .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next {
    top: 68%;
    right: 1.5%;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1299px) {
  .custom-size-sm-d .nectar-fancy-box.using-img.disable-hover-movement {
      min-height: 386px !important;
  }
  .custom-size-sm-d .nectar-fancy-box[data-style=hover_desc] .box-bg {
      background-position: 0% 20%;
  }
  .hide-sm-desktop {
    display: none
  }
  .floating-m-bg .row-bg-layer:after {
    background-size: 183px;
    transform: translate(10px, 0);
  }
}
@media screen and (min-width: 1300px) and (max-width: 1500px) {
  .floating-m-bg .row-bg-layer:after {
    background-size: 250px;
    transform: translate(10px, 0);
  }
}
@media screen and (max-width: 1299px) {
  
  .franchise-support h3 {
    font: 700 28px/1 "Hero", sans-serif !important;
    text-transform: capitalize;
  }
}
@media screen and (min-width: 1300px) {
  .hide-lg-desktop {
    display: none
  }
  .explore-the-numbers-section.bg-auto .row-bg {
      background-size: 90%;
  }
  .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous {
    left: calc( 58.333333% - 265px);
  }
}
@media screen and (min-width: 1500px) {
  #top nav > ul > li > a {
    font-size: 16px !important;
  }
  #header-outer .logo-clone, #header-outer .logo-spacing,
  #header-outer.small-nav .logo-clone, #header-outer.small-nav .logo-spacing {
    width: 300px;
  }
  body.material
    #header-outer[data-full-width="true"]:not([data-format="left-header"])
    #top
    nav
    > .buttons a {
    font: bold 16px/1.27 "Hero", sans-serif !important;
    padding: 15px 29px 13px !important;
  }
  .material .widget li a,
  .menu-main-menu-container ul li > a {
    padding: 0 25px !important;
    font-size: 18px;
  }
  .material .widget li a:after {
      left: 25px;
  }
}
@media screen and (max-width: 999px) {
  .text-center-m,
  .text-center-m .col.right {
    text-align: center !important;
  }
  .text-left-m,
  .text-left-m .col.center,
  .text-left-m .col.right {
    text-align: left !important;
  }
  .mobile-text-left,
  .text-left-m blockquote,
  .mobile-text-left > .col {
    text-align: left !important;
  }
  .text-left-m,
  .text-left-m .col.center {
    text-align: left !important;
  }
  .vc_row-fluid .wpb_column[class*="vc_col-xs"]:not(.vc_col-xs-12) {
    margin-bottom: 25px !important;
  }
  .text-center-m .vc_col-sm-2 img,
  .text-center-m .vc_col-sm-2 {
    margin: 0 auto !important;
    text-align: center;
  }
  .text-center-m .vc_col-sm-2 {
    margin: 0 auto 15px !important;
  }
  /* HERO */
  .video-background .video-color-overlay {
    opacity: 1 !important;
    background: linear-gradient(90deg,rgb(0 0 0 / 60%) 50%,rgb(0 0 0 / 50%) 65.36%)!important;
  }
  /* BACKGROUND */
  .gradent-bg .row-bg-overlay.row-bg-layer {
    background: linear-gradient(120deg, rgba(0, 0, 0, 0.5) 15.68%, rgba(0, 0, 0, 0) 50%) !important;
    background-color: rgb(35 35 35 / 0.65) !important;
  }
  .floating-m-bg .row-bg-layer:after {
    background-size: 183px;
    transform: translate(10px, 0);
  }
  /* BUTTONS */
  /* selector for both nectar buttons & gravity forms buttons */
  body .nectar-button,
  body .container-wrap input[type="submit"] {
    font-size: 16px !important;
  }
  /* Meet our Franchisees */
  .nectar-flickity.nectar-carousel[data-format=default] .flickity-slider .cell {
      padding:  0;
  }
  .fanchisee-bio-box .vc_column-inner{
      box-shadow:  none !important;
  }
  .fanchisee-bio-box > .vc_column-inner > .column-bg-overlay-wrap > .column-bg-overlay {
      background-color: transparent !important;
  }
}
@media screen and (max-width: 1381px) {
  /* HEADER NAV */
  #header-outer .left-aligned-ocm .lines:before, 
  body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:before, 
  body[data-slide-out-widget-area-style=slide-out-from-right-hover] .slide-out-widget-area-toggle.mobile-icon .lines:before {
      width: 22px !important;
  }
  .slide-out-widget-area-toggle.mobile-icon .lines-button:after, 
  .slide-out-widget-area-toggle.mobile-icon .lines:after, 
  .slide-out-widget-area-toggle.mobile-icon .lines:before {
      height:  3px !important;
  }
  body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:before {
      top:  7px;
  }
  #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:after {
      top: -7px;
  }
  #header-outer #mobile-menu:before {
    background-color: #fafafa !important;
  }
  #header-outer #mobile-menu {
      top:  100%;
  }
  #header-outer #mobile-menu ul li a {
      line-height: 1.25;
      display: block;
      padding: 20px 0 !important;
      font-size: 16px !important;
  }
  #header-outer #mobile-menu ul li[class*="current"]:last-child > a, body #header-outer #mobile-menu .menu-items-wrap>ul:last-child>li:last-child a{
      color: #1b1b1b!important;
      font-weight: 700;
  }
  #mobile-menu .menu-items-wrap>ul:last-child>li:last-child:before,
  #mobile-menu .menu-items-wrap>ul:last-child>li:last-child:after{
      display:none;
  } 
  #header-outer #mobile-menu:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      margin-left: -50vw;
      left: 50%;
      width: 100vw;
      height: 60px;
      background-color: #e7de17;
  }
  /* FOOTER */
  .footer .row_col_wrap_12 {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .footer .row_col_wrap_12 > div {
    width:  100%;
  }
  .footer .row_col_wrap_12 > div:first-child {
    margin: 25px 0!important;
  }
  .footer .row_col_wrap_12 > div:last-child {
    margin: 0 0!important;
  }
  .menu-main-menu-container ul {
    justify-content: space-between;
    margin-top: 5px;
  }
  .material .widget li,
  .menu-main-menu-container ul li {
    border-bottom: 1px solid rgb(45 45 45 / 0.1);
    /* width: 100%; */
    text-align: left;
  }
  .material .widget li a,
  .menu-main-menu-container ul li > a {
    line-height: 1.25;
    display: inline-block;
    padding: 20px 0 !important;
    color: #ffffff;
    font-size: 16px;
  }
}

@media screen and (max-width: 999px) {
  .menu-main-menu-container ul {
    flex-direction: column;
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (min-width: 691px) and (max-width: 999px) {
  /* TABLET - TYPOGRAPHY & HEADINGS */
  .testimonial_slider blockquote span,
  .testimonial_slider blockquote p,
  body {
    font-size: 16px !important;
  }
  h1,
  .h1 {
    font-size: 52px !important;
  }
  h2.sm,
  .h2.sm,
  h2,
  .h2 {
    font-size: 50px !important;
  }
  h2.sm-m,
  .h2.sm-m {
    font-size: 40px !important;
  }
  h2.lg,
  .h2.lg {
    font-size: 65px !important;
  }
  h3.lg,
  .h3.lg {
    font-size: 30px !important;
    line-height: 1.349 !important;
  }
  .hero-text {
    font-size: 23px;
    line-height: 1.3;
  }
  .hide-tablet {
    display: none !important;
  }
  .vc_row > .row_col_wrap_12 {
    /* padding for main rows */
    padding: 50px 0;
  }
  .sm-pt.vc_row > .row_col_wrap_12 {
    padding-top: 40px;
  }
  .no-padding .pin-right,
  .no-padding .pin-left {
    padding: 50px 0 !important;
  }
  .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next,
  .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous {
      top: 80%
  }
  .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous{
      left: 20px;
  }
  .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next {
      right: 20px
  }
}
@media screen and (max-width: 690px) {
  /* HEADER NAV */
  header#top .container {
    max-width: 100%;
  }
  #header-outer #mobile-menu ul li a {
      padding: 20px 10px !important;
  }
  /* MOBILE - TYPOGRAPHY & HEADINGS */
  .testimonial_slider blockquote span,
  .testimonial_slider blockquote p,
  body {
    font-size: 16px !important;
  }
  h1,
  .h1 {
    font-size: 42px !important;
  }
  h2.sm,
  .h2.sm,
  h2:not(.gform_submission_error ),
  .h2 {
    font-size: 40px !important;
  }
  h2.sm-m,
  .h2.sm-m {
    font-size: 30px !important;
  }
  h2.lg,
  .h2.lg {
    font-size: 55px !important;
  }
  h3.lg,
  .h3.lg {
    font-size: 28px !important;
    line-height: 1.349 !important;
  }
  .hero-text {
    font-size: 20px;
    line-height: 1.25;
  }
  .hide-mobile {
    display: none !important;
  }
  .no-padding .pin-right,
  .no-padding .pin-left {
    padding: 40px 0 !important;
  }
  .vc_row > .row_col_wrap_12 {
    padding: 40px 0;
  }
  .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next,
  .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous {
      top: 70%
  }
  .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous{
      left: 10px;
  }
  .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next {
      right: 10px
  }
  .floating-m-bg .row-bg-layer:after {
    display: none
  }
  .wpb_text_column.wpb_content_element.legal,
  .wpb_text_column.wpb_content_element.legal a {
      text-align: left;
  }
}
