/** Wonderment custom css to override styles where no built-in theme setting was available **/

body {
  line-height: 1.65 !mportant;
}

/** Main Menu **/

.is-expanded a span:after {
  border-color: #66CC33;
}

/*.DropdownMenu::before, .PS-actions-container .btn.web-btn {
  background-color: #66CC33;
}*/

.Header__SecondaryNav .HorizontalList__Item a {
  color: #fff;
}

/*.Header__SecondaryNav .HorizontalList__Item a:hover, .PS-actions-container h2 span {
  color: #66CC33;
}*/


/** Buttons **/
.RoundButton.pswp__button--close,
.RoundButton.pswp__button--close:not([aria-expanded="true"]):hover,
.RoundButton.button--socials,
.RoundButton.button--socials:hover,
.RoundButton.button--zoom,
.RoundButton.button--zoom:hover,
.flickity-prev-next-button,
.flickity-prev-next-button:hover
{
  color:#fff;
  background:#6c3;
}
@media not all, (hover: hover){
 .flickity-prev-next-button:not([aria-expanded="true"]):hover {
    color: #fff;
 }}
.Button:not([disabled])::before, .shopify-payment-button__button--unbranded:not([disabled])::before, #shopify-product-reviews .spr-summary-actions-newreview:not([disabled])::before, #shopify-product-reviews .spr-button-primary:not(input):not([disabled])::before, #shopify-product-reviews input.spr-button-primary:not([disabled])::before, #shopify-product-reviews .spr-pagination-prev>a:not([disabled])::before, #shopify-product-reviews .spr-pagination-next>a:not([disabled])::before {
  transform: none !important;
  transition: 0.2s !important;
}

#section-1532472791089 .Button:hover, #section-1532472791089 .Button:hover:before {
  color: #363636 !important;
  background-color: #e4e4e4;
  border-color: #e4e4e4;
}

.Button--primary:not([disabled]):hover::before, .shopify-payment-button__button--unbranded:hover::before, #shopify-product-reviews .spr-summary-actions-newreview:hover::before, #shopify-product-reviews .spr-button-primary:not(input):hover::before, .btn.web-btn:hover {
  background-color: #63bf35;
}

.btn.web-btn {
  transition: 0.2s !important;
}

.Button--primary:hover {
  color: #fff !important;
  border-color: #63bf35 !important;
  background-color: #63bf35 !important;

  &::before {
    background-color: #63bf35 !important;
  }
}

/** Cart **/
.Cart__Checkout {
  display: inline-block;
}

input[type="checkbox"] {
  appearance: checkbox;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
}

.QuantitySelector__CurrentQuantity {
  width: 40px;
}

.CartItem__Title {
  white-space: normal;
}

.CartItem__ImageWrapper {
  vertical-align: top;
  width: 90px;
}

.CartItem__ImageWrapper .AspectRatio > img {
max-height: 90px !important;
border: 1px solid #e4e4e5;
width: 90px;
height: auto;
}

/** Order Confirmation **/

.AccountTable tfoot tr td {
  max-width: 240px;
  white-space: normal;
}

.AccountTable .CartItem__ImageWrapper {
  width: auto;
}

/** Product Page **/

.ProductMeta__Title.Heading, .PS-actions-container h1 {
  text-transform: capitalize;
}

/** Product Page: change (100% - 90px) with mail class option name removal changes **/
.ProductForm__SelectedValue {
    max-width: calc(100%);
}

/** Price Grid Modal **/

#PriceModal {
    letter-spacing: 0 !important;
    padding: 10px 15px 15px;
    color: #444;
}
#PriceModal .Modal__Header {
    margin-bottom: 20px;
} 
#PriceModal .Modal__Header .Modal__Title {
    font-size: 22px;
    text-transform: capitalize;
    color: #4a4a4a;
    font-weight: 400;
    letter-spacing: 0 !important;
      margin-top: 20px;
    line-height: 1.2em;
}

#PriceModal .Search__Close {
    margin-top: -5px;
}

#PriceModal .Search__Close:before {
    content: "\f00d";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    cursor: pointer;
    color: #aaaaaa;
}

#PriceModal .Modal__Content {
    padding: 0 15px 20px;
}

#PriceModal .TableWrapper {
    overflow-x: auto;
    min-height: 0.01%;
    line-height: 30px;
}

#PriceModal .table {
    width: 100%;
  	margin-bottom: 0;
}

