.link-rss,
.cart .remove-from-cart button:hover,
.ajax-loading-block-window:before,
.eu-cookie-bar-notification button,
.header-logo a img,
.mini-shopping-cart .checkout-button,
.mini-shopping-cart button:only-child,
.store-search-box .search-box-button,
.two-columns-area .owl-carousel .owl-dot.active span,
.newsletter-email .newsletter-subscribe-button,
.footer-block .title:after,
.footer-block.quick-contact span:before,
.poll .buttons button,
.filters .ui-slider-range,
.filters .ui-slider-handle,
.contact-vendor-button,
.item-box .rating div,
.item-box .buttons-upper button:hover,
.item-box .buttons-lower button span:before,
.item-box .buttons-lower button span:after,
.pager li > span,
.product-review-box .rating div,
.download-sample-button:hover,
.back-in-stock-subscription .subscribe-button:hover,
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button,
.overview .add-to-wishlist-button:hover,
.variant-overview .add-to-wishlist-button:hover,
.overview .add-to-compare-list-button:hover,
.overview .email-a-friend-button:hover,
.back-in-stock-subscription-page .button-1,
.ui-tabs .ui-tabs-nav li a:after,
.mfp-container .apply-shipping-button,
.write-review .button-1,
.update-wishlist-button,
.wishlist-add-to-cart-button,
.compare-products-page .remove-button:hover,
.enter-password-form button,
.contact-page .button-1,
.email-a-friend-page .button-1,
.apply-vendor-page .button-1,
#check-availability-button:hover,
.registration-page .button-1,
.registration-result-page .button-1,
.login-page .button-1,
.password-recovery-page .button-1,
.account-page .button-1,
.return-request-page .button-1,
.user-agreement-page .button-1,
.login-page .customer-blocks .title.active,
.block-account-navigation .list a:hover,
.block-account-navigation .list .active a,
.account-page ul.info + .buttons button:hover,
.downloadable-products-page .download a:hover,
.order-progress li.active-step a,
.shopping-cart-page .button-1,
.checkout-page .button-1,
.common-buttons .update-cart-button,
.common-buttons .continue-shopping-button,
.cart-collaterals .accordion-tab-title:after,
.cart-collaterals .estimate-shipping-button,
.cart-collaterals .coupon-code button,
.order-details-page .page-title a,
.order-details-page .actions .re-order-button,
.order-details-page .actions .return-items-button,
.opc .back-link a:hover,
.basic-search .inputs.reversed label:after,
.search-input .button-1,
.new-comment .button-1,
.news-list-homepage .view-all a,
.forum-search-box .search-box-button,
.forums-table-section .view-all a,
.forum-actions .actions a:hover,
.topic-actions .actions a:hover,
.topic-post .pm-button:hover,
.profile-info-box .pm-button:hover,
.topic-post .post-actions .quote-post-button,
.topic-post .post-vote > span,
.forum-edit-page .button-1,
.move-topic-page .button-1,
.private-messages .button-1,
/*plugins*/ .nopAjaxCartPanelAjaxBusy:before,
.miniProductDetailsPanelAjaxBusy:before,
.productAddedToCartWindowSummary .button-1,
.selected-options-list > li span:after,
.ui-slider-range,
.ui-slider-handle,
.productPanelAjaxBusy:before,
.infinite-scroll-loader:before,
.nivo-directionNav a:hover,
.nivo-controlNav a:hover,
.nivo-controlNav a.active,
.anywhere-slider:before,
.anywhere-slider .slick-arrow:hover,
.anywhere-slider .slick-active button,
.spc-header li span:after,
.spc-body .loading-overlay:before,
.previous-product a:hover,
.next-product a:hover,
.quick-view-button a:hover,
.quickView .k-loading-image:before,
.quickView .ui-accordion-header-active span,
.ropc .section .title:after,
.ropc .estimate-shipping button,
.ropc .coupon-box-panel .coupon-code button,
.ropc .giftcard-box-panel .coupon-code button,
.ropc .complete-button button,
.rich-blog-homepage .slick-prev:hover,
.rich-blog-homepage .slick-next:hover,
.post-navigation a:hover,
.theme-roller .open-button:hover,
.k-edit-buttons.k-state-default button.k-dialog-insert.k-button,
button.ticket-info-button.k-button:before,
.ticket-buttons .tb-right .k-button.show-reply-button:before,
.ticket-buttons .tb-right .k-button.mark-resolved-button:before,
.ticket-buttons .tb-right .k-button.notes-button:before,
.ticket-buttons .tb-right .k-button.edit-ticket-button:before,
.ticket-buttons .tb-right .k-button.delete-ticket-button:before,
#submit-reply .buttons .k-button,
.my-tickets-page .clear-filters,
.manage-tickets-page .clear-filters,
.k-pager-numbers span.k-state-selected,
.k-widget.confirmation-wrapper button,
.filter-shops-button,
.shop-page .back-to-all-shops a:hover:before,
.shop-map-images .get-directions-to-shop:hover:after,
.cloudzoom-ajax-loader:before,
.gallery .slick-dots .slick-active button,
.overview .submit-ticket-button:hover,
.sale-of-the-day-offer .owl-nav .owl-prev:hover,
.sale-of-the-day-offer .owl-nav .owl-next:hover,
.sale-of-the-day-offer .owl-dot.active,
.sale-of-the-day-offer .go-to-product-page,
.home-page-filter-button .search-button,
.jCarouselMainWrapper .slick-prev:hover,
.jCarouselMainWrapper .slick-next:hover,
.nop-jcarousel .slick-dots .slick-active button,
.nop-jcarousel .slick-dots button:hover,
.price-match-button:hover,
.save-price-match-button {
  background-color: #ffa500;
}
.cart .edit-item a,
.ui-dialog-titlebar,
.mini-shopping-cart .cart-button,
.footer-block a:hover,
.footer-powered-by a,
.footer-designed-by a,
.block .list a:hover,
.block .view-all a:hover,
.block .tags li a:hover,
.product-tags-all-page li a:hover,
.filters :checked + label,
.breadcrumb strong,
.category-item:hover .title a,
.sub-category-item:hover .title a,
.manufacturer-item:hover .title a,
.sub-category-details .inner-title,
.manufacturer-details .inner-title,
.sub-category-details li a:hover,
.vendor-list li a:hover,
.overview .value a,
.variant-overview .value a,
.tier-prices .item-price,
.product-tags-list a:hover,
.product-reviews-page h1 a:hover,
.product-review-helpfulness .vote:hover,
.update-wishlist-button:hover,
.wishlist-page .share-info a,
.enter-password-title,
.accept-privacy-policy .read,
.login-page .forgot-password a:hover,
.login-page .checkout-as-guest-button:hover,
.account-page .form-fields a,
.return-request-list-page a:hover,
.avatar-page .remove-avatar-button:hover,
.common-buttons button:hover,
.terms-of-service a,
.checkout-page .min-amount-warning,
.order-completed .details a,
.order-details-page .page-title a:hover,
.order-details-page .download a,
.order-details-page .view-details a,
.order-details-page .actions button:hover,
.sitemap-page a:hover,
.post-body a,
.news-body a,
.blog-page .tags a,
.blogpost-page .tags a,
.blog-posts .read-more:hover,
.blog-posts .read-comments:hover,
.news-items .read-more,
.forum-search-page .search-error,
.forums-table-section .forum-title a:hover,
.forums-table-section .topic-title a:hover,
.topic-post .post-actions .post-link-button,
.forum-edit-page .button-2:hover,
.move-topic-page .button-2:hover,
.private-messages .button-2:hover,
.private-messages-page .pm-unread,
.profile-page .topic-title a:hover,
.vendorinfo-page .remove-picture-button:hover,
/*plugins*/ .productAddedToCartWindowSummary a:hover,
.filtersGroupPanel li.checked .filter-item-name,
.spc-categories .category-inner-title,
.spc-categories .category-sublist li a:hover,
.instant-search-item .detail .price,
.quickView .links-panel a:hover,
.ropc .cart .remove-product:hover,
.rich-blog-homepage .read-comments,
.blog-instant-search .k-item.rich-blog-autocomplete-last-item,
.blog-page .read-comments,
.category-list li a,
.related-posts-list li a,
.search-term-highlighter,
.order-details-page .product .submit-ticket-button,
.getUserGeoLocation:hover,
.align-map-button:hover,
.shops-item .show-directions:hover,
.shop-page .back-to-all-shops a:hover,
.shop-map-images .get-directions-to-shop:hover,
.shop-info a,
.nop-jcarousel .category-item:hover .title a,
.nop-jcarousel .sub-category-item:hover .title a,
.nop-jcarousel .manufacturer-item:hover .title a,
.nop-jcarousel .vendor-item:hover .title a,
.price-match-form .title strong,
.price-match-requests-page .details a:hover {
  color: #ffa500;
}
.mini-shopping-cart .checkout-button:hover,
.mini-shopping-cart button:only-child:hover,
.poll .buttons button:hover,
.contact-vendor-button:hover,
.overview .add-to-cart-button:hover,
.variant-overview .add-to-cart-button:hover,
.back-in-stock-subscription-page .button-1:hover,
.mfp-container .apply-shipping-button:hover,
.write-review .button-1:hover,
.wishlist-add-to-cart-button:hover,
.enter-password-form button:hover,
.contact-page .button-1:hover,
.email-a-friend-page .button-1:hover,
.apply-vendor-page .button-1:hover,
.registration-page .button-1:hover,
.registration-result-page .button-1:hover,
.login-page .button-1:hover,
.password-recovery-page .button-1:hover,
.account-page .button-1:hover,
.return-request-page .button-1:hover,
.user-agreement-page .button-1:hover,
.shopping-cart-page .button-1:hover,
.checkout-page .button-1:hover,
.cart-collaterals .estimate-shipping-button:hover,
.cart-collaterals .coupon-code button:hover,
.search-input .button-1:hover,
.new-comment .button-1:hover,
.news-list-homepage .view-all a:hover,
.forums-table-section .view-all a:hover,
.topic-post .post-actions .quote-post-button:hover,
.forum-edit-page .button-1:hover,
.move-topic-page .button-1:hover,
.private-messages .button-1:hover,
/*plugins*/ .productAddedToCartWindowSummary .button-1:hover,
.ropc .estimate-shipping button:hover,
.ropc .complete-button button:hover,
.page-body form > .buttons .k-button:hover,
#submit-reply .buttons .k-button:hover,
.my-tickets-page .clear-filters:hover,
.manage-tickets-page .clear-filters:hover,
.filter-shops-button:hover,
.sale-of-the-day-offer .go-to-product-page:hover,
.home-page-filter-button .search-button:hover,
.save-price-match-button:hover {
  outline-color: #ffa500;
}
.cart-collaterals .active .accordion-tab-title,
/*plugins*/ .quickView .ui-accordion-header-active,
.ropc .section .title.active {
  border-bottom-color: #ffa500;
}
.order-progress li.active-step a:after {
  border-left-color: #ffa500;
}
/* secondary color */

