/**
 * Header file - this is the stuff above the blue navigation bar
 */


/**
 * Top Bar
 * The top bar contains the shortcuts, search, and social links
 */

.topbar {
	color: #8E8484;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 14px;
	margin-top: 20px;
}

.topbar__shortcuts {
	flex: 1;
	justify-content: space-between;
}

.topbar a {
	color: #000;
	margin-left: 15px;
	text-decoration: none;
}

.topbar a:hover {
	border-bottom: 1px solid #000
}

.topbar__shortcuts {
	display: none;
}

.topbar__right {
	display: flex;
}

.topbar__search__input {
	background-color: #919191;
	border: none;
	width: 200px;
	padding: 10px 10px 10px 35px;
	border-radius: 2px;
	color: #FFF;
	outline: none;
	background-image: url('../images/nav-search-icon.svg');
	background-size: 18px;
	background-position: left 10px center;
}

.topbar__search__input::placeholder {
  opacity: 0.7;
  color: #FFF;
}

.topbar__social {
	display: flex;
}

.topbar__social__item__link {
	display: block;
	height: 35px;
	width: 35px;
	background-color: #919191;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 2px;
	background-size: 15px 15px;
	transition: all 0.5s ease;
}

.topbar__social__item__link:hover {
	transform: scale(1.2);
}


/**
 * Header
 * Contains the ANZA logo and header advert
 */

.header {
	margin: 20px 0;
}

.header__logo {
	display: block;
	width: 160px;
	height: 59px;
	background-size: cover;
	background-image: url('../images/anza-logo-full-2025.svg');
}


.header__logo_and_hamburger {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}



.header__ads__ad {
	text-align: center;
}



@media only screen and (min-width: 920px) {
	

	.header .container {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.header__logo {
		width: 242px;
		height: 89px;
		transition: all 0.5s ease;
		margin-right: 20px;
	}

	.header__logo:hover {
		transform: scale(1.05);
	}

	.header__logo_and_hamburger {
		margin-bottom: 0;
	}

	.topbar__shortcuts {
		display: flex;
		justify-content: flex-start;
	}
	
	.topbar__shortcuts ul {
		display: flex;
	}


}