@import url('/assets/css/brand.css');


:root {


/* Overrides */

    --border-radius: 8px;

}

a {
	color: var(--primary);
}


.data-area p {
	margin-top: 1em !important;
}
.data-area {
	margin-left: 2%;
	width: 95%;
	border: 1px solid #000;
}
.data-area tbody tr {
	border-top: 1px solid #aaa;
}
.data-area tbody tr:nth-child(even) {
	background-color: #eaeaea;
}
.data-area thead tr {
	background-color: #ddd;
}
.data-area thead th {
	text-transform: lowercase;
	font-weight: bold;
}
.data-area thead th:first-letter {
	text-transform: uppercase;
}
.data-area th, .data-area td {
	padding: 4px 6px;
}

.topbanner{
	background:var(--primary);
	color:white;
	padding:2px 16px;
	width:100%;
	z-index:9990;
	min-height: 80px;
	line-height: 1.1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.topbanner a {
	color: white;
	text-decoration: underline;
}

.bg-primary {
  background-color: var(--primary);
  border-color: var(--primary);
  color:#fff;
}


.bg-secondary {
  background-color: var(--background);
  border-color: var(--background);
  color:#fff;

}

.c-white {
    color: var(--white);
}

.c-gray {
    color: var(--gray);
}

.c-black {
    color: var(--secondary);
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
}

.smaller-text {
	font-size: 11px;
	line-height: 12px;
}

.btn-primary {
	--bs-btn-color: white;
	--bs-btn-bg: var(--primary);
	--bs-btn-border-color: var(--primary);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--secondary);
	--bs-btn-hover-border-color: var(--secondary);
	--bs-btn-focus-shadow-rgb: 213, 93, 84;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--secondary);
	--bs-btn-active-border-color: var(--secondary);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #000;
	--bs-btn-disabled-bg:rgba(var(--color-primary-rgb,0.8));
	--bs-btn-disabled-border-color: var(--primary);
	border-radius: var(--border-radius);;
	padding-inline: 2rem;
	text-align: center;
	text-transform: uppercase;
}

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
    color: var(--primary);
    pointer-events: none;
    background-color: white;
    border-color: var(--primary);
    opacity: var(--bs-btn-disabled-opacity);
}

.btn-secondary {
	--bs-btn-color: var(--primary);
	--bs-btn-bg: white;
	--bs-btn-border-color: var(--primary);
	--bs-btn-hover-color: 
	--bs-btn-hover-bg: var(--secondary);
	--bs-btn-hover-border-color: var(--secondary);
	--bs-btn-focus-shadow-rgb: 213, 93, 84;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--secondary);
	--bs-btn-active-border-color: var(--secondary);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #000;
	--bs-btn-disabled-bg: var(--primary);
	--bs-btn-disabled-border-color: #898989;
	border-radius: var(--border-radius);;
	padding-inline: 2rem;
	text-align: center;
	text-transform: uppercase;
}

.btn-dark {
	border-radius: var(--border-radius);;
	padding-inline: 2rem;
	text-align: center;
	text-transform: uppercase;
}
.btn-outline-primary {
	--bs-btn-hover-color: #fff;
}

.table-striped > tbody > tr:nth-of-type(even) > * {
	--bs-table-striped-bg: #f8f9fa;
}
.table > :not(caption) > * > * {
	--bs-table-bg: #fcfcfc;
}

/* ----------------------------------------------------------------------------------------------------- */
/* ---------- TOP MENU FOR CUSTOM PAGES (Notifications, Live Training) ---------- */
/* ---------- We'll remove this once we update those pages with the standard html+css ---------- */
/* ----------------------------------------------------------------------------------------------------- */

.search-menu-bar {
    width: 100%;
}

.search-menu-bar .d-flex {
	gap: 3rem;
}

.search-menu-bar h1 {
    font-weight: 600;

    text-transform: uppercase;
}
/*
.search-menu-bar .search-wrapper input {
    width: 500px;
    background: transparent;
    border: none;
    padding: 0.5rem;
    padding-left: 0;
    font-size: 1.75rem;
    color: var(--white);
    border-bottom: 3px solid var(--light-gray);
    background: url("/assets/icons/magnifying-glass-solid-white.svg") no-repeat scroll 98% 13px;
    background-size: 32px;
    padding-right: 4rem;
}
}*/

input:focus {
    outline: 0;

}
.search-menu-bar .search-wrapper input::-webkit-input-placeholder {
    color: var(--light-gray);
    opacity: 1;
  }

.search-menu-bar .search-wrapper input::-moz-placeholder {
    color: var(--light-gray);
    opacity: 1;
  }

.search-menu-bar .search-wrapper input::-ms-input-placeholder {
    color: var(--light-gray);
    opacity: 1;
  }

.search-menu-bar .search-wrapper input:-ms-input-placeholder {
    color: var(--light-gray);
    opacity: 1;
  }

.search-menu-bar .search-wrapper input::placeholder {
    color: var(--light-gray);
    opacity: 1;
  }

.search-menu-bar .search-wrapper span {
    font-size: 2rem;
}

/* ======================= OPTIONS BAR =======================*/
.options-bar {
	margin-bottom: 1.5rem;
}
.options-bar .layout-options {
    gap: 0.5rem;
}

.options-bar .layout-options > div {
    background: var(--white);
    border-radius: var(--border-radius);;
    padding: 0.75rem;
    border: 1px solid var(--black);
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    cursor: pointer;
}

.options-bar .layout-options > div.active  {
    background: var(--primary);
}

.options-bar .layout-options > div svg path {
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    fill: var(--black);
}

.options-bar .layout-options > div.active svg path {
    fill: var(--white);
}

#sidebar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	position: fixed;
	min-width: 80px;
	max-width: 80px;
	/* transition: all 1s; */
	padding-bottom: 1rem;
	background-color: var(--gray);
	/*height: calc(100% - 120px);*/
	height: 100%;
	overflow-y: auto;
}

#sidebar.active {
	z-index: 3;
	min-width: 100%;
	max-width: 100%;
}

@media (min-width: 576px) {
	#sidebar.active {
		position: fixed;
		min-width: 320px;
		max-width: 320px;
	}
}

#sidebar-collapse {
	position: fixed;
	left: 5px;
	z-index: 4;
	border-radius: 50%;
	border: 0;
	height: 40px;
	width: 40px;
	padding: 2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#sidebar-collapse i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 30px;
	height: 30px;
	color: #fff;
	background-color: var(--primary);
	font-size: 1rem;
	padding: 0.5em;
	border: solid white 1px;
	border-radius: 50%;
}
#sidebar-collapse:not(.active) .fa-xmark {
	display: none;
}
#sidebar-collapse.active .fa-bars {
	display: none;
}

@media (min-width: 576px) {
	#sidebar-collapse {
		left: 47px;
		top: 90px; /* Height of header */
	}
	#sidebar-collapse.active {
		left: 286px;
	}

	#sidebar-collapse .icon-file {
		fill: #000;
	}
}

#sidebar-collapse .icon-file {
	display: inline-block;
	background-color: var(--primary);
}



#sidebar-collapse .icon-file svg {
	width: 2rem;
	height: 2rem;
}

#sidebar-collapse:hover {
	-webkit-filter: brightness(0.85);
	        filter: brightness(0.85);
}

#platforms {
	background-color: white;
	position: fixed;
	left: 2px;
	bottom: 0px;
}

@media (max-height: 750px) {
	#platforms {
		position: relative;
	}
}

#platforms .title {
	text-transform: uppercase;
	font-size: 14px;
	color: rgb(143, 145, 144);
	padding-left: 2rem;
	white-space: nowrap;
	display: none;
}

#sidebar.active #platforms .title {
	/* only display while sidebar open */
	display: block;
}

#platforms .nav-link {
	padding: 1rem 2rem 1rem 1.3rem;
}

#platforms .nav-link .unity {
	overflow: hidden;
}

@media screen and (max-height: 773px){
	#platforms {
		display: none;
	}
}

#program-grid {
	margin-bottom: 3rem;
}

.resources-grid .d-grid {
	grid-template-columns: 1fr 1fr 1fr;
	gap: 1.5rem;
}

@media screen and (max-width: 1200px){
	.resources-grid .d-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width: 767px){
	.resources-grid .d-grid {
		grid-template-columns: 1fr;
	}
}

#program-grid .card,
.resources-grid .card {
	background-color: white;

	height: 100%;
	border-radius: var(--border-radius);;
	border: 1px solid black;
	padding: 1rem;
	min-height: 375px;
}