.footer-upper,
.ui-datepicker-header,
.ui-datepicker-calendar .ui-state-active {
  background-color: #555555;
}
.cart .subtotal,
.mini-shopping-cart .price strong,
.mini-shopping-cart .totals strong,
.item-box .actual-price,
.overview .product-price,
.variant-overview .product-price,
.compare-products-table .product-price td,
.cart-total .order-total,
/*plugins*/ .productAddedToCartWindowDescription .price,
.sale-of-the-day-offer .timer-info-box,
.sale-of-the-day-offer .price.actual-price {
  color: #555555;
}
.ui-datepicker-calendar .ui-state-active {
  outline-color: #555555;
}
@media all and (max-width: 1024px) {
  .responsive-nav-wrapper > div,
  .plus-button {
    background-color: #ffa500;
  }
  .category-page-body .page-title h1,
  .manufacturer-page-body .page-title h1,
  .manufacturer-all-page-body .page-title h1,
  .vendor-all-page-body .page-title h1,
  .vendor-page-body .page-title h1,
  .product-tags-all-page-body .page-title h1,
  .products-by-tag-page-body .page-title h1,
  .recently-viewed-products-page-body .page-title h1,
  .recently-added-products-page-body .page-title h1,
  .compare-products-page-body .page-title h1,
  /*plugins*/ .spc-categories .category-title {
    color: #ffa500;
  }
  /* secondary color */
  
  .admin-header-links,
  .store-search-box {
    background-color: #555555;
  }
  .responsive-nav-wrapper-parent {
    border-top-color: #555555;
  }
}
@media all and (min-width: 481px) {
  /*plugins*/
  
  .spc-categories .product-box-add-to-cart-button:hover {
    background-color: #ffa500;
  }
}
@media all and (min-width: 769px) {
  .bestsellers .slick-prev:hover,
  .bestsellers .slick-next:hover,
  .product-selectors .product-viewmode a.selected,
  .product-list .item-box .buttons-lower button,
  .topic-post .post-actions .manage-post a:hover {
    background-color: #ffa500;
  }
  .product-list .item-box .buttons-lower button:hover {
    outline-color: #ffa500;
  }
  /*plugins*/
  
  .ropc .section .title {
    border-bottom-color: #ffa500;
  }
}
@media all and (min-width: 1025px) {
  .cart-trigger:before,
  .flyout-cart-wrapper:hover .cart-trigger,
  .category-navigation-title:after,
  .product-grid.bestsellers .item-box .buttons-lower button:hover,
  .product-grid .item-box:hover .buttons-lower button,
  .product-grid .item-box:hover .buttons-lower button span,
  /*plugins*/ .spc-categories .spc-header li:hover span,
  .spc-categories .spc-header li.active span,
  .spc-categories .product-grid .item-box button.button-2:hover,
  .rich-blog-body .block:hover .title,
  .rich-blog-body .blog-search-box.active .search-box-button {
    background-color: #ffa500;
  }
  .side-2 .page-title h1,
  .category-navigation-list > li:hover > a,
  .category-navigation-list > li:hover > span,
  .category-navigation-list > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li a:hover,
  .header-menu > ul > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li a:hover,
  .breadcrumb a:hover,
  .compare-products-page .clear-list,
  /*plugins*/ .category-navigation-list > li > .sublist-wrap > .sublist .box li a:hover,
  .header-menu > ul > li > .sublist-wrap > .sublist .box li a:hover,
  .spc-categories .category-info:hover .category-title {
    color: #ffa500;
  }
  /*plugins*/
  
  .ropc .coupon-box-panel .coupon-code button:hover,
  .ropc .giftcard-box-panel .coupon-code button:hover {
    outline-color: #ffa500;
  }
  .flyout-cart-wrapper:hover .cart-trigger {
    border-color: #ffa500;
  }
  .header-links,
  .header-selectors {
    border-top-color: #ffa500;
  }
  .category-navigation-list > li > .sublist-wrap > .sublist > li > a,
  .header-menu > ul > li > .sublist-wrap > .sublist > li > a,
  /*plugins*/ .category-navigation-list > li > .sublist-wrap > .sublist .box .title,
  .header-menu > ul > li > .sublist-wrap > .sublist .box .title {
    border-bottom-color: #ffa500;
  }
  /* secondary color */
  
  .header-lower {
    background-color: #555555;
  }
}
h2
{
color:green;
}

