@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap');


  body {
  font-family: 'Roboto', sans-serif;
  }

  h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
  }

  h1 {
  font-size: 40px;
  }

  h2 {
  font-size: 32px;
  }

  h3 {
  font-size: 28px;
  }

  h4 {
  font-size: 24px;
  }

  h5 {
  font-size: 20px;
  }

  h6 {
  font-size: 16px;
  }

  body {
  font-size: 16px;
  }

  body,
  .product-usps li,
  .stock-message {
  color: #595959;
  }

  h1, h2, h3, h4, h5, h6 {
  color: #595959 !important;
  }

  a,
  .woocommerce ul.products li.product .price,
  .woocommerce .price {
  color: var(--grey) !important;
  }

  a:hover,
  .woocommerce ul.products li.product .price,
  .woocommerce .price,
  .product-usps li i,
  .counter {
  color: var(--pink) !important;
  }

  .btn,
  .wpcf7-submit,
  .woocommerce span.onsale,
  .woocommerce a.button,
  .woocommerce .button,
  [type="submit"],
  .nf-form-content input[type=submit]
  {
  background: var(--grey) !important;
  color: #fff !important;
  }

  .btn:hover,
  .wpcf7-submit:hover,
  .woocommerce span.onsale:hover,
  .woocommerce a.button:hover,
  .woocommerce .button:hover,
  [type="submit"]:hover,
  .nf-form-content input[type=submit]:hover
  {
  background: var(--pink) !important;
  color: #fff !important;
  }

  div.social-media ul li a {
  background: var(--grey) !important;
  color: #fff !important;
  }

  div.social-media ul li a i {
  color: #fff !important;
  }

  div.social-media ul li a:hover {
  background: var(--pink) !important;
  color: #fff !important;
  }
  footer div.social-media ul li a {
  background: var(--grey) !important;
  }

  div.phone a.phone, div.email a.email {
  background: var(--grey) !important;
  color: #fff !important;
  }

  div.phone a.phone, div.email a.email i {
  color: #fff !important;
  }

  div.phone a.phone:hover, div.email a.email:hover {
  background: var(--pink) !important;
  color: #fff !important;
  }

  header button.navbar-toggle {
  color: var(--grey);
  border-color: var(--grey);
  }

  .woocommerce-info,
  .woocommerce-message {
  border-top-color: var(--grey) !important;
  }

  .woocommerce-info::before,
  .woocommerce-message::before {
  color: var(--grey) !important;
  }

  .btn,
  .wpcf7-submit,
  .woocommerce span.onsale,
  .woocommerce a.button,
  .woocommerce .button,
  .modal__container,
  .footer-cta-box,
  .rimg,
  [type="submit"] {
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  }

  .img-responsive {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  }



  header div.header {
  background-color: rgba(255, 255, 255, .5) !important;
  }
  header .sticky_menu_small div.header {
  background-color: rgb(255, 255, 255) !important;
  }

  @media only screen and (max-width : 992px) {
  header nav.navbar-default {
  background: none !important;
  }
  }

  header > div.wrapper {
  display: block;
  position: relative;
  }

  header div.header::after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  }

  header > div.wrapper::after {
  background: url('https://studio-finelines.nl/wp-content/uploads/sites/178/2022/10/header.jpg');
  background-size: cover;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -2;
  }


    header .sticky_menu_small div.header {
    background-color: rgba(43, 43, 43, .7) !important;
    }
    @media only screen and (min-width : 992px) {
  header .wrapper.sticky_menu div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav>li>a {
  color: #ffffff !important;
  }
  }


  @media only screen and (min-width : 992px) {
  body.home header > div.wrapper {
  min-height: 350px;
      min-height: 497px;
    }
  body.home header > div.wrapper.above {
  min-height: 500px;
      min-height: 647px;
    }
  }

  @media only screen and (min-width : 992px) {
  body header > div.wrapper {
  min-height: 225px;
      min-height: 297px;
    }
  body header > div.wrapper.above {
  min-height: 375px;
      min-height: 447px;
    }
  body header > div.wrapper.above::after,
  body header > div.wrapper.above.shadow::before,
  body header > div.wrapper.above_shadow::before {
      top: 222px;
    }
  body header > div.wrapper.sticky_menu .header__content {
      margin-top: 222px;
    }
  }

  @media only screen and (min-width : 992px) {
  header > div.wrapper {
  min-height: 322px;
  }
  header > div.wrapper.above {
  min-height: 472px;
  }

  header div.header div.holder {
  height: 222px;
  }
  }





  nav.navbar-default, div.navbar-collapse {
  background-color: var(--grey); !important;
  }

  @media only screen and (min-width : 992px) {
  
  div.navbar-collapse {
  background: none !important;
  }

  header nav.navbar-default {
  background-color: rgba(10, 0, 0, .5) !important;
  }

  nav.navbar-default div.navbar-collapse ul.navbar-nav>li a:hover {
  background-color: rgba(10, 0, 0, .5) !important;
  -webkit-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.1);
  }

  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:hover,
  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:focus,
  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:active {
  color: var(--grey) !important;
  }
  }


  @media only screen and (min-width : 992px) {
  section.featured div.wrapper {
  margin-top: -100px;
  }
  header>div.wrapper .header__content {
  transform: translate3d(0, -40px, 0);
  }
  }





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

  header div.navbar-collapse ul.navbar-nav li a, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  border-bottom: 1px solid var(--grey);
  }

  @media only screen and (min-width : 992px) {
  header div.navbar-collapse ul.navbar-nav li a, header nav.navbar-default div.navbar-collapse ul.navbar-nav li ul.dropdown-menu li.active > a {
  color: var(--grey) !important;
  }
  }


  header div.header div.contact i {
  color: var(--grey);
  }

  @media only screen and (min-width : 992px) {
  header div.navbar-collapse {
  text-align: right;
  }
  }

  section.featured div.item p,
  section.news div.item p {
  color: #595959 !important;
  }

  section.featured div.item,
  section.news div.item {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  }

  section.partners {
  background: var(--grey) !important;
  }

  section.partners img {
  border-radius: 0 !important;
  }

  footer,
  .footer-cta.center:after,
  .author {
  background: var(--grey) !important;
  }

  footer div.column > h4 {
  border-bottom: 1px solid var(--grey);
  }

  footer div.socket,
  .footer-sticky {
  background: var(--pink) !important;
  }


  section.treatments div.items div.item img {
  border-radius: 100% !important;
  }

  .img-circle {
  border-radius: 100% !important;
  }

  section.treatments div.button-wrap {
  background: #9c7694;
  margin-top: 30px;
  }

  section.treatments div.item a {
  color: #595959 !important;
  }

  section.prices table tr td a {
  color: #595959 !important;
  }

  aside div.block.treatments ul li a,
  .woocommerce .widget_product_categories ul li a,
  .woocommerce .widget_product_categories ul li span {
  color: #595959 !important;
  }

  aside div.block.treatments ul li:hover,
  .woocommerce .widget_product_categories ul li:hover {
  background: var(--grey);
  }

  :root {
--pink: #ed9fbe;
--green: #60aba2;
--grey: #2b2b2b;
}

