/* //////////////////////////////////// */
/* Previously part of styles-11-1-tb.css */
/* //////////////////////////////////// */

/* Landing page */
/* New styles */

/* #overlay {
	margin-left: 45%;
} */

/* Original Caring 768
@media (min-width: 768px) {
	#caring-overlay {
		bottom: 15px;
		position: absolute;
		right: 40%;
		text-align: center;
		width: 460px;
		z-index: 8;
	}
} */

h2 {
	font-weight: 700;
}

@media (max-width: 767px) {
	#caring-overlay {
bottom: -16px; /* -31px; */
position: relative;
text-align: center;
/* z-index: 8; */
	}}

@media (min-width: 768px) {
	#caring-overlay {
bottom: -16px; /* -31px; */
position: absolute;
right: -4%;
text-align: center;
width: 550px;
z-index: 8;
	}
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

@media (min-width: 992px) {
	#caring-overlay {
		right: -2%;
		min-width: 665px;
		bottom: -8px;
	}
}
@media (min-width: 1200px) {
	#caring-overlay {
		bottom: 2% /*16%*/;
		right: 2%;
	}
}

@media (min-width: 1400px) {
	#caring-overlay {
		bottom: 2% /*16%*/;
		right: 4%;
		min-width: 760px;
	}
}

@media (max-width: 575px) {
	.palliative-deck {
		line-height: 1.1;
		font-family: warnock-pro-display, serif;
		font-weight: 700;
		font-style: normal;
		color: #C75302;
		line-height: 28px;
		margin: 3% 8%;
		font-size: 20px;
	}
}

@media (min-width: 576px) {
	.palliative-deck {
		line-height: 1.1;
		font-family: warnock-pro-display, serif;
		font-weight: 700;
		font-style: normal;
		color: #C75302;
		line-height: 28px;
		margin: 3% 8%;
		font-size: 24px;
	}
}

@media (min-width: 768px) {
	.palliative-deck {
		line-height: 1.1;
		font-family: warnock-pro-display, serif;
		font-weight: 700;
		font-style: normal;
		color: #C75302;
		line-height: 24px;
		padding: 0;
		margin-bottom: 10px;
		font-size: 22px;
		opacity: 0;
    -webkit-animation: fadein 3s ease-in-out 2s forwards;; /* Safari and Chrome */
	-moz-animation: fadein 3s ease-in-out 2s forwards;/* Firefox */
	-ms-animation: fadein 3s ease-in-out 2s forwards; /* Internet Explorer */
    -o-animation: fadein 3s ease-in-out 2s forwards;/* Opera */
	animation: fadein 3s ease-in-out 2s forwards;
		          animation-delay: 10s;
	}
	
	.palliative-btn {
		opacity: 0;
    -webkit-animation: fadein 3s ease-in-out 2s forwards;; /* Safari and Chrome */
	-moz-animation: fadein 3s ease-in-out 2s forwards;/* Firefox */
	-ms-animation: fadein 3s ease-in-out 2s forwards; /* Internet Explorer */
    -o-animation: fadein 3s ease-in-out 2s forwards;/* Opera */
	animation: fadein 3s ease-in-out 2s forwards;
		          animation-delay: 11.5s;
	}
}

@media (min-width: 992px) {
.palliative-deck {
	line-height: 1.1;
	padding: 0 15px;
	font-family: warnock-pro-display, serif;
	font-weight: 700;
	font-style: normal;
	color: #C75302;
	line-height: 36px;
	margin-bottom: 10px;
	font-size: 26px;
}
}

@media (min-width: 1400px) {
	.palliative-deck {
		font-size: 32px;
		margin-bottom: 22px;
	}
} 
	
@media (min-width: 992px) {
	.palliative-deck-2 {
		color: #000;
		display: block;
		font-family: adobe-caslon-pro, serif;
		font-size: 23px;
		line-height: 28px;
		margin: 15px auto 0;
		width: 450px;
	}
}
	
	
h2.britt-mini {
	margin-top: 10px;
	margin-bottom: 6px;
}

h2.campus {
	margin-top: -2px;
	margin-bottom: 15px;
}

h2.match-day {
	font-size: 1.4em;
}

@media (max-width: 575px) {
	.landing-body {
		line-height: 1.2em;
	}
}

@media (min-width: 768px) {
.landing-body {
	line-height: 1.5em;
}
	}

.landing-britt {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.1em;
}
	
@media (min-width: 576px) {
.landing-britt {
    line-height: 1.2em;
  }
}
	
@media (min-width: 992px) {
.landing-britt {
    line-height: 1.3em;
  }
}
	
@media (min-width: 1200px) {
.landing-britt {
    line-height: 1.2em;
  }
}


.match-essay {
	margin-top: 15px !important;
}

.carousel-indicators li {
	margin-top: 0;
	margin-bottom: 0;
}

@media (min-width: 992px) {
	.match-essay {
		margin-top: 0px !important;
	}
}

@media (min-width: 992px) {
	.alumni-emory-text {
		margin-bottom: 15px;
	}	
}	
	
	
@media (min-width: 1200px) {
	.alumni-emory {
		height: 289px;
	}	
}	

