/* * {
	box-sizing: border-box;
  font-family: 'Source Sans Pro', sans-serif;
} */

:root {
	--bitterroot: #E0457B;
	--bitterroot_light: #EA85A8;
	--bitterroot_dark: #9d1b48;
	
	--skc-gold: #dfc9a2;
	--mid-gold: #C6AB7C;
	--dark-gold: #4C3A1A;
	--dark-gold_60: #4C3A1A60;
	
	--skc-black: #101820;
	--skc-black_85: #223344;
	--skc-grey_dark: #726862;
	--skc-black_90op: rgba(16, 24, 32, 0.9);
	
	--skc-blue: #007BA9;
	--skc-blue_light: #33BAED;
	--skc-deep-water: #003e52;
	
	--skc-light: #F6F2EC;
	--skc-light_95: #F6F2EC95;
	
	--skc-light-pine: #676635;

	--skc-maroon: #88354d;

	--link-hover_light: #45e0aa;
	--link-hover_mid: #2ed198;
	--link-hover_dark: #008355;
	
	--skc-spacer_base: 1rem;
	--skc-spacer_mid: 2.25rem;
	--skc-spacer_large: 3.5rem;
	
}

/* ----------------------------------------- */
/* ---------------- Spacers ---------------- */
/* ----------------------------------------- */
.margin-spacer-base_top {
	margin-top: var(--skc-spacer_base);
}

.margin-spacer-mid_top {
	margin-top: var(--skc-spacer_base);
}

.margin-spacer-large_top {
	margin-top: var(--skc-spacer_base);
}


/* ----------------------------------------- */
/* ------ Color Only Building Blocks ------- */
/* ----------------------------------------- */

/* ---------- LIGHT SECTION ---------- */
/* Light sections use 
 * SKC Gold as their background color
 * SKC Black as their text color
 * Bitteroot Middle Tone as their link cover
 * Link Hover Middle Tone as their link hover and focus colors
 * SKC Dark Gold as their Heading and HR colors
*/

/* ---------- PRIMARY SECTION ---------- */
/* Primary sections use 
 * Site Customizer selected background, Link, Link Hover/Focus colors
 * Text, and Heading and HR colors are all the same as Light sections
 * 
 * Can probably removed all but the HR reference in custom-css.css file
 * 
*/


.light-section {
	background-color: var(--skc-gold);
	color: var(--skc-black);
}

.light-section h1,
.light-section h2,
.light-section h3,
.light-section h4,
.light-section h5,
.light-section h6 {
	color: var(--dark-gold)
}


.light-section a {
	color: var(--bitterroot_dark)
}

.light-section a:hover,
.light-section a:focus {
	color: var(--link-hover_dark)
}

/* ---------- Dark Section ---------- */
.dark-section {
	background-color: var(--skc-black);
	color: var(--skc-light);
	font-size: 1.125rem;
}

.dark-section h1,
.dark-section h2,
.dark-section h3,
.dark-section h4,
.dark-section h5,
.dark-section h6 {
	color: var(--skc-gold);
}

.dark-section a {
	color: var(--bitterroot);
}

.dark-section a:hover,
.dark-section a:focus {
	color: var(--link-hover_light);
}

/* White & Neutral Background */
/* Neutral means the same as Primary Section above so I removed it 12/7/2022
 * Gold means the same as Light Section above so I removed it 12/7/2022
 * White sections text, headings, and HRs are the same as Light and Primary above they've been removed 12/7/2022'*/
.white-section {
	background-color: var(--skc-light_95);
}

.white-section a {
	color: var(--bitterroot_dark);
}

.white-section a:hover, .white-bg a:focus {
	color: var(--link-hover_mid);
}
/* ----------------------------------------------------- */
/* ------ END - Color Only Building Blocks - END ------- */
/* ----------------------------------------------------- */


/* Link Overrides */
.link-override a {
	color: var(--skc-black_85);
}

.link-override_light a {
	color: var(--skc-light)
}

.link-override a:hover,
.link-override a:focus,
.link-override_light a:hover,
.link-override_light a:focus {
	color: var(--bitterroot);
}



