/**
 * @file
 * Subtheme specific CSS.
 */

#block-views-block-who-s-online-who-s-online-block {
  border: 1px solid red;
}

@keyframes anim-up {
  from {
	  top: 0px;
	  box-shadow:none;
	}
  to {top: -2px;
	  box-shadow: 0 7px 12px 0 rgba(0,0,0,0.15),0 4px 12px 0 rgba(0,0,0,0.15);
	}
}

/************/
/** Accessibility Settings **/
/************/

#accessibility-btn {
  padding: 15px 15px 0px 15px;
}

#accessibility-btn .btn {
  font-weight: bold;
}

#accessibility-btn .gear {
  font-size: 1.3rem;
  line-height: 1rem;
}

/************/
/** Layout **/
/************/

html,
body {
    height: 100%;
}

#page,
#main-wrapper {
  background-color: #fcfcfc !important;
}

body.layout-no-sidebars {}
body.layout-two-sidebars {}

body.layout-one-sidebar .flex-width.col,
body.layout-two-sidebars .flex-width.col {
	max-width:100%;
	flex:0 0 100%;
}

body.layout-one-sidebar .flex-width-50.col,
body.layout-two-sidebars .flex-width-50.col {
	max-width:50% !important;
	flex:0 0 50% !important;
}

@media (max-width: 767.98px) {
	body.layout-one-sidebar .flex-width-50.col,
	body.layout-two-sidebars .flex-width-50.col {
		max-width:100% !important;
		flex:0 0 100% !important;
	}
}

body.layout-no-sidebars .narrow {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}

body.layout-no-sidebars .wide {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

body {
	font-family: 'Lato', Helvetica, sans-serif;
}

body.unpublished #block-mainpagecontent {
  background: rgba(255, 166, 0, 0.05) url('../images/unpublished.png') 50%/20% !important;
  border-radius: 0.5rem;
}

.region-top-header {
  width: 100%;
}

.region-top-header .block-views {
  width: 100%;
}

.region-top-header .logo.col {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.region-top-header-form {
  height: 100%;
  margin: 0.5rem 0rem;
  text-align: right;
}

@media (max-width: 991.98px) {
  .region-top-header-form {
    padding-bottom: 2rem;
    text-align: left;
  }
}

@media (max-width: 575.98px) {
  body #header-img-area .logo-sm .logo.col {
    flex: 0 0 auto;
    width: 100% !important;
  }
}

@media (min-width: 991.98px) {
  body #header-img-area .logo-sm .logo.col {
    flex: 0 0 auto;
    width: 12.5% !important;
  }

  body #header-img-area .logo-md .logo.col {
    flex: 0 0 auto;
    width: 20% !important;
  }

  body #header-img-area .logo-lg .logo.col {
    flex: 0 0 auto;
    width: 38% !important;
  }
}

.bs-region .block {
	margin-bottom: 2rem;
}

.site-footer .text-lg-right .nav {
  -ms-flex-pack: end!important;
  justify-content: flex-end!important;
}

.site-footer__bottom {
	border: none !important;
}

@media (min-width: 1200px) {
    .container{
        max-width: 1200px !important;
    }
}

@media (min-width: 1400px) {
    .container{
        max-width: 1400px !important;
    }
}

.margin-15 {
	margin-right: 15px;
	margin-left: 15px;
}

.sidebar-content .row-cols- .col {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.content-section {
  margin-bottom: 2.5rem !important;
}

.sidebar-content {
  padding-left: 2rem !important;
}

@media (max-width: 767.98px) {
  .sidebar-content {
    padding-left: 1rem !important;
  }
}

.sidebar-content .sidebar-menu li:nth-of-type(odd) {
  background: rgba(0, 0, 0, 0.02);
  border-radius: .25rem!important;
}

.content-section p:last-child {
  margin: 0;
}

.paragraph--bp-accordion-container {
  padding-top: 0;
}

#search-block-form .form-search.form-control {
  border: none;
  margin-right: 1rem;
  min-width: 100%;
}

#search-block-form .form-type-search {
  width: 100%;
}

#search-block-form .form-actions {
  display: none;
}

.align-center {
  text-align: center;
}

/*******************/
/** SD38 Branding **/
/*******************/

#district-branding {
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

#district-branding .district-logo,
#district-branding .district-statement {
	text-indent: -9999px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
}

#district-branding .district-logo {
	width: 106px;
	height: 28px;
	background-image: url('../images/sd38-brand-logo.png');
}

#district-branding .district-statement {
	width: 100%;
	height: 28px;
	background-image: url('../images/sd38-brand-statement.png');
	background-position: right;
}

/** Structural Stuff **/

body .contextual-links a,
body .contextual-links a:hover {
  color: black !important;
}

body .contextual-links a:hover {
  text-decoration: underline !important;
}

body #header-img-area,
body #header-img-area a {
  color: white;
  text-decoration: none;
  text-shadow: unset;
}

body #header-img-area .white-text,
body #header-img-area .white-text a {
  color: #ffffff;
}

