/* 
Theme Name: Moods 
Text Domain: Moods
Version: 1.0
Description: Bekijk hier de thema voor de moods website van Leoprinting
Tags: responsive, clean
Author: Leoprinting
Author URI: https://www.leoprinting.nl/
*/

body {
    margin: 0;
    padding: 0;
    font-family: regular;
  }
  .header {
    color: black;
    text-align: center;
    font-family: header;
    font-size: 65px;
    margin-top: 5%;
    margin-bottom: 3%;
  }
  .bold{
    font-weight: bold;
  }
  .Rights{
      font-size: smaller;
}
.hidden{
    display: '  ';
}
  /* begin landpage */
  /* begin navbar css */
  
  .navbar {
    width: 100%;
    position: fixed !important;
    top: 0;
  }
  nav {
    z-index: 100;
  }
  .bg-light {
    background-color: white !important;
  }
  .navbar-nav {
    width: 100%;
    margin-top: 7px;
  }
  .nav-link {
    color: #111 !important;
    margin: 0 0.35em;
    font-size: 12px;
  }
  .nav-link:hover {
    color: blue !important;
    transition: 0.4s ease;
  }
  .landpage__contact-btn {
    background: #434343;
    padding: 6px 23px !important;
    color: white !important;
    border-radius: 20px;
    margin-top: 3px;
  }
  .navbar-brand img {
    width: 100px;
    padding: 0px;
  }
  
  .current {
    color: blue !important;
  }
  
  /* end navbar css */
  #landpage {
    width: 100%;
    height: 90vh;
    background: linear-gradient(
        168deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 1) 19%,
        rgba(255, 255, 255, 0.1407913507199755) 99%,
        rgba(255, 255, 255, 0.8074580173866421) 100%
      ),
      url("img/homepage.png");
  
    background-position: center;
    background-size: cover;
  }
  
  .landpage__titel {
    margin-top: 20%;
  }
  .landpage__titel h4 {
    font-size: 16px;
    margin-bottom: 35px;
  }
  .landpage__titel h1 {
    font-size: 40px;
    margin-bottom: 14px;
  }
  .landpage__titel p {
    font-size: 14px;
    margin-bottom: 50px;
  }
  .landpage__titel h6 a {
    color: black;
    padding: 6px 30px;
    border: 2px solid black;
    border-radius: 10px;
    font-size: 13px;
    transition-timing-function: ease;
    transition: 0.2s;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  .landpage__titel h6 a:hover {
    text-decoration: none;
    color: white;
    border: 2px solid #434343;
    background-color: #434343;
  }
  /* end landpage */
  /* begin assortiment */
  #assortiment {
    margin-top: 3%;
  }

  .assortiment__line {
    width: 250px;
    margin: 0 auto;
    border-bottom: 1.2px solid black;
    margin-top: -5px;
  }
  #assortiment p {
    text-align: center;
    font-size: 20px;
  }
  .assortiment__tagline {
    background: #fe6665;
    border: 1px solid #fe6665;
    padding: 8px 12px;
    font-size: 13px;
    color: white;
    margin: 0 auto;
    width: 115px;
    border-radius: 5px;
  
    margin-top: 20px;
  }
  .assortiment__products {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1em;
  }
  .assortiment__products div a:hover {
    text-decoration: none;
  }
  .assortiment__products div a p:hover {
    text-decoration: none;
    border: 2px solid #23b14d;
    background: #23b14d;
    color: white;
    font-family: bold;
  
  }
  .assortiment__products div img {
    width: 355px;
  }
  .assortiment__products div {
    text-align: center;
  }
  .assortiment__products div p {
    font-size: 14px!important;
    padding: 5px 10px;
    margin: 0 auto;
    width: 342px;
    border-radius: 5px;
  
    transform: ease;
    border: 2px solid #23b14d;
    transition: 0.35s;
    background: white;
    border: 2px solid #23b14d;
    color: #23b14d;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  
  }
  /* end assortiment */
  /* begin merken */
  #merken {
    margin-top: 3%;
  }
  
  #merken h2 {
    font-size: 20px;
    text-align: center;
  }
  .merken__line {
    border-bottom: 1.3px solid #111;
    width: 390px;
    margin: 15px auto 30px;
  }
  .slider {
    margin: 0 auto;
    width: 100%;
  }
  #metaslider-id-22 {
    margin: 0 auto !important;
  }
  .slides {
    display: inline-block;
    height: 100%;
  }
  .slides li {
    margin: 0 auto;
    vertical-align: middle;
  }
  
  /* end merken */
  /* begin moods  */
  .moods__title {
    text-align: center;
    margin-top: 11%;
  }
  .moods__title h2 {
    font-size: 22px;
  }
  .moods__title p {
    margin-top: 10px;
    font-size: 14px;
  }
  .moods__countup h3 {
    color: #fe6665;
  }
  .moods__countup h3 div {
    font-size: 40px !important;
    margin-bottom: -5px;
  }
  .moods__countup img {
    width: 48px;
    margin-top: 5px;
  }
  .moods__countup {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-grow: 4;
    margin-top: 9%;
  }
  .moods__countup div {
    margin: 0 2%;
    text-align: center;
  }
  /* end moods */
  /* begin promo */
  #promo {
      border-top: 1.5px solid black;
    padding: 35px 0px;
    margin-top: 3%;
  }
  .promo__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.5em;
  }
  .promo__info {
    grid-column: 1/3;
  }
  .promo__info h2 {
    margin-bottom: 20px;
    font-size: 23px;
  }
  .promo__info p {
    font-size: 14px;
    line-height: 28px;
  }
  .promo__mail a {
    color: black;
    border: 1.8px solid white;
    border-radius: 8px;
    padding: 6.5px 17px;
    transition: ease 0.4s;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  .promo__mail a:hover {
    color: white;
    text-decoration: none;
    background-color: black;
    border: 1.8px solid black;
  }
  /* end promo */
  /* begin footer */
  #footer {
    background: #3a3a3a;
    color: white;
    padding: 1.5% 0;
  }
  .footer__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 4em;
  }
  .footer__grid-1 img {
  }
  .footer__grid a:hover {
    color: white;
    text-decoration: none;
  }
  .footer__grid a {
    color: white;
  }
  .footer__grid-1 p {
    font-size: 12px;
    margin-bottom: 30px;
  }
  .fa-facebook-square {
    color: white;
    font-size: 25px;
    margin-right: 0.3em;
  }
  .fa-instagram-square {
    color: white;
    font-size: 25px;
    margin-left: 0.3em;
  }
  .footer__grid-2 h3 {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .footer__grid-2 a {
    margin: 12px 0px;
    font-size: 12px;
    font-weight: 300;
  }
  .footer__grid-3 h3 {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .footer__grid-3 a {
    margin: 12px 0px;
    font-size: 12px;
    font-weight: 300;
  }
  
  /* begin copyright */
  #copyright {
    text-align: center;
    padding: 1% 0;
    color: white;
    background: #3a3a3a;
    border-top: 1.5px solid rgb(77, 77, 77, 06);
  }
  #copyright p {
    margin: 0;
  }
  /* end copyright */
  /* end footer */
