/*
    [ Shortcode Stylesheet ]
    <?xml version="1.0" encoding="UTF-8"?>

    Theme Name: 
    Version: 
    Author: 
    Author URL: 
    Description: 
    Date: 
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1. Fonts, Icons and Other Styles Import
2. Reset
  2-1. Body, Font, Container, Space
  2-2. Placeholder Customize
  2-3. Social Icons Color
  2-4. Input, Textarea (All forms field) customization
  2-5. Button Styling
 

-----------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Sora:wght@100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&display=swap');
@import url("../fonts/bootstrap-icons-1.1/font/bootstrap-icons.css");
@import url("bootstrap.min.css");
@import url("../../plugins/jquery_ui/style.css");
@import url("animation.css");
@import url("../../plugins/wow/animate.css");
@import url("../../plugins/swiper/swiper-bundle.min.css");
@import url("../../plugins/swiper/swiper-gl.min.css");
@import url("../../plugins/odometer/odometer-theme-default.css");
@import url("../../plugins/fancybox/jquery.fancybox.css");
@import url("../../plugins/flatpickr/flatpickr.css");
@import url("../../plugins/nice-select/nice-select.css");
@import url("../../plugins/cursor-effect/cursor-effect.css");

@import url("global.css");
@import url("header.css");
@import url("footer.css");
@import url("preloader.css");
@import url("shop.css");
@import url("components.css");
@import url("contact.css");
@import url("blog.css");
@import url("sidebar.css");
@import url("portfolio.css");
@import url("style.css");
@import url("responsive.css");
@import url("light.css");


.preloader-text {
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: 72px;
    font-weight: 500;
    letter-spacing: 4px;
    text-transform: uppercase;
}


/* Masonry images fix */
.grid-item .wptb-item--image img{
    width:100%;
    height:auto;
    display:block;
}

/* Wagtail masonry fix */
.wptb-gallery-holder .grid.grid-3 .grid-sizer,
.wptb-gallery-holder .grid.grid-3 .grid-item {
    width: 33.333333%;
}

.wptb-gallery-holder .grid.grid-3 .grid-item {
    float: left;
}

.wptb-gallery-holder .grid-item .wptb-item--inner,
.wptb-gallery-holder .grid-item .wptb-item--image,
.wptb-gallery-holder .grid-item .wptb-item--image a {
    display: block;
    width: 100%;
}

.wptb-gallery-holder .grid-item .wptb-item--image img {
    display: block;
    width: 100% !important;
    height: auto !important;
}

/* Single post page */
.carmine-post-page {
    padding: 40px 40px 60px;
    background: #0b0b0f;
}

.carmine-post-container {
    display: flex;
    align-items: flex-start;
    gap: 48px;
}

.carmine-post-image {
    flex: 0 0 58%;
}

.carmine-post-image img {
    display: block;
    width: 100%;
    height: auto;
}

.carmine-post-content {
    flex: 0 0 42%;
    color: #fff;
    padding-top: 24px;
}

.carmine-post-title {
    font-size: 58px;
    line-height: 1.05;
    font-weight: 500;
    margin: 0 0 18px;
    color: #fff;
}

.carmine-post-date {
    font-size: 16px;
    color: rgba(255,255,255,0.7);
    margin-bottom: 24px;
}

.carmine-post-intro {
    font-size: 22px;
    line-height: 1.7;
    color: #f2f2f2;
    margin-bottom: 28px;
}

.carmine-post-body {
    font-size: 18px;
    line-height: 1.9;
    color: rgba(255,255,255,0.88);
}

.carmine-post-body p {
    margin-bottom: 18px;
}

.carmine-post-body h2,
.carmine-post-body h3,
.carmine-post-body h4 {
    color: #fff;
    margin-top: 28px;
    margin-bottom: 14px;
}

@media (max-width: 991px) {
    .carmine-post-container {
        flex-direction: column;
    }

    .carmine-post-image,
    .carmine-post-content {
        flex: 0 0 100%;
    }

    .carmine-post-title {
        font-size: 40px;
    }

    .carmine-post-page {
        padding: 20px 20px 40px;
    }
}