/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.1
*/

/** VARIABLES **/
:root {
    --orange: #f39323;
    --black: #1d1d1b;
    --white: #FFFFFF;
}

/** fixed side button **/
.fm-bar.fm-button-space li:not(:last-child) {
    margin-bottom: 10px;
}

.fm-bar li > a .fm-icon {
    display: none;
}

.fm-bar li {
    position: relative;
    right: 0;
    transition: top ease 0.5s;
}

/*.fm-bar li:hover {*/
/*    right: 10px;*/
/*}*/
div.floating-menu .fm-right.fm-connected .fm-label {
    font-weight: bold;
    opacity: 1 !important;
    display: block;
    padding-right: 15px !important;
    padding-left: 45px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Laag_1' x='0px' y='0px' viewBox='0 0 20.03 40' style='enable-background:new 0 0 20.03 40;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M0.02,0.02L0.02,0.02C4.05,8.89,11.15,16,20.03,20.02c-8.88,4.02-15.98,11.13-20.01,20L0.02,0.02z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 15px center;
}

div.floating-menu .fa-circle-info:before, .fa-info-circle:before {
    display: block;
    content: '';
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Laag_1' x='0px' y='0px' viewBox='0 0 20.03 40' style='enable-background:new 0 0 20.03 40;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0%7Bfill:%23FFFFFF;%7D%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M0.02,0.02L0.02,0.02C4.05,8.89,11.15,16,20.03,20.02c-8.88,4.02-15.98,11.13-20.01,20L0.02,0.02z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    margin-top: 12px;
    transform: rotate(-180deg);
    margin-right: 15px;
}

.floating-menu ul {
    top: 120px !important;
}

/** home **/
.home_carousel .swiper,
.home_carousel .swiper .swiper-slide figure{
    height: 100%;
}
.intro_carousel .swiper,
.intro_carousel .swiper .swiper-slide figure {
    height: 500px;
}

.home_carousel .swiper-slide img,
.intro_carousel .swiper-slide img {
    height: 100%;
    object-fit: cover;
    /*object-position: left;*/
    display: block;
}

.home_carousel.elementor-element .swiper .elementor-swiper-button svg,
.intro_carousel.elementor-element .swiper .elementor-swiper-button svg {
    display: none;
}

.home_carousel.elementor-element .swiper .elementor-swiper-button,
.intro_carousel.elementor-element .swiper .elementor-swiper-button {
    top: 90%;
}

@media screen and (max-width: 768px) {
    .home_carousel.elementor-element .swiper .elementor-swiper-button,
    .intro_carousel.elementor-element .swiper .elementor-swiper-button {
        top: 80%;
    }
}

.home_carousel.elementor-element .elementor-swiper-button.elementor-swiper-button-prev,
.intro_carousel.elementor-element .elementor-swiper-button.elementor-swiper-button-prev {
    right: 100px;
    left: unset;
    background-image: url("/wp-content/uploads/2024/04/Pijl-links-01.svg");
    background-repeat: no-repeat;
    height: 30px;
    width: 58px;
}

.home_carousel.elementor-element .elementor-swiper-button.elementor-swiper-button-next,
.intro_carousel.elementor-element .elementor-swiper-button.elementor-swiper-button-next {
    background-image: url("/wp-content/uploads/2024/04/Pijl-rechts-01.svg");
    background-repeat: no-repeat;
    height: 30px;
    width: 58px;
    right: 35px;
}

/** realisaties **/
.vp-filter__style-minimal .vp-filter__item > *,
.vp-pagination__style-minimal .vp-pagination__item > * {
    color: var(--white) !important;
    font-weight: 400 !important;
    letter-spacing: 2px !important;
}

.vp-filter__style-minimal .vp-filter__item.vp-filter__item-active > * {
    color: var(--orange) !important;
}

.vp-filter__style-minimal .vp-filter__item > a:focus, .vp-filter__style-minimal .vp-filter__item > a:hover,
.vp-pagination__style-minimal .vp-pagination__item > a:focus, .vp-pagination__style-minimal .vp-pagination__item > a:hover {
    color: var(--orange) !important;
}

.vp-portfolio__items-style-fade.vp-portfolio__items-show-overlay-hover .vp-portfolio__item:hover .vp-portfolio__item-overlay {
    opacity: 0 !important;
}

.page-id-22 .button-default button {
    background-color: var(--orange) !important;
}

.vp-fancybox {
    z-index: 999999;
}

/** contactformulier **/
.wpcf7-acceptance .wpcf7-list-item,
.wpcf7-checkbox .wpcf7-list-item {
    margin-left: 0;
    width: 100%;
}

.wpcf7-acceptance .wpcf7-list-item input[type="checkbox"],
.wpcf7-checkbox .wpcf7-list-item input[type="checkbox"] {
    accent-color: var(--orange);
}

.wpcf7-form .wpcf7-form-control.wpcf7-submit {
    border-radius: 0;
    background-color: var(--orange);
}

span.info {
    font-size: .8rem;
    font-style: italic;
}

.elementor-24 .elementor-element.elementor-element-287cbff .elementor-icon-list-text {
    font-size: 20px;
}

/** home slider **/
.home_slider.elementor-element .swiper .elementor-swiper-button svg {
    display: none;
}

.home_slider.elementor-element .swiper .elementor-swiper-button {
    top: 90%;
}

.home_slider.elementor-element .elementor-swiper-button.elementor-swiper-button-prev {
    right: 100px;
    left: unset;
    background-image: url("/wp-content/uploads/2024/04/Pijl-links-01.svg");
    background-repeat: no-repeat;
    height: 30px;
    width: 58px;
}

.home_slider.elementor-element .elementor-swiper-button.elementor-swiper-button-next {
    background-image: url("/wp-content/uploads/2024/04/Pijl-rechts-01.svg");
    background-repeat: no-repeat;
    height: 30px;
    width: 58px;
    right: 35px;
}