/*
 Theme Name:   shoptimizer-child
 Theme URI:
 Description:  Child theme shoptimizer
 Author:       Mountain IT
 Author URI:   https://www.mountain-it.nl
 Template:     shoptimizer
 Version:      1.0.0
 */
/*include some fonts*/
@font-face {
    font-family: 'indieflower';
    src:  url('/wp-content/themes/shoptimizer-child/fonts/indieflower.ttf');
}

/* body styling */
body {
    font-family: 'Syncopate', sans-serif;
}

body .site {
    font-size: 15px;
    overflow: hidden;
}

i.fa {
    font-size: 12px;
}

/* the styling of the header  */
.logged-in header#masthead {
    top: 32px;
}

.main-header.col-full {
    position: relative;
}

header#masthead {
    height: 60px;
    background-color: #000000;
    width:100%;
    position:fixed;
    top:0;
    z-index:9;
}

/* the styling of the logo  */
.logged-in img.custom-logo {
    top: 38px;
}

img.custom-logo {
    display: block;
    position: fixed;
    top: 5px;
    left: 1%;
    width: 48px!important;
    height: 50px!important;
}

/* the  styling  of icon menu */
.site-branding button.menu-toggle {
    position: absolute;
    top: 6px;
    z-index: 50;
    margin-left:-130px;
    left: 15%;
    right:75%;
    width: 35px;
    height: 35px;
    padding: 0;
    background-color: #000000!important;
    display: block;
    margin-top:7px;
    border-radius  :0;
    border:2px solid #ffffff;
}

.menu-toggle .bar:first-child {
    margin-top: -1px;
    margin-left: 13%;
    height:3px;
    width: 24px!important;
    background-color: #ffffff!important;
}

.menu-toggle .bar:nth-child(2) {
    margin-top: -9px;
    margin-left: 13%;
    width: 24px!important;
    height:3px;
    background-color: #ffffff!important;
}

.menu-toggle .bar:nth-child(3) {
    margin-top: 7px;
    margin-left: 13%;
    height:3px;
    width: 24px!important;
    background-color: #ffffff!important;
}

.site-branding  .menu-toggle .bar {
    display: block;
    position: absolute;
    top: calc(50% - 1px);
    z-index: 0;
    width: 45px;
    height: 4px;
    opacity: 1;
    pointer-events: none;
}

.menu-toggle span.bar-text {
    font-family: 'Syncopate', sans-serif;
    display: block;
    color: #ffffff;
    position: absolute;
    top: 7px;
    font-size: 13px;
    font-weight: bold;
    margin-left: 45px;
}

/*search styling */
.subscribe .subscribeform input[type="email"] {
    width: 50%;
}

.subscribe .subscribeform input[type="email"]:focus {
    background-color:#ffffff!important;
}

.widget_product_search form button[type=submit] {
   clip: unset;
    top: -33px;
    left: 57.4%;
    background-color: #afafaf!important;
    color: #00000000;
    padding: 4px;
    background-image: url(https://tender-feistel.94-124-93-44.plesk.page/wp-content/uploads/2022/05/91-919100_search-prism-learning-solutions-search-icon-svg-free-1-2.png)!important;
    background-repeat: no-repeat!important;
    background-position-x: 20px!important;
    background-position-y: 6px!important;
}

.header-5 .site-header input[type=search] {
    height: 32px;
    width: calc(100% - 22rem);
    position: absolute;
    top: -32px;
    left: 29px;
    padding-left: 10px;
}

.site-search form:before {
    display: none;
}

.site-search .widget, .site-search .widget_product_search form {
    position: relative;
    margin-bottom: 0;
    margin-left: 50px;
    margin-right: 30px;
}

/* user account and log in  icon styling */
i.fa.fa-user {
    position: absolute;
    left: 67%;
    top: 20px;
    font-size: 18px;
    color: #dc9814;
}

strong.inlog {
    font-family: 'Syncopate', sans-serif;
    color: #FFE;
    margin-left: 4px;
    font-size: 12px;
    font-weight: bold;
}

.fa-user:before {
    content: "\f007";
    background: white;
    border-radius: 50%;
    padding: 6px 8px;
}

/* cart styling */
#page .site-header-cart .cart-contents {
    display: block;
    max-width: 80px;
    margin-top: 20px;
    max-height: 28px;
    position: absolute;
    top: 42px;
    left:79%;
    outline: none;
}

ul.site-header-cart.menu {
    background-color: #000000;
    padding: 15px;
}

.header-5 .site-header-cart .cart-contents .amount {
    display:none;
}

.shoptimizer-cart-icon svg {
    width:45px;
    height: 45px;
    position: relative;
    top: 20px
}

.header-5.wc-active .site-header-cart a.cart-contents {
    margin-top: -27px!important;
    border:none!important;
    content: url(/wp-content/themes/shoptimizer-child/img/shopping-cart.png);
}

.header-5 .site-header-cart .cart-contents .amount {
    font-family: 'Syncopate', sans-serif;
}

.site-header-cart a.cart-contents .shoptimizer-cart-icon .mini-count{
    font-family: 'Syncopate', sans-serif;
    font-size:12px;
    font-weight:bold;
}

ul.site-header-cart.menu {
    background-color: #000000;
    padding: 15px;
    display:block!important;
    margin-top:-26px;
}

.header-4 .menu-primary-menu-container > ul > li > a, .header-4 .site-header-cart .cart-contents .amount, .header-4 .search-trigger, .header-4 .search-trigger:hover {
    color: white;
}

.woocommerce-message .message-inner .buttons-wrapper a.cart:hover {
    opacity: .85;
    border-bottom:1px solid #ffffff;
}

/* styling of the text (WINKELWAGEN) after the cart icon*/
.s-observer::after {
    font-family: 'Syncopate', sans-serif;
    font-size:11px;
    content: " Winkelwagen";
    background-color: #000000;
    color: #ffffff;
    font-weight: bold;
    position:absolute;
    top:25px;
    left:83%;
    cursor: pointer;
    display:none;
}

