/**************************************************************************************************
* General styling - Front End                                                                     *
***************************************************************************************************/
body {
	font-family: "Gotham A", "Gotham B", arial, sans-serif;
	background-color: #eeeeee;
}

.page-container {
	background-color: white;
}

/* Increase default width of Bootstrap 5 "container-xxl" */
@media (min-width : 1400px) {
	.container-xxl {
		max-width: 1920px;
	}
}

/* Container and page content gray Side bars adjustment */
.container-xxl {
	padding-left: 0;
	padding-right: 0;
}

.page-container {
	padding-left: 5%;
	padding-right: 5%;
}

.page-container .full-width {
	margin-left: -5.5556%;
	margin-right: -5.5556%;
}
/* End - Container and page content gray Side bars adjustment */

h1 {
	font-size: 2.5rem;
	font-weight: 500;
	/* margin: 0; */
}

h2 {
	font-size: 2rem;
	font-weight: 500;
	/* margin: 0; */
}

h3 {
	font-size: 1.5rem;
	font-weight: 400;
	margin: 1em 0 0.5em;
}

h4 {
	font-size: 1.25rem;
	font-weight: 500;
	/* margin: 0; */
}

a {
	color: #7b2532; /* rgb(123, 37, 50) */
	/* text-decoration: none; */
}

a:hover {
	color: #bc4658;
}

strong {
	font-weight: 500 !important;
}

.content-from-ck-editor p,
.content-from-ck-editor a,
.content-from-ck-editor ul,
.content-from-ck-editor li {
	font-size: 18px;
}

.content-from-ck-editor blockquote {
	/* border-left: 4px solid #7f7f7f; */
	padding-left: 1.5em;
	font-style: italic;
	background-image: url('/assets/_system/quote.svg');
	background-repeat: no-repeat;
	padding-left: 70px;
}

.content-from-ck-editor .text-tiny {
	font-size: 0.7em;
}

.content-from-ck-editor .text-small {
	font-size: 0.85em;
}

.content-from-ck-editor .text-big {
	font-size: 2em;
}

.content-from-ck-editor .text-huge {
	font-size: 4em;
}

figure.image {
	text-align: center;
}

figure.image.image-style-block-align-left {
	text-align: left;
}

figure.image.image-style-block-align-right {
	text-align: right;
}

figure.image > img {
	max-width: 100%;
}

/**************************************************************************************************
* Global Alert Bar                                                                                *
***************************************************************************************************/
.alert-bar {
	display: none; /* hide by default, display using JavaScript */
	background-color: #bc4658;
	padding: 1rem 3rem 1rem 2rem;
	font-weight: 500;
	position: relative;
	z-index: 1000; /* cover the slider */
}

.alert-bar-message {
	display: flex;
	justify-content: center;
	align-items: center;
}

.alert-bar-message a,
.alert-bar-message p {
	color: white;
	margin: 0;
	text-align: center;
}

.alert-bar-close-image img {
	position: absolute;
	right: 18px;
	top: 18px;
}

.alert-bar-close-image img:hover {
	cursor: pointer;
}

/**************************************************************************************************
* Top Menu Default styling                                                                        *
***************************************************************************************************/
.navbar .megamenu {
	padding: 3%;
	line-height: 1.75;
}

/* desktop view */
@media (min-width: 992px) {
	.navbar .has-megamenu {
		position:static !important;
	}

	.navbar .megamenu {
		left:0; 
		right:0; 
		width:100%; 
		margin-top:0;
		padding-left: 5%;
		min-height: 300px;
	}
}	

/* mobile view */
@media (max-width: 991px) {
	.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {
		overflow-y: auto;
		max-height: 90vh;
		min-height: 0;
		margin-top:0;
	}

	.navbar .megamenu {
		padding: 1.5rem;
	}
}

/**************************************************************************************************
* Top Menu adjustments                                                                            *
***************************************************************************************************/
/*.sticky-top-navbars {*/
/*	background-color: white;*/
/*}*/

.sticky-top-navbars .navbar-brand img {
	max-width: 100%;
	height: 53px;
}

.navbar-first-row,
.navbar-second-row {
	background-color: white !important;
}

.navbar-first-row {
	border-bottom: 1px solid #d3d3d3;
}

