@font-face {
	font-family: "McGill Sans";
	src: url("../fonts/mcgillsans-regular.otf");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "McGill Sans";
	src: url("../fonts/mcgillsans-italic.otf");
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: "McGill Sans";
	src: url("../fonts/mcgillsans-medium.otf");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "McGill Sans";
	src: url("../fonts/mcgillsans-mediumitalic.otf");
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: "McGill Sans";
	src: url("../fonts/mcgillsans-bold.otf");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "McGill Sans";
	src: url("../fonts/mcgillsans-bolditalic.otf");
	font-weight: 700;
	font-style: italic;
}

/*SERIF*/
@font-face {
	font-family: "McGill Serif";
	src: url("../fonts/mcgillserif-regular.otf");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "McGill Serif";
	src: url("../fonts/mcgillserif-italic.otf");
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: "McGill Serif";
	src: url("../fonts/mcgillserif-medium.otf");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "McGill Serif";
	src: url("../fonts/mcgillserif-mediumitalic.otf");
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: "McGill Serif";
	src: url("../fonts/mcgillserif-bold.otf");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "McGill Serif";
	src: url("../fonts/mcgillserif-bolditalic.otf");
	font-weight: 700;
	font-style: italic;
}

body {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-family: "McGill Sans", "Roboto", "Arial", "Helvetica", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: normal;
	color: #000000;
	height: 100%;
}
.main-col{min-height: 100vh;
    display: flex;
    flex-direction: column;}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
	color: #000000;
}

body {
	color: #1f1f1f;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
	color: #000000;
}

body main,
body div,
body p,
body span {
	color: inherit;
}


.skip-text {
	display: block;
	position: absolute;
	top: -40px;
	left: 50%;
	transform: translateX(-50%);
}

.skip-text:focus {
	visibility: visible;
	top: 0;
}

