/** * 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 */ /* COLOR VARS START */ :root { --color1: #fcfcfc; --color2: #ECF5FF; --color3: #0E2F54; --color4: #FFC000; --color5: #4E8316; --color6: #005FBE; --color7: #ffffff; --color8: #000000; --color9: #FCFCFC; --color10: #00B6ED; } @font-face { font-family: 'webmaster_base_icons'; src: url('../font/webmaster_base_icons.eot'); src: url('../font/webmaster_base_icons.eot?#iefix') format('embedded-opentype'), url('../font/webmaster_base_icons.woff2') format('woff2'), url('../font/webmaster_base_icons.woff') format('woff'), url('../font/webmaster_base_icons.ttf') format('truetype'), url('../font/webmaster_base_icons.svg#webmaster_base_icons') format('svg'); font-weight: normal; font-style: normal; } .background-color1 { background-color: var(--color1) !important; } .background-color2 { background-color: var(--color2) !important; } .background-color3 { background-color: var(--color3) !important; } .background-color4 { background-color: var(--color4) !important; } .background-color5 { background-color: var(--color5) !important; } .background-color6 { background-color: var(--color6) !important; } .background-color7 { background-color: var(--color7) !important; } .background-color8 { background-color: var(--color8) !important; } .background-color9 { background-color: var(--color9) !important; } .background-color10 { background-color: var(--color10) !important; } .font-color1, .font-color1 p { color: var(--color1) !important; } .font-color2, .font-color2 p { color: var(--color2) !important; } .font-color3, .font-color3 p { color: var(--color3) !important; } .font-color4, .font-color4 p { color: var(--color4) !important; } .font-color5, .font-color5 p { color: var(--color5) !important; } .font-color6, .font-color6 p { color: var(--color6) !important; } .font-color7, .font-color7 p { color: var(--color7) !important; } .font-color8, .font-color8 p { color: var(--color8) !important; } .font-color9, .font-color9 p { color: var(--color9) !important; } .font-color10, .font-color10 p { color: var(--color10) !important; } /* COLOR VARS END */ /* Patch: allow font-size set on by resizeText() to cascade into body and Elementor containers. Remove when parent theme is updated. */ body { font-size: inherit; } main#main.site-main, main#main.site-main #content .row #primary { background: var(--color7) !important; } .elementor-widget-container a { color: #000!important } main#main.site-main { padding-top: 0px !important; } .entry-content p { color: var(--color8) } li.breadcrumb-item a { text-decoration: underline!important; } li.breadcrumb-item a:hover { text-decoration: none!important; color: var(--color8)!important } .breadcrumb-item.active { color: var(--color8); } .max1240 { max-width: 1240px; width: 100%; } /* TYPOGRAPHY START */ body { font-family: "Atkinson Hyperlegible", sans-serif!important; font-weight: 400; font-size: 1rem; line-height: 26px; color: var(--text); } h1, h2, h3, h4, h5, h6, .elementor-widget-heading .elementor-heading-title { color: #000; } h1, .h1 { font-size: 2.5rem; line-height: 65px; } h2 { font-size: 2.5rem; line-height: 60px; } h3, .h3 { font-size: 2.25rem; line-height: 50px; } h4, .h4 { font-size: 1.875rem !important; line-height: 40px !important; } h5 { font-size: 1.25rem; line-height: 30px; } h6 { font-size: 1.25rem; line-height: 30px; } .elementor-widget-heading .elementor-heading-title { color: #000; } #home-mission .elementor-heading-title { color: var(--color6) !important; font-weight: 700!important; font-size: 1.875rem!important } .intro-txt { font-size: 1.5rem !important; line-height: 30px !important; } .meta-link, .meta-link a { font-size: 0.875rem; line-height: 26px; } .input-txt { font-size: 0.875rem; line-height: 26px; } .dept-tag-txt { font-size: 1.125rem; line-height: 25px; } /* TYPOGRAPHY END */ .page #primary { width: 100%; margin-top: 30px; } .page-id-5360 #primary { width: 100%; margin-top: 0px; } #primary h1 { line-height: 1.25em!important } #main #content .sidebars { display: none; } .sidebar-elementor { padding: 30px!important } .sidebar-elementor h2 { margin-top: 0px!important } .sidebar-elementor a { color: var(--color6)!important } .sidebar-elementor a:hover { text-decoration: underline!important; font-style: none!important; } .sidebar-elementor a.elementor-button.elementor-button-link.elementor-size-sm { background-color: var(--color6) !important; color: var(--color7) !important; display: inline-flex; } .sidebar-elementor a.elementor-button.elementor-button-link.elementor-size-sm:hover { background-color: var(--color3) !important; } li.breadcrumb-item a { color: var(--color6)!important } .elementor-widget-container p a { color: var(--color6)!important } .elementor-widget-container p a:hover { text-decoration: underline; } .elementor-widget-container ul li a { color: var(--color6)!important } .elementor-widget-container ul li a:hover { color: var(--color6)!important; font-style: normal!important; text-decoration: underline!important; } .elementor-widget-container ul li { color: var(--color8)!important } /* BTNS START */ .its-btn-primary a, form .gform-footer.gform_footer input.gform_button.button, .search-result-row article a.submit.search-submit.btn.btn-primary, form.search-page-search button.submit.search-submit.btn.btn-primary, button.its-btn-primary, .its-btn-primary, .elementor-cta a.elementor-cta__button { background-color: var(--color6) !important; font-size: 1.2em !important; padding: 8px 50px; color: var(--color7) !important; text-decoration: none; border-radius: 4px; font-weight: bold; transition: background 0.3s ease; text-align: center; } .its-btn-primary a:hover, form .gform-footer.gform_footer input.gform_button.button:hover, .search-result-row article a.submit.search-submit.btn.btn-primary:hover, form.search-page-search button.submit.search-submit.btn.btn-primary:hover, button.its-btn-primary:hover, .its-btn-primary:hover, .its-btn-primary-hover, .mega-sub-menu a.its-btn-primary:hover, .elementor-cta a.elementor-cta__button:hover { background-color: var(--color3) !important; font-size: 1.2em !important; padding: 8px 50px; color: var(--color7) !important; text-decoration: none; border-radius: 4px; font-style: normal; font-weight: bold; } .its-btn-light a, .its-btn-light-lg a, .cta-section-left-icon a.cta-button-left, button.its-btn-light, .its-btn-light.elementor-widget-button a.elementor-button, .elementor-element.its-btn-light a.elementor-button, .its-btn-light, .elementor-button-wrapper .elementor-size-sm, .elementor-widget-button .elementor-button { background-color: var(--color7) !important; color: var(--color6) !important; font-size: 1.2em !important; padding: 8px 50px; text-decoration: none; border-radius: 4px; border: 0px; font-weight: bold !important; transition: background 0.3s ease; transition: background 0.3s ease; } .its-btn-light a:hover, .its-btn-light-lg a:hover, .cta-section-left-icon a.cta-button-left:hover, button.its-btn-light:hover, .its-btn-light.elementor-widget-button a.elementor-button:hover, .its-btn-light:hover, .its-btn-light-hover, .elementor-button-wrapper .elementor-size-sm:hover, .elementor-widget-button .elementor-button:hover { background-color: var(--color3) !important; color: var(--color7) !important; font-style: normal !important; text-decoration: none !important; font-weight: bold !important; font-size: 1.2em !important; padding: 8px 50px; border-radius: 4px; border: 0px; } .elementor-widget-button .elementor-button:hover .elementor-button-text { color: #fff !important; } .its-btn-light-lg a, .its-btn-light-lg { font-size: 1.57em !important; background-color: var(--color7) !important; color: var(--color6) !important; padding: 8px 50px; text-decoration: none; border-radius: 4px; border: 0px; font-weight: bold !important; transition: background 0.3s ease; } .its-btn-light-lg a:hover, .its-btn-light-lg:hover { background-color: var(--color3) !important; color: var(--color7) !important; font-style: normal !important; text-decoration: none !important; font-weight: bold !important; font-size: 1.57em !important; padding: 8px 50px; border-radius: 4px; border: 0px; } .its-btn-lg, .its-btn-lg a { background-color: var(--color6) !important; font-size: 1.57em !important; padding: 8px 50px; color: var(--color7) !important; text-decoration: none; border-radius: 4px; font-weight: bold; transition: background 0.3s ease; } .its-btn-lg:hover, .its-btn-lg a:hover { background-color: var(--color3) !important; font-size: 1.57em !important; padding: 8px 50px; color: var(--color7) !important; text-decoration: none; border-radius: 4px; font-style: normal; font-weight: bold; } /* BTNS END */ /* NAV START */ .top-navigation { background: var(--color3)!important; } header .navbar, header .navbar .col-12, header .navbar .col-12 #mega-menu-wrap-primary { background: var(--color9); } #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link { color: #000; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover { background: var(--color3)!important; color: var(--color7)!important; } /* Hide the default ::after pseudo-element if it's generating content */ .mega-indicator { display: inline-block; margin-left: 5px; } /* Hide the default ::after pseudo-element if it's generating content */ .mega-indicator { display: inline-block; margin-left: 5px; } /* Caret down by default */ .mega-indicator::before { font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f0d7"; /* fa-caret-down */ } /* Default: dark caret on white menu bar */ .mega-indicator::before { font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f0d7"; color: #005FBE !important; } /* White caret when hovered (dark background appears) or expanded */ .mega-menu-link:hover .mega-indicator::before, .mega-menu-link[aria-expanded="true"] .mega-indicator::before { content: "\f0d8"; color: #ffffff !important; } nav #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator::after { display: none; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { color: #005FBE } /* Caret up on hover */ .mega-menu-link:hover .mega-indicator::before { content: "\f0d8"; /* fa-caret-up */ } /* Caret up when menu is expanded (aria-expanded="true") */ .mega-menu-link[aria-expanded="true"] .mega-indicator::before { content: "\f0d8"; /* fa-caret-up */ } /* NAV END */ /* TOP MENU STARTS*/ .top-menu a span:hover { color: var(--color10) !important; } .top-menu a:hover, .top-menu a span:hover, .top-navigation a:hover, .top-navigation [onclick]:hover { color: var(--color10); } a>.fa-search:hover { color: var(--color10); } .top-navigation i.fa-search.fa-solid { margin-top: 0px; } .top-navigation nav { display: flex; } a:hover>.fa-search { color: var(--color10)!important; } .top-menu a:hover, .top-menu a span:hover, .top-navigation a:hover, .top-navigation [onclick]:hover { color: var(--color10)!important; } .top-navigation .search-toggle { color: var(--color10)!important; } div#top-navigation { gap: 0px!important } /* TOP MENU ENDS */ /* FOOTER START */ #colophon { height: 600px; display: flex; align-items: flex-end; background: unset; background-image: url(/wp-content/uploads/2026/02/footer-mountains-scaled.png); background-size: cover; background-position: top; background-repeat: no-repeat; margin-top: 100px; } footer .row.row-footer-links { height: 50px; display: flex; align-items: center; padding: 0px; } .row-footer-links [role="navigation"] a { text-decoration: none; position: relative; padding: 15px; } .row-footer-links a { margin: -2px; } .row-footer-links a:hover { color: var(--color10); } .row-footer-links { background: var(--color3)!important; } [role="navigation"] a:not(:last-child)::after { content: "|"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: var(--color10)!important; } .footer-navigation ul { list-style: none!important } .footer-navigation a { text-decoration: none!important; } .footer-navigation a:hover{ color: var(--color10)!important; text-decoration: none!important; } @media only screen and (max-width: 991px) { .footer-navigation { text-align: center; display: flex; gap: 10px; } } .footer-navigation .contact-item i { color: var(--color10); } /* FOOTER END */ /* ACCORDIONS START */ .e-n-accordion-item .elementor-widget-container p { font-size: 1rem; } .e-n-accordion .e-n-accordion-item-title-text { color: var(--color6); } .e-n-accordion-item { border-bottom: 1px solid #999; } /* Add caret icon to the left of accordion titles */ .e-n-accordion-item-title { display: flex !important; flex-direction: row-reverse !important; } .e-n-accordion-item-title-header { flex: 1; } /* Add down caret icon before the title when closed */ .e-n-accordion-item-title-header::before { content: "\f0d7"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-right: 12px; color: var(--color6); font-size: 1.125rem; margin: 0px; } .e-n-accordion-item-title { gap: 0px !important; } /* Change to up caret when open */ .e-n-accordion-item[open] .e-n-accordion-item-title-header::before { content: "\f0d8"; } .e-n-accordion .e-opened, .e-n-accordion .e-closed { display: none !important; } /* ACCORDIONS END */ /* TABLES & TABLEPRESS START */ table tr th:hover { background-color: var(--color6) !important; } .tablepress thead tr, table thead tr { height: 50px; } .tablepress thead tr th, table thead tr th, table thead tr td, table tr th .dt-column-title strong, table tr th strong { background: var(--color6); color: #fff !important; font-size: 1.25rem; line-height: 30px; } table tbody tr td { color: var(--color8); } table tbody tr td, table.tablepress tbody.row-hover tr td { border-top: none !important; border-left: 1px solid #999 !important; } .tablepress tbody tr:nth-child(odd) td, table tbody tr:nth-child(odd) td { background-color: var(--color7); } .tablepress tbody tr:nth-child(even) td, table tbody tr:nth-child(even) td { background-color: var(--color1); } .tablepress tbody tr:nth-child(odd):hover td, table tbody tr:nth-child(odd):hover td { background-color: var(--color7); } .tablepress tbody tr:nth-child(even):hover td, table tbody tr:nth-child(even):hover td { background-color: var(--color1); } table { width: 100%; border-collapse: collapse; margin: 30px 0; font-size: 1rem; line-height: 1.4; } /* Header */ table thead tr { background: #f2f2f2; } table thead th, table thead td { font-weight: 700; padding: 8px 12px; border-bottom: 2px solid #ddd; text-align: left; } /* Body rows */ table tbody td { padding: 7px; border-bottom: 1px solid #e3e3e3; } /* Row striping */ table tbody tr:nth-child(even) { background: #fafafa; } /* Hover state */ table tbody tr:hover { background: #f0f6ff; } /* Automatically right-align numbers or currency */ table td:nth-child(4), table td:nth-child(5), table td[data-align="right"] { text-align: right; } /* Responsive scrolling */ .table-responsive { width: 100%; overflow-x: auto; } /* Optional: Remove weird Word/inline spacing */ table td, table th { vertical-align: middle; } /* Optional: Slight radius + shadow for card look */ .table-wrapper { padding: 15px; background: #fff; border-radius: 6px; box-shadow: 0 1px 4px rgba(0,0,0,0.08); } /* TABLES & TABLEPRESS END */ /* CTA START */ .ITS-register-cta, .ITS-subscribe-cta { background: linear-gradient(90deg, #0E2F54 0%, #005FBE 100%); } .ITS-subscribe-cta-icon i::before, .ITS-register-cta-icon i::before { color: var(--color5); } /* CTA END */ /* TABS START */ .its-tabs__tab, .its-tabs-stacked__tab, .idl-rulemaking-tabs__tab { background-color: #fff; color: var(--color3) !important; } .its-tabs__tab--active, .its-tabs-stacked__tab--active, .idl-rulemaking-tabs__tab[aria-selected="true"] { background-color: var(--color2); color: var(--color3) !important; } .its-tabs__tab:hover:not(.its-tabs__tab--active), .its-tabs-stacked__tab:hover:not(.its-tabs-stacked__tab--active), .idl-rulemaking-tabs__tab:hover:not([aria-selected="true"]) { background-color: var(--color1); color: var(--color3) !important; } .its-tabs__tab--active .h5, .its-tabs-stacked__tab--active .h5, .idl-rulemaking-tabs__tab[aria-selected="true"] .h5 { color: var(--color3) !important; } .its-tabs__panels, .its-tabs-stacked__panels, .idl-rulemaking-tabs__panels { background-color: #fff; } .its-tabs--vertical .its-tabs__tab--active::after { color: var(--color6) !important; } /* TABS END */ /* HOME START */ /* .home-mission-section { background-color: var(--color1); } */ .home-feature-boxes .its-service-box-label { background-color: var(--color3); } .home-feature-boxes .its-service-box:hover .its-service-box-label { background-color: var(--color8); } .home-feature-boxes .its-featured-services-boxes { margin-top: -40px; } h4.its-service-icon-box-title:empty { display: none; } .home-popular-links-section { background: linear-gradient(90deg, #1E1252 0%, #352384 100%); } .home-popular-links-section .its-service-icon-box { background-color: var(--color1); /* padding: 50px 15px; */ } /* HOME END */ /* ANNOUNCEMENT BART START */ .idaho-announcement-bar { background: var(--color4)!important; color: var(--color8)!important } .idaho-announcement-bar .announcement-content .idaho-announcement-bar { background: none; } /* ANNOUNCEMENT BART END */ /* HERO BRANDING STARTS */ #masthead .header-background { height: 450px; } .site-branding.header-background .logo { height: 100%; position: absolute; height: 400px; top: 72px; width: 295px; text-align: center; right: 69%; } .site-branding .d-flex { display: flex !important; justify-content: flex-end; width: 100%; justify-content: flex-end; flex-direction: row; align-content: center; } @media (max-width: 1040px) { .idaho-announcement-bar .flex-wrap { flex-wrap: nowrap !important; } .site-branding.header-background .logo { top: 220px; } .idaho-announcement-bar .announcement-content { padding: 10px!important; } } /* Very small (≤ 480px) */ @media (max-width: 480px) { .site-branding.header-background .logo { height: 100%; position: absolute; height: 400px; top: 0px; width: 295px; text-align: center; right: 0%; } .idaho-announcement-bar .announcement-content { height: auto; } .announcement-text { width: 100%; text-align: center; } .idaho-announcement-bar .announcement-content { padding: 50px; row-gap: 30px; } .announcement-icon { margin-right: 0px!important } .top-navigation { height: auto!important; } #masthead .logo { margin-right: 0px!important; } .site-branding .d-flex { flex-direction: column!important; gap: 50px; margin: 50px auto; } .search-bar-wrapper { width: 100%; display: block !important; } .footer-navigation ul { list-style: none !important; padding-left: 0px !important; } #colophon { margin-top: 60px; height: 850px; } footer .row.row-footer-links { height: auto; display: flex; align-items: center; padding: 20px; } } @media only screen and (min-width: 768px) { #masthead .logo img { max-height: 323px; } } /* Mobile (≤ 768px) — single column stack */ @media (max-width: 767px) { .site-branding.header-background .logo { height: 400px; width: 250px; text-align: center; /* right: 0%; */ height: auto !important; } .tribe-events-event-image img { display: block; width: 100%; height: auto; border-radius: 4px; } .elementor-tab-title { border-bottom: 1px solid #999!important; border-width: 0px!important; border-color: #999999!important; background-color: transparent!important; } .elementor-toggle .elementor-tab-title { padding: 12px; border-bottom: 1px solid #999 !important; } .alert.alert-primary { background: transparent !important; padding: 0px; border: 1px solid #999!important } .tribe-events .tribe-events-header { padding: 20px 30px; } .footer-navigation ul { list-style: none !important; padding-left: 0px !important; } .tribe-common .tribe-common-g-row { display: flex; flex-wrap: wrap; gap: 20px; flex-direction: column; align-content: center; justify-content: center; align-items: center; } .tribe-events .tribe-events-calendar-list__event-header { display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center; } .tribe-events .tribe-events-calendar-list__event-date-tag { flex: none; position: relative; width: 160px; height: 160px; } .tribe-events .tribe-events-calendar-list__month-separator { align-items: center; display: flex; margin-top: 0; padding: 10px; } .tribe-events .tribe-events-header { padding: 0px 30px; } .events-template-breadcrumbs { padding: 0px 10px !important; } h1.events-template-title { padding: 0px 10px; margin-top: 50px; } .tribe-events-calendar-list__month-separator h3 { margin-top: 0px !important; display: flex; } .top-navigation .row.justify-content-between { display: flex; flex-direction: row; } .idaho-announcement-bar .announcement-content { height: auto !important; max-width: 1295px; margin: 0 auto; gap: 50px; display: flex !important; height: auto; align-items: center; justify-content: center!important; align-content: center!important; flex-wrap: nowrap; flex-direction: column!important } .announcement-text { width: 100%!important; text-align: center!important; } .idaho-announcement-bar .announcement-content { padding: 50px; row-gap: 30px!important; } .announcement-icon { margin-right: 0px!important } .top-navigation { height: auto!important; } #masthead .logo { margin-right: 0px!important; } .site-branding .d-flex { flex-direction: column!important; gap: 50px; margin: 50px auto; } .search-bar-wrapper { width: 100%; display: block !important; } .idaho-announcement-bar .flex-wrap { flex-wrap: nowrap !important; } #colophon { margin-top: 60px; height: 850px; } footer .row.row-footer-links { height: auto; display: flex; align-items: center; padding: 20px; } .modal-body { background: var(--color1); margin: 5% !important; padding: 5% 5% !important; } .modal-title { margin-bottom: 20px !important; margin-top: 50px; } .section-title { margin-top: 30px; } .custom-box { padding: 15px!important; } .row.row-footer-links div[role="navigation"] { display: flex; flex-direction: column; align-items: center; /* center horizontally */ justify-content: center; /* optional vertical centering */ text-align: center; gap: 10px; /* space between links */ } .row.row-footer-links div[role="navigation"] a { display: block; text-decoration: none; } .row.row-footer-links [role="navigation"] a:not(:last-child)::after { content: "|"; display: none; } .row-footer-links [role="navigation"] a { padding: 5px 0px; } } /* HERO BRANDING ENDS */ /* MISC STARTS */ .alert.alert-primary { background: transparent !important; padding: 0px; border: 1px solid #999!important } .elementor-toggle-title { text-align: left; color: var(--color6) !important; border: none; background: none; font-weight: 700; font-size: 1.25rem; } a.elementor-toggle-title:hover { text-decoration: none!important; font-style: normal!important; color: #000!important } .elementor-toggle .elementor-tab-title { padding: 15px 0px!important; } .elementor-tab-desktop-title:hover { background: #ECF5FF!important; color:#005FBE!important } .elementor-tabs-view-horizontal .elementor-tab-content { padding: 20px 0px!important; } .elementor-toggle .elementor-toggle-item { border-bottom: 1px solid #E1E1E1!important; border-width: 1px!important } .elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-left { float: right!important; text-align: left; } .elementor-tab-title { font-family: "Atkinson Hyperlegible", sans-serif !important; } .elementor-3432 .elementor-element.elementor-element-11b0a6c .elementor-tab-title { border-width: 1px!important; border-color: #999!important; } .page-id-5360 nav.breadcrumbs { display: none; } .site-branding .fa-search { color: var(--color6); font-size: 1.875rem!important; } .site-branding .fa-search:hover { color: var(--color8)!important; text-decoration: none!important; font-size: 1.875rem!important; } .modal-body .input-group { width: 100%; height: 3em; border: 1px solid #999; } .custom_header_search .search-submit i { color: var(--color6); font-size: 1.8125rem; } .custom_header_search .search-submit i:hover { color: var(--color8)!important; font-size: 1.8125rem; } input[type=search]:hover, .wpcf7 input[type="radio"]:hover, .wpcf7 input[type="checkbox"]:hover, .gform_wrapper input[type="checkbox"]:hover, .gform_wrapper input[type="radio"]:hover { border: 3px solid var(--color10) !important; box-shadow: 0px 0px 2px 1px var(--color10) outset !important; } input[type=search]:hover, input[type=search]:focus, .wpcf7 input:hover, .wpcf7 select:hover, .wpcf7 textarea:hover, .gform_wrapper input:hover, .gform_wrapper select:hover, .gform_wrapper textarea:hover, .wpcf7 input:focus, .wpcf7 select:focus, .wpcf7 textarea:focus, .gform_wrapper input:focus, .gform_wrapper select:focus, .gform_wrapper textarea:focus { border: 3px solid var(--color10) !important; box-shadow: 0px 0px 2px 1px var(--color10) outset !important; } .site-branding .search-bar-wrapper:hover { border: 3px solid var(--color10) !important; box-shadow: 0px 0px 2px 2px var(--color10) outset !important; } #content .search-results .search-bar-wrapper:hover { border: 3px solid var(--color10) !important; box-shadow: 0px 0px 3px 3px var(--color10) outset !important; } .search-bar-wrapper { border: 3px solid transparent; box-sizing: border-box; transition: all 0.2s ease; } .search-bar-wrapper:hover { border-color: var(--color10); box-shadow: 0 0 3px 3px var(--color10); } img.custom-icon { width: 35px; } .breadcrumb { margin: 0px!important; } .address-block .org-name { margin-bottom: 5px; font-weight: 600; /* optional */ } .alert.alert-primary { background: transparent!important; } .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1140px; margin: 0!important; } .its-service-icon-box-text a { color: var(--color6)!important } .gform_wrapper input { border: 1px solid #999999!important; } .gform_wrapper textarea { border: 1px solid #999999!important; } .gform_wrapper select { border: 1px solid #999999!important; } .wpcf7 input, .wpcf7 select, .wpcf7 textarea, .gform_wrapper input, .gform_wrapper select, .gform_wrapper textarea, .gform_wrapper .ginput_container_select .gfield_select { border: 1px solid #999999!important; } .wpcf7 input[type="radio"], .wpcf7 input[type="checkbox"], .gform_wrapper input[type="checkbox"], .gform_wrapper input[type="radio"] { border: 1px solid #999999!important; } .tablepress a { color: var(--color6)!important } .tablepress a:hover { font-style: normal; text-decoration: underline; color: var(--color8) } a.search-result-readmore { font-size: 1rem!important; color: var(--color6)!important } .skip-link { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; } .skip-link:focus { position: static; width: auto; height: auto; } /* #s-1::placeholder { font-family: "Atkinson Hyperlegible", sans-serif !important; color: #000; } */ #header-search::-webkit-input-placeholder { font-family: "Atkinson Hyperlegible", sans-serif !important; color: #000} #header-search::-moz-placeholder { font-family: "Atkinson Hyperlegible", sans-serif !important; color: #000} #header-search:-ms-input-placeholder { font-family: "Atkinson Hyperlegible", sans-serif !important; color: #000} #header-search::placeholder { font-family: "Atkinson Hyperlegible", sans-serif !important; color: #000} p.tribe-events-back a{ color: var(--color3)!important } .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text, .single-tribe_events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text { color: var(--color3)!important } .single-tribe_events .tribe-events-c-subscribe-dropdown__export-icon, .tribe-block__events-link .tribe-events-c-subscribe-dropdown__export-icon { color: var(--color3)!important } .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button { position: relative; background: var(--color10)!important } .elementor-toggle .elementor-active { border-width: 0px!important } .elementor-active { color: #fff; border-radius: 4px 4px 0 0; } .elementor-tab-title.elementor-active { background: #005FBE!important; color: #fff!important; } .elementor-tab-content { border: 0px!important; } .elementor-widget-tabs .elementor-tab-content, .elementor-widget-tabs .elementor-tab-title, .elementor-widget-tabs .elementor-tab-title:after, .elementor-widget-tabs .elementor-tab-title:before, .elementor-widget-tabs .elementor-tabs-content-wrapper { border-width: 0px !important; border-bottom: 0px solid #999 !important; } .elementor-widget-toggle .elementor-tab-title { border-bottom: 1px solid #999 !important; } .elementor-widget-tabs .elementor-tab-title:first-child { border-bottom: 1px !important; } .elementor-toggle-item .elementor-active { background: #fff!important; color: #000!important } h2.search-result-title.mb-1 { line-height: 1em!important; margin-top: 30px!important } .search-result-item a { line-height: 0em!important } p.error-p { text-align: center!important; color: var(--color1) } /* MISC ENDS */ /* ANNOUNCEMENT BAR */ .idaho-announcement-bar { background-color: var(--color1); color: var(--color7); text-align: center; padding: 10px 0px; /* font-weight: 600; */ font-size: 1.2em; line-height: 1.4; position: relative; z-index: 999; } .idaho-announcement-bar .announcement-content { max-width: 1295px; margin: 0 auto; gap: 10px!important; display: flex!important; height: auto; align-items: left; justify-content: space-between; } #mini-announcement-bar span.announcement-close:hover { color: var(--color8) !important; transition: background-color 0.2s ease-in-out; } .announcement-text { font-weight: 500; margin-right: auto; font-size: 1.5rem; text-align: left; width:910px; } .announcement-icon { height: 40px; width: auto; margin-right: 40px; display: inline-block; } #mini-announcement-bar span.announcement-close { padding: 0px 10px !important; color: var(--color7) !important; transition: background-color 0.2s ease-in-out; } .idaho-announcement-bar .announcement-close { font-size: 1.2em; cursor: pointer; padding: 0px 10px !important; color: var(--color8)!important; transition: background-color 0.2s ease-in-out; } span.announcement-close:hover { color: var(--color7)!important; transition: background-color 0.2s ease-in-out; } .announcement-button { background-color: var(--color6) !important; padding: 8px 50px; border-radius: 4px; color: var(--color1) !important; text-decoration: none; font-size: 1.25rem; font-weight: 600; transition: background 0.2s ease-in-out; } .announcement-button:hover { background-color: var(--color3) !important; padding: 8px 50px; border-radius: 4px; color: var(--color1) !important; text-decoration: none; font-size: 1.25rem; font-weight: 600; transition: background 0.2s ease-in-out; } .idaho-announcement-bar .announcement-close { background: transparent; border: 0; cursor: pointer; line-height: 1; padding: 0px 10px !important; color: var(--color7); transition: background-color 0.2s ease-in-out; } /* ANNOUNCEMENT BAR ENDS */ /* 404 STARTS */ .error-404.not-found { display: flex; align-items: center; justify-content: center; min-height: 100vh; text-align: center; background: url(/wp-content/uploads/2026/02/404-scaled.jpg) no-repeat center center; background-size: cover; color: #ffffff; padding: 0; margin: 0; } .error-404.not-found h1 { font-size: 10rem; margin-top: 0; color: var(--color7); } .error-404.not-found h2 { margin-top: .4em !important; margin-bottom: 1em !important; } .error-404.not-found a, .error-h2 { color: var(--color5) !important; } .error-p-initial, .error-404 .card-text a { color: var(--color5) !important; } .card-body path{ fill: var(--color5) !important; } .error-404.not-found .card-body { padding: 0 40px; display: flex; justify-content: flex-start; align-items: center; } /* 404 ENDS */ .ITS-subscribe-cta-content { font-size: 1.5rem!important; line-height: 1.6; margin: 0 0 30px 0; color: var(--color7)!important; } a.its-btn-light:hover { text-decoration: none!important; color: var(--color7)!important } .elementor-widget-n-accordion .e-n-accordion-item-title-header { display: flex; flex-direction: row-reverse!important; justify-content: space-between!important; } /* ─── EXTERNAL LINKS ────────────────────────────────────────── Targets any link starting with http or https. Replace "yourdomain.com" with your actual domain to exclude your own site from being marked as external. */ .its-service-icon-box-text a[href^="http"]:not([href*="yourdomain.com"]):not([data-hasimg]):not([href*=".pdf"]):not([href*=".PDF"]):not([href*=".mp3"]):not([href*=".MP3"]):not([href*=".zip"]):not([href*=".ZIP"]):not([href*=".mov"]):not([href*=".MOV"]):not([href*=".wmv"]):not([href*=".WMV"]):not([href*=".mp4"]):not([href*=".MP4"]):not([href*=".doc"]):not([href*=".docx"]):not([href*=".DOC"]):not([href*=".DOCX"]):not([href*=".xls"]):not([href*=".xlsx"]):not([href*=".XLS"]):not([href*=".XLSX"]):not([href*=".ppt"]):not([href*=".ppsx"]):not([href*=".pptx"]):not([href*=".PPT"]):not([href*=".PPSX"]):not([href*=".PPTX"]):before { font-family: "Font Awesome 6 Free" !important; padding-right: 5px; content: "\f08e"; /* fa-arrow-up-right-from-square (external link) */ font-weight: 900; } /* ─── INTERNAL LINKS ────────────────────────────────────────── Targets root-relative links (starting with /). Excludes file type links already handled above. */ .its-service-icon-box-text a[href^="/"]:not([data-hasimg]):not([href*=".pdf"]):not([href*=".PDF"]):not([href*=".mp3"]):not([href*=".MP3"]):not([href*=".zip"]):not([href*=".ZIP"]):not([href*=".mov"]):not([href*=".MOV"]):not([href*=".wmv"]):not([href*=".WMV"]):not([href*=".mp4"]):not([href*=".MP4"]):not([href*=".doc"]):not([href*=".docx"]):not([href*=".DOC"]):not([href*=".DOCX"]):not([href*=".xls"]):not([href*=".xlsx"]):not([href*=".XLS"]):not([href*=".XLSX"]):not([href*=".ppt"]):not([href*=".ppsx"]):not([href*=".pptx"]):not([href*=".PPT"]):not([href*=".PPSX"]):not([href*=".PPTX"]):before { font-family: "Font Awesome 6 Free" !important; padding-right: 5px; content: "\f0c1"; /* fa-chevron-right */ font-weight: 900; } .its-service-icon-box-text a[href*=".mov"]:before, a[href*=".MOV"]:before, a[href*=".wmv"]:before, a[href*=".WMV"]:before, a[href*=".mp4"]:before, a[href*=".MP4"]:before { font-family: "Font Awesome 6 Free" !important; padding-right: 5px; content: "\f04b"; font-weight: 700; } .its-service-icon-box-text a[href*="youtube.com/watch"], .its-service-icon-box-text a[href*="youtu.be/"] { position: relative; } .its-service-icon-box-text a[href*="youtube.com/watch"]:before, .its-service-icon-box-text a[href*="youtu.be/"]:before { font-family: "Font Awesome 6 Free" !important; content: "\f04b"; font-weight: 900; padding-right: 5px; } .its-service-icon-box-text a[href*="youtube.com/watch?v="]::before, .its-service-icon-box-text a[href*="youtu.be/"]::before, .its-service-icon-box-text a[href*="youtube.com/embed/"]::before { font-family: "Font Awesome 6 Free" !important; content: "\f04b" !important; font-weight: 900 !important; padding-right: 5px; } /* normal external links */ /* .its-service-icon-box-text a[href^="http"]:not([href*="yourdomain.com"]):not([href*="youtube.com"]):not([href*="youtu.be"]):not([data-hasimg]):before { font-family: "Font Awesome 6 Free" !important; content: "\f08e"; font-weight: 900; padding-right: 5px; } */ a[target="_blank"]::before { margin-right: 0em !important; } #button-101 a { color: #ffffff !important; background-color: var(--e-global-color-3974649) !important; display: inline-flex; } #button-101 a:hover { background-color: var(--color3) !important; } .its-service-icon-box-text ul.link-list > li::marker { content: none; } .its-service-icon-box-text ul.link-list { padding: 0px; } .its-service-icon-box-text { padding: 10px 30px!important; } h4.its-service-icon-box-title:empty + .its-service-icon-box-text { margin-top: 15px; } .its-service-icon-box-title { padding-left: 30px!important; padding-right: 30px!important; margin-top: 20px!important; } /* EVENTS START */ .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container { margin: 30px auto; padding: 0; } .tribe-events-calendar-list__event-date-tag { background: var(--color6); border-radius: 5px; } .tribe-events-calendar-list__month-separator h3 { margin-top: 0px!important; line-height: 0px; } img.tribe-events-calendar-list__event-featured-image { border-radius: 4px; } .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text, .single-tribe_events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text { color: var(--color1) !important; } h1.events-template-title { font-weight: 700; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar { display: none; } .tribe-events .tribe-events-header__content-title { align-items: center; display: none; } /* EVENTS END */ .newsletter-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; } @media (max-width: 700px) { .newsletter-grid { grid-template-columns: repeat(2, 1fr); } } /* TERMINOLOGY START */ /* Default 2-column layout */ .terminology-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } /* Switch to 1 column if only 1 visible item */ .terminology-grid.one-column { grid-template-columns: 1fr !important; } #term-search { max-width: 600px; padding:5px 5px!important; font-size: 1rem; border-radius:0px; border: 1px solid #999999 } .terminology-item h2 { font-size: 1.4rem; font-weight: bold; } .term-description { font-size: 1rem; margin-top: 0.5rem; } #az-dropdown { font-size: 1rem; padding-right: 2rem!important; padding-right: 2rem !important; border-radius: 0; border: 1px solid #999999; } .terminology-filter { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-bottom: 2rem; justify-content: space-between!important; } .terminology-filter-control { font-size: 1rem; padding: .375rem 2.25rem .375rem .75rem!important; } @media (max-width: 600px) { .terminology-filter { flex-direction: column; align-items: stretch; display: grid!important; } #az-dropdown { width: 100% !important; min-width: 100%; } } .terminology-filter label { font-weight: 600; font-size: 0.95rem; white-space: nowrap; } .terminology-filter .form-control, .terminology-filter .form-select { min-height: 38px; font-size: 0.95rem; } .elementor-accordion .elementor-tab-title { cursor: pointer; color: var(--color11); padding: 10px 0px; font-weight: 700; border-bottom: 1px solid #E1E1E1; display: flex; font-size: 1.25rem; justify-content: space-between; align-items: center; } .e-n-accordion-item-title-text { color: var(--color2); } .elementor-accordion p{ color: #000!important } .elementor-accordion ul li { color: #000!important } .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened::before { content: "\f0d8"; color: var(--color2); margin-top: -7px; font-size: 1em; } .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-closed::before { content: "\f0d8"; color: var(--color2); margin-top: -7px; font-size: 1em; } .terminology-columns #content p { color: var(--color9); } .terminology-columns a { color: var(--color6)!important; } .terminology-columns a:hover { font-style: normal!important } .terminology-columns span.accordion-title-text { color: var(--color6)!important; text-align: left; } .terminology-columns .elementor-accordion .accordion-icon i { color: var(--color6)!important } .page-template-template-terminology .col-md-12 { margin-top: 30px; } .e-con-inner li { color: var(--color9); } .e-n-accordion-item { border-bottom: 1px solid #E1E1E1; } .e-n-accordion p { font-size: 1rem!important } .e-n-accordion-item-title-icon .e-closed::before { content: "\f0d7"; margin-top: -13px; color: var(--color11); font-size: 1.125rem; } .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened::before { content: "\f0d8"; color: var(--color2); margin-top: -13px; font-size: 1.125rem; } .e-n-accordion-item-title-icon svg { display: none!important } .e-n-accordion li { color: var(--color9); } .elementor-accordion .accordion-icon i { transition: transform 0.3s ease; font-size: 1.2rem; } .elementor-accordion .elementor-tab-content { overflow: hidden; max-height: 0; transition: max-height 0.4s ease, padding 0.4s ease; padding: 0 1rem; background: #fff; } .elementor-toggle-item h2, h3 { margin-top: 0px!important } .elementor-toggle-item i { font-size: 1.25rem!important; } .elementor-toggle-item .fa-add:before, .fa-plus:before { content: "\f0d7"; } .elementor-toggle-item .fa-minus:before, .fa-minus:before { content: "\f0d8"; } .alert-primary .elementor-section.elementor-section-boxed > .elementor-container { max-width: 100%; } .alert.alert-primary{ border: none!important } .alert.alert-primary .elementor-column-gap-default>.elementor-column>.elementor-element-populated { padding: 0px!important } .elementor-tab-content h2, span, p { text-align: left !important; } .elementor-accordion-item.elementor-active .elementor-tab-content { max-height: 1000px; /* Enough to fit full content */ padding: 20px 0px; } .elementor-accordion-item.elementor-active .accordion-icon i { /* transform: rotate(90deg); */ } .elementor-accordion-item ol li { color: #000!important; } .elementor-accordion { margin-bottom: 2rem; } @media (max-width: 768px) { .elementor-accordion { margin-bottom: 1rem; } } @media (max-width: 768px) { .terminology-columns .elementor-accordion { column-count: 1; } } .page-template-template-terminology h2 { margin-top: 30px!important; } .terminology-section-heading h2 { color: var(--color8)!important } .page-template-template-terminology .elementor-accordion .elementor-tab-title { cursor: pointer; color: var(--color10); padding: 10px 0px; font-weight: 700; border-bottom: 1px solid #999 !important; display: flex; font-size: 1.25rem; justify-content: space-between; align-items: center; width: 100%; background: transparent; border: none; } .page-template-template-terminology .elementor-accordion-item.elementor-active .elementor-tab-content { padding: 10px 0px !important; } .page-template-template-terminology .form-select { border-radius: 0px!important; border-color: #999!important } .yes-101 h2.elementor-heading-title.elementor-size-default { margin-top: 0px!important; } .elementor-element-87e4a95 .elementor-button-link { background: var(--color6) !important; display: inline-flex; } /* FAQ STARTS */ .faq-page a { color: var(--color6) !important; } .faq-page button.elementor-accordion-title { text-align: left; color: var(--color6) !important; border: none; background: none; font-weight: 700; } .faq-page i.fa-solid.fa-caret-down { color: var(--color6) !important; } .faq-page p { padding: 0px 20px; } .faq-page { margin-top: 30px!important; } .faq-page h1.page-title { margin-bottom: 0px; line-height: 60px; } /* FAQ ENDS */ .ITS-tagline-banner__text p { font-size: 2.5rem; line-height: 1.2em; text-align: center !important; } .topbar-custom-nav a.search-toggle::after { content: '|'; padding-left: 20px; color: var(--color10); } .custom-top-nav-content > ul:not(.dropdown-menu) > li:after { color: var(--color10); } .top-navigation .search-toggle { color: var(--color7) !important; } .search-results .search-result-link { line-height: 1.2em!important } .search-result-item a { line-height: 1.2em!important } .elementor-button:focus, .elementor-button:hover, .elementor-button:visited { color: #fff !important; padding: 8px 50px!important } img.yes-system { margin-right: 25px!important; } .e-n-accordion-item img { height: 200px!important; max-width: 100%; object-fit: cover!important; border-radius: 4px !important; } .icon-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; font-family: sans-serif; } .icon-item { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border: 1px solid #ddd; border-radius: 6px; font-size: 0.8125rem; font-family: "Atkinson Hyperlegible", sans-serif !important; } .icon-item i { font-size: 1.125rem; width: 24px; text-align: center; flex-shrink: 0; } .custom-sidebar .search-btn i:hover { color: #000 !important; } /* SINGLE PAGES */ .single .custom-sidebar h2 { color: #000 } .single .post-navigation a{ color: #000 } .single .entry-title { margin-bottom: 0px; } .single .breadcrumb { margin-bottom: 50px!important; } .elementor-toggle .elementor-toggle-item { box-shadow: none!important } .sidebar-elementor a[href*="youtube.com"]::before, .sidebar-elementor a[href*="youtu.be"]::before, .sidebar-elementor a[href*="vimeo.com"]::before, .sidebar-elementor a[href*=".mp4"]::before, .sidebar-elementor a[href*=".mov"]::before, .sidebar-elementor a[href*="video"]::before { font-family: "Font Awesome 6 Free" !important; content: "\f04b" !important; font-weight: 900 !important; padding-right: 6px; display: inline-block; } /* optional: remove any other external icon before these */ .sidebar-elementor a[href*="youtube.com"]::after, .sidebar-elementor a[href*="youtu.be"]::after, .sidebar-elementor a[href*="vimeo.com"]::after, .sidebar-elementor a[href*=".mp4"]::after, .sidebar-elementor a[href*=".mov"]::after, .sidebar-elementor a[href*="video"]::after { content: none !important; } /* VIDEO LINKS = PLAY BUTTON */ .mega-sub-menu a[href*="youtube.com"]::before, .mega-sub-menu a[href*="youtu.be"]::before, .mega-sub-menu a[href*="vimeo.com"]::before, .mega-sub-menu a[href*=".mp4"]::before, .mega-sub-menu a[href*=".mov"]::before, .mega-sub-menu a[href*="video"]::before { font-family: "Font Awesome 6 Free" !important; content: "\f04b" !important; font-weight: 900 !important; padding-right: 6px; } /* PDF LINKS */ .mega-sub-menu a[href*=".pdf"]::before, .mega-sub-menu a[href*=".PDF"]::before { font-family: "Font Awesome 6 Free" !important; content: "\f1c1" !important; font-weight: 900 !important; padding-right: 6px; } a[href$=".pdf"]::before { content: "\f1c1" !important; font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important; font-weight: 900 !important; font-style: normal !important; -webkit-font-smoothing: antialiased !important; display: inline-block !important; margin-right: 0.4em !important; color: #fff !important; } /* a[href*="yes-webdev.idaho.gov"][href$=".pdf"]::before { content: "\f1c1" !important; font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important; font-weight: 900 !important; font-style: normal !important; -webkit-font-smoothing: antialiased !important; display: inline-block !important; margin-right: 0.4em !important; color: var(--color6) !important; } */ .row.row-footer-links a:before { display: none!important; } .row.row-footer-links i:before { display: none!important; } .sidebar-elementor i:before{ display: none!important } a[target="_blank"]::before { content: "\f35d" !important; font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important; font-weight: 900 !important; font-style: normal !important; -webkit-font-smoothing: antialiased !important; display: inline-block !important; margin-right: 0.4em !important; color: inherit !important; } .sidebar-elementor a[target="_blank"]:not([href*="yes-webdev.idaho.gov"])::before { content: '\f08e'; font-family: 'FontAwesome'; font-size: 1em; margin-right: 0.35em; vertical-align: middle; } .sidebar-elementor a[href$=".pdf"]::before { content: '\f1c1'!important; font-family: 'FontAwesome'; font-size: 1em; margin-right: 0em!important; vertical-align: middle; } .mega-sub-menu a[href*="yes-webdev.idaho.gov"]::before, .mega-sub-menu a[href^="/"]::before { content: none; } .its-service-icon-box-text a::before { content: none !important; } .e-n-accordion a:before { display: none!important } h4.mega-block-title a:before { display: none; } .its-service-icon-box-label a { color: #fff!important; } .its-service-icon-box-label a:hover { color: #FFC000!important; } .tec-archive-header { display: none; } .tribe-common a { color: rgb(13 110 253)!important } .elementor-widget-container i.fa-external-link-alt.fa-solid:before { display: none!important } @media only screen and (max-width: 991px) { #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { padding: 20px; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { width: auto!important } } @media only screen and (max-width: 768px) { #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { padding: 0px; } } .search-blocks .col-md-3 { width: 25%; }