/* ------------------------------------------ */
/* ----------- Text Treatments -------------- */
/* ------------------------------------------ */
/* Board Memeber Section */
.board-name {
    font-size: 1.35rem;
	font-weight: 600;
}

.text-lt {
	font-weight: 200;
}

.mobile-nav-heading>div>a:first-child {
	font-size: 1.5rem;
	font-weight: 600;
}

.mobile-top-bar {
	color: var(--mid-gold);
}

#menu-primary-mobile-menu li.mobile-top-bar a  {
	font-size: 1.35rem;
	font-weight: 200;
}

.fl-menu-mobile-close {
	font-size: 3rem;
	color: var(--skc-gold);
	width: 30px;
	height: 30px;
	padding: 5px;
	margin: 10px 5px;
	border-radius: 50%;
}

.fl-menu-mobile-close:hover,
.fl-menu-mobile-close:focus {
	background-color: var(--bitterroot);

}

.fl-node-vktae9yzchw5 .fl-menu-mobile-flyout {
	width: 75%;
}

/* Contact Area Headings */
.contact-heading h2 {
	font-size: 1.5rem;
}

/* ------------------------------------------ */
/* ------ END - Text Treatments - END ------- */
/* ------------------------------------------ */

/* ------------------------------------------ */
/* ------ Page Layout Building Blocks ------- */
/* ------------------------------------------ */
/* Sidebars */
.sidebar-short-left {
	border-right: 3px solid var(--skc-grey_dark);
}

.half-width {
	width: 50%;
}

.skc-img {
	height: 100%;
	object-fit: cover;
	
}

/* ---------------------------------------------------------- */
/* ------ Page Layout Building Blocks - Media Queries ------- */
/* ---------------------------------------------------------- */
@media screen and (max-width: 500px) {
	.sidebar-short-left {
		border-right: none;
	}
}
/* ------------------------------------------ */
/* ------ END - Page Layout Building Blocks - END ------- */
/* ------------------------------------------ */




/* ----------------------------------------- */
/* ------ Navigation Building Blocks ------- */
/* ----------------------------------------- */
.nav-sublist {
	padding-left: 15px;
}

/* ------- Secondary Menu ------- */
.secondary-menu {
	flex-direction: row;
	justify-content: space-between;
}


/* CHD Menu */
.secondary-menu_dropdown {
  position: relative;
  display: inline-block;
}

.secondary-menu-dropdown_content {
  display: none;
  position: absolute;
  color: #dfc9a2;
  background-color: #101820;
  width: 50vw;
  /*min-width: 160px;*/
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}

.secondary-menu_dropdown:hover .secondary-menu-dropdown_content {
  display: block;
}

/* SMALL SCREENS */

@media screen and (max-width: 500px) {
	.secondary-menu {
		flex-direction: column;
	}

	.secondary-menu a {
		display: block;
	}
}

.skc-submenu-item a,
.sub-menu > li > a {
	padding-left: 2rem;
}
/* ------------------------------------------------------ */
/* ------ END - Navigation  Building Blocks - END ------- */
/* ------------------------------------------------------ */

/* ------------------------------------------------ */
/* ------ Super GENERIC CSS Building Blocks ------- */
/* ------------------------------------------------ */

.on-hold {
	display: none;
}

.skc-flex {
	display: flex;
}

.skc-center_items {
	align-content: center;
}

.skc-no-bullets {
	list-style: none;
	padding-left: 0;
}

.skc-no-bullets_indented {
	list-style: none;
	padding-left: 5px;
}

.skc-center {
	align-self: center;
}

.skc-space-between {
	align-content: space-between;
}

/* Margin Auto to Center internal elements. */
.margin-auto {
	margin-left: auto;
	margin-right: auto;
}

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

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

/* Hide on Mobile default on larger */
.mobile-hide {
	display: default;
}

/* Horizontal Rule (custom not in BB) */
hr {
	border-color: #4C3A1A;
}

hr .skc-hr {
	border-top: 3px solid var(--gold_dark);
}

/* Standard Box Shadows */
.option-card,
.image-card,
.std-box-shadow {
	box-shadow: 10px 10px 4px var(--dark-gold_60);
}

/* ------ Type in Columns ------ */
.columntype2 {
	column-count: 2;
}

.columntype4 {
	column-count: 4;
}

