/** Resources page - intro section **/
.resources-intro {
    max-width: 900px;
    text-align: left;
}
.resources-intro p.resources-intro-eyebrow {
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--ctaalt);
}
.resources-intro h2.resources-intro-title {
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-align: left;
    text-transform: uppercase;
    color: var(--primaryalt);
}
.resources-intro p {
    margin-bottom: 14px;
    line-height: 1.5;
    color: var(--darkdefault);
}
.resources-jump {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}
.resources-jump a {
    display: inline-block;
    padding: 10px 22px 10px 18px;
    border: 1px solid #ddd;
    border-left: 6px solid var(--primaryalt);
    background-color: #f3f3f3;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--primaryalt);
    transition: border-color 0.3s, background-color 0.3s;
}
.resources-jump a::after {
    content: " \2193";
}
.resources-jump a:hover,
.resources-jump a:focus-visible {
    border-color: var(--ctaalt);
    background-color: #fff;
    color: var(--primaryalt);
}

/* smooth jump, and stop the fixed header covering the section top */
html {
    scroll-behavior: smooth;
}
.page-template-flex-templatesrwm-flexible-content-template-php .row[id] {
    scroll-margin-top: 120px;
}
@media only screen and (max-width: 600px) {
    .resources-jump a {
        width: 100%;
    }
}

/** Resources page - Product Information tiles **/
#acf681a3b48ccd94 {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #f3f3f3;
}

/* heading with orange eyebrow, left aligned */
#acf681a3b48ccd94 h2 {
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 800;
    text-align: left;
    text-transform: uppercase;
    color: var(--primaryalt);
}
#acf681a3b48ccd94 h2::before {
    content: "Guides & Reference";
    display: block;
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: 700;
    color: var(--ctaalt);
}

/* even 3 x 2 grid instead of space-between columns */
#acf681a3b48ccd94 .column-items {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px 20px;
}
#acf681a3b48ccd94 .column-items .col {
    width: auto;
    margin: 0 !important;
}
#acf681a3b48ccd94 .col-text ul {
    display: grid;
    gap: 16px;
    margin: 0;
    padding: 0;
}
#acf681a3b48ccd94 .col-text li {
    margin: 0;
    padding: 0;
    list-style: none;
}
#acf681a3b48ccd94 .col-text li::before {
    display: none;
}

/* the tile */
#acf681a3b48ccd94 .col-text li a {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 70px;
    padding: 14px 50px 14px 24px;
    border: 1px solid #ddd;
    border-left: 8px solid var(--primaryalt);
    background-color: #fff;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--primaryalt);
    transition: border-color 0.3s;
}
#acf681a3b48ccd94 .col-text li a::after {
    content: "\2192";
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    font-size: 20px;
    color: var(--ctaalt);
    transition: right 0.3s;
}
#acf681a3b48ccd94 .col-text li a:hover,
#acf681a3b48ccd94 .col-text li a:focus-visible {
    border-color: var(--ctaalt);
    color: var(--primaryalt);
}
#acf681a3b48ccd94 .col-text li a:hover::after,
#acf681a3b48ccd94 .col-text li a:focus-visible::after {
    right: 14px;
}

@media only screen and (max-width: 959px) {
    #acf681a3b48ccd94 .column-items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 600px) {
    #acf681a3b48ccd94 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    #acf681a3b48ccd94 .column-items {
        grid-template-columns: minmax(0, 1fr);
    }
}

/** Resources page - Product Documents cards **/
#acf6ae36eef68cd9,
#acf6ae37937a204e {
    padding-top: 60px;
    padding-bottom: 60px;
}

/* heading with orange eyebrow, left aligned (the h2 has an inline center style) */
#acf6ae36eef68cd9 .row-inner > .f-text,
#acf6ae37937a204e .row-inner > .f-text {
    margin-bottom: 30px;
}
#acf6ae36eef68cd9 .row-inner > .f-text h2,
#acf6ae37937a204e .row-inner > .f-text h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 800;
    text-align: left !important;
    text-transform: uppercase;
    color: var(--primaryalt);
}
#acf6ae36eef68cd9 .row-inner > .f-text h2::before,
#acf6ae37937a204e .row-inner > .f-text h2::before {
    content: "Spec Sheets & Certifications";
    display: block;
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: 700;
    color: var(--ctaalt);
}

