@charset "UTF-8";
/* Custom Dates */
/* Custom CSS from page */
/* Font Styling */
/* Mura Element Styles */
/* NavBar Styles */
/* HomePage News/Hightlights/Events/Molly Styles */
/* Top Categories and Image Cards */
/* Footer Styles */
/*.pageTitle {
	content-visibility: visible;
} */
.pageTitle {
  content-visibility: visible;
}

section table {
  font-size: 15px;
  line-height: 1.571em;
  margin: 0 0 15px;
}

section table th {
  background: #e3e3e3;
  padding: 10px;
  vertical-align: top;
}

section table td {
  padding: 10px;
  vertical-align: top;
}

.fa-icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

/* Custom Dates */
div.date {
  width: 65px;
  height: 65px;
  position: relative;
  float: left;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 15px;
  text-align: center;
  text-transform: uppercase;
}

div.day {
  position: absolute;
  text-align: center;
  top: 30px;
  width: 100%;
  font-size: 24px;
}

div.month {
  background-color: #002e64;
  color: #fff;
  height: 30px;
  border-radius: 15px 15px 0px 0px;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  width: 100%;
  font-size: 24px;
}

/* END Custom Dates */
/* Font Styling */
body {
  font-family: "Poppins", sans-serif !important;
  font-size: 15px;
  height: auto !important;
  color: #666;
}

.text-bold {
  font-weight: bold;
}

.underline {
  text-decoration: underline;
}

.h6size {
  font-size: 1.15rem;
  font-weight: bold;
}

.h5size {
  font-size: 1.375rem;
  font-weight: bold;
}

.h4size {
  font-size: 1.65rem;
  font-weight: bold;
}

.h3size {
  font-size: 1.8rem;
  font-weight: bold;
}

h1 {
  font-size: 2rem;
  font-weight: 500;
}

.header_underline {
  display: inline-block;
}
.header_underline:after {
  content: "";
  display: block;
  height: 2px;
  background: #334049;
}

.pageTitle {
  font-style: normal;
}

.special-heading {
  background-color: #2F3D4C;
  color: #fff;
  font-weight: 400;
  font-size: 1.1435em;
  padding: 8px 10px;
}

.topbarcont {
  padding-left: 0px;
  padding-right: 0px;
}

.nav-img {
  max-height: 75px;
}

.navbg {
  background: #ffffff !important;
}

.text-white .nav li a {
  color: #fff !important;
}

.topnav li + li > a span {
  border-left: 1px solid #fff;
  border-left: 1px solid #F1BA55;
  padding-left: 0.5rem;
  text-wrap: nowrap;
}

.nav-link {
  font-size: 1.6vw;
}

.searchbar {
  max-width: 145px;
  margin-left: 5px;
}

.nav-float-right {
  margin-left: auto;
}

.mobiletext {
  font-size: 85%;
}

.headline-card {
  margin-top: 0px;
}

.cat {
  font-size: 16px;
  font-weight: bold;
}

.bg-gray {
  background-color: #f1f1f1;
}

.highlightimg {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: none;
}

#scde2025_hp-highlights .card-text-overlay {
  border-radius: 0rem;
  padding-inline: 1rem;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2F3D4C;
}
#scde2025_hp-highlights .card-text-overlay:hover {
  background-color: rgba(47, 61, 76, 0.85);
}

.btm-img-container {
  position: relative;
  z-index: 1;
}
.btm-img-container:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url("/themes/scdeMuraBootstrap4/images/scdoe/btm_bg.png") center center;
  opacity: 0.5;
}

.btm-img-textarea {
  background-color: rgba(255, 255, 255, 0.9);
}

.transparent-card {
  background: inherit;
}

.img-molly, .img-superintendent {
  box-shadow: 5px #fff inset;
}

.img-molly-home {
  border-radius: 15px !important;
}

.ml-center {
  margin-left: 3.9rem;
}

.mt-center {
  margin-top: 3.9rem;
}

.btn-circle.btn-sm {
  width: 30px;
  height: 30px;
  padding: 6px 0px;
  border-radius: 15px;
  font-size: 8px;
  text-align: center;
}

.btn-circle.btn-md {
  width: 50px;
  height: 50px;
  padding: 7px 10px;
  border-radius: 25px;
  font-size: 10px;
  text-align: center;
}

.btn-circle.btn-lg {
  width: 70px;
  height: 70px;
  padding: 10px 8px;
  border-radius: 35px;
  font-size: 12px;
  text-align: center;
}

.collapseCategories {
  position: absolute;
  z-index: 3;
}

#collapseAdministration,
#collapseParents,
#collapseCommunity,
#collapseEducators,
#collapseSchools,
.dropdown-category {
  position: absolute;
  z-index: 3;
}

.btn-circle:hover {
  outline: 0;
  box-shadow: 0px 0px 0px 0.2rem rgba(27, 119, 132, 0.25);
}

.border-family-community,
.border-family-and-community {
  border-top-style: solid;
  border-bottom-style: solid;
  border-width: 20px 20px;
  border-color: #43718B;
}

.border-educators {
  border-top-style: solid;
  border-bottom-style: solid;
  border-width: 20px 20px;
  border-color: #2F3D4C;
}

.border-districts-schools, .border-districts-and-schools {
  border-top-style: solid;
  border-bottom-style: solid;
  border-width: 20px 20px;
  border-color: #F1BA55;
}

.border-administration {
  border-top-style: solid;
  border-bottom-style: solid;
  border-width: 20px 20px;
  border-color: #90adff;
}

.highlight-link-bg {
  background-color: #43718B !important;
}

.darkgreenbg {
  background-color: transparent !important;
}

.bg-family-community,
.bg-family-and-community {
  background-color: transparent !important;
  border: 3px solid transparent !important;
}
.bg-family-community:hover,
.bg-family-and-community:hover {
  border: 3px solid #43718B !important;
}
.bg-family-community.show,
.bg-family-and-community.show {
  background-color: #43718B !important;
}
.bg-family-community a.highlighted,
.bg-family-and-community a.highlighted {
  color: #fff !important;
}
.bg-family-community a.highlighted i,
.bg-family-and-community a.highlighted i {
  color: #fff !important;
}

.bg-educators {
  background-color: transparent !important;
  border: 3px solid transparent !important;
}
.bg-educators:hover {
  border: 3px solid #2F3D4C !important;
}
.bg-educators.show {
  background-color: #2F3D4C !important;
}
.bg-educators a.highlighted {
  color: #fff !important;
}
.bg-educators a.highlighted i {
  color: #fff !important;
}

.bg-districts-schools,
.bg-districts-and-schools {
  background-color: transparent !important;
  border: 3px solid transparent !important;
}
.bg-districts-schools:hover,
.bg-districts-and-schools:hover {
  border: 3px solid #F1BA55 !important;
}
.bg-districts-schools.show,
.bg-districts-and-schools.show {
  background-color: #F1BA55 !important;
}
.bg-districts-schools a.highlighted,
.bg-districts-and-schools a.highlighted {
  color: #2F3D4C !important;
}
.bg-districts-schools a.highlighted i,
.bg-districts-and-schools a.highlighted i {
  color: #2F3D4C !important;
}

.bg-administration {
  background-color: #90adff !important;
}

.bg-abouttop {
  background-color: transparent !important;
  border: 3px solid transparent !important;
}
.bg-abouttop:hover {
  border: 3px solid #BBBDC0 !important;
}
.bg-abouttop.show {
  background-color: #BBBDC0 !important;
}
.bg-abouttop a.highlighted {
  color: #2F3D4C !important;
}
.bg-abouttop a.highlighted i {
  color: #2F3D4C !important;
}

