https://purchasing.idaho.gov/wp-content/themes/Webmaster-v4-child/style.css?ver=1.0.1

/** * Theme Name: Idaho Webmaster v4 - Child * Template: Webmaster-v4 * Description: The theme to use and edit for making any changes to a specific site. * Author: White Whale Web * Author URI: https://whitewhaleweb.com/ * Version: 1.0.1 * Text Domain: webmaster-bs4 */ /*-------------------------------------------------------------- # 1. FONT SETUP --------------------------------------------------------------*/ :root { --font-family-base: 'Atkinson Hyperlegible', sans-serif !important; } /* Typography scale — consistent vertical rhythm */ h1, h2, h3, h4, h5, h6, p, a, li { font-family: var(--font-family-base); color: var(--color-text); } /*-------------------------------------------------------------- # 2. COLOR PALETTE --------------------------------------------------------------*/ :root { --color-sidebar: #F4F3F1; /* Sidebar / panel backgrounds */ --color-links: #30758D; /* Links / buttons / accents */ --color-cta: #30758D; /* CTA sections (same as links) */ --color-icons: #E9E9C8; /* Icons / highlights */ --color-meta: #E9E9C8; /* Meta / subtext / info boxes */ --color-misc: #8D4D30; /* Decorative / miscellaneous */ --color-white: #FFFFFF; /* White / background */ --color-text: #555555; /* Primary text color */ --color-bg: #FCFCFC; /* Page background */ } /*-------------------------------------------------------------- # 3. GLOBAL ELEMENTS --------------------------------------------------------------*/ #main { padding-top: 3em; } body { font-family: var(--font-family-base); font-size: 16px; line-height: 26px; color: var(--color-text); background-color: var(--color-bg); font-weight: 400; margin: 0; padding: 0; } a { color: var(--color-links); text-decoration: underline; transition: color 0.3s ease; } a:hover, a:focus { color: var(--color-misc); text-decoration: none; } /*-------------------------------------------------------------- # 4. HEADINGS --------------------------------------------------------------*/ /* h1 — Bold, Large, 60/65 */ h1, .h1 { font-weight: 700; font-size: 2.5em !important; /* 50px ÷ 16 = 3.125em */ line-height: 1em!important; color: var(--color-text); margin-bottom: 0.5em; } /* h2 — Bold, 50/60 */ h2, .h2 { font-weight: 700; font-size: 1.87em !important; /* 40px ÷ 16 =.master-agreement .elementor-shortcode 2.5em */ line-height: 1em!important; color: var(--color-text); margin-bottom: 0.6em; } /* h3 — Bold, 40/50 */ h3, .h3 { font-weight: 700; font-size: 1.875em !important; /* 30px ÷ 16 = 1.875em */ line-height: 1em!important; color: var(--color-text); margin-bottom: 0.6em; } /* h4 — Bold, 30/40 */ h4, .h4 { font-weight: 700; font-size: 1.25em !important; /* 20px ÷ 16 = 1.25em */ line-height: 1em!important; color: var(--color-text); margin-bottom: 0.6em; } /* h5 — Bold, 20/30 */ h5, .h5 { font-weight: 700; font-size: 1.25em !important; /* 20px ÷ 16 = 1.25em */ line-height: 1em!important; color: var(--color-text); } /* h6 — Bold, 20/30 */ h6, .h6 { font-weight: 700; font-size: 1.25em !important; /* 20px ÷ 16 = 1.25em */ line-height: 1em!important; color: var(--color-text); } /* ======================================================= Remove Top Margin for First Heading in Elementor Inner Containers ======================================================= */ .elementor-element > h1:first-child, .elementor-element > h2:first-child, .elementor-element > h3:first-child, .elementor-element > h4:first-child, .elementor-element > h5:first-child, .elementor-element > h6:first-child { margin-top: 0 !important; } .broken_link, a.broken_link { text-decoration: none!important } :focus-visible { outline: none!important } .nav-link:focus { color: var(--color-icons) !important; } /*-------------------------------------------------------------- # 5. BODY & INTRO TEXT --------------------------------------------------------------*/ /* Paragraphs */ p, .body-text { font-weight: 400; font-size: 16px; line-height: 26px; color: var(--color-text); } /* Intro paragraphs — larger lead-in sections */ .intro, .lead { font-weight: 400; font-size: 24px; line-height: 30px; color: var(--color-text); margin-bottom: 1.2em; } /* Meta text — smaller helper or info text */ .meta { font-size: 14px; line-height: 20px; color: var(--color-meta); } /*-------------------------------------------------------------- # 5A. CONTACT SIDEBAR --------------------------------------------------------------*/ .contact-sidebar { padding: 40px!important; margin: 0px!important; width: 400px!important } .law-sidebar { width: 400px!important } .contact-sidebar .elementor-button { font-size: 20px!important; padding: 7px 50px!important } .law-sidebar { padding: 30px!important; } @media (max-width: 768px) { .law-sidebar { margin-top: 50px!important; padding: 30px!important; width: 100%!important; } .contact-sidebar { padding: 40px!important; margin:20px auto!important } } /*-------------------------------------------------------------- # 6. BUTTONS & LINKS --------------------------------------------------------------*/ /* General Button Styles */ button, .btn, .wp-element-button, input[type="submit"] { font-family: var(--font-family-base); font-size: 16px; font-weight: 600; color: var(--color-white); background-color: var(--color-links); border: none; border-radius: 4px; padding: 10px 30px; cursor: pointer; transition: background-color 0.3s ease; } button:hover, .btn:hover, .wp-element-button:hover { background-color: var(--color-misc); color: var(--color-white); } input { padding: 5px } /*-------------------------------------------------------------- # 6A. GRAVITY FORMS BUTTONS --------------------------------------------------------------*/ /* Universal Gravity Forms Submit Button Styles Color: var(--color-links) Padding: 7px 50px !important */ .gform_wrapper input[type="submit"], .gform_button, button.gform_button { background-color: var(--color-links) !important; color: var(--color-white) !important; padding: 7px 50px !important; border: none !important; border-radius: 4px; font-size: 20px; font-weight: 600; cursor: pointer; text-transform: none; transition: background-color 0.3s ease, color 0.3s ease; display: inline-block; height: 35px !important; } /* Hover & Focus states */ .gform_wrapper input[type="submit"]:hover, .gform_wrapper input[type="submit"]:focus, .gform_button:hover, button.gform_button:hover { background-color: var(--color-text) !important; /* Slightly darker shade */ color: var(--color-white) !important; } /* Optional: Center button inside forms */ .gform_footer { text-align: center; } /*-------------------------------------------------------------- # 6B. ELEMENTOR BUTTONS --------------------------------------------------------------*/ /* Elementor Universal Button */ a.elementor-button.elementor-button-link.elementor-size-sm { padding: 8px 50px; background: var(--color-links)!important; font-weight: 700; font-size: 20px; color: var(--color-white)!important; } a.elementor-button.elementor-button-link.elementor-size-sm:hover { padding: 8px 50px; background: var(--color-text)!important; font-weight: 700; color: var(--color-white)!important; text-decoration: none; font-style: normal; } .style-guide-buttons { padding: 50px!important } /* Optional Button Variations */ .btn-primary-light a.elementor-button.elementor-button-link.elementor-size-sm { background: var(--color-white)!important; padding: 8px 50px; font-weight: 700; color: var(--color-text)!important; } .btn-primary-light a.elementor-button.elementor-button-link.elementor-size-sm:hover { background: var(--color-text)!important; color: var(--color-white)!important; font-style: normal; text-decoration: none; } .btn-secondary-light a.elementor-button.elementor-button-link.elementor-size-sm { background: var(--color-white)!important; padding: 10px 50px; font-weight: 700; font-size:25px; color: var(--color-text)!important; } .btn-secondary-light a.elementor-button.elementor-button-link.elementor-size-sm:hover { background: var(--color-text)!important; color: var(--color-white)!important; font-style: normal; text-decoration: none; } .btn-secondary-dark a.elementor-button.elementor-button-link.elementor-size-sm { background: var(--color-links)!important; padding: 10px 50px; font-weight: 700; font-size:25px; color: var(--color-white)!important; } .btn-secondary-dark a.elementor-button.elementor-button-link.elementor-size-sm:hover { background: var(--color-text)!important; color: var(--color-white)!important; font-style: normal; text-decoration: none; } /*-------------------------------------------------------------- # 7. CTA SECTIONS --------------------------------------------------------------*/ .cta-section { background-color: var(--color-cta); color: var(--color-white); text-align: center; padding: 60px 20px; } .cta-section h2, .cta-section p { color: var(--color-white); } /*-------------------------------------------------------------- # 8. SIDEBAR & PANELS --------------------------------------------------------------*/ .sidebar, .sidebars { background-color: var(--color-sidebar)!important; border-radius: 4px; padding: 40px; } .row>.sidebars { background-color: var(--color-sidebar)!important; } .row>.sidebars .textwidget{ color: var(--color-text); } .sidebar h3, .sidebars h3 { color: var(--color-text); font-size: 30px; line-height: 40px; } /*-------------------------------------------------------------- # 9. ICONS & DECORATIVE ELEMENTS --------------------------------------------------------------*/ .icon { color: var(--color-icons); font-size: 1.5rem; } /*-------------------------------------------------------------- # 10. ACCESSIBILITY UTILITY --------------------------------------------------------------*/ .screen-reader-text { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; } /* Focus state for keyboard users */ :focus-visible { outline: 2px dashed var(--color-links); outline-offset: 4px; } /*-------------------------------------------------------------- # 11. RESPONSIVE TYPE SCALING -------------------