@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,600i,700|Source+Serif+Pro:400,600,700&
subset=latin-ext);
/*! * Bootstrap v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
 :root {
	 --blue: #007bff;
	 --indigo: #6610f2;
	 --purple: #6f42c1;
	 --pink: #e83e8c;
	 --red: #dc3545;
	 --orange: #fd7e14;
	 --yellow: #ffc107;
	 --green: #28a745;
	 --teal: #20c997;
	 --cyan: #17a2b8;
	 --white: #fff;
	 --gray: #6c757d;
	 --gray-dark: #343a40;
	 --brown: #5B1300;
	 --gold: #FFCF44;
	 --dkgray: #333333;
	 --ltgray: #A6BECD;
	 --tan: #F0E1BE;
	 --grgray: #6d6c6d;
	 --rust: #9f331d;
	 --primary: #5B1300;
	 --secondary: #FFCF44;
	 --success: #28a745;
	 --info: #A6BECD;
	 --warning: #ffc107;
	 --danger: #dc3545;
	 --light: #f8f9fa;
	 --dark: #9f331d;
	 --breakpoint-xs: 0;
	 --breakpoint-sm: 576px;
	 --breakpoint-md: 768px;
	 --breakpoint-lg: 992px;
	 --breakpoint-xl: 1200px;
	 --font-family-sans-serif: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	 --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
 *, *::before, *::after {
	 box-sizing: border-box;
}

body {
	 margin: 0;
	 font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
 .btn-secondary {
	 color: #212529;
	 background-color: #FFCF44;
	 border-color: #FFCF44;
}
 .btn-secondary:hover {
	 color: #212529;
	 background-color: #ffc51e;
	 border-color: #ffc211;
}
 .btn-secondary:focus, .btn-secondary.focus {
	 box-shadow: 0 0 0 0.2rem rgba(255, 207, 68, 0.5);
}
 .btn-secondary.disabled, .btn-secondary:disabled {
	 color: #212529;
	 background-color: #FFCF44;
	 border-color: #FFCF44;
}
 .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
	 color: #212529;
	 background-color: #ffc211;
	 border-color: #ffbf04;
}
 .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
	 box-shadow: 0 0 0 0.2rem rgba(255, 207, 68, 0.5);
}
 a.btn{
	 font-weight:bold;
}
 .test{
	 border: 2px solid red;
	 background-color: rgba(0, 0, 0, 0.7);
}
 h1 {
	 color: #5B1300;
	 margin-bottom: -0.05em;

}
 h2 {
	 font-family: serif;
	 font-size: 1.575rem;
}
h5{
    font-family:sans-serif;
    font-size: 1.05rem;
}
 a {
	 color: #9f331d;
   font-weight: 600;
	 text-decoration: none;
	 background-color: transparent;
	 -webkit-text-decoration-skip: objects;
}
 a:hover {
	 color: #0f0300;
	 text-decoration: underline;
}
 .banner {
	 border-top: 10px solid #FFCF44;
}
 .bg-primary {
	 background-color: #5B1300 !important;
}
 #wholehead{
	 position: absolute;
	 top:0;
	 width:100%;
	 z-index: 1000;
}
 #banner{
	 background: #FFF;
	 color: #33333;
}
 #topnavbar a{
	 color:#FFF;
}
 #topnavbar a:hover{
	 text-decoration: underline;
}
 #topnavbar .nav-item{
	 padding-left:1em;
	 padding-right:1em;
}
header .carousel-item {
	 height: 100vh;
	 min-height: 300px;
	 z-index: 100;
	 background: no-repeat center center scroll;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
	 background-attachment: scroll;
}

  header .carousel-caption {
	 color: #fff;
	 padding:0;
	 z-index: auto;
	 top: 70%;
	 transform: translateY(-50%);
}
@media(min-width:576px){
   header .carousel-caption {
     top: 77%;
   }
}
 header .carousel-caption h1{
	 font-weight: 400;
	 color:#FFF;
	 font-size:1.6em;
}
 header .carousel-caption p{
	 font-weight: normal;
	 font-size:1.0em;
}
 header .carousel-caption nav{
	 font-weight: normal;
	 font-size:1.0em;
}
 header .carousel-caption a {
	 color: #fff;
	 cursor: pointer;
}
 header .carousel-caption a:hover {
	 text-decoration: underline;
}
 header .carousel-indicators, header .carousel-control-prev, header .carousel-control-next{
	 z-index:999;
}
/*
 * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
 *
 * [1] IE9
 * [2] IE10+
 */
