/*
Theme Name:   	NBG (Storefront Child Theme)
Theme URI:
Author:
Author URI:
Template:     	storefront
Description:  	Blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/

/**************************************
********* ROOTS BLOODY ROOTS **********
***************************************/

:root {
  scroll-behavior: smooth;
  --burgundy: #941a1d;
  --white: #ffffff;
  --offwhite: #f0f0f0;
  --lightergray: #eeeeee;
  --lightgray: #97989a;
  --mediumgray: #696969;
  --charcoal: #424241;
  --darkcoal: #333333;
  --darkcoal-trans: rgba(51,51,51,.75);
}

/**************************************
************** BASE *******************
***************************************/

/* Front-End */
body, button, input, select, textarea {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #424241;
  color: var(--charcoal);
}

/* WP Admin */
body.wp-admin,
body.wp-core-ui,
body.wp-customizer {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  font-size: 14px;
}

body.wp-admin p,
body.wp-admin .button-link.editinline {
  font-family: inherit;
  font-size: 14px;
}


/**************************************
************* TYPOGRAPHY **************
***************************************/
h1,h2,h3 {
  text-transform: uppercase;
  font-weight: 600;
}

.entry-header h1.entry-title {
	font-size: 2em;
}


/**************************************
************* COLORS ******************
***************************************/
.bkgd-burgundy {
  background: #941a1d;
  background: var(--burgundy);
}

.bkgd-burgundy-gradient {
  background: #941a1d;
  background: var(--burgundy);
  background: -moz-linear-gradient(180deg, var(--burgundy) 0%, var(--white) 100%);
  background: -webkit-linear-gradient(180deg, var(--burgundy) 0%, var(--white) 100%);
  background: linear-gradient(180deg, #941a1d 0%, white 100%);
  background: linear-gradient(180deg, var(--burgundy) 0%, var(--white) 100%);
  /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#941a1d",endColorstr="#ffffff",GradientType=1); */
}

.bkgd-white {
  background: white;
  background: var(--white);
}

.white,
.white * {
  color: white;
  color: var(--white);
}

.text-shadow-dark {
  text-shadow: 1px 1px 2px rgba(51,51,51,.75);
  text-shadow: 1px 1px 2px var(--darkcoal-trans);
}

/**************************************
************* HEADER ******************
***************************************/

@media (min-width: 768px) {

  header#masthead {
    padding-top: 1.5em;
  }

}


