.facebook {
    background: #3B5998;
    color: white;
}

.twitter {
    background: #55ACEE;
    color: white;
}

.google {
    background: #dd4b39;
    color: white;
}

.linkedin {
    background: #007bb5;
    color: white;
}
.youtube {
    background: #bb0000;
    color: white;
}

.instagram {
    background:#c82828;
    color: white;
}

.pinterest {
    background:#a26e59;
    color: white;
}

.icon-bar i {
    color:white;
}

.icon-bar {
    position: fixed;
    right:0px;
    top: 30%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index:999;
}


.icon-bar a {
    display: block;
    text-align: center;
    padding: 9px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
}

/* Style the social media icons with color, if you want */
.icon-bar a:hover {
    background-color: #000;
}

@media (max-width: 767px) {
    .icon-bar {
        top: 50%;
    }
}

.alert-success {
    color: rgba(0,0,0,0.7);
    border: 2px solid rgba(0,0,0, 0.05);
}

.tmplt_sales_color {
    border-color: rgba(0,0,0,0.1);
    color:rgba(0,0,0,0.7);
}
.tmplt_sales_color:hover {
    filter: brightness(85%);
    color:rgba(0,0,0,1);
}



.tmplt_base_color { 
  background-color:#f9f9f9 ;
}
.tmplt_base_color_text,ul.menu-vertical.tmplt_base_color_text a,.tmplt_base_color_text .fas, .header *,.footer *,.menu-level-0 a { 
  color:#5b5b5b ;
}
.tmplt_attention_color { 
  color:#8e7cc3 ;
}
.tmplt_sales_color,.tmplt_sales_color:hover { 
  background-color:#8fce00 ;
}
.alert-success { 
  background-color:#2986cc ;
}
.container { 
  max-width:1280px ;
}
 { 
  :{artfabr} / {fabrikant} ;
}
 { 
  :{amt_articles} artikelen uit {amt_articles_total} ;
}



@font-face {
    font-family: 'Abhaya Libre';
    src: url('https://fonts.gstatic.com/s/abhayalibre/v6/e3tmeuGtX-Co5MNzeAOqinEge0PWovdU4w.ttf');
}

* {
    font-family: 'Abhaya Libre';
}


button:disabled {
     background-color:rgba(25, 25, 25, 0.3);
}

button:disabled:hover {
    background-color:rgba(25, 25, 25, 0.3);
}

button.selected {
    background-color:rgba(25,255,255,0.3);
}


@media (min-width: 0px) and (max-width: 45em ) {
    #sw_menu * {
        color:#000;
    }
}

.has-cms-content * {
    color:#000;
}

.has-cms-content a  {
    color:#000;
    text-decoration: underline;
}

/* menu styler */
@media (min-width:768px) {
    ul.menu-fat-sublevel1 ul.menu-level-1 > li > a {
        font-weight: 800;
    }

    ul.menu-margin-level2 ul.menu-level-2 {
        margin-left: 50px;
    }
}

.cms_content a {
    background-color: #3c92ee;
    color: #ffffff;
}

figure img {
height:250px;
}

@media (min-width: 768px) {
    .menu-level-1 img {
        text-align: auto;
        width: 70px;
    }
}

@media screen and (max-width: 767px) {
    .navigationbar .main-navigation .menu-level-1 > li > a > img {
        width: 60px;
    }
}


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

.image-button {
    padding-bottom: 2rem;
    margin-top: 0;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    width: auto;
}


.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    box-shadow:  20px 14px 10px 1px rgba(0, 0, 0, 0.1);/* Subtiele schaduw */
}
img.col-12.auto_categories_image {
    max-height: 100% !important;
}

@media (min-width: 768px) {
    .menu-level-1 > li {
        display: block;
        float: left;
        padding: 10px;
        display: inline-flex !important;
        float: none !important;
    }
}

#shoplogo img {
    max-width: 300px;
    height: 100px;
}



@media (min-width: 326px) and (max-width: 576px) {
    .article_content_list h3, #article_original_price {
        font-size: larger;
    }
}

@media (min-width: 768px) {
    .article_content_list h3, #article_original_price {
        font-size: .8rem;
        font-size: large;
    }
}

.article_header p {
    font-size: large;
}


img#\39 3 {
    height: auto;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    /* display: block; */
    position: static;
}

.article_image_detail > img {
    width: auto;
}





.css_id_2632 {
    background: url(/2-chatgpt_image_9_mei_2025_10_43_02.png) #eeeeee 0 0 no-repeat;
      background-size: 40% !important;
    background-repeat: no-repeat;
    background-position: center 40% !important;
    height: 300 !important;
    overflow: hidden;
}





 .menu-item-active > a:first-child{
    font-weight:800;
 }