.menu {
    height: 88px;
    margin-right: 0;
}

.menu li {
    height: 88px;
    line-height: 88px;
}

.menu a {
    text-decoration: none;
    font-size: 15px;
    color: #818181;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

.menu-item {
    padding: 0 16px;
    transition: all ease 0s;
}

.menu-item:first-child {
    margin-left: 0;
}

.menu-item---selected,
.current_page_item,
.current-page-item,
.current-menu-item,
.current-page-ancestor {
    background: #F18778;
}

.menu-item---selected a,
.current_page_item a,
.current-menu-item a,
.current-page-ancestor a {
    color: #FFFFFF;
    font-weight: bold;
}

.main-header {
    height: 88px;
    position: relative;
    padding: 0;
    text-align: center;
    display: block;
    margin: auto;
}

.gtranslate {
    display: none;
    float: right;
    margin-top: 28px;
}

.gtranslate a {
    margin-left: 8px;
}

.menu-menu-1-container,
.header__main-nav {
    float: left;
}

.custom-logo-link {
    margin: 22px auto 0;
    text-align: center;
}

.custom-logo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 75px;
    max-width: 350px;
}

/* menu css */

.header__main-nav .menu-item {
    position: relative;
    padding: 4px 12px;
}

.header__main-nav .menu-item .sub-menu {
    display: none;
    position: absolute;
    width: 160px;
    padding: 0 0;
    background: #EC7261;
    z-index: 1000;
    left: 0;
    top: 88px;
}

