/*
Theme Name: My Favorite Theme
Theme URI: https://github.com/myfavoritewebdesigns/My-Favorite-Theme
Author: MFWD
Author URI: https://myfavoritewebdesigns.com
Description: MFWD simple boilerplate WordPress theme with Tailwind CSS.
Version: 1.0.0
Text Domain: mfwd
*/
* {
	box-sizing: border-box;
}
body {
	margin:0;
	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
a {
	color: inherit;
	text-decoration: inherit;
}
img {
	max-width: 100%;
	height: auto;
	object-fit: cover;
}
[type=submit] {
	border: 0;
}
[multiple], [type=date], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], select, textarea {
	--tw-shadow: 0 0 #0000;
    border-radius: 0;
    font-size: 1rem;
    line-height: 1.2rem;
    padding: .5rem .75rem;
}
[multiple]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, select:focus, textarea:focus {
    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #1c64f2;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px;
}
/* Style the navigation menu */
.top-nav {
	z-index: 10;
	order: 3;
}
.hamb-menu {
	display: none;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	width: -webkit-fill-available;
	border-top: 7px solid #013d75;
	z-index: 1;
}
/* Hide the links inside the navigation menu */
.hamb-menu .sub-menu {
	display: none;
	list-style: none;
	width: 100%;
	padding-left: 15px;
	margin-left: 0;
	order: 2;
}
.hamb-bars:has(> input:checked) ~ .hamb-menu {
	display: block;
}

/* Style navigation menu links and arrows */
.top-nav a {
	display: block;
	flex: 1;
}
.hamb-menu .menu {
	display: flex;
	flex-flow: column;
	padding-left: 0;
	margin: 0;
}
.hamb-menu .menu-item {
	display: flex;
	flex-flow: wrap;
}
.hamb-menu .menu li:not(:last-child){
	/*border-bottom: 1px solid #2199d9;*/
}
.hamb-arrow {
	display: flex;
	align-items: center;
	padding: 7px 10px;
	margin-bottom: 0;
	order: 1;
}
.hamb-arrow:has(> input:checked) ~ .sub-menu {
	display: block;
}
.hamb-arrow input {
	display: none;
}

/* Style the hamburger menu */
.hamb-bars .hamb-close, .hamb-bars:has(> input:checked) .hamb-open {
	display: none;
}
.hamb-bars:has(> input:checked) .hamb-close {
	display: block;
}
.hamb-bars input {
	display: none;
}

/* Hide mobile menu on desktop */
@media (min-width:1024px){
	.top-nav {
		display: none;
	}
}
/* Desktop Menu */
#navbar-desktop ul ul {
	display: none;
}
#navbar-desktop ul li:hover > ul {
	display: block;
}
#navbar-desktop ul ul {
	list-style-type:none;
	display: none;
	position: absolute;
	padding:14px 0;
	z-index: 99999;
	background: #fff;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}