/* Combined CSS file - Generated from all CSS files in clientlib-components/css */

/* accordion */
/* .accordion-summary{
    height: 68px;
}

.accordion-content {
    height: 44px;
}

.accordion-title {
    line-height: 24px;

} 

.accordion-subtitle{
    font-family: 'Whitney';
    font-style: normal;
    font-weight: 325;
    font-size: 14px;
    line-height: 20px;
    color: #3E414F;
}

 .icon-img-accordion {
    display: inline-block;
    width: 32px !important;
    height: 32px !important;
} */

.mach-rte ul,
.mach-rte ol {
  list-style: revert !important;
  margin: revert !important;
  padding: revert !important;
}


/* button */

.button .gallery-carousel-cta-icon {
    display: block;
    flex-shrink: 0;
}

.button .gallery-carousel-cta-icon.gallery-carousel-cta-icon--leading {
    --icon: var(--leading-icon-mask);
    width: 1.25rem;
    height: 1.25rem;
    -webkit-mask: var(--icon) no-repeat center / 100% 100%;
    mask: var(--icon) no-repeat center / 100% 100%;
}

.button .gallery-carousel-cta-icon.gallery-carousel-cta-icon--trailing {
    --icon: var(--trailing-icon-mask);
    width: 1rem;
    height: 1rem;
    -webkit-mask: var(--icon) no-repeat center / 100% 100%;
    mask: var(--icon) no-repeat center / 100% 100%;
}

.button.button-primary > .gallery-carousel-cta-icon {
    background-color: var(--mds-icon-inverse);
}

.button.button-secondary > .gallery-carousel-cta-icon {
    background-color: var(--mds-icon-primary);
}

.button.button-secondary:hover > .gallery-carousel-cta-icon,
.button.button-secondary:active > .gallery-carousel-cta-icon {
    background-color: var(--mds-icon-inverse);
}

/* carousel */
/* 

@media (min-width: 1440px) {
  .inline-carousel {
    max-width: 1152px;
    padding : 8px 0;
  }
}

@media (min-width: 992px) and (max-width: 1439px) {
  .inline-carousel {
   max-width: 928px;
   padding : 8px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .inline-carousel {
   max-width: 704px;
   padding : 8px 0;
}}
@media (min-width: 375px) and (max-width: 767px) {
  .inline-carousel {
    max-width: 100%;
  }
}
  */