/* search box */
.navbar-first-row .form-control {
	background-color: white !important;
	color: black !important;
	border-radius: 0;
	border: 1px solid black;
}

.navbar-first-row .form-control::placeholder {
	color: black !important;
}

.navbar-first-row .form-control:focus {
	box-shadow: none;
}

.navbar-first-row .search-and-cart {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.navbar-first-row #login-talent {
	margin-right: 25px;
	text-decoration: none;
	font-weight: 500;
	color: black;
}

/* Administrate Widget - cart icon adjustments */
.navbar-first-row .search-and-cart #weblink-Basket {
	margin-left: 1rem;
}

/*.navbar-first-row .search-and-cart .weblink button {*/
/*	margin-left: 1rem;*/
/*	color: #7b2532;*/
/*}*/

/*.navbar-first-row .search-and-cart .weblink button .glyphicon {*/
/*	font-size: 24px;*/
/*}*/
/* End - Administrate Widget - cart icon adjustments */

.navbar ul,
.navbar li,
.navbar .dropdown-menu a {
	color: black;
	list-style: none;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

.navbar .nav-link {
	color: black !important;
	font-size: 1rem;
	font-weight: 500;
}

.navbar .nav-link:hover {
	text-decoration: underline;
}

.navbar .dropdown-toggle::after {
	display: none;
}

.navbar .dropdown-menu li > a {
	font-size: 1rem;
	font-weight: 300;
}

/*.navbar .dropdown-menu li:first-child > a,*/
.navbar .dropdown-menu-subsection-title-link {
	font-size: 1.4rem !important;
	font-weight: 500 !important;
	line-height: 1 !important;
}

.navbar .dropdown-menu li > a:hover {
	text-decoration: underline;
}

.navbar .dropdown-menu-subsection-title {
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.25;
	padding: 0;
	margin-bottom: 0.25rem;
	cursor: default;
}

.navbar .dropdown-menu {
	border-radius: 0;
	background-color: #f7f7f7;
	border: none;
}

@media (min-width: 992px) {
	/* make column menu scrollable if too large */
	.navbar .dropdown-menu ul {
		max-height: 60vh;
		overflow-y: auto;
	}
}

@media (max-width: 991px) {
	/* add spacing between menus on small screens */
	.nav-item ul:first-child {
		margin-bottom: 1rem;
	}

	/* make whole menu scrollable if too large */
	.navbar .dropdown-menu {
		/* max-height: 50vh; */
		overflow-y: auto;
	}
}

/* Change the color of the y-scrollbar in dropdown menu only (large screens only)
.dropdown-menu ::-webkit-scrollbar {
	width: 4px;
	background-color: #f7f7f7; /* hide the scrollbar
}

.dropdown-menu ::-webkit-scrollbar-thumb {
	background-color: #f7f7f7; /* hide the scrollbar
}

/* for Firefox
.dropdown-menu scrollbar {
    width: 4px;
    background-color: #f7f7f7; /* hide the scrollbar
}

.dropdown-menu scrollbar-thumb {
    background-color: #f7f7f7; /* hide the scrollbar
}

/* for IE
.dropdown-menu {
    scrollbar-base-color: #f7f7f7; /* hide the scrollbar
    scrollbar-face-color: #f7f7f7; /* hide the scrollbar
}
/* End - change the color of the y-scrollbar in dropdown menu only */

/* Menu items alignment */
.navbar-collapse {
	justify-content: center;
}

/* Items spacing on large screens only - on mobile use default Bootstrap behaviour */
@media (min-width: 992px) {
	.navbar-nav {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
}

.navbar-collapse .navbar-nav .nav-item {
	margin-left: 1rem !important;
	margin-right: 1rem !important;
}
/* End - Menu items alignment */

/* Sticky top navbar on large screens only */
@media (min-width: 992px) {
	.sticky-top-navbars {
		position: sticky;
		top: 0;
		z-index: 1000;
		border-bottom: 1px solid #d3d3d3 !important;
		/*box-shadow: 0 4px 7px rgba(0,0,0,0.1);*/
	}
}

/* Point to the active menu using a triangle/arrow (on large screen menus only) */
@media (min-width: 992px) {
	/* Add this class to the active dropdown menu item using JavaScript */
	.active-menu {
		position: relative;
	}

	/* Create an upward-facing triangle shape using a pseudo-element */
	.active-menu::before {
		content: "";
		position: absolute;
		bottom: -50%;
		left: 50%;
		transform: translateX(-50%);
		border-width: 0 24px 24px 24px; /* set triangle size here */
		border-style: solid;
		border-color: transparent transparent #f7f7f7 transparent;
	}
}

/**************************************************************************************************
* Home Page Top Menu adjustments - light/dark navbar                                              *
***************************************************************************************************/
@media (min-width: 992px) {
	.home-navbar .navbar {
		background-color: transparent !important;
	}

	.home-navbar .navbar-first-row {
		background-color: rgba(0, 0, 0, 0.3) !important;
	}

	.home-navbar,
	.home-navbar .navbar-first-row {
		border-bottom: none !important;
	}

	.home-navbar .nav-link {
		color: white !important;
	}

	.home-navbar .search-and-cart input {
		background-color: transparent !important;
		border: 1px solid #f7f7f7 !important;
	}

	.home-navbar #login-talent {
		color: white;
	}

	.home-navbar .navbar-first-row .form-control,
	.home-navbar .navbar-first-row .form-control::placeholder{
		color: white !important;
	}
}

/**************************************************************************************************
* Footer Menu adjustments                                                                         *
***************************************************************************************************/
.footer {
	color: black;
	background-color: white;
	border-top: 1px solid #efefef;
	padding-left: 5%;
	padding-right: 5%;
}

.footer-logo {
	margin-top: 1rem;
	margin-bottom: 3rem;
	max-width: 100%;
}

.footer .footer-menu-title {
	font-size: 1.25rem;
	font-weight: 500;
	margin-bottom: 1rem;
}

.footer .nav-item a {
	color: black !important;
	font-size: 1.15rem;
	font-weight: 400;
	line-height: 1.6;
}

.footer .nav-item a:hover {
	text-decoration: underline;
}

.footer .row div:nth-child(2) .nav-item a[href^="http"],
.footer .row div:nth-child(2) .nav-item a[href^="/"] {
	color: #7b2532 !important;
	font-weight: 400;
	text-decoration: underline;
}

.footer .row div:nth-child(2) .nav-item a[href^="http"]:hover,
.footer .row div:nth-child(2) .nav-item a[href^="/"]:hover {
	color: #bc4658 !important;
}

.footer .row div:nth-child(2) .footer-link-highlight a[href^="http"],
.footer .row div:nth-child(2) .footer-link-highlight a[href^="/"] {
	font-weight: 500;
}

.footer input {
	border-radius: 0;
}

.footer .btn {
	font-size: 1rem;
	background-image: linear-gradient(to right, #7b2532, #bc4658);
	color: white;
	border-radius: 2em;
	padding: 0.5rem 1rem;
	min-width: 220px;
	border: 3px solid white;
	/*border: none;*/
	/*outline: none;*/
}

.footer .btn:hover {
	background-image: linear-gradient(to right, #bc4658, #db5166);
}

.footer .btn:focus,
.footer .btn:active {
	border-color: #86b7fe;
}

.footer .modal-content .btn-close {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
}

/* Overwrite CSS for Subscribe Form */
.footer .modal-content form.ctct-form-custom fieldset.ctct-form-lists {
	padding-top: 0;
}

.footer .modal-content form.ctct-form-custom .ctct-form-lists-legend {
	font-size: 1rem;
}

.footer .modal-content form.ctct-form-custom div.ctct-form-listitem input[type="checkbox"].ctct-form-checkbox {
	vertical-align: unset;
}
/* ===== */

.footer .footer-sm-icons svg {
	width: 1.5rem;
	margin-left: 2.5rem;
	fill: rgb(123, 37, 50);
}

/* Social Media Icons hover colors - all the same color, or separate brand colors for each */
/*.footer .footer-sm-icons svg:hover {*/
/*	fill: #bc4658;*/
/*}*/

.footer .footer-sm-icons-x:hover {
	fill: #1DA1F2; /* Twitter X blue */
}

.footer .footer-sm-icons-linkedin:hover {
	fill: #0077B5; /* LinkedIn blue */
}

.footer .footer-sm-icons-youtube:hover {
	fill: #FF0000; /* YouTube red */
}

.footer .footer-sm-icons-instagram:hover {
	fill: #E1306C; /* Instagram red */
}

.footer .footer-sm-icons-facebook:hover {
	fill: #3B5998; /* Facebook blue */
}

/**************************************************************************************************
* Matrix blocks - Rich Content and Reusable                                                       *
***************************************************************************************************/
.matrix-ck-block,
.matrix-reusable-block {
	margin-bottom: 1rem;
}



/**************************************************************************************************
* Other                                                                                           *
***************************************************************************************************/

/**************************************************************************************************
* Home Page Banner Slider                                                                         *
***************************************************************************************************/
@media (min-width: 992px) {
	.home-hero-banner {
		position: relative;
		top: -140px; /* adjust for navbar height */
		margin-bottom: -60px; /* adjust for navbar height */
	}
}

@media (max-width: 991px) {
	.home-hero-banner {
		margin-bottom: 4rem;
	}
}

.home-hero-banner .carousel-item::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.6); /* overlay color */
	z-index: 2; /* Make sure the overlay is above the image but below the text */
}

.home-hero-banner .carousel-item img {
	height: 90vh;
	object-fit: cover;
	width: 100%;
}

@media (max-width: 991px) {
	.home-hero-banner .carousel-item img {
		min-height: 90vh !important;
	}
}

.home-hero-banner .carousel-caption {
	z-index: 3; /* Make sure the text is above the overlay */
	text-align: left;
	position: absolute;
	top: 45%;
	transform: translateY(-45%);
	right: 0;
	left: 0;
}

@media (max-width: 991px) {
	.home-hero-banner .carousel-caption {
		top: 35%;
	}
}

.home-hero-banner .carousel-caption-text {
	padding-left: 5rem;
	padding-right: 5rem;
}

.home-hero-banner .carousel-caption-text h1 {
	font-size: 2.5rem;
	font-weight: 500;
	margin-bottom: 1rem;
}

.home-hero-banner .carousel-caption-text p {
	font-size: 1.6rem;
	line-height: 1.6;
	font-weight: 300;
	margin-bottom: 1rem;
}

.home-hero-banner .carousel-control-next,
.home-hero-banner .carousel-control-prev {
	width: 3%;
}

@media (max-width: 576px) {
	/*.home-hero-banner .carousel-item img {*/
	/*	min-height: 90vh;*/
	/*}*/

	.home-hero-banner .carousel-caption-text h1 {
		font-size: 1.8rem;
	}

	.home-hero-banner .carousel-caption-text p {
		font-size: 1.15rem;
	}

	.home-hero-banner .carousel-caption {
		top: 5%;
		transform: translateY(-5%);
	}

	.home-hero-banner .carousel-caption-text {
		padding-left: 3rem;
		padding-right: 3rem;
	}
}

.home-hero-banner .home-learn-more {
	color: white;
	font-size: 1.25rem;
	font-weight: 500;
	text-decoration: none;
	display: inline-block;
	margin-top: 1rem;
	padding-bottom: 1rem;
}

.home-hero-banner .home-learn-more::after {
	content: "";
	display: inline-block;
	background: url('/assets/bold/img/learn-more.svg') no-repeat center;
	width: 18px;
	height: 18px;
	margin-left: 1.5rem;
	position: relative;
	top: 4px;
}

.home-hero-banner #hero-banner-end::before {
	content: "";
	display: block;
	height: 100px; /* adjust for navbar height */
	margin-top: -100px; /* adjust for navbar height */
	visibility: hidden;
}

