#topbar_container { background-color:#000080; }

.menubar_menu_submenu_item a, .menubar_title { color: #000080; }
.menubar_container_parallax_omitted { background-color:#eef !important; }

.sidebar_trigger_rect { fill:#fc3; }
.sidebar_trigger_line { stroke:#fc3;stroke-width:5; }

#footer_container { background-color:#eeeeff; }


@media only screen and (min-width: 768px) {
/* large screen devices */

	#topbar_school_name { color:#fff; font-weight:500; }
	#topbar_school_vision { color:#ffcc33; }
	.topbar_search_box::placeholder { color:#669; }
	.topbar_search_box_focus { background-color: #669; }
	.topbar_link a { color:#fff; }

	#footer_container { height:500px; }
	
	label[for="sidebar_trigger"] svg { display:none; }

} /* end @media */

@media only screen and (max-width: 767px) {
/* small screen devices */

	label[for="sidebar_trigger"] { z-index: 2; width: 55px; height: 50px; cursor: pointer; background-size: contain; }
	.sidebar_trigger:checked + label[for="sidebar_trigger"] { transition: left 0.2s; }

	#topbar_logo_tree path.logo_white { fill: transparent; }
	#topbar_logo_tree path.logo_color { fill: white; }
	.topbar_search_box	{ width:240px; }
	#topbar_school_small { color:#ffcc33; }

	.footer_third { border-bottom:1px solid #bbd; }

	
} /* end @media */