@charset "utf-8";
/*CSS Document*/ :root {
  --snc-blue-darkest: #1a3346;
  --snc-blue-dark: #0f446e;
  --snc-blue-dark-80: rgba(15, 68, 110, .8);
  --snc-blue: #0a5b9b;
  --snc-blue-gray: #638CAD;
  --snc-green-dark: #00512E;
  --snc-green: #137048;
  --snc-green-sage: #7DB19B;
  --snc-green-sage-light: #CEE2D9;
  --white-transparent: rgba(255, 255, 255, 0.75);
  --extra-light-color: #FAFBFB;
  --light-color: #e8f1ee;
  --med-color: #becac5;
  --dark-color: #6D737A;
  --snc-box-shadow: 0px 2px 18px 0px var(--med-color);
  --snc-box-shadow-inner: inset 0px 0px 5px var(--med-color);
  --snc-border: 1px solid var(--dark-color);
}
body[class*="SNC"].divi-built #main-content.main-content .entry-content .et_builder_inner_content .et_pb_fullwidth_section .et_pb_module.et_pb_fullwidth_menu .et_pb_row, body[class*="SNC"].divi-built #main-content.main-content .entry-content .et_builder_inner_content .et_pb_row, body[class*="SNC"].divi-built #main-content.main-content .entry-content > #et-fb-app .et-fb-post-content .et_pb_fullwidth_section .et_pb_module.et_pb_fullwidth_menu .et_pb_row, body[class*="SNC"].divi-built #main-content.main-content .entry-content > #et-fb-app .et-fb-post-content .et_pb_row, body.SNC .container {
  max-width: 1320px !important;
}
/*divi is currently overriding body size from caweb stylesheet, sierra's blockquote size is smaller than body text*/
body {
  font-size: var(--bs-body-font-size) !important;
}
/*light text styles are with light link styles later*/
body #main-content article.type-page .entry-content .et_builder_inner_content .et_section_regular:not(.noPad, .noPadTop) {
  padding-top: 1em !important;
}
body #main-content article.type-page .entry-content .et_builder_inner_content .et_section_regular:not(.noPad, .noPadBottom) {
  padding-bottom: 1.5em !important;
}
body #main-content article.type-page .entry-content .et_builder_inner_content .et_pb_section:last-of-type:not(.noPad) {
  padding-bottom: 5em !important;
}
#page-container {
  padding-top: 0;
}
.et_pb_row.noPad {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#main-content h1 {
  text-align: center;
}
#main-content .page-title { /*new changes to rule and properties*/
  padding-top: 75px;
  padding-bottom: 0.75em;
  max-width: 40ch;
  margin: auto;
}
#main-content h2, #main-content h3, #main-content h4 {
  line-height: 1.25;
}
#main-content .et_pb_column_1_3 h2, #main-content .et_pb_column_1_4 h2, #main-content .et_pb_column_2_5 h2 {
  font-size: 150%;
}
#main-content h3 {
  font-weight: 500;
}
#main-content .et_pb_column_1_3 h3, #main-content .et_pb_column_1_4 h3, #main-content .et_pb_column_2_5 h3 {
  font-size: 125%;
}
#main-content h4 {
  font-size: 1.2rem;
}
#main-content p:not(.marginKeep):last-of-type {
  margin-bottom: 0;
}
/*change beforeList to generic term*/
#main-content p:not(.marginKeep).beforeList {
  margin-bottom: 0.5rem;
}
/*list styles - are they all needed???*/
#main-content ol {
  list-style-position: outside;
}
#main-content ul ul {
  list-style-type: circle;
}
#main-content ul li, #main-content ol li {
  padding-bottom: .1em;
}
#main-content .paddedList li {
  padding-bottom: .5em;
}
#main-content .listNone {
  list-style-type: none;
  padding: 0;
}
#main-content ul.noPad {
  margin-bottom: 0;
}
#main-content ul.noPad li:last-of-type {
  padding-bottom: 0;
}
/*figures & images*/
#main-content figure {
  background-color: unset;
  border: none;
}
/*changed default margin for pages to 0*/
#main-content article.type-page figure {
  margin: 0;
}
#main-content figure img + p {
  display: none; /*divi adds blank p after images if not wrapped in p tag a lot of times*/
}
/*check this to delete v */
.verticalFig {
  max-width: 500px;
  margin: auto;
}
.imgBordered {
  border: 1px solid var(--dark-color);
}
#main-content figcaption, #main-content table caption {
  padding: 15px 0px 0px;
  font-size: 85%;
}
/*blockquotes*/
#main-content blockquote {
  border-left: 5px solid var(--snc-blue);
  font-size: var(--bs-body-font-size);
  margin-bottom: 0;
}
#main-content blockquote + figcaption {
  padding: 0 22px 11px;
  border-left: 5px solid var(--snc-blue);
}
#main-content article.type-post blockquote, #main-content article.type-post blockquote + figcaption {
  color: var(--snc-blue-dark-80);
}
.pullquote {
  font-size: 1.1em;
  color: var(--snc-blue);
}
/*links*/
#main-content .ca-gov-icon-external-link::before {
  content: unset !important;
}
#main-content a {
  color: var(--snc-green);
  text-decoration-color: var(--snc-green);
  text-decoration-thickness: 1px;
  transition: text-decoration .25s ease-in-out;
}
/*moved light link styles from here to later*/
#main-content a:hover {
  text-decoration: unset;
}
#main-content a.linkButton, div.wpforms-container-full .wpforms-form button[type=submit] {
  display: inline-block;
  text-decoration: none;
  padding: 5px 10px;
  border: 1px solid var(--snc-green);
  border-radius: 5px;
  color: white;
  background-color: var(--snc-green);
  transition: border-shadow .25s ease-in-out, background-color .25s ease-in-out, border-radius .25s ease-in-out;
}
#main-content a.linkButton.extraPad {
  padding: 5px 25px;
}
#main-content .text150 a.linkButton {
  padding: 15px;
}
#main-content form button[type=submit] {
  color: var(--snc-green);
  background-color: var(--snc-green-sage-light);
  font-weight: bold;
  height: 38px;
  padding: 0 10px;
}
#main-content a.linkButton:focus, #main-content a.linkButton:hover, #main-content a.linkButton:active {
  background-color: var(--snc-blue-dark);
  border-color: var(--snc-blue-dark);
  box-shadow: 0px 1px 3px 0px var(--dark-color);
}
#main-content form button[type=submit]:focus, #main-content form button[type=submit]:hover, #main-content form button[type=submit]:active {
  background-color: white;
  border-color: var(--snc-green);
  box-shadow: 0px 2px 4px 0px var(--med-color);
}
#main-content a.linkButton:active, #main-content form button[type=submit]:active {
  border-radius: 0px;
  box-shadow: unset;
}
/*check where .formWideButton is used*/
.formWideButton div.wpforms-container-full .wpforms-form button[type="submit"] {
  width: 100%;
  border-radius: 25px;
  text-transform: uppercase;
  font-weight: bold;
}
#main-content .formWideButton div.wpforms-container-full .wpforms-form button[type="submit"]:hover {
  border-radius: 15px;
}
#main-content a.linkButton, #main-content a.linkSmallButton {
  display: inline-block;
  line-height: 1.15;
}
/*COME BACK TO THESE*/
#main-content a.linkSmallButton {
  border: 1px solid var(--snc-blue-dark-80);
  border-radius: 15px;
  padding: 2px 8px;
  text-decoration: unset;
  background-color: white;
  transition: border-color .25s ease-in-out;
}
#main-content a.linkSmallButton:hover, #main-content a.linkSmallButton:active {
  border-color: rgba(255, 255, 255, .01);
}
/*check this v */
#main-content a.linkButtonLight:link, #main-content a.linkButtonLight:visited {
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.65);
  border: 2px solid white;
  color: black;
}
#main-content a.linkButtonLight:hover, #main-content a.linkButtonLight:active {
  background-color: white;
}
#main-content .smallButtons a {
  border: 1px solid var(--snc-blue-dark-80);
  border-radius: 15px;
  padding: 2px 8px;
  text-decoration: unset;
  transition: border-color .25s ease-in-out;
}
#main-content .smallButtons a:hover, #main-content .smallButtons a:active {
  border-color: rgba(255, 255, 255, .01);
}
#main-content .linkNoLine a:link, #main-content .linkNoLine a:visited, #main-content a.linkNoLine:link, #main-content a.linkNoLine:visited, #main-content a.no-underline, #main-content .event-item a:link, #main-content .event-item a:visited, #main-content .entry-title a:link, #main-content .entry-title a:visited, #main-content .et_pb_title_container a:link, #main-content .et_pb_title_container a:visited, #main-content .relatedPosts a:link, #main-content .relatedPosts a:visited, #main-content .pagination a:link, #main-content .pagination a:visited, #main-content .event-item a:link, #main-content .event-item a:visited, #main-content .et_pb_posts_nav a {
  text-decoration: unset;
}
#main-content .linkNoLine a:hover, #main-content .linkNoLine a:active, #main-content a.linkNoLine:hover, #main-content a.linkNoLine:active, #main-content .event-item a:hover, #main-content .event-item a:active, #main-content .entry-title a:hover, #main-content .entry-title a:active, #main-content .et_pb_title_container a:hover, #main-content .et_pb_title_container a:active, #main-content p.post-meta a:hover, #main-content p.post-meta a:active, #main-content .relatedPosts a:hover, #main-content .relatedPosts a:active, #main-content .pagination a:hover, #main-content .pagination a:active, #main-content .event-item a:hover, #main-content .event-item a:active {
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
#main-content .entry-title a:link, #main-content .entry-title a:visited, #main-content .postThumb .event-item a:link, #main-content .postThumb .event-item a:visited, #main-content .et_pb_title_container a:link, #main-content .et_pb_title_container a:visited {
  color: var(--bs-body-color);
}
#main-content .entry-title a:hover, #main-content .entry-title a:active, #main-content .postThumb .event-item a:hover, #main-content .postThumb .event-item a:active, #main-content .et_pb_title_container a:hover, #main-content .et_pb_title_container a:active {
  color: black;
}
/*apply these across site*/
/*light text & link styles*/
#main-content .textLight, #main-content .linkLight a {
  color: var(--light-color);
  text-decoration-color: var(--med-color);
}
#main-content .textWhite, #main-content .linkWhite a {
  color: white;
  text-decoration-color: var(--light-color);
}
/*social media links*/
ul.social {
  display: flex;
  gap: 10px 12px;
  flex-wrap: wrap;
  justify-content: center;
}
ul.social a::before {
  content: "";
  display: block;
  height: 25px;
  width: 25px;
  background-size: cover;
}
ul.social a.twitter::before {
  background-image: url(/wp-content/uploads/sites/326/2025/02/x.png);
}
ul.social a.instagram::before {
  background-image: url(/wp-content/uploads/sites/326/2025/02/instagram.png);
}
ul.social a.facebook::before {
  background-image: url(/wp-content/uploads/sites/326/2025/02/facebook.png);
}
ul.social a.threads::before {
  background-image: url(/wp-content/uploads/sites/326/2025/02/threads.png);
  width: 22px;
}
ul.social a:hover, ul.social a:active {
  opacity: .65;
  transition: opacity .25s ease-in-out !important;
}
/*change to these styles if CAWeb/CA.gov update icons & include threads

#main-content .social a.ca-gov-icon-facebook {
	color: #0865FE;
}
#main-content .social a.ca-gov-icon-facebook:hover {
	color: #0038A9;
}
#main-content .social a.ca-gov-icon-twitter {
	color: black;
}
#main-content .social a.ca-gov-icon-twitter:hover {
	color: #3E3E3E;
}
#main-content .social a.ca-gov-icon-instagram {
	color: #D9076C;
}
#main-content .social a.ca-gov-icon-instagram:hover {
	color: #9F0050;
}*/
.social a .ca-gov-icon-external-link {
  display: unset;
}
/*FLEX layout styles - replace all individual styles with these classes*/
.displayFlex {
  display: flex;
}
.justifyCenter {
  justify-content: center;
}
.alignCenter {
  align-items: center;
}
.flexWrap {
  flex-wrap: wrap;
}
/*misc layout & styles*/
.textCenter {
  text-align: center;
}
/*text 150% at 768px, frequently used on p element for event dates*/
.text150 {
  font-size: 125%;
}
.keep {
  display: inline-block;
}
/*replace this on all box shadows*/
.boxShadow {
  box-shadow: var(--snc-box-shadow);
}
.boxShadowInner {
  box-shadow: var(--snc-box-shadow-inner);
}
.grayBackground {
  background-color: var(--light-color);
}
.grayBorder {
  border: 2px solid var(--med-color);
}
.whiteBackground {
  background-color: white;
}
/*apply this across site?*/
.boxPadding {
  padding: 4%;
}
.paddingOne {
  padding: 1em !important;
}
/*WORK ON THIS COLOR*/
#main-content .lineBelow {
  border-bottom: var(--snc-border);
  padding-bottom: 3px;
  margin-bottom: 10px;
}
#main-content .lineAbove {
  border-top: var(--snc-border);
  padding-top: 3px;
  margin-top: 10px;
}
/*forms*/
#main-content .wpforms-container-full {
  margin: 0;
}
#main-content .wpforms-field-container > div:first-of-type {
  padding-top: 0;
}
#main-content .wpforms-confirmation-container-full {
  background: white;
  border: unset;
  margin-bottom: 0;
}
#main-content .formButtonFlexContainer .wpforms-container {
  width: 100%;
  margin: 0;
}
#main-content .formButtonFlexContainer form {
  display: flex;
  align-items: flex-end;
}
#main-content .formButtonFlexContainer form .wpforms-field-container {
  flex: 1;
}
#main-content .formButtonFlexContainer form .wpforms-field-email {
  padding: 0;
}
#main-content .formButtonFlexContainer form label {
  font-weight: normal;
}
#main-content .formButtonFlexContainer form .wpforms-submit-container {
  padding: 0;
  margin-left: -5px;
}
div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container {
  padding: 0;
}
/*COMPONENTS*/
.internalNav {
  font-size: 0.85em;
}
.internalNav ul:not(.listNone) {
  margin-bottom: 0;
  margin-left: 0;
}
/*.quoteImg - quote with large image to the right*/
#main-content .quoteImg figure {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 1em 2em;
  text-align: center;
}
.quoteImg .quoteImg figure::after {
  content: "";
  width: 8em;
  height: 8em;
  display: block;
  border-left: 3px solid var(--snc-green-sage-light);
  border-bottom: 3px solid var(--snc-green-sage-light);
  position: absolute;
  bottom: 0;
  left: 0;
}
#main-content .quoteImg figure img {
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 100%;
  width: 100%;
  max-width: 250px;
}
#main-content .quoteImg blockquote, #main-content .et_pb_slides blockquote, #main-content .quoteImg blockquote + figcaption, #main-content .et_pb_slides blockquote + figcaption {
  padding: 0;
  border-left: unset;
}
#main-content .quoteImg blockquote + figcaption, #main-content .et_pb_slides blockquote + figcaption {
  font-size: var(--bs-body-font-size);
  padding-top: 1em;
}
#main-content .quoteImg blockquote {
  margin-top: 1.25em;
}
#main-content .quoteImg blockquote::before {
  content: "";
  font-family: CaGov;
  color: var(--snc-green-sage-light);
  font-size: 4em;
  line-height: 0;
}
#main-content .quoteImg blockquote p {
  margin-top: -.5em;
}
/*sliders*/
#main-content .et_pb_slider.grayBorder {
  border: 1px solid var(--dark-color);
  border-radius: 5px;
  padding: 4% 0;
}
#main-content .et_pb_slides {
  margin-bottom: 35px;
}
#main-content .et_pb_slide {
  background-color: unset;
  padding: 0 12%;
}
.et_pb_slide .et_pb_container.clearfix {
  height: unset !important;
}
#main-content .et_pb_slide_description, #main-content .et_pb_slider_fullwidth_off .et_pb_slide_description {
  padding: 0;
  text-shadow: unset;
  text-align: left;
}
#main-content .et_pb_slide_content {
  color: var(--bs-body-color);
}
.et-pb-controllers {
  bottom: 0px;
  height: 10px;
}
.et_pb_slider.grayBorder .et-pb-controllers {
  bottom: 20px;
}
.et-pb-controllers a {
  border: 1px solid var(--snc-green);
  border-radius: 100%;
  width: 10px;
  height: 10px;
  opacity: unset;
  background-color: white;
}
.et-pb-controllers a.et-pb-active-control {
  background-color: var(--snc-green);
}
/*3 circles overlapping*/
figure.overlap3Circles {
  display: grid;
  grid-template-columns: 1fr 1fr 18px 18px 1fr 1fr;
  grid-template-rows: 3fr 1fr 3fr;
}
figure.overlap3Circles img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 100%;
  grid-column: 1/5;
  grid-row: 2/4;
}
figure.overlap3Circles img:first-of-type {
  grid-column: 2/6;
  grid-row: 1/3;
}
figure.overlap3Circles img:last-of-type {
  grid-column: 3/7;
}
/*number counter - without using module*/
#main-content .numberCounter {
  display: grid;
  grid-gap: 2em;
  grid-template-columns: repeat(auto-fit, minmax(15ch, 1fr));
  line-height: 1.2;
}
#main-content .numberCounter > * {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#main-content .numberCounter strong {
  font-size: 200%;
  margin: 5px 0 0;
  color: var(--snc-blue);
}
#main-content .numberCounter em {
  font-size: 75%;
}
/*responsive iframes - CAWeb implements & breaks this */
.fluid-width-video-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}
.fluid-width-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*alerts*/
div#caweb_alerts div.alert {
  padding: 1.5rem 0;
  font-size: 1.25rem;
}
div#caweb_alerts div.alert span.alert-level {
  font-size: 1.5rem;
  margin-left: 0;
  padding-left: 0;
}
div#caweb_alerts a {
  color: black;
  text-decoration: underline;
}
/*WEBSITE SECTIONS*/
/*landing pages*/
body[class*="SNC"].divi-built #main-content .entry-content .et_builder_inner_content .landingHero .et_pb_row {
  padding: 0;
  max-width: unset !important;
}
.landingHero .et_pb_column {
  display: grid;
  grid-template-rows: clamp(200px, 30vh, 400px) min-content;
  align-items: center;
  color: white;
}
.landingHero .et_pb_column .et_pb_module:first-of-type {
  grid-row: 1/2;
  margin-bottom: 0;
  padding: 15px;
}
.landingHero .et_pb_column .et_pb_module:nth-of-type(2) {
  grid-row: 2/3;
  background-color: var(--snc-blue-dark-80);
  padding: 15px;
  text-align: center;
}
.landingHero .et_pb_column h2 {
  font-size: 125%;
  text-transform: uppercase;
}
.landingHero .et_pb_text_inner > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  column-gap: 15px;
}
.landingHero .et_pb_column p:not(.marginKeep) {
  margin-bottom: 0.75rem;
  max-width: 50ch;
} /*

/*Newsroom & blog modules*/
#main-content article.type-post .et_pb_row_0 {
  padding-top: 0;
}
#main-content h1.page-title > span.small {
	display: block;
	font-size: 60%;
}
#main-content h2.related {
	margin-top:2em;
	padding-top:0.5em;
	border-top: var(--snc-border);
	border-color: var(--med-color);
}
#main-content p.et_pb_title_meta_container, #main-content .et_pb_post p.post-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 8px;
  font-weight: 500;
  font-size: 85%;
  color: var(--bs-body-color);
} /*meta info for post title module - at top of every article*/
#main-content p.et_pb_title_meta_container a:link, #main-content .et_pb_post p.post-meta a {
  color: var(--dark-color);
  font-weight: 300;
}
#main-content .et_pb_post_title p.et_pb_title_meta_container {
	margin-bottom: 1em;
}
#main-content .et_pb_post p.post-meta {
  padding: 8px 0;
  justify-content: unset;
  color: var(--dark-color);
}
#main-content article.type-post .et_pb_column_1_3, #main-content .newsroomSidebar {
  padding: 0 1em 1em;
  border: 2px solid var(--med-color);
  max-width: 500px;
} /*delete this with sidebar update*/
#main-content article.type-post .et_pb_column_1_3 div.et_pb_module:first-of-type, #main-content .newsroomSidebar div.et_pb_module:first-of-type {
  margin-bottom: 0.5em;
} /*delete this with sidebar update*/
#main-content main > article.type-post .et_pb_column:not(.et_pb_column_1_3) .et_pb_module:not(.newsSidebar) h2:not(.moreArticlesH2) {
  margin-top: 4rem;
} /*update this after sidebar update*/
#main-content main > article.type-post .et_pb_column:not(.et_pb_column_1_3) .et_pb_module:not(.newsSidebar) h2:not(.moreArticlesH2), #main-content main > article.type-post .et_pb_column:not(.et_pb_column_1_3) h3 {
  margin-bottom: 0.75rem;
} /*update this after sidebar update*/
#main-content main > article.type-post .et_pb_column:not(.et_pb_column_1_3) h3 {
  margin-top: 2rem;
} /*update this after sidebar update*/
#main-content article.type-post .et_pb_column_1_3 h2, #main-content article .newsroomSidebar h2 {
  margin-top: 1em;
} /*update this after sidebar update */
#main-content .event-item h5, #main-content .entry-title, #main-content .et_pb_post p {
  font-size: var(--bs-body-font-size);
} /*update this after sidebar update */
#main-content .et_pb_post p {
  color: var(--dark-color);
}
#main-content .event-item h5, #main-content .entry-title {
  line-height: 1.25;
  font-weight: 400;
} /*update this after sidebar update */
#main-content .entry-title {
  font-weight: 700;
}
/*changed margin only to posts*/
#main-content main > article.type-post figure {
  margin: 2em 0;
}
#main-content main > article.type-post figure.featuredImg {
  margin-top: 0;
}
article.type-post img {
	width: 100%;
}
#main-content .et_pb_posts_nav a {
  display: block;
  font-size: unset;
} /*delete this after sidebar update */
#main-content .nav-previous, #main-content .nav-next {
  float: none;
} /*delete this after sidebar update */
#main-content h2.moreArticlesH2 {
  font-size: 115%;
} /*delete this after sidebar update */
/*blog card formatting*/
#main-content .spotlightPosts .et_pb_module {
  border-bottom: 1px solid var(--med-color);
}
#main-content .spotlightPosts .et_pb_module:last-of-type {
  border: unset;
}
.et_pb_post a.entry-featured-image-url {
  margin-bottom: 0;
}
#main-content article.et_pb_post img {
  height: 100%;
  min-height: 150px;
  object-fit: cover;
  aspect-ratio: 2/1;
  padding-bottom: 8px
}
#main-content article.et_pb_post .entry-title {
  padding: 0;
}
 /*meta info in blog module*/
