/*!***********************************************************************************************************************************************************************************************!*\ !*** 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]!./assets/src/css/vendors/slick.css ***! \**************************************************************************************************************************************************************************************/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ""; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*!********************************************************************************************************************************************************************************************!*\ !*** 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/slick-theme.css ***! \********************************************************************************************************************************************************************************************/ @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { /* background: #fff url("./ajax-loader.gif") center center no-repeat; */ } /* Icons */ @font-face { font-family: "slick"; font-weight: normal; font-style: normal; /* src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); */ } /* Arrows */ .slick-prev, .slick-next { background-color: transparent; font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 28px; height: 28px; padding: 0; transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { opacity: 1; } .slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: 0.25; } .slick-prev { left: -40px; transform: rotate(-180deg); transform-origin: center; } [dir="rtl"] .slick-prev { right: -40px; left: auto; } .slick-next { right: -40px; } [dir="rtl"] .slick-next { right: auto; left: -40px; } .slick-next:before { content: "→"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -35px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: "slick"; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 0.25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: 0.75; color: black; } /*!***************************************************************************************************************************************************************************************************************************************************!*\ !*** 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: Duxton Farms Theme URI: http://devcause.com Author: Team Glide Author URI: http://devcause.com/team Description: WordPress theme by DevCause 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 { --dw_base_unit: 0.125rem; --base_unit-half: math.div(var(--dw_base_unit), 2); /*------------------------------------------------- >> Variables for Spaces -------------------------------------------------*/ --space_base_unit: var(--dw_base_unit); /* ------- [ D-2 to M-2 ] - [ gl-s4 ] ------- */ --dw_space_1: 2px; /* ------- [ D-4 to M-4 ] - [ gl-s12 ] ------- */ --dw_space_2: 4px; /* ------- [ D-8 to M-6 ] - [ gl-s44 ] ------- */ --dw_space_3: clamp(0.375rem, 0.231vw + 0.315rem, 0.5rem); /* ------- [ D-12 to M-10 ] - [ gl-s96 ] ------- */ --dw_space_4: clamp(0.625rem, 0.231vw + 0.565rem, 0.75rem); /* ------- [ D-16 to M-12 ] - [ gl-s240 ] ------- */ --dw_space_5: clamp(0.75rem, 0.462vw + 0.63rem, 1rem); /* ------- [ D-20 to M-16 ] - [ gl-s20 ] ------- */ --dw_space_6: clamp(1rem, 0.462vw + 0.88rem, 1.25rem); /* ------- [ D-36 to M-22 ] - [ gl-s36 ] ------- */ --dw_space_7: clamp(1.375rem, 1.617vw + 0.957rem, 2.25rem); /* ------- [ D-44 to M-28 ] - [ gl-s44 ] ------- */ --dw_space_8: clamp(1.75rem, 1.848vw + 1.272rem, 2.75rem); /* ------- [ D-48 to M-36 ] - [ gl-s48 ] ------- */ --dw_space_9: clamp(2.25rem, 1.386vw + 1.891rem, 3rem); /* ------- [ D-60 to M-42 ] - [ gl-s60 ] ------- */ --dw_space_10: clamp(2.625rem, 2.079vw + 2.087rem, 3.75rem); /* ------- [ D-72 to M-48 ] - [ gl-s72 ] ------- */ --dw_space_11: clamp(3rem, 2.771vw + 2.283rem, 4.5rem); /* ------- [ D-96 to M-54 ] - [ gl-s96 ] ------- */ --dw_space_12: clamp(3.375rem, 4.85vw + 2.12rem, 6rem); /* ------- [ D-120 to M-60 ] - [ gl-s120 ] ------- */ --dw_space_13: clamp(3.75rem, 6.928vw + 1.957rem, 7.5rem); /* ------- [ D-160 to M-72 ] - [ gl-s160 ] ------- */ --dw_space_14: clamp(4.5rem, 10.162vw + 1.871rem, 10rem); /* ------- [ D-200 to M-84 ] - [ gl-s200 ] ------- */ --dw_space_15: clamp(5.25rem, 13.395vw + 1.784rem, 12.5rem); /* ------- [ D-240 to M-96 ] - [ gl-s240 ] ------- */ --dw_space_16: clamp(6rem, 16.628vw + 1.697rem, 15rem); /* ------- [ D-270 to M-120 ] - [ gl-s270 ] ------- */ --dw_space_17: clamp(7.5rem, 17.321vw + 3.018rem, 16.875rem); /* ------------------------------------------------- >> Font Sizes ------------------------------------------------- */ --font_base_unit: var(--dw_base_unit); --dw_font_size_120: clamp(4rem, 3.090909090909091rem + 3.878787878787878vw, 6rem); --dw_font_size_80: clamp(3rem, 2.5454545454545454rem + 1.9393939393939394vw, 4rem); --dw_font_size_70: clamp(1.7504rem, 3.234vw + 0.9136rem, 3.5rem); --dw_font_size_60: clamp(2rem, 1.5454545454545454rem + 1.9393939393939394vw, 3rem); --dw_font_size_50: clamp(1.8rem, 1.4818181818181819rem + 1.3575757575757575vw, 2.5rem); --dw_font_size_40: clamp(1.5rem, 0.924vw + 1.2608rem, 2rem); --dw_font_size_34: clamp(1.4rem, 1.2636363636363637rem + 0.5818181818181819vw, 1.7rem); --dw_font_size_30: clamp(1.2rem, 0.5544vw + 1.0568rem, 1.5rem); --dw_font_size_26: clamp(1.1rem, 1.009090909090909rem + 0.3878787878787879vw, 1.3rem); --dw_font_size_24: clamp(1.1rem, 1.0545454545454546rem + 0.19393939393939394vw, 1.2rem); --dw_font_size_22: clamp(1.25rem, 0.375vw + 1.075rem, 1.375rem); --dw_font_size_20: clamp(1.125rem, 0.375vw + 0.95rem, 1.25rem); --dw_font_size_18: clamp(1.063rem, 0.188vw + 0.975rem, 1.125rem); --dw_font_size_17: clamp(1rem, 0.188vw + 0.912rem, 1.063rem); --dw_font_size_16: clamp(0.938rem, 0.188vw + 0.85rem, 1rem); --dw_font_size_15: 15px; /* ------------------------------------------------- >> Line Height ------------------------------------------------- */ --dw_line_height_base_unit: 0.063rem; --line_height_xsmall: calc(var(--dw_line_height_base_unit) * 1); --line_height_small: calc(var(--dw_line_height_base_unit) * 1.1); --line_height_medium: calc(var(--dw_line_height_base_unit) * 1.3); --line_height_large: calc(var(--dw_line_height_base_unit) * 1.4); --line_height_xlarge: calc(var(--dw_line_height_base_unit) * 1.5); /* ------------------------------------------------- >> Letter Spacing ------------------------------------------------- */ --dw_letter_spacing_base_unit: 1rem; --letter_spacing_xsmall: calc(var(--dw_letter_spacing_base_unit) * 0); --letter_spacing_small: calc(var(--dw_letter_spacing_base_unit) * -0.5); --letter_spacing_medium: normal; --letter_spacing_large: calc(var(--dw_letter_spacing_base_unit) * 1); --letter_spacing_xlarge: calc(var(--dw_letter_spacing_base_unit) * 1.5); /* ------------------------------------------------- >> Border Radius ------------------------------------------------- */ --border_radius_small: calc(var(--dw_base_unit) * 1); --border_radius_medium: calc(var(--dw_base_unit) * 2); --border_radius_large: calc(var(--dw_base_unit) * 2); /* ------------------------------------------------- >> Color variables ------------------------------------------------- */ /* >> Base Colors */ --dw_color_primary: var(--dw_slat); --dw_color_on_primary: #ffffff; --dw_color_secondary: var(--dw_yellow); --dw_black: #000000; --dw_black_1: #14191f; --dw_black_2: #606364; --dw_white: #ffffff; --dw_white_1: #f1f1f1; --dw_white_2: #f1e9e9; --dw_yellow: #ffbe00; --dw_yellow_2: #ffbf14; --dw_slat: #072c49; --dw_gray: rgb(247, 247, 245); --dw_gray_1: #e6e6e6; --dw_gray_2: #eee; --dw_gray_3: #f5f7f7; --dw_blue: #0013ff; --dw_blue_1: #00a4eb; --dw_blue_2: #2ca8dd; --dw_navy: #091a17; --dw_navy_1: #15332e; --dw_navy_2: #2f655c; --dw_red: #ff0000; --dw_sea_green: #04c3b4; --dw_transparent: transparent; --dw_regular_text: #14191f; --dw_dark_text: #14191f; --dw_white_text: #f7f7f7; --dw_light_text: #606364; --dw_success: #198754; --dw_info: #0dcaf0; --dw_warning: #ffc107; --dw_danger: #dc3545; --dw_light: #f8f9fa; --dw_dark: #212529; --dw_signal: #d14b3c; --dw_signal_bg: #fbede9; --dw_color_background: #ffffff; --dw_color_on_background: #14191f; --dw_border: #30353c; --dw_border_1: #545454; --dw_border_2: #adadad; --dw_border_3: #e0e0e0; /* ------------------------------------------------- >> 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 ------------------------------------------------- */ --dw_body_color: var(--dw_color_on_background); --dw_body_bg: var(--dw_color_background); --dw_text_strong: var(--dw_black); --dw_dark_text: var(--dw_black); --dw_white_text: var(--dw_white); --dw_highlight_color: var(--dw_color_on_primary); --dw_highlight_bg: var(--dw_color_primary); --dw_caption: var(--dw_black_2); --dw_heading_color: var(--dw_slat); --dw_heading_link_color: var(--dw_dark_text); --dw_heading_link_color_hover: var(--dw_dark_text); --dw_link_color: var(--dw_color_primary); --dw_link_color_hover: var(--dw_color_primary); --dw_link_border_color: var(--dw_color_primary); --dw_link_border_color_hover: transparent; --dw_list_ul_marker_color: var(--dw_color_primary); --dw_list_ol_marker_color: var(--dw_color_primary); --dw_blockquote_color: var(--dw_regular_text); --dw_blockquote_border_color: var(--dw_regular_text); --dw_quote_color: var(--dw_regular_text); --dw_blockqoute_cite_color: var(--dw_light_text); --dw_table_border_color: var(--dw_border); --dw_table_head_border_color: var(--dw_dark_text); --dw_table_foot_border_color: var(--dw_dark_text); --dw_strong_color: var(--dw_regular_text); --dw_underline_border_color: var(--dw_regular_text); --dw_abbr_border_color: var(--dw_regular_text); --dw_delete_color: var(--dw_danger); --dw_insert_color: var(--dw_success); --dw_insert_border_color: var(--dw_success); --dw_code_color: var(--dw_white_text); --dw_code_bgcolor: var(--dw_dark_text); --dw_pre_color: var(--dw_white_text); --dw_pre_bgcolor: var(--dw_dark_text); --dw_mark_bgcolor: var(--dw_dark_text); --dw_mark_color: var(--dw_white_text); --dw_hr_color: var(--dw_border_2); --dw_input_color: var(--dw_regular_text); --dw_input_bg: var(--dw_light_field_bg); --dw_input_border_color: var(--dw_border); --dw_input_focus_color: var(--dw_black); --dw_input_focus_bgcolor: var(--dw_white); --dw_input_focus_border_color: var(--dw_border_2); --dw_disabled_input_bgcolor: var(--dw_field_bg); --dw_disabled_input_border_color: var(--dw_border_1); --dw_placeholder_color: var(--dw_light_text); --dw_range_track_bgcolor: var(--dw_field_bg); --dw_range_thumb_bgcolor: var(--dw_color_primary); --dw_color_field_border_color: var(--dw_border); --dw_color_field_bgcolor: var(--dw_field_bg); --dw_radio_color: var(--dw_regular_text); --dw_radio_border_color: var(--dw_border); --dw_radio_bgcolor: var(--dw_field_bg); --dw_radio_after_bgcolor: var(--dw_color_primary); --dw_checkbox_color: var(--dw_regular_text); --dw_checkbox_border_color: var(--dw_border); --dw_checkbox_bgcolor: var(--dw_field_bg); --dw_checkbox_after_bgcolor: var(--dw_color_primary); --dw_progress_bgcolor: var(--dw_field_bg); --dw_progress_value_bgcolor: var(--dw_color_primary); --dw_meter_bgcolor: var(--dw_field_bg); --dw_meter_value_bgcolor: var(--dw_color_primary); --dw_button_color: var(--dw_black); --dw_button_bgcolor: var(--dw_color_primary); --dw_button_color_hover: var(--dw_dark_text); --dw_button_bgcolor_hover: var(--dw_transparent); --dw_button_border_color: var(--dw_color_primary); --dw_button_border_color_hover: var(--dw_border); --dw_reset_button_bgcolor: var(--dw_button_bgcolor); --dw_reset_button_color: var(--dw_white_text); --dw_theme_btn_color: var(--dw_button_color); --dw_theme_btn_bgcolor: var(--dw_button_bgcolor); --dw_theme_btn_color_hover: var(--dw_button_color_hover); --dw_theme_btn_bgcolor_hover: var(--dw_button_bgcolor_hover); --dw_theme_btn_border_color: var(--dw_button_border_color); --dw_theme_btn_border_color_hover: var(--dw_button_border_color_hover); --dw_datepicker_bg_color: var(--dw_gray); --dw_datepicker_select_bgcolor: var(--dw_white); --dw_datepicker_link_color: var(--dw_color_secondary); --dw_datepicker_link_active_color: var(--dw_color_primary); --dw_datepicker_calendar: var(--dw_white_text); --dw_datepicker_th_bgcolor: var(--dw_border_1); --dw_datepicker_even_tr_td_bgcolor: var(--dw_border_1); --dw_datepicker_border_color: var(--dw_border_1); --dw_datepicker_date_color: var(--dw_dark_text); --dw_valiation_error_bg_color: var(--dw_danger_bg); --dw_valiation_message_color: var(--dw_danger); --dw_error_field_border_color: var(--dw_danger); --dw_valiation_error_color: var(--dw_danger); --dw_confirmation_message_bgcolor: var(--dw_success_bg); --dw_confirmation_message_color: var(--dw_dark_text); --dw_confirmation_message_border_color: var(--dw_danger); --dw_required_text_color: var(--dw_danger); --dw_invalid_error_border_color: var(--dw_danger); --dw_hubspot_error_label_color: var(--dw_danger); --dw_hubspot_required_color: var(--dw_danger); --dw_fileupload_rule_color: var(--dw_light_text); --dw_error_menu_color: var(--dw_dark_text); --dw_acc_btn_color: var(--dw_white_text); --dw_acc_btn_bgcolor: var(--dw_button_bg); --dw_acc_btn_shadow: var(--dw_danger); --dw_comments_reply_btn_bgcolor: var(--dw_button_bg); --dw_comments_reply_btn_color: var(--dw_white_text); --dw_comments_reply_btn_bgcolor_hover: var(--dw_button_bg_hover); --dw_comments_reply_btn_color_hover: var(--dw_white_text); --dw_comment_meta_color: var(--dw_dark_text); --dw_comment_metadata_color: var(--dw_light_text); --dw_comments_list_border_color: var(--dw_border); --dw_widget_comments_meta_color: var(--dw_light_text); --dw_pagination_bgcolor: var(--dw_blue_1); --dw_pagination_color: var(--dw_white); --dw_pagination_color_hover: var(--dw_white); --dw_pagination_bgcolor_hover: var(--dw_border_1); --dw_pagination_bgcolor_current: var(--dw_border_1); --dw_pagination_color_current: var(--dw_white); --dw_pagination_first_bgcolor: var(--dw_border_1); --dw_pagination_first_color: var(--dw_dark_text); --dw_pagination_border: var(--dw_transparent); --dw_widget_latest_post_meta_color: var(--dw_danger); --dw_widget_rss_feed_meta_color: var(--dw_danger); --dw_widget_search_button_color: var(--dw_pure_black); --dw_wp_table_block_stripe_bg_color: var(--dw_gray); --dw_breadcrumb_color: var(--dw_pure_black); --dw_breadcrumb_link_color: var(--dw_pure_black); --dw_breadcrumb_border_color: transparent; --dw_breadcrumb_border_color_hover: var(--dw_pure_black); --dw_breadcrumb_span_color: var(--dw_pure_black); --dw_header_bgcolor: var(--dw_transparent); --dw_header_color: var(--dw_black); --dw_header_color_hover: var(--dw_black); --dw_header_bgcolor_sticky: var(--dw_white); --dw_header_nav_border_color: var(--dw_dark_text); --dw_header_submenu_bgcolor: var(--dw_gray); --dw_header_submenu_color: var(--dw_header_color); --dw_header_submenu_color_hover: var(--dw_header_color_hover); --dw_header_mobile_color: var(--dw_dark_text); --dw_header_mobile_submenu_color: var(--dw_dark_text); --dw_nav_overlay_bgcolor: var(--dw_white); --dw_mobile_nav_icon_bgcolor: var(--dw_dark_text); --dw_abbr_border: var(--dw_dark_text); --dw_topbar_bgcolor: var(--dw_color_primary); --dw_topbar_color: var(--dw_white); --dw_topbar_link_color: var(--dw_white); --dw_footer_bgcolor: var(--dw_dark_text); --dw_footer_color: var(--dw_white_text); --dw_footer_color_hover: var(--dw_white_text); --dw_f_nav_color: var(--dw_footer_color); --dw_f_nav_color_hover: var(--dw_footer_color_hover); --dw_f_nav_border_color: var(--dw_footer_color); --dw_f_nav_border_color_hover: var(--dw_footer_color_hover); --dw_copyright_color: var(--dw_white_text); --dw_legal_nav_color: var(--dw_white_text); --dw_legal_nav_border_color: var(--dw_white_text); --dw_legal_nav_border_color_hover: var(--dw_white_text); --dw_legal_text_color: var(--dw_white_text); --dw_ctn_red: var(--dw_red); --dw_ctn_black: var(--dw_black); --dw_ctn_sea_green: var(--dw_sea_green); --dw_style_bg: #821212; --dw_style_text: #000000; --dw_style_link: #000000; --dw_style_button: #00a4eb; } /* ------------------------------------------------------------------ > 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; box-sizing: border-box; vertical-align: baseline; } *, *::before, *::after { box-sizing: inherit; } html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); 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; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); } img { border-style: none; } summary { display: list-item; } template, [hidden] { display: none; } /*------------------------------------------------- >> 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: "Barlow", arial, sans-serif; font-weight: 800; font-style: normal; margin: 0 0 20px; color: var(--dw_heading_color); line-height: 0.95; text-transform: initial; letter-spacing: -0.03em; } h1, .heading-1 { font-size: var(--dw_font_size_60); } h2, .heading-2 { font-size: var(--dw_font_size_50); } h3, .heading-3 { font-size: var(--dw_font_size_34); } h4, .heading-4 { font-size: var(--dw_font_size_26); } h5, .heading-5 { font-size: var(--dw_font_size_24); } h6, .heading-6 { font-size: var(--dw_font_size_20); } .has-font-size-120-font-size { font-size: var(--dw_font_size_120); } .has-font-size-80-font-size { font-size: var(--dw_font_size_80); } .has-font-size-60-font-size { font-size: var(--dw_font_size_60); } .has-font-size-50-font-size { font-size: var(--dw_font_size_50); } .has-font-size-34-font-size { font-size: var(--dw_font_size_34); } .has-font-size-26-font-size { font-size: var(--dw_font_size_26); } .has-font-size-24-font-size { font-size: var(--dw_font_size_24); } .has-font-size-18-font-size { font-size: var(--dw_font_size_18); } .has-font-size-20-font-size { font-size: var(--dw_font_size_20); } /*------------------------------------------------- >> 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(--dw_abbr_border_color); text-decoration: none; cursor: help; } abbr[title] { text-decoration: none; } address { margin: 0 0 30px; } mark { background-color: var(--dw_mark_bgcolor); color: var(--dw_mark_color); padding: 3px 7px; } small { font-size: 80%; } big { font-size: 125%; } s, strike, del { text-decoration: line-through; } b, strong { font-family: "Barlow", arial, sans-serif; font-weight: 700; font-style: normal; } u { border-bottom: 1px solid var(--dw_underline_border_color); text-decoration: none; } del { color: var(--dw_delete_color); } ins { color: var(--dw_insert_color); border-bottom: 1px solid var(--dw_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(--dw_code_color); background-color: var(--dw_code_bgcolor); padding: 3px 7px; } pre { color: var(--dw_pre_color); background-color: var(--dw_pre_bgcolor); padding: 20px 25px; overflow-x: scroll; } hr { background-color: var(--dw_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 ------------------------------------------------- */ html { overflow-x: hidden; } body { font-family: "Barlow", arial, sans-serif; position: relative; font-size: var(--dw_font_size_17); color: var(--dw_body_color); background-color: var(--dw_body_bg); line-height: 1.3; overflow-x: hidden; } p { margin: 0 0 30px; } p:last-of-type { margin-bottom: 0; } .has-text-align-center { text-align: center; } /*------------------------------------------------- >> 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(--dw_link_color); border-bottom: 1px solid var(--dw_link_border_color); padding-bottom: 2px; } .page-section a:hover, .page-section a:active, .page-section:visited:hover, .page-section:visited:active { color: var(--dw_link_color_hover); border-color: var(--dw_link_border_color_hover); } .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%; } a img { border: none; outline: none; margin-bottom: 0; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ figure { margin: 0 0 30px; } figure figcaption { color: var(--dw_caption); font-size: 90%; margin: 0 0 30px; } picture { margin: 0 0 30px; display: inline-block; } svg { margin: 0; } .gallery .gallery-item a { border-bottom: none; } 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 { padding-left: 16px; position: relative; } .page-section ul li::before { content: ""; width: 6px; height: 6px; background-position: left top; position: absolute; background-color: var(--dw_list_marker_bgcolor); left: 0; top: 9px; border-radius: 50%; } .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: 24px; } .page-section ol > li::marker { display: none; } .page-section ol > li::before { color: var(--dw_ol_list_marker_color); font-family: "Barlow", arial, sans-serif; font-weight: 400; font-style: normal; content: counters(list, ".") "."; counter-increment: list; left: 0; top: 0; position: absolute; background-color: transparent; } .page-section ol ol li { padding-left: 34px; } .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 { padding-left: 20px; } .page-section ol ul li::before { content: ""; width: 6px; height: 6px; background-position: left top; position: absolute; background-color: var(--dw_list_marker_bgcolor); left: 0; top: 9px; } /*------------------------------------------------- >> Styles for quotes -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ blockquote, q { quotes: none; } blockquote { position: relative; color: var(--dw_blockquote_color); border-left: 3px solid var(--dw_blockquote_border_color); padding: 5px 0 5px 20px; margin: 0 0 30px; } blockquote p { margin-bottom: 15px; } blockquote p:last-child { margin-bottom: 0; } .wp-block-quote.has-text-align-right { border-left: none; border-right: 3px solid var(--dw_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(--dw_blockquote_border_color); border-bottom: 3px solid var(--dw_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(--dw_quote_color); position: relative; } cite { display: block; margin-top: 15px; font-size: 80%; text-transform: uppercase; font-weight: 500; color: var(--dw_blockqoute_cite_color); font-family: "IBM Plex Mono", monospace; font-style: italic; position: relative; } cite::before { content: "- "; display: inline-block; top: -11px; } /*------------------------------------------------- >> 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(--dw_caption_color); font-size: 90%; margin: 0 0 20px; } tr, tbody tr { border-bottom: 1px solid var(--dw_table_border_color); } tr:last-child, tbody tr:last-child { border-bottom: none; } td, th { padding: 16px 20px; vertical-align: middle; } thead tr { border: none; } thead tr:last-child { border-bottom: 3px solid var(--dw_table_head_border_color); } thead th { font-weight: 700; } tfoot tr { border: none; } tfoot tr:first-child { border-top: 3px solid var(--dw_table_foot_border_color); } tfoot td { font-weight: 700; } .wp-block-table tbody td { border: 2px solid var(--dw_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(--dw_wp_table_block_stripe_bg_color); } .wp-block-table.is-style-stripes tfoot tr { border-top: 3px solid var(--dw_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(--dw_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 20px; } label { margin: 0 0 6px; display: inline-block; line-height: 1.2; } fieldset { margin: 10px 0 30px; display: block; } 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 { font-family: "Barlow", arial, sans-serif; font-weight: 500; font-style: normal; font-size: var(--dw_font_size_4); height: 50px; width: 100%; border: 0; border-bottom: 1px solid var(--dw_input_border_color); background-color: var(--dw_input_bgcolor); color: var(--dw_input_color); outline: none; padding: 0; margin: 0; max-width: 100%; box-sizing: border-box; transition: all 0.4s ease-in-out; } 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 { border-color: var(--dw_yellow); } ::input-placeholder { color: var(--dw_placeholder_color); } ::input-placeholder { color: var(--dw_placeholder_color); } ::-moz-placeholder { color: var(--dw_placeholder_color); } ::placeholder { color: var(--dw_placeholder_color); } input[type=text]:disabled { background-color: var(--dw_disabled_input_bgcolor); border: 1px solid var(--dw_disabled_input_border_color); } input[type=hidden], datalist { display: none; } input[type=file] { padding: 9px; } input[type=search] { background-image: url(images/search-icon.png); background-repeat: no-repeat; background-position: center right 10px; background-size: 20px; padding-right: 45px; } /* clears the ‘X’ from Internet Explorer */ input[type=search]::-ms-clear { display: none; width: 0; height: 0; } input[type=search]::-ms-reveal { display: none; width: 0; height: 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] { border: 1px solid var(--dw_color_field_border_color); background-color: var(--dw_color_field_bgcolor); height: 25px; width: 50px; margin: 0 0 20px; padding: 3px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; } ::-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 { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNzczOCAwLjc3Njc5NEwxMC45OTggOS45OTk4MUwyMC4yMjExIDAuNzc2Nzk0IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==); background-repeat: no-repeat; background-position: center right 10px; } .ginput_container_multiselect select { min-height: 77px; } textarea { padding: 10px 0 0 10px; height: 150px; resize: none; overflow: auto; } .gfield, .hs-form-field { box-sizing: border-box; position: relative; margin-bottom: 30px; } .gfield_list_icons { margin-top: 20px; } /* ------------------------------------------------- >> Styles for buttons ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ input[type=image] { margin: 0 10px 0 0; } 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(--dw_button_bgcolor); border: 1px solid var(--dw_button_bgcolor); color: var(--dw_white); outline: none; font-family: "Barlow", arial, sans-serif; font-weight: 700; font-style: normal; font-size: var(--dw_font-size-17); height: 50px; outline: none; cursor: pointer; } button.no-button-style, input[type=button].no-button-style, input[type=reset].no-button-style { padding: 0; height: auto; background-color: transparent; border: 0; } button.no-button-style:hover, input[type=button].no-button-style:hover, input[type=reset].no-button-style:hover { background-color: transparent; } input[type=submit] { background-color: var(--dw_yellow); color: var(--dw_black); padding: 0 56px 0 16px; height: 50px; outline: 0; border: 0; cursor: pointer; font-family: "Barlow", arial, sans-serif; font-weight: 600; font-style: normal; font-size: var(--dw_font_size_17); background-image: url(images/right-arrow-small.png); background-repeat: no-repeat; background-position: center right 39px; background-size: 11px; } input[type=submit]:hover { background-color: var(--dw_yellow); background-position: center right 29px; } button:hover, input[type=button]:hover, button.yourir-active { background-color: rgb(0, 50, 70); color: var(--dw_white); } input[type=reset] { background-color: var(--dw_theme_btn_bgcolor); color: var(--dw_theme_btn_color); } input[type=reset]:hover { color: var(--dw_theme_btn_color); background-color: var(--dw_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) { position: absolute; left: -9999px; } [type=checkbox]:checked + label, [type=checkbox]:not(:checked) + label, [type=checkbox]:checked + span, [type=checkbox]:not(:checked) + span { position: relative; padding-left: 26px; cursor: pointer; line-height: 20px; display: inline-block; color: var(--dw_checkbox_color); box-sizing: border-box; margin: 0 20px 10px 0; } [type=checkbox]:checked + label::before, [type=checkbox]:not(:checked) + label::before, [type=checkbox]:checked + span::before, [type=checkbox]:not(:checked) + span::before { content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid var(--dw_checkbox_border_color); background-color: var(--dw_checkbox_bgcolor); } [type=checkbox]:checked + label::after, [type=checkbox]:not(:checked) + label::after, [type=checkbox]:checked + span::after, [type=checkbox]:not(:checked) + span::after { content: ""; width: 10px; height: 10px; background-color: var(--dw_checkbox_after_bgcolor); position: absolute; top: 4px; left: 4px; transition: all 0.2s ease; } [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) { position: absolute; left: -9999px; } [type=radio]:checked + label, [type=radio]:not(:checked) + label, [type=radio]:checked + span, [type=radio]:not(:checked) + span { position: relative; padding-left: 26px; cursor: pointer; line-height: 20px; display: inline-block; color: var(--dw_radio_color); box-sizing: border-box; margin: 0 20px 10px 0; } [type=radio]:checked + label::before, [type=radio]:not(:checked) + label::before, [type=radio]:checked + span::before, [type=radio]:not(:checked) + span::before { content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid var(--dw_radio_border_color); border-radius: 100%; background-color: var(--dw_radio_bgcolor); } [type=radio]:checked + label::after, [type=radio]:not(:checked) + label::after, [type=radio]:checked + span::after, [type=radio]:not(:checked) + span::after { content: ""; width: 10px; height: 10px; background-color: var(--dw_radio_after_bgcolor); position: absolute; top: 4px; left: 4px; border-radius: 100%; transition: all 0.2s ease; } [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 Meter Tag ------------------------------------------------- */ meter { -webkit-appearance: none; -moz-appearance: none; appearance: none; appearance: none; appearance: none; width: 100%; height: 6px; background-color: var(--dw_meter_bgcolor); border-radius: 0; margin: 0 0 20px; box-shadow: none; } /* WebKit */ meter::-webkit-meter-bar { background: none; background-color: var(--dw_meter_value_bgcolor); border-radius: 0; box-shadow: none; } meter::-webkit-meter-optimum-value { background: var(--dw_meter_value_bgcolor); } meter::-webkit-meter-suboptimum-value { background: var(--dw_meter_value_bgcolor); } meter::-webkit-meter-even-less-good-value { background: var(--dw_meter_value_bgcolor); } /* Firefox */ meter::-moz-meter-bar { background: none; border-radius: 0; box-shadow: none; } meter:-moz-meter-optimum::-moz-meter-bar { background: var(--dw_meter_value_bgcolor); } meter:-moz-meter-sub-optimum::-moz-meter-bar { background: var(--dw_meter_value_bgcolor); } meter:-moz-meter-sub-sub-optimum::-moz-meter-bar { background: var(--dw_meter_value_bgcolor); } /* ------------------------------------------------- >> Default styles for Progress Tag ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ progress { vertical-align: baseline; -webkit-appearance: none; -moz-appearance: none; appearance: none; appearance: none; appearance: none; width: 100%; height: 6px; border: none; background-color: var(--dw_progress_bgcolor); border-radius: 0; margin: 0 0 20px; } progress::-webkit-progress-bar { background-color: var(--dw_progress_bgcolor); border-radius: 0; } progress::-webkit-progress-value { background-color: var(--dw_progress_value_bgcolor); border-radius: 0; } progress::-moz-progress-bar { background-color: var(--dw_progress_value_bgcolor); border-radius: 0; } /* ------------------------------------------------- >> 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(--dw_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(--dw_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(--dw_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(--dw_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; margin-bottom: 0; } /* ------------------------------------------------- >> 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 { width: calc(33.33% - 3px); display: inline-block; } .gfield_time_minute { margin: 0 10px; width: calc(33.33% - 23px); } .below.hour_minute_colon { display: none; } .gfield_post_tags_hint { margin-top: 0; font-size: 0.875rem; } .gfield.half-input-field { width: 48%; margin-right: calc(4% - 5px); display: inline-block; vertical-align: top; } .gfield.half-input-field.last { margin-right: 0; } .gfield_list_group { margin-bottom: 20px; } button.add_list_item, button.delete_list_item { margin: 0 10px 10px 0; padding: 4px 11px; font-size: 90%; height: 37px; position: relative; } button.delete_list_item { background-color: var(--dw_reset_button_bgcolor); color: var(--dw_reset_button_color); border: 2px solid transparent; } button.delete_list_item:hover { background-color: transparent; border: 2px solid var(--dw_reset-button-border-color-hover); } .gform_fileupload_rules { font-size: 90%; color: var(--dw_fileupload_rule_color); margin-bottom: 10px; display: inline-block; position: relative; top: 0; } /* ============================================= = Style For Date Picker for gravity form = ============================================= */ #ui-datepicker-div { border: none; width: 100%; max-width: 480px; background-color: var(--dw_datepicker_bg_color); } .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all { background-color: var(--dw_datepicker_bg_color); padding: 10px 12px; } .ui-datepicker-title select { width: 49%; margin-bottom: 0; margin-right: 2%; height: 46px; padding: 0 35px 0 18px; background-color: var(--dw_datepicker_select_bgcolor); border: 2px solid var(--dw_datepicker_border_color); } .ui-state-default { color: var(--dw_datepicker_link_color); } .ui-state-default.ui-state-active { color: var(--dw_datepicker_link_active_color); } .ui-state-disabled { color: var(--dw_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 { font-size: var(--dw_font-size-15); cursor: pointer; margin-bottom: 10px; display: inline-block; } select.ui-datepicker-year { margin-right: 0; } #ui-datepicker-div table { border-collapse: collapse; border-spacing: 0; margin: 0 0 10px; font-size: var(--dw_font-size-15); } .ui-datepicker_calendar a { font-size: var(--dw_font-size-15); color: var(--dw_datepicker_date_color); } .ginput_container_date { position: relative; } .ginput_container_date img.ui-datepicker-trigger { position: absolute; right: 10px; top: 15px; bottom: 0; } .gfield_radio .gchoice { display: inline-block; } table.ui-datepicker_calendar { max-width: 410px; background-color: var(--dw_datepicker_calendar); } /* ===== End of Date Picker Style for Gravity Form ====== */ .validation_error { background-color: var(--dw_valiation_error_bg_color); font-size: 0.875rem; color: var(--dw_valiation_error_color); padding: 2px 10px 6px; margin-bottom: 20px; text-align: center; } .validation_message { margin-top: 20px; display: inline-block; color: var(--dw_valiation_message_color); font-family: "Barlow", arial, sans-serif; font-weight: 600; font-style: normal; line-height: 1.1; } .gform_validation_error_link { font-size: 0.875rem; } .gfield_error input { border-color: var(--dw_error_field_border_color); } .gform_confirmation_message { color: var(--dw_black); font-size: var(--dw_font_size_24); } .gform_validation_errors { margin: 10px 0 30px; } .gform_validation_errors h2 { color: var(--dw_valiation_error_color); margin-bottom: 0; font-size: var(--dw_font_size_20); line-height: 1.1; } .gform_validation_errors ol { margin-top: 20px; } .gfield_required_text { color: var(--dw_required_text_color); position: relative; margin-left: 5px; font-size: 0.875rem; } /** * * Style for hidden field in gravity form * */ .gfield_visibility_hidden { display: none !important; } /** * * Spinner * */ .gform_ajax_spinner, .gform-loader { margin-left: 20px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; border: 3px solid rgba(115, 115, 115, 0.3); border-radius: 50%; border-top-color: #fff; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; line-height: 0; margin-top: -5px; } @keyframes spin { to { -webkit-transform: rotate(360deg); } } .hidden_label label { display: none; } /* ------------------------------------------------- >> Default styles for Hubspot Forms ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .hs-form { text-align: left; } .hs-form fieldset { margin: 0; } .hs-form ul { margin: 0; padding: 0; list-style-type: none; } .hs-form ul li { margin: 0; padding-left: 0; } .hs-form ul li label { margin: 0; } .hs-form ul li::before { display: none; } .hs-form ul.hs-error-msgs li { padding-left: 0; color: var(--dw_hubspot_error_label_color); font-size: var(--dw_font-size-15); margin: -18px 0 15px; } .hs-form .error { text-align: left; } .hs-form .hs-fieldtype-checkbox ul.hs-error-msgs li, .hs-form .hs-fieldtype-booleancheckbox ul.hs-error-msgs li, .hs-form .hs-fieldtype-radio ul.hs-error-msgs li { margin: -6px 0 8px; } .hs-form .hs_error_rollup ul li { background-color: var(--dw_valiation_error_bg_color); margin: 10px 0 30px; padding: 7px 14px; font-weight: 700; font-size: 105%; } .hs-form .hs-form-required { color: var(--dw_hubspot_required_color); } .hs-form-field { position: relative; } .form-columns-2 .hs-form-field { display: inline-block; width: 49%; margin-right: calc(2% - 5px); } .form-columns-2 .hs-form-field:nth-child(2n+2) { margin-right: 0; } /* ------------------------------------------------- >> Default styles for Contact Form Forms ------------------------------------------------- */ .wpcf7-list-item { margin: 0 10px 0 0 !important; } .wpcf7-section label { display: block; } .wpcf7-form-control-wrap { display: block; margin-top: 10px; } .wpcf7-not-valid-tip { color: var(--dw_valiation_error_color) !important; position: relative; top: -15px; } .wpcf7-response-output { margin: 0 !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-family: "Barlow", arial, sans-serif; font-weight: 400; font-style: normal; font-size: var(--dw_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(--dw_acc_btn_color); background-color: var(--dw_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; 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,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMC44NjE2IDYuOTk2MDRMMTUuMDk4NyAxLjI1MTgxQzE0LjYwODggMC43NjM0OTcgMTMuODI5OCAxLjI2NjQ2IDEzLjU5NjMgMS42OTc4MUMxMy41NTcxIDEuNzcxMDYgMTMuNjI3MyAxLjgzNzc5IDEzLjU2MzcgMi4zMzQyNUMxMy40OTQyIDIuOTY0NjcgMTMuMzQ1IDMuNTgzNzggMTMuMTE5NSA0LjE3NjgzTDEwLjU1NTcgNi43MzIzNUM5LjUzMzM5IDcuNzUyOTMgOC4wNzAyMSA3LjI5ODggNi44MjA5NiA2LjY4MDI2QzYuNTU4MDUgNi41NTAwNSA2LjIyMDAxIDYuMjYxOTQgNS45Mjc3IDYuNTUzM0w0Ljg0MTc1IDcuNjM1NzRDNC43NjU0NyA3LjcxMjAxIDQuNzIyNjMgNy44MTUzMyA0LjcyMjYzIDcuOTIzMDNDNC43MjI2MyA4LjAzMDczIDQuNzY1NDcgOC4xMzQwNSA0Ljg0MTc1IDguMjEwMzJMMTMuOTUyMyAxNy4yODk4QzE0LjAyODggMTcuMzY1OCAxNC4xMzI1IDE3LjQwODUgMTQuMjQwNSAxNy40MDg1QzE0LjM0ODYgMTcuNDA4NSAxNC40NTIyIDE3LjM2NTggMTQuNTI4OCAxNy4yODk4TDE1LjYxMzEgMTYuMjA3M0MxNS45MDIxIDE1LjkxOTIgMTUuNTMzMSAxNS41NDY1IDE1LjM4MjggMTUuMjMwN0MxNC44Mjc2IDE0LjA5MTMgMTQuMzI5NSAxMi41NTggMTUuMjU1NSAxMS42MzVMMTcuOTMyIDguOTgwMjRDMTguNTM5MSA4Ljc5NTU0IDE5LjE1ODQgOC42NTMwNSAxOS43ODU0IDguNTUzNzdDMjAuMjkgOC40NzQwMSAyMC4zNTIxIDguNTM3NSAyMC40MjM5IDguNDkwMjlDMjAuODY0OCA4LjIwNTQ0IDIxLjM1NDcgNy40ODc2MSAyMC44NjE2IDYuOTk2MDRaTTkuODAxMiAxNC40MTUyTDcuNzI1NjUgMTIuMzQ4TDEuMDY3ODcgMjAuNzQwNUwxLjM4MTQxIDIxLjA1MTRMOS44MDEyIDE0LjQxNTJaIiBmaWxsPSJibGFjayIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIwLjU3IiBzdHJva2UtbWl0ZXJsaW1pdD0iMjIuOTMiLz4KPC9zdmc+Cg==); 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, .prices-pagination { text-align: center; margin: 20px 0 0; font-family: "Barlow", arial, sans-serif; font-weight: 600; font-style: normal; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; font-size: var(--dw_font_size_16); } .page-section .pagination a, .page-section .pagination a:visited, .page-section .pagination span.current, .page-section .pagination > a[data-yourir], .pagination a, .pagination a:visited, .pagination span.current, .pagination > a[data-yourir], .prices-pagination a, .prices-pagination a:visited, .prices-pagination span.current, .prices-pagination > a[data-yourir] { background-color: rgba(217, 217, 216, 0.5); color: var(--dw_black); display: inline-block; line-height: 1; font-family: "Barlow", arial, sans-serif; font-weight: 600; font-style: normal; transition: all 0.4s ease-in-out; box-sizing: border-box; width: 40px; height: 40px; border: 1px solid var(--dw_gray); display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: var(--dw_font_size_16); } .page-section .pagination a:hover, .page-section .pagination a:visited:hover, .page-section .pagination span.current:hover, .page-section .pagination > a[data-yourir]:hover, .pagination a:hover, .pagination a:visited:hover, .pagination span.current:hover, .pagination > a[data-yourir]:hover, .prices-pagination a:hover, .prices-pagination a:visited:hover, .prices-pagination span.current:hover, .prices-pagination > a[data-yourir]:hover { background-color: var(--dw_slat); color: var(--dw_white); } .page-section .pagination span.current, .pagination span.current, .prices-pagination span.current { background-color: var(--dw_slat); color: var(--dw_white); } .prices-pagination { margin-top: 0; } .prices-pagination-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .prices-pagination-right { display: flex; align-items: center; gap: 16px; } /*------------------------------------------------- >> Styles for WordPress comments -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ #commentform label { display: block; } #commentform p.comment-form-author, #commentform p.comment-form-url, #commentform p.comment-form-email { width: calc(33.3% - 10px); display: inline-block; margin-right: 10px; margin-bottom: 0; } #commentform p.comment-form-comment { margin-bottom: 0; } #commentform p.comment-form-comment textarea { margin-bottom: 10px; } #commentform p.comment-form-url, #commentform .url-comments, #commentform li.middle { margin-right: 0 !important; } #commentform .form-submit { margin-bottom: 0; } .comment-meta, .comment-author { margin-bottom: 15px; } .comments-closed { margin: 30px 0; } .comment-meta { margin-bottom: 30px; color: var(--dw_comment_meta_color); } .comment-author.vcard { margin-bottom: 2px; } .comment-author.vcard a { border-bottom: none; } .comment-author.vcard span { font-family: "Barlow", arial, sans-serif; font-weight: 400; font-style: normal; } .comment-metadata { font-size: 90%; } .comment-metadata a { color: var(--dw_comment_metadata_color); border-bottom: transparent; } .comment-content p { margin-bottom: 20px; } .comment-body { margin-bottom: 30px; } ol.comment-list { margin-bottom: 60px; } ol.comment-list li.comment { margin-bottom: 30px; padding: 30px 0 0; border-top: 1px solid var(--dw_comments_list_border_color); } ol.comment-list li.comment::before { display: none !important; } ol.comment-list li.comment.pingback { margin: 0 0 30px; } ol.comment-list li.comment div.vcard cite.fn { font-style: normal; } ol.comment-list li.comment div.vcard img.avatar { float: left; margin: 0 10px 0 0; width: 64px; } ol.comment-list li.comment div.commentmetadata { padding: 8px 0 14px; } ol.comment-list li.comment ul.children, ol.comment-list li.comment ol.children { list-style: none; margin: 50px 0 0; } ol.comment-list li.comment ul.children li, ol.comment-list li.comment ol.children li { padding: 30px 0 0; } ol.comment-list li.comment ul.children li.depth-2, ol.comment-list li.comment ul.children li.depth-3, ol.comment-list li.comment ul.children li.depth-4, ol.comment-list li.comment ul.children li.depth-5, ol.comment-list li.comment ol.children li.depth-2, ol.comment-list li.comment ol.children li.depth-3, ol.comment-list li.comment ol.children li.depth-4, ol.comment-list li.comment ol.children li.depth-5 { margin: 0 0 30px 60px; } a.comment-reply-link { background-color: var(--dw_comments_reply_btn_bgcolor); color: var(--dw_comments_reply_btn_color); padding: 6px 11px 5px; font-size: 90%; height: 37px; box-sizing: border-box; display: inline-block; border: 2px solid transparent; } a.comment-reply-link:hover { background-color: var(--dw_comments_reply_btn_bgcolor_hover); color: var(--dw_comments_reply_btn_color_hover); } /*------------------------------------------------- >> 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; } .wp-block-cover, .wp-block-cover-image { padding: 0 5%; } /* ------------------------------------------------- >> 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(--dw_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(--dw_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(--dw_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 -------------------------------------------------*/ /*------------------------------------------------- >> Styles for header -------------------------------------------------*/ .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: 10px 0; background-color: var(--dw_topbar_bgcolor); color: var(--dw_topbar_color); transition: all 0.4s ease-in-out; } .top-bar-text { font-size: var(--dw_font-size-15); padding: 0 20px; } .top-bar-text a, .top-bar-text a:visited { font-size: var(--dw_font-size-15); color: var(--dw_topbar_color); display: inline-block; } .top-bar-cross { position: absolute; top: 12px; right: 20px; line-height: 0.65; cursor: pointer; } .top-bar-cross img { width: 16px; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(220deg) brightness(102%) contrast(103%); } .hide-topbar header { top: -44px; } .nav-container { display: flex; align-items: center; } .header-logo a { display: inline-block; } .site-dark-logo, .horizontal-dark-logo { display: none; } .no-overflow { overflow: hidden; } .logo { position: relative; z-index: 9; line-height: 0; transition: all 0.2s ease-in-out; } .logo img { max-height: 100px; } .header-inner { padding: 25px 50px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; height: 100%; transition: all 0.3s ease-in-out; } .horizontal-logos { width: 200px; opacity: 0; visibility: hidden; } .verticle-logos { position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0.3s; } header { width: 100%; height: 140px; z-index: 9; position: fixed; top: 0; background-color: var(--dw_slat); transition: all 0.3s ease-in-out; } header.shrink { background-color: var(--dw_slat); box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05); height: 100px; } header.shrink .horizontal-logos { transition: all 0.3s ease-in-out 0.2s; } header.shrink .header-inner { padding: 0px 30px 30px; } header.shrink .horizontal-logos { max-width: 190px; opacity: 1; visibility: visible; } header.shrink .verticle-logos { display: none; opacity: 0; visibility: hidden; } header.header-section-light { background-color: transparent; } header.header-section-light.shrink { background-color: var(--dw_slat); } @media (hover: hover) { header.header-section-light:hover { background-color: var(--dw_slat); } } .header-btns { margin-top: 0; z-index: 1; display: flex; align-items: center; } body.logged-in.admin-bar header { top: 32px; } body.logged-in.admin-bar.hide-topbar header { top: -12px; } .desktop-hide { display: none; } .header-search { position: relative; max-width: 177px; margin-left: 44px; } .header-search form { display: flex; margin-bottom: 0; } .header-search form ::-moz-placeholder { color: var(--dw_white); } .header-search form ::placeholder { color: var(--dw_white); } .header-search form input[type=search] { height: 36px; border: 1px solid var(--dw_white); color: var(--dw_white); font-size: var(--dw_font_size_16); padding-left: 12px; font-family: "Barlow", arial, sans-serif; font-weight: 700; font-style: normal; } .header-search form input[type=submit] { position: absolute; top: 0; width: 0; height: 0; padding: 0; font-size: 0; clip-path: inset(100%); } /*------------------------------------------------- >> Styles for desktop menu -------------------------------------------------*/ @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; } .header-nav ul ul { opacity: 0; visibility: hidden; overflow: hidden; transition: all 0.3s ease-in-out; } } .header-nav { line-height: 1; display: flex; flex-wrap: wrap; align-items: center; } .header-nav ul { margin: 0; padding: 0; position: relative; } .header-nav ul li { margin: 0 0 0 28px; padding: 0; display: inline-block; position: relative; line-height: 1; font-family: "Barlow", arial, sans-serif; font-weight: 400; font-style: normal; } .header-nav ul li a, .header-nav ul li a:visited { padding: 0; display: inline-block; line-height: 1; border: 0; position: relative; color: var(--dw_white); font-size: var(--dw_font_size_17); font-family: "Barlow", arial, sans-serif; font-weight: 700; font-style: normal; } .header-nav ul li a::after, .header-nav ul li a:visited::after { content: ""; position: absolute; top: 100%; left: 0; height: 40px; width: 100%; } .header-nav ul li a:hover, .header-nav ul li a:visited:hover { color: var(--dw_yellow); } .header-nav ul li.menu-item-has-children > a { padding-right: 20px; background-position: top 6px right; background-repeat: no-repeat; background-size: 12px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAyMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNzczOCAxLjc3Njc5TDEwLjk5OCAxMC45OTk4TDIwLjIyMTEgMS43NzY3OSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIuNSIvPgo8L3N2Zz4K); } .header-nav ul li.current-menu-item > a, .header-nav ul li.current-menu-parent > a { color: var(--dw_white); border-bottom: 2px solid var(--dw_white); } .header-nav ul li.current-menu-item > a:hover, .header-nav ul li.current-menu-parent > a:hover { color: var(--dw_white); } .header-nav ul ul { left: -15px; width: 230px; background-color: var(--dw_white); padding: 20px 0; border-radius: 0; box-shadow: 0px 30px 60px rgba(18, 27, 32, 0.15); position: absolute; top: calc(100% + 39px); z-index: 9; overflow: hidden; text-align: left; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; text-align: left; } .header-nav ul ul li { display: block; margin: 0 0 14px; padding: 0 15px; } .header-nav ul ul li:last-child { margin: 0; } .header-nav ul ul li a, .header-nav ul ul li a:visited { font-size: var(--dw_font_size_15); display: inline-block; padding-bottom: 2px; line-height: 1; box-sizing: border-box; position: relative; color: var(--dw_header_submenu_color); transition: all 0.3s ease-in-out; font-family: "Barlow", arial, sans-serif; font-weight: 500; font-style: normal; } .header-nav ul ul li a::after, .header-nav ul ul li a:visited::after { bottom: -4px; } .header-nav ul ul li a:hover { color: var(--dw_slat); } .header-nav ul ul li.current-menu-item > a, .header-nav ul ul li.current-menu-parent > a, .header-nav ul ul li a:hover { border: 0; color: var(--dw_slat); } .header-nav ul ul ul { top: -10px; left: 230px; } .header-nav ul ul ul::before { display: none; content: ""; width: 1px; height: 1px; position: absolute; top: 12px; left: -5px; margin: auto; } /*------------------------------------------------- >> Styles for mobile menu -------------------------------------------------*/ @media (max-width: 1003px) { .horizontal-logos { width: 130px; } .verticle-logos { bottom: -18px; } header { height: 100px; } header.shrink { height: 80px; } header.shrink .nav-overlay { top: 80px; height: calc(100vh - 80px); } header.shrink .header-inner { padding: 20px 5%; } .header-search-close { position: absolute; top: 0; bottom: 0; right: 5%; left: auto; margin: auto; height: -moz-max-content; height: max-content; } .header-search-form { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: white; z-index: 12; opacity: 0; visibility: hidden; } .header-search-form .header-search { position: relative; max-width: 100%; margin-left: 0; height: 100%; } .header-search-form .header-search form { height: 100%; } .header-search-form .header-search form ::-moz-placeholder { color: var(--dw_black); opacity: 0.5; } .header-search-form .header-search form ::placeholder { color: var(--dw_black); opacity: 0.5; } .header-search-form .header-search form input[type=search] { color: var(--dw_black); height: 100%; font-size: var(--dw_font_size_20); font-family: "Barlow", arial, sans-serif; font-weight: 500; font-style: normal; padding-left: 5%; } .header-search-form.show { opacity: 1; visibility: visible; } .header-search-main { position: absolute; right: calc(5% + 42px); top: 0; bottom: 0; margin: auto; } .header-search-main button.no-button-style { height: 100%; } .header-inner { padding: 12px 5%; align-items: center; } .logo { max-width: 130px; } .logo img { max-height: 70px; } .nav-overlay .header-nav ul { margin: 0; padding: 0; background: transparent; width: 100%; } .nav-overlay .header-nav ul li { padding: 0; margin: 0 0 20px; position: relative; display: block; opacity: 1; line-height: 1; } .nav-overlay .header-nav ul li a, .nav-overlay .header-nav ul li a:visited { color: var(--dw_header_mobile_color); line-height: 1; display: inline-block; border-bottom: none; position: relative; font-size: var(--dw_font_size_20); } .nav-overlay .header-nav ul li a::after, .nav-overlay .header-nav ul li a:visited::after { display: none; } .nav-overlay .header-nav ul li.current-menu-item > a, .nav-overlay .header-nav ul li.current-menu-parent > a, .nav-overlay .header-nav ul li a:hover { border-bottom: none; } .nav-overlay .header-nav ul ul { transition: none; display: none; position: relative; top: initial; left: initial; opacity: initial; visibility: initial; overflow: visible; box-shadow: none; margin-top: 20px; } .nav-overlay .header-nav ul ul li { margin: 0 0 15px; } .nav-overlay .header-nav ul ul li:last-child { margin-bottom: 0; } .nav-overlay .header-nav ul ul li a, .nav-overlay .header-nav ul ul li a:visited { padding: initial; text-transform: inherit; font-size: var(--dw_font_size_16); font-family: "Barlow", arial, sans-serif; font-weight: 500; font-style: normal; } .nav-overlay .header-nav ul ul li.current-menu-item > a, .nav-overlay .header-nav ul ul li.current-menu-parent > a { color: var(--dw_header_mobile_submenu_color); } .nav-overlay .header-nav ul ul ul { padding: 20px 0 10px 20px; } .right-header.header-navigation { display: flex; align-items: center; } .header-nav ul li.menu-item-has-children > a { background-image: none; padding-right: 0; } .nav-overlay { position: fixed; background-color: var(--dw_nav_overlay_bgcolor); top: 100px; left: 0; width: 100%; height: 100%; height: calc(100vh - 100px); opacity: 0; visibility: hidden; overflow: visible; box-sizing: border-box; z-index: 8; transition: all 0.3s ease-in-out; display: flex; flex-wrap: wrap; } .nav-overlay .nav-container { display: block; } .nav-overlay.open { opacity: 1; visibility: visible; overflow-y: scroll; } .nav-overlay.open .header-btns { margin-top: 30px; top: 0; opacity: 1; } header .nav-container { opacity: 0; transition: all 0.4s ease-in-out; transition-delay: 0.25s; padding: 40px 0 70px; box-sizing: border-box; width: 90%; margin: 0 auto; } header .nav-container .header-nav { text-align: left; } header .nav-overlay.open .nav-container { opacity: 1; } header.shrink .nav-overlay.open .nav-container { opacity: 1; } .nav-content { height: 100%; max-height: 100%; overflow-y: scroll; overflow-x: hidden; box-sizing: border-box; } .nav-content::-webkit-scrollbar-track { box-shadow: none; background-color: transparent; } .nav-content::-webkit-scrollbar { width: 3px; background-color: transparent; position: relative; left: 5px; box-shadow: none; } .nav-content::-webkit-scrollbar-thumb { box-shadow: none; border-radius: 2px; } .desktop-hide { display: block !important; } .header-btns { display: none; margin-top: 70px; position: relative; top: 100px; opacity: 0; transition: all 0.5s ease-in-out; } .menu-btn { top: 0; right: 0; height: 18px; width: 22px; cursor: pointer; z-index: 9; 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(--dw_white); opacity: 1; transition: all 0.3s ease-in-out; } .menu-btn.active span:first-child { transform: translateY(8px) translateX(0) rotate(-45deg); } .menu-btn.active span:last-child { transform: translateY(-8px) translateX(0) rotate(45deg); } .menu-btn.active span.middle { opacity: 0; } li.menu-item-has-children .submenu-icon { z-index: 9999; right: 0; top: 0; display: block; height: 22px; width: 22px; cursor: pointer; background-position: center; background-size: 14px; background-repeat: no-repeat; background-image: url(images/submenu-icon.png); display: inline-block; vertical-align: middle; margin-left: 8px; } li.menu-item-has-children.active > .submenu-icon::before { height: 0; top: 18px; } } .no-overflow button.scroll-to-top.show { opacity: 0; visibility: hidden; } .no-overflow .header-section { background-color: var(--dw_white) !important; } .no-overflow .header-section .menu-btn span { background-color: var(--dw_black); } .no-overflow .header-section .horizontal-white-logo, .no-overflow .header-section .site-white-logo { display: none; } .no-overflow .header-section .site-dark-logo, .no-overflow .header-section .horizontal-dark-logo { display: block; } .no-overflow .logged-in.admin-bar .nav-overlay { top: 32px; height: calc(100vh - 32px); } @media only screen and (min-width: 783px) and (max-width: 1003px) { body.shrink.logged-in.admin-bar .nav-overlay { top: 112px; height: calc(100vh - 112px); } body.logged-in.admin-bar:not(:has(.header-section.shrink)) .nav-overlay { top: 132px; height: calc(100vh - 132px); } } @media (max-width: 782px) { body.shrink.logged-in.admin-bar .nav-overlay { top: 126px; height: calc(100vh - 126px); } body.logged-in.admin-bar:not(:has(.header-section.shrink)) .nav-overlay { top: 146px; height: calc(100vh - 146px); } #wpadminbar { position: fixed !important; } body.logged-in.admin-bar header { top: 46px; } body.logged-in.admin-bar.hide-topbar header { top: 2px; } } @media (max-width: 604px) { .hide-topbar header { top: -68px; } body.logged-in.admin-bar.hide-topbar header { top: -22px; } } @media (max-width: 315px) { .hide-topbar header { top: -92px; } body.logged-in.admin-bar.hide-topbar header { top: -46px; } } /*------------------------------------------------- >> Styles for Masthead -------------------------------------------------*/ /*------------------------------------------------- >> Styles for Default -------------------------------------------------*/ .hero-section { position: relative; box-sizing: border-box; color: var(--dw_white); } .hero-section .wp-block-heading { color: inherit; } .hero-section .wp-block-buttons a.wp-element-button { color: inherit; } .hero-section .wp-block-buttons a.wp-element-button:hover { color: inherit; } .hero-default { position: relative; } .hero-default-wrapper { width: 90%; max-width: 1440px; margin: auto; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; height: -moz-max-content; height: max-content; } .page-banner .wp-block-image { height: 100dvh; position: relative; margin-bottom: 0; } .page-banner .wp-block-image::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); } .page-banner .wp-block-image img { width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; pointer-events: none; } .page-banner:has(.wp-block-image) .wp-block-buttons { margin-top: 30px; } .page-section:has(.hero-section-full-image) .hero-section-image { position: absolute; inset: 0; box-sizing: border-box; margin: auto; } .page-section:not(:has(.hero-section-full-image)) .hero-section-image { position: relative; height: 100vh; max-height: 430px; -o-object-position: center 100px; object-position: center 100px; } .page-section .hero-default-content { padding: 100px 0 80px; position: relative; z-index: 2; color: var(--dw_white); width: min(700px, 90%); } .page-section .hero-default-content h1 { margin-bottom: 32px; } .page-section .hero-default-content p mark { padding: 0; } .page-section .hero-default-content .wp-block-buttons { margin-top: 30px; } .hero-default-content:has(.breadcrumbs) { padding: 50px 50px 80px; box-sizing: border-box; position: relative; z-index: 2; color: black; width: 100%; background-color: var(--dw_white); border-radius: 0 0 30px 0; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); display: flex; flex-wrap: wrap; justify-content: space-between; } .hero-default-content:has(.breadcrumbs) .wp-block-heading { color: var(--dw_slat); } .hero-default-content:has(.breadcrumbs) .hero-default-content-inner { width: 100%; } .hero-default-content:has(.breadcrumbs) .wp-block-buttons { margin-top: 0; width: 25%; text-align: right; position: absolute; top: 50px; right: 50px; } .hero-content-inner { max-width: 575px; margin-right: 15px; float: right; } .hero-ctn { padding: 70px 0 60px; } .h-image-cover { line-height: 0.65; } .h-image-cover figure, .h-image-cover img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } a.no-link-style, a.no-link-style:visited { border: 0; padding: 0; outline: 0; display: block; color: inherit; } .banner-image .banner-image img { width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; } .simple-page-banner .wp-block-image { max-height: 490px; height: 100vh !important; position: relative; margin-bottom: 0 !important; } .simple-page-banner .wp-block-image img { width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; } .simple-page-banner .wp-block-image::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); } .simple-page-banner .wp-block-image > div { width: 100% !important; height: 100% !important; } .page-banner { position: relative; } .google-data-row { display: flex; flex-wrap: wrap; row-gap: 30px; -moz-column-gap: 1.2%; column-gap: 1.2%; } .google-data-column { flex-basis: 18%; min-width: 190px; } .google-data-column-1 { flex-basis: 36%; } .google-data-column-seprator { flex-basis: 5%; } .stock-data-heading { color: var(--dw_black); margin-top: var(--dw_space_7) !important; } /*------------------------------------------------- >> Styles for Home -------------------------------------------------*/ /*------------------------------------------------- >> Styles for footer -------------------------------------------------*/ .footer-ctn { background-color: var(--dw_slat); padding: 114px 0 0; box-sizing: border-box; } .footer-ctn h1, .footer-ctn h2, .footer-ctn h3, .footer-ctn h4, .footer-ctn h5, .footer-ctn h6, .footer-ctn p, .footer-ctn ul, .footer-ctn a { color: var(--dw_footer_color); } .footer-ctn a:hover, .footer-ctn a:visited:hover { color: var(--dw_yellow); } .footer-ctn:has(.current-menu-item) > a { color: var(--); } .footer-logo { line-height: 0.65; max-width: 210px; } .footer-logo img { max-height: 172px; } .footer-logo a, .footer-logo a:visited { border: none; display: inline-block; } .footer-widgets { display: flex; flex-wrap: wrap; align-items: center; } .footer-widgets .single-widget { width: 50.6%; padding-right: 30px; box-sizing: border-box; font-family: "Barlow", arial, sans-serif; font-weight: 600; font-style: normal; } .footer-widgets .single-widget h3 { font-size: var(--dw_font_size_26); } .footer-widgets .single-widget p { margin-bottom: 20px; font-size: var(--dw_font_size_17); } .footer-widgets .single-widget p:last-child { margin-bottom: 0; } .footer-widgets .single-widget:nth-child(1) { align-self: flex-end; } .footer-widgets .single-widget:nth-child(n+2) { width: 24%; } .footer-nav ul { padding: 0; margin: 0; } .footer-nav ul li { padding: 0; margin: 0 0 12px; list-style-type: none; line-height: 1; } .footer-nav ul li a, .footer-nav ul li a:visited { padding-bottom: 0; font-size: var(--dw_font_size_17); line-height: 1; position: relative; display: inline-block; color: var(--dw_f_nav_color); font-family: "Barlow", arial, sans-serif; font-weight: 600; font-style: normal; } .footer-nav ul li:last-of-type { margin-bottom: 0; } .footer-nav ul li.current-menu-item > a, .footer-nav ul li.current-menu-parent > a, .footer-nav ul li a:hover, .footer-nav ul li a:focus-visible { border: 0; color: var(--dw_yellow); } .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; } hr.line { height: 1px; background-color: var(--dw_yellow); margin: 0; } .footer-bottom { padding: 60px 0 60px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .copy-right { color: var(--dw_copyright_color); font-size: var(--dw_font_size_17); font-family: "Barlow", arial, sans-serif; font-weight: 700; font-style: normal; } .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; font-family: "Barlow", arial, sans-serif; font-weight: 400; font-style: normal; } .legal-nav ul li a, .legal-nav ul li a:visited { line-height: 1; padding-bottom: 2px; color: var(--dw_legal_nav_color); position: relative; display: block; font-family: "Barlow", arial, sans-serif; font-weight: 600; font-style: normal; font-size: var(--dw_font_size_17); } .legal-nav ul li:first-child { margin-right: 0; } .legal-nav ul li.current-menu-item > a, .legal-nav ul li.current-menu-parent > a, .legal-nav ul li a:hover, .legal-nav ul li a:focus-visible { border: 0; color: var(--dw_yellow); } .legal-text { font-size: var(--dw_font_size_15); color: var(--dw_legal_text_color); font-family: "Barlow", arial, sans-serif; font-weight: 600; font-style: normal; margin-right: 30px; } .social-icons a { background-color: var(--dw_white); width: 30px; height: 30px; margin-right: 20px; } .social-icons a:hover { background-color: var(--dw_white_2); } .social-icons svg { margin: 0; max-width: 20px; } button.scroll-to-top { width: 60px; height: 60px; position: fixed; bottom: 30px; right: 30px; transition: background-color 0.3s, opacity 0.5s, visibility 0.5s; opacity: 0; visibility: hidden; z-index: 1000; } button.scroll-to-top.show { opacity: 1; visibility: visible; } /*------------------------------------------------- >> Styles for Containers -------------------------------------------------*/ /**** * * containers * ****/ .wrapper { max-width: 1340px; width: 90%; margin: 0 auto; } .ctn-980 .wrapper { max-width: 980px; } .ctn-760 .wrapper { max-width: 760px; } .ctn-1440 .wrapper { max-width: 1440px; } .ctn-full-width > .wrapper { max-width: 100%; width: 100%; } .gray-ctn { background-color: var(--dw_gray); border-radius: 0 0 60px 0; width: calc(100% - 80px); margin: auto; } .gray-ctn.no-radius { border-radius: 0; } .overflow-hidden { overflow: hidden; } .ctn-space-arround { width: calc(100% - 80px); margin: auto; } .ctn-space-arround > .wrapper { max-width: 100%; width: 100%; } .ctn-overlap .icon-grid-items { margin-top: -80px; position: relative; z-index: 1; } .ctn-overlap .cta-form-ctn { margin-top: -156px; } .ctn-overlap .overlap-post-teaser { position: relative; top: -280px; margin-bottom: -280px; } .ctn-overlap .performance-graph-block { margin-top: -280px; position: relative; z-index: 1; } .ctn-overlap .hero-default-content:has(.breadcrumbs) { margin-top: -100px; } .ctn-overlap.timeline-block-overlap { margin-top: -320px; } .gray-ctn .inner-wrapper { width: 90%; margin: auto !important; } /*------------------------------------------------- >> Styles for Spacers -------------------------------------------------*/ .is-style-gl-s2, .gl-s2 { height: var(--dw_space_1) !important; } .is-style-gl-s4, .gl-s4 { height: var(--dw_space_2) !important; } .is-style-gl-s8, .gl-s8 { height: var(--dw_space_3) !important; } .is-style-gl-s12, .gl-s12 { height: var(--dw_space_4) !important; } .is-style-gl-s16, .gl-s16 { height: var(--dw_space_5) !important; } .is-style-gl-s20, .gl-s20 { height: var(--dw_space_6) !important; } .is-style-gl-s36, .gl-s36 { height: var(--dw_space_7) !important; } .is-style-gl-s44, .gl-s44 { height: var(--dw_space_8) !important; } .is-style-gl-s48, .gl-s48 { height: var(--dw_space_9) !important; } .is-style-gl-s60, .gl-s60 { height: var(--dw_space_10) !important; } .is-style-gl-s72, .gl-s72 { height: var(--dw_space_11) !important; } .is-style-gl-s96, .gl-s96 { height: var(--dw_space_12) !important; } .is-style-gl-s120, .gl-s120 { height: var(--dw_space_13) !important; } .is-style-gl-s160, .gl-s160 { height: var(--dw_space_14) !important; } .is-style-gl-s200, .gl-s200 { height: var(--dw_space_15) !important; } .is-style-gl-s240, .gl-s240 { height: var(--dw_space_16) !important; } .is-style-gl-s270, .gl-s270 { height: var(--dw_space_17) !important; } /*------------------------------------------------- >> Styles for Theme Spacers -------------------------------------------------*/ .ts-160 { height: 160px; } .ts-140 { height: 140px; } .ts-120 { height: 120px; } .ts-100 { height: 100px; } .ts-80 { height: 80px; } .ts-60 { height: 60px; } .ts-40 { height: 40px; } /*------------------------------------------------- >> Basic styles for theme -------------------------------------------------*/ /**** * * helper classes * ****/ .large-text { 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); } .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 { display: flex; align-items: center; 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-size: cover; background-repeat: no-repeat; background-position: center; } /**** * * breadcrumbs * ****/ #breadcrumbs, .breadcrumbs { color: var(--dw_black); margin-bottom: 23px; line-height: 1; display: flex; flex-wrap: wrap; font-family: "Barlow", arial, sans-serif; font-weight: 600; font-style: normal; } #breadcrumbs li, .breadcrumbs li { padding: 0 !important; } #breadcrumbs a, #breadcrumbs a:visited, .breadcrumbs a, .breadcrumbs a:visited { color: var(--dw_black); margin: 0; border: 0; padding: 0; } #breadcrumbs a::after, #breadcrumbs a:visited::after, .breadcrumbs a::after, .breadcrumbs a:visited::after { content: ""; display: inline-block; width: 30px; height: 10px; background-image: url(images/right-arrow-small.png); background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 0.5; font-family: "Barlow", arial, sans-serif; font-weight: 600; font-style: normal; } #breadcrumbs a:hover, #breadcrumbs a:visited:hover, .breadcrumbs a:hover, .breadcrumbs a:visited:hover { color: var(--dw_slat); } .single-post #breadcrumbs span span span span span span { color: var(--dw_breadcrumb_span_color); } .single-post #breadcrumbs span span span span span span a { color: var(--dw_breadcrumb_link_color); } /**** * * buttons * ****/ a.button, a.button:visited, span.button, .is-style-mycustomstyle .wp-element-button, .wp-element-button { box-sizing: border-box; position: relative; display: inline-block; overflow: hidden; padding: 0 24px 5px 0; text-decoration: none; color: var(--dw_theme_btn_color); border-bottom: 2px solid var(--dw_yellow_2); transition: all 0.35s ease-in-out; line-height: 1; font-family: "Barlow", arial, sans-serif; font-weight: 700; font-style: normal; font-size: var(--dw_font_size_20); background-image: url(images/right-arrow.png); background-repeat: no-repeat; background-size: 14px; background-position: center right; background-color: transparent; border-radius: 0; } a.button:hover, a.button:visited:hover, span.button:hover, .is-style-mycustomstyle .wp-element-button:hover, .wp-element-button:hover { color: var(--dw_theme_btn_color); padding-right: 20px; } .wp-block-buttons { line-height: 1; } a.wp-block-button__link, a.wp-block-button__link:visited { box-sizing: border-box; position: relative; display: inline-block; overflow: hidden; padding: 0 24px 5px 0; text-decoration: none; color: var(--dw_theme_btn_color); border-bottom: 2px solid var(--dw_yellow_2); transition: all 0.35s ease-in-out; font-family: "Barlow", arial, sans-serif; font-weight: 700; font-style: normal; line-height: 1; font-size: var(--dw_font_size_20); background-image: url(images/right-arrow.png); background-repeat: no-repeat; background-size: 14px; background-position: right top calc(50% - 2px); background-color: transparent; border-radius: 0; } a.wp-block-button__link:hover, a.wp-block-button__link:visited:hover { color: var(--dw_theme_btn_color); padding-right: 20px; } a.wp-block-button__link.has-background, a.wp-block-button__link:visited.has-background { border: none; } a.wp-block-button__link.has-background:hover, a.wp-block-button__link:visited.has-background:hover { border: none; color: unset; } a.wp-block-button__link.has-text-color.has-background, a.wp-block-button__link:visited.has-text-color.has-background { border: none; } a.wp-block-button__link.has-text-color.has-background:hover, a.wp-block-button__link:visited.has-text-color.has-background:hover { border: none; } .wp-block-button.is-style-fill-boxed .wp-block-button__link, .wp-block-button.is-style-fill-boxed a.wp-block-button__link, .wp-block-button.is-style-fill-boxed a.wp-block-button__link:visited { background-color: var(--dw_yellow); padding: 18px 50px 18px 20px; font-family: "Barlow", arial, sans-serif; font-weight: 600; font-style: normal; font-size: var(--dw_font_size_20); background-image: url(images/right-arrow-small.png); background-repeat: no-repeat; background-position: center right 26px; background-size: 14px; } .wp-block-button.is-style-fill-boxed .wp-block-button__link:hover, .wp-block-button.is-style-fill-boxed a.wp-block-button__link:hover, .wp-block-button.is-style-fill-boxed a.wp-block-button__link:visited:hover { background-color: var(--dw_yellow); background-position: center right 16px; } /* Styles for the disabled button */ button[disabled] { background-color: #dddddd; /* Background color when disabled */ color: #999999; /* Text color when disabled */ cursor: not-allowed; /* Cursor style when disabled */ border: 1px solid #cccccc; /* Border color when disabled */ opacity: 0.6; /* 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(--dw_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(--dw_wp_outline_btn_bgcolor); color: var(--dw_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; } /**** * * 404 page * ****/ .not-found { text-align: center; max-width: 500px; margin: auto; } .not-found label { margin-bottom: 0; width: 100%; margin-right: 20px; } .not-found .search-form { margin-top: 30px; } .hero-section-search { padding-top: 200px; color: var(--dw_black); text-align: center; } .error-page-hero .hero-ctn { padding-top: 200px; padding-bottom: 0; color: var(--dw_black); max-width: 750px; margin: 0 auto 40px auto; } .error-page-hero .hero-ctn h1 { margin-bottom: 30px; } .error-page-hero .hero-ctn h1 + p { font-size: var(--dw_font_size_18); } .error-404 { text-align: center; width: 100%; } .error-404 .error { margin: 40px 0; } .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; display: block; } .error-404 ul li a:hover { color: var(--dw_error_menu_color); } .error-404 ul li ul { display: none; } .form-404 { margin: 0 auto 0; max-width: 550px; } .form-404 input[type=search] { border: 1px solid var(--dw_light_text); padding-left: 16px; } .form-404 label { width: 100%; margin-bottom: 0; margin-right: 20px; } .form-404 p { margin-bottom: 20px; } .no-results.not-found input[type=search] { border: 1px solid var(--dw_light_text); padding-left: 16px; } /** * Custom Select Styles **/ .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; } .flex-center { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .flex-between-start { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } .section-head:has(p) { display: grid; grid-template-columns: repeat(8, 1fr); } .section-head:has(p) .wp-block-heading { grid-column: 1/4; padding-right: 24px; box-sizing: border-box; margin-bottom: 0; } .section-head:has(p) p { grid-column: 4/9; } .loader-container { position: fixed; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100vw; height: 100vh; overflow: hidden; background-color: rgba(12, 12, 12, 0.8); z-index: 9; } .loader4 { width: 100px; height: 100px; display: inline-block; padding: 0px; border-radius: 100%; border: 5px solid; border-top-color: rgb(0, 90, 127); border-bottom-color: rgb(255, 255, 255); border-left-color: rgb(0, 90, 127); border-right-color: rgb(255, 255, 255); animation: loader4 1s ease-in-out infinite; } @keyframes loader4 { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /*------------------------------------------------- >> Basic styles for Blog post -------------------------------------------------*/ .post-box .post-box-img a { height: 100%; display: inline-block; } .post-box .post-image a { height: 100%; display: inline-block; width: 100%; } .post-box .post-image a .post-featured-thumb { height: 100%; width: 100%; } .post-box:last-of-type { margin-bottom: 0; } .post-box .post-box-img:hover img { transform: scale(1.05); } .post-content { margin-top: 15px; } .post-box-img { overflow: hidden; height: 250px; } .post-box-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.3s ease-in-out; } .post-box-title h2 a, .post-box-title h4 a { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; color: var(--dw_body_color); border-bottom: none; } .post-box-title h2 a:last-child, .post-box-title h4 a:last-child { margin-bottom: 0; } .post-box-title h4 { margin: 0 0 10px; } .post-box.featured-post .post-box-inner { display: flex; align-items: center; } .post-box.featured-post .post-box-inner .post-box-img { width: 60%; min-height: 400px; } .post-box.featured-post .post-box-inner .post-content { width: 45%; margin-top: 0; margin-left: 30px; } .post-box.featured-post .post-box-inner .post-content h2 a { color: var(--dw_body_color); } .post-box.featured-post .post-box-inner span.button { margin-top: 30px; } .post-author-ctn { display: flex; } .post-author-ctn .post-author-img { border-radius: 50%; margin-right: 20px; } .post-author-ctn .post-meta-date { color: var(--dw_dark-gray); font-size: var(--dw_font-size-15); } .post-box-meta { margin-bottom: 15px; } .post-box-meta .post-date { margin-right: 20px; font-size: 0.875rem; } .post-box-meta .ac-post-cat { font-size: 0.875rem; } .post-box-meta a { text-decoration: none; border-bottom: none; margin-left: 5px; } .post-box-excerpt p { margin-bottom: 15px; } .hero-ctn .post-box-meta { margin-bottom: 15px; } .post-tag a { font-family: "Barlow", arial, sans-serif; font-weight: 400; font-style: normal; margin-bottom: 8px; border-bottom: none; padding: 3px 10px; display: inline-block; color: var(--dw_black); background-color: var(--dw_white_1); } .post-tag a:hover { background-color: var(--dw_white_2); } .blog-nav .nav-ctn ul { display: flex; justify-content: center; flex-wrap: wrap; } .blog-nav .nav-ctn ul ul { margin-left: 0; } .blog-nav .nav-ctn ul li { list-style: none; margin: 0 5px; padding: 10px 20px; background-color: var(--dw_white_1); } .blog-nav .nav-ctn ul li a { font-size: var(--dw_font-size-15); color: var(--dw_black); } .resources-post-box { border: 0; margin-bottom: 50px; } .resources-post-box .post-image a { height: 100%; display: inline-block; width: 100%; } .resources-post-box .rc-post-img:hover img { transform: scale(1.05); } .featured-post .rc-post-img { width: 47%; min-height: 400px; } .featured-post .post-content { width: 47%; margin-top: 0; } .featured-post .resources-inner { margin-bottom: 0; } .rc-post-img { overflow: hidden; height: 250px; } .rc-post-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.3s ease-in-out; } .post-meta { margin-bottom: 30px; } /*------------------------------------------------- >> Basic styles for Blog post -------------------------------------------------*/ .two-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(350px, 50% - 2%, 100%), 100%), 1fr)); gap: 2%; row-gap: var(--dw_space_6); } .three-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(309px, 33.3333333333% - 2%, 100%), 100%), 1fr)); gap: 2%; row-gap: 48px; } .four-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(250px, 25% - 2%, 100%), 100%), 1fr)); gap: 2%; row-gap: var(--dw_space_6); } .team-four-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(150px, 25% - 2.5%, 100%), 100%), 1fr)); gap: 2.5%; row-gap: clamp(2.5rem, 4.619vw + 1.305rem, 5rem); } .five-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(200px, 20% - 2%, 100%), 100%), 1fr)); gap: 2%; row-gap: var(--dw_space_6); } .wp-block-column { overflow-wrap: normal !important; word-break: normal !important; } /*------------------------------------------------- >> Styles for Website Blocks -------------------------------------------------*/ /*------------------------------------------------- >> Basic styles for Defualt Block -------------------------------------------------*/ /*------------------------------------------------- >> Basic styles for FAQ's Block -------------------------------------------------*/ .faq-block { max-width: 825px; margin: 0 auto; } .faq > a { border: none; display: block; font-size: var(--dw_font_size_24); line-height: 30px; font-family: "Barlow", arial, sans-serif; font-weight: 400; font-style: normal; cursor: pointer; position: relative; padding: 37px 0 36px; border-top: 1px solid rgba(40, 28, 60, 0.12); } .faq > a::after { position: absolute; content: ""; width: 30px; height: 30px; right: 0; top: 37px; transition: all 0.4s ease-in-out; display: block; background-repeat: no-repeat; background-position: center; } .faq > a:hover { color: var(--wp--preset--color--black); border-top: 1px solid rgba(40, 28, 60, 0.12); } .faq > a.active { padding-bottom: 24px; color: var(--wp--preset--color--black); } .faq-content { display: none; border-top: 0; color: var(--wp--preset--color--black); font-size: var(--dw_font-size-15); line-height: 32px; padding-bottom: 48px; max-width: 716px; } .faq-content p:last-child { margin-bottom: 0; } .top-latters-area a, .top-latters-area a:visited { display: inline-block; width: 44px; height: 44px; box-sizing: border-box; border-radius: 50%; border: 1px solid rgba(40, 28, 60, 0.2); text-transform: uppercase; font-size: var(--dw_font-size-15); line-height: 22px; font-family: "Barlow", arial, sans-serif; font-weight: 400; font-style: normal; padding: 10px; color: var(--wp--preset--color--black); margin: 0 4px 12px 0; text-align: center; } .top-latters-area a:hover, .top-latters-area a:visited:hover { border: 1px solid rgba(40, 28, 60, 0.6); } .letter-box { float: left; width: 38px; height: 38px; border-radius: 50%; text-transform: uppercase; text-align: center; padding: 7px; box-sizing: border-box; background-color: rgba(40, 28, 60, 0.04); font-size: var(--dw_font_size_15); line-height: 20px; font-family: "Barlow", arial, sans-serif; font-weight: 400; font-style: normal; } .glossary-content { padding: 24px 0; border-bottom: 1px solid rgba(40, 28, 60, 0.12); } .glossary-content:last-child { border-bottom: 0; } .tabs-buttons-area { width: 100%; position: relative; z-index: 2; line-height: 1; } .chart-column { position: relative; } .chart-column .tabs-buttons-area { width: 100%; max-width: 340px; max-height: 340px; margin: auto; margin-bottom: 40px; } .chart-indicator-row { display: grid; grid-template-columns: repeat(2, 1fr); max-width: min(100%, 370px); margin: 20px auto 0 auto; gap: 10px; } .chart-indicator { line-height: 1; font-size: var(--dw_font_size_16); } .chart-indicator span { display: inline-block; vertical-align: middle; } .chart-indicator span.chart-color { width: 20px; height: 20px; margin-right: 10px; } canvas#myChart { max-width: 340px; max-height: 340px; } .chart-image { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; display: flex; align-items: center; justify-content: center; width: 160px; height: 160px; background-color: var(--dx_white); border-radius: 50%; } .chart-image img { max-width: -moz-max-content; max-width: max-content; max-height: 64px; margin: 0 !important; } .chart-image .column-image { width: 80%; height: 80%; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: all 0.3s ease-in-out; } .chart-image .column-image .dc-placeholder-icon svg, .chart-image .column-image .dc-image-remove-icon svg { width: 60px; height: 60px; } .chart-image .column-image .dc-image-remove-icon { display: none; } .chart-image .column-image:hover { background-color: rgba(205, 151, 151, 0.2); } .chart-image .column-image:hover .dc-image-remove-icon { display: block; transition: ease-in-out 0.5s; } .chart-image .column-image:hover img { display: none; transition: ease-in-out 0.5s; } /*------------------------------------------------- >> Basic styles for Image Alongside Text Block -------------------------------------------------*/ .iat-section { position: relative; } .iat-image { border-radius: 0 0 30px 0; width: 65.7% !important; flex-basis: auto !important; flex-grow: 0 !important; overflow: hidden !important; } .iat-image figure.wp-block-image { overflow: hidden !important; } .iat-content { flex-basis: auto !important; flex-grow: 0 !important; width: 49% !important; background-color: var(--dw_white); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); padding: 80px 68px; box-sizing: border-box; border-radius: 0 0 30px 0; position: absolute; top: 0; left: 0; bottom: 0; margin: auto !important; height: -moz-max-content; height: max-content; z-index: 2; } .iat-content .wp-block-buttons { margin-top: 30px; } .iat-content.is-vertically-aligned-top { top: 0; bottom: auto; } .iat-content.is-vertically-aligned-bottom { top: auto; bottom: 0; } .iat-section:has(.iat-image + .iat-content) .iat-content { right: 0; left: auto; } .iat-section:has(.iat-content + .iat-image) { justify-content: flex-end; } .timeline-year { font-family: "Barlow", arial, sans-serif; font-weight: 600; font-style: normal; padding: 20px 0; transition: all 0.3s ease-in-out; cursor: pointer; } .timeline-year .year-title { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid var(--dw_black); } .timeline-year .description, .timeline-year .year-title { padding-inline: 30px; } .timeline-year.slick-current { background-color: rgb(239, 244, 250); } .timeline-years-slider { margin-top: 60px; } .timeline-years-slider .slick-list { overflow: visible !important; } .slick-prev, .slick-next { background-image: url(images/right-arrow.png); background-repeat: no-repeat; background-position: center; } .slick-prev::before, .slick-next::before { display: none; } .timeline-slider { position: relative; } .timeline-slider .iat-section:has(.iat-image + .iat-content) .iat-content { right: 15px; } .timeline-slider .iat-section:has(.iat-content + .iat-image) .iat-content { left: 15px; } .timeline-years-slider.js-timeline-years-slider { position: static; } .timeline-years-slider.js-timeline-years-slider .slick-prev, .timeline-years-slider.js-timeline-years-slider .slick-next { top: 45%; } /*------------------------------------------------- >> Basic styles for Icon grid -------------------------------------------------*/ .icon-grid-item .wp-block-image img { max-width: 60px; max-height: 60px; } .icon-grid-items .wp-block-button { margin-top: 24px; } .wp-block-duxtonfarmspack-icon-grid .icon-grid-overlap .icon-grid-items, .icon-grid-items { background-color: var(--dw_white); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); padding: 80px 40px; border-radius: 0 0 40px 0; } .without-boxed .icon-grid-items { background-color: transparent; box-shadow: none; padding: 0; border-radius: 0; } /*------------------------------------------------- >> Basic styles for Posts teaser -------------------------------------------------*/ .posts-teaser-item { background-color: var(--dw_white); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); border-radius: 0 0 30px 0; background-repeat: no-repeat; background-position: right 18px bottom 35px; background-image: url(images/right-arrow.png); background-size: 28px; } .posts-teaser-item a.no-link-style, .posts-teaser-item a.no-link-style:visited { height: 100%; color: inherit; } .posts-teaser-item:hover .posts-teaser-item-image img { transform: scale(1.08); } .posts-teaser-item-image { line-height: 0.65; aspect-ratio: 2/1.31; overflow: hidden; } .posts-teaser-item-image img { transition: transform 0.3s ease-in-out; -o-object-position: top; object-position: top; height: 100% !important; } .posts-teaser-item-content { padding: 45px 36px; } .posts-teaser-item-content .wp-block-heading { font-family: "Barlow", arial, sans-serif; font-weight: 800; font-style: normal; margin-bottom: 26px; font-size: var(--dw_font_size_30); } .posts-teaser-item-content p { padding-right: 30px; font-size: var(--dw_font_size_18); line-height: 1.2; } .posts-teaser.three-columns { row-gap: clamp(2.5rem, 2.309vw + 1.902rem, 3.75rem); -moz-column-gap: 2%; column-gap: 2%; display: flex; flex-wrap: wrap; } .posts-teaser.three-columns .posts-teaser-item { width: 32%; } .post-teaser-filter { text-align: right; margin-bottom: clamp(2.5rem, 2.309vw + 1.902rem, 3.75rem); } .post-teaser-filter select { font-size: var(--dw_font_size_22); max-width: 540px; width: 100%; height: auto; padding: 24px 0; } .featured-post { margin-bottom: 50px; } .featured-post .posts-teaser-item-content { padding: 50px 50px; } .featured-post .posts-teaser-item-content .has-font-size-20-font-size { color: var(--dw_black); font-family: "Barlow", arial, sans-serif; font-weight: 600; font-style: normal; font-style: italic; } .featured-post .posts-teaser-item-image { aspect-ratio: 2/1; } .three-column-tile-teaser-item { background-image: none; } .three-column-tile-teaser-item figure.posts-teaser-item-image { margin: 0; } /*------------------------------------------------- >> Basic styles for CTA Form -------------------------------------------------*/ .cta-form-ctn { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 60px 110px; border-radius: 0 0 30px 0; } .cta-form-ctn .gfield { margin-bottom: 20px; } .gray-bg-ctn { background-color: var(--dw_slat); color: var(--dw_white); } .gray-bg-ctn .wp-block-heading { color: var(--dw_white); } .gray-bg-ctn ::-moz-placeholder { color: transparent; } .gray-bg-ctn ::placeholder { color: transparent; } .gray-bg-ctn input:not([type=submit]) { border-color: var(--dw_white); color: var(--dw_white); height: 82px !important; } .gray-bg-ctn .gform_confirmation_message { color: var(--dw_white); } .gform_title { color: var(--dw_white); } .cta-form-form input:not([type=submit]) { height: 60px; } .cta-form-form .gform_heading { display: none; } .cta-form-form form { margin: 0; } /*------------------------------------------------- >> Basic styles for Heading alongside text -------------------------------------------------*/ .hat-heading { width: 55%; } .hat-text { width: 45%; } /*------------------------------------------------- >> Basic styles for Stats -------------------------------------------------*/ .stats-ctn { display: flex; flex-wrap: wrap; gap: 40px 26px; align-items: flex-end; } .stats-column { width: calc(25% - 20px); } .stats-column:nth-child(1) { width: calc(50% - 12px); color: var(--dw_slat); } .stats-column:nth-child(1) .stats-number { color: var(--dw_slat); font-size: var(--dw_font_size_120); } .stats-column:nth-child(1) .stats-desc { text-align: left; } .stats-number { font-size: var(--dw_font_size_80); display: flex; flex-wrap: wrap; align-items: center; color: var(--dw_black); } .stats-number.has-text-align-right { justify-content: flex-end; } .stats-desc { padding-top: 30px; border-top: 1px solid var(--dw_black); text-align: right; font-size: var(--dw_font_size_18); } .performance-graph-block .wp-block-column { background-color: var(--dw_white); border-radius: 0 0 30px 0; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); line-height: 0.65; overflow: hidden; } .share-pricing-title { font-size: var(--dw_font_size_80); } .share-pricing-kicker { color: var(--dw_black); margin-bottom: 20px; display: block; } .share-price-column { background-color: var(--dw_white); border-radius: 0 0 30px 0; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); padding: 80px 40px; box-sizing: border-box; } .share-price-column .wp-block-buttons { margin-top: 40px; } .pricing-item { position: relative; } .pricing-item .row-title { width: calc(100% - 200px); } .pricing-item .row-title a, .pricing-item .row-title a:visited { font-size: var(--dw_font_size_20); color: var(--dw_black); font-family: "Barlow", arial, sans-serif; font-weight: 600; font-style: normal; border-bottom: 0; padding: 0; } .pricing-item .row-date { color: var(--dw_black_2); font-size: var(--dw_font_size_16); font-family: "Barlow", arial, sans-serif; font-weight: 500; font-style: normal; } .pricing-item .yourir-download { position: absolute; top: 0; bottom: 0; right: 0; width: 20px; background-image: url(images/right-arrow.png); background-repeat: no-repeat; background-position: right -2px center; background-size: contain; } .pricing-item { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 10px 0; box-sizing: border-box; border-top: 1px solid var(--dw_border_3); } .pricing-item:last-of-type { border-bottom: 1px solid var(--dw_border_3); } .yourir-chart-yaxis-label-container { font-size: 14px; } .yourir-chart-price { stroke: var(--dw_slat); stroke-width: 2px; } .yourir-chart-volume { stroke: var(--dw_slat); } .yourir-chart-announcement-marker { fill: #072c49; } .yourir-chart-panel-border-bottom { stroke: #072c49; } .buttons-row { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 20px; margin-top: var(--dw_space_8); } .buttons-row select[data-yourir] { width: min(500px, 100%); } /*------------------------------------------------- >> Basic styles for PDF Books -------------------------------------------------*/ .pdfbooks-ctn { align-items: center; } .pdfbook-content .wp-block-button { margin-top: 40px; } .pdfbook-content-inner { max-width: 440px; } .pdf-book-item { margin: 0 7px; display: flex; flex-direction: column; } .pdf-book-item figure { margin-bottom: 0; } .pdf-book-item img { border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 5px; overflow: hidden; margin-bottom: 18px; aspect-ratio: 1/1.4; } .pdf-book-item .wp-block-heading { font-family: "Barlow", arial, sans-serif; font-weight: 600; font-style: normal; margin-bottom: 18px; line-height: 1.1; height: 100%; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .pdf-book-item .wp-block-heading a, .pdf-book-item .wp-block-heading a:visited { border: 0; text-decoration: none; color: inherit; padding-bottom: 0; } .wp-block-file { padding-top: 24px; border-top: 1px solid var(--dw_black); display: flex; flex-wrap: wrap; position: relative; } .wp-block-file .wp-block-file__embed { display: none; } .wp-block-file a, .wp-block-file a:visited { padding-right: 40px; border: 0; text-transform: uppercase; color: inherit; font-size: var(--dw_font_size_15); display: block; width: 100%; text-decoration: none; font-family: "Barlow", arial, sans-serif; font-weight: 500; font-style: normal; } .wp-block-file__button, a.wp-block-file__button, a.wp-block-file__button:visited { background-image: url(images/download-icon.png); background-size: 24px; background-repeat: no-repeat; background-position: center right; font-size: 0; background-color: transparent; padding-right: 0; display: block; width: 30px; height: 30px; position: absolute; right: 0; top: 22px; padding: 10px 15px; bottom: 0; margin: auto; border-bottom: 0; padding-bottom: 0; z-index: 3; } .without-thumbnails { row-gap: 40px; } .without-thumbnails .pdf-book-item { width: 100%; } .without-thumbnails .pdf-book-item img { aspect-ratio: auto; } .without-thumbnails .pdf-book-item .wp-block-heading { min-height: auto; } .js-books-slider .slick-arrow { position: absolute; top: -50px; right: 0; transform: translate(0); display: none !important; } .js-books-slider .slick-arrow.slick-prev { left: auto; right: 40px; transform: translate(0) rotate(185deg); } .js-books-slider .slick-arrow.slick-next { right: 0; } /*------------------------------------------------- >> Basic styles for Team -------------------------------------------------*/ .team-head { align-items: end; margin-bottom: 48px; } .team-head-button { text-align: right; } .team-head-heading .wp-block-heading { margin-bottom: 0; color: var(--dw_black); } .team-member-image { border-radius: 0 0 30px 0; box-sizing: border-box; overflow: hidden; margin-bottom: 36px; } .team-member-image img { transition: transform 0.3s ease-in-out; transform-origin: center; } .team-member-title { color: var(--dw_black); line-height: 1; transition: all 0.3s ease-in-out; font-size: var(--dw_font_size_30); margin-bottom: 23px; } .team-member-designation { font-size: var(--dw_font_size_17); } .team-member a.no-link-style:hover { color: inherit; } .team-member a.no-link-style:hover img { transform: scale(1.08); } .team-detail-ctn { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 200px; padding-bottom: 100px; } .team-detail-content { width: 60%; } .team-detail-content h2 { margin-bottom: 30px; } .team-detail-content p { max-width: 600px; } .team-detail-right { width: 30%; } .team-detail-designation { font-family: "Barlow", arial, sans-serif; font-weight: 500; font-style: normal; color: var(--dw_black); opacity: 0.7; font-size: var(--dw_font_size_20); margin-bottom: 20px; } /*------------------------------------------------- >> Basic styles for Tabbed Content -------------------------------------------------*/ .tab-content, .content-tab { display: none; padding: 118px 46px; background-color: var(--dw_white); border-radius: 0 0 30px 0; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); letter-spacing: 0.015em; } .tab-content.current, .content-tab.current { display: block; } .tabbed-content-row { display: flex; flex-wrap: wrap; justify-content: space-between; } .tab-content-left { width: 35% !important; flex-basis: auto !important; } .tab-content-right { width: 63% !important; flex-basis: auto !important; } .tabs-nav { display: flex; flex-wrap: wrap; } .tabs-nav button.tab-button { background-color: transparent; border-radius: 0; border: 0; font-size: 27px; height: auto; padding: 30px; padding: 30px 44px; position: relative; transition: all 0.4s ease-in-out; font-family: "Barlow", arial, sans-serif; font-weight: 500; font-style: normal; letter-spacing: -0.02em; color: var(--dw_body_color); } .tabs-nav button.tab-button::before { content: ""; position: absolute; bottom: -10px; left: 0; width: 100%; height: 10px; background-color: var(--dw_white); opacity: 0; transition: all 0.4s ease-in-out; } .tabs-nav button.tab-button.current, .tabs-nav button.tab-button:hover { background-color: var(--dw_white); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); } .tabs-nav button.tab-button.current::before, .tabs-nav button.tab-button:hover::before { opacity: 1; } .inner-wrapper > * { max-width: 1340px !important; } /*------------------------------------------------- >> Basic styles for Fixed BG Image -------------------------------------------------*/ .fixed-heading-content { width: 100%; max-width: 680px; padding: 200px 0; } .fixed-heading-content .wp-block-heading { color: var(--dw_white); margin: 0; } .fixed-bg-image { border-radius: 0 0 80px 0; position: relative; -o-border-image: linear-gradient(0deg, rgba(51, 51, 51, 0.3) 50%, rgba(51, 51, 51, 0.3) 50%) 1 fill; border-image: linear-gradient(0deg, rgba(51, 51, 51, 0.3) 50%, rgba(51, 51, 51, 0.3) 50%) 1 fill; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; overflow: hidden; } .wp-block-cover .wp-block-cover__image-background { -o-border-image: linear-gradient(0deg, rgba(51, 51, 51, 0.3) 50%, rgba(51, 51, 51, 0.3) 50%) 1 fill; border-image: linear-gradient(0deg, rgba(51, 51, 51, 0.3) 50%, rgba(51, 51, 51, 0.3) 50%) 1 fill; } .wp-block-cover__inner-container { max-width: 1340px; margin-left: auto; margin-right: auto; } .wp-block-cover, .wp-block-cover-image { border-radius: 0 0 80px 0; overflow: hidden; } .wp-block-cover .is-layout-constrained .wp-block-heading { max-width: 100% !important; } .wp-block-cover .is-layout-constrained p.has-text-align-right { margin-right: 0 !important; } .wp-block-cover .is-layout-constrained p.has-text-align-left { margin-left: 0 !important; } /* ------------------------------------------------------------------ > Responsive ------------------------------------------------------------------ */ /* ------------------------------------------------- >> Responsive queries ------------------------------------------------- */ @media only screen and (min-width: 1004px) and (max-width: 1179px) { header { height: 100px; } header .logo img { max-height: 80px; } header .horizontal-logos { width: 140px; } .cta-form-ctn { padding: 60px 50px; } .header-nav ul li { margin: 0 0 0 20px; } .logo { width: 130px; } .header-inner { padding: 20px 5%; } } @media only screen and (max-width: 1003px) { .footer-logo { margin: auto auto 20px auto; position: relative; left: -3%; } .footer-widgets { flex-wrap: wrap; justify-content: center; text-align: center; gap: 30px; } .footer-widgets .single-widget { width: 100% !important; padding-right: 0; } .footer-widgets .single-widget h3 { font-size: var(--dw_font_size_20); } .footer-nav ul li a, .footer-nav ul li a:visited { font-size: var(--dw_font_size_20); font-family: "Barlow", arial, sans-serif; font-weight: 600; font-style: normal; } .legal-nav ul { gap: 20px; } .legal-nav ul li { margin: 0; } .footer-bottom { gap: 15px; } .hero-section-full-image { min-height: 80dvh; } .team-detail-ctn { padding: 120px 0 60px 0; } .team-detail-content, .team-detail-right { width: 100%; } .team-detail-right { margin-top: 40px; max-width: 500px; } .team-detail-right .team-member-image, .team-detail-right .team-member-image img { max-height: 600px; } } /* ------------------------------------------------- >> Base Responsive queries ------------------------------------------------- */ @media only screen and (min-width: 1346px) and (max-width: 1439px) { .google-data-column-1 { flex-basis: 32%; } } @media only screen and (min-width: 1180px) and (max-width: 1345px) { .hero-default-content:has(.breadcrumbs) { padding: 50px 30px 80px; } .google-data-column-1 { flex-basis: 32%; } .gray-ctn .ctn-1440:has(.hero-default-content-inner) .wrapper { width: 95%; } .stats-column:nth-child(1) .stats-number { font-size: var(--dw_font_size_80); } .stats-column .stats-number { font-size: var(--dw_font_size_70); } .iat-content { width: 60% !important; padding: 30px 28px; } .header-logo { width: 180px; } .header-inner { padding: 30px; } .header-search { margin-left: 24px; } .posts-teaser-item-content { padding: 35px 26px; } } @media only screen and (min-width: 1004px) and (max-width: 1179px) { .google-data-column-1 { flex-basis: 56%; } .google-data-column-seprator { display: none; } .pricing-item .row-title { width: calc(100% - 20px); } .stats-column:nth-child(1) .stats-number { font-size: var(--dw_font_size_80); } .stats-column .stats-number { font-size: var(--dw_font_size_70); } button.scroll-to-top { width: 38px; height: 40px; bottom: 20px; right: 10px; } button.scroll-to-top svg { width: 40px; height: 40px; } .posts-teaser.three-columns { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(clamp(350px, 33.3333333333% - 2%, 100%), 100%), 1fr)); gap: 2%; row-gap: 48px; } .posts-teaser.three-columns .posts-teaser-item { width: 100%; } .mobile-wrapper { width: 90%; max-width: 1340px; margin: auto; } .iat-content { width: 80% !important; padding: 30px; } .header-nav ul li a, .header-nav ul li a:visited { font-size: var(--dw_font_size_15); } br { display: none; } .icon-grid-items.four-columns { grid-template-columns: repeat(auto-fit, minmax(min(clamp(400px, 23%, 100%), 100%), 1fr)); row-gap: 48px; } .gray-ctn .ctn .wrapper, .gray-ctn .ctn-1540 .wrapper { width: 100%; } .gray-ctn .ctn .wrapper:has(.pdf-books-slider.js-books-slider) { width: 90%; } .gray-ctn .ctn .wrapper:has(.overlap-post-teaser > .posts-teaser.three-columns) { width: 90%; } .gray-ctn .inner-wrapper { width: 90%; margin: auto !important; } .without-boxed.ctn:has(.icon-grid-items.three-columns) .wrapper { width: 90%; } } @media only screen and (max-width: 1003px) { .char-column-icon { width: 140px; height: 140px; } .chart-indicator span.color { width: 14px; height: 14px; } .google-data-column-seprator { display: none; } .share-price-section.two-columns { display: block; } .share-price-section.two-columns .share-price-column:nth-child(n+2) { margin-top: 40px; } .tabs-nav { display: block; white-space: nowrap; overflow-x: scroll; padding-right: 50px; -webkit-mask-image: linear-gradient(var(--mask-direction, to right), #000 80%, transparent); } .tabs-nav .tab-button { display: inline-block; } .without-boxed.ctn:has(.icon-grid-items.three-columns) .icon-grid-item { margin-top: 0; } .ctn-overlap.timeline-block-overlap { margin-top: 100px; } .timeline-slider .iat-section:has(.iat-image + .iat-content) .iat-content { right: 0px; } .timeline-slider .iat-section:has(.iat-content + .iat-image) .iat-content { left: 0px; } .timeline-years-slider.js-timeline-years-slider { position: relative; } .timeline-years-slider.js-timeline-years-slider .slick-prev, .timeline-years-slider.js-timeline-years-slider .slick-next { top: -160px; transform: translateY(0); } .timeline-years-slider.js-timeline-years-slider .slick-prev { left: 0; transform: rotate(-180deg); } .timeline-years-slider.js-timeline-years-slider .slick-next { right: 0; } .timeline-slide .iat-section { flex-direction: column; } .timeline-years-slider { margin-top: 20px; } .posts-teaser.three-columns { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(clamp(370px, 33.3333333333% - 2%, 100%), 100%), 1fr)); gap: 2%; } .posts-teaser.three-columns .posts-teaser-item { width: 100%; } .without-thumbnails .pdf-book-item { margin: 0; } .wp-block-buttons.right-align { text-align: left; } .wp-block-button.is-style-fill-boxed .wp-block-button__link, .wp-block-button.is-style-fill-boxed a.wp-block-button__link, .wp-block-button.is-style-fill-boxed a.wp-block-button__link:visited { padding: 16px 50px 16px 18px; } .without-thumbnails .wp-block-file__button, .without-thumbnails a.wp-block-file__button, .without-thumbnails a.wp-block-file__button:visited { top: 20px; right: 0; } .mobile-wrapper { width: 90%; max-width: 1340px; margin: auto; } .hero-default-content .hero-default-content-inner .wp-block-columns { gap: 8px; } .hero-default-content .hero-default-content-inner .wp-block-columns > .wp-block-spacer { margin-top: 0 !important; } .featured-post .posts-teaser-item-content { padding: 30px; } .post-teaser-filter { width: 90%; margin-inline: auto; margin-bottom: 0; } .team-member-title { font-size: var(--dw_font_size_24); } .stats-ctn { align-items: stretch; } .ctn-space-arround { width: 94%; } .simple-page-banner .wp-block-image { max-height: 400px; margin: 0; } .gray-ctn .posts-teaser { padding-top: 60px; } .gray-ctn .posts-teaser + .posts-teaser { padding-top: 0; } .gray-ctn .wrapper .ctn:has(.js-books-slider) { padding: 0 5%; } .mobile-hide { display: none !important; } .ctn-overlap .icon-grid-items { margin-top: 0; } .ctn-overlap .cta-form-ctn { margin-top: 60px; } .ctn-overlap .overlap-post-teaser { top: 0; margin-bottom: 60px; } .ctn-overlap .performance-graph-block { margin-top: 60px; } .wp-block-columns:has(.js-books-slider) { flex-wrap: wrap !important; } .wp-block-columns:has(.js-books-slider) > .wp-block-column { width: 100% !important; flex-basis: auto !important; } .js-books-slider .slick-arrow { display: block !important; background-size: 16px; } .full-width-banner { width: 110.6%; margin-left: -5.3%; } .gray-ctn { width: 94%; } .gray-ctn .ctn:has(.chart-column) .wrapper, .gray-ctn .ctn:has(.icon-grid-items.three-columns) .wrapper { width: 90% !important; } button.scroll-to-top { display: none; } .is-layout-constrained > * { margin-block-start: 10px; } .gray-ctn .ctn .wrapper, .gray-ctn .ctn-1540 .wrapper { width: 100%; } .gray-ctn .ctn .wrapper:has(.overlap-post-teaser > .posts-teaser.three-columns) { width: 90%; } .gray-ctn .inner-wrapper { width: 90%; margin: auto !important; } .footer-ctn { padding: 100px 5% 0; } .footer-ctn .wrapper { width: 100%; } .copy-right { font-size: var(--dw_font_size_15); font-family: "Barlow", arial, sans-serif; font-weight: 600; font-style: normal; } .legal-nav ul li a, .legal-nav ul li a:visited { font-size: var(--dw_font_size_15); } .footer-bottom { padding: 50px 0; } .js-books-slider { margin-top: 60px !important; } br { display: none; } .wp-block-button__link, a.wp-block-button__link, a.wp-block-button__link:visited { font-size: var(--dw_font_size_16); background-size: 12px; } .icon-grid-items.four-columns { grid-template-columns: repeat(auto-fit, minmax(min(clamp(500px, 23%, 100%), 100%), 1fr)); padding: 40px 5%; row-gap: 0; } .overlap-top-80 { margin-top: 0; } .icon-grid-overlap { margin-top: 30px; } .page-banner .wp-block-image { max-height: 630px; } .iat-image { border-radius: 0 0 30px 0; } .tabs-nav button.tab-button { padding: 20px 30px; } .tab-content { padding: 40px 30px; } .tab-content-left, .tab-content-right { width: 100%; } .tab-content-right { margin-top: 40px; } .stats-ctn { gap: 30px 30px; } .stats-ctn .stats-column { width: calc(50% - 15px); text-align: center; } .stats-ctn .stats-column .stats-number { justify-content: center; } .stats-ctn .stats-column .stats-desc { text-align: center; padding-top: 20px; } .stats-ctn .stats-column:nth-child(1) { width: 100%; } .cta-form-ctn { padding: 40px 30px; } .cta-form-ctn .cta-form-content { width: 100%; } .cta-form-ctn .cta-form-form { width: 100%; } .team-head-button { text-align: left; } .hero-default-content:has(.breadcrumbs) { padding: 40px; } .hero-default-content:has(.breadcrumbs) .hero-default-content-inner { width: 100%; } .hero-default-content:has(.breadcrumbs) .wp-block-buttons { width: 100%; max-width: -moz-max-content; max-width: max-content; margin-top: 20px; position: initial; } .wp-block-cover, .wp-block-cover-image { border-radius: 0 0 40px 0; } .iat-section { display: flex; flex-wrap: wrap; } .iat-section.is-layout-flex { gap: 0; } .iat-content { width: 90%; padding: 30px; position: relative; } .ctn-overlap .hero-default-content:has(.breadcrumbs) { margin-top: -50px; } .hero-default-content:has(.breadcrumbs) .is-layout-flow > * { margin-block-start: 10px; margin-block-end: 0; } #breadcrumbs, .breadcrumbs { margin-bottom: 16px; } .iat-section:has(.iat-content + .iat-image) { flex-direction: column-reverse; } .iat-section:has(.iat-content + .iat-image) .iat-content { max-width: 90%; top: -40px; } .iat-section:has(.iat-image + .iat-content) .iat-content { max-width: 90%; top: -40px; } .iat-section .iat-image, .iat-section .iat-content { width: 100% !important; } .prices-pagination { margin-bottom: 24px; width: 100%; gap: 6px; justify-content: center; } .prices-pagination-right { width: 100%; justify-content: center; } .buttons-row { gap: 10px; } .buttons-row b { width: 100%; display: block; } .price-chart { margin-top: 20px; } .mobile-scroll { overflow-x: auto; display: block; white-space: nowrap; width: 100%; } .mobile-scroll tr th { width: 150px; vertical-align: top; } } @media only screen and (min-width: 748px) and (max-width: 1003px) { .google-data-column-1 { flex-basis: 56%; } .posts-teaser-item-content { padding: 25px 26px; } .cta-form-ctn { padding: 60px 30px; } } @media only screen and (min-width: 550px) and (max-width: 1003px) { .tabs-nav button.tab-button { font-size: var(--dw_font_size_17); } .icon-grid-items.three-columns { grid-template-columns: repeat(auto-fit, minmax(min(clamp(500px, 31.3333333333%, 100%), 100%), 1fr)); } .icon-grid-item { padding-left: 100px; position: relative; } .icon-grid-item .wp-block-image { position: absolute; top: 0; left: 0; } .icon-grid-item br { display: none; } .icon-grid-item:nth-child(n+2) { padding-top: 30px; margin-top: 30px; border-top: 2px solid rgb(232, 232, 227); } .icon-grid-item:nth-child(n+2) .wp-block-image { top: 30px; } } @media only screen and (max-width: 747px) { .google-data-column { flex-basis: 100%; } .share-price-column .wp-block-buttons { margin-top: 30px; } .pricing-item .row-title { width: calc(100% - 20px); } .share-price-column { padding: 40px 20px; } .iat-image.column { margin-top: 30px; } ul.children li.depth-2, ul.children li.depth-3, ul.children li.depth-4, ul.children li.depth-5, ol.children li.depth-2, ol.children li.depth-3, ol.children li.depth-4, ol.children li.depth-5 { margin: 0 0 30px 20px !important; } .gfield.half-input-field, .ginput_left, .name_first, .ginput_right, .name_last { width: 100%; margin-right: 0; display: block; } } @media only screen and (max-width: 549px) { .timeline-years-slider.js-timeline-years-slider .slick-prev, .timeline-years-slider.js-timeline-years-slider .slick-next { background-size: 20px; } .timeline-years-slider.js-timeline-years-slider .slick-prev { left: -10px; } .timeline-years-slider.js-timeline-years-slider .slick-next { right: -10px; } .tabs-nav button.tab-button { font-size: var(--dw_font_size_15); } .tabs-nav button.tab-button { padding: 16px 20px; } .without-boxed .three-columns { row-gap: 0; } .icon-grid-items .icon-grid-item br { display: none; } .icon-grid-items .icon-grid-item:nth-child(n+2) { padding-top: 30px; margin-top: 30px; border-top: 2px solid rgb(232, 232, 227); } .posts-teaser.three-columns { -moz-column-gap: 0; column-gap: 0; row-gap: 30px; } .posts-teaser.three-columns .posts-teaser-item { width: 100%; } } @media only screen and (max-width: 459px) { .stats-ctn .stats-column { width: 100% !important; } .post-teaser-filter { width: 100%; } .post-teaser-filter select { font-size: var(--dw_font_size_18); max-width: 100%; width: 100%; padding: 12px 0; background-size: 20px; } .hero-default-content:has(.breadcrumbs) { padding: 40px 25px; } .gray-bg-ctn input:not([type=submit]) { height: 44px !important; } :root { --dw_font_size_60: clamp(2.125rem, 3.002vw + 1.348rem, 3.75rem); --dw_font_size_50: clamp(2.125rem, 3.002vw + 1.348rem, 3.75rem); } .iat-content { padding: 30px 26px; } .posts-teaser-item-content { padding: 35px 26px; } .posts-teaser-item { background-position: right 18px bottom 24px; background-size: 22px; } .posts-teaser-item p { padding-right: 0; } } @media only screen and (max-width: 374px) { .tabs-nav button.tab-button { padding: 16px 14px; } } /* ------------------------------------------------------------------ > Import Fonts ------------------------------------------------------------------ */ @font-face { font-family: "Barlow"; font-style: normal; font-weight: 800; src: url(fonts/Barlow-ExtraBold.woff2) format("woff2"); } @font-face { font-family: "Barlow"; font-style: normal; font-weight: 700; src: url(fonts/Barlow-Bold.woff2) format("woff2"); } @font-face { font-family: "Barlow"; font-style: normal; font-weight: 400; src: url(fonts/Barlow-Regular.woff2) format("woff2"); } @font-face { font-family: "Barlow"; font-style: normal; font-weight: 500; src: url(fonts/Barlow-Medium.woff2) format("woff2"); } @font-face { font-family: "Barlow"; font-style: normal; font-weight: 600; src: url(fonts/Barlow-SemiBold.woff2) format("woff2"); } /* ------------------------------------------------------------------ > Vendors CSS Starts Here ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Vendors CSS Example ------------------------------------------------------------------ */ /*# sourceMappingURL=styles.min.css.map*/