/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/* Root Variables */
:root {
    --color-light-grey: #888888;
    --color-primary-neutral: #E9E9E9;
    --color-primary-neutral-400: #999999;
    --color-teal: #57D4FF;
    --color-dark-grey: #222222;
    --color-neutral-10: #F5F5F5;
    --color-neutral-20: #E0E0E0;
    --color-neutral-30: #CCCCCC;
    --color-neutral-40: #B8B8B8;
    --color-neutral-50: #A3A3A3;
    --color-neutral-60: #8F8F8F;
    --color-neutral-70: #7a7a7a;
    --color-neutral-80: #666666;
    --color-neutral-90: #525252;
    --color-neutral-100: #3D3D3D;
    /* Body Text */
    --b1-size: clamp(18px, 3vw, 24px);
    --b1-line-height: 145%;
    --b1-spacing: 1.5%;
    --b1-weight: 500;
    --b1-family: 'Inter', sans-serif;
    --b2-size: 20px;
    --b2-line-height: 130%;
    --b2-spacing: 0px;
    --b2-weight: 500;
    --b2-family: 'Lato', sans-serif;
}

/** FONT SIZE- CLAMPS **/
body {
    font-size: clamp(19px, 1vw + 13px, 24px);
}

h1 {
    font-size: clamp(60px, 8.5vw, 105px);
}

h2 {
    font-size: clamp(28px, 6vw, 70px);
}

h3 {
    font-size: clamp(38px, 5vw, 55px);
}

.h3-alt {
    font-size: clamp(34px, 2vw + 20px, 50px);
}

h4 {
    font-size: clamp(30px, 2.8vw, 34px);
}

h5 {
    font-size: clamp(32px, 3.8vw, 38px);
}

h6 {
    font-size: clamp(20px, 2.7vw, 30px);
}

.tempco-featured-blog-card__title {
    font-size: clamp(32px, 5.5vw, 40px);
}

.font-h7,
.btn, .kb-button .kt-btn-inner-text {
    font-family: "Oswald", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-weight: 700;
    font-size: clamp(22px, 1vw + 12px, 24px);
    line-height: 1.2em;
    letter-spacing: 0.02em;
}

.font-b2 {
    font-size: var(--b2-size);
    line-height: var(--b2-line-height);
    letter-spacing: var(--b2-spacing);
    font-weight: var(--b2-weight);
    font-family: var(--b2-family);
}

.font-b3 {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 19px;
    line-height: 1.3em;
    letter-spacing: 0;
}

.sec-subheading {
    font-family: Inter;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 5.2px;
    text-transform: uppercase;
}

/* Utility Styles*/


.full-bleed {
    position: relative;
    width: 100vw;
    max-width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* Buttons */
/* --- Base Button Styles --- */
.btn,
input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-transform: uppercase;
    text-decoration: none;
    padding: 17px 30px;
    transition: all 0.25s ease;
    cursor: pointer;
    position: relative;
}

.btn:hover {
    color: var(--global-palette-btn-bg-hover);
}

.btn--primary,
.btn--black,
.btn--primary:hover,
.btn--icon:hover {
    color: #fff;
}

.btn--primary {
    background-color: var(--global-palette-btn-bg);
}

.btn--primary:hover,
.btn--icon:hover {
    background-color: var(--global-palette-btn-bg-hover);
}

.btn--black:hover,
.black--icon:hover {
    background-color: var(--color-neutral-100);
    color: #fff;
}

.btn--outline {
    border: 2px solid var(--global-palette-btn-bg);
}

.btn--outline:hover {
    border-color: var(--global-palette-btn-bg-hover);
}

.btn--icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: none;
    padding: 0;
    line-height: 0;
    text-decoration: none;
    transition: background-color 0.25s ease;
}

.red--icon {
    background-color: var(--global-palette-btn-bg);
}

.black--icon {
    background-color: #000;
}

.red--icon,
.black--icon {
    color: #fff;
}

.btn__icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn__icon svg {
    width: 26px;
    height: 26px;
    display: block;
    flex-shrink: 0;
    stroke: currentColor;
}

.btn--outline-white {
    color: #fff;
    border: 2px solid #fff;
}

.btn--outline-white:hover,
.outline--icon-white:hover {
    color: var(--color-neutral-100);
    border-color: var(--color-neutral-100);
    background: transparent;
}

.outline--icon {
    border: 2px solid var(--color-primary-neutral-400);
    color: var(--color-primary-neutral-400);
}

.outline--icon:hover {
    border: 2px solid var(--global-palette1);
    color: var(--global-palette1);
    background: transparent;
}

.outline--icon-white {
    color: #fff;
    border: 2px solid #fff;
}

.outline--icon-red {
    color: var(--global-palette1);
    border: 2px solid var(--global-palette1);
    font-size: 30px;
}

.outline--icon-red svg {
    width: 1em;
    height: 1em;
}

.btn--black {
    background-color: #000;
}

.btn--text-black {
    color: #000;
}

.btn--text-black:hover {
    color: var(--color-neutral-100);
}

.is-style-fill .wp-block-button__link,
.kb-btn-global-fill:not(.btn-icon),
.gform_button,
.btn--angled {
    clip-path: polygon(0% 0%,
            calc(100% - 22px) 0%,
            100% 27px,
            100% 100%,
            0% 100%,
            0% 0%);
}

.underlined {
    position: relative;
    text-decoration: none;
}

.underlined::after {
    content: '';
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 85%;
    height: 3px;
    background-color: var(--global-palette1);
    transition: background-color 0.25s ease;
}

.underlined:hover::after {
    background-color: var(--global-palette-btn-bg-hover);
}

.has-theme-palette1-background-color .underlined::after {
    background-color: #000;
    transition: background-color 0.25s ease;
}

.has-theme-palette1-background-color .underlined:hover::after {
    background-color: #3D3D3D;
}

.has-theme-palette1-background-color .kb-buttons-wrap .kb-btn-global-fill {
    background-color: #000;
}

.has-theme-palette1-background-color .kb-buttons-wrap .kb-btn-global-fill:hover {
    background-color: #3d3d3d;
}

.has-theme-palette1-background-color .kb-buttons-wrap .kb-btn-global-outline {
    color: #000;
}

.has-theme-palette1-background-color .kb-buttons-wrap .kb-btn-global-outline:hover {
    color: #3D3D3D;
}

.has-theme-palette1-background-color .kb-buttons-wrap .bordered {
    color: #fff;
}

