/********* notes 
Author: Take Notice, Inc. sh/dor
Date: August 2014
Client: Cincinnati Public Schools
Responsive Theme for Hughes HS
last revision 09/2017
******/

body {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.4;
}
/********* translate ****************/
div#translate {
	height: 30px;
	background-color: #ededed;
	text-align: right;
}
.region-translation p {
	margin: 0;
}
.translation .inner-wrap {
	margin-top: 3px;
	}
#google_translate_element {
	line-height: 1em;
}
.translation a {
	color: #fff;
}
#edit-search-block-form--2.form-control, #search-block-form .btn {
	padding: 1px 10px;
	line-height: 1;
	height: 28px;
	font-size: 11px;
}

#search-block-form .btn-default, #search-block-form .btn-primary {
	background-color: #9e0a18;
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
	border-color: #6e030d;
}
#search-block-form .btn-default:hover, #search-block-form .btn-primary:hover {
	background-color: #6e030d;
	border-color: #9e0a18;
}
#search-block-form .form-control,
#search-block-form .form-control:focus {
	border-color: #d0d0d0;
}
/* Typography */
.cps-custom-title {
 font-size : 24px;
}

.cps-top-space {
 margin-top : 2%;
}

.field-name-field-video-title,
.field-name-field-podcast-title,
.cps-custom-title,
h1, .h1, h2, .h2, h3, .h3 {
	margin-bottom: 8px;
	margin-top: 0;
	font-weight: 600;
}
h1.page-header {
	color: #9e0a18;
	font-weight: 200;
	line-height: 1.1;
	border-color: #bebebe;
}

/* Main Navigation */
.logo.navbar-btn {
	margin: 0;
}
.navbar {
	margin-bottom: 0;
	min-height: 115px;
}
.navbar-nav li {
	font-size: 12px;
	font-size: 1.2rem;
	text-transform: uppercase;
}
.navbar-default .navbar-nav > .active > a {
	background-image: none;
	background-repeat: no-repeat;
	box-shadow: 0;
}
.navbar-default {
	background-image: none;
	background-repeat: no-repeat;
	border-radius: 0;
	border: none;
	box-shadow: none;
}

.logo.navbar-btn {
	border-right: none;
}

.navbar-default .navbar-nav>li>a {
	color: #9e0a18;
	}
.navbar-default .navbar-nav > li.active > a{
	color: #fff;
}

li.sfHover,
.navbar-nav > li > .dropdown-menu {
  background-color : #6e030d;
}

.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus {
	color: #fff;
	background-image: linear-gradient(to bottom, #9e0a18 0px, #9e0a18 100%);
	background-color: #9e0a18;
}

.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	color: #fff;
	background-image: linear-gradient(to bottom, #6e030d 0px, #6e030d 100%);
	background-color: #6e030d;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a:focus {
	color: #fff;
	background-image: linear-gradient(to bottom, #9e0a18 0px, #9e0a18 100%);
	background-color: #9e0a18;
	}
	
.navbar-nav > li > .dropdown-menu {
  	border : 1px solid #6e030d;
}

li.sfHover a.sf-with-ul,
.navbar-nav > li > .dropdown-menu a,
.navbar-nav .dropdown-menu>li>a { /* this might effect subschools */
  color : #fff !important;
}

.navbar-nav > li > .dropdown-menu a:hover,
.navbar-nav .dropdown-menu>li>a:hover { /* this might effect subschools */
  color : #fff !important;
}

/* subnav */
.nav > li > a:hover, 
.nav > li > a:focus, 
.nav > li.active-trail > a {
	background-color: #9e0a18;
	color: #fff;
}

#sidebarone .block.block-menu li.active-trail a.active {
	background-color: #9e0a18;	
	}
#sidebarone .block.block-menu li.active-trail li a.active,
#sidebarone .block.block-menu li.active-trail li a:hover,
#sidebarone .block.block-menu li.active-trail li a:focus {	
	background-color: #6e030d;
}



