/*--- SCPA overrides ---*/ 

/* Use for SCPA ONLY styles customized heavily */
.georgia-27 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 27px;
	color: #fff;
	text-align: center;
	line-height: 29px;
	}
.white {
	color: #fff;
	}
.emp {
	font-style: italic;
	}
.text-17px {
	font-size: 17px;
	}
.highlighttxt {
    background: none;
	background-color: #393994;
	padding-bottom: 15px;
	color: #fff;
}
.highlighttxt .cols p {
    margin: 0px;
	font-size: 17px;
	line-height: 26px;
}
.highlighttxt .cols p + p {
	margin-top: 10px;
	}


div#translate {
 background-color: #f5f5fe;
}
.translation a {
    color: #a90a24;
}
#search-block-form .btn-default, #search-block-form .btn-primary {
	background-color: #a90a24;
	border-color: #5c0728;
}
#search-block-form .btn-default:hover, #search-block-form .btn-primary:hover {
	background-color: #5c0728;
	border-color: #a90a24;
}
#search-block-form .form-control,
#search-block-form .form-control:focus {
	border-color: #c0c0e6;
}

.navbar .wrap {
	padding-top: 20px;
}
.navbar-nav {
	float: right;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover, 
.navbar-default .navbar-brand:focus {
	font-size: 26px;
	color: #6a4903;
	font-style: italic;
	padding: 30px 10px;
	line-height: 38px;
	height: auto;
}
.cps-tagline {
	float : left;
	vertical-align: central;
}
.navbar-collapse {
	clear: both;
}
.logo.navbar-btn {
	padding-bottom: 0;
	}

/* Main Navigation */

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

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

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

.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, #5c0728 0px, #5c0728 100%);
    background-color: #5c0728;
}
.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, #a90a24 0px, #a90a24 100%);
	background-color: #a90a24;
	}
	
.navbar-nav > li > .dropdown-menu {
  	border : 1px solid #5c0728;
}

li.sfHover a.sf-with-ul,
.navbar-nav > li > .dropdown-menu a {
  color : #fff;
}

.navbar-nav > li > .dropdown-menu a:hover {
  color : #fff;
}

/* subnav */

.nav > li > a:hover, 
.nav > li > a:focus,
.nav > li.active-trail > a {
	background-color: #a90a24;
	color: #fff;
}
#sidebarone .block.block-menu li.active-trail a.active {
	background-color: #a90a24;	
	}
#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: #5c0728;
}

.navbar-nav > li > a {
	display: block;
	padding: 15px 10px;
}
.navbar-nav > li > .dropdown-menu {
	margin-top: -1px;
}

#block-block-87 .inner-wrap {
	background-color: #f5f5fe;
	padding: 30px;
}


#block-block-74 .inner-wrap, #block-block-87 .inner-wrap {
	min-height: 370px;
	overflow: hidden;
}
#block-views-what-s-new-block .inner-wrap, #block-block-79 .inner-wrap {
	min-height: 370px;
	overflow: hidden;
}
#block-views-what-s-new-block-3 .inner-wrap {
	min-height: 527px;
}
#block-views-what-s-new-block-3,
#block-views-what-s-new-block, #block-block-74, #block-block-79, #block-block-87 {
	padding: 0px;
	margin-bottom: 15px;
}
.navbar-nav > li > a {
	display: block;
	padding: 15px 10px;
}
.navbar-nav > li > .dropdown-menu {
	margin-top: -1px;
}

/* h elements */

h1.page-header {
    color: #353586;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px;
	border-color: #c0c0e6;
}
.cps-custom-title,
h1,h2,h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #353586;
	}
h4,h5, h6 {
    color: #000000;
}
a {
    color: #a90a24;
}
a:hover, 
a:focus {
	color: #5c0728;
    text-decoration: underline;
}
a.extlink {
	background: url("/sites/all/themes/stemtheme/images/scpa-extlink.png") no-repeat scroll right 1px transparent;
	}
#contentmain a, #contentmain a:visited, #contentmain a:active {
  text-decoration: none;
  border-bottom: 1px #a90a24 dotted;
}
#contentmain a:hover {
  text-decoration: underline;
  border: none;
}
.cta-button a, 
a.cta-button {
    background-color: #a90a24;
    color: #FFF;
}
.cta-button a.active,
.cta-button a:hover,
.cta-button a:focus,
a.cta-button.active,
a.cta-button:hover,
a.cta-button:focus {
	background-color: #5c0728;
    color: #FFF;
	}
	