body #header-img-area .black-text,
body #header-img-area .black-text a {
  color: #212529;
}

body #header-img-area .header-content.img-bg {
  text-shadow: 0px 1px 10px black;
}

body #header-img-area h1,
body #header-img-area a h1{
  margin: 0;
}

body #header-img-area em {
  font-weight: 700;
}

body #header-img-area .header-content,
body.path-frontpage #header-img-area .header-content.no-img-bg {
  min-height: 8rem;
}

body.path-frontpage #header-img-area .header-content.img-bg {
  min-height: 18rem;
}

@media (max-width: 767.98px) {
  body.path-frontpage #header-img-area .header-content.img-bg {
    min-height: 12rem;
  }
}

#navbar-main {
/* 	margin-top: -30px; */
	margin-bottom: 15px;
/* 	background-color: rgba(255, 255, 255, 0.65) !important; */
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
}

.navbar-toggler {
  color: rgba(0,0,0,0.5) !important;
  border-color: rgba(0,0,0,0.1) !important;
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

body .summary-text,
body #navbar-main .sf-menu li a {
	font-size: 0.95rem;
}

#navbar-main a {
  text-decoration: none;
}

#navbar-main a.nav-link {
	color: #777777;
}

#navbar-main .dropdown-item.active,
#navbar-main .dropdown-item:active {
	background: #ffffff;
}

#navbar-main .dropdown-item:focus,
#navbar-main .dropdown-item:hover {
  background-color: rgba(0,0,0,0.05);
}

footer {
	margin-top: 30px;
}

footer.site-footer {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.site-footer .block {
	border: none;
	padding: 0;
}

.site-footer {
  padding: 0px;
}

#richmond-footer {
  color: rgba(255, 255, 255, 0.65);
}

#richmond-footer img {
  margin: 20px 0px;
  opacity: 65%;
  max-width: 65%;
  height: auto;
}

.sidebar .block {
	margin: 0px;
}

.block-views-blocksidebar-notes-block-1,
.block-views-blocksidebar-notes-block-2 {
  padding: 15px 15px 0px 15px !important;
}

.block-views-blocksidebar-notes-block-3 .views-row {
  margin-bottom: 15px;
}

/* #block-views-block-header-image-block-1 {
  position: absolute;
  top: 20px;
  right: 20px;
} */

/*************************/
/** Program Site Styles **/
/*************************/

body.path-frontpage .field--name-node-title {
  display: none;
}

/*************************/
/** Body Content Tables **/
/*************************/

/* #block-mainpagecontent table thead {
  background: #00000016;
}

#block-mainpagecontent table tr:nth-child(even) {
  background: #00000008;
} */


/****************/
/** Typography **/
/****************/

#block-mainpagecontent h1 {
  margin-bottom: 1.5rem !important;
}

#block-mainpagecontent h2 {
  margin-bottom: 0.5rem !important;
}

#block-mainpagecontent .post h2 {
  margin-bottom: 0.5rem !important;
}

h1,
h2,
h1 a,
h2 a {
  font-weight: 600;
}

h2 a,
h3 a {
  text-decoration: none;
}

small, .small {
  font-size: .775em !important;
}

.h1, h1 {
    font-size:calc(1.375rem + 1.5vw) !important;
}

@media (min-width: 1200px) {
    .h1, h1 {
        font-size:2.5rem !important;
    }
}

.h2, h2 {
    font-size:calc(1.325rem + .9vw) !important;
}

@media (min-width: 1200px) {
    .h2, h2 {
        font-size:2rem !important;
    }
}

.h3, h3 {
    font-size:calc(1rem + .6vw) !important;
}

@media (min-width: 1200px) {
    .h3, h3 {
        font-size:1.375rem !important;
    }
}

.h4, h4 {
    font-size:calc(0.9rem + .3vw) !important;
}

@media (min-width: 1200px) {
    .h4, h4 {
        font-size:1.25rem !important;
    }
}

.h5, h5 {
    font-size:0.9rem !important;
}

.h6, h6 {
    font-size:0.9rem !important;
}

#block-mainpagecontent .view-staff-page-list h2 {
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-top: 1rem !important;
  margin-bottom: 0.5rem !important;
}

body {
	font-size: 1.15rem;
}

.view-article-feed p {
  margin-bottom: 0.25rem;
}

blockquote {
	padding: 1.5rem;
	border-radius: 0.625rem;
	background: rgba(0, 0, 0, 0.05);
	font-style: italic;
}

blockquote p:last-child {
	margin: 0;
}

.read-more-link a {
  text-decoration: none;
}

a.navbar-brand,
a:hover.navbar-brand {
	line-height: 1;
	font-size: 2.5rem;
	font-weight: 600;
}

body #header .slogan {
	font-size: 1.25rem;
}

.view-id-frontpage h2 {
	font-size: 1.35rem !important;
}

#custom-home .view-id-frontpage h2 {
	font-size: 1.65rem !important;
}

