/* Header styles extracted from style.css */
.navbar-toggle {
	height: 50px; 
	width: auto;
	color: #595959;
	margin: 0;
	margin-top: 15px;
	border: none!important;
	text-decoration: none;
}
.navbar-toggle > i {
	font-size: 25px;
	line-height: 35px;
	display: block;
	margin: auto
}
.h43 {
	height: 43px!important;
}
.navbar-site {
	padding: 0;
	border-bottom: solid 1px #ddd;
}
.navbar-site .navbar-toggle {
	padding: 0 0!important;
	text-align: center!important;
}
.navbar-nav {
	display: flex;
	align-items: center;
}

.postadd + img {
	position: relative;
	top: 1px;
}
.navbar-brand {
	display: flex;
	padding-top: 23px;
	position: relative;
	padding-right: 5px;
}
.navbar-brand > img.anni {
	position: absolute;
	right: 0;
	top: 12px;
}

.header .dropdown {
	font-size: 16px;
	line-height: 20px;
	border-radius: 8px;
	text-decoration: none;
	color: #333;
	text-transform: uppercase;
}

.header .dropdown button {
	text-transform: uppercase;
	background-color: #F8EDE6 !important;
	border: none !important;
	color: #333 !important;
	border-radius: 8px !important;
	padding: 10px 18px;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
}

