/*
Template: Divi_4.5.3
Theme Name: BrainFactory - Bodenbender (v4.5.3)
Theme URI: http://business.homepagemeister.com
Version: 4.5.3
Description: BrainFactory Theme
Author: BrainFactory
Author URI: https://brainfactory.de
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/* oswald-regular - latin-ext_latin *//* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/BrainFactory_4.5.3/fonts/oswald-v35-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('/wp-content/themes/BrainFactory_4.5.3/fonts/oswald-v35-latin-regular.eot'),
       url('/wp-content/themes/BrainFactory_4.5.3/fonts/oswald-v35-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/BrainFactory_4.5.3/fonts/oswald-v35-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/BrainFactory_4.5.3/fonts/oswald-v35-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/BrainFactory_4.5.3/fonts/oswald-v35-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/BrainFactory_4.5.3/fonts/oswald-v35-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}
html {
    scroll-behavior: smooth;
}
/*
body.et_header_style_brain_menu #et-top-navigation nav ul li a {
  font-family: 'Oswald' !important;
}
*/
.et_pb_posts_nav .nav-previous a,
.et_pb_posts_nav .nav-next a {
    color: white;
    padding: 13px 15px 15px;
    margin: 5px;
    font-size: 1.1rem;
}

.et_pb_posts_nav .nav-previous a:hover,
.et_pb_posts_nav .nav-next a:hover {
    background-color: #666666;
    transition: all ease-in-out 200ms;
}



@media (max-width: 767px){
    .emptySlideFullMobile, .emptySlideFullMobileEN{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
    }
    .emptySlideFullMobile .sliderLeft, .emptySlideFullMobileEN .sliderLeft{
        position: absolute;
        width: 50%;
        top: 0;
        height: 100%;
        z-index: 99999;
    }
    .emptySlideFullMobile .sliderRight, .emptySlideFullMobileEN .sliderRight{
        position: absolute;
        width: 50%;
        left: 50%;
        top: 0;
        height: 100%;
        z-index: 99999;
    }
}

/* Empty Slider */
@media (min-width: 767px){
    .emptySlideFull, .emptySlideFullEN{
        position: relative;
        width: 100%;
        //border: 2px solid red;
        display: flex;
    }

    .sliderLeft, .sliderRight, .sliderLeftEN, .sliderRightEN{
        width: 50%;
        margin-top: -50px;
        padding-left: calc(25% - 180px);
        //border: 2px solid yellow;
    }
    .sliderLeft img, .sliderRight img, .sliderLeftEN img, .sliderRightEN img{
        display: flex;
    }
    .emptySlideFull a, .emptySlideFullEN a{
        text-transform: uppercase;
    }
    /*
    .emptySlideFull p.headline, .emptySlideFullEN p.headlineEN{
        font-size: 24px;
    }
    */
    .emptySlideFull p, .emptySlideFull a, .emptySlideFullEN p, .emptySlideFullEN a{
        text-align: left;
    }
    .emptySlideFull p, .emptySlideFullEN p{
        font-size: 22px;
        margin-top: 40px;
    }
    .blueButton{
        margin-top: 40px;
    }
    .blueButton a{
        font-size: 20px;
        float: left;
        color: white;    
        padding: 22px 40px;
        border: 4px solid white;
        transition: 0.2s;
    }
    .blueButton a:hover{
        border: 4px solid #8e1409;
        color: #8e1409;
    }
    .emptySlideFull .sliderRight p, .emptySlideFull .sliderRight a, .emptySlideFullEN .sliderRightEN p, .emptySlideFullEN .sliderRightEN a{
        color: #0062A4;
    }
    /*
    .emptySlideFull .sliderRight p.headline{
        color: black;
    }
    */
    .emptySlideFull .sliderRight a, .emptySlideFullEN .sliderRightEN a{
        border: 4px solid #0062A4;
        transition: 0.2s;
    }
    .emptySlideFull .sliderRight a:hover, .emptySlideFullEN .sliderRightEN a:hover{
        border: 4px solid #8e1409;
        color: #8e1409;
    }


}




/* NEW BUTTON STYLE */

.blueButtonOnWhite a{
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 20px;
    float: left;
    color: #0062a4;
    background-color: white;
    padding: 15px 40px;
    border: 4px solid #0062a4;
    transition: 0.2s;
    text-transform: uppercase;
}
.blueButtonOnWhite a:hover{
    border: 4px solid #8e1409;
    color: #8e1409;
}
.blueButtonOnBlue, .blueButtonOnWhite{
    display: flex;
}
.blueButtonOnBlue a{
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 20px;
    float: left;
    color: white;
    background-color: #0062a4;
    padding: 15px 40px;
    border: 4px solid white;
    transition: 0.2s;
    text-transform: uppercase;
}
.blueButtonOnBlue a:hover{
    border: 4px solid #8e1409;
    color: #8e1409;
}
@media (min-width: 767px){
    .blueButtonOnWhite a, .blueButtonOnBlue a{
        font-size: 24px;
    }
    .blueButtonOnWhite a:hover{
    }
}



.grey{
    color: #666;
}
.blue{
    color: #0062a4;
}

/* Modules in Grid with Flex */
.inGridFlex .et_pb_row{
    display: flex;
}
.inGridFlex .et_pb_row .et_pb_column{
    display: grid;
}

/* Data Tables */
.supsystic-tables-wrap .dataTables_scrollBody table tbody tr td{
    font-size: 80%;
}




/* Footer Icons */
@media (max-width: 767px){
    #main-footer .bottom-nav li:not(.social_media_footer){
        width: 100%;
        text-align: center;
    }
    #main-footer .social_media_footer{
        margin-top: 10px;
    }

}
@media (min-width: 768px){
    
    #footer-bottom{
        display: none;
    }
    #main-footer .social_media_footer{
        float: right;
        margin-top: 5px;
    }
    /* Footer */
    .bottom-nav {
        padding: 10px 0;
    }

}