/* Including EMU's font libraries */
/***SourceSansPro Font Styles***/
@font-face{font-family:'SourceSansPro';src:url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-Regular-webfont.eot');src:url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-Regular-webfont.woff') format('woff'),url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-Regular-webfont.ttf') format('truetype'),url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'SourceSansPro';src:url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-Semibold-webfont.eot');src:url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'),url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-Semibold-webfont.woff') format('woff'),url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-Semibold-webfont.ttf') format('truetype'),url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-Semibold-webfont.svg#SourceSansProSemibold') format('svg');font-weight:bold;font-style:normal;}
@font-face{font-family:'SourceSansPro';src:url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-SemiboldIt-webfont.eot'); src:url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-SemiboldIt-webfont.eot?#iefix') format('embedded-opentype'),url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-SemiboldIt-webfont.woff') format('woff'),url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-SemiboldIt-webfont.ttf') format('truetype'),url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-SemiboldIt-webfont.svg#SourceSansProSemiboldItalic') format('svg');font-weight:bold;font-style:italic;}
@font-face{font-family:'SourceSansPro';src:url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-It-webfont.eot');src:url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-It-webfont.eot?#iefix') format('embedded-opentype'),url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-It-webfont.woff') format('woff'),url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-It-webfont.ttf') format('truetype'),url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-It-webfont.svg#SourceSansProItalic') format('svg');font-weight:normal;font-style:italic;}
@font-face{font-family:'SourceSansProSemibold';src:url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-Semibold-webfont.eot');src:url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'),url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-Semibold-webfont.woff') format('woff'),url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-Semibold-webfont.ttf') format('truetype'),url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-Semibold-webfont.svg#SourceSansProSemibold') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'SourceSansProBold';src:url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-Bold-webfont.eot');src:url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-Bold-webfont.woff') format('woff'),url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-Bold-webfont.ttf') format('truetype'),url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-Bold-webfont.svg#SourceSansProBold') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'SourceSansProBlack';src:url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-Black-webfont.eot');src:url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-Black-webfont.eot?#iefix') format('embedded-opentype'),url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-Black-webfont.woff') format('woff'),url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-Black-webfont.ttf') format('truetype'),url('https://emu.edu/_resources/fonts/source-sans-pro/SourceSansPro-Black-webfont.svg#SourceSansProBlack') format('svg');font-weight:normal;font-style:normal;}

.headerBtn { width: 215px; padding: 15px 15px 0 15px !important; }
#topImageResponsiveSection { position:relative; width: 100%; height: 100vh; overflow: hidden; top: -50px; margin-bottom: -50px; }
.top-image-picture-container { position: relative; align-self: center; top: 50px; width: 100%; }
.headerButtonSurround { display: inline-flex; }
#topImageResponsiveDiv1 { height: 100vh; display: flex !important; background: url(/vaca/images/apply.jpg) center top no-repeat; background-position-y: 50px; text-align: center; background-size: cover;  position: relative;}
#topImageResponsiveDiv2 { height: 100vh; display: flex !important; background: url(/vaca/images/equipment.jpg) center top no-repeat; background-position-y: 50px; text-align: center; background-size: cover; }
#topImageResponsiveDiv3 { height: 100vh; display: flex !important; background: url(/vaca/images/ace.jpg) center top no-repeat; background-position-y: 50px; text-align: center; background-size: cover; }
#topImageResponsiveDiv4 { height: 100vh; display: flex !important; background: url(/vaca/images/career.jpg) center top no-repeat; background-position-y: 50px; text-align: center; background-size: cover; }
#topImageResponsiveDiv5 { height: 100vh; display: flex !important; background: url(/vaca/images/paint.jpg) center top no-repeat; background-position-y: 50px; text-align: center; background-size: cover; }
#topImageResponsiveSection a:focus {outline:0;}
#launchFutureSection { background-color: #edf6fc; text-align: center; font-size: 30px; font-weight: bold; }


.slick-dotted.slick-slider { margin-bottom: 0px; }
.slick-dots { margin-left: 0px !important; text-align: center !important; bottom: 44px !important; }
.slick-dots li { width: 20% !important; height: 30px !important;}
.slick-dots li button { width: 100% !important; }
.slick-dots li button:before { opacity: 1 !important; width: 20% !important; left: inherit !important; color: transparent !important; }
.slick-dots li.slick-active button:before { color: transparent !important; }