/* begin about */
  #landpage__about {
    margin-top: 6%;
  }
  .landpage__about-onstaan-cijver {
    position: absolute;
    z-index: -1;
  }
  .landpage__about-onstaan-cijver h2 {
    color: rgb(78, 78, 78, 0.07);
    font-size: 70px;
  }
  .landpage__about-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.5em;
    margin-top: 3.5%;
  }
  .landpage__about-grid-right img {
    width: 500px;
  }
  .landpage__about-grid-left div h3 {
    font-size: 23px;
    margin-bottom: 10px;
  }
  .landpage__about-grid-left div h5 {
    font-size: 15px;
    margin-top: 10px;
  }
  .landpage__about-grid-left div p {
    font-size: 12px;
    margin-top: -7px;
    line-height: 22px;
  }
  .landpage__about-onstaan-line {
    border-bottom: 1.5px solid blue;
    width: 100px;
    margin: 1% auto 2%;
  }
  .landpage__about-onstaan-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 4em;
    grid-column-gap: 2em;
    margin-top: 7%;
  }
  .landpage__about-onstaan-grid div h4 {
    font-size: 18px;
    margin-bottom: 35px;
  }
  .landpage__about-onstaan-grid h2 {
    margin-top: -55px;
  }
  .landpage__about-onstaan-grid div p {
    font-size: 12px;
    line-height: 23px;
  }
  
  .landpage__about-keuze h3 {
    font-size: 22px;
  }
  .landpage__about-keuze p {
    font-size: 12px;
    line-height: 22px;
  }  
  /* end about */
  /* begin assortiment */
  
