/*
Theme Name: Leuke wereld - Laurel
Template: laurel
Theme URI: http://solopine.com/themes/
Description: A WordPress Theme for Bloggers
Author: Solo Pine Designs
Author URI: http://solopine.com
Version: 1.4.1
Text Domain: laurel
License: Themeforest Licence
License URI: http://themeforest.net/licenses
Tags: featured-images, featured-image-header, custom-colors
*/
/* social */
html,
body {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  background-color: white !important;
  color: black;
  /* --- Links --- */
  /* --- Fonts --- */
  /* Reset */
  /* Styling */
  /* -------------------------------------------------- */
  /* --- Structure --- */
  /* Service navbar */
  /* Header */
  /* Mobile logo */
  /* Footer */
  /* Home */
  /* Archive */
  /* Post */
  /* --- Elements --- */
  /* --- Woocommerce --- */
  /* --- Cookie banner --- */
}

html a,
body a {
  color: #0d6efd;
}

html a:hover,
body a:hover {
  color: #0143a3;
}

html strong,
html b,
html strong *,
html b *,
body strong,
body b,
body strong *,
body b * {
  font-weight: 500;
}

html h1,
html h2,
html h3,
html h4,
html h5,
html h6,
html .post-entry blockquote p,
html .entry-content blockquote p,
html .post-meta .by,
html .post-pagination a,
html .archive-box span,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .post-entry blockquote p,
body .entry-content blockquote p,
body .post-meta .by,
body .post-pagination a,
body .archive-box span {
  font-family: "Amaranth", sans-serif;
  font-weight: 400;
  font-style: normal;
}

html .promo-overlay h4,
html .author-content h5 a,
html .block-heading,
html .post-entry .index-heading,
html .thecomment .comment-text h6.author,
html .thecomment .comment-text h6.author a,
html #respond h3,
html #respond #submit,
html .widget-title,
html .subscribe-box h4,
html #ig-footer h4,
html .archive-box h1,
html input,
html select,
html textarea,
html .slicknav_menu .slicknav_menutxt,
html .woocommerce-checkout h3,
html .woocommerce-account .addresses .title h3,
html .woocommerce-account h2,
html .woocommerce div.product .woocommerce-tabs .panel h2,
html .related.products h2,
html .upsells.products h2,
body .promo-overlay h4,
body .author-content h5 a,
body .block-heading,
body .post-entry .index-heading,
body .thecomment .comment-text h6.author,
body .thecomment .comment-text h6.author a,
body #respond h3,
body #respond #submit,
body .widget-title,
body .subscribe-box h4,
body #ig-footer h4,
body .archive-box h1,
body input,
body select,
body textarea,
body .slicknav_menu .slicknav_menutxt,
body .woocommerce-checkout h3,
body .woocommerce-account .addresses .title h3,
body .woocommerce-account h2,
body .woocommerce div.product .woocommerce-tabs .panel h2,
body .related.products h2,
body .upsells.products h2 {
  font-family: "Roboto", sans-serif;
}

html #show-search input,
body #show-search input {
  font-size: 0.9rem;
  text-transform: uppercase;
  padding-right: 30px;
}

html .feat-overlay h2 a,
body .feat-overlay h2 a {
  font-style: normal;
}

html .post-header h2 a,
html .post-header h1,
body .post-header h2 a,
body .post-header h1 {
  font-style: normal;
}

html .post-header .cat a,
body .post-header .cat a {
  color: #666666;
}

html .post-header .cat a:hover,
body .post-header .cat a:hover {
  color: black;
}

html .wpcf7 p,
body .wpcf7 p {
  font-weight: 500;
}

html .archive-box span,
body .archive-box span {
  font-size: 0.9rem;
  font-family: "Roboto", sans-serif;
}

html .archive-box h1,
body .archive-box h1 {
  font-family: "Amaranth", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: lowercase;
}

html .post-pagination a,
body .post-pagination a {
  font-family: "Amaranth", sans-serif;
  font-weight: 400;
  font-style: normal;
}

html .author-content h5 .about-italic,
body .author-content h5 .about-italic {
  font-family: "Amaranth", sans-serif;
  font-weight: 400;
  font-style: normal;
}

html .item-related h3 a,
body .item-related h3 a {
  font-family: "Amaranth", sans-serif;
  font-weight: 400;
  font-style: normal;
}

html .item-related span.date,
body .item-related span.date {
  font-style: normal;
}

html .pagination a,
body .pagination a {
  color: black;
}

html .pagination a:hover,
body .pagination a:hover {
  color: #666666;
}

html #wrapper,
body #wrapper {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background-color: transparent;
}