/**************************************
************* FONTS *******************
***************************************/
/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('./assets/fonts/Montserrat/montserrat-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Light'), local('Montserrat-Light'),
       url('./assets/fonts/Montserrat/montserrat-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/Montserrat/montserrat-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/Montserrat/montserrat-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/Montserrat/montserrat-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/Montserrat/montserrat-v15-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('./assets/fonts/Montserrat/montserrat-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('./assets/fonts/Montserrat/montserrat-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/Montserrat/montserrat-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/Montserrat/montserrat-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/Montserrat/montserrat-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/Montserrat/montserrat-v15-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('./assets/fonts/Montserrat/montserrat-v15-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Medium'), local('Montserrat-Medium'),
       url('./assets/fonts/Montserrat/montserrat-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/Montserrat/montserrat-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/Montserrat/montserrat-v15-latin-500.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/Montserrat/montserrat-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/Montserrat/montserrat-v15-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('./assets/fonts/Montserrat/montserrat-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
       url('./assets/fonts/Montserrat/montserrat-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/Montserrat/montserrat-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/Montserrat/montserrat-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/Montserrat/montserrat-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/Montserrat/montserrat-v15-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('./assets/fonts/Montserrat/montserrat-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Bold'), local('Montserrat-Bold'),
       url('./assets/fonts/Montserrat/montserrat-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./assets/fonts/Montserrat/montserrat-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./assets/fonts/Montserrat/montserrat-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./assets/fonts/Montserrat/montserrat-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./assets/fonts/Montserrat/montserrat-v15-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}


/**************************************
************* ALIGNMENT ***************
***************************************/
.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.centered {
  margin: 0 auto;
}

/**************************************
************* ELEMENTS ****************
***************************************/
img {
  border-radius: 0;
}

/**************************************
************** HEADER *****************
***************************************/
.main-navigation ul li a {
  font-weight: 600;
  text-transform: uppercase;
}

#menu-main-navigation.nav-menu a:focus {
  outline: none;
}

.main-navigation ul li a:hover,
.main-navigation ul li:hover > a,
.site-title a:hover,
.site-header ul.menu li.current-menu-item > a {
  color: #941a1d;
  color: var(--burgundy);
}

.main-navigation ul li.menu-item-has-children:focus > a,
.main-navigation ul li.menu-item-has-children:hover > a {
  background: #941a1d;
  background: var(--burgundy);
  color: white;
  color: var(--white);
}

.main-navigation ul li.menu-item-has-children ul.sub-menu {
  background: #941a1d;
  background: var(--burgundy);
}

.main-navigation ul li.menu-item-has-children:focus a,
.main-navigation ul li.menu-item-has-children ul.sub-menu li a,
.main-navigation ul li.menu-item-has-children ul.sub-menu li a,
.main-navigation ul li.menu-item-has-children ul.sub-menu li:focus a {
  color: white;
  color: var(--white);
}

.main-navigation ul li.menu-item-has-children ul.sub-menu li a:hover {
  background: #333333;
  background: var(--darkcoal);
}


/***** MOBILE NAV *****/
@media (max-width: 600px) {

	.site-branding {
		float: none!important;
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
	}

	.site-header .custom-logo-link img {
		max-width: 350px;
    height: auto;
    margin: 0 auto;
	}

	#site-navigation button.menu-toggle {
		width: 100%;
		max-width: 100%;
		float: none;
		text-align: center;
		font-size: 16px;
		text-transform: uppercase;
    font-weight: 600;
    background: #333333;
    background: var(--darkcoal);
    color: white;
		color: var(--white);
	}

	#site-navigation button.menu-toggle::before,
	#site-navigation button.menu-toggle span::before,
	#site-navigation button.menu-toggle::after {
    background-color: white;
		background-color: var(--white);
	}

	@supports (display: grid) {
		.storefront-primary-navigation > .col-full {
			display: -ms-grid;
			display: grid;
			-ms-grid-columns: 100%;
			grid-template-columns: 100%;
			-ms-grid-rows: 1fr 15px auto;
			grid-template-rows: 1fr auto;
			grid-row-gap: 15px;
		}
		.storefront-primary-navigation > .col-full > *:nth-child(1) {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		.storefront-primary-navigation > .col-full > *:nth-child(2) {
			-ms-grid-row: 3;
			-ms-grid-column: 1;
		}

		.storefront-primary-navigation .site-branding {
			-ms-grid-column: 1;
			grid-column: 1;
			-ms-grid-row: 1;
			-ms-grid-row-span: 1;
			grid-row: 1 / 2;
		}

		.storefront-primary-navigation #site-navigation {
			grid-row: 2 / auto;
		}
	}
}


@media (max-width: 767px) {
	.storefront-primary-navigation > .col-full {
		margin-left: 0;
		margin-right: 0;
  }
}

@media (min-width: 601px) and (max-width: 767px) {

  .site-header .custom-logo-link img {
    max-width: 350px;
  }

  @supports (display: grid) {
		.storefront-primary-navigation > .col-full {
			display: -ms-grid;
			display: grid;
			-ms-grid-columns: 8fr 2fr;
			grid-template-columns: 8fr 2fr;
			-ms-grid-rows: auto;
      grid-template-rows: auto;
    }

    .storefront-primary-navigation > .col-full {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
    }

    .storefront-primary-navigation .menu-toggle {
      position: relative;
      top: .75em;
    }

    #site-navigation,
    #site-navigation.main-navigation.toggled {
      -ms-flex-item-align: center;
          -ms-grid-row-align: center;
          align-self: center;
    }

    #site-navigation.main-navigation .menu {
      padding-top: 2em;
    }

		.storefront-primary-navigation > .col-full > *:nth-child(1) {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
		}
		.storefront-primary-navigation > .col-full > *:nth-child(2) {
      -ms-grid-row: 1;
      -ms-grid-column: 2;
    }

		.storefront-primary-navigation #site-navigation {
			-ms-grid-row: 1;
			grid-row: 1;
			-ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1 / 3;
		}

		.storefront-primary-navigation .site-branding {
			-ms-grid-row: 1;
			grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
			grid-column: 1 / 2;
		}
	}
}