#program-grid .card-title,
.resource-grids .card-title {
	font-weight: 600;
	font-size: 18px;
	margin-top: 25px;
	margin-bottom: 40px;
}

.resource-grids .card-title {
	margin-bottom: 20px;
}

#program-grid .card-body,
.resources-grid .card-body {
	padding: 0;
}

.resources-grid .card-body {
	margin-bottom: 1.5rem;
}

#program-grid .card-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: white;
	border-top: none;
	padding: 0;
}

@media screen and (max-width: 1650px) {
    #program-grid .card-footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: end !important;
            -ms-flex-align: end !important;
                align-items: flex-end !important;
        gap: 1.5rem;
    }
    #program-grid .card-footer > a {
        width: 100%;
        text-align: left;

    }
}

.resources-grid .card-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: white;
	border-top: none;
	padding: 0;
}

#program-grid .card-footer *,
.resources-grid .card-footer * {
	text-transform: uppercase;
	line-height: 2;
}

.resources-grid .card-footer a.btn {
	border-radius: var(--border-radius);;
	width: 100%;
  }

#program-grid .card-footer .fa-magnifying-glass {
	padding-right: 0.5rem;
}

#program-grid .card-footer .program-price {
	background: white;
	border-radius: var(--border-radius);;
	color: black;
	border: 1px solid black;
	font-size: 13px;
	white-space: nowrap;
}

#program-grid .card-footer a {
	font-size: 14px;
}

#program-grid .card .text-body-secondary a.btn-primary,
#program-grid .card .text-body-secondary a.btn-secondary {
	padding-block: 8px;
}

#program-grid .card-footer  a.details,
#program-grid .card-footer  a.details-link {
	font-size: 12px;
	text-decoration: none;
	color: var(--gray);
	/* padding-bottom: 20px; */
}


#program-grid .card-img-top {
	height: 260px;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
	border-radius: var(--border-radius);;
	margin-bottom: 1.5rem;
}

.resources-grid .card-img-top {
	border-radius: var(--border-radius);;
	margin-bottom: 1.5rem;
}

#program-grid .organizer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 40px;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#program-grid .logo {
	height: 30px;
}

#program-grid .logo img {
	width:auto;
	height: 100%;
	max-height: 40px;
}

#program-grid .program-type {
	font-size: 14px;
	min-width:175px;
	text-align: right;
}

#program-grid .program-type img {
	padding-right: 0.5rem;
	margin-top: -3px;
	max-width: 35px;
}

.page-link {
	background-color: white;
	color: inherit;
	margin-right: 0.6rem;
}

.sort-filter-layout {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 2rem;
}

.sort-filter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: rgb(143, 145, 144);
}

.form-select-btn {
	padding: 0 1rem;
	font-size: 1.5rem;
	color: rgb(143, 145, 144);
	line-height: 1;
}

.layout {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.sort-filter-layout .layout-options {
    gap: 0.5rem;
}

.sort-filter-layout .layout-options > div {
    background: var(--white);
    border-radius: var(--border-radius);;
    padding: 0.75rem;
    border: 1px solid black;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    cursor: pointer;
}

.sort-filter-layout .layout-options > div.active {
    background: black;
}

.sort-filter-layout .layout-options > div svg path {
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    fill: var(--black);
}

.sort-filter-layout .layout-options > div.active svg path {
    fill: var(--white);
}

#body-available-programs .sort-filter-layout .grid-layout,
#body-resources .sort-filter-layout .grid-layout {
	background-color: black;
}

#body-available-programs-list .sort-filter-layout .list-layout,
#body-resources-list .sort-filter-layout .list-layout {
	background-color: #000;
	color: white;
}

#body-available-programs-list .sort-filter-layout .list-layout i,
#body-resources-list .sort-filter-layout .list-layout i {
	background-color: #000;
}

.programs-panel .programs-filter .btn {
	color: #000;
	font-size: 1.5em;
}

.form-select {
	background-color: #fff;
	border-radius: var(--border-radius);;
	width: auto !important;
	font-size: 14px;
}

.form-control {
	width: auto;
	font-size: 14px;
}

#program-list {
	margin-bottom: 32px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column nowrap;
	        flex-flow: column nowrap;
	background-color: #fff;
	border-radius: 4px;
	background: transparent;
}

#program-list .program {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row nowrap;
	        flex-flow: row nowrap;
	width: calc(100% - 270px);
	min-height: 65px;
	margin-bottom: 0.5rem;
	background-color: white;
	border-radius: 5px;
}

#program-list .btn-primary {
	line-height: 1.35;
}

#program-list .info {
	width: calc(100% - 20px);
	cursor: pointer;
	padding-left: 1.5rem;
	padding-right: 0.5rem;
	-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
}

#program-list.programs-page .info {
	width: calc(100% - 70px);
}

#program-list.programs-page .program {
	width: calc(100% - 350px);
}

@media (min-width: 768px) {
	/* #program-list .info>* {
		width: 50% !important;
	} */

	#program-list .program-status {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: flex-end;
	}
}

@media (min-width: 992px) {
	#program-list .program .title {
		width: 50% !important;
	}

	#program-list .program .program-type {
		width: 20% !important;
	}

	#program-list .program .program-status {
		width: 27.5% !important;
	}

	#program-list .program .buttons {
		width: 250px !important;
	}
}

@media (max-width: 1600px) {
	#program-list.programs-page .info>* {
		width: 50% !important;
	}

	#program-list.programs-page .program-status {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: flex-end;
	}
	/* #program-list.programs-page .program-type {
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		padding-right: 0.5rem;
	} */
	#program-list.programs-page .info .buttons {
		width: 100% !important;
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
	}
}

@media (max-width: 767px) {
	#program-list.programs-page .info>* {
		width: 100% !important;
		margin-top: 0.5rem;
	}
}

@media screen and (max-width: 1500px){



	#program-list.programs-page .info>* {
		width: 100% !important;
		margin-top: 1rem;
	}
	#program-list.programs-page .info {
		padding-bottom: 4rem;
		width: 100%;
	}
	#program-list.programs-page .buttons {
		top: unset;
		bottom: 0.5rem;
	}
	#program-list.programs-page .program {
		width: 100%;
	}
}

@media screen and (max-width: 992px) {
	#program-list .program {
		width: 100%;
	}
	#program-list .program-type {
		width: 30% !important;
	}
	#program-list .title {
		width: 65% !important;
	}
	#program-list .program-status {
		width: 50% !important;
	}
	#program-list.programs-page .info {
		padding-bottom: 2rem;
	}
	#program-list.programs-page .info>* {
		margin-top: 0;
	}
}

@media screen and (max-width: 767px) {
	#program-list.programs-page .info {
		padding-bottom: 3rem;
	}
}

@media screen and (max-width: 476px) {
	#program-list.programs-page .info .title {
		margin-bottom: 2rem;
	}
}

.programs-panel #program-list .program .buttons {
	width: 160px !important;
}

#program-list .info i {
	color: #7d84a2;
}

#program-list .expires-soon .title i {
	color: var(--primary);
	font-size: 2em;
}

@media screen and (max-width: 768px) {
	#program-list .info {
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		padding-bottom: 3rem;
		width: 100%;
	}
	.programs-panel #program-list .program .buttons {
		width: 100% !important;
	}
	#program-list .program {
		width: 100%;
	}
}

@media screen and (max-width: 576px) {
	.programs-panel #program-list .program .buttons {
		width: auto !important;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		padding: 0 !important;
		padding-bottom: 0.5rem !important;
		margin-bottom: 1rem;
	}
	.programs-panel #program-list .in-progress .program-status {
		margin-bottom: 1rem;
		margin-top: 0.5rem;
	}
}

@media screen and (max-width: 476px) {
	.programs-panel #program-list .program,
	#program-list.programs-page .program {
		border-left: solid #f6f6f6 1px;
		padding-left: 1rem;
		position: relative;
	}
	.programs-panel #programs-accordion .accordion-button::before {
		margin-top: -140px;
	}
	#program-list.programs-page .accordion-button::before {
		margin-top: -110px;
	}
	.programs-panel .program .program-type,
	#program-list.programs-page .program .program-type {
		position: absolute;
		top: 2rem;
		right: 1rem;
	}
	#program-list.programs-page .program .program-type {
		max-width: 150px;
		top: 1.5rem;
	}
	#program-list.programs-page .info .buttons {
		padding-right: 1rem !important;
	}
}

