/*
Theme Name: UMMA Watch
Author: UMMA Watch team
Author URI: https://ummawatch.com
Description: UMMA Watch website theme
Template: twentytwentythree
Requires at least: 6.1
Tested up to: 6.2
Requires PHP: 5.6
Text Domain: ummawatch
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/

html {
    /* font-size: 50%; */
}

.wp-site-blocks {
    padding: 0;
}

header.wp-block-template-part {
    position: relative;
    z-index: 2;
}

header>.wp-block-group {
    background: url(images/header-bg.jpg) center / cover;
}

header>.wp-block-group>.wp-block-group {
    max-width: 100rem;
    margin: auto;
    padding: 3.625rem 4rem 3.625rem 9rem;
}

.page-template-wp-custom-template-top-cover header>.wp-block-group {
    margin-bottom: -11.125rem;
    background: none;
}

header .languages .wp-block-navigation {
    color: var(--wp--preset--color--base) !important;
}

.page-template-wp-custom-template-top-cover header .languages .wp-block-navigation {
    color: var(--wp--preset--color--tertiary) !important;
}

header .wp-block-navigation.has-contrast-color {
    color: inherit !important;
}

header .wp-block-navigation__responsive-container-open {
    align-items: center;
}

.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
    width: 2.82rem;
    height: 1.7rem;
    margin-right: .5rem;
}

.wp-block-navigation__responsive-container.is-menu-open {
    position: absolute;
    top: 2.2rem;
    height: 64.6rem;
    right: auto;
    width: 22rem;
    left: -9rem;
    padding-left: 9rem;
    background-color: rgba(0, 0, 0, .9) !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding-top: 1.3rem;
}

main {
    margin: 0;
}

.wp-block-columns.page-columns {
    gap: 0;
}

.wp-block-columns.page-columns,
.wide-as-header {
    max-width: 100rem !important;
}

body.page .page-columns {
    margin-block-start: 0;
}

.page-columns .wp-block-cover {
    min-height: 58rem;
}

.page-columns.with-dark-side .wp-block-cover {
    min-height: 76rem;
}

.font-page-columns.with-dark-side .wp-block-cover {
    align-items: start;
}

.page-columns.with-dark-side .right-side .wp-block-cover {
    align-items: end;
}

.page-columns .wp-block-cover__background {
    opacity: 0;
}

.dark-side {
    font-family: var(--wp--preset--font-family--sf-pro-display);
    font-size: 1.25rem;
}

.dark-side .wp-block-cover {
    flex-direction: column;
}

.dark-side .wp-block-cover__inner-container {
    flex-grow: 1;
    display: flex;
}

.dark-side .wp-block-cover__inner-container>.wp-block-group:before {
    content: '';
    flex-basis: 28%;
}

.top-cover .dark-side .wp-block-cover__inner-container>.wp-block-group:before {
    flex-basis: 23%;
}

.dark-side .wp-block-cover__inner-container>.wp-block-group>.wp-block-group:first-child {
    flex-basis: 36%;
    display: flex;
    align-items: center;
}

.top-cover .dark-side .wp-block-cover__inner-container>.wp-block-group>.wp-block-group:first-child {
    flex-basis: 34%;
}

.dark-side .wp-block-cover {
    padding: 0 1rem 0 9rem;
}

.dark-side.right-side .wp-block-cover {
    padding: 0 9rem 0 1rem;
}

.top-cover .dark-side .wp-block-cover {
    padding: 0 9rem;
}

.home .dark-side .wp-block-cover .wp-block-cover__inner-container>.wp-block-group>.wp-block-group:last-child {
    margin: auto 0 6rem;
}

.home .top-cover .dark-side .wp-block-cover .wp-block-cover__inner-container>.wp-block-group>.wp-block-group:last-child {
    margin: auto 0 3.4rem;
}

.dark-side h2 {
    font-family: var(--wp--preset--font-family--bebas-neue);
    font-size: 6.75rem;
}

.dark-side h3 {
    font-size: 1.25rem;
    font-weight: bold;
    letter-spacing: .7rem;
}

.front-page-columns.top-cover .dark-side h1 {
    font-family: var(--wp--preset--font-family--gobold);
    font-size: 7rem;
}

.front-page-columns.top-cover .dark-side h4 {
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.4;
}

.top-cover .white-side h1 {
    font-size: 2.875rem;
}

.front-page-columns .top-cover .white-side h1 {
    font-size: 2rem;
}

.front-page-columns .top-cover .white-side h2 {
    font-size: 2rem;
}

.front-page-columns .top-cover .white-side h3 {
    font-size: 3.5rem;
}

.page-columns:not(.front-page-columns).top-cover .white-side p {
    font-size: 1.25rem;
    color: #8b8b8b;
}

.dark-side p {
    max-width: 26rem;
    margin-left: 0 !important;
}

