/* Site customizations */

.flash_error {
	list-style: none;
	background: #ff6666;
	padding: 0.5em;
	margin: 0.5em;
	border: 2px solid #ff0000;
	color: #ffffff;
	font-weight: bold;
}
.flash_info {
	list-style: none;
	background: #CEE5F5;
	padding: 0.5em;
	margin: 0.5em;
	border: 1px solid #3399ff;
	color: #000;
	font-weight: bold;
}

.temp {
  background-color: #ff9900;
}

.border {
  border:1px solid #ccc;
}

.header-blue {
  color: #0071bb;
}

.header-blue a {
  color: #0071bb;
  text-decoration: none;
}

.header-blue a:hover {
  color: #003357;
}

.white-panel__list { margin:0; padding:0; }
.white-panel__list li{ padding:0.25rem 0;display:block;border-bottom:1px solid #ccc; }
.white-panel__list li:last-child{border-bottom:none}
.white-panel__list li a { text-decoration:none; display:block; }

.breadcrumbs_nf { width:100%; background-color:#FCE300; }
.breadcrumbs_nf a{ color:#000; text-decoration:none; }
.breadcrumbs_nf a:hover { color:#ccc; }
.breadcrumbs_nf span { margin:0;padding:1rem;display:inline-block;font-size:1.25rem;line-height:1em;text-decoration:none;color:#000; }

.button--updatecart {
  /* @extend .button; */
  font-weight: bold; 
  font-weight: 500; 
  font-size: .7rem; 
  padding:10px;
  background-color: #0071bb;
  color:#fff;
  /* padding: $button-big-padding; */
}

input[type="submit"] { 
  border:none;
}

input.narrow {
  width:10em;
}

select {   /* cart page */
  margin: 0px 0px 1rem;
}

/* ----------- product section */

.thumbs { 
  background: url(/assets/img/bg-pattern.png); 
}
.thumbs img { 
  margin: .8rem .4rem .5rem 0;
}

.note {
    font-size: .8rem;
}

table.table-nails { width:100%; border: 1px solid #999; margin:1rem 0 .5rem 0; font-size:.8rem; empty-cells: show; }
table.table-nails th,
table.table-nails td { padding: .25rem .4rem; } /* white-space:nowrap; */
table.table-nails th { background-color:#d2d2d2; }
table.table-nails tr:nth-child(odd) { background-color:#f5f5f5; } /*  background-color:#f5f5f5; */

@media all and (max-width: 780px) {
  /* CSS netGen Responsive table */
  table.responsive,
  table.responsive thead,
  table.responsive tbody,
  table.responsive th,
  table.responsive td,
  table.responsive tr { display: block; }
  table.responsive thead tr { position: absolute; top: -9999px; left: -9999px; }
  /* table.responsive thead th { text-align:left; } */
  table.responsive tr { border: 1px solid #ccc; margin-bottom: 10px; }
  table.responsive td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; }
  table.responsive td:before {  position: absolute; top: 6px; left: 6px; width: 50%; padding-right: 10px; text-align: left; white-space:nowrap; } /* white-space:nowrap;  word-wrap: break-word; */
  table.responsive tr:first-child { position: absolute; top: -9999px; left: -9999px; }
  table.responsive td:before { content: attr(data-content); height: 50px; }
  table.responsive td.small-padding { padding-top: 5px; padding-bottom: 5px; }
  table.responsive td.medium-padding { padding-top: 15px; padding-bottom: 15px; }
  table.responsive td.large-padding { padding-top: 25px; padding-bottom: 25px; }
  table.responsive td.mobile-hide { display:none; }
  table.responsive tr.mobile-hide { display:none; }
}

@media all and (max-width: 780px) {
  /* CSS netGen Responsive table */
  table.responsive-cart,
  table.responsive-cart thead,
  table.responsive-cart tbody,
  table.responsive-cart th,
  table.responsive-cart td,
  table.responsive-cart tr { display: block; word-wrap: break-word; }
  table.responsive-cart thead tr { position: absolute; top: -9999px; left: -9999px; }
  table.responsive-cart tr { border: 1px solid #ccc; margin-bottom: 10px; }
  table.responsive-cart td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 30%; word-wrap: break-word; }
  table.responsive-cart td:before {  position: absolute; top: 6px; left: 6px; width: 30%; padding-right: 10px; text-align: left; word-wrap: break-word; } /* white-space:nowrap; word-wrap: break-word; */
  table.responsive-cart tr:first-child { position: absolute; top: -9999px; left: -9999px; background-color: #ccc; }
  table.responsive-cart td:before { content: attr(data-content); height: 50px; }
  table.responsive-cart td.small-padding { padding-top: 5px; padding-bottom: 5px; }
  table.responsive-cart td.medium-padding { padding-top: 15px; padding-bottom: 15px; }
  table.responsive-cart td.large-padding { padding-top: 25px; padding-bottom: 25px; }
  table.responsive-cart td.mobile-hide { display:none; }
  table.responsive-cart tr.mobile-hide { display:none; }
}

/* ----------- /product section */

/* ----------- fluid video */

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videoWrapper div { /* for catalog issuu */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* ----------- /fluid video */

/* ----------- FAQ accordions */

.faq-accordions .accordion-menu ul,
.faq-accordions .accordion-menu li { list-style: none; }
.faq-accordions .accordion-menu li { padding-bottom: 0.5rem; }

/* no arrows or background color */

.faq-accordions .accordion-menu > ul > li.has-sub > a {
  background-image: none;  
}

.faq-accordions .accordion-menu > ul > li.has-sub > a:hover { 
  background-color: transparent; 
}

.faq-accordions .accordion-menu > ul > li.has-sub.active > a {
  background-image: none; 
  background-color: transparent; 
}

.faq-accordions .accordion-menu > ul > li.active > a {
  background-color: transparent; 
  color: #165493; 
}

.faq-accordions .accordion-menu li.has-sub ul { margin: 0.5rem 0.5rem 0.5rem 1rem; }

/* Remove accordion menu button formatting for normal text links in the FAQ content */

.faq-accordions li.has-sub ul li a {
  margin: 0; 
  padding: 0;
  background-color: transparent; 
  color: #165493; 
  text-decoration: underline; 
}

.faq-accordions li.has-sub ul li a:hover, 
.faq-accordions li.has-sub ul li a:active { 
  color: #666; 
  text-decoration: none; 
  background-color: transparent; 
}

/* ----------- /FAQ accordions */

/* ----------- Dealers bundle page */
.product-listing img.adv-thumb { width: 100%; max-width: 106px; }

h6.adv {color:#000; }
/* ----------- /Dealers bundle page */



/* ----------- Hide any left column in mobile that does not contain content important enough to show */
/* ----------- For instance: http://dev.penofin.com/company/environment */

@media all and (max-width: 800px){

  .hide-mobile { display: none !important; }
  /* add this class to the div .col-1-4 */
  
  .product-listing-row .col-2-3 { padding-bottom: 2rem; border-bottom: 1px solid #999; margin-bottom: 2rem; }

}
/* -------------------------------------------- */

@media all and (max-width: 360px) {

  .header-flag__tag {
    display: inline-block !important;
}
}

/* /Site customizations */

/* Admin styles */



/* /Admin styles */