@import url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@7.1.0/css/all.min.css");

@font-face {
	font-family: 'MyConferencesuite_Alliance';
	src: url('../../../../css/webfonts/MyConferencesuite_Alliance.eot?z1yefj');
	src: url('../../../../css/webfonts/MyConferencesuite_Alliance.eot?z1yefj#iefix') format('embedded-opentype'), url('../../../../css/webfonts/MyConferencesuite_Alliance.ttf?z1yefj') format('truetype'), url('../../../../css/webfonts/MyConferencesuite_Alliance.woff?z1yefj') format('woff'), url('../../../../css/webfonts/MyConferencesuite_Alliance.svg?z1yefj#MyConferencesuite_Alliance') format('svg');
	font-weight: normal;
	font-style: normal;
}

:root {
	--body-bg:rgba(84, 34, 103, 1);
	--primary-purple: rgba(84, 34, 103, 1);
	--yellow: rgba(244, 225, 122, 1);
	--green: rgba(80, 167, 72, 1);
	--red: rgba(188, 90, 89, 1);
	--brown: rgba(89, 13, 13, 1);
	
	--dark:#222222;

	--info-color: #ffffff;

	/* Radii */
	--radius-xs: 4px;
	--radius-sm: 6px;
	--radius-md: 10px;
	--radius-lg: 18px;
	--radius-xl: 25px;

	--transition: all .7s cubic-bezier(.25, .8, .25, 1);

	--box-shadow: 0px 0px 0px rgba(00, 00, 00, 0.0);
	--transform: scale(1) translateY(0px);
	--box-shadow-hover: 0px 5px 18px rgba(00, 00, 00, 0.1);
	--transform-hover: scale(1.05) translateY(-2px);

	--font-awesome: "Font Awesome 7 Free";
}
html{
	background:transparent;
}
body{
	padding:1rem;
	background: rgba(93, 37, 102, .1);
}
#menu{
	display:block !important;
}


div[data-group="session-selection"] fieldset{
	margin: 0 1rem;
}

div[data-group="session-selection"] fieldset legend{
	display:none;
}
div[data-group="session-selection"] .alert.alert-note{
	width: 100% !important;
	background: #dedede;
	color: #020202;
	font-size: 0.9rem;
	padding: 8px 10px;
	display: flex !important;
	align-items: center;
	justify-content: flex-start;
	margin: 0 0 1rem 0;
	border-radius: 999px;
	margin: 0 0 1rem 0;
	gap:0.3rem;
}

.row .col-sm-3{
	position:sticky;
	top:25px;
}
.row .col-sm-3 h3{
    background: rgba(27, 31, 36, 0.8);
    color: #ffffff;
    padding: 0.80rem 1rem;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(00, 000, 00, 0.15);
    margin: 1rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.row .col-sm-3 h3 i{
	font-size: 1.5rem;
    transform: rotate(8deg);	
}

#footer {
	padding: 2rem;
}

.row {
	margin: 0;
}

#content-middle .panel {
	background: transparent;
}

.alert.alert-success {
	display: none;
}

div.pageinfo {
	background: var(--primary-purple);
	padding: 13px;
	border: none;
	font-size: 1rem;
	color: var(--info-color);
	font-weight: 400;
	text-align: center;
	text-shadow: none;
	margin: 1rem 0;
	border-radius: 15px;
	box-shadow: 0px 3px 10px rgba(00, 00, 00, 0.1);
}

div.pageinfo strong {
	font-weight: 600;
}

.MyCS_brand:after {
	font-family: 'MyConferencesuite_Alliance';
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\e900';
	color: rgba(255, 255, 255, 0.9);
	font-size: 45px;
	text-shadow: none;
}

html,
body,
input,
select,
textarea,
legend,
legend.left,
label,
label.left {
	font-size: 1.1rem !important;
}

div[data-group="comments"] {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid rgba(00, 00, 00, 0.1);
}

div.field {
	width: 100%;
	margin: 0;
	overflow: visible;
}

div#fieldContainer {
	display: grid;
	gap: 0.5rem;
}