/* three cards */
#acf6ae36eef68cd9 .column-items,
#acf6ae37937a204e .column-items {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    align-items: start;
}
#acf6ae36eef68cd9 .column-items .col,
#acf6ae37937a204e .column-items .col {
    width: auto;
    margin: 0 !important;
    border: 1px solid #e1e1ea;
    background-color: #f3f3f3;
}

/* navy card header */
#acf6ae36eef68cd9 .col-text h3,
#acf6ae37937a204e .col-text h3 {
    margin: 0;
    padding: 16px 20px;
    background-color: var(--primaryalt);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #fff;
}

/* document list */
#acf6ae36eef68cd9 ul.resource-links,
#acf6ae37937a204e ul.resource-links {
    margin: 0;
    padding: 6px 20px 14px;
}
#acf6ae36eef68cd9 ul.resource-links li,
#acf6ae37937a204e ul.resource-links li {
    margin: 0;
    border-bottom: 1px solid #e1e1ea;
}
#acf6ae36eef68cd9 ul.resource-links li:last-child,
#acf6ae37937a204e ul.resource-links li:last-child {
    border-bottom: none;
}
#acf6ae36eef68cd9 ul.resource-links li a,
#acf6ae37937a204e ul.resource-links li a {
    display: block;
    padding: 10px 0 10px 28px;
    font-size: 14px;
    line-height: 1.35;
    color: var(--primaryalt);
    transition: color 0.3s;
}
#acf6ae36eef68cd9 ul.resource-links li a:hover,
#acf6ae36eef68cd9 ul.resource-links li a:focus-visible,
#acf6ae37937a204e ul.resource-links li a:hover,
#acf6ae37937a204e ul.resource-links li a:focus-visible {
    color: var(--cta);
}

@media only screen and (max-width: 959px) {
    #acf6ae36eef68cd9 .column-items,
    #acf6ae37937a204e .column-items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 600px) {
    #acf6ae36eef68cd9,
    #acf6ae37937a204e {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    #acf6ae36eef68cd9 .column-items,
    #acf6ae37937a204e .column-items {
        grid-template-columns: minmax(0, 1fr);
    }
}

/** Resources page - Industry Associations band **/
#acf6811100e66a72 {
    padding-top: 60px;
    padding-bottom: 60px;
    border-top: 14px solid var(--ctaalt);
    background-color: var(--primaryalt);
}

/* the short intro line becomes the orange eyebrow above the heading */
#acf6811100e66a72 .f-text {
    display: flex;
    flex-direction: column;
    text-align: left;
}
#acf6811100e66a72 .f-text p {
    order: -1;
    margin: 0 0 4px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--ctaalt);
}
#acf6811100e66a72 .f-text h2 {
    margin: 0 0 30px;
    font-size: 24px;
    font-weight: 800;
    text-align: left !important;
    text-transform: uppercase;
    color: #fff;
}

/* four tiles */
#acf6811100e66a72 .f-text ul {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    margin: 0;
    padding: 0;
}
#acf6811100e66a72 .f-text li {
    margin: 0;
    padding: 0;
    list-style: none;
}
#acf6811100e66a72 .f-text li::before {
    display: none;
}
#acf6811100e66a72 .f-text li a {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    min-height: 80px;
    padding: 16px 44px 16px 20px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    transition: background-color 0.3s, border-color 0.3s;
}
#acf6811100e66a72 .f-text li a::after {
    content: "\2197";
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    font-size: 18px;
    color: var(--ctaalt);
    transition: color 0.3s;
}
#acf6811100e66a72 .f-text li a:hover,
#acf6811100e66a72 .f-text li a:focus-visible {
    border-color: var(--ctaalt);
    background-color: var(--ctaalt);
    color: #fff;
}
#acf6811100e66a72 .f-text li a:hover::after,
#acf6811100e66a72 .f-text li a:focus-visible::after {
    color: #fff;
}

@media only screen and (max-width: 959px) {
    #acf6811100e66a72 .f-text ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 600px) {
    #acf6811100e66a72 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    #acf6811100e66a72 .f-text ul {
        grid-template-columns: minmax(0, 1fr);
    }
}
#acf681a3b48ccd94::before,
#acf6ae36eef68cd9::before,
#acf6811100e66a72::before,
#acf6ae37937a204e::before {
    display: none;
}