/* ========== BLOG ========== */
.wp-block-kadence-query-pagination .pagination .next.page-numbers,
.wp-block-kadence-query-pagination .pagination .prev.page-numbers {
    height: 48px;
    width: 48px;
    background: var(--color-neutral-100);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.wp-block-kadence-query-pagination .pagination .next.page-numbers:hover,
.wp-block-kadence-query-pagination .pagination .prev.page-numbers:hover {
    background: var(--global-palette1);
}

.wp-block-kadence-query-pagination .pagination a:hover {
    background-color: var(--global-palette1);
    color: #fff;
}

.border-bar {
    position: relative;
}

.border-bar::before {
    content: "";
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    height: 30px;
    background: url(https://tempco.inboundfound.com/wp-content/uploads/2025/10/border-design-scaled.png) no-repeat center center;
    background-size: cover;
    z-index: 5;
}

.border-bar>*:first-child {
    margin-top: 6px;
}

.white-border-bar {
    position: relative;
}

.white-border-bar::before {
    content: "";
    position: absolute;
    top: -39px;
    left: 0;
    width: 101%;
    height: 40px;
    background: url(https://tempco.inboundfound.com/wp-content/uploads/2025/10/border-bar-white-left.svg) no-repeat left bottom;
    background-size: cover;
    z-index: 1;
    max-width: 101%;
}

.border-bar-tr {
    position: relative;
}

.border-bar-tr::before {
    content: "";
    position: absolute;
    top: -2px;
    right: 0;
    width: 324px;
    height: 30px;
    background: url(https://tempco.inboundfound.com/wp-content/uploads/2025/10/topborder_right.png) no-repeat top right;
    background-size: contain;
    z-index: 999;
    pointer-events: none;
}

.border-bar-top::before {
    content: "";
    position: absolute;
    top: -25px;
    left: 0;
    width: 101%;
    height: 30px;
    background: url(https://tempco.inboundfound.com/wp-content/uploads/2025/10/Mask-group.svg) no-repeat right bottom;
    background-size: cover;
    z-index: 999;
}

.corner-stripes-bottom-left::before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 324px;
    height: 30px;
    background: url("https://tempco.inboundfound.com/wp-content/uploads/2025/10/corner-stripes-bottom-left.svg") no-repeat bottom left;
    background-size: contain;
    z-index: 999;
    pointer-events: none;
}

/*******************************************
 * BLOG CARDS – DESKTOP COLOR PATTERN
 * Rows 1 & 3: Teal, Red, Gray
 * Row 2: Gray, Teal, Red
*******************************************/

/* Teal items: Card 1 & 7 */
.blog-cards .kb-query-grid-wrap .kb-query-item:nth-child(1),
.blog-cards .kb-query-grid-wrap .kb-query-item:nth-child(7) {
    --cardColor: var(--color-teal);
}

/* Red items: Card 2 & 8 */
.blog-cards .kb-query-grid-wrap .kb-query-item:nth-child(2),
.blog-cards .kb-query-grid-wrap .kb-query-item:nth-child(8) {
    --cardColor: var(--global-palette1);
}

/* Gray items: Card 3 & 9 */
.blog-cards .kb-query-grid-wrap .kb-query-item:nth-child(3),
.blog-cards .kb-query-grid-wrap .kb-query-item:nth-child(9) {
    --cardColor: #bbb;
}


/* ---------------------------
   ROW 2 (Cards 4–6)
   Pattern: Gray, Teal, Red
--------------------------- */

/* Gray: Card 4 */
.blog-cards .kb-query-grid-wrap .kb-query-item:nth-child(4) {
    --cardColor: #bbb;
}

/* Teal: Card 5 */
.blog-cards .kb-query-grid-wrap .kb-query-item:nth-child(5) {
    --cardColor: var(--color-teal);
}

/* Red: Card 6 */
.blog-cards .kb-query-grid-wrap .kb-query-item:nth-child(6) {
    --cardColor: var(--global-palette1);
}


/* ---------------------------
   Apply the color
--------------------------- */
.blog-cards .kb-query-grid-wrap .kb-query-item {
    /* Any element that should inherit the card color goes here */
}

.blog-cards .kb-query-grid-wrap .kb-query-item .kb-dynamic-html,
.blog-cards .kb-query-grid-wrap .kb-query-item .taxonomy-resource-type a,
.blog-cards .kb-query-grid-wrap .kb-query-item .kb-svg-icon-wrap {
    color: var(--cardColor);
}

.blog-cards .kb-query-grid-wrap .kb-query-item .kt-divider {
    border-color: var(--cardColor);
}

.blog-cards .kb-query-grid-wrap .kb-query-item .wp-block-kadence-single-icon {
    border-color: var(--cardColor);
}




/* Blog - Single Posts*/
.Note,
.Caution {
    background: rgba(0, 0, 0, 0) url(https://tempco.inboundfound.com/wp-content/uploads/2025/09/WebInfo.png) no-repeat scroll 18px 50%;
    border: 2px solid #f00;
    min-height: 74px;
    padding: 10px 10px 10px 80px;
    display: block;
}

.kb-button.kb-btn-global-fill {
    border-radius: 0;
}

.size-medium {
    width: 300px;
}

.Float25,
.Float33,
.Float50,
.Float66,
.Float75 {
    clear: none !important;
    float: left;
    padding: 0;
}

.Float66 {
    width: 65%;
}

.Float33 {
    width: 35%
}

.Freeform {
    clear: both;
}

.wp-block-kadence-tableofcontents .kb-table-of-content-wrap .kb-table-of-content-list {
    list-style: auto;
    list-style-position: inside;
    padding-left: 0;
}

.kb-table-of-content-list li {
    padding: 16px;
}

.reading-time {
    display: inline-flex;
    justify-content: center;
    gap: 7px;
    align-items: center;
    color: #000000;
    width: 100%;
}

.reading-time svg {
    font-size: 32px;
    width: 1em;
    height: 1em;
}

.taxonomy-resource-type.font-h7 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.font-h7 .wp-block-post-terms__separator {
    font-size: 11px;
    color: var(--global-palette1);
}

.kb-table-of-content-list li.toc-active {
    border: 2px solid var(--global-palette1);
    border-radius: 0;
    transition: border 0.2s ease;
}

.scriptlesssocialsharing__buttons {
    gap: 12px;
}

.scriptlesssocialsharing .scriptlesssocialsharing__buttons a.button {
    background-color: var(--color-light-grey);
    border-radius: 6px;
}

.reading-progress {
    padding: var(--global-kb-spacing-sm, 1.5rem);
}

.reading-progress-track {
    height: 5px;
    background: #D9D9D9;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 14px;
}

.reading-progress-bar {
    height: 100%;
    width: 0%;
    background: var(--global-palette1);
    border-radius: 2px;
    transition: width 0.25s linear;
}

.nomargin-bot {
    margin-bottom: 0 !important;
}

.kb-toggle-icon-style-arrow .kb-table-of-contents-icon-trigger::before,
.kb-toggle-icon-style-arrow .kb-table-of-contents-icon-trigger::after {
    display: none !important;
}

.kb-table-of-contents-title-wrap .kb-table-of-contents-icon-trigger {
    border: 2px solid var(--global-palette1);
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    background-color: transparent;
    background-image: url("https://tempco.inboundfound.com/wp-content/uploads/2025/10/arrow-up-red.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
    transition: all 0.25s ease-in-out;
}

/* Conditional display based on document type */
.document-type-pdf .entry-content {
    display: none !important;
}

.document-type-internal-page .acf-pdf-viewer {
    display: none !important;
}

/* Alternative: Hide post content for PDF documents */
.single-resources.document-type-pdf .post-content,
.single-resources.document-type-pdf .entry-content,
.single-resources.document-type-pdf .wp-block-post-content {
    display: none !important;
}

/* Alternative: Hide PDF viewer for Internal Page documents */
.single-resources.document-type-internal-page .acf-pdf-viewer,
.single-resources.document-type-internal-page .pdf-embed-container {
    display: none !important;
}

/* FacetWP - Resources */
.masonry-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1.5rem;
    margin: 2rem 0;
}

.masonry-item {
    display: block;
    width: 100%;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    text-decoration: none;
    color: white;
}

.masonry-item img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.masonry-item:hover {
    transform: scale(1.02);
}

.overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent 75%);
    padding: 2rem 1rem 1.5rem;
    box-sizing: border-box;
    transition: background 0.3s ease;
    color: white;
}

.overlay h3 {
    font-size: 1rem;
    font-weight: bold;
    margin: 0 0 0.5rem;
    color: white;
}

.overlay p {
    font-size: 0.85rem;
    margin: 0;
    color: #ddd;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: unset;
    -webkit-box-orient: vertical;
    overflow: visible;
    text-overflow: unset;
}

.facetwp-facet-media_categories {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1.5rem;
    justify-content: center;
}

.facetwp-facet-media_categories .facetwp-radio {
    display: inline-flex;
    align-items: center;
    padding: 0.4em 0.8em;
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 0px;
    cursor: pointer;
    transition: background 0.2s ease;
}

.facetwp-facet-media_categories .facetwp-radio:hover {
    background: var(--global-palette-highlight);
    color: #fff;
}

.facetwp-facet-media_categories .facetwp-radio.checked {
    background: var(--global-palette-highlight);
    color: #fff;
    border-color: var(--global-palette-highlight);
}

/* Grid */
/* Catalog grid: 3 columns */
.media-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.media-item {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 16px;
    text-align: center;
    transition: box-shadow 0.2s ease;
}

.media-item:hover {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

.thumb-wrapper {
    margin-bottom: 12px;
}

.media-thumb {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

.media-title {
    font-size: 16px;
    font-weight: 700;
    margin: 8px 0 4px;
}

.media-caption {
    font-size: 14px;
    color: #666;
}

/* Header */
.kb-header-container {
    background-image: linear-gradient(rgba(0, 0, 0, .85), rgba(0, 0, 0, .85)),
        url(https://tempco.inboundfound.com/wp-content/uploads/2025/09/aafac004d958e655941d0a4e6b0999ed9f816772.png);
    background-size: cover;
    background-position: 48% 33%;
}

.wp-block-kadence-header {
    margin-bottom: -20px;
    z-index: 999;
}

/* Extended clip-path for regular dropdowns AND mega menus */
.wp-block-kadence-header-desktop {
    clip-path: polygon(0% 0%,
            100% 0%,
            100% 85%,
            85% 85%,
            84% 100%,
            84% 1000px,
            /* Increased from 500px to 1000px for mega menus */
            16% 1000px,
            /* Increased from 500px to 1000px for mega menus */
            16% 100%,
            15% 85%,
            0 85%);
}

.wp-block-kadence-header-tablet {
    clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 85% 85%, 84% 100%, 16% 100%, 15% 85%, 0 85%);
}

/* No clip on off-canvas */
.wp-block-kadence-header-tablet .wp-block-kadence-off-canvas {
    clip-path: none !important;
}

/* Ensure mega menu has proper overflow */
.wp-block-kadence-header-desktop .mega-menu {
    clip-path: none !important;
}

.wp-block-kadence-navigation28222-cpt-id,
.wp-block-kadence-navigation28224-cpt-id,
.kb-identity28217_903254-c8 {
    margin-bottom: -25px;
}

/* ========== FOOTER ========== */

.menu-if-footer a {
    font-family: "Oswald", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 700;
}

.menu-if-footer .wp-block-navigation-link a:hover {
    color: var(--global-palette1);
    text-decoration-color: var(--global-palette1);
}

.footer-policy ul>li:last-child {
    color: var(--global-palette-btn-bg);
    font-size: 20px;
    text-transform: capitalize;
}

.footer-policy ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 0;
    margin: 10px 0 0;
    text-align: center;
}

.footer-policy ul li {
    display: inline-block;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.4;
}

/* FORMS */
.gform_wrapper.gravity-theme :is(input[type=color],
    input[type=date],
    input[type=datetime-local],
    input[type=datetime],
    input[type=email],
    input[type=month],
    input[type=number],
    input[type=password],
    input[type=search],
    input[type=tel],
    input[type=text],
    input[type=time],
    input[type=url],
    input[type=week],
    select,
    textarea),
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea,
select {
    border: 2px solid #3d3d3d;
    border-radius: 0;
    font-size: var(--b2-size);
    line-height: var(--b2-line-height);
    letter-spacing: var(--b2-spacing);
    font-weight: var(--b2-weight);
    font-family: var(--b2-family);
    color: #000;
}

.gform_wrapper.gravity-theme:is(input[type=color],
    input[type=date],
    input[type=datetime-local],
    input[type=datetime],
    input[type=email],
    input[type=month],
    input[type=number],
    input[type=password],
    input[type=search],
    input[type=tel],
    input[type=text],
    input[type=time],
    input[type=url],
    input[type=week],
    select,
    textarea)::placeholder {
    color: var(--color-light-grey);
}

/* All browsers */
.cta-form .gform_wrapper input::placeholder,
.cta-form .gform_wrapper textarea::placeholder,
.cta-form .gform_wrapper select::placeholder {
    color: var(--color-light-grey);
    opacity: 1;
}

/* Firefox 18- */
.cta-form .gform_wrapper input:-moz-placeholder,
.cta-form .gform_wrapper textarea:-moz-placeholder {
    color: var(--color-light-grey);
    opacity: 1;
}

/* Firefox 19+ */
.cta-form .gform_wrapper input::-moz-placeholder,
.cta-form .gform_wrapper textarea::-moz-placeholder {
    color: var(--color-light-grey);
    opacity: 1;
}

/* IE 10-11 */
.cta-form .gform_wrapper input:-ms-input-placeholder,
.cta-form .gform_wrapper textarea:-ms-input-placeholder {
    color: var(--color-light-grey);
    opacity: 1;
}

/* Edge */
.cta-form .gform_wrapper input::-ms-input-placeholder,
.cta-form .gform_wrapper textarea::-ms-input-placeholder {
    color: var(--color-light-grey);
    opacity: 1;
}

.cta-form .gform_wrapper.gravity-theme :is(.gfield-choice-input[type="radio"]:checked + label, .gfield-choice-input[type="checkbox"]:checked + label) {
    color: #fff;
}

.has-theme-palette3-background-color .gform_wrapper.gravity-theme :is(input[type=color],
    input[type=date],
    input[type=datetime-local],
    input[type=datetime],
    input[type=email],
    input[type=month],
    input[type=number],
    input[type=password],
    input[type=search],
    input[type=tel],
    input[type=text],
    input[type=time],
    input[type=url],
    input[type=week],
    textarea)::placeholder {
    color: #fff;
}

.gform_wrapper.gravity-theme .gfield_label,
.cta-form .gform_wrapper.gravity-theme .gfield_label,
label {
    font-size: var(--b2-size);
    line-height: var(--b2-line-height);
    letter-spacing: var(--b2-spacing);
    font-weight: var(--b2-weight);
    font-family: var(--b2-family);
    color: var(--color-neutral-100);
}

.gform_wrapper.gravity-theme .gfield-choice-input+label,
.gform_description,
.gfield--type-html,
.cta-form .gform_wrapper.gravity-theme .gfield-choice-input+label {
    font-size: var(--b1-size);
    line-height: var(--b1-line-height);
    letter-spacing: var(--b1-spacing);
    font-weight: var(--b1-weight);
    font-family: var(--b1-family);
}

.cta-form .gform_wrapper.gravity-theme .gfield-choice-input+label {
    font-weight: 400;
}

.has-theme-palette3-background-color .gform_wrapper.gravity-theme :is(input:not(.gform_button):not([type="checkbox"]),
    select,
    textarea),
.has-theme-palette3-background-color :is(input:not(.gform_button):not([type="checkbox"]), select, textarea) {
    border: 2px solid #fff;
    border-radius: 0;
    background: transparent;
}


.has-theme-palette3-background-color .gform_wrapper.gravity-theme :is(.gfield_label, select, p, label),
.cta-form label,
.cta-form .gform_wrapper.gravity-theme .gfield_label,
.has-theme-palette3-background-color label,
.has-theme-palette3-background-color input::placeholder,
.has-theme-palette3-background-color textarea::placeholder {
    color: #fff;
}

.cta-form .gform_wrapper.gravity-theme :is(input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea) {
    border: 0;
    font-size: var(--b2-size);
    line-height: var(--b2-line-height);
    font-weight: var(--b2-weight);
    padding: 16px;
}

.cta-form .gform_wrapper.gravity-theme .gfield {
    margin-bottom: 16px;
}

.gform_wrapper.gravity-theme .gfield-choice-input[type="checkbox"],
[type=checkbox] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    background: var(--color-primary-neutral);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    margin: 0;
}

.gform_wrapper.gravity-theme .gfield-choice-input[type="checkbox"]:hover {
    background-color: var(--global-palette1);
}

.gform_wrapper.gravity-theme .gfield-choice-input[type="checkbox"]:checked {
    background-color: var(--global-palette1);
}

.gform_wrapper.gravity-theme .gfield-choice-input[type="checkbox"]:checked::after {
    content: "";
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: translateY(-2px) rotate(45deg);
}

.gform_wrapper.gravity-theme .gfield_checkbox .gchoice {
    display: flex;
    align-items: flex-start;
}

.gform_wrapper.gravity-theme .gfield_checkbox .gchoice label {
    margin: 0;
    line-height: var(--b2-line-height);
    position: relative;
    top: -4px;
    margin-left: 12px;
}

.gform_wrapper.gravity-theme .gfield-choice-input[type="radio"],
input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    background: var(--color-primary-neutral);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    border: 0;
}

.gform_wrapper.gravity-theme .gfield-choice-input[type="radio"]:hover {
    border-color: var(--global-palette1);
}

.gform_wrapper.gravity-theme .gfield-choice-input[type="radio"]:checked {
    background: var(--color-primary-neutral);
}

.gform_wrapper.gravity-theme .gfield-choice-input[type="radio"]:checked::after {
    content: "";
    width: 15px;
    height: 15px;
    background: var(--global-palette1);
    border-radius: 50%;
}

.gform_wrapper.gravity-theme .gfield_radio .gchoice {
    display: flex;
    align-items: center;
    gap: 12px;
}

.gform_wrapper.gravity-theme .gfield_radio .gchoice label {
    margin: 0;
    line-height: var(--b2-line-height);
}

.gform_wrapper.gravity-theme :is(.gfield-choice-input[type="radio"]:checked + label,
    .gfield-choice-input[type="checkbox"]:checked + label) {
    color: var(--global-palette1);
}

.gform_wrapper .gform_heading .gform_title {
    font-size: 38px;
    line-height: 110%;
    letter-spacing: -0.01em;
    font-family: 'Barlow Semi Condensed', sans-serif;
    margin-top: 40px;
}

.has-theme-palette3-background-color .gform_title {
    color: #fff;
}

.gform_wrapper .gform_heading {
    margin-bottom: 42px;
}

.has-theme-palette3-background-color .gform_wrapper.gravity-theme :is(input[type=color],
    input[type=date],
    input[type=datetime-local],
    input[type=datetime],
    input[type=email],
    input[type=month],
    input[type=number],
    input[type=password],
    input[type=search],
    input[type=tel],
    input[type=text],
    input[type=time],
    input[type=url],
    input[type=week],
    select,
    textarea) {
    color: #fff;
}

.gravity-theme {
    padding: 48px;
    border: 1px solid var(--color-neutral-20);
}

.cta-form .gravity-theme {
    border: 0;
}

.cta-form .gform_button {
    background-color: #000;
}

.has-theme-palette3-background-color .gravity-theme {
    border: 1px solid #fff;
}

.gform_wrapper .gform_heading {
    position: relative;
    padding-top: 20px;
}

.gform_wrapper .gform_heading::before {
    content: "";
    display: block;
    width: 80px;
    height: 10px;
    background: var(--global-palette1);
    position: absolute;
    top: 0;
    left: 0;
}

.gform_wrapper.gravity-theme .gfield {
    margin-bottom: 32px;
}

.gform_wrapper.gravity-theme :is(input[type=color],
    input[type=date],
    input[type=datetime-local],
    input[type=datetime],
    input[type=email],
    input[type=month],
    input[type=number],
    input[type=password],
    input[type=search],
    input[type=tel],
    input[type=text],
    input[type=time],
    input[type=url],
    input[type=week],
    select,
    textarea):disabled,
input:disabled {
    background: var(--color-neutral-20);
    border-color: var(--color-neutral-80);
    color: var(--color-light-grey);
    cursor: not-allowed;
}


input[type="submit"] {
    padding: 17px 60px;
}

.has-theme-palette3-background-color .gform_wrapper.gravity-theme :is(input:not(.gform_button):not([type="checkbox"]):disabled,
    select:disabled,
    textarea:disabled),
.has-theme-palette3-background-color :is(input:not(.gform_button):not([type="checkbox"]):disabled,
    select:disabled,
    textarea:disabled) {
    background: var(--color-neutral-100);
    border-color: var(--color-neutral-40);
    color: var(--color-neutral-20) !important;
    cursor: not-allowed;
}

.gf-btn-center .gform_wrapper.gravity-theme .gform_footer {
    display: flex;
    justify-content: center;
}

.gf-btn-center .gform_wrapper.gravity-theme .gform_footer .gform_button,
.cta-form .gform_button {
    margin: 0 auto;
}

/* Blog Cards*/
.taxonomy-resource-type {
    display: inline;
    padding: 10px;
}

.taxonomy-resource-type a {
    text-decoration: none;
    text-transform: uppercase;
}

.blog-cards .wp-block-kadence-single-icon {
    border: 2px solid var(--global-palette1);
    padding: 5px;
}

.blog-cards .kb-query-item .wp-block-cover {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.blog-cards .kb-query-item .wp-block-cover__inner-container {
    margin-top: auto;
}

.blog-cards .wp-block-cover {
    position: relative;
    overflow: hidden;
}

.blog-cards .wp-block-cover::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,
            rgba(0, 0, 0, 0) 29.21%,
            rgba(0, 0, 0, 0.79) 66.99%,
            #000 95.32%);
    pointer-events: none;
}

.has-left-bar {
    position: relative;
    padding-left: 30px;
}

.has-left-bar::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 10px;
    background-color: var(--global-palette1);
}

.has-right-bar {
    position: relative;
    padding-right: 30px;
}

.has-right-bar::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 10px;
    background-color: var(--global-palette1);
}

