/* /*!
Theme Name: sample
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sample
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

sample is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/



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

}




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

}




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

}




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

}




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

}




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

}




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

}




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

}




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

}




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

}




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

}




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

}


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

}




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

}




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

}




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

}




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

}




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

}




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

}




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

}

.showDesktop {
  display: inline-block;
}

.showMobile {
  display: none !important;
}

@media only screen and (max-width: 1024px) { 
  .showDesktop {
    display: none !important;
  }
  
  .showMobile {
    display: inline-block !important;
  }
}


* {
  outline: none;
  
}
html, body {
  background-color: #fff;
  font-family: 'futura_commedium';
}

.ul-main {
  max-width: 1400px;
  height: auto;
  margin: 2% auto;
  position: relative;
  background-color: white;
}

@media only screen and (max-width: 1366px) {
  .ul-main { 
    max-width: 1300px;
  }
}

@media only screen and (max-width: 1024px) {
  .ul-main { 
    max-width: 1000px;
  }
}

@media only screen and (max-width: 1280px) {
  .ul-main { 
    max-width: 1200px;
  }
}
.offcanvas-body {
  
}

.offcanvas-body ul {
  width: 100%;
  padding: 30px 5%;
  list-style: none;
}
.offcanvas-body ul li {
  width: 100%;
  height: auto;
  display: block;
  border-bottom: 1px solid #d1dce1;
}

.offcanvas-body ul li.current_page_item a {
  font-family: 'futura_combold';
}

.offcanvas-body ul li a{ 
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;  
  font-family: 'futura_commedium';
  color:#034EA2;

}

.offcanvas-body ul li:last-child {
  border-bottom: 0 !important;
}

.img-full img {
  width: 100%;
}

.home_banner_1 {
  height: 495px;
  overflow: hidden;
}

.home_banner_1 img{
}

.home_banner_4 {
  height: 370px;
  overflow: hidden;
}

@media only screen and (max-width: 1024px) {
  .home_banner_1, .home_banner_4, .home_banner_5 { 
    height: auto;
  }
}

.home_banner_5 {
  height: 370px;
  overflow: hidden;
}

.home_banner_4 img{
  height: 370px;
}
.home_banner_5 img{
  height: 370px;
}

.footer-box {
  width: 100%;
  height: auto;
  display: inline-block;
  background-color: #F3F5F5;
  color: #4F76BA;
}

.footer-box .menu{
  margin: 0;
  list-style: none;
  width: 100%;
  text-align: center;
  display: inline-block;
}

.footer-box .menu ul { 
  margin: 0;
  padding: 0;
}

.footer-box .menu li{
  width: auto;
  height: 20px;
  display: inline-block;
  text-decoration: none;
  padding: 0px 10px;
  margin-right: -4px;
  border-left: 1px solid #4F76BA;
  line-height: 20px;
  
}


@media only screen and (max-width: 1024px) { 
  .footer-box .menu li{ 
    width: 50%;
    border: 0;
    text-align: left;
    float: left;
    margin-bottom: 15px;
  }

  .footer-box .menu li a {
    text-transform: uppercase;
    color: #4F76BA;
    text-decoration: none;
    font-size: 14px !important;
   }

   .site-footer .email p {
    font-size: 14px !important;
    line-height: 28px;
    text-align: center;
    width: 80%;
    margin: 0 auto !important;
   }
  
}

.footer-box .menu li:first-child {
  border-left: 0;
}

.footer-box .menu li a {
  text-transform: uppercase;
  color: #4F76BA;
  text-decoration: none;
  font-size: 16px;
 }

 b, strong {
  font-family: 'futura_combold';
 }

 .ultra-3-home-column {
    font-size: 24px;
    font-family: 'futura_combold';
 }


 .ultra-3-home-column strong {
  font-family: 'futura_comextra_bold';
 }

 .why-ultra {
  font-size: 32px;
  font-family: 'futura_comextra_bold';
 }

 .page-title h1{
  width: 100%;
  height: 80px;
  line-height: 80px;
  text-align: center;
  color: #fff;
  background-color: #034EA2;
  font-size: 28px;
  text-transform: uppercase;
  font-family: 'futura_combold';
  margin-bottom: 20px;
 }
 .accordion-flush .accordion-button{
  height: 48px;
  color: #034EA2 !important;
  font-weight: bold;
  position: relative;
  font-size: 18px;
  font-family: 'futura_combold';
  text-transform: uppercase;
 }

 .accordion-flush .accordion-button .icon { 
  position: absolute;
  right: 30px;
 }


 .accordion-flush .accordion-button::after {
  width: 20px;
  height: 20px;
  color: #034EA2 !important;
  background: none;
 }

 .accordion-flush #location1 .accordion-button.collapsed{
  background-color: #E3E9EC;
 }

 .accordion-flush #location2 .accordion-button.collapsed{
  background-color: #fff;
 }

 .accordion-flush #location3 .accordion-button.collapsed{
  background-color: #E3E9EC;
 }

 .accordion-flush #location4 .accordion-button.collapsed{
  background-color: #fff;
 }

 .accordion-flush #location5 .accordion-button.collapsed{
  background-color: #E3E9EC;
 }

 .accordion-flush #location6 .accordion-button.collapsed{
  background-color: #fff;
 }

 .accordion-flush #location7 .accordion-button.collapsed{
  background-color: #E3E9EC;
 }

 .accordion-flush #location8 .accordion-button.collapsed{
  background-color: #fff;
 }

 .accordion-button:focus {
  background-color: #E3E9EC !important;
 }

 .accordion-button:not(.collapsed) {

  background-color: #E3E9EC !important;
 }

 .accordion-body {
  background-color: #E3E9EC;
 }

 .site-footer .email p{
  font-size: 16px;
  line-height: 28px;
 }

 .site-footer .email a{
    font-weight: bold;
    color: #4F76BA;
    text-decoration: none;
    font-family: 'futura_combold';
 }


 .store-locator-items {
  width: 100%;
  display: inline-block;  
 }

 .store-locator-items ul { 
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
 }


 .store-locator-items ul li { 
  width: 100%;
  display: inline-block;
  font-family: 'futura_commedium';
 }

 .store-locator-items ul li span { 
  width: 60%;
  float: left;
  text-align: left;
font-size: 16px;
text-transform: uppercase;
color: #034EA2 !important;
}

.store-locator-items ul li a { 
 width: 40%;
 float: left;
 text-align: left;
 text-decoration: none;
 font-size: 16px;
 color: #034EA2 !important;
}


.wp-block-navigation-item__content {
  text-decoration: none;
  font-size: 16px;
  color: #034EA2 !important;
}

#location1-content ul li a {
  text-transform: uppercase !important;
}

#location2-content ul li a {
  text-transform: uppercase !important;
}

#location3-content ul li a {
  text-transform: uppercase !important;
}

#location4-content ul li a {
  text-transform: uppercase !important;
}

#location5-content ul li a {
  text-transform: uppercase !important;
}

#location6-content ul li a {
  text-transform: uppercase !important;
}

#location7-content ul li a {
  text-transform: uppercase !important;
}

#location8-content ul li a {
  text-transform: uppercase !important;
}








.mobile-logo {
  display: none;
}

.site-branding {
  display: inline-block;
}


@media only screen and (max-width: 1024px) {
  .mobile-logo {
    display: inline-block;
  }

  .site-branding {
    display: none;
  }

  .store-contact .entry-content {
    padding: 8px !important;
  }

  .wp-block-navigation-item__content {
    text-decoration: none;
    font-size: 13px !important;
    color: #034EA2 !important;
  }

  .store-menu .phone-icon{
    width: 10px !important;
  }

  .store-menu .wp-block-navigation__container:only-child, .wp-block-page-list:only-child {
    display: inline-block;
    flex-grow: none !important;
  }
}

.aligncenter {
  text-align: center;
}

ul li {
  margin-bottom: 10px;
}


.nav-item .active {
  border-bottom:  2px solid #e52729 !important;
}

#pills-tab .nav-item { 
  font-family: 'futura_combold' !important;
}

.store-contact .entry-content {
  padding: 20px;
  border: 1px solid #ddd;
}

.store-menu ul li {
  height: 35px !important;
  line-height: 35px !important;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  
}


.store-menu ul li a { 
  font-size: 13px !important;
}

.store-menu .wp-block-navigation__container:only-child, .wp-block-page-list:only-child {
  display: inline-block;
  flex-grow: none !important;
}
.store-menu .phone-icon{
  width: 15px !important;
}
.store-menu .wp-block-navigation .wp-block-navigation-item__label {
 
}