[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
display:none;
}
.wpcf7cf_repeater_sub {
margin-bottom: 20px;
}
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step { width: 100%;
}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
display: flex;
width: 100%;
margin-bottom: 20px;
flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
display: inline-block;
border-radius: 50%;
background: #dfdfdf;
color: #000000;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
border-bottom: 5px solid #dfdfdf;
text-align: center;
flex: 1;
padding: 15px;
min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
border-bottom: 5px solid #333;
font-weight: bold;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_step_controls .disabled {
pointer-events: none;
cursor: default;
opacity: .5;
} .wpcf7cf_repeater_sub_controls {
display: inline-flex;
gap: 4px;
margin: 4px 0;
align-items: center;
}.adf-filmstrip{
--adf-filmstrip-h:95px;
--adf-yellow:#FEEA0F;
--adf-depth:9px;
--adf-ease:cubic-bezier(.22,.8,.24,1);
--adf-ease-press:cubic-bezier(.2,.7,.2,1);
position:relative;
display:block;
width:100%;
height:var(--adf-filmstrip-h);
margin:0;
padding:0;
box-sizing:border-box;
line-height:0;
background:#000;
overflow:hidden;
perspective:1200px;
perspective-origin:50% 100%;
touch-action:none;
user-select:none;
-webkit-user-select:none;
}
.adf-filmstrip-board{
position:relative;
display:flex;
width:100%;
height:100%;
margin:0;
padding:0;
transform-style:preserve-3d;
background:#000;
}
.adf-filmstrip-key{
position:relative;
flex:1 1 0;
min-width:0;
height:100%;
margin:0;
padding:0;
border:0;
cursor:pointer;
appearance:none;
-webkit-appearance:none;
background:transparent;
transform:rotateX(0deg);
transform-style:preserve-3d; transform-origin:50% 0%;
transition:transform .28s var(--adf-ease);
will-change:transform;
}
.adf-filmstrip-face,
.adf-filmstrip-side,
.adf-filmstrip-lip{
position:absolute;
display:block;
pointer-events:none;
transform-style:preserve-3d;
backface-visibility:hidden;
}
.adf-filmstrip-face{
inset:0;
background:#fff;
box-shadow:
inset 1px 0 0 rgba(0,0,0,.07),
inset -1px 0 0 rgba(0,0,0,.07),
inset 0 1px 0 rgba(255,255,255,.55),
inset 0 -10px 14px rgba(0,0,0,.12);
transition:
background .28s var(--adf-ease),
box-shadow .28s var(--adf-ease),
filter .28s var(--adf-ease);
}
.adf-filmstrip-key.is-dark .adf-filmstrip-face{
background:#141414;
box-shadow:
inset 1px 0 0 rgba(255,255,255,.05),
inset -1px 0 0 rgba(0,0,0,.45),
inset 0 1px 0 rgba(255,255,255,.07),
inset 0 -10px 14px rgba(0,0,0,.55);
} .adf-filmstrip-side{
top:0;
width:var(--adf-depth);
height:100%;
transition:background .28s var(--adf-ease);
}
.adf-filmstrip-side.is-left{
left:0;
transform:rotateY(-90deg) translateZ(0);
transform-origin:left center;
background:linear-gradient(90deg,#ffffff 0%,#d8d8d8 100%);
}
.adf-filmstrip-side.is-right{
right:0;
transform:rotateY(90deg) translateZ(0);
transform-origin:right center;
background:linear-gradient(270deg,#ffffff 0%,#d0d0d0 100%);
}
.adf-filmstrip-key.is-dark .adf-filmstrip-side.is-left{
background:linear-gradient(90deg,#2c2c2c 0%,#121212 100%);
}
.adf-filmstrip-key.is-dark .adf-filmstrip-side.is-right{
background:linear-gradient(270deg,#2c2c2c 0%,#0a0a0a 100%);
} .adf-filmstrip-lip{
left:0;
right:0;
top:100%;
height:var(--adf-depth);
background:linear-gradient(180deg,#eaeaea 0%,#b8b8b8 100%);
transform:rotateX(-90deg);
transform-origin:50% 0%;
opacity:0;
transition:
opacity .22s var(--adf-ease),
background .28s var(--adf-ease);
}
.adf-filmstrip-key.is-dark .adf-filmstrip-lip{
background:linear-gradient(180deg,#222 0%,#0a0a0a 100%);
} .adf-filmstrip-key.is-near3{
transform:rotateX(4deg);
}
.adf-filmstrip-key.is-near2{
transform:rotateX(7deg);
}
.adf-filmstrip-key.is-near{
transform:rotateX(11deg);
}
.adf-filmstrip-key.is-near .adf-filmstrip-lip,
.adf-filmstrip-key.is-near2 .adf-filmstrip-lip{
opacity:.55;
}
.adf-filmstrip-key.is-near .adf-filmstrip-face,
.adf-filmstrip-key.is-near2 .adf-filmstrip-face,
.adf-filmstrip-key.is-near3 .adf-filmstrip-face{
filter:brightness(.97);
}
.adf-filmstrip-key.is-press,
.adf-filmstrip-key.is-hot{
transform:rotateX(16deg);
transition-duration:.14s;
transition-timing-function:var(--adf-ease-press);
z-index:3;
}
.adf-filmstrip-key.is-press .adf-filmstrip-face,
.adf-filmstrip-key.is-hot .adf-filmstrip-face{
background:var(--adf-yellow)!important;
box-shadow:
inset 0 2px 0 rgba(255,255,255,.5),
inset 0 -12px 18px rgba(0,0,0,.2),
0 0 12px rgba(254,234,15,.22);
filter:none;
transition-duration:.14s;
}
.adf-filmstrip-key.is-press .adf-filmstrip-side.is-left,
.adf-filmstrip-key.is-hot .adf-filmstrip-side.is-left{
background:linear-gradient(90deg,#fff3a0 0%,#d4b000 100%);
}
.adf-filmstrip-key.is-press .adf-filmstrip-side.is-right,
.adf-filmstrip-key.is-hot .adf-filmstrip-side.is-right{
background:linear-gradient(270deg,#fff3a0 0%,#c9a800 100%);
}
.adf-filmstrip-key.is-press .adf-filmstrip-lip,
.adf-filmstrip-key.is-hot .adf-filmstrip-lip{
opacity:1;
background:linear-gradient(180deg,#ffe566 0%,#a88800 100%);
transition-duration:.14s;
}
.adf-filmstrip:not(.is-interactive) .adf-filmstrip-key{
pointer-events:none;
cursor:default;
}
@media(max-width:1024px){
.adf-filmstrip{--adf-filmstrip-h:72px;--adf-depth:7px}
.adf-filmstrip-key.is-press,
.adf-filmstrip-key.is-hot{transform:rotateX(14deg)}
}
@media(max-width:767px){
.adf-filmstrip{--adf-filmstrip-h:48px;--adf-depth:5px}
.adf-filmstrip-key.is-press,
.adf-filmstrip-key.is-hot{transform:rotateX(12deg)}
}
@media(prefers-reduced-motion:reduce){
.adf-filmstrip-key,
.adf-filmstrip-face,
.adf-filmstrip-side,
.adf-filmstrip-lip{
transition:none!important;
transform:none!important;
}
.adf-filmstrip-side,
.adf-filmstrip-lip{display:none}
}