.yasmin-section .wp-block-heading,
.yasmin-single .wp-block-heading {
font-size: 1.5rem !important;
font-family: Montserrat,system-ui,sans-serif !important;
font-weight: 600 !important;
letter-spacing: 0.12em !important;
color: var(--color-heading-section) !important;
margin-bottom: 2.5rem !important;
display: inline-block !important;
max-width: 100% !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
word-break: break-word !important;
hyphens: auto !important;
position: relative !important;
}
.yasmin-section .wp-block-heading.yasmin-heading-upper,
.yasmin-single .wp-block-heading.yasmin-heading-upper {
text-transform: uppercase !important;
}
.yasmin-section .wp-block-heading.yasmin-heading-upper .yasmin-heading-lowercase,
.yasmin-single .wp-block-heading.yasmin-heading-upper .yasmin-heading-lowercase {
text-transform: none !important;
}
@media (min-width: 768px) {
.yasmin-section .wp-block-heading,
.yasmin-single .wp-block-heading {
font-size: 2rem !important;
}
}
.yasmin-section .wp-block-heading::after,
.yasmin-single .wp-block-heading::after {
content: '';
position: absolute;
left: 0;
bottom: -1rem;
width: 100%;
height: 3px;
background: #000000;
} .yasmin-section p {
margin-bottom: 1rem !important;
font-size: 1rem !important;
line-height: 1.5 !important;
font-family: Montserrat,system-ui,sans-serif !important;
font-weight: 400 !important;
}
.yasmin-section p a {
color: var(--color-accent);
text-decoration: none;
}
.yasmin-section p a:hover {
text-decoration: underline;
} .yasmin-section .wp-block-columns {
display: flex;
gap: 2.5rem !important; }
@media (min-width: 1024px) {
.yasmin-section .wp-block-columns {
gap: 4rem !important; }
} .yasmin-single__content p {
margin-bottom: 1rem;
font-size: 1rem;
line-height: 1.7;
font-family: Montserrat,system-ui,sans-serif;
font-weight: 400;
}
.yasmin-single__content a {
color: var(--color-accent);
text-decoration: none;
}
.yasmin-single__content a:hover {
text-decoration: underline;
} .clients-grid .client-logo {
height: 10rem;
}
.clients-grid .client-logo__image {
max-width: 100%;
max-height: 100%;
width: auto;
height: 100%;
object-fit: contain;
display: block;
} @media (min-width: 1024px) {
.client-logo--low-1 {
grid-column: 1 / span 2;
grid-row: 4;
}
.client-logo--low-2 {
grid-column: 3 / span 2;
grid-row: 4;
}
.client-logo--low-3 {
grid-column: 5 / span 2;
grid-row: 4;
}
.client-logo--low-4 {
grid-column: 7 / span 2;
grid-row: 4;
}
.client-logo--low-5 {
grid-column: 9 / span 2;
grid-row: 4;
}
} .yasmin-section .wp-block-image img {
width: auto;
height: auto;
max-width: 100%;
} .yasmin-measurements-grid,
.wp-block-yasmin-measurements-grid {
margin-top: 1.5rem; display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 0.75rem; column-gap: 2rem; font-size: 0.875rem; line-height: 1.25rem;
}
@media (min-width: 768px) {
.yasmin-measurements-grid,
.wp-block-yasmin-measurements-grid {
font-size: 1rem; }
}
.yasmin-measurements-grid__label {
text-transform: uppercase;
letter-spacing: 0.08em;
}
.yasmin-measurements-grid__value {
text-align: left;
} .yasmin-page-title {
margin-top: var(--yasmin-header-height, 6rem);
} .yasmin-blog-post {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.yasmin-blog-post:first-of-type {
padding-top: 0;
}
.yasmin-blog-post__title {
font-size: 1.25rem;
font-family: Montserrat,system-ui,sans-serif;
font-weight: 600;
letter-spacing: 0.12em;
color: var(--color-heading-section);
margin-top: 0.75rem;
margin-bottom: 1.5rem;
display: inline-block;
position: relative;
}
.yasmin-blog-post__title::after {
content: '';
position: absolute;
left: 0;
bottom: -0.75rem;
width: 50%;
height: 3px;
background: #000000;
}
.yasmin-blog-post__title a {
text-decoration: none;
}
.yasmin-blog-post__title a:hover {
text-decoration: none;
}
.yasmin-blog-post__meta {
font-size: 0.85rem;
color: #6b7280;
margin-bottom: 0.75rem;
}
.yasmin-blog-post__excerpt {
font-size: 0.95rem;
line-height: 1.6;
margin-top: 1rem;
font-weight: 500;
}
.yasmin-blog-post__readmore {
display: inline-block;
margin-top: 1rem;
padding: 0.75rem 1.5rem;
border: none;
background: var(--color-accent);
color: #ffffff;
font-size: 1rem;
cursor: pointer;
text-decoration: none;
}
.yasmin-blog-post__readmore:hover {
text-decoration: none;
}
.yasmin-blog-loop {
max-width: 720px;
margin: 0 auto;
}
.yasmin-blog-post__thumb {
margin-bottom: 1.5rem;
}
.yasmin-blog-post__thumb img {
width: 100%;
display: block;
aspect-ratio: 16 / 9;
height: auto;
object-fit: cover;
} .yasmin-single {
width: 100%;
padding-top: 8rem;
padding-bottom: 6rem;
display: flex;
justify-content: center;
}
.yasmin-single__inner {
width: 100%;
max-width: 720px;
margin: 0 auto;
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.yasmin-single__title {
margin-bottom: 0.5rem;
}
.yasmin-single__meta {
font-size: 0.85rem;
color: #6b7280;
margin-bottom: 1.5rem;
}
.yasmin-single__thumb {
margin-bottom: 2rem;
position: relative;
}
.yasmin-single__thumb img {
position: relative;
z-index: 1;
width: 100%;
display: block;
aspect-ratio: 16 / 9;
height: auto;
object-fit: cover;
border-radius: 0;
}
.yasmin-single__content {
font-size: 1rem;
line-height: 1.7;
}
.yasmin-single__content .wp-block-heading {
margin-top: 2rem;
margin-bottom: 1rem;
}
.yasmin-single__footer {
margin-top: 3rem;
} .yasmin-single__nav {
margin-top: 2.5rem;
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: space-between;
align-items: center;
}
.yasmin-single__nav-button {
display: inline-block;
padding: 0.75rem 1.5rem;
border: none;
background: var(--color-accent);
color: #ffffff;
font-size: 1rem;
font-family: Montserrat,system-ui,sans-serif;
cursor: pointer;
text-decoration: none;
}
.yasmin-single__nav-button:hover {
text-decoration: none;
}
.yasmin-single__nav-button--disabled {
background: #e5e7eb;
color: #9ca3af;
cursor: default;
pointer-events: none;
} @media (max-width: 767px) {
.yasmin-single__nav {
justify-content: center;
gap: 0.75rem;
}
.yasmin-single__nav-button {
flex: 1 1 0;
text-align: center;
padding-left: 0;
padding-right: 0;
font-size: 0; }
.yasmin-single__nav-prev::before,
.yasmin-single__nav-back::before,
.yasmin-single__nav-next::before {
display: inline-block;
font-size: 1.25rem;
line-height: 1;
}
.yasmin-single__nav-prev::before {
content: "←";
}
.yasmin-single__nav-back::before {
content: "↑";
}
.yasmin-single__nav-next::before {
content: "→";
}
} .yasmin-single__footer .commentlist {
list-style: none;
padding: 0;
margin: 3rem 0 0;
border-top: 1px solid rgba(148, 163, 184, 0.4);
}
.yasmin-single__footer .commentlist > li {
padding: 1.5rem 0;
border-bottom: 1px solid rgba(148, 163, 184, 0.25);
}
.yasmin-single__footer .comment-body {
margin: 0;
}
.yasmin-single__footer .comment-author {
display: flex;
align-items: center;
gap: 0.75rem;
font-size: 0.95rem;
font-weight: 500;
}
.yasmin-single__footer .comment-author .avatar {
border-radius: 9999px;
}
.yasmin-single__footer .comment-author .fn a {
text-decoration: none;
}
.yasmin-single__footer .comment-author .says {
font-weight: 400;
color: #6b7280;
}
.yasmin-single__footer .comment-metadata {
font-size: 0.8rem;
color: #9ca3af;
margin-top: 0.25rem;
}
.yasmin-single__footer .comment-content {
margin-top: 0.75rem;
font-size: 0.95rem;
line-height: 1.6;
}
.yasmin-single__footer .reply {
margin-top: 0.75rem;
}
.yasmin-single__footer .reply a {
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 0.12em;
}
.yasmin-single__footer .comment-respond {
margin-top: 3rem;
padding-top: 2rem;
border-top: 1px solid rgba(148, 163, 184, 0.4);
}
.yasmin-single__footer .comment-reply-title {
font-family: Montserrat,system-ui,sans-serif;
font-size: 1rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 1.5rem;
}
.yasmin-single__footer .logged-in-as {
font-size: 0.9rem;
color: #4b5563;
margin-bottom: 1rem;
}
.yasmin-single__footer .logged-in-as a {
display: inline-block;
margin-right: 0.75rem;
}
.yasmin-single__footer .logged-in-as .required-field-message {
display: block;
margin-top: 0.5rem;
}
.yasmin-single__footer .comment-form p {
margin-bottom: 1rem;
}
.yasmin-single__footer .comment-form-author label,
.yasmin-single__footer .comment-form-email label,
.yasmin-single__footer .comment-form-url label {
display: block;
font-size: 0.9rem;
font-weight: 500;
margin-bottom: 0.5rem;
}
.yasmin-single__footer .comment-form-author input,
.yasmin-single__footer .comment-form-email input,
.yasmin-single__footer .comment-form-url input {
width: 100%;
padding: 0.75rem 1rem;
border-radius: 0;
border: 1px solid var(--color-input-border);
font-family: Montserrat,system-ui,sans-serif;
font-size: 0.95rem;
line-height: 1.5;
}
.yasmin-single__footer .comment-form-author input:focus,
.yasmin-single__footer .comment-form-email input:focus,
.yasmin-single__footer .comment-form-url input:focus {
outline: 2px solid var(--color-accent);
outline-offset: 1px;
}
.yasmin-single__footer .comment-form-comment label {
display: block;
font-size: 0.9rem;
font-weight: 500;
margin-bottom: 0.5rem;
}
.yasmin-single__footer .comment-form-comment textarea {
width: 100%;
padding: 0.75rem 1rem;
border-radius: 0;
border: 1px solid var(--color-input-border);
font-family: Montserrat,system-ui,sans-serif;
font-size: 0.95rem;
line-height: 1.5;
}
.yasmin-single__footer .comment-form-comment textarea:focus {
outline: 2px solid var(--color-accent);
outline-offset: 1px;
}
.yasmin-single__footer .form-submit {
margin-top: 1.5rem;
}
.yasmin-single__footer .form-submit .submit {
display: inline-block;
padding: 0.75rem 1.5rem;
border: none;
background: var(--color-accent);
color: #ffffff;
font-size: 1rem;
font-family: Montserrat,system-ui,sans-serif;
cursor: pointer;
}
.yasmin-single__footer .form-submit .submit:hover {
opacity: 0.9;
} .yasmin-section .wp-block-loginout form {
max-width: 36rem;
}
.yasmin-section .wp-block-loginout form p {
margin-bottom: 1rem !important;
}
.yasmin-section .wp-block-loginout form label {
display: block;
font-size: 0.9rem;
font-weight: 500;
margin-bottom: 0.5rem;
}
.yasmin-section .wp-block-loginout form input[type='text'],
.yasmin-section .wp-block-loginout form input[type='email'],
.yasmin-section .wp-block-loginout form input[type='password'] {
width: 100%;
padding: 0.75rem 1rem;
border-radius: 0;
border: 1px solid var(--color-input-border);
font-family: Montserrat,system-ui,sans-serif;
font-size: 0.95rem;
line-height: 1.5;
background: #ffffff;
}
.yasmin-section .wp-block-loginout form input[type='text']:focus,
.yasmin-section .wp-block-loginout form input[type='email']:focus,
.yasmin-section .wp-block-loginout form input[type='password']:focus {
outline: 2px solid var(--color-accent);
outline-offset: 1px;
}
.yasmin-section .wp-block-loginout form .login-remember label {
display: inline-flex;
align-items: center;
gap: 0.5rem;
font-weight: 400;
margin-bottom: 0;
}
.yasmin-section .wp-block-loginout form .login-submit {
margin-top: 1.5rem;
}
.yasmin-section .wp-block-loginout form .button,
.yasmin-section .wp-block-loginout form input[type='submit'] {
display: inline-block;
padding: 0.75rem 1.5rem;
border: none;
background: var(--color-accent);
color: #ffffff;
font-size: 1rem;
font-family: Montserrat,system-ui,sans-serif;
cursor: pointer;
}
.yasmin-section .wp-block-loginout form .button:hover,
.yasmin-section .wp-block-loginout form input[type='submit']:hover {
opacity: 0.9;
} .yasmin-blog-post a,
.yasmin-blog-post a:hover,
.yasmin-single a,
.yasmin-single a:hover {
text-decoration: none;
} @media (max-width: 767px) {
.mobile-none {
display: none !important;
}
} @keyframes yasmin-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
} header .header-inner,
.yasmin-hero-slider .content,
.yasmin-floating-buttons,
.scroll-down-container,
.scroll-down-container .scroll-down,
.hero .hero-heading,
.hero p {
opacity: 0;
animation: yasmin-fade-in 0.5s ease-out 0.5s forwards;
} .yasmin-section-anim-init {
opacity: 0;
transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.yasmin-section-anim-visible {
opacity: 1;
}
.yasmin-section .wp-block-heading.yasmin-section-anim-init {
transform: translateX(24px);
}
.yasmin-section .wp-block-heading.yasmin-section-anim-visible {
transform: translateX(0);
} .yasmin-section p.yasmin-section-anim-init,
.yasmin-section .wp-block-paragraph.yasmin-section-anim-init {
transition: opacity 1s ease-out;
} @media (prefers-reduced-motion: reduce) {
header .header-inner,
.yasmin-hero-slider .content,
.yasmin-floating-buttons,
.scroll-down-container,
.scroll-down-container .scroll-down,
.hero .hero-heading,
.hero p {
opacity: 1 !important;
animation: none !important;
}
.yasmin-section-anim-init,
.yasmin-section-anim-visible {
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
}