.ropc .total-info
{
width: unset;
}

.cart-total tbody > tr:first-child {
    color: white;
    background-color: green !important;
}

.attributes
{
    margin: 0px 0;
}

.stock-status {
        font-weight: bold;
        padding: 5px;
        border-radius: 4px;
        text-align: center;
        display: inline-block;
    margin-bottom: 20px;
    }

.stock-status-text
{
color: black;
display:none;
}

    .stock-low {
        color: white;
        background-color: red;
    }

    .stock-medium {
        color: black;
        background-color: orange;
    }

    .stock-high {
        color: white;
        background-color: green;
    }

.checkout_logo .logo img {
    display: block;
    max-width: 500px;
}

.checkout_logo_wrapper
{
width: 50%; 
margin: 0 auto;
}

.order-summary-panel
{
display:none !important;
}

.order-totals-panel
{
width:100% !important;
}

.complete-order-panel
{
width:100% !important;
}

 /* Style the buttons that are used to open and close the accordion panel */
 .accordion {
     color: #007ba4;
     cursor: pointer;
     padding: 15px;
     width: 100%;
     /* border: 1px solid #007ba4; */
     text-align: left;
     outline: none;
     font-size: 14px;
     transition: .4s;
     border: 1px solid #ddd;
     border-radius: 5px;
     background-color: #fff;
     margin-bottom: 5px;
 }

     .accordion:after {
         content: '\002B';
         color: #007ba4;
         font-weight: bold; /* Unicode character for "plus" sign (+) */
         float: right;
         margin-left: 5px;
     }

 .active:after {
     content: "\2212"; /* Unicode character for "minus" sign (-) */
 }

.faqcheckout
{
clear: both;
float: right;
width: 100%;
}

 /* Style the accordion panel. Note: hidden by default */
 .panelfaq {
    
     background-color: #f2f7fc;
     color: #005571;
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.2s ease-out;
     font-size: 14px;
 }

     .panelfaq .answer {
         padding: 5px;
         font-size: 14px;
     }

  .category-page-body .block-category-navigation .title
{
display:block;
padding-bottom: 10px;
}

    .category-page-body .block-category-navigation
{
margin-top:0px
}

.category-page-body .block-category-navigation
{
padding-top:0px;
}



.social-sharing
{
display:none;
}

.newsletter
{
    margin-top: 40px;
}

.jCarouselMainWrapper:last-of-type
{
margin-bottom:0px;
}

.item-box-toplist
{
width: 100%;
}

.cart-total-green
{
color:white;
background-color:green !important;
}

@media (min-width: 769px)
{
.cart-options {
    text-align: right;
    margin-bottom: 0px;
}
}

.instant-search-item .detail .title {
 
    color: #777;
}

.store-search-box .search-box-button
{
margin-right: 15px;
width: 43px;
    height: 43px;
    margin-left: 0px;
}

.category-description a
{
text-decoration:underline;
}

.html-widget h1
{
color: green;
}
.topic-page h2
{
color: #777;
}

.payment-info td
{
border:none !important;
background-color: antiquewhite;
    padding: 10px !important;
}

.ropc .payment-info
{
padding:0px;
}

.anywhere-slider .picture-slide a
{
border: 1px solid #e9e9e9;
}

.category-description h1
{
color: #333
}

.nopAjaxFilters7Spikes
{
margin-top:0px;
}

.old-product-price {
    color: #777;
}

span[class^="price-value-"] {
    color: red;
}

.category-description p
{
line-height: 20px;
}

.full-description ul
{
padding-left:16px;
}

.item-box .buttons-lower button span:before
{
background: #ffa500 url(../img/cart-button-1.png) left bottom no-repeat;
    height: 17px;
}