/***** TABLET NAV *****/
@media (min-width: 768px) {

	.storefront-primary-navigation > .col-full {
    margin: 0;
    padding: 0;
  }

  .primary-navigation {
		display: inline-block!important;
	}

  #site-navigation,
	.site-branding,
	#site-header-cart {
    display: inline-block;
    width: auto!important;
	}

  .main-navigation ul.menu>li.menu-item-has-children>a:after,
  .main-navigation ul.menu>li.page_item_has_children>a:after,
  .main-navigation ul.nav-menu>li.menu-item-has-children>a:after,
  .main-navigation ul.nav-menu>li.page_item_has_children>a:after {
		margin-left: .5em!important;
  }

  .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
    font-size: 15px;
  }

  .storefront-primary-navigation .site-branding {
		float: none!important;
		margin: 0 auto!important;
  }

  .storefront-primary-navigation .site-branding img {
    margin: 0 auto;
    max-width: 350px!important;
  }

  .storefront-primary-navigation #site-navigation {
    float: none!important;
    margin-right: 0!important;
  }

  .storefront-primary-navigation #site-header-cart {
    text-align: right;
  }

	.main-navigation ul.menu, .main-navigation ul.nav-menu {
		margin-left: 0!important;
	}

	.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
		padding: 1.5em .5em!important;
  }

  .site-header-cart .cart-contents:after {
    margin-left: 10px;
  }

  @supports (display: flex) {
		.storefront-primary-navigation > .col-full {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			    -ms-flex-flow: row wrap;
			        flex-flow: row wrap;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
		}

		.storefront-primary-navigation .site-branding {
			-webkit-box-ordinal-group: 2;
			    -ms-flex-order: 1;
			        order: 1;
			-webkit-box-flex: 1;
			    -ms-flex: 1 0 100%;
			        flex: 1 0 100%;
		}

		.storefront-primary-navigation #site-navigation {
			-webkit-box-ordinal-group: 3;
			    -ms-flex-order: 2;
			        order: 2;
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
		}

		.storefront-primary-navigation #site-header-cart {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
		}
	}
}


/***** DESKTOP NAV *****/
@media (min-width:66.4989378333em) {

	.storefront-primary-navigation .site-branding,
	.storefront-primary-navigation #site-navigation,
	.storefront-primary-navigation #site-header-cart {
		width: auto;
	}

	.primary-navigation {
		display: inline-block!important;
	}

	#menu-main-navigation {
		width: auto;
	}

	@supports (display: flex) {

		.storefront-primary-navigation #site-navigation {
			-webkit-box-ordinal-group: 2;
			    -ms-flex-order: 1;
			        order: 1;
		}

		.storefront-primary-navigation .site-branding {
			-webkit-box-ordinal-group: 3;
			    -ms-flex-order: 2;
			        order: 2;
			-webkit-box-flex: 1;
			    -ms-flex: 1 1 20%;
			        flex: 1 1 20%;
		}
	}

}

/* END HEADER & NAVIGATION */


/**************************************
**************** LAYOUT ***************
***************************************/
.fullscreen {
	width: 100vw;
  height: 100vh;
  max-width: 100%;
  max-height: 100%;
}

/**************************************
********* FRONT LANDING PAGE **********
***************************************/
#front-landing {
  position: relative;
}

#front-landing main.content-container {
  position: relative;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  /* padding: 1.5rem; */
  padding: 0;
  background: white;
  background: var(--white);
  box-shadow: 2px 3px 5px 1px rgba(0,0,0,.3);
}

@media (min-width: 768px) {
  #front-landing {
    width: 100vw;
    height: 100vh;
    max-width: 100%;
    max-height: 100%;
    background: url('/wp-content/uploads/2020/11/showroom-bg-med_1680x1000.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
  }

  #front-landing main.content-container {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -45%);
    min-height: 30vh;
  }
}

#front-landing #landing-header .brand-logo {
  padding: 1.5rem 0;
}

#front-landing .headline *,
#front-landing .description * {
  margin-bottom: 0;
}

#front-landing .headline h1 {
  font-size: 2rem;
}

#front-landing #landing-body {
  width: 100%;
  height: 100%;
}

/* Dealers / Retail Sections */
#front-landing #landing-body #dealers,
#front-landing #landing-body #retail {
  width: 100%;
  height: 100%;
  min-height: 200px;
  /* padding: 2rem 1rem; */
  padding: 3rem .5rem 1rem;
}

#front-landing #landing-body #dealers {
  background-color: rgba(51,51,51,.75);
  background-color: var(--darkcoal-trans);
  background-image: url('/wp-content/uploads/2020/11/silver-wheel_600x276.jpg');
}

#front-landing #landing-body #retail {
  background-color: rgba(51,51,51,.75);
  background-color: var(--darkcoal-trans);
  background-image: url('/wp-content/uploads/2020/11/customer-car_600x276.jpg');
}

#front-landing #landing-body #dealers,
#front-landing #landing-body #retail {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-blend-mode: multiply;
  object-fit: fill;
  box-sizing: content-box;
  position: relative;
  z-index: 1;
}

/* IE9+ */
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
  
  #front-landing #landing-body {
    overflow: hidden;
  }
  
  #front-landing #landing-body #dealers::before,
  #front-landing #landing-body #retail::before {
    content: '';
    display: block;
    background-color: rgba(51,51,51,.75);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }

  #front-landing #landing-body > div * {
    position: relative;
    z-index: 1;
  }
}

#front-landing #landing-body .cta-button a.button {
  background: #941a1d;
  background: var(--burgundy);
  color: white;
  border: 2px solid #941a1d;
  border: 2px solid var(--burgundy);
  transition: .25s ease;
  font-size: 18px;
}

