.elementor-435 .elementor-element.elementor-element-ee4741b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-435 .elementor-element.elementor-element-c5cedfe{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-435 .elementor-element.elementor-element-272b512{--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:flex-start;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-435 .elementor-element.elementor-element-cd4247e .elementor-icon-wrapper{text-align:center;}.elementor-435 .elementor-element.elementor-element-cd4247e.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-435 .elementor-element.elementor-element-cd4247e.elementor-view-framed .elementor-icon, .elementor-435 .elementor-element.elementor-element-cd4247e.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-435 .elementor-element.elementor-element-cd4247e.elementor-view-framed .elementor-icon, .elementor-435 .elementor-element.elementor-element-cd4247e.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-435 .elementor-element.elementor-element-cd4247e .elementor-icon{font-size:18px;}.elementor-435 .elementor-element.elementor-element-cd4247e .elementor-icon svg{height:18px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-435 .elementor-element.elementor-element-d323a42 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-435 .elementor-element.elementor-element-a49af9e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-435 .elementor-element.elementor-element-3015a15{padding:0px 0px 0px 0px;text-align:end;}.elementor-435 .elementor-element.elementor-element-3015a15 img{max-width:30%;}.elementor-435 .elementor-element.elementor-element-47c532d{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-435 .elementor-element.elementor-element-8a69e58 .elementor-button{background-color:#61CE7000;font-family:"Lato", Sans-serif;font-size:14px;font-weight:500;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}.elementor-435 .elementor-element.elementor-element-8a69e58 .elementor-button-content-wrapper{flex-direction:row;}.elementor-435 .elementor-element.elementor-element-8a69e58 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-435 .elementor-element.elementor-element-d4c6ec3{--display:flex;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-435 .elementor-element.elementor-element-5d8b175{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-435 .elementor-element.elementor-element-5d8b175 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-435 .elementor-element.elementor-element-5d8b175 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-435 .elementor-element.elementor-element-5d8b175 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-435 .elementor-element.elementor-element-5d8b175 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-435 .elementor-element.elementor-element-5d8b175 .elementor-nav-menu--main .elementor-item:focus{color:#61CE7000;fill:#61CE7000;}.elementor-435 .elementor-element.elementor-element-5d8b175 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-435 .elementor-element.elementor-element-5d8b175 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#61CE7000;}.elementor-435 .elementor-element.elementor-element-5d8b175 .e--pointer-framed .elementor-item:before,
					.elementor-435 .elementor-element.elementor-element-5d8b175 .e--pointer-framed .elementor-item:after{border-color:#61CE7000;}.elementor-435 .elementor-element.elementor-element-5d8b175 .elementor-nav-menu--dropdown .elementor-item, .elementor-435 .elementor-element.elementor-element-5d8b175 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Roboto", Sans-serif;font-weight:500;}#elementor-popup-modal-435 .dialog-widget-content{animation-duration:1.2s;background-color:#292A27;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-435 .dialog-message{width:100vw;height:100vh;align-items:flex-start;padding:028px 32px 30px 32px;}#elementor-popup-modal-435{justify-content:center;align-items:center;}@media(min-width:769px){.elementor-435 .elementor-element.elementor-element-272b512{--width:40%;}}/* Start custom CSS for nav-menu, class: .elementor-element-5d8b175 *//* ==========================================================
   RIOBA SAFARIS
   PREMIUM FULL-SCREEN MENU
   Inspired by Luxury Safari Navigation
   Elementor Pro + WordPress Menu
========================================================== */


/* ==========================================================
   01. MAIN MENU WRAPPER
========================================================== */

.safari-main-menu {
    width: 100%;
    position: relative;
    z-index: 99999;
}


/* Make sure Elementor doesn't clip the submenu */

.safari-main-menu,
.safari-main-menu .elementor-widget-container,
.safari-main-menu .elementor-nav-menu,
.safari-main-menu ul {
    overflow: visible !important;
}


/* ==========================================================
   02. MAIN MENU
========================================================== */

.safari-main-menu .elementor-nav-menu {
    width: 100%;
    margin: 0;
    padding: 0;
}


/* ==========================================================
   03. MAIN MENU ITEMS
========================================================== */

.safari-main-menu .elementor-nav-menu > li {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}


/* ==========================================================
   04. MAIN MENU LINKS
========================================================== */

.safari-main-menu
.elementor-nav-menu
> li
> a {

    position: relative;

    display: flex !important;
    align-items: center;

    width: 100%;

    min-height: 62px;

    padding: 0 55px 0 0 !important;

    background: transparent !important;

    border-bottom: 1px solid rgba(255,255,255,0.12);

    color: rgba(255,255,255,0.68) !important;

    font-family: inherit;

    font-size: 13px;

    font-weight: 500;

    letter-spacing: 4px;

    line-height: 1.2;

    text-transform: uppercase;

    text-decoration: none;

    transition:
        color 0.4s ease,
        padding-left 0.4s ease,
        border-color 0.4s ease;
}


/* ==========================================================
   05. MAIN MENU HOVER
========================================================== */

.safari-main-menu
.elementor-nav-menu
> li
> a:hover {

    color: #d9a184 !important;

    padding-left: 6px !important;

    border-bottom-color: rgba(217,161,132,0.38);
}


/* ==========================================================
   06. ACTIVE MENU ITEM
========================================================== */

.safari-main-menu
.elementor-nav-menu
> li.current-menu-item
> a,
.safari-main-menu
.elementor-nav-menu
> li.current-menu-ancestor
> a {

    color: #d9a184 !important;
}


/* ==========================================================
   07. REMOVE ELEMENTOR DEFAULT SUBMENU ARROW
========================================================== */

.safari-main-menu .sub-arrow {
    display: none !important;
}


/* ==========================================================
   08. CUSTOM RIGHT ARROW
   Only appears on items with dropdowns
========================================================== */

.safari-main-menu
.elementor-nav-menu
> li.menu-item-has-children
> a::after {

    content: "→";

    position: absolute;

    right: 5px;

    top: 50%;

    color: #d9a184;

    font-size: 20px;

    font-weight: 300;

    line-height: 1;

    opacity: 0;

    transform:
        translateY(-50%)
        translateX(-15px);

    transition:
        opacity 0.35s ease,
        transform 0.35s ease;
}


/* ==========================================================
   09. SHOW ARROW ON HOVER
========================================================== */

.safari-main-menu
.elementor-nav-menu
> li.menu-item-has-children:hover
> a::after {

    opacity: 1;

    transform:
        translateY(-50%)
        translateX(0);
}


/* ==========================================================
   10. RIGHT-SIDE SUBMENU
========================================================== */

.safari-main-menu
.elementor-nav-menu
> li.menu-item-has-children {

    position: relative !important;
}


/* ==========================================================
   11. SUBMENU PANEL
========================================================== */

.safari-main-menu
.elementor-nav-menu
> li.menu-item-has-children
> .sub-menu {

    position: absolute !important;

    /*
       Move submenu to the right
    */

    left: calc(100% + 42px) !important;

    /*
       Align with parent item
    */

    top: 0 !important;

    width: 390px !important;

    min-width: 390px !important;

    margin: 0 !important;

    padding: 0 !important;

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;

    list-style: none !important;

    z-index: 999999 !important;


    /*
       Hidden state
    */

    display: block !important;

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;


    /*
       Starting position
    */

    transform: translateX(-28px);


    /*
       Premium animation
    */

    transition:
        opacity 0.45s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0.45s ease;
}


/* ==========================================================
   12. SHOW RIGHT SUBMENU
========================================================== */

.safari-main-menu
.elementor-nav-menu
> li.menu-item-has-children:hover
> .sub-menu {

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

    transform: translateX(0);
}


/* ==========================================================
   13. INVISIBLE HOVER BRIDGE
   Helps keep submenu open while moving mouse right
========================================================== */

.safari-main-menu
.elementor-nav-menu
> li.menu-item-has-children
> .sub-menu::before {

    content: "";
    position: absolute;
    left: -45px;
    top: 0;
    width: 45px;
    height: 100%;
    background: transparent;

    pointer-events: auto;
}


/* ==========================================================
   14. SUBMENU ITEMS
========================================================== */

.safari-main-menu
.elementor-nav-menu
> li.menu-item-has-children
> .sub-menu
> li {

    position: relative;

    display: block;

    width: 100%;

    margin: 0;

    padding: 0;

    list-style: none;
}


/* ==========================================================
   15. SUBMENU LINKS
========================================================== */

.safari-main-menu
.elementor-nav-menu
> li.menu-item-has-children
> .sub-menu
> li
> a {

    position: relative;

    display: flex !important;

    align-items: center;

    width: 100%;

    min-height: 62px;

    padding: 0 55px 0 0 !important;

    background: transparent !important;

    border-bottom: 1px solid rgba(255,255,255,0.12);

    color: rgba(255,255,255,0.68) !important;

    font-family: inherit;

    font-size: 13px;

    font-weight: 500;

    letter-spacing: 3.5px;

    line-height: 1.2;

    text-transform: uppercase;

    text-decoration: none;

    transition:
        color 0.35s ease,
        padding-left 0.35s ease,
        border-color 0.35s ease;
}


/* ==========================================================
   16. SUBMENU HOVER
========================================================== */

.safari-main-menu
.elementor-nav-menu
> li.menu-item-has-children
> .sub-menu
> li
> a:hover {

    color: #d9a184 !important;

    padding-left: 8px !important;

    border-bottom-color: rgba(217,161,132,0.38);
}


/* ==========================================================
   17. SUBMENU ARROW
========================================================== */

.safari-main-menu
.elementor-nav-menu
> li.menu-item-has-children
> .sub-menu
> li
> a::after {

    content: "→";

    position: absolute;

    right: 5px;

    top: 50%;

    color: #d9a184;

    font-size: 19px;

    font-weight: 300;

    line-height: 1;

    opacity: 0;

    transform:
        translateY(-50%)
        translateX(-14px);

    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
}


/* ==========================================================
   18. SHOW SUBMENU ARROW
========================================================== */

.safari-main-menu
.elementor-nav-menu
> li.menu-item-has-children
> .sub-menu
> li
> a:hover::after {

    opacity: 1;

    transform:
        translateY(-50%)
        translateX(0);
}


/* ==========================================================
   19. SUBTLE HORIZONTAL HOVER EFFECT
========================================================== */

.safari-main-menu
.elementor-nav-menu
> li
> a::before {

    content: "";

    position: absolute;

    left: 0;

    bottom: -1px;

    width: 0;

    height: 1px;

    background: #d9a184;

    transition: width 0.4s ease;
}


.safari-main-menu
.elementor-nav-menu
> li
> a:hover::before {

    width: 35px;
}


/* ==========================================================
   20. SUBMENU HORIZONTAL HOVER EFFECT
========================================================== */

.safari-main-menu
.elementor-nav-menu
> li.menu-item-has-children
> .sub-menu
> li
> a::before {

    content: "";

    position: absolute;

    left: 0;

    bottom: -1px;

    width: 0;

    height: 1px;

    background: #d9a184;

    transition: width 0.4s ease;
}


.safari-main-menu
.elementor-nav-menu
> li.menu-item-has-children
> .sub-menu
> li
> a:hover::before {

    width: 35px;
}


/* ==========================================================
   21. DESKTOP
========================================================== */

@media (min-width: 1025px) {

    .safari-main-menu {
        overflow: visible !important;
    }

    .safari-main-menu
    .elementor-widget-container {
        overflow: visible !important;
    }

    .safari-main-menu
    .elementor-nav-menu {
        overflow: visible !important;
    }

}


/* ==========================================================
   22. TABLET
========================================================== */

@media (max-width: 1024px) {

    .safari-main-menu
    .elementor-nav-menu
    > li
    > a {

        min-height: 56px;

        font-size: 12px;

        letter-spacing: 3px;
    }


    /*
       On tablet, submenu becomes normal dropdown
    */

    .safari-main-menu
    .elementor-nav-menu
    > li.menu-item-has-children
    > .sub-menu {

        position: static !important;

        width: 100% !important;

        min-width: 0 !important;

        margin: 0 !important;

        padding-left: 20px !important;

        display: none !important;

        opacity: 1 !important;

        visibility: visible !important;

        pointer-events: auto !important;

        transform: none !important;
    }


    .safari-main-menu
    .elementor-nav-menu
    > li.menu-item-has-children:hover
    > .sub-menu {

        display: block !important;
    }


    .safari-main-menu
    .elementor-nav-menu
    > li.menu-item-has-children
    > .sub-menu::before {

        display: none;
    }

}


/* ==========================================================
   23. MOBILE
========================================================== */

@media (max-width: 767px) {

    .safari-main-menu
    .elementor-nav-menu
    > li
    > a {

        min-height: 52px;

        padding-right: 42px !important;

        font-size: 11px;

        letter-spacing: 2.5px;
    }


    .safari-main-menu
    .elementor-nav-menu
    > li.menu-item-has-children
    > a::after {

        right: 3px;

        font-size: 18px;
    }


    .safari-main-menu
    .elementor-nav-menu
    > li.menu-item-has-children
    > .sub-menu
    > li
    > a {

        min-height: 48px;

        padding-right: 42px !important;

        font-size: 10px;

        letter-spacing: 2px;
    }


    .safari-main-menu
    .elementor-nav-menu
    > li.menu-item-has-children
    > .sub-menu
    > li
    > a::after {

        right: 3px;

        font-size: 17px;
    }

}


/* ==========================================================
   24. ACCESSIBILITY / REDUCED MOTION
========================================================== */

@media (prefers-reduced-motion: reduce) {

    .safari-main-menu *,
    .safari-main-menu *::before,
    .safari-main-menu *::after {

        transition: none !important;

        transform: none !important;
    }

}/* End custom CSS */