.item-box .buttons-lower button span:after
{
background: orange url(../img/cart-button-1.png) left top no-repeat;
}

.product-grid .item-box:hover .buttons-lower button span:before {
        background-color: #ffa500;
}


.item-box .buttons-lower button span
{
color: white;
    background-color: #ffa500;
}

.product-grid .item-box .buttons-lower button, .product-grid .item-box.buttons-lower button span
{
background-color: #ffa500;
}

.product-grid .item-box:hover .buttons-lower button, .product-grid .item-box:hover .buttons-lower button span
{
background-color: white;
}

.product-grid .item-box.buttons-lower button span
{
        color: #fff;
}

.product-grid .item-box:hover .buttons-lower button span
{
color: #777;
}

.html-widget ul,  .html-widget ol
{
padding-left:16px;
list-style: disc;
}

.html-widget ul a
{
text-decoration: underline;
}

.html-widget a
{
text-decoration: underline;
}

.payment-info
{
    background-color: antiquewhite;
}

.color-squares {
	font-size: 14px!important;
    color:white !important;

}

 .product-specs-box .title {
        margin: 0 0 30px;
        border-bottom: 1px solid #ddd;
        padding: 0 0 15px;
        font-size: 30px;
        font-weight: normal;
        color: #444;
    }

    .product-specs-box .subtitle {
        margin: 0 0 10px;
        font-size: 18px;
        color: #444;
padding-left: 10px;
    }

.colorOptions.filtersGroupPanel li .color {
    font-size: 12px;
    color: white;
    height: 22px;
    text-align: center;
}

.overview .manufacturers
{
clear:both;
}
.also-purchased-products-grid.product-grid 
{display: block;}

.product-essential
{
margin-bottom:20px;
}

.product-reviews-overview
{
padding-left:10px;
}

.product-details-page .ui-tabs .full-description {
    overflow: hidden;
    text-align: left;
}

.product-details-page .ui-tabs .full-description .right {
    width: 30%;
    float: right;
}

.product-details-page .ui-tabs .full-description .left {
    width: 70%;
    float: left;
}

.header
{
margin-bottom:15px;
}

@media (min-width: 1001px)
{
.slider-right-column {
    margin-top: 25px;
}

}

.header .center .html-widget
{
float:left;
line-height: 42px;
}

.manufacturer-navigation-list
{
display:none;
    border: 1px solid #e9e9e9;
    box-shadow: none;
    background-color: #fff;
border-top: 0px;
}

.manufacturer-navigation-list li a
{
padding: 13px 25px;
    display: block;
    min-height: 46px;
}

.side-2 .page-title
{
color: #00c0ef;
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
}

.ui-tabs {
    margin: 0 0 10px;
}

.ropc .section
{
margin:0px;
margin-bottom:5px
}

.ropc .section
{
padding:0px;
}

.ropc .section-body
{
padding-top:5px;
padding-bottom:5px;
}

.header-logo
{
text-align: left;
width:37%
}

.two-column-wrapper .jCarouselMainWrapper
{
margin-bottom:10px;
}
/* ================ WSW GLOBAL STYLES.CSS ================ */

.image-container img {
    transition: all 0.3s;
    height: 100%;
    width: 100%;
    object-fit: contain;
}

/* ================ Miscellaneous ================ */

.required-input::after {
    content: ' *';
    color: rgb(224, 0, 0);
    font-weight: bold;
}

.alert {
    border: 1px solid #e60000;
    color: #e60000;
    padding: 0.75rem;
}

.alert p {
    margin: 0;
}

.warning {
    border: 1px solid #f2d700;
    background-color: lightyellow;
    color: #777;
}

.icon-image {
    max-width: 30px;
}

.plus-sign {
  width: 30px;
  height: 30px;
  position: relative;
  color: #555;
  margin: 10px;
}

.plus-sign::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -0.15rem;
    border-top: 0.35rem solid;
}

.plus-sign::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    margin-left: -0.15rem;
    border-left: 0.35rem solid;
}

/* ================ Text - Headers ================ */

.step-header {
    display: flex;
    align-items: center;
}

.step-header h2 {
    margin-left: 10px;
}

.steps-number-orange {
    font-size: 1.1rem;
    background-color: #ef9645;
    border-radius: 50%;
    width: 30px; height: 30px;
    display: inline-flex;
    justify-content: center; align-items: center;
    color: white;
    font-weight: bold;
}

.step-header.small .steps-number-orange {
    font-size: .9rem;
    height: 25px;
    width: 25px;
}

.step-header.small h2 {
    margin-left: 7px;
    font-size: 1.1rem;
}

.flex-header {
    display: flex;
    align-items: center;
}

.side-lines {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    letter-spacing: 1px;
    text-align: center;
}

.side-lines::after, .side-lines::before {
    content: "";
    height: 5px;
    border-top: 1px solid #aaa;
    width: 30%;
    margin: 0 1.5rem;
}

/* ================ Text - General ================ */

.required {
    color: red !important;
    margin-left: 0;
}

/* ================ Lists ================ */

.tick-list li {
    display: flex;
    align-items: center;
    text-align: left;
    margin-bottom: 8px;
}

.tick-list img {
    max-width: 20px;
    margin-right: 9px;
}

.tick-list li  p {
    margin: 0;
}

.tick-cross-list > li {
    list-style: none;
}

.tick-cross-list > li::before {
    content: '✓';
    margin-right: 5px;
}

.tick-cross-list > .negative-li::before {
    content: '✕';
}

.tick-cross-list.colored > li::before {
    color: green;
}

.tick-cross-list.colored > .negative-li::before {
    color: red;
}

.topic-page .page-body .bullet-less-list {
    list-style: none;
    padding-left: 0;
}

/* ================ Cards, Borders & Containers ================ */

.container {
    max-width: 1280px;
    margin: auto;
    padding: 1rem;
}

.image-container {
    position: relative;
align-self: baseline;
flex: 2.3;
}

.white-container, .mid-gray-container {
    padding: 1.2rem;
}

.white-container {
    background-color: white;
    border: 1px solid #e9e9e9;
}

.mid-gray-container {
    background-color: #555;
    color: white;
}

.actie-red-ribbon {
    position: absolute;
    top: 5px;
    left: 5px;
    background-color: red;
    color: white;
    padding: 5px 10px;
}

