@charset "UTF-8";
/* Responsive CSS

c3002f - Scarlet
F2F2F2 - Extra Light grey
a8a7a6 - Light grey
4d4d4d - grey
404040 - Dark grey
333333 - Extra Dark grey

ba0000 - maroon
d4de47 - olive
91b0d6 - blue
6ebaab - teal

*/

/* iPad Landscape to Desktop */
@media only screen and (min-width:1025px) and (max-width: 1120px){
/*	.page{
		min-width:1120px;
	} */
	.main-navigation .menu li a {
		font-size:17px;
	}

}

/* iPad Portrait to iPad Landscape */
@media only screen and (min-width:769px) and (max-width: 1024px){
/*	.page{
		min-width:1023px;
	} */
	.main-navigation .menu li:after {	
		font-size:15px;
	}
	.main-navigation .menu li a {	
		font-size:15px;
	}
	.message{
		font-size:28px;
	}
}

/* iPhone Landscape to iPad Portrait */
@media only screen and (min-width:569px) and (max-width: 768px){
/*	.page{
		min-width:767px;
	} */
}

/* iPhone Portraint to iPhone Landscape */
@media only screen and (min-width:401px) and (max-width: 568px){
/*	.page{
		min-width:567px;
	} */
}

/* iPhone Portraint to iPhone Landscape */
@media only screen and (max-width:400px){
/*	.page{
		min-width:399px;
	} */
}



/* Regular Desktop and smaller */
@media only screen and (max-width: 1120px){
	.logo h1 {
		padding: 0 0 0 20px;
	}
	.main-navigation .sub-menu,
	.main-navigation .children {
		top:16px;
	}
}

/* Regular Desktop and larger */ 
@media only screen and (min-width:1090px){
	.landing .subpage-preview-wrapper .content .preview-image{
		width: 300px;
		height: 300px;
	}
}

/* Small Desktop and smaller */
@media only screen and (max-width:568px){
	.section_header_wrapper{
		padding-top:34%;
	}
	.section_header_wrapper .title{
		height:150px;
	}
	.section_header_wrapper .title h1{
		text-align:center;
		padding-right:0;
	}
}

/* iPhone Landscape - Small Desktop */
@media only screen and (min-width: 568px) and (max-width:909px){
	.main-navigation{
		padding:30px 0 0 0;
	}
	.main-navigation .menu ul a{
		padding:5px 4px;
	}
	.main-navigation .menu li{
		padding:15px 0;
	}
	.main-navigation .menu li a {	
		font-size:14px;
	}
	.main-navigation .menu li:after {	
		font-size:14px;
	}

	.breadcrumb_wrapper ul li a {
		font-size:14px;
	}
	.breadcrumb_wrapper ul li{
		font-size:14px;
	}

	.rotation-wrapper{
		top:100px;
	}
	.message{
		font-size:28px;
	}	

	.image_background img.attachment-large{
		min-width:910px;
	}

	.image_background .overlay_text{
		top:8em;
		font-size:24px;
	}

	.section_header_wrapper .title{
		text-align:center;
	}
	.section_header_wrapper .title h1{
		padding-right:0px;
	}
	/* Footer */
	.footer_background img{
		min-width:850px;
	}
	.footer_background .elements_wrapper{
		top: 0;
		left:0;
		width:100%;
	}
	.footer_background .squares{
		left:50%;
		height: 200px;
	}
	.footer_background .square{
		display:inline-block;
		float:left;
		width:25%;
		margin-right:0;
	}
	.footer_background .square a{
		background-size:100%;
		width:100px;
		height:100px;
		margin: 0 auto;
		padding-top:0;
		text-transform:none;
	}
	.footer_background .square a span {
		position:relative;;
		text-align:left;
		font-size:14px;
		left:0;
		top:107px;
		margin-top:0;
	}
	.container.footer{
		padding:20px 0 0 0;
		margin-top:235px;
	}
	
}
/* iPad Portrait - iPad Landscape */
@media only screen and (min-width: 768px) and (max-width:1024px){
	.rotation-wrapper{
		height:550px;
	}
	.rotation{
		height:550px;
	}
	.accents{
		top:2em;
	}
	.accents img{
		width:60px;
	}
	.message{
		top:140px;
		font-size:24px;
	}
	.ls-osu-csw .ls-nav-prev,
	.ls-osu-csw .ls-nav-next{
		top:130px !important;
	}
	.ls-osu-csw .ls-bottom-slidebuttons, .ls-osu-csw .ls-nav-start, .ls-osu-csw .ls-nav-stop, .ls-osu-csw .ls-nav-sides	{
		bottom:0 !important;
		z-index:9998;
	}
	.elements_wrapper{
	}
	.squares{
		width:750px;
		margin-left:-375px;
	}
	.square{
	}
	.square a{
		width:160px;
		height:30px;
		font-size:14px;
	}
	.square a span {
	}
	.wrapper.secondary {
		margin:630px auto 0 auto;
	}
}
/* iPhone Landscape - iPad Portrait */
@media only screen and (min-width: 569px) and (max-width:767px){
	.logo h1 a img{
		margin-bottom:10px;
	}
	.social{
		margin-right:10px;
	}
	.rotation-wrapper{
		height:550px;
	}
	.rotation{
		height:550px;
	}
	.accents{
		top:2em;
	}
	.accents img{
		width:60px;
	}
	.message{
		top:140px;
		font-size:20px;
	}
	.ls-osu-csw .ls-nav-prev,
	.ls-osu-csw .ls-nav-next{
		top:130px !important;
	}
	.ls-osu-csw .ls-bottom-slidebuttons, .ls-osu-csw .ls-nav-start, .ls-osu-csw .ls-nav-stop, .ls-osu-csw .ls-nav-sides	{
		bottom:0 !important;
		z-index:9998;
	}
	.elements_wrapper{
	}
	.footer_background .squares{
		left:50%;
		width:550px;
		margin-left:-275px;
	}
	.squares{
		margin-left: -275px;
		width:550px;
	}
	.square a{
		width:130px;
		height:0px;
		font-size:12px;
	}
	.square a span {
	}
	
	.image_background .overlay_text{
		font-size:18px;
	}
	
	.section_header_wrapper .title{
		padding-right:20px !important;
	}
	.section_header_wrapper .byline .text p{
		font-size:12px;
		line-height:1.2em;
	}
	.section_header_wrapper .byline .text ul {
		margin-left:0;
	}
	.section_header_wrapper .byline .text ul li{
		font-size:12px;
		line-height:1.2em;
	}

	.wrapper.secondary {
		margin:600px auto 0 auto;
	}

}

