.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:#013e1d ;
}
.tmplt_base_color_text,ul.menu-vertical.tmplt_base_color_text a, .header *,.footer * { 
  color:white ;
}
.tmplt_attention_color { 
  color:#d4a72c ;
}
.tmplt_sales_color,.tmplt_sales_color:hover { 
  background-color:#d4a72c ;
}
.alert-success { 
  background-color:#c96b4b ;
}
.container { 
  max-width:1280px ;
}
 { 
  :1 ;
}
 { 
  :{artfabr} / {fabrikant} ;
}
 { 
  :{amt_articles} artikelen uit {amt_articles_total} ;
}



@font-face {
    font-family: 'Montserrat';
    src: url('https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm45xW5rygbi49c.ttf');
}

* {
    font-family: 'Montserrat';
}


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;
    }
}

/* =========================================
   ENGEL.GOLF - HUISSTIJL
   ========================================= */

/* Aan winkelwagen toevoegen */
.sw-add-to-cart-button {
    background-color: #D4A72C !important;
    color: #ffffff !important;
    border: 2px solid #D4A72C !important;
    border-radius: 6px !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    cursor: pointer;
    transition: all 0.2s ease;
}

.sw-add-to-cart-button:hover,
.sw-add-to-cart-button:focus {
    background-color: #B88E20 !important;
    border-color: #B88E20 !important;
    color: #ffffff !important;
}


/* =========================================
   ENGEL.GOLF - COOKIEMELDING
   ========================================= */

#cookie-message {
    background-color: #194526 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 20px 25px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.18) !important;
    text-align: center !important;
}

#cookie-message button {
    background-color: #D4A72C !important;
    color: #ffffff !important;
    border: 2px solid #D4A72C !important;
    border-radius: 6px !important;
    padding: 8px 22px !important;
    margin-top: 10px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}


/* =========================================
   ENGEL.GOLF - MAATSELECTIE
   ========================================= */

/* Gekozen maat */
.size_select_buttons .active,
.size_select_buttons .selected,
.size_select_buttons button.active,
.size_select_buttons button.selected,
.size_select_buttons input:checked + label {
    background-color: #194526 !important;
    border-color: #194526 !important;
    color: #ffffff !important;
}

/* Hover */
.size_select_buttons button:hover,
.size_select_buttons label:hover {
    background-color: #D4A72C !important;
    border-color: #D4A72C !important;
    color: #ffffff !important;
}


/* =========================================
   ENGEL.GOLF - PRODUCTINFORMATIE
   Merk / artikelnummer / kleur
   ========================================= */

#render_article_detail_here + .col-12.px-0 p {
    margin-top: 24px !important;
    margin-bottom: 0 !important;
    color: #5f665f !important;
    line-height: 1.6 !important;
    font-size: 15px !important;
}


/* =========================================
   ENGEL.GOLF - WINKELWAGENKNOP PRODUCTOVERZICHT
   Desktop + mobiel
   ========================================= */

.article_remaining button {
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    background-color: #D4A72C !important;
    border: 1px solid #D4A72C !important;
    border-radius: 6px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.article_remaining button i {
    color: #ffffff !important;
}


/* =========================================
   ENGEL.GOLF - MOBIELE PRODUCTWEERGAVE
   ========================================= */

@media (max-width: 767px) {

    .article_item {
        height: 290px !important;
        max-height: none !important;
    }

    .article_image_list_container {
        height: 170px !important;
    }

    .article_remaining {
        padding-left: 5px !important;
    }

    #article_baseprice {
        font-size: 1.2rem !important;
        line-height: 1.2 !important;
    }

    .article_remaining button {
        width: 34px !important;
        height: 34px !important;
    }

    .article_remaining button i {
        font-size: 14px !important;
    }
}
.aio_rotated {
    position: absolute;
    top: 10px;
    right: 10px;

    width: 46px;
    height: 46px;
    padding: 0;

    background-color: transparent;
    background-image: url('https://golfstore.webshops.swretail.nl/actie_engel_golf_150kb.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    /* bestaande tekst "Aanbieding" verbergen */
    font-size: 0;
    color: transparent;
    text-shadow: none;

    /* diagonale banner uitschakelen */
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;

    opacity: 1;
    z-index: 5;
}

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