﻿.topbar-wrapper
{
	background-color: #374456 !important;
}
.topbar , .topbar a
{
	color: #ffffffb3 !important;
	font-weight: 300;
	font-size: 1em;
}
.topbar a:hover
{
	color: #fff !important;
	font-weight: 300;
}

.navbar-brand
{
	max-width: 5em !important;
}
.navbar-brand img
{
	width: 100%;
}
.course-buttons
{
	margin: 10px 0;
}
.card .blog-card-grid
{
	padding: 3px !important;
}

body.page-admissions-tuition .table tr
{
}

body.page-admissions-tuition .table tr th
{
	vertical-align: top;
}

body.page-admissions-tuition .table tr th .sub-heading
{
	margin: 0;
	font-size: 14px;
}

.header-1 .navbar .nav-item:last-child .nav-link {
	padding: 1.875rem .625rem !important;
}

body.page-home-difference .table tr th .sub-heading {
	margin: 0;
	font-size: 14px;
}

.section-right-decision
{
	background-image: url(/images/right-decision2.jpg);
	/*background-position-y: -200px;*/
	background-repeat: no-repeat;
	background-color: #000 !important;
	background-position: center;
}

.remote-learning-diagram > img
{
	width: 100%;
}

.remote-learning-diagram .left,
.remote-learning-diagram .right,
.remote-learning-diagram .center
{
	color: #1a2b51;
	line-height: 1.3em;
	margin-top: 0;
	margin-bottom: 1em;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 1.125rem;
}

.remote-learning-diagram .mt-n40
{
	margin-top: -40px;
}

.remote-learning-diagram .right
{
	text-align: right;	
}

.remote-learning-diagram .center
{
	text-align: center;
	color:#ff9c00 !important
}

/***** BOOTSTRAP ROWS AS TABLE *****/
.table .th 
{
	font-family: 'PT Sans Narrow',sans-serif;
	text-transform: uppercase;
	font-weight: 600;
}
.table .row.thead .th 
{
	vertical-align: bottom;
	border-bottom: 2px solid #ff9c00;
}
.table .td, .table .th 
{
	padding: .75rem;
	vertical-align: top;
	border-top: 1px solid #e9ecef;
}
.table .td, .table .th 
{
	border-top-width: 2px;
	border-color: #f2f2f2;
}
.table .th 
{
	font-size: 1.063rem;
}
.table-striped .tr:nth-of-type(even) 
{
	background-color: rgba(0,0,0,.051);
}

/***** /BOOTSTRAP ROWS AS TABLE *****/

/***** TABLE COMPARE *****/
.table-compare td.compare,
.table-compare .td.compare,

.table-compare th.compare,
.table-compare .th.compare
{
	/*width: 300px*/;
	text-align: center;
	/*margin-top:20px;
	margin-bottom:20px;*/
}


.table-compare i.fad
{
	display: block;
	text-align: center;
	margin-bottom: 4px;
	font-size: 24px;
}

.table-compare i.fa-check
{
	color: green;
}

.table-compare i.fa-times
{
	color: red;
	visibility: hidden;
	display: none;
}

.table-compare td.win,
.table-compare .td.win,

.table-compare th.win,
.table-compare .th.win
{
	background-color: rgba(0,128,0,.05) !important;
	width: 450px;
}

.table-compare .compare a
{
	font-family: 'Noto Serif',serifbody;
	color: #de8800;
}
.table-compare .compare p
{
	margin-top: 10px;
	margin-bottom: 0;
}
.table-compare .sub-heading
{
		font-size: 14px;
	margin: 4px 0;
}
@media (max-width: 575px)
{
	.table-compare .tr:nth-of-type(even) 
	{
		background-color: #fff;
	}
	
}
/***** /TABLE COMPARE *****/


/***** PAGE HEADERS *****/
body.section-home .page-header { background-image: url(/images/headers/about.jpg); }
body.section-academics .page-header { background-image: url(/images/headers/academics.jpg); }
body.section-extracurricular .page-header { background-image: url(/images/headers/extracurricular.jpg); }
body.section-admissions .page-header { background-image: url(/images/headers/admissions.jpg); }
body.section-athletics .page-header { background-image: url(/images/headers/athletics.jpg); }
body.section-summer .page-header { background-image: url(/images/headers/summer.jpg); }
body.section-home.page-home-covid .page-header { background-image: url(/images/headers/covid.jpg); }
body.section-home.page-home-difference .page-header { background-image: url(/images/headers/difference2.jpg); }