@media screen and (max-width: 395px) {
	.programs-panel .program .program-type,
	#program-list.programs-page .program .program-type {
		max-width: 100px;
		-webkit-box-align: start !important;
		    -ms-flex-align: start !important;
		        align-items: flex-start !important;
	}
	.programs-panel .program .program-type .program-type-title,
	#program-list.programs-page .program .program-type-title {
		max-width: 80px;
	}
}

#program-list .logo {
	max-width: 100px;
	min-width: 100px;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	border-right: solid #f6f6f6 1px;
	border-left: solid #f6f6f6 1px;
}

#program-list .title {
	font-size: 13px;
	font-weight: 600;
	width: auto;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
}

#program-list .expires-soon .title {
	color: var(--primary);
}

@media (min-width: 768px) {
	#program-list .title {
		width: 45%;
	}
}

#program-list .expires-soon .expiry {
	font-weight: 400;
}

#program-list .program-type {
	width: auto;
	font-size: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#program-list .program-type-icon {
	width: 20px;
}

#program-list .program-status {
	font-size: 12px;
	width: auto;
}

@media (min-width: 768px) {
	#program-list .program-status {
		width: 30%;
	}
}

#program-list .in-progress .program-status {
	color: #a8a8a8;
}

#program-list .complete .program-status {
	color: #555555;
	font-weight: bold;
}

#program-list .buttons {
	position: absolute;
	top: 0.5rem;
	right: 1rem;
	z-index: 100;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 1rem;
}

.live-training #program-list .buttons {
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

@media screen and (max-width: 1500px){
	.live-training #program-list .buttons {
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
	}
}

@media screen and (max-width: 992px){
	#program-list .buttons {
		top: unset;
		bottom: 0.5rem;
	}
	#program-list .info > * {
		padding-bottom: 1.5rem !important;
	}
}

@media screen and (max-width: 767px){
	#program-list .info > * {
		padding-bottom: 1rem !important;
	}
}

#program-list .buttons > .btn {
	text-transform: uppercase;
	text-align: center;
	/* padding-left: 1rem; */
	/* padding-right: 1rem; */
	min-width: 160px;
}

#program-list .buttons .delivery {
	height: auto;
	padding: 0;
	margin: 0 auto;
}

#program-list .buttons > .btn {
	font-size: 13px;
	/* border-radius: 2px; */
}

#program-list .buttons > p {
	font-weight: 500;
	font-size: 14px;
}

#program-list.programs-page .program-buttons {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

#program-list.programs-page .program-body {
	margin-left: 0;
	gap: 2rem;
}

#programs-accordion .accordion-item {
	border: 0;
	margin-bottom: 1rem;
}

#program-list .accordion-item.already-registered .accordion-header{
	border: 2px solid var(--light-gray);
	border-radius: var(--border-radius);;
}

#program-list .accordion-item .accordion-header{
	border: 0;
	border-radius: var(--border-radius);;
	background-color: white !important;
	position: relative;
}

#programs-accordion .accordion-item .accordion-button {
	padding: 0 !important;
	-webkit-box-shadow: none !important;
	        box-shadow: none !important;
	background-color: white !important;
	border-radius: var(--border-radius);;
	-webkit-transition: border-radius 0.3s linear;
	-o-transition: border-radius 0.3s linear;
	transition: border-radius 0.3s linear;
	width: 100%;
}

@media screen and (max-width: 992px) {
	#programs-accordion .accordion-item .accordion-button {
		width: 100%;
	}
}

#programs-accordion .accordion-item .accordion-button:not(.collapsed) {
	-webkit-box-shadow: 0 20px 15px rgba(0, 0, 0, 0.05) !important;
	box-shadow: 0 20px 15px rgba(0, 0, 0, 0.05) !important;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

#programs-accordion .accordion-item .accordion-button:not(.collapsed) .title {
    color: var(--primary);
}

#programs-accordion .accordion-item .accordion-collapse {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

#programs-accordion .accordion-collapse {
	background-color: white !important;
}

#programs-accordion .accordion-button::after {
	display: none !important;
}

#programs-accordion .accordion-button::before {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	width: var(--bs-accordion-btn-icon-width);
	height: var(--bs-accordion-btn-icon-width);
	margin-inline: 32px;
	content: "";
	background-image: url("/assets/icons/chevron-down-solid.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-size: var(--bs-accordion-btn-icon-width);
	-webkit-transition: var(--bs-accordion-btn-icon-transition);
	-o-transition: var(--bs-accordion-btn-icon-transition);
	transition: var(--bs-accordion-btn-icon-transition);
}

#programs-accordion .accordion-button:not(.collapsed)::before {
	-webkit-transform: var(--bs-accordion-btn-icon-transform);
	    -ms-transform: var(--bs-accordion-btn-icon-transform);
	        transform: var(--bs-accordion-btn-icon-transform);
	background-image: url("/assets/icons/chevron-down-solid.svg");
}

#programs-accordion .program {
	margin: 0;
}

#programs-accordion .program-body {
	/*padding: 2rem 1rem;*/
	margin-left: 3rem;
}

#programs-accordion .program-body img {
	border-radius: var(--border-radius);;
	width: 40%;
	aspect-ratio: 3/2;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}

#programs-accordion .program-body {
	gap: 5rem;
}

#programs-accordion .program-body .program-buttons {
	gap: 1rem;
}

#programs-accordion .program-body .program-share {
	gap: 0.5rem;
}

#programs-accordion .program-body .program-text {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	font-size: 14px;
}

#programs-accordion .program-body .program-text .btn-primary,
#programs-accordion .program-body .program-text .viewdetails {
	margin-top: 2rem;
	font-size: 13px;
}

#programs-accordion .program-body .program-body-title {
	margin-bottom: 0.5rem;
	font-size: 1.3rem;
	font-weight: 600;
}

#programs-accordion .program-share svg {
	cursor: pointer;
	width: 2rem;
	height: 2rem;
}

#programs-accordion .program-share svg path {
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

#programs-accordion .program-share svg:hover path {
	fill: var(--secondary);
}

@media screen and (max-width: 1200px) {
	#programs-accordion .program-body {
		gap: 3rem;
	}
}

#programs-accordion .program-body .btn > svg {
	width: 1rem;
	height: 1rem;
	margin-right: 5px;
	margin-top: -1px;
}

#programs-accordion .program-body .btn > svg path {
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

#programs-accordion .program-body .btn:hover svg path {
	fill: var(--white);
}

@media screen and (max-width: 1027px) {
	#programs-accordion .program-body {
		gap: 1.5rem;
	}
}

@media screen and (max-width: 992px) {
	#programs-accordion .program-body {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
		gap: 3rem;
	}
	#programs-accordion .program-body img {
		width: 100%;
	}
	#programs-accordion .program-body .program-body-title {
		margin-top: 2rem;
	}
	#programs-accordion .program-body {
		margin: 0;
	}
}

@media screen and (max-width: 660px) {
	#programs-accordion .program-body .program-buttons {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}

@media screen and (max-width: 476px) {
	#programs-accordion .accordion-button::before {
		margin-inline: 16px;
	}
	#programs-accordion .accordion-item .accordion-button {
		position: relative;
	}
	#program-list .program {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	#program-list .logo {
		border: none;
		padding-left: 0;
		margin-block: 1rem;
	}
	#program-list .info {
		padding: 0 !important;
		padding-bottom: 2rem !important;
	}
	#program-list .buttons {
		right: unset;
		left: 3.8rem;
	}
	#program-list .program-text p {
		font-size: 14px;
	}
	#programs-accordion .program-body {
		padding: 0;
		padding-top: 1rem;
	}
	#programs-accordion .program-body .program-share {
		width: 100%;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
	}
	#programs-accordion .program-text > .d-flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	#programs-accordion .program-body .program-buttons {
		width: 100%;
	}
}

@media screen and (max-width: 390px) {
	#programs-accordion .program-text > .d-flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
		-webkit-box-align: start !important;
		    -ms-flex-align: start !important;
		        align-items: flex-start !important;
		gap: 1rem;
	}
}

/* .shopping-cart .table th,
.shopping-cart .table td {
	font-size: 0.75rem;
}

.shopping-cart th {
	text-transform: uppercase;
}

.shopping-cart .main-headings th {
	background-color: black;
	color: white;
}

.shopping-cart .checkbox>i {
	font-size: 1.5rem;
	color: #ccc;
}

.shopping-cart .logo {
	width: 140px;
}

.shopping-cart .title {
	font-weight: 600;
}

.shopping-cart .number {
	width: 60px;
	text-align: right;
}

.shopping-cart .program-details thead th {
	background-color: #f7f7f9;
}
.shopping-cart .program-details tbody td {
	background-color: #fff;
}

.shopping-cart .program-details th,
.shopping-cart .program-details td {
	border: 1px solid #e8e8e8;
}
.shopping-cart .program-details caption {
	color: black;
}

.shopping-cart .btn-primary {
	font-size: 0.75rem;
} */