.border-categorySections {
  border-top-style: solid;
  border-bottom-style: solid;
  border-width: 20px 20px;
}
.border-categorySections .border-family-community,
.border-categorySections .border-family-and-community {
  border-color: #43718B;
}
.border-categorySections .border-educators {
  border-color: #2F3D4C;
}
.border-categorySections .border-districts-schools,
.border-categorySections .border-districts-and-schools {
  border-color: #F1BA55;
}
.border-categorySections .border-administration {
  border-color: #90adff !important;
}

.card-schools,
.carditem-districts-and-schools,
.carditem-districts-schools {
  color: #F1BA55 !important;
}

.card-community,
.carditem-family-and-community,
.carditem-family-community {
  color: #43718B !important;
}

.card-educators,
.carditem-educators {
  color: #2F3D4C !important;
}

.card-administration,
.carditem-administration {
  color: #90adff !important;
}

.categoryLinkText {
  font-size: 1em;
  font-weight: 700;
}

#homeCarouselContainer .carousel {
  border-radius: 10px 10px 10px 10px;
  height: 210px;
}

#homeCarousel {
  height: auto;
  width: auto;
  overflow: hidden;
}

#homeCarousel .carousel-item {
  height: inherit;
}

#homeCarouselContainer .carousel .item {
  width: 100%;
  height: 100%;
  background-color: #777;
  border-radius: 10px 10px 10px 10px;
  margin: 0px;
}

#homeCarouselContainer .carousel-indicators {
  position: relative;
  margin-right: 35% !important;
  margin-left: 35% !important;
}

#homeCarouselContainer .carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #000;
}

.icon-administration::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f5da";
}

.icon-family-community::before, .icon-family-and-community::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0c0";
}

.icon-educators::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f51c";
}

.icon-districts-schools::before, .icon-districts-and-schools::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f549";
}

.login::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
}

.tps::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f1ea";
}

.twitter::before {
  font-family: "Font Awesome 5 Brands";
  content: "\f099";
}

.my-card {
  position: absolute;
  left: 35%;
  top: -35px;
  width: 75px;
  height: 75px;
  padding: 7px 10px;
  border-radius: 25px;
  text-align: center;
  border: 7px solid !important;
}

.cardpad {
  padding-bottom: 2em;
  padding-top: 3em;
}

.cardrow {
  position: absolute;
  top: -18em;
  z-index: 1;
}

.cardcontainer {
  position: relative;
}

.card-center {
  position: relative;
  top: 0.7em;
}

.learn-button {
  font-weight: bold;
  width: 50%;
  border-radius: 8%;
  border: none;
  margin: auto;
  background: inherit;
  background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
}

.learn-button {
  font-weight: bold;
  color: #eee !important;
  width: 50%;
  border-radius: 8%;
  border: thin;
  margin-left: auto;
  margin-right: auto;
  margin-top: 14px;
  background: inherit;
  background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
  box-shadow: 1px -1px 4px 0px rgb(0, 0, 0) !important;
}

.learn-button:hover {
  color: #fff !important;
  background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35));
  box-shadow: 0px 0px 0px 0px rgb(255, 255, 255) !important;
}

.learn-button-alt {
  background-color: #43718B !important;
}

.girlimg, .jumbotronHome {
  width: 100%;
  max-height: 500px !important;
  z-index: -2;
}

.headcont {
  /* padding-left: 0px;
  padding-right: 0px; */
  padding-left: 0.3em;
  padding-right: 0.3em;
}

#footer {
  padding: 20px 0;
  /* background-color: #e3ddd1; */
}
#footer > .container {
  max-width: 2500px;
  padding-inline: 1rem;
}

@media (max-width: 767px) {
  .nav-link {
    font-size: 1em;
  }
}
@media (max-width: 992px) {
  .searchbar {
    max-width: 85px;
    margin-left: 0px;
  }
}
@media (max-width: 1200px) {
  .topbarcont {
    max-width: 100%;
  }
  .ml-center {
    margin-left: 0rem;
  }
  .centertext {
    text-align: center;
  }
}
@media (max-width: 900px) {
  .centerbut {
    margin-left: 2vw;
  }
}
@media (max-width: 1200px) and (min-width: 900px) {
  .centerbut {
    margin-left: 4vw;
  }
}
@media (max-width: 996px) and (min-width: 768px) {
  .headcont {
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
}
a.skip-main {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}

a.skip-main:focus, a.skip-main:active {
  color: #fff;
  background-color: #000;
  left: auto;
  top: auto;
  width: 30%;
  height: auto;
  overflow: auto;
  margin: 10px 35%;
  padding: 5px;
  border-radius: 15px;
  border: 4px solid yellow;
  text-align: center;
  font-size: 1.2em;
  z-index: 999;
}

.sameHeightFCPanelBody {
  border-top: 1px thin #000;
}

.windowNav {
  background-color: #fefefe !important;
}

.social ul {
  list-style: none;
  margin-top: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

.social ul li {
  display: inline-block;
  margin: 0 2px;
  padding: 0;
}

.social ul li a {
  border-radius: 50%;
  display: block;
  position: relative;
  text-align: center;
}

.social li a {
  font-size: 0.857em;
  height: 26px;
  line-height: 2.3em;
  width: 26px;
}

.social li a span, .social li a strong {
  display: block;
  height: 0;
  overflow: hidden;
  position: absolute;
  text-indent: 150%;
  white-space: nowrap;
  width: 0;
}

.social li a {
  border-radius: 50%;
  display: block;
  position: relative;
  text-align: center;
  color: #fff;
  background-color: #6c757d;
}

#header .social li > a {
  font-size: 0.857em;
  height: 26px;
  line-height: 2.3em;
  width: 26px;
  text-decoration: none !important;
}

#header .social li a:hover {
  opacity: 0.85;
}

#header .social li > a.dropdown-toggle {
  background-color: none;
}

.dropdownSocialContainer .dropdown .dropdown-toggle {
  background: none !important;
}

@media screen and (min-width: 768px) and (max-width: 980px) {
  #header .social {
    position: relative;
    right: -15px;
  }
}
@media screen and (min-width: 768px) {
  #header .social {
    float: right;
    margin-bottom: 0;
    text-align: right;
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  #header .social li {
    display: block;
    float: left;
  }
}
#footer .social li a:hover {
  color: #cbd3da;
  text-decoration: none;
}

.mbMainLi {
  margin-bottom: 3px;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

.mbMainLink i {
  margin-right: 5px;
}

.mbMainLi.show i.fa-caret-down {
  content: "\f0d8" !important;
  transform: rotate(0.5turn);
}

.mbMainLink {
  font-weight: bold;
}

.mbMainLink.has-submenu {
  background-color: transparent;
}

.mbTopLink {
  padding-left: 5px !important;
  font-weight: bold;
  margin-bottom: 0.1rem;
}

a.mbTopLink.mobileButtonCenterA {
  text-align: center;
}

.mbTopLink:hover {
  background-color: #eee !important;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
}

/* This is the extra stuff for dropdown not in the rest */
.dropdown-submenu > a:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  content: "\f054" !important;
  border: none;
  position: absolute;
  right: 10px;
  top: 5px;
}

.dropdown-menu > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: none !important;
}

.dropdown-menu > li:last-child {
  border-bottom: none;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #eee !important;
  color: #fff !important;
}

