/******************************
AARC CUSTOMIZATIONS ***********
******************************/

/* root settings */

:root {
	/* BREAKPOINTS */
	
	/* COLORS */
	--color-blue: #427198;
	--color-black: #000;
	--color-white: #FFF;
	--color-gray: #8C8C8C;
	--color-gray-dark: #333;
	--color-red: #FF0B1A;
}

/* global settings */

h1,h2,h3,h4,h5,h6 {
	font-weight: var(--font-bold);
}
h1 {
	font-size: calc(var(--title-one) * 0.8);
	line-height: calc(var(--title-one) * 1.2);
}
h2 {
	font-size: calc(var(--title-two) * 0.8);
	line-height: calc(var(--title-two) * 1.2);
}
h3 {
	font-size: calc(var(--title-three) * 0.8);
	line-height: calc(var(--title-three) * 1.2);
}
h4 {
	font-size: calc(var(--title-four) * 0.8);
	line-height: calc(var(--title-four) * 1.2);
}


/* global header > message & links */

.t-site-header__message {
    color: var(--color-white);
	padding: 0.5rem 2rem;
}
.t-site-header__links .o-layout__item {
    padding: 0.5rem;
}

/* global header > logo */

.t-site-header__logo img {
    max-height: inherit;
    width: 100%;
	max-width: 200px;
	height: auto;
}

/* global header > navigation */

.x-transfigure-navigation__content {
    padding-bottom: 0.20em;
    padding-top: 0.20em;
}

.t-site-navigation__wrap {
    max-width: 100%;
	background-color: var(--color-red);
	font-size: 1rem;
}
.t-site-header__masthead {
    padding: 0.75rem 0.5rem;
}
.t-site-header__masthead button.u-icon-search {
	margin-left: 5px;
}
.t-site-navigation {
    margin-bottom: 0;
}
.c-navigation__link {
    display: block;
    /*padding: 0.4em 1em;*/
    background-color: var(--color-red);
    color: #fff!important;
	font-weight: 500!important;
}
/*
.c-navigation__link:hover {
	box-shadow: 0!important;
	text-decoration: none!important;
	transition: 0!important;
}
*/
.c-navigation__list .c-navigation__list .c-navigation__link {
    padding: 0.25em 0.75em!important;
    background-color: var(--color-white);
    color: var(--color-black)!important;
	font-size: 13px;
	border: 0!important;
}
.c-navigation__list .c-navigation__list .c-navigation__link:hover {
    color: var(--color-white)!important;
    background-color: var(--color-blue)!important;
}
@media (min-width: 959px) and (max-width: 1144px) {
	.c-navigation__list {
		flex: 1;
		/*font-size: 1rem!important;*/
	}
}
@media screen and (min-width: 60em) {
	.t-site-navigation {
		border-bottom: 0;
	}
	.t-site-navigation__wrap {
		/*font-size: 1.1rem;*/
	}
	.x-transfigure-navigation .c-navigation__list:hover > .c-navigation__row, .x-transfigure-navigation .c-navigation__list:focus-within > .c-navigation__row {
		flex-direction: column;
	}
	.x-transfigure-navigation__row .c-navigation__row {
		background-color: var(--color-blue);
		padding: 0;
		/*width: 100%;*/
	}
	.x-transfigure-navigation .c-navigation__list:hover > .c-navigation__row,
	.x-transfigure-navigation .c-navigation__list:focus-within > .c-navigation__row {
		gap: 0rem;
		transform: none;
	}
}

/* global footer */

