/**
 * Main Template CSS Stylesheet
 * 
 * BOOTSTRAP v3.4.0
 *
 */
.clearBoth {
   clear: both;
}
.forward {
    float: right;
}
.back {
    float: left;
}

/* This is used to re-size images */
img {
    max-width: 100%;
    height: auto;
    border: 0;
}

.qmix > br {
    display: none;
}

.normalprice, .productSpecialPriceSale {
    text-decoration: line-through;
}

#back-to-top {
    position: fixed;
    bottom: 5rem;
    right: 1rem;
    z-index: 1;
    text-align: center;
    cursor: pointer;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}

#back-to-top.show {
    opacity: 1;
    z-index: 1;
}

/* set height of scrollable area in mobile menu */
div#navbarSupportedContent {
    max-height:90vh;
    overflow-y:auto;
}

.zca-banner {
    text-align: center;
}

.ot-title {
    text-align: right;
}
.ot-text,
.totalCell {
    text-align: right;
}

.centeredContent {
    text-align: center;
    padding: 1rem;
}

table.tabTable td {
    padding: 0.5rem;
}
#indexProductList-cat-wrap {
    margin-bottom: 1rem;
}
#productsListing-bottomRow {
    margin-top: 1rem;
}

.sideBoxContent select {
    margin-bottom: 1rem;
}
#navCatTabs a,
#navCatTabs a:hover {
    border: 0.125rem solid #007faf;
}

/* These CSS media queries control how many columns of cards display on the login, checkout_shipping, checkout_payment & checkout_confirmation pages */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
.card-columns {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}
}

/*  Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
.card-columns {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.card-columns {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
.card-columns {
  -webkit-column-count: 2;
  -moz-column-count:2;
  column-count: 2;
}
}
/** bof loppan */
a:hover i,
a,
i {
  text-decoration: none !important;
}

.moreinfoLink {
display:none;
}

.pl-dp {
font-size: 130%;
}

/* loppis ändrar */
.h1, h1 {
    font-size: 1.5rem;
}

/* bof google fonts */



.montserrat-header {
  font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}

.montserrat-header h2 {
  font-weight:900;
  margin-top: -5px;
  margin-left: 5px;
  }
.montserrat-header .smaller {
font-size:small;
}
.montserrat-goodnews {
   
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 1.6em;
    letter-spacing: 0em;
    color: #84d041;
}
.montserrat-body { 
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 1.6em;
    letter-spacing: 0em;
    color: inherit;
}
.no-border {
border:0px;
}
.no-padding {
padding:0px !important;
}

/*
#newq .form-control {
    width: 2em;
    margin-left: auto;
    margin-right: auto;
}
*/


#newbuy .btn {
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
    margin-top: 10px;
    padding-left: 8rem;
    padding-right: 8rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    background: #00af47;
}

.no-flex {
display:unset
}
.perks-card .fa-solid {
    font-size: 2em;
    color: #464646;
}
.aaq-wrapper {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.aaq-wrapper .btn:hover {
    color: #ffffff;
    background-color: #464646;
    border-color: transparent;
}    

.aaq-wrapper .btn {
    color: #ffffff;
    background-color: #464646;
    border-color: transparent;
}    
     
#attributes-card .card-header {
font-size: 1.3rem;
    font-weight: 900;
}    
.imgLink {
display:none;
}

/* tables */
table {
border: 1px solid #ccc;
}

.table thead th {
border: 1px solid #ccc;
background-color:#e7e7e7;
padding: 0.50rem;
}
.table td {
border:1px solid #ccc;
padding: 0.50rem;
}