.dropdown-item.dropdown-toggle:hover {
  color: #000;
}

.dropdown-item:hover {
  color: #000;
}

.dropdown-rotate::after {
  transform: rotate(90deg);
}

.dropdown-submenu > .dropdown-menu {
  padding-left: 5px;
}

/* 20210712 CKO - commented out 
.dropdown-submenu {
	position: relative;
}

.dropdown-submenu a::after {
	transform: rotate(-90deg);
	position: absolute;
	right: 6px;
	top: .8em;
}

.dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
	margin-left: .1rem;
	margin-right: .1rem;
}
*/
/*@media (min-width: 767px){ 
	ul.nav li.dropdown:hover > ul.dropdown-menu {
		display: block;
	}
}*/
.headline-card .text-overlay {
  background-color: rgba(0, 0, 0, 0.35);
}

.headline-card .text-overlay, .headline-card .text-overlay a {
  color: #fff;
}

.x-icon:hover {
  opacity: 0.5;
}

a {
  color: #2F3D4C;
}

a:hover {
  text-decoration: underline;
  text-decoration-color: #F1BA55;
}

.values-row {
  padding-left: 15px;
}

.values-title-2025 {
  font-size: 110%;
}

.btn-orange-2025:hover {
  background-color: #2F3D4C !important;
  color: white !important;
}

.overlayButton {
  position: relative;
  z-index: 5;
}

.carousel-row-2025 {
  display: flex;
  width: 100%;
}

.news-block {
  flex: 0 0 19.5%;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.news-block:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.news-block > .card {
  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;
}

.carouselhome-container {
  padding-left: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  height: 100%;
  flex: 0 0 81%;
}

.carouselhome-inner {
  display: flex;
  width: 100%;
}

.carouselhome-item {
  flex: 1 0 25%;
  padding: 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 0;
  padding-top: 25%;
}

.carouselhome-item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 98%;
  height: 98%;
  object-fit: cover;
}

.carouselhome-item:before {
  content: "";
  width: 98%;
  display: block;
  padding-top: 98%;
  height: 98%;
}

.carouselhome-item:hover::before {
  z-index: 1;
  background-color: #2F3D4C !important; /* Change background on hover */
}

.news-block .card {
  width: 100%;
  height: 98%;
  transform: translate(0, -1%);
}

.homepage-news-block {
  text-align: center;
  padding: 20px;
}

.opacity-news-image {
  opacity: 0.25;
}

.card-text-overlay-news-blue {
  width: 82%;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: #2F3D4C;
  font-size: 17px;
  font-weight: bold !important;
  text-align: center !important;
  /* background-color: rgba(0, 0, 0, 0.5) !important;*/
  padding: 2px 4px !important;
}

.carouselhome-control-next {
  right: 10px;
}

.carouselhome-control-prev {
  left: 5px;
}

.card-text-overlay-news-blue:hover {
  color: white;
}

.carouselhome-item:hover .card-text-overlay-news-blue {
  color: white;
  z-index: 2;
}

@media (max-width: 1200px) {
  .news-block {
    display: none;
  }
  .carouselhome-container {
    flex: 0 0 100.5%;
    padding: 0;
  }
  .carouselhome-item {
    flex: 1 0 25%;
    padding-top: 25%;
  }
}
@media (max-width: 1000px) {
  .news-block {
    display: none;
  }
  .carouselhome-container {
    flex: 0 0 101%;
    padding: 0;
  }
  .carouselhome-inner {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    overflow: hidden;
  }
  .carouselhome-item {
    flex: 0 0 100%;
    padding-top: 50%;
  }
  .carouselhome-inner {
    display: flex;
    transition: transform 0.3s ease;
  }
}
@media (max-width: 767px) {
  .carouselhome-item {
    flex: 0 0 100%;
    padding-top: 100%;
  }
  .carouselhome-control-next {
    right: 20px;
  }
  .carouselhome-control-prev {
    left: 10px;
  }
}
@media (max-width: 405px) {
  .fa-map-marker {
    padding-left: 35px;
  }
}
@media (max-width: 375px) {
  .fa-map-marker {
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .highlight-mobile-2025 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.overlayText > a > .scde2025_caretRightIcon {
  filter: invert(1);
}

/* Ryan's CSS */
/* Modal Updates */
.modal-body {
  max-height: calc(100vh - 143px);
  overflow-y: auto;
}

.modal-header {
  background-color: #008195;
}

.modal-body {
  background-color: #FFFFFF;
}

.modal-title {
  color: #ffffff;
}

.modal-header .close {
  color: #FFFFFF;
}

.modal-footer {
  background-color: #008195;
}

/* Side Navbar */
#navStandard .nav {
  flex-wrap: nowrap !important;
}

section a {
  color: #43718B;
  text-decoration: underline;
}

aside a {
  color: #43718B;
}

#crumblist a {
  color: #2F3D4C;
}

@media (min-width: 576px) {
  .tools {
    padding-left: 0px;
  }
}
/* Banner Image Text */
.header-image-text {
  font-weight: bold;
}

/* Folder FAQ Panel */
.faq-title {
  font-size: 16px !important;
  margin-bottom: 0px;
  margin-top: 0px;
}

.navbar-toggler {
  padding: 1px 6px;
}

/* Category Top 4 */
.img-thumbnail {
  height: 175px !important;
  width: 250px !important;
}

/* Footer Updates */
#footer .social li a {
  font-size: 2em;
  height: 26px;
  line-height: 2.3em;
  width: 26px;
  background-color: transparent;
  display: unset;
}

.social li a {
  border-radius: 50%;
  display: block;
  position: relative;
  text-align: center;
  color: #fff;
}

.nav-stacked-icons .nav-link {
  padding-top: 0px;
  padding-bottom: 5px;
}

#footerContainer {
  overflow: hidden;
}

.footer-top h4 {
  margin-bottom: 0px;
}
.footer-top hr {
  margin-top: 0px;
  border-top-color: #fff;
}

