/****
    * Dani's modifications: 
    *
    * NOTE: Every single line of code here has been added by me. If you want to revert the theme back to it's default css settings, delete everything here. Before doing so, please ensure you have everything backed up.
    *
    *
    * These are all the files where I have altered the CSS: custom.scss, nextgen.scss, cards-quicksearch.scss, checkout-header.html, checkout-footer.html, navigation-menu.html
        - files ending in ".scss" are found in assets -> scss
        - files starting with "checkout-" are found in templates -> components -> custom
        - navigation-menu can be found in templates -> components -> common
    */
.productView-info-value table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 30px; }

.productView-info-value th,
.productView-info-value td {
  border: 1px solid #b8b2b2;
  padding: 8px 20px 8px 20px;
  text-align: left; }

.productView-info-value th {
  background-color: lightgray; }

.productView-info-value tr:nth-child(even) {
  background-color: #f7f7f7; }

dd.productView-info-value {
  float: none; }

@media (max-width: 768px) {
  .hide-tablet-mobile-view {
    display: none; } }

.custom-RemoveMargin {
  margin: 0; }

.custom-FDA {
  background-color: #d9edf7;
  color: #3a87ad;
  font-size: 14px;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 4px; }

.custom-SpecialPurchase {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
  font-size: 14px;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 4px; }

.custom-SpecialOrder {
  background-color: #e3e6ea;
  border-color: #e3e6ea;
  color: #674905;
  font-size: 14px;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 4px; }

.custom-OnSaleMessage {
  background-color: #00cc66;
  border-color: #00cc66;
  color: #fff;
  font-size: 16px;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 4px;
  text-align: center; }

p,
.page.content span,
#body .page.content div[data-content-region="page_builder_content_editor_area_bottom"] p,
#body .page.content div[data-content-region="page_builder_content_editor_area_top"] p {
  font-size: 16px; }

.breadcrumb, .breadcrumb a {
  font-size: 16px; }

.breadcrumb.is-active > .breadcrumb-label {
  font-size: 16px; }

.footer-info-list a,
footer address {
  font-size: 14px; }

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
  font-family: "Nunito", Arial, Helvetica, sans-serif !important; }

div.alertBox.alertBox--info {
  border: solid 2px red; }

.alertBox-icon svg {
  fill: red; }

.main-nav-container.both-categories-and-pages div#menu,
.main-nav-container.pages-only div#menu {
  background-image: linear-gradient(#435468, #36495d 60%, #2b3d50);
  background-repeat: repeat;
  text-align: center;
  padding: 5px; }

.main-nav-container.pages-only div#menu {
  font-size: 10px; }

#alert-modal .modal-content {
  font-family: "Nunito", Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding: 10px; }

.navBar.navBar--sub.navBar--account .navBar-section {
  display: block !important; }

#body.category-layout-no-sidevav .sideCategoryList.desktop.vertical.in-body.no-sidenav-categories {
  display: none; }

.panel--address .panel-body .button.secondary.button--small,
.account .button:not(.card-figcaption-button) {
  background-color: #336699;
  border-color: #336699; }

.account .button:hover {
  background-color: #336699;
  color: #dfdfdf;
  border-color: white; }

.form-checkbox + .form-label::before,
.form-radio + .form-label::before {
  border: solid 1px #2b2b2b;
  width: 1.4rem;
  height: 1.4rem;
  padding-right: 10px; }

.form-checkbox:checked + .form-label::after,
.form-radio:checked + .form-label::after {
  width: 1.2rem;
  height: 1.2rem; }

.account-product--alignMiddle .account-product-checkItem .form-label {
  margin-right: 20px; }

.mi-click-and-collect--wrapper {
  padding: 0 20px; }

li.subcategory-item span.subcategory-name {
  margin-top: 15px;
  padding: 5px;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0px; }

.modal-header {
  display: block; }

.header-logo--left {
  height: 85px; }

table.cart {
  font-size: 15px; }

table.cart .productView-info-name,
.cart-totals,
.mi-mil-available {
  font-size: 15px; }

.category.main form article.card,
.main.full.home article.card,
.related.recommended.products-section article.card {
  border: solid 1px #eee;
  padding: 5px 5px 0 5px; }

.category.main form article.card:hover,
.main.full.home article.card:hover,
.related.recommended.products-section article.card:hover {
  box-shadow: 3px 3px 2px 2px rgba(0, 0, 0, 0.1); }

ul.productGrid--maxCol4 .productGrid .product {
  width: 20%; }

li.subcategory-item.hasImage:hover {
  box-shadow: 0 0 0.5px 0.5px black; }

#body .main-nav-container.click-to-open #menu li.navPages-item.top-level a {
  font-weight: 700; }