html #inner-wrapper,
body #inner-wrapper {
  padding-top: 0;
}

html .wrapper-service-bar,
body .wrapper-service-bar {
  background-color: #222222;
}

html .wrapper-service-bar .service-bar,
body .wrapper-service-bar .service-bar {
  padding: 8px 30px;
}

html .wrapper-service-bar .service-bar #menu-service,
body .wrapper-service-bar .service-bar #menu-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media only screen and (max-width: 576px) {
  html .wrapper-service-bar .service-bar #menu-service,
  body .wrapper-service-bar .service-bar #menu-service {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

html .wrapper-service-bar .service-bar #menu-service .menu-item,
body .wrapper-service-bar .service-bar #menu-service .menu-item {
  margin-left: 20px;
}

@media only screen and (max-width: 576px) {
  html .wrapper-service-bar .service-bar #menu-service .menu-item,
  body .wrapper-service-bar .service-bar #menu-service .menu-item {
    text-align: right;
  }
}

html .wrapper-service-bar .service-bar #menu-service .menu-item a,
html .wrapper-service-bar .service-bar #menu-service .menu-item a:focus,
body .wrapper-service-bar .service-bar #menu-service .menu-item a,
body .wrapper-service-bar .service-bar #menu-service .menu-item a:focus {
  font-size: .8rem;
  color: white;
  letter-spacing: 1px;
  text-transform: uppercase;
}

html .wrapper-service-bar .service-bar #menu-service .menu-item a:hover,
html .wrapper-service-bar .service-bar #menu-service .menu-item a:focus:hover,
body .wrapper-service-bar .service-bar #menu-service .menu-item a:hover,
body .wrapper-service-bar .service-bar #menu-service .menu-item a:focus:hover {
  color: #cccccc;
}

html .wrapper-header,
body .wrapper-header {
  -webkit-box-shadow: 0px -3px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0px -3px 12px rgba(0, 0, 0, 0.1);
  position: -webkit-sticky;
  position: sticky;
  z-index: 9990;
  top: 0;
  background-color: white;
  background-image: -webkit-gradient(linear, left top, right top, from(#9eceb4), color-stop(50%, #9eceb4), color-stop(50%, white), to(white));
  background-image: linear-gradient(90deg, #9eceb4 0%, #9eceb4 50%, white 50%, white 100%);
}

html .wrapper-header #wrapper,
body .wrapper-header #wrapper {
  background-color: white;
  background-image: url(img/leuke-wereld_header.png), linear-gradient(90deg, #9eceb4 0%, #9eceb4 229px, white 229px, white 100%);
  background-repeat: no-repeat;
  background-position: 130px center, 0;
}

@media only screen and (max-width: 766px) {
  html .wrapper-header,
  body .wrapper-header {
    background-image: none;
  }
  html .wrapper-header #wrapper,
  body .wrapper-header #wrapper {
    background-image: none;
  }
}

html #top-bar,
body #top-bar {
  position: relative;
  top: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
}

html #top-bar #logo img,
body #top-bar #logo img {
  max-width: 150px;
}

html #top-bar #navigation,
body #top-bar #navigation {
  max-width: 940px;
}

html #top-bar #navigation #nav-wrapper #menu-top,
body #top-bar #navigation #nav-wrapper #menu-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

html #top-bar #navigation #nav-wrapper #menu-top li,
body #top-bar #navigation #nav-wrapper #menu-top li {
  margin: 0;
}

html #top-bar #navigation #nav-wrapper #menu-top li a,
html #top-bar #navigation #nav-wrapper #menu-top li a:focus,
body #top-bar #navigation #nav-wrapper #menu-top li a,
body #top-bar #navigation #nav-wrapper #menu-top li a:focus {
  color: black;
  font-size: 0.9rem;
  letter-spacing: 1px;
}

html #top-bar #navigation #nav-wrapper #menu-top li a:hover,
html #top-bar #navigation #nav-wrapper #menu-top li a:focus:hover,
body #top-bar #navigation #nav-wrapper #menu-top li a:hover,
body #top-bar #navigation #nav-wrapper #menu-top li a:focus:hover {
  color: #666666;
}

html #top-bar #navigation #nav-wrapper #menu-top li .sub-menu,
body #top-bar #navigation #nav-wrapper #menu-top li .sub-menu {
  border-radius: 0 0 6px 6px;
  overflow: hidden;
}

html #top-bar #navigation #nav-wrapper #menu-top li .sub-menu li a,
html #top-bar #navigation #nav-wrapper #menu-top li .sub-menu li a:focus,
body #top-bar #navigation #nav-wrapper #menu-top li .sub-menu li a,
body #top-bar #navigation #nav-wrapper #menu-top li .sub-menu li a:focus {
  font-size: 0.8rem;
  letter-spacing: 1px;
}