@media (min-width: 576px) {
  .grid-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.fa-ul {
  margin-left: 1.6em;
}
.fa-ul li {
  padding-left: 0px;
}

.footer_bottom {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  margin-bottom: -1em;
  background-color: black;
  padding-bottom: 20px;
}

.footerseal {
  max-width: 90px;
  max-height: 90px;
}

.footer-hr {
  width: 100%;
  height: 5px;
  border-top-color: #fff;
  margin-top: 0px;
}

/* Footer Google embedded style I removed */
.goog-te-gadget-icon {
  display: none;
}

/* Home page Events */
.events_card {
  margin-bottom: 0.5em;
}

.events_container {
  padding-left: 0;
}

/* Super Area */
.super_container {
  padding: 0;
  margin-bottom: 10px;
}

/* Bootstrap collapse animation */
.collapsing {
  transition: none !important;
}

/* News Blocks */
.headline-card .card-block img {
  height: 375px;
}

.newsblock {
  margin-bottom: 1em;
}

.news_title {
  font-size: 1.5em;
  font-weight: bold;
}

/*Feature Boxes */
.fb-title h3 {
  font-weight: bold;
}

.feature-boxes .fb-item ul li {
  font-size: 1em;
  padding-left: 0px;
}

.feature-boxes .fb-item ul {
  margin: 0 15px 10px;
}

.feature-boxes .fb-item .fb-title h3 {
  padding: 10px 15px;
}

.feature-boxes .fb-item .fb-content {
  background: #ededed;
}

/* Header Image */
.header-image .header-image-text {
  bottom: 0;
  color: #fff;
  font-size: 1em;
  line-height: 1em;
  padding: 6px 8px;
  position: absolute;
  text-shadow: 3px -1px 1px #000;
  /*text-transform: uppercase;*/
}

@media screen and (min-width: 560px) {
  .header-image .header-image-text {
    font-size: 1.5em;
    /* padding: 20px; */
  }
}
@media screen and (min-width: 768px) {
  .header-image .header-image-text {
    font-size: 2em;
    /* padding: 20px; */
  }
}
@media screen and (min-width: 974px) {
  .header-image .header-image-text {
    font-size: 2.5em;
    /* padding: 20px; */
  }
}
@media screen and (min-width: 1183px) {
  .header-image .header-image-text {
    font-size: 3em;
    /* padding: 20px; */
  }
}
.header-col {
  margin-bottom: 1.5em;
}

/*Home PAge*/
.home_highlight {
  margin-bottom: 1em;
}

/*
#homepage .container{
  padding-left: 0px;
  padding-right: 0px;
}
*/
.homecard_title {
  font-size: 1.5em;
  font-weight: bold;
}

.pre_cardtext {
  padding: 1em 1em 3em 1em;
  background-color: rgba(255, 255, 255, 0.9);
}

.events_col {
  padding-left: 15px !important;
}

.superintendent-col {
  padding-left: 15px !important;
}

.events_container {
  padding-bottom: 1rem !important;
}

.btm-img-container {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
}

.cardrow {
  width: 100% !important;
}

@media (min-width: 1200px) {
  .homeNews {
    padding-top: 2rem;
    margin-top: 4rem;
  }
}
/* End of home */
.scde-logo {
  padding-right: 15px;
}

.feature-boxes .fb-item .fb-title h3 {
  background-color: rgba(0, 0, 0, 0);
}

.feature-boxes .fb-item.fb-item-1 .fb-title,
.feature-boxes .fb-item.fb-item-7 .fb-title,
.feature-boxes .fb-item.fb-item-13 .fb-title {
  background-color: #2F3D4C;
}
.feature-boxes .fb-item.fb-item-1 .fb-title h3,
.feature-boxes .fb-item.fb-item-7 .fb-title h3,
.feature-boxes .fb-item.fb-item-13 .fb-title h3 {
  color: #fff;
}

.feature-boxes .fb-item.fb-item-2 .fb-title,
.feature-boxes .fb-item.fb-item-8 .fb-title,
.feature-boxes .fb-item.fb-item-14 .fb-title {
  background-color: #234058;
}
.feature-boxes .fb-item.fb-item-2 .fb-title h3,
.feature-boxes .fb-item.fb-item-8 .fb-title h3,
.feature-boxes .fb-item.fb-item-14 .fb-title h3 {
  color: #fff;
}

.feature-boxes .fb-item.fb-item-3 .fb-title,
.feature-boxes .fb-item.fb-item-9 .fb-title,
.feature-boxes .fb-item.fb-item-15 .fb-title {
  background-color: #43718B;
}
.feature-boxes .fb-item.fb-item-3 .fb-title h3,
.feature-boxes .fb-item.fb-item-9 .fb-title h3,
.feature-boxes .fb-item.fb-item-15 .fb-title h3 {
  color: #fff;
}

.feature-boxes .fb-item.fb-item-4 .fb-title,
.feature-boxes .fb-item.fb-item-10 .fb-title,
.feature-boxes .fb-item.fb-item-16 .fb-title {
  background-color: #F1BA55;
}
.feature-boxes .fb-item.fb-item-4 .fb-title h3,
.feature-boxes .fb-item.fb-item-10 .fb-title h3,
.feature-boxes .fb-item.fb-item-16 .fb-title h3 {
  color: #2F3D4C;
}

.feature-boxes .fb-item.fb-item-5 .fb-title,
.feature-boxes .fb-item.fb-item-11 .fb-title,
.feature-boxes .fb-item.fb-item-17 .fb-title {
  background-color: #FFEDCC;
}
.feature-boxes .fb-item.fb-item-5 .fb-title h3,
.feature-boxes .fb-item.fb-item-11 .fb-title h3,
.feature-boxes .fb-item.fb-item-17 .fb-title h3 {
  color: #2F3D4C;
}

.feature-boxes .fb-item.fb-item-6 .fb-title,
.feature-boxes .fb-item.fb-item-12 .fb-title,
.feature-boxes .fb-item.fb-item-18 .fb-title {
  background-color: #F0F8FF;
}
.feature-boxes .fb-item.fb-item-6 .fb-title h3,
.feature-boxes .fb-item.fb-item-12 .fb-title h3,
.feature-boxes .fb-item.fb-item-18 .fb-title h3 {
  color: #2F3D4C;
}

.contentboxes {
  margin-top: 2em;
  margin-bottom: 2em;
}

#svIndex dl .title {
  font-size: 16px;
}

/* Highlights sections */
.highlights {
  padding-top: 1em;
  padding-bottom: 1em;
}
.highlights .card {
  margin-top: 0.5rem;
}

.highlight-text p {
  margin-bottom: 0px;
}

a {
  color: #2F3D4C;
}

.cat {
  font-size: 16px;
  font-weight: bold;
}

.bg-gray {
  background-color: #f1f1f1;
}

.bold {
  font-weight: bold;
}

.windowNav {
  margin-top: 0px !important;
  box-shadow: 0 1px 2px 0 !important;
}

.panel-body p {
  font-size: 0.9em;
  border-top: #666;
  border-top-style: solid;
  border-top-width: 1px;
}

/* Will's CSS */
.NewsArea {
  padding-top: 3rem !important;
}

.news-carousel h3 {
  font-size: 1.375rem;
  font-weight: bold;
}
.news-carousel .primary-news-item h3 {
  color: #FFF;
}
.news-carousel .side-news-item h3 {
  color: #000;
}

.news-caption {
  left: 0;
  right: 0;
  bottom: 0;
}

.events_card .card-title {
  margin-top: 0.75em;
  font-size: 1.5em;
}

.special-heading a {
  color: #fff;
  display: block;
  width: 100%;
}

#header {
  padding-inline: 1.5em;
  max-height: 5rem;
  min-height: 4rem;
  position: relative;
  z-index: 11;
}
#header a.nav-link.text-light {
  color: #2F3D4C !important;
  font-weight: bold;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 2px;
}
#header a.nav-link.text-light:hover {
  text-decoration-color: #F1BA55 !important;
}

.nav-center {
  display: flex;
  align-items: center;
}

.scde2025_topbar_container {
  max-width: 2500px;
  max-height: 3rem;
  /* padding-inline: 1rem; */
}

div.darkgreenbg .text-white {
  color: black !important;
}

ul.list-unstyled col > li > span.text-white {
  color: black !important;
}

div.categoryCardContainer {
  position: relative;
}

li.nav-item a.navlink > span {
  color: #2F3D4C;
  font-weight: bold;
}
li.nav-item a.navlink > span:hover {
  text-decoration: underline;
  color: #F1BA55;
}

