@charset "UTF-8";
/************
*   HTML ELEMENTS
************/
body {
	font-family: 'Open Sans', Arial, sans-serif;
	margin: 0;
	color: #404040;
}
a {
	text-decoration: none;
}
/************
*   HELPER CLASSES
************/
.tk-proxima-nova {
	font-family: "proxima-nova", sans-serif;
}
.font-small {
	font-size: .3em;
}
.font-medium {
	font-size: .5em;
	line-height: 2em;
}
.font-xlarge {
	font-size: 1.2em;
}
.font-bold {
	font-weight: bold;
}
.font-italic {
	font-style: italic;
}
.center-align {
	text-align: center;
}
.right-align {
	text-align: right;
}
.font-red {
	color: #e2383f;
	font-weight: bold;
}
.font-italic {
	font-style: italic;
}
.left-indent {
	margin-left: 2%;
}
.left-indent a {
	color: #2f8393;
}
.one-third-div {
	position: relative;
	display: inline-block;
	width: 20%;
}
.one-third-div a {
	color: #404040;
	text-decoration: none;
}
.one-third-div a:hover {
	color: #2f8393;
}
.yellow-font {
	color: #fabe00;
	text-decoration: none;
}
.bold {
	font-weight: bold
}
.rel-wrapper {
	position: relative;
	height: 100%;
	width: 100%;
}
.full-width {
	position: relative;
	width: 100%;
}
.inline{
	display:inline-block;
	vertical-align:top;
}

.third-width {
	display: inline-block;
	width: 31%;
	margin-right: 2%;
	vertical-align: top;
}
.third-width img {
	max-width: 100%;
	box-shadow: 1px 1px 4px #efefef;
}
.quarter-width{
	display: inline-block;
	width:24%;
	margin-right: 2%;
	vertical-align: top;
}
.fifth-width{
	display: inline-block;
	width:17%;
	margin-right: 2%;
	vertical-align: top;
}