/* 1 */
.ie9 img[src$=".svg"] {
  width: 90%; }

/* 2 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .lpipe {
    display: none; }

  img[src$=".svg"] {
    width: 90%; } }
 hr{
	 display: block;
	 margin-top: .5em;
	 margin-bottom: .5em;
	 border-style: solid;
	 border-width: .1em;
	 border-color:#FFF;
	 width:30%;
	 background-color:#FFF;
}
 nav .pipes {
	 text-align: center;
	 padding-right: 1em;
	/* = li::after@word-spacing */
}
 .pipes ul {
	 display: inline;
	 margin: 0;
	 padding: 0;
}
 .pipes ul li {
	 display: inline;
}
 .pipes ul li::before {
	 content: ' ';
}
 .pipes ul li::after {
	 content: ' ';
	 white-space: normal;
	 background: url(../home-images/pipe.png);
	 background-repeat: no-repeat;
	 background-position: center center;
}
 .pipes ul li a {
	 white-space: nowrap;
	/* here */
	 display: inline-block;
	/* to allow padding */
	 padding: .2em;
}
/* Slide Backgrounds * --------------------------------------- */
 #homea.carousel-item{
	 background-image: url(../home-images/homea2.jpg);
}
 #homeb.carousel-item{
	 background-image: url(../home-images/homeb.jpg);
}
 #homec.carousel-item{
	 background-image: url(../home-images/homec.jpg);
}
 #homed.carousel-item{
	 background-image: url(../home-images/homed.jpg);
}
/* Footer styles */
 #section6{
	 background-color: #5b1300;
}
/*
 footer {
	 border-top: 1em solid #5b1300;
	 background-color:#fff;
	 position: relative !important;
}
 .footer a {
	 color: #9f331d;
   font-weight: 600;
}

 .footer .col-sm-12 {
	 padding:0 30px;
}
 .footer .col-sm-6 {
	 width: 40%;
}
 .footer-top {
	 width: 100%;
	 background-color: #F0E1BE;
	 border-bottom: 1px solid #333;
	 margin-bottom: 2em !important;
}
 .footer-links div div {
	 padding: 0.5em 0.5em 0 0.5em;
}
 .footer-links div {
	 text-align: left;
	 font-size: 1.1em;
}
 .footer-links img {
	 width: 1.5em;
	 margin: 0 0.2em;
	 border: 0em;
}
 .left-border {
	 border-left: 1px solid #333;
	 color: #666;
	 font-size: 1.2em;
}
 .left-border2 {
	 color: #666;
	 font-size: 1.2em;
	 display:none;
}
 .left-border div div {
	 padding-left: 1em;
}
 .footer div {
	 list-style: none;
}
 .footer-bottom, .footer-bottom a {
	 background-color: #5b1300;
	 color: #fff;
	 text-align: right;
	 width: 100%;
}
 .footer-bottom img {
	 float: left;
	 max-width: 18em;
}
 .notice {
	 height: 100%;
	 width: 100%;
	 display: table;
}
 .notice a {
	 display: table-cell;
	 vertical-align: middle;
}
 footer p{
	 font-size: 1em;
}*/
.news ul{
  list-style: none;
  padding-left: 0;
}
 .news li{
	 padding:0.8em;
}