.header .dropdown .dropdown-toggle.show {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.header .dropdown .dropdown-menu {
	position: absolute;
	padding: 0 0 8px;
	margin: 0;
	min-width: 100%;
	border: none;
	background-color: #F8EDE6;
	border-bottom-left-radius: 8px !important;
	border-bottom-right-radius: 8px !important;
	border-radius: 0;
	box-shadow: none;
	font-size: 16px;
	line-height: 20px;
}

.header .dropdown .dropdown-menu a.dropdown-item {
	border-radius: 3px;
	line-height: 20px;
	padding: 4px 16px;
}

.header .dropdown .dropdown-menu a.dropdown-item:hover {
	background-color: transparent;
}

.header .dropdown .dropdown-menu a.dropdown-item:focus, 
.header .dropdown .dropdown-menu a.dropdown-item:focus-visible {
	outline: 0;
	box-shadow: 0 0 0 4px rgba(183, 52, 52, .25);
}

.dropdown-toggle::after {
	border: none;
	border-right: 0.125rem solid #333;
	border-bottom: 0.125rem solid #333;
	width: 8px;
	height: 8px;
	transform: rotate(45deg);
	margin-left: 8px;
}


/*   MOBILE styles   */

@media (max-width: 767px) {
	.navbar-collapse.collapse .navbar-right {
    	display: none;
	}
	.navbar-site {
		background: none repeat scroll 0 0 #fff;
		border-radius: 0;
		height: auto;
		margin-bottom: 0 !important;
		min-height: 56px;
	}
	.navbar-site > .container-lg {
		display: block;
		padding-left: 16px;
		padding-right: 16px;
	}
	.navbar-header {
		min-height: 56px;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
		gap: 8px;
	}

	.navbar-header a {
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	.navbar-header .logo {
		height: 24px;
		line-height: normal;
		margin: 8px 0 8px;
		padding: 0;
		border-radius: 4px;
		order: 1;
		flex-grow: 2;
		overflow: visible;
	}

	.navbar-header .navbar-toggle {
		order: 2;
		margin-top: 0 !important;
		border-radius: 8px;
	}

	.navbar-header .navbar-toggle span {
		display: none;
	}

	.navbar-default .mobile-newad:focus, .navbar-default .mobile-newad:hover {
		background-color: #B73434;	
	}

	.navbar-header .language {
		order: 2;
	}

	.navbar-header .mobile-login {
		order: 3;
		padding: 1px !important;
		height: 32px;
		min-width: 32px;
		border: 2px solid #B73434;
		border-radius: 8px;
	}
	.navbar-header .messages {
		order: 3;
		padding: 5px;
		height: 32px;
		min-width: 32px;
		border-radius: 8px;
		color: #B73434 !important;
		text-decoration: none;
	}

	.navbar-header .mobile-account {
		order: 3;
		padding: 5px;
		height: 32px;
		min-width: 32px;
		border-radius: 8px;
		color: #B73434 !important;
		text-decoration: none;
	}
	
	.navbar-header .mobile-newad {
		order: 5;
		padding: 3px !important;
		height: 32px;
		min-width: 32px;
		background-color: #b73434;
	}
	.navbar-header .mobile-newad img,
	.navbar-header .mobile-login img {
		height: 20px;
		width: 20px;
		margin: 3px 0;
	}
	.navbar-header .spacer {
		display: inline-block;
		height: 32px;
		width: 0px;
		border-left: 1px solid #9FA1AD;
		order: 4;
	}	

	.navbar-header a:focus,
	.navbar-header a:focus-visible {
		outline: 0;
		box-shadow: 0 0 0 4px rgba(183, 52, 52, .25);
	}

	.item-price {
		font-size: 30px;
	}

	.header .dropdown,
	.header .dropdown button,
	.header .dropdown .dropdown-menu,
	.header .dropdown .dropdown-menu a.dropdown-item {
		font-size: 14px;
		line-height: 18px;
		font-weight: 500;
	}

	.header .dropdown button {
		padding: 8px 16px;
	}

	.header .dropdown .dropdown-menu {
		padding-bottom: 2px;
	}

	.header .dropdown .dropdown-menu a.dropdown-item {
		padding-left: 16px; 
		padding-right: 16px; 
	}
}



/*   DESKTOP styles   */

@media (min-width: 768px) {
	.navbar-toggle, .mobile-login, .mobile-account, .navbar-header .language, .navbar-header .messages {
        display: none;
    }

	.logo {
		height: 36px;
        line-height: normal;
        margin: 22px 0 22px;
        padding: 3px 0;
        border-radius: 4px;
	}
	.logo img {
		height: 30px;
	}

	.logo:focus,
	.logo:focus-visible {
		outline: 0;
		box-shadow: 0 0 0 4px rgba(183, 52, 52, .25);
	}

	.header {
		height: auto;
		background: #fff;
	}

	.navbar-site {
		margin-bottom: 0 !important;
		height: auto;
		background: #fff;
		border-radius: 0;
	}
	.navbar-site > .container-lg {
		flex-wrap: nowrap;
	}

	.navbar-nav {
    	display: flex;
    	align-items: center;
	}

	.navbar-nav .all-listings,
	.navbar-nav .login,
	.navbar-nav .messages,
	.navbar-nav .logged-in {
        box-sizing: border-box;
        color: #262730;
        font-size: 14px;
        height: 44px;
        line-height: 16px;
        padding: 15px 24px 0;
		position: relative;
    	display: block;
		font-family: "Roboto", sans-serif;
    }

	.navbar-nav > li > a {
        border-radius: 3px;
        color: #262730 !important;
        font-size: 14px;
        line-height: 16px;
		position: relative;
		text-decoration: none;
		padding: 0;
		height: auto;
    }

	.navbar-nav > li > a:hover {
		color: #000;
	}

	.navbar-nav > li > a:focus,
	.navbar-nav > li > a:focus-visible {
		outline: 0 !important;
		box-shadow: 0 0 0 4px rgba(183, 52, 52, .25) !important;
	}

	.navbar-nav > li.language {
		padding-right: 24px;
		border-right: solid 1px #9FA1AD;
		text-transform: uppercase;
	}

	.navbar-nav > li.language .dropdown button {
		padding: 10px 18px;
	}


	.navbar-nav > li.postadd {
		padding-left: 24px;
		border-left: solid 1px #9FA1AD;
		margin-right: 0;
	}

	.navbar-nav > li.all-listings,
	.navbar-nav > li.messages,
	.navbar-nav > li.all-listings a,
	.navbar-nav > li.messages a {
		padding-right: 0 !important;
	}

	.navbar-nav > li.admin-panel {
		padding: 0 16px;
	}

	.navbar-nav > li.admin-panel .dropdown {
		text-transform: none;
		font-size: 14px !important;
	}
	.navbar-nav > li.admin-panel .dropdown button {
		font-size: 14px !important;
		height: 44px;
	}
	.navbar-nav > li.admin-panel .dropdown .dropdown-menu {
		font-size: 14px !important;
	}

	.navbar-nav > li.postadd a {
		border-radius: 8px;
		box-sizing: border-box;
		color: #fff !important;
		font-size: 16px !important;
		line-height: 20px;
		padding: 10px 18px;
		font-family: "Roboto", sans-serif;
		display: flex;
    	align-items: center;
		text-transform: none !important;
	}

	.navbar-nav > li.postadd a img {
		margin-right: 8px;
		white-space: nowrap;
	}

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
        border-top: 0;
        box-shadow: none;
    }
	.navbar-right {
		margin: 0;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
    	align-items: flex-end;
		justify-content: flex-end;
    }


}