@import url("fonts.css");
@import url("typography.css");
@import url("nav.css");
@import url("sections/company_info.css");
@import url("sections/news_and_events.css");
@import url("sections/products.css");
@import url("sections/news.css");
@import url("components/banner.css");
@import url("components/menu.css");
@import url("components/slider.css");
@import url("components/tags.css");
@import url("components/video.css");
@import url("components/video_youtube.css");
@import url("pages/contact-us.css");
@import url("pages/custom.css");
@import url("pages/details.css");
@import url("pages/list.css");
@import url("pages/recipe.css");
@import url("pages/search.css");
@import url("utils.css");
@import url("maintenance.css");

body,
* {
    box-sizing: border-box;
}

a {
    color: var(--text-color-light);
    text-decoration: none;
}

a:hover {
    color: var(--text-color-light);
    text-decoration: none;
}

#app {
    /* max-width: 1440px; */
    margin: auto;
    background-color: var(--background-color-outer);
}

.brown-bg-rough {
    background-image: url("../images/br_roughness_brown.svg");
    background-size: cover;
    background-position-y: bottom;
}

.brown-bg-rough-banner {
    background-image: url("../images/br_roughness_brown_banner.svg");
    background-size: cover;
    background-position-y: bottom;
}

.brown-bg-rough-highlighted {
    background-image: url("../images/br_roughness_brown_banner.svg");
    background-size: cover;
    background-position-y: bottom;
}

.brown-bg-rough-footer {
    background-image: url("../images/br_roughness_brown_footer.svg");
    background-size: cover;
    background-position-y: bottom;
}

.warning-block {
    display: flex;
    align-items: center;
    max-width: 1312px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 60px;
    background-color: var(--text-color-colored);
    color: var(--text-color-light);
}

.warning-block-icon {
    width: 64px;
    height: 64px;
    background-image: url("../images/icons/warning_icon.png");
    background-repeat: no-repeat;
}