/**************************************************************************************************
* Search Results page                                                                             *
***************************************************************************************************/
.search-page-container {
	width: 70%;
	margin: 4rem auto;
}

@media (max-width: 991px) {
	.search-page-container {
		width: 100%;
	}
}

.search-page-container h1 {
	font-weight: 500;
}

.search-results {
	list-style: none;
	padding: 0;
}

.search-results-card {
	background-color: white;
	padding: 0;
	border: 1px solid #efefef;
	box-shadow: 0 0 7px 0 rgba(0,0,0,0.15);
	margin-bottom: 1.5rem;
}

.search-results-card-image {
	padding: 0;
}

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

.search-results-card-text {
	padding: 1rem;
}

.search-results-card-title {
	font-size: 1.3rem;
	font-weight: 500;
	color: black;
}

.search-results-card-title:hover {
	color: #7B2532;
}

.search-results-card-categories {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0.25rem 0 0.5rem 0;
}

.search-results-card-type-tag,
.search-results-card-category {
	display: inline-block;
	padding: 0.25rem 1rem;
	font-size: 0.85rem;
	font-weight: 500;
	color: white;
	background-color: #7B2532;
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
	border-radius: 1rem;
}

.search-results-card-type-tag {
	background-color: #3d3d3d;
}

.search-results-card-excerpt {
	margin-bottom: 0;
}