.shopping-cart {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	gap: 2rem;
}

.shopping-cart .page-white {
	border-radius: var(--border-radius);;
	width: 100%;
}

.shopping-cart .main-headings > * {
	border-bottom: 3px solid var(--secondary);
}

.shopping-cart h2 {
	font-weight: 600;
	white-space: nowrap;
}

.shopping-cart .page-white > table {
	width: 100%;
}

.shopping-cart .page-white > table tbody {
	background: #fcfcfc;
}

.shopping-cart .page-white > table > tbody > tr {
	border-top: 1px solid#dde1e6;
}

.shopping-cart .page-white > table td {
	vertical-align: top;
	padding-top: 2.5rem;
	padding-bottom: 0;
}

.shopping-cart .page-white > table > tbody > tr > td {
	padding-bottom: 2.5rem;
}

.shopping-cart .page-white > table > tbody > tr > td:first-of-type {
	padding-left: 2.5rem;
}

.shopping-cart .page-white > table > tbody > tr > td:last-of-type {
	padding-right: 2.5rem;
}

.shopping-cart .page-white > table td.td-image-desktop,
.shopping-cart .page-white > table td.td-image {
	width: 300px;
	padding-right: 2.5rem;
}

.shopping-cart .page-white > table td.td-image-mobile {
	display: none;
}

.shopping-cart .page-white > table td.td-image-desktop img,
.shopping-cart .page-white > table td.td-image img {
	border-radius: var(--border-radius);;
	width: 300px;
	height: 200px;
	-o-object-fit: cover;
	   object-fit: cover;
}

.shopping-cart .page-white .right-table {
	width: 100%;
}

.shopping-cart .page-white h4 {
	color: #666;
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 1rem;
}

.shopping-cart .page-white .border-table {
	width: 60%;
}

.shopping-cart .page-white .border-table thead {
	background: #f7f7f9;
}

.shopping-cart .page-white .border-table thead th {
	padding: 0.75rem 0.5rem;
	border: 1px solid #ccc;
}

.shopping-cart .page-white .border-table thead th:first-of-type {
	width: 250px;
}

.shopping-cart .page-white .border-table thead th:last-of-type {
	width: 350px;
}

.shopping-cart .page-white .border-table tbody td {
	padding: 0.75rem 0.5rem;
	border: 1px solid #ccc;
}

.shopping-cart .page-white td.td-number {
	text-align: right;
	width: 100px;
}

.shopping-cart .page-white td.td-delete {
	text-align: right;
	padding-left: 3rem;
	width: 30px;
}

.shopping-cart .page-white td.td-delete svg {
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.shopping-cart .page-white td.td-delete svg path {
	fill: var(--gray);
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.shopping-cart .page-white td.td-delete svg:hover path {
	fill: var(--primary);
}

.shopping-cart .page-white td.td-right {
	text-align: right;
}

.shopping-cart .page-white td.td-bold {
	font-weight: 600;
}

.shopping-cart .page-white.smaller {
	width: 70%;
}

.shopping-cart .page-white.smaller > table td {
	vertical-align: middle !important;
}

.shopping-cart .page-white.smaller td.td-right {
	width: 35%;
}

.shopping-cart .page-white td.td-input label {
	padding: 0.5rem 1rem;
	background: #e9ecef;
	font-weight: 500;
	min-width: 150px;
	text-align: center;
}

.shopping-cart .page-white td.td-input input {
	border: 1px solid var(--light-gray);
	padding-inline: 0.5rem;
	color: var(--secondary);
}

.price-delete-mobile {
	display: none;
}

.shopping-cart .page-white .th-price {
	padding-right: 5rem;
}

@media screen and (max-width: 1600px){
	.shopping-cart .page-white > table td.td-table {
		padding-left: 1rem;
		padding-right: 1rem !important;
	}
	.shopping-cart .page-white > table td.td-image-desktop img,
	.shopping-cart .page-white > table td.td-image img {
		width: 250px;
		aspect-ratio: 3/2;
		height: unset;
	}
	.shopping-cart .page-white.smaller {
		width: 90%;
	}
	.shopping-cart .page-white.smaller td.td-input {
		width: 400px;
	}
	.shopping-cart .page-white.smaller td.td-input input {
		width: 250px;
	}
	.shopping-cart .page-white .border-table {
		width: 70%;
	}
	.shopping-cart .page-white .th-price {
		padding-right: 3.2rem;
	}
}

@media screen and (max-width: 1400px){
	.shopping-cart .page-white .border-table {
		width: 100%;
	}
	.shopping-cart .page-white .th-price {
		padding-right: 4.1rem;
	}
}

@media screen and (max-width: 1200px) {
	.shopping-cart .page-white > table > tbody > tr > td:first-of-type {
		padding-left: 2rem;
	}
	.shopping-cart .page-white > table > tbody > tr > td:last-of-type {
		padding-right: 2rem;
	}
	.shopping-cart .page-white > table td {
		padding-block: 1.5rem;
	}
	.shopping-cart .page-white > table td.td-image-desktop,
	.shopping-cart .page-white > table td.td-image {
		width: 200px;
	}
	.shopping-cart .page-white > table td.td-image-desktop img,
	.shopping-cart .page-white > table td.td-image img {
		width: 200px;
	}
	.shopping-cart .page-white.smaller {
		width: 100%;
	}
	.shopping-cart .page-white .td-border-table {
		padding-block: 0 !important;
	}
	.shopping-cart .page-white .th-price {
		padding-right: 3.6rem;
	}
}

@media screen and (max-width: 992px) {
	.shopping-cart .page-white.smaller td.td-input {
		width: 250px;
	}
	.shopping-cart .page-white.smaller td.td-input input {
		width: 130px;
	}
	.shopping-cart .page-white td.td-input label {
		min-width: 120px;
		font-size: 12px;
	}
	.shopping-cart .page-white.smaller td.td-right {
		font-size: 14px;
	}
	.shopping-cart .credit-card div:first-of-type {
		font-size: 14px;
	}
	.shopping-cart .page-white > table td.td-image-desktop {
		display: none;
	}
	.shopping-cart .page-white > table td.td-image-mobile {
		display: block;
	}
	.shopping-cart .page-white > table td.td-image-mobile,
	.shopping-cart .page-white > table td.td-image {
		width: 150px;
		margin-right: 1.5rem;
	}
	.shopping-cart .page-white > table td.td-image-mobile img,
	.shopping-cart .page-white > table td.td-image img {
		border-radius: var(--border-radius);;
		width: 150px;
		height: 100px;
		-o-object-fit: cover;
		   object-fit: cover;
	}
	.shopping-cart .page-white td.td-delete {
		padding-left: 2rem;
	}
	.shopping-cart .main-headings > *:last-child {
		border-bottom: 0;
	}
	.shopping-cart .page-white td.td-number {
		display: none;
	}
	.shopping-cart .page-white td.td-delete {
		display: none;
	}
	.shopping-cart .page-white > table td.td-table {
		padding-top: 3rem !important;
		position: relative;
	}
	.price-delete-mobile {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: absolute;
		top: 1.5rem;
		right: 1rem;
		gap: 1.5rem;
	}
	.price-delete-mobile svg {
		width: 24px;
		height: 24px;
		cursor: pointer;
	}
	.price-delete-mobile svg path {
		fill: var(--gray);
		-webkit-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}

	.price-delete-mobile svg:hover path {
		fill: var(--primary);
	}
	.shopping-cart .page-white .th-price {
		padding-right: 4rem;
	}

	.shopping-cart h2 {
	white-space: pre-wrap;
	}

}

@media screen and (max-width: 767px) {
	.shopping-cart .page-white > table td.td-image-mobile {
		width: 100px;
		margin-right: 1rem;
	}
	.shopping-cart .page-white > table td.td-image-mobile img {
		width: 100px;
		height: 70px;
	}
}


@media screen and (max-width: 576px) {
	.shopping-cart .page-white {
		padding: 0.5rem 1rem 1rem 1rem;
	}
}

.payment-information {
	width: 100%;
}

.payment-information th {
	background-color: #e9ecf0;
	line-height: 200%;
	padding: 1rem;
}

.payment-information td {
	padding: 1rem;
}

.payment-information th .payment-header-title {
	font-weight: 600;
}

.payment-information th .payment-header-body {
	font-weight: 500;
	font-size: 0.75rem;
}

.payment-information td .security-text {
	margin-right: 1rem;
	font-size: 0.75rem;
	font-weight: 500;
}

.payment-information .credit-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.payment-information .credit-card .d-flex {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.payment-information .credit-card .form-control::-webkit-input-placeholder {
	color: rgb(143, 145, 144);
	font-size: 0.75rem;
}

.payment-information .credit-card .form-control::-moz-placeholder {
	color: rgb(143, 145, 144);
	font-size: 0.75rem;
}

.payment-information .credit-card .form-control:-ms-input-placeholder {
	color: rgb(143, 145, 144);
	font-size: 0.75rem;
}

.payment-information .credit-card .form-control::-ms-input-placeholder {
	color: rgb(143, 145, 144);
	font-size: 0.75rem;
}

.payment-information .credit-card .form-control::placeholder {
	color: rgb(143, 145, 144);
	font-size: 0.75rem;
}

.payment-information .credit-card .card-icon {
	color: rgb(143, 145, 144);
	margin-right: 0.5rem;
}

.payment-information .credit-card .card-number {
	width: 200px;
	margin-right: 0.5rem;
}

.payment-information .credit-card .card-expiry {
	width: 80px;
	margin-right: 0.5rem;
}

.payment-information .credit-card .card-cvc {
	width: 60px;
}

.payment-information .payment-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.payment-information .payment-button button {
	text-transform: uppercase;
}

.coupon-section table td {
	width: 100%;
}

.coupon-section .mobile-only {
	display: none;
}

.coupon-section td.padding-right-desktop {
	padding-right: 2rem;
}

.shopping-cart .page-white.smaller tr:nth-of-type(2) {
	display: none;
}

@media screen and (max-width: 767px) {
	.coupon-section .no-mobile {
		display: none;
	}
	.coupon-section .mobile-only {
		display: inline-block;
		width: 100%;
	}
	.shopping-cart .page-white.smaller tr:nth-of-type(2) {
		display:contents
	}
	.shopping-cart .page-white.smaller tr:nth-of-type(1) {
		border-bottom: 1px solid #dde1e6;
	}
	.shopping-cart .page-white.smaller td.td-input {
		width: 100%;
		padding-left: 1rem;
	}
	.shopping-cart .page-white.smaller td {
		padding-bottom: 1.5rem !important;
	}
	.shopping-cart .page-white.smaller td.td-right.text {
		padding-right: 1.5rem;
	}
}

.shopping-cart .page-white.payment-info {
	padding-top: 3.5rem;
}

@media screen and (max-width: 768px) {
	.payment-information .credit-card {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		gap: 1rem;
	}
	.payment-information .credit-card .card-number {
		width: 100%;
	}
	.payment-information .credit-card .d-flex {
		width: 100%;
	}
}

@media screen and (max-width: 576px) {
	.shopping-cart .page-white.payment-info {
		padding-top: 1rem;
	}
	.payment-information th {
		line-height: 140%;
	}
	.payment-information .payment-button {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 1rem;
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: flex-end;
	}
}

@media screen and (max-width: 476px){
	.shopping-cart .page-white.smaller td.td-input .d-flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.shopping-cart .page-white.smaller td.td-input input {
		width: 100%;
	}
}

.resource-grids .resource-group {
	padding: 2rem 1.5rem;
	margin-bottom: 3rem;
}

.resource-grids .resource-group {
	background-color: #f1f1f1;
	border-radius: var(--border-radius);;
}

.resource-grids .card-text {
	font-size: 0.9rem;
}

.resources-list .resource-list-item {
	border-radius: var(--border-radius);;
	background: white;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	gap: 1.5rem;
	padding: 1rem;
	margin-bottom: 1rem;
}

.coaching .resources-list .resource-list-item {
	border: 1px solid var(--light-gray);
}

.resources-list .resource-list-item .title-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 1rem;
}

.resources-list .resource-list-item .title {
	font-size: 1.25rem;
	font-weight: 600;
}

@media screen and (max-width: 768px) {
	.resources-list .resource-list-item .title {
		font-size: 1rem;
	}
}

.resources-list .resource-list-item .number {
	margin-right: 10px;
}

@media screen and (max-width: 576px){
	.resources-list .resource-list-item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: flex-end;
	}
	.resources-list .resource-list-item .title-group {
		width: 100%;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
}

/* ----------------------------------------
#header
---------------------------------------- */
#header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	position: fixed;
	width: 100%;
	z-index: 10;
	height: 90px;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 4px 4px rgba(143, 145, 144, 0.2);
	        box-shadow: 0 2px 4px 4px rgba(143, 145, 144, 0.2);
}

@media (max-width: 576px) {
	#header {
		position: fixed;
		height: 90px;
		width: 100%;
	}

	main {
		padding-top: 91px;
	}
}

