/* customization.css: */

@import url(https://fonts.googleapis.com/css?family=Crete+Round:400,400italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,600,600italic,700,700italic&subset=latin,latin-ext);

/* generic styling */

* {
	color: #585858;
	font-family: 'Source Sans Pro', sans-serif;
}

body {
	background-position: center;
	background-size: contain;
	/* background-color: #752D22; */
	/* background-image: url('/textures/'); */
}

li, p {
	/* color: white; */
	font-size: 12pt;
	text-shadow: 3px 3px 10px rgba(0,0,0,0.2);
}

h1 {
	/* color: wheat; */
	/* text-transform: uppercase; */
	text-shadow: 3px 3px 10px rgba(0,0,0,0.2);
}

h2, h3, h4, h5 {
	/* color: wheat; */
	/* text-transform: uppercase; */
	text-shadow: 2px 2px 10px rgba(0,0,0,0.2);
}

h1, h2, h3, h4, h5,
h1 *, h2 *, h3 *, h4 *, h5 * {
	color: #2E724F;
	font-family: 'Crete Round', sans-serif;
}

table {
	margin-top: 10px;
	margin-bottom: 10px;
}

a:focus, a:hover, a:focus, a:active, span.required {
	color: #ff000b;
}

a {
	color: #ff4a00;
}

a:after {
	content: '↗';
	white-space: nowrap;
}

.navbar a:after,
.nav a:after {
	content: none;
}

em, em * {
	color: #2E724F;
	font-style: normal;
}

em:focus, em:hover, em:focus, em:active {
	color: #2E724F;
	font-style: normal;
}

em:after {
	white-space: nowrap;
	content: ' ';
}

/* main containers */

.container {
	padding-top: 30px;
	padding-bottom: 30px;
}

.first-container {
	margin-top: 210px;
}

.container-separator,
.fullwidth-separator {

	min-height: 60px;
	margin-top: 20px;
	margin-bottom: 20px;

	background-color: #d3e5dc;
	
	background-size: cover;
	background-attachment: fixed;
	background-attachment: scroll;

	background-image: url("/graphics/mousou-background-green.jpg");
	background-repeat: repeat-x;
	border-bottom: 2px solid white;
	border-top: 2px solid white;
	box-shadow: -5px 2px 15px 7px rgba(0,0,0,0.15);
	
}

.container-separator {
	padding-top: 20px;
	padding-bottom: 20px;
}

/* navbars */

.navbar-heading {
	height: 150px;
	padding-top: 0px;
	padding-bottom: 0px;
	/* background-color: white; */
	background-image: url("/graphics/mousou-background-orange.jpg");
	background-repeat: repeat-x;
	background-position: 50px -35px;
	border-bottom: 2px solid white;
	box-shadow: 0px 2px 15px rgba(0,0,0,0.3) inset
}

.navbar-heading span {
	display: none;
}

.navbar-default {
	background-image: url("/graphics/mousou-background-green.jpg");
	background-repeat: repeat-x;
	border-bottom: 2px solid white;
	box-shadow: 5px 2px 15px rgba(0,0,0,0.3);
}

.navbar-default * {
	font-family: 'Crete Round', sans-serif;
	font-variant: small-caps;
	font-size: 18px;
}

.navbar-nav a {
	color: #2C2C2C !important;
}

.dropdown-menu {
	padding-top: 0px;
	padding-bottom: 0px;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
}
.dropdown-menu {
	background-image: url("/graphics/mousou-background-green.jpg");
	background-repeat: repeat-x;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:active {
	color: #c72d00 !important;
	background-color: rgba(136, 136, 136, 0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2) inset;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:active,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:active {
	color: #c72d00 !important;
	background-color: rgba(136, 136, 136, 0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2) inset;
}

.navbar-default .navbar-center {
	text-align: center;
}
.navbar-default .navbar-center .navbar-nav > li {
	float: none;
	display: inline-block;
}
.navbar-default .navbar-center .navbar-nav {
	float: none;
}

/* images */

.img-circle {
	border: 3px solid #F5DEB3;
	box-shadow: 5px 5px 10px -1px rgba(0,0,0,0.3);
}

/* text variants */

.text-muted {
	color: #737373;
}

.text-hidden {
	display: none;
}

/* buttons */

.btn {
}

.btn:hover {
}

.btn.btn-default {
	border-color: white;
	background-color: #ffc57b;
	text-transform: uppercase;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	box-shadow: 5px 5px 10px -1px rgba(0,0,0,0.2);
}

.btn.btn-link {
	border-radius: 4px;
	border-color: transparent;
	background-color: transparent;
	text-transform: uppercase;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	box-shadow: none;
}

.btn.btn-default:hover,
.btn.btn-default:active,
.btn.btn-default:focus {
	color: white;
	border-color: white;
	background-color: #2E724F;
}

.btn.btn-link:hover,
.btn.btn-link:active,
.btn.btn-link:focus {
	text-decoration: underline;
}

/* featurettes */

.featurette {
	padding-top: 30px;
	padding-bottom: 30px;
}

.featurette-divider {
	border-color: wheat;
}

.featurette-image {
	border: 3px solid #F5DEB3;
	margin-top: 50px;
	max-height: 300px;
	max-width: 300px;
}

/* courses */

.course-overview {
	height: 380px;

	border-radius: 20px;
	border: 1px solid white;
	box-shadow: 0px 0px 10px 0px rgba(150,150,150,0.5) inset;

	overflow: auto;
}

/* paragraphs */

.entity-annotation p {
	text-transform: uppercase;
	line-height: 24px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #1d4731;
}

.paragraph-leftpadded {
	padding-left: 40px;
}

/* no-gutter */

.row.no-gutters {
   margin-right: 0;
   margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
   padding-right: 0;
   padding-left: 0;
}

/* dates */

.dates, .dates * {
	white-space: nowrap;
}
.dates {
	padding: 20px !important;
}

.big-date {
	font-weight: 600;
	font-size: 25px;
}
.small-date {
	font-size: 18px;
}

/* footer */

.footer {
	
	margin-bottom: 0px;
	margin-top: 40px;
	
	padding-top: 20px;
	padding-bottom: 10px;
	
	background-color: #d3e5dc;
	background-image: url("/graphics/mousou-background-orange.jpg");
	background-repeat: repeat-x;

	border-bottom: 2px solid white;
	border-top: 2px solid white;
	
	box-shadow: -5px 10px 15px 15px rgba(0,0,0,0.2);
}

.footer .container {
	padding: 0px;
}

.footer * {
	color: #2E724F;
	text-shadow: 2px 2px 5px white;
}

/* go to the top button */

.navbar-fixed-top + .content-container {
	margin-top: 70px;
}

#top-link-block {
	z-index: 999;
}

#top-link-block.affix-top {
	position: absolute; /* allows it to "slide" up into view */
	bottom: -82px; /* negative of the offset - height of link element */
	right: 10px; /* padding from the right side of the window */
}

#top-link-block.affix {
	position: fixed; /* keeps it on the bottom once in view */
	bottom: 18px; /* height of link element */
	right: 10px; /* padding from the right side of the window */
}

/* logo */

.logo {
	margin-top: 20px;
}

/* media */

@media (max-width: 767px) {
	
	.navbar-heading {
		display: none;
	}
	
	.navbar-nav {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.navbar-default .navbar-center .navbar-nav > li	{
		display: block;
		border-top: 1px solid white;
	}

	.first-container {
		margin-top: 50px;
	}

	.container {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	.featurette {
		padding-top: 15px;
		padding-bottom: 15px;
	}

}

@media (min-width: 768px) and (max-width: 991px) {
	.navbar-nav a {
		font-size: 16px;
		font-stretch: condensed;
	}
}

@media (max-width: 991px) {

	.course-overview {
		height: auto;
		padding-bottom: 10px;
	}

}

/*eof*/