/**************************************************************************************************
* Pagination navbar                                                                               *
***************************************************************************************************/
.pagination a.page-link {
	border-radius: 0 !important;
	border: 0;
	background-color: white;
	color: black;
}

.pagination li:first-child a.page-link,
.pagination li:last-child a.page-link {
	font-weight: 900;
	color: #7B2532;
}

.pagination a.page-link:hover {
	background-color: #f7f7f7;
}

.pagination .active a.page-link {
	background-color: #7B2532;
	color: white;
}

/**************************************************************************************************
* Course Pages - Common Styles                                                                    *
***************************************************************************************************/
hr.content-divider {
	border-top: 1px solid #efefef;
	/*margin-top: 2rem;*/
	margin-bottom: 4rem;
	opacity: 1;
}

.course-container {
	margin-bottom: 4rem;
	/*border-bottom: 1px solid #efefef;*/
	/*padding-bottom: 4rem;*/
}

.course-container .course-description-container {
	width: 70%;
	margin: 0 auto;
}

@media (max-width: 991px) {
	.course-container .course-description-container {
		width: 100%;
	}
}

/*.course-container .course-intro {*/
/*	width: 70%;*/
/*	margin: 0 auto;*/
/*}*/

/*@media (max-width: 991px) {*/
/*	.course-container .course-intro {*/
/*		width: 100%;*/
/*	}*/
/*}*/