/* margin and padding */

p {
	margin: 0 0 20px;
}
ul, ol {
	margin-top: 0px;
	margin-bottom: 20px;
}
.imgright {
	padding: 0 0 10px 10px;
}
.imgleft {
	padding: 0 10px 10px 0;
}
/* special styles for use on blocks */

.redbg {
	background-color: #9e0a18;
}
.greybg {
	background-color: #ededed;
}
.white {
	color: #fff;
}
#lglogin a, #lglogin a:visited, #lglogin a:active,
#contentmain a, #contentmain a:visited, #contentmain a:active {
  text-decoration: none;
  border-bottom: 1px #9e0a18 dotted;
}

#lglogin a:hover,
#contentmain a:hover {
  text-decoration: underline;
  border: none;
}

.cta-button {
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background-color: #9e0a18;
	white-space: normal;
	}
.cta-button:hover {
	background-color: #6e030d;
	}
.cta-button a, a.cta-button {
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	padding: 0.5rem 1.5rem;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 1.4rem;
}
.cta-button a:hover, a.cta-button:hover {
	text-decoration: none;
}
.view-specialized-home-blocks .cta-button a {
	padding: 0.5rem;
	background-color: transparent;
	}	
.view-specialized-home-blocks .cta-button a:hover {
	background-color: transparent;
	}
#contentmain .view-specialized-home-blocks a, #contentmain .view-specialized-home-blocks a:visited, #contentmain .view-specialized-home-blocks a:active {
  border-bottom: none;
}
	
.btn {
	font-size: 14px;
	text-shadow: none;
	}
.page-search #search-form .btn {
	font-size: 12px;
	}
.page-search #edit-keys.form-control {
	padding: 8px 12px;
	height: 35px;
	}
#site-map h2.title {
	font-size: 18px;
	}
	
	
/***** Items for drop down menu in WYSIWYG Editor ***************/

	
.imgleft {
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
}
.imgright {
	padding-left: 10px;
	padding-bottom: 10px;
	float: right;
}
/*********** icons *********************/
a.extlink {
	padding-right: 13px;
	background: transparent url('/sites/all/themes/stemtheme/images/hughes-extlink.png') right 3px no-repeat;
}
a.pdficon {
	padding-left: 18px;
	background: transparent url('/sites/all/themes/stemtheme/images/icon-pdf.png') 0 0 no-repeat;
}

/******** New captions internal sources ******/

.cpsimgcaption {
	padding-top: 5px;
	font-size: 14px;
	text-align: center;
	font-style:italic;
	margin-bottom: 20px;
}

/* homepage hero/billboard */
.view-id-nodequeue_1 .views-slideshow-cycle-main-frame-row-item .views-field-field-banner-image img, #flexslider-1 li img {
	width: 100% !important;
	height: auto !important;
}
.flexslider {
	margin: 0px 0px 40px;
	background: none repeat scroll 0% 0% #FFF;
	border: none;
	position: relative;
	border-radius: 0;
	box-shadow: none;
}
/* homepage highlight text block */
#node-9 {
	display: none;
	}
.highlighttxt {
	background-color: #9e0a18;
	background-image: none;
	margin-bottom: 30px;
	line-height: 0.8;
}
.highlighttxt .cols p {
	margin: 0;
}
.highlighttxt .inner-wrap {
	padding: 30px 0 0 0;
}
.highlighttxt .text-68px {
	font-size: 42px;
	font-weight: bold;
	padding-bottom: 15px;
}
.highlighttxt .text-34px-light {
	font-size: 22px;
	font-weight: 300;
	padding-bottom: 20px;
}
.highlighttxt .text-36px {
	font-size: 28px;
	font-weight: bold;
}
.highlighttxt .text-22px {
	font-size: 16px;
	font-weight: normal;
	line-height: 26px;
}
.highlighttxt .cols {
	padding-bottom: 15px;
}


/* homepage banner colors */
#bannernav li {
 background-color:#9e0a18 !important;
}

