body {background-color:var(--VSblue);}

.main-title {
  font-family: 'Arvo', serif;
}
.overlay-container {border-radius:0 4vw;
}
.region--white-background {background-color: #B2CCF5;
}
.content-bottom .container-fluid {margin-right:8%;
}
@media (max-width: 991px) {
	.content-bottom .container-fluid {margin-left:8%;}
}
.clr {
  clear: both;
}
img {border-radius:0 4vw;}
.block {
  display: block;
}
.inline_block {
  display: inline-block;
}
.none {
  display: none;
}
.center {
  text-align: center;
}
.upper {
  text-transform: uppercase;
}
.lower {
  text-transform: lowercase;
}
.case {
  text-transform: normal;
}
@media (max-width: 425px) {
	.mobile-none img {display:none;}
}
.nocase {
  text-transform: none;
}
.italic {
  font-style: italic;
}
.hyphenate {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.pull-none {
  float: none;
}
.valign {
  position: relative;
  display: table;
}
.valign.fit {
  width: 100%;
  height: 100%;
}
.valign .middle {
  display: table-cell;
  vertical-align: middle;
}
.middle {
  vertical-align: middle;
}
.bx {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.fit {
  width: 100%;
  height: 100%;
}

@media (min-width: 1025px) {
  .offset-x-desktop-148 {
    padding-left: 7.71vw;
    padding-right: 7.71vw;
  }
}
@media (min-width: 1921px) {
  .offset-x-desktop-148 {
    padding-left: 148px;
    padding-right: 148px;
  }
}
@media (min-width: 1025px) {
  .offset-x-desktop-134 {
    padding-left: 6.98vw;
    padding-right: 6.98vw;
  }
}
@media (min-width: 1921px) {
  .offset-x-desktop-134 {
    padding-left: 134px;
    padding-right: 134px;
  }
}
@media (min-width: 1025px) {
  .offset-x-desktop-139 {
    padding-left: 7.24vw;
    padding-right: 7.24vw;
  }
}
@media (min-width: 1921px) {
  .offset-x-desktop-139 {
    padding-left: 139px;
    padding-right: 139px;
  }
}
@media (min-width: 1025px) {
  .offset-x-desktop-162 {
    padding-left: 8.44vw;
    padding-right: 8.44vw;
  }
}
@media (min-width: 1921px) {
  .offset-x-desktop-162 {
    padding-left: 162px;
    padding-right: 162px;
  }
}

.txt-size-14 {font-size: 14px;}
.txt-size-16 {font-size: 16px;}
.txt-size-18 {font-size: 18px;}
.txt-size-20 {font-size: 20px;}
.txt-size-22 {font-size: 22px;}
.txt-size-24 {font-size: 24px;}
.txt-size-28 {font-size: 28px;}
.txt-size-30 {font-size: 30px;}
.txt-size-35 {font-size: 35px;}
.txt-size-36 {font-size: 36px;}

@media (max-width: 424px) {
.txt-size-14 {font-size: 14px;}
.txt-size-16 {font-size: 16px;}
.txt-size-18 {font-size: 18px;}
.txt-size-20 {font-size: 20px;}
.txt-size-22 {font-size: 22px;}
.txt-size-24 {font-size: 24px;}
.txt-size-28 {font-size: 28px;}
.txt-size-30 {font-size: 24px;}
.txt-size-35 {font-size: 35px;}
.txt-size-36 {font-size: 36px;}
}

@media (min-width: 1025px) {
  .txt-size-20 {font-size: 1.5vw;}
  .txt-size-22 {font-size: 22px;}
  .txt-size-24 {font-size: 1.6vw;}
  .txt-size-28 {font-size: 1.8vw;}
  .txt-size-30 {font-size: 2.0vw;}
  .txt-size-36 {font-size: 2.8vw;}
  .txt-size-40 {font-size: 2.0vw;}
  .txt-size-48 {font-size: 2.5vw;}
  .txt-size-62 {font-size: 4.2vw;}
  .txt-size-100 {font-size: 5.21vw;}
}
@media (min-width: 1921px) {
  .txt-size-20 {font-size: 1.25vw;}
  .txt-size-22 {font-size: 1.30vw;}
  .txt-size-24 {font-size: 1.35vw;}
  .txt-size-28 {font-size: 1.40vw;}
  .txt-size-30 {font-size: 1.45vw;}
  .txt-size-36 {font-size: 1.60vw;}
  .txt-size-40 {font-size: 2.08vw;}
  .txt-size-48 {font-size: 2.5vw;}
  .txt-size-62 {font-size: 4.2vw;}
  .txt-size-100 {font-size: 5.21vw;}
}

@media (max-width: 1024px) {
  .txt-size-48 {
    font-size: 26px;
  }
}

@media (min-width: 1921px) {
  .txt-size-48 {
    font-size: 48px;
  }
}
@media (max-width: 1024px) {
  .txt-size-62 {
    font-size: 36px;
    line-height: 1;
  }
}


@media (max-width: 719px) {
  .txt-size-100 {
    font-size: 40px;
  }
}
@media (min-width: 720px) and (max-width: 1024px) {
  .txt-size-100 {
    font-size: 50px;
  }
}

@media (min-width: 1921px) {
  .txt-size-100 {
    font-size: 100px;
  }
}






/* SLIDESHOW OVERLAY CONTENT */
.tp-logo {
	background-image:url("https://www.volstate.edu/sites/default/files/logos/logo.png"); /* The image used */
	background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
}

.tp-caption__title {
	font-family: 'Arvo', serif !important;
	font-size:50px;
}
.tp-caption__text {
	font-size:24px;
	margin-top:10px;
}
.rev_slider .tp-caption {
	border-radius:0 4vw;
}
.tp-caption__button {
	border-radius:0 15px;
}
.region--white-background .tp-caption__button {
	color:var(--VSblue);
	border-color: var(--VSblue);
    background-color: var(--VSblue-white);
	text-decoration: none;
}
.region--white-background .tp-caption__button:hover {
    color:var(--VSblue-white);
	border-color: var(--VSblue-white);
    background-color: var(--VSblue);
}

.region--colored-background .tp-caption__button {
	color:var(--VSred);
	border-color: #F6F9FE;
    background-color: #F6F9FE;
}
.region--colored-background .tp-caption__button:hover {
    color:#F6F9FE;
	border-color: #F6F9FE;
    background-color: var(--VSred);
}
.play-pause-btn {background-color:var(--VSred) !important;}
.play-pause-btn:hover {background-color:var(--VSblue) !important;}


/* STICKY TABS */
.stickyTabs {z-index:10; position:fixed; right:0; top:50vh}
.stickyTabs ul {list-style:none;}
.stickyTabs ul li a, .other-toggle-use {
    min-width: 195px;
    display: block;
    background-color:var(--VSred);
    padding: 10px 35px;
    margin: 15px -20px 15px 0;
    font-family: sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    text-decoration: none;
    -moz-transform: skew(30deg, 0deg);
    -webkit-transform: skew(30deg, 0deg);
    -o-transform: skew(30deg, 0deg);
    -ms-transform: skew(30deg, 0deg);
    transform: skew(30deg, 0deg);
}
.stickyTabs ul li a:hover, .other-toggle-use:hover {background-color:#000000;color:#ffffff !important;}
.stickyTabs ul li a span, .other-toggle-use span {
    font-weight:bold;
    display: inline-block;
    -moz-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    -o-transform: skew(-30deg, 0deg);
    -ms-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}
.stickyTabs ul li span::before {
    font-family: "Font Awesome 6 Free";
    display: inline-block;
    padding-right: 8px;
    vertical-align: middle;
    font-weight: 900;
    color: inherit;
}
.stickyTabs ul li.VSapply span::before {content:"\f058";}
.stickyTabs ul li.VSrequest span::before {content: "\f2b6";}
.stickyTabs ul li.VSvisit span::before {content: "\f279";}
.stickyTabs ul li.other-toggle-use span::before {content: "\f022";}
/*
@media screen and (max-width: 900px) {
.stickyTabs {z-index:10; position:fixed; right:0; top:0;width:100%;}
.stickyTabs ul {display:flex;justify-content:space-evenly;background:green;align-items:center;margin:0;}
.stickyTabs ul li, .dashboard-toggle {min-heightttttttttt:50px;}
.stickyTabs ul li a img {display:nonee;}
.stickyTabs ul li a, .dashboard-toggle {
    min-width: 33%;
    min-height:50px;
    display: block;
    background-color:green;
    padding: 10px 25px;
    margin: 0;
    color: #ffffff;
    text-decoration: none;
    font-size:1.4rem;
    border-radius:0;
  }
}
*/
@media screen and (max-width: 767px) {
	.stickyTabs {display: none;}
}


/* PATHWAYS SECTION */
/* idea from ccm.edu */
@media (max-width: 1024px) {
  .pathways-section {
    padding: 70px 0 40px 0;
  }
}
@media (min-width: 1025px) {
  .pathways-section {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }
}
@media (min-width: 1921px) {
  .pathways-section {
    padding-top: 130px;
    padding-bottom: 360px;
  }
}
.pathways-section {
  color: var(--VSblue-white);padding:6vw !important;
}
.pathways-section a {
  color: var(--VSblue-white); text-decoration: underline;
}
.pathways-section .main-title {
  color:var(--VSgold);
  line-height: 1.5;
  font-weight: normal;
}
.pathways-section .main-title strong {
  color: var(--VSblue-white);
}
.pathways-section .description {
	margin:22px 0;
}

.pathways-section .academic-links a:hover {text-decoration:none; font-size:1.1em; font-weight:800; color:var(--VSgold); background-color: unset;
}
.pathways-section .academic-links a::after {
	font-family: "Font Awesome 5 Free";
    content: "\f0a9";
    display: inline-block;
    padding-left: 8px;
    vertical-align: middle;
    font-weight: 900;
    color: inherit;
}
.pathways-section .academic-links a:hover::after {
  -webkit-transform: rotate(-33deg);
  -ms-transform: rotate(-33deg);
  transform: rotate(-33deg);
  -webkit-transition: background-color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.pathways-section .academic-links .name {
  font-weight: 800;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.pathways-section .academic-links .arrow {
  display: inline-block;
  border-radius: 50%;
  border: 1px solid var(--VSblue-white);
  /*display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; */
  -webkit-transition: background-color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}


.pathways-section .image-box:nth-child(odd) {
  opacity: 1;
}

.pathways-section .image-box:nth-child(odd):after {
  background-color: var(--VSblue-white);
    opacity: 0.5;
	border-radius:inherit;		
}






.pathways-section .image-box {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 75%; /* 4:3 aspect ratio */
    border-radius:0 4vw;
	margin-top:3vw;
}
.jeff-pathways-section .image-box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: green;
    opacity: 0.6;
    z-index: 1; /* Adjust z-index as needed */
	border-radius:0 4vw;
}

.pathways-section .image-box img {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.25;
	transition: transform 1.1s ease-in-out, opacity 0.16s ease-in-out;
	z-index: 0;
	border-radius:0 4vw;
}

.pathways-section .image-box img.active {
  transform: rotate(5deg);
  opacity: 1;
  z-index: 1;
}

@media screen and (max-width: 771px) {
  .pathways-section .image-box {display:none;}
  .pathways-section .academic-links {width: 100%;  }
}








/* SUPPORTING GOALS */
/* idea duplicated from carrollcc.edu */
.sg-background {margin:0;padding:6vw;}
@media (min-width: 1025px) {
    .sssg-background {
        padding: 6vw;
    }
}
.sg-inner {background:var(--VSblue-white);max-width:95.0vw;margin-left:auto;margin-right:auto;padding-top:3vw;padding-bottom:2vw;border-radius:0 4vw;}
.sg-inner .col-md-2 {display:flex; justify-content:center;}
.sg-header{}
.sg-title {font-weight:bold;padding-top:15px;color:var(--VSred);line-height:1.5;}
.sg-title span {color:var(--VSblue);}
.sg-content {padding:20px 20px 50px; max-width:72vw; margin-left:auto; margin-right:auto;}
.sg-content .title {color:var(--VSred);}
.sg-content .sg-links {display:flex; flex-wrap:wrap;}
.sg-content .sg-links ul {list-style:none; box-sizing:border-box; display:flex; flex-wrap:wrap; justify-content: center;padding:6px;}
.sg-content .sg-links li {-webkit-box-flex: 0;
    flex: 0 1 auto;
    margin-bottom: .94118rem;
    padding-left: 10px;
    width: 100%;}
@media (max-width: 667px) {
	.sg-title {font-size:40px;}
    .sg-title span {font-size:35px;}
	.sg-content .sg-links li {padding-left:0;}
}
@media (min-width: 668px) {
    .sg-content .sg-links li {
        margin-bottom:1.41176rem;
        width:50%;
    }
}
@media (min-width: 1000px) {
    .sg-content .sg-links li {
        -webkit-box-flex:0;
        flex: 0 0 auto;
        width: auto;
    }
}
.sg-content .sg-links a {border: 2px solid #A01831;border-radius: 0 15px;
    color: #A01831;
    display: block;
    font-weight: bold;
    letter-spacing: -.0225em;
    line-height: 1.5;
    padding: .88235rem 1.11765rem .76471rem;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    padding: 12px 18px;
}
.sg-content .sg-links a:hover {-webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out; transition: background-color .3s ease-in-out, color .3s ease-in-out;background-color:var(--VSred);color:white;}

/* TESTIMONIALS */
.test-background {margin:0 auto 6vw;padding:6vw;}
@media (min-width: 1025px) {
    .tttest-background {
        padding: 6vw;
    }
}
.test-background .main-title {color:var(--VSblue-white);}
.test-inner {border:4px solid var(--VSblue-white);max-width:95.0vw;margin-left:auto;margin-right:auto;padding-top:3vw;padding-bottom:2vw;border-radius:0 4vw;}
.test-quote {color:var(--VSgold); line-height: 1.1; margin:25px;}
.test-quote-author {color:var(--VSblue-white); float:inline-end; margin-top:10px; margin-bottom:10px;}

.test-quote::before {
    font-family: "Font Awesome 5 Free";
    content: "\f10d";
    display: inline-block;
    padding-right: 8px;
    vertical-align: middle;
    font-weight: 900;
    color: inherit;
    margin-top:-5vw;
    font-size:5vw;
}
.test-inner img {border-radius:0 4vw;margin-bottom:-10vw;}

@media (max-width: 667px) {
	.test-quote-authoer {text-align: right; float: none;}
	.test-inner img {margin:5px auto 0;width:66%;}
}
@media (max-width: 1024px) {
	.test-quote-jeff {font-size:2vw;}
}

/* UPCOMING EVENTS */
div#block-events  iframe[id^="trumba"] { padding: 0px !important; background-color:transparent;}
div#block-events {margin-left:0;}
.trumba .dateIconWrapper.f .monthName {background-color:var(--VSred); padding:3px;}
.trumba .dateIconWrapper.f .date {padding:2px;}

/* TABS ON HOMEPAGE */
.nav-tabs > li > a {
	color:var(--VSred); border-radius: 25px 25px 0 0; border-color:var(--VSblue); border-bottom-color: transparent;
}
.nav-tabs ~ .tab-content {border-color:var(--VSblue);}

.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus,
.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover {
    color:#ffffff !important; background-color:var(--VSblue); border:1px solid; border-bottom-color:#000000; text-decoration:none; border-color:var(--VSblue);
}

/* ACCORDION */
.paragraph--bp-accordion-container {padding-top: inherit;}
.paragraph--type--bp-accordion .panel-heading {margin-top:3px;}
/*.paragraph--type--bp-accordion .panel-title .display {font-size:1.15em; background:#eeeeee;}*/

.paragraph--type--bp-accordion .panel-default, .paragraph--type--bp-accordion .panel-heading {border:none; background-color:inherit;}

.paragraph--type--bp-accordion .panel-heading a:after {float: right; background-color: transparent; color: inherit;}
.paragraph--type--bp-accordion .panel-heading a[aria-expanded=false].display:after {content: "\2b07";}
.paragraph--type--bp-accordion .panel-heading a[aria-expanded=true].display:after {content: "\2b06";}
.paragraph--type--bp-accordion .panel-heading a[aria-expanded=true].display {text-decoration:none; background:var(--VSblue);color:white !important;}

.paragraph--type--bp-accordion .panel-title {border-top:8px solid #999999; border-radius:8px; box-shadow: 0 4px 8px #999999;margin-bottom:15px;}
.paragraph--type--bp-accordion .panel-title a {font-size:1.0em !important; background:#f4f4f4;}
.paragraph--type--bp-accordion .panel-title a:hover {text-decoration:none; background-color:var(--VSblue-dark) !important;color:white !important;}
.paragraph--type--bp-accordion .panel-title a:focus {text-decoration:none !important;}

.paragraph--type--bp-accordion .panel-collapse>.paragraph {margin-bottom:15px; padding:0;color:#000000;}