.home-content-container {
    position: relative;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.section-img, .section-img img  {
    margin: 0 auto 16px auto;
    background-size: cover;
    background-position: 50% 50%;
}

.section-2-img, .section-2-img img {
    height: 352px;
    width: 256px;
    object-fit: cover;
}

.products-section-custom .section-2-img, .products-section-custom .section-2-img img {
    height: 256px;
    width: 256px;
    object-fit: cover;
}

.section-youtube-date,
.section-youtube-date:hover {
    color: var(--text-color-dark);
}

.products-section-home .section-2-img, .products-section-home .section-2-img img {
    height: 371px;
    width: 256px;
    object-fit: cover;
}
.home-content-container .col-md-3 .section-2-img, .home-content-container .col-md-3 .section-2-img img {
    width: 256px;
}
.col-md-3 .section-2-img, .col-md-3 .section-2-img img {
    height: 256px;
    width: 256px;
    object-fit: cover;
}
.col-md-4 .section-2-img, .col-md-4 .section-2-img img {
    height: 416px;
    width: 416px;
    object-fit: cover;
}
.page-sizer.list-pages {
    max-width: 1175px;
    margin: auto;
}
.page-sizer.list-pages .col-md-12 {
    min-width: 1312px;
    margin-left: -70px;
}

.contact-col-7 {
    padding-left: 40px;
}
.contact-col-7 .col-md-6 p {
    max-width: 256px;
}

.section-contact {
    padding: 75px 36px;
    background-color: var(--background-color-colored);
}

.section-contact-right-text-block {
    width: 256px;
}
.section-contact a,
.section-contact a:hover,
.section-contact a:visited {
    color: var(--text-color-colored);
}

/* .section-contact.u-section-margin {
    margin-bottom: 35px;
} */

.section-contact.section-contact-transparent {
    padding-top: 0;
    padding-bottom: 0;
}

.homepage-text-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.footer {
    padding: 75px 160px 5px 160px;
    /* max-width: 1440px; */
    margin: auto;
}
.footer .row{
    max-width:1440px;
    margin:auto;
}

.footer-link {
    margin-bottom: 0;
}

.footer-link a,
.footer-link a:hover,
.footer-link a:visited {
    color: var(--text-color-colored);
    text-decoration: none;
}

.disabled-button {
    opacity: 0.5;
}

.link-normal:hover {
    color: var(--text-color-colored-hover);
}

.button-normal {
    padding: 20px 56px 16px 16px;
    border: none;
}

.button-normal-light {
    background-color: #50928d;
}

.button-normal-dark {
    background-color: #012426;
}

.about-us-img-block {
    height: 60px;
}
/* Slider home */
img.button-arrow {
    margin: 5px 20px;
    position: absolute;
}
img.colored-arrow {
    margin: 5px 15px;
    position: absolute;
}
.homepage-text-container .col-6 p {
    padding: 20px 0px;
}

.colored-hr {
    background-color: #eae1d6;
    color: transparent;
    height: 6px !important;
    width: auto;
    clear: both;
    border: 0 none;
    display: block;
    padding: 0px;
    width: 94%;
    margin: auto;
    opacity: 1;
}
.partner-brands-section-home {
    margin-top: 77px;
}

.splide__arrow:disabled {
    opacity: 1;
}
.splide__arrow {
    background: transparent;
}
.splide__arrow.splide__arrow--prev img,
.splide__arrow.splide__arrow--next img {
    width: 30px;
}
.splide__arrow--prev {
    left: 1.5em;
}
.splide__arrow--next {
    right: 1.5em;
}
.post-title-large.text-center {
    padding-top: 60px;
}

.text-start {
    letter-spacing: -0.02em;
}

img.button-border {
    position: absolute;
    left: 145px;
}

.footer-text {
    max-width: 350px;
    padding-top: 25px;
}

.social-footer {
    padding-top: 85px;
    float: left;
}

.footer-logo {
    padding-bottom: 10px;
}

.social-footer ul {
    padding-left: 0px !important;
}
.social-footer ul li {
    display: inline-block;
    list-style: none;
    padding-right: 35px;
}
.social-footer ul li:hover {
    filter: invert(30%) sepia(62%) saturate(1213%) hue-rotate(345deg)
        brightness(94%) contrast(90%);
}

footer .post-title-small {
    padding-top: 10px;
}
.page-title-large {
    font-family: "Gemoss Font";
}
.row.no-gutter {
    --bs-gutter-x: 0rem;
}
.row {
    --bs-gutter-x: 0rem !important;
}

.home-content-container .section-2-content .col-md-6.link-normal {
    margin-left: -70px;
}

.list-page-header h1 {
    padding-bottom: 2rem;
}

.highlighted-post {
    background-repeat: no-repeat;
}

.highlighted-image-container {
    max-height: 545px;
    overflow: hidden;
}

.list-page .highlighted-post .col-md-6.u-p-95 {
    padding: 50px 95px 45px 95px !important;
}

.home-content-container #splide01 .splide__slide__container div:nth-child(2) {
    max-width: 500px;
}
.section-product-posts.products-section-home .product-posts-component {
    background-color: var(--background-color-colored);
}
.product-posts-component {
    background-color: #faf6f5;
}
.similar-recipes.similar-recipes-component {
    background-color: #faf6f5;
}
.language-switcher-component img {
    margin-top: -3px;
}

.partners-container {
    padding-bottom: 45px;
}

.partners-container.u-mb-60.u-mt-30.partner-brands-section-custom {
    padding-bottom: 0px;
}
.section-product-posts.u-mb-120.products-section-custom {
    margin-bottom: 0px;
}

.contact-section-home .col-md-6 {
    padding-bottom: 20px;
}
.text-left {
    text-align: left;
}

.text-section-title-margin {
    margin-bottom: 20px;
}

.text-section-content-margin {
    margin-bottom: 40px;
}

.icon-posts-dark-section-icon, .icon-posts-light-section-icon {
    height: 36px;
}