#front-landing #landing-body .cta-button a.button:hover,
#front-landing #landing-body .cta-button a.button:focus {
  background: white;
  background: var(--white);
  color: #941a1d;
  color: var(--burgundy);
  border-color: white;
  border-color: var(--white);
}

@media (min-width: 768px) {
  #front-landing #landing-body {
    font-size: 0;
    white-space: nowrap;
  }

  #front-landing #landing-body #dealers,
  #front-landing #landing-body #retail {
    display: inline-block;
    vertical-align: middle;
    max-width: 50%;
    white-space: normal;
    font-size: initial;
    min-height: 350px;
  }

  #front-landing #landing-body .headline h2 {
    font-size: 2.5rem;
    letter-spacing: 1px;
  }

  #front-landing #landing-body .description {
    font-size: 1.4rem;
  }
}


/**************************************
************ IE 9+ STYLES *************
***************************************/
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {

  img,
  html:not(.jetpack-lazy-images-js-enabled):not(.js) .jetpack-lazy-image img {
    display: block!important;
  }

  .storefront-primary-navigation .col-full {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }

  #site-navigation {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }

  .site-branding {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }

  #site-header-cart {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }

  #front-landing #landing-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  #front-landing #landing-body #dealers,
  #front-landing #landing-body #retail {
    max-width: calc(50% - 1rem);
    height: 100%;
  }

  #front-landing #landing-body > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  #front-landing #landing-body > div > div {
    flex: 1 0 auto;
  }

  #front-landing #landing-body #dealers {
    order: 1;
  }

  #front-landing #landing-body #retail {
    order: 2;
  }
  
}

/**************************************
********** END IE 9+ STYLES ***********
***************************************/

/**************************************
********** IE 9 ONLY STYLES ***********
***************************************/
@media screen and (min-width:0\0) and (min-resolution: .001dpcm) {

  #site-navigation, .site-branding, #site-header-cart {
    display: inline-block!important;
    vertical-align: middle;
  }

  #site-navigation {
    clear: left;
    width: auto!important;
    max-width: 33.33%;
  }

}
/**************************************
******** END IE 9 ONLY STYLES *********
***************************************/


#front-landing #landing-body .headline * {
  line-height: 1;
  padding: 1rem;
  display: inline-block;
  position: relative;
}

#front-landing #landing-body .headline *::after {
  content: '';
  display: inline-block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 3px solid white;
  border-top: 3px solid var(--white);
}

#front-landing .description {
  padding: 1rem;
}

@supports (display: flex) {
  #front-landing {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
  }

  #front-landing main.content-container {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;
  }

  #front-landing #landing-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  @media (min-width: 768px) {
    #front-landing #landing-body {
      flex-direction: row;
      justify-content: stretch;
      align-items: flex-start;
    }

    #front-landing #landing-body #retail {
      order: 2;
    }

    #front-landing #landing-body #dealers {
      order: 1;
    }

    #front-landing #landing-body #dealers,
    #front-landing #landing-body #retail {
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      align-items: center;
      flex: 1;
    }

  }
}


/**************************************
*********** GRAVITY FORMS *************
***************************************/
.gform_wrapper ul.gform_fields {
	list-style: none;
	margin: 1em;
}

.gform_wrapper select {
	min-height: 32px;
}

.gform_wrapper .gfield_password_strength {
	line-height: 1;
}

.gform_wrapper .description_above .gfield_description,
.gform_wrapper .field_description_below .gfield_consent_description,
.gform_wrapper .gfield_consent_description {
	padding: 1em .5em;
  font-size: 13px;
  line-height: 1.4;
}

/**************************************
************* HOMEPAGE ****************
***************************************/

/* Hide Breadcrumb on Homepage Template */
.page-template-template-homepage .storefront-breadcrumb {
	display: none;
}

/* Homepage Hero Banner */
#home-banner {
  margin-bottom: 50px;
}

/* Homepage Featured Items Section Title */
#home-featured .title {
  padding: 1.5em;
  margin-bottom: 50px;
}

/* Homepage Featured Items Heading */
#home-featured .title h1,
#home-featured .title h2,
#home-featured .title h3,
#home-featured .title h4 {
  margin-bottom: 1rem;
  position: relative;
  font-size: 1.6em;
  font-weight: 700;
  letter-spacing: 1px;
  display: inline-block;
}

/* Homepage Featured Items Heading Underscore */
#home-featured .title h1::after,
#home-featured .title h2::after,
#home-featured .title h3::after,
#home-featured .title h4::after {
  content: '';
  position: absolute;
  bottom: -45%;
  left: 50%;
  transform: translateX(-50%);
  width: 35%;
  border-bottom: 4px solid white;
  border-bottom: 4px solid var(--white);
}

/* Hide Product Buttons */
#home-featured .product .button {
	display: none;
}

