/****Display Helpers****/

/* Desktop Hidden*/
 @media (min-width: 1025px){
 .desktop-hidden{
 display: none!important;
 }}
 
 /* Tablet Hidden*/
 @media (min-width:768px) and (max-width: 1024px)
 {
 .tablet-hidden{
 display: none!important;
 }}
 
 /* Mobile Hidden*/
 @media (max-width:767px)
 {
 .mobile-hidden{
 display: none!important;
 }}
 

/****Banner Margins and Padding****/

.banner-margin { margin: 10px;}


@media (min-width: 767px){
.hero-banner-padding.banner.banner--hero {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}}

@media (max-width: 767px){
.banner.regular-banner-padding {
    padding-left: 0.7rem;
    padding-right: 0.7rem;
}
}

.banner > picture, .banner > picture img .banner-img-center {
    object-position: center !important;
}

.banner-no-padding {
padding: 0px !important;
}

.banner-10px-padding {
padding: 10px !important;
}

.banner-no-margin {
margin: 0px !important;
}


/****SUP Pricing****/

.sup-pricing {top: -0.35em; font-size: 65%;}


/****Update font size for primary mobile menu****/

.layout-header .header-bottom__primary-mobile-name>ul a {
    font-size: 16px !important;
}


/****Center content in Mobile ****/

@media (max-width: 767px) {
  .center-mobile div {
    text-align: center !important;
    display: block;
  }
}

/**** Disable Click to Call in Tablet/Desktop ****/


@media (min-width:768px)
{
.tel{
    text-decoration: none !important;
    color: #404040;
    cursor: default;
}
}

/**** Promo Code ****/

.promo-code.banner-promo {
   
    font-size: 1rem !important;
    cursor: auto !important;
}

.promo-code.banner-promo.white {
   
    border-color: #ffffff !important;
   
}

.promo-code.banner-promo.boost-orange {

border-color: #f79323 !important;
}



/**** Tile Borders ****/

.border-gray {
    border: 1px solid #979797;
}

.border-orange {
-webkit-box-shadow: inset 0px 0px 0px 4px #f79323;
-moz-box-shadow: inset 0px 0px 0px 4px #f79323;
box-shadow: inset 0px 0px 0px 4px #f79323;
}

/**** Links Flushed Bottom ****/

.flushed-bottom {
position: absolute;
bottom: 0.5em;
margin: 0 auto;
width: 100%;
}

/**** Colors ****/

.taupe-primary {
background-color: #E3D2B2;
}

.taupe-secondary {
background-color: #B9AC93;
}

.gray-senary {
background-color: #F5F5F5;
}

.gray-quinary {
background-color: #E5E5E5;
}

.teal-tertiary {
background-color: #9ED8D5;
}

.gray-septenary {
background-color: #F5F5F5;
}

.orange-secondary{
background-color: #F99F38;
}

.orange-neworder{
background-color: #F36C21;
}

/**** Fix Padding in Phone Grid Product Features ****/
@media (max-width: 767px) {
.product-features {
    
   padding: 0.7rem 0 !important;
}
}

/**** Center Img in Banner ****/
picture.center img {
   
    margin: 0 auto;
}

/**** Div Border right/left ****/
@media (min-width: 768px){
.gray-border-right {
  border-right: 1.0px solid #dbdbdb;
}
}

/**** Tabbed Nave Top Navigation ****/

.topnav-tabbed-nav {
  background-color: #F5F5F5;
}

.topnav-tabbed-nav.tab {
  display: table;
  text-align: center;
  padding: 1em;
  text-decoration: none;
  margin: 0 auto;
}

.topnav-tabbed-nav a {
 
  text-decoration: none;
  color: #404040;
}


.topnav-tabbed-nav.active {
  border-bottom: 4px solid #F79323;
}

.topnav-tabbed-nav-gray-border { 
 border-bottom: 1px solid #CECFCF;
}

@media (max-width: 767px){
  .topnav-tabbed-nav {
  background-color: #FFFFFF;
}


/**** Modal ****/

body.modal--show .modal__overlay {
    z-index: 1000;
}

.modal__outer {
   
    padding: 50px 20px;
    height: auto !important;