/* fix issue with repeated breadcrumbs - they don't work correctly because we aren't using left navigation */
#navbarNavMain > div.col-xl-9.col-lg-8.col-md-12 > ul > li:nth-child(4) {
	display: none;
	visibility: hidden;
}

.fa-mag-link {
	margin-left: 0;
}
.fa-mag-link img {
	margin-bottom: 20px;
}
.aside-item {
	background-color: #ccc; /* Â鶹ŮÀÉ 2024 dark gray */
	color: #036;
	padding: 20px;
	clear: both;
}
.aside-item h3 {
	font-size: 20px; /* making h3 into h4 size */
}

.aside-item.margin--top--40.bg--blue {
	background-color: #036;
	color: #fff;
}
.aside-item.margin--top--40.bg--blue a {
	color: #fff;
}
.aside-item.fau-blue {
	background-color: #036;
}
.social-networks .title {
	font-size: 32px !important;
}
@media screen and (max-width: 639px) {
	div.social-footer.section-m {
		margin-bottom: 20px;
		padding-left: 0;
	}
	div.social-footer.section-m .icon {
		display: inline-block; /* horizontal only on phones */
		background: #0073e6;
		border-radius: 50%;
		width: 40px;
		height: 40px;
		padding: 8px;
		margin-bottom: .25em;
		text-align: center;
		vertical-align: middle;
		position: relative;
	}
	div.aside-item img {
		width: 100%;
	}

	.fa-mag-link {
		margin: 40px 0 40px 0;
		float: left;
		width: 90%;
		max-width: 100%;
	}
	div.section.story-content {
		padding: 1em;
	}
	
	.home-page-header-slider .header-slider__slide { /* these two styles keep the custom sized image within the viewing area on phones */
		min-height: 1px;
		height: auto
	}
	.home-page-header-slider .header-slider__slide .header-slider__img {
		height: auto
	}

}
@media screen and (min-width: 640px) {
.fa-mag-link {
	margin: 40px 0 40px 0;
	max-width: 350px;
	float: right;
}
.home-page-header-slider {
	max-width: 100%;
}
.home-page-header-slider .header-slider__slide {
	min-height: 100%;
	max-width:1530px;
	margin:auto;
}
.home-page-header-slider .header-slider__slide .header-slider__img {
	height: 100%;
	
}
.home-page-header-slider .header-slider__slide .header-slider__img img {
	height: auto;
	/*max-height: 500px;
	min-height: 500px; */
}
.header-slider__content .header-slider__content__desc {
	max-width: 90%;  /* this is for phone and tablets. Set larger width in the media query below */
	width: 90%;
	
	padding: .25em;
}
div.section.story-content {
	max-width: 1600px;
	padding: 0 8rem;
	margin: 0 auto;
}

div.social-footer.section-m {
	max-width: 5%;
	float: left;
	font-size: 24px;
	font-family: "Avenir-Book";
	position: absolute;
	left: 0;
	top: 70%;
	z-index: 2000;
}

div.social-footer.section-m .icon {
	background: #0073e6;
	display: block;  /* so we can display these vertically instead of default horizontal */
	border-radius: 50%;
	width: 40px;
	height: 40px;
	padding: .10em;
	margin-bottom: .25em;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
div.social-footer.section-m .icon a {
	background: #0073e6;
	word-wrap: break-word;
}
div.section.story-content {
	padding: 1em;
}


@media screen and (min-width: 800px) and (max-width: 1400px) {
	div.section.story-content {
		clear: both;
		margin-top: 0;
	}
	div.social-footer.setion-m {
		top: 70%;
	}
}

@media screen and (min-width: 992px) { /* larger devices (not ipad) */
	.home-page-header-slider .header-slider__slide .header-slider__content {
		padding-bottom: 25px;
	}
	.header-slider__content .header-slider__content__desc {
		max-width: 50%;
	}
	div.section.story-content {
		max-width: 1600px;
		padding: 0 8rem;
		margin: 0 auto;
	}
	
	
}
/* ipad-pro */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	.header-slider__content .header-slider__content__desc {
		max-width: 90%;  /* this is for phone and tablets. Set larger width in the media query below */
		width: 90%;
		
		padding: .25em;
	}
	div.section.story-content {
		max-width: 1600px;
		padding: 0 8rem;
		margin: 0 auto;
	}
}
	
@media screen and (min-width: 1400px) {
	
	.home-page-header-slider .header-slider__slide .header-slider__img img {
		object-fit: contain;
	}
	.header-slider__img img {
		box-shadow: none;
	}
	div.social-footer.section-m {
		top: 40%;
	}
}
/* story content begins to move up over the banner at this size - noticeable on MAC at 2500px */
@media screen and (min-width: 1600px) {
	div.section.story-content {
		clear: both;
		margin-top: 0;
	}
	.home-page-header-slider .header-slider__slide .header-slider__img img {
		max-height: 600px;
		height: 600px;
		
	}
}

@media screen and (min-width: 2050px) {	/* large screens and MAC */
	.home-page-header-slider .header-slider__slide .header-slider__img {
		height: 600px;
	}
	.home-page-header-slider .header-slider__slide .header-slider__img img {
		max-height: 600px;
		height: 600px;
		
	}
	.home-page-header-slider .header-slider__slide .header-slider__img img {
		object-fit: contain;
	}
	.header-slider__img img {
		box-shadow: none;
	}
}