/* iPhone Landscape and smaller */
@media only screen and (max-width: 568px){
	ul#menu-top-menu li{
		display:inline-block;
		background:none;
		height:25px;
		margin:0;
		padding:0;
	}
	ul#menu-top-menu li.search{
		display:inline-block;
	}
	ul#menu-top-menu li a{
		display:block;
		text-indent: -9999px;
		white-space:nowrap;
		width:35px;
		height:35px;
		overflow:hidden;
	}		
	ul#menu-top-menu li.help a{
		background:url('../images/icon_help.jpg') no-repeat;
		background-size:35px 35px;
	}
	ul#menu-top-menu li.map a{
		background:url('../images/icon_map.jpg') no-repeat;
		background-size:35px 35px;
	}
	ul#menu-top-menu li.webmail a{
		background:url('../images/icon_webmail.jpg') no-repeat;
		background-size:35px 35px;
	}
	ul#menu-top-menu li.buckeye_link a{
		background:url('../images/icon_buckeye_link.jpg') no-repeat;
		background-size:35px 35px;
	}
	ul#menu-top-menu li.find_people a{
		background:url('../images/icon_find_people.jpg') no-repeat;
		background-size:35px 35px;
	}
	ul#menu-top-menu li.search a{
		background:url('../images/icon_search.jpg') no-repeat;
		background-size:35px 35px;
	}
	.search{
		display:none;
	}

	.logo{
		width:100%;
	}
	.logo h1{
		text-align:center;
		padding:0 0 0 20px;
	}
	.logo h1 a img{
		width:50%;
	}
	.header.row{
		background:#5c5c5c;
		padding-bottom:0;
	}
	ul.main-navigation li:hover > ul,
	.main-navigation ul li:hover > ul {
		display: none;
	}
	.main-navigation .menu {
		display:none;
		padding:0;
		margin:0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.main-navigation li{
		display:block;
		margin:0;
		padding:0;
		text-align:left;
		border-right:none;
	}
	.desktop-nav{
		display:none;
	}
	.main-navigation li a{
		margin:0 0 0 5px;
		font-size:14px;
	}
	.mobile-nav{
		display:block;
		position:relative;
	}
	.mobile-navigation{
		display:inline-block;
		width:55%;
	}
	.mobile-nav .main-navigation{
		display:none;
		padding:0;
	}
	.mobile-nav .main-navigation ul{
		margin-top:0;
	}
	.mobile-nav .main-navigation ul li a{
		font-size: 16px;
		display: block;
		height: 35px;
		padding: 5px 10px;
		background: #F2F2F2;
		border-bottom: 1px #ddd solid;
		line-height: 2.2em;
		margin: 0;
		font-weight: bold;
	}
	.mobile-nav .main-navigation-button,
	.mobile-nav .section-navigation-button{
		display:inline-block;
		height:35px;
		margin-right:1%;
		background:#F2F2F2; /* extra light grey */
	}
	.mobile-nav .main-navigation-button a,
	.mobile-nav .section-navigation-button a{
		display:block;
		text-align:left;
		text-decoration:none;
		padding:5px 10px;
		width:1000px;
		height:25px;
		display:table-cell; 
		vertical-align:middle;
		white-space:normal;
		color:#5c5c5c;	
		background:url('../images/mobile_menu_background.png') no-repeat 99% 50%;
	}
	.mobile-nav .main-navigation ul.sub-menu{
		display:none;
	}
	.social{
		display:inline-block;
		width:43%;
		margin-right:0;
		background:#FFF;
	}
	.social ul.icons {
		width:auto;
		display:block
		float:none;
		list-style:none;
		padding:0;
		margin-right:10px;
	}
	.social ul.icons li{
	}
	.breadcrumb_wrapper ul li a {
		font-size:12px;
	}
	.breadcrumb_wrapper ul li{
		font-size:12px;
	}

	/* Front Page */
	.rotation-wrapper{
		height:700px;
		top:180px;
	}
	.rotation{
		height:700px;
	}
	.ls-layer{
		height:700px;
	}
	.ls-bg{
		height:700px !important;
	}
	.ls-s-1{
		margin-top:30px !important;
		width:400px !important;
		height:141px !important;
		
	}
	.accents {
		top: 10px;
	}
	.accents .left,
	.accents .right {
		display:none;
	}
	.accents img{
		width:50px;
	}
	.message {
		position: absolute;
		top: 80px;
		left: 50%;
		width: 200px;
		margin-left: -100px;
		font-size: 18px;
		line-height: 1.6em;
		color: #FFF;
		text-align: center;
		z-index: 1000;
		
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		transition: all 0.2s linear;
		
	}
	.ls-osu-csw .ls-nav-next,
	.ls-osu-csw .ls-nav-prev{
		top: 90px !important;
	}
	.ls-osu-csw .ls-bottom-slidebuttons{
		bottom:10px !important;
	}
	.rotation_wrapper_bottom {
		height: 100%;
	}

	.elements_wrapper{
		top: 220px;
		left:0;
	}
	.squares{
		position:relative;
		left:20px;
		width:360px;
		height: 530px;
		margin-left:0;
	}
	.square{
		display:block;
		margin-right:0;
	}
	.square a{
		background-size:100%;
		width:100px;
		height:100px;
		padding-top:0;
		text-transform:none;
	}
	.square a span {
		position:absolute;
		top:50%;
		left:120px;
		margin-top:-20px;
		text-align:left;
		font-size:22px;
	}
	
	.container.widgets .second h3 {
		padding:20px 30px 10px;
	}
	.container.widgets .second p{
		padding:10px 30px;
	
	}
	/* Body */
	.wrapper.secondary {
		margin: 750px auto 0 auto;
	}
	body.home .content {
		margin: 0 auto;
	}
	.container.widgets {
		padding: 0 20px;
	}
	.block {
		min-height: none;
		margin-bottom:20px;
		min-height:450px;
	}
	.block.featured {
		margin-top: 0;
	}
	.block.kip_tips,
	.block.discover {
		margin-top:0;
	}
	.container.widgets .third .blog .photo{
		width:100%;
	}
	.container.widgets .third .blog .text{
		width:100%;
		text-align:left;
	}
	.image_background .accents img{
		width:40px;
		height:40px;
	}
	.image_background .overlay_text{
		top:50%;
		font-size:16px;
		letter-spacing:0.5px;
	}
	.landing .primary .span_12 {
		width: 95%;
	}
	.landing .subpage-preview-wrapper .span_12{
		width:94%;
	}
	.landing .wrapper.primary{
		margin-top:20px;
	}
	.landing .content{
		padding:20px;
	}
	.landing .subpage-preview-wrapper .content .preview-image{
		width:100%;
	}
	.landing .subpage-preview-wrapper .content .preview-image img{
		width:100%;
	}
	
	/* History & Background */
	.timeline-wrapper .timeline .timeline-year .line{
		display:none;
	}
	.timeline-wrapper .span_2{
		width:100%;
		text-align:center;
	}
	.timeline-wrapper .timeline .timeline-year-image{
		overflow:hidden;
		margin-bottom:20px;
	}
	.timeline-wrapper .timeline .timeline-year{
		margin:0 auto;
	}
	.timeline-wrapper .timeline .mobile-image{
		display:table;
	}
	.timeline-wrapper .timeline .col.details{
		height:auto;
		width:100%;
	}
	.timeline-wrapper .timeline .timeline-text{
		text-align:center;
		width:100%;
	}
	.timeline-wrapper .timeline .timeline-text img{
		display:none;
	}
	
	/* Calendar Page */
	.calendar .primary {
		margin-top: 118px;
		margin-bottom:0;
		border:none;
	}
	
	/* Contact Page */
	.page-id-119.landing .content {
		margin: 0 auto 30px auto;
		padding: 10px;
	}
	.gform_wrapper {
		padding: 20px 30px;
	}
	
	.section_header_wrapper .title {
		display: table;
		min-height: 150px;
		text-align: center;
		width: 100%;
		padding-right:0;
	}
	.section_header_wrapper .right {
		padding: 20px 50px;
		width:100%;
	}
	
	.blog .primary .span_3{
		width:100%;
		margin-left:0;
		padding:0;
	}
	
	/* Footer */
	.footer_background img{
		min-width:1050px;
	}
	.footer_background .elements_wrapper{
		top:0px;
		left:0;
		width:100%;
	}
	.footer_background .squares{
		left:5%;
		width:90%;
		height: 300px;
		padding-top:0;
	}
	.footer_background .square{
		display:inline-block;
		float:left;
		width:50%;
		margin-right:0;
	}
	.footer_background .square a{
		background-size:100%;
		width:100px;
		height:100px;
		margin:0 auto 30px auto;
		padding-top:0;
		text-transform:none;
	}
	.footer_background .square a span {
		position:relative;;
		text-align:left;
		font-size:14px;
		left:0;
		top:100px;
		margin-top:0;
	}
	.container.footer{
		padding:20px 0 0 0;
	}
	.footer .address{
		padding:20px;
	}
}