.overlay {
    background: rgba(90,90,90,50%);
    color: white;
    width: 100%;
    height: 100%;
    padding: 1.2rem;
}

/* ================ Arrows ================ */

.arrow-left::before {
    content: '';
    position: absolute;
    right: 100%;
    top: 45%;
    width: 0;
    height: 0;
    border-bottom: 20px solid transparent;
    border-right: 20px solid black;
    border-top: 20px solid transparent;
}

.arrow-right::after {
    content: '';
    position: absolute;
    left: 100%;
    top: 45%;
    width: 0;
    height: 0;
    border-bottom: 20px solid transparent;
    border-left: 20px solid black;
    border-top: 20px solid transparent;
}

.arrow-up::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.arrow-bottom::after {
    content: '';
    position: absolute;
    left: 49%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid black;
}

/* ================ Flex Displays ================ */

.flex-row-even, .flex-row, .flex-column, .text-image-flex, .flex-column-even {
    display: flex;
}

.flex-column, .flex-column-even {
    flex-direction: column;
}

.flex-row-even > *, .flex-column-even > * {
    flex: 1;
}

.text-image-flex > img, .text-image-flex > .image-container {
    flex: 2;
}

.text-image-flex > *:not(img):not(.image-container) {
    flex: 5;
}

.row-of-boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.row-of-boxes .box-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/*  Text and image flex layouts */

.text-image-flex > .text-block {
    flex: 4;
    padding-right: 20px;
}

.text-image-flex > .image-container {
    flex: 2;
}

.text-image-flex.inverted > .text-block {
    padding-right: 0;
    padding-left: 20px
}

/* ================ Grid Layouts ================ */

.grid-row-2, .grid-row-3, .grid-row-4, .grid-row-5 {
    display: grid;
    grid-gap: 1.5rem;
}

.grid-row-2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid-row-3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid-row-4 {
    grid-template-columns: repeat(4, 1fr);
}

.grid-row-5 {
    grid-template-columns: repeat(5,1fr);
}

/* ================ Tables ================ */

.table-2-col .table-row {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #666;
}

.table-2-col .table-row > * {
    padding: 0 0.5rem;
    flex: 1;
}

.table-header {
    display: flex;
    align-items: flex-end;
    color: #555;
}

.table-row p {
    font-style: italic;
    color: #aaa;
}

/* ================ Buttons and small interactibles ================ */

button, .standout-button, .pdf-button {
    cursor: pointer;
    padding: .75rem 1.25rem;
    border: none;
}

.standout-button {
    background-color: #ffa500;
    color: white;
    transition: all 0.3s;
}

.read-more {
    font-weight: bold;
    font-size: 0.95rem;
    color: #333;
    text-align-last: right;
    margin-top: 1rem;
    margin-right: 15px;
}

.read-more::after {
    content: "";
    display: inline-block;
    margin-left: 10px;
    font-size: 10px;
    vertical-align: middle;
    transition: all 0.3s ease 0s;
}

.read-more:hover::after {
    transform: translateX(5px);
}

.pdf-button {
    border: 1px solid #ccc;
    background-color: white;
    color: #757575;
    text-transform: uppercase;
}

.pdf-button:hover {
    background-color: #fff4f4;
    border-color: #f50000;
    color: #f50000;
}

.download-button-gray {
    display: flex;
    align-items: center;
    border: 1px solid #aaa;
    color: #666;
    background-color: #eee;
}

.download-button-gray:hover {
    background-color: #ddd;
}

.download-button-gray img {
    margin-right: 8px;
    width: 25px;
}

/* ================ Galleries ================ */

.SEO-gallery img {
	 max-width: 100%;
	 vertical-align: top;
}
 .SEO-gallery {
	 display: flex;
	 margin: 10px auto;
         margin-bottom: 2rem;
	 max-width: 600px;
	 position: relative;
	 padding-top: 410px;
}

/* Showroom gallery with zoom */

.gallery-zoom .gallery-image-container {
    position: relative;
}

.gallery-zoom .gallery-image-container .image-zoom {
    position: absolute;
    opacity: 0;
    transition: all 0.25s;
    z-index: -10;
    max-width: initial;
}

.gallery-zoom .gallery-image-container .image-zoom.top {
    bottom: 100%;
    right: -25%;
}

.gallery-zoom .gallery-image-container .zoom-icon:hover + .image-zoom {
    opacity: 100;
    z-index: 100;
}

