/*
Template Name:      Marketing 360® Bigcommerce Template
Version:            0.1.0
Author:             Madwire Media SWAT Team
Author URI:         http://www.madwiremedia.com
*/

/* =============================================================================
   Base !n! !bas
   ========================================================================== */

body {
   /* background: url(//cdn11.bigcommerce.com/s-okmt58fj/templates/__custom/img/bg-body.png?t=1704916096); */
}
.page {
   background: none;
}

/* == Colors == */

a,
.btn.btn-link {
   color: #d02a33;
}
a:hover,
.btn.btn-link:hover,
.ProductList li a:hover {
   color: #444;
}

.btn,
.ExpressCheckoutBlock .ExpressCheckoutTitle,
#PrimaryMenu ul li.dropdown ul a:hover,
#SideCatPopOut ul li ul a:hover,
.ProductList li .inner em {
   background: #444;
   color: #fff;
   border-radius: 0;
}
.btn:hover {
   background: #222;
   color: #fff;
}

.btn.alt,
.ProductList li .btn {
   background: #540A0C;
   color: #fff;
   border-radius: 0;
   text-transform: uppercase;
   padding: 7px 18px;
   font-family: 'Roboto', sans-serif;
   font-size: 11px;
   width: 100%;
}
.btn.alt:hover,
.ProductList li .btn:hover {
   background: #444;
   color: #fff;
}

/* == Fonts == */

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url(//cdn11.bigcommerce.com/s-okmt58fj/templates/__custom/fonts/leaguegothic-regular-webfont.eot?t=1704916096);
    src: url(//cdn11.bigcommerce.com/s-okmt58fj/templates/__custom/fonts/leaguegothic-regular-webfont.eot?t=1704916096#iefix) format('embedded-opentype'),
         url(//cdn11.bigcommerce.com/s-okmt58fj/templates/__custom/fonts/leaguegothic-regular-webfont.woff?t=1704916096) format('woff'),
         url(//cdn11.bigcommerce.com/s-okmt58fj/templates/__custom/fonts/leaguegothic-regular-webfont.ttf?t=1704916096) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.font-primary {
   font-family: 'LeagueGothicRegular', Arial, sans-serif;
}

.font-secondary {
   font-family: 'Cormorant Garamond', serif;
}

h1, h2, h3, h4 {
   font-family: 'LeagueGothicRegular', Arial, sans-serif;
   text-transform: uppercase;
}
h1,
#ProductDetails h1 {
   font-size: 24px;
}
h2 {
   font-size: 22px;
}
h3,
.Left h3 {
   font-size: 22px;
}
h4 {
   font-size: 18px;
}

#DrawerMenu h3 {
   font-family: "Open Sans", Arial, Sans-Serif;
}

.uppercase {
   text-transform: uppercase;
}


/* =============================================================================
   Header !n! !hdr
   ========================================================================== */

.TopMenu {
   margin-bottom: 0;
   background: #EAEAEA;
}
.TopMenu .container {
   padding-top: 5px;
   padding-bottom: 5px;
}
.TopMenu, .TopMenu a {
   color: #444;
}

.header {
   margin-bottom: 0;
   background: none;
}

#Header {padding-top: 10px; padding-bottom: 10px;}

#Header .inner {
   padding: 25px 0 10px;
}

.header-logo {
   float: none;
   text-align: center;
}
.header-logo a {
   margin-top: 10px;
}

.headline,
.header-cart {
   font-size: 20px;
  font-family: 'Cormorant Garamond', serif;
}

.header-secondary .header-cart a {
    color: black;
}

.header-cart a:nth-of-type(2) {
    color: #e46866;
}

.headfont {
  font-family: 'Cormorant Garamond', serif;
}

/* == Navigation == */

.header .PrimaryMenu-wrap {
   /* height: 75px;
   background: url(//cdn11.bigcommerce.com/s-okmt58fj/templates/__custom/img/nav-bg.png?t=1704916096) top center no-repeat; */
   border: none;
   margin-bottom: 15px;
}