.fancybox-bg {
	background: rgba(15, 23, 42, 0.55) !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	transition: opacity .35s ease;
}

/* Optional softer open fade */
.fancybox-is-open .fancybox-bg {
	opacity: 1;
}

.fancybox-content {
	background: rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);

	border-radius: 16px;
	border: 1px solid rgba(255, 255, 255, 0.2);

	box-shadow:
		0 20px 60px rgba(0, 0, 0, .25),
		inset 0 1px 0 rgba(255, 255, 255, .15);

	color: #fff;
	/* if using dark glass */

	opacity: 0;
	transform: translateY(20px) scale(.96);
	transition:
		opacity .35s ease,
		transform .35s cubic-bezier(.22, 1, .36, 1);
}

.fancybox-slide--current .fancybox-content {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.fancybox-content::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 16px;
	background: linear-gradient(135deg,
		rgba(255, 255, 255, .25),
		rgba(255, 255, 255, .05));
	pointer-events: none;
}

.modalPopUp {
	padding: 2rem !important;
	border-radius: 25px;
	box-shadow: 0px 5px 20px rgba(00, 00, 00, 0.4);
}



#header .container {
	width: 100% !important;
}

.tab-content {
	background: transparent;
}

#header,
#content {
	border-radius: 25px;
	background: #ffffff;
}
#header{
	max-width: 90%;
	overflow: hidden;
	margin: 0rem auto;
	box-shadow: 0px 5px 15px rgba(00, 00, 00, 00.2) !important;
}
#content {
	width: 90% !important;
	box-shadow: 0px 4px 18px rgba(00, 00, 00, 0.1);
	margin: 1rem auto;
}
/***********************************
Radio/Checkbox Inputs
***********************************/
[type="radio"],
[type="checkbox"] {
	opacity: 0;
	position: absolute;
}

[type="radio"]+label,
[type="checkbox"]+label {
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	display: inline-block;
	color: #666;
	line-height: 25px;
	transition: var(--transition);
}

[type="radio"]+label:before,
[type="checkbox"]+label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	border: 2px solid rgba(89, 13, 13, 0.5);
	background: #fff;
	transition: var(--transition);
}

[type="checkbox"]+label:before {
	border-radius: 0px;
}

[type="radio"]:checked+label:after,
[type="checkbox"]:checked+label:after {
	content: "";
	position: absolute;
	left: 3px;
	top: 7px;
	width: 14px;
	height: 14px;
	border-radius: 100%;
	background: var(--red);
	transform: scale(1.4);
	opacity: 1;
	transition: var(--transition);
}

[type="checkbox"]:checked+label:after {
	border-radius: 0;
}

[type="radio"]:checked+label:before,
[type="checkbox"]:checked+label:before {
	border-color: rgba(89, 13, 13, 1.0);
	transition: var(--transition);
	transform: scale(1.4);
}

[type="radio"]:not(:checked)+label:after,
[type="checkbox"]:not(:checked)+label:after {
	content: "";
	position: absolute;
	left: 3px;
	top: 7px;
	width: 14px;
	height: 14px;
	border-radius: 100%;
	background: #fff;
	transform: scale(0);
	opacity: 0;
	transition: var(--transition);
}

[type="checkbox"]:not(:checked)+label:after {
	border-radius: 0;
}

label.full:after {
	content: "Full" !important;
	font-size: 14px;
	color: orangered;
}

#paymentForm input[type="radio"] {
	opacity: 1 !important;
	float: none;
	position: relative;
}

div[data-group="wide"] div.text-editable {
	width: 100% !important;
}

div.field div.form-group div {
	width: 68% !important;
}

div.field div.form-group label {
	width: 29% !important;
}

fieldset legend.left {
	float: left;
	width: 29%;
	border: none;
	font-weight: normal;
}

div.field div.form-group fieldset div.de_fieldset span.de_cols_1 label {
	width: 100% !important;
	float: left;
	padding-left: 6%;
	padding-top: 3px;
	position: relative;
}

div[data-group="note"] div.form-group p.information {
	display: none;
}

