/** * Ja-Mar Roofing - Global Styles * Core site-wide styles used across all pages * Load priority: High (in ) */ /* ======================================== TYPOGRAPHY & HEADINGS ======================================== */ article h2, article h3, article h4, article h5, article h6 { font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 24px; color: #282f38; } .fl-callout-content h4 { font-size: 24px !important; } body.home .fl-callout-content h4 { font-size: 24px !important; } h1.hp { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 24px; line-height: 1.5em; color: #282f38; margin-bottom: 20px; margin-top: 0px !important; text-align: center; } h2.hp, h4.hp { text-align: center; font-size: 20px; margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; } h4.hp { margin-top: 20px; } .cta h6 { font-weight: 300; } /* ======================================== LAYOUT & CONTAINERS ======================================== */ .fl-row-content-wrap { padding: 0px !important; } .inside-page-hero.grid-container.grid-parent { max-width: unset !important; } .full-width-content .container.grid-container h1, .fl-builder.no-sidebar .container.grid-container h1 { max-width: 1200px !important; margin: 60px auto 0px auto; } .page-hero { padding-left: unset !important; padding-bottom: 300px; } body.home .container.grid-container h1 { margin-top: 0px !important; margin-bottom: 0px !important; } /* ======================================== BUTTONS & CTAs ======================================== */ .button.green { background: #00b300; } .button.green:hover, .button.green:active { background: #E2B607; color: #FFF; } a.contact-btn { font-size: 16px; line-height: 16px; border: 1px solid #c7504c; border-radius: 4px; margin: 10px auto; padding: 12px 24px; background: #d35c58; color: #fff !important; display: inline-block; } .inside-right-sidebar input[type="submit"], #gform_wrapper_1 input[type="submit"] { background-color: #00b300; } /* ======================================== FORMS - INLINE & GRAVITY FORMS ======================================== */ .grecaptcha-badge { left: 0 !important; bottom: 0 !important; width: 70px !important; overflow: hidden; visibility: hidden; } #field_1_17 { margin: 0 !important; padding: 0 !important; } .inline-form form { background: #013e37; padding: 20px 20px 20px 30px; border: 2px solid #002722; } .inline-form li.gfield { color: #fff; } .fl-widget .gform_widget .gform_wrapper { margin-top: 0; } .inline-form h4 { text-align: center; color: #fff; margin-bottom: 10px; } .gform_wrapper span.gform_description, .inline-form .gform_wrapper .gform_heading { margin-bottom: 0; } /* ======================================== NAVIGATION & MENU ======================================== */ li#menu-item-1422:hover, li#menu-item-1422 a:hover { color: #00b300 !important; } /* ======================================== IMAGES & MEDIA ======================================== */ .wp-image-7356 { padding-top: 10px; } .img-centered { text-align: center !important; margin: 0px auto !important; } .blog .inside-article .post-image img { max-height: 200px; } .blog .featured-column .inside-article .post-image img { max-height: unset; } /* Video responsive containers */ .video-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } iframe { width: 100%; aspect-ratio: 16 / 9; } /* ======================================== CONTENT MODULES ======================================== */ #block-2 { background: transparent; padding-top: 10px; } article .fl-module-content { margin: 20px 20px 20px 0px; } body.home article .fl-module-content { margin: 20px; } .entry-content:not(:first-child) { margin-top: 0.75em; } /* ======================================== UTILITY CLASSES ======================================== */ .sbar-finance { text-align: center; } .mart20 { margin-top: 20px; } .underline { width: 100%; border-bottom: 1px solid #000; margin-bottom: 20px; padding-bottom: 3px; } .jStrong { background-color: #d35c58; margin: 0px; padding: 10px 0px; text-align: center; } .jStrong a { color: #ffffff; } /* ======================================== LISTS & SPECIAL STYLING ======================================== */ ul.trust { list-style: none; padding-left: 0; } ul.trust li { position: relative; padding-left: 0.5em; padding-bottom: 15px; } ul.trust li:before { content: '✓'; position: absolute; left: -20px; width: 1em; height: 1em; font-weight: bold; } ol.red strong { color: #d35c58; font-weight: bold; } ol.red { list-style: none; counter-reset: item; } ol.red li { counter-increment: item; margin-bottom: 15px; } ol.red li:before { margin-right: 5px; content: counter(item) ". "; color: #d35c58; font-weight: bold; width: 1.9em; text-align: left; display: inline-block; } /* ======================================== SITEMAP - REMOVE LANDING PAGE PARENT PAGES ======================================== */ body.page-id-5399 li.page_item.page-item-11874 { display:none; } body.page-id-5399 li.page_item.page-item-11875 { display:none; } /* ======================================== RESPONSIVE - DESKTOP TO TABLET ======================================== */ @media screen and (max-width: 800px) { .home .fl-callout-photo-left .fl-callout-photo { width: 100%; } .home .fl-callout-photo-left { text-align: center; } } /* ======================================== RESPONSIVE - MOBILE ======================================== */ @media screen and (max-width: 600px) { .page-hero { padding-bottom: 400px; } body.home .page-hero { padding-bottom: 350px; } span.hero-text { font-size: 30px !important; padding: 40px 10px 20px 10px !important; } span.hero-headline { font-size: 17px !important; padding: 0px 10px 0px 10px !important; } .full-width-content .container.grid-container h1, .fl-builder.no-sidebar .container.grid-container h1 { max-width: 93% !important; } #gform_widget-2 .gform_body { padding: 0 20px 0 20px; } #block-2 { display: none; } .fluid-width-video-wrapper iframe { max-width: 96%; } .fl-node-5a18902e4ca19 .fl-row-content-wrap, .fl-node-5ca8aa9b09573 { padding-top: 30px !important; } .fl-node-5a188fb9a2ac8 .fl-row-content-wrap { padding-top: 20px !important; } } /* ======================================== VISIBILITY HELPERS ======================================== */ .no-mobile { display: block; } .mobile-only { display: none; } @media screen and (max-width: 600px) { .no-mobile { display: none; } .mobile-only { display: block; } } /* Hide specific menu item */ li.page-item-9932 { display: none; } /* Template-specific hiding */ body.no-hf-template .site-header, body.no-hf-template .main-navigation, body.no-hf-template .inside-navigation, body.no-hf-template .nav-float-right, body.no-hf-template .footer-widgets, body.no-hf-template .site-footer { display: none !important; }