/*NEW newsroom sidebar formatting 2-14-24 - reconcile these styles with above styles when ready to make permanent */
#main-content .newsSidebar {
  font-size: 85%;
  font-weight: 400;
}
.newsSidebar aside {
  columns: 2;
  column-width: 217px;
  margin-top: 3em;
}
.newsSidebar aside > div {
  border: 1px solid var(--med-color);
  margin-bottom: 1rem;
  padding: 1.5rem 8% 2rem;
  background-color: var(--extra-light-color);
  break-inside: avoid;
}
.newsSidebar aside > div.social {
  padding: 0.5rem 8%;
}
/*move these to social area after switch - they're here now to not override what's currently in newsroom*/
.newsSidebar ul.social a::before {
  height: 35px;
  width: 35px;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: var(--snc-green);
  border-radius: 5px;
}
.newsSidebar ul.social a.twitter::before {
  background-image: url(/wp-content/uploads/sites/326/2025/02/x-white.png);
}
.newsSidebar ul.social a.instagram::before {
  background-image: url(/wp-content/uploads/sites/326/2025/02/instagram-white.png);
}
.newsSidebar ul.social a.facebook::before {
  background-image: url(/wp-content/uploads/sites/326/2025/02/facebook-white.png);
}
.newsSidebar ul.social a.threads::before {
  background-image: url(/wp-content/uploads/sites/326/2025/02/threads-white.png);
  width: 35px;
}
#main-content .newsSidebar h2, #main-content .newsSidebar h3 {
  font-size: 100%;
  padding: 0;
  font-weight: 600;
  margin-bottom: 0.5rem !important;
}
.newsSidebar h2 {
  text-transform: uppercase;
}
.newsSidebar h3 {
  margin-top: 1.5rem !important;
}
.newsSidebar ul {
  margin: 0;
}
#main-content .newsSidebar, #main-content .newsSidebar li {
  line-height: 1.2;
}
#main-content .newsSidebar ul:not(.social) li {
  padding-bottom: 10px;
}
#main-content .newsSidebar ul:not(.social) li:last-of-type {
  padding-bottom: 0;
}
#main-content .newsSidebar a, .newsSidebar p {
  color: var(--dark-color);
}
.newsSidebar aside > div:not(.social) a {
  display: block;
  margin-left: 15px;
  position: relative;
}
#main-content .newsSidebar a:hover {
  text-decoration: none;
  color: black;
  transition: color .25s ease-out;
}
#main-content .newsSidebar ul:not(.social) a::before, p.NRlink a::before {
  content: "5";
  font-family: CaGov;
  font-weight: bold;
  color: var(--bs-body-color);
  position: absolute;
  left: -20px;
}
/*Post lists ONLY*/
#main-content .event-item {
  margin-bottom: 0.65em !important;
  background-color: unset !important;
  padding: unset !important;
}
.event-item .info {
  width: 100% !important;
  padding: unset !important;
  margin: unset !important;
}
.text-decoration-dotted {
  text-decoration-style: unset !important;
} /*auto applied to event items in post lists*/
.postThumb {
  display: grid;
  gap: 1em;
}
.postThumb.left {
  column-gap: 2em;
}
.postThumb.left article {
  display: flex;
  gap: 0.5em;
  flex-direction: column;
  align-items: center;
}
.postThumb .thumbnail {
  float: unset !important;
  flex-shrink: 0;
}
.postThumb img {
  object-fit: cover;
  display: block;
  border-radius: 5px;
}
.postThumb:not(.left) img {
  border-radius: 100%;
  margin: 0 auto 10px !important;
}
.postThumb:not(.left) h5 {
  text-align: center;
}
#main-content .et_pb_module p.newsViewAll {
  margin-bottom: 4em;
}
/*GovDelivery*/
.govDeliveryBox {
  max-width: 650px;
  padding: 1.5rem 1.5rem 2rem;
  margin: auto;
  box-shadow: var(--snc-box-shadow-inner);
  background-color: var(--extra-light-color);
}
p.govDelivery {
  margin: -30px -30px -60px !important;
}
/*header and footer styling*/
footer.global-footer ul, footer.global-footer .copyright .d-flex {
  margin: 10px 0;
  justify-content: center;
  flex-wrap: wrap;
}
footer.global-footer ul.footer-links {
  gap: 10px 2rem;
}
footer.global-footer a {
  padding: 0;
}
footer.global-footer .footer-links .nav-item:first-child {
  margin-bottom: 0;
  width: 100%;
  text-align: center;
}
footer.global-footer .copyright .d-flex {
  font-size: 0.8rem;
  flex-direction: row;
  margin-top: 0;
  column-gap: 2rem;
}
footer.global-footer .copyright p {
  margin-bottom: 0;
}
footer.global-footer .copyright .d-flex span.ms-auto {
  margin-left: unset !important;
}
/*search page*/
body.page-template-searchpage #main-content .search-container {
  max-width: 650px;
  margin: 0 auto;
  padding: 2em 2em 1em;
} /*CAWeb may mix this*/
@media (max-width: 399px) {
  div.wpforms-container-full .wpforms-form .wpforms-one-half {
    float: none;
    margin-left: unset;
    width: unset;
  }
}
@media (min-width: 300px) {
  .postThumb:not(.left) img {
    height: 150px !important;
    width: 150px !important;
  }
  .postThumb.left {
    grid-template-columns: repeat(auto-fit, minmax(23ch, 1fr))
}
  .postThumb.left article {
    flex-direction: unset;
  }
}
/*small tablet, large phone*/
@media (min-width: 480px) {
  .middleLine {
    display: flex;
    column-gap: 0.5em;
    align-items: baseline;
  }
  .middleLine::before, .middleLine::after {
    content: "";
    flex: 1;
    height: 1px;
    background-color: var(--dark-color);
  }
  .postThumb:not(.left) {
    grid-template-columns: repeat(2, 1fr);
  }
  figure.overlap3Circles {
    grid-template-columns: 1fr 35px 35px 1fr 35px 35px 1fr;
    grid-template-rows: 1fr;
  }
  figure.overlap3Circles img {
    grid-column: 3/6;
    grid-row: 1;
  }
  figure.overlap3Circles img:first-of-type {
    grid-column: 1/4;
  }
  figure.overlap3Circles img:last-of-type {
    grid-column: 5/8;
  }
  #main-content .formButtonFlexContainer .wpforms-container {
    flex: 1;
  }
  /*blog card formatting*/
  #main-content article.et_pb_post {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: repeat(3, min-content);
    gap: 0 1em;
  }
  #main-content a.entry-featured-image-url {
    grid-column: 1/2;
    grid-row: 1/-1;
    height: 100%;
  }
  footer.global-footer ul.footer-links {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 650px) {
  .postThumb:not(.left) {
    grid-template-columns: repeat(3, 1fr);
  }
}
/*tablet*/
@media (min-width: 768px) {
  body[class*="SNC"].divi-built #main-content.main-content .entry-content .et_builder_inner_content .et_pb_fullwidth_section:not(.sectionGrid):not(.landingHero) .et_pb_module.et_pb_fullwidth_menu .et_pb_row, body[class*="SNC"].divi-built #main-content.main-content .entry-content .et_builder_inner_content .et_pb_section:not(.sectionGrid):not(.landingHero) .et_pb_row, body[class*="SNC"].divi-built #main-content.main-content .entry-content > #et-fb-app .et-fb-post-content .et_pb_fullwidth_section:not(.sectionGrid):not(.landingHero) .et_pb_module.et_pb_fullwidth_menu .et_pb_row, body[class*="SNC"].divi-built #main-content.main-content .entry-content > #et-fb-app .et-fb-post-content .et_pb_row, body.SNC .container {
    width: 90%;
  } /*test this with :not above
body[class*="SNC"].divi-built #main-content .entry-content .et_builder_inner_content .landingHero .et_pb_row {
  width: 100%!important;
}*/
  #main-content h4 {
    font-size: 1.35rem;
  }
  body {
    font-size: 1.25rem !important;
  }
  #main-content blockquote, #main-content .quoteImg blockquote + figcaption, #main-content .et_pb_slide blockquote + figcaption, #main-content .entry-title, #main-content .postThumb.left .event-item h5, #main-content .et_pb_post p:not(.post-meta) {
    font-size: 1.25rem;
  }
  body #main-content article.type-page .entry-content .et_builder_inner_content .et_section_regular:not(.noPad, .noPadTop) {
    padding-top: 1.5em !important;
  }
  body #main-content article.type-page .entry-content .et_builder_inner_content .et_section_regular:not(.noPad, .noPadBottom) {
    padding-bottom: 2em !important;
  }
  #main-content p {
    margin-bottom: 1.5rem;
  }
  /*text 125% below 768px, frequently used on p element for event dates*/
  .text150 {
    font-size: 150%;
  }
  .landingHero .et_pb_text_inner > div {
    flex-direction: row;
  }
  .landingHero .et_pb_text_inner > div:last-child {
    flex-shrink: 0;
  }
  .landingHero .et_pb_column > div p:first-of-type {
    text-align: right;
  }
  #main-content .numberCounter {
    grid-template-columns: repeat(auto-fit, minmax(18ch, 1fr));
  }
  .postThumb.left img {
    width: 100px!important;
    height: 100px!important;
  }
  footer.global-footer .copyright .d-flex {
    justify-content: space-between;
  }
}
/*small desktop, large tablet*/
@media (min-width: 981px) {
  body #main-content article.type-page .entry-content .et_builder_inner_content .et_section_regular:not(.noPad, .noPadTop) {
    padding-top: 2.5em !important;
  }
  body #main-content article.type-page .entry-content .et_builder_inner_content .et_section_regular:not(.noPad, .noPadBottom) {
    padding-bottom: 3em !important;
  }
  .maxWidth850, .maxWidth650 {
    display: flex;
    justify-content: center;
  }
  .maxWidth850 .et_pb_column {
    max-width: 850px;
  }
  .maxWidth650 .et_pb_column {
    max-width: 650px;
  }
  #main-content .quoteImg figure {
    display: grid;
    grid-template-columns: 2fr 1fr;
    text-align: left;
  }
  #main-content .quoteImg figure img {
    grid-column: 2/3;
    grid-row: 1/2;
    max-width: unset;
  }
  #main-content .quoteImg figure > div {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  #main-content .quoteImg blockquote::before {
    margin-left: -.8em;
  }
  #main-content .quoteImg blockquote p {
    margin-top: -2.3em;
  }
  #main-content .quoteImg blockquote + figcaption {
    padding-bottom: 15px;
  }
  #main-content .quoteImg blockquote + figcaption:last-child {
    padding-bottom: 8px;
    border-bottom: 10px solid var(--snc-green-sage-light);
    display: inline-block;
  }
  .quoteImg .et-pb-controllers {
    bottom: 35px;
  }
  #main-content .et_pb_slider .et_pb_slide {
    padding: 0 8%;
  }
  figure.overlap3Circles {
    grid-template-columns: 1fr 1fr 18px 18px 1fr 1fr;
    grid-template-rows: 3fr 1fr 3fr;
  }
  figure.overlap3Circles img {
    grid-column: 1/5;
    grid-row: 2/4;
  }
  figure.overlap3Circles img:first-of-type {
    grid-column: 2/6;
    grid-row: 1/3;
  }
  figure.overlap3Circles img:last-of-type {
    grid-column: 3/7;
  }
  /*blog card formatting*/
  #main-content .spotlightPosts .et_pb_column {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 2%;
  }
  #main-content .spotlightPosts .et_pb_column .et_pb_module {
    box-shadow: var(--snc-box-shadow);
    padding: 1rem;
    margin-bottom: 0;
    border: unset;
  }
  #main-content .spotlightPosts article.et_pb_post {
    margin-bottom: 0;
    display: block;
  }
  #main-content .spotlightPosts article.et_pb_post > a {
    margin: -1rem -1rem 0;
  }
/*news sidebar*/
.newsSidebar aside {
  columns: unset;
  margin-top: 0;
}
ul.social {
  flex-wrap: nowrap;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
  .navigation-search .main-navigation {
    padding-left: 350px;
  }
}
@media (min-width: 993px) {
  footer.global-footer .footer-links .nav-item:first-child {
    width: unset;
  }
}
/*desktop*/
@media (min-width: 1100px) {
  .landingHero .et_pb_column {
    grid-template-rows: clamp(250px, 40vh, 500px) min-content;
  }
  #main-content .numberCounter {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 1200px) {
  .postThumb:not(.left) {
    grid-template-columns: repeat(6, 1fr);
  }
  .postThumb.left {
    grid-template-columns: repeat(auto-fit, minmax(26ch, 1fr));
  }
  .postThumb.left img {
    width: 125px!important;
    height: 125px!important;
  }
}