.cartdivjsstyle .cartlinkjsstyle {
    font-family: 'Syncopate', sans-serif;
    font-size: 11px;
    background-color: #000000;
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    top: 25px;
    left: 83%;
    cursor: pointer;
    outline: none;
}

/* CSS Code for old menu from theme that must be hidden  */
.main-navigation {
    display: none ;
}

.primary-navigation {
    display: none ;
}

nav#site-navigation {
    display: none ;
}

.menu-primary-menu-container {
    display: none ;
}

ul#menu-primary-menu {
    display: none ;
}

.menu {
    display: none ;
}

.main-navigation div.menu, .main-navigation ul ul li, .primary-navigation, .secondary-navigation ul ul li {
    display: none ;
}

.menu-primary-menu-container {
    display: none ;
}

.main-navigation ul.menu, .main-navigation ul.nav-menu {
    display: none ;
}

.menu-primary-menu-container > ul.menu {
    display: none ;
}

a.trigger {
    display: none;
}

.col-full.topbar-wrapper{
    display:none;
}

/* popup overlay menu styling */

.main-navigation ul.menu > li.menu-item-has-children > a::after {
    background-color: #fff;
    left: 60px;
}

.mobile-toggled ul.site-header-cart.menu {
    margin-top: -25px;
}

.mobile-toggled .shoptimizer-primary-navigation  ul.site-header-cart.menu {
    display:none!important;
}

.mobile-toggled #page .site-header-cart .cart-contents {
    display:none;
}

.mobile-toggled .col-full-nav.ssis-header-popmenu {
    display: block;
    width: 100%;
    height: 100vh!important;
    margin-top:  0 ;
    z-index: 9999;
    padding: 79px 73% 15% 28%;
    position: fixed!important;
    bottom:  0 !important;
    right:  0 ;
    left:  0 ;
    overflow:scroll;
}

.mobile-toggled .mobile-toggled .col-full-nav {
    left: 0;
    width: 100%;
    background-color: rebeccapurple;
    color: white;
}

.mobile-toggled .col-full-nav .shoptimizer-primary-navigation.col-full {
    padding: 0;
    display:block;
    margin-left:0 ;
}

.mobile-toggled .col-full-nav .site-search {
    display: block;
    padding-top: 20px;
}

.mobile-toggled  .main-navigation {
    padding-top: 20px;
    display:block;
}

.mobile-toggled .main-navigation ul, .secondary-navigation ul {
    display: block;
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.mobile-toggled #page .cart_totals .shop_table tr.shipping th, #page .woocommerce-tabs ul.tabs li, .main-navigation ul li, .site-main.flow article.post {
    display: block;
}

.mobile-toggled .main-navigation {
    padding-top: 20px;
}

.mobile-toggled article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

.mobile-toggled nav#site-navigation {
    display:block;
}

.mobile-toggled .primary-navigation {
    display:block;
}

.mobile-toggled .menu-primary-menu-container {
    display:block;
}

.mobile-toggled ul#menu-primary-menu {
    display:block;
}

.mobile-toggled li.page_item.page-item-10 {
    display:block;
}

.mobile-toggled li.page_item.page-item-11 {
    display:block;
}

.mobile-toggled ul.site-header-cart.menu {
    margin-top:20px;
}

.mobile-toggled a.cart-contents {
    margin-top: -14px;
}

.mobile-toggled .mobile-menu.close-drawer {
    position:fixed;
    width: 30px;
    height: 30px;
    top: 61px;
    left:97.5%;
    opacity: 1;
    transition: all .3s;
    cursor: pointer;
    display:block;
    z-index: 9999999999!important;
}

.mobile-toggled .close-drawer:before {
    background-color: white!important;
}

.mobile-toggled .close-drawer:after{
    background-color: white!important;
}

.mobile-toggled .main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {
    padding:0;
}

.mobile-toggled .primary-navigation .main-navigation  .nav-menu  li a span:before{
    border-bottom: 1px solid #dc9813  ;
}

.mobile-toggled a.cg-menu-link.sub-menu-link {
    line-height:40px;
}

.mobile-toggled .main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {
    color: #fff;
    width: 100%;
}

.mobile-toggled .main-navigation div.menu, .main-navigation ul ul li, .primary-navigation, .secondary-navigation ul ul li {
    display: block;
    width: max-content;
}

.mobile-toggled .main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a span:before {
    border-color: #dc9814;
}

.col-full-nav.ssis-header-popmenu {
    display: none;
}

.mobile-toggled .menu-primary-menu-container > ul > li > a {
    color: #fff;
    font-size: 22px;
    line-height: 67px;
}

a.cg-menu-link.main-menu-link:focus{
    outline: none!important;
}

/*the  styling of the accordion sub menu  in overlay popup menu */
.mobile-toggled .main-navigation ul.menu ul.sub-menu {
    position:absolute;
    top:-75px;
    left:365px;
    background-color: #222;
    color:#fff;
    width:300px;
}

.menu-primary-menu-container .sub-menu a span:before {
    display: block;
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    width: 100%;
    border-bottom: 1px solid #dc9814;
    content: "";
    transition: transform .6s cubic-bezier(.28,.75,.22,.95);
    transform: scaleX(0);
    transform-origin: right center;
}

.menu-primary-menu-container .sub-menu a:hover span:before {
    transform: scale(1);
    transform-origin: left center;
    color:#ffffff!important;
}

.menu-primary-menu-container .sub-menu a span {
    color:#ababab;
    padding  :0;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: -0.1px;
    text-transform: none;
    line-height:50px;
}

.menu-primary-menu-container>ul.menu>li>a {
    transition: all .2s;
    padding-left:  0 ;
}

.menu-primary-menu-container .sub-menu a span:hover {
    color: #ffffff !important;
}

a.cg-menu-link.sub-menu-link {
    outline: none!important;
}

/* the styling of the USP block below the header block */
.logged-in .header-widget-region {
    width: 100%;
    height: 30px;
    position: absolute;
    top: 90px;
    padding-top: 5px;
    padding-bottom: 2px;
}

