/* === General Styles === */ /* @font-face { font-family: 'AvenirNext__Bold'; src: url('/wp-content/themes/4C-Boilerplate-master/lib/fonts/25381880192.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'AvenirNext__Regular'; src: url('/wp-content/themes/4C-Boilerplate-master/lib/fonts/26301410506.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvenirNext__Light_Regular'; src: url('/wp-content/themes/4C-Boilerplate-master/lib/fonts/30716573843.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvenirNext__Light_Regular_Italic'; src: url('/wp-content/themes/4C-Boilerplate-master/lib/fonts/263014129730958262506.ttf') format('truetype'); font-weight: normal; font-style: italic; } */ /* @font-face { font-family: 'AvertaStd_Black'; src: url('/wp-content/themes/4C-Boilerplate-master/lib/fonts/Averta/otf/AvertaStd-Black.otf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'AvertaStd_BlackItalic'; src: url('/wp-content/themes/4C-Boilerplate-master/lib/fonts/Averta/otf/AvertaStd-BlackItalic.otf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'AvertaStd_Bold'; src: url('/wp-content/themes/4C-Boilerplate-master/lib/fonts/Averta/otf/AvertaStd-Bold.otf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'AvertaStd_BoldItalic'; src: url('/wp-content/themes/4C-Boilerplate-master/lib/fonts/Averta/otf/AvertaStd-BoldItalic.otf') format('truetype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'AvertaStd_Extrabold'; src: url('/wp-content/themes/4C-Boilerplate-master/lib/fonts/Averta/otf/AvertaStd-Extrabold.otf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'AvertaStd_ExtraboldItalic'; src: url('/wp-content/themes/4C-Boilerplate-master/lib/fonts/Averta/otf/AvertaStd-ExtraboldItalic.otf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'AvertaStd_Extrathin'; src: url('/wp-content/themes/4C-Boilerplate-master/lib/fonts/Averta/otf/AvertaStd-Extrathin.otf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'AvertaStd_ExtrathinItalic'; src: url('/wp-content/themes/4C-Boilerplate-master/lib/fonts/Averta/otf/AvertaStd-ExtrathinItalic.otf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'AvertaStd_Light'; src: url('/wp-content/themes/4C-Boilerplate-master/lib/fonts/Averta/otf/AvertaStd-Light.otf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'AvertaStd_LightItalic'; src: url('/wp-content/themes/4C-Boilerplate-master/lib/fonts/Averta/otf/AvertaStd-LightItalic.otf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'AvertaStd_Regular'; src: url('/wp-content/themes/4C-Boilerplate-master/lib/fonts/Averta/otf/AvertaStd-Regular.otf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'AvertaStd_RegularItalic'; src: url('/wp-content/themes/4C-Boilerplate-master/lib/fonts/Averta/otf/AvertaStd-RegularItalic.otf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'AvertaStd_Semibold'; src: url('/wp-content/themes/4C-Boilerplate-master/lib/fonts/Averta/otf/AvertaStd-Semibold.otf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'AvertaStd_SemiboldItalic'; src: url('/wp-content/themes/4C-Boilerplate-master/lib/fonts/Averta/otf/AvertaStd-SemiboldItalic.otf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'AvertaStd_Thin'; src: url('/wp-content/themes/4C-Boilerplate-master/lib/fonts/Averta/otf/AvertaStd-Thin.otf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'AvertaStd_ThinItalic'; src: url('/wp-content/themes/4C-Boilerplate-master/lib/fonts/Averta/otf/AvertaStd-ThinItalic.otf') format('truetype'); font-weight: 100; font-style: italic; } */ @font-face { font-family: 'AvertaStd_Black'; src: url('../woff2/evolution-black.woff2') format('woff2'), url('../woff/evolution-black.woff') format('woff'); font-weight: 900; font-style: normal; } @font-face { font-family: 'AvertaStd_BlackItalic'; src: url('../woff2/evolution-blackitalic.woff2') format('woff2'), url('../woff/evolution-blackitalic.woff') format('woff'); font-weight: 900; font-style: italic; } @font-face { font-family: 'AvertaStd_Bold'; src: url('../woff2/evolution-bold.woff2') format('woff2'), url('../woff/evolution-bold.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'AvertaStd_BoldItalic'; src: url('../woff2/evolution-bolditalic.woff2') format('woff2'), url('../woff/evolution-bolditalic.woff') format('woff'); font-weight: 700; font-style: italic; } @font-face { font-family: 'AvertaStd_Extrabold'; src: url('../woff2/evolution-extrabold.woff2') format('woff2'), url('../woff/evolution-extrabold.woff') format('woff'); font-weight: 800; font-style: normal; } @font-face { font-family: 'AvertaStd_ExtraboldItalic'; src: url('../woff2/evolution-extrabolditalic.woff2') format('woff2'), url('../woff/evolution-extrabolditalic.woff') format('woff'); font-weight: 800; font-style: italic; } @font-face { font-family: 'AvertaStd_Extrathin'; src: url('../woff2/evolution-extrathin.woff2') format('woff2'), url('../woff/evolution-extrathin.woff') format('woff'); font-weight: 200; font-style: normal; } @font-face { font-family: 'AvertaStd_ExtrathinItalic'; src: url('../woff2/evolution-extrathinitalic.woff2') format('woff2'), url('../woff/evolution-extrathinitalic.woff') format('woff'); font-weight: 200; font-style: italic; } @font-face { font-family: 'AvertaStd_Light'; src: url('../woff2/evolution-light.woff2') format('woff2'), url('../woff/evolution-light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'AvertaStd_LightItalic'; src: url('../woff2/evolution-lightitalic.woff2') format('woff2'), url('../woff/evolution-lightitalic.woff') format('woff'); font-weight: 300; font-style: italic; } @font-face { font-family: 'AvertaStd_Regular'; src: url('../woff2/evolution-regular.woff2') format('woff2'), url('../evolution-regular.html') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'AvertaStd_RegularItalic'; src: url('../woff2/evolution-regularitalic.woff2') format('woff2'), url('../woff/evolution-regularitalic.woff') format('woff'); font-weight: 400; font-style: italic; } @font-face { font-family: 'AvertaStd_Semibold'; src: url('../woff2/evolution-semibold.woff2') format('woff2'), url('../woff/evolution-semibold.woff') format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: 'AvertaStd_SemiboldItalic'; src: url('../woff2/evolution-semibolditalic.woff2') format('woff2'), url('../woff/evolution-semibolditalic.woff') format('woff'); font-weight: 600; font-style: italic; } @font-face { font-family: 'AvertaStd_Thin'; src: url('../woff2/evolution-thin.woff2') format('woff2'), url('../woff/evolution-thin.woff') format('woff'); font-weight: 100; font-style: normal; } @font-face { font-family: 'AvertaStd_ThinItalic'; src: url('../woff2/evolution-thinitalic.woff2') format('woff2'), url('../woff/evolution-thinitalic.woff') format('woff'); font-weight: 100; font-style: italic; } .AvertaStd_Black { font-family: 'AvertaStd_Black'; } .AvertaStd_BlackItalic { font-family: 'AvertaStd_BlackItalic'; } .AvertaStd_Bold { font-family: 'AvertaStd_Bold'; } .AvertaStd_BoldItalic { font-family: 'AvertaStd_BoldItalic'; } .AvertaStd_Extrabold { font-family: 'AvertaStd_Extrabold'; } .AvertaStd_ExtraboldItalic { font-family: 'AvertaStd_ExtraboldItalic'; } .AvertaStd_Extrathin { font-family: 'AvertaStd_Extrathin'; } .AvertaStd_ExtrathinItalic { font-family: 'AvertaStd_ExtrathinItalic'; } .AvertaStd_Light { font-family: 'AvertaStd_Light'; } .AvertaStd_LightItalic { font-family: 'AvertaStd_LightItalic'; } .AvertaStd_Regular { font-family: 'AvertaStd_Regular'; } .AvertaStd_RegularItalic { font-family: 'AvertaStd_RegularItalic'; } .AvertaStd_Semibold { font-family: 'AvertaStd_Semibold'; } .AvertaStd_SemiboldItalic { font-family: 'AvertaStd_SemiboldItalic'; } .AvertaStd_Thin { font-family: 'AvertaStd_Thin'; } .AvertaStd_ThinItalic { font-family: 'AvertaStd_ThinItalic'; } /* === Vars === */ :root { /* = Colors = */ --FC-primary-color: #FE111B; --FC-secondary-color: #3F4855; --FC-tertiary-color: #BAC8D4; --FC-black: #000000; --FC-charcoal: #3F4855; --FC-silver: #BAC8D4; --FC-iron: #8A939A; --FC-maroon: #771319; --FC-white: #FFFFFF; --FC-off-white: #F8F8F8; /* = Standard Colors = */ --FC-standard-text-color: var(--FC-black); --FC-heading-color: var(--FC-charcoal); /* = Fonts = */ --FC-primary-font: "AvertaStd_Regular", sans-serif; --FC-secondary-font: "AvertaStd_Light", sans-serif; --FC-tertiary-font: "AvertaStd_Semibold", sans-serif; --FC-body-font: "AvertaStd_Regular", sans-serif; --FC-heading-font: "AvertaStd_Bold", sans-serif; /* = Font Sizes = */ --FC-font-size-10: 0.625rem; --FC-font-size-11: 0.6875rem; --FC-font-size-12: 0.75rem; --FC-font-size-13: 0.8125rem; --FC-font-size-14: 0.875rem; --FC-font-size-15: 0.9375rem; --FC-font-size-16: 1rem; --FC-font-size-17: 1.0625rem; --FC-font-size-18: 1.125rem; --FC-font-size-19: 1.1875rem; --FC-font-size-20: 1.25rem; --FC-font-size-22: 1.375rem; --FC-font-size-24: 1.5rem; --FC-font-size-26: 1.625rem; --FC-font-size-28: 1.75rem; --FC-font-size-30: 1.875rem; --FC-font-size-32: 2rem; --FC-font-size-34: 2.125rem; --FC-font-size-36: 2.25rem; --FC-font-size-38: 2.375rem; --FC-font-size-40: 2.5rem; --FC-font-size-42: 2.625rem; --FC-font-size-44: 2.75rem; --FC-font-size-46: 2.875rem; --FC-font-size-48: 3rem; --FC-font-size-50: 3.125rem; --FC-font-size-52: 3.25rem; --FC-font-size-54: 3.375rem; --FC-font-size-56: 3.5rem; --FC-font-size-58: 3.625rem; --FC-font-size-60: 3.75rem; --FC-font-size-62: 3.875rem; --FC-font-size-64: 4rem; --FC-font-size-66: 4.125rem; --FC-font-size-68: 4.25rem; --FC-font-size-70: 4.375rem; --FC-font-size-85: 5.313rem; --FC-font-size-84: 5.25rem; --FC-font-size-84: 5.25rem; /* = Set Default Font size = */ --FC-standard-font-size: var(--FC-font-size-20); --FC-heading-size: var(--FC-font-size-70); --FC-small-heading-size: var(--FC-font-size-24); --FC-large-heading-size: var(--FC-font-size-40); --FC-larger-heading-size: var(--FC-font-size-48); /* = Line Heights = */ --FC-line-height-heading: 1.2; --FC-line-height: 1.5; --FC-line-height-large: 1.6; --FC-line-height-small: 1; /* = Font Weights = */ --FC-standard-weight: 400; --FC-heading-weight: 700; /* = Transitions = */ --FC-transition-multiplier: 0.155s; --FC-short-transition: all calc(var(--FC-transition-multiplier) / 2) ease-in; --FC-default-transition: all var(--FC-transition-multiplier) ease-in; --FC-long-transition: all calc(var(--FC-transition-multiplier) * 2) ease-in; /* = Utilities = */ --FC-standard-multiplier: 16px; --FC-standard-radius: 8px; --FC-standard-box-shadow: 0 0 16px 4px rgba(0, 0, 0, 0.35); --FC-slim-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.25); } @media screen and (max-width: 991.98px) { :root { /* = Font Sizes = */ /* == Reducing by 25% for mobile == */ --FC-font-size-10: 0.46875rem; --FC-font-size-11: 0.515625rem; --FC-font-size-12: 0.5625rem; --FC-font-size-13: 0.609375rem; --FC-font-size-14: 0.65625rem; --FC-font-size-15: 0.703125rem; --FC-font-size-16: 0.75rem; --FC-font-size-17: 0.796875rem; --FC-font-size-18: 0.84375rem; --FC-font-size-19: 0.890625rem; --FC-font-size-20: 0.9375rem; --FC-font-size-22: 1.03125rem; --FC-font-size-24: 1.125rem; --FC-font-size-26: 1.21875rem; --FC-font-size-28: 1.3125rem; --FC-font-size-30: 1.40625rem; --FC-font-size-32: 1.5rem; --FC-font-size-34: 1.59375rem; --FC-font-size-36: 1.6875rem; --FC-font-size-38: 1.78125rem; --FC-font-size-40: 1.875rem; --FC-font-size-42: 1.96875rem; --FC-font-size-44: 2.0625rem; --FC-font-size-46: 2.15625rem; --FC-font-size-48: 2.25rem; --FC-font-size-50: 2.34375rem; --FC-font-size-52: 2.4375rem; --FC-font-size-54: 2.53125rem; --FC-font-size-56: 2.625rem; --FC-font-size-58: 2.71875rem; --FC-font-size-60: 2.8125rem; --FC-font-size-62: 2.90625rem; --FC-font-size-64: 3rem; --FC-font-size-66: 3.09375rem; --FC-font-size-68: 3.1875rem; --FC-font-size-70: 3.28125rem; --FC-font-size-84: 3.9375rem; --FC-font-size-85: 3.98475rem; } } @media screen and (max-width: 767.98px){ :root { --FC-font-size-84: 2.953125rem; } } /* === Colors === */ .color__primary { color: var(--FC-primary-color) !important; } .color__secondary { color: var(--FC-secondary-color) !important; } .color__tertiary { color: var(--FC-tertiary-color) !important; } .color__black { color: var(--FC-standard-text-color) !important; } .color__charcoal { color: var(--FC-charcoal); } .color__white { color: var(--FC-white) !important; } /* = Hovers = */ .hover__primary:hover { color: var(--FC-primary-color) !important; } .hover__secondary:hover { color: var(--FC-secondary-color) !important; } .hover__tertiary:hover { color: var(--FC-tertiary-color) !important; } .hover__white:hover { color: var(--FC-white); } .hover__charcoal:hover { color: var(--FC-charcoal) !important; } .hover__black:hover { color: var(--FC-black) !important; } /* === Fonts === */ /* == Text Reset == */ body, button, select, textarea, p, ul, ol, li, div, input, blockquote { font-size: var(--FC-standard-font-size); font-weight: var(--FC-standard-weight); font-family: var(--FC-body-font); color: var(--FC-editor-color, var(--FC-iron)); line-height: var(--FC-line-height) !important; letter-spacing: 0px; } .site-inner a { color: var(--FC-editor-color, var(--FC-primary-color)); transition: var(--FC-default-transition) !important; } .site-inner a:hover, .site-inner a.not-button:hover { color: var(--FC-maroon) !important; } .site-inner .linkBtTNS_yes .dropdownBlock__copyWrapper a.not-button { color: var(--FC-editor-color, var(--FC-primary-color)) !important; transition: var(--FC-default-transition) !important; top: unset; background-color: unset !important; padding: 0 !important; text-transform: unset !important; border: unset !important; font-weight: 400 !important; } span, em, strong, b { color: inherit; font-size: inherit; font-family: inherit; } h1, h2, h3, h4, h5, h6, .fontBold { font-family: var(--FC-heading-font); color: var(--FC-editor-color, var(--FC-heading-color)); font-size: var(--FC-heading-size); font-weight: var(--FC-heading-weight); line-height: var(--FC-line-height-heading); } strong, b { font-family: var(--FC-heading-font); font-weight: var(--FC-heading-weight); } h1 { font-size: var(--FC-font-size-85); line-height: 1.2; } h2 { font-size: var(--FC-font-size-60); } h3 { font-size: var(--FC-font-size-48); } h4 { font-size: var(--FC-font-size-44); } h5 { font-size: var(--FC-font-size-32); } h6 { font-size: var(--FC-font-size-26); } /* = Sizes = */ .font__size_10 { font-size: var(--FC-font-size-10) !important; } .font__size_11 { font-size: var(--FC-font-size-11) !important; } .font__size_12 { font-size: var(--FC-font-size-12) !important; } .font__size_13 { font-size: var(--FC-font-size-13) !important; } .font__size_14 { font-size: var(--FC-font-size-14) !important; } .font__size_15 { font-size: var(--FC-font-size-15) !important; } .font__size_16 { font-size: var(--FC-font-size-16) !important; } .font__size_17 { font-size: var(--FC-font-size-17) !important; } .font__size_18 { font-size: var(--FC-font-size-18) !important; } .font__size_19 { font-size: var(--FC-font-size-19) !important; } .font__size_20 { font-size: var(--FC-font-size-20) !important; } .font__size_22 { font-size: var(--FC-font-size-22) !important; } .font__size_24 { font-size: var(--FC-font-size-24) !important; } .font__size_26 { font-size: var(--FC-font-size-26) !important; } .font__size_28 { font-size: var(--FC-font-size-28) !important; } .font__size_30 { font-size: var(--FC-font-size-30) !important; } .font__size_32 { font-size: var(--FC-font-size-32) !important; } .font__size_34 { font-size: var(--FC-font-size-34) !important; } .font__size_36 { font-size: var(--FC-font-size-36) !important; } .font__size_38 { font-size: var(--FC-font-size-38) !important; } .font__size_40 { font-size: var(--FC-font-size-40) !important; } .font__size_42 { font-size: var(--FC-font-size-42) !important; } .font__size_44 { font-size: var(--FC-font-size-44) !important; } .font__size_46 { font-size: var(--FC-font-size-46) !important; } .font__size_48 { font-size: var(--FC-font-size-48) !important; } .font__size_50 { font-size: var(--FC-font-size-50) !important; } .font__size_52 { font-size: var(--FC-font-size-52) !important; } .font__size_54 { font-size: var(--FC-font-size-54) !important; } .font__size_56 { font-size: var(--FC-font-size-56) !important; } .font__size_58 { font-size: var(--FC-font-size-58) !important; } .font__size_60 { font-size: var(--FC-font-size-60) !important; } .font__size_62 { font-size: var(--FC-font-size-62) !important; } .font__size_64 { font-size: var(--FC-font-size-64) !important; } .font__size_66 { font-size: var(--FC-font-size-66) !important; } .font__size_68 { font-size: var(--FC-font-size-68) !important; } .font__size_70 { font-size: var(--FC-font-size-70) !important; } /* = Gutenberg Sizes = */ .has-small-font-size { font-size: var(--FC-small-size); } .has-normal-font-size { font-size: var(--FC-standard-font-size); } .has-large-font-size { font-size: var(--FC-large-size); } .has-larger-font-size { font-size: var(--FC-larger-size); } /* .wp-block-heading { font-size: var(--FC-heading-size); } */ .wp-block-heading.has-small-font-size { font-size: var(--FC-small-heading-size); } .wp-block-heading.has-normal-font-size { font-size: var(--FC-heading-size); } .wp-block-heading.has-large-font-size { font-size: var(--FC-large-heading-size); } .wp-block-heading.has-larger-font-size { font-size: var(--FC-larger-heading-size); } /* = Heights = */ .line__height_one_half { line-height: 1.5 !important; } .line__height_one_two { line-height: 1.2 !important; } .line__height_25 { line-height: var(--FC-line-height-25) !important; } .line__height_50 { line-height: var(--FC-line-height-50) !important; } .line__height_92 { line-height: var(--FC-line-height-92) !important; } /* == Weights == */ .font__weight_1 { font-weight: 100 !important; } .font__weight_2 { font-weight: 200 !important; } .font__weight_3 { font-weight: 300 !important; } .font__weight_4 { font-weight: 400 !important; } .font__weight_5 { font-weight: 500 !important; } .font__weight_6 { font-weight: 600 !important; } .font__weight_7 { font-weight: 700 !important; } /* = Families = */ .font__primary { font-family: var(--FC-primary-font) !important; } .font__secondary { font-family: var(--FC-secondary-font) !important; } .font__tertiary { font-family: var(--FC-tertiary-font) !important; } /* === Buttons === */ /* == Style Buttons Here == */ /* Color, border-color, and background color can also be set within gutenberg */ .custom__button, .site-inner .wp-block-button__link, .gform_button { color: var(--FC-editor-color, var(--FC-white)); background-color: var(--FC-editor-bg-color, var(--FC-primary-color)); border-radius: var(--FC-standard-radius) !important; border-color: var(--FC-editor-bg-color, var(--FC-primary-color)); border-width: 2px !important; border-style: solid !important; padding: 16px 25px !important; width: fit-content; font-family: var(--FC-tertiary-font) !important; font-size: var(--FC-font-size-18) !important; position: relative !important; transition: var(--FC-default-transition) !important; box-shadow: none !important; font-weight: 400 !important; text-align: center; text-transform: uppercase; letter-spacing: normal !important; } .custom__button:hover, .custom__button:focus, .site-inner .wp-block-button__link:hover, .site-inner .wp-block-button__link:focus { color: var(--FC-editor-bg-color, var(--FC-primary-color)); border-color: var(--FC-editor-bg-color, var(--FC-primary-color)); background-color: var(--FC-editor-color, var(--FC-white)); } /* = Secondary Styles = */ .button__secondary, .button__secondary .wp-block-button__link { color: var(--FC-white) !important; border-color: var(--FC-secondary-color) !important; background-color: var(--FC-secondary-color) !important; } .button__secondary:hover, .button__secondary:focus, .button__secondary .wp-block-button__link:hover, .button__secondary .wp-block-button__link:focus { color: var(--FC-secondary-color) !important; border-color: var(--FC-secondary-color) !important; background-color: var(--FC-white) !important; } /* = Tertiary Styles = */ .button__tertiary, .button__tertiary .wp-block-button__link { color: var(--FC-white) !important; border-color: var(--FC-tertiary-color) !important; background-color: var(--FC-tertiary-color) !important; } .button__tertiary:hover, .button__tertiary:focus, .button__tertiary .wp-block-button__link:hover, .button__tertiary .wp-block-button__link:focus { color: var(--FC-tertiary-color) !important; border-color: var(--FC-tertiary-color) !important; background-color: var(--FC-white) !important; } /* = Resetting the Button Wrapper = */ .wp-block-button { background-color: transparent !important; overflow: hidden !important; border-color: transparent !important; } /* === Utility === */ img { max-width: 100%; } /* == Display == */ .hidden { display: none; } .d__inline_block { display: inline-block; } @media screen and (max-width: 1399.98px) { .xxl__hide { display: none; } } @media screen and (max-width: 1199.98px) { .xl__hide { display: none; } } @media screen and (max-width: 991.98px) { .lg__hide { display: none; } } @media screen and (max-width: 767.98px) { .md__hide { display: none; } } @media screen and (max-width: 559.98px) { .sm__hide { display: none; } } /* == Margin == */ h6, h5, h4, h3, h2, h1 { margin-top: 0; margin-bottom: calc(var(--FC-standard-multiplier) / 2); } p { margin-top: 0; margin-bottom: var(--FC-standard-multiplier); } .standard__margin { margin: var(--FC-standard-multiplier) !important; } .standard__margin_top { margin-top: var(--FC-standard-multiplier) !important; } .standard__margin_right { margin-right: var(--FC-standard-multiplier) !important; } .standard__margin_bottom { margin-bottom: var(--FC-standard-multiplier) !important; } .standard__margin_left { margin-left: var(--FC-standard-multiplier) !important; } /* = Double Margin = */ .double__margin { margin: calc(var(--FC-standard-multiplier) * 2); } .double__margin_top { margin-top: calc(var(--FC-standard-multiplier) * 2); } .double__margin_right { margin-right: calc(var(--FC-standard-multiplier) * 2); } .double__margin_bottom { margin-bottom: calc(var(--FC-standard-multiplier) * 2); } .double__margin_left { margin-left: calc(var(--FC-standard-multiplier) * 2); } /* = No Margin = */ .no__margin { margin: 0px !important; } .no__margin_top { margin-top: 0px !important; } .no__margin_right { margin-right: 0px !important; } .no__margin_bottom { margin-bottom: 0px !important; } .no__margin_left { margin-left: 0px !important; } /* == Mobile Margin == */ @media screen and (max-width: 1399.98px) { .xxl__standard_margin { margin: var(--FC-standard-multiplier) !important; } .xxl__standard_margin_top { margin-top: var(--FC-standard-multiplier) !important; } .xxl__standard_margin_right { margin-right: var(--FC-standard-multiplier) !important; } .xxl__standard_margin_bottom { margin-bottom: var(--FC-standard-multiplier) !important; } .xxl__standard_margin_left { margin-left: var(--FC-standard-multiplier) !important; } /* = Double Margin = */ .xxl__double_margin { margin: calc(var(--FC-standard-multiplier) * 2); } .xxl__double_margin_top { margin-top: calc(var(--FC-standard-multiplier) * 2); } .xxl__double_margin_right { margin-right: calc(var(--FC-standard-multiplier) * 2); } .xxl__double_margin_bottom { margin-bottom: calc(var(--FC-standard-multiplier) * 2); } .xxl__double_margin_left { margin-left: calc(var(--FC-standard-multiplier) * 2); } /* = No Margin = */ .xxl__no_margin { margin: 0px !important; } .xxl__no_margin_top { margin-top: 0px !important; } .xxl__no_margin_right { margin-right: 0px !important; } .xxl__no_margin_bottom { margin-bottom: 0px !important; } .xxl__no_margin_left { margin-left: 0px !important; } } @media screen and (max-width: 1199.98px) { .xl__standard_margin { margin: var(--FC-standard-multiplier) !important; } .xl__standard_margin_top { margin-top: var(--FC-standard-multiplier) !important; } .xl__standard_margin_right { margin-right: var(--FC-standard-multiplier) !important; } .xl__standard_margin_bottom { margin-bottom: var(--FC-standard-multiplier) !important; } .xl__standard_margin_left { margin-left: var(--FC-standard-multiplier) !important; } /* = Double Margin = */ .xl__double_margin { margin: calc(var(--FC-standard-multiplier) * 2); } .xl__double_margin_top { margin-top: calc(var(--FC-standard-multiplier) * 2); } .xl__double_margin_right { margin-right: calc(var(--FC-standard-multiplier) * 2); } .xl__double_margin_bottom { margin-bottom: calc(var(--FC-standard-multiplier) * 2); } .xl__double_margin_left { margin-left: calc(var(--FC-standard-multiplier) * 2); } /* = No Margin = */ .xl__no_margin { margin: 0px !important; } .xl__no_margin_top { margin-top: 0px !important; } .xl__no_margin_right { margin-right: 0px !important; } .xl__no_margin_bottom { margin-bottom: 0px !important; } .xl__no_margin_left { margin-left: 0px !important; } } @media screen and (max-width: 991.98px) { .lg__standard_margin { margin: var(--FC-standard-multiplier) !important; } .lg__standard_margin_top { margin-top: var(--FC-standard-multiplier) !important; } .lg__standard_margin_right { margin-right: var(--FC-standard-multiplier) !important; } .lg__standard_margin_bottom { margin-bottom: var(--FC-standard-multiplier) !important; } .lg__standard_margin_left { margin-left: var(--FC-standard-multiplier) !important; } /* = Double Margin = */ .lg__double_margin { margin: calc(var(--FC-standard-multiplier) * 2); } .lg__double_margin_top { margin-top: calc(var(--FC-standard-multiplier) * 2); } .lg__double_margin_right { margin-right: calc(var(--FC-standard-multiplier) * 2); } .lg__double_margin_bottom { margin-bottom: calc(var(--FC-standard-multiplier) * 2); } .lg__double_margin_left { margin-left: calc(var(--FC-standard-multiplier) * 2); } /* = No Margin = */ .lg__no_margin { margin: 0px !important; } .lg__no_margin_top { margin-top: 0px !important; } .lg__no_margin_right { margin-right: 0px !important; } .lg__no_margin_bottom { margin-bottom: 0px !important; } .lg__no_margin_left { margin-left: 0px !important; } } @media screen and (max-width: 767.98px) { .md__standard_margin { margin: var(--FC-standard-multiplier) !important; } .md__standard_margin_top { margin-top: var(--FC-standard-multiplier) !important; } .md__standard_margin_right { margin-right: var(--FC-standard-multiplier) !important; } .md__standard_margin_bottom { margin-bottom: var(--FC-standard-multiplier) !important; } .md__standard_margin_left { margin-left: var(--FC-standard-multiplier) !important; } /* = Double Margin = */ .md__double_margin { margin: calc(var(--FC-standard-multiplier) * 2); } .md__double_margin_top { margin-top: calc(var(--FC-standard-multiplier) * 2); } .md__double_margin_right { margin-right: calc(var(--FC-standard-multiplier) * 2); } .md__double_margin_bottom { margin-bottom: calc(var(--FC-standard-multiplier) * 2); } .md__double_margin_left { margin-left: calc(var(--FC-standard-multiplier) * 2); } /* = No Margin = */ .md__no_margin { margin: 0px !important; } .md__no_margin_top { margin-top: 0px !important; } .md__no_margin_right { margin-right: 0px !important; } .md__no_margin_bottom { margin-bottom: 0px !important; } .md__no_margin_left { margin-left: 0px !important; } } @media screen and (max-width: 559.98px) { .sm__standard_margin { margin: var(--FC-standard-multiplier) !important; } .sm__standard_margin_top { margin-top: var(--FC-standard-multiplier) !important; } .sm__standard_margin_right { margin-right: var(--FC-standard-multiplier) !important; } .sm__standard_margin_bottom { margin-bottom: var(--FC-standard-multiplier) !important; } .sm__standard_margin_left { margin-left: var(--FC-standard-multiplier) !important; } /* = Double Margin = */ .sm__double_margin { margin: calc(var(--FC-standard-multiplier) * 2); } .sm__double_margin_top { margin-top: calc(var(--FC-standard-multiplier) * 2); } .sm__double_margin_right { margin-right: calc(var(--FC-standard-multiplier) * 2); } .sm__double_margin_bottom { margin-bottom: calc(var(--FC-standard-multiplier) * 2); } .sm__double_margin_left { margin-left: calc(var(--FC-standard-multiplier) * 2); } /* = No Margin = */ .sm__no_margin { margin: 0px !important; } .sm__no_margin_top { margin-top: 0px !important; } .sm__no_margin_right { margin-right: 0px !important; } .sm__no_margin_bottom { margin-bottom: 0px !important; } .sm__no_margin_left { margin-left: 0px !important; } } /* == Padding == */ .standard__padding { padding: var(--FC-standard-multiplier); } .standard__padding_top { padding-top: var(--FC-standard-multiplier); } .standard__padding_right { padding-right: var(--FC-standard-multiplier); } .standard__padding_bottom { padding-bottom: var(--FC-standard-multiplier); } .standard__padding_left { padding-left: var(--FC-standard-multiplier); } /* = Double Padding = */ .double__padding { padding: calc(var(--FC-standard-multiplier) * 2); } .double__padding_top { padding-top: calc(var(--FC-standard-multiplier) * 2); } .double__padding_right { padding-right: calc(var(--FC-standard-multiplier) * 2); } .double__padding_bottom { padding-bottom: calc(var(--FC-standard-multiplier) * 2); } .double__padding_left { padding-left: calc(var(--FC-standard-multiplier) * 2); } /* = No Padding = */ .no__padding { padding: 0px !important; } .no__padding_top { padding-top: 0px !important; } .no__padding_right { padding-right: 0px !important; } .no__padding_bottom { padding-bottom: 0px !important; } .no__padding_left { padding-left: 0px !important; } /* == Mobile Padding == */ @media screen and (max-width: 1399.98px) { .xxl__standard_padding { padding: var(--FC-standard-multiplier); } .xxl__standard_padding_top { padding-top: var(--FC-standard-multiplier); } .xxl__standard_padding_right { padding-right: var(--FC-standard-multiplier); } .xxl__standard_padding_bottom { padding-bottom: var(--FC-standard-multiplier); } .xxl__standard_padding_left { padding-left: var(--FC-standard-multiplier); } /* = Double Padding = */ .xxl__double_padding { padding: calc(var(--FC-standard-multiplier) * 2); } .xxl__double_padding_top { padding-top: calc(var(--FC-standard-multiplier) * 2); } .xxl__double_padding_right { padding-right: calc(var(--FC-standard-multiplier) * 2); } .xxl__double_padding_bottom { padding-bottom: calc(var(--FC-standard-multiplier) * 2); } .xxl__double_padding_left { padding-left: calc(var(--FC-standard-multiplier) * 2); } /* = No Padding = */ .xxl__no_padding { padding: 0px !important; } .xxl__no_padding_top { padding-top: 0px !important; } .xxl__no_padding_right { padding-right: 0px !important; } .xxl__no_padding_bottom { padding-bottom: 0px !important; } .xxl__no_padding_left { padding-left: 0px !important; } } @media screen and (max-width: 1199.98px) { .xl__standard_padding { padding: var(--FC-standard-multiplier); } .xl__standard_padding_top { padding-top: var(--FC-standard-multiplier); } .xl__standard_padding_right { padding-right: var(--FC-standard-multiplier); } .xl__standard_padding_bottom { padding-bottom: var(--FC-standard-multiplier); } .xl__standard_padding_left { padding-left: var(--FC-standard-multiplier); } /* = Double Padding = */ .xl__double_padding { padding: calc(var(--FC-standard-multiplier) * 2); } .xl__double_padding_top { padding-top: calc(var(--FC-standard-multiplier) * 2); } .xl__double_padding_right { padding-right: calc(var(--FC-standard-multiplier) * 2); } .xl__double_padding_bottom { padding-bottom: calc(var(--FC-standard-multiplier) * 2); } .xl__double_padding_left { padding-left: calc(var(--FC-standard-multiplier) * 2); } /* = No Padding = */ .xl__no_padding { padding: 0px !important; } .xl__no_padding_top { padding-top: 0px !important; } .xl__no_padding_right { padding-right: 0px !important; } .xl__no_padding_bottom { padding-bottom: 0px !important; } .xl__no_padding_left { padding-left: 0px !important; } } @media screen and (max-width: 991.98px) { .lg__standard_padding { padding: var(--FC-standard-multiplier); } .lg__standard_padding_top { padding-top: var(--FC-standard-multiplier); } .lg__standard_padding_right { padding-right: var(--FC-standard-multiplier); } .lg__standard_padding_bottom { padding-bottom: var(--FC-standard-multiplier); } .lg__standard_padding_left { padding-left: var(--FC-standard-multiplier); } /* = Double Padding = */ .lg__double_padding { padding: calc(var(--FC-standard-multiplier) * 2); } .lg__double_padding_top { padding-top: calc(var(--FC-standard-multiplier) * 2); } .lg__double_padding_right { padding-right: calc(var(--FC-standard-multiplier) * 2); } .lg__double_padding_bottom { padding-bottom: calc(var(--FC-standard-multiplier) * 2); } .lg__double_padding_left { padding-left: calc(var(--FC-standard-multiplier) * 2); } /* = No Padding = */ .lg__no_padding { padding: 0px !important; } .lg__no_padding_top { padding-top: 0px !important; } .lg__no_padding_right { padding-right: 0px !important; } .lg__no_padding_bottom { padding-bottom: 0px !important; } .lg__no_padding_left { padding-left: 0px !important; } } @media screen and (max-width: 767.98px) { .md__standard_padding { padding: var(--FC-standard-multiplier); } .md__standard_padding_top { padding-top: var(--FC-standard-multiplier); } .md__standard_padding_right { padding-right: var(--FC-standard-multiplier); } .md__standard_padding_bottom { padding-bottom: var(--FC-standard-multiplier); } .md__standard_padding_left { padding-left: var(--FC-standard-multiplier); } /* = Double Padding = */ .md__double_padding { padding: calc(var(--FC-standard-multiplier) * 2); } .md__double_padding_top { padding-top: calc(var(--FC-standard-multiplier) * 2); } .md__double_padding_right { padding-right: calc(var(--FC-standard-multiplier) * 2); } .md__double_padding_bottom { padding-bottom: calc(var(--FC-standard-multiplier) * 2); } .md__double_padding_left { padding-left: calc(var(--FC-standard-multiplier) * 2); } /* = No Padding = */ .md__no_padding { padding: 0px !important; } .md__no_padding_top { padding-top: 0px !important; } .md__no_padding_right { padding-right: 0px !important; } .md__no_padding_bottom { padding-bottom: 0px !important; } .md__no_padding_left { padding-left: 0px !important; } } @media screen and (max-width: 559.98px) { .sm__standard_padding { padding: var(--FC-standard-multiplier); } .sm__standard_padding_top { padding-top: var(--FC-standard-multiplier); } .sm__standard_padding_right { padding-right: var(--FC-standard-multiplier); } .sm__standard_padding_bottom { padding-bottom: var(--FC-standard-multiplier); } .sm__standard_padding_left { padding-left: var(--FC-standard-multiplier); } /* = Double Padding = */ .sm__double_padding { padding: calc(var(--FC-standard-multiplier) * 2); } .sm__double_padding_top { padding-top: calc(var(--FC-standard-multiplier) * 2); } .sm__double_padding_right { padding-right: calc(var(--FC-standard-multiplier) * 2); } .sm__double_padding_bottom { padding-bottom: calc(var(--FC-standard-multiplier) * 2); } .sm__double_padding_left { padding-left: calc(var(--FC-standard-multiplier) * 2); } /* = No Padding = */ .sm__no_padding { padding: 0px !important; } .sm__no_padding_top { padding-top: 0px !important; } .sm__no_padding_right { padding-right: 0px !important; } .sm__no_padding_bottom { padding-bottom: 0px !important; } .sm__no_padding_left { padding-left: 0px !important; } } /* == Index == */ .z__index_10 { z-index: 10; } .z__index_20 { z-index: 20; } .z__index_30 { z-index: 30; } .z__index_40 { z-index: 40; } .z__index_50 { z-index: 50; } .z__index_60 { z-index: 60; } .z__index_70 { z-index: 70; } .z__index_80 { z-index: 80; } .z__index_90 { z-index: 90; } .z__index_100 { z-index: 100; } /* == Shadows == */ .standard__box_shadow { box-shadow: var(--FC-standard-box-shadow); } /* == Text Align == */ .text_align_center { text-align: center !important; } .text_align_left { text-align: left !important; } .text_align_right { text-align: right !important; } /* === Backgrounds === */ .bg__primary { background-color: var(--FC-primary-color) !important; } .bg__secondary { background-color: var(--FC-secondary-color) !important; } .bg__tertiary { background-color: var(--FC-tertiary-color) !important; } .bg__white { background-color: var(--FC-white) !important; } .bg__charcoal { background-color: var(--FC-charcoal) !important; } .bg__black { background-color: var(--FC-black) !important; } /* == Custom Flex Classes == */ .alignMiddleCenter { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; } .alignTopCenter { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; } .alignTopLeft { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: flex-start; } .alignMiddle { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: flex-start; } .alignBottom { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: flex-end; align-items: flex-start; } .alignSeperate { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: flex-start; } .alignBottomRight { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; } .alignMiddleRow { align-items: center; } /* === Animation Setup === */ .animate { --_animation-duration: var( --_inline-duration, var(--FC-transition-multiplier) ); transition: all var(--_animation-duration) ease-in; position: relative !important; opacity: 0; } .animate.begin { opacity: 1; } /* == Animations == * Animations should be handled with transforms to prevent the dom from * breaking and that way they can all be handled with classes. */ /* == Up == */ .animate.fade-up { transform: translateY(64px); } .animate.fade-up.begin { transform: translateY(0px); } /* == Right == */ .animate.fade-right { transform: translateX(-64px); } .animate.fade-right.begin { transform: translateX(0px); } /* == Down == */ .animate.fade-down { transform: translateY(-64px); } .animate.fade-down.begin { transform: translateY(0px); } /* == Left == */ .animate.fade-left { transform: translateX(64px); } .animate.fade-left.begin { transform: translateX(0px); } /* === Header Styles === */ .mobile__menuToggler { height: 40px; width: 40px; background-color: transparent; border: none; position: relative; overflow: hidden; z-index: 900; display: none; pointer-events: all; } .mobile__menuToggler .menuToggler__icon { position: absolute; top: -60px; left: -60px; height: 150px; width: 150px; } .mobile__lottie { height: 150px; width: 150px; } .menuToggle { opacity: 0; transition: var(--FC-default-transition); } .active .menuToggle, .sticky .menuToggle { opacity: 1; transition-duration: 0; } .mobile__navContainer { position: fixed; height: 100%; width: 100%; inset: 0; pointer-events: none; z-index: 999; } .site-container.activeMobileNav::before { content: ""; width: 100%; height: 100%; display: block; background-color: rgba(0, 0, 0, .4); position: absolute; top: 0; z-index: 999; } .mobile__navInner { position: relative; height: 100%; width: 100%; } .mobile__navWrapper { width: 50%; height: 100%; position: absolute; background-color: var(--FC-white); left: 100%; top: 0; transform: translateX(0%); transition: var(--FC-default-transition); pointer-events: all; padding: 81px 0px; overflow: hidden; overflow-y: scroll; z-index: 99999999 !important; } @media screen and (min-width: 1199.98px){ .mobile__navWrapper { display: none; } } @media screen and (max-width: 575px){ .mobile__navWrapper{ width: 75%; } } @media screen and (max-width: 450px){ .mobile__navWrapper{ width: 100%; } } .active .mobile__navWrapper { transform: translateX(-100%); } .mobile__mainNav { max-width: 100%; margin: auto; } /* == Header Breakpoint == */ @media screen and (max-width: 1199.98px) { .header__menuWrapper { display: none; } .mobile__menuToggler { display: block; } } /* === Begin Styles === */ .leftAlignedList{ padding-left: 1rem !important; } .justify-flex-end{ display: flex; justify-content: flex-end; align-items: center; } .blog__maxInnerColHeight .col-inner{ height: 100%; } .rounded-image figure{ max-width: 550px; max-height: 550px; } .rounded-image img{ border-radius: 50% !important; max-width: 100%; } /* @media screen and (max-width: 1199.98px){ .rounded-image img{ width: 400px; height: 400px; } } @media screen and (max-width: 991.98px){ .rounded-image img{ width: 350px; height: 350px; } } @media screen and (max-width: 767px){ .rounded-image img{ width: 300px; height: 300px; } } @media screen and (max-width: 576px){ .rounded-image img{ width: 275px; height: 275px; } } */ .topLeftDots::before{ content: url('../png/background-dots-top-left.png'); position: absolute; top: 0; left: 0; overflow: hidden; } .topRightDots::before{ content: url('../png/background-dots-top-right.png'); position: absolute; top: 0; right: 0; overflow: hidden; } .bottomRightDots::after{ content: url('../png/background-dots-bottom-right.png'); position: absolute; bottom: 0; right: 0; overflow: hidden; } .bottomLeftDots::after{ content: url('../png/background-dots-bottom-left.png'); position: absolute; bottom: 0; left: 0; overflow: hidden; } .dark__topLeftDots::before{ content: url('../png/background-dots-top-left.png'); position: absolute; top: 0; left: 0; overflow: hidden; } .dark__topRightDots::before{ content: url('../png/darktopright.png'); position: absolute; top: 0; right: 0; overflow: hidden; } .dark__bottomRightDots::after{ content: url('../png/darkbottomright.png'); position: absolute; bottom: 0; right: 0; overflow: hidden; } .dark__bottomLeftDots::after{ content: url('../png/background-dots-bottom-left-2.png'); position: absolute; bottom: 0; left: 0; overflow: hidden; } /* === Mobile Control Styles === */ .page-id-858 .dropdownBlock__copy ul{ column-count: 1; } .two-column-list{ column-count: 2; } @media screen and (max-width: 767px){ .two-column-list{ column-count: 1; } } /* === Single Supplier Styles === */ .singleSuppliers__customPadding{ padding-left: .65rem; padding-right: .65rem; } .supplier-template-default .dropdownBlock__copy *{ font-size: 16px; font-weight: 400; } /* ========== Home Page ========== */ .home .navbar{ margin-bottom: 0px; } .home__hiddenVideoContainer .container { max-height: 0; transition: max-height 0.3s ease-in, opacity .3s ease-in; opacity: 0; } .home__hiddenVideoContainer.active .container { max-height: 800px; transition: max-height 0.3s ease-in, opacity .3s ease-in; opacity: 1; } .home #col-block_8ce956350bda294f7b8d3f5d8f91d7f3 .pageBlock{ width: 100% !important; margin-bottom: 10px !important; } /* industry section styles */ .home .pageBox div{ height: 243px !important; } .home .pageBlocks{ max-height: 243px !important; } .home .numPages-4 .pageBox div{ height: 258px !important; } .home .numPages-4 .pageBox { margin-bottom: -8px; } .mobile__industriesImage{ display: none; } @media screen and (max-width: 575px){ .mobile__industriesImage{ display: block; } .mobile__hideIndustriesBlock{ display: none; } } @media screen and (max-width: 1199.98px){ .home .numPages-4 .pageBox .pageBlock{ max-width: 175px !important; height: 175px !important; } .home .numPages-4 .pageBox .pageBlock h3{ font-size: 20px !important; } .home__industriesRowHeading{ font-size: 64px !important; } } @media screen and (max-width: 991.98px){ .home__industriesRow{ flex-direction: column-reverse; } .home .numPages-4 .pageBox .pageBlock{ max-width: 200px !important; height: 200px !important; } .home__industriesRowHeading{ font-size: var(--FC-font-size-70) !important; } } @media screen and (max-width: 767.98px){ .home .pageGridRow{ display: grid; grid-template-columns: 1fr 1fr; } .home .pageBox{ width: 100%; } .home .numPages-4 .pageBox .pageBlock{ max-width: 215px !important; height: 215px !important; margin-bottom: 15px !important; } .home .numPages-4 .pageGridRow .pageBox:nth-child(2) .pageBlock, .home .numPages-4 .pageGridRow .pageBox:nth-child(4) .pageBlock, .home .numPages-4 .pageGridRow .pageBox:nth-child(6) .pageBlock, .home .numPages-4 .pageGridRow .pageBox:nth-child(8) .pageBlock, .home .numPages-4 .pageGridRow .pageBox:nth-child(10) .pageBlock, .home .numPages-4 .pageGridRow .pageBox:nth-child(12) .pageBlock, .home .numPages-4 .pageGridRow .pageBox:nth-child(14) .pageBlock, .home .numPages-4 .pageGridRow .pageBox:nth-child(16) .pageBlock, .home .numPages-4 .pageGridRow .pageBox:nth-child(18) .pageBlock { margin-left: auto !important; padding-right: 0px !important; } } @media screen and (max-width: 575px){ .home .pageGridRow{ display: flex; flex-direction: column; } .home .numPages-4 .pageGridRow .pageBox:nth-child(3), .home .numPages-4 .pageGridRow .pageBox:nth-child(6), .home .numPages-4 .pageGridRow .pageBox:nth-child(9), .home .numPages-4 .pageGridRow .pageBox:nth-child(12), .home .numPages-4 .pageGridRow .pageBox:nth-child(15), .home .numPages-4 .pageGridRow .pageBox:nth-child(18), .home .numPages-4 .pageGridRow .pageBox:nth-child(21), .home .numPages-4 .pageGridRow .pageBox:nth-child(24), .home .numPages-4 .pageGridRow .pageBox:nth-child(27) { padding-right: 0px !important; } .home .numPages-4 .pageBox .pageBlock{ max-width: 100% !important; width: 100% !important; height: auto !important; aspect-ratio: 1/1; } .home .numPages-4 .pageBox .pageBlock h3{ font-size: var(--FC-font-size-32) !important; } } .home #col-block_05e6ba85894949d1b7b187093b69bb24 { padding-top: 120px; } @media screen and (max-width: 1398.98px){ .afterHeroContainer{ margin-top: -370px !important; } } @media screen and (max-width: 991.98px){ /* .afterHeroContainer{ margin-top: -345px !important; } */ .home__hiddenVideoContainer{ padding-top: 0px !important; } .home .resourcesRow{ grid-template-columns: 1fr 1fr !important; } #containerBlockblock_c0536055919003bd8fbae24f30cb75f7, #containerBlockblock_496ecdf83a2baf9a72158a1472f38ae1, #containerBlockblock_9c7958ce76a9a00d1907e990983eb2d8{ padding: 150px 0px !important; } .home__spacer{ height: 150px !important; } } @media screen and (max-width: 767.98px){ .home .resourcesRow{ grid-template-columns: 1fr !important; } .home .resources__innerCopyWrapper h5{ min-height: 0 !important; } .home__spacer{ height: 100px !important; } .afterHeroContainer{ margin-top: -450px !important; z-index: 2 !important; } .home__hiddenVideoContainer.active{ padding-top: 64px !important; } } @media screen and (max-width: 575px){ .home__hiddenVideoContainer.active{ padding-top: 100px !important; } } /* ========== Our Company Page ========== */ .page-id-872 .curved-overlay path{ fill: var(--FC-secondary-color); } .ourCompany__videoContainer{ margin-top: -300px !important; } .ourCompany__video video{ border-radius: 30px !important; } @media screen and (max-width: 992px){ .ourCompany__videoContainer{ margin-top: -200px !important; } #containerBlockblock_db04260dd465516de0707907e32798df{ padding-bottom: 275px !important; } } @media screen and (max-width: 767px){ .ourCompany__videoContainer{ margin-top: -135px !important; } #containerBlockblock_db04260dd465516de0707907e32798df{ padding-bottom: 175px !important; } .ourCompany__mobileSpacer{ height: 100px !important; } #custom-block-block_8c6c8388c532cc301abfe5df62b163f9{ padding-bottom: 50px !important; } } /* ========== Locations Page ========== */ .locations__column .col-inner{ padding: 16px !important; border-radius: 30px; border: solid 1px var(--FC-secondary-color); } .locations__column .col-inner iframe{ width: 100% !important; height: auto !important; } /* ========== Careers Page ========== */ .page-id-875 .capabilities__copy.active *{ color: var(--FC-secondary-color) !important; } /* ========== Heart to Care ========== */ .space-between{ justify-content: space-between; } /* ========== Service Areas and Locations Page ========== */ .page-id-876 h1{ line-height: 1 !important; } /* ========== Associations and Certificates Page ========== */ .page-id-874 h1{ line-height: 1 !important; } @media screen and (max-width: 450px){ .page-id-874 h1{ font-size: 40px; } } .ESVContainer { z-index: 10; } /* ========== Responsive Fixes ========== */ @media screen and (max-width: 767px){ .column-reverse{ flex-direction: column-reverse !important; } .column-reverse .rounded-image figure{ margin-left: auto !important; margin-right: auto !important; } .centered-image figure{ margin-left: 0 !important; margin-right: 0 !important; } .mobile__noPaddingLeft .col-inner, ul.mobile__noPaddingLeft{ padding-left: 0 !important; } ul.mobile__noPaddingList{ padding-left: 0 !important; } .mobile__noMarginLeft figure{ margin-left: 0 !important; } .mobile__smallSpacer{ height: 32px !important; } } /* ========== Solutions - Factory Automation ========== */ .page-id-851 h1{ line-height: 1 !important; } .redPlus_List li a{ line-height: 1.5 !important; } /* ========== Industry Pages ========== */ @media screen and (max-width: 1399.98px){ .circleImage figure{ max-width: 400px !important; width: 100% !important; height: 100% !important; } .circleImage figure img{ aspect-ratio: 1; object-position: top; } } @media screen and (max-width: 991.98px){ .moveDown_eighty{ margin-bottom: -25px !important; } .marginBottom_NEGATIVEFOURTY{ margin-bottom: 0px !important; padding-bottom: 25px; } .page-id-529 .marginBottom_NEGATIVESEVENTYFIVE{ margin-bottom: 0px !important; padding-bottom: 25px; } } @media screen and (max-width: 767.98px){ .circleImage_Big figure{ margin-left: 0px !important; } .circleImage_Big img{ width: 100%; } .circleImage{ display: flex; justify-content: center; } } /* ========== Services - Inventory Management ========== */ .page-id-865 h1{ line-height: 1 !important; } /* ========== Services - Value Added Services ========== */ .page-id-6451 h1{ line-height: 1 !important; } /* ========== Industries Parent Page ========== */ @media screen and (max-width: 1399.98px) { .page-id-498 .numPages-4 .pageBlock { max-width: 300px; height: 300px; } .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(3), .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(6), .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(9), .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(12), .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(15), .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(18), .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(21), .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(24), .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(27) { padding-right: 0px !important; } .page-id-498 .numPages-4 .pageBox{ margin-bottom: 55px; margin-top: 10px; } } @media screen and (max-width: 1199.98px) { .page-id-498 .numPages-4 .pageBlock { max-width: 250px; height: 250px; } .page-id-498 .numPages-4 .pageBox{ margin-bottom: 44px; } } @media screen and (max-width: 991.98px) { .page-id-498 .numPages-4 .pageBlock { max-width: 200px; height: 200px; } .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(2), .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(5), .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(8), .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(11), .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(14), .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(17), .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(20), .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(23) { padding: 0px !important; } .page-id-498 .numPages-4 .pageBox { margin-bottom: 0; margin-top: 20px !important; } } @media screen and (max-width: 767.98px) { .page-id-498 .pageGridRow { display: grid; grid-template-columns: 1fr 1fr; } .page-id-498 .numPages-4 .pageBlock { max-width: 220px; height: 220px; } .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(2) .pageBlock, .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(4) .pageBlock, .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(6) .pageBlock, .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(8) .pageBlock, .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(10) .pageBlock, .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(12) .pageBlock, .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(14) .pageBlock, .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(16) .pageBlock { margin-left: auto; } } @media screen and (max-width: 575.98px) { .page-id-498 .pageGridRow { grid-template-columns: 1fr; } .page-id-498 .numPages-4 .pageBlock { max-width: 300px; width: 100%; max-height: 300px; height: 100%; aspect-ratio: 1/1; } .page-id-498 .numPages-4 .pageBox { display: flex; justify-content: center; } .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(2) .pageBlock, .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(4) .pageBlock, .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(6) .pageBlock, .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(8) .pageBlock, .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(10) .pageBlock, .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(12) .pageBlock, .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(14) .pageBlock, .page-id-498 .numPages-4 .pageGridRow .pageBox:nth-child(16) .pageBlock { margin-left: 0px; } } /* ========== Footer Styling ========== */ .mobile__footer{ display: none; } @media screen and (max-width: 767.98px){ .desktop__footer{ display: none; } .mobile__footer{ display: block; } .mobile__footer .copyrightRow *{ font-size: 12px !important; } .footer__logoWrapper{ display: flex; flex-direction: column; align-items: center; } .footer__logoContentWrapper{ display: flex; flex-direction: row; justify-content: space-between; width: 100%; align-items: center; padding-top: 32px; flex-wrap: wrap; } .socialIcons{ width: 50px; height: 50px; aspect-ratio: 1/1; } .footerNavFirst li:first-child a{ padding: 0.5rem 0rem !important; } #menu-footer-nav-extra-1{ display: grid; grid-template-columns: 1fr 1fr 1fr; } #menu-footer-nav-extra-1 li:nth-child(3n+2) { text-align: center; } #menu-footer-nav-extra-1 li:nth-child(3n) { text-align: right; } .footer__subMenu { max-height: 35px; overflow: hidden; transition: max-height 0.5s ease-in-out; } .footer__subMenu.active { max-height: 500px; overflow: visible; transition: max-height 0.5s ease-out; } .footer__subMenuWrapper{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .footer__subMenuWrapper p, .footer__subMenuWrapper p a{ margin-bottom: 0px; font-size: 15px; } .footer__plusMinusIcon{ color: var(--FC-secondary-color); margin-top: -2px; font-size: 24px !important; transform: rotate(0deg); transition: transform 0.5s ease-out; cursor: pointer; } .footer__plusMinusIcon.active{ transform: rotate(45deg); transition: transform 0.5s ease-out; } } /* ========== Curved Header Responsive Styling ========== */ @media screen and (max-width: 1199.98px){ .page-id-543 .pageHeader__title{ max-width: 100% !important; } } @media screen and (max-width: 991.98px){ .page-id-877 .parallaxMoveUp{ padding-top: 50px !important; } } @media screen and (max-width: 767.98px){ .parallaxMoveUp{ padding-top: 50px !important; } .page-id-543 .pageHeader__title{ font-size: 54px !important; } .page-id-6451 .pageHeader__title{ width: 100% !important; } } @media screen and (max-width: 575.98px){ .page-id-877 .parallaxMoveUp{ padding-top: 0px !important; margin-top: -125px !important; } .page-id-543 .pageHeader__title{ font-size: 36px !important; } .page-id-6451 .pageHeader__title{ font-size: 52px !important; } } @media screen and (max-width: 450px){ .page-id-865 .pageHeader__title{ font-size: 48px !important; } } /* ========== Mobile Nav Styles ========== */ @media screen and (max-width: 1199.98px){ .mobileNav__pageGroupWrapper{ padding: 16px 32px; border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.12) } .mobileNav__parentNavWrapper{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .mobileNav__link{ color: var(--FC-iron); } .mobileNav__link:active, .mobileNav__link:hover{ color: var(--FC-primary-color); } .mobileNav__subMenu .parentLink{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 16px 0px; color: var(--FC-secondary-color); border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.12) } .mobileNav__childMenuButton, .mobileNav__grandchildMenuButton{ /* transition: var(--FC-default-transition); */ cursor: pointer; } /* .mobileNav__childMenuButton.active, .mobileNav__grandchildMenuButton.active{ transform: rotate(90deg); transition: var(--FC-default-transition); } */ .mobileNav__childSubMenu{ display: flex; flex-direction: column; overflow: hidden; position: absolute; top: 0; left: 0; background-color: var(--FC-white); transform: translateX(-100%); opacity: 0; transition: var(--FC-default-transition); width: 100%; } .mobileNav__childSubMenu.active{ opacity: 1; transform: translateX(0); transition: var(--FC-default-transition); /* z-index: 99; */ /* height: 100%; */ z-index: 10; } .mobileNav__childSubMenuItem{ color: var(--FC-iron); padding: 16px; padding-left: 0px; } .mobileNav__childSubMenuItem.hover{ color: var(--FC-primary-color); } .mobileNav__childSubMenuItem:active, .mobileNav__grandchildSubMenuItem:active{ color: var(--FC-primary-color); } .mobileNav__hasChildMenu{ display: flex; flex-direction: column; justify-content: space-between; } .mobileNav__linkWrapper{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.12); padding: 0px 32px; } .mobileNav__subMenuBack, .mobileNav__grandchildMenuBack{ padding: 16px 32px; display: flex; flex-direction: row; align-items: center; max-width: 100%; cursor: pointer; color: var(--FC-secondary-color); border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.12) } .mobileNav__grandchildSubMenu.active .mobileNav__grandchildMenuBack{ padding: 16px 32px; } .mobileNav__subMenuBack p, .mobileNav__grandchildMenuBack p{ color: var(--FC-secondary-color); border: none !important; padding: 0px !important; } .mobileNav__subMenu{ position: absolute; top: 0; left: 0; transform: translateX(-100%); opacity: 0; transition: var(--FC-default-transition); width: 100%; padding-bottom: 16px; } .mobileNav__subMenu .parentLink{ padding: 16px 32px; } .mobileNav__subMenu.active{ transform: translateX(0); opacity: 1; transition: var(--FC-default-transition); } .mobileNav__subMenuButton{ cursor: pointer; } .mobileNav__subMenu a{ color: var(--FC-iron); } .mobileNav__subMenu a:hover{ color: var(--FC-primary-color); } .mobileNav__subMenu a:active{ color: var(--FC-primary-color); } .mobileNav__pageGroupWrapper.active{ opacity: 0; transition: var(--FC-default-transition); pointer-events: none; } .mobileNav__grandchildSubMenu{ position: absolute; top: 0; left: 0; transform: translateX(-100%); opacity: 0; transition: var(--FC-default-transition); width: 100%; height: 100%; } .mobileNav__grandchildSubMenu.active{ transform: translateX(0); opacity: 1; /* z-index: 9999; */ transition: var(--FC-default-transition); background-color: var(--FC-white); } .mobileNav__grandchildSubMenu .mobileNav__grandchildMenuBack, .mobileNav__grandchildSubMenu p{ padding-left: 16px; } .mobileNav__grandchildSubMenu p, .mobileNav__childSubMenu p, .mobileNav__subMenu p{ padding: 16px 32px; margin-bottom: 0px; border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.12); } .parentLink.active{ opacity: 0; pointer-events: none; } } /* ========== Random Styles ========== */ /* Target only the first paragraph within the custom block */ #custom-block-block_b65877d3ea2c4bdfa5e8d4a0d21da0d3 p:first-of-type:not(.animated_Red_CTA), #custom-block-block_0d27c3c30f120367e2f0379af08d438f p:first-of-type:not(.animated_Red_CTA) { color: #000; } @media screen and (max-width: 767px){ #custom-block-block_b65877d3ea2c4bdfa5e8d4a0d21da0d3 .container, #custom-block-block_0d27c3c30f120367e2f0379af08d438f .container{ padding-left: 0px; } } /* === Custom Systems === */ #custom-block-block_99e3fda04e4c362625870d609e7d32ff{ padding-left: 5px !important; padding-right: 5px !important; } /* === Automation === */ @media screen and (max-width: 767px){ #containerBlockblock_4c961d50eeafd17a29db000ecb4d620d{ padding-bottom: 0px !important; } } /* === Fluid Power (Factory Automation) === */ @media screen and (max-width: 767px){ #containerBlockblock_dc79febc46cb3a333b02b3e465723402{ padding-bottom: 0px !important; } } /* === System Solutions === */ @media screen and (max-width: 767px){ #containerBlockblock_a62a9ce61634a6be321be3150600ee65{ padding-bottom: 0px !important; } } /* === Fluid Power (Heavy Industrial) === */ @media screen and (max-width: 767px){ #containerBlockblock_a92c25934769be33084cd5fde489f7df{ padding-bottom: 0px !important; } } /* === Controls === */ @media screen and (max-width: 767px){ #containerBlockblock_58d20834ace9eb7922857cd00a8353cb{ padding-bottom: 0px !important; } } /* === Propulsion === */ @media screen and (max-width: 767px){ #containerBlockblock_26a64b7915bf5171007c6e1b212c1363{ padding-bottom: 0px !important; } } /* === Actuations === */ @media screen and (max-width: 767px){ #containerBlockblock_453c75dcc462739d4a7a6e4582f79242{ padding-bottom: 0px !important; } } /* === Optimization === */ @media screen and (max-width: 767px){ #containerBlockblock_88df79a30f3e5c7a19089b151bd378e2{ padding-bottom: 0px !important; } } /* === Electrification === */ @media screen and (max-width: 767px){ #containerBlockblock_ba20f9f33163cc440eb3ef933dd6e15b{ padding-bottom: 0px !important; } } /* === Fast-Moving Consumer Goods === */ @media screen and (max-width: 767px){ .page-id-531 h1{ font-size: 54px; } } @media screen and (max-width: 575px){ .page-id-531 h1{ font-size: 40px; } } /* === Service & Repair === */ @media screen and (max-width: 767px){ #containerBlockblock_366b52a54161262a3e60c8391880e751{ padding-bottom: 50px !important; } } /* === Evolution in Controls === */ @media screen and (max-width: 767px){ #containerBlockblock_33599154da6ba0e3c873615b53b4d5f7 .container{ padding: 0px; } .mobile__flexToGrid{ display: grid; grid-template-columns: 1fr 1fr 1fr; } } /* === Products === */ @media screen and (max-width: 767px){ .page-id-860 .numPages-3 .pageGridRow .pageBox:nth-child(1){ margin-left: 0px; } } @media screen and (min-width: 3800px){ .parallaxMoveUp{ padding-top: 175px !important; } #curvedHeader_FOR_TEMPLATE .bgImageContainer{ height: 650px !important; } } /* === Cookie Popup === */ #cmplz-cookiebanner-container{ z-index: 99999999; } .wp-block-columns{ gap: 32px !important; } .noVeritcalMargins{ margin-top: 0px !important; margin-bottom: 0px !important; } @media screen and (max-width: 767px){ .wp-block-columns{ gap: 25px !important; } } .single-post p strong{ color: var(--FC-iron) !important; } /* .site-inner .wp-block-list li { list-style: none; position: relative; padding-left: 16px; display: block; } .site-inner .wp-block-list li::before { content: "+"; position: relative; left: -16px; font-weight: 900; color: var(--FC-primary-color); width: 10px; text-align: center; top: 29px; } .site-inner .wp-block-list { padding-left: 0px !important; } */ .single-post .site-inner .wp-block-list li:before, .single-products .site-inner .wp-block-list li:before, .single-legacy-product .site-inner .wp-block-list li:before { content: "+"; position: absolute; left: -10px; font-weight: 900; color: var(--FC-primary-color); } /* .single-post .site-inner .wp-block-list{ padding-left: 0px !important; } */ /* === Service and Support Page === */ .serviceSupport__col .col-inner{ border: solid 3px var(--FC-secondary-color); border-radius: 25px; background-color: var(--FC-white); } .serviceSolution__image{ max-width: 200px; width: 100%; margin: auto; } /* Bosch Rexroth Tightening Product Page */ .single-products.postid-5597 .CTA_Block::before{ display: none !important; } .borderRadius__30 figure img{ border-radius: 30px; } .site-inner img{ border-radius: 32px; } .image__width_800{ max-width: 800px; width: 100%; margin: auto; } .borderRadius__none figure img, .borderRadius__none a img, .borderRadius__none img{ border-radius: 0px; } .whiteCTAText .CTA_Section h2{ color: var(--FC-white) !important; } .rowAlignItemsCenter{ align-items: center; } /* === Styles for "Evolution Connects I/O Block and Cable Stocking Program" Page === */ .postid-10513 .productsBodyContainer, .postid-11520 .productsBodyContainer{ max-width: 100% !important; width: 100% !important; padding-left: 0px !important; padding-right: 0px !important; } .postid-10513 .single__bodyContainer{ padding-top: 0px; } .postid-10513 .productsBodyContainer .container{ padding: 0 2.3em; } .postid-10513 .productsBodyContainer .single__entryContent, .postid-11520 .productsBodyContainer .single__entryContent{ padding-bottom: 0px !important; } .forceWhiteColor, .forceWhiteColor strong{ color: var(--FC-white) !important; } .maxWidth300 figure img{ max-width: 300px; width: 100%; } .darkBorder .col-inner{ border: solid 1px var(--FC-secondary-color); padding: 10px !important; height: 100%; background-color: #ffffff !important; } .darkBorder .col-inner p{ margin-bottom: 0px !important; } .column__directionRow .col-inner{ display: flex; flex-direction: row; justify-content: flex-start; } .rexrothProductIconRow{ border-bottom: solid 1px var(--FC-secondary-color); padding-bottom: 20px !important; margin-bottom: 25px !important; } .centerIconPadding{ padding-left: 16px; padding-right: 16px; } .leftIconPadding{ padding-right: 16px; } .postid-10963 .solutionsGrid__innerColumn{ height: 700px !important; } @media screen and (max-width: 1399.98px){ .postid-10963 .solutionsGrid__innerColumn{ height: 800px !important; } } @media screen and (max-width: 1199.98px){ .postid-10963 .solutionsGrid__innerColumn{ height: 1100px !important; } } @media screen and (max-width: 991.98px){ .postid-10963 .solutionsGrid__innerColumn{ height: 600px !important; } } .single-supplier .singleSupplier__headerContainer img{ border-radius: 0px !important; }