.gallery-zoom .gallery-image-container .zoom-icon {
    background-color: rgba(0,0,0,25%);
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 30;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

 @media screen and (max-width: 410px) {
	.SEO-gallery {
		 padding-top: 69%;
	}
}

/* SEO gallery */

.gallery__img {
	 position: absolute;
	 top: 0;
	 left: 0;
	 opacity: 0;
	 transition: opacity 0.3s ease-in-out;
}
.gallery__thumb {
	 padding-top: 6px;
	 display: block;
}
.gallery__selector {
	 position: absolute;
	 opacity: 0;
	 visibility: hidden;
}
.gallery__selector:checked + .gallery__img {
	 opacity: 1;
}

.gallery__selector:checked ~ .gallery__thumb img {
	 box-shadow: 0 0 0 2px #fda428;
}

.gallery__item label + p {
    text-align: center;
    margin: 3px 0;
    font-size: 0.7rem;
}

.gallery__img .transparent-black-container {
    position: relative;
    top: -4.3rem;
}

.gallery__img .transparent-black-container p {
    margin: 0;
}

/* ================ Global styles MEDIA ================ */

@media (min-width: 1025px){
.store-search-box input.search-box-text {
    width: 500px !important;
margin-right: 0px;
}

.two-columns-area
{
margin-bottom:0px;
}

}

@media (min-width: 769px)
{
.attribute-squares li {
    margin: 5px 5px 5px 0;
}
}

@media (min-width: 481px)
{
.overview .add-to-cart { 
    float: right;
}

.payment-method .payment-logo img
{
    max-width: 40px;
}
}

@media(max-width: 450px) 
{
       .hidden-mobile {
        display: none;
    }

.checkout-buttons-mobile
{
display:block !important;
    position: fixed;
    bottom: 0;
    padding: 0;
    width: 100%;
    margin: 0;
    left: 0;
    z-index: 1000;
}

#actie .header-container
{
display: block !important;
}

.overview-bottom
{
margin-top:0px;
}

.overview
{
margin-bottom:0px;
}

    .flex-row-even,  .flex-row {
        flex-direction: column;
    }

.overview .add-to-cart
{
     display: inline-block;
}

.overview-buttons
{
   display: inline-block;    
    float: right;
}

.product-essential .prices 
{
text-align:center !important;
}

.overview-bottom .delivery
{
background-color:unset;
}

    .grid-row-5 {
        grid-template-columns: repeat(2,1fr);
    }

    .gallery__img .transparent-black-container {
        font-size: 0.75rem;
    }

    .gallery__item label + p {
        display: none;
    }

    .row-of-boxes {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 1rem;
    }

    .plus-sign {
        width: 20px;
        height: 20px;
    }

}

@media(min-width: 451px) {

    .hidden-desktop {
        display: none !important;
    }

    .flex-row-even > *:not(:last-child) {
        margin-right: 1rem;
    }

    .row-of-boxes .box-container {
        height: 180px;
        width: 180px;
    }

    .row-of-boxes .box-container:not(:last-child) {
        margin-right: 1rem;
    }

}

/* Other non-Global Styles Templates Media */

@media(max-width: 450px) {

}

/* ================ WSW STYLES by Gabi ================ */

.page-body ul li p {
    margin: 0;
}

/* Header and footer */

.header .header-middle, .footer, .footer-middle, .footer-lower, .footer-block ul {
    background-color: #666;
    color: white;
}

.cart-trigger {
    background-color: white;
}

.footer-middle .center .footer-block:not(:last-child) {
    border-right: 1px solid white;
}

.footer-lower .center {
    border-top: none;
}

.header-upper a:hover {
    color: orange;
}

/* Menu (MegaMenu) */

.category-navigation-list > li > .sublist-wrap > .sublist li:hover {
    color: orange;
    border-bottom: 1px solid #ccc;
}

.category-navigation-list > li > .sublist-wrap > .sublist li a {
    text-transform: initial;
    font-weight: normal;
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Homepage */

#hp-two-columns h2 {
    font-size: 1.1rem;
    margin-bottom: 10px;
}

#hp-two-columns .standout-button {
    width: 100%;
    margin-top: 15px;
}

#hp-two-columns .flex-column-even .image-container {
    max-height: 30%;
}

/* TEST */
#hp-two-columns .background-image-container {
    background: url(https://image.shutterstock.com/z/stock-photo-low-section-view-of-a-handyman-s-foot-climbing-ladder-1575444133.jpg) center center/cover;
}

.homepage-bottom-wrapper section h2 {
    margin-bottom: 1rem;
}

.homepage-bottom-wrapper section h2:not(:first-child) {
    margin-top: 1.5rem;
}

.homepage-bottom-wrapper .flex-row-even > div:first-child {
    padding: 1.5rem 0;
}

.homepage-bottom-wrapper .flex-row-even > div:first-child .standout-button {
    margin-top: 1.3rem;
    float: right;
}

/*  Filter */

.filters .filter-content strong {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    display: flex;
}

.usps-row {
    justify-content: space-between;
    align-items: center;
    padding: 4px;
    margin-bottom: 1rem;
}

.usps-row .flex-row {
    width: 30%;
    align-items: center;
    justify-content: center;
}

.usps-row .flex-row img {
    margin-right: 10px;
}

/* General rules */

.header .header-middle .center::after {
    display: none;
}

section {
    margin: 1.3rem 0;
}

.content-page-body .content-page-header {
    margin-top: 0;
}

.page-body p {
    margin: 10px 0;
}

.two-columns-topic {
    display: flex;
}

.white-container a {
    text-decoration: underline;
}

.white-container a:hover {
    color: white;
    background-color: #666;
    text-decoration: none;
    transition: all 0.25s;
}

.block.default-filters {
    margin: auto;
}

.content-page-body h1 {
    text-transform: uppercase;
    padding-bottom: 8px;
    border-bottom: 1px solid #777;
   
}

.content-page-side-menu {
    padding: 1.2rem;
    margin-bottom: 1.5rem;
}

.content-page-side-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.content-page-side-menu ul li {
    padding: 5px 0;
}

.content-page-side-menu ul li:not(:last-child) {
    border-bottom: 1px solid white;
}

.content-page-side-menu ul li a {
    text-decoration: none;
}

/* Tables */

.page-body td {
    border: 1px solid #ddd;
    padding: 8px;
    line-height: initial;
}

.page-body tbody > tr:first-child {
    background-color: #ccc;
    font-weight: bold;
}

.page-body tr:not(:first-child) > td {
    background-color: white;
}

.page-body tbody > tr > td:not(:first-child) {
    text-align: center;
}

.product-specs-box .data-table td:first-child {
    border-left: 1px solid #ccc;
}

.page-body .product-specs-box tbody > tr > td:not(:first-child) {
    text-align: left;
}

/* Product Page */

.additional-details .sku {
    display: none !important;
}

.overview .html-widget {
    clear: both;
    display: inline-block;
}

.overview .product-name {
    margin-top: 1rem;
}

.overview .short-description ul {
    margin: 5% 0 0 5%;
}

.attribute-squares .attribute-square {
    background-color: Green !important;
    height: 40px !important;
    padding-top: 15%;
min-width:40px !important;
min-height:40px !important;
width: 100% !important;
height:100% !important;
}
.selected-value .attribute-square-container {
    border: none;
}

.attribute-square-container
{
border: none;
}

.attribute-squares .attribute-square:hover, .selected-value .attribute-square {
    background-color: #ffa500 !important;
}

.product-essential .prices {
    display: flex;
    flex-direction: column;
    text-align: right;
}

.product-essential .prices .old-product-price {
    font-size: 0.9rem;
text-decoration:none;
}

.product-essential .prices .old-product-price span {
    text-decoration: line-through;
}

.product-essential .prices  .discountpromo
{
font-size: 20px;
    color: white;
    padding-left: 10px;
    background-color: black;
    border-radius: 5px;
    margin-left: 10px;
    padding-right: 5px;
}

.product-essential .prices  .discount
{
    background-color: #92bf7f;
    border-radius: 5px;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.product-essential .prices  .discount .title
{
color:white;
}

.product-essential .prices  .discount .price
{
    font-size: 16px;
    color: green;
}

.product-essential .prices .priceincltax
{
font-size: 12px;color: lightgray;
}

.page-body .product-specs-box .spec-group-name {
    font-weight: bold;
    background-color: #ccc;
}


.two-column-wrapper {
    display: flex;
}

.product-details-page .two-column-wrapper > div:first-child {
    flex: 5;
}

#product-right-of-specs ul li {
    margin-bottom: 8px;
}