#PrimaryMenu {
   background: #540A0C;
}

#PrimaryMenu > ul {
   text-align: center;
}
#PrimaryMenu > ul > li {
   display: inline-block;
   float: none;
}

#PrimaryMenu > ul > li > a,
#PrimaryMenu ul.category-list > li > a {
  padding: 15px 18px;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
}

#PrimaryMenu > ul > li > a:hover,
#PrimaryMenu > ul > li.dropdown.open > a,
#PrimaryMenu > ul > li.ActivePage > a,
#PrimaryMenu ul.category-list > li > a:hover,
#PrimaryMenu ul.category-list > li.dropdown.open > a,
#PrimaryMenu ul.category-list > li.ActivePage > a {
   color: #a08e8e;
}

/* == Mobile Navigation == */

#DrawerMenu li.pull-left {
   float: none !important;
}

/* =============================================================================
   Content !n! !cnt
   ========================================================================== */


/* =============================================================================
   Sidebar !n! !sdb
   ========================================================================== */

/* =============================================================================
   Footer !n! !ftr
   ========================================================================== */

.newsletter-subscription {
   background: none;
   border: none;
}

.footer-main,
.footer-links {
   background: #333;
   color: #fff;
}

.footer-main .sf-menu li {
    float: none;
}

.footer-main a,
.footer-links a {
   color: #fff;
}

.footer-main {
   border-top: 3px solid #bbb;
}
.footer-main h4 {
   font-size: 22px;
   font-weight: 400;
   text-transform: uppercase;
   font-family: 'Cormorant Garamond', serif;
}
.social-links li{
  display: inline-block;
  font-size: 20px;
  margin-right: 5px;
}
.social-links i {
    background: #ccc;
    color: #333;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.social-links i:hover {
    color: #95141b;
    background: #fff;
}

.social-links a:hover {
    text-decoration: none;
}

/* =============================================================================
   Miscelaneous !n! !msc
   ========================================================================== */


/* =============================================================================
   Pages !n! !pgs
   ========================================================================== */


/* =============================================================================
   Category !n! !ctg
   ========================================================================== */


/* =============================================================================
   Product Lists !n! !pls
   ========================================================================== */
.ProductList li {
    width: 30%;
}

.ProductList li .inner {
   position: relative;
   padding: 10px;
   background: #FFF;
   border: 1px solid #fff;
   /* box-shadow: 0 0 2px rgba(0,0,0,0.25);
   -moz-box-shadow: 0 0 2px rgba(0,0,0,0.25);
   -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.25); */
}

.ProductList .ProductImage {
   background: #fff;
}

.ProductList li .inner em {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   padding: 3px 12px;
   font-size: 16px;
   font-weight: 400;
   /*font-family: 'LeagueGothicRegular', Arial, sans-serif;*/
}
.body-home .ProductList .ProductImage img {
    max-height: 100%;
}
#home .ProductList li, .productPage .ProductList li {
    width: 25%;
}
.ProductList li a {
   color: #95141b;
}

.ProductCompareButton {
    display: none;
}

strike.RetailPriceValue {
    color: red;
}

span.ProductPrice strike {
    color: red;
}



/* =============================================================================
   Product !n! !prd
   ========================================================================== */

.ProductThumbImage {
   margin-bottom: 20px;
}

#prodAccordion .subtitle {
   font-weight: 400;
   font-size: 24px;
}

.ProductDetailsGrid .DetailRow {border: none;}

#SimilarProductsByTag_Tab {
  display: none;
}

/* =============================================================================
   Cart !n! !crt
   ========================================================================== */


/* =============================================================================
   Checkout !n! !chk
   ========================================================================== */


/* =============================================================================
   Order !n! !ord
   ========================================================================== */


/* =============================================================================
   Account !n! !acct
   ========================================================================== */