blockquote {
	background-color: #f5f5fe;
	margin: 0 0 15px 0;
	border-left: 0;
}
article li {
	margin-bottom: 8px;
	}
hr {
	border-color: #c0c0e6;
	}
.clear {
	clear: both;
	}
.dividerblue {
	background-color: #c0c0e6;
	height: 1px;
	clear: both;
	margin: 30px 0 10px 0;
	}

/* SIDEBARS */
#sidebarone .block {
	margin-bottom: 15px;
	}
#sidebarone .block-menu {
	margin-bottom: 30px;
	}
#sidebarone #block-block-73 p,
#sidebarone .powerlink p {
	margin-bottom: 10px;
	}
#sidebarone .block-text-line {
	border: 1px solid #c0c0e6;
	}
.colorbg, .greybg, 
#sidebarone #block-block-80 {
    background-color: #f5f5fe;
	border: none;
}
#sidebarone .powerlink {
	border: 1px solid #c0c0e6;
	background: url(/sites/scpa.cps-k12.org/files/powerlinkimg.png) bottom right no-repeat;
	}
.bluebg {
	background-color: #3c3c9e;
	}
#sidebarone .block.imgblock {
  padding: 0;
}

/* homepage blocks */
#block-views-what-s-new-block-3 .inner-wrap,
#block-block-87 .inner-wrap, 
#block-views-what-s-new-block .inner-wrap, 
#block-block-74 .inner-wrap, 
#block-block-79 .inner-wrap {
    background-color: #f5f5fe;
}

#block-views-what-s-new-block h2.block-title {
    display: block;
    font-size: 24px;
    padding-bottom: 15px;
}
#block-block-74 .inner-wrap {
    background-color: #fff;
    padding: 0;
}
#block-block-74 .infoinner {
	background-color: #f5f5fe;
	padding: 30px;
	}
.mapinfo { 
	border: 1px solid #c0c0e6;
}


/* Form elements */
.btn-primary, .btn-default {
    background-image: linear-gradient(to bottom, #5c0728 0px, #a90a24 100%);
    background-repeat: repeat-x;
    border-color: #a90a24;
}
.btn-primary:hover, 
.btn-primary:focus,
.btn-default:focus, 
.btn-default:hover {
	background-image: linear-gradient(to bottom, #a90a24 0px, #5c0728 100%);
    background-color: #5c0728;
    background-position: 0px -15px;
}

/* Table elements */
div.view-Staff table th, div.view-Staff table th.active, table.cpsathletics th {
    color: #FFF;
    background-color: #a90a24;
    border-top: 1px solid #a90a24;
    border-right: 1px solid #a90a24;
    border-left: 1px solid #a90a24;
}

/* Generic Tables */
table {
	margin-bottom: 30px;
	border: 1px solid #DDD;
	}
th {
	padding: 8px;
	line-height: 1.7;
	vertical-align: top;
	background-color: #a90a24;
	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;
	}

/* athletics */
.hotline {
    background-color: #a90a24;
}


/* footer */
.region-footer {
	background: #353586 url(../images/scpa-bg.jpg) bottom right no-repeat;
	min-height: 490px;
	}

.region-footer h2 {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	}
#block-block-17 {
	border-left: 1px solid #fff;
}
footer span.ext {
        margin-left: 5px;
	background: url("/sites/all/themes/stemtheme/images/scpa-extlinkfooter.png") no-repeat scroll left 4px transparent;
}
span.ext {
	background: url("/sites/all/themes/stemtheme/images/scpa-extlink.png") no-repeat scroll right 1px transparent;
}
.region-footer a {
    color: #fff;
}

footer #block-block-90 {
	text-align: right;
	font-size: 13px;
	color: #fff;
	padding-top: 0;
	}
	
footer #block-block-90 a {
	color: #fff;
	}
footer #block-block-90 p {
	margin-bottom: 10px;
	}

/* pagination */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #a90a24;
    border-color: #a90a24;
}
.pagination > li > a, 
.pagination > li > span {
    color: #a90a24;
}
.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus {
    color: #5c0728;
}


/* 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#loginlinks {
 border-bottom:1px solid #c0c0e6;
}    

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

/* Twitter/Blog line sidebar block */
.setoff {
	border: 1px solid #c0c0e6;
	}