.columntype3 {
	-webkit-column-count: 3;
	column-count: 3;
	column-width: 250px;
}

/* ------ Super GENERIC CSS Building Blocks Media Queries ------- */

@media screen and (max-width: 500px) {
	.center-left {
		text-align: start;
	}
}

/* ---------------------------------------------------------------- */
/* ------ Super GENERIC CSS Building Blocks - Media Queries ------- */
/* ---------------------------------------------------------------- */

/* SMALL SCREENS */
@media screen and (max-width: 500px) {
	.mobile-hide {
		display: none;
	}
	
	.skc-flex {
		flex-direction: column;
	}
	
	.skc-flex a {
		display: block;
	}
	
}

/* MEDIUM-LG SCREENS */
@media (max-width: 1000px) {
	.columntype4 {
		column-count: 3;
	}
}
/* MEDIUM-SM SCREENS */
@media (max-width: 700px) {
		.columntype4,
		.columntype2 {
			column-count: 1;
		}

	}
/* ------------------------------------------------------------ */
/* ------ END - Super GENERIC CSS Building Blocks - END ------- */
/* ------------------------------------------------------------ */


/* --------------------------------------------------------------------------------- */
/* ---------------------------- DIV Tables Part Deux ------------------------------- */
/* --------------------------------------------------------------------------------- */

.home-game {
    background-color: var(--skc-light);
}
/* |||||| END Div Tables Part Deux ||||| */


/* ------------------------------ */
/* ------ Generic Flexbox ------- */
/* ------------------------------ */
.three-col {
    width: 33.3%;
}

.four-col {
    width: 25%;
}

.five-col {
    width: 20%;
}

.six-col {
    width: 16.5%;
}

.seven-col {
    width: 14.28%;
}

.eight-col {
    width: 12.5%;
}

.nine-col {
    width: 11.1%;
}

.ten-col {
    width: 10%;
}

.flex-block {
	display: flex;
	justify-content: space-between;
}

/* -------- Generic Flexbox Media Queries --------  */
@media screen and (max-width: 700px) {
	.flex-block {
		display: block;
	}
}

/* ------------------------------------------ */
/* ------ END - Generic Flexbox - END ------- */
/* ------------------------------------------ */



/* -------------------------------- Color Bands ----------------------------------- */

.color-band_third {
	width: 33.3%;
	height: 10px;
}

.color-band_two-third {
	width: 66.6%;
	height: 10px;
}

.color-segment_deep-water {
	background-color: var(--skc-deep-water);
}

.color-segment_light-pine {
	background-color: var(--skc-light-pine);
}

.color-segment_lake-blue {
	background-color: var(--skc-blue);
}

.color-segment_maroon {
	background-color: var(--skc-maroon);
}

.color-segment_deep-water, .color-segment_light-pine, .color-segment_lake-blue, .color-segment_maroon, .color-segment_dark {
	width: 25%;
	content: "";
}

.target-block,
.target-block_half {
  display: flex;
  height: 10px;
  justify-content: space-between;
  margin: 0;
}

.target-block_half {
  width: 50%;
	background-color: yellow;
}

/* --------------------- End Color Block ---------------------- */

/* ------------------------------- */
/* ------ Generic CSS GRID ------- */
/* ------------------------------- */
.grid-8 {
	margin: 0 auto;
	display: grid;
	grid-gap: 1rem;
	grid-template-columns: repeat(2, 1fr);
}