.course-container .course-intro {
	margin-top: 4rem;
}

.course-container .course-intro p {
	font-size: 20px;
	font-weight: 400;
}

.courses-wrapper {
	display: flex;
	justify-content: center;
	margin-bottom: 3rem;
}

.courses-wrapper > .course-block {
	display: inline;
	padding: 1rem 2rem;
	text-align: center;
}

.courses-wrapper figure.image { /* To avoid a tiny gap between the icon and label */
	margin-bottom: -0.25rem;
	padding-bottom: 1.25rem;
}

.courses-wrapper figure.image > img {
	display: block;
	margin: 0 auto;
	width: 3.5em;
}

.courses-wrapper a {
	display: inline-block;
	text-align: center;
	text-decoration: none;
}

.courses-wrapper .course-tab-label {
	color: #000;
	font-size: 1.2em;
	font-weight: 500;
}
/*
.course-container .course-administrate-widget {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
*/
.course-container .course-icons {
	margin-top: 4rem;
	margin-bottom: 2rem;
}

.course-container .course-training-request {
	text-align: center;
	margin-bottom: 2em;
}

.course-container .course-training-request > p {
	text-align: left;
	font-size: 18px;
}

.course-container .course-training-request .pshsa-cta-button-primary > a {
	width: unset;
	padding: 1rem 3rem;
	text-align: center;
}

.course-container .course-training-request .pshsa-cta-button-primary > a:after {
	content: " \25B6";
	display: inline-block;
	margin-left: 0.25em;
	transition-duration: 0.35s;
}

.course-container .course-training-request .pshsa-cta-button-primary > a:not(.collapsed):after {
	transform: rotate(90deg);
}

.course-container .course-training-request .pshsa-cta-button-primary a:focus {
	outline: none;
}

.private-training-request-popup, .survey-popup {
	position: fixed;
	bottom: 0;
	left: 20px;
	z-index: 1001;
	overflow-y: auto;
	background-color: #fff;
	border-radius: 8px 8px 0 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	transition-duration: 0.35s;
}

.survey-popup {
	display: none;
	bottom: auto;
	left: 35%;
	width: 30%;
}

.private-training-request-popup.active {
	height: 95vh;
}

.private-training-request-popup.active {
	width: 75%;
}

.private-training-request-popup.standby-large {
	height: 7.5rem;
}

.private-training-request-popup.standby-large {
	width: 45%;
}