#header .navbar {
	width: 100%;
}

#header .logo {
	height:70px;
}

#header .controls {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#header .controls .account-info {

	position: relative;
}
#header .btn,
#header .btn:hover {
	border:0;
}

#header .controls .account-info .dropdown-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	cursor: pointer;
}

#header .controls .account-info .persona {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 40px;
	height: 40px;
	margin-right: 0.5rem;
	color: white;
	background-color: var(--primary);
	border: none;
	border-radius: 50%;
}

#header .controls .account-info .account-name {
	margin-right: 0.5rem;
	color: var(--primary);
}
#header .controls .account-info i {
	color: var(--primary);
	font-size: 0.8rem;
}

#header .controls .account-info .dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 10;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	border-radius: var(--border-radius);;
	padding-block: 0.5rem;
}

#header .controls .account-info:hover .dropdown-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#header .controls .account-info .dropdown-content a {
	padding: 0.5rem 1rem;
	color: var(--primary);
	opacity: 0.7;
	float: none;
	font-size: 14px;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	text-decoration: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#header .controls .account-info .dropdown-content a:hover {
	opacity: 1;
}

#header .controls .account-info .dropdown-content a i {
	width: 24px;
	font-size: 1rem;
	margin-right: 0.5rem;
}

#header .controls .notifications i {
	font-size: 1.75rem;
	color: var(--primary);
}

#header .controls .notifications .badge,
#header .controls .notifications .cart-badge {
	top: 10px;
}

#header .controls .shopping-cart i {
	font-size: 1.75rem;
	color: var(--primary);
	position: relative;
	padding-right: 2rem;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#header .controls .shopping-cart span badge {
	color: white;
	position: absolute;
	top: 60%;
	right: 20%;
	background: var(--primary);
}


#header .controls .btn:active {
	background-color: white;
	border-color: white;
}


@media screen and (max-width: 768px) {
	/*#header .controls .shopping-cart {
		font-size: 1.25rem;
		padding-right: 1.5rem;
	}*/
	#header .controls .account-info .persona {
		width: 32px;
		height: 32px;
	}
	#header .controls .account-info > .btn.mx-3 {
		margin-inline: 0rem !important;
		font-size: 14px;
		width: 70px !important;
	}
}

/* ----------------------------------------
#footer
---------------------------------------- */
body {

	bottom: 120px;
}

/* ----------------------------------------
#primary-container
---------------------------------------- */
#primary-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	width: 100%;
	background-color: #fff;

	overflow-x: hidden; /* Prevent horizontal scrollbar while menu is open */
	position: relative;
}
@media (min-width: 576px) {
	#primary-container {
		padding-top: 90px; /* Height of header */
	}
}

/* ----------------------------------------
.page-header
---------------------------------------- */
.page-header {
	position: relative;
	/*margin-top: 60px; */
	/* padding: 0 2rem; */
}

.page-header-img img {
	-o-object-fit: cover;
	   object-fit: cover;
	height: 300px;
	-o-object-position: 75% 0;
	   object-position: 75% 0;
	border-radius: var(--border-radius);;
	width: 100%;
	height: 300px;
}

@media (max-width: 576px) {
	.page-header-img img {
		height: 325px;
	}
}

@media (min-width: 768px) {
	.page-header-img img {
		-o-object-position: 70% 0;
		   object-position: 70% 0;
	}
}

@media (min-width: 992px) {
	.page-header-img img {
		height: auto;
	}
}

.page-header-overlay {
	position: absolute;
	width: 175px;
	top: -20px;
	right: 6%;
	border-radius: var(--border-radius);;
}

@media (max-width: 576px) {
	.page-header-overlay {
		width: 200px;
		top: -30px;
		right: 10%;
	}
}