.t-site-footer {
	background-color: var(--color-gray-dark);
	color: #FFF;
}
.t-site-footer__content .c-menu__link:not([class*=" u-icon-"]) {
    color: var(--white);
}
.t-site-footer__copyright {
    border-top: 0;
    padding-top: 0.5rem;
	color: #FFF;
}
.footer-social {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
	.footer-social a {
		margin: 0 10px 10px 0;
	}
@media (min-width: 48em) {
	.t-global-footer-social__list {
		margin-bottom: 1.5rem;
	}
}
@media (min-width: 60em) {
	.t-site-footer .x-collapsible-content__item:not(#social_active):not(fieldset) {
		display: block;
		grid-auto-flow: inherit;
		grid-template-rows: inherit;
	}
}

/* responsive table */

.table-responsive {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.table-responsive caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

.table-responsive thead tr {
  background-color: #f8f8f8;
}

.table-responsive tr {
  border: 1px solid #ddd;
  padding: .35em;
}

.table-responsive th,
.table-responsive td {
  padding: .625em;
  text-align: center;
  line-height: 1.75;
}

.table-responsive th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.table-responsive input {
	/*max-width: 100%;*/
}

.table-responsive strong {
	font-size: 1.2em;
}

@media screen and (max-width: 870px) {
	.table-responsive {
		border: 0;
	}

	.table-responsive caption {
		font-size: 1.3em;
	}
  
	.table-responsive thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
  
	.table-responsive tr {
		border: 0;
		display: block;
		margin-bottom: .625em;
	}
  
	.table-responsive td {
		border: 0;
		display: block;
		font-size: .8em;
		text-align: center;
	}
	
	.table-responsive td img {
		width: 100px;
		max-width: 100px;
		height: auto;
	}
  
	/*.table-responsive td input {
		width: 50px!important;
		margin: 0 auto;
	}*/
  
	.table-responsive td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}
  
  .table-responsive td:last-child {
    border: 0;
  }
}

/* ctgy cart */

.ctgy-cart {
	display: flex;
	justify-content: center;
	margin-bottom: 2%;
}
.ctgy-cart input.c-form-input--large {
	width: 35%;
	margin-right: 2%;
	text-align: center;
}
.ctgy-cart .t-product-layout-purchase__add-to-cart {
	width: 63%;
}
.ctgy-links {
	display: flex;
	justify-content: center;
}
.ctgy-links a {
	display: block;
	width: 49%;
	border: 1px solid #CCC;
	text-decoration: none;
}
	.ctgy-links a:first-child {
		margin-right: 2%;
	}
	.ctgy-links a:nth-child(2) {
		background-color: #F1F1F1;
	}

/* ctgy content */

.x-facet-set__list.x-collapsible-content__item[aria-hidden=false] {
    max-height: inherit; /* fixes overflow issue for facets */
}
.x-subcategory-list__item {
	border: 1px solid #EFEFEF;
}
.x-subcategory-list__figure {
    gap: 0;
}
@media (min-width: 60em) {
	.x-subcategory-list {
		grid-template-columns: repeat(auto-fit, minmax(0, 12rem));
	}
}

/* prod content */

[data-tab-component] [role=tabpanel] {
    max-width: 75rem;
    padding-top: 1rem;
}
body.t-page-prod .t-faq-content {
    display: block;
    /*gap: var(--default-spacing-unit) calc(var(--default-spacing-unit) * 2);
    grid-template-columns: repeat(2, 1fr);
    place-items: flex-start stretch;*/
}
.well-product-order {
	background-color: #F1F1F1;
	border: 1px solid #DDD;
	padding: 20px;
}
@media (min-width: 75em) {
	.x-product-layout-purchase__options, .x-product-layout-purchase__cta {
		max-width: 100%;
		width: 100%;
	}
}
.x-product-layout-purchase__pricing-original, .x-product-layout-purchase__pricing-current {
    font-size: 30px;
}
[data-tab-component] [role=tablist] {
    border-bottom: 1px solid #DDD;
}
[data-tab-component] [role=tab] {
	border: 1px solid #DDD;
	border-bottom: 0;
    font-size: var(--paragraph-large);
    font-weight: var(--font-medium);
    padding: 10px 15px;
    text-decoration: none;
	background-color: #fff;
	color: #000;
}
[data-tab-component] [role=tab][aria-selected] {
	background-color: #ddd;
	border: 1px solid #DDD;
	border-bottom: 0;
}

/* opay */

@media (min-width: 60em) {
	.t-payment-form__field-number {
		max-width: calc(40% - 1em);
	}
	.t-payment-form__field-exp {
		max-width: calc(40% - 1em);
	}
	.t-payment-form__field-cvv {
		max-width: calc(20% - 1em);
	}
}

/* miva page builder overrides */

mmx-hero[data-content-location="under"] picture img {
    max-width: inherit;
    user-select: inherit;
    pointer-events: inherit;
    object-position: inherit;
    height: auto!important;
	max-height: 160px!important;
    width: auto!important;
    object-fit: auto!important;
    aspect-ratio: auto!important;
}
.mmx-button__primary {
    background-color: #00376F!important;
}

/* wells */

.well {
	display: block;
	padding: 15px;
	background-color: #F1F1F1;
	border: 1px solid #DDD;
	margin-bottom: 20px;
}

/* quote request form */

.quote-form div {
	display: flex;
	margin-bottom: 5px;
}
.quote-form div label {
	width: 30%;
}
.quote-form div input {
	width: 68%;
	border: 1px solid #666;
	border-radius: 3px;
}
.quote-form div textarea {
	width: 68%;
	border: 1px solid #666;
	border-radius: 3px;
	height: 100px;
}
@media (min-width: 780px) {
	
}

/* out of box quote request form */

#quote-form label {
    width: inherit;
}
#customer-fields .form_row label.chkboxlbl {
    margin-right: 0!important;
    float: inherit!important;
}
.form_row input.checkbox {
	margin: 4px 0 0 0!important;
}

/* modal */

.modal-window {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.65);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
  &:target {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
  & > div {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2em;
    background: white;
  }
  header {
    font-weight: bold;
  }
  h2 {
    font-size: 35px;
    margin: 0 0 15px;
  }
}

.modal-close {
  color: #aaa;
  line-height: 50px;
  font-size: 80%;
  font-weight: bold;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 70px;
  text-decoration: none;
  &:hover {
    color: black;
  }
}

/* Demo Styles */

.modal-window {
  & > div {
    border-radius: 1rem;
  }
}

.modal-window div:not(:last-of-type) {
  margin-bottom: 15px;
}

/* backgrounds and colors */

.bkg-black { background-color: var(--color-black); }
.bkg-gray { background-color: var(--color-gray); }
.bkg-white { background-color: var(--color-white); }
.bkg-red { background-color: var(--color-red); }
.color-black { color: var(--color-black); }
.color-gray { color: var(--color-gray); }
.color-white { color: var(--color-white); }