/* root settings */
:root {
	/* COLORS */
	--primary: #000000;
	--secondary: #283281;
	--black: #111;
	--blue-light: #149FC8;
	--blue-400: #283281;
	--color-light: #F1F1F1;
	/* TYPOGRAPHY */
	--display-one: 5rem;
	--display-two:4rem;
	--display-three: 3.25rem;
	--font-bold: 700;
	--font-medium: 500;
	--font-regular: 400;
	--font-semibold: 600;
	--message-one: 1rem;
	--paragraph-large: 1.25rem;
	--paragraph-small: 1rem;
	--paragraph-smaller: 0.85rem;
	--subheading-large: 1.5rem;
	--subheading-small: 1.250rem;
	--subheading-x-small: 1.25rem;
	--title-one: 2.75rem;
	--title-two: 2.25rem;
	--title-three: 1.75rem;
	--title-four: 1.5rem;	
}

/* global header */

.t-site-header__logo img {
    max-height: inherit;
	height: inherit;
    width: 100%;
	max-width: 115px;
}
.t-site-navigation__wrap {
    max-width: 80rem;
    width: 100%;
}
.t-site-navigation, .c-navigation__link {
	background-color: var(--secondary);
	color: #FFF;
}

/* global footer */

.t-site-footer {
	background-color: var(--color-light);
}
@media (min-width: 60em) {
    .t-site-footer .x-collapsible-content__item:not(#social_active):not(fieldset) {
        grid-auto-flow: row;
        grid-template-rows: inherit;
    }
}
.ssl-seal {
	margin-bottom: 10px;
}

/* page content */

.ctgy-content {
	display: flex;
	justify-content: space-between;
}

@media (min-width: 60rem) {
	.ctgy-content {
		display: flex;
		justify-content: space-between;
	}
		.ctgy-left {
			width: 18%;
			order: 1;
		}
			.ctgy-image, .ctgy-button {
				margin-bottom: 30px;
			}
		.ctgy-products {
			width: 80%;
			order: 2;
		}
}

/* ctgy listing */

.ctgy-products table {
	border-collapse: collapse;
}
.header-row {
	background-color: var(--black);
	color: var(--white);
	font-size: calc(var(--paragraph-small)*0.8);
	font-weight: bold;
}
.ctgy-products table tr td {
	padding: 8px;
	vertical-align: top;
}
.ctgy-products table .c-button {
	font-size: calc(var(--paragraph-small)*0.8);
	padding: 4px 8px;
}
.ctgy-products table form {
	margin: 0;
}

/* prod listing */

.x-product-layout-images__image {
    aspect-ratio: var(--prod-img-x) / var(--prod-img-y);
    max-height: calc(var(--prod-img-y) * 1px);
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: auto;
	margin-left: auto;
	margin-right: auto;
}
.product-pre-release {
	background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
	padding: 15px;
    margin-bottom: 21px;
    border: 1px solid transparent;
    border-radius: 4px;
}

/* text utility */

.text-smaller {
	font-size: var(--paragraph-smaller);
}

/* wells */

.well {
	padding: 20px;
	background-color: var(--color-light);
}