/* ----------------------------------------------- */
/* ------ Generic CSS GRID - Media Queries ------- */
/* ----------------------------------------------- */
@media screen and (min-width: 450px) {
	.grid-8 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (min-width: 700px) {
	.grid-8 {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media screen and (min-width: 1001px) {
	.grid-8 {
		grid-template-columns: repeat(8, 1fr);
	}
}
/* -------------------------------------------- */
/* ------ END -  Generic CSS GRID - END ------- */
/* -------------------------------------------- */

/* ----------------------------------------- */
/* ------ Image Card Building Blocks ------- */
/* ----------------------------------------- */
.image-card {
	height: 300px;
	grid-column: span 2;
}

.image-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}

/* --------------------------------------------------------- */
/* ------ Image Card Building Blocks - MEDIA QUERIES ------- */
/* --------------------------------------------------------- */
@media screen and (min-width: 450px) {
	.image-card {
		height: 150px;
	}
}

@media screen and (min-width: 700px) {
	.image-card {
		height: 200px;
	}
}

@media screen and (min-width: 1001px) {
	.image-card {
		height: 300px;
	}
}

/* ----------------------------------------------------- */
/* ------ END - Image Card Building Blocks - END ------- */
/* ----------------------------------------------------- */

/* ------------------------------------------ */
/* ------ Option and Generic Card Building Blocks ------- */
/* ------------------------------------------ */

.option-card_gap, .generic-card_gap {
	column-gap: 2rem;
}

.option-card h1,
.option-card h2,
.option-card h3,
.option-card h4,
.option-card h5,
.option-card h6,
.generic-card h1,
.generic-card h2,
.generic-card h3,
.generic-card h4,
.generic-card h5,
.generic-card h6 {
	color: var(--skc-gold);
}

.option-card_container {
	margin: 0 auto;
	display: grid;
	grid-gap: 1rem;
	grid-template-columns: repeat(1, 1fr);
}

.option-card,
.generic-card {
	color: var(--skc-light);
	padding: 1.25rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.option-card #hs-option:hover {
	transform: scale(1.5);
}

.option-card a,
.generic-card a {
	display: list-item;
	list-style: none;
	color: var(--skc-blue_light);
	transition: all .5s;
}

.option-card a:hover,
.option-card a:focus,
.generic-card a:hover,
.generic-card a:focus {
	color: var(--skc-light);
}

#hs-option {
	background: linear-gradient(180deg, rgba(16, 24, 32, .95), rgba(16, 24, 32, .40)), url("https://www.skc.edu/wp-content/uploads/2023/03/Dual-Enrollment-Gallery-1.jpg");
}

#ug-option {
		background: linear-gradient(180deg, rgba(39, 59, 78, .95), rgba(39, 59, 78, .40)), url("https://www.skc.edu/wp-content/uploads/2023/02/Salish-Language-Gallery-9.jpg");
}

#grad-option {
		background: linear-gradient(180deg, rgba(16, 24, 32, .95), rgba(16, 24, 32, .40)), url("https://www.skc.edu/wp-content/uploads/2023/02/Governence-Gallery-3.jpg");
}
#ceu-option {
	background: linear-gradient(180deg, rgba(39, 59, 78, .95), rgba(39, 59, 78, .40)), url("https://www.skc.edu/wp-content/uploads/2023/02/Eva-Boyd-Gallery-3.jpg");
}

#adult-option {
	background: linear-gradient(180deg, rgb(16, 24, 32, .95), rgb(16, 24, 32, .40)), url("https://www.skc.edu/wp-content/uploads/2023/02/SEM-Gallery-1.jpg");
}

#equiv-option {
	background: linear-gradient(180deg, rgba(39, 59, 78, .95), rgba(39, 59, 78, .40)), url("https://www.skc.edu/wp-content/uploads/2023/02/Tutoring-Gallery-2-1.jpg");
}

/* Generic Cards */
#generic-card-1 {
	background: linear-gradient(180deg, rgba(16, 24, 32, .95), rgba(16, 24, 32, .40)), url("https://images.pexels.com/photos/12795/pexels-photo-12795.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1");
}

#generic-card-2 {
	background: linear-gradient(180deg, rgba(39, 59, 78, .95), rgba(39, 59, 78, .40)), url("https://images.pexels.com/photos/12801/pexels-photo-12801.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1");
}

#generic-card-3 {
	background: linear-gradient(180deg, rgba(39, 59, 78, .95), rgba(39, 59, 78, .40)), url("https://images.pexels.com/photos/800629/pexels-photo-800629.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1");
}

/* Native Focus Landing Page Cards */
#native-focus-card-1 {
	background: linear-gradient(180deg, rgba(16, 24, 32, .95), rgba(16, 24, 32, .55)), url("https://www.skc.edu/wp-content/uploads/2023/02/Cultural-Arts-Gallery-5.jpg");
}