.landpage__assortiment-line {
    width: 100%;
    border-bottom: 1.7px solid black;
    margin: 3% 0;
  }
  .landpage__assortiment-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2em;
  }
  .landpage__assortiment-grid-img img {
    width: 100%;
    margin: 0 auto;
  }
  .landpage__assortiment-head h4 {
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 10px;
  }
  .landpage__assortiment-head p {
    font-size: 12px;
    line-height: 24px;
  }
  .landpage__assortiment-grid h4 {
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 10px;
  }
  .landpage__assortiment-grid h5 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .landpage__assortiment-grid p {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 15px;
  }
  .landpage__assortiment-grid h6 {
    font-size: 14px;
    margin-top: 15px;
  }
  .landpage__assortiment-grid ul li {
    font-size: 12px;
    line-height: 21px;
  }
  .landpage__assortiment-grid ul {
    margin-top: 10px;
  }
  
  /* end assortiment */
  /* begin portfolio */
  


.landpage__portfolio-line{
    width: 100%;
    border-bottom: 1.7px solid black;
    margin: 3% 0;
}
.landpage__portfolio-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2em;
}
.landpage__portfolio-grid-img img{
    width: 100%;
    margin: 0 auto;
}
.landpage__portfolio-head h4{
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 10px;
}
.landpage__portfolio-head p{
    font-size: 12px;
    line-height: 24px;
}
.landpage__portfolio-grid h4{
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 10px;

}
.landpage__portfolio-grid h5{
    font-size: 18px;
    margin-bottom: 15px;
}
.landpage__portfolio-grid p{
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 15px;
}
.landpage__portfolio-grid h6{
    font-size: 14px;
    margin-top: 15px;
}
.landpage__portfolio-grid ul li{
    font-size: 12px;
    line-height: 21px;
}
.landpage__portfolio-grid ul{
    margin-top: 10px;

}


/* end landpage */
/* begin slider  */
.landpage__portfolio-merken h2{
text-align: center;
margin-bottom: 3%;
font-size: 27px;
}
/* end slider */
/* begin contact promo */


#contact_promo{
    background: #f4f4f6;
    padding: 5% 0;
    text-align: center;
    margin-top: 10%;
}
#contact_promo h3{
    font-size: 28px;
    margin-bottom: 15px;
}
#contact_promo p{
    font-size: 16px;
    margin-bottom: 35px;
}
#contact_promo a{
    color: black;
    text-decoration: none;
    padding: 7px 35px;
    border: 2px solid black;
    border-radius: 7px;
    transition: ease .4s;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
#contact_promo a:hover{
    color: white;
    background: #212121;
    border: 2px solid black;
    text-decoration: none;

}


/* end contact promo */
   /* end portfolio */


   /* begin verkooppunten */
   