#collapseGroup div.headcont.container-xl {
  max-width: 2500px;
}
#collapseGroup div.headcont.container-xl div.row {
  margin-right: 0.5em;
  padding: 1em;
  padding-top: 0em;
  padding-bottom: 2em;
  position: relative;
  z-index: 10;
}
#collapseGroup div.card-deck {
  justify-content: flex-end;
  margin-bottom: -1.3rem;
}
@media (min-width: 768px) {
  #collapseGroup div.card-deck {
    margin-bottom: -1.3rem;
  }
}
@media (min-width: 830px) {
  #collapseGroup div.card-deck {
    margin-bottom: -1.6rem;
  }
}
@media (min-width: 992px) {
  #collapseGroup div.card-deck {
    margin-bottom: -2rem;
  }
}
@media (min-width: 1170px) {
  #collapseGroup div.card-deck {
    margin-bottom: -2.7rem;
  }
}
@media (min-width: 1200px) {
  #collapseGroup div.card-deck {
    margin-bottom: -2.9rem;
  }
}
@media (min-width: 1338px) {
  #collapseGroup div.card-deck {
    margin-bottom: -3.2rem;
  }
}
@media (min-width: 1400px) {
  #collapseGroup div.card-deck {
    margin-bottom: -3.284rem;
  }
}
@media (min-width: 1920px) {
  #collapseGroup div.card-deck {
    margin-bottom: -3.286rem;
  }
}
@media (min-width: 2560px) {
  #collapseGroup div.card-deck {
    margin-bottom: -3.289rem;
  }
}

#collapsedistricts-schools a.categoryLinkText:hover {
  border: 3px solid #F1BA55;
}

#collapseeducators a.categoryLinkText:hover {
  border: 3px solid #2F3D4C;
}

#collapsefamily-community a.categoryLinkText:hover {
  border: 3px solid #43718B;
}

div.doormatBG.darkgreenbg > div.container {
  margin-right: 2rem;
}

.scde_2025_overlayText_container {
  max-width: 2500px;
  padding-left: 2rem;
}

.scde2025_text-gold {
  color: #F1BA55;
}

a.scde2025_text-gold:hover {
  color: white;
}

.scde2025_col-xxl, .scde2025_col-xxl-auto, .scde2025_col-xxl-12, .scde2025_col-xxl-11, .scde2025_col-xxl-10, .scde2025_col-xxl-9, .scde2025_col-xxl-8, .scde2025_col-xxl-7, .scde2025_col-xxl-6, .scde2025_col-xxl-5, .scde2025_col-xxl-4, .scde2025_col-xxl-3, .scde2025_col-xxl-2, .scde2025_col-xxl-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.scde2025_col-xxl-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.scde2025_col-xxl-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.scde2025_col-xxl-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.scde2025_col-xxl-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.scde2025_col-xxl-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.scde2025_col-xxl-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.scde2025_col-xxl-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.scde2025_col-xxl-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.scde2025_col-xxl-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.scde2025_col-xxl-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.scde2025_col-xxl-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.scde2025_col-xxl-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.scde2025_col-xxl-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (max-width: 991.98px) {
  .scde2025_col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .scde2025_col-xxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 100%;
  }
  .scde2025_col-xxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 100%;
  }
  .scde2025_col-xxl-3 {
    flex: 0 0 25%;
    max-width: 100%;
  }
  .scde2025_col-xxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 100%;
  }
  .scde2025_col-xxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 100%;
  }
  .scde2025_col-xxl-6 {
    flex: 0 0 50%;
    max-width: 100%;
  }
  .scde2025_col-xxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 100%;
  }
  .scde2025_col-xxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 100%;
  }
  .scde2025_col-xxl-9 {
    flex: 0 0 75%;
    max-width: 100%;
  }
  .scde2025_col-xxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 100%;
  }
  .scde2025_col-xxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 100%;
  }
  .scde2025_col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/* start PageTitle */
.pageTitle {
  font-style: normal;
  background: #2F3D4C;
  padding: 1rem;
  color: white;
  border-radius: 0.25rem;
  font-weight: 400;
  letter-spacing: 0.5px;
}

/* end PageTitle */
/* start special headings */
.spe-bg-25 {
  font-weight: 300;
  font-size: 1.75rem;
  padding: 0.35rem 0.5rem;
  border-radius: 0.25rem;
  color: #fff;
}

.spe-head-blueBG {
  background-color: #2F3D4C;
}

.spe-head-goldBG {
  background-color: #F1BA55;
  color: #2F3D4C;
  font-weight: 400;
}

.spe-head-tealBG {
  background-color: #43718B;
}

.spe-hr-25 {
  font-size: 1.5rem;
  font-weight: 500;
  color: #2F3D4C;
  padding: 0.5rem 0rem 0.25rem 0.75rem;
}

.spe-head-blueHR {
  border-bottom: 1.5px solid #2F3D4C;
}

.spe-head-goldHR {
  border-bottom: 1.5px solid #F1BA55;
}

.spe-head-tealHR {
  border-bottom: 1.5px solid #43718B;
}

.spe-head-H4 {
  font-size: 1.35rem;
  font-weight: 500;
  padding: 0.5rem 0rem 0.15rem 1rem;
}

.spe-head-grayHR {
  color: #2F3D4C;
  border-bottom: 0.5px solid #BBBDC0;
  width: 75%;
}

.spe-head-normalH4,
.spe-head-normalH5,
.spe-head-normalH6 {
  color: #2F3D4C;
  padding: 0.5rem 0 0 1rem;
}

.spe-head-normalH5 {
  font-size: 1.25rem;
  padding-left: 1.15rem;
}

.spe-head-normalH6 {
  font-size: 1.15rem;
  padding-left: 1.25rem;
}

.spe-head-tealTXT {
  color: #43718B;
}

/* end special headings */
/* start SCE */
#sce_intro {
  display: grid;
  grid-template-columns: 1fr;
}
#sce_intro #who_we_are,
#sce_intro #what_we_do {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 991.98px) {
  #sce_intro #who_we_are,
  #sce_intro #what_we_do {
    grid-template-columns: auto;
  }
}
#sce_intro #who_we_are div.sceTxt,
#sce_intro #what_we_do div.sceTxt {
  padding-inline: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 991.98px) {
  #sce_intro #who_we_are div.sceTxt,
  #sce_intro #what_we_do div.sceTxt {
    padding: 5rem 5rem 3rem 5rem;
  }
}
@media (max-width: 575.98px) {
  #sce_intro #who_we_are div.sceTxt,
  #sce_intro #what_we_do div.sceTxt {
    padding: 2rem 1rem 0rem 1rem;
  }
}
@media (max-width: 991.98px) {
  #sce_intro #who_we_are div.sceImg,
  #sce_intro #what_we_do div.sceImg {
    margin: auto;
    padding: 0.5rem;
  }
}
#sce_intro #who_we_are {
  background: #FFEDCC;
}
#sce_intro #who_we_are div.sceTxt {
  color: #2F3D4C;
  background: #FFEDCC;
}
#sce_intro #what_we_do {
  background: #43718B;
}
#sce_intro #what_we_do div.sceTxt {
  color: white;
  background: #43718B;
}

#sce_pryh div.tealBG {
  background: #43718B;
  color: white;
  text-align: center;
  padding-block: 0.75rem 0.5rem;
}
#sce_pryh div.pryhContent {
  display: grid;
  grid-template-columns: 1fr 2fr;
  margin-top: 1rem;
  align-items: center;
}
@media (max-width: 767.98px) {
  #sce_pryh div.pryhContent {
    grid-template-columns: auto;
    justify-items: center;
  }
}
#sce_pryh div.pryhContent div.pryhImg > img {
  max-height: 20rem;
}
#sce_pryh div.pryhContent div.pryhTxt {
  padding: 1rem;
}
#sce_pryh div.pryhContent div.pryhTxt p.pryhSpecial {
  font-size: 1.5rem;
  color: #43718B;
  text-wrap: pretty;
  font-weight: 700;
}
#sce_pryh div.pryhContent div.pryhTxt button {
  padding-left: 0;
}