#native-focus-card-2 {
	background: linear-gradient(180deg, rgba(16, 24, 32, .95), rgba(16, 24, 32, .55)), url("https://www.skc.edu/wp-content/uploads/2023/02/Governence-Gallery-6.jpg");
}

#native-focus-card-3 {
	background: linear-gradient(180deg, rgba(16, 24, 32, .95), rgba(16, 24, 32, .55)), url("https://www.skc.edu/wp-content/uploads/2023/04/Graduation-Gallery-5.jpg");
}

/* Giving Back Landing Page Cards */
#giving-card-1 {
	background: linear-gradient(180deg, rgba(16, 24, 32, .95), rgba(16, 24, 32, .55)), url("https://www.skc.edu/wp-content/uploads/2023/04/Graduation-Gallery-2.jpg");
}

#giving-card-2 {
	background: linear-gradient(180deg, rgba(16, 24, 32, .95), rgba(16, 24, 32, .55)), url("https://www.skc.edu/wp-content/uploads/2023/03/Business-Gallery-1.jpg");
}

#giving-card-3 {
	background: linear-gradient(180deg, rgba(16, 24, 32, .95), rgba(16, 24, 32, .55)), url("https://www.skc.edu/wp-content/uploads/2023/02/Student-Solor-Gallery-1.jpg");
}

/* Small Open College Landing Page Cards */
#small-card-1 {
	background: linear-gradient(180deg, rgba(16, 24, 32, .95), rgba(16, 24, 32, .55)), url("https://www.skc.edu/wp-content/uploads/2023/04/Digital-Design-Tech-Gallery-6.jpg");
}

#small-card-2 {
	background: linear-gradient(180deg, rgba(16, 24, 32, .95), rgba(16, 24, 32, .55)), url("https://www.skc.edu/wp-content/uploads/2023/02/Nkwuwils-NLTE-Gallery-1.jpg");
}

#small-card-3 {
	background: linear-gradient(180deg, rgba(16, 24, 32, .95), rgba(16, 24, 32, .55)), url("https://www.skc.edu/wp-content/uploads/2023/02/Beads-Gallery-2.jpg");
}

#hs-option, #ug-option, #grad-option, #das-option, #elders-option, #eq-option, #background-image-1, #background-image-2, #background-image-3, #native-focus-card-1, #native-focus-card-2, #native-focus-card-3  {
	background-size: cover;
	background-position: center center;
}

/* ------------------------------------------------------- */
/* ------ Option and Generic Cards Building Blocks - MEDIA BREAKS ------- */