.has-top-bar {
    position: relative;
    display: inline-block;
    padding-top: 40px;
}

.has-top-bar::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 6px;
    background-color: var(--global-palette1, #ED1C24);
}



/* Gradients */

.gradient-border {
    position: relative;
    display: inline-block;
}

.gradient-border::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #ED1C24 0%, #871015 100%);
    border-radius: 2px;
}


.gradient-overlay-red-right {
    position: relative;
    z-index: 0;
}

.gradient-overlay-red-right::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(244.68deg,
            rgba(0, 0, 0, 0) 49.36%,
            #000000 95.74%),
        linear-gradient(90deg,
            rgba(237, 28, 36, 0) 15%,
            rgba(237, 28, 36, 0.7) 44.77%,
            #ED1C24 82.52%),
        linear-gradient(50.91deg,
            rgba(0, 0, 0, 0) 29.44%,
            rgba(0, 0, 0, 0.9) 86.34%);
    z-index: 5;
    pointer-events: none;
}

.gradient-overlay-red-right>* {
    position: relative;
    z-index: 10;
}

.gradient-overlay-red-left {
    position: relative;
    z-index: 0;
}

.gradient-overlay-red-left::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(50.91deg, rgba(0, 0, 0, 0) 29.44%, rgba(0, 0, 0, 0.9) 86.34%),
        linear-gradient(270deg, rgba(237, 28, 36, 0) 15%, rgba(237, 28, 36, 0.7) 53.37%, #ED1C24 100%),
        linear-gradient(245.32deg, rgba(0, 0, 0, 0) 49.36%, #000000 95.74%),
        linear-gradient(0deg, rgba(206, 44, 48, 0.5) 0%, rgba(206, 44, 48, 0.5) 100%);
    z-index: 5;
    pointer-events: none;
}

.gradient-overlay-red-left>* {
    position: relative;
    z-index: 10;
}

.radial-overlay {
    position: relative;
    z-index: 0;
}

.radial-overlay::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;
    border-radius: inherit;
    background:
        radial-gradient(37.37% 154.14% at 25.31% 53.81%,
            rgba(0, 0, 0, 0.6) 0%,
            rgba(0, 0, 0, 0.424038) 46.63%,
            rgba(0, 0, 0, 0) 85%),
        linear-gradient(65.64deg,
            rgba(0, 0, 0, 0) 47.49%,
            rgba(0, 0, 0, 0.6) 108.08%),
        linear-gradient(142.38deg,
            rgba(0, 0, 0, 0) 58.75%,
            rgba(0, 0, 0, 0.4) 83.73%),
        linear-gradient(0deg,
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0.5));
    opacity: 65%;
}

