/* HEADER  */
.no-touch .w-nav.type_desktop .hover_underline .menu-item.level_1.current_page_item .w-nav-title{font-weight: bold;}
.no-touch .w-nav.type_desktop .hover_underline .menu-item.level_1.current_page_item .w-nav-title:after{bottom: -2px;opacity: 1;}

.l-subheader.at_top i{color: var(--color_header_top_text);}
.l-subheader.at_top a:hover i{color: var(--sc-primary);}

.user_dropdown{position: relative; padding: 5px 15px}
.user_dropdown > a{transition: none!important; height: 40px; display: flex; align-items: center;}
.user_dropdown > a i{margin-right: 10px; font-size: 30px;}
.user_dropdown > a.toggle_user_menu::after{content: '\f107'; font-family: "FontAwesome"; margin-left: 10px;}
.user_dropdown .user_menu{position: absolute; left: 0; right: 0; z-index: 999; background: #fff; display: none;}
.user_dropdown .user_menu .user_menu_items ul{list-style: none; margin-left: 0; padding: 15px;}
.user_dropdown .user_menu .user_menu_items ul li {width: 100%; text-align: left; margin-bottom: 5px;line-height: 25px;}
.user_dropdown .user_menu .user_menu_items ul li a {width: 100%; text-align: left; font-weight: normal;}
.user_dropdown .user_menu .user_menu_items ul li a:hover{color: var(--sc-primary);}

.user_dropdown.active > a::after{content: '\f106';}
.user_dropdown.active .user_menu{display: block; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;-webkit-box-shadow:0 5px 6px 0 rgba(0,0,0,0.16);-moz-box-shadow:0 5px 6px 0 rgba(0,0,0,0.16);box-shadow:0 5px 6px 0 rgba(0,0,0,0.16);}

/* Main menu */
.main_menu > ul > li > a:first-child{padding-left: 0!important;}

.header_appointment_menu .yellow_text{color: #ffed00;}
.header_appointment_menu li a .w-nav-title{display: block; margin-top: 10px;}
.header_appointment_menu li:first-child a{padding-left: 0!important;}
.header_appointment_menu li:first-child::after{content: ''; width: 1px; height: 20px; background-color: #fff;position: absolute; right: 0; top:20px;}

@media only screen and (min-width: 900px) {
    /* Prevent left col to get bigger */
    .l-subheader-cell.at_left{flex-grow: 0; width: 150px; display: block!important;}
    .l-subheader-cell.at_center{justify-content: flex-start!important;}

    .logo .w-image-h{display: flex; align-items: flex-end;}
    .logo img{height: initial!important;}
}

@media only screen and (max-width: 400px) {
    #page-header .w-text .w-text-value{display: none;}
}