@charset "utf-8";
/* CSS Document */

p a {border-bottom:1px dashed #cc4e0b;}
.content_topper {background-position:center center; background-size:cover; margin-top: 0px; text-transform: uppercase;}
.index .grad-info ul li.grad-info-link {list-style: none;}
.index .content_topper {background-image: url("_assets/images/header-index.jpg"); text-align: center; text-transform:none;}
.ceremony .content_topper {background-image: url("../images/header-ceremony.jpg");}
.regalia .content_topper {background-image: url("../images/header-regalia.jpg");}
.namecards .content_topper {background-image: url("../images/header-namecards.jpg");}
.ceremonyday .content_topper {background-image: url("../images/header-ceremonyday.jpg");}
.parking .content_topper {background-image: url("../images/header-parking.jpg");}
.accommodations .content_topper {background-image: url("../images/header-accommodations.jpg");}
.photovideo	.content_topper {background-image: url("../_assets/images/header-photovideo.jpg");}
.faq .content_topper {background-image: url("../_assets/images/header-faq.jpg");}
.mosaic .content_topper {background-image: url("../../_assets/images/header-mosaic.jpg");}

	.grad-countdown {}
	.grad-countdown .getready {font-size:36px; font-weight:600;}
	.grad-countdown .timer .number {font-size:32px; font-weight:600; text-align: center;}
	.grad-countdown .timer .word {font-size:12px; font-weight:600;}
	.grad-countdown .congrats {font-size:24px; font-weight:600;}
	.grad-countdown .congrats a {color:#fff;}
	
.index .blubar {top: 0;}	

	.navigation img {width:50%; display:none; margin: 0px auto;}
	.navigation ul {list-style: none; padding:0px;}
	.navigation ul li {text-align: center; }
	.navigation ul li a {font-size:16px; font-weight:600;}
	
	

	.index .photo {padding:5%;}
	.index .photo img {width:100%; box-shadow: 5px 5px 5px #a1a1a1;}
	.index .springboards {}
	.index .springboards .item {padding:5%;}
	.index .item .grad-header-01 {font-size:18px; font-weight:600; color:#03244d;}
	.index .springboards .item .button {text-align: center;}
	.index .springboards .item .button .btn-default {border:0px; border-radius: 0px; margin:4%; padding:3% 5%; width:80%; font-weight:600;}

	.landing .navigation ul li {padding:10px;}
	
	.faq .question {font-weight:600;}
	.faq .answer {padding-left:20px; border-left:1px solid #a1a1a1; margin-bottom:20px;}

	
	.modal-header .close {opacity: 1; color: #cc4e0b;}
	.modal-header .modal-title {font-size:22px; font-weight:600;}
	.modal-body .info-title {font-size:18px; font-weight:600; margin-bottom:10px; color:#03244d;}	
	.modal-body ul {margin-bottom:20px;}
	.modal-body a {border-bottom:1px dashed #cc4e0b;}

	.index .grad-info {border-bottom:1px solid #a1a1a1; padding:2% 0;}
	.index .springboards.grad-info {display:block;}
	.index .grad-info ul {margin-top:10px; }
	.index .grad-info ul li.grad-info-link h3 {font-size:16px; font-weight:600; padding:1%;}
	
	.sublinks {padding:3%;}
	.sublinks .content_container {}
	.sublinks .content_container .item {margin:10px auto;}
	.sublinks .content_container .item .btn {background-color: #03244d; white-space: normal;}
	.sublinks .content_container .item .btn img {width:100%;}
	.sublinks .content_container .item .btn .title {text-align: center; color:#fff; font-size:18px; font-weight:600; margin-top:10px;}
	.sublinks .content_container .item .btn .info {text-align: center; color:#fff; font-size:14px;}




	@media (min-width:768px) {
		
		.index .blubar {left: 20%; right: 20%; width:auto; z-index: 1; top: 50%; transform: translateY(-50%);
    border: 1px solid #fff; padding: 2%;}
		
		.grad-countdown .timer .number {font-size:52px; font-weight:600;}
		.grad-countdown .timer .word {font-size:14px; font-weight:600;}
		.grad-countdown .congrats {font-size:32px; font-weight:600;}
		
		.content_topper {min-height:550px;}
		.navigation {max-width: 1500px; margin:2% auto;}
		.navigation img {display:block; max-width:90px;}
		.navigation .navbar-default {background:none; border:0px;}
		
		.index .springboards {}
		.index .springboards [class*="col-"] {display:table-cell; float:none; vertical-align: middle;}
		.index .item .grad-header-01 {font-size:28px;}
		.index .springboards .item p {font-size:18px;}
		.index .grad-info .grad-header-01 {text-align: center;}
		.index .grad-info .col-sm-6 {text-align: center;}
		.index .grad-info .modal {text-align: left;}
		
		.landing .navigation ul {display: table; background-color:#03244d; margin:0px;}
		.landing .navigation ul li {display:table-cell; float:none; vertical-align: middle; padding:10px; border:5px solid #fff;}
		.landing .navigation ul li a {color:#fff;}
		.landing p {font-size:16px;}
		.accommodations .content_topper {min-height:700px;}
		
	}