/* Mobile Header Color Changes */

@media (max-width: 1199px){
	header{
		 background-color: var(--navigationMobileColor) !important;
	}
	header .header-mobile-linklist {
		background: var(--navigationMobileColor);
		display: none;
	}
	.megamenu {
		background-color: var(--navigationMobileColor);
		width: 100%;
	}
	.megamenu--three {
		background-color: var(--navigationMobileColor);
		width: 100%;
	}
	header.nav-phase-3 {
		background-color: var(--navigationMobileColor) !important;
	}
	header.nav-phase-3 .header-mobile-linklist.social, header.nav-phase-3 .header-mobile-linklist.contact{
		background-color: var(--navigationMobileColor) !important;
	}
	header.nav-phase-3 .header-mobile-linklist.privacy{
		background-color: var(--navigationMobileColor) !important;
	}
	.nav-phase-3.boutique-nav--1 nav{
		background-color: var(--navigationMobileColor) !important;
	}
	.megamenu--three .megamenu__toggle>div:first-child{
		background-color: var(--navigationMegamenuToggleColor)
	}
	.megamenu--three .megamenu__toggle>div{
		background-color: var(--navigationMegamenuToggleColor)
	}
	header .header-mobile-linklist.social a {
		background-color: #ffffff;
	}
	.megamenu .megamenu__item>a {
		color: var(--navigationFirstLevelFontColor);
	}
	.is-hovered .megamenu .megamenu__item>a, .is-scrolled .megamenu .megamenu__item>a, .is-normal .megamenu .megamenu__item>a {
		color: var(--mobileNavigationLinkColor);
	}
	header.is-scrolled{
		 background-color: var(--navigationMobileColor) !important;
	}
	header.is-hovered, header.is-normal {
		background-color: var(--navigationMobileColor) !important;
	}
	header .phone {
	   background: var(--navigationPhoneIcon);
		background-size: 50%;
		background-position: center;
	}
	header.is-scrolled .phone, header.is-normal .phone {
	   background: var(--navigationPhoneIcon);
		color:var(--navigationSocialColor);
		background-size: 50%;
		background-position: center;
	}
	header.is-scrolled .location, header.is-normal .location {
		background: var(--navigationLocationIcon);
	}
	header.is-hovered .phone, header.is-normal .phone {
		background: var(--navigationPhoneIcon);
		color:var(--navigationSocialColor);
		background-size: 50%;
		background-position: center;
	}
	header.is-hovered .location, header.is-normal .location {
		background: var(--navigationLocationIcon);
	}
	.megamenu .megamenu__toggle>div{
		background-color: var(--navigationMegamenuToggleColor);
	}
	#nav-header>.nav-row .social a.instagram {
		background-image: var(--navigationMobileInstagram);
	}
	#nav-header>.nav-row .social a.facebook {
		background-image: var(--navigationMobileFacebook);
	}
	#nav-header>.nav-row .social a.youtube {
		background-image: var(--navigationMobileYoutube);
	}
	li.megamenu__item>a{
		font-size: var(--navigationMobileFontSize);
	}
	/* Cookie Bar Fix */
	.has-cookiebar.is-scrolled{
		height: 60px;
	}
	li.megamenu__item{
		padding-top:20px;
		color: var(--mobileNavigationLinkColor);
	}
	li.megamenu__item:nth-child(1) {
		border-top: 1px solid #c0c5c0;
	}
	header .header-mobile-linklist.social a {
		background-color: var(--mobileNavigationSocialBackgroundColor);
	}

	.header-mobile-linklist ul{
		color: var(--mobileNavigationPrivacyStatementLinkColor);
	}
	.megamenu__item[aria-expanded='true'], .megamenu__item:hover, .megamenu__item:focus, .megamenu__item.active-nav{
		border-color: var(--mobileNavigationSecondLevelUnderlineColor) !important;
	}

	.is-hovered .megamenu .megamenu__item.has-children > a:after, .is-scrolled .megamenu .megamenu__item.has-children > a:after, .is-normal .megamenu .megamenu__item.has-children > a:after {
		border-left-color:  var(--MobileNavigationArrowColor);
		border-bottom-color: var(--MobileNavigationArrowColor);
	}

	.is-hovered .megamenu--three .megamenu__item.has-children>a:after, .is-scrolled .megamenu--three .megamenu__item.has-children>a:after, .is-normal .megamenu--three .megamenu__item.has-children>a:after{
		border-bottom: 1px solid var(--mobileNavigationArrowColor);
		border-left: 1px solid var(--mobileNavigationArrowColor);
	}

	/* Boutique Nav temporary changes */

	header.boutique-nav--1.is-opened {
		max-height: 100vh;
		overflow-y: scroll;
		-webkit-overflow-scrolling:touch; 
		height: 100vh;
	}
	header.boutique-nav--1.is-hovered .megamenu__panel, header.boutique-nav--1.is-normal .megamenu__panel{
		padding-left: 0;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	header.boutique-nav--1 .megamenu__panel > .megamenu__panel-content > .megamenu__panel-list > li > a{
		line-height: 40px;
	}
	.boutique-nav--1.is-opened #nav-header .nav-row .megamenu--four .component-content nav .megamenu__list .cta-square{
		margin: 0;
	}
	.boutique-nav--1 .megamenu--four {
		display: block;
		order: 0;
	}
	.boutique-nav--1 .megamenu--four .megamenu__item>a{
		color: var(--navigationMegaLinkColor);
	}

	.boutique-nav--1 .megamenu--four .megamenu__item.has-children>a:after{
		border-bottom: 1px solid var(--navigationMegamenuToggleColor);
		border-left: 1px solid var(--navigationMegamenuToggleColor);
	}

	.boutique-nav--1  .social{
		display: block;
		position: relative;
		order: 1;
		margin-top: 100px;
	}
	.boutique-nav--1 .megamenu--four .megamenu__panel-list{
	text-align: center;
	}
	.boutique-nav--1 #nav-header .nav-row .image--mirvac {
		bottom: 5px !important;
		margin-left: 0;
		order: 2;
		position: relative;
	}
	header.boutique-nav--1.has-cookiebar.is-opened{
		margin-top: 0 !important;
	}
	.cta-square>a{
		background-color: transparent !important;
		border: none !important;
		color: var(--navigationMegaLinkColor) !important;
	}
	header.nav-phase-3 .image:not(.image--logo) img {
		max-height: 35px;
	}
	.boutique-nav--1 #nav-header .nav-row .megamenu--four .component-content nav .megamenu__list .megamenu__item .megamenu__panel {
		margin-left: 0;
		padding: 0;
	}
}

