/* CSS Document */
@import 'https://fonts.googleapis.com/css?family=Open+Sans';
@import 'https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300';
@import 'https://fonts.googleapis.com/css?family=Anton';	
@import 'https://fonts.googleapis.com/css?family=Archivo+Narrow'; 

	/* Global Styles */
	
	body { background-color:#002d57; font-family: 'Open Sans', sans-serif; color: black;  }
	#content { font-size: 17.5px;background-color: white; background-image:url("../images/logo_rnd.png"); background-repeat: no-repeat; background-attachment: relative; 
	background-position: 50% 5%; }
	#breadcrumb { color: silver; font-size: 12px; background-color: white; line-height: 35px; }
	h1 { color: green; }
	h2 { color: #4a9e91; }
	h3 { color: #005790; }
	h4 { font-weight: bold; }
	.cutline { font-weight: bold; font-size: 12px; }
	.green { color: green; }
	.lightblue { color: #4a9e91; }
	.darkblue { color: #002d57; }
	.gcblue { color: #005790; }
	.darkgrey { color: #333; }
	.footnote { font-size: 0.667em; }
	.caption { font-size: 13px; color: silver; font-style: italic; }
	.highlight { font-weight: bold; color: #4a9e91; }
	.well-block { background-color: #13467a; color: white; font-size: 26px; text-align: center; }
        .inactive-link { cursor: auto; color: black; }
	#more-links { background-color: black; color: white; font-size: 15px; padding-top: 5px; padding-bottom: 5px; }
	#more-links span{ font-weight: bold; display: right; margin-right: 20px; font-size: 15px; }
	.indent { padding-left: 30px; }
	.booked { font-style: italic; font-size: 12px; color: maroon; }
	.center-image { float: none; display: inline-block; vertical-align: middle; }

	.fade-link
	{ 
	  -webkit-opacity: 1;
	  -moz-opacity: 1;
	  opacity: 1;
	}
	.fade-link:hover
	{
	  -webkit-opacity: .5;
	  -moz-opacity: 5;
	  opacity: .5;
	 }
	
	/* Header */ 
	header { height: 113px; background-image: url('../images/header.png'); background-size: cover; background-repeat: no-repeat; }
	.logo { height: 65px; width: auto; margin: 0px auto; margin-top: 20px; }
	.foundation-logo { height: 75px; width: auto; margin: 0px auto; margin-top: 20px; }
	
	#headTop { text-align: center; height: 55px; line-height: 55px; vertical-align: middle; font-size: 16.25px; }
		#headTop a { color: white; }
		#headTop a:hover { color: #01C0DF; }
		#headTop a:visited { color: white; }
		
	#headSearch{ text-align: left; height: 55px; line-height: 55px; vertical-align: middle; font-size: 14px; }
		#headSearch a { color: white; }
		#headSearch a:hover { color: #01C0DF; }
		#headSearch a:visited { color: white; }
		
	#headBottom { text-align: center; height: 55px; line-height: 55px; vertical-align: middle; font-size: 20px;  }
		#headBottom a:link { color: white; text-decoration: none; }
		#headBottom a:hover { color: #01C0DF; text-decoration: none;  }
		#headBottom a:visited { color: white; text-decoration: none;  }
		#headBottom a:active { color: red; text-decoration: none;  }
	
	#dropdown-search a { color: black; text-decoration: none;  }
	#dropdown-search a:hover { color: #01C0DF; text-decoration: none;  }
	#dropdown-search a:visited { color: black; text-decoration: none;  }
	#dropdown-search a:active { color: red; text-decoration: none;  }
		
	/* Spotlights */ 
		/* Carousel base class */
			#front-page.carousel {
			  margin-bottom: 0px;
			}
			/* Since positioning the image, we need to help out the caption */
			#front-page.carousel-caption {
			  z-index: 1;
			}
			.left-control { margin-left: 15px; }
			.right-control { margin-right: 15px; }
					
	/* Navigation */
	nav { color: black;  font-size:  20px; font-weight: bold; }
		.nav.navbar-nav a:link { color: #4a9e91; text-decoration: none; }
		.nav.navbar-nav a:hover { color: #01C0DF; text-decoration: none;  }
		.nav.navbar-nav a:visited { color: #4a9e91; text-decoration: none;  }
		.nav.navbar-nav a:active{ color: red; text-decoration: none;  }
		#mobileSearch { width: 150px; display: inline-block; margin-top: 1%;} 
		
	/* Secondary Nav */
		
		#secNav { background-image: url('../images/secNav.png'); background-size: 100%; text-align: center; font-size: 18px; font-weight: bold; }
		#secNav a { display: inline-block; }
		#secNav a:link { color: white; text-decoration: none; }
		#secNav a:hover { color: #01C0DF; text-decoration: none; }
		#secNav a:visited { color: white; text-decoration: none;  }
		#secNav a:active{ color: red; text-decoration: none;  }
		.midNav { padding: 10px; }
		
	/* Quicklinks */
	
		#quicklinks { border-top: solid 20px #002d57; padding: 0px; font-size: 12.5px; }
		#quicklinks li { display: block; height: 30px; line-height: 30px; vertical-align: middle; list-style: none; 
		background-color: #e1e3e3; border: 1px white solid; padding-left: 20px; }
		#quicklinks li a { text-decoration: none; }
		#quicklinks li a:link { color: black; text-decoration: none; }
		#quicklinks li a:hover { text-decoration: underline;  }
		#quicklinks li a:visited { color: black; text-decoration: none;  }
		#quicklinks li a:active { text-decoration: none;  }
		.degree-list { font-size: 11px; }
		
	/* Footer */
		
		#footer { height: 500px; padding: 10px; 
			background-image: url('../images/footer.png'); 
			background-position: bottom; 
			background-repeat: no-repeat; font-size: 16px; color: white;
		}
		#footer ui { list-style: none; padding: 0px; width: 100%; text-align: left; }
		#footer li { display: block; padding: 7px; border-bottom: dotted white 1px; width: 100%; }
		#footer a:link { color: white; text-decoration: none; }
		#footer a:hover { color: #01C0DF; text-decoration: none;  }
		#footer a:visited { color: white; text-decoration: none;  }
		#footer a:active { color: red; text-decoration: none;  }
		#footer h3 { color: white; }

	/* Programs */
		#programsBoxes button { width: 100%; }
		#programsTable th { font-size: 14px; text-align: center; }
		#programsTable .programsTblPriHead  { background-color: #002d57; color: white; }
		#programsTable .programsTblSubHead { background-color: silver; font-size: 13px; font-weight: bold; }
		#programsTable td { font-size: 14px; text-align: center; }
		.row-group-head { text-align: left; font-weight: bold; color: white; background-color: #002d57; }

	/* Program Pages */
		#core-courses h4 { font-weight: bolder; font-variant: small-caps; font-size: 22px; } 
		#core-courses li { list-style: none; } 
		#footnotes h4 { font-variant: small-caps; }
		.credit-total { font-weight: bolder; list-style: none; font-size: 19px; padding-top: 10px; text-transform: uppercase; }		
		.credit-sub-total { font-weight: bold; list-style: none; display: inline-block; width: 402px; text-align: right; }
		.course-name { display: inline-block; width: 300px; }
		.course-name-indented { display: inline-block; width: 264px;  }
		.course-name-long { display: inline-block; width: 384px;  }
		.course-code { display: inline-block; width: 70px; }
		.course-code-indented { display: inline-block; width: 110px; padding-left: 20px; }
		.program-highlight { font-style: italic; text-decoration: underline; }
		.pre-req { font-weight: bold; font-size: 13.5px; }
		.pre-req:before {
			content: "\2014";
			margin-right: 3px; 
		}
		.stem-lead:before {
			content: "";
			display: inline-block;
			background: url("../images/academics/programs/stem-logo.png") no-repeat;
			width: 30px;
			height: 30px;
			margin-right: 7px;
		}

	/* Residence Life */
		#new-housing-reqs { color: white; background-color: #13467a; }
		#new-housing-reqs h2 { color: white; margin-top: 0px; padding-top: 0px; }

	/* Academics */
		.notes { font-size: 12px; font-weight: bold; font-color: silver; padding-bottom: 7px; }
		.gainful-emp { margin-left: 7px; font-size: 12px; }
		
	/* Meeting Minutes*/
	
		.new{ color: #e21e26; font-weight: bold; }
		.new:after {
			content: "NEW";
			display: inline-block;
			margin-left: 1em;
			padding: 0.25em 0.5em;
			border-radius: 50% 0%;
			background-color: #e21e26;
			color: #fff;
			font-weight: bold;
			font-size: 0.75em;
			font-style: italic;
		}
		.mtg-none{ color: #666; font-style: italic; }
		.mtg-special{ font-weight: bold; }

	/* Student Loans */
	
		.student-loans-limits th { text-align: center; }

	/* Tution and Fees*/
	
		#table-tuition-and-fees td { font-size: 15px; }
		#well-netpartner { height: 180px; }
		
	/* Parents */
	
		#list-parents-choice { list-style: none; }
		#list-parents-choice span { margin-right: 10px; }
		#list-parents-benefits { list-style: none; }
		#list-parents-benefits span { margin-right: 10px; }

	/* CEWD b*/
	.panel-cewd-foot { text-align: right; }
	.row-personal-interest a { float: right; }
	.row-personal-interest { padding-bottom: 10px; border-bottom:  1px silver dotted; }
	.table-cewd-programs td { text-align: center; }
	.tfoot-heading { font-size: 14px; font-weight: bold; }
	.tfoot-total { color: red; font-weight: bold; }
	tfoot span { font-size: 12px; }
	
	/* Campus Map */
	#campus-map-link { display: block; margin-top: 22px; text-align: center; }
	
	/* Student Life */
	/* Carousel base class */
	.carousel {
	  margin-bottom: 0px;
	}
	/* Since positioning the image, we need to help out the caption */
	.carousel-caption {
	  z-index: 1;
	}
	
	/* Employment */
	.job-description { font-size: 14px; }
	
	/* Distance Learning */
	 .dl-back-top { display: block; padding-top: 10px; padding-bottom: 7px; font-size: 12px; }
	 
	/* Events Calendar */ 
	#events-feed { padding: 0px; list-style: none;   }
	#events-feed ul { padding: 0px; list-style: none; }
	.events-feed-item { margin-right: 30px; }
	.events-item-date .day { color: #002d57; }
    .events-item-date { display: inline-block; font-size: 17px; font-variant: small-caps; border: 1px solid silver; text-align: center; width: 50px; }
    .events-item-time { display: inline-block; font-size: 12.5px; font-weight: bold; color: #878585; }
    .events-item-info { display: inline-block; font-size: 12.5px; font-weight: bold; color: #878585; }
    .events-item-info .summary { color: #002d57; }
	
	/* Bucknell */
	#list-bucknell { list-style: none; }
	#list-bucknell li { display: block; }

	#list-bucknell li:before {
		/*Using a Bootstrap glyphicon as the bullet point*/
		content: "\e013";
		font-family: 'Glyphicons Halflings';
		font-size: 15px;
		float: left;
		margin-top: 4px;
		margin-left: -20px;
	}
	
	/* STAFF & FACULTY */
	#table-staff-faculty th, td { padding: 5px; }
			
	/* News */
	#list-news { font-size: 15px; list-style: none; padding-left: 10px; }
	#list-news li { padding-bottom: 7px; }
	#list-athletics { font-size: 15px; list-style: none; padding-left: 10px; }
	#list-athletics li { padding-bottom: 7px; }
	.list-link { font-size: 12.5px; float: right; }
	#img-news { padding-top: 17px; }
	
	/* LRC  */ 
	#lib-hours { font-size: 15px; }

	/* LRC DB */ 
	#list-lrc-db li { padding-bottom: 7px; }
	#list-lrc-db li span { font-size: 16px; }
	
	/* ATHLETICS CALENDAR */
	.schedule-boxscore .event-box { min-height:70px; background:#fff; font-family:'open_sansbold', arial; margin-top:10px; padding:10px 10px 50px 90px; position:relative; line-height:1.3; text-transform:uppercase; overflow:hidden}
	.schedule-boxscore .event-box:first-child { margin-top:0}
	.schedule-boxscore .date { position:absolute; left:10px; top:10px; width:70px; height:70px; padding:15px 0; text-align:center; font-size:26px; line-height:1; color:#fff; background:#002541 }
	.schedule-boxscore .date span { display:block; font-size:12px }
	.schedule-boxscore .sport-status { margin-bottom:5px; font-size:12px; color:#000 }
	.schedule-boxscore .status { float:right }
	.schedule-boxscore .teams { font-size:15px; color:#498ABE }
	.schedule-boxscore .result { float:right; margin-right:10px; color:#002541 }
	.schedule-boxscore .links { position:absolute; left:10px; right:10px; bottom:10px; min-height:30px; line-height:30px; padding:0 10px;  background:#588cc4}
	.schedule-boxscore .links a { color:#fff }
	.schedule-boxscore .links a span { display:none }	

	/* Program Tiles */ 
	.program-tile { font-size: 15pt; padding: 3px; text-align: center; color: #002d57; }
	.program-tile a:hover { text-decoration: none; }
	.program-type { font-size: 14.5px; font-style: italic; padding: 0px; }

	/* Program Tiles X */ 
	.program-tile-x { font-size: 13pt; text-align: center; color: #002d57; text-transform:  uppercase; }
	.program-tile-x a:hover { text-decoration: none; }
	.program-title-x { font-weight: bold; padding-right: 4px; padding-left: 4px; }
	.program-type-x { font-size: 13pt; font-style: italic; padding: 0px; }

	/* Closing Message */
	.closing { background-color: indianred; color: white; font-size: 1em; font-style: italic; border: 3px solid darkred; }

	/* GILL XML Controls */
	.gill-events>p,span { font-weight: bold; }

	/* Refresher Courses */

		.pre-new:before {
			content: "NEW";
			display: inline-block;
			margin-left: 1em;
			padding: 0.25em 0.5em;
			border-radius: 50% 0%;
			background-color: #e21e26;
			color: #fff;
			font-weight: bold;
			font-size: 0.75em;
			font-style: italic;
		}

	/* VIDEO STYLES */
	#video-row { 
		background: url('../images/home/video-row-background.png');
		background-repeat: repeat-x;
		background-position: top center;
		background-size: auto;
		background-color:#002d57
	}
	#video-titles { font-family: 'Anton', sans-serif; color: white; font-size: 40px; }

	/* Fire Academy Styles */
	.fire-academy-ul { padding: 0px; list-style: none; }
	
	/* POLICY STYLES */
	.policy-list { font-size: 14px; }

	/* Community FRCrumb */
	.community-heading { font-weight: bold; font-size: 15px; }
	.community-heading .left { float: right; }
	#community-list-home { list-style-type: none; }
	#community-list-home li { line-height: 36px; padding-top: 10px; }
	#community-list-home span { padding-right: 25px; font-size: 30px; }
	#community-crumb { font-size: 13px; }
	#community-crumb span { font-size: 9px; padding-left: 5px; padding-right: 5px; }

/*******************************
******* MEDIA BREAKS ***********
*******************************/

/* PC to LG */

@media screen and (min-width: 1200px)
{
	nav { text-align: center; }
	.navbar-nav { text-align: center; display: inline-block; float: none; }
	.res-hall-iframe { height: 450px; width: 800px; margin-bottom: 30px; }
}
@media only screen and (min-width: 993px) and (max-width: 1199px)
{
	
	#headTop { text-align: center; height: 55px; line-height: 55px; vertical-align: middle; font-size: 12px; }
	#headSearch { text-align: center; height: 55px; line-height: 55px; vertical-align: middle; font-size: 11.5px; }
	#headBottom { text-align: center; height: 55px; line-height: 55px; vertical-align: middle; font-size: 16px;  }
	#footer { height: 500px; }
	nav { font-size: 17px; text-align: center; }
	.navbar-nav { text-align: center; display: inline-block; float: none; }
	#quicklinks { font-size: 10px; }
	.res-hall-iframe { height: 400px; width: 800px; margin-bottom: 30px; }
	#ecosystem-md-container { font-size: 11px; }
	#ecosystem-md-container h3{ font-size: 15px; font-weight: bolder; }
}


/* Tablet to PC */

@media only screen and (max-width: 992px)
{
	#more-links { padding-left: 30px; height: 60px; vertical-align: middle; }
	#searchTtoP { display: block; visibility: visible; padding: 7px;  }
	#searchTtoP label { padding-right: 10px; color: white; }
	#footer { height: auto; background-position: bottom; font-size: 12px; }
	nav { font-size: 13px; text-align: center; }
	.navbar-nav { text-align: center; display: inline-block; float: none; }
	.res-hall-iframe { height: 400px; width: 600px; margin-bottom: 30px; }
}

/* Tablet */

@media only screen and (max-width : 768px)
{
	#footer { height: auto; background-position: bottom; font-size: 12px; }
	#more-links span{ margin-right: 10px; }
	.res-hall-iframe { height: 320px; width: 520px; margin-bottom: 30px; }
}

/* Phones */ 

@media only screen and (max-width : 480px) {
	
	#mobileSearch { width: 150px; display: inline-block; margin-top: 2%;} 
	#footer { height: auto; background-position: bottom; font-size: 12px; }
	#programsBoxes button { font-size: 12px; }
	#secNav { font-size: 12px; }
	#events-title { font-size: 16px; font-weight: bold; padding-bottom: 10px; }
	#more-links { height: 60px; }
	#more-links span{ margin-right: 20px; }
	.res-hall-iframe { height: 270px; width: 420px; margin-bottom: 30px; }
	
	/* programs adjustments */
	#core-courses { font-size: 13.25px; }
	.course-name { display: inline-block; width: 160px; }
	.credit-sub-total { font-weight: bold; list-style: none; display: inline-block; width: 254px; text-align: right; }
}
		

/* iPhone */ 
@media only screen and (max-width : 320px) {
	#mobileSearch { width: 150px; display: inline-block; margin-top: 2%;} 
	#more-links { font-size: 11.25px; }
	#more-links span{ margin-right: 40px; }
	#footer { height: auto; background-position: bottom; font-size: 12px; }
	.midNav { padding: 10px; }
	#events-title { font-size: 13px; font-weight: bold; padding-bottom: 10px; }
	.res-hall-iframe { height: 220px; width: 280px; margin-bottom: 30px; }
	
	/* programs adjustments */
	#core-courses { font-size: 11.25px; }
	.course-name { display: inline-block; width: 120px; }
	.credit-sub-total { font-weight: bold; list-style: none; display: inline-block; width: 215px; text-align: right; }
}