#bannernav li.selected {
 background-color:#6e030d !important;
}

#sequence div.blurb2,
#sequence div.blurb3,
#sequence div.blurb4,
#sequence div.blurb5,
#sequence div.blurb6,
#sequence div.blurb7,
#sequence div.blurb {
background: rgba(37, 37, 37, 0.8) !important;
}

#sequence div, #sequence span, #sequence h1, #sequence h2, #sequence h3, #sequence h4, #sequence h5, #sequence h6, #sequence p {
	color: #fff !important;
}	

/* specialized program homepage blocks */
#block-views-specialized-home-blocks-block .col {
	padding-bottom: 30px;
}
#block-views-specialized-home-blocks-block .views-field-field-image-home, #block-views-specialized-home-blocks-block .views-field-field-copy {
	padding-bottom: 15px;
}

#block-views-what-s-new-block-3 h2.block-title,
#block-views-what-s-new-block h2.block-title {
	display: block;
	font-size: 18px;
	padding-bottom: 15px;
}
#block-views-what-s-new-block-3 .views-field-title,
#block-views-what-s-new-block .views-field-title {
	line-height: 1.1;
	font-weight: bold;
	padding-bottom: 5px;
}

/* special spacing for grey blocks on homepage when stacked */
#block-views-what-s-new-block-3,
#block-views-what-s-new-block, #block-block-74, #block-block-79 {
	padding: 0;
}
#block-views-what-s-new-block-3 .inner-wrap,
#block-views-what-s-new-block .inner-wrap, #block-block-74 .inner-wrap, #block-block-79 .inner-wrap {
	background-color: #ededed;
	padding: 30px;
}
/* Sidebars */

#sidebarone {
	margin-bottom: 10px;
	padding-top: 20px;
}
#sidebarone .block {
	padding: 5px;
	margin-bottom: 15px;
}
#sidebarone .block.imgblock {
	padding: 0;
	}
h2.block-title {
	display: none;
}
#sidebarone .block.block-menu {
	padding: 0;
	margin-bottom: 30px;
}
#sidebarone #block-block-80 {
	background-color: #ededed;
}
#sidebarone #block-block-80 h3 {
	margin-top: 0;
	margin-bottom: 0;
}
#sidebarone #block-block-80 p {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.2;
}
#sidebarone #block-block-81 p {
	margin: 0;
}
#sidebarone .powerlink {
	border: 1px solid #ededed;
	background: url(../images/powerlinkimg.png) bottom right no-repeat;
	}
#sidebarone .calendarblock,
#sidebarone .hoursblock {
    background-color: #ededed;
	border: none;
}
#sidebarone .calendarblock p,
#sidebarone .powerlink p {
	margin-bottom: 10px;
	}
#sidebarone .block-text-line {
	border: 1px solid #ededed;
	}

/* footer */

.region-footer {
	background: #9e0a18 url(../images/hughes-bg.jpg) bottom right no-repeat;
	color: #fff;
	padding: 15px;
}
.region-footer a {
	color: #fff;
	border-bottom: 1px dotted #fff;
}
.region-footer a:hover {
	text-decoration: underline;
	border-bottom: none;
}
.region-footer a.extlink {
	padding-left: 18px;
	background: url('/sites/all/themes/stemtheme/images/hughes-extlinkfooter.png') no-repeat scroll left 4px transparent;
}
.region-footer a.footericon {
	text-decoration: none;
    border: none;
    padding-right: 20px;
	}
#block-block-17 {
	border: none;
}
.region-footer #block-block-77 h2 {
	margin-top: 0;
}
.region-footer #block-block-77 p {
	font-size: 17px;
	margin-bottom: 6px;
}
.region-footer #block-block-77 p.small {
	font-size: 14px;
}

footer #block-block-88 {
	text-align: right;
	font-size: 13px;
	color: #ffffff;
	padding-top: 0;
	}
	
footer #block-block-88 a {
	color: #ffffff;
	}