#PriceModal thead tr th {
    color: #568eb8;
    text-transform: uppercase;
    font-size: 11px;
    //vertical-align: top;
  	vertical-align: bottom;
    text-align: left;
    letter-spacing: 0 !important;
    line-height: normal;
    //line-height: 25px !important;
    padding: 0 10px 6px;
}

#PriceModal .custom-grid-container-desktop-inner thead tr th {
  padding: 0;
}

#PriceModal .custom-grid-container-desktop-inner thead tr:nth-child(2) th {
    padding: 10px 5px 0;
}

#PriceModal .custom-grid-container-desktop-inner thead tr:last-child th {
    line-height: 14px !important;
}

#PriceModal .Table .custom-grid-container-desktop-inner table tr th {
    font-size: 11px;
}

#PriceModal .table > thead > tr > th {
    border-bottom: 2px solid #ddd; 
}

#PriceModal thead tr th thead tr:first-child th {
  text-align: center;
  border-bottom: 1px solid #dddddd !important;
}

#PriceModal table tbody tr:first-child td {
     border-top: 1px solid #dddddd !important; 
}
#PriceModal table tbody tr td {
     padding: 5px 10px;
    font-size: 13px;
    line-height: 20px !important;
}

#PriceModal table tbody tr:nth-child(2n) {
    background: #e7eff5;
}

#PriceModal #tbdPrices tr:first-child td:last-child {
  //background: #fff !important;
  //border: 1px solid #ddd !important;
  //text-align: center;
}

#PriceModal table tbody tr td:nth-child(1), #PriceModal table tbody tr td:nth-child(2) {
    font-weight: 600;
    font-size: 14px;
}

#PriceModal tr td a {
    text-decoration: underline;
    color: #12669b;
  font-size: 13px;
}

#PriceModal tr td a:hover {
    color: #568eb8;
}

#PriceModal table tbody tr td:nth-child(3), #PriceModal table tbody tr td:nth-child(4), #PriceModal table tbody tr td:nth-child(5), #PriceModal table tbody tr td:nth-child(6), #PriceModal table tbody tr td:nth-child(7) {
    border-left: 1px solid #ddd !important;
} 

#PriceModal .Search__Close svg {
    display: none;
}

.Modal .Modal__Header {
  display: block;
  line-height: 1.4em;
  padding: 10px 15px 0 15px;
}

.Modal .Search__Close {
    position: absolute;
    top: 25px;
    right: 25px;
}


/** Footer **/

#footer-newsletter {
  position: relative;
}

#footer-newsletter .Form__Input {
  background-color: #fff;
  color: #4E4E50;
}

#section-footer, #section-footer a {
  line-height: 1.65;
  font-size: 17px;
}

#section-footer .Footer__Title {
    margin: 0 0 20px;
  line-height: 1.65;
}

#section-footer a {
  color: inherit;
    line-height: 1.5;
}

#section-footer .Footer__StoreName {
    font-size: 14px;
  color: #6c3; 
}

#section-footer .Footer__StoreName:hover {
  color: #fff; 
}


#footer-newsletter input:required, #footer-newsletter input:invalid {
    box-shadow: none;
}


#footer-newsletter.has-validation-error input {
  box-shadow: 0 0 3px red;
border: 1px solid red;
}

#footer-newsletter  .validation-error {
position: absolute;
background-color: #fff;
color: #646464;
border-radius: 6px;
font-size: 13px;
width: auto;
padding: 6px 10px;
top: 56px;
z-index: 9999;
  line-height: 1em;
}


#footer-newsletter  .validation-error:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0; height: 0;
    border-bottom: 6px solid #FFFFFF;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

#footer-newsletter .Alert--error {
  position: absolute;
  bottom: -125px;
}


.Alert, #shopify-product-reviews .spr-form-message {
  word-break: normal;
}


/** Product Page Popover Adjustment **/

*:focus {
  outline: 0;
  outline: none;
}
.no-scroll {
  overflow: auto;
}
@media (min-width: 1008px) {
  /*.Popover {
    position: absolute;
    top: 50px !important;
    right: 0 !important;
  }*/
  .Popover--positionLeft.Popover--alignCenter::before {
    display: none;
  }
  .Popover.Popover-Type{
    top:auto !important;
    right:0 !important;
    left:0;
    position: absolute;
    z-index:4;
  }
}
@media (max-width: 1007px) {
  .Popover {
    top: 10%;
    height: 80%;
    width: 84%;
    left: 8%;
  }
  .Popover__Content {
    height: 100%;
  }
  .Popover__ValueList {
    max-height: calc(100% - 70px);
  }
}