/* Voor en Nadelen */

.moreinfoform .title {
    color: orange;
}

.moreinfoform ul {
    list-style: none;
}

.moreinfoform ul li {
    display: flex;
}

.fa-plus-square {
    color: green;
    margin-right: 10px;
}

.fa-minus-square {
    color: gray;
    margin-right: 10px;
}

/* Mini Product page (quickview) */

.k-window .product-essential {
    display: flex;
    flex-direction: column;
}

.k-window .product-essential > div {
    width: 100%;
    padding: 1rem;
}

.k-window .product-essential .gallery img {
    object-fit: contain;
    height: 250px;
}

.k-window .product-essential .product-variant-name {
    display: none;
}

.k-window .product-essential .short-description ul {
    margin: 0 0 0 1.5rem;
}

.product-grid .item-box .buttons-upper {
    position: static;
    height: 0;
}

.item-box .buttons-upper .quick-view-button, .item-box .buttons-upper .add-to-wishlist-button {
    position: absolute;
    top: 10px;
    border: 1px solid #ccc;
    border-radius: 50%;
    overflow: hidden;
}

.item-box .add-to-compare-list-button {
    display: none;
}

.item-box .buttons-upper .quick-view-button {
    left: 5px;
}

.quick-view-button a {
    background-position-y: 0px;
}

.item-box .buttons-upper .add-to-wishlist-button {
    right: 10px;
    margin: 0;
    background-position: -31px;
    padding: 0;
}

.product-grid .item-box:hover .buttons-lower {
    bottom: 0;
}

/* Category Page SEO Widgets */

/* SEO widgets */

.category-page > .page-body > .html-widget {
    background-color: white;
    padding: 1.3rem;
}

/* Checkout */

.coupon-box-panel > .section .section-body, .giftcard-box-panel > .section .section-body {
    padding: 1rem;
}

/* Miscellaneous (small changes) */

.message-failure {
    color: red;
}
/* ========= Content Pages ========= */

/* Menu */

.content-page-side-menu ul li a:hover {
    color: #ffa500;
}

/* Content Page: Contact */

#contact .flex-row-even a {
    text-decoration: underline;
}

#contact .flex-row-even .white-container.text-image-flex strong {
    display: block;
}

#contact .text-image-flex > .text-block {
    padding-right: 0;
}

#contact .flex-row-even .white-container.text-image-flex {
    padding: 0.75rem;
    align-items: center;
}

#contact .text-image-flex > img {
    width: 35px;
    height: 35px;
    object-fit: contain;
}

#contact .white-container.text-image-flex b, #contact .white-container.text-image-flex i {
    display: block;
}

#contact .white-container.text-image-flex i {
    font-size: 12px;
    line-height: initial;
}

/* Content Page: Normeringen */

#normeren section.grid-row-2 {
    margin-top: 2rem;
}

#normeren .white-container {
    padding: 1.2rem;
}

#normeren .white-container h2 {
    padding-bottom: 3px;
    border-bottom: 1px solid;
}

#normeren .white-container h3 {
    margin: 1rem 0;
}

#normeren .white-container ul li {
    margin: 5px 0;
}

#normeren tbody td img {
    height: 20px;
}

/* Content Page: Iconen uitleg */

#iconen-uitleg .grid-row-3 {
    margin-top: 1.5rem;
}

#iconen-uitleg .grid-row-3 .flex-row {
    align-items: center;
}

#iconen-uitleg .flex-row img {
    margin-right: 0.5rem;
}

/* Content Page: FAQ */

#faq .white-container {
    margin-bottom: 1.3rem;
}

#faq .flex-header {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

#faq .flex-header img {
    width: 20px;
    margin-right: 8px;
}

#faq .alert p {
    margin: 0;
}

/* Content Page: Privacy */

#privacy .content-page-header .white-container p {
    margin: 0;
}

#privacy i {
    font-weight: bold;
}

/* Content Page: Retouren */

#retouren .content-page-header img {
    max-width: 300px;
}

#retouren .white-container.flex-row a {
    text-decoration: none;
}

/* Content Page: Actie (Combineer en Profiteer) */

#actie .header-container {
    display: flex;
}

#actie .header {
    text-transform: uppercase;
    padding-bottom: 8px;
    border-bottom: 1px solid #777;
    color: #555;
}

#actie .header-container > .white-container {
    flex: 5;
}

#actie .header-container > .mid-gray-container {
    flex: 2;
}

#actie .mid-gray-container ul {
    padding-left: 1rem;
}

#actie .mid-gray-container ul li {
    margin-bottom: 7px;
}

#actie .mid-gray-container .flex-row img {
    width: 20px;
    height: 20px;
    align-self: center;
    margin-right: 9px;
}

#actie .row-of-boxes a {
    text-decoration: none;
}

#actie .box-container img {
    transition: all 0.35s;
}

#actie .box-container:hover img {
    transform: scale(1.075);
}

#actie .box-container h3 {
    width: 100%;
    border-top: 1px solid #e3e3e3;
    font-weight: normal;
    text-align: center;
    margin-top: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #999;
}

#actie .box-container:hover h3 {
    color: orange;
    border-top-color: orange;
}

/* ============================= MEDIA ============================= */

@media (max-width: 1024px)
{

.master-wrapper-content {
    margin-top: 35px;
}

.prev-next-wrapper
{
margin: 0px 0;
}

.two-columns-area
{
margin: 100px 0 25px;
}

.header-upper-checkout
{
margin-top: 0;
}

.checkout_logo .logo img {
    display: block;
    max-width: 300px;
    padding: 10px;
}

.checkout_logo_wrapper
{
width: 70%; 
margin: 0 auto;
}

  .header .header-logo {    
        top: 100px;
    }

.header-links-wrapper
{
display:none;
}

.responsive-nav-wrapper div.filters-button
{
    background-color: green;
}

.admin-header-links ~ .master-wrapper-content {
     margin-top: 100px; 
}

.header-upper
{
display:block;
    margin-top: 20px;
}

.header .header-middle
{
color:unset;
}

}

