/*
Theme Name: Regina Lite
Theme URI: http://www.machothemes.com/themes/regina-lite/
Author: Macho Themes
Author URI: http://www.machothemes.com/
Description: Regina Lite is one of the best free medical WordPress themes, suitable for medical clinics, dentistry websites, medical research facilities and more. Explore Regina Lite - a responsive medical WordPress template with a ton of bundled options.
Version: 2.0.7
Tested up to: 5.5
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: regina-lite
Tags: grid-layout, footer-widgets, blog, education, e-commerce

This theme, like WordPress, is licensed under the GPL.
*/

body {
    font-size: 18px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.position-relative {
    position: relative !important;
}

.appointment-url {
    background: #11ab9e;
    border-radius: 5px;
    padding: 0px 10px;
}

.appointment-url a {
    color: #fff !important;
}

.hero-addon-content {
    position: absolute;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.5);
    width: 40%;
    top: 5%;
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.29);
}

#logo {
	margin-top: 0px !important;
}

/* navigation  */

#navigation {
    float: unset !important;
}

#navigation ul {
    line-height: 40px !important;
}

#navigation ul li.menu-item {
    padding: 0px 8px !important;
    margin: 0px !important;
}

#navigation ul li a,
#navigation ul li a:focus,
#navigation ul li a:hover {
    border-bottom: none !important;
}

#navigation ul.main-menu li.menu-item:hover {
	background: #0996b1;
}

#navigation ul.main-menu ul li.menu-item:hover {
    background: #fff;
}

#navigation ul.main-menu li.menu-item:hover a {
    color: white;
}

#navigation ul.main-menu ul li.menu-item:hover a {
    color: black;
}

li.has-sub {
    position: relative;
}

li.has-sub:hover ul {
	display: block !important;
	position: absolute;
    background-color: #0996b1 !important;
    min-width: 200px;
    list-style: none;
    top: 40px;
    left: 0px;
    padding: 3px;
}

li.has-sub:hover ul li {
    white-space: nowrap;
    width: 100%;
}