@charset "UTF-8";

/* CSS for testing on dev prior to loading into the scss */

/*   https://development.esc.edu/graduate-studies/graduate-degrees/education-programs/   */

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
	font-weight: 400;
	line-height: 1;
	color: #555;
    font-size: 65%;
}

.col-maincontent h1,
.col-maincontent .h1 {
	margin-top: .5em;
}

.figure-border img {
 border: 1px #ccc solid; 
}

/*
figure {
 padding-bottom: 10px !important; 
}
*/

figure figcaption {
	padding-bottom: 40px;
}


.disable-nav-to-apply .nav-to-apply, 
.disable-nav-to-infosession .nav-to-infosession, 
.disable-nav-to-rfi .nav-to-rfi {
	display: none;
}

.banner.intro-block {
	margin-bottom: 0 !important;
}

.information-blocks {
    background: white !important;
}

/* policy in siteimprove confirmed only used on theses generator but a light color makes sense for that and more general usage */
.bg-info {
    background: #ebfaff !important;
}

/* for easy columns and return to top pulled from Registrar site -Deans List */

.columns {
  -webkit-columns: 3 180px;
     -moz-columns: 3 180px;
          columns: 3 180px;
  -webkit-column-gap: 3em;
     -moz-column-gap: 3em;
          column-gap: 3em;
}

.to-top {
  margin: 30px 0;
}

.fa-caret-up:before {
  font-family: FontAwesome;
  font-style: normal;
  margin: 0px 5px;
}

/* video and playlist wrapper styles MAY NOT BE NEEDED embedded playlist can be seen in the Financial Aid site */

.videoWrapper { 
  position: relative; 
  padding-bottom: 56.25%; /* 16:9 */ 
  height: 0; 

} 

.videoWrapper iframe { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
} 

.embed-playlist-container {
    height: 500px;
    width: 100%;
    overflow: hidden;
}
.embed-playlist-container iframe.fatv-video {
width: 100% !important; 
}

.full-width-video .bg-stretch {
    position: absolute;
}

/* END video work */


.questions-block {
padding-bottom: 120px;
}

/* https://development.esc.edu/student-affairs/ */
.well {
  margin-bottom: 20px;
  padding: 10px;
}

/* typography */

.col-main h1 {
 margin-top: 20px; 
}

.card p:last-of-type,
.alert p:last-of-type {
    margin-bottom: 0;
}

/* example location: https://development.esc.edu/financial-aid/programs-requirements/conditions-awards/less-than-15-weeks/  */
/*
ul p + ul {
    margin-top: -15px;
    margin-bottom: 1rem;
}

p + ul {
	margin-top: -10px;
}

*/

/* jen redesign fixes */

@media only screen and (max-width: 991px) {
.has-rightcol .col-maincontent {
  padding-bottom:0px;
}
}


.search-drop button,
#esc-navbar-top button {
  all: unset;
  cursor: pointer;
}

.search-drop .form-control {
    padding: 0;
    display: inline;
}


#esc-navbar-top .form-control {
    display: inline;
}

/* .search-drop .input-group-text {
    padding: 0.2rem .85rem 0.2rem 0.2rem;
}*/

#esc-navbar-top .input-group-text {
    padding: 0.2rem .85rem 0.2rem 0.2rem;
    background: none;
    border: 0;
}
 
#esc-navbar-main .esc-nav-btn .search-drop .form-control,
#esc-navbar-main .esc-nav-btn .search-drop .input-group-text {
    width: 100%;
    max-width: 214px;
}



/* Search Fixes 4/12 */

.search-drop .input-wrap {
  width: 100%;
}

.search-drop .input-group-text {
    padding: 0.2rem 1.4rem 0.2rem 0.2rem;
}

#esc-navbar-top .input-group-text {
  padding: 0.2rem 2rem 0.2rem 0.2rem;
}

/* Card Fixes 4/12 */

.card__title {
    margin: 0;
}

/* Nav Fixes 4/13 */

@media screen and (max-width: 1199px) {
#esc-navbar-main .ac-slide .title {
  padding: 0 0 8px 1rem;
  display: block;
}

.nav-subsite .collapsing,
.nav-subsite .show {
  padding-top: 10px;
}


/* #esc-navbar-main .ac-slide ul li ul {
    margin: 8px 0 0 0;
} */

/* #esc-navbar-main.navbar .navbar-nav .megamenu li,
#esc-navbar-top.navbar .navbar-nav .megamenu li {
    padding: 8px 0;
} */

/* #esc-navbar-main.navbar .navbar-nav .megamenu li:last-child,
#esc-navbar-top.navbar .navbar-nav .megamenu li:last-child {
  padding-bottom: 0;
} */

/* #esc-navbar-main.navbar .navbar-nav .megamenu {
    padding-top: 0.25rem;
} */

#esc-navbar-main .ac-slide .featured-col a {
    display: block;
    border: 2px solid rgba(154,155,154,.6);
    border-radius: 5px;
    color: #fff;
    font-weight: 400;
    padding: 30px 25px 22px;
    position: relative;
    text-align: center;
}

#esc-navbar-main .ac-slide .featured-col span.icon-star.icon {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    font-size: 34px;
    margin: 0 0 22px;
}

#esc-navbar-main .ac-slide .featured-col span.link-title {
    display: block;
    margin: 0 0 19px;
    font-size: 20px;
    line-height: 24px;
}

.featured-col {
  padding-top: 16px;
  margin-top: 1.3em;
}

#esc-navbar-main .dropdown-menu .col {
    padding-top: 16px;
}

#esc-navbar-main .dropdown-menu .col:first-of-type {
    padding-top: 0;
}

