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

:root {
	--bitterroot: #E0457B;
	--bitterroot_mid: #D12E66;
	--bitterroot_dark: #8E002E;
	
	--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-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;
}



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

.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 a:hover,
.link-override a:focus {
	color: var(--bitterroot);
}

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

.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);
/* 	background-color: var(--bitterroot); */
	width: 30px;
	height: 30px;
	padding: 5px;
	margin: 10px 5px;
/* 	margin-left: auto; */
	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%;
}

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

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

.half-width {
	width: 50%;
}

/* ---------------------------------------------------------- */
/* ------ 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;
/* 	width: 80%; */
/* 	margin: 10px auto; */
/* 	padding: 10px 0; */
/* 	background-color: red; */
}

/* SMALL SCREENS */

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

	.secondary-menu a {
		display: block;
	}
}
/* .fl-menu li .fl-has-submenu-container .submenu li, */
.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-top: 3px solid var(--gold_dark);
}

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);

}
/* ------ Super GENERIC CSS Building Blocks Medie 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;
	}
	
}
/* ------------------------------------------------------------ */
/* ------ END - Super GENERIC CSS Building Blocks - END ------- */
/* ------------------------------------------------------------ */


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

/* DIV TABLES ARE BEING REPLACED BY GRID TABLES - See grid-css.css */

/* .div-table_row {
    display: flex;
    justify-content: space-between;
	padding-top: 10px;
}

.div-table_headings {
    font-weight: bolder;
    background-color: var(--dark-gold);
    color: var(--skc-light);

}

.div-table_div-cell {
    text-align: center;
    margin: auto;
}

.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;
/* 	padding: 20px 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 Card Building Blocks ------- */
/* ------------------------------------------ */

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

.option-card h1,
.option-card h2,
.option-card h3,
.option-card h4,
.option-card h5,
.option-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 {
	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 {
	display: list-item;
	list-style: none;
	color: var(--skc-blue_light);
	transition: all .5s;
}

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

#hs-option {
	background: linear-gradient(180deg, rgba(16, 24, 32, .95), rgba(16, 24, 32, .40)), url("http://34.212.38.105/slater-theme-23/wp-content/uploads/2023/06/SEM-Lab-Student-Gallery-1.jpg");
}

#ug-option {
		background: linear-gradient(180deg, rgba(39, 59, 78, .95), rgba(39, 59, 78, .40)), url("http://34.212.38.105/slater-theme-23/wp-content/uploads/2023/06/RDII-Students-Walking-Gallery-1.jpg");
}

#grad-option {
		background: linear-gradient(180deg, rgba(16, 24, 32, .95), rgba(16, 24, 32, .40)), url("http://34.212.38.105/slater-theme-23/wp-content/uploads/2023/06/RDII-Student-Woman-Gallery-1.jpg");
}
#ceu-option {
	background: linear-gradient(180deg, rgba(39, 59, 78, .95), rgba(39, 59, 78, .40)), url("http://34.212.38.105/slater-theme-23/wp-content/uploads/2023/06/Library-Jordan-Carte-Gallery-1.jpg");
}

#adult-option {
	background: linear-gradient(180deg, rgb(16, 24, 32, .95), rgb(16, 24, 32, .40)), url("http://34.212.38.105/slater-theme-23/wp-content/uploads/2023/06/Library-In-Black-Gallery-1.jpg");
}

#equiv-option {
	background: linear-gradient(180deg, rgba(39, 59, 78, .95), rgba(39, 59, 78, .40)), url("http://34.212.38.105/slater-theme-23/wp-content/uploads/2023/06/DiscGolf-Gallery-1.jpg");
}

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

/* ------------------------------------------------------- */
/* ------ Option 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 {
		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 ------- */
/* ------------------------------------------------- */

/* ----------------------- DIV Tables to avoid HTML Tables ----------------------- */

/* .dTable {
  	display: table;
  	width: 100%;
}
.dTableRow {
  	display: table-row;
}
.dTableHeading {
  	display: table-header-group;
  	background-color: #ddd;
}
.dTableCell, .dTableHead {
  	display: table-cell;
  	padding: 3px 10px;
  	border-bottom: 1px solid #999999;
}
.dTableHeading {
  	display: table-header-group;
  	background-color: #ddd;
  	font-weight: bold;
}
.dTableFoot {
  	display: table-footer-group;
  	font-weight: bold;
  	background-color: #ddd;
}
.dTableBody {
  	display: table-row-group;
} */

/* ----- Tuition and Fees Table ----- */
/* .center-table {
    margin-left:auto; 
    margin-right:auto;
  } */

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

.bio-container {
/*     width: 50%; */
    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-contact_info_phone {
    
}

.bio-contact_info_email {
    
}

.bio-contact_info_location {
    
}

.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-contact_photo img {

    }

    .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_mid);
}

  /* CLASS TABLE - Responsive */

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

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

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

.resource-table {
	border: 3px solid red;
}
  

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

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

/* MQ STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width: 999px) {
  .visible\@l {
    display: none;
  }
  
  .class-table tbody tr,
	.resource-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,
	.resource-table td {
    /* padding: 20px; */
  }
}

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

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

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

@media (min-width: 1000px) {
  .hidden\@l {
    display: none;
    /*margin-right: 1rem;*/
  }

  .container {
    padding: 0 30px;
  }

  .class-table,
	.resource-table {
    border: none;
    /* border-bottom: 1px solid salmon; */
  }

  .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,
	.resource-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 ------------- */
/* ----------------------------------------------------- */



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

/* 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-table_row {
    padding: 1rem 2rem 1.5rem;
/* 	border-bottom: 2px solid purple; */
}

.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-container .grid-table_row:nth-child(odd) {
    background-color: var(--skc-gold);
}

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


.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;
/* 		border-bottom: 2px solid var(--dark-gold_60); */
    }
	
	.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);
/*         margin-top: 15px;
        margin-bottom: 25px; */
        border-radius: 10px 10px 10px 10px;
    }

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



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


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

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

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

/* ------------------------------------------------- */
/* ----- Basic GRID Table Element Styling ----- */
.grid-table-container, .grid-table-container_class-list {
/*     margin-top: 3rem;
    margin-bottom: 6rem; */
}


/* ------------------------------------------------- */
/* ----- 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-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 */


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


/* --------------------------------------------- */
/* ------ 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 ------- */
/* --------------------------------------------- */



/* --------------------------------------------- */
/* ------------ Contact Information ------------- */
/* --------------------------------------------- */
.contact-brs p {
    display: block;
    margin-bottom: .1rem;
}

/* --------------------------------------------- */
/* ------ END - Contact Information - END ------ */
/* --------------------------------------------- */