div[data-group="note"] div.form-group .text-editable {
	width: 100% !important;
}

div[data-group="note"] div.form-group .text-editable .alert {
	width: 98% !important;
	margin: 15px;
}

div[data-group="note"] h3 {
	background: var(--green);
	color: #ffffff;
	padding: 1rem;
	border-radius: 17px;
	box-shadow: 0px 3px 18px rgba(00, 00, 00, 0.1);
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.5rem;
}

div[data-group="note"] h3 i {
	font-size: 1.1rem;
	text-shadow: 1px 3px 10px rgba(00, 00, 00, 0.1);
}

.loadInfo,
#mycs-spinner {
	background: rgba(255, 255, 255, .8) url('https://mycs-cdn.myconferencesuite.com/other/Project/3280/5b/3b/loading2025.gif') 50% 50% no-repeat !important;
	background-size: 75px !important;
}

#mycs-loading-mask {
	background: rgba(255, 255, 255, 1) !important;
	display: none;
}

#mycs-spinner {
	width: 80px !important;
	height: 76px !important;
	background-color: transparent !important;
}

div.field div.form-group {
	overflow: visible;
}

input[type="text"],
input[type="email"],
select,
textarea {
	height: auto;
	padding: 10px 14px;
	line-height: normal;
	border-radius: 8px;
	transition: var(--transition);
	box-shadow: 0 0 0 rgba(00, 00, 00, 0.0);
	transform: var(--transform);
}

input[type="text"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
	transition: var(--transition);
	box-shadow: 0 3px 18 rgba(00, 00, 00, 0.05);
	transform: scale(1) translateY(-2px);
}

#register,
#returning,
#button input,
.btn-primary,
#addAdt,
#paybtn,
.btn-agenda,
.btn-agenda:visited {
	padding: 18px 30px !important;
	text-transform: uppercase;
	margin: 5px;
	border: 1px solid var(--red);
	color: #ffffff;
	background: var(--red);
	border-radius: 20px;
	display: inline-block;
	border-color: var(--red);
	transition: var(--transition) !important;
	box-shadow: 0 0 0 rgba(00, 00, 00, 0.0) !important;
	transform: var(--transform) !important;
	font-size: 1.1rem;
}

#register:hover,
#register:focus,
#returning:hover,
#returning:focus,
#button input:hover,
#button input:focus,
.btn-primary:hover,
.btn-primary:focus,
#addAdt:hover,
#addAdt:focus,
#paybtn:hover,
#paybtn:focus,
.btn-download:hover,
.btn-download:focus,
.btn-download:visited:hover,
.btn-download:visited:focus,
.btn-agenda:hover,
.btn-agenda:focus{
	background: var(--red);
	border-color: var(--red);
	transition: var(--transition) !important;
	box-shadow: 0 3px 18px rgba(00, 00, 00, 0.05) !important;
	transform: scale(1) translateY(-2px) !important;
}
.btn-agenda{
	display:inline-flex;
	gap:0.5rem;
	align-items:center;
}
.btn-agenda i{
	transition: var(--transition) !important;
	transform: scale(1) translateY(0px) !important;
	font-size: 1.2rem;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
.btn-agenda:hover i{
	transition: var(--transition) !important;
	transform: scale(1.2) translateY(0px) rotate(-12deg) !important;
	text-shadow: 1px 3px 12px rgba(0, 0, 0, .25);
}
.btn-agenda:hover{
	color:#ffffff !important;	
}
.btn-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin: 1rem;
	padding: 1rem 0;
}

.btn-wrapper a {
	float: none !important;
	margin: 0px !important;
}

.review #fieldContainer {
	gap: 1rem;
}

.review #fieldContainer hr {
	display: none;
}

.review #fieldContainer .field-summary {
	padding: 1.5rem 1rem;
	border-radius: 10px;
	box-shadow: 0px 0px 3px rgba(00, 00, 00, 0.05);
	transition: var(--transition) !important;
	transform: var(--transform) !important;
}

.review #fieldContainer .field-summary:hover {
	transition: var(--transition) !important;
	box-shadow: 0 3px 18px rgba(00, 00, 00, 0.05) !important;
	transform: scale(1.01) translateY(-2px) !important;
}