.radial-overlay>* {
    position: relative;
    z-index: 10;
}

/* Backgrounds */

.blackdots_bg {
    background:
        linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)),
        linear-gradient(155deg, rgba(255, 255, 255, 0.9) 39.46%, rgba(246, 246, 246, 0.4) 55.96%, rgba(255, 255, 255, 0.9) 68.18%),
        url("https://tempco.inboundfound.com/wp-content/uploads/2025/10/whitedots-scaled.jpg") center/cover no-repeat,
        #D9D9D9;
}

/* Homepage */

.kb-gallery-ul {
    align-items: center;
    justify-content: center;
}

.featured-products .featured-product-grid h3 {
    font-size: clamp(32px, 4vw, 36px);
}

.featured-product-grid .show-hover {
    display: none;
}

.featured-product-grid .kb-section-has-link:hover .kt-inside-inner-col .show-hover {
    display: flex;
}

.featured-product-grid .wp-block-kadence-column {
    z-index: auto;
}

.featured-product-grid {
    display: flex;
    gap: 1rem;
    position: relative;
    overflow: visible;
}

.featured-product-grid .wp-block-kadence-column {
    position: relative;
    overflow: visible;
}

.featured-product-grid .kt-inside-inner-col {
    position: relative;
    z-index: 1;
    transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
    transform-origin: center center;
}

