/* ========================================================================== Table of Contents ========================================================================== */ /*-------------------------------------------------------------- Resets --------------------------------------------------------------*/ /* #region - Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, 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, input, textarea, select { background:transparent; border:0; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } body { line-height:1; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } del { text-decoration:line-through; } hr { background-color: #767676; border:0; clear:both; color:transparent; height:1px; margin:20px 0; padding:0; } small { font-size: 80%; } mark { background-color:#ffffb3; font-style:italic } input, select { vertical-align:middle; } ins { background-color:red; color:white; text-decoration:none; } ol, ul { list-style:none; } table { border-collapse:collapse; border-spacing:0; } /* #endregion */ /*-------------------------------------------------------------- Document & Body Styles --------------------------------------------------------------*/ /* #region - Document & Body Styles */ html { cursor: default; height:100%; line-height: 1.5; scroll-behavior: smooth; -moz-tab-size: 4; tab-size: 4; -webkit-tap-highlight-color: transparent; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { overflow-x:hidden; width:100%; } body, button, input, textarea, select, optgroup { margin: 0; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see (https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice) */ -webkit-box-sizing: inherit; box-sizing: inherit; } :before, :after { text-decoration: inherit; vertical-align: inherit; } /* #endregion */ /* Overwrite update - Nov 2023 */ /* .elementor-icon-list-items .elementor-icon-list-item { pointer-events: none; } .elementor-icon-list-items .elementor-icon-list-item a { pointer-events: all; } */ .elementor-widget-heading .elementor-heading-title { margin: 0 0 clamp(1rem, 0.9423rem + 0.2564vw, 1.25rem); /* Min-16 & Max-20 */ } .wdt-overflow-hidden { overflow: hidden !important; } .elementor-spacer .elementor-spacer-inner { height: var(--spacer-size) !important; } @media (min-width: 1281px) { .wdt-section-space-between > .elementor-container, .wdt-section-space-between > .elementor-container > .elementor-row { justify-content: space-between; } } @media (max-width: 1024px) { .wdt-order-1 { order: 1 !important; } .wdt-order-2 { order: 2 !important; } .wdt-order-3 { order: 3 !important; } .wdt-order-4 { order: 4 !important; } } /*-------------------------------------------------------------- Transitions --------------------------------------------------------------*/ /* #region - Transitions */ a, input[type="submit"], input[type="reset"], input[type="button"], button[type="button"], *[role="button"], button, .button, a.button, .wdt-button, .elementor-widget-button .elementor-button, .elementor-button.wdt-elementor-button, .radio-label input[type="radio"] + span:before, .select2-results__option { -webkit-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition); } /* #endregion */ /*==== Muh - Wow Animation ====*/ .fadeIn { animation-duration: 380ms !important; animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1) !important; will-change: transform !important; transition: opacity .4s ease-out,transform .8s !important; } /* @-webkit-keyframes adFadeInIn { from { opacity: 0; transform: translateY(0px) translateZ(0) scaleY(0.7); transform-origin: top center; } to { opacity: 1; transform: translateY(0) translateZ(0) skewY(0) scaleY(1); } } @keyframes adFadeInIn { from { opacity: 0; transform: translateY(0px) translateZ(0) scaleY(0.7); transform-origin: top center; } to { opacity: 1; transform: translateY(0) translateZ(0) skewY(0) scaleY(1); } } */ .fadeInUp { animation-duration: 380ms !important; animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1) !important; will-change: transform !important; transition: opacity .4s ease-out,transform .8s !important; } /* @-webkit-keyframes adFadeInUp { from { opacity: 0; transform: translateY(60px) translateZ(0) skewY(4deg) scaleY(1.4); transform-origin: top left; } to { opacity: 1; transform: translateY(0) translateZ(0) skewY(0) scaleY(1); } } @keyframes adFadeInUp { from { opacity: 0; transform: translateY(60px) translateZ(0) skewY(4deg) scaleY(1.4); transform-origin: top left; } to { opacity: 1; transform: translateY(0) translateZ(0) skewY(0) scaleY(1); } } */ .fadeInDown { animation-duration: 380ms !important; animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1) !important; will-change: transform !important; transition: opacity .4s ease-out,transform .8s !important; } /* @-webkit-keyframes adfadeInDown { from { opacity: 0; transform: translateY(-60px) translateZ(0) skewY(-4deg) scaleY(1.4); transform-origin: bottom left; } to { opacity: 1; transform: translateY(0) translateZ(0) skewY(0) scaleY(1); } } @keyframes adfadeInDown { from { opacity: 0; transform: translateY(-60px) translateZ(0) skewY(-4deg) scaleY(1.4); transform-origin: bottom left; } to { opacity: 1; transform: translateY(0) translateZ(0) skewY(0) scaleY(1); } } */ .fadeInLeft { animation-duration: 380ms !important; animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1) !important; will-change: transform !important; transition: opacity .4s ease-out,transform .8s !important; } /* @-webkit-keyframes adFadeInLeft { from { opacity: 0; transform: translateX(-100px) translateZ(0) scaleX(1); transform-origin: top left; } to { opacity: 1; transform: translateX(0) translateZ(0) scaleX(1); } } @keyframes adFadeInLeft { from { opacity: 0; transform: translateX(-100px) translateZ(0) scaleX(1); transform-origin: top left; } to { opacity: 1; transform: translateX(0) translateZ(0) scaleX(1); } } */ .fadeInRight { animation-duration: 380ms !important; animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1) !important; will-change: transform !important; transition: opacity .4s ease-out,transform .8s !important; } /* @-webkit-keyframes adFadeInRight { from { opacity: 0; transform: translateX(100px) translateZ(0) scaleX(1); transform-origin: top right; } to { opacity: 1; transform: translateX(0) translateZ(0) scaleX(1); } } @keyframes adFadeInRight { from { opacity: 0; transform: translateX(100px) translateZ(0) scaleX(1); transform-origin: top right; } to { opacity: 1; transform: translateX(0) translateZ(0) scaleX(1); } } */ /*==== Muh - Wow Animation - End ====*/ /*-------------------------------------------------------------- Headings, Text Elements & Formatting --------------------------------------------------------------*/ /* #region - Headings, Text Elements & Formatting */ h1, h2, h3, h4, h5, h6 { line-height: 1.25em; font-weight: bold; margin-top: 1.5rem; margin-bottom: 0.75rem; } h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty, p:empty { display: none; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; } p { margin-bottom: 0.75rem; } b, strong { font-weight: bold; } em, i, dfn, cite { font-style: italic; } address { display:block; margin: 0 0 1.5em; } blockquote { border-left: 2px solid currentColor; margin: 1rem 0; padding: 0 0 0 1rem; } blockquote > p { margin: 0 0 0.75rem; } blockquote > p:only-child, blockquote > p:last-of-type { margin-bottom: 0; } pre { border: 1px solid #e2e4e7; font-family: monospace; margin-top: 0.75em; margin-bottom: 0.75em; max-width: 100%; overflow: auto; padding: 1.6em; white-space: pre; } code, kbd, tt, var { font-family: monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted; cursor: help; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } hr { background-color: #eaeaea; border: 0; height: 1px; margin: 1.5em 0; } /* Links */ a { background-color: transparent; text-decoration: none; } a:hover, a:active { outline: 0; } a:not(.btn):not(.button):not(.wdt-button):focus { text-decoration: none; text-decoration-skip-ink: none; } a:focus > img, figure a:focus { outline: none; } .post-edit-link { background:rgba(0, 0, 0, 0.05); border-radius:3px; float:right; clear:both; margin:20px 0 20px; line-height:24px; padding:2px 13px; font-size:12px; } /* Ordered & Unordered Lists */ ol ol, ol ul, ul ol, ul ul { margin: 0; } ul, ol { margin: 0 0 1.5em; } li > ul, li > ol { padding-top: 10px; } ul, li > ul { padding-left: 1.5rem; } ol, li > ol { padding-left: 2rem; } ul, ul.commentlist ul { list-style: disc; } ol { list-style: decimal; } ul ul, ul.commentlist ul ul { list-style-type: circle; } li { line-height: 1.8; padding-bottom: 10px; } ul > li:last-child, ol > li:last-child { padding-bottom: 0; } ul ul ul { list-style-type: square; } ol ol { list-style: lower-alpha; } ol ol ol { list-style: lower-roman; } /* Definition Lists */ dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } dl dl, dl ol, dl ul, ol dl, ul dl { margin: 0; } /* Tables */ table { border-collapse: collapse; border-spacing:0; clear:both; margin: 0 0 1rem; width: 100%; } table td, table th { border:1px solid rgba(var(--wdtHeadAltColorRgb),0.15); padding: 0.5em; text-align:center; } thead th, tbody th { font-weight: var(--wdtFontWeight_Base); } /* tbody tr:nth-child(2n+1) { background:rgba(0, 0, 0, 0.03); } */ th a:hover, td a:hover { text-decoration: underline; } th > a:only-child:not(:focus), td > a:only-child:not(:focus) { text-decoration: none; } /* #endregion */ /*-------------------------------------------------------------- Embedded Content & Images --------------------------------------------------------------*/ /* #region - Embedded Content & Images */ /* * Change the alignment on media elements in all browsers (opinionated). */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on iframes in all browsers (opinionated). */ iframe { border-style: none; } /** * Remove the border on images within links in IE 10-. */ img { border-style: none; } /** * Change the fill color to match the text color in all browsers (opinionated). */ svg:not([fill]) { fill: currentColor; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } img { height:auto; max-width:100%; } a img { border: 0; } @supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee)) and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) { img { image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */ } } embed, iframe, object, video { max-width:100%; } /* #endregion */ /*-------------------------------------------------------------- Interactive, Scripting & User Interaction --------------------------------------------------------------*/ /* #region - Interactive, Scripting & User Interaction */ main, details { display: block; } summary { display: list-item; } canvas { display: inline-block; } /* * Add the correct styles in Edge 18-, IE, and Safari. */ dialog { background-color: white; border: solid; color: black; display: block; height: -moz-fit-content; height: -webkit-fit-content; height: fit-content; left: 0; margin: auto; padding: 1em; position: absolute; right: 0; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; } a, area, button, input, label, select, summary, textarea, [tabindex] { -ms-touch-action: manipulation; /* 1 */ touch-action: manipulation; /* 2 */ } template, dialog:not([open]), [hidden] { display: none } .hidden { display: none !important; } /* #endregion */ /*-------------------------------------------------------------- Accessibility --------------------------------------------------------------*/ /* #region - Accessibility */ /** * Change the cursor on busy elements in all browsers (opinionated). */ [aria-busy="true"] { cursor: progress; } /* * Change the cursor on control elements in all browsers (opinionated). */ [aria-controls] { cursor: pointer; } /* * Change the cursor on disabled, not-editable, or otherwise * inoperable elements in all browsers (opinionated). */ [aria-disabled="true"], [disabled] { cursor: not-allowed; } /* * Change the display on visually hidden accessible elements * in all browsers (opinionated). */ [aria-hidden="false"][hidden] { display: initial; } [aria-hidden="false"][hidden]:not(:focus) { clip: rect(0, 0, 0, 0); position: absolute; } /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /* #endregion */ /*-------------------------------------------------------------- Alignments & Captions --------------------------------------------------------------*/ /* #region - Alignments & Captions */ .alignleft, img.alignleft { display:inline; float: left; margin-right: 1.5em; } .alignright, img.alignright { display:inline; float: right; margin-left: 1.5em; } .aligncenter, img.aligncenter { clear:both; display:block; margin-left:auto; margin-right:auto; } .alignnone { float: none; display: inline-block; } .has-text-align-left p, .alignleft { text-align: left; } .has-text-align-center p, .aligncenter { text-align: center; } .has-text-align-right p, .alignright { text-align: right; } .wp-caption { margin-bottom: 15px; max-width:100%; padding: 0; text-align:center; width:100%; } .wp-caption img { display:block; margin: 0 auto; max-width:100%; } .wp-caption-text, .wp-caption-dt { font-size: 0.85em; line-height: normal; margin: 0; padding: 10px 5px; text-align:center; } .wp-caption-text:empty, .wp-caption-dt:empty { display: none; } .wp-caption.alignnone { clear: both; } .wp-caption.alignright { margin:0.375em 0 1.75em 1.75em; } .wp-caption.alignleft { margin:0.375em 1.75em 1.75em 0; } img.alignleft, img.alignright, img.aligncenter, img.alignnone, .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter, .wp-caption.alignnone { margin-bottom: 1.75em; } /* #endregion */ /*-------------------------------------------------------------- Galleries --------------------------------------------------------------*/ /* #region - Galleries */ .gallery { display: flex; flex-flow: row wrap; margin: 0 -1.1666667% 1.75rem; } .gallery-item { display: inline-block; margin-right: 16px; margin-bottom: 16px; max-width: 33.33%; padding: 0 1.1400652% 2.2801304%; text-align: center; vertical-align: top; width: 100%; } /* .gallery-item:last-of-type { padding-right: 0; } */ dl.gallery-item { margin: 0; } .gallery-item img { border: 0px solid rgba(var(--wdtHeadAltColorRgb),0.15); } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-icon img { margin: 0 auto; } .gallery-caption { display: block; font-size: 0.81111em; margin: 0 0 10px; padding: 0.5rem; font-style: italic; line-height: 1.6153846154; hyphens: auto; word-break: break-word; -ms-word-wrap: break-word; word-wrap: break-word; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; } .gallery-columns-2 .gallery-item { max-width: calc((100% - 16px * 1) / 2); } .gallery-columns-2 .gallery-item:nth-of-type(2n+2) { margin-right: 0; } .gallery-columns-3 .gallery-item { max-width: calc((100% - 16px * 2) / 3); } .gallery-columns-3 .gallery-item:nth-of-type(3n+3) { margin-right: 0; } .gallery-columns-4 .gallery-item { max-width: calc((100% - 16px * 3) / 4); } .gallery-columns-4 .gallery-item:nth-of-type(4n+4) { margin-right: 0; } .gallery-columns-5 .gallery-item { max-width: calc((100% - 16px * 4) / 5); } .gallery-columns-5 .gallery-item:nth-of-type(5n+5) { margin-right: 0; } .gallery-columns-6 .gallery-item { max-width: calc((100% - 16px * 5) / 6); } .gallery-columns-6 .gallery-item:nth-of-type(6n+6) { margin-right: 0; } .gallery-columns-7 .gallery-item { max-width: calc((100% - 16px * 6) / 7); } .gallery-columns-7 .gallery-item:nth-of-type(7n+7) { margin-right: 0; } .gallery-columns-8 .gallery-item { max-width: calc((100% - 16px * 7) / 8); } .gallery-columns-8 .gallery-item:nth-of-type(8n+8) { margin-right: 0; } .gallery-columns-9 .gallery-item { max-width: calc((100% - 16px * 8) / 9); } .gallery-columns-9 .gallery-item:nth-of-type(9n+9) { margin-right: 0; } .gallery-item > div > a { display: block; line-height: 0; -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; margin-bottom: 0px; } .gallery-size-thumbnail .gallery-item figcaption { background: none; border: none; margin: 0; padding: 0; } /* #endregion */ /*-------------------------------------------------------------- Forms fields, Inputs & Buttons --------------------------------------------------------------*/ /* #region - Forms fields, Inputs & Buttons */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, textarea, select, optgroup { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ transition: var(--wdtBaseTransition); } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-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; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; border: 1px solid; padding: 15px; margin: 0 0 20px; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ font-weight: bold; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; opacity: 1; -webkit-appearance: "Always Show Up/Down Arrows"; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Inputs & fields */ input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], textarea, input.text, input[type="search"], .select2-container--default .select2-search .select2-search__field, .select2-container--default .select2-search--dropdown .select2-search__field, .select2-container--default .select2-search--inline .select2-search__field { border:1px solid; display: block; margin: 0; padding: var(--wdtInputPadding); width:100%; -webkit-appearance:none; appearance:none; -webkit-border-radius: 0px; border-radius: 0px; } .select2-container--default .select2-search .select2-search__field, .select2-container--default .select2-search--dropdown .select2-search__field, .select2-container--default .select2-search--inline .select2-search__field { border: 1px solid !important; } textarea { height:115px; overflow:auto; resize:none; } select { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 15px); background-repeat: no-repeat; } select, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple { border:1px solid; cursor:pointer; height:49px; margin:0; padding: 10px 30px 10px 10px; text-align: left !important; text-indent: 0.01px; text-overflow: ''; width:100%; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); } .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple { background: none !important; /* border-width: 0 !important; */ height: auto !important; padding: 0; -webkit-border-radius: var(--wdtRadius_Zero) !important; border-radius: var(--wdtRadius_Zero) !important; } .select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--multiple .select2-selection__arrow { top: 50% !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); right : 15px !important; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { white-space: normal; } .select2-container--default .select2-dropdown .select2-search--dropdown, .select2-container--default .select2-results>.select2-results__options { padding: 10px; } .select2-container--default .select2-dropdown--below .select2-results>.select2-results__options, .select2-container--default .select2-dropdown--above .select2-results>.select2-results__options { padding-top: 0; } .select2-container--default .select2-results>.select2-results__options .select2-results__option { height: auto; line-height: inherit; padding: 5px 10px;border-radius: var(--wdtRadius_Zero); font-size: var(--wdtFontSize_Ext); text-transform: uppercase; letter-spacing: 2.1px; font-weight: var(--wdtFontWeight_Alt);} .select2-container--default .select2-results>.select2-results__options .select2-results__option + .select2-results__option { margin-top: 1px; } .select2-container .select2-choice, .select2-drop, .select2-dropdown, .select2-drop.select2-drop-above, .select2-drop.select2-drop-below, .select2-container--open .select2-dropdown.select2-dropdown--above, .select2-container--open .select2-dropdown.select2-dropdown--below { -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); } .select2-container--open .select2-dropdown.select2-dropdown--above { margin-top: -10px; -webkit-box-shadow: 0 4px 5px rgba(var(--wdtHeadAltColorRgb),0.15), 0 1px 0 0 rgba(var(--wdtHeadAltColorRgb),0.15); box-shadow: 0 4px 5px rgba(var(--wdtHeadAltColorRgb),0.15), 0 1px 0 0 rgba(var(--wdtHeadAltColorRgb),0.15); } .select2-container--open .select2-dropdown.select2-dropdown--below { margin-top: 10px; -webkit-box-shadow: 0 4px 5px rgba(var(--wdtHeadAltColorRgb),0.15), 0 -1px 0 0 rgba(var(--wdtHeadAltColorRgb),0.15); box-shadow: 0 4px 5px rgba(var(--wdtHeadAltColorRgb),0.15), 0 -1px 0 0 rgba(var(--wdtHeadAltColorRgb),0.15); } .admin-bar .select2-container--open .select2-dropdown.select2-dropdown--below { margin-top: 32px; } .admin-bar .select2-container--open .select2-dropdown.select2-dropdown--above { margin-top: 22px; } .select2-drop .select2-results li, .select2-dropdown .select2-results li { padding-bottom: 0; } .select2-container { width: 100%; } .select2-container .select2-choice { padding: 0 0 0 15px; } .select2-results { padding: 5px 0; } .select2-results .select2-result-label { padding: 5px 15px; } .select2-results__option { overflow: hidden; padding: 0 20px; } .select2-container.select2-container--default .select2-selection--single { background-color: transparent; margin: 0; } .select2-results__option, .select2-container.select2-container--default .select2-selection--single, .select2-container.select2-container--default .select2-selection--multiple { height: 50px; line-height: 40px; } .select2-container.select2-container--default .select2-selection--multiple { min-height: 50px; } .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered { color: inherit; font-size: var(--wdtFontSize_Ext); line-height: inherit; padding-left: 15px; padding-right: 50px; text-transform: uppercase; letter-spacing: 2.1px; font-weight: var(--wdtFontWeight_Alt);} .select2-container--default .select2-selection--single .select2-selection__arrow b { border-top-color: currentColor !important; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-bottom-color: currentColor !important; } .select2-container .select2-choice .select2-arrow b:after { border: none; content: '\f107'; font-family: "Koka Icons"; margin-left: -15px; margin-top: 0; transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered { display: block; float: none; line-height: 1.8em; margin: 0; padding: 0 15px; width: auto; white-space: normal; } .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice { font-size: 0.9em; margin: 10px 5px 0 0; } .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline { display: block; float: none; margin: 0; width: auto !important; } .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline .select2-search__field { padding: 10px 0 !important; } .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline:first-child .select2-search__field { border-color: transparent !important; } .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice ~ li.select2-search--inline { margin-top: 10px; margin-bottom: 10px; } .select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice ~ li.select2-search--inline .select2-search__field { padding: 10px 15px !important; } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option[aria-selected='true'] { background-color: #f0f2f5; } /* Input fields Placeholder Styles */ ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: inherit; opacity: 0.55; } ::-moz-placeholder { /* Firefox 19+ */ color: inherit; opacity: 0.55; } :-ms-input-placeholder { /* IE 10+ */ color: inherit; opacity: 0.55; } :-moz-placeholder { /* Firefox 18- */ color: inherit; opacity: 0.55; } /* Buttons */ input[type="submit"], input[type="reset"], input[type="button"], button[type="button"], *[role="button"], button, .button, a.button, .wdt-button, .elementor-button.wdt-elementor-button, .elementor-element .elementor-button, .elementor-widget-button .elementor-button, .yith-wcwl-add-to-wishlist a, .yith-wcqv-button, .wdt-wcsg-button { border-width: 0; cursor: pointer; display: inline-block; float: none; font-family: var(--wdtFontTypo_Base); font-size: var(--wdtFontSize_Ext); font-style: normal; font-weight: var(--wdtFontWeight_Ext); line-height: var(--wdtLineHeight_Alt); margin: 10px 0 0; outline: none; padding: var(--wdtPadding_Btn); text-decoration: none; text-transform: uppercase; -webkit-appearance: none; appearance: none; -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); letter-spacing: 3px;white-space: normal;} .elementor-element .elementor-button.elementor-size-sm { font-size: 0.9em; padding: var(--wdtPadding_Btn); } .elementor-element .elementor-button.elementor-size-md { font-size: var(--wdtFontSize_Base); padding: var(--wdtPadding_Btn); } .elementor-element .elementor-button.elementor-size-xs, .elementor-element .elementor-button.elementor-size-sm, .elementor-element .elementor-button.elementor-size-md, .elementor-element .elementor-button.elementor-size-lg, .elementor-element .elementor-button.elementor-size-xl { font-weight: normal; -webkit-border-radius: var(--wdtRadius_3X); border-radius: var(--wdtRadius_3X); } .aligncenter input[type="submit"], .aligncenter input[type="reset"], .aligncenter input[type="button"], .aligncenter button[type="button"], .aligncenter *[role="button"], .aligncenter button, .aligncenter .button, .aligncenter a.button, .aligncenter .wdt-button { float: none; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border:0; padding:0; margin-top:-1px; margin-bottom:-1px; } .wdt-custom-btn-minsize { padding: var(--wdtPadding_MiniBtn); } .wdt-custom-btn-maxsize { padding: var(--wdtPadding_MaxiBtn); } .elementor-lightbox i[role="button"] { background: none; } /* -----Contact--Form--Spinner--Style-starts ------*/ .wpcf7-form .with-spinner { position: relative; display: inline-block; margin-bottom: 0; } .wpcf7-form input.wpcf7-submit{ margin-top: 0; } .wpcf7-form .with-spinner .wpcf7-spinner { left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); position: absolute; margin: 0 0; } /* -----Contact--Form--Spinner--Style-ends ------*/ /* Search form */ #searchform { display: inline-block; margin: 0; max-width: 250px; position: relative; } #searchform input[type="text"] { background: var(--wdtAccentTxtColor); font-size: 0.875rem; padding: var(--wdtInputPadding); text-transform: none; width: 220px; border-width: 1px; border-radius: 0; } body > .wdt-search-form-container #searchform input[type="text"]:focus, .wdt-header-icons-list>div.search-item:not(.search-default) .wdt-search-form-container #searchform input[type="text"]:focus { border-color: var(--wdtPrimaryColor); } #searchform label span { display: none; } #searchform input[type="submit"] { border-width: 0; cursor: pointer; margin: 0; padding: 0; text-indent: -9999px; z-index: 1; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none'%3E%3Cg clip-path='url(%23clip0_376_23)'%3E%3Cpath d='M22.7397 19.4379L15.7356 12.4338C16.4288 11.186 16.7918 9.78183 16.7918 8.34433V8.34426C16.7886 3.68913 13.0027 -0.1 8.34433 -0.1C3.68596 -0.1 -0.1 3.68913 -0.1 8.34433C-0.1 12.9996 3.6891 16.7887 8.34433 16.7887C9.78183 16.7887 11.186 16.4256 12.4338 15.7324L19.4379 22.7366C19.672 22.9707 19.9816 23.1 20.3143 23.1C20.647 23.1 20.9566 22.9707 21.1907 22.7366L22.7366 21.1907C22.9707 20.9566 23.1 20.647 23.1 20.3143C23.1 20.0572 23.0228 19.8139 22.8797 19.6086H22.9104L22.7397 19.4379ZM0.915071 8.32872V7.96869C1.11141 4.04117 4.36897 0.905703 8.34433 0.905703C12.4457 0.905703 15.783 4.24301 15.783 8.34433C15.783 9.73099 15.3978 11.0866 14.6708 12.2573C14.6335 12.3165 14.5964 12.3751 14.5564 12.4367C14.3993 12.6739 14.2268 12.9048 14.0422 13.1234L14.0421 13.1233L14.0396 13.1265C14.0309 13.1377 14.0212 13.1487 14.0092 13.1624L14.0084 13.1632C13.9978 13.1753 13.9852 13.1896 13.973 13.205C13.9616 13.2179 13.9526 13.2286 13.9445 13.2381C13.9315 13.2535 13.921 13.2659 13.9073 13.2796L13.9072 13.2795L13.9036 13.2835C13.7124 13.4963 13.5088 13.6999 13.296 13.8911L13.2816 13.9038C13.2331 13.9466 13.1842 13.9898 13.1379 14.028C13.123 14.0396 13.109 14.0511 13.0962 14.0616C13.0828 14.0727 13.0706 14.0827 13.0578 14.0927L13.0578 14.0927L13.0557 14.0944C12.9169 14.2085 12.7725 14.3191 12.6254 14.4202C12.5659 14.4609 12.5076 14.5008 12.4464 14.5406L12.4454 14.5412C12.3982 14.5727 12.3534 14.6026 12.3089 14.6293L12.3086 14.6288L12.3004 14.635C12.3004 14.635 12.2991 14.6358 12.2915 14.6401L12.2903 14.6407C12.2848 14.6438 12.2745 14.6495 12.2641 14.6568C11.0908 15.3828 9.73924 15.7673 8.3537 15.7673C4.25238 15.7673 0.915071 12.43 0.915071 8.32872ZM14.8013 13.789C14.9309 13.6355 15.0536 13.4758 15.171 13.3138L22.0174 20.1602C22.0609 20.2037 22.0849 20.2625 22.0849 20.3237C22.0849 20.3849 22.0609 20.4437 22.0174 20.4872L22.0188 20.4889L20.481 22.0268C20.3888 22.1189 20.2429 22.1189 20.1508 22.0268L13.3047 15.1806C13.4516 15.0741 13.5959 14.9616 13.736 14.8449L13.7362 14.8452L13.7427 14.8388C13.7438 14.8377 13.7458 14.836 13.7537 14.8299L13.7547 14.829C13.7604 14.8246 13.7701 14.8171 13.7797 14.8079C13.809 14.7832 13.8383 14.7578 13.8669 14.733L13.8671 14.7327C13.8969 14.7069 13.926 14.6816 13.955 14.6572L13.955 14.6573L13.9575 14.655L14.0043 14.6129L14.0511 14.5707L14.0518 14.5701C14.2032 14.4313 14.3487 14.289 14.4881 14.1402C14.515 14.1116 14.5411 14.0832 14.5667 14.0553L14.567 14.0549C14.5928 14.0268 14.6181 13.9992 14.6441 13.9717L14.6441 13.9718L14.6473 13.9681C14.685 13.9241 14.7212 13.8819 14.7573 13.8428L14.7574 13.843L14.7619 13.8375L14.7815 13.8134L14.8013 13.789Z' fill='currentColor' stroke='currentColor' stroke-width='0.2'%3E%3C/path%3E%3Cpath d='M13.9312 9.00955C14.2081 9.00955 14.434 8.78365 14.434 8.50669C14.434 5.035 11.6099 2.21403 8.14138 2.21403C7.86442 2.21403 7.63853 2.43992 7.63853 2.71688C7.63853 2.99383 7.86442 3.21973 8.14138 3.21973C11.056 3.21973 13.4283 5.59206 13.4283 8.50669C13.4283 8.78365 13.6542 9.00955 13.9312 9.00955Z' fill='black' stroke='black' stroke-width='0.2'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_376_23'%3E%3Crect width='23' height='23' fill='white'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none'%3E%3Cg clip-path='url(%23clip0_376_23)'%3E%3Cpath d='M22.7397 19.4379L15.7356 12.4338C16.4288 11.186 16.7918 9.78183 16.7918 8.34433V8.34426C16.7886 3.68913 13.0027 -0.1 8.34433 -0.1C3.68596 -0.1 -0.1 3.68913 -0.1 8.34433C-0.1 12.9996 3.6891 16.7887 8.34433 16.7887C9.78183 16.7887 11.186 16.4256 12.4338 15.7324L19.4379 22.7366C19.672 22.9707 19.9816 23.1 20.3143 23.1C20.647 23.1 20.9566 22.9707 21.1907 22.7366L22.7366 21.1907C22.9707 20.9566 23.1 20.647 23.1 20.3143C23.1 20.0572 23.0228 19.8139 22.8797 19.6086H22.9104L22.7397 19.4379ZM0.915071 8.32872V7.96869C1.11141 4.04117 4.36897 0.905703 8.34433 0.905703C12.4457 0.905703 15.783 4.24301 15.783 8.34433C15.783 9.73099 15.3978 11.0866 14.6708 12.2573C14.6335 12.3165 14.5964 12.3751 14.5564 12.4367C14.3993 12.6739 14.2268 12.9048 14.0422 13.1234L14.0421 13.1233L14.0396 13.1265C14.0309 13.1377 14.0212 13.1487 14.0092 13.1624L14.0084 13.1632C13.9978 13.1753 13.9852 13.1896 13.973 13.205C13.9616 13.2179 13.9526 13.2286 13.9445 13.2381C13.9315 13.2535 13.921 13.2659 13.9073 13.2796L13.9072 13.2795L13.9036 13.2835C13.7124 13.4963 13.5088 13.6999 13.296 13.8911L13.2816 13.9038C13.2331 13.9466 13.1842 13.9898 13.1379 14.028C13.123 14.0396 13.109 14.0511 13.0962 14.0616C13.0828 14.0727 13.0706 14.0827 13.0578 14.0927L13.0578 14.0927L13.0557 14.0944C12.9169 14.2085 12.7725 14.3191 12.6254 14.4202C12.5659 14.4609 12.5076 14.5008 12.4464 14.5406L12.4454 14.5412C12.3982 14.5727 12.3534 14.6026 12.3089 14.6293L12.3086 14.6288L12.3004 14.635C12.3004 14.635 12.2991 14.6358 12.2915 14.6401L12.2903 14.6407C12.2848 14.6438 12.2745 14.6495 12.2641 14.6568C11.0908 15.3828 9.73924 15.7673 8.3537 15.7673C4.25238 15.7673 0.915071 12.43 0.915071 8.32872ZM14.8013 13.789C14.9309 13.6355 15.0536 13.4758 15.171 13.3138L22.0174 20.1602C22.0609 20.2037 22.0849 20.2625 22.0849 20.3237C22.0849 20.3849 22.0609 20.4437 22.0174 20.4872L22.0188 20.4889L20.481 22.0268C20.3888 22.1189 20.2429 22.1189 20.1508 22.0268L13.3047 15.1806C13.4516 15.0741 13.5959 14.9616 13.736 14.8449L13.7362 14.8452L13.7427 14.8388C13.7438 14.8377 13.7458 14.836 13.7537 14.8299L13.7547 14.829C13.7604 14.8246 13.7701 14.8171 13.7797 14.8079C13.809 14.7832 13.8383 14.7578 13.8669 14.733L13.8671 14.7327C13.8969 14.7069 13.926 14.6816 13.955 14.6572L13.955 14.6573L13.9575 14.655L14.0043 14.6129L14.0511 14.5707L14.0518 14.5701C14.2032 14.4313 14.3487 14.289 14.4881 14.1402C14.515 14.1116 14.5411 14.0832 14.5667 14.0553L14.567 14.0549C14.5928 14.0268 14.6181 13.9992 14.6441 13.9717L14.6441 13.9718L14.6473 13.9681C14.685 13.9241 14.7212 13.8819 14.7573 13.8428L14.7574 13.843L14.7619 13.8375L14.7815 13.8134L14.8013 13.789Z' fill='currentColor' stroke='currentColor' stroke-width='0.2'%3E%3C/path%3E%3Cpath d='M13.9312 9.00955C14.2081 9.00955 14.434 8.78365 14.434 8.50669C14.434 5.035 11.6099 2.21403 8.14138 2.21403C7.86442 2.21403 7.63853 2.43992 7.63853 2.71688C7.63853 2.99383 7.86442 3.21973 8.14138 3.21973C11.056 3.21973 13.4283 5.59206 13.4283 8.50669C13.4283 8.78365 13.6542 9.00955 13.9312 9.00955Z' fill='black' stroke='black' stroke-width='0.2'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_376_23'%3E%3Crect width='23' height='23' fill='white'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: 1.25em auto; mask-size: 1.25em auto; background-color: var(--wdtLinkColor); } #searchform input[type="submit"]:hover { background-color: var(--wdtLinkHoverColor); } #searchform .wdt-search-icon { background-color: #ff0000; color: #fff; height: inherit; opacity: 0; left: 100%; visibility: hidden; z-index: -1; -webkit-transform: translateX(-100%); transform: translateX(-100%); display: none; } #searchform .wdt-search-icon span { display: block; height: 100%; width: 100%; } #searchform .wdt-search-icon span:before { margin: auto; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #searchform:before, #searchform input[type="submit"], #searchform .wdt-search-icon { height: inherit; margin-top: auto; margin-bottom: auto; position: absolute; bottom: 0; right: 0; top: 0; text-align: center; width: 50px; } #searchform:hover .wdt-search-icon { opacity: 1; visibility: visible; -webkit-transform: translateX(1px); transform: translateX(1px); } /* Contact Form - Validation */ .wpcf7-form-control-wrap { clear: both; display: inline-block; width: 100%; vertical-align: top; } .wpcf7-form .wpcf7-response-output, .wpcf7 form .wpcf7-response-output { float: left; width: 100%; margin: 10px 0 0; } .wpcf7-form .wpcf7-response-output, .wpcf7 form .wpcf7-response-output { position: relative; clear: both; float: left; margin-left: 0; margin-right: 0; padding: 15px 15px 15px 45px; width: 100%; box-sizing: border-box; } .wpcf7-form.invalid .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output { background-color: #ffcccc; border: 1px solid #ff9999; color: #d01313; position: relative; } .wpcf7-btn-wrap.left-align { text-align: left; } .wpcf7-btn-wrap.left-align { text-align: left; } .wpcf7-btn-wrap.center-align { text-align: center; } .wpcf7-btn-wrap.right-align { text-align: right; } .wpcf7-form.sent .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output { background-color: #eafac0; border: 1px solid #b1cf67; color: #7ba411; } .wpcf7-form .wpcf7-response-output:before, .wpcf7 form .wpcf7-response-output:before { top: 28px; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 18px; font-family: "Koka Icons"; font-style: normal; font-weight: bold; text-decoration: inherit; font-size: 18px; position: absolute; } .wpcf7-form.invalid .wpcf7-response-output:before, .wpcf7 form.invalid .wpcf7-response-output:before { content: "\e817"; } .wpcf7-form.sent .wpcf7-response-output:before, .wpcf7 form.sent .wpcf7-response-output:before { content: "\e814"; } /* #endregion */ /* Framework Ajax product */ .entry-grid-layout.wdt-post-entry .blog-entry.product.type-product > div.entry-date { display: none; } /*-------------------------------------------------------------- Disqus & Unit Test Styles --------------------------------------------------------------*/ #disqus_thread:empty { display: none; } #disqus_thread { margin: 50px 0; box-shadow: 0 0.3rem 2.9rem 0 rgba(var(--wdtHeadAltColorRgb),0.15); padding: 50px; width: 100%; float: left; } #disqus_thread > iframe { float: left; } #disqus_thread a, #disqus_thread a:focus, #disqus_thread button:focus, #disqus_thread .nav-tab--secondary > a, #disqus_thread .nav-tab--secondary > div a, #thread__container .tab-general > a, #thread__container .tab-general > a:focus, #thread__container .tab-general > button, #thread__container .tab-general > button:focus { outline: 0 !important; outline-offset: 0 !important; } #disqus_thread #layout { float: left; width: 100%; } /*-------------------------------------------------------------- GutenBerg & Block Styles --------------------------------------------------------------*/ /* #region - GutenBerg & Block Styles */ /* Quote - Block */ blockquote.wp-block-quote, .wp-block-pullquote blockquote { background-color: transparent; } blockquote.wp-block-quote { margin: 0 0 1rem; } blockquote.wp-block-quote.is-large, blockquote.wp-block-quote.is-style-large { margin: 1rem 0; } .wp-block-quote { border-left: 4px solid currentColor; padding: 0 0 0 1rem; margin: 0; } .wp-block-quote > cite > br:first-child { display: none; } .wp-block-quote > cite, .wp-block-pullquote cite, .wp-block-pullquote__citation, .wp-block-pullquote footer { font-weight: 600; letter-spacing: 0.5px; margin-top: 0; text-align: inherit; } .wp-block-quote.is-large:not(.is-style-plain), .wp-block-quote.is-style-large:not(.is-style-plain) { padding: 0 0 0 1rem; } .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { display: inline-block; margin-top: 10px; } .wp-block-quote.has-text-align-right { border-width: 0 4px 0 0; padding: 0 1.5rem 0 0; border-style: solid; margin: 32px 0; } body.has-gutenberg-blocks .wp-block-quote.is-style-large cite br { display: none; } .wp-block-pullquote { border-width: 2px 0; border-style: solid; display: inline-block; padding: 1rem; width: 100%; } .wp-block-pullquote blockquote { background-color: transparent; border-width: 0; margin-top: calc(3 * 1rem); margin-bottom: calc(3.33 * 1rem); padding: 0; } .wp-block-pullquote blockquote p { line-height: var(--wdtLineHeight_Base); } .wp-block-pullquote blockquote p, .wp-block-pullquote.is-style-solid-color blockquote p { font-weight: normal; font-style: italic; margin-bottom: 0.5rem; margin-top: 0.5rem; } .wp-block-pullquote.alignleft blockquote, .wp-block-pullquote.alignleft blockquote * { text-align: left; } .wp-block-pullquote.alignright blockquote, .wp-block-pullquote.alignright blockquote * { text-align: right; } .wp-block-pullquote__citation, .wp-block-pullquote cite, .wp-block-pullquote footer { text-transform: none; } /* Image - Block */ .wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.is-resized { display: grid; } .wp-block-image .aligncenter { justify-content: center; } .wp-block-image .alignright { justify-content: flex-end; } .wp-block-image figcaption { font-size: 90%; } /* Table - Block */ .wp-block-table, .wp-block-table.is-style-stripes { border-collapse: collapse; } .wp-block-table td, .wp-block-table th, .wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th { border-color: rgba(var(--wdtHeadAltColorRgb),0.15); border-width: 1px; border-style: solid; } .wp-block-table tbody tr:nth-child(2n+1) { background: rgba(0, 0, 0, 0); } .wp-block-table td, .wp-block-table th { vertical-align: middle; } .wp-block-table.is-style-stripes { margin-bottom: 2em; } .wp-block-table.is-style-stripes .has-fixed-layout { margin-bottom: 0; } /* Media - Block */ .wp-block-image > figure:not([class*="align"]) { margin: 0; } .wp-block-image .alignleft { margin-right: 2em; } .wp-block-image .alignright { margin-left: 2em; } .wp-block-cover h2, .wp-block-cover-image h2, .wp-block-cover .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover-image .wp-block-cover-text { padding: 0.75em; font-weight: bold; } .wp-block-cover .wp-block-cover-text strong, .wp-block-cover-image .wp-block-cover-text strong { font-weight: 900; } .wp-block-cover, .wp-block-media-text { margin-bottom: 1.5em; } .wp-block-media-text .wp-block-media-text__content p { margin: 1rem 0; } .wp-block-cover.has-background-dim p:not(.has-text-color), .wp-block-cover.has-background-dim p:not(.has-text-color):not(.wp-block-cover-text) a { color: var(--wdtAccentTxtColor); } .wp-block-cover.has-background-dim p:not(.has-text-color) a:hover { opacity: 0.75; } /* Button - Block */ .wp-block-button__link { margin: .75em 0; } .wp-block-button .wp-block-button__link { font-size: var(--wdtFontSize_Base); line-height: 1.75;padding: var(--wdtPadding_Btn); } .is-style-squared .wp-block-button__link { border-radius: 0; } .is-style-outline .wp-block-button__link:hover { color: var(--wdtHeadAltColor); } .wp-block-button.is-style-underline .wp-block-button__link { background: none !important; color: var(--wdtHeadAltColor) !important; padding-left: 0; padding-right: 0; text-decoration-color: var(--wdtPrimaryColor); text-decoration-thickness: 3px; text-decoration-style: solid; text-decoration-line: underline; text-underline-offset: 6px; } .wp-block-button.is-style-underline .wp-block-button__link:hover { text-decoration-color: var(--wdtSecondaryColor); text-decoration-thickness: 4px; } /* Widget - Block */ .wp-block-archives, .wp-block-categories, .wp-block-latest-posts, .wp-block-archives ul, .wp-block-categories ul, .wp-block-latest-posts ul { list-style: none; } .wp-block-archives, .wp-block-categories, .wp-block-latest-posts, .wp-block-latest-comments { padding-left: 0; } .wp-block-latest-posts.is-grid li, .wp-block-latest-comments li { padding: 0; } .wp-block-latest-comments li.wp-block-latest-comments__comment { line-height: 1.8; } .wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-author, .wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-date, .wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-date { font-size: 0.8em; } .wp-block-rss li.wp-block-rss__item .wp-block-rss__item-title, .wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-title { display: inline-block; width: 100%; } .wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-author, .wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-author, .wp-block-rss li.wp-block-rss__item .wp-block-rss__item-publish-date { margin-right: 12px; } .wp-block-rss li.wp-block-rss__item .wp-block-rss__item-author, .wp-block-rss li.wp-block-rss__item .wp-block-rss__item-publish-date, .wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-author, .wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-date { display: inline-block; } .wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { line-height: inherit; } .wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-date { display: inline-block; line-height: var(--wdtLineHeight_Base);margin-top: 5px; margin-bottom: 5px; width: 100%; } .wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt, .wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt p { font-size: var(--wdtFontSize_Base); line-height: var(--wdtLineHeight_Base); } .wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt > * { font-size: inherit; } .wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt > *, .wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt > *, .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-link { line-height: inherit; } .wp-block-rss li.wp-block-rss__item .wp-block-rss__item-title, .wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__post-title, .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-link { font-family: var(--wdtFontTypo_Alt); font-weight: 600; } .wp-block-rss li.wp-block-rss__item .wp-block-rss__item-title, .wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__post-title { font-size: 1.1em; line-height: var(--wdtLineHeight_Alt); } .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-author { font-weight: 500; } .wp-block-rss li.wp-block-rss__item .wp-block-rss__item-excerpt { margin-top: 0.5em; } .wp-block-archives-dropdown, .wp-block-categories-dropdown, .wp-block-calendar { margin-bottom: 25px; } .wp-block-archives-dropdown label:not(.screen-reader-text), .wp-block-categories-dropdown label:not(.screen-reader-text) { color: var(--wdtBodyTxtColor); display:inline-block; font-size:var(--wdtFontSize_Base); font-weight: 600; margin:0 0 10px; width: 100%; } .wp-block-archives-dropdown label { display: block; margin-bottom: 0.75rem; } .wp-block-calendar .wp-calendar-nav { display: flex; justify-content: space-between; } .wp-block-search, .wp-block-search .wp-block-search__inside-wrapper { display: block; } .wp-block-search .wp-block-search__button { margin-left: 0; margin-bottom: 25px; } .wp-block-archives-list li a:not(:focus), .wp-block-calendar a:not(:focus), .wp-block-latest-comments li a:not(:focus), .wp-block-latest-posts li a:not(:focus), .wp-block-rss li a:not(:focus) { text-decoration: none; } /* Gallery - Block */ .wp-block-gallery li { padding: 0; } .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img, .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img { flex: 1; height: 100%; object-fit: cover; -o-object-fit: cover; } .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure { position: relative; } body.has-gutenberg-blocks ul.wp-block-gallery { display: flex; margin-bottom: 20px; padding-left: 0; } body.has-gutenberg-blocks figcaption.blocks-gallery-caption { margin: 0 0 1em; } .alignfull.wp-block-gallery { margin-bottom: 2rem; } .wp-block-gallery:not(.has-nested-images).alignleft { margin-right: 1.5em; } .wp-block-gallery:not(.has-nested-images).alignright { margin-left: 1.5em; } /* Misc - Block */ .alignfull { max-width: inherit; position: relative; } .alignwide { clear: both; width: 100%; } #primary:not(.page-with-sidebar) .alignfull { margin-left: -50vw; margin-right: -50vw; max-width: 100vw; position: relative; left: 50%; right: 50%; width: 100vw; } #primary:not(.page-with-sidebar) .wp-block-columns.alignfull { padding: 0 0.5em; } #primary:not(.page-with-sidebar) .alignfull.wp-block-embed iframe, #primary:not(.page-with-sidebar) .alignfull.wp-block-embed figcaption { max-width: 100%; width: 100%; } .wp-block-spacer { clear: both; display: block; float: none; margin: 0 !important; } .wp-block-separator { background: #eaeaea; border-width: 0; margin-left: auto; margin-right: auto; } .wp-block-separator.is-style-dots { color: currentColor; } .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { width: 100px; } pre.wp-block-verse { white-space: nowrap; overflow: auto; } .wp-block-embed__wrapper{ word-break: break-all; } .wp-block-preformatted { display: inline-block; white-space: pre; width: 100%; } body.has-gutenberg-blocks .blog-single-entry .entry-body { padding: 0; } body.has-gutenberg-blocks .blog-single-entry .entry-body > *[class^="wp-block"] { margin-bottom: 30px; } p.has-large-font-size, body.has-gutenberg-blocks p.has-large-font-size, body.has-gutenberg-blocks .blog-single-entry .entry-body > p[style*="font-size"], p.has-large-font-size + p[style="font-size:46px"] { line-height: var(--wdtLineHeight_Alt); } .has-drop-cap { clear: both; display: inline-block; width: 100%; } .has-large-font-size, .has-medium-font-size { margin-bottom: 1.5rem; } .has-background p, .wp-block-group.has-background p {margin-bottom: 0;} .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {padding: 10px 15px;border: 1px solid var(--wdtBorderColor);} .wp-block-query-pagination.wp-block-query-pagination-is-layout-flex {display: block;} .wp-block-social-link, .wp-block-social-links.is-style-pill-shape .wp-social-link, .wp-block-social-link, .wp-block-social-links.is-style-pill-shape .wp-social-link {padding: 0;} .wp-block-social-links.is-style-pill-shape .wp-social-link a {padding-left: 0.25em;padding-right: 0.25em;} .wp-block-columns.has-background, .wp-block-column.has-background, .wp-block-group.has-background {padding: 1rem;margin-bottom: 20px;} .wp-block-cover-image.is-light .wp-block-cover__inner-container, .wp-block-cover.is-light .wp-block-cover__inner-container {color: #fff;} .wp-block-button__link {background-color: var(--wdtPrimaryColor);} .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { background-color: var(--wdtSecondaryColor);color: var(--wdtAccentTxtColor); } .wp-block-file a:not(.wp-block-file__button) { box-shadow: inset 0 -1px 0 var(--wdtPrimaryColor); } .wp-block-file .wp-block-file__button { background-color: var(--wdtPrimaryColor); border-radius: 2em; color: #fff; font-size: .8em; padding: 0.5em 1em; display: table;margin: 10px 0 10px 0;} .wp-block-file .wp-block-file__button:hover {background-color: var(--wdtSecondaryColor);} body.has-gutenberg-blocks *[class^="wp-block"] .selection-box { display: inline-block; } body.has-gutenberg-blocks *[class^="wp-block"].wp-block-archives-dropdown .selection-box { margin-bottom: 20px; } .wp-block-group.has-background { padding: 1rem; margin-bottom: 40px; } /* New */ .wp-block-social-links.is-style-default .wp-social-link.wp-social-link.wp-social-link { padding: 5px; } figure.wp-block-image a:focus, .wp-block-image figure a:focus, .wp-block-gallery .blocks-gallery-item figure a:focus { outline: none; } @media only screen and (max-width: 479px) { *[class*="columns-"].wp-block-gallery .blocks-gallery-item figcaption { display: none; } .wp-block-audio audio { min-width: 100%; } .wp-block-embed-instagram iframe { min-width: 290px !important; width: 290px !important; } } /* CoBlock - Twitter */ .wp-block-coblocks-click-to-tweet { background: none; padding: 0; } .wp-block-coblocks-click-to-tweet__twitter-btn:not(.has-button-color):hover, .wp-block-coblocks-social:not(.is-style-text):not(.is-style-icon-and-text) .wp-block-coblocks-social__button:hover { background-color: var(--wdtHeadAltColor) !important; color: var(--wdtAccentTxtColor); } .wp-block-coblocks-accordion-item__title:focus { outline: none; } .wp-block-coblocks-click-to-tweet__text { padding-left: 0; } .wp-block-coblocks-click-to-tweet__text::before { display: inline-block; margin-right: 15px; position: relative; top: 5px; } .wp-block-coblocks-alert { margin-bottom: 20px; } .wp-block-coblocks-author__avatar-img { left: 0; } /* #endregion */ /*-------------------------------------------------------------- Elementor Template Style Overwrite --------------------------------------------------------------*/ .elementor_library > div:not(.single-entry-body) { display: none; } /* #endregion */ /*-------------------------------------------------------------- Default Color --------------------------------------------------------------*/ /* #region - Default Color */ a:hover, .gallery-caption { color: var(--wdtBodyTxtColor); } .selection-box:before { border-top-color: var(--wdtBodyTxtColor); } th, th a, .post-edit-link:hover, #searchform:hover:before, #searchform:focus-within:before, .select2-container--default .select2-results .select2-results__option[aria-selected=true], .select2-container--default .select2-results .select2-results__option--highlighted[aria-selected], input[type="submit"], input[type="reset"], input[type="button"], button[type="button"], *[role="button"], button, .button, a.button, .wdt-button, .elementor-button.wdt-elementor-button, .elementor-widget-button .elementor-button, .yith-wcwl-add-to-wishlist a, .yith-wcqv-button, .wdt-wcsg-button, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button[type="button"]:hover, *[role="button"]:hover, button:hover, .button:hover, a.button:hover, .wdt-button:hover, .elementor-button.wdt-elementor-button:hover, .elementor-widget-button .elementor-button:hover, .wp-block-search .wp-block-search__button:hover, .yith-wcwl-add-to-wishlist a:hover, .yith-wcqv-button:hover, .wdt-wcsg-button:hover { color: var(--wdtAccentTxtColor); } th a:hover { color: rgba(var(--wdtAccentTxtColorRgb),0.55); } td a, ins, .form-calender-icon input[type="text"], input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], textarea, input.text, input[type="search"], textarea, select, .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__placeholder, .select2-dropdown .select2-result { color: inherit; } #searchform:before, #searchform input[type="text"] { color: var(--wdtBodyTxtColor); } a, .post-edit-link, dialog, td a:hover, body .blog-single-entry ul li .comment-body .comment-content td a:hover, .blog-single-entry .single-entry-body tbody th a:hover { color: var(--wdtHeadAltColor); } .blog-single-entry .single-entry-body > p > img[class="align"]:only-child { clear: both; } /* tbody tr:nth-child(2n+1) { background:rgba(var(--wdtHeadAltColorRgb),0.03); } */ dialog, #searchform .wdt-search-icon { background-color: var(--wdtBodyBGColor); } hr, .wp-block-separator { background-color: var(--wdtBorderColor); } blockquote, .wp-block-quote, .wp-block-pullquote { border-color: rgba(var(--wdtHeadAltColorRgb),0.2); } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], textarea, input.text, input[type="search"], fieldset, select, abbr, acronym, pre, #searchform, .comment-form > p input[type="checkbox"] ~ label:before, .comment-form > p input[type="radio"] ~ label:before, .comment-form-wdt-privatepolicy input[type="checkbox"] ~ label:before, .woocommerce-form__label-for-checkbox > span:before, .woocommerce .woocommerce-shipping-methods input[type="radio"] ~ label:before, .woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"] ~ label:before { border-color: rgba(var(--wdtHeadAltColorRgb),0.20); } .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple, .select2-dropdown, .select2-container--default .select2-search .select2-search__field, .select2-container--default .select2-search--dropdown .select2-search__field, .select2-container--default .select2-search--inline .select2-search__field { border-color: rgba(var(--wdtHeadAltColorRgb),0.15) !important; } .has-body-bg-background-color { background-color: var(--wdtBodyBGColor); } .has-body-text-background-color { background-color: var(--wdtBodyTxtColor); } .has-alternate-background-color { background-color: var(--wdtHeadAltColor); } .has-transparent-background-color { background-color:rgba(0, 0, 0, 0); } .has-body-bg-color { color: var(--wdtBodyBGColor); } .has-body-text-color { color: var(--wdtBodyTxtColor); } .has-alternate-color { color: var(--wdtHeadAltColor); } .has-transparent-color { color:rgba(0, 0, 0, 0); } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, input.text:focus { outline: none; outline-offset: -3px; /* -webkit-box-shadow: 0 0 2px 1px rgba(var(--wdtHeadAltColorRgb),0.15); box-shadow: 0 0 2px 1px rgba(var(--wdtHeadAltColorRgb),0.15); */ } .comment-form > p input[type="checkbox"]:focus:not(:checked) ~ label:before, .comment-form > p input[type="radio"]:focus:not(:checked) ~ label:before, .comment-form-wdt-privatepolicy input[type="checkbox"]:focus:not(:checked) ~ label:before, .woocommerce-form__label-for-checkbox > input:focus:not(:checked) ~ span:before, .woocommerce .woocommerce-shipping-methods input[type="radio"]:focus:not(:checked) ~ label:before, .woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"]:focus:not(:checked) ~ label:before { outline: none; } /* Focusing the button with a keyboard will show a dashed black line. */ input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus, button[type="button"]:focus, *[role="button"]:focus, button:focus, .button:focus, a.button:focus, .wdt-button:focus, .elementor-button.wdt-elementor-button:focus, .elementor-widget-button .elementor-button:focus, .yith-wcwl-add-to-wishlist a:focus, .yith-wcqv-button:focus, .wdt-wcsg-button:focus, a.post-edit-link:focus, a.skip-link:focus { outline: none; outline-offset: -3px; text-decoration: none !important; /* -webkit-box-shadow: 1px 1px 3px rgba(var(--wdtHeadAltColorRgb),0.25); box-shadow: 1px 1px 3px rgba(var(--wdtHeadAltColorRgb),0.25); */ } /* Focusing the button with a mouse, touch, or stylus will show a subtle drop shadow. */ input[type="submit"]:focus:not(:focus-visible), input[type="reset"]:focus:not(:focus-visible), input[type="button"]:focus:not(:focus-visible), button[type="button"]:focus:not(:focus-visible), *[role="button"]:focus:not(:focus-visible), button:focus:not(:focus-visible), .button:focus:not(:focus-visible), a.button:focus:not(:focus-visible), .wdt-button:focus:not(:focus-visible), .elementor-button.wdt-elementor-button:focus:not(:focus-visible), .elementor-widget-button .elementor-button:focus:not(:focus-visible), .yith-wcwl-add-to-wishlist a:focus:not(:focus-visible), .yith-wcqv-button:focus:not(:focus-visible), .wdt-wcsg-button:focus:not(:focus-visible), a.post-edit-link:focus:not(:focus-visible), a.skip-link:focus:not(:focus-visible) { outline: none; outline-offset: -3px; text-decoration: none !important; /* -webkit-box-shadow: 1px 1px 3px rgba(var(--wdtHeadAltColorRgb),0.25); box-shadow: 1px 1px 3px rgba(var(--wdtHeadAltColorRgb),0.25); */ } .screen-reader-text:focus { -webkit-box-shadow: 0 0 2px 2px rgba(var(--wdtHeadAltColorRgb),0.6); box-shadow: 0 0 2px 2px rgba(var(--wdtHeadAltColorRgb),0.6); } /* DarkBG Color Override */ .wdt-dark-bg, .wdt-dark-bg h1, .wdt-dark-bg h2, .wdt-dark-bg h3, .wdt-dark-bg h4, .wdt-dark-bg h5, .wdt-dark-bg h6 { color: var(--wdtAccentTxtColor); } .wdt-dark-bg { border-color:var(--wdtBodyBGColor); } .wdt-dark-bg fieldset { border-color:rgba(var(--wdtBodyBGColorRgb), 0.2); } .wdt-dark-bg .wp-caption-text, .wdt-dark-bg .wp-caption-dt { background:rgba(var(--wdtBodyBGColorRgb),0.15); border-color:rgba(var(--wdtBodyBGColorRgb),0.05); } /* #endregion */ /*blog detail*/ .post.type-post .entry-thumb .blog-image .wdt-video-wrap div.wp-video { width: 100% !important; } .mejs-button>button { padding: 0px !important; background-color: transparent !important; } .mejs-overlay-button { background-color: transparent !important; } /*-------------------------------------------------------------- Accents --------------------------------------------------------------*/ /* #region - Accents */ /* Primary */ a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .has-primary-color { color: var(--wdtPrimaryColor); } table:not(.shop_attributes) > tbody:first-child > tr > th, th, .wp-block-calendar table th, .select2-container--default .select2-results .select2-results__option[aria-selected=true], input[type="submit"], input[type="reset"], input[type="button"], button[type="button"], *[role="button"], button, .button, a.button, .has-primary-background-color { background-color: var(--wdtPrimaryColor); } .select2-container--default .select2-results .select2-results__option--highlighted[aria-selected] { background-color: rgba(var(--wdtPrimaryColorRgb),0.85); } /* Secondary */ .has-secondary-color { color: var(--wdtSecondaryColor); } .has-secondary-background-color { background-color: var(--wdtSecondaryColor); } input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button[type="button"]:hover, *[role="button"]:hover, button:hover, .button:hover, a.button:hover, .wp-block-search .wp-block-search__button:hover, .wdt-infinite-portfolio-load-more:hover, #wpsl-stores li > p ~ .wpsl-directions:hover { background-color: var(--wdtSecondaryColor); border-color: transparent; } /* Tertiary */ .has-tertiary-background-color { background-color: var(--wdtTertiaryColor); } .has-tertiary-color { color: var(--wdtTertiaryColor); } /* #endregion */ /*-------------------------------------------------------------- Responsive --------------------------------------------------------------*/ /*----*****---- << Tablet (Landscape) >> ----*****----*/ /* Note: Design for a width of 960px */ @media only screen and (max-width:1280px) { } /* Common Styles for the devices below 767px width */ @media only screen and (min-width: 1025px) and (max-width: 1280px) { .page-with-sidebar .wp-block-gallery.columns-6 .blocks-gallery-grid, .page-with-sidebar .wp-block-gallery.columns-7 .blocks-gallery-grid, .page-with-sidebar .wp-block-gallery.columns-8 .blocks-gallery-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-right: -20px; } .page-with-sidebar .wp-block-gallery.columns-6 .blocks-gallery-grid .blocks-gallery-item, .page-with-sidebar .wp-block-gallery.columns-7 .blocks-gallery-grid .blocks-gallery-item, .page-with-sidebar .wp-block-gallery.columns-8 .blocks-gallery-grid .blocks-gallery-item { margin: 0; padding: 0 20px 20px 0; width: 100%; } } /* Common Styles for the devices below 767px width */ @media only screen and (min-width: 600px) and (max-width: 1024px) { .page-with-sidebar .wp-block-gallery.columns-6 .blocks-gallery-grid, .page-with-sidebar .wp-block-gallery.columns-7 .blocks-gallery-grid, .page-with-sidebar .wp-block-gallery.columns-8 .blocks-gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-right: -20px; } .page-with-sidebar .wp-block-gallery.columns-6 .blocks-gallery-grid .blocks-gallery-item, .page-with-sidebar .wp-block-gallery.columns-7 .blocks-gallery-grid .blocks-gallery-item, .page-with-sidebar .wp-block-gallery.columns-8 .blocks-gallery-grid .blocks-gallery-item { margin: 0; padding: 0 20px 20px 0; width: 100%; } } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { } /*----*****---- << Mobile - Portrait >> ----*****----*/ /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { } /* #region - Responsive */ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (min-width: 320px) and (max-width: 479px) { /*----*****---- << Miscellaneous >> --****--*/ th, td, tbody th { font-size: 11px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 319px) { th, td, tbody th { font-size: 10px; } } /* #endregion */