:root {
--color-orange: #ff8f04;
--color-violet: #7e20d6;
--color-white: #ffffff;
--color-black: #000000;
--color-light-gray: #f5f5f5;
--color-medium-gray: #ededed;
--color-dark-gray: #6b7280;
}
.hidden {
display: none;
}
.fade-in {
opacity: 0;
transform: translateY(30px);
transition: all .8s ease;
}
.wp-admin .fade-in,
.fade-in.visible {
opacity: 1;
transform: translateY(0);
}
.highlight-violet {
color: var(--color-violet);
position: relative;
} #primary-site-navigation-desktop li:last-child a,
#ast-hf-mobile-menu li:last-child a span {
background: var(--color-orange);
color: var(--color-white) !important;
padding: 0 20px;
border-radius: 25px;
font-weight: 600;
transition: all .3s ease;
}
#ast-hf-mobile-menu li {
text-align: center;
}
#ast-hf-mobile-menu li:last-child a span {
padding: 10px 20px;
}
#primary-site-navigation-desktop li:last-child a:hover {
background: var(--color-violet);
transform: translateY(-2px);
box-shadow: 0 5px 15px #7e20d64d;
} @keyframes orbit-rotate {
0% {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
@keyframes orbit-counter-rotate {
0% {
transform: rotate(0)
}
to {
transform: rotate(-360deg)
}
}
.wp-block-lazyblock-win2-orbit-animation {
display: flex;
justify-content: center;
align-items: center;
}
.orbit-container {
position: relative;
width: 400px;
height: 400px;
}
.orbit {
position: absolute;
border: 2px solid rgba(126, 32, 214, .1);
border-radius: 50%;
animation: orbit-rotate 20s linear infinite;
}
.icon-wrapper {
position: absolute;
width: 50px;
height: 50px;
background: var(--color-white);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 5px 20px #0000001a;
color: var(--color-violet);
animation: orbit-counter-rotate 20s linear infinite;
animation-duration: 20s;
}
.orbit-1 {
width: 300px;
height: 300px;
top: 50px;
left: 50px;
}
.icon-1 {
top: -25px;
left: calc(50% - 25px);
color: var(--color-orange);
animation-duration: 20s;
}
.orbit-2 {
width: 200px;
height: 200px;
top: 100px;
left: 100px;
animation-duration: 15s;
animation-direction: reverse;
}
.icon-2 {
top: calc(50% - 25px);
right: -25px;
animation-duration: 15s;
animation-direction: reverse;
}
.orbit-3 {
width: 350px;
height: 350px;
top: 25px;
left: 25px;
animation-duration: 25s;
}
.icon-3 {
bottom: -25px;
left: calc(50% - 25px);
color: var(--color-orange);
animation-duration: 25s;
}
.orbit-4 {
width: 150px;
height: 150px;
top: 125px;
left: 125px;
animation-duration: 12s;
animation-direction: reverse;
}
.icon-4 {
top: calc(50% - 25px);
left: -25px;
animation-duration: 12s;
animation-direction: reverse;
}
.center-element {
position: absolute;
top: 50%;
left: 50.7%;
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
animation: pulse 3s ease-in-out infinite;
padding: 10px;
}
.logo-container[data-astro-cid-tvrurpns] {
display: flex;
align-items: center;
justify-content: center;
}
.logo-svg[data-astro-cid-tvrurpns] {
height: 100%;
width: auto;
transition: all .3s ease;
}
@media (max-width: 768px) {
.orbit-container {
width: 250px;
height: 250px;
}
.orbit-1 {
width: 200px;
height: 200px;
top: 25px;
left: 25px;
}
.orbit-2 {
width: 150px;
height: 150px;
top: 50px;
left: 50px;
}
.orbit-3 {
width: 220px;
height: 220px;
top: 15px;
left: 15px;
}
.orbit-4 {
width: 100px;
height: 100px;
top: 75px;
left: 75px;
}
} .partner-slider a:hover {
transform: scale(1.2);
} .features-section {
display: flex;
flex-direction: column;
gap: 1rem;
margin-bottom: 2rem;
}
.feature-item {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 0.5rem 0;
}
.feature-icon {
width: 40px;
height: 40px;
background: var(--color-white);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--color-orange);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
flex-shrink: 0;
}
.feature-text {
font-size: 1.5rem;
font-weight: 700;
margin-right: 0.5rem;
}
.feature-description {
font-size: 1.3rem;
color: var(--color-dark-gray);
font-weight: 400;
}
@media (max-width: 768px) {
.feature-text,
.feature-description {
font-size: 1.3rem;
}
.feature-item {
flex-direction: column;
text-align: center;
gap: 0.5rem;
padding: 0.25rem 0;
}
} .core-values {
padding: 100px 0;
background: var(--color-light-gray);
}
.core-values-main-title {
text-align: center;
font-size: 3rem;
font-weight: 800;
margin-bottom: 4rem;
color: var(--color-black);
line-height: 1.2;
}
.core-values-main-title .highlight-orange {
color: var(--color-orange);
}
.expand-all-section {
text-align: center;
margin-top: 3rem;
}
.expand-all-button {
background: var(--color-violet);
color: var(--color-white);
border: none;
padding: 15px 30px;
border-radius: 30px;
font-size: 1.1rem;
font-weight: 600;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 10px;
transition: all 0.3s ease;
box-shadow: 0 5px 15px rgba(126, 32, 214, 0.3);
}
.expand-all-button:hover {
background: var(--color-orange);
transform: translateY(-3px);
box-shadow: 0 10px 25px rgba(255, 143, 5, 0.3);
}
.expand-all-button svg {
transition: transform 0.3s ease;
}
.expand-all-button.all-expanded svg {
transform: rotate(180deg);
}
.core-values-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
max-width: 1200px;
margin: 0 auto;
}
.core-value-card {
background: var(--color-white);
border-radius: 20px;
padding: 2.5rem;
text-align: center;
transition: all 0.3s ease;
cursor: pointer;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
}
.core-value-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: var(--color-orange);
transform: scaleX(0);
transition: transform 0.3s ease;
}
.core-value-card:hover::before {
transform: scaleX(1);
}
.core-value-card:hover {
transform: translateY(-10px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
.card-violet .value-icon {
color: var(--color-violet);
}
.card-orange .value-icon {
color: var(--color-orange);
}
.card-gray .value-icon {
color: var(--color-dark-gray);
}
.card-violet::before {
background: var(--color-violet);
}
.card-gray::before {
background: var(--color-dark-gray);
}
.value-icon {
margin-bottom: 1.5rem;
display: flex;
justify-content: center;
align-items: center;
}
.value-icon img {
width: 45%;
height: 45%;
object-fit: contain;
}
.value-title {
font-size: 2rem;
font-weight: 800;
margin-bottom: 0.5rem;
line-height: 1.2;
color: var(--color-black);
}
.value-subtitle {
font-weight: 700;
color: var(--color-dark-gray);
margin-bottom: 1.5rem;
font-size: 0.95rem;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.expandable-content {
max-height: 0;
overflow: hidden;
transition: all 0.4s ease;
opacity: 0;
text-align: left;
}
.expandable-content.expanded {
max-height: 1000px;
opacity: 1;
margin-top: 1.5rem;
}
.value-description {
color: var(--color-dark-gray);
margin-bottom: 1.5rem;
line-height: 1.6;
font-size: 0.90rem;
}
.value-benefits {
list-style: none;
margin-bottom: 1.5rem;
padding-left: 0 !important;
font-size: 0.90rem;
}
.value-benefits li {
position: relative;
padding-left: 1.5rem;
margin-bottom: 0.75rem;
color: var(--color-dark-gray);
line-height: 1.5;
}
.value-benefits li::before {
content: '•';
position: absolute;
left: 0;
color: var(--color-orange);
font-weight: bold;
font-size: 1.2rem;
}
.card-violet .value-benefits li::before {
color: var(--color-violet);
}
.card-gray .value-benefits li::before {
color: var(--color-dark-gray);
}
.value-conclusion {
color: var(--color-dark-gray);
line-height: 1.6;
padding-top: 1.5rem;
border-top: 1px solid var(--color-medium-gray);
font-style: italic;
font-size: 0.90rem;
}
@media (max-width: 768px) {
.core-values {
padding: 80px 0;
}
.core-values-main-title {
font-size: 2.5rem;
margin-bottom: 3rem;
}
.core-values-grid {
grid-template-columns: 1fr;
gap: 1.5rem;
}
.core-value-card {
padding: 2rem;
}
.value-title {
font-size: 1.8rem;
}
}
@media (max-width: 480px) {
.core-value-card {
padding: 1.5rem;
}
.core-values-main-title {
font-size: 2rem;
}
.value-title {
font-size: 1.6rem;
}
} .offer-cards ul {
list-style: none;
margin-left: 1.5rem !important;
padding-left: 1.5rem;
}
.offer-cards li::before {
content: '•';
position: absolute;
left: 0;
color: var(--color-orange);
font-weight: bold;
font-size: 1.2rem;
} @keyframes contact-float {
0%,
to {
transform: translateY(0)
}
50% {
transform: translateY(-20px)
}
}
@keyframes contact-pulse {
0%,
to {
transform: translate(-50%, -50%) scale(1)
}
50% {
transform: translate(-50%, -50%) scale(1.1)
}
}
.wp-block-lazyblock-win2-contact-animation {
display: flex;
justify-content: center;
align-items: center;
}
.visual-elements {
position: relative;
width: 300px;
height: 300px;
}
.visual-elements .floating-element {
position: absolute;
width: 60px;
height: 60px;
background: var(--color-white);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 5px 20px #0000001a;
animation: contact-float 4s ease-in-out infinite;
animation-delay: 0s;
}
.visual-elements .element-1 {
top: 20px;
left: 20px;
color: var(--color-orange);
animation-delay: 0s;
}
.visual-elements .element-2 {
top: 50px;
right: 30px;
color: var(--color-violet);
animation-delay: 1s;
}
.visual-elements .element-3 {
bottom: 40px;
left: 40px;
color: var(--color-orange);
animation-delay: 2s;
}
.visual-elements .main-illustration {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.visual-elements .illustration-circle {
width: 120px;
height: 120px;
background: linear-gradient(135deg, var(--color-orange), var(--color-violet));
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--color-white);
animation: contact-pulse 3s ease-in-out infinite;
box-shadow: 0 10px 30px #7e20d64d;
}
@media (max-width: 768px) {
.visual-elements {
width: 200px;
height: 200px;
}
.visual-elements .illustration-circle {
width: 80px;
height: 80px;
}
.visual-elements .floating-element {
width: 50px;
height: 50px;
}
.visual-elements .floating-element svg {
width: 24px;
height: 24px;
}
.visual-elements .illustration-circle svg {
width: 48px;
height: 48px;
}
} .event-calendar {
padding: 80px 0;
background: var(--color-white);
}
.event-calendar .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.calendar-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 3rem;
flex-wrap: wrap;
}
.calendar-header > * {
flex-basis: 100%;
}
.calendar-title {
font-size: 1.8rem;
font-weight: 800;
color: var(--color-black);
flex-grow: 0;
}
.calendar-filters {
display: flex;
gap: 1rem;
flex-wrap: wrap;
flex-grow: 1;
justify-content: center;
}
.filter-btn {
background: transparent;
border: 2px solid var(--color-medium-gray);
color: var(--color-dark-gray);
padding: 10px 20px;
border-radius: 25px;
font-weight: 600;
font-size: .8rem;
cursor: pointer;
transition: all .3s ease;
white-space: nowrap;
}
.filter-btn:hover, .filter-btn.active {
background: var(--color-orange);
border-color: var(--color-orange);
color: var(--color-white);
transform: translateY(-2px);
}
.events-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 2rem;
}
@media (min-width: 869px) {
.events-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
.events-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1100px) {
.calendar-header {
flex-wrap: nowrap;
}
.calendar-header > * {
flex-basis: auto;
}
.calendar-filters {
justify-content: flex-end;
}
} .event-card {
display: flex;
flex-direction: column;
justify-content: space-between;
background: var(--color-white);
border-radius: 20px;
overflow: hidden;
box-shadow: 0 5px 20px #00000014;
transition: all .3s ease;
position: relative;
}
.event-card:hover {
transform: translateY(-8px);
box-shadow: 0 15px 40px #00000026;
}
.event-card p {
margin-bottom: 0;
}
.event-image {
position: relative;
height: 200px;
overflow: hidden;
}
.event-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: transform .3s ease;
}
.event-card:hover .event-image img {
transform: scale(1.05);
}
.event-category-badge {
position: absolute;
bottom: 15px;
left: 15px;
background: #7e20d6e6;
color: var(--color-white);
padding: 6px 12px;
border-radius: 15px;
font-size: .85rem;
font-weight: 600;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.event-content {
padding: 1.5rem 1.5rem 0 1.5rem;
}
.event-meta {
display: flex;
gap: .5rem;
margin-bottom: 1rem;
font-size: .8rem;
color: var(--color-dark-gray);
flex-wrap: wrap;
}
.event-date, .event-time {
display: flex;
align-items: center;
gap: .5rem;
flex-basis: 100%;
}
.event-date svg, .event-time svg {
color: var(--color-orange);
}
.event-title {
font-size: 1.2rem;
font-weight: 700;
margin-bottom: .8rem;
color: var(--color-black);
line-height: 1.3;
}
.event-location {
display: flex;
align-items: center;
gap: .5rem;
margin-bottom: 1rem;
font-size: .8rem;
color: var(--color-dark-gray);
}
.event-location svg {
color: var(--color-violet);
}
.event-description {
color: var(--color-dark-gray);
margin-bottom: 1.5rem;
line-height: 1.6;
font-size: .85rem;
}   .event-footer {
display: flex;
justify-content: space-between;
align-items: center;
font-size: .9rem;
padding: 0 1.5rem 1.5rem 1.5rem;
}
.event-price-placeholder {
min-height: 1.1rem;
}
.coming-soon-button,
.coming-soon-button:active,
.coming-soon-button:visited {
background: var(--color-orange);
color: var(--color-white);
border: none;
padding: 5px 20px;
border-radius: 25px;
font-weight: 600;
display: flex;
align-items: center;
gap: 8px;
font-size: .8rem;
opacity: .8;
}
.coming-soon-button:disabled {
background: var(--color-dark-gray);
padding: 10px 20px;
cursor: not-allowed;
}
.coming-soon-button:hover {
background: var(--color-violet);
color: var(--color-white);
}
.coming-soon-button svg {
animation: pulse 2s ease-in-out infinite;
} .rooms-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 2rem;
max-width: 1200px;
margin: 0 auto;
}
.room-card {
background: var(--color-white);
border-radius: 20px;
overflow: hidden;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
position: relative;
border: 2px solid transparent;
}
.room-card:hover {
transform: translateY(-8px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
border-color: var(--color-orange);
}
.room-card.featured {
border-color: var(--color-violet);
}
.room-card.featured::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: var(--color-violet);
z-index: 1;
}
.room-image {
position: relative;
height: 200px;
overflow: hidden;
}
.room-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.room-card:hover .room-image img {
transform: scale(1.05);
}
.room-capacity {
position: absolute;
bottom: 15px;
left: 15px;
background: rgba(0, 0, 0, 0.8);
color: var(--color-white);
padding: 6px 12px;
border-radius: 20px;
font-size: 0.9rem;
font-weight: 600;
backdrop-filter: blur(10px);
}
.featured-badge {
position: absolute;
top: 15px;
right: 15px;
background: var(--color-violet);
color: var(--color-white);
padding: 6px 15px;
border-radius: 15px;
font-size: 0.85rem;
font-weight: 600;
}
.room-content {
padding: 2rem;
}
.room-name {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 1rem;
color: var(--color-black);
}
.room-description {
color: var(--color-dark-gray);
margin-bottom: 1.5rem;
line-height: 1.6;
}
.room-features {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.75rem;
margin-bottom: 1.5rem;
}
.feature {
font-size: 0.9rem;
color: var(--color-dark-gray);
display: flex;
align-items: center;
gap: 0.5rem;
}
.room-pricing {
display: flex;
align-items: baseline;
gap: 0.5rem;
margin-bottom: 1.5rem;
}
.price {
font-size: 2rem;
font-weight: 800;
color: var(--color-orange);
}
.price-unit {
color: var(--color-dark-gray);
font-size: 1rem;
}
.select-room-btn {
background: var(--color-violet);
color: var(--color-white) !important;
border: none;
padding: 15px 25px;
border-radius: 25px;
font-weight: 600;
cursor: pointer;
width: 100%;
transition: all 0.3s ease;
font-size: 1rem;
}
.select-room-btn:hover {
background: var(--color-orange);
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(255, 143, 5, 0.3);
}
.room-card.featured .select-room-btn {
background: var(--color-orange);
}
.room-card.featured .select-room-btn:hover {
background: var(--color-violet);
}
@media (max-width: 768px) {
.rooms-grid {
grid-template-columns: 1fr;
}
.room-features {
grid-template-columns: 1fr;
}
} .benefit-card {
border-radius: 20px;
overflow: hidden !important;
}
.benefit-card:hover {
transform: translateY(-8px);
box-shadow: 0 15px 40px #0000001a;
}
.benefit-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(135deg, var(--color-orange), var(--color-violet));
transform: scaleX(0);
transition: transform .3s ease;
}
.benefit-card:hover::before {
transform: scaleX(1);
}
@media (max-width: 480px) {
.benefit-card {
padding: 2rem;
}
} .pricing-table {
width: 100%;
border-collapse: collapse;
background: var(--color-white);
border-radius: 15px;
overflow: hidden;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}
.pricing-table .table-header-cell {
background: var(--color-violet);
color: var(--color-white);
padding: 1.5rem 2rem;
font-size: 1.2rem;
font-weight: 700;
text-align: left;
border: none;
}
.pricing-table .table-header-cell:last-child {
text-align: right;
}
.pricing-table .table-row {
transition: all 0.3s ease;
}
.pricing-table .table-row:hover {
background: var(--color-light-gray);
transform: scale(1.01);
}
.pricing-table .table-cell {
padding: 1.5rem 2rem;
border: none;
border-bottom: 1px solid var(--color-medium-gray);
font-size: 1.1rem;
font-weight: 700;
color: var(--color-black);
}
.pricing-table .table-row:last-child .table-cell {
border-bottom: none;
}
.pricing-table .price-cell {
text-align: right;
color: var(--color-orange);
font-weight: 800;
font-size: 1.2rem;
}
.pricing-table .price-cell small {
color: var(--color-dark-gray);
font-size: 0.75rem;
font-weight: normal;
opacity: 0.8;
}
@media (max-width: 768px) {
.pricing-table .table-header-cell,
.pricing-table .table-cell {
padding: 1rem 1.5rem;
}
.pricing-table .table-header-cell {
font-size: 1rem;
}
.pricing-table .table-cell {
font-size: 1rem;
}
.pricing-table .price-cell {
font-size: 1.1rem;
}
}
@media (max-width: 412px) {
.pricing-table {
margin-left: -16px;
}
} .special-offer:hover {
transform: translateY(-8px);
box-shadow: 0 15px 40px #0000001a;
} .wpcf7 form > div,
.wpcf7 form > p {
margin-bottom: 1.4rem;
}
.contact-form-section {
padding: 80px 0;
background: var(--color-white);
}
.contact-form-wrapper {
background: var(--color-light-gray);
border-radius: 20px;
padding: 2rem 2rem 0 2rem !important;
box-shadow: 0 5px 20px #0000000d;
max-width: 800px !important;
margin: 0 auto;
}
.contact-form-wrapper > * {
max-width: 100% !important;
row-gap: 0 !important;
}
.form-header {
text-align: center;
}
.form-title {
font-size: 2.5rem;
font-weight: 700;
color: var(--color-black);
margin-bottom: 1rem;
}
.form-subtitle {
color: var(--color-dark-gray);
font-size: 1rem;
}
.form-note {
font-size: .9rem;
color: var(--color-violet);
font-style: italic;
margin-bottom: 2rem;
line-height: 1.5;
font-weight: 500;
text-align: center;
padding: 1rem;
background: #7e20d60d;
border-radius: 10px;
border-left: 3px solid var(--color-violet);
}
.contact-form-wrapper .row {
display: flex;
flex-wrap: wrap;
gap: 0;
margin-bottom: 0;
}
@media (min-width: 769px) {
.contact-form-wrapper .row {
flex-wrap: nowrap;
gap: 1rem;
}
}
.contact-form-wrapper .row.col-2 > * {
flex-basis: 100%;
}
@media (min-width: 769px) {
.contact-form-wrapper .row.col-2 > * {
flex-basis: 50%;
}
}
.contact-form-wrapper label {
font-weight: 600;
color: var(--color-black);
margin-bottom: .5rem;
font-size: .95rem;
}
.contact-form-wrapper input:not([type="checkbox"]):not([type="submit"]),
.contact-form-wrapper select,
.contact-form-wrapper textarea {
padding: 10px 15px;
border: 2px solid transparent;
border-radius: 10px;
font-size: 1rem;
background: var(--color-white);
transition: all .3s ease;
}
.contact-form-wrapper .wpcf7-list-item {
margin-left: 0;
}
.contact-form-wrapper .wpcf7-submit {
background: var(--color-violet);
color: var(--color-white);
border: none;
padding: 18px 35px;
border-radius: 30px;
font-size: 1.1rem;
font-weight: 600;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
transition: all .3s ease;
margin-top: 1rem;
box-shadow: 0 5px 15px #7e20d64d;
width: 100%;
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}