.featured-product-grid .kb-section-has-link:hover .kt-inside-inner-col {
    position: absolute;
    width: 100%;
    transform: scale(1.25);
    z-index: 99;
    background: url(https://tempco.inboundfound.com/wp-content/uploads/2025/10/Frame7826.png);
    background-size: cover;
}

.featured-product-grid .kb-section-has-link:hover .kb-section-link-overlay {
    z-index: 9999;
}

.featured-product-grid .kb-section-has-link:hover .kt-inside-inner-col .wp-block-image {
    margin-top: -80px;
}

.featured-product-grid:hover,
.featured-product-grid:hover .wp-block-kadence-column,
.featured-product-grid:hover .kt-inside-inner-col,
.featured-product-grid:hover .wp-block-cover {
    overflow: visible !important;
}

.featured-product-grid .kt-inside-inner-col:hover .wp-block-cover__image-background {
    content: url('https://tempco.inboundfound.com/wp-content/uploads/2025/10/Frame7826.png');
    transition: opacity 0.3s ease-in-out;
}

.featured-product-grid .kt-inside-inner-col:hover .kt-divider,
.featured-product-grid .kb-section-has-link:hover .kt-inside-inner-col .kt-divider {
    border-color: #fff;
}

.featured-product-grid .kb-section-has-link:hover .kt-inside-inner-col h3 {
    font-size: 150%;
}

.resource-3-col .wp-block-cover__inner-container {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%;
}

/* =============== FACETWP INDUSTRIES FILTER STYLING =============== */

.facetwp-facet-facet_blog_industries {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    border-bottom: 0;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}

.facetwp-facet-facet_blog_industries .facetwp-radio {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    position: relative;
    transition: color 0.25s ease;
    display: flex;
    align-items: baseline;
    gap: 0.25rem;
}

.facetwp-facet-facet_blog_industries .facetwp-counter,
.facetwp-facet-facet_blog_industries .facetwp-radio {
    color: #000;
    font-family: Inter;
    font-size: 17.995px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 3.059px;
    text-transform: uppercase;
}

.facetwp-facet-facet_blog_industries .facetwp-counter {
    margin-left: 0.25rem;
}

.facetwp-facet-facet_blog_industries .facetwp-radio:hover,
.facetwp-facet-facet_blog_industries .facetwp-radio.checked,
.facetwp-facet-facet_blog_industries .facetwp-radio:hover .facetwp-counter,
.facetwp-facet-facet_blog_industries .facetwp-radio.checked .facetwp-counter {
    color: var(--global-palette1);
}

.facetwp-facet-facet_blog_industries .facetwp-checkbox::before {
    display: none;
}

.facetwp-facet-facet_blog_industries .facetwp-toggle {
    display: none !important;
}

/* ==========================================================
   Blog Industries Section Layout
   (1 large card left + 2 stacked right)
   ========================================================== */

.masonry-blog .tempco-blog-industries-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 45px;
}