.page-columns .white-side .wp-block-cover {
    padding: 7rem 0;
}

.front-page-columns .white-side .wp-block-cover {
    padding: 8rem 7.5rem;
    align-items: start;
}

.white-side .wp-block-cover .wp-block-cover__image-background {
    object-fit: none;
}

.text-side .wp-block-group {
    padding: 0 5.6rem;
}

.text-side p {
    font-size: var(--wp--preset--font-size--large);
    color: var(--wp--preset--color--secondary);
}

.right-side .wp-block-cover .wp-block-cover__inner-container {
    text-align: end;
}

.page-columns.with-dark-side .side-align-bottom .wp-block-cover {
    align-items: end;
    padding-bottom: 1rem;
}

.wp-block-cb-carousel .wp-block-image img {
    margin: auto;
}

.slick-prev:before,
.slick-next:before {
    content: '';
    display: inline-block;
    width: 1.625rem;
    height: 2.4375rem;
    background: url(images/prev.png) center / cover;
}

.slick-next:before {
    background-image: url(images/next.png);
}

.models-carousel {
    border-top: 1px solid #d6d6d6;
    padding-top: 6rem;
    margin: 2rem 0 5.5rem;
}

body.page .models-carousel {
    height: 48rem;
    margin: 2rem 0 12rem;
}

.models-carousel .slick-prev {
    left: -10rem;
}

.models-carousel .slick-next {
    right: -10rem;
}

.page-columns+.wp-block-group {
    margin-top: 7rem;
}

.wp-block-separator {
    border-width: 1px 0 0;
}

.testimonials {
    padding: 3.5rem 0 6rem;
    margin-bottom: 11rem;
}

.testimonials .wp-block-cb-carousel {
    max-width: calc(var(--wp--style--global--content-size) + 20rem);
    margin-top: 6rem;
    padding: 0 1.2rem;
}

.wp-block-media-text {
    grid-template-columns: auto !important;
}

.testimonials .wp-block-media-text__media img {
    border-radius: 50%;
}

.testimonials .wp-block-media-text__content {
    padding: 0 1rem;
}

.testimonials .wp-block-quote {
    margin: 0 0 0 1rem;
    border: none;
    padding: 0;
}

.testimonials .wp-block-quote p {
    font-family: var(--wp--preset--font-family--roboto);
    font-style: italic;
    font-weight: 300;
    font-size: 1.5rem;
    margin: .5rem 0;
}

.testimonials .wp-block-quote cite:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    border-bottom: 3px solid #f7b519;
    height: 0;
    width: 3.75rem;
    margin-right: .5rem;
}

.testimonials .wp-block-quote cite {
    font-size: 1.5rem;
}

.testimonials .slick-prev:before,
.testimonials .slick-next:before {
    width: .75rem;
    height: 1.375rem;
    background-image: url(images/prev-light.png);
}

.testimonials .slick-next:before {
    background-image: url(images/next-light.png);
}

.wp-block-image.alignfull img,
.wp-block-image.alignwide img {
    display: block;
    width: auto;
    margin: auto;
}

.gutena-forms-contact-form {
    --wp--gutena-forms--input-border-color: #a0a0a0;
}

.wp-block-gutena-forms .wp-block-gutena-form-field .gutena-forms-field {
    font-family: inherit;
    font-size: inherit;
}

.wp-block-gutena-forms .wp-block-gutena-form-field .gutena-forms-field::placeholder {
    color: #898888;
    font-family: inherit;
    font-size: inherit;
}

footer,
footer a {
    color: #acacac;
}

footer a {
    text-decoration: none;
}

footer,
footer .wp-block-navigation {
    font-size: 1.125rem;
}

footer .wp-block-columns {
    max-width: calc(var(--wp--style--global--content-size) * 1.4);
}

footer h5 {
    color: #fff;
}

footer .wp-block-navigation {
    font-size: 1.125rem;
    row-gap: .5rem;
    letter-spacing: .125rem;
    margin: 1.5rem 0 1rem;
}

footer .wp-block-group {
    background: #232323;
    padding: 3rem 0;
}

footer .wp-block-columns img {
    margin-top: 1rem;
}

footer .wp-block-group+.wp-block-group {
    color: #fff;
    background: #161616;
    font-size: .875rem;
    padding: 1.75rem 0;
}

.wp-block-gallery.product-images.alignleft {
    max-width: none;
    gap: 1rem;
    row-gap: 1.5rem;
}

.wp-block-gallery.product-images>figure.wp-block-image {
    border: 1px solid #c4c4c4;
    width: 10rem !important;
    height: 10rem !important;
    border-radius: 1rem;
    padding: 0 1.5rem;
    flex-grow: 0;
}

.wp-block-gallery.product-images figure.wp-block-image img {
    margin: auto;
}

