#weatheralert { margin:-90px auto 0px auto; background:#ffc101; width:100%; max-width:100%;  height:90px !important; position:fixed; z-index:20000;  }
.weatheractive { margin:10px 0px; width:100%; background:#ffc101; }

.top-bar .nav-item a {  padding:5px 15px 5px 15px; border:none; margin:0; outline:none; }
.spotlightItem { float:left; }
.main-nav .dropdown-menu { background:#4678A1; }
.top-bar .nav-item a:hover, .top-bar .nav-item a:active, .top-bar .nav-item a:focus { color:#444; }
.spotlightItem{
height:auto;
overflow:hidden;
position:relative;
padding:0px 0px 5px 0px;
width:100% !important;max-width:250px; margin:0px 20px 20px 0; min-width:250px !important
}


.fact {height:auto; }

.spotlightItem img { padding:0px 0 0px 0; width:100% !important; max-width:250px; min-width:250px !important }
.img-overlay{
background-color:rgba(0,0,0,0.5);
bottom:6px;
color:#fff;
position:absolute;
width:100% !important; max-width:260px;
z-index:1000;
}
.img-overlay h4, .img-overlay p{
padding:0 10px; margin:5px 20px 5px 0px; font-size: 14px;
 font-family: 'Montserrat', sans-serif;  color:white; font-weight:bold
}
.spotlightItem:hover{
opacity:0.7;
filter: alpha(opacity = 70);
transition:opacity 0.25s;
-moz-transition:opacity 0.25s;
-webkit-transition:opacity 0.25s;
}

#az {
	margin: 10px;
}
#az a {
	display: inline;
	padding: 10px 4px;
}
#az a:hover {
	color: black !important
}
#websiteContact label {
	font-weight: normal;
}
#botBreaker {
	display: none;
}

.info a { font-family:'Montserrat', sans-serif; }

section.buttons {font-size: 16px;
 font-family: 'Montserrat', sans-serif; }
 section.buttons a:hover { opacity:0.6 }

.header {height:130px !important;}
#logo { position:absolute; top:0px; left:15px;  width:141px; z-index:100; }
#logo a { color:#984708; }
#logo a:hover { text-decoration:none; color:#00457a; }

#desktopLogo { background:none; padding-top:10px; padding-bottom:10px; }
#desktopTriangle { width: 0; position:relative;
	height: 0;
	border-left: 70px solid transparent;
	border-right: 70px solid transparent;

	border-top: 20px solid #022d57; z-index:1 }

#mobileLogo {  margin-left:-30px; margin-top:-50px}
#mobileTriangle { width: 0; position:relative;
	height: 0;
	border-left: 60px solid transparent;
	border-right: 60px solid transparent;

	border-top: 20px solid #022d57; z-index:1
}

#bannerButtons { margin-top:-20px; background:#fdf6dc;  padding:40px 0px 10px 0px; opacity:0.9 }

.bannerLink { display:block; color:#994708; font-size:1.4em; text-align:center }

#bannerTriangle {  width: 0;
	height: 0;
	border-left: 70px solid transparent;
	border-right: 70px solid transparent;

	border-top: 20px solid #fdf6dc; opacity:0.9; }

	#headerIMG {
	font-family: 'News Cycle', sans-serif;
	color: white;
	font-size: 3em;
	text-shadow: 3px 4px 5px #000; font-weight:bold
}
#headerText {
	margin-top: -60px;
	margin-left: 10px;
	margin-bottom: 0px;
}
.content.container { margin-top:40px; }

.page-content p { line-height:1.3em }

#essentialsBox {  width:370px; }
#essentialsBox i { display:block; }
#topNavContact {width:450px;}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.dropdown-menu { padding-top:10px !important; }

.footer h3 { color:white; }

.has-divider {
  border-bottom: 1px dotted #e8e8e8;
  padding-bottom: 15px;
}

