/* AUTO-GENERATED -- DO NOT EDIT
 * This file is rebuilt on every build. Edit the co-located .razor.css source files instead.
 */
body
{
}
/* -------------------------------------------------------------------------- *
 * Organism - Call to action
 * -------------------------------------------------------------------------- */
.o_blockCallToAction {
	padding: 5rem 0;
	color: var(--colorWhite);
	background-color: var(--colorPrimary);
}

/* -------------------------------------------------------------------------- *
 * Organism - Contact Form Block
 * -------------------------------------------------------------------------- */
.o_blockContactForm {
	
}

/* ----- Colour variations ----- */
.o_blockContactForm.-bgPrimary {

}

	.o_blockContactForm.-bgPrimary .a_button {
		background-color: var(--colorSecondary);
		border-color: var(--colorSecondary);
		color: var(--colorOffBlack);
	}

		.o_blockContactForm.-bgPrimary .a_button:hover {
			background-color: var(--colorSecondary-dark);
			border-color: var(--colorSecondary-dark);
			color: var(--colorOffBlack);
		}


/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
	/* ---------------------------------------- *
	 * Laptop Large / .-ll- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .-ls- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .-tl- / 8 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .-ts- / 6 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .-ml- / 4 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .-ms- / 2 columns
	 * ---------------------------------------- */
	
}
/* -------------------------------------------------------------------------- *
 * Organism - Content section
 * -------------------------------------------------------------------------- */
.o_blockContent {

}

/* ------ Colour Variation ------ */
.o_blockContent.-bgPrimary {
    color: var(--colorWhite);
}

.o_blockContent.-bgOffBlack {
    color: var(--colorWhite);
}


    .o_blockContent.-bgSecondary
    {
        padding:2rem;
        border-radius:1rem;
    }
    .o_blockContent .emailButton {
        width: calc(100% - 2rem);
        padding: 0.5rem;
        border: 1px solid var(--colorLink);
        border-radius: 0.5rem;
        color: var(--colorLink);
        display: block;
    }
/* -------------------------------------------------------------------------- *
 * Organism - Mailing list sign up block
 * -------------------------------------------------------------------------- */
.o_blockEmailSignup {
	
}

/* ----- Colour variations ----- */
.o_blockEmailSignup.-bgPrimary {

}

	.o_blockEmailSignup.-bgPrimary .a_button {
		background-color: var(--colorSecondary);
		border-color: var(--colorSecondary);
		color: var(--colorOffBlack);
	}

		.o_blockEmailSignup.-bgPrimary .a_button:hover {
			background-color: var(--colorSecondary-dark);
			border-color: var(--colorSecondary-dark);
			color: var(--colorOffBlack);
		}

/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
	/* ---------------------------------------- *
	 * Laptop Large / .-ll- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .-ls- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .-tl- / 8 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .-ts- / 6 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .-ml- / 4 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .-ms- / 2 columns
	 * ---------------------------------------- */
	
}
/* -------------------------------------------------------------------------- *
 * Organism - Features List
 * -------------------------------------------------------------------------- */
.o_blockFeatures {
	
}

/* ----- Colour variants ----- */
.o_blockFeatures.-bgPrimary {
	color: var(--colorWhite);
}

.o_blockFeatures.-bgOffBlack {
	color: var(--colorWhite);
}
/* -------------------------------------------------------------------------- *
 * Organism - Gallery Block
 * -------------------------------------------------------------------------- */
.o_blockGallery {

}

	ul._galleryThumbs {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}

		._galleryThumbs li {
			display: block;
			box-sizing: border-box;
			width: 33.33%;
			padding: 0.500rem;
		}

			._galleryThumbs li img {
				display: block;
			}

			._galleryThumbs li ._galleryThumb {
				display: block;
				margin: 0;
				padding: 0;
				border: none;
				border-radius: 0.5rem;
				overflow: hidden;
				transition: transform 0.25s ease-in-out;
			}

			._galleryThumbs li ._galleryThumb:hover {
				transform: scale(1.025);
				cursor: pointer;
			}
