.skiplink {
				z-index: 1001
			}

			.site-content {
				min-height: 0!important
			}

			.main-container {
				margin-top: 0!important
			}

			.full-width-container {
				width: 100%;
				height: auto;
				content: "";
				clear: both;
				display: table;
				display: flex
			}

			.full-width-container.bg-light {
				background-color: #f5f5f5!important;
				color: #999;
				padding: 2rem 0
			}

			.full-width-container.bg-dark {
				background-color: #333!important;
				color: #999!important;
				padding: 2rem 0
			}

			.full-width-container .site-content {
				background: transparent!important
			}

			@media (max-width:575.98px) {
				.main-container {
					padding-top: 0!important
				}
			}

			/* @media only screen and (max-width:992px) {
				#rotator img {
					width: calc(100% + 10rem)!important
				}
			}*/

			div.cta {
				padding: 25px;
				width: 50%
			}

			div.cta a.btn.btn-uogRed {
				background: #c20430!important;
				color: #fff!important;
				text-align: left;
				text-transform: none;
				font-size: 1.5rem;
				width: 100%;
				padding: 2rem 2rem 1.5rem;
				border-bottom: 0!important
			}

			div.cta a.btn.btn-uogRed:focus,
			div.cta a.btn.btn-uogRed:hover {
				background: #69a3b9!important;
				color: #fff!important;
				outline: none!important;
				border-bottom: 0!important
			}

			div.cta a.btn.btn-uogRed {
				width: 50%;
				font-size: 3rem;
				text-align: center
			}

			div.cta a.btn.btn-uogRed span {
				font-size: 2.1rem;
				font-weight: 700
			}

			div.cta a.btn.btn-uogRed img {
				width: 14%;
				float: left;
				margin-right: 10%
			}

			.link-element {
				display: block
			}

			.link-element .link-heading p {
				color: #000
			}

			.link-element a:focus .link-heading,
			.link-element a:hover .link-heading {
				color: #0074c1
			}

			.link .img-container {
				overflow: hidden
			}

			.link-element.col-md-3 .gatsby-image-wrapper,
			.link-element.col-md-3 img {
				width: 100%;
				height: auto
			}

			.link a .gatsby-image-wrapper,
			.link a img {
				transition: all .15s ease-in-out!important
			}

			.link a:focus .gatsby-image-wrapper img,
			.link a:focus img,
			.link a:hover .gatsby-image-wrapper img,
			.link a:hover img {
				opacity: .75!important;
				transform: scale(1.03)!important
			}

			ul.column-lists {
				-webkit-columns: 1;
				column-count: 1
			}

			ul.column-lists li {
				margin-left: 20px;
				-webkit-column-break-inside: avoid;
				page-break-inside: avoid;
				break-inside: avoid;
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden
			}

			@media only screen and (min-width:576px) {
				ul.column-lists {
					-webkit-columns: 2;
					column-count: 2
				}
			}

			@media only screen and (min-width:768px) {
				ul.column-lists-3 {
					-webkit-columns: 3;
					column-count: 3
				}
				ul.column-lists-4 {
					-webkit-columns: 4;
					column-count: 4
				}
			}

			#pills-courses .container {
				padding-left: 0;
				padding-right: 0
			}

			#pills-courses table {
				color: #555;
				-webkit-border-horizontal-spacing: 0;
				-webkit-border-vertical-spacing: 0
			}

			#pills-courses .course-field-level,
			#pills-courses table th {
				color: #000
			}

			#pills-courses .course-notes-heading {
				font-size: 1.6rem;
				line-height: 1.5rem;
				padding-top: .75rem;
				margin-top: 4px
			}

			body.program .stats-bg {
				background-color: #fff;
				background-image: url(https://previewugconthub.uoguelph.dev/assets/static/stats-bg-54897258b2e7b7180c34e031a5092103.jpg);
				background-repeat: no-repeat;
				background-position: 50%;
				background-size: cover
			}

			body.program .uog-card {
				min-width: 33%;
				text-align: center;
				margin-top: 3rem
			}

			body.program dt {
				font-size: 5rem;
				color: #000;
				margin-bottom: 2rem
			}

			body.program .uog-card dt svg {
				height: 6rem;
				padding-right: 1.5rem;
				vertical-align: text-bottom
			}

			body.program dd {
				text-transform: uppercase;
				font-weight: 700;
				color: #555;
				margin: 0 auto;
				max-width: 33ch
			}

			div.uog-card path {
				fill: #69a3b9
			}

			div.uog-card:nth-of-type(9n+2) path,
			div.uog-card:nth-of-type(9n+4) path,
			div.uog-card:nth-of-type(9n+9) path {
				fill: #ffc72a
			}

			div.uog-card:nth-of-type(9n+3) path,
			div.uog-card:nth-of-type(9n+5) path,
			div.uog-card:nth-of-type(9n+7) path {
				fill: #c20430
			}

			@media only screen and (max-width:768px) {
				body.program .uog-card {
					min-width: 50%;
					text-align: center;
					margin-top: 0;
					margin-bottom: 3rem
				}
				body.program dt {
					font-size: 3.5rem;
					color: #000;
					margin-bottom: .5rem
				}
				body.program .uog-card dt svg {
					height: 4rem
				}
				body.program dd {
					font-weight: 600;
					font-size: 1.4rem
				}
			}

			.employer-wrapper {
				display: grid;
				gap: 1.5rem;
				grid-template-columns: 20% auto
			}

			.employer-wrapper .employer-info {
				grid-column: 1/span 2
			}

			.employer-wrapper .employer-pic+.employer-info {
				grid-column: 2
			}

			body.program .employer-wrapper .employer-name {
				color: #000;
				margin: 0
			}

			@media only screen and (max-width:768px) {
				.employer-wrapper {
					grid-template-columns: 1fr;
					grid-template-rows: 1fr auto
				}
				.employer-wrapper .employer-info {
					grid-column: 1;
					grid-row: 1/span 2
				}
				.employer-wrapper .employer-pic+.employer-info {
					grid-column: 1;
					grid-row: 2
				}
				body.program .employer-wrapper .employer-pic {
					width: 40%;
					height: 40%
				}
			}

			body.program .nav-pills {
				border-bottom: .5rem solid #ffc72a!important
			}

			body.program .nav-pills .nav-link {
				color: #000;
				font-weight: 700;
				background-color: #eee;
				border-radius: .25rem .25rem 0 0;
				margin: 0 .25rem;
				padding: 1.25rem;
				border-bottom: .5rem solid #fff!important
			}

			body.program .nav-pills .nav-link:focus,
			body.program .nav-pills .nav-link:hover {
				background-color: #ddd
			}

			body.program .nav-pills .nav-link.active {
				color: #000;
				font-weight: 700;
				background-color: #ffc72a;
				border-bottom: .5rem solid #ffc72a!important
			}

			body.program .tab-content {
				padding: 2rem 0
			}

			.grid-cell {
				display: block
			}

			.grid-cell .grid-heading {
				color: #000
			}

			.grid-cell a:focus .grid-heading,
			.grid-cell a:hover .grid-heading {
				color: #0074c1
			}

			.grid .img-container {
				overflow: hidden
			}

			.grid-cell.col-md-3 .gatsby-image-wrapper,
			.grid-cell.col-md-3 img {
				width: 100%;
				height: auto
			}

			.grid a .gatsby-image-wrapper,
			.grid a img {
				transition: all .15s ease-in-out!important
			}

			.grid a:focus .gatsby-image-wrapper img,
			.grid a:focus img,
			.grid a:hover .gatsby-image-wrapper img,
			.grid a:hover img {
				opacity: .75!important;
				transform: scale(1.03)!important
			}

			.news-item p.category {
				color: #000;
				font-size: 1.4rem;
				font-weight: 700;
				text-transform: uppercase;
				letter-spacing: .2rem
			}

			.news-item:nth-of-type(2n+2) p.category {
				color: #c20430
			}

			.news-item:nth-of-type(3n+2) p.category {
				color: #4c9bb2
			}

			#tags {
				background: #333;
				color: #888
			}

			#tags ul {
				margin: 0;
				padding: 0
			}

			#tags li {
				list-style-type: none;
				display: inline;
				padding-right: .5em
			}

			#tags ul.lead li {
				line-height: 5rem;
				font-size: 4rem;
				font-weight: 300;
				color: #888;
				margin-top: 0
			}

			#tags li:before {
				content: ""
			}

			@media only screen and (max-width:1024px) {
				#tags ul.lead li {
					font-size: 3rem;
					line-height: 4rem
				}
			}

			.ug-slick-slider {
				margin-bottom: 1rem
			}

			.ug-slick-slider .slick-list {
				width: 90%;
				left: 6%
			}

			.ug-slick-slider .trans-gradient {
				position: absolute;
				z-index: 2;
				left: 6%;
				height: inherit;
				width: 90%
			}

			.ug-slick-slider .ug-slick-slider-control-arrow {
				background: none!important;
				border: none;
				display: block;
				height: 30%;
				padding: 0!important;
				cursor: pointer;
				width: 5%;
				color: #ffc72a;
				font-size: 6rem;
				font-weight: 300;
				opacity: 1;
				top: 10%
			}

			.ug-slick-slider .ug-slick-slider-control-prev {
				position: absolute;
				left: 0;
				transition: all .15s ease
			}

			.ug-slick-slider .ug-slick-slider-control-next {
				position: absolute;
				right: 1%;
				transition: all .15s ease
			}

			.ug-slick-slider .ug-slick-slider-control-arrow:focus {
				outline: none!important;
				border-bottom: 0!important
			}

			.ug-slick-slider .ug-slick-slider-control-prev:focus,
			.ug-slick-slider .ug-slick-slider-control-prev:hover {
				left: -3px;
				position: absolute
			}

			.ug-slick-slider .ug-slick-slider-control-next:focus,
			.ug-slick-slider .ug-slick-slider-control-next:hover {
				position: absolute;
				right: 7px
			}

			.ug-slick-slider .ug-slick-slider-control-arrow-icon:before {
				content: ""
			}

			.ug-slick-slider .ug-slick-slider-control-arrow:focus .ug-slick-slider-control-arrow-icon,
			.ug-slick-slider .ug-slick-slider-control-arrow:hover .ug-slick-slider-control-arrow-icon {
				color: #000
			}

			.ug-slick-slider .ug-slick-slider-control-arrow-icon {
				border-style: solid;
				border-width: .1em .1em 0 0;
				content: "";
				display: inline-block;
				vertical-align: top;
				position: absolute;
				color: #ffc72a;
				top: 20%;
				left: 10%;
				width: .7em;
				height: .7em;
				transform: rotate(225deg);
				transition: all .15s ease
			}

			.ug-slick-slider .ug-slick-slider-control-next-icon {
				transform: rotate(45deg)
			}

			.ug-slick-slider .ug-slick-slider-control-prev-icon {
				left: 25%
			}

			.ug-slick-slider .ug-slick-slider-control-arrow-icon:hover {
				text-decoration: none!important
			}

			@media only screen and (max-width:1024px) {
				.ug-slick-slider .ug-slick-slider-control-arrow-icon {
					border-width: .07em .07em 0 0;
					width: .5em;
					height: .5em
				}
				.ug-slick-slider .ug-slick-slider-control-arrow {
					width: 10%
				}
				.ug-slick-slider .ug-slick-slider-control-next {
					right: 0
				}
				.ug-slick-slider .ug-slick-slider-control-next:focus,
				.ug-slick-slider .ug-slick-slider-control-next:hover {
					right: -3px
				}
				.ug-slick-slider .slick-list,
				.ug-slick-slider .trans-gradient {
					width: 78%;
					left: 12%
				}
			}

			.slick-slider {
				box-sizing: border-box;
				-webkit-user-select: none;
				-ms-user-select: none;
				user-select: none;
				-webkit-touch-callout: none;
				-khtml-user-select: none;
				touch-action: pan-y;
				-webkit-tap-highlight-color: transparent
			}

			.slick-list,
			.slick-slider {
				position: relative;
				display: block
			}

			.slick-list {
				overflow: hidden;
				margin: 0;
				padding: 0
			}

			.slick-list:focus {
				outline: none
			}

			.slick-list.dragging {
				cursor: pointer;
				cursor: hand
			}

			.slick-slider .slick-list,
			.slick-slider .slick-track {
				transform: translateZ(0)
			}

			.slick-track {
				position: relative;
				top: 0;
				left: 0;
				display: block;
				margin-left: auto;
				margin-right: auto
			}

			.slick-track:after,
			.slick-track:before {
				display: table;
				content: ""
			}

			.slick-track:after {
				clear: both
			}

			.slick-loading .slick-track {
				visibility: hidden
			}

			.slick-slide {
				display: none;
				float: left;
				height: 100%;
				min-height: 1px
			}

			[dir=rtl] .slick-slide {
				float: right
			}

			.slick-slide img {
				display: block
			}

			.slick-slide.slick-loading img {
				display: none
			}

			.slick-slide.dragging img {
				pointer-events: none
			}

			.slick-initialized .slick-slide {
				display: block
			}

			.slick-loading .slick-slide {
				visibility: hidden
			}

			.slick-vertical .slick-slide {
				display: block;
				height: auto;
				border: 1px solid transparent
			}

			.slick-arrow.slick-hidden {
				display: none
			}

			.ug-testimonial h3 {
				text-align: center
			}

			.ug-testimonial h3.carousel-header {
				font-size: 2.75rem;
				margin-bottom: 5rem
			}

			.ug-testimonial .testimonial-wrapper .testimonial-pic {
				width: 25%;
				margin-right: 5%;
				float: left;
				border-radius: 50%
			}

			.ug-testimonial .testimonial-wrapper blockquote.testimonial-quote {
				width: 65%;
				float: right;
				font-size: 2rem;
				line-height: 3rem;
				text-align: left;
				color: #555;
				margin: 0 5% 2rem 0;
				font-style: italic;
				padding: 0;
				background: transparent
			}

			.ug-testimonial .testimonial-wrapper blockquote.testimonial-quote:after,
			.ug-testimonial .testimonial-wrapper blockquote.testimonial-quote:before {
				left: 0;
				bottom: 0;
				border: 0;
				width: 0
			}

			.ug-testimonial .testimonial-wrapper p.testimonial-tagline {
				width: 65%;
				margin-right: 5%;
				float: right
			}

			.ug-testimonial .testimonial-wrapper strong.testimonial-title {
				color: #000
			}

			.ug-testimonial .testimonial-wrapper p.testimonial-tagline span.testimonial-person-desc {
				color: #c20430
			}

			body.program h3,
			body.program h4 {
				color: #000
			}

			body.program li.list-group-item.feature a {
				background: #c20430;
				font-weight: 700;
				color: #fff!important
			}

			body.program .lead {
				font-size: 4rem;
				line-height: 5rem;
				font-weight: 300;
				color: #888;
				margin-top: 0;
				display: block
			}

			body.program a.btn.btn-uogRed {
				background: #c20430!important;
				text-align: left;
				text-transform: none;
				font-size: 1.5rem;
				padding: 2rem 2rem 1.5rem;
				border-bottom: 0!important
			}

			body.program a.btn.btn-uogRed:focus,
			body.program a.btn.btn-uogRed:hover {
				background: #69a3b9!important;
				color: #fff!important;
				outline: none!important;
				border-bottom: 0!important
			}

			body.program a.btn.btn-uogRed {
				width: 100%;
				font-size: 3rem;
				text-align: center
			}

			body.program a.btn.btn-uogRed span {
				font-size: 2.1rem;
				font-weight: 700
			}

			body.program a.btn.btn-uogRed img {
				width: 14%;
				float: left;
				margin-right: 10%
			}

			body.program .apply-footer a.btn {
				text-align: center;
				margin: 0 auto 7rem!important;
				display: block
			}

			body.program .apply-footer h3 {
				text-align: center
			}

			body.program .apply-footer h3 span {
				font-weight: 400
			}

			body.program .pre-footer h6 {
				color: #000;
				font-size: 2rem
			}

			body.program .pre-footer h6.no-top-margin {
				margin-top: 0
			}

			body.program .pre-footer a:focus,
			body.program .pre-footer a:hover {
				text-decoration: underline
			}

			body.program .pre-footer img {
				width: 80%
			}

			@media only screen and (max-width:1024px) {
				body.program .lead {
					font-size: 3rem;
					line-height: 4rem
				}
				body.program a.btn.btn-uogRed span {
					font-size: 1.7rem
				}
				body.program .social-wrapper a {
					width: 40px;
					height: 40px
				}
				body.program .student-tips img {
					width: 110%;
					float: right
				}
				body.program .cta-text {
					width: 37%;
					padding: 0 3rem
				}
				body.program .cta-text h6 {
					font-size: 3rem
				}
				body.program .cta-text a {
					font-size: 2rem;
					padding: 1rem 2rem
				}
			}

			@media only screen and (max-width:768px) {
				body.program .event-card {
					background: linear-gradient(90deg, #4c9bb2 0, #4c9bb2 20%, #f5f5f5 0, #f5f5f5)
				}
				body.program .event-card.yellow {
					background: linear-gradient(90deg, #ffc72a 0, #ffc72a 20%, #f5f5f5 0, #f5f5f5)
				}
				body.program .event-card.red {
					background: linear-gradient(90deg, #c20430 0, #c20430 20%, #f5f5f5 0, #f5f5f5)
				}
				body.program .event-date {
					width: 20%
				}
				body.program .student-tips img {
					width: 130%;
					float: right
				}
				body.program .cta-text {
					width: 50%;
					padding: 0 3rem
				}
				body.program .cta-text h6 {
					font-size: 2.5rem
				}
				body.program .cta-text p {
					margin-bottom: 2.25rem
				}
				body.program .cta-text a {
					font-size: 1.7rem;
					padding: .75rem 1.5rem
				}
				body.program .pre-footer img {
					width: 30%;
					margin-bottom: 2rem
				}
				body.program .pre-footer h6 {
					margin-top: 1rem
				}
				body.program .bg-img hr {
					margin: 1rem 0
				}
			}