.landpage__verkooppunten-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2.5em;
    margin-bottom: 2.5%;
  }
  /* .verkooppunten__teddy-link {
    margin-top: 3.75em;
  }
  .verkooppunten__bol-link {
    margin-top: 4.4em;
  } */
  .landpage__verkooppunten-grid-left {
    grid-column: 1/3;
  }
  .landpage__verkooppunten-grid-left h4 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .landpage__verkooppunten-grid-left p {
    font-size: 13px;
    line-height: 21px;
  }
  .landpage__verkooppunten-grid-right {
    background: #434343;
    color: white;
    padding: 13px;
    border-radius: 8px;
    text-align: center;
    height: 170px;
  }
  .landpage__verkooppunten-grid-right p {
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 35px;
    text-align: left;
  }
  .landpage__verkooppunten-grid-right a {
    padding: 8px 25px;
    background: #23b04d;
    color: white;
    text-decoration: none;
    border: 2px solid white;
    letter-spacing: 1.5px;
    border-radius: 8px;
    transition: ease 0.4s;
  }
  .landpage__verkooppunten-grid-right a:hover {
    color: #23b04d;
    background: white;
    border: 2px solid #23b04d;
    text-decoration: none;
  }
  .landoage__verkooppunten-line {
    width: 100%;
    border-bottom: 1.5px solid black;
    margin: 5% 0 7.5%;
  }
  .landpage__verkooppunten-bedrijven-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2em;
  }
  .landpage__verkooppunten-bedrijven-grid img {
    width: 300px;
    margin-bottom: 28px;
  }
  
  .landpage__verkooppunten-bedrijven-grid p {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px;
  }
  .landpage__verkooppunten-bedrijven-grid ul li {
    font-size: 13px;
    line-height: 30px;
  }
  .landpage__verkooppunten-bedrijven-grid ul {
    margin-bottom: 45px;
    margin-top: 20px;
  }
  .teddy-text{
    margin-top: 13px;
  }
  .bol-text{
    margin-top: 20px;
  }
  .landpage__verkooppunten-bedrijven-grid a {
    color: black;
    text-decoration: none;
    border: 1.7px solid black;
    padding: 8px 30px;
    border-radius: 8px;
    font-size: 12px;
    transition: ease 0.4s;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  
  }
  .landpage__verkooppunten-bedrijven-grid-leoprinting-link {
    text-align: center;
  }
  .landpage__verkooppunten-bedrijven-grid a:hover {
    text-decoration: none;
    color: white;
    background: black;
    border: 1.7px solid white;
  }
  
  /* end landpage */
  /* begin slider  */
  .landpage__portfolio-merken h2 {
    text-align: center;
    margin-bottom: 3%;
    font-size: 27px;
  }
  /* end slider */
    /* end verkooppunten */
    /* begin contact */
    

.landpage__contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2em;
    margin-top: 2%;
  }
  .landpage__contact-grid h4 {
    font-size: 20px;
  }
  .landpage__contact-grid p {
    font-size: 13px;
  }
  .landpage__contact-line {
    width: 100%;
    border-bottom: 1.3px solid black;
    margin: 3% 0;
  }
  .landpage__contact-grid-form p {
    margin-top: 0px;
  }
  .landpage__contact-grid-info .first {
    margin-top: 20px;
  }
  label {
    font-family: bold;
    font-size: 12px;
    margin-top: 15px;
  }
  label::after{
    content: ' *';
    color: #fe6665;
  }
  
  input[type="text"] {
    width: 90%;
    border: 1px solid #0000003d;
  }
  input[type="email"] {
    width: 90%;
    border: 1px solid #0000003d;
  
  }
  textarea {
    border: 1px solid #0000003d;
    width: 90%;
  }
  #wpcf7-f113-o1 textarea {
	width: 95%;
  }
  .landpage__contact-grid-info p {
    margin-top: -12px;
  }
  .landpage__contact-grid-info p a {
    color: black;
  }
  .landpage__contact-grid-info p a:hover {
    color: black;
    text-decoration: none;
  }
  .send_mail {
    background: #434343;
    padding: 6px 23px !important;
    color: white !important;
    border-radius: 20px;
    margin-top: 20px;
    font-size: 12px;
    transition: ease 0.4s;
    border: 1.6px solid black;
  }
  .send_mail:hover {
    color: #434343 !important;
    font-family: bold;
    background: white;
    border: 1.6px solid #434343;
  }
  /* end landpage */
  /* begin slider  */
  .landpage__portfolio-merken h2 {
    text-align: center;
    margin-bottom: 3%;
    font-size: 27px;
  }
  /* end slider */
    /* end contact */
    #contact_promo{
        margin-bottom: -3%;
    }