/*
|--------------------------------------------------------------------------
|                                Futura New Cond
|--------------------------------------------------------------------------
*/

@font-face {
  font-family: 'Futura New Cond';
  src: url('../fonts/futura-new-cond/FuturaNewCondBold-Reg.eot');
  src: url('../fonts/futura-new-cond/FuturaNewCondBold-Reg.eot?#iefix') format('embedded-opentype'),
    url('../fonts/futura-new-cond/FuturaNewCondBold-Reg.woff') format('woff'),
    url('../fonts/futura-new-cond/FuturaNewCondBold-Reg.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Futura New Cond Book';
  src: url('../fonts/futura-new-cond/FuturaNewCondBook-Reg.eot');
  src: url('../fonts/futura-new-cond/FuturaNewCondBook-Reg.eot?#iefix') format('embedded-opentype'),
    url('../fonts/futura-new-cond/FuturaNewCondBook-Reg.woff') format('woff'),
    url('../fonts/futura-new-cond/FuturaNewCondBook-Reg.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}







/*
|--------------------------------------------------------------------------
|                             Index Page
|--------------------------------------------------------------------------
*/

section#hero {
  /*height: 50vh !important;*/
  background-color: #ECECEC !important;
  background: #ECECEC !important;
}




section#community{
  padding-bottom: 40px;
}

section#community .community-image-container{
  margin: 0 3px;
}

section#community .com-container-overlay{
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,.6);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-transition: background 1s;
      transition: background 1s;
}

section#community .community-image-container:hover .com-container-overlay{
  background-color: transparent;
}


section#categories{
  padding-bottom: 40px;
}


section#categories .categories-label{
  padding-bottom: 0;
}

section#categories .cat-container-overlay{
  align-items: flex-start;
  background: none;
}

section#categories .cat-container-header p{
  background-color: rgba(38,70,81,0.9);
  padding: 5px 0;
}

/*
  Featured Section
*/

  .container-row {
    max-width: 75rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .index-featured {
    background-color: #ECECEC !important;
    background: #ECECEC !important;
  }

  .index-featured .columns {
    /*padding-left: 7.5px !important;*/
    /*padding-right: 7.5px !important;*/
  }

  .featured-section-container {
    background-color: #fff !important;
  }

  .featured-section-image-container {
    position: relative;
  }

  .featured-section-image-container:hover .featured-section-image-overlay {
    background: transparent;
  }

  .featured-section-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(136, 167, 180, 0.4);
  }

  .featured-section-header {
    text-transform: uppercase;
    padding-left: 15px;
    font-family: 'Futura New Cond';
    font-weight: bold;
  }

  .featured-section-copy-container {
    padding: 10px;
  }

  .featured-section-copy-container h5 {
    font-family: 'Futura New Cond';
    font-weight: bold;
    margin: 0;
  }

   .featured-section-copy-container p {
    margin: 0;
    font-family: 'Futura New Cond Book';
   }


/*
  Product Categories
*/

  .product-categories {
    background-color: #ECECEC !important;
    background: #ECECEC !important;
    padding-bottom: 40px;
  }

  .categories-row {
    padding-left: 35px;
    padding-right: 35px;
  }

  .product-categories .column-block {
    padding-left: 3px !important;
    padding-right: 3px !important;
    padding-bottom: 6px !important;
  }

  .product-categories-section-header {
    text-transform: uppercase;
    margin-left: -15px;
    padding-top: 40px;
    font-family: 'Futura New Cond';
    font-weight: bold;
  }

  .product-categories-container {
    position: relative;
  }

  .product-categories-overlay-container {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.6);
  }

  .product-category-header {
    color: #fff !important;
    font-weight: bold;
  }



/*
|--------------------------------------------------------------------------
|                                 Navigation
|--------------------------------------------------------------------------
*/

ul.jetmenu {
  background: #fff !important;
}

nav#jet-navigation .jetmenu ul.dropdown {
  z-index: 9999;
}

.fb-like {
  margin-top: -15px;
  padding-left: 15px;
}



/*
|--------------------------------------------------------------------------
|                                 Product Page
|--------------------------------------------------------------------------
*/

section#product-page-overview p,
nav#product-page-nav a,
section#product-page-features .product-page-features-container li,
section#product-page-features .product-page-specs-container li {
  color: #444;
}

.product-page-name-header h2 {
  margin: 0;
  color: #AAA9A7;
  font-size: 4rem;
  font-family: $micro-grandma-thin;
  border-bottom: 3px solid #AAA9A7;
}

/* Hero Buttons */
section#product-page-hero .buy-online-btn {
  padding: 10px;
  color: #444;
}

/* this fixes the text indents on paragraphs in the overview */
p+p {
  text-indent: 0 !important;
  margin-top: auto !important;
}