footer #block-block-88 p {
	margin-bottom: 10px;
	}

/* what's New */
.node-type-whats-new h1.page-header {
	font-size: 24px;
	line-height: 1;
}
.node-type-whats-new .field-name-field-date-release {
	margin-bottom: 15px;
	font-weight: bold;
}
.node-type-whats-new .field-type-image, .node-type-whats-new .field-type-file {
	margin-bottom: 15px;
}
.page-news-whats-new .view-id-what_s_new .views-field-title {
	font-weight: bold;
}
.view-what-s-new h2,
.view-cps-events h2 {
	font-size: 17px;
	margin-bottom: 6px;
	}
.news-separator {
	clear:both;
	}

/* Contact Page */
.form-control {
	 font-size: 13px;
	}
.webform-component {
	margin-bottom: 15px;
	}
.webform-component-email label {
	display: block;
}
#edit-submitted-contact-email,
input.email.form-email  {
    display: block;
    width: 100%;
    height: 31px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.7;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}


.cc-map-wrapper {
  overflow : hidden;
}

.field-name-field-video,
.field-name-field-podcast-title,
.cc-map-wrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
}

.field-name-field-podcast-title {
  padding-bottom:5%;
}

#node-138 .cc-map-wrapper {
        position: inherit;
}
.field-name-field-video iframe,
.cc-map-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
} 
.field-name-field-video-title {
	font-size: 18px;
}

span.ext {
    background: url('/sites/all/themes/stemtheme/images/hughes-extlink.png') no-repeat scroll right 1px transparent;
    padding-right: 13px;
    width : 10px;
    height : 13px;
}

.field-name-field-podcast-title {
   margin-top: 10px;
}

.field-name-field-video-description,
.field-name-field-podcast-description {
  padding-bottom : 12px;
}

.field-name-field-podcast-filename {
  margin-bottom:25px;
}

/* Emergency Code */
.emergency a {
        color:#ffffff;
        text-decoration:underline;
}
.emergency {
        color: #ffffff;
        font-size: 108.3%;
        margin-bottom: 10px;
        margin-top: 10px;
}
.emergency {
        background-color: #b20305;
}
.emergency div {
        background-color: #b20305;
}
.closings a {
        color:#000;
        text-decoration:underline;
}
.closings {
        color: #000;
        font-size: 108.3%;
        margin-bottom: 10px;
        margin-top: 10px;
}
.closings {
        background-color: #fac23b;
}
.closings div {
        background-color: #fac23b;
}
.emergency p, .closings p {
        padding: 10px 30px;
        margin-bottom: 0;
}

/* Tables */

div.view-Staff table,
table.cpsathletics {
  border-bottom : 1px solid #DDDDDD;
  border-right : 1px solid #DDDDDD;
  border-left : 1px solid #DDDDDD;
}

div.view-Staff table th,
div.view-Staff table th.active,
table.cpsathletics th {
  color : #FFFFFF;
  background-color : #9e0a18;
  border-top : 1px solid #9e0a18;
  border-right : 1px solid #9e0a18;
  border-left : 1px solid #9e0a18;
}

div.view-Staff table th img {
  padding-left : 3px;
}

div.view-Staff table th a {
  color : #FFFFFF;
}

div.view-Staff table caption {
  min-height: 30px;
  line-height: 30px;
  text-align : left;
  font-size : 150%;
}

section.show-sports {
  padding-left: 0;
}

.page-node-796 h2, .node-type-athletic-sport-list h2 {
	margin-bottom: 15px;
	}

section.show-sports h2.block-title {
  display : block;
  margin-bottom: 8px;
}

.hotline {
	background-color: #9e0a18;
	color: #fff;
	padding: 10px 15px;
	margin-top: 30px;
	}
.hotline p {
	line-height: 1;
	margin-bottom: 5px;
	}
.hotline .arial22 {
	font-size: 22px;
	}
.hotline .arial28 {	
	font-size: 28px;
	}

