.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:#007bc4 ;
}
.tmplt_sales_color,.tmplt_sales_color:hover { 
  background-color:#aac811 ;
}
.alert-success { 
  background-color:#e6007e ;
}
.container { 
  max-width:1280px ;
}
 { 
  :{artfabr} / {fabrikant} ;
}
 { 
  :{amt_articles} artikelen uit {amt_articles_total} ;
}



@font-face {
    font-family: 'Roboto';
    src: url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5vAx05IsDqlA.ttf');
}

* {
    font-family: 'Roboto';
}


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

#shoplogo img
{
width: 200px !important;
height: auto !important;
}

.hr-divider {
height: 400px;
border: none;
}

.hr-divider-50
{
height: 25px;
border: none;
}

.row-pagina-header
{
margin-bottom: 50px; 
}

.navigationbar
{
background-color: #ffffff !important;
}

p
{
font-size: 18px;
}

.header-home 
{
color: #007bc4;
}

.knop-opmaak
{
width: 100%; 
margin-top: 30px;
margin-bottom: 30px;
text-align: center; 
}

.afspraakknop-home 
{
      display: block;
      padding: 20px;       
      width: 100%; 
      background-color: #aac811; 
      color: #fff !important;
      font-family: 'Roboto';
      font-size: 22px;
      font-weight: 500; 
      border: none; 
      cursor: pointer;
      transition: background-color 0.3s; 
      text-decoration: none;
    }

    .afspraakknop-home:hover 
{
      background-color: #e6007e;
}

.divider-home
{
color: #ffffff;
background-color: #ffffff;
border-top: #ffffff;
}

.cms_content a
{
color: #aac811; 
}

.btn-aanmelden
{
color: #ffffff !important;
}

.btn-aanmelden:hover
{
 background-color: #e6007e;
}

.btn-homebanner
{
background-color: #aac918;
color: #ffffff!important;
padding: 8px 25px 8px 25px;
}

.btn-homebanner:hover
{
color: #ffffff;
background-color: #e50b7e;
}

.btn-homebanner-p
{
margin-bottom: 25px;
}

.aio_rotated
{
background-color: #ec6608; }

.menu-level-0 a, .menu-level-1 > li.menu-item a
{
font-size: 20px;
}

.menu-level-0 a:hover, .menu-level-1 > li.menu-item a:hover 
{
color: #aac811;
}

.figure-winkel {
    position: relative;
    max-width: 100%;
    padding-bottom: 30px; 
  }

  .figure-winkel img.winkel-hover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: contain;
    opacity: 0;
    transition: opacity .2s;
  }

  .figure-winkel:hover img.winkel-hover {
    opacity: 1;
  }

.figure-babyspa {
    position: relative;
    max-width: 100%;
    padding-bottom: 30px; 
  }

  .figure-babyspa img.babyspa-hover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: contain;
    opacity: 0;
    transition: opacity .2s;
  }

  .figure-babyspa:hover img.babyspa-hover {
    opacity: 1;
  }

.figure-fotoshoot {
    position: relative;
    max-width: 100%;
    padding-bottom: 30px; 
  }

  .figure-fotoshoot img.fotoshoot-hover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: contain;
    opacity: 0;
    transition: opacity .2s;
  }

  .figure-fotoshoot:hover img.fotoshoot-hover {
    opacity: 1;
  }

.figure-pretecho {
    position: relative;
    max-width: 100%;
    padding-bottom: 30px; 
  }

  .figure-pretecho img.pretecho-hover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: contain;
    opacity: 0;
    transition: opacity .2s;
  }

  .figure-pretecho:hover img.pretecho-hover {
    opacity: 1;
  }

.headertop 
{
display: none; 
}

.row.manufacturers-grid
{
color: #ffffff !important; }

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