.wp-block-gallery.has-nested-images figure.wp-block-image>a,
.wp-block-gallery.has-nested-images figure.wp-block-image>div {
    display: flex;
}

.side-line {
    border-left: 2px solid #000000;
    padding-left: 0.75rem;
}

.side-line p {
    font-size: .9375rem;
    line-height: 1;
    margin: 1rem;
}

.side-line p:first-child {
    color: #b8a47e;
}

.product-card {
    border: 1px solid #b5b3b3;
    border-radius: 3rem;
    padding: 5rem;
    max-width: 82rem !important;
    gap: 6rem;
}

h4 small {
    font-size: 1.5rem;
}

.product-card details {
    color: #383838;
}

.product-card details summary::marker,
.product-card details summary::-webkit-details-marker {
    content: none;
}

.product-card details summary::after {
    content: url('images/arrow-down.png');
    display: block;
    margin: .3rem 0 0 2.8rem;
}

.product-card .wp-block-cb-carousel {
    padding-bottom: 9rem;
}

.product-card .slick-dots {
    bottom: 1em;
}

.product-card .slick-dots li {
    margin: 0 1rem;
    vertical-align: middle;
}

.product-card .slick-dots li,
.product-card .slick-dots li button {
    width: auto;
    height: auto;
}

.product-card .slick-dots li button,
.product-card .slick-dots li button:before {
    font-family: inherit;
    font-size: 1.125rem;
    line-height: 1;
    color: #878787;
    font-weight: bold;
}

.product-card .slick-dots li button:before {
    content: '0';
    position: static;
    opacity: 1;
}

.product-card .slick-dots li.slick-active button {
    background: #3f3234 !important;
    border-radius: 50%;
    padding: 2rem;
}

.product-card .slick-dots li.slick-active button,
.product-card .slick-dots li.slick-active button:before {
    font-size: 2.5rem;
    line-height: 1;
    color: #fff;
}

.product-card .slick-prev,
.product-card .slick-next {
    top: auto;
    bottom: 3rem;
    z-index: 1;
}

.product-card .slick-prev {
    left: 1rem;
}

.product-card .slick-next {
    right: 1rem;
}

.product-card .slick-prev:before,
.product-card .slick-next:before {
    width: .9375rem;
    height: 1.5625rem;
    background-image: url(images/prev-slim.png);
}

.product-card .slick-next:before {
    background-image: url(images/next-slim.png);
}