.header__main-nav .menu-item .sub-menu li {
    background: #EC7261;
    height: auto;
    line-height: normal;
    padding: 18px 0;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.header__main-nav .menu-item .sub-menu li a {
    color: #FFFFFF;
    text-align: left;
    text-transform: capitalize;
    font-weight: normal;
    width: 100%;
    font-size: 14px;
    padding: 0 25px;
}

.header__main-nav .menu-item .sub-menu .sub-menu {
    top: 0;
    left: 160px;
    width: 160px;
}

.header__main-nav .menu-item-has-children .menu-item-has-children {
    display: flex;
    align-items: center;
    background: #EC7261;
}

.header__main-nav .menu-item .sub-menu li:hover {
    background: #DB6351 !important;
}

.header__main-nav .sub-menu__arrow {
    margin-left: auto;
    font-size: 12px;
}

.header__main-nav .menu-item:hover {
    background-color: #F18778;
}

.header__main-nav .menu-item:hover > a {
    color: #FFFFFF;
}

.header__main-nav .menu .menu-item-has-children:hover > a {
    color: #FFFFFF;
}

.header__main-nav .menu-item:hover > .sub-menu {
    display: block;
}

.header__main-nav .menu-item-has-children .main-menu__arrow {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 6px;
}

.header__main-nav .menu-item-has-children .main-menu__arrow::after {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 6px;
    right: -5px;
    background: url('../images/menu_arrow_down.png') no-repeat 0 0;
}

/* changes the hover color of the arrow button in any main menu with submenus */
.header__main-nav .menu .menu-item-has-children:hover > .main-menu__arrow::after {
    background: url('../images/menu_arrow_down_active.png') no-repeat 0 0;
}

.header__main-nav .current-page-ancestor.menu-item-has-children .main-menu__arrow {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 6px;
}

.header__main-nav .current-page-ancestor.menu-item-has-children .main-menu__arrow::after {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 6px;
    right: -5px;
    background: url('../images/menu_arrow_down_active.png') no-repeat 0 0;
}

.menu-item---selected .main-menu__arrow,
.current_page_item .main-menu__arrow,
.current-page-item .main-menu__arrow,
.current-menu-item .main-menu__arrow,
.current-page-ancestor .main-menu__arrow {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 6px;
}

.menu-item---selected .main-menu__arrow::after,
.current_page_item .main-menu__arrow::after,
.current-page-item .main-menu__arrow::after,
.current-menu-item .main-menu__arrow::after,
.current-page-ancestor .main-menu__arrow::after {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 6px;
    right: -5px;
    background: url('../images/menu_arrow_down_active.png') no-repeat 0 0 !important;
}

.header__main-nav .sub-menu .main-menu__arrow {
    display: none !important;
}

.header__main-nav .menu-item-has-children .sub-menu__arrow {
    position: relative;
    display: inline-block;
    width: 6px !important;
    height: 10px !important;
}

.header__main-nav .menu-item-has-children .sub-menu__arrow::after {
    content: '';
    display: block;
    position: absolute;
    width: 6px !important;
    height: 10px !important;
    right: 15px;
    background: url('../images/menu_arrow_right_active.png') no-repeat 0 0 !important;
}

/* css mobile menu */
.header__mobile-menu {
    background: #EFEFF1;
    font-size: 18px;
}

.header__mobile-menu .menu-item {
    position: relative;
    padding: 20px 16px;
    text-transform: uppercase;
}

.header__mobile-menu a {
    display: block;
}

.header__main-nav-mobile .menu-item span.down::after {
    position: absolute;
    top: 30px;
    right: 6px;
    content: '\f0d7';
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 22px;
    width: 40px;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 4px;
}

.header__main-nav-mobile .menu-item span.up::after {
    content: '\f0d8';
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 4px;
}

.header__main-nav-mobile .sub-menu span::after {
    color: #FFFFFF;
}

.header__main-nav-mobile .event-menu::after {
    display: none;
}

.header__main-nav-mobile .sub-menu .menu-item {
    padding: 8px 16px;
}

.header__main-nav-mobile .sub-menu .menu-item::after {
    content: '';
}

.header__main-nav-mobile ul.sub-menu {
    display: none;
}

.header__main-nav-mobile .sub-menu {
    width: 100%;
}

.header__main-nav-mobile .menu-item {
    position: relative;
    padding: 4px 12px;
}

.header__main-nav-mobile .menu li {
    height: auto !important;
    line-height: normal !important;
    padding: 0 !important;
}

.header__main-nav-mobile .menu li a {
    padding: 28px 20px 27px;
    text-align: left;
}

.header__main-nav-mobile .menu li a:active {
    color: #818181 !important;
    background-color: #FFFFFF !important;
}

.header__main-nav-mobile .menu li a:focus {
    color: #818181 !important;
    background-color: #FFFFFF !important;
}

.header__main-nav-mobile .menu .open > a {
    color: #404040;
    font-weight: bold;
}

.header__main-nav-mobile .menu-item .sub-menu li a {
    color: #FFFFFF;
    text-align: left;
    text-transform: capitalize;
    font-weight: normal;
    width: 100%;
    font-size: 18px;
    padding: 29px 20px;
    background: #EC7261;
}

.header__main-nav-mobile .sub-menu a {
    padding-left: 30px !important;
    display: block;
}

.header__main-nav-mobile .sub-menu .sub-menu a {
    padding-left: 50px !important;
}

.header__main-nav-mobile .sub-menu .sub-menu .sub-menu a {
    padding-left: 70px !important;
}

.header__main-nav-mobile .sub-menu a:hover {
    background: #DB6351 !important;
}

.header__main-nav-mobile .menu-item .sub-menu li:hover {
    background: #DB6351 !important;
}

.header__main-nav-mobile .menu-item span {
    cursor: pointer;
}

.rotate::after {
    transform: rotate(-180deg);
    transition: 0.3s;
}

/* disables submenu arrow in the third submenu */
.header__main-nav .sub-menu .sub-menu .sub-menu .menu-item-has-children .sub-menu__arrow {
    display: none;
    visibility: hidden;
    opacity: 0;
}

/* sets the default background color of submenu buttons when not expanded */
.header__main-nav-mobile .menu-item .sub-menu li > a {
    background: #EC7261;
}

/* changes the background color of submenu buttons when expanded */
.header__main-nav-mobile .menu-item .sub-menu .open:hover > a {
    background: #DB6351;
}

/* changes the background color of submenu anchors when clicked */
.header__main-nav-mobile .menu-item .sub-menu li > a:active {
    background: #F18778 !important;
}