body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Source Sans 3", Helvetica, Arial, sans-serif;
}


/* * {
	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;
}

/* Hide on Desktop and larger */
.desktop-hide {
	display: none;
}

/* 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;
	}
	
	.desktop-hide {
		display: default;
	}
	
	.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_secondary_outline,
a.btn-skc_secondary_outline {
	background-color: none;
	color: var(--skc-black);
	border: 3px solid var(--skc-black);
	transition: all ease .5s;
}

.btn-skc_primary:hover,
.btn-skc_primary:focus,
.btn-skc_secondary:hover,
.btn-skc_secondary:focus,
.btn-skc_secondary_outline:hover,
.btn-skc_secondary_outline:focus,
a.btn-skc_primary:hover,
a.btn-skc_primary:focus,
a.btn-skc_secondary:hover,
a.btn-skc_secondary:focus,
a.btn-skc_secondary_outline:hover,
a.btn-skc_secondary_outline:focus
{
	background-color: var(--bitterroot);
	color: var(--skc-light);
}

.btn-skc_secondary_outline:hover,
.btn-skc_secondary_outline:focus,
a.btn-skc_secondary_outline:hover,
a.btn-skc_secondary_outline:focus {
	border: 3px solid #00000000
}
/* ------------------------------------------------- */
/* ------ 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 ----------- */
/* ----------------------------------------------------- */

/* ----------------------------------------------------- */
/* ---------- BEGIN - Hero + Callout Section - BEGIN ----------- */
/* ----------------------------------------------------- */

.hero-call-out_row {
    position: relative;
}

.hero-call-out_callout {
    position: absolute;
    top: 0;
    right: 10%;
    width: 250px;
    /*padding: 16px;*/
    background-image: url('https://www.skc.edu/wp-content/uploads/2026/02/HeroBadge-SVG-1.svg');
    background-size: 100% 100%;
}

@media (max-width: 768px) {
    .hero-call-out_callout {
        right: 0;
        width: 80%;
    }
    
}

/* ----------------------------------------------------- */
/* ---------- END - Hero + Callout Section - END ----------- */
/* ----------------------------------------------------- */


/* IMPORTED FROM GRID-CSS.CSS */


/* ----------------------------------- */
/* ------ Collective GRID Table ------- */
/* ----------------------------------- */

/* --------------------------------------------- */
/* ------ Collective GRID Table - MOBILE ------- */




/* -------------------------------- */
/* Basic GRID Table Building Blocks */

/* Generic Grids */
.grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12,
.grid-scholarships {
    display: grid;
/*     grid-template-columns: 1fr 3fr; */
/*     column-gap: 10px; */
	grid-gap: 10px;
}

/* Specific Grids */
.grid-tuition-fees, .grid-class-list, .grid-table_row {
    display: grid;
    grid-template-columns: 1fr 3fr;
    column-gap: 10px;
	border-bottom: 2px solid var(--dark-gold_60);
}

.grid-scholarships {
    display: grid;
    grid-template-columns: 1fr 3fr;
/*     column-gap: 10px; */
}

.grid-table_row {
    padding: 1rem 2rem 1.5rem;
}

.grid-table_heading-text,
.advisor-grid_special-note-heading {
    font-weight: bold;
}

/* .grid-table_heading-text_desktop {
    display: none;
} */

.grid-table_headings {
    display: none;
}

.grid-table_row p {
    margin-top: .3rem;
    margin-bottom: .3rem;
}

.grid-table_row:nth-child(odd) {
    background-color: var(--skc-gold);
}

.grid-table_row:nth-child(even) {
    background-color: var(--skc-light);
}

.grid-tuition-fees.full-time {
    font-weight: 700;
}