#menu .custom-pages-nav .navPage-subMenu li {
  height: 38px; }

.main-nav-container #menu .navPage-subMenu a:hover {
  background-color: #fcfcfc; }

.navBar--sub .navBar-action {
  font-size: 1.15rem;
  font-weight: bold;
  text-decoration: underline;
  padding: 10px; }

.form-increment .button--icon svg {
  transform: scale(1.5); }

.form-increment .button {
  height: 40px;
  width: 40px;
  border: 1px solid #c5c5c5; }

.form-input--incrementTotal {
  font-size: 16px;
  height: 40px;
  width: 100px;
  border-top: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5; }

@media screen and (max-width: 800px) {
  .form-input--incrementTotal {
    font-size: 16px;
    height: 40px;
    width: 70px;
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5; } }

.productView label.form-label {
  font-size: 16px;
  text-align: center;
  margin: 5px 10px 5px 0; }

.msrp-sale-regular-price-section.withoutTax {
  display: block !important; }

.about_workers_ad32f256-ec88-483b-bba5-e435acf404b9 {
  border-radius: 6px; }

h1.header-logo.header-logo--left {
  vertical-align: top; }

.header-logo-container {
  max-height: 80px; }

.header-logo-image {
  max-height: 75px; }

productView-list-info-name {
  font-size: 14px; }

productView-list-info-value {
  font-size: 12px; }

.a.button.button--small-oos {
  display: block;
  float: left;
  width: auto;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Nunito", Arial, Helvetica, sans-serif;
  font-weight: 700;
  width: auto;
  border: 1px solid;
  border-radius: 4px;
  border-color: darkorange;
  background-color: darkorange;
  color: white; }

.pbw-custom-menu-li {
  border-radius: 4px; }

@media screen and (min-width: 1000px) {
  section.quickSearchResults {
    left: 50px;
    right: 30px; } }

.form-prefixPostfix--centeredColumn.wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.form-prefixPostfix--centeredColumn .g-recaptcha {
  margin: 2em auto 0; }

@media screen and (min-width: 1000px) {
  .form-label {
    font-size: 1.5rem;
    line-height: 1.5; } }

/* If in mobile, hide the 'Image Gallery PBW' and 'Custom Menu PBW' widgets in the home page (these are custom widgets made by Kali) */
@media screen and (max-width: 1000px) {
  div[data-widget-id="ad32f256-ec88-483b-bba5-e435acf404b9"] {
    display: none; }
  div[data-widget-id="197262c8-3786-4192-b4be-c4c7efd42207"] {
    display: none; } }

/* Remove default logo in mobile and replace it with a smaller version beside the hamburger menu. ONLY in mobile */
@media (max-width: 800px) {
  .header-logo {
    display: none; }
  .header-logo-image-mobile {
    display: inline-block !important; }
  .top-menu.store-credit-hidden {
    height: 45px;
    border-bottom: 1px solid #a7a6ad; } }

/* Capitalize the Subcategory names in the category pages */
li.subcategory-item span.subcategory-name {
  text-transform: uppercase;
  text-align: center;
  padding: 15px; }

@media (max-width: 800px) {
  .listItem {
    border: solid 1px #336699; }
  .listItem-figure {
    margin: 0; }
  figure.listItem-figure.second-hover-img-active {
    width: 65%;
    margin: 0 auto; }
  #body.base-layout figure.listItem-figure {
    min-width: 65% !important; } }

@media (max-width: 800px) {
  .listItem-title > a {
    font-size: 15px; }
  h1.page-heading.category {
    font-size: 20px; } }

@media (max-width: 800px) {
  div.productView-price > .price-section.current-price span.price {
    font-size: 20px !important; }
  div.productView-price > span.price.price--withoutTax {
    font-size: 20px !important; } }

@media only screen and (max-width: 550px) {
  dl.productView-info {
    font-size: 20px !important; }
  dl.productView-info > .price-section--withoutTax.current-price.sale-price .price.price--withoutTax {
    font-size: 20px !important; } }

body.main.twelve-eighty .product.main.left.product-page-with-sidenav figure.card-figure {
  max-width: 100%; }