.home section.treatments div.items div.item img {
   aspect-ratio: 1/1;
  width: auto;
  height: auto;
}

.micromodal-slide[aria-hidden=false] .modal__container {
    background: #2b2b2b;
    color: #fff !important;
}
.micromodal-slide[aria-hidden=false] .modal__container h2 {
    color: #fff !important;
}
.modal__close {
    color: #fff!important;
}


.cell_foto_rechts {
    position: absolute;
    bottom: -40px;
    left: 0px;
    width: 230px;
}
.cell_foto_left {
    width: 430px;
    margin: 0 0 0 auto;
}


.aandacht_blok {
    padding-bottom: 170px !important;
}

.faq-answer {
    display: none;
}
.faq-item {
    border: 1px solid #d9d9d9;
    padding: 5px 15px;
    margin: 7px 0;
}
.faq-question {
  display: flex;
  gap: 1rem;
}
.faq-answer {
    margin-top: 4px;
    border-top: 1px solid #ebebeb;
    padding-top: 9px;
}
.faq-question {
    cursor: pointer;
    font-size: 21px;
}

.single-behandelingen .content h4 {
    margin-top: 2.8em;
}

.klanten_stop {
    background: #2b2b2b17;
    padding: 25px 35px 15px;
    margin-bottom: 25px;
}

.rated-image {
  position: absolute;
  right: 10px;
  bottom: 10px;
  max-width: 200px;
}

.wrapper.dynamic_sticky_menu.sticky_header {
  position: relative;
}

.tattooblok img {
  max-height: 580px;
  object-fit: cover;
}

.ing:hover {
  cursor: pointer;
}

section.contact div.holder div.wrap {
    background: white;
}

.panel-title {
  font-size: 16px;
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing: 0.6px;
}


.home main section::before{
display:none;
}

