/* base.css */
/* ==========================================================================
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;
width: 100%;
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;
}
body { overflow-x: hidden; overflow-y: visible; width: 100%; overflow-wrap: break-word; word-break: break-word; }
body a[href^="mailto:"],
body a[href^="tel:"] { overflow-wrap: anywhere; word-break: keep-all; }
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: none; }
.elementor-icon-list-items .elementor-icon-list-item a .elementor-icon-list-text{pointer-events: auto;}
.elementor-widget-heading .elementor-heading-title { margin: 0 0 clamp(1rem, 0.9423rem + 0.2564vw, 1.25rem); /* Min-16 & Max-20 */text-transform: uppercase; }
.wdt-overflow-hidden { overflow: hidden !important; }
.elementor-spacer .elementor-spacer-inner { height: var(--spacer-size) !important; }
input[type="search" i]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button {opacity: 0;}
/*--------------------------------------------------------------
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: var(--wdtFontWeight_Alt); 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: var(--wdtFontSize_Base); }
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: calc(var(--wdtFontSize_Ext) - 2px); }
/* 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: var(--wdtFontWeight_Alt); }
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; color: var(--wdtHeadAltColor);}
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: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_Alt); 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: var(--wdtFontSize_Ext); 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: var(--wdtFontSize_Ext); 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: var(--wdtFontWeight_Alt);
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block;
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
opacity: 1;
-webkit-appearance: "Always Show Up/Down Arrows";
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Inputs & fields */
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], textarea, input.text, input[type="search"],
.select2-container--default .select2-search .select2-search__field, .select2-container--default .select2-search--dropdown .select2-search__field, .select2-container--default .select2-search--inline .select2-search__field {
border:1px solid; display: block; margin-bottom: 20px; padding: var(--wdtInputPadding); width:100%; -webkit-appearance:none; appearance:none; -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); }
.select2-container--default .select2-search .select2-search__field, .select2-container--default .select2-search--dropdown .select2-search__field, .select2-container--default .select2-search--inline .select2-search__field { border: 1px solid !important; }
textarea { height:115px; overflow:auto; resize:none; }
select {
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 15px);
background-repeat: no-repeat;
}
.logged-out.has-login-form label{margin-bottom: 14px; display: flex;}
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; height: 59 !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 .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; transition: var(--wdtBaseTransition); border-color: 1px solid rgb(var(--wdtHeadAltColorRgb),0.2); }
.select2-results__option, .select2-container.select2-container--default .select2-selection--single, .select2-container.select2-container--default .select2-selection--multiple { height: 62px; line-height: 60px; }
.select2-container.select2-container--default .select2-selection--multiple { min-height: 62px; }
.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered { color: rgb(var(--wdtBodyTxtColorRgb), 0.7); font-size: var(--wdtFontSize_Base); line-height: inherit; padding: 0; 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: "Smiley 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: calc(var(--wdtFontSize_Base) - 1px); margin: 10px 5px 0 0; }
.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline { display: block; float: none; margin: 0; width: auto !important; }
.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline .select2-search__field { padding: 10px 0 !important; }
.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline:first-child .select2-search__field { border-color: transparent !important; }
.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice ~ li.select2-search--inline { margin-top: 10px; margin-bottom: 10px; }
.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice ~ li.select2-search--inline .select2-search__field { padding: 10px 15px !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected='true'] { background-color: #f0f2f5; }
/* Input fields Placeholder Styles */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: inherit; opacity: 0.55;
}
::-moz-placeholder { /* Firefox 19+ */
color: inherit; opacity: 0.55;
}
:-ms-input-placeholder { /* IE 10+ */
color: inherit; opacity: 0.55;
}
:-moz-placeholder { /* Firefox 18- */
color: inherit; opacity: 0.55;
}
/* Buttons */
input[type="submit"], input[type="reset"], input[type="button"], button[type="button"], *[role="button"], button, .button, a.button, .wdt-button, .elementor-button.wdt-elementor-button, .elementor-element .elementor-button, .elementor-widget-button .elementor-button,
.yith-wcwl-add-to-wishlist a, .yith-wcqv-button, .wdt-wcsg-button {
border-width: 0; cursor: pointer; display: inline-block; float: none; font-family: var(--wdtFontTypo_Base); font-size: var(--wdtFontSize_Base);
font-style: normal; font-weight: var(--wdtFontWeight_Base); line-height: var(--wdtLineHeight_Alt); margin: 10px 0 0; outline: none; padding: var(--wdtPadding_MiniBtn);
text-decoration: none; text-transform: capitalize; -webkit-appearance: none; appearance: none; -webkit-border-radius: var(--wdtRadius_Zero);
border-radius: var(--wdtRadius_Zero); width: fit-content;}
.elementor-element .elementor-button.elementor-size-sm {
font-size: calc(var(--wdtFontSize_Base) - 1px); 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: var(--wdtFontWeight_Base); -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-flex;
margin-bottom: 0;
}
.wpcf7-form input.wpcf7-submit{
margin-top: 0;
}
.wpcf7-form .with-spinner .wpcf7-spinner {
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
position: absolute;
margin: 0 0;
}
/* -----Contact--Form--Spinner--Style-ends ------*/
/* Search form */
#searchform {
display: inline-block;
margin: 0;
max-width: 250px;
position: relative;
}
#searchform input[type="text"] {
font-size: var(--wdtFontSize_Base);
padding: var(--wdtInputPadding);
text-transform: none;
width: 220px;
padding-right: 50px;
}
#searchform input[type="text"]:focus{border-color: rgb(var(--wdtBorderColorRgb),1);}
#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.1em auto;
mask-size: 1.1em auto;
background-color: var(--wdtHeadAltColor);
transition: var(--wdtBaseTransition);
}
#searchform input[type="submit"]:hover{background-color: var(--wdtLinkHoverColor);}
#searchform .wdt-search-icon {
background-color: #ff0000;
color: #fff;
height: inherit;
opacity: 0;
left: 100%;
visibility: hidden;
z-index: -1;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
display: none;
}
#searchform .wdt-search-icon span {
display: block;
height: 100%;
width: 100%;
}
#searchform .wdt-search-icon span:before {
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#searchform:before,
#searchform input[type="submit"],
#searchform .wdt-search-icon {
height: inherit;
margin-top: auto;
margin-bottom: auto;
position: absolute;
bottom: 0;
right: 0;
top: 0;
text-align: center;
width: 50px;
}
#searchform:hover .wdt-search-icon {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
/* Contact Form - Validation */
.wpcf7-form-control-wrap { clear: both; display: inline-block; width: 100%; vertical-align: top; }
.wpcf7-form .wpcf7-response-output, .wpcf7 form .wpcf7-response-output {
float: left;
width: 100%;
margin: 10px 0 0;
}
.wpcf7-form .wpcf7-response-output, .wpcf7 form .wpcf7-response-output {
position: relative;
clear: both;
float: left;
margin-left: 0;
margin-right: 0;
padding: 15px 15px 15px 45px;
width: 100%;
box-sizing: border-box;
}
.wpcf7-form.invalid .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output {
background-color: #ffcccc;
border: 1px solid #ff9999;
color: #d01313;
position: relative;
}
.wpcf7-btn-wrap.left-align {
text-align: left;
}
.wpcf7-btn-wrap.left-align {
text-align: left;
}
.wpcf7-btn-wrap.center-align {
text-align: center;
}
.wpcf7-btn-wrap.right-align {
text-align: right;
}
.wpcf7-form.sent .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
background-color: #eafac0;
border: 1px solid #b1cf67;
color: #7ba411;
}
.wpcf7-form .wpcf7-response-output:before, .wpcf7 form .wpcf7-response-output:before {
top: 15px;
transform: unset;
-webkit-transform: unset;
left: 18px;
font-family: "Smiley Icons";
font-style: normal;
font-weight: var(--wdtFontWeight_Alt);
text-decoration: inherit;
font-size: var(--wdtFontSize_H6);
position: absolute;
}
.wpcf7-form.invalid .wpcf7-response-output:before, .wpcf7 form.invalid .wpcf7-response-output:before {
content: "\e817";
}
.wpcf7-form.sent .wpcf7-response-output:before, .wpcf7 form.sent .wpcf7-response-output:before {
content: "\e814";
}
.wpcf7-form .wpcf7-not-valid-tip {
font-size: clamp(0.75rem, 0.6943rem + 0.2548vw, 1rem);
position: absolute;
bottom: 18px;
right: 10px;
opacity: 1;
transition: opacity 100ms ease-in-out;
-webkit-transition: opacity 100ms ease-in-out;
}
.careers-form .wpcf7-not-valid-tip{font-size: clamp(0.75rem, 0.6669rem + 0.2776vw, 1rem);}
.wpcf7-form :is(input:focus, textarea:focus) + .wpcf7-not-valid-tip { opacity: 0; }
/* #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: var(--wdtFontWeight_Ext); 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: var(--wdtFontWeight_Base); 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 th,
.wp-block-calendar table th,
table th{color: var(--wdtAccentTxtColor); background-color: var(--wdtHeadAltColor);}
.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: var(--wdtFontWeight_Alt); }
.wp-block-cover .wp-block-cover-text strong, .wp-block-cover-image .wp-block-cover-text strong {
font-weight: calc(var(--wdtFontWeight_Alt) + 200); }
.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; }
.wp-block-avatar:has( + .wp-block-paragraph){margin-bottom: 20px;}
/* 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_MiniBtn); width: auto; }
.is-style-squared .wp-block-button__link { border-radius: var(--wdtRadius_Zero); }
.is-style-outline .wp-block-button__link:hover { color: rgb(var(--wdtHeadAltColorRgb),0.5); }
.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: var(--wdtFontSize_Ext); }
.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; font-size: var(--wdtFontSize_Base); }
.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-comments__comment .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-link { font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Ext); transition: var(--wdtBaseTransition); }
.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-link:hover{color: rgba(var(--wdtHeadAltColorRgb),0.5);}
.wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__post-title{font-family: var(--wdtFontTypo_Alt);}
.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: var(--wdtFontSize_Base);
font-weight: var(--wdtFontWeight_Base); line-height: var(--wdtLineHeight_Alt);color: var(--wdtHeadAltColor); }
.wp-block-latest-posts.wp-block-latest-posts__list li:not(:last-child),
.wp-block-latest-comments li.wp-block-latest-comments__comment:not(:last-child){
margin: 0 0 12px;
padding-bottom: 12px;
padding-top: 0;
}
.secondary-sidebar .wp-block-latest-posts.wp-block-latest-posts__list,
.secondary-sidebar ol.wp-block-latest-comments{
padding: 35px 30px !important;
border: 1px solid var(--wdtBorderColor);
}
.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-author { font-weight: var(--wdtFontWeight_Ext);text-transform: capitalize; transition: var(--wdtBaseTransition);}
.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-author:hover{color: rgba(var(--wdtHeadAltColorRgb),0.5);}
.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(--wdtHeadAltColor); display:inline-block; font-size:var(--wdtFontSize_H6);
font-weight: var(--wdtFontWeight_Ext); margin:0; width: 100%; margin-bottom: 14px; }
.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__label { display: block; margin-bottom: 14px; }
.wp-block-search .wp-block-search__inside-wrapper { margin-bottom: 25px;display: block; }
.widget .wp-block-search .wp-block-search__inside-wrapper { margin-bottom: 0px; }
.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input { min-height: 60px;padding-right: 50px; border-color: rgb(var(--wdtHeadAltColorRgb),0.2); }
.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__inside-wrapper .wp-block-search__input { padding-right: 8.5em; }
.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__inside-wrapper .wp-block-search__input { padding-right: 7em; }
.wp-block-search .wp-block-search__button { margin-top: 0; margin-bottom: 0; }
.wp-block-search__button-inside.wp-block-search .wp-block-search__inside-wrapper { position: relative; }
.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: pre-wrap; 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; }
.wp-block-group[class*="has-border-"] { border-style: solid; }
.wp-block-group { margin-bottom: 14px; }
.wp-block-group p { margin-bottom: 0px; }
.has-background p, .wp-block-group.has-background p {margin-bottom: 0;}
.wp-block-query-pagination.wp-block-query-pagination-is-layout-flex { display: flex; width: 100%; }
.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); border-radius: var(--wdtRadius_Zero);}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { background-color: var(--wdtAccentTxtColor);color: var(--wdtHeadAltColor); }
.wp-block-file a:not(.wp-block-file__button) { box-shadow: inset 0 -1px 0 var(--wdtPrimaryColor); }
.wp-block-file:has(> a) { margin: -10px; }
.wp-block-file > a { margin: 10px; }
.wp-block-file:has(> a:not(.wp-block-file__button)) { margin-bottom: 1em; }
.wp-block-file .wp-block-file__button {
background-color: var(--wdtPrimaryColor); border-radius: 2em; color: #fff; font-size: var(--wdtFontSize_Ext);
padding: 0.5em 1em; display: inline-block; /* 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; }
.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; }
/* Menu Block */
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
padding: 10px 0px; border: 1px solid var(--wdtBorderColor); }
.wp-block-navigation .wp-block-navigation-item { padding: 0 6px; }
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item { padding: 0 15px; }
.wp-block-navigation .wp-block-navigation__submenu-icon { margin-top: 0px; }
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-dialog { margin: 20px; }
@media (min-width: 782px) {
.wp-block-navigation__container > ul.wp-block-page-list { margin: 10px -6px 25px; }
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { left: 100%; top: -11px; }
}
@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: rgb(var(--wdtHeadAltColorRgb),0.2); }
.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: rgb(var(--wdtHeadAltColorRgb),0.2) !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: 0; border-color: var(--wdtPrimaryColor) !important; }
.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,
.wp-block-calendar table caption{margin-bottom: 20px;}
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(--wdtAccentTxtColor); color: var(--wdtHeadAltColor); border-color: transparent; }
/* Tertiary */
.has-tertiary-background-color { background-color: var(--wdtTertiaryColor); }
.has-tertiary-color { color: var(--wdtTertiaryColor); }
/* #endregion */
/*--------------------------------------------------------------
Responsive
--------------------------------------------------------------*/
/*----*****---- << Tablet (Landscape) >> ----*****----*/
/* Note: Design for a width of 960px */
@media only screen and (max-width:1280px) {
}
/* Common Styles for the devices below 767px width */
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
.page-with-sidebar .wp-block-gallery.columns-6 .blocks-gallery-grid,
.page-with-sidebar .wp-block-gallery.columns-7 .blocks-gallery-grid,
.page-with-sidebar .wp-block-gallery.columns-8 .blocks-gallery-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-right: -20px; }
.page-with-sidebar .wp-block-gallery.columns-6 .blocks-gallery-grid .blocks-gallery-item,
.page-with-sidebar .wp-block-gallery.columns-7 .blocks-gallery-grid .blocks-gallery-item,
.page-with-sidebar .wp-block-gallery.columns-8 .blocks-gallery-grid .blocks-gallery-item { margin: 0; padding: 0 20px 20px 0; width: 100%; }
}
/* Common Styles for the devices below 767px width */
@media only screen and (min-width: 600px) and (max-width: 1024px) {
.page-with-sidebar .wp-block-gallery.columns-6 .blocks-gallery-grid,
.page-with-sidebar .wp-block-gallery.columns-7 .blocks-gallery-grid,
.page-with-sidebar .wp-block-gallery.columns-8 .blocks-gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-right: -20px; }
.page-with-sidebar .wp-block-gallery.columns-6 .blocks-gallery-grid .blocks-gallery-item,
.page-with-sidebar .wp-block-gallery.columns-7 .blocks-gallery-grid .blocks-gallery-item,
.page-with-sidebar .wp-block-gallery.columns-8 .blocks-gallery-grid .blocks-gallery-item { margin: 0; padding: 0 20px 20px 0; width: 100%; }
}
/*----*****---- << Mobile (Landscape) >> ----*****----*/
/* Common Styles for the devices below 767px width */
@media only screen and (max-width: 767px) {
}
/*----*****---- << Mobile - Portrait >> ----*****----*/
/* Common Styles for the devices below 479px width */
@media only screen and (max-width: 479px) {
}
/* #region - Responsive */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 320px) and (max-width: 479px) {
/*----*****---- << Miscellaneous >> --****--*/
th, td, tbody th { font-size: calc(var(--wdtFontSize_Ext) - 3px); }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 319px) {
th, td, tbody th { font-size: calc(var(--wdtFontSize_Ext) - 4px); }
}
/* #endregion */
.elementor-widget-text-editor p a{position: relative;}
.elementor-widget-text-editor p a::after{
content: '';
height: 1px;
width: 100%;
position: absolute;
bottom: 0px;
left: 0;
margin: 0 auto;
background-color: currentColor;
transition: var(--wdtBaseTransition);
}
.elementor-widget-text-editor p a:hover:after{width: 0; right: 0; left: auto;}
/* Unit Test fixes */
.wp-block-query-pagination.wp-block-query-pagination-is-layout-flex {display: flex; float: left; width: 100%; margin: 10px 0px; gap: 20px;}
.wp-block-search .wp-block-search__button { margin-left: 0; margin-bottom: 25px; }
.wp-block-search__button-outside.wp-block-search .wp-block-search__inside-wrapper {display: flex; gap: .5em;}
.wp-block-search__inside-wrapper .wp-block-search__button { margin-left: 0; margin-bottom: 0; }
.wp-block-search__button-inside.wp-block-search .wp-block-search__button { position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin: 0 6px 0 0; height: calc(100% - 10px); padding: var(--wdtPadding_MiniBtn); }
body .is-layout-flex.wp-block-social-links { margin-bottom: 20px; }
.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; }
body .wp-block-navigation .wp-block-navigation__submenu-icon { margin-top: 0;}
body .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { top: -11px; transform: translateX(0px); }
.wp-block-group.has-border-color.has-black-border-color{ border-style: solid; }
.has-black-border-color p,
.wp-block-group:has(.wp-block-group__inner-container.is-layout-constrained) div p{ margin: 0; }
.wp-block-group:has(.wp-block-group__inner-container.is-layout-constrained){ margin-bottom: 30px; }
.wp-block-file:not(.wp-element-button){ display: flex;align-items: center; gap: 20px; margin-bottom: 1.5em; }
.post-password-form p label[for="pwbox-1168"] { width: 100%; }
.post-password-form p:has(input[type="submit"]) {display: block; align-items: flex-end; gap: 10px;}
.post-password-form p input[type="submit"]{ height: fit-content; line-height: 1; }
.post-password-form p input[type="password"] { line-height: 1; }
.wp-block-search__button-inside.wp-block-search .wp-block-search__inside-wrapper { position: relative; }
pre.wp-block-verse { overflow: auto; white-space: pre-wrap; }
.widget.widget_search .widgettitle { margin-bottom: 0; }
.widget.widget_archive ul li,
.widget.widget_categories ul li,
.widget.widget_block .wp-block-categories-list li ul li,
.widget.widget_block .wp-block-categories-list li { display: inline-flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
.secondary-sidebar .widget > form:has(label){padding: 35px 30px;border: none;}
.widget.widget_block .wp-block-social-links { margin-bottom: 0; }
.widget.widget_archive ul li:not(:last-child),
.widget.widget_categories ul li:not(:last-child),
.widget.widget_block .wp-block-categories-list li ul li:not(:last-child),
.widget.widget_block .wp-block-categories-list li:not(:last-child){border-bottom: 1px solid rgb(var(--wdtBorderColorRgb),0.5);}
.widget.widget_archive:has(>.wp-block-archives-dropdown) h2,
.widget.widget_categories:has(>.wp-block-categories-dropdown) h2 { margin-bottom: 30px; }
.secondary-sidebar .wp-block-search__button-inside.wp-block-search .wp-block-search__button { -webkit-transform: translateY(0); transform: translateY(0); }
.wp-block-search__inside-wrapper .wp-block-search__input{margin-bottom: 0;}
.pagination ul li span.page-numbers.dots{background-color: transparent; color: var(--wdtHeadAltColor);font-size: var(--wdtFontSize_H2);}
.single-entry-body{width: 100%;}
.secondary-sidebar aside.widget.widget_archive > ul,
.secondary-sidebar aside.widget.widget_calendar > .calendar_wrap,
.secondary-sidebar aside.widget.widget_categories > ul, .secondary-sidebar aside.widget.widget_pages > ul,
.secondary-sidebar aside.widget.widget_meta > ul, .secondary-sidebar aside.widget.widget_recent_comments > ul,
.secondary-sidebar aside.widget.widget_categories > form:has(select),
.secondary-sidebar aside.widget.widget_search > .widgettitle + form:has(> input),
.secondary-sidebar aside.widget.widget_text > .textwidget,
.secondary-sidebar aside.widget.widget_block > .wp-block-loginout.logged-in,
.secondary-sidebar aside.widget.widget_block > .wp-block-loginout.logged-out,
.secondary-sidebar aside.widget > ul,
.secondary-sidebar aside.widget.widget_tag_cloud > p,
.secondary-sidebar aside.widget div > ul,
.secondary-sidebar aside.widget .wp-block-calendar,
.widget.widget_block .wp-block-archives-dropdown,
.widget.widget_block .wp-block-categories-dropdown { padding: 35px 30px; }
.secondary-sidebar aside.widget.widget_search > .widgettitle + form input[type="submit"]{right: 48px !important;}
.secondary-sidebar aside.widget.widget_archive > .select2-container,
.secondary-sidebar aside.widget.widget_archive > select { min-height: 60px; margin: 35px 30px; width: calc(100% - 60px); max-width: calc(100% - 60px); }
.secondary-sidebar aside.widget { outline: 1px solid rgb(var(--wdtBorderColorRgb),0.4); outline-offset: -1px; }
.secondary-sidebar aside.widget.widget_categories ul li:has( ul.children) { border-bottom-width: 0; }
.secondary-sidebar aside.widget.widget_categories > ul li ul.children { border-top: 1px solid rgb(var(--wdtBorderColorRgb),0.4); }
.secondary-sidebar aside.widget li:not(:last-child) ul.children li:last-child:not(:only-child) { border-bottom-width: 1px; }
.secondary-sidebar aside.widget #wp-calendar caption { margin-top: 0; }
/* grid.css */
/* ==========================================================================
Table of Contents
========================================================================== */
/*--------------------------------------------------------------
Grid Container & Main Content Layouts
--------------------------------------------------------------*/
.wrapper { clear: both; float: left; margin: 0; padding: 0; width: 100%; }
.inner-wrapper { float: left; margin: 0; padding: 0; overflow: clip; width: 100%; }
.container { clear: both; margin: 0 auto; position: relative; width: 100%; max-width: 1380px; padding: 0 30px; }
.wp-block-cover__inner-container,
.alignwide .wp-block-group__inner-container,
.alignfull .wp-block-group__inner-container { margin-left: auto; margin-right: auto; max-width: 1580px; }
#main { clear: both; display: block; float: left; margin: 0; padding: 0; width: 100%; }
#primary { width: 1100px; margin: 0; padding: 0; float: none; display: inline-block; position: relative; }
#primary.content-full-width { width: 100%; }
#primary.with-left-sidebar { float: right; margin-left: 80px; /*overflow: hidden;*/ }
#primary.with-right-sidebar { float: left; margin-right: 80px; /*overflow: hidden;*/ }
#secondary { width: 400px; margin:0; padding:0; position:relative; z-index:1; }
#secondary-right, #secondary.secondary-has-right-sidebar { float: right; }
#secondary-left, #secondary.secondary-has-left-sidebar { float: left; }
#secondary.secondary-has-both-sidebar { margin: 0; }
.page-template-tpl-fullwidth-php #primary { padding-bottom: 0; }
#primary.content-full-width, body.search-no-results #primary.content-full-width { min-height: 68vh; }
#primary > *:last-child { margin-bottom: 150px; position: relative; float: left; width: 100%; }
/* Side navigation */
#primary { width: calc(100% - 480px); /*overflow: hidden;*/ }
.elementor-section.elementor-section-stretched { width: 100% !important; left: 0 !important; }
/*--------------------------------------------------------------
Grid Columns
--------------------------------------------------------------*/
.column { margin: 0 0 0 2%; float:left; min-height:1px; position:relative; }
.column.first { clear:both; margin-left: 0; }
.column.wdt-full-width, .column.wdt-one-column { margin-left: 0; }
.wdt-full-width, .wdt-one-column { width:100%; }
.wdt-one-half, .wdt-three-sixth { width: 49%; }
.wdt-one-third, .wdt-two-sixth { width: 32%; }
.wdt-two-third, .wdt-four-sixth { width: 66%; }
.wdt-one-fourth { width: 23.5%; }
.wdt-three-fourth { width: 74.5%; }
.wdt-one-fifth { width: 18.4%; }
.wdt-two-fifth { width: 38.8%; }
.wdt-three-fifth { width: 59.2%; }
.wdt-four-fifth { width: 79.6%; }
.wdt-one-sixth { width: 15%; }
.wdt-five-sixth { width: 83%; }
.column.no-space { margin-left: 0; margin-right: 0; }
.column.no-space.wdt-one-half, .column.no-space.wdt-three-sixth { width: 50%; }
.column.no-space.wdt-one-third, .column.no-space.wdt-two-sixth { width: 33.33%; }
.column.no-space.wdt-two-third, .column.no-space.wdt-four-sixth { width: 66.66%; }
.column.no-space.wdt-one-fourth { width: 25%; }
.column.no-space.wdt-three-fourth { width: 75%; }
.column.no-space.wdt-one-fifth { width: 20%; }
.column.no-space.wdt-two-fifth { width: 40%; }
.column.no-space.wdt-three-fifth { width: 60%; }
.column.no-space.wdt-four-fifth { width: 80%; }
.column.no-space.wdt-one-sixth { width: 16.66%; }
.column.no-space.wdt-five-sixth { width: 83.33%; }
.wdt-col { float: left; margin: 0; min-height: 1px; padding: 0 15px; position: relative; }
.column img { display:inherit; height:auto; max-width:100%; }
/*--------------------------------------------------------------
Responsive
--------------------------------------------------------------*/
@media only screen and (min-width:1541px) and (max-width:1724px) {
/*----*****---- << Custom Columns >> ----*****----*/
.wdt-col-hxlg-12 { width: 100%; }
.wdt-col-hxlg-11 { width: 91.66666667%; }
.wdt-col-hxlg-10 { width: 83.33333333%; }
.wdt-col-hxlg-9 { width: 75%; }
.wdt-col-hxlg-8 { width: 66.66666667%; }
.wdt-col-hxlg-7 { width: 58.33333333%; }
.wdt-col-hxlg-6 { width: 50%; }
.wdt-col-hxlg-5 { width: 41.66666667%; }
.wdt-col-hxlg-4 { width: 33.33333333%; }
.wdt-col-hxlg-3 { width: 25%; }
.wdt-col-hxlg-2 { width: 16.66666667%; }
.wdt-col-hxlg-1 { width: 8.33333333%; }
.wdt-col-hxlg-1b5 { width: 20%; }
.wdt-col-hxlg-2b5 { width: 40%; }
.wdt-col-hxlg-3b5 { width: 60%; }
.wdt-col-hxlg-4b5 { width: 80%; }
.wdt-col-hxlg-offset-12 { margin-left: 100% }
.wdt-col-hxlg-offset-11 { margin-left: 91.66666667% }
.wdt-col-hxlg-offset-10 { margin-left: 83.33333333% }
.wdt-col-hxlg-offset-9 { margin-left: 75% }
.wdt-col-hxlg-offset-8 { margin-left: 66.66666667% }
.wdt-col-hxlg-offset-7 { margin-left: 58.33333333% }
.wdt-col-hxlg-offset-6 { margin-left: 50% }
.wdt-col-hxlg-offset-5 { margin-left: 41.66666667% }
.wdt-col-hxlg-offset-4 { margin-left: 33.33333333% }
.wdt-col-hxlg-offset-3 { margin-left: 25% }
.wdt-col-hxlg-offset-2 { margin-left: 16.66666667% }
.wdt-col-hxlg-offset-1 { margin-left: 8.33333333% }
.wdt-col-hxlg-offset-0 { margin-left: 0 }
}
@media only screen and (max-width:1540px) {
#primary.with-left-sidebar { margin-left: 30px; }
#primary.with-right-sidebar { margin-right: 30px; }
}
@media only screen and (min-width:1281px) {
/*----*****---- << Custom Columns >> ----*****----*/
.wdt-col-lg-12 { width: 100%; }
.wdt-col-lg-11 { width: 91.66666667%; }
.wdt-col-lg-10 { width: 83.33333333%; }
.wdt-col-lg-9 { width: 75%; }
.wdt-col-lg-8 { width: 66.66666667%; }
.wdt-col-lg-7 { width: 58.33333333%; }
.wdt-col-lg-6 { width: 50%; }
.wdt-col-lg-5 { width: 41.66666667%; }
.wdt-col-lg-4 { width: 33.33333333%; }
.wdt-col-lg-3 { width: 25%; }
.wdt-col-lg-2 { width: 16.66666667%; }
.wdt-col-lg-1 { width: 8.33333333%; }
.wdt-col-lg-1b5 { width: 20%; }
.wdt-col-lg-2b5 { width: 40%; }
.wdt-col-lg-3b5 { width: 60%; }
.wdt-col-lg-4b5 { width: 80%; }
}
/*----*****---- << Laptop/Notebook >> ----*****----*/
@media only screen and (min-width:1281px) and (max-width:1540px) {
/*----*****---- <> ----*****----*/
.container { width: 100%; max-width: 1360px; padding: 0 30px; }
.wp-block-cover__inner-container, .alignwide .wp-block-group__inner-container, .alignfull .wp-block-group__inner-container { max-width: 1080px; }
#primary { width: calc(100% - 330px); }
#secondary { width:300px; }
/*----*****---- << Custom Columns >> ----*****----*/
.wdt-col-qxlg-12 { width: 100%; }
.wdt-col-qxlg-11 { width: 91.66666667%; }
.wdt-col-qxlg-10 { width: 83.33333333%; }
.wdt-col-qxlg-9 { width: 75%; }
.wdt-col-qxlg-8 { width: 66.66666667%; }
.wdt-col-qxlg-7 { width: 58.33333333%; }
.wdt-col-qxlg-6 { width: 50%; }
.wdt-col-qxlg-5 { width: 41.66666667%; }
.wdt-col-qxlg-4 { width: 33.33333333%; }
.wdt-col-qxlg-3 { width: 25%; }
.wdt-col-qxlg-2 { width: 16.66666667%; }
.wdt-col-qxlg-1 { width: 8.33333333%; }
.wdt-col-qxlg-1b5 { width: 20%; }
.wdt-col-qxlg-2b5 { width: 40%; }
.wdt-col-qxlg-3b5 { width: 60%; }
.wdt-col-qxlg-4b5 { width: 80%; }
.wdt-col-qxlg-offset-12 { margin-left: 100% }
.wdt-col-qxlg-offset-11 { margin-left: 91.66666667% }
.wdt-col-qxlg-offset-10 { margin-left: 83.33333333% }
.wdt-col-qxlg-offset-9 { margin-left: 75% }
.wdt-col-qxlg-offset-8 { margin-left: 66.66666667% }
.wdt-col-qxlg-offset-7 { margin-left: 58.33333333% }
.wdt-col-qxlg-offset-6 { margin-left: 50% }
.wdt-col-qxlg-offset-5 { margin-left: 41.66666667% }
.wdt-col-qxlg-offset-4 { margin-left: 33.33333333% }
.wdt-col-qxlg-offset-3 { margin-left: 25% }
.wdt-col-qxlg-offset-2 { margin-left: 16.66666667% }
.wdt-col-qxlg-offset-1 { margin-left: 8.33333333% }
.wdt-col-qxlg-offset-0 { margin-left: 0 }
}
/*----*****---- << Tablet (Landscape) >> ----*****----*/
/* Note: Design for a width of 960px */
@media only screen and (min-width:1025px) and (max-width:1280px) {
/*----*****---- << Container >> ----*****----*/
.container { width: 100%; max-width: 1160px; padding: 0 30px; }
.wp-block-cover__inner-container, .alignwide .wp-block-group__inner-container, .alignfull .wp-block-group__inner-container { max-width:900px; }
#primary {width: calc(100% - 310px); }
#secondary { width:280px; }
/*----*****---- << Custom Columns >> ----*****----*/
.wdt-col-md-12 { width: 100%; }
.wdt-col-md-11 { width: 91.66666667%; }
.wdt-col-md-10 { width: 83.33333333%; }
.wdt-col-md-9 { width: 75%; }
.wdt-col-md-8 { width: 66.66666667%; }
.wdt-col-md-7 { width: 58.33333333%; }
.wdt-col-md-6 { width: 50%; }
.wdt-col-md-5 { width: 41.66666667%; }
.wdt-col-md-4 { width: 33.33333333%; }
.wdt-col-md-3 { width: 25%; }
.wdt-col-md-2 { width: 16.66666667%; }
.wdt-col-md-1 { width: 8.33333333%; }
.wdt-col-md-1b5 { width: 20%; }
.wdt-col-md-2b5 { width: 40%; }
.wdt-col-md-3b5 { width: 60%; }
.wdt-col-md-4b5 { width: 80%; }
.wdt-col-md-offset-12 { margin-left: 100% }
.wdt-col-md-offset-11 { margin-left: 91.66666667% }
.wdt-col-md-offset-10 { margin-left: 83.33333333% }
.wdt-col-md-offset-9 { margin-left: 75% }
.wdt-col-md-offset-8 { margin-left: 66.66666667% }
.wdt-col-md-offset-7 { margin-left: 58.33333333% }
.wdt-col-md-offset-6 { margin-left: 50% }
.wdt-col-md-offset-5 { margin-left: 41.66666667% }
.wdt-col-md-offset-4 { margin-left: 33.33333333% }
.wdt-col-md-offset-3 { margin-left: 25% }
.wdt-col-md-offset-2 { margin-left: 16.66666667% }
.wdt-col-md-offset-1 { margin-left: 8.33333333% }
.wdt-col-md-offset-0 { margin-left: 0 }
}
/*----*****---- << Tablet (Portrait) >> ----*****----*/
/* Note: Design for a width of 768px */
@media only screen and (min-width:768px) and (max-width:1024px) {
/*----*****---- << Container >> ----*****----*/
.container { width: 100%; max-width: 910px; padding: 0 30px; }
.wp-block-cover__inner-container, .alignwide .wp-block-group__inner-container, .alignfull .wp-block-group__inner-container { max-width:710px; }
/*----*****---- << Content >> ----*****----*/
#primary { width:100%; }
#primary.with-left-sidebar { margin-left:0; width: 100%; max-width: 770px; margin-left: auto; float: none; display: block; margin-right: auto; }
#primary.with-right-sidebar { margin-right:0; width: 100%; max-width: 770px; margin-left: auto; float: none; display: block; margin-right: auto; }
#secondary { width:100%; max-width: 770px; margin-left: auto; float: none; display: block; margin-right: auto; }
#secondary-left, #secondary.secondary-has-left-sidebar,
#secondary.secondary-has-right-sidebar { float: none; clear: both; }
/* #primary.with-left-sidebar, #primary.with-right-sidebar { margin-bottom: 50px; } */
/*----*****---- << Custom Columns >> ----*****----*/
.wdt-col-sm-12 { width: 100%; }
.wdt-col-sm-11 { width: 91.66666667%; }
.wdt-col-sm-10 { width: 83.33333333%; }
.wdt-col-sm-9 { width: 75%; }
.wdt-col-sm-8 { width: 66.66666667%; }
.wdt-col-sm-7 { width: 58.33333333%; }
.wdt-col-sm-6 { width: 50%; }
.wdt-col-sm-5 { width: 41.66666667%; }
.wdt-col-sm-4 { width: 33.33333333%; }
.wdt-col-sm-3 { width: 25%; }
.wdt-col-sm-2 { width: 16.66666667%; }
.wdt-col-sm-1 { width: 8.33333333%; }
.wdt-col-sm-1b5 { width: 20%; }
.wdt-col-sm-2b5 { width: 40%; }
.wdt-col-sm-3b5 { width: 60%; }
.wdt-col-sm-4b5 { width: 80%; }
.wdt-col-sm-offset-12 { margin-left: 100% }
.wdt-col-sm-offset-11 { margin-left: 91.66666667% }
.wdt-col-sm-offset-10 { margin-left: 83.33333333% }
.wdt-col-sm-offset-9 { margin-left: 75% }
.wdt-col-sm-offset-8 { margin-left: 66.66666667% }
.wdt-col-sm-offset-7 { margin-left: 58.33333333% }
.wdt-col-sm-offset-6 { margin-left: 50% }
.wdt-col-sm-offset-5 { margin-left: 41.66666667% }
.wdt-col-sm-offset-4 { margin-left: 33.33333333% }
.wdt-col-sm-offset-3 { margin-left: 25% }
.wdt-col-sm-offset-2 { margin-left: 16.66666667% }
.wdt-col-sm-offset-1 { margin-left: 8.33333333% }
.wdt-col-sm-offset-0 { margin-left: 0 }
}
/*----*****---- << Mobile (Landscape) >> ----*****----*/
/* Common Styles for the devices below 767px width */
@media only screen and (max-width: 767px) {
/*----*****---- << Content >> ----*****----*/
#primary { width:100%; }
#primary.with-left-sidebar { margin-left:0; width: 100%; max-width: 770px; margin-left: auto; float: none; display: block; margin-right: auto; }
#primary.with-right-sidebar { margin-right:0; width: 100%; max-width: 770px; margin-left: auto; float: none; display: block; margin-right: auto; }
#secondary { width:100%; max-width: 770px; margin-left: auto; float: none; display: block; margin-right: auto; }
#secondary.secondary-has-right-sidebar { float: none; clear: both; }
/* #primary.with-left-sidebar, #primary.with-right-sidebar { margin-bottom: 50px; } */
/*----*****---- << Column >> ----*****----*/
.column { margin-left: 0; }
.column { margin-bottom: 20px; }
.column, .column.no-space,
.wdt-one-half, .wdt-three-sixth, .column.no-space.wdt-one-half, .column.no-space.wdt-three-sixth,
.wdt-one-third, .wdt-two-sixth, .column.no-space.wdt-one-third, .column.no-space.wdt-two-sixth,
.wdt-two-third, .wdt-four-sixth, .column.no-space.wdt-two-third, .column.no-space.wdt-four-sixth,
.wdt-one-fourth, .column.no-space.wdt-one-fourth,
.wdt-three-fourth, .column.no-space.wdt-three-fourth,
.wdt-one-fifth, .column.no-space.wdt-one-fifth,
.wdt-two-fifth, .column.no-space.wdt-two-fifth,
.wdt-three-fifth, .column.no-space.wdt-three-fifth,
.wdt-four-fifth, .column.no-space.wdt-four-fifth,
.wdt-one-sixth, .column.no-space.wdt-one-sixth,
.wdt-five-sixth, .column.no-space.wdt-five-sixth
.wdt-col, div[class*="wdt-col"], section[class*="wdt-col"], li[class*="wdt-col"] { width: 100%; }
}
/*----*****---- << Mobile (Landscape) >> ----*****----*/
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/*----*****---- << Container >> ----*****----*/
.container { width: 100%; max-width: 620px; padding: 0 20px; }
.wp-block-cover__inner-container, .alignwide .wp-block-group__inner-container, .alignfull .wp-block-group__inner-container { max-width:420px; }
/*----*****---- << Custom Columns >> ----*****----*/
.wdt-col-xs-12 { width: 100%; }
.wdt-col-xs-11 { width: 91.66666667%; }
.wdt-col-xs-10 { width: 83.33333333%; }
.wdt-col-xs-9 { width: 75%; }
.wdt-col-xs-8 { width: 66.66666667%; }
.wdt-col-xs-7 { width: 58.33333333%; }
.wdt-col-xs-6 { width: 50%; }
.wdt-col-xs-5 { width: 41.66666667%; }
.wdt-col-xs-4 { width: 33.33333333%; }
.wdt-col-xs-3 { width: 25%; }
.wdt-col-xs-2 { width: 16.66666667%; }
.wdt-col-xs-1 { width: 8.33333333%; }
.wdt-col-xs-1b5 { width: 20%; }
.wdt-col-xs-2b5 { width: 40%; }
.wdt-col-xs-3b5 { width: 60%; }
.wdt-col-xs-4b5 { width: 80%; }
.wdt-col-xs-offset-12 { margin-left: 100% }
.wdt-col-xs-offset-11 { margin-left: 91.66666667% }
.wdt-col-xs-offset-10 { margin-left: 83.33333333% }
.wdt-col-xs-offset-9 { margin-left: 75% }
.wdt-col-xs-offset-8 { margin-left: 66.66666667% }
.wdt-col-xs-offset-7 { margin-left: 58.33333333% }
.wdt-col-xs-offset-6 { margin-left: 50% }
.wdt-col-xs-offset-5 { margin-left: 41.66666667% }
.wdt-col-xs-offset-4 { margin-left: 33.33333333% }
.wdt-col-xs-offset-3 { margin-left: 25% }
.wdt-col-xs-offset-2 { margin-left: 16.66666667% }
.wdt-col-xs-offset-1 { margin-left: 8.33333333% }
.wdt-col-xs-offset-0 { margin-left: 0 }
}
/*----*****---- << Mobile - Portrait >> ----*****----*/
/* Common Styles for the devices below 479px width */
@media only screen and (max-width: 479px) {
.wdt-col, div[class*="wdt-col"], section[class*="wdt-col"], li[class*="wdt-col"] { width: 100% !important; }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 320px) and (max-width: 479px) {
/*----*****---- << Container >> ----*****----*/
.container { width: 100%; max-width: 440px; padding: 0 20px; }
.wp-block-cover__inner-container, .alignwide .wp-block-group__inner-container, .alignfull .wp-block-group__inner-container { max-width:290px; }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 319px) {
/*----*****---- << Container >> ----*****----*/
.container { width: 100%; padding: 0 20px; }
.wp-block-cover__inner-container, .alignwide .wp-block-group__inner-container, .alignfull .wp-block-group__inner-container { max-width:200px; }
}
/**
Main - Default-Value
*/
@media only screen and (min-width:1281px) and (max-width:1540px) { #primary > *:last-child { margin: 0 0 120px; } }
@media only screen and (min-width:1025px) and (max-width:1280px) { #primary > *:last-child { margin: 0 0 100px; } }
@media only screen and (min-width:768px) and (max-width:1024px) { #primary > *:last-child { margin: 0 0 80px; } }
@media only screen and (min-width:480px) and (max-width:767px) { #primary > *:last-child { margin: 0 0 60px; } }
@media only screen and (max-width: 479px) { #primary > *:last-child { margin: 0 0 50px; } }
/* layout.css */
.elementor-widget-text-editor p,
.wdt-content-description p,
.elementor-widget-heading .elementor-heading-title{margin-bottom: 0;}
/* Snap Scroll */
.wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination button {
padding: 0;
width: 50px;
height: 50px;
font-size: 0;
color: var(--wdtHeadAltColor);
background-color: transparent;
border: 1px solid currentColor;
position: relative;
transition: var(--wdtBaseTransition);
}
.wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination button:last-child{border-left-color: transparent;}
.wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination button:first-child.disabled ~ button{border-left-color: currentColor;}
.wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination button:first-child.disabled{border-right-color: transparent;}
.wdt-dark-bg .wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination button:last-child{border-left-color: transparent;}
.wdt-dark-bg .wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination button:first-child.disabled ~ button{border-left-color: currentColor;}
.wdt-dark-bg .wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination button:first-child.disabled{border-right-color: transparent;}
.wdt-dark-bg .wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination button{border-color: var(--wdtAccentTxtColor);color: var(--wdtAccentTxtColor);}
.wdt-dark-bg .wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination button:not(.disabled):hover{background-color: var(--wdtAccentTxtColor);color:var(--wdtHeadAltColor);}
.wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination button:not(.disabled):hover{background-color: var(--wdtPrimaryColor);}
.wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination button.disabled{opacity: 0.5;}
.wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination .wdt-pagination-next::after{content: '\e801';}
.wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination .wdt-pagination-prev::after{content: '\e800';}
.wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination button:after {
line-height: var(--wdtLineHeight_Alt);
font-family: "btn-arrow-icon";
font-style: normal;
font-weight: normal;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: var(--wdtFontSize_H6);
}
.wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination button:not(.disabled):hover:after{color: var(--wdtAccentTxtColor);}
.wdt-dark-bg .wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination button:not(.disabled):hover:after{color:var(--wdtHeadAltColor);}
/* Cus Heading */
.wdt-cus-heading .elementor-heading-title {
font-size: clamp(2.8125rem, 0.533rem + 12.5767vw, 15.625rem);
text-transform: uppercase;
background: linear-gradient(
to bottom,
rgba(var(--wdtPrimaryColorRgb), 0.8) 20%,
rgba(var(--wdtPrimaryColorRgb), 0.6) 40%,
rgba(var(--wdtPrimaryColorRgb), 0.4) 60%,
rgba(var(--wdtPrimaryColorRgb), 0.2) 80%
);
background-size: auto 90%;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
/* Testimonial - customers */
.wdt-testimonial-holder.wdt-rc-template-customers .wdt-content-item .wdt-content-title h5{ font-size: var(--wdtFontSize_H5);text-transform: uppercase;}
.wdt-testimonial-holder.wdt-rc-template-customers .wdt-content-item .wdt-content-detail-group {
position: relative;
display: flex;
align-items: center;
gap: 8px;
}
.wdt-testimonial-holder.wdt-rc-template-customers .wdt-content-item .wdt-rating-container{margin: 0;}
.wdt-testimonial-holder.wdt-rc-template-customers .wdt-content-item .wdt-content-description{color: var(--wdtHeadAltColor);font-weight: var(--wdtFontWeight_Base);
font-size: var(--wdtFontSize_Ext);}
/* Language Translater */
.gt_float_switcher .gt-selected .gt-current-lang img {display: none;}
.gt_float_switcher{box-shadow: none !important;}
.gt_float_switcher .gt-selected .gt-current-lang{color: var(--wdtHeadAltColor);transition: var(--wdtBaseTransition);}
/* language switcher */
div.gtranslate_wrapper, div.gt_float_wrapper {
display: flex;
}
.gt_float_switcher .gt_options {
position: absolute !important;
background: var(--wdtBodyBGColor);
background-repeat: no-repeat;
border: none;
min-width: 200px;
top: 65px;
left: -20px;
bottom: auto;
transform: translateY(30px);
box-shadow: 0 0 10px -5px rgba(var(--wdtHeadAltColorRgb),0.35);
padding: 10px;
}
div.gtranslate_wrapper div[class*="switcher"] .gt_option {
position: absolute !important;
background-color: var(--wdtAccentTxtColor);
border: none;
top: auto;
bottom: 40px;
}
.gtranslate_wrapper[class*="gt_container-"] div[class*="switcher"], div.gtranslate_wrapper div[class*="switcher"] .gt_option {
width: auto;
}
.gtranslate_wrapper[class*="gt_container-"] div[class*="switcher"] {
font-family: var(--wdtFontTypo_Alt);
font-size: var(--wdtFontSize_Base);
border-radius: var(--wdtRadius_Zero);
color: var(--wdtHeadAltColor);
display: inline-block;
line-height: normal;
box-shadow: 0 0;
background: none;
overflow: hidden;
transition: var(--wdtBaseTransition);
}
.gt_float_switcher .gt-selected .gt-current-lang {
font-weight: var(--wdtFontWeight_Base) !important;
text-transform: uppercase;
padding: 0 !important;
position: relative;
color: var(--wdtHeadAltColor);
transition: var(--wdtBaseTransition);
height: 58px; width: 58px; border: 1px solid var(--wdtBorderColor);border-radius: var(--wdtRadius_Full); display: flex;
align-items: center;
justify-content: center;
}
.gt_float_switcher .gt-selected .gt-current-lang:hover{background-color: var(--wdtLinkHoverColor);color: var(--wdtAccentTxtColor); border-color: var(--wdtLinkHoverColor);}
.gt_float_switcher:hover .gt-selected .gt-current-lang{ color: var(--wdtAccentTxtColor);
background-color: var(--wdtPrimaryColor);
border-color: var(--wdtPrimaryColor);
}
.gt_float_switcher .gt-selected .gt-current-lang img {
width: 20px;
/* display: none; */
}
.gt_float_switcher .gt-selected {
background: none !important;
}
.gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
border-color: var(--wdtHeadAltColor) !important;
height: 6px !important;
right: 12px;
margin-left: -6px !important;
margin-top: -5px !important;
position: absolute;
top: 50%;
bottom: 0;
margin: auto;
width: 6px !important;
-webkit-transform: rotate(45deg) translateY(50%);
transform: rotate(45deg) translateY(50%);
border-right: 2px solid var(--wdtBorderColor);
border-bottom: 2px solid var(--wdtBorderColor);
transition: var(--wdtBaseTransition);
border-width: 0 1px 1px 0 !important;
background-image: none;
}
.gtranslate_wrapper .gt_float_switcher:hover .gt-selected .gt-current-lang span.gt_float_switcher-arrow{border-color: var(--wdtAccentTxtColor) !important;}
.gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow.gt_arrow_rotate {
transform: scaleY(1) rotate(225deg);
-webkit-transform: scaleY(1) rotate(225deg);
margin-top: 0 !important;
}
.gt_float_switcher .gt-selected .gt-current-lang {
padding: 0 10px 0 0px !important;
}
.gtranslate_wrapper[class*="gt_container-"] div[class*="switcher"].notranslate a {
line-height: normal;
font-size: var(--wdtFontSize_Base);
font-family: var(--wdtFontTypo_Base);
border: none;
color: var(--wdtHeadAltColor);
width: fit-content;
position: relative;
padding: 5px 10px;
padding-right: 50px;
display: inline-flex;
}
.wdt-dark-bg .gtranslate_wrapper[class*="gt_container-"] div[class*="switcher"].notranslate .gt_selected a {
color: var(--wdtAccentTxtColor);
}
.gtranslate_wrapper[class*="gt_container-"] div[class*="switcher"].notranslate a img {
margin-right: 10px; top: -1px; position: relative;
}
#gt_float_wrapper div[class*="switcher"].notranslate a img {
width: 20px;
}
.gt_float_wrapper .gt_float_switcher .gt-selected .gt-current-lang {
font-weight: var(--wdtFontWeight_Base);
}
.gtranslate_wrapper[class*="gt_container-"] div[class*="switcher"] .gt_selected, .gtranslate_wrapper[class*="gt_container-"] div[class*="switcher"].notranslate a:hover {
background: none;
color: rgba(var(--wdtPrimaryColorRgb),0.65);
}
.gtranslate_wrapper[class*="gt_container-"] div[class*="switcher"] .gt_selected a:after {
content: none !important;
}
.gtranslate_wrapper[class*="gt_container-"] div[class*="switcher"].notranslate .gt_option a:first-child {
padding-top: 10px;
}
.gtranslate_wrapper[class*="gt_container-"] div[class*="switcher"].notranslate .gt_option a:last-child {
padding-bottom: 10px;
}
.gtranslate_wrapper[class*="gt_container-"] div[class*="switcher"].notranslate .gt_selected a:before {
content: "";
position: absolute;
right: 20px;
border-color: var(--wdtLinkColor) transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.gtranslate_wrapper[class*="gt_container-"] div[class*="switcher"].notranslate .gt_selected a[class*="open"]:before {
border-color: transparent transparent var(--wdtLinkColor) transparent;
border-width: 0 4px 5px 4px;
}
.wdt-dark-bg .gtranslate_wrapper[class*="gt_container-"] div[class*="switcher"].notranslate .gt_selected a:before {
border-top-color: var(--wdtAccentTxtColor);
}
.wdt-dark-bg .gtranslate_wrapper[class*="gt_container-"] div[class*="switcher"].notranslate .gt_selected a:before {
border-top-color: transparent;
border-bottom-color: var(--wdtAccentTxtColor);
}
#gt_float_wrapper {
display: grid;
}
/* Service */
.elementor-widget-mobile_extra__width-inherit .single-preview-img .blog-image img {height: 100%; object-fit: cover;object-position: center;}
.elementor-widget-mobile_extra__width-inherit.elementor-widget-wdt-post-feature-image div{height: 100%;}
/* Cus Heading */
.wdt-cus-texteditor p{
font-size: clamp(2.5rem, 1.669rem + 2.7759vw, 5rem); /* 40 - 80 */
line-height: var(--wdtLineHeight_H2);
text-transform: uppercase;}
.wdt-cus-texteditor p a::after {bottom: 13px;}
/* Career Type - 2 */
.wdt-career-item.wdt-type-2{
padding: 35px 30px;
background-color: var(--wdtTertiaryColor);
}
.wdt-career-item.wdt-type-2 .wdt-career-feature-item > div::before{
content: '';
mask-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M94.1,50.6L94.1,50.6l-43.8-24L6.6,2.5l20.7,47.7L5.9,97.5L50,74L94.1,50.6L94.1,50.6z M46.8,68.8L19.2,83.5l12.4-27.3 l38.5,0.2L46.8,68.8z'/%3E%3C/svg%3E%0A");
display: inline-flex;
height: 16px;
width: 16px;
background-color: var(--wdtHeadAltColor);
mask-repeat: no-repeat;
mask-position: center;
margin-right: 15px;
margin-top: 8px;
}
.wdt-career-item.wdt-type-2 .wdt-career-feature-item div{
font-size: clamp(1rem, 0.9169rem + 0.2776vw, 1.25rem);/* 16 - 20 */
color: var(--wdtHeadAltColor);
font-weight: var(--wdtFontWeight_Ext);
}
.wdt-career-item.wdt-type-2 .wdt-career-feature-item div:not(:last-child){margin-bottom: 20px;}
/* Career Type - 3 */
.wdt-career-item.wdt-type-3 .wdt-career-content .wdt-career-title h5{
margin: 0;
display: inline-flex;
width: 100%;
font-size: var(--wdtFontSize_Base);
font-weight: var(--wdtFontWeight_Base);
text-transform: capitalize;
font-family: var(--wdtFontTypo_Base);
}
.wdt-career-holder .wdt-default-item:not(:last-child):has(.wdt-career-item.wdt-type-3) {
margin-bottom: 15px;
}
.wdt-career-item.wdt-type-3 .wdt-career-title h5 a {
padding: 20px;
transition: var(--wdtBaseTransition);
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: space-between;
background-color: var(--wdtTertiaryColor);
width: 100%;
}
.wdt-career-item.wdt-type-3 .wdt-career-title h5 a:hover{background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor);border-color: var(--wdtPrimaryColor);}
/* portfolio-heading */
.wdt-portfolio-heading.elementor-widget-text-editor p{
font-size: var(--wdtFontSize_Base); /* 16 */
font-weight: var(--wdtFontWeight_Alt);
}
/* Icon-list-type-3 */
.wdt-icon-list-wrapper.wdt-type-3 .wdt-icon-text{
font-size: var(--wdtFontSize_Base);
font-family: var(--wdtFontTypo_Alt);
font-weight: var(--wdtFontWeight_Alt);
text-transform: uppercase;
color: var(--wdtHeadAltColor);
position: relative;
}
.wdt-icon-list-wrapper.wdt-type-3 .wdt-icon-text::after{
content: '';
height: 1px;
width: 100%;
position: absolute;
bottom: 0px;
left: 0;
margin: 0 auto;
background-color: currentColor;
transition: var(--wdtBaseTransition);
}
.wdt-icon-list-wrapper.wdt-type-3 a:hover .wdt-icon-text::after{width: 0; right: 0; left: auto;}
/* Icon widget */
.elementor-widget-icon .elementor-icon-wrapper{display: flex;}
.wdt-blur-style {
backdrop-filter: blur(15px);
--webkit-backdrop-filter: blur(15px);
}
.wdt-blur-style .sticky-header-active{backdrop-filter:none;}
/* Popup */
body:has( .wdt-popup-box-holder){overflow: hidden;}
/* Heading element Style */
.wdt-heading-style .wdt-heading-holder .wdt-heading-title {
font-weight: calc(var(--wdtFontWeight_Base) - 100);
}
.wdt-heading-style .wdt-heading-holder .wdt-heading-title .wdt-heading-colored-elements {
color: var(--wdtHeadAltColor);
font-weight: var(--wdtFontWeight_Alt);
}
.wdt-Healing-style-2 .wdt-heading-holder h2.wdt-heading-title-wrapper .wdt-heading-title { font-size: clamp(2.5rem, 1.664rem + 3.8217vw, 6.25rem); /* 100px - 40px */
font-weight: calc(var(--wdtFontWeight_Base) - 100);
line-height: var(--wdtLineHeight_Alt);
}
.wdt-dark-bg.wdt-Healing-style-2 .wdt-heading-holder .wdt-heading-title .wdt-heading-colored-elements {
color: var(--AccentTxtColor);
font-weight: var(--wdtFontWeight_Alt);
}
.wdt-h2-heading-style .wdt-Healing-style-2 .wdt-heading-holder h2.wdt-heading-title-wrapper .wdt-heading-title {
font-size: clamp(2.1875rem, 1.5605rem + 2.8662vw, 5rem); /* 80px - 35px */
}
/* form */
.wpcf7-form .wdt-cus-form-02 {
display: flex;
flex-direction: column;
}
.wdt-dark-bg .wdt-cus-form-02 .wdt-col-1 input[type="text"],
.wdt-dark-bg .wdt-cus-form-02 .wdt-col-1 textarea,
.wdt-dark-bg .wdt-cus-form-02 .wdt-col-1 input[type="url"],
.wdt-dark-bg .wdt-cus-form-02 .wdt-col-1 input[type="email"],
.wdt-dark-bg .wdt-cus-form-02 .wdt-col-1 input[type="tel"] {
background-color: var(--wdtAccentTxtColor);
color: var(--wdtBodyTxtColor);
border-color: transparent;
}
.wdt-cus-form-02 .wdt-col-1 textarea {
height: 180px;
}
.wdt-dark-bg .wdt-cus-form-02 .wdt-form-btn input.wpcf7-submit {
background-color: var(--wdtPrimaryColor);
color: var(--wdtAccentTxtColor);
}
.wdt-dark-bg .wdt-cus-form-02 .wdt-form-btn input.wpcf7-submit:hover {
background-color: var(--wdtHeadAltColor);
color: var(--wdtAccentTxtColor);
}
.wdt-dark-bg .wdt-cus-form-02 .wdt-form-btn .with-spinner .wdt-icon-btn-arrow {
background-color: var(--wdtHeadAltColor);
color: var(--wdtAccentTxtColor);
}
.wdt-dark-bg .wdt-cus-form-02 .wdt-form-btn .with-spinner:hover .wdt-icon-btn-arrow {
background-color: var(--wdtPrimaryColor);
color: var(--wdtAccentTxtColor);
}
/* Career-form */
.custom-file-upload-wrap .wpcf7-form-control-wrap input {
margin-top: -5px;
padding: 2px;
}
.wpcf7-form .wdt-cus-form-2.wdt-cus-career01 {
display: flex;
flex-direction: column;
margin-bottom: 10px;
}
.custom-file-upload-wrap .custom-file-upload {
position: relative;
border-color: var(--wdtBorderColor);
border-radius: var(--wdtRadius_Part);
padding: 5px;
padding-right: 10px;
border: 1px solid var(--wdtBorderColor);
width: 100%;
height: 100%;
}
.custom-file-upload-wrap {
display: grid;
grid-template-columns: 5fr 1fr;
}
.custom-file-upload-wrap .custom-file-upload {
width: 100%;
display: inline-flex;
grid-column: 1;
grid-row: 1;
width: 100%;
}
.custom-file-upload-wrap .wdt-file-format {
grid-column: 1;
grid-row: 2;
width: 100%;
}
@media (max-width: 767px) {
.custom-file-upload-wrap {
grid-template-columns: 1fr;
}
.custom-file-upload-wrap .wdt-file-format {
margin-bottom: 20px;
}
}
.custom-file-upload-wrap .custom-file-upload .custom-file-select, .custom-file-upload-wrap .custom-file-upload .wpcf7-form-control-wrap input[type="file"]::file-selector-button {
font-size: var(--wdtFontSize_H6);
font-weight: var(--wdtFontWeight_H6);
font-family: var(--wdtFontTypo_H6);
text-transform: uppercase;
background-color: var(--wdtPrimaryColor);
border-radius: var(--wdtRadius_Part);
border-width: 0;
display: inline-block;
margin-right: 30px;
min-height: 29px;
min-width: 1px;
padding: 10px 10px 10px 20px;
transition: 0.3s;
line-height: 1;
cursor: pointer;
}
.custom-file-upload-wrap .custom-file-upload .wpcf7-form-control-wrap .wpcf7-file {
width: 100%;
font-size: var(--wdtFontWeight_Base);
padding: 6px;
border-radius: var(--wdtRadius_Part);
margin-top: -4px;
}
.custom-file-upload-wrap .btn-col {
margin-top: 2px;
}
.wpcf7-form .custom-file-upload .custom-file-select,
.wdt-custom-application-form .wpcf7-form .custom-file-upload .wpcf7-form-control-wrap input[type="file"]::file-selector-button {
background-color: var(--wdtPrimaryColor);
border-width: 0;
display: inline-block;
min-height: 48px;
min-width: 140px;
border-radius: var(--wdtRadius_Part);
}
.wpcf7-form .custom-file-upload .custom-file-select {
color: var(--wdtAccentTxtColor);
font-weight: var(--wdtFontWeight_Ext);
display: inline-flex !important;
align-items: center;
pointer-events: none;
position: absolute !important;
left: 6px;
top: 5px;
z-index: 1;
cursor: pointer;
padding-left: 20px;
}
.wpcf7-form .custom-file-upload .custom-file-select:before {
background-color: currentColor;
content: "";
display: inline-block;
height: 18px;
width: 18px;
margin-right: 14px;
-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 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cg id='Group_704' transform='translate(-1778.946 -929.159)'%3E%3Cpath id='Path_719' d='M1805.1,931.2c-0.6-0.6-1.6-0.6-2.3,0l-9.6,9.6c-0.7,0.8-0.7,2,0.1,2.7c0.7,0.7,1.9,0.7,2.6,0l6.1-6.1V965 c0,1.1,0.9,1.9,1.9,1.9s1.9-0.9,1.9-1.9l0,0v-27.6l6.1,6.1c0.8,0.7,2,0.7,2.7-0.1c0.7-0.7,0.7-1.9,0-2.6L1805.1,931.2z'/%3E%3Cpath id='Path_720' d='M1824.5,966.6c-1.1,0-1.9,0.9-1.9,1.9v5.2h-37.3v-5.2c0-1.1-0.9-1.9-1.9-1.9c-1.1,0-1.9,0.9-1.9,1.9v7 c0,1.1,0.9,2,2,2h41c1.1,0,2-0.9,2-2v-7C1826.4,967.5,1825.6,966.6,1824.5,966.6C1824.5,966.6,1824.5,966.6,1824.5,966.6z'/%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 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cg id='Group_704' transform='translate(-1778.946 -929.159)'%3E%3Cpath id='Path_719' d='M1805.1,931.2c-0.6-0.6-1.6-0.6-2.3,0l-9.6,9.6c-0.7,0.8-0.7,2,0.1,2.7c0.7,0.7,1.9,0.7,2.6,0l6.1-6.1V965 c0,1.1,0.9,1.9,1.9,1.9s1.9-0.9,1.9-1.9l0,0v-27.6l6.1,6.1c0.8,0.7,2,0.7,2.7-0.1c0.7-0.7,0.7-1.9,0-2.6L1805.1,931.2z'/%3E%3Cpath id='Path_720' d='M1824.5,966.6c-1.1,0-1.9,0.9-1.9,1.9v5.2h-37.3v-5.2c0-1.1-0.9-1.9-1.9-1.9c-1.1,0-1.9,0.9-1.9,1.9v7 c0,1.1,0.9,2,2,2h41c1.1,0,2-0.9,2-2v-7C1826.4,967.5,1825.6,966.6,1824.5,966.6C1824.5,966.6,1824.5,966.6,1824.5,966.6z'/%3E%3C/g%3E%3C/svg%3E%0A");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.wdt-custom-application-form .wpcf7-form .custom-file-upload .wpcf7-form-control-wrap .wpcf7-file {
width: 100%;
}
.wdt-custom-application-form .wpcf7-form .custom-file-upload {
position: relative;
}
.custom-file-upload-wrap .btn-col {
margin-top: 0px;
}
.custom-file-upload {
position: relative;
display: inline-block;
}
.custom-file-select {
background-color: var(--wdtPrimaryColor);
transition: var(--wdtBasetransition);
}
/* hover on wrapper */
.custom-file-upload:hover .custom-file-select {
background-color: var(--wdtSecondaryColor);
}
/* Service btn */
.wdt-btn-class .wdt-button-holder .wdt-button {
display: inline-block;
float: none;
position: relative;
padding: 0;
font-size: calc(var(--wdtFontSize_Base) + 2px);
font-family: var(--wdtFontTypo_Alt);
font-weight: var(--wdtFontWeight_Alt);
line-height: var(--wdtLineHeight_Ext);
text-transform: uppercase;
background: none !important;
transition: var(--wdtBaseTransition);
}
.wdt-btn-class .wdt-button-holder .wdt-button::after {
content: "";
height: 1px;
width: 100%;
position: absolute;
bottom: -5px;
left: 0;
right: 0;
margin: 0 auto;
background-color: currentColor;
transition: var(--wdtBaseTransition);
rotate: 0deg;
}
.wdt-btn-class .wdt-button-holder .wdt-button:hover::after {
width: 0;
rotate: -45deg;
}
.wdt-btn-class .wdt-button-holder .wdt-button span svg {
fill: currentColor;
height: 1em;
line-height: 1;
margin: 0;
width: 1em;
}
.wdt-btn-class .wdt-button-holder .wdt-button .wdt-button-icon {
display: none;
}
.wdt-btn-class .wdt-button-holder.wdt-button-size-nm .wdt-button:has(.wdt-button-icon) {
padding: 0;
}
.wdt-btn-class .wdt-button .wdt-button-text {
color: var(--wdtHeadAltColor);
}
.wdt-dark-bg.wdt-btn-class .wdt-button .wdt-button-text {
color: var(--wdtPrimaryColor);
}
.btn-col p.with-spinner::after {
content: "";
position: absolute;
top: 0;
left: -75%;
width: 50%;
height: 100%;
background: linear-gradient(
120deg,
transparent 0%,
rgba(255, 255, 255, 0.1) 40%,
rgba(255, 255, 255, 0.3) 50%,
rgba(255, 255, 255, 0.1) 60%,
transparent 100%
);
transform: skewX(-15deg);
transition: left 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
pointer-events: none;
z-index: 2;
will-change: left;
backface-visibility: hidden;
}
.btn-col p.with-spinner:hover::after {
left: 125%;
}
/* Progress Pagination style */
.wdt-advanced-carousel-holder.wdt-rc-template-default .wdt-swiper-pagination.swiper-pagination-progressbar {
position: absolute;
top: auto;
bottom: 10%;
left: 50%;
right: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
z-index: 1;
width: clamp(18.75rem, 15.9634rem + 12.7389vw, 31.25rem);
}
.wdt-swiper-slide-count {
position: absolute;
bottom: 5%;
right: 0;
display: flex;
gap: 20px;
z-index: 4;
left: 0;
margin: 0 auto;
width: 100%;
max-width: 1530px;
justify-content: center;
}
.wdt-total-current-slides::after {
content: "/";
position: absolute;
padding: 0 7px;
}
.wdt-total-current-slides, .wdt-total-slides {
font-size: var(--wdtFontSize_H6);
font-weight: var(--wdtFontWeight_Ext);
color: var(--wdtAccentTxtColor);
}
@media (max-width: 479px) {
.wdt-advanced-carousel-holder.wdt-rc-template-default .wdt-swiper-pagination.swiper-pagination-progressbar {
bottom: 12%;
}
.wdt-swiper-slide-count {
bottom: 6%;
}
}
/* Counter-Standard*/
.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-counter-wrapper .wdt-content-counter {
font-size: var(--wdtFontSize_Alt);
font-weight: var(--wdtFontWeight_Alt);
color: var(--wdtHeadAltColor);
border-bottom: 1px solid var(--wdtBorderColor);
padding-bottom: 20px;
line-height: var(--wdtLineHeight_H1);
display: block;
font-family: var(--wdtFontTypo_Alt);
transition: var(--wdtBaseTransition);
}
.wdt-dark-bg .wdt-counter-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-counter-wrapper .wdt-content-counter {
color: var(--wdtAccentTxtColor);
}
.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item > div:not(:last-child) {
margin-bottom: 0px;
}
.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-detail-group > div:not(:last-child) {
margin-bottom: 10px;
margin-top: 20px;
}
.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-title h5 {
font-size: var(--wdtFontSize_H5);
font-weight: var(--wdtFontWeight_Ext);
font-family: var(--wdtFontTypo_Base);
color: var(--wdtHeadAltColor);
}
.wdt-dark-bg .wdt-counter-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-title h5 {
color: var(--wdtAccentTxtColor);
}
.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-description {
font-size: var(--wdtFontSize_Base);
color: rgba(var(--wdtHeadAltColorRgb), 0.8);
}
.wdt-dark-bg .wdt-counter-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-description {
color: var(--wdtAccentTxtColor);
}
.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item:hover .wdt-content-counter-wrapper .wdt-content-counter {
color: var(--wdtLinkHoverColor);
border-bottom: 1px solid var(--wdtLinkHoverColor);
}
.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item:hover .wdt-content-title h5 {
color: var(--wdtLinkHoverColor);
}
/* Banner */
.wdt-dark-bg .wdt-elementor-repeater-container-wrapper > .wdt-text-title {
color: var(--wdtAccentTxtColor);
}
.wdt-advanced-carousel-holder.wdt-rc-template-default .swiper-slide .wdt-content-item .elementor-widget-wdt-text-image,
.wdt-advanced-carousel-holder.wdt-rc-template-default .swiper-slide .wdt-content-item .elementor-widget-text-editor,
.wdt-advanced-carousel-holder.wdt-rc-template-default .swiper-slide .wdt-content-item .elementor-widget-wdt-button {
transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
opacity: 0;
-webkit-transform: translateY(80px);
transform: translateY(80px);
}
.wdt-advanced-carousel-holder.wdt-rc-template-default .swiper-slide.swiper-slide-active .wdt-content-item .elementor-widget-wdt-text-image,
.wdt-advanced-carousel-holder.wdt-rc-template-default .swiper-slide.swiper-slide-active .wdt-content-item .elementor-widget-text-editor,
.wdt-advanced-carousel-holder.wdt-rc-template-default .swiper-slide.swiper-slide-active .wdt-content-item .elementor-widget-wdt-button {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.wdt-advanced-carousel-holder.wdt-rc-template-default .swiper-slide.swiper-slide-active .wdt-content-item .elementor-widget-wdt-text-image {
transition-delay: 200ms;
-webkit-transition-delay: 200ms;
}
.wdt-advanced-carousel-holder.wdt-rc-template-default .swiper-slide.swiper-slide-active .wdt-content-item .elementor-widget-text-editor {
transition-delay: 300ms;
-webkit-transition-delay: 300ms;
}
.wdt-advanced-carousel-holder.wdt-rc-template-default .swiper-slide.swiper-slide-active .wdt-content-item .elementor-widget-wdt-button {
transition-delay: 400ms;
-webkit-transition-delay: 400ms;
}
/* H4 Form*/
.wdt-form p {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0 20px;
margin-bottom: 25px;
}
.wdt-form input[type="text"], .wdt-form textarea, .wdt-form input[type="url"], .wdt-form input[type="email"], .wdt-form input[type="tel"], .wdt-form .select2-container {
background-color: var(--wdtAccentTxtColor);
color: var(--wdtBodyTxtColor);
border-color: transparent;
}
.wdt-form p span [type="checkbox"] {
width: 20px;
height: 20px;
border: 0px;
border-color: transparent;
border-radius: 0px !important;
appearance: none;
border: 1px solid var(--wdtBorderColor);
display: inline-grid;
place-content: center;
position: relative;
}
.wdt-form p span [type="checkbox"]::after {
content: "";
width: 0.65em;
height: 0.65em;
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
transform: scale(0);
transform-origin: bottom left;
transition: 120ms transform ease-in-out;
box-shadow: inset 1em 1em var(--wdtAccentTxtColor);
}
.wdt-form p .wpcf7-radio .wpcf7-list-item label input {
width: 15px;
height: 15px;
border: 0px;
border-color: transparent;
border-radius: var(--wdtRadius_Full);
appearance: none;
border: 1px solid var(--wdtBorderColor);
display: inline-grid;
place-content: center;
position: relative;
}
.wdt-form p .wpcf7-radio .wpcf7-list-item label input::after {
content: "";
width: 7px;
height: 7px;
transform: scale(0);
border-radius: var(--wdtRadius_Full);
transform-origin: center center;
transition: 120ms transform ease-in-out;
box-shadow: inset 1em 1em var(--wdtAccentTxtColor);
}
.wdt-form p .wpcf7-radio .wpcf7-list-item label input:checked:after {
transform: scale(1);
}
.wdt-form p span [type="checkbox"]:checked::after {
transform: scale(1);
}
.wdt-form p [data-name="textarea-432"] {
grid-area: 2 / 2 / 4 / 4;
}
.wdt-form p [data-name="select"] {
grid-area: 1 / 3 / 1 / 4;
}
.wdt-form p [data-name="text-781"] {
grid-area: 1 / 2 / 1 / 3;
}
.wdt-form p textarea {
height: 140px;
}
.wdt-form p [data-name="radio-239"] {
grid-area: 1 / 2;
display: flex;
align-items: center;
gap: 5px;
}
.wdt-form p .wpcf7-radio {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 20px;
}
.wdt-form p .wpcf7-radio .wpcf7-list-item label {
display: flex;
align-items: center;
gap: 5px;
cursor: pointer;
}
.wdt-form p [data-name="radio-239"] .wpcf7-not-valid-tip {
bottom: 0px;
}
.wdt-form p .wpcf7-list-item {
margin-left: 0px;
}
.wdt-form p [data-name="acceptance-765"] {
grid-column: 1 / 4;
}
[data-name="acceptance-765"] .wpcf7-list-item label {
display: flex;
gap: 10px;
line-height: var(--wdtLineHeight_Alt);
}
[data-name="acceptance-765"] .wpcf7-list-item-label {
flex: 1;
}
@media (max-width: 767px) {
.wdt-form p {
grid-template-columns: repeat(1, 1fr);
}
.wdt-form p span {
grid-area: unset !important;
}
}
/* H3 Form */
.wpcf7-form .wdt-cus-form-2 {
display: flex;
flex-direction: column;
margin-bottom: 10px;
}
.wpcf7-form .wdt-cus-form-2 .wdt-two-col p {
gap: 0 20px;
}
.wpcf7-form .wdt-cus-form-2 input,
.wpcf7-form .wdt-cus-form-2 textarea {
border-color: rgb(var(--wdtHeadAltColorRgb), 0.5);
}
.wpcf7-form .wdt-cus-form-2 input:focus,
.wpcf7-form .wdt-cus-form-2 textarea:focus {
border-color: var(--wdtPrimaryColor);
}
.wpcf7-form .wdt-cus-form-2 .select2-container--default .select2-selection--single {
border-color: rgb(var(--wdtHeadAltColorRgb), 0.5) !important;
}
@media (max-width: 767px) {
.wpcf7-form .wdt-cus-form-2 .wdt-two-col p,
.wpcf7-form .wdt-cus-form-2 .wdt-one-col p {
flex-direction: column;
}
}
.wpcf7-form .wdt-cus-form-2 .wdt-two-col p,
.wpcf7-form .wdt-cus-form-2 .wdt-one-col p {
display: flex;
margin-bottom: 0px;
}
.wdt-form-btn input[type="submit"] {
margin-top: 0;
width: 100%;
padding: var(--wdtPadding_MiniBtn);
font-size: var(--wdtFontSize_Base);
font-weight: calc(var(--wdtFontWeight_Ext) - 100);
text-transform: capitalize;
background-color: var(--wdtHeadAltColor);
color: var(--wdtAccentTxtColor);
transition: var(--wdtBaseTransition);
position: relative;
clip-path: polygon(
0 0,
calc(100% - 7px) 0,
100% 7px,
100% calc(100% - 7px),
calc(100% - 7px) 100%,
0 100%
);
min-height: 48px;
}
.with-spinner .wdt-icon-btn-arrow {
padding: 12px;
font-size: calc(var(--wdtFontSize_H6) - 2px);
transition: var(--wdtBaseTransition);
rotate: 0deg;
clip-path: polygon(
7px 0,
100% 0,
100% 100%,
7px 100%,
0 calc(100% - 7px),
0 7px
);
background-color: var(--wdtHeadAltColor);
color: var(--wdtAccentTxtColor);
margin-left: 1px;
position: absolute;
right: 0;
top: 0;
pointer-events: none;
}
.wdt-form-btn .with-spinner {
padding-right: 43px;
}
.wdt-form-btn input[type="submit"]:hover ~ .wdt-icon-btn-arrow,
.wdt-form-btn input[type="submit"]:hover {
background-color: var(--wdtAccentTxtColor);
color: var(--wdtHeadAltColor);
}
.wdt-dark-bg .wpcf7-form input.wpcf7-submit {
background-color: var(--wdtHeadAltColor);
color:var(--wdtAccentTxtColor);
transition: var(--wdtBaseTransition);
}
.wdt-dark-bg .wpcf7-form input.wpcf7-submit:hover {
background-color: var(--wdtAccentTxtColor);
color:var(--wdtPrimaryColor);
}
.wdt-dark-bg .with-spinner .wdt-icon-btn-arrow {
background-color: var(--wdtAccentTxtColor);
color: var(--wdtHeadAltColor);
}
.wdt-dark-bg .with-spinner:hover .wdt-icon-btn-arrow {
color: var(--wdtHeadAltColor);
}
.wdt-icon-btn-arrow::before {
content: "\e801";
font-family: "btn-arrow-icon";
font-weight: normal;
font-style: normal;
line-height: normal;
display: inline-block;
transform: rotate(0deg);
transition: var(--wdtBaseTransition);
will-change: transform;
backface-visibility: hidden;
}
input[type="submit"]:hover ~ .wdt-icon-btn-arrow::before {
transform: rotate(-45deg);
}
/* Testimonial */
.wdt-animation-holder .wdt-animation-wrapper div[class*="-marqee"] .wdt-animation-item.testimonial-item {
display: flex;
flex-direction: column;
text-align: start;
position: relative;
}
.wdt-animation-item.testimonial-item .testimonial-content-group {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row-reverse;
margin-bottom: 20px;
}
.wdt-animation-item.testimonial-item .testimonial-description {
max-width: 450px;
width: 100%;
margin-bottom: 20px;
transition: var(--wdtBaseTransition);
}
@media (max-width: 1024px) {
.wdt-animation-item.testimonial-item .testimonial-description {
max-width: 400px;
}
}
@media (max-width: 767px) {
.wdt-animation-item.testimonial-item .testimonial-description {
max-width: 350px;
}
}
@media (max-width: 479px) {
.wdt-animation-item.testimonial-item .testimonial-description {
max-width: 300px;
}
}
.wdt-animation-item.testimonial-item .testimonial-media-group {
display: flex;
align-items: center;
gap: 10px 15px;
}
.wdt-animation-item.testimonial-item .testimonial-content-group span {
display: flex;
color: var(--wdtPrimaryColor);
font-size: var(--wdtFontSize_H3);
transition: var(--wdtBaseTransition);
}
.wdt-animation-item.testimonial-item:hover .testimonial-content-group span {
color: var(--wdtAccentTxtColor);
}
.wdt-animation-item.testimonial-item .testimonial-content-group span svg {
transform: scale(1);
transition: var(--wdtBaseTransition);
}
.wdt-animation-item.testimonial-item:hover .testimonial-content-group span svg {
transform: scale(1.08);
}
.wdt-animation-item.testimonial-item .testimonial-content-group .wdticon-stars {
position: relative;
display: inline-block;
font-size: inherit;
line-height: 1;
color: var(--wdtPrimaryColor);
margin: 0;
transition: var(--wdtBaseTransition);
}
.wdt-animation-item.testimonial-item:hover .testimonial-content-group .wdticon-stars {
color: var(--wdtAccentTxtColor);
}
.wdt-animation-item.testimonial-item .image-item img {
width: 60px;
height: 60px;
transform: scale(1);
transition: var(--wdtBaseTransition);
}
.wdt-animation-item.testimonial-item .wdticon-stars::before,
.wdt-animation-item.testimonial-item .wdticon-stars::after {
content: "\e807 \e807 \e807 \e807 \e807";
position: relative;
top: 0;
left: 0;
margin: 0;
letter-spacing: 0.2em;
font-family: "Smiley Icons";
width: auto;
}
.wdt-animation-item.testimonial-item .wdticon-stars::after {
content: "\e806 \e806 \e806 \e806 \e806";
display: block;
z-index: 1;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
color: currentColor;
background-clip: text;
background-image: linear-gradient(
to right,
currentColor 50%,
currentColor 50%
);
-webkit-text-fill-color: transparent;
background-color: transparent;
background-repeat: no-repeat;
background-position: left center;
}
.wdt-animation-holder .wdt-animation-wrapper .wdt-animation-item.testimonial-item {
padding: clamp(1.5625rem, 1.4928rem + 0.3185vw, 1.875rem); /* 30 - 25 */
margin: 0 15px;
height: 100%;
background-color: var(--wdtTertiaryColor);
transition: var(--wdtBaseTransition);
}
.wdt-animation-holder .wdt-animation-wrapper .wdt-animation-item.testimonial-item:hover {
background-color: var(--wdtPrimaryColor);
}
.wdt-animation-item.testimonial-item .testimonial-media-content-group .testimonial-text, .wdt-animation-item.testimonial-item .testimonial-media-content-group .testimonial-text a {
font-size: var(--wdtFontSize_H6);
color: var(--wdtHeadAltColor);
transition: var(--wdtBaseTransition);
}
.wdt-animation-item.testimonial-item:hover .testimonial-media-content-group .testimonial-text,
.wdt-animation-item.testimonial-item:hover .testimonial-media-content-group .testimonial-text a,
.wdt-animation-item.testimonial-item:hover .testimonial-description {
color: var(--wdtAccentTxtColor);
}
.wdt-animation-item.testimonial-item .testimonial-subtitle {
font-size: var(--wdtFontSize_Base);
color: rgba(var(--wdtHeadAltColorRgb), 0.4);
font-weight: var(--wdtFontWeight_Alt);
line-height: 1;
transition: var(--wdtBaseTransition);
}
.wdt-animation-item.testimonial-item:hover .testimonial-subtitle {
color: rgba(var(--wdtAccentTxtColorRgb), 0.7);
}
@media (max-width: 767px) {
.wdt-animation-holder .wdt-animation-wrapper .wdt-animation-item.testimonial-item {
margin: 0 10px;
}
}
/* Animation */
.wdt-animation-wrapper div[class*="-marqee"] .wdt-animation-item.image-item {
display: flex;
flex-direction: row;
align-items: center;
position: relative;
padding: 0;
justify-content: center;
margin: 0 clamp(0.625rem, 0.207rem + 1.9108vw, 2.5rem);
}
.wdt-animation-wrapper div[class*="-marqee"] .wdt-animation-item.image-text-item {
margin: 0;
}
.wdt-dark-bg .wdt-animation-holder .wdt-animation-item.text-item {
color: var(--wdtAccentTxtColor);
}
.wdt-dark-bg .wdt-animation-holder .wdt-animation-item.text-item:hover {
color: rgb(var(--wdtAccentTxtColorRgb), 0.5);
}
.wdt-animation-holder .wdt-animation-item.text-item {
font-size: clamp(1.25rem, 1.1107rem + 0.6369vw, 1.875rem);
line-height: var(--wdtLineHeight_H4);
font-weight: var(--wdtFontWeight_H4);
color: rgba(var(--wdtSecondaryColorRgb), 0.2);
text-transform: uppercase;
font-family: var(--wdtFontTypo_Alt);
transition: var(--wdtBaseTransition);
padding: 0px;
white-space: nowrap;
overflow: hidden;
letter-spacing: -1px;
}
.wdt-animation-holder .wdt-animation-item.text-item:hover {
color: var(--wdtPrimaryColor);
}
.wdt-cus-animation .wdt-animation-holder .wdt-animation-item.text-item {
font-size: clamp(2.5rem, 1.669rem + 2.7759vw, 5rem); /* 40 - 80 */
color: var(--wdtHeadAltColor);
}
.wdt-cus-animation .wdt-animation-holder .wdt-animation-item.text-item::after {
content: "-";
display: inline-flex;
margin: 0 10px;
color: var(--wdtHeadAltColor);
}
.wdt-dark-bg.wdt-cus-animation .wdt-animation-holder .wdt-animation-item.text-item::after{ color: rgba(var(--wdtSecondaryColorRgb), 0.2);}
.wdt-dark-bg.wdt-cus-animation .wdt-animation-holder .wdt-animation-item.text-item{color: rgba(var(--wdtSecondaryColorRgb), 0.2);}
.wdt-animation-holder .wdt-animation-item.image-item img {
border-radius: var(--wdtRadius_Full);
transition-delay: 0.15s;
}
.wdt-animation-wrapper div[class*="-marqee"] .wdt-animation-item.image-item:hover .wdt-animation-item.text-item {
color: var(--wdtLinkHoverColor);
}
.wdt-tabs-container[class*="-template-classic"] .wdt-custom-header .wdt-heading-holder .wdt-heading-title-wrapper,
.wdt-tabs-container[class*="-tabs-toggle-mode"][data-class-items*="wdt-template-classic"] .wdt-custom-header .wdt-heading-holder .wdt-heading-title-wrapper {
margin-bottom: 0;
position: relative;
top: 0;
left: 0px;
width: 100%;
z-index: 0;
-webkit-transform: none;
transform: none;
user-select: none;
pointer-events: none;
opacity: 1;
font-family: var(--wdtFontTypo_Alt);
font-size: clamp(6.25rem, 4.8567rem + 6.3694vw, 12.5rem);
line-height: 0.75;
font-weight: var(--wdtFontWeight_Base);
text-transform: uppercase;
text-align: center;
color: var(--wdtTertiaryColor);
transition: var(--wdtBaseTransition);
letter-spacing: -7px;
}
/* /Custom Class for text with Image CSS */
.wdt-animation-text-with-image .wdt-animation-holder .wdt-animation-item.image-item img {
width: clamp(5rem, 4.164rem + 3.8217vw, 8.75rem);
height: clamp(5rem, 4.164rem + 3.8217vw, 8.75rem);
border-radius: var(--wdtRadius_Full);
transition-delay: 0.15s;
margin-left: clamp(-135px, calc(-6.3694vw - 57.71px), -80px);
transition:
margin-left 0.6s ease-out,
opacity 0.4s ease-out;
border-radius: 0;
opacity: 0;
}
.wdt-animation-text-with-image .wdt-animation-wrapper div[class*="-marqee"] .wdt-animation-item.image-item:hover img {
margin-left: 30px;
opacity: 1;
}
.wdt-animation-text-with-image .wdt-animation-holder .wdt-animation-item.text-item {
font-size: clamp(2.5rem, 1.9427rem + 2.5478vw, 5rem);
font-weight: var(--wdtFontWeight_Alt);
line-height: var(--wdtLineHeight_Alt);
color: rgba(var(--wdtSecondaryColorRgb), 0.2);
text-transform: uppercase;
font-family: var(--wdtFontTypo_Alt);
transition: var(--wdtBaseTransition);
padding: 0px;
white-space: nowrap;
overflow: hidden;
letter-spacing: -2px;
}
.wdt-animation-text-with-image .wdt-animation-wrapper div[class*="-marqee"] .wdt-animation-item.image-item {
display: flex;
flex-direction: row;
align-items: center;
position: relative;
padding: 0 clamp(1.5625rem, 1.2142rem + 1.5924vw, 3.125rem);
}
.wdt-animation-text-with-image .wdt-animation-holder .wdt-animation-item.image-item::after {
content: "";
position: absolute;
width: clamp(0.3125rem, 0.2568rem + 0.2548vw, 0.5625rem);
height: 52%;
background-color: rgba(var(--wdtSecondaryColorRgb), 0.2);
transform: rotate(15deg) translateX(100%) translateY(-10%);
right: 0%;
bottom: 20%;
}
/* Form CSS Home - 3 */
.form-container {
background: transparent;
width: 100%;
}
.select2-container--default.select2-container--open .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--single {
border-color: rgba(var(--wdtHeadAltColorRgb), 0.2) !important;
}
.wdt-dark-bg .select2-container--default.select2-container--open .select2-selection--single, .wdt-dark-bg .select2-container--default.select2-container--focus .select2-selection--single {
border-color: rgba(var(--wdtAccentTxtColorRgb), 0.5) !important;
}
/* Form Contact Page */
@media (max-width:1280px){
.wdt-custom-contact-form .wdt-custom-column p {
display: grid;
grid-template-columns: 1fr;gap:0px;
margin-bottom: 0px;
}
}
@media (max-width:1024px){
.wdt-custom-contact-form .wdt-custom-column p {
display: grid;
grid-template-columns: 1fr 1fr;gap:20px;
}
}
@media (max-width:767px){
.wdt-custom-contact-form .wdt-custom-column p {
display: grid;
grid-template-columns: 1fr;gap:0px;
}
}
/* Two Column Layout */
.wdt-custom-column p {
display: grid;
grid-template-columns: 1fr 1fr;gap:20px; margin-bottom: 0;
}
@media (max-width: 767px) {
.wdt-custom-column p {
grid-template-columns: 1fr;gap:0px;
}
}
@media (max-width: 479px) {
.wdt-custom-column p {
grid-template-columns: 1fr;
}
}
/* Full Width Textarea */
.wdt-one-col {
margin-bottom: 20px;
}
/* Input + Select + Textarea */
input, select, textarea {
width: 100%;
background: rgba(var(--wdtAccentTxtColorRgb), 0.3);
outline: none;
color: rgb(var(--wdtBodyTxtColorRgb), 0.7);
font-family: "DM Sans", sans-serif;
box-sizing: border-box;
transition: var(--wdtBaseTransition);
padding:20px;
}
textarea:focus {
border-color: var(--wdtPrimaryColor);
}
.wdt-dark-bg input,.wdt-dark-bg select,.wdt-dark-bg textarea {
width: 100%;
background: rgba(var(--wdtAccentTxtColorRgb), 0.3);
border: 1px solid rgba(var(--wdtAccentTxtColorRgb), 0.5);
outline: none;
color: rgb(var(--wdtBodyTxtColorRgb), 0.7);
font-family: "DM Sans", sans-serif;
box-sizing: border-box;
transition: var(--wdtBaseTransition);
padding:20px;
}
/* Placeholder Color */
input::placeholder, textarea::placeholder {
color: rgb(var(--wdtBodyTxtColorRgb), 0.7);
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
background: rgba(var(--wdtAccentTxtColorRgb), 0.3);
height: 100%;
}
/* Select Style */
.form-container select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M3.204 5h9.592L8 10.481 3.204 5z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 18px center;
background-size: 14px;
padding-right: 45px;
}
.wdt-dark-bg .select2-container.select2-container--default .select2-selection--single{border-color:transparent !important; }
.wdt-dark-bg .select2-container--default .select2-selection--single:focus,
.wdt-dark-bg .select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single{
border-color: var(--wdtPrimaryColor) !important;
}
/* Textarea */
.form-container textarea {
height: 140px;
resize: none;
}
/* Submit Button */
.wdt-button-form {
margin-top: clamp(0.3125rem, -0.0358rem + 1.5924vw, 1.875rem);
max-width: 200px;
}
.wdt-button-form input[type="submit"] {
background: var(--wdtPrimaryColor);
color: var(--wdtAccentTxtColor);
border: none;
font-size: var(--font-size-base);
font-weight: calc(var(--wdtFontWeight_Alt) + 100);
text-transform: capitalize;
letter-spacing: 1px;
cursor: pointer;
transition: var(--wdtAltTransition);
padding: var(--wdtPadding_MiniBtn);
}
.wdt-button-form input[type="submit"]:hover {
background: var(--wdtAccentTxtColor);
color: var(--wdtPrimaryColor);
}
/* Dark Background Form */
.wdt-dark-bg .form-container input, .wdt-dark-bg .form-container select, .wdt-dark-bg .form-container textarea {
background: rgba(var(--wdtAccentTxtColorRgb), 1);
border: 1px solid rgba(var(--wdtPrimaryColorRgb), 1);
color: rgb(var(--wdtPrimaryColorRgb), 1);
}
.wdt-dark-bg .form-container input[type="submit"]{border-color: transparent; letter-spacing: 0; font-weight: calc(var(--wdtFontWeight_Alt) + 100); background-color: var(--wdtAccentTxtColor); color: var(--wdtHeadAltColor);}
.wdt-dark-bg .form-container input[type="submit"]:hover{background-color: var(--wdtTertiaryColor);}
.wdt-dark-bg .form-container .select2-container--default .select2-selection--single .select2-selection__arrow {
color: var(--wdtPrimaryColor);
}
.wdt-dark-bg .form-container .wdt-custom-column .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
background-color: rgba(var(--wdtAccentTxtColorRgb), 1);
}
.form-container .select2-container--default.select2-container--open .select2-selection--single { line-height: 55px; }
.wpcf7-form input.wpcf7-submit:hover {
background-color: var(--wdtAccentTxtColor);
color: var(--wdtPrimaryColor);
}
.wdt-dark-bg .form-container .wpcf7-form input.wpcf7-submit{
background-color: var(--wdtHeadAltColor);
color:var(--wdtAccentTxtColor);
transition: var(--wdtBaseTransition);
font-weight: calc(var(--wdtFontWeight_Ext) - 100);
}
.wdt-dark-bg .form-container .wpcf7-form input.wpcf7-submit:hover{
background-color: var(--wdtAccentTxtColor);
color:var(--wdtPrimaryColor);
}
/* Career Form Detail Page CSS Styles */
.wdt-label input[type="text"], .wdt-label input[type="email"], .wdt-label input[type="tel"], .wdt-label input[type="number"], .wdt-label textarea {
background-color: rgba(var(--wdtAccentTxtColorRgb), 0.5);
border: 1px solid rgba(var(--wdtHeadAltColorRgb), 0.2);
color: var(--wdtPrimaryColor);
width: 100%;
transition: var(--wdtBaseTransition);
}
.wdt-label input[type="text"]:focus, .wdt-label input[type="email"]:focus, .wdt-label input[type="tel"]:focus,
.wdt-label input[type="number"]:focus, .wdt-label textarea:focus {
border-color: var(--wdtPrimaryColor);
outline: none;
}
.wdt-label input.wpcf7-file {
display: block;
width: 100% !important;
height: 60px !important;
padding: 9px;
margin-bottom: 20px;
background-color: rgba(var(--wdtAccentTxtColorRgb), 0.5);
border: 1px solid rgba(var(--wdtHeadAltColorRgb), 0.2);
color: rgba(var(--wdtPrimaryColorRgb), 0.5);
}
.wdt-label input.wpcf7-file::file-selector-button {
background-color: var(--wdtPrimaryColor);
color: var(--wdtAccentTxtColor);
padding: 10px 20px;
border: none;
cursor: pointer;
margin-right: 30px;
transition: all 0.3s ease;
}
@media (max-width:1024px){
.wdt-label input.wpcf7-file::file-selector-button {
padding: 10px;
} }
@media (max-width:767px){
.wdt-label input.wpcf7-file::file-selector-button {
padding: 10px 20px;
}
}
@media (max-width:479px){
.wdt-label input.wpcf7-file::file-selector-button {
margin-right: 10px; padding: 10px;
transition: all 0.3s ease;
}
}
.wdt-label input.wpcf7-file::file-selector-button:hover {
background-color: var(--wdtPrimaryColor) !important;
}
.wpcf7-form label {
color: var(--wdtPrimaryColor);
line-height: normal;
margin-bottom: 10px;
display: inline-flex;
letter-spacing: normal;
}
.wdt-btn .wpcf7-form input.wpcf7-submit:hover {
background-color: var(--wdtAccentTxtColor) !important;
color: var(--wdtPrimaryColor);
font-weight: calc(var(--wdtFontWeight_Ext) - 100);
letter-spacing: 0;
}
/* Career Popup Styles */
.career-popup-container .career-popup-inner {
border-radius:0 !important;
background-color: var(--wdtBodyBGColor) !important;
position: relative;
}
.career-popup-inner {
background: var(--wdtAccentTxtColor);
max-width: 1200px;
margin: auto;
padding: clamp(1.875rem, 1.457rem + 1.9108vw, 3.75rem) clamp(0.9375rem, 0.1712rem + 3.5032vw, 4.375rem) !important;
position: relative;
height: 90vh;
position: absolute;
width: 100%;
}
.career-popup-inner .wdt-sticky-css.wdt-css-sticky-desktop > .wdt-sticky-inner-wrapper {
top: 0 !important;
}
.career-popup-close {
font-size: 0px;
top: -20px;
right: -20px;
height: 40px;
width: 40px;
line-height: 40px;
transform: none;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
margin: 0px;
border-radius: var(--wdtRadius_Zero);
position: absolute;
padding:0;
box-shadow: 0px 0px 3px var(--wdtAccentTxtColor);
}
.career-popup-close:hover{
background-color: var(--wdtTertiaryColor);
color: var(--wdtPrimaryColor);
z-index:5;
}
.career-popup-close:hover::before {
transform: rotate(-135deg);
}
.career-popup-close:hover::after {
transform: rotate(135deg);
}
.career-popup-close:before,.career-popup-close:after{
width: 24px;
height: 2px;
background-color: currentcolor;
position: absolute;
transform: rotate(-45deg);
top: 19px;
left: 8px;
content: "" !important;
transition: 300ms ease-in-out;
}
.career-popup-close:after{
transform: rotate(45deg);
transition: 300ms ease-in-out;
}
.career-popup-inner .career-popup-content{
height: 100%;
overflow-y: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
-webkit-mask-image: linear-gradient(to top, transparent 0%, var(--wdtTertiaryColor) 5%, var(--wdtTertiaryColor) 95%, transparent 100%);
mask-image: linear-gradient(to top, transparent 0%, var(--wdtTertiaryColor) 5%, var(--wdtTertiaryColor) 95%, transparent 100%);
padding: clamp(1.25rem, 0.9713rem + 1.2739vw, 2.5rem) 0;
}
body.career-popup-open {overflow: hidden;}
.career-popup-inner .elementor > div,
.career-popup-inner .elementor > div .e-con-inner {
padding: 0;
}
.wdt-before-after-slider-container .wdt-before-after-sliders {
display:none !important;
}
.wdt-popup-box-holder .wdt-popup-box-content-holder .mfp-close{
box-shadow: 0px 0px 3px var(--wdtAccentTxtColor);
}
#header .wdt-header-menu ul.wdt-primary-nav li.has-mega-menu>ul.sub-menu>li.menu-item-object-wdt_mega_menus{
border:none !important;
}
.wdt-tabs-container.wdt-template-classic .wdt-tabs-content-wrapper .wdt-tabs-content {
overflow: hidden;
}
.wpcf7-form-control.wpcf7-submit{
padding: var(--wdtPadding_MiniBtn);
font-size: var(--wdtFontSize_Base);
}
.form-container input, .form-container select, .form-container textarea {
width: 100%;
border: 1px solid rgba(var(--wdtHeadAltColorRgb), 0.2);
}
.wdt-dark-bg .form-container input,.wdt-dark-bg .form-container select,.wdt-dark-bg .form-container textarea {
width: 100%;
border: 1px solid rgba(var(--wdtAccentTxtColorRgb), 0.5);
}
/* Landing Page CSS */
/*Demo section*/
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-title h5 {
font-family: var(--wdtFontTypo_Base);
font-size: var(--wdtFontSize_H5)!important;
line-height: var(--wdtLineHeight_Ext);
color: var(--wdtAccentTxtColor);
}
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item div:not(:last-child){
margin-bottom: 10px !important;
}
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-description{
color: var(--wdtAccentTxtColor);
}
.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item .wdt-content-button a {
font-size: var(--wdtFontSize_H5);
font-family: var(--wdtFontTypo_H2);
padding: 20px;
width: 100%;
transition: var(--wdtBaseTransition);
text-transform: uppercase;
}
.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item:hover .wdt-content-button a{
background-color: var(--wdtTertiaryColor);
color: var(--wdtHeadAltColor);
}
.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item div:not(:last-child){
margin-bottom: 0;
}
.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item .wdt-content-media-group {
display: flex;
}
.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item {
position: relative;
overflow: hidden;
}
.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item .wdt-content-image a{
position: relative;
overflow: hidden;
}
.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item .wdt-content-image a:after{
content: "";
position: absolute;
inset: 0;
z-index: 3;
border-radius: inherit;
background: linear-gradient(rgba(var(--wdtHeadAltColorRgb), 0.7));
opacity: 0;
transition: var(--wdtBaseTransition);
}
.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item:hover .wdt-content-image a:after { opacity: 1;}
.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item img{
transform: scale(1);
transition: var(--wdtBaseTransition);
}
.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item:hover img{
transform: scale(1.05);
}
/*Icon list*/
.wdt-icon-list.elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-text{
font-family: var(--wdtFontTypo_Alt);
font-size: var(--wdtFontSize_H6);
text-transform: uppercase;
font-weight: var(--wdtFontWeight_Alt);
}
/*feature section*/
.wdt-image-box-holder.wdt-rc-template-img-aside .wdt-content-item {
background-color:transparent;
transition: var(--wdtBaseTransition);
}
.wdt-image-box-holder.wdt-rc-template-img-aside .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span{
font-size: clamp(3.125rem, 2.707rem + 1.9108vw, 5rem);
padding: 0;
color: var(--wdtHeadAltColor);
transition: var(--wdtBaseTransition);
transition: transform 1.0s ease-in-out;
}
@keyframes pulseScale {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.wdt-image-box-holder.wdt-rc-template-img-aside .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span{
color: var(--wdtAccentTxtColor);
animation: pulseScale 1.0s ease-in-out 1;
}
.wdt-image-box-holder.wdt-rc-template-img-aside .wdt-content-item .wdt-content-title h5{
font-size: var(--wdtFontSize_H6);
font-family: var(--wdtFontTypo_Base);
font-weight: var(--wdtFontWeight_H5);
padding: 0;
color: var(--wdtHeadAltColor);
transition: var(--wdtBaseTransition);
}
.wdt-image-box-holder.wdt-rc-template-img-aside .wdt-content-item .wdt-content-title h5:not(:last-child):hover {
color: rgba(var(--wdtPrimaryColorRgb), 0.5);
}
.wdt-image-box-holder.wdt-rc-template-img-aside .wdt-content-item .wdt-content-title h5:not(:last-child):hover,
.wdt-image-box-holder.wdt-rc-template-img-aside .wdt-content-item .wdt-content-title h5:not(:last-child):hover a {
color: rgba(var(--wdtPrimaryColorRgb), 0.5);
}
/*Inner page*/
.wdt-progress{
position: relative;
overflow: hidden;
}
.wdt-progress .wdt-advanced-carousel-holder.wdt-rc-template-default .wdt-swiper-pagination.swiper-pagination-progressbar{
position: sticky;
margin: 0 auto;
}
.wdt-progress .wdt-swiper-slide-count{
position: static;
margin-top: 20px;
}
.wdt-progress .wdt-carousel-holder .swiper.swiper-horizontal + .wdt-carousel-pagination-wrapper .wdt-swiper-pagination{
margin-top: clamp(3.125rem, 2.4283rem + 3.1847vw, 6.25rem);
}
.wdt-progress .wdt-carousel-holder .wdt-carousel-pagination-wrapper .swiper-pagination-progressbar {
background-color: rgba(var(--wdtAccentTxtColorRgb), .4)
}
.wdt-progress .elementor-widget-image{
position: relative;
overflow: hidden;
}
/* image zoom */
.wdt-progress .elementor-widget-image img{
display: block;
width: 100%;
transform: scale(1);
transition: var(--wdtBaseTransition);
}
/* overlay layer */
.wdt-progress .elementor-widget-image::before{
content: "";
position: absolute;
inset: 0;
z-index: 3;
border-radius: inherit;
background: linear-gradient(rgba(var(--wdtHeadAltColorRgb), 0.7));
opacity: 0;
transition: var(--wdtBaseTransition);
z-index: 4;
}
/* hover effect */
.wdt-progress .elementor-widget-image:hover img{
transform: scale(1.05);
}
.wdt-progress .elementor-widget-image:hover::before{
opacity: 1;
}
@media(max-width:1024px){
.wdt-progress .wdt-carousel-holder .wdt-carousel-pagination-wrapper .swiper-pagination-progressbar{
width: 50%;
}
}
/*Animation */
.wdt-animation .wdt-animation-wrapper .wdt-animation-item {
padding: 20px clamp(1.25rem, 0.6267rem + 2.0819vw, 3.125rem);
}
.wdt-animation .wdt-animation-item.icon-with-title-item {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 10px;
background-color: var(--wdtTertiaryColor);
margin: 0 20px;
font-size: var(--wdtFontSize_H6);
font-family: var(--wdtFontTypo_Base);
color: var(--wdtHeadAltColor);
transition: var(--wdtBaseTransition);
}
.wdt-animation .wdt-animation-item.icon-with-title-item svg{
font-size: var(--wdtFontSize_H6);
color: var(--wdtHeadAltColor);
transition: var(--wdtBaseTransition);
}
.wdt-animation .wdt-animation-item.icon-with-title-item:hover{
background-color: var(--wdtPrimaryColor);
color: var(--wdtAccentTxtColor);
}
.wdt-animation .wdt-animation-item.icon-with-title-item:hover svg{
color: var(--wdtAccentTxtColor);
}
.wdt-custom-heading .wdt-heading-holder h1.wdt-heading-title-wrapper .wdt-heading-title{
font-size: clamp(2.8125rem, 2.3248rem + 2.2293vw, 5rem);
}
.wdt-custom-imagebox .wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-title h5 {
font-size: var(--wdtFontSize_H5);
}
.wdt-custom-imagebox .wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-title h5 a {
color:rgb(var(--wdtAccentTxtColorRgb), 1);
transition: var(--wdtBaseTransition);
}
.wdt-custom-imagebox .wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-title h5 a:hover {
color:rgb(var(--wdtTertiaryColorRgb), 0.5);
}
.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item .wdt-content-button a:hover {
color:rgb(var(--wdtPrimaryColorRgb), 0.5);
}
.wdt-custom-imageaside .wdt-image-box-holder.wdt-rc-template-img-aside .wdt-content-item .wdt-content-title h5,
.wdt-custom-imageaside .wdt-image-box-holder.wdt-rc-template-img-aside .wdt-content-item .wdt-content-title h5 a{
color: var(--wdtPrimaryColor);
transition: var(--wdtBaseTransition);
}
.wdt-custom-imageaside .wdt-image-box-holder.wdt-rc-template-img-aside .wdt-content-item:hover{background-color: var(--wdtPrimaryColor);}
.wdt-custom-imageaside .wdt-image-box-holder.wdt-rc-template-img-aside .wdt-content-item:hover .wdt-content-title h5,
.wdt-custom-imageaside .wdt-image-box-holder.wdt-rc-template-img-aside .wdt-content-item:hover .wdt-content-title h5 a {
color: var(--wdtAccentTxtColor);
}
.wdt-custom-imageaside .wdt-image-box-holder.wdt-rc-template-img-aside .wdt-content-item {background-color: var(--wdtTertiaryColor); transition: var(--wdtBaseTransition);}
.wdt-custom-imageaside .wdt-image-box-holder.wdt-rc-template-img-aside .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span{
color: var(--wdtAccentTxtColor);
animation: pulseScale 0.6s ease-in-out 1;
}
.wdt-custom-imageaside .wdt-image-box-holder.wdt-rc-template-img-aside .wdt-content-item .wdt-content-title h5:hover,
.wdt-custom-imageaside .wdt-image-box-holder.wdt-rc-template-img-aside .wdt-content-item .wdt-content-title h5 a:hover{
color: var(--wdtAccentTxtColor);
}
.wdt-custom-accordation .wdt-accordion-toggle-holder .wdt-accordion-toggle-description p{
max-width:900px;
}
/* Footer - Landing Page CSS */
@media(max-width:767px){
.wdt-iconlist .wdt-icon-list-wrapper {
justify-content: center;
display: flex;
gap: 20px;
}
.wdt-iconlist .wdt-icon-list {
display: flex;
flex-direction: column;
gap: 30px;
justify-content: center;
align-content: center;
}
.wdt-iconlist .wdt-icon-list{
display: flex;
flex-direction: column;
gap: 30px;
justify-content: center;
align-content: center;
}
}
.fadeIn {
animation: adFadeInIn 0.6s linear forwards !important;
will-change: opacity, visibility !important;
}
/* Blog detail img */
.entry-thumb.single-preview-img .blog-image img{ min-height: clamp(18.75rem, 11.4786rem + 24.2887vw, 40.625rem);/* 350 - 650 */ object-fit: cover; object-position: center; }
/* additional.css */
/* widget.css */
/*--------------------------------------------------------------
Widgets
--------------------------------------------------------------*/
/*----*****---- << Transitions >> ----*****----*/
.widget ul li:before, .widget ul li:hover:before, .widget.widget_archive ul li > a span, .widget.widget_archive ul li > a:hover span, .widget.widget_categories ul li > a span, .widget.widget_categories ul li > a:hover span, .widget .recent-portfolio-widget ul li a:before, .widget .recent-portfolio-widget ul li a:after, .widget.widget_flickr ul li a:before {
-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear;
-ms-transition:all 0.3s linear; transition:all 0.3s linear; }
/*----*****---- << WP Widget Defaults >> ----*****----*/
.widget { clear:both; float: left; margin-bottom: 30px; padding: 0; position: relative;
width: 100%; -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); }
.elementor-widget-container .widget:last-child { margin: 0; }
.secondary-sidebar .wdt-sidebar-wrapper {
float: left; clear: both; width: 100%;
-webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); }
.widgettitle, .widget_block > h2,
.widget_block .wp-block-group .wp-block-group__inner-container > h2 {
clear:both; display: inline-block; font-size: clamp(1.25rem, 1.1635rem + 0.3846vw, 1.625rem); text-transform: uppercase;
margin: 0; padding: 20px 30px; position: relative; background-color: var(--wdtHeadAltColor); color: var(--wdtAccentTxtColor); width: 100%;}
.widgettitle:before, .widget_block > h2:before, .widget .wp-block-search__label:before, .widget_block .wp-block-group .wp-block-group__inner-container > h2:before { content:""; height:0px; position:absolute; bottom:0; left:0; width:35px; }
.widgettitle.aligncenter:before { right: 0; margin: auto;}
.widgettitle.alignright { margin-left: 0; }
.widgettitle.alignright:before { right: 0; left: auto; }
.widget ul, .widget ol { clear:both; float:left; margin:0; padding:0; width:100%; }
.widget ul li, .widget ol li { border-bottom: 1px solid; clear:both; display:block; margin:0; padding: 8px 0 8px 0; position:relative; width:100%; }
.widget .widgettitle + ul > li:first-child, .widget .widgettitle + ol > li:first-child,
.widget ul li:first-child:not(:only-child), .widget ol li:first-child:not(:only-child) { padding-top:0; }
.widget ul li:last-child:not(:only-child), .widget ol li:last-child:not(:only-child) { border-bottom-width: 0; padding-bottom: 0; }
.widget ul li > a, .widget ol li > a { display:inline-block; line-height: var(--wdtLineHeight_Base); width:100%; text-transform: capitalize; }
.widget ul li:last-child:not(:only-child) > a, .widget ol li:last-child:not(:only-child) > a { padding-bottom:0; }
.widget ul li:only-child { border-color:transparent; padding-bottom: 0; }
.widget ul.children li:last-child{ border-color: rgb(var(--wdtBorderColorRgb), 0.5);}
/* Archives & Categories Widget */
.widget_categories label, .widget_archive label {
color: var(--wdtBodyTxtColor); display:inline-block; font-size: var(--wdtFontSize_Base);
font-weight: var(--wdtFontWeight_Ext); margin:0 0 10px; width: 100%; }
.widget.widget_categories ul li > a { position:relative; }
.widget.widget_categories ul li > a, .widget.widget_archive ul li > a { width: auto; }
.widget.widget_categories ul li > a span, .widget.widget_archive ul li > a span { float: right; padding: 0; }
/* Nav Menu Widget */
.widget.widget_nav_menu ul.menu li:first-child { padding-top: 0; }
.widget.widget_nav_menu ul.menu li > a { display:inline-block; line-height: var(--wdtLineHeight_Base); width:100%; }
.widget.widget_nav_menu ul li { padding:0; }
.widget.widget_nav_menu ul li, .widget.widget_nav_menu ul li:last-child { border-width: 0 !important; }
.widget.widget_nav_menu ul li a { border-bottom: 1px solid; padding:10px 0; }
.widget.widget_nav_menu ul li a:empty { display:none; }
.widget.widget_nav_menu > div[class*="menu-container"] > ul > li:last-child:not(:only-child) > a {
border-bottom-width: 0; padding-bottom: 0; }
/* RSS Widget */
.widget_rss h3.widgettitle > a.rsswidget > img { display: none; margin-right:5px; margin-top: -3px; }
.widget_rss ul li > a.rsswidget { font-weight: var(--wdtFontWeight_Alt); }
.widget_rss ul li .rssSummary { margin-top: 0.5em; margin-bottom: 0.5em; }
.widget_rss ul li .rss-date, .widget_rss ul li cite { font-size: var(--wdtFontSize_Ext); }
/* TagCloud Widget */
.widget_tag_cloud .tagcloud, .widget .tagcloud {
float: none;
clear: both;
padding: 0;
width: auto;
display: flex;
margin: 0;
flex-flow: row wrap;
padding: 35px 30px;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: rgb(var(--wdtBorderColorRgb),0.5); }
.widget_tag_cloud .tagcloud a, .widget .tagcloud a, .wp-block-tag-cloud a {
padding: 10px; font-size: var(--wdtFontSize_Ext) !important; margin: 5px;
font-weight: var(--wdtFontWeight_Base); line-height: normal; -webkit-box-shadow: none !important; box-shadow: none !important; color: var(--wdtHeadAltColor) !important; }
.wp-block-tag-cloud a { display: inline-block; float: none; }
.wp-block-tag-cloud a:not(:focus) { text-decoration: none; }
/*Gallery*/
.widget.widget_media_gallery .gallery { margin: 0px; gap: 16px;}
.widget.widget_media_gallery .gallery-columns-3 .gallery-item {
max-width: calc((100% - 16px * 2) / 3); margin: 0; padding: 0; }
.widget.widget_media_gallery .gallery-item > div > a { margin-bottom: 0px;}
.widget.widget_media_gallery .gallery-item img { border: 0px solid rgba(var(--wdtHeadAltColorRgb),0.15); }
.sidebar-image-container img { margin-bottom: 0px; }
.sidebar-image-container a.wdt-button {
position: absolute; bottom: 45px; left: 0; right: 0; margin: 0px auto; width: fit-content; padding: 0px;
background-color: transparent; color: var(--wdtPrimaryColor); text-transform: inherit; }
.sidebar-image-container a.wdt-button:hover{ color: var(--wdtAccentTxtColor);}
.sidebar-image-container a.wdt-button:after {
content: ''; position: absolute; width: 100%; height: 1px; background: currentColor; bottom: 0; left: 0;}
/* Search Form */
.widget #searchform { max-width: 100%; position:relative; width: 100%; }
.widget #searchform .wdt-search-icon { display: none; }
.widget #searchform input[type="text"] {
padding-right: 50px; width: 100%; margin: 0; }
.widget #searchform input[type="submit"] { position: absolute;
right: 24px;
top: 0;
padding: 0;
bottom: 0;
height: 22px;
width: 22px;
mask-size: auto;
margin: auto;
background-color: var(--wdtHeadAltColor);
transition: var(--wdtBaseTransition);
}
.widget #searchform input[type="submit"]:hover{background-color: rgb(var(--wdtLinkHoverColorRgb),0.5);}
.widget_block .wp-block-search { margin-bottom: 0; }
.widget_block .wp-block-search .wp-block-search__inside-wrapper { flex-wrap: wrap; position: relative; }
.widget_block .wp-block-search__label {
font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Alt);color: var(--wdtHeadAltColor); line-height: var(--wdtLineHeight_Alt);text-transform: capitalize;font-size: var(--wdtFontSize_H6); }
.widget_block .wp-block-search .wp-block-search__button { margin-bottom: 0; }
.widget_block .wp-block-search .wp-block-search__button { background-color: transparent;
color: var(--wdtLinkColor); position: absolute; font-size: 0; top: 0; right: 10px;
bottom: 0; width: 48px; margin: auto; padding: 8px; }
.widget_block .wp-block-search .wp-block-search__button:hover { color: rgb(var(--wdtHeadAltColorRgb),0.5); }
.widget_block .wp-block-search .wp-block-search__button.has-icon { font-size: var(--wdtFontSize_Base); }
.widget_block .wp-block-search .wp-block-search__button:not(.has-icon):before {
content: ""; position: relative; display: block; width: 26px; height: 26px; background-color: var(--wdtHeadAltColor); -webkit-transition: background-color .3s ease; transition: background-color .3s ease;
-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 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:currentcolor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg id='Group_130921' transform='translate(1 1)'%3E%3Cellipse id='Ellipse_1' class='st0' cx='20.1' cy='20.1' rx='18.1' ry='18.1'/%3E%3Cline id='Line_1' class='st0' x1='33.1' y1='33.1' x2='46' y2='46'/%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 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:currentcolor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg id='Group_130921' transform='translate(1 1)'%3E%3Cellipse id='Ellipse_1' class='st0' cx='20.1' cy='20.1' rx='18.1' ry='18.1'/%3E%3Cline id='Line_1' class='st0' x1='33.1' y1='33.1' x2='46' y2='46'/%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: 22px auto; mask-size: 22px auto; transition: var(--wdtBaseTransition);}
.widget_block .wp-block-search .wp-block-search__button:not(.has-icon):hover:before { background-color: rgb(var(--wdtHeadAltColorRgb),0.5); }
/* widget_text */
.widget.widget_text .textwidget .sidebar-image-container { position: relative; }
/* WP-Calendar Widget */
.widget #wp-calendar { border-collapse: collapse; }
.widget #wp-calendar caption {
font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Ext); margin-top: -0.35em; margin-bottom: 10px; }
.widget #wp-calendar td { padding: 0.5em 0; }
.widget #wp-calendar td#next { text-align: right; }
.widget #wp-calendar td#prev { text-align: left; }
.widget.widget_calendar .wp-calendar-nav { display: flex; justify-content: space-between; }
.widget.widget_calendar .wp-calendar-nav span.pad { display: none; }
/* Block Widgets */
.widget.widget_block .wp-block-calendar,
.widget.widget_block .wp-block-archives-dropdown, .widget.widget_block .wp-block-categories-dropdown,
.widget.widget_block .wp-block-latest-comments__comment-excerpt > *:last-child { margin-bottom: 0; }
.widget.widget_block .wp-block-calendar table caption, .widget.widget_block .wp-block-calendar table tbody {
color: var(--wdtBodyTxtColor); }
.widget.widget_block .wp-block-archives-dropdown > label:first-child + select,
.widget.widget_block .wp-block-archives-dropdown > label:first-child + select + .select2-container,
.widget.widget_block .wp-block-categories-dropdown > label:first-child + select,
.widget.widget_block .wp-block-categories-dropdown > label:first-child + select + .select2-container { margin-bottom: 0; }
/* .widget.widget_block .wp-block-archives-dropdown label:not(.screen-reader-text),
.widget.widget_block .wp-block-categories-dropdown label:not(.screen-reader-text) { font-size: clamp(1.25rem, 1.1635rem + 0.3846vw, 1.625rem);
text-transform: uppercase;
padding: 20px 30px;
position: relative;
background-color: var(--wdtHeadAltColor);
color: var(--wdtAccentTxtColor);
width: 100%; } */
.widget.widget_block .wp-block-latest-posts.wp-block-latest-posts__list li:last-child .wp-block-latest-posts__post-excerpt {
margin-bottom: 0; }
.widget.widget_block .wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt {
margin-top: 0.5em; margin-bottom: 0.5em; }
.widget.widget_block .wp-block-loginout form > p.login-remember label { display: inline-flex; vertical-align: top; }
.widget.widget_block .wp-block-loginout form > p.login-remember label input#rememberme { margin-right: 8px; height: 16px; width: 16px; }
.widget.widget_block .wp-block-loginout form > p:last-child { margin-bottom: 0; }
.widget.widget_block .wp-block-social-links li.wp-social-link { float: none; width: auto; padding: 0; }
.widget.widget_block .wp-block-social-links li.wp-social-link a { display: inherit; line-height: 0; padding: .25em; }
/* Sidebar Color Swatches */
.widget.layered-nav .wdt-shop-filters-widget-area ul.smiley-attribute-filter-list {
position: relative; float: none; }
.widget.smiley-widget ul.smiley-color-filter-list {
float: none; position: relative; display: flex; flex-wrap: wrap; }
.widget.smiley-widget ul.smiley-color-filter-list .smiley-color-filter-item {
width: fit-content; padding: 0; border: none; margin: 0; }
.widget.smiley-widget ul.smiley-color-filter-list .smiley-color-filter-item a { display: inline-flex; cursor: pointer; }
.widget.smiley-widget ul.smiley-color-filter-list .smiley-color-filter-item a .color-swatch {
position: relative; overflow: hidden; width: 60px !important; height: 30px !important;
border-radius: var(--wdtRadius_Zero) !important; border-color: transparent !important;
-webkit-transition: var(--wdtAltTransition); transition: var(--wdtAltTransition); }
.widget.smiley-widget ul.smiley-color-filter-list .smiley-color-filter-item a .color-swatch:after {
content: ''; display: block; position: absolute; border: none !important;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
height: 100%; left: -0%; top: 0; transform: skewX(-25deg); -webkit-transform: skewX(-25deg);
width: 50%; z-index: 2; transition: var(--wdtAltTransition); }
.widget.smiley-widget ul.smiley-color-filter-list .smiley-color-filter-item.current-filter a .color-swatch:after,
.widget.smiley-widget ul.smiley-color-filter-list .smiley-color-filter-item a:hover .color-swatch:after { left: 100% }
.widget.smiley-widget ul.smiley-color-filter-list .smiley-color-filter-item.current-filter a .color-swatch {
box-shadow: inset 0 0 0px 2px var(--wdtAccentTxtColor); }
/* Sidebar Size Swatches */
.widget.layered-nav .wdt-shop-filters-widget-area ul.smiley-attribute-filter-list:has(.smiley-size-filter-item) {
position: relative; float: none; display: flex; flex-wrap: wrap; gap: 10px; }
.widget.layered-nav .wdt-shop-filters-widget-area ul.smiley-attribute-filter-list .smiley-size-filter-item {
width: fit-content; padding: 0; display: flex; border: none; }
.widget.layered-nav .wdt-shop-filters-widget-area ul.smiley-attribute-filter-list .smiley-size-filter-item a ,
.widget.layered-nav .wdt-shop-filters-widget-area ul.smiley-attribute-filter-list .smiley-size-filter-item a span { width: 100%; }
.widget.layered-nav .wdt-shop-filters-widget-area ul.smiley-attribute-filter-list .smiley-size-filter-item a span {
font-size: var(--wdtFontSize_Ext); padding: 4px 12px !important;
-webkit-transition: var(--wdtAltTransition); transition: var(--wdtAltTransition); }
.widget.layered-nav .wdt-shop-filters-widget-area ul.smiley-attribute-filter-list .smiley-size-filter-item a:hover span,
.widget.layered-nav .wdt-shop-filters-widget-area ul.smiley-attribute-filter-list .smiley-size-filter-item.current-filter a span {
background: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); border-color: transparent !important; }
/* Sidebar Product Availability */
.widget_product_availability [type="checkbox"], .widget_product_availability [type="radio"] {
position: relative; top: -1px; opacity: 1; -webkit-appearance: none; appearance: none; width: 18px; height: 18px;
border: 1px solid var(--wdtBorderColor); transform: translateY(0); display: inline-grid; place-content: center;
border-radius: var(--wdtRadius_Zero); padding: 0 0 !important; margin: 0 11px 0 0 !important; cursor: pointer; }
.widget_product_availability [type="checkbox"]::after, .widget_product_availability [type="radio"]::after {
content: ""; width: 0.65em; height: 0.65em; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
transform: scale(0); transform-origin: bottom left; transition: 120ms transform ease-in-out;
-webkit-box-shadow: inset 1em 1em var(--wdtLinkHoverColor); box-shadow: inset 1em 1em var(--wdtLinkHoverColor); }
.widget_product_availability [type="checkbox"]:checked::after, .widget_product_availability [type="radio"]:checked::after {
-webkit-transform: scale(1); transform: scale(1); }
/* Widget Orderby */
.widget.widget_orderby .wdt-shop-filters-widget-area .woocommerce-ordering { float: left; }
/*----*****---- << Common & Custom Widget Styles >> ----*****----*/
/* Common Styles */
/* .widget.widget_archive ul ul li:last-child, .widget.widget_categories ul ul li:last-child, .widget.widget_meta ul ul li:last-child,
.widget.widget_nav_menu ul.menu ul li:last-child, .widget.widget_pages ul ul li:last-child {
border-bottom-width: 1px; } */
.widget.widget_nav_menu ul li ul.sub-menu, .widget.widget_pages ul li ul.children,
.widget.widget_block .wp-block-page-list li ul.submenu-container, .widget.widget_block .wp-block-page-list li ul {
padding-left: 5%; width: 100%; }
.widget.widget_archive ul li ul, .widget.widget_categories ul li ul,
.widget.widget_nav_menu ul.menu li ul, .widget.widget_pages ul li ul,
.widget.widget_block .wp-block-page-list li ul.submenu-container { padding-left: 5%; padding-top: 0; }
.widget.widget_archive ul li, .widget.widget_categories ul li,
.widget.widget_nav_menu ul.menu li, .widget.widget_pages ul li,
.widget.widget_meta ul li, .widget.widget_text ul li,
.widget.widget_block .wp-block-page-list li { padding: 0; }
.widget.widget_archive ul li > a, .widget.widget_categories ul li > a,
.widget.widget_nav_menu ul.menu li > a, .widget.widget_pages ul li > a,
.widget.widget_meta ul li > a, .widget.widget_text ul li > a,
.widget.widget_block .wp-block-page-list li > a { padding: 12px 0; }
.widget.widget_archive ul li:first-child > a, .widget.widget_categories ul li:first-child > a,
.widget.widget_pages ul li:first-child > a, .widget.widget_nav_menu ul.menu li:first-child > a,
.widget.widget_meta ul li:first-child > a, .widget.widget_text ul li:first-child > a,
.widget.widget_block .wp-block-page-list > li:first-child > a { padding-top: 0; }
.widget.widget_archive ul ul.children li > a, .widget.widget_archive ul ul.children li:first-child > a,
.widget.widget_categories ul ul.children li > a, .widget.widget_categories ul ul.children li:first-child > a,
.widget.widget_nav_menu ul ul.children li > a, .widget.widget_nav_menu ul ul.children li:first-child > a,
.widget.widget_nav_menu ul ul.sub-menu li > a, .widget.widget_nav_menu ul ul.sub-menu li:first-child > a,
.widget.widget_pages ul ul.children li > a, .widget.widget_pages ul ul.children li:first-child > a,
.widget.widget_block .wp-block-page-list li ul.submenu-container li > a,
.widget.widget_block .wp-block-page-list li ul.submenu-container li:first-child > a { padding-top: 12px; }
.widget.widget_archive ul ul.children li > a, .widget.widget_archive ul ul.children li:last-child > a,
.widget.widget_categories ul ul.children li > a, .widget.widget_categories ul ul.children li:last-child > a,
.widget.widget_nav_menu ul ul.children li > a, .widget.widget_nav_menu ul ul.children li:last-child > a,
.widget.widget_nav_menu ul ul.sub-menu li > a, .widget.widget_nav_menu ul ul.sub-menu li:last-child > a,
.widget.widget_pages ul ul.children li > a, .widget.widget_pages ul ul.children li:last-child > a,
.widget.widget_block .wp-block-page-list li ul.submenu-container li > a,
.widget.widget_block .wp-block-page-list li ul.submenu-container li:last-child > a { padding-bottom: 12px; }
.widget.widget_block .wp-block-page-list li ul.submenu-container li:last-child { border-bottom-width: 1px; }
.widget.widget_media_video .mejs-layers .mejs-overlay-button { background-color: transparent; }
.widget_recent_entries ul li > a { width: auto; }
.widget.widget_recent_posts .recent-posts-widget .entry-title h4 a[href*="title-should-not-overflow-the-content-area"] {
word-break: break-all; }
.widget.widget_recent_posts .recent-posts-widget .entry-title h3,
.widget.widget_recent_posts .recent-posts-widget .entry-title h4 { font-size: calc(var(--wdtFontSize_Base) + 2px);
font-weight: var(--wdtFontWeight_Base); line-height: normal; }
.widget_recent_comments ul li.recentcomments > a {
font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Ext); line-height: var(--wdtLineHeight_Alt); }
.widget_recent_comments ul li.recentcomments .comment-author-link a { font-weight: var(--wdtFontWeight_Ext); transition: var(--wdtBaseTransition); }
.widget_recent_comments ul li.recentcomments .comment-author-link a:hover{color: rgb(var(--wdtHeadAltColorRgb), 0.5);}
.widget_text form .selection-box + br:last-child { display: none; }
.widget > p:last-child, .widget > p:only-child,
.widget .plugin-description > p:last-child, .widget .plugin-description > p:only-child { margin-bottom: 0; }
.widget .select2-container { margin-bottom: 5px; }
.widget:not(.widget_text) a:not(:focus) { text-decoration: none; }
.widget.widget_block .wp-block-page-list li ul li:last-child { border-bottom-width: 1px; border-color:rgb(var(--wdtBorderColorRgb),0.5);}
.widget.widget_block .wp-block-page-list li ul li:last-child > a { padding-bottom: 10px; }
/*--------------------------------------------------------------
Colors
--------------------------------------------------------------*/
.widget ul li, .widget ol li, .widget.widget_nav_menu ul.menu li, .widget.widget_nav_menu ul li a {
border-color: rgb(var(--wdtBorderColorRgb),0.4); backface-visibility: hidden; }
.widget #wp-calendar td a { color:rgba(var(--wdtHeadAltColorRgb),0.5); }
.widget_tag_cloud .tagcloud a, .widget .tagcloud a, .wp-block-tag-cloud a { background: rgb(var(--wdtHeadAltColorRgb), 0.1); }
.wdt-dark-bg .widget input[type="text"], .wdt-dark-bg .widget input[type="password"], .wdt-dark-bg .widget input[type="email"], .wdt-dark-bg .widget input[type="url"], .wdt-dark-bg .widget input[type="tel"], .wdt-dark-bg .widget input[type="number"], .wdt-dark-bg .widget input[type="range"], .wdt-dark-bg .widget input[type="date"], .wdt-dark-bg .widget textarea, .wdt-dark-bg .widget input[type="search"], .wdt-dark-bg .widget select, .wdt-dark-bg .widget.widget_categories ul li > a span, .wdt-dark-bg .widget.widget_archive ul li > a span { background:rgba(var(--wdtBodyBGColorRgb),0.15); }
.wdt-dark-bg .widget .selection-box:before { border-top-color:rgba(var(--wdtBodyBGColorRgb),0.15); }
.wdt-dark-bg .widget .selection-box:after { background:rgba(var(--wdtBodyBGColorRgb),0.05); }
.wdt-dark-bg .widget ul li, .wdt-dark-bg .widget.widget_nav_menu ul.menu li { border-color:rgba(var(--wdtBodyBGColorRgb),0.2); }
.wdt-dark-bg .widget #wp-calendar td a { color:rgba(var(--wdtAccentTxtColorRgb),0.5); }
.wdt-dark-bg .tagcloud a { background:rgba(var(--wdtBodyBGColorRgb),0.15); }
.tagcloud a:hover, .wp-block-tag-cloud a:hover, #footer .wdt-dark-bg .tagcloud a:hover, #footer .tagcloud a:hover {
color:var(--wdtAccentTxtColor) !important; }
.widget #searchform:hover:before { color: var(--wdtAccentTxtColor); }
/*--------------------------------------------------------------
Accents
--------------------------------------------------------------*/
/* Primary Color */
.widget ul li > a:hover, .widget .recent-posts-widget li .entry-meta p span, .widget #wp-calendar td a:hover,
.wdt-dark-bg .widget #wp-calendar td a:hover { color: var(--wdtPrimaryColor); }
.widgettitle:before, .widget_block > h2:before, .widget .wp-block-search__label:before, .widget_block .wp-block-group .wp-block-group__inner-container > h2:before, .tagcloud a:hover, .wp-block-tag-cloud a:hover,
.wdt-dark-bg .widget.widget_categories ul li > a:hover span, #footer .wdt-dark-bg .widget.widget_categories ul li > a:hover span, #footer .wdt-dark-bg .widget.widget_archive ul li > a:hover span, .wdt-dark-bg .tagcloud a:hover {
background-color: var(--wdtPrimaryColor); }
.tagcloud a:hover, .wp-block-tag-cloud a:hover, .wdt-dark-bg .tagcloud a:hover { border-color: var(--wdtPrimaryColor); }
.widget_media_image img { border-radius: 10px; }
/*--------------------------------------------------------------
Responsive
--------------------------------------------------------------*/
@media (max-width: 1280px) {
.widget { margin-bottom: 30px; }
}
@media only screen and (min-width:1025px) and (max-width:1280px) {
.tagcloud a { margin:0 4px 10px 0; }
.widget #searchform input[type="text"] { font-size: var(--wdtFontSize_Ext); padding-left: 12px; }
.widget #searchform input[type="submit"] { padding: 0 }
.widget #searchform:before, .widget #searchform input[type="submit"] { width: 40px; }
}
@media only screen and (min-width:768px) and (max-width:1024px) {
.tagcloud a { margin:0 4px 10px 0; }
}
@media only screen and (max-width: 767px) {
.tagcloud a { margin:0 5px 10px 0; }
}