.review #fieldContainer .field-summary span {
	transition: var(--transition) !important;
	font-weight: normal;
}

.review #fieldContainer .field-summary:hover span {
	transition: var(--transition) !important;
	font-weight: normal;
	color: var(--green);
}

div[data-group="session-selection"] p {
	display: none;
}

div[data-group="session-selection"].field div.form-group fieldset div.de_fieldset {
	display: flex !important;
	width: 100% !important;
	gap: 1.5rem;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

div[data-group="session-selection"].field div.form-group fieldset div.de_fieldset span.de_cols_1 {
	max-width: 316px;
	width: 100%;
}

div[data-group="session-selection"].field div.form-group fieldset div.de_fieldset span.de_cols_1 * {
	transition: all .5s cubic-bezier(.25, .8, .25, 1) !important;
	transform: scale(1) translateY(0px) !important;
}

div[data-group="session-selection"].field div.form-group fieldset div.de_fieldset span.de_cols_1 label {
	padding: 1rem;
	border-radius: 25px;
	box-shadow: 0px 0px 7px rgba(00, 00, 00, 0.05);
	margin: 0 !important;
	width: 100%;
	transition: all .5s cubic-bezier(.25, .8, .25, 1) !important;
	transform: scale(1) translateY(0px) !important;
	border: 2px solid transparent;
}

div[data-group="session-selection"].field div.form-group fieldset div.de_fieldset span.de_cols_1 label:hover,
div[data-group="session-selection"].field div.form-group fieldset div.de_fieldset span.de_cols_1 [type="radio"]:checked+label {
	transition: all .5s cubic-bezier(.25, .8, .25, 1) !important;
	box-shadow: 0 4px 18px rgba(00, 00, 00, 0.05) !important;
	transform: scale(1.01) translateY(-4px) !important;
	color: var(--red);
}

div[data-group="session-selection"].field div.form-group fieldset div.de_fieldset span.de_cols_1 [type="radio"]:checked+label {
	box-shadow: 0 4px 18px rgba(80, 167, 72, 0.1) !important;
	border-color: rgba(80, 167, 72, 0.2) !important;
}

div[data-group="session-selection"].field div.form-group fieldset div.de_fieldset span.de_cols_1 [type="radio"]:checked+label:after{
    font-family: var(--font-awesome);
    font-weight: 900;
    display: inline-block;
    content: "\f058";
    font-size: 2rem;
    background: transparent;
    position: absolute;
    right: -2px;
    top: -5px;
    width: unset;
    height: unset;
    left: unset;
    border-radius: unset;
    transform: unset;
    color: var(--green);
}

div[data-group="session-selection"].field div.form-group fieldset div.de_fieldset span.de_cols_1 [type="radio"]:checked+label * {
	color: var(--green);

}



div[data-group="session-selection"].field div.form-group fieldset div.de_fieldset span.de_cols_1 label:before,
div[data-group="session-selection"].field div.form-group fieldset div.de_fieldset span.de_cols_1 label:after {
	display: none;
}

div[data-group="session-selection"].field div.form-group fieldset div.de_fieldset span.de_cols_1 label span {
	display: grid !important;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	text-align: center;
}

div[data-group="session-selection"].field div.form-group fieldset div.de_fieldset span.de_cols_1 label span .ses-city:before,
div[data-group="session-selection"].field div.form-group fieldset div.de_fieldset span.de_cols_1 label span .ses-date:before,
div[data-group="session-selection"].field div.form-group fieldset div.de_fieldset span.de_cols_1 label span .ses-venue:before {
	font-family: var(--font-awesome);
	display: inline-block;
	content: "";
	font-weight: 900;
}

div[data-group="session-selection"].field div.form-group fieldset div.de_fieldset span.de_cols_1 label span .ses-city:before {
	content: "\f64f";
}

div[data-group="session-selection"].field div.form-group fieldset div.de_fieldset span.de_cols_1 label span .ses-date:before {
	content: "\f073";
}

div[data-group="session-selection"].field div.form-group fieldset div.de_fieldset span.de_cols_1 label span .ses-venue:before {
	content: "\f041";
	;
}

div[data-group="session-selection"].field div.form-group fieldset div.de_fieldset span.de_cols_1 .de_fee,
div[data-group="session-selection"].field div.form-group fieldset div.de_fieldset span.de_cols_1 .de_quantity {
	display: none !important;
}

.event-wrapper .event-header {
	text-align: center;
	margin: 0 0 2rem 0;
}

.event-wrapper .event-header h2 {
	font-size: 30px;
	font-weight: 600;
	margin: 2rem 0 2rem 0;
}

.event-wrapper .event-header i {
	color: var(--red);
	margin-right: 8px;
}

.event-wrapper .event-subtext {
	color: #555;
	margin-top: 10px;
}

.event-wrapper .event-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 24px;
}

