﻿/*  _____                                 ____        _     _ _        ____       _                 _     
 * |_   _|_ _  ___ ___  _ __ ___   __ _  |  _ \ _   _| |__ | (_) ___  / ___|  ___| |__   ___   ___ | |___ 
 *   | |/ _` |/ __/ _ \| '_ ` _ \ / _` | | |_) | | | | '_ \| | |/ __| \___ \ / __| '_ \ / _ \ / _ \| / __| 
 *   | | (_| | (_| (_) | | | | | | (_| | |  __/| |_| | |_) | | | (__   ___) | (__| | | | (_) | (_) | \__ \
 *   |_|\__,_|\___\___/|_| |_| |_|\__,_| |_|    \__,_|_.__/|_|_|\___| |____/ \___|_| |_|\___/ \___/|_|___/
 *  
 * 	School Website Color Scheme: Blue & Red
 *  Theme: Bold
 *	By Justin Kuravackal
 */

/* Table of Contents
========================================================================================================== 
	#Typography
	#Header
	#Navigation
	#Footer
	#Calendar
	#Media Queries
	#Color Palette
________________________________________________________________________________________________________*/

/* #General 
========================================================================================================*/ 
body{
}


/* #Typography 
========================================================================================================*/ 
#tps-content a:link{ 
 color:#0052c2;
}
/*#tps-content a:visited{ 
 color:#265898;
}*/
#tps-content a:hover{ color:#d4001a; }
.gs-title a:hover b { color:#d4001a !important; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small{
}
.ms-rteElement-Callout4{
	background:#043e8c;
	border:none;
	border-left:5px solid #144787;
	color:#fff;
}

/* #Header 
========================================================================================================*/ 
#tps-header{
	background:#0052c2;	
}
#tps-header .tps-tab{
	background:#043e8c;
	color:#fff;
}
#tps-header .tps-tab:hover{
	background:#d4001a;
	color:#fff;
}
#tps-header h1.site-title a:link, #tps-header h1.site-title a:visited{
	color:#fff;
}
#tps-header h1.site-title a:hover{
	color:#e5002b;
}
.s4-search select,.s4-search input{
	color:#fff !important;
}
.ms-sbgo a:before { /* Add icon to Go anchor */
    color: #bbb;  
}
.ms-sbgo a:hover:before { color: #fff; }

.tps-search-google{background-color:#0052c2 !important;}

/* #Navigation 
========================================================================================================*/ 
#tps-nav{
	background:#0052c2;
}
.subnav {
	background:#0052c2;
}
.subnav .nav > li > a {
	color:#fff; /**************** color of main navbar links (About, Programs & Activities, Calendar...) */
}
.subnav .dropdown-menu {
	background:#003983; /**************** dropdown panel background color */
	color:#9a9a9a;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a { /**************** dropdown hover color gradient */
  color: #ffffff;
  text-decoration: none;
  background-color: #0053be;/*#0081c2;*/
  background-image: -moz-linear-gradient(top, #d4001a, #c30001);/*-moz-linear-gradient(top, #0088cc, #0077b3);*/
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d4001a), to(#c30001));/*-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));*/
  background-image: -webkit-linear-gradient(top, #d4001a, #c30001);/*-webkit-linear-gradient(top, #0088cc, #0077b3);*/
  background-image: -o-linear-gradient(top, #d4001a, #c30001);/*-o-linear-gradient(top, #0088cc, #0077b3);*/
  background-image: linear-gradient(to bottom, #d4001a, #c30001);/*linear-gradient(to bottom, #0088cc, #0077b3);*/
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd4001a', endColorstr='#ffc30001', GradientType=0);/*progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);*/
}
.dropdown-menu .divider { /**************** two-tone divider colors */
  background-color: #003375;
  border-bottom: 1px solid #002555;
} 
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus { /**************** main navbar tab color onclick */
  background-color: #003983 !important;
  border-color: #003983;
}
.subnav .dropdown-menu a{
	color:#fff; /**************** base color for all dropdown menu links */
}
/**************** colors for dropdown menu link descriptions */
.dropdown-menu > li > a:link small,
.dropdown-menu > li > a:visited small{
	color:#999;/*rgba(255,255,255,0.4);*/
}
.dropdown-menu > li > a:hover small,
.dropdown-menu > li > a:focus small,
.dropdown-submenu:hover > a small,
.dropdown-submenu:focus > a small{
  color: #ffffff;
}
.dropdown-menu > .active > a small,
.dropdown-menu > .active > a:hover small,
.dropdown-menu > .active > a:focus small {
  color: #ffffff;
}


/* #Content
==================================================================================================*/ 
#tps-hero, .tps-row1{
	background:#0052c2;
	color:#679ee4;
}
#tps-hero{
	background:#0052c2;
	color:#bbb;
}
.hero-unit{
	background:#0052c2;
	color:#bbb;
}
.hero-unit h1 { color:#fff; }
.hero-unit h1 a:link { color:#fff !important; }
.hero-unit h1 a:visited { color:#fff !important; }
.hero-unit h1 a:hover { color:#e5002b !important; }

.hero-unit a.btn{
	background: #d4001a;
	color:#fff;
}
.hero-unit a.btn:hover{
	background: #e5002b;
	color:#fff !important;
}

#tps-features{
}
#tps-features h2 a:link, #tps-features h2 a:visited{
	color:#d4001a;
}
#tps-features h2 a:hover{
	color:#0052c2;
}
#tps-features span.tps-feature-desc{	
}
#tps-features span.tps-feature-desc:hover{	
}

/* #Footer 
========================================================================================================*/ 
#tps-footer{
	background:#e0e5eb;
	background-image:none;
	border-color:#c0c5cb;
}
#tps-footer, #tps-colophon, #tps-footer a:link, #tps-footer a:visited, #tps-colophon a:link, #tps-colophon a:visited{
	color:#666;
}
#tps-footer a:hover, #tps-colophon a:hover{
	color:#0058ca;
}
#tps-footer h3 a:link, #tps-footer h3 a:visited, #tps-footer h3 a:hover{
	color:#333;
}