/**************************************
*********** SHOP ELEMENTS *************
***************************************/

/***** BUTTONS *****/
.woocommerce a.button:hover {
  background: #941a1d;
  background: var(--burgundy);
  color: white;
	color: var(--white);
}

/***** BREADCRUMB *****/

@media (min-width: 768px) {
  .storefront-breadcrumb {
    border-bottom: 1px solid #f0f0f0;
    border-bottom: 1px solid var(--offwhite);
    margin-bottom: 2.5rem;
  }

  /* Hide Breadcrumb on Homepage Template */
  .page-template-template-homepage .storefront-breadcrumb {
    display: none;
  }

  .woocommerce-breadcrumb {
    font-size: 14px;
    font-weight: 600;
    color: #941a1d;
    color: var(--burgundy);
  }

  .woocommerce-breadcrumb a {
    font-size: 13px;
    font-weight: 400;
  }

  .woocommerce-breadcrumb a:focus {
    outline: none;
    color: #941a1d;
    color: var(--burgundy);
  }
}


/***** SHOP SIDEBAR *****/

/* Hide Search Box Title */
#secondary.widget-area .woocommerce.widget_product_search .widget-title {
	display: none;
}

/* Categories Title */
#secondary.widget-area .woocommerce.widget_product_categories .widget-title {
  font-weight: 600;
  padding: 0 0 .5em;
}

/* Category / Subcategory Links */
.woocommerce.widget_product_categories .product-categories .current-cat a,
.woocommerce.widget_product_categories .product-categories .current-cat span.count {
  color: #941a1d;
	color: var(--burgundy);
}

.woocommerce.widget_product_categories .product-categories .current-cat span.count {
	font-weight: 600;
}

.woocommerce.widget_product_categories .product-categories > .cat-item {
	padding-left: 0;
}

.woocommerce.widget_product_categories .product-categories .cat-item::before {
	display: none;
}

.woocommerce.widget_product_categories .product-categories > .cat-item.cat-parent .children .cat-item {
	padding-left: 10px;
	font-size: 13px;
}

/* Sidebar Login Box */
#gform_login_widget-3 {
  border: 2px solid #941a1d;
	border: 2px solid var(--burgundy);
	padding: 1rem;
}

#gform_login_widget-3 p {
	margin-bottom: 0;
}

#gform_login_widget-3 p a {
	display: block;
	margin-top: .5rem;
}


/***** PRODUCT LOOP *****/

.products .product .woocommerce-LoopProduct-link.woocommerce-loop-product__link img,
.products .product-category.product img {
  border: 1px solid #97989a;
  border: 1px solid var(--lightgray);
  opacity: .75;
  transition: .25s ease;
}

.products .product .woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover img,
.products .product .woocommerce-LoopProduct-link.woocommerce-loop-product__link img:hover,
.products .product-category.product:hover img {
  opacity: 1;
}

.products .product .woocommerce-LoopProduct-link.woocommerce-loop-product__link .woocommerce-loop-product__title {
	font-weight: 700;
	font-size: 1.125em;
	line-height: 1.5;
  text-transform: uppercase;
  color: #97989a;
  color: var(--lightgray);
  transition: .25s ease;
}

.products .product .woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover .woocommerce-loop-product__title,
.products .product .woocommerce-LoopProduct-link.woocommerce-loop-product__link .woocommerce-loop-product__title:hover {
  color: #941a1d;
	color: var(--burgundy);
}

.woocommerce-LoopProduct-link.woocommerce-loop-product__link .price .woocommerce-Price-amount.amount {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
  color: var(--darkcoal);
}

.products .product a:focus {
	outline: none;
}


/***** SINGLE PRODUCT *****/

/* Fullwidth Product Layout */
@media (min-width: 768px) {
  .single-product.left-sidebar .content-area {
    width: 100%;
    float: none;
    margin: 0 auto;
  }
}

/* Product Title */
#product-title {
  margin-bottom: 50px;
}

.single-product .product_title.entry-title {
  margin-bottom: 1rem;
  position: relative;
  font-size: 1.875rem;
  font-weight: 700;
  display: inline-block;
}

.single-product .product_title.entry-title::after {
  content: '';
  position: absolute;
  bottom: -45%;
  left: 50%;
  transform: translateX(-50%);
  width: 75px;
  border-bottom: 4px solid #941a1d;
  border-bottom: 4px solid var(--burgundy);
}

/***** PRODUCT SUMMARY *****/

/* Product Thumbnail Sale Indicator */
.product.sale .onsale {
  display: none;
}

/* Product Thumbnail Gallery */

.woocommerce-product-gallery__image.flex-active-slide img {
	width: 100%;
}


