/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.15.7
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.flex-end{
    display: flex;
    align-items: flex-end;
}
.mb-0{
    margin-bottom: 0;
}
.absolute-footer.dark{
    font-size: 0.8em;
    color: #727171;
}
.has-dropdown .icon-angle-down {
    display: none;
    position: absolute;
    left: -18px;
    font-size: 14px;
    opacity: 1;
}
.has-dropdown:hover .icon-angle-down {
    display: block;
}
.has-dropdown .icon-angle-down:before {
    content: "\f063";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}
.nav-spacing-xlarge>li {
    margin: 0 20px;
}
.banner h2.slider-title{
    background: rgba(0, 0, 0, 0.65);
    font-weight: normal;
    padding: 0.1em 0.2em !important;
    border-radius: 5px;
    margin-bottom: 0;
    margin-top: 3px;
    display: inline;
    line-height: 1.5em;
}
.banner h2.slider-title span{
    color: #FF6B01;

}
.grecaptcha-badge{
    visibility: hidden !important;
}
.banner .slider-text-sep{
    display: block;
    height: 2em;
    width: 100%;
}
.banner .slider-title-sep{
    display: block;
    height: 1px;
    width: 100%;
}
.banner p.slider-caption{
    background: rgba(0, 0, 0, 0.65);
    padding: 0.1em 0.2em !important;
    border-radius: 5px;
    margin-bottom: 2px;
    margin-top: 0;
    display: inline;
    font-size: 1.3em;
}
.color-primary{
    color: #FF6B01 !important;
}
.home-slider .banner::after{
    content: ' ';
    height: 60px;
    width: 100%;
    background: #231F20;
    position: absolute;
    bottom: 0;
}
.home-slider .flickity-page-dots {
    right: initial;
    left: 70%;
    bottom: 20px;
}
.previous-portfolio{
    margin-right: 20px;
}
.next-portfolio{}
.credit{
    text-align: right;
    font-size: 60%;
    z-index: 99999999;
    background: rgb(255 255 255 / 30%);
    position: absolute;
    right: 0;
    color: #000;
    bottom: 0;
    padding: 2px 4px;
}
.slider-nav-light .flickity-page-dots .dot {
    border-color: #ff6b00;
}
.portfolio-element-wrapper .flickity-page-dots .dot{
    height: 4px;
    width: 40px;
    border-radius: 0;
    background-color: #ff6b00;
    opacity: 0.4;
}
.portfolio-element-wrapper .flickity-slider{
    height: 100%;
}
.portfolio-element-wrapper .row-small>.flickity-viewport>.flickity-slider>.col, .portfolio-element-wrapper .row-small>.col{
    display: flex;
    align-items: stretch;
    min-height: 100%;
}
.portfolio-element-wrapper .flickity-page-dots .dot.is-selected{
    border-color: #ff6b00;
    background-color: #ff6b00;
}
.portfolio-element-wrapper .box{
    background: #FFF;
    box-shadow: 0px 0px 20px 0px #d9d9d9;
    height: 100%;
}
.portfolio-element-wrapper .box-text h6{
    color: #000;
    font-size: 1.1em;
    letter-spacing: 0;
    word-break: break-word;
}
.map-contact{
    height: 100%;
}
.map-contact > .text-box-content{
    height: 100%;
}
.map-banner{}
.projekt-link p a{
    color: #595959;
}
.projekt-link.active p a, .projekt-link:hover p a{
    color: #ff6b00 !important;
}
ul.arrows > li{
    margin-left: -10px;
    padding-left: 10px;
}
ul.arrows li::marker{
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}
.button.primary:not(.is-outline){
    color: #231F20;
}
.page-title-inner {
    padding-top: 40px;
}
.entry-meta .byline{
    display: none !important;
}
h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
    font-weight: normal !important;
}
.rcf7 .wpcf7-acceptance input{
    position: absolute;
    left: 0;
    margin-left: 0;
}
.rcf7 .wpcf7-acceptance .wpcf7-list-item-label{
    font-size: 11px;
    color: #FFF;
    text-align: left;
    display: block;
    padding-left: 25px;
    font-weight: normal;
}
.rcf7 input[type="submit"]{
    width: 100%;
    background-color: #4A4A4A !important;
    text-transform: initial;
    margin-top: 20px;
    font-size: 14px;
}
.rcf7 input[type="submit"]:hover{
    background-color: #9d9d9d;
}
.rcf7{
    color: #FFF;
}
.rcf7 input:focus, .rcf7 input:active{
    background: #848484;
    color: #FFF;
    box-shadow: none;
}
.rcf7 input, .rcf7 textarea{
    background: #848484;
    color: #FFF;
    border: none;
    font-size: 14px;
}
.rcf7 input::placeholder, .rcf7 input::placeholder, .rcf7 textarea::placeholder{
    color: #b4b4b4 !important;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
@media only screen and (max-width: 550px) {
    .home-slider .banner::after{
        display: none;
    }
    .home-slider .flickity-page-dots {
        right: 20%;
        left: 20%;
        bottom: 15px;
    }
    .portfolio-element-wrapper .box-text h6{
        font-size: 0.8em;
    }
    .portfolio-element-wrapper .row-small>.flickity-viewport>.flickity-slider>.col, .portfolio-element-wrapper .row-small>.col {
        min-height: 190px;
    }
}