@font-face {
    font-family: "OroraFontInline";
    src: url("/wp-content/themes/astra-orora/fonts/Phosphate-Inline.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "OroraFontSolid";
    src: url("/wp-content/themes/astra-orora/fonts/Phosphate-Solid.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "GentiumOrora";
    src: url("/wp-content/themes/astra-orora/fonts/Gentium/GentiumPlus-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "SquarishOrora";
    src: url("/wp-content/themes/astra-orora/fonts/Squarish/Squarish-Sans-CT-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "WLMOrora";
    src: url("/wp-content/themes/astra-orora/fonts/WLM/WLM-Idea-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MPlusOrora";
    src: url("/wp-content/themes/astra-orora/fonts/MPlus1/mplus-1c-black.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

:root {
    --orora-purple: #6F5091;
    --container: 1200px;
    --orora-elements-background: url("https://orora.solakis-kon.com/wp-content/uploads/2025/06/elements-cropped-scaled.webp");
    --orora-about-us-background: url("https://orora.solakis-kon.com/wp-content/uploads/2025/08/DSC00975-2-scaled.webp");
    --orora-kumo: url("https://orora.solakis-kon.com/wp-content/uploads/2025/06/kumo-vector.webp");
    --orora-yama: url("https://orora.solakis-kon.com/wp-content/uploads/2025/06/yama-vector.webp");
    --orora-fugu: url("https://orora.solakis-kon.com/wp-content/uploads/2025/06/fugu-vector.webp");
    --orora-kumo-white: url("https://orora.solakis-kon.com/wp-content/uploads/2025/08/kumo-vector-white.webp");
    --orora-yama-white: url("https://orora.solakis-kon.com/wp-content/uploads/2025/08/yama-vector-white.webp");
    --orora-fugu-white: url("https://orora.solakis-kon.com/wp-content/uploads/2025/08/fugu-vector-white.webp");
    --orora-font: WLMOrora;
}

body {
    font-family: var(--orora-font), sans-serif;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6
{
    font-family: var(--orora-font), sans-serif;
}

.menu-link {
    font-family: var(--orora-font), sans-serif;
    text-transform: uppercase;
}

.sub-menu .menu-item {
    align-items: center;
}

#colophon .menu-link {
    text-transform: none;
}

#colophon .menu-link:hover {
    text-decoration: underline;
}

.home #content {
    background: linear-gradient(to bottom, var(--orora-purple), #271c33) no-repeat fixed center;
    background-size: cover;
    position: relative;
}

.home #content .frontpage_container {
    position: absolute;
    width: 100vw;
    max-width: none;
    left: 0;
    height: 50vh;
}

.frontpage_container_placeholder {
    height: 50vh;
}

#lottie-home {
    width: 100vw;
    max-width: 1700px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 3rem;
}

.products > li {
    justify-content: end;
}

#floating-vector {
    position: fixed;
    pointer-events: none;
    width: 40px;
    z-index: 9999;
    transition: none;
}

#menu-products, #menu-products-1 {
    display: flex;
    gap: 9vw;
    font-size: 32px;
}

#menu-products > li > a:hover, #menu-products-1 > li > a:hover {
    text-decoration: underline;
}

.orora_menu_link_svg {
    width: 80px;
    border-bottom: 2px solid transparent;
    padding-bottom: 1px;
}

.orora_menu_link_svg:hover {
    border-bottom: 2px solid var(--orora-purple);
}

#colophon .orora_menu_link_svg {
    width: 65px;
}

#menu-link-yama {
    background-image: var(--orora-yama);
}

#menu-link-kumo {
    background-image: var(--orora-kumo);
}

#menu-link-fugu {
    background-image: var(--orora-fugu);
}

.single-product #menu-products > li > a, .single-product #menu-products-1 > li > a {
    color: white;
}

#content .background_section {
    background-image: var(--orora-elements-background);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    width: 100vw;
    max-width: none;
    margin-left: calc(-50vw + 50%);
}

.frontpage_section_content {
    position: relative;
    z-index: 1;
    padding: 1rem 0;    
    background: rgba(255, 255, 255, .8);
    max-width: none !important;
    left: 50%;
    transform: translateX(-50%);
}

.frontpage_section_wrapper {
    max-width: calc(var(--container) / 1.5);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.frontpage_section_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    max-width: calc(var(--container) / 2);
}