/*media all*/
table.cpsathletics.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #fff;
}

table.cpsathletics tr.even, table.cpsathletics tr:nth-child(2n+2),
div.view-Staff table tr.even, div.view-Staff table tr:nth-child(2n+2) {
    border-bottom: 0px none;
    background-color: #F5F5F5;
}

.cpsasaimage {
  float : right;
  margin : 0 0 1em 1em;
}
.cpsasabody .field-name-field-image-caption {
	text-align: center;
	}

.arial1724 {
	font-size: 17px;
	line-height: 24px;
	font-style: italic;
}
blockquote {
	background-color: #ededed;
	margin: 0 0 1.5em 0;
	padding: 2em;
	clear: both;
}

blockquote p {
	margin-bottom: 10px;
	}
blockquote p:last-child {
	margin-bottom: 0;
	}
	
/* css to override responsive image settings*/
img.fixed-size 
{ height: auto !important; width: auto !important; }

table.cpsathletics>tbody>img 
{ height: auto !important; width: auto !important; }

.region-content table.cpsathletics img 
{ height: auto !important; 
width: auto !important; }


/* search navigation tabs */
.page-search #contentmain .nav-tabs a {
	border: 0;
	}
.page-search #contentmain .nav-tabs {
	border-bottom: 1px solid #cccccc;
	}
.page-search #contentmain .nav-tabs {
	margin-bottom: 10px;
	}

.page-search .nav-tabs>li>a.active,
.page-search .nav-tabs>li>a:hover {
	background-color: #cccccc;
	color: #fff;
	border: 0;
	}
.page-search .nav-tabs>li.active>a,
.page-search .nav-tabs>li.active>a:hover,
.page-search .nav-tabs>li.active>a:focus {
	background-color: #cccccc;
	color: #fff;
	border: 0;
	}
.page-search #contentmain .nav-tabs>li>a:hover {
	border: 0;
	}

div.cps-norightpad {
  padding-right : 0;
}

#block-block-79 img,
img.halfimageleft,
img.thirdimageleft,
img.halfimageright,
img.thirdimageright {
  width : 100%;
  height : auto;
}

img.halfimageleft,
img.thirdimageleft,
img.halfimageright,
img.thirdimageright {
  display:none;
}

div.cps-imgleft,
div.cps-imgright {
  padding-top : 0;
}

div.cps-imgleft {
  padding-left : 0;
}

div.cps-imgright {
  padding-right : 0;
}

#block-block-79 a.cta-button {
  white-space : nowrap;
  padding : 6px;
}

#block-block-79 div.inner-wrap {
 overflow: hidden;
}

#block-block-79 img {
  padding : 0;
}

#block-block-87 {
 display : none;
}

#block-views-what-s-new-block-4 h2.block-title,
#block-views-what-s-new-block-2 h2.block-title {
	display: block;
	font-size: 18px;
	padding-bottom: 0px;
}

#block-views-what-s-new-block-2 .view-footer {
	font-weight:bold;
	}

#block-sharethis-sharethis-block {
	padding-top: 10px;
	}
	
#block-sharethis-sharethis-block h2.block-title {
	display: block;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	padding-bottom: 0px;	
	}	
	
/* PDF icon issue from pushed conent 6/22/2016 */
.region-content img.file-icon {
 width:16px;
 margin-right: 4px;
}

div#loginlinks {
 border-bottom:1px solid #bebebe;
 min-height:35px;
 line-height: 1.5; 
 text-align:right;
}

div#loginlinks p {
        margin-bottom: 10px;
        }    

.logintext {
        font-size: 12px;
        }    

#loginlinks li { 
  padding-left: 20px;
  /*      padding-right: 13px;
   *      background: transparent url('/sites/all/themes/stemtheme/images/icon-extlink.png') right 3px no-repeat;*/
}    

#loginlinks #smlogin a {
  padding-left:10px;
}

#block-block-91.loginlinks #lglogin {
  margin-top: 10px;
}