ul.bullets {

	list-style-type:none;
	padding:0px;
	margin:10px 10px 10px 0px;
}

ul.bullets li {
	background-image:url('http://www.wcsu.edu/images/blue-arrow.gif');
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding:3px 0px 3px 18px;

}

ul.bullets li ul.bullets li {
	background-image:url('http://www.wcsu.edu/images/arrow-grey.gif');
}

label { color:#333 !important; text-align:left !important}

@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}


@media (min-width: 992px) {
  .navbar {
    padding-right: 15px;
  }
}
@media (max-width: 1000px) {
.middleButton { padding:0px; }
.middleButton a { margin:5px 0; padding:0 }
}

.navmenu,.navbar-offcanvas{width:250px;height:auto;border-width:1px;border-style:solid;border-radius:4px; background:#444;}.navmenu-fixed-left,.navmenu-fixed-right,.navbar-offcanvas{height:auto !important; position:fixed;z-index:10030;top:0px;bottom:0;overflow-y:auto;border-radius:0}.navmenu-fixed-left,.navbar-offcanvas.navmenu-fixed-left{left:0;right:auto;border-width:0 1px 0 0}.navmenu-fixed-right,.navbar-offcanvas{left:auto;right:0;border-width:0 0 0 1px}.navmenu-nav{margin-bottom:10px}.navmenu-nav.dropdown-menu{position:static;margin:0;padding-top:0;float:none;border:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0}.navbar-offcanvas .navbar-nav{margin:0}
@media (min-width:768px){   .main-nav .container  { left:180px;  }.navbar-offcanvas{width:auto;border-top:0;box-shadow:none}.navbar-offcanvas.offcanvas{position:static;display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-offcanvas .navbar-nav.navbar-left:first-child{margin-left:-15px}.navbar-offcanvas .navbar-nav.navbar-right:last-child{margin-right:-15px} .navbar-brand{display:none}}

.offcanvas{display:none}.offcanvas.in{display:block}@media (max-width:767px){

	#weatheralert { margin:-90px auto 0px auto;height:40px !important;  }
	.offcanvas-xs{display:none}.offcanvas-xs.in{display:block}
.navbar-brand{display:block;font-size:18px;line-height:20px;padding:10px 15px;margin:5px 0; float:right; color:white;}

.spotlightItem{
height:auto;
width:100% !important;max-width:100% !important;
}
.spotlightItem img, .img-overlay{ width:100% !important; max-width:100% !important; }
.header {height:40px !important;}
#navbar-collapse {padding-top:120px; padding-left:5px; max-height:100% !important; position:fixed !important; top:0px !important; z-index:100; background:#595959; width:100% !important; padding-right:0px; margin-left:0;}

#headerIMG {
	font-size: 1.5em;
}
#headerText {
	margin-top: -30px;
	margin-left: 10px;
	margin-bottom: -20px;
}
#navbar-collapse a.dropdown-toggle { font-size:1.5em !important; border-top:white 1px solid }

.content.container { margin-top:60px; }

.flexslider .slides .flex-caption .main {
	font-family:'Open Sans', sans-serif;
  display: inline-block;
  background: #6091ba;
  margin-bottom: 0px;
  padding: 10px 15px;
  font-size: 36px; width:100% !important; height:69px;
}
#homepage { margin-top:-10px !important; }
#essentialsBox, #topNavContact {  width:100%; }

.mainmenu {left:0px; }
.header { background:transparent !important; }

.dropdown-menu { margin:0px !important; }
.mobile { margin-bottom:20px; margin-top:-10px; }

}
@media (min-width: 768px) {
    .mobile {
        display: none;
    }
    .navbar-collapse {
	   max-height: 2000px;
    }

    li.top-level { list-style:none !important; padding-left:0px}
    div.ditto { padding-left:0px}
    .page-sidebar ul.menu li {list-style:none !important; }
    .page-sidebar ul.menu li a { font-size:16px; }
    .page-sidebar ul.sub-menu li a { padding-left:15px; font-size:14px; }

	.page-sidebar ul.menu li.active > a:not([href]), .page-sidebar ul.menu ul li a:not([href]), .page-sidebar ul.menu a:not([href])  {
		color:black;

}
    .page-sidebar ul.menu li.active > a{
        display:flex;
        flex-basis:auto;
        margin: 2px 0px;
        padding: 5px 0px;
        margin-left: -4%;
        padding-left:12px;
    }

    .page-sidebar ul.menu ul li a{
        font-size:14px;
        margin: 2px 0px;
        padding-top:3px;
        padding-bottom:3px;
        display:flex;
        flex-basis:auto;
    }
    .page-sidebar ul.menu ul li a:hover{
        text-decoration: none;
        background:#E3E3E3;
        color:black;
    }

    .page-sidebar ul.menu  a{
        text-decoration: none;
        display:flex;
        flex-basis:auto;
        padding: 5px 0px;
        margin-left: -4%;
        padding-left:12px;
    }
}
@media (max-width:991px){
	.offcanvas-sm{display:none}.offcanvas-sm.in{display:block}
	}