.view-id-blog_posts h2 {
	margin-top: 0.5rem;
	font-size: 1.5rem;
}

.node--view-mode-teaser h2 {
	padding-top: 0;
}

.node--view-mode-teaser h2 a,
.view-id-blog_posts h2 a {
	color: black;
}

.sidebar .block .content {
	font-size: 1rem;
}

.sidebar .h2,
.sidebar h2 {
	font-size: 1.35rem !important;
  margin: 0 0 .125rem 0;
  border: none;
}

.node__content,
.block-system-main-block {
	font-size: 1.15rem;
}

.site-footer__top h2 {
	border: none !important;
}

#custom-home .view-id-carousel h3 a {
  color: white !important;
  font-size: 2.5rem;
  font-weight: 800;
}

#custom-home .view-id-carousel .carousel-caption {
  -webkit-backdrop-filter: blur(0.25rem);
  backdrop-filter: blur(10px);
  background-color: #ffffff20;
  text-shadow: 2px 2px 10px black;
  padding: .5rem 1rem;
  border-radius: 0.5rem;
}

#custom-home .view-id-carousel .carousel-caption a {
  color: #ffffff;
}

#custom-home .carousel .carousel-item img {
	overflow: hidden;
	border-radius: 0.5rem;
}

#custom-home .view-id-carousel .carousel-inner,
.promo-card .bs-region {
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid #00000010;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.125);
}

.promo-content {
  background: #ffffff;
  padding: 0.75rem;
}

.promo-content .read-more {
  padding-top: 0.5rem;
}

.promo-content h2 {
  font-size: 1.5rem !important;
}

.promo-content p {
  font-size: 0.95rem !important;
  color: #333333;
}

.promo-card a.field-group-link {
  color: black !important;
  text-decoration: none;
}

.content-section .hl-yes .promo-card .promo-content {
  display: none;
}

/** General Purpose Styles **/

a.navbar-brand,
a:hover.navbar-brand,
#header .slogan,
.welcome-txt {
	color: white !important;
	text-shadow: 0px 1px 10px black;
}

.view-header-image .view-content .btn {
  box-shadow: 0px 2px 10px #66666675;
}

#main-wrapper a.btn-secondary,
#navbar-main a.btn-secondary,
#main-wrapper a.btn-primary,
#navbar-main a.btn-primary {
  color: #fff !important;
}

#header .slogan {
	font-weight: 600;
}

.site-logo {
	width: 100%;
	max-width: 100%;
}

.welcome-txt {
	line-height: 1;
	font-size: 1.25rem;
	font-style: italic;
}

.breadcrumb {
	padding: 0.75rem !important;
	margin-bottom: 0.75rem;
	list-style: none;
}

img {
	max-width: 100%;
	height: auto;
}

.node--view-mode-teaser img,
.node--view-mode-vertical-teaser img,
.view-id-frontpage .post img,
.field--type-image img,
.field--name-field-button-image img,
.article-img img,
.node--view-mode-vertical-teaser .field--name-field-feature-image {
	border-radius: 0.3125rem;
  overflow: hidden;
}

.article-img img {
  margin-bottom: 0rem;
}

.sidebar .block {
	background: unset !important;
	border: unset !important;
}

.sidebar .block .block {
	padding: 0;
}

.node--view-mode-teaser {
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.main-content .section article.node .block {
	margin-bottom: 3rem;
}

.main-content .section article.node .block-inline-blockimage-block .field--type-image img {
	margin: 0;
}

.sidebar .section {
	border-radius: 0.625rem;
}

.view-content {
	flex-direction: column;
}

.view-content .list-group {
	padding-left: 15px;
	padding-right: 15px;
}

.site-footer a,
.site-footer .page-link,
.site-footer a:active {
	color: white;
}

.w-30 {
  width: 30%;
}

/*********************/
/** CKEditor Styles **/
/*********************/

img.align-left {
  padding: 1rem 1rem 1rem 0;
}

img.align-right {
  padding: 1rem 0 1rem 1rem;
}

img.align-center {
  padding: 1rem 0 1rem 0;
}

.media.media--type-remote-video {
  margin-bottom: 1rem;
}

/**********************/
/** SD38 News Posts **/
/*********************/

.view-id-frontpage h2 {
  margin-bottom: .25rem;
}

.view-id-frontpage .view-content p {
  margin: 0;
}

.view-id-frontpage .field--type-entity-reference {
  margin: 0;
}

.view-id-frontpage .view-content .wrapper {
  padding: 0.75rem;
  background: white;
  border: 1px solid rgba(0,0,0,.12);
  margin-bottom: 1rem;
  width: 100%;
  border-radius: 0.5rem;
}

.view-id-frontpage .view-content .wrapper .article-img {order:2}
.view-id-frontpage .view-content .wrapper .article-text {order:1}

@media screen and (max-width:767px) {
  .view-id-frontpage .view-content .wrapper .article-img {order:1}
  .view-id-frontpage .view-content .wrapper .article-text {order:2}
}

#custom-home .view-id-frontpage .view-content .wrapper {
	padding: 0.75rem 0rem;
  background: unset !important;
	margin-bottom: 0rem;
	width: 100%;
  box-shadow: none !important;
  border-radius: 0 !important;
  border: none;
}