#block-block-91 {
 float:right;
 padding-top: 8px; 
}

#lglogin ul { 
 margin-bottom:0;
}

#lglogin ul li { 
 list-style: none;
 float: left;
}

#smlogin {
 display:none;
} 

#smlogin nav ul > li a {
 color:#FFFFFF;
}

#smlogin nav ul > li,
#smlogin .nav .open>a,
#smlogin .nav .open>a:hover,
#smlogin .nav .open>a:focus {
 background-color:#9e0a18;
}

#smlogin nav ul > li.sfHover {
 color:#FFFFFF;
}

#smlogin li.sfHover,
#smlogin nav ul.dropdown-menu > li,
#smlogin .navbar-nav > li > .dropdown-menu {
  /*background-color : #012958;*/
}

#smlogin .navbar-nav {
 margin:0;
}

/* Generic Tables */
table {
	margin-bottom: 30px;
	border: 1px solid #DDD;
	}
th {
	padding: 8px;
	line-height: 1.7;
	vertical-align: top;
	background-color: #9e0a18;
	font-weight: bold;
	color: #fff;
	}
	
td {
	padding: 8px;
	line-height: 1.7;
	vertical-align: top;
	border-top: 1px solid #DDD;
	}
tr:nth-child(even) {
	background-color: #F5F5F5;
	}


div.view-id-Staff a,
#contentmain div.view-id-Staff a {
    outline: 0;
    text-decoration: none;
    border: none;
}


/********* YouTube video adjustments **********/
div.field-type-youtube {
	margin-bottom: 15px;
	}


/* Blocks twitter */
.setoff {
	border: 1px solid #67a3d6;
	padding: 20px 15px 10px 15px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	margin-bottom: 15px;
	}
#block-system-main + .setoff {
	margin-top: 30px;
	}
	

/******** WordPress blog import image adjustments for What's New items ******/
.node-whats-new .wp-caption.alignleft {
	padding-right: 10px;
	}
.node-whats-new .wp-caption.alignright {
	padding-left: 10px;
	}

p.wp-caption-text {
	padding-top: 5px;
	font-size: 14px;
	text-align: center;
	font-style:italic;
}



/* START MEDIA QUERIES */


 @media only screen and (max-width : 361px) {
 footer #block-block-88 {
	text-align: center;
}
 }
 @media only screen and (max-width : 1024px) {
#block-search-form {
 display: none;
}

#block-block-91.loginlinks #lglogin {
        margin-top: 10px;
        }  

.region-content img {
 width: 100%;
 height: auto;
}
/* special sizing */
.page-contact-staff-list .region-content img {
    width: auto;
    height: auto;
}
.region-content table.cpsathletics img 
{ height: auto !important; 
width: auto !important; }
}
 @media only screen and (max-width : 991px) {
/*.region-content img {
 width: 100%;
 height: auto;
}*/
#block-menu-menu-about-cps h2.block-title {
 display: block;
 font-size: 18px;
}
.navbar-collapse {
 padding-right: 0;
 padding-left: 0;
}
}
 @media only screen and (min-width : 768px) {
 ol.breadcrumb {
 display: none;
}
.navbar-nav > li > a {
 display: block;
 padding-bottom: 10px;
 padding-top: 10px;
}
.highlighttxt {
	background: #9e0a18 url('/sites/all/themes/stemtheme/images/hughes-bg-highlight.jpg') 0 0 no-repeat;
}
.highlighttxt .text-68px {
	font-size: 68px;
	font-weight: bold;
	padding-bottom: 15px;
}
.highlighttxt .text-34px-light {
	font-size: 34px;
	font-weight: 300;
	padding-bottom: 20px;
}
.highlighttxt .text-36px {
	font-size: 36px;
	font-weight: bold;
}
.highlighttxt .text-22px {
	font-size: 22px;
	font-weight: normal;
	line-height: 26px;
}

}

@media only screen and (max-width : 768px) {

 #lglogin {
  display:none;
 }

 #smlogin {
  display:block;
 }