/* -------------------------------------------------------------------------- *
 * Organism - Blog Post hero space
 * -------------------------------------------------------------------------- */
.o_blockHeroLandingPage {
	position: relative;
	color: var(--colorWhite);
	background-color: var(--colorBlack);
}

	.o_blockHeroLandingPage main.row {
		padding: 5rem 0;
		padding: max(5rem, 18vh) 0;
	}

	.o_blockHeroLandingPage ._heroBg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}

/* -------------------------------------------------------------------------- *
 * Variant and option styles
 * -------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
	/* ---------------------------------------- *
	 * Laptop Large / .-ll- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .-ls- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .-tl- / 8 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .-ts- / 6 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .-ml- / 4 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .-ms- / 2 columns
	 * ---------------------------------------- */
	
}
/* -------------------------------------------------------------------------- *
 * Organism - Site Hero
 * -------------------------------------------------------------------------- */
.o_blockHeroMinimal {

}

	.o_blockHeroMinimal main.row {
		padding: 4rem 0;
	}

		
/* -------------------------------------------------------------------------- *
 * Variant and option styles
 * -------------------------------------------------------------------------- */ 
/* -------------------------------------------------------------------------- *
 * Organism - Site Hero
 * -------------------------------------------------------------------------- */
.o_blockHeroSimple {
	color: var(--colorWhite);
	background-color: var(--colorPrimary);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
	position: relative;
}


	.o_blockHeroSimple main.row {
		padding: 5rem 0;
		padding: max(5rem, 18vh) 0;
	}


	.o_blockHeroSimple ._heroBg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}

	/* -------------------------------------------------------------------------- *
 * Variant and option styles
 * -------------------------------------------------------------------------- */

	.o_blockHeroSimple.-txtWhite .m_navListBreadcrumb li .a_navItem,
	.o_blockHeroSimple.-txtWhite .m_navListBreadcrumb li .a_navItem.-disabled,
	.o_blockHeroSimple.-txtWhite .m_navListBreadcrumb.-chevronPrimary li svg {
		color: var(--colorWhite);
	}

	/* ----- Centered ----- */
	.o_blockHeroSimple.-smallHero main.row {
		padding: 1rem 0;
	}

	.o_blockHeroSimple.-smallHero h1 {
		margin-bottom: 0;
	}

/* -------------------------------------------------------------------------- *
 * Organism - Image Block
 * -------------------------------------------------------------------------- */
.o_blockImage {
}

	.o_blockImage img {
		margin: 0 auto;
	}

		.o_blockImage img.-fullWidth {
			margin: 0 auto;
			border-radius: 0;
		}

		.o_blockImage img.-containerWidth {
			margin: 0 auto;
			border-radius: 1rem;
		}

		.o_blockImage img.-contentWidth {
			margin: 0 auto;
			border-radius: 1rem;
		}

	/* --- Caption --- */
	.o_blockImage ._imgWithCaption {
		position: relative;
		margin: 0;
		padding: 0;
	}

		.o_blockImage ._imgWithCaption figcaption {
			padding: 0.750rem 0 0 0;
			font-size: 1.125rem;
			font-weight: 400;
			text-align: center;
			color: var(--colorBlack);
		}
/* -------------------------------------------------------------------------- *
 * Organism - Logo Cloud
 * -------------------------------------------------------------------------- */
.o_blockLogoCloud {
	
}

	/* ----- Logo Cloud List ----- */
	.o_blockLogoCloud ._logoCloud {
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
	}

		/* --- Alignment --- */
		.o_blockLogoCloud ._logoCloud.-hCenter {
			text-align: center;
		}

		.o_blockLogoCloud ._logoCloud.-hEnd {
			text-align: right;
		}

		/* --- Column widths --- */
		.o_blockLogoCloud ._logoCloud {
			 --columns: 6; /* Fallback */
		}

		.o_blockLogoCloud ._logoCloud .m_tileLogo {
			flex: 0 1 calc((100% / var(--columns)) - 1rem);
			max-width: calc((100% / var(--columns)) - 1rem);
		}