.header-widget-region {
    width: 100%;
    height: 30px;
    position: absolute;
    top: 58px;
    padding-top: 5px;
    padding-bottom: 2px;
}

.textwidget.custom-html-widget {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: center;
}

.belowheaderlist {
    display:flex;
}

ul.belowheaderlist {
    margin-top:-16px;
}

.belowheaderlist > li {
    margin-right: 29px;
    list-style-type: none;
}

ul.belowheaderlist li i .underheaderfa {
    color: #fff;
    font-family: 'Syncopate', sans-serif;
    font-size: 9px;
    margin-right:20px;
}

ul.belowheaderlist li i .fa {
    color:#000;
}

.textwidget .custom-html-widget{
    padding: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    background: white;
}

/*  home page styling */
#page {
    background-color: #f8f8f8;
}

.site-content {
    position: relative;
}

.col-full.topbar-wrapper.hide-on-mobile {
    border: none;
}

.shoptimizer-archive {
    margin-top: 100px;
}

.elementor img {
    height: 200px;
    width: 100%;
}

.elementor-14 .elementor-element.elementor-element-339d512 a.elementor-post__read-more{
    padding: 16px  ;
    background: #988752;
    color: #ffffff;
    border-radius:20px;
}

div#primary {
    width: 100%!important;
}

/* the styling of the products page */
.shoptimizer-sorting {
    display:none;
}

.shoptimizer-sorting.sorting-end {
    display: block!important;
    margin-top:100px;
}

h1.woocommerce-products-header__title {
    margin-top: 30px;
    margin-bottom: 20px;
}

/* the styling of the product view page*/
ol.flex-control-nav.flex-control-thumbs li img {
    max-width: 64px;
    height: 64px;
}

#page .woocommerce-tabs ul.tabs li {
    display: inline-block!important;
    margin: 0 12px;
    border: 0;
}

div.product {
    margin-bottom:-100px;
}

a.flex-next {
    position: absolute;
    top: -50px;
    left: 670px;
}

a.flex-prev {
    position: absolute;
    top: -30px;
    left: -5px;
}

.product-details-wrapper {
    overflow: hidden;
    padding-bottom: 30px;
}

.single-product .archive-header .woocommerce-breadcrumb {
    padding-top: 45px ;
}

.archive-header {
    margin-bottom: 25px;
}

/*the  styling of gallery in view product page */
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    height: 700px;
    width: 900px;
}

.woocommerce-product-gallery__image {
    margin-right:0 ;
    float: left;
    display: block;
    width: 600px;
    height: 700px;
    object-fit: contain;
    position: relative;
    overflow: hidden;
}

img.wp-post-image {
    height: 700px;
    object-fit: cover;
}

img.zoomImg {
    position: absolute;
    top:0 ;
    left: -162.283px;
    opacity: 0;
    width: 823px;
    height: 271px;
    border: none;
}

.woocommerce-product-gallery__image  img {
    height:547px;
}

.single-product div.product .woocommerce-product-gallery img {
    width: 100%;
    object-fit: contain;
    background-color:#f8f8f8;
}

.flex-viewport {
    overflow: hidden;
    position: relative;
    max-width: 900px;
    height: 543px!important;
    object-fit: contain;
    background: rgb(255, 255, 255);
}

/* the  styling  of checkout product page */
.woocommerce-checkout button.menu-toggle {
    display: none;
}

.woocommerce-checkout.min-ck header .main-header h1 {
    display:none;
}

.woocommerce-checkout .s-observer::after{
    display: none;
}

.woocommerce-checkout img.custom-logo{
    left:48%;
}

.cart-drawer-heading{
    font-size  :0  ;
}

.cart-drawer-heading:after {
    content: "Winkelwagen";
    font-size: 14px;
}

.buttons-wrapper a:nth-child(2) {
    font-size:  0 ;
}

.woocommerce ul.checkout-bar li:first-child a:after {
    content: "Winkelwagen";
    font-size: 14px;
}

.woocommerce ul.checkout-bar li:nth-child(2) a:after {
    content: "Verzending en Afrekenen";
    font-size: 14px;
}

ul.checkout-bar li {
    font-size  :0  ;
}

ul.checkout-bar li:nth-child(3) span:after {
    content: "Bevestiging";
    font-size: 14px;
    font-weight:800;
}

.woocommerce-checkout .footerbottom {
    padding-bottom: 50px;
    background-color: #ffffff;
    margin-top: 200px;
    width: 100%;
}

.woocommerce-message .message-inner {
    background-color: #988752!important;
}

.woocommerce-checkout i.fa.fa-user {
    display:none;
}

.woocommerce-message .message-inner .buttons-wrapper a.cart {
    outline:none;
}

.woocommerce ul.checkout-bar a {
    font-size  :0  ;
}

ul.checkout-bar:before, .woocommerce-checkout .checkout-bar li.active:after, ul.checkout-bar li.visited:after {
    background-color: #988752!important;
}

.woocommerce-cart ul.checkout-bar li.active:before, .woocommerce-checkout ul.checkout-bar li.active:before, .woocommerce-checkout ul.checkout-bar li.next:before {
    z-index: 4;
    background: #988752;
}

/*the styling of  cart page */
.buttons-wrapper a:nth-child(2):after {
    content:"Bekijk winkelwagen";
    font-size: 14px;
    padding-left: 9px;
    margin-left:  0 ;
    width: 175px;
}

.shoptimizer-mini-cart-wrap .widget_shopping_cart .buttons .button:nth-child(odd) {
    margin: 0;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}

/*for all site styling*/
button, .button, input[type=submit], ul.products li.product .button, .woocommerce #respond input#submit.alt, .product .cart .single_add_to_cart_button, .widget_shopping_cart a.button.checkout, .main-navigation ul.menu li.menu-item-has-children.full-width > .sub-menu-wrapper li a.added_to_cart, div.wpforms-container-full .wpforms-form button[type=submit], ul.products li.product .added_to_cart, .woocommerce-cart p.return-to-shop a, .elementor-row .feature a, .image-feature figcaption span {
    background-color: #988752!important;
}