@media (min-width: 1008px) {
.OptionSelector .Popover__ValueList {
  background-color: #fff;
  padding: 0;
}
.OptionSelector .Popover__ValueList button {
  font-weight: 400;
  text-align: left;
  font-size: 14px;
  text-transform: none;
  letter-spacing: 1px;
  padding: 0 75px 0 10px;
  color: #8a8a8c;
  transition: none;
  font-family: 'Arial
}

.OptionSelector .Popover__ValueList button:hover {
  background-color: #0078d7;
  color: #fff;
}
}

/** Price Grid - Mobile **/

#PriceModal .price-contact-link {
  padding-top: 10px;
  font-size: 14px;
}

#PriceModal .price-contact-link a {
  text-decoration: underline;
color: #12669b;
}

@media (min-width: 768px) {
	#PriceModal .price-contact-link {
      display: none;
    }
}

@media (max-width: 767px) {
#PriceModal {
    max-height: 100% !important;
    max-width: 100% !important; 
   height: 100% !important;
   width: 100% !important; 
  padding: 80px 15px;
}
  
#PriceModal .Search__Close::before {
  color: #fff;
 }

#PriceModal .Search__Close {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #00669b;
    width: 100%;
    height: 50px;
    color: #fff;
}

#PriceModal .Modal__Header .Modal__Title {
    font-size: 18px;
  margin: 0 auto;
}

    /* Force table to not be like tables anymore */
    #PriceModal table, #PriceModal table thead, #PriceModal table tbody, #PriceModal table th, #PriceModal table td, #PriceModal table tr { 
        display: block !important;
      font-size: 13px !important;
      white-space: normal !important;;
      overflow: hidden;
    }
    
    /* Hide table headers (but not display: none !important;, for accessibility) */
    #PriceModal table thead tr { 
        position: absolute !important;
        top: -9999px !important;
        left: -9999px !important;
    }
    
    #PriceModal table tr { border: 1px solid #ccc !important; }
    
    #PriceModal table tbody tr td { 
        /* Behave  like a "row" */
        border-bottom: 1px solid #ddd !important; 

        position: relative !important;
        padding-left: 50% !important; 
      
    }
    
    #PriceModal table td:before { 
        /* Now like a table header */
        position: absolute !important;
        /* Top/left values mimic padding */
        top: 6px !important;
        left: 6px !important;
        width: 45% !important; 
        padding-right: 10px !important; 
        white-space: nowrap !important;
    
    }
    
    /*
    Label the data
    */
  #PriceModal table td:before {
    height: 30px !important;
      
  }
    #PriceModal table td:nth-of-type(1):before { content: "Mail Type" !important; }
    #PriceModal table td:nth-of-type(2):before { content: "Postage" !important; }
    #PriceModal table td:nth-of-type(3):before { content: "1 Sheet" !important; }
    #PriceModal table td:nth-of-type(4):before { content: "2-10 Sheets" !important; }
    #PriceModal table td:nth-of-type(5):before { content: "11-50 Sheets" !important; }
    #PriceModal table td:nth-of-type(6):before { content: "51-249 Sheets" !important; }
    #PriceModal table td:nth-of-type(7) {
        display: none !important;
    }
}


/*Mobile Header */
@media screen and (max-width: 640px){
  .Header__LogoImage {
      max-width: 134px;
  } 
  #footer-newsletter .Alert--error {
    bottom: -67px;
    font-size: 14px;
    padding: 5px 10px;
    width: 100%;
}
  
}
.Header__FlexItem.Header__FlexItem--fill .Header__Icon{
	color:#ffffff;
}

.Linklist.sub-list{
  margin:10px 0 10px 15px
}
.terms_and_conditions h4.heading-margin{ 
	margin-top:15px;
}
.terms_and_conditions p.mb-10{
	margin-bottom:10px;
}

#ContentRestrictionsModal{
  line-height: 1.65;
  font-size: 17px;
}

#ContentRestrictionsModal p{
  margin-bottom:17px;
}

#ContentRestrictionsModal  h5{
  line-height: 1.65;
  font-size: 17px;
  font-size: 17px !important;
  line-height: 1.65;
}