.section_info_container {
    text-align: center;
    max-width: calc(var(--container) / 1.5);
}

.section_info_container h2 {
    color: var(--orora-purple);
}

.section_info_container img {
    margin-bottom: 3rem;
}

.section_info_container p {
    font-size: 21px;
    color: var(--orora-purple);
    font-family: var(--orora-font);
}

.frontpage_section_wrapper {
    margin: auto;
    padding: 1rem;
}

.grid_elements_links {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    text-align: center;
}

.grid_element img {
    border-radius: 12px;
}

.grid_element.grid_elements_links .button {
    background-color: transparent;
    color: var(--orora-purple);
    text-decoration: none;
    border: 2px solid;
    border-radius: 2rem;
    font-weight: bold;
    padding: 1rem;
}

.grid_element.grid_elements_links .button:hover {
    background-color: var(--orora-purple);
    border: 2px solid white;
}

.section_info_container #the_new_brew_in_town {
    font-family: OroraFontSolid, sans-serif;
    font-size: 3rem;
    letter-spacing: 12px;
}

.products_slider_container {
    padding-top: 5rem;
    padding-bottom: 5rem;
    text-align: center;
}

.products_slider_container h2,
.products_slider_container h5 {
    color: whitesmoke;
    margin: 0;
}

.products_slider_container h5 {
    max-width: calc(var(--container) / 1.5);
    margin: 1rem auto;
    font-size: 1.5rem;
}

.frontpage_product_desc_container {
    max-width: calc(var(--container) / 2);
    margin: auto;
}

.frontpage_product_desc_container p {
    color: whitesmoke;
    font-size: 1.5rem;
    margin-top: -1rem;
}

.frontpage_blog_container {
    text-align: center;
}

.frontpage_blog_container h2,
.frontpage_blog_container h5 {
    color: whitesmoke;
    margin: 0;
}

#blog_slider_container {
    margin: 3rem 0;
    height: 450px;
    --swiper-pagination-color: var(--orora-purple);
    --swiper-navigation-color: whitesmoke;
    --swiper-pagination-bullet-inactive-color: whitesmoke;
}

.orora_blog_card {
    display: flex;
    height: 400px;
}

#blog_slider_container .orora_blog_card a {
    display: flex;
    flex-direction: column;
    justify-content: start;
    border: 1px solid whitesmoke;
    border-radius: 3rem;
    text-decoration: none;
}

#blog_slider_container .orora_blog_card a:hover {
    border-color: transparent;
}

.orora_blog_thumbnail_container {
    width: 100%;
    overflow: hidden;
}

.orora_blog_thumbnail_container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem;
}

.orora_blog_content_container h3 {
    color: whitesmoke;
}

.orora_blog_content_container {
    color: whitesmoke;
    text-align: left;
    padding: 1rem;
    display: flex;
    flex-direction: column;
}

.orora_blog_title {
    display: none;
}

@media (max-width: 921px) {
    #lottie-home {
        width: auto;
        max-width: none;
        left: auto;
        transform: none;
        padding: initial;
        height: 100vw;
    }

    .section_info_container img {
        margin-bottom: 2rem;
    }

    swiper-slide > img {
        width: 100%;
    }
}

@media (max-width: 769px) {
    .products_slider_container h5 {
        font-size: 1.1rem;
    }
}

.navigation.post-navigation {
    display: none;
}

#about-us-main-container {
    margin-left: calc(50% - 50vw);
    width: 100vw;
    max-width: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 90vh;
}

#about-us-left-container {
    background-image: var(--orora-about-us-background);
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

#about-us-right-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 5rem;
    font-size: 21px;
}

#about-us-right-container .about_us_content_container > * {
    color: var(--orora-purple);
}

.about_us_content_container {
    margin: 1rem 0;
}

@media (max-width: 780px) {
    #about-us-main-container {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    #about-us-left-container {
        height: 40vh;
    }

    #about-us-right-container {
        padding: 0 1rem;
    }
}

.footer-widget-area.widget-area.site-footer-focus-item {
    margin-bottom: 0;
}

.page-id-83 #content {
    background-color: var(--orora-purple);
}

.orora_contact_us_element, .orora_contact_us_element > a {
    color: white !important;
    text-decoration: none !important;
}

