/* General */
.jhac-text-color {color: var(--jhac-textcolour);}
.jhac-text-color-2 {color: var(--jhac-menucolour);}
.jhac-bg-color {background: var(--jhac-textcolour);}
.jhac-bg-color-2 {background: var(--jhac-menucolour);}
.jhac-bg-color-3 {background: var(--jhac-menusecondarycolour) !important;}

/* Ensure various mobile elements elements transition smoothly */
.mobile_menu_section .h_m_l, .mobile_menu_section .h_m_i, .mobile_menu_section .h_m_l_s {-webkit-transition: all 0.35s ease;-moz-transition: all 0.35s ease;-o-transition: all 0.35s ease;transition: all 0.35s ease;}

/* The hamburger menu bar */
.mobile_menu_section .h_m_i {position: relative;line-height: 1rem;font-size: 1.1rem;letter-spacing:1.5px;height:57px;padding: 0 16px 0 15px;cursor: pointer;font-weight: 600;float: left;width: 100%;text-align: center;text-transform: uppercase;}
.mobile_menu_section .h_m_i .h_m_i_burger {display: inline-block;width: 22px;font-size: 0;position: relative;top: -2px;margin: 0 4px 0;vertical-align: middle;}
.mobile_menu_section .h_m_i .h_m_i_burger span {width: 100%;height: 1px; margin: 6px 0;display: block;}
.mobile_menu_section .h_m_i .h_m_i_inside {position:relative;top:50%;left:50%;transform:translate(-50%,-50%);}
.mobile_menu_section .h_m_i .h_m_i_inside img {vertical-align: middle;height: 22px;width: auto;display: inline-block;top: -1px;position: relative;margin: 0 4px 0 1px;}

