/*
Theme Name:   	Biljartteller Twenty-Three - Storefront Child Theme
Template:     	storefront
Version:      	1.0.0
Text Domain:  	biljartteller
*/
/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans"), local("NotoSans"), url("fonts/noto-sans-v9-latin-regular.woff2") format("woff2"), url("fonts/noto-sans-v9-latin-regular.woff") format("woff");
}
/* noto-sans-700 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: bold;
  font-weight: 700;
  src: local("Noto Sans Bold"), local("NotoSans-Bold"), url("fonts/noto-sans-v9-latin-700.woff2") format("woff2"), url("fonts/noto-sans-v9-latin-700.woff") format("woff");
}
/* piazzolla-regular - latin */
@font-face {
  font-family: 'Piazzolla';
  font-style: normal;
  font-weight: 400;
  src: local(""), url("fonts/piazzolla-v2-latin-regular.woff2") format("woff2"), url("fonts/piazzolla-v2-latin-regular.woff") format("woff");
}
/* piazzolla-italic - latin */
@font-face {
  font-family: 'Piazzolla';
  font-style: italic;
  font-weight: 400;
  src: local(""), url("fonts/piazzolla-v2-latin-italic.woff2") format("woff2"), url("fonts/piazzolla-v2-latin-italic.woff") format("woff");
}
/* COLORS */
/* body -------------------------------------------- */
body {
  font-family: "Noto Sans","Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}
body a:focus,
body .focus a {
  outline: none !important;
}

/* hero banner -------------------------------------------- */
body.home header.site-header {
  margin-bottom: 0 !important;
}

#hero-banner {
  background: #2abc3d;
  background: -moz-linear-gradient(20deg, #045946 0%, #1dc56e 75%);
  background: -webkit-linear-gradient(20deg, #045946 0%, #1dc56e 75%);
  background: linear-gradient(20deg, #045946 0%, #1dc56e 75%);
  width: 100vw;
}
#hero-banner .col-full {
  position: relative;
  overflow: hidden;
}
#hero-banner .slideshow-background {
  width: 100%;
}
#hero-banner .slideshow-background .metaslider {
  margin: 0 0 0 auto;
}
#hero-banner .hero-banner-content {
  color: #fff;
  text-align: center;
  line-height: 1.4em;
  max-width: 30em;
  margin: 0 auto;
}
#hero-banner .hero-banner-content h1 {
  color: #fff;
  font-size: 2.5em;
  margin-top: 1em;
  line-height: 1em;
}
#hero-banner .hero-banner-content div.biljarttellerbox {
  display: none;
}