@media(min-width: 600px) {

    #hp-two-columns > * {
        height: 300px;
    }

    .footer .center {
        display: flex;
    }

    .footer .footer-block {
        padding: 0 1rem;
    }

    .block .listbox {
        padding: 15px 25px;
    }

    .content-page-body h1 {
        font-size: 1.5rem;
    }

    .footer-middle {
        display: flex;
        justify-content: space-between;
    }

    .footer > .footer-middle > .footer-block {
        max-width: 20%;
        padding: 0 1.5rem;
    }

    .footer .center {
        margin: 0 auto;
    }

    .footer-upper .center {
        margin: auto;
    }

    /* Menu (MegaMenu) */

    .category-navigation-list.sticky-flyout > li > .sublist-wrap {
        width: auto;
        min-width: 280px;
    }

    .category-navigation-list > li > .sublist-wrap > .sublist {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .category-navigation-list > li > .sublist-wrap > .sublist li {
        width: auto;
    }

    /* Product page */
    
    .overview {
        padding-left: 1rem;
        border-left: 1px solid #ccc;
    }

    .two-column-wrapper > .html-widget #product-right-of-specs {
        margin-top: 40px;
    }

    .product-details-page .two-column-wrapper > div:last-child {
        margin-left: 1.5rem;
    }

    .product-details-page .two-column-wrapper > div:last-child {
        width: 285px;
    }

    /* Content Page: Privacy */

    #privacy .content-page-header .white-container {
        margin: 1rem 0 0 1rem;
    }

    /* Content Page: Retouren */

    #retouren .content-page-header .flex-row > div:first-child {
        margin-right: 1.3rem;
    }

    /* Content Page: Actie (Combineer en Profiteer */

    #actie .header-container > .white-container {
        margin-right: 1.5rem;
    }

}

/* Mobile */

@media(max-width: 430px) {

button.remove-btn { 
    padding: 0px;
}

.actionbannermobile
{
position:absolute;
}

    .header .header-logo {    
        background-color: #666;
        top: 100px;
    }

.header-links-wrapper
{
display:none;
}
    .content-page-body {
         text-align: left;
    }

.header-upper
{
display:block;
    margin-top: 50px;
}

    #hp-two-columns > .white-container {
        margin-bottom: 1.5rem;
    }

    #hp-two-columns > .white-container.flex-row-even .image-container img {
        max-height: 200px;
    }

    .homepage-bottom-wrapper .white-container {
        text-align: left;
    }

    .homepage-bottom-wrapper .flex-row-even > div {
        margin-right: 0;
    }

    .homepage-bottom-wrapper .flex-row-even > div:first-child .standout-button {
        width: 100%;
    }

    .home-page .carousel-item .item-box .picture a, .home-page .carousel-item .item-box .picture img {
        height: 200px;
    }

    .footer > .footer-middle > .footer-block {
        padding: 1.5rem
    }

    .footer-block .title {
        padding: 15px;
    }
    
    .footer-block .title:after {
        top: 15px;
        right: 20px;
        content: '▼';
        background: none;
    }
    
    .footer-block ul {
        background-color: #777;
    }

    .usps-row .flex-row {
        flex-direction: row;
        width: 100%;
    }

    .usps-row .flex-row img {
        width: 50px;
    }

    .category-description {
        text-align: left;
    }

    /* Product page */

    ul.slick-dots {
        display: none !important;
    }

    .product-details-page .ui-tabs .full-description {
        overflow: hidden;
    }

    .two-columns-topic {
        flex-direction: column;
        text-align: left;
    }

    .two-column-wrapper {
        flex-direction: column;
    }

    .overview .short-description {
        text-align: left;
    }

    .overview .product-name {
        padding-bottom: 1rem;
        border-bottom: 1px solid #ccc;
    }

    .product-specs-box .data-table td {
        padding: 0.5rem 0.75rem;
        text-align: left;
    }

    .k-widget {
        width: 96% !important;
        left: 0 !important;
        top: 2% !important;
        margin: 0 3px;
    }

    .k-window .product-essential .short-description {
        max-height: fit-content;
    }

    .k-widget .add-to-cart {
        display: flex;
    }

    .k-widget .add-to-cart button {
        padding: 0 20px 0 46px;
        width: 100%;
    }
    
    .side-2 {
        order: 2;
        margin-top: 1.5rem;
    }

    h2 {
        font-size: 1.1rem;
color:green;
    }

    /* Content Page: Contact */

    #contact .white-container {
        margin-bottom: 1rem;
    }

    /* Content Page: Normeringen media */

    #normeren section.grid-row-2 {
        grid-template-columns: 1fr;
    }

    /* Content Page: Iconen uitleg */

    #iconen-uitleg .grid-row-3 .flex-row {
        text-align: center;
    }

    /* Content Page: FAQ */

    #faq .flex-header h3 {
        line-height: initial;
        font-size: 0.9rem;
    }
    
    #faq .white-container p {
        font-size: 0.85rem;
    }

    /* Content Page: Retouren */

    #retouren .white-container.flex-row .download-button-gray {
        margin-left: 13%;
        margin-top: 1rem;
    }

    /* Content Page: Samenwerken */

    #samenwerken .grid-row-2 {
        grid-template-columns: 1fr;
    }

}

/* Temp */

.page-title {
    display: none;
}


/*FAQ*/
/* Style the buttons that are used to open and close the accordion panel */
   .html-widget  .accordion {
        color: #007ba4;
        cursor: pointer;
        padding: 15px;
        width: 100%;
        /* border: 1px solid #007ba4; */
        text-align: left;
        outline: none;
        font-size: 14px;
        transition: .4s;
        border: 1px solid #ddd;
        border-radius: 5px;
        background-color: #fff;
        margin-bottom: 5px;
    }

        .html-widget   .accordion:after {
            content: '\002B';
            color: #007ba4;
            font-weight: bold; /* Unicode character for "plus" sign (+) */
            float: right;
            margin-left: 5px;
        }

      .html-widget .active:after {
        content: "\2212"; /* Unicode character for "minus" sign (-) */
    }

    /* Style the accordion panel. Note: hidden by default */
   .html-widget    .panel {
       
        background-color: #f2f7fc;
        color: #005571;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
        font-size: 18px;
    }

     .html-widget   .panel .answer {
            padding: 5px;
            font-size: 14px;
        }

      .html-widget .p {
        display: block;
        margin: 12px;
    }

      .html-widget  .titlestart {
        clear: both;
        padding-top: 30px;
    }