@media (max-width: 781px) {
    header>.wp-block-group {
        padding: 2rem 5rem 3.625rem 5rem;
    }

    .page-template-wp-custom-template-top-cover header>.wp-block-group {
        margin-bottom: -9rem;
    }

    .wp-block-navigation__responsive-container.is-menu-open {
        width: 100vw;
        height: 42rem;
        box-sizing: border-box;
        left: -5rem;
        padding-left: 5rem;
    }

    body .is-layout-constrained>.page-columns:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    body .is-layout-constrained>.wide-as-header {
        margin-right: calc(-1 * var(--wp--style--root--padding-right)) !important;
        margin-left: calc(-1 * var(--wp--style--root--padding-left)) !important;
    }

    .page-columns.with-dark-side .wp-block-cover,
    .page-columns .wp-block-cover {
        min-height: calc(100vw);
    }

    .page-columns .wp-block-cover__inner-container>.wp-block-group {
        flex-wrap: nowrap;
    }

    .top-cover .dark-side .wp-block-cover {
        padding: 6rem 5rem 0 5rem;
    }

    .page-columns.top-cover .dark-side .wp-block-cover .wp-block-cover__inner-container,
    .page-columns.top-cover .dark-side .wp-block-cover .wp-block-cover__inner-container > .wp-block-group {
        width: 100%;
    }

    .page-columns.top-cover:not(.front-page-columns) .dark-side .wp-block-cover {
        padding-bottom: 5rem;
    }

    .page-columns.top-cover .dark-side h2,
    .front-page-columns.top-cover .dark-side h1 {
        font-size: 5.6rem !important;
    }

    .page-columns.top-cover:not(.front-page-columns) .dark-side p,
    .front-page-columns.top-cover .dark-side h4 {
        font-size: 2.3rem !important;
    }

    .top-cover .white-side .wp-block-cover {
        min-height: calc(100vw + 5rem);
        padding: 0;
        padding-right: var(--wp--style--root--padding-right);
        padding-left: var(--wp--style--root--padding-left);
        text-align: center;
    }

    .white-side .wp-block-cover .wp-block-cover__image-background {
        object-position: bottom;
    }

    .white-side.side-align-bottom .wp-block-cover {
        min-height: calc(100vw + 8rem);
        padding: 8rem 1.9rem;
    }

    .white-side.side-align-bottom .wp-block-cover .wp-block-cover__image-background {
        object-position: top;
    }

    .text-side .wp-block-group {
        padding: 0;
        padding-right: var(--wp--style--root--padding-right);
        padding-left: var(--wp--style--root--padding-left);
    }

    .text-side .wp-block-group .wp-block-heading {
        text-align: center;
    }

    .page-columns>.wp-block-column {
        margin-bottom: 4rem;
    }

    .dark-side .wp-block-cover,
    .dark-side.right-side .wp-block-cover {
        padding: 0;
        padding-right: var(--wp--style--root--padding-right);
        padding-left: var(--wp--style--root--padding-left);
    }

    .dark-side h2 {
        font-size: 6rem;
        white-space: nowrap;
    }

    .dark-side h3 {
        font-size: 1rem;
    }

    .models-carousel {
        padding-top: 4rem;
    }

    body.page .models-carousel {
        height: auto;
        margin: 0 0 4rem;
    }

    .models-carousel .slick-prev {
        left: 0rem;
        z-index: 1;
    }

    .models-carousel .slick-next {
        right: 0;
        z-index: 1;
    }

    .wp-block-cover.alignfull {
        padding-right: var(--wp--style--root--padding-right);
        padding-left: var(--wp--style--root--padding-left);
    }

    .testimonials .wp-block-cb-carousel {
        margin-top: 0;
        padding: 0;
    }

    .testimonials .wp-block-cb-carousel .slick-slide {
        padding: 0 1rem;
    }

    .testimonials .wp-block-media-text__content {
        padding: 0;
    }

    .testimonials .wp-block-quote {
        margin: 0;
    }

    .testimonials .wp-block-quote p {
        margin: 2rem 0;
        font-size: 1.4rem;
    }

    .testimonials .wp-block-quote cite:before {
        display: block;
        margin: 0 0 1rem;
    }

    .testimonials {
        margin-bottom: 4rem;
    }

    footer>.wp-block-group {
        padding-right: var(--wp--style--root--padding-right);
        padding-left: var(--wp--style--root--padding-left);
    }

    footer .wp-block-navigation {
        margin-top: 0.5rem;
    }

    .top-cover .white-side .wp-block-cover.has-custom-content-position {
        min-height: calc(100vw + 45rem);
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-right: var(--wp--style--root--padding-right);
        margin-left: var(--wp--style--root--padding-left);
        margin-bottom: 0 !important;
    }

    .top-cover .white-side .wp-block-cover.has-custom-content-position:not([style]) {
        min-height: calc(100vw + 26rem);
    }

    .top-cover .white-side .wp-block-cover.has-custom-content-position .wp-block-cover__image-background {
        object-fit: contain !important;
        object-position: top !important;
    }

    .wp-block-post-content > p + .wp-block-columns {
        margin-top: 4rem;
    }

    .wp-block-post-content.is-layout-constrained > .alignfull {
        padding-right: var(--wp--style--root--padding-right) !important;
        padding-left: var(--wp--style--root--padding-left) !important;
    }

    .wp-block-cover.wide-as-header {
        padding-right: var(--wp--style--root--padding-right) !important;
        padding-left: var(--wp--style--root--padding-left) !important;
        min-height: 0 !important;
        text-align: right;
    }

    .wp-block-cover.wide-as-header .wp-block-cover__image-background {
        object-position: right;
    }

    .product-card {
        padding: 2rem;
    }

    .product-card .slick-dots {
        display: none !important;
    }

    .product-card .slick-prev, .product-card .slick-next {
        top: 50%;
        bottom: auto;
    }

    .product-card .slick-prev {
        left: -1rem;
    }

    .product-card .slick-next {
        right: -1rem;
    }

    .product-card .wp-block-cb-carousel {
        padding: 0;
    }

    .product-card {
        gap: 3rem;
        text-align: center;
    }

    .product-card .side-line {
        border: none;
        padding: 0;
    }

    .product-card .wp-block-buttons {
        justify-content: center;
    }

    .product-card details summary::after {
        margin: 0
    }

    .side-line p {
        line-height: 1.5;
    }

    .wp-block-columns[style="margin-bottom:var(--wp--preset--spacing--80)"] {
        margin-bottom: 0 !important;
    }
}

@media (max-width: 512px) {
    header>.wp-block-group {
        padding: 2rem var(--wp--style--root--padding-right) 3.625rem var(--wp--style--root--padding-left);
    }

    .top-cover .dark-side .wp-block-cover {
        padding: 6rem var(--wp--style--root--padding-right) 0 var(--wp--style--root--padding-left);
    }

    .wp-block-navigation__responsive-container.is-menu-open {
        width: 100vw;
        height: 42rem;
        box-sizing: border-box;
        left: calc(-1 * var(--wp--style--root--padding-left));
        padding-left: var(--wp--style--root--padding-left);
    }
}