@charset "UTF-8";

/*
Theme Name: mobius
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: mobius is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how mobius elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.7
Requires PHP: 5.6
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

mobius WordPress Theme, (C) 2020 WordPress.org
mobius is distributed under the terms of the GNU GPL.
*/

.main-navigation {
	text-align: center;
	border-left:0px solid #374b62;
	border-right:0px solid #374b62;
	background: transparent;
	height:40px;
	z-index: 999;
	position: relative;
}

.main-navigation li {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.42857143;
}
.main-navigation a {
	color: var(--color-body);
}
.main-navigation a:hover,
.main-navigation a:focus {
	color: var(--color-primary);
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}
@media screen and (min-width: 600px) {
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-bottom: 0px solid #ededed;
		border-top: 0px solid #ededed;
		display: flex;
		justify-content: flex-end;
		text-align: center;
		width: 100%;
		padding:0px;
		margin: auto;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0px;
		color: var(--color-body);
		text-transform: none;
		white-space: nowrap;
		font-size:16px;
		line-height: 40px;
		transition:all 300ms linear;
		margin:0 -3px 0 2px;
		font-weight: 500;
		font-family: var(--font-main) !important;
	}

	.main-navigation li ul.sub-menu li a {
		margin: 0px;
	}

	.main-navigation li a:hover,
	.main-navigation li a:focus {
		color: var(--color-primary);
		background:transparent;
	}
	.main-navigation li {
		margin: 0 0px 0 0;
		position: relative;
		line-height: 40px;
	}

	.main-navigation li ul {
		margin: 5px 0px 0px -1px;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 999;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
		text-align:left;
		padding-top:12px;
		min-width: 200px;
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li:focus > ul,
	.main-navigation .focus > ul {
		border-left: 0;
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
	}
	
	.main-navigation li ul li a {
		background: transparent;
		border-bottom: 0px solid #ededed;
		border-left: 0px solid #ededed;
		border-right: 0px solid #ededed;
		font-size: 16px;
		line-height: 25px;
		padding: 5px 10px;
		white-space: nowrap;
		text-shadow:none;
		color: #000;
		text-transform:none;
		font-weight:400;
	}
	.main-navigation li ul.sub-menu{ background:#FCFCFC; padding:10px 20px 10px 10px; border-radius:0px; box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.15); margin-top: 0px;}
	/*.main-navigation li ul.sub-menu:after{ content: ""; background: #006699; height: 5px; width: 50%; position: absolute; top: 0; left: 0;}*/
	.main-navigation li ul li.current-menu-item > a{ background:transparent; color: var(--color-secondary);}
	.main-navigation li ul li {line-height: 40px; display: block}

	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		background: transparent;
		color: var(--color-primary);
		transition-duration: 500ms;
    	transition-timing-function:  ease;
		font-size:16px;
		border-bottom: 0;
	}

	.main-navigation .current-menu-item,
	.main-navigation .current-menu-ancestor,
	.main-navigation .current_page_item a,
	.main-navigation .current_page_ancestor{
		border-bottom: 0px solid var(--color-primary);
		color: var(--color-primary);
}

.main-navigation .current_page_item a, .main-navigation li a:hover{border-bottom: 1px solid var(--color-primary);}
	
	.main-navigation li:hover{border-bottom: 0px solid var(--color-primary);}
	.main-navigation li ul li:hover,
	.main-navigation li ul li:focus,
	.main-navigation li ul .current-menu-item,
	.main-navigation li ul .current-menu-ancestor,
	.main-navigation li ul .current_page_item,
	.main-navigation li ul .current_page_ancestor{ border-bottom: 0 !important; color: var(--color-primary);
}

}
	
@media (min-width: 992px) {
.main-navigation li a {font-size:16px; font-weight: 600; padding: 0px; margin: 0px 0px 0px 30px;}
.main-navigation .menu-item-has-children:after{ position: relative; content: "\f140"; font-family: dashicons; right: 5px; top: 3px;}
}

@media (min-width: 1366px) {
	.main-navigation li a {
		font-size: 20px;
		padding: 0px;
		margin: 0px 0px 0px 45px;
	}
}
	

/*Scroll to Top*/
#return-to-top .upIcon{ content: url("assets/images/top-dark.svg");}
#return-to-top {
    position: fixed;
    bottom: 30px;
    right: 0px;
    background: rgba(232, 232, 232, 0.8);
	/*box-shadow: 0px 0px 1px 1px rgba(255,255,255,0.3);*/
  	padding:5px 8px 9px 10px;
	border-radius:5px 0px 0px 5px;
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	 z-index:99;
}
#return-to-top:hover {
   background: rgba(232, 232, 232,1);
}