/* CARD */
.event-wrapper .event-card {
	position: relative;
	background: #ffffff;
	border-radius: 18px;
	padding: 28px 24px 24px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.06);
	transition: all .4s ease;
	overflow: hidden;

	opacity: 0;
	transform: translateY(40px);
}

.event-wrapper .event-card.visible {
	opacity: 1;
	transform: translateY(0);
}

.event-wrapper .event-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 20px 40px rgba(0,0,0,0.12);
}

/* Accent Bar */
.event-wrapper .event-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 100%;
}

/* City Accent Colors */
.event-wrapper .event-card[data-city="Toronto"]::before {
	background: #2563eb;
}

.event-wrapper .event-card[data-city="Montreal"]::before {
	background: #7c3aed;
}

.event-wrapper .event-card[data-city="Vancouver"]::before {
	background: #059669;
}

.event-wrapper .event-card[data-city="Calgary"]::before {
	background: #dc2626;
}

.event-wrapper .event-card[data-city="Mississauga"]::before {
	background: #d97706;
}

.event-wrapper .event-city {
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 1px;
	margin-bottom: 18px;
}

.event-wrapper .event-details {
	font-size: 1rem;
	color: #555;
}

.event-wrapper .event-details div {
	margin-bottom: 10px;
}

.event-wrapper .event-details i {
	margin-right: 8px;
	color: rgba(02,02,02,1);
}

.event-wrapper .event-local{
	display:flex;
	gap:0.3rem;
}
span.ses-date {
	font-size: 0.9rem;
}
span.ses-venue {
	font-size: 1rem;
}


/* Small tablet/Phone */
@media (min-width: 240px) and (max-width: 768px) {
	body{
		padding:0rem;
	}
	#header,
	#content {
		max-width: 100% !important;
		width: 100% !important;
		background:transparent;
	}
	div.field{
		border-radius: 25px;
		background: #ffffff;
		box-shadow: 0px 4px 18px rgba(00, 00, 00, 0.1);
		padding:1rem;
	}
	#content{
		box-shadow:none !important;	
	}
	div[data-group="session-selection"].field{
		background:transparent !important;
		box-shadow:none;
	}
	.review #fieldContainer .field-summary{
		background:#ffffff;	
	}
	div[data-group="session-selection"].field div.form-group fieldset div.de_fieldset span.de_cols_1 label{
		background: #ffffff;	
	}
	.event-wrapper .event-header h2 {
		margin: 2rem 0 2rem 0;
		display: grid;
	}
	.event-wrapper .event-header h2 i {
		margin: 0.5rem 0;
		display: block;
		width: 100%;
	}
	.btn-wrapper {
		display: grid;
		gap: 1rem;
		align-items: center;
		justify-content: center;
	}
	.btn-wrapper a{
		text-align: center;
	}
	.row .col-sm-3{
		text-align: center;
		position: relative;
		top: unset;
	}
	.row .col-sm-9{
		padding:0px;
	}
	div.col-sm-9 div.panel div.panel-body,
	div.col-sm-9 div.panel #fields{
		padding:0;
	}
	div[data-group="session-selection"] fieldset {
		margin: 0;
	}
	div[data-group="session-selection"].field div.form-group fieldset div.de_fieldset span.de_cols_1{
		max-width: 95% !important;
	}
	div.field div.form-group fieldset div.de_fieldset span.de_cols_1 label{
		padding-left: 10%;
		font-weight: normal !important;
		color: unset !important;
	}
	div[data-group="note"] h3{
		justify-content: center;
	}
	div.field div.form-group div{
		width:100% !important;
	}
	#button {
		text-align: center;
	}
	div.field div.form-group label{
		width:100% !important;
	}
	.review .col-md-6.field_value,
	.review .ses-venue{
		display:grid !important;
	}

	div.review div.field-summary span.field {
		width: 100%;
		float: none;
		display: block;
		font-weight: bold;
		padding: 0.5rem 1rem;
		background: var(--red);
		margin: 0 0 1rem 0rem;
		border-radius: 10px;
		color: #ffffff;
		box-shadow: 0px 3px 8px rgba(00, 00, 00, 0.1);
		border: 2px solid var(--brown);
	}
	section.event-wrapper {
		background: #ffffff;
		padding: 1rem;
		border-radius: 25px;
		box-shadow: 0px 5px 18px rgba(00, 00, 00, 0.05);
	}
}