@supports (display: flex) {
	.woocommerce-product-gallery.woocommerce-product-gallery--with-images ol.flex-control-nav.flex-control-thumbs {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
	width: auto;
	margin-right: 10px;
}

/* Gallery Thumbnail Caption */
figure.woocommerce-product-gallery__wrapper p.img-caption {
	font-style: italic;
	font-size: 14px;
}

@media (max-width: 767px) {
	/* Center Product Image on Mobile */
	figure.woocommerce-product-gallery__wrapper img.wp-post-image {
		margin: 0 auto!important;
	}
}

/* Product Price */
.single-product .product .summary.entry-summary p.price {
	margin-top: 0;
	font-weight: 700;
	color: #941a1d;
	color: var(--burgundy);
}

/* Product Variation Label */
.woocommerce .variations_form.cart table.variations td.label label {
	font-weight: 700;
	line-height: 2;
}

/* Product Variation Price Display */
.woocommerce-variation .woocommerce-variation-price {
  font-weight: 700;
	color: #941a1d;
	color: var(--burgundy);
}

.single-product .product .woocommerce-variation.single_variation .woocommerce-variation-price .price {
  font-size: 20px;
  margin-right: .5em;
  margin-bottom: 0;
}

@supports (display: flex) {
	.woocommerce-variation.single_variation .woocommerce-variation-price {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row wrap;
		        flex-flow: row wrap;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		-webkit-box-align: baseline;
		    -ms-flex-align: baseline;
		        align-items: baseline;
	}
}

/* Tablet & Up: display Size & Fit dropdowns side-by-side */
@media (min-width: 768px) {
	.woocommerce .variations_form.cart table.variations tbody {
		width: 100%;
  }

	.woocommerce .variations_form.cart table.variations tbody > tr {
		display: table-cell;
		width: 100%;
		min-width: 25%;
		max-width: 50%;
	}
}

/* Product Short Description */
.woocommerce-product-details__short-description p {
	line-height: 1.5;
	margin-bottom: .75em;
}

/* Product Reg. / Sale Price Adjustments */
.product .summary.entry-summary .price > del {
	margin-right: 10px;
	text-decoration: none;
	font-weight: 700;
	color: #696969;
	color: var(--mediumgray);
}

.product .summary.entry-summary .price > del > .woocommerce-Price-amount.amount bdi {
  text-decoration: line-through;
  color: #696969;
  color: var(--mediumgray);
}

.product .summary.entry-summary .price > del::before,
.product .summary.entry-summary .price > ins::before {
	display: block;
	font-size: 14px;
	text-align: center;
	margin-bottom: 5px;
}

.product .summary.entry-summary .price ins.highlight .woocommerce-Price-amount.amount {
	font-weight: 700;
}

/* Display MSRP & Wholesale Prices for "Wholesale Customer" user role */
.logged-in.wholesale_customer .product .summary.entry-summary form .price > .strike > .woocommerce-Price-amount.amount::after,
.logged-in.wholesale_customer .product .summary.entry-summary form .price > del > .woocommerce-Price-amount.amount::after {
    content: ' MSRP';
    font-size: 14px;
    text-decoration: line-through;
}

/* .logged-in.wholesale_customer .product .summary.entry-summary form .price ins.highlight .woocommerce-Price-amount.amount {
    font-weight: 700;
}

.logged-in.wholesale_customer .product .summary.entry-summary form .price ins.highlight .woocommerce-Price-amount.amount::after {
    content: ' Wholesale';
    font-size: 14px;
} */

.logged-in.wholesale_customer .product .summary.entry-summary form .price ins.highlight .woocommerce-Price-amount.amount,
.logged-in.wholesale_customer .product .summary.entry-summary form .price ins .woocommerce-Price-amount.amount {
    font-weight: 700;
}

.logged-in.wholesale_customer .product .summary.entry-summary form .price ins.highlight .woocommerce-Price-amount.amount::after,
.logged-in.wholesale_customer .product .summary.entry-summary form .price ins .woocommerce-Price-amount.amount::after {
    content: ' Wholesale';
    font-size: 14px;
}

/* Product Description & Review Tabs */
.product .woocommerce-tabs.wc-tabs-wrapper {
  border-top: 1px solid rgba(0,0,0,.05);
  border-bottom: 1px solid rgba(0,0,0,.05);
  padding-right: .5rem;
  padding-left: .5rem;
}

.product .woocommerce-tabs ul.tabs {
	margin-right: .5rem!important;
	margin-left: .25rem!important;
}

.product .woocommerce-tabs ul.tabs > li {
	text-indent: .5rem;
}

.product .woocommerce-tabs ul.tabs > li.active,
.product .woocommerce-tabs ul.tabs > li.active a {
	background: #941a1d;
	color: white;
}

.product .woocommerce-tabs ul.tabs > li a:focus {
	outline: none;
}

/* Reviews */
.woocommerce-info {
  background: #941a1d;
  background: var(--burgundy);
}

.woocommerce-noreviews,
p.no-comments {
  background: #424241;
  background: var(--charcoal);
}

/* Related Products Section (single product page) */
.product .related.products {
  padding-top: 25px;
}

/**************************************
************** CHECKOUT ***************
***************************************/
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
	float: none;
	width: 100%;
}