/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
	/* ---------------------------------------- *
	 * Laptop Large / .-ll- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .-ls- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .-tl- / 8 columns
	 * ---------------------------------------- */
	.o_blockLogoCloud ._logoCloud	 .m_tileLogo {
		flex: 0 1 calc((100% / ((var(--columns) / 3) * 2)) - 1rem);
		max-width: calc((100% / ((var(--columns) / 3) * 2)) - 1rem);
	}
}
@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .-ts- / 6 columns
	 * ---------------------------------------- */
	.o_blockLogoCloud ._logoCloud .m_tileLogo {
		flex: 0 1 calc((100% / (var(--columns) / 2)) - 1rem);
		max-width: calc((100% / (var(--columns) / 2)) - 1rem);
	}
}
@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .-ml- / 4 columns
	 * ---------------------------------------- */
	.o_blockLogoCloud ._logoCloud .m_tileLogo {
		flex: 0 1 calc((100% / (var(--columns) / 3)) - 1rem);
		max-width: calc((100% / (var(--columns) / 3)) - 1rem);
	}
}
@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .-ms- / 2 columns
	 * ---------------------------------------- */
	.o_blockLogoCloud ._logoCloud .m_tileLogo {
		flex: 0 1 calc((100% / (var(--columns) / 4)) - 1rem);
		max-width: calc((100% / (var(--columns) / 4)) - 1rem);
	}
}
/* -------------------------------------------------------------------------- *
 * Organism - Pricing Table
 * -------------------------------------------------------------------------- */
.o_blockPricing {
	
}

/* ----- Example variant ----- */



/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
	/* ---------------------------------------- *
	 * Laptop Large / .-ll- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .-ls- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .-tl- / 8 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .-ts- / 6 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .-ml- / 4 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .-ms- / 2 columns
	 * ---------------------------------------- */
	
}
/* -------------------------------------------------------------------------- *
 * Organism - Blockquote carousel
 * -------------------------------------------------------------------------- */
.o_blockquote {
	position: relative;
}

		.o_blockquote .container::before {
			content: '';
			position:absolute;
			top: 0;
			left: 0;
			width: 4rem;
			height: 4rem;
			background-image: url('/_content/AonMyPensionInfo.Components/images/Graphic-QuoteOpen-LightGrey.svg');
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
		}

		.o_blockquote .container::after {
			content: '';
			position:absolute;
			bottom: 7.500rem;
			right: 0;
			width: 4rem;
			height: 4rem;
			background-image: url('/_content/AonMyPensionInfo.Components/images/Graphic-QuoteClose-LightGrey.svg');
			background-size:cover;
			background-position: center;
			background-repeat: no-repeat;
		}

/* ----- Colour variants ----- */
/* - Background Primary - */
.o_blockquote.-bgPrimary {
	color: var(--colorWhite);
}
.o_blockquote.-bgPrimary .m_carouselPagination ul li button {
	background-color: var(--colorGrey-light);
}
.o_blockquote.-bgPrimary .m_carouselPagination ul li button.-active {
	background-color: var(--colorWhite);
}

/* - Background Light Grey - */
.o_blockquote.-bgGrey-light .container::before {
	background-image: url('/_content/AonMyPensionInfo.Components/images/Graphic-QuoteOpen-Grey.svg');
}
.o_blockquote.-bgGrey-light .container::after {
	background-image: url('/_content/AonMyPensionInfo.Components/images/Graphic-QuoteClose-Grey.svg');
}

/* - Background Off Black - */
.o_blockquote.-bgOffBlack {
	color: var(--colorWhite);
}
.o_blockquote.-bgOffBlack .m_carouselPagination ul li button {
	background-color: var(--colorGrey-light);
}
.o_blockquote.-bgOffBlack .m_carouselPagination ul li button.-active {
	background-color: var(--colorPrimary);
}
.o_blockquote.-bgOffBlack .container::before {
	background-image: url('/_content/AonMyPensionInfo.Components/images/Graphic-QuoteOpen-Grey.svg');
}
.o_blockquote.-bgOffBlack .container::after {
	background-image: url('/_content/AonMyPensionInfo.Components/images/Graphic-QuoteClose-Grey.svg');
}

