/*
Theme Name: Astra Child
Template: astra
Version: 1.0.0
*/

/* Variables */
:root {
  --primary-color: #d48f51;
  --neutral-dark: #090808;
  --neutral-light: #fff;
}

/* Custom CSS */

/* Degular font */
.degular {
  font-family: "degular", sans-serif !important;
  font-weight: 400;
  font-style: normal;
}

h1{
  letter-spacing: 8px !important;
}
.c-cardetail__title *{
  letter-spacing: 0px !important;
}

@media (max-width: 767px){
  h1{
    font-size: 40px !important;
  }
}

.c-herosmall{
  font-weight: 300 !important;
}

a {
  text-decoration: none !important;
}

html, body{
  overflow-x: hidden;
}

/* Nav dropdown */
.elementor-nav-menu--dropdown {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  transform: none !important;
  margin: 0 !important;
  z-index: 9999 !important;
  top: 118px !important; /* aanpassen aan hoogte van je header */
  background-color: var(--neutral-dark) !important;
}

.elementor-nav-menu--dropdown a {
  color: var(--neutral-light) !important;
}

/* Footer */
.c-footerlogo {
  width: 256px;
  transform: translateX(-50%) !important;
}

.c-footercontent a {
  color: var(--neutral-light) !important;
}
.c-footercontent a:hover {
  color: var(--primary-color) !important;
}

.e-font-icon-svg {
  transition: fill 0.3s ease;
}

.c-footercontent .e-font-icon-svg:hover {
  fill: var(--primary-color) !important;
}

/* Arrowbtn */
.c-arrowbtn {
  position: relative !important;
  padding-right: 0px !important;
  transition: all 0.3s ease !important;
}


.c-arrowbtn:hover::after {
  right: -8px !important;
}

.c-arrowbtn::after {
  transition: all 0.3s ease !important;
  content: "" !important;
  display: inline-block !important; /* of block */
  width: 24px !important;
  height: 24px !important;
  background-image: url("https://hecwp.puzzle-staging.be/wp-content/uploads/2026/04/chevron-icon-4px.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  
  position: absolute !important;
  right: 0% !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.c-arrowbtn__formsubmit.c-arrowbtn::after{
  right: -2rem !important;
}
.c-arrowbtn__formsubmit:hover.c-arrowbtn::after{
  right: -2.5rem !important;
}

@media (max-width: 767px) {
  .c-arrowbtn::after {
    right: -8px !important;
  }

  .c-arrowbtn:hover::after {
    right: -16px !important;
  }
}

.single-as24_car .ast-container {
    max-width: 100% !important;
    padding: 0 !important;
}

.single-as24_car .site-content {
    padding: 0 !important;
}

.ast-article-single{
  padding: 0 !important;
}

@media (max-width:880px){

  .c-divider{
    display: none;   
  }
}


.c-contactwidget .elementor-icon-wrapper{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.ast-scroll-top-icon{
  background-color: #fff !important;
  transition: all 0.3s ease;
}
.ast-scroll-top-icon *{
  fill: var(--neutral-dark);
  transition: all 0.3s ease;
}
.ast-scroll-top-icon:hover{
  background-color: var(--primary-color) !important;
}
.ast-scroll-top-icon:hover *{
  fill: #fff;
}

/* ======= Cookieyes color ======= */
.cky-btn-revisit-wrapper{
  background-color: var(--neutral-dark) !important;
}

/* ======= DEBUGGING ======= */
.c-debug{
  background-color: hotpink !important;
}