.masonry-blog .tempco-blog-industries-section.count-1 {
    grid-template-columns: 1fr;
}

.masonry-blog .tempco-blog-industries-section.count-2 {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 0;
}

.masonry-blog .tempco-blog-industries-section.count-2 .tempco-featured-blog-card {
    min-height: 620px;
}

.masonry-blog .tempco-blog-industries-section>.tempco-featured-blog-card:first-child {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    height: 100%;
}

.masonry-blog .tempco-blog-industries-section>.tempco-featured-blog-card:nth-child(2) {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}

.masonry-blog .tempco-blog-industries-section>.tempco-featured-blog-card:nth-child(3) {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}

.masonry-blog .tempco-blog-industries-section>.tempco-featured-blog-card {
    display: flex;
    flex-direction: column;
    background-size: cover;
    background-position: center;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    min-height: 435px;
}

.tempco-featured-blog-card__link {
    position: absolute;
    inset: 0;
    z-index: 5;
    text-indent: -9999px;
    overflow: hidden;
}

.masonry-blog .tempco-blog-industries-section>.tempco-featured-blog-card:first-child {
    min-height: 620px;
}

.tempco-featured-blog-card:hover {
    transform: scale(1.04);
}

.facetwp-facet-facet_blog_industries .facetwp-radio,
.facetwp-facet-facet_blog_industries .facetwp-radio.checked {
    background: none;
}

/* TEAL - Positions: 1, 5, 9, 10, 14, 18, etc. */
.alternate-colors .tempco-featured-blog-card:nth-child(9n + 1) .tempco-featured-blog-card__content .tempco-featured-blog-card__divider,
.alternate-colors .tempco-featured-blog-card:nth-child(9n + 5) .tempco-featured-blog-card__content .tempco-featured-blog-card__divider,
.alternate-colors .tempco-featured-blog-card:nth-child(9n + 9) .tempco-featured-blog-card__content .tempco-featured-blog-card__divider {
    background: var(--color-teal);
}

.alternate-colors .tempco-featured-blog-card:nth-child(9n + 1) .tempco-featured-blog-card__content .tempco-featured-blog-card__date,
.alternate-colors .tempco-featured-blog-card:nth-child(9n + 1) .tempco-featured-blog-card__content .tempco-featured-blog-card__resource-type,
.alternate-colors .tempco-featured-blog-card:nth-child(9n + 1) .tempco-featured-blog-card__content .outline--icon-red,
.alternate-colors .tempco-featured-blog-card:nth-child(9n + 5) .tempco-featured-blog-card__content .tempco-featured-blog-card__date,
.alternate-colors .tempco-featured-blog-card:nth-child(9n + 5) .tempco-featured-blog-card__content .tempco-featured-blog-card__resource-type,
.alternate-colors .tempco-featured-blog-card:nth-child(9n + 5) .tempco-featured-blog-card__content .outline--icon-red,
.alternate-colors .tempco-featured-blog-card:nth-child(9n + 9) .tempco-featured-blog-card__content .tempco-featured-blog-card__date,
.alternate-colors .tempco-featured-blog-card:nth-child(9n + 9) .tempco-featured-blog-card__content .tempco-featured-blog-card__resource-type,
.alternate-colors .tempco-featured-blog-card:nth-child(9n + 9) .tempco-featured-blog-card__content .outline--icon-red {
    color: var(--color-teal);
}

.alternate-colors .tempco-featured-blog-card:nth-child(9n + 1) .tempco-featured-blog-card__content .outline--icon-red,
.alternate-colors .tempco-featured-blog-card:nth-child(9n + 5) .tempco-featured-blog-card__content .outline--icon-red,
.alternate-colors .tempco-featured-blog-card:nth-child(9n + 9) .tempco-featured-blog-card__content .outline--icon-red {
    border-color: var(--color-teal);
}


/* GRAY - Positions: 3, 4, 8, 12, 13, 17, etc. */
.alternate-colors .tempco-featured-blog-card:nth-child(9n + 3) .tempco-featured-blog-card__content .tempco-featured-blog-card__divider,
.alternate-colors .tempco-featured-blog-card:nth-child(9n + 4) .tempco-featured-blog-card__content .tempco-featured-blog-card__divider,
.alternate-colors .tempco-featured-blog-card:nth-child(9n + 8) .tempco-featured-blog-card__content .tempco-featured-blog-card__divider {
    background: #bbb;
}

.alternate-colors .tempco-featured-blog-card:nth-child(9n + 3) .tempco-featured-blog-card__content .tempco-featured-blog-card__date,
.alternate-colors .tempco-featured-blog-card:nth-child(9n + 3) .tempco-featured-blog-card__content .tempco-featured-blog-card__resource-type,
.alternate-colors .tempco-featured-blog-card:nth-child(9n + 3) .tempco-featured-blog-card__content .outline--icon-red,
.alternate-colors .tempco-featured-blog-card:nth-child(9n + 4) .tempco-featured-blog-card__content .tempco-featured-blog-card__date,
.alternate-colors .tempco-featured-blog-card:nth-child(9n + 4) .tempco-featured-blog-card__content .tempco-featured-blog-card__resource-type,
.alternate-colors .tempco-featured-blog-card:nth-child(9n + 4) .tempco-featured-blog-card__content .outline--icon-red,
.alternate-colors .tempco-featured-blog-card:nth-child(9n + 8) .tempco-featured-blog-card__content .tempco-featured-blog-card__date,
.alternate-colors .tempco-featured-blog-card:nth-child(9n + 8) .tempco-featured-blog-card__content .tempco-featured-blog-card__resource-type,
.alternate-colors .tempco-featured-blog-card:nth-child(9n + 8) .tempco-featured-blog-card__content .outline--icon-red {
    color: #bbb;
}

.alternate-colors .tempco-featured-blog-card:nth-child(9n + 3) .tempco-featured-blog-card__content .outline--icon-red,
.alternate-colors .tempco-featured-blog-card:nth-child(9n + 4) .tempco-featured-blog-card__content .outline--icon-red,
.alternate-colors .tempco-featured-blog-card:nth-child(9n + 8) .tempco-featured-blog-card__content .outline--icon-red {
    border-color: #bbb;
}


.masonry-blog .tempco-blog-industries-section .tempco-featured-blog-card__content {
    min-height: 100%;
}

body:not(.single-post) .taxonomy-resource-type a:not(:first-child),
body:not(.single-post) .taxonomy-resource-type .wp-block-post-terms__separator {
    display: none;
}

.tempco-blog-main-section {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-bottom: 3.5rem;
}

/*** Flickity ***/

.flickity-prev-next-button.next {
    color: #fff;
    right: 20px;
}

.flickity-prev-next-button.previous,
.flickity-prev-next-button.next {
    background: var(--global-palette1);
}

