/* 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 */






/*Google search styles */

.gsib_a {
			padding: 3px 9px 4px 9px !important;
		}
		#___gcse_0{
			padding:0px !important;
			margin:0px !important;
		}
		.gsc-control-cse{
			padding:0px !important;
			margin:0px !important;
			background-color:transparent !important;
			border:0px solid #000 !important;
			width:185px !important;
		}
		table.gsc-search-box td.gsc-input {
			padding-right: 0px !important;
			height:30px !important;
		};
		.gsc-input {
			font-size: 15px !important;
			margin-top:-2px !important;
		}
		.gsc-input-box {
			display: block !important;
			width: 100% !important;
			height:30px !important;
/*<!--- 				height: calc(1.5em + 0.75rem + 2px); --->
<!--- 				padding: 0.375rem 0.75rem; --->
<!--- 				font-size: 1rem; --->
<!--- 				font-weight: 400; --->
<!--- 				line-height: 1.5; --->*/
			color: #495057 !important;
			background-color: #fff !important;
			background-clip: padding-box v;
			border: 1px solid #ced4da !important;
			border-radius: 0.25rem !important;
			border-bottom-right-radius: 0px !important;
			border-top-right-radius: 0px !important;
			transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
		};
		.gsc-search-button {
			width: auto !important;
			padding: 10px 10px !important;
			height:30px !important;
			margin: 0 !important;
			border-radius: 0 !important;
			border-top-right-radius: 8px !important;
			border-bottom-right-radius: 8px !important;
		}
		.gsc-search-button-v2 {
			width: auto !important;
			padding: 10px 10px !important;
			height:30px !important;
			margin: 0 !important;
			border-radius: 0 !important;
			border-top-right-radius: 8px !important;
			border-bottom-right-radius: 8px !important;
		}



/* End google search styles */




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: "PT Sans", 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.80rem;
  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: #2d3b44;
  color: #fff;
  font-weight: 700;
  font-size: 1.1435em;
  padding: 8px  10px;
}

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

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

.navbg {
  background: #2d3b44 !important;
}

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

.topnav li + li > a span {
  padding-left: 1vw;
  border-left: 1px solid #fff;
}

.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;
}

.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: .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: #69acbd;
}

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

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

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

.highlight-link-bg {
  background-color: #69acbd !important;
}

.darkgreenbg {
  background-color: #1b7784 !important;
}

.bg-family-community,
.bg-family-and-community {
  background-color: #69acbd !important;
}

.bg-educators {
  background-color: #b0cc66 !important;
}

.bg-districts-schools,
.bg-districts-and-schools {
  background-color: #efc04c !important;
}

.bg-administration {
  background-color: #90adff !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: #69acbd;
}

.border-categorySections .border-educators {
  border-color: #b0cc66;
}

.border-categorySections .border-districts-schools,
.border-categorySections .border-districts-and-schools {
  border-color: #efc04c;
}

.border-categorySections .border-administration {
  border-color: #90adff !important;
}

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

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

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

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

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

@media (max-width: 928px) {
  .categoryLinkText {
    font-size: .82em !important;
    font-weight: 600;
  }
}

#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: .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 black !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 white !important;
}

.learn-button-alt {
  background-color: #69acbd !important;
}

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

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

#footer {
  padding: 20px 0;
  /* background-color: #e3ddd1; */
}

#footer > .container {
  padding-left: 1rem;
  padding-right: 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;
}

.mbMainLink {
  font-weight: bold;
  color: #fff !important;
}

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

.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);
}

.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;
}

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

section a {
  color: #2864F0;
}

aside a {
  color: #2864F0;
}

#crumblist a {
  color: #004794;
}

@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;
}

h2 {
  color: #2d3b44;
}

.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: calc(-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: .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: #9a2515;
}

.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: #b35806;
}

.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: #990066;
}

.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: #008195;
}

.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: #0d3c55;
}

.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: #003c30;
}

.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: .5rem;
}

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

a {
  color: #004794;
}

.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: .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: .75em;
  font-size: 1.5em;
}

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

div.svRelContent h2 {
  background-color: #2d3b44 !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 1.1435em !important;
  padding: 8px  10px !important;
}

div.svRelContent div dl dt.title {
  font-size: 17px !important;
}

div.svRelContent {
  border-top: 0px !important;
}

.twoSL > .sidebar {
  padding-left: 0px !important;
  margin-left: 15px;
  margin-right: -15px;
}

.twoSL aside #contactInfo {
  margin-top: -2.5rem !important;
}

/* 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;
}

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 .1em;
  font-size: .8em;
  display: block;
  left: -1.3em;
  top: .2em;
}

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

body {
  top: 0px !important;
}

#google_translate_element select {
  background-color: #f6edfd;
  color: #383ffa;
  border: none;
  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) */
.navbar-nav.sm-collapsible .sub-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  margin: -0.7em 0.5em 0 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: .25rem;
  padding: 0;
  width: 2em;
  height: 1.4em;
  font-size: 1.25rem;
  line-height: 1.2em;
  text-align: center;
}

.navbar-nav.sm-collapsible .sub-arrow::before {
  content: '+';
}

.navbar-nav.sm-collapsible .show > a > .sub-arrow::before {
  content: '-';
}

.navbar-dark .navbar-nav.sm-collapsible .nav-link .sub-arrow {
  border-color: rgba(255, 255, 255, 0.1);
}

/* 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;
}

/* Nav carets in expanded mode */
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: .255em;
  vertical-align: .255em;
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-left: .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: .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: -.3em;
  margin-right: 1em;
  border-top: .3em solid transparent;
  border-bottom: .3em solid transparent;
  border-left: .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: .5em;
}

/* 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;
}

#navbarSupportedContent ul.dropdown-menu li.dropdown a.nav-link {
  padding-left: 5px;
}

.main-nav {
  background: #3092c0;
  background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.main-nav:after {
  clear: both;
  content: "\00a0";
  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;
  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;
  transform: rotate(-45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  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: "PT Sans";
  padding: 0.5em 1em;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
}

.btn-primary {
  background: #0d6efd;
  /* Old browsers */
  /* FF3.6-15 */
  /* 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: #5c636a;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #5c636a 0%, #393e42 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$btn_color_secondary_bg_normal_hex', endColorstr='$btn_color_secondary_bg_darker_hex',GradientType=0 );
  /* IE6-9 */
  border-color: #393e42;
}

.btn-secondary:hover {
  background: #393e42;
}

.btn-success {
  background: #198754;
  /* Old browsers */
  /* FF3.6-15 */
  /* 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 */
  /* FF3.6-15 */
  /* 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 */
  /* FF3.6-15 */
  /* 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 */
  /* FF3.6-15 */
  /* 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 */
  /* FF3.6-15 */
  /* 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 */
  /* FF3.6-15 */
  /* 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;
}
/*# sourceMappingURL=custom.css.map */