/*admin menu only i think*/
body ul.contextual-links, body ul.contextual-links *  {background-color: #006600 !important;}
body ul.contextual-links *, body .region-content .navigation ul.contextual-links a {color: #ffffff !important;}
#admin-toolbar-search-input {background:#999999;}

nav.tabs {background:lightgray;}
nav.tabs a {color:var(--VSlink) !important; font-weight:bold;}
nav.tabs a.is-active {background-color: #eee;}

/* 7/30/25 TESTING TO SEE IF THIS GETS RID OF BOTTOM SCROLLING WITHOUT AFFECTING ANYTHING ELSE */
.container-fluid,
section.col-md-12 {padding-left:0; padding-right:0;}
.row {margin-left:0; margin-right:0;}

/* Jeff added 6/4/25 */
h1 {font-family:'Arvo', serif; color:#000000; font-size: 4em; font-weight:600;}
h2 {font-family:'Roboto', serif; color:var(--VSred); font-size: 3em; font-weight:500; padding-bottom:10px; border-bottom:1px solid;}
h2.title, .sidebar-second h2.title {font-family:'Roboto', serif; font-size: 3em; font-weight:500;}
h2.title, nav > h2, .block-search > h2 {border-bottom: 1px solid;}
h3 {font-family:'Roboto', serif; color:var(--VSblue); font-size: 2.1em; font-weight:500;}
h4 {font-family:'Roboto', serif; color:#000000; font-size: 1.7em; font-weight:400;}
h5 {font-family:'Roboto', serif; color:var(--VSred); font-size: 1.2em;}
h6 {font-family:'Roboto', serif; color:var(--VSblue); font-size: 1.1em;}

@media (max-width: 719px) {
h1 {font-size: calc(1rem + 7vw);}
h2 {font-size: calc(1rem + 5vw);}
h3 {font-size: calc(1rem + 4vw);}
h4 {font-size: calc(1rem + 3vw);}
h5 {font-size: calc(1rem + 2.5vw);}
h6 {font-size: calc(1rem + 2vw);}
}
/* CHANGING HEADERS DETAILS FOR BROKEN CONTAINER */
.page-container-break-content .main-content.region--light-typography h2,
.page-container-break-content .highlighted-top.region--light-typography h2 {color:var(--VSgold); padding-bottom:10px; border-bottom:1px solid;}
.page-container-break-content .main-content.region--light-typography h3,
.page-container-break-content .highlighted-top.region--light-typography h3 {color:#ffffff;}

.page-container-break-content .main-content .region--dark-typography h2 {color:var(--VSblue);}
/* ----------------------------------------------- */

body {color:#000000;}
a.visually-hidden.focusable.skip-link {color:#000000 !important; background-color:#ffffff !important;}

#main-content a, .content a {color:var(--VSlink); text-decoration:underline;}
#main-content a:hover, .content a:hover {color:#ffffff; background-color:#000000; text-decoration:none;}

a:has(img):hover,
a:has(svg):hover {
    background-color:unset !important;
}

svg:hover {background-color:unset; color:#000000;
}

/* ACCESSIBILITY - TO ADD ICON ON LINKS TO NOTIFY WEB VISITOR */
.vs-link a:after, .vs-link a:visited:after, a.vs-link:after, a.vs-link:visited:after {
    position: relative;
    top: -2px;
    font-size: 1.65rem;
    margin-left: 5px;
    font-family:var(--fa-style-family-classic);
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
    display:inline-block;
    text-decoration:none;
}
/* EXTERNAL LINKS */
.vs-link.external a:after, .vs-link.external a:visited:after, a.vs-link.external:after, a.vs-link.external:visited:after {
    content: "\f14d";
    font-size:1.25rem;
}
/* PDF LINKS */
.vs-link.pdf a:after, .vs-link.pdf a:visited:after, a.vs-link.pdf:after, a.vs-link.pdf:visited:after {
    content: "\f1c1";
}
/* EXCEL LINKS */
.vs-link.excel a:after, .vs-link.excel a:visited:after, a.vs-link.excel:after, a.vs-link.excel:visited:after {
    content: "\f1c3";
}
/* ----------------------------------------------- */

#main-content a.button, .content a.button {color:#ffffff; background-color:var(--VSlink-button); border-radius: 0 25px; margin-left:5px; margin-right:5px;text-decoration:none;}
#main-content a.button:hover, .content a.button:hover {color: var(--VSlink-button); background-color: #ffffff;  border: 1px solid var(--VSlink-button); text-decoration:none;}

#main-content a.button, .content a.button {pointer-events: auto;
	cursor: pointer; position: relative; display: inline-block;}
#main-content a.button::before, .content a.button::before,
#main-content a.button::after, .content a.button::after {position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}

.page-container-variant-blue-margin #main-content a.button.swipe-right {
    overflow: hidden;
    /*text-transform: uppercase;
    letter-spacing: 0.05rem;
    font-weight: 700;
    font-size: 1.85rem;
    border-radius: 0.5rem;*/
    /*color: #000;
    background-color: #fff;*/
  box-shadow: 0 5px 0 #777; /* Dark gray shadow for depth */
  border-bottom: 3px solid #ccc; /* Lighter border color for bottom edge */
}
.page-container-variant-blue-margin #main-content a.button.swipe-right:hover {
	color:#fff;}
.page-container-variant-blue-margin #main-content a.button.swipe-right::before {
    content: '';
    background-color:#000;
    /*color:#fff;*/
    width: 120%;
    left: -10%;
    transform: skew(30deg);
    transition: transform 0.5s cubic-bezier(0.3, 1, 0.8, 1);
}

.page-container-variant-blue-margin #main-content a.button.swipe-right:hover::before {
    transform: translate3d(100%, 0, 0);
}
.page-container-variant-blue-margin #main-content a.button.swipe-right:active {
  transform: translateY(5px); /* Move button down on click */
  box-shadow: 0 0 0 #777; /* Remove shadow on click */
  border-bottom: 3px solid #777; /* Replaces border color at bottom edge */
}
.page-container-variant-blue-margin #main-content a.button.swipe-right span {
    position: relative;
    mix-blend-mode: difference;
}



.page-container-variant-blue-margin #main-content a.button.swipe-up {
	font-weight: 700;
	overflow: hidden;
	color: #fff;
}

.page-container-variant-blue-margin #main-content a.button.swipe-up span {
	position: relative;
	mix-blend-mode: difference;
}