.flickity-prev-next-button.next,
.flickity-prev-next-button.previous {
    width: 85px;
    height: 85px;
    color: #fff;
}

.flickity-button .flickity-button-icon {
    fill: none;
}

.flickity-prev-next-button.previous {
    left: 20px;
}

.flickity-prev-next-button.next:hover,
.flickity-prev-next-button.previous:hover {
    background: var(--global-palette2);
}

.flickity-prev-next-button.previous:hover {
    background: var(--global-palette2);
}

/*** Blog Filters ***/

.blog-filter {
    position: relative;
    z-index: 999999;
    overflow: visible !important;
}

.blog-filter .facetwp-dropdown-wrapper.active {
    z-index: 999999;
}

.blog-filter .facetwp-dropdown-wrapper {
    position: relative;
    display: inline-block;
}

.blog-filter .facetwp-dropdown-wrapper .facetwp-facet {
    background: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
    isolation: isolate;
    contain: paint;
    transform: translateZ(0);
}

.blog-filter .facetwp-dropdown-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: #fff;
    color: #000;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: var(--b2-size);
    border: 1px solid var(--color-neutral-30);
    font-weight: var(--b2-weight);
    font-family: var(--b2-family);
    cursor: pointer;
}

.blog-filter .facetwp-dropdown-button:hover,
.blog-filter .facetwp-dropdown-button:focus {
    background: url(https://tempco.inboundfound.com/wp-content/uploads/2025/11/linear-overlay.png);
    background-size: cover;
    color: #fff;
}

.blog-filter .facetwp-dropdown-button:hover .arrow svg path,
.blog-filter .facetwp-dropdown-button:focus .arrow svg path {
    fill: #fff;
}

.blog-filter .facetwp-dropdown-button .arrow {
    margin-left: 30px;
    transition: transform 0.3s;
    font-size: 10px;
}

.blog-filter .facetwp-dropdown-wrapper.active .facetwp-dropdown-button .arrow {
    transform: rotate(180deg);
}

.blog-filter .facetwp-dropdown-wrapper .facetwp-facet {
    display: none;
    position: absolute !important;
    top: calc(100% + 4px);
    left: 0;
    min-width: 350px;
    max-height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 20px;
    z-index: 999999 !important;
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
}

.blog-filter .facetwp-dropdown-wrapper.active .facetwp-facet {
    display: block !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.blog-filter .facetwp-facet .facetwp-checkbox {
    display: flex;
    align-items: center;
    padding: 5px 30px;
    cursor: pointer;
}

.blog-filter .facetwp-facet input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-right: 12px;
    accent-color: #c8102e;
}

.blog-filter .facetwp-facet .facetwp-display-value {
    font-size: 20px;
    color: #333;
}

.blog-filter .facetwp-facet .facetwp-counter {
    margin-left: auto;
    padding-left: 10px;
    color: #666;
    font-size: 15px;
}

.blog-filter .facetwp-facet::-webkit-scrollbar {
    width: 10px;
}

.blog-filter .facetwp-facet::-webkit-scrollbar-track {
    background: #f5f5f5;
}

.blog-filter .facetwp-facet::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 5px;
}

.blog-filter .facetwp-native-dropdown select.facetwp-dropdown {
    padding: 16px 20px;
    background: #fff;
    border: 1px solid var(--color-neutral-30);
    width: 100%;
    appearance: none;
}

.facetwp-facet-main_blog_pagination {
    text-align: center;
}

.blog-filter .facetwp-counter {
    display: none;
}

.facetwp-page.next {
    width: 64px;
    height: 64px;
    border: none;
    border-radius: 50%;
    background: #ed1c24;
    cursor: pointer;
    transition: .2s;
    padding: 0;
}

.facetwp-facet-main_blog_pagination .facetwp-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.facetwp-facet-main_blog_pagination .facetwp-page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    font-family: Oswald, sans-serif;
    font-weight: 600;
    font-size: clamp(24px, 4vw, 34px);
    color: #999;
}

.facetwp-facet-main_blog_pagination .facetwp-page.next svg {
    display: block;
}

.facetwp-page.active {
    color: var(--global-palette1);
}