#custom-home .view-id-frontpage .view-content .post:not(:last-child) .wrapper {
  border-bottom: 1px solid #00000010;
}

#custom-home .view-id-frontpage .view-content .post:nth-child(odd) .wrapper {
  /* background: #00000009; */
}

#custom-home .view-id-frontpage .view-content .wrapper img.image-style-article-thumbnail {
  width: 100% !important;
}

.view-id-frontpage .view-content .views-row .summary a.field-group-link,
.view-id-frontpage .view-content .views-row .summary a.field-group-link:hover {
	color: #3b3b3b;
	text-decoration: none;
}

.news-post h2 a,
.news-post h2 a:hover
.news-post h3 a,
.news-post h3 a:hover {
	color: black;
	text-decoration: none;
}

/**********************/
/** SD38 News Alerts **/
/**********************/

.view-id-news_alerts {
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
}

.view-id-news_alerts a.alert-redirect {
  text-decoration: none;
}

.view-id-news_alerts .news-alert {
	border-radius: 0.625rem;
	padding: 0.25rem 0.75rem;
  margin-bottom: 0.75rem;
}

.view-id-news_alerts .news-alert h2 {
	font-size: 1.25rem !important;
	margin: 0 !important;
  font-weight: bold;
}

.view-id-news_alerts .news-alert p {
	margin:0;
}

.view-id-news_alerts .news-alert .alert-icon {
	text-indent: -9999px;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.view-id-news_alerts .news-alert .more-link {
	display: inline-block;
	padding-left: 0.25rem;
	font-weight: 600;
}

.view-id-news_alerts .news-alert.standard-alert,
.view-id-news_alerts .news-alert.standard-alert a {
	color: #24408d;
}

.view-id-news_alerts .news-alert.standard-alert {
	background-color: white;
	border: 2px solid rgba(36, 63, 140, 1);
}

.view-id-news_alerts .news-alert.urgent-alert,
  .view-id-news_alerts .news-alert.urgent-alert a {
	color: white;
}

.view-id-news_alerts .news-alert.urgent-alert {
	background-color: rgba(191, 31, 47, 0.9);
	border: 2px solid rgba(191, 31, 47, 1);
}

.view-id-news_alerts a.news-alert-link {
  text-decoration: none;
}

body.user-logged-in .ops-links .dropbutton-widget {
	min-width: 8rem;
}

body.user-logged-in .ops-links .dropbutton-widget {
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.25);
}

body.user-logged-in .sd38-news-alerts:hover .ops-links,
body.user-logged-in .carousel:hover .ops-links,
body.user-logged-in .news-item:hover .ops-links,
body.user-logged-in .slide__content:hover .ops-links,
body.user-logged-in .card:hover .ops-links {
	display: block;
}

.view-id-frontpage .field--type-image {
  margin: 0;
}


/************************************/
/** Quicklinks - Home Page Buttons **/
/************************************/

.sidebar .block#block-views-block-district-quick-links-block-1,
.sidebar .block#block-views-block-home-page-buttons-block-1 {
  border-style: solid;
  border-width: 1px;
  padding: 0px 15px;
  margin: 0px;
}

.view-home-page-buttons .node--type-home-page-button,
.district-quick-links .views-row img {
  margin-bottom: 0.75rem;
}

.view-home-page-buttons .node--type-home-page-button img,
.district-quick-links .views-row img {
  border-radius: 0.75rem;
}

.view-home-page-buttons .node--type-home-page-button img:hover,
.district-quick-links .views-row img:hover {
  box-shadow: 0px 1px 4px #bbb;
}

.district-quick-links p {
  margin-bottom: 0 !important;
}

/* Paragraph Styling */

.paragraph .contextual {
  width: auto !important;
}t

.paragraph--type-basic-text-section.paragraph {
  display: flex;
  width: unset;
}

.paragraph--type-image-link .field--name-field-image {
  margin: 0;
}

.content-panel.paragraph {
	margin-left: -15px;
	margin-right: -15px;
	width: unset !important;
}

.content-panel .header-image {
	min-height: 150px;
}

.content-panel .wrapper,
.paragraph--type-image-text .field--type-image {
	overflow: hidden;
	border-radius: 0.625rem;
}

.paragraph--view-mode-image-panel {
	color: white !important;
}

.paragraph--view-mode-stacked-image-first- .col img,
.paragraph--view-mode-stacked-text-first- .col img {
	width: 100%;
	height: auto;
}

.paragraph--view-mode-table-listing .file--application-pdf {
	background-image: url(../images/icons/pdf.png);
	background-size: contain;
	padding-left: 30px;
}

.paragraph--view-mode-file-grid-view .file--application-pdf {
	background-image: url(../images/icons/pdf.png);
	background-size: 12%;
	background-position: 3% center;
}

