/*
 Theme Name:     Braids Child Theme
 Theme URI:
 Description:    Custom child theme for Divi
 Author:         Randy Zeitman
 Author URI:
 Template:       Divi
 Version:        1.0.0
*/

/* Import Divi parent stylesheet */
@import url("../Divi/style.css");

@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@8..144,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap');

/* Full-screen braid sections */
body {
    margin: 0;
}

.braid-screen {
    height: 100vh;
    min-height: 100vh;
    padding: 0 !important;
}

.braid-screen .et_pb_row {
    width: 100% !important;
    max-width: 100% !important;
    height: 100%;
    padding: 0 !important;
}

.braid-screen .et_pb_column {
    height: 100%;
}

.braid-screen .et_pb_image,
.braid-screen .et_pb_image_wrap {
    width: 100%;
    height: 100%;
    display: block;
}

.braid-screen img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Remove Divi gutter between braid images */
.braid-screen .et_pb_row {
    display: flex;
}

.braid-screen .et_pb_column {
    width: 50% !important;
    margin-right: 0 !important;
}

.braid-screen .et_pb_column:last-child {
    margin-right: 0 !important;
}



@media (min-width: 1101px) {

    .et_builder_inner_content.swiper {
        height: 100vh;
        overflow: hidden;
    }

    .et_builder_inner_content.swiper .swiper-wrapper {
        height: 100%;
    }

}



/* Keep the two braid images exactly side-by-side inside Swiper */
.braid-screen .et_pb_row {
    display: flex !important;
    flex-wrap: nowrap !important;
}

.braid-screen .et_pb_column {
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
    margin: 0 !important;
}

.braid-screen .et_pb_image {
    margin: 0 !important;
}