nav#product-page-nav .product-buy {
    padding: 0 40px;
    margin-left: -5px;
    border-top: 5px solid #808285;
  }

  nav#product-page-nav .sticky-nav-link:focus, nav#product-page-nav #product-buy:hover {
    color: #89a7b4;
}


/*
|--------------------------------------------------------------------------
|                                 Category Page
|--------------------------------------------------------------------------
*/

.category-page-a-tag {
  color: #444;
}
.category-page-a-tag:hover {
  color: #444;
}

section#categories-hero .cat-card-text {
  z-index: 0;
}




/*
|--------------------------------------------------------------------------
|                                 Search Results
|--------------------------------------------------------------------------
*/

.bucket-product {
  border: 1px solid #ccc;
}

.bucket-product-title {
  padding: 0 5px;
}

.bucket-product-button {
  padding-top: 10px;
}


/*
|--------------------------------------------------------------------------
|                                 Artists Page
|--------------------------------------------------------------------------
*/

.m-audio-artists-overlay-copy-wrapper {
  height: 20%;
  transform: translateY(70%);
}


.m-audio-artists-overlay-container-hover {
  background: transparent;
  transition: background .5s;
}

.m-audio-artists-overlay-copy-wrapper-hover {
  transition: all .5s ease-out;
  transform: translateY(0%);
  background: rgba(85, 97, 107, 0.8);
}

  /* Artist #2 */
  .artist-2-overlay-container {
    background: darken(rgba(85, 97, 107, 0.8), 20%);
  }
  .artist-2-overlay-container-hover {
    background: transparent;
    transition: background .5s;
  }

  /* Artist #3 */
  .artist-3-overlay-container {
    background: lighten(rgba(85, 97, 107, 0.8), 40%);
  }
  .artist-3-overlay-container-hover {
    background: transparent;
    transition: background .5s;
  }

  /* Artist #4 */
  .artist-4-overlay-container {
    background: lighten(rgba(85, 97, 107, 0.8), 40%);
  }
  .artist-4-overlay-container-hover {
    background: transparent;
    transition: background .5s;
  }

  /* Artist #5 */
  .artist-5-overlay-container {
    background: darken(rgba(85, 97, 107, 0.8), 5%);
  }
  .artist-5-overlay-container-hover {
    background: transparent;
    transition: background .5s;
  }

  /* Artist #6 */
  .artist-6-overlay-container {
    background: darken(rgba(85, 97, 107, 0.8), 20%);
  }
  .artist-6-overlay-container-hover {
    background: transparent;
    transition: background .5s;
  }




/*
|--------------------------------------------------------------------------
|                       M-Track Microsite Product Pages
|--------------------------------------------------------------------------
*/

  /*
  |--------------------------------------------------------------------------
  |                      SMALL MEDIA QUERIES
  |                       max-width 640px
  |--------------------------------------------------------------------------
  */

    @media only screen and (max-width: 40em) {
      .m-track-2x2M-overview-logo-container {
        width: 100%;
      }

      section#m-track-2x2M-overview {
        margin-top: 0;
      }

      .m-track-2x2-overview-logo-container {
        width: 100%;
      }

      section#m-track-2x2-overview {
        margin-top: 0;
      }

      .product-requirements, .product-software{
          text-align: center;
      }
    }/* SMALL MEDIA QUERY */


/*
|--------------------------------------------------------------------------
|                        James Cook Artists Page
|--------------------------------------------------------------------------
*/


  /*
  |--------------------------------------------------------------------------
  |                     James Cook - MEDIUM MEDIA QUERIES
  |                min-width 641px and max-width 1024px
  |--------------------------------------------------------------------------
  */

  @media only screen and (min-width: 40.063em) and (max-width: 64em) {

    .james-cook-bold-text-callout-container {
      margin-left: 0px !important;
      padding-top: 50px;
    }

  }/* MEDIUM MEDIA QUERY */







  /*
  |--------------------------------------------------------------------------
  |                      James Cook - SMALL MEDIA QUERIES
  |                       max-width 640px
  |--------------------------------------------------------------------------
  */

  @media only screen and (max-width: 40em) {

    section#noblesse-oblige-photo-text-columns {
      padding-top: 50px !important;
    }

    .james-cook-bold-text-callout-container {
      margin-left: 0px !important;
      padding-top: 50px;
      padding-right: 0px !important;
    }

    .james-cook-rolling-stone {
      font-size: 1.5rem;
    }

    .james-cook-track-of-the-day-heading {
      font-size: 1rem;
    }

    section#noblesse-oblige-video-links {
      padding-top: 0px !important;
    }

  }/* SMALL MEDIA QUERY */




  section#translator{
    display: none !important;
  }