/* Small desktop */
@media (min-width: 1024px) {

}

/* Large desktop */
@media (min-width: 1280px) {

}

/* Ultra-wide */
@media (min-width: 1536px) {

}
.financial-support-page .row .col-sm-9{
	width:100%;
	flex:100%;
}
.financial-support-page .row .col-sm-3{
	display:none;	
}

#menu{
    
}
#menu .navbar{
    width: 100%;
    background: var(--primary-purple);
    min-height: unset;
}
#menu .navbar:before,
#menu .navbar:after,
#menu .navbar .container-fluid:before,
#menu .navbar .container-fluid:after,
#menu .navbar .container-fluid .navbar-collapse .navbar-nav:before,
#menu .navbar .container-fluid .navbar-collapse .navbar-nav:after{
    display:none;
}
#menu .navbar .container-fluid .navbar-collapse .navbar-nav{
    width: 100%;
    float: none;
    display: flex;
    margin: 0px auto;
    background: transparent;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
#menu .navbar .container-fluid .navbar-collapse .navbar-nav li{
        float: none;
        line-height: normal;
        margin: 0;
}
#menu .navbar .container-fluid .navbar-collapse .navbar-nav li a{
    font-size: 1.1rem;
    line-height: normal;
    padding: 0.75rem 1.5rem !important;
}
.nav>li>a:hover, .nav>li>a:focus, .nav>li.active>a {
    background-color: var(--red);
    outline: none;
}
.card.conference-card {
    box-shadow: none;
    margin-bottom: 40px;
    background: transparent;
    border-radius: 16px;
    padding: 0;
}
.card-content {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
@media (min-width: 900px) {
    .card-content {
        grid-template-columns: 1fr 1fr;
    }
}

.section {
    margin-bottom: 0px;
    background: #ffffff;
    border-left: 6px solid transparent;
    border-radius: 16px;
    padding: 20px;
	box-shadow: 0px 2px 10px rgba(00, 00, 00, 0.05);
	opacity: 0;
    transform: translateY(30px);
    transition: transform 0.3s, box-shadow 0.3s, opacity 0.3s;
}
.section:hover {
    transform: translateY(-4px) scale(1) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .06);
}

.section{ border-color: var(--primary-purple); }

.section:hover{
	transition:var(--transition);
	box-shadow: 0px 5px 18px rgba(00, 00, 00, 0.09);
	transform: scale(1.01) translateY(-3px);
	border-color: var(--red);
}
@media (min-width: 900px) {
    .full-width {
        grid-column: 1 / -1;
    }
}
.section p {
    line-height: 1.6;
    margin: 0.5rem 0 0;
}
p.faculty {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--red);
    margin: 0 0 0.25rem 0;
    line-height: normal;
}
p.faculty small {
    font-size: 1rem !important;
    color: #333333;
    font-weight: 400;
    font-style: italic;
}