<> :root { /* --s-background: rgb(93114); */ --s-background: #0C1B33; --s-color: rgb(255255255); } .s-header { background-color: var(--s-background); height: 80px; } .s-header-content { /* max-width: 1310px; */ max-width: 980px; margin: 0 auto; /* background-color: var(--s-background); color: var(--s-color); padding: 0.5rem 1rem; text-align: center; */ display: flex; } .s-header-content a { color: var(--s-color); } .s-header-content div { display: inline; align-content: center; } .s-header-content a:hover { color: var(--s-color); text-decoration: underline; text-decoration-color: #FFF; } .s-slogan{ padding-left: 5px; } .s-slogan-text{ color: var(--s-color); font: 1em sans-serif; } .s-logo-img{ height: 80px; display: inline-block; } <> .s-nav-small { /* background-color: rgba(0001); */ /* background-color: rgb(93114); */ background-color: #0C1B33; } .s-nav-small nav { /* background-color: #f8f8f8; */ padding: 7px 10px; } .s-nav-small nav ul { list--type: none; margin: 0; padding: 0; } .s-nav-small nav li { display: inline-block; margin-right: 10px; } .s-nav-small nav a { text-decoration: none; /* color: #333; */ color: #fff !important; /* font-weight: bold; */ /* font-family:arial"ｍｓ ｐゴシック""ms pgothic"돋움dotumhelveticasans-serif; */ font-size:13px; font-:normal; font-weight:400; /* height:15px; letter-spacing:1.3px; list--image:none; list--position:outside; */ letter-spacing: 1.3px } .s-nav-small nav a:hover { text-decoration: underline; color: #fff !important; } /* Adjust width */ .s-nav-small nav { max-width: 980px; margin: 0 auto; } .light-mode.dark-mode { /* display: inline-block !important; */ /* margin-bottom: 3px; */ width: 16px !important; height: 16px !important; display: none; } .topnav { overflow: hidden; /* background-color: #333; */ } .topnav a { float: left; display: block; color: #ffffff; /* text-align: center; */ /* padding: 14px 16px; */ padding-right: 16px; text-decoration: none; font-size: 13px; /* text-decoration: none; */ /* color: #333; */ /* color: #fff !important; */ /* font-weight: bold; */ /* font-family:arial"ｍｓ ｐゴシック""ms pgothic"돋움dotumhelveticasans-serif; */ /* font-size:13px; */ font-:normal; font-weight:400; /* height:15px; letter-spacing:1.3px; list--image:none; list--position:outside; */ letter-spacing: 1.3px; /* text-align: center; */ } .topnav a:hover { text-decoration: underline; } .topnav a.active { color: white; } .topnav .icon { display: none; } @media screen and (max-width: 600px) { .topnav a:not(:first-child) {display: none;} /* .topnav a {display: none;} */ .topnav a.icon { float: right; display: block; } .s-nav-small nav { padding: 0; } } @media screen and (max-width: 600px) { .topnav.responsive {position: relative;} .topnav.responsive .icon { position: absolute; right: 0; top: 0; } .topnav.responsive a { float: none; display: block; /* text-align: left; */ text-align: center; padding-bottom: 16px; padding-right: 0px; } } html.theme_light .s-nav-small .navbar-toggler-icon { margin-top: 16px; width: 40px; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(2552552551)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); /* background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0001)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); */ } <> .share-mobile-menu-header{ width:100%; z-index:1000; /* background-color: rgb(93114); */ background-color: #0C1B33; } .share-mobile-menu-header-inner{ display:flex; align-items:center; justify-content:space-between; padding:0 16px; } .share-mobile-menu{ position:fixed; top:0; left:0; width:100%; height:100vh; /* Always fill the screen */ background:white; display:flex; flex-direction:column; align-items:center; justify-content:center; opacity:0; pointer-events:none; overflow-y:auto; /* Scroll only if needed */ transition:opacity 0.3s ease; z-index:1010; /* background-color: rgb(93114); */ background-color: #0C1B33; } .share-mobile-menu nav { width:100%; display:flex; flex-direction:column; align-items:center; justify-content:top; min-height:100vh; } .share-mobile-menu nav a{ margin:10px 0; font-size:22px; color:#fff !important; text-decoration:none; } .share-mobile-menu nav a:hover{ text-decoration: underline; color: #fff !important; } <> .filters-sidebar { /* z-index: 100000; */ } .filters-sidebar-toggle { top: -43px; } .filters-sidebar-container { overflow: unset; } <> .jvectormap-legend-continer { margin-top: 40px; padding-bottom: 10px; }