.top-image-button-container { display: inline-flex; width: 100%; pointer-events: none; position: relative; top: -75px; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 19px; }
.top-image-button-text { width: 20%; text-align: center; pointer-events: none; }
.top-image-button-text span { border-bottom: 5px #fff solid; padding-bottom: 5px; position: relative; }
.top-image-button-text .active { color: #f3a71e; }

#topImageButtonOneContainer { width: 120px; margin: auto; height: 31px; overflow: hidden; }
#tickerBarOne { width: 120px; left: -120px; visibility: hidden;}
#topImageButtonTwoContainer { width: 120px; margin: auto; height: 31px; overflow: hidden; }
#tickerBarTwo { width: 120px; left: -120px; visibility: hidden;}
#topImageButtonThreeContainer { width: 127px; margin: auto; height: 31px; overflow: hidden; }
#tickerBarThree { width: 127px; left: -127px; visibility: hidden;}
#topImageButtonFourContainer { width: 94px; margin: auto; height: 31px; overflow: hidden; }
#tickerBarFour { width: 94px; left: -94px; visibility: hidden;}
#topImageButtonFiveContainer { width: 42px; margin: auto; height: 31px; overflow: hidden; }
#tickerBarFive { width: 42px; left: -42px; visibility: hidden;}
.top-image-button-text > div > span > div{
	height: 5px; 
	position: absolute; 
	top: 24px; 
	transition: left 6s linear;
	background: rgba(243, 167, 30, 0.8);
}
.top-responsive-words-left { width: 530px; padding-left: 7%; text-align: left; }
.top-responsive-words-right { width: 650px; padding-right: 7%; text-align: right; float: right; }
.headerBtn { width: 181px; padding: 15px 0 !important; }
.headerBtnMobile { display: none; }
.top-responsive-large-title { color: #fff; font-size: 54px; text-transform: uppercase; line-height: 50px; margin-bottom: 10px; }
.top-responsive-sub-title { color: #fff; font-size: 28px; line-height: 32px; margin-bottom: 10px; font-family: 'SourceSansPro',Helvetica,Arial,sans-serif; }
.top-responsive-buttons-centered { display: inline-flex; margin: auto; }
.top-responsive-buttons-centered a { padding: 0 10px; }
.top-responsive-words-centered .top-responsive-large-title { color: #fff; font-size: 80px; line-height: 80px; text-transform: uppercase; margin: 20px 0 0; text-shadow: 2px 2px #000; }
.top-responsive-words-centered .headerBtn { margin: auto; }

@-moz-document url-prefix() {
	.top-image-button-text > div > span > div{
		top: 26px; 
	}
}

@media only screen and (max-width: 725px) {
	.top-image-button-container, #explore-more-container { display: none !important; }
	.slick-dots { bottom: 90px !important; }
	.slick-dots li { width: 25px !important; height: 25px !important; }
	.slick-dots li button:before { width: 25px !important; color: #fff !important; left: 0px !important; }
	.slick-dots li.slick-active button:before { color: #f3a71e !important; }
}
@media only screen and (max-width: 699px) {
	.top-responsive-large-title { font-size: 42px !important; line-height: 44px !important; }
	.top-responsive-sub-title { font-size: 20px; line-height: 26px !important; margin-bottom: 8px !important; }
	.top-responsive-words-left { width: 450px !important; padding-left: 6% !important; }
}
@media only screen and (max-width: 625px) {
	.headerBtn { width: 175px !important; }
}
@media only screen and (max-width: 574px) {
	body#homepage header { position: relative !important; height: 130px !important; }
	.top-image-picture-container { top: 66vw !important; height: 37vw !important; background: url(https://emu.edu/_resources/images/home2019/right-info-sidebar-background.jpg) !important; min-height: 169px !important;}
	.top-responsive-words-left, .top-responsive-words-right, .top-responsive-words-centered {padding: 20px 10px !important;text-align: center !important;float: none !important;margin: 0px !important;width: 95% !important;}
	.top-responsive-large-title  {font-size: 30px !important;line-height: 32px !important;margin: 0 0 8px 0 !important;text-shadow: none !important;}
	.top-responsive-sub-title {font-size: 16px !important;line-height: 19px !important;}
	#topImageResponsiveDiv1, #topImageResponsiveDiv2, #topImageResponsiveDiv3, #topImageResponsiveDiv4, #topImageResponsiveDiv5 { display: block !important; background-size: auto 67vw !important;}
	#topImageResponsiveSection {position: relative !important;height: 103vw !important; min-height: 470px !important;}
	.headerBtn {display: none !important;}
	.headerBtnMobile {display: inherit;color: #f3a71d !important;}
	.slick-dots {position: relative !important;bottom: 32px !important;height: 32px !important; }
	.slick-slider .slick-track, .slick-slider .slick-list, .slick-dotted.slick-slider { height: 103vw !important; min-height: 470px !important; }
}
@media only screen and (max-width: 456px) {
	#topImageResponsiveDiv1, #topImageResponsiveDiv2, #topImageResponsiveDiv3, #topImageResponsiveDiv4, #topImageResponsiveDiv5 { background-size: auto 302px !important; }
	.top-image-picture-container { top: 302px !important; }
}
@media only screen and (max-width: 380px) {
	#topImageResponsiveDiv1, #topImageResponsiveDiv2, #topImageResponsiveDiv3, #topImageResponsiveDiv4, #topImageResponsiveDiv5 { background-size: auto 275px !important; }
	.top-image-picture-container { top: 275px !important; min-height: 195px !important; }
}

/****Explore More Dropdown****/

#explore-more-container { position: relative; top: -61px; color: #fff; display: inline-flex; width: 100%; }
#explore-more-container a { margin: auto; }
#explore-more-arrow { font-size: 30px; background: #eee; color: #111; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 5px 30px 2px; }


/* Text containers (tagged as admissions landing bc they stolen from that page) */
#admissionsLanding .artist-statement-section {
	text-align:center;
	padding: 80px 0;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#admissionsLanding .artist-statement-section:before {
	display: block;
	position: absolute;
	background-image: url(https://emu.edu/admissions/images/homepage-2018/campus-visit-circles-transparent.png);
	margin-top: -80px;
	background-size: cover;
	background-position: center;
	height: 642px;
	width: 100%;
	content: '';
}

#admissionsLanding .as-header {
	color: #fff;
	text-transform: uppercase;
	font-size: 54px;
	position: relative;
	text-shadow: 2px 2px #111;
}

#admissionsLanding .as-paragraph {
	color: #fff;
	font-size: 18px;
	position: relative;
	text-shadow: 1px 1px #111;
}

@media screen and (max-width: 880px) {
	#admissionsLanding .artist-statement-section { padding: 80px 0 36px; }
}

/* mimicking EMU's basic font and layout styling */
html{
	font-size:100%;
	overflow-x: hidden;
}
body {
	font-size:16px;
	line-height:1.45em;
	font-family:'SourceSansPro',Helvetica,Arial,sans-serif;
	margin:0;
	top: 50px;
}
::selection {
	background:#b3d4fc;
	text-shadow:none;
}

img {
	vertical-align:middle;
	max-width:100%;
	height:auto;
}

h1,h2,h3,h4,h5,h6 {
	line-height:133%;
	font-family:'SourceSansPro',Helvetica,Arial,sans-serif;
	margin: 0 0 12px;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	line-height:100%;
}

h1, h2 {
	font-family:'SourceSansProBlack',Helvetica,Arial,sans-serif;
}
@-moz-document url-prefix() {
	h1, h2 {
		font-family:'SourceSansProBold',Helvetica,Arial,sans-serif;
	}
}

h1 {
	color:#0056b8;
	font-size: 40px;
}
h2 {
	color:#1c3767;
	font-size: 30px;
}
h3 {
	color:#0056b8;
	font-size: 24px;
}
h4 {
	color:#ee9900;
	font-size: 20px;
}
h5 {
	color: #444;
	font-size: 20px;
}
h6 {
	color: #333;
	font-size: 18px;
}
a{
	color: #0d6ea0;
	text-decoration: none;
}
a:hover,a:focus{
	color: #dd8b27;
}
a:visited{
	text-decoration:none;
}
a img{
	border:0;
}
p {
  padding-right: 50px;
  padding-left: 50px;
}

.banner {
    /* The image used */
    background: #E0EDF7;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    /* Prevent image from repeating */
    background-repeat: no-repeat;
  }

.filled-button {
	width: 200px;
    height: 34px;
    background: #0056b8;
    border: 3px solid #0056b8;
    margin: auto;
	position: relative;
}
.filled-button:hover {
	background: #fff;	
}

.filled-button p { 
	line-height: 37px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 15px;
	color: #fff;
	text-align: center;
}
.filled-button:hover p {
	color: #0056b8;	
	font-weight:bold;
}

.text-container {
	width: 75%;
	color: #fff;
	position: relative;
	text-align: center;
	
}

.button-white {
	color: #fff;
	font-size: 16px;
	border: 1px solid #0056b8;
	width: 100px;
	margin: auto;
	position: relative;
	text-transform: uppercase;
	padding: 5px 5px 2px;
	line-height: 25px;
}

.button-white p { 
    text-transform: uppercase;
    letter-spacing: .5px;
	color: #0056b8;
	text-align: center;
}
.button-white:hover p {
	color: #0056b8;	
	font-weight:bold;
}

#gallery {
   line-height:0;
   -webkit-column-count:4; /* split it into 5 columns */
   -webkit-column-gap:5px; /* give it a 5px gap between columns */
   -moz-column-count:5;
   -moz-column-gap:5px;
   column-count:4;
   column-gap:5px;
   display: block;
   margin-left: auto;
   margin-right: auto;
}

#gallery img {
   width: 100% !important;
   height: auto !important;
   margin-bottom:5px; /* to match column gap */
   filter: brightness(0.5);
}

#gallery img:hover {
   filter:brightness(1);
}

#gallery p {
    margin: 15;
	text-transform: uppercase;
	color: #fff;
	margin: 25px auto;
	width: 60%;
	text-shadow: 1px 1px #111;
	font-size: 17px;
	display: none;
}



/***Below the Fold Anchor Links***/

#placeholder-height {
	position:relative;
	height: 40px;
}

.jump-full-width {
	width: 100%;
	z-index:1999;
	background-color: rgb(24, 40, 76);
	top: -28px;
	position: relative;
	padding: 10px 0 7px;
	transition:top .4s linear;
}

#admissionsLanding .admissions-follow-links {
	text-align:center;
}

#admissionsLanding .admissions-follow-links span{
	display: inline-block;
	margin: 0 40px;
	font-size: 17px;
	text-align: center;
}

#admissionsLanding  .admissions-follow-links span:first-child{
	margin-left: 0;
}

