/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/* SCROLLBAR */

/* :root {
  --blue: #32316a;
  --orange: #f66304;
  --white: #ffffff;
} */

/* .hero-section-overlay {
  background-color: rgba(0, 0, 0, 0.5);
} */

/*header */
.heroTitle {
  text-transform: uppercase;
  font-size: 2.5rem;
  color: #ffffff !important;
}

.heroText {
  text-shadow: 1px 1px 2px #000000;
  text-transform: uppercase;
}

.heroText .kt-highlight {
  text-shadow: none !important;
  opacity: 0.8;
}

/* header */
.site-main-header-inner-wrap {
  max-height: 130px !important;
}

.site-header-top-section-right .site-header-item .header-contact-wrap {
  background-color: var(--global-palette1) !important;
  padding: 0 0.5rem;
  font-weight: 600;
  text-transform: uppercase;
}

.hero-container {
  margin-top: 15rem !important;
}
.entry-hero-container-inner .entry-header {
  min-height: 0 !important;
}

.site-container header {
  background-color: var(--global-palette1);
  max-width: 38rem;
  padding: 1rem 1.5rem;
  margin-top: 1rem;
  opacity: 0.85;
}
.entry-title {
  text-transform: uppercase;
}
.kadence-breadcrumbs {
  margin: 0 !important;
}

.site-header-section-right .site-header-item {
  margin-right: 0px !important;
}

.site-header-top-section-right .site-header-item #secondary-navigation a {
  padding: 0 0.5rem;
  color: var(--white) !important;
}

.site-header-top-section-right .site-header-item #secondary-navigation a:hover {
  color: #f66304 !important;
  opacity: 1;
}

.header-button {
  background-color: none !important;
  border-radius: inherit !important;
  padding: 0.5rem 1.5rem !important;
  clip-path: polygon(15px 0, 100% 0, 90% 100%, 0% 100%);
}

/* Products cards*/

/* .products-card {
  /* background-position: right 35% bottom 45%;
  background-size: cover;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.2);
  background-image: url("/wp-content/themes/kadence-child/img/heading-separator-small.png");
  max-width: 380px;
  transition: 0.5s all ease-in-out;
  max-height: 385px;
  height: 365px;
}  */

/* .products-card .kt-inside-inner-col {
  max-width: 380px;
} */

.product-card-2 {
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
  transition: 0.3s all !important;
}

.product-card-2:hover {
  box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.35);
  transform: translateX(10px);
}

.product-card-2 h2 {
  width: max-content;
  background: rgba(255, 255, 255, 0.9) !important;
  min-width: 250px;
  text-align: center;
  font-size: 20px;
}

.products-card-2-text {
  margin-top: -50px;
  min-height: 250px !important;
  background-image: url("/wp-content/themes/kadence-child/img/corner.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 90px;
}

.product-boxes-row-2 .product-card-2 {
  /* max-width: 30%; */
}

.subproduct-box {
  background-image: url("/wp-content/themes/kadence-child/img/corner-subservice.svg");
  background-color: var(--global-palette1);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 70px;
  transition: 0.3s all;
}

.subproduct-box:hover {
  box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.35);
  transform: translateY(-10px);
}

.subproduct-box h3 {
  color: #fff !important;
}

/* .products-card:hover,
.plaatSectionUl:hover {
  transform: scale(1);
  box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.4);
}

.products__card-overlay {
  transition: 0.5s all ease-in-out;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0%;
  background-color: var(--global-palette1) !important;
}
.products__card-overlay:hover {
  opacity: 1;
} */

.achterCard {
  position: relative;
  z-index: -1;
  max-width: 40rem;
}

.card-title {
  opacity: 0.8;
  margin-top: -1.5rem !important;
  border-radius: 8px !important;
}

.history__block .kt-inside-inner-col p {
  margin-bottom: 0.5rem !important;
}

/* slider */

.kb-splide .splide__arrow {
  background-color: #f66304;
  color: #ffffff;
  padding: 0.5rem;
  opacity: 0.85;
  /* margin: 0.5rem; remove margin */
}

.kb-splide .splide__arrow:hover {
  opacity: 1;
  padding: 0.5rem;
}

/* BUTTONS */
.kb-button:hover,
.button:hover,
.kt-blocks-post-readmore:hover,
#main-header .header-button {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

/* POSTS */

.kt-blocks-post-footer {
  border: none !important;
}

/* FOOTER */

.site-bottom-footer-inner-wrap .widget {
  margin-bottom: 0px !important;
}

/* .footer-cols .wp-block-page-list {
  margin: 10px !important;
  list-style-image: url("/wp-content/themes/kadence-child/img/arrow-right.svg");
}

.footer-cols .wp-block-pages-list__item::marker {
  font-size: 3px !important;
}

.footer-cols .wp-block-pages-list__item__link {
  text-decoration: none;
} */

/* HistoryInfo */
.historyTitle .kt-inside-inner-col h3 {
  position: absolute;
  background-color: var(--global-palette1) !important;
  padding: 32px 16px 32px 16px;
  right: -48px;
  top: -120px;
  max-width: 28rem;
}

.historyTitle .kt-inside-inner-col strong {
  font-weight: 600;
  line-height: normal;
  color: var(--white);
}

/* SEARCH */

.search-results .entry-hero-container-inner {
  background-image: url("/wp-content/uploads/2024/02/benjamin-wedemeyer-bzzSg8hTKKY-unsplash.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.search-results .hero-container {
  margin-top: 5rem !important;
}

.search-title {
  font-size: 28px !important;
}

.search-results h2.entry-title {
  font-size: 22px;
}

/* PLUGINS */

/*Details page Product */

.subInfoTitleProduct {
  max-width: 53.1rem;
}

/*Fooeter */
.entry-title::after,
.footerbefore::after {
  display: block;
  width: 2rem;
  content: "";
  height: 0.6rem;
  margin: 0.3rem 0;
  background-color: #f66304;
}

/* .plaatSectionUl::after {
  display: block;
  background-color: var(--white);
  width: 1.3rem;
  height: 1.3rem;
  content: "";
  position: absolute;
  right: 10px;
  top: 38%;
  border-radius: 25%;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
} */

/* RESPONSIVE */

@media screen and (max-width: 768px) {
  .historyTitle .kt-inside-inner-col h3 {
    font-size: 1.5rem;
    right: 0;
    top: 0;
    position: relative;
  }
  .historyTitle .kt-inside-inner-col strong {
    font-size: 1.3rem;
    right: 0;
    top: 0;
    position: relative;
  }

  .heroTitle,
  .heroText {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 1050px) {
  .historyTitle .kt-inside-inner-col h3 {
    font-size: 1.5rem;
    right: 0;
    top: 0;
    position: relative;
  }
}