﻿/* @media (min-width: 768px) {
    header .mainNav {
        width: calc(100% - 223px);
    }
}

@media (min-width: 992px) {
   header .mainNav {
      width: calc(100% - 342px);
   }
} */

/* ########## ICONS ########## */
/*header .icons {
   width: calc(100% - 81px);
}

@media (min-width: 768px) {
    header .icons {
        width: 212px;
    }
}*/

@media (min-width: 992px) {
    header .search form {
        /*width: 595px;*/
        width: 600px;
    }
}

header .cart .cartFooter p {
	margin: 0 0 26px 0;
}

/* ########## SLICK SLIDE ########## */
.heroSlider .slick-slide {
	background: url("/-/media/images/storefront/heros/placeholder-hero_image.ashx") no-repeat center center;
}

.iconGrid li a svg, .iconGrid li a img {
	margin: 0 auto 15px auto;
	display: block;
}

/* ########## SHOP NEENAH ########## */
.iconGrid.shopNeenah li.nSVG svg, .iconGrid.shopNeenah li.nSVG img {
	width: 27px;
	height: 28px;
}

.iconGrid.shopNeenah li.paperSVG svg, .iconGrid.shopNeenah li.paperSVG img {
	width: 22px;
	height: 34px;
}

.iconGrid.shopNeenah li.envelopeSVG svg, .iconGrid.shopNeenah li.envelopeSVG img {
	width: 33px;
	height: 21px;
}

.iconGrid.shopNeenah li.digitalSVG svg, .iconGrid.shopNeenah li.digitalSVG img {
	width: 29px;
	height: 34px;
}

.iconGrid.shopNeenah li.packagingSVG svg, .iconGrid.shopNeenah li.packagingSVG img {
	width: 37px;
	height: 25px;
}

.iconGrid.shopNeenah li.rulerSVG svg, .iconGrid.shopNeenah li.rulerSVG img {
	width: 40px;
	height: 19px;
}

/*--*/
header .container-fluid::after, header .row::after, header .col::after {
   content: none;
}
header .container-fluid::before, header .row::before, header .col::before {
   content: none;
}

/* ########## CONTAINER FLUID ########## */
/*.container-fluid {
  padding-right: 15px;
  padding-left: 15px; }

@media (min-width: 768px) {
  .container-fluid {
    padding-right: 25px;
    padding-left: 25px; } }
@media (min-width: 992px) {
  .container-fluid {
    padding-right: 30px;
    padding-left: 30px; } }
	@media (min-width: 768px){
*/
/*.d-md-none{
    display: none !important;
}*/
	}

    .d-block {
    display: block !important;
}

    #checkoutContainer form{width:100% !important;}

/*  Avendi targeted disabled radio buttons rather than a disabled class,
    but we don't want the product details radio buttons to have disabled functionality
*/
.sku .skuOption .radios .radio input[type="radio"].disabled + label {
    color: #cccccc;
}


/*avendi didn't style disabled buttons, just buttons with a disabled class*/
a.btn.btn-primary:disabled,
button.btn.btn-primary:disabled {
	background-color: #cccccc !important;
	cursor: auto;
}

/*for resizing image in product details page - avendi used image tags instead of divs with background-image property */
#C08-ProductImages .prod-img .swatch,
#C08-ProductImages .prod-img .swatchDuplex {
    width: calc(50% - 30px);
    padding-top: calc(50% - 30px);
    margin-bottom: 30px;
    background-size: contain;
}

/*for resizing image in product details page - avendi used image tags instead of divs with background-image property */
@media (min-width: 768px) {
    #C08-ProductImages .prod-img .swatch,
    #C08-ProductImages .prod-img .swatchDuplex {
        width: 100%;
        padding-top: 100%;
        margin-bottom: 0;
    }
}

/*  avendi styled add to cart quantity input as text - existing storefront form validation 
    required the input type to be 'number' - hide the number input controls to increment/decrement quantity
*/
#quantity input[type='number'] {
    -moz-appearance:textfield;
}
/*  avendi styled add to cart quantity input as text - existing storefront form validation 
    required the input type to be 'number' - hide the number input controls to increment/decrement quantity
*/
#quantity input[type=number]::-webkit-inner-spin-button,
#quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*  The add to cart button is wrapping with Avendi's styles for an unknown reason */
@media (min-width: 768px) {
    #AddToCartForm {
        white-space: nowrap;
    }
}

/* Hide number input arrows on enviro calculator page */
#enviroCalc input[type='number'] {
    -moz-appearance:textfield;
}
/* Hide number input arrows on enviro calculator page */
#enviroCalc input[type=number]::-webkit-inner-spin-button,
#enviroCalc input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#guestDiv #guesterr{visibility:hidden;} 

/* side nav expansion of basis weight facet overlapping */
.sideNav ul > li.hasDropdown.open > ul{
    max-height:3000px !important;
}

/* side nav scrolls on paper landing pages */
@media (min-width: 768px) {
	.sideNav {
		overflow-y: hidden !important; 
	}
}

@media (min-width: 992px) {
    	header .search form input {
		width: 463px !important;
	}
}

header .cart .cartItems .info p.details span {
	display: inline-block !important;
}

@media (min-width: 768px) {
    header .cart .cartItems .info {
        width: calc(100% - 199px);
    }
}

.form-group select, select{
    background:transparent url(/Content/Storefront/Neenah/img/icon-select_arrow.svg) no-repeat right top 13px !important;
    background-size:11px 7px !important
}

label {
  margin-bottom: .5em;
  display: block;
  cursor: pointer;
  /*font-size: 16px;
  line-height: 1em;*/
}
label .overlay {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    display: inline-block;
    position: relative;
    border: 1px solid #b2b2b2;
    border-radius: 100%;
    line-height: 20px;
    background: white;
}
.radio [type="radio"] {
  display: none;
}
label input:checked + span:before {
  width: 9px;
   height: 9px;
   background-color: #666666;
   border-radius: 100%;
   position: absolute;
   top: 2px;
   left: 2px;
   content: '';
}

/*Overriding bootstrap color rule for links without href content blog page*/
#NPBlog .pagination li:not(.next):not(.prev):not(.currentPage) a {
    color: #999999;
}
#NPBlog .pagination li:not(.disabled):hover {
    cursor: pointer
}
#NPBlog .pagination li.currentPage a {
    color: #333333;
}

.blogCategories {
    border-top: 1px solid #e8e8e8;
}

.blog .pagination {
    padding-top: 10px;
}
.liveChatIcon{
    width:16px;
    height:16px;
}
#lblMessage{color:red;}
/*--payemnt modal */
#ChaseUserMessage{color:red;font-weight:bold;}
#paymentInProcess{color:red;font-weight:bold;display:none;}
#paymentInProcess #loader{display:block;margin:auto;}

#fade {
    display: none;
    position:absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: lightblue;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .70;
    filter: alpha(opacity=80);
}

#modal {
    display: none;
    position: absolute;
    top: 70%;
    left: 14%;
    width: 70%;
    height: 25%;
    padding:30px 15px 0px;
    border: 3px solid #ababab;
    box-shadow:1px 1px 10px #ababab;
    border-radius:20px;
    background-color: white;
    z-index: 1002;
    text-align:center;
    overflow: auto;
}
#billingPage .summary.neenahTaxCopy {
    display:none;
}