<!DOCTYPE html>
<html lang="en">
<head>
<!-- needed for form submission -->
<script id="googleRecaptcha" src="https://www.google.com/recaptcha/api.js?render=6LcgqJAUAAAAAJhQs01VmAHQEf3SatmIFQjI7iNP" async defer></script>
<style>
:root {
--site-design-link-color: #8B0F03;
--site-design-link-color-hover: #171717;
}
.inputLimitBadge {
border-radius: 50%;
background-color: #8CAB4F !important;
margin: auto 0 3px 5px;
}
#rotateImgModal {
z-index: 99999 !important;
}
/* THIS MODAL CLASS FIXES THE MODAL INSIDE A MODAL SCROLL BUG */
.modal {
overflow-y: scroll !important;
}
.grepcatcha {
visibility: hidden
}
.wrapped {
word-wrap: break-word;
}
.table.table-filter.quick_links th:nth-child(2) {
width: 45%;
}
.table.table-filter.quick_links th:nth-child(3) {
width: 45%;
}
.table.table-filter.quick_links th:nth-child(4) {
width: 5%;
}
.table.table-filter.quick_links th:nth-child(5) {
width: 5%;
}
.qlheader {
background: #337ab7 !important;
color: #fff;
}
/* Turn off transparency option by hiding the value */
.cp-hsvpanel-a.cp-transparency {
display: none !important;
}
/* Fix width now that transparency is hidden */
.popover-content .cp-container {
width: 170px !important;
}
[class*="link_group_"] {
margin-bottom: 20px;
}
.quicklinkModalContent > .modal-footer {
border: none !important;
}
.ele_img {
height: 200px;
width: 250px;
}
.error, .error_iframe {
background: rgb(239, 217, 217) !important;
}
.errorpic {
border: dashed 1px red !important;
}
.cke_inner.cke_reset {
height:auto !important;
}
.cke_wysiwyg_frame.cke_reset {
height:192px;
margin-bottom: 100px;
}
.cke_wysiwyg_frame {
height:192px;
margin-bottom: 100px;
clear:both;
}
.cke_contents.cke_reset {
height:192px;
}
.visEditArea .pencil_icon {
position: relative;
z-index: 2;
}
.dropdown-menu {
cursor: pointer;
}
.stack_option:hover {
background-color: #ccc;
}
@media (min-width: 1200px) {
.modifiedWidth {
width: 50% !important;
}
}
.inputLimitBadge {
border-radius: 50%;
background-color: #8CAB4F !important;
margin: auto 0 3px 5px;
}
#rotateImgModal {
z-index: 99999 !important;
}
/* THIS MODAL CLASS FIXES THE MODAL INSIDE A MODAL SCROLL BUG */
.modal {
overflow-y: scroll !important;
}
.grepcatcha {
visibility: hidden
}
.wrapped {
word-wrap: break-word;
}
.table.table-filter.quick_links th:nth-child(2) {
width: 45%;
}
.table.table-filter.quick_links th:nth-child(3) {
width: 45%;
}
.table.table-filter.quick_links th:nth-child(4) {
width: 5%;
}
.table.table-filter.quick_links th:nth-child(5) {
width: 5%;
}
.qlheader {
background: #337ab7 !important;
color: #fff;
}
[class*="link_group_"] {
margin-bottom: 20px;
}
.quicklinkModalContent > .modal-footer {
border: none !important;
}
.ele_img {
height: 200px;
width: 250px;
}
.error, .error_iframe {
background: rgb(239, 217, 217) !important;
}
.errorpic {
border: dashed 1px red !important;
}
.cke_inner.cke_reset {
height:auto !important;
}
.cke_wysiwyg_frame.cke_reset {
height:192px;
margin-bottom: 100px;
}
.cke_wysiwyg_frame {
height:192px;
margin-bottom: 100px;
clear:both;
}
.cke_contents.cke_reset {
height:192px;
}
.visEditArea .pencil_icon {
position: relative;
z-index: 2;
}
.dropdown-menu {
cursor: pointer;
}
.stack_option:hover {
background-color: #ccc;
}
@media (min-width: 1200px) {
.modifiedWidth {
width: 50% !important;
}
}
.Pageoptions {
padding-bottom:5px;
cursor: pointer;
}
.Pageoptions.active {
background-color: #ccc;
}
.tooltip {
width: 200px !important;
}
.launch-icons {
text-decoration: none !important;
}
/* --------------------------------------------------
:: Centering Month & Date TEXT in dateField & dayField Divs
-------------------------------------------------- */
.center-month-div {
display: flex;
justify-content: center;
align-items: center;
margin: 20px auto;
}
/* --------------------------------------------------
:: Styling Stack Table Rows
-------------------------------------------------- */
.table-filter {
background-color: #f7f9f9 !important;
border-bottom: 1px solid #eee;
}
.table-filter tbody tr:hover {
cursor: pointer;
background-color: #d3d3d3;;
color:#000;
font-weight:bold !important;
}
.table-filter tbody tr td .btn.edit_modal {
margin-top:0px !important;
}
.table-filter tbody tr td .btn.details_modal {
margin-top:0px !important;
}
.table-filter tbody tr td {
padding: 10px;
vertical-align: middle;
border-top-color: #eee;
}
.table-filter tbody tr.selected td {
background-color: #eee;
}
.table-filter tr td:first-child {
width: 38px;
}
.table-filter tr td:nth-child(2):(.accordionTableRows) {
width: 35px;
}
/* --------------------------------------------------
:: Photo Album Delete Icon
-------------------------------------------------- */
.table-filter.ablum-filter tbody tr td .btn.delete_this_row, .table-filter.ablum-filter tbody tr td .btn.design_table_item_delete {
background-color: #f7f9f9 !important;
color:#d9534f !important;
border:none !important;
outline: none;
margin-top:5px !important;
}
.table-filter.ablum-filter tbody tr:hover td .btn.delete_this_row, .table-filter.ablum-filter tbody tr:hover td .btn.design_table_item_delete {
background-color: #FBFBFB !important;
color:#d9534f !important;
border:none !important;
outline: none;
}
.table-filter.ablum-filter tbody tr td .btn.delete_this_row:hover, .table-filter.ablum-filter tbody tr td .btn.design_table_item_delete:hover {
background-color: #d9534f !important;
color:#ffffff !important;
border:none !important;
outline: none;
}
.table-filter.ablum-filter tbody tr td .btn.delete_this_row .fa.fa-trash, .table-filter.ablum-filter tbody tr td .btn.design_table_item_delete .fa.fa-trash {
margin-top:0px !important;
}
.table-filter.ablum-filter tbody tr td .btn:not(.updateImageRow):not(.updateImageModal):not(.designSlideModal):not(.updateSlideRow) {
padding-top:12px !important;
}
.table-filter.ablum-filter tbody tr td input[type='text'] {
margin-top:10px !important;
}
/* --------------------------------------------------
:: Sponsor Slider Delete Icon
-------------------------------------------------- */
.table-filter.ablum-filter tbody tr td .btn.delete_this_row, .table-filter.ablum-filter tbody tr td .btn.design_table_item_delete {
background-color: #f7f9f9 !important;
color:#d9534f !important;
border:none !important;
outline: none;
margin-top:5px !important;
}
.table-filter.ablum-filter tbody tr:hover td .btn.delete_this_row, .table-filter.ablum-filter tbody tr:hover td .btn.design_table_item_delete {
background-color: #FBFBFB !important;
color:#d9534f !important;
border:none !important;
outline: none;
}
.table-filter.ablum-filter tbody tr td .btn.delete_this_row:hover, .table-filter.ablum-filter tbody tr td .btn.design_table_item_delete:hover {
background-color: #d9534f !important;
color:#ffffff !important;
border:none !important;
outline: none;
}
.table-filter.ablum-filter tbody tr td .btn.delete_this_row .fa.fa-trash, .table-filter.ablum-filter tbody tr td .btn.design_table_item_delete .fa.fa-trash {
margin-top:0px !important;
}
.table-filter.ablum-filter tbody tr td .btn:not(.updateImageRow):not(.updateImageModal):not(.designSlideModal):not(.updateSliderRow) {
padding-top:12px !important;
}
.table-filter.ablum-filter tbody tr td input[type='text'] {
margin-top:10px !important;
}
/* --------------------------------------------------
:: Quick Links Delete Icon
-------------------------------------------------- */
.table-filter tbody tr td .btn.quick_links_item_delete {
background-color: #f7f9f9 !important;
color:#d9534f !important;
border:none !important;
outline: none;
margin-top:5px !important;
}
.table-filter tbody tr:hover td .btn.quick_links_item_delete {
background-color: #FBFBFB !important;
color:#d9534f !important;
border:none !important;
outline: none;
}
.table-filter tbody tr td .btn.quick_links_item_delete:hover {
background-color: #d9534f !important;
color:#ffffff !important;
border:none !important;
outline: none;
}
.table-filter tbody tr td .btn.quick_links_item_delete .fa.fa-trash{
margin-top:0px !important;
}
.table-filter.quick_links tbody tr td .btn.details_modal, .table-filter.quick_links tbody tr td .btn.edit_modal {
margin-top:6px !important;
outline: none;
}
/* --------------------------------------------------
:: Comment Area Delete Icon
-------------------------------------------------- */
.table tbody tr td .btn.comment_item_delete {
background-color: #d9534f !important;
color:#ffffff !important;
border:none !important;
outline: none;
}
.table tbody tr td .btn.comment_item_delete .fa.fa-trash{
margin-top:0px !important;
}
.btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger {
background-color: #d9534f !important;
color:#ffffff !important;
outline: none;
}
.btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success {
background-color: #5cb85c !important;
color:#ffffff !important;
outline: none;
}
/* --------------------------------------------------
:: Announcement Delete Icon
-------------------------------------------------- */
.table-filter tbody tr td .btn.announ_item_delete {
background-color: transparent !important;
color:#d9534f !important;
border:none !important;
outline: none;
margin-top:5px !important;
}
.table-filter tbody tr:hover td .btn.announ_item_delete {
color:#d9534f !important;
border:none !important;
outline: none;
}
.table-filter tbody tr td .btn.announ_item_delete:hover {
border:none !important;
outline: none;
}
.table-filter tbody tr td .btn.announ_item_delete .fa.fa-trash{
margin-top:0px !important;
}
.table-filter.announce tbody tr td .btn.details_modal, .table-filter.announce tbody tr td .btn.edit_modal {
margin-top:6px !important;
outline: none;
}
/* --------------------------------------------------
:: Accordion Delete Icon
-------------------------------------------------- */
.table-filter tbody tr td .btn.accordion_item_delete {
background-color: #f7f9f9 !important;
color:#d9534f !important;
border:none !important;
}
.table-filter tbody tr:hover td .btn.accordion_item_delete {
background-color: #FBFBFB !important;
color:#d9534f !important;
border:none !important;
}
.table-filter tbody tr td .btn.accordion_item_delete:hover {
background-color: #d9534f !important;
color:#ffffff !important;
border:none !important;
}
.table-filter tbody tr td .btn.accordion_item_delete .fa {
margin-top:0px !important;
}
.table-filter tbody tr td .btn.accordion_item_delete {
margin-top:0px !important;
}
/* --------------------------------------------------
:: Document Delete Icon
-------------------------------------------------- */
.table-filter tbody tr td .btn.document_item_delete {
background-color: #f7f9f9 !important;
color:#d9534f !important;
border:none !important;
margin-top:5px !important;
}
.table-filter tbody tr:hover td .btn.document_item_delete {
background-color: #FBFBFB !important;
color:#d9534f !important;
border:none !important;
}
.table-filter tbody tr:hover td .btn.document_item_delete .fa {
margin-top:0px !important;
}
.table-filter tbody tr td .btn.document_item_delete:hover {
background-color: #d9534f !important;
color:#ffffff !important;
border:none !important;
}
/* --------------------------------------------------
:: Visibility Icon
-------------------------------------------------- */
.table-filter tbody tr td .btn.document_item_turn_off .fa.fa-eye {
color: #5cb85c !important;
margin-top:-1px !important;
}
.table-filter tbody tr td .btn.document_item_turn_off .fa.fa-eye-slash {
color: #d9534f !important;
margin-top:-1px !important;
}
.table-filter tbody tr td .btn.document_item_turn_off {
background-color: #FBFBFB !important;
margin-top:0px !important;
border: none !important;
outline: none;
}
.table-filter tbody tr:hover td .btn.document_item_turn_off {
background-color: #ffffff !important;
border:none !important;
outline: none;
}
.table-filter tbody tr td .btn.document_item_turn_off:hover {
background-color: #53b59a !important;
border:none !important;
outline: none;
}
.table-filter tbody tr td .btn.document_item_turn_off:hover .fa.fa-eye-slash {
color: #fff !important;
}
.table-filter tbody tr td .btn.document_item_turn_off:hover .fa.fa-eye {
color: #fff !important;
}
/* --------------------------------------------------
:: Details and Edit Button
-------------------------------------------------- */
.btn.details_modal,
.table-filter tbody tr:hover td .btn.details_modal {
background-color: #221E1F !important;
color:white !important;
border:none !important;
}
.table-filter tbody tr td .btn.details_modal:hover {
background-color: #221E1F !important;
color:#ffffff !important;
border:none !important;
}
.table-filter tbody tr:hover td .btn.edit_modal {
background-color: #221E1F !important;
color:white !important;
border:none !important;
}
.table-filter tbody tr td .btn.edit_modal:hover {
background-color: #221E1F !important;
color:#ffffff !important;
border:none !important;
}
/* --------------------------------------------------
:: jconfirm popup delete
-------------------------------------------------- */
.jconfirm_delete [data-event="confirm"] {
background: #221E1F !important;
}
.jconfirm_delete [data-event="deny"] {
color: #221E1F !important;
}
.jc-white-theme .jc-arrow-top {
border-bottom-color: #fff !important;
}
.jconfirm_delete {
box-shadow: 4px 4px 6px 4px #c7c7c7;
border: none !important;
}
.ablum-filter .btn .btn-primary {
background-color: #337ab7 !important;
color:white !important;
border:none !important;
outline: none;
}
.ablum-filter .btn-info {
background-color: #5bc0de !important;
color:white !important;
border:none !important;
outline: none;
}
.ablum-filter .btn-danger {
background-color: #d9534f !important;
color:white !important;
border:none !important;
outline: none;
}
.ablum-filter .btn-warning {
background-color: #f0ad4e !important;
color:white !important;
border:none !important;
outline: none;
}
.ablum-filter .btn-success {
background-color: #5cb85c !important;
color:white !important;
border:none !important;
outline: none;
}
.ablum-filter .btn-Normal {
background-color: #FBFBFB !important;
color:white !important;
border:none !important;
outline: none;
}
/* --------------------------------------------------
:: css for accordion modal
-------------------------------------------------- */
#linkModal {
z-index: 2000;
}
/* class needed for ig feed styling - admin side */
@media (min-width: 1200px) {
.ig-feed-lg-offset {
margin-left: 12.5%;
}
}
</style>
<script type="text/javascript">
var loadElemID = '';
const siteDesignOptionsHeadingColor = "#8B0F03";
const siteDesignOptionsTextColor = "#000000";
const siteDesignOptionsLinkColor = "#8B0F03";
</script><meta property="og:title" content="San Rafael High School">
<meta property="og:image" content="https://cdn.smartsites.parentsquare.com/library/common/DefaultShareImage_350x350.png">
<meta property="og:image" content="https://cdn.smartsites.parentsquare.com/library/common/DefaultShareImage_350x350.png">
<meta name="description" content="San Rafael High School">
<meta name="keywords" content="">
<meta name="author" content="San Rafael High School">
<meta name="copyright" content="ParentSquare and San Rafael High School">
<meta name="language" content="English">
<meta name="charset" content="iso-8859-1">
<meta name="distribution" content="Global">
<meta name="rating" content="General">
<meta name="expires" content="Never">
<meta name="robots" content="index, follow">
<meta name="revisit-after" content="7 days">
<link rel="stylesheet" href="/includes/customFonts/icon-set/styles.css" />
<meta charset="utf-8"/>
<meta http-equiv="Content-Language" content="en">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="shortcut icon" href="//cdn.smartsites.parentsquare.com/graphics/favicon.ico" type="image/x-icon" /><title>San Rafael High School - Home</title><link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Montserrat%3A700%7CMontserrat"><link rel="stylesheet" type="text/css" media="print" href="/templates/common/css_print.css" async defer> <script>
(function (h, o, u, n, d) {
h = h[d] = h[d] || { q: [], onReady: function (c) { h.q.push(c) } }
d = o.createElement(u); d.async = 1; d.src = n
n = o.getElementsByTagName(u)[0]; n.parentNode.insertBefore(d, n)
})(window, document, 'script', 'https://www.datadoghq-browser-agent.com/us1/v5/datadog-rum.js', 'DD_RUM')
window.DD_RUM.onReady(function () {
window.DD_RUM.init({
clientToken: 'pub77a0ea20d4be2115e98a417826c0cb0c',
applicationId: 'fc345302-8ceb-435f-96c0-e053557f5949',
site: 'datadoghq.com',
service: 'smartsites',
env: 'production',
// Specify a version number to identify the deployed version of your application in Datadog
// version: '1.0.0',
sessionSampleRate: 1,
sessionReplaySampleRate: 1,
trackUserInteractions: true,
trackResources: true,
trackLongTasks: true,
defaultPrivacyLevel: 'mask-user-input',
});
})
</script>
<script
type="text/javascript"
src="https://cdn.smartsites.parentsquare.com/lib/jquery/3.6.0/jquery.min.js"
integrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK"
crossorigin="anonymous"
></script>
<script
src="https://cdn.smartsites.parentsquare.com/library/jquery/jquery-ui-1.14.0/jquery-ui.min.js"
integrity="sha384-sC4zu1a2SFQFGYBkaBToaGs3q67h0XwkuZQWeuDcF36dMjN2G6kWneRHoE3EdZ2D"
crossorigin="anonymous"
></script>
<script
src="https://cdn.smartsites.parentsquare.com/library/jquery/jquery.ui.touch-punch.min.js"
integrity="sha384-MI/QivrbkVVJ89UOOdqJK/w6TLx0MllO/LsQi9KvvJFuRHGbYtsBvbGSM8JHKCS0"
crossorigin="anonymous"
></script>
<script type="text/javascript" src="/js/jquery.fittext.js"></script>
<link
rel="stylesheet"
href="https://cdn.smartsites.parentsquare.com/lib/bootstrap/css/bootstrap.css"
integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7"
crossorigin="anonymous"
/>
<link rel="stylesheet" type="text/css" href="/css/bootstrap_custom_5column.css" />
<link
rel="stylesheet"
href="https://cdn.smartsites.parentsquare.com/lib/bootstrap/css/daterangepicker.css"
integrity="sha384-I7hgs8ZRNoM5/Df9CSWppjNRLWEykml6aS6mhsfcbJhgI8jX5c04D8rStWRXFrTA"
crossorigin="anonymous"
/>
<link rel="stylesheet"
href="https://cdn.smartsites.parentsquare.com/lib/bootstrap/css/build.css"
integrity="sha384-+W9JHuw1WbupIW+lP+JnQdmQN5FG5Mi7gyrQqnT2AHxPtpr+gIjYtB77j3ciwQcF"
crossorigin="anonymous"
/>
<script
type="text/javascript"
src="https://cdn.smartsites.parentsquare.com/lib/js/bootstrap.min.js"
integrity="sha384-HQDRcraHJG13A26h3RbjhkUw8Spk/X4wHJA/fPCQ3IXPlHfU93JhJEEiHZ8uhtbI"
crossorigin="anonymous"
></script>
<script
type="text/javascript"
src="https://cdn.smartsites.parentsquare.com/lib/momentjs/moment.min.js"
integrity="sha384-jzJ+sNWbKe71gDLLfQKgdtslQjhK70oKLFN+wmwxyg6mQN7Vem+wzce4pryF0HP/"
crossorigin="anonymous"
></script>
<script
type="text/javascript"
src="https://cdn.smartsites.parentsquare.com/lib/bootstrap/js/daterangepicker.js"
integrity="sha384-rir2SQU4/PHUpA8Bf0tnnwMOZwQBBlSYMz5TUMo4wIwkpAuuErlLSAULgDsJYbA2"
crossorigin="anonymous"
></script>
<link rel="stylesheet"
href="https://cdn.smartsites.parentsquare.com/library/jquery/jquery-ui-1.14.0/jquery-ui.min.css"
integrity="sha384-tewSheIhRp+og/A/t/fjeITzC+Lif7RoRf+uu5fpCNjV5iV1c7H9rNh60AKqwabB"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="https://cdn.smartsites.parentsquare.com/library/jquery/jquery-ui-1.14.0/jquery-ui.theme.min.css"
integrity="sha384-5lhP3Gu7JSM9XgFNEVR5ZjWivaKVmsYbWQkxdPoEG1lseGQ0hJCkFkDwN0i3fRxW"
crossorigin="anonymous"
/>
<script type="text/javascript" src="/includes/js/countUp.js"></script>
<script type="text/javascript" src="/js/pause_carousels.js"></script>
<!-- Slick Slider CSS -->
<link rel="stylesheet" type="text/css" href="/includes/css/slick.css"/>
<!-- Slick Slider JS -->
<script src="/includes/js/slick.min.js"></script>
<script src="/includes/js/enquire.min.js"></script>
<link href="/css/hover.css" rel="stylesheet" media="all">
<!--youtube plugin-->
<!-- Open Sans -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet" type="text/css" />
<!-- Youtue Icons -->
<link rel="stylesheet" type="text/css" media="screen" href="css/icons.min.css" />
<!-- Perfect Scrollbar -->
<link rel="stylesheet" type="text/css" media="screen" href="css/perfect-scrollbar.css" />
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/perfect-scrollbar.js"></script>
<link href="/css/bootstrap-select.css" rel="stylesheet">
<link
href="https://cdn.smartsites.parentsquare.com/fontawesome/fontawesome6.7.2/css/all.min.css"
rel="stylesheet"
integrity="sha384-1b7IGZEyivxup/Bl4VlACrwas6ivMNgK/NH4RQr3Vb6enQ8jR1i0GWrfjDE9o8fr"
crossorigin="anonymous"
/>
<link href="https://cdn.smartsites.parentsquare.com/fontawesome/fontawesome6.7.2/css/sharp.min.css"
rel="stylesheet"
integrity="sha384-is44DJ0cYMGrWZb/tS8HybAb1j3pi2wEXBMKMPNF8AMMyqjhLRiekaVk5L9RptuR"
crossorigin="anonymous"
/>
<link href="https://cdn.smartsites.parentsquare.com/fontawesome/smartsites/v5/css/custom-icons.min.css"
rel="stylesheet"
type="text/css"
integrity="sha384-jDZYg/m8QksmfSBIdAVAvPeOf9KDc/o4LRgqhDMOaIhHk6Z+YeoAiBenIX6DW7nm"
crossorigin="anonymous"
/>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<link
href="https://cdn.smartsites.parentsquare.com/lib/bootstrap/css/dscountdown.css"
rel="stylesheet"
type="text/css"
integrity="sha384-tq449iyWVeJS2M1RcW0ed5JfT1xWORa3Ohp7AxvLNUw+WzoxH9bZcJ2L90yo+BWM"
crossorigin="anonymous"
/>
<script
type="text/javascript"
src="https://cdn.smartsites.parentsquare.com/lib/bootstrap/js/dscountdown.min.js"
integrity="sha384-g8Th3jbX6oXwwgzo+Cxx6QVZktH4wN1XMJQ9DJNcIFc3G63ir36Pj/RSsjs9YcS5"
crossorigin="anonymous"
></script>
<script
type="text/javascript"
src="https://cdn.smartsites.parentsquare.com/lib/bootstrap/js/jquery.bsPhotoGallery.js"
integrity="sha384-BtHxBhKWNMKrlgDeAKMHu82LDDbEn9kdcq4zTU3+UJKI25ETpKiA/Gt/654LYDxH"
crossorigin="anonymous"
></script>
<script type="text/javascript" src="/js/bootstrap-datetimepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="/css/bootstrap-datetimepicker.css" />
<script type="text/javascript" src="/js/jquery.bootstrap-touchspin.js"></script>
<link rel="stylesheet" type="text/css" href="/css/jquery.bootstrap-touchspin.css" />
<link rel="stylesheet" type="text/css" href="/includes/alertify/themes/alertify.bootstrap.css" />
<link rel="stylesheet" type="text/css" href="/includes/alertify/themes/alertify.core.css" />
<link rel="stylesheet" type="text/css" href="/includes/alertify/themes/alertify.default.css" />
<script type="text/javascript" src="/includes/alertify/lib/alertify.min.js"></script>
<script
type="text/javascript"
src="https://cdn.smartsites.parentsquare.com/lib/js/wow.min.js"
integrity="sha384-iO46hjwJrsVBSL6dSZiISIaArh5K3mgUT5bTQVkkFF+wMh0DNbK6xPgTfyrYtteD"
crossorigin="anonymous"
></script>
<link
rel="stylesheet"
type="text/css"
href="https://cdn.smartsites.parentsquare.com/css/animate.css"
integrity="sha384-q00rjbZK7hm9ZyQShTBydn6PZTbRe+EzzlX+Np7sOSp2qDP7Vu4yHFppyPccjIfD"
crossorigin="anonymous"
/>
<link rel="stylesheet" type="text/css" href="/includes/css/liquid-slider.css" />
<link rel="stylesheet" type="text/css" href="/css/normalize.css?abcd1234" />
<link href="/css/jquery.smartmenus.bootstrap.css" rel="stylesheet">
<script type="text/javascript" src="/js/jquery.smartmenus.js"></script>
<script type="text/javascript" src="/js/jquery.smartmenus.bootstrap.js"></script>
<script src="https://unpkg.com/object-fit-images/dist/ofi.min.js"
integrity="sha384-GOTasnp7a/eSjnwcNDne3AqLTCR1Ax6dwWrZsPhBvSGDwp6XkOyJ2dTvSM2IGOnE"
crossorigin="anonymous"
defer
></script>
<script type="text/javascript" src="/js/jarallax214.min.js"></script>
<script type="text/javascript" src="/js/jarallax-video214.min.js"></script>
<link rel="stylesheet" type="text/css" href="/css/jarallax.min.css" />
<script
src="https://cdn.jsdelivr.net/npm/rellax@1.12.1/rellax.min.js"
integrity="sha384-pSQdnqsuAwdyk3FjmdCugWc6JXrpCyQPJbweAfCT9EjnJayrGAKKuI6V54wCfQ5c"
crossorigin="anonymous"
></script>
<script>
$(function() {
// Found: https://dirask.com/posts/JavaScript-detect-Apple-Safari-web-browser-p5g2R1
const platformExpression = /Mac|iPhone|iPod|iPad/i;
const rejectedExpression = /Chrome|Android|CriOS|FxiOS|EdgiOS/i;
const expectedExpression = /Safari/i;
const isAppleSafari = () => {
const agent = navigator.userAgent;
if (rejectedExpression.test(agent)) {
return false;
}
return platformExpression.test(agent) && expectedExpression.test(agent);
};
// Global jarallax config
$('.jarallax').jarallax({
disableParallax: function () {
return isAppleSafari()
},
disableVideo: function () {
return isAppleSafari()
},
speed: 0.2
});
});
</script>
<script src="/includes/js/head.min.js"></script>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext" rel="stylesheet">
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script
src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"
integrity="sha384-ZuLbSl+Zt/ry1/xGxjZPkp9P5MEDotJcsuoHT0cM8oWr+e1Ide//SZLebdVrzb2X"
crossorigin="anonymous"
></script>
<script
src="https://cdn.datatables.net/1.10.13/js/dataTables.bootstrap.min.js"
integrity="sha384-7PXRkl4YJnEpP8uU4ev9652TTZSxrqC8uOpcV1ftVEC7LVyLZqqDUAaq+Y+lGgr9"
crossorigin="anonymous"
></script>
<script src="https://cdn.datatables.net/responsive/2.1.1/js/dataTables.responsive.min.js"
integrity="sha384-vodl6MUb558cZPMQIFVGAQBmGWMmY6MY3Fb/eU+5s63ZTDPlyGzZGJaG0q/aU/b6"
crossorigin="anonymous"
></script>
<script src="https://cdn.datatables.net/responsive/2.1.1/js/responsive.bootstrap.min.js"
integrity="sha384-KsSXk9axiCRl3aqMyP/D7r17dM4eNuGbgBN5nRb2WkHCXWyqNfUia+U3p3zDFHCY"
crossorigin="anonymous"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"
integrity="sha384-HUHsYVOhSyHyZRTWv8zkbKVk7Xmg12CCNfKEUJ7cSuW/22Lz3BITd3Om6QeiXICb"
crossorigin="anonymous"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"
integrity="sha384-UAA3vlTPq9dwxB61awBFhR7Y5uBFOKQWuZueu4C6uI48gjIoqI/OTmYWEYWZXbGR"
crossorigin="anonymous"
></script>
<script src="https://cdn.datatables.net/buttons/2.2.3/js/dataTables.buttons.min.js"
integrity="sha384-h3oS/DGBfrFl5LZtSFk9RFU+pzHmURTX7+CFwAjm6QWSTdjwxCNgPIlzA/On5XBM"
crossorigin="anonymous"
></script>
<script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.html5.min.js"
integrity="sha384-w6vYH0WKuBqvZ0+y9bbzGf8ia1T34eMpWbxYjCEpc+3NnCKAUsaAVbA50jrb3GWu"
crossorigin="anonymous"
></script>
<script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.print.min.js"
integrity="sha384-mOGjUrCoMJ8/pGqc8SQHuJdYPrdB9cjSkiuLQbw6D7orbJyMkk6xYDlYtkEH051d"
crossorigin="anonymous"
></script>
<link rel="stylesheet"
href="https://cdn.datatables.net/1.10.13/css/dataTables.bootstrap.min.css"
integrity="sha384-rjXedYe/HKeDRcs0Euwr7zNsokaidJhDyzFkoUnsmTghcqseOcpdsbyqVScOXfk7"
crossorigin="anonymous"
/>
<link rel="stylesheet"
href="https://cdn.datatables.net/responsive/2.1.1/css/responsive.bootstrap.min.css"
integrity="sha384-U+e/aVGY2RK5HtBy/HYYK0h5jR9v4NqsFqIX63YT2fyD7APkoflL9w5/H0e7btNR"
crossorigin="anonymous"
/>
<link rel="stylesheet"
href="https://cdn.datatables.net/buttons/2.2.3/css/buttons.dataTables.min.css"
integrity="sha384-SWh0bBTo4ciRhXTIdrgfHZ8GhmtQjr9d3LTBjeY3YyYivrr/JDd/8g2N+StnFqlJ"
crossorigin="anonymous"
/>
<link rel="stylesheet" type="text/css" href="/css/main-sass.css?v=20250801202901">
<script src="/js/classes/ColorContrast.js"></script>
<script src="/js/stack_items.js?v=20250801202901"></script>
<script type="module" src="/js/components.js?v=20250801202901"></script>
<script src="/js/general.js?v=20250801202901"></script>
<!--need to move this to our cdn-->
<script
type="text/javascript"
src="https://cdn.jsdelivr.net/npm/gasparesganga-jquery-loading-overlay@2.1.6/dist/loadingoverlay.min.js"
integrity="sha384-L2MNADX6uJTVkbDNELTUeRjzdfJToVbpmubYJ2C74pwn8FHtJeXa+3RYkDRX43zQ"
crossorigin="anonymous"
></script>
<script src="https://use.typekit.net/ynn5aia.js"
integrity="sha384-0wf4A/jwcWgnKPHikGCAyysJaBsjtx2LADFyrjF8pbGY1iG8gqI96qQz9zKvfLux"
crossorigin="anonymous"
rel="preload"
as="script"
></script>
<script>
try {
Typekit.load({async: true});
} catch (e) {}
</script>
<style>
body {
-webkit-font-smoothing: antialiased;
}
.grecaptcha-badge {
visibility: hidden;
}
.psq_font {
font-family: "proxima-nova", "proxima nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.psq_footer_logo {
font-size: 16px;
}
.psq_footer_logo a {
text-decoration: none !important;
}
/*Extra large Modals*/
@media (min-width: 768px) {
.modal-xxl {
width: 90%;
max-width:1200px;
}
}
.ajs-button.btn.btn-success {
color: #fff !important;
background-color: #5cb85c !important;
border-color: #4cae4c !important;
}
.containSelect {
max-width:185px;
}
.natural_p_tag {
margin-top: 1em;
margin-bottom: 1rem;
}
.stretchSelect {
width:100%;
}
.embed-responsive.embed-responsive-16by9 {
position: auto !important;
}
.remove_default_padding {
padding:0px !important;
margin:0px !important;
display:inline-block;
}
#search {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translate(0px, -100%) scale(0, 0);
-moz-transform: translate(0px, -100%) scale(0, 0);
-o-transform: translate(0px, -100%) scale(0, 0);
-ms-transform: translate(0px, -100%) scale(0, 0);
transform: translate(0px, -100%) scale(0, 0);
opacity: 0;
}
#search.open {
-webkit-transform: translate(0px, 0px) scale(1, 1);
-moz-transform: translate(0px, 0px) scale(1, 1);
-o-transform: translate(0px, 0px) scale(1, 1);
-ms-transform: translate(0px, 0px) scale(1, 1);
transform: translate(0px, 0px) scale(1, 1);
opacity: 1;
z-index:999999999;
}
#search input[type="search"] {
position: absolute;
top: 50%;
width: 100%;
color: rgb(255, 255, 255);
background: rgba(0, 0, 0, 0);
font-size: 60px;
font-weight: 300;
text-align: center;
border: 0px;
margin: 0px auto;
margin-top: -51px;
padding-left: 30px;
padding-right: 30px;
outline: none;
}
.btn.btn-success.btn-sm.editbutton, .stack_sort_handle, .visButton {
filter: brightness(100%) !important;
}
#search .btn {
position: absolute;
top: 50%;
left: 50%;
margin-top: 61px;
margin-left: -45px;
}
#search .close {
position: fixed;
top: 15px;
right: 15px;
color:#FFFFFF !important;;
background-color:#000000;
border-color: #000000;
opacity: 1;
padding: 10px 17px;
font-size: 27px;
}
}
/*STYLING TAB ONLY BUTTONS*/
.sr-only.sr-only-focusable {
background-color:#000000 !important;
color: #FFFFFF !important;
font-weight:bold !important;
padding:10px !important;
border: 5px solid yellow !important;
text-decoration:none !important;
}
/*LOGGED IN BAR*/
.btn-group-justified.adminBar {
color:#000000 !important;
}
.btn-warning.admin-btn, .btn-success.admin-btn, .btn-danger.admin-btn, .btn-info.admin-btn, .btn-primary.admin-btn, .btn-default.admin-btn {
/* .start_stack_sort.admin-btn */
color:#FFFFFF !important;
font-weight:bold !important;
filter: brightness(100%) !important;
}
/** Comonent Header Config */
.ss-component-header {
.ss-component-header-title {
font-family: Montserrat, sans-serif;
font-weight: 700; font-size: 32px; color: #8B0F03;
&:before,
&:after {
border-color: #DDDDDD }
}
}
</style>
<script>
var gabhappy = "0"; var targetDate = new Date(Date.now() + (86400 * 1000)).getTime();
const getSidTimer = () => {
let sidTimer = 0;
$.ajax({
url: "/includes/ajax/get_sid_timer_AJAX.php",
cache: false,
async: false,
xhrFields: {
withCredentials: true
},
success: function(result) {
sidTimer = result;
}
});
return sidTimer;
};
// setCookie(sess, Math.floor(targetDate/1000));
// mySidInfo.updateSid;
var alertShown = false;
$(document).ready(function() {
var dateStartCounter = 0;
$( "input[name='daterangepicker_start']" ).each(function(i,val) {
$( this ).attr('id','daterangepicker_start'+dateStartCounter);
$( this ).prepend('<label for="daterangepicker_start'+dateStartCounter+'">Start Date</label>');
dateStartCounter++;
});
var dateEndCounter=0;
$( "input[name='daterangepicker_end']" ).each(function(i,val) {
$( this ).attr('id','daterangepicker_end'+dateEndCounter);
$( this ).prepend('<label for="daterangepicker_end'+dateEndCounter+'">End Date</label>');
dateEndCounter++;
});
//if scale is on (set to on or empty), and any font size is set by in site designs, pass the plugin the fitText paramteries
if ($('.the_site_title').length !== 0) {
$(".the_site_title").fitText(1, { minFontSize: '0px', maxFontSize: '100px' });
}
//else
//else dont run the site title is using basic bootstrap, the text will break on spaces, and font size is set by media queries
});
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
function setCookie(name, value) {
var date = new Date();
date.setTime(date.getTime() + (86400 * 1000));
var expires = "expires=" + date.toUTCString();
document.cookie = name + "=" + value + "; " + expires;
}
function deleteCookie(name) {
var expires = "expires=Thu, 01 Jan 1970 00:00:01 GMT";
document.cookie = name + "=" + "" + "; " + expires;
}
// added to patch chrome loging out bug with multisite tabs open - Abby 03/21/2022
function check_timer() {
targetDate = parseInt(getCookie(sess) * 1000);
let currentDate = new Date().getTime();
let secondsLeft = ((targetDate - currentDate) / 1000) % 3600;
return parseInt(secondsLeft);
}
/**
* used JS to determine what part of the contained string needs to be truncated. Built for use with Sub-nav stack.
* container_class is the class of the button or div that contains the string and that determines the width available area
* text_class is the class on the SPAN that contains the text to be truncated. The span will have to have this class
* and the data attribute "data-original" that contains the full string prior to truncating
* size_divider is a numeric value that determins the change from width to pixel size. Default is 8
* Created 5/3/22 by Will Raines
*/
function magic_truncate(container_class, text_class, size_divider = 8)
{
$('.'+container_class).each(function(){
var outer_width = $(this).width();
var usable_area = outer_width - 50;
var string_limit = Math.floor(usable_area / size_divider);
var text_string = $(this).find("."+text_class).attr('data-original');
$(this).find("."+text_class).text(text_string);
var text_string_width = $(this).find("."+text_class).width();
var truncated_text = '';
if (text_string_width > usable_area) {
var truncated_text = text_string.substring(0, string_limit);
$(this).find("."+text_class).text(truncated_text+' ...');
}
});
}
</script>
<script type="text/javascript">
$(document).ready(function() {
//add menu animations
});
var wow = new WOW ({
offset: 75, // distance to the element when triggering the animation (default is 0)
mobile: false, // trigger animations on mobile devices (default is true)
});
wow.init();
$.fn.removeCss = function() {
var removedCss = $.makeArray(arguments);
return this.each(function() {
var e$ = $(this);
var style = e$.attr('style');
if (typeof style !== 'string') return;
style = $.trim(style);
var styles = style.split(/;+/);
var sl = styles.length;
for (var l = removedCss.length, i = 0; i < l; i++) {
var r = removedCss[i];
if (!r) continue;
for (var j = 0; j < sl;) {
var sp = $.trim(styles[j]);
if (!sp || (sp.indexOf(r) === 0 && $.trim(sp.substring(r.length)).indexOf(':') === 0)) {
styles.splice(j, 1);
sl--;
} else {
j++;
}
}
}
if (styles.length === 0) {
e$.removeAttr('style');
} else {
e$.attr('style', styles.join(';'));
}
});
};
text_truncate = function(str, length, ending) {
if (length == null) {
length = 100;
}
if (ending == null) {
ending = '...';
}
if (str.length > length) {
return str.substring(0, length - ending.length) + ending;
} else {
return str;
}
};
$.fn.hasClassStartsWith = function(className) {
return this.filter('[class^=\''+className+'\'], [class*=\''+className+'\']');
}
</script>
</head>
<body class="ss-no-widen-container ss-hp ">
<style>
a.sr-only-focusable, button.sr-only-focusable {
color: #FFFFFF !important;
background-color: #8B0F03 !important;
font-size: 14px;
}
</style>
<div id="jumpToTop"></div>
<div id="macUseTabHelpDiv"></div>
<a id="skipToMainContentLink" href="#skiptocontent" class="sr-only sr-only-focusable">Skip to main content</a>
<div id="ss-alert-modal-area">
<div id="ss-alert-preview" class="modal ss-lightbox-modal ss-lightbox-modal-alert ">
<div class="ss-lightbox-modal-content-wrap">
<div class="ss-lightbox-modal-content ">
<div class="ss-lightbox-modal-icon-background"></div>
<button class="ss-button ss-close-modal" data-dismiss="modal"><i class="fa-regular fa-xmark-large" role="img" aria-label="Close"></i></button>
<div class="ss-lightbox-modal-content-inner" >
</div>
</div>
</div>
</div>
<script>
$(document).ready(() => {
const lightboxModal = $('#ss-alert-preview');
;
lightboxModal.on('show.bs.modal', function(e) {
$('html').addClass('modal-open');
});
lightboxModal.on('hide.bs.modal', function(e) {
$('html').removeClass('modal-open');
});
});
</script>
</div> <style>
.ss-lightbox-modal-alert {
--ss-modal-content-alert-btn-text-font-color: #FFFFFF;
--ss-modal-content-alert-btn-color: #8B0F03;
}
</style> <div class="alert-badge-container hideAlertBadge">
<button class="alert-badge ss-button" aria-label="View Active Alerts" aria-haspopup="true" aria-controls="ss-alert-preview" tabindex="2">
<i class="fa-solid fa-triangle-exclamation"></i>
</button>
</div> <!--
This navigation is hidden from website view, and is only used to determine navbar height, if bootstrap sticky nav is set to display
-->
<nav style="display:none;" aria-hidden="true" class="navHeightBar navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button aria-hidden="true" type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="sr-only">Welcome</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#" class="search_clickify"><i aria-label="Search" role="img" class="fa-solid fa-magnifying-glass"></i></a></li>
</ul>
</div>
</div>
</nav>
<script>
$(document).ready(function() {
let version = navigator.userAgent;
if (version.indexOf('Mac OS') ) {
if (version.indexOf('Chrome') == -1 && (version.indexOf('Firefox') != -1 || version.indexOf('Safari') != -1)) {
let html = `<input style="width:275px;" id="macUserHelpBtn" type="text" aria-label="Click or press Enter to get help with tabbing issues on Mac OS." data-toggle="modal" data-target="#macUserTabHelpModal" class="sr-only sr-only-focusable" value="Press Enter for Tabbing Instructions" readonly>`;
$('#macUseTabHelpDiv').html(html);
$(document).on('keydown',function(e) {
let focused = $(':focus');
if ($(focused).attr('id') == 'macUserHelpBtn') {
// 13 = Enter key
if (e.which == 13) {
$('#macUserHelpBtn').trigger('click');
}
}
});
}
}
$('.makeTableResponsive table').each(function() {
$(this).addClass("table")
$(this).addClass("table-bordered");
if ($(this).attr("style") == "width: 500px;") {
$(this).removeAttr("style");
}
$(this).wrap("<div class='table-responsive'></div>");
$(this).parents().find(".img-responsive:first").removeClass('makeTableResponsive');
});
$(".makeTableResponsive table td").css({"border-color":"#000000"});
$(".table:not(.dataTable) td").css({"border-color":"#000000"});
$('.makeTableResponsive').removeClass('makeTableResponsive');
if (typeof setSideBarCalendars !== "undefined") {
setSideBarCalendars();
}
if (typeof setSideBarLessonplans !== "undefined") {
setSideBarLessonplans();
}
$(function () {
$('.search_clickify').on('click', function(event) {
event.preventDefault();
window.location = 'search_e';
});
$('#search, #search button.close').on('click keyup', function(event) {
if (event.target == this || event.target.className == 'close' || event.keyCode == 27) {
$(this).removeClass('open');
}
});
});
function sidebarContactModal() {
$('#sndMsgBut').on('click',function() {
$(".openmodal").click(function() {
$('#send_message_modal .modal-body').html('<center><h2>Send A Message</h2></center>'+'<div style="margin:20px;" class="col-md-12" style="height:800px"><div style="height:800px !important"><iframe src="/includes/pages/responsive_send_message.php" frameBorder="0" style="width:100%; height:800px !important;"></iframe></div></div>');
});
$('#send_message_modal').on('hidden.bs.modal', function () {
$('#send_message_modal .modal-body').html('');
})
});
}
//Load Sidebars
function side_bar_placement(sidebar_content,side_bar_location) {
var stringOfHtml = $("."+sidebar_content).html();
var wrappedString = '<div>' + stringOfHtml + '</div>';
var noScript = wrappedString.replace(/script/g, "PREVENT_SCRIPT_DUPLICATES");
var html = $(noScript);
html.find('PREVENT_SCRIPT_DUPLICATES').remove();
place_sidebar_content = html.html().replace(/PREVENT_SCRIPT_DUPLICATES/g, 'script');
$('.'+sidebar_content).html(place_sidebar_content);
$('.'+sidebar_content).detach().appendTo('#'+side_bar_location);
}
side_bar_placement('moduleBarRight','rightSideBar');
side_bar_placement('moduleBarLeft_','leftSideBar');
//Gather sub nav html on section with subpages
top_subnav = $("#other_pages_in_section").html();
bottom_subnav = $("#subMenu").html();
//set subnav html to a variable, empty other placement div based on screen width
if (top_subnav != '') {
subnav_content=top_subnav;
$("#subMenu").empty()
$("#other_pages_in_section").empty()
}
if (bottom_subnav != '') {
subnav_content = bottom_subnav;
$("#subMenu").empty()
}
//set sub nav where it goes on load
if ($(window).width() <= 767) {
$('#other_pages_in_section').html(subnav_content);
replaceNavBrand('');
} else {
if ($(window).width() >= 767) {
$('#subMenu').html(subnav_content);
replaceNavBrand('');
}
}
/**
* Determines how far to push down the body tag if sticky nav is set, and then pushes it down
* @param not needed
* @return boolean
*/
function stickyNavBodyTagPusher() {
setTimeout(function () {
//finds the hidden nav to obtain the nav height on a full width device
big_screen_height = $(".navHeightBar").outerHeight()-1;
//a collapsed nav uses a different height than a non-collapsed nav, this obtains that height
superSmallScreen = big_screen_height -7;
//Determines the outer height of the nav being used on the website
globalNavHeight = $(".globalnav").outerHeight();
// Determains the outer height of the district selector
const selectorheight = $("#districtSelector").outerHeight();
//determines the px difference between the size of the nav normally, and when its expanded beyond one row on smaller devices
pushDownBody = (globalNavHeight - big_screen_height);
//in rare cases large navigations may not be able to accurtly predict how far down the body should be pushed below the nav, this allows custom input
pushDownBody = pushDownBody + parseInt(10);
//if stickynav is used we don't want to use the pushBodyDown var
pushDownBodyJs = parseInt(1);
//if district selector is set
pushDownBody = pushDownBody - 2;
$("#districtSelector").css('padding-top','20px');
// $('#disSelPos').css('margin-top',globalNavHeight+'px');
// Commenting out for possible sticky nav bug, gap between nav and top of site.
$('body').css('margin-top',(pushDownBody+selectorheight+big_screen_height)+'px');
return true;
}, 100);
}
//set sidebars and subnavs where they go on window resize
window.onresize = function() {
if (window.innerWidth <= 991) {
if (typeof sidebarContactModal !== "undefined") {
sidebarContactModal();
}
if (typeof setSideBarCalendars !== "undefined") {
setSideBarCalendars();
}
if (typeof setSideBarLessonplans !== "undefined") {
setSideBarLessonplans();
}
} else {
if (window.innerWidth >= 992) {
if (typeof sidebarContactModal !== "undefined") {
sidebarContactModal();
}
if (typeof setSideBarCalendars !== "undefined") {
setSideBarCalendars();
}
if (typeof setSideBarLessonplans !== "undefined") {
setSideBarLessonplans();
} }
}
if (window.innerWidth <= 767) {
$('#subMenu').empty();
$('#other_pages_in_section').html(subnav_content);
//animateHamburger();
replaceNavBrand('');
} else {
if (window.innerWidth >= 767) {
$('#other_pages_in_section').empty();
$('#subMenu').html(subnav_content);
//animateHamburger();
replaceNavBrand('');
}
}
}
function replaceNavBrand(branding) {
$(".globalBranding").html(branding)
}
$('a').click(function(e) {
//prevent cliking on # from scrolling to top of screen
if ($(this).attr('href') == '#') {
e.preventDefault();
}
});
sidebarContactModal();
});
/**
* Author: Heather Corey
* jQuery Simple Parallax Plugin
*/
(function($) {
$.fn.parallax = function(options) {
var windowHeight = $(window).height();
// Establish default settings
var settings = $.extend({
speed : 0.15
}, options);
// Iterate over each object in collection
return this.each( function() {
// Save a reference to the element
var $this = $(this);
// Set up Scroll Handler
$(document).scroll(function() {
var scrollTop = $(window).scrollTop();
var offset = $this.offset().top;
var height = $this.outerHeight();
// Check if above or below viewport
if (offset + height <= scrollTop || offset >= scrollTop + windowHeight) {
return;
}
var yBgPosition = Math.round((offset - scrollTop) * settings.speed);
// Apply the Y Background Position to Set the Parallax Effect
$this.css('background-position', 'center ' + yBgPosition + 'px');
});
});
}
}(jQuery));
//function to figure out if element is in viewport
$.fn.isInViewport = function() {
var elementTop = $(this).offset().top;
var elementBottom = elementTop + $(this).outerHeight();
var viewportTop = $(window).scrollTop();
var viewportBottom = viewportTop + $(window).height();
return elementBottom > viewportTop && elementTop < viewportBottom;
};
// function to determine the tallest height of given elems and set the height of all elems to that
function normalize_heights(items) {
let heights = []; //create empty array to store height values
let tallest = 0; //create variable to make note of the tallest slide
items.each(function() { //add heights to array
heights.push($(this).outerHeight());
});
tallest = Math.max.apply(null, heights); //cache largest value
items.each(function() {
$(this).css('min-height',tallest + 'px');
});
}
</script>
<div id="scriptloads"></div>
<div class="modal fade" id="send_message_modal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="macUserTabHelpModal" tabindex="-1" role="dialog" style="display: none;">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content" style="border-bottom: 0px !important;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span>
×
</span>
</button>
<h4 style='font-size:40px;font-family: Montserrat, sans-serif;color:#d9534f !important;' class="modal-title" id="popUpAlertModalLabel">
Mac OS User Tabbing
</h4>
</div>
<div style="padding: 40px;" class="modal-body row">
<p style='font-size:18px;font-family: Montserrat, sans-serif;color:#000000;'>
For Mac OS users, there is a system setting that may not allow you to tab onto several types of elements in a web page. To change this setting:
<div class="clearfix"></div>
<div class="col-md-12">
Open System Preferences and go to Keyboard:
</div>
<img aria-label="Once you're in the System Preferences, open the Keyboard settings." style="padding: 15px 0px; border-radius:50px" class="col-md-12" alt="Help Image 1" src="https://graphicsdepartment.smartsites.parentsquare.com/Graphics/ADA/ada_img_2.png"></img>
<div class="col-md-12">
Select the Shortcuts tab. Make sure the box for "Use keyboard navigation to move focus between controls" is <strong><u>checked</u></strong>.
</div>
<img aria-label="Once you're in the Keyboard settings, navigate to the Shortcuts tab and make sure that the box for 'Use keyboard navigation to move focus between controls' is checked." style="padding: 15px 0px; border-radius:50px" class="col-md-12" src="https://graphicsdepartment.smartsites.parentsquare.com/Graphics/ADA/ada_img_1.png"></img>
<div class="clearfix"></div>
Additional settings for Safari Browser.
<div class="col-md-12">
Open Safari Preferences:
</div>
<img aria-label="Open Safari Preferences" style="padding: 15px 0px; border-radius:50px" class="col-md-12" src="https://graphicsdepartment.smartsites.parentsquare.com/Graphics/ADA/ada_img_3.png"></img>
<div class="col-md-12">
Select the Advanced tab. Make sure the box for "Press Tab to highlight each item on a webpage" is <strong><u>checked</u></strong>.
</div>
<img aria-label="Once you're in Preferences, navigate to the Advanced tab and make sure that the box for 'Press Tab to highlight each item on a webpage' is checked." style="padding: 15px 0px; border-radius:50px" class="col-md-12" src="https://graphicsdepartment.smartsites.parentsquare.com/Graphics/ADA/ada_img_4.png"></img>
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div id="disSelPos" ><div id="districtSelector" class="noPrint">
<style>
#districtSelector { /*District School Selector Bar Color*/
background-color:#8B0F03;
padding: 0px 0px 10px 0px !important;
}
.district_schools .nav-tabs>li>a:Hover { /*District School Selector Links On Hover*/
background-color: #DDDDDD;
color:#000000 !important;
}
.district_schools .nav-tabls {
border: none !important;
}
.district_school_title { /*District School Selector Title*/
background-color: transparent !important;
border: none !important;
color: #FFFFFF !important;
font-size: 24px !important;
}
.district_modal {
/* color: #DDDDDD; */
color: #000000;
}
#downArrow:hover {
cursor: hand;
cursor: pointer;
}
.modal-backdrop.in {
z-index: 100 !important;
}
.hoverDisSel {
color:#FFF !important;
}
#disSelTbl {
width: 100%;
}
#disSelTbl td {
text-align: center;
}
.dis_sel_icons {
color: #FFFFFF;
cursor: pointer;
font-size: 16px;
font-weight: 400;
}
.dis_sel_icons:hover {
color: #C3C3C3 !important;
text-decoration: none !important;
}
#campus_list_modal {
background: linear-gradient(359.71deg, rgba(0, 0, 0, 0.1) 0.18%, rgba(255, 255, 255, 0.1) 87.21%), #8B0F03;
}
#modal_panel_body {
background: transparent !important;
border: none !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.btn-campus {
padding: 0;
}
.btn-campus a {
color: #FFFFFF !important;
text-decoration: none !important;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
display: block;
padding: 6px 12px;
}
.btn-campus:hover,
.btn-campus:focus,
.btn-campus:active,
.btn-campus:active:focus {
background-color: transparent !important;
border-bottom: 1px solid #C3C3C3 !important;
text-decoration: none;
}
.btn-campus_close {
background-color: #C3C3C3 !important;
color: #000000;
}
#district_campus_list {
margin-top: 8px;
}
</style>
<script>
$(document).ready(function() {
$('.distSelector1,.distSelector2,.distSelector3').hover(
function () {
selectorClass=$(this).attr('class').split(' ').pop();;
$('.'+selectorClass).css({"color":"#FFF"});
},
function () {
selectorClass=$(this).attr('class').split(' ').pop();;
$('.'+selectorClass).css({"color":"#C3C3C3"});
}
);
$('.school_header_selector').keypress(function(event){
var keycode = (event.keyCode ? event.keyCode : event.which);
if(keycode == '13' || keycode == '32'){
$('.school_header_selector').trigger('click');
}
});
});
</script>
<div class="district-selector-inner">
<a class="ss-selector district" href="//srcs.org"><span class="dis_sel_icons text-center"><i class="fa-light fa-school" style="color:#C3C3C3; font-size: 16px; font-weight: 300;"></i> District</span></a>
<button class="ss-selector schools" data-toggle="modal" data-target="#district_campus_list"><span class="dis_sel_icons school_header_selector text-center"><i class="fa-light fa-graduation-cap" style="color:#C3C3C3; font-size: 16px; font-weight: 300;text-decoration: none !important;"></i> Schools</span></button>
</div>
</div> <script>
$(document).ready(function() {
$('#district_campus_list').on('shown.bs.modal', function (e) {
$('#district_campus_list li:first a').focus();
});
$('#district_campus_list').on('hidden.bs.modal', function (e) {
$('#distSelecIcon').parents().closest('a').focus();
})
});
</script>
<div id="district_campus_list" class="modal fade" role="dialog"><div class="modal-dialog" ><div class="modal-content" ><div class="camp_sel modal-body" id="campus_list_modal"><div class="text-center" > <div class="panel panel-default" id="modal_panel_body"><div class="clearfix"></div><div class="district_school_title panel-heading" ><span>Schools</span></div><div style="border-bottom: 1px solid #FFFFFF; margin-top: -10px;"></div><div class="district_schools panel-body text-center" style="margin: 0px 0px 20px 0px;"> <div tabindex='1' class='col-lg-4 btn btn-link btn-campus' style='box-shadow: unset !important'><a aria-label="Bahia Vista Elementary School" href='//bahiavista.srcs.org' target='_self'>Bahia Vista Elementary School</a></div><div tabindex='1' class='col-lg-4 btn btn-link btn-campus' style='box-shadow: unset !important'><a aria-label="Coleman Elementary School" href='//coleman.srcs.org' target='_self'>Coleman Elementary School</a></div><div tabindex='1' class='col-lg-4 btn btn-link btn-campus' style='box-shadow: unset !important'><a aria-label="Glenwood Elementary School" href='//glenwood.srcs.org' target='_self'>Glenwood Elementary School</a></div><div class='clearfix hidden-xs hidden-sm'></div><div tabindex='1' class='col-lg-4 btn btn-link btn-campus' style='box-shadow: unset !important'><a aria-label="Laurel Dell Elementary School" href='//laureldell.srcs.org' target='_self'>Laurel Dell Elementary School</a></div><div tabindex='1' class='col-lg-4 btn btn-link btn-campus' style='box-shadow: unset !important'><a aria-label="San Pedro Elementary School" href='//sanpedro.srcs.org' target='_self'>San Pedro Elementary School</a></div><div tabindex='1' class='col-lg-4 btn btn-link btn-campus' style='box-shadow: unset !important'><a aria-label="Sun Valley Elementary School" href='//sunvalley.srcs.org' target='_self'>Sun Valley Elementary School</a></div><div class='clearfix hidden-xs hidden-sm'></div><div tabindex='1' class='col-lg-4 btn btn-link btn-campus' style='box-shadow: unset !important'><a aria-label="Venetia Valley TK-8 School" href='//venetiavalley.srcs.org' target='_self'>Venetia Valley TK-8 School</a></div><div tabindex='1' class='col-lg-4 btn btn-link btn-campus' style='box-shadow: unset !important'><a aria-label="Davidson Middle School" href='//davidson.srcs.org' target='_self'>Davidson Middle School</a></div><div tabindex='1' class='col-lg-4 btn btn-link btn-campus' style='box-shadow: unset !important'><a aria-label="Madrone High School" href='//madrone.srcs.org' target='_self'>Madrone High School</a></div><div class='clearfix hidden-xs hidden-sm'></div><div tabindex='1' class='col-lg-4 btn btn-link btn-campus' style='box-shadow: unset !important'><a aria-label="San Rafael High School" href='//sanrafael.srcs.org' target='_self'>San Rafael High School</a></div><div tabindex='1' class='col-lg-4 btn btn-link btn-campus' style='box-shadow: unset !important'><a aria-label="Terra Linda High School" href='//terralinda.srcs.org' target='_self'>Terra Linda High School</a></div></div></div><input type="hidden" id="howWide" value="1"><div style="clear:both;"></div></div><div class="modal-footer" style="border: none !important"><button type="button" class="btn btn-campus_close btn-sm" data-dismiss="modal">Close</button></div></div></div></div></div></div></div></div><script>
var max_nav_width = '';
function navLayout(setLayout,container_width,itemclass,item_adjustment,subtract)
{
switch (setLayout) {
default:
var max_nav_width = $(container_width).width()-subtract;
break;
case 1:
var max_nav_width = $(container_width).width()-subtract;
if (window.innerWidth >= 1200) {
$(".qlink_bottom").removeClass("qlink_bottom_padding_btm");
$(".add_m_top_47").removeClass("m_top_47");
$(".add_m_top_47").addClass("clearfix");
$(".gtrans_holder").addClass("m_left_20");
$(".adjust_height_navbar_header").addClass("height_0");
} else if (window.innerWidth < 1200) {
$(".qlink_bottom").addClass("qlink_bottom_padding_btm");
$(".add_m_top_47").addClass("m_top_47");
$(".add_m_top_47").removeClass("clearfix");
$(".adjust_height_navbar_header").removeClass("height_0");
$(".gtrans_holder").removeClass("m_left_20");
}
if (window.innerWidth >= 992) {
$(".qlink_bottom").removeClass("qlink_bottom_padding_btm");
} else if (window.innerWidth < 1200) {
$(".qlink_bottom").addClass("qlink_bottom_padding_btm");
}
if (window.innerWidth >= 768) {
$(".navbar_extended_links_extra_bg").addClass("extended_navlinks_bg");
$(".navbar_extended_links_extra_bg").addClass("navbg-break-out");
} else if (window.innerWidth < 1200) {
$(".navbar_extended_links_extra_bg").removeClass("extended_navlinks_bg");
$(".navbar_extended_links_extra_bg").removeClass("navbg-break-out");
}
$("#nav_quicklinks_list").css("float","right");
$(".site_logo").addClass('center-block');
$('.site_logo').closest('.logo_relative').find('h1').css("position","relative");
$('.site_logo').closest('.logo_relative').find('h1').css("float","unset");
if (window.innerWidth >= 767 && window.innerWidth < 1200) {
$(".nav_container").addClass("m_top_5");
} else if (window.innerWidth < 767 || window.innerWidth > 1200) {
$(".nav_container").removeClass("m_top_5");
}
if (window.innerWidth < 1199 && window.innerWidth > 767) {
$('#gtrans').css("margin-top","unset");
$('#gtrans').appendTo('.appendGtrans.lastChild');
} else if(window.innerWidth < 767) {
$('.gtrans_holder').html('');
} else {
if ($('.translateContainer').html() == '') {
$('#gtrans').appendTo('.translateContainer');
}
$('#gtrans').css("margin-top","unset");
$('#gtrans').appendTo('.gtrans_holder');
}
if ($(window).width() < 1192 && $(window).width() > 806) {
$("li.appendGtrans").addClass("gtransMtopA");
} else {
$("li.appendGtrans").removeClass("gtransMtopA");
}
$(window).resize(function() {
if ($(window).width() < 1192 && $(window).width() > 806) {
$("li.appendGtrans").addClass("gtransMtopA");
} else {
$("li.appendGtrans").removeClass("gtransMtopA");
}
if (window.innerWidth > 1199 ) {
$('#gtrans').appendTo('.col-md-4 .translateContainer');
}
});
break;
case 2:
var max_nav_width = $(container_width).width()-subtract;
if (window.innerWidth >= 1200) {
$(".qlink_bottom").removeClass("qlink_bottom_padding_btm");
} else if (window.innerWidth < 1200) {
$(".qlink_bottom").addClass("qlink_bottom_padding_btm");
}
if (window.innerWidth >= 768) {
$(".navbar_extended_links_extra_bg").addClass("extended_navlinks_bg");
$(".navbar_extended_links_extra_bg").addClass("navbg-break-out");
} else if (window.innerWidth < 1200) {
$(".navbar_extended_links_extra_bg").removeClass("extended_navlinks_bg");
$(".navbar_extended_links_extra_bg").removeClass("navbg-break-out");
}
if (window.innerWidth <= 1199 && window.innerWidth > 767) {
$('#gtrans').appendTo('.appendGtrans.lastChild');
$('.appendGtrans.firstChild').html('');
$('#appendGtrans #gtrans').show();
$(".nav_shortcuts:first").removeClass('m_left_200');
} else if(window.innerWidth < 767) {
$('.gtrans_holder').html('');
$(".nav_shortcuts:first").removeClass('m_left_200');
} else {
$('#gtrans').appendTo('#appendGtrans2');
$(".nav_shortcuts:first").addClass('m_left_200');
}
if ($(window).width() <= 1773 && $(window).width() >= 1200) {
$("li.appendGtrans").addClass("gtransPbtm");
} else {
$("li.appendGtrans").removeClass("gtransPbtm");
}
if ($(window).width() < 1192 && $(window).width() > 806) {
$("li.appendGtrans").addClass("gtransMtopA");
} else {
$("li.appendGtrans").removeClass("gtransMtopA");
}
$(window).resize(function() {
if ($(window).width() <= 1773 && $(window).width() >= 1200) {
$("li.appendGtrans").addClass("gtransPbtm");
} else {
$("li.appendGtrans").removeClass("gtransPbtm");
}
if ($(window).width() < 1192 && $(window).width() > 806) {
$("li.appendGtrans").addClass("gtransMtopA");
} else {
$("li.appendGtrans").removeClass("gtransMtopA");
}
});
break
case 3:
if (window.innerWidth >= 1200) {
$(".navbar-nav.mainlink.navbar-nav").addClass( 'custom3designL');
var max_nav_width = $(container_width).width() - 500;
var max_nav_width = max_nav_width - subtract;
$(".fluid-wrapper").addClass('clearfix');
$(".fluid-wrapper").addClass('m_top_neg100');
$(".sitesLogo").addClass('m_top_110');
} else {
$(".navbar-default").css('height','auto');
var max_nav_width = $(container_width).width()-subtract;
$(".navbar-nav.mainlink.navbar-nav").removeClass( 'custom3designL');
$(".fluid-wrapper").removeClass('clearfix');
$(".fluid-wrapper").removeClass('m_top_neg100');
$(".sitesLogo").removeClass('m_top_110');
}
if (window.innerWidth >= 1200) {
$(".qlink_bottom").addClass("qlink_bottom_padding_btm");
} else if (window.innerWidth < 1200) {
$(".qlink_bottom").removeClass("qlink_bottom_padding_btm");
}
if ($(window).width() < 1203 && $(window).width() > 806) {
$("li.appendGtrans").addClass("gtransMtopA");
} else {
$("li.appendGtrans").removeClass("gtransMtopA");
}
$(window).resize(function() {
if ($(window).width() < 1203 && $(window).width() > 806) {
$("li.appendGtrans").addClass("gtransMtopA");
} else {
$("li.appendGtrans").removeClass("gtransMtopA");
}
});
break
case 4:
var max_nav_width = $(container_width).width()-subtract;
$("#nav_quicklinks_list").addClass("qlink_4_alignment");
$('.site_logo').closest('.logo_relative').find('h1').css("position","relative");
$('.site_logo').closest('.logo_relative').find('h1').css("float","unset");
$('.logo_relative .site_logo').addClass('m_left_20');
if (window.innerWidth >= 768) {
$(".navbar_extended_links_extra_bg").addClass("extended_navlinks_bg");
$(".navbar_extended_links_extra_bg").addClass("navbg-break-out");
} else if (window.innerWidth < 1200) {
$(".navbar_extended_links_extra_bg").removeClass("extended_navlinks_bg");
$(".navbar_extended_links_extra_bg").removeClass("navbg-break-out");
}
if (window.innerWidth >= 767 && window.innerWidth < 1200) {
$(".nav_container").addClass("m_top_5");
} else if (window.innerWidth < 767 || window.innerWidth > 1200) {
$(".nav_container").removeClass("m_top_5");
}
if ($(window).width() < 1199 && $(window).width() > 806) {
$("li.appendGtrans").addClass("gtransMtopA");
} else {
$("li.appendGtrans").removeClass("gtransMtopA");
}
if ($(window).width() > 1200 && $(window).width() <= 1796) {
$("li.appendGtrans").addClass("gtransMtopB");
} else {
$("li.appendGtrans").removeClass("gtransMtopB");
}
$(window).resize(function() {
if ($(window).width() < 1199 && $(window).width() > 806) {
$("li.appendGtrans").addClass("gtransMtopA");
} else {
$("li.appendGtrans").removeClass("gtransMtopA");
}
if ($(window).width() > 1200 && $(window).width() <= 1796) {
$("li.appendGtrans").addClass("gtransMtopB");
} else {
$("li.appendGtrans").removeClass("gtransMtopB");
}
});
break
case 5:
if (window.innerWidth >= 1200) {
$(".navbar-nav.mainlink.navbar-nav").addClass( 'custom3designR');
var max_nav_width = $(container_width).width() - 500;
var max_nav_width = max_nav_width - subtract;
$(".fluid-wrapper").addClass('clearfix');
$(".fluid-wrapper").addClass('m_top_neg100');
$(".sitesLogo").addClass('m_top_110');
} else {
$(".navbar-default").css('height','auto');
var max_nav_width = $(container_width).width()-subtract;
$(".navbar-nav.mainlink.navbar-nav").removeClass( 'custom3designR');
$(".fluid-wrapper").removeClass('clearfix');
$(".fluid-wrapper").removeClass('m_top_neg100');
$(".sitesLogo").removeClass('m_top_110');
}
if (window.innerWidth >= 1200) {
$(".qlink_bottom").addClass("qlink_bottom_padding_btm");
} else if (window.innerWidth < 1200) {
$(".qlink_bottom").removeClass("qlink_bottom_padding_btm");
}
$(".qlink_bottom").removeClass('pull-right');
$(".qlink_bottom").addClass('pull-left');
$(".qlink_bottom").css("float","left");
if ( window.innerWidth >= 1200) {
$(".nav_shortcuts[data-attr='1']").addClass('m_left_180');
} else if(window.innerWidth < 1200) {
$(".nav_shortcuts[data-attr='1']").removeClass('m_left_180');
} else {
$(".nav_shortcuts:first").addClass('m_left_180');
}
$(window).resize(function() {
if ($(window).width() < 1333 && $(window).width() > 1200) {
$("li.appendGtrans").addClass("gtransPbtm");
} else {
$("li.appendGtrans").removeClass("gtransPbtm");
}
if ($(window).width() < 1192 && $(window).width() > 806) {
$("li.appendGtrans").addClass("gtransMtopA");
} else {
$("li.appendGtrans").removeClass("gtransMtopA");
}
});
}
return max_nav_width;
}
function full_justify(container_width,itemclass,item_adjustment,subtract)
{
var max_nav_width = navLayout(4,container_width,itemclass,item_adjustment,subtract);
var nav_li_total_width = 0;
var number_li = item_adjustment;
var empty_space = 0;
var padding_value = 0;
$(itemclass).each(function(){
nav_li_total_width = parseInt(nav_li_total_width) + parseInt($(this).width())
number_li = parseInt(number_li) + parseInt(1);
});
empty_space = max_nav_width - nav_li_total_width;
padding_value = Math.round(empty_space / number_li);
padding_left_right = padding_value / 2;
if (padding_left_right < -6) {
padding_left_right = -5.5;
}
$(itemclass).each(function(){
if ($(this).hasClass('search') == false && $(this).hasClass('home') == false ) {
$(this).css('margin-left', padding_left_right).css('margin-right', padding_left_right);
} else {
if ($(this).hasClass('home') == true ) {
$(this).css('margin-right', padding_left_right);
} else {
if ($(this).hasClass('search') == true ) {
$(this).css('margin-left', padding_left_right);
}
}
}
});
}
$(document).ready(function() {
$('#gtransButton').blur(function() {
$('button').removeClass("focus");
})
.focus(function() {
$(this).addClass("focus")
});
$('#gtrans').show();
if ($(window).width() < 768) {
$(".navbar_close_btn").show();
}
else {
$(".navbar_close_btn").hide();
}
/*need to have a setting to only active this code if underline option is set*/
$(".lineHeightIcon.glyphicon.glyphicon-home.lineHeightIcon").css('line-height','unset');
$(".lineHeightIcon.glyphicon.glyphicon-search.lineHeightIcon").css('line-height','unset');
/*remove the base background color by replacing the active element with another class on parent elements*/
$('.globalnavcollapse ul.nav > li.active').addClass('wasActive');
$('.globalnavcollapse ul.nav > li.active').removeClass('active');
/*on hover add the active class to the a element instead of the li for underlines*/
$('.globalnavcollapse ul.nav > li > a').hover(function (e) {
e.preventDefault();
$(this).addClass('active');
});
/*upon mouseout remove the underline from the last hovered element*/
$('.globalnavcollapse ul.nav > li > a').mouseleave(function(){
$(this).removeClass('active');
$('ul.mainlink.nav > li.wasActive').find('a').addClass('active');
});
/*reunderline the active (page your on) element*/
$('.globalnavcollapse ul.nav > li.wasActive').find('a').addClass('active');
/*need to find a way to prevent dropdown parent element from highlighting still*/
$("#closeMobileNav").focus(function(){
$('#closeMobileNav').trigger('click');
});
full_justify('.nav_container','.nav_padding',-1,25);
setTimeout(function(){ full_justify('.nav_container','.nav_padding',-1,25)}, 500);
var width = jQuery(window).width();
if (width >= 1600) {
$(".logoScalling").addClass('logoScallingL');
$(".logoScalling").removeClass('logoScallingM');
} else if (width < 1600 && width > 1200) {
$(".logoScalling").removeClass('logoScallingL');
$(".logoScalling").addClass('logoScallingM');
} else if (width <= 1200) {
$(".logoScalling").removeClass('logoScallingL');
$(".logoScalling").removeClass('logoScallingM');
}
$(".navbar-toggle.mainlink").on("click", function () {
$(this).toggleClass("active");
});
$('body').keyup(function(e) {
var code = e.keyCode || e.which;
if (code == '9') {
check_if_navbar = $( document.activeElement ).parent().parent().attr('class');
if (check_if_navbar == 'nav mainlink navbar-nav') {
parent = $( document.activeElement ).parent();
parent.addClass('active').siblings().removeClass('active');
} else {
$('.nav').children().removeClass('active');
}
}
});
});
$(window).resize(function() {
if ($(window).width() < 768) {
$(".navbar_close_btn").show();
}
else {
$(".navbar_close_btn").hide();
}
full_justify('.nav_container','.nav_padding',-1,25);
var width = jQuery(window).width();
if (width >= 1600) {
$(".logoScalling").addClass('logoScallingL');
$(".logoScalling").removeClass('logoScallingM');
} else if (width < 1600 && width > 1200) {
$(".logoScalling").removeClass('logoScallingL');
$(".logoScalling").addClass('logoScallingM');
} else if (width <= 1200) {
$(".logoScalling").removeClass('logoScallingL');
$(".logoScalling").removeClass('logoScallingM');
}
});
</script>
<nav id="nav-multi-op-four" style="border-radius:unset;margin-bottom:0px;padding-bottom:0px;z-index:99;" class="navbar navbar-default globalnav navbar-inverse">
<div class="container-full navplus">
<!--need to move this custom container into a media query and drop it on tablet size sites-->
<div class="col-md-4 hidden-xs hidden-sm hidden-md visible-lg visible-xl logo_relative">
<div style="margin:0px !important; padding:0px !important; margin-right:30px !important;">
<h1 class="LogoH1 hidden-xs hidden-sm hidden-md visible-lg visible-xl" style="margin:0px !important;padding:0px !important;float:right !important;position:absolute !important;z-index:99 !important;margin-top:-100px !important;">
<a style="margin:0px !important;padding:0px !important;" href="/" target="_self" aria-label="">
<img style="max-height:200px;" src="https://files.smartsites.parentsquare.com/3394/design_img__8pv8xz.png" alt="" class="site_logo img-responsive sitesLogo logoScalling site_logo_mark">
<span style="display:none">
<strong></strong>
</span>
</a>
</h1>
</div>
</div>
<div class="col-md-8 hidden-xs hidden-sm hidden-md visible-lg visible-xl">
<div id="nav_quicklinks" class="" style="width:100%">
<h1 style="margin:0px !important;padding:0px !important;" class="hidden-xs visible-sm visible-md hidden-lg hidden-xl">
<a style="margin:0px !important;padding:0px !important;" href="/" target="_self" aria-label="">
<img style="max-height:200px;margin-top:-30px;" src="https://files.smartsites.parentsquare.com/3394/design_img__8pv8xz.png" alt="" class="site_logo img-responsive center-block sitesLogo">
<span style="display:none">
<strong></strong>
</span>
</a>
</h1>
<ul id="nav_quicklinks_list" style="text-decoration: none !important; list-style-type: none !important;position:relative;z-index:100;">
<li id="appendGtrans2" class="appendGtrans firstChild"></li>
<li class="nav_shortcuts hidden-xs visible-sm visible-md visible-lg visible-xl " style="margin-right:50px; display:inline; float:left;" data-attr="1"><a target="_blank" href="http://srcs.org/12847_2">Calendar</a></li>
<li class="nav_shortcuts hidden-xs visible-sm visible-md visible-lg visible-xl " style="margin-right:50px; display:inline; float:left;" data-attr="2"><a target="_blank" href="http://srcs.org/12837_2">Enrollment</a></li>
<li class="nav_shortcuts hidden-xs visible-sm visible-md visible-lg visible-xl " style="margin-right:50px; display:inline; float:left;" data-attr="3"><a target="_blank" href="https://srcs.org/9378_3">Career Opportunities</a></li>
<li id="appendGtrans" class="appendGtrans lastChild"></li>
</ul>
</div>
</div>
<div class="containerx">
<div class="translateContainer">
</div>
<div class="visible-xs visible-sm visible-md hidden-lg hidden-xl">
<div id="nav_quicklinks" class="" style="width:100%">
<h1 style="margin:0px !important;padding:0px !important;" class="hidden-xs visible-sm visible-md hidden-lg hidden-xl">
<a style="margin:0px !important;padding:0px !important;" href="/" target="_self" aria-label="">
<img style="max-height:200px;margin-top:-30px;" src="https://files.smartsites.parentsquare.com/3394/design_img__8pv8xz.png" alt="" class="site_logo img-responsive center-block sitesLogo">
<span style="display:none">
<strong></strong>
</span>
</a>
</h1>
<ul id="nav_quicklinks_list" style="text-decoration: none !important; list-style-type: none !important;position:relative;z-index:100;">
<li id="appendGtrans2" class="appendGtrans firstChild"></li>
<li class="nav_shortcuts hidden-xs visible-sm visible-md visible-lg visible-xl " style="margin-right:50px; display:inline; float:left;" data-attr="1"><a target="_blank" href="http://srcs.org/12847_2">Calendar</a></li>
<li class="nav_shortcuts hidden-xs visible-sm visible-md visible-lg visible-xl " style="margin-right:50px; display:inline; float:left;" data-attr="2"><a target="_blank" href="http://srcs.org/12837_2">Enrollment</a></li>
<li class="nav_shortcuts hidden-xs visible-sm visible-md visible-lg visible-xl " style="margin-right:50px; display:inline; float:left;" data-attr="3"><a target="_blank" href="https://srcs.org/9378_3">Career Opportunities</a></li>
<li id="appendGtrans" class="appendGtrans lastChild"></li>
</ul>
</div>
</div>
<div class="visible-xs visible-sm visible-md hidden-lg hidden-xl">
<h1 class="LogoH1 hidden-xs hidden-sm hidden-md visible-lg visible-xl" style="margin:0px !important;padding:0px !important;float:right !important;position:absolute !important;z-index:99 !important;margin-top:-100px !important;">
<a style="margin:0px !important;padding:0px !important;" href="/" target="_self" aria-label="">
<img style="max-height:200px;" src="https://files.smartsites.parentsquare.com/3394/design_img__8pv8xz.png" alt="" class="site_logo img-responsive sitesLogo logoScalling site_logo_mark">
<span style="display:none">
<strong></strong>
</span>
</a>
</h1>
</div>
<h1 style="margin:0px !important;padding:0px !important;" class="visible-xs hidden-sm hidden-md hidden-lg hidden-xl">
<a style="margin:0px !important;padding:0px !important;" href="/" target="_self" aria-label="">
<img style="max-height:200px;margin-top:-100px !important;" src="https://files.smartsites.parentsquare.com/3394/design_img__8pv8xz.png" alt="" class="site_logo img-responsive sitesLogo">
<span style="display:none">
<strong></strong>
</span>
</a>
</h1>
</div>
</div>
<div class="container-fluid nav-container-fluid fluid-wrapper clearfix">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header adjust_height_navbar_header clearfix">
<!--other classes that can be used "collapsed" on navbar-toggle, and aria-expanded="false" on element after data-target-->
<button type="button" aria-label="main menu" alt="main menu" class="mainlink navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<em style="display:none;">Home</em>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse globalnavcollapse navbar-collapse nav_container" id="bs-example-navbar-collapse-1">
<div class="navbar_extended_links_extra_bg "><!--would require the mtop set in site designs on the below ul to be 0, and still can't get to work on large devices due to bootstrap margins -->
<ul class="nav mainlink navbar-nav " style="margin-right:5px; ;">
<li class="visible-xs hidden-sm hidden-md hidden-lg hidden-xl"><a target="_blank" href="http://srcs.org/12847_2">Calendar</a></li>
<li class="visible-xs hidden-sm hidden-md hidden-lg hidden-xl"><a target="_blank" href="http://srcs.org/12837_2">Enrollment</a></li>
<li class="visible-xs hidden-sm hidden-md hidden-lg hidden-xl"><a target="_blank" href="https://srcs.org/9378_3">Career Opportunities</a></li>
<li class="home nav_padding active">
<a class="mainlink_a" href="/">
Home </a>
</li>
<li class="nav_padding " class="dropdown">
<!--dropdown-toggle is disabled so that the main links can be clickable links, the css above sets them to drop on hover-->
<a href="/about" class="dropdown-toggle mainlink_a" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<!-- <li>
<a class="mainlink_a" href="/4341_1">
<span style="display:none;">Section Home</span> About </a>
</li>
<li role="separator" class="divider"></li> -->
<!--open empty nav2-->
<li>
<a href="/bellschedule">Bell Schedule</a>
</li>
<!--open empty nav2-->
<li>
<a href="/staffdirectory">Staff Directory</a>
</li>
<!--open empty nav2-->
<li>
<a href="/staffemails">Staff Emails</a>
</li>
<!--open empty nav2-->
<li>
<a href="/administration">Main Office</a>
</li>
<!--open empty nav2-->
<li>
<a href="/schoolhistory">School History</a>
</li>
<!--open empty nav2-->
<li>
<a href="/schoolprofile">School Profile</a>
</li>
<!--open empty nav2-->
<li>
<a href="/schoolsitecouncil">School Site Council</a>
</li>
<!--open empty nav2-->
<li>
<a target="_blank" rel="noopener noreferrer" href="/30870_2">District Confidential Reporting Forms</a>
</li>
<!--open empty nav2-->
<li>
<a target="_blank" rel="noopener noreferrer" href="/15306_2">TITLE IX, Bullying & Harassment Resources</a>
</li>
<!--open empty nav2-->
<li>
<a href="/hallofhonorandgoldenbulldog">Hall of Honor & Golden Bulldog Award</a>
</li>
<!--open empty nav2-->
<li>
<a href="/wasc">WASC - Western Association of Schools and Colleges</a>
</li>
</ul>
</li>
<li class="nav_padding " class="dropdown">
<!--dropdown-toggle is disabled so that the main links can be clickable links, the css above sets them to drop on hover-->
<a href="/departments" class="dropdown-toggle mainlink_a" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Departments <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<!-- <li>
<a class="mainlink_a" href="/2495_1">
<span style="display:none;">Section Home</span> Departments </a>
</li>
<li role="separator" class="divider"></li> -->
<!--open empty nav2-->
<li>
<a target="_blank" rel="noopener noreferrer" href="/cte">Career Technical Education</a>
</li>
<!--else empty nav2-->
<li>
<a href="/15311_2">College and Career Center<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<!--open empty nav4-->
<li>
<a href="/ccc">College and Career Center Home</a>
</li>
<!--open empty nav4-->
<li>
<a href="/collegeplanning">College: Planning, Application Process, and Testing</a>
</li>
<!--open empty nav4-->
<li>
<a href="/workpermit">Work Permits</a>
</li>
<!--open empty nav4-->
<li>
<a href="/internships">Internships / School to Career</a>
</li>
<!--open empty nav4-->
<li>
<a href="/scholarships">Scholarships/ Financial Aid for Seniors</a>
</li>
<!--open empty nav4-->
<li>
<a href="/collegeuniversitytermsandconditions">College/University Terms & Definitions</a>
</li>
<!--open empty nav4-->
<li>
<a href="/fouryearcollegeplanning">4 yr. College Planning Timeline</a>
</li>
<!--open empty nav4-->
<li>
<a href="/collegerepvisits">College Rep Visits</a>
</li>
<!--open empty nav4-->
<li>
<a href="/careerfair">Career Fair</a>
</li>
<!--open empty nav4-->
<li>
<a href="/seniorupdates">12th Grade Updates & Info</a>
</li>
<!--open empty nav4-->
<li>
<a href="/juniorupdates">11th Grade Updates & info</a>
</li>
</ul>
</li>
<!--else empty nav2-->
<li>
<a href="/15312_2">Counseling<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<!--open empty nav4-->
<li>
<a href="/transcriptrequest">Transcripts</a>
</li>
<!--open empty nav4-->
<li>
<a href="/fouryearplanning">4 Year Planning</a>
</li>
<!--open empty nav4-->
<li>
<a href="/counselingoffice">Counseling Office</a>
</li>
<!--open empty nav4-->
<li>
<a href="/counselorflyers">Counselor Flyers</a>
</li>
<!--open empty nav4-->
<li>
<a href="/coursecatalog">Course Catalog</a>
</li>
<!--open empty nav4-->
<li>
<a href="/dualenrollment">Dual Enrollment</a>
</li>
<!--open empty nav4-->
<li>
<a href="/financialaid">Financial Aid</a>
</li>
<!--open empty nav4-->
<li>
<a href="/schoolprofileccc">Seniors</a>
</li>
<!--open empty nav4-->
<li>
<a href="/tutoring">Tutoring</a>
</li>
</ul>
</li>
<!--else empty nav2-->
<li>
<a href="/15313_2">English<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<!--open empty nav4-->
<li>
<a href="/englishdepartment">About the English Department</a>
</li>
<!--open empty nav4-->
<li>
<a href="/englishcourseofferings">Course Offerings</a>
</li>
<!--open empty nav4-->
<li>
<a href="/englishgetreel">English 10: Get Reel</a>
</li>
<!--open empty nav4-->
<li>
<a href="/englishfreshmanfaq">FAQ: Incoming 9th Graders</a>
</li>
<!--open empty nav4-->
<li>
<a href="/englishreadinglist">What do we read?</a>
</li>
</ul>
</li>
<!--open empty nav2-->
<li>
<a href="/eld">English Language Development</a>
</li>
<!--else empty nav2-->
<li>
<a href="/15315_2">Mathematics<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<!--open empty nav4-->
<li>
<a href="/mathematics">About the Mathematics Department</a>
</li>
<!--open empty nav4-->
<li>
<a href="/mathhomeworkpolicy">Math Department HW and Make-Up Policy</a>
</li>
<!--open empty nav4-->
<li>
<a href="/mathcourseofferings">Course Offerings</a>
</li>
</ul>
</li>
<!--else empty nav2-->
<li>
<a href="/15519_2">Physical Education<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<!--open empty nav4-->
<li>
<a href="/physicaleducation">Physical Education Department</a>
</li>
<!--open empty nav4-->
<li>
<a href="/11793_3">Physical Education Department Objectives</a>
</li>
<!--open empty nav4-->
<li>
<a href="/11794_3">Course Offerings</a>
</li>
<!--open empty nav4-->
<li>
<a href="/11795_3">Physical Education Requirements</a>
</li>
</ul>
</li>
<!--else empty nav2-->
<li>
<a href="/15522_2">Science<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<!--open empty nav4-->
<li>
<a href="/science">About the Science Department</a>
</li>
<!--open empty nav4-->
<li>
<a href="/scienceobjectives">Science Department Objectives</a>
</li>
<!--open empty nav4-->
<li>
<a href="/sciencecourseofferings">Course Offerings</a>
</li>
</ul>
</li>
<!--else empty nav2-->
<li>
<a href="/15523_2">Social Studies<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<!--open empty nav4-->
<li>
<a href="/socialstudies">About the Social Studies Department</a>
</li>
<!--open empty nav4-->
<li>
<a href="/socialstudiescourseofferings">Course Offerings</a>
</li>
</ul>
</li>
<!--else empty nav2-->
<li>
<a href="/15524_2">Special Education Department<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<!--open empty nav4-->
<li>
<a href="/sped">About the Special Education Department</a>
</li>
<!--open empty nav4-->
<li>
<a href="/11809_3">Special Education Department Objectives</a>
</li>
</ul>
</li>
<!--else empty nav2-->
<li>
<a href="/15525_2">Visual and Performing Arts <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<!--open empty nav4-->
<li>
<a href="/visualandperformingarts">About the Visual & Performing Arts Department</a>
</li>
<!--open empty nav4-->
<li>
<a href="/11822_3">Music Department</a>
</li>
<!--open empty nav4-->
<li>
<a href="/11812_3">Visual & Performing Arts Department Objectives</a>
</li>
<!--else empty nav4-->
<li>
<a href="/11814_3">Art<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="/3141_4">Art Programs</a>
</li>
<li>
<a href="/3142_4">Course Offerings</a>
</li>
</ul>
</li>
<!--else empty nav4-->
<li>
<a href="/11815_3">Drama<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="/3143_4">Drama Home</a>
</li>
<li>
<a href="/3144_4">Drama Department Performances</a>
</li>
<li>
<a href="/3145_4">Course Offerings</a>
</li>
</ul>
</li>
<!--open empty nav4-->
<li>
<a href="/11823_3">Course Offerings</a>
</li>
</ul>
</li>
<!--else empty nav2-->
<li>
<a href="/15526_2">World Languages<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<!--open empty nav4-->
<li>
<a href="/worldlanguage">About the World Languages Department</a>
</li>
<!--open empty nav4-->
<li>
<a href="/11825_3">World Languages Department Objectives</a>
</li>
<!--open empty nav4-->
<li>
<a href="/11826_3">Course Offerings</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="nav_padding " class="dropdown">
<!--dropdown-toggle is disabled so that the main links can be clickable links, the css above sets them to drop on hover-->
<a href="/students" class="dropdown-toggle mainlink_a" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Students <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<!-- <li>
<a class="mainlink_a" href="/4342_1">
<span style="display:none;">Section Home</span> Students </a>
</li>
<li role="separator" class="divider"></li> -->
<!--open empty nav2-->
<li>
<a href="/15527_2">Associated Student Body</a>
</li>
<!--open empty nav2-->
<li>
<a target="_blank" rel="noopener noreferrer" href="/31567_2">DAWG SHOP - Student Store</a>
</li>
<!--open empty nav2-->
<li>
<a href="/31566_2">DAWG Shop - How to Set Up Your Account</a>
</li>
<!--open empty nav2-->
<li>
<a href="/classof2025">Class of 2025 Senior Year Info</a>
</li>
<!--open empty nav2-->
<li>
<a href="/seniorinfo">Class of 2024 Information</a>
</li>
<!--else empty nav2-->
<li>
<a href="/15528_2">Career Information<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<!--open empty nav4-->
<li>
<a href="/11828_3">Career Planning</a>
</li>
<!--open empty nav4-->
<li>
<a href="/11829_3">Career Planning Resources</a>
</li>
<!--open empty nav4-->
<li>
<a href="/11830_3">Vocational / Technical Education Resources</a>
</li>
<!--open empty nav4-->
<li>
<a href="/11831_3">A Year Off</a>
</li>
<!--open empty nav4-->
<li>
<a href="/11832_3">Military Conscientious Objector Status</a>
</li>
<!--open empty nav4-->
<li>
<a href="/11833_3">Military Contact Information</a>
</li>
<!--open empty nav4-->
<li>
<a href="/11834_3">Military Options</a>
</li>
</ul>
</li>
<!--else empty nav2-->
<li>
<a href="/15529_2">Daily News<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<!--open empty nav4-->
<li>
<a href="/11839_3">Daily Bulletin</a>
</li>
</ul>
</li>
<!--open empty nav2-->
<li>
<a target="_blank" rel="noopener noreferrer" href="/15530_2">Internships</a>
</li>
<!--open empty nav2-->
<li>
<a target="_blank" rel="noopener noreferrer" href="/15531_2">Library</a>
</li>
<!--open empty nav2-->
<li>
<a href="/121961_2">Support for Student Success</a>
</li>
<!--open empty nav2-->
<li>
<a href="/wellness">Wellness Center</a>
</li>
<!--open empty nav2-->
<li>
<a href="/handbook">Student & Family Handbook</a>
</li>
</ul>
</li>
<li class="nav_padding " class="dropdown">
<!--dropdown-toggle is disabled so that the main links can be clickable links, the css above sets them to drop on hover-->
<a href="/athletics" class="dropdown-toggle mainlink_a" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Athletics <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<!-- <li>
<a class="mainlink_a" href="/4343_1">
<span style="display:none;">Section Home</span> Athletics </a>
</li>
<li role="separator" class="divider"></li> -->
<!--open empty nav2-->
<li>
<a href="/18971_2">Stadium</a>
</li>
<!--else empty nav2-->
<li>
<a href="/18972_2">Fall Sports<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<!--open empty nav4-->
<li>
<a href="/13815_3">Cross Country</a>
</li>
<!--open empty nav4-->
<li>
<a href="/13816_3">Football</a>
</li>
<!--open empty nav4-->
<li>
<a href="/13817_3">Girls Golf</a>
</li>
<!--open empty nav4-->
<li>
<a href="/13818_3">Girls Tennis</a>
</li>
<!--open empty nav4-->
<li>
<a href="/13820_3">Girls Volleyball</a>
</li>
<!--open empty nav4-->
<li>
<a href="/13821_3">Boys Waterpolo</a>
</li>
<!--open empty nav4-->
<li>
<a href="/13822_3">Girls Waterpolo</a>
</li>
<!--open empty nav4-->
<li>
<a href="/57663_3">Girls Flag Football</a>
</li>
</ul>
</li>
<!--else empty nav2-->
<li>
<a href="/18973_2">Winter Sports<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<!--open empty nav4-->
<li>
<a href="/13823_3">Girls Basketball</a>
</li>
<!--open empty nav4-->
<li>
<a href="/13843_3">Boys Basketball</a>
</li>
<!--open empty nav4-->
<li>
<a href="/13825_3">Boys Soccer</a>
</li>
<!--open empty nav4-->
<li>
<a href="/13826_3">Girls Soccer</a>
</li>
<!--open empty nav4-->
<li>
<a href="/13827_3">Wrestling</a>
</li>
</ul>
</li>
<!--else empty nav2-->
<li>
<a href="/18974_2">Spring Sports<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<!--open empty nav4-->
<li>
<a href="/13828_3">Baseball</a>
</li>
<!--open empty nav4-->
<li>
<a href="/13829_3">Boys Golf</a>
</li>
<!--open empty nav4-->
<li>
<a href="/13830_3">Boys Lacrosse</a>
</li>
<!--open empty nav4-->
<li>
<a href="/13831_3">Girls Lacrosse</a>
</li>
<!--open empty nav4-->
<li>
<a href="/13832_3">Mountain Biking</a>
</li>
<!--open empty nav4-->
<li>
<a href="/13833_3">Softball</a>
</li>
<!--open empty nav4-->
<li>
<a href="/13834_3">Swimming</a>
</li>
<!--open empty nav4-->
<li>
<a href="/13835_3">Boys Tennis</a>
</li>
<!--open empty nav4-->
<li>
<a href="/13836_3">Track</a>
</li>
<!--open empty nav4-->
<li>
<a href="/13837_3">Boys Volleyball</a>
</li>
</ul>
</li>
<!--open empty nav2-->
<li>
<a href="/18975_2">Cheerleading</a>
</li>
</ul>
</li>
<li class="nav_padding " class="dropdown">
<!--dropdown-toggle is disabled so that the main links can be clickable links, the css above sets them to drop on hover-->
<a href="/programs" class="dropdown-toggle mainlink_a" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Programs <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<!-- <li>
<a class="mainlink_a" href="/4344_1">
<span style="display:none;">Section Home</span> Programs </a>
</li>
<li role="separator" class="divider"></li> -->
<!--open empty nav2-->
<li>
<a href="/38224_2">Mission Statement</a>
</li>
<!--open empty nav2-->
<li>
<a href="/18083_2">AVID</a>
</li>
<!--open empty nav2-->
<li>
<a href="/18982_2">CSF</a>
</li>
<!--open empty nav2-->
<li>
<a href="/18983_2">Educator Academy</a>
</li>
<!--open empty nav2-->
<li>
<a href="/18985_2">Link Crew</a>
</li>
<!--open empty nav2-->
<li>
<a href="/18986_2">Mock Trial</a>
</li>
<!--open empty nav2-->
<li>
<a href="/18987_2">Academy of Engineering and Technology</a>
</li>
<!--open empty nav2-->
<li>
<a href="/18988_2">SRHS Broadcast</a>
</li>
<!--open empty nav2-->
<li>
<a href="/18989_2">Student Journalism</a>
</li>
</ul>
</li>
<li class="nav_padding " class="dropdown">
<!--dropdown-toggle is disabled so that the main links can be clickable links, the css above sets them to drop on hover-->
<a href="/parents" class="dropdown-toggle mainlink_a" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Parents <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<!-- <li>
<a class="mainlink_a" href="/4345_1">
<span style="display:none;">Section Home</span> Parents </a>
</li>
<li role="separator" class="divider"></li> -->
<!--open empty nav2-->
<li>
<a href="/classof2029">Class of 2029</a>
</li>
<!--open empty nav2-->
<li>
<a href="/wearesr">WeAreSR!</a>
</li>
<!--open empty nav2-->
<li>
<a href="/annualfund">Annual Fund Campaign</a>
</li>
<!--open empty nav2-->
<li>
<a href="/19003_2">Athletic Boosters</a>
</li>
<!--open empty nav2-->
<li>
<a href="/30624_2">Bulldog Bricks</a>
</li>
<!--open empty nav2-->
<li>
<a href="/18998_2">Art Boosters</a>
</li>
<!--open empty nav2-->
<li>
<a href="/18999_2">Drama Boosters</a>
</li>
<!--open empty nav2-->
<li>
<a href="/19000_2">Music Boosters</a>
</li>
<!--open empty nav2-->
<li>
<a href="/18995_2">Class of 2025</a>
</li>
<!--open empty nav2-->
<li>
<a href="/18996_2">Class of 2026</a>
</li>
<!--open empty nav2-->
<li>
<a href="/26477_2">Class of 2027</a>
</li>
<!--open empty nav2-->
<li>
<a href="/18992_2">Class of 2028</a>
</li>
<!--open empty nav2-->
<li>
<a href="/90737_2">Random Acts of Kindness (RAK)</a>
</li>
<!--open empty nav2-->
<li>
<a href="/tours">Tours</a>
</li>
<!--open empty nav2-->
<li>
<a href="/18997_2">Tree Lot</a>
</li>
<!--open empty nav2-->
<li>
<a href="/27041_2">Student & Family Handbook </a>
</li>
<!--open empty nav2-->
<li>
<a href="/attendance">Attendance</a>
</li>
<!--open empty nav2-->
<li>
<a href="/19001_2">SRHS Alumni Association</a>
</li>
<!--open empty nav2-->
<li>
<a href="/19002_2">English Language Advisory Council</a>
</li>
</ul>
</li>
<li class="search nav_padding"><a class="mainlink_a" href="/search_e" class="search_clickify"><i class="fa-solid fa-magnifying-glass" role="img" aria-label="Search"></i></a></li>
<li class="navbar_close_btn" ><a class="mainlink navbar-toggle" style="border:none !important;margin-right:50px;" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" href="#skipPastNav">Close Navigation</a></li>
</ul>
</div>
<li class="visible-xs visible-sm hidden-md hidden-lg" style="background-color:transparent !important;color:transparent !important;"><a aria-label="Close Navigation" href="#" id="closeMobileNav" data-toggle="collapse" data-target=".navbar-collapse.in"></a></li>
</div><!-- /.navbar-collapse -->
<div class="optionalHeight"></div>
<div class="qlink_bottom hidden-xs hidden-sm hidden-md visible-lg visible-xl" style="float:right !important;margin-right:170px !important;"></div>
</div><!-- /.container-fluid -->
</nav>
<style>
.focus {
border: 5px solid #FFFFFF !important;
background-color: #000000 !important;
color: #FFFFFF !important;
}
.gtransMtopA {
margin-top: 10px !important;
}
.gtransMtopB {
margin-top: 10px !important;
}
.gtransPbtm {
padding-bottom: 10px !important;
}
nav button.mainlink.navbar-toggle {
background-color: Transparent !important;
z-index: 1000;
}
.navbg-break-out {
width: 100vw;
position: relative;
left: calc(-1 * (100vw - 100%) / 2);
}
.navhr {
margin:0px;
height: 10px;
border-top: none;
background-color: Transparent;
}
li.sr-only-focusable {
color: white!important;
background-color: black !important;
font-size: 22px;
}
.navbar {
background-color: #FFFFFF;
border-bottom: 1px solid #777;
/* font-weight: bold; */
}
.navbar .navbar-nav > li > a, .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
position: relative;
/* font-weight: bold; */
color: #777;
}
.navbar .navbar-nav > li > a:before {
background-color: #FFFFFF;/*animation color*/
content:"";
height: 3px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX();
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
/*transition: .3s ease-in-out;*/
}
.navbar .navbar-nav > li > a:hover:before, .navbar-default .navbar-nav > li > a:focus:before {
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.navbar .navbar-nav > li > a.active:before {
background-color: #C3C3C3; /*underline color*/
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.navbar .navbar-nav > .open > a {
color: #777;
/* font-weight: bold; */
/*background color of mainlink on hover of children*/
background-color: transparent !important;
}
.navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus {
/*background color of mainlink on hover of mianlink*/
background-color: transparent !important;
}
/* caret */
.navbar-nav > .dropdown > a .caret {
border-top-color: #000000;
border-bottom-color: #000000;
}
.dropdown-menu {
padding: 10px 0px;
margin: 0;
}
.dropdown .dropdown-menu li a {
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
/* width: 200px; */
height: 27px;
padding: 15px auto;
}
.dropdown .dropdown-menu li > a:before {
margin: -3px 0;
left: 0;
background-color: #FFFFFF; /*animation color*/
content:"";
position: absolute;
height: 27px;
width: 3px;
transform-origin: bottom top;
visibility: hidden;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.dropdown .dropdown-menu li a:hover:before {
visibility: visible;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.navbar-default .navbar-nav > li > a {
text-decoration:none !important;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a,
.navbar-default .navbar-nav > li > .dropdown-menu > li > .dropdown-menu > li > a, /*add this to add text color on sub menus*/
.navbar-default .navbar-nav > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a /*add this to add text color on sub menus*/
{
text-decoration:none !important;
}
.m_right_30 {
margin-right:30px !important;
}
#nav_quicklinks_list li a {
font-family: Montserrat, sans-serif; font-size: 16px !important;
color: #FFFFFF !important;
text-decoration: none !important;
border-bottom-style: none !important;
}
li.language_selections a:hover {
/* color: #FFFFFF;*/
background-color:#000000 !important;
}
li.language_selections:hover {
background-color:#000000 !important;
}
.ct-topbar {
text-align: right;
}
.ct-topbar__list {
margin-bottom: 0px;
}
.ct-language__dropdown {
padding-top: 8px;
max-height: 0;
overflow: hidden;
position: absolute;
top: 110%;
left: -3px;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
width: 100px;
text-align: center;
padding-top: 0;
z-index:1000;
margin-top:40px !important;
}
#gtransButton {
overflow: hidden;
position: absolute;
top: 110%;
left: -3px;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
width: 150px;
text-align: center;
padding-top: 0;
z-index:200;
border-radius:unset !important;
/* padding: 6px 12px !important; */
margin-top:-9px !important;
}
.dropdown {
margin-right: 50px;
}
.ct-language__dropdown li {
/*set the backgrund color behind the google translate links to be dark or light based on the selected hover text color*/
background: #272727;
padding: 5px;
display: block;
}
.ct-language__dropdown li:first-child {
padding-top: 10px;
border-radius: 3px 3px 0 0;
}
.ct-language__dropdown li:last-child {
padding-bottom: 10px;
border-radius: 0 0 3px 3px;
}
.ct-language__dropdown li:hover {
background: #444;
/* padding: 5px; */
display: block;
}
.ct-language__dropdown:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
width: 8px;
height: 0;
border: 0 solid transparent;
border-right-width: 8px;
border-left-width: 8px;
border-bottom: 8px solid #222;
}
.ct-language {
font-weight: bolder;
position: relative;
background: #8B0F03;
color: #fff;
padding: 10px 0;
cursor:pointer !important;
}
/*transforming the bootstrap dropdown to look like customized language drop as close as possible*/
.ct-language:hover .ct-language__dropdown {
max-height: 600px;
padding-top: 8px;
}
.ct-language__dropdown {
overflow:unset !important;
padding-top: 8px !important;
background-color: transparent !important;
border: none !important;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
li.language_color:hover, a:hover .countryLang {
color:#FFFFFF !important;
}
.language_color {
color: #FFFFFF !important;
}
li:hover .language_color {
color: #FFFFFF !important;
}
@media (max-width: 480px) {
.list-unstyled.list-inline>li {
margin-top:-52px !important;
position:absolute;
}
.list-unstyled.list-inline.ct-topbar__list {
text-align:center !important;
margin-right:60px !important;
}
.site_logo {
margin-top:0px !important;
/*was 50px*/
}
.nav_quicklinks_list {
float: left !important;
margin-left:-40px !important;
}
.list-inline>li {
display:block !important;
}
#gtransButton {
}
}
@media (min-width: 480px) and (max-width: 767px) {
.list-unstyled.list-inline>li {
margin-top:-52px !important;
position:absolute;
}
.list-unstyled.list-inline.ct-topbar__list {
text-align:center !important;
margin-right:60px !important;
}
.site_logo {
margin-top:0px !important;
/*was 50px*/
}
.nav_quicklinks_list {
float: left !important;
margin-left:-40px !important;
}
.list-inline>li {
display:block !important;
}
#gtransButton {
}
}
@media (max-width: 767px) {
#nav_quicklinks {
margin-top:20px !important;
}
#nav_quicklinks_list {
margin-top:-22px !important;
margin-bottom:60px !important;
margin-left:-40px !important;
float:left !important;
}
.list-inline>li {
display:block !important;
}
.site_logo {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom:0px !important;
padding-bottom:0px !important;
clear:both;
}
.containerx {
width:95%;
margin:0 auto !important;
}
.navplus {
height:auto;
padding-top:10px;
padding-bottom:10px;
}
.list-unstyled.list-inline>li {
margin-top:-9px;
position:absolute;
}
.site_logo {
margin-top:10px;
}
#gtransButton {
margin-top:-50px;
margin-left:-15px;
}
/* .ct-language__dropdown {
margin-top:-10px !important;
} */
}
@media (min-width: 768px) and (max-width: 935px) {
#nav_quicklinks {
margin-top:20px !important;
}
#nav_quicklinks_list {
/* margin-top:20px !important; */
margin-right:6% !important;
float:right;
}
.list-inline>li {
display:inline-block !important;
}
.site_logo {
padding-top:25px !important;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom:0px !important;
padding-bottom:0px !important;
clear:both;
}
.containerx {
width:95%;
margin:0 auto !important;
}
.navplus {
height:auto;
padding-top:10px;
padding-bottom:10px;
}
.list-unstyled.list-inline>li {
margin-top:-9px;
position:absolute;
}
.site_logo {
margin-top:10px;
}
/* .ct-language__dropdown {
margin-left:-50px;
} */
}
@media (min-width: 936px) and (max-width: 1004px) {
#nav_quicklinks {
margin-top:20px !important;
}
#nav_quicklinks_list {
/* margin-top:20px !important; */
/* margin-right:5% !important; */
float:right;
}
.list-inline>li {
display:inline-block !important;
}
.site_logo {
padding-top:25px !important;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom:0px !important;
padding-bottom:0px !important;
clear:both;
}
.containerx {
width:95%;
margin:0 auto !important;
}
.navplus {
height:auto;
padding-top:10px;
padding-bottom:10px;
}
.list-unstyled.list-inline>li {
margin-top:-9px;
position:absolute;
}
.site_logo {
margin-top:10px;
}
/* .ct-language__dropdown {
margin-left:-30px;
} */
}
@media (min-width: 1005px) and (max-width: 1199px) {
#nav_quicklinks {
margin-top:20px !important;
}
#nav_quicklinks_list {
/* margin-top:20px !important; */
/* margin-right:7% !important; */
float:right;
}
.list-inline>li {
display:inline-block !important;
}
.site_logo {
padding-top:25px !important;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom:0px !important;
padding-bottom:0px !important;
clear:both;
}
.containerx {
width:95%;
margin:0 auto !important;
}
.navplus {
height:auto;
padding-top:10px;
padding-bottom:10px;
}
.list-unstyled.list-inline>li {
margin-top:-9px;
position:absolute;
}
.site_logo {
margin-top:10px;
}
.ct-language__dropdown {
margin-left:-10px;
}
}
@media (min-width: 1200px) and (max-width: 1599px) {
#nav_quicklinks_list {
margin-top:20px !important;
padding-bottom:40px !important;
}
.list-inline>li {
display:inline-block !important;
}
.dropdown {
margin-right: 0px;
}
.site_logo {
}
.containerx {
width:90%;
margin:0 auto !important;
}
.site_logo {
float:left;
}
.navplus {
height:100px !important;
}
.list-unstyled.list-inline>li {
margin-top:-9px;
position:absolute;
}
.site_logo {
margin-top:10px;
}
/* .ct-language__dropdown {
margin-left:-30px;
} */
}
@media (min-width: 1600px) {
.containerx {
width:67%;
margin:0 auto !important;
}
.navplus {
height:100px !important;
}
.list-unstyled.list-inline>li {
margin-top:-9px;
position:absolute;
}
.site_logo {
margin-top:10px;
}
#nav_quicklinks_list {
margin-top:20px !important;
}
/* .ct-language__dropdown {
margin-left:-30px;
} */
.dropdown {
margin-right: 0px;
}
}
@media (min-width: 900px) and (max-width: 1201px) {
.site_logo {
margin-top: 90px;
}
}
@media (min-width: 1202px) and (max-width: 1394px) {
.site_logo {
margin-top: 90px;
}
.translateContainer {
margin-top:20px;
}
}
@media (min-width: 1394px) and (max-width: 1401px) {
.site_logo {
margin-top: 90px;
}
.translateContainer {
margin-top:20px;
}
}
@media (min-width: 1402px) and (max-width: 1592px) {
.site_logo {
margin-top: 90px;
}
.translateContainer {
margin-top:20px;
}
}
@media (min-width: 1593px) and (max-width: 1599px) {
.site_logo {
margin-top: 90px;
}
.translateContainer {
margin-top:20px;
}
}
@media (min-width: 1600px) and (max-width: 1674px) {
.site_logo {
margin-top: 90px;
}
.translateContainer {
margin-top:20px;
}
}
@media (min-width: 1675px) and (max-width: 1774px) {
.site_logo {
margin-top: 90px;
}
.translateContainer {
margin-top:20px;
}
}
@media (min-width: 1775px) and (max-width: 1899px) {
.site_logo {
margin-top: 90px;
}
.translateContainer {
margin-top:20px;
}
}
@media (min-width: 1900px) and (max-width: 2006px) {
.site_logo {
margin-top: 90px;
}
.translateContainer {
margin-top:20px;
}
}
@media (min-width: 2000px) and (max-width: 2135px) {
.site_logo {
margin-top: 90px;
}
.translateContainer {
margin-top:20px;
}
}
@media (min-width: 2136px) and (max-width: 2258px) {
.site_logo {
margin-top: 90px;
}
.translateContainer {
margin-top:20px;
}
}
@media (min-width: 2259px) and (max-width: 2359px) {
.site_logo {
margin-top: 90px;
}
.translateContainer {
margin-top:20px;
}
}
@media (min-width: 2360px) and (max-width: 2543px) {
.site_logo {
margin-top: 90px;
}
.translateContainer {
margin-top:20px;
}
}
@media (min-width: 2524px) and (max-width: 2560px) {
.site_logo {
margin-top: 90px;
}
.translateContainer {
margin-top:20px;
}
}
li:hover .language_color {
color: #FFFFFF !important;
}
.site_logo {
margin-bottom:10px;
}
.custom3designL {
margin-top:-40px !important;
margin-left:500px !important;
}
.custom3designR {
margin-top:-40px !important;
margin-right:500px !important;
}
.m_top_42 {
margin-top:42px !important;
position:absolute;
}
.m_top_resize_translate {
/* margin-top:-30px !important; */
margin-left:-10px !important;
position:absolute;
}
.m_left_20 {
margin-left:20px !important;
}
.m_top_5 {
margin-top:5px !important;
}
.qlink_4_alignment {
float:right !important;
/* commented out for new look of translate btn */
/* margin-right:165px !important; */
}
.qlink_bottom_padding_btm {
padding-bottom:30px !important;
}
.extended_navlinks_bg, .globalnavcollapse.navbar-collapse.in {
background-color: Transparent !important;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.navbar-nav.social {
margin-right:20px;
margin-top:0px;
}
.customize_social_icon:hover {
background-color: #e7e7ed !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size:18px !important;
}
.mainlink.navbar-toggle .icon-bar:nth-of-type(2) {
top: 1px;
}
.mainlink.navbar-toggle .icon-bar:nth-of-type(3) {
top: 2px;
}
.mainlink.navbar-toggle .icon-bar {
position: relative;
transition: all 500ms ease-in-out;
}
.logoScallingL {
max-height: 120px !important;
}
.logoScallingM {
max-width: 400px !important;
}
.m_left_200 {
margin-left:200px;
}
.m_left_180 {
margin-left:180px;
}
.m_top_110 {
margin-top:110px !important;
}
.m_top_neg100 {
margin-top:-100px;
}
.m_top_47 {
margin-top: 47px;
}
.height_0 {
height:0px !important;
}
.navbar-default {
background-color: #8B0F03;
background-image: url(https://files.smartsites.parentsquare.com/3394/design_img__wrqvwd.png) !important;
background-position: center;
background-size:cover !important;
}
</style>
<div id="skipPastNav"></div>
<script type="text/javascript" charset="utf-8">
const siteID = "3394";
const sticky_setting = "navbar-nav";
const is_logged_in = "0";
const hasDistrictSelector = "1";
const bg = "#8B0F03";
const bghover = "#000000";
const texthover = "#FFFFFF";
const tlateColor = "#FFFFFF";
const darklight = "dark";
const fntsze = "12";
const arrowSelected = "arrow_2";
const navDisplay = "existing_nav";
const navType = "multilevel_op_four";
</script>
<div class="banner_area site_header center-block"></div><div class="clearfix"></div><main id="page-content-wrapper" class="site_container content-color container"><link rel="stylesheet" type="text/css" href="https://files.smartsites.parentsquare.com/3394/css758.css"> <style>
.whiteBGlink {
color:Transparent !important;
}
.whiteBGlink:hover {
color:#c3c3c300 !important;
} .textOnWhite {
color:#000000 !important;
}
.footer_color {
color:#FFFFFF !important;
}
.footer_color a {
color:#FFFFFF !important;
}
.content-color .breadcrumb>li a {
color:#333333;
}
::-webkit-input-placeholder { /* Chrome */
transition: opacity 250ms ease-in-out;
}
:-ms-input-placeholder { /* IE 10+ */
transition: opacity 250ms ease-in-out;
}
::-moz-placeholder { /* Firefox 19+ */
opacity: 1;
transition: opacity 250ms ease-in-out;
}
:-moz-placeholder { /* Firefox 4 - 18 */
opacity: 1;
transition: opacity 250ms ease-in-out;
}
.social-network a.icoRss:hover em, .social-network a.icoFacebook:hover em, .social-network a.icoTwitter:hover em,
.social-network a.icoGoogle:hover em, .social-network a.icoVimeo:hover em, .social-network a.icoLinkedin:hover em {
color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
color:#44BCDD;
}
.social-circle li a {
display:inline-block;
position:relative;
margin:0 auto 0 auto;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
text-align:center;
width: 50px;
height: 50px;
font-size:30px;
}
.social-circle li em {
margin:0;
line-height:50px;
text-align: center;
}
.social-circle li a:hover em, .triggeredHover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms--transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}
.social-circle em {
color: #fff;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
}
.widget_row_bg_0 {
height: unset !important;
}
div[id*="item"] .widget_row_bg_0{
padding-bottom: unset !important;
}
div[id*="item"] .widget_row_bg_0{
padding-bottom: 31px !important;
}
.widget_row_bg_1 {
height: unset !important;
}
div[id*="item"] .widget_row_bg_1{
padding-bottom: unset !important;
}
div[id*="item"] .widget_row_bg_1{
padding-bottom: 31px !important;
}
.widget_row_bg_2 {
height: unset !important;
}
div[id*="item"] .widget_row_bg_2{
padding-bottom: unset !important;
}
div[id*="item"] .widget_row_bg_2{
padding-bottom: 31px !important;
}
.widget_row_bg_3 {
height: unset !important;
}
div[id*="item"] .widget_row_bg_3{
padding-bottom: unset !important;
}
div[id*="item"] .widget_row_bg_3{
padding-bottom: 31px !important;
}
.widget_row_bg_4 {
height: unset !important;
}
div[id*="item"] .widget_row_bg_4{
padding-bottom: unset !important;
}
div[id*="item"] .widget_row_bg_4{
padding-bottom: 31px !important;
}
.widget_row_bg_5 {
height: unset !important;
}
div[id*="item"] .widget_row_bg_5{
padding-bottom: unset !important;
}
div[id*="item"] .widget_row_bg_5{
padding-bottom: 31px !important;
}
.widget_row_bg_6 {
height: unset !important;
}
div[id*="item"] .widget_row_bg_6{
padding-bottom: unset !important;
}
div[id*="item"] .widget_row_bg_6{
padding-bottom: 31px !important;
}
.siteExtraMargins {
margin-top:20px !important;
}
html {
height: 100% !important;
}
</style>
<script>
$(document).ready(function(){
let determineRow = '';
let determineColumn = '';
let divid = '';
let sameTypeWidgetRowNum = '';
$('[href*="skipFBContent"],[href*="skipTwitterContent"]').each((i,e) => {
$(e).on('focusin', function() {
determineRow = $(this).attr("data-feedrow");
determineColumn = $(this).attr("data-feedcolumn");
divid = $(this).attr("data-divid");
sameTypeWidgetRowNum = (determineColumn == 1) ? 'THE 1ST COLUMN' : sameTypeWidgetRowNum;
sameTypeWidgetRowNum = (determineColumn == 2) ? 'THE 2ND COLUMN' : sameTypeWidgetRowNum;
sameTypeWidgetRowNum = (determineColumn == 3) ? 'THE 3RD COLUMN' : sameTypeWidgetRowNum;
sameTypeWidgetRowNum = (determineColumn == 4) ? 'THE 4TH COLUMN' : sameTypeWidgetRowNum;
sameTypeWidgetRowNum = (determineColumn == 5) ? 'THE 5TH COLUMN' : sameTypeWidgetRowNum;
sameTypeWidgetRowNum = (determineColumn == 6) ? 'THE 6TH COLUMN' : sameTypeWidgetRowNum;
let widget_row = $(".page_widgets_bg_"+determineRow).closest('div').children().first().attr("class");
if (widget_row !== undefined) {
//widgets on old design headers
widget_display_selector = $("."+widget_row);
} else {
//widgets fed into design stacks
widget_display_selector = $(".page_widgets_bg_"+determineRow+".widget_row_bg_"+determineRow+"");
}
if ($(this).attr("href") == "#skipFBContentDown_"+divid) {
$(widget_display_selector).prepend('<div class="alert alert-info alert-dismissible fade in tab_alert" style="position:absolute !important;z-index:30 !important;"><a href="#" class="close" data-dismiss="alert" aria-label="close">×</a><strong>Info!</strong> PRESS ENTER TO SKIP PAST <strong>'+ sameTypeWidgetRowNum + ' (FACEBOOK FEED)</strong>, OR TAB TO CONTINUE</div>');
}
if ($(this).attr("href") == "#skipFBContentUp_"+divid) {
$(widget_display_selector).prepend('<div class="alert alert-info alert-dismissible fade in tab_alert" style="position:absolute !important;z-index:30 !important;"><a href="#" class="close" data-dismiss="alert" aria-label="close">×</a><strong>Info!</strong> PRESS ENTER TO JUMP TO TOP OF <strong>'+ sameTypeWidgetRowNum + ' (FACEBOOK FEED)</strong>, SHIFT+TAB TO CONTINUE INTO FB FEED, OR TAB TO CONTINUE</div>');
}
if ($(this).attr("href") == "#skipTwitterContentDown_"+divid) {
$(widget_display_selector).prepend('<div class="alert alert-info alert-dismissible fade in tab_alert" style="position:absolute !important;z-index:30 !important;"><a href="#" class="close" data-dismiss="alert" aria-label="close">×</a><strong>Info!</strong> PRESS ENTER TO SKIP PAST <strong>'+ sameTypeWidgetRowNum + ' (TWITTER FEED)</strong>, OR TAB TO CONTINUE</div>');
}
if ($(this).attr("href") == "#skipTwitterContentUp_"+divid) {
$(widget_display_selector).prepend('<div class="alert alert-info alert-dismissible fade in tab_alert" style="position:absolute !important;z-index:30 !important;"><a href="#" class="close" data-dismiss="alert" aria-label="close">×</a><strong>Info!</strong> PRESS ENTER TO JUMP TO TOP OF <strong>'+ sameTypeWidgetRowNum + ' (TWITTER FEED)</strong>, SHIFT+TAB TO CONTINUE INTO TWITTER FEED, OR TAB TO CONTINUE</div>');
}
$('html,body').animate({
scrollTop: $(".page_widgets_bg_"+determineRow).offset().top
});
}).on('focusout', function() {
$(".tab_alert").remove();
});
});
});
</script>
<div class=" page-content inset"></div>
<!-- INCLUDING LOCAL VERSION OF CDN FILE FOR DEVELOPMENT -->
<link rel="stylesheet" href="/includes/css/fullcalendar.css?v=20240418" type="text/css" />
<script type="text/javascript" src="/includes/js/fullcalendar-toolbar.js"></script>
<link href="https://cdn.smartsites.parentsquare.com/lib/fullcalendar/fullcalendar.print.css" rel="stylesheet" media="print"
integrity="sha384-LUtVe1TUxTYzJoXZ7NeFrlq16LvG0qKaiR7k1AoWpjGAh6xToR8ePOHYNzT9fQMP"
crossorigin="anonymous" />
<script src="/includes/js/fullcalendar_ocr.js?v=20240418"></script>
<script
async
src="https://cdn.smartsites.parentsquare.com/lib/fullcalendar/gcal.js"
integrity="sha384-k/3J2+/BYuJ4K0DxSgLrOnSOHIi1WSQaMelYXDrkc0OkRLQ+wdN3l5P7DHLEn+57"
crossorigin="anonymous"
></script>
<link rel="stylesheet" href="/includes/css/calendar.css" type="text/css" />
<script async type="text/javascript" src="/includes/js/jquery.qtip.js"></script>
<script async type="text/javascript" src="/includes/js/qtipADA.js"></script>
<link rel="stylesheet" href="/includes/css/jquery.qtip.css" type="text/css" />
<script src="https://cdn.smartsites.parentsquare.com/lib/js/loader.js"
integrity="sha384-Rzx2+zPsVkSlrA8Fg33HWOGjoor4GySN5DVMdDopfP1dW0/pC2T8l/IWHJDt/TfP"
crossorigin="anonymous"
></script>
<script>
$(function(){
qTipADA("body", ".coloredCircle");
});
</script> <script>
var videoObj = {};
var userVideoObj = {};
$(document).ready(function() {
$(".warning").remove();
$.get("/sndreq/formtoken.php", function(txt) {
$('form[name^="commentSubmit"]').append('<input type="hidden" name="ts" value="' + txt + '" />');
$('form[name^="commentSubmit"]').submit(function() {
if ($(this).find('input[name="commentName"]').val() != '' && $(this).find('textarea[name="commentMsg"]').val() != '') {
$('input[name="humanvalid"]').val(1);
return true;
} else {
alert("You must fill in the name and commment fields in order to submit your comment.");
return false;
}
});
});
$('.horitontal_pic').on('mouseup',function() {
src = $(this).attr('src');
new_file_path = src;
text = $(this).attr('alt');
if (text.toLowerCase().indexOf("website picture") >= 0) {
text = '';
}
img = '<img src="' + new_file_path + '" class="img-responsive"/>';
$('#horitontal_pic_list .modal-body').html('<center>'+img+'</center>'+'<div style="margin:20px;" class="photo_desc well text-center">'+text+'</div>');
$('#horitontal_pic_list').on('hidden.bs.modal', function () {
$('#horitontal_pic_list .modal-body').html('');
})
});
});
// test browser for instagram feed stack mobile captions
let t = {
BlackBerry: function() {
return navigator.userAgent.match(/BlackBerry/i)
},
iOS: function() {
return navigator.userAgent.match(/iPhone|iPad|iPod/i)
},
Opera: function() {
return navigator.userAgent.match(/Opera Mini/i)
},
Windows: function() {
return navigator.userAgent.match(/IEMobile/i)
},
any: function() {
return t.BlackBerry() || t.iOS() || t.Opera() || t.Windows()
}
};
// function to animate captions on instagram feed stack
$(document).on({
mouseenter: function() {
let e = $(this).find('.instagram_caption').outerHeight();
$(this).find('.instagram_caption').stop().animate({
opacity: 1,
top: '50%',
'margin-top': '-' + e / 2 + 'px'
}, 300), t.any() && $(this).trigger('click')
},
mouseleave: function() {
$(this).find('.instagram_caption').stop().animate({
opacity: 0,
top: '90%'
}, 300, function() {
$(this).removeAttr('style')
})
},
click: function() {
let stackID = $(this).data('stack');
let slide = $(this).data('slide');
$('#myInstagramCarousel_'+ stackID +' .item.active').removeClass('active');
$('#'+slide).addClass('active');
$('#instagram_' + stackID).modal('show');
}
}, '.instagram_square');
$(document).on('click', '.ig_video_play_btn', function() {
let button = $(this);
button.hide();
button.prev('img').hide();
button.next('video').show().get(0).play();
});
$(document).on('click', '.carousel_ig_post', function() {
$('video').trigger('pause');
$('.ig_video_play_btn').show();
});
</script>
<!-- horitontal_pic modal (this can not be moved to where the other modals are created) -->
<div class="modal fade" id="horitontal_pic_list" tabindex="-1" role="dialog">
<div class="modal-dialog">
<!-- stack pic series image body content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<h2 class="page_title sr-only">Homepage</h2><style>
.stack_title {
color:#000000 !important;
}
</style><div id="submitted_form_content"></div><div id="skiptocontent"><div id="divHeight" class="container-fluid" style="padding:0px !important;"><div class="stack_sort_area col-md-12 col-xs-12 col-sm-12 remove_col_padding"> <script>
videoObj[461876] = '';
</script>
<script>
userVideoObj[461876] = '';
</script>
<section data-comp="announcements" class="ss-component editme ss-no-slide " id="item426374" data-pageid="stack_announcements" data-parentid="2494" data-elemid="426374">
<style>
.stackani-color {
background-color: rgb(0,0,0) !important;
color: #000000 !important;
}
</style>
<div id="stack_content_426374" class="">
<div class="custom_426374" data-itemID="426374" style="background-color:transparent !important; margin-bottom:20px !important">
</div>
</div>
<style>
#item426374 #main-slider_426374-nav-select {
color:#333333 !important;
}
#item426374 #main-slider_426374-nav-ul {
color:#333333 !important;
}
#item426374 .ls-wrapper.arrows.ls-responsive {
width: 100% !important;
max-width: fit-content !important;
overflow-x: hidden !important;
}
#item426374 .ls-nav a {
color: #333333 !important;
margin-right: 1px;
padding: 10px 15px;
outline:0;
text-align:center !important;
text-decoration: none !important;
}
#item426374 .custom_426374 .ls-nav .current a {
background-color: #FAFAFA !important; color: #333333; }
#item426374 .custom_426374 .ls-nav a:hover {
background-color: #FAFAFA !important; color: #333333; text-shadow: none;
text-decoration: none !important;
}
#item426374 .custom_426374 .ls-responsive .ls-nav-left-arrow:before {
color: #333333 !important;
mix-blend-mode: lighten;
font-size:30px;
font-family: 'FontAwesome';
content: '\f0a8 ';
margin:3px 5px 0 5px;
opacity:0.4;
}
#item426374 .custom_426374 .ls-responsive .ls-nav-right-arrow:before {
color:#333333 !important;
mix-blend-mode: lighten;
font-size:30px;
font-family: 'FontAwesome';
content: '\f0a9 ';
margin-right:20px !important;
opacity:0.4;
}
</style>
<script>
jQuery(document).ready(function($) {
$("#item426374 #main-slider-wrapper").prop('id', 'main-slider-wrapper_426374');
jQuery(function($) {
$('#item426374 #main-slider_426374').liquidSlider({
// autoHeight: true,
minHeight: 225,
// heightEaseDuration: 1500,
// heightEaseFunction: 'easeInOutExpo',
slideEaseDuration: 1500,
slideEaseFunction: 'easeInOutExpo',
slideEaseFunctionFallback: 'swing',
animateIn: 'bounceInRight',
animateOut: 'bounceOutRight',
continuous: true,
fadeInDuration: 500,
fadeOutDuration: 500,
autoSlide: false,
autoSlideDirection: 'right',
autoSlideInterval: 1000 * 4,
forceAutoSlide: false,
pauseOnHover: true,
dynamicArrows: false,
dynamicArrowsGraphical: true,
dynamicArrowLeftText: '« left',
dynamicArrowRightText: 'right »',
hideSideArrows: false,
hideSideArrowsDuration: 750,
hoverArrows: true,
hoverArrowDuration: 250,
dynamicTabs: false,
dynamicTabsHtml: true,
includeTitle: true,
panelTitleSelector: '.title',
dynamicTabsAlign: 'left',
dynamicTabsPosition: 'top',
navElementTag: 'div',
firstPanelToLoad: 1,
hashLinking: false,
hashTitleSelector: '.title',
crossLinks:true,
keyboardNavigation: false,
leftKey: 39,
rightKey: 37,
panelKeys: {
1: 49,
2: 50,
3: 51,
4: 52
},
responsive: true,
mobileNavigation: true,
mobileNavDefaultText: 'Menu',
mobileUIThreshold: 0,
hideArrowsWhenMobile: true,
hideArrowsThreshold: 0,
useCSSMaxWidth: 3000,
preload: function() {
this.finalize();
},
onload: function() {},
pretransition: function() {
this.transition();
},
callback: function() {
this.alignNavigation();
},
preloader: true,
swipe: true,
swipeArgs: undefined
});
});
});
document.addEventListener('DOMContentLoaded', function() {
//loop through each panels description truncate the text in tabs
$('#item426374 .ls-nav a').each(function(index,value){
$(this).html(text_truncate($(this).text(),19));
});
$("#main-slider_426374-nav-select").prop("selectedIndex", 0).css("margin-left","35px");
//add aria label to the arrows so they are not empty link ada errors
$("#item426374 .ls-nav-left-arrow a").attr("aria-label", "Previous slide");
$("#item426374 .ls-nav-right-arrow a").attr("aria-label", "Next slide");
//create an array to hold this stacks description paragraphs of each slide
var announceText_426374 = [];
var announceLink_426374 = [];
//loop through each panel that isn't a clone
$('#item426374 .custom_426374 .ls-panel').not( ".clone" ).each(function(index,value){
//push the announcements description and links into the arrays
announceText_426374.push($(this).find("p:first").text());
announceLink_426374.push($(this).find("a:last").attr('href'));
}, false);
//loop through all tabs in this stack
$('#item426374 .custom_426374 [class*="tab"]').each(function(index,value){
//get the count of the each loop
curCount = index+1;
//use the count of each loop to access the arrays from above holding announcment descriptions and links, and trim white space on desc
set_aria_label = announceText_426374[index].trim();
set_btn_link = announceLink_426374[index];
//access the tabs for this stack announcement and set the aria label based off the order of the array
$("#item426374 .custom_426374 .tab"+curCount).attr("aria-label", set_aria_label);
//prevent ada errors for links that tag an ID but have no div associated with it
//check for any classes that start with tab and see if they have an anchor tag in them
if ($(this).children('a').length) {
//get the id its tagging from the href
TagID = $(this).children('a').attr('href');
//remove the poundsign first character
IdToCreate = TagID.substring(1, TagID.length);
if($("#" + IdToCreate).length == 0) {
//only create ID on page if ID dont already exist
$("body").prepend('<div id="'+IdToCreate+'"></div>');
}
}
//access the tabs for this stack announcement and set the href based off the order of the array
$("#item426374 .custom_426374 .tab"+curCount+" a").prop("href", set_btn_link);
});
$(document).ready(function() {
$("#item426374 #main-slider_426374-nav-ul li").focusin(function() {
//pause slideshow on tab through over slideshow to mimic mouseover pause
$(this).trigger('mouseover');
$(this).trigger('click');
//highlight the current tab on tabover by adding the current class like clicking does
$(this).addClass("current");
$(this).on('keyup', function(e) {
//make it so that if the user is tabbing over the slideshow tabs and its linked, that hitting enter will link off to the url
var href_path = $(this).children('a').attr('href');
//if the link is set to something like #3 do nothing
var hp = href_path.startsWith("#");
if (hp === false) {
$('span.keyboard_btn').text('Press "Enter" For More Info');
}
if(e.which == 13) {
if (hp === false) {
document.location.href=href_path;
}
}
});
$("#main-slider_426374-nav-select").prepend('<button id="chooseSlide_61" type="button" class="btn btn-default btn-xs announButton" aria-label="Choose Slide">CCC</button>');
});
$("#item426374 #main-slider_426374-nav-ul li").focusout(function() {
//remove the current class from the tabs if the user tabs off of them
$(this).removeClass("current");
});
});
//The following is for ADA
pauseCarousels(JSON.stringify({
carousel_id_to_pause: ".custom_426374",
type: "stack_announcement",
announMenu: "#main-slider_426374-nav-select"
}));
$("#main-slider_426374-nav-select")
.attr('tabindex', '0') // Add tab indexes
.attr("aria-label","Press the space bar to select an announcement, or use the arrow keys to navigate left to right. You can also use keys one through five to navigate the slides")
.keypress((evt)=>{
var key = evt.key;
if (evt.keyCode === 13) { // Only send click events for Space
alert("Press the space bar to select an announcement.")
}
});
$("#main-slider_426374-nav-select")
$("#main-slider_426374-nav-select").bind("keyup focusout", function (evt) {
$("#stack_content_426374 .ls-select-box").css("border","4px solid lightblue");
if (!$('.alertspace').length) {
$("#stack_content_426374").prepend("<div class='alertspace'><div class='alert alert-info'><strong>Info!</strong> Press The Space Bar To Select An Announcement</div></div>");
}
});
$("#main-slider_426374-nav-select")
.focusout((evt)=>{
$("#stack_content_426374 .ls-select-box").css("border","none");
$(".alertspace").remove();
});
//the above is for ADA
}, false);
</script>
<style>
.ls-nav {
background-color:#ffffff;
}
</style>
<div class="clearfix"></div>
</section>
<section data-comp="homepage-slideshow" class="ss-component editme ss-no-pad break-out " id="item379706" data-pageid="stack_picture" data-parentid="2494" data-elemid="379706">
<div id="stack_content_379706" class="ss-component-content container break-out ">
<div class="custom_379706 ">
<div class="img-responsive no-border"><!--this stack item can't use animatinons because it breaks the slideshow transitions-->
<!--CUSTOM CAROUSEL CODE-->
<!--======= Responsive Bootstrap Carousel StyleSheets =========-->
<link href="/css/full_width_carousel.css" rel="stylesheet" media="all">
<style>
/*CUSTOM MEDIA QUERIES TO CONTROL CAPTION POSITION*/
@media (min-width: 768px) and (max-width: 820px) {
/*bottm alignments*/
#full_width_carousel_379706 .full_width_carousel_caption_bottom_right {
left: 59%;
bottom:5%;
width:35%;
}
#full_width_carousel_379706 .full_width_carousel_caption_bottom_center {
left: 19.8%;
bottom:5%;
}
#full_width_carousel_379706 .full_width_carousel_caption_bottom_left {
left:6%;
bottom:5%;
width:35%;
}
/*center alignments*/
#full_width_carousel_379706 .full_width_carousel_caption_center_right {
left: 59%;
bottom:30%;
width:35%;
}
#full_width_carousel_379706 .full_width_carousel_caption_center_center {
left: 19.8%;
bottom:30%;
}
#full_width_carousel_379706 .full_width_carousel_caption_center_left {
left:6%;
bottom:30%;
width:35%;
}
/*top alignments*/
#full_width_carousel_379706 .full_width_carousel_caption_top_right {
left: 59%;
bottom:46%;
width:35%;
}
#full_width_carousel_379706 .full_width_carousel_caption_top_center {
left: 19.8%;
bottom:46%;
}
#full_width_carousel_379706 .full_width_carousel_caption_top_left {
left:6.5%;
bottom:46%;
width:35%;
}
}
@media (min-width: 821px) and (max-width: 991px) {
/*bottm alignments*/
#full_width_carousel_379706 .full_width_carousel_caption_bottom_right {
left: 59%;
bottom:5%;
width:35%;
}
#full_width_carousel_379706 .full_width_carousel_caption_bottom_center {
left: 19.9%;
bottom:5%;
}
#full_width_carousel_379706 .full_width_carousel_caption_bottom_left {
left:6%;
bottom:5%;
width:35%;
}
/*center alignments*/
#full_width_carousel_379706 .full_width_carousel_caption_center_right {
left: 59%;
bottom:30%;
width:35%;
}
#full_width_carousel_379706 .full_width_carousel_caption_center_center {
left: 19.9%;
bottom:30%;
}
#full_width_carousel_379706 .full_width_carousel_caption_center_left {
left:6%;
bottom:30%;
width:35%;
}
/*top alignments*/
#full_width_carousel_379706 .full_width_carousel_caption_top_right {
left: 59%;
bottom:53%;
width:35%;
}
#full_width_carousel_379706 .full_width_carousel_caption_top_center {
left: 19.9%;
bottom:53%;
}
#full_width_carousel_379706 .full_width_carousel_caption_top_left {
left:6.5%;
bottom:53%;
width:35%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
/*bottm alignments*/
#full_width_carousel_379706 .full_width_carousel_caption_bottom_right {
left: 59%;
bottom:5%;
width:35%;
}
#full_width_carousel_379706 .full_width_carousel_caption_bottom_center {
left: 32.6%;
bottom:5%;
width:35%;
}
#full_width_carousel_379706 .full_width_carousel_caption_bottom_left {
left:6%;
bottom:5%;
width:35%;
}
/*center alignments*/
#full_width_carousel_379706 .full_width_carousel_caption_center_right {
left: 59%;
bottom:30%;
width:35%;
}
#full_width_carousel_379706 .full_width_carousel_caption_center_center {
left: 32.6%;
bottom:30%;
width:35%;
}
#full_width_carousel_379706 .full_width_carousel_caption_center_left {
left:6%;
bottom:30%;
width:35%;
}
/*top alignments*/
#full_width_carousel_379706 .full_width_carousel_caption_top_right {
left: 59%;
bottom:55%;
width:35%;
}
#full_width_carousel_379706 .full_width_carousel_caption_top_center {
left: 32.6%;
bottom:55%;
width:35%;
}
#full_width_carousel_379706 .full_width_carousel_caption_top_left {
left:6.5%;
bottom:55%;
width:35%;
}
}
@media (min-width: 1200px) {
/*bottm alignments*/
#full_width_carousel_379706 .full_width_carousel_caption_bottom_right {
left: 59%;
bottom:5%;
width:35%;
}
#full_width_carousel_379706 .full_width_carousel_caption_bottom_center {
left: 32.5%;
bottom:5%;
width:35%;
}
#full_width_carousel_379706 .full_width_carousel_caption_bottom_left {
left:6%;
bottom:5%;
width:35%;
}
/*center alignments*/
#full_width_carousel_379706 .full_width_carousel_caption_center_right {
left: 59%;
bottom:30%;
width:35%;
}
#full_width_carousel_379706 .full_width_carousel_caption_center_center {
left: 32.5%;;
bottom:30%;
width:35%;
}
#full_width_carousel_379706 .full_width_carousel_caption_center_left {
left:6%;
bottom:30%;
width:35%;
}
/*top alignments*/
#full_width_carousel_379706 .full_width_carousel_caption_top_right {
left: 59%;
bottom:57%;
width:35%;
}
#full_width_carousel_379706 .full_width_carousel_caption_top_center {
left: 32.5%;
bottom:57%;
width:35%;
}
#full_width_carousel_379706 .full_width_carousel_caption_top_left {
left:6.5%;
bottom:57%;
width:35%;
}
}
</style>
<!--======= Touch Swipe =========-->
<script src="/js/jquery.touchSwipe.min.js"></script>
<!--======= Customize =========-->
<script src="/js/responsive_bootstrap_carousel.js"></script>
<!--*-*-*-*-*-*-*-*-*-*- SLIDESHOW *-*-*-*-*-*-*-*-*-*-->
<div style="clear:both !important;"></div>
<div style="">
<div style="background-color:transparent !important;" id="full_width_carousel_379706" class="carousel fixed_width_carousel_fade animate_text full_width_carousel_wrapper" data-ride="carousel" data-interval="3000" data-pause="hover" data-itemID="379706">
<div class="carousel-inner" role="listbox">
<style>
@media (max-width: 480px) {
}
@media (min-width: 480px) and (max-width: 767px) {
}
</style>
<div class="item active ">
<div aria-label="San Rafael High School entrance" style="background:url(https://files.smartsites.parentsquare.com/3394/4tuifd.jpg); background-position: center center;background-size:cover; background-repeat: no-repeat;" class="slider-size homeSlideShow">
<div id="caption0" class="carousel-caption full_width_carousel_caption full_width_carousel_caption_top_left animated slideInUp" data-animation="animated pulse">
</div>
</div>
</div>
<style>
@media (max-width: 480px) {
}
@media (min-width: 480px) and (max-width: 767px) {
}
</style>
<div class="item ">
<div aria-label="San Rafael fans in the stands" style="background:url(https://files.smartsites.parentsquare.com/3394/xfllin.jpg); background-position: center center;background-size:cover; background-repeat: no-repeat;" class="slider-size homeSlideShow">
<div id="caption1" class="carousel-caption full_width_carousel_caption full_width_carousel_caption_top_left animated slideInUp" data-animation="animated pulse">
</div>
</div>
</div>
<style>
@media (max-width: 480px) {
}
@media (min-width: 480px) and (max-width: 767px) {
}
</style>
<div class="item ">
<div aria-label="Educator teaching their class" style="background:url(https://files.smartsites.parentsquare.com/3394/o5ozpe.jpg); background-position: center center;background-size:cover; background-repeat: no-repeat;" class="slider-size homeSlideShow">
<div id="caption2" class="carousel-caption full_width_carousel_caption full_width_carousel_caption_top_left animated slideInUp" data-animation="animated pulse">
</div>
</div>
</div>
<style>
@media (max-width: 480px) {
}
@media (min-width: 480px) and (max-width: 767px) {
}
</style>
<div class="item ">
<div aria-label="Graduates tossing their caps" style="background:url(https://files.smartsites.parentsquare.com/3394/pp0pty.jpg); background-position: center center;background-size:cover; background-repeat: no-repeat;" class="slider-size homeSlideShow">
<div id="caption3" class="carousel-caption full_width_carousel_caption full_width_carousel_caption_top_left animated slideInUp" data-animation="animated pulse">
</div>
</div>
</div>
<style>
@media (max-width: 480px) {
}
@media (min-width: 480px) and (max-width: 767px) {
}
</style>
<div class="item ">
<div aria-label="Students playing flag football" style="background:url(https://files.smartsites.parentsquare.com/3394/4h8u9a.jpg); background-position: center center;background-size:cover; background-repeat: no-repeat;" class="slider-size homeSlideShow">
<div id="caption4" class="carousel-caption full_width_carousel_caption full_width_carousel_caption_top_left animated slideInUp" data-animation="animated pulse">
</div>
</div>
</div>
<style>
@media (max-width: 480px) {
}
@media (min-width: 480px) and (max-width: 767px) {
}
</style>
<div class="item ">
<div aria-label="San Rafael High School building" style="background:url(https://files.smartsites.parentsquare.com/3394/foaohc.jpg); background-position: center center;background-size:cover; background-repeat: no-repeat;" class="slider-size homeSlideShow">
<div id="caption5" class="carousel-caption full_width_carousel_caption full_width_carousel_caption_top_left animated slideInUp" data-animation="animated pulse">
</div>
</div>
</div>
<style>
@media (max-width: 480px) {
}
@media (min-width: 480px) and (max-width: 767px) {
}
</style>
<div class="item ">
<div aria-label="Students studying" style="background:url(https://files.smartsites.parentsquare.com/3394/fe2mkb.jpg); background-position: center center;background-size:cover; background-repeat: no-repeat;" class="slider-size homeSlideShow">
<div id="caption6" class="carousel-caption full_width_carousel_caption full_width_carousel_caption_top_left animated slideInUp" data-animation="animated pulse">
</div>
</div>
</div>
<style>
@media (max-width: 480px) {
}
@media (min-width: 480px) and (max-width: 767px) {
}
</style>
<div class="item ">
<div aria-label="Construction area" style="background:url(https://files.smartsites.parentsquare.com/3394/u2zusd.jpg); background-position: center center;background-size:cover; background-repeat: no-repeat;" class="slider-size homeSlideShow">
<div id="caption7" class="carousel-caption full_width_carousel_caption full_width_carousel_caption_top_left animated slideInUp" data-animation="animated pulse">
</div>
</div>
</div>
<style>
@media (max-width: 480px) {
}
@media (min-width: 480px) and (max-width: 767px) {
}
</style>
<div class="item ">
<div aria-label="Students learning math from educator" style="background:url(https://files.smartsites.parentsquare.com/3394/tr5etb.jpg); background-position: center center;background-size:cover; background-repeat: no-repeat;" class="slider-size homeSlideShow">
<div id="caption8" class="carousel-caption full_width_carousel_caption full_width_carousel_caption_top_left animated slideInUp" data-animation="animated pulse">
</div>
</div>
</div>
<style>
@media (max-width: 480px) {
}
@media (min-width: 480px) and (max-width: 767px) {
}
</style>
<div class="item ">
<div aria-label="Students using safety harnesses" style="background:url(https://files.smartsites.parentsquare.com/3394/qjhsac.jpg); background-position: center center;background-size:cover; background-repeat: no-repeat;" class="slider-size homeSlideShow">
<div id="caption9" class="carousel-caption full_width_carousel_caption full_width_carousel_caption_top_left animated slideInUp" data-animation="animated pulse">
</div>
</div>
</div>
<style>
@media (max-width: 480px) {
}
@media (min-width: 480px) and (max-width: 767px) {
}
</style>
<div class="item ">
<div aria-label="Bulldog Bistro - Cafeteria" style="background:url(https://files.smartsites.parentsquare.com/3394/36rtec.jpg); background-position: center center;background-size:cover; background-repeat: no-repeat;" class="slider-size homeSlideShow">
<div id="caption10" class="carousel-caption full_width_carousel_caption full_width_carousel_caption_top_left animated slideInUp" data-animation="animated pulse">
</div>
</div>
</div>
<style>
@media (max-width: 480px) {
}
@media (min-width: 480px) and (max-width: 767px) {
}
</style>
<div class="item ">
<div aria-label="San Rafael High School entrance" style="background:url(https://files.smartsites.parentsquare.com/3394/vhz4de.jpg); background-position: center center;background-size:cover; background-repeat: no-repeat;" class="slider-size homeSlideShow">
<div id="caption11" class="carousel-caption full_width_carousel_caption full_width_carousel_caption_top_left animated slideInUp" data-animation="animated pulse">
</div>
</div>
</div>
<style>
@media (max-width: 480px) {
}
@media (min-width: 480px) and (max-width: 767px) {
}
</style>
<div class="item ">
<div aria-label="Educator instructing a student" style="background:url(https://files.smartsites.parentsquare.com/3394/2sxrlc.jpg); background-position: center center;background-size:cover; background-repeat: no-repeat;" class="slider-size homeSlideShow">
<div id="caption12" class="carousel-caption full_width_carousel_caption full_width_carousel_caption_top_left animated slideInUp" data-animation="animated pulse">
</div>
</div>
</div>
<style>
@media (max-width: 480px) {
}
@media (min-width: 480px) and (max-width: 767px) {
}
</style>
<div class="item ">
<div aria-label="Students working on projects" style="background:url(https://files.smartsites.parentsquare.com/3394/jghtge.jpg); background-position: center center;background-size:cover; background-repeat: no-repeat;" class="slider-size homeSlideShow">
<div id="caption13" class="carousel-caption full_width_carousel_caption full_width_carousel_caption_top_left animated slideInUp" data-animation="animated pulse">
</div>
</div>
</div>
<style>
@media (max-width: 480px) {
}
@media (min-width: 480px) and (max-width: 767px) {
}
</style>
<div class="item ">
<div aria-label="Students studying in the library" style="background:url(https://files.smartsites.parentsquare.com/3394/lgcd3d.jpg); background-position: center center;background-size:cover; background-repeat: no-repeat;" class="slider-size homeSlideShow">
<div id="caption14" class="carousel-caption full_width_carousel_caption full_width_carousel_caption_top_left animated slideInUp" data-animation="animated pulse">
</div>
</div>
</div>
</div>
<!--======= Left Button =========-->
<a class="left carousel-control full_width_carousel_control_left" href="#full_width_carousel_379706" role="button" data-slide="prev">
<span class="fa fa-angle-double-left full_width_carousel_control_icons" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<!--======= Right Button =========-->
<a class="right carousel-control full_width_carousel_control_right" href="#full_width_carousel_379706" role="button" data-slide="next">
<span class="fa fa-angle-double-right full_width_carousel_control_icons" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<style>
#item379706::before {
background-color:#F5F5F5;
}
.custom_379706 .full_width_carousel_caption h3, .custom_379706 .full_width_carousel_caption p {
padding:10px;
}
.custom_379706 .full_width_carousel_button_colored, .custom_379706 .full_width_carousel_button_colored:visited {
color: !important;
}
/*ony set here hardcoded now for design stack testing*/
.custom_379706 .full_width_carousel_button_colored {
display: inline-block !important;
}
.custom_379706 .full_width_carousel_control_left {
margin-left:20px;
}
.custom_379706 .full_width_carousel_control_right {
margin-right:20px;
}
.custom_379706 .full_width_carousel_control_left, .custom_379706 .full_width_carousel_control_left:hover, .custom_379706 .full_width_carousel_control_left:active, .custom_379706 .full_width_carousel_control_left:focus, .custom_379706 .full_width_carousel_control_right, .custom_379706 .full_width_carousel_control_right:hover, .custom_379706 .full_width_carousel_control_right:active, .custom_379706 .full_width_carousel_control_right:focus {
background-color: !important;
}
.custom_379706 .full_width_carousel_control_left .fa {
margin-top:2px;
}
.custom_379706 .full_width_carousel_control_right .fa {
margin-top:2px;
}
.custom_379706 .full_width_carousel_button_colored:before {
background: ;
}
.custom_379706 .full_width_carousel_button_colored:hover,
.custom_379706 .full_width_carousel_button_colored:active,
.custom_379706 .full_width_carousel_button_colored:focus {
background: !important;
}
@media (max-width: 480px) {
.custom_379706 .homeSlideShow {
background-size:cover !important;
/* commented this out because it was conflicting with bootstap img-responsive class when resizing images */
/* height:400px !important; */
background-position:center center !important;
}
.custom_379706 #full_width_carousel_379706 .carousel-control {
width: 14% !important;
} }
@media (min-width: 480px) and (max-width: 767px) {
.custom_379706 .homeSlideShow {
background-size:cover !important;
/* commented this out because it was conflicting with bootstap img-responsive class when resizing images */
/* height:400px !important; */
background-position:center center !important;
}
.custom_379706 #full_width_carousel_379706 .carousel-control {
width: 9% !important;
} }
@media (max-width: 767px) {
.custom_379706 .homeSlideShow {
background-size:cover ;
height:330px;
}
.custom_379706 .full_width_carousel_wrapper {
max-height: 330px !important;
}
.custom_379706 #full_width_carousel_379706 .carousel-control {
width: 7.5%;
} }
@media (min-width: 768px) and (max-width: 991px) {
.custom_379706 .homeSlideShow {
background-size:cover ;
height:330px;
}
.custom_379706 .full_width_carousel_wrapper {
max-height: 330px !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.custom_379706 .homeSlideShow {
background-size:cover ;
height:500px;
}
.custom_379706 .full_width_carousel_wrapper {
max-height: 500px !important;
}
}
@media (min-width: 1200px) {
.custom_379706 .homeSlideShow {
background-size:cover ;
height:500px;
}
.custom_379706 .full_width_carousel_wrapper {
max-height: 500px !important;
}
.custom_379706 #full_width_carousel_379706 .carousel-control {
width: 5%;
} }
.custom_379706 .full_width_carousel_caption h3 {
font-family: arial, sans-serif; font-size: 12px !important;
}
.custom_379706 .full_width_carousel_caption p {
font-family: arial, sans-serif; font-size: 12px !important;
}
@media (min-width: 768px) and (max-width: 891px) {
.custom_379706 #full_width_carousel_379706 .carousel-control {
width: 8% !important;
} }
@media (min-width: 768px) and (max-width: 991px) {
.custom_379706 #full_width_carousel_379706 .carousel-control {
width: 7%;
} }
@media (min-width: 992px) and (max-width: 1199px) {
.custom_379706 #full_width_carousel_379706 .carousel-control {
width: 6%;
} }
@media (min-width: 992px) and (max-width: 1195px) {
.custom_379706 #full_width_carousel_379706 .carousel-control {
width: 5% !important;
} }
@media (min-width: 1195px) and (max-width: 1199px) {
.custom_379706 #full_width_carousel_379706 .carousel-control {
width: 4.5% !important;
} }
@media (min-width: 1200px) and (max-width: 1600px) {
.custom_379706 #full_width_carousel_379706 .carousel-control {
width: 3.9% !important;
} }
@media (min-width: 1600px) and (max-width: 2070px) {
.custom_379706 #full_width_carousel_379706 .carousel-control {
width: 3% !important;
} }
@media (min-width: 2070px) and (max-width: 2970px) {
.custom_379706 #full_width_carousel_379706 .carousel-control {
width: 2.4% !important;
} }
.ls-select-box select {
font-size:80% !important;
}
</style>
<!--END CUSTOM CAROUSEL CODE-->
</div>
</div>
</div>
<script>
pauseCarousels(JSON.stringify({
carousel_id_to_pause: "#full_width_carousel_379706",
type: "slideshow"
}));
</script>
<div class="clearfix"></div>
</section>
<section data-comp="columns" class="ss-component ss-columns " id="item1001152" data-pageid="stack_columns" data-parentid="2494" data-elemid="1001152">
<div id="stack_content_1001152" class="">
<div class="ss-component-content container ss-one-column">
<div class="ss-columns-details-wrapper">
<div class="ss-editor-content ss-component-intro inline_edit_1001152 " contenteditable="false" data-text-only="0" data-colum="details"></div>
</div>
<div class="ss-component-column-wrapper ss-one-column">
<div class="ss-editor-content ss-component-column ss-column-one inline_edit_1001152 " contenteditable="false" data-text-only="0" data-colum="column1">
<p style="text-align: center;"> </p>
<p style="text-align: center;"><span style="color:#8b0f03;"><span style="font-size:36px;"><span style="font-family:Montserrat;">WELCOME TO <strong>SAN RAFAEL HIGH SCHOOL</strong></span></span></span></p>
<p style="text-align: center;"> </p>
<table align="center" border="1" cellpadding="1" cellspacing="1" style="width:500px;">
<tbody>
<tr>
<td>
<p style="text-align: center;"><span style="font-size:16px;"><strong>Office Hours</strong></span></p>
<p style="text-align: center;"><span style="font-size:14px;"><strong>Mon – Fri</strong></span></p>
<p style="text-align: center;"><strong><span style="color:#000000;">8:00am – 4:30pm</span></strong></p>
<p style="text-align: center;"><strong><span style="font-size:14px;">415-485-2330</span></strong></p>
</td>
<td>
<p style="text-align: center;"><span style="font-size:14px;"><b>Attendance</b></span></p>
<p style="text-align: center;"><span style="font-size:14px;"><b>415-485-2335</b></span></p>
<p style="text-align: center;"><span style="color:#000000;"><strong>Spanish</strong></span></p>
<p style="text-align: center;"><span style="color:#000000;"><strong>415-485-2396</strong></span></p>
<p style="text-align: center;"><span style="color:#000000;"><strong>415-485-2499</strong></span></p>
</td>
</tr>
</tbody>
</table>
<p style="text-align: center;"> </p>
</div>
<div class="ss-editor-content ss-component-column ss-column-two inline_edit_1001152 " contenteditable="false" data-text-only="0" data-colum="column2">
</div>
<div class="ss-editor-content ss-component-column ss-column-three inline_edit_1001152 " contenteditable="false" data-text-only="0" data-colum="column3">
</div>
<div class="ss-editor-content ss-component-column ss-column-four inline_edit_1001152 " contenteditable="false" data-text-only="0" data-colum="column4">
</div>
</div>
</div>
</div>
<style type="text/css">
#item1001152 {
color: ;
background-repeat: no-repeat;
background-position: center center;
}
#item1001152::before {
background-color: ;
opacity: 1.0;
}
#item1001152 a:not(.ss-admin-edit) {
color: ;
}
#item1001152 img,
#item1001152 a:has(img) {
border-radius: 0px;
}
</style> </section>
<section data-comp="columns" class="ss-component ss-columns " id="item1001339" data-pageid="stack_columns" data-parentid="2494" data-elemid="1001339">
<div id="stack_content_1001339" class="">
<div class="ss-component-content container ss-three-column">
<div class="ss-columns-details-wrapper">
<div class="ss-editor-content ss-component-intro inline_edit_1001339 " contenteditable="false" data-text-only="0" data-colum="details"></div>
</div>
<div class="ss-component-column-wrapper ss-three-column">
<div class="ss-editor-content ss-component-column ss-column-one inline_edit_1001339 " contenteditable="false" data-text-only="0" data-colum="column1">
<p style="text-align: center;"><u><strong>Final Transcripts</strong></u></p>
<p style="text-align: center;"> </p>
<p>Class of 2025 Final Transcripts were sent out electronically to colleges, universities, and technical schools via Parchment today, <strong>June 26th,</strong> as indicated in your <u>Senior Survey</u>. </p>
<p>Receipt of your transcript may not be reflected in your school portal until the school has reviewed your transcript and finalized your acceptance.<br />
<br />
Enjoy the rest of your summer!</p>
</div>
<div class="ss-editor-content ss-component-column ss-column-two inline_edit_1001339 " contenteditable="false" data-text-only="0" data-colum="column2">
<p style="text-align: center;"><u><strong>Summer Work Permits</strong></u></p>
<p style="text-align: center;"> </p>
<ul>
<li>
<p role="presentation">Get the job first</p>
</li>
<li>
<p role="presentation">Fill out the <a href="https://drive.google.com/file/d/1JvqFkhUTWkiKxKYhTdstosdsvXcXjSaS/view?usp=sharing">Statement of Intent to Employ a Minor</a></p>
</li>
<li>
<p role="presentation">Must be signed by Parent </p>
</li>
<li>
<p role="presentation">Must be signed by new employer</p>
</li>
<li>
<p role="presentation">Call the Main Office to make an appointment to get the work permit</p>
</li>
<li>
<p role="presentation">415-485-2330</p>
</li>
<li>
<p role="presentation">415-485-2337</p>
</li>
<li>
<p role="presentation">Make sure to bring an ID</p>
</li>
</ul>
</div>
<div class="ss-editor-content ss-component-column ss-column-three inline_edit_1001339 " contenteditable="false" data-text-only="0" data-colum="column3">
<p style="text-align: center;"><u><strong>2025- 2026 Summer Assignments</strong></u></p>
<p style="text-align: center;"><a href="https://drive.google.com/file/d/10I7tchODs_hPTKlydPF5ugmWh0av5h9z/view?usp=sharing" rel="noopener noreferrer" target="_blank">Algebra 2 Honors</a></p>
<p style="text-align: center;"><a href="https://drive.google.com/file/d/1BCitF_Bo0FWjbseQRy4NPihGmhFxsziu/view?usp=sharing" rel="noopener noreferrer" target="_blank">AP Calculus AB</a></p>
<p style="text-align: center;"><a href="https://drive.google.com/file/d/1IIoDP4116jkrXwocdtKKjEk5011d1Upy/view?usp=sharing" rel="noopener noreferrer" target="_blank">AP Precalculus</a></p>
<p style="text-align: center;"><a href="https://drive.google.com/file/d/1Pr-VKMqgvQ0zI6g7gHr84pnYSojg4rpG/view?usp=sharing" rel="noopener noreferrer" target="_blank">AP Statistics</a></p>
<p style="text-align: center;"><a href="https://drive.google.com/file/d/194vVTdxhraZaIYL7iTlal5R95SlDDI6C/view?usp=sharing" rel="noopener noreferrer" target="_blank">Geometry Honors</a></p>
</div>
<div class="ss-editor-content ss-component-column ss-column-four inline_edit_1001339 " contenteditable="false" data-text-only="0" data-colum="column4">
</div>
</div>
</div>
</div>
<style type="text/css">
#item1001339 {
color: ;
background-repeat: no-repeat;
background-position: center center;
}
#item1001339::before {
background-color: ;
opacity: 1.0;
}
#item1001339 a:not(.ss-admin-edit) {
color: ;
}
#item1001339 img,
#item1001339 a:has(img) {
border-radius: 0px;
}
</style> </section>
<section data-comp="columns" class="ss-component ss-columns break-out " id="item1001373" data-pageid="stack_columns" data-parentid="2494" data-elemid="1001373">
<div id="stack_content_1001373" class="">
<div class="ss-component-content container background-break-out ss-one-column">
<div class="ss-columns-details-wrapper">
<div class="ss-editor-content ss-component-intro inline_edit_1001373 " contenteditable="false" data-text-only="0" data-colum="details"></div>
</div>
<div class="ss-component-column-wrapper ss-one-column">
<div class="ss-editor-content ss-component-column ss-column-one inline_edit_1001373 " contenteditable="false" data-text-only="0" data-colum="column1">
<p><a class="btn btn-default btn-block" href="https://www.parchment.com/u/registration/6924/account">Parchment Transcript Request</a></p>
</div>
<div class="ss-editor-content ss-component-column ss-column-two inline_edit_1001373 " contenteditable="false" data-text-only="0" data-colum="column2">
</div>
<div class="ss-editor-content ss-component-column ss-column-three inline_edit_1001373 " contenteditable="false" data-text-only="0" data-colum="column3">
</div>
<div class="ss-editor-content ss-component-column ss-column-four inline_edit_1001373 " contenteditable="false" data-text-only="0" data-colum="column4">
</div>
</div>
</div>
</div>
<style type="text/css">
#item1001373 {
color: ;
background-repeat: no-repeat;
background-position: center center;
}
#item1001373::before {
background-color: ;
opacity: 1.0;
}
#item1001373 a:not(.ss-admin-edit) {
color: ;
}
#item1001373 img,
#item1001373 a:has(img) {
border-radius: 0px;
}
</style> </section>
<section data-comp="columns" class="ss-component ss-columns " id="item1001370" data-pageid="stack_columns" data-parentid="2494" data-elemid="1001370">
<div id="stack_content_1001370" class="">
<div class="ss-component-header container">
<h3 class="ss-component-header-title">2024-2025 Curriculum Guide</h3>
</div> <div class="ss-component-content container ss-one-column">
<div class="ss-columns-details-wrapper">
<div class="ss-editor-content ss-component-intro inline_edit_1001370 " contenteditable="false" data-text-only="0" data-colum="details"></div>
</div>
<div class="ss-component-column-wrapper ss-one-column">
<div class="ss-editor-content ss-component-column ss-column-one inline_edit_1001370 " contenteditable="false" data-text-only="0" data-colum="column1">
<p>SRHS Curriculum Guide</p>
<p>The SRHS Curriculum Guide is now available for students and families to review while considering their schedule requests for next school year. In it you'll find detailed course descriptions and other important information about our school. </p>
<p>- Curriculum Guide (<a href="https://srcs.org/24564_4" target="_blank">English & Spanish</a>)</p>
<p> </p>
<p> </p>
</div>
<div class="ss-editor-content ss-component-column ss-column-two inline_edit_1001370 " contenteditable="false" data-text-only="0" data-colum="column2">
</div>
<div class="ss-editor-content ss-component-column ss-column-three inline_edit_1001370 " contenteditable="false" data-text-only="0" data-colum="column3">
</div>
<div class="ss-editor-content ss-component-column ss-column-four inline_edit_1001370 " contenteditable="false" data-text-only="0" data-colum="column4">
</div>
</div>
</div>
</div>
<style type="text/css">
#item1001370 {
color: ;
background-repeat: no-repeat;
background-position: center center;
}
#item1001370::before {
background-color: ;
opacity: 1.0;
}
#item1001370 a:not(.ss-admin-edit) {
color: ;
}
#item1001370 img,
#item1001370 a:has(img) {
border-radius: 0px;
}
</style> </section>
<section data-comp="post-feed" class="ss-component ss-post-feed stack_news editme ss-has-bg " id="item379718" data-pageid="stack_newsArticles" data-parentid="2494" data-elemid="379718" > <div id="stack_content_379718" class="">
<div class="ss-component-header container">
<h3 class="ss-component-header-title">Updates</h3>
</div> <div class="ss-component-content container" >
<div class="ss-editor-content ss-component-intro inline_edit_379718" contenteditable="false" data-text-only="0" data-colum="details"></div> <div class="news-feed-psq news-feed-overflow-grid ">
<div class="custom_dH2Fot news-feed-psq-container news-feed-container-dH2Fot">
<article id="article54154407" class="article-container article-color">
<a href="/index.php?pageID=smartSiteFeed&feed=%5B%22%7B%5C%22id%5C%22%3A%5C%229160%5C%22%2C%5C%22source%5C%22%3A%5C%22schools%5C%22%7D%22%5D&articleID=54154407" class="psq_feed_item">
<div class="ss-post-feed-img-container-outer">
<div class="ss-post-feed-img-container">
<div class="ss-post-feed-img-bg" style="background-image: url('https://s3.amazonaws.com/ps-feeds-production/inline_images_1745254223396-SRCS+Supt+Message+Header+%281%29.jpg');"></div>
<img src="https://s3.amazonaws.com/ps-feeds-production/inline_images_1745254223396-SRCS+Supt+Message+Header+%281%29.jpg" alt="">
</div>
</div>
<div class="psq_feed_content_container">
<div class="psq_feed_flex_container">
<div class="psq_feed_content_text">
<h4 class="psq_feed_content_title">
Message from Superintendent: Tragic News on Fatal Car Accident
</h4>
<div class="psq_feed_content_description">
Tragic News on Fatal Car Accident Dear SRCS High
School Community, It is with great sadness that we share that there
was a serious car accident in Petaluma on Saturday night involvi<span>. . .</span>
</div>
</div>
</div>
</div>
</a>
</article> <article id="article53701040" class="article-container article-color">
<a href="/index.php?pageID=smartSiteFeed&feed=%5B%22%7B%5C%22id%5C%22%3A%5C%229160%5C%22%2C%5C%22source%5C%22%3A%5C%22schools%5C%22%7D%22%5D&articleID=53701040" class="psq_feed_item">
<div class="ss-post-feed-img-container-outer">
<div class="ss-post-feed-img-container">
<div class="ss-post-feed-img-bg" style="background-image: url('https://s3.amazonaws.com/ps-feeds-production/inline_images_1745254223396-SRCS+Supt+Message+Header+%281%29.jpg');"></div>
<img src="https://s3.amazonaws.com/ps-feeds-production/inline_images_1745254223396-SRCS+Supt+Message+Header+%281%29.jpg" alt="">
</div>
</div>
<div class="psq_feed_content_container">
<div class="psq_feed_flex_container">
<div class="psq_feed_content_text">
<h4 class="psq_feed_content_title">
Thank You for a Wonderful 2024-25 School Year!
</h4>
<div class="psq_feed_content_description">
Thank You for a Wonderful 2024-25 School Year! Dear
SRCS Community, As we reach the end of the school year, I want to
express my deepest gratitude for the dedication, care and effor<span>. . .</span>
</div>
</div>
</div>
</div>
</a>
</article> <article id="article53642839" class="article-container article-color">
<a href="/index.php?pageID=smartSiteFeed&feed=%5B%22%7B%5C%22id%5C%22%3A%5C%229160%5C%22%2C%5C%22source%5C%22%3A%5C%22schools%5C%22%7D%22%5D&articleID=53642839" class="psq_feed_item">
<div class="ss-post-feed-img-container-outer">
<div class="ss-post-feed-img-container">
<div class="ss-post-feed-img-bg" style="background-image: url('https://s3.amazonaws.com/ps-feeds-production/inline_images_1747768124583-SRS+logo_white-01.png');"></div>
<img src="https://s3.amazonaws.com/ps-feeds-production/inline_images_1747768124583-SRS+logo_white-01.png" alt="">
</div>
</div>
<div class="psq_feed_content_container">
<div class="psq_feed_flex_container">
<div class="psq_feed_content_text">
<h4 class="psq_feed_content_title">
Communication Regarding SRCS Board Member
</h4>
<div class="psq_feed_content_description">
Communication Regarding SRCS Board Member Dear San Rafael City
Schools Community, I am writing to share about a difficult and
serious matter. Today, the San Rafael Police Department (SRPD)
arres<span>. . .</span>
</div>
</div>
</div>
</div>
</a>
</article> <article id="article53509482" class="article-container article-color">
<a href="/index.php?pageID=smartSiteFeed&feed=%5B%22%7B%5C%22id%5C%22%3A%5C%229160%5C%22%2C%5C%22source%5C%22%3A%5C%22schools%5C%22%7D%22%5D&articleID=53509482" class="psq_feed_item">
<div class="ss-post-feed-img-container-outer">
<div class="ss-post-feed-img-container">
<div class="ss-post-feed-img-bg" style="background-image: url('https://s3.amazonaws.com/ps-feeds-production/inline_images_1723247012931-SRHS+Header.jpg');"></div>
<img src="https://s3.amazonaws.com/ps-feeds-production/inline_images_1723247012931-SRHS+Header.jpg" alt="">
</div>
</div>
<div class="psq_feed_content_container">
<div class="psq_feed_flex_container">
<div class="psq_feed_content_text">
<h4 class="psq_feed_content_title">
This Week @ SR - June 9, 2025
</h4>
<div class="psq_feed_content_description">
This Week @ SR! | June 9, 2025 Weekly Newsletter
Upcoming Important Events 6/9-6/12 - Final Exams 6/11 -
Mandatory Graduation Rehearsal 6/12 - Graduation 6/13 - 8/1<span>. . .</span>
</div>
</div>
</div>
</div>
</a>
</article>
</div>
<div class="ss-slick-control-wrapper ">
<div class="ss-slick-control-buttons">
<div class="ss-slick-play-pause-wrapper">
<button aria-label="Pause Article Carousel" class="ss-slick-pause ss-button"> <svg class="nav-pause-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
<g clip-path="url(#clip0_15_1083)">
<rect width="40" height="40" rx="20" fill="black"/>
<path d="M23 16V24" stroke="white" stroke-width="2.5" stroke-linecap="square"/>
<path d="M17 16V24" stroke="white" stroke-width="2.5" stroke-linecap="square"/>
</g>
<defs>
<clipPath id="clip0_15_1083">
<rect width="40" height="40" fill="white"/>
</clipPath>
</defs>
</svg></button>
<button aria-label="Play Article Carousel" class="ss-slick-play ss-button"> <svg class="nav-play-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
<g clip-path="url(#clip0_15_1112)">
<rect class="nav-play-circle" width="40" height="40" rx="20" fill="black" />
<path d="M25.875 19.3505C26.375 19.6392 26.375 20.3608 25.875 20.6495L17.625 25.4127C17.125 25.7013 16.5 25.3405 16.5 24.7631L16.5 15.2369C16.5 14.6595 17.125 14.2987 17.625 14.5873L25.875 19.3505Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_15_1112">
<rect width="40" height="40" fill="white"/>
</clipPath>
</defs>
</svg></button>
</div>
<button aria-label="Previous Article" class="slick-prev ss-button"> <div class="nav-svg-container">
<svg class="nav-circle-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
<circle cx="20" cy="20" r="20" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12" class="left-nav-arrow-svg nav-arrow-svg">
<path d="M7.26318 1.625L2.61117 6.04442L7.26318 10.4638" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/>
</svg>
</div></button>
<button aria-label="Next Article" class="slick-next ss-button"> <div class="nav-svg-container">
<svg class="nav-circle-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
<circle cx="20" cy="20" r="20" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12" class="right-nav-arrow-svg nav-arrow-svg">
<path d="M1.73682 1.625L6.38883 6.04442L1.73682 10.4638" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/>
</svg>
</div></button>
<button aria-label="Previous Article" class="slick-prev-mobile-carousel ss-button"> <div class="nav-svg-container">
<svg class="nav-circle-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
<circle cx="20" cy="20" r="20" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12" class="left-nav-arrow-svg nav-arrow-svg">
<path d="M7.26318 1.625L2.61117 6.04442L7.26318 10.4638" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/>
</svg>
</div></button>
<button aria-label="Next Article" class="slick-next-mobile-carousel ss-button"> <div class="nav-svg-container">
<svg class="nav-circle-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
<circle cx="20" cy="20" r="20" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12" class="right-nav-arrow-svg nav-arrow-svg">
<path d="M1.73682 1.625L6.38883 6.04442L1.73682 10.4638" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/>
</svg>
</div></button>
</div>
</div>
</div>
</div>
</div>
<style>
#item379718::before {
width: 100vw;
left: 50%;
transform: translateX(-50%);
background-color: #ffffff;
}
.custom_dH2Fot a,
.custom_dH2Fot h3,
.custom_dH2Fot h4 {
color:#8b0f03 !important;
}
@media (max-width: 767px) {
#stack_content_379718 .setBreakLine {
clear:both;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#stack_content_379718 .setBreakLine {
clear:both;
}
}
#stack_content_379718 .article-color,
#stack_content_379718 .article-color a {
color: #333333;
}
#stack_content_379718 hr {
border: 1px solid;
}
#item379718 .ss-accent-line .ss-post-feed-img-container {
border-color: #8B0F03;
}
#item379718 .ss-accent-box .article-container::before {
background-color: #8B0F03;
}
@media (max-width: 768px) {
#item379718 .ss-accent-box .ss-post-feed-img-container {
border-color: #8B0F03;
}
}
#stack_content_379718 .carousel-control-container {
display: flex;
flex-direction: row;
justify-content: center;
margin-top: 50px;
margin-bottom: 10px;
}
#stack_content_379718 .carousel-control-container .fa-solid {
line-height: inherit;
}
#stack_content_379718 .carousel-control-container i {
font-size: 25px;
color: #DCDCDC;
}
#stack_content_379718 .carousel-control-container i:hover {
color: black;
}
#stack_content_379718 .carousel-control-container ol {
list-style: none;
display: flex;
flex-direction: row;
gap: 10px;
align-items: center;
padding: 0;
margin: 0 10px;
}
#stack_content_379718 .carousel-control-container li {
background-color: #DCDCDC;
width: 10px;
height: 10px;
cursor: pointer;
border: 1px solid #fff;
border-radius: 10px;
}
#stack_content_379718 .carousel-control-container .active {
background-color: black;
}
#stack_content_379718 .news-feed-container-dH2Fot h3,
#stack_content_379718 .news-feed-container-dH2Fot h4,
#stack_content_379718 .news-feed-psq h3,
#stack_content_379718 .news-feed-psq h4 {
font-family: Montserrat, sans-serif;
font-weight: 700; font-size: 24px;
color: ;
}
</style>
<script>
a11yOptHeading("item379718", "#ffffff");
</script>
<div class="clearfix"></div>
</section>
<section data-comp="scroll-over-images" class="ss-component stack-item-container scrollover-image-stack-item-container editme ss-no-pad break-out ss-no-margin ss-no-radius " id="item379709">
<!-- Stack Scrollover Image Component -->
<div class="clearfix"></div>
<div id="stack_content_379709" class="stack-item-view-container ">
<div class="ss-component-content container">
<div class="ss-editor-content ss-component-intro inline_edit_379709" contenteditable="false" data-text-only="0" data-colum="details"></div> <ul class="scrollover-image-container stack-item-content-container stack-item-three-column-grid scrollover-cover">
<li><a class="link-box image-rollover-container" target="_blank" href="https://www.srcs.org/9419_3" style="background-image: url('https://files.smartsites.parentsquare.com/3394/jbyqag.png')">
<div class="image-rollover-content">
<span class="ss-scrollover-title inline_edit_379709" data-eleid="133" contenteditable="false" data-text-only="1" data-key="Title 1" data-colum="text_json"><span>ABOUT US</span></span>
<div class="image-rollover-reveal">
<p class="inline_edit_379709" data-eleid="133" contenteditable="false" data-text-only="1" data-key="Par 1" data-colum="text_json"></p>
</div>
</div>
</a></li> <li><a class="link-box image-rollover-container" target="_blank" href="https://www.srcs.org/9348_3" style="background-image: url('https://files.smartsites.parentsquare.com/3394/kdakfi.png')">
<div class="image-rollover-content">
<span class="ss-scrollover-title inline_edit_379709" data-eleid="133" contenteditable="false" data-text-only="1" data-key="Title 2" data-colum="text_json"><span>ENROLLMENT</span></span>
<div class="image-rollover-reveal">
<p class="inline_edit_379709" data-eleid="133" contenteditable="false" data-text-only="1" data-key="Par 2" data-colum="text_json"></p>
</div>
</div>
</a></li> <li><a class="link-box image-rollover-container" target="_blank" href="https://srcs.org/9398_3" style="background-image: url('https://files.smartsites.parentsquare.com/3394/m3f6ve.png')">
<div class="image-rollover-content">
<span class="ss-scrollover-title inline_edit_379709" data-eleid="133" contenteditable="false" data-text-only="1" data-key="Title 3" data-colum="text_json"><span>CALENDARS</span></span>
<div class="image-rollover-reveal">
<p class="inline_edit_379709" data-eleid="133" contenteditable="false" data-text-only="1" data-key="Par 3" data-colum="text_json"></p>
</div>
</div>
</a></li> </ul>
</div>
</div>
<div class="clearfix"></div>
<style>
#item379709 .image-rollover-container {
height: 200px;
}
#item379709 .scrollover-image-container .ss-scrollover-title {
color: #ffffff; font-family: Montserrat, sans-serif;
font-weight: 700; font-size: 20px;}
#item379709 .scrollover-image-container p {
color: #ffffff; font-family: Montserrat, sans-serif; font-size: 18px;}
#item379709 .image-rollover-container:hover .ss-scrollover-title,
#item379709 .image-rollover-container:focus .ss-scrollover-title,
#item379709 .image-rollover-container:hover p,
#item379709 .image-rollover-container:focus p {
color: #FFFFFF;}
#item379709 .scrollover-cover .image-rollover-container::before {
background-color: #000000;
opacity: 0.4;
}
#item379709 .image-rollover-container:focus::before,
#item379709 .image-rollover-container:hover::before,
#item379709 .scrollover-cover .image-rollover-container:hover::before,
#item379709 .scrollover-cover .image-rollover-container:focus::before {
background-color: #000000;
opacity: 0.6;
}
#item379709 .scrollover-gradiant .image-rollover-content .ss-scrollover-title::before {
background-image: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.4) 44.9%);
}
#item379709 .scrollover-gradiant .image-rollover-content p::before {
background-color: rgba(0,0,0,0.4);
}
#item379709 .scrollover-gradiant .image-rollover-container:hover .ss-scrollover-title::before,
#item379709 .scrollover-gradiant .image-rollover-container:focus .ss-scrollover-title::before,
#item379709 .scrollover-gradiant .image-rollover-container:hover p::before,
#item379709 .scrollover-gradiant .image-rollover-container:focus p::before {
background-image: none;
background-color: transparent;
}
@media screen and (max-width: 767px) {
#item379709 .image-rollover-content {
visibility: visible;
}
#item379709 .scrollover-image-container .image-rollover-container .ss-scrollover-title,
#item379709 .scrollover-image-container .image-rollover-container p {
color: #FFFFFF; }
#item379709 .scrollover-cover .image-rollover-container::before,
#item379709 .image-rollover-container::before {
background-color: #000000;
opacity: 0.6;
}
}
#item379709 .animated-button svg path {
stroke: #FFFFFF;
}
#item379709 .animated-button {
color: #FFFFFF;
background-color: #4072B9;
font-family: Montserrat, sans-serif;
}
#item379709 .animated-button {
font-size: 16px;
}
#item379709 .animated-button .animated-button-text {
transform: translateX(4.6666666666667px);
}
#item379709 .animated-button svg {
height: 11.2px;
}
</style>
</section>
<section data-comp="scroll-over-images" class="ss-component stack-item-container scrollover-image-stack-item-container editme ss-no-pad break-out ss-no-margin ss-no-radius " id="item379711">
<!-- Stack Scrollover Image Component -->
<div class="clearfix"></div>
<div id="stack_content_379711" class="stack-item-view-container ">
<div class="ss-component-content container">
<div class="ss-editor-content ss-component-intro inline_edit_379711" contenteditable="false" data-text-only="0" data-colum="details"></div> <ul class="scrollover-image-container stack-item-content-container stack-item-three-column-grid scrollover-cover">
<li><a class="link-box image-rollover-container" target="_blank" href="https://srcs.org/9378_3" style="background-image: url('https://files.smartsites.parentsquare.com/3394/upmwla.png')">
<div class="image-rollover-content">
<span class="ss-scrollover-title inline_edit_379711" data-eleid="134" contenteditable="false" data-text-only="1" data-key="Title 1" data-colum="text_json"><span>CAREERS</span></span>
<div class="image-rollover-reveal">
<p class="inline_edit_379711" data-eleid="134" contenteditable="false" data-text-only="1" data-key="Par 1" data-colum="text_json"></p>
</div>
</div>
</a></li> <li><a class="link-box image-rollover-container" target="_blank" href="https://www.srcs.org/14293_3" style="background-image: url('https://files.smartsites.parentsquare.com/3394/lxsara.png')">
<div class="image-rollover-content">
<span class="ss-scrollover-title inline_edit_379711" data-eleid="134" contenteditable="false" data-text-only="1" data-key="Title 2" data-colum="text_json"><span>STUDENT/PARENT PORTAL</span></span>
<div class="image-rollover-reveal">
<p class="inline_edit_379711" data-eleid="134" contenteditable="false" data-text-only="1" data-key="Par 2" data-colum="text_json"></p>
</div>
</div>
</a></li> <li><a class="link-box image-rollover-container" target="_blank" href="https://www.parentsquare.com/districts/931" style="background-image: url('https://files.smartsites.parentsquare.com/3394/0hvhba.png')">
<div class="image-rollover-content">
<span class="ss-scrollover-title inline_edit_379711" data-eleid="134" contenteditable="false" data-text-only="1" data-key="Title 3" data-colum="text_json"><span>PARENTSQUARE</span></span>
<div class="image-rollover-reveal">
<p class="inline_edit_379711" data-eleid="134" contenteditable="false" data-text-only="1" data-key="Par 3" data-colum="text_json"></p>
</div>
</div>
</a></li> </ul>
</div>
</div>
<div class="clearfix"></div>
<style>
#item379711 .image-rollover-container {
height: 200px;
}
#item379711 .scrollover-image-container .ss-scrollover-title {
color: #ffffff; font-family: Montserrat, sans-serif;
font-weight: 700; font-size: 20px;}
#item379711 .scrollover-image-container p {
color: #ffffff; font-family: Montserrat, sans-serif; font-size: 18px;}
#item379711 .image-rollover-container:hover .ss-scrollover-title,
#item379711 .image-rollover-container:focus .ss-scrollover-title,
#item379711 .image-rollover-container:hover p,
#item379711 .image-rollover-container:focus p {
color: #FFFFFF;}
#item379711 .scrollover-cover .image-rollover-container::before {
background-color: #000000;
opacity: 0.4;
}
#item379711 .image-rollover-container:focus::before,
#item379711 .image-rollover-container:hover::before,
#item379711 .scrollover-cover .image-rollover-container:hover::before,
#item379711 .scrollover-cover .image-rollover-container:focus::before {
background-color: #000000;
opacity: 0.6;
}
#item379711 .scrollover-gradiant .image-rollover-content .ss-scrollover-title::before {
background-image: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.4) 44.9%);
}
#item379711 .scrollover-gradiant .image-rollover-content p::before {
background-color: rgba(0,0,0,0.4);
}
#item379711 .scrollover-gradiant .image-rollover-container:hover .ss-scrollover-title::before,
#item379711 .scrollover-gradiant .image-rollover-container:focus .ss-scrollover-title::before,
#item379711 .scrollover-gradiant .image-rollover-container:hover p::before,
#item379711 .scrollover-gradiant .image-rollover-container:focus p::before {
background-image: none;
background-color: transparent;
}
@media screen and (max-width: 767px) {
#item379711 .image-rollover-content {
visibility: visible;
}
#item379711 .scrollover-image-container .image-rollover-container .ss-scrollover-title,
#item379711 .scrollover-image-container .image-rollover-container p {
color: #FFFFFF; }
#item379711 .scrollover-cover .image-rollover-container::before,
#item379711 .image-rollover-container::before {
background-color: #000000;
opacity: 0.6;
}
}
#item379711 .animated-button svg path {
stroke: #FFFFFF;
}
#item379711 .animated-button {
color: #FFFFFF;
background-color: #4072B9;
font-family: Montserrat, sans-serif;
}
#item379711 .animated-button {
font-size: 16px;
}
#item379711 .animated-button .animated-button-text {
transform: translateX(4.6666666666667px);
}
#item379711 .animated-button svg {
height: 11.2px;
}
</style>
</section>
<section data-comp="columns" class="ss-component ss-columns break-out " id="item1001342" data-pageid="stack_columns" data-parentid="2494" data-elemid="1001342">
<div id="stack_content_1001342" class="">
<div class="ss-component-header container">
<h3 class="ss-component-header-title">Quick Links</h3>
</div> <div class="ss-component-content container background-break-out ss-one-column">
<div class="ss-columns-details-wrapper">
<div class="ss-editor-content ss-component-intro inline_edit_1001342 " contenteditable="false" data-text-only="0" data-colum="details"></div>
</div>
<div class="ss-component-column-wrapper ss-one-column">
<div class="ss-editor-content ss-component-column ss-column-one inline_edit_1001342 " contenteditable="false" data-text-only="0" data-colum="column1">
</div>
<div class="ss-editor-content ss-component-column ss-column-two inline_edit_1001342 " contenteditable="false" data-text-only="0" data-colum="column2">
</div>
<div class="ss-editor-content ss-component-column ss-column-three inline_edit_1001342 " contenteditable="false" data-text-only="0" data-colum="column3">
</div>
<div class="ss-editor-content ss-component-column ss-column-four inline_edit_1001342 " contenteditable="false" data-text-only="0" data-colum="column4">
</div>
</div>
</div>
</div>
<style type="text/css">
#item1001342 {
color: ;
background-repeat: no-repeat;
background-position: center center;
}
#item1001342::before {
background-color: ;
opacity: 1.0;
}
#item1001342 a:not(.ss-admin-edit) {
color: ;
}
#item1001342 img,
#item1001342 a:has(img) {
border-radius: 0px;
}
</style> </section>
<section data-comp="columns" class="ss-component ss-columns break-out " id="item1001343" data-pageid="stack_columns" data-parentid="2494" data-elemid="1001343">
<div id="stack_content_1001343" class="">
<div class="ss-component-content container background-break-out ss-one-column">
<div class="ss-columns-details-wrapper">
<div class="ss-editor-content ss-component-intro inline_edit_1001343 " contenteditable="false" data-text-only="0" data-colum="details"></div>
</div>
<div class="ss-component-column-wrapper ss-one-column">
<div class="ss-editor-content ss-component-column ss-column-one inline_edit_1001343 " contenteditable="false" data-text-only="0" data-colum="column1">
<p><a class="btn btn-default btn-block" href="https://srcs.instructure.com/login">Canvas Student Login</a></p>
<p><a class="btn btn-default btn-block" href="https://sanrafaelhs.aeries.net/student/LoginParent.aspx">Aeries Parent Portal</a></p>
<p><a class="btn btn-default btn-block" href="https://sanrafael.srcs.org/18991_2">WeAreSR! Parent Organization</a></p>
<p><a class="btn btn-default btn-block" href="https://www.headsupsr.org/">HeadsUp Education Foundation</a></p>
</div>
<div class="ss-editor-content ss-component-column ss-column-two inline_edit_1001343 " contenteditable="false" data-text-only="0" data-colum="column2">
<p><a class="btn btn-default btn-block" href="https://www.srcs.org/12856_2">District Formal Complaints</a></p>
<p><a class="btn btn-default btn-block" href="https://docs.google.com/forms/d/e/1FAIpQLScxtKO068A7eKkj7ZsiLJ-Bnmm07I9fomXOI5CQH7HfoErp2Q/viewform?usp=sf_link">Confidential Sexual Harassment Reporting Form</a></p>
<p><a class="btn btn-default btn-block" href="https://docs.google.com/forms/d/e/1FAIpQLSfKH5nPLkGeciCi19h4x71fWVeM2JMGVyQ4Jz3Pxo1-_LBXVQ/viewform?usp=sf_link">Confidential Safety Concern Reporting Form</a></p>
<p><a class="btn btn-default btn-block" href="https://docs.google.com/forms/d/e/1FAIpQLSdT7l92d_6nnFqakxMcfL00bORVE9OZY0zLe8MuxVWw9tcCNg/viewform?usp=sf_link">Confidential Racial Incident Reporting Form</a></p>
</div>
<div class="ss-editor-content ss-component-column ss-column-three inline_edit_1001343 " contenteditable="false" data-text-only="0" data-colum="column3">
</div>
<div class="ss-editor-content ss-component-column ss-column-four inline_edit_1001343 " contenteditable="false" data-text-only="0" data-colum="column4">
</div>
</div>
</div>
</div>
<style type="text/css">
#item1001343 {
color: ;
background-repeat: no-repeat;
background-position: center center;
}
#item1001343::before {
background-color: ;
opacity: 1.0;
}
#item1001343 a:not(.ss-admin-edit) {
color: ;
}
#item1001343 img,
#item1001343 a:has(img) {
border-radius: 0px;
}
</style> </section>
<section data-comp="columns" class="ss-component ss-columns break-out " id="item1001153" data-pageid="stack_columns" data-parentid="2494" data-elemid="1001153">
<div id="stack_content_1001153" class="">
<div class="ss-component-header container">
<h3 class="ss-component-header-title">About Us</h3>
</div> <div class="ss-component-content container background-break-out ss-one-column">
<div class="ss-columns-details-wrapper">
<div class="ss-editor-content ss-component-intro inline_edit_1001153 " contenteditable="false" data-text-only="0" data-colum="details"></div>
</div>
<div class="ss-component-column-wrapper ss-one-column">
<div class="ss-editor-content ss-component-column ss-column-one inline_edit_1001153 " contenteditable="false" data-text-only="0" data-colum="column1">
<p style="text-align: center;">San Rafael High School sits on a sprawling campus in central San Rafael and serves students in grades 9-12. We are proud that SRHS serves an ethnically and culturally diverse student population. The school has served generations of San Rafael families, while also warmly welcoming recent immigrants. At SRHS, we prepare our students for college, career and life: students are communicators, critical thinkers, collaborators, problem solvers, reflective learners and community advocates. </p>
<p style="text-align: center;">SRHS's success is made possible by the work of outstanding staff and unparalleled community support. Talented teachers meet students’ individual needs as they learn, innovate and grow in enriching environments. Multiple parent organizations and a District foundation provide enhanced experiences and additional support programs. Working in partnership with the District and its schools, SRHS is guided by a Together 2024 Blueprint and the District values of equity, community and joy. <br />
</p>
</div>
<div class="ss-editor-content ss-component-column ss-column-two inline_edit_1001153 " contenteditable="false" data-text-only="0" data-colum="column2">
</div>
<div class="ss-editor-content ss-component-column ss-column-three inline_edit_1001153 " contenteditable="false" data-text-only="0" data-colum="column3">
</div>
<div class="ss-editor-content ss-component-column ss-column-four inline_edit_1001153 " contenteditable="false" data-text-only="0" data-colum="column4">
</div>
</div>
</div>
</div>
<style type="text/css">
#item1001153 {
color: ;
background-repeat: no-repeat;
background-position: center center;
}
#item1001153::before {
background-color: ;
opacity: 1.0;
}
#item1001153 a:not(.ss-admin-edit) {
color: ;
}
#item1001153 img,
#item1001153 a:has(img) {
border-radius: 0px;
}
</style> </section>
<section data-comp="horizontal-picture-series" class="ss-component stack_text_pic editme ss-no-pad break-out " id="item428829" data-pageid="stack_pic_series" data-parentid="2494" data-elemid="428829">
<style>
</style>
<div class="clearfix"></div>
<div id="stack_content_428829" class="">
<div class="ss-component-content container break-out">
<div style="padding-bottom:px;" class="text ">
<!--DIV CONTAINER-->
<div>
<!--CREATE THE DIV THAT ALLOWS FOR STACK ANIMATIONS THAT WILL HOLD YOUR STACK-->
<div data-wow-duration="1s" data-wow-delay="0.1s" class="wow animated 0 picseries_content_area">
<ul class="row custom_428829 picseries_row">
<li class="wow animated 0 picseries_image" data-wow-duration="1s" data-wow-delay="0.1s">
<figure>
<!--$pic_col_size-->
<img class="center-block horitontal_pic hortipics428829 img-responsive" src="https://files.smartsites.parentsquare.com/3394/4j6qpm.jpg" alt="Students studying" > </figure>
</li>
<li class="wow animated 0 picseries_image" data-wow-duration="1s" data-wow-delay="0.1s">
<figure>
<!--$pic_col_size-->
<img class="center-block horitontal_pic hortipics428829 img-responsive" src="https://files.smartsites.parentsquare.com/3394/7sd60l.jpg" alt="San Rafael High School entrance" > </figure>
</li>
<li class="wow animated 0 picseries_image" data-wow-duration="1s" data-wow-delay="0.1s">
<figure>
<!--$pic_col_size-->
<img class="center-block horitontal_pic hortipics428829 img-responsive" src="https://files.smartsites.parentsquare.com/3394/gslien.jpg" alt="Students working on projects" > </figure>
</li>
<li class="wow animated 0 picseries_image" data-wow-duration="1s" data-wow-delay="0.1s">
<figure>
<!--$pic_col_size-->
<img class="center-block horitontal_pic hortipics428829 img-responsive" src="https://files.smartsites.parentsquare.com/3394/j6kh5l.jpg" alt="San Rafael HS football field" > </figure>
</li>
<li class="wow animated 0 picseries_image" data-wow-duration="1s" data-wow-delay="0.1s">
<figure>
<!--$pic_col_size-->
<img class="center-block horitontal_pic hortipics428829 img-responsive" src="https://files.smartsites.parentsquare.com/3394/faf9tk.jpg" alt="Student working on an art project" > </figure>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<style>
.screen-reader-only {
position: absolute;
height: 1px;
width: 1px;
clip: rect(1px 1px 1px 1px); // IE 6 and 7
clip: rect(1px,1px,1px,1px);
clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
-webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
overflow: hidden !important;
}
.hortipics428829 {
}
#item428829 p {
margin:0px !important;
padding:0px !important;
}
#item428829 .picseries_row {
gap: 15px 30px;
}
@media (max-width: 767px) {
#item428829 .picseries_row li {
flex-basis: calc(50% - 15px);
}
}
#item428829 .break-out{
width: 100vw;
position: relative;
left: calc(-1 * (100vw - 100%) / 2);
}
</style>
</section>
<section data-comp="homepage-upcoming-events" class="ss-component editme" id="item379717" style="min-height:600px"> <div class="clearfix"></div>
<script>
let content = {"ID":"159","siteID":"3394","tier_parentID":"379717","eventsNumVisible":"78","display_option":"1","break_out":"1","JustCal":"0","dateHeaderBG":"#c3c3c3","dateHeaderTxtClr":"#8b0f03","descTextClr":"#000000","stack_bg":"#ffffff","BGStretchColor":"#8b0f03","dateTextClr":"#ffffff","dateArrowColors":"#c3c3c3","jsonOptions":"{\"Area Title Size\":\"28\", \"Area Title Fam\":\"Extra Font 1\", \"Month Size\":\"22\", \"Month Fam\":\"Extra Font 2\", \"Day Size\":\"22\", \"Day Fam\":\"Extra Font 2\", \"Desc title size\":\"18\", \"Desc title fam\":\"Extra Font 2\", \"Desc body size\":\"16\", \"Desc body fam\":\"Extra Font 2\"}"};
let obj = {"pageID":"2494","accessID":2494,"accessStr":"page_2494","arModules":[],"arModulesR":[],"typeID":"55","strType":"page_stack","strTable":"stack_items","arTableFields":[{"Field":"ID","Type":"int unsigned","Null":"NO","Key":"PRI","Default":null,"Extra":"auto_increment"},{"Field":"siteID","Type":"int unsigned","Null":"NO","Key":"MUL","Default":null,"Extra":""},{"Field":"tier_parentID","Type":"varchar(15)","Null":"YES","Key":"MUL","Default":null,"Extra":""},{"Field":"stack_type","Type":"int unsigned","Null":"NO","Key":"","Default":"0","Extra":""},{"Field":"sub_elementID","Type":"int unsigned","Null":"NO","Key":"","Default":"0","Extra":""},{"Field":"description","Type":"varchar(255)","Null":"YES","Key":"MUL","Default":null,"Extra":""},{"Field":"optional_heading","Type":"varchar(255)","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"order_items","Type":"int unsigned","Null":"NO","Key":"","Default":"0","Extra":""},{"Field":"on_off","Type":"enum('1','0')","Null":"NO","Key":"","Default":"1","Extra":""},{"Field":"option1","Type":"varchar(300)","Null":"YES","Key":"","Default":"","Extra":""},{"Field":"option2","Type":"varchar(255)","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"option3","Type":"varchar(255)","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"option4","Type":"varchar(255)","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"bgColor","Type":"varchar(7)","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"bgAlpha","Type":"int","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"textColor","Type":"varchar(7)","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"aColor","Type":"varchar(7)","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"bgImage","Type":"varchar(100)","Null":"YES","Key":"","Default":"","Extra":""},{"Field":"bgAlign","Type":"enum('l','c','r')","Null":"YES","Key":"","Default":"c","Extra":""},{"Field":"bgRepeat","Type":"int unsigned","Null":"YES","Key":"","Default":"1","Extra":""},{"Field":"font","Type":"varchar(35)","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"font_size","Type":"int","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"pad_top","Type":"int","Null":"YES","Key":"","Default":"0","Extra":""},{"Field":"pad_bottom","Type":"int","Null":"YES","Key":"","Default":"0","Extra":""},{"Field":"date_added","Type":"date","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"startStack","Type":"varchar(30)","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"expireStack","Type":"varchar(30)","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"app_displayed","Type":"tinyint(1)","Null":"NO","Key":"","Default":"0","Extra":""},{"Field":"deleted","Type":"tinyint(1)","Null":"NO","Key":"","Default":"0","Extra":""},{"Field":"options_json","Type":"json","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"calendar","Type":"varchar(255)","Null":"YES","Key":"","Default":null,"Extra":""},{"Field":"share_component","Type":"tinyint(1)","Null":"NO","Key":"","Default":"0","Extra":""}],"strIcon":"fa-solid fa-clipboard-list","elementID":"0","bannerID":"0","bgID":0,"moduleLayout":null,"moduleLayoutR":null,"moduleAlignment":null,"live_page":"1","on_off":"1","searchable":"1","site_id_ref":"3394","parent_ID":"na","title":"Home","level":1,"arAlertMsg":[],"arPushModuleID":null,"strBreadCrumbs":"","underMember":null,"arCals":[],"siteSection":"homepage","headerOverlays":[],"contentOverlays":[],"footerOverlays":[],"oSS":[],"oVids":[],"isTeacherStaffSection":null};
let item = {"ID":"379717","stack_typeID":"22","stack_typeTable":"stack_events","multisub":"0","file_attachment":"","stack_typeIcon":"","sub_elementID":"159","description":"Design Upcoming Events","optional_heading":null,"order_items":"16","on_off":"1","date_added":"2023-05-30","startStack":"","expireStack":"","bgImage":"","aColor":"","textColor":"","bgColor":"","bgAlign":"c","bgRepeat":"1","option1":"","option2":"","option3":"","option4":"","app_displayed":"0","options_json":"{}","calendar":"124673!_!334337","accessID":"2494"};
if (item.on_off == '1') {
$('#item379717').LoadingOverlay('show');
//Uniform fixed height after calendar JS is ran and markup added
$("#item379717 .events_wrapper").css("height","650px");
$("#item379717 .calendar_wrapper").css("height","650px");
}
$.ajax({
type: 'POST',
url: "/includes/stacks/stack_events.php",
data: {
content,
item,
obj,
},
success: function(results) {
$('#item379717').LoadingOverlay('hide');
$('#item379717').append(results);
setSideBarCalendarsAJAX();
},
error : function(value) {
console.log('Error '+value);
}
});
</script>
</section>
<section data-comp="columns" class="ss-component ss-columns " id="item1001154" data-pageid="stack_columns" data-parentid="2494" data-elemid="1001154">
<div id="stack_content_1001154" class="">
<div class="ss-component-header container">
<h3 class="ss-component-header-title">Featured Video</h3>
</div> <div class="ss-component-content container ss-one-column">
<div class="ss-columns-details-wrapper">
<div class="ss-editor-content ss-component-intro inline_edit_1001154 " contenteditable="false" data-text-only="0" data-colum="details"></div>
</div>
<div class="ss-component-column-wrapper ss-one-column">
<div class="ss-editor-content ss-component-column ss-column-one inline_edit_1001154 " contenteditable="false" data-text-only="0" data-colum="column1">
<div style="position: relative; width: 100%; height: 0; padding-top: 56.2500%;
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
border-radius: 8px; will-change: transform;"><iframe allow="fullscreen" allowfullscreen="allowfullscreen" loading="lazy" src="https://www.canva.com/design/DAGWaDSHFBY/Lgq_VzPu3qDK5JvTd5vc5w/watch?embed" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"></iframe></div>
<p><a href="https://www.canva.com/design/DAGWaDSHFBY/Lgq_VzPu3qDK5JvTd5vc5w/watch?utm_content=DAGWaDSHFBY&utm_campaign=designshare&utm_medium=embeds&utm_source=link" rel="noopener" target="_blank">Commons Video</a> by Joe Dominguez</p>
</div>
<div class="ss-editor-content ss-component-column ss-column-two inline_edit_1001154 " contenteditable="false" data-text-only="0" data-colum="column2">
</div>
<div class="ss-editor-content ss-component-column ss-column-three inline_edit_1001154 " contenteditable="false" data-text-only="0" data-colum="column3">
</div>
<div class="ss-editor-content ss-component-column ss-column-four inline_edit_1001154 " contenteditable="false" data-text-only="0" data-colum="column4">
</div>
</div>
</div>
</div>
<style type="text/css">
#item1001154 {
color: ;
background-repeat: no-repeat;
background-position: center center;
}
#item1001154::before {
background-color: ;
opacity: 1.0;
}
#item1001154 a:not(.ss-admin-edit) {
color: ;
}
#item1001154 img,
#item1001154 a:has(img) {
border-radius: 0px;
}
</style> </section>
<section data-comp="youtube-channel" class="ss-component stack_youtube_feed editme " id="item461876" data-pageid="stack_youtube_feed" data-parentid="2494" data-elemid="461876">
<!-- Main Stylesheet -->
<link rel="stylesheet" type="text/css" media="screen" href="css/youtube-video-player.min.css" />
<!-- Main Javascript -->
<script type="text/javascript" src="js/youtube-video-player.jquery.min.js"></script>
<div id="stack_content_461876" class="">
<div class="ss-component-content container break-out">
<!-- <div class=" custom_ " style=" "> commented out for future bugfix-->
<div class="custom_461876 " style=" padding-bottom:20px !important;">
<!-- <div class="bg_image_ stack-item-background-container"></div> -->
<div>
<div data-wow-duration="1s" data-wow-delay="0.1s" class="img-responsive no-border stack_youtube_feed wow animated 0">
<!--start video-->
<!--if break out of container-->
<!--<div class="container" style="">-->
<!--if contained-->
<div>
<div>
<div id="playlist_461876"></div>
</div>
</div>
</div>
<div type="hidden" id="youtube" name="youtube" value="">
</div>
<script type="text/javascript">
/*
$(document).ready(function(){
$("iframe").on("load", function(){
$(this).contents().on("mousedown, mouseup, click", function(){
alert("Click detected inside iframe.");
});
});
});
*/
</script>
<script type="text/javascript">
$(document).ready(function () {
$("#playlist_461876").youtube_video({
playlist: "PLyH9MVpaxhEKykjoDlcITCE6h00LKxaHJ",
channel: false,
user: false,
videos: false,
max_results: 8 ,
shuffle: false,
pagination: true,
continuous: true,
first_video: 0,
show_playlist: "auto",
playlist_type: "vertical",
show_channel_in_playlist: true,
show_channel_in_title: true,
width: false,
show_annotations: false,
now_playing_text: "Now Playing",
load_more_text: "Watch on Youtube",
autoplay: false,
force_hd: false,
hide_youtube_logo: false,
play_control: false,
time_indicator: false,
volume_control: false,
share_control: true,
fwd_bck_control: true,
youtube_link_control: true,
fullscreen_control: true,
playlist_toggle_control: true,
volume: 0,
show_controls_on_load: true,
show_controls_on_pause: true,
show_controls_on_play: false,
related: false,
require_cookie_accept: true,
require_cookie_accept_message:
"<div class='text-center'>By clicking the button you are accepting cookies, and agreeing to YouTube Api Services. Click one of the links to view <a style='color:#337AB7;' target='_blank' rel='noopener noreferrer' href='https://www.youtube.com/t/terms'>Youtube's Terms of Service</a>, <a style='color:#337AB7;' target='_blank' rel='noopener noreferrer' href='https://policies.google.com/privacy'>Google's Privacy Policy</a>, or <a style='color:#337AB7;' target='_blank' rel='noopener noreferrer' href='https://www.parentsquare.com/privacy/'>ParentSquare's Privacy Policy</a>.<br><button class='btn psq_save_btn youtube-accept-button' style='color: black;'>Accept</button></div>",
player_vars: {
cc_load_policy: 1,
cc_lang_pref: "en"
},
colors: {},
on_load: function () { },
on_done_loading: function () { },
on_state_change: function () { },
on_seek: function () { },
on_volume: function () { },
on_time_update: function () { },
});
$(".yesp-icon-cc").click(function(){
//alert($(this).parent().parent().closest(".yesp-youtube").text())
$(".ytp-subtitles-button.ytp-button").click()
});
//needed to toggle stack visibility. This is one of the cases when the class has to be added
//after the file loads to keep the plugin from breaking.
$("#stack_content_461876").addClass("");
});
</script> </div>
</div>
</div>
</div>
<div class="clearfix"></div>
<style>
#item461876 .tubeTitleName {
font-size: 0px !important;
color: #000000 !important;
}
#item461876 #playlist_461876.yesp .yesp-controls {
background: rgba(51, 51, 51, 0.6) !important;
}
#item461876 #playlist_461876.yesp .yesp-controls a {
color: rgba(255, 255, 255, 0.6) !important;
}
#item461876 #playlist_461876.yesp .yesp-title-wrapper {
font-size: 0px !important;
background-color:rgba(46, 49, 49, 1) !important;
padding-bottom:15px;
}
#item461876 #playlist_461876.yesp .yesp-subtitle {
font-size: 0px !important;
}
/*when not acting like a design stack*/
#item461876 #playlist_461876.yesp .yesp-controls {
font-family: 'Open Sans', sans-serif;
width: 50px;
height: 100%;
position: absolute;
z-index: 999;
top:0%;
margin-bottom:550px;
}
#item461876 #playlist_461876.yesp {
display:flex;
}
#item461876 #playlist_461876.yesp .yesp-container {
flex-grow:1;
width:auto !important;
}
#item461876 #playlist_461876.yesp .yesp-playlist {
flex-shrink:0;
}
</style>
</section>
</div> <style>
.makeTableResponsive table {
width:100% !important;
}
</style>
</div>
</div> <div id="directoryModal" class="directoryModal modal fade" role="dialog">
<div class="modal-dialog modal-xxl">
<div class="directoryModalContent modal-content">
</div>
</div>
</div>
<div id="ss-components-shared-modal" class="modal ss-lightbox-modal ss-lightbox-modal-default ">
<div class="ss-lightbox-modal-content-wrap">
<div class="ss-lightbox-modal-content ">
<button class="ss-button ss-close-modal" data-dismiss="modal"><i class="fa-regular fa-xmark-large" role="img" aria-label="Close"></i></button>
<div class="ss-lightbox-modal-content-inner" tabindex="0">
</div>
</div>
</div>
</div>
<script>
$(document).ready(() => {
const lightboxModal = $('#ss-components-shared-modal');
;
lightboxModal.on('show.bs.modal', function(e) {
$('html').addClass('modal-open');
});
lightboxModal.on('hide.bs.modal', function(e) {
$('html').removeClass('modal-open');
});
});
</script> <div id="ckeditor-contactForm-modal" class="modal ss-lightbox-modal ss-lightbox-modal-default ">
<div class="ss-lightbox-modal-content-wrap">
<div class="ss-lightbox-modal-content ">
<button class="ss-button ss-close-modal" data-dismiss="modal"><i class="fa-regular fa-xmark-large" role="img" aria-label="Close"></i></button>
<div class="ss-lightbox-modal-content-inner" tabindex="0">
</div>
</div>
</div>
</div>
<script>
$(document).ready(() => {
const lightboxModal = $('#ckeditor-contactForm-modal');
;
lightboxModal.on('show.bs.modal', function(e) {
$('html').addClass('modal-open');
});
lightboxModal.on('hide.bs.modal', function(e) {
$('html').removeClass('modal-open');
});
});
</script> </main><div class="clear"></div><script src="https://cdn.smartsites.parentsquare.com/lib/js/jquery.easing.min.js"
integrity="sha384-BGrD3OMInJgjhGMyo8n7zkA2aX/F/D9fgsHRul+tNuEmTetjjVvCYScH+vzDxXS/"
crossorigin="anonymous"
></script>
<script src="https://cdn.smartsites.parentsquare.com/lib/js/jquery.touchSwipe.min.js"
integrity="sha384-7cTUdoLHcGTkEhDkUdvPmzGtbhnP2KvCw0CKODNfSXUdFLtdX/bHC9ydtgUrQOPx"
crossorigin="anonymous"
></script>
<script type="text/javascript" src="/includes/js/jquery.liquid-slider.min.js"></script>
<!--end lesson plans-->
<footer class="psq_admin_footer clearfix " id="footer" >
<style>
.goog-te-gadget-simple {
background-color:#717C7D;
border:none;
font-size:11px;
border-radius: 3px;
padding:2px;
}
.goog-te-gadget-simple img{
display:none;
}
</style>
<style>
.f3_bannertext {
font-family: Montserrat, sans-serif;
font-weight: 700;
}
.f3_bannertext {
font-size: 30px !important;
}
.f3_title {
font-family: Montserrat, sans-serif;
}
.f3_title {
font-size: 22px !important;
}
.f3_text_container p {
font-family: Montserrat, sans-serif;
}
.f3_text_container p {
font-size: 16px !important;
}
</style><script>
function hideMe(id) {
var box = document.getElementById(id);
box.style.display = "none";
}
$(window).on('load', function() {
bodyHeight = $("body").outerHeight();
windowHeight = window.innerHeight;
if(bodyHeight < windowHeight) {
var footer = document.getElementById("footer");
footer.style.position = "absolute";
footer.style.left = "0px"
footer.style.top = windowHeight - footer.offsetHeight + 'px';
footer.style.width = '100%';
}
});
</script>
<style>
.footerBold {
color:;
}
#extraFooterModal div {
color:black !important;
}
#extraFooterModal h4 {
color:black !important;
}
#extraFooterModal a {
color: #1883c1 !important;
}
.f3_text_container {
text-align: center;
}
#footer_bg.container {
padding: 0px;
}
.f3_left_text_container {
padding-left: 3px;
}
.f3_right_text_container {
padding-right: 35px;
}
@media (max-width: 1199px) {
.f3_left_text_container, .f3_right_text_container {
padding: 0;
}
}
</style>
<!--<div class="container" id="contact" name="contact">-->
<div id="footer_bg" class="container-full footerContained" style="background-color:#8B0F03;">
<div class="container">
<br>
<h1 class="text-center f3_bannertext">SAN RAFAEL HIGH SCHOOL</h1>
<hr style="width:50%;border-top: 1px solid #FFFFFF">
<br>
<br>
<div class="f3_text_container f3_left_text_container col-lg-4 f3_contact_sm">
<p>
<i class="fa-solid fa-house"></i> <a target="_blank" rel="noopener noreferrer" href="https://maps.google.com/?q=150 Third Street <br> San Rafael, California 94901">150 Third Street <br> San Rafael, California 94901</a><br/><i class="fa-solid fa-phone"></i> <a href="tel:+14154852330">415-485-2330</a> <br/><span class="fa fa-fax"></span> <a href="tel:+14154852345">415-485-2345</a> <br/><span class="fa-brands fa-x-twitter"></span> <a target="_blank" rel="noopener noreferrer" href="https://twitter.com/SRCSSchools"> Twitter </a> <br/><span class="fa fa-brands fa-facebook"></span> <a target="_blank" rel="noopener noreferrer" href="https://www.facebook.com/SanRafaelCitySchools"> Facebook </a> <br/> </p>
</div><!-- col -->
<div class="col-lg-4 " style="height:200px !important; background-image: url(https://files.smartsites.parentsquare.com/3394/design_img__8cfbgx.png);background-size:cover;background-position:top center;">
</div><!-- col -->
<div class="f3_text_container f3_right_text_container col-lg-4 text-center">
<h3 class="f3_title"><br> Our Values</h3>
<p>Equity, Community and Joy</p>
</p>
</div><!-- col -->
<div class="col-md-12 f3_text_container text-center" style="margin-top:60px;margin-bottom:20px;">
<a href="#" class="search_clickify" style="font-size:18px;"><i data-aria="Search" class="fa-solid fa-magnifying-glass"></i> Search</a> <span style="font-size:18px;">|</span> </span><span style="font-size:18px;"><a href="/site_map">Site Map</a> <span style="font-size:18px;">|</span> <a style="font-size:18px !important;" href="/login"><span id="log_in_link">Log In</span></a><div class="clearfix"></div><center> <span style="font-size:11px;margin-left:5px;">Contents © 2025 San Rafael High School</span></center><div class="clearfix"></div> </div>
</div>
</div><!-- container -->
<div class="clearfix"></div>
<div style="margin-top:0px;padding-top:0px;" class="container-full no-border footer-notContained panel-footer footerbar">
<style>
@media (max-width: 480px) {
/*#manditoryFooterItems {
height:200px !important;
}*/
#footer_bg {
height:auto !important;
}
}
@media (min-width: 480px) and (max-width: 767px) {
/*#manditoryFooterItems {
height:200px !important;
}*/
#footer_bg {
height:auto !important;
}
}
@media (max-width: 767px) {
/*#manditoryFooterItems {
height:75px;
}*/
#footer_bg {
400 }
}
@media (min-width: 768px) and (max-width: 991px) {
/*#manditoryFooterItems {
height:200px;
}*/
#footer_bg {
400 }
}
@media (min-width: 992px) and (max-width: 1199px) {
/*#manditoryFooterItems {
height:75px;
}*/
#footer_bg {
400 }
}
@media (min-width: 1200px) {
/*#manditoryFooterItems {
height:75px;
}*/
#footer_bg {
400 }
}
</style>
<!--SHARE THIS PAGE-->
<div class="clearfix"></div>
<div id="globalGabbartFooter" class="row" style="background-color: #8B0F03 !important;padding:20px;margin-bottom:-20px;">
<div class="text-center col-md-4">
<ul class="list-inline">
<span style="margin-left:-15px;" id="accessibility_link"><a href="/accessibility"><em class="fa fa-universal-access" aria-hidden="true"></em> Accessibility</a></span><br> <style>
#accessibility_link a {
color: #FFFFFF !important;
}
</style>
</ul>
</div>
<!--Gabbart Logo-->
<div class="text-center col-md-4 col-xs-12 col-sm-12 ">
<span class="psq_font psq_footer_logo"><a href="https://www.parentsquare.com">Powered by ParentSquare</a></span> <style>
.psq_footer_logo a {
color: white !important;
}
</style> </div>
<div class="text-center col-md-4 col-xs-12 col-sm-12">
<label style="display:none;" for="GoogleTranslate">Google Translate</label>
<div id="google_translate_element"></div>
<style>
#GoogleTranslate {
color: black !important;
}
</style>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement(
{pageLanguage: 'en'},
'google_translate_element'
);
$(".goog-te-combo").attr('id','GoogleTranslate');
}
</script>
<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</div>
<a style="margin-bottom:200px !important; padding-bottom:20px;" aria-label="Back to top of site" href="#jumpToTop" class="sr-only sr-only-focusable">Back To Top Of Website</a>
</div>
<style>
.footerColor {
color: #FFFFFF !important;
}
</style>
</div>
</footer>
<style>
a#top {
display: none;
width: 7px;
height: 17px;
padding: 5px;
position: fixed;
bottom: 100px;
right: 61px;
z-index: 10;
color: #fff;
background: transparent;
font-size: 14px;
font-weight: 300;
}
.na_widget_link {
cursor: pointer;
}
.dropdown-toggle.mainlink_a.has-submenu:focus {
outline: thin dotted #333333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
/* neeed to prevent scroll to the right when scrollbars are visible */
.dropdown-menu .inner.open {
overflow-y: overlay !important;
}
</style>
<script>
$(document).ready(function(){
var toper = $('a#top');
$(window).scroll(function(){
if ($(this).scrollTop() > 100) {
toper.fadeIn( 200 );
} else {
toper.fadeOut( 200 );
}
});
toper.click(function(){
$('html, body').animate({scrollTop:0}, 500);
return false;
});
$('.na_widget_link').click(function(){
var URL_location = $(this).data("link");
if (URL_location != '') {
window.location = URL_location;
}
});
});
function hideMe(id) {
var box = document.getElementById(id);
box.style.display = "none";
}
$(window).on('load', function() {
bodyHeight = $("body").outerHeight();
windowHeight = window.innerHeight;
var url = window.location.pathname;
var filename = url.substring(url.lastIndexOf('/')+1);
if (bodyHeight < windowHeight && filename !== 'search_e') {
var footer = document.getElementById("footer");
if (!footer) {
return;
}
footer.style.position = "inherit"; footer.style.left = "0px";
footer.style.top = windowHeight - footer.offsetHeight + "px"; // footer.style.top = windowHeight - footer.offsetHeight + "px";
footer.style.width = '100%';
}
});
</script>
<script>
$(document).ready(function(){
$(".prev").append('<span style="display:none;">Prev</span>');
$(".next").append('<span style="display:none;">Next</span>');
});
</script>
</div>
</body>
</html>
<script>
function IsJsonString(str) {
try {
JSON.parse(str);
} catch (e) {
return false;
}
return true;
}
function quickLinksTabbing(element, itemID, links_array) {
let id = $(element).attr('id');
let group_num = id.split('_');
group_num = group_num[4];
let cal_width = 1200;
if (IsJsonString(links_array)) {
links_array = JSON.parse(links_array);
cal_width = (1200 * (Math.ceil(links_array[0]/12)));
}
$(`.wrapper_${itemID}`).css('width',`${cal_width}px`);
let active_ele = '';
$(`[id*=quick_links_header_${itemID}]`).each((i,e) => {
if ($(e).parent().hasClass('prev')) {
active_ele = $(e).attr('id');
}
});
let active_group_num = active_ele.split('_');
active_group_num = active_group_num[4];
$(`.group_${itemID}_${active_group_num}`).hide();
$(`.group_${itemID}_${group_num}`).show();
$(`#${active_ele}`).parent().removeClass('active');
$(`#${active_ele}`).parent().removeClass('prev');
$(element).parent().addClass('active');
$(element).parent().addClass('prev');
resizeQuickLinks(itemID);
}
function resizeQuickLinks(itemID, sidebars, group_num) {
let ckeditor_height = $(`#quick_links_ckeditor_${itemID}`).outerHeight();
let width_window = $(window).width();
if (width_window > 1200) {
if (sidebars == '1') {
let cards_num = $(`.group_${itemID}_${group_num} .card`).length;
var total_height = (Math.ceil(((cards_num > 12 ? 12 : cards_num)/2))*170)+ckeditor_height;
$(`#stack_content_${itemID}`).css('margin-bottom',`25px`);
} else {
var total_height = 600+ckeditor_height;
}
$(`#stack_content_${itemID}`).css('height',`${String(total_height)}px`);
$(`.slide`).css('height',`auto`);
} else if (width_window <= 1200 && width_window > 990) {
if (sidebars == '1') {
let cards_num = $(`.group_${itemID}_${group_num} .card`).length;
var total_height = (Math.ceil(((cards_num > 12 ? 12 : cards_num)/2))*170)+ckeditor_height;
$(`#stack_content_${itemID}`).css('margin-bottom',`25px`);
} else {
var total_height = 750+ckeditor_height;
}
$(`#stack_content_${itemID}`).css('height',`${String(total_height)}px`);
$(`.slide`).css('height',`auto`);
} else if (width_window <= 990 && width_window > 450) {
let cards_num = $(`.group_${itemID}_${group_num} .card`).length;
var total_height = (Math.ceil(((cards_num > 12 ? 12 : cards_num)/2))*170)+ckeditor_height;
$(`#stack_content_${itemID}`).css('margin-bottom',`25px`);
$(`#stack_content_${itemID}`).css('height',`${String(total_height)}px`);
$(`.slide`).css('height',`auto`);
} else if (width_window <= 450) {
let cards_num = $(`.group_${itemID}_${group_num} .card`).length;
var total_height = (Math.ceil((cards_num > 12 ? 12 : cards_num))*170)+ckeditor_height;
$(`#stack_content_${itemID}`).css('margin-bottom',`25px`);
$(`#stack_content_${itemID}`).css('height',`${String(total_height)}px`);
$(`.slide`).css('height',`auto`);
}
}
function submit_recap(id_attr, form_id) {
grecaptcha.execute("6LcgqJAUAAAAAJhQs01VmAHQEf3SatmIFQjI7iNP", {action: "homepage"}).then(function(token) {
$("#"+id_attr).val(token);
if (token != "") {
$("#"+form_id).submit();
}
});
}
</script>