.private-training-request-popup:not(.active):not(.standby-large):not(.standby-hidden) {
	width: 16rem;
	height: 3rem;
	background-image: linear-gradient(to right, #7b2532, #bc4658);
	color: #fff;
	/* left: 20px; */
}

.private-training-request-popup.standby-hidden:not(.active):not(.standby-large) {
	height: 0;
	box-shadow: none;
}

.private-training-request-popup.standby-large .private-training-request-standby-small,
.private-training-request-popup:not(.standby-large) .private-training-request-standby-large {
	display: none;
}

.private-training-request-popup.active > .private-training-request-standby {
	display: none;
}

.private-training-request-popup:not(.active) > .private-training-request {
	display: none;
}

.private-training-request-standby {
	height: 100%;
}

.private-training-request-standby-small:hover {
	cursor: pointer;
}

.private-training-request-standby-small {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1em;
}

.private-training-request-standby-small > p {
	margin: 0;
}

.private-training-request-standby-large {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.private-training-request-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-image: linear-gradient(to right, #7b2532, #bc4658);
	width: 100%;
	color: #fff;
	text-align: left;
	padding: 0.75em 1.25em;
}

.ptr-popup-h2 {
	text-align: left;
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: 400;
}

.ptr-standby-large-inner {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0.5em 1em;
	flex-grow: 2;
}

.ptr-standby-large-inner p {
	margin: 0 0 0 2em;
	text-align: left;
	font-size: 16px;
	line-height: 1.25;
}

.ptr-standby-large-inner .pshsa-cta-button-primary {
	margin-top: 0;
	padding: 0.5rem 1.25rem;
	min-width: 132px;
}

.ptr-standby-large-inner .pshsa-cta-button-primary a {
	margin: -0.5rem -1.25rem;
	padding: 0.5rem 1.25rem;
}

.ptr-standby-large-inner .pshsa-cta-button-primary > a:after {
	content: none;
}

.private-training-request > .private-training-request-header {
	position: sticky;
	top: 0;
}

.private-training-request > .private-training-request-body {
	padding: 4em 4em 1em;
}

.private-training-request-descr {
	font-size: 16px;
	text-align: left;
}

.button-shrink, .button-shrink-in-standby {
	width: 1.25em;
}

.button-shrink:hover, .button-shrink-in-standby:hover, .survey-shrink {
	cursor: pointer;
}

.private-training-request iframe, #trainingRequestForm iframe {
	min-height: 2100px;
}

.course-container .course-details {
	margin-bottom: 3rem;
}

.course-container .course-button {
	margin-top: 1rem;
	margin-bottom: 1rem;
	/*margin-bottom: 4rem;*/
}

.course-container .course-buttons-bar {
	margin-top: 0;
	margin-bottom: 4rem;
}

.course-container .consultant-cta {
	margin-top: 2rem;
}

.course-container .course-video {
	margin-top: 4rem;
	/*margin-bottom: 4rem;*/
}

.course-container .course-video .video {
	width: 100%;
	height: auto;
}

.private-training-request-overlay, .survey-overlay {
	background: rgba(0, 0, 0, 0);
	transition-duration: 0.35s;
}

.private-training-request-overlay.visible, .survey-overlay.visible {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1000;
}

@media (max-width: 1399px) {
	.private-training-request-popup.active {
		width: 75%;
	}

	.private-training-request-popup.standby-large {
		width: 75%;
	}
}

@media (max-width: 992px) {
	.private-training-request-popup {
		left: 0;
	}

	.private-training-request-popup.active {
		width: 100%;
	}

	.private-training-request-popup.standby-large {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.courses-wrapper {
		flex-direction: column;
	}

	.private-training-request-popup.standby-large {
		height: 14rem;
	}

	.ptr-standby-large-inner {
		flex-direction: column;
		justify-content: space-evenly;
		align-items: flex-start;
	}

	.ptr-standby-large-inner p {
		order: 1;
		margin-left: 0;
	}

	.ptr-standby-large-inner .pshsa-cta-button-primary {
		margin-top: 1em;
		order: 2;
	}

	.private-training-request > .private-training-request-body {
		padding: 1em;
	}
}

@media (max-width: 576px) {
	ul.course-tabs > li {
		padding-bottom: 1rem;
	}

	ul.course-tabs > li.tab-chosen {
		background-color: #ddd;
		border-radius: 0.5em 0.5em 0 0;
	}

	ul.course-tabs figure.image {
		padding-bottom: 0;
	}

	ul.course-tabs .course-tab-label {
		display: none;
	}

	.private-training-request iframe, #trainingRequestForm iframe {
		min-height: 2300px;
	}
}

@media (max-width: 440px) {
	.private-training-request-popup.standby-large {
		height: 20rem;
	}
}


/**************************************************************************************************
* Administrate Widget Adjustments                                                                 *
***************************************************************************************************/
/*
.course-training-request .training-request-form-container {
	margin: 0 auto !important;
	width: 90% !important;
}

.course-shopping-cart {
	margin-top: 4rem;
	margin-bottom: 4rem;
}

.course-shopping-cart-loader-message {
	text-align: center;
	padding: 10% 0;
}
*/
/**************************************************************************************************
* Blog Page                                                                                       *
***************************************************************************************************/
.blog-container {
	margin-bottom: 2rem;
}

.blog-content-side-padding,
.blog-headline {
	width: 70%;
	margin: 0 auto;
}

.blog-headline {
	display: flex;
	align-items: center;
	margin-top: 4rem;
}

.blog-headline img {
	height: 1.25rem;
}

.blog-headline span {
	font-size: 1.25rem;
	font-weight: 400;
	padding-left: 1rem
}

.blog-headline-item {
	display: flex;
	align-items: center;
}

.blog-headline-divider {
	color: #e8ecef;
}

.blog-recommended-reading {
	border-top: 1px solid #e8ecef;
}

@media (max-width: 991px) {
	.blog-content-side-padding,
	.blog-headline,
	.blog-headline-item {
		width: 100%;
	}

	.blog-headline {
		flex-wrap: wrap;
	}

	.blog-headline-divider {
		display: none;
	}
}

/**************************************************************************************************
* Directory Page                                                                                  *
***************************************************************************************************/
.directory-listing-container {
	margin-top: 4rem;
	margin-bottom: 4rem;
	/*margin-left: 2rem;*/
	/*margin-right: 2rem;*/
}

.directory-col {
	margin-bottom: 3rem;
}

.directory-card {
	height: 100%; /* so all cards are of the same height */
	/*border: 1px solid #eee;*/
	padding-bottom: 1rem;
	padding-left: 0;
	padding-right: 0;
	/*box-shadow: 0 0 7px 0 rgba(0,0,0,0.15);*/
}

.directory-card-image img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	object-position: center;
}