/* -------------------------------------------------------------------------- *
 * Block - O_BlockResources
 * -------------------------------------------------------------------------- */
.o_blockresources {

}

/* -------------------------------------------------------------------------- *
 * Organism - Statistics Content Block
 * -------------------------------------------------------------------------- */
.o_blockStatistics {
}

	.o_blockStatistics ul._statisticsList {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		margin: 0;
		padding: 0 2rem 2rem 2rem;
		border-radius: 2rem;
		background-color: rgba(0, 0, 0, 0.1);
		list-style: none;
	}

/* ----- Example variant ----- */



/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
	/* ---------------------------------------- *
	 * Laptop Large / .-ll- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .-ls- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .-tl- / 8 columns
	 * ---------------------------------------- */
	.o_blockStatistics ul._statisticsList {
		grid-template-columns: 1fr 1fr;
	}
}
@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .-ts- / 6 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .-ml- / 4 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .-ms- / 2 columns
	 * ---------------------------------------- */
	.o_blockStatistics ul._statisticsList {
		grid-template-columns: 1fr;
	}
}
/* -------------------------------------------------------------------------- *
 * Organism - Timeline Content Block
 * -------------------------------------------------------------------------- */
.o_blockTimeline {
	overflow: hidden;
}

	.o_blockTimeline ._timelineList {
		margin: 0;
		padding: 0;
		list-style: none;
		overflow: visible;
	}

	/* ----- Swiper Overrides ----- */
	.o_blockTimeline .swiper-button-next,
	.o_blockTimeline .swiper-button-prev {
		top: auto;
		bottom: 0.750rem;
		user-select: none;
	}

		.o_blockTimeline .swiper-button-next:after,
		.o_blockTimeline .swiper-button-prev:after {
			display: none;
		}

		.o_blockTimeline .swiper-button-next svg,
		.o_blockTimeline .swiper-button-prev svg {
			font-size:4rem;
		}

	.o_blockTimeline .swiper-pagination {
		position: relative;
		padding: 1.500rem 0 0.500rem 0;
	}

		.o_blockTimeline .swiper-pagination .swiper-pagination-bullet {
			width: 0.750rem;
			height: 0.750rem;
			border-radius: 0.500rem;
			background-color: var(--colorOffBlack);
			opacity: 1;
			transition: all 0.25s ease-in-out;
		}

		.o_blockTimeline .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
			width: 3rem;
			background-color: var(--colorPrimary);
		}

/* ----- CSS-only fallback: applied before Swiper JS runs (or if it fails) ----- *
 * Swiper adds .swiper-initialized once it has initialised. Until that class   *
 * is present the selectors below control layout, matching mcsInitSwiper       *
 * breakpoints. Once Swiper initialises the :not() rules no longer apply.      */
.o_blockTimeline .swiper:not(.swiper-initialized) .swiper-wrapper {
	display: flex;
	flex-wrap: nowrap;
	overflow: hidden;
}

.o_blockTimeline .swiper:not(.swiper-initialized) .swiper-slide {
	flex: 0 0 25%;
	width: 25%;
	min-width: 0;
}

.o_blockTimeline .swiper:not(.swiper-initialized) .swiper-pagination,
.o_blockTimeline .swiper:not(.swiper-initialized) .swiper-button-prev,
.o_blockTimeline .swiper:not(.swiper-initialized) .swiper-button-next {
	display: none;
}


/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
	@media only screen and (max-width: 1400px)
	{
		/* ---------------------------------------- *
	 * Laptop Large / .-ll- / 12 columns
	 * ---------------------------------------- */
	}