@media (max-width:1199px){.offcanvas-md{display:none}.offcanvas-md.in{display:block}}

.offcanvas-lg{display:none}.offcanvas-lg.in{display:block}.canvas-sliding{-webkit-transition:top .35s,left .35s,bottom .35s,right .35s;transition:top .35s,left .35s,bottom .35s,right .35s}.offcanvas-clone{height:0!important;width:0!important;overflow:hidden!important;border:none!important;margin:0!important;padding:0!important;position:absolute!important;top:auto!important;left:auto!important;bottom:0!important;right:0!important;opacity:0!important}

button.test { background:red; float:right; margin-right:15px; margin-top:2px}
ul.essentialsList li { list-style:none; float:left; border-bottom:none; font-size:12px !important}
ul.essentialsList li a { border-bottom:none !important; font-size:12px !important}

section.buttons a { color:white; font-size:1.2em}

body.home-page #logo {
	left: 30px;
}

@media (max-width: 767px) {
.container {
	margin-right: 15px;
}
}

/*PullQuote Class*/
.pullQuote {
            font-family: Georgia, serif;
            position: relative;
            margin: 0.5em;
            padding: 0.5em 2em 0.5em 3em;
            font-style: italic;
            color:#00457a;
}

.pullQuote:before {
            font-family: Georgia, serif;
            position: absolute;
            font-size: 6em;
            line-height: 1;
            top: 0;
            left: 0;
            content: "\201C";

}

.pullQuote:after {
            font-family: Georgia, serif;
            position: absolute;
            /* display: block; don't use this, it raised the quote too high from the bottom - defeated line-height? */
            float:right;
            font-size:6em;
            line-height: 1;
            right:0;
            bottom:-0.5em;
            content: "\201D";
}

.pullQuote footer {
            padding: 0 2em 0 0;
            text-align:right;
}

ul#leftNaver>li>ul {
    padding-left: 17px;
}


p.infoAlert {
	background: #fff6bf url(../images/information.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	margin:10px 0px;
	font-size:11px;
	padding: 5px 20px 5px 45px;
	border: 1px solid #ffd324;
  -moz-border-radius: 5px/*{cornerRadius}*/;
	-webkit-border-radius: 5px/*{cornerRadius}*/;
	border-radius: 5px/*{cornerRadius}*/;
}

.alert {
	background: #fff6bf url(../images/exclamation.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	box-shadow:5px 5px 10px #eee;
	-webkit-box-shadow: 3px 3px 5px #eee;
	-moz-box-shadow: 3px 3px 5px #ccc;
	moz-border-radius: 5px/*{cornerRadius}*/;
	-webkit-border-radius: 5px/*{cornerRadius}*/;
	border-radius: 5px/*{cornerRadius}*/;
}