#admissionsLanding  .admissions-follow-links span:last-child{
	margin-right: 0;
}

#admissionsLanding  .admissions-follow-links a{
	color: #fff;	
	font-weight:bold;
	text-transform:uppercase;
}

#admissionsLanding .admissions-follow-links a:hover{
	color: #f3a71e;	
	text-decoration: none;
}

.mobile-sub-nav {
	display: none;
	border: 1px solid #fff;
	border-radius: 15px;
	width: 75%;
	color: #fff;
	text-align: center;
	margin: auto;
	height: 18px;
	font-size: 25px;
	padding: 13px;
	cursor: pointer;
	background-color: #1c3a71;
}

.mobile-drowpown-list {
	display: none;
	background: #102c52;
	color: #fff;
	text-align: center;
}

.mobile-drowpown-ul {
	list-style: none;
	padding: 0;
}

.mobile-drowpown-ul a {
	color: #fff;
}

.mobile-drowpown-ul li {
	padding: 5px;
}


@media (max-width: 1200px) {
   #gallery {
    -moz-column-count:    4;
    -webkit-column-count: 4;
    column-count:         4;
   }
}

@media (max-width: 1000px) {
   #gallery {
    -moz-column-count:    3;
    -webkit-column-count: 3;
    column-count:         3;
   }
}

