/* NAVIGATION */

.nav-link { padding: 15px 20px !important; }
.nav-link.is-active, .nav-link:hover { background: var(--bgcolor); color: #eee; }
#block-dempo-main-menu { height: 54px;  background: var(--bs-dark); }

.nav-item a { color: #eee; }
.dropdown-menu .nav-item a { color: #666; }
.nav-item.dropdown a:hover { color: #eee; }
.navbar-nav li.dropdown-menu { padding: 0; border: none; }
.navbar-nav .dropdown-menu { box-shadow: 2px 2px 10px rgba(0,0,0,0.5); border-radius: 0; padding: 0; border: none;}


.navbar-brand {
	background: white;
	margin: -0;
	padding-right: 15px;
	height: 54px;
}

.navbar-brand img {
    max-height: 54px;    
}

.navbar-toggler {
	border: none;
	border-radius: 0;
	box-shadow: none !important;
}

@media (min-width: 1200px) {
 .navbar-brand.v2 { display: none;}    
}

@media (max-width: 1200px) {
  #block-sitebranding { display: none; }    
}

@media (min-width: 1200px) {
	.navbar .nav-item .dropdown-menu { display: none; }
	.navbar .nav-item:hover .nav-link {   }
	.navbar .nav-item:hover .dropdown-menu { display: block; }
	.navbar .nav-item .dropdown-menu { margin-top:0; }
}

@media (max-width: 1200px) {
    #block-dempo-main-menu         { height: auto; background: white !important; }
    .navbar-toggler                { background: var(--bs-dark); }
    .navbar-nav.dempo-navbar-nav   { background: var(--bs-dark); }
    .nav-link.dropdown-toggle.show:hover { margin-bottom: -2px; }
}

.btn-close.btn-close-white {
	margin-right: 12px;
	border: solid 1px;
	border-radius: 0;
}

/* SEARCH */

.search-block-form {
	background: var(--bs-dark);
	position: relative;
}

.search-icon {
	color: #eee;
	width: 30px;
	height: 30px;
	margin-top: 12px;
	padding: 3px 7px;
	border-radius: 50%;
}

.search-icon:hover {
	background: #eee;
	color: black;
}

.search-contents {
	display: none;
}

.search-contents {
	position: absolute;
	border: solid 1px #ccc;
	right: 0;
	padding: 0 16px;
	width: 330px;
	background: #eee;
	z-index: 100;
	margin-top: 12px;
}

.search-contents .js-form-item.form-item {
	margin: 16px;
	float: left;
}

@media (max-width: 1200px) {
    .search-block-form {
        background: transparent;
    }
    .search-icon {
    	color: #222;
    	width: 30px;
    	height: 30px;
    	margin-top: 20px;
    	padding: 3px 7px;
    	border: solid 1px #222;
    	border-radius: 50%;
    	margin-right: ;
    }    
}