.paragraph--view-mode-file-grid-view .file {
	display: block;
	padding-left: 0;
}

.paragraph--view-mode-file-grid-view .file a {
	padding: 2rem 0.5rem 2rem 17%;
	border-radius: 0.625rem;
	display:block;
	border:1px solid rgba(0, 0, 0, 0.05);
	background-color: rgba(0, 0, 0, 0.02);
	overflow-wrap: break-word;
}

.paragraph--view-mode-file-grid-view .file a:hover {
	border:1px solid rgba(0, 0, 0, 0.25);
	background-color: rgba(0, 0, 0, 0.05);
}

.paragraph>.paragraph__column {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}

.paragraph.paragraph--type-image-banner .imagefield_slideshow-wrapper {
  display: inline-block;
  border: 0px;
  padding: 0px;
  margin: 6px 0;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
  border-radius: 0.3125rem;
}

.paragraph.paragraph--type-image-gallery .view-image-gallery-carousel {
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
  border-radius: 0.3125rem;
  overflow: hidden;
}

.paragraph.paragraph--type-image-gallery .view-image-gallery-carousel img {
  border-radius: 0.3125rem;
  overflow: hidden;
}

.border-03125,
.border-round-sm {
	border-radius: 0.3125rem;
  overflow: hidden;
}

.border-0625,
.border-round-lg {
	border-radius: 0.5rem;
  overflow: hidden;
}

.basic-text-section .style-on {
  padding: 1rem;
}

.content-section .field--type-entity-reference {
  margin: 0;
}

.p-sm {
	padding:1rem;
}
.p-med {
	padding:3rem;
}
.p-lg {
	padding:6rem;
}
.m-sm {
	margin:1rem;
}
.m-med {
	margin:3rem;
}
.m-lg {
	margin:6rem;
}

.block-content--type-image-gallery-block .gallery-item img {
	border-radius: 0.3125rem;
	overflow: hidden;
}

.block-content--type-image-gallery-block .gallery-item .thumbnail-wrapper {
	position: relative;
}

.block-content--type-image-gallery-block .gallery-item .enlarge-overlay {
	border-radius: 0.3125rem;
	background: rgba(0, 0, 0, 0.25);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	color: white;
	font-size: 2rem;
}

.block-content--type-image-gallery-block .gallery-item:hover .enlarge-overlay {
	display: block
}

.block-content--type-image-gallery-block .gallery-item .enlarge-overlay svg {
	position: absolute;
	bottom: 15px;
	right: 15px;
}

.field--name-field-section-image img {
	margin: 0;
}

.field--type-image img, .field--name-field-user-picture img {
	margin-bottom: 0px;
}

div.img-caption {
	padding: 0.25rem 0rem;
	clear: left;
	font-size: 1rem;
}

div.img-caption p,
.tile-link p {
	margin: 0;
}

video {
	max-width: 100%;
}

.media.wrapper {
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,1) 35%, rgba(255,255,255,0) 100%);
}

.tile-link,
.tile-link .flex-stretch {
  display: flex;
  align-items: stretch;
}

.tile-link .bs-1col,
.tile-link .field-group-link,
.tile-link .field-group-link .wrapper,
.tile-link:hover .field-group-link .wrapper {
  flex: 1;
}

.tile-link {
	text-align: center;
	font-size: 1rem;
	line-height: 1.15rem;
}

.tile-link a,
.tile-link a:hover {
	color: white;
	text-decoration: none;
}

.tile-link .paragraph--view-mode-icon-text {
	text-align: left;
	font-size: 1rem;
	line-height: 1.15rem;
  color: black;
}

.tile-link .wrapper {
  border-radius: 0.3125rem;
}

.tile-link .wrapper img {
  border-radius: 0.3125rem 0.3125rem 0 0;
}

.tile-link .wrapper {
  padding-bottom: 0.3125rem;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
}

.tile-link .wrapper img {
  margin-bottom: 0.3125rem;
}

.tile-link:hover .wrapper {
	box-shadow: 0px 1px 15px #b24244;
}

