/* for some reason the default width of the logo WAS 1% */
.logo {
    width: 100%;
}
.logo__link.logo__left .logo__image {
    margin-top: 3px;
    filter: drop-shadow(2px 2px 1px black);
    margin-right: 19px;
}


/* HOMEPAGE TOP FORM CSS just some simple fixes that make the form look a bit better */
.form .input_container.select_wrapper {
    background-color: rgb(255 255 255 / 0%);
    position: relative;
}
.horizontal .form .input_container textarea {
    height: 46px;
}
li.staff__item::marker {
    display: none !important;
}

/* SLIDER CSS they wanted the picture fullwidth and this is the best I could come up with
 you can delete this if they ever change their mind becuz it really only works for one single static image, not the slideshow itself*/
.slider__image, .slider__image--fixed {
    background-position: 50% 75%;
    background-size: cover;
    max-width: 100%;
    width: 100% !important;
    min-width: 414px;
    max-height: 100%;
    background-repeat: no-repeat;
}
ul.slider__list.bxslider {
    width: 100% !important;
    position: static !important; 
    visibility: visible;
}

.wrap__slider--inner {
    max-width: 100%;
}
.wrap__slider-container {
    position: relative;
    width: 100%;
    padding-top: 0px !important;
}


.slider__text.align-center {
    top: 70%;
}


















@media(min-width: 1025px) {
    .horizontal .form form .form-input-comments {
        width: 32%;
    }
}
@media(max-width: 1024px) {
    .slider .align-center, .slider__text {
    top: 60%;
    }
    }
@media(max-width: 768px) {
    .slider .align-center, .slider__text {
    bottom: 230px!important;
}
.slider__text.align-center {
    top: 50%;
}
    .wrap__slider-container {
        padding-top: 0 !important;
        height: 234px;
    }
    .slider .align-center, .slider__text {
        bottom: 191px;
    }
    .slider__text {
        position: relative;
    }
    .wrap__header--bar--bottom {
        display: none;
    }
}
@media(max-width: 400px) {
.slider .align-center.align-center, .slider__text.align-center {
    left: 45%;
}
}
@media(max-width: 320px) {
.slider .align-center.align-center, .slider__text.align-center {
    left: 160px;
}
}


.wrap__featuredblocks .featuredblock__item {
    width: 20% !important;
}