/*
 Theme Name:   EMEKO 
 Description:  EMEKO Theme
 Author:       Ted Huang
 Version:      1.0.0
 Text Domain:  emeko
*/

body {
    font-family: 'Segoe UI', Inter, system-ui, sans-serif;
    scroll-behavior: smooth;
}
header div.logo {
  gap: 1em;
  cursor: pointer;
}
header div.logo .sub-name{
	font-size:22px;
}
img.logo{
    width: 120px;
    height: auto;
}
.bg-dark {
    --tw-bg-opacity: 1;
    background-color: #0B1E3A !important; /*rgb(15 23 42 / var(--tw-bg-opacity, 1));*/
}
.bg-cover{
	background-image: url(./images/robotic-arms-modern-factory-setting.jpg);
}
.bg-emeko-overlay {
    background-color: rgba(0, 0, 0, 0.7);
}
.map-placeholder {
    background: #13294B;
    border-radius: 24px;
    padding: 20px;
    flex: 1;
}
.nav-links{
	margin-top:2em;
}
.bg-emeko-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(10 36 99 / var(--tw-bg-opacity, 1));
}
.menu-toggler {
    position: absolute;
    top: 20px;
    right: 20px;
}
/*
#main-menu .space-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2rem * var(--tw-space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}
*/
@media screen and (max-width: 767px) {
	#header-inner {
    row-gap: 10px;
	}
	header div.logo .primary-name {
	    font-size: 23px;
	}		
	
	header div.logo .sub-name {
	    font-size: 14px;
	}	
}