/*************************** FOOTER STYLES START **************************/
.site-footer-separator {
    background: rgba(255, 255, 255, .1);
    height: 1px;
    width: 100%;
    border: none;
    margin-bottom: 0;
}

.footer-container {
    background-color: #262523;
    color: #dbc687;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding: var(--wp--preset--spacing--70);
    padding-bottom: 0px;
}

.footer-container .footer-content {
    padding-bottom: 20px;
}

.site-info {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 1.875em 0;
    margin: 0;
}

.site-info .copyright {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.site-info .copyright span:nth-child(1) {
    flex: 0 0 50%;
    text-align: left;
    padding: 0px 20px;
}

.site-info .copyright span:nth-child(2) {
    flex: 0 0 50%;
    text-align: right;
    padding: 0px 20px;
}

.footer-link {
    color: #dbc687;
}

.footer-link:hover {
    color: #fde6a0;
}

@media (max-width: 600px) {
    /* Your styles here */
    .site-info .copyright {
        flex-direction: column;
    }
    .site-info .copyright span:nth-child(1), .site-info .copyright span:nth-child(2) {
        text-align: center;
        padding: 5px;
    }
}

/*************************** FOOTER STYLES START ******************************/
/*************************** ABOUT PAGE STYLES START **************************/
.about-container {
    display: flex;
    flex-direction: row;
}

.about-container .image-container {
    flex: 1;
    padding-top: var(--wp--preset--spacing--80);
    padding-bottom: var(--wp--preset--spacing--80);
}

.about-container .image-container img {
    border-radius: 35px;
    width: 492px;
    height: auto;
}

.about-container .content-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding-left: var(--wp--preset--spacing--50);
    padding-top: var(--wp--preset--spacing--80);
    padding-bottom: var(--wp--preset--spacing--80);
}

.about-container .content-container p {
    text-align: left;
}

@media (max-width: 600px) {
    .about-container {
        flex-direction: column;
    }

    .about-container .content-container {
        padding-left: 0px;
        padding-top: 0px;
    }
}

/*************************** ABOUT PAGE STYLES END ******************************/
/*************************** EVENT PAGE STYLES START ****************************/
.event-container {
    display: flex;
    flex-direction: row;
}

.event-container .image-container {
    flex: 1;
    padding-top: var(--wp--preset--spacing--80);
    padding-bottom: var(--wp--preset--spacing--80);
}

.event-container .image-container img {
    border-radius: 35px;
    width: 492px;
    height: auto;
}

.event-container .content-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding-left: var(--wp--preset--spacing--50);
    padding-top: var(--wp--preset--spacing--80);
    padding-bottom: var(--wp--preset--spacing--80);
}

.event-container .content-container p, 
.event-container .content-container ul {
    text-align: left;
}

.event-container .content-container p {
    margin: 0px;
}

.event-container .content-container button {
    background-color: #262523;
    color: #dbc687;
}

.event-container .content-container button:hover {
    background-color: #302e2c;
}

@media (max-width: 600px) {
    .event-container {
        flex-direction: column;
    }

    .event-container .content-container {
        padding-left: 0px;
        padding-top: 0px;
    }
}


/*************************** EVENT PAGE STYLES END ******************************/
/*************************** INSPIRATION PAGE STYLES START **********************/
.inspiration-container {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding-bottom: var(--wp--preset--spacing--80);
}

.inspiration-container h1 {
    padding: var(--wp--preset--spacing--80);
    margin: 0px;
}

.inspiration-container .image-container {
    display: flex;
    flex-direction: row;
}

.inspiration-container .image-container img {
    flex: 1;
    border-radius: 35px;
    width: 492px;
    height: auto;
    padding: 10px;
}

@media (max-width: 1024px) {
    .inspiration-container .image-container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

/*************************** INSPIRATION PAGE STYLES END ************************/
/*************************** PRODUCT LIST PAGE STYLES START *********************/
.product-list-container {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding-bottom: var(--wp--preset--spacing--80);
    gap: 10px;
}

.product-list-container h1 {
    padding: var(--wp--preset--spacing--80);
    margin: 0px;
}

.product-list-container .row-container {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.product-list-container .row-container .product-container {
    flex: 1;
    border-radius: 20px;
    background-color: #262523;
    color: #dbc687;
    padding: 10px;
}

.product-list-container .row-container .empty-product-container {
    flex: 1;
}


.product-list-container .row-container .product-container img {
    border-radius: 20px;
}

/*************************** PRODUCT LIST PAGE STYLES END ***********************/
/*************************** PRODUCT PAGE STYLES START **************************/
.product-element-container {
    display: flex;
    flex-direction: row;
    text-align: left;
}

.product-element-container .image-container {
    flex: 1;
    padding-top: var(--wp--preset--spacing--80);
    padding-bottom: var(--wp--preset--spacing--80);
}

.product-element-container .image-container img {
    border-radius: 35px;
    width: 492px;
    height: auto;
}

.product-element-container .content-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: var(--wp--preset--spacing--50);
    padding-top: var(--wp--preset--spacing--80);
    padding-bottom: var(--wp--preset--spacing--80);
}

.product-element-container .content-container h1 {
    margin: 0px;
}

.product-element-container .content-container p {
    flex: 1;
}

.product-element-container .content-container button {
    margin-bottom: 10px;
    background-color: #262523;
    color: #dbc687;
}

.product-element-container .content-container button:hover {
    background-color: #302e2c;
}

/*************************** PRODUCT PAGE STYLES END ****************************/
/*************************** APPOINTMENT PAGE STYLES START **********************/
.appointment-container {
    display: flex;
    text-align: center;
    padding-top: var(--wp--preset--spacing--80);
    padding-bottom: var(--wp--preset--spacing--80);
}

.appointment-container h1 {
    flex: 1;
}

/*************************** APPOINTMENT PAGE STYLES END ************************/
/*************************** CONTACT PAGE STYLES START **************************/
.icon-contact {
    font-size: 60px;
}

.contact-container {
    display: flex;
    flex-direction: row;
}

.contact-container .image-container {
    flex: 1;
    padding-top: var(--wp--preset--spacing--80);
    padding-bottom: var(--wp--preset--spacing--80);
}

.contact-container .image-container img {
    border-radius: 35px;
    width: 492px;
    height: auto;
}

.contact-container .content-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding-left: var(--wp--preset--spacing--50);
    padding-top: var(--wp--preset--spacing--80);
    padding-bottom: var(--wp--preset--spacing--80);
}

.contact-container .content-container .nested-container {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    gap: 20px;
}


.contact-container .content-container .nested-container div {
    flex: 1;
    background-color: #262523;
    border-radius: 24px;
    color: #dbc687;
    padding: var(--wp--preset--spacing--40) 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contact-container .content-container .nested-container div:hover,
.contact-container .content-container .nested-container div:hover .title,
.contact-container .content-container .nested-container div:hover .content {
    background-color: #302e2c;
}

.contact-container .content-container .nested-container div .title {
    font-size: 24px;
    font-weight: 600;
}

@media (max-width: 600px) {
    .contact-container {
        flex-direction: column;
    }

    .contact-container .content-container {
        padding-left: 0px;
        padding-top: 0px;
    }

    .contact-container .content-container .nested-container {
        flex-direction: column;
    }
}

/*************************** CONTACT PAGE STYLES END ******************************/