/***************Media Queries ***********************/


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

/* special sizing */
.page-contact-staff-list .region-content img {
    width: auto;
    height: auto;
}
footer #block-block-90 {
	text-align: center;
}
}
@media only screen and (max-width : 560px) {
#block-block-74 .infoimg img {
	width: 100%;
	}
}
 @media only screen and (min-width : 758px) and (max-width : 970px) {
	#block-block-74 .infoimg img {
	width: auto;
	}
}
 @media only screen and (min-width : 969px) and (max-width : 1140px) {
#block-block-74 .infoimg img {
	width: 100%;
	}
}

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

  #sidr-wrapper-0 {
   background-color : #a90a24;
   height : 40px;
  }


  #cps-navtext{
   color : #FFFFFF;
   font-size : 1.7rem;
   line-height : 3.9rem;
  }

  #sidr-0,
  li.sidr-class-leaf,
  li.sidr-class-dropdown {
   background-color : #a90a24;
  }

  li.sidr-class-active-trail,
  a.sidr-class-active {
   background-color : #5c0728;
  }

  .sidr ul li.sidr-class-active > a,
  .sidr ul li.sidr-class-dropdown > a,
  .sidr ul li.sidr-class-active-trail > a,
  .sidr ul li ul li:hover > a,
  .sidr ul li ul li:hover > span,
  .sidr ul li ul li.active > a,
  .sidr ul li ul li.active > span,
  .sidr ul li ul li.sidr-class-active > a,
  .sidr ul li ul li.sidr-class-active > span {
    box-shadow: 0px 0px 15px 3px #5c0728 inset;
  }

  .sidr ul li {
   border-top: 1px solid #dc2b48;
   border-bottom: 1px solid #380519;
  }
}
@media only screen and (min-width : 768px) {

#block-block-87 .inner-wrap, 
#block-views-what-s-new-block .inner-wrap, 
#block-block-74 .inner-wrap, 
#block-block-79 .inner-wrap {
	min-height: 535px;
}
.logo.navbar-btn {
	padding-bottom: 20px;
}
}


 @media only screen and (min-width : 992px) {
 footer #block-block-90.block {
	min-height: 30px;
	border-left: none;
	}
footer #block-block-90 {
	margin-top: 0;
	}

 }
 @media only screen and (min-width : 1200px) {
	footer #block-block-90 {
	margin-top: 20px;
	}
 }

 @media only screen and (max-width : 991px) {
.mapinfo {
 float: none;
}
.hoursinfo {
 float:none;
 width:100%;
}
#block-block-17 {
	border: none;
}
#block-block-74 .infoimg {
	text-align: center;
	}
}
 @media only screen and (min-width : 992px) {
 #block-block-87 {
 padding-left: 15px;
 padding-right: 0;
}
#block-block-74 {
 padding-right: 0;
 padding-left: 15px;
}
#block-block-87, #block-block-74 {
 margin-bottom: 30px;
}
#block-views-what-s-new-block-3,
#block-block-79 {
 padding-right: 15px;
 padding-left: 0;
}
#block-views-what-s-new-block {
 padding-left: 0;
 padding-right: 15px;
}
#block-views-what-s-new-block-3,
#block-views-what-s-new-block, #block-block-79 {
 margin-bottom: 0;
}
.mapinfo {
 float:left;
 max-width: 262px;
 width: 50%;
}
.hoursinfo {
 float:left;
 width:50%;
}

}


/*--- mods for calendar feed ---*/
#block-block-87 .inner-wrap {
  padding-top : 15px;
}

#block-block-87 table td {
 border : none; 
}



/*--- staff table ---*/
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
  div.view-id-Staff td.views-field-title,
  table.cpsathletics td:first-child {
   background-color : #a90a24;
   color: #fff;
 }
 	 
	table.cpsathletics.table-striped > tbody > tr:nth-child(2n+1) > td:first-child {
		background-color: #a90a24;
		color: #fff;
		}
}

/*--- calandar ---*/
#block-block-87 table tr td,
#block-block-87 table tr,
#block-block-87 table {
  background-color:#F5F5FE;
}

.newcalendar {
  color: #A90A24;
}

.newcalendar:hover {
  color: #5C0728;
}

.ctanewcalendar {
  background-color: #A90A24;
  color: #FFFFFF;
}

.newcalendarbg {
 background-color: #F5F5FE;
}