.date-display-single{
  display:none;
}
.news li:nth-child(odd){
	 background-color: #EFEFEF;
}
 #dates li:nth-child(odd){
	 background-color:#fff;
}
 .news-events a {
	 margin:0.8em;
}
 .news-item p{
	 padding-top:1em;
}
 .card-header{
	 color:#FFF;
	 text-align: center;
	 font-size: 1.5em;
}
/* Calendar Icons */
 time.icon {
	 font-size: .5em;
	/* change icon size */
	 display: block;
	 position: relative;
	 width: 6em;
	 height: 6em;
	 background-color: #fff;
	/*margin: 2em auto;
	 */
	 border-radius: 0.6em;
	 box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
	 overflow: hidden;
	 -webkit-backface-visibility: hidden;
	 -webkit-transform: rotate(0deg) skewY(0deg);
	 -webkit-transform-origin: 50% 10%;
	 transform-origin: 50% 10%;
}
 time.icon * {
	 display: block;
	 width: 100%;
	 font-size: 1em;
	 font-weight: bold;
	 font-style: normal;
	 text-align: center;
}
 time.icon strong {
	 position: absolute;
	 font-size:1.4em;
	 color:#5B1300;
	 top: 0;
	 padding: 0.2em 0;
	 background-color: #d6d6d6;
	 border-bottom: 1px dashed #d6d6d6;
	 box-shadow: 0 2px 0 #d6d6d6;
}
 time.icon em {
	 position: absolute;
	 bottom: 0.3em;
	 color: #fd9f1b;
}
 time.icon span {
	 width: 100%;
	 font-size: 2.8em;
	 letter-spacing: -0.05em;
	 padding-top: 1em;
	 color: #5B1300;
}
 time.icon:hover, time.icon:focus {
	 -webkit-animation: swing 0.6s ease-out;
	 animation: swing 0.6s ease-out;
}
 @-webkit-keyframes swing {
	 0% {
		 -webkit-transform: rotate(0deg) skewY(0deg);
	}
	 20% {
		 -webkit-transform: rotate(12deg) skewY(4deg);
	}
	 60% {
		 -webkit-transform: rotate(-9deg) skewY(-3deg);
	}
	 80% {
		 -webkit-transform: rotate(6deg) skewY(-2deg);
	}
	 100% {
		 -webkit-transform: rotate(0deg) skewY(0deg);
	}
}
 @keyframes swing {
	 0% {
		 transform: rotate(0deg) skewY(0deg);
	}
	 20% {
		 transform: rotate(12deg) skewY(4deg);
	}
	 60% {
		 transform: rotate(-9deg) skewY(-3deg);
	}
	 80% {
		 transform: rotate(6deg) skewY(-2deg);
	}
	 100% {
		 transform: rotate(0deg) skewY(0deg);
	}
}
 @media (min-width: 576px) {
	 hr{
		 display: block;
		 margin-top: 2em;
		 margin-bottom: 1em;
		 border-style: solid;
		 border-width: .2em;
		 border-color:#FFF;
		 width:30%;
		 background-color:#FFF;
	}
	 header .carousel-caption h1{
		 font-weight: 700;
		 font-size:3em;
	}
	 header .carousel-caption p{
		 font-weight: normal;
		 font-size:1.6em;
	}
	 header .carousel-caption nav{
		 font-weight: normal;
		 font-size:1.6em;
	}
	/* landing slide stuff */
	 #maincontents{
		 margin-top:0;
		 padding:2em 4em 4em 4em;
	}
	 .landing p {
		 padding-right: 8em;
		 padding-left:8em;
	}
	 .landing h1 {
		 font-size: 3.5rem;
		 font-size: bold;
	}
	 a.landingbtn {
		 font-size:2em;
	}
}
/* Defining section backgrounds * --------------------------------------- */
 .logo {
	 margin-right: 20px;
	 margin-top: 10px;
	 margin-left: 15px;
}
 .school {
	 font-size: 1em;
}
 .logo {
	 max-width: 170px;
}
 @media (min-width: 991px) {
	 .logo {
		 max-width: 345px;
	}
	 .school {
		 font-size: 1.8em;
	}
}


@media (max-width: 1024px){
  .card-deck {
    flex-flow: column;
}
 @media only screen
 and (min-device-width: 768px)
 and (max-device-width: 1024px)
 and (orientation: portrait) {
	 .card-deck {
		 flex-flow: column;
	}
}
@media screen
  and (max-device-height: 360px)
  /*and (-webkit-device-pixel-ratio: 4)*/
  and (orientation: landscape)
 {
	 .card-deck {
		 flex-flow: column;
	}
}