/* ========================================================================== 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-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) 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-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),1); 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 */ .wp-block-calendar table:where(:not(.has-text-color)) td, .wp-block-calendar table:where(:not(.has-text-color)) th { border-color: var(--wdtBorderColor); } /*-------------------------------------------------------------- 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 */ } input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], textarea { box-shadow: var(--wdtBorderColor) 3px 3px 0; -webkit-box-shadow: var(--wdtBorderColor) 3px 3px 0; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus { box-shadow: 0 0; -webkit-box-shadow: 0 0; } /* 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: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); font-size: calc(var(--wdtFontSize_Ext) - 2px); } .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:145px; 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; } .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: 48px; } .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; } .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: "Cutie 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_Alt); font-size: var(--wdtFontSize_Base); font-style: normal; font-weight: var(--wdtFontWeight_H5); 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);} .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; } .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, input[type="submit"]{ margin-top: 0; box-shadow: rgba(var(--wdtHeadAltColorRgb),1) 4px 4px 0; -webkit-box-shadow: rgba(var(--wdtHeadAltColorRgb),1) 4px 4px 0; transform: translate(0, 0); -webkit-transform: translate(0, 0); } .wpcf7-form input.wpcf7-submit:hover, input[type="submit"]:hover{ box-shadow: rgba(var(--wdtHeadAltColorRgb),1) -4px -4px 0; -webkit-box-shadow: rgba(var(--wdtHeadAltColorRgb),1) -4px -4px 0; transform: translate(4px, 4px); -webkit-transform: translate(4px, 4px); color: var(--wdtHeadAltColor); } .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: 0px; } 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' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M31,36.5c9.9,0,18-7.7,18-17.3S40.9,2,31,2c-9.9,0-18,7.7-18,17.3C13,28.8,21.1,36.5,31,36.5L31,36.5z M17.5,19.2 c0-7.1,6.1-13,13.5-13c7.4,0,13.5,5.8,13.5,13s-6.1,13-13.5,13C23.6,32.2,17.5,26.4,17.5,19.2z'/%3E%3Cpath d='M9.2,46.7L21,35.4c-2.7-1.7-5.1-3.9-6.8-6.5L2.4,40.1c-1.9,1.8-1.9,4.7,0,6.5C4.3,48.5,7.3,48.5,9.2,46.7z'/%3E%3C/g%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M31,36.5c9.9,0,18-7.7,18-17.3S40.9,2,31,2c-9.9,0-18,7.7-18,17.3C13,28.8,21.1,36.5,31,36.5L31,36.5z M17.5,19.2 c0-7.1,6.1-13,13.5-13c7.4,0,13.5,5.8,13.5,13s-6.1,13-13.5,13C23.6,32.2,17.5,26.4,17.5,19.2z'/%3E%3Cpath d='M9.2,46.7L21,35.4c-2.7-1.7-5.1-3.9-6.8-6.5L2.4,40.1c-1.9,1.8-1.9,4.7,0,6.5C4.3,48.5,7.3,48.5,9.2,46.7z'/%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: 16px auto; mask-size: 16px auto; background-color: var(--wdtAccentTxtColor); } #searchform input[type="submit"]:hover { background-color: var(--wdtAccentTxtColor); transform: none; } #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: 2px; /* transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 18px; */ font-family: "Cutie Icons"; font-style: normal; font-weight: bold; text-decoration: inherit; font-size: 20px; position: relative; line-height: normal; margin-right: 10px; } .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: var(--wdtBorderColor); border-width: 1px; border-style: solid; } .wp-block-table tbody tr:nth-child(2n+1), .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background: var(--wdtPrimaryColor); color: #fff; } .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;padding: var(--wdtPadding_Btn); font-family: var(--wdtFontTypo_Alt); } .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { color: var(--wdtHeadAltColor); background-color: var(--wdtQuaternaryColor); } .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(--wdtQuaternaryColor);color: var(--wdtHeadAltColor); } .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: .9em; padding: 0.8em 1.8em; display: table;margin: 10px 0 10px 0;} .wp-block-file .wp-block-file__button:hover { opacity: 1; background-color: var(--wdtQuaternaryColor); color: #000; } .wp-block-file:not(.wp-element-button):has(~ p) { margin-bottom: 0.75rem; } 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: var(--wdtHeadAltColor); } #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),1); } .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),1) !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(--wdtQuaternaryColor); border-color: transparent; color: var(--wdtHeadAltColor); } /* Tertiary */ .has-tertiary-background-color { background-color: var(--wdtTertiaryColor); } .has-tertiary-color { color: var(--wdtTertiaryColor); } /* #endregion */ /* Activate Form */ .wp-activate-container form input#key{ font-size: var(--wdtFontSize_Ext); } .wp-activate-container form input[type="submit"]#submit{ width: auto; font-size: var(--wdtFontSize_Ext); } .wp-activate-container form#activateform{ margin-top: 10px; } #main:has(> .wdt-elementor-container-fluid #signup-content .wp-activate-container){ margin-bottom: 150px; min-height: 55vh; } /* End */ .woocommerce .star-rating span:before, .woocommerce .star-rating:before{ color: var(--wdtPrimaryColor) !important; } /*-------------------------------------------------------------- Responsive --------------------------------------------------------------*/ /*----*****---- << Tablet (Landscape) >> ----*****----*/ @media screen and (max-width: 1540px){ #main:has(> .wdt-elementor-container-fluid #signup-content .wp-activate-container){ margin-bottom: 120px; } } /* Note: Design for a width of 960px */ @media only screen and (max-width:1280px) { #main:has(> .wdt-elementor-container-fluid #signup-content .wp-activate-container){ margin-bottom: 100px; } } /* 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%; } } @media screen and (max-width: 1024px){ #main:has(> .wdt-elementor-container-fluid #signup-content .wp-activate-container){ margin-bottom: 80px; } } /* 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) { #main:has(> .wdt-elementor-container-fluid #signup-content .wp-activate-container){ margin-bottom: 60px; } } /*----*****---- << Mobile - Portrait >> ----*****----*/ /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { #main:has(> .wdt-elementor-container-fluid #signup-content .wp-activate-container){ margin-bottom: 50px; } } /* #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 */