/* Theme Name: Divi - weCreate Child Theme Description: A child theme to house custom coding which modifies the Divi parent theme by Elegant Themes. Includes default line numbers where the code was taken from in the parent theme. Author: weCreate Website Design & Marketing Author URI: https://www.wecreate.com/ Template: Divi Version: 1.0 */ /* Use "Find/Search" feature to skip ahead to the section you need to ammend or edit ------------------------------------------------------- Contents ———————— - General - Scrollbars - Navigation - Global Buttons - Forms - Testimonials - Homepage Elements - Internal Pages - Post Archives - Single Post Page - Search Archive - Single Career Post Page - Miscellaneous - Footer Area - Media Queries ------------------------------------------------------- */ /************************************************************************************ * * Fonts * ————— * font-family: "Manrope", sans-serif; * font-family: Poppins, sans-serif; * ***********************************************************************************/ /* Manrope */ /*Medium*/ @font-face { font-family: "Manrope"; font-weight: 500; src: url(fonts/manrope/Manrope-Medium.ttf) format('truetype'); } /*Bold*/ @font-face { font-family: "Manrope"; font-weight: 600; src: url(fonts/manrope/Manrope-Bold.ttf) format('truetype'); } /*Extra Bold*/ @font-face { font-family: "Manrope"; font-weight: 700; src: url(fonts/manrope/Manrope-ExtraBold.ttf) format('truetype'); } /* Barlow */ /*Regular*/ @font-face { font-family: "Barlow"; font-weight: 500; src: url(fonts/barlow/Barlow-Regular.ttf) format('truetype'); } /*Italic*/ @font-face { font-family: "Barlow"; font-style: italic; font-weight: 500; src: url(fonts/barlow/Barlow-Italic.ttf) format('truetype'); } /*Medium*/ @font-face { font-family: "Barlow"; font-weight: 600; src: url(fonts/barlow/Barlow-Medium.ttf) format('truetype'); } /*Medium Italic*/ @font-face { font-family: "Barlow"; font-style: italic; font-weight: 600; src: url(fonts/barlow/Barlow-MediumItalic.ttf) format('truetype'); } /*Bold*/ @font-face { font-family: "Barlow"; font-weight: 700; src: url(fonts/barlow/Barlow-Bold.ttf) format('truetype'); } /*Bold Italic*/ @font-face { font-family: "Barlow"; font-style: italic; font-weight: 700; src: url(fonts/barlow/Barlow-BoldItalic.ttf) format('truetype'); } /************************************************************************************ * * Variables * ***********************************************************************************/ :root { /********** Colors **********/ --pink-1: #A0274F; --pink-2: #A0284F; --dark-1: #1A1816; --dark-2: #222222; --gray-1: #E4E4E4; --gray-2: #E4E4E3; --gray-3: #F7F7F7; /********** Typography **********/ --manrope: "Manrope", sans-serif; --barlow: "Barlow", sans-serif; --icons: "Font Awesome 6 Pro"; /****Font-sizes****/ /*Responsize*/ --60px-r: clamp(2.25rem, 1.327rem + 3.077vw, 3.75rem); /*36px at 480px and 60px at 1260px*/ --48px-r: clamp(2rem, 1.385rem + 2.051vw, 3rem); /*32px at 480px and 48px at 1260px*/ --36px-r: clamp(1.75rem, 1.442rem + 1.026vw, 2.25rem); /*28px at 480px and 36px at 1260px*/ --32px-r: clamp(1.5rem, 1.192rem + 1.026vw, 2rem); /*24px at 480px and 32px at 1260px*/ --24px-r: clamp(1.125rem, 0.894rem + 0.769vw, 1.5rem); /*18px at 480px and 24px at 1260px*/ --18px-r: clamp(1rem, 0.88rem + 0.399vw, 1.125rem); /*16px at 480px and 18px at 981px*/ --16px-r: clamp(0.875rem, 0.755rem + 0.399vw, 1rem); /*14px at 480px and 16px at 981px*/ --14px-r: clamp(0.75rem, 0.63rem + 0.399vw, 0.875rem); /*12px at 480px and 14px at 981px*/ /*Desktop Only*/ --16px-r-d: clamp(0.875rem, 0.556rem + 0.519vw, 1rem); /*14px at 981px and 16px at 1366px*/ /*Static*/ --16px-s: 1rem; --14px-s: 0.875rem; --12px-s: 0.75rem; --10px-s: 0.625rem; /*Placeholder Styles*/ --placeholder-color: rgba(0,0,0,0.25); /********** Misc Defaults **********/ --borders: solid 1px; --gap: 25px; --transition: all 0.2s ease 0s; } /************************************************************************************ * * General * ***********************************************************************************/ body #page-container, p { color: #000000; font-family: var(--barlow); font-size: var(--18px-r); font-weight: 500; line-height: 1.825; } h1, h2, h3, h4, h5, h6, .extra-large-header, .large-header, .medium-header, .small-header { color: var(--dark-1); font-family: var(--manrope); font-weight: 700; padding: 0; } h1, h2, h3, h4, h5, h6, .large-header, .medium-header, .small-header { line-height: 1.25; } h3, h4, h5, h6, .medium-header { text-wrap: balance; } :is(h1, h2, h3, h4, h5, h6) strong { color: var(--pink-1); } :is(h1, h2, h3, h4):last-child { padding-bottom: 0; } #page-container .extra-large-header, #page-container .extra-large-header :is(h1, h2), #page-container .extra-large-header:is(h1, h2) { font-size: var(--60px-r); line-height: calc(1 + (1 / 3)); } #page-container :is(h1, .large-header), #page-container .large-header :is(h2, h3, h4, p, a), #page-container .large-header:is(h2, h3, h4, p, a) { font-size: var(--48px-r); } #page-container :is(h2, .medium-header), #page-container .medium-header :is(h1, h3, h4, p, a), #page-container .medium-header:is(h1, h3, h4, p, a) { font-size: var(--36px-r); } #page-container :is(h3, .small-header), #page-container .small-header :is(h1, h2, h4, p, a), #page-container .small-header:is(h1, h2, h4, p, a) { font-size: var(--24px-r); } #page-container h4, #page-container .et_pb_module_header { font-size: var(--18px-r); } #page-container h5 { font-size: var(--14px-r); font-weight: 700; letter-spacing: 1.4px; line-height: 1; text-transform: uppercase; } #page-container h6 { font-size: var(--12px-s); letter-spacing: 1.2px; } #page-container .subheader, #page-container :is(h1, h2, h3, h4, h5, h6).subheader { color: var(--pink-1); font-family: var(--manrope); font-size: var(--14px-s); font-weight: 700; letter-spacing: 1.4px; line-height: 1.25; text-transform: uppercase; } #page-container .subheader.sm, #page-container :is(h1, h2, h3, h4, h5, h6).subheader.sm { font-size: var(--12px-s); font-weight: 500; } .large-text, .large-text p { font-size: var(--24px-r); line-height: 1.5; } .small-text, .small-text p, .et_pb_blurb_container .et_pb_blurb_description, .et_pb_blurb_container .et_pb_blurb_description p{ font-size: var(--16px-r); line-height: 2; } .pink-text { color: var(--pink-1)!important; } a.pink-text:is(:hover,:focus) { color: var(--dark-1)!important; } .et_pb_bg_layout_dark a.pink-text:is(:hover, :focus) { color: #ffffff!important; } :is(h2, h3, h4, ul, ol) + :is(h2, h3, h4, ul, ol), p:last-of-type + :is(ul, ol) { padding-top: 25px; } :is(table, p:last-of-type, .btn-container) + :is(p, h2, h3, h4) { padding-top: 40px; } .subheader.sm, :is(h1, h2, h3, h4).subheader.sm, .et_pb_column :is(h1, h2, h3, h4).subheader.sm { font-size: 0.625rem; } .subheader:not(.sm) + :is(h1, h2, h3, h4, a, .wc_company_address_full) { padding-top: 20px; } .subheader:not(.sm) + a { display: block; } :is(.et_pb_text, .et_pb_toggle, .et_pb_code_inner, #single-post-content) :is(ul, ol) { line-height: 1; list-style-position: outside; list-style-type: disc; padding: 0 0 1rem 1rem; } :is(.et_pb_text, .et_pb_toggle, #single-post-content) :is(ul, ol) :is(ul, ol) { padding-top: 1rem; } :is(.et_pb_text, .et_pb_toggle, #single-post-content) :is(ul, ol).clean-list { font-weight: 700; list-style: none; padding: 0; } :is(.et_pb_text, .et_pb_toggle, #single-post-content) :is(ul, ol):last-child { padding-bottom: 0!important; } :is(.et_pb_text, .et_pb_toggle, #single-post-content) ol { list-style-type: decimal; } :where(.et_pb_text, .et_pb_toggle, .et_pb_code_inner, #single-post-content) li:not(.post-item) { line-height: 1.5; margin-bottom: 1rem; } :where(.et_pb_text, .et_pb_toggle, .et_pb_code_inner, #single-post-content) li:last-of-type { margin-bottom: 0; } :where(.et_pb_text, .et_pb_toggle, .et_pb_code_inner, #single-post-content) li::marker, :where(.et_pb_text, .et_pb_toggle, .et_pb_code_inner, #single-post-content).et_pb_bg_layout_dark li::marker { color: var(--pink-1); } :where(.et_pb_text, .et_pb_toggle, .et_pb_code_inner, #single-post-content) li ul { list-style-type: circle; padding-bottom: 0; } :where(.et_pb_text, .et_pb_toggle, #single-post-content) li ol { list-style-type: lower-alpha; padding-bottom: 0; } :where(.et_pb_text, .et_pb_toggle, #single-post-content) li :is(ul, ol) li { font-size: inherit; } .et-l--body :where(ul, ol):not(.flex-wrapper)>li:not(:last-of-type) { margin-bottom: 10px; } ::selection { background: #2b87da; /* WebKit/Blink Browsers */ color: #ffffff; text-shadow: 1px 1px 1px rgba(0, 0, 0, .25); } ::-moz-selection { background: #2b87da; /* Gecko Browsers */ color: #ffffff; text-shadow: 1px 1px 1px rgba(0, 0, 0, .25); } .layouts-content img { margin-bottom: 0; } #et-main-area.layouts-content { margin-top: 0; } .small-divider { border-top: solid 2px var(--pink-1); margin: 35px 0; max-width: 190px; } .et_pb_bg_layout_dark .small-divider { border-color: #ffffff; } .mobile-centered .small-divider, .et_pb_text_align_center .small-divider { margin: 30px auto; } .small-divider:last-child { margin-bottom: 0; } .hidden-item, #category-selection { position: relative; } .hidden-item, #category-selection > label { clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; width: 1px } .et_pb_bg_layout_dark, .et_pb_bg_layout_dark :is(li, h1, h2, h3, h4, h5, a, p), .et_pb_bg_layout_dark :is(li, h1, h2, h3, h4, h5, p) a, #page-container .et_pb_bg_layout_dark :is(.subheader, .et_pb_module_header), #page-container .et_pb_bg_layout_dark :is(h1, h2, h3, h4, h5, h6).subheader { color: #ffffff; } .et_pb_bg_layout_dark a { font-weight: 600; } .et_pb_bg_layout_dark .divider-line { background-color: #ffffff; } .mobile-centered, .et_pb_module.et_pb_text_align_left.mobile-centered, .et_pb_module.et_pb_text_align_right.mobile-centered, .et_pb_text_align_center, .center-text { text-align: center; } body #page-container #main-content :is(ul, ol).flex-wrapper, body #page-container #main-content .reset-list, body #page-container #main-content ul.products { line-height: 1; list-style: none!important; padding: 0!important; } .wc_company_address_full :is(.wc_company_street_address_1, .wc_company_street_address_2) { display: block; margin-bottom: 0; } #footer-widget-areas .wc_company_address_full :is(.wc_company_street_address_1, .wc_company_street_address_2) { margin-bottom: 10px; } a { color: var(--pink-1); transition: var(--transition); } a:is(:hover, :focus) { color: #000000; } /************************************************************************************ * * Scrollbars * ***********************************************************************************/ /* ---- Webkit Scrollbar ---- */ ::-webkit-scrollbar { width: auto; } ::-webkit-scrollbar-track { background-color: #f2f2f2; } ::-webkit-scrollbar-thumb { background-color: #c1c1c1; border: 2px solid #f2f2f2; } ::-webkit-scrollbar-thumb:hover { background-color: #d5d4d4; } ::-webkit-scrollbar-corner { background-color: #222222; } ::-webkit-scrollbar-button:single-button { background-color: #f2f2f2; background-repeat: no-repeat; background-size: 10px; display: block; } /* Up */ ::-webkit-scrollbar-button:single-button:vertical:decrement { background-image: url("data:image/svg+xml;utf8,"); background-position: center 7px; background-size: 7px auto; } /* Down */ ::-webkit-scrollbar-button:single-button:vertical:increment { background-image: url("data:image/svg+xml;utf8,"); background-position: center 6px; background-size: 7px auto; } /* Left */ ::-webkit-scrollbar-button:single-button:horizontal:decrement { background-image: url("data:image/svg+xml;utf8,"); background-position: 7px center; background-size: 7px auto; } /* Right */ ::-webkit-scrollbar-button:single-button:horizontal:increment { background-image: url("data:image/svg+xml;utf8,"); background-position: 6px center; background-size: 7px auto; } /* ---- Firefox Scrollbar ---- */ * { scrollbar-width: auto; scrollbar-color: #c1c1c1 #f2f2f2; } /************************************************************************************ * * Navigation * ***********************************************************************************/ #et-main-area { --main-header-height: 91px; padding-top: var(--main-header-height); } .header-wrapper { display: flex; justify-content: space-between; } .header-wrapper, #page-container #nav-menu .menu { align-items: center; } body:not(.logged-in) .hide-if-logged-out, body.logged-in .hide-if-logged-in { display: none!important; } .header-item .display-mobile, .header-item.display-mobile { display: inline-block; } .header-item .display-desktop, .header-item.display-desktop { display: none; } body #page-container :is(#main-header, #main-content) .menu { list-style: none; line-height: 1; padding: 0; } #page-container :is(#main-header,#main-content) .menu li { margin: 0; } /* Main Header */ body.logged-in.admin-bar #main-header { top: 46px; } body #page-container header { position: relative; z-index: 10; } #main-header { bottom: auto; left: 50%; position: fixed !important; right: auto; transform: translateX(-50%); width: 100%; z-index: 500; } #main-header, #main-header:before { top: 0; } #main-header:after { bottom: 0; } #main-header, #main-header .et_pb_row { padding: 0 !important; } #page-container #main-header .et_pb_widget { margin: 0 !important; width: 100% !important; } /* Topbar Nav */ #topbar .wc_company_phone { color: #ffffff; display: block; font-family: var(--manrope); font-size: var(--18px-r); font-weight: 700; letter-spacing: 1.8px; line-height: 1; } #topbar .wc_company_phone:is(:hover,:focus) { color: #000000; } #topbar .menu li { line-height: 1; } #topbar .menu li:not(:last-of-type) { border-right: solid 2px #ffffff; margin-right: 8px; padding-right: 8px; } #topbar .menu li a { color: #ffffff; font-size: var(--12px-s); } #topbar .menu li a:is(:hover,:focus) { color: #000000; } /* Nav Logo */ #nav-logo { margin-right: 30px; width: 90%; } #nav-logo img { height: 100%; object-fit: contain; object-position: center left; max-width: 270px; } #nav-logo a { display: flex; line-height: 0; } #nav-logo :is(a, img) { width: 100%; } #nav-logo a:is(:hover, :focus) { opacity: 0.7; } #page-container #nav-menu { background-color: #ffffff; border-bottom: 5px solid #0F112D; border-top: 5px solid #0F112D; display: flex; flex-direction: column; justify-content: flex-start; left: 100%; opacity: 0; overflow: scroll; position: absolute; top: calc(100% + 15px); transition: all 0.3s ease 0s; visibility: hidden; width: 100vw; z-index: 90000000; } #page-container #nav-menu, #page-container #nav-menu :is(.menu, .sub-menu, li), #page-container #nav-menu .sub-menu li { padding: 0; } #page-container #nav-menu.open, #page-container #nav-menu li:is(.menu-item-has-children, .has-children).open>.sub-menu { opacity: 1; visibility: visible; } #page-container #nav-menu.open { left: -25px; } #page-container #nav-menu>div { border-bottom: solid 1px #000000; padding: 20px; } #page-container #nav-menu>div:last-of-type { border-bottom: none; } body #page-container #main-header .menu { justify-content: center; } #page-container #nav-menu .et_pb_widget { margin: 0 !important; width: 100% !important; } #page-container #nav-menu li { border-bottom: solid 1px #0F112D; display: block; } #page-container #nav-menu li:last-of-type { border-bottom: 0; } .header-item, #page-container #nav-menu li a { color: #000000; font-family: var(--manrope); font-size: var(--14px-s); font-weight: 600; line-height: 1; } #page-container #nav-menu li a { display: block; padding: 15px 10px; } #page-container #nav-menu li:is(.current-menu-item, .current-menu-ancestor)>a, #page-container #nav-menu li > a:is(:hover, :focus) { color: var(--pink-1); } #main-header .menu li a, #main-header .menu li:is(.menu-item-has-children,.has-children) { position: relative } #page-container #nav-menu li.menu-item-has-children > a { align-items: center; display: flex; justify-content: space-between; } #main-header .menu li a,#main-header .menu li:is(.menu-item-has-children,.has-children) { position: relative } #main-header .menu li:is(.menu-item-has-children,.has-children)>a:first-child:after, #main-header.et-fixed-header #nav-menu li:is(.menu-item-has-children,.has-children)>a:first-child:after { content: "3"; display: none; font-size: 1rem; font-family: ETmodules } #page-container #nav-menu .sub-menu { background-color: #F5F5F5; border-top: solid 1px #000000; max-height: 0; opacity: 0; transition: all 0.3s ease 0s; visibility: hidden; width: 100%; } #page-container #nav-menu .sub-menu li a { padding: 15px 10px; width: auto; } #page-container #nav-menu .sub-menu li:nth-of-type(2) a { margin-top: 0; } #page-container #nav-menu .sub-menu li:last-of-type a { margin-bottom: 0; } #page-container #nav-menu :is(.menu-item-has-children, .has-children) { --btn-width: 44px; } #page-container #nav-menu .toggle-submenu { padding: 0!important; height: var(--btn-width); width: var(--btn-width); } #page-container #nav-menu a.toggle-submenu .toggle-icon:after { content: "3"; display: block; font-size: 2rem; font-family: 'ETmodules'; left: 50%; line-height: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); } #page-container #nav-menu a.toggle-submenu .toggle-icon { display: block; height: 100%; width: 100%; } #page-container #nav-menu .open a.toggle-submenu .toggle-icon { transform: rotate(180deg); } #page-container #nav-menu li:is(.menu-item-has-children, .has-children).open>.sub-menu { max-height: 500px; padding: 0; } /* Mobile Menu Toggle */ #mobile-nav-icon { align-self: center; cursor: pointer; display: block; height: 22px; position: relative; width: 30px; } #mobile-nav-icon span:not(.hidden-item) { background-color: #000000; border-radius: 9px; display: block; height: 3px; left: 0; opacity: 1; position: absolute; width: 100%; } #mobile-nav-icon, #mobile-nav-icon span:not(.hidden-item) { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #mobile-nav-icon span:nth-child(1) { top: 0px; } #mobile-nav-icon span:nth-child(2), #mobile-nav-icon span:nth-child(3) { background-color: #000000; top: 10px; } #mobile-nav-icon span:nth-child(4) { top: 20px; } #mobile-nav-icon.open span:nth-child(1), #mobile-nav-icon.open span:nth-child(4) { left: 50%; top: 15px; width: 0; } #mobile-nav-icon.open span:nth-child(2), #mobile-nav-icon.open span:nth-child(3) { background-color: #000000; } #mobile-nav-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #mobile-nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } /************************************************************************************ * * Global Buttons * ***********************************************************************************/ .btn-container { margin-top: 15px; } .btn-wrapper.et_pb_module .et_pb_code_inner { display: flex; flex-wrap: wrap; gap: 10px; } :is(h1, h2, h3, h4) + .btn-container { margin-top: 0; } .btn, input[type="submit"], button, .gform_wrapper .gform_footer input.gform_button, a.more-link, .pagination a, .form-submit .et_pb_button, .wpv-filter-next-link, .wpv-filter-previous-link { background-color: transparent; border: none; border-radius: 26px; cursor: pointer; display: block; font-size: var(--16px-s); font-family: var(--manrope); font-weight: 700; letter-spacing: 0.4px; line-height: 1.25; padding: 10px 20px; text-align: center; text-decoration: none; transition: var(--transition); white-space: normal; } .dark.btn, input[type="submit"], button, .gform_wrapper .gform_footer input.gform_button, a.more-link, .pagination a, .form-submit .et_pb_button, .wpv-filter-next-link, .wpv-filter-previous-link { background-color: #000000; color: #ffffff; } .et_pb_bg_layout_dark .dark.btn { background-color: rgba(255,255,255,0.25); } .light.btn, .post-search button[type=submit], .gform_wrapper .primary-contact-form .gform_footer input.gform_button, #post-pagination .page-link { background-color: var(--pink-1); color: #ffffff; } .dark.btn:is(:hover, :focus), .et_pb_bg_layout_dark .dark.btn:is(:hover, :focus), .light.btn:is(:hover, :focus), .post-search button[type=submit]:is(:hover, :focus), .gform_wrapper .primary-contact-form .gform_footer input.gform_button:is(:hover, :focus), #post-pagination .page-link:is(:hover, :focus), input[type="submit"]:is(:hover, :focus), button:is(:hover, :focus), .gform_wrapper .gform_footer input.gform_button:is(:hover, :focus), a.more-link:is(:hover, :focus) .pagination a:is(:hover, :focus), .form-submit .et_pb_button:is(:hover, :focus), .wpv-filter-next-link:is(:hover, :focus), .wpv-filter-previous-link:is(:hover, :focus) { background-color: var(--dark-2); } .left.btn { margin: 0 0 10px 0; } .btn.full { display: block; width: 100%; } .btn.stripped, .arrow { align-items: center; display: flex; } .btn.stripped { background: none; border: none; padding: 0; } .arrow:after, .btn.arrow:after { content: '»'; margin-left: 5px; } .wpv-filter-first-link, .wpv-filter-last-link, .wpv-filter-next-link, .wpv-filter-pagination-link, .wpv-filter-previous-link, .page-link:is(:hover, :focus) { z-index: 1; } /************************************************************************************ * * Forms * ***********************************************************************************/ ::placeholder { color: var(--placeholder-color); opacity: 1; } ::-ms-input-placeholder { color: var(--placeholder-color); } ::-webkit-input-placeholder { color: var(--placeholder-color); } .gform_description:empty { display: none!important; } /* Gravity Form Error Message Styles */ body .gform_wrapper.gravity-theme>.gform_validation_errors { margin-top: 20px; } body .gform_wrapper.gravity-theme .gform_validation_errors { border: solid 1px #c02b0a; border-radius: 10px; box-shadow: none; margin: 0 0 25px; text-align: left; } body .gform_wrapper.gravity-theme :is(.gform_validation_errors, .gfield_validation_message, .validation_message) { background-color: #fff9f9; border: solid 1px #c02b0a; color: #c02b0a; } body .gform_wrapper.gravity-theme .gform_validation_errors>h2 { color: #c02b0a; font-weight: bold; font-size: 1rem; padding: 0; } body .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] { border: none; border-bottom: solid 1px #e1e1e1; } body .gform_wrapper.gravity-theme .gform_fields { grid-column-gap: 25px; grid-row-gap: 25px; } /* Gravity Form Required Field Styles */ .gform_required_legend, body .gform_wrapper span.gfield_required { display: none !important } body .gform_wrapper .gfield_contains_required label.gfield_label:after, body .gform_wrapper.gravity-theme .gfield_contains_required :is(.gfield_label, .ginput_complex label, .ginput_complex legend):after { color: #c02b0a; content: '*'; font-size: 1rem; line-height: 0; padding-left: 5px; } body .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type="text"], body .gform_wrapper li.hidden_label input, body .gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker), body .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker), body .gform_wrapper.gravity-theme .ginput_container_address { margin: 0; } /* Gravity Form Label and Description Styles */ body .gform_wrapper label.gfield_label, body .gform_wrapper.gravity-theme :is(.gfield_label, .gfield_header_item, .description, .gfield_description, .gsection_description, .instruction, .gform_fileupload_rules .ginput_complex span:last-of-type, .gfield_list_header), body .gform_wrapper.gravity-theme .ginput_complex :is(label, legend), body .gform_wrapper.gravity-theme :is(.description, .gfield_description, .gsection_description, .instruction) p, body .gform_wrapper .ginput_container_address span:last-of-type input[type="text"] { color: #000000; display: block; font-family: var(--manrope); font-size: var(--12px-s); font-weight: 700; letter-spacing: 1.2px; line-height: 1; margin-bottom: 5px; padding: 0; text-align: left; text-transform: uppercase; } body .gform_wrapper.gravity-theme :is(.description, .gfield_description, .gsection_description, .field_description_above .gfield_description, .instruction) { background-color: rgba(255, 255, 255, 0.33); border: solid 1px rgba(255, 255, 255, 0.5); padding: 10px 15px; margin-top: 12px !important; } body .gform_wrapper.gravity-theme :is(.description, .gfield_description, .gsection_description, .instruction) p { padding-bottom: 10px; } body .gform_wrapper.gravity-theme .gfield :is(h2, h3, h4, h5), body .gform_wrapper.gravity-theme :is(.description, .gfield_description, .gsection_description, .instruction) p:last-of-type { padding-bottom: 0; } body .gform_wrapper.gravity-theme legend.gfield_label+.gfield_description { margin-top: 0 !important; } body .gform_wrapper.gravity-theme .ginput_complex.ginput_container_address :is(.ginput_left, .ginput_right) { flex: unset; width: calc(50% - (25px/2)););); } .gform_wrapper .gfield_checkbox { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 25px; } .gfield_checkbox .gchoice label { cursor: pointer; margin-left: 0; pointer-events: none; z-index: 2; } body .gform_wrapper .gform_footer.top_label { display: block; margin: 25px 0 0; padding: 0; } body .gform_wrapper.gravity-theme legend.gfield_label { color: #000000; font-size: var(--16px-s)!important; margin-bottom: 25px!important; } body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type="checkbox"], body .gform_wrapper.gf_browser_chrome .gfield_radio li input[type="radio"], body .gform_wrapper ul li.field_description_below div:is(.ginput_container_radio, .ginput_container_checkbox) body .gform_wrapper ul:is(.gfield_radio, .gfield_checkbox), body .gform_wrapper .top_label div.ginput_container, .ui-datepicker { margin-top: 0; } body .gform_wrapper ul li.gfield { margin-top: 15px; } body .gform_wrapper ul.gform_fields>li.gfield:not(.gf_left_half) { padding-right: 0; } body .gform_wrapper ul.gform_fields li.gfield.gsection { margin: 25px 0; padding: 15px 0 5px; } body .gform_wrapper.gravity-theme .ginput_complex { gap: 25px; } body .gform_wrapper.gravity-theme .ginput_complex .gf_clear { position: absolute; } body .gform_wrapper.gravity-theme .ginput_complex:is(.gf_name_has_2, .gf_name_has_3) > span, body .gform_wrapper.gravity-theme .ginput_complex.ginput_container_address :is(.ginput_left, .ginput_right), body .gform_wrapper .top_label .ginput_complex.ginput_container.ginput_container_email > span, body .gform_wrapper .gfield_visibility_visible { width: 100%; } body .gform_wrapper.gravity-theme .name-full-width .ginput_complex > span:last-of-type { margin-bottom: 0; } div.gfield, div.ginput_complex > span, body .gform_wrapper div.ginput_container.ginput_container_list { background-color: #ffffff; line-height: 1; margin: 0!important; padding: 10px 17px!important; transition: all 0.2s ease 0s; } .primary-contact-form :is(div.gfield, div.ginput_complex > span) { background-color: #F6F7F6; border: var(--borders); border-color: var(--gray-1); } body .gform_wrapper :is(input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), textarea, select), body .gform_wrapper:is(.gf_browser_gecko, .gf_browser_chrome) select, body .gform_wrapper .ginput_container_multiselect .chosen-container-multi { appearance: none; -webkit-appearance: none; background-color: transparent; border: none; border-bottom: var(--borders); border-color: var(--gray-2); box-shadow: none; color: var( --pink-1); font-family: var( --manrope); font-size: var( --18px-r); font-weight: 700; height: auto; line-height: 1.25; padding: 0; text-transform: none; } body .gform_wrapper.gravity-theme .ginput_container_select { position: relative; } body .gform_wrapper .ginput_container_select:after { border-color: #000000 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; content: ""; height: 0; pointer-events: none; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); width: 0; } body .gform_wrapper.gravity-theme:is(.gf_browser_chrome, .gf_browser_gecko) :is(select, option), body .gform_wrapper :is(select, option) { color: #000000; cursor: pointer; } body .gform_wrapper .ginput_container.ginput_container_multiselect .chosen-container.chosen-container-multi ul.chosen-choices li.search-field input[type="text"], body .gform_wrapper.gravity-theme .ginput_container_textarea { height: auto !important; line-height: 0; } body .gform_wrapper.gravity-theme textarea { font-size: 1.125rem; line-height: 1.125; padding: 0; text-transform: none; } body .gform_wrapper .ginput_container.ginput_container_multiselect .chosen-container.chosen-container-multi ul.chosen-choices li.search-field input[type="text"] { font-size: 1rem; padding: 30px 20px 25px; width: 100% !important; } body .gform_wrapper .ginput_container_multiselect .search-choice { font-size: .75rem; } body #page-container .gform_wrapper:not(.sidebar-form_wrapper) :is(.ginput_complex>span, div.gfield):focus-within, body .gform_wrapper div.ginput_container.ginput_container_list:focus-within :is(input, textarea, select), body .gform_wrapper div.ginput_container.ginput_container_list:focus-within, body .gform_wrapper div.gfield:focus-within :is(input, textarea, select), body .gform_wrapper div.ginput_complex > span:focus-within :is(input, textarea, select), body .gform_wrapper div.ginput_complex > span:focus-within { border-color: var(--pink-1)!important; } body .gform_wrapper ul:is(.gfield_radio, .gfield_checkbox) li :is(input[type="radio"], input[type="checkbox"]) { left: 0; margin: 0; position: absolute; top: 50%; transform: translateY(-50%); } .gfield_checkbox .gchoice { align-items: center; color: #ffffff; cursor: pointer; display: flex; justify-content: center; font-size: var(--16px-s); font-family: var(--manrope); font-weight: 700; letter-spacing: 0.4px; margin: 0; max-width: 100%; padding: 15px 30px; position: relative; text-align: center; /* text-transform: uppercase; */ width: calc(50% - (25px / 2)); } .gfield_checkbox .gchoice input { -webkit-appearance: none; appearance: none; background-color: var(--pink-1););)();); border-radius: 26px; cursor: pointer; height: 100%; left: 0; margin: 0; opacity: 1; position: absolute; top: 0; transition: all 0.3s ease 0s; width: 100%; z-index: 1; } .gfield_checkbox .gchoice:is(:hover, :focus-within) input { background-color: #000000 !important; } .gfield_checkbox .gchoice:is(:hover, :focus) label { color: #ffffff !important; } .gfield_checkbox .gchoice input[type="checkbox"]:checked { background-color: var(--dark-1); } .gfield_checkbox .gchoice input[type="checkbox"]:checked+label { color: #ffffff; } body .gform_wrapper .gform_fileupload_multifile .gform_drop_area { background-color: transparent; border-color: #a0274f; color: #000000; margin-bottom: 0; } body .gform_wrapper .gform_fileupload_multifile .gform_drop_area .gform_drop_instructions { margin-bottom: 15px; } body .gform_wrapper .keyboard-outline { outline: none !important; } .gform_wrapper input:-webkit-autofill, .gform_wrapper input:-webkit-autofill:is(:hover, :focus) { -webkit-text-fill-color: #ffffff; -webkit-background-clip: text !important; } body .gform_wrapper.gravity-theme .gform_save_link.button { margin: 25px 0 0; width: 100%; } body .gform_wrapper .top_label .ginput_complex.ginput_container.ginput_container_email { display: flex; flex-wrap: wrap; width: 100%; } body .gform_wrapper .ginput_complex.ginput_container.ginput_container_email .ginput_right { padding-right: 0; } body .gform_wrapper.gravity-theme .gform_footer :is(button, input), body .gform_wrapper.gravity-theme .gform_page_footer :is(button, input) { margin-bottom: 0; } body .gform_wrapper.gravity-theme .gform_footer { margin-top: 0; padding: 25px 0 0; } body #page-container .gform_wrapper .survey-form .gfield { background-color: #ffffff; padding: 15px 25px!important; } body #page-container .gform_wrapper .survey-form .gfield:not(.hidden_label) > .gfield_label { display: block; position: relative; } body #page-container .gform_wrapper .survey-form .gfield--type-survey:not(.hidden_label) > .gfield_label { margin-bottom: 20px; padding-bottom: 12px; text-align: center; } body #page-container .gform_wrapper .survey-form .gfield--type-survey:not(.hidden_label) > .gfield_label:after { content: ''; background-color: var(--gray-1); bottom: 0; height: 2px; left: 50%; position: absolute; transform: translateX(-50%); width: 75px; } body #page-container .gform_wrapper .survey-form .gfield .gsurvey-rating { display: flex; flex-direction: row-reverse; justify-content: center; gap: 25px; width: 100%; } body #page-container .gform_wrapper .survey-form .gfield .gsurvey-rating > label { background-image: url(/wp-content/themes/Divi-weCreate-Child/images/star-default.svg); background-size: 2rem; float: none; font-size: 2rem!important; line-height: 1; width: 2rem!important; } body #page-container .gform_wrapper .survey-form .gfield .gsurvey-rating > label:is(:hover, :focus) ~ label, body #page-container .gform_wrapper .survey-form .gfield .gsurvey-rating > label:is(:hover, :focus), body #page-container .gform_wrapper .survey-form .gfield .gsurvey-rating > input:checked~label { background-image: url(/wp-content/themes/Divi-weCreate-Child/images/star-selected.svg); } body #page-container .gform_wrapper .survey-form .gfield .ginput_complex > span { padding: 0!important; } /************************************************************************************ * * Testimonials * ***********************************************************************************/ .testimonials { --borders: solid 1px; --image-col-width: 100px; --spacing: 15px; line-height: 1; } #testimonial-wrapper .testimonials > .testimonial { margin-bottom: var(--spacing); } #testimonial-wrapper .testimonials > .testimonial:last-of-type { margin-bottom: 0; } .single-testimonial { background-color: #ffffff; display: flex; justify-content: space-between; flex-wrap: wrap; padding: var(--spacing); } .single-testimonial .testimonial-image { align-items: center; display: flex; flex-direction: column; justify-content: center; max-width: var(--image-col-width); text-align: center; width: 100%; } .single-testimonial .testimonial-image .circle + .testimonial-meta { padding-top: 15px; } .single-testimonial .testimonial-content { border-bottom: none; border-left: var(--borders); border-color: var(--gray-1); margin-bottom: 0; margin-left: var(--spacing); padding-bottom: 0; padding-left: var(--spacing); width: calc(100% - var(--image-col-width) - var(--spacing)); } .single-testimonial .testimonial-content img { padding-bottom: 20px; } .single-testimonial h4 { padding-bottom: 15px; } .single-testimonial .testimonial-location { font-size: var(--14px-s); } /************************************************************************************ * * FAQs * ***********************************************************************************/ .faq-item { border: solid 1px #000000; display: block; } .faq-item :is(.faq-question, .faq-answer) { padding: 20px; } .faq-item .faq-question { align-items: center; color: #000000; display: flex; justify-content: space-between; line-height: 1.25; } .faq-item .faq-question:after { color: inherit; content: "\f055"; font-family: "Font Awesome 6 Pro"; font-size: 1.75rem; font-weight: 900; transition: inherit; } .faq-item .faq-answer { display: none; font-size: 1rem; line-height: 1.5; } .faq-item.open .faq-question:after { content: "\f056"; } /************************************************************************************ * * Quick Links Menu * ***********************************************************************************/ body #page-container #et-main-area .quick-links .et_pb_widget_area_left { border-right: none; padding-right: 0; } body #page-container #et-main-area .quick-links :is(.widget_nav_menu, .menu, .menu > li) { margin: 0 !important; } body #page-container #et-main-area .quick-links .widget_nav_menu { float: none !important; width: 100% !important; } body #page-container #et-main-area .quick-links .menu > li { padding: 0; } body #page-container #et-main-area .quick-links .menu > li > a { align-items: flex-start; color: var(--dark-1); display: flex; flex-direction: column; justify-content: center; font-size: var(--18px-r); font-weight: 600; height: 100%; line-height: 1.125; padding: 15px 25px 15px 0 !important; position: relative; } body #page-container #et-main-area #internal-page-quick-links.quick-links .menu > li > a { font-weight: 500; } body #page-container #et-main-area .quick-links.et_pb_bg_layout_dark .menu > li > a { color: #ffffff; } body #page-container #et-main-area .quick-links .menu > li > a, .quick-links .menu > li > a:before { transition: all 0.1s ease-in-out 0s; width: 100%; } .quick-links .menu > li > a:before { content: ''; background-color: var(--pink-1); bottom: 0; height: 1px; left: 0; position: absolute; } .quick-links .menu > li > a:after { color: var(--pink-1); content: "\f061"; font-family: "Font Awesome 6 Pro"; font-size: 0.875rem; line-height: 0; position: absolute; right: 0; top: 50%; transform: translatey(-50%); } .quick-links .menu>li>a:is(:hover, :focus)::before { height: 5px; opacity: 1; } body #page-container #et-main-area .quick-links .et_pb_bg_layout_dark .menu > li > a { color: #ffffff; } .quick-links .et_pb_bg_layout_dark .menu > li > a:before { background-color: #ffffff; } /************************************************************************************ * * Homepage Elements * ***********************************************************************************/ #homepage-slider { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } #homepage-slider.overlay.dark-overlay:before { background-image: linear-gradient(180deg, #00000067 0, #000000 100%); visibility: visible; z-index: 10; } #homepage-slider :is(.et_pb_column, .et_pb_module, .et_pb_slides, .et_pb_slide) { height: 100%; } #homepage-slider .et_pb_slide { padding: 0; } #homepage-slider :is(.et-pb-slider-arrows, .et_pb_controllers) { display: none; } #service-btn-row { z-index: 3; } #service-btn-row:after { background-color: #ffffff; bottom: 0; content: 0; height: 25%; left: 0; position: absolute; width: 100%; visibility: visible; z-index: 1; } #service-btn-wrapper .post-item { position: relative; } #service-btn-wrapper .post-item:after { content: ''; display: block; padding-bottom: 90%; } .service-btn { align-items: center; background-color: var(--pink-1); border: var( --borders); border-color: var( --gray-1); color: #000000; display: flex; height: 100%; justify-content: center; left: 0; padding: 10%; position: absolute!important; text-align: center; top: 0; width: 100%; } .service-btn > img { filter: grayscale(1); height: 100%; left: 0; mix-blend-mode: multiply; object-fit: cover; object-position: center; position: absolute; top: 0; width: 100%; z-index: 1; } .service-btn:before { background-color: var(--gray-3); transition: var(--transition); z-index: 2!important; } .service-btn span { font-family: var(--manrope); font-size: var(--18px-r); font-weight: 600; line-height: 1.25; position: relative; z-index: 3; } .service-btn:is(:hover,:focus):before { background: transparent; } .service-btn:is(:hover,:focus) { color: #ffffff; } #page-header #service-btn-wrapper { list-style: none; padding: 0; } #page-header #service-btn-wrapper .post-item { margin-bottom: 25px; } #page-header #service-btn-wrapper .post-item:last-of-type { margin-bottom: 0; } #page-header #service-btn-wrapper .post-item:after { display: none; } #page-header #service-btn-wrapper .service-btn { background-color: #ffffff; font-family: var(--manrope); font-size: var(--18px-r); font-weight: 600; letter-spacing: 0.5px; line-height: 1.25; padding: 7%; position: relative!important; } #page-header #service-btn-wrapper .service-btn:is(:hover, :focus) { background-color: var(--pink-1); border-color: var(--pink-1); box-shadow: 0 3px 12px rgba(0,0,0,0.5); color: #ffffff; } /************************************************************************************ * * Internal Pages * ***********************************************************************************/ .et_pb_section:not(#main-header) { overflow: hidden; } #page-container #main-content .testimonial-wrapper:not(:has(.testimonials)) { display: none; } /* Page Headers */ #page-title-row.dark-overlay:before { background-color: transparent; } #page-title-row { background-color: var(--dark-1); background-position: center; background-repeat: no-repeat; background-size: cover; } #page-title-row.light-background { background-color: var(--pink-1); } #page-title-row .layout-column { position: relative; z-index: 1; } /* Blurb Grid Layout */ .blurb-grid { --column-cnt: 1; --gap: 25px; flex-wrap: wrap; justify-content: space-between; } .blurb-grid:after { display: none; } #page-container #main-content .blurb-grid .et_pb_column { flex-direction: column; width: calc((100% - (var(--gap) * (var(--column-cnt) - 1))) / var(--column-cnt)); } .blurb-grid, #page-container #main-content .blurb-grid .et_pb_column { display: flex; gap: var(--gap); margin: 0; } #page-container #main-content .blurb-grid .et_pb_blurb { height: 100%; } /* Blurb Module Defaults */ .et_pb_blurb_content, .et_pb_blurb_container { display: flex; flex-direction: column; gap: 15px; max-width: 100%; } .et_pb_blurb:has(.et_pb_main_blurb_image) { padding-left: 0; border-left: none; } .et_pb_main_blurb_image, .et_pb_main_blurb_image :is(img, .et-pb-icon) { height: 100%; width: 100%; } .et_pb_main_blurb_image { margin-bottom: 0 } .et_pb_main_blurb_image .et_pb_image_wrap { display: block; line-height: 1.125; overflow: hidden; position: relative; } .et_pb_main_blurb_image .et_pb_image_wrap:after { content: ''; display: block; padding-bottom: 100%; } .et_pb_main_blurb_image .et_pb_image_wrap:has(.et-pb-icon) { margin: 0 0 5px; max-width: 40px; } .et_pb_main_blurb_image .et-pb-icon { align-items: center; border-radius: 50%; display: flex; font-size: var(--18px-s); justify-content: center; left: 0; position: absolute; top: 0; } .et_pb_main_blurb_image img { display: block; left: 0; object-fit: cover; object-position: center; position: absolute; top: 0; } .et_pb_blurb .et_pb_module_header { color: var(--pink-1); } .et_pb_blurb:has(.et_pb_main_blurb_image) .et_pb_module_header { color: var(--dark-1); } #page-container .et_pb_module_header { line-height: 1.25; padding-bottom: 0; } #industries .et_pb_blurb_content { gap: 40px; } #industries .icon .et_pb_main_blurb_image, #industries .et_pb_image_wrap { position: relative; } #industries .et_pb_image_wrap:after { content: ''; display: block; padding-bottom: 60%; } #industries .et_pb_image_wrap img { height: 100%; left: 0; object-fit: cover; object-position: center; position: absolute; top: 0; width: 100%; } #industries .icon .et_pb_main_blurb_image:after { align-items: center; background-color: #A0274F; border: solid 2px #ffffff; border-radius: 50%; bottom: -20px; color: #ffffff; display: flex; font-family: "Font Awesome 6 Pro"; font-size: 1rem; font-weight: 900; height: 40px; justify-content: center; position: absolute; width: 40px; } #industries .icon.plastic-icon .et_pb_main_blurb_image:after { content: "\f043"; } #industries .icon.medical-icon .et_pb_main_blurb_image:after { content: "\f0f1"; } #industries .icon.precision-parts-icon .et_pb_main_blurb_image:after { content: "\f013"; } #industries .icon.parts-icon .et_pb_main_blurb_image:after { content: "\f5cd"; } #industries .icon.automotive-icon .et_pb_main_blurb_image:after { content: "\f1b9"; } #industries .icon.aerospace-icon .et_pb_main_blurb_image:after { content: "\f5b0"; } /* --------------- Equipment Grid --------------- */ #page-container .gallery-grid .et_pb_gallery_items { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; } #page-container .gallery-grid:after { display: none; } #page-container .gallery-grid .et_pb_gallery_items > .et_pb_gallery_item { margin: 0; width: 100%; } #page-container .gallery-grid .et_pb_gallery_items .et_pb_gallery_image { height: 100%; } #page-container .gallery-grid .et_pb_gallery_items .et_pb_gallery_image img { aspect-ratio: 4/3; object-fit: cover; } #page-container .gallery-grid h3.et_pb_gallery_title { display: none; } /* --------------- Services Page --------------- */ .service-blurbs > .et_pb_column > .et_pb_blurb:not(:last-of-type) { margin-bottom: 50px; } /* --------------- Single Service Overview Sections --------------- */ #page-container .service-overview.et_pb_bg_layout_dark .subheader { opacity: 0.5; } #page-container .service-overview.et_pb_bg_layout_dark .et_pb_blurb_description { opacity: 0.8; } .service-overview h2 { text-wrap: balance; } .service-overview .no-margin { margin-bottom: 0!important; } .service-overview-images { display: flex; flex-direction: column; justify-content: space-between; gap: 25px; } .service-overview-images > div { height: 50%; margin-bottom: 0!important; } .service-overview-images > div:after { content: ''; display: block; padding-bottom: 50%; } .service-overview-images .et_pb_image_wrap { left: 0; height: 100%; position: absolute; top: 0; width: 100%; } .service-overview-images .et_pb_image_wrap > img { height: 100%; object-fit: cover; } /* --------------- Breadcrumbs --------------- */ #breadcrumb-row { border-bottom: var(--borders); border-color: var(--gray-1); } #breadcrumb-container, #breadcrumbs { display: flex; } #breadcrumb-container { gap: var(--gap); justify-content: center; } #breadcrumbs { align-items: center; color: var(--gray-1); font-family: var(--manrope); font-size: var(--14px-s); font-weight: 500; letter-spacing: 0.35px; padding: 15px 0; } #breadcrumbs span { line-height: 1.125; } #breadcrumbs span > span { padding: 0 3px; } #breadcrumbs span > span:first-of-type { padding-left: 0; } #breadcrumbs span > span:last-of-type { padding-right: 0; } #breadcrumbs .breadcrumb_last { color: #000000; } /* --------------- Team Members --------------- */ .team-member { display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 30px; } .team-member .team-member-image { margin: 0 auto 25px; width: 80%; } .team-member h4 { padding-bottom: 10px; } #page-container:not(:has(#team-members-wrapper)) :is(.team-link, #team-members) { display: none; } /* --------------- Single Service Pages --------------- */ #page-container #sub-services { --padding: 50px 0; } #page-container #sub-services > .et_pb_row { border-bottom: var(--borders); border-color: var(--gray-1); padding: var(--padding)!important; } #page-container #sub-services > .et_pb_row:first-of-type { padding-top: 0!important; } #page-container #sub-services > .et_pb_row:last-of-type { border-bottom: none; padding-bottom: 0!important; } /* Symbols View */ #skip { bottom: 10px; display: none; font-size: 0.75rem; left: -100%; letter-spacing: 1.2px; line-height: 1; padding: 5px 20px; position: fixed; text-transform: uppercase; } .symbol-wrapper, .symbol-wrapper img { margin-bottom: 25px; text-align: center; } .symbol-wrapper h4 { line-height: 1.5; } /* Symbol Table */ .table-wrapper { overflow: auto; } #symbols-table { border: solid 1px var(--dark); } #symbols-wrapper table, #symbols-table tbody { width: 100%; } #symbols-table :is(thead, tbody) > tr { display: grid; grid-template-columns: repeat(6, 1fr); } #symbols-table .span-5 .nested-table tr { display: grid; grid-template-columns: repeat(5, 1fr); } #symbols-table .span-4 .nested-table tr { display: grid; grid-template-columns: repeat(4, 1fr); } #symbols-table .span-5 { grid-column: span 5; } #symbols-table .span-4 { grid-column: span 4; } #symbols-table .span-3 { grid-column: span 3; } #symbols-table .span-2 { grid-column: span 2; } #symbols-table thead { background-color: var(--dark); } #symbols-table thead th { color: #ffffff; font-family: var(--manrope); font-weight: 700; } #symbols-wrapper tbody tr { border-bottom: solid 1px var(--dark); } #symbols-wrapper tbody tr:last-of-type { border-bottom: none; } #symbols-table :is(th, td):last-of-type { border-right: none; } #symbols-table th, #symbols-table td:is(.geometric, .tolerance, .description, .symbol, .asme) { line-height: 1.25; padding: 5px 10px; } #symbols-table td { padding: 0; } #symbols-table :is(.geometric, .tolerance, .description, .symbol, .asme) { align-items: center; display: flex; height: 100%; text-align: center; } #symbols-table :is(.geometric, .tolerance, .symbol, .asme) { justify-content: center; } #symbols-table .symbol img { width: 50px; } #symbols-table :is(th, td).description { text-align: left; } #symbols-table :is(th, td):not(.description) { text-align: center; } #symbols-table .description { justify-content: flex-start; } #symbols-table td:is(.geometric, .tolerance), .nested-table td { border-right: solid 1px var(--dark); } .nested-table td:last-of-type { border-right: none; } .nested-table { height: 100%; } .nested-table tbody { display: grid; grid-template-rows: auto; height: 100%; } #symbols-table .form-color { background-color: #ccffcc; } #symbols-table .profile-color { background-color: #ffcc00; } #symbols-table .orientation-color { background-color: #ccffff; } #symbols-table .location-color { background-color: #ffcc99; } #symbols-table .runout-color { background-color: #ffff99; } /* ------------- Divi Element Overrides ------------- */ body:not(.error404) .et_pb_section_0_tb_body { padding: 0!important; } body .layout-row, #page-container #main-content .et_pb_row.col-row .et_pb_column { float: none; } #page-container #main-header :is(#topbar, #primary-navigation) .et_pb_code_inner { max-width: 100%; width: 100%!important; } #page-container #main-content .et_pb_row.col-row .et_pb_column { margin: 0 auto !important; max-width: 1260px; width: 90%; } #page-container #main-content .et_pb_text .et_pb_text_inner>:last-child { padding-bottom: 0; } #page-container #main-header #primary-navigation { padding: 10px 25px; } /* ------------- Flex Wrapper -------------*/ .flex-wrapper, body #page-container #et-main-area .quick-links .menu, body #main-footer #footer-widget-areas { display: flex; flex-wrap: wrap; justify-content: flex-start; } .flex-wrapper, body #main-footer #footer-widget-areas { --column-gap: 25px; gap: var(--column-gap); } body #page-container #et-main-area .quick-links .menu { --column-gap: 50px; --row-gap: 25px; gap: var(--row-gap) var(--column-gap); } .flex-wrapper :is(.post-item, .form-check, .page-link) { width: 100%; } .flex-wrapper[data-columns="2"] :is(.post-item, .form-check, .page-link), .flex-wrapper[data-columns="3"] :is(.post-item, .form-check), .flex-wrapper[data-columns="4"] :is(.post-item, .form-check), .flex-wrapper[data-columns="5"] :is(.post-item, .form-check), .flex-wrapper[data-columns="6"] :is(.post-item, .form-check), .flex-wrapper[data-columns="8"] :is(.post-item, .form-check), body #page-container :is(#main-content, #main-footer) .flex-wrapper.et_pb_row .et_pb_column:is(.et_pb_column_1_2, .et_pb_column_1_3, .et_pb_column_1_4, .et_pb_column_1_5, .et_pb_column_1_6), body #page-container #et-main-area .quick-links .menu > li { --column-count: 1; width: calc((100% * (1 / var(--column-count))) - (var(--column-gap) * ((var(--column-count) - 1) / var(--column-count)))); } body #page-container :is(#main-content, #main-footer) .flex-wrapper.et_pb_row .et_pb_column:is(.et_pb_column_1_2, .et_pb_column_1_3, .et_pb_column_1_4, .et_pb_column_1_5, .et_pb_column_1_6) { float: none; margin: 0; } body #page-container :is(#main-content, #main-footer) .flex-wrapper.et_pb_row:after { display: none; } .between, .flex-wrapper.between, body #page-container #main-content .flex-wrapper.et_pb_row { justify-content: space-between; } .justify-start, .flex-wrapper.justify-start { justify-content: flex-start; } .center-aligned, .flex-wrapper.center-aligned { align-items: center; } .flex-wrapper .form-check { padding: 0; } .flex-wrapper .form-check input { appearance: none; -webkit-appearance: none; } body #page-container #main-content .flex-wrapper.et_pb_row:after { display: none; } /************************************************************************************ * * Post Card Styles * ***********************************************************************************/ .article-item, .product-item, .post-card, .card-meta-info, .card-meta-info .flex-between { height: 100%; } .post-card, .post-card .flex-between { display: flex; flex-direction: column; justify-content: space-between; } .post-card { border-radius: 0; background-color: #ffffff; overflow: hidden; transition:var(--transition); } .post-card:is(:hover, :focus), .post-card:is(:hover, :focus) .card-meta-info { border-color: var(--pink-1); } .post-card:is(:hover, :focus) .post-categories { background-color: var(--pink-1); } .card-feat-img { height: 100%; line-height: 0; position: relative; } .card-feat-img:after { content: ''; display: block; padding-bottom: 56.26%; } .card-feat-img img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; } .post-categories { background-color: #000000; color: #ffffff; bottom: 0; left: 0; line-height: 1; padding: 4px 8px; transition: background-color 0.2s ease 0s; } .post-categories { position: absolute; } .post-card .card-meta-info { border-top: var(--borders); border-color: var(--gray-1); padding: 12px; transition: all 0.3s ease 0s; } .post-card .card-meta-info h4 { padding-bottom: 25px; } .post-card .card-meta-info .small-text { line-height: 1.125; } .post-card .card-meta-info :last-child { padding-bottom: 0; } /************************************************************************************ * * General Archive Layout * ***********************************************************************************/ /* --- Divi Resets --- */ body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container, #main-content .container #left-area { max-width: none; padding: 0; width: 100%; } #main-content .container::before, #main-content .container #left-area::after { content: none; } #main-content #sidebar, #left-area > :is(h1.page-title, .pagination) { display: none; } /* Layout Helpers */ #layout-header.layout-section { padding: 0; } #layout-header #page-title-row, .layout-section { padding: 50px 0; } .layout-row.col-row { max-width: 100%; width: 100%; } .layout-row, .layout-row.col-row .layout-column { margin: 0 auto; max-width: 1260px; width: 90%; } .layout-row.flex-wrapper[data-columns="2"] > .post-item { --column-count: 1; } #archive-wrapper { border-bottom: var(--borders); border-color: var(--gray-1); padding-top: 50px; } /* Archive Search */ .post-search { --gap: 15px; --search-btn-size: 50px; align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; } .post-search input[type=search], .post-search button[type=submit] { appearance: none; -webkit-appearance: none; } .post-search input[type=search] { border: var(--borders); border-color: var(--gray-1); font-family: var(--manrope); font-size: var(--16px-s); font-weight: 700; height: var(--search-btn-size); letter-spacing: 2.4px; line-height: 1; padding: 12px 24px; width: calc(100% - (var(--gap) + var(--search-btn-size))); } .post-search input[type="search"]::placeholder { color: inherit; letter-spacing: 1.2px; text-transform: uppercase; } .post-search button[type=submit] { border-radius: 50%; font-size: 1.25rem; height: var(--search-btn-size); max-height: var(--search-btn-size); min-height: var(--search-btn-size); max-width: var(--search-btn-size); min-width: var(--search-btn-size); padding: 0; position: relative; width: var(--search-btn-size); } .post-search button[type=submit]::before { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } /* Archive Filters */ #archive-filters { padding-bottom: 50px; } #archive-filters > form { width: 100%; } #category-selection { padding-top: 25px; } .btn.form-check-label { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; } .btn.form-check-label span { position: relative; z-index: 2; } /* Archive Pagination */ #post-pagination { padding-top: 25px; } /************************************************************************************ * * Single Post Page * ***********************************************************************************/ #main-content .entry-content { background-color: #F5F5F5; } #main-content .et_post_meta_wrapper { display: none } #main-content .et_pb_post .entry-content, #main-content #left-area > article, #single-post-content body .gform_wrapper, #single-post-content body .gform_wrapper :is(.gform_heading, .gform_body ul, .ginput_complex){ padding: 0; } #main-content #left-area > article, #single-post-content body .gform_wrapper, #single-post-content body .gform_wrapper :is(.gform_heading, .gform_body ul, .ginput_complex) { margin: 0; } #post-content-wrapper { padding: 25px 0; } #post-grid { position: relative; } #post-content { padding: 5%; } #post-content, #post-sidebar { margin-bottom: 25px; } #post-content :is(#post-header, #post-featured-image) { padding: 0 0 8%; } #post-featured-image { line-height: 0; text-align: center; } #post-content #post-header h1 { padding: 20px 0 15px; } #post-content .post-meta-info .author { font-size: 1rem; } #post-content .post-meta-info .author:after { content: '|'; font-size: 0.75rem; margin: 0 5px 0 10px; position: relative; top: -2px; } #single-post-content :is(h1,h2,h3,h4,h5) { padding-bottom: 1.5rem; } #single-post-content h2 { font-size: 1.75rem; } #single-post-content h3 { font-size: 1.275rem } #single-post-content h4 { font-size: 1.125rem } #single-post-content h5 { font-size: .875rem } #single-post-content :is(p, ol, ul) { font-size: 1rem; } #single-post-content p:not(:last-of-type) { padding-bottom: 1rem } #single-post-content p:not(:last-of-type):has( + :is(h2, h3, h4)) { padding-bottom: 0; } #single-post-content :is(p, h2, h3, .btn-container, ul, ol) + :is(h2, h3), #single-post-content .btn-container + p { padding-top: 50px } #single-post-content p + :is(ul, ol) { padding: 10px 1rem 0 0; } #single-post-content ol { list-style-type: decimal; } #single-post-content .fluid-width-video-wrapper { margin-bottom: 1.5rem; } /************************************************************************************ * * Single Post Page Sidebar --- UPDATED --- * ***********************************************************************************/ /***** General ******/ #post-content #single-post-content, body #page-container .gform_wrapper.sidebar-form_wrapper .gform_footer.top_label input { margin-bottom: 0 } .post-sidebar-item { overflow: hidden; padding: 25px } .post-sidebar-item:not(:last-of-type) { margin-bottom: 25px; } .post-sidebar-item br { display: none; } /***** Single Post Sidebar Forms *****/ body #page-container .gform_wrapper.sidebar-form_wrapper .gform_fields { grid-column-gap: 0; grid-row-gap: 15px; margin: 25px 0 15px; overflow: hidden; } body #page-container .gform_wrapper.sidebar-form_wrapper :is(.ginput_complex>span, div.gfield) { background-color: #ffffff; border-radius: 0; box-shadow: none; padding: 10px 15px!important; } body #page-container .gform_wrapper.sidebar-form_wrapper .split_name_row .ginput_complex > span { display: block; width: 100% } body #page-container .gform_wrapper.sidebar-form_wrapper :is(.gfield_label, .ginput_complex label, .gfield_checkbox label) { display: block; font-size: .75rem; font-weight: 500; letter-spacing: 1.8px; line-height: 1; margin-bottom: 5px; padding: 0; text-align: left; text-transform: uppercase } body #page-container .gform_wrapper.sidebar-form_wrapper .gfield input { border: none; font-size: 1rem; padding: 3px 0; } body #page-container .gform_wrapper.sidebar-form_wrapper .gfield input:focus { background: none; box-shadow: none; } body #page-container .gform_wrapper.sidebar-form_wrapper :is(.gform_footer.top_label, .gform_validation_errors > h2) { padding: 0; } body #page-container .gform_wrapper.sidebar-form_wrapper .gform_footer.top_label { margin-top: 0; } body #page-container .gform_wrapper.sidebar-form_wrapper .gfield.no-background { background: none; padding: 0!important } body #page-container .sidebar-form .gform_wrapper .gfield_required { height: 1px; width: 1px; overflow: hidden; position: absolute } /***** Single Post Page Sidebar Related Articles *****/ #post-content, .post-sidebar-item { background-color: #ffffff; } .post-sidebar-item h4 { padding-bottom: 15px; } .related-post a { color: #000000; display: block; font-size: var(--12px-s); font-weight: 700; line-height: 1.25; margin: 0 -5px; padding: 10px 5px; position: relative; } .related-post .post-meta-info { display: flex; font-size: var(--10px-s); justify-content: space-between; letter-spacing: 0.65px; padding: 15px 0 0; text-transform: uppercase } .related-post .post-meta-info>span:last-of-type { font-weight: 500; margin-left: 10px; text-align: right } .related-post:not(:last-of-type) a { border-bottom: var(--borders); border-color: var(--gray-1); } .related-post:last-of-type { margin-bottom: -10px; } .related-post a:is(:hover,:focus) { background-color: var(--gray-3); } #post-share-wrapper { overflow: visible; } #post-share-wrapper .heateor_sss_sharing_ul { display: flex; flex-direction: row; justify-content: center } #post-share-wrapper .heateor_sss_sharing_container { height: 100%; position: relative } #post-share-wrapper .heateor_sss_sharing_ul a { margin: 0 10px 0 0; width: 40px } #post-share-wrapper .heateor_sss_sharing_ul a:last-of-type { margin: 0 } #post-share-wrapper .heateor_sss_sharing_ul a span { border: none; height: 40px!important; width: 40px!important; transition: box-shadow 0.2s ease 0s } #post-share-wrapper .heateor_sss_sharing_ul .heateor_sss_facebook span { background-color: #3578EA!important } #post-share-wrapper .heateor_sss_sharing_ul .heateor_sss_button_twitter span { background-color: #4699E9!important } #post-share-wrapper .heateor_sss_sharing_ul .heateor_sss_button_linkedin span { background-color: #4699E9!important } #post-share-wrapper .heateor_sss_button_facebook_messenger span { background-color: #695AF6!important } #post-share-wrapper .heateor_sss_sharing_ul .heateor_sss_button_pinterest span { background-color: #D32F30!important } #post-share-wrapper .heateor_sss_sharing_ul .heateor_sss_button_discord span { background-color: #4699E9!important } #post-share-wrapper .heateor_sss_sharing_ul .heateor_sss_email span { background-color: #EEB940!important } #post-share-wrapper .heateor_sss_sharing_ul .heateor_sss_button_copy_link span { background-color: #5FC552!important } #post-share-wrapper .heateor_sss_sharing_ul a path { fill: #fff } #post-share-wrapper .heateor_sss_sharing_ul a:hover span { box-shadow: 0 3px 10px rgba(0,0,0,.5)!important } /************************************************************************************ * * Search Archive * ***********************************************************************************/ #search-archive-wrapper { margin: 0 auto; max-width: 750px; } .search-item { padding: 12.5px; } .search-item:not(:last-of-type) { margin-bottom: 25px; } .search-item h4 { padding-bottom: 8px; } .search-item .btn-wrapper { padding-top: 25px; } /************************************************************************************ * * Miscellaneous Elements * ***********************************************************************************/ .bordered { border: var(--borders); border-color: var(--gray-1); } .flex-container { display: flex; } .overlay { --degree: 90deg; position: relative; } .vertical-overlay { --degree: 0; } .overlay:before { content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .overlay.dark-overlay:before { background-image: linear-gradient(var(--degree), var(--dark-2), transparent); } .overlay.light-overlay:before { background-image: linear-gradient(var(--degree), var(--pink-1), transparent); } .overlay .et_pb_module { position: relative; z-index: 1; } body #page-container #main-content .responsive-image, body #page-container #main-content .responsive-image.et_pb_module .et_pb_image_wrap { position: relative; } body #page-container #main-content .responsive-image.et_pb_module .et_pb_image_wrap { display: block; } body #page-container #main-content .responsive-image:not(.et_pb_image):after, body #page-container #main-content .responsive-image.et_pb_module .et_pb_image_wrap:after { content: ''; display: block; padding-bottom: 75%; } body #page-container #main-content .responsive-image img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; } .circle { border-radius: 50%; display: block; overflow: hidden; position: relative; width: 100%; } .circle img { height: 100%; left: 0; object-fit: cover; object-position: center; position: absolute; top: 0; width: 100%; } .circle:before { content: ""; display: block; padding-bottom: 100%; } body #page-container #main-content .circle.et_pb_image .et_pb_image_wrap, body #page-container #main-content .circle.et_pb_image .et_pb_image_wrap img { display: block; height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; } /************************************************************************************ * * Footer Area * ***********************************************************************************/ #footer-widget-areas:after { display: none!important; } #main-footer .et_pb_text_align_center .fwidget :is(li, a), #main-footer .et_pb_text_align_left .fwidget :is(li, a), #main-footer .et_pb_text_align_right .fwidget :is(li, a) { text-align: center; margin-left: auto; margin-right: auto; } #page-container #main-footer .fwidget { margin-bottom: 0; width: 100%; } #main-footer #footer-logo { align-items: center; display: flex; flex-direction: column; justify-content: center; height: 100%; } #main-footer .fwidget h4 { font-family: var(--manrope); font-size: var(--14px-s); font-weight: 700; letter-spacing: 1.4px; line-height: 1.25; padding-bottom: 25px; text-transform: uppercase; } body #page-container #main-footer .fwidget li { display: block; margin-bottom: 10px; line-height: 1; } #main-footer .menu li:last-of-type, body #page-container #main-footer .fwidget li:last-of-type { margin-bottom: 0; } #main-footer .menu li a, #main-footer .fwidget .textwidget li { display: block; font-size: var(--14px-s); font-weight: 500; width: fit-content; } #footer-widget-areas .fwidget.widget_media_image .image { display: block; height: 100%; margin: 0 auto; object-fit: cover; object-position: center; width: 100%; } body #page-container #main-footer .fwidget .cc-wrapper { margin: 0 auto; } body #page-container #main-footer .fwidget .cc-wrapper > i { margin: 5px; } body #page-container #main-footer .fwidget .cc-wrapper > i:before { font-size: 3rem; } #page-container #main-footer a:is(:hover, :focus) { color: var(--pink-1); } /* --- Footer Bar --- */ #footer-branding > div { text-align: center; } .wc-footer-branding { display: block; line-height: 0; margin: 0 auto 10px; max-width: 200px; width: 50%; } .wc-footer-content { color: #ffffff; font-size: .85rem; font-weight: bold; letter-spacing: 1px; line-height: 1.5; text-transform: uppercase; } .wc-footer-content > span { display: block; } #main-footer .wc-footer-content a, #et-boc #main-footer .wc-footer-content a { color: var(--pink-1); } .wc-footer-content a:is(:hover, :focus) { color: #ffffff; } /* --- Social Icons --- */ #main-footer ul.wecreate-social-icons { margin-top: 9px; margin-bottom: 0; width: 100%; text-align: center; } .wecreate-social-icons.et_pb_social_media_follow li a.icon:hover, #et-boc .et-l .wecreate-social-icons.et_pb_social_media_follow li a.icon:hover { background-color: #ffffff !important; } /************************************************************************************ * * Media Queries * ***********************************************************************************/ @media screen and (min-width: 450px) { /* -------------------- Button Styles -------------------- */ .btn, input[type="submit"], button, .gform_wrapper .gform_footer input.gform_button, a.more-link, .pagination a, .form-submit .et_pb_button { display: inline-block; } .left.btn { margin: 0 10px 0 0; } body.error404 .no-items-found { padding: 50px; } } @media screen and (min-width: 480px) { #breadcrumb-container { justify-content: space-between; } #breadcrumb-container :is(p, .btn), #breadcrumb-container > a { align-items: center; display: flex; max-width: 250px; } /* ------------- Flex Wrapper ------------- */ #service-btn-wrapper.flex-wrapper[data-columns="4"] .post-item, .flex-wrapper[data-columns="2"] :is(.post-item, .form-check, .page-link) { --column-count: 2; } /* ------------- Post Archive Pagination ------------- */ #post-pagination:has(a:nth-child(1).wpv-filter-next-link):before, #post-pagination:has(a:nth-child(1).wpv-filter-previous-link):after { content: ''; width: calc(50% - (var(--column-gap) / 2)); } #post-pagination:has(a:nth-child(2)):after { display: none; } .post-search { --gap: 25px; } } @media screen and (min-width: 641px) { .large-text, .large-text p { font-size: 1.5rem; } /* ------------- Homepage Elements ------------- */ #service-btn-row:after { height: 50%; } #service-btn-wrapper.flex-wrapper[data-columns="4"] .post-item { --column-count: 4; } .service-btn span { font-size: var(--16px-r); } /* ------------------- Internal Pages ------------------- */ /* Blurb Grid Layout */ .blurb-grid { --column-cnt: 2; --gap: 50px; } /* ------------------- Flex Wrapper ------------------- */ .flex-wrapper[data-columns="4"] :is(.post-item, .form-check), .flex-wrapper[data-columns="5"] :is(.post-item, .form-check), .flex-wrapper[data-columns="6"] :is(.post-item, .form-check), .flex-wrapper[data-columns="8"] :is(.post-item, .form-check), body #page-container :is(#main-content, #main-footer) .flex-wrapper.et_pb_row .et_pb_column:is(.et_pb_column_1_4, .et_pb_column_1_5, .et_pb_column_1_6), body #page-container #et-main-area .quick-links .menu > li { --column-count: 2; } /* --- Footer Area --- */ } @media screen and (max-width: 767px) { body.logged-in.admin-bar #main-header.et-fixed-header { top: 0 !important; } } @media screen and (min-width: 768px) { /* ------------- Navigation ------------- */ body.logged-in.admin-bar #main-header { top: 32px !important; } /* ------------- Homepage Elements ------------- */ .service-btn span { font-size: var(--18px-r); } /* ------------- Internal Pages ------------- */ .service-blurbs > .et_pb_column > .et_pb_blurb:not(:last-of-type) { margin-bottom: 75px; } /* ------------- Single Service Pages ------------- */ #page-container #sub-services { --padding: 75px 0; } /* ------------- Testimonials ------------- */ .testimonials { --image-col-width: 215px; } .single-testimonial { align-items: center; } .single-testimonial .testimonial-image { max-width: var( --image-col-width); } .single-testimonial .testimonial-content { margin-bottom: 0; margin-left: var( --spacing); padding-bottom: 0; padding-left: var( --spacing); width: calc(100% - var(--image-col-width) - var(--spacing)); } /* ------------------- Flex Wrapper ------------------- */ .flex-wrapper[data-columns="5"] :is(.post-item, .form-check), .flex-wrapper[data-columns="6"] :is(.post-item, .form-check), body #page-container :is(#main-content, #main-footer) .flex-wrapper.et_pb_row .et_pb_column:is(.et_pb_column_1_5, .et_pb_column_1_6) { --column-count: 3; } /* ---------------- Post Archive Layout Styles ---------------- */ .layout-section { padding: 75px 0; } } @media screen and (max-width: 980px) { #page-container #main-content .et_pb_row.reverse-row { display: flex; flex-direction: column-reverse; } #page-container #main-content .et_pb_row.reverse-row > div:first-of-type { margin-bottom: 0; } #page-container #main-content .et_pb_row.reverse-row > div:last-of-type { margin-bottom: 30px; } #page-container #nav-menu li:is(.menu-item-has-children,.has-children) { display:flex; flex-wrap: wrap; justify-content: space-between } #page-container #nav-menu :is(.menu-item-has-children,.has-children)>a:first-of-type { width: calc(100% - var(--btn-width)) } } @media screen and (min-width: 981px) { /* ------------------- General -------------------- */ .et_pb_text ul, #single-post-content ul { list-style-position: outside; padding-left: 1rem; } .mobile-centered, .et_pb_module.et_pb_text_align_left.mobile-centered { text-align: left; } .mobile-centered.right-aligned, .et_pb_module.et_pb_text_align_right.mobile-centered { text-align: right; } .mobile-centered .small-divider { margin-left: 0; margin-right: auto; } .mobile-centered.right-aligned .small-divider, .et_pb_text_align_right .small-divider { margin-left: auto; margin-right: 0; } .et_pb_text.mobile-centered :is(ul, ol) { list-style-position: outside; } .et_pb_text ul, #single-post-content ul { list-style-position: outside; padding-left: 1rem; } .et_pb_text.mobile-centered :is(ul, ol) { list-style-position: outside; } .mobile-centered .divider-line { margin: 15px auto 25px 0; width: 100px; } .mobile-centered.right-aligned .divider-line { margin: 15px 0 25px auto; } .equal-hgt-col { display: flex; overflow: hidden; } .equal-hgt-img { height: 100%; } .vert-center { display: flex; flex-direction: column; height: 100%; justify-content: center; } .desktop-hide { display: none; } /* Navigation */ #et-main-area { --main-header-height: 124px; } .header-item .display-mobile, .header-item.display-mobile { display: none; } .header-item .display-desktop, .header-item.display-desktop { display: inline-block; } #nav-cta .nav-cta-btn { align-items: center; display: flex; flex-basis: content; flex-direction: column; justify-content: space-between; gap: 10px; } #nav-cta .wc_company_phone { font-size: var(--16px-r); font-weight: 700; letter-spacing: 1.8px; } #nav-cta .nav-certs { display: flex; flex-shrink: 1; max-width: 150px; } #nav-cta .nav-certs img { height: 70px; object-fit: contain; } #nav-cta .nav-certs a:is(:hover, :focus) { opacity: 0.5; } #nav-cta > div { align-items: center; display: flex; flex-direction: row; justify-content: end; gap: 10px; } /* Main Header */ #nav-wrapper { --header-item-width: 490px; --gap: 15px; gap: 15px; } #nav-wrapper>.header-item:not(#nav-menu) { width: calc((100% - var(--header-item-width) + var(--gap) / 2)); } /* Nav Logo */ #nav-logo { margin-right: 0; } /* Nav CTA */ #nav-cta { align-self: center; text-align: right; } #nav-cta .btn, #page-container #main-header #nav-cta .btn { font-size: var(--12px-s); padding: 8px 16px; white-space: nowrap; } /* Nav Menu */ body #page-container #main-header .menu { display: flex !important; padding: 0; } #page-container #nav-menu { background: transparent; border: 0; flex-direction: row; height: auto !important; opacity: 1 !important; overflow: visible; position: static; top: 0 !important; transition: none; visibility: visible !important; width: var(--header-item-width); } body #page-container #main-header .menu { align-items: center; } #page-container #nav-menu > div { border-bottom: none !important; padding: 0; } #page-container #nav-menu :is(div, .menu) { height: 100%; } #page-container #nav-menu .menu { gap: 8px; } #page-container #nav-menu li { border: 0; display: inline-block; padding: 0; text-align: center; } #page-container #nav-menu li li { margin: 0; } #page-container #nav-menu li a { font-size: var(--12px-s); margin: 0; padding: 8px; } #page-container #nav-menu li:is(.menu-item-has-children,.has-children) a { align-items: center; display: flex; justify-content: space-between; } #main-header .menu li:is(.menu-item-has-children,.has-children)>a:first-child:after, #main-header.et-fixed-header #nav-menu li:is(.menu-item-has-children,.has-children)>a:first-child:after { display: block; } #page-container #nav-menu .sub-menu { background-color: #ffffff; border-top: 5px solid var(--pink-1); bottom: -10px; box-shadow: 2px 2px 5px rgb(0 0 0 / 15%); display: block; left: 0; opacity: 0; padding: 0; position: absolute; text-align: left; transform: translateY(100%); transition: all .2s ease 0s; visibility: hidden; width: auto; } #page-container #nav-menu li:is(:hover, :focus-within)>.sub-menu { background-color: #ffffff; max-height: 500px; padding: 0; opacity: 1; visibility: visible; } #page-container #nav-menu .sub-menu:before { border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid var(--pink-1); content: ""; pointer-events: auto; height: 0; left: 20%; position: absolute; top: -4px; transform: translateY(-100%); transition: all .2s ease 0s; width: 0; } #page-container #nav-menu .sub-menu:after { content: ''; height: 25px; left: 0; position: absolute; top: -25px; width: 100%; } #page-container #nav-menu .sub-menu li { display: block; margin: 0; padding: 0; text-align: left; } #page-container #nav-menu .sub-menu li:not(:last-of-type) { border-bottom: solid 1px #11112C; } #page-container #nav-menu .sub-menu li a { padding: 10px; width: 200px; } #mobile-nav-icon, #page-container #nav-menu .toggle-submenu, .mobile-menu-container { display: none !important; } /* ------------- Homepage Elements ------------- */ .service-btn span { font-size: var(--24px-r); } /* ------------- Internal Pages ------------- */ .service-blurbs > .et_pb_column > .et_pb_blurb:not(:last-of-type) { margin-bottom: 100px; } body.page-id-3117, body.page-id-3117 .et_pb_section:not(#main-header), body.page-id-3117 #contact { overflow: visible; } #contact .sticky-content { position: sticky; } #page-container .gallery-grid .et_pb_gallery_items[data-per_page="5"] { grid-template-columns: repeat(5, 1fr); } #page-container .gallery-grid .et_pb_gallery_items[data-per_page="3"] { grid-template-columns: repeat(3, 1fr); } /* ------------- Blurb Grid Layout ------------- */ .blurb-grid { --column-cnt: 3; --gap: 75px; } /* ------------- Testimonials ------------- */ .testimonials { --spacing: 50px; } /* ------------- Single Service Pages ------------- */ #page-container #sub-services { --padding: 100px 0; } /* ---------------- Flex Wrapper ---------------- */ .flex-wrapper[data-columns="3"] :is(.post-item, .form-check), body #page-container #main-content .flex-wrapper.et_pb_row .et_pb_column.et_pb_column_1_3 { max-width: 100%; } body #page-container #main-content .flex-wrapper.et_pb_row .et_pb_column.et_pb_column_1_2 { --column-count: 2; } .flex-wrapper[data-columns="3"] :is(.post-item, .form-check), body #page-container #main-content .flex-wrapper.et_pb_row .et_pb_column.et_pb_column_1_3, body #page-container #et-main-area .quick-links .menu > li { --column-count: 3; } .flex-wrapper[data-columns="4"] :is(.post-item, .form-check), .flex-wrapper[data-columns="6"] :is(.post-item, .form-check), .flex-wrapper[data-columns="8"] :is(.post-item, .form-check), body #page-container :is(#main-content, #main-footer) .flex-wrapper.et_pb_row .et_pb_column:is(.et_pb_column_1_4, .et_pb_column_1_6) { --column-count: 4; } .flex-wrapper[data-columns="5"] :is(.post-item, .form-check), body #page-container :is(#main-content, #main-footer) .flex-wrapper.et_pb_row .et_pb_column:is(.et_pb_column_1_5) { --column-count: 5; } /* ---------------- Miscellaneous ---------------- */ #page-container #main-content :is(.flex-column, .force-bottom) { display: flex; flex-direction: column; } .force-bottom { justify-content: flex-end; height: 100%; } /* ---------------- Layout Helpers ------------------- */ .layout-row.flex-wrapper[data-columns="2"] > .post-item { --column-count: 2; } /* ---------------- Post Archives ------------------- */ .layout-section { padding: 100px 0; } /* -------------- Single Post Page ----------------- */ #post-content { padding: 75px; } .post-body { padding: 0; } .post-body > div:first-of-type { order: 0; padding: 0 0 0 110px; width: 25%; } .post-body > div:last-of-type { order: 0; padding: 0 110px 0 0; width: 70%; } #post-header .post-body > div { display: flex; flex-direction: column; justify-content: flex-end; } #post-featured-wrapper div.heateor_sss_sharing_ul { flex-direction: column; justify-content: flex-start; } #post-featured-wrapper .heateorSssSharingRound { margin: 0 0 10px !important; } #post-content-body-wrapper { padding: 75px 0; } #single-post-content { padding-bottom: 0; } #single-post-content h2 { font-size: 2.25rem; } #single-post-content h3 { font-size: 1.75rem } .post-meta-info h4 { font-size: 1.25rem; } /***** Single Post Page --- UPDATED --- *****/ #post-grid { display: grid; grid-template-columns: 3fr minmax(300px, 1fr); grid-gap: 25px; } #post-content, #post-sidebar { margin-bottom: 0; } /***** Single Post Page Share Links --- UPDATED --- *****/ #post-share-wrapper { height: calc(100% - 150px); position: absolute; top: 50px; transform: translateX(-50%); } #post-share-wrapper .heateor_sss_sharing_ul { flex-direction: column; position: sticky; top: 178.5px; } #post-share-wrapper .heateor_sss_sharing_ul a { margin: 0 0 10px; } /* ----------------- Footer Area ------------------ */ #main-footer .et_pb_text_align_left .fwidget :is(li, a) { text-align: left; margin-left: 0; margin-right: auto; } #main-footer .et_pb_text_align_right .fwidget :is(li, a) { text-align: right; margin-left: auto; margin-right: 0; } #footer-branding > div { align-items: center; display: flex; text-align: left; } body #page-container #main-footer .fwidget .cc-wrapper { margin-right: -5px; } .wc-footer-branding { margin: 0 25px 0 0; } #main-footer ul.wecreate-social-icons { float: right; margin: 0; text-align: right; width: auto; } #main-footer ul.wecreate-social-icons.et_pb_social_media_follow li { margin-bottom: 0; } } @media screen and (min-width: 1281px) { /* ------------- Navigation ------------- */ #page-container #nav-menu li a { font-size: var(--14px-s); padding: 10px; } /* ------------- Flex Wrapper ------------- */ .flex-wrapper[data-columns="6"] :is(.post-item, .form-check), .flex-wrapper[data-columns="8"] :is(.post-item, .form-check) body #page-container #main-content .flex-wrapper.et_pb_row .et_pb_column.et_pb_column_1_6 { --column-count: 6; } } @media screen and (min-width: 1367px) { /* ------------- Flex Wrapper ------------- */ .flex-wrapper[data-columns="8"] :is(.post-item, .form-check) { --column-count: 8; } }