.container {
	max-width: 1170px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

header {
	border-bottom: solid 1px #666;
	padding: 0em 3em 0em 4em;
}

.cm_head_mobile {
	display: none;
}

.cm_nav_mobile {
	display: none;
}

.cm_head_desktop {
	display: grid;
	grid-template-columns: 1fr 3fr;
	gap: 10px;
	align-items: anchor-center;
}

.cm_head_desktop .cm_logo {
	width: fit-content;
	display: flex;
	align-items: center;
	gap: 0.60rem;
}

.cm_logo span {
	width: 2px;
	height: 36px;
	background-color: #ccc;
	display: block;
	content: '';
}

.cm_head_desktop .cm_logo .mcgill_logo {
	width: 124px;
}

.cm_head_desktop .cm_logo .dialogue_logo {
	width: 220px;
}

.cm_head_desktop .cm_top_nav {
	display: grid;
	align-items: center;
	text-align: right;
	grid-auto-flow: column;
}

.cm_head_desktop .cm_top_nav a {
	color: #000;
	text-decoration: none;
}

.cm_head_desktop .cm_top_nav a:hover {
	color: #000;
	text-decoration: none;
}

.cm_head_desktop .cm_top_nav a:focus {
	color: #000;
	text-decoration: underline;
}

.cm_head_desktop .cm_top_nav ul {
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.cm_head_desktop .cm_top_nav ul li {
	display: inline-block;
	padding-left: 0em;
	padding-right:1em;
}

.cm_head_desktop .cm_top_nav ul li button {
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	cursor: pointer;
}
.cm_head_desktop .cm_top_nav .cm_cart .cm-cart-widget-small a{color:#000000;}
.cm_head_desktop .cm_top_nav .cm_cart .cm-cart-widget-small a:hover{color:#000000;text-decoration: none;border-bottom: 0px;}
.cm_head_desktop .cm_top_nav .cm_cart .fa-solid,
.cm_head_desktop .cm_top_nav .cm_cart i,
.cm_head_desktop .cm_top_nav .cm_cart ion-icon,
.cm_head_desktop .cm_top_nav .cm_cart svg {
	font-size: 24px;
	vertical-align: middle;
	color:#000000;
}

.cm_head_desktop .cm_top_nav .cm_search .fa-solid,
.cm_head_desktop .cm_top_nav .cm_search ion-icon,
.cm_head_desktop .cm_top_nav .cm_search svg,
.cm_head_desktop .cm_top_nav .cm_search i {
	font-size: 20px;
	vertical-align: middle;
}
.cm_head_desktop .cm_top_nav .cm_login a{color:#000000;}
.cm_head_desktop .cm_top_nav .cm_login a:hover{color:#000000;text-decoration: none;border-bottom: 0px;}
.cm_head_desktop .cm_top_nav .cm_login ion-icon,
.cm_head_desktop .cm_top_nav .cm_login svg{font-size: 24px;
	vertical-align: middle;
color:#000000;}

.cm_head_desktop .cm_top_nav .cm_lang span {
	border: solid 2px rgb(29, 68, 115);
	border-radius: 0.25rem;
	text-align: center;
	padding: 0.5rem 1rem 0.5rem 1rem;
}

.cm_head_desktop .cm_top_nav .cm_lang span:hover {
	border: solid 2px rgb(29, 68, 115);
	background-color: rgb(29, 68, 115);
	color: #fff;
	cursor: pointer;
}

.cm_nav_desktop .cm_menu {
	display: flex;
	list-style: none;
	padding: 1.2em 0 1.2em 0;
	margin: 0 0 0 0;
	flex-direction: column-reverse;
}

.cm_nav_desktop .cm_menu>ul {
	padding-left: 0;
}

.cm_nav_desktop .cm_menu li {
	display: inline-block;
	padding-right: 0.5em;
}

.cm_nav_desktop .cm_menu li a {
	color: rgb(29, 68, 115);
	text-decoration: none;
	border-bottom: solid 3px #fff;
	padding-bottom: 4px;
}

.cm_nav_desktop .cm_menu .selected_sidebar_category_link,
.home .cm_nav_desktop .cm_menu:not(:has(.selected_sidebar_category_link)) .home {
	border-bottom: solid 3px #000;
	padding-bottom: 4px;
}

.cm_nav_desktop .cm_menu li a:hover,
.home .cm_nav_desktop .cm_menu:not(:has(.selected_sidebar_category_link)) .home:hover {
	border-bottom: solid 3px #ee1b2f;
	padding-bottom: 4px;
	color: #ee1b2f;
}

.cm_nav_desktop .cm_menu li a:active {
	border-bottom: solid 3px #000;
	padding-bottom: 4px;
}

/*.no-first .cm_breadcrumbs .first {
	display: none;
}

.no-first .cm_breadcrumbs .sep:first-of-type {
	display: none;
}*/

.no-first .cm_breadcrumbs li:nth-child(3) .sep {
	display: inline-block;
}

.no-first .cm_breadcrumbs li:nth-child(4) .sep {
	display: inline-block;
}

.no-first .cm_breadcrumbs li:nth-child(5) .sep {
	display: inline-block;
}

.home .cm_breadcrumbs {
	display: none;
}

.cm_breadcrumbs {
	padding: 40px 0 20px 0;
}
@media screen and (max-width: 1200px) {
	.cm_breadcrumbs {
		padding: 40px 20px 20px 20px;
	}
}

.cm_breadcrumbs ul {
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 0.8rem;
}

.cm_breadcrumbs ul li {
	display: inline-block;
}

/* Hide the page you are on to be in the breadcrumbs */
/*.cm_breadcrumbs .breadcrumb>ul>li:last-child {
	display: none;
}*/

.cm_breadcrumbs ul li a {
	color: #000000;
	text-decoration: none;
}

.cm_breadcrumbs ul li a:hover {
	color: #ee1b2f;
}

h1 {
	font-family: mcgillserif-regular, georgia, "Times New Roman", serif;
	font-weight: 500;
	font-size: 2.88rem;
	margin: 0 0 1rem 0;
}

h2 {
	font-family: mcgillserif-regular, georgia, "Times New Roman", serif;
	font-size: 1.75rem;
	font-weight: 500;
	margin: 0 0 1rem 0;
}

h3 {
	font-family: mcgillsans-regular, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 1.58rem;
	font-weight: 500;
	margin: 0 0 1rem 0;
}

h4 {
	font-size: 1rem;
	font-family: mcgillserif-medium, georgia, "Times New Roman", serif;
	font-weight: 500;
	margin: 0 0 1rem 0;
}

.cm_content {
	margin: 0 0 4em 0;
}

.page-categories .cols {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 30px;
}

.page-categories .col-1,
.page-categories .col-2,
.page-categories .col-3 {
	background-color: #f2f3f3;
	color: #101f27;
	padding: 20px 30px 20px 30px;
	text-align: left;
}

.page-categories .col-1 .category-list-title,
.page-categories .col-2 .category-list-title,
.page-categories .col-3 .category-list-title {
	text-align: center;
}

.page-categories .col-1 .button,
.page-categories .col-2 .button,
.page-categories .col-3 .button {
	padding: 0.5rem 2rem 0.5rem 2rem;
	display: block;
}

.accordion-headline:before {
	content: '+';
	position: relative;
	font-size: 30px;
	margin-left: 10px;
	margin-right: 15px;
}

.accordion-headline.open:before {
	content: '-';
	font-size: 30px;
	position: relative;
	margin-left: 10px;
	margin-right: 15px;
}

.accordion-headline {
	transition: background .2sease-out;
	color: #000;
	font-weight: 500;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
	background-color: #fff;
	margin: 0 0 20px 0;
	border: .1rem solid #000;
	font-size: 1.5rem;
}

.accordion-headline:hover {
	background: #000;
	color: #fff;
}

.accordion-headline.open {
	margin-bottom: 0px;
	border-bottom: 0;
	background: #000;
	color: #fff;
}

.accordion-content {
	padding: 10px 15px 20px 15px;
	background-color: #fff;
	margin-bottom: 10px;
	border: .1rem solid #000;
	border-top: 0;
}

.accordion-content p {}

.product-email {
	display: block;
	width: 450px;
	float: right;
	clear: both;
	text-align: left;
	margin-left:30px;
}

@media screen and (max-width: 768px) {
	.product-email {
		width: auto;
	}
}

.product-email .email-icon {
	display: inline-block;
	width: 4%;
	vertical-align: top;
	text-align: left;
}

.product-email .email-icon img {
	width: 24px;
	vertical-align: middle;
	margin-top: -2px;
}

.product-email .email-text {
	display: inline-block;
	width: 90%;
	vertical-align: top;
}

.product-email .email-text a {
	text-decoration: underline;
	color: #000;
}

.product-email .email-text p {
	margin: 0 0 0 0;
	padding-left: 15px;
}

.button {
	background-color: rgb(29, 68, 115);
	color: #fff;
	text-align: center;
	display: inline-block;
	border-radius: 0.25rem;
	border: solid 2px rgb(29, 68, 115);
	font-family: mcgillsans-medium, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	padding: 0.5rem 0.75rem 0.5rem 0.75rem;
	text-decoration: none;
	font-weight: 600;
}

.button:hover {
	background-color: #fff;
	color: rgb(29, 68, 115);
	text-decoration: none;
}

.button:focus {
	background-color: #fff;
	color: #000;
	text-decoration: none;
}

.button-reverse {
	background-color: #fff;
	color: #000;
	text-align: center;
	display: inline-block;
	border-radius: 0.25rem;
	border: solid 2px #000;
	font-family: mcgillsans-medium, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	padding: 0.5rem 0.75rem 0.5rem 0.75rem;
	text-decoration: none;
	font-weight: 600;
}

.button-reverse:hover {
	background-color: #000;
	color: #fff;
	text-decoration: none;
}

.button-reverse:focus {
	background-color: #000;
	color: #fff;
	text-decoration: none;
}

input,
select {
	border: solid 1px #333;
	outline: none;
	padding: 0.5rem;
}

input:hover,
input:focus {
	outline: solid 1px #000;
}

footer {
	background-color: #000;
	padding: 0.7em 4em 0.7em 4em;
}
.bottom-section{/*background-color: #212121;*/background-color: rgb(29, 68, 115);margin-top: auto;padding:0 4em 0 4em;}
.pre-footer{padding: 1em 0 0 0;display: grid;grid-template-columns: 4fr 1fr;color:#fff;}
.pre-footer-col-1{display: grid;grid-template-columns: 1fr 1fr;}
.pre-footer-col-1 h2{font-family: "McGill Sans", "Roboto", "Arial", "Helvetica", sans-serif;color: #fff;font-weight: 400;}
.pre-footer-col-1 a{color:#fff;text-decoration: underline;}
.pre-footer-col-1 a:hover{text-decoration: none;}
.footer-p-1{margin-bottom: 2em !important;}
.footer-p-2{margin-top:2.7em !important;margin-bottom: 1em !important;}
.footer-p-3{margin-bottom: 1em !important;}
.footer-p-4{margin-bottom: 1em !important;}
.pre-footer .pre-footer-col-2 .health-logo{width:300px;margin-top:2.3em;}
.footer-logo{width:250px;display: block;margin-bottom:0.5em;}
.cm_footer_logo {
	display: inline-block;
	width: 45%;
}

.cm_footer_logo img,
.cm_footer_logo p {
	display: inline-block;
}

.cm_footer_logo p {
	color: #9a9898;
	font-size: 0.8em;
}

.cm_footer_logo img {
	padding-right: 25px;
	vertical-align: middle;
}

.cm_footer_links {
	display: inline-block;
	text-align: right;
	width: 54%;
}

.cm_footer_links ul {
	list-style: none;
	padding: 0 0 0 0;
}

.cm_footer_links ul li {
	display: inline-block;
	padding-left: 25px;
}

.cm_footer_links ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 0.9em;
}

.cm_footer_links ul li a:hover {
	color: #ee1b2f;
	text-decoration: underline;
}

.cm_footer_links .cm-login a,
.cm_footer_links .cm-my-account a {
	border: solid 2px #fff;
	border-radius: 0.25rem;
	padding: 10px 15px 10px 15px;
}

.cm_footer_links .cm-login a:hover,
.cm_footer_links .cm-my-account a:hover {
	border: solid 2px #ee1b2f;
	text-decoration: none;
}

.cm_footer_links .cm-login a .fa-solid,
.cm_footer_links .cm-login a i,
.cm_footer_links .cm-login a ion-icon,
.cm_footer_links .cm-login a svg {
	margin-left: 5px;
}
.pre-footer-col-1 .socials{list-style: none;padding: 0 0 0 0;margin: 10px 0 0 0;}
.pre-footer-col-1 .socials li{display: inline-block;padding-right:10px;}
.pre-footer-col-1 .socials li a{}
.pre-footer-col-1 .socials li .facebook{width:20px;}
.pre-footer-col-1 .socials li .twitter{width:33px;}
.pre-footer-col-1 .socials li .instagram{width:26px;vertical-align: bottom;}
.pre-footer-col-1 .youtube{width: 42px; vertical-align: bottom;margin-bottom: 1em;}
.pre-footer-col-1 .linkedin{width:34px;margin-top: 2em;margin-bottom: 1em;text-align: left;margin-right: 0.5em;}
@media screen and (min-width: 1700px) {.footer-first{min-width: 1700px;margin-left: auto;margin-right: auto;}}
@media screen and (max-width: 1400px) {.cm_head_desktop {display: grid;grid-template-rows: 1fr 1fr;gap: 2px;grid-template-columns:1fr;}.cm_head_desktop .cm_top_nav{text-align: left;}}
@media screen and (max-width:1200px) {
	.cm_content {
		padding: 20px 20px 0 20px;
	}
}

/*@media screen and (max-width:1140px) {.cm_head_desktop{grid-template-columns: 2fr 3fr;}}*/

@media screen and (max-width:991px) {
	header {
		padding: 0;
		border-bottom: 0px;
	}

	.cm_head_desktop,
	.cm_nav_desktop {
		display: none;
	}

	.cm_head_mobile {
		display: block;
	}

	.cm_nav_mobile {
		position: relative;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		background-color: #000;
		border-top: 1px solid #000;
	}

	.cm_nav_mobile>* {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.cm_nav_mobile>*>* {
		display: inline-block;
		width: 100%;
		padding: 1rem 0;
	}

	.cm_nav_mobile .cm_mobile_search .fa-solid,
	.cm_nav_mobile .cm_mobile_search i,
	.cm_nav_mobile .cm_mobile_search ion-icon,
	.cm_nav_mobile .cm_mobile_search svg {
		color: #fff;
		font-size: 24px;
	}

	.cm_nav_mobile .cm_mobile_lang {
		color: #fff;
		text-align: center;
	}

	.cm_nav_mobile .cm_mobile_lang a {
		text-decoration: none;
	}

	.cm_nav_mobile .cm_mobile_lang span {
		color: #fff;
		font-size: 18px;
	}

	.cm_head_mobile .cm_logo {
		margin: 8px 0;
		text-align: center;
	}

	.cm_head_mobile .cm_logo .mcgill_logo {
		display: inline-block;
		width: 144px;
		vertical-align: middle;
	}

	.cm_head_mobile .cm_logo span {
		display: none;
	}

	.cm_head_mobile .cm_logo .dialogue_logo {
		display: inline-block;
		width: 300px;
		vertical-align: middle;
	}

	.cm_nav_mobile .cm_mobile_search {
		text-align: center;
	}

	.cm_nav_mobile .cm_mobile_search button {
		height: fit-content;
		display: inline-block;
		margin: 0;
		margin-right: 0px;
		border: none;
		background: transparent;
		cursor: pointer;
	}

	.page-categories .cols {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 30px;
	}
	.pre-footer{display: grid;grid-template-columns: 1fr;text-align: center;}
	.pre-footer-col-1{display: grid;grid-template-columns: 1fr;}
	.pre-footer .pre-footer-col-1 p{margin:0 0 0 0;}
	.footer-logo{margin-left: auto;margin-right: auto;}
	.footer-p-1{margin-bottom: 0em !important;}
	.footer-p-2{margin-top:2em !important;margin-bottom: 2em !important;}
	.pre-footer-col-2{margin-bottom: 2em}
	.cm_footer_logo {
		display: block;
		width: 100%;
		text-align: center;
	}

	.cm_footer_links {
		display: block;
		text-align: center;
		width: 100%;
	}

	.cm_footer_logo img,
	.cm_footer_logo p {
		display: block;
	}

	.cm_footer_logo img {
		padding-right: 0px;
		margin: 0 auto;
	}
}

@media screen and (max-width:667px) {
	.page-categories .cols {
		display: grid;
		grid-template-columns: 1fr;
		gap: 30px;
	}
}

@media screen and (max-width:568px) {
	.cm_footer_links ul li {
		display: block;
		padding-left: 0px;
		margin-bottom: 10px;
	}
	.cm_footer_links ul .cm-login{margin-top:30px;}

	.cm-my-account {
		margin-top: 25px;
	}
}