/* end SCE */
/* start Growing Pathways for Students */
#growing_pathways > div.row.gpsBanner {
  background: #dcebf5;
  /* position: fixed; */
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
  opacity: 0.95;
}

/* end Growing Pathways for Students */
/* Standard Settings at smallest */
.sysStateBoardOfEducationVideo2 .mura-object-content .card-body {
  padding-bottom: 0;
}

.sysStateBoardOfEducationVideo2 .mura-object-content .card-body a {
  text-decoration: none;
  color: white;
  font-size: xx-large;
  line-height: 2.75rem;
  height: 370px;
  position: absolute;
  z-index: 999;
  margin-left: -20px;
  padding-left: 20px;
}

.sysStateBoardOfEducationVideo2 .mura-object-content .card-body .mura-item-meta__title {
  margin-top: -369px;
}

.sysStateBoardOfEducationVideo2 .card {
  flex-direction: column-reverse;
}

/*
@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px;
  }
}
*/
/* Removal of the text-white class and implementing specific colors per contrast issues */
.home_highlight a {
  font-weight: bold;
  color: #111;
}

.homecard_title {
  color: #111;
}

/* CKO TEST for hamburger menu */
ul.tree li,
ul.ckoTree li {
  list-style-type: none;
  position: relative;
}

ul.tree li ul,
ul.ckoTree li ul {
  display: none;
}

ul.tree li.open > ul,
ul.ckoTree li.open > ul {
  display: block;
  /* padding-top:20px; */
}

ul.hNavLevel2, ul.hNavLevel3 {
  margin-left: 2px;
  margin-left: -1.9rem;
  border-radius: 0rem;
  padding-left: 0.5rem;
}

ul.tree li a,
ul.ckoTree li a {
  color: #000;
  text-decoration: none;
}

ul.tree li a:before,
ul.ckoTree li a:before {
  height: 1em;
  padding: 0 0.1em;
  font-size: 0.8em;
  display: block;
  left: -1.3em;
  top: 0.2em;
}

.goog-te-banner-frame.skiptranslate {
  display: none !important;
}

body {
  top: 0px !important;
}

#google_translate_element select {
  border: none;
  border: 1px solid #2F3D4C;
  border-radius: 3px;
  padding: 6px 8px;
}

.fa-facebook-f:before, .fa-facebook:before {
  content: "\f09a";
}

.map-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

.map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.current {
  font-weight: bold;
}

.current li {
  font-weight: normal;
}

.navBullet {
  padding-left: 20px;
  list-style: none;
}

.navBullet li {
  margin-bottom: 10px;
}

.navBullet li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f105  ";
  margin: 0 5px 0 -15px;
}

.contactHeaderOffice {
  font-size: 15px;
  font-weight: bold;
}

.contactHeaderTitle {
  font-size: 15px;
  font-weight: bold;
}

/*
 You probably do not need to edit this at all.

 Add some SmartMenus required styles not covered in Bootstrap 4's default CSS.
 These are theme independent and should work with any Bootstrap 4 theme mod.
*/
/* Carets in collapsible mode (make them look like +/- buttons) */
/* make sure there's room for the carets */
.navbar-nav.sm-collapsible .has-submenu {
  padding-right: 3em;
}

/* keep the carets properly positioned */
.navbar-nav.sm-collapsible .nav-link,
.navbar-nav.sm-collapsible .dropdown-item {
  position: relative;
}

#scdeMobileMenu a.mbMainLink.has-submenu {
  color: #2F3D4C;
}
#scdeMobileMenu li.bg-district-schools.mbmainLi.show a.mbMainLink.has-submenu.highlighted {
  color: #2F3D4C;
}
#scdeMobileMenu li.bg-district-schools.mbmainLi.show a.mbMainLink.has-submenu.highlighted i.scde2025_fa-caret-down {
  transform: rotate(0.5turn);
}
#scdeMobileMenu li.bg-educators.mbmainLi.show a.mbMainLink.has-submenu {
  color: #2F3D4C;
}
#scdeMobileMenu li.bg-educators.mbmainLi.show a.mbMainLink.has-submenu.highlighted {
  color: white;
}
#scdeMobileMenu li.bg-educators.mbmainLi.show a.mbMainLink.has-submenu.highlighted i.scde2025_fa-caret-down {
  transform: rotate(0.5turn);
}
#scdeMobileMenu li.bg-educators.mbmainLi.show a.mbMainLink.has-submenu.highlighted i.scde2025_fa-caret-down.fa-caret-down:before {
  color: white;
}
#scdeMobileMenu li.bg-family-community.mbmainLi.show a.mbMainLink.has-submenu {
  color: #2F3D4C;
}
#scdeMobileMenu li.bg-family-community.mbmainLi.show a.mbMainLink.has-submenu.highlighted {
  color: white;
}
#scdeMobileMenu li.bg-family-community.mbmainLi.show a.mbMainLink.has-submenu.highlighted i.scde2025_fa-caret-down {
  transform: rotate(0.5turn);
}
#scdeMobileMenu li.bg-family-community.mbmainLi.show a.mbMainLink.has-submenu.highlighted i.scde2025_fa-caret-down.fa-caret-down:before {
  color: white;
}
#scdeMobileMenu li.bg-abouttop.mbmainLi.show a.mbMainLink.has-submenu.highlighted {
  color: #2F3D4C;
}
#scdeMobileMenu li.bg-abouttop.mbmainLi.show a.mbMainLink.has-submenu.highlighted i.scde2025_fa-caret-down {
  transform: rotate(0.5turn);
}
#scdeMobileMenu li.bg-abouttop.mbmainLi.show ul.hNavLevel2 li.mbMainLi a:hover {
  background-color: #eee;
}
#scdeMobileMenu ul.hNavLevel2 a.nav-link.has-submenu:hover {
  background-color: #eee;
}

/* Nav carets in expanded mode */
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent;
}

/* point the arrows up for .fixed-bottom navbars */
.fixed-bottom .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow,
.fixed-bottom .navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-toggle::after {
  border-top: 0;
  border-bottom: 0.3em solid;
}

/* Dropdown carets in expanded mode */
.navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow,
.navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  margin-top: -0.3em;
  margin-right: 1em;
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

/* make sure there's room for the carets */
.navbar-nav:not(.sm-collapsible) .dropdown-item.has-submenu {
  padding-right: 2em;
}

/* Scrolling arrows for tall menus */
.navbar-nav .scroll-up,
.navbar-nav .scroll-down {
  position: absolute;
  display: none;
  visibility: hidden;
  height: 20px;
  overflow: hidden;
  text-align: center;
}

.navbar-nav .scroll-up-arrow,
.navbar-nav .scroll-down-arrow {
  position: absolute;
  top: -2px;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-top: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid;
  border-left: 7px solid transparent;
}

.navbar-nav .scroll-down-arrow {
  top: 6px;
  border-top: 7px solid;
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid transparent;
}

/* Add some spacing for 2+ level sub menus in collapsible mode */
.navbar-nav.sm-collapsible .dropdown-menu .dropdown-menu {
  margin: 0.5em;
  border: none !important;
  border-radius: 0rem !important;
}

/* Fix SmartMenus sub menus auto width (subMenusMinWidth/subMenusMaxWidth options) */
.navbar-nav:not([data-sm-skip]) .dropdown-item {
  white-space: normal;
}