/* =============================================================================
   Home Page !n! !hpg
   ========================================================================== */

.slide-show {
   background: none;
}
.slide-show .slide-overlay {
  /* top: 20%;*/
   right: -31%;
}
.flex-control-nav {
   margin-top: 0;
}

.hero{
  background:url(../img/hero-rv.jpg) top center no-repeat;
  padding: 155px;
  background-size: cover;
}

.herotext {
    color: white;
    font-family: 'Cormorant Garamond', serif;
    font-size: 40px;
    text-transform: uppercase;
    line-height: 1;
    border-bottom: 1px solid white;
    font-weight: 100;
    letter-spacing: 9px;
}

.hero-btn{
  background: rgba(255, 255, 255, 0.35);
  text-transform: uppercase;
  padding: 7px 35px;
  border-radius: 0;
  font-family: 'Roboto', sans-serif;
}

.promo-banner {
  background: url(//cdn11.bigcommerce.com/s-okmt58fj/templates/__custom/img/promo-bg.jpg?t=1704916096) no-repeat center;
  background-size:cover;
  font-weight: 300;
  color: #fff;
  text-align: center;
  padding: 15px;
  font-size: 26px;
  margin-top: 15px;
  line-height: 1;
}

.promo-banner h1 {
    font-family: 'Cormorant Garamond', serif;
    letter-spacing: 2px;
    margin-bottom: 10px;
    color: #ccc;
}

.promo-banner span {
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ccc;
}

.cta-row{
  margin: 15px;
}

span.cta-text {
    position: relative;
    bottom: 136px;
    color: white;
    font-family: 'Cormorant Garamond', serif;
    text-transform: uppercase;
    font-size: 33px;
    font-weight: lighter;
    letter-spacing: 7px;
    border-bottom: 1px solid white;
}

div#HomeFeaturedProducts {
    margin-top: -20px;
}

#home .ProductList li {width: 25%;}

.ProductPriceRating {
    display: inline-block;
}
.ProductDetails span.Rating img{
    display: none;
}

.Content .ProductList li:hover .ProductImage-actions {
    bottom: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.Content .ProductList .ProductImage-actions {
    position: absolute;
    left: 0;
    bottom: -105px;
    width: 100%;
    padding: 5px 5px;
    background: rgba(0,0,0,0.40);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.Content .ProductList .ProductImage-wrap {
    position: relative;
    overflow: hidden;
    /*border: 1px solid #eee;*/
}

.Content .ProductList .RetailPriceValue {
    float: right;
    font-weight: 400;
    font-size: 14px;
    padding-left: 30px;
}

.ProductPrice, .ProductList em {
    font-size: 16px;
    font-weight: 700;
    text-align: left;
}

#SideProductRelated > div > ul > li:nth-child(5) {
    display: none;
}
/* =============================================================================
   Media Queries !n! !mqs
   ========================================================================== */

/* Up to 1199px */
@media screen and (max-width: 1199px) {

}

/* Up to 991px */
@media screen and (max-width: 991px) {
    #Header .inner {padding-top: 0;}
   .headline, .header-cart {font-size: 18px;}

   .hero {padding: 75px;}
   .promo-banner {font-size: 20px;}

    span.cta-text {
      font-size: 22px;
      letter-spacing: 2px;
      bottom: 98px;
    }
}

/* Up to 767px */
@media screen and (max-width: 767px) {

    .hero {padding: 25px !Important;}

    .herotext {
      font-size: 28px;
      letter-spacing: 5px;
      text-align: right;
    }

    .promo-banner {font-size: 18px; line-height: 1.2;}
    .promo-banner h1 {font-size: 28px;}
    .promo-banner span {display: block; font-size: 16px; margin-top: 15px;}
    

    span.cta-text {
      font-size: 28px;
      letter-spacing: 2px;
      bottom: 115px;
    }

}

/* Up to 480px */
@media screen and (max-width: 480px) {
.hero {
    padding: 155px 0;
}
}