.page-header-title {
	position: absolute;
	bottom: 5%;
	left: 50px;
	font-size: calc(0.25rem + 1.5vw);
	font-weight: 600;
	text-transform: uppercase;
	z-index: 1;
	color: white;
}

@media (max-width: 992px) {
	.page-header-title {
		font-size: calc(0.5rem + 2vw);
		bottom: 8%;
	}
}

@media (max-width: 576px) {
	.page-header-title {
		font-size: 2em;
		bottom: 8%;
	}
}

/* ----------------------------------------
.page-content
---------------------------------------- */
.page-content {
	margin-block: 1rem;
	padding: 0 1rem;
	max-width: 1920px;
}

.page-white {
	background-color: white;
	padding: 2rem 3.5rem 3.5rem 3.5rem;
}

/* ----------------------------------------
#primary-content
---------------------------------------- */
#primary-content {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	position: relative;
	background-color: #F6F6F6;
	min-height: calc(100vh - 120px);
	position: relative;
	margin-left: 80px; /* Width of sidebar collapsed */
}

@media (min-width: 576px) {
	#primary-content {
		z-index: 0;
	}
}

/* ----------------------------------------
#site-nav
---------------------------------------- */
#site-nav {
	position: relative;
	border-left: 1px solid #e8e8e8;
	font-size: 1rem;
	padding-top: 40px;
	/* margin-left: auto; */
	padding-right: 0.75rem;
	padding-left: 0.75rem;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	z-index: 1;

}

#site-nav .nav {
	position: relative;
}

#site-nav .nav-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	font-weight: 500;
	text-transform: uppercase;
	white-space: nowrap;
}

#site-nav .nav-item.active>.nav-link {
	background-color: var(--secondary);
	color: #fff;
}

.nav-link-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.nav-link-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding-right: 2rem;
	width: 50px;
}

.nav-link-icon>* {
	font-size: 24px;
}

.nav-link-icon svg {
	width: 24px;
	height: 24px;
}

.nav-link-icon svg path {
	fill: var(--bs-nav-link-color);
}

#site-nav .nav-item.active svg path {
	fill: var(--white);
}

.nav-link-title {
	padding-top: 3px;
}

.nav-item-inner {
	border: 0.5px solid rgba(143, 145, 144, 0.1);
	;
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}

[class*=navbar-expand-] .nav-link-inner {
	padding-right: 2rem;
}

#nav-dashboard {
	border-bottom: 1px solid #B2B2B2;
	padding-bottom: 1.75rem;
	margin-bottom: 2.5rem;
}

.nav-item-outer [data-bs-toggle=collapse] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.nav-item-outer [data-bs-toggle=collapse] .nav-link-expand>* {
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.nav-item-outer [data-bs-toggle=collapse] .nav-link-expand>*::before {
	padding-right: 1rem;
	padding-left: 1rem;
}

.nav-item-outer [data-bs-toggle=collapse]:not(.collapsed) {
	background-color: rgba(143, 145, 144, 0.1);
}

.nav-item-outer [data-bs-toggle=collapse]:not(.collapsed) .fa-chevron-right {
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
}

#program-list .title {
	font-weight: 600;
	width: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 8px;
}

@media (min-width: 768px) {
	#program-list .title {
		width: 40%;
	}
}

#program-list .type {
	width: auto;
}

@media (min-width: 768px) {
	#program-list .type {
		width: 23%;
	}
}

#program-list .status {
	font-weight: 500;
	width: auto;
}

@media (min-width: 768px) {
	#program-list .status {
		width: 30%;
	}
}

.table-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column nowrap;
	        flex-flow: column nowrap;
	background-color: white;
	width: 80%;
	margin: 0 auto;
	border-radius: 4px;
	border: 1px solid #DADADA;
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
	        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
}

.table-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row nowrap;
	        flex-flow: row nowrap;
	width: 100%;
	border-bottom: 1px solid #dadada;
}

.heading {
	background-color: #ececec;
	color: #3e3e3e;
	font-weight: bold;
}

.row-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	font-size: 14px;
	padding: 8px 0;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.row-item:hover {
	cursor: pointer;
	background-color: #F0F0F0;
	/*   box-shadow: 0px 1px 4px rgba(0, 0, 0, .08); */
}

.row-sub-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column nowrap;
	        flex-flow: column nowrap;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.row-sub-container .row-item {
	padding: 8px 0;
	border-bottom: 1px solid #dadada;
}

.table-row:last-child,
.row-sub-container .row-item:last-child {
	border-bottom: 0;
}

.page-header-inner{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 2rem;

	background: var(--primary);
    /*
    background: -o-linear-gradient(top, #333, #555);
    background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#555));
    background: linear-gradient(to bottom, #333, #555);
    */
}

.page-header-inner .title {
	color: white;
	font-weight: 300;
	font-size: 1.25rem;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	text-align: right;
}

.page-header-inner {
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

.page-header-programs {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.page-header-programs .heading {
	color: white;
	background-color: transparent;
	font-size: 1.2rem;
	font-weight: 600;
}

.page-header-programs .search {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 75%;
}

.page-header-programs .search .form-control {
	background-color: transparent;
	border: none;
	width: 260px;
}

.page-header-programs .search .form-control::-webkit-input-placeholder {
	color: rgb(143, 145, 144);
	font-size: 20px;
}

.page-header-programs .search .form-control::-moz-placeholder {
	color: rgb(143, 145, 144);
	font-size: 20px;
}

.page-header-programs .search .form-control:-ms-input-placeholder {
	color: rgb(143, 145, 144);
	font-size: 20px;
}

.page-header-programs .search .form-control::-ms-input-placeholder {
	color: rgb(143, 145, 144);
	font-size: 20px;
}

.page-header-programs .search .form-control::placeholder {
	color: rgb(143, 145, 144);
	font-size: 20px;
}

.page-header-programs .search-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-right: 1.5rem;
	border-bottom: 2px solid rgb(143, 145, 144);
}

.page-header-programs .icon {
	background-color: transparent;
	border: none;
}

.page-header-programs .icon>* {
	color: rgb(143, 145, 144);
	font-size: 20px;
}

.page-header-programs .advanced-search {
	text-transform: uppercase;
	font-size: 12px;
	border-radius: 2px;
	padding: 0.5rem 1rem;
	border: 1px solid rgb(143, 145, 144);
}

/* Site navigation */
#site-nav .nav-link {
	font-size: 0.7em;
}

/* Dashboard calendar */
.calendar-home-panel {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1; /* Take up all available space on desktop */
	background-color: var(--gray);
	color: #fff;
}

.calendar-widget {
	background-color: #fff;
	color: black;
}

.calendar-widget .calendar-month {
	font-weight: bold;
}

.calendar-widget .calendar-control {
	font-size: 2em;
	font-weight: 100;
}