/* Responsive view */
@media only screen and (max-width: 768px) {
    .highlighted-image-container {
        max-height: 360px;
    }

    .list-page-header .page-title-large {
        padding-top: 54px;
        padding-bottom: 22px;
    }

    .custom-page-text-section-container {
        max-width: 320px;
    }
    .details-header {
        padding-left: 10px;
    }

    .search.mobile {
        display: inline-block;
        float: right;
    }
    .search.mobile img {
        position: absolute;
        right: 55px;
        top: 14px;
        width: 16px;
    }

    .contact-col-7 {
        padding-left: 0px;
    }
    .homepage-text-container .contact-col-7 p {
        margin: 0;
    }
    .colored-hr {
        width: 80%;
        margin: auto;
    }

    .partners-container {
        padding-bottom: 45px;
    }

    .home-content-container .section-2-content .col-md-6.link-normal {
        margin-left: 25px;
        max-width: 85%;
    }

    .warning-block-icon {
        padding: 30px;
    }

    .footer {
        padding: 25px 0px 5px 0;
    }

    .footer > div {
        width: 320px;
        margin: auto;
    }

    footer > div > div:nth-child(2) > p:nth-child(5) {
        max-width: 130px;
    }
    .page-sizer.list-pages .col-md-12 {
        min-width: 100%;
        margin-left: 0px;
    }
    .list-page .highlighted-post .col-md-6.u-p-95 {
        padding: 50px 35px 25px 35px !important;
    }

    .footer .col-md-3 {
        width: 50% !important;
    }
    .text-end {
        text-align: inherit !important;
    }
    .homepage-text-container .post-title {
        padding-top: 20px;
    }
    .link-normal {
        display: block;
        padding-top: 10px;
    }

    .col-md-4 .section-2-img,
    .col-md-4 .section-2-img img,
    .col-md-3 .section-2-img,
    .col-md-3 .section-2-img img
    {
        width: 320px !important;
        height: 320px !important;
    }
    .home-content-container p,
    .home-content-container .link-normal,
    .home-content-container .post-title-large {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .home-content-container .text-start,
    .home-content-container .section-2-content .link-normal {
        padding-bottom: 20px;
    }
    footer .post-title-small {
        padding-top: 5px;
    }
    .footer-logo {
        padding-bottom: 25px;
    }
    .home-content-container .section-2-content .post-title-large {
        padding-left: 25px;
    }
    .social-footer {
        padding: 40px 0 20px 0;
    }
    .footer .footer-col-1 {
        padding-left: 0 !important;
    }
    #splide01 .splide__arrow {
        display: none;
    }

    .list-page-header {
        width: 320px;
        padding: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .list-page-header:nth-child(2) {
        display: none;
    }
    .highlighted-post {
        display: block;
    }
    .highlighted-post .col-md-6 {
        min-height: 360px;
    }
    .highlighted-post .u-p-95 {
        padding: 88px 30px 38px 50px;
    }
    .highlighted-post.u-p-95 {
        padding: 50px 15px 15px 50px;
    }
    #list-page .list-content {
        max-width: 320px;
    }

    .icon-posts-light-section.u-p-75, .icon-posts-dark-section.u-p-75 {
        padding: 15px;
    }

    .icon-posts-light-section .u-pr-32, .icon-posts-dark-section .u-pr-32 {
        padding-right: 0;
        padding-bottom: 15px;
    }

    .contact-section-custom .u-pr-128 {
        padding-right: 0;
    }

    .text-section-title-margin {
        margin-bottom: 10px;
    }

    .text-section-content-margin {
        margin-bottom: 20px;
    }

    .section-contact-right .justify-content-end {
        justify-content: start !important;
    }
}

.responsive-image {
    max-width: 100%;
    width: 100%;
    max-height: 600px;
    object-fit: cover;
    height: inherit !important;
}

.search-icon{
    margin-top: 0px!important;
}

@media (min-width:768px){
    #splide01 picture {
        min-width: 100%;
        margin-right: -130px;
    }
}

@media (min-width:768px){
    .banner-section-custom .responsive-image{
        max-height:640px !important;
        margin-bottom: 110px;
    }
}

@media (max-width: 768px){
    .banner-section-custom .responsive-image{
        margin-bottom: 55px;
    }
}

/* Responsive end */