@media screen and (min-width: 450px) {
	.option-card_container {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (min-width: 700px) {
	.option-card_container {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.option-card,
	.generic-card {
		overflow-wrap: break-word;
	}
}

@media screen and (min-width: 1001px) {
	.option-card_container {
		grid-template-columns: repeat(5, 1fr);
	}
}
/* ------------------------------------------------------ */
/* ------ END - Option Card Building Blocks - END ------- */
/* ------------------------------------------------------ */

/* -------------------------------------- */
/* ------ Buttons Building Blocks ------- */
/* -------------------------------------- */
.btn-skc {
	margin-top: .65rem;
	margin-bottom: 1.5rem;
	width: auto;
	margin: 1rem auto;
	padding: 1rem 2rem;
	border-radius: 8px;
	text-align: center;
	text-transform: capitalize;
	display: inline-block;
	font-size: 1.35rem;
	font-weight: 600;
	border: none;
}

.btn-skc_primary {
	background-color: var(--skc-black);
	color: var(--skc-light);
	transition: all ease .5s;
}

a.btn-skc_primary  {
	color: var(--skc-light);
}

.btn-skc_secondary {
	background-color: var(--skc-gold);
	color: var(--skc-black);
	transition: all ease .5s;
}

a.btn-skc_secondary {
	color: var(--skc-black);
}

.btn-skc_primary:hover,
.btn-skc_primary:focus,
.btn-skc_secondary:hover,
.btn-skc_secondary:focus,
a.btn-skc_primary:hover,
a.btn-skc_primary:focus,
a.btn-skc_secondary:hover,
a.btn-skc_secondary:focus
{
	background-color: var(--bitterroot);
	color: var(--skc-light);
}
/* ------------------------------------------------- */
/* ------ END - BUTTON Building Blocks - END ------- */
/* ------------------------------------------------- */

/* ------------------------------------------ */
/* ----------- Faculty Bio Row -------------- */
/* ------------------------------------------ */
.bio-container * {
    margin-top: 0;
    margin-bottom: 10px;
}

.bio-container {
    margin: 0 auto;
    padding: 2rem;;
}

.bio-contact {
    justify-content: flex-start;
}

.bio-contact_photo {
    width: 10vw;
    height: 10vw;
}

.bio-contact_photo img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 6px 6px 8px rgba(88, 75, 17, 0.454);
}

.bio-contact_info_container {
    display: flex;
}

.bio-contact_info {
    align-self: flex-end;
    padding-left: 1rem;
}

.bio-contact_info_name {

}

.bio-contact_info_position {
    font-weight: bolder;
    font-size: 1.25rem;
}

.bio-bio {
    width: 66.6%;
}

/* ------- Faculty Bio Row - Media Queries -------  */

@media screen and (max-width: 700px) {
    .bio-container {
        width: 80%;
    }

    .bio-contact_info {
        padding-left: 0;
    }

    .bio-contact_photo {
        width: 40vw;
        height: 40vw;
        margin: 0 auto 2rem;
    }

    .bio-bio {
        width: 100%;
    }
    
}


/* ------------------------------------------ */
/* ------ END - Faculty Bio Row - END ------- */
/* ------------------------------------------ */


/* ----------------------- MySKC Portal 2022 ----------------------- */
.link-group {
	padding-top: 2rem;
}

.link-group_heading {
	font-weight: 600;
}


/* ------------------------------------------ */
/* ----------- Class List Pages  ------------ */
/* ------------------------------------------ */

.f-center-h {
  align-content: center;
  margin: auto;
}

.fill-container {
  width: 100%;
}

.container-80 {
  width: 80vw;
}

#myInput,
#myInput2 {
    width: 100%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 12px 20px 12px 40px; /* Add some padding */
    border: none;
    background-color: var(--skc-light);
    border-radius: 15px;
    box-shadow: 5px 5px 5px var(--mid-gold);
    margin-bottom: 12px; /* Add some space below the input */
  }
  
#myInput::placeholder,
#myInput2::placeholder {
  color: var(--bitterroot_dark);
}

/* CLASS TABLE - Responsive */

  .class-table {
    width: 100%;
    word-break: break-word;
  }

.class-table {
    text-align: left;
  }
  
.class-table th {
    color: var(--skc-black);
    background: var(--skc-gold);
    padding: 10px;
  }
  
.class-table td {
    padding: 2px 6px;
  }

.class-table td:first-child {
    position: relative;
    padding-right: 60px;
  }
  
.class-table tbody {
    background-color: var(--skc-light);
}
  
.class-table tbody tr {
    border-bottom: 2px solid var(--skc-gold);
}

.table-credits {
    font-size: 12px;
}

.class-table tbody tr:hover {
  background-color: var(--bitterroot);
  color: var(--skc-light);
  cursor: default;
}

/* Academic Calendar Table */

.academic-calendar {
    width: 100%;
    word-break: break-word;
}

.academic-calendar th {
    color: var(--skc-black);
    background: var(--skc-gold);
    padding: 10px;
}

.academic-calendar td {
    padding: 2px 10px;
}

.academic-calendar tbody {
    background-color: var(--skc-light);
}

.academic-calendar tbody tr {
    border-bottom: 2px solid var(--skc-gold);
    transition: all .5s;
}

.academic-calendar tbody tr:hover,
.academic-calendar tbody tr:focus {
    background-color: var(--bitterroot);
    color: var(--skc-light);
    cursor: default;
}


/* Academic Calendar Table Media Queries */
@media (max-width: 999px) {
    .academic-calendar tr {
        display: flex;
        flex-direction: column;
    }
	
	.academic-calendar tr td strong {
		width: 4rem;
		display: inline-block;
	}
}

/* END Academic Calendar Table */


