@keyframes slideIn {
from {
transform: translateX(6px);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
} .editor-styles-wrapper .wp-block-post-content {
max-width: 820px;
margin-left: auto;
margin-right: auto;
line-height: 1.65;
}
@media (max-width: 640px) {
.editor-styles-wrapper .wp-block-post-content {
line-height: 1.5;
}
}
.editor-sidebar__panel .components-input-control__input {
min-height: 40px !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
.edit-post-visual-editor .components-button.has-icon {
justify-content: left;
}
.ol-bold {
font-weight: 600;
}
.oltana-toggle {
position: relative;
margin-top: 3px;
height: 30px;
}
.oltana-toggle .components-toggle-control__label {
position: absolute;
font-size: 0.69rem;
color: #999;
left: 23px;
top: 5px;
}
.oltana-toggle .components-form-toggle__track {
border-radius: 15px;
width: 54px;
height: 24px;
border: 1px solid #777;
}
.oltana-toggle .components-form-toggle__thumb {
top: 6px;
left: 6px;
background-color: #555;
border: 5px solid #555;
}
.oltana-toggle .components-form-toggle.is-checked + .components-toggle-control__label {
left: 12px;
color: #fff;
font-weight: bold;
}
.oltana-toggle .components-form-toggle.is-checked .components-form-toggle__thumb {
transform: translateX(30px);
}
.oltana-toggle .components-flex {
margin-bottom: 0;
}
.oltana-toggle .components-flex .components-toggle-control__label {
top: 4px;
}
.oltana-label-description {
font-size: 10px;
color: #999;
line-height: 1.3;
margin-top: 6px;
margin-bottom: 12px;
letter-spacing: 0.06rem;
}
.components-radio-control:not(.a--oltana-radio) .components-base-control__field .components-radio-control__option {
margin-bottom: 6px;
}
.color-block-support-panel__inner-wrapper .components-flex {
margin-bottom: 0 !important;
}
.o--oltana-inspector .ol-oltana-child-item {
margin-left: 15px;
}
.o--oltana-inspector .ol-oltana-child-item .components-base-control__label {
font-size: 0.75rem;
}
.o--oltana-inspector .components-flex.components-input-base {
margin-bottom: 0 !important;
}
.o--oltana-inspector .components-panel__body > .components-base-control {
margin-top: 0.625rem;
}
.o--oltana-inspector .components-panel__body > .components-base-control:first-of-type {
margin-top: 1.25rem;
}
.o--oltana-inspector .components-base-control__label {
display: block;
margin: 1rem 0;
font-size: 0.8125rem;
}
.o--oltana-inspector .components-base-control__field {
margin-bottom: 1.25rem;
}
.o--oltana-inspector .components-base-control__field > .components-base-control__label {
font-weight: 500;
}
.o--oltana-inspector .block-editor-url-input .components-base-control__field {
margin-bottom: 0;
}
.o--oltana-inspector .a--inspector-item-border {
display: flex;
align-items: center;
border-top: 1px solid #ddd;
margin: 1.5625rem 0;
}
.o--oltana-inspector .a--fullwidth-image img {
width: 100%;
max-width: 100%;
}
.o--oltana-inspector .a--fullwidth-image-button {
display: flex;
margin-top: 9px;
margin-bottom: 1.8rem;
}
.o--oltana-inspector .a--fullwidth-image-button .components-button {
flex: 1;
text-align: center;
display: block;
font-size: 11px;
padding: 6px 12px;
color: #407fed;
border: 1px solid #407fed;
border-radius: 3px;
background: rgba(64, 179, 237, 0.05);
}
.o--oltana-inspector .a--fullwidth-image-button .components-button.removeImage {
flex: 0.618;
border: 1px solid #666666;
color: #666666;
text-decoration: none;
margin-left: 6px;
background: #efefef;
}
.o--oltana-inspector .a--fullwidth-image-button .components-button .jif {
vertical-align: text-top;
margin-right: 4px;
}
.o--oltana-inspector .a--fullwidth-image-button .components-button .jif::before {
font-size: 1.3em;
}
.o--oltana-inspector .components-radio-control:not(.a--oltana-radio) .components-base-control__field .a--oltana-item {
border: 1px solid transparent;
border-radius: 3px;
padding: 9px;
box-shadow: 0 2px 6px 0px rgba(170, 170, 170, 0.15);
}
.o--oltana-inspector .components-radio-control:not(.a--oltana-radio) .components-base-control__field input[type=radio]:checked + label .a--oltana-item {
border-color: #407fed;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio .components-base-control__field {
display: flex;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio .components-base-control__field .components-flex {
gap: 0;
flex-direction: initial;
margin-bottom: 0;
width: 100%;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio .components-base-control__field .components-radio-control__option {
width: 100%;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio .components-base-control__field .components-radio-control__option label {
width: inherit;
text-align: center;
display: block;
font-size: 0.625rem;
padding: 4px 6px;
color: #407fed;
border-top: 1px solid #407fed;
border-bottom: 1px solid #407fed;
border-left: 1px solid #407fed;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio .components-base-control__field .components-radio-control__option:first-of-type label {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio .components-base-control__field .components-radio-control__option:last-child label {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-right: 1px solid #407fed;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio .components-base-control__field input[type=radio] {
display: none;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio .components-base-control__field input[type=radio]:checked + label {
background: #407fed;
font-weight: bold;
color: #fff;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio.a--radio-flex .components-base-control__field .components-flex {
flex-wrap: wrap;
justify-content: flex-start;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio.a--radio-flex .components-base-control__field .components-radio-control__option {
flex: 0 1 auto;
flex-basis: 50%;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio.a--radio-flex .components-base-control__field .components-radio-control__option label {
text-align: center;
display: block;
font-size: 0.625rem;
padding: 4px 6px;
color: #407fed;
border-bottom: 1px solid #407fed;
border-left: 1px solid #407fed;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio.a--radio-flex .components-base-control__field .components-radio-control__option:first-of-type label {
border-bottom-left-radius: 0;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio.a--radio-flex .components-base-control__field .components-radio-control__option:last-of-type label {
border-top-right-radius: 0;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio.a--radio-flex .components-base-control__field .components-radio-control__option:nth-of-type(2) label {
border-top-right-radius: 3px;
border-right: 1px solid #407fed;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio.a--radio-flex .components-base-control__field .components-radio-control__option:nth-of-type(3) label {
border-bottom-left-radius: 3px;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio.a--radio-flex .components-base-control__field .components-radio-control__option:nth-of-type(3) label, .o--oltana-inspector .components-radio-control.a--oltana-radio.a--radio-flex .components-base-control__field .components-radio-control__option:nth-of-type(4) label {
border-top: 0;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio.t--cannot-select .components-radio-control__option label {
color: #242426;
border-top: 1px solid #242426;
border-bottom: 1px solid #242426;
border-left: 1px solid #242426;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio.t--cannot-select .components-radio-control__option:last-child label {
border-right: 1px solid #242426;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio.t--cannot-select .components-radio-control__option input[type=radio]:checked + label {
background: #242426;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio.ol-arrow-iconlist .components-base-control__field .components-flex {
flex-wrap: wrap;
justify-content: flex-start;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio.ol-arrow-iconlist .components-base-control__field .components-radio-control__option {
flex: 0 1 auto;
flex-basis: 16.666%;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio.ol-arrow-iconlist .components-base-control__field .components-radio-control__option label {
text-align: center;
display: block;
font-size: 0.625rem;
padding: 4px 6px;
color: #407fed;
border-bottom: 1px solid #407fed;
border-left: 1px solid #407fed;
border-top: 0;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio.ol-arrow-iconlist .components-base-control__field .components-radio-control__option:first-of-type label {
border-bottom-left-radius: 0;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio.ol-arrow-iconlist .components-base-control__field .components-radio-control__option:last-of-type label {
border-top-right-radius: 0;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio.ol-arrow-iconlist .components-base-control__field .components-radio-control__option:nth-of-type(6) label {
border-top-right-radius: 3px;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio.ol-arrow-iconlist .components-base-control__field .components-radio-control__option:nth-of-type(18) label {
border-bottom-right-radius: 3px;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio.ol-arrow-iconlist .components-base-control__field .components-radio-control__option:nth-of-type(13) label {
border-bottom-left-radius: 3px;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio.ol-arrow-iconlist .components-base-control__field .components-radio-control__option:nth-of-type(6n) label {
border-right: 1px solid #407fed;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio.ol-arrow-iconlist .components-base-control__field .components-radio-control__option:nth-of-type(1) label, .o--oltana-inspector .components-radio-control.a--oltana-radio.ol-arrow-iconlist .components-base-control__field .components-radio-control__option:nth-of-type(2) label, .o--oltana-inspector .components-radio-control.a--oltana-radio.ol-arrow-iconlist .components-base-control__field .components-radio-control__option:nth-of-type(3) label, .o--oltana-inspector .components-radio-control.a--oltana-radio.ol-arrow-iconlist .components-base-control__field .components-radio-control__option:nth-of-type(4) label, .o--oltana-inspector .components-radio-control.a--oltana-radio.ol-arrow-iconlist .components-base-control__field .components-radio-control__option:nth-of-type(5) label, .o--oltana-inspector .components-radio-control.a--oltana-radio.ol-arrow-iconlist .components-base-control__field .components-radio-control__option:nth-of-type(6) label {
border-top: 1px solid #407fed;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio-image .components-base-control__field {
display: flex;
flex-wrap: wrap;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio-image .components-base-control__field .components-flex {
gap: 0;
flex-direction: initial;
flex-wrap: wrap;
width: 100%;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio-image .components-base-control__field .components-radio-control__option {
width: 50%;
padding: 3px;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio-image .components-base-control__field .components-radio-control__option label {
text-align: center;
display: block;
box-sizing: border-box;
border: 1px solid transparent;
padding: 3px;
border-radius: 3px;
box-shadow: 0 2px 6px 0px rgba(170, 170, 170, 0.15);
}
.o--oltana-inspector .components-radio-control.a--oltana-radio-image .components-base-control__field input[type=radio] {
display: none;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio-image .components-base-control__field input[type=radio]:checked + label {
border: 1px solid #407fed;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio-image.t--cannot-select .components-radio-control__option label {
color: #242426;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio-image.t--cannot-select .components-radio-control__option input[type=radio]:checked + label {
background: #242426;
}
.o--oltana-inspector .ol-list-horizon {
margin-bottom: 0 !important;
}
.o--oltana-inspector .ol-list-horizon:last-of-type {
margin-bottom: 18px !important;
}
.o--oltana-inspector .ol-list-horizon .components-base-control__field {
align-items: baseline;
}
.o--oltana-inspector .ol-list-horizon .components-base-control__field > label:first-child {
font-size: 11px;
margin-right: 12px;
width: 27px;
}
.o--oltana-inspector .components-flex-item .components-spacer {
margin-top: 0;
margin-bottom: 0;
}
.block-editor-block-inspector .block-editor-block-card__content,
.block-editor-block-inspector .block-editor-block-card__title {
margin-bottom: 0;
}
.block-editor-block-inspector .block-editor-block-card__title {
font-weight: bold;
color: #407fed;
}
.block-editor-block-inspector .block-editor-block-icon.has-colors svg {
fill: #407fed;
}
.block-editor-block-inspector .block-editor-block-card__description {
display: block;
line-height: 1.5;
font-size: 0.65rem;
margin-top: 0.625rem;
letter-spacing: 0.01rem;
}
.block-editor-block-inspector .components-base-control {
margin-bottom: 0.625rem;
}
.block-editor-block-inspector .components-base-control__label {
display: block;
margin-bottom: 6px;
text-transform: capitalize;
}
.block-editor-block-inspector .components-select-control__input,
.block-editor-block-inspector .components-text-control__input {
min-height: 40px !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
.block-editor-block-inspector .block-editor-url-input input[type=text] {
width: 100%;
border-radius: 4px;
}
.block-editor-block-inspector .components-flex {
margin-bottom: 21px;
}
.block-editor-block-inspector .components-custom-gradient-picker__ui-line,
.block-editor-block-inspector .components-angle-picker-control,
.block-editor-block-inspector .components-h-stack,
.block-editor-block-inspector .components-input-control,
.block-editor-block-inspector .components-color-palette__custom-color {
margin-bottom: 0px;
}
.block-editor-block-inspector .components-color-palette__custom-color {
margin-top: 0.625rem;
}
.block-editor-block-inspector .components-circular-option-picker__custom-clear-wrapper {
margin-bottom: -15px;
}
.oltana-editor-admin-style .components-base-control__label {
font-size: 12px;
letter-spacing: 0.09rem;
font-weight: 400;
text-transform: none;
margin-top: 12px;
}
.oltana-editor-admin-style .components-base-control .components-input-control__container {
margin-bottom: 9px;
}
.oltana-editor-admin-style .components-base-control .components-textarea-control__input {
margin-bottom: 18px;
}
.interface-interface-skeleton__content .editor-styles-wrapper {
font-size: clamp(0.96875rem, 0.96875rem + 0vw, 0.96875rem);
font-weight: 300;
line-height: 2.4;
letter-spacing: 0.12rem;
}
@media (min-width: 1729px) {
.interface-interface-skeleton__content .editor-styles-wrapper {
font-size: clamp(0.96875rem, -0.7562435633rem + 1.596292482vw, 1.9375rem);
}
}
.interface-interface-skeleton__content .editor-styles-wrapper p {
line-height: 2.4;
letter-spacing: 0.12rem;
margin-top: clamp(48px, 4.8vw, 48px);
margin-bottom: clamp(48px, 4.8vw, 48px);
}
@media (min-width: 1729px) {
.interface-interface-skeleton__content .editor-styles-wrapper p {
margin-top: clamp(48px, 3vw, 96px);
margin-bottom: clamp(48px, 3vw, 96px);
}
}
@media (max-width: 640px) {
.interface-interface-skeleton__content .editor-styles-wrapper p {
line-height: 2.15;
}
}
.interface-interface-skeleton__content .editor-styles-wrapper strong,
.interface-interface-skeleton__content .editor-styles-wrapper b {
font-weight: 600;
}
.interface-interface-skeleton__content .editor-styles-wrapper a {
text-decoration: underline;
text-underline-offset: 5px;
text-decoration-thickness: 1px;
}
.interface-interface-skeleton__content .editor-styles-wrapper .oltana-list {
padding-left: 0;
}
.wp-block-image {
margin-top: clamp(48px, 4.8vw, 48px);
margin-bottom: clamp(48px, 4.8vw, 48px);
}
@media (min-width: 1729px) {
.wp-block-image {
margin-top: clamp(48px, 3vw, 96px);
margin-bottom: clamp(48px, 3vw, 96px);
}
}
.wp-block-image img {
width: inherit;
height: inherit;
}
.oltana-list {
list-style-type: none;
margin-top: clamp(48px, 4.8vw, 48px);
margin-bottom: clamp(48px, 4.8vw, 48px);
}
@media (min-width: 1729px) {
.oltana-list {
margin-top: clamp(48px, 3vw, 96px);
margin-bottom: clamp(48px, 3vw, 96px);
}
}
@media (max-width: 640px) {
.oltana-list {
padding-left: 0;
}
}
.oltana-list li {
position: relative;
margin: 24px 0;
}
.oltana-list li:first-of-type {
margin-top: 0;
}
.oltana-list li:last-of-type {
margin-bottom: 0;
}
.oltana-list ol,
.oltana-list ul {
padding: 0;
margin-top: 27px;
margin-bottom: 27px;
margin-left: 6px;
}
ul.oltana-list {
counter-reset: item;
}
ul.oltana-list li {
padding-left: clamp(21px, 1.95em, 36px);
}
@media (min-width: 1729px) {
ul.oltana-list li {
padding-left: clamp(36px, 2.5em, 60px);
}
}
ul.oltana-list li::after {
position: absolute;
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
line-height: 0;
left: 6px;
top: clamp(9px, 1vw, 11px);
}
@media (min-width: 1729px) {
ul.oltana-list li::after {
left: clamp(6px, 1.25vw, 12px);
top: clamp(11px, 0.6em, 22px);
width: clamp(6px, 0.57em, 12px);
height: clamp(6px, 0.57em, 12px);
}
}
ul.oltana-list li ul {
counter-reset: sub-item;
}
ul.oltana-list li ul li {
padding-left: clamp(30px, 2em, 36px);
}
@media (min-width: 1729px) {
ul.oltana-list li ul li {
padding-left: clamp(36px, 2em, 72px);
}
}
ul.oltana-list li ul li::after {
width: 9px;
height: 1px;
border-radius: 0;
top: clamp(12px, 1.5vw, 14px);
left: clamp(7px, 1.2vw, 9px);
}
@media (min-width: 1729px) {
ul.oltana-list li ul li::after {
width: clamp(9px, 0.75vw, 27px);
top: clamp(14px, 0.85em, 28px);
left: 10px;
}
}
ul.oltana-list li ol {
counter-reset: sub-item;
}
ul.oltana-list li ol > li {
padding-left: clamp(30px, 2em, 36px);
}
@media (min-width: 1729px) {
ul.oltana-list li ol > li {
padding-left: clamp(36px, 2em, 72px);
}
}
ul.oltana-list li ol > li::after {
font-size: 0.9em;
counter-increment: sub-item;
content: counter(sub-item) ".";
background-color: transparent;
}
ul.oltana-list li ol > li::before {
display: none;
}
ul.oltana-list li ol > li ul {
counter-reset: sub-item;
}
ul.oltana-list li ol > li ul > li {
padding-left: clamp(30px, 2em, 36px);
}
@media (min-width: 1729px) {
ul.oltana-list li ol > li ul > li {
padding-left: clamp(36px, 2em, 72px);
}
}
ul.oltana-list li ol > li ul > li::after {
width: 9px;
height: 1px;
border-radius: 0;
top: clamp(12px, 1.5vw, 14px);
left: clamp(7px, 1.2vw, 9px);
}
@media (min-width: 1729px) {
ul.oltana-list li ol > li ul > li::after {
width: clamp(9px, 0.75vw, 27px);
top: clamp(14px, 0.85em, 28px);
left: 10px;
}
}
ol.oltana-list {
counter-reset: item;
}
ol.oltana-list li {
padding-left: clamp(21px, 1.95em, 36px);
}
@media (min-width: 1729px) {
ol.oltana-list li {
padding-left: clamp(36px, 2.5em, 60px);
}
}
ol.oltana-list li::before {
position: absolute;
content: "";
width: 19px;
height: 19px;
border-radius: 50%;
left: 0px;
top: 4px;
}
@media (min-width: 1729px) {
ol.oltana-list li::before {
width: clamp(19px, 1.5em, 38px);
height: clamp(19px, 1.5em, 38px);
top: clamp(3px, 0.18vw, 7px);
}
}
@media (max-width: 640px) {
ol.oltana-list li::before {
top: 2px;
}
}
ol.oltana-list li::after {
position: absolute;
z-index: 0;
width: 20px;
height: 20px;
text-align: center;
counter-increment: item;
content: counter(item);
color: #fff;
line-height: 0;
left: 0px;
top: 13px;
font-size: 0.66em;
letter-spacing: 0;
font-weight: 500;
}
@media (min-width: 1729px) {
ol.oltana-list li::after {
width: clamp(20px, 2em, 44px);
height: clamp(20px, 2em, 44px);
top: clamp(16px, 1.15em, 25px);
}
}
@media (max-width: 640px) {
ol.oltana-list li::after {
top: 11px;
}
}
ol.oltana-list li ol {
counter-reset: sub-item;
}
ol.oltana-list li ol li {
padding-left: clamp(30px, 2em, 36px);
}
@media (min-width: 1729px) {
ol.oltana-list li ol li {
padding-left: clamp(36px, 2em, 72px);
}
}
ol.oltana-list li ol li::after {
font-size: 0.9em;
counter-increment: sub-item;
content: counter(sub-item) ".";
}
ol.oltana-list li ol li::before {
display: none;
}
ol.oltana-list li ol li ul {
counter-reset: sub-item;
}
ol.oltana-list li ol li ul li {
padding-left: clamp(30px, 2em, 36px);
}
@media (min-width: 1729px) {
ol.oltana-list li ol li ul li {
padding-left: clamp(36px, 2em, 72px);
}
}
ol.oltana-list li ol li ul li::after {
width: 9px;
height: 1px;
border-radius: 0;
top: clamp(12px, 1.5vw, 14px);
left: clamp(7px, 1.2vw, 9px);
}
@media (min-width: 1729px) {
ol.oltana-list li ol li ul li::after {
width: clamp(9px, 0.75vw, 27px);
top: clamp(14px, 0.85em, 28px);
left: 10px;
}
}
ol.oltana-list li ol li ul li::before {
display: none;
}
ol.oltana-list li ul {
counter-reset: sub-item;
}
ol.oltana-list li ul li {
padding-left: clamp(30px, 2em, 36px);
}
@media (min-width: 1729px) {
ol.oltana-list li ul li {
padding-left: clamp(36px, 2em, 72px);
}
}
ol.oltana-list li ul li::after {
counter-increment: sub-item;
position: absolute;
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
line-height: 0;
left: 9px;
top: clamp(9px, 1vw, 11px);
}
@media (min-width: 1729px) {
ol.oltana-list li ul li::after {
left: clamp(6px, 1.25vw, 12px);
top: clamp(11px, 0.6em, 22px);
width: clamp(6px, 0.57em, 12px);
height: clamp(6px, 0.57em, 12px);
}
}
ol.oltana-list li ul li::before {
display: none;
}
ol.oltana-list li ul li ul {
counter-reset: sub-item;
}
ol.oltana-list li ul li ul li {
padding-left: clamp(30px, 2em, 36px);
}
@media (min-width: 1729px) {
ol.oltana-list li ul li ul li {
padding-left: clamp(36px, 2em, 72px);
}
}
ol.oltana-list li ul li ul li::after {
width: 9px;
height: 1px;
border-radius: 0;
top: clamp(12px, 1.5vw, 14px);
left: clamp(7px, 1.2vw, 9px);
}
@media (min-width: 1729px) {
ol.oltana-list li ul li ul li::after {
width: clamp(9px, 0.75vw, 27px);
top: clamp(14px, 0.85em, 28px);
left: 10px;
}
}
ol.oltana-list li ul li ul li::before {
display: none;
}
ol.oltana-list li ul li ol {
counter-reset: sub-item;
}
ol.oltana-list li ul li ol li {
padding-left: clamp(30px, 2em, 36px);
}
@media (min-width: 1729px) {
ol.oltana-list li ul li ol li {
padding-left: clamp(36px, 2em, 72px);
}
}
ol.oltana-list li ul li ol li::after {
font-size: 0.9em;
counter-increment: sub-item;
content: counter(sub-item) ".";
top: 13px;
}
@media (min-width: 1729px) {
ol.oltana-list li ul li ol li::after {
top: clamp(16px, 1.15em, 25px);
}
}
@media (max-width: 640px) {
ol.oltana-list li ul li ol li::after {
top: 11px;
}
}
ol.oltana-list li ul li ol li::before {
display: none;
}
.oltana-list.is-style-oltana-checkmark li,
.oltana-list.is-style-oltana-checkmark-square li {
position: relative;
padding-left: clamp(24px, 3vw, 30px);
}
@media (min-width: 1729px) {
.oltana-list.is-style-oltana-checkmark li,
.oltana-list.is-style-oltana-checkmark-square li {
padding-left: clamp(30px, 3vw, 60px);
}
}
.oltana-list.is-style-oltana-checkmark li::after,
.oltana-list.is-style-oltana-checkmark-square li::after {
position: absolute;
font-family: "oltana-icons";
left: 0px;
top: clamp(11px, 1.4vw, 13px);
background-color: transparent;
width: 0;
height: 0;
font-size: clamp(16px, 1.8vw, 17px);
line-height: 0;
}
@media (min-width: 1729px) {
.oltana-list.is-style-oltana-checkmark li::after,
.oltana-list.is-style-oltana-checkmark-square li::after {
left: 9px;
top: clamp(13px, 1.4vw, 22px);
font-size: clamp(17px, 1.8vw, 27px);
}
}
.oltana-list.is-style-oltana-checkmark-square li::after {
content: "\e969";
}
.oltana-list.is-style-oltana-checkmark li::after {
content: "\e96b";
}
h1.wp-block-post-title {
display: block;
max-width: 820px;
font-size: 33px;
font-weight: 500;
line-height: 1.5;
margin-top: clamp(24px, 3.3vw, 30px);
margin-bottom: clamp(30px, 3.6vw, 48px);
}
@media (min-width: 1729px) {
h1.wp-block-post-title {
margin-top: clamp(30px, 2.25vw, 60px);
}
}
@media (min-width: 1729px) {
h1.wp-block-post-title {
margin-bottom: clamp(48px, 3vw, 96px);
}
}
@media (max-width: 640px) {
h1.wp-block-post-title {
font-size: 24px;
font-weight: 500;
line-height: 1.65;
}
}
h2.wp-block-heading {
margin-top: clamp(63px, 6vw, 84px);
margin-bottom: clamp(48px, 4.8vw, 48px);
font-size: clamp(1.6875rem, 1.7368060628rem + -0.219138057vw, 1.5rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
padding-top: clamp(24px, 3.3vw, 30px);
padding-bottom: clamp(6px, 1vw, 12px);
box-sizing: border-box;
border-top-style: solid;
border-top-width: 3px;
}
@media (min-width: 1729px) {
h2.wp-block-heading {
margin-top: clamp(84px, 6vw, 168px);
}
}
@media (min-width: 1729px) {
h2.wp-block-heading {
margin-bottom: clamp(48px, 3vw, 96px);
}
}
@media (min-width: 1729px) {
h2.wp-block-heading {
font-size: clamp(1.5rem, -1.1709577755rem + 2.4716786818vw, 3rem);
}
}
@media (min-width: 1729px) {
h2.wp-block-heading {
padding-top: clamp(30px, 2.25vw, 60px);
}
}
@media (min-width: 1729px) {
h2.wp-block-heading {
padding-bottom: clamp(12px, 0.75vw, 24px);
}
}
@media (max-width: 640px) {
h2.wp-block-heading {
font-size: 22px;
line-height: 1.5;
}
}
h3.wp-block-heading {
margin-top: clamp(48px, 4.5vw, 63px);
margin-bottom: clamp(48px, 4.8vw, 48px);
font-size: clamp(1.3125rem, 1.3125rem + 0vw, 1.3125rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
padding-left: clamp(24px, 3.3vw, 30px);
padding-top: clamp(6px, 1vw, 12px);
padding-bottom: clamp(6px, 1vw, 12px);
box-sizing: border-box;
position: relative;
}
@media (min-width: 1729px) {
h3.wp-block-heading {
margin-top: clamp(63px, 4.5vw, 126px);
}
}
@media (min-width: 1729px) {
h3.wp-block-heading {
margin-bottom: clamp(48px, 3vw, 96px);
}
}
@media (min-width: 1729px) {
h3.wp-block-heading {
font-size: clamp(1.3125rem, -1.0245880536rem + 2.1627188465vw, 2.625rem);
}
}
@media (min-width: 1729px) {
h3.wp-block-heading {
padding-left: clamp(30px, 2.25vw, 60px);
}
}
@media (min-width: 1729px) {
h3.wp-block-heading {
padding-top: clamp(12px, 0.75vw, 24px);
padding-bottom: clamp(12px, 0.75vw, 24px);
}
}
h3.wp-block-heading::before {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%);
height: clamp(57px, 6vw, 69px);
width: 1px;
}
h3.wp-block-heading::before {
left: 0;
}
@media (max-width: 640px) {
h3.wp-block-heading {
font-size: 20px;
line-height: 1.5;
}
}
h4.wp-block-heading {
margin-top: clamp(48px, 4.8vw, 48px);
margin-bottom: clamp(48px, 4.8vw, 48px);
font-size: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
padding-bottom: clamp(12px, 1.8vw, 18px);
padding-top: clamp(12px, 1.8vw, 18px);
box-sizing: border-box;
border-bottom-width: 1px;
border-bottom-style: solid;
}
@media (min-width: 1729px) {
h4.wp-block-heading {
margin-top: clamp(48px, 3vw, 96px);
}
}
@media (min-width: 1729px) {
h4.wp-block-heading {
margin-bottom: clamp(48px, 3vw, 96px);
}
}
@media (min-width: 1729px) {
h4.wp-block-heading {
font-size: clamp(1.125rem, -0.8782183316rem + 1.8537590113vw, 2.25rem);
}
}
@media (min-width: 1729px) {
h4.wp-block-heading {
padding-bottom: clamp(18px, 0.9vw, 36px);
padding-top: clamp(18px, 0.9vw, 36px);
}
}
@media (max-width: 640px) {
h4.wp-block-heading {
font-size: 18px;
line-height: 1.5;
}
}
.ol-block__box {
margin-top: clamp(48px, 4.8vw, 48px);
margin-bottom: clamp(48px, 4.8vw, 48px);
min-height: 30px;
border-radius: 0px;
padding: clamp(39px, 4.5vw, 51px);
}
@media (min-width: 1729px) {
.ol-block__box {
margin-top: clamp(48px, 3vw, 96px);
margin-bottom: clamp(48px, 3vw, 96px);
}
}
@media (min-width: 1729px) {
.ol-block__box {
padding: clamp(51px, 4.5vw, 90px);
}
}
.ol-block__box .ol-block__box-inner p,
.ol-block__box .block-editor-block-list__layout p {
margin-top: clamp(24px, 3.3vw, 30px);
margin-bottom: clamp(24px, 3.3vw, 30px);
line-height: 1.95;
}
@media (min-width: 1729px) {
.ol-block__box .ol-block__box-inner p,
.ol-block__box .block-editor-block-list__layout p {
margin-top: clamp(30px, 2.25vw, 60px);
margin-bottom: clamp(30px, 2.25vw, 60px);
}
}
.ol-block__box .ol-block__box-inner p:first-child,
.ol-block__box .block-editor-block-list__layout p:first-child {
margin-top: 0;
}
.ol-block__box .ol-block__box-inner p:last-child,
.ol-block__box .block-editor-block-list__layout p:last-child {
margin-bottom: 0;
}
.ol-block__box .ol-block__box-inner .wpcf7 p,
.ol-block__box .block-editor-block-list__layout .wpcf7 p {
line-height: 2.4;
letter-spacing: 0.12rem;
margin-top: clamp(48px, 4.8vw, 48px);
margin-bottom: clamp(48px, 4.8vw, 48px);
}
@media (min-width: 1729px) {
.ol-block__box .ol-block__box-inner .wpcf7 p,
.ol-block__box .block-editor-block-list__layout .wpcf7 p {
margin-top: clamp(48px, 3vw, 96px);
margin-bottom: clamp(48px, 3vw, 96px);
}
}
@media (max-width: 640px) {
.ol-block__box .ol-block__box-inner .wpcf7 p,
.ol-block__box .block-editor-block-list__layout .wpcf7 p {
line-height: 2.15;
}
}
.ol-block__box .ol-block__box-inner .wpcf7 p:first-of-type,
.ol-block__box .block-editor-block-list__layout .wpcf7 p:first-of-type {
margin-top: 0;
}
.ol-block__box .ol-block__box-inner .wpcf7 p:last-of-type,
.ol-block__box .block-editor-block-list__layout .wpcf7 p:last-of-type {
margin-bottom: 0;
}
.ol-block__box .ol-block__box-inner ul.oltana-list ol, .ol-block__box .ol-block__box-inner ul.oltana-list ul, .ol-block__box .ol-block__box-inner ol.oltana-list ol, .ol-block__box .ol-block__box-inner ol.oltana-list ul,
.ol-block__box .block-editor-block-list__layout ul.oltana-list ol,
.ol-block__box .block-editor-block-list__layout ul.oltana-list ul,
.ol-block__box .block-editor-block-list__layout ol.oltana-list ol,
.ol-block__box .block-editor-block-list__layout ol.oltana-list ul {
margin-top: 27px;
margin-bottom: 27px;
}
.ol-block__box .ol-block__box-inner > ul, .ol-block__box .ol-block__box-inner ol,
.ol-block__box .block-editor-block-list__layout > ul,
.ol-block__box .block-editor-block-list__layout ol {
padding-top: 0;
padding-bottom: 0;
}
.ol-block__box .ol-block__box-inner > ul:first-child, .ol-block__box .ol-block__box-inner ol:first-child,
.ol-block__box .block-editor-block-list__layout > ul:first-child,
.ol-block__box .block-editor-block-list__layout ol:first-child {
padding-left: 0;
padding-right: 0;
margin-top: 0;
}
.ol-block__box .ol-block__box-inner > ul:last-child, .ol-block__box .ol-block__box-inner ol:last-child,
.ol-block__box .block-editor-block-list__layout > ul:last-child,
.ol-block__box .block-editor-block-list__layout ol:last-child {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.ol-block__box .ol-block__box-title {
margin-bottom: clamp(33px, 4.2vw, 42px);
font-size: clamp(0.96875rem, 0.9276616143rem + 0.1826150475vw, 1.125rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
min-width: 50px;
box-sizing: border-box;
position: relative;
z-index: 0;
line-height: 1.4;
font-weight: 500;
}
@media (min-width: 1729px) {
.ol-block__box .ol-block__box-title {
font-size: clamp(1.125rem, -0.8782183316rem + 1.8537590113vw, 2.25rem);
}
}
@media (max-width: 640px) {
.ol-block__box .ol-block__box-title {
font-weight: 600;
}
}
.ol-simple-box1 {
border-style: solid;
}
.ol-simple-box2 {
position: relative;
border-style: solid;
z-index: 0;
}
.ol-simple-box2::before {
content: "";
width: calc(100% - 8px);
height: calc(100% - 8px);
position: absolute;
top: 4px;
left: 4px;
z-index: -1;
border: 1px solid;
border-radius: 2px;
box-sizing: border-box;
}
.ol-simple-box3 {
border-top-style: solid;
border-bottom-style: solid;
border-radius: 0;
}
.ol-simple-box4 {
position: relative;
}
.ol-simple-box4::before {
content: "";
background-position: left top, left bottom, left top, right top;
background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
}
.ol-simple-box4::before {
background-size: 8px 1px;
}
.ol-simple-box5 {
position: relative;
z-index: 0;
}
.ol-blogcard-style1,
.ol-simple-box1,
.ol-simple-box2,
.ol-simple-box3,
.ol-heading-box1,
.ol-heading-box2,
.ol-heading-box3,
.ol-heading-box4 {
border-width: 1px;
}
.o--oltana-inspector .components-radio-control:not(.a--oltana-radio) .components-base-control__field .a--oltana-item {
border: 1px solid transparent;
border-radius: 3px;
padding: 9px;
box-shadow: 0 2px 6px 0px rgba(170, 170, 170, 0.15);
}
.o--box-settings .a--box-item {
display: flex;
align-items: center;
position: relative;
height: auto;
padding: 15px 0px;
}
.o--box-settings input[type=radio] {
display: none;
}
.o--box-settings .c--box-title-display .components-base-control__field {
margin-bottom: 0;
}
.o--box-settings > .components-base-control:last-child {
margin-top: 21px !important;
}
.o--box-settings .ol-block__box {
width: 100%;
margin: 0;
padding: 32px 24px;
min-height: auto;
}
.o--box-settings .ol-block__box-title {
font-size: 0.75rem;
line-height: 1.4;
}
.o--box-settings .ol-block__box-inner {
font-size: 0.8rem;
line-height: 1.4;
}
.o--box-settings .ol-simple-box2::before {
width: calc(100% - 8px);
height: calc(100% - 8px);
}
.ol-block__button-microcopy1,
.ol-block__button-microcopy2,
.ol-block__button-microcopy3 {
font-size: clamp(0.6875rem, 0.6628469686rem + 0.1095690285vw, 0.78125rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.09rem;
text-align: center;
margin-bottom: 15px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 1729px) {
.ol-block__button-microcopy1,
.ol-block__button-microcopy2,
.ol-block__button-microcopy3 {
font-size: clamp(0.78125rem, -0.1647142122rem + 0.8753861998vw, 1.3125rem);
}
}
.ol-block__button-microcopy1 .ol-block__button-parts1,
.ol-block__button-microcopy1 .ol-block__button-parts2 {
width: 21px;
height: 1px;
}
.ol-block__button-microcopy1 .ol-block__button-parts1 {
margin-right: 9px;
transform: rotate(60deg);
}
.ol-block__button-microcopy1 .ol-block__button-parts2 {
margin-left: 9px;
transform: rotate(-60deg);
}
.ol-block__button-microcopy2 .ol-block__button-parts1,
.ol-block__button-microcopy2 .ol-block__button-parts2 {
width: 15px;
height: 1px;
}
.ol-block__button-microcopy2 .ol-block__button-parts1 {
margin-right: 15px;
}
.ol-block__button-microcopy2 .ol-block__button-parts2 {
margin-left: 15px;
}
.ol-block__button-microcopy3 .ol-block__button-parts1,
.ol-block__button-microcopy3 .ol-block__button-parts2 {
width: 21px;
height: 1px;
position: relative;
}
.ol-block__button-microcopy3 .ol-block__button-parts1 {
margin-right: 12px;
transform: rotate(60deg);
}
.ol-block__button-microcopy3 .ol-block__button-parts1::before {
content: "";
position: absolute;
width: 9px;
height: 1px;
top: 7px;
right: 2px;
transform: rotate(158deg);
}
.ol-block__button-microcopy3 .ol-block__button-parts2 {
margin-left: 12px;
transform: rotate(-60deg);
}
.ol-block__button-microcopy3 .ol-block__button-parts2::before {
content: "";
position: absolute;
width: 9px;
height: 1px;
top: 7px;
right: 10px;
transform: rotate(202deg);
}
.ol-btn-menu,
.ol-btn-info,
.ol-btn-icon,
.ol-btn-small,
.ol-btn-regular,
.ol-btn-text,
.ol-news-link {
position: relative;
}
.ol-btn-menu .ol-button-deco-wrapper,
.ol-btn-info .ol-button-deco-wrapper,
.ol-btn-icon .ol-button-deco-wrapper,
.ol-btn-small .ol-button-deco-wrapper,
.ol-btn-regular .ol-button-deco-wrapper,
.ol-btn-text .ol-button-deco-wrapper,
.ol-news-link .ol-button-deco-wrapper {
display: flex;
align-items: center;
justify-content: flex-end;
overflow: hidden;
width: 1.74em;
height: 1.74em;
border-radius: 100px;
column-gap: 0.54em;
padding-right: 0.48em;
margin-left: clamp(15px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-btn-menu .ol-button-deco-wrapper,
.ol-btn-info .ol-button-deco-wrapper,
.ol-btn-icon .ol-button-deco-wrapper,
.ol-btn-small .ol-button-deco-wrapper,
.ol-btn-regular .ol-button-deco-wrapper,
.ol-btn-text .ol-button-deco-wrapper,
.ol-news-link .ol-button-deco-wrapper {
margin-left: clamp(18px, 0.9vw, 36px);
}
}
.ol-btn-menu .ol-button-deco-wrapper::before, .ol-btn-menu .ol-button-deco-wrapper::after,
.ol-btn-info .ol-button-deco-wrapper::before,
.ol-btn-info .ol-button-deco-wrapper::after,
.ol-btn-icon .ol-button-deco-wrapper::before,
.ol-btn-icon .ol-button-deco-wrapper::after,
.ol-btn-small .ol-button-deco-wrapper::before,
.ol-btn-small .ol-button-deco-wrapper::after,
.ol-btn-regular .ol-button-deco-wrapper::before,
.ol-btn-regular .ol-button-deco-wrapper::after,
.ol-btn-text .ol-button-deco-wrapper::before,
.ol-btn-text .ol-button-deco-wrapper::after,
.ol-news-link .ol-button-deco-wrapper::before,
.ol-news-link .ol-button-deco-wrapper::after {
content: "";
width: 0.75em;
height: 0.75em;
clip-path: polygon(45% 8%, 58% 8%, 100% 50%, 58% 92%, 45% 92%, 84% 54%, 0 54%, 0 46%, 84% 46%);
flex-shrink: 0;
}
.ol-btn-menu .ol-button-deco-wrapper {
width: 1.35em;
height: 1.35em;
column-gap: 0.54em;
padding-right: 0.33em;
margin-left: clamp(30px, 3.6vw, 48px);
}
@media (min-width: 1729px) {
.ol-btn-menu .ol-button-deco-wrapper {
margin-left: clamp(48px, 3vw, 96px);
}
}
.ol-btn-menu .ol-button-deco-wrapper::before, .ol-btn-menu .ol-button-deco-wrapper::after {
content: "";
width: 0.75em;
height: 0.75em;
clip-path: polygon(45% 8%, 58% 8%, 100% 50%, 58% 92%, 45% 92%, 84% 54%, 12% 54%, 12% 46%, 84% 46%);
flex-shrink: 0;
}
.ol-btn-small {
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
padding: 0.6em 0.75em 0.6em 1.5em;
border-radius: 100px;
text-decoration: none !important;
box-sizing: border-box;
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-btn-small {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
.ol-btn-small .ol-btn-regular-icon {
display: inline-block;
padding-top: 1px;
}
.ol-btn-small .ol-btn-regular-text {
flex-grow: 1;
}
.ol-btn-small i {
margin-right: 6px;
}
.ol-btn-icon,
.ol-btn-regular {
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
padding: 0.9em 0.9em 0.9em 2.25em;
border-radius: 100px;
text-decoration: none !important;
box-sizing: border-box;
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-btn-icon,
.ol-btn-regular {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
.ol-btn-icon .ol-button-deco-wrapper,
.ol-btn-regular .ol-button-deco-wrapper {
width: 2.1em;
height: 2.1em;
padding-right: 0.66em;
column-gap: 0.9em;
margin-left: clamp(18px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-btn-icon .ol-button-deco-wrapper,
.ol-btn-regular .ol-button-deco-wrapper {
margin-left: clamp(18px, 0.9vw, 36px);
}
}
.ol-btn-icon .ol-btn-regular-icon,
.ol-btn-regular .ol-btn-regular-icon {
display: inline-block;
padding-top: 1px;
}
.ol-btn-icon .ol-btn-regular-text,
.ol-btn-regular .ol-btn-regular-text {
flex-grow: 1;
}
.ol-btn-icon i,
.ol-btn-regular i {
margin-right: 6px;
}
.ol-btn-medium,
.ol-btn-medium-2 {
padding: 18px clamp(39px, 3.9vw, 42px);
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
border-radius: 100px;
text-decoration: none !important;
box-sizing: border-box;
}
@media (min-width: 1729px) {
.ol-btn-medium,
.ol-btn-medium-2 {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
@media (min-width: 1729px) {
.ol-btn-medium,
.ol-btn-medium-2 {
padding: clamp(18px, 3vw, 36px) clamp(42px, 3.9vw, 75px);
}
}
@media (max-width: 640px) {
.ol-btn-medium,
.ol-btn-medium-2 {
width: 100%;
padding: 19px 39px;
}
}
.ol-btn-large,
.ol-btn-large-2 {
min-width: 60%;
padding: 27px clamp(45px, 7.2vw, 81px);
font-size: clamp(0.96875rem, 0.96875rem + 0vw, 0.96875rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.12rem;
border-radius: 100px;
text-decoration: none !important;
box-sizing: border-box;
}
@media (min-width: 1729px) {
.ol-btn-large,
.ol-btn-large-2 {
font-size: clamp(0.96875rem, -0.7562435633rem + 1.596292482vw, 1.9375rem);
}
}
@media (min-width: 1729px) {
.ol-btn-large,
.ol-btn-large-2 {
padding: clamp(27px, 3vw, 45px) clamp(42px, 3.9vw, 75px);
}
}
@media (max-width: 640px) {
.ol-btn-large,
.ol-btn-large-2 {
width: 100%;
padding: 25px 36px;
}
}
.ol-btn-medium,
.ol-btn-large {
border-style: solid;
border-width: 1px;
}
.ol-btn-medium-2,
.ol-btn-large-2 {
border-style: solid;
border-width: 1px;
}
.ol-btn-text {
position: relative;
text-decoration: none !important;
font-size: clamp(0.96875rem, 0.96875rem + 0vw, 0.96875rem);
font-weight: 500;
line-height: 0.6;
letter-spacing: 0.12rem;
padding: 6px 27px 6px 3px;
box-sizing: border-box;
}
@media (min-width: 1729px) {
.ol-btn-text {
font-size: clamp(0.96875rem, -0.7562435633rem + 1.596292482vw, 1.9375rem);
}
}
@media (min-width: 1729px) {
.ol-btn-text {
padding: 9px clamp(27px, 2.1vw, 48px) 9px 6px;
}
}
@media (max-width: 640px) {
.ol-btn-text {
padding: 6px 24px 6px 3px;
}
}
.ol-btn-custom {
margin-top: clamp(48px, 4.5vw, 63px);
}
@media (min-width: 1729px) {
.ol-btn-custom {
margin-top: clamp(63px, 4.5vw, 126px);
}
}
.ol-btn-admin {
font-size: clamp(0.6875rem, 0.6628469686rem + 0.1095690285vw, 0.78125rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
width: 100%;
padding: 18px;
text-align: center;
margin: 24px 0;
display: block;
background: repeating-linear-gradient(-45deg, #e9e9e9, #e9e9e9 1px, #fff 0, #fff 6px);
text-decoration: none !important;
}
@media (min-width: 1729px) {
.ol-btn-admin {
font-size: clamp(0.78125rem, -0.1647142122rem + 0.8753861998vw, 1.3125rem);
}
}
.ol-btn-admin .ol-btn-admin-text {
display: block;
text-decoration: underline;
text-underline-offset: 5px;
padding: 0 12px;
padding-bottom: 21px;
background-color: #fff;
color: #666666;
}
.ol-btn-admin .ol-btn-admin-help {
font-size: clamp(0.6875rem, 0.6875rem + 0vw, 0.6875rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.09rem;
display: block;
color: #b7b7b7;
text-decoration: none !important;
padding: 12px;
background-color: #fff;
}
@media (min-width: 1729px) {
.ol-btn-admin .ol-btn-admin-help {
font-size: clamp(0.6875rem, -0.0915293512rem + 0.7209062822vw, 1.125rem);
}
}
.ol-contact__mail {
display: flex;
align-items: center;
flex-basis: 60px;
flex-shrink: 0;
flex-grow: 0;
}
.ol-contact__mail .ol-btn-icon {
padding: 0;
}
.ol-contact__mail .ol-button-deco-wrapper {
margin: 0;
width: 4.5em;
height: 4.5em;
padding-right: 1.2em;
column-gap: 0.6em;
background-color: #fff;
padding-right: 0.06em;
}
.ol-contact__mail .ol-button-deco-wrapper::before, .ol-contact__mail .ol-button-deco-wrapper::after {
display: none;
}
.ol-contact__mail .ol-button-deco-wrapper .ol-button-deco-before,
.ol-contact__mail .ol-button-deco-wrapper .ol-button-deco-after {
display: block;
flex-shrink: 0;
width: 1.95em;
height: 1.95em;
}
.ol-contact__mail .ol-button-deco-wrapper .ol-button-deco-before {
clip-path: polygon(49% 8%, 54% 8%, 100% 50%, 54% 92%, 49% 92%, 91% 52%, 0 52%, 0 48%, 91% 48%);
}
.ol-contact__mail .ol-button-deco-wrapper .ol-button-deco-after {
text-align: center;
clip-path: none;
background-color: transparent !important;
font-size: 1.95em;
line-height: 2.1;
}
.is-open .ol-header__nav-anchor::after {
right: 6px;
}
.ol-block__button {
margin-top: clamp(48px, 4.5vw, 63px);
margin-bottom: clamp(48px, 4.5vw, 63px);
}
@media (min-width: 1729px) {
.ol-block__button {
margin-top: clamp(63px, 4.5vw, 126px);
margin-bottom: clamp(63px, 4.5vw, 126px);
}
}
.ol-block__button .ol-btn-block {
text-align: center;
}
.ol-block__button .ol-btn-block .ol-btn-medium,
.ol-block__button .ol-btn-block .ol-btn-medium-2,
.ol-block__button .ol-btn-block .ol-btn-large,
.ol-block__button .ol-btn-block .ol-btn-large-2 {
display: inline-flex;
justify-content: center;
text-decoration: none !important;
text-align: center;
margin: 0;
}
div[data-type="oltana-blocks/button"] a {
pointer-events: none;
cursor: text;
}
div[data-type="oltana-blocks/button"] a span {
pointer-events: all;
}
.ol-button-center {
text-align: center;
}
.ol-button-left {
text-align: left;
}
.ol-button-right {
text-align: right;
}
.ol-block__blogcard {
position: relative;
z-index: 0;
margin-top: clamp(48px, 4.8vw, 48px);
margin-bottom: clamp(48px, 4.8vw, 48px);
}
@media (min-width: 1729px) {
.ol-block__blogcard {
margin-top: clamp(48px, 3vw, 96px);
margin-bottom: clamp(48px, 3vw, 96px);
}
}
.ol-block__blogcard .ol-block__blogcard-title {
position: relative;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 4;
max-height: 5.7em;
line-height: 1.8;
}
@media (max-width: 640px) {
.ol-block__blogcard .ol-block__blogcard-title {
-webkit-line-clamp: 3;
font-size: clamp(0.6875rem, 0.6628469686rem + 0.1095690285vw, 0.78125rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
}
}
@media (max-width: 640px) and (min-width: 1729px) {
.ol-block__blogcard .ol-block__blogcard-title {
font-size: clamp(0.78125rem, -0.1647142122rem + 0.8753861998vw, 1.3125rem);
}
}
.ol-block__blogcard .ol-block__blogcard-title.ol-block__blogcard-external-check:after {
display: inline-flex;
content: "\e996";
font-family: "oltana-icons";
margin-left: 12px;
}
.ol-block__blogcard .ol-block__blogcard-img {
overflow: hidden;
flex-shrink: 0;
width: 192px;
border-radius: 2px;
}
@media (min-width: 1729px) {
.ol-block__blogcard .ol-block__blogcard-img {
width: clamp(192px, 15vw, 384px);
}
}
@media (max-width: 640px) {
.ol-block__blogcard .ol-block__blogcard-img {
width: 112px;
}
}
.ol-block__blogcard .ol-block__blogcard-img img {
aspect-ratio: 16/9;
object-fit: cover;
}
.ol-block__blogcard .ol-block__blogcard-img .ol-noimage {
height: 100%;
font-size: clamp(0.6875rem, 0.6464116143rem + 0.1826150475vw, 0.84375rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-block__blogcard .ol-block__blogcard-img .ol-noimage {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
.ol-block__blogcard .ol-block__blogcard-anchor {
position: relative;
z-index: 100;
display: flex;
border-style: solid;
border-width: 1px;
text-decoration: none !important;
align-items: center;
border-radius: 0px;
padding: clamp(30px, 3.3vw, 30px);
padding-right: clamp(63px, 6vw, 84px);
column-gap: clamp(48px, 4.8vw, 48px);
}
@media (min-width: 1729px) {
.ol-block__blogcard .ol-block__blogcard-anchor {
padding: clamp(30px, 2.25vw, 60px);
}
}
@media (min-width: 1729px) {
.ol-block__blogcard .ol-block__blogcard-anchor {
padding-right: clamp(84px, 6vw, 168px);
}
}
@media (min-width: 1729px) {
.ol-block__blogcard .ol-block__blogcard-anchor {
column-gap: clamp(48px, 3vw, 96px);
}
}
@media (max-width: 640px) {
.ol-block__blogcard .ol-block__blogcard-anchor {
padding: 18px;
column-gap: clamp(24px, 3.3vw, 30px);
}
}
@media (max-width: 640px) and (min-width: 1729px) {
.ol-block__blogcard .ol-block__blogcard-anchor {
column-gap: clamp(30px, 2.25vw, 60px);
}
}
.ol-block__blogcard .ol-block__blogcard-label {
position: absolute;
z-index: 200;
left: 13px;
top: -18px;
padding: 6px 12px;
background-color: #fff;
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-block__blogcard .ol-block__blogcard-label {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
@media (min-width: 1729px) {
.ol-block__blogcard .ol-block__blogcard-label {
padding: 6px clamp(12px, 2.1vw, 24px);
top: calc(-1 * clamp(18px, 1vw, 30px));
}
}
@media (max-width: 640px) {
.ol-block__blogcard .ol-block__blogcard-label {
left: 11px;
top: -15px;
padding: 6px 9px;
font-size: 12.5px;
}
}
.ol-block__blogcard::before {
content: "\e95d";
position: absolute;
font-family: "oltana-icons";
right: clamp(18px, 2.4vw, 24px);
z-index: 200;
top: 50%;
transform: translateY(-50%);
font-size: clamp(0.96875rem, 0.96875rem + 0vw, 0.96875rem);
font-weight: 300;
line-height: 2.4;
letter-spacing: 0.12rem;
}
@media (min-width: 1729px) {
.ol-block__blogcard::before {
font-size: clamp(0.96875rem, -0.7562435633rem + 1.596292482vw, 1.9375rem);
}
}
@media (min-width: 1729px) {
.ol-block__blogcard::before {
right: clamp(24px, 2.1vw, 48px);
}
}
@media (max-width: 640px) {
.ol-block__blogcard::before {
display: none;
}
}
.ol-block__fukidashi {
display: flex;
justify-content: center;
align-items: flex-start;
width: 100%;
}
.ol-block__fukidashi .ol-block__fukidashi-img-wrapper {
text-align: center;
position: relative;
width: 90px;
flex-shrink: 0;
}
@media (min-width: 1729px) {
.ol-block__fukidashi .ol-block__fukidashi-img-wrapper {
width: clamp(90px, 6em, 180px);
}
}
@media (max-width: 640px) {
.ol-block__fukidashi .ol-block__fukidashi-img-wrapper {
width: 66px;
}
}
.ol-block__fukidashi .ol-block__fukidashi-img-wrapper .ol-block__fukidashi-img {
border-radius: 50%;
overflow: hidden;
width: inherit;
height: 90px;
position: relative;
margin: 0 auto;
}
@media (min-width: 1729px) {
.ol-block__fukidashi .ol-block__fukidashi-img-wrapper .ol-block__fukidashi-img {
height: clamp(90px, 6em, 180px);
}
}
@media (max-width: 640px) {
.ol-block__fukidashi .ol-block__fukidashi-img-wrapper .ol-block__fukidashi-img {
height: 66px;
}
}
.ol-block__fukidashi .ol-block__fukidashi-img-wrapper .ol-block__fukidashi-img img {
position: absolute;
height: auto;
top: 50%;
left: 50%;
z-index: 200;
border-radius: 50%;
width: inherit;
height: inherit;
object-fit: cover;
transform: translateY(-50%) translateX(-50%) scale(0.9);
box-sizing: content-box;
}
.ol-block__fukidashi .ol-block__fukidashi-img-wrapper .ol-block__fukidashi-name {
text-align: center;
display: block;
padding-top: 8px;
width: inherit;
margin: 0 auto;
font-size: clamp(0.6875rem, 0.6875rem + 0vw, 0.6875rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-block__fukidashi .ol-block__fukidashi-img-wrapper .ol-block__fukidashi-name {
font-size: clamp(0.6875rem, -0.0915293512rem + 0.7209062822vw, 1.125rem);
}
}
.ol-block__fukidashi .ol-block__fukidashi-contents {
flex-grow: 1;
min-height: 33px;
position: relative;
border-radius: 0px;
padding-left: clamp(48px, 3.6vw, 48px);
padding-right: clamp(48px, 3.6vw, 48px);
padding-top: clamp(30px, 3.3vw, 30px);
padding-bottom: clamp(30px, 3.3vw, 30px);
}
@media (min-width: 1729px) {
.ol-block__fukidashi .ol-block__fukidashi-contents {
padding-left: clamp(48px, 3vw, 96px);
padding-right: clamp(48px, 3vw, 96px);
}
}
@media (min-width: 1729px) {
.ol-block__fukidashi .ol-block__fukidashi-contents {
padding-top: clamp(30px, 2.25vw, 60px);
padding-bottom: clamp(30px, 2.25vw, 60px);
}
}
@media (max-width: 640px) {
.ol-block__fukidashi .ol-block__fukidashi-contents {
padding: 21px 24px;
}
}
.ol-block__fukidashi .ol-block__fukidashi-contents .ol-block__fukidashi-inner p {
margin-top: clamp(24px, 3.3vw, 30px);
margin-bottom: clamp(24px, 3.3vw, 30px);
line-height: 2.15;
}
@media (min-width: 1729px) {
.ol-block__fukidashi .ol-block__fukidashi-contents .ol-block__fukidashi-inner p {
margin-top: clamp(30px, 2.25vw, 60px);
margin-bottom: clamp(30px, 2.25vw, 60px);
}
}
@media (max-width: 640px) {
.ol-block__fukidashi .ol-block__fukidashi-contents .ol-block__fukidashi-inner p {
line-height: 1.65;
}
}
.ol-block__fukidashi .ol-block__fukidashi-contents .ol-block__fukidashi-inner p:first-of-type {
margin-top: 0;
}
.ol-block__fukidashi .ol-block__fukidashi-contents .ol-block__fukidashi-inner p:last-of-type {
margin-bottom: 0;
}
.ol-block__fukidashi .ol-block__fukidashi-contents .ol-block__fukidashi-inner ul.oltana-list ol, .ol-block__fukidashi .ol-block__fukidashi-contents .ol-block__fukidashi-inner ul.oltana-list ul, .ol-block__fukidashi .ol-block__fukidashi-contents .ol-block__fukidashi-inner ol.oltana-list ol, .ol-block__fukidashi .ol-block__fukidashi-contents .ol-block__fukidashi-inner ol.oltana-list ul {
margin-top: 27px;
margin-bottom: 27px;
}
.ol-block__fukidashi .ol-block__fukidashi-contents .ol-block__fukidashi-inner > ul:first-child, .ol-block__fukidashi .ol-block__fukidashi-contents .ol-block__fukidashi-inner ol:first-child {
padding-right: 0;
margin-top: 6px;
}
@media (min-width: 841px) {
.ol-block__fukidashi .ol-block__fukidashi-contents .ol-block__fukidashi-inner > ul:first-child, .ol-block__fukidashi .ol-block__fukidashi-contents .ol-block__fukidashi-inner ol:first-child {
padding-left: 0;
}
}
.ol-block__fukidashi .ol-block__fukidashi-contents .ol-block__fukidashi-inner > ul:last-child, .ol-block__fukidashi .ol-block__fukidashi-contents .ol-block__fukidashi-inner ol:last-child {
padding-right: 0;
margin-bottom: 6px;
}
@media (min-width: 841px) {
.ol-block__fukidashi .ol-block__fukidashi-contents .ol-block__fukidashi-inner > ul:last-child, .ol-block__fukidashi .ol-block__fukidashi-contents .ol-block__fukidashi-inner ol:last-child {
padding-left: 0;
}
}
.ol-block__fukidashi-chat {
margin-top: clamp(48px, 4.8vw, 48px);
margin-bottom: clamp(48px, 4.8vw, 48px);
}
@media (min-width: 1729px) {
.ol-block__fukidashi-chat {
margin-top: clamp(48px, 3vw, 96px);
margin-bottom: clamp(48px, 3vw, 96px);
}
}
.ol-block__fukidashi-chat .ol-block__fukidashi-contents {
position: relative;
margin-top: 5px;
}
@media (max-width: 640px) {
.ol-block__fukidashi-chat .ol-block__fukidashi-contents {
margin-top: 0;
}
}
.ol-block__fukidashi-chat .ol-block__fukidashi-parts-before {
position: absolute;
border-top: 15px solid transparent;
top: 18px;
}
@media (min-width: 1729px) {
.ol-block__fukidashi-chat .ol-block__fukidashi-parts-before {
transform: scale(1.5);
top: clamp(18px, 3em, 36px);
}
}
.ol-block__fukidashi-chat.ol-block__fukidashi-right .ol-block__fukidashi-contents {
margin-right: 12px;
}
@media (max-width: 640px) {
.ol-block__fukidashi-chat.ol-block__fukidashi-right .ol-block__fukidashi-contents {
margin-right: 6px;
}
}
.ol-block__fukidashi-chat.ol-block__fukidashi-right .ol-block__fukidashi-parts-before {
right: -15px;
border-left-style: solid;
border-left-width: 15px;
}
@media (min-width: 1729px) {
.ol-block__fukidashi-chat.ol-block__fukidashi-right .ol-block__fukidashi-parts-before {
transform-origin: left center;
}
}
.ol-block__fukidashi-chat.ol-block__fukidashi-left .ol-block__fukidashi-contents {
margin-left: 12px;
}
@media (max-width: 640px) {
.ol-block__fukidashi-chat.ol-block__fukidashi-left .ol-block__fukidashi-contents {
margin-left: 6px;
}
}
.ol-block__fukidashi-chat.ol-block__fukidashi-left .ol-block__fukidashi-parts-before {
left: -15px;
border-right-style: solid;
border-right-width: 15px;
}
@media (min-width: 1729px) {
.ol-block__fukidashi-chat.ol-block__fukidashi-left .ol-block__fukidashi-parts-before {
transform-origin: right center;
}
}
.ol-block__fukidashi-interview {
margin-bottom: clamp(48px, 4.8vw, 48px);
margin-top: clamp(84px, 6vw, 84px);
position: relative;
}
@media (min-width: 1729px) {
.ol-block__fukidashi-interview {
margin-bottom: clamp(48px, 3vw, 96px);
}
}
@media (min-width: 1729px) {
.ol-block__fukidashi-interview {
margin-top: clamp(84px, 6vw, 168px);
}
}
.ol-block__fukidashi-interview .ol-block__fukidashi-img-wrapper {
position: absolute;
width: 100%;
display: flex;
align-items: center;
z-index: 0;
top: -54px;
max-width: none;
}
@media (min-width: 1729px) {
.ol-block__fukidashi-interview .ol-block__fukidashi-img-wrapper {
top: calc(-1 * clamp(64px, 4em, 117px));
}
}
@media (max-width: 640px) {
.ol-block__fukidashi-interview .ol-block__fukidashi-img-wrapper {
top: -40px;
}
}
.ol-block__fukidashi-interview .ol-block__fukidashi-img-wrapper .ol-block__fukidashi-img {
flex-shrink: 0;
width: 90px;
height: 90px;
}
@media (min-width: 1729px) {
.ol-block__fukidashi-interview .ol-block__fukidashi-img-wrapper .ol-block__fukidashi-img {
width: clamp(90px, 6em, 180px);
height: clamp(90px, 6em, 180px);
}
}
@media (max-width: 640px) {
.ol-block__fukidashi-interview .ol-block__fukidashi-img-wrapper .ol-block__fukidashi-img {
width: 66px;
height: 66px;
}
}
.ol-block__fukidashi-interview .ol-block__fukidashi-img-wrapper .ol-block__fukidashi-name {
padding-top: 0px;
margin-bottom: 21px;
}
.ol-block__fukidashi-interview .ol-block__fukidashi-contents {
padding-left: clamp(48px, 3.6vw, 48px);
padding-right: clamp(48px, 3.6vw, 48px);
padding-bottom: clamp(48px, 3.6vw, 48px);
padding-top: clamp(30px, 4.5vw, 63px);
}
@media (min-width: 1729px) {
.ol-block__fukidashi-interview .ol-block__fukidashi-contents {
padding-left: clamp(48px, 3vw, 96px);
padding-right: clamp(48px, 3vw, 96px);
padding-bottom: clamp(48px, 3vw, 96px);
}
}
@media (min-width: 1729px) {
.ol-block__fukidashi-interview .ol-block__fukidashi-contents {
padding-top: clamp(63px, 4.5vw, 126px);
}
}
@media (max-width: 640px) {
.ol-block__fukidashi-interview .ol-block__fukidashi-contents {
padding: 36px 24px 21px 24px;
}
}
.ol-block__fukidashi-interview.ol-block__fukidashi-right .ol-block__fukidashi-img-wrapper {
flex-direction: row-reverse;
right: clamp(12px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-block__fukidashi-interview.ol-block__fukidashi-right .ol-block__fukidashi-img-wrapper {
right: clamp(18px, 0.9vw, 36px);
}
}
.ol-block__fukidashi-interview.ol-block__fukidashi-right .ol-block__fukidashi-img-wrapper .ol-block__fukidashi-name {
text-align: right;
padding-right: clamp(6px, 1vw, 12px);
}
@media (min-width: 1729px) {
.ol-block__fukidashi-interview.ol-block__fukidashi-right .ol-block__fukidashi-img-wrapper .ol-block__fukidashi-name {
padding-right: clamp(12px, 0.75vw, 24px);
}
}
@media (max-width: 640px) {
.ol-block__fukidashi-interview.ol-block__fukidashi-right .ol-block__fukidashi-img-wrapper .ol-block__fukidashi-name {
padding-right: 12px;
}
}
.ol-block__fukidashi-interview.ol-block__fukidashi-left .ol-block__fukidashi-img-wrapper {
left: clamp(12px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-block__fukidashi-interview.ol-block__fukidashi-left .ol-block__fukidashi-img-wrapper {
left: clamp(18px, 0.9vw, 36px);
}
}
.ol-block__fukidashi-interview.ol-block__fukidashi-left .ol-block__fukidashi-img-wrapper .ol-block__fukidashi-name {
text-align: left;
padding-left: clamp(6px, 1vw, 12px);
}
@media (min-width: 1729px) {
.ol-block__fukidashi-interview.ol-block__fukidashi-left .ol-block__fukidashi-img-wrapper .ol-block__fukidashi-name {
padding-left: clamp(12px, 0.75vw, 24px);
}
}
@media (max-width: 640px) {
.ol-block__fukidashi-interview.ol-block__fukidashi-left .ol-block__fukidashi-img-wrapper .ol-block__fukidashi-name {
padding-left: 12px;
}
}
.ol-block__fukidashi.ol-block__fukidashi-right {
flex-direction: row-reverse;
}
.ol-block__fukidashi.ol-block__fukidashi-right .ol-block__fukidashi-img-wrapper {
margin-right: 0;
margin-left: clamp(12px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-block__fukidashi.ol-block__fukidashi-right .ol-block__fukidashi-img-wrapper {
margin-left: clamp(18px, 0.9vw, 36px);
}
}
@media (max-width: 640px) {
.ol-block__fukidashi.ol-block__fukidashi-right .ol-block__fukidashi-img-wrapper {
margin-left: 21px;
}
}
.ol-block__fukidashi.ol-block__fukidashi-left .ol-block__fukidashi-img-wrapper {
margin-right: clamp(12px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-block__fukidashi.ol-block__fukidashi-left .ol-block__fukidashi-img-wrapper {
margin-right: clamp(18px, 0.9vw, 36px);
}
}
@media (max-width: 640px) {
.ol-block__fukidashi.ol-block__fukidashi-left .ol-block__fukidashi-img-wrapper {
margin-right: 21px;
}
}
.block-editor-block-toolbar__slot .components-accessible-toolbar {
border: none;
}
.oltana-news-manual {
margin-top: 21px;
margin-bottom: 6px;
}
.oltana-news-manual span {
display: inline-block;
margin-right: 9px;
padding: 5px 10px;
background-color: #242426;
color: #fff;
font-size: 10px;
line-height: 1.5;
letter-spacing: 0.03rem;
border-radius: 2px;
}
.ol-noimage {
display: flex;
justify-content: center;
align-items: center;
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
height: 100%;
position: relative;
border-bottom-right-radius: clamp(45px, 3vw, 90px);
}
@media (min-width: 1729px) {
.ol-noimage {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
.ol-noimage::before {
content: "";
display: block;
padding-bottom: 56.25%;
}
.ol-noimage::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background: #fff;
border-bottom-right-radius: clamp(45px, 3vw, 90px);
z-index: -1;
}
.o--oltana-inspector .components-base-control__label {
margin-top: 30px;
}
.o--oltana-inspector .components-base-control__field > .components-base-control__label {
font-weight: 550;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio-image .components-radio-control__group-wrapper {
display: flex;
flex-wrap: wrap;
gap: 0;
flex-direction: row;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio-image .components-radio-control__group-wrapper .components-radio-control__option {
width: 50%;
padding: 3px;
column-gap: 0;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio-image .components-radio-control__group-wrapper .components-radio-control__option label {
text-align: center;
display: block;
box-sizing: border-box;
border: 1px solid transparent;
padding: 3px;
border-radius: 2px;
box-shadow: 0 3px 6px #eee;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio-image .components-radio-control__group-wrapper input[type=radio] {
display: none;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio-image .components-radio-control__group-wrapper input[type=radio]:checked + label {
border: 1px solid #407fed;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio-image.t--cannot-select .components-radio-control__option label {
color: #242426;
}
.o--oltana-inspector .components-radio-control.a--oltana-radio-image.t--cannot-select .components-radio-control__option input[type=radio]:checked + label {
background: #242426;
}
.o--oltana-inspector .d--list-horizon {
display: flex;
margin-bottom: 15px !important;
margin-top: 15px !important;
}
.o--oltana-inspector .d--list-horizon .components-radio-control__group-wrapper {
width: 100%;
}
.o--oltana-inspector .d--list-horizon:last-of-type {
margin-bottom: 18px !important;
}
.o--oltana-inspector .d--list-horizon .components-base-control__field {
align-items: baseline;
width: 100%;
padding: 0;
column-gap: 0;
}
.o--oltana-inspector .d--list-horizon .components-base-control__field > label:first-child {
font-size: 11px;
margin-right: 12px;
width: 27px;
}
.o--oltana-inspector .components-input-control__container {
padding: 0;
}
.o--oltana-inspector .block-editor-url-input {
min-width: auto !important;
}
.o--oltana-inspector .oltana-block-description {
margin-top: 0;
}
.o--oltana-inspector .oltana-toggle {
height: 25px;
}
.o--oltana-inspector .c--bg-design-list .a--background-preview {
width: 100%;
}
.o--oltana-inspector .c--bg-design-list .components-radio-control__option:last-of-type {
margin-top: 30px;
}
.ol-iconlist-modal-wrapper {
max-width: clamp(600px, 30vw, 900px);
width: calc(100% - 40px);
margin-left: auto;
margin-right: auto;
border-radius: 9px;
}
@media screen and (max-width: 599px) {
.ol-iconlist-modal-wrapper {
height: calc(100dvh - 80px);
}
}
.o--customizer-iconlist {
max-height: 60vh;
overflow-y: auto;
padding: 1rem;
}
@media screen and (max-width: 599px) {
.o--customizer-iconlist {
max-height: calc(100dvh - 195px);
}
}
.o--customizer-iconlist .a--customizer-icontitle {
font-size: 1rem;
margin: 2.4em 0 1.2em;
padding-bottom: 0.5rem;
border-bottom: 1px solid #ddd;
}
.o--customizer-iconlist .c--customizer-iconlist {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(56px, 1fr));
gap: 0.5rem;
list-style: none;
padding: 0;
margin: 0;
}
.o--customizer-iconlist .c--customizer-iconlist .c--icon-item {
padding: 0.5rem;
border: 1px solid #ddd;
border-radius: 4px;
cursor: pointer;
text-align: center;
transition: all 0.2s ease;
margin-bottom: 0;
font-size: 1.95em;
display: flex;
justify-content: center;
align-items: center;
height: 2em;
}
.o--customizer-iconlist .c--customizer-iconlist .c--icon-item:hover {
background-color: #f0f0f0;
border-color: #999;
}
.ol-btn-block a span.rich-text,
.ol-btn-block a span:not([class]) {
display: flex;
align-items: center;
}
.ol-btn-block a span.rich-text i[class^=oltana-icon-],
.ol-btn-block a span:not([class]) i[class^=oltana-icon-] {
font-size: 1.5em;
padding-top: 0.06em;
padding-right: 0.3em;
padding-left: 0.3em;
}