/* The mobile menu section */
.mobile_menu_section {text-align:center;display:inline-block;vertical-align: top;}
.mobile_menu_section.smaller {width:auto;}
.mobile_menu_section.smaller .h_m_i {border-radius: 3px;}
.mobile_menu_section.fuller {width:100%;}
.mobile_menu_section .h_m_l {margin-bottom:13px; z-index: 999;position: fixed;height: 100%;padding:15px 19px 59px 19px;overflow-y: scroll;box-shadow:-2px 0px 18px 0px #333;top:0;left:-110%;width: 100%;text-align:left;}
.mobile_menu_section .h_m_l.menu_show {left:0;}
.mobile_menu_section .h_m_l ul {float:left;width:100%;margin:0 0 10px 0;padding-left:0;}
.mobile_menu_section .h_m_l ul li {list-style:none;float:left;width:100%;position: relative;}
.mobile_menu_section .h_m_l ul li .sub_menu_plus {position: absolute;top: 1px;right: 0;height: 100%;width: 35px;text-align: center;font-size: 1.25rem;line-height: 0.95rem;}
.mobile_menu_section .h_m_l ul li .sub_menu_plus b {display:none;vertical-align: middle;top: 50%;position: relative;margin-top: -10px;}
.mobile_menu_section .h_m_l ul li .sub_menu_plus b.show_arrow {display:block;}
.mobile_menu_section .h_m_l ul li .sub_menu_plus b.sub_arrow_2 {font-size:1.1rem;}
.mobile_menu_section .h_m_l ul li a {border-top: 1px solid var(--jhac-menubordercolour); float: left;width: 100%;font-weight: 500;line-height: 1.2em;font-size: 1rem;letter-spacing: 0.65px;padding: 15px 40px 15px 0;text-transform:uppercase;text-decoration:none;}
.mobile_menu_section .h_m_l ul li a:hover {color: var(--jhac-textcolour);}
.mobile_menu_section .h_m_l ul li:first-child a {border:none;}
.mobile_menu_section .h_m_l ul li.menu-item-has-children {cursor:pointer;}
.mobile_menu_section .h_m_l ul li.menu-item-has-children ul.sub-menu {margin:0 0 0 0;display:none;padding:0 0 20px 0;-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;}
.mobile_menu_section .h_m_l ul li.menu-item-has-children ul.sub-menu a {font-weight:300;padding:6px 0;font-size:0.9rem;border:none;text-transform:capitalize;pointer-events:visible;}
.mobile_menu_section .h_m_l ul li.menu-item-has-children ul.sub-menu.show_sub {display:block;}
.mobile_menu_section .h_m_l ul li.menu-item-has-children.current_page_item:hover ul.sub-menu {display:none;}
.mobile_menu_section .h_m_l ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu {padding: 0 0 2px 12px;display: block !important;height: auto !important;}
.mobile_menu_section .h_m_l ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li a::before {content: '\25B8';margin-right: 5px;opacity: 0.3;}
.mobile_menu_section span.h_m_l_s {float: right;padding: 10px 16px 13px;line-height: 1.3rem;font-size: 1.5rem;font-weight: 500;cursor:pointer;margin-bottom:10px;}

/* Mobile details styling */
.h_m_l_details {width: 100%;display: inline-block;margin: 15px 0 15px 0;padding: 0 0 0 16px;border-left: 1px solid var(--jhac-menubordercolour);}
.h_m_l_details p {font-weight: 300;margin: 0 0 6px 0;line-height:1.05em;}
.h_m_l_details p:last-child {margin:0;}
.h_m_l_details p a {text-decoration:none;font-weight: 300;}
.h_m_l_details p a:hover {text-decoration:underline;font-weight: 300;color: var(--jhac-textcolour);}

/* Mobile popup menu */
@media (min-width:500px) {
    .mobile_menu_section .h_m_l {padding:25px 29px 69px 29px;}
}

/* Desktop navigation */
.desktop_menu_section nav {width:100%;float:left;display: block;padding:18px 0 20px;text-align:left;}
.desktop_menu_section nav {text-align: var(--jhac-alignment);}
.desktop_menu_section nav .container {overflow: visible;}
.desktop_menu_section nav .no-container-class {display: inline-block;vertical-align: top;}
.desktop_menu_section nav ul {margin:0;padding:0;}
.desktop_menu_section nav ul li {width:auto;position: relative;display:inline-block;}
.desktop_menu_section nav ul li a {width:auto; text-align:center; display:block;text-decoration:none;font-size:0.85em;padding:0 10px;border:none;font-weight:500;letter-spacing:0.4px;height: 30px;line-height: 30px;}
.desktop_menu_section nav ul li a:hover {color: var(--jhac-textcolour);}
.desktop_menu_section nav ul li.a-active a, .desktop_menu_section nav ul li.current-menu-item a {text-decoration: none}
.desktop_menu_section nav ul li.menu-item-has-children a::after {content:'\25BE';margin-left: 4px;position: relative;top: -1px;}
.desktop_menu_section nav ul li ul.sub-menu, nav.main-navigation li.menu-item-has-children ul.sub-menu, nav.main-navigation li.menu-item-has-children.current_page_item ul.sub-menu {display: none;margin:0;overflow: hidden;}
.desktop_menu_section nav ul li:hover ul.sub-menu {position: absolute;width:125px;overflow: visible;text-align: center;z-index: 9999;left:10px;padding-top:20px;}
.desktop_menu_section nav ul li.menu-item-has-children ul.sub-menu li {font-size:0.7em;width:100%;}
.desktop_menu_section nav ul li.menu-item-has-children ul.sub-menu li a, .desktop_menu_section nav li.menu-item-has-children.current_page_item ul.sub-menu a {width:100%;display:block;font-size:1em;line-height:1em;height:auto;padding:15px 25px 15px 14px;font-weight:400;border-bottom: solid 1px var(--jhac-menubordercolour);text-align:left;}
.desktop_menu_section nav ul li.menu-item-has-children ul.sub-menu li:last-child a {border:none;}
.desktop_menu_section nav ul li.menu-item-has-children ul.sub-menu li a::after {content:'';}
.desktop_menu_section nav ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children a::after {content: '\25B8';position: absolute;top: calc(50% - 2px);right: 10px;transform: translateY(-50%);}
.desktop_menu_section nav ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu {display: none;top: 0;left: 100%;padding: 0;}
.desktop_menu_section nav ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li {font-size: 1.0em;}
.desktop_menu_section nav ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li a {font-size: 1.0em;line-height: 1.05em;background: var(--jhac-menucolour) !important;}
.desktop_menu_section nav ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li a::after {content:'';}
.desktop_menu_section nav ul li:hover ul.sub-menu, .desktop_menu_section nav ul li.menu-item-has-children ul.sub-menu li:hover ul.sub-menu {display: block;}

/* General styling */
@media (min-width:960px) {
    .mobile_menu_section .h_m_l {left:auto;right:-80%;max-width:475px;}
    .mobile_menu_section .h_m_l.menu_show {left:auto;right:0;}
}

/* Which menus to display */
.desktop_menu_section {display: var(--jhac-desktopdisplay);}
.mobile_menu_section {display: var(--jhac-mobiledisplay);}