@media (min-width: 768px) {
  #hero-banner {
    max-height: 600px;
  }

  #hero-banner .hero-banner-content {
    position: absolute;
    z-index: 1;
    top: 1em;
    left: -0.75em;
    width: 40%;
    min-width: 30em;
    max-width: none;
    text-align: left;
    height: 600px;
    margin-top: 2.5vw;
  }
  #hero-banner .hero-banner-content div.biljarttellerbox {
    display: inline;
  }
}
/* frontpage -------------------------------------------- */
body.home div.content-area {
  margin-bottom: 0;
}
body.home div.content-area .site-main {
  padding-top: 4em;
  margin-bottom: 0;
}
body.home div.content-area .hentry {
  margin-bottom: 0;
}
body.home div.content-area aside.entry-taxonomy {
  margin: 0;
  padding: 0;
}
body.home div.content-area .hentry.type-page .entry-header {
  text-align: center;
}
body.home div.content-area .sect-head {
  text-align: center;
}
body.home div.content-area .sect-cont-right table.download-app {
  border: 0;
  border-collapse: collapse;
  width: auto;
  margin: 2em auto;
}
body.home div.content-area .sect-cont-right table.download-app caption {
  padding: 8px;
  caption-side: bottom;
  font-weight: normal;
}
body.home div.content-area .sect-cont-right table.download-app th,
body.home div.content-area .sect-cont-right table.download-app td {
  border: 0;
  border-collapse: collapse;
  padding: 0.25em;
}
body.home div.content-area .sect-cont-right table.download-app th h5,
body.home div.content-area .sect-cont-right table.download-app td h5 {
  background-color: #e62864;
  color: #fff;
  font-weight: bold;
  border-radius: 1em;
  border: 1px solid #e62864;
  float: left;
  padding: 0 0.5em 0.15em;
  font-size: 0.85em;
}
body.home div.content-area .sect-cont-right table.download-app th h4,
body.home div.content-area .sect-cont-right table.download-app td h4 {
  color: #2abc3d;
  float: left;
  margin-bottom: 0;
  line-height: 1em;
  font-size: 1.1em;
}
body.home div.content-area .sect-cont-right table.download-app th h2,
body.home div.content-area .sect-cont-right table.download-app td h2 {
  font-weight: bold;
  line-height: 0.95em;
  font-size: 2.2em;
}
body.home div.content-area .sect-cont-right table.download-app th a img,
body.home div.content-area .sect-cont-right table.download-app td a img {
  width: 50%;
  float: left;
  border-right: 2px solid transparent;
}
body.home div.content-area .sect-cont-left img {
  margin: 0 auto;
}
body.home section.bt-section-grey {
  padding-top: 4em;
  padding-bottom: 4em;
  background: #e7e9e0;
  background: linear-gradient(0deg, #e7e9e0 0%, whitesmoke 100%);
}
body.home section.bt-section-grey .sect-head {
  text-align: center;
}
body.home section.bt-section-grey .metaslider .caption-wrap {
  background: transparent;
  color: #000;
}
body.home section.bt-section-grey .sect-foot {
  text-align: center;
  margin-top: 3em;
}
body.home section.bt-section-grey .sect-cont-left .metaslider {
  margin: 0 auto;
}
body.home section.bt-homepage-product-section {
  margin-top: 4em;
  margin-bottom: 4em;
}
body.home section.bt-homepage-product-section .wc-tabs-wrapper {
  display: none;
}
body.home section.bt-homepage-product-section .sect-head {
  text-align: center;
}
body.home section.bt-homepage-product-section .sect-foot {
  text-align: center;
}
body.home section.section-nieuws-footer {
  background: #2abc3d;
  background: -moz-linear-gradient(20deg, #045946 0%, #1dc56e 75%);
  background: -webkit-linear-gradient(20deg, #045946 0%, #1dc56e 75%);
  background: linear-gradient(20deg, #045946 0%, #1dc56e 75%);
  width: 100vw;
}
body.home section.section-nieuws-footer .section-category {
  display: inline-block;
  width: 100%;
  margin-top: 2em;
  margin-bottom: 2em;
}
body.home section.section-nieuws-footer .section-category .bt-post-item {
  max-width: 324px;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  margin-bottom: 1em;
}
body.home section.section-nieuws-footer .section-category .bt-post-inner {
  padding: 0 1em;
}
body.home section.section-nieuws-footer .section-category .bt-post-inner h3 {
  padding-top: 0.5em;
  line-height: 1.1em;
  letter-spacing: -0.02em;
}

@media (min-width: 768px) {
  body.home main.site-main .sect-cont {
    display: inline-block;
  }
  body.home main.site-main .sect-cont-left {
    width: 50%;
    float: left;
  }
  body.home main.site-main .sect-cont-right {
    width: 45%;
    float: right;
  }
  body.home section.bt-section-grey .sect-cont {
    display: inline-block;
  }
  body.home section.bt-section-grey .sect-cont-right {
    width: 45%;
    float: left;
  }
  body.home section.bt-section-grey .sect-cont-left {
    width: 50%;
    float: right;
  }
  body.home section.section-nieuws-footer .section-category .bt-post-item {
    float: left;
    width: calc(33% - 4px);
    margin-left: 2px;
    margin-right: 2px;
    background: #fff;
  }
  body.home section.section-nieuws-footer .section-category .bt-post-inner {
    min-height: 20em;
  }
}
/* footer -------------------------------------------- */
footer.site-footer {
  background-color: #25211e;
  color: #cac6c3;
}
footer.site-footer a:not(.button):not(.components-button) {
  color: #cac6c3 !important;
  text-decoration: none;
}
footer.site-footer .widget {
  margin: 0 0 1em;
}
footer.site-footer .widget_nav_menu .widget-title {
  color: #fff;
  margin-bottom: 0;
}
footer.site-footer .widget_nav_menu ul {
  border-top: 1px solid #504b47;
}
footer.site-footer .widget_nav_menu ul li::before {
  content: none;
}
footer.site-footer .widget_nav_menu ul li {
  padding-left: 0.5em;
  padding: 0.25em 0.5em;
  margin: 0.25em 0;
  border-bottom: 1px solid #504b47;
}
footer.site-footer .svg-logo {
  max-width: 15em;
  margin: 0 auto;
}
footer.site-footer .app-download {
  width: 100%;
  display: block;
}
footer.site-footer .app-download a {
  display: inline-block;
  width: 48%;
  padding: 1%;
}
footer.site-footer .app-download a img {
  margin: 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

/* -------------------- All Media ---------------------- */
/* --------------- Biljartteller theme ----------------- */
body {
  padding: 0;
  margin: 0;
  width: 100%;
}

@media (min-width: 768px) {
  body.home header.site-header {
    padding-top: 1.5em;
  }
  body.home header.site-header {
    border-bottom: 0;
  }

  .main-navigation ul.menu > li > a,
  .main-navigation ul.nav-menu > li > a {
    padding-top: 0;
    padding-bottom: 0.5em;
    padding-right: 0.5em;
    padding-left: 0.5em;
    border-bottom: 3px solid transparent;
    font-size: 1.1em;
  }

  .main-navigation ul.menu > li.current_page_item > a,
  .main-navigation ul.menu > li > a:hover,
  .main-navigation ul.nav-menu > li > a:hover,
  .main-navigation ul.menu > li > a:active,
  .main-navigation ul.nav-menu > li > a:active {
    color: #2abc3d;
    border-bottom-color: #2abc3d;
    outline: 0;
  }

  .site-header-cart .cart-contents {
    padding-top: 0;
    padding-bottom: 0.5em;
  }

  .site-header .custom-logo-link img {
    width: auto;
  }
}
@media (min-width: 768px) {
  .template-met-sidebar .content-area {
    width: 73.9130434783%;
    float: left;
    margin-right: 4.347826087%;
  }
}
/* Sidebar Menu --------------------------------------------------- */
.sidebar-menu {
  margin-top: 2.5em;
}

.widget .widget-title {
  padding: 0;
  margin-bottom: 0.5em;
  border-bottom: 0;
}

.template-met-sidebar .sidebar-menu ul.menu li::before {
  content: none !important;
}
.template-met-sidebar .sidebar-menu ul.menu li a {
  color: #2abc3d;
  text-decoration: none;
  font-weight: 400;
}
.template-met-sidebar .sidebar-menu ul.menu li a:hover {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .template-met-sidebar .sidebar-menu ul.menu li {
    line-height: 1em;
  }
}