/* MQ STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width: 999px) {
  .visible\@l {
    display: none;
  }
  
  .class-table tbody tr {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  
  .class-table tbody tr td:nth-child(1),
  .class-table tbody tr td:nth-child(2),
  .class-table tbody tr td:nth-child(3),
  .class-table tbody tr td:nth-child(4),
  .class-table tbody tr td:nth-child(9) {
      grid-column: 1 / 5;
  }
  
  .class-table tbody tr td:nth-child(5),
  .class-table tbody tr td:nth-child(7),
  .class-table tbody tr td:nth-child(10) {
      grid-column: 1 / 3;
  }
    
  .class-table tbody tr td:nth-child(6),
  .class-table tbody tr td:nth-child(8),
  .class-table tbody tr td:nth-child(11) {
      grid-column: 3 / 5;
  }

}

@media (min-width: 700px) {
  .class-table td {
  }
}

@media (min-width: 700px) and (max-width: 999px) {
  .class-table tbody {
    display: flex;
    flex-wrap: wrap;
  }

  .class-table tbody tr {
    width: 100%;
  }
}

.hidden\@l {
    margin-right: 1rem;
}

@media (min-width: 1000px) {
  .hidden\@l {
    display: none;
  }

  .container {
    padding: 0 30px;
  }

  .class-table {
    border: none;
  }

  .class-table td:nth-child(1),
  .class-table th:nth-child(1) {
    width: 10%;
  }
  .class-table td:nth-child(2),
  .class-table th:nth-child(2) {
    width: 20%;
    max-width: 200px;
  }
  .class-table td:nth-child(3),
  .class-table th:nth-child(3) {
    width: 10%;
  }
  .class-table td:nth-child(4),
  .class-table th:nth-child(4) {
    width: 13%;
  }
  .class-table td:nth-child(5),
  .class-table th:nth-child(5) {
    width: 6%;
  }
  .class-table td:nth-child(6),
  .class-table th:nth-child(6) {
    width: 5%;
  }
  .class-table td:nth-child(7),
  .class-table th:nth-child(7) {
    width: 10%;
  }
  .class-table td:nth-child(8),
  .class-table th:nth-child(8) {
    width: 6%;
  }
  .class-table td:nth-child(9),
  .class-table th:nth-child(9) {
    width: 5%;
  }
  .class-table td:nth-child(10),
  .class-table th:nth-child(10) {
    width: 8%;
  }
  .class-table td:nth-child(11),
  .class-table th:nth-child(11) {
    width: 10%;
  }
  
  .class-table td:nth-child(5),
  .class-table th:nth-child(5),
  .class-table td:nth-child(6),
  .class-table th:nth-child(6),
  .class-table td:nth-child(7),
  .class-table th:nth-child(7),
  .class-table td:nth-child(8),
  .class-table th:nth-child(8),
  .class-table td:nth-child(9),
  .class-table th:nth-child(9) {
      text-align: center;
  }

  .class-table tbody tr {
    display: table-row;
  }

  .class-table tbody tr::before {
    display: none;
  }
}

@media (hover: hover) and (min-width: 1000px) {
  .class-table tbody tr:hover {
    cursor: pointer;
  }
  .class-table tbody tr:hover img {
    display: block;
  }

  .class-table tbody tr:hover td:first-child::before {
    display: block;
  }
}

/* ----------------------------------------------------- */
/* ---------- END - Class List Pages - END ------------- */
/* ----------------------------------------------------- */

/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ---------- START - SKC TABLE BASE TABLE + - END ------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */

/* BASE TABLE STYLES */