.directory-card-cta {
	font-weight: 500;
	font-size: 1.2rem;
	padding: 1rem;
}

.directory-card-cta a {
	color: #000;
	text-decoration: none;
}

.directory-card-cta a:hover {
	color: #7b2532;
	text-decoration: underline;
}

/**************************************************************************************************
* Filters - Courses, Blogs, Consultants, etc.                                                     *
***************************************************************************************************/
.result-filters {
	margin-bottom: 4rem;
	display: flex;
	justify-content: center;
	gap: 2rem;
	flex-wrap: wrap;
}

@media (max-width: 576px) {
	.result-filters {
		justify-content: flex-start;
	}

	.result-filters label {
		display: block; /* show labels on top of checkboxes */
	}
}

.result-filters label {
	font-size: 1.25rem;
	font-weight: 500;
}

.result-filters select,
.result-filters input {
	border-color: rgba(68, 68, 68, 0.25);
	border-width: 1px;
	background-color: white;
	font-size: 1rem;
	height: 2.5rem;
	border-radius: 5px;
	padding-left: 0.5rem;
}

/**************************************************************************************************
* Consultants Directory Page                                                                      *
***************************************************************************************************/
.consultant-filters {
	justify-content: left;
}

.consultant-cards {
	width: 100%;
	margin: 0;
}

.consultant-col {
	margin-bottom: 3rem;
}

.consultant-card {
	height: 100%; /* so all cards are of the same height */
}

.consultant-card-image {
	padding-left: 0;
	padding-right: 0;
}

/* square images of the same height */
.consultant-card figure.image {
	position: relative;
	width: 100%;
	padding-bottom: 100%; /* makes the container square */
	overflow: hidden;
	text-align: unset;
}

.consultant-card-image img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
/* End - square images of the same height */

.consultant-card a {
	display: block;
	text-decoration: none;
	font-size: 0.9rem;
	font-weight: 500;
	margin-bottom: 0.5rem;
}