.two-thirds-width {
	display: inline-block;
	width: 64%;
	vertical-align: top;
}
.two-thirds-width p {
	margin-top: 0;
}
.half-width {
	display: inline-block;
	width: 48%;
}
.half-width.shadow {
	box-shadow: 1px 1px 4px #dbdbdb;
}
.half-width img {
	width: 100%;
	box-shadow: 1px 1px 4px #282828;
}
/************
*   LEVEL 1
************/
#level-1 {
	position: relative;
	box-shadow: 1px 5px 20px #DBDBDB;
}
#level-1 img {
	width: 100%;
}
/***
*   level 1 text
***/
#level-1-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #fff;
	font-size: 2em;
	text-align: center;
	top: 50%;
	transform: translate(0, -40%);
	-webkit-transform: translate(0, -40%);
	-ms-transform: translate(0, -40%);
}
#level-1-text h2 {
	font-family: inherit;
	margin: 0;
	font-size: 2em;
}
/*save the date wrapper - contains countdown*/
.timer-wrapper {
	font-family: inherit;
	text-align: center;
	font-size: .5em;
	font-weight: thin;
}
/*comm timer - timer from countdowntimer.js*/
#comm_timer {
	margin-top: 1%;
}
#comm_timer h1, #comm_timer h2 {
	display: inline-block;
	margin: 0% .5%;
	font-weight: normal;
}
#comm_timer h1 {
	font-size: 3.5em;
}
#comm_timer h2 {
	margin-right: 1%;
	font-size: 1.5em;
}
/***
*   level 1 footer
***/
#level-1-footer {
	position: fixed;
	top: 85%;
	width: 99%;
	font-family: inherit;
	color: #fff;
	text-align: right;
	transition: color .5s;
	-webkit-transition: color .5s;
}
#level-1-footer.dark {
	transition: color .5s;
	-webkit-transition: color .5s;
	color: #404040;
}
#scroll-text {
	font-family: inherit;
	font-size: 1.2em;
	display: inline;
}
#scroll-text.dark {
	transition: display 1s;
	-webkit-transtion: display 1s;
	display: none;
}
#scroll-icon {
	display: inline;
	margin: 1%;
}
#scroll-icon.hidden {
	color: #383838;
	transition: color .5s;
	-webkit-transition: color .5s;
}
span.fa.fa-arrow-circle-down.fa-3x {
	transform: translate(0, 20%);
	-webkit-transform: translate(0, 20%);
	-ms-transform: translate(0, 20%);
}
/************
*   LEVEL 2
************/
#level-2 {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}
#level-2 h2, #level-2 h4 {
	color: #404040;
	font-size: 2.4em;
	border-radius: 0 0 0 10px;
	border-bottom: 1px solid #404040;
	border-left: 1px solid #404040;
	padding-left: 1%;
}
#social-text {
	padding-left: 1%;
}
#social-area h3 {
	margin-bottom: .2em;
}
#video-wrapper {
	height: 400px;
	background-color: #efefef;
	box-shadow: 1px 5px 20px #DBDBDB;
	border-radius: 10px;
	border: 1px solid #dbdbdb;
	text-align: center;
	padding-top: 5%;
}
.body-text {
	font-size: 1.2em;
	margin-bottom: 5%;
}
.logo-text {
	font-family: times new roman;
	font-size: 1.8em;
}
.lower-level {
	margin: 3% 0 3% 0;
}
/************
*   LEFT NAV
************/
#left-nav-anchor {
	color: #fff;
	position: fixed;
	top: 2%;
	left: 1%;
	z-index: 98;
	padding: 20px 10px;
	transition: color .5s;
	-webkit-transition: color .5s;
}
#left-nav-anchor.dark {
	transition: color .5s;
	-webkit-transition: color .5s;
	color: #404040;
}
#left-nav-anchor a {
	text-decoration: none;
	color: inherit;
}
.left-nav-social-btns, .left-nav-action-btns {
	margin-bottom: 20px;
}
.left-nav-social-btn, .left-nav-action-btn {
	color: inherit;
	opacity: 1;
	text-align: left;
	padding: 5px 0px 0px 0px;
	font-size: 10pt;
	cursor: pointer;
	transition:color .25s;
	-webkit-transition:color .25s;
	-moz-transition:color .25s;
}
.left-nav-social-btn.margin-bottom, .left-nav-action-btn.margin-bottom {
	margin-bottom: 20%;
}
.left-nav-social-btn a, .left-nav-action-btn a {
	cursor: pointer;
}
.left-nav-social-btn:hover, .left-nav-action-btn:hover {
	color: #404040;
}
.left-nav-social-btn-icon, .left-nav-action-btn-icon {
	color: inherit;
	display: inline-block;
	font-size: inherit;
	width: 30px;
	text-align: center;
}
.left-nav-social-btn-text, .left-nav-action-btn-text {
	display: inline-block;
}
.left-nav-social-btn-text h2, .left-nav-social-btn-text h6, .left-nav-action-btn-text h6 {
	color: inherit;
	font-size: 10pt;
	font-weight: inherit;
	padding-left: 15%;
}
.left-nav-social-btn-text h6, .left-nav-action-btn-text h6 {
	margin:0;
}
/************
*   TAGBOARD
************/
#tagboard-wrapper {
	background-color: #fbfbfb;
	border: 8px solid #c8102e;
	margin: 0 auto;
	box-shadow: 1px 5px 20px #DBDBDB;
	border-radius: 10px;
}
#tagboard-header {
	background-color: #c8102e;
	color: #fff;
	text-align: right;
	width: 100%;
	border-bottom: 8px solid #c8102e;
	text-align: right;
}
#tagboard-header h2 {
	color: #fff;
	font-size: 1.6em;
	margin: 0 8px 0 0;
	border: none;
	background-color: #c8102e;
}
#tagboard {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	background-color: #fbfbfb;
}
.tagboard-embed {
	width: 100%;
	background-color: #fbfbfb;
	height: 800px;
}
/************
*   BUTTONS
************/
a.callout-link-large {
	background: url('http://fairfield.edu/hostedfiles/landing_pages/callout-arrow.png') no-repeat right center;
	color: #2f8393 !important;
	padding-right: 30px;
	text-decoration: none;
	cursor: pointer;
	font-size: 1.5em;
}
.callout-link-lowercase {
	background: url('http://www.fairfield.edu/media/website2013/styleassets/images/callout-arrow.png') no-repeat right center;
	color: #2f8393 !important;
	padding-right: 18px;
	text-decoration: none;
	text-transform: lowercase;
	cursor: pointer;
}
.gen-callout-button {
	width: 100%;
	margin: 3% 0;
}
.cta-button {
	text-align: center;
}
.gen-callout-button.cta-button a {
	color: #fbfbfb;
	background-color: #e2383f;
	padding: 1%5%;
	font-size: 1.3em;
	border-radius: 3px;
	border: 1px solid #e2383f;
	transition: color .25s, background-color .5s;
	-webkit-transition: color .25s, background-color .5s;
	-moz-transition: color .25s, background-color .5s;
}
.gen-callout-button.cta-button a:hover {
	color: #e2383f;
	border: 1px solid #e2383f;
	background-color: #fbfbfb;
}
.gen-callout-button a {
	color: #13a89e;
	background-color: #fbfbfb;
	padding: 1% 3%;
	border-radius: 3px;
	border: 1px solid;
	transition: color .25s, background-color .5s;
	-webkit-transition: color .25s, background-color .5s;
	-moz-transition: color .25s, background-color .5s;
}
.gen-callout-button a:hover {
	color: #fbfbfb;
	border: 1px solid #13a89e;
	background-color: #13a89e;
}
.gen-callout-button.blue-button a{
	color:#1a79af;
	border-color:#1a79af;
}
.gen-callout-button.blue-button a:hover{
	color:#fff;
	border-color:#1a79af;
	background-color:#1a79af;
}
/************
*   FOOTER
************/
#footer {
	width: 100%;
	background-color: #383838;
	padding-top: 2%;
	padding-bottom: 2%;
}
#logo-wrapper {
	width: 75%;
	margin: 0 auto;
	text-align: center;
	padding: 2%;
	border: 8px solid #2f2f2f;
}
#logo-wrapper img {
	width: 20%;
}
#social-icons {
	text-align: center;
	margin-top: 4%;
	margin-bottom: 4%;
}
.footer-text {
	color: #fff;
}
/************
*   MEDIA QUERIES
************/
/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2) {
.half-width {
			width: 100%;
		}
}


 @media screen and (max-width:750px) {
#level-1-footer {
	display: none;
}
#left-nav-anchor {
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	padding: 1%;
	height: 45px;
	border-bottom: 1px solid #fff;
	background: #2f8292;
}
#left-nav-anchor.dark {
	color: #fff;
}
.left-nav-social-btn, .left-nav-action-btn {
	display: inline;
	margin-right: 3%;
}
.logo-text {
	font-size: 1.2em;
}
#level-1-text h2 {
	font-size: 1.2em;
}
}
@media screen and (max-width:450px) {
.logo-text {
	font-size: 1.2em;
}
#level-1-text {
	font-size: 1.2em;
}
.half-width {
	width: 100%;
}
}
@media screen and (min-width:750px) and (max-width: 850px) and (min-height:400px) {
#level-1-footer {
	color: #404040;
}
#scroll-text {
	display: none;
}
}
@media screen and (min-width:850px) and (max-width:950px) and (min-height:500px) {
#level-1-footer {
	color: #404040;
}
#scroll-text {
	display: none;
}
}
@media screen and (min-width:950px) and (max-width:1050px) and (min-height:600px) {
#level-1-footer {
	color: #404040;
}
#scroll-text {
	display: none;
}
}
@media screen and (min-width:1050px) and (max-width:1150px) and (min-height:700px) {
#level-1-footer {
	color: #404040;
}
#scroll-text {
	display: none;
}
}
@media screen and (min-width:1150px) and (max-width:1350px) and (min-height:800px) {
#level-1-footer {
	color: #404040;
}
#scroll-text {
	display: none;
}
}
@media screen and (min-width:1350px) and (max-width:1450px) and (min-height:1000px) {
#level-1-footer {
	color: #404040;
}
#scroll-text {
	display: none;
}
}
@media screen and (min-width:1450px) and (max-width:1550px) and (min-height:1100px) {
#level-1-footer {
	color: #404040;
}
#scroll-text {
	display: none;
}
}