/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

@font-face {
    font-family: 'FreightBigPro'; /* Define the name of your font */
    src: url('assets/fonts/FreightBigProLight-Italic.woff') format('woff'); /* Specify the path to your .woff font file */
    font-weight: normal; /* Define the weight of the font */
    font-style: normal; /* Define the style of the font */
}

#deck-slider .swiper-slide-contents {
    width: 30%;
    height: 80%;
    max-height: 650px;
    padding: 4rem 2rem;
    text-align: left;
    background: rgb(31 9 0 / 22%);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 5px outset rgb(255 255 255 / 47%);
    border-radius: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: "aktiv-grotesk", sans-serif;
}
#deck-slider.right-content .swiper-wrapper .swiper-slide:not(:first-child) .swiper-slide-inner,
#deck-slider.left-content .swiper-wrapper .swiper-slide:not(:first-child) .swiper-slide-inner {
    display: none;
}
#deck-slider .swiper .elementor-swiper-button{display: inline-flex;top: initial;bottom: 20px;background: #000000;padding: 10px;border-radius: 100%;}
#deck-slider.right-content .swiper .elementor-swiper-button-next{right: initial;left: 60px;}
#deck-slider.left-content .swiper .elementor-swiper-button-prev{right: 60px;left: initial;}
#deck-slider .swiper-slide-inner .elementor-slide-description{margin-bottom: 0;}
#deck-slider:after {
    display: block;
    position: absolute;
    z-index: 999;
    bottom: -20px;
    font-family: 'aktiv-grotesk', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
}
#deck-slider.left-content:after {
    content: 'Exisiting Tenant Interiors';
    right: 10px;
}
#deck-slider .swiper-slide {position: relative;}

#deck-slider .swiper-slide:after {
    position: absolute;
    z-index: 999;
    background: white;
    bottom: 0;
    width: 100%;
    text-transform: uppercase;
    font-family: 'aktiv-grotesk', sans-serif;
    font-weight: 400;
    font-size: 10px;
    letter-spacing: 1px;
    padding-inline: 1.5%;
    padding-block: 1em;
}
#deck-slider.right-content .swiper-slide:nth-child(1):after {
    content: 'PUBLIC ROOF DECK | VIEW: LOOKING NORTH';
}
#deck-slider.right-content .swiper-slide:nth-child(2):after {
    content: 'PUBLIC ROOF DECK | VIEW: LOOKING WEST';
}
#deck-slider.right-content .swiper-slide:nth-child(3):after {
    content: 'PUBLIC ROOF DECK | VIEW: LOOKING NORTHEAST TOWARDS MADISON SQUARE PARK';
}

#deck-slider .elementor-slide-heading:before{
    font-family: "FreightBigPro", sans-serif !important;
}

.btn1 a{transition: box-shadow .3s;width: 275px;border-radius:0;border: 1.75px solid #A18573;background: #fff;float: left;line-height: initial;}
.btn1 a:hover {box-shadow: 0 0 11px rgba(33,33,33,.2);}
.large a, .large a:hover, .large a:visited {color: #514443; font-size:18px; letter-spacing: 1.25px; text-transform: uppercase; font-family: "Cormorant Infant", serif; }
.btn2 a {transition: box-shadow .3s;width: 200px;border-radius:0;border: 1.75px solid #A18573;background: #fff;float: left;line-height: initial;}
.btn2 a:hover {box-shadow: 0 0 11px rgba(33,33,33,.2);}
.small a, .small a:hover, .small a:visited {color: #514443; font-size:14px; letter-spacing: 1.25px; text-transform: uppercase; font-family: "Cormorant Infant", serif; }

@media screen and (max-width: 768px) {
    #deck-slider .swiper-slide-contents{
        width: 60%;
        max-width: 100%;
        padding: 2rem 1.5em;
    }

    #deck-slider .elementor-slide-description{
        max-width: initial !important;
    }

}

@media screen and (max-width: 480px) {
    .btn1 a {
        width: 165px;
        padding: 12px !important;
        font-size: 13px !important;
    }
    div#map-btn {
        --align-self: left !important;
        margin-bottom: 15px !important;
        margin-left: 20px;
    }
}