.elementor-624 .elementor-element.elementor-element-c3cc7ea{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;--z-index:15;}.elementor-624 .elementor-element.elementor-element-c3cc7ea:not(.elementor-motion-effects-element-type-background), .elementor-624 .elementor-element.elementor-element-c3cc7ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-624 .elementor-element.elementor-element-8698aba img{width:90px;}.elementor-widget-pp-advanced-menu .pp-advanced-menu--main .pp-menu-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-pp-advanced-menu .pp-advanced-menu--main .pp-menu-item:hover,
					.elementor-widget-pp-advanced-menu .pp-advanced-menu--main .pp-menu-item.pp-menu-item-active,
					.elementor-widget-pp-advanced-menu .pp-advanced-menu--main .pp-menu-item.highlighted,
					.elementor-widget-pp-advanced-menu .pp-advanced-menu--main .pp-menu-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-pp-advanced-menu .pp-advanced-menu--main:not(.pp--pointer-framed) .pp-menu-item:before,
					.elementor-widget-pp-advanced-menu .pp-advanced-menu--main:not(.pp--pointer-framed) .pp-menu-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-pp-advanced-menu .pp--pointer-framed .pp-menu-item:before,
					.elementor-widget-pp-advanced-menu .pp--pointer-framed .pp-menu-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-pp-advanced-menu .pp--pointer-brackets .pp-menu-item:before,
					.elementor-widget-pp-advanced-menu .pp--pointer-brackets .pp-menu-item:after{color:var( --e-global-color-accent );}.elementor-widget-pp-advanced-menu{--pp-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-pp-advanced-menu .pp-menu-toggle .pp-menu-toggle-label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-pp-advanced-menu .pp-advanced-menu--dropdown .pp-menu-item, .elementor-widget-pp-advanced-menu .pp-advanced-menu--dropdown .pp-sub-item, .pp-advanced-menu--dropdown.pp-advanced-menu__container.pp-menu-{{ID}} .sub-menu .pp-menu-item, .pp-advanced-menu--dropdown.pp-advanced-menu__container.pp-menu-{{ID}} .sub-menu .pp-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-624 .elementor-element.elementor-element-6d30aafe .pp-menu-toggle{margin:0 auto;}.elementor-624 .elementor-element.elementor-element-6d30aafe .pp-advanced-menu--main .pp-menu-item{color:#614437;fill:#614437;}.elementor-624 .elementor-element.elementor-element-6d30aafe .pp-advanced-menu--main .pp-advanced-menu--dropdown{min-width:200px;}.elementor-624 .elementor-element.elementor-element-6d30aafe .pp-menu-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner,
					.elementor-624 .elementor-element.elementor-element-6d30aafe .pp-menu-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:before,
					.elementor-624 .elementor-element.elementor-element-6d30aafe .pp-menu-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:after{background-color:#614437;}.elementor-624 .elementor-element.elementor-element-6d30aafe .pp-menu-toggle .pp-icon, .elementor-624 .elementor-element.elementor-element-6d30aafe .pp-menu-toggle .pp-menu-toggle-label{color:#614437;}.elementor-624 .elementor-element.elementor-element-6d30aafe .pp-menu-toggle .pp-icon svg{fill:#614437;}.elementor-624 .elementor-element.elementor-element-6d30aafe .pp-advanced-menu--dropdown a, .pp-advanced-menu--dropdown.pp-advanced-menu__container.pp-menu-6d30aafe a{justify-content:center;}.elementor-624 .elementor-element.elementor-element-6d30aafe .pp-advanced-menu--dropdown.pp-advanced-menu__container,
					.pp-advanced-menu--dropdown.pp-advanced-menu__container.pp-menu-6d30aafe{background-color:#FFFFFFF5;}.elementor-624 .elementor-element.elementor-element-6d30aafe .pp-advanced-menu--dropdown.pp-advanced-menu__container .pp-menu-item,
					.pp-advanced-menu--dropdown.pp-advanced-menu__container.pp-menu-6d30aafe .pp-menu-item{color:#614437;fill:#614437;}body.pp-menu--off-canvas .pp-advanced-menu--dropdown.pp-menu-6d30aafe .pp-menu-close:before, .elementor-624 .elementor-element.elementor-element-6d30aafe .pp-advanced-menu--type-full-screen .pp-advanced-menu--dropdown.pp-advanced-menu__container .pp-menu-close:before,
					body.pp-menu--off-canvas .pp-advanced-menu--dropdown.pp-menu-6d30aafe .pp-menu-close:after, .elementor-624 .elementor-element.elementor-element-6d30aafe .pp-advanced-menu--type-full-screen .pp-advanced-menu--dropdown.pp-advanced-menu__container .pp-menu-close:after{background-color:#0A0A0A;}.elementor-624 .elementor-element.elementor-element-6d30aafe .pp-advanced-menu .pp-menu-item, .elementor-624 .elementor-element.elementor-element-6d30aafe .pp-advanced-menu-main-wrapper.pp-advanced-menu--type-full-screen .pp-advanced-menu--dropdown .pp-menu-item, .pp-advanced-menu--dropdown.pp-advanced-menu__container.pp-menu-6d30aafe .pp-menu-item{font-family:"Alata", Sans-serif;}/* Start custom CSS for container, class: .elementor-element-c3cc7ea */.parent__container {
  --site-transition: 350ms linear; /* Transition duration and timing function */
  --bg-color__before: transparent; /* Initial background color (transparent) */
  --bg-color__after: #614437; /* Background color after scroll (white) */
  --max__height: 100px; /* Maximum height of the container */
  --min__height: 90px; /* Minimum height of the container */
  --min-height: var(--max__height); /* Set the initial minimum height to the maximum height */  
  
  background-color: var(--bg-color__before); /* Apply initial background color */
}

/* Define transition properties for the sticky header container */
.sticky-header-container {
  transition: 
    background-color var(--site-transition), /* Transition for background color */
    backdrop-filter var(--site-transition), /* Transition for backdrop filter */
    box-shadow var(--site-transition); /* Transition for box shadow */
}

/* Apply styles when the elementor sticky effects are active */
.elementor-sticky--effects.sticky-header-container {
  --bg-color__before: var(--bg-color__after); /* Change initial background color to the 'after' color */
  box-shadow: hsl(0deg 0% 0% / 14%) 0 2px 40px; 
}





.elementor-sticky--effects.sticky-header-container {
  --max__height: var(--min__height); /* Change max height to min height when sticky */
  --bg-color__before: var(--bg-color__after); /* Change background color to the 'after' color when sticky */

  box-shadow: hsl(0deg 0% 0% / 14%) 0 2px 40px;
}



.site--logo{
    transform: scale(1);
    transform-origin: center;
    transition:
        transform var(--site-transition),
        transform-origin var(--site-transition);
}

.elementor-sticky--effects .site--logo{
      transform: scale(.9);
}

/*
* Search icon
*/
.search-icon .elementor-search-form__toggle{
   --e-search-form-toggle-background-color: var(--bg-color__before) 
}


.elementor-sticky--effects .search-icon .elementor-search-form__toggle{
  --bg-color__before: transparent
}



.search-icon .e-font-icon-svg{
   --e-search-form-toggle-color: var(--bg-color__after);
  
    -webkit-transition: fill var(--site-transition);
    -o-transition: fill var(--site-transition);
    transition: fill var(--site-transition);
}


.elementor-sticky--effects .search-icon svg.e-font-icon-svg, 
.elementor-sticky--effects .search-icon i.e-font-icon-svg{
    --bg-color__after: var( --bg-color__color) ;
    --bg-color__after:var( --bg-color__color) ;
}



/*
 * Button
*/

.elementor-button {
    --_button-bg: #000; /* Default background color for button */
    --_button-text: #fff; /* Default text color for button */
    --_button-bg-sticky: #fff; /* Background color for button when sticky */
    --_button-text-sticky: #000; /* Text color for button when sticky */

  
}

.sticky-btn .elementor-button {
    border-radius: 0; /* Remove border radius */
    border: none; /* Remove border */
    font-weight: var(--_fw-600, 300); /* Font weight with a fallback to 300 */

    transition: background-color var(--site-transition); /* Transition for background color */
}

.sticky-btn .elementor-button-text {
    color: var(--_button-text); /* Set text color */
    transition: color var(--site-transition); /* Transition for text color */
}

.sticky-btn .elementor-button {
    background-color: var(--_button-bg, #000); /* Set background color with a fallback to black */
}

/* Styles for the button when sticky effects are applied */
.elementor-sticky--effects .sticky-btn .elementor-button {
    --_button-bg: var(--_button-bg-sticky); /* Set background color to sticky background color */
}

.elementor-sticky--effects .sticky-btn .elementor-button-text {
    --_button-text: var(--_button-text-sticky); /* Set text color to sticky text color */
}


/*
 * Navigation
*/

.site-nav .elementor-nav-menu--main .elementor-item {
    /*
     * Add your own color
     */
    --_nav__before: var(--bg-color__after); /* Initial navigation item color, set to the background color after scroll */
    --_nav__before_hover: #000; /* Navigation item color on hover */
    --_fw-600: 300; /* Default font weight */
    --_font-size: clamp(1rem, 0.8182rem + 0.6061vw, 1.25rem); /* Responsive font size */
    
    font-weight: var(--_fw-600); /* Apply the font weight */
    font-size: var(--_font-size); /* Apply the responsive font size */
    text-decoration: none; /* Remove text decoration */
    color: var(--_nav__before); /* Set the initial color */

    /* Transitions for color, font size, and font weight */
    transition: 
        color var(--site-transition),
        font-size var(--site-transition),
        font-weight var(--site-transition);
}

/* Hover state for the main navigation menu items */
.site-nav .elementor-nav-menu--main .elementor-item:hover {
    --_nav__before: var(--_nav__before_hover); /* Change color on hover */
    /* --_fw-600: 600; Uncomment to change font weight on hover */
}

/* Sticky state for the main navigation menu items */
.elementor-sticky--effects .site-nav .elementor-nav-menu--main .elementor-item {
    --_font-size: clamp(1rem, 0.8636rem + 0.4545vw, 1.1875rem); /* Responsive font size for sticky state */
    --_nav__before: #fff; /* Change navigation item color to white when sticky */
    /* --_fw-600: 600; Uncomment to change font weight when sticky */
}



/* 
* WordPress Menu Toggle Style  
* Style for the menu toggle button
* Dropdown style and sub-menu is not included
*/

.site-nav .elementor-menu-toggle {
    transition: background-color var(--site-transition); /* Transition for background color */
    border-radius: 0; /* Remove border radius */
}

/* Menu Toggle when focus state */

/* Add transition for color */
.site-nav .elementor-menu-toggle {
    transition: color var(--site-transition); /* Transition for color */
}

/* Style for the menu toggle button when focused */
.site-nav .elementor-menu-toggle:focus {
    outline: 2px solid var(--bg-color__after); /* Outline color when focused */
}

/* Style for the menu toggle button when focused and sticky effects are applied */
.elementor-sticky--effects .site-nav .elementor-menu-toggle:focus {
    outline: 2px solid var(--bg-color__color); /* Outline color when focused and sticky */
}


/* 
* Hamburger and close icon fill color state
* Style for the SVG icons inside the menu toggle button 
*/

.site-nav .elementor-menu-toggle .e-font-icon-svg {
    fill: var(--bg-color__after); /* Set the fill color */
    color: var(--bg-color__after); /* Set the color */
    transition: 
        fill var(--site-transition), /* Transition for fill color */
        color var(--site-transition); /* Transition for color */
}

/* Styles for the SVG icons when sticky effects are applied */
.elementor-sticky--effects .site-nav .elementor-menu-toggle .e-font-icon-svg {
    --bg-color__after: var(--bg-color__color); /* Change fill and color when sticky */
}



/* 
  * Original logo styles 
*/
.site--logo {
    transform: scaleX(1); /* Initial scale */
    transform-origin: center; /* Set the transform origin to the center */
    transition:
        opacity var(--site-transition), /* Opacity transition */
        transform var(--site-transition); /* Transform transition */
}

/* 
  * Sticky effect for the logo when scrolling 
*/
.elementor-sticky--effects .site--logo {
    transform: scale(.95); /* Reduce scale on sticky */
}

/* 
  *Sticky effect for the red logo when scrolling 
*/
.elementor-sticky--effects .site--logo-red {
    opacity: 1; /* Make red logo visible on sticky */
    transform: scale(.95); /* Reduce scale on sticky */
}

/* 
  *Default styles for the logo 
*/
.site--logo {
    opacity: 1; /* Make the logo fully visible by default */
}

/* 
  *Default styles for the red logo 
*/
.site--logo-red {
    opacity: 0; /* Make the red logo fully transparent by default */
}

/* 
  *Additional effect for the logo when scrolling 
*/
.elementor-sticky--effects .site--logo {
    opacity: 0; /* Make the logo fully transparent on sticky */
}

/* 
  * Additional effect for the red logo when scrolling 
*/
.elementor-sticky--effects .site--logo-red {
    opacity: 1; /* Make the red logo fully visible on sticky */
    transform: scale(.95); /* Reduce scale on sticky */
}/* End custom CSS */