@media (min-width: 992px){
	.match-day-text {
	margin-top: 12px;
	margin-bottom: -10px;
	}
}

@media (min-width: 1200px){
	.match-day-text {
	margin-top: 8px;
	margin-bottom: 0px;
	}
}
	
@media (max-width: 1199px)	{
	.match-day-text {
	line-height: 1.1em;	
	}
	.landing-body {
	line-height: 1.1em;
	}
}

.offcampus-play {
	bottom:165px;
	position: absolute;
	right:250px;
	width: 125px;
	height: 125px;
}

.coverage-landing {
	font-weight: 700;
	line-height: 1.1em;
	margin-left: 9em;
	margin-right: .5em;
	margin-bottom: .3em;
}

.video-play {
	width: 75px !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	position: absolute !important;
}


.loop-controls {
    background-size: contain;
    border: none;
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
}
.loop-controls-play {
    background: transparent url(https://www.evms.edu/uploads/magazine/11-3/images/play-button.svg);
}
.loop-controls-pause {
    background: transparent url(https://www.evms.edu/uploads/magazine/11-3/images/pause-button.svg);
}

/* End new styles */



.in-this-issue {
	font-family: "myriad-pro",sans-serif;
	font-size: 25px;
	color: #796e65;
}

.department {
	font-family: "myriad-pro", sans-serif;
	font-size: 20px;
}

h2 {
	font-family: "myriad-pro-semi-condensed",sans-serif;
	font-size: 26px;
	font-weight: 700;
}

.row-background {
	font-family: "myriad-pro-semi-condensed",sans-serif;
	font-size: 20px;
}

.picture-this {
	color: #796e65;
	font-family: "myriad-pro-semi-condensed",sans-serif;
	font-size: 22px;
}

.icon { /* Mission of service */
	bottom: 100px;
	position: absolute;
	right: 250px;
	width: 125px;
	height: 125px;
}

@media (max-width: 575px) {
	.icon {
		bottom: 75px;
		position: absolute;
		right: 200px;
		width: 125px;
		height: 125px;
	}
}

@media (max-width: 767px) {
	.icon {
		bottom: 75px;
		position: absolute;
		right: 200px;
		width: 125px;
		height: 125px;
	}
}

@media (max-width: 991px) {
	.icon {
		bottom: 125px;
		position: absolute;
		right: 275px;
		width: 125px;
		height: 125px;
	}
}

@media (max-width: 1199px) {
	.icon {
		bottom: 75px;
		position: absolute;
		right: 200px;
		width: 125px;
		height: 125px;
	}
}

@media (min-width: 992px) {
	.media-icons {
		position: absolute;
		bottom: 10px;
	}
}

.media-icon-play {
	height: 51px;
	width: 50px;
}

.media-icon-photo {
	height: 70px;
	width: 68px
}

.media-icon-text {
	height: 70px;
	width: 50px;
}

/* .offcampus-play {
	bottom: 115px;
	position: absolute;
	right: 250px;
	width: 125px;
	height: 125px;
} */

@media (max-width: 575px) {
	.offcampus-play {
		bottom: 30%;
		position: absolute;
		right: 30%;
		width: 100px;
		height: 100px;
	}
}

@media (max-width: 767px) {
	.offcampus-play {
		bottom: 30%;
		position: absolute;
		right: 30%;
		width: 125px;
		height: 125px;
	}
}

@media (max-width: 991px) {
	.offcampus-play {
		bottom: 30%;
		position: absolute;
		right: 40%;
		width: 125px;
		height: 125px;
	}
}

@media (max-width: 1199px) {
	.offcampus-play {
		bottom: 25%;
		position: absolute;
		right: 30%;
		width: 125px;
		height: 125px;
	}
}

.mystory-play {
	bottom:30px;
	position: absolute;
	right:369px;
	width: 145px;
	height: 145px;
}


@media (max-width: 575px) {
	.mystory-play{	
	bottom: 75px;
	position: absolute;
	right: 225px;
	width: 100px;
	height: 100px;
	}
}

@media (max-width: 767px) {
	.mystory-play{	
	bottom: 75px;
	position: absolute;
	right: 200px;
	width: 100px;
	height: 100px;
	}
}

@media (max-width: 991px) {
	.mystory-play{	
	bottom: 125px;
	position: absolute;
	right: 300px;
	width: 100px;
	height: 100px;
	}
}

@media (max-width: 1199px) {
	.mystory-play{	
	bottom: 125px;
	position: absolute;
	right: 300px;
	width: 125px;
	height: 125px;
	}
}



h2.no-story {
	color: #000;
}

.btn-rust {
	background-color: #c7531e;
	border-color: #c7531e;
	color: #fff;
}

@media (min-width: 992px) {
	.row-background.john > div {
         height: 292.5px;
}
	.john .video-text {
    	padding: 15px 15px 0 15px;
}
	.john .landing-body {
    	font-size: 16px;
}
}
@media (min-width: 1200px) {
	.row-background.john > div {
         height: 360px;
}
	.john .landing-body {
    	font-size: 22px;
}
}

@media (min-width: 992px) {
	.safe-lunches {
		position: absolute;
		top: 0;
		left:390px;
		right: 10px;
}
}