.calendar-widget .calendar-weekdays,
.calendar-widget .calendar-days {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.calendar-widget .calendar-weekdays {
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	color: #263b55;
	font-size: 0.9em;
}

.calendar-widget .calendar-days {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.calendar-widget .calendar-weekday,
.calendar-widget .calendar-day {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 calc(100% / 7);
	        flex: 0 0 calc(100% / 7);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 2px;
}

.calendar-widget .calendar-days {
	font-size: 0.8em;
}

.calendar-widget .calendar-day-outside-month {
	color: #d3d5e2;
}

.calendar-widget .calendar-day span.available-event {
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #d3d3d3;
}

.calendar-widget .calendar-day span.upcoming-event {
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 20%;

	background-color: var(--primary);
	color: #fff;
}

.calendar-widget .event-upcoming {
	border: solid gray 1px;
	border-radius: 50%;
}

.calendar-home-panel .calendar-content h2 {
	color: white;
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: 600;
}

.calendar-home-panel .calendar-content p {
	font-size: 0.9em;
}

.calendar-home-panel .calendar-legend {
	padding-left: 0;
	margin-left: 0;
}

.calendar-home-panel .calendar-legend li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	/* Vertically aligns the text */
	list-style: none;
	font-size: 0.8em;
	line-height: 2.2em;
	font-weight: 300;
}

.calendar-home-panel .calendar-legend li span.upcoming-event {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: var(--primary);
	margin-right: 10px;
	border-radius: 4px;
}

.calendar-home-panel .calendar-legend li span.available-event {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 2px solid var(--light-gray);
	margin-right: 10px;
	border-radius: 4px;
}

/* Redeem an Access Key panel */
.redeem-panel {
	background-color: var(--primary);
	color: #fff;
	text-align: center;
	max-width: 700px;
	margin: 0 auto;
}

.redeem-panel.home {
	width: 700px;
}

@media screen and (max-width: 1919px) {
	.redeem-panel.home {
		width: 500px;
	}
}

@media screen and (max-width: 1700px) {
	.redeem-panel.home {
		width: 400px;
	}
}

@media screen and (max-width: 1400px) {
	.redeem-panel.home {
		width: 400px;
	}
}

@media (max-width: 1200px) {
	.redeem-panel {
		width: 100%;
	}

	.redeem-panel-content {
		max-width: 225px;
		margin-left: auto;
		margin-right: auto;
	}
	.redeem-panel-content-large {
		max-width: 325px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width: 1200px) {
	.redeem-panel-content {
		max-width: 225px;
		margin-left: auto;
		margin-right: auto;
	}
	.redeem-panel-content-large {
		max-width: 325px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 992px) {
	.redeem-panel.home {
		width: 100%;
		margin-bottom: 1.5rem !important;
		max-width: unset;
	}
	.home-calendar-flex {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: reverse !important;
		    -ms-flex-direction: row-reverse !important;
		        flex-direction: row-reverse !important;
		gap: 1rem;
	}
}

@media screen and (max-width: 767px) {
	.home-calendar-flex {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		    -ms-flex-direction: column !important;
		        flex-direction: column !important;
		gap: 0;
	}
}

.redeem-panel h2 {
	font-size: 1.6em;
	font-weight: 400;
	color: white;
}

.redeem-panel .redeem-input {
	background-color: rgba(255, 255, 255, 0.5);
	border: 0;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.6em;
	max-width: 100%;
	border-radius: var(--border-radius);;
}

.redeem-panel .redeem-input:focus {
	border: 0;
	outline: none;
}

.redeem-panel .redeem-btn {
	color: #fff;
	border-color: #fff;
	border-width: 2px;
	border-radius: var(--border-radius);;
	text-transform: uppercase;
}

.redeem-panel .redeem-btn:hover {
	background-color: #fff;
	color: var(--primary);
}

.licenses-panel {
	background-color: #f1f1f1;
	padding-block: 2rem !important;
	border-radius: var(--border-radius);;
}

.licenses-swiper {
	/* max-width: 1200px;
	margin-left: auto;
	margin-right: auto; */
	padding-inline: 2rem;
}

.licenses-panel .swiper-slide {
	height: auto;
	min-height: 220px;
	background-color: #fff;
	margin-bottom: 15px;
	border: none;
	padding: 1rem;
	-webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border-radius: var(--border-radius);;
	position: relative;
	z-index: 0;
	/*
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	*/
}

.licenses-panel .swiper-slide > a {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.licenses-panel .swiper-slide:hover {
	-webkit-box-shadow: rgba(99, 99, 99, 0.25) 0px 4px 14px 0px;
	        box-shadow: rgba(99, 99, 99, 0.25) 0px 4px 14px 0px;
}

.licenses-panel .search {
	text-align: right;
}

.licenses-panel .card-title {
	font-size: 1em;
	margin-top: 5px;
	font-weight: 600;
	margin-bottom: 0.5rem;
}

.licenses-panel .swiper-slide {
	position: relative;
}

.licenses-panel .swiper-slide .search i {
	background-color: #8f9190;
	color: #fff;
	padding: 0.25rem;
	border-radius: var(--border-radius);;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.licenses-panel .swiper-slide:hover .search i {
	background: var(--primary);
}

.licenses-panel .card-text {
	font-size: 0.8em;
	color: #606272;
	margin-bottom: 30px;
}

.licenses-panel .swiper-slide .progress {
	position: absolute;
	bottom: 1rem;
	/* width: 100%; */
	right: 1rem;
	left: 1rem;
	height: 25px;
	border-radius: 4px;
}

.licenses-swiper .swiper-button-prev {
	left: -5px;
	content: "";
}

.swiper-button-prev:after, .swiper-button-next:after {
	content: "";
	width: 12px;
	height: 20px;
}

.licenses-swiper .swiper-button-prev:after {
	background-image: url("/assets/icons/chevron-left-solid.svg");
	background-size: contain;
	background-repeat: no-repeat;
}

.licenses-swiper .swiper-button-next {
	right: -5px;
}
.licenses-swiper .swiper-button-next:after {
	background-image: url("/assets/icons/chevron-right-solid.svg");
	background-size: contain;
	background-repeat: no-repeat;
}

.licenses-swiper .swiper-button-prev,
.licenses-swiper .swiper-button-next {
	color: var(--gray);
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.licenses-swiper .swiper-button-prev:hover,
.licenses-swiper .swiper-button-next:hover {
	color: var(--secondary);
}


/*--------------------------------------------------------------
# Profie Page
--------------------------------------------------------------*/
.profile .profile-card img {
  max-width: 120px;
}
.profile .profile-card h2 {
  font-size: 24px;
  font-weight: 700;
  color: #2c384e;
  margin: 10px 0 0 0;
}
.profile .profile-card h3 {
  font-size: 18px;
}
.profile .profile-card .social-links a {
  font-size: 20px;
  display: inline-block;
  color: rgba(93, 93, 93, 0.5);
  line-height: 0;
  margin-right: 10px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.profile .profile-card .social-links a:hover {
  color: #5d5d5d;
}
.profile .profile-overview .row {
  margin-bottom: 20px;
  font-size: 15px;
}
.profile .profile-overview .card-title {
  color: #5d5d5d;
}
.profile .profile-overview .label {
  font-weight: 600;
  color: rgba(93, 93, 93, 0.6);
}
.profile .profile-edit label {
  font-weight: 600;
  color: rgba(93, 93, 93, 0.6);
}
.profile .profile-edit img {
  max-width: 120px;
}


.student-circle {
  display: inline-block;
    background-color: var(--primary);
    margin: 10px;
    border-radius: 50%;
}


.page-item a{
text-transform: capitalize;
  color: #47366f;
}
.page-item a:hover{

  color: #000;
}

.student-circle-inner {
  color: var(--white);
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  height: 35px;
  width: 35px;
  font-size: 15px;
  font-weight: bold;
}




/* Faq Section - Home Page
------------------------------*/
.faq .content h3 {
	color: var(--primary);
	font-weight: 400;
	font-size: 34px;
  }
  
  .faq .content p {
	font-size: 15px;
	color: var(--primary);
  }
  .faq .faq-container {
	margin-bottom: 2rem;
  }
  
  
  .faq .faq-container .faq-item {
	position: relative;
	margin-bottom: 20px;
	background-color: rgba(255, 255, 255, 0.6);
	-webkit-box-shadow: 0px 5px 5px 0px rgba(90,90,90, 0.1);
			box-shadow: 0px 5px 5px 0px rgba(90,90,90, 0.1);
	overflow: hidden;
	border-radius: var(--border-radius);;
  }
  
  .faq .faq-container .faq-item:last-child {
	margin-bottom: 0;
  }
  
  .faq .faq-container .faq-item h3 {
	color: var(--primary);
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	padding: 20px;
	margin: 0 30px 0 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
		-ms-flex-align: start;
			align-items: flex-start;
  }
  
  .faq .faq-container .faq-item h3 .num {
	color: var(--primary);
	padding-right: 5px;
  }
  
  .faq .faq-container .faq-item h3:hover {
	color: var(--primary);
  }
  
  .faq .faq-container .faq-item .faq-content {
	display: grid;
	grid-template-rows: 0fr;
	-webkit-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	visibility: hidden;
	opacity: 0;
  }
  
  .faq .faq-container .faq-item .faq-content p {
	margin-bottom: 0;
	overflow: hidden;
  }
  
  .faq .faq-container .faq-item .faq-toggle {
	position: absolute;
	top: 30px;
	right: 20px;
	font-size: 16px;
	line-height: 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	cursor: pointer;
  }
  
  .faq-active {
	color: var(--primary);
	background: var(--white);
  }
  
  .faq-active h3,
  .faq-toggle:hover h3 {
	color: var(--primary) !important;
  }
  
  .faq-toggle:hover {
	background: var(--white);
  }
  
  .faq .faq-container .faq-active .faq-content {
	grid-template-rows: 1fr;
	visibility: visible;
	opacity: 1;
	padding: 10px 20px 20px 20px;
  }
  
  .faq .faq-container .faq-active .faq-toggle {
	-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
			transform: rotate(90deg);
	  color: var(--gray);
  }
  


/*--------------------------------------------------------------
# Cource Details
--------------------------------------------------------------*/
.course-details h3 {
  font-size: 24px;
  margin: 30px 0 15px 0;
  font-weight: 700;
  position: relative;
  padding-bottom: 10px;
}
.course-details h3:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  background: white;
  bottom: 0;
  left: 0;
}
.course-details h3:after {
  content: "";
  position: absolute;
  display: block;
  width: 60px;
  height: 1px;
  background: var(--color-primary);
  bottom: 0;
  left: 0;
}
.course-details .course-info {
  background: white;
  padding: 10px 15px;
  margin-bottom: 15px;
}
.course-details .course-info h5 {
  font-weight: 400;
  font-size: 16px;
  margin: 0;
  font-family: var(--font-primary);
}
.course-details .course-info p {
  margin: 0;
  font-weight: 600;
}
.course-details .course-info a {

  color: var(--color-primary);
}

/*--------------------------------------------------------------
# Cource Details Tabs
--------------------------------------------------------------*/
.cource-details-tabs {
  overflow: hidden;
  padding-top: 0;
}
.cource-details-tabs .nav-tabs {
  border: 0;
}
.cource-details-tabs .nav-link {
  border: 0;
  padding: 12px 15px 12px 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: #FFFF00;
  border-radius: var(--border-radius);;
  border-right: 2px solid white;
  font-weight: 600;
  font-size: 15px;
}
.cource-details-tabs .nav-link:hover {
  color: var(--color-primary);
}
.cource-details-tabs .nav-link.active {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.cource-details-tabs .tab-pane.active {
  -webkit-animation: fadeIn 0.5s ease-out;
          animation: fadeIn 0.5s ease-out;
}
.cource-details-tabs .details h3 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #FFFF00;
}
.cource-details-tabs .details p {
  color: #777777;
}
.cource-details-tabs .details p:last-child {
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .cource-details-tabs .nav-link {
    border: 0;
    padding: 15px;
  }
  .cource-details-tabs .nav-link.active {
    color: #fff;
    background: var(--color-primary);
  }
}

/*--------------------------------------------------------------
# Video Cource embed
--------------------------------------------------------------*/
.video-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 20px;
	width: 100%;
	height: 100%;
  }

  .video-title {
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
  }

  .video-button {
	padding: 10px 20px;
	margin-bottom: 20px;
	margin-top: 40px;
	border: none;
	border-radius: 4px;
	background-color: #1ab7ea;
	color: white;
	cursor: pointer;
	font-size: 1em;
  }

  .video-button:hover {
	background-color: #0e7cad;
  }

  .video-embed {
	width: 80%;
	max-width: 100%;
	min-width: 100%;
	min-height: 720px;
  }


  .shopping-cart  .bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--color-primary-rgb), var(--bs-bg-opacity)) !important;
}


table.data-form { width: 100%; border: 1px solid #eeeeee; border-spacing: 0px; margin-bottom: 20px; }
table.data-form tr td:first-child { width: 20%; }
table.data-form tr td { padding: 4px 6px; }
table.data-form tr td p { padding-top: 3px; padding-bottom: 3px; }
table.data-form thead tr { background-color: #4a4a4a; color: white; }
table.data-form thead tr td { border: none; }
table.data-form thead tr td p { font-weight: bold; }
table.data-form tr td { border-top: 1px solid #eeeeee; }


.stable-search{
  width: 100%;
  height:150px;
  position: relative;
  /*margin-left: -50vw;
  left: 50%;*/
  /*margin-top: -200px;*/
  background: var(--light-gray);
  padding: 0.5rem !important;
  z-index: 0;
}

.search-menu-bar {
  /*width: 50%;*/
  min-width:340px;
  z-index: 1;
  margin-top: 50px;
  margin-left: 3vh;
}


.search-wrapper input {
    width: 100%;
    border-top-width: initial;
    border-right-width: initial;
    border-left-width: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-left-color: initial;
    font-size: 1.75rem;
    color: var(--primary);
    border-style: none none none;
    border-image: initial;
    padding: 0.5rem 4rem 0.5rem 0px;
    border-bottom: 3px solid var(--primary);
    background: url(/assets/icons/magnifying-glass.svg) 98% 13px / 32px no-repeat scroll;
}




.facility_logo_subsite {
	position: absolute;
	margin-top: 125px;
  
  
	width: 175px;
	height: 135px;
	background-color: white;
  }
  
  .facility_logo_subsite.small{
	position: absolute;
	margin-top: 0;
	margin-left: 0;
  
	width: 100px;
	height: 68px;
	background-color: transparent;
  }
  
  
  .facility_logo_subsite img {
	width: 95%;
	height: 95%;
	object-fit: contain;
  }
  
  @media screen and (max-width: 768px) {
  
	.facility_logo_subsite, 
	.facility_logo_subsite.small{
	  position: absolute;
	  margin-top: 0;
	  margin-left:0;
	
	  width: 100px;
	  height: 68px;
	  background-color: transparent;
	}
  }
  
.map-responsive{
	overflow:hidden;
	padding-bottom:56.25%;
	height:100% !important;
	position:relative;
	height:0;
  }
  .map-responsive iframe{
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
  }
  
  .contact_info {
	
  }
  
  .contact_info .item {
	display: flex;
	align-items: center;
	word-break:break-all;
  }
  .contact_info .item .icon{
	padding: 15px;
  
  }
  .contact_info .item .icon i {
	background-color: var(--secondary);
	border-radius: 50%;
	padding: 15px;
	display: inline-block;
  }
  
  
  .stable_badge {
	width: 105px;
  }
  
  .stable_badge .icon {
	position: relative;
  }
  
  
  .stable_badge .icon h3 {
	position: absolute;
	top: 45px;
	text-align:center;
	font-size:21px;
	width: 105px;
	height: 118px;
  }
  
  
  .nav-item {
	cursor: pointer;
  }






.homepage_hotspots-wrapper {
	width: 100%;
  position: relative;
}

.homepage_hotspots-wrapper  a{

  text-decoration: none;
}


.homepage_hotspots {
  margin-bottom: 3rem;
}

.homepage_hotspots .d-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1.5rem;
}


.homepage_hotspots .card {
  background-color: white;
  border-top: white;
  border-bottom: 4px solid var(--secondary);

  border-left: white;

  border-right: white;
  height: 100%;
  border-radius: 12px 12px 0 0;
  padding: 1rem;
  min-height: 220px;
}

.homepage_hotspots .card-dashboard {
  background-color: white;
  border-top: white;
  border-bottom: 4px solid var(--secondary);

  border-left: white;

  border-right: white;
  height: 100%;
  border-radius: 12px 12px 0 0;
  padding: 3.2rem 1rem 2rem 1rem;
}

.homepage_hotspots .icon {
  margin: 0 auto;
  padding: 25px 0;
}

.homepage_hotspots .card-title {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 1.8rem;
  color: var(--primary);
  text-align: center;
  text-decoration: none;
}
.homepage_hotspots .card-title-left {
  font-weight: 300;
  font-size: 1.8rem;
  line-height: 2rem;
  color: var(--primary);
  text-align: left;
  text-decoration: none;
}

.icon_tile {
   background: linear-gradient(rgba(255,255,255,.85), rgba(255,255,255,.85)), url("/assets/img/campus/icon_tile.png") repeat-x;  
   height: 135px;
}

@media screen and (max-width: 1200px){
  .homepage_hotspots .card-title {
     font-size: 1.5rem;
     line-height: 1.5rem;
  }
}

@media screen and (max-width: 768px){
  .homepage_hotspots .d-grid {
    grid-template-columns: 1fr 1fr;
  }

  .homepage_hotspots {
    padding: .5rem .5rem;
  }
  .icon_tile {
   background: linear-gradient(rgba(255,255,255,.85), rgba(255,255,255,.85)), url("/assets/img/campus/icon_tile-large.png") repeat-x;  
   height: 360px;
}
}

@media screen and (max-width: 480px){
  .homepage_hotspots .card-title {
     font-size: 1rem;
  }
}


/* START JQUERY PAGER */
.div-pager-bar {
	width: 98%;
	display: flex;
	margin: 0 auto;
	padding: 10px;
}
.div-pager {
	width: 80%;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	gap: 2px;
	padding: 2px;
}
.div-pager-info {
	width: 20%;
	display: flex;
	justify-content: right;
	align-items: center;
	font-size: calc(100% - 2px);
	font-style: italic;
	padding-right: 25px;
}
.div-pager button {
	background-color: white;
	border: 1px solid #555;
	padding: 2px 8px;
}
.div-pager button.active {
	background-color: rgb(254, 254, 234);
	border: 2px solid red;
}
.div-pager button:hover {
	background-color: rgb(254, 254, 234);
	cursor: pointer;
}
/* END JQUERY PAGER */