.page-container-variant-blue-margin #main-content a.button.swipe-up::before {
	content: '';
	background: #000;
	color:#fff;
	transition: transform 0.5s cubic-bezier(0.7, 0, 0.2, 1);
}

.page-container-variant-blue-margin #main-content a.button.swipe-up:hover::before {
	/*transform: translate3d(0,-100%,0);*/
	transform: translate3d(100%,-100%,0);
	color:#000;
}

.main-content-break-container {padding-top:0;}
.main-content-break-container .container {width:100% !important;padding-left:0; padding-right:0;}
.page-container-break-content img {border-radius:0 4vw; margin:15px;}
.page-container-break-content .node__container {padding-top:25px;}

.sponsors img {border-radius:0; background-color:#ffffff; filter:none !important;}
#main-content div.sponsors p a:hover (background-color:unset !important;)

blockquote {border-left-color:var(--VSred);
}

/*.page-container-break-content*/ div#block-volstate-page-title {padding-top:25px; padding-bottom:0 !important;}
/*.page-container-break-content .region-content>nav.block-menu, div#block-volstate-page-title {background-image:none; background:var(--VSblue);padding-top:25px; padding-bottom:0 !important;}*/
.page-container-break-content .region-content>nav.block-menu {padding-bottom:0 !important;}

.background-white {background:white;color:black;padding:12px;}

.main-content-break-container .page-title,
.main-content-break-container .field--name-body,
.main-content-break-container .block-block-content {margin-left:8%;margin-right:8%;}

blockquote h3 {color:var(--VSred); font-size:22px;}

iframe[id^="trumba"] {
  /* starts with "trumba" */
    background-color: #ffffff !important;
    padding: 0 4px !important;  
}

.center-in-block {display:flex; justify-content:center; align-items:center; height:26vh;}

/* CONTENT-TOP SECTION */
.content-top {
    padding: 25px 0 0;
}
.content-top #main-content a.button, .content-top .content a.button {background-color:var(--VSblue-white); color:var(--VSblue);}
.content-top #main-content a.button:hover, .content-top .content a.button:hover {background-color: #000000; color: #ffffff !important; border: 1px solid var(--VSblue-white);}
.content-top #main-content a.button.active-az, .content-top .content a.button.active-az {background-color:var(--VSblue); color: #ffffff !important; border: 1px solid var(--VSblue-white);}

/* ABOUT US PAGE */
.page-container-break-content-dark_colored .region--white-background {
    background-color: var(--VSblue-light);
}
.page-container-break-content-dark_colored .container--bordered-left {
	border-color:var(--VSred);
}
.page-container-break-content-dark_colored .region--gray-background {
    background-color: var(--VSblue-white);
}
.region--white-background + .region--separator-incline-diagonal:before {
    background: linear-gradient(to bottom right, #afcaf6 49.5%, transparent 50%);
}
.region--gray-background + .region--separator-decline-diagonal:before {
    background: linear-gradient(to bottom left, #edf2fd 49.5%, transparent 50%);
}

/* DEGREES & CERTIFICATES - PROGRAM SEARCH PAGE */
.btn-primary-custom {background-color:var(--VSred);}
.btn-primary-custom:hover {
    background-color: var(--VSblue) !important;
    color: #ffffff !important;
    border-color:var(--VSblue);
}
.buttonOn.btn-primary-custom, .buttonOn.btn-primary-custom:hover {
	background-color:#000000 !important;
  color: #ffffff !important;
}
.degreeListContainer {color:#333;}


/* OVERWRITING LOCAL THEME ITEMS added 7/9/25 */
a.button, input[type="submit"], input[type="reset"], input[type="button"] {
  color: #ffffff;
  background-color: #000000;
  border-radius: 0 25px;
  margin-left: 5px;
  margin-right: 5px;
  border: 1px solid #000000;
}
a.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, a.button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
  color: #000000;
  background-color: #ffffff;
  text-decoration: none;
}

/* SITE BRANDING LOGO - Standard across all pages */
.logo {padding:15px;}
.header-container {border-bottom:10px solid #f2f4f6;}
.site-branding__logo img, .no-filter {filter: none !important;}
a.site-branding__logo:hover {background-color:unset;}

/* HERO IMAGE SLIDER overwrites local-theme.css - Standard across all pages */
.tparrows {background-color:var(--VSred);}
.tparrows:hover {background-color:var(--VSblue);}
.slideshow-fullwidth .tp-caption--transparent-background.region--dark-background, .slideshow-internal .tp-caption--transparent-background.region--dark-background {
    background-color: rgba(32,80,152, 0.55);
}

/* FOOTER - Standard across all pages */
footer .container {width:100%;}
footer .footer__container {margin-left:8%; margin-right:8%;}
footer.region--dark-background,
.footer-bottom.region--light-typography.region--dark-background {background-color: black;
}
.footer__section ul.menu li a/*, .footer__section ul.menu li > span*/
 {
    padding: 10px 0 10px 20px;
    text-decoration: none;
}
.footer__section a:hover {color:var(--VSlink-yellow) !important;}


/* FOOTER TOP SECTION - Standard across all pages */
.footer-top {padding:10px 0;}
.footer-top .container {width:100%;}
.footer-top .footer-top__container {margin-left:8%; margin-right:8%;}



/* FOOTER region-sub-footer-first */
.region--dark-typography .subfooter__section ul.menu li a {
    color:var(--VSred);
}
.subfooter.region--dark-typography.region--gray-background {background-color:#fafafa;}

/* CONTACT INFO BLOCKS - Standard across all pages */
.contact-info-items-grid .contact-info-item.contact-info-item--bordered {border:none;}
.contact-info-items-grid .row {background-color:var(--VSblue); border:solid 1px #ffffff;
    border-radius: 20px;}
.contact-info-items-grid .contact-info-item__icon,
.contact-info-items-grid .contact-info-item__text {color:#ffffff !important;}
.contact-info-items-grid a {color:#ffffff !important; text-decoration:underline;}
.contact-info-items-grid a:hover,
.contact-info-items-grid a > div.contact-info-item__text:hover,
.contact-info-items-grid a > div.contact-info-item__text:focus  {color:#ffffff !important; text-decoration:none; background-color:#000000;}

.contact-info-items-grid .col-sm-3:has(>div.contact-info-item--bordered),
.contact-info-items-grid .col-sm-4:has(>div.contact-info-item--bordered),
.contact-info-items-grid .col-sm-6:has(>div.contact-info-item--bordered) {border-right: 2px solid #ffffff; padding: 0 20px;
}

@media (max-width: 767px) {
	.contact-info-items-grid .col-sm-3:has(>div.contact-info-item--bordered),
	.contact-info-items-grid .col-sm-4:has(>div.contact-info-item--bordered),
	.contact-info-items-grid .col-sm-6:has(>div.contact-info-item--bordered) {border-bottom:1px solid #ffffff; border-right:none;}
}

/* HIGHLIGHTED TOP LAYOUT AREA - Standard across all pages */
.highlighted-top, .featured-bottom {padding: 15px 0 !important;}
.highlighted-top .container {width: 100%; padding-left:0; padding-right:0;}
.highlighted-top .highlighted-top__container {margin-left:8%; margin-right:8%;}
.highlighted-top .highlighted-top__container a:hover {color:#ffffff !important; background-color:#000000; text-decoration:none;}


/* FEATURED BOTTOM LAYOUT AREA - Standard across all pages */
.featured-bottom .container {width:100%;}
.featured-bottom .featured-bottom__container {margin-left:8%; margin-right:8%;}

/* MEDIA BACKGROUND LAYOUT AREA - Standard across all pages */
.media-background .container {width:100%;}
.media-background .media-background__container {margin-left:8%; margin-right:8%;}

/* BREAK CONTAINER TYPOGRAPHY */
.main-content-break-container.region--light-typography #main-content {color:#c4c4c4;}
.main-content-break-container.region--light-typography #main-content a, 
.main-content-break-container.region--light-typography .content a,
.page-container-break-content-js-injected .region--light-typography #main-content a,
.page-container-break-content-js-injected .region--light-typography .region-sidebar-second a {color:var(--VSlink-yellow);}
.main-content-break-container.region--light-typography #main-content a:hover, 
.main-content-break-container.region--light-typography .content a:hover,
.page-container-break-content-js-injected .region--light-typography #main-content a:hover,
.page-container-break-content-js-injected .region--light-typography .region-sidebar-second a:hover {color:#ffffff; background-color: #000000;text-decoration:none;}

.main-content-break-container.region--light-typography #main-content a.button, .main-content-break-container.region--light-typography .content a.button {background-color:var(--VSblue-white); color:var(--VSblue);}
.main-content-break-container.region--light-typography #main-content a.button:hover, .main-content-break-container.region--light-typography .content a.button:hover {background-color: #000000; color: #ffffff !important; border: 1px solid var(--VSblue-white);}

/* TABLES */
.main-content-break-container.region--light-typography #main-content table a, .main-content-break-container.region--light-typography .content table a {color:var(--VSlink);}
.main-content-break-container.region--light-typography #main-content table a:hover, .main-content-break-container.region--light-typography .content table a:hover {color:var(--VSlink-yellow);}

.main-content-break-container.region--light-typography #main-content table tr th {background: var(--VSblue-light); border-color: var(--VSblue-dark); color:var(--VSblue-dark);}
.main-content-break-container.region--light-typography #main-content table tr td {background: var(--VSblue-white); border-color: var(--VSblue-dark); color:var(--VSblue-dark);}

#main-content table tr th {background: var(--VSblue-light); border-color: var(--VSblue-dark); color:var(--VSblue-dark);}
#main-content table tr td {border-color: var(--VSblue-dark);}
#main-content table tr.is-even td {background: var(--VSblue-white); color: var(--VSblue-dark);}

.main-content-break-container ul.tabs.primary {margin-bottom: 20px; margin-left: 8%; margin-right: 8%;}
.main-content-break-container .field--name-field-body-2 {padding-left:15px; padding-right:15px;}
/*, .main-content-break-container .block-block-content {margin-bottom: 20px; margin-left: 8%; margin-right: 8%;}*/
.main-content-break-container.region--light-typography .tabs a.is-active {background-color: inherit;}
.main-content-break-container.region--light-typography .tabs a:hover {background-color: #000000;}

.main-content-break-container.region--light-typography .field--entity-reference-target-type-taxonomy-term {margin-left:8%; margin-right:8%;}

.field--entity-reference-target-type-taxonomy-term {background-color:var(--VSblue-white);}

/* FOR CATALOG COURSE PAGES */
.main-content-break-container.region--light-typography .node__container a:hover {background: var(--VSlink); color: #ffffff;}

/* ACADEMIC BLOCK ON THE DIVISION LANDING PAGES */
.block-vscc-acalog a:hover {background: var(--VSlink); color: #ffffff !important;}


/* FANCY IMAGE BLOCK - Standard across all pages */
.fancy-linked-images .overlay-container {border-radius:0 4vw;}
/*.fancy-linked-images .overlay-container img {filter:none !important; margin:0 !important;}*/

.fancy-linked-image a:hover {text-decoration:none;}
.fancy-linked-image .overlay--white a.overlay-target-link:hover {background-color:rgba(255, 255, 255, 0.0) !important;}

/* break container with dark background */
.overlay-container img {filter:none !important; margin:0 !important;}
.main-content-break-container.region--light-typography #main-content .overlay-inner a.button,
.main-content-break-container.region--light-typography .content .overlay-inner a.button {color:var(--VSlink-button-text); background-color:var(--VSlink-button) !important; border-color:var(--VSlink-button) !important; text-decoration:none;}
.main-content-break-container.region--light-typography #main-content .overlay-inner a.button:hover,
.main-content-break-container.region--light-typography .content .overlay-inner a.button:hover {color:var(--VSlink-button) !important; background-color:var(--VSlink-button-text) !important; border-color:var(--VSlink-button) !important; text-decoration:none;}


/*@media screen and (max-width: 771px) {
  .main-content-break-container .fancy-linked-images .overlay-container {border-radius:0 33px;}
  .main-content-break-container .fancy-linked-images .overlay-container img {border-radius:0 33px;}
} */


/* UPDATED SECTION COLORS */
.region--dark-background {background-color: var(--VSblue);}


.line-blue {border-bottom: 2px solid var(--VSblue); padding-bottom: 6px; margin-bottom: 15px;}
.line-red {border-bottom: 2px solid var(--VSred); padding-bottom: 6px; margin-bottom: 15px;}

.panel-group.panel-group--style-2 .panel-title a:hover, .panel-group.panel-group--style-2 .panel-title a:focus {
    background-color: var(--VSblue);
    color: #ffffff !important;
}
.panel-group.panel-group--style-2 .panel .panel-title a {
    border-radius: 5px;
    color: #ffffff !important;
}

/* VIDEO FRAMING */
#video-container iframe {--b: 5px; --c: #0000 90deg, #f4f4f4 0; padding: 10px; background: conic-gradient(from 90deg at top var(--b) left var(--b), var(--c)) 0 0, conic-gradient(from 180deg at top var(--b) right var(--b), var(--c)) 100% 0, conic-gradient(from 0deg at bottom var(--b) left var(--b), var(--c)) 0 100%, conic-gradient(from -90deg at bottom var(--b) right var(--b), var(--c)) 100% 100%; background-size: 50px 50px; background-repeat: no-repeat; max-width:100%;}

.iframe-container {display:flex; justify-content:center; max-width:600px;}
.iframe-mobile{aspect-ratio:16/9; width:100% !important;}

/* VSCC Button */
.button-vscc {color: #ffffff !important; background-color: var(--VSred); padding:10px; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; font-weight:bold; text-transform: uppercase; border-radius: 6px; border-width: 1px; border-style: solid; border-color: transparent;}
.button-vscc:hover {color: #ffffff !important; background-color: var(--VSblue); padding:10px; -webkit-box-shadow: none; box-shadow: none; text-decoration: none;}

.main-content-break-container.region--light-typography #main-content a.button-vscc, .main-content-break-container.region--light-typography .content a.button-vscc {background-color:var(--VSblue-white); color:var(--VSblue);}
.main-content-break-container.region--light-typography #main-content a.button-vscc:hover, .main-content-break-container.region--light-typography .content a.button-vscc:hover {background-color: #000000; color: #ffffff; border: 1px solid #000000;}

/* notification boxes */
.alert-info-vscc {margin:10px 0; padding:10px; background-color:#ddffff; border:1px solid #2196f3; position:relative;}
.alert-success-vscc {margin:10px 0; padding:10px; background-color:#ddffdd; border:1px solid #4caf50; position:relative;}
.alert-danger-vscc {margin:10px 0; padding:10px; background-color:#ffdddd; border:1px solid #f44336; position:relative;}
.alert-warning-vscc {margin:10px 0; padding:10px; background-color: #ffffcc; border: 1px solid #ffeb3b; position:relative;}
.region--light-typography .alert-info-vscc {margin:10px 0; padding:10px; background-color:#ddffff; border:1px solid #2196f3; position:relative; color:#333333;} /* typography inverted */
.region--light-typography .alert-success-vscc {margin:10px 0; padding:10px; background-color:#ddffdd; border:1px solid #4caf50; position:relative; color:#333333;} /* typography inverted */
.region--light-typography .alert-danger-vscc {margin:10px 0; padding:10px; background-color:#ffdddd; border:1px solid #f44336; position:relative; color:#333333;} /* typography inverted */
.region--light-typography .alert-warning-vscc {margin:10px 0; padding:10px; background-color: #ffffcc; border: 1px solid #ffeb3b; position:relative; color:#333333;} /* typography inverted */
.main-content-break-container.region--light-typography #main-content .alert-info-vscc a,
.main-content-break-container.region--light-typography #main-content .alert-success-vscc a,
.main-content-break-container.region--light-typography #main-content .alert-danger-vscc a,
.main-content-break-container.region--light-typography #main-content .alert-warning-vscc a {color:#002ED6;}
.main-content-break-container.region--light-typography #main-content .alert-info-vscc a:hover,
.main-content-break-container.region--light-typography #main-content .alert-success-vscc a:hover,
.main-content-break-container.region--light-typography #main-content .alert-danger-vscc a:hover,
.main-content-break-container.region--light-typography #main-content .alert-warning-vscc a:hover {color:#ffffff;}

.alert-close-button{display:inline-block; padding:4px 8px; vertical-align:middle; overflow:hidden; text-decoration:none; color:#000; background-color:inherit; text-align:center; cursor:pointer; white-space:nowrap; user-select:none; margin: 0 0 10px 10px; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;}
.alert-close-button:disabled{cursor:not-allowed; opacity:0.3}
.alert-close-button:hover{color:#000 !important; background-color:#d6d6d6 !important}

.alert-close-button-topright{position:absolute;right:0;top:0}






/* overwrites code in /enterprizeplus/css/components/pills.css, 11/8/21 */
.region--dark-background .nav-pills > li.active > a, .region--dark-background .nav-pills > li.active > a:focus, .region--dark-background .nav-pills > li.active > a:hover, .region--dark-background .nav-pills > li > a:hover, .region--dark-background .nav-pills > li > a:focus {background-color: var(--VSlink-button) !important;}
.nav-pills > li > a {border-radius:0 25px;}

/* overwrites color for the share-this buttons on the news articles */
.st-btn {background-color: #4c4c4c !important;}

/* styling for Policy content type */
.field--name-field-policy-number {font-size:1.4em; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:15px; font-weight:bold;}
/* .node--type-policy ol>li {margin-top:15px;} */
/* .node--type-policy ol>li>ol>li, .node--type-policy ol>li>ol>li>ol>li {margin-top:0px;} */

.node--type-policy br {content: ""; display: block; margin: 2em; font-size: 25%;}
.node--type-policy li {padding-left: 8px;}
.node--type-policy div > ol > li > ol {list-style-type: lower-alpha; margin-top:0px;}
.node--type-policy div > ol > li > ol > li > ol {list-style-type: upper-roman; margin-top:0px;}
.node--type-policy div > ol > li > ol > li > ol > li > ol {list-style-type: upper-alpha; margin-top:0px;}
.node--type-policy div  > ol > li > ol > li > ol > li > ol > li > ol {list-style-type: lower-roman;margin-top:0px;}

/* VIEWS, added 7/10/25 */
.region--dark-background .views-field-title > h4.field-content a, 
.region--colored-background .views-field-title > h4.field-content a, 
.region--black-background .views-field-title > h4.field-content a {color:var(--VSlink-yellow);}
.region--dark-background .view > .more-link a, 
.region--colored-background .view > .more-link a, 
.region--black-background .view > .more-link a {
	border-radius:0 25px; background-color:var(--VSblue-white); color:var(--VSblue); margin-left:5px; margin-right:5px; padding:18px 25px; border:1px solid #000000;}
.region--dark-background .view > .more-link a:hover, 
.region--colored-background .view > .more-link a:hover, 
.region--black-background .view > .more-link a:hover {
	background-color:#000000; color:#ffffff; border:1px solid #ffffff; text-decoration: none;}

/* views landing pages, blog pages, news pages */
.view-content .overlay-container, .node--type-blog .overlay-container, .node--type-article .overlay-container {border-radius:0 4vw;}
.view-content .overlay--colored, .node--type-blog .overlay--colored, .node--type-article .overlay--colored {background-color: rgba(255,255,255, 0.4);}
.view-content .overlay-container a, .node--type-blog .overlay-container a, .node--type-article .overlay-container a {background-color:inherit !important;}


li.pager__item a:hover, li.pager__item.is-active a {background-color: var(--VSred); color: #fff !important;}
.region--light-typography li.pager__item.is-active a, .region--light-typography li.pager__item.is-active a:hover {background-color: var(--VSblue-white) !important; color:var(--VSblue) !important; text-decoration:none;}

/* FOUNDATION DONATION FORMS, JEFF, 5/12/25 */
.BBFormRadioLabelGivingLevelSelected, .BBFormRadioPaymentSelected  {color:#ffffff !important; background: var(--VSlink) !important; border: 1px solid var(--VSlink) !important;}
.BBFormRadioPaymentNotSelected {color:#595959 !important;}
.BBFormSubmitbutton {background-color:#006600 !important; color:#fff !important;}

/*Slate Forms*/
div.form_container .form_responses {max-width:800px;}
div.form_container .form_birthdate .form_responses select {width:25%;}
.main-content-break-container div.form_container .form_header .form_label {background:none !important; color:var(--VSblue); font-size:34px; text-transform:capitalize;}
.main-content-break-container div.form_container button {border-radius:0 25px; background-color:#000000; color:#ffffff; margin-left:5px; margin-right:5px; padding:8px 18px; border:1px solid #000000; margin-bottom:25px;}
.main-content-break-container div.form_container button:hover {background-color:#ffffff; color:#000000;}

/* MENU ENHANCEMENTS 2024-05-23 */

/* MENU IN CONTENT SECTION */
/*.region-content .menu--main.navigation ul {line-height:2.7;border-top:2px #ccc solid;padding-top:10px;border-bottom:2px #ccc solid;padding-bottom:10px;text-align:center;}*/
/*.region-content .menu--main.navigation li {display:inline; margin:3px; text-wrap:nowrap;}*/
/*.region-content ul.menu li > a:before {display:none;}*/
/*.region-content .menu--main.navigation a {display: inline; background-color: inherit;padding: 10px;border-radius: 10px; text-decoration:underline;}*/
/*.region-content .menu--main.navigation a:hover{background-color:var(--VSlink); color:#ffffff !important; text-decoration:none;}*/
/*.region-content .menu--main.navigation .menu-item--active-trail a.is-active {background-color:var(--VSlink); color:#ffffff !important; text-decoration:none;}*/

/*.region--light-typography .region-content .menu--main.navigation a {}*/
/*.region--light-typography .region-content .menu--main.navigation a:hover{}*/
/*.region--light-typography .region-content .menu--main.navigation .menu-item--active-trail a.is-active {}*/

/*.region--dark-typography .region-content .menu--main.navigation a {}*/
/*.region--dark-typography .region-content .menu--main.navigation a:hover{bbackground-color:#f4f4f4;}*/
/*.region--dark-typography .region-content .menu--main.navigation .menu-item--active-trail a.is-active {}*/
.region-content .navigation ul {line-height:2.7;border-top:2px #ccc solid;border-bottom:2px #ccc solid;padding:10px 8%;text-align:center;}
.region-content .navigation li {display:inline; margin:3px; text-wrap:nowrap;}
.region-content ul.menu li > a:before {display:none;}
.region-content .navigation a {display: inline; background-color: inherit;padding: 10px;border-radius: 10px; text-decoration:underline;}
.region-content .navigation a:hover{background-color:var(--VSlink); color:#ffffff !important; text-decoration:none;}
.region-content .navigation .menu-item--active-trail a.is-active {background-color:#000000; color:#ffffff !important; text-decoration:none !important;}

.region--light-typography .region-content .navigation ul {border:none; background-color:var(--VSblue-white);}
.region--light-typography .region-content .navigation a {color: var(--VSblue) !important;}
.region--light-typography .region-content .navigation a:hover {color:#ffffff !important;}
.region--light-typography .region-content .navigation .menu-item--active-trail a.is-active {}

/* this code created a stripy look */
/*.region--dark-typography .region-content .navigation ul {border:none; background-color:var(--VSblue-white);}
.region--dark-typography .region-content .navigation a {color: var(--VSblue) !important;}
.region--dark-typography .region-content .navigation a:hover {color:#ffffff !important;}
.region--dark-typography .region-content .navigation .menu-item--active-trail a.is-active {}*/

.region--dark-typography .region-content .navigation {background:none;padding-top: 25px;}
.region--dark-typography .region-content .navigation ul {border:none; background:none;}
.region--dark-typography .region-content .navigation li {}
.region--dark-typography .region-content .navigation a {color: var(--VSblue) !important;background-color:#ffffff;}
.region--dark-typography .region-content .navigation a:hover {color:#ffffff !important;}
.region--dark-typography .region-content .navigation .menu-item--active-trail a.is-active {}

/* this code is for styling the siblings menu */
/*.page-container-variant-blue-margin #block-volstate-mainnavigation-8 {margin-left:8%; margin-right:8%; padding-top:0;}
.page-container-variant-blue-margin #block-volstate-mainnavigation-8 ul {border:none;}
.page-container-variant-blue-margin #block-volstate-mainnavigation-8 a {color: var(--VSblue-white) !important;}*/

/* this code is for styling children menu */
/*.page-container-variant-blue-margin nav#block-volstate-mainnavigation-3 {padding-top: 0; margin-top:0; margin-left:12%; margin-right:12%; background:none;}
.page-container-variant-blue-margin nav#block-volstate-mainnavigation-3 ul {border-top:none; border-bottom:none; background-color:var(--VSblue);}
.page-container-variant-blue-margin #block-volstate-mainnavigation-3 a {color:var(--VSblue-white) !important;}
.page-container-variant-blue-margin #block-volstate-mainnavigation-3 a:hover {ccolor:#ffffff !important;}
.page-container-variant-blue-margin #block-volstate-mainnavigation-3 .menu-item--active-trail a.is-active {}*/

@media (max-width: 991px) {
    .header-top-highlighted, .region-navigation {  display: initial;   }
}

/* SIDEBAR MENU ITEMS ARE BELOW */
.sidebar-first {padding:0; border:1px solid #dddfe0;}
.region-sidebar-first ul.menu li > a:before {display:none;}
.region-sidebar-first .menu-item--active-trail>a {font-weight:bold;}
.region-sidebar-first .menu-item.menu-item--expanded.menu-item--active-trail>a {color:var(--VSblue);}

/* BACKGROUND */
.region-sidebar-first .menu-item a.is-active {font-weight:bold;color:#ffffff !important;padding-bottom:8px !important;}
.region-sidebar-first .menu-item:has(>a.is-active) {background-color:#000000 !important;}
/* this will make the parent and all children always have the background */
.region-sidebar-first .menu-item--expanded {background-color:#dee2ed; width:100%;}
.region-sidebar-first .menu-item--expanded:has(a.is-active) ul.menu {background-color:#dee2ed; width:100%;}

/* SPACING */
.region-sidebar-first ul.menu li.menu-item--expanded ul {padding:0;}
.region-sidebar-first ul.menu>li a {padding:8px 10px;}
.region-sidebar-first .menu-item--active-trail>.menu a {padding-left:25px;color:#0027b3;font-weight:500;}
.region-sidebar-first .menu-item--active-trail .menu-item--active-trail>.menu a {padding-left:40px;}
.region-sidebar-first .menu-item--active-trail .menu-item--active-trail .menu-item--active-trail>.menu a {padding-left:55px;}
.region-sidebar-first .menu-item--expanded > a {padding-bottom: 0px !important;}
.region-sidebar-first .menu-item--expanded>.menu a {padding-left:25px;color:#0027b3;font-weight:500;}
.region-sidebar-first ul.menu ul.menu ul.menu a {padding-left:40px;}


/* MENU Forced Above Content - Break Container Style - toFix */
/*.main-content-break-container .region-sidebar-first .menu--main.navigation ul {text-align:center;}*/
/*.main-content-break-container .region-sidebar-first .menu--main.navigation li {display: inline !important;}*/
/*.main-content-break-container .region-sidebar-first ul.menu li > a:before {display:none;}*/
/*.main-content-break-container .region-sidebar-first .menu--main.navigation a {display: inline !important;color: #ffffff !important;background-color: #9d2236;padding: 10px;border-radius: 10px;}*/
/*.main-content-break-container .region-sidebar-first .menu--main.navigation a:hover{background-color:var(--VSblue);}*/
/*.main-content-break-container .region-sidebar-first .menu--main.navigation .menu-item--active-trail a.is-active {background-color:var(--VSblue);}*/

/*.main-content-break-container .region-sidebar-first .navigation ul {text-align:center;}*/
/* line-height:2.7; *//* border-top:2px #ccc solid; *//* padding-top:10px; *//* border-bottom:2px #ccc solid; *//* padding-bottom:10px; */
/*.main-content-break-container .region-sidebar-first .navigation li {display: inline !important;/* margin:3px; *//* text-wrap: nowrap; }*/
/*.main-content-break-container .region-sidebar-first ul.menu li > a:before {display:none;}
.main-content-break-container .region-sidebar-first .navigation a {display: inline !important;color: #ffffff !important;background-color: #9d2236;padding: 10px;border-radius: 10px;}
.main-content-break-container .region-sidebar-first .navigation a {}
.main-content-break-container .region-sidebar-first .navigation a:hover{background-color:var(--VSblue);}
.main-content-break-container .region-sidebar-first .navigation .menu-item--active-trail a.is-active {background-color:var(--VSblue);}
.main-content-break-container .region-sidebar-first .menu-item--expanded:has(a.is-active) ul.menu {background-color:#f6f8f9; width:100%;}*/

.main-content-break-container .sidebar-first {padding:0; border:none; background-color:lightgray; margin-bottom:0;}
.main-content-break-container .sidebar-first ul li {display:inline-block;}

/*fix overflow background issue on background block*/
.container-fluid .field--mt-background-image-block {
    margin: 0 0; 
 }

/* AFFECTS TOP MENU - EXAMPLE Main navigation OLD Sidebar Nav */
.main-content-break-container.region--light-typography #block-mainnavigation-menu {
    color: black;
}

/* WHITE COLOR BACKGROUND VARIANTS */
/* BLUE-MARGIN .page-container-break-content.page-container-break-content-white.page-container-variant-blue-margin */
[class*="page-container-variant-blue-margin"] {background-color:var(--VSblue);}
.page-container-variant-blue-margin .main-content-break-container.main-content-white {padding-top:0;}
.page-container-variant-blue-margin .main-content-break-container.main-content-white .node__main-content {margin-left:8%; margin-right:8%; border-radius:8px; box-shadow:15px 20px var(--VSred); background: #ffffff; /*padding:15px;*/}
.page-container-variant-blue-margin .main-content-break-container.main-content-white .field--name-body {margin-left:0; margin-right:0; padding:15px;}
.page-container-variant-blue-margin .main-content-break-container.main-content-white h1.page-title {margin: 0; color:#ffffff;
    padding: 2rem;
    text-align: center;
    background-color: var(--VSblue);
    border-top: 1px#ffffff solid;
    border-bottom: 1px #ffffff solid;
    position: relative;
    z-index: 1;
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 Q25 0 50 10 T100 10' fill='none' stroke='%23ffffff' stroke-width='1.1' stroke-opacity='0.15'/%3E%3C/svg%3E");}
.page-container-variant-blue-margin .footer-top {background-color:transparent; color:#ffffff; padding:10px 0;}
/*
.page-container-variant-blue-margin .region--dark-typography .contact-info-items-grid .contact-info-item__text {color:#ffffff !important;
}
.page-container-variant-blue-margin .contact-info-items-grid a {color:#ffffff; text-decoration:underline;}
.page-container-variant-blue-margin .contact-info-items-grid a:hover,
.page-container-variant-blue-margin .contact-info-items-grid a > div.contact-info-item__text:hover,
.page-container-variant-blue-margin .contact-info-items-grid a > div.contact-info-item__text:focus  {color:#ffffff !important; text-decoration:none; background-color:#000000;}
*/
.page-container-variant-blue-margin .paragraph.paragraph--width--wide>.paragraph__column {
        width: 100%;
        margin-left: 0; padding-left: 15px;
    padding-right: 15px;
    }
.page-container-variant-blue-margin .main-content-break-container .paragraph--type--custom-block {margin-left:0;margin-right:0; width:100%;}

.page-container-variant-blue-margin .main-content-break-container .contextual-region.clearfix.block.block-block-content, .page-container-variant-blue-margin .paragraph--view-mode--default .main-content-break-container .paragraph.paragraph--width--wide>.paragraph__column {
    margin-left: 1vw;
    margin-right: 1vw;
}
@media (max-width:425px) {
	.page-container-variant-blue-margin .main-content-break-container .contextual-region.clearfix.block.block-block-content, .page-container-variant-blue-margin .paragraph--view-mode--default .main-content-break-container .paragraph.paragraph--width--wide>.paragraph__column {
    margin-left: 0;
    margin-right: 0;}
}

/* BLUE-MARGIN-DEGREES FOR THE PROGRAMS SEARCH PAGE */
.page-container-variant-blue-margin-degrees .main-content-break-container.main-content-white {background-color:var(--VSblue);}
.page-container-variant-blue-margin-degrees .field--name-body {margin-left:0; margin-right:0;}
.page-container-variant-blue-margin-degrees aside.col-md-12 {padding-left:0; padding-right:0;}
.page-container-variant-blue-margin-degrees #block-volstate-content,
.page-container-variant-blue-margin-degrees #block-degreesblock,
.page-container-variant-blue-margin-degrees #block-degreetypes {background-color:#ffffff; margin-left:8%; margin-right:8%; padding-top:15px; padding-left:15px; padding-right:15px;}
.page-container-variant-blue-margin-degrees #block-volstate-content {box-shadow:15px 20px var(--VSred);
    border-radius: 8px 8px 0 0; margin-top:25px;}
.page-container-variant-blue-margin-degrees #block-degreesblock {box-shadow:15px 20px var(--VSred);
    border-radius: 0;}
.page-container-variant-blue-margin-degrees #block-degreetypes {box-shadow:15px 20px var(--VSred);
    border-radius: 0 0 8px 8px; border:none;}

/* BACKGROUND IMAGES */
.page-container.page-container-break-content.page-container-variant-blue-margin.background-arglye {
	background-image: url(https://www.transparenttextures.com/patterns/argyle.png);
}
.page-container.page-container-break-content.page-container-variant-blue-margin.fancy-background-1 {
     background-image: url(https://www.volstate.edu/sites/default/files/images/backgrounds/fancy-image-2-scaled-2.png); 
}
.page-container.page-container-break-content.page-container-variant-blue-margin.background-topographic {
	background-image: url(https://www.volstate.edu/sites/default/files/images/backgrounds/background-topographic.png);}

.page-container.page-container-break-content.page-container-variant-blue-margin.background-white-flame .node__container {
	background-image: url(https://www.volstate.edu/sites/default/files/images/backgrounds/VSCC-flame-white-200x267.png); background-blend-mode: soft-light;
}

.page-container-variant-blue-margin.fancy-background-1 .main-content-break-container.main-content-white
 {
 background-color: transparent; /* extras ~486*/
 }


/*.footer-top.fancy-background-1 .row .row,*/
/*.footer-top.footer-variant-blue-margin .row .row {
    background: var(--VSblue);
    border:solid 1px white;
    border-radius: 20px;
}*/

/* LIGHT GRAY BOX */

/* for Light Grey box, example https://www.volstate.edu/academics/business-and-technology */
.light-gray-box .title {background: var(--VSblue); font-size: 24px; color: #ffffff; padding: 12px; border-top-left-radius: 3px; border-top-right-radius: 3px;}

/* styled for policies page, break container */
.page-container-break-content .light-gray-box {background-color:var(--VSblue-white); border-radius:0 25px;}
.page-container-break-content .light-gray-box h2, .page-container-break-content  .light-gray-box h3 {background-color:var(--VSred) !important; color:#ffffff !important; border-radius:0 25px 0 0 !important;}
.page-container-break-content .light-gray-box p, .page-container-break-content  .light-gray-box li {color:var(--VSblue);}
/*.page-container-break-content .light-gray-box a {color:var(--VSlink) !important;}
.page-container-break-content .light-gray-box a:hover {color:#ffffff !important;}*/

/*.page-container-break-content #main-content .light-gray-box .social-icons a:hover {background-color:unset;
}
.page-container-break-content .region--dark-typography #main-content .light-gray-box .social-icons svg:hover {background-color:unset; color:#00000;
}*/

/* ACALOG BLOCK - USUALLY ON THE ACADEMIC DIV LP */
.page-container-break-content.page-container-break-content-dark_colored .highlighted-top.region--light-typography.region--dark-background a {color:var(--VSlink-yellow);}
.page-container-break-content.page-container-break-content-dark_colored .highlighted-top.region--light-typography.region--dark-background a:hover {color:#ffffff; background-color: #000000;text-decoration:none;}

/* COOKIE NOTIFICATION BLOCK */
.eu-cookie-compliance-content .eu-cookie-compliance-message {margin: 1vh;}
.eu-cookie-compliance-content .eu-cookie-compliance-message p, .eu-cookie-compliance-more-button {font-size:16px;}
.eu-cookie-compliance-content button.eu-cookie-compliance-more-button {color:var(--VSlink-yellow);}
.eu-cookie-compliance-content button.eu-cookie-compliance-more-button:hover {color:#ffffff; background-color:#000000; text-decoration:none;}
.eu-cookie-compliance-buttons button {border-radius:0 25px; background-color:var(--VSblue-white); color:var(--VSblue); margin-left:5px; margin-right:5px; padding:8px 18px; border:1px solid #000000;}
.eu-cookie-compliance-buttons button:hover {background-color:#000000; color:#ffffff; background-image:none;}


/* ANIMATION FOR THE PAGE TITLE */
#block-volstate-page-title .content .title.page-title,
#block-programblock .content .acalog-program-name {
  margin: 0;
  color: #ffffff;
  padding: 20px 8%;
  text-align: center;
  background-color: var(--VSblue);
  border-top: 1px #ffffff solid;
  border-bottom: 1px #ffffff solid;
  position: relative;
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 Q25 0 50 10 T100 10' fill='none' stroke='%23ffffff' stroke-width='1.1' stroke-opacity='0.15'/%3E%3C/svg%3E");
  
  /* Initially position the title off-screen */
  transform: translateX(-100%);
  opacity: 1; /* Set opacity to 1 from the start */
  
  /* Apply the animation */
  animation: slideAndWiggle .8s ease-out forwards;
}

/* Keyframes to slide the title and add a wiggle */
@keyframes slideAndWiggle {
  0% {
    transform: translateX(-100%); /* Start off-screen to the left */
    opacity: 1; /* Ensure opacity stays at 1 */
  }
  50% {
    transform: translateX(30px); /* Slight wiggle to the right */
    opacity: 1; /* Maintain opacity */
  }
  70% {
    transform: translateX(-15px); /* Slight wiggle to the left */
    opacity: 1; /* Keep opacity at 1 */
  }
  85% {
    transform: translateX(7px); /* Small correction */
    opacity: 1; /* Keep opacity at 1 */
  }
  100% {
    transform: translateX(0); /* Center the title */
    opacity: 1; /* Final opacity is 1 */
  }
}

@media print {
 		body, h2, p {color:#000000 !important;}
     	
    .page-container-variant-blue-margin .main-content-break-container.main-content-white .node__main-content {box-shadow:none;}
    
 }