html #top-bar #navigation #nav-wrapper #menu-top li .sub-menu li:last-child,
body #top-bar #navigation #nav-wrapper #menu-top li .sub-menu li:last-child {
  border-bottom: none;
}

@media only screen and (min-width: 767px) {
  html #top-bar #navigation #slick-mobile-menu .slicknav_nav,
  body #top-bar #navigation #slick-mobile-menu .slicknav_nav {
    border-radius: 0 0 6px 6px;
  }
}

html #top-bar #navigation #slick-mobile-menu .slicknav_menutxt,
html #top-bar #navigation #slick-mobile-menu .slicknav_nav a,
body #top-bar #navigation #slick-mobile-menu .slicknav_menutxt,
body #top-bar #navigation #slick-mobile-menu .slicknav_nav a {
  font-size: 0.9rem;
  color: black;
  letter-spacing: 1px;
}

html #top-bar #navigation #slick-mobile-menu .slicknav_menutxt:hover,
html #top-bar #navigation #slick-mobile-menu .slicknav_nav a:hover,
body #top-bar #navigation #slick-mobile-menu .slicknav_menutxt:hover,
body #top-bar #navigation #slick-mobile-menu .slicknav_nav a:hover {
  color: #666666;
}

html #top-bar.sticky,
body #top-bar.sticky {
  position: relative !important;
}

html #top-bar.sticky #logo img,
body #top-bar.sticky #logo img {
  max-width: 120px;
}

html .admin-bar #top-bar,
body .admin-bar #top-bar {
  top: initial;
}

html #top-social a,
body #top-social a {
  font-size: 1rem;
}

html #wrapper-mobile-logo,
body #wrapper-mobile-logo {
  display: none;
  background-color: white;
  background-image: url(img/leuke-wereld_header-sm.png), linear-gradient(90deg, white 0%, white calc(50% - 93px), #9eceb4 calc(50% - 99px), #9eceb4 calc(50% + 99px), white calc(50% + 93px), white 100%);
  background-repeat: no-repeat;
  background-position: center, 0;
}

html #wrapper-mobile-logo #mobile-logo,
body #wrapper-mobile-logo #mobile-logo {
  display: block;
  height: 100px;
  background-color: transparent;
  padding: 12px 0;
  border-bottom: none;
}

@media only screen and (max-width: 766px) {
  html #wrapper-mobile-logo,
  body #wrapper-mobile-logo {
    display: block;
  }
}

html #footer,
body #footer {
  background-color: #f7f7f7;
}

html #footer-navigation,
body #footer-navigation {
  background-color: #222222;
}

@media only screen and (max-width: 576px) {
  html #footer-navigation .sp-col-4,
  body #footer-navigation .sp-col-4 {
    width: 100%;
  }
}

html #footer-navigation .footer-menu,
body #footer-navigation .footer-menu {
  padding: 25px 0;
}

html #footer-navigation .footer-menu h2,
body #footer-navigation .footer-menu h2 {
  color: white;
}

html #footer-navigation .footer-menu .menu-item a,
html #footer-navigation .footer-menu .menu-item a:focus,
body #footer-navigation .footer-menu .menu-item a,
body #footer-navigation .footer-menu .menu-item a:focus {
  font-size: .8rem;
  color: white;
  letter-spacing: 1px;
  text-transform: uppercase;
}

html #footer-navigation .footer-menu .menu-item a:hover,
html #footer-navigation .footer-menu .menu-item a:focus:hover,
body #footer-navigation .footer-menu .menu-item a:hover,
body #footer-navigation .footer-menu .menu-item a:focus:hover {
  color: #cccccc;
}

html #footer-bottom,
body #footer-bottom {
  background-color: black;
  color: white;
}

html #featured-area .feat-item,
body #featured-area .feat-item {
  border-radius: 0 0 6px 6px;
}

html #featured-area .feat-overlay,
body #featured-area .feat-overlay {
  border-radius: 6px 6px 0 0;
}

@media only screen and (max-width: 766px) {
  html #featured-area,
  body #featured-area {
    padding-top: 18px;
  }
  html #featured-area .feat-item,
  body #featured-area .feat-item {
    border-radius: 0;
  }
}

html #promo-area,
body #promo-area {
  background-color: #f7f7f7;
}

html #promo-area .promo-item,
body #promo-area .promo-item {
  border-radius: 6px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

html #promo-area .promo-item .promo-overlay h4,
body #promo-area .promo-item .promo-overlay h4 {
  font-size: 0.8rem;
}

