/*
 Theme Name:   Gardena Child
 Theme URI:    http://gardena.bold-themes.com
 Description:  Gardena child theme
 Author:       BoldThemes
 Author URI:   http://bold-themes.com
 Template:     gardena
 Version:      1.0.0
 Tags:         one-column, right-sidebar, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  gardena-child
*/


/* Theme customization starts here
-------------------------------------------------------------- */

/* H2 ************************/

.bt_bb_headline > h2 {
    /* 244, 149, 41 */
    color: #F49529;
    padding-top: 20px;
    padding-bottom: 30px;
}

.bt_bb_headline > h2 span {
    text-align: center;
    font-weight: 500;
}

.bt_bb_headline > h2:before {
    background-color: #F49529;
    top: 0;
    content: "";
    height: 80px;
    left: 0;
    position: absolute;
    width: 2px;
}

.bt_bb_headline > h2:after {
    background-color: #F49529;
    top: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 80px;
}

/* H3 ************************/

.bt_bb_headline > h3 {
    /* 244, 149, 41 */
    padding-left: 20px;
    color: #F49529;
    position: relative;
    min-height: 40px;
    height: 100%;
}

.bt_bb_headline > h3 > span {
    text-align: left;
    font-weight: 500;
    display: block;
    margin: 0;
    position: absolute;
    top: 50%;
}

