@charset "UTF-8";
/*
  Journal - Advanced Opencart Theme Framework
  Version 2.9.0
  Copyright (c) 2017 Digital Atelier
  https://www.journal-theme.com/
*/
/******************************
 HEADER
*******************************/
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
.carousel-specials {
  padding: 5px;
  background-color: #FFEDA0;
}
header {
  z-index: 99;
  position: relative;
  margin: 0 auto;
  display: table;
  width: 100%;
  }

.header {
  display: table;
  width: 100%; }
  .header > div {
    position: relative; }
  .header .journal-menu-bg {
    height: 40px; }


.top-menu-link {
  white-space: nowrap;
  position: relative; }

/******************************
 Login
*******************************/

#welcome {
  position: relative;
  top: 0; }


#cart {
  height: 36px;
}


#cart {
  text-align: left;
  right: 0;
  left: 0;
  width: 100%;
  height: 40px; }
#cart ul {
  padding: 0;
  margin: 0;
  list-style: none; }
#cart .heading {
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: none;
  position: relative;
  height: 100%;
  display: inline-block;
  background-color: transparent;
  z-index: 1;
  border-radius: inherit; }
#cart .heading a {
  color: inherit;
  border: none;
  font-size: inherit;
  text-decoration: none;
  overflow: hidden;
  height: 100%;
  display: table;
  border-radius: inherit; }
#cart .heading a > span {
  text-align: left;
  padding-left: 5px;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  position: relative; }
#cart .heading i {
  width: 40px;
  height: 40px;
  border-right-width: 1px;
  border-color: transparent;
  border-style: solid;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
@supports ((display: -webkit-box) or (display: -webkit-flex) or (display: -ms-flexbox) or (display: flex)) {
  #cart .heading i {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; } }
#cart .heading i::before {
  content: "\e000";
  font-size: 28px;
  color: white; }
#cart .content {
  visibility: hidden;
  list-style: none;
  opacity: 0;
  padding: 0;
  margin: 0;
  min-width: 360px;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  position: relative;
  min-height: 125px;
  color: #333745;
  float: left;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }
#cart .content .cart-wrapper {
  background-color: white; }
#cart .checkout {
  clear: both;
  padding: 18px 0;
  text-align: center;
  display: table;
  margin: 0 auto;
  width: 100%; }
#cart .checkout a + a {
  margin-right: 15px; }
#cart .empty {
  padding: 50px 0;
  text-align: center;
  font-size: 14px;
  font-style: italic; }

.ie9 #cart button.heading {
  display: table; }
.ie9 #cart button.heading span {
  text-align: left;
  padding-left: 7px;
  display: table-cell;
  vertical-align: middle;
  width: 100%; }

.oc2 .image .img-thumbnail {
  display: block; }

#cart.active .heading,
#cart.open .heading {
  padding: 0;
  margin: 0;
  border: 0; }

#cart.active .content,
#cart.open .content {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  display: block;
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }



/******************************
 Search
*******************************/
#search {
  position: relative;
  width: 100%; }

.button-search {
  cursor: pointer;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: transparent;
  float: left;
  position: absolute;
  color: #CCCCCC;
  -webkit-transition: color 0.2s, background-color 0.2s;
          transition: color 0.2s, background-color 0.2s;
  z-index: 9;
  height: 100%; }
  .button-search button {
    width: 40px;
    height: 100%; }
  .button-search i {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .button-search i:before {
      content: "\e697";
      font-size: 20px; }

#search input {
  float: left;
  width: 100%;
  height: 100%;
  max-width: 100%;
  background-color: white;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  padding-left: 50px;
  font-size: 13px;
  color: #333745;
  box-shadow: none; }

.ie9 #cart button.heading {
  display: table; }
  .ie9 #cart button.heading span {
    text-align: right;
    padding-right: 7px;
    display: table-cell;
    vertical-align: middle;
    width: 100%; }

.oc2 .image .img-thumbnail {
  display: block; }

#cart.active .content,
#cart.open .content {
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  display: block;
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.view-more-link {
  display: block;
  padding: 3px 5px; }

/*  account*/
.tagsbreadcrumb {
  margin-right: 3px;
  margin-bottom: 5px;
  padding-left:7px;
  padding-right:7px;
  background-color: #f4f4f4;
  color: #333745;
  border-radius: 5px;  }

ul.menu-centered {
  display: block;
  text-align: center;
  border-width: 0;
  white-space: nowrap; }
  ul.menu-centered > li {
    display: inline-block;
    text-align: initial;
    white-space: initial; }
    ul.menu-centered > li.icon-only {
      width: auto; }
      ul.menu-centered > li.icon-only a i {
        display: block; }
    ul.menu-centered > li:first-of-type {
      border-left-width: 1px; }
    ul.menu-centered > li:last-of-type {
      border-right-width: 1px; }
    ul.menu-centered > li > a {
      padding: 0 15px; }
  ul.menu-centered .product-grid-item .quickview-button .button,
  ul.menu-centered .product-grid-item .name a {
    text-align: center; }

.mega-menu-column > div {
  width: 100%; }

/******************************
MEGA-MENU DROPDOWN
*******************************/
.drop-down {
  position: relative; }
  .drop-down .menu-plus {
    position: absolute;
    font-size: 17px;
    top: 10px;
    right: 8px; }
    .drop-down .menu-plus:before {
      content: "\e094"; }
  .drop-down > ul {
    display: none; }
  .drop-down ul {
    z-index: 999;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    box-shadow: 0 1px 8px -3px rgba(0, 0, 0, 0.5); }
    .drop-down ul li {
      color: #333745;
      background-color: white;
      position: relative;
      border-width: 0 0 1px 0;
      border-style: solid;
      border-color: #EEEEEE;
      max-width: 100vw; }
      .drop-down ul li:last-of-type {
        border-bottom-width: 0; }
      .drop-down ul li ul {
        visibility: hidden;
        opacity: 0;
        left: 100%;
        top: 0; }
      .drop-down ul li.left ul {
        left: -100%; }
      .drop-down ul li:hover > ul {
        -webkit-transition: opacity 0.2s;
                transition: opacity 0.2s;
        visibility: visible;
        opacity: 1; }
      .drop-down ul li a {
        padding: 11px 25px 12px 9px;
        display: block;
        color: inherit;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        .drop-down ul li a:before {
          margin-right: 5px; }

@media only screen and (max-width: 980px) {
  #cart {
    height: 36px;
  }
}

@media only screen and (min-width: 760px) {
    .branding-column, .branding-three-in-row, .branding-two-in-row {
        padding: 0px 10px;
    }
}