
.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:#ede3d9 ;
}
.tmplt_base_color_text,ul.menu-vertical.tmplt_base_color_text a, .header *,.footer *,.menu-level-0 a { 
  color:#7a4540 ;
}
.tmplt_attention_color { 
  color:#7a4540 ;
}
.tmplt_sales_color,.tmplt_sales_color:hover { 
  background-color:#a88368 ;
}
.alert-success { 
  background-color:#a88368 ;
}
.container { 
  max-width:1280px ;
}
 { 
  :{artfabr} / {fabrikant} ;
}
 { 
  :{amt_articles} artikelen uit {amt_articles_total} ;
}



@font-face {
    font-family: 'Yrsa';
    src: url('https://fonts.gstatic.com/s/yrsa/v6/wlpxgwnQFlxs3af93IQ73W5OcCk.ttf');
}

* {
    font-family: 'Yrsa';
}


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;
    }
}

ul.menu-level-2 li a
{
margin:50px;
}

.footer {
background-color: #EDE3D9
}

.tmplt_base_color_text, ul.menu-vertical.tmplt_base_color_text a, .header *, .footer *, .menu-level-0 a {
    color: #7A4540;
}

.footer ul li, .footer h3, .footer p, .footer a {
    color: #7A4540;
}
.headergrey img
{
height: 100px;
}

.fixed-top
{
position: relative;


font-display: auto;
font-display: block;
font-display: swap;
font-display: fallback;
font-display: optional;

Cache-Control: max-age=86400

img {
  height: auto;
  width: 100%;
}

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

 .menu-item-active > a:first-child{
    font-weight:800;
 }