.woocommerce-billing-fields h2,
.woocommerce-billing-fields h3,
.woocommerce .cart_totals h2,
#order_review_heading {
	padding-left: 0;
	font-size: 1.45em;
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: .5em;
  color: #941a1d;
  color: var(--burgundy);
}

.woocommerce-billing-fields label {
	font-weight: 500;
}

#billing_country_field {
	display: none;
}

#add_payment_method .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-checkout .cart-collaterals .cart_totals table th {
  width: auto;
}

.woocommerce .cart_totals table.shop_table.shop_table_responsive tbody > tr:not(:nth-of-type(2)) td {
	text-align: right;
}

.woocommerce-cart table tr.woocommerce-shipping-totals.shipping th {
  width: 100%;
}

tr.woocommerce-shipping-totals.shipping td[data-title="Pickup Location"]::before {
	float: left;
	width: 100%;
	clear: right;
	text-align: left;
	margin-bottom: 1em;
}

.woocommerce ul#shipping_method {
	display: block;
	width: 100%;
	text-align: left;
}

.woocommerce ul#shipping_method li {
	display: block;
	width: 100%;
}

.woocommerce ul#shipping_method li input {
	vertical-align: middle;
}


.woocommerce ul#shipping_method li label {
	font-weight: 500;
}

.woocommerce ul#shipping_method li:nth-of-type(2) {

}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
  background: #941a1d;
  background: var(--burgundy);
}



@media (min-width: 960px) {
	.cart_totals .shop_table.shop_table_responsive .woocommerce-shipping-totals.shipping #shipping_method.woocommerce-shipping-methods li {
		width: 100%;
		display: block;
	}
	
	.cart_totals .shop_table.shop_table_responsive .woocommerce-shipping-totals.shipping #shipping_method.woocommerce-shipping-methods li > input,
	.cart_totals .shop_table.shop_table_responsive .woocommerce-shipping-totals.shipping #shipping_method.woocommerce-shipping-methods li > label {
		display: inline-block;
		vertical-align: middle;
		width: auto;
	}
	
		.cart_totals .shop_table.shop_table_responsive .woocommerce-shipping-totals.shipping #shipping_method.woocommerce-shipping-methods li > input {
		width: auto;
		min-width: 2%;
		max-width: 2%;
	}

	.cart_totals .shop_table.shop_table_responsive .woocommerce-shipping-totals.shipping #shipping_method.woocommerce-shipping-methods li > label {
		width: auto;
		max-width: 100%;
		min-width: 95%;
		float: right;
	}

	.cart_totals .shop_table.shop_table_responsive .woocommerce-shipping-totals.shipping #shipping_method.woocommerce-shipping-methods li > label > span.woocommerce-Price-amount.amount {
		text-align: right;
		float: right;
    width: auto;
    min-width: 15%;
	}

  .cart_totals .shop_table.shop_table_responsive .woocommerce-shipping-totals.shipping #shipping_method.woocommerce-shipping-methods li > label > span.woocommerce-Price-amount.amount > bdi::before {
    content: 'tax: ';
    font-size: 12px;
    line-height: 2;
    text-align: left;
    float: left;
  }

  .cart_totals .shop_table.shop_table_responsive .woocommerce-shipping-totals.shipping #shipping_method.woocommerce-shipping-methods li input + label > span.woocommerce-Price-amount.amount {
    display: none;
  }

  .cart_totals .shop_table.shop_table_responsive .woocommerce-shipping-totals.shipping #shipping_method.woocommerce-shipping-methods li input:checked + label > span.woocommerce-Price-amount.amount {
    display: inline-block;
  }

}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
#place_order,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: #941a1d;
  background: var(--burgundy);
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover,
#place_order:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: rgba(148, 26, 29, 0.8);
}

.personal-business-radio-buttons {
  margin-top: 1em;
}

.woocommerce form input:not([type=radio]) {
	min-height: 35px;
}

.woocommerce form input[type=checkbox] {
	min-height: 0;
}

.woocommerce form input[type=radio] {
  margin-right: .5em;
}

.woocommerce-input-wrapper input[type=radio],
.woocommerce-input-wrapper label {
	display: inline-block!important;
}

.woocommerce-input-wrapper label {
  margin-right: 1.5em;
}

.personal_business_radio input[type=radio]+label {
  margin: 0 1em 0 .3819820591em;
}