.col-full.topbar-wrapper {
    border-bottom-color: #988753!important;
}

/*the styling of the select word in the bottom menu*/
.site .shoptimizer-sticky-add-to-cart__content-button a.button{
    font-size:0;
    padding:10px 20px;
}
a.variable-grouped-sticky.button:after{
    content: "Selecteer Opties";
    font-size:14px;
}

/*the styling of the footer block  */
div.footerbottom div.fcopyright p.voorwarden {
    padding:  0 ;
    font-size: 10px;
    display: flex;
    text-align: center;
    color: #988752;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    margin-left:-3%;
}

footer .col-full {
    background-color: #000000;
    padding  :0  ;
    margin  :0  ;
    max-width: 100% !important;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

footer.col-full .widget_text .widget .widget_custom_html{
    padding  :0  ;
    max-width: 1180px;
    margin:auto;
    display: flex;
    justify-content: center;
    background: white;
}

footer.footernew {
    background-color: transparent;
    padding: 1%  0  20px  0 ;
}

.subscribe p.Newsletter {
    width: 53%;
    margin: 40px auto;
    padding:  0 ;
}

.footernew {
    background-color:#000000;
}

.subscribe {
    width:100%;
    border-bottom:1px solid #878b8c;
    padding:50px;
}

.subscribe h3 {
    text-align:center;
    color:#ffffff;
}

.subscribe p {
    text-align:center;
    padding:  0  35%;
    margin: 50px;
    color:#ffffff;
}

.subscribeform {
    margin: auto;
    width: 70%;
}

.subscribeform input {
    padding: 8px 100px 8px 10px;
    font-size: 14px;
    outline: 0;
    border:none;
}

.subscribeform button {
    padding: 0.4em 3em 0.4em 0.9em;
    font-size: 15px;
    outline: 0;
    margin-left:50px;
    background-color:#98884f;
    color:#ffffff;
    border:2px solid #98884f;
    text-align:center;
}

.rownew {
    display: flex;
    align-content: space-around;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.fcolumn {
    display: table-cell;
    padding: 50px;
}

.fcolumn h3 {
    font-family:'Syncopate', 'sans-serif';
    font-size:14px;
    color:#98884f;
    margin-left:-10px;
}

.fcolumn  ul >li {
    list-style-type: none;
    padding:10px  0  2px  0 ;
    margin-left:-10px;
    color:#FFFFFF;
}

.fcolumn  ul >li>a {
    color:#FFFFFF;
    text-decoration:none;
}

.fcolumn  ul > li > a >img {
    width:100px;
    height:100px;
}

.social {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left:-25px;
    margin-top:25px;
    color:#98884f;
}

.social ul a {
    text-decoration:none;
    padding:0 10px;
    font-size:20px;
    color:#98884f!important;
}

.footerbottom {
    background-color:#ffffff;
    margin: 67px  0  -138px  0 ;
    width:100%;
}
.footerbottom p {
    font-family: 'syncopate', 'sans-serif';
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1.5px;
    color: #000000;
    background-color: #ffffff;
    padding  :0  ;
    margin:20px  0   0   0  ;
    text-align: center;
    width:100%;
    border-radius:5px;
}

.fimages {
    display: flex;
    margin: auto;
    width: 100%;
    border-bottom: 1px solid #878b8c;
    padding: 25px 15px 5px 15px;
    background-color: #ffffff;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.footerbottom .fmimages {
    height:50px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content:center;
    margin:5px auto 15px auto;
    background-color:#ffffff;
    list-style-type: none;
    border-radius:5px;
    padding:  0 ;
}

.footerbottom .fimages .fmimages li a img {
    width:39px ;
    height:39px;
    border-radius:5px;
    margin:11px;
}

.fcopyright {
    margin:auto;
    width:100%;
    padding:20px  0  20px 6% ;
    background-color:#ffffff;
}

.fcopyright p>a {
    color:#000000;
}

.fcolumn  .widget ul {
    margin-left: -10px;
    list-style: none;
}

.footernew .subscribeform {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

footer.site-footer {
    padding:  0  0 125px  0 ;
    margin: 104px  0   0   0 ;
}

footer.site-footer a:not(.button):hover, footer.copyright a:hover {
    color: #988752!important;
}

.subscribeform button {
    padding-left: 6%;
    font-weight: 600;
}

footer.site-footer a:not(.button), footer.copyright a {
    color: #999;
    outline: none!important;
}

footer .widget {
    position: relative;
    padding  :0  ;
    margin  :0  ;
    flex: 1;
}

.fcolumn ul > li > a.footer-logo::after {
    text-decoration:none;
    border:none;
}

.site-main div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger{
    right: 41em;
}

div.product .woocommerce-product-gallery .flex-control-thumbs {
    margin-left: 0;
}


/******************************************************** @media {}*****************************************/
@media(min-width:993px){

    .mobile-toggled .primary-navigation{
        position: absolute;
    }

    .col-full.main-header{
        display: flex;
        padding-top: 30px;
        padding-bottom: 30px;
        flex-wrap: nowrap;
        align-items: center;
        align-content: space-between;
        flex-direction: row;
    }

    .woocommerce-checkout .cartdivjsstyle .cartlinkjsstyle {
        display:none;
    }


}

/************************************ landscap tablet******************************************/
@media (min-width:1200px) and (max-width:1400px) {
    header#masthead {
        height: 60px;
        background-color: #000000;
        position:fixed;
        top:  0 ;
        width:100%;
        z-index: 9;
    }

    .site-branding button.menu-toggle {
        left: 18%;
    }

    .elementor-14 .elementor-element.elementor-element-a7c60a3 {
        width: 32.124%;
    }

    .elementor-column.elementor-col-33, .elementor-column[data-col="33"] {
        width: 32.124%;
    }

    img.custom-logo {
        position: absolute;
        top: 5px!important;
    }

    .header-5 .site-header input[type=search] {
        width: 504px;
        left:50px;
    }

    .widget_product_search form button[type=submit] {
        left:494px;
    }

    .rownew {
        display: flex;
        align-content: space-around;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        margin-bottom: 263px;
    }

    .social {
        margin-left: -10px;
    }

    .social ul a {
        padding:  0  2px;
    }

    .footernew .subscribeform {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    footer .widget {
        margin-top: -129px;
        padding:  0 ;
    }

    .elementor-14 .elementor-element.elementor-element-96fadb6 {
        transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
        margin-top: -41px;
        margin-bottom: 136px;
        padding: 50px 50px 50px 50px;
    }

    body .site {
        font-size: 15px;
        overflow: hidden;
    }

    .mobile-toggled .menu-primary-menu-container {
        margin-left:  0 ;
    }

    .site ul.products li.product {
        margin-bottom: 4em;
    }

    div#primary {
        padding-top: 10px;
        padding-bottom: 44px;
    }

    .footerbottom {
        margin:  0   0  70px  0 ;
    }

    .textwidget.custom-html-widget{
        margin: -10px  0  -86px  0 ;
    }

    .header-widget-region {
        top: 59px;
    }

    .site-content {
        position: relative;
    }

    table.cart td.actions button {
        font-weight: 600;
        color: #ffffff!important;
        font-size: 18px;
    }

    .flex-viewport{
        height: 500px!important;
    }

    .woocommerce-product-gallery__image img {
        height: 548px!important;
    }

    a.flex-next {
        position: absolute;
        top: -330px;
        left: 670px;
    }

    a.flex-prev {
        position: absolute;
        top: -313px;
        left: -5px;
    }

    .mobile-toggled .col-full-nav.ssis-header-popmenu{
        max-height: 180vw;
        width: 100%;
        left: 0;
        overflow-x: hidden;
    }

    .elementor-14 .elementor-element.elementor-element-05ea4cf > .elementor-container{
        min-height: 288px;
        width: 85%;
        margin:  0  auto;
    }

    .elementor-section{
        width: 100%;
        margin:  0  auto  0  auto;
    }

    .elementor-14 .elementor-element.elementor-element-96fadb6{
        width:100%;
    }

    .elementor.elementor-14{
        margin-top:100px;
    }

    .elementor-14 .elementor-element.elementor-element-a0b4bf9{
        padding:35px 15px;
    }

    .elementor-14 .elementor-element.elementor-element-6b64879{
        padding:  0  100px 181px 100px;
    }

    .logged-in .header-widget-region {
        height: 30px;
        position: absolute;
        top: 90px;
        padding-top: 15px;
        padding-bottom: 2px;
    }
     .header-widget-region {
        height: 30px;
        position: absolute;
        top: 58px;
        padding-top: 15px;
        padding-bottom: 2px;
    }

    .shoptimizer-archive{
        margin-top:100px;
        margin-bottom:150px;
    }

    footer.site-footer{
        padding  :0  ;
        margin:100px  0  -2px  0  ;
    }

    .elementor-14 .elementor-element.elementor-element-f6c025d .elementor-heading-title {
        font-size:35px;
    }

    .site-main div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger{
        right: 40em;
        top:40px;
    }

    .elementor-14 .elementor-element.elementor-element-05ea4cf {
        margin-top: -100px;
    }

}

/******************************************** @media between  993px en 1200px ************************************************************/
@media(min-width:993px) and (max-width:1199px){


    .site-branding button.menu-toggle {
        position:absolute;
        left: 21% ;
    }

    .s-observer::after{
        left:84%;
    }

    .elementor-14 .elementor-element.elementor-element-7a06cfb{
        padding-left:10px;
    }

    .elementor-14 .elementor-element.elementor-element-f6c025d .elementor-heading-title {
        font-size:34px;
    }

    .elementor.elementor-14 {
        margin-top: 150px;
    }

    .elementor-14 .elementor-element.elementor-element-27ecc35 img {
        max-width: 23vw;
        height: auto;
        position: absolute;
        top: -64px;
        left: 95px;
    }

    .elementor-14 .elementor-element.elementor-element-a0b4bf9 ,.elementor-14 .elementor-element.elementor-element-204fe1c{
        padding:50px 15px;
    }

    .elementor img{
        height: 168px;
        width: 100%;
    }

    .elementor-14 .elementor-element.elementor-element-96fadb6{
        margin-bottom:-103px;
    }

    .header-5 .site-header input[type=search] {
        width: 404px;
        position: absolute;
        top: -32px;
        left: 35px;
        padding-left: 10px;
    }

    table.cart td.actions button{
        font-size: 15px;
        padding: 1px 10px;
    }

    .widget_product_search form button[type=submit] {
        top: -33px;
        left: 379px;
    }

    .logged-in .header-widget-region {
        height: 44px;
        position: absolute;
        top: 90px;
        padding-top: 13px;
        padding-bottom: 2px;
    }

     .header-widget-region {
        height: 44px;
        position: absolute;
        top: 58px;
        padding-top: 13px;
        padding-bottom: 2px;
    }

    .elementor-14 .elementor-element.elementor-element-05ea4cf{
        margin-top:-164px;
    }

    .elementor-14 .elementor-element.elementor-element-7a06cfb{
        margin-top:-265px;
    }

    .shoptimizer-archive{
        margin-top:100px;
        margin-bottom:100px;
    }

    .cartdivjsstyle .cartlinkjsstyle{
        left:84%;
    }

    .menu-primary-menu-container > ul > li > a span:before {
        border-color: #dc9814;
    }

    .menu-primary-menu-container>ul.menu>li>a {
        transition: all .2s;
        padding-left:  0 ;
    }

    .site-main div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger{
        right: 35em;
        top:66px;
    }


}

/************************************************/
@media (min-width: 993px) and (max-width:1024px){

    .elementor-container.elementor-column-gap-default {
        margin-top: 100px;
    }

    .elementor-14 .elementor-element.elementor-element-27ecc35 img {
        margin-top:-125px;
    }

    .elementor-14 .elementor-element.elementor-element-6b64879{
        padding:1px;
    }

    .elementor-container.elementor-column-gap-default {
        margin-top: 16px;
    }

    .elementor-14 .elementor-element.elementor-element-05ea4cf {
        margin-top: -100px;
    }


}


/***** @media for max width 992px *******************/
@media (max-width:992px){
    .mobile-toggled .main-navigation ul.menu ul.sub-menu{
        position:relative;
        top:-28px;
        left:4px;
        background-color: #222;
        color:#fff;
        width  :0  ;
    }

    .main-navigation ul.menu .sub-menu-wrapper a.cg-menu-link {
        width: calc(100% -  0 );
    }

    .mobile-toggled .col-full-nav .site-search {
        display: block;
        position: absolute;
        top: 88px;
        left: -61px;
        width: 100%
    }

    .widget_product_search form button[type=submit] {
        height:50px;
        left:58%;
        top:-35px;
    }

    .site-search form:before{
        display: none;
    }

    .mobile-toggled .col-full-nav.ssis-header-popmenu{
        background-color: #000000;
        margin-top  :0  ;
        padding:100px  0 ;
    }

    a.cg-menu-link.main-menu-link {
        color: #ffffff;
    }

    body .main-navigation ul li {
        margin: 0;
        padding: 10px;
    }

    .mobile-toggled .mobile-menu.close-drawer{
        position:fixed;
        top:20px;
        left:90%;
    }
    
    .main-navigation ul.menu>li.menu-item-has-children>span.caret {
        top: 36px;
        left:320px;
    }

    .main-navigation ul.menu>li.menu-item-has-children.dropdown-open>.sub-menu-wrapper {
        border-bottom: 1px solid #eee;
        margin-left: -48px;
    }

    .cartdivjsstyle .cartlinkjsstyle{
        display:none;
    }

    footer.site-footer{
        margin:100px  0  -140px  0 ;
    }
    .main-navigation ul.menu .sub-menu-wrapper a.cg-menu-link{
        width:100%;
    }


}
/*********************************tablet*****************************************/
@media (min-width:768px) and (max-width:992px){
    header#masthead {
        height: 60px;
        background-color: #000000;
        position:fixed;
        width:100%;
        z-index: 9;
    }

    img.custom-logo{
        top: 5px!important;
        position: absolute;
        left:44% ;
    }

    ul.belowheaderlist{
        display:block;
        margin-top:6px;
    }

    .site-branding button.menu-toggle{
        left:18%;
    }

    .site-search input[type=search]{
        display:block;
        width: 531px!important; ;
        top: -33px;
        left: 29px;
        padding-left: 10px;
    }

    .widget_product_search form button[type=submit] {
        position: absolute!important;
        height: 47px;
        left: 500px;
        top: -33px;
        clip: unset;
        background-color: #afafaf!important;
        color: #00000000;
        padding: 4px;
        background-image: url(https://tender-feistel.94-124-93-44.plesk.page/wp-content/uploads/2022/05/91-919100_search-prism-learning-solutions-search-icon-svg-free-1-2.png)!important;
        background-repeat: no-repeat!important;
        background-position-x: 20px!important;
        background-position-y: 13px!important;
    }

    #page .site-header-cart .cart-contents{
        top:43px;
        left:-9px;
    }

    .s-observer::after{
        display:none;
    }

    ul.belowheaderlist li i .underheaderfa{
        font-size: 10px;
        margin-right: 12px;
    }

    .subscribe p.Newsletter {
        padding  :0  ;
        width: 75%;
        margin: 28px auto;
    }

    .footernew .subscribeform {
        margin: auto;
        width: 100%;
    }

    .rownew {
        display: flex;
        align-content: space-around;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        padding: 0 11px 17px 26px;
    }

    .footerbottom .fimages .fmimages li a img {
        width: 39px !important;
        height: 39px;
        border-radius: 5px;
        margin: 10px 2px 10px 2px;
    }

    .footerbottom .fimages .fmimages li a img
    header#masthead{
        top:45px;
    }

    .footerbottom .fmimages{
        padding: 45px  0  25px  0 ;
    }

    .fimages{
        padding  :0  ;
    }

    span.veligbetallen{
        padding  :0  ;
    }

    .mobile-toggled .menu-primary-menu-container {
        padding:  0   0   0   0 ;
        margin-left: 27%;
    }

    body .main-navigation .sub-menu li {
        margin: -13px  0  -13px -20px;
        padding-bottom: 13px;
        padding-left:5px;
    }

    body .main-navigation ul li {
        margin: 0;
        padding:  0 ;
    }

    .main-navigation ul.menu>li.menu-item-has-children>span.caret {
        top: 8px;
        left: 320px;
    }

    .fcolumn ul > li > a >img {
        width: 81px;
        height: 100px;
    }

    body .site {
        font-size: 15px;
        overflow: hidden;
    }

    .flex-viewport {
        height: 495px!important;
        width: 100%!important;
        background: #f8f8f8;
    }

    .woocommerce-product-gallery__image img {
        max-height: 600px!important;
        max-width:100%!important;
    }

    .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
        height: 600px!important;
        width: 700px!important;;
    }

    img.wp-post-image {
        width: 600px!important;
        height: 600px!important;
    }

    div.product .woocommerce-product-gallery .flex-control-thumbs {
        margin-left: -90px;
    }

    .product-details-wrapper {
        width: 700px;
    }

    .logged-in .header-widget-region {
        position: relative;
        top: 46px;
        height:140px;
        margin-bottom: 65px;
    }

     .header-widget-region {
        position: relative;
        top: 46px;
        height:140px;
        margin-bottom: 65px;
    }

    .fcolumn {
        display: table-cell;
        padding: 27px;
    }

    .social ul a{
        padding:0 5px;
    }

    .woocommerce-checkout i.fa.fa-user {
      display: none;
    }

    .woocommerce-breadcrumb {
        padding-top: 4em;
        padding-bottom: 1em;
        font-size: 14px;
        font-weight: bold;
    }

    .mobile-toggled .main-navigation ul.menu ul li a{
        border-color: #dc9814;
        margin-bottom: -51px;
        padding: 30px  0 ;
    }

    .mobile-toggled .main-navigation ul.menu ul.sub-menu{
        padding-bottom:50px;
    }

    .social {
        margin-left:-8px;
        margin-right:-10px;
    }

    main#main {
        margin-top: -80px;
    }

    ul.checkout-bar{
        top  :0  ;
    }

    .checkout-wrap {
        padding-bottom: 80px;
        margin-top:130px;
    }

    .product-details-wrapper {
        overflow: hidden;
        padding-bottom: 30px;
        margin-bottom:  0 ;
    }

    .footerbottom {
        margin:0  0  -20px  0   ;
    }

    .footerbottom p{
        padding  :0  ;
    }

    #page .below-content .col-full, #page footer .col-full {
        display: block;
        padding-right: 0;
        padding-left: 0;
        margin-top: 74px;
        margin-bottom: 28px;
    }

    #page .woocommerce-tabs ,.related-wrapper {
        margin:0  0   0  30px;
    }

    table.cart td.actions button {
        font-weight: 600;
        color: #ffffff!important;
        font-size: 18px;
    }

    strong.inlog{
        display:none;
    }

    .menu-toggle span.bar-text{
        display:none
    }

    i.fa.fa-user {
        left:88% ;
    }

    a.flex-next {
        position: absolute;
        top: -14px;
        left: 543px;
    }

    a.flex-prev {
        position: absolute;
        top: -18px;
        left: -5px;
    }

    .shoptimizer-archive {
        margin-top: 0;
    }

    .single-product .archive-header .woocommerce-breadcrumb{
        padding-top: 25px ;
    }

    .elementor img {
        height: 150px;
        width: 100%;
        object-fit: cover;
    }

    .mobile-toggled .menu-primary-menu-container > ul > li > a{
        line-height: 45px;
        font-size:20px;
        width:500px;
        margin-left:-50px;
        transition: all .2s;
        padding-left:  0 ;
    }

    .menu-primary-menu-container .sub-menu a span{
        line-height: 30px;
        font-size: 20px;
    }

    .mobile-toggled .main-navigation ul{
        margin-top:20px;
        padding-bottom:  0;
        margin-bottom:  0 ;
    }

    body.single-product .woocommerce-message .message-inner .buttons-wrapper a span {
        border-color: transparent;

    }

    body.single-product .woocommerce-message .message-inner .buttons-wrapper a span:hover {
        opacity: 1;
        border-bottom: 1px solid #ffffff;
    }

    .woocommerce-message .message-inner .buttons-wrapper a{
        outline: none;
    }
    .main-navigation ul.menu li.menu-item-has-children span.caret::after {
        background-color: #fff!important;
    }
    div.product .summary{
        width:100%;
    }

    .site-main div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger{
        right: 42em;
        top:90px;
    }
    
    div#primary {
        padding-top: 50px;
    }


}
/***************mobile ****************************/
@media only screen and (max-width: 767px) {


    img.custom-logo {
        display: block;
        position: absolute;
        top: 4px!important;
        left: 42%;

    }

    header#masthead{
        position: fixed;
        top:0;
    }

    .textwidget.custom-html-widget {
        margin-top:  0 ;
    }

    .site-branding button.menu-toggle {
        position: absolute;
        left: 150px;
    }

    .menu-toggle span.bar-text, strong.inlog {
        display: none;
    }

    .s-observer::after {
        display: none;
    }

    i.fa.fa-user {
        position: absolute;
        left: 80%;
    }

    .woocommerce-checkout i.fa.fa-user {
        display: none;
    }

    #page .site-header-cart .cart-contents {
        position: absolute;
        top: 46px;
        left: 22%;
    }

    .footernew .subscribeform {
        margin: auto;
        width: 100%;
        padding-left:  0 ;
    }

    .fcolumn {
        display: block;
        width: 100%;
        padding:10px;
    }

    .rownew {
        display: flex;
        align-content: space-around;
        align-items: flex-start;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        padding-left:30px;
        padding-top:50px;
    }

    .footerbottom .fimages .fmimages li a img {
        width: 39px !important;
        height: 39px;
        margin-right: -6px;
    }

    .footerbottom p {
        padding: 10px  0 !important;
        width: 100%;
        margin:  0 ;
    }

    span.veligbetallen{
        font-size:12px;
        padding-left  :0  ;
    }

    .subscribe .subscribeform input[type="email"] {
        width: 56%;
        margin-right: 10px;
        padding-right:  0 ;
    }

    .subscribeform button {
        padding-left: 6%;
        font-weight: 600;
        margin-left:  0 ;
    }

    .subscribeform button {
        padding: 0.4em 1em 0.4em 1em;
    }

    .subscribe p.Newsletter {
        width: 100%;
        margin: 15px auto;
        padding: 9px 16px;
    }

    footer .widget li {
        margin-bottom: -11px;
    }

    .footerbottom .fmimages {
        padding: 42px;
        margin: 10px auto 30px auto;
    }

    .logged-in .header-widget-region {
        position: relative;
        top: 46px;
        height:96px;
        margin-bottom: 65px;
    }

    .header-widget-region {
        position: relative;
        top: 59px;
        height:96px;
        margin-bottom: 65px;
    }

    .belowheaderlist {
        display: block;
    }

    .mobile-toggled .mobile-menu.close-drawer {
        position: fixed;
        top: 10px;
        left: 87%;
    }

    .main-navigation ul.menu>li.menu-item-has-children>span.caret {
        top: 17px;
        left: 255px;
    }

    ul#menu-streetstylemenu {
        position: absolute;
        top: 114px;
        left: 27px;
        right:  0 ;
        margin-left:  0 ;
    }

    body .main-navigation ul li {
        margin: -10px  0 ;
        padding:  0 ;
    }

    .mobile-toggled .main-navigation ul.menu ul.sub-menu{
        left:-4px;
    }

    .main-navigation ul.menu>li.menu-item-has-children.dropdown-open>.sub-menu-wrapper {
        border-bottom: 1px solid #eee;
        margin-left: -5px;
    }

    .fcolumn ul > li > a >img {
        width: 90px;
        height: 110px;
    }

    .woocommerce-checkout img.custom-logo {
        left: 44%;
    }

    .flex-viewport {
        height: 400px!important;
        width:381px!important;
    }

    .woocommerce-product-gallery__image img {
        max-height: 400px!important;
        max-width:400px!important;
    }

    .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
        height: 518px;
        width: 400px!important;;
    }

    .product-details-wrapper {
        width: 95%;
        overflow: hidden;
        padding-bottom: 30px;
        margin-bottom:  0 ;
    }

    .mobile-toggled .main-navigation ul.menu ul li a{
        border-color: #dc9814;
        margin-bottom: 20px;
        padding:  0   0 ;
    }

    .mobile-toggled .main-navigation ul.menu ul.sub-menu{
        padding-bottom:20px;
    }

    ul.products li.product:not(.product-category){
        width:100%;
    }

    body ul.products li.product .button {
        width: calc(100% - 30px);
        line-height: 1;
        padding: 13px  0   0   0 ;
        font-size:15px;
    }

    .product .cart .single_add_to_cart_button{
        line-height: 1;
        padding  :0  ;
    }

    .site ul.checkout-bar li span {
        visibility: visible;
    }

    body .woocommerce ul.checkout-bar a{
        font-size  :0  ;
    }

    .woocommerce ul.checkout-bar li:first-child a:after {
        content: "Winkelwagen";
        font-size: 9px;
    }

    .woocommerce ul.checkout-bar li:nth-child(2) a:after {
        content: "Verzending en Afrekenen";
        font-size: 9px;
    }

    .site ul.checkout-bar li{
        font-size  :0  ;
    }

    ul.checkout-bar li:nth-child(3) span:after{
        content: "Bevestiging";
        font-size: 9px;
        font-weight:800;
    }

    .site .checkout-wrap {
        top:50px;
        padding-bottom: 50px;
        margin-bottom:0;
    }

    .site-content {
        position: relative;
    }

    .shoptimizer-archive {
        margin-top:  0 ;
        margin-bottom:280px;

    }

    .single-product .archive-header .woocommerce-breadcrumb{
        padding-top: 50px ;
        margin-top  :0  ;
    }

    body .site {
        font-size: 15px;
        overflow: hidden!important;
    }

    .subscribe {
        width: 100%;
        border-bottom: 1px solid #878b8c;
        padding: 48px  0  48px  0 ;
    }

    .footerbottom {
        margin-top: 39px;
        margin-bottom: 8px;
        padding:  0 ;
    }

    .fimages{
        padding:10px 15px;
    }

    .fcopyright {
        margin:  0   0  -16px  0 ;
        width: 100%;
        padding: 20px  0  25px 6%;
        background-color: #ffffff;
    }

    #page footer .col-full{
        padding:0!important;
    }

    .single-product .site .content-area{
        margin-left:-15px!important;
    }

    ul.checkout-bar{
        top:-90px;
    }

    #page .woocommerce-tabs ,.related-wrapper {
        margin:0 -14px  0  14px;
    }

    .site-main div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
        right: 22.875em;
        top:70px;
    }

    .mobile-toggled .col-full-nav .site-search {
        display: block;
        position: absolute;
        top: 51px;
        left: -93px;
        width: 97%
    }

    .widget_product_search form button[type=submit] {
        position: absolute;
        height: 37px;
        left: 246px;
        top: -1px;
        clip: unset;
        background: #afafafaf;
        color: #00000000;
        padding: 4px;
        background-image: url(https://tender-feistel.94-124-93-44.plesk.page/wp-content/uploads/2022/05/91-919100_search-prism-learning-solutions-search-icon-svg-free-1-2.png)!important;
        background-repeat: no-repeat!important;
        background-position-x: 18px!important;
        background-position-y: 9px!important;
    }

    .site-search form:before{
        display: none;
    }

    .site-search form input[type=search]{
        height: 35px;
    }

    .mobile-toggled .menu-primary-menu-container > ul > li > a {
        color: #fff;
        font-size: 16px;
        line-height: 45px;
    }

    .menu-primary-menu-container .sub-menu a span {
        font-size: 16px;
        line-height: 30px;
    }

    .mobile-toggled .col-full-nav .site-search {
        display: block;
        position: absolute;
        top: 51px;
        left: -93px;
        width: 380px;
    }

    .elementor-14 .elementor-element.elementor-element-27ecc35 img{
        width: 53vw;
        height: auto;
    }

    .mobile-toggled .main-navigation ul.menu ul.sub-menu{
        top:8px;
    }

    .textwidget.custom-html-widget {
        margin  :0  ;
    }

    footer.site-footer{
        padding  :0  ;
        margin:100px  0  -20px  0  ;
    }

    .shoptimizer-sorting.sorting-end {
        margin-bottom: -17em;
    }

    .site-main ul.products{
        margin-bottom:-180px;
    }

    body.single-product .woocommerce-message .message-inner .buttons-wrapper a span {
        border-color: transparent;
    }

    body.single-product .woocommerce-message .message-inner .buttons-wrapper a span:hover {
        opacity: 1;
        border-bottom: 1px solid #ffffff;
    }

    .woocommerce-message .message-inner .buttons-wrapper a{
        outline: none;
    }

    .main-navigation ul.menu li.menu-item-has-children span.caret::after {
        background-color: #fff!important;
    }

    ul.site-header-cart.menu {
        padding: 0 25px 0 0;
        margin-top: -26px;

    }

    .woocommerce-checkout .shoptimizer-archive {
        margin-top: -200px;
    }

    div#primary{
        margin-top:20px;
    }


}