/* ---------------------------------------------- */
/* ------ Collective GRID Table - DESKTOP ------- */
@media (min-width: 900px) {

    /* -------------------------------- */
    /* Basic GRID Table Building Blocks */

    /* Generic Grids */
    .grid-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-3 {
        grid-template-columns: repeat(3, 1fr);

    }

    .grid-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .grid-5 {
        grid-template-columns: repeat(5, 1fr);
    }

    .grid-6 {
        grid-template-columns: repeat(6, 1fr);
    }

    .grid-7 {
        grid-template-columns: repeat(7, 1fr);
    }

    .grid-8 {
        grid-template-columns: repeat(8, 1fr);
    }

    .grid-9 {
        grid-template-columns: repeat(8, 1fr);
    }

    .grid-10 {
        grid-template-columns: repeat(10, 1fr);
    }

    .grid-11 {
        grid-template-columns: repeat(11, 1fr);
    }

    .grid-12 {
        grid-template-columns: repeat(12, 1fr);
    }

    /* Specific Grids */
    .grid-tuition-fees {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .grid-scholarships {
        grid-template-columns: .75fr 1fr 1fr 1fr 2fr 1fr 1fr 2fr;
    }

    .grid-class-list {
        grid-template-columns: 1.5fr 3fr 2fr 2fr 1fr 1fr 1.5fr 1fr 1fr 1fr 1fr;
    }
	
	.bison-schedule_grid p {
        text-align: center;
    }
	
	.advisor-grid {
	display: grid;
	grid-template-columns: 2.5fr 3fr 2fr 2fr 1fr;
	}

    .grid-2 p, .grid-3 p, .grid-4 p, .grid-5 p, .grid-6 p, .grid-7 p, .grid-8 p, .grid-9 p, .grid-10 p, .grid-11 p, .grid-1 p, .grid-scholarships p, .grid-tuition-fees p, .grid-class-list p, .advisor-grid p {
        overflow-wrap: anywhere;
        padding: .5rem;
    }

    .grid-table-container, .grid-table-container_class-list {
        box-shadow: 5px 5px 8px var(--dark-gold);
        border-radius: 10px 10px 10px 10px;
    }

    .grid-table-container {
		margin: auto;
		width: 100%;
    }
    
    .grid-table_row {
        display: grid;
        overflow: hidden;
        padding: 0;
    }



}

@media (max-width: 900px) {

    /* -------------------------------- */
    /* Basic GRID Table Building Blocks */

    /* Generic Grids */
/*     .grid-3 {
        grid-template-columns: 1fr;

    } */
/* ------------------------------------------------ */
/* ------ END - Collective GRID Table - END ------- */
/* ------------------------------------------------ */


/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */

/* ----------------------------------------- */
/* ------ GRID Table Element Styling ------- */
/* ----------------------------------------- */

/* -------------------------------------------------- */
/* ------ GRID Table Element Styling - MOBILE ------- */


/* ------------------------------------------------- */
/* ----- Class List GRID Table Element Styling ----- */

/* Online Synchronous */
.OLS {
    background-color: #A2D3DF;
}

/* Fact to Face */
.FTF {
    background-color: #f7c69e;
}

/* Online Asynchronous */
.OLA {
    background-color: #b1e1ad;
}

/* Online Face to Face */
.OLFTF,
.OSF {
    background-color: #f8e799;
}

.insCode {
    display: none;
}

/* ------------------- */
/* Basketball Schedule */
.home-game {
    background-color: var(--skc-light_95);
}

/* -------------------------------------------------- */
/* ------ GRID Table Element Styling - DESKTOP ------- */
@media (min-width: 900px) {
    /* ---------------------------------- */
    /* General GRID Table Element Styling */    
    .grid-table_heading-text {
        display: none;
    }

    .grid-table_heading-text_desktop {
        display: block;
        font-weight: bold;
    }

    .grid-table_headings {
        border-bottom: 2px solid var(--skc-grey_dark);
    }

    .grid-table-container .grid-table_row:first-child,
    .grid-table-container_class-list .grid-table_row:first-child {
        border-radius: 10px 10px 0px 0px;
    }

    .grid-table-container .grid-table_row:last-child,
    .grid-table-container_class-list .grid-class-list:last-child {
	
        border-radius: 0px 0px 10px 10px;
		border: none;
    }
    
    /* ---------------------------------------------- */
    /* Basketball Schedule GRID Table Element Styling */


}
	
	@media (max-width: 899px) {
		.grid-table_heading-text {
        display: block;
    }

    .grid-table_heading-text_desktop {
        display: none;
		}
	}
/* ----------------------------------------------------- */
/* ------ END - GRID Table Element Styling - END ------- */
/* ----------------------------------------------------- */


/* ----------------------------------------------------- */
/* ------------------- Advisor Grid -------------------- */
/* ----------------------------------------------------- */


.advisor-grid_special-note p {
    grid-column: 1/5;
}

.advisor-grid_special-note p:nth-child(1) {
    margin-bottom: -10px;
}

@media (max-width: 700px) {
    .advisor-grid_special-note p:nth-child(1) {
        margin-bottom: 0px;
    }
}

/* ----------------------------------------------------- */
/* ------------- END - Advisor Grid - END -------------- */
/* 

	
	
	
	
	
/* IMPORTED FOMR LAYOUT-CSS.css */





/* --------------------------------------------- */
/* ------ Generic Layout Building Blocks ------- */
/* --------------------------------------------- */

/* ------------------------------------------------------ */
/* ------ Generic Layout Building Blocks - MOBILE ------- */

/* ----- Text and Font Treatments ----- */
.all-caps-bold {
    text-transform: uppercase;
    font-weight: 700;
}


/* ----- Containers ----- */
.container-80, .container-60, .container-40, .container-20 {
    width: 90%;
    margin: auto;
}

/* ------------------------------------------------------- */
/* ------ Generic Layout Building Blocks - DESKTOP ------- */
@media (min-width: 900px) {


    /* ----- Containers ----- */
    .container-80 {
        width: 80%;
    }
    .container-60 {
        width: 60%;
    }
    .container-40 {
        width: 40%;
    }
    .container-20 {
        width: 20%;
    }

    .container-80, .container-60, .container-40, .container-20 {
        margin: auto;
    }
	
	/* Type in Columns */
	.columntype2 {
	column-count: 2;
	}

	.columntype4 {
		column-count: 4;
	}

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

@media (max-width: 1000px) {
	.columntype4 {
		column-count: 3;
	}
}

@media (max-width: 700px) {
		.columntype4,
		.columntype3,
		.columntype2 {
			column-count: 1;
		}

	}

/* --------------------------------------------- */
/* ------ END - Generic Layout Building Blocks - END ------- */
/* --------------------------------------------- */