.required-inline abbr {
  color: red;
  font-weight: 700;
  border: 0!important;
	text-decoration: none;
	margin-right: 1em;
}

.personal-business-radio-buttons abbr {
  color: red;
  font-weight: 700;
  border: 0!important;
  text-decoration: none;
}

.woocommerce-billing-fields::after {
	content: '';
	display: block;
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,.25);
}

form[name="checkout"] #customer_details > div {
	float: none;
	display: block;
	width: 100%;
}

#customer_details {
  margin-bottom: 25px;
}

#order_review .shop_table.woocommerce-checkout-review-order-table thead tr th:first-of-type {
	width: 75%;
}

#order_review.woocommerce-checkout-review-order .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals.shipping th,
#order_review.woocommerce-checkout-review-order .shop_table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals.shipping td[data-title="Pickup Location"] {
	width: 100%;
	display: block;
}

@media (min-width: 768px) {
  .woocommerce-cart .cart-collaterals .cart_totals .shop_table tbody tr th {
    width: auto;
    max-width: 50%!important;
  }

  td[data-title="Pickup Location"] {
    width: 100%;
  }

  .woocommerce-checkout .woocommerce-shipping-totals.shipping th,
  .woocommerce-checkout .woocommerce-shipping-totals.shipping td {
    width: 100%;
  }
}

/* Hide Billing Country Field in checkout*/
#billing_country_field {
	display: none;
}

/* Form Field Style Overrides */

/* Input Field Padding */
.woocommerce-input-wrapper input.input-text {
	padding: 2px 5px;
}

/* Dropdown Selector */
.select2-container--default .select2-selection--single,
  .select2-container .select2-selection--single,
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
    height: auto;
    margin-top: -2px;
    margin-bottom: 0;
    border-radius: 0;
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    top: -2px;
  }

@media(min-width: 768px) {
  .woocommerce form[name="checkout"].checkout.woocommerce-checkout #customer_details,
	.woocommerce form[name="checkout"].checkout.woocommerce-checkout #order_review {
		float: none;
		width: 100%;
	}
	
	.woocommerce form[name="checkout"].checkout.woocommerce-checkout #order_review, .woocommerce form[name="checkout"].checkout.woocommerce-checkout #order_review_heading {
		float: none;
		clear: both;
  }
  
  #billing_city_field,
  #billing_state_field,
  #billing_postcode_field,
  #billing_phone_field,
  #billing_email_field {
    display: inline-block;
    width: auto;
  }

  #billing_city_field,
  #billing_state_field,
  #billing_postcode_field {
    min-width: 25%;
    max-width: 33.33%;
    margin-right: 1.25em;
  }

  #billing_postcode_field {
    margin-right: 0;
  }

  #billing_postcode_field::after {
    content: '';
    display: block;
    clear: right;
  }

  #billing_phone_field,
  #billing_email_field {
    min-width: 45%;
    max-width: 100%;
    margin-right: 1.25em;
  }

  #billing_email_field {
    margin-right: 0;
  }

  @supports (display: flex) {
    .woocommerce-billing-fields__field-wrapper {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
    }

  }

}


/**************************************
******** DEALER REGISTER PAGE *********
***************************************/
@media (min-width: 768px) {
	.page-template-template-dealer-register.left-sidebar .content-area {
		float: left;
	}

	.page-template-template-dealer-register.left-sidebar .widget-area {
    margin-top: 3rem;
    margin-right: 0;
		/* margin-left: 4.347826087%; */
    margin-left: 3%;
    padding: 1em;
    border: 1px solid rgba(51,51,51,.75);
    border: 1px solid var(--darkcoal-trans);
  }

  .page-template-template-dealer-register .widget.gform_login_widget .widget-title {
    text-transform: none;
    font-weight: 500;
    color: #941a1d;
    color: var(--burgundy);
  }
}



/**************************************
************* FOOTER ******************
***************************************/

footer.site-footer {
  background: #424241;
  background: var(--charcoal);
  text-align: center;
}

.copyright *,
#menu-footer-nav li {
  font-size: 13px;
  margin-bottom: 0;
}

footer.site-footer .logo img {
  margin: 0 auto;
}

.site-footer a:not(.button):not(.components-button) {
  color: white;
  text-decoration: none;
}

#menu-footer-nav {
	list-style: none;
	margin: 0;
}

#menu-footer-nav li {
  display: inline-block;
}

#menu-footer-nav li:not(:last-of-type)::after {
  content: ' | ';
  margin: 0 5px;
}

#menu-footer-nav li a:hover {
	text-decoration: underline;
}

@media (min-width: 768px) {
  footer.site-footer .col-full > div {
    display: inline-block;
    vertical-align: middle;
    width: calc(33.33% - 20px);
  }

  @supports (display: flex) {
    footer.site-footer .col-full {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-around;
      align-items: center;
    }
  }

}