/**********  ------   ***********
///////// This is for Multi Site Installs !!!
///////// Use this CSS area for changes across ALL sites on this network 
///// -- Please leave comments -- ////////
**********  ------   ***********/
body {
overflow-x: hidden;
}
.display-none {display:none !important;}
.white-text,
 .with_frm_style .white-text .frm_checkbox label {color:#fff !important;}
.elementor-slideshow__title, 
elementor-slideshow__description {
display:none;
}
.elementor-kit-10 .elementor-button:hover,
 .frm_button_submit:hover {
    text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
}
/* Form titles free pass */
.tag_btn_b {width:100%;
           transition:all 0.3s ease-in-out}
.tag_btn_b:hover {cursor:pointer;}
.with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style textarea, .with_frm_style .frm-card-element.StripeElement {
    font-family: poppins,sans-serif;
}

/** four images bottom gallery rotator fix **/

.swiper-slide-inner {
max-height:512px;
aspect-ratio: 19 / 17 !important; /* Keeps ratio */
  overflow: hidden !important;     /* Hide cropped parts */
}

.swiper-slide-inner img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/*Hours Table Display*/

.main_hours .table {width:100%;}

body .main_hours .table td, body .main_hours .table th {
    border-top: 1px solid rgba(222, 226, 230, 0.4) !important;
    color: #000;
    text-align: left;
   line-height: 1.6;
    padding: 2px 5px;
}
body .menu-item .main_hours .table td, body .menu-item .main_hours .table th {
      color: #fff; 
}

.main_hours .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(167 167 167 / 18%) !important;
}

/*End Hours Table Display*/


/* mobile menu style */
/*  visible below 1280 - Focus is 1024 tablets */
@media only screen and (max-width: 1279px){

/* inset shadow on open sub-menus */
    .elementor-nav-menu__container .menu-item-has-children .sub-menu {
       
        padding: 15px;
        box-shadow: inset 0px 1px 8px 5px rgb(0 0 0 / 36%);
    }
nav .main_hours .table {
    width:100%; max-width:650px;
    /* table-layout: auto;*/
}
nav .elementor-nav-menu--dropdown a
nav .mobile-menu-hours .main_hours .tag_hours_table.table .days.tag_table_cell {
  padding:5px 10px 5px 25px;
 }

.elementor-nav-menu--dropdown .hours_mobile a.elementor-sub-item  {
  padding: 0 !important;
 }

/* Mobile menu Style */
.mobile-menu-join {
background:#eb6e1f;
}
nav .phone_mobile, nav .phone_mobile a.has-submenu{
    background:#be0a31 !important;
 }
 .phone_mobile a {
    fill:#fff !important;
    color :#fff !important;
 }
 .phone_mobile ul a {
    fill:unset !important;
    color :unset !important;
 }
nav.mobile-menu-social {
    padding: 0 0 5px 0px !important;
}
    body nav .social_list .social_wrap a.social_link {
        /* border: 1px solid #7b7571; */
        text-align: center;
        width: 50px;
        height: 50px;
        padding: 10px !important;
        margin: 8px;
       /*  color: #fff !important; */
        background: rgba(255, 255, 255, 0.2);
        font-size: 25px;
    }
}
/* END mobile menu custom css */



@media (min-width: 1280px) {
  .fixed {
        background-attachment: fixed !important;
    }
}


/**********  ------   ***********
///////// Mobile Break Points - Please leave comments ////////
**********  ------   ***********/

/*  visible below 1441 - Laptops down to 1280 */
@media only screen and (max-width: 1440px){
        
}

/*  visible below 1280 - Focus is 1024 tablets */
@media only screen and (max-width: 1279px){
        
 }

/*  visible below 960 - Focus is 768  and tablets up to 820  */
@media only screen and (max-width: 959px){
.display-none-mobile {display:none !important;}
 .hero > .e-con-inner {
    justify-content: center !important;
     align-items: center; 
  } 
.hero {
  position: relative;
  overflow: visible;
}  
.hero-form {
    position: absolute !important;
    top: 100%;    /* pushes its top edge below the hero’s bottom */
    left: 0;
    width: 100%;
  }    
 }

/*  visible below 600 - Focus is 360  */
@media only screen and (max-width: 599px){
/* break header join button to new line */

.new-row {  flex-basis: 50% !important;}
/*
nav .elementor-nav-menu {
    padding: 2px 0 2px 10px;
    border-radius: 6px;
    border: 1px solid #ccc;
}

*/
        
}