@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .-ls- / 12 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .-tl- / 8 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .-ts- / 6 columns
	 * ---------------------------------------- */
	.o_blockTimeline .swiper:not(.swiper-initialized) .swiper-slide {
		flex: 0 0 33.333%;
		width: 33.333%;
	}
}
@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .-ml- / 4 columns
	 * ---------------------------------------- */
	.o_blockTimeline .swiper:not(.swiper-initialized) .swiper-slide {
		flex: 0 0 50%;
		width: 50%;
	}
}
@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .-ms- / 2 columns
	 * ---------------------------------------- */
	.o_blockTimeline .swiper:not(.swiper-initialized) .swiper-slide {
		flex: 0 0 100%;
		width: 100%;
	}
}
/* -------------------------------------------------------------------------- *
 * Organism - Block content list
 * -------------------------------------------------------------------------- */
.o_listBlockContent {

}

/* -------------------------------------------------------------------------- *
 * Organism - Block content list
 * -------------------------------------------------------------------------- */
.o_listBlockContent {

}

/* -------------------------------------------------------------------------- *
 * Organism - Small Print Code Section
 * -------------------------------------------------------------------------- */
.o_smallPrintCode {
	padding-bottom: 2rem;
}
/* -------------------------------------------------------------------------- *
 * Organism - Small Print Content Section
 * -------------------------------------------------------------------------- */
.o_smallPrintContent {
	padding-bottom: 2rem;
}
/* -------------------------------------------------------------------------- *
 * Organism - Site Bottom Bar
 * -------------------------------------------------------------------------- */
.o_siteBottomBar {
	width:100%;
}

	.o_siteBottomBar .svg_mohLogo_icon_blue {
		max-width: 4rem;
	}

	.o_siteBottomBar ._siteBottomNav {

	}

		.o_siteBottomBar ._siteBottomNav ul {
			display: block;
			margin: 0;
			padding: 0;
			list-style: none;
		}
			
			.o_siteBottomBar ._siteBottomNav ul li {
				display: inline-block;
				
				padding: 0 2rem 1rem 0;
			}

				.o_siteBottomBar ._siteBottomNav ul li a {
					color: var(--colorWhite);
					border-bottom:none;
				}

	.o_siteBottomBar .siteBottomSmallPrint .-txtGrey-dark a {
		color: var(--colorGrey-dark);
		border-bottom-color: var(--colorGrey-dark);
	}

	
/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .-tl- / 8 columns
	 * ---------------------------------------- */
	.o_siteBottomBar ._siteBottomNav ul li {
		width: 50%;
	}
}

@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .-ms- / 2 columns
	 * ---------------------------------------- */
	.o_siteBottomBar ._siteBottomNav ul li {
		width: 100%;
		text-align: center;
	}
}
/* -------------------------------------------------------------------------- *
 * Organism - Site Top Bar
 * -------------------------------------------------------------------------- */
.o_siteTopBar {
	top: 0;
	left: 0;
	z-index: 500;
	width: 100%;
	min-width: 320px;
	background-color: var(--colorWhite);
	transition: background-color 0.5s ease-in-out;
}
	.o_siteTopBar h2 {
		font-size: 1.375rem;
	}

	.o_siteTopBar .container {
		height: 100%;
	}

		.o_siteTopBar .container .row {
			height: 100%;
		}

		.o_siteTopBar ._topBarLogo {
			display: block;
			position: relative;
			border-bottom: none;
		}
	.o_siteTopBar #cartCount {

		background-color: var(--colorOffBlack);
		color: var(--colorPrimary);
		border-radius: 50%;
		padding: 0.25rem 0.5rem;
		font-size: 0.75rem;
		font-size:1rem;
	}
	.o_siteTopBar .a_navItem, .o_siteTopBar .a_navItem:visited {
		color: var(--colorPrimary);
	}
	/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
	@media only screen and (max-width: 1400px) {
		/* ---------------------------------------- *
	 * Laptop Large / .-ll- / 12 columns
	 * ---------------------------------------- */
	}
@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .-ls- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .-tl- / 8 columns
	 * ---------------------------------------- */

	.o_siteTopBar.-tl-navOpen {
		background-color: var(--colorOffBlack);
	}		
}
@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .-ts- / 6 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .-ml- / 4 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .-ms- / 2 columns
	 * ---------------------------------------- */
	
}
/* -------------------------------------------------------------------------- *
 * View - Error Rate Limit
 * -------------------------------------------------------------------------- */