.navbar-nav:not(.sm-collapsible) .sm-nowrap > li > .dropdown-item {
  white-space: nowrap;
}

.hNavLevel2 .nav-item .nav-link {
  font-weight: 700;
}

.hNavLevel3 .nav-item .nav-link {
  font-weight: 600;
}

.hNavLevel3 .nav-item a.nav-link:hover {
  background-color: #eee !important;
}

#navbarSupportedContent .list-group-item {
  border: 0px solid;
  border-radius: 0rem;
  background-color: #2F3D4C;
  color: #F0F8FF;
}
#navbarSupportedContent .list-group-item:hover {
  background-color: white;
  color: #2F3D4C;
}

.scde2025_list-group-item {
  padding: 0.1rem !important;
  padding-left: 2rem !important;
}

#navbarSupportedContent ul.dropdown-menu li.dropdown a.nav-link {
  padding-left: 5px;
  color: #2F3D4C !important;
  margin-bottom: 0.1rem;
}
#navbarSupportedContent ul.dropdown-menu li.dropdown a.nav-link:hover {
  background-color: #eee;
}

.main-nav {
  background: #3092c0;
  background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3298c8), color-stop(100%, #2e8cb8));
  background-image: -webkit-linear-gradient(to bottom, #3298c8, #2e8cb8);
  background-image: -moz-linear-gradient(to bottom, #3298c8, #2e8cb8);
  background-image: -o-linear-gradient(to bottom, #3298c8, #2e8cb8);
  background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.main-nav:after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  font: 0px/0 serif;
  overflow: hidden;
}

.nav-brand {
  float: left;
  margin: 0;
}

.nav-brand a {
  display: block;
  padding: 10px 10px 10px 20px;
  color: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
  line-height: 29px;
  text-decoration: none;
}

/* Mobile menu toggle button */
.main-menu-btn {
  margin: 10px;
  position: relative;
  display: inline-block;
  width: 29px;
  height: 29px;
  text-indent: 29px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* hamburger icon */
.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.main-menu-btn-icon:before {
  content: "";
  top: -7px;
  left: 0;
}

.main-menu-btn-icon:after {
  content: "";
  top: 7px;
  left: 0;
}

/* x icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #main-menu {
  display: none;
}

#main-menu-state:checked ~ #main-menu {
  display: block;
}

@media (min-width: 768px) {
  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ #main-menu {
    display: block;
  }
}
.btn {
  font-family: "Poppins";
  padding: 0.5em 1em;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
}

.btn-primary {
  background: #0d6efd; /* Old browsers */
  background: -moz-linear-gradient(top, #0d6efd 0%, #003d93 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #0d6efd 0%, #003d93 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #0d6efd 0%, #003d93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$btn_color_primary_bg_normal_hex", endColorstr="$btn_color_primary_bg_darker_hex",GradientType=0 ); /* IE6-9 */
  border-color: #003d93;
}

.btn-primary:hover {
  background: #003d93;
}

.btn-secondary {
  background: #eeeeee; /* Old browsers */
  border-color: #BBBDC0;
  color: #2F3D4C;
}

.btn-secondary:hover {
  background: #BBBDC0;
}

.btn-success {
  background: #198754; /* Old browsers */
  background: -moz-linear-gradient(top, #198754 0%, #146b49 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #198754 0%, #146b49 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #198754 0%, #146b49 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$btn_color_success_bg_normal_hex", endColorstr="$btn_color_success_bg_darker_hex",GradientType=0 ); /* IE6-9 */
  border-color: #146b49;
}

.btn-success:hover {
  background: #146b49;
}

.btn-danger {
  background: #dc3545; /* Old browsers */
  background: -moz-linear-gradient(top, #dc3545 0%, #ad0011 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #dc3545 0%, #ad0011 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #dc3545 0%, #ad0011 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$btn_color_danger_bg_normal_hex", endColorstr="$btn_color_danger_bg_darker_hex",GradientType=0 ); /* IE6-9 */
  border-color: #ad0011;
}

.btn-danger:hover {
  background: #ad0011;
}

.btn-warning {
  background: #ffc107; /* Old browsers */
  background: -moz-linear-gradient(top, #ffc107 0%, #eaa800 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffc107 0%, #eaa800 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffc107 0%, #eaa800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$btn_color_warning_bg_normal_hex", endColorstr="$btn_color_warning_bg_darker_hex",GradientType=0 ); /* IE6-9 */
  border-color: #eaa800;
  color: #111111;
}

.btn-warning:hover {
  background: #eaa800;
}

.btn-info {
  background: #0dcaf0; /* Old browsers */
  background: -moz-linear-gradient(top, #0dcaf0 0%, #00a9bc 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #0dcaf0 0%, #00a9bc 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #0dcaf0 0%, #00a9bc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$btn_color_info_bg_normal_hex", endColorstr="$btn_color_info_bg_darker_hex",GradientType=0 ); /* IE6-9 */
  border-color: #00a9bc;
  color: #111111;
}

.btn-info:hover {
  background: #00a9bc;
}

.btn-light {
  background: #f8f9fa; /* Old browsers */
  background: -moz-linear-gradient(top, #f8f9fa 0%, #dbdbdb 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f8f9fa 0%, #dbdbdb 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f8f9fa 0%, #dbdbdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$btn_color_light_bg_normal_hex", endColorstr="$btn_color_light_bg_darker_hex",GradientType=0 ); /* IE6-9 */
  border-color: #dbdbdb;
  color: #111111;
}

.btn-light:hover {
  background: #dbdbdb;
}

.btn-dark {
  background: #212529; /* Old browsers */
  background: -moz-linear-gradient(top, #212529 0%, #606060 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #212529 0%, #606060 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #212529 0%, #606060 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$btn_color_dark_bg_normal_hex", endColorstr="$btn_color_dark_bg_darker_hex",GradientType=0 ); /* IE6-9 */
  border-color: #606060;
}

.btn-dark:hover {
  background: #212529;
}

.btn-warning, .btn-light, .btn-info {
  color: #111;
}

/* IGNORE: Unrelated generic demo styles */
#mobilenavBlock {
  border-bottom: 1px solid #e0e0e0;
}

mbMainLi a {
  padding-left: 2px;
  margin-left: 5px;
}

.custom-popover li {
  border: none !important;
  /* text-align: center; */
}

nav {
  overflow-x: visible !important;
  overflow-y: visible !important;
}

.social-dropdown-menu {
  width: 200px;
}

.goog-te-gadget-simple {
  border-radius: 5px;
  height: 31px;
}

.goog-te-menu-value {
  padding-top: 1px;
  font-size: 10pt !important;
}

#google_translate_element select {
  background-color: #fff;
  color: #666;
}

#google_translate_element {
  height: 38px !important;
  overflow: hidden !important;
}

/*	New nav */
.categoryCard > .card-body > .card-text {
  display: none !important;
}

.scde2025_topbar_container {
  max-width: 2500px !important;
}

.navbar-toggler {
  padding: 2px 2px;
}

/* .hNavLevel3 .nav-item a.nav-link:hover{
	  background-color: $color_gray2  !important;
  text-decoration-color: #F1BA55  !important;
  } */
/* END Main Nav 

START Dropdown Nav */
div.categoryCardContainer {
  bottom: 0 !important;
}

a.categoryLinkText {
  padding: 0.5rem !important;
  background: #fff !important;
  color: #2F3D4C !important;
  text-wrap: nowrap !important;
  text-decoration: none !important;
  border: 3px solid transparent !important;
  transition: color 0.3s cubic-bezier(0.4, 0, 1, 1), background 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
}

a.categoryLinkText::after {
  content: "\f0d7" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-size: 1rem !important;
  margin-left: 0.5rem !important;
  /* transition: content .3s linear !important; */
}

a.categoryLinkText.open::after {
  content: "\f0d8" !important;
}

a.categoryLinkText:nth-of-type(0):hover::after {
  color: #F1BA55 !important;
}

a.categoryLinkText:nth-of-type(1):hover::after {
  color: #2F3D4C !important;
}

a.categoryLinkText:nth-of-type(2):hover::after {
  color:   #43718B !important;
}

div.categoryCard-districts-schools > div.card-body > div.categoryCardContainer > a.categoryLinkText:hover,
a.categoryLinkText.IsFirst:hover {
  border: 3px solid #f1ba55 !important;
  background: #fff !important;
}

div.categoryCard-districts-schools > div.card-body > div.categoryCardContainer > a.categoryLinkText:active,
div.categoryCard-districts-schools > div.card-body > div.categoryCardContainer > a.categoryLinkText:focus,
div.categoryCard-districts-schools > div.card-body > div.categoryCardContainer > a.categoryLinkText:target,
a.categoryLinkText.IsFirst.open:active,
a.categoryLinkText.IsFirst.open:focus-within {
  /* a.categoryLinkText.IsFirst:target { */
  background: #f1ba55 !important;
  color: #2F3D4C !important;
}

div.categoryCard-educators > div.card-body > div.categoryCardContainer > a.categoryLinkText:hover,
a.categoryLinkText.IsNotFirst:nth-of-type(2):hover {
  border: 3px solid #2F3D4C !important;
  background: #fff !important;
}

div.categoryCard-educators > div.card-body > div.categoryCardContainer > a.categoryLinkText:active,
div.categoryCard-educators > div.card-body > div.categoryCardContainer > a.categoryLinkText:focus,
div.categoryCard-educators > div.card-body > div.categoryCardContainer > a.categoryLinkText:target,
a.categoryLinkText.IsNotFirst.open:nth-of-type(2):active,
a.categoryLinkText.IsNotFirst.open:nth-of-type(2):focus-within {
  /* a.categoryLinkText.IsNotFirst:target { */
  background: #2F3D4C !important;
  color: #fff !important;
}

div.categoryCard-family-community > div.card-body > div.categoryCardContainer > a.categoryLinkText:hover, a.categoryLinkText.IsNotFirst:nth-of-type(3):hover {
  border: 3px solid #43718B !important;
  background: #fff !important;
}

div.categoryCard-family-community > div.card-body > div.categoryCardContainer > a.categoryLinkText:active,
div.categoryCard-family-community > div.card-body > div.categoryCardContainer > a.categoryLinkText:focus,
div.categoryCard-family-community > div.card-body > div.categoryCardContainer > a.categoryLinkText:target,
a.categoryLinkText.IsNotFirst.open:nth-of-type(3):active,
a.categoryLinkText.IsNotFirst.open:nth-of-type(3):focus-within {
  /* a.categoryLinkText.IsNotFirst:nth-of-type(2):target  { */
  background: #43718B !important;
  color: #fff !important;
}

.scde2025_navBg {
  background-color: white !important;
  border: 5px solid #f1ba55 !important;
  border: 5px solid transparent !important; /*2025*/
  padding: 1rem !important;
  margin: -2rem !important;
  margin-top: 0 !important;
}

#collapsedistricts-schools > div.container > div.darkgreenbg > div.scde2025_navBg {
  border: 5px solid #f1ba55 !important;
}

#collapseeducators > div.container > div.darkgreenbg > div.scde2025_navBg {
  border: 5px solid #2F3D4C !important;
}

#collapsefamily-community > div.container > div.darkgreenbg > div.scde2025_navBg {
  border: 5px solid #43718B !important;
}

/* START Dropdown Nav Mobile*/
i.scde2025_fa-caret-down {
  color: black !important;
  margin-left: 0.5rem;
}

/*END Dropdown Nav*/
/*START Super Section*/
@media (max-width: 767.98px) {
  .scde2025_f2f_Image {
    max-height: 250px !important;
  }
}
/*END Super Section*/
#footerContainer {
  background-color: #2F3D4C !important;
}

.scde2025_footer_sealImg {
  max-height: 75px;
  width: auto;
  display: flex;
}

@media (max-width: 575.98px) {
  .scde2025_footer_sealImg {
    margin-inline: auto;
  }
}
.footer-hr {
  border-top: 1px solid #F1BA55 !important;
}

footer .fa {
  color: #F1BA55;
}

#footer a.nav-link.text-light {
  text-decoration: underline;
  text-decoration-color: transparent;
}
#footer a.nav-link.text-light:hover {
  text-decoration-color: #F1BA55;
}

#footer .social li a {
  font-size: 2em;
  height: 26px;
  line-height: 2.3em;
  width: 26px;
  background-color: transparent;
  display: unset;
}

