/* =====================================
   KLEDITZ CONTACT FORM PREMIUM STYLE
   SP Page Builder Class: kontakt-us
===================================== */


/* Main section alignment */

.kontakt-us {
    width:100%;
}


.kontakt-us .sppb-addon-content {
    display:flex;
    justify-content:center;
    width:100%;
}



/* Form wrapper */

.kontakt-us .sppb-addon-form-builder-form {

    width:100%;
    max-width:720px;
    margin:0 auto;

}



/* Form layout */

.kontakt-us form.sppb-form-builder-form {

    width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    column-gap:24px;

}



/* Fields */

.kontakt-us .sppb-form-group {

    margin-bottom:22px;
    width:100%;

}



/* Two column fields */

.kontakt-us .sppb-form-group:nth-child(1),
.kontakt-us .sppb-form-group:nth-child(2),
.kontakt-us .sppb-form-group:nth-child(3),
.kontakt-us .sppb-form-group:nth-child(4) {

    width:calc(50% - 12px);

}



/* Remove label spacing */

.kontakt-us label {

    display:none;

}



/* Input + select */

.kontakt-us .sppb-form-control {

    width:100% !important;

    height:52px !important;

    padding:0 18px !important;

    border:1px solid #ddd5c8 !important;

    background:#ffffff !important;

    border-radius:0 !important;

    font-family:'Poppins',sans-serif;

    font-size:14px;

    color:#222;

    box-sizing:border-box;

}



/* Dropdown fix */

.kontakt-us select.sppb-form-control {

    appearance:none;

    -webkit-appearance:none;

    height:52px !important;

    line-height:52px !important;

    padding-left:18px !important;

}



/* Textarea */

.kontakt-us textarea.sppb-form-control {

    height:150px !important;

    padding:18px !important;

    resize:none;

}



/* Placeholder */

.kontakt-us ::placeholder {

    color:#999;

    font-family:'Poppins',sans-serif;

}



/* Focus */

.kontakt-us .sppb-form-control:focus {

    border-color:#b4945c !important;

    outline:none;

}



/* Button container */

.kontakt-us .sppb-form-builder-btn {

    width:100%;

    display:flex;

    justify-content:center;

    margin-top:15px;

}



/* Button */

.kontakt-us button,
.kontakt-us input[type="submit"] {


    background:#F5F4F1 !important;

    color:#111 !important;

    border:1px solid #b4945c !important;

    padding:15px 50px !important;

    min-height:52px;

    font-family:'Poppins',sans-serif;

    font-size:14px;

    cursor:pointer;

    transition:.3s ease;

}



/* Button hover */

.kontakt-us button:hover,
.kontakt-us input[type="submit"]:hover {


    background:#b4945c !important;

    color:#fff !important;

}



/* Mobile */

@media(max-width:768px){


    .kontakt-us .sppb-form-group:nth-child(1),
    .kontakt-us .sppb-form-group:nth-child(2),
    .kontakt-us .sppb-form-group:nth-child(3),
    .kontakt-us .sppb-form-group:nth-child(4){

        width:100%;

    }


    .kontakt-us .sppb-addon-form-builder-form {

        max-width:100%;

    }

}




















/* ================================
   EVENT GALLERY FIXED CARD LAYOUT
================================ */


/* Main container */
.eventgallery-events-gridlist {
    max-width:1350px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(3, 1fr) !important;
    gap:30px !important;
}


/* Card */
.eventgallery-events-gridlist .item-container {
    width:100% !important;
    height:420px !important;
    position:relative !important;
    overflow:hidden !important;
    border-radius:6px !important;
    background:#111 !important;
}


/* Image */
.eventgallery-events-gridlist .event-thumbnail,
.eventgallery-events-gridlist .images {
    width:100% !important;
    height:100% !important;
}


.eventgallery-events-gridlist img {
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}


/* Text overlay */
.eventgallery-events-gridlist .eg-content {
    position:absolute !important;
    bottom:0;
    left:0;
    width:100% !important;
    padding:20px !important;
    background:linear-gradient(
        transparent,
        rgba(0,0,0,.75)
    ) !important;
}


/* Remove date */
.eventgallery-events-gridlist .date {
    display:none !important;
}


/* Title */
.eventgallery-events-gridlist .title {
    font-family:"Noto Serif TC", serif !important;
    font-size:24px !important;
    line-height:1.3 !important;
    color:#fff !important;
    font-weight:400 !important;
}


/* Images count */
.eventgallery-events-gridlist .imagecount {
    font-family:Poppins,sans-serif !important;
    font-size:13px !important;
    color:#fff !important;
}


/* Hover */
.eventgallery-events-gridlist .item-container:hover img {
    transform:scale(1.05);
}

.eventgallery-events-gridlist img {
    transition:.5s ease;
}


/* Mobile */
@media(max-width:900px){

.eventgallery-events-gridlist{
    grid-template-columns:repeat(2,1fr) !important;
}

}


@media(max-width:600px){

.eventgallery-events-gridlist{
    grid-template-columns:1fr !important;
}

}



#sp-footer, #sp-bottom {
    background: #000000 !important;
    
}