#esc-navbar-main.navbar .navbar-nav .megamenu .col:first-of-type > li:first-of-type {
    padding-top: 0;
}
}

@media screen and (min-width: 1200px) {
  #esc-navbar-main .ac-slide .slide-holder:before {
    left:0;
    right:0
  }
}

/*
@media screen and (min-width: 1200px) {
  #esc-navbar-main .ac-slide .title {
    padding: 0;
  }
  
  #esc-navbar-main .ac-slide ul li ul {
    margin: 14px 0 0 2rem;
  }
  
  #esc-navbar-main.navbar .navbar-nav .megamenu {
    padding-top: 1rem;
  }
}*/

/* X animation navbar close 4/13 */

.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.navbar-toggler span:nth-child(2),.navbar-toggler span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.navbar-toggler span:nth-child(1) {
  left: 2px;
  top: 5px;
}

.navbar-toggler span:nth-child(2) {
  left: calc(50% - 2px);
  top: 5px;
}

.navbar-toggler span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

.navbar-toggler span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

.navbar-toggler span:nth-child(5) {
  left: 2px;
  top: 15px;
}

.navbar-toggler span:nth-child(6) {
  left: calc(50% - 2px);
  top: 15px;
}

.navbar-toggler {
  width: 3.5rem;
  height: 2.5rem;
}

.navbar-hamburger-container {
  width: 30px;
  height: 25px;
  position: relative;
}

.navbar-toggler.collapsed {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.navbar-toggler span {
  display: block;
  position: absolute;
  height: 3px;
  width: 50%;
  background: #fff;
  opacity: 1;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;

}

.navbar-toggler.collapsed span {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.navbar-toggler span:nth-child(even) {
  border-radius: 0 2px 2px 0;
}

.navbar-toggler span:nth-child(odd) {
  border-radius: 2px 0 0 2px;
}

.navbar-toggler.collapsed span:nth-child(even) {
  left: 50%;
}

.navbar-toggler.collapsed span:nth-child(odd) {
  left:0px;
}

.navbar-toggler.collapsed span:nth-child(1), .navbar-toggler.collapsed span:nth-child(2) {
  top: 0px;
}

.navbar-toggler span:nth-child(3), .navbar-toggler span:nth-child(4) {
  top: 10px;
}

.navbar-toggler.collapsed span:nth-child(5), .navbar-toggler.collapsed span:nth-child(6) {
  top: 20px;
}

.navbar-toggler.collapsed span:nth-child(3),
.navbar-toggler.collapsed span:nth-child(4) {
  opacity: 1;
}


/* 4/14 & 4/15 and 4/18 cards */

.card-grid .card {
  box-shadow: 0 0.25rem 1rem rgb(0 0 0 / 0.3);
  border-radius: 15px;
  padding: 0;
  height: 100%;
  transition: .5s;
}

.card-grid .card-body {
  background: white;
  padding: 1rem;
  text-align: center;
  min-height:100px;
  border-radius: 0 0 15px 15px;
}

.card-grid .card-title {
margin: 0;
font-size: 1.75rem;
}

.card-grid .card-title a:after {
display: none;
}

.card-grid .card__img {
  width: 100%;
  aspect-ratio: 1 / 1.25;
  object-fit: cover;
  max-height:280px;
  border-radius: 15px 15px 0 0;
}

.card-grid .col-lg-4.col-md-6.mx-auto {
    margin-bottom: calc(var(--bs-gutter-x) * 1);
}

.card-grid .card:active,
.card-grid .card:hover {
    box-shadow: 0 0.25rem 1rem var(--primary-blue);
}

.card-grid .card:hover {
  transform: scale(1.05);
  transition: .5s;
}

.text-white a,
.text-white a:link,
.text-white a:visited {
  color: #fff;
  text-decoration: underline;
  text-decoration-color: var(--esc-primary);
}

.text-white a:hover,
.text-white a:active,
.text-white a:focus  {
    text-decoration: none;
}

.link-light a,
.link-light a:link,
.link-light a:visited,
a.link-light:link,
a.link-light:visited {
  color: #fff;
  text-decoration: underline;
}

.link-light a:hover,
.link-light a:active,
.link-light a:focus,
a.link-light:hover,
a.link-light:active,
a.link-light:focus {
    text-decoration: none;
    border-bottom: 1px solid rgba(154,155,154,.6);
}

footer .container-fluid {
	line-height: 1.5;
}

.panel {
  margin-bottom: 2em;
}

#breadcrumb div {
	padding: 0;
	padding-top: .1rem;
	margin-bottom: .15rem;
}

.message-banner a,
.message-banner a:link,
.message-banner a:visited {
     text-decoration: underline; 
}

.message-banner a:hover,
.message-banner a:active,
.message-banner a:focus {
   border-bottom: 1px solid rgba(154,155,154,.6);
}

/* Cookie Banner Styles 5/13 */

#cb-cookie-banner {
	background-color: rgba(0,0,0,0.3);
}

#cb-cookie-banner .modal-dialog {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
}

#cb-cookie-banner .modal-dialog {
max-width: none;
}

#cb-cookie-banner .modal-content p {
font-size: 1.2rem;
}

#cb-cookie-banner .modal-footer {
    justify-content: flex-start;
}

/* Fixing deeper menu styles 5/1 */

#collapseSubsite .slide .currentbranch0,
#collapseSubsite .slide .currentbranch1,
#collapseSubsite .slide .currentbranch2 {
    color: #7b3701;
    font-style: italic;
}

.test-unique-css {
      font-style: italic;
}

.emergency-banner {
    background: #fed84b;
    overflow: hidden;
    padding-top: 28px;
    padding-bottom: 28px;
}