/* Font Styling */
/*
Carousel */
@media (min-width: 768px) {
#homepage .carousel, #homepage .carousel-inner {
max-height: 760px !important;
}
}
.carousel-control-next-icon {
margin-right: -45px !important;
background-image: url('data:image/svg+xml,') !important;
height: 40px !important;
width: 40px !important;
}
.carousel-control-prev-icon {
margin-left: -45px !important;
transform: rotate(180deg) !important;
background-image: url('data:image/svg+xml,') !important;
height: 40px !important;
width: 40px !important;
}
.carousel-control-prev, .carousel-control-next {
opacity: 1 !important;
}
.carousel-img-2025 {
width: 200px !important;
height: 200px !important;
margin-left: auto;
margin-right: auto;
}
.carousel-item a {
color: #2F3D4C !important;
}
.carousel-item {
margin-right: 0 !important;
}
.carousel-item::before {
background-color: white !important;
}
.carousel-control-prev, .carousel-control-next {
width: 3% !important;
}
@media (min-width: 768px) {
/* Show 4 items at once */
.carouselPrograms .carousel-inner .active,
.carouselPrograms .carousel-inner .active + .carousel-item,
.carouselPrograms .carousel-inner .active + .carousel-item + .carousel-item,
.carouselPrograms .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
display: block !important;
}
/* Adjust active item transition for 4 items */
.carouselPrograms .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
.carouselPrograms .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
.carouselPrograms .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
.carouselPrograms .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
transition: none !important;
}
/* Ensure next/prev items are correctly positioned for 4 items */
.carouselPrograms .carousel-inner .carousel-item-next,
.carouselPrograms .carousel-inner .carousel-item-prev {
position: relative !important;
transform: translate3d(0, 0, 0) !important;
}
/* Position the farthest right item */
.carouselPrograms .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
/* position: absolute !important;
top: 0 !important;
right: -25% !important;
z-index: -1 !important;*/
display: block !important;
visibility: visible !important;
}
/* Left or forward direction for 4 items */
.carouselPrograms .active.carousel-item-left + .carousel-item-next.carousel-item-left,
.carouselPrograms .carousel-item-next.carousel-item-left + .carousel-item,
.carouselPrograms .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
.carouselPrograms .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
position: relative !important;
transform: translate3d(-100%, 0, 0) !important;
visibility: visible !important;
}
/* Farther right hidden item must be positioned for animations */
.carouselPrograms .carousel-inner .carousel-item-prev.carousel-item-right {
/* position: absolute !important;
top: 0 !important;
left: 0% !important;
z-index: -1 !important;*/
display: block !important;
visibility: visible !important;
}
/* Right or prev direction for 4 items */
.carouselPrograms .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
.carouselPrograms .carousel-item-prev.carousel-item-right + .carousel-item,
.carouselPrograms .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
.carouselPrograms .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
position: relative !important;
transform: translate3d(100%, 0, 0) !important;
visibility: visible !important;
display: block !important;
visibility: visible !important;
}
}
/*END Carousel */
/* MVV buttons */
.yellowtab-2025 {
background-color: #F1BA55 !important;
border-color: #F1BA55 !important;
border-top-left-radius: 0rem !important;
border-top-right-radius: 0rem !important;
color: black !important;
}
.darkbluetab-2025 {
background-color: #2F3D4C !important;
border-color: #2F3D4C !important;
border-top-left-radius: 0rem !important;
border-top-right-radius: 0rem !important;
border-radius: 0rem !important;
color: white !important;
}
.lightbluetab-2025 {
background-color: #43718B !important;
border-color: #43718B !important;
border-top-left-radius: 0rem !important;
border-top-right-radius: 0rem !important;
color: white !important;
}
.yellowtab-2025:not(.yellowtab-2025-tabcontent):hover {
text-decoration: underline;
text-decoration-color: black;
}
.darkbluetab-2025:not(.darkbluetab-2025-tabcontent):hover {
text-decoration: underline;
text-decoration-color: #F1BA55;
}
.lightbluetab-2025:not(.lightbluetab-2025-tabcontent):hover {
text-decoration: underline;
text-decoration-color: #F1BA55;
}
.yellowtab-mobile-2025 {
background-color: #F1BA55 !important;
border-color: #F1BA55 !important;
border-radius: 0 !important;
color: black !important;
width: 100% !important;
height: 60px !important;
font-size: 30px !important;
box-shadow: none !important;
border: none !important;
/* background: none !important;*/
}
.yellowtab-mobile-2025:hover,
.yellowtab-mobile-2025:focus {
box-shadow: none !important;
outline: none !important;
text-decoration: underline;
text-decoration-color: black;
}
.darkbluetab-mobile-2025 {
background-color: #2F3D4C !important;
border-color: #2F3D4C !important;
border-radius: 0 !important;
color: white !important;
width: 100% !important;
height: 60px !important;
font-size: 30px !important;
box-shadow: none !important;
border: none !important;
/* background: none !important;*/
}
.darkbluetab-mobile-2025:hover,
.darkbluetab-mobile-2025:focus {
box-shadow: none !important;
outline: none !important;
text-decoration: underline;
text-decoration-color: #F1BA55;
}
.lightbluetab-mobile-2025 {
background-color: #43718B !important;
border-color: #43718B !important;
border-radius: 0 !important;
color: white !important;
width: 100% !important;
height: 60px !important;
font-size: 30px !important;
box-shadow: none !important;
border: none !important;
/*background: none !important;*/
}
.lightbluetab-mobile-2025:hover,
.lightbluetab-mobile-2025:focus {
box-shadow: none !important;
outline: none !important;
text-decoration: underline;
text-decoration-color: #F1BA55;
}
.yellow-bg-2025 {
background-color: #F1BA55 !important;
color: black;
}
.darkblue-bg-2025 {
background-color: #2F3D4C !important;
}
.lightblue-bg-2025 {
background-color: #43718B !important;
}
.home-tabcontent-2025 {
padding-left: 5rem !important;
padding-right: 5rem !important;
padding-top: 2rem !important;
padding-bottom: 2rem !important;
font-size: 1.2rem !important;
}
#home-tabs > button {
font-size: 2em !important;
font-weight: bold !important;
}
.btn-golden-2025 {
background-color: #F1BA55 !important;
color: black !important;
}
.btn-golden-2025:hover {
background-color: #2F3D4C !important;
color: white !important;
}
.header_underline-2025 {
color: #2F3D4C;
}
.header_underline-2025:after {
content: "" !important;
display: block !important;
height: 2px !important;
background: #F1BA55 !important;
}
@media (max-width: 575.98px) {
.scde2025_one-col {
flex-direction: column;
}
}
.values-border-2025 {
border-left: 1px solid #F1BA55 !important;
}
.newscard-2025 {
/* background-color: #eeeeef !important;*/
border: 1px solid !important;
}
h4.scde_2025_card-title-bold {
font-size: 2em !important;
font-weight: bold !important;
}
/* Banner video */
.banner-video {
opacity: 40%;
border: none !important;
bottom: 0 !important;
box-shadow: none !important;
left: 0 !important;
margin: 0 !important;
max-height: none !important;
max-width: none !important;
object-fit: cover !important;
object-position: 50% 25%;
outline: none !important;
padding: 0 !important;
right: 0 !important;
top: 0 !important;
width: 100% !important;
}
.banner-video-home2025 {
position: relative !important;
}
.carousel-row-2025 {
align-content: flex-end !important;
}
.overlayText {
margin-top: -15ex !important;
top: 0 !important;
left: 0 !important;
font-size: 34px !important;
color: #2F3D4C !important;
font-weight: 700 !important;
position: relative !important;
z-index: 2 !important;
}
@media (min-width: 768px) {
.overlayText {
margin-top: -17ex !important;
font-size: 35px !important;
}
}
.overlayText_yellow_2025 {
-webkit-text-fill-color: #F1BA55 !important;
-webkit-text-stroke: thin #2F3D4C !important;
}
.overlayText_blue_2025 {
-webkit-text-fill-color: #2F3D4C !important;
/*text-decoration: underline !important;*/
text-decoration-color: #F1BA55 !important;
position: relative;
}
.overlayText_blue_2025:after {
content: "";
position: absolute;
bottom: -10px;
left: -7px;
height: 10px;
width: 100%;
z-index: -1;
border: solid 8px #F1BA55;
border-color: #F1BA55 transparent transparent transparent;
border-radius: 100%;
}
#home-tabs {
border-bottom: none !important;
}
/* START Strategic Plan Link */
.btn-blue-2025 {
background-color: #2F3D4C !important;
border-radius: 0rem;
margin-top: 1rem;
}
.btn-blue-2025:hover {
background-color: white !important;
}
a.btn-blue-2025 > img:hover {
display: relative !important;
left: 1rem !important;
}
/* END Strategic Plan Link */
.pause-button-2025 {
position: absolute !important;
top: 5% !important;
left: 95% !important;
z-index: 1 !important;
}
.three-buttons-2025 {
margin-top: -3ex !important;
}
.homepage-news-block {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
height: 100% !important;
text-align: center !important;
}
.play-pause-btn {
position: absolute !important;
top: 10px !important;
right: 10px !important;
background-color: rgb(0, 0, 0) !important;
color: white !important;
padding: 10px 20px !important;
font-size: 16px !important;
border: none !important;
cursor: pointer !important;
border-radius: 0px !important;
z-index: 2 !important;
}
.play-pause-btn:hover {
filter: invert(1);
}
.play-pause-btn > img {
height: 1.5rem !important;
width: 1.5rem !important;
filter: invert(1);
}
/*- START body width */
.scde2025_contentWidth {
max-width: 2500px !important;
margin-right: auto !important;
margin-left: auto !important;
padding-inline: 2rem !important;
}
/*- END body width */
/* Start Free to Focus */
#scde2025_freetofocusFeature {
background: #fcf7ed;
color: #2F3D4C;
margin-block: 1rem;
}
@media (max-width: 991.98px) {
#scde2025_freetofocusFeature {
padding: 0rem;
}
}
#scde2025_freetofocusFeature .scde2025_one-col {
margin-inline: auto;
padding-block: 2rem;
padding-inline: 2rem;
justify-content: space-between;
align-items: center;
}
@media (max-width: 991.98px) {
#scde2025_freetofocusFeature .scde2025_one-col {
padding-inline: 0rem;
}
}
/* Superintendent */
#scde2025_superintendentFeature {
background-color: #2F3D4C;
color: white;
}
#scde2025_superintendentFeature .scde2025_one-col {
margin-inline: auto;
padding-block: 2rem;
padding-inline: 3rem;
flex-wrap: nowrap;
align-items: center;
}
@media (max-width: 991.98px) {
#scde2025_superintendentFeature .scde2025_one-col {
padding-inline: 1rem !important;
}
}
#scde2025_superintendentFeature .scde2025_one-col h2 {
margin-bottom: 2rem;
font-weight: 500;
}
.scde2025_margin-bottom_1-5rem {
margin-bottom: 1.5rem;
}
#scde2025_superintendent-name {
margin-bottom: 1.5rem;
font-weight: 500;
}
#scde2025_Superintendent_headshot,
#scde2025_freetofocus-logo {
display: flex;
justify-content: flex-end;
margin-top: 1rem;
}
@media (max-width: 767.98px) {
#scde2025_Superintendent_headshot,
#scde2025_freetofocus-logo {
justify-content: center;
}
}
#scde2025_freetofocus-logo {
margin-top: 0;
margin-bottom: 1rem;
}
@media (min-width: 992px) {
#scde2025_freetofocus-logo {
justify-content: flex-start;
}
}
@media (max-width: 756.98px) {
#scde2025_freetofocus-logo {
margin-left: -1.5rem;
}
}
#scde2025_freetofocus-text {
display: flex;
justify-content: flex-end;
flex-direction: column;
padding-left: 2rem;
}
@media (max-width: 991.98px) {
#scde2025_freetofocus-text {
padding-left: 1rem;
}
}
.img-superintendent {
max-height: 400px !important;
padding-bottom: 1rem;
}
.scde2025_f2f_Image {
max-height: 300px !important;
margin: 0rem;
}
@media (max-width: 767.98px) {
.scde2025_f2f_Image {
margin-bottom: 1rem;
padding-left: 1rem;
}
}
/* End Free to Focus */
.scde2025_navyblue_text {
color: #2F3D4C !important;
}
/* icons */
.scde2025_caretRightIcon {
height: 1rem !important;
width: auto !important;
margin-left: 0.5rem !important;
margin-bottom: 0.25rem !important;
}
/* Highlights text overlay */
.image-container {
position: relative !important;
}
.card-img {
width: 100% !important;
height: auto !important;
}
.card-text-overlay-news {
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.9);
width: 90%;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
color: white !important;
font-size: 18px !important;
font-weight: bold !important;
text-align: center !important;
/* background-color: rgba(0, 0, 0, 0.5) !important;*/
padding: 5px 10px !important;
}
.card-text-overlay {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
color: white !important;
font-size: 18px !important;
font-weight: bold !important;
text-align: center !important;
/* background-color: rgba(0, 0, 0, 0.5) !important;*/
/* padding: 5px 10px !important;*/
}
.card-text-overlay_highlights {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
color: white !important;
font-size: 18px !important;
font-weight: bold !important;
text-align: center !important;
/* background-color: rgba(0, 0, 0, 0.5) !important;*/
/* padding: 5px 10px !important;*/
}
#home-highlights span {
min-height: 3rem;
}
/* Media query for screens smaller than 768px */
@media (max-width: 767px) {
.card-text-overlay {
color: white !important;
position: relative !important;
top: auto !important;
left: auto !important;
transform: none !important;
background-color: #2F3D4C !important;
}
.home_highlight {
background-color: #2F3D4C !important;
}
}
@media (max-width: 1440px) {
.card-text-overlay {
font-size: 0.85em !important;
}
}
@media (max-width: 1125px) {
.card-text-overlay {
font-size: 0.75em !important;
}
}
.highlight-holder {
margin-bottom: 5px;
}
.highlight-holder a.btn {
text-transform: unset !important;
transition: unset !important;
}
@media (min-width: 992px) {
.highlight-holder a.btn {
font-size: 0.95em !important;
}
}
.highlight-holder a.btn-lg {
border-radius: 0px !important;
white-space: normal !important;
word-wrap: break-word !important;
min-height: 80px !important;
border: none !important;
display: flex;
justify-content: center;
align-items: center;
}
.highlight-holder a.btn:hover {
background-color: #2F3D4C;
color: #EEEEEE;
}
@media (max-width: 576px) {
.highlight-holder a.btn-lg {
min-height: 40px !important;
}
}/*# sourceMappingURL=custom_2025.css.map */