.elementor-kit-7{--e-global-color-primary:#4D4524;--e-global-color-secondary:#222324;--e-global-color-text:#222324;--e-global-color-accent:#B55C3B;--e-global-color-e4ca43a:#FBF4E2;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h1{font-family:"Lora", Sans-serif;}.elementor-kit-7 h2{font-family:"Lora", Sans-serif;}.elementor-kit-7 h3{font-family:"Lora", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --Display-heading:Lora; --White:#ffffff; --Olive:#4d4524; --Ochre:#b55c3b; --Cream:#fbf4e2; --Light-tan:#f4f1ec; --Top-section-padding:9%; --Botton-section-padding:9%; --Right-section-padding:4%; --Left-section-padding:4%; --Rustic-portrait:Rustic Portrait; }
/* Start custom CSS *//* Container for images */
.menu-images {
    position: relative; /* needed for absolute positioning inside */
}

/* All images hidden initially */
.menu-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transform: scale(1.02);  /* slightly zoomed out */
    transition: opacity 0.4s ease, transform 0.4s ease;
    z-index: 1; /* base z-index */
}

/* Show default image */
.menu-image.img-1 {
    opacity: 1;
    transform: scale(1);
    z-index: 2; /* make sure it sits on top of the others */
}

/* Show hovered image */
.mega-menu:has(.link-1:hover) .img-1,
.mega-menu:has(.link-2:hover) .img-2,
.mega-menu:has(.link-3:hover) .img-3 {
    opacity: 1;
    transform: scale(1);
    z-index: 3; /* bring hovered image above default */
}

/* Make all non-hovered images go behind */
.mega-menu:has(.link-1:hover) .menu-image:not(.img-1),
.mega-menu:has(.link-2:hover) .menu-image:not(.img-2),
.mega-menu:has(.link-3:hover) .menu-image:not(.img-3) {
    opacity: 0;
    z-index: 1;
}


.menu-images {
    position: relative;
}

.menu-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transform: scale(1.02);
    transition: opacity 0.4s ease, transform 0.4s ease;
    z-index: 1;
}

.menu-image.active {
    opacity: 1;
    transform: scale(1);
    z-index: 2;
}


/* Base style for menu links */
.menu-link {
    cursor: pointer; /* show pointer on hover */
    transition: color 0.2s ease, transform 0.2s ease; /* smooth color change and slight movement */
}

/* Hover effect */
.menu-link:hover {
    color: #1e73be;        /* subtle color change on hover */
    transform: translateX(3px); /* slight slide to the right */
}
.elementor-element-0f713bd {
    background-color: #b20837 !important;
}




/* Shrink the inner header container ~20% when sticky */
.elementor-sticky--effects .elementor-element-9a696a6 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  transition: padding 0.3s ease, gap 0.3s ease;
}

/* Scale down direct children (logo, buttons, etc.) EXCEPT the nav menu widget,
   so its mega-menu dropdown doesn't inherit the shrink */
.elementor-sticky--effects .elementor-element-9a696a6 > .elementor-element:not(.elementor-widget-n-menu) {
  transform: scale(0.8);
  transform-origin: center center;
  transition: transform 0.3s ease;
}

/* Shrink the nav menu itself via padding/font-size instead of transform,
   so the effect is visually consistent without touching the dropdown */
.elementor-sticky--effects .elementor-element-9a696a6 .elementor-nav-menu--main .elementor-item {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  font-size: 0.9em;
  transition: all 0.3s ease;
}

/* Collapse the gap between flex children */
.elementor-sticky--effects .elementor-element-9a696a6.e-flex {
  gap: 8px !important;
}

.elementor-sticky--active {
    position: relative;
}
.elementor-sticky--active::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    height: 12px;
    background-color: #f4f1ec;
    clip-path: polygon(
        0% 0%,
        3% 45%, 6% 15%, 9% 55%, 13% 25%,
        17% 70%, 21% 35%, 25% 60%, 29% 10%,
        33% 50%, 37% 20%, 41% 65%, 45% 30%,
        49% 55%, 53% 15%, 57% 45%, 61% 70%,
        65% 25%, 69% 60%, 73% 20%, 77% 50%,
        81% 35%, 85% 65%, 89% 15%, 93% 55%,
        97% 30%, 100% 45%,
        100% 0%
    );
    pointer-events: none;
    z-index: 2;
    filter: drop-shadow(0 2px 2px rgba(0,0,0,0.06));
    transition: opacity 0.4s ease;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Rustic Portrait';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://wildlifecampdev.com/wp-content/uploads/2026/06/RusticPortrait-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Rustic Portrait';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://wildlifecampdev.com/wp-content/uploads/2026/06/RusticPortrait-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Rustic Portrait';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://wildlifecampdev.com/wp-content/uploads/2026/06/RusticPortrait-Italic.ttf') format('truetype');
}
/* End Custom Fonts CSS */