html {
  scroll-behavior: smooth;
}

/* generic elements - typography */
/*! Typebase.less v0.1.0 | MIT License */
/* Setup */
html {
  /* Change default typefaces here */
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
}
/* Copy & Lists */
p {
  line-height: 1.375rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
}
ul,
ol {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
ul li,
ol li {
  line-height: 1.5rem;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-top: 0;
  margin-bottom: 0;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  /* Change heading typefaces here */
  font-family: sans-serif;
  margin-top: 1.5rem;
  margin-bottom: 0;
}
h1 {
  font-size: 1.5rem;
  margin-botton: 3rem;
  font-weight: 700;
  line-height: 100%;
}
h2 {
  font-size: 1.25rem;
  line-height: 3rem;
  margin-bottom: 3rem;
  font-weight: 700;
  line-height: 1.25rem;
}
h3 {
  font-size: 1rem;  
  font-weight: 700;
  line-height: 1rem;
}
h4 {
  font-size: 0.707rem;
  font-weight: 400;  
  line-height: 0.707rem;
}
h5 {
  font-size: 0.4713333333333333rem;
  font-weight: 400;
  line-height: 0.4713333333333333rem;
}
h6 {
  font-size: 0.3535rem;
  font-weight: 400;
  line-height: 0.3535rem;
}

/* generic elements - buttons */
input.catfish-button {
	height: 40px;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 4px;
    text-align: center;
    min-width: 50px;
    width: fit-content !important;
    text-transform: uppercase;
    font-size: 14px;
}

/* generic elements - top navigation */
#main-nav {
	background-color: #4D4F53;
    color: #FFFFFF;
}
#logorow .navbar .navbar-brand {
    background-color: transparent;
}
a.navbar-item, .navbar-link {
    color: #FFFFFF;
}
.navbar-dropdown a.navbar-item, .navbar-dropdown .navbar-link {
    color: #424348;
}
.content-field-navbar .navbar-link:not(.is-arrowless)::after {
    border-color: #FFFFFF;
}

a.button.is-primary[href="/cart"] {
  border-radius: 6px;
}

/* product landing page - hide sliders */
.hideSliders .dynamicProductOptionTable.is-fullwidth {
      display: none;
}

/* product landing page - atrribute selection */
/* html.page-catalog-product div.name_paperSizePro .attribute-item.columns.is-multiline { 
	flex-flow: nowrap;
} */

@media only screen and (min-width: 768px){
  .attributes .name_paperSizePro .attribute-value-item.column {
    max-width: 25%;
}
}

html.page-catalog-product div.name_paperSizePro .attribute-item.columns.is-multiline .attributeValueInfo{ 
	font-size: 10px;
}


/*  product landing page - modal */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 100;
}
.modal-content {
    background-color: white;
    margin: 100px auto;
    padding: 10px;
    width: 90%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
} 
.modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

/* upload page */
/* move and hide the delete icons */
.upload-pages .gallery__item .gallery__item__delete {
    position: absolute;
    top: -1.75rem;
    z-index: 2;
    right: 0.5rem;
    left: 0.5rem;
    display: none;
}
.upload-pages .gallery__item:first-of-type .gallery__item__delete {
	display: inherit;
}

.upload-pages__dimensions {
     display: none;
}
.upload-pages .attributesUploadPageContainer .rawAttributeInfo__item .title {
    font-size: 1rem;
}   
.upload-pages .queue__item__report li {
    font-size: 1rem;
}

/* cart page */
textarea#checkout_attribute_13 {
	tab-size : 50; /* allows to display tabs when pasting from XLS (for a distribution list) */
	font-size: medium;
}

/* product attributes - radio buttons - icons -> vouwmethode*/
.name_Vouwmethode .attribute-value-item.column {
    padding: 10px;
}
 .name_Vouwmethode .attribute-value-item label.button,  .name_Vouwmethode .attribute-value-item label.button:focus,  .name_Vouwmethode .attribute-value-item label.button:hover  {
    height: 145px;
    background-color: #eee;
    color: #00497e;
    border: 2px solid transparent;
    border-radius: 6px;
}
.name_Vouwmethode span.text {
    position: absolute;
    bottom: 2px;
    width: 90%;
    white-space: initial;
}
.name_Vouwmethode .attributeValueInfo {
    margin: 0.5rem 0;
    margin-top: -15px;
    font-size: 0.833em;
}
.attributeValueInfo img {
    height: 40px;
	vertical-align: middle;
 }       
/* ------ */

.best-for-me-icon {
    width: 120px;
    height: 150px;
    text-align: center;
    margin: 10px auto 20px;
}
.best-for-me .content-inner-container h3 {
    margin-bottom: 20px;
    font-weight: 600;
    line-height: 1.5;
}
.best-for-me .content-inner-container ul {
    list-style: disc;
    margin: 0 0 0 20px;
    text-align: left;
}
label.button div.attributeValueInfo:not(:empty), label.button div.attributeValueInfo img{
	padding: 5px 5px 5px 5px
}
.first-column{
	column-count: 2;
	column-gap: 0px;
	min-width: 400px;
}

/* FAQ page */
div.faq-intro{
	text-align: left;
}

.multipart-preview .cf_imageViewer_pageCounter {
    display: none;
}