.consultant-card a:hover {
	text-decoration: underline;
}

.consultant-card-cta {
	font-size: 0.9rem;
	padding-left: 2rem;
	padding-right: 3rem;
}

.consultant-card-cta h3 {
	margin-top: 0;
}

@media (max-width: 576px) {
	.consultant-card-cta {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

.consultant-card-cta ul {
	padding-left: 1rem;
}

.consultant-region {
	font-weight: 500;
}

/**************************************************************************************************
* Blogs Directory Page                                                                            *
***************************************************************************************************/
.blog-cards .blog-card {
	padding-left: 5%;
	padding-right: 5%;
	margin-bottom: 4rem;
}

.blog-cards .blog-card-date {
	margin-top: -0.5rem;
}

.blog-cards .blog-card-title h3 {
	font-size: 1.25rem;
	font-weight: 500;
	margin-bottom: 1rem;
}

/**************************************************************************************************
* Resources Directory Page                                                                      *
***************************************************************************************************/
.resource-filters {
	flex-direction: column;
	justify-content: flex-start;
	margin-bottom: 0;
	border-right: 0.5px solid #d3d3d3;
}

.resource-filters select {
	width: 100%;
}

.payment {
	list-style: none;
	padding : 0;
}

.payment li {
	background-color: #3d3d3d;
	color: #fff;
	border-radius: 1em;
	display: inline;
	font-size: 0.875em;
	padding: 0.25em 1em;
}

.resource-container > h1 {
	text-align: center;
	margin: 1rem 0 2rem;
}

.resource-card h3 {
	font-size: 1.125em;
}

.resource-iframe {
	width: 100%;
	margin-top: 1em;
}

.resource-iframe iframe {
	width: 100%;
	height: 100vh;
}

.resource-video {
	width: 100%;
	margin-top: 1em;
}

@media (max-width: 768px) {
	.resource-filters { border: none; }
}

/**************************************************************************************************
* Newsletters Directory Page                                                                      *
***************************************************************************************************/
.newsletter-filters {
	flex-direction: column;
	justify-content: flex-start;
	margin-bottom: 0;
	border-right: 0.5px solid #d3d3d3;
}

.newsletter-card {
	margin: 0 1% 3.5%;
	box-shadow: 0 0 7px 0 rgba(0,0,0,0.15);
}

.newsletter-card-thumbnail img {
	max-width: 100%;
}

.newsletter-card-title h3 {
	font-size: 1.25rem;
}

/**************************************************************************************************
* Newsletter Page                                                                                       *
***************************************************************************************************/
.newsletter-container {
	margin-bottom: 2rem;
}

.newsletter-headline, .newsletter-content-side-padding, .newsletter-iframe {
	width: 70%;
	margin: 0 auto;
}

.newsletter-headline {
	margin-top: 4rem;
}

.newsletter-headline-item {
	display: flex;
	align-items: center;
}

.newsletter-headline img {
	height: 1.25rem;
}

.newsletter-headline span {
	font-size: 1.25rem;
	font-weight: 400;
	padding-left: 1rem;
}

.newsletter-iframe {
	margin-top: 2rem;
}

.newsletter-iframe iframe {
	width: 100%;
	height: 100vh;
}

@media (max-width: 991px) {
	.newsletter-headline, .newsletter-content-side-padding, .newsletter-iframe {
		width: 100%;
	}
}

/**************************************************************************************************
* Recommended Courses Reusable Block                                                              *
***************************************************************************************************/
.recommended-courses {
	margin-bottom: 4rem;
}

.recommended-courses-title {
	margin-bottom: 2rem;
}

.recommended-courses h3,
.recommended-courses a {
	font-size: 18px !important;
}

/**************************************************************************************************
* Contact Form Block                                                                              *
***************************************************************************************************/
.pshsa-contact-form h4 {
	font-weight: 400;
}

.pshsa-contact-form input, .pshsa-contact-form textarea {
	border: 1px solid #c4cdd5;
	border-radius: 6px;
}

.pshsa-contact-form .btn-submit {
	background-color: unset;
	border: none;
	color: white;
	font-size: 18px;
}

div.contact-form .message {
	background-color: #ddd;
	padding: 1em;
	font-size: 18px;
}

div.contact-form .message.success {
	background-color: #388e3c;
	color: white;
}