.region-footer a.footericon img {
	padding-bottom: 15px;
	}
}

@media only screen and (min-width : 1200px) {
	footer #block-block-88 {
	margin-top: 20px;
	}
 }
  @media only screen and (min-width : 991px) and (max-width : 1199px) {
.setoff img,
#sidebarone .block.imgblock img {
	 width: 100%;
	} 
} 
 @media only screen and (min-width : 992px) {
 .logo.navbar-btn {
 padding-top: 0;
}
.navbar-collapse {
 padding-left: 0;
 padding-right: 0;
}
.navbar-nav {
 padding-left: 20px;
}
 #sidebarone {
 float: left;
 margin-bottom: 50px;
}
#sidebarone {
 padding-top: 100px;
}
#contentmain {
 float:right;
 margin-bottom: 40px;
}
 #sidebartwo {
 margin-bottom: 40px;
}
#sidebarone .block {
 padding: 15px 10px 15px 10px;
}
.region-footer {
 min-height: 440px;
 padding: 35px;
}
#block-block-17 {
 border-left: 1px solid #ffffff;
}



/* special spacing for grey blocks on homepage when horizontal */
#block-views-what-s-new-block {
 padding-left: 0;
 padding-right: 15px;
}
#block-views-what-s-new-block-3,
#block-block-74 {
 padding-left: 15px;
 padding-right: 15px;
}
#block-block-79 {
 padding-right: 0;
 padding-left: 15px;
}
footer #block-block-88.block {
	min-height: 30px;
	border-left: none;
	}
footer #block-block-88 {
	margin-top: 0;
	}

}
 @media only screen and (min-width : 1140px) {
.navbar-nav > li > a {
 display: block;
 padding: 49px 10px 49px 10px;
}
}
 @media only screen and (min-width : 768px) and (max-width : 991px) {
}

@media only screen and (max-width : 991px) {
 #block-views-what-s-new-block,
 #block-views-what-s-new-block-3,
 #block-block-74,
 #block-block-79 {
  margin-top : 5px;
  margin-bottom : 5px;
 }
}

/* 
 *  Responsive table
 */
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	div.view-id-Staff table,
        div.view-id-Staff thead,
        div.view-id-Staff tbody,
        div.view-id-Staff th,
        div.view-id-Staff td,
        div.view-id-Staff tr,
		table.cpsathletics,
		table.cpsathletics thead,
		table.cpsathletics tbody,
		table.cpsathletics th,
		table.cpsathletics td,
		table.cpsathletics tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	div.view-id-Staff thead tr
	 { 
		position: absolute !important;
		top: -9999px !important;
		left: -9999px !important; 
	}
	
	table.sticky-header {
		display: none;
		}
	
	div.view-id-Staff tr,
	table.cpsathletics tr { border: 1px solid #ccc; margin-bottom : 10px; }
	
	div.view-id-Staff td,
	table.cpsathletics td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}

	div.view-id-Staff td.views-field-title,
	table.cpsathletics td:first-child {
	  padding: 8px;
	  line-height: 1.7;
	  vertical-align: top;
	  font-weight: bold;
	  color: #fff;
      background-color : #9e0a18;
        }
	table.cpsathletics.table-striped > tbody > tr:nth-child(2n+1) > td:first-child {
		background-color : #9e0a18;
		}
	
	div.view-id-Staff td:before,
	table.cpsathletics td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

	div.view-id-Staff table,
	table.cpsathletics {
          border : none;
          empty-cells: hide;
         }
}

#contentmain a.nool {
 outline:0;
 border:none;
}

.flexbox-equal-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

/* --- blog spcific classes --- */
div.alignright {
 float: right;
 padding: 5px;
}

div.alignleft {
 float: left;
 padding: 5px;
}

/* --- coronavirus --- */
.closurenotice {
 background-color: #fac23b;
 padding: 2rem;
 margin-bottom: .75rem;
}

.closurenotice p {
 font-weight: bold;
}