html .grid .grid-item .post-img,
body .grid .grid-item .post-img {
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}

html .grid .grid-item .post-img img,
body .grid .grid-item .post-img img {
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}

html .archive-box-wrapper,
body .archive-box-wrapper {
  background-color: transparent;
}

html .archive-box-wrapper .archive-box,
body .archive-box-wrapper .archive-box {
  padding-bottom: 20px;
  background-color: transparent;
  border: none;
}

html .archive-box-wrapper .archive-box h1,
body .archive-box-wrapper .archive-box h1 {
  border-bottom: 1px solid #e8e8e8;
  padding: 0 20px 20px;
}

html .post-layout .post-meta .share a,
body .post-layout .post-meta .share a {
  font-size: 24px;
  color: black;
}

html .post-layout .post-meta .share a:hover,
body .post-layout .post-meta .share a:hover {
  color: #666666;
}

html .post-related .item-related img,
body .post-related .item-related img {
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
}

html .post-entry .read-more,
html .read-more,
html .feat-read-more a,
body .post-entry .read-more,
body .read-more,
body .feat-read-more a {
  background-color: #9eceb4;
  font-size: 0.8rem;
  letter-spacing: 1px;
  line-height: inherit;
  color: white;
}

html .post-entry .read-more:hover,
html .read-more:hover,
html .feat-read-more a:hover,
body .post-entry .read-more:hover,
body .read-more:hover,
body .feat-read-more a:hover {
  background-color: #5aac80;
  color: white;
}

html p,
body p {
  font-size: 1rem;
  line-height: 1.5;
}

html .feat-overlay p,
html .is-excerpt p,
body .feat-overlay p,
body .is-excerpt p {
  font-size: 1rem;
  color: #666666;
  line-height: 1.5;
}

html a .fa-facebook,
body a .fa-facebook {
  color: #3b5998;
}

html a .fa-facebook:hover,
body a .fa-facebook:hover {
  color: #2d4373;
}

html a .fa-pinterest,
body a .fa-pinterest {
  color: #e60023;
}

html a .fa-pinterest:hover,
body a .fa-pinterest:hover {
  color: #b3001b;
}

html a .fa-whatsapp,
body a .fa-whatsapp {
  color: #25d366;
}

html a .fa-whatsapp:hover,
body a .fa-whatsapp:hover {
  color: #1da851;
}

html a .fa-instagram,
body a .fa-instagram {
  color: black;
}

html a .fa-instagram:hover,
body a .fa-instagram:hover {
  color: #666666;
}

html a .fa-linkedin,
body a .fa-linkedin {
  color: #0077b5;
}

html a .fa-linkedin:hover,
body a .fa-linkedin:hover {
  color: #005582;
}

html a .fa-twitter,
body a .fa-twitter {
  color: #1da1f2;
}

html a .fa-twitter:hover,
body a .fa-twitter:hover {
  color: #0c85d0;
}

html .woocommerce ul.products li.product,
body .woocommerce ul.products li.product {
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}

html .woocommerce ul.products li.product img,
body .woocommerce ul.products li.product img {
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}

html .woocommerce #respond input#submit.alt,
html .woocommerce a.button.alt,
html .woocommerce button.button.alt,
html .woocommerce input.button.alt,
body .woocommerce #respond input#submit.alt,
body .woocommerce a.button.alt,
body .woocommerce button.button.alt,
body .woocommerce input.button.alt {
  border-radius: 40px;
}

html .cart-contents .sp-count,
body .cart-contents .sp-count {
  background-color: #9eceb4;
}

html #cookie-notice,
body #cookie-notice {
  font-size: .9rem;
  font-family: inherit;
}

html #cookie-notice .cookie-notice-container,
body #cookie-notice .cookie-notice-container {
  text-align: left;
}

html #cookie-notice .cookie-notice-container .cn-button,
body #cookie-notice .cookie-notice-container .cn-button {
  font-family: inherit;
  margin: 0 10px 10px 0;
  background-color: #9eceb4;
  border-radius: 40px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

html #cookie-notice .cookie-notice-container .cn-button:hover,
body #cookie-notice .cookie-notice-container .cn-button:hover {
  background-color: #5aac80;
}

html #cookie-notice .cookie-notice-container .cn-more-info,
body #cookie-notice .cookie-notice-container .cn-more-info {
  background-color: transparent;
}

html #cookie-notice .cookie-notice-container .cn-more-info:hover,
body #cookie-notice .cookie-notice-container .cn-more-info:hover {
  background-color: transparent;
}
/*# sourceMappingURL=style.css.map */