/************************* NOTICE ***********************\

- THIS FILE SHOULD BE USED FOR CUSTOM CSS MODIFICATIONS -

- Using this file for CSS modifications rather than
modifying Style.css directly will allow your site to
receive template updates in the future.

\************************* NOTICE ***********************/
@import url('//fonts.googleapis.com/css?family=Contrail+One');

@media screen and (max-width: 768px) {
  .responsive .top-menu-bar {
    display: none;
  }
  .since {
    display: none;
  }
  .responsive .page header.main {
    padding-top: 85px;
    padding-bottom: 0;
  }
  .toggleMenu {
    padding: 5px 15px;
  }
  .credit-links {
    clear: both;
    text-align: center;
  }
  .responsive header.main .main-menu > ul ul {
    background: #000;
  }
  .responsive .nav ul ul li {
    padding-left: 0;
  }
}
@media only screen and (max-width: 480px) {
  .responsive .logo {
    max-width: 60%;
  }
}
@media only screen and (min-width: 769px) {
  body {
    background: #eb4c00;
    position: relative;
  }
  .wrap {
    max-width: 1125px;
    background: #fff;
    box-shadow: 0 15px 25px #777;
    border: 0;
    margin: 0 auto;
  }
  .logo-container {
    background: url(../../../product_images/theme_images/bomp-records.jpg) no-repeat center center;
    padding-top: 4em;
    /* padding-top: 20px; */
    margin-bottom: 0;
  }
  .logo {
    position: relative;
    left: -1em;
    text-align: center;
    margin: 0 auto;
    /* float: none; */
    width: 55%;
    z-index: 100;
  }
  .main-menu {
    background: transparent url(../../../product_images/theme_images/category-back.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: -10px -20px 0 -20px !important;
    padding: 17px 0 25px 0;
    border: 0;
    clear: none;
    float: none;
    width: auto;
    position: relative;
    z-index: 25;
  }
  .default.page .main-menu {
    margin-bottom: -23px !important;
  }
  .main-menu:before {
    content: 'SHOP BY: ';
    float: left;
    font-size: 16px;
    margin: 10px 5px 0 30px;
    font-family: 'Contrail One', sans-serif;
    font-weight: 400;
    color: #FF0;
  }
  .since {
    display: block;
    position: absolute;
    bottom: 2em;
    color: #fff;
    font-size: 12px;
    right: 14%;
    margin-right: -75px;
  }
  .info-col {
    right: 14%;
    margin-right: -75px;
    top: 60%;
    box-shadow: 0 0 7px #777;
    z-index: 100;
  }
  .search-form {
    margin: 0;
  }
  header.main .info-col .search-form input {
    border: 0;
    padding: 0 35px 0 15px;
    height: 28px;
  }
  header.main .info-col .search-form button {
    background: #a6a6a6;
    padding: 0 4px 0 6px;
    line-height: 22px;
    border: 3px solid #a6a6a6;
  }
  form.search-form {
    background: #ffffff;
  }
  #search_type {
    border: 0;
    outline : none;
    width: 80px;
    padding: 5px;
    margin: 0;
    height: 28px;
    text-indent : 0.01px;
    text-overflow : '';
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: 0 0 7px #777;
  }
  #search_type :: -ms-expand {
    display: none;
  }
  #search_type_box {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: -85px;
    background: #fff url(../../../product_images/theme_images/down2.png) no-repeat center right;
  }
  .nav ul ul:after {
    content: none;
    border: 0;
  }
  .nav > ul > li {
    border: 1px solid #ff4c00;
    border-right: 0;
    border-left: 0;
  }
  .nav > ul > li:first-child {
    border-left: 1px solid #ff4c00;
  }
  .nav > ul > li.last-category-menu-link {
    border-right: 1px solid #ff4c00; /* #c200c2 */
  }
  .nav ul ul:before {
    content: "";
    line-height: 0;
    /* border-top: 10px solid rgba(204,51,102,0.8); */
    border-top: 10px solid rgba(255,76,0,0.8);
    position: absolute;
    top: -44px;
    width: 150px;
    z-index: 0;
  }
  .nav ul ul {
    padding-top: 0;
    width: 150px;
  }
  .nav > ul > li.hover:first-child > ul {
    margin-left: 5px;
  }
  .nav > ul > li.hover > ul {
    margin-left: -30%;
  }
  .nav > ul > li.hover.last-category-menu-link > ul {
    margin-left: -80%;
  }
  .nav > ul > li > a {
    line-height: 24px;
  }
  header.main .main-menu.nav ul ul li {
    background-color: transparent;
  }
  header.main .main-menu.nav > ul > li > a:after {
    content: "/";
    position: absolute;
    right: 0;
    top: 4px;
    color: #fff;
    font-family: 'Contrail One', sans-serif;
    font-size: 13px;
  }
  header.main .main-menu.nav > ul > li.last-category-menu-link > a:after {
    content: none;
  }
  header.main .featured-category-list {
    display: block !important;
    list-style: none;
    position: absolute;
    top: 17px;
    left: 335px;
    white-space: nowrap;
    overflow: hidden;
  }
  header.main .featured-category-list li {
    display: inline-block;
    border: 1px solid #ff4c00;
    border-right: 0;
    border-left: 0;
    height: 36px;
  }
  header.main .featured-category-list li:first-child {
    border-left: 1px solid #ff4c00;
  }
  header.main .featured-category-list li:last-child {
    border-right: 1px solid #ff4c00;
  }
  header.main .featured-category-list li a {
    font-size: 18px;
    font-family: 'Contrail One', sans-serif;
    font-weight: 400;
    line-height: 24px;
    display: block;
  }
  .featured-category-list:before {
    content: 'FEATURED: ';
    float: left;
    font-size: 16px;
    margin: 8px 5px 0 30px;
    font-family: 'Contrail One', sans-serif;
    font-weight: 400;
    color: #FF0;
  }
  .featured-category-list li > a:before {
    content: "/";
    position: absolute;
    left: 0;
    top: 4px;
    color: #fff;
    font-family: 'Contrail One', sans-serif;
    font-size: 13px;
  }
  .featured-category-list li:first-child > a:before {
    content: none; 
  }
  header.main .main-menu.nav ul li.hover > a.parent,
  header.main .main-menu.nav ul li > a.active.parent {
    color: #ff4c00;
  }
  header.main .main-menu.nav ul.featured-category-list li.hover > a,
  header.main .main-menu.nav ul.featured-category-list li > a.active {
    color: #ff4c00;
  }
}
@media only screen and (max-width: 950px) {
  .featured-category-four {
    display: none !important;      
  }
  .featured-category-three {
    border-right: 1px solid #ff4c00 !important;
  }
}
@media only screen and (max-width: 800px) {
  .featured-category-three {
    display: none !important;      
  }
  .featured-category-two {
    border-right: 1px solid #ff4c00 !important;
  }
}
header.main {
  padding: 0;
}
header.main .main-menu.nav > ul > li > a {
  font-size: 18px;
  font-family: 'Contrail One', sans-serif;
  font-weight: 400;
  border-right: 0;
}
header.main .main-menu.nav > ul > li > a:hover {
  color: rgba(255,255,255,0.7);
}
.nav > ul {
  text-align: left;
}
header.main .main-menu.nav > ul > li.hover a.parent{
  background: transparent;
}
header.main .main-menu.nav > ul > li.hover a {
  background: rgba(255,76,0,0.8); /* rgba(204,51,102,0.8); */
}
header.main .main-menu.nav > ul > li.hover li a:hover {
  background: rgba(255,241,0,0.8);
  color: #000;
}
.top-menu-wrap {
  position: absolute;
  top: 0;
  z-index: 1000;
  width: 100%;
  background: rgba(0,0,0,0.75);
  /* border-top: 4px solid #000; */
}
.top-menu-bar {
  position: relative;
  max-width: 970px;
  margin: 0 auto;
  padding: 0.5em 0;
}
.top-menu-bar ul.inline-list {
  margin-bottom: 0;
}
.top-menu-links {
  float: left;
  padding: 5px 5px 5px 15px;
}
.top-menu-links a, .top-menu-links div {
  font-size: 12px;
  color: #fff;
}
.top-menu-links a:hover, .account-links a:hover, .bottom-page a:hover {
  color: rgb(122,122,122);
}
div.account-links {
  padding: 0.5em 0;
}
.account-links a, .account-links div, .logo a {
  color: #fff;    
}
.top-menu-links .inline-list > li {
  display: inline-block;
  float: none;
}
.homepage-banners {
  clear: both;
  max-width: 970px;
  margin-right: 1%;
  white-space: nowrap;
  text-align: center;
}
.homepage-banners img {
  line-height: 0;
}
.homepage-banners a {
  font-family: 'Contrail One', sans-serif;
  color: #fff;
  display: inline-block;
  margin-right: 1%;
  height: 92px;
  width: 54.5%;
  max-height: 100%;
  vertical-align: top;   
}
.homepage-banners a span.icon {
  display: block;
  text-align: center;
  font-size: 14px;
  border: 2px solid #fff;
  color: #fff;
  padding: 12px 0 0;
  width: 40px;
  height: 40px;
  margin: 15px auto;
  opacity: 0.7;
}
.homepage-banners a span.text {
  display: block;
  font-size: 12px;
}
.homepage-banners a.qa {
  background-color: #d91b5c;
  width: 14.5%;
}
.homepage-banners a.testimonials {
  background-color: #ff4c00;
  width: 14.5%;
}
.homepage-banners a.history {
  background-color: #ffbe00;
  width: 14.5%;
  margin-right: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Contrail One', sans-serif;
  font-weight: 400;
  color: #000;
}
h3 {
  border-bottom-color: #000;
}
footer.main {
  border-top: 10px solid #000;
  background: #fff url(../../../product_images/theme_images/fade-top.png) no-repeat center top;
  max-width: 970px;
  margin: 20px auto 0;
}
footer.main .footerquote p {
  margin: 35px 15px 15px 15px;
  padding: 10px 20px;
  background: #fff;
  text-align: left;
  font-size: 11px;
}
.footerquote {
  position: relative;
}
.footerquote:after, .footerquote:before {
  position: absolute;
  font-family: 'Contrail One', sans-serif;
  font-weight: 400;
  font-size: 60px;
  color: #595959;
}
.footerquote:before {
  content: "\201C";
  top: 30px;
  left: 5px;
}
.footerquote:after {
  content: "\201D";
  bottom: -30px;
  right: 10px;
}
.threethree {
  width: 33.33%;
}
footer.main h4 {
  font-size: 20px;
  color: #000;
}
footer.main .social-links a, footer.main a {
  color: #000;
}
.bottom-page {
  width: 100%;
  background: #000;
  color# fff;
  overflow: auto;
  padding: 10px 0;
}
.bottom-wrap {
  max-width: 970px;
  margin: 0 auto;
}
.bottom-page .columns {
  float: left;
}
.bottom-page a {
  color: #fff;
}
.bottom-page ul, .bottom-page li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bottom-page li {
  display: inline-block;
}
.bottom-page li a {
  font-size: 12px;
  padding: 5px 5px 5px 5px;
  display: block;
  margin-right: 5px;
}
.bottom-page li a span {
}
.credit-links {
  overflow: auto;
}
p.footer-copy {
  font-size: 10px;
  padding: 0;
  margin: 0;
  color: #eee;
}
.SitemapBrands {
  display: none;
}
.more-new-products {
  font-family: 'Contrail One', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #000;
  display: block;
  text-align: right;
  padding: 5px 10px;
  margin: 10px;
}
@media only screen and (max-width: 768px) {
  /* Fix for iPad and mobile */
  .responsive .page #cartForm .product-grid li {
    width: 100%;
  }
}