/* Theme Name: Revival Theme Author: Pace Advertising Version: 1.0 */ @font-face { font-family: 'ITCKabelStd'; src: local('ITCKabelStd-Book'), url('assets/fonts/ITCKabelStd-Book.woff') format('woff'); } @font-face { font-family: 'ITCKabelStd'; font-weight: 500; src: local('ITCKabelStd-Medium'), url('assets/fonts/ITCKabelStd-Medium.woff') format('woff'); } @font-face { font-family: 'ITCKabelStd'; font-weight: 600; src: local('ITCKabelStd-Demi'), url('assets/fonts/ITCKabelStd-Demi.woff') format('woff'); } @font-face { font-family: 'ITCKabelStd'; font-weight: 700; src: local('ITCKabelStd-Bold'), url('assets/fonts/ITCKabelStd-Bold.woff') format('woff'); } @font-face { font-family: 'ITCKabelStd'; font-weight: 800; src: local('ITCKabelStd-Ultra'), url('assets/fonts/ITCKabelStd-Ultra.woff') format('woff'); } :root { --container-width: 1200px; --container-padding: 20px; --config-line-height: calc(27 / 18); --config-color-black: #000; --config-color-white: #fff; --config-color-grey: #2B2F34; --config-color-cream: #F6F2F0; --config-color-red: #DC4938; --config-color-red-light: #EEA49C; --config-button-white-bg: var(--config-color-white); --config-button-white-color: var(--config-color-red); --config-button-white-hover-bg: var(--config-color-black); --config-button-white-hover-color: var(--config-color-white); --config-icon-chevron-down--white: url("data:image/svg+xml,%3Csvg width='26' height='15' viewBox='0 0 26 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.25 14.25c-.492 0-.93-.164-1.258-.492l-10.5-10.5a1.686 1.686 0 0 1 0-2.461 1.686 1.686 0 0 1 2.461 0l9.297 9.242L22.492.797a1.686 1.686 0 0 1 2.461 0 1.686 1.686 0 0 1 0 2.46l-10.5 10.5a1.697 1.697 0 0 1-1.203.493Z' fill='%23fff'/%3E%3C/svg%3E"); --config-header-bg: var(--config-color-white); --config-header-height: 100px; --config-header-mobile-height: 60px; --config-header-logo-height: 50px; --config-header-logo-mobile-height: 30px; --config-header-link-color: var(--config-color-black); --config-header-link-hover-color: var(--config-color-red); --config-footer-bg: var(--config-color-grey); --config-footer-sub-bg: var(--config-color-black); --config-footer-color: var(--config-color-white); --config-footer-logo-height: 35px; --config-footer-link-color: var(--config-color-white); --config-footer-link-hover-color: var(--config-color-red-light); --config-basic-hero-bg: var(--config-color-red); --config-basic-hero-color: var(--config-color-white); --config-basic-hero-height: 300px; --config-basic-hero-scroll-icon: var(--config-icon-chevron-down--white); --config-inline-cta-border-color: var(--config-color-black); --config-image-copy-box-bg: var(--config-color-red); --config-image-copy-box-color: var(--config-color-white); --config-image-copy-box-black-bg: var(--config-color-grey); --config-image-copy-box-black-color: var(--config-color-white); --config-results-table-bg: var(--config-color-white); --config-results-table-head-bg: var(--config-color-red); --config-results-table-head-color: var(--config-color-white); --config-results-table-border-color: var(--config-color-cream); --config-tabbed-nav-color: var(--config-color-red); --config-tabbed-nav-hover-color: var(--config-color-black); --config-tabbed-nav-icon: url("data:image/svg+xml,%3Csvg width='25' height='29' viewBox='0 0 25 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 2.25C5.5 1.32 6.266.5 7.25.5 8.18.5 9 1.32 9 2.25V4h7V2.25c0-.93.766-1.75 1.75-1.75.93 0 1.75.82 1.75 1.75V4h2.625c1.422 0 2.625 1.203 2.625 2.625V9.25H.25V6.625A2.626 2.626 0 0 1 2.875 4H5.5V2.25Zm19.25 23.625a2.626 2.626 0 0 1-2.625 2.625H2.875A2.591 2.591 0 0 1 .25 25.875V11h24.5v14.875Z' fill='%23DC4938'/%3E%3C/svg%3E"); --config-tabbed-nav-hover-icon: url("data:image/svg+xml,%3Csvg width='25' height='29' viewBox='0 0 25 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 2.25C5.5 1.32 6.266.5 7.25.5 8.18.5 9 1.32 9 2.25V4h7V2.25c0-.93.766-1.75 1.75-1.75.93 0 1.75.82 1.75 1.75V4h2.625c1.422 0 2.625 1.203 2.625 2.625V9.25H.25V6.625A2.626 2.626 0 0 1 2.875 4H5.5V2.25Zm19.25 23.625a2.626 2.626 0 0 1-2.625 2.625H2.875A2.591 2.591 0 0 1 .25 25.875V11h24.5v14.875Z' fill='%23000'/%3E%3C/svg%3E"); } /* Have to use body instead of :root to access WordPress CSS font variables */ body { font-size: 18px; --config-font-family-base: var(--wp--preset--font-family--helvetica); --config-font-family-heading: var(--wp--preset--font-family--kabel); --config-header-nav-font-family: var(--config-font-family-heading); --config-header-nav-font-size: calc(22 / 16 * 1rem); --config-header-nav-font-weight: 600; --config-header-date-font-family: var(--config-font-family-heading); --config-header-date-font-size: calc(24 / 16 * 1rem); --config-header-date-font-weight: 600; --config-header-date-line-height: 1; --config-header-date-color: var(--config-color-red); --config-footer-nav-font-family: var(--config-font-family-heading); --config-footer-nav-font-weight: 500; --config-footer-nav-mobile-font-size: calc(20 / 16 * 1rem); --config-featured-hero-color: var(--config-color-white); --config-featured-hero-font-family: var(--config-font-family-heading); --config-accordion-heading-font-family: var(--config-font-family-base); --config-accordion-heading-font-weight: 400; --config-accordion-heading-font-size: calc(20 / 16 * 1rem); --config-price-bubble-bg: var(--config-color-red); --config-price-bubble-color: var(--config-color-white); --config-price-bubble-font-family: var(--config-font-family-heading); --config-gravity-forms-validation-font-family: var(--config-font-family-base); --config-subscribe-icon-bg-color: var(--config-color-red); --config-subscribe-heading-font-size: calc(28 / 16 * 1rem); --config-subscribe-heading-color: var(--config-color-red); --config-featured-hero-cta-border-radius: 35px; --config-featured-hero-cta-font-size: calc(28 / 16 * 1rem); --config-featured-hero-cta-font-family: var(--wp--preset--font-family--kabel); }