p.subhead {
    font-size: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ed9fbe!important;
}

section.treatments div.items div.item a span, section.archive.treatments div.items div.treatments div.item a span, section.archive.treatments div.treatments div.item h4, section.archive.treatments div.treatments div.items div.item a span, section.treatments.shortcode div.items div.treatments div.item a span, section.treatments.shortcode div.treatments div.item h4, section.treatments.shortcode div.treatments div.items div.item a span {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 15px;
    text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
    word-break: break-word;
}

.single-behandelingen figure img.img-responsive {
    width: 100%;
}



main section {
    padding: 80px 0!important;
}

div.page-header h1 {
    border-bottom: none!important;
    margin-bottom: 70px!important;
}

section.partners div.item div.holder img {
    max-width: 150px;
}

.bx-pager-item {
    display: inline-block;
    margin: 0 0.5em;
    color: #000;
}
a.bx-pager-link {
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: block;
}
.bx-pager-link.active {
    border-bottom: 1px solid;
}

.single-behandelingen .content .gallery img {
    width: 100%;
    height: 270px !important;
    object-fit: cover;
}


.infoblok {
    position: relative;
    background: var(--grey);
    padding: 25px;
    height: 100%;
}
.infoblok img {
    margin-top: -210px;
    height: 300px;
    object-fit: cover;
    width: 100%;
    object-position: top;
}
header>div.wrapper.shadow:before {
    background: rgb(85 85 85 / 30%);
    top: 0!important;
}

.home section.treatments div.items div.item a span {
    color: #fff!important;
}

.infoblok {
    box-shadow: 15px 15px 0px #cfcfcf;
}

main section {
    position: relative;
}

html, body {
    overflow-x: hidden;
}


@media only screen and (min-width: 992px) {
main section::before {
    background-image: url(/wp-content/uploads/sites/178/2022/10/line-bacl.png);
    opacity: 0.1;
    content: "";
    background-size: contain;
    width: 30%;
    height: 40%;
    position: fixed;
    right: 00;
    background-repeat: no-repeat;
    background-position: right;
    z-index: -1;
}
.home section.treatments div.items .col-xs-24.col-sm-16.col-md-8 {
    width: 33.3333%;
}
.infoblok {
    height: 650px;
}
.infoblok a.btn.btn-primary {
    position: absolute;
    bottom: 0px;
}
.row.equal {
display: flex;
    flex-wrap: wrap;
}
.row.equal > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
.home section.treatments div.items {
    width: 70%;
}
.home section.treatments .container {
    display: flex;
    align-items: center;
    width: 100%;
}
.vertical-align {
display:flex;
align-items:center;
}
header div.header.full-width div.wrapper img.logo:not(header>div.wrapper.sticky_menu.sticky_header div.header.full-width div.wrapper img.logo) {
    position: absolute;
    top: 40px;
    left: 30px;
max-width: 190px;
}
header div.header.full-width div.wrapper img.logo {
    max-width: 129px;
}
main section .container:not(.page-template-template-contact main section .container, .home main section .container, .page-template-front-page main .container) {
    width: 940px;
}
header div.header div.holder {
    height: 122px;
    min-height: 50px;
}
body.home header > div.wrapper {
/*    min-height: 100vh;*/
    min-height: 750px;
}
header div.header.full-width .container {
    width: 98%;
}
header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav>li>a {
    color: #ffffff!important;
    font-size: 17px;
}
header>div.wrapper .header__content {
    transform: translate3d(0, 130px, 0);
}
    header .header__content h1 {
        font-size: 65px;
        line-height: 1;
        margin-bottom: 25px;
    }
header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:hover, header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:focus, header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:active, header .wrapper.sticky_menu div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav>li>a:hover {
    color: var(--pink) !important;
}
.dropdown-menu {
    background-color: var(--grey);
}
header div.navbar-collapse ul.navbar-nav li a, header nav.navbar-default div.navbar-collapse ul.navbar-nav li ul.dropdown-menu li.active > a {
    color: #ffffff !important;
}
nav.navbar-default div.navbar-collapse ul.navbar-nav>li a:hover {
    background-color: rgba(10, 0, 0, 0) !important;
    box-shadow: none!Important;
    color: var(--pink)!important;
}
header nav.navbar-default div.navbar-collapse ul.navbar-nav li ul.dropdown-menu li > a {
    padding: 6px 75px 6px 35px!important;
}
.dropdown-menu {
    padding: 15px 0!important;
}
body header > div.wrapper {
    min-height: 437px;
}
}

