/*
Theme Name: African Escapes Onepager
Author: Szucs Janos
Version: 1.0
*/



html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Fira Sans Condensed', sans-serif;
  /* globális body font */
  background: #ffffff;
  color: #111111;
}


.custommasonry .e-con>.e-con-inner {
  max-width: none !important;
  width: 100% !important;
}

.custommasonry .eael-elements-flip-box-heading,
.custommasonry .eael-elements-flip-box-content p {
  margin: 0;
}

/* Szükséges alap */
.custommasonry .eael-elements-flip-box-rear-container {
  overflow: hidden;
  position: relative;
}

/* Háttérkép – zoom animációhoz */
.custommasonry .eael-elements-flip-box-rear-container::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: inherit;
  background-size: cover;
  background-position: center center;
  transition: transform 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 0;
}

.custommasonry .eael-elements-flip-box-rear-container:hover::after {
  transform: scale(1.12);
}

/* Sötétítő overlay – a kép FELETT, a szöveg ALATT */
.custommasonry .eael-elements-flip-box-rear-container::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: #161309BA;
  z-index: 1;
  pointer-events: none;
}

/* Szöveg a legfelülre */
.custommasonry .eael-elements-flip-box-rear-container .eael-elements-slider-display-table {
  position: relative;
  z-index: 2;
}


img {
  max-width: 100%;
  height: auto;
  display: block;
}

.elementor-widget .elementor-divider {
  --divider-border-style: none;
  border-block-start: 2px solid transparent;
  border-image: linear-gradient(to right,
      transparent,
      orange,
      transparent) 1;
  margin-top: 20px;
  margin-bottom: -40px;
}

.custommasonry .eael-elements-flip-box-rear-container .eael-elements-flip-box-content{
   transition: transform 0.6s ease 0.0s; 
   margin-top:10px
}

/* A div utáni divider */
.custommasonry .eael-elements-flip-box-rear-container .eael-elements-flip-box-content::after {
  content: "";
  display: block;
  width: 50%;
  height: 2px;
  margin: 25px auto -40px auto;
  background: linear-gradient(to right, transparent, orange, transparent);
   transition: transform 0.6s ease 0.2s; /* 0.2s delay hozzáadva */
}
.custommasonry .eael-elements-flip-box-rear-container:hover{
  transform: translateY(-10px);
}
.custommasonry .eael-elements-flip-box-rear-container:hover .eael-elements-flip-box-content::after {
  transform: translateY(-5px);
}

/* footer */
#contact h3{margin-bottom: 40px;padding-bottom:20px; border-color: var( --e-global-color-accent );border-bottom:4px solid var( --e-global-color-accent );}
#contact h5{font-size:24px; margin: 0 0 15px 0;}
#contact a{color: var( --e-global-color-primary );  transition: color 0.5s ease;}
#contact a:hover{color:var( --e-global-color-accent )}
#contact p{margin-top:0}
#contact a[href^="tel:"] {color:#fff}

/* consent */
.consent-banner-button[href="#accept"] {
  color: #ffffff;
  border-color: var( --e-global-color-accent );
  background-color: var( --e-global-color-accent );
}

.consent-banner-button{
  border-color: var( --e-global-color-accent );
  color: var( --e-global-color-accent );
}

#consent-banner-settings ul a{color: var( --e-global-color-accent );}