/* ========================== Styled By: Anthony ==========================  */

@import url('//fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url(../../../releases/v5.6.3/css/all.css);

/* <--------------------- LIST LAYOUT ---------------------> */

/* Header */
body {font-family: 'Open Sans', sans-serif !important; background: #fff; color: #212121;}
body strong, body b {font-weight: 400;}
header#header {box-shadow: none !important;}
html body header#header a#school {background: rgb(2,136,209);  color: rgb(255,255,255); font-weight: 600; }
html body header#header a#school span {color: rgb(255,255,255); font-weight: 600 ; font-family: 'Open Sans', sans-serif !important; padding: 28px 60px 0 20px;}

/* Nav  */
html body header#header div.quick-links span#nav-icon,
html body header#header div.quick-links button#nav-icon { color: rgb(29,58,108); }

html body header#header nav button#nav-icon  {cursor:pointer; cursor:hand;  color:#fff; background: transparent; border-radius: 25px;box-shadow:none;}
html body header#header nav .nav ul#nav_items_0 {background: rgb(255,255,255); margin-right: 60px; padding: 10px 15px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.76); border-radius: 8px; }
html body header#header nav .nav ul li a {color: rgb(66,66,66); padding-left: 10px; font-size: 14px; white-space: pre-line;}
html body header#header nav .nav ul li span.nav_icon { color: rgb(29,58,108); }

header#header.show-nav div.quick-links span#nav-icon,
header#header.show-nav div.quick-links button#nav-icon,
header#header.show-nav button#nav-icon,
html body header#header.show-nav nav button#nav-icon { color: rgb(255,255,255); background: rgb(244,67,54); }
html body header#header a#school.logo img {background-color: rgb(255,255,255); padding: 16px 0 0 8px; height: 35px; top: 10px; left: 10px; position: absolute; background: rgb(255,255,255); padding-right: 26px; padding-bottom: 10px; border-radius: 10px;  padding-left: 15px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);}
header#header.show-nav div.quick-links .enicon,
header#header.show-nav .enicon {background: rgb(33,150,243); border: 0;color: rgb(255,255,255); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);}
.no-nav nav ul {display: none !important;}

/* Inside Styles */
main section.content div.list-view ul.items li a h3, main section.content div.list-view ul.items li div h3,main section.content div.item-view h3,div#albumsWrapper.narrow #albumSubAlbums h1.albumName {color: #000 !important; font-weight: 400 !important;}
main section.content div.list-view ul.items li a, main section.content div.list-view ul.items li a:link, main section.content div.list-view ul.items li a:visited, main section.content div.list-view ul.items li >div,main section.content div.item-view ,main section.content div.reset-styling >p{color: #212121 !important;}
html body main section.content div.item-view .auxillary-link {background:#333333 !important; border: none; border-radius: 2px; color: #000;position: relative; height: 36px;  margin: 0; min-width: 64px;padding: 0 16px; display: inline-block; font-size: 14px;font-weight: 400;text-transform: uppercase;letter-spacing: 0; overflow: hidden;will-change: box-shadow; transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1); outline: none;cursor: pointer;text-decoration: none; text-align: center; line-height: 36px;vertical-align: middle; background: rgba(158,158,158,.2);box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); background: #3f51b5;color: #fff !important;text-shadow: 0 0 1px rgba(0,0,0,.2);}
html body main section.content select.subnavigation { -webkit-appearance: menulist !important;  color: #000; font-weight: 400; font-family: 'Open Sans', sans-serif !important; background: none !important;border: 0; font-size: 15px !important; padding: 0 15px; height: 30px;}
main section.content div.item-view div,main section.content div.list-view ul#items li span.staff, main section.content div.list-view ul#items li span.classes,main section.content div.list-view ul.items li a p,main section.content div.list-view ul#items li span.datetime, main section.content div.list-view ul#items li span.location,main section.content div.list-view ul.items li a, main section.content div.list-view ul.items li a:link, main section.content div.list-view ul.items li a:visited, main section.content div.list-view ul.items li >div, main section.content div.item-view, main section.content div.reset-styling >p {font-weight: 400;}
body,main section.content div.item-view p *, 
main section.content div.reset-styling p *, 
main section.content div.reset-styling font, 
main section.content div.reset-styling font *, 
main section.content div.reset-styling span *, 
main section.content div.reset-styling ul *, 
main section.content div.reset-styling div * {font-size: 16px !important; font-family: 'Open Sans', sans-serif !important;}
main section.content div.list-view ul.items li a h3, 
main section.content div.list-view ul.items li div h3, 
main section.content div.item-view h3,
main section.content div.list-view ul.items li a h2, 
main section.content div.list-view ul.items li div h2, 
main section.content div.item-view h2,
div#albumsWrapper.narrow #albumSubAlbums h1.albumName {font-weight: 600 !important;}
main section.content div.item-view div, main section.content div.list-view ul#items li span.staff, main section.content div.list-view ul#items li span.classes, main section.content div.list-view ul.items li a p, main section.content div.list-view ul#items li span.datetime, main section.content div.list-view ul#items li span.location, main section.content div.list-view ul.items li a, main section.content div.list-view ul.items li a:link, main section.content div.list-view ul.items li a:visited, main section.content div.list-view ul.items li >div, main section.content div.item-view, main section.content div.reset-styling >p {color: #444 !important;}

/* Date */
html body main section.content div.view div.date-badge {background: rgb(245,245,245); font-weight: 400 !important; border-radius: 2px; border: 2px solid rgb(158,158,158); overflow: visible; box-shadow: 0 0 5px rgba(0, 0, 0, 0.35); height: 35px; width: 39px;}
html body main section.content div.view div.date-badge span.date-week {display: none;}
html body main section.content div.view div.date-badge span.date-month { background: rgb(244,67,54); height: 22px; line-height: 22px; font-size: .8em; position: absolute; width: 100%; top: -10px; border-radius: 2px 2px 0 0; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.10);}
main section.content div.view div.date-badge span.date-day {color: rgb(66,66,66); font-size: 18px; line-height: 2.2em; text-shadow: 1px 1px rgb(255,255,255); border-bottom: 5px solid rgb(224,224,224); height: 34px;}

/* Home List */
html body main section.hp-image{margin-bottom: -6px !important;}
html body main section.content ul#hp-items.hp-list {padding: 0 !important; margin: 0 !important;}
html body main section.content ul#hp-items.hp-list li {background: #fafafa; border-radius: 0 !important; margin: 0 !important;}
html body main section.content ul#hp-items.hp-list li a {text-shadow: none; color: #212121; font-weight: 400 !important; padding: 15px; font-size: 16px;}
html body main section.content ul#hp-items.hp-list-disconnected li {border-top: 1px solid #DCDCDC !important;;}
html body main section.content ul#hp-items.hp-list li div.arrow {background: none; color: #212121; font-size: 18px;}
html bodysection.hp-image div#hp-image br {display: none !important;}

/* Full Site Button */
html body main section.content ul#hp-items.hp-list li#view-full-site {background: rgb(0,0,0); color: rgb(255,255,255); text-align: center; font-weight: 400;}
html body main section.content ul#hp-items.hp-list li#view-full-site a p {color: rgb(255,255,255) !important;}
html body main section.content ul#hp-items.hp-list li#view-full-site div.arrow.black {display: none !important;}

/* Pagetitles */
html body main section.content div.pageTitle,
html body main section.content h1.pageTitle,
div#albumsWrapper div#album h2, 
div#albumsWrapper.narrow div#album h2 { background: rgb(3,169,244); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26); }

html body main section.content div.pageTitle a,
html body main section.content h1.pageTitle,
div#albumsWrapper div#album h2, 
div#albumsWrapper.narrow div#album h2{color: rgb(255,255,255) !important; font-weight: 400; padding: 15px 20px 15px 20px; font-size: 1.3em;}

main section.content div.pageTitle p,
main section.content h1.pageTitle p {color:rgb(255,255,255) !important; font-weight: 400 !important;}
html body main section.content h1.pageTitle a { color: rgb(255,255,255) !important; text-decoration:none; }

/* Photo Album */
div#albumsWrapper.narrow #albumSubAlbums h1.albumName {font-size: 1.4em;}
#albumSubAlbums h3 {font-weight: 400 !important; color: rgb(117, 117, 117) !important; }
p#numItems {margin-top: 15px !important;}
main section.content div.list-view ul#items li a div.profile-img-round,p.contact 

/* Staff */
main section.content div.list-view ul#items li a div.profile-img-round {border: 1px solid rgb(255,255,255); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.20);}
p.contact img.profile-img-round{ border: 2px solid rgb(255,255,255) !important;  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.20);}

/* Input Fields */
.waInputText {-webkit-appearance: none; border: 1px solid rgb(224, 224, 224); border-radius: 8px; padding: 8px 0; }

/* Social Media */
.news-social-media-buttons {text-align: left;}

/* <--------------------- GRID LAYOUT ---------------------> */

/* Icons */
html body main section.content ul#hp-items.hp-grid li a span { padding: 6px; border-radius: 28px; background: #fff;}