/* ========================================================================== 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; } header#header .elementor-icon-list-items .elementor-icon-list-item { pointer-events: unset; } header#header .elementor-icon-list-items .elementor-icon-list-item a { pointer-events: unset; } .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-name: adFadeInIn !important; 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-name: adFadeInUp !important; 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-name: adfadeInDown !important; 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); transform-origin: bottom left; } to { opacity: 1; transform: translateY(0) translateZ(0); } } @keyframes adfadeInDown { from { opacity: 0; transform: translateY(-60px) translateZ(0); transform-origin: bottom left; } to { opacity: 1; transform: translateY(0) translateZ(0); } } .fadeInLeft { animation-name: adFadeInLeft !important; 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-name: adFadeInRight !important; 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: 5px 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: 20px; } .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:2px dashed; display: block; margin: 0; padding: var(--wdtInputPadding); width:100%; -webkit-appearance:none; appearance:none; -webkit-border-radius: var(--wdtRadius_2X); border-radius: var(--wdtRadius_2X); background-color: rgba(var(--wdtTertiaryColorRgb)); } .select2-container--default .select2-search .select2-seach__field, .select2-container--default .select2-search--dropdown .select2-search__field, .select2-container--default .select2-search--inline .select2-search__field { border: 2px dashed !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:2px dashed; 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_2X); border-radius: var(--wdtRadius_2X); } .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_2X) !important; border-radius: var(--wdtRadius_2X) !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_1X); } .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_3X); border-radius: var(--wdtRadius_3X); } .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: 50px; } .select2-container.select2-container--default .select2-selection--multiple { min-height: 50px; } .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered { font-family: var(--wdtFontTypo_Base); font-weight: var(--wdtFontWeight_Base); color: inherit; font-size: var(--wdtFontSize_Base); line-height: inherit; padding-left: 15px; padding-right: 50px; } .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: "AForApple 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: 1; } ::-moz-placeholder { /* Firefox 19+ */ color: inherit; opacity: 1; } :-ms-input-placeholder { /* IE 10+ */ color: inherit; opacity: 1; } :-moz-placeholder { /* Firefox 18- */ color: inherit; opacity: 1; } /* 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_Alt); font-size: var(--wdtFontSize_Base); font-style: normal; font-weight: calc(var(--wdtFontWeight_Alt) - 100); line-height: var(--wdtLineHeight_Alt); margin: 10px 0 0; outline: none; padding: var(--wdtPadding_Btn); text-decoration: none; text-transform: capitalize; -webkit-appearance: none; appearance: none; -webkit-border-radius: var(--wdtRadius_Part); border-radius: var(--wdtRadius_Part); } .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; text-transform: uppercase; } .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; } .wdt-search-form-container #searchform input[type="text"] { background: none; font-size: 16px; padding: clamp(1.25rem, 1.1058rem + 0.641vw, 1.875rem) clamp(1.875rem, 1.7308rem + 0.641vw, 2.5rem); /* 20px to 30px and 30px to 40px */ text-transform: none; width: 220px; } #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' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 487.95 487.95' style='enable-background:new 0 0 487.95 487.95;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M481.8,453l-140-140.1c27.6-33.1,44.2-75.4,44.2-121.6C386,85.9,299.5,0.2,193.1,0.2S0,86,0,191.4s86.5,191.1,192.9,191.1 c45.2,0,86.8-15.5,119.8-41.4l140.5,140.5c8.2,8.2,20.4,8.2,28.6,0C490,473.4,490,461.2,481.8,453z M41,191.4 c0-82.8,68.2-150.1,151.9-150.1s151.9,67.3,151.9,150.1s-68.2,150.1-151.9,150.1S41,274.1,41,191.4z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 487.95 487.95' style='enable-background:new 0 0 487.95 487.95;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M481.8,453l-140-140.1c27.6-33.1,44.2-75.4,44.2-121.6C386,85.9,299.5,0.2,193.1,0.2S0,86,0,191.4s86.5,191.1,192.9,191.1 c45.2,0,86.8-15.5,119.8-41.4l140.5,140.5c8.2,8.2,20.4,8.2,28.6,0C490,473.4,490,461.2,481.8,453z M41,191.4 c0-82.8,68.2-150.1,151.9-150.1s151.9,67.3,151.9,150.1s-68.2,150.1-151.9,150.1S41,274.1,41,191.4z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A"); -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; } #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 10px; } .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; border-radius: var(--wdtRadius_2X); } .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: 50%; */ top: 17px; /* transform: translateY(-50%); -webkit-transform: translateY(-50%); */ left: 18px; font-family: "AForApple Icons"; font-style: normal; font-weight: bold; text-decoration: inherit; font-size: 20px; position: absolute; line-height: normal; } .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(--wdtSecondaryColorRgb),0); } .woocommerce .quantity.quantity-with-arrows input[type="number"] { border-color: rgba(var(--wdtSecondaryColorRgb),1); } .woocommerce .quantity.quantity-with-arrows input[type="number"]:focus { border-color: rgba(var(--wdtPrimaryColorRgb),1); } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="range"]:focus, input[type="date"]:focus, textarea:focus, input.text:focus, input[type="search"]:focus, fieldset:focus, select:focus, abbr:focus, acronym:focus, pre:focus, #searchform:focus { border-color: rgba(var(--wdtPrimaryColorRgb), 1); } .select2-container--default .select2-selection--single { border-color: rgba(var(--wdtHeadAltColorRgb),0.8) !important; } .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: transparent !important; } .select2-container--default .select2-search .select2-search__field:focus, .select2-container--default .select2-search--dropdown .select2-search__field:focus { border-color: rgba(var(--wdtLinkHoverColorRgb),0.8) !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 */ /*-------------------------------------------------------------- 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 */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Custom Style */ .woocommerce ul.products li.product .product-details > div.tinv-wishlist { display: none; } .woocommerce ul.products li.product .product-thumb { border: 2px dashed var(--wdtSecondaryColor); } .woocommerce ul.products li.product:hover .product-thumb { border-color: var(--wdtLinkHoverColor); } .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before, .woocommerce ul.products li.product a.tinvwl-button.tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before, .woocommerce-page ul.products li.product a.tinvwl-button.tinvwl-icon-heart.tinvwl_add_to_wishlist_button:before, a.wishlist_products_counter.top_wishlist-heart:before, span.wishlist_products_counter.top_wishlist-heart:before, a.sidr-class-wishlist_products_counter.sidr-class-top_wishlist-heart:before { content: '\e803' !important; font-family: "wdt-apple-family" !important; } .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-product-in-list:before { content: '\e804'; font-family: "wdt-apple-family" !important; } /* Product Summary Style */ .wdt-product-summary .wdt-single-product-title .product_title { margin-top: -10px; text-transform: capitalize; } .wdt-product-summary .wdt-single-product-price { font-size: clamp(1rem, 0.9712rem + 0.1282vw, 1.125rem); /* 16px to 18px */ margin-bottom: 17px; } .wdt-product-summary .woocommerce-product-rating { margin-bottom: 15px; } .wdt-product-summary .single_variation_wrap .woocommerce-variation-add-to-cart .quantity { display: inline-flex; margin: 0; } .tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button { margin: 0; } .tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button, .wdt-product-summary .product-buttons-wrapper .wc_btn_inline a { -webkit-border-radius: var(--wdtRadius_Part); border-radius: var(--wdtRadius_Part); } .woocommerce .quantity .qty, .woocommerce-page .quantity .qty, .woocommerce .quantity input, .woocommerce-page .quantity input { -webkit-border-radius: var(--wdtRadius_2X); border-radius: var(--wdtRadius_2X); } .tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button, .wdt-product-summary .product-buttons-wrapper .wc_btn_inline a { font-family: var(--wdtFontTypo_Alt); font-weight: calc(var(--wdtFontWeight_Alt) - 100); font-size: clamp(0.875rem, 0.8462rem + 0.1282vw, 1rem); /* 14px to 16px */ display: inline-flex !important; align-items: center; gap: 3px; text-transform: uppercase; margin: 0 !important; } .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart::before, .wdt-product-summary .product-buttons-wrapper .wc_btn_inline a:before { font-size: clamp(0.875rem, 0.8173rem + 0.2564vw, 1.125rem); /* 14px to 18px */ } .woocommerce div.product .summary form.cart:before, .woocommerce div.product .summary form.cart:after { display: none; } .woocommerce div.product .summary form.cart, .woocommerce .product form.cart .variations tr, .wdt-product-summary .woocommerce-variation-add-to-cart { display: inline-flex !important; flex-wrap: wrap; align-items: center; gap: 20px; } .wdt-product-summary .select2-container { width: 200px !important; margin-right: 10px; } .wdt-product-summary .variations_form .variations tr th { vertical-align: middle; } .wdt-product-summary .variations_form table td, .wdt-product-summary .variations_form table th { border: 0; padding: 0; background-color: transparent !important; color: var(--wdtHeadAltColor); } .wdt-product-summary .variations_form table tbody { width: fit-content; display: block; } .wdt-product-summary .variations_form table .reset_variations { text-transform: capitalize; color: rgb(180, 0, 0); font-size: var(--wdtFontSize_Ext); } .wdt-product-summary .single_add_to_cart_button:before { content: '\e800'; font-family: "wdt-apple-family"; font-size: clamp(1rem, 0.9712rem + 0.1282vw, 1.125rem); margin-right: 10px; line-height: 1; } .wdt-product-summary .product_meta_wrapper, .wdt-product-summary .product_meta_wrapper { margin-bottom: 10px; } .woocommerce div.product .summary form.cart .single_variation_wrap { display: inline-flex; } .woocommerce #reviews #comments ol.commentlist li img.avatar { border: 2px dashed rgba(var(--wdtHeadAltColorRgb),0.15); } .woocommerce #reviews #comment { height: 150px; } /* Product Carousel Summary Style */ div[class*="product"] .swiper-container { border-radius: var(--wdtRadius_3X); } /* Swiper Style */ .swiper-pagination-bullets.swiper-pagination-horizontal { text-align: center; margin-top: 30px; } .wpcf7-not-valid-tip { font-size: 0.75rem; position: absolute; right: 10px; bottom: 5px; } .tinv-wishlist .tinv-modal .tinv-modal-inner { border-radius: var(--wdtRadius_3X) !important; } #loginform .select2-container--default .select2-selection--single { border: 2px dashed transparent !important; border-radius: var(--wdtRadius_Part) !important; background-color: rgba(var(--wdtBorderColorRgb), 0.1) !important; padding: clamp(0rem, -0.0577rem + 0.2564vw, 0.25rem) clamp(0rem, -0.0577rem + 0.2564vw, 0.25rem) clamp(0rem, -0.0577rem + 0.2564vw, 0.25rem) clamp(0.625rem, 0.5385rem + 0.3846vw, 1rem) !important; } #loginform .select2-container--default.select2-container--open .select2-selection--single { border-color: var(--wdtLinkHoverColor) !important; } .comment-form > p:not(.comment-notes):not(.form-submit) {display: flex; flex-wrap: wrap; flex-direction: column-reverse;} .wpcf7-text:focus ~ .wpcf7-not-valid-tip { opacity: 0; } /* Ti Wishlist Style */ .woocommerce ul.products li.product .product-details > div.tinv-wishlist { display: none; } .tinv-wishlist .tinv-modal .tinv-modal-inner { border-radius: var(--wdtRadius_3X); } .woocommerce .tinv-wishlist .tinvwl_added_to_wishlist.tinv-modal button.button { padding: 16px 30px; } .tinv-wishlist .tinvwl-buttons-group button i.ftinvwl-heart-o, .tinv-wishlist .tinvwl-buttons-group button i.ftinvwl-key, .tinv-wishlist .tinvwl-buttons-group button i.ftinvwl-times { line-height: 0; } .tinv-wishlist .tinvwl-buttons-group button i.ftinvwl-times { font-size: 24px; top: 1px; margin-right: 2px; } .tinv-wishlist .tinvwl_added_to_wishlist .tinv-txt, .woocommerce .tinv-wishlist .tinvwl_added_to_wishlist.tinv-modal button.button:not(:last-child) { margin-bottom: 20px; } .woocommerce .tinv-wishlist .tinvwl_added_to_wishlist.tinv-modal button.button:last-child { margin-bottom: 0; } .page-template-default .tinv-wishlist .tinvwl-buttons-group button i.ftinvwl-times { line-height: 1; } .page-template-default .tinv-wishlist .tinvwl-buttons-group button, .page-template-default .tinv-wishlist .tinv-modal .tinvwl-buttons-group { margin-top: 0; } /* Wishlist Page Style */ .is-large.wc-block-cart .wc-block-cart-items th, .woocommerce .tinvwl-table-manage-list thead tr th { font-size: clamp(1rem, 0.9712rem + 0.1282vw, 1.125rem); /* 16px to 18px */ font-weight: var(--wdtFontWeight_Ext); font-family: var(--wdtFontTypo_H6); } .woocommerce.tinv-wishlist table td { font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); font-family: var(--wdtFontTypo_Base); } .tinv-wishlist .tinvwl-buttons-group button, .page-template-default .tinv-wishlist .tinvwl-buttons-group button { font-family: var(--wdtFontTypo_Alt) !important; font-weight: calc(var(--wdtFontWeight_Alt) - 100) !important; } .tinv-wishlist .tinvwl-buttons-group button i.ftinvwl-heart-o:before, .tinv-wishlist .tinvwl-buttons-group button i.ftinvwl-key:before { content: '\e803' !important; font-family: "wdt-apple-family" !important; font-weight: 900; } .tinv-wishlist .tinvwl-buttons-group button i.ftinvwl-heart-o, .tinv-wishlist .tinvwl-buttons-group button i.ftinvwl-key { font-size: 16px !important; top: -3px !important; margin-right: 8px !important; } .page-template-default .tinv-wishlist .tinvwl-buttons-group button.tinvwl_button_close { font-size: clamp(0.875rem, 0.8462rem + 0.1282vw, 1rem); text-transform: uppercase; padding: 9px 30px 13px !important; } .tinv-wishlist .tinv-modal .icon_big_heart_check:before{ content: "" !important; position: inherit; display: inline-block; width: 100%; height: 100%; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .wdt-wishlist-top-lg%7Bfill:var(--wdtPrimaryColor);%7D %3C/style%3E%3Cg%3E%3Cpath d='M91.8,40.9c-1.4-1.1-2.6-2.5-3.4-4.1c-0.9-4.4,2.9-11.1-0.4-15.3c-3-4.4-10.6-2.9-14.5-5.1C70.2,13.2,69.2,5.6,64,4.1 c-5-1.8-10.2,3.9-14.7,4.4C44.9,8,39.7,2.3,34.6,4.1c-5.2,1.5-6.1,9.1-9.3,12.2c-1.7,0.8-3.5,1.3-5.4,1.4C11,18.4,8,22.3,10.1,31.1 c0.5,1.8,0.6,3.7,0.3,5.6c-0.8,1.6-2,3-3.4,4.1C0.1,46.8,0,52,7,57.9c1.4,1.1,2.6,2.5,3.4,4.1c0.3,1.9,0.2,3.8-0.3,5.6 c-2,8.8,0.9,12.7,9.9,13.5c1.9,0.1,3.7,0.6,5.4,1.4c3.2,3.1,4.2,10.7,9.3,12.2c5.1,1.8,10.2-3.9,14.7-4.4c1.9,0.3,3.7,1,5.3,2.1 c7.7,4.7,12.3,3,15.8-5.3c0.6-1.7,1.6-3.3,2.9-4.6c3.9-2.2,11.5-0.7,14.5-5.1c3.2-4.2-0.5-10.9,0.4-15.3c0.8-1.6,2-3,3.4-4.1 C98.7,52,98.7,46.8,91.8,40.9z M88.4,54.4c-5,4.2-6,7.9-4.5,14.1s0.7,7.1-5.7,7.8c-6.5,0.5-9.6,2.7-12,8.7c-1,2.1-2.2,4.6-3.6,5 s-3.5-0.8-5.6-2c-2.3-1.5-4.9-2.4-7.6-2.7c-4.3-0.4-9.6,5-13.2,4.6c-3.3-1.9-4.4-9.3-8-11.5c-3.2-2.8-10.6-1.5-13.4-4.1 c-0.8-1.1-0.3-3.7,0.1-6c1.5-6.3,0.4-9.9-4.5-14.1c-4.8-4.4-4.8-5.6,0-10c5-4.2,6-7.9,4.5-14.1c-0.4-2.3-0.9-4.9-0.1-6 c0.8-1.1,3.5-1.5,5.8-1.8c6.5-0.5,9.6-2.7,12-8.7c1.2-2.4,2.2-5,4.1-5.1c1.8,0.3,3.5,1,5.1,2c5.6,3.5,9.7,3.5,15.3,0 c2-1.1,4.4-2.3,5.6-1.9c3.3,1.9,4.4,9.3,8.1,11.5c3.2,2.8,10.6,1.5,13.4,4.1c0.8,1.1,0.3,3.7-0.1,6c-1.5,6.2-0.4,9.9,4.5,14.1 C93.3,48.8,93.3,50,88.4,54.4z'/%3E%3Cpath class='wdt-wishlist-top-lg' d='M51.6,33.2l-2.3,2.3L47,33.2c-5.8-5.7-15.1-5.5-20.7,0.3c-5.6,5.7-5.6,14.8,0,20.5l21.3,21.3 c0.5,0.5,1.1,0.7,1.7,0.7c0.6,0,1.3-0.3,1.7-0.7l21.3-21.3C85.5,39.7,65.9,20,51.6,33.2z M68.9,50.5L49.3,70.1L29.6,50.5 c-8.9-9.4,4.4-22.8,13.9-13.9l4,4c1,0.9,2.5,0.9,3.4,0l4-4C64.5,27.8,77.8,41,68.9,50.5z'/%3E%3C/g%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .wdt-wishlist-top-lg%7Bfill:var(--wdtPrimaryColor);%7D %3C/style%3E%3Cg%3E%3Cpath d='M91.8,40.9c-1.4-1.1-2.6-2.5-3.4-4.1c-0.9-4.4,2.9-11.1-0.4-15.3c-3-4.4-10.6-2.9-14.5-5.1C70.2,13.2,69.2,5.6,64,4.1 c-5-1.8-10.2,3.9-14.7,4.4C44.9,8,39.7,2.3,34.6,4.1c-5.2,1.5-6.1,9.1-9.3,12.2c-1.7,0.8-3.5,1.3-5.4,1.4C11,18.4,8,22.3,10.1,31.1 c0.5,1.8,0.6,3.7,0.3,5.6c-0.8,1.6-2,3-3.4,4.1C0.1,46.8,0,52,7,57.9c1.4,1.1,2.6,2.5,3.4,4.1c0.3,1.9,0.2,3.8-0.3,5.6 c-2,8.8,0.9,12.7,9.9,13.5c1.9,0.1,3.7,0.6,5.4,1.4c3.2,3.1,4.2,10.7,9.3,12.2c5.1,1.8,10.2-3.9,14.7-4.4c1.9,0.3,3.7,1,5.3,2.1 c7.7,4.7,12.3,3,15.8-5.3c0.6-1.7,1.6-3.3,2.9-4.6c3.9-2.2,11.5-0.7,14.5-5.1c3.2-4.2-0.5-10.9,0.4-15.3c0.8-1.6,2-3,3.4-4.1 C98.7,52,98.7,46.8,91.8,40.9z M88.4,54.4c-5,4.2-6,7.9-4.5,14.1s0.7,7.1-5.7,7.8c-6.5,0.5-9.6,2.7-12,8.7c-1,2.1-2.2,4.6-3.6,5 s-3.5-0.8-5.6-2c-2.3-1.5-4.9-2.4-7.6-2.7c-4.3-0.4-9.6,5-13.2,4.6c-3.3-1.9-4.4-9.3-8-11.5c-3.2-2.8-10.6-1.5-13.4-4.1 c-0.8-1.1-0.3-3.7,0.1-6c1.5-6.3,0.4-9.9-4.5-14.1c-4.8-4.4-4.8-5.6,0-10c5-4.2,6-7.9,4.5-14.1c-0.4-2.3-0.9-4.9-0.1-6 c0.8-1.1,3.5-1.5,5.8-1.8c6.5-0.5,9.6-2.7,12-8.7c1.2-2.4,2.2-5,4.1-5.1c1.8,0.3,3.5,1,5.1,2c5.6,3.5,9.7,3.5,15.3,0 c2-1.1,4.4-2.3,5.6-1.9c3.3,1.9,4.4,9.3,8.1,11.5c3.2,2.8,10.6,1.5,13.4,4.1c0.8,1.1,0.3,3.7-0.1,6c-1.5,6.2-0.4,9.9,4.5,14.1 C93.3,48.8,93.3,50,88.4,54.4z'/%3E%3Cpath class='wdt-wishlist-top-lg' d='M51.6,33.2l-2.3,2.3L47,33.2c-5.8-5.7-15.1-5.5-20.7,0.3c-5.6,5.7-5.6,14.8,0,20.5l21.3,21.3 c0.5,0.5,1.1,0.7,1.7,0.7c0.6,0,1.3-0.3,1.7-0.7l21.3-21.3C85.5,39.7,65.9,20,51.6,33.2z M68.9,50.5L49.3,70.1L29.6,50.5 c-8.9-9.4,4.4-22.8,13.9-13.9l4,4c1,0.9,2.5,0.9,3.4,0l4-4C64.5,27.8,77.8,41,68.9,50.5z'/%3E%3C/g%3E%3C/svg%3E%0A"); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: cover; mask-repeat: no-repeat; mask-position: center; mask-size: cover; background-color: currentColor; } .tinv-wishlist .social-buttons li a.social { font-size: 14px !important; } .tinv-wishlist .tinv-modal-inner > .icon_big_heart_check { line-height: 0; } .tinv-wishlist .tinvwl-table-manage-list .wishlist_item .product-action > .button { width: auto; height: auto; padding: 10px 12px; } .tinv-wishlist table.tinvwl-table-manage-list { margin-bottom: 0 !important; } .tinv-wishlist form { margin-bottom: 27px; } .tinvwl-table-manage-list .product-thumbnail > a > img { border-radius: var(--wdtRadius_2X); } /*-------------------------------------------------------------- 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%; } } @media only screen and (max-width: 768px) { .woocommerce.tinv-wishlist tfoot .tinvwl-input-group-btn, .woocommerce.tinv-wishlist tfoot .tinvwl-to-left .tinvwl-input-group-btn .button { width: 100% !important; } .woocommerce.tinv-wishlist tfoot .tinvwl-to-left .tinvwl-input-group > :not(:last-child) { margin-right: 0 !important; } .woocommerce.tinv-wishlist table td.product-name a {font-size: inherit !important;} .woocommerce.tinv-wishlist table td, .woocommerce.tinv-wishlist table th {padding: inherit !important;} .tinv-wishlist .product-thumbnail img {max-width: 150px;} .tinv-wishlist table tfoot tr td, .tinv-wishlist table tbody tr td { border-width: 1px !important; border-right-width: 0 !important; border-left-width: 0 !important;} .tinvwl-theme-style .tinv-wishlist table tbody tr td.product-remove, .tinvwl-theme-style .tinv-wishlist table tbody tr td.product-cb { width: 100% !important; } .tinv-wishlist table tbody tr { border: 0 !important; } .woocommerce.tinv-wishlist table tfoot tr td { border-top: 0 !important; } .tinv-wishlist table thead th .tinvwl-mobile { padding: 14px 0 !important; } .tinv-wishlist table.tinvwl-table-manage-list tfoot > tr { padding: 0 20px 30px; } .tinvwl-theme-style .tinv-wishlist table tbody > tr > td.product-remove { outline: 1px solid rgba(var(--wdtHeadAltColorRgb),0.15); margin-bottom: 20px !important; border-top-width: 0 !important; } .tinvwl-theme-style .tinv-wishlist table tbody > tr > td.product-remove > button { line-height: 26px !important; } } /*----*****---- << 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) { .tinv-wishlist .tinv-modal .tinv-modal-inner { max-width: 320px !important; } } /* #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: 14px; } } /* 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 */