.skc-table {
    text-align: left;
    width: 100%;
    max-width: 1100px;
    margin: auto;
    border: none;
  }

  .skc-table thead, .skc-table tr {
    padding: 10px;
    transition: all .35s;
  }

  .skc-table thead {
    background: var(--mid-gold);
    color: var(--skc-black);    
  }
  
  .skc-table th, .skc-table td {
    padding: 10px;
  }
  
  .skc-table tbody {
    background-color: var(--skc-light);
  }
  
  .skc-table tbody tr {
    display: table-row;
    flex-wrap: wrap;
    border-bottom: 2px solid var(--skc-gold);
  }

  .skc-table tbody tr:nth-child(even) {
    background-color: var(--white);
  }

  .skc-table tbody tr:hover {
    background-color: var(--bitterroot);
    color: var(--skc-light);
	  border-bottom: 2px solid var(--bitterroot_dark);
  }

  .skc-table caption {
    color: var(--dark-gold);
    font-weight: 600;
    font-size: 1.2rem;
    text-align: left;
    text-transform: capitalize;
	  caption-side: top;
  }

  /* END BASE TABLE STYLES */

  /* INDIVDUAL TABLE STYLES */

  /* Class Table Start */

  .class-table td:nth-child(1) {
    width: 10%;
  }
  .class-table td:nth-child(2) {
    width: 20%;
  }

  .class-table td:nth-child(3) {
  width: 10%;
}
.class-table td:nth-child(4) {
  width: 13%;
}
.class-table td:nth-child(5) {
  width: 6%;
}
.class-table td:nth-child(6) {
  width: 5%;
}
.class-table td:nth-child(7) {
  width: 10%;
}
.class-table td:nth-child(8) {
  width: 6%;
}
.class-table td:nth-child(9) {
  width: 5%;
}
.class-table td:nth-child(10) {
  width: 8%;
}
.class-table td:nth-child(11) {
  width: 10%;
}

.class-table td:nth-child(5),
.class-table th:nth-child(5),
.class-table td:nth-child(6),
.class-table th:nth-child(6),
.class-table td:nth-child(7),
.class-table th:nth-child(7),
.class-table td:nth-child(8),
.class-table th:nth-child(8),
.class-table td:nth-child(9),
.class-table th:nth-child(9) {
    text-align: center;
}

  /* Class Table End */

  /* Advisor Table Start */

  /* Advisor Table End */


  /* ------------ MEDIA QUERIES ------------ */

/* Large (900px and up) */
  @media (min-width: 900px) {
    .hidden\@l {
        display: none;
    }
  }

  /* Medium (900px and smaller) */
  @media (max-width: 900px) {
    .skc-table tbody tr {
        display: grid;
    }

    .skc-table td {
        padding: 5px;
      }

    .skc-table td:nth-child(n) {
        width: 100%;
        text-align: left;
    }

    .skc-table td strong {
      display: inline-block;
/*       width: 30%; */
		padding-right: .75rem;
  }

    .visible\@l {
        display: none;
    }

    /* Class List Table - Medium */
    .class-table tr {
        grid-template-columns: 1fr 1fr;
    }

    .class-table tr td:nth-child(n) {
        width: 100%;
    }

    .class-table tr td:nth-child(1),
    .class-table tr td:nth-child(2),
    .class-table tr td:nth-child(3),
    .class-table tr td:nth-child(4),
    .class-table tr td:nth-child(9) {
        grid-column: 1 / 3;
    }

    .class-table tr td:nth-child(5),
    .class-table tr td:nth-child(7),
    .class-table tr td:nth-child(10) {
        grid-column: 1 / 2;
    }
    .class-table tr td:nth-child(6),
    .class-table tr td:nth-child(8),
    .class-table tr td:nth-child(11) {
        grid-column: 2 / 3;
    }


  }


/* ----------------------------------------------------- */
/* -------------- Graduation Program ------------------- */
/* ----------------------------------------------------- */

.graduation-div p {
	padding: .1rem 1rem;
}

.grad-program_flex {
    display: flex;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid #dfc9a2;
    column-gap: 100px;
}

.program-heading {
    font-weight: 600;
    width: 25%;
}

.grad-title {
    font-weight: 200;
}

.degree-header {
    background-color: #dfc9a2;
    font-weight: 600;
    font-size: 1.25rem;
    text-align: center;
    padding: .5rem 1rem;
    margin-top: 4rem;
    line-height: 1.1;
    text-transform: uppercase;
}

.degree-header:nth-child(1) {
    margin-top: 1rem;
}

.dept-header {
    font-weight: 600;
    font-size: 1.25rem;
    margin-top: 3rem;
    margin-bottom: .25rem;
    padding-bottom: .35rem;
    border-bottom: 2px solid #dfc9a2;
    
}

/* Media Query */

@media (max-width: 600px) {
    .program-info {
        margin-left: 20px;
    }
}

/* ----------------------------------------------------- */
/* ---------- END - Graduation Program - END ----------- */
/* ----------------------------------------------------- */