.social li a {
  border-radius: 50%;
  display: block;
  position: relative;
  text-align: center;
  color: #fff;
}

.nav-stacked-icons .nav-link {
  padding-top: 0px;
  padding-bottom: 5px;
}

#footerContainer {
  overflow: hidden;
}

.footer-top h4 {
  margin-bottom: 0px;
}
.footer-top hr {
  margin-top: 5px;
  border-top-color: #fff;
}

@media (min-width: 576px) {
  .grid-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) and (max-width: 1304.98px) {
  .scde2025_scde-grid-list {
    grid-template-columns: repeat(1, 1.5fr 2fr);
    column-gap: 0.25rem;
    text-wrap: nowrap;
  }
}
.fa-ul {
  margin-left: 1.6em;
}
.fa-ul li {
  padding-left: 0px;
}

.footer_bottom {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  margin-bottom: -1em;
  background-color: black;
  padding-bottom: 20px;
}
.footer_bottom div.container {
  max-width: 2000px;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  margin-left: 1rem;
}

@media (max-width: 575.98px) {
  div.row.footer-icons {
    flex-direction: column;
  }
  div.row.footer-icons .scde2025_mobile_footer_seal {
    margin-inline: auto;
  }
  div.row.footer-icons .scde2025_mobile_footer_socialMedia {
    margin-inline: auto;
    display: flex;
    justify-content: center;
  }
  div.row.footer-top {
    margin-inline: auto;
    text-align: center;
  }
  .scde2025_Footer_contactInfo_center {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}
@media (max-width: 996px) {
  .categoryLinkText {
    font-size: 0.82em !important;
    font-weight: 600;
  }
  #mastheadTopNav li a span {
    font-size: 0.82em !important;
  }
}
@media (max-width: 850px) {
  .categoryLinkText {
    font-size: 0.78em !important;
    font-weight: 600;
  }
  #mastheadTopNav li a span {
    font-size: 0.78em !important;
  }
}
@media (max-width: 825px) {
  .categoryLinkText {
    font-size: 0.72em !important;
    font-weight: 600;
  }
  #mastheadTopNav li a span {
    font-size: 0.72em !important;
  }
}
@media (max-width: 785px) {
  .categoryLinkText {
    font-size: 0.67em !important;
    font-weight: 600;
  }
  #mastheadTopNav li a span {
    font-size: 0.67em !important;
  }
}/*# sourceMappingURL=custom.css.map */