@media (max-width: 800px) {
   #gallery {
    -moz-column-count:    2;
    -webkit-column-count: 2;
    column-count:         2;
   }
}

@media (max-width: 400px) {
   #gallery {
    -moz-column-count:    1;
    -webkit-column-count: 1;
    column-count:         1;
   }
}


/* CSS variables for cards */
:root {
  --emu-blue: #0056b8;
  --emu-card-width: 318px;
  --emu-card-width-sm: 350px;
  --emu-card-height: 400px;
  --emu-card-height-sm: 450px;
  --emu-card-text-bg-gradient: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.85)
  );
  --emu-card-border-color: #bbb;
}

.text-center {
  text-align: center;
}

.text-white {
  color: #fff;
}

.mb-0 {
  margin-bottom: 0!important;
}

.py-4 {
  padding-top: 2rem!important;
  padding-bottom: 2rem!important;
}

.bg-dark-gray {
  background-color: #111!important;
}

.bg-emu-blue {
  background-color: var(--emu-blue)!important;
}

.container-full-width {
  display: block;
  width: 100%;
}

.container-with-emu-crest {
  background-image: url('https://emu.edu/campaign/images/contact-background.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 12rem;
}

.meet-header {
  color: var(--emu-blue);
  text-transform: uppercase;
  font-size: 54px;
  position: relative;
  text-align: center;
}

/* Set box-sizing model for this component, shamelessly stolen from Boostrap */
.emu-cards-container * {
  box-sizing: border-box;
}

.emu-cards-container {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
/**
EMU Cards 
A generic tile list display with and image, heading and descriptive text.
Cards have on hover animation on larger screen which displays the descriptive
text.
**/
.emu-card-list {
  width: 100%;
  max-width: 1600px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: center;
  overflow: hidden;
}

.emu-card {
  position: relative;
  display: block;
  transition: all 0.6s ease;
  width: 100%;
  max-width: var(--emu-card-width-sm);
  height: var(--emu-card-height-sm);
  text-align: center;
  overflow: hidden;
  flex-grow: 1;
  border-left: 1px solid var(--emu-card-border-color);
  border-right: 1px solid var(--emu-card-border-color);
}

.emu-card-body {
  position: absolute;
  height: 100%;
  width: var(--emu-card-width-sm);
  margin: 0;
  right: 0;
  top: 0;
  left: 50%;
  overflow: hidden;
  transform: translateX(-50%);
}
.emu-card-image {
  display: block;
  height: var(--emu-card-height-sm);
  width: var(--emu-card-width-sm);
  object-fit: cover;
  object-position: center center;
}

/* For middle screens, larger than a phone */
@media (min-width: 768px) { 
  .emu-card {
    width: 33.3333%;
    max-width: var(--emu-card-width);
    height: var(--emu-card-height);
  }
  
  .emu-card-body {
    width: var(--emu-card-width);
  }
  .emu-card-image {
    height: var(--emu-card-height);
    width: var(--emu-card-width);
  }  
}

.emu-card-text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--emu-card-text-bg-gradient);
}
.emu-card-text h5 {
  color: #fff;
  text-transform: uppercase;
  margin: 35px auto 15px;
  text-shadow: 1px 1px #111;
}

.emu-card-text p {
  color: #fff;
  text-shadow: 1px 1px #111;
  margin: 0 auto 15px;
}

.emu-card-removable-break {
  display: none;
}

/* For larger screens */
@media (min-width: 1075px) {
  .emu-card-list {
    flex-wrap: no-wrap;
    padding-left: 1px;
    padding-right: 1px;
  }

  .emu-card {
    width: auto;
    height: var(--emu-card-height);
  }
  
  .emu-card-image {
    filter: brightness(0.5);
  }
  .emu-card-text p {
    display: none;
  }
  .emu-card-removable-break {
    display: initial;
  }
  .emu-card:hover {
    max-width: var(--emu-card-width);
    padding-left: 36px;
    padding-right: 36px;
  }
  .emu-card:hover .emu-card-image {
    filter: brightness(1);
  }
  .emu-card:hover .emu-card-text {
    background: var(--emu-card-text-bg-gradient);
  }
  .emu-card:hover .emu-card-text p {
    display: block;
	 text-align: center;
  }
  .emu-card:hover .emu-card-removable-break {
    display: none;
  }
}