.facetwp-facet-main_blog_pagination .prev {
    background: var(--global-palette1);
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

.facetwp-facet-main_blog_pagination .disabled {
    pointer-events: none;
    background: #222;
    cursor: not-allowed;
    opacity: 1 !important;
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

.blog-filter .facetwp-search {
    padding: 15px 20px;
    background: #fff;
    color: #000;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: var(--b2-size);
    border: 1px solid var(--color-neutral-30);
    font-weight: var(--b2-weight);
    font-family: var(--b2-family);
    min-width: 320px !important;
}

.blog-filter .facetwp-icon {
    margin-right: 20px;
    opacity: 1;
}

.facetwp-search::placeholder,
.blog-filter .facetwp-icon {
    color: #000;
}

.blog-filter .facetwp-search:focus {
    border-color: var(--global-palette1);
}

.button:visited {
    color: var(--global-palette1);
}

.kb-btn-global-fill.button:visited {
    color: #fff;
}

p.font-b2,
ul.font-b2 {
    margin-bottom: 0;
}

@media (min-width: 1025px) and (max-width: 1440px) {

    .wp-block-kadence-header-section .header-number,
    .wp-block-kadence-header-section .kb-link-wrap {
        font-size: clamp(14px, 1.3vw, 20px) !important;
    }

    .kb-identity28217_903254-c8 {
        margin-right: 30px;
        margin-left: 30PX;
    }

    .kb-identity28217_903254-c8 .wp-block-site-logo {
        margin-right: 0;
    }

    .hero-text .kt-has-2-columns {
        grid-template-columns: minmax(0, calc(70% - ((var(--kb-default-row-gutter, var(--global-row-gutter-md, 2rem)) * 1)/2)))minmax(0, calc(30% - ((var(--kb-default-row-gutter, var(--global-row-gutter-md, 2rem)) * 1)/2)));
    }

    .footer-policy .kt-inside-inner-col {
        justify-content: center;
    }

    .footer-top .kt-has-3-columns {
        grid-template-columns: minmax(0, calc(40% - ((180px * 2)/3)))minmax(0, calc(35% - ((180px * 2)/3)))minmax(0, calc(25% - ((180px * 2)/3)));
    }

    .resource-3-col .kt-inside-inner-col {
        padding: 30px;
    }

    .featured-products .featured-product-grid h3 {
        font-size: 24px !important;
    }

    .featured-product-grid .kb-section-has-link:hover .kt-inside-inner-col h3 {
        font-size: 120%;
    }

    .featured-product-grid .kb-section-has-link:hover .kt-inside-inner-col .show-hover p {
        font-size: 20px !important;
    }

    .kb-row-layout-id29463_bfe092-52>.kt-row-column-wrap {
        padding-left: 0;
    }

    .kb-row-layout-id29463_bfe092-52>.kt-row-column-wrap {
        gap: 16px;
    }
}

@media (max-width: 1440px) {
    .history-sec .kt-row-column-wrap {
        column-gap: 48px;
        padding-bottom: var(--global-kb-spacing-sm, 1.5rem);
        grid-template-columns:
            minmax(0, calc(20% - ((48px * 2) / 3))) minmax(476px, calc(30% - ((48px * 2) / 3))) minmax(0, calc(50% - ((48px * 2) / 3)));
    }
}

@media (max-width: 1200px) {
    .explore-articles .kt-row-column-wrap {
        padding-top: 0;
    }

    .inner-hero .kt-row-column-wrap {
        grid-template-columns: 4fr 1fr;
    }
}

@media (max-width: 1100px) {
    .tempco-article-content .kt-row-column-wrap {
        display: flex;
        flex-direction: column;
    }
}

/* =================== TABLETS & SMALL LAPTOPS (max-width: 1024px) =================== */
@media (max-width: 1024px) {

    /* Media grid */
    .media-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Footer */
    .footer-policy ul {
        gap: 20px;
        font-size: 16px;
    }

    .footer-policy .kt-inside-inner-col {
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        text-align: center;
    }

    /* Blog industries section */
    .masonry-blog .tempco-blog-industries-section {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .masonry-blog .tempco-blog-industries-section>.tempco-featured-blog-card {
        grid-column: 1 / -1;
        grid-row: auto;
        min-height: 400px;
    }

    .kb-row-layout-id29463_17bbc6-91>.kt-row-column-wrap {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: auto;
        gap: 24px;
    }

    .kb-row-layout-id29463_17bbc6-91>.kt-row-column-wrap>.wp-block-kadence-column {
        min-width: 0;
    }

    .kadence-column29463_e0cb22-cf {
        order: 2;
    }

    .featured-product-grid .kb-section-has-link:hover .kt-inside-inner-col {
        transform: none !important;
        position: static !important;
        z-index: auto !important;
    }

    .featured-product-grid .kb-section-has-link:hover .wp-block-cover__image-background {
        content: url('https://tempco.inboundfound.com/wp-content/uploads/2025/10/Frame7826.png');
        transition: opacity 0.3s ease-in-out;
    }

    .featured-product-grid .kb-section-has-link:hover .kt-inside-inner-col .wp-block-image {
        margin-top: 0;
    }

    .featured-product-grid .kb-section-has-link .kt-inside-inner-col .show-hover {
        display: flex;
    }

    .featured-product-grid .kb-section-has-link:hover .kt-inside-inner-col h3 {
        font-size: 28px;
    }

    .history-sec .kt-row-column-wrap {
        grid-template-columns: 1fr 1fr;
        padding: 0 25px;
    }

    .history-sec .wp-block-kadence-column:first-child {
        display: none;
    }

    .tempco-blog-main-section {
        grid-template-columns: repeat(2, 1fr);
    }

    .single-post .taxonomy-resource-type.font-h7 {
        font-size: 18px;
    }
}



/* =================== Landscape Tablets (min-width: 768px and max-width: 1024px) =================== */
@media (min-width: 768px) and (max-width: 1024px) {

    /* Footer section horizontal layout */
    .site-footer-bottom-section-2 {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 40px;
    }

    .site-footer-bottom-section-2 .footer-widget-area {
        margin: 0;
        display: flex;
        align-items: center;
    }

    .site-footer-bottom-section-2 .menu-footer-policies-container ul {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .site-footer-bottom-section-2 .widget_text {
        margin: 0;
    }

    /* Featured product grid */
    .featured-product-grid {
        padding: 0 !important;
    }

    .featured-product-grid .wp-block-image img {
        width: 120px !important;
        height: 120px !important;
    }

    .client-logos .kb-gallery-ul[data-columns-sm="4"] .kadence-blocks-gallery-item {
        width: calc(100% / 5);
        padding: 5px 15px !important;
    }

    /* Blog industries layout */
    .masonry-blog .tempco-blog-industries-section {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .masonry-blog .tempco-blog-industries-section .tempco-featured-blog-card {
        min-height: 320px;
    }

    .featured-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .kb-row-layout-id29463_5dba36-c3>.kt-row-column-wrap {
        gap: 20px;
    }
}

/* =================== TABLETS (max-width: 768px) =================== */
@media (max-width: 768px) {
    .masonry-blog .tempco-blog-industries-section>.tempco-featured-blog-card {
        min-height: 300px;
    }

    .menu-if-footer ul {
        align-items: center;
    }

    .post-meta-bar {
        flex-direction: column;
        align-items: flex-start;
    }

    .kb-table-of-content-list li {
        padding: 8px;
    }
        .history-sec .kt-row-column-wrap {
        grid-template-columns: 1fr !important;
    }
        .history-sec .wp-block-kadence-column:first-child {
        display: block;
    }

        .kadence-column29463_a70000-f4 {
        order: 3;
    }

    .two-col-list {
        gap:0;
    }
}

/* =================== MOBILE (max-width: 640px) =================== */
@media (max-width: 640px) {
    .footer-policy ul {
        flex-direction: column;
        gap: 10px;
    }

    .footer-policy ul li {
        font-size: 15px;
        text-align: center;
    }

    .media-grid {
        grid-template-columns: 1fr;
    }

    .masonry-blog .tempco-blog-industries-section {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .masonry-blog .tempco-blog-industries-section .tempco-featured-blog-card,
    .masonry-blog .tempco-blog-industries-section .tempco-featured-blog-card:first-child {
        grid-column: auto !important;
        grid-row: auto !important;
        min-height: 350px !important;
        height: 350px !important;
    }

    .masonry-blog .tempco-blog-industries-section.count-2 {
        grid-template-columns: 1fr;
        row-gap: 20px;
    }

    .masonry-blog .tempco-blog-industries-section .tempco-featured-blog-card__content {
        padding: 20px;
    }

    .featured-product-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px;
        padding-left: 0 !important;
    }

    .featured-product-grid>.kadence-column {
        width: 100% !important;
    }

    .client-logos {
        flex-direction: column;
        align-items: start;
        gap: 20px;
    }

    .client-logos h5,
    .client-logos .wp-block-kadence-advancedgallery {
        width: 100%;
    }

    .kb-gallery-ul[data-columns-xs="4"] .kadence-blocks-gallery-item {
        width: calc(100% / 3);
    }

    .kb-row-layout-id29463_17bbc6-91>.kt-row-column-wrap {
        grid-template-columns: 1fr;
    }

    .featured-product-grid {
        grid-template-columns: 1fr !important;
    }



    .featured-products .kt-adv-heading29463_bc0860-80 {
        color: #000;
    }

    .facetwp-facet-facet_blog_industries {
        gap: 2rem;
    }

    .tempco-blog-main-section {
        grid-template-columns: 1fr;
    }

    .facetwp-facet-main_blog_pagination .next,
    .facetwp-facet-main_blog_pagination .prev {
        width: 50px;
        height: 50px;
    }

    .facetwp-facet-main_blog_pagination .facetwp-pager {
        gap: 20px;
    }

    .single-post .taxonomy-resource-type.font-h7 {
        flex-direction: column;
    }

    .single-post .font-h7 .wp-block-post-terms__separator {
        display: none;
    }

    .inner-hero .kt-row-column-wrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .wp-block-kadence-image figure.size-full {
        margin: 0;
    }
}