Tab Content 01
Tab Content 02
Tab Content 03
------------------------------------------------------------------------------------- */
.theme-body .tabs-content {
display: grid;
}
.theme-body .tabs-content-list {
position: relative;
}
.theme-body .tabs-content-item{
position: relative;
left: 0px;
top: 0px;
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.3s ease-in-out 0s;
}
.theme-body .tabs-content-item .tabs-content-item-inner {
--offset: 10px;
width: calc( 100% + 2 * var(--offset) );
margin-inline-start: var(--offset) * -1;
padding-inline: var(--offset);
overflow: hidden;
}
.theme-body [data-nav-direction=back] .tabs-content-item.active-tab {
animation: FadeInFromLeft 0.3s cubic-bezier(.47,.01,.47,.99);
animation-fill-mode: both;
}
.theme-body [data-nav-direction=back] .tabs-content-item.last-active-tab {
animation: FadeOutToRight 0.3s cubic-bezier(.47,.01,.47,.99);
animation-fill-mode: both;
}
.theme-body [data-nav-direction=forward] .tabs-content-item.active-tab {
animation: FadeInFromRight 0.3s cubic-bezier(.47,.01,.47,.99);
animation-fill-mode: both;
}
.theme-body [data-nav-direction=forward] .tabs-content-item.last-active-tab {
animation: FadeOutToLeft 0.3s cubic-bezier(.47,.01,.47,.99);
animation-fill-mode: both;
}
.theme-body .tabs-content-item:not(.active-tab){
opacity: 0;
}
/* &.last-active-tab {
transition-delay: 1s;
} */
.theme-body .tabs-content-item.active-tab{
position: relative;
z-index: 10;
height: auto;
grid-template-rows: 1fr;
}
.theme-body .tabs-navigation {
--nav-item-bg: var(--form-bg-color);
--nav-item-bg-hover: var(--form-bg-color-hover);
--nav-item-active-bg: hsl(0, 100%, 60%);
--nav-item-active-bg-hover: var(--nav-item-active-bg);
width: 100%;
}
.theme-body .tabs-nav-list {
display: flex;
flex-wrap: wrap;
gap: 5px;
width: 100%;
}
.theme-body .tabs-nav-item{
border-radius: 9999px;
display: flex;
padding: .8em 1em;
cursor: pointer;
background-color: var(--nav-item-bg);
transition: scale 0.3s cubic-bezier(.47,.01,.47,.99) 0s, color 0.3s cubic-bezier(.47,.01,.47,.99) 0s, background-color 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
}
.theme-body .tabs-nav-item:not(.active-tab):hover {
scale: 1.05;
background-color: var(--nav-item-bg-hover);
}
.theme-body .tabs-nav-item.active-tab {
font-weight: bold;
color: white;
cursor: default;
background-color: var(--nav-item-active-bg);
}
.theme-body .tabs-nav-item.active-tab:hover {
background-color: var(--nav-item-active-bg-hover);
}
/* -------------------------------------------------------------------------------------
buttons
------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------
collapser / read more
------------------------------------------------------------------------------------- */
.theme-body .collapser {
--maxh: 1600px;
position: relative;
padding-top: 4px;
padding-bottom: 24px;
max-height: var(--maxh);
overflow: hidden;
}
.theme-body .collapser::before {
opacity: 0;
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 110px;
background-image: linear-gradient(to bottom, transparent, white 66%);
}
.theme-body .collapser .collapser__toggle {
position: absolute;
bottom: 0;
left: 0;
}
.theme-body .collapser .collapser__toggle::before {
content: attr(data-title-expanded);
font-size: inherit;
}
.theme-body .collapser.initialized {
transition: max-height 0.3s ease-out 0s;
}
.theme-body .collapser.collapsed {
max-height: 120px;
}
.theme-body .collapser.collapsed::before {
opacity: 1;
}
.theme-body .collapser.collapsed .collapser__toggle::before {
content: attr(data-title-collapsed);
}
/* -------------------------------------------------------------------------------------
R E A D M O R E
Collapser toggle for readmore text sections
Basic HTML markup:
Some Text goeas here ...
After initialization the more-content div will be wrapped in a div class more-content-wrapper.
Result:
------------------------------------------------------------------------------------- */
.theme-body .more-text {
--maxh: 1600px;
}
.theme-body .more-text .more-content-wrapper {
overflow: hidden;
transition: max-height 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
}
.theme-body .more-text .more-link::before {
content: attr(data-title-show);
}
.theme-body .more-text.more-open .more-content-wrapper {
max-height: var(--maxh);
}
.theme-body .more-text.more-open .more-link::before {
content: attr(data-title-hide);
}
.theme-body .more-text.initialized:not(.more-open) .more-content-wrapper {
max-height: 0;
}
/* -------------------------------------------------------------------------------------
V I D E O E M B E D S
Use the php function video ( $args ) { } in functions/helper.php
to embed videos.
Basic HTML markup:
';
------------------------------------------------------------------------------------- */
.video {
--bg-color: black;
position: relative;
width: 100%;
overflow: hidden;
}
.video.video-blocked .video__thumb {
background-color: black;
}
.video.video-blocked:has(.brlbs-cmpnt-content-blocker) .video__thumb {
z-index: 0;
}
.video.video-blocked:has(.brlbs-cmpnt-content-blocker) .video__video {
min-height: 100%;
}
.video.video-blocked:has(.brlbs-cmpnt-content-blocker) .video__video .brlbs-cmpnt-content-blocker {
position: absolute;
inset: 0;
z-index: 3;
background-color: var(--bg-color);
display: flex;
align-items: center;
justify-content: center;
}
.video__thumb {
display: flex;
align-items: center;
justify-content: center;
width: 100.3%;
height: 100.3%;
position: absolute;
cursor: pointer;
z-index: 3;
background-color: transparent;
border-radius: inherit;
overflow: hidden;
transition: opacity 0.6s cubic-bezier(.47,.01,.47,.99) 0s, z-index 0.8s step-end 0s, background-color 0.1s linear 0.3s;
}
.video-play .video__thumb {
opacity: 0;
z-index: 1;
}
.video__thumb:hover::before {
opacity: 0.3;
}
.video__thumb:hover img {
transform: scale(1.1);
}
.video__thumb:hover .button-play {
transform: scale(1.1);
}
/* Black Background */
.video__thumb::before {
content: '';
position: absolute;
inset: 0;
background-color: var(--bg-color);
z-index: 2;
opacity: 0;
transition: opacity 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
}
.video__thumb img {
position: absolute;
inset: 0;
z-index: 1;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: opacity 0.3s cubic-bezier(.47,.01,.47,.99) 0s, transform 0.7s cubic-bezier(.47,.01,.47,.99) 0s;
}
.video__thumb .button-play {
color: #fff;
display: block;
position: relative;
z-index: 3;
width: 80px;
height: 80px;
transition: transform 0.3s cubic-bezier(.47,.01,.47,.99) 0.2s;
}
.video__thumb .button-play:hover {
transform: scale(1.25);
}
.video__video {
border-radius: inherit;
/* background-color: var(--bg-color); */
position: relative;
inset: 0;
z-index: 2;
/* video {
} */
}
iframe.video__video {
width: 100%;
height: 100%;
}
/* -------------------------------------------------------------------------------------
Stylable Scrollbars S I M P L E B A R
https://grsmto.github.io/simplebar/
https://github.com/Grsmto/simplebar/
Usage: Set class scrollable on the element you want your custom scrollbar. You're done.
generates:
------------------------------------------------------------------------------------- */
.theme-body .simplebar-content-wrapper{
overscroll-behavior: contain;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Content Section Scroll Indicator
If a Content Section/ Module is set to Screen Height, you can add Scroll Indicator
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
body.is-scrolled .theme-body .section-scroll-indicator {
opacity: 0;
}
.theme-body .section-scroll-indicator {
--indicator-size: 40px;
--indicator-stroke: 2px;
--indicator-speed: 3s;
--indicator-size-4-3: calc(var(--indicator-size) * 4 / 3);
--indicator-size-4--6: calc(var(--indicator-size) * 4 / -6);
--indicator-size-4-6: calc(var(--indicator-size) * 4 / 6);
--indicator-size-2-3: calc(var(--indicator-size) * 2 / 3);
--indicator-size--6: calc(var(--indicator-size) / -6);
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
display: flex;
justify-content: center;
padding: 0.75rem;
transition: opacity 0.3s cubic-bezier(.47,.01,.47,.99) 1s;
}
.theme-body .section-scroll-indicator-link{
position: relative;
display: block;
cursor: pointer;
width: var(--indicator-size);
height: var(--indicator-size);
}
.theme-body .theme-body .section-scroll-indicator-link:before {
content: '';
display: block;
position: absolute;
left: 15%;
width: 100%;
height: 100%;
border-left: var(--indicator-stroke) solid rgba(255,255,255,0.7);
border-bottom: var(--indicator-stroke) solid rgba(255,255,255,0.7);
transform: translate(var(--indicator-stroke),var(--indicator-size-4-3)) rotate(-45deg);
animation: scroll-indicator var(--indicator-speed) linear infinite;
}
.theme-body .theme-body .section-scroll-indicator-link:after {
content: '';
display: block;
position: absolute;
left: 15%;
width: 100%;
height: 100%;
border-left: var(--indicator-stroke) solid rgba(255,255,255,0.7);
border-bottom: var(--indicator-stroke) solid rgba(255,255,255,0.7);
transform: translate(var(--indicator-size-2-3),0px) rotate(-45deg);
animation: scroll-indicator var(--indicator-speed) linear infinite calc(var(--indicator-speed) / -2);
}
@keyframes scroll-indicator {
0% {
border-left: var(--indicator-stroke) solid rgba(255,255,255,0);
border-bottom: var(--indicator-stroke) solid rgba(255,255,255,0);
transform: translate(var(--indicator-size--6),var(--indicator-size-4--6)) rotate(-45deg) ;
}
10%, 90% {
border-left: var(--indicator-stroke) solid rgba(255,255,255,0);
border-bottom: var(--indicator-stroke) solid rgba(255,255,255,0);
}
50% {
border-left: var(--indicator-stroke) solid rgba(255,255,255,0.7);
border-bottom: var(--indicator-stroke) solid rgba(255,255,255,0.7);
transform: translate(var(--indicator-size--6),0px) rotate(-45deg) ;
}
100% {
border-left: var(--indicator-stroke) solid rgba(255,255,255,0);
border-bottom: var(--indicator-stroke) solid rgba(255,255,255,0);
transform: translate(var(--indicator-size--6),var(--indicator-size-4-6)) rotate(-45deg) ;
}
}
/* -------------------------------------------------------------------------------------
Toggles
Toggles for Accordions or Readmore Sections + | -
------------------------------------------------------------------------------------- */
/* =====================================================================================
Icons inserted by JS
===================================================================================== */
.theme-body [class*="has-icon-"] {
display: inline-flex;
align-items: center;
}
.theme-body [class*="has-icon-"] >.icon {
height: 1em;
width: auto;
}
/* =====================================================================================
Style for Links
===================================================================================== */ /* @layer components { */ /* =====================================================================================
Style for iFrame (index-iframe.php)
===================================================================================== */
:root {
--iframe-padding: 8px;
}
body.inside-iframe {
scroll-behavior: initial;
scroll-padding: 0;
scrollbar-color: transparent transparent; /* Foreground, Background */
margin: 0 var(--iframe-padding);
/* margin: 0; */
background-color: transparent;
}
body.inside-iframe .otgs-development-site-front-end {
display: none !important;
}
iframe[class*=gina-iframe-]{
border-radius: 30px;
width: calc(100% + ( var(--iframe-padding) * 2)) !important;
margin-inline-start: calc( var(--iframe-padding) * -1 );
background-color: transparent;
overflow: hidden;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Table Opening Hours
general styles
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.theme-body .table-opening-hours {
color: currentColor;
border-collapse: collapse;
}
.theme-body .table-opening-hours td {
color: currentColor;
}
.theme-body .table-opening-hours-day {
padding: 0.2em 0.2em 0.2em 0;
}
.theme-body .table-opening-hours-time {
padding: 0.2em 0 0.2em 0.2em;
}
/* @import "navigation/menus"; */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
custom form styles
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
:root {
/* --form-bg-color: _hsla(theme('colors.primary'), 10%); */
--form-font-size: clamp(16px, 1em, 32px);
--form-bg-color: rgba(100, 100, 100, .1);
--form-bg-color-hover: rgba(100, 100, 100, .15);
--form-bg-color-focus: rgba(100, 100, 100, .2);
--form-border-color: transparent;
--form-border-color-hover: transparent;
--form-border-color-focus: transparent;
--form-padding-block: 0.8em;
--form-padding-inline: 1.2em;
--form-line-height: 1.3;
--form-text-color: currentColor;
--form-placeholder-color: rgba(0,0,0, 0.7);
}
.theme-body *[class*=bg-cd-][data-color-mode=dark] {
--form-bg-color: rgba(255,255,255, 0.2);
--form-bg-color-hover: rgba(255,255,255, 0.25);
--form-bg-color-focus: rgba(255,255,255, 0.3);
}
.theme-body *[class*=bg-cd-][data-color-mode=light] {
--form-bg-color: rgba(255,255,255, 0.6);
--form-bg-color-hover: rgba(255,255,255, 0.65);
--form-bg-color-focus: rgba(255,255,255, 0.7);
} /* @layer components { */
:is(.is-validating, .is-valid) .form-submit {
background-image: url("data:image/svg+xml;utf8,%3Csvg%0A%20%20viewBox%3D%220%200%2020%2020%22%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20style%3D%22fill%3Awhite%22%3E%0A%20%20%3Cpath%20d%3D%22M1%2C10c0%2C4.967%204.033%2C9%209%2C9c4.967%2C0%209%2C-4.033%209%2C-9c0%2C-4.967%20-4.033%2C-9%20-9%2C-9l0%2C-1l0.065%2C0c5.489%2C0.035%209.935%2C4.502%209.935%2C10c0%2C5.519%20-4.481%2C10%20-10%2C10c-5.519%2C0%20-10%2C-4.481%20-10%2C-10l1%2C0Z%22%3E%0A%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20values%3D%220%2010%2010%3B360%2010%2010%22%20times%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%0A%20%20%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A");
}
.theme-body input.no-style {
--form-bg-color: transparent !important;
--form-bg-color-hover: transparent !important;
--form-bg-color-focus: transparent !important;
--form-border-color-hover: transparent !important;
--form-border-color-focus: transparent !important;
--form-padding-block: 0 !important;
--form-padding-inline: 0 !important;
--form-line-height: 1 !important;
--form-text-color: currentColor !important;
--form-placeholder-color: rgba(0,0,0, 0.7) !important;
}
.theme-body input[type="number"].no-arrows {
-webkit-appearance: textfield !important;
-moz-appearance: textfield !important;
appearance: textfield !important;
}
.theme-body input[type="number"].no-arrows::-webkit-outer-spin-button,
.theme-body input[type="number"].no-arrows::-webkit-inner-spin-button {
margin: 0 !important;
-webkit-appearance: none !important;
appearance: none !important;
}
.theme-frontend :-webkit-autofill,
.theme-frontend :-webkit-autofill:hover,
.theme-frontend :-webkit-autofill:focus,
.acf-block-preview :-webkit-autofill,
.acf-block-preview :-webkit-autofill:hover,
.acf-block-preview :-webkit-autofill:focus {
border: 1px solid hsl(0, 100%, 96%) !important;
-webkit-text-fill-color: black;
box-shadow: 0 0 0px 1000px hsl(0, 100%, 96%) inset;
}
.theme-frontend input:-internal-autofill-selected, .acf-block-preview input:-internal-autofill-selected {
font-size: var(--form-font-size);
color: var(--form-text-color);
box-sizing: border-box;
height: auto;
line-height: var(--form-line-height);
padding: var(--form-padding-block) var(--form-padding-inline);
border: 1px solid;
border-radius: 30px;
background-color: var(--form-bg-color);
border-color: var(--form-border-color);
resize: none;
transition: all 0.3s ease-in-out 0s;
}
.theme-frontend input:-internal-autofill-selected::-moz-placeholder, .acf-block-preview input:-internal-autofill-selected::-moz-placeholder {
-moz-transition: opacity 0.3s ease-out 0s;
transition: opacity 0.3s ease-out 0s;
color: var(--form-placeholder-color);
opacity: 0.5;
}
.theme-frontend input:-internal-autofill-selected::placeholder,.theme-frontend input:-internal-autofill-selected::-webkit-input-placeholder,.theme-frontend input:-internal-autofill-selected:-moz-placeholder,.theme-frontend input:-internal-autofill-selected::-moz-placeholder,.theme-frontend input:-internal-autofill-selected:-ms-input-placeholder,.acf-block-preview input:-internal-autofill-selected::placeholder,.acf-block-preview input:-internal-autofill-selected::-webkit-input-placeholder,.acf-block-preview input:-internal-autofill-selected:-moz-placeholder,.acf-block-preview input:-internal-autofill-selected::-moz-placeholder,.acf-block-preview input:-internal-autofill-selected:-ms-input-placeholder {
-webkit-transition: opacity 0.3s ease-out 0s;
-moz-transition: opacity 0.3s ease-out 0s;
-ms-transition: opacity 0.3s ease-out 0s;
transition: opacity 0.3s ease-out 0s;
color: var(--form-placeholder-color);
opacity: 0.5;
}
.theme-frontend input:-internal-autofill-selected::-moz-focus-inner, .acf-block-preview input:-internal-autofill-selected::-moz-focus-inner /* Remove button padding in FF */
{
border: 0;
padding: 0;
}
.theme-frontend input:-internal-autofill-selected:focus::-moz-placeholder, .theme-frontend input:-internal-autofill-selected:focus:hover::-moz-placeholder, .theme-frontend input:-internal-autofill-selected:not(.empty)::-moz-placeholder, .acf-block-preview input:-internal-autofill-selected:focus::-moz-placeholder, .acf-block-preview input:-internal-autofill-selected:focus:hover::-moz-placeholder, .acf-block-preview input:-internal-autofill-selected:not(.empty)::-moz-placeholder {
opacity: 0.3;
}
.theme-frontend input:-internal-autofill-selected:focus::placeholder,.theme-frontend input:-internal-autofill-selected:focus::-webkit-input-placeholder,.theme-frontend input:-internal-autofill-selected:focus:-moz-placeholder,.theme-frontend input:-internal-autofill-selected:focus::-moz-placeholder,.theme-frontend input:-internal-autofill-selected:focus:-ms-input-placeholder,.theme-frontend input:-internal-autofill-selected:focus:hover::placeholder,.theme-frontend input:-internal-autofill-selected:focus:hover::-webkit-input-placeholder,.theme-frontend input:-internal-autofill-selected:focus:hover:-moz-placeholder,.theme-frontend input:-internal-autofill-selected:focus:hover::-moz-placeholder,.theme-frontend input:-internal-autofill-selected:focus:hover:-ms-input-placeholder,.theme-frontend input:-internal-autofill-selected:not(.empty)::placeholder,.theme-frontend input:-internal-autofill-selected:not(.empty)::-webkit-input-placeholder,.theme-frontend input:-internal-autofill-selected:not(.empty):-moz-placeholder,.theme-frontend input:-internal-autofill-selected:not(.empty)::-moz-placeholder,.theme-frontend input:-internal-autofill-selected:not(.empty):-ms-input-placeholder,.acf-block-preview input:-internal-autofill-selected:focus::placeholder,.acf-block-preview input:-internal-autofill-selected:focus::-webkit-input-placeholder,.acf-block-preview input:-internal-autofill-selected:focus:-moz-placeholder,.acf-block-preview input:-internal-autofill-selected:focus::-moz-placeholder,.acf-block-preview input:-internal-autofill-selected:focus:-ms-input-placeholder,.acf-block-preview input:-internal-autofill-selected:focus:hover::placeholder,.acf-block-preview input:-internal-autofill-selected:focus:hover::-webkit-input-placeholder,.acf-block-preview input:-internal-autofill-selected:focus:hover:-moz-placeholder,.acf-block-preview input:-internal-autofill-selected:focus:hover::-moz-placeholder,.acf-block-preview input:-internal-autofill-selected:focus:hover:-ms-input-placeholder,.acf-block-preview input:-internal-autofill-selected:not(.empty)::placeholder,.acf-block-preview input:-internal-autofill-selected:not(.empty)::-webkit-input-placeholder,.acf-block-preview input:-internal-autofill-selected:not(.empty):-moz-placeholder,.acf-block-preview input:-internal-autofill-selected:not(.empty)::-moz-placeholder,.acf-block-preview input:-internal-autofill-selected:not(.empty):-ms-input-placeholder {
opacity: 0.3;
}
.theme-frontend input:-internal-autofill-selected:focus,.theme-frontend input:-internal-autofill-selected:focus:hover,.theme-frontend input:-internal-autofill-selected:not(.empty),.acf-block-preview input:-internal-autofill-selected:focus,.acf-block-preview input:-internal-autofill-selected:focus:hover,.acf-block-preview input:-internal-autofill-selected:not(.empty){
box-shadow: none;
outline: none;
background-color: var(--form-bg-color-focus);
border-color: var(--form-border-color-focus);
}
.theme-frontend input:-internal-autofill-selected:hover, .acf-block-preview input:-internal-autofill-selected:hover {
color: var(--form-text-color);
border-color: #d1d5db;
background-color: var(--form-bg-color-hover);
border-color: var(--form-border-color-hover);
}
/* -------------------------------------------------------------------------------------
elements
------------------------------------------------------------------------------------- */
.theme-frontend form, .acf-block-preview form {
/* font-size: 16px; */
}
/* -------------------------------------------------------------------------------------
text input elements
------------------------------------------------------------------------------------- */
.theme-frontend input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]),
.theme-frontend .login form .input,
.theme-frontend .login input[type="text"],
.acf-block-preview input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]),
.acf-block-preview .login form .input,
.acf-block-preview .login input[type="text"] {
font-size: var(--form-font-size);
color: var(--form-text-color);
box-sizing: border-box;
height: auto;
line-height: var(--form-line-height);
padding: var(--form-padding-block) var(--form-padding-inline);
border: 1px solid;
border-radius: 30px;
background-color: var(--form-bg-color);
border-color: var(--form-border-color);
resize: none;
transition: all 0.3s ease-in-out 0s;
}
.theme-frontend input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"])::placeholder,
.theme-frontend input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"])::-webkit-input-placeholder,
.theme-frontend input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):-moz-placeholder,
.theme-frontend input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"])::-moz-placeholder,
.theme-frontend input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):-ms-input-placeholder,
.theme-frontend .login form .input::placeholder,
.theme-frontend .login form .input::-webkit-input-placeholder,
.theme-frontend .login form .input:-moz-placeholder,
.theme-frontend .login form .input::-moz-placeholder,
.theme-frontend .login form .input:-ms-input-placeholder,
.theme-frontend .login input[type="text"]::placeholder,
.theme-frontend .login input[type="text"]::-webkit-input-placeholder,
.theme-frontend .login input[type="text"]:-moz-placeholder,
.theme-frontend .login input[type="text"]::-moz-placeholder,
.theme-frontend .login input[type="text"]:-ms-input-placeholder,
.acf-block-preview input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"])::placeholder,
.acf-block-preview input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"])::-webkit-input-placeholder,
.acf-block-preview input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):-moz-placeholder,
.acf-block-preview input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"])::-moz-placeholder,
.acf-block-preview input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):-ms-input-placeholder,
.acf-block-preview .login form .input::placeholder,
.acf-block-preview .login form .input::-webkit-input-placeholder,
.acf-block-preview .login form .input:-moz-placeholder,
.acf-block-preview .login form .input::-moz-placeholder,
.acf-block-preview .login form .input:-ms-input-placeholder,
.acf-block-preview .login input[type="text"]::placeholder,
.acf-block-preview .login input[type="text"]::-webkit-input-placeholder,
.acf-block-preview .login input[type="text"]:-moz-placeholder,
.acf-block-preview .login input[type="text"]::-moz-placeholder,
.acf-block-preview .login input[type="text"]:-ms-input-placeholder {
-webkit-transition: opacity 0.3s ease-out 0s;
-moz-transition: opacity 0.3s ease-out 0s;
-ms-transition: opacity 0.3s ease-out 0s;
transition: opacity 0.3s ease-out 0s;
color: var(--form-placeholder-color);
opacity: 0.5;
}
.theme-frontend input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"])::-moz-focus-inner,
.theme-frontend .login form .input::-moz-focus-inner,
.theme-frontend .login input[type="text"]::-moz-focus-inner,
.acf-block-preview input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"])::-moz-focus-inner,
.acf-block-preview .login form .input::-moz-focus-inner,
.acf-block-preview .login input[type="text"]::-moz-focus-inner /* Remove button padding in FF */
{
border: 0;
padding: 0;
}
.theme-frontend input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):focus::placeholder,
.theme-frontend input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):focus::-webkit-input-placeholder,
.theme-frontend input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):focus:-moz-placeholder,
.theme-frontend input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):focus::-moz-placeholder,
.theme-frontend input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):focus:-ms-input-placeholder,
.theme-frontend input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):focus:hover::placeholder,
.theme-frontend input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):focus:hover::-webkit-input-placeholder,
.theme-frontend input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):focus:hover:-moz-placeholder,
.theme-frontend input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):focus:hover::-moz-placeholder,
.theme-frontend input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):focus:hover:-ms-input-placeholder,
.theme-frontend input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):not(.empty)::placeholder,
.theme-frontend input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):not(.empty)::-webkit-input-placeholder,
.theme-frontend input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):not(.empty):-moz-placeholder,
.theme-frontend input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):not(.empty)::-moz-placeholder,
.theme-frontend input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):not(.empty):-ms-input-placeholder,
.theme-frontend .login form .input:focus::placeholder,
.theme-frontend .login form .input:focus::-webkit-input-placeholder,
.theme-frontend .login form .input:focus:-moz-placeholder,
.theme-frontend .login form .input:focus::-moz-placeholder,
.theme-frontend .login form .input:focus:-ms-input-placeholder,
.theme-frontend .login form .input:focus:hover::placeholder,
.theme-frontend .login form .input:focus:hover::-webkit-input-placeholder,
.theme-frontend .login form .input:focus:hover:-moz-placeholder,
.theme-frontend .login form .input:focus:hover::-moz-placeholder,
.theme-frontend .login form .input:focus:hover:-ms-input-placeholder,
.theme-frontend .login form .input:not(.empty)::placeholder,
.theme-frontend .login form .input:not(.empty)::-webkit-input-placeholder,
.theme-frontend .login form .input:not(.empty):-moz-placeholder,
.theme-frontend .login form .input:not(.empty)::-moz-placeholder,
.theme-frontend .login form .input:not(.empty):-ms-input-placeholder,
.theme-frontend .login input[type="text"]:focus::placeholder,
.theme-frontend .login input[type="text"]:focus::-webkit-input-placeholder,
.theme-frontend .login input[type="text"]:focus:-moz-placeholder,
.theme-frontend .login input[type="text"]:focus::-moz-placeholder,
.theme-frontend .login input[type="text"]:focus:-ms-input-placeholder,
.theme-frontend .login input[type="text"]:focus:hover::placeholder,
.theme-frontend .login input[type="text"]:focus:hover::-webkit-input-placeholder,
.theme-frontend .login input[type="text"]:focus:hover:-moz-placeholder,
.theme-frontend .login input[type="text"]:focus:hover::-moz-placeholder,
.theme-frontend .login input[type="text"]:focus:hover:-ms-input-placeholder,
.theme-frontend .login input[type="text"]:not(.empty)::placeholder,
.theme-frontend .login input[type="text"]:not(.empty)::-webkit-input-placeholder,
.theme-frontend .login input[type="text"]:not(.empty):-moz-placeholder,
.theme-frontend .login input[type="text"]:not(.empty)::-moz-placeholder,
.theme-frontend .login input[type="text"]:not(.empty):-ms-input-placeholder,
.acf-block-preview input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):focus::placeholder,
.acf-block-preview input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):focus::-webkit-input-placeholder,
.acf-block-preview input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):focus:-moz-placeholder,
.acf-block-preview input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):focus::-moz-placeholder,
.acf-block-preview input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):focus:-ms-input-placeholder,
.acf-block-preview input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):focus:hover::placeholder,
.acf-block-preview input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):focus:hover::-webkit-input-placeholder,
.acf-block-preview input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):focus:hover:-moz-placeholder,
.acf-block-preview input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):focus:hover::-moz-placeholder,
.acf-block-preview input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):focus:hover:-ms-input-placeholder,
.acf-block-preview input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):not(.empty)::placeholder,
.acf-block-preview input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):not(.empty)::-webkit-input-placeholder,
.acf-block-preview input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):not(.empty):-moz-placeholder,
.acf-block-preview input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):not(.empty)::-moz-placeholder,
.acf-block-preview input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):not(.empty):-ms-input-placeholder,
.acf-block-preview .login form .input:focus::placeholder,
.acf-block-preview .login form .input:focus::-webkit-input-placeholder,
.acf-block-preview .login form .input:focus:-moz-placeholder,
.acf-block-preview .login form .input:focus::-moz-placeholder,
.acf-block-preview .login form .input:focus:-ms-input-placeholder,
.acf-block-preview .login form .input:focus:hover::placeholder,
.acf-block-preview .login form .input:focus:hover::-webkit-input-placeholder,
.acf-block-preview .login form .input:focus:hover:-moz-placeholder,
.acf-block-preview .login form .input:focus:hover::-moz-placeholder,
.acf-block-preview .login form .input:focus:hover:-ms-input-placeholder,
.acf-block-preview .login form .input:not(.empty)::placeholder,
.acf-block-preview .login form .input:not(.empty)::-webkit-input-placeholder,
.acf-block-preview .login form .input:not(.empty):-moz-placeholder,
.acf-block-preview .login form .input:not(.empty)::-moz-placeholder,
.acf-block-preview .login form .input:not(.empty):-ms-input-placeholder,
.acf-block-preview .login input[type="text"]:focus::placeholder,
.acf-block-preview .login input[type="text"]:focus::-webkit-input-placeholder,
.acf-block-preview .login input[type="text"]:focus:-moz-placeholder,
.acf-block-preview .login input[type="text"]:focus::-moz-placeholder,
.acf-block-preview .login input[type="text"]:focus:-ms-input-placeholder,
.acf-block-preview .login input[type="text"]:focus:hover::placeholder,
.acf-block-preview .login input[type="text"]:focus:hover::-webkit-input-placeholder,
.acf-block-preview .login input[type="text"]:focus:hover:-moz-placeholder,
.acf-block-preview .login input[type="text"]:focus:hover::-moz-placeholder,
.acf-block-preview .login input[type="text"]:focus:hover:-ms-input-placeholder,
.acf-block-preview .login input[type="text"]:not(.empty)::placeholder,
.acf-block-preview .login input[type="text"]:not(.empty)::-webkit-input-placeholder,
.acf-block-preview .login input[type="text"]:not(.empty):-moz-placeholder,
.acf-block-preview .login input[type="text"]:not(.empty)::-moz-placeholder,
.acf-block-preview .login input[type="text"]:not(.empty):-ms-input-placeholder {
opacity: 0.3;
}
.theme-frontend input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):focus,
.theme-frontend input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):focus:hover,
.theme-frontend input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):not(.empty),
.theme-frontend .login form .input:focus,
.theme-frontend .login form .input:focus:hover,
.theme-frontend .login form .input:not(.empty),
.theme-frontend .login input[type="text"]:focus,
.theme-frontend .login input[type="text"]:focus:hover,
.theme-frontend .login input[type="text"]:not(.empty),
.acf-block-preview input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):focus,
.acf-block-preview input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):focus:hover,
.acf-block-preview input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):not(.empty),
.acf-block-preview .login form .input:focus,
.acf-block-preview .login form .input:focus:hover,
.acf-block-preview .login form .input:not(.empty),
.acf-block-preview .login input[type="text"]:focus,
.acf-block-preview .login input[type="text"]:focus:hover,
.acf-block-preview .login input[type="text"]:not(.empty){
box-shadow: none;
outline: none;
background-color: var(--form-bg-color-focus);
border-color: var(--form-border-color-focus);
}
.theme-frontend input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):hover,
.theme-frontend .login form .input:hover,
.theme-frontend .login input[type="text"]:hover,
.acf-block-preview input:not(.flatpickr-calendar input):is(
[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]):hover,
.acf-block-preview .login form .input:hover,
.acf-block-preview .login input[type="text"]:hover {
color: var(--form-text-color);
border-color: #d1d5db;
background-color: var(--form-bg-color-hover);
border-color: var(--form-border-color-hover);
}
.theme-frontend textarea, .acf-block-preview textarea {
font-size: var(--form-font-size);
color: var(--form-text-color);
box-sizing: border-box;
height: auto;
line-height: var(--form-line-height);
padding: var(--form-padding-block) var(--form-padding-inline);
border: 1px solid;
border-radius: 30px;
background-color: var(--form-bg-color);
border-color: var(--form-border-color);
resize: none;
transition: all 0.3s ease-in-out 0s;
}
.theme-frontend textarea::placeholder,.theme-frontend textarea::-webkit-input-placeholder,.theme-frontend textarea:-moz-placeholder,.theme-frontend textarea::-moz-placeholder,.theme-frontend textarea:-ms-input-placeholder,.acf-block-preview textarea::placeholder,.acf-block-preview textarea::-webkit-input-placeholder,.acf-block-preview textarea:-moz-placeholder,.acf-block-preview textarea::-moz-placeholder,.acf-block-preview textarea:-ms-input-placeholder {
-webkit-transition: opacity 0.3s ease-out 0s;
-moz-transition: opacity 0.3s ease-out 0s;
-ms-transition: opacity 0.3s ease-out 0s;
transition: opacity 0.3s ease-out 0s;
color: var(--form-placeholder-color);
opacity: 0.5;
}
.theme-frontend textarea::-moz-focus-inner, .acf-block-preview textarea::-moz-focus-inner /* Remove button padding in FF */
{
border: 0;
padding: 0;
}
.theme-frontend textarea:focus::placeholder,.theme-frontend textarea:focus::-webkit-input-placeholder,.theme-frontend textarea:focus:-moz-placeholder,.theme-frontend textarea:focus::-moz-placeholder,.theme-frontend textarea:focus:-ms-input-placeholder,.theme-frontend textarea:focus:hover::placeholder,.theme-frontend textarea:focus:hover::-webkit-input-placeholder,.theme-frontend textarea:focus:hover:-moz-placeholder,.theme-frontend textarea:focus:hover::-moz-placeholder,.theme-frontend textarea:focus:hover:-ms-input-placeholder,.theme-frontend textarea:not(.empty)::placeholder,.theme-frontend textarea:not(.empty)::-webkit-input-placeholder,.theme-frontend textarea:not(.empty):-moz-placeholder,.theme-frontend textarea:not(.empty)::-moz-placeholder,.theme-frontend textarea:not(.empty):-ms-input-placeholder,.acf-block-preview textarea:focus::placeholder,.acf-block-preview textarea:focus::-webkit-input-placeholder,.acf-block-preview textarea:focus:-moz-placeholder,.acf-block-preview textarea:focus::-moz-placeholder,.acf-block-preview textarea:focus:-ms-input-placeholder,.acf-block-preview textarea:focus:hover::placeholder,.acf-block-preview textarea:focus:hover::-webkit-input-placeholder,.acf-block-preview textarea:focus:hover:-moz-placeholder,.acf-block-preview textarea:focus:hover::-moz-placeholder,.acf-block-preview textarea:focus:hover:-ms-input-placeholder,.acf-block-preview textarea:not(.empty)::placeholder,.acf-block-preview textarea:not(.empty)::-webkit-input-placeholder,.acf-block-preview textarea:not(.empty):-moz-placeholder,.acf-block-preview textarea:not(.empty)::-moz-placeholder,.acf-block-preview textarea:not(.empty):-ms-input-placeholder {
opacity: 0.3;
}
.theme-frontend textarea:focus,.theme-frontend textarea:focus:hover,.theme-frontend textarea:not(.empty),.acf-block-preview textarea:focus,.acf-block-preview textarea:focus:hover,.acf-block-preview textarea:not(.empty){
box-shadow: none;
outline: none;
background-color: var(--form-bg-color-focus);
border-color: var(--form-border-color-focus);
}
.theme-frontend textarea:hover, .acf-block-preview textarea:hover {
color: var(--form-text-color);
border-color: #d1d5db;
background-color: var(--form-bg-color-hover);
border-color: var(--form-border-color-hover);
}
.theme-frontend textarea, .acf-block-preview textarea {
/* padding-top: 20px !important;
padding-bottom: 20px !important; */
}
.theme-frontend input[type="search"], .acf-block-preview input[type="search"] {
font-size: var(--form-font-size);
color: var(--form-text-color);
box-sizing: border-box;
height: auto;
line-height: var(--form-line-height);
padding: var(--form-padding-block) var(--form-padding-inline);
border: 1px solid;
border-radius: 30px;
background-color: var(--form-bg-color);
border-color: var(--form-border-color);
resize: none;
transition: all 0.3s ease-in-out 0s;
}
.theme-frontend input[type="search"]::placeholder,.theme-frontend input[type="search"]::-webkit-input-placeholder,.theme-frontend input[type="search"]:-moz-placeholder,.theme-frontend input[type="search"]::-moz-placeholder,.theme-frontend input[type="search"]:-ms-input-placeholder,.acf-block-preview input[type="search"]::placeholder,.acf-block-preview input[type="search"]::-webkit-input-placeholder,.acf-block-preview input[type="search"]:-moz-placeholder,.acf-block-preview input[type="search"]::-moz-placeholder,.acf-block-preview input[type="search"]:-ms-input-placeholder {
-webkit-transition: opacity 0.3s ease-out 0s;
-moz-transition: opacity 0.3s ease-out 0s;
-ms-transition: opacity 0.3s ease-out 0s;
transition: opacity 0.3s ease-out 0s;
color: var(--form-placeholder-color);
opacity: 0.5;
}
.theme-frontend input[type="search"]::-moz-focus-inner, .acf-block-preview input[type="search"]::-moz-focus-inner /* Remove button padding in FF */
{
border: 0;
padding: 0;
}
.theme-frontend input[type="search"]:focus::placeholder,.theme-frontend input[type="search"]:focus::-webkit-input-placeholder,.theme-frontend input[type="search"]:focus:-moz-placeholder,.theme-frontend input[type="search"]:focus::-moz-placeholder,.theme-frontend input[type="search"]:focus:-ms-input-placeholder,.theme-frontend input[type="search"]:focus:hover::placeholder,.theme-frontend input[type="search"]:focus:hover::-webkit-input-placeholder,.theme-frontend input[type="search"]:focus:hover:-moz-placeholder,.theme-frontend input[type="search"]:focus:hover::-moz-placeholder,.theme-frontend input[type="search"]:focus:hover:-ms-input-placeholder,.theme-frontend input[type="search"]:not(.empty)::placeholder,.theme-frontend input[type="search"]:not(.empty)::-webkit-input-placeholder,.theme-frontend input[type="search"]:not(.empty):-moz-placeholder,.theme-frontend input[type="search"]:not(.empty)::-moz-placeholder,.theme-frontend input[type="search"]:not(.empty):-ms-input-placeholder,.acf-block-preview input[type="search"]:focus::placeholder,.acf-block-preview input[type="search"]:focus::-webkit-input-placeholder,.acf-block-preview input[type="search"]:focus:-moz-placeholder,.acf-block-preview input[type="search"]:focus::-moz-placeholder,.acf-block-preview input[type="search"]:focus:-ms-input-placeholder,.acf-block-preview input[type="search"]:focus:hover::placeholder,.acf-block-preview input[type="search"]:focus:hover::-webkit-input-placeholder,.acf-block-preview input[type="search"]:focus:hover:-moz-placeholder,.acf-block-preview input[type="search"]:focus:hover::-moz-placeholder,.acf-block-preview input[type="search"]:focus:hover:-ms-input-placeholder,.acf-block-preview input[type="search"]:not(.empty)::placeholder,.acf-block-preview input[type="search"]:not(.empty)::-webkit-input-placeholder,.acf-block-preview input[type="search"]:not(.empty):-moz-placeholder,.acf-block-preview input[type="search"]:not(.empty)::-moz-placeholder,.acf-block-preview input[type="search"]:not(.empty):-ms-input-placeholder {
opacity: 0.3;
}
.theme-frontend input[type="search"]:focus,.theme-frontend input[type="search"]:focus:hover,.theme-frontend input[type="search"]:not(.empty),.acf-block-preview input[type="search"]:focus,.acf-block-preview input[type="search"]:focus:hover,.acf-block-preview input[type="search"]:not(.empty){
box-shadow: none;
outline: none;
background-color: var(--form-bg-color-focus);
border-color: var(--form-border-color-focus);
}
.theme-frontend input[type="search"]:hover, .acf-block-preview input[type="search"]:hover {
color: var(--form-text-color);
border-color: #d1d5db;
background-color: var(--form-bg-color-hover);
border-color: var(--form-border-color-hover);
}
.theme-frontend input[type="search"], .acf-block-preview input[type="search"] {
-webkit-appearance: textfield;
}
.theme-frontend input[type="search"]::-webkit-search-decoration, .acf-block-preview input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
.theme-frontend input[type="search"]::-webkit-search-cancel-button, .acf-block-preview input[type="search"]::-webkit-search-cancel-button {
filter: brightness(0) invert(1);
}
/* -------------------------------------------------------------------------------------
submit buttons
------------------------------------------------------------------------------------- */
.theme-frontend input[type="submit"], .theme-frontend form button, .acf-block-preview input[type="submit"], .acf-block-preview form button {
--btn-bg-color: var(--accent-color);
--btn-text-color: white;
--btn-text-color-invers: var(--accent-color);
--hover-effect-color: white;
--hover-effect-color-invers: var(--accent-color);
position: relative;
display: inline-flex;
cursor: pointer;
align-items: center;
justify-content: space-between;
overflow: hidden;
border-radius: 9999px;
font-family: Blinker, sans-serif;
font-size: 1em;
line-height: 1.7;
font-weight: 600;
gap: 0.5ch;
color: var(--btn-text-color);
word-break: initial;
line-height: var(--form-line-height);
width: -moz-fit-content;
width: fit-content;
padding-block: var(--form-padding-block);
padding-inline: var(--form-padding-inline);
background-color: var(--btn-bg-color);
border: 3px solid var(--btn-bg-color);
transition: transform 0.3s cubic-bezier(.47,.01,.47,.99) 0s, border 0.3s cubic-bezier(.47,.01,.47,.99) 0s, background-position 0.3s cubic-bezier(.47,.01,.47,.99) 0s, background-color 0.3s cubic-bezier(.47,.01,.47,.99) 0s, color 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
}
.theme-frontend input[type="submit"].btn[class*=bg-white],.theme-frontend input[type="submit"].btn[class*=bg-cd-white],.theme-frontend form button.btn[class*=bg-white],.theme-frontend form button.btn[class*=bg-cd-white],.acf-block-preview input[type="submit"].btn[class*=bg-white],.acf-block-preview input[type="submit"].btn[class*=bg-cd-white],.acf-block-preview form button.btn[class*=bg-white],.acf-block-preview form button.btn[class*=bg-cd-white] {
--hover-effect-color: #9ca3af;
}
.theme-frontend input[type="submit"]::after, .theme-frontend form button::after, .acf-block-preview input[type="submit"]::after, .acf-block-preview form button::after {
--size: 120%;
content: '';
position: absolute;
display: block;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
opacity: 0;
box-sizing: content-box;
left: 50%;
top: 50%;
width: var(--size);
padding: 0 0 var(--size) 0;
background-color: var(--hover-effect-color);
transform: translate(-50%, -50%);
z-index: -1;
}
.theme-frontend input[type="submit"]:hover, .theme-frontend form button:hover, .acf-block-preview input[type="submit"]:hover, .acf-block-preview form button:hover {
color: var(--btn-text-color);
transform: scale(1.02);
}
.theme-frontend input[type="submit"]:hover::after, .theme-frontend form button:hover::after, .acf-block-preview input[type="submit"]:hover::after, .acf-block-preview form button:hover::after {
animation: ButtonHover 0.9s cubic-bezier(0,.54,.02,.99);
/* animation-fill-mode: forwards; */
}
.theme-frontend input[type="submit"]:hover [class^=icon-], .theme-frontend form button:hover [class^=icon-], .acf-block-preview input[type="submit"]:hover [class^=icon-], .acf-block-preview form button:hover [class^=icon-] {
translate: 5px 0;
}
.theme-frontend input[type="submit"]:focus::after, .theme-frontend form button:focus::after, .acf-block-preview input[type="submit"]:focus::after, .acf-block-preview form button:focus::after {
animation: ButtonPress 0.9s cubic-bezier(0,.54,.02,.99);
/* animation-fill-mode: forwards; */
}
.theme-frontend input[type="submit"] [class^=icon-], .theme-frontend form button [class^=icon-], .acf-block-preview input[type="submit"] [class^=icon-], .acf-block-preview form button [class^=icon-] {
transition: translate 0.2s ease-out 0.1s;
}
.theme-frontend input[type="submit"]:has(.icon), .theme-frontend form button:has(.icon), .acf-block-preview input[type="submit"]:has(.icon), .acf-block-preview form button:has(.icon) {
display: flex;
align-items: center;
}
.theme-frontend input[type="submit"] .icon, .theme-frontend form button .icon, .acf-block-preview input[type="submit"] .icon, .acf-block-preview form button .icon {
width: auto;
height: 0.9em;
}
.theme-frontend input[type="submit"].icon-left .icon, .theme-frontend form button.icon-left .icon, .acf-block-preview input[type="submit"].icon-left .icon, .acf-block-preview form button.icon-left .icon {
transform: translateX(-30%);
}
.theme-frontend input[type="submit"].icon-right .icon, .theme-frontend form button.icon-right .icon, .acf-block-preview input[type="submit"].icon-right .icon, .acf-block-preview form button.icon-right .icon {
transform: translateX(30%);
}
.theme-frontend input[type="submit"] .loader, .theme-frontend form button .loader, .acf-block-preview input[type="submit"] .loader, .acf-block-preview form button .loader {
margin-left: -10px;
margin-right: 10px;
}
.theme-frontend input[type="submit"], .theme-frontend form button, .acf-block-preview input[type="submit"], .acf-block-preview form button{
font-size: clamp(1rem, 1.2121212121212122 * 1vw, 1.5rem);
line-height: 1.7;
padding-right: 2.7em;
background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2022%22%20fill%3D%22white%22%3E%3Cpath%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22white%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20d%3D%22M2%202l9%209-9%209%22%2F%3E%3C%2Fsvg%3E%0A");
background-repeat: no-repeat;
background-position: right 1.2em top 50%;
background-size: auto 1em;
}
.theme-frontend input[type="submit"]:hover, .theme-frontend form button:hover, .acf-block-preview input[type="submit"]:hover, .acf-block-preview form button:hover {
background-position: right 0.9em top 50%;
}
:is(.is-validating, .is-valid) .theme-frontend input[type="submit"], :is(.is-validating, .is-valid) .theme-frontend form button, :is(.is-validating, .is-valid) .acf-block-preview input[type="submit"], :is(.is-validating, .is-valid) .acf-block-preview form button {
background-image: url("data:image/svg+xml;utf8,%3Csvg%0A%20%20viewBox%3D%220%200%2020%2020%22%0A%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20style%3D%22fill%3Awhite%22%3E%0A%20%20%3Cpath%20d%3D%22M1%2C10c0%2C4.967%204.033%2C9%209%2C9c4.967%2C0%209%2C-4.033%209%2C-9c0%2C-4.967%20-4.033%2C-9%20-9%2C-9l0%2C-1l0.065%2C0c5.489%2C0.035%209.935%2C4.502%209.935%2C10c0%2C5.519%20-4.481%2C10%20-10%2C10c-5.519%2C0%20-10%2C-4.481%20-10%2C-10l1%2C0Z%22%3E%0A%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20values%3D%220%2010%2010%3B360%2010%2010%22%20times%3D%220%3B1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%0A%20%20%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A");
}
/* -------------------------------------------------------------------------------------
select
------------------------------------------------------------------------------------- */
.theme-frontend select:not([class*=flatpickr]), .acf-block-preview select:not([class*=flatpickr]) {
font-size: var(--form-font-size);
color: var(--form-text-color);
box-sizing: border-box;
height: auto;
line-height: var(--form-line-height);
padding: var(--form-padding-block) var(--form-padding-inline);
border: 1px solid;
border-radius: 30px;
background-color: var(--form-bg-color);
border-color: var(--form-border-color);
resize: none;
transition: all 0.3s ease-in-out 0s;
}
.theme-frontend select:not([class*=flatpickr])::placeholder,.theme-frontend select:not([class*=flatpickr])::-webkit-input-placeholder,.theme-frontend select:not([class*=flatpickr]):-moz-placeholder,.theme-frontend select:not([class*=flatpickr])::-moz-placeholder,.theme-frontend select:not([class*=flatpickr]):-ms-input-placeholder,.acf-block-preview select:not([class*=flatpickr])::placeholder,.acf-block-preview select:not([class*=flatpickr])::-webkit-input-placeholder,.acf-block-preview select:not([class*=flatpickr]):-moz-placeholder,.acf-block-preview select:not([class*=flatpickr])::-moz-placeholder,.acf-block-preview select:not([class*=flatpickr]):-ms-input-placeholder {
-webkit-transition: opacity 0.3s ease-out 0s;
-moz-transition: opacity 0.3s ease-out 0s;
-ms-transition: opacity 0.3s ease-out 0s;
transition: opacity 0.3s ease-out 0s;
color: var(--form-placeholder-color);
opacity: 0.5;
}
.theme-frontend select:not([class*=flatpickr])::-moz-focus-inner, .acf-block-preview select:not([class*=flatpickr])::-moz-focus-inner /* Remove button padding in FF */
{
border: 0;
padding: 0;
}
.theme-frontend select:not([class*=flatpickr]):focus::placeholder,.theme-frontend select:not([class*=flatpickr]):focus::-webkit-input-placeholder,.theme-frontend select:not([class*=flatpickr]):focus:-moz-placeholder,.theme-frontend select:not([class*=flatpickr]):focus::-moz-placeholder,.theme-frontend select:not([class*=flatpickr]):focus:-ms-input-placeholder,.theme-frontend select:not([class*=flatpickr]):focus:hover::placeholder,.theme-frontend select:not([class*=flatpickr]):focus:hover::-webkit-input-placeholder,.theme-frontend select:not([class*=flatpickr]):focus:hover:-moz-placeholder,.theme-frontend select:not([class*=flatpickr]):focus:hover::-moz-placeholder,.theme-frontend select:not([class*=flatpickr]):focus:hover:-ms-input-placeholder,.theme-frontend select:not([class*=flatpickr]):not(.empty)::placeholder,.theme-frontend select:not([class*=flatpickr]):not(.empty)::-webkit-input-placeholder,.theme-frontend select:not([class*=flatpickr]):not(.empty):-moz-placeholder,.theme-frontend select:not([class*=flatpickr]):not(.empty)::-moz-placeholder,.theme-frontend select:not([class*=flatpickr]):not(.empty):-ms-input-placeholder,.acf-block-preview select:not([class*=flatpickr]):focus::placeholder,.acf-block-preview select:not([class*=flatpickr]):focus::-webkit-input-placeholder,.acf-block-preview select:not([class*=flatpickr]):focus:-moz-placeholder,.acf-block-preview select:not([class*=flatpickr]):focus::-moz-placeholder,.acf-block-preview select:not([class*=flatpickr]):focus:-ms-input-placeholder,.acf-block-preview select:not([class*=flatpickr]):focus:hover::placeholder,.acf-block-preview select:not([class*=flatpickr]):focus:hover::-webkit-input-placeholder,.acf-block-preview select:not([class*=flatpickr]):focus:hover:-moz-placeholder,.acf-block-preview select:not([class*=flatpickr]):focus:hover::-moz-placeholder,.acf-block-preview select:not([class*=flatpickr]):focus:hover:-ms-input-placeholder,.acf-block-preview select:not([class*=flatpickr]):not(.empty)::placeholder,.acf-block-preview select:not([class*=flatpickr]):not(.empty)::-webkit-input-placeholder,.acf-block-preview select:not([class*=flatpickr]):not(.empty):-moz-placeholder,.acf-block-preview select:not([class*=flatpickr]):not(.empty)::-moz-placeholder,.acf-block-preview select:not([class*=flatpickr]):not(.empty):-ms-input-placeholder {
opacity: 0.3;
}
.theme-frontend select:not([class*=flatpickr]):focus,.theme-frontend select:not([class*=flatpickr]):focus:hover,.theme-frontend select:not([class*=flatpickr]):not(.empty),.acf-block-preview select:not([class*=flatpickr]):focus,.acf-block-preview select:not([class*=flatpickr]):focus:hover,.acf-block-preview select:not([class*=flatpickr]):not(.empty){
box-shadow: none;
outline: none;
background-color: var(--form-bg-color-focus);
border-color: var(--form-border-color-focus);
}
.theme-frontend select:not([class*=flatpickr]):hover, .acf-block-preview select:not([class*=flatpickr]):hover {
color: var(--form-text-color);
border-color: #d1d5db;
background-color: var(--form-bg-color-hover);
border-color: var(--form-border-color-hover);
}
.theme-frontend select:not([class*=flatpickr]), .acf-block-preview select:not([class*=flatpickr]){
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-right: 40px;
background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2022%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%3E%3Cpath%20d%3D%22M2%2C2l9%2C9l9%2C-9%22%20%2F%3E%3C%2Fsvg%3E%0A") !important;
background-repeat: no-repeat;
background-position: right 15px top 50%;
background-size: 18px auto;
transition: all 0.3s ease-in-out 0s;
}
/* IE Fix to hide Select Arrow */
.theme-frontend select:not([class*=flatpickr])::-ms-expand, .acf-block-preview select:not([class*=flatpickr])::-ms-expand {
display: none;
}
.theme-frontend select:not([class*=flatpickr]) option, .acf-block-preview select:not([class*=flatpickr]) option {
border: none;
outline: none;
}
.theme-frontend select:not([class*=flatpickr]):hover, .theme-frontend select:not([class*=flatpickr]):focus, .acf-block-preview select:not([class*=flatpickr]):hover, .acf-block-preview select:not([class*=flatpickr]):focus {
background-position: right 15px top calc(50% + 2px);
}
.theme-frontend .select2-container, .acf-block-preview .select2-container {
/* Fix for aligning correctly */
margin-bottom: 4px;
}
.theme-frontend .select2-container .select2-selection, .acf-block-preview .select2-container .select2-selection {
font-size: var(--form-font-size);
color: var(--form-text-color);
box-sizing: border-box;
height: auto;
line-height: var(--form-line-height);
padding: var(--form-padding-block) var(--form-padding-inline);
border: 1px solid;
border-radius: 30px;
background-color: var(--form-bg-color);
border-color: var(--form-border-color);
resize: none;
transition: all 0.3s ease-in-out 0s;
}
.theme-frontend .select2-container .select2-selection::placeholder,.theme-frontend .select2-container .select2-selection::-webkit-input-placeholder,.theme-frontend .select2-container .select2-selection:-moz-placeholder,.theme-frontend .select2-container .select2-selection::-moz-placeholder,.theme-frontend .select2-container .select2-selection:-ms-input-placeholder,.acf-block-preview .select2-container .select2-selection::placeholder,.acf-block-preview .select2-container .select2-selection::-webkit-input-placeholder,.acf-block-preview .select2-container .select2-selection:-moz-placeholder,.acf-block-preview .select2-container .select2-selection::-moz-placeholder,.acf-block-preview .select2-container .select2-selection:-ms-input-placeholder {
-webkit-transition: opacity 0.3s ease-out 0s;
-moz-transition: opacity 0.3s ease-out 0s;
-ms-transition: opacity 0.3s ease-out 0s;
transition: opacity 0.3s ease-out 0s;
color: var(--form-placeholder-color);
opacity: 0.5;
}
.theme-frontend .select2-container .select2-selection::-moz-focus-inner, .acf-block-preview .select2-container .select2-selection::-moz-focus-inner /* Remove button padding in FF */
{
border: 0;
padding: 0;
}
.theme-frontend .select2-container .select2-selection:focus::placeholder,.theme-frontend .select2-container .select2-selection:focus::-webkit-input-placeholder,.theme-frontend .select2-container .select2-selection:focus:-moz-placeholder,.theme-frontend .select2-container .select2-selection:focus::-moz-placeholder,.theme-frontend .select2-container .select2-selection:focus:-ms-input-placeholder,.theme-frontend .select2-container .select2-selection:focus:hover::placeholder,.theme-frontend .select2-container .select2-selection:focus:hover::-webkit-input-placeholder,.theme-frontend .select2-container .select2-selection:focus:hover:-moz-placeholder,.theme-frontend .select2-container .select2-selection:focus:hover::-moz-placeholder,.theme-frontend .select2-container .select2-selection:focus:hover:-ms-input-placeholder,.theme-frontend .select2-container .select2-selection:not(.empty)::placeholder,.theme-frontend .select2-container .select2-selection:not(.empty)::-webkit-input-placeholder,.theme-frontend .select2-container .select2-selection:not(.empty):-moz-placeholder,.theme-frontend .select2-container .select2-selection:not(.empty)::-moz-placeholder,.theme-frontend .select2-container .select2-selection:not(.empty):-ms-input-placeholder,.acf-block-preview .select2-container .select2-selection:focus::placeholder,.acf-block-preview .select2-container .select2-selection:focus::-webkit-input-placeholder,.acf-block-preview .select2-container .select2-selection:focus:-moz-placeholder,.acf-block-preview .select2-container .select2-selection:focus::-moz-placeholder,.acf-block-preview .select2-container .select2-selection:focus:-ms-input-placeholder,.acf-block-preview .select2-container .select2-selection:focus:hover::placeholder,.acf-block-preview .select2-container .select2-selection:focus:hover::-webkit-input-placeholder,.acf-block-preview .select2-container .select2-selection:focus:hover:-moz-placeholder,.acf-block-preview .select2-container .select2-selection:focus:hover::-moz-placeholder,.acf-block-preview .select2-container .select2-selection:focus:hover:-ms-input-placeholder,.acf-block-preview .select2-container .select2-selection:not(.empty)::placeholder,.acf-block-preview .select2-container .select2-selection:not(.empty)::-webkit-input-placeholder,.acf-block-preview .select2-container .select2-selection:not(.empty):-moz-placeholder,.acf-block-preview .select2-container .select2-selection:not(.empty)::-moz-placeholder,.acf-block-preview .select2-container .select2-selection:not(.empty):-ms-input-placeholder {
opacity: 0.3;
}
.theme-frontend .select2-container .select2-selection:focus,.theme-frontend .select2-container .select2-selection:focus:hover,.theme-frontend .select2-container .select2-selection:not(.empty),.acf-block-preview .select2-container .select2-selection:focus,.acf-block-preview .select2-container .select2-selection:focus:hover,.acf-block-preview .select2-container .select2-selection:not(.empty){
box-shadow: none;
outline: none;
background-color: var(--form-bg-color-focus);
border-color: var(--form-border-color-focus);
}
.theme-frontend .select2-container .select2-selection:hover, .acf-block-preview .select2-container .select2-selection:hover {
color: var(--form-text-color);
border-color: #d1d5db;
background-color: var(--form-bg-color-hover);
border-color: var(--form-border-color-hover);
}
.theme-frontend .select2-container .select2-selection, .acf-block-preview .select2-container .select2-selection{
display: flex;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
align-items: center;
justify-content: space-between;
transition: unset;
}
.theme-frontend .select2-container .select2-selection.select2-selection--single .select2-selection__rendered, .acf-block-preview .select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
color: inherit;
line-height: inherit;
padding-left: 0;
max-width: 100%;
text-wrap: auto;
}
.theme-frontend .select2-container .select2-selection.select2-selection--single .select2-selection__rendered .acf-selection, .acf-block-preview .select2-container .select2-selection.select2-selection--single .select2-selection__rendered .acf-selection {
max-width: 100%;
text-wrap: auto;
}
.theme-frontend .select2-container .select2-selection__arrow, .acf-block-preview .select2-container .select2-selection__arrow {
position: static !important;
height: 20px;
max-height: 100%;
background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2022%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%3E%3Cpath%20d%3D%22M2%2C2l9%2C9l9%2C-9%22%20%2F%3E%3C%2Fsvg%3E%0A");
background-repeat: no-repeat;
background-position: center center;
background-size: 18px auto;
transition: transform 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
}
.theme-frontend .select2-container .select2-selection__arrow b, .acf-block-preview .select2-container .select2-selection__arrow b {
display: none;
}
.theme-frontend .select2-container.select2-container--open, .acf-block-preview .select2-container.select2-container--open {
background-color: #fff;
}
.theme-frontend .select2-container.select2-container--open .select2-selection__arrow, .acf-block-preview .select2-container.select2-container--open .select2-selection__arrow {
transform: rotate(180deg);
}
.theme-frontend .select2-container.select2-container--open .select2-dropdown, .theme-frontend .select2-container.select2-container--open .select2-selection, .acf-block-preview .select2-container.select2-container--open .select2-dropdown, .acf-block-preview .select2-container.select2-container--open .select2-selection {
background-color: var(--form-bg-color-focus);
}
.theme-frontend .select2-container .select2-dropdown, .acf-block-preview .select2-container .select2-dropdown {
position: relative;
padding-inline: 12px;
border: none;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
padding-block-end: var(--form-padding-block);
background-color: var(--form-bg-color);
}
.theme-frontend .select2-container .select2-dropdown .select2-search--dropdown, .acf-block-preview .select2-container .select2-dropdown .select2-search--dropdown {
padding-inline: 0;
}
.theme-frontend .select2-container .select2-dropdown .select2-search--dropdown .select2-search__field, .acf-block-preview .select2-container .select2-dropdown .select2-search--dropdown .select2-search__field{
border-style: none;
background-color: rgb(255 255 255 / 0.40);
}
.theme-frontend .select2-container .select2-dropdown .select2-results .select2-results__option, .acf-block-preview .select2-container .select2-dropdown .select2-results .select2-results__option {
border-radius: 30px;
padding: var(--form-padding-block) var(--form-padding-inline);
transition: all 0.2s ease-out 0s;
}
.theme-frontend .select2-container .select2-dropdown .select2-results .select2-results__option[data-selected=true], .acf-block-preview .select2-container .select2-dropdown .select2-results .select2-results__option[data-selected=true] {
background-color: var(--form-bg-color);
}
.theme-frontend .select2-container .select2-dropdown .select2-results .select2-results__option.select2-results__option--highlighted[aria-selected], .theme-frontend .select2-container .select2-dropdown .select2-results .select2-results__option.select2-results__option--highlighted[data-selected], .acf-block-preview .select2-container .select2-dropdown .select2-results .select2-results__option.select2-results__option--highlighted[aria-selected], .acf-block-preview .select2-container .select2-dropdown .select2-results .select2-results__option.select2-results__option--highlighted[data-selected] {
background-color: var(--accent-color);
}
/* -------------------------------------------------------------------------------------
radio
------------------------------------------------------------------------------------- */
.theme-frontend .form-radio, .acf-block-preview .form-radio {
display: flex;
align-items: center;
position: relative;
}
.theme-frontend .form-radio .form-radio-icon, .acf-block-preview .form-radio .form-radio-icon {
position: relative;
display: block;
font-size: var(--form-font-size);
color: var(--form-text-color);
box-sizing: border-box;
height: auto;
line-height: var(--form-line-height);
padding: var(--form-padding-block) var(--form-padding-inline);
border: 1px solid;
border-radius: 30px;
background-color: var(--form-bg-color);
border-color: var(--form-border-color);
resize: none;
transition: all 0.3s ease-in-out 0s;
}
.theme-frontend .form-radio .form-radio-icon::placeholder,.theme-frontend .form-radio .form-radio-icon::-webkit-input-placeholder,.theme-frontend .form-radio .form-radio-icon:-moz-placeholder,.theme-frontend .form-radio .form-radio-icon::-moz-placeholder,.theme-frontend .form-radio .form-radio-icon:-ms-input-placeholder,.acf-block-preview .form-radio .form-radio-icon::placeholder,.acf-block-preview .form-radio .form-radio-icon::-webkit-input-placeholder,.acf-block-preview .form-radio .form-radio-icon:-moz-placeholder,.acf-block-preview .form-radio .form-radio-icon::-moz-placeholder,.acf-block-preview .form-radio .form-radio-icon:-ms-input-placeholder {
-webkit-transition: opacity 0.3s ease-out 0s;
-moz-transition: opacity 0.3s ease-out 0s;
-ms-transition: opacity 0.3s ease-out 0s;
transition: opacity 0.3s ease-out 0s;
color: var(--form-placeholder-color);
opacity: 0.5;
}
.theme-frontend .form-radio .form-radio-icon::-moz-focus-inner, .acf-block-preview .form-radio .form-radio-icon::-moz-focus-inner /* Remove button padding in FF */
{
border: 0;
padding: 0;
}
.theme-frontend .form-radio .form-radio-icon:focus::placeholder,.theme-frontend .form-radio .form-radio-icon:focus::-webkit-input-placeholder,.theme-frontend .form-radio .form-radio-icon:focus:-moz-placeholder,.theme-frontend .form-radio .form-radio-icon:focus::-moz-placeholder,.theme-frontend .form-radio .form-radio-icon:focus:-ms-input-placeholder,.theme-frontend .form-radio .form-radio-icon:focus:hover::placeholder,.theme-frontend .form-radio .form-radio-icon:focus:hover::-webkit-input-placeholder,.theme-frontend .form-radio .form-radio-icon:focus:hover:-moz-placeholder,.theme-frontend .form-radio .form-radio-icon:focus:hover::-moz-placeholder,.theme-frontend .form-radio .form-radio-icon:focus:hover:-ms-input-placeholder,.theme-frontend .form-radio .form-radio-icon:not(.empty)::placeholder,.theme-frontend .form-radio .form-radio-icon:not(.empty)::-webkit-input-placeholder,.theme-frontend .form-radio .form-radio-icon:not(.empty):-moz-placeholder,.theme-frontend .form-radio .form-radio-icon:not(.empty)::-moz-placeholder,.theme-frontend .form-radio .form-radio-icon:not(.empty):-ms-input-placeholder,.acf-block-preview .form-radio .form-radio-icon:focus::placeholder,.acf-block-preview .form-radio .form-radio-icon:focus::-webkit-input-placeholder,.acf-block-preview .form-radio .form-radio-icon:focus:-moz-placeholder,.acf-block-preview .form-radio .form-radio-icon:focus::-moz-placeholder,.acf-block-preview .form-radio .form-radio-icon:focus:-ms-input-placeholder,.acf-block-preview .form-radio .form-radio-icon:focus:hover::placeholder,.acf-block-preview .form-radio .form-radio-icon:focus:hover::-webkit-input-placeholder,.acf-block-preview .form-radio .form-radio-icon:focus:hover:-moz-placeholder,.acf-block-preview .form-radio .form-radio-icon:focus:hover::-moz-placeholder,.acf-block-preview .form-radio .form-radio-icon:focus:hover:-ms-input-placeholder,.acf-block-preview .form-radio .form-radio-icon:not(.empty)::placeholder,.acf-block-preview .form-radio .form-radio-icon:not(.empty)::-webkit-input-placeholder,.acf-block-preview .form-radio .form-radio-icon:not(.empty):-moz-placeholder,.acf-block-preview .form-radio .form-radio-icon:not(.empty)::-moz-placeholder,.acf-block-preview .form-radio .form-radio-icon:not(.empty):-ms-input-placeholder {
opacity: 0.3;
}
.theme-frontend .form-radio .form-radio-icon:focus,.theme-frontend .form-radio .form-radio-icon:focus:hover,.theme-frontend .form-radio .form-radio-icon:not(.empty),.acf-block-preview .form-radio .form-radio-icon:focus,.acf-block-preview .form-radio .form-radio-icon:focus:hover,.acf-block-preview .form-radio .form-radio-icon:not(.empty){
box-shadow: none;
outline: none;
background-color: var(--form-bg-color-focus);
border-color: var(--form-border-color-focus);
}
.theme-frontend .form-radio .form-radio-icon:hover, .acf-block-preview .form-radio .form-radio-icon:hover {
color: var(--form-text-color);
border-color: #d1d5db;
background-color: var(--form-bg-color-hover);
border-color: var(--form-border-color-hover);
}
.theme-frontend .form-radio .form-radio-icon, .acf-block-preview .form-radio .form-radio-icon {
padding: var(--form-padding-block);
margin-right: var(--form-padding-block);
/* border: 1px solid var(--accent-color); */
order: 1;
--color: var(--accent-color, currentColor);
--width: 3px;
--height-left: 0;
--height-right: 0;
--half-width: calc(var(--width) * 0.5);
--half-width-minus: calc(var(--width) * -0.5);
--transition-duration: 0.1s;
--transition-delay: 0s;
}
.theme-frontend .form-radio .form-radio-icon::before, .theme-frontend .form-radio .form-radio-icon::after, .acf-block-preview .form-radio .form-radio-icon::before, .acf-block-preview .form-radio .form-radio-icon::after{
border-radius: 9999px;
content: '';
display: block;
position: absolute;
width: var(--width);
background-color: var(--color);
transition: height var(--transition-duration) ease-out var(--transition-delay);
}
.theme-frontend .form-radio .form-radio-icon::before, .acf-block-preview .form-radio .form-radio-icon::before {
left: 10%;
top: 30%;
height: var(--height-left);
rotate: -40deg;
transform-origin: center top;
--transition-delay: 0.1s;
--transition-duration: 0.1s;
}
.theme-frontend .form-radio .form-radio-icon::after, .acf-block-preview .form-radio .form-radio-icon::after {
left: calc(50% - var(--width));
bottom: 30%;
height: var(--height-right);
rotate: 40deg;
transform-origin: center bottom;
}
.theme-frontend .form-radio input[type=radio], .acf-block-preview .form-radio input[type=radio] {
position: absolute;
inset: 0;
overflow: hidden;
opacity: 0;
order: 2;
z-index: 1;
}
.theme-frontend .form-radio input[type=radio]:checked + .form-radio-icon, .acf-block-preview .form-radio input[type=radio]:checked + .form-radio-icon {
--height-left: 50%;
--height-right: 100%;
--transition-delay: 0s;
--transition-duration: 0.2s;
}
.theme-frontend .form-radio input[type=radio]:checked + .form-radio-icon::after, .acf-block-preview .form-radio input[type=radio]:checked + .form-radio-icon::after {
--transition-delay: 0.2s;
}
.theme-frontend .form-radio + label, .acf-block-preview .form-radio + label {
margin-bottom: 0em;
}
/* -------------------------------------------------------------------------------------
checkbox
------------------------------------------------------------------------------------- */
.theme-frontend .form-checkbox, .acf-block-preview .form-checkbox {
display: flex;
align-items: center;
position: relative;
}
.theme-frontend .form-checkbox .form-checkbox-icon, .acf-block-preview .form-checkbox .form-checkbox-icon {
position: relative;
display: block;
font-size: var(--form-font-size);
color: var(--form-text-color);
box-sizing: border-box;
height: auto;
line-height: var(--form-line-height);
padding: var(--form-padding-block) var(--form-padding-inline);
border: 1px solid;
border-radius: 30px;
background-color: var(--form-bg-color);
border-color: var(--form-border-color);
resize: none;
transition: all 0.3s ease-in-out 0s;
}
.theme-frontend .form-checkbox .form-checkbox-icon::placeholder,.theme-frontend .form-checkbox .form-checkbox-icon::-webkit-input-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:-moz-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon::-moz-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:-ms-input-placeholder,.acf-block-preview .form-checkbox .form-checkbox-icon::placeholder,.acf-block-preview .form-checkbox .form-checkbox-icon::-webkit-input-placeholder,.acf-block-preview .form-checkbox .form-checkbox-icon:-moz-placeholder,.acf-block-preview .form-checkbox .form-checkbox-icon::-moz-placeholder,.acf-block-preview .form-checkbox .form-checkbox-icon:-ms-input-placeholder {
-webkit-transition: opacity 0.3s ease-out 0s;
-moz-transition: opacity 0.3s ease-out 0s;
-ms-transition: opacity 0.3s ease-out 0s;
transition: opacity 0.3s ease-out 0s;
color: var(--form-placeholder-color);
opacity: 0.5;
}
.theme-frontend .form-checkbox .form-checkbox-icon::-moz-focus-inner, .acf-block-preview .form-checkbox .form-checkbox-icon::-moz-focus-inner /* Remove button padding in FF */
{
border: 0;
padding: 0;
}
.theme-frontend .form-checkbox .form-checkbox-icon:focus::placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:focus::-webkit-input-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:focus:-moz-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:focus::-moz-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:focus:-ms-input-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:focus:hover::placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:focus:hover::-webkit-input-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:focus:hover:-moz-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:focus:hover::-moz-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:focus:hover:-ms-input-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:not(.empty)::placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:not(.empty)::-webkit-input-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:not(.empty):-moz-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:not(.empty)::-moz-placeholder,.theme-frontend .form-checkbox .form-checkbox-icon:not(.empty):-ms-input-placeholder,.acf-block-preview .form-checkbox .form-checkbox-icon:focus::placeholder,.acf-block-preview .form-checkbox .form-checkbox-icon:focus::-webkit-input-placeholder,.acf-block-preview .form-checkbox .form-checkbox-icon:focus:-moz-placeholder,.acf-block-preview .form-checkbox .form-checkbox-icon:focus::-moz-placeholder,.acf-block-preview .form-checkbox .form-checkbox-icon:focus:-ms-input-placeholder,.acf-block-preview .form-checkbox .form-checkbox-icon:focus:hover::placeholder,.acf-block-preview .form-checkbox .form-checkbox-icon:focus:hover::-webkit-input-placeholder,.acf-block-preview .form-checkbox .form-checkbox-icon:focus:hover:-moz-placeholder,.acf-block-preview .form-checkbox .form-checkbox-icon:focus:hover::-moz-placeholder,.acf-block-preview .form-checkbox .form-checkbox-icon:focus:hover:-ms-input-placeholder,.acf-block-preview .form-checkbox .form-checkbox-icon:not(.empty)::placeholder,.acf-block-preview .form-checkbox .form-checkbox-icon:not(.empty)::-webkit-input-placeholder,.acf-block-preview .form-checkbox .form-checkbox-icon:not(.empty):-moz-placeholder,.acf-block-preview .form-checkbox .form-checkbox-icon:not(.empty)::-moz-placeholder,.acf-block-preview .form-checkbox .form-checkbox-icon:not(.empty):-ms-input-placeholder {
opacity: 0.3;
}
.theme-frontend .form-checkbox .form-checkbox-icon:focus,.theme-frontend .form-checkbox .form-checkbox-icon:focus:hover,.theme-frontend .form-checkbox .form-checkbox-icon:not(.empty),.acf-block-preview .form-checkbox .form-checkbox-icon:focus,.acf-block-preview .form-checkbox .form-checkbox-icon:focus:hover,.acf-block-preview .form-checkbox .form-checkbox-icon:not(.empty){
box-shadow: none;
outline: none;
background-color: var(--form-bg-color-focus);
border-color: var(--form-border-color-focus);
}
.theme-frontend .form-checkbox .form-checkbox-icon:hover, .acf-block-preview .form-checkbox .form-checkbox-icon:hover {
color: var(--form-text-color);
border-color: #d1d5db;
background-color: var(--form-bg-color-hover);
border-color: var(--form-border-color-hover);
}
.theme-frontend .form-checkbox .form-checkbox-icon, .acf-block-preview .form-checkbox .form-checkbox-icon {
padding: var(--form-padding-block);
margin-right: var(--form-padding-block);
/* border: 1px solid var(--accent-color); */
order: 1;
--color: var(--accent-color, currentColor);
--width: 3px;
--height-left: 0;
--height-right: 0;
--half-width: calc(var(--width) * 0.5);
--half-width-minus: calc(var(--width) * -0.5);
--transition-duration: 0.05s;
--transition-delay: 0s;
}
.theme-frontend .form-checkbox .form-checkbox-icon::before, .theme-frontend .form-checkbox .form-checkbox-icon::after, .acf-block-preview .form-checkbox .form-checkbox-icon::before, .acf-block-preview .form-checkbox .form-checkbox-icon::after{
border-radius: 9999px;
content: '';
display: block;
position: absolute;
width: var(--width);
background-color: var(--color);
transition: height var(--transition-duration) ease-out var(--transition-delay);
}
.theme-frontend .form-checkbox .form-checkbox-icon::before, .acf-block-preview .form-checkbox .form-checkbox-icon::before {
left: 10%;
top: 30%;
height: var(--height-left);
rotate: -40deg;
transform-origin: center top;
--transition-delay: 0.1s;
--transition-duration: 0.05s;
}
.theme-frontend .form-checkbox .form-checkbox-icon::after, .acf-block-preview .form-checkbox .form-checkbox-icon::after {
left: calc(50% - var(--width));
bottom: 30%;
height: var(--height-right);
rotate: 40deg;
transform-origin: center bottom;
}
.theme-frontend .form-checkbox .form-checkbox-icon svg, .acf-block-preview .form-checkbox .form-checkbox-icon svg {
color: var(--accent-color);
content: '';
display: block;
display: none;
position: absolute;
inset: 8%;
width: 84%;
height: 84%;
opacity: 0;
transition: opacity 0.2s ease 0.1s, transform 0.2s ease 0s;
transform: rotate(-30deg);
}
.theme-frontend .form-checkbox input[type=checkbox], .acf-block-preview .form-checkbox input[type=checkbox] {
width: calc(var(--form-padding-block) * 2);
height: calc(var(--form-padding-block) * 2);
margin: 0;
position: absolute;
z-index: 2;
left: 0;
top: 0;
overflow: hidden;
opacity: 0;
}
.theme-frontend .form-checkbox input[type=checkbox]:checked + .form-checkbox-icon, .acf-block-preview .form-checkbox input[type=checkbox]:checked + .form-checkbox-icon {
--height-left: 50%;
--height-right: 100%;
--transition-delay: 0s;
--transition-duration: 0.2s;
}
.theme-frontend .form-checkbox input[type=checkbox]:checked + .form-checkbox-icon::after, .acf-block-preview .form-checkbox input[type=checkbox]:checked + .form-checkbox-icon::after {
--transition-delay: 0.2s;
}
.theme-frontend .form-checkbox input[type=checkbox]:checked + .form-checkbox-icon svg, .acf-block-preview .form-checkbox input[type=checkbox]:checked + .form-checkbox-icon svg {
opacity: 1;
transform: rotate(0deg) scale(1.2) translate(8%, -12%);
transition-delay: 0s, 0.1s;
}
/* -------------------------------------------------------------------------------------
labels
------------------------------------------------------------------------------------- */
.theme-frontend body label, .theme-frontend body .acf-field .acf-label label, .acf-block-preview body label, .acf-block-preview body .acf-field .acf-label label {
font-weight: bold;
display: block;
padding-left: var(--form-padding-inline);
margin-bottom: .5em;
}
/* -------------------------------------------------------------------------------------
ACF
------------------------------------------------------------------------------------- */
.theme-frontend .acf-form, .acf-block-preview .acf-form{
position: relative;
width: 100%;
--field-gap: 1.25rem;
}
/* overflow: hidden; */
/* Form is validated but it is still submitting (e.g. file uploads have to be processed) */
.theme-frontend .acf-form.is-valid::before, .acf-block-preview .acf-form.is-valid::before {
content: '';
position: absolute;
inset: 0;
z-index: 50;
background-color: transparent;
}
.theme-frontend .acf-form.is-valid .acf-fields, .acf-block-preview .acf-form.is-valid .acf-fields {
opacity: .5;
}
/* field wrapper */
.theme-frontend .acf-fields, .acf-block-preview .acf-fields{
display: flex;
flex-wrap: wrap;
gap: var(--field-gap);
width: 100%;
transition: all .3s ease 0s;
}
.theme-frontend .acf-fields .acf-field, .acf-block-preview .acf-fields .acf-field{
flex-grow: 1;
padding: 0;
margin: 0;
}
.theme-frontend .acf-fields .acf-field .acf-label, .acf-block-preview .acf-fields .acf-field .acf-label {
font-size: var(--form-font-size);
padding-left: var(--form-padding-inline);
}
.theme-frontend .acf-fields .acf-field .acf-label label, .acf-block-preview .acf-fields .acf-field .acf-label label {
font-weight: bold;
display: block;
padding-left: var(--form-padding-inline);
margin-bottom: .5em;
padding-left: 0px;
}
.theme-frontend .acf-fields .acf-field .acf-label:has(.description) label, .acf-block-preview .acf-fields .acf-field .acf-label:has(.description) label {
margin-bottom: 0;
padding-bottom: 0;
}
.theme-frontend .acf-fields .acf-field .acf-label .description, .acf-block-preview .acf-fields .acf-field .acf-label .description {
font-size: .9em;
padding-top: 0;
margin-top: 0;
}
.theme-frontend .acf-fields .acf-field .acf-label .description a, .acf-block-preview .acf-fields .acf-field .acf-label .description a {
-webkit-hyphens: auto;
hyphens: auto;
text-wrap: auto;
}
.theme-frontend .acf-fields .acf-field .acf-input, .acf-block-preview .acf-fields .acf-field .acf-input{
position: relative;
}
.theme-frontend .acf-fields .acf-field .acf-input input[type=text], .theme-frontend .acf-fields .acf-field .acf-input input[type=date], .theme-frontend .acf-fields .acf-field .acf-input input[type=email], .theme-frontend .acf-fields .acf-field .acf-input textarea, .acf-block-preview .acf-fields .acf-field .acf-input input[type=text], .acf-block-preview .acf-fields .acf-field .acf-input input[type=date], .acf-block-preview .acf-fields .acf-field .acf-input input[type=email], .acf-block-preview .acf-fields .acf-field .acf-input textarea{
width: 100%;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message, .acf-block-preview .acf-fields .acf-field .acf-input label .message{
display: flex;
flex-direction: column;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message:not([class*="text-"]), .acf-block-preview .acf-fields .acf-field .acf-input label .message:not([class*="text-"]) {
font-size: clamp(1.1rem, 1.2121212121212122 * 1vw, 1.5rem);
line-height: 1.7;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message :is(>:first-child), .acf-block-preview .acf-fields .acf-field .acf-input label .message :is(>:first-child) {
padding-block-start: 0;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h1, .acf-block-preview .acf-fields .acf-field .acf-input label .message h1{
line-height: 1.2;
display: block;
padding-top: 1rem;
padding-bottom: 1rem;
font-family: Blinker, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-wrap: balance;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h1:not(.text-*),.theme-frontend .acf-fields .acf-field .acf-input label .message h1 .text-left,.theme-frontend .acf-fields .acf-field .acf-input label .message h1 .text-center,.theme-frontend .acf-fields .acf-field .acf-input label .message h1 .text-right,.acf-block-preview .acf-fields .acf-field .acf-input label .message h1:not(.text-*),.acf-block-preview .acf-fields .acf-field .acf-input label .message h1 .text-left,.acf-block-preview .acf-fields .acf-field .acf-input label .message h1 .text-center,.acf-block-preview .acf-fields .acf-field .acf-input label .message h1 .text-right {
color: currentColor;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h1.text-left,.theme-frontend .acf-fields .acf-field .acf-input label .message h1.has-text-align-left,.acf-block-preview .acf-fields .acf-field .acf-input label .message h1.text-left,.acf-block-preview .acf-fields .acf-field .acf-input label .message h1.has-text-align-left {
place-self: flex-start;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h1.text-center,.theme-frontend .acf-fields .acf-field .acf-input label .message h1.has-text-align-center,.acf-block-preview .acf-fields .acf-field .acf-input label .message h1.text-center,.acf-block-preview .acf-fields .acf-field .acf-input label .message h1.has-text-align-center {
place-self: center;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h1.text-right,.theme-frontend .acf-fields .acf-field .acf-input label .message h1.has-text-align-right,.acf-block-preview .acf-fields .acf-field .acf-input label .message h1.text-right,.acf-block-preview .acf-fields .acf-field .acf-input label .message h1.has-text-align-right {
place-self: flex-end;
}
@media (max-width:470px) {
.theme-frontend .acf-fields .acf-field .acf-input label .message h1, .acf-block-preview .acf-fields .acf-field .acf-input label .message h1 {
-webkit-hyphens: auto;
hyphens: auto
}
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h1, .acf-block-preview .acf-fields .acf-field .acf-input label .message h1 {
font-weight: 600;
font-size: clamp(2.375rem, 4.040404040404041 * 1vw, 5rem);
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h2, .acf-block-preview .acf-fields .acf-field .acf-input label .message h2{
line-height: 1.2;
display: block;
padding-top: 1rem;
padding-bottom: 1rem;
font-family: Blinker, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-wrap: balance;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h2:not(.text-*),.theme-frontend .acf-fields .acf-field .acf-input label .message h2 .text-left,.theme-frontend .acf-fields .acf-field .acf-input label .message h2 .text-center,.theme-frontend .acf-fields .acf-field .acf-input label .message h2 .text-right,.acf-block-preview .acf-fields .acf-field .acf-input label .message h2:not(.text-*),.acf-block-preview .acf-fields .acf-field .acf-input label .message h2 .text-left,.acf-block-preview .acf-fields .acf-field .acf-input label .message h2 .text-center,.acf-block-preview .acf-fields .acf-field .acf-input label .message h2 .text-right {
color: currentColor;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h2.text-left,.theme-frontend .acf-fields .acf-field .acf-input label .message h2.has-text-align-left,.acf-block-preview .acf-fields .acf-field .acf-input label .message h2.text-left,.acf-block-preview .acf-fields .acf-field .acf-input label .message h2.has-text-align-left {
place-self: flex-start;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h2.text-center,.theme-frontend .acf-fields .acf-field .acf-input label .message h2.has-text-align-center,.acf-block-preview .acf-fields .acf-field .acf-input label .message h2.text-center,.acf-block-preview .acf-fields .acf-field .acf-input label .message h2.has-text-align-center {
place-self: center;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h2.text-right,.theme-frontend .acf-fields .acf-field .acf-input label .message h2.has-text-align-right,.acf-block-preview .acf-fields .acf-field .acf-input label .message h2.text-right,.acf-block-preview .acf-fields .acf-field .acf-input label .message h2.has-text-align-right {
place-self: flex-end;
}
@media (max-width:470px) {
.theme-frontend .acf-fields .acf-field .acf-input label .message h2, .acf-block-preview .acf-fields .acf-field .acf-input label .message h2 {
-webkit-hyphens: auto;
hyphens: auto
}
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h2, .acf-block-preview .acf-fields .acf-field .acf-input label .message h2 {
font-weight: 600;
font-size: clamp(2.125rem, 3.0303030303030303 * 1vw, 3.75rem);
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h3, .acf-block-preview .acf-fields .acf-field .acf-input label .message h3{
line-height: 1.2;
display: block;
padding-top: 1rem;
padding-bottom: 1rem;
font-family: Blinker, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-wrap: balance;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h3:not(.text-*),.theme-frontend .acf-fields .acf-field .acf-input label .message h3 .text-left,.theme-frontend .acf-fields .acf-field .acf-input label .message h3 .text-center,.theme-frontend .acf-fields .acf-field .acf-input label .message h3 .text-right,.acf-block-preview .acf-fields .acf-field .acf-input label .message h3:not(.text-*),.acf-block-preview .acf-fields .acf-field .acf-input label .message h3 .text-left,.acf-block-preview .acf-fields .acf-field .acf-input label .message h3 .text-center,.acf-block-preview .acf-fields .acf-field .acf-input label .message h3 .text-right {
color: currentColor;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h3.text-left,.theme-frontend .acf-fields .acf-field .acf-input label .message h3.has-text-align-left,.acf-block-preview .acf-fields .acf-field .acf-input label .message h3.text-left,.acf-block-preview .acf-fields .acf-field .acf-input label .message h3.has-text-align-left {
place-self: flex-start;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h3.text-center,.theme-frontend .acf-fields .acf-field .acf-input label .message h3.has-text-align-center,.acf-block-preview .acf-fields .acf-field .acf-input label .message h3.text-center,.acf-block-preview .acf-fields .acf-field .acf-input label .message h3.has-text-align-center {
place-self: center;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h3.text-right,.theme-frontend .acf-fields .acf-field .acf-input label .message h3.has-text-align-right,.acf-block-preview .acf-fields .acf-field .acf-input label .message h3.text-right,.acf-block-preview .acf-fields .acf-field .acf-input label .message h3.has-text-align-right {
place-self: flex-end;
}
@media (max-width:470px) {
.theme-frontend .acf-fields .acf-field .acf-input label .message h3, .acf-block-preview .acf-fields .acf-field .acf-input label .message h3 {
-webkit-hyphens: auto;
hyphens: auto
}
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h3, .acf-block-preview .acf-fields .acf-field .acf-input label .message h3 {
font-weight: 600;
font-size: clamp(1.875rem, 2.525252525252525 * 1vw, 3.125rem);
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h4, .acf-block-preview .acf-fields .acf-field .acf-input label .message h4{
font-weight: 700;
line-height: 1.2;
display: block;
padding-top: 1rem;
padding-bottom: 1rem;
font-family: Blinker, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-wrap: balance;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h4:not(.text-*),.theme-frontend .acf-fields .acf-field .acf-input label .message h4 .text-left,.theme-frontend .acf-fields .acf-field .acf-input label .message h4 .text-center,.theme-frontend .acf-fields .acf-field .acf-input label .message h4 .text-right,.acf-block-preview .acf-fields .acf-field .acf-input label .message h4:not(.text-*),.acf-block-preview .acf-fields .acf-field .acf-input label .message h4 .text-left,.acf-block-preview .acf-fields .acf-field .acf-input label .message h4 .text-center,.acf-block-preview .acf-fields .acf-field .acf-input label .message h4 .text-right {
color: currentColor;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h4.text-left,.theme-frontend .acf-fields .acf-field .acf-input label .message h4.has-text-align-left,.acf-block-preview .acf-fields .acf-field .acf-input label .message h4.text-left,.acf-block-preview .acf-fields .acf-field .acf-input label .message h4.has-text-align-left {
place-self: flex-start;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h4.text-center,.theme-frontend .acf-fields .acf-field .acf-input label .message h4.has-text-align-center,.acf-block-preview .acf-fields .acf-field .acf-input label .message h4.text-center,.acf-block-preview .acf-fields .acf-field .acf-input label .message h4.has-text-align-center {
place-self: center;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h4.text-right,.theme-frontend .acf-fields .acf-field .acf-input label .message h4.has-text-align-right,.acf-block-preview .acf-fields .acf-field .acf-input label .message h4.text-right,.acf-block-preview .acf-fields .acf-field .acf-input label .message h4.has-text-align-right {
place-self: flex-end;
}
@media (max-width:470px) {
.theme-frontend .acf-fields .acf-field .acf-input label .message h4, .acf-block-preview .acf-fields .acf-field .acf-input label .message h4 {
-webkit-hyphens: auto;
hyphens: auto
}
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h4, .acf-block-preview .acf-fields .acf-field .acf-input label .message h4 {
font-size: clamp(1.5rem, 2.0202020202020203 * 1vw, 2.5rem);
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h5, .acf-block-preview .acf-fields .acf-field .acf-input label .message h5{
font-weight: 700;
line-height: 1.2;
display: block;
padding-top: 1rem;
padding-bottom: 1rem;
font-family: Blinker, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-wrap: balance;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h5:not(.text-*),.theme-frontend .acf-fields .acf-field .acf-input label .message h5 .text-left,.theme-frontend .acf-fields .acf-field .acf-input label .message h5 .text-center,.theme-frontend .acf-fields .acf-field .acf-input label .message h5 .text-right,.acf-block-preview .acf-fields .acf-field .acf-input label .message h5:not(.text-*),.acf-block-preview .acf-fields .acf-field .acf-input label .message h5 .text-left,.acf-block-preview .acf-fields .acf-field .acf-input label .message h5 .text-center,.acf-block-preview .acf-fields .acf-field .acf-input label .message h5 .text-right {
color: currentColor;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h5.text-left,.theme-frontend .acf-fields .acf-field .acf-input label .message h5.has-text-align-left,.acf-block-preview .acf-fields .acf-field .acf-input label .message h5.text-left,.acf-block-preview .acf-fields .acf-field .acf-input label .message h5.has-text-align-left {
place-self: flex-start;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h5.text-center,.theme-frontend .acf-fields .acf-field .acf-input label .message h5.has-text-align-center,.acf-block-preview .acf-fields .acf-field .acf-input label .message h5.text-center,.acf-block-preview .acf-fields .acf-field .acf-input label .message h5.has-text-align-center {
place-self: center;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h5.text-right,.theme-frontend .acf-fields .acf-field .acf-input label .message h5.has-text-align-right,.acf-block-preview .acf-fields .acf-field .acf-input label .message h5.text-right,.acf-block-preview .acf-fields .acf-field .acf-input label .message h5.has-text-align-right {
place-self: flex-end;
}
@media (max-width:470px) {
.theme-frontend .acf-fields .acf-field .acf-input label .message h5, .acf-block-preview .acf-fields .acf-field .acf-input label .message h5 {
-webkit-hyphens: auto;
hyphens: auto
}
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h5, .acf-block-preview .acf-fields .acf-field .acf-input label .message h5 {
font-size: clamp(1.1875rem, 1.5151515151515151 * 1vw, 1.875rem);
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h6, .acf-block-preview .acf-fields .acf-field .acf-input label .message h6{
font-weight: 700;
line-height: 1.2;
display: block;
padding-top: 1rem;
padding-bottom: 1rem;
font-family: Blinker, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-wrap: balance;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h6:not(.text-*),.theme-frontend .acf-fields .acf-field .acf-input label .message h6 .text-left,.theme-frontend .acf-fields .acf-field .acf-input label .message h6 .text-center,.theme-frontend .acf-fields .acf-field .acf-input label .message h6 .text-right,.acf-block-preview .acf-fields .acf-field .acf-input label .message h6:not(.text-*),.acf-block-preview .acf-fields .acf-field .acf-input label .message h6 .text-left,.acf-block-preview .acf-fields .acf-field .acf-input label .message h6 .text-center,.acf-block-preview .acf-fields .acf-field .acf-input label .message h6 .text-right {
color: currentColor;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h6.text-left,.theme-frontend .acf-fields .acf-field .acf-input label .message h6.has-text-align-left,.acf-block-preview .acf-fields .acf-field .acf-input label .message h6.text-left,.acf-block-preview .acf-fields .acf-field .acf-input label .message h6.has-text-align-left {
place-self: flex-start;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h6.text-center,.theme-frontend .acf-fields .acf-field .acf-input label .message h6.has-text-align-center,.acf-block-preview .acf-fields .acf-field .acf-input label .message h6.text-center,.acf-block-preview .acf-fields .acf-field .acf-input label .message h6.has-text-align-center {
place-self: center;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h6.text-right,.theme-frontend .acf-fields .acf-field .acf-input label .message h6.has-text-align-right,.acf-block-preview .acf-fields .acf-field .acf-input label .message h6.text-right,.acf-block-preview .acf-fields .acf-field .acf-input label .message h6.has-text-align-right {
place-self: flex-end;
}
@media (max-width:470px) {
.theme-frontend .acf-fields .acf-field .acf-input label .message h6, .acf-block-preview .acf-fields .acf-field .acf-input label .message h6 {
-webkit-hyphens: auto;
hyphens: auto
}
}
.theme-frontend .acf-fields .acf-field .acf-input label .message h6, .acf-block-preview .acf-fields .acf-field .acf-input label .message h6 {
font-size: clamp(1.125rem, 1.3131313131313131 * 1vw, 1.625rem);
}
.theme-frontend .acf-fields .acf-field .acf-input label .message :not(:is(.has-link-color)):is(>*) a a:link:not(.button, .btn, .wp-block-button__link), .acf-block-preview .acf-fields .acf-field .acf-input label .message :not(:is(.has-link-color)):is(>*) a a:link:not(.button, .btn, .wp-block-button__link) {
color: var(--accent-color);
}
.theme-frontend .acf-fields .acf-field .acf-input label .message :not(:is(.has-link-color)):is(>*) a a:link:not(.button, .btn, .wp-block-button__link):active, .theme-frontend .acf-fields .acf-field .acf-input label .message :not(:is(.has-link-color)):is(>*) a a:link:not(.button, .btn, .wp-block-button__link):focus, .theme-frontend .acf-fields .acf-field .acf-input label .message :not(:is(.has-link-color)):is(>*) a a:link:not(.button, .btn, .wp-block-button__link):hover, .acf-block-preview .acf-fields .acf-field .acf-input label .message :not(:is(.has-link-color)):is(>*) a a:link:not(.button, .btn, .wp-block-button__link):active, .acf-block-preview .acf-fields .acf-field .acf-input label .message :not(:is(.has-link-color)):is(>*) a a:link:not(.button, .btn, .wp-block-button__link):focus, .acf-block-preview .acf-fields .acf-field .acf-input label .message :not(:is(.has-link-color)):is(>*) a a:link:not(.button, .btn, .wp-block-button__link):hover {
color: var(--accent-color);
}
.theme-frontend .acf-fields .acf-field .acf-input label .message :not(:is(.has-link-color)):is(>*) a a:visited:not(.button, .btn, .wp-block-button__link), .acf-block-preview .acf-fields .acf-field .acf-input label .message :not(:is(.has-link-color)):is(>*) a a:visited:not(.button, .btn, .wp-block-button__link) {
color: var(--accent-color);
}
.theme-frontend .acf-fields .acf-field .acf-input label .message :not(:is(.has-link-color)):is(>*) a a:visited:not(.button, .btn, .wp-block-button__link):active, .theme-frontend .acf-fields .acf-field .acf-input label .message :not(:is(.has-link-color)):is(>*) a a:visited:not(.button, .btn, .wp-block-button__link):focus, .theme-frontend .acf-fields .acf-field .acf-input label .message :not(:is(.has-link-color)):is(>*) a a:visited:not(.button, .btn, .wp-block-button__link):hover, .acf-block-preview .acf-fields .acf-field .acf-input label .message :not(:is(.has-link-color)):is(>*) a a:visited:not(.button, .btn, .wp-block-button__link):active, .acf-block-preview .acf-fields .acf-field .acf-input label .message :not(:is(.has-link-color)):is(>*) a a:visited:not(.button, .btn, .wp-block-button__link):focus, .acf-block-preview .acf-fields .acf-field .acf-input label .message :not(:is(.has-link-color)):is(>*) a a:visited:not(.button, .btn, .wp-block-button__link):hover {
color: var(--accent-color);
}
.theme-frontend .acf-fields .acf-field .acf-input label .message a:link:not(.button, .btn, .wp-block-button__link), .acf-block-preview .acf-fields .acf-field .acf-input label .message a:link:not(.button, .btn, .wp-block-button__link){
text-decoration-line: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message a:link:not(.button, .btn, .wp-block-button__link):hover, .acf-block-preview .acf-fields .acf-field .acf-input label .message a:link:not(.button, .btn, .wp-block-button__link):hover{
text-decoration-thickness: 2px;
text-underline-offset: 5px;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message a:link:not(.button, .btn, .wp-block-button__link), .acf-block-preview .acf-fields .acf-field .acf-input label .message a:link:not(.button, .btn, .wp-block-button__link) {
transition: all 0.2s ease-out 0s;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message a:visited:not(.button, .btn, .wp-block-button__link), .acf-block-preview .acf-fields .acf-field .acf-input label .message a:visited:not(.button, .btn, .wp-block-button__link){
text-decoration-line: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message a:visited:not(.button, .btn, .wp-block-button__link):hover, .acf-block-preview .acf-fields .acf-field .acf-input label .message a:visited:not(.button, .btn, .wp-block-button__link):hover{
text-decoration-thickness: 2px;
text-underline-offset: 5px;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message a:visited:not(.button, .btn, .wp-block-button__link), .acf-block-preview .acf-fields .acf-field .acf-input label .message a:visited:not(.button, .btn, .wp-block-button__link) {
transition: all 0.2s ease-out 0s;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message a.url-as-text, .acf-block-preview .acf-fields .acf-field .acf-input label .message a.url-as-text {
word-wrap: break-word;
text-wrap: auto;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message p, .acf-block-preview .acf-fields .acf-field .acf-input label .message p {
margin-block: 0;
padding-block: 0.7em;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message p img, .acf-block-preview .acf-fields .acf-field .acf-input label .message p img {
display: inline;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message p img:not([style*=width]), .acf-block-preview .acf-fields .acf-field .acf-input label .message p img:not([style*=width]) {
height: 1em;
width: auto;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message ul, .acf-block-preview .acf-fields .acf-field .acf-input label .message ul {
list-style: none;
padding: 0;
margin-block: 1em;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message ul li, .acf-block-preview .acf-fields .acf-field .acf-input label .message ul li {
position: relative;
padding-bottom: 0.4em;
padding-left: 1.5em;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message ul li:last-child, .acf-block-preview .acf-fields .acf-field .acf-input label .message ul li:last-child {
padding-bottom: 0;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message ul li .list-item-icon, .acf-block-preview .acf-fields .acf-field .acf-input label .message ul li .list-item-icon{
position: absolute;
display: flex;
align-items: center;
justify-content: center;
left: 0;
top: 0em;
height: 1lh;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message ul li .list-item-icon svg, .acf-block-preview .acf-fields .acf-field .acf-input label .message ul li .list-item-icon svg {
color: var(--accent-color);
display: block;
line-height: inherit;
height: 1em;
width: 1em;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message ul li img, .acf-block-preview .acf-fields .acf-field .acf-input label .message ul li img {
display: inline;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message ul li img:not([style*=width]), .acf-block-preview .acf-fields .acf-field .acf-input label .message ul li img:not([style*=width]) {
height: 1em;
width: auto;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message ul li div[class*=block-editor], .acf-block-preview .acf-fields .acf-field .acf-input label .message ul li div[class*=block-editor] {
display: inline-block;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message ul li ul, .acf-block-preview .acf-fields .acf-field .acf-input label .message ul li ul {
padding-top: .3em;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message ul:not([class*=list-style-]), .acf-block-preview .acf-fields .acf-field .acf-input label .message ul:not([class*=list-style-]) {
margin-left: 2em;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message ul:not([class*=list-style-]) >li, .acf-block-preview .acf-fields .acf-field .acf-input label .message ul:not([class*=list-style-]) >li {
padding-left: 0;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message ul:not([class*=list-style-]) >li::marker, .acf-block-preview .acf-fields .acf-field .acf-input label .message ul:not([class*=list-style-]) >li::marker {
content: '• ';
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
letter-spacing: -0.2em;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message ol, .acf-block-preview .acf-fields .acf-field .acf-input label .message ol {
list-style-type: decimal;
margin: initial;
margin-left: 0.3em;
padding: 0 0 0 1em;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message ol >li, .acf-block-preview .acf-fields .acf-field .acf-input label .message ol >li {
padding-left: 0.1em;
margin-bottom: 0.4em;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message ol >li::marker, .acf-block-preview .acf-fields .acf-field .acf-input label .message ol >li::marker{
font-weight: 600;
color: var(--accent-color);
}
.theme-frontend .acf-fields .acf-field .acf-input label .message blockquote, .acf-block-preview .acf-fields .acf-field .acf-input label .message blockquote {
quotes: '„' '”' '‚' '’';
margin-block: 1em;
padding: 1em;
border-left-width: 4px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.theme-frontend .acf-fields .acf-field .acf-input label .message blockquote p, .acf-block-preview .acf-fields .acf-field .acf-input label .message blockquote p{
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
font-size: 1.25em;
line-height: 1.7;
font-weight: 600;
font-style: italic;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message blockquote p::before, .acf-block-preview .acf-fields .acf-field .acf-input label .message blockquote p::before {
content: open-quote;
display: inline;
padding-right: 3px;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message blockquote p::after, .acf-block-preview .acf-fields .acf-field .acf-input label .message blockquote p::after {
content: close-quote;
display: inline;
padding-left: 3px;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message blockquote cite, .acf-block-preview .acf-fields .acf-field .acf-input label .message blockquote cite{
font-style: normal;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message .wp-block-button, .acf-block-preview .acf-fields .acf-field .acf-input label .message .wp-block-button {
padding-block: 0.7em;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message .wp-block-table, .acf-block-preview .acf-fields .acf-field .acf-input label .message .wp-block-table {
padding-block: 0.7em;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message .has-background, .acf-block-preview .acf-fields .acf-field .acf-input label .message .has-background {
padding: .3lh .5lh;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message, .acf-block-preview .acf-fields .acf-field .acf-input label .message{
position: relative;
display: block;
font-size: 1em;
line-height: 1.7;
}
.theme-frontend .acf-fields .acf-field .acf-input label .message a, .acf-block-preview .acf-fields .acf-field .acf-input label .message a {
-webkit-hyphens: auto;
hyphens: auto;
text-wrap: auto;
}
/* hide acf error message immediately to prevent jerking */
.theme-frontend .acf-fields .acf-field:not(.acf-error) .acf-input .acf-error-message.acf-notice.-error, .acf-block-preview .acf-fields .acf-field:not(.acf-error) .acf-input .acf-error-message.acf-notice.-error {
display: none !important;
}
.theme-frontend .acf-button, .acf-block-preview .acf-button {
--btn-bg-color: var(--accent-color);
--btn-text-color: white;
--btn-text-color-invers: var(--accent-color);
--hover-effect-color: white;
--hover-effect-color-invers: var(--accent-color);
position: relative;
display: inline-flex;
cursor: pointer;
align-items: center;
justify-content: space-between;
overflow: hidden;
border-radius: 9999px;
font-family: Blinker, sans-serif;
font-size: 1em;
line-height: 1.7;
font-weight: 600;
gap: 0.5ch;
color: var(--btn-text-color);
word-break: initial;
line-height: var(--form-line-height);
width: -moz-fit-content;
width: fit-content;
padding-block: var(--form-padding-block);
padding-inline: var(--form-padding-inline);
background-color: var(--btn-bg-color);
border: 3px solid var(--btn-bg-color);
transition: transform 0.3s cubic-bezier(.47,.01,.47,.99) 0s, border 0.3s cubic-bezier(.47,.01,.47,.99) 0s, background-position 0.3s cubic-bezier(.47,.01,.47,.99) 0s, background-color 0.3s cubic-bezier(.47,.01,.47,.99) 0s, color 0.3s cubic-bezier(.47,.01,.47,.99) 0s;
}
.theme-frontend .acf-button.btn[class*=bg-white],.theme-frontend .acf-button.btn[class*=bg-cd-white],.acf-block-preview .acf-button.btn[class*=bg-white],.acf-block-preview .acf-button.btn[class*=bg-cd-white] {
--hover-effect-color: #9ca3af;
}
.theme-frontend .acf-button::after, .acf-block-preview .acf-button::after {
--size: 120%;
content: '';
position: absolute;
display: block;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
opacity: 0;
box-sizing: content-box;
left: 50%;
top: 50%;
width: var(--size);
padding: 0 0 var(--size) 0;
background-color: var(--hover-effect-color);
transform: translate(-50%, -50%);
z-index: -1;
}
.theme-frontend .acf-button:hover, .acf-block-preview .acf-button:hover {
color: var(--btn-text-color);
transform: scale(1.02);
}
.theme-frontend .acf-button:hover::after, .acf-block-preview .acf-button:hover::after {
animation: ButtonHover 0.9s cubic-bezier(0,.54,.02,.99);
/* animation-fill-mode: forwards; */
}
.theme-frontend .acf-button:hover [class^=icon-], .acf-block-preview .acf-button:hover [class^=icon-] {
translate: 5px 0;
}
.theme-frontend .acf-button:focus::after, .acf-block-preview .acf-button:focus::after {
animation: ButtonPress 0.9s cubic-bezier(0,.54,.02,.99);
/* animation-fill-mode: forwards; */
}
.theme-frontend .acf-button [class^=icon-], .acf-block-preview .acf-button [class^=icon-] {
transition: translate 0.2s ease-out 0.1s;
}
.theme-frontend .acf-button:has(.icon), .acf-block-preview .acf-button:has(.icon) {
display: flex;
align-items: center;
}
.theme-frontend .acf-button .icon, .acf-block-preview .acf-button .icon {
width: auto;
height: 0.9em;
}
.theme-frontend .acf-button.icon-left .icon, .acf-block-preview .acf-button.icon-left .icon {
transform: translateX(-30%);
}
.theme-frontend .acf-button.icon-right .icon, .acf-block-preview .acf-button.icon-right .icon {
transform: translateX(30%);
}
.theme-frontend .acf-button .loader, .acf-block-preview .acf-button .loader {
margin-left: -10px;
margin-right: 10px;
}
.theme-frontend .acf-button, .acf-block-preview .acf-button {
--hover-effect-color: var(--btn-text-color-invers);
color: var(--btn-text-color-invers);
background-color: transparent;
border: 3px solid currentColor;
}
.theme-frontend .acf-button:hover, .acf-block-preview .acf-button:hover {
color: var(--btn-text-color);
background-color: var(--hover-effect-color);
border-color: var(--btn-text-color-invers)
}
.theme-frontend .acf-button, .acf-block-preview .acf-button {
--form-padding-block: 0.3em;
--form-padding-inline: .8em;
font-size: .875em;
line-height: 1.7;
}
.theme-frontend .acf-form-submit, .acf-block-preview .acf-form-submit {
padding-top: var(--field-gap);
}
/* ACF checkbox */
.theme-frontend .acf-checkbox-list label, .acf-block-preview .acf-checkbox-list label {
display: flex;
white-space: pre;
}
/* ACF radio */
.theme-frontend .acf-field-select .acf-input select, .acf-block-preview .acf-field-select .acf-input select{
width: 100%;
}
/* ACF radio */
.theme-frontend .acf-field-radio .acf-input .acf-radio-list, .acf-block-preview .acf-field-radio .acf-input .acf-radio-list {
border-bottom: none;
padding-bottom: 0;
}
.theme-frontend .acf-field-radio .acf-input .acf-radio-list li label, .acf-block-preview .acf-field-radio .acf-input .acf-radio-list li label {
display: flex;
align-items: center;
}
.theme-frontend .acf-field-radio .acf-input .acf-radio-list.acf-hl, .acf-block-preview .acf-field-radio .acf-input .acf-radio-list.acf-hl {
display: flex;
}
.theme-frontend .acf-field-radio .acf-input .acf-radio-list.acf-hl li, .acf-block-preview .acf-field-radio .acf-input .acf-radio-list.acf-hl li {
margin-right: 40px;
}
/* -------------------------------------------------------------------------------------
ACF Field: True | False / Checkbox
------------------------------------------------------------------------------------- */
.theme-frontend .acf-field-true-false .acf-input label, .acf-block-preview .acf-field-true-false .acf-input label {
display: flex;
align-items: center;
}
.theme-frontend .acf-field-true-false .acf-input label .acf-switch, .acf-block-preview .acf-field-true-false .acf-input label .acf-switch {
display: none;
}
/* -------------------------------------------------------------------------------------
ACF Field: Button-Group
------------------------------------------------------------------------------------- */
.theme-frontend .acf-field-button-group .acf-input .acf-button-group, .acf-block-preview .acf-field-button-group .acf-input .acf-button-group {
display: flex;
flex-wrap: wrap;
gap: 1em;
}
.theme-frontend .acf-field-button-group .acf-input .acf-button-group label, .acf-block-preview .acf-field-button-group .acf-input .acf-button-group label {
display: flex;
align-items: center;
}
/* -------------------------------------------------------------------------------------
ACF Field: gina-birthdate (Day | Month | Year)
------------------------------------------------------------------------------------- */
.theme-frontend .acf-field-gina-birthdate .acf-input select, .acf-block-preview .acf-field-gina-birthdate .acf-input select {
text-align: center;
background-image: none !important;
}
.theme-frontend .acf-field-gina-birthdate .acf-input select.birth-picker-day, .acf-block-preview .acf-field-gina-birthdate .acf-input select.birth-picker-day {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
padding-right: calc(var(--form-padding-inline) / 2) !important;
}
.theme-frontend .acf-field-gina-birthdate .acf-input select.birth-picker-month, .acf-block-preview .acf-field-gina-birthdate .acf-input select.birth-picker-month {
border-radius: 0 !important;
padding-inline: calc(var(--form-padding-inline) / 2) !important;
}
.theme-frontend .acf-field-gina-birthdate .acf-input select.birth-picker-year, .acf-block-preview .acf-field-gina-birthdate .acf-input select.birth-picker-year {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
padding-left: calc(var(--form-padding-inline) / 2) !important;
padding-right: var(--form-padding-inline) !important;
}
/* -------------------------------------------------------------------------------------
ACF Field: File Upload
------------------------------------------------------------------------------------- */
.theme-frontend .acf-field-file .acf-file-uploader, .acf-block-preview .acf-field-file .acf-file-uploader{
border-radius: 9999px;
border: none;
padding: 0;
}
.theme-frontend .acf-field-file .acf-file-uploader.-dragover, .acf-block-preview .acf-field-file .acf-file-uploader.-dragover {
border-color: hsl(0, 100%, 60%);
}
.theme-frontend .acf-field-file .acf-file-uploader.has-value, .acf-block-preview .acf-field-file .acf-file-uploader.has-value {
padding: 0;
border-radius: 30px;
}
.theme-frontend .acf-field-file .acf-file-uploader.has-value .values, .acf-block-preview .acf-field-file .acf-file-uploader.has-value .values {
display: flex;
flex-wrap: wrap;
gap: 1em;
margin: 0 0 1em 0;
}
.theme-frontend .acf-field-file .acf-file-uploader.has-value .values .file-wrap, .acf-block-preview .acf-field-file .acf-file-uploader.has-value .values .file-wrap {
position: relative;
display: flex;
gap: 1em;
align-items: flex-start;
width: auto;
padding: 1em;
margin: 0;
flex-grow: 1;
background-color: var(--form-bg-color);
border-radius: calc( 30px * .7 );
}
@media (max-width:460px) {
.theme-frontend .acf-field-file .acf-file-uploader.has-value .values .file-wrap, .acf-block-preview .acf-field-file .acf-file-uploader.has-value .values .file-wrap {
font-size: 16px
}
}
.theme-frontend .acf-field-file .acf-file-uploader.has-value .values .file-wrap.acf-clone, .acf-block-preview .acf-field-file .acf-file-uploader.has-value .values .file-wrap.acf-clone {
display: none;
}
.theme-frontend .acf-field-file .acf-file-uploader.has-value .values .file-wrap .file-icon, .acf-block-preview .acf-field-file .acf-file-uploader.has-value .values .file-wrap .file-icon {
width: clamp(1.25rem, 3.0303030303030303 * 1vw, 3.75rem);
padding-top: 1em;
padding-bottom: calc(1em - (1lh / 2) );
}
.theme-frontend .acf-field-file .acf-file-uploader.has-value .values .file-wrap .file-icon img, .acf-block-preview .acf-field-file .acf-file-uploader.has-value .values .file-wrap .file-icon img {
width: 100%;
min-width: 20px;
height: auto;
}
.theme-frontend .acf-field-file .acf-file-uploader.has-value .values .file-wrap .file-info, .acf-block-preview .acf-field-file .acf-file-uploader.has-value .values .file-wrap .file-info {
font-size: .9em;
padding-top: 1em;
}
.theme-frontend .acf-field-file .acf-file-uploader.has-value .values .file-wrap .file-info > p, .acf-block-preview .acf-field-file .acf-file-uploader.has-value .values .file-wrap .file-info > p {
margin: 0;
padding: 0;
white-space: initial;
}
.theme-frontend .acf-field-file .acf-file-uploader.has-value .values .file-wrap .file-info > p a, .acf-block-preview .acf-field-file .acf-file-uploader.has-value .values .file-wrap .file-info > p a {
text-decoration: none;
}
.theme-frontend .acf-field-file .acf-file-uploader.has-value .values .file-wrap .file-info > p strong, .acf-block-preview .acf-field-file .acf-file-uploader.has-value .values .file-wrap .file-info > p strong {
font-weight: normal;
}
.theme-frontend .acf-field-file .acf-file-uploader.has-value .values .file-wrap .file-info > p:has(a[data-name="filename"]), .acf-block-preview .acf-field-file .acf-file-uploader.has-value .values .file-wrap .file-info > p:has(a[data-name="filename"]) {
display: none;
}
.theme-frontend .acf-field-file .acf-file-uploader.has-value .values .file-wrap .acf-actions, .acf-block-preview .acf-field-file .acf-file-uploader.has-value .values .file-wrap .acf-actions {
display: block;
position: absolute;
right: .7em;
top: .7em;
z-index: 1;
opacity: .5;
}
.theme-frontend .acf-field-file .acf-file-uploader.has-value .values .file-wrap .acf-actions a[data-name="remove"], .acf-block-preview .acf-field-file .acf-file-uploader.has-value .values .file-wrap .acf-actions a[data-name="remove"] {
box-sizing: content-box;
position: relative;
width: 1em;
height: 1em;
display: inline-flex;
justify-content: center;
align-items: center;
border: .4em solid transparent;
border-radius: 50%;
transition: scale .2s ease, background .2s ease, color .2s ease, rotate .2s ease, border .2s ease;
}
.theme-frontend .acf-field-file .acf-file-uploader.has-value .values .file-wrap .acf-actions a[data-name="remove"]::before,.theme-frontend .acf-field-file .acf-file-uploader.has-value .values .file-wrap .acf-actions a[data-name="remove"]::after,.acf-block-preview .acf-field-file .acf-file-uploader.has-value .values .file-wrap .acf-actions a[data-name="remove"]::before,.acf-block-preview .acf-field-file .acf-file-uploader.has-value .values .file-wrap .acf-actions a[data-name="remove"]::after {
content: '';
display: block;
height: 100%;
width: 2px;
position: absolute;
border-radius: 4px;
transform-origin: center center;
background-color: currentColor;
transition: scale .2s ease, background .2s ease, color .2s ease, rotate .2s ease, filter .2s ease;
}
.theme-frontend .acf-field-file .acf-file-uploader.has-value .values .file-wrap .acf-actions a[data-name="remove"]::before, .acf-block-preview .acf-field-file .acf-file-uploader.has-value .values .file-wrap .acf-actions a[data-name="remove"]::before {
rotate: 45deg;
}
.theme-frontend .acf-field-file .acf-file-uploader.has-value .values .file-wrap .acf-actions a[data-name="remove"]::after, .acf-block-preview .acf-field-file .acf-file-uploader.has-value .values .file-wrap .acf-actions a[data-name="remove"]::after {
rotate: -45deg;
}
.theme-frontend .acf-field-file .acf-file-uploader.has-value .values .file-wrap .acf-actions a[data-name="remove"]:hover, .acf-block-preview .acf-field-file .acf-file-uploader.has-value .values .file-wrap .acf-actions a[data-name="remove"]:hover {
scale: 1.1;
background-color: currentColor;
rotate: 90deg;
border-color: currentColor;
}
.theme-frontend .acf-field-file .acf-file-uploader.has-value .values .file-wrap .acf-actions a[data-name="remove"]:hover::before,.theme-frontend .acf-field-file .acf-file-uploader.has-value .values .file-wrap .acf-actions a[data-name="remove"]:hover::after,.acf-block-preview .acf-field-file .acf-file-uploader.has-value .values .file-wrap .acf-actions a[data-name="remove"]:hover::before,.acf-block-preview .acf-field-file .acf-file-uploader.has-value .values .file-wrap .acf-actions a[data-name="remove"]:hover::after {
filter: brightness(0) invert(1);
}
.theme-frontend .acf-field-file .acf-file-uploader.has-value .values .file-wrap:hover .acf-actions, .acf-block-preview .acf-field-file .acf-file-uploader.has-value .values .file-wrap:hover .acf-actions {
opacity: 1;
}
.theme-frontend .acf-field-file .acf-file-uploader .acf-uploader-wrapper .acf-uploader .acf-button .count, .acf-block-preview .acf-field-file .acf-file-uploader .acf-uploader-wrapper .acf-uploader .acf-button .count {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
min-width: 2em;
height: 2em;
aspect-ratio: 1/1;
border-radius: 50%;
background-color: hsl(0, 0%, 6%);
}
/* messages/ errors */
.theme-frontend .acf-error-message, .acf-block-preview .acf-error-message{
border-radius: 30px;
--tw-bg-opacity: 1;
background-color: hsl(0 100% 60% / var(--tw-bg-opacity, 1));
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
font-size: 12px;
position: absolute !important;
left: var(--form-padding-inline);
top: 50%;
transform: translateY(-50%);
max-width: 100%;
z-index: 10;
pointer-events: none;
}
/* let's the user click through the error message so that the input can be focused ( which in turn hides the error message ) */
.theme-frontend .acf-error-message >p, .acf-block-preview .acf-error-message >p {
position: relative;
white-space: nowrap;
margin: 0;
padding: 0;
}
.acf-input .theme-frontend .acf-error-message, .acf-input .acf-block-preview .acf-error-message {
margin-top: -6px;
margin-bottom: 6px;
}
.theme-frontend .acf-field-textarea .acf-error-message, .acf-block-preview .acf-field-textarea .acf-error-message {
top: var(--form-padding-inline);
transform: none;
}
.theme-frontend .acf-label label:has(.acf-required), .acf-block-preview .acf-label label:has(.acf-required) {
position: relative;
}
.theme-frontend .acf-required, .acf-block-preview .acf-required {
color: hsl(0, 100%, 60%);
position: relative;
top: -1ch;
}
.theme-frontend .acf-field:not(.acf-field-message) .acf-input .acf-required, .acf-block-preview .acf-field:not(.acf-field-message) .acf-input .acf-required {
position: absolute;
left: -1ch;
}
/* Pflichtfelder Erklärung unter dem Formular */
.theme-frontend .acf-field.acf-field-message.text-right .acf-label, .acf-block-preview .acf-field.acf-field-message.text-right .acf-label {
display: flex;
justify-content: flex-end;
}
/* Datepicker UI */
.theme-body #ui-datepicker-div {
z-index: 999 !important;
}
:root {
--accent-color: hsl(0, 100%, 60%);
}
.box{
border-radius: 30px;
}
body.login{
display: flex;
flex-direction: column;
font-size: 16px;
line-height: 1;
--tw-text-opacity: 1;
color: hsl(0 0% 100% / var(--tw-text-opacity, 1));
color: #666;
background-color: hsl(0, 0%, 6%);
--login-max-w: 460px;
--login-padding: 20px;
}
body.login:not(.dark) .theme-body{
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.theme-body #login {
box-sizing: border-box;
width: 100%;
max-width: var(--login-max-w);
padding-inline: var(--login-padding);
}
/* Logo */
.theme-body #login h1{
display: flex;
justify-content: center;
}
.theme-body #login h1 a{
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
display: block;
height: auto;
width: auto;
--tw-text-opacity: 1;
color: hsl(0 100% 60% / var(--tw-text-opacity, 1));
}
.theme-body #login h1 a:hover{
--tw-text-opacity: 1;
color: hsl(0 100% 60% / var(--tw-text-opacity, 1));
}
.theme-body #login h1 a {
background: none;
text-indent: 0;
}
#login h1 a img, #login h1 a svg {
--logo-color-1: white;
display: block;
width: 240px;
max-width: 100%;
height: auto;
}
.theme-body #login a {
color: inherit;
}
.theme-body #login a:hover, .theme-body #login a:visited:hover {
color: var(--accent-color);
}
.theme-body #login a:focus, .theme-body #login a:active {
color: inherit;
outline: none;
border: none;
box-shadow: none;
}
.theme-body #login .message {
font-size: 0.9em;
margin-top: 20px;
border: none;
box-shadow: none;
background-color: transparent;
}
.theme-body #login #login_error {
color: #fff;
margin-top: 20px;
--tw-bg-opacity: 1;
background-color: hsl(0 100% 60% / var(--tw-bg-opacity, 1));
border-radius: 30px;
}
#login form{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity, 1));
border-radius: 30px;
background-color: rgba(255, 255, 255, 0.03);
padding: clamp(1.875rem, 5 * 1vw, 2.5rem);
border: none;
box-shadow: none;
}
/* background-color: white; */
#login form a:not([class*=btn]) {
color: var(--accent-color);
}
#login form a:not([class*=btn]):active,#login form a:not([class*=btn]):focus,#login form a:not([class*=btn]):hover {
color: var(--accent-color);
}
#login form a:not([class*=btn]){
text-decoration-line: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
#login form a:not([class*=btn]):hover{
text-decoration-thickness: 2px;
text-underline-offset: 5px;
}
#login form a:not([class*=btn]) {
transition: all 0.2s ease-out 0s;
}
#login #loginform{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
border-radius: 30px;
border-style: none;
}
#login #loginform >*:not(.forgetmenot):not(.submit){
grid-column: span 2 / span 2;
}
.theme-body #login label:not(.forgetmenot label) {
font-weight: bold;
display: block;
padding-left: var(--form-padding-inline);
margin-bottom: .5em;
font-weight: 400;
}
.theme-body #login .user-pass-wrap {
margin-bottom: 20px;
}
.theme-body #login #user_pass {
padding-right: 40px;
margin-bottom: 0 !important;
}
.theme-body #login p.submit{
display: flex;
justify-content: flex-end;
}
.theme-body #login #wp-submit{
line-height: 1.7;
font-size: 0.9em;
float: none;
}
.theme-body #login .button.wp-hide-pw {
height: 100%;
box-shadow: none !important;
border: none !important;
outline: none !important;
}
.theme-body #login .forgetmenot {
display: flex;
align-items: center;
}
.theme-body #login .forgetmenot label {
margin-block: 0 !important;
}
.theme-body #login .wp-hide-pw .dashicons {
color: hsl(0, 100%, 60%) !important;
}
/* -------------------------------------------------------------------------------------
Admin Actions
Überprüfung der Administrator-E-Mail-Adresse:
------------------------------------------------------------------------------------- */
.theme-body #login .admin-email__details {
margin-block: 0;
padding-block: 0.7em;
}
#login .admin-email__details img {
display: inline;
}
#login .admin-email__details img:not([style*=width]) {
height: 1em;
width: auto;
}
.theme-body #login .admin-email__actions {
}
.theme-body #login .admin-email__actions-primary{
display: flex;
flex-direction: column;
gap: 1rem;
} /* #login */
/* -------------------------------------------------------------------------------------
Datenschutz
------------------------------------------------------------------------------------- */
.theme-body .privacy-policy-page-link {
font-size: 1rem;
}
/* -------------------------------------------------------------------------------------
Sprachumschalter
------------------------------------------------------------------------------------- */
.theme-body .language-switcher {
max-width: var(--login-max-w);
padding-inline: var(--login-padding);
}
.theme-body .language-switcher #language-switcher{
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-around;
padding: var(--login-padding);
}
.theme-body .language-switcher #language-switcher >*{
flex-grow: 1;
}
.theme-body .language-switcher #language-switcher >label {
font-size: var(--form-font-size);
color: var(--form-text-color);
box-sizing: border-box;
height: auto;
line-height: var(--form-line-height);
padding: var(--form-padding-block) var(--form-padding-inline);
border: 1px solid;
border-radius: 30px;
background-color: var(--form-bg-color);
border-color: var(--form-border-color);
resize: none;
transition: all 0.3s ease-in-out 0s;
}
.theme-body .language-switcher #language-switcher >label::placeholder,.theme-body .language-switcher #language-switcher >label::-webkit-input-placeholder,.theme-body .language-switcher #language-switcher >label:-moz-placeholder,.theme-body .language-switcher #language-switcher >label::-moz-placeholder,.theme-body .language-switcher #language-switcher >label:-ms-input-placeholder {
-webkit-transition: opacity 0.3s ease-out 0s;
-moz-transition: opacity 0.3s ease-out 0s;
-ms-transition: opacity 0.3s ease-out 0s;
transition: opacity 0.3s ease-out 0s;
color: var(--form-placeholder-color);
opacity: 0.5;
}
.theme-body .language-switcher #language-switcher >label::-moz-focus-inner /* Remove button padding in FF */
{
border: 0;
padding: 0;
}
.theme-body .language-switcher #language-switcher >label:focus::placeholder,.theme-body .language-switcher #language-switcher >label:focus::-webkit-input-placeholder,.theme-body .language-switcher #language-switcher >label:focus:-moz-placeholder,.theme-body .language-switcher #language-switcher >label:focus::-moz-placeholder,.theme-body .language-switcher #language-switcher >label:focus:-ms-input-placeholder,.theme-body .language-switcher #language-switcher >label:focus:hover::placeholder,.theme-body .language-switcher #language-switcher >label:focus:hover::-webkit-input-placeholder,.theme-body .language-switcher #language-switcher >label:focus:hover:-moz-placeholder,.theme-body .language-switcher #language-switcher >label:focus:hover::-moz-placeholder,.theme-body .language-switcher #language-switcher >label:focus:hover:-ms-input-placeholder,.theme-body .language-switcher #language-switcher >label:not(.empty)::placeholder,.theme-body .language-switcher #language-switcher >label:not(.empty)::-webkit-input-placeholder,.theme-body .language-switcher #language-switcher >label:not(.empty):-moz-placeholder,.theme-body .language-switcher #language-switcher >label:not(.empty)::-moz-placeholder,.theme-body .language-switcher #language-switcher >label:not(.empty):-ms-input-placeholder {
opacity: 0.3;
}
.theme-body .language-switcher #language-switcher >label:focus,.theme-body .language-switcher #language-switcher >label:focus:hover,.theme-body .language-switcher #language-switcher >label:not(.empty){
box-shadow: none;
outline: none;
background-color: var(--form-bg-color-focus);
border-color: var(--form-border-color-focus);
}
.theme-body .language-switcher #language-switcher >label:hover {
color: var(--form-text-color);
border-color: #d1d5db;
background-color: var(--form-bg-color-hover);
border-color: var(--form-border-color-hover);
}
.theme-body .language-switcher #language-switcher >label{
margin: 0px;
display: flex;
align-items: center;
justify-content: center;
padding: 0.5rem;
color: inherit;
background-color: transparent !important;
}
.theme-body .language-switcher #language-switcher input[type=submit] {
--form-padding-block: 0.2em;
--form-padding-inline: .7em;
font-size: .75em;
line-height: 1.7;
}
.theme-body .language-switcher #language-switcher select{
font-size: .875rem;
line-height: 1.7;
--form-padding-block: 0.5em;
--form-padding-inline: 1.5em;
}
/* -------------------------------------------------------------------------------------
Interim Login
Modal Login, when logged out in admin
------------------------------------------------------------------------------------- */
.theme-body .interim-login .message {
margin-inline: 30px;
}
.theme-body .theme-body .last\:mb-0:last-child{
margin-bottom: 0px;
}
.theme-body .theme-body .odd\:bg-\[color-mix\(in_srgb\2c currentColor_8\%\2c transparent\)\]:nth-child(odd){
background-color: color-mix(in srgb,currentColor 8%,transparent);
}
.theme-body .theme-body .even\:bg-cd-black:nth-child(even){
--tw-bg-opacity: 1;
background-color: hsl(0 0% 6% / var(--tw-bg-opacity, 1));
}
.theme-body .theme-body .even\:text-cd-white:nth-child(even){
--tw-text-opacity: 1;
color: hsl(0 0% 100% / var(--tw-text-opacity, 1));
}
.theme-body .theme-body .hover\:basis-\[30\%\]:hover{
flex-basis: 30%;
}
.theme-body .theme-body .hover\:basis-\[50\%\]:hover{
flex-basis: 50%;
}
.theme-body .theme-body .hover\:rotate-12:hover{
--tw-rotate: 12deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.theme-body .theme-body .hover\:scale-110:hover{
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.theme-body .theme-body .hover\:scale-\[1\.03\]:hover{
--tw-scale-x: 1.03;
--tw-scale-y: 1.03;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.theme-body .theme-body .hover\:bg-black:hover{
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.theme-body .theme-body .hover\:bg-black\/10:hover{
background-color: rgb(0 0 0 / 0.10);
}
.theme-body .theme-body .hover\:bg-cd-black-light\/20:hover{
background-color: hsl(0 0% 94% / 0.20);
}
.theme-body .theme-body .hover\:text-white:hover{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.theme-body .theme-body .hover\:underline:hover{
text-decoration-line: underline;
}
.theme-body .theme-body .active\:scale-\[0\.98\]:active{
--tw-scale-x: 0.98;
--tw-scale-y: 0.98;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.theme-body .theme-body :is(.group:hover .group-hover\:h-full){
height: 100%;
}
.theme-body .theme-body :is(.group:hover .group-hover\:w-full){
width: 100%;
}
.theme-body .theme-body :is(.group:hover .group-hover\:scale-150){
--tw-scale-x: 1.5;
--tw-scale-y: 1.5;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.theme-body .theme-body :is(.group:hover .group-hover\:bg-accent\/80){
background-color: hsl(0 100% 60% / 0.80);
}
.theme-body .theme-body :is(.group:hover .group-hover\:text-white){
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.theme-body .theme-body :is(.group:hover .group-hover\:opacity-100){
opacity: 1;
}
.theme-body .theme-body :is(.group\/main.is-open .group-\[\.is-open\]\/main\:grid-rows-\[1fr\]){
grid-template-rows: 1fr;
}
.theme-body .theme-body .is-active\:border-cd-black-medium.is-active{
--tw-border-opacity: 1;
border-color: hsl(0 0% 12% / var(--tw-border-opacity, 1));
}
.theme-body .theme-body .is-active\:bg-cd-black.is-active{
--tw-bg-opacity: 1;
background-color: hsl(0 0% 6% / var(--tw-bg-opacity, 1));
}
.theme-body .theme-body .is-active\:text-cd-white.is-active{
--tw-text-opacity: 1;
color: hsl(0 0% 100% / var(--tw-text-opacity, 1));
}
.theme-body .theme-body .dark\:text-white:is(.dark *){
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 380px){
.theme-body .theme-body .xxs\:w-1\/12{
width: 8.333333%;
}
.theme-body .theme-body .xxs\:w-1\/2{
width: 50%;
}
.theme-body .theme-body .xxs\:w-1\/3{
width: 33.333333%;
}
.theme-body .theme-body .xxs\:w-1\/4{
width: 25%;
}
.theme-body .theme-body .xxs\:w-1\/5{
width: 20%;
}
.theme-body .theme-body .xxs\:w-1\/6{
width: 16.666667%;
}
.theme-body .theme-body .xxs\:w-10\/12{
width: 83.333333%;
}
.theme-body .theme-body .xxs\:w-11\/12{
width: 91.666667%;
}
.theme-body .theme-body .xxs\:w-2\/12{
width: 16.666667%;
}
.theme-body .theme-body .xxs\:w-2\/3{
width: 66.666667%;
}
.theme-body .theme-body .xxs\:w-2\/4{
width: 50%;
}
.theme-body .theme-body .xxs\:w-2\/5{
width: 40%;
}
.theme-body .theme-body .xxs\:w-2\/6{
width: 33.333333%;
}
.theme-body .theme-body .xxs\:w-3\/12{
width: 25%;
}
.theme-body .theme-body .xxs\:w-3\/4{
width: 75%;
}
.theme-body .theme-body .xxs\:w-3\/5{
width: 60%;
}
.theme-body .theme-body .xxs\:w-3\/6{
width: 50%;
}
.theme-body .theme-body .xxs\:w-4\/12{
width: 33.333333%;
}
.theme-body .theme-body .xxs\:w-4\/5{
width: 80%;
}
.theme-body .theme-body .xxs\:w-4\/6{
width: 66.666667%;
}
.theme-body .theme-body .xxs\:w-5\/12{
width: 41.666667%;
}
.theme-body .theme-body .xxs\:w-5\/6{
width: 83.333333%;
}
.theme-body .theme-body .xxs\:w-6\/12{
width: 50%;
}
.theme-body .theme-body .xxs\:w-7\/12{
width: 58.333333%;
}
.theme-body .theme-body .xxs\:w-8\/12{
width: 66.666667%;
}
.theme-body .theme-body .xxs\:w-9\/12{
width: 75%;
}
.theme-body .theme-body .xxs\:w-auto{
width: auto;
}
.theme-body .theme-body .xxs\:w-full{
width: 100%;
}
.theme-body .theme-body .xxs\:w-max{
width: -moz-max-content;
width: max-content;
}
.theme-body .theme-body .xxs\:w-min{
width: -moz-min-content;
width: min-content;
}
.theme-body .theme-body .xxs\:w-screen{
width: 100vw;
}
}
@media (min-width: 480px){
.theme-body .theme-body .xs\:order-2{
order: 2;
}
.theme-body .theme-body .xs\:w-1\/12{
width: 8.333333%;
}
.theme-body .theme-body .xs\:w-1\/2{
width: 50%;
}
.theme-body .theme-body .xs\:w-1\/3{
width: 33.333333%;
}
.theme-body .theme-body .xs\:w-1\/4{
width: 25%;
}
.theme-body .theme-body .xs\:w-1\/5{
width: 20%;
}
.theme-body .theme-body .xs\:w-1\/6{
width: 16.666667%;
}
.theme-body .theme-body .xs\:w-10\/12{
width: 83.333333%;
}
.theme-body .theme-body .xs\:w-11\/12{
width: 91.666667%;
}
.theme-body .theme-body .xs\:w-2\/12{
width: 16.666667%;
}
.theme-body .theme-body .xs\:w-2\/3{
width: 66.666667%;
}
.theme-body .theme-body .xs\:w-2\/4{
width: 50%;
}
.theme-body .theme-body .xs\:w-2\/5{
width: 40%;
}
.theme-body .theme-body .xs\:w-2\/6{
width: 33.333333%;
}
.theme-body .theme-body .xs\:w-3\/12{
width: 25%;
}
.theme-body .theme-body .xs\:w-3\/4{
width: 75%;
}
.theme-body .theme-body .xs\:w-3\/5{
width: 60%;
}
.theme-body .theme-body .xs\:w-3\/6{
width: 50%;
}
.theme-body .theme-body .xs\:w-4\/12{
width: 33.333333%;
}
.theme-body .theme-body .xs\:w-4\/5{
width: 80%;
}
.theme-body .theme-body .xs\:w-4\/6{
width: 66.666667%;
}
.theme-body .theme-body .xs\:w-5\/12{
width: 41.666667%;
}
.theme-body .theme-body .xs\:w-5\/6{
width: 83.333333%;
}
.theme-body .theme-body .xs\:w-6\/12{
width: 50%;
}
.theme-body .theme-body .xs\:w-7\/12{
width: 58.333333%;
}
.theme-body .theme-body .xs\:w-8\/12{
width: 66.666667%;
}
.theme-body .theme-body .xs\:w-9\/12{
width: 75%;
}
.theme-body .theme-body .xs\:w-auto{
width: auto;
}
.theme-body .theme-body .xs\:w-full{
width: 100%;
}
.theme-body .theme-body .xs\:w-max{
width: -moz-max-content;
width: max-content;
}
.theme-body .theme-body .xs\:w-min{
width: -moz-min-content;
width: min-content;
}
.theme-body .theme-body .xs\:w-screen{
width: 100vw;
}
.theme-body .theme-body .xs\:-translate-x-default{
--tw-translate-x: calc(clamp(2rem, 4.040404040404041 * 1vw, 5rem) * -1);
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.theme-body .theme-body .xs\:-translate-y-default{
--tw-translate-y: calc(clamp(2rem, 4.040404040404041 * 1vw, 5rem) * -1);
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.theme-body .theme-body .xs\:translate-x-default{
--tw-translate-x: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.theme-body .theme-body .xs\:translate-y-default{
--tw-translate-y: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.theme-body .theme-body .xs\:self-end{
align-self: flex-end;
}
.theme-body .theme-body .xs\:rounded-4xl{
border-radius: 2rem;
}
.theme-body .theme-body .xs\:rounded-6xl{
border-radius: 4rem;
}
.theme-body .theme-body .xs\:px-default{
padding-left: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
padding-right: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
}
}
@media (min-width: 560px){
.theme-body .theme-body .s\:order-2{
order: 2;
}
.theme-body .theme-body .s\:order-3{
order: 3;
}
.theme-body .theme-body .s\:mb-0{
margin-bottom: 0px;
}
.theme-body .theme-body .s\:w-1\/12{
width: 8.333333%;
}
.theme-body .theme-body .s\:w-1\/2{
width: 50%;
}
.theme-body .theme-body .s\:w-1\/3{
width: 33.333333%;
}
.theme-body .theme-body .s\:w-1\/4{
width: 25%;
}
.theme-body .theme-body .s\:w-1\/5{
width: 20%;
}
.theme-body .theme-body .s\:w-1\/6{
width: 16.666667%;
}
.theme-body .theme-body .s\:w-10\/12{
width: 83.333333%;
}
.theme-body .theme-body .s\:w-11\/12{
width: 91.666667%;
}
.theme-body .theme-body .s\:w-2\/12{
width: 16.666667%;
}
.theme-body .theme-body .s\:w-2\/3{
width: 66.666667%;
}
.theme-body .theme-body .s\:w-2\/4{
width: 50%;
}
.theme-body .theme-body .s\:w-2\/5{
width: 40%;
}
.theme-body .theme-body .s\:w-2\/6{
width: 33.333333%;
}
.theme-body .theme-body .s\:w-3\/12{
width: 25%;
}
.theme-body .theme-body .s\:w-3\/4{
width: 75%;
}
.theme-body .theme-body .s\:w-3\/5{
width: 60%;
}
.theme-body .theme-body .s\:w-3\/6{
width: 50%;
}
.theme-body .theme-body .s\:w-4\/12{
width: 33.333333%;
}
.theme-body .theme-body .s\:w-4\/5{
width: 80%;
}
.theme-body .theme-body .s\:w-4\/6{
width: 66.666667%;
}
.theme-body .theme-body .s\:w-5\/12{
width: 41.666667%;
}
.theme-body .theme-body .s\:w-5\/6{
width: 83.333333%;
}
.theme-body .theme-body .s\:w-6\/12{
width: 50%;
}
.theme-body .theme-body .s\:w-7\/12{
width: 58.333333%;
}
.theme-body .theme-body .s\:w-8\/12{
width: 66.666667%;
}
.theme-body .theme-body .s\:w-9\/12{
width: 75%;
}
.theme-body .theme-body .s\:w-auto{
width: auto;
}
.theme-body .theme-body .s\:w-full{
width: 100%;
}
.theme-body .theme-body .s\:w-max{
width: -moz-max-content;
width: max-content;
}
.theme-body .theme-body .s\:w-min{
width: -moz-min-content;
width: min-content;
}
.theme-body .theme-body .s\:w-screen{
width: 100vw;
}
.theme-body .theme-body .s\:basis-2\/8{
flex-basis: 25%;
}
.theme-body .theme-body .s\:flex-row{
flex-direction: row;
}
.theme-body .theme-body .s\:justify-between{
justify-content: space-between;
}
.theme-body .theme-body .s\:pt-0{
padding-top: 0px;
}
.theme-body .theme-body .s\:even\:text-right:nth-child(even){
text-align: right;
}
.theme-body .theme-body :is(.group:nth-child(even) .s\:group-even\:flex-row-reverse){
flex-direction: row-reverse;
}
}
@media (min-width: 640px){
.theme-body .theme-body .sm\:block{
display: block;
}
.theme-body .theme-body .sm\:w-1\/12{
width: 8.333333%;
}
.theme-body .theme-body .sm\:w-1\/2{
width: 50%;
}
.theme-body .theme-body .sm\:w-1\/3{
width: 33.333333%;
}
.theme-body .theme-body .sm\:w-1\/4{
width: 25%;
}
.theme-body .theme-body .sm\:w-1\/5{
width: 20%;
}
.theme-body .theme-body .sm\:w-1\/6{
width: 16.666667%;
}
.theme-body .theme-body .sm\:w-10\/12{
width: 83.333333%;
}
.theme-body .theme-body .sm\:w-11\/12{
width: 91.666667%;
}
.theme-body .theme-body .sm\:w-2\/12{
width: 16.666667%;
}
.theme-body .theme-body .sm\:w-2\/3{
width: 66.666667%;
}
.theme-body .theme-body .sm\:w-2\/4{
width: 50%;
}
.theme-body .theme-body .sm\:w-2\/5{
width: 40%;
}
.theme-body .theme-body .sm\:w-2\/6{
width: 33.333333%;
}
.theme-body .theme-body .sm\:w-3\/12{
width: 25%;
}
.theme-body .theme-body .sm\:w-3\/4{
width: 75%;
}
.theme-body .theme-body .sm\:w-3\/5{
width: 60%;
}
.theme-body .theme-body .sm\:w-3\/6{
width: 50%;
}
.theme-body .theme-body .sm\:w-4\/12{
width: 33.333333%;
}
.theme-body .theme-body .sm\:w-4\/5{
width: 80%;
}
.theme-body .theme-body .sm\:w-4\/6{
width: 66.666667%;
}
.theme-body .theme-body .sm\:w-5\/12{
width: 41.666667%;
}
.theme-body .theme-body .sm\:w-5\/6{
width: 83.333333%;
}
.theme-body .theme-body .sm\:w-6\/12{
width: 50%;
}
.theme-body .theme-body .sm\:w-7\/12{
width: 58.333333%;
}
.theme-body .theme-body .sm\:w-8\/12{
width: 66.666667%;
}
.theme-body .theme-body .sm\:w-9\/12{
width: 75%;
}
.theme-body .theme-body .sm\:w-auto{
width: auto;
}
.theme-body .theme-body .sm\:w-full{
width: 100%;
}
.theme-body .theme-body .sm\:w-max{
width: -moz-max-content;
width: max-content;
}
.theme-body .theme-body .sm\:w-min{
width: -moz-min-content;
width: min-content;
}
.theme-body .theme-body .sm\:w-screen{
width: 100vw;
}
.theme-body .theme-body .sm\:basis-2\/5{
flex-basis: 40%;
}
.theme-body .theme-body .sm\:basis-5\/8{
flex-basis: 62.5%;
}
.theme-body .theme-body .sm\:p-default{
padding: clamp(2rem, 4.040404040404041 * 1vw, 5rem);
}
}
@media (min-width: 768px){
.theme-body .theme-body .md\:left-1\/2{
left: 50%;
}
.theme-body .theme-body .md\:top-0{
top: 0px;
}
.theme-body .theme-body .md\:mt-0{
margin-top: 0px;
}
.theme-body .theme-body .md\:block{
display: block;
}
.theme-body .theme-body .md\:h-auto{
height: auto;
}
.theme-body .theme-body .md\:w-1\/12{
width: 8.333333%;
}
.theme-body .theme-body .md\:w-1\/2{
width: 50%;
}
.theme-body .theme-body .md\:w-1\/3{
width: 33.333333%;
}
.theme-body .theme-body .md\:w-1\/4{
width: 25%;
}
.theme-body .theme-body .md\:w-1\/5{
width: 20%;
}
.theme-body .theme-body .md\:w-1\/6{
width: 16.666667%;
}
.theme-body .theme-body .md\:w-10\/12{
width: 83.333333%;
}
.theme-body .theme-body .md\:w-11\/12{
width: 91.666667%;
}
.theme-body .theme-body .md\:w-2\/12{
width: 16.666667%;
}
.theme-body .theme-body .md\:w-2\/3{
width: 66.666667%;
}
.theme-body .theme-body .md\:w-2\/4{
width: 50%;
}
.theme-body .theme-body .md\:w-2\/5{
width: 40%;
}
.theme-body .theme-body .md\:w-2\/6{
width: 33.333333%;
}
.theme-body .theme-body .md\:w-3\/12{
width: 25%;
}
.theme-body .theme-body .md\:w-3\/4{
width: 75%;
}
.theme-body .theme-body .md\:w-3\/5{
width: 60%;
}
.theme-body .theme-body .md\:w-3\/6{
width: 50%;
}
.theme-body .theme-body .md\:w-4\/12{
width: 33.333333%;
}
.theme-body .theme-body .md\:w-4\/5{
width: 80%;
}
.theme-body .theme-body .md\:w-4\/6{
width: 66.666667%;
}
.theme-body .theme-body .md\:w-5\/12{
width: 41.666667%;
}
.theme-body .theme-body .md\:w-5\/6{
width: 83.333333%;
}
.theme-body .theme-body .md\:w-6\/12{
width: 50%;
}
.theme-body .theme-body .md\:w-7\/12{
width: 58.333333%;
}
.theme-body .theme-body .md\:w-8\/12{
width: 66.666667%;
}
.theme-body .theme-body .md\:w-9\/12{
width: 75%;
}
.theme-body .theme-body .md\:w-auto{
width: auto;
}
.theme-body .theme-body .md\:w-full{
width: 100%;
}
.theme-body .theme-body .md\:w-max{
width: -moz-max-content;
width: max-content;
}
.theme-body .theme-body .md\:w-min{
width: -moz-min-content;
width: min-content;
}
.theme-body .theme-body .md\:w-screen{
width: 100vw;
}
.theme-body .theme-body .md\:-translate-x-1\/2{
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.theme-body .theme-body .md\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.theme-body .theme-body .md\:flex-nowrap{
flex-wrap: nowrap;
}
.theme-body .md\:object-contain{
-o-object-fit: contain;
object-fit: contain;
}
.theme-body .theme-body .md\:pl-0{
padding-left: 0px;
}
.theme-body .theme-body .md\:pl-8{
padding-left: 2rem;
}
.theme-body .theme-body .md\:pr-8{
padding-right: 2rem;
}
.theme-body .theme-body .md\:pt-0{
padding-top: 0px;
}
.theme-body .theme-body .md\:text-left{
text-align: left;
}
.theme-body .theme-body .md\:text-right{
text-align: right;
}
}
@media (min-width: 1024px){
.theme-body .theme-body .lg\:absolute{
position: absolute;
}
.theme-body .theme-body .lg\:sticky{
position: sticky;
}
.theme-body .theme-body .lg\:right-\[10\%\]{
right: 10%;
}
.theme-body .theme-body .lg\:top-0{
top: 0px;
}
.theme-body .theme-body .lg\:top-1\/2{
top: 50%;
}
.theme-body .theme-body .lg\:order-2{
order: 2;
}
.theme-body .theme-body .lg\:order-first{
order: -9999;
}
.theme-body .theme-body .lg\:mt-12{
margin-top: 3rem;
}
.theme-body .theme-body .lg\:flex{
display: flex;
}
.theme-body .theme-body .lg\:w-1\/12{
width: 8.333333%;
}
.theme-body .theme-body .lg\:w-1\/2{
width: 50%;
}
.theme-body .theme-body .lg\:w-1\/3{
width: 33.333333%;
}
.theme-body .theme-body .lg\:w-1\/4{
width: 25%;
}
.theme-body .theme-body .lg\:w-1\/5{
width: 20%;
}
.theme-body .theme-body .lg\:w-1\/6{
width: 16.666667%;
}
.theme-body .theme-body .lg\:w-10\/12{
width: 83.333333%;
}
.theme-body .theme-body .lg\:w-11\/12{
width: 91.666667%;
}
.theme-body .theme-body .lg\:w-2\/12{
width: 16.666667%;
}
.theme-body .theme-body .lg\:w-2\/3{
width: 66.666667%;
}
.theme-body .theme-body .lg\:w-2\/4{
width: 50%;
}
.theme-body .theme-body .lg\:w-2\/5{
width: 40%;
}
.theme-body .theme-body .lg\:w-2\/6{
width: 33.333333%;
}
.theme-body .theme-body .lg\:w-3\/12{
width: 25%;
}
.theme-body .theme-body .lg\:w-3\/4{
width: 75%;
}
.theme-body .theme-body .lg\:w-3\/5{
width: 60%;
}
.theme-body .theme-body .lg\:w-3\/6{
width: 50%;
}
.theme-body .theme-body .lg\:w-4\/12{
width: 33.333333%;
}
.theme-body .theme-body .lg\:w-4\/5{
width: 80%;
}
.theme-body .theme-body .lg\:w-4\/6{
width: 66.666667%;
}
.theme-body .theme-body .lg\:w-5\/12{
width: 41.666667%;
}
.theme-body .theme-body .lg\:w-5\/6{
width: 83.333333%;
}
.theme-body .theme-body .lg\:w-6\/12{
width: 50%;
}
.theme-body .theme-body .lg\:w-7\/12{
width: 58.333333%;
}
.theme-body .theme-body .lg\:w-8\/12{
width: 66.666667%;
}
.theme-body .theme-body .lg\:w-9\/12{
width: 75%;
}
.theme-body .theme-body .lg\:w-auto{
width: auto;
}
.theme-body .theme-body .lg\:w-full{
width: 100%;
}
.theme-body .theme-body .lg\:w-max{
width: -moz-max-content;
width: max-content;
}
.theme-body .theme-body .lg\:w-min{
width: -moz-min-content;
width: min-content;
}
.theme-body .theme-body .lg\:w-screen{
width: 100vw;
}
.theme-body .theme-body .lg\:max-w-sm{
max-width: 24rem;
}
.theme-body .theme-body .lg\:max-w-xs{
max-width: 20rem;
}
.theme-body .theme-body .lg\:basis-1\/3{
flex-basis: 33.333333%;
}
.theme-body .theme-body .lg\:basis-1\/5{
flex-basis: 20%;
}
.theme-body .theme-body .lg\:basis-1\/8{
flex-basis: 12.5%;
}
.theme-body .theme-body .lg\:basis-6\/8{
flex-basis: 75%;
}
.theme-body .theme-body .lg\:-translate-y-1\/2{
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.theme-body .theme-body .lg\:flex-row{
flex-direction: row;
}
.theme-body .theme-body .lg\:flex-nowrap{
flex-wrap: nowrap;
}
.theme-body .theme-body .lg\:gap-10{
gap: 2.5rem;
}
.theme-body .theme-body .lg\:border-r-8{
border-right-width: 8px;
}
.theme-body .theme-body .lg\:border-r-primary{
--tw-border-opacity: 1;
border-right-color: hsl(0 100% 60% / var(--tw-border-opacity, 1));
}
.theme-body .theme-body .lg\:pl-12{
padding-left: 3rem;
}
.theme-body .theme-body .lg\:pr-12{
padding-right: 3rem;
}
}
@media (min-width: 1280px){
.theme-body .theme-body .xl\:block{
display: block;
}
.theme-body .theme-body .xl\:flex{
display: flex;
}
.theme-body .theme-body .xl\:hidden{
display: none;
}
.theme-body .theme-body .xl\:w-1\/12{
width: 8.333333%;
}
.theme-body .theme-body .xl\:w-1\/2{
width: 50%;
}
.theme-body .theme-body .xl\:w-1\/3{
width: 33.333333%;
}
.theme-body .theme-body .xl\:w-1\/4{
width: 25%;
}
.theme-body .theme-body .xl\:w-1\/5{
width: 20%;
}
.theme-body .theme-body .xl\:w-1\/6{
width: 16.666667%;
}
.theme-body .theme-body .xl\:w-10\/12{
width: 83.333333%;
}
.theme-body .theme-body .xl\:w-11\/12{
width: 91.666667%;
}
.theme-body .theme-body .xl\:w-2\/12{
width: 16.666667%;
}
.theme-body .theme-body .xl\:w-2\/3{
width: 66.666667%;
}
.theme-body .theme-body .xl\:w-2\/4{
width: 50%;
}
.theme-body .theme-body .xl\:w-2\/5{
width: 40%;
}
.theme-body .theme-body .xl\:w-2\/6{
width: 33.333333%;
}
.theme-body .theme-body .xl\:w-3\/12{
width: 25%;
}
.theme-body .theme-body .xl\:w-3\/4{
width: 75%;
}
.theme-body .theme-body .xl\:w-3\/5{
width: 60%;
}
.theme-body .theme-body .xl\:w-3\/6{
width: 50%;
}
.theme-body .theme-body .xl\:w-4\/12{
width: 33.333333%;
}
.theme-body .theme-body .xl\:w-4\/5{
width: 80%;
}
.theme-body .theme-body .xl\:w-4\/6{
width: 66.666667%;
}
.theme-body .theme-body .xl\:w-5\/12{
width: 41.666667%;
}
.theme-body .theme-body .xl\:w-5\/6{
width: 83.333333%;
}
.theme-body .theme-body .xl\:w-6\/12{
width: 50%;
}
.theme-body .theme-body .xl\:w-7\/12{
width: 58.333333%;
}
.theme-body .theme-body .xl\:w-8\/12{
width: 66.666667%;
}
.theme-body .theme-body .xl\:w-9\/12{
width: 75%;
}
.theme-body .theme-body .xl\:w-auto{
width: auto;
}
.theme-body .theme-body .xl\:w-full{
width: 100%;
}
.theme-body .theme-body .xl\:w-max{
width: -moz-max-content;
width: max-content;
}
.theme-body .theme-body .xl\:w-min{
width: -moz-min-content;
width: min-content;
}
.theme-body .theme-body .xl\:w-screen{
width: 100vw;
}
.theme-body .theme-body .xl\:shrink{
flex-shrink: 1;
}
.theme-body .theme-body .xl\:basis-full{
flex-basis: 100%;
}
.theme-body .theme-body .xl\:items-end{
align-items: flex-end;
}
.theme-body .theme-body .xl\:justify-between{
justify-content: space-between;
}
.theme-body .theme-body .xl\:gap-x-12{
-moz-column-gap: 3rem;
column-gap: 3rem;
}
.theme-body .theme-body .xl\:leading-relaxed{
line-height: 1.625;
}
}
@media (min-width: 1536px){
.theme-body .theme-body .\32xl\:w-1\/12{
width: 8.333333%;
}
.theme-body .theme-body .\32xl\:w-1\/2{
width: 50%;
}
.theme-body .theme-body .\32xl\:w-1\/3{
width: 33.333333%;
}
.theme-body .theme-body .\32xl\:w-1\/4{
width: 25%;
}
.theme-body .theme-body .\32xl\:w-1\/5{
width: 20%;
}
.theme-body .theme-body .\32xl\:w-1\/6{
width: 16.666667%;
}
.theme-body .theme-body .\32xl\:w-10\/12{
width: 83.333333%;
}
.theme-body .theme-body .\32xl\:w-11\/12{
width: 91.666667%;
}
.theme-body .theme-body .\32xl\:w-2\/12{
width: 16.666667%;
}
.theme-body .theme-body .\32xl\:w-2\/3{
width: 66.666667%;
}
.theme-body .theme-body .\32xl\:w-2\/4{
width: 50%;
}
.theme-body .theme-body .\32xl\:w-2\/5{
width: 40%;
}
.theme-body .theme-body .\32xl\:w-2\/6{
width: 33.333333%;
}
.theme-body .theme-body .\32xl\:w-3\/12{
width: 25%;
}
.theme-body .theme-body .\32xl\:w-3\/4{
width: 75%;
}
.theme-body .theme-body .\32xl\:w-3\/5{
width: 60%;
}
.theme-body .theme-body .\32xl\:w-3\/6{
width: 50%;
}
.theme-body .theme-body .\32xl\:w-4\/12{
width: 33.333333%;
}
.theme-body .theme-body .\32xl\:w-4\/5{
width: 80%;
}
.theme-body .theme-body .\32xl\:w-4\/6{
width: 66.666667%;
}
.theme-body .theme-body .\32xl\:w-5\/12{
width: 41.666667%;
}
.theme-body .theme-body .\32xl\:w-5\/6{
width: 83.333333%;
}
.theme-body .theme-body .\32xl\:w-6\/12{
width: 50%;
}
.theme-body .theme-body .\32xl\:w-7\/12{
width: 58.333333%;
}
.theme-body .theme-body .\32xl\:w-8\/12{
width: 66.666667%;
}
.theme-body .theme-body .\32xl\:w-9\/12{
width: 75%;
}
.theme-body .theme-body .\32xl\:w-auto{
width: auto;
}
.theme-body .theme-body .\32xl\:w-full{
width: 100%;
}
.theme-body .theme-body .\32xl\:w-max{
width: -moz-max-content;
width: max-content;
}
.theme-body .theme-body .\32xl\:w-min{
width: -moz-min-content;
width: min-content;
}
.theme-body .theme-body .\32xl\:w-screen{
width: 100vw;
}
.theme-body .theme-body .\32xl\:flex-shrink-0{
flex-shrink: 0;
}
}
@media (min-width: 1980px){
.theme-body .theme-body .maxcontent\:w-1\/12{
width: 8.333333%;
}
.theme-body .theme-body .maxcontent\:w-1\/2{
width: 50%;
}
.theme-body .theme-body .maxcontent\:w-1\/3{
width: 33.333333%;
}
.theme-body .theme-body .maxcontent\:w-1\/4{
width: 25%;
}
.theme-body .theme-body .maxcontent\:w-1\/5{
width: 20%;
}
.theme-body .theme-body .maxcontent\:w-1\/6{
width: 16.666667%;
}
.theme-body .theme-body .maxcontent\:w-10\/12{
width: 83.333333%;
}
.theme-body .theme-body .maxcontent\:w-11\/12{
width: 91.666667%;
}
.theme-body .theme-body .maxcontent\:w-2\/12{
width: 16.666667%;
}
.theme-body .theme-body .maxcontent\:w-2\/3{
width: 66.666667%;
}
.theme-body .theme-body .maxcontent\:w-2\/4{
width: 50%;
}
.theme-body .theme-body .maxcontent\:w-2\/5{
width: 40%;
}
.theme-body .theme-body .maxcontent\:w-2\/6{
width: 33.333333%;
}
.theme-body .theme-body .maxcontent\:w-3\/12{
width: 25%;
}
.theme-body .theme-body .maxcontent\:w-3\/4{
width: 75%;
}
.theme-body .theme-body .maxcontent\:w-3\/5{
width: 60%;
}
.theme-body .theme-body .maxcontent\:w-3\/6{
width: 50%;
}
.theme-body .theme-body .maxcontent\:w-4\/12{
width: 33.333333%;
}
.theme-body .theme-body .maxcontent\:w-4\/5{
width: 80%;
}
.theme-body .theme-body .maxcontent\:w-4\/6{
width: 66.666667%;
}
.theme-body .theme-body .maxcontent\:w-5\/12{
width: 41.666667%;
}
.theme-body .theme-body .maxcontent\:w-5\/6{
width: 83.333333%;
}
.theme-body .theme-body .maxcontent\:w-6\/12{
width: 50%;
}
.theme-body .theme-body .maxcontent\:w-7\/12{
width: 58.333333%;
}
.theme-body .theme-body .maxcontent\:w-8\/12{
width: 66.666667%;
}
.theme-body .theme-body .maxcontent\:w-9\/12{
width: 75%;
}
.theme-body .theme-body .maxcontent\:w-auto{
width: auto;
}
.theme-body .theme-body .maxcontent\:w-full{
width: 100%;
}
.theme-body .theme-body .maxcontent\:w-max{
width: -moz-max-content;
width: max-content;
}
.theme-body .theme-body .maxcontent\:w-min{
width: -moz-min-content;
width: min-content;
}
.theme-body .theme-body .maxcontent\:w-screen{
width: 100vw;
}
}
@media (min-width: 1920px){
.theme-body .theme-body .wide\:w-1\/12{
width: 8.333333%;
}
.theme-body .theme-body .wide\:w-1\/2{
width: 50%;
}
.theme-body .theme-body .wide\:w-1\/3{
width: 33.333333%;
}
.theme-body .theme-body .wide\:w-1\/4{
width: 25%;
}
.theme-body .theme-body .wide\:w-1\/5{
width: 20%;
}
.theme-body .theme-body .wide\:w-1\/6{
width: 16.666667%;
}
.theme-body .theme-body .wide\:w-10\/12{
width: 83.333333%;
}
.theme-body .theme-body .wide\:w-11\/12{
width: 91.666667%;
}
.theme-body .theme-body .wide\:w-2\/12{
width: 16.666667%;
}
.theme-body .theme-body .wide\:w-2\/3{
width: 66.666667%;
}
.theme-body .theme-body .wide\:w-2\/4{
width: 50%;
}
.theme-body .theme-body .wide\:w-2\/5{
width: 40%;
}
.theme-body .theme-body .wide\:w-2\/6{
width: 33.333333%;
}
.theme-body .theme-body .wide\:w-3\/12{
width: 25%;
}
.theme-body .theme-body .wide\:w-3\/4{
width: 75%;
}
.theme-body .theme-body .wide\:w-3\/5{
width: 60%;
}
.theme-body .theme-body .wide\:w-3\/6{
width: 50%;
}
.theme-body .theme-body .wide\:w-4\/12{
width: 33.333333%;
}
.theme-body .theme-body .wide\:w-4\/5{
width: 80%;
}
.theme-body .theme-body .wide\:w-4\/6{
width: 66.666667%;
}
.theme-body .theme-body .wide\:w-5\/12{
width: 41.666667%;
}
.theme-body .theme-body .wide\:w-5\/6{
width: 83.333333%;
}
.theme-body .theme-body .wide\:w-6\/12{
width: 50%;
}
.theme-body .theme-body .wide\:w-7\/12{
width: 58.333333%;
}
.theme-body .theme-body .wide\:w-8\/12{
width: 66.666667%;
}
.theme-body .theme-body .wide\:w-9\/12{
width: 75%;
}
.theme-body .theme-body .wide\:w-auto{
width: auto;
}
.theme-body .theme-body .wide\:w-full{
width: 100%;
}
.theme-body .theme-body .wide\:w-max{
width: -moz-max-content;
width: max-content;
}
.theme-body .theme-body .wide\:w-min{
width: -moz-min-content;
width: min-content;
}
.theme-body .theme-body .wide\:w-screen{
width: 100vw;
}
}
@media (min-width: 1200px){
.theme-body .theme-body .narrow-section\:w-1\/12{
width: 8.333333%;
}
.theme-body .theme-body .narrow-section\:w-1\/2{
width: 50%;
}
.theme-body .theme-body .narrow-section\:w-1\/3{
width: 33.333333%;
}
.theme-body .theme-body .narrow-section\:w-1\/4{
width: 25%;
}
.theme-body .theme-body .narrow-section\:w-1\/5{
width: 20%;
}
.theme-body .theme-body .narrow-section\:w-1\/6{
width: 16.666667%;
}
.theme-body .theme-body .narrow-section\:w-10\/12{
width: 83.333333%;
}
.theme-body .theme-body .narrow-section\:w-11\/12{
width: 91.666667%;
}
.theme-body .theme-body .narrow-section\:w-2\/12{
width: 16.666667%;
}
.theme-body .theme-body .narrow-section\:w-2\/3{
width: 66.666667%;
}
.theme-body .theme-body .narrow-section\:w-2\/4{
width: 50%;
}
.theme-body .theme-body .narrow-section\:w-2\/5{
width: 40%;
}
.theme-body .theme-body .narrow-section\:w-2\/6{
width: 33.333333%;
}
.theme-body .theme-body .narrow-section\:w-3\/12{
width: 25%;
}
.theme-body .theme-body .narrow-section\:w-3\/4{
width: 75%;
}
.theme-body .theme-body .narrow-section\:w-3\/5{
width: 60%;
}
.theme-body .theme-body .narrow-section\:w-3\/6{
width: 50%;
}
.theme-body .theme-body .narrow-section\:w-4\/12{
width: 33.333333%;
}
.theme-body .theme-body .narrow-section\:w-4\/5{
width: 80%;
}
.theme-body .theme-body .narrow-section\:w-4\/6{
width: 66.666667%;
}
.theme-body .theme-body .narrow-section\:w-5\/12{
width: 41.666667%;
}
.theme-body .theme-body .narrow-section\:w-5\/6{
width: 83.333333%;
}
.theme-body .theme-body .narrow-section\:w-6\/12{
width: 50%;
}
.theme-body .theme-body .narrow-section\:w-7\/12{
width: 58.333333%;
}
.theme-body .theme-body .narrow-section\:w-8\/12{
width: 66.666667%;
}
.theme-body .theme-body .narrow-section\:w-9\/12{
width: 75%;
}
.theme-body .theme-body .narrow-section\:w-auto{
width: auto;
}
.theme-body .theme-body .narrow-section\:w-full{
width: 100%;
}
.theme-body .theme-body .narrow-section\:w-max{
width: -moz-max-content;
width: max-content;
}
.theme-body .theme-body .narrow-section\:w-min{
width: -moz-min-content;
width: min-content;
}
.theme-body .theme-body .narrow-section\:w-screen{
width: 100vw;
}
.theme-body .theme-body .narrow-section\:max-w-screen-narrow-section{
max-width: 1200px;
}
}
@media (min-width: 800px){
.theme-body .theme-body .menuSwitch\:static{
position: static;
}
.theme-body .theme-body .menuSwitch\:w-1\/12{
width: 8.333333%;
}
.theme-body .theme-body .menuSwitch\:w-1\/2{
width: 50%;
}
.theme-body .theme-body .menuSwitch\:w-1\/3{
width: 33.333333%;
}
.theme-body .theme-body .menuSwitch\:w-1\/4{
width: 25%;
}
.theme-body .theme-body .menuSwitch\:w-1\/5{
width: 20%;
}
.theme-body .theme-body .menuSwitch\:w-1\/6{
width: 16.666667%;
}
.theme-body .theme-body .menuSwitch\:w-10\/12{
width: 83.333333%;
}
.theme-body .theme-body .menuSwitch\:w-11\/12{
width: 91.666667%;
}
.theme-body .theme-body .menuSwitch\:w-2\/12{
width: 16.666667%;
}
.theme-body .theme-body .menuSwitch\:w-2\/3{
width: 66.666667%;
}
.theme-body .theme-body .menuSwitch\:w-2\/4{
width: 50%;
}
.theme-body .theme-body .menuSwitch\:w-2\/5{
width: 40%;
}
.theme-body .theme-body .menuSwitch\:w-2\/6{
width: 33.333333%;
}
.theme-body .theme-body .menuSwitch\:w-3\/12{
width: 25%;
}
.theme-body .theme-body .menuSwitch\:w-3\/4{
width: 75%;
}
.theme-body .theme-body .menuSwitch\:w-3\/5{
width: 60%;
}
.theme-body .theme-body .menuSwitch\:w-3\/6{
width: 50%;
}
.theme-body .theme-body .menuSwitch\:w-4\/12{
width: 33.333333%;
}
.theme-body .theme-body .menuSwitch\:w-4\/5{
width: 80%;
}
.theme-body .theme-body .menuSwitch\:w-4\/6{
width: 66.666667%;
}
.theme-body .theme-body .menuSwitch\:w-5\/12{
width: 41.666667%;
}
.theme-body .theme-body .menuSwitch\:w-5\/6{
width: 83.333333%;
}
.theme-body .theme-body .menuSwitch\:w-6\/12{
width: 50%;
}
.theme-body .theme-body .menuSwitch\:w-7\/12{
width: 58.333333%;
}
.theme-body .theme-body .menuSwitch\:w-8\/12{
width: 66.666667%;
}
.theme-body .theme-body .menuSwitch\:w-9\/12{
width: 75%;
}
.theme-body .theme-body .menuSwitch\:w-auto{
width: auto;
}
.theme-body .theme-body .menuSwitch\:w-full{
width: 100%;
}
.theme-body .theme-body .menuSwitch\:w-max{
width: -moz-max-content;
width: max-content;
}
.theme-body .theme-body .menuSwitch\:w-min{
width: -moz-min-content;
width: min-content;
}
.theme-body .theme-body .menuSwitch\:w-screen{
width: 100vw;
}
.theme-body .theme-body .menuSwitch\:opacity-100{
opacity: 1;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-1\/12{
width: 8.333333%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-1\/2{
width: 50%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-1\/3{
width: 33.333333%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-1\/4{
width: 25%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-1\/5{
width: 20%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-1\/6{
width: 16.666667%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-10\/12{
width: 83.333333%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-11\/12{
width: 91.666667%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-2\/12{
width: 16.666667%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-2\/3{
width: 66.666667%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-2\/4{
width: 50%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-2\/5{
width: 40%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-2\/6{
width: 33.333333%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-3\/12{
width: 25%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-3\/4{
width: 75%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-3\/5{
width: 60%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-3\/6{
width: 50%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-4\/12{
width: 33.333333%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-4\/5{
width: 80%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-4\/6{
width: 66.666667%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-5\/12{
width: 41.666667%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-5\/6{
width: 83.333333%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-6\/12{
width: 50%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-7\/12{
width: 58.333333%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-8\/12{
width: 66.666667%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-9\/12{
width: 75%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-auto{
width: auto;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-full{
width: 100%;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-max{
width: -moz-max-content;
width: max-content;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-min{
width: -moz-min-content;
width: min-content;
}
.theme-body .theme-body .menuSwitchToDesktop\:w-screen{
width: 100vw;
}
}
@media (min-width: 799px){
.theme-body .theme-body .menuSwitchToMobile\:w-1\/12{
width: 8.333333%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-1\/2{
width: 50%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-1\/3{
width: 33.333333%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-1\/4{
width: 25%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-1\/5{
width: 20%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-1\/6{
width: 16.666667%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-10\/12{
width: 83.333333%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-11\/12{
width: 91.666667%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-2\/12{
width: 16.666667%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-2\/3{
width: 66.666667%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-2\/4{
width: 50%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-2\/5{
width: 40%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-2\/6{
width: 33.333333%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-3\/12{
width: 25%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-3\/4{
width: 75%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-3\/5{
width: 60%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-3\/6{
width: 50%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-4\/12{
width: 33.333333%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-4\/5{
width: 80%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-4\/6{
width: 66.666667%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-5\/12{
width: 41.666667%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-5\/6{
width: 83.333333%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-6\/12{
width: 50%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-7\/12{
width: 58.333333%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-8\/12{
width: 66.666667%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-9\/12{
width: 75%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-auto{
width: auto;
}
.theme-body .theme-body .menuSwitchToMobile\:w-full{
width: 100%;
}
.theme-body .theme-body .menuSwitchToMobile\:w-max{
width: -moz-max-content;
width: max-content;
}
.theme-body .theme-body .menuSwitchToMobile\:w-min{
width: -moz-min-content;
width: min-content;
}
.theme-body .theme-body .menuSwitchToMobile\:w-screen{
width: 100vw;
}
}
@media (hover: none), (pointer: coarse){
.theme-body .theme-body .touch\:w-1\/12{
width: 8.333333%;
}
.theme-body .theme-body .touch\:w-1\/2{
width: 50%;
}
.theme-body .theme-body .touch\:w-1\/3{
width: 33.333333%;
}
.theme-body .theme-body .touch\:w-1\/4{
width: 25%;
}
.theme-body .theme-body .touch\:w-1\/5{
width: 20%;
}
.theme-body .theme-body .touch\:w-1\/6{
width: 16.666667%;
}
.theme-body .theme-body .touch\:w-10\/12{
width: 83.333333%;
}
.theme-body .theme-body .touch\:w-11\/12{
width: 91.666667%;
}
.theme-body .theme-body .touch\:w-2\/12{
width: 16.666667%;
}
.theme-body .theme-body .touch\:w-2\/3{
width: 66.666667%;
}
.theme-body .theme-body .touch\:w-2\/4{
width: 50%;
}
.theme-body .theme-body .touch\:w-2\/5{
width: 40%;
}
.theme-body .theme-body .touch\:w-2\/6{
width: 33.333333%;
}
.theme-body .theme-body .touch\:w-3\/12{
width: 25%;
}
.theme-body .theme-body .touch\:w-3\/4{
width: 75%;
}
.theme-body .theme-body .touch\:w-3\/5{
width: 60%;
}
.theme-body .theme-body .touch\:w-3\/6{
width: 50%;
}
.theme-body .theme-body .touch\:w-4\/12{
width: 33.333333%;
}
.theme-body .theme-body .touch\:w-4\/5{
width: 80%;
}
.theme-body .theme-body .touch\:w-4\/6{
width: 66.666667%;
}
.theme-body .theme-body .touch\:w-5\/12{
width: 41.666667%;
}
.theme-body .theme-body .touch\:w-5\/6{
width: 83.333333%;
}
.theme-body .theme-body .touch\:w-6\/12{
width: 50%;
}
.theme-body .theme-body .touch\:w-7\/12{
width: 58.333333%;
}
.theme-body .theme-body .touch\:w-8\/12{
width: 66.666667%;
}
.theme-body .theme-body .touch\:w-9\/12{
width: 75%;
}
.theme-body .theme-body .touch\:w-auto{
width: auto;
}
.theme-body .theme-body .touch\:w-full{
width: 100%;
}
.theme-body .theme-body .touch\:w-max{
width: -moz-max-content;
width: max-content;
}
.theme-body .theme-body .touch\:w-min{
width: -moz-min-content;
width: min-content;
}
.theme-body .theme-body .touch\:w-screen{
width: 100vw;
}
.theme-body .theme-body .touch\:delay-500{
transition-delay: 500ms;
}
}
@media (orientation: portrait){
.theme-body .theme-body .portrait\:aspect-1\/2{
aspect-ratio: 1 / 2;
}
.theme-body .theme-body .portrait\:aspect-16\/9{
aspect-ratio: 16 / 9;
}
.theme-body .theme-body .portrait\:aspect-2\/1{
aspect-ratio: 2 / 1;
}
.theme-body .theme-body .portrait\:aspect-3\/4{
aspect-ratio: 3 / 4;
}
.theme-body .theme-body .portrait\:aspect-4\/3{
aspect-ratio: 4 / 3;
}
.theme-body .theme-body .portrait\:aspect-9\/16{
aspect-ratio: 9 / 16;
}
.theme-body .theme-body .portrait\:aspect-square{
aspect-ratio: 1 / 1;
}
.theme-body .theme-body .portrait\:max-h-\[60vh\]{
max-height: 60vh;
}
.theme-body .theme-body .portrait\:min-h-\[min\(30vh\2c 800px\)\]{
min-height: min(30vh,800px);
}
.theme-body .theme-body .portrait\:min-h-\[min\(50vh\2c 1000px\)\]{
min-height: min(50vh,1000px);
}
.theme-body .theme-body .portrait\:min-h-\[min\(70vh\2c 1000px\)\]{
min-height: min(70vh,1000px);
}
}
@media (orientation: landscape){
.theme-body .theme-body .landscape\:aspect-1\/2{
aspect-ratio: 1 / 2;
}
.theme-body .theme-body .landscape\:aspect-16\/9{
aspect-ratio: 16 / 9;
}
.theme-body .theme-body .landscape\:aspect-2\/1{
aspect-ratio: 2 / 1;
}
.theme-body .theme-body .landscape\:aspect-3\/4{
aspect-ratio: 3 / 4;
}
.theme-body .theme-body .landscape\:aspect-4\/3{
aspect-ratio: 4 / 3;
}
.theme-body .theme-body .landscape\:aspect-9\/16{
aspect-ratio: 9 / 16;
}
.theme-body .theme-body .landscape\:aspect-square{
aspect-ratio: 1 / 1;
}
.theme-body .theme-body .landscape\:min-h-\[min\(100vh\2c 1600px\)\]{
min-height: min(100vh,1600px);
}
.theme-body .theme-body .landscape\:min-h-\[min\(30vh\2c 480px\)\]{
min-height: min(30vh,480px);
}
.theme-body .theme-body .landscape\:min-h-\[min\(60vh\2c 960px\)\]{
min-height: min(60vh,960px);
}
}
@media print{
.theme-body .theme-body .print\:hidden{
display: none;
}
}
.theme-body .theme-body :is(.\[\&_a\]\:underline a){
text-decoration-line: underline;
}
/*# sourceMappingURL=login.css.map */