@media (min-width: 769px) and (max-width: 1025px){
	.megamenu .megamenu__toggle > div{
		background-color: var(--navigationMegamenuToggleColor);
	}

	header.is-hovered .phone, header.is-normal .phone {
		margin-top: 10px;
	}
	header .header-mobile-linklist .phone{
		margin-top: 0;
		width: 32px;
		height: 22px;
	}
	.megamenu .megamenu__panel-list a {
		color: var(--navigationMobileMegaDropLinkColor);
	}
}


/* Nav Bar fixes for white padding - Added padding to containers to compensate */
@media (max-width:1200px){
	#content{
		margin-top:0px !important;
	}
	#content>.container:first-child {
		padding-top: 160px;
	}
	#content>.container-fluid:first-child {
		padding-top: 160px;
	}
}

@media (max-width: 768px){
.megamenu .megamenu__panel-list a {
    color: var(--navigationMobileMegaDropLinkColor);
    font-size: var(--navigationMobileMegaDropLinkSize);
    }
}

@media (max-width: 768px){
	.megamenu--three .megamenu__panel-list a {
		font-size: var(--navigationSecondLevelLinkFontSize);
	}

	.isExternal:after{
		content:none;
	}
	.is-opened .isExternal:after{
		content: "";
		height: 11px;
		width: 11px;
		background: url(./images/external-link.svg) no-repeat 50%;
		background-size: auto;
		background-size: contain;
		display: inline-block;
		padding-top: 49px;
		position: absolute;
		margin-left: 5px;
	}
	header.nav-phase-3 .image img {
		height: 100%;
		width: 100%;
		max-width: 150px;
		height: auto;
	}
	.image--mirvac {
		display: inline-block;
		max-width: 100%;
	}
}

@media (max-width: 375px){
	.modal__container{
		margin-top: 80px;
	}
		.component.image.file-type-icon-media-link.col-sm-push-5.image--mirvac {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}
	header.nav-phase-3 .image.image--logo {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}
}

@media (max-width: 320px){
	header.nav-phase-3 .image img{
		max-height: 35px;
	}
	header.nav-phase-3 .image{
		padding: 7.5px 0px;
	}
	header.nav-phase-3 .image--logo img{
		max-height: 70px !important;
	}
}