/***** SCHOOL CALENDAR *****/
.calendar-year
{
		
}
div.calendar-month
{

}

div.calendar-month h4
{
	font-weight: 600;
}

div.calendar-month table
{
	width: 100%;
	border: solid 1px #fff;
}

div.calendar-month table th
{
	background-color: #1a2b51;
	color: #fff;
	text-align: center;
	border: solid 1px #fff;
}

div.calendar-month table td
{
	background-color: #f8f9fa;
	color: #000;
	text-align: center;
	border: solid 1px #fff;
}

div.calendar-month table td.dow-0,
div.calendar-month table td.dow-6
{
	color: #999;
}

div.calendar-month table td.is-semester-start-end
{
	background-color: #c00000;
	color: #fff;
	font-weight: 600;
}

div.calendar-month table td.is-teacher-planning
{
	background-color: #c6d9f1;
	color:#fff;
	font-weight: 600;
}

div.calendar-month table td.is-early-release
{
	background-color: #ffcccc;
	color: #000;
	font-weight: 600;
}

div.calendar-month table td.is-no-school
{
	background-color: #f8f200;
	color: #000;
	font-weight: 600;
}

div.calendar-legend .legend-item.is-semester-start-end > div
{
	background-color: #c00000;
}

div.calendar-legend .legend-item.is-teacher-planning > div
{
	background-color: #c6d9f1;
}

div.calendar-legend .legend-item.is-early-release > div
{
	background-color: #ffcccc;
}

div.calendar-legend .legend-item.is-no-school > div
{
	background-color: #f8f200;
}

div.calendar-events
{

}

div.calendar-events h5
{
	font-weight: 600;
	margin-top: 38px;
}

div.calendar-events div.range
{
	max-width: 80px;
	font-weight: 600;
	white-space: nowrap;
}

div.calendar-events div.label
{

}

div.calendar-legend
{

}

div.calendar-legend .legend-item
{
	display: inline-block;
	padding: 20px;
	position: relative;
}

div.calendar-legend .legend-item > div
{
	display: inline-block;
	float: left;
	width: 24px;
	height: 24px;
	margin-right: 10px;
}




div.calendar-legend .legend-item > label
{
	font-weight: 600;
}

div.resources-item
{
	position:relative;
}

div.resources-item img
{
	position: absolute;
	left: 0;
	top: 0;
	width: 74px;
}

div.resources-item a
{
	font-size: 16px;
	display: block;
	margin-left: 85px;

}
div.resources-item a:hover,
div.resources-item a:focus
{
	color: #fff !important;
}

div.resources-item p
{
	display: block;
	font-size: 13px;
	margin-left: 85px;
}

ul.categories.with-bullets
{
	list-style: disc;
	padding-left: 20px;
}

.announcement-modal
{
}
.announcement-modal .announcement-overlay-text
{
	/*position: absolute;
	left: 20px;
	top: 20px;
	right: 20px;
	bottom: 20px;*/
	
}
.announcement-modal .announcement-overlay-text h2
{
	color: #ffffff;
	text-align: center;
	font-weight: 400;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 20px;
	letter-spacing: .05em;
}
	
.announcement-modal .announcement-overlay-text i
{
	transform: rotate(-45deg);
	margin-right: 10px;
	margin-left: -10px;
}

.announcement-modal .announcement-overlay-text p
{
	color: #ffffff;
	font-size: 18px;
	margin-bottom: 6px;
	line-height: 1.4;
}

.announcement-modal .announcement-overlay-text a.btn
{
	color: #ffffff;
	text-align: center;
	font-weight: 400;
	text-transform: uppercase;
	margin-top: 10px;
	letter-spacing: .05em;

	border-color: #b87100;
	background-color: #b87100;
}

.pb-1
{
	padding-bottom: 1px !important;
}
.bg-primary-light
{
	background-color: #ffd38d!important;
}
.b-r-primary
{
	border-right: solid 1px #ff9c00;
}

.bg-primary-light a:not(.btn)
{
	font-family: 'Noto Serif',serifbody;
	color: #de8800;
}