header div.header {
    background-color: rgb(255 255 255 / 0%) !important;
}

header > div.wrapper::after {
    background-position: center;
}
header > div.wrapper::before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: rgb(85 85 85 / 30%);
    top: 0!important;
}

@media only screen and (max-width: 991px) {
.cell_foto_left {
    margin: 0 0 190px auto;
}
.single-behandelingen .gallery figure.gallery-item {
    width: 100%;
}
.cell_foto_rechts {
    bottom: -160px!important;
    left: 7px!important;
    width: 200px!important;
}
.rated-image {
  max-width: 100px;
}


main section::before {
    background-image: url(/wp-content/uploads/sites/178/2022/10/line-bacl.png);
    opacity: 0.1;
    content: "";
    background-size: contain;
    width: 100%;
    height: 40%;
    position: fixed;
    right: 00;
    background-repeat: no-repeat;
    background-position: right;
    z-index: -1;
}
section.blokken > div > div > div:nth-child(1) > .infoblok {
    margin-top: 0;
}
header div.navbar-collapse ul.navbar-nav li a, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    text-align: left;
}
header>div.wrapper {
    min-height: 290px;
}
.infoblok {
    margin-top: 180px;
}
.home header>div.wrapper {
    min-height: 390px;
}
header nav.navbar-default div.navbar-header div.wrapper button.navbar-toggle {
    color: #fff!important;
}
}

footer div.socket {
    margin-top: 60px;
}

footer h4::before {
    position: absolute;
    width: 25px;
    height: 1px;
    background: var(--pink);
    display: flex;
    content: "";
    bottom: 3px;
}
footer h4 {
    border-bottom: none!important;
    position: relative;
    margin-bottom: 4px!important;
}


a, .woocommerce ul.products li.product .price, .woocommerce .price {
    color: var(--green) !important;
}
.btn, .wpcf7-submit, .woocommerce span.onsale, .woocommerce a.button, .woocommerce .button, [type="submit"] {
    background: var(--green) !important;
    padding: 13px 30px;
}

body {
    line-height: 1.8;
font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 0.6px;
}

h1,h2,h3,h4,h5,h6 {
margin: 2.75rem 0 1.05rem;
line-height: 1.15;
font-family: 'Prata', serif;
}


p {margin-bottom: 1.15rem;}

.btn {margin:1em 0;}
.cw { color:#fff!important;}
.pdb-0 {padding-bottom: 0!important;}
.pdb-2 {padding-bottom: 2em!important;}
.pdb-4 {padding-bottom: 4em!important;}
.pdt-0 {padding-top: 0!important;}
.pdt-2 {padding-top: 2em!important;}
.pdt-4 {padding-top: 4em!important;}
.pd-0 {padding: 0!important;}
.mt-4 {margin-top: 4em!important;}
.mt-2 {margin-top: 2em!important;}
.mt-1 {margin-top: 1em!important;}
.mt-0 {margin-top: 0!important;}
.mb-0 {margin-bottom: 0em!important;}
.mb-1 {margin-bottom: 1em!important;}
.mb-2 {margin-bottom: 2em!important;}
.mb-4 {margin-bottom: 4em!important;}
.dnone {display:none;}




/*Slider*/


/* Slider Layout & Reset */
body.single-behandelingen .gallery {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE 10+ */
    gap: 0;
    margin: 0;
}

body.single-behandelingen .gallery::-webkit-scrollbar {
    display: none; /* WebKit */
}

body.single-behandelingen .gallery .gallery-item {
    flex: 0 0 33.333%;
    max-width: 33.333%;
    width: 33.333%;
    scroll-snap-align: start;
    margin: 0;
    padding: 0 10px; /* Spacing tussen items */
    box-sizing: border-box;
    float: none; /* Reset WP default */
}

/* Image Uniformity */
body.single-behandelingen .gallery .gallery-icon img {
    width: 100%;
    height: 300px; /* Of gewenste vaste hoogte */
    object-fit: cover;
    display: block;
    border: none;
}

/* Navigation Arrows Styles */
.gallery-slider__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #ddd;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 1;
    color: #333;
    transition: all 0.2s ease;
}

.gallery-slider__nav:hover {
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.gallery-slider__nav--prev {
    left: 10px;
}

.gallery-slider__nav--next {
    right: 10px;
}

/* Responsive Override: 1 item op mobiel */
@media (max-width: 768px) {
    body.single-behandelingen .gallery .gallery-item {
        flex: 0 0 85%;
        max-width: 85%;
        width: 85%;
    }
}