/* iPhone Portrait > iPad Portrait */
@media screen and (min-width: 480px) and (max-width: 759px) {
	.logo h1 a img{
		margin-bottom:10px;
	}
	.main-navigation{
		padding:20px 0 0 0;
	}
	.main-navigation .menu{
		padding:0 0 10px 0;
	}
	.main-navigation .menu li{
		padding:15px 0;
	}
	.main-navigation .menu li:after{
		font-size:11px;
	}	
	.main-navigation .menu li a{
		font-size:11px;
		padding:5px 0;
	}
	.breadcrumb_wrapper ul li{
		font-size:12px;
	}
	.breadcrumb_wrapper ul li a	{
		font-size:12px;
	}
	.blog .wrapper.primary .span_9{
		width:100%;
	}
	.blog .primary .span_3{
		width:100%;
		margin-left:0;
		padding:0;
	}
}

/* iPhone Portrait > iPhone Landscape */
@media only screen and (min-width: 400px) and (max-width:567px) {
	.logo h1 a img{
		margin-bottom:10px;
	}
	.rotation-wrapper{
		top:44vw
	}
	.wrapper.secondary {
		margin: 750px auto 0 auto;
	}
	.block.featured {
		margin-top: 0;
	}
	.rotation_wrapper_bottom {
		height: 100%;
	}
	.sidebar_menu{
		margin:0 30px;
	}
	.blog .wrapper.primary .span_9{
		width:100%;
	}
	.content{
		padding:30px 5px;
	}

}

/* iPhone Portrait and smaller */
@media only screen and (max-width: 399px) {
	.logo h1 a img{
		margin-bottom:10px;
	}
	.rotation-wrapper{
		top:44vw
	}
	.wrapper.secondary {
		margin: 700px auto 0 auto;
	}
	.block.featured {
		margin-top: 0;
	}
	.rotation_wrapper_bottom {
		height: 100%;
	}
	.image_background img.attachment-large{
		min-width:450px;
	}
	.sidebar_menu{
		margin:0 30px;
	}

	img.size-full, img.size-large, img.header-image, img.wp-post-image{
		width:100%;
	}
	.anchored .image_background_wrapper {
		height: 100px;
	}
	.anchored .content {
		padding: 60px 30px 30px;
	}
	.anchor_links .span_3{
		width:100%;
	}
	.blog .wrapper.primary .span_9{
		width:100%;
	}
	.blog .primary .span_3{
		width:100%;
		margin-left:0;
		padding:0;
	}

	.content{
		padding:30px 5px;
	}
}