#tps-footer h1, #tps-footer h2, #tps-footer h3, #tps-footer h4, #tps-footer h5, #tps-footer h6{
	color:#333;
}
#tps-footer i{
	color:#666;
}

#tps-footer .footer1, 
#tps-footer .footer2, 
#tps-footer .footer3{
/*	border-right:1px dashed rgba(102, 102, 102, 0.3);*/
}

#tps-signin a:hover{
/*	text-decoration:none;*/
}


/* #Calendar 
========================================================================================================*/ 
a.tps-cal-toggle-link{
	color:#0058ca;
}
.tps-cal-day{
	background:#d4001a;
	color:#fff;
}
a.tps-cal-toggle-link:hover .tps-cal-day{
	background:#e31634;
}
a.tps-cal-toggle-link:hover .tps-cal-num, a.tps-cal-toggle-link:hover small{
	color:#0058ca;
}
.tps-cal-sports-tags li{
	background:#ccc;
}


/* #Media Queries 
========================================================================================================*/ 

@media (min-width: 1200px) { /* large desktop */
	#tps-nav{
	}
}
@media (min-width: 768px) and (max-width: 979px) { /* desktop and landscape tablet to portrait tablet */
	#tps-nav{
	}
}
@media (max-width: 767px) { /* portrait tablet to landscape phone */
}
@media (max-width: 480px) { /* landscape phones and down */
}

@media (max-width: 979px) { /* mobile and small displays in general */

}
@media (min-width: 980px) { /* desktop and large displays in general */
	#tps-nav{
	}
	.subnav-fixed { /**************** bottom border on main navbar when stuck to top of screen */
/*		border-color: #8f8f8f;
		border-width: 0 0 1px; */
	}
}
 


/* #Color Palette 
========================================================================================================== 
	Light Blue:		0076d0
	MAIN BLUE:		0052c2
	Dark Blue:		043e8c
	RED:			d4001a
	Lighter Red:	e31634
________________________________________________________________________________________________________*/
