@charset "UTF-8";
/* CSS Document for LITERATURE Program */


nav.academic { display: none; }
nav.academics { display: none; }

body { }

h1, h2 body {font-family: "Source Sans Pro", "SourceSans", Helvetica, sans-serif; font-weight: 500;}

/* start Events styles */
.events { position: relative; width:80%; margin: 50px auto; padding: 0; }
.events ul.hpevents { position: relative; width: 100%; background: #FFF; display: table; margin: 0 auto; padding: 0; height: auto; }
.events ul.hpevents li { position: relative; list-style: none; display: table-cell; border: 1px solid #222; padding: 10px; min-width: 20%;}
.events ul.hpevents li .date {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 1.5em; color: #222; font-weight: 800; }
.events ul.hpevents li .day {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; }
.events ul.hpevents li .eventtext { float: left; display: inline; font-size: 0.8em; padding: 20px;  }
.events ul.hpevents li .eventtext .eventlink {font-size: 1.3em; font-weight: 800;}
.events .ctabutton { float: right;}
.events ul.hpevents li .eventpic { position: relative; width: 25%; height: 150px; float: left; overflow: hidden; margin-right: 1%;}
.events ul.hpevents li .eventpic img { width: auto;height:100%;}



/* start Billboard/Spotlight styles */
.billboard { position: relative; display: block; width: 100%; height: auto !important; margin: 20px auto 0 auto; }
.billboard .content { position: relative; width: 100%; display:block;  }
.billboard .content .imgcenter { position: relative; width: 80%; margin: 0 auto 0px auto; }
.billboard .content .imgcenter img { width: 100%; height: auto; }
.billboard .content .imgfull { width: 100%; margin: 0 auto; padding: 0; background: #222; }
.billboard .content .imgfull img { width: 100%; height: auto !important; padding: 0; margin: 0; }
.billboard .content .imgright { width: 60%; margin: 0; padding: 0; background: #FFF; align-self: right; display: inline; }
.billboard .content .imgright img { width: 100%; height: auto !important; padding: 0; margin: 0; }
.billboard .content .imgshell { width: 60%; margin: 0; padding: 0; background: #FFF; align-self: left; }
.billboard .content .imgshell img { width: 100%; height: auto !important; padding: 0; margin: 0; }
.billboard .content .words { position: absolute; bottom: 10%; right: 15%; width: 40%; height: auto; z-index: 1000; background: #FFF; border: 1px solid #666; padding: 2.5%; vertical-align: top; }
.billboard>.content>.words>.padding { position: relative; text-align: center; width: 100%; margin: 0 auto; padding: 0; color: #222; vertical-align: top; }
.billboard>.content>.words>.padding>h2 { font-size:0.85em; line-height: 0.5em; text-transform:uppercase; letter-spacing: 1px; font-weight: 900; color: #ad1a1f; padding: 0; margin: 0 0 15px 0; }
.billboard>.content>.words>.padding>.subtitle { font-size: 2.5em; font-family:"Source Sans Pro", "SourceSans",  Helvetica, Arial, sans-serif; margin: 0; padding: 0; line-height: 1em; color: #333; }
.billboard .multibuttons {align-content: center; align-items: center; margin-top: 20px; }
.billboard .multibuttons ul, .billboard .multibuttons ul li, .billboard .multibuttons ul li .multitext {list-style: none; padding: 0; margin: 0 auto; }
.billboard .multibuttons ul li .multitext .linktitle { width: auto !important; max-width: 40%;height: auto; margin: 0px auto; padding: 7px; background: #FFF; border: 1px solid #ad1a1f; color: #FFF; font-family: "Source Sans Pro", "SourceSans",  Helvetica, Arial, sans-serif; white-space: nowrap; font-size:.75em; line-height: .5em; text-transform:uppercase; letter-spacing: 1px; font-weight: 800; text-align: center;}
.billboard .multibuttons ul li .multitext .linktitle a:link, 
.billboard .multibuttons ul li .multitext .linktitle a:visited { color: #ad1a1f; text-decoration: none; }
.billboard .multibuttons ul li .multitext .linktitle a:hover, 
.billboard .multibuttons ul li .multitext .linktitle a:active { color: #ad1a1f; text-decoration: underline; }






/* -------------------------------------------- MOBILE ONLY  STYLES ------------------------------------ */
@media screen and (max-width: 564px) {
	
	/* start Events styles */
.events { position: relative; width:98%; margin: 50px auto; padding: 0; }
.events ul.hpevents { position: relative; width: 100%; background: #FFF; display: table; margin: 0 auto; padding: 0; height: auto; }
.events ul.hpevents li { position: relative; list-style: none; display: inline-block; border: 1px solid #222; padding: 10px; width: 95%;}

	/* start Billboard styles */
.billboard {position: relative; display: block; width: 100%; height: auto !important; margin: 20px auto 0 auto;}
.billboard>.content {width: 100%; display:block; }
.billboard>.content>.imgcenter { position: relative; width: 100%; margin: 0 auto; }
.billboard>.content>.imgcenter img { width: 100%; height: auto; }
.billboard>.content>.imgfull { width: 100%; margin: 0 auto; padding: 0; background: #222; }
.billboard>.content>.imgfull img { width: auto !important; height: 50%; max-height: 400px; padding: 0; margin: 0; }
	
.billboard>.content>.imgcenter .caption,
.billboard>.content>.imgfull .caption	{ position: relative; width: 100%; margin: 0 auto;padding: 0; }
	
.billboard>.content>.words { position: relative; width: 84%; height: auto !important; z-index: 1000; background: #FFF; border: 1px solid #666; padding: 2%; margin: -20px 6% 5px 6%; right: 0; }
.billboard>.content>.words>.padding { position: relative; text-align: center; width: 100%; margin: 0 auto; padding: 0; color: #222; font-size: 1.0em; right: 0;}
.billboard>.content>.words>.padding p { margin: 0 auto; padding: 0; }
.billboard>.content>.words>.padding>h2 { font-size:0.75em; line-height: 0.7em; text-transform:uppercase; letter-spacing: 1px; font-weight: 800; color: #ad1a1f; padding: 0; margin: 5px 0 5px 0; }
.billboard>.content>.words>.padding>.subtitle { color: #ad1a1f; font-size: 1.5em; font-family:"Source Sans Pro", "SourceSans",  Helvetica, Arial, sans-serif; margin: 0; padding: 0; line-height: 1em; color: #333; }

.billboard .multibuttons {align-content: center; align-items: center; margin-top: 20px; }
.billboard .multibuttons ul, .billboard .multibuttons ul li, .billboard .multibuttons ul li .multitext {list-style: none; padding: 0; margin: 0 auto; }
.billboard .multibuttons ul li .multitext .linktitle { width: auto !important; max-width: 40%;height: auto; margin: 0px auto; padding: 7px; background: #FFF; border: 1px solid #ad1a1f; color: #FFF; font-family: "Source Sans Pro", "SourceSans",  Helvetica, Arial, sans-serif; white-space: nowrap; font-size:.75em; line-height: .5em; text-transform:uppercase; letter-spacing: 1px; font-weight: 800; text-align: center;}
.billboard .multibuttons ul li .multitext .linktitle a:link, 
.billboard .multibuttons ul li .multitext .linktitle a:visited { color: #ad1a1f; text-decoration: none; }
.billboard .multibuttons ul li .multitext .linktitle a:hover, 
.billboard .multibuttons ul li .multitext .linktitle a:active { color: #ad1a1f; text-decoration: underline; }