#post-83 .wpforms-field-label {
    color: white;
}

#wpforms-212-field_1, #wpforms-212-field_2 {
    border-radius: 2rem;
}

#wpforms-212-field_3 {
    border-radius: 1rem;
}

#wpforms-submit-212 {
    background-color: white;
    color: var(--orora-purple);
    border-radius: 2rem;
}

#wpforms-form-212 {
    max-width: 70%;
    margin: auto;
}

#post-83 {
    padding: 5rem 0;
}

.wpforms-submit-container {
    text-align: center;
}

.wp-singular.single.single-post #primary {
    margin-top: 60px;
    margin-bottom: 60px;
}

.related.products, .woocommerce-tabs.wc-tabs-wrapper {
    display: none !important;
}

.ast-woo-product-no-review {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    align-items: center;
}

.woocommerce-page #content .ast-woocommerce-container div.product div.summary {
    width: 100%;
}

@media (max-width: 680px) {
    .ast-woo-product-no-review {
        grid-template-columns: 1fr;
    }

    .woocommerce-page #content .ast-woocommerce-container div.product div.summary {
        margin-bottom: 3rem;
        padding: 1rem;
    }

    .woocommerce-product-gallery {
        width: 45% !important;
        margin-bottom: 0 !important;
    }
}

.product_title.entry-title {
    color: var(--orora-purple);
    font-size: 4rem;
    text-align: center;
}

.summary.entry-summary > p {
    color: var(--orora-purple);
    font-size: 27px;
    text-align: center;
}

.woocommerce-product-gallery__trigger {
    display: none;
}

.dropdown-menu-toggle.ast-header-navigation-arrow {
    display: none;
}

.orora_footer_menu_blends_container {
    display: flex;
    /*flex-direction: column;*/
    gap: 15px;
    justify-content: center;
    margin-top: 2em;
}

#menu-policies-menu {
    display: flex;
    gap: 15px;
    justify-content: center;
}

.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"] {
    margin-left: 0;
}

@media (max-width: 625px) and (min-width: 545px) {
    .footer-widget-area[data-section="sidebar-widgets-footer-widget-1"], .orora_footer_menu_blends_container {
        margin-left: 2em;
    }
}

@media (max-width: 545px) {
    #menu-policies-menu {
        flex-direction: column;
        margin-bottom: 2rem;
        gap: 5px;
    }
}

.blog #content {
    background-color: var(--orora-purple);
    color: white;
}

.blog #content .entry-title a{
    color: white;
}

.blog .ast-article-post .post-thumb-img-content img {
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center;
}

.blog article.post {
    border: 1px solid transparent;
}

.blog article.post:hover {
    border: 1px solid white;
    border-radius: 1rem;
    rotate: -1deg;
}

.blog .ast-grid-common-col {
    padding: 0;
}

.blog .ast-blog-featured-section {
    margin-bottom: .5em;
}

.post-thumb-img-content.post-thumb:hover {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.ast-article-post.remove-featured-img-padding .blog-layout-4 .post-content .ast-blog-featured-section .post-thumb-img-content {
    margin-left: -.5em;
    margin-right: -.5em;
}

.blog .ast-row {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, 25%);
    justify-content: center;
}

.blog .ast-article-inner {
    padding-left: .5em;
    padding-right: .5em;
}

.blog .entry-header {
    margin-top: 2em;
    margin-bottom: 0;
}

.blog .entry-meta .published {
    color: white;
    font-style: italic;
    font-weight: 400;
}

@media (max-width: 768px) {
    .blog .ast-row {
        grid-template-columns: repeat(2, 35%);
    }
}

@media (max-width: 565px) {
    .blog .ast-row {
        grid-template-columns: repeat(1, 65%);
    }
}

.ast-blog-layout-4-grid .ast-article-post {
    width: auto;
}

#trp-floater-ls.trp-bottom-left {
    left: 5%;
}

.trp-language-switcher {
    width: auto;
}

.trp-language-switcher > div {
    border: none;
}

.trp-language-switcher > div > a {
    padding: 3px 12px;
}

#ast-mobile-popup-wrapper #block-10 {
    text-align: center;
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 1062px) and (min-width: 1025px) {
    .menu-item > .menu-link {
        font-size: 19px !important;
    }
}