@keyframes slideIn {
from {
transform: translateY(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;
}
.edit-post-visual-editor .components-button.has-icon {
justify-content: left;
}
.ol-bold {
font-weight: 400;
}
.oltana-toggle {
position: relative;
margin-top: 3px;
}
.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: 3px;
}
.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;
}
.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-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 .block-editor-url-input input[type=text] {
width: 100%;
border: 1px solid #777;
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(15px, 1.5vw, 16px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.12rem;
}
.interface-interface-skeleton__content .editor-styles-wrapper p {
line-height: 2.55;
letter-spacing: 0.12rem;
margin-top: clamp(42px, 4.8vw, 48px);
margin-bottom: clamp(42px, 4.8vw, 48px);
}
@media (max-width: 540px) {
.interface-interface-skeleton__content .editor-styles-wrapper p {
line-height: 2.1;
}
}
.interface-interface-skeleton__content .editor-styles-wrapper strong,
.interface-interface-skeleton__content .editor-styles-wrapper b {
font-weight: 400;
}
.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(42px, 4.8vw, 48px);
margin-bottom: clamp(42px, 4.8vw, 48px);
}
.wp-block-image img {
width: inherit;
height: inherit;
}
.oltana-list {
list-style-type: none;
margin-top: clamp(42px, 4.8vw, 48px);
margin-bottom: clamp(42px, 4.8vw, 48px);
}
@media (max-width: 540px) {
.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);
}
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: 1680px) {
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);
}
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: 1680px) {
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);
}
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);
}
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: 1680px) {
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);
}
ol.oltana-list li::before {
position: absolute;
content: "";
width: 19px;
height: 19px;
border-radius: 50%;
left: 0px;
top: 4px;
}
@media (min-width: 1680px) {
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: 540px) {
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: 300;
}
@media (min-width: 1680px) {
ol.oltana-list li::after {
width: clamp(20px, 2em, 44px);
height: clamp(20px, 2em, 44px);
top: clamp(16px, 1.15em, 25px);
}
}
@media (max-width: 540px) {
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);
}
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);
}
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: 1680px) {
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);
}
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: 1680px) {
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);
}
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: 1680px) {
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);
}
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: 1680px) {
ol.oltana-list li ul li ol li::after {
top: clamp(16px, 1.15em, 25px);
}
}
@media (max-width: 540px) {
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);
}
.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;
}
.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: 960px;
margin-left: auto;
margin-right: auto;
font-size: 36px;
font-weight: 100;
line-height: 1.5;
margin-top: clamp(15px, 1.5vw, 24px);
margin-bottom: clamp(24px, 2.4vw, 42px);
}
@media (max-width: 540px) {
h1.wp-block-post-title {
font-size: 19px;
line-height: 1.65;
}
}
h2.wp-block-heading {
margin-top: clamp(60px, 6vw, 90px);
font-size: clamp(24px, 2.7vw, 27px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.06rem;
padding-left: clamp(24px, 2.4vw, 30px);
padding-right: clamp(24px, 2.4vw, 30px);
padding-top: clamp(15px, 1.2vw, 15px);
padding-bottom: clamp(15px, 1.2vw, 15px);
box-sizing: border-box;
border-top-style: solid;
border-top-width: 1px;
}
@media (max-width: 540px) {
h2.wp-block-heading {
font-size: 19px;
line-height: 1.5;
}
}
h3.wp-block-heading {
margin-top: clamp(42px, 4.5vw, 60px);
font-size: clamp(22px, 2.2vw, 22px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.06rem;
padding-left: clamp(24px, 2.4vw, 30px);
padding-right: clamp(24px, 2.4vw, 30px);
padding-top: clamp(6px, 1vw, 9px);
padding-bottom: clamp(6px, 1vw, 9px);
box-sizing: border-box;
border-left-style: solid;
border-left-width: 1px;
}
@media (max-width: 540px) {
h3.wp-block-heading {
font-size: 18px;
font-weight: 200;
line-height: 1.5;
}
}
h4.wp-block-heading {
margin-top: clamp(42px, 4.8vw, 48px);
font-size: clamp(18px, 1.8vw, 18px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.06rem;
padding-left: clamp(24px, 2.4vw, 30px);
padding-right: clamp(24px, 2.4vw, 30px);
padding-bottom: clamp(15px, 1.2vw, 15px);
padding-top: clamp(15px, 1.2vw, 15px);
box-sizing: border-box;
}
@media (max-width: 540px) {
h4.wp-block-heading {
font-size: 16px;
line-height: 1.5;
}
}
.ol-block__box {
margin-top: clamp(42px, 4.8vw, 48px);
margin-bottom: clamp(42px, 4.8vw, 48px);
min-height: 30px;
border-radius: 4px;
padding: clamp(39px, 4.5vw, 51px);
}
.ol-block__box .ol-block__box-inner p,
.ol-block__box .block-editor-block-list__layout p {
margin-top: clamp(15px, 1.5vw, 24px);
margin-bottom: clamp(15px, 1.5vw, 24px);
line-height: 1.8;
}
.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.55;
letter-spacing: 0.12rem;
margin-top: clamp(42px, 4.8vw, 48px);
margin-bottom: clamp(42px, 4.8vw, 48px);
}
@media (max-width: 540px) {
.ol-block__box .ol-block__box-inner .wpcf7 p,
.ol-block__box .block-editor-block-list__layout .wpcf7 p {
line-height: 2.1;
}
}
.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(16px, 1.8vw, 18px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.06rem;
min-width: 50px;
box-sizing: border-box;
position: relative;
z-index: 0;
line-height: 1.4;
font-weight: 300;
}
@media (max-width: 540px) {
.ol-block__box .ol-block__box-title {
font-weight: 400;
}
}
.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(11px, 1.2vw, 12px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.06rem;
text-align: center;
margin-bottom: 15px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.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-regular {
position: relative;
padding: clamp(12px, 1.5vw, 15px) clamp(18px, 2.4vw, 24px) clamp(12px, 1.5vw, 15px) clamp(12px, 1.8vw, 18px);
font-size: clamp(14px, 1.2vw, 14px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
border-radius: 4px;
text-decoration: none !important;
}
.ol-btn-regular::after {
position: absolute;
top: 51%;
transform: translateY(-50%);
right: clamp(9px, 1.5vw, 15px);
font-family: "oltana-icons";
line-height: 1;
content: "\e95d";
font-size: clamp(14px, 1.2vw, 14px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
}
.ol-btn-medium,
.ol-btn-medium-2 {
position: relative;
padding: clamp(15px, 1.8vw, 18px) clamp(27px, 4.5vw, 39px);
font-size: clamp(14px, 1.5vw, 16px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
border-radius: 4px;
text-decoration: none !important;
}
.ol-btn-large,
.ol-btn-large-2 {
position: relative;
width: 60%;
padding: clamp(21px, 2.4vw, 24px) clamp(45px, 5.4vw, 54px);
font-size: clamp(15px, 1.5vw, 16px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
border-radius: 4px;
text-decoration: none !important;
}
@media (max-width: 540px) {
.ol-btn-large,
.ol-btn-large-2 {
width: 87%;
}
}
.ol-btn-medium-2,
.ol-btn-large-2 {
border-style: solid;
border-width: 1px;
}
.ol-btn-text {
display: flex;
align-items: center;
text-decoration: none !important;
font-size: clamp(12px, 1.2vw, 12px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.06rem;
line-height: 0;
}
.ol-btn-text::after {
font-family: "oltana-icons";
line-height: 1;
content: "\e95d";
padding-left: clamp(9px, 1vw, 12px);
font-size: clamp(14px, 1.2vw, 14px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
}
.ol-btn-admin {
font-size: clamp(12px, 1.2vw, 12px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.06rem;
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;
}
.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(11px, 1vw, 11px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.03rem;
display: block;
color: #b7b7b7;
text-decoration: none !important;
padding: 12px;
background-color: #fff;
}
.ol-contact-mail .ol-btn-regular,
.ol-contact-mail .ol-btn-medium {
display: flex;
align-items: center;
justify-content: center;
}
.ol-contact-mail .ol-btn-regular {
column-gap: clamp(4px, 1vw, 6px);
}
.ol-contact-mail .ol-btn-medium {
column-gap: clamp(5px, 1vw, 8px);
}
.ol-block__button {
margin-top: clamp(42px, 4.5vw, 60px);
margin-bottom: clamp(42px, 4.5vw, 60px);
}
.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-block;
text-decoration: none !important;
text-align: center;
margin: 0;
}
div[data-type="oltana-blocks/button"] a {
pointer-events: none;
}
.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(42px, 4.8vw, 48px);
margin-bottom: clamp(42px, 4.8vw, 48px);
}
.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;
font-size: clamp(15px, 1.5vw, 16px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.12rem;
}
@media (max-width: 540px) {
.ol-block__blogcard .ol-block__blogcard-title {
font-size: clamp(12px, 1.2vw, 12px);
font-weight: 300;
line-height: 1.5;
letter-spacing: 0.06rem;
}
}
.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;
height: 108px;
border-radius: 2px;
}
@media (max-width: 540px) {
.ol-block__blogcard .ol-block__blogcard-img {
width: 112px;
height: 63px;
}
}
.ol-block__blogcard .ol-block__blogcard-img img {
object-fit: cover;
}
.ol-block__blogcard .ol-block__blogcard-img .ol-noimage {
height: 100%;
font-size: clamp(11px, 1.2vw, 14px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
}
.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: 4px;
padding: clamp(24px, 1.5vw, 24px);
padding-right: clamp(60px, 6vw, 90px);
column-gap: clamp(42px, 4.8vw, 48px);
}
@media (max-width: 540px) {
.ol-block__blogcard .ol-block__blogcard-anchor {
padding: clamp(15px, 1.5vw, 24px);
padding-top: 18px;
column-gap: clamp(15px, 1.5vw, 24px);
}
}
.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(14px, 1.2vw, 14px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
}
@media (max-width: 540px) {
.ol-block__blogcard .ol-block__blogcard-label {
left: 11px;
top: -15px;
padding: 6px 9px;
font-size: 12px;
}
}
.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(15px, 1.5vw, 16px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.12rem;
}
@media (max-width: 540px) {
.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 (max-width: 540px) {
.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;
border-style: solid;
border-width: 1px;
}
@media (max-width: 540px) {
.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);
border: 2px solid #fff;
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(11px, 1vw, 11px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.03rem;
}
.ol-block__fukidashi .ol-block__fukidashi-contents {
flex-grow: 1;
min-height: 33px;
position: relative;
border-radius: 4px;
padding-left: clamp(42px, 2.4vw, 42px);
padding-right: clamp(42px, 2.4vw, 42px);
padding-top: clamp(24px, 1.5vw, 24px);
padding-bottom: clamp(24px, 1.5vw, 24px);
}
@media (max-width: 540px) {
.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(15px, 1.5vw, 24px);
margin-bottom: clamp(15px, 1.5vw, 24px);
line-height: 2.1;
}
@media (max-width: 540px) {
.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, .ol-block__fukidashi .ol-block__fukidashi-contents .ol-block__fukidashi-inner ol {
padding-top: 0;
padding-bottom: 0;
}
.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;
padding-right: 0;
margin-top: clamp(15px, 1.2vw, 15px);
}
.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;
padding-right: 0;
margin-bottom: clamp(15px, 1.2vw, 15px);
}
.ol-block__fukidashi.ol-block__fukidashi-right .ol-block__fukidashi-img {
border-color: #e9e9e9;
}
.ol-block__fukidashi.ol-block__fukidashi-right .ol-block__fukidashi-contents {
background-color: rgba(0, 0, 0, 0.027);
}
.ol-block__fukidashi-chat {
margin-top: clamp(42px, 4.8vw, 48px);
margin-bottom: clamp(42px, 4.8vw, 48px);
}
.ol-block__fukidashi-chat .ol-block__fukidashi-contents {
position: relative;
margin-top: 5px;
}
@media (max-width: 540px) {
.ol-block__fukidashi-chat .ol-block__fukidashi-contents {
margin-top: 0;
}
}
.ol-block__fukidashi-chat .ol-block__fukidashi-parts-after {
z-index: 200;
display: none;
}
.ol-block__fukidashi-chat .ol-block__fukidashi-parts-after,
.ol-block__fukidashi-chat .ol-block__fukidashi-parts-before {
position: absolute;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
top: 29px;
}
@media (max-width: 540px) {
.ol-block__fukidashi-chat .ol-block__fukidashi-parts-after,
.ol-block__fukidashi-chat .ol-block__fukidashi-parts-before {
top: 24px;
}
}
.ol-block__fukidashi-chat.ol-block__fukidashi-right .ol-block__fukidashi-contents {
margin-right: 12px;
}
@media (max-width: 540px) {
.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-after,
.ol-block__fukidashi-chat.ol-block__fukidashi-right .ol-block__fukidashi-parts-before {
border-left: 15px solid rgba(0, 0, 0, 0.027);
}
.ol-block__fukidashi-chat.ol-block__fukidashi-right .ol-block__fukidashi-parts-before {
right: -15px;
}
.ol-block__fukidashi-chat.ol-block__fukidashi-left .ol-block__fukidashi-contents {
margin-left: 12px;
}
@media (max-width: 540px) {
.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-after,
.ol-block__fukidashi-chat.ol-block__fukidashi-left .ol-block__fukidashi-parts-before {
border-right-style: solid;
border-right-width: 15px;
}
.ol-block__fukidashi-chat.ol-block__fukidashi-left .ol-block__fukidashi-parts-before {
left: -15px;
}
.ol-block__fukidashi-interview {
margin-bottom: clamp(42px, 4.8vw, 48px);
margin-top: clamp(90px, 6vw, 90px);
position: relative;
}
.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 (max-width: 540px) {
.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 (max-width: 540px) {
.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(42px, 2.4vw, 42px);
padding-right: clamp(42px, 2.4vw, 42px);
padding-bottom: clamp(42px, 2.4vw, 42px);
padding-top: clamp(24px, 4.5vw, 60px);
}
@media (max-width: 540px) {
.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: 15px;
}
.ol-block__fukidashi-interview.ol-block__fukidashi-right .ol-block__fukidashi-img-wrapper .ol-block__fukidashi-name {
text-align: right;
padding-right: 15px;
}
@media (max-width: 540px) {
.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: 15px;
}
.ol-block__fukidashi-interview.ol-block__fukidashi-left .ol-block__fukidashi-img-wrapper .ol-block__fukidashi-name {
text-align: left;
padding-left: 15px;
}
@media (max-width: 540px) {
.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: 24px;
}
@media (max-width: 540px) {
.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: 24px;
}
@media (max-width: 540px) {
.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.75rem, 0.625rem + 0.45vw, 1rem);
font-weight: 400;
letter-spacing: 0.06rem;
height: 100%;
position: relative;
}
.ol-noimage::before {
content: "";
display: block;
padding-bottom: 56.25%;
}
.ol-noimage::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background: #fff;
border-radius: 4px;
z-index: -1;
}