.tile-link .wrapper.bg-sd38bluelagoon {background-color:#1d84c3;}
.tile-link .wrapper.bg-sd38royalblue {background-color:#4486a3;}
.tile-link .wrapper.bg-sd38tealsky {background-color:#1daac3;}
.tile-link .wrapper.bg-sd38oceangreen {background-color:#32ae71;}
.tile-link .wrapper.bg-sd38sagegreen {background-color:#50976f;}
.tile-link .wrapper.bg-sd38limegreen {background-color:#80b52b;}
.tile-link .wrapper.bg-sd38golden {background-color:#c3a61d;}
.tile-link .wrapper.bg-sd38burntorange {background-color:#d47823;}
.tile-link .wrapper.bg-sd38earthbrown {background-color:#b1754c;}
.tile-link .wrapper.bg-sd38crimson {background-color:#b24244;}
.tile-link .wrapper.bg-sd38tangerine {background-color:#f77700;}
.tile-link .wrapper.bg-sd38boysenberry {background-color:#a83755;}
.tile-link .wrapper.bg-sd38purplegrape {background-color:#8236a9;}
.tile-link .wrapper.bg-sd38subduedblue {background-color:#4e7591;}
.tile-link .wrapper.bg-firehouse {background-color:#cd2d2d;}
.tile-link .wrapper.bg-ice {background-color:#c2c4c5;}
.tile-link .wrapper.bg-plum {background-color:#593662;}
.tile-link .wrapper.bg-slate {background-color:#4e4e4e;}

.tile-link:hover .wrapper {box-shadow: 0px 1px 15px #00000060;}

/* .content-section {border: 1px solid purple;}
.content-section .d-flex {border: 1px solid green;} */
.content-section .mts.row {--bs-gutter-x: 0rem;}

.content-section .bg-none {background: unset; padding: 0rem;}
.content-section .bg-lightgrey {background: #eee;}
.content-section .paragraph--type-basic-text-section .bg-lightgrey {padding: 1rem;}
.content-section .bg-darkgrey {background: #333; color: white;}
.content-section .paragraph--type-basic-text-section .bg-darkgrey {padding: 1rem;}
.content-section .bg-cream {background: #fbf7f1; color: black;}
.content-section .paragraph--type-basic-text-section .bg-cream {padding: 1rem;}
.content-section .bg-red {background: #ff2600;color: white;}
.content-section .paragraph--type-basic-text-section .bg-red {padding: 1rem;}
.content-section .bg-red a {color: black !important;}
.content-section .bg-sd38blue {background: #034ea2; color: white;}
.content-section .paragraph--type-basic-text-section .bg-sd38blue {padding: 1rem;}
.content-section .bg-sd38blue a, .content-section .bg-sd38bluelight a {color: #00b298 !important;}
.content-section .bg-sd38bluelight {background: #d9e5f1; color: black;}
.content-section .paragraph--type-basic-text-section .bg-sd38bluelight {padding: 1rem;}
.content-section .bg-sd38green {background: #00b298; color: white;}
.content-section .paragraph--type-basic-text-section .bg-sd38green {padding: 1rem;}
.content-section .bg-sd38green a, .content-section .bg-sd38greenlight a {color: #034ea2 !important;}
.content-section .bg-sd38greenlight {background: #e6f7f5; color: black;}
.content-section .paragraph--type-basic-text-section .bg-sd38greenlight {padding: 1rem;}
.content-section .bg-themelight {background: #eee; color: black;}
.content-section .paragraph--type-basic-text-section .bg-themelight {padding: 1rem;}
.content-section .bg-themedark {background: #eee; color: white;}
.content-section .paragraph--type-basic-text-section .bg-themedark {background: #eee; color: white; padding: 1rem;}

.content-section .bg-sd38bluelagoon {background-color:#1d84c3; color: white;}
.content-section .bg-sd38royalblue {background-color:#4486a3; color: white;}
.content-section .bg-sd38tealsky {background-color:#1daac3; color: white;}
.content-section .bg-sd38oceangreen {background-color:#32ae71; color: white;}
.content-section .bg-sd38sagegreen {background-color:#50976f; color: white;}
.content-section .bg-sd38limegreen {background-color:#80b52b; color: white;}
.content-section .bg-sd38golden {background-color:#c3a61d; color: white;}
.content-section .bg-sd38burntorange {background-color:#d47823; color: white;}
.content-section .bg-sd38earthbrown {background-color:#b1754c; color: white;}
.content-section .bg-sd38crimson {background-color:#b24244; color: white;}
.content-section .bg-sd38tangerine {background-color:#f77700; color: white;}
.content-section .bg-sd38boysenberry {background-color:#a83755; color: white;}
.content-section .bg-sd38purplegrape {background-color:#8236a9; color: white;}
.content-section .bg-sd38subduedblue {background-color:#4e7591; color: white;}
.content-section .bg-firehouse {background-color:#cd2d2d; color: white;}
.content-section .bg-ice {background-color:#c2c4c5; color: white;}
.content-section .bg-plum {background-color:#593662; color: white;}
.content-section .bg-slate {background-color:#4e4e4e; color: white;}

.content-section .sd38-mts .bs-region--left {
  padding:0;
}

.content-section .bg-lightgrey,
.content-section .bg-sd38bluelagoon,
.content-section .bg-sd38royalblue,
.content-section .bg-sd38tealsky,
.content-section .bg-sd38oceangreen,
.content-section .bg-sd38sagegreen,
.content-section .bg-sd38limegreen,
.content-section .bg-sd38golden,
.content-section .bg-sd38burntorange,
.content-section .bg-sd38earthbrown,
.content-section .bg-sd38crimson,
.content-section .bg-sd38tangerine,
.content-section .bg-sd38boysenberry,
.content-section .bg-sd38purplegrape,
.content-section .bg-sd38subduedblue,
.content-section .bg-firehouse,
.content-section .bg-ice,
.content-section .bg-plum,
.content-section .bg-slate {
  padding: .5rem;
  border-radius: .5rem;
}

.content-section .mts-il .bs-region--left {padding: 1rem 1rem 1rem 0rem;}
.content-section .mts-il .bs-region--right {padding: 1rem 0rem 1rem 1rem;}

.content-section .mts-ir .bs-region--left {padding: 1rem 1rem 1rem 0rem;}
.content-section .mts-ir .bs-region--right {padding: 1rem 0rem 1rem 1rem;}

@media (max-width: 991.98px) {
  .content-section .mts-il .bs-region--left {padding: 1rem 0rem 1rem 0rem;}
  .content-section .mts-il .bs-region--right {padding: 1rem 0rem 1rem 0rem;}

  .content-section .mts-ir .bs-region--left {padding: 1rem 0rem 1rem 0rem;}
  .content-section .mts-ir .bs-region--right {padding: 1rem 0rem 1rem 0rem;}
}

.content-section .mts.bg-lightgrey .bs-region,
.content-section .mts.bg-sd38bluelagoon .bs-region,
.content-section .mts.bg-sd38royalblue .bs-region,
.content-section .mts.bg-sd38tealsky .bs-region,
.content-section .mts.bg-sd38oceangreen .bs-region,
.content-section .mts.bg-sd38sagegreen .bs-region,
.content-section .mts.bg-sd38limegreen .bs-region,
.content-section .mts.bg-sd38golden .bs-region,
.content-section .mts.bg-sd38burntorange .bs-region,
.content-section .mts.bg-sd38earthbrown .bs-region,
.content-section .mts.bg-sd38crimson .bs-region,
.content-section .mts.bg-sd38tangerine .bs-region,
.content-section .mts.bg-sd38boysenberry .bs-region,
.content-section .mts.bg-sd38purplegrape .bs-region,
.content-section .mts.bg-sd38subduedblue .bs-region,
.content-section .mts.bg-firehouse .bs-region,
.content-section .mts.bg-ice .bs-region,
.content-section .mts.bg-plum .bs-region,
.content-section .mts.bg-slate .bs-region {
  padding: 1rem;
}

main div.content-row .paragraph {
	border-radius: 0.625rem;
}

div.content-row .p-sm {
	margin: 0px;
	padding: 1rem;
}

div.content-row .p-md {
	margin: 0px;
	padding: 1.5rem;
}

div.content-row .p-lg {
	margin: 0px;
	padding: 3rem;
}

div.content-row .p-xl {
	margin: 0px;
	padding: 6rem;
}

.social-media-links {
  display: block;
}

.social-media-links .field-group-link {
  height: 5rem;
  font-size: 12px;
}

.social-media-links .social-link a {
  text-indent: -99999px;
  font-size: 0px;
  height: 3rem;
  width: 3rem;
  display: inline-block;
  background-size: contain !important;
  margin: 0 0.5rem 0 0;
  float: left;
}

.social-media-links .Facebook a {
  background: url('../images/social/facebook.png') no-repeat;
}

.social-media-links .Instagram a {
  background: url('../images/social/instagram.png') no-repeat;
}

.social-media-links .Twitter a {
  background: url('../images/social/twitter.png') no-repeat;
}

.social-media-links .Pinterest a {
  background: url('../images/social/pinterest.png') no-repeat;
}

.social-media-links .YouTube a {
  background: url('../images/social/youtube.png') no-repeat;
}

/** Enable Navbar dropdowns on hover for desktop view - See Javascript as well **/
@media screen and (min-width:992px) {
	.navbar-nav .dropdown:hover>.dropdown-menu {
		display:block;
		margin:0
	}
}

/** More CSS for mobile friendly dropdown menus **/
@media screen and (max-width:992px) {
	.menu--main .dropdown > a.nav-link {

	}
	.menu--main .dropdown > .menu-toggle {
		position: absolute;
		top: 0px;
		right: 0px;
    border: 1px solid rgba(37, 63, 143, 0.1);
		border-radius: 4px;
		padding: 0.25rem 1.2rem;
		background-color: rgba(37, 63, 143, 0.05);
		color: rgb(37,63,142);
	}
	.menu--main .dropdown > .dropdown-menu {
		border: none;
		box-shadow: none;
	}
  .dropdown-toggle::after {
    display: none !important;
  }
}


/******************************/
/** Section Areas **/
/******************************/


.section-parent {
  margin-bottom: 0.25rem;
}

.section-parent a {
  color: white !important;
  font-weight: 700;
  padding: .125rem .25rem;
  border-radius: 0.3125rem;
}

.view-section-sub-menu .view-content .nav.nav-tabs {
  background-color: rgba(0, 0, 0, 0.035);
  border-radius: 0.25rem;
}

.view-section-sub-menu .view-content .nav.nav-tabs .nav-link {
  border: none !important;
}

.view-section-sub-menu .view-content .nav {
  margin-bottom: 2rem;
}


/*************************************/
/** Disables Sidebar Page Overrides **/
/*************************************/

/*
body.sidebars-disabled-both section.section h1.title {
	text-align: center;
}

body.sidebars-disabled-both section.section h1.title,
body.sidebars-disabled-both section.section ol.breadcrumb,
body.sidebars-disabled-both section.section ul.nav-tabs.primary,
body.sidebars-disabled-both section.section div.field--name-body {
	margin-left: 12.5%;
	margin-right: 12.5%;
}

body.sidebars-disabled-both section.section div.layout .col-6 div.field--name-body,
body.sidebars-disabled-both section.section div.layout .col-4 div.field--name-body,
body.sidebars-disabled-both section.section div.layout .col-3 div.field--name-body {
	margin-left: 0;
	margin-right: 0;
}

@media (max-width: 991.98px) {
	body.sidebars-disabled-both section.section h1.title {
		text-align: left;
	}

	body.sidebars-disabled-both section.section h1.title,
	body.sidebars-disabled-both section.section ol.breadcrumb,
	body.sidebars-disabled-both section.section ul.nav-tabs.primary,
	body.sidebars-disabled-both section.section div.field--name-body {
		margin-left: 0;
		margin-right: 0;
	}
}
*/

/*******************************/
/** District Shared Resources **/
/*******************************/

.node--type-district-shared-resource.node--view-mode-teaser .wrapper {
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 0.75rem;
	color: black;
}

.node--type-district-shared-resource.node--view-mode-teaser .wrapper,
.node--type-district-shared-resource.node--view-mode-teaser .wrapper img {
	border-radius: 0.625rem;
}


/************************/
/** Site Section Menus **/
/************************/

.field--name-dynamic-block-fieldnode-section-menu-block ul.nav,
.field--name-dynamic-block-fieldnode-section-sub-menu nav.menu--main {
  border-radius: .25rem;
  margin-bottom: 1.5rem;
  box-shadow: 0px 2px #00000025;
}

.field--name-dynamic-block-fieldnode-section-menu-block ul.nav a,
.field--name-dynamic-block-fieldnode-section-sub-menu nav.menu--main a {
  font-weight: 600;
}

.nav-list .nav {
  flex-direction: column!important;
}

.nav-list .nav .nav-item {
  background-color: #00000005;
  border-radius: 0.3125rem;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
}

.nav-list .nav .nav-item:hover {
  background-color: #00000008;
}

/************************/
/** Misc. Views Styles **/
/************************/

.view-id-upcoming_events li.hide-this {
  display: none;
}

.view-id-upcoming_events li .page-link {
  line-height: 1;
}

.view-id-upcoming_events li .arrow-btn {
  fill: #fff;
  path: #fff;
}

.views-listing .shaded-rows li,
.view-section-calendar .event,
.view-article-feed .article-post {
	padding: 0.25rem;
}

.views-listing .shaded-rows li:nth-child(odd),
.view-section-calendar .event:nth-child(odd),
.view-article-feed .article-post:nth-child(odd) {
	border-radius: 0.313rem;
}

.custom-control-input { /** Fix for hidden input selector **/
	z-index: 0;
	opacity: 1;
}


.view-id-user_content_list .views-form { /** Fix alignment issue. Matches '.col' style **/
	padding-right: 15px;
	padding-left: 15px;
}

#block-mainpagecontent .view-staff-page-list {
  background: white;
  border-radius: 0.3125rem;
}

/**********************/
/** Blog View Styles **/
/**********************/

.view-id-blog_posts .post {
	margin-bottom: 2rem;
}

/*****************************/
/** Calendar / Event Styles **/
/*****************************/

.fc table {
  font-size: 0.92em;
}

.fc-view-container a.fc-event {
  color: white !important;
}

.fc-view table thead > tr {
	border-bottom: none;
}

.fc-view table {
	margin: 0;
}

.fc-view tr {
	background: none;
}

.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-mirror-skeleton td {

}

.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-mirror-skeleton td,
.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
	border-color: rgb(200, 200, 200);
}

.fc-unthemed tbody {
	background: none;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed td,
.fc-unthemed thead {
	background: rgb(250, 250, 250);
}

.fc-today {
	background: #d0e4f3 !important;
}

.fc-day-number {
	font-weight: 800;
}

.without-times .fc .fc-time {
  display: none;
}


/** Social Media Links **/

ul.social-media-links--platforms {
  padding: 0 !important;
}


/*************************/
/** User Page Overrides **/
/*************************/

body.path-user footer .field--label-inline .field__label {
  width: unset;
}

body.path-user footer .field--label-inline .field__item {
  background: unset;
  margin: unset;
  padding: unset;
  min-width: unset;
}

/*******************/
/** Webform Stuff **/
/*******************/

.form-required::after {
  content: '';
  vertical-align: super;
  display: inline-block;
  background-image: url(/core/misc/icons/ee0000/required.svg);
  background-repeat: no-repeat;
  background-size: 6px 6px;
  width: 6px;
  height: 6px;
  margin: 0 0.3em;
}