.bt_bb_headline > h3 > span > span {
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bt_bb_headline > h3:before {
    background-color: #F49529;
    top: 0;
    content: "";
    height: 100%;
    min-height: 40px;
    left: 0;
    position: absolute;
    width: 2px;
}

.bt_bb_headline > h3 .bt_bb_headline_content:after {
    display: none !important;
}

/* H4 ************************/

.bt_bb_headline > h4 {
    /* 244, 149, 41 */
    padding-left: 0px;
    color: #F49529;
    position: relative;
    min-height: 40px;
    height: 100%;
}

.bt_bb_headline > h4 > span {
    text-align: left;
    font-weight: 500;
    display: block;
}

.bt_bb_headline > h4 .bt_bb_headline_content:after {
    border: none !important;
}

/* JUSTIFY TEXT *****************/

.justifyText {
    text-align: justify !important;
}

/* POST GRID *****************/

.bt_bb_grid_item_post_content {
    background-color: #F2F2F2 !important;
}

.bt_bb_grid_item_post_title {
    font-size: 1.1em !important;
}

.bt_bb_css_post_grid .bt_bb_grid_item_post_thumbnail a:before {
    content: "Voir plus" !important;
    text-align: center !important;
    font-size: 1.0em !important;
}

.bt_bb_grid_item_post_thumbnail a img {
    height: auto!important;
    aspect-ratio: 1.4/1!important;
}

/* BORDER OUTER COLUMN *******/

.bt_bb_column.bt_bb_style_border_outer {
    border: 3px solid rgba(0,0,0,.2);
    border-radius: 5px;
    border-color: #106939;
}

/* BT BB TEXT *****/

.bt_bb_text {
    color: #000000 !important;
}

/* MENU ***********/

.btButtonWidget.btWithLink {
    & a {
        -webkit-box-shadow: 0 0 0 3em #fff inset;
        box-shadow: 0 0 0 3em #fff inset;
        border-color: #ffffff;
        & span {
            color: #4e4e4e;
        }
        &:hover {
            -webkit-box-shadow: 0 0 0 1px #fff inset;
            box-shadow: 0 0 0 1px #fff inset;
            & span {
                color: #ffffff !important;
            }
        }
    }
}

.btStickyHeaderOpen:not(.btMenuVerticalOn) {
    & .btButtonWidget.btWithLink {
        & a {
            -webkit-box-shadow: 0 0 0 3em #106939 inset;
            box-shadow: 0 0 0 3em #106939 inset;
            border-color: #106939;
            & span {
                color: #ffffff;
            }
            &:hover {
                -webkit-box-shadow: 0 0 0 1px #106939 inset;
                box-shadow: 0 0 0 1px #106939 inset;
                & span {
                    color: #106939 !important;
                }
            }
        }
    }
}

/* MENU BUTTON MOBILE ***/

.btVerticalHeaderTop div.btButtonWidget {
    max-width: none;
    font-size: .7rem;
    float: right;
    margin-top: 11px;
    & span {
        padding: 1em;
    }
}

.btStickyHeaderOpen {
    .btVerticalHeaderTop div.btButtonWidget {
        & span {
            color: #ffffff !important;
        }

        &.btButtonWidget.btOutline a {
            box-shadow: 0 0 0 1px #106939 inset;
        }
    }
}

/* BUTTON ***************/

.bt_bb_button.bt_bb_style_underline a {
    color: #f49529 !important;
}

.bt_bb_button.bg_white a {
    background-color: #ffffff !important;
}

/* BODY *****************/

body {
    font-weight: 400;
    box-sizing: border-box;
}

/* BEFORE/AFTER BUTTON *********/

.bt_bb_before_after_image .bt_bb_before_after_image-container.active .bt_bb_before_after_image-handle,
.bt_bb_before_after_image .bt_bb_before_after_image-horizontal .bt_bb_before_after_image-handle:hover {
    background: #f49529;
}

.bt_bb_before_after_image-left-arrow,
.bt_bb_before_after_image-left-arrow:before,
.bt_bb_before_after_image-right-arrow,
.bt_bb_before_after_image-right-arrow:after {
    color: #000000 !important;
}

.bt_bb_before_after_image_title.bt_bb_before_after_image-container.twentytwenty-container > * {
    text-align: center;
}

.bt_bb_before_after_image_title.bt_bb_before_after_image-container.twentytwenty-container > img {
    width: 100%;
}

.bt_bb_before_after_image,
.bt_bb_before_after_image.bt_bb_fe_edit {
    margin: 0 auto;
}


/* Z-INDEX ***********************/

.btContentWrap {
    z-index: 20;
    position: relative;
}

/* COLUMN REVERSE ****************/

@media screen and (max-width: 992px) {
    .columnReverse {
        flex-direction: column-reverse;
    }
}

/* MENU **************************/


.btMenuVertical {
    & nav {
        & a:hover {
            color: #aaaaaa !important;
        }
    }
}

.btMenuHorizontal {
    & .logo {
        position: relative;
        z-index: 999;
    }
    &:not(.btStickyHeaderOpen) .menu > .menu-item > a:hover {
        color: #aaaaaa;
    }
    &.btStickyHeaderOpen .logo img {
        margin-top: 5px;
    }
    &.btStickyHeaderActive .mainHeader .btLogoArea .btTextLogo,
    &.btStickyHeaderActive .mainHeader .btLogoArea .menuPort nav > ul > li > a,
    &.btStickyHeaderActive .mainHeader .btLogoArea .menuPort nav > ul > li > .subToggler {
        line-height: 90px!important;
    }
    &.btStickyHeaderActive .mainHeader .btLogoArea .topBarInMenu {
        height: 90px!important;
    }
    & .menuPort {
        position: relative!important;
        & nav {
            & > ul > li > ul.sub-menu > li:last-child a {
                border-bottom: 1px solid rgba(0,0,0,.1) !important;
            }
            & .menu {
                & > .menu-item {
                    position: unset!important;
                    & > .sub-menu {
                        position: absolute;
                        left: 0px!important;
                        right: unset;
                        width: 100%;
                        display: flex!important;
                        flex-direction: row;
                        flex-wrap: wrap;
                        justify-content: center;
                        & > .menu-item {
                            & > a {
                                max-width: 200px;
                                display: flex;
                                flex-direction: column;
                                justify-items: center;
                                align-items: center;
                                align-content: center;
                                text-align: center;
                                padding-top: unset;
                                padding-bottom: 0.7em;
                                margin-top: 1em;
                                margin-bottom: 1em;
                                font-size: .85em;
                                & > img {
                                    max-width: inherit;
                                    min-width: 150px;
                                    height: unset;
                                    aspect-ratio: 16 / 10;
                                    margin-bottom: 10px;
                                }
                            }
                        }
                        & > .menu-item a:hover {
                            /*background-color: #F49529;*/
                            box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
                        }
                        & > .menu-item a:hover:before {
                            width: unset!important;
                        }
                    }
                }
            }
        }
    }
}