/* divider-line */
/* .dividerLine {
    width: 80%; 
    margin: 0 auto;
}

*/
/* fonts */
@font-face {
  font-family: 'Whitney';
  src: url('/content/dam/aem-on-mach/styles/fonts/Whitney/whitney-light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Whitney';
  src: url('/content/dam/aem-on-mach/styles/fonts/Whitney/whitney-book.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Whitney';
  src: url('/content/dam/aem-on-mach/styles/fonts/Whitney/whitney-medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Whitney';
  src: url('/content/dam/aem-on-mach/styles/fonts/Whitney/whitney-semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Whitney';
  src: url('/content/dam/aem-on-mach/styles/fonts/Whitney/whitney-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Whitney';
  src: url('/content/dam/aem-on-mach/styles/fonts/Whitney/whitney-black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'Whitney Condensed';
    font-style: normal;
    font-weight: 375;
    src: url("/content/dam/aem-on-mach/styles/fonts/Whitney/whitney-condensed.woff2") format("woff2")
}

/* hero */

.hero-gallery .pagination-controls {
  display: none;
}

.button-primary-inverse > .gallery-carousel-cta-icon {
  background-color: var(--mds-icon-primary);
}
.button-primary-inverse:hover > .gallery-carousel-cta-icon,
.button-primary-inverse:active > .gallery-carousel-cta-icon {
  background-color: var(--mds-icon-inverse);
} 

/* Hero/Carousel/Nav/Nav-Child component breaks out of mach__container max-width and padding */

.mach__container .full-width-component-wrapper {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
}

/* next-page */
/* Next Page Navigation Component */
.next-page-link {
    text-decoration: none;
    display: flex;
    transition: opacity 0.2s ease;
}

.next-page-link:hover {
    opacity: 0.8;
}

/* page-list */
/* @media (min-width: 1440px) {

.page-list {
	padding-right : 144px;
	padding-left : 144px;
}

.page-list-container {
	max-width : 100%;
	padding-bottom : 32px;
}
.pagelist-heading {
	height : 54px;
    padding-bottom : 16px;
    font-family: 'Whitney';
	font-style: normal;
	font-weight: 375;
	font-size: 48px;
	line-height: 54px;
	letter-spacing: -0.75px;
	color: #001E3C;

}
.pagelist-body {

font-family: 'Whitney';
font-style: normal;
font-weight: 325;
font-size: 18px;
line-height: 26px;
color: #3E414F;
padding-bottom : 32px;
padding-top : 16px;

}

}

@media (min-width: 992px) and (max-width: 1439px) {

.page-list {
	padding-right : 32px;
	padding-left : 32px;
    padding-bottom : 32px;
}
 
.page-list-container {
max-width: 100%;

}
.pagelist-heading {
	height : 54px;
    padding-bottom : 16px;
    font-family: 'Whitney';
	font-style: normal;
	font-weight: 375;
	font-size: 48px;
	line-height: 54px;
	letter-spacing: -0.75px;
	color: #001E3C;

}
.pagelist-body {

	font-family: 'Whitney';
	font-style: normal;
	font-weight: 325;
	font-size: 18px;
	line-height: 26px;
	color: #3E414F;
	padding-bottom : 32px;
	padding-top : 16px;
	max-width: 820px;

}
}

@media (min-width: 768px) and (max-width: 991px) {

 .page-list {
	padding-right : 32px;
	padding-left : 32px;
    padding-bottom : 24px;
}
    .page-list-container {
max-width: 100%;

}
.pagelist-heading {
	height : 54px;
    padding-bottom : 16px;
    font-family: 'Whitney';
	font-style: normal;
	font-weight: 375;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.75px;
	color: #001E3C;

}
.pagelist-body {
font-family: 'Whitney';
font-style: normal;
font-weight: 325;
font-size: 18px;
line-height: 26px;
color: #3E414F;
padding-bottom : 32px;
padding-top : 16px;
max-width: 704px;

}

}
@media (min-width: 375px) and (max-width: 767px) {
	.page-list {
	padding-right : 16px;
	padding-left : 16px;
    padding-bottom : 24px;
}
    .page-list-container {
		max-width: 100%;

}
    .pagelist-heading {
	height : 54px;
    padding-bottom : 32px;
    font-family: 'Whitney';
	font-style: normal;
	font-weight: 375;
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.75px;
	color: #001E3C;

}

.pagelist-body {
font-family: 'Whitney';
font-style: normal;
font-weight: 325;
font-size: 16px;
line-height: 24px;
color: #3E414F;
padding-bottom : 32px;
padding-top : 16px;
max-width: 343px;

}
}

 */

/* table-data */
/* Table Data Component Styles */

.table-data-item {
    transition: box-shadow 0.2s ease-in-out;
}

.table-data-image img {
    width: 100%;
    height: auto;
    display: block;
}

.table-data-cta-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
}

.table-data-cta-icon--leading {
    margin-right: 0.5rem;
    mask: var(--leading-icon-mask) no-repeat center;
    -webkit-mask: var(--leading-icon-mask) no-repeat center;
    mask-size: contain;
    -webkit-mask-size: contain;
    background-color: currentColor;
}

.table-data-cta-icon--trailing {
    margin-left: 0.5rem;
    mask: var(--trailing-icon-mask) no-repeat center;
    -webkit-mask: var(--trailing-icon-mask) no-repeat center;
    mask-size: contain;
    -webkit-mask-size: contain;
    background-color: currentColor;
}

/* table */
/* Table Component — column widths for scroll behavior */

/* Remove right border from last column */
.mach-table th:last-child,
.mach-table td:last-child {
  border-right: none;
}

/* Mobile: label 140px + data 200px = 2 cols visible */



.mach-table tr th {
    background: white;
}
@media (max-width: 767px) {
  .mach-table th,
  .mach-table td { min-width: 150px; }
  .mach-table th:first-child { min-width: 140px; width: 140px; }
}

/* Tablet: label 160px + data 220px = 3 cols visible */
@media (min-width: 768px) and (max-width: 991px) {
  .mach-table th,
  .mach-table td { min-width: 180px; }
  .mach-table th:first-child { min-width: 160px; width: 160px; }
}

/* Desktop: label 180px + data 200px = 5 cols visible */
@media (min-width: 992px) {
  .mach-table th,
  .mach-table td { min-width: 180px; }
  .mach-table th:first-child { min-width: 180px; width: 180px; }
}

/* tabs */
/* .tabIconSize {
    height:24px;
}

.tabs-standard .visibleAllTabs {
    display: block;
} */

/* text-block */
/* Text Block Component */

.text-body-copy p {
  margin-bottom: 1em;
}

.text-body-copy p:last-child {
  margin-bottom: 0;
}

.text-body-copy ul,
.text-body-copy ol {
  padding-left: 1.5rem;
}

.text-body-copy ul {
  list-style-type: disc;
}

.text-body-copy ol {
  list-style-type: decimal;
}

.text-body-copy li {
  margin-bottom: 0.25rem;
}

.text-body-copy ul ul {
  list-style-type: square;
}

.text-body-copy ol ol {
  list-style-type: lower-roman;
}

.text-body-copy ol ol ol {
  list-style-type: lower-latin;
}

.text-body-copy ul ol {
  list-style-type: decimal;
}

.text-body-copy ol ul {
  list-style-type: circle;
}

a.link {
  color: #06c;
  font-weight: 600;
}


/* RTE style dropdown — responsive text sizes */

/* Large: 18px mobile, 24px desktop */
.rte-text-large {
  font-size: 18px;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .rte-text-large {
    font-size: 24px;
    line-height: 1.4;
  }
}

/* Medium: 16px mobile, 18px desktop */
.rte-text-medium {
  font-size: 16px;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .rte-text-medium {
    font-size: 18px;
    line-height: 1.5;
  }
}

/* Small: 12px on all breakpoints (Terms & Conditions) */
.rte-text-small {
  font-size: 12px;
  line-height: 1.4;
}
 a.link:focus-visible:after, span.link[role=link]:focus-visible:after {
    height: 100%;
}