/*!***********************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./assets/src/css/vendors/magnific-popup.css ***! \***********************************************************************************************************************************************************************************************/ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:"";display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:"";position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{transform:scale(.75)}.mfp-arrow-left{transform-origin:0}.mfp-arrow-right{transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}} /*!***************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/src/css/bundle.scss ***! \***************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /* Theme Name: Base Theme Package Theme URI: http://hwdesign.com Author: Team HW Author URI: http://hwdesign.com/team Description: WordPress theme by HW Design Version: 1.0 */ /* ------------------------------------------------------------------ >>> TABLE OF CONTENTS: <<< -------------------------------------------------------------------- > Variables >> Colors >> Columns > Mixins > Fonts > Defaults >> Normalize >> Forms Defaults >> Clearings > Typography >> Headings >> Copy > Elements >> Lists >> Quotes >> Tables >> Images >> Links > Forms >> Buttons >> Fields >> Form Elements > Media >> Captions >> Galleries > WordPress Core >> Accessibility >> Alignments >> Posts & Pages >> Pagination >> Comments >> Widgets > Site >> Layout >>> Header >>> Footer >> Theme >> Blog >> Single >> Home Page >> About Us >> Contact Us >> Burgers Landing >> Single Burger >> Blocks > Responsive >> Regular Queries >> Extra Queries > Import Fonts > Vendors > Owl Carousel > Slick Nav ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Variables ------------------------------------------------------------------ */ :root { --gb_base_unit: 0.125rem; --base_unit-half: math.div(var(--gb_base_unit), 2); /*------------------------------------------------- >> Variables for Spaces -------------------------------------------------*/ --space_base_unit: var(--gb_base_unit); /* ------- [ D-2 to M-2 ] - [ gl-s2 ] ------- */ --gb_space_1_max: var(--space_base_unit) * 1; --gb_space_1_min: var(--space_base_unit) * 1; --gb_space_1: clamp(var(--gb_space_1_min), calc(0.125rem + ((1vw - 7.68px) * 0)), var(--gb_space_1_max)); /* ------- [ D-4 to M-4] - [ gl-s4] ------- */ --gb_space_2_max: var(--space_base_unit) * 2; --gb_space_2_min: var(--space_base_unit) * 2; --gb_space_2: clamp(var(--gb_space_2_min), calc(0.25rem + ((1vw - 7.68px) * 0)), var(--gb_space_2_max)); /* ------- [ D-6 to M-6] - [ gl-s6] ------- */ --gb_space_3_max: var(--space_base_unit) * 3; --gb_space_3_min: var(--space_base_unit) * 3; --gb_space_3: clamp(var(--gb_space_3_min), calc(0.375rem + ((1vw - 7.68px) * 0)), var(--gb_space_3_max)); /* ------- [ D-8 to M-8] - [ gl-s8] ------- */ --gb_space_4_max: var(--space_base_unit) * 4; --gb_space_4_min: var(--space_base_unit) * 4; --gb_space_4: clamp(var(--gb_space_4_min), calc(0.5rem + ((1vw - 7.68px) * 0)), var(--gb_space_4_max)); /* ------- [ D-12 to M-10] - [ gl-s12] ------- */ --gb_space_5_max: var(--space_base_unit) * 6; --gb_space_5_min: var(--space_base_unit) * 5; --gb_space_5: clamp(var(--gb_space_5_min), calc(0.625rem + ((1vw - 7.68px) * 0.3436)), var(--gb_space_5_max)); /* ------- [ D-16 to M-12] - [ gl-s16] ------- */ --gb_space_6_max: var(--space_base_unit) * 8; --gb_space_6_min: var(--space_base_unit) * 6; --gb_space_6: clamp(var(--gb_space_6_min), calc(0.75rem + ((1vw - 7.68px) * 0.6873)), var(--gb_space_6_max)); /* ------- [ D-20 to M-16] - [ gl-s20] ------- */ --gb_space_7_max: var(--space_base_unit) * 10; --gb_space_7_min: var(--space_base_unit) * 8; --gb_space_7: clamp(var(--gb_space_7_min), calc(1rem + ((1vw - 7.68px) * 0.6873)), var(--gb_space_7_max)); /* ------- [ D-24 to M-18] - [ gl-s24] ------- */ --gb_space_8_max: var(--space_base_unit) * 12; --gb_space_8_min: var(--space_base_unit) * 9; --gb_space_8: clamp(var(--gb_space_8_min), calc(1.125rem + ((1vw - 7.68px) * 1.0309)), var(--gb_space_8_max)); /* ------- [ D-28 to M-20] - [ gl-s28] ------- */ --gb_space_20_max: var(--space_base_unit) * 14; --gb_space_20_min: var(--space_base_unit) * 10; --gb_space_20: clamp(var(--gb_space_20_min), calc(1.25rem + ((1vw - 7.68px) * 1.3746)), var(--gb_space_20_max)); /* ------- [ D-30 to M-22] - [ gl-s30] ------- */ --gb_space_9_max: var(--space_base_unit) * 15; --gb_space_9_min: var(--space_base_unit) * 11; --gb_space_9: clamp(var(--gb_space_9_min), calc(1.375rem + ((1vw - 7.68px) * 1.3746)), var(--gb_space_9_max)); /* ------- [ D-36 to M-28] - [ gl-s36] ------- */ --gb_space_10_max: var(--space_base_unit) * 18; --gb_space_10_min: var(--space_base_unit) * 14; --gb_space_10: clamp(var(--gb_space_10_min), calc(1.75rem + ((1vw - 7.68px) * 1.3746)), var(--gb_space_10_max)); /* ------- [ D-44 to M-32] - [ gl-s44] ------- */ --gb_space_11_max: var(--space_base_unit) * 22; --gb_space_11_min: var(--space_base_unit) * 16; --gb_space_11: clamp(var(--gb_space_11_min), calc(2rem + ((1vw - 7.68px) * 2.0619)), var(--gb_space_11_max)); /* ------- [ D-52 to M-38] - [ gl-s52] ------- */ --gb_space_19_max: var(--space_base_unit) * 26; --gb_space_19_min: var(--space_base_unit) * 19; --gb_space_19: clamp(var(--gb_space_19_min), calc(2.375rem + ((1vw - 7.68px) * 2.4055)), var(--gb_space_19_max)); /* ------- [ D-64 to M-44] - [ gl-s64] ------- */ --gb_space_18_max: var(--space_base_unit) * 32; --gb_space_18_min: var(--space_base_unit) * 22; --gb_space_18: clamp(var(--gb_space_18_min), calc(2.75rem + ((1vw - 7.68px) * 2.9762)), var(--gb_space_18_max)); /* ------- [ D-80 to M-50] - [ gl-s80] ------- */ --gb_space_12_max: var(--space_base_unit) * 40; --gb_space_12_min: var(--space_base_unit) * 25; --gb_space_12: clamp(var(--gb_space_12_min), calc(3.125rem + ((1vw - 7.68px) * 5.1546)), var(--gb_space_12_max)); /* ------- [ D-96 to M-56] - [ gl-s96] ------- */ --gb_space_13_max: var(--space_base_unit) * 48; --gb_space_13_min: var(--space_base_unit) * 28; --gb_space_13: clamp(var(--gb_space_13_min), calc(3.5rem + ((1vw - 7.68px) * 6.8729)), var(--gb_space_13_max)); /* ------- [ D-128 to M-64] - [ gl-s128] ------- */ --gb_space_14_max: var(--space_base_unit) * 64; --gb_space_14_min: var(--space_base_unit) * 32; --gb_space_14: clamp(var(--gb_space_14_min), calc(4rem + ((1vw - 7.68px) * 10.9966)), var(--gb_space_14_max)); /* ------- [ D-156 to M-72] - [ gl-s156] ------- */ --gb_space_15_max: var(--space_base_unit) * 78; --gb_space_15_min: var(--space_base_unit) * 36; --gb_space_15: clamp(var(--gb_space_15_min), calc(4.5rem + ((1vw - 7.68px) * 14.433)), var(--gb_space_15_max)); /* ------- [ D-200 to M-82] - [ gl-s200] ------- */ --gb_space_16_max: var(--space_base_unit) * 100; --gb_space_16_min: var(--space_base_unit) * 41; --gb_space_16: clamp(var(--gb_space_16_min), calc(5.125rem + ((1vw - 7.68px) * 20.2749)), var(--gb_space_16_max)); /* ------- [ D-236 to M-92] - [ gl-s236] ------- */ --gb_space_17_max: var(--space_base_unit) * 118; --gb_space_17_min: var(--space_base_unit) * 46; --gb_space_17: clamp(var(--gb_space_17_min), calc(5.75rem + ((1vw - 7.68px) * 24.7423)), var(--gb_space_17_max)); /* ------- [ D-160 to M-117] - [ gl-s160] ------- */ --gb_space_21_max: var(--space_base_unit) * 80; --gb_space_21_min: var(--space_base_unit) * 58.5; --gb_space_21: clamp(var(--gb_space_21_min), calc(7.3125rem + ((1vw - 7.68px) * 6.3988)), var(--gb_space_21_max)); /* ------------------------------------------------- >> Font Sizes ------------------------------------------------- */ --font_base_unit: var(--gb_base_unit); /* ------- [ D-35 to M-35 ] - [ ] ------- */ --gb_font_size_1_max: var(--font_base_unit) * 17.5; --gb_font_size_1_min: var(--font_base_unit) * 16; --gb_font_size_1: clamp(var(--gb_font_size_1_min), calc(2rem + ((1vw - 3.75px) * 0.3077)), var(--gb_font_size_1_max)); /* ------- [ D-35 to M-22 ] - [ ] ------- */ --gb_font_size_2_max: var(--font_base_unit) * 16; --gb_font_size_2_min: var(--font_base_unit) * 14; --gb_font_size_2: clamp(var(--gb_font_size_2_min), calc(1.75rem + ((1vw - 3.75px) * 0.4103)), var(--gb_font_size_2_max)); /* ------- [ D-28 to M-20 ] - [ ] ------- */ --gb_font_size_3_max: var(--font_base_unit) * 14; --gb_font_size_3_min: var(--font_base_unit) * 12; --gb_font_size_3: clamp(var(--gb_font_size_3_min), calc(1.25rem + ((1vw - 7.68px) * 1.3746)), var(--gb_font_size_3_max)); /* ------- [ D-24 to M-18 ] - [ ] ------- */ --gb_font_size_4_max: var(--font_base_unit) * 12; --gb_font_size_4_min: var(--font_base_unit) * 11; --gb_font_size_4: clamp(var(--gb_font_size_4_min), calc(1.125rem + ((1vw - 7.68px) * 1.0309)), var(--gb_font_size_4_max)); /* ------- [ D-22 to M-16 ] - [ ] ------- */ --gb_font_size_5_max: var(--font_base_unit) * 11; --gb_font_size_5_min: var(--font_base_unit) * 10; --gb_font_size_5: clamp(var(--gb_font_size_5_min), calc(1rem + ((1vw - 7.68px) * 1.0309)), var(--gb_font_size_5_max)); /* ------- [ D-16 to M-14 ] - [ ] ------- */ --gb_font_size_6_max: var(--font_base_unit) * 10; --gb_font_size_6_min: var(--font_base_unit) * 9; --gb_font_size_6: clamp(var(--gb_font_size_6_min), calc(0.875rem + ((1vw - 7.68px) * 0.3436)), var(--gb_font_size_6_max)); /* ------- [ D-20 to M-35] - [ Text-20] ------- */ --gb_font_size_7_max: var(--space_base_unit) * 10; --gb_font_size_7_min: var(--space_base_unit) * 17.5; --gb_font_size_7: clamp(var(--gb_font_size_7_min), calc(2.1875rem + ((1vw - 7.68px) * -2.5773)), var(--gb_font_size_7_max)); /* ------- [ D-20 to M-20] - [ Text-20 - USED] ------- */ --gb_font_size_8_max: var(--space_base_unit) * 10; --gb_font_size_8_min: var(--space_base_unit) * 9; --gb_font_size_8: clamp(var(--gb_font_size_8_min), calc(1.25rem + ((1vw - 7.68px) * 0)), var(--gb_font_size_8_max)); /* ------- [ D-16 to M-16] - [ Text-16- USED] ------- */ --gb_font_size_9_max: var(--space_base_unit) * 8; --gb_font_size_9_min: var(--space_base_unit) * 8; --gb_font_size_9: clamp(var(--gb_font_size_9_min), calc(1rem + ((1vw - 7.68px) * 0)), var(--gb_font_size_9_max)); /* ------- [ D-25 to M-16] - [ Text-25] ------- */ --gb_font_size_10_max: var(--space_base_unit) * 12.5; --gb_font_size_10_min: var(--space_base_unit) * 8; --gb_font_size_10: clamp(var(--gb_font_size_10_min), calc(1rem + ((1vw - 7.68px) * 1.5464)), var(--gb_font_size_10_max)); /* ------- [ D-25 to M-35] - [ Text-25] ------- */ --gb_font_size_11_max: var(--space_base_unit) * 12.5; --gb_font_size_11_min: var(--space_base_unit) * 17.5; --gb_font_size_11: clamp(var(--gb_font_size_11_min), calc(2.1875rem + ((1vw - 7.68px) * -1.7182)), var(--gb_font_size_11_max)); /* ------- [ D-40 to M-25] - [ Text-40] ------- */ --gb_font_size_12_max: var(--space_base_unit) * 20; --gb_font_size_12_min: var(--space_base_unit) * 17; --gb_font_size_12: clamp(var(--gb_font_size_12_min), calc(1.5625rem + ((1vw - 7.68px) * 2.5773)), var(--gb_font_size_12_max)); /* ------- [ D-18 to M-18] - [ Text-18] ------- */ --gb_font_size_13_max: var(--space_base_unit) * 9; --gb_font_size_13_min: var(--space_base_unit) * 8; --gb_font_size_13: clamp(var(--gb_font_size_13_min), calc(1.125rem + ((1vw - 7.68px) * 0)), var(--gb_font_size_13_max)); /* ------- [ D-16 to M-14] - [ Text-16] ------- */ --gb_font_size_14_max: var(--space_base_unit) * 8; --gb_font_size_14_min: var(--space_base_unit) * 7; --gb_font_size_14: clamp(var(--gb_font_size_14_min), calc(0.875rem + ((1vw - 7.68px) * 0.3436)), var(--gb_font_size_14_max)); /* ------- [ D-20 to M-16] - [ Text-20] ------- */ --gb_font_size_15_max: var(--space_base_unit) * 10; --gb_font_size_15_min: var(--space_base_unit) * 10; --gb_font_size_15: clamp(var(--gb_font_size_15_min), calc(1rem + ((1vw - 7.68px) * 0.6873)), var(--gb_font_size_15_max)); /* ------- [ D-10 to M-10] - [ Text-10] ------- */ --gb_font_size_16_max: var(--space_base_unit) * 5; --gb_font_size_16_min: var(--space_base_unit) * 5; --gb_font_size_16: clamp(var(--gb_font_size_16_min), calc(0.625rem + ((1vw - 7.68px) * 0)), var(--gb_font_size_16_max)); /* ------- [ D-25 to M-20] - [ Text-10] ------- */ --gb_font_size_17_max: 25px; --gb_font_size_17_min: 20px; --gb_font_size_17: clamp(var(--gb_font_size_17_min), calc(1.25rem + ((1vw - 7.68px) * 0.8591)), var(--gb_font_size_17_max)); /* ------------------------------------------------- >> Line Height ------------------------------------------------- */ --gb_line_height_base_unit: 1; --line_height_xsmall: calc(var(--gb_line_height_base_unit) * 1); --line_height_small: calc(var(--gb_line_height_base_unit) * 1.1); --line_height_medium: 110%; --line_height_large: calc(var(--gb_line_height_base_unit) * 1.4); --line_height_xlarge: calc(var(--gb_line_height_base_unit) * 1.5); --line_height_115per: calc(var(--gb_line_height_base_unit) * 115%); --line_height_105per: calc(var(--gb_line_height_base_unit) * 105%); --line_height_125per: calc(var(--gb_line_height_base_unit) * 125%); --line_height_110per: calc(var(--gb_line_height_base_unit) * 110%); --line_height_160per: calc(var(--gb_line_height_base_unit) * 160%); --line_height_130per: calc(var(--gb_line_height_base_unit) * 130%); --line_height_120per: calc(var(--gb_line_height_base_unit) * 120%); --line_height_140per: calc(var(--gb_line_height_base_unit) * 140%); /* ------------------------------------------------- >> Letter Spacing ------------------------------------------------- */ --gb_letter_spacing_base_unit: 1px; --letter_spacing_xsmall: calc(var(--gb_letter_spacing_base_unit) * 0); --letter_spacing_small: calc(var(--gb_letter_spacing_base_unit) * -0.5); --letter_spacing_medium: normal; --letter_spacing_large: calc(var(--gb_letter_spacing_base_unit) * 1); --letter_spacing_xlarge: calc(var(--gb_letter_spacing_base_unit) * 1.5); /* ------------------------------------------------- >> Border Radius ------------------------------------------------- */ --border_radius_small: calc(var(--gb_base_unit) * 1); --border_radius_medium: calc(var(--gb_base_unit) * 2); --border_radius_large: calc(var(--gb_base_unit) * 2); /* ------------------------------------------------- >> Color variables ------------------------------------------------- */ /* >> Base Colors */ --gb_color_primary: #FFB500; --gb_color_on_primary: #000000; --gb_Primary_White: #ffffff; --gb_Primary_Pale_Blue: #B9DCFC; --gb_color_secondary: #000000; --gb_black: #000000; --gb_black_1: #0D0D0D; --gb_black_2: #A7A9AC; --gb_white: #ffffff; --gb_white_1: #f1f1f1; --gb_white_2: #f1e9e9; --gb_gray: #A7A9AC; --gb_gray_1: #CBCBCB; --gb_gray_2: #E6E7E8; --gb_gray_3: #070707; --gb_light_yellow: #FFD56D; --gb_blue: #0013ff; --gb_blue_1: #00a4eb; --gb_blue_2: #2ca8dd; --gb_navy: #091a17; --gb_navy_1: #15332e; --gb_navy_2: #2f655c; --gb_red: #ff0000; --gb_sea_green: #04c3b4; --gb_transparent: transparent; --gb_regular_text: #0D0D0D; --gb_dark_text: #000000; --gb_white_text: #f7f7f7; --gb_light_text: #606364; --gb_dark_gray-tone: #7A7979; --gb_success: #198754; --gb_info: #0dcaf0; --gb_warning: #ffc107; --gb_danger: #dc3545; --gb_light: #f8f9fa; --gb_dark: #212529; --gb_signal: #d14b3c; --gb_signal_bg: #fbede9; --gb_color_background: #ffffff; --gb_color_on_background: #ffffff; --gb_border: #070707; --gb_border_1: #A7A9AC; --gb_border_2: #CBCBCB; --gb_border_3: #E6E7E8; --gb_border_opacity: #7070705C; --gb_border_4: #707070; --gb_alert_success: #155724; --gb_alert_success_bg: #d4edda; --gb_alert_border: #c3e6cb; --gb_input-color: #737477; /* ------------------------------------------------- >> Base Colors >> Base colors are used for essential elements such as the logo, tables, links, blockquote, default buttons styling and this should't conflict with theme colors ------------------------------------------------- */ --gb_body_color: var(--gb_color_on_background); --gb_body_bg: var(--gb_color_background); --gb_text_strong: var(--gb_black); --gb_dark_text: var(--gb_black); --gb_white_text: var(--gb_white); --gb_highlight_color: var(--gb_color_on_primary); --gb_highlight_bg: var(--gb_color_primary); --gb_caption: var(--gb_black_2); --gb_heading_color: var(--gb_dark_text); --gb_heading_link_color: var(--gb_dark_text); --gb_heading_link_color_hover: var(--gb_dark_text); --gb_link_color: var(--gb_color_primary); --gb_link_color_hover: var(--gb_color_primary); --gb_link_border_color: var(--gb_color_primary); --gb_link_border_color_hover: transparent; --gb_list_ul_marker_color: var(--gb_color_primary); --gb_list_ol_marker_color: var(--gb_color_primary); --gb_blockquote_color: var(--gb_regular_text); --gb_blockquote_border_color: var(--gb_regular_text); --gb_quote_color: var(--gb_regular_text); --gb_blockqoute_cite_color: var(--gb_light_text); --gb_table_border_color: var(--gb_border); --gb_table_head_border_color: var(--gb_dark_text); --gb_table_foot_border_color: var(--gb_dark_text); --gb_strong_color: var(--gb_regular_text); --gb_underline_border_color: var(--gb_regular_text); --gb_abbr_border_color: var(--gb_regular_text); --gb_delete_color: var(--gb_danger); --gb_insert_color: var(--gb_success); --gb_insert_border_color: var(--gb_success); --gb_code_color: var(--gb_white_text); --gb_code_bgcolor: var(--gb_dark_text); --gb_pre_color: var(--gb_white_text); --gb_pre_bgcolor: var(--gb_dark_text); --gb_mark_bgcolor: var(--gb_dark_text); --gb_mark_color: var(--gb_white_text); --gb_hr_color: var(--gb_border_2); --gb_input_color: var(--gb_regular_text); --gb_input_bg: var(--gb_light_field_bg); --gb_input_border_color: var(--gb_border); --gb_input_focus_color: var(--gb_black); --gb_input_focus_bgcolor: var(--gb_white); --gb_input_focus_border_color: var(--gb_border_2); --gb_disabled_input_bgcolor: var(--gb_field_bg); --gb_disabled_input_border_color: var(--gb_border_1); --gb_placeholder_color: var(--gb_light_text); --gb_range_track_bgcolor: var(--gb_field_bg); --gb_range_thumb_bgcolor: var(--gb_color_primary); --gb_color_field_border_color: var(--gb_border); --gb_color_field_bgcolor: var(--gb_field_bg); --gb_radio_color: var(--gb_regular_text); --gb_radio_border_color: var(--gb_border); --gb_radio_bgcolor: var(--gb_field_bg); --gb_radio_after_bgcolor: var(--gb_color_primary); --gb_checkbox_color: var(--gb_regular_text); --gb_checkbox_border_color: var(--gb_border); --gb_checkbox_bgcolor: var(--gb_field_bg); --gb_checkbox_after_bgcolor: var(--gb_color_primary); --gb_progress_bgcolor: var(--gb_field_bg); --gb_progress_value_bgcolor: var(--gb_color_primary); --gb_meter_bgcolor: var(--gb_field_bg); --gb_meter_value_bgcolor: var(--gb_color_primary); --gb_button_color: var(--gb_white_text); --gb_button_bgcolor: var(--gb_color_secondary); --gb_button_color_hover: var(--gb_color_primary); --gb_button_bgcolor_hover: var(--gb_light_yellow); --gb_button_border_color: var(--gb_color_secondary); --gb_button_border_color_hover: var(--gb_color_primary); --gb_reset_button_bgcolor: var(--gb_button_bgcolor); --gb_reset_button_color: var(--gb_white_text); --gb_theme_btn_color: var(--gb_button_color); --gb_theme_btn_bgcolor: var(--gb_button_bgcolor); --gb_theme_btn_color_hover: var(--gb_button_color_hover); --gb_theme_btn_bgcolor_hover: var(--gb_black_1); --gb_theme_btn_border_color: var(--gb_button_bgcolor); --gb_theme_btn_border_color_hover: var(--gb_black_1); --gb_datepicker_bg_color: var(--gb_gray); --gb_datepicker_select_bgcolor: var(--gb_white); --gb_datepicker_link_color: var(--gb_color_secondary); --gb_datepicker_link_active_color: var(--gb_color_primary); --gb_datepicker_calendar: var(--gb_white_text); --gb_datepicker_th_bgcolor: var(--gb_border_1); --gb_datepicker_even_tr_td_bgcolor: var(--gb_border_1); --gb_datepicker_border_color: var(--gb_border_1); --gb_datepicker_date_color: var(--gb_dark_text); --gb_valiation_error_bg_color: var(--gb_danger_bg); --gb_valiation_message_color: var(--gb_danger); --gb_error_field_border_color: var(--gb_danger); --gb_valiation_error_color: var(--gb_danger); --gb_confirmation_message_bgcolor: var(--gb_success_bg); --gb_confirmation_message_color: var(--gb_dark_text); --gb_confirmation_message_border_color: var(--gb_danger); --gb_required_text_color: var(--gb_danger); --gb_invalid_error_border_color: var(--gb_danger); --gb_hubspot_error_label_color: var(--gb_danger); --gb_hubspot_required_color: var(--gb_danger); --gb_fileupload_rule_color: var(--gb_light_text); --gb_error_menu_color: var(--gb_dark_text); --gb_acc_btn_color: var(--gb_white_text); --gb_acc_btn_bgcolor: var(--gb_button_bg); --gb_acc_btn_shadow: var(--gb_danger); --gb_comments_reply_btn_bgcolor: var(--gb_button_bg); --gb_comments_reply_btn_color: var(--gb_white_text); --gb_comments_reply_btn_bgcolor_hover: var(--gb_button_bg_hover); --gb_comments_reply_btn_color_hover: var(--gb_white_text); --gb_comment_meta_color: var(--gb_dark_text); --gb_comment_metadata_color: var(--gb_light_text); --gb_comments_list_border_color: var(--gb_border); --gb_widget_comments_meta_color: var(--gb_light_text); --gb_pagination_bgcolor: var(--gb_blue_1); --gb_pagination_color: var(--gb_white); --gb_pagination_color_hover: var(--gb_white); --gb_pagination_bgcolor_hover: var(--gb_border_1); --gb_pagination_bgcolor_current: var(--gb_border_1); --gb_pagination_color_current: var(--gb_white); --gb_pagination_first_bgcolor: var(--gb_border_1); --gb_pagination_first_color: var(--gb_dark_text); --gb_pagination_border: var(--gb_transparent); --gb_widget_latest_post_meta_color: var(--gb_danger); --gb_widget_rss_feed_meta_color: var(--gb_danger); --gb_widget_search_button_color: var(--gb_pure_black); --gb_wp_table_block_stripe_bg_color: var(--gb_gray); --gb_breadcrumb_color: var(--gb_pure_black); --gb_breadcrumb_link_color: var(--gb_pure_black); --gb_breadcrumb_border_color: transparent; --gb_breadcrumb_border_color_hover: var(--gb_pure_black); --gb_breadcrumb_span_color: var(--gb_pure_black); --gb_header_bgcolor: var(--gb_transparent); --gb_header_color: var(--gb_black); --gb_header_color_hover: var(--gb_black); --gb_header_bgcolor_sticky: var(--gb_white); --gb_header_nav_border_color: var(--gb_dark_text); --gb_header_submenu_bgcolor: var(--gb_gray); --gb_header_submenu_color: var(--gb_header_color); --gb_header_submenu_color_hover: var(--gb_header_color_hover); --gb_header_mobile_color: var(--gb_dark_text); --gb_header_mobile_submenu_color: var(--gb_dark_text); --gb_nav_overlay_bgcolor: var(--gb_black); --gb_mobile_nav_icon_bgcolor: var(--gb_white); --gb_abbr_border: var(--gb_dark_text); --gb_topbar_bgcolor: var(--gb_color_primary); --gb_topbar_color: var(--gb_white); --gb_topbar_link_color: var(--gb_white); --gb_footer_bgcolor: var(--gb_dark_text); --gb_footer_color: var(--gb_white_text); --gb_footer_color_hover: var(--gb_white_text); --gb_f_nav_color: var(--gb_footer_color); --gb_f_nav_color_hover: var(--gb_footer_color_hover); --gb_f_nav_border_color: var(--gb_footer_color); --gb_f_nav_border_color_hover: var(--gb_footer_color_hover); --gb_copyright_color: var(--gb_white_text); --gb_legal_nav_color: var(--gb_white_text); --gb_legal_nav_border_color: var(--gb_white_text); --gb_legal_nav_border_color_hover: var(--gb_white_text); --gb_legal_text_color: var(--gb_white_text); --gb_ctn_red: var(--gb_red); --gb_ctn_black: var(--gb_black); --gb_ctn_sea_green: var(--gb_sea_green); --gb_style_bg: #821212; --gb_style_text: #000000; --gb_style_link: #000000; --gb_style_button: #00a4eb; --gb_style-lg-text: #353535; --gb_dark-siver-gray: #74767C; --gb_warning-bg: #E2E2E2; --gb_blue-link: #0063b8 ; } /* ------------------------------------------------------------------ > Mixins ------------------------------------------------------------------ */ /* Rem output with px fallback */ /* Rem output with px fallback with !important */ /* Column width with margin */ /* Column width with margin */ /* Mixin for transition */ /* ------------------------------------------------------------------ > Fonts ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Defaults ------------------------------------------------------------------ */ /*------------------------------------------------- >> Normalize styles -------------------------------------------------*/ /*------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles -------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; outline: 0; vertical-align: baseline; } *, *::before, *::after { box-sizing: inherit; } html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; scroll-padding: 100px; scroll-behavior: smooth; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } a { background-color: transparent; -webkit-font-smoothing: antialiased; } a:focus { outline: 2px dashed #505050 !important; } img { border-style: none; } summary { display: list-item; } template, [hidden] { display: none; } /* === Universal Focus Styles for All Clickable Elements === */ a:focus, button:focus, [role=button]:focus, input:focus, select:focus, textarea:focus, summary:focus, [tabindex]:focus, a:focus-visible, button:focus-visible, [role=button]:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline: 2px dashed #505050 !important; outline-offset: 3px !important; } /* Make sure focus outlines aren’t hidden by overflow */ /* Specifically target navigation links (stronger specificity) */ nav a:focus, nav a:focus-visible, .main-menu a:focus, .main-menu a:focus-visible { outline: 2px dashed #505050 !important; outline-offset: 3px; position: relative; z-index: 5; } /*------------------------------------------------- >> Clearing styles -------------------------------------------------*/ .clear { content: ""; display: table; table-layout: fixed; clear: both; } .clear::before, .clear::after { clear: both; } /* ------------------------------------------------------------------ > Typography ------------------------------------------------------------------ */ /*------------------------------------------------- >> Styles for headings -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ h1, .heading-1, h2, .heading-2, h3, .heading-3, h4, .heading-4, h5, .heading-5, h6, .heading-6 { font-family: "myriad-pro-condensed", sans-serif; margin: 0 0 20px; color: var(--gb_heading_color); line-height: var(--line_height_medium); text-transform: initial; } h1 a, .heading-1 a, h2 a, .heading-2 a, h3 a, .heading-3 a, h4 a, .heading-4 a, h5 a, .heading-5 a, h6 a, .heading-6 a { color: var(--gb_heading_link_color); border-bottom: none; } h1 a:hover, .heading-1 a:hover, h2 a:hover, .heading-2 a:hover, h3 a:hover, .heading-3 a:hover, h4 a:hover, .heading-4 a:hover, h5 a:hover, .heading-5 a:hover, h6 a:hover, .heading-6 a:hover { color: var(--gb_heading_link_color_hover); } h1, .heading-1 { font-size: var(--gb_font_size_1); } h2, .heading-2 { font-size: var(--gb_font_size_2); } h3, .heading-3 { font-size: var(--gb_font_size_3); } h4, .heading-4 { font-size: var(--gb_font_size_4); } h5, .heading-5 { font-size: var(--gb_font_size_5); } h6, .heading-6 { font-size: var(--gb_font_size_6); } h1.hidden { display: none !important; } .ui-20-20, .view-dropdown .view-title { font-size: var(--gb_font_size_8); line-height: var(--line_height_medium); } .ui-16-16, .custom-table table tbody tr .text-link-grey { font-size: var(--gb_font_size_9); line-height: var(--line_height_medium); } .ui-40-25 { font-size: var(--gb_font_size_12); line-height: var(--line_height_medium); } .ui-18-18 { font-size: var(--gb_font_size_13); line-height: var(--line_height_medium); } .ui-25-20 { font-size: var(--gb_font_size_17); line-height: var(--line_height_medium); } /*------------------------------------------------- >> Styles for content tags -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ i, em, var, address, dfn { font-style: italic; } code, pre, kbd, tt, var, samp { font-family: monospace; } abbr, acronym { border-bottom: 1px dotted var(--gb_abbr_border_color); text-decoration: none; cursor: help; } abbr[title] { text-decoration: none; } address { margin: 0 0 30px; } mark { background-color: var(--gb_mark_bgcolor); color: var(--gb_mark_color); padding: 3px 7px; } small { font-size: 80%; } big { font-size: 125%; } s, strike, del { text-decoration: line-through; } b, strong { font-weight: 700; color: var(--gb_strong_color); } u { border-bottom: 1px solid var(--gb_underline_border_color); text-decoration: none; } del { color: var(--gb_delete_color); } ins { color: var(--gb_insert_color); border-bottom: 1px solid var(--gb_insert_border_color); text-decoration: none; } sub, sup { font-size: 70%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -4px; } sup { top: -8px; } code, pre, kbd, tt { max-width: 100%; overflow: auto; margin: 0 0 30px; } code, kbd, tt { color: var(--gb_code_color); background-color: var(--gb_code_bgcolor); padding: 3px 7px; } pre { color: var(--gb_pre_color); background-color: var(--gb_pre_bgcolor); padding: 20px 25px; overflow-x: scroll; } hr { background-color: var(--gb_hr_color); border: 0; height: 1px; margin-bottom: 30px; } audio, video { margin-bottom: 30px; width: 100%; } /* ------------------------------------------------------------------ > Elements ------------------------------------------------------------------ */ /*------------------------------------------------- >> Styles for tables -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ * { box-sizing: border-box; margin: 0; padding: 0; font-smoothing: antialiased; outline: none; text-rendering: optimizeLegibility; } html { box-sizing: border-box; } body { font-family: "myriad-pro-condensed", sans-serif; position: relative; font-size: var(--gb_font_size_13); color: #000; background-color: var(--gb_body_bg); line-height: var(--line_height_large); display: flex; flex-direction: column; min-height: 100vh; } p { margin: 0 0 30px; } p:last-child { margin: 0 0 0; } ::-moz-selection { color: var(--gb_highlight_color); background-color: var(--gb_highlight_bg); } ::selection { color: var(--gb_highlight_color); background-color: var(--gb_highlight_bg); } strong { color: var(--gb_text_strong) !important; } html.no-overflow { overflow: hidden !important; } body.no-overflow { overflow: visible !important; } #main-section { flex-grow: 1; } /*------------------------------------------------- >> Styles for links -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ a { text-decoration: none; transition: all 0.4s ease-in-out; outline: none; position: relative; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .page-section a, .page-section:visited { color: var(--gb_blue-link); border-bottom: 1px solid var(--gb_blue-link); padding-bottom: 2px; } .page-section a:hover, .page-section a:active, .page-section:visited:hover, .page-section:visited:active { color: var(--gb_color_primary); border-color: var(--gb_color_primary); } .post-image a, .post-image:visited, .post-title a, .post-title:visited { border-bottom: none; } /*------------------------------------------------- >> Styles for images and figures -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ img { height: auto; max-width: 100%; width: 100%; } a img { border: none; outline: none; margin-bottom: 0; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ figure { margin: 0 0 30px; } figure figcaption { background-color: var(--gb_white); border: 1px solid var(--gb_border_3); border-radius: 6px; font-size: 16px; margin: -45px 16px 0; padding: 16px 20px; position: relative; } @media (max-width: 767px) { figure figcaption { margin: -20px 12px 0; padding: 12px 13px 12px 16px; } } picture { display: flex; margin: 0; width: 100%; height: 100%; } svg { margin: 0 0 30px; } .gallery .gallery-item a { border-bottom: none; } figure.wp-block-image img { border-radius: 20px; display: flex; height: 484px; -o-object-fit: cover; object-fit: cover; } @media (max-width: 992px) { figure.wp-block-image img { height: 384px; } } @media (max-width: 767px) { figure.wp-block-image img { border-radius: 10px; } } @media (max-width: 540px) { figure.wp-block-image img { height: 208px; } } figure.wp-block-image.alignfull.size-thumbnail { margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); max-width: 100vw; } figure.wp-block-image.alignwide.size-thumbnail { margin: 0 -200px; max-width: 140%; } /*------------------------------------------------- >> Styles for lists -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ header ul, header ol, footer ul, footer ol { list-style: none; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ dl { margin: 0 0 30px; } dl dt { font-weight: 700; } dl dd { margin: 0 0 12px; } ul, ol { margin: 0 0 30px 20px; } ul li, ol li { margin: 0 0 12px; box-sizing: border-box; } ul ul, ol ol, ul ol, ol ul { margin: 12px 0 0 30px; } .page-section ul { list-style: none; margin-left: 0; } .page-section ul ul, .page-section ul ol { margin-left: 13px; } .page-section ul li:not(ol.wp-block-list > li) { padding-left: 16px; position: relative; } .page-section ul li:not(ol.wp-block-list > li)::before { content: ""; width: 6px; height: 6px; background-position: left top; position: absolute; background-color: var(--gb_list_ul_marker_color); left: 0; top: 9px; border-radius: 50%; } .page-section ul li:not(ol.wp-block-list > li):last-child { margin-bottom: 0; } .page-section ul ol { counter-reset: list1; } .page-section ul ol > li::before { counter-increment: list1; content: counters(list1, ".") "."; } .page-section ol { counter-reset: list; list-style-type: none; margin-left: 0; } .page-section ol ol, .page-section ol ul { margin-left: 13px; } .page-section ol > li { position: relative; padding-left: 16px; } .page-section ol > li::marker { display: none; } .page-section ol > li::before { color: var(--gb_list_ul_marker_color); content: counters(list, ".") "."; counter-increment: list; left: 0; top: 0; position: absolute; background-color: transparent; } .page-section ol ol li { padding-left: 30px; } .page-section ol ol li:last-child { margin-bottom: 0; } .page-section ol ol ol li { padding-left: 64px; } .page-section ol ol ol ol li { padding-left: 80px; } .page-section ol ul { counter-reset: unset; } .page-section ol ul li:not(ol.wp-block-list li) { padding-left: 20px; } .page-section ol ul li:not(ol.wp-block-list li)::before { content: ""; width: 6px; height: 6px; background-position: left top; position: absolute; background-color: var(--gb_list_ul_marker_color); left: 0; top: 9px; } /*------------------------------------------------- >> Styles for quotes -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ blockquote, q { quotes: none; } blockquote { position: relative; color: var(--gb_blockquote_color); padding: 0 0 0 100px; margin: 0 0 0; font-size: 32px; } @media (max-width: 640px) { blockquote { padding: 55px 0 0 0; } } blockquote p { margin-bottom: 15px; } blockquote p:last-child { margin-bottom: 0; } blockquote:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGlkPSJyaWdodCAxIj4NCjxnIGlkPSJQYWdlLTEiPg0KPGcgaWQ9ImdseXBoIj4NCjxnIGlkPSJxdW90ZS1yaWdodC1zYXlpbmctc3BlZWNoIj4NCjxwYXRoIGlkPSJVbmlvbiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zNC42NjY5IDIyLjY2NjdDMzQuNjY2OSAxNC41NjY1IDQxLjIzMzMgOCA0OS4zMzM1IDhDNTcuODUxNCA4IDY0LjAwMDIgMTUuMDMyMSA2NCAyNS40Mzk2QzYzLjk0NTQgNDAuNTcyNyA1Mi41NzI3IDUxLjI2ODkgMzYuMTY1OCA1My4zMjNDMzQuNjQzNyA1My41MTM2IDM0LjA1NjcgNTEuNDA1IDM1LjQ1ODUgNTAuNzgxN0M0MS43NTM5IDQ3Ljk4MjQgNDQuOTMzNCA0NC40MzAyIDQ1LjM0NDEgNDAuOTE0MkM0NS42NTA5IDM4LjI4NzQgNDQuMjIyOSAzNS45ODYzIDQyLjQyOTkgMzUuNTU1NUMzNy43ODE0IDM0LjQzODQgMzQuNjY2OSAyOC42NDk2IDM0LjY2NjkgMjIuNjY2N1pNMi42NjY4NSAyMi42NjY3QzIuNjY2ODUgMTQuNTY2NSA5LjIzMzM1IDggMTcuMzMzNSA4QzI1Ljg1MTQgOCAzMi4wMDAyIDE1LjAzMjEgMzIgMjUuNDM5NkMzMS45NDU0IDQwLjU3MjcgMjAuNTcyNyA1MS4yNjg5IDQuMTY1ODMgNTMuMzIzQzIuNjQzNjcgNTMuNTEzNiAyLjA1Njc0IDUxLjQwNSAzLjQ1ODQ2IDUwLjc4MTdDOS43NTM4OSA0Ny45ODI0IDEyLjkzMzQgNDQuNDMwMiAxMy4zNDQxIDQwLjkxNDJDMTMuNjUwOSAzOC4yODc0IDEyLjIyMjkgMzUuOTg2MyAxMC40Mjk5IDM1LjU1NTVDNS43ODEzOCAzNC40Mzg0IDIuNjY2ODUgMjguNjQ5NiAyLjY2Njg1IDIyLjY2NjdaIiBmaWxsPSIjRUE3MTI1Ii8+DQo8L2c+DQo8L2c+DQo8L2c+DQo8L2c+DQo8L3N2Zz4NCg==); background-repeat: no-repeat; background-size: contain; content: ""; height: 64px; left: 0; position: absolute; top: 0; width: 64px; } @media (max-width: 640px) { blockquote:after { height: 40px; width: 40px; } } .wp-block-quote.has-text-align-right { border-left: none; border-right: 3px solid var(--gb_blockquote_border_color); padding: 5px 20px 5px 0; } .wp-block-quote.has-text-align-right.is-style-plain { border-right: none; } .wp-block-quote.has-text-align-left.is-style-plain { border-left: none; padding: 0; } .wp-block-quote.has-text-align-center { border-left: none; padding: 20px 5px; } .wp-block-quote.is-style-plain { border-left: none; } .wp-block-quote.is-style-large { border-left: 0; } figure.wp-block-pullquote { border-top: 3px solid var(--gb_blockquote_border_color); border-bottom: 3px solid var(--gb_blockquote_border_color); padding-left: 10px; padding-right: 10px; } figure.wp-block-pullquote blockquote { border-left: none; margin-bottom: 0; padding: 10px; } figure.wp-block-pullquote.alignleft, figure.wp-block-pullquote.alignright { padding: 35px 10px; } q { quotes: "“" "”"; color: var(--gb_quote_color); position: relative; } cite { display: block; margin-top: 15px; font-size: 80%; text-transform: uppercase; font-weight: 500; color: var(--gb_blockqoute_cite_color); font-family: "IBM Plex Mono", monospace; font-style: italic; position: relative; } cite::before { content: "- "; display: inline-block; top: -11px; } .quote-block .quote-block-row .quote-block-col { max-width: 828px; margin: 0 auto; text-align: center; } .quote-block .quote-block-row .quote-block-col .quote-user { width: 60px; height: 60px; overflow: hidden; border-radius: 50%; margin: 0 auto; } @media (max-width: 640px) { .quote-block .quote-block-row .quote-block-col .quote-user { width: 52px; height: 52px; } } .quote-block .quote-block-row .quote-block-col .quote-user img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .quote-block .quote-block-row .quote-block-col .quote-user-group { margin-top: 12px; } @media (max-width: 640px) { .quote-block .quote-block-row .quote-block-col .quote-user-group { margin-top: 10px; } } .quote-block .quote-block-row .quote-block-col .quote-user-group .author-info { margin-top: 2px; } .quote-block .quote-block-row .quote-block-col .quote-title { position: relative; font-size: clamp(26px, 1.625rem + (1vw - 7.68px) * 1.7182, 36px); line-height: clamp(33.8px, 2.1125rem + (1vw - 7.68px) * 2.2337, 46.8px); letter-spacing: -0.72px; } .quote-block .quote-block-row .quote-block-col .quote-title::before { content: "“"; margin-left: -6px; } .quote-block .quote-block-row .quote-block-col .quote-title::after { content: "”"; margin-left: -2px; } .quote-block .quote-block-row .quote-block-col .author-name { font-weight: 600; } .quote-block blockquote { padding: 0 0 0 36px; position: relative; border-left: 1px solid var(--gb_blockquote_color); } .quote-block blockquote::after { display: none; } .quote-block blockquote .quote-title { max-width: 684px; font-size: clamp(20px, 1.25rem + (1vw - 7.68px) * 0.3436, 22px); } .quote-block blockquote .quote-title p:before { content: "“"; float: left; margin-left: -6px; } @media (max-width: 640px) { .quote-block blockquote .quote-title p:before { margin-left: 0; } } .quote-block blockquote .quote-title p:after { content: "”"; margin-left: 0; } @media (max-width: 640px) { .quote-block blockquote { padding: 0 24px 0 24px; } } .block-quote .block-quote-author { margin-top: 24px; display: flex; flex-wrap: wrap; gap: clamp(12px, 0.75rem + (1vw - 7.68px) * 0.6873, 16px); } @media (max-width: 640px) { .block-quote .block-quote-author { margin-top: 20px; } } .block-quote .block-quote-author .author-image { width: clamp(52px, 3.25rem + (1vw - 7.68px) * 1.3746, 60px); height: clamp(52px, 3.25rem + (1vw - 7.68px) * 1.3746, 60px); } .block-quote .block-quote-author .author-image img { border-radius: 50%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .block-quote .block-quote-author .author-details { flex: 1 0 0; margin-top: 4px; } @media (max-width: 319px) { .block-quote .block-quote-author .author-details { flex: 100% 0 0; margin-top: 0; } } .block-quote .block-quote-author .author-details .author-name { display: flex; align-items: center; font-size: clamp(18px, 1.125rem + (1vw - 7.68px) * 0.3436, 20px); font-weight: 600; } .block-quote .block-quote-author .author-details .author-name span { position: relative; padding-left: 35px; display: flex; align-items: center; } @media (max-width: 991px) { .block-quote .block-quote-author .author-details .author-name span { padding-left: 30px; } } .block-quote .block-quote-author .author-details .author-name span::before { content: ""; width: 20px; height: 1px; position: absolute; left: 0; background: var(--gb_color_primary); } @media (max-width: 991px) { .block-quote .block-quote-author .author-details .author-name span::before { width: 18px; } } .block-quote .block-quote-author .author-details .author-designation { font-size: clamp(16px, 1rem + (1vw - 7.68px) * 0.3436, 18px); } /*------------------------------------------------- >> Styles for tables -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; margin: 0 0 30px; width: 100%; table-layout: fixed; text-align: left; box-sizing: border-box; } table p:last-child { margin-bottom: 0; } table caption { color: var(--gb_caption_color); font-size: 90%; margin: 0 0 20px; } tr, tbody tr { border-bottom: 1px solid var(--gb_table_border_color); } tr:last-child, tbody tr:last-child { border-bottom: none; } td, th { padding: 10px 15px; vertical-align: middle; } thead tr { border: none; } thead tr:last-child { border-bottom: 3px solid var(--gb_table_head_border_color); } thead th { font-weight: 700; } tfoot tr { border: none; } tfoot tr:first-child { border-top: 3px solid var(--gb_table_foot_border_color); } tfoot td { font-weight: 700; } .wp-block-table tbody td { border: 2px solid var(--gb_table_border_color); } .wp-block-table.is-style-stripes tbody tr, .wp-block-table.is-style-stripes tbody td { border: none; } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: var(--gb_wp_table_block_stripe_bg_color); } .wp-block-table.is-style-stripes tfoot tr { border-top: 3px solid var(--gb_table_head_border_color); } .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) { background-color: transparent; } .wp-block-table table.has-background tbody td, .wp-block-table table.has-background tbody tr { border: none; } .wp-block-table table.has-background tfoot tr { border-top: 3px solid var(--gb_table_head_border_color); } /*------------------------------------------------- >> Styles for frames and embeds -------------------------------------------------*/ /*------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles -------------------------------------------------*/ embed, iframe, object { max-width: 100%; } /*------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required -------------------------------------------------*/ /* ------------------------------------------------------------------ > Forms ------------------------------------------------------------------ */ /* ------------------------------------------------- >> Styles for form fields ------------------------------------------------- */ /* ------------------------------------------------- >> Styles for form Input fields ------------------------------------------------- */ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ form { margin: 0 0 0; } label { display: inline-block; line-height: 1.2; margin: 0 0 6px; } fieldset { display: block; margin: 0 0 24px; } @media (max-width: 767px) { fieldset { margin-bottom: 24px; } } legend { display: block; margin: 0 0 10px; } input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=search], input[type=password], input[type=time], input[type=date], input[type=datetime-local], input[type=week], input[type=month], input[type=file], input[type=range], input[list], input[type=string], select, textarea, .gform-text-input-reset { transition: all 0.2s ease-in-out; background: var(--gb_white); border: 1px solid #ccc; border-radius: 10px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); box-sizing: border-box; color: var(--gb_input_color); font-size: 18px; font-style: normal; font-weight: 400; height: 50px; line-height: 120%; margin: 0; max-width: 100%; outline: none; padding: 14px 16px 14px 16px; width: 100%; } input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=search]:focus, input[type=password]:focus, input[type=time]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=week]:focus, input[type=month]:focus, input[type=file]:focus, input[type=range]:focus, input[list]:focus, input[type=string]:focus, select:focus, textarea:focus, .gform-text-input-reset:focus { background-color: var(--gb_white); border-color: var(--gb_Secondary_Dark_Beige); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15); } @media (max-width: 640px) { input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=search], input[type=password], input[type=time], input[type=date], input[type=datetime-local], input[type=week], input[type=month], input[type=file], input[type=range], input[list], input[type=string], select, textarea, .gform-text-input-reset { font-size: 16px; height: 44px; padding: 12px 12px 13px 12px; } } ::input-placeholder { color: var(--gb_placeholder_color); } input:focus::input-placeholder { opacity: 1; } ::input-placeholder { color: var(--gb_placeholder_color); } ::-moz-placeholder { color: var(--gb_placeholder_color); } ::placeholder { color: var(--gb_placeholder_color); } input:focus::-moz-placeholder { opacity: 1; } input:focus::placeholder { opacity: 1; } input[type=text]:disabled { background-color: var(--gb_disabled_input_bgcolor); border: 1px solid var(--gb_disabled_input_border_color); } input[type=hidden], datalist { display: none; } input[type=file] { padding: 9px; } input[type=search] { background-position: center right 10px; background-repeat: no-repeat; padding-right: 45px; } /* clears the ‘X’ from Internet Explorer */ input[type=search]::-ms-clear { display: none; height: 0; width: 0; } input[type=search]::-ms-reveal { display: none; height: 0; width: 0; } /* clears the ‘X’ from Chrome */ input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none; } input[type=color] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--gb_color_field_bgcolor); border: 1px solid var(--gb_color_field_border_color); box-sizing: border-box; cursor: pointer; height: 25px; margin: 0 0 20px; padding: 3px; width: 50px; } ::-webkit-color-swatch-wrapper { padding: 0; } ::-webkit-color-swatch { border: 0; border-radius: 0; } ::-moz-color-swatch, ::-moz-focus-inner { border: 0; } ::-moz-focus-inner { padding: 0; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC43NSIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDIwLjc1IDEyIj4NCiAgPHBhdGggaWQ9IlBvbHlnb25fMjIiIGRhdGEtbmFtZT0iUG9seWdvbiAyMiIgZD0iTTEwLjM3NSwwLDIwLjc1LDEySDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC43NSAxMikgcm90YXRlKDE4MCkiLz4NCjwvc3ZnPg0K); background-position: center right 14px; background-repeat: no-repeat; background-size: 20px; cursor: pointer; padding-bottom: 5px; padding-top: 5px; } @media (max-width: 640px) { select { background-position: center right 12px; background-size: 14px; } } .ginput_container_multiselect select { min-height: 77px; } textarea { height: 200px; overflow: auto; padding: 14px 16px 14px 16px; resize: none; } @media (max-width: 640px) { textarea { padding: 8px 14px 12px 14px; } } .gfield, .hs-form-field { box-sizing: border-box; grid-column: span 12; margin-bottom: 24px; position: relative; } @media (max-width: 640px) { .gfield, .hs-form-field { margin-bottom: 20px; } } .gfield:last-child, .hs-form-field:last-child { margin-bottom: 0; } .gform_wrapper.gform-theme fieldset { margin-bottom: 0; margin-bottom: 24px; } @media (max-width: 640px) { .gform_wrapper.gform-theme fieldset { margin-bottom: 20px; } } .gform_wrapper.gform-theme fieldset:first-child { margin-top: 0; } .gform_wrapper.gform-theme fieldset.gfield .gform-grid-col { display: flex; flex-wrap: wrap; margin-bottom: 24px; } @media (max-width: 640px) { .gform_wrapper.gform-theme fieldset.gfield .gform-grid-col { margin-bottom: 20px; } } .gform_wrapper.gform-theme fieldset.gfield .gform-grid-col:last-of-type { margin-bottom: 0; } .gform_wrapper.gform-theme fieldset.gfield .gform-grid-col .gform-field-label { margin-bottom: 8px; margin-top: 0; } .gform_wrapper.gform-theme fieldset.gfield .gf_clear { display: none; } .gform_wrapper.gform-theme fieldset.gfield:last-child { margin-bottom: 0; } .ginput_container_textarea { display: flex; } .gfield_list_icons { margin-top: 20px; } /* ------------------------------------------------- >> Styles for buttons ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ input[type=image] { margin: 0 10px 0 0; } input[type=submit], button, input[type=button], input[type=reset] { padding: 0 30px; display: inline-block; line-height: 1; box-sizing: border-box; transition: all 0.4s ease-in-out; background-color: var(--gb_button_bgcolor); border: 1px solid var(--gb_button_bgcolor); color: var(--gb_button_color); outline: none; font-size: var(--gb_font_size_3); height: 50px; outline: none; cursor: pointer; margin: 0 10px 10px 0; } input[type=submit]:hover, button:hover, input[type=button]:hover { color: var(--gb_button_color_hover); background-color: var(--gb_button_bgcolor_hover); } input[type=reset] { background-color: var(--gb_theme_btn_bgcolor); color: var(--gb_theme_btn_color); } input[type=reset]:hover { color: var(--gb_theme_btn_color); background-color: var(--gb_theme_btn_bgcolor_hover); } .is-style-fill-boxed a.wp-block-button__link { border-radius: inherit; } .is-style-outline-boxed a.wp-block-button__link { color: black; border-radius: inherit; background-color: transparent; background-image: none; } /* ------------------------------------------------- >> Default styles for CheckBoxes ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ [type=checkbox]:checked, [type=checkbox]:not(:checked) { left: -9999px; position: absolute; } [type=checkbox]:checked + label, [type=checkbox]:not(:checked) + label, [type=checkbox]:checked + span, [type=checkbox]:not(:checked) + span { box-sizing: border-box; color: var(--gb_radio_color); cursor: pointer; display: inline-block; line-height: 20px; margin: 0 20px 10px 0; padding-left: 30px; position: relative; } [type=checkbox]:checked + label::before, [type=checkbox]:not(:checked) + label::before, [type=checkbox]:checked + span::before, [type=checkbox]:not(:checked) + span::before { background-color: var(--gb_radio_bgcolor); border-radius: 4px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); content: ""; height: 20px; left: 0; position: absolute; top: 0; width: 20px; border: 1px solid #ccc; } [type=checkbox]:checked + label::after, [type=checkbox]:not(:checked) + label::after, [type=checkbox]:checked + span::after, [type=checkbox]:not(:checked) + span::after { background-color: var(--gb_radio_after_bgcolor); border-radius: 2px; content: ""; height: 10px; left: 5px; position: absolute; top: 5px; transition: all 0.2s ease; width: 10px; } [type=checkbox]:not(:checked) + label::after, [type=checkbox]:not(:checked) + span::after { opacity: 0; transform: scale(0); } [type=checkbox]:checked + label::after, [type=checkbox]:checked + span::after { opacity: 1; transform: scale(1); } /* ------------------------------------------------- >> Default styles for Radio Buttons ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ [type=radio]:checked, [type=radio]:not(:checked) { left: -9999px; position: absolute; } [type=radio]:checked + label, [type=radio]:not(:checked) + label, [type=radio]:checked + span, [type=radio]:not(:checked) + span { box-sizing: border-box; color: var(--gb_radio_color); cursor: pointer; display: inline-block; line-height: 20px; margin: 0 20px 10px 0; padding-left: 30px; position: relative; } @media (max-width: 640px) { [type=radio]:checked + label, [type=radio]:not(:checked) + label, [type=radio]:checked + span, [type=radio]:not(:checked) + span { padding-left: 28px; } } [type=radio]:checked + label::before, [type=radio]:not(:checked) + label::before, [type=radio]:checked + span::before, [type=radio]:not(:checked) + span::before { background-color: var(--gb_radio_bgcolor); border-radius: 100%; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); content: ""; height: 20px; left: 0; position: absolute; top: 0; border: 1px solid #ccc; width: 20px; } @media (max-width: 640px) { [type=radio]:checked + label::before, [type=radio]:not(:checked) + label::before, [type=radio]:checked + span::before, [type=radio]:not(:checked) + span::before { height: 18px; width: 18px; } } [type=radio]:checked + label::after, [type=radio]:not(:checked) + label::after, [type=radio]:checked + span::after, [type=radio]:not(:checked) + span::after { background-color: var(--gb_radio_after_bgcolor); border-radius: 100%; content: ""; height: 10px; left: 5px; position: absolute; top: 5px; transition: all 0.2s ease; width: 10px; } @media (max-width: 640px) { [type=radio]:checked + label::after, [type=radio]:not(:checked) + label::after, [type=radio]:checked + span::after, [type=radio]:not(:checked) + span::after { height: 8px; width: 8px; } } [type=radio]:not(:checked) + label::after, [type=radio]:not(:checked) + span::after { opacity: 0; transform: scale(0); } [type=radio]:checked + label::after, [type=radio]:checked + span::after { opacity: 1; transform: scale(1); } /* ------------------------------------------------- >> Default styles for Range Field ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ input[type=range] { padding: 0; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; border-radius: 0; height: 22px; } input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 6px; cursor: pointer; background-color: var(--gb_range_track_bgcolor); border: none; animate: 0.2s; box-shadow: none; border-radius: 0; } input[type=range]::-moz-range-track { width: 100%; height: 6px; cursor: pointer; background-color: var(--gb_range_track_bgcolor); border: none; animate: 0.2s; box-shadow: none; border-radius: 0; } input[type=range]::-webkit-slider-thumb { height: 14px; width: 14px; background-color: var(--gb_range_thumb_bgcolor); cursor: pointer; -webkit-appearance: none; appearance: none; margin-top: -4px; box-shadow: none; border: none; border-radius: 0; } input[type=range]::-moz-range-thumb { height: 14px; width: 14px; background-color: var(--gb_range_thumb_bgcolor); cursor: pointer; -moz-appearance: none; appearance: none; margin-top: -4px; box-shadow: none; border: none; border-radius: 0; } /* ------------------------------------------------- >> Default styles for forms ------------------------------------------------- */ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; -moz-appearance: button; appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Add the correct box sizing in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } [type=search] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; outline-offset: -2px; } ::-webkit-file-upload-button { -webkit-appearance: button; appearance: button; font: inherit; } .search-form { display: flex; justify-content: center; align-items: flex-start; } .search-form input[type=submit], .search-form button, .search-form input[type=button], .search-form input[type=reset] { margin: 0 0 10px 10px; } /* ------------------------------------------------- >> Default styles for Gravity Forms ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .gfields { margin: 0; } .gf_clear { clear: both; } .gfield_time_hour, .gfield_time_minute, .gfield_time_ampm { display: inline-block; width: calc(33.33% - 3px); } .gfield_time_minute { margin: 0 10px; width: calc(33.33% - 23px); } .below.hour_minute_colon { display: none; } .gfield_post_tags_hint { font-size: 0.875rem; margin-top: 0; } .gfield.half-input-field { display: inline-block; margin-right: calc(4% - 5px); vertical-align: top; width: 48%; } .gfield.half-input-field.last { margin-right: 0; } .gfield_list_group { margin-bottom: 0; } button.add_list_item, button.delete_list_item { font-size: 90%; height: auto; margin: 0; padding: 4px 11px; position: relative; } .gform_fileupload_rules { display: inline-block; font-size: var(--gb_font_size_15); font-style: normal; font-weight: 500; line-height: var(--line_height_130per); margin-bottom: 10px; position: relative; top: 0; } .gfield_description { font-size: var(--gb_font_size_15); font-style: normal; font-weight: 500; line-height: var(--line_height_130per); } .gform_wrapper.gform-theme .gfield--type-consent .gfield_label { display: none; } #ui-datepicker-div { background-color: var(--gb_datepicker_bg_color); border: none; max-width: 480px; width: 100%; } .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all { background-color: var(--gb_datepicker_bg_color); padding: 10px 12px; } .ui-datepicker-title select { background-color: var(--gb_datepicker_select_bgcolor); border: 2px solid var(--gb_datepicker_border_color); height: 46px; margin-bottom: 0; margin-right: 2%; padding: 0 35px 0 18px; width: 49%; } .ui-state-default { color: var(--gb_datepicker_link_color); } .ui-state-default.ui-state-active { color: var(--gb_datepicker_link_active_color); } .ui-state-disabled { color: var(--gb_datepicker_date_color); } a.ui-datepicker-prev.ui-corner-all, a.ui-datepicker-next.ui-corner-all { position: relative; } a.ui-datepicker-next.ui-corner-all { float: right; } .ui-datepicker-header a, .ui-datepicker-header a:visited { cursor: pointer; display: inline-block; font-size: var(--gb_font_size_3); margin-bottom: 10px; } select.ui-datepicker-year { margin-right: 0; } #ui-datepicker-div table { border-collapse: collapse; border-spacing: 0; font-size: var(--gb_font_size_3); margin: 0 0 10px; } .ui-datepicker_calendar a { color: var(--gb_datepicker_date_color); font-size: var(--gb_font_size_3); } .ginput_container_date { position: relative; } .ginput_container_date img.ui-datepicker-trigger { bottom: 0; position: absolute; right: 10px; top: 15px; } .gform_wrapper fieldset.gfield--type-radio, .gform_wrapper fieldset.gfield--type-checkbox { margin-bottom: 36px; margin-top: 0; } @media (max-width: 767px) { .gform_wrapper fieldset.gfield--type-radio, .gform_wrapper fieldset.gfield--type-checkbox { margin-bottom: 30px; } } .gform_wrapper fieldset.gfield--type-time .ginput_complex.gform-grid-row { -moz-column-gap: 16px; column-gap: 16px; display: flex; flex-wrap: wrap; } @media (max-width: 319px) { .gform_wrapper fieldset.gfield--type-time .ginput_complex.gform-grid-row { -moz-column-gap: 10px; column-gap: 10px; } } .gform_wrapper fieldset.gfield--type-time .ginput_complex.gform-grid-row .gform-grid-col { margin: 0; width: calc(33.33% - 18px); } @media (max-width: 991px) { .gform_wrapper fieldset.gfield--type-time .ginput_complex.gform-grid-row .gform-grid-col { width: auto; } } @media (max-width: 991px) { .gform_wrapper fieldset.gfield--type-time .ginput_complex.gform-grid-row .gform-grid-col.gfield_time_ampm { width: 100px; } } @media (max-width: 319px) { .gform_wrapper fieldset.gfield--type-time .ginput_complex.gform-grid-row .gform-grid-col.gfield_time_ampm { flex: 1 0 0; } } .gform_wrapper fieldset.gfield--type-time .ginput_complex.gform-grid-row .gform-grid-col.hour_minute_colon { align-self: center; width: auto; } .gform_wrapper .gfield_radio, .gform_wrapper .gfield_checkbox { display: flex; flex-wrap: wrap; } .gform_wrapper .gfield_radio .gchoice, .gform_wrapper .gfield_checkbox .gchoice { margin-bottom: 16px; width: 100%; } @media (max-width: 767px) { .gform_wrapper .gfield_radio .gchoice, .gform_wrapper .gfield_checkbox .gchoice { margin-bottom: 12px; } } .gform_wrapper .gfield_radio .gchoice:last-child, .gform_wrapper .gfield_checkbox .gchoice:last-child { margin-bottom: 0; } .gform_wrapper .gfield_radio .gchoice .gform-field-label, .gform_wrapper .gfield_checkbox .gchoice .gform-field-label { font-size: 16px; letter-spacing: 0; margin: 0; text-transform: inherit; } table.ui-datepicker_calendar { background-color: var(--gb_datepicker_calendar); max-width: 410px; } .validation_error { font-size: 0.875rem; background-color: var(--gb_valiation_error_bg_color); color: var(--gb_valiation_error_color); margin-bottom: 20px; padding: 2px 10px 6px; text-align: center; } .validation_message { background: transparent; border-radius: 0px; bottom: inherit; color: var(--gb_red); display: inline-block; font-size: 16px; margin-top: 6px; padding: 0; position: relative; right: 0; text-align: left; top: 0; width: 100%; } @media (max-width: 1199px) { .validation_message { position: static; } } .validation_message:empty { display: none; } .ginput_container_phone .instruction.validation_message { display: none; } .gform_validation_error_link { font-size: 0.875rem; } .gfield_error input, .gfield_error textarea { background-color: #FFF1F1; border-color: #D30000; color: var(--gb_regular_text); } .gfield_error input::-moz-placeholder, .gfield_error textarea::-moz-placeholder { color: var(--gb_regular_text); opacity: 1; } .gfield_error input::placeholder, .gfield_error textarea::placeholder { color: var(--gb_regular_text); opacity: 1; } .gfield_error input:focus, .gfield_error textarea:focus { background-color: var(--gb_white); border-color: var(--gb_Secondary_Dark_Beige); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15); } .gfield_error select { background-color: #FFF1F1; border-color: #D30000; color: var(--gb_valiation_message_color); } .gfield_error select:focus { background-color: var(--gb_white); border-color: var(--gb_Secondary_Dark_Beige); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15); } .gform_confirmation_message { background-color: var(--gb_success); border: 1px solid var(--gb_success); border-radius: 2px; border-radius: 10px; color: var(--gb_white); font-size: 18px; padding: 16px; text-align: center; } .gform_validation_errors { background-color: var(--gb_valiation_message_color); border-radius: 3px; display: none; font-weight: 700; margin: 10px 0 30px; padding: 1px 6px; text-align: center; } .gform_validation_errors h2 { color: var(--gb_white); font-size: 16px; font-weight: 400; line-height: 22px; margin-bottom: 0; padding: 10px; } .gform_validation_errors ol { margin-top: 20px; } .gfield_required_text { color: var(--gb_required_text_color); font-size: 0.875rem; margin-left: 5px; position: relative; } @media (min-width: 1200px) { .gform_wrapper.gform-theme .gfield--type-fileupload { display: flex; flex-direction: column; } } .gform_wrapper.gform-theme .gfield--type-fileupload .validation_message { margin-left: auto; max-width: 410px; order: 1; top: 80px; } @media (min-width: 1200px) { .gform_wrapper.gform-theme .gfield--type-fileupload .validation_message { margin-top: 37px; } } @media (min-width: 1200px) { .gform_wrapper.gform-theme .gfield--type-fileupload .ginput_container_fileupload { order: 2; } } @media (min-width: 1200px) { .gform_wrapper.gform-theme .gfield--type-fileupload .gform_fileupload_rules { text-align: left; width: 100%; } } .gform_wrapper.gform-theme .gfield--type-fileupload .ginput_preview { font-size: var(--gb_font_size_15); font-style: normal; font-weight: 500; line-height: var(--line_height_130per); } .gform_wrapper.gform-theme .gfield--type-fileupload .ginput_preview .gfield_fileupload_filename { margin-right: 5px; } .gform_wrapper.gform-theme .gfield--type-fileupload .ginput_preview .gform_delete_file { color: #fff; height: auto; line-height: normal; padding: 0 10px; } .gfield_visibility_hidden { display: none !important; } .gform_ajax_spinner, .gform-loader { animation: spin 1s ease-in-out infinite; border: 3px solid rgba(115, 115, 115, 0.3); border-radius: 50%; border-top-color: #fff; display: none; height: 12px; margin-left: 0; margin-top: 0; position: absolute; width: 12px; } @keyframes spin { to { -webkit-transform: rotate(360deg); } } .gform_wrapper .hidden_label { text-align: right; } .gform_wrapper .hidden_label .gfield_label, .gform_wrapper .hidden_label .gform-field-label { display: none; } .gform_wrapper .hidden_label:has(.gfield_label, .gform-field-label) .validation_message { bottom: 0; display: inline-flex; position: inherit; top: inherit; } .gform_wrapper .gfield-choice-image-wrapper { font-size: 16px; } .gform_wrapper fieldset.gfield--type-radio .gfield_label, .gform_wrapper fieldset.gfield--type-radio .gform-field-label, .gform_wrapper fieldset.gfield--type-checkbox .gfield_label, .gform_wrapper fieldset.gfield--type-checkbox .gform-field-label { margin-bottom: 20px; } @media (max-width: 767px) { .gform_wrapper fieldset.gfield--type-radio .gfield_label, .gform_wrapper fieldset.gfield--type-radio .gform-field-label, .gform_wrapper fieldset.gfield--type-checkbox .gfield_label, .gform_wrapper fieldset.gfield--type-checkbox .gform-field-label { margin-bottom: 16px; } } .gform_wrapper .gfield_required { display: none; } .gform_body .gform_fields { -moz-column-gap: 16px; column-gap: 16px; display: grid; grid-template-columns: repeat(12, 1fr); } @media (max-width: 767px) { .gform_body .gform_fields { -moz-column-gap: 0px; column-gap: 0px; } } .gform_body .gform_fields .gfield.gfield--width-half { grid-column: span 6; } @media (max-width: 767px) { .gform_body .gform_fields .gfield.gfield--width-half { grid-column: span 12; } } @media (min-width: 768px) { .gform_body .gform_fields .gfield.gfield--width-half:nth-last-child(2) { margin-bottom: 0; } } .gform_body .gform_fields .gfield.gfield--width-full { grid-column: 1/-1; } .gform_wrapper .gfield_label, .gform_wrapper .gform-field-label { display: flex; font-size: 16px; margin-bottom: 8px; } .gform_footer { margin-top: 48px; overflow: hidden; position: relative; text-align: left; } .gform_footer input[type=submit] { background-color: var(--gb_theme_btn_bgcolor); border: none; border-radius: 100px; color: var(--gb_theme_btn_color); cursor: pointer; display: inline-flex; font-size: 18px; margin: 0; outline: none; overflow: hidden; padding: 14px 50px; position: relative; text-align: center; text-decoration: none; transform: translate(0); transition: all 0.2s ease-in-out; transition: 0.35s; } @media (max-width: 640px) { .gform_footer input[type=submit] { height: 44px; min-height: inherit; padding: 13px 53px 12px; } } .gform_footer input[type=submit]:last-child { margin-right: 0; } .gform_footer input[type=submit]:hover { background-color: var(--gb_theme_btn_bgcolor_hover); color: var(--gb_theme_btn_color_hover); } @media (max-width: 991px) { .gform_footer { margin-top: 36px; } } .theme-form-block { position: relative; z-index: 1; } @media (max-width: 480px) { .theme-form-block .block-title { margin: 0 auto; max-width: 213px; } } .error-top .validation_message { background: var(--gb_valiation_message_color); border-radius: 3px; bottom: inherit; color: var(--gb_white); display: inline-block; font-size: 0.875rem; padding: 1px 6px; position: absolute; right: 0; text-align: center; top: calc(100% - 78px); width: auto; margin: 0; } .place-order .warning-info { background-color: transparent !important; } /* ------------------------------------------------------------------ > Media ------------------------------------------------------------------ */ /*------------------------------------------------- >> Styles for WordPress captions -------------------------------------------------*/ .wp-caption { max-width: 100%; box-sizing: border-box; margin-bottom: 50px !important; } .wp-caption.alignnone { margin: 15px 0; } .wp-caption.alignleft { margin: 50px 20px 10px 0; } .wp-caption.alignright { margin: 5px 0 10px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0 0 8px; max-width: 100%; padding: 0; width: auto; } .wp-caption .wp-caption-text { margin: 0; text-align: left; } .wp-caption p.wp-caption-text { font-size: var(--gb_font_size_4); margin: 0; text-transform: uppercase; word-spacing: 2.5px; letter-spacing: 1.5px; } .wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto; } /*------------------------------------------------- >> Styles for default WordPress galleries -------------------------------------------------*/ .gallery { margin-bottom: 24px; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-caption { display: block; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } /* ------------------------------------------------------------------ > Core ------------------------------------------------------------------ */ /*------------------------------------------------- >> Accessibility styles for WordPress -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .screen-reader-text { margin: 0px; overflow: hidden; width: 1px; position: absolute !important; word-wrap: normal !important; color: var(--gb_acc_btn_color); background-color: var(--gb_acc_btn_bgcolor); clip: auto !important; border: unset !important; border-radius: 0; left: -100%; font-size: 0.875rem; clip-path: none; font-weight: 700; height: auto; line-height: normal; padding: 8px 12px; text-decoration: none; top: 8px; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { display: block; width: auto; z-index: 100000; left: 8px; } #page-section[tabindex="-1"]:focus { outline: 0; } a, button, input[type=submit] { outline: 2px dotted transparent; outline-offset: 5px; } a:focus-visible, button:focus-visible, input[type=submit]:focus-visible { outline-color: var(--wp--preset--color--black) !important; } .contact-details a { outline-offset: 0; } .header-logo a:focus-visible, .red-ctn a:focus-visible, .black-ctn a:focus-visible, .hero-ctn a:focus-visible, .topbar a:focus-visible, .header-nav ul li a:focus-visible { outline-color: var(--wp--preset--color--black); } /*------------------------------------------------- >> Default WordPress alignments -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .alignnone { margin: 15px 0 30px; } .aligncenter { display: block; margin: 15px auto 30px; clear: both; text-align: center; } .alignright { float: right; margin: 15px 0 30px 20px; } .alignleft { float: left; margin: 15px 20px 30px 0; } a img.alignright { float: right; margin: 15px 0 30px 20px; } a img.alignnone { margin: 15px 0 30px; } a img.alignleft { float: left; margin: 15px 20px 30px 0; } a img.aligncenter { display: block; margin: 15px auto 30px; text-align: center; clear: both; } /*------------------------------------------------- >> Styles for posts and pages -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ .sticky { display: block; } .sticky .post-title { position: relative; padding-left: 30px; } .sticky .post-title::before { content: ""; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjAuODYxNiA2Ljk5NjA0TDE1LjA5ODcgMS4yNTE4MUMxNC42MDg4IDAuNzYzNDk3IDEzLjgyOTggMS4yNjY0NiAxMy41OTYzIDEuNjk3ODFDMTMuNTU3MSAxLjc3MTA2IDEzLjYyNzMgMS44Mzc3OSAxMy41NjM3IDIuMzM0MjVDMTMuNDk0MiAyLjk2NDY3IDEzLjM0NSAzLjU4Mzc4IDEzLjExOTUgNC4xNzY4M0wxMC41NTU3IDYuNzMyMzVDOS41MzMzOSA3Ljc1MjkzIDguMDcwMjEgNy4yOTg4IDYuODIwOTYgNi42ODAyNkM2LjU1ODA1IDYuNTUwMDUgNi4yMjAwMSA2LjI2MTk0IDUuOTI3NyA2LjU1MzNMNC44NDE3NSA3LjYzNTc0QzQuNzY1NDcgNy43MTIwMSA0LjcyMjYzIDcuODE1MzMgNC43MjI2MyA3LjkyMzAzQzQuNzIyNjMgOC4wMzA3MyA0Ljc2NTQ3IDguMTM0MDUgNC44NDE3NSA4LjIxMDMyTDEzLjk1MjMgMTcuMjg5OEMxNC4wMjg4IDE3LjM2NTggMTQuMTMyNSAxNy40MDg1IDE0LjI0MDUgMTcuNDA4NUMxNC4zNDg2IDE3LjQwODUgMTQuNDUyMiAxNy4zNjU4IDE0LjUyODggMTcuMjg5OEwxNS42MTMxIDE2LjIwNzNDMTUuOTAyMSAxNS45MTkyIDE1LjUzMzEgMTUuNTQ2NSAxNS4zODI4IDE1LjIzMDdDMTQuODI3NiAxNC4wOTEzIDE0LjMyOTUgMTIuNTU4IDE1LjI1NTUgMTEuNjM1TDE3LjkzMiA4Ljk4MDI0QzE4LjUzOTEgOC43OTU1NCAxOS4xNTg0IDguNjUzMDUgMTkuNzg1NCA4LjU1Mzc3QzIwLjI5IDguNDc0MDEgMjAuMzUyMSA4LjUzNzUgMjAuNDIzOSA4LjQ5MDI5QzIwLjg2NDggOC4yMDU0NCAyMS4zNTQ3IDcuNDg3NjEgMjAuODYxNiA2Ljk5NjA0Wk05LjgwMTIgMTQuNDE1Mkw3LjcyNTY1IDEyLjM0OEwxLjA2Nzg3IDIwLjc0MDVMMS4zODE0MSAyMS4wNTE0TDkuODAxMiAxNC40MTUyWiIgZmlsbD0iYmxhY2siIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMC41NyIgc3Ryb2tlLW1pdGVybGltaXQ9IjIyLjkzIi8+DQo8L3N2Zz4NCg==); background-repeat: no-repeat; position: absolute; top: 5px; left: 0; height: 30px; width: 30px; } .updated:not(.published) { display: none; } .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit following styles or write your own ------------------------------------------------- */ .post-shares { display: flex; } .post-shares a { margin-left: 8px; padding: 5px; border: 1px solid var(--wp--preset--color--black); border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; } .post-shares a:hover { border: 1px solid var(--wp--preset--color--lblack); } /*------------------------------------------------- >> Pagination styles -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .page-section .pagination, .pagination { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; margin: 0; text-align: center; } .page-section .pagination span, .pagination span { display: flex; align-items: center; } .page-section .pagination a, .page-section .pagination a:visited, .page-section .pagination span.current, .pagination a, .pagination a:visited, .pagination span.current { font-size: 0.9375rem; transition: all 0.4s ease-in-out; align-items: center; background-color: var(--gb_black); border-radius: 2px; color: var(--gb_pagination_color); display: flex; height: 44px; justify-content: center; padding: 11px 0 10px; text-decoration: none; width: 44px; border: none; } .page-section .pagination a:hover, .page-section .pagination a:visited:hover, .page-section .pagination span.current:hover, .pagination a:hover, .pagination a:visited:hover, .pagination span.current:hover { background-color: var(--gb_color_primary); color: var(--gb_white); } .page-section .pagination span.current, .pagination span.current { background-color: var(--gb_color_primary); color: var(--gb_white); } .page-section .pagination span.current:hover, .pagination span.current:hover { background-color: var(--gb_color_primary); color: var(--gb_white); } .page-section .pagination > span.current, .pagination > span.current { border: none; } .page-section .pagination > span.current:hover, .pagination > span.current:hover { background-color: var(--gb_color_primary); color: var(--gb_white); } /*------------------------------------------------- >> Styles for default WordPress widgets -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ .wp-block-archives, .wp-block-categories, .wp-block-latest-comments, .wp-block-latest-posts, .wp-block-page-list, .wp-block-rss, .wp-block-search, .wp-block-social-links, .wp-block-tag-cloud, .wp-block-calendar { margin: 0 0 40px; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit following styles or write your own ------------------------------------------------- */ /* ------------------------------------------------------------------ > Blocks ------------------------------------------------------------------ */ /* ------------------------------------------------- >> Accessibility styles for WordPress Gallery Block ------------------------------------------------- */ .wp-block-gallery .wp-block-image a { border-bottom: none; } .page-section .wp-block-gallery ul li { padding: 0; } .page-section .wp-block-gallery ul li::before { display: none; } /* ------------------------------------------------- >> Accessibility styles for WordPress Cover Block ------------------------------------------------- */ .wp-block-cover-text { color: var(--wp--preset--color--white) !important; } /* ------------------------------------------------- >> Accessibility styles for WordPress Calender Block ------------------------------------------------- */ .wp-block-calendar a { text-decoration: none; } .wp-block-calendar table { margin: 0 0 20px; } .wp-block-calendar table caption, .wp-block-calendar table tbody { color: none; } .wp-block-calendar table tbody td, .wp-block-calendar table th { padding: 10px 15px; border: none; } .wp-block-calendar table th { background-color: transparent; font-weight: 700; } /* ------------------------------------------------- >> Accessibility styles for WordPress Categories Block ------------------------------------------------- */ .wp-block-archives-dropdown.wp-block-archives select, .wp-block-categories-dropdown.wp-block-categories select { margin: 0; } /* ------------------------------------------------- >> Accessibility styles for WordPress Image Block ------------------------------------------------- */ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ /* ------------------------------------------------- >> Accessibility styles for WordPress Latest Comments Block ------------------------------------------------- */ .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { border-radius: unset; margin-top: 3px; } .wp-block-latest-comments__comment-date { margin: 5px 0; color: var(--gb_widget_comments_meta_color); } .wp-block-latest-comments__comment-excerpt p { font-size: 100%; line-height: 1.5; margin: 5px 0; } /* ------------------------------------------------- >> Accessibility styles for WordPress Latest Posts Block ------------------------------------------------- */ .wp-block-latest-posts__featured-image a { border-bottom: none; } .wp-block-latest-posts__featured-image.alignleft { margin: 0 20px 10px 0; } .wp-block-latest-posts__featured-image.alignright { margin: 0 0 10px 20px; } .wp-block-latest-posts__featured-image.aligncenter { margin: 0 auto 10px; } .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date { font-size: 90%; color: var(--gb_widget_latest_post_meta_color); } .wp-block-latest-posts.is-grid li { margin-bottom: 12px; } /* ------------------------------------------------- >> Accessibility styles for WordPress Quote Block ------------------------------------------------- */ blockquote.wp-block-quote.is-style-large { border-left: 0; padding: 0; } /* ------------------------------------------------- >> Accessibility styles for WordPress PullQuote Block ------------------------------------------------- */ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ /* ------------------------------------------------- >> Accessibility styles for WordPress RSS Feed Block ------------------------------------------------- */ .wp-block-rss__item-author, .wp-block-rss__item-publish-date { font-size: 90%; color: var(--gb_widget_rss_feed_meta_color); } .wp-block-rss__item-excerpt { margin: 10px 0 20px; } /* ------------------------------------------------- >> Accessibility styles for WordPress Search Block ------------------------------------------------- */ input[type=search].wp-block-search__input { background-image: unset; padding: 0 12px; margin-bottom: 0; } .wp-block-search__button { border: none; margin-right: 0; padding: 0 20px; } .wp-block-search__button:hover { border: none; background-color: var(--wp--preset--color--white); } /* ------------------------------------------------- >> Accessibility styles for WordPress Social-links Block ------------------------------------------------- */ .wp-block-social-links li.wp-block-social-link { list-style: none; padding-left: 0; } .wp-block-social-links li.wp-block-social-link::before { display: none; } .wp-block-social-links li.wp-block-social-link svg { margin-bottom: 0; } /* ------------------------------------------------- >> Accessibility styles for WordPress Tag Cloud Block ------------------------------------------------- */ .wp-block-tag-cloud .tag-cloud-link { margin: 0 8px 12px 0; } /* ------------------------------------------------------------------ > Site ------------------------------------------------------------------ */ /*------------------------------------------------- >> Styles for header and footer of website -------------------------------------------------*/ .slide-thumb img, .burger-single, .post-tags, .post-content-des p, .post-meta, .search-button, .single-blog-post, .wpcf7-submit, a, a:visited, button, input[type=submit], .home-hero, header { transition: all 0.3s ease-in-out; } .top-bar { padding: 0px 0; background-color: var(--gb_white); color: var(--gb_topbar_color); transition: all 0.4s ease-in-out; } .menu-bar { background-color: var(--gb_black); } @media (max-width: 1200px) { .menu-bar { background-color: var(--gb_dark-siver-gray); } } .nav-container { display: flex; align-items: center; justify-content: center; gap: 4.5rem; margin-top: 0px; } @media (max-width: 1440px) { .nav-container { gap: 2rem; } } .header-logo a { display: inline-block; } .no-overflow { overflow: hidden; } .logo { position: relative; z-index: 9; line-height: 0; width: 248px; max-height: 30px; transition: all 0.2s ease-in-out; } @media (max-width: 640px) { .logo { width: 180px; max-height: 21px; } } @media (max-width: 374px) { .logo { width: 150px; } } .top-bar .header-inner { padding-top: 20px; padding-bottom: 20px; box-sizing: border-box; transition: all 0.3s ease-in-out; } @media (max-width: 1400px) { .top-bar .header-inner { padding: 19px 30px; } } @media (max-width: 1220px) { .top-bar .header-inner { padding-left: 20px; padding-right: 20px; gap: 20px; } } .top-bar .header-inner .right-block { display: flex; align-items: center; gap: 25px; } @media (max-width: 1200px) { .top-bar .header-inner .right-block { gap: 20px; } } .top-bar .sign-in-link { display: flex; align-items: center; gap: 25px; } .top-bar .sign-in-link .text-link { display: inline-block; vertical-align: middle; } .top-bar .sign-in-link .cart { display: flex; flex-direction: column; align-items: center; justify-content: center; } .top-bar .sign-in-link .cart .cart-count { position: absolute; top: -7px; right: 0; background: var(--gb_color_primary); color: var(--gb_black); width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; border-radius: 100px; font-size: 14px; font-weight: bold; line-height: 1; font-family: "myriad-pro", sans-serif; } .top-bar .sign-in-link .cart .cart-total { font-size: var(--gb_font_size_6); font-weight: bold; color: var(--gb_black); } .top-bar .sign-in-link .icon { display: flex; align-items: center; } .top-bar .sign-in-link .icon img { width: 30px; height: 30px; -o-object-fit: contain; object-fit: contain; } @media (max-width: 640px) { .top-bar .sign-in-link .icon img { width: 25px; height: 26px; } } header { background-color: var(--gb_header_bgcolor); z-index: 9999; width: 100%; position: sticky; top: 0; } @media (max-width: 1200px) { header:has(.nav-overlay.open) .header-logo { position: relative; z-index: 9999; transition: none !important; } header:has(.nav-overlay.open) .header-logo img { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(157deg) brightness(102%) contrast(101%); -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(157deg) brightness(102%) contrast(101%); transition: none; } header:has(.nav-overlay.open) .top-bar { position: relative; } header:has(.nav-overlay.open) .top-bar::before { content: ""; position: absolute; width: 100%; background: var(--gb_black); top: 0; bottom: 0; z-index: 9999; } } header.shrink { background-color: var(--gb_header_bgcolor_sticky); box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05); } @media (max-width: 767px) { header { box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05); } } .menu-bar { padding: 0px 0; box-sizing: border-box; transition: all 0.3s ease-in-out; } .header-wrapper { box-sizing: border-box; margin: 0 auto; max-width: 1500px; padding-left: 30px; padding-right: 30px; } @media (max-width: 1200px) { .header-wrapper { padding-left: 20px; padding-right: 20px; } .header-wrapper .sign-in-user span { color: var(--gb_Primary_White); text-transform: uppercase; } } @media (max-width: 767px) { .header-wrapper .header-navigation { flex-wrap: wrap; justify-content: center; } .header-wrapper .header-navigation .sign-in-user { margin: 9px 0; } } .header-wrapper .user-info { display: flex; align-items: center; gap: 10px; } @media (max-width: 1200px) { .header-wrapper .user-info.md-hide { display: none; } } .header-wrapper .user-info .user-icon { width: 17px; height: 18px; border-radius: 100%; display: flex; align-items: center; } .header-wrapper .user-info .user-icon img { height: 100%; -o-object-fit: contain; object-fit: contain; } .header-wrapper .user-info .my-account-dropdown .view-dropdown .tab-dropdown .dropdown-toggle { min-width: 160px; padding: 0; border: 0; display: flex; align-items: center; text-decoration: underline; } .header-wrapper .user-info .my-account-dropdown .view-dropdown .tab-dropdown .dropdown-toggle:after { display: none; } @media (max-width: 1200px) { .header-wrapper .user-info .my-account-dropdown .view-dropdown .tab-dropdown .dropdown-toggle { border: 0; padding: 3px; background: transparent; color: var(--gb_white); } } @media (max-width: 768px) { .header-wrapper .user-info .my-account-dropdown .view-dropdown .tab-dropdown .dropdown-toggle { min-width: auto; } } .header-wrapper .user-info .my-account-dropdown .view-dropdown .tab-dropdown .dropdown-menu { background-color: var(--gb_black); overflow: hidden; border: 0; } .header-wrapper .user-info .my-account-dropdown .view-dropdown .tab-dropdown .dropdown-menu li a { color: var(--gb_white); } @media (max-width: 768px) { .header-wrapper .user-info .my-account-dropdown .view-dropdown .tab-dropdown .dropdown-menu { min-width: 160px; } } body .header-btns { margin-top: 0; z-index: 1; display: flex; align-items: center; gap: 6px; } @media (max-width: 1200px) { body .header-btns { padding-top: 20px; padding-bottom: 20px; } } @media (max-width: 991px) { body .header-btns { padding-top: 15px; padding-bottom: 15px; } } @media (max-width: 767px) { body .header-btns { width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; background-color: var(--gb_Primary_White); justify-content: center; padding-left: 20px; padding-right: 20px; } } body .header-btns .view-dropdown { margin-right: 0; margin-left: 0; } body .header-btns .view-dropdown .tab-dropdown { width: auto; } body .header-btns .view-dropdown .tab-dropdown .dropdown-toggle { border-radius: 0; border: 0; font-size: var(--gb_font_size_8); font-family: "myriad-pro-condensed", sans-serif !important; font-weight: 600; padding: 3px 30px 3px 12px; line-height: var(--line_height_medium); height: auto; min-width: 148px; position: relative; display: inline-block; max-width: 148px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 767px) { body .header-btns .view-dropdown .tab-dropdown .dropdown-toggle { border: 1px solid var(--gb_black_2); } } @media (max-width: 420px) { body .header-btns .view-dropdown .tab-dropdown .dropdown-toggle { width: 100%; } } body .header-btns .view-dropdown .tab-dropdown .dropdown-toggle::after { position: absolute; right: 5px; top: 5px; background-size: 12px 12px; width: 12px; } body .header-btns .view-dropdown .tab-dropdown > select.dropdown-toggle { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC43NSIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDIwLjc1IDEyIj4NCiAgPHBhdGggaWQ9IlBvbHlnb25fMjIiIGRhdGEtbmFtZT0iUG9seWdvbiAyMiIgZD0iTTEwLjM3NSwwLDIwLjc1LDEySDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC43NSAxMikgcm90YXRlKDE4MCkiLz4NCjwvc3ZnPg0K); background-position: center right 6px; background-repeat: no-repeat; background-size: 12px; } body .header-btns .menu-dropdown { margin: 0; overflow: inherit; } body .header-btns .menu-dropdown a { font-size: var(--gb_font_size_8); font-family: "myriad-pro-condensed", sans-serif !important; font-weight: 600; } body .header-btns .searchbar form { position: relative; } body .header-btns .searchbar form input[type=search] { border: 0; border-radius: 0; font-family: myriad-pro, sans-serif !important; font-size: var(--gb_font_size_8); font-weight: 600; height: auto; line-height: var(--line_height_medium); padding: 3px 40px 3px 12px; display: block; box-shadow: none; } @media (max-width: 767px) { body .header-btns .searchbar form input[type=search] { border: 1px solid var(--gb_black_2); } } @media (max-width: 420px) { body .header-btns .searchbar form input[type=search] { width: 100%; } } body .header-btns .searchbar form button { position: absolute; right: 0; top: 0; bottom: 0; padding: 0; margin: 0; border: 0; height: auto; background-color: transparent; display: flex; min-width: 44px; text-align: right; align-items: center; justify-content: flex-end; padding: 0 6px; } body .header-btns .searchbar form button img { width: 16px; height: 16px; height: auto; display: block; } @media (max-width: 420px) { body .header-btns .searchbar { width: 100%; } } body.logged-in.admin-bar header { top: 32px; } body.logged-in.admin-bar.hide-topbar header { top: -12px; } .desktop-hide { display: none; } ul.breadcrumbs-menu { margin: 0; padding: 0; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 0.2rem 0.5rem; list-style: none; } ul.breadcrumbs-menu li { padding: 0 0.65rem 0 0 !important; margin: 0; position: relative; font-size: 14px; } ul.breadcrumbs-menu li.home-menu-item { display: flex; align-items: center; } ul.breadcrumbs-menu li.home-menu-item a { display: inline-flex; height: 22px; width: auto; align-items: center; } ul.breadcrumbs-menu li.home-menu-item a:hover { opacity: 0.7; } ul.breadcrumbs-menu li.home-menu-item a img { width: 14px; display: inline-block; } ul.breadcrumbs-menu li.active { color: var(--gb_black); font-family: myriad-pro, sans-serif; } ul.breadcrumbs-menu li::before { display: none; } ul.breadcrumbs-menu li:after { content: ""; position: absolute; right: 0; top: 0.5rem; border-style: solid; border-width: 2px 2px 0 0; height: 6px; width: 6px; border-color: var(--gb_color_primary); transform: rotate(45deg); } ul.breadcrumbs-menu li > a { font-family: "myriad-pro", sans-serif; font-size: 14px; font-weight: 400; display: block; border: 0 !important; padding: 0 !important; transition: all 0.3s ease; color: var(--gb_black_1); } @media (max-width: 640px) { ul.breadcrumbs-menu li > a { display: inline-block; } } ul.breadcrumbs-menu li:last-child::after { display: none; } @media (max-width: 640px) { ul.breadcrumbs-menu li:nth-child(n+5) { display: none; } } @media (max-width: 640px) { ul.breadcrumbs-menu li:nth-child(n+4):after { content: "..."; position: initial; border: none; letter-spacing: 1px; } } .header-inner.mobile-show { display: none; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05); } @media (max-width: 767px) { .header-inner.mobile-show { display: block; } } @media (max-width: 767px) { .header-inner.mobile-hide { display: none; } } @media (min-width: 1200px) { .header-inner.mobile-hide .user-info { display: none; } } @media (min-width: 1024px) { .header-nav ul li:hover > ul, .menu-item-has-children ul.focused, .header-nav ul li a:focus-visible + ul { opacity: 1; visibility: visible; overflow: visible; height: auto; } .header-nav ul ul { animation-delay: 0.6s; opacity: 0; visibility: hidden; overflow: hidden; transition: all 0.3s ease-in-out; } } .header-nav > ul { display: flex; gap: 25px; margin: 0; } @media (min-width: 1580px) { .header-nav > ul { gap: 40px; } } @media (max-width: 1400px) { .header-nav > ul { gap: 20px; } } .header-nav > ul li { margin: 0; } .header-nav > ul li > a { display: inline-flex; align-items: center; gap: 7px; font-size: var(--gb_font_size_8); font-weight: 600; color: var(--gb_white) !important; transition: all 0.3s ease; } @media (max-width: 1200px) { .header-nav > ul li > a { font-size: 22px; } } @media (max-width: 480px) { .header-nav > ul li > a { font-size: 19px; } } .header-nav > ul li > a:hover > span.menu-expand { border-color: var(--gb_color_primary) !important; } .header-nav > ul li a:hover:not(.menu-item-has-children .sub-menu > li > a) { color: var(--gb_color_primary) !important; text-decoration: underline; text-underline-offset: 2px; } .header-nav > ul li > ul { display: flex; margin: 0; background-color: var(--gb_black); } .header-nav > ul li > ul > li > a { position: relative; padding: 2px 0px 2px 0px; margin-left: 15px; } .header-nav > ul li > ul > li > a span.menu-expand { position: absolute; left: -15px; top: 0; display: inline-flex !important; align-items: center; justify-content: center; border: 0 !important; padding: 0 !important; transform: none !important; -webkit-transform: none !important; width: 9px !important; height: 100%; z-index: 3; } .header-nav > ul li > ul > li > a span.menu-expand::before { content: ""; width: 9px; height: 1px; background-color: var(--gb_white); transition: all 0.3s ease; left: 0; position: absolute; top: 14px; } .header-nav > ul li > ul > li > a span.menu-expand::after { content: ""; width: 1px; height: 9px; background-color: var(--gb_white); margin-left: -5px; transition: all 0.3s ease; left: 9px; top: 10px; position: absolute; } .header-nav > ul li > ul > li.submenu-open > a { color: var(--gb_color_primary) !important; text-decoration: underline; text-underline-offset: 2px; } .header-nav > ul li > ul > li.submenu-open > a > span.menu-expand::before { transform: rotateZ(180deg); background-color: var(--gb_color_primary) !important; } .header-nav > ul li > ul > li.submenu-open > a > span.menu-expand::after { transform: rotateZ(90deg); background-color: var(--gb_color_primary) !important; } @media (max-width: 480px) { .header-nav > ul li > ul > li.submenu-open .sub-menu > li > a { font-size: 16px; } } .header-nav > ul li > ul > li a > span.menu-expand:hover::before { background-color: var(--gb_color_primary) !important; } .header-nav > ul li > ul > li a > span.menu-expand:hover::after { background-color: var(--gb_color_primary) !important; } .header-nav > ul li > ul > li.current-menu-item > a > span.menu-expand::before { transform: rotateZ(180deg); background-color: var(--gb_color_primary) !important; } .header-nav > ul li > ul > li.current-menu-item > a > span.menu-expand::after { transform: rotateZ(90deg); background-color: var(--gb_color_primary) !important; } .header-nav > ul li.menu-item-has-children { display: flex; flex-direction: column; position: relative; } .header-nav > ul li.menu-item-has-children span.menu-expand { border: solid #ffffff; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; right: -14px; width: 0; transition: all 0.3s ease; } @media (max-width: 1440px) { .header-nav > ul li.menu-item-has-children span.menu-expand { margin-bottom: 2px; } } .header-nav > ul li.menu-item-has-children > ul { padding: 5px 0 5px 10px; display: none; } @media (max-width: 1200px) { .header-nav > ul li.menu-item-has-children > ul { padding: 10px 0 10px 10px; } } .header-nav > ul li.menu-item-has-children.submenu-open > ul { visibility: visible !important; opacity: 1 !important; display: block !important; } .header-nav > ul li.menu-item-has-children.submenu-open > ul li.menu-item:hover > a { color: var(--gb_color_primary) !important; } .header-nav > ul li.menu-item-has-children.submenu-open > ul li.menu-item:hover > a .menu-expand::before { background-color: var(--gb_color_primary) !important; } .header-nav > ul li.menu-item-has-children.submenu-open > ul li.menu-item:hover > a .menu-expand::after { background-color: var(--gb_color_primary) !important; } .header-nav > ul li.menu-item-has-children.submenu-open span.menu-expand { transform: rotate(-134deg); -webkit-transform: rotate(-134deg); } .header-nav > ul > li { position: relative; padding: 21px 0; } .header-nav > ul > li > ul { position: absolute; left: 0; width: 338px; top: 100%; margin-top: 0px; padding: 15px 25px; max-height: 70vh; overflow: auto !important; } .header-nav > ul > li > ul::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0.2); margin: 0; position: relative; right: 10px; } .header-nav > ul > li > ul::-webkit-scrollbar { width: 6px; background-color: rgba(255, 255, 255, 0.2); position: relative; right: 10px; } .header-nav > ul > li > ul::-webkit-scrollbar-thumb { border-radius: 10px; background: none; position: relative; right: 10px; } .header-nav > ul > li > ul:hover::-webkit-scrollbar-thumb { background: var(--gb_color_primary); } .main-menu li a:focus { outline: 2px dashed #505050 !important; } .menu-btn { display: none; } @media (max-width: 1200px) { .menu-btn { top: 0; right: 0; height: 20px; width: 26px; cursor: pointer; z-index: 9999; display: inline-flex; flex-direction: column; position: relative; justify-content: space-between; transition: all 0.3s ease-in-out; } .menu-btn span { height: 2px; width: 100%; background-color: var(--gb_color_on_primary); opacity: 1; transition: all 0.3s ease-in-out; } .menu-btn.active { top: auto; position: absolute; right: auto; bottom: auto; } .menu-btn.active span { background-color: var(--gb_Primary_White); } .menu-btn.active span:first-child { transform: translateY(9px) translateX(0) rotate(-45deg); } .menu-btn.active span:last-child { transform: translateY(-9px) translateX(0) rotate(45deg); } .menu-btn.active span.middle { opacity: 0; } } @media (max-width: 1200px) and (max-width: 640px) { .menu-btn { width: 35px; } } @media (max-width: 1200px) { .nav-overlay { position: fixed; right: -100%; width: 100%; height: 100vh; overflow-y: auto; background-color: var(--gb_color_on_primary); transition: all 0.3s ease; z-index: 999; padding: 100px 30px; bottom: 0; } .nav-overlay.open { right: 0; transition: all 0.3s ease; top: 0; overflow-y: auto !important; } .nav-overlay .header-nav { margin-bottom: 91px; } .nav-overlay .header-nav ul.main-menu { flex-direction: column; } .nav-overlay .header-nav ul.main-menu li { margin: 0; padding: 0; } .nav-overlay .header-nav ul.main-menu li.menu-item a:hover span.menu-expand:after, .nav-overlay .header-nav ul.main-menu li.menu-item a:hover span.menu-expand:before { background-color: var(--gb_color_primary); } .nav-overlay .header-nav ul.main-menu li.menu-item-has-children span.menu-expand { position: absolute; left: -18px; top: 9px; display: inline-flex !important; align-items: center; justify-content: center; border: 0 !important; padding: 0 !important; transform: none !important; -webkit-transform: none !important; width: 9px; } .nav-overlay .header-nav ul.main-menu li.menu-item-has-children span.menu-expand::before { content: ""; width: 10px; height: 2px; background-color: var(--gb_white); transition: all 0.3s ease; top: 12px; } .nav-overlay .header-nav ul.main-menu li.menu-item-has-children span.menu-expand::after { content: ""; width: 2px; height: 10px; background-color: var(--gb_white); margin-left: -6px; transition: all 0.3s ease; top: 8px; left: 10px; } .nav-overlay .header-nav ul.main-menu li.menu-item-has-children.submenu-open > a span.menu-expand:after { transform: rotateZ(90deg); } .nav-overlay .header-nav ul.main-menu li ul { position: relative; max-height: 100%; width: 100%; padding: 10px; } .nav-overlay .header-nav ul.main-menu li ul li.menu-item-has-children span.menu-expand { top: 3px; } .nav-overlay .header-nav ul.main-menu li ul li.menu-item-has-children.submenu-open > a { color: var(--gb_color_primary); } .nav-overlay .header-nav ul.main-menu li ul li.menu-item-has-children.submenu-open > a span.menu-expand:after, .nav-overlay .header-nav ul.main-menu li ul li.menu-item-has-children.submenu-open > a span.menu-expand:before { background-color: var(--gb_color_primary); } .nav-overlay .mobile-phone-social-block .text-link { text-align: center; color: var(--gb_Primary_White); } .nav-overlay .mobile-phone-social-block .social-icons { justify-content: center; } } .footer-section { background-color: var(--gb_color_secondary); } .footer-section .footer-inner { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 20px; padding-bottom: var(--gb_space_14); } .footer-section .footer-inner .footer-col { grid-column: span 3; } @media (max-width: 991px) { .footer-section .footer-inner .footer-col { grid-column: span 6; order: 1; } .footer-section .footer-inner .footer-col:nth-child(4) { order: 2; } } @media (max-width: 991px) and (max-width: 991px) { .footer-section .footer-inner .footer-col:nth-child(4) { text-align: center; } } @media (max-width: 991px) { .footer-section .footer-inner .footer-col:nth-child(2) { order: 3; } .footer-section .footer-inner .footer-col:nth-child(3) { order: 4; } } .footer-section .footer-inner .footer-col:not(:first-child) { padding-top: var(--gb_space_18); } .footer-section .footer-inner .footer-col.mobile-show { display: none; order: 2; } @media (max-width: 991px) { .footer-section .footer-inner .footer-col.mobile-show { display: block !important; grid-column: span 12; } } @media (max-width: 767px) { .footer-section .footer-inner .footer-col.mobile-show { max-width: 301px; margin: 0 auto; } } .footer-section .footer-inner .footer-col.mobile-show .footer-nav { display: grid; grid-template-columns: repeat(2, 1fr); -moz-column-gap: 60px; column-gap: 60px; } @media (max-width: 767px) { .footer-section .footer-inner .footer-col.mobile-show .footer-nav { grid-template-columns: repeat(1, 1fr); justify-content: center; } } .footer-section .footer-inner .footer-col.mobile-show .footer-nav .widget-title a { text-decoration: none; } @media (max-width: 991px) { .footer-section .footer-inner .footer-col.mobile-hide { display: none !important; } } .footer-section .footer-inner .footer-col .newsletter-area { margin-top: -20px; padding: 25px 16px; width: 100%; max-width: 300px; } @media (max-width: 767px) { .footer-section .footer-inner .footer-col .newsletter-area { margin-left: auto; margin-right: auto; margin-bottom: -20px; } } .footer-section .footer-inner .footer-col .newsletter-area .newsletter-text { color: var(--gb_black_1); } .footer-section .footer-inner .footer-col .newsletter-area .newsletter-icon { width: 61px; height: 53px; -o-object-fit: contain; object-fit: contain; } .footer-section .footer-inner .footer-col .phone-link { display: inline-block; color: var(--gb_white); margin-bottom: var(--gb_space_10); font-weight: 600; } .footer-section .footer-inner .footer-col .phone-link:hover { color: var(--gb_color_primary); } .footer-section .footer-inner .footer-col .phone-link:focus, .footer-section .footer-inner .footer-col .phone-link:focus-visible { outline: 2px dashed #505050 !important; } @media (max-width: 991px) { .footer-section .footer-inner .footer-col .phone-link { margin-bottom: 0; } } @media (max-width: 767px) { .footer-section .footer-inner { display: flex; flex-direction: column; gap: 0; } } .footer-nav ul { padding: 0; margin: 0; } .footer-nav ul li { padding: 0; margin: 0 0 19px; list-style-type: none; line-height: 1; } .footer-nav ul li:last-child { margin: 0; } .footer-nav ul li a, .footer-nav ul li a:visited { padding-bottom: 2px; font-size: var(--gb_font_size_15); line-height: 1; position: relative; display: inline-block; color: var(--gb_white); transition: all 0.3s ease; font-weight: 600; } .footer-nav ul li a:hover { border: 0; color: var(--gb_color_primary); } .footer-nav ul li a:hover::after { transform-origin: bottom left; transform: scaleX(1); } .footer-nav ul ul { padding: 20px 0 10px; } .footer-nav ul ul li { display: block; margin: 0 0 14px; padding: 0 15px; } .footer-nav ul ul li:last-child { margin: 0; } .footer-nav a:focus { outline: 2px dashed #505050 !important; } .footer-nav .menu { margin: 0; } .footer-nav .widget-title { margin-bottom: 19px; } .footer-nav .widget-title:last-child { margin: 0; } .footer-nav .connect-text, .footer-nav .widget-title-link { font-size: var(--gb_font_size_17); text-decoration: underline; color: #fff; font-weight: 700; transition: all 0.3s ease; } .footer-nav .connect-text:hover, .footer-nav .widget-title-link:hover { color: var(--gb_color_primary); } .footer-nav .connect-text:hover { color: #fff !important; } .footer-nav .footer-menu { margin-bottom: 30px; } .footer-nav .address-block { position: relative; max-width: 150px; width: 100%; margin: 0 auto; } .footer-nav .address-block h6 { color: var(--gb_white); font-weight: 600; margin-top: var(--gb_space_6); padding-top: var(--gb_space_6); font-size: 25px; } .footer-nav .address-block h6:before { content: ""; position: absolute; width: 60px; top: 0; height: 1px; background: var(--gb_white); left: 0; right: 0; margin: 0 auto; } .social-icons { display: flex; align-items: center; gap: 30px; margin-top: 19px; flex-wrap: wrap; } @media (max-width: 1024px) { .social-icons { gap: 20px; } } @media (max-width: 991px) { .social-icons { justify-content: center; gap: 34px; } } @media (max-width: 767px) { .social-icons { margin-top: 34px; } } .social-icons .social-icon { display: flex; width: 22px; height: 22px; } .social-icons .social-icon img { width: 22px; display: block; transition: all 0.3s ease; } .social-icons .social-icon img:hover { filter: invert(42%) sepia(66%) saturate(6451%) hue-rotate(0deg) brightness(182%) contrast(55%); } @media (max-width: 991px) { .social-icons .social-icon img { width: 28px; } } .social-icons .social-icon:focus, .social-icons .social-icon:focus-visible { outline: 2px dashed #505050 !important; } @media (max-width: 991px) { .social-icons .social-icon { width: 28px; height: 28px; } } .footer-bottom { padding: 30px 0 40px; border-top: 1px solid var(--gb_border_3); } .copy-right { width: 100%; background-color: var(--gb_color_primary); font-size: 16px; color: #000; padding: 6px 15px; font-weight: 600; } .copy-right p { font-size: 16px; } .legal-nav { width: 55%; } .legal-nav ul { margin: 0; padding: 0; list-style-type: none; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; } .legal-nav ul li { padding: 0; margin-bottom: 0; margin-left: 30px; font-size: 14px; } .legal-nav ul li a, .legal-nav ul li a:visited { line-height: 1; padding-bottom: 2px; color: var(--gb_legal_nav_color); position: relative; display: block; } .legal-nav ul li a::after, .legal-nav ul li a:visited::after { content: ""; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background-color: var(--gb_legal_nav_border_color); transform: scaleX(0); transform-origin: bottom right; transition: transform 0.3s; } .legal-nav ul li a:hover::after, .legal-nav ul li a:visited:hover::after { transform-origin: bottom left; transform: scaleX(1); } .legal-nav ul li.current-menu-item a::after { transform-origin: bottom left; transform: scaleX(1); } .legal-nav ul li:first-child { margin-right: 0; } .legal-text { font-size: 15px; color: var(--gb_legal_text_color); margin-right: 30px; } .social-icons svg { margin: 0; max-width: 20px; } .footer-subscribe { margin-top: 20px; padding: 0 9px; } .footer-subscribe input[type=email] { background: #ffd56d; box-shadow: none; border-radius: 0; border: none; color: var(--gb_color_on_primary); height: 39px; padding: 11px 7px; font-size: 16px; } .footer-subscribe input[type=email]::-moz-placeholder { color: var(--gb_color_on_primary); } .footer-subscribe input[type=email]::placeholder { color: var(--gb_color_on_primary); } .footer-subscribe .gform_footer { margin-top: 20px; text-align: center; overflow: visible; } .footer-subscribe .gform_footer input[type=submit] { background-color: transparent; border-radius: 0; border: 1px solid #000; padding: 14px 28px; color: #000; text-transform: capitalize; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1607843137); font-weight: 600; transition: all 0.3s ease; height: auto !important; } .footer-subscribe .gform_footer input[type=submit]:hover { background: var(--gb_color_on_primary); color: var(--gb_white); } /**** * * containers * ****/ .wrapper { max-width: 1300px; width: 90%; margin: 0 auto; } .wrapper { margin: 0 auto; max-width: 1500px; padding-left: 30px !important; padding-right: 30px !important; width: 100%; } @media (max-width: 1220px) { .wrapper { padding-left: 20px !important; padding-right: 20px !important; } } .container-1220 .wrapper { margin: 0 auto; max-width: 1280px; padding-left: 0px; padding-right: 0px; width: 100%; } .container-1160 .wrapper { margin: 0 auto; max-width: 1160px; padding-left: 0px; padding-right: 0px; width: 100%; } .container-1160 .wrapper p { line-height: 1.5; } .container-1280 .wrapper { margin: 0 auto; max-width: 1340px; padding-left: 30px; padding-right: 30px; width: 100%; } @media (max-width: 1220px) { .container-1280 .wrapper { padding-left: 20px; padding-right: 20px; } } .container-1213 .wrapper { margin: 0 auto; max-width: 1200px; padding-left: 30px; padding-right: 30px; position: relative; } @media (max-width: 1220px) { .container-1213 .wrapper { padding-left: 20px; padding-right: 20px; } } .container-980 .wrapper { margin: 0 auto; max-width: 1040px; padding-left: 30px; padding-right: 30px; position: relative; } @media (max-width: 1220px) { .container-980 .wrapper { padding-left: 20px; padding-right: 20px; } } .full-width-ctn .wrapper { max-width: 100%; width: 100%; } .navy-ctn { background-color: var(--wp--preset--color--navy); } .page-section > .wrapper { padding-left: 0 !important; padding-right: 0 !important; } .is-style-gl-s2, .gl-s2 { height: var(--gb_space_1) !important; } .is-style-gl-s4, .gl-s4 { height: var(--gb_space_2) !important; } .is-style-gl-s6, .gl-s6 { height: var(--gb_space_3) !important; } .is-style-gl-s8, .gl-s8 { height: var(--gb_space_4) !important; } .is-style-gl-s12, .gl-s12 { height: var(--gb_space_5) !important; } .is-style-gl-s16, .gl-s16 { height: var(--gb_space_6) !important; } .is-style-gl-s20, .gl-s20 { height: var(--gb_space_7) !important; } .is-style-gl-s24, .gl-s24 { height: var(--gb_space_8) !important; } .is-style-gl-s28, .gl-s28 { height: var(--gb_space_20) !important; } .is-style-gl-s30, .gl-s30 { height: var(--gb_space_9) !important; } .is-style-gl-s36, .gl-s36 { height: var(--gb_space_10) !important; } .is-style-gl-s44, .gl-s44 { height: var(--gb_space_11) !important; } .is-style-gl-s52, .gl-s52 { height: var(--gb_space_19) !important; } .is-style-gl-s64, .gl-s64 { height: var(--gb_space_18) !important; } .is-style-gl-s80, .gl-s80 { height: var(--gb_space_12) !important; } .is-style-gl-s96, .gl-s96 { height: var(--gb_space_13) !important; } .is-style-gl-s128, .gl-s128 { height: var(--gb_space_14) !important; } .is-style-gl-s156, .gl-s156 { height: var(--gb_space_15) !important; } .is-style-gl-s200, .gl-s200 { height: var(--gb_space_16) !important; } .is-style-gl-s236, .gl-s236 { height: var(--gb_space_17) !important; } body .site-btn, body .not-found .page-content .search-form input[type=submit], .not-found .page-content .search-form body input[type=submit], body .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order button[type=submit], .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order body button[type=submit], body .cart_totals .wc-proceed-to-checkout .checkout-button, .cart_totals .wc-proceed-to-checkout body .checkout-button, body .woocommerce-cart-form .shop_table .actions button[type=submit], .woocommerce-cart-form .shop_table .actions body button[type=submit], body .wc-block-checkout__form .wc-block-components-checkout-place-order-button, .wc-block-checkout__form body .wc-block-components-checkout-place-order-button, body .wc-block-components-sidebar .wc-block-cart__submit .wc-block-cart__submit-container .wc-block-cart__submit-button, .wc-block-components-sidebar .wc-block-cart__submit .wc-block-cart__submit-container body .wc-block-cart__submit-button, body .wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wc-block-grid__product .wp-block-button .add_to_cart_button, .wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wc-block-grid__product .wp-block-button body .add_to_cart_button, body .woocommerce .return-to-shop .wc-backward, .woocommerce .return-to-shop body .wc-backward, body .woocommerce .woocommerce-MyAccount-content button[type=submit], .woocommerce .woocommerce-MyAccount-content body button[type=submit], body .woocommerce .woocommerce-MyAccount-content .woocommerce-button, .woocommerce .woocommerce-MyAccount-content body .woocommerce-button, body .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-Button, .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm body .woocommerce-Button, body .woocommerce .woocommerce-MyAccount-content .woocommerce-info .wc-forward, .woocommerce .woocommerce-MyAccount-content .woocommerce-info body .wc-forward, body .woocommerce .woocommerce_signin_wrapper .lost_reset_password .woocommerce-form-row button[type=submit], .woocommerce .woocommerce_signin_wrapper .lost_reset_password .woocommerce-form-row body button[type=submit], body .woocommerce .woocommerce_signin_wrapper .woocommerce-form .form-row button[type=submit], .woocommerce .woocommerce_signin_wrapper .woocommerce-form .form-row body button[type=submit], body .swal2-popup button, .swal2-popup body button, body .woocommerce-shipping-calculator button[type=submit], .woocommerce-shipping-calculator body button[type=submit], body .wp-block-button .wp-block-button__link { background-color: var(--gb_color_primary); color: var(--gb_style-lg-text); font-size: var(--gb_font_size_15); font-family: "myriad-pro-condensed", sans-serif; line-height: 1; text-decoration: none; border: 0; display: inline-block; padding: 12px 24px; font-weight: 600; text-align: center; } body .site-btn:hover, body .not-found .page-content .search-form input[type=submit]:hover, .not-found .page-content .search-form body input[type=submit]:hover, body .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order button[type=submit]:hover, .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order body button[type=submit]:hover, body .cart_totals .wc-proceed-to-checkout .checkout-button:hover, .cart_totals .wc-proceed-to-checkout body .checkout-button:hover, body .woocommerce-cart-form .shop_table .actions button[type=submit]:hover, .woocommerce-cart-form .shop_table .actions body button[type=submit]:hover, body .wc-block-checkout__form .wc-block-components-checkout-place-order-button:hover, .wc-block-checkout__form body .wc-block-components-checkout-place-order-button:hover, body .wc-block-components-sidebar .wc-block-cart__submit .wc-block-cart__submit-container .wc-block-cart__submit-button:hover, .wc-block-components-sidebar .wc-block-cart__submit .wc-block-cart__submit-container body .wc-block-cart__submit-button:hover, body .wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wc-block-grid__product .wp-block-button .add_to_cart_button:hover, .wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wc-block-grid__product .wp-block-button body .add_to_cart_button:hover, body .woocommerce .return-to-shop .wc-backward:hover, .woocommerce .return-to-shop body .wc-backward:hover, body .woocommerce .woocommerce-MyAccount-content button[type=submit]:hover, .woocommerce .woocommerce-MyAccount-content body button[type=submit]:hover, body .woocommerce .woocommerce-MyAccount-content .woocommerce-button:hover, .woocommerce .woocommerce-MyAccount-content body .woocommerce-button:hover, body .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-Button:hover, .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm body .woocommerce-Button:hover, body .woocommerce .woocommerce-MyAccount-content .woocommerce-info .wc-forward:hover, .woocommerce .woocommerce-MyAccount-content .woocommerce-info body .wc-forward:hover, body .woocommerce .woocommerce_signin_wrapper .lost_reset_password .woocommerce-form-row button[type=submit]:hover, .woocommerce .woocommerce_signin_wrapper .lost_reset_password .woocommerce-form-row body button[type=submit]:hover, body .woocommerce .woocommerce_signin_wrapper .woocommerce-form .form-row button[type=submit]:hover, .woocommerce .woocommerce_signin_wrapper .woocommerce-form .form-row body button[type=submit]:hover, body .swal2-popup button:hover, .swal2-popup body button:hover, body .woocommerce-shipping-calculator button[type=submit]:hover, .woocommerce-shipping-calculator body button[type=submit]:hover, body .wp-block-button .wp-block-button__link:hover { color: var(--gb_style-lg-text); background-color: var(--gb_light_yellow); } body .site-btn.small-btn, body .not-found .page-content .search-form input.small-btn[type=submit], .not-found .page-content .search-form body input.small-btn[type=submit], body .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order button.small-btn[type=submit], .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order body button.small-btn[type=submit], body .cart_totals .wc-proceed-to-checkout .small-btn.checkout-button, .cart_totals .wc-proceed-to-checkout body .small-btn.checkout-button, body .woocommerce-cart-form .shop_table .actions button.small-btn[type=submit], .woocommerce-cart-form .shop_table .actions body button.small-btn[type=submit], body .wc-block-checkout__form .small-btn.wc-block-components-checkout-place-order-button, .wc-block-checkout__form body .small-btn.wc-block-components-checkout-place-order-button, body .wc-block-components-sidebar .wc-block-cart__submit .wc-block-cart__submit-container .small-btn.wc-block-cart__submit-button, .wc-block-components-sidebar .wc-block-cart__submit .wc-block-cart__submit-container body .small-btn.wc-block-cart__submit-button, body .wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wc-block-grid__product .wp-block-button .small-btn.add_to_cart_button, .wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wc-block-grid__product .wp-block-button body .small-btn.add_to_cart_button, body .woocommerce .return-to-shop .small-btn.wc-backward, .woocommerce .return-to-shop body .small-btn.wc-backward, body .woocommerce .woocommerce-MyAccount-content button.small-btn[type=submit], .woocommerce .woocommerce-MyAccount-content body button.small-btn[type=submit], body .woocommerce .woocommerce-MyAccount-content .small-btn.woocommerce-button, .woocommerce .woocommerce-MyAccount-content body .small-btn.woocommerce-button, body .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .small-btn.woocommerce-Button, .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm body .small-btn.woocommerce-Button, body .woocommerce .woocommerce-MyAccount-content .woocommerce-info .small-btn.wc-forward, .woocommerce .woocommerce-MyAccount-content .woocommerce-info body .small-btn.wc-forward, body .woocommerce .woocommerce_signin_wrapper .lost_reset_password .woocommerce-form-row button.small-btn[type=submit], .woocommerce .woocommerce_signin_wrapper .lost_reset_password .woocommerce-form-row body button.small-btn[type=submit], body .woocommerce .woocommerce_signin_wrapper .woocommerce-form .form-row button.small-btn[type=submit], .woocommerce .woocommerce_signin_wrapper .woocommerce-form .form-row body button.small-btn[type=submit], body .swal2-popup button.small-btn, .swal2-popup body button.small-btn, body .woocommerce-shipping-calculator button.small-btn[type=submit], .woocommerce-shipping-calculator body button.small-btn[type=submit], body .wp-block-button .wp-block-button__link.small-btn { font-size: var(--gb_font_size_9); padding: 10px 18px; } .table-block a.site-btn, .table-block .cart_totals .wc-proceed-to-checkout a.checkout-button, .cart_totals .wc-proceed-to-checkout .table-block a.checkout-button, .table-block .wc-block-checkout__form a.wc-block-components-checkout-place-order-button, .wc-block-checkout__form .table-block a.wc-block-components-checkout-place-order-button, .table-block .wc-block-components-sidebar .wc-block-cart__submit .wc-block-cart__submit-container a.wc-block-cart__submit-button, .wc-block-components-sidebar .wc-block-cart__submit .wc-block-cart__submit-container .table-block a.wc-block-cart__submit-button, .table-block .wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wc-block-grid__product .wp-block-button a.add_to_cart_button, .wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wc-block-grid__product .wp-block-button .table-block a.add_to_cart_button, .table-block .woocommerce .return-to-shop a.wc-backward, .woocommerce .return-to-shop .table-block a.wc-backward, .table-block .woocommerce .woocommerce-MyAccount-content a.woocommerce-button, .woocommerce .woocommerce-MyAccount-content .table-block a.woocommerce-button, .table-block .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm a.woocommerce-Button, .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .table-block a.woocommerce-Button, .table-block .woocommerce .woocommerce-MyAccount-content .woocommerce-info a.wc-forward, .woocommerce .woocommerce-MyAccount-content .woocommerce-info .table-block a.wc-forward { margin-bottom: 10px; } .text-link { font-weight: 700; color: var(--gb_color_secondary); transition: all 0.4s ease-in-out; } .text-link:hover { color: var(--gb_link_color_hover); } button.pss-edit { background: transparent !important; border: 0 !important; width: auto; height: auto; font-size: 12px; padding: 2px 8px; margin: 0; } /*------------------------------------------------- >> Basic styles for theme -------------------------------------------------*/ /**** * * helper classes * ****/ .bg-primary { background-color: var(--gb_color_primary); } .bg-secondary { background-color: var(--gb_color_secondary); } .large-text { font-size: var(--gb_font_size_6); line-height: 1.3; } .small-text { font-size: 0.875rem; line-height: 1; } .black-text { color: var(--wp--preset--color--black); } .white_text { color: var(--wp--preset--color--white); } .black-1-text { color: var(--gb_black_1); } .float-right { float: right; } .float-left { float: left; } .center-align { text-align: center; } .right-align { text-align: right; } .left-align { text-align: left; } .text-uppercase { text-transform: uppercase; } .text-decuration-none { text-decoration: none; } .d-flex { display: flex; } .d-inline-flex { display: inline-flex; } .flex-row { flex-direction: row; } .flex-column { flex-direction: column; } .flex-row-reverse { flex-direction: row-reverse; } .flex-column-reverse { flex-direction: column-reverse; } .justify-content-start { justify-content: flex-start; } .justify-content-end { justify-content: flex-end; } .justify-content-center { justify-content: center; } .justify-content-between { justify-content: space-between; } .justify-content-around { justify-content: space-around; } .align-items-start { align-items: flex-start; } .align-items-end { align-items: flex-end; } .align-items-center { align-items: center; } .align-items-baseline { align-items: baseline; } .align-items-stretch { align-items: stretch; } .align-content-start { align-content: flex-start; } .align-content-end { align-content: flex-end; } .align-content-center { align-content: center; } .align-content-between { align-content: space-between; } .align-content-around { align-content: space-around; } .align-content-stretch { align-content: stretch; } .align-self-auto { align-self: auto; } .align-self-start { align-self: flex-start; } .align-self-end { align-self: flex-end; } .align-self-center { align-self: center; } .align-self-baseline { align-self: baseline; } .align-self-stretch { align-self: stretch; } .flex-wrap { flex-wrap: wrap; } .flex-no-wrap { flex-wrap: nowrap; } .flex-center { align-items: center; display: flex; justify-content: center; } .bg-cover { background-size: cover; } .bg-contain { background-size: contain; } .bg-position-center { background-position: center; } .bg-norepeat { background-repeat: no-repeat; } .bg-repeat { background-repeat: repeat; } .reset-bg { background-position: center; background-repeat: no-repeat; background-size: cover; } .hide { display: none !important; } /**** * * breadcrumbs * ****/ #breadcrumbs { font-size: 0.875rem; color: var(--gb_breadcrumb_color); margin-bottom: 23px; text-transform: uppercase; } #breadcrumbs span { font-size: var(--gb_font_size_4); } #breadcrumbs span.breadcrumb_last { font-size: 0.875rem; font-weight: 500; margin-left: 10px; } #breadcrumbs a, #breadcrumbs:visited { font-size: 0.875rem; border-bottom: 1px solid var(--gb_breadcrumb_border_color); color: var(--gb_breadcrumb_link_color); font-weight: 700; margin: 0 10px; } #breadcrumbs a:hover, #breadcrumbs:visited:hover { border-bottom: 1px solid var(--gb_breadcrumb_border_color_hover); } .single-post #breadcrumbs span span span span span span { color: var(--gb_breadcrumb_span_color); } .single-post #breadcrumbs span span span span span span a { color: var(--gb_breadcrumb_link_color); } /**** * * buttons * ****/ a.button, a.button:visited, span.button, .is-style-mycustomstyle .wp-element-button { background-color: var(--gb_theme_btn_bgcolor); border: 1px solid transparent; border-radius: 0px; color: var(--gb_theme_btn_color); display: inline-flex; outline: none; overflow: hidden; padding: 11px 35px; position: relative; text-align: center; text-decoration: none; transition: 0.35s; font-size: 20px; } @media (max-width: 640px) { a.button, a.button:visited, span.button, .is-style-mycustomstyle .wp-element-button { padding: 12px 20px 13px; } } a.button:last-child, a.button:visited:last-child, span.button:last-child, .is-style-mycustomstyle .wp-element-button:last-child { margin-right: 0; } a.button:hover, a.button:visited:hover, span.button:hover, .is-style-mycustomstyle .wp-element-button:hover { background-color: var(--gb_theme_btn_bgcolor_hover); color: var(--gb_theme_btn_color_hover); } a.button.site-white-btn, a.button:visited.site-white-btn, span.button.site-white-btn, .is-style-mycustomstyle .wp-element-button.site-white-btn { background-color: var(--gb_white); color: var(--gb_theme_btn_bgcolor); } a.button.site-white-btn:hover, a.button:visited.site-white-btn:hover, span.button.site-white-btn:hover, .is-style-mycustomstyle .wp-element-button.site-white-btn:hover { background-color: #f1e8e2; color: #000; } a.button.site-border-btn, a.button:visited.site-border-btn, span.button.site-border-btn, .is-style-mycustomstyle .wp-element-button.site-border-btn { background-color: var(--gb_transparent); box-shadow: inset 0 0px 0px 1px var(--gb_button_border_color); color: var(--gb_button_border_color); } a.button.site-border-btn:hover, a.button:visited.site-border-btn:hover, span.button.site-border-btn:hover, .is-style-mycustomstyle .wp-element-button.site-border-btn:hover { background: var(--gb_button_bgcolor_hover); box-shadow: inset 0 0px 0px 1px var(--gb_button_bgcolor_hover); color: var(--gb_button_color_hover); } a.button.arrow-icon, a.button:visited.arrow-icon, span.button.arrow-icon, .is-style-mycustomstyle .wp-element-button.arrow-icon { align-items: center; } a.button.arrow-icon::after, a.button:visited.arrow-icon::after, span.button.arrow-icon::after, .is-style-mycustomstyle .wp-element-button.arrow-icon::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS42NjciIGhlaWdodD0iOS4zMzMiIHZpZXdCb3g9IjAgMCAxMS42NjcgOS4zMzMiPjxwYXRoIGQ9Ik0xMC44NDQsNy41ODMsNy43NTcsMTAuNjcxYS41ODMuNTgzLDAsMCwwLC44MjUuODI1bDQuMDgzLTQuMDgzYS41ODMuNTgzLDAsMCwwLDAtLjgyNUw4LjU4MiwyLjVhLjU4My41ODMsMCwxLDAtLjgyNS44MjVsMy4wODgsMy4wODhIMS43NTJhLjU4My41ODMsMCwxLDAsMCwxLjE2N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjE2OSAtMi4zMzMpIiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=); background-repeat: no-repeat; background-size: contain; content: ""; flex: 14px 0 0; height: 14px; margin-left: 8px; position: relative; top: 1px; transition: all 0.2s ease-in-out; width: 14px; } @media (max-width: 375px) { a.button.arrow-icon::after, a.button:visited.arrow-icon::after, span.button.arrow-icon::after, .is-style-mycustomstyle .wp-element-button.arrow-icon::after { flex: 13px 0 0; height: 13px; width: 13px; } } a.button.arrow-icon:hover:after, a.button:visited.arrow-icon:hover:after, span.button.arrow-icon:hover:after, .is-style-mycustomstyle .wp-element-button.arrow-icon:hover:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS42NjciIGhlaWdodD0iOS4zMzMiIHZpZXdCb3g9IjAgMCAxMS42NjcgOS4zMzMiPjxwYXRoIGQ9Ik0xMC44NDQsNy41ODMsNy43NTcsMTAuNjcxYS41ODMuNTgzLDAsMCwwLC44MjUuODI1bDQuMDgzLTQuMDgzYS41ODMuNTgzLDAsMCwwLDAtLjgyNUw4LjU4MiwyLjVhLjU4My41ODMsMCwxLDAtLjgyNS44MjVsMy4wODgsMy4wODhIMS43NTJhLjU4My41ODMsMCwxLDAsMCwxLjE2N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjE2OSAtMi4zMzMpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=); } a.button.sm-btn, a.button:visited.sm-btn, span.button.sm-btn, .is-style-mycustomstyle .wp-element-button.sm-btn { padding: 9px 16px; } @media (max-width: 640px) { a.button.sm-btn, a.button:visited.sm-btn, span.button.sm-btn, .is-style-mycustomstyle .wp-element-button.sm-btn { padding: 9px 14px 8px; } } a.button.text-link, a.button:visited.text-link, span.button.text-link, .is-style-mycustomstyle .wp-element-button.text-link { background-color: transparent; color: var(--gb_black); padding: 0; } a.button.text-link.arrow-icon:after, a.button:visited.text-link.arrow-icon:after, span.button.text-link.arrow-icon:after, .is-style-mycustomstyle .wp-element-button.text-link.arrow-icon:after { filter: brightness(0) saturate(100%) invert(9%) sepia(5%) saturate(1017%) hue-rotate(169deg) brightness(92%) contrast(83%); } a.wp-block-button__link, a.wp-block-button__link:visited { background-color: var(--gb_theme_btn_bgcolor); border: 1px solid transparent; border-radius: 0px; color: var(--gb_theme_btn_color); display: inline-flex; outline: none; overflow: hidden; padding: 11px 35px; position: relative; text-align: center; text-decoration: none; transition: 0.35s; font-size: 20px; } @media (max-width: 640px) { a.wp-block-button__link, a.wp-block-button__link:visited { padding: 12px 20px 13px; } } a.wp-block-button__link:last-child, a.wp-block-button__link:visited:last-child { margin-right: 0; } a.wp-block-button__link:hover, a.wp-block-button__link:visited:hover { background-color: var(--gb_theme_btn_bgcolor_hover); color: var(--gb_theme_btn_color_hover); } a.wp-block-button__link.site-white-btn, a.wp-block-button__link:visited.site-white-btn { background-color: var(--gb_white); color: var(--gb_theme_btn_bgcolor); } a.wp-block-button__link.site-white-btn:hover, a.wp-block-button__link:visited.site-white-btn:hover { background-color: #f1e8e2; color: #000; } a.wp-block-button__link.site-border-btn, a.wp-block-button__link:visited.site-border-btn { background-color: var(--gb_transparent); box-shadow: inset 0 0px 0px 1px var(--gb_button_border_color); color: var(--gb_button_border_color); } a.wp-block-button__link.site-border-btn:hover, a.wp-block-button__link:visited.site-border-btn:hover { background: var(--gb_button_bgcolor_hover); box-shadow: inset 0 0px 0px 1px var(--gb_button_bgcolor_hover); color: var(--gb_button_color_hover); } a.wp-block-button__link.arrow-icon, a.wp-block-button__link:visited.arrow-icon { align-items: center; } a.wp-block-button__link.arrow-icon::after, a.wp-block-button__link:visited.arrow-icon::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS42NjciIGhlaWdodD0iOS4zMzMiIHZpZXdCb3g9IjAgMCAxMS42NjcgOS4zMzMiPjxwYXRoIGQ9Ik0xMC44NDQsNy41ODMsNy43NTcsMTAuNjcxYS41ODMuNTgzLDAsMCwwLC44MjUuODI1bDQuMDgzLTQuMDgzYS41ODMuNTgzLDAsMCwwLDAtLjgyNUw4LjU4MiwyLjVhLjU4My41ODMsMCwxLDAtLjgyNS44MjVsMy4wODgsMy4wODhIMS43NTJhLjU4My41ODMsMCwxLDAsMCwxLjE2N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjE2OSAtMi4zMzMpIiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=); background-repeat: no-repeat; background-size: contain; content: ""; flex: 14px 0 0; height: 14px; margin-left: 8px; position: relative; top: 1px; transition: all 0.2s ease-in-out; width: 14px; } @media (max-width: 375px) { a.wp-block-button__link.arrow-icon::after, a.wp-block-button__link:visited.arrow-icon::after { flex: 13px 0 0; height: 13px; width: 13px; } } a.wp-block-button__link.arrow-icon:hover:after, a.wp-block-button__link:visited.arrow-icon:hover:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS42NjciIGhlaWdodD0iOS4zMzMiIHZpZXdCb3g9IjAgMCAxMS42NjcgOS4zMzMiPjxwYXRoIGQ9Ik0xMC44NDQsNy41ODMsNy43NTcsMTAuNjcxYS41ODMuNTgzLDAsMCwwLC44MjUuODI1bDQuMDgzLTQuMDgzYS41ODMuNTgzLDAsMCwwLDAtLjgyNUw4LjU4MiwyLjVhLjU4My41ODMsMCwxLDAtLjgyNS44MjVsMy4wODgsMy4wODhIMS43NTJhLjU4My41ODMsMCwxLDAsMCwxLjE2N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjE2OSAtMi4zMzMpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=); } a.wp-block-button__link.sm-btn, a.wp-block-button__link:visited.sm-btn { padding: 9px 16px; } @media (max-width: 640px) { a.wp-block-button__link.sm-btn, a.wp-block-button__link:visited.sm-btn { padding: 9px 14px 8px; } } a.wp-block-button__link.text-link, a.wp-block-button__link:visited.text-link { background-color: transparent; color: var(--gb_black); padding: 0; } a.wp-block-button__link.text-link.arrow-icon:after, a.wp-block-button__link:visited.text-link.arrow-icon:after { filter: brightness(0) saturate(100%) invert(9%) sepia(5%) saturate(1017%) hue-rotate(169deg) brightness(92%) contrast(83%); } /* Styles for the disabled button */ button[disabled] { background-color: #dddddd; border: 1px solid #cccccc; color: #999999; cursor: not-allowed; opacity: 0.6; /* Background color when disabled */ /* Text color when disabled */ /* Cursor style when disabled */ /* Border color when disabled */ /* Opacity when disabled */ /* Add any additional styles as needed */ } /* Optional: Hover styles for disabled button */ button[disabled]:hover { background-color: #dddddd; /* Background color on hover when disabled */ /* Add any additional hover styles as needed */ } .wp-block-button.is-style-outline a.wp-block-button__link, .wp-block-button.is-style-outline a.wp-block-button__link:visited { border: 2px solid var(--gb_wp_outline_btn_border_color); } .wp-block-button.is-style-outline a.wp-block-button__link:hover, .wp-block-button.is-style-outline a.wp-block-button__link:visited:hover { background-color: var(--gb_wp_outline_btn_bgcolor); color: var(--gb_wp_outline_btn_color); } .wp-block-button.is-style-outline a.wp-block-button__link.has-text-color:hover, .wp-block-button.is-style-outline a.wp-block-button__link.has-background:hover, .wp-block-button.is-style-outline a.wp-block-button__link:visited.has-text-color:hover, .wp-block-button.is-style-outline a.wp-block-button__link:visited.has-background:hover { background-color: unset; color: unset; } .wp-block-button.is-style-outline a.wp-block-button__link.has-text-color.has-background, .wp-block-button.is-style-outline a.wp-block-button__link:visited.has-text-color.has-background { border: none; } .wp-block-button.is-style-outline a.wp-block-button__link.has-text-color.has-background:hover, .wp-block-button.is-style-outline a.wp-block-button__link:visited.has-text-color.has-background:hover { border: none; } .no-visible { visibility: hidden; } .mb-0 { margin-bottom: 0 !important; } .select-dropdown ul.select-dropdown__list { display: none; } .select-dropdown ul.select-dropdown__list.is-active-dropdown { display: block; } .select-dropdown ul.select-dropdown__list li.select-dropdown__item { outline: 2px dotted transparent; } .select-dropdown ul.select-dropdown__list li.select-dropdown__item:focus, .select-dropdown ul.select-dropdown__list li.select-dropdown__item:focus-visible { outline-color: black !important; } .select-dropdown .select-dropdown__button:focus, .select-dropdown .select-dropdown__button:focus-visible { outline-color: black !important; } img.main-image { opacity: 0; transition: all 500ms ease-in-out; } picture img.loaded { opacity: 1; } @media (max-width: 767px) { .mx-none { display: none; } } @media (max-width: 640px) { .sm-none { display: none; } } @media (max-width: 991px) { .md-none { display: none; } } .desktop-none { display: none; } @media (max-width: 767px) { .desktop-none { display: block; } } .tab-dropdown { display: flex; justify-content: center; position: relative; } @media (max-width: 991px) { .tab-dropdown { justify-content: center; } } @media (max-width: 640px) { .tab-dropdown { width: 100%; } } .tab-dropdown .dropdown-toggle:not(.site-btn) { -webkit-transition: background-color 0.3s, color 0.3s; align-items: center; background: var(--gb_white); border: 1px solid #000; border-radius: 0px; cursor: pointer; display: flex; justify-content: space-between; max-width: 100%; min-width: 356px; padding: 8px 44px 8px 11px; height: auto; stroke-width: 1px; transition: background-color 0.3s, color 0.3s; will-change: background-color, color; color: #000; margin: 0; text-align: left; font-family: "myriad-pro-condensed", sans-serif; font-weight: 700; position: relative; font-size: var(--gb_font_size_5); max-width: 356px; overflow: hidden !important; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } @media (max-width: 640px) { .tab-dropdown .dropdown-toggle:not(.site-btn) { min-width: 100%; } } .tab-dropdown .dropdown-toggle:not(.site-btn)::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC43NSIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDIwLjc1IDEyIj4NCiAgPHBhdGggaWQ9IlBvbHlnb25fMjIiIGRhdGEtbmFtZT0iUG9seWdvbiAyMiIgZD0iTTEwLjM3NSwwLDIwLjc1LDEySDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC43NSAxMikgcm90YXRlKDE4MCkiLz4NCjwvc3ZnPg0K); background-position: center right 0; background-repeat: no-repeat; background-size: 15px 12px; content: ""; display: inline-block; height: 20px; transition: all 0.2s ease-in-out; width: 15px; position: absolute; right: 11px; } @media (max-width: 640px) { .tab-dropdown .dropdown-toggle:not(.site-btn)::after { background-size: 15px 15px; } } .tab-dropdown .dropdown-toggle:not(.site-btn):focus, .tab-dropdown .dropdown-toggle:not(.site-btn):focus-visible { outline: 2px dashed #505050 !important; } .tab-dropdown .dropdown-toggle:not(.site-btn):disabled { background-color: var(--btn-disabled-bg); color: var(--btn-disabled-color); cursor: not-allowed; opacity: 0.7; } .tab-dropdown .dropdown-menu { -webkit-transform: translateY(-10px); -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease, visibility 0.3s; background: var(--gb_white); border: 1px solid var(--gb_border_2); border-radius: 0px; box-shadow: 0px 1px 4px rgba(197, 191, 182, 0.3); left: 0; opacity: 0; padding: 0px 0; position: absolute; top: 100% !important; left: 0 !important; margin: 0 !important; transform: translateY(-10px); visibility: hidden; width: 100%; z-index: 100; max-height: 250px; overflow-y: auto !important; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s; will-change: opacity, transform, visibility; } .tab-dropdown .dropdown-menu li { margin: 0; padding: 0; } .tab-dropdown .dropdown-menu li:before { display: none; } .tab-dropdown .dropdown-menu li a { -webkit-transition: background-color 0.15s; display: block; padding: 6px 10px; text-align: left; text-decoration: none; transition: background-color 0.15s; will-change: background-color; line-height: 1; font-size: var(--gb_font_size_5); transition: all 0.3s ease; } .tab-dropdown.open .dropdown-toggle:after { transform: rotate(180deg); } .tab-dropdown.open .dropdown-menu { -webkit-transform: translateY(0); opacity: 1; transform: translateY(0); visibility: visible; } @keyframes fadeIn { to { opacity: 1; transform: translateY(0); } } section:has(.view-dropdown) .wrapper { position: static; } .center-btn { display: flex; justify-content: center; } .center-text { text-align: center; } .view-dropdown { max-width: 356px; margin: 0 auto; } .view-dropdown .view-title { color: #000; margin-bottom: 5px; } .menu-dropdown { border: 1px solid #000; background: var(--gb_white); transform: translateY(-10px); transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s; visibility: hidden; opacity: 0; display: none; z-index: 1; margin: -32px 0 0; padding: 10px 0; } .menu-dropdown.open { opacity: 1; transform: translateY(0); visibility: visible; } .menu-dropdown.open li { transform: translateY(0px); } .menu-dropdown li { padding-left: 0 !important; list-style: none; font-size: 18px; line-height: var(--line_height_150per); letter-spacing: var(--letter_spacing_072); opacity: 1; transform: translateY(10px); margin-bottom: 0; } .menu-dropdown li.active { font-weight: 600; color: var(--gb_black_1); } .menu-dropdown li.active a { color: var(--gb_black_1); } .menu-dropdown li a { padding: 2px 11px; display: block; color: var(--gb_black_1); text-decoration: none; transition: background-color 0.15s; font-family: "myriad-pro-condensed", sans-serif; font-weight: 700; border: none; font-size: var(--gb_font_size_3); transition: 0.3s; } .menu-dropdown li a:hover { color: var(--gb_color_primary); } .menu-dropdown li::before { display: none; } .header-mobile-display { display: none; } @media (max-width: 1200px) { .header-mobile-display { display: block; } } @media (max-width: 1200px) { .header-desktop-display { display: none; } } @media (max-width: 991px) { .md-hidden { display: none !important; } } @media (max-width: 991px) { .md-show { display: block !important; } } a.skip-to-content-link { display: inline-block !important; position: absolute; left: -9999px; overflow: hidden; top: auto; width: 1px; height: 1px; z-index: 50000 !important; } a.skip-to-content-link:focus { left: 0; width: auto; height: auto; background: #fff; color: #000; font-size: 14px; font-weight: normal; line-height: 1.5; margin-bottom: 8px; padding: 5px; border: 3px solid #000; transition: none; } .block-title { margin-bottom: 5px !important; } .block-subtitle { font-weight: 400; font-size: clamp(22px, 1.375rem + (1vw - 7.67px) * 1.0292, 28px); font-family: "myriad-pro-condensed", sans-serif; } .select2-container--open { width: auto; } .select2-dropdown .select2-results { overflow-y: scroll !important; } .woocommerce-shipping-calculator button[type=submit] { height: auto; } .swal2-container .swal2-html-container { padding-top: 0 !important; } .swal2-container .swal2-html-container input.swal2-input { width: 100%; margin: 5px auto; } .swal2-container .swal2-html-container > p { margin-bottom: 15px; } .privacy-policy p, .myriad-regular p, body.page-template-template-small-wrapper p, body.page-template-template-small-wrapper .heading-2, body.page-template-template-small-wrapper h2, body.page-template-template-small-wrapper .heading-3, body.page-template-template-small-wrapper h3, body.page-template-template-small-wrapper .heading-4, body.page-template-template-small-wrapper h4, body.page-template-template-small-wrapper .heading-5, body.page-template-template-small-wrapper h5, body.page-template-template-small-wrapper .heading-6, body.page-template-template-small-wrapper h6 { font-family: "myriad-pro", sans-serif; } body.page-template-template-small-wrapper .heading-2, body.page-template-template-small-wrapper h2 { font-size: var(--gb_font_size_15); line-height: 1.3; } /*------------------------------------------------- >> Styles for Website Blocks -------------------------------------------------*/ .product-block-details .row-flex { display: flex; gap: 36px; } @media (max-width: 991px) { .product-block-details .row-flex { display: block; } } .product-block-details .row-flex .col-left { flex: 582px 0 0; margin-top: 32px; } @media (max-width: 1200px) { .product-block-details .row-flex .col-left { flex: 445px 0 0; } } @media (max-width: 991px) { .product-block-details .row-flex .col-left { flex: 44% 0 0; margin: 0; } } @media (max-width: 767px) { .product-block-details .row-flex .col-left { flex: 1 0 100%; } } .product-block-details .row-flex .col-left .product-img { position: sticky; top: 180px; border: 1px solid var(--gb_border_opacity); min-height: 300px; overflow: hidden !important; } @media (max-width: 1024px) { .product-block-details .row-flex .col-left .product-img { margin-bottom: 40px; } } .product-block-details .row-flex .col-left .product-img .zoom-controls { display: flex; flex-direction: column; justify-content: center; align-items: end; position: absolute; top: 50px; right: 0; } .product-block-details .row-flex .col-left .product-img .zoom-controls .zoom-button { padding: 0; width: 30px; height: 28px !important; height: auto; background: var(--gb_white) !important; border: 1px solid var(--gb_border_4); display: flex; justify-content: center; align-items: center; } .product-block-details .row-flex .col-left .product-img .zoom-controls .zoom-button:hover { background: var(--gb_black) !important; } .product-block-details .row-flex .col-left .product-img .zoom-controls .zoom-button:hover svg path { stroke: var(--gb_white) !important; stroke-width: 2px; } .product-block-details .row-flex .col-left .product-img .zoom-controls .zoom-button svg { margin: 0; } .product-block-details .row-flex .col-left .product-img .zoom-icon { display: inline-flex; justify-content: left; border: none !important; position: absolute; top: 12px; right: 10px; } .product-block-details .row-flex .col-left .product-img .zoom-icon svg { width: 30px; height: auto; margin: 0; background: var(--gb_white) !important; transition: all 0.3s ease; } .product-block-details .row-flex .col-left .product-img .zoom-icon svg:hover { background: var(--gb_black) !important; } .product-block-details .row-flex .col-left .product-img .zoom-icon svg:hover path { stroke: var(--gb_white) !important; } .product-block-details .row-flex .col-right { flex: 1 0 0; } .product-block-details .table-block .product-price-title { text-align: right; margin-bottom: 14px; line-height: 1; } @media (max-width: 991px) { .product-block-details { max-width: 600px; width: 100%; margin: 0 auto; } } @media (max-width: 768px) { .product-block-details { max-width: 500px; } } .mfp-wrap, .mfp-bg { z-index: 99999; } .mfp-wrap .mfp-figure .mfp-img, .mfp-bg .mfp-figure .mfp-img { max-height: 100vh !important; } .mfp-wrap .mfp-figure figcaption, .mfp-bg .mfp-figure figcaption { display: none; } .mfp-wrap .mfp-figure button.mfp-close, .mfp-bg .mfp-figure button.mfp-close { background: var(--gb_white) !important; display: flex; align-items: center; justify-content: center; padding: 0 !important; border-radius: 110px; width: 30px !important; height: 30px !important; top: 3px !important; font-size: var(--gb_space_7); cursor: pointer; } .mfp-wrap .mfp-figure button.mfp-close:before, .mfp-bg .mfp-figure button.mfp-close:before { content: "x"; color: var(--gb_black) !important; height: 100%; display: flex; align-items: center; position: absolute; top: -1px; } .warning-info { padding: var(--gb_space_5); background-color: var(--gb_white_1); } .warning-info .warning-wrapper { display: flex; gap: 5px; } .warning-info .warning-symbol { width: 25.44px; height: 25.44px; display: inline-block; vertical-align: text-bottom; } .warning-info .warning-symbol img { height: 100%; -o-object-fit: contain; object-fit: contain; } .warning-info p { font-size: 15px; color: var(--gb_regular_text); font-family: "myriad-pro", sans-serif; flex: 1 0 0; } .warning-info p a { color: var(--gb_blue-link); text-decoration: underline; border: 0; padding: 0; } .warning-info p a:hover { color: var(--gb_color_primary); } .warning-info .warning-title { font-size: 25px; font-family: "myriad-pro-condensed", sans-serif; font-weight: bold; color: var(--gb_regular_text); } .tiled-text-block .block-title { text-align: center; } .tiled-text-block .tiled-items { display: flex; flex-wrap: wrap; gap: 50px; } .tiled-text-block .tiled-items.justify-center { justify-content: center; } @media (max-width: 1280px) { .tiled-text-block .tiled-items { gap: 30px; } } @media (max-width: 991px) { .tiled-text-block .tiled-items { gap: 20px; } } @media (max-width: 640px) { .tiled-text-block .tiled-items { display: block; } } .tiled-text-block .tiled-items .tiled-column { background: var(--gb_white); flex: 0 0 373px; transform: scale(1); transition: all 0.3s ease; } @media (max-width: 1280px) { .tiled-text-block .tiled-items .tiled-column { flex: 0 0 calc(33.33% - 20px); } } @media (max-width: 991px) { .tiled-text-block .tiled-items .tiled-column { flex: 0 0 calc(50% - 10px); } } @media (max-width: 640px) { .tiled-text-block .tiled-items .tiled-column { margin-bottom: 46px; } } @media (max-width: 640px) { .tiled-text-block .tiled-items .tiled-column:last-child { margin-bottom: 0; } } .tiled-text-block .tiled-items .tiled-column .tiled-card-link { border: 0; padding: 0; display: block; } .tiled-text-block .tiled-items .tiled-column .site-btn:last-child, .tiled-text-block .tiled-items .tiled-column .not-found .page-content .search-form input[type=submit]:last-child, .not-found .page-content .search-form .tiled-text-block .tiled-items .tiled-column input[type=submit]:last-child, .tiled-text-block .tiled-items .tiled-column .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order button[type=submit]:last-child, .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .tiled-text-block .tiled-items .tiled-column button[type=submit]:last-child, .tiled-text-block .tiled-items .tiled-column .cart_totals .wc-proceed-to-checkout .checkout-button:last-child, .cart_totals .wc-proceed-to-checkout .tiled-text-block .tiled-items .tiled-column .checkout-button:last-child, .tiled-text-block .tiled-items .tiled-column .woocommerce-cart-form .shop_table .actions button[type=submit]:last-child, .woocommerce-cart-form .shop_table .actions .tiled-text-block .tiled-items .tiled-column button[type=submit]:last-child, .tiled-text-block .tiled-items .tiled-column .wc-block-checkout__form .wc-block-components-checkout-place-order-button:last-child, .wc-block-checkout__form .tiled-text-block .tiled-items .tiled-column .wc-block-components-checkout-place-order-button:last-child, .tiled-text-block .tiled-items .tiled-column .wc-block-components-sidebar .wc-block-cart__submit .wc-block-cart__submit-container .wc-block-cart__submit-button:last-child, .wc-block-components-sidebar .wc-block-cart__submit .wc-block-cart__submit-container .tiled-text-block .tiled-items .tiled-column .wc-block-cart__submit-button:last-child, .tiled-text-block .tiled-items .tiled-column .wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wc-block-grid__product .wp-block-button .add_to_cart_button:last-child, .wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wc-block-grid__product .wp-block-button .tiled-text-block .tiled-items .tiled-column .add_to_cart_button:last-child, .tiled-text-block .tiled-items .tiled-column .woocommerce .return-to-shop .wc-backward:last-child, .woocommerce .return-to-shop .tiled-text-block .tiled-items .tiled-column .wc-backward:last-child, .tiled-text-block .tiled-items .tiled-column .woocommerce .woocommerce-MyAccount-content button[type=submit]:last-child, .woocommerce .woocommerce-MyAccount-content .tiled-text-block .tiled-items .tiled-column button[type=submit]:last-child, .tiled-text-block .tiled-items .tiled-column .woocommerce .woocommerce-MyAccount-content .woocommerce-button:last-child, .woocommerce .woocommerce-MyAccount-content .tiled-text-block .tiled-items .tiled-column .woocommerce-button:last-child, .tiled-text-block .tiled-items .tiled-column .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-Button:last-child, .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .tiled-text-block .tiled-items .tiled-column .woocommerce-Button:last-child, .tiled-text-block .tiled-items .tiled-column .woocommerce .woocommerce-MyAccount-content .woocommerce-info .wc-forward:last-child, .woocommerce .woocommerce-MyAccount-content .woocommerce-info .tiled-text-block .tiled-items .tiled-column .wc-forward:last-child, .tiled-text-block .tiled-items .tiled-column .woocommerce .woocommerce_signin_wrapper .lost_reset_password .woocommerce-form-row button[type=submit]:last-child, .woocommerce .woocommerce_signin_wrapper .lost_reset_password .woocommerce-form-row .tiled-text-block .tiled-items .tiled-column button[type=submit]:last-child, .tiled-text-block .tiled-items .tiled-column .woocommerce .woocommerce_signin_wrapper .woocommerce-form .form-row button[type=submit]:last-child, .woocommerce .woocommerce_signin_wrapper .woocommerce-form .form-row .tiled-text-block .tiled-items .tiled-column button[type=submit]:last-child, .tiled-text-block .tiled-items .tiled-column .swal2-popup button:last-child, .swal2-popup .tiled-text-block .tiled-items .tiled-column button:last-child, .tiled-text-block .tiled-items .tiled-column .woocommerce-shipping-calculator button[type=submit]:last-child, .woocommerce-shipping-calculator .tiled-text-block .tiled-items .tiled-column button[type=submit]:last-child { margin-bottom: 0; } .tiled-text-block .tiled-items .tiled-column .icon-box { display: flex; border: 1px solid var(--gb_border_opacity); } @media (max-width: 767px) { .tiled-text-block .tiled-items .tiled-column .icon-box { flex: 30px 0 0; } } .tiled-text-block .tiled-items .tiled-column .icon-box img { height: 205px; -o-object-fit: contain; object-fit: contain; width: 100%; } .tiled-text-block .tiled-items .tiled-column .tiled-content { background-color: var(--gb_black); font-size: var(--gb_font_size_15); font-weight: 500; padding: 11px 12px; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.32); } .tiled-text-block .tiled-items .tiled-column .tiled-content .tiled-title { font-size: var(--gb_font_size_15); color: var(--gb_white); transition: all 0.3s ease; font-weight: 700; display: flex; align-items: center; justify-content: center; } @media (max-width: 640px) { .tiled-text-block .tiled-items .tiled-column .tiled-content .tiled-title { height: auto !important; } } .tiled-text-block .tiled-items .tiled-column .tiled-content .tiled-title span { display: block; } .tiled-text-block .tiled-items .tiled-column:hover { transform: scale(1.1); transition: all 0.3s ease; } .tiled-text-block .tiled-items .tiled-column:hover .tiled-content .tiled-title { color: var(--gb_color_primary); } @media (max-width: 991px) { .tiled-text-block .tiled-items .tiled-column:hover { transform: scale(1.02) !important; } } .tiled-text-block .tiled-items .tiled-column.site-btn-column:hover { transform: scale(1); } @media (max-width: 640px) { .tiled-text-block .tiled-items .tiled-column.site-btn-column { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; } } @media (max-width: 480px) { .tiled-text-block .tiled-items .tiled-column.site-btn-column { grid-template-columns: repeat(1, 1fr); } } .tiled-text-block .tiled-items .tiled-column.site-btn-column a { white-space: normal !important; display: inline-flex; padding: 11px 24px; align-items: center; justify-content: center; line-height: 1.2 !important; min-height: 42px !important; height: auto; font-size: var(--gb_font_size_15) !important; background-color: var(--gb_color_on_primary); color: var(--gb_Primary_White); text-decoration: none; border: 0; width: 100%; margin: 0 0 22px 0; text-align: center; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3215686275); } .tiled-text-block .tiled-items .tiled-column.site-btn-column a:hover { color: var(--gb_color_primary); } @media (max-width: 640px) { .tiled-text-block .tiled-items .tiled-column.site-btn-column a { margin-bottom: 0 !important; } } .operator-manual-box { width: 216px; margin: 0 auto; display: block; text-align: center; } .operator-manual-box a { padding: 10px; border: 0; outline: none; box-sizing: border-box; display: block; background: var(--gb_color_primary); border: 5px solid var(--gb_color_on_primary); } .operator-manual-box a .text-link { font-weight: bold; text-decoration: underline; text-underline-offset: 2px; } .operator-manual-box a .icon { width: 56px; height: 65px; margin: 0 auto 17.44px; } .operator-manual-box a .icon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .operator-manual-box a:hover { background: var(--gb_Primary_White); border: 5px solid var(--gb_color_on_primary); } .operator-manual-box a:hover .text-link { color: var(--gb_color_on_primary); } .full-imag-block { max-width: 600px; margin: 0 auto; border: 1px solid var(--gb_black_2); } .custom-table { overflow: auto !important; } .custom-table table { table-layout: auto; } .custom-table table tr { border-bottom: 1px solid var(--gb_border_opacity); } .custom-table table thead { background-color: var(--gb_color_on_primary); } .custom-table table thead tr th { color: var(--gb_Primary_White); font-weight: 400; text-decoration: underline; padding: 14px 15px; font-size: var(--gb_space_6); white-space: nowrap; text-underline-offset: 2px; } .custom-table table thead tr th:first-child { text-align: left; padding-right: 0; } @media (max-width: 640px) { .custom-table table thead tr th:first-child { padding-right: 10px; padding-left: 10px; } } .custom-table table thead tr:last-child { border-bottom: none; } .custom-table table td, .custom-table table th { padding: 5px 10px; text-align: left; font-family: "myriad-pro"; } .custom-table table tbody tr:nth-child(odd) { background: var(--gb_white_1); } .custom-table table tbody tr td { font-size: var(--gb_space_6); } .custom-table table tbody tr td.replace-by { width: 100px; font-size: var(--gb_font_size_13); line-height: 1.1; } @media (max-width: 480px) { .custom-table table tbody tr td.replace-by { width: auto; } } .custom-table table tbody tr td .input-number { height: 38px; padding: 10px; box-shadow: none; border-radius: 6px; width: 60px; background-color: var(--gb_Primary_White); -moz-appearance: textfield !important; } @media (max-width: 991px) { .custom-table table tbody tr td .input-number { font-size: 14px; width: 50px; } } .custom-table table tbody tr td .input-number[type=number][readonly]::-webkit-inner-spin-button, .custom-table table tbody tr td .input-number[type=number][readonly]::-webkit-outer-spin-button { -webkit-appearance: none; } .custom-table table tbody tr td:last-child { padding-left: 0; padding-right: 10px; } .custom-table table tbody tr td[data-title=Price] { font-size: var(--gb_space_7); } .custom-table table tbody tr .add-part { margin: 0; width: 53px; padding: 8px 10px; font-size: 14px; font-weight: 600; text-transform: uppercase; min-height: 30px; height: auto; font-family: "myriad-pro-semiextended", sans-serif; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1607843137); background-color: var(--gb_color_primary); border: none; color: var(--gb_style-lg-text); transition: 0.3s; overflow: hidden; position: relative; } .custom-table table tbody tr .add-part:hover { background-color: var(--gb_light_yellow); } .custom-table table tbody tr .add-part .add-to-cart-spinner:after { animation: spinner__animation 1s linear infinite; backface-visibility: hidden; border: 0.2em solid; border-left: 0.2em solid transparent; border-radius: 50%; box-sizing: border-box; content: " "; height: 1em; left: 50%; margin: -0.5em 0 0 -0.5em; position: absolute; top: 50%; transform: translateZ(0) scale(0.5); transform-origin: 50% 50%; width: 1em; } .custom-table table tbody tr .request_a_quote_form { margin: 0; width: auto; padding: 8px 10px !important; font-size: 14px; font-weight: 600; text-transform: uppercase; min-height: 30px; height: auto; font-family: "myriad-pro-semiextended", sans-serif; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1607843137); background-color: var(--gb_color_primary); border: none; color: var(--gb_style-lg-text); transition: 0.3s; overflow: hidden; position: relative; } .custom-table table tbody tr .request_a_quote_form:hover { background-color: var(--gb_light_yellow); } .custom-table table tbody tr .text-link-grey { color: var(--gb_blue-link); text-align: center; background-color: transparent; padding: 0; height: auto; border: none; text-decoration: underline; } .custom-table table tbody tr .text-link-grey:hover { color: var(--gb_color_primary); } .custom-table table .part-block { text-align: left; } .custom-table table .part-block a { border: none; color: var(--gb_color_on_primary); } .custom-table table .part-block a:hover { color: var(--gb_color_primary); } .custom-table table .part-block .part-text { font-size: 14px; font-style: italic; color: var(--gb_light_text); font-family: "myriad-pro", sans-serif; } .custom-table table input[disabled], .custom-table table .disabled { opacity: 0.5; cursor: not-allowed; } .custom-table table .part-title, .custom-table table .part-number { font-size: var(--gb_space_7); text-transform: none; padding-bottom: 2px; line-height: 1.3; } .custom-table table .part-number { color: #2b2b2b; font-size: var(--gb_space_6); line-height: var(--line_height_large); padding-top: 5px; } .custom-table table .part-number a { color: var(--gb_light_text); } .custom-table table .part-number a:hover { color: var(--gb_color_primary); } .custom-table table .part-number .replace-by-product { text-decoration: line-through; margin-right: 5px; } @keyframes spinner__animation { 0% { animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297); transform: rotate(0deg); } to { transform: rotate(1turn); } } .custom-table.variation-2 table thead tr th:nth-child(2) { width: 450px; } .custom-table.variation-2 table tbody tr td:nth-child(2) a { color: var(--gb_color_primary) !important; } .custom-table.variation-2 table tbody tr td:nth-child(2) a:hover { color: var(--gb_color_black) !important; } .custom-table.variation-2 table tbody tr td[data-title=Assembly] a { color: var(--gb_blue-link) !important; text-decoration: underline; } .custom-table.variation-2 table tbody tr td[data-title=Assembly] a:hover { color: var(--gb_color_primary) !important; } .custom-table.full-row-links table tr td { padding: 0 !important; } .custom-table.full-row-links table tr td a { padding: 5px 10px; display: block; } .swal2-popup { padding: 20px; } .swal2-popup .swal2-title { font-size: var(--gb_font_size_1); color: var(--gb_black); margin-bottom: 20px; padding: 0; } .swal2-popup input { font-size: var(--gb_space_6); font-family: "myriad-pro", sans-serif; height: 40px !important; border-radius: 0; padding: 14px 16px !important; } .swal2-popup button { transition: all 0.3s ease; border-radius: 0 !important; } .swal2-popup button:hover { background-image: inherit !important; } .swal2-popup button.swal2-cancel { background-color: #e2e2e2; color: #414042; } .swal2-popup button.swal2-cancel:hover { background-color: #c9c7c7; } .swal2-popup button.swal2-confirm { color: var(--gb_black) !important; } #gf-popup { display: flex; position: fixed; inset: 0px; margin: auto; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.72); z-index: 99999999; align-items: center; justify-content: center; padding: 4rem !important; } #gf-popup > .gf-popup-content { width: 100%; max-width: 640px; background: var(--gb_white); padding: 2.5rem; max-height: 100%; border-radius: 6px; overflow: auto; position: relative; } @media (max-width: 640px) { #gf-popup > .gf-popup-content { padding: 2.5rem 1.5rem; } } #gf-popup > .gf-popup-content #gf-popup-close { position: absolute; top: 0; right: 0; margin: 10px 10px 0 0; text-transform: uppercase; font-family: myriad-pro, sans-serif !important; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background: var(--gb_border_3); border-radius: 50%; cursor: pointer; transition: all 0.3s ease; } #gf-popup > .gf-popup-content #gf-popup-close:hover { background: var(--gb_progress_value_bgcolor); color: var(--gb_black); } #gf-popup > .gf-popup-content .gfield--type-hidden { display: none; margin: 0 !important; } #gf-popup > .gf-popup-content .gform_footer { margin-top: 10px !important; display: flex; align-items: center; justify-content: center; } #gf-popup > .gf-popup-content .gform_footer input[type=submit] { border-radius: 0 !important; margin: auto !important; text-transform: uppercase; } #gf-popup > .gf-popup-content .gform_footer input[type=submit]:hover { background-color: var(--gb_theme_btn_color_hover) !important; color: var(--gb_black) !important; } body.single-spare-parts:not(.search-results) .custom-table .table-striped tbody tr td .part-block .part-text { padding-bottom: 5px; color: var(--gb_black_1); line-height: normal; font-size: 15px; } @media (max-width: 640px) { .table-striped { width: 100%; border-collapse: collapse; } .table-striped thead { display: none; } .table-striped tbody tr { display: block; margin-bottom: 16px; border: 1px solid #ddd; border-radius: 6px; padding: 12px; background: var(--gb_white); } .table-striped tbody td { display: flex; justify-content: space-between; align-items: flex-start; padding: 8px 0; border: none; text-align: left; } .table-striped tbody td::before { content: attr(data-title); font-weight: 600; color: #555; padding-right: 12px; flex: 0 0 40%; max-width: 40%; } .table-striped tbody td > * { flex: 1; } .table-striped tbody td[data-title="Ref. No."] { font-size: 14px; font-weight: 600; } .table-striped .qty-input { width: 100%; } .table-striped button.add-part { width: 100%; margin-top: 8px; } .part-block { display: flex; flex-direction: column; gap: 4px; } } .woocommerce .woocommerce_signin_wrapper { max-width: 600px; margin: 0 auto; } .woocommerce .woocommerce_signin_wrapper .woocommerce-form { margin-bottom: 0; border-radius: 0 !important; } .woocommerce .woocommerce_signin_wrapper .woocommerce-form .form-row:not(.woocommerce .form-row.woocommerce-form-row) { display: flex; flex-direction: column-reverse; gap: 15px; } .woocommerce .woocommerce_signin_wrapper .woocommerce-form .form-row .woocommerce-form__label-for-checkbox span { margin: 0; } .woocommerce .woocommerce_signin_wrapper .woocommerce-form .form-row button[type=submit] { border-radius: 0; margin-right: 0 !important; } @media (max-width: 768px) { .woocommerce .woocommerce_signin_wrapper .woocommerce-form.woocommerce-form-login { margin-bottom: 40px; } } .woocommerce .woocommerce_signin_wrapper .woocommerce-form-register .woocommerce-privacy-policy-text { margin-bottom: 15px; } .woocommerce .woocommerce_signin_wrapper .lost-pass-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .woocommerce .woocommerce_signin_wrapper .lost-pass-row .woocommerce-form-login__rememberme span { margin: 0 !important; } .woocommerce .woocommerce_signin_wrapper .lost-pass-row .woocommerce-LostPassword a { color: var(--gb_black); border: 0; } .woocommerce .woocommerce_signin_wrapper .lost-pass-row .woocommerce-LostPassword a:hover { color: var(--gb_color_primary); } @media (max-width: 480px) { .woocommerce .woocommerce_signin_wrapper .lost-pass-row { flex-direction: column; align-items: flex-start; } } .woocommerce .woocommerce_signin_wrapper .lost_reset_password { border: 1px solid #cfc8d8; padding: 20px; margin: 0; text-align: left; border-radius: 5px; } .woocommerce .woocommerce_signin_wrapper .lost_reset_password .woocommerce-form-row { width: 100%; } .woocommerce .woocommerce_signin_wrapper .lost_reset_password .woocommerce-form-row button[type=submit] { border-radius: 0; } @media (max-width: 640px) { .woocommerce .form-row { width: 100% !important; } } .woocommerce .woocommerce-error { margin: 0 20px; margin-bottom: 20px; } .woocommerce .woocommerce-error li { margin-bottom: 0; } .woocommerce .woocommerce-error li:before { display: none; } .woocommerce .woocommerce-notice--success { color: var(--gb_alert_success); background-color: var(--gb_alert_success_bg); border: 1px solid var(--gb_alert_border); text-align: center; padding: 10px; } .woocommerce .woocommerce-order-overview li { font-size: 14px !important; } .woocommerce .woocommerce-order-overview li::before { display: none; } @media (max-width: 640px) { .woocommerce .woocommerce-order-overview li { width: 100%; width: 100%; border-bottom: 1px dashed #cfc8d8; border-right: 0 !important; padding-bottom: 10px; margin-bottom: 10px; margin-right: 0 !important; padding-right: 0 !important; } } @media (max-width: 640px) { .woocommerce .woocommerce-order-overview li:last-child { border: 0; margin: 0; padding: 0; } } @media (max-width: 640px) { .woocommerce .woocommerce-order-overview { margin-bottom: 25px !important; } } .woocommerce .woocommerce-MyAccount-navigation { background: #f5f5f5; } .woocommerce .woocommerce-MyAccount-navigation ul { margin-bottom: 0; } .woocommerce .woocommerce-MyAccount-navigation ul li { padding: 0 !important; margin-bottom: 0; border-bottom: 1px solid #ededed; } .woocommerce .woocommerce-MyAccount-navigation ul li:last-child { border: 0; } .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a { background: var(--gb_black); color: var(--gb_white); } .woocommerce .woocommerce-MyAccount-navigation ul li::before { display: none; } .woocommerce .woocommerce-MyAccount-navigation ul li a { padding: 10px 20px; border: 0; display: block; color: var(--gb_black); } .woocommerce .woocommerce-MyAccount-navigation ul li a:hover { background: var(--gb_black); color: var(--gb_white); } @media (max-width: 768px) { .woocommerce .woocommerce-MyAccount-navigation ul { margin-bottom: 30px; } } .woocommerce .woocommerce-MyAccount-content .woocommerce-info { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .woocommerce .woocommerce-MyAccount-content .woocommerce-info::before { top: auto; } .woocommerce .woocommerce-MyAccount-content .woocommerce-info .wc-forward { margin-left: auto !important; font-size: var(--gb_font_size_6); margin: 0; border-radius: 0; } @media (max-width: 480px) { .woocommerce .woocommerce-MyAccount-content .woocommerce-info { flex-direction: column; align-items: flex-start; } .woocommerce .woocommerce-MyAccount-content .woocommerce-info .wc-forward.button { margin-left: 0 !important; } } .woocommerce .woocommerce-MyAccount-content .woocommerce-table { border-radius: 0 !important; } .woocommerce .woocommerce-MyAccount-content .woocommerce-table thead tr { background-color: var(--gb_black); } .woocommerce .woocommerce-MyAccount-content .woocommerce-table thead tr th { color: var(--gb_white); } .woocommerce .woocommerce-MyAccount-content .woocommerce-table tbody tr td a { color: var(--gb_black); border: 0; } .woocommerce .woocommerce-MyAccount-content .woocommerce-table tbody tr td a:hover { color: var(--gb_color_primary); } .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses { display: flex; gap: 30px; } .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses::after, .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses::before { display: none; } .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address { padding: 20px; border: 1px solid var(--gb_border_opacity); } .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title { display: flex; align-items: center; justify-content: space-between; gap: 15px; z-index: 0; box-shadow: none; } .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title::after, .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title::before { display: none; } .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h2 { margin-bottom: 0; } .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title .edit { border: 0; color: var(--gb_black); line-height: 1; padding: 0; } .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title .edit:hover { color: var(--gb_color_primary); } @media (max-width: 1200px) { .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title { flex-direction: column; align-items: flex-start; margin-bottom: 20px; } } .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address address { margin: 20px 0; font-size: var(--gb_font_size_13); border-radius: 0; } .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address address .woocommerce-customer-details--phone { margin-bottom: 10px; } @media (max-width: 640px) { .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses { flex-direction: column; } } .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-form-row { margin-bottom: 10px; } .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-form-row label { font-size: var(--gb_font_size_14); line-height: 1; } .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-form-row #account_display_name_description { font-size: var(--gb_font_size_14); line-height: 1.2; display: inline-block; margin-top: 10px; } .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-form-row select, .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-form-row input { border: 1px solid hsla(0, 0%, 7%, 0.2) !important; box-shadow: none !important; border-radius: 0 !important; height: 42px !important; } .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset { margin-bottom: 10px; } .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-Button { margin-left: auto !important; font-size: var(--gb_font_size_14 !important); margin: 0; height: auto; padding: 12px 24px !important; } .woocommerce .woocommerce-MyAccount-content button[type=submit], .woocommerce .woocommerce-MyAccount-content .woocommerce-button { margin-left: auto !important; margin: 0; height: auto; border-radius: 0; } .woocommerce .woocommerce-MyAccount-content button[type=submit].cancel, .woocommerce .woocommerce-MyAccount-content button[type=submit].pay, .woocommerce .woocommerce-MyAccount-content button[type=submit].ast_track, .woocommerce .woocommerce-MyAccount-content button[type=submit].track, .woocommerce .woocommerce-MyAccount-content button[type=submit].view, .woocommerce .woocommerce-MyAccount-content .woocommerce-button.cancel, .woocommerce .woocommerce-MyAccount-content .woocommerce-button.pay, .woocommerce .woocommerce-MyAccount-content .woocommerce-button.ast_track, .woocommerce .woocommerce-MyAccount-content .woocommerce-button.track, .woocommerce .woocommerce-MyAccount-content .woocommerce-button.view { font-size: 14px; padding: 8px 15px; } .woocommerce .woocommerce-MyAccount-content button[type=submit] { margin-top: 15px; } .woocommerce .woocommerce-MyAccount-content .woocommerce-error { margin-left: 0; margin-bottom: 15px; } .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table { border-radius: 0; } .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table thead { background-color: var(--gb_color_on_primary); } .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table thead tr th { color: var(--gb_white); font-size: var(--gb_font_size_13); } .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr { border-bottom: 1px solid var(--gb_border_opacity); } .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr:nth-child(odd) { background: #e2e2e2; } .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr th a { color: var(--gb_black); border-bottom: 0; font-size: var(--gb_font_size_13); } .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr th a:hover { color: var(--gb_color_primary); } .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td { font-size: var(--gb_font_size_13); line-height: 1.1; } .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a { margin-right: 3px; margin-bottom: 3px; } .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a:last-child { margin-right: 0; margin-bottom: 0; } @media (max-width: 768px) { .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr { border: 0; } } @media (max-width: 768px) { .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table { border: 0; } } .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details address { margin: 20px 0; font-size: var(--gb_font_size_13); border-radius: 0; padding: 20px; border-width: 1px; } .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details address .woocommerce-customer-details--phone { margin: 10px 0; } .woocommerce .woocommerce-MyAccount-content mark { padding: 0; } .woocommerce .select2-selection, .woocommerce select, .woocommerce input { border: 1px solid hsla(0, 0%, 7%, 0.2) !important; box-shadow: none !important; border-radius: 0 !important; height: 42px !important; } .woocommerce .select2-selection#billing_address_1, .woocommerce select#billing_address_1, .woocommerce input#billing_address_1 { margin-bottom: 10px !important; display: block; } .woocommerce .woocommerce-order address { margin: 20px 0; font-size: var(--gb_font_size_13); border-radius: 0; padding: 20px; border-width: 1px; } .woocommerce .woocommerce-order address .woocommerce-customer-details--phone { margin: 10px 0; } .woocommerce .woocommerce-order .woocommerce-table { border-radius: 0 !important; } .woocommerce .woocommerce-order .woocommerce-table thead tr { background-color: var(--gb_black); } .woocommerce .woocommerce-order .woocommerce-table thead tr th { color: var(--gb_white); } .woocommerce .woocommerce-order .woocommerce-table tbody tr td a { color: var(--gb_black); border: 0; } .woocommerce .woocommerce-order .woocommerce-table tbody tr td a:hover { color: var(--gb_color_primary); } .woocommerce .wc_payment_method label[for=payment_method_authnet] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .woocommerce .wc_payment_method img { max-width: 32px; margin: 0 !important; } .woocommerce .wc_payment_method .payment_box .wc-payment-form .form-row { margin-bottom: 0 !important; } .woocommerce .wc_payment_method .payment_box .wc-payment-form .form-row label { color: var(--gb_black); } .woocommerce .wc_payment_method .payment_box .wc-payment-form .form-row input { font-size: var(--gb_font_size_13) !important; } .wp-block-woocommerce-empty-cart-block .wc-block-grid__products { margin-bottom: 0; } .wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wc-block-grid__product { border: 0; display: flex; flex-direction: column; } .wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wc-block-grid__product::before { display: none; } .wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-link { border: 0; } .wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title { font-size: var(--gb_font_size_9); font-weight: 500; color: var(--gb_black); } .wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title:hover { color: var(--gb_color_primary); } .wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wc-block-grid__product .woocommerce-Price-amount { font-size: 14px; } .wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wc-block-grid__product .wp-block-button { width: 100%; margin-top: auto; margin-bottom: 0; } .wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wc-block-grid__product .wp-block-button .add_to_cart_button { font-weight: 700; margin: 0; min-height: auto !important; transition: all 0.3s ease !important; outline: none !important; height: auto; line-height: 1; } @media (max-width: 480px) { .wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wc-block-grid__product { margin-bottom: 20px; } } .wp-block-woocommerce-empty-cart-block .with-empty-cart-icon { margin-bottom: var(--gb_space_11); } .wp-block-woocommerce-empty-cart-block .with-empty-cart-icon::before { margin-bottom: 20px !important; } .wp-block-woocommerce-empty-cart-block .wp-block-separator { display: none; } .wc-block-components-sidebar-layout { margin-bottom: 0 !important; } @media (max-width: 991px) { .wc-block-components-sidebar-layout .wc-block-components-main { width: 100% !important; margin-bottom: 30px !important; } } @media (max-width: 780px) { .wc-block-components-sidebar-layout .wc-block-components-main { margin-bottom: 0px !important; padding-right: 0 !important; } } .wc-block-components-sidebar-layout .wc-block-cart-items { margin-bottom: 0 !important; } .wc-block-components-sidebar-layout .wc-block-cart-items .wc-block-cart-items__header { border-bottom: 1px solid hsla(0, 0%, 7%, 0.11); } .wc-block-components-sidebar-layout .wc-block-cart-items .wc-block-cart-items__header th span { font-size: var(--gb_font_size_6); font-weight: 600; } .wc-block-components-sidebar-layout .wc-block-cart-items .wc-block-cart-items__row:first-child td { border-top: 0; } .wc-block-components-sidebar-layout .wc-block-cart-items .wc-block-cart-items__row td { vertical-align: middle; margin-bottom: 0; } @media (max-width: 991px) { .wc-block-components-sidebar-layout .wc-block-cart-items .wc-block-cart-items__row td { padding: 20px 10px !important; } } .wc-block-components-sidebar-layout .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image a { border: none; display: inline-block; height: auto; line-height: 0; padding-bottom: 0; } .wc-block-components-sidebar-layout .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image a img { border: 1px solid var(--gb_border_2); max-width: 60px; height: 60px; } @media (max-width: 640px) { .wc-block-components-sidebar-layout .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image { align-self: flex-start; } } .wc-block-components-sidebar-layout .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__wrap { display: flex; justify-content: space-between; align-items: center; gap: 15px; } .wc-block-components-sidebar-layout .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__wrap a { border: none; max-width: 190px; min-width: 190px; width: 100%; line-height: 1.2; margin-bottom: 0; padding-bottom: 0; color: var(--gb_black); } .wc-block-components-sidebar-layout .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__wrap a:hover { color: var(--gb_color_primary); } @media (max-width: 640px) { .wc-block-components-sidebar-layout .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__wrap a { margin-bottom: 5px; max-width: 100%; } } .wc-block-components-sidebar-layout .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-cart-item__prices { margin-bottom: 0; } .wc-block-components-sidebar-layout .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-cart-item__prices .wc-block-components-product-price { color: var(--gb_light_text); } @media (max-width: 640px) { .wc-block-components-sidebar-layout .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-cart-item__prices { margin-bottom: 0; } } .wc-block-components-sidebar-layout .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-cart-item__quantity { display: flex; justify-content: space-between; gap: 10px; align-items: center; } .wc-block-components-sidebar-layout .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-cart-item__quantity .wc-block-components-quantity-selector { width: 65px !important; margin-bottom: 0; } .wc-block-components-sidebar-layout .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-cart-item__quantity .wc-block-cart-item__remove-link { font-size: 0; display: flex; align-items: center; width: 23px; height: 23px; border: 1px solid var(--gb_black); border-radius: 100px; justify-content: center; transition: all 0.3s ease; } .wc-block-components-sidebar-layout .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover { border-color: var(--gb_red); } .wc-block-components-sidebar-layout .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover:after { transition: all 0.3s ease; filter: brightness(0) saturate(100%) invert(23%) sepia(89%) saturate(5913%) hue-rotate(355deg) brightness(92%) contrast(120%); -webkit-filter: brightness(0) saturate(100%) invert(23%) sepia(89%) saturate(5913%) hue-rotate(355deg) brightness(92%) contrast(120%); } .wc-block-components-sidebar-layout .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:after { content: ""; position: absolute; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIHY3LjAuMCBieSBAZm9udGF3ZXNvbWUgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbSBMaWNlbnNlIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20vbGljZW5zZS9mcmVlIENvcHlyaWdodCAyMDI1IEZvbnRpY29ucywgSW5jLi0tPjxwYXRoIGQ9Ik0yMzIuNyA2OS45TDIyNCA5NkwxMjggOTZDMTEwLjMgOTYgOTYgMTEwLjMgOTYgMTI4Qzk2IDE0NS43IDExMC4zIDE2MCAxMjggMTYwTDUxMiAxNjBDNTI5LjcgMTYwIDU0NCAxNDUuNyA1NDQgMTI4QzU0NCAxMTAuMyA1MjkuNyA5NiA1MTIgOTZMNDE2IDk2TDQwNy4zIDY5LjlDNDAyLjkgNTYuOCAzOTAuNyA0OCAzNzYuOSA0OEwyNjMuMSA0OEMyNDkuMyA0OCAyMzcuMSA1Ni44IDIzMi43IDY5Ljl6TTUxMiAyMDhMMTI4IDIwOEwxNDkuMSA1MzEuMUMxNTAuNyA1NTYuNCAxNzEuNyA1NzYgMTk3IDU3Nkw0NDMgNTc2QzQ2OC4zIDU3NiA0ODkuMyA1NTYuNCA0OTAuOSA1MzEuMUw1MTIgMjA4eiIvPjwvc3ZnPg==); background-position: center; background-repeat: no-repeat; background-size: 13px; width: 13px; height: 13px; display: inline-flex; justify-content: center; align-items: center; transition: all 0.3s ease; } @media (max-width: 640px) { .wc-block-components-sidebar-layout .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-cart-item__quantity { justify-content: flex-start; width: 100%; } } @media (max-width: 640px) { .wc-block-components-sidebar-layout .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__wrap { flex-direction: column; gap: 0; align-items: flex-start; } } .wc-block-components-sidebar-layout .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total { vertical-align: middle; } @media (max-width: 740px) { .wc-block-components-sidebar-layout .wc-block-cart-items .wc-block-cart-items__row { border-color: hsla(0, 0%, 7%, 0.11); align-items: center; } } @media (max-width: 374px) { .wc-block-components-sidebar-layout .wc-block-cart-items .wc-block-cart-items__row { align-items: flex-start; display: flex !important; flex-direction: column; gap: 10px; } } .wc-block-components-sidebar { background: #f5f5f5; padding: 20px !important; display: flex; flex-direction: column; } .wc-block-components-sidebar.is-sticky { top: 210px !important; } .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block { border: 0; } .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text { font-size: var(--gb_font_size_5); } .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-icon svg { margin-bottom: 0; } .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-formatted-money-amount, .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-formatted-money-amount { color: var(--gb_light_text); } .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title { font-size: var(--gb_font_size_6); font-weight: 600; display: block !important; } .wc-block-components-sidebar .wc-block-cart__submit { margin-bottom: 0; margin-top: auto; } .wc-block-components-sidebar .wc-block-cart__submit .wc-block-cart__submit-container { display: flex; justify-content: center; } .wc-block-components-sidebar .wc-block-cart__submit .wc-block-cart__submit-container .wc-block-cart__submit-button { margin: 0; min-height: auto !important; transition: all 0.3s ease; outline: none !important; box-shadow: none !important; } @media (max-width: 991px) { .wc-block-components-sidebar .wc-block-cart__submit .wc-block-cart__submit-container .wc-block-cart__submit-button { width: auto; } } @media (max-width: 991px) { .wc-block-components-sidebar { width: 100% !important; padding: 20px 10px !important; } } .wc-block-checkout__form select, .wc-block-checkout__form input { border: 1px solid hsla(0, 0%, 7%, 0.2) !important; box-shadow: none !important; border-radius: 0 !important; height: 42px !important; } .wc-block-checkout__form .wc-block-components-checkout-place-order-button { margin: 0; min-height: auto !important; transition: all 0.3s ease; outline: none !important; box-shadow: none !important; padding: 12px 24px !important; } .wc-block-checkout__form .wc-block-components-checkout-place-order-button .wc-block-components-checkout-place-order-button__text { justify-content: center; } .checkout-order-summary-block-fill-wrapper .checkout-order-summary-block-fill, .wc-block-checkout__sidebar .checkout-order-summary-block-fill { background: #f5f5f5; padding: 20px 10px !important; border: 0 !important; border-radius: 0 !important; } .checkout-order-summary-block-fill-wrapper .wc-block-components-order-summary, .wc-block-checkout__sidebar .wc-block-components-order-summary { padding: 0 16px !important; } .checkout-order-summary-block-fill-wrapper .wc-block-components-order-summary .wc-block-components-order-summary-item__image .wc-block-components-order-summary-item__quantity, .wc-block-checkout__sidebar .wc-block-components-order-summary .wc-block-components-order-summary-item__image .wc-block-components-order-summary-item__quantity { background-color: var(--gb_color_primary); font-size: 11px; font-weight: 700; border: 0; box-shadow: none; } .checkout-order-summary-block-fill-wrapper .wc-block-components-order-summary .wc-block-components-order-summary-item__image img, .wc-block-checkout__sidebar .wc-block-components-order-summary .wc-block-components-order-summary-item__image img { border: 1px solid var(--gb_border_2); } .checkout-order-summary-block-fill-wrapper .wc-block-components-totals-item, .wc-block-checkout__sidebar .wc-block-components-totals-item { padding: 0 16px !important; } .checkout-order-summary-block-fill-wrapper .wc-block-components-product-name, .wc-block-checkout__sidebar .wc-block-components-product-name { font-size: var(--gb_font_size_14); } .select2-dropdown { border: 1px solid hsla(0, 0%, 7%, 0.2) !important; border-radius: 0; } .wc-block-components-address-card { border-radius: 0 !important; } .wc-block-components-radio-control { border: 1px solid hsla(0, 0%, 7%, 0.11) !important; } .wc-block-components-radio-control .wc-block-components-radio-control-accordion-option { box-shadow: none !important; border-radius: 0 !important; } .xoo-wsc-container .xoo-wsch-close { transition: all 0.3s ease; } .xoo-wsc-container .xoo-wsch-close:hover { color: var(--gb_color_primary); } .xoo-wsc-container .xoo-wsc-body .xoo-wsc-products .xoo-wsc-sum-col { padding-left: 0; } .xoo-wsc-container .xoo-wsc-body .xoo-wsc-products .xoo-wsc-icon-trash { transition: all 0.3s ease; } .xoo-wsc-container .xoo-wsc-body .xoo-wsc-products .xoo-wsc-icon-trash:hover { color: var(--gb_red); } .xoo-wsc-container .xoo-wsc-body .part-number del { color: var(--gb_light_text); opacity: 1 !important; } .woocommerce-cart-form .shop_table { border-radius: 0; border-color: hsla(0, 0%, 7%, 0.11) !important; } .woocommerce-cart-form .shop_table .cart_item { border: 0; } .woocommerce-cart-form .shop_table .cart_item td { border-color: hsla(0, 0%, 7%, 0.11) !important; } .woocommerce-cart-form .shop_table .cart_item td .remove { display: flex; align-items: center; justify-content: center; line-height: 0; } .woocommerce-cart-form .shop_table .cart_item td.product-quantity .quantity .qty { padding: 8px; } @media (min-width: 768px) { .woocommerce-cart-form .shop_table .cart_item .product-remove { width: 40px; } } .woocommerce-cart-form .shop_table .cart_item th a { border: 0; color: var(--gb_black); } .woocommerce-cart-form .shop_table .cart_item th a:hover { color: var(--gb_color_primary); } .woocommerce-cart-form .shop_table .cart_item .product-thumbnail a { display: inline-flex; padding: 0; border: 0; line-height: 1; vertical-align: middle; } .woocommerce-cart-form .shop_table .cart_item .product-thumbnail a img { border: 1px solid var(--gb_border_2); } .woocommerce-cart-form .shop_table .cart_item .product-name { font-size: 20px; } .woocommerce-cart-form .shop_table .cart_item .pss-field { position: relative; display: flex; align-items: center; } .woocommerce-cart-form .shop_table .cart_item .pss-field .pss-value, .woocommerce-cart-form .shop_table .cart_item .pss-field strong { font-weight: 400; font-size: 17px; } .woocommerce-cart-form .shop_table .cart_item .pss-field .pss-edit { color: var(--gb_input-color); font-family: "myriad-pro", sans-serif; text-decoration: underline; } .woocommerce-cart-form .shop_table .cart_item .pss-field .pss-status { font-size: 16px !important; font-weight: 500; color: var(--gb_black) !important; background: var(--gb_color_primary); line-height: 1; padding: 4px 5px; } .woocommerce-cart-form .shop_table .cart_item .pss-field .input-update-main { position: relative; display: flex; align-items: center; } .woocommerce-cart-form .shop_table .cart_item .pss-field .input-update-main input { padding-right: 68px; } .woocommerce-cart-form .shop_table .cart_item .pss-field .input-update-main .pss-update { position: absolute; right: 10px; font-size: 11px; padding: 5px 10px; height: auto; margin: 0; background-color: var(--gb_color_primary); color: var(--gb_black); } .woocommerce-cart-form .shop_table .cart_item .pss-field .input-update-main .pss-update:hover { background-color: var(--gb_black); color: var(--gb_white); border-color: var(--gb_black); } .woocommerce-cart-form .shop_table .cart_item .product-quantity .quantity { display: inline-block; } .woocommerce-cart-form .shop_table .cart_item .product-quantity .product_remove_icon { display: inline-block; } .woocommerce-cart-form .shop_table .cart_item .product-quantity .product_remove_icon a { font-size: 12px; font-weight: 400; color: var(--gb_input-color) !important; font-family: "myriad-pro", sans-serif; text-decoration: underline; width: auto; height: auto; background: transparent; display: inline-flex; margin-left: 10px; border-radius: 0; flex-direction: column-reverse; gap: 5px; } .woocommerce-cart-form .shop_table .cart_item .product-quantity .product_remove_icon a:hover { text-decoration: none; } .woocommerce-cart-form .shop_table .cart_item .product-quantity .product_remove_icon a img { margin-bottom: 0; width: 17px; filter: brightness(0) saturate(100%) invert(49%) sepia(0%) saturate(1743%) hue-rotate(79deg) brightness(93%) contrast(94%); -webkit-filter: brightness(0) saturate(100%) invert(49%) sepia(0%) saturate(1743%) hue-rotate(79deg) brightness(93%) contrast(94%); } .woocommerce-cart-form .shop_table .actions button[type=submit] { height: auto; } @media (min-width: 768px) { .woocommerce-cart-form .shop_table { table-layout: auto; } } .woocommerce-cart-form .shop_table .product-name .variation { display: flex; margin-bottom: 0; } .woocommerce-cart-form .shop_table .product-name .variation .variation-PartNumber { font-weight: 400; font-size: 17px; } .woocommerce-cart-form .shop_table .product-name .part-number del { opacity: 1 !important; color: var(--gb_light_tex); } .cart_totals .shop_table { border-radius: 0; border-color: hsla(0, 0%, 7%, 0.11) !important; } .cart_totals .shop_table tr { border-color: hsla(0, 0%, 7%, 0.11) !important; } .cart_totals .wc-proceed-to-checkout .checkout-button { margin-bottom: 0 !important; width: 100%; } .woocommerce-checkout #customer_details { margin-bottom: 25px; } .woocommerce-checkout .woocommerce-checkout-review-order .payment_methods li { padding-left: 0; } .woocommerce-checkout .woocommerce-checkout-review-order .payment_methods li:before { display: none !important; } .woocommerce-checkout .woocommerce-checkout-review-order .shop_table { border-radius: 0; border-color: hsla(0, 0%, 7%, 0.11) !important; } .woocommerce-checkout .woocommerce-checkout-review-order .shop_table tr td { border-color: hsla(0, 0%, 7%, 0.11) !important; } .woocommerce-checkout .woocommerce-checkout-review-order .shop_table .product-name .part-number { color: var(--gb_light_text); } .woocommerce-checkout .woocommerce-checkout-review-order .shop_table .product-name .part-number del { opacity: 1 !important; color: var(--gb_light_text); } .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment { border-radius: 0 !important; } .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .woocommerce-privacy-policy-text { margin-bottom: 20px; } .woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order button[type=submit] { height: auto; } .woocommerce-checkout .woocommerce-additional-fields .woocommerce-input-wrapper textarea { border-radius: 0; border-color: hsla(0, 0%, 7%, 0.11) !important; } .cart-collaterals .woocommerce-shipping-methods, .woocommerce-checkout-review-order .woocommerce-shipping-methods { text-align: left; } .cart-collaterals .woocommerce-shipping-methods li, .woocommerce-checkout-review-order .woocommerce-shipping-methods li { padding-left: 0 !important; margin-bottom: 0 !important; } .cart-collaterals .woocommerce-shipping-methods li:before, .woocommerce-checkout-review-order .woocommerce-shipping-methods li:before { display: none; } .cart-collaterals .woocommerce-shipping-methods li label, .woocommerce-checkout-review-order .woocommerce-shipping-methods li label { display: inline-block !important; } .cart-collaterals .woocommerce-shipping-methods p, .woocommerce-checkout-review-order .woocommerce-shipping-methods p { margin-bottom: 15px; } @media (max-width: 768px) { .cart-collaterals .woocommerce-shipping-methods, .woocommerce-checkout-review-order .woocommerce-shipping-methods { padding-left: 35px !important; } } .cart-collaterals .special-shipping-products ol, .woocommerce-checkout-review-order .special-shipping-products ol { margin-bottom: 20px; } .cart-collaterals .special-shipping-products ol li, .woocommerce-checkout-review-order .special-shipping-products ol li { list-style: decimal !important; } .woocommerce-checkout-review-order .woocommerce-shipping-totals .special-shipping-confirm-wrap .checkbox[disabled=disabled] { pointer-events: none; cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: 0.6; } .woocommerce-checkout-review-order .woocommerce-shipping-totals .special-shipping-confirm-wrap .checkbox[disabled=disabled] .required:after { background-color: var(--gb_gray_1); } @media (max-width: 600px) { .woocommerce-checkout-review-order .woocommerce-shipping-totals { width: 100%; display: block; } } @media (max-width: 600px) { .woocommerce-checkout-review-order thead, .woocommerce-checkout-review-order tbody, .woocommerce-checkout-review-order tfoot, .woocommerce-checkout-review-order tr, .woocommerce-checkout-review-order th, .woocommerce-checkout-review-order td { display: block; width: 100%; max-width: 100%; box-sizing: border-box; border-bottom: 0 !important; } } .woocommerce-checkout-review-order .cart-subtotal { border-top: 0 !important; } .your-custom-message td { line-height: 1.1 !important; font-weight: 500 !important; } body.xoo-wsc-cart-active { overflow: hidden; } .xoo-wsc-container { z-index: 9999999; } .xoo-wsc-notice-error a { color: var(--gb_blue-link); border-bottom: 1px solid var(--gb_blue-link); } .xoo-wsc-notice-error a:hover { color: var(--gb_black); border-bottom: 1px solid var(--gb_black); } .special-shipping-confirm-wrap .woocommerce-input-wrapper .checkbox { display: flex !important; flex-direction: row-reverse; justify-content: flex-end; gap: 10px; line-height: 1.2; } .special-shipping-confirm-wrap .woocommerce-input-wrapper .checkbox .required { margin: 0; color: var(--wc-red); position: absolute; left: 0; transform: translateX(-100%); padding-left: 24px; margin-left: -5px; } .checkout-order-summary-block-fill-wrapper { padding-top: 35px; border: 0 !important; } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button { display: none !important; } .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input { pointer-events: none; background-color: #f3f3f3; } .woocommerce-shipping-totals .special-shipping-confirm-wrap { display: flex; flex-wrap: wrap; margin-bottom: 10px; font-weight: initial; } .woocommerce-shipping-totals .special-shipping-confirm-wrap .special-shipping-confirm { margin-bottom: 0 !important; } .woocommerce-shipping-totals .special-shipping-confirm-wrap .special-shipping-confirm .checkbox { margin: 0 !important; } .woocommerce-shipping-totals .special-shipping-confirm-wrap .special-shipping-more-info { order: 3; } @media (max-width: 768px) { .woocommerce table.shop_table_responsive tbody th { display: block !important; width: 100% !important; } .woocommerce-page table .shop_table_responsive tbody th { display: block !important; width: 100% !important; } } .woocommerce-table--order-details .product-name .wc-item-meta li { padding-left: 0; } .woocommerce-table--order-details .product-name .wc-item-meta li::before { display: none; } .woocommerce-table--order-details .product-name .wc-item-meta li p { color: var(--gb_light_text); } .woocommerce-table--order-details .product-name .wc-item-meta li del { opacity: 1 !important; color: var(--gb_light_text); } .help-block { padding: 20px; text-align: center; background: #e3e1e4; max-width: 400px; margin: 20px auto 0 auto; width: 100%; } .help-block .help-detail { margin-bottom: 30px; } .help-block .help-detail .heading-4 { margin-bottom: 10px; } .help-block .link a { text-decoration: underline; display: inline-block; border: 0; } body:not(.logged-in) #olark-wrapper .olark-launch-button-wrapper { right: 20px !important; } body.cart-has-items #olark-wrapper .olark-launch-button-wrapper { right: 90px !important; } #olark-wrapper #olark-container { z-index: 9999 !important; } #olark-wrapper .olark-svg-clip-path { display: none; } #olark-wrapper .olark-launch-button-wrapper { right: 20px !important; top: auto !important; bottom: 21px !important; } #olark-wrapper .olark-launch-button-wrapper .olark-button-focus-wrapper { background-color: transparent !important; padding: 0 !important; } #olark-wrapper .olark-launch-button-wrapper .olark-button-focus-wrapper:focus-within { background-color: transparent !important; } #olark-wrapper .olark-launch-button-wrapper .olark-button-focus-wrapper .olark-launch-button .olark-button-text { font-size: 0; display: flex !important; max-width: 100% !important; align-items: center; justify-content: center; letter-spacing: 0 !important; } #olark-wrapper .olark-launch-button-wrapper .olark-button-focus-wrapper .olark-launch-button svg { height: auto !important; margin: 0 !important; display: flex !important; } #olark-wrapper .olark-launch-button-wrapper .olark-button-focus-wrapper .olark-launch-button path, #olark-wrapper .olark-launch-button-wrapper .olark-button-focus-wrapper .olark-launch-button rect { stroke: var(--gb_black) !important; stroke-width: 1.5px !important; } #olark-wrapper .olark-launch-button { min-width: auto !important; border-radius: 15px !important; box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1019607843) !important; width: 60px !important; height: 60px !important; display: flex !important; align-items: center; justify-content: center; } /*------------------------------------------------- >> Styles for 404 -------------------------------------------------*/ .not-found { text-align: center; } .error-404 { text-align: center; width: 100%; } .error-404 .menu { margin: 0; } .error-404 ul li { display: inline-block; margin: 0 0 0 20px; font-weight: 700; padding: 0; } .error-404 ul li::before { display: none; } .error-404 ul li a { padding: 10px; border-bottom: 0; } .error-404 ul li a:hover { color: var(--gb_error_menu_color); } .error-404 ul li ul { display: none; } .form-404 { margin: 0 auto 0; max-width: 720px; } .form-404 p { margin-bottom: 20px; } .not-found .page-content { max-width: 550px; margin: 0 auto; } .not-found .page-content .not-found-title { margin-bottom: 20px; } .not-found .page-content .not-found-title .heading-1 { margin-bottom: 10px; } .not-found .page-content .not-found-title .error-info { font-size: var(--gb_font_size_5); } .not-found .page-content .search-form { margin-bottom: 20px; } .not-found .page-content .search-form label { width: 100%; } .not-found .page-content .search-form input[type=search] { font-size: var(--gb_space_6); font-family: "myriad-pro", sans-serif; height: 40px; border-radius: 0; padding: 14px 16px; } .not-found .page-content .search-form input[type=submit] { font-size: var(--gb_space_7) !important; height: 40px; line-height: 0 !important; } .search-result-block .block-title { margin-bottom: 10px; } .search-result-block .serch-result-text { font-weight: 400; font-family: "myriad-pro", sans-serif; } .search-result-block .table-block { max-width: 820px; margin: 0 auto; width: 100%; } .search-result-block .table-block .product-price-title { text-align: right; margin-bottom: 14px; line-height: 1; } .search-result-block .table-block tbody tr td .part-where-used-link { font-size: var(--gb_font_size_13); color: var(--gb_dark_gray-tone); max-width: 46px; width: 100%; display: block; margin: 0 auto; text-align: center; border: 0; line-height: 1; } .search-result-block .table-block tbody tr td .part-where-used-link:hover { color: var(--gb_black); text-decoration: underline; } /* ------------------------------------------------------------------ > Import Fonts ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Vendors CSS Starts Here ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Vendors CSS Example ------------------------------------------------------------------ */ /*# sourceMappingURL=styles.min.css.map*/