/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
/* open-sans-regular - latin */
/* montserrat-700 - latin */
/* montserrat-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/montserrat-v25-latin-300.eot'); /* IE9 Compat Modes */
    src: url('fonts/montserrat-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/montserrat-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/montserrat-v25-latin-300.woff') format('woff'), /* Modern Browsers */
         url('fonts/montserrat-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/montserrat-v25-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */
    src: url('fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */
         url('fonts/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
  }/* source-sans-pro-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
    src: url('fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
         url('fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-600 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/source-sans-pro-v21-latin-600.eot'); /* IE9 Compat Modes */
    src: url('fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
         url('fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
@font-face {
    font-family: 'icomoon';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/icomoon-the7-font.ttf'); /* IE9 Compat Modes */
}

:root {
    --background-color: rgb(253, 253, 253) ;
    --brand-color-secondary-dark: #0090d9;
    --brand-color-secondary: #0ba8f9;
    --brand-color-secondary-hover: #0090d9;
    --brand-color-secondary-shadow: #050648;
    --brand-color-primary: #22235d;      
    --brand-color-primary-hover: #22235d;
    --brand-color-primary-shadow: #22235d;
    --brand-color-tertiary: #050648;
    --brand-color-tertiary-hover: #070973;
    --brand-color-tertiary-shadow: #050648;
}



.upb_row_bg {
    width: 100% !important;
    left: 0 !important;
}

/* SLIDER REVOLUTION */
.accent .rs_splitted_chars {
    color: var(--brand-color-secondary) !important;
}

/* FOOTER */
#branding-bottom img {
    max-width: 100px;
    height: auto;
}
.wf-float-right {
    justify-content: flex-end !important;
}
.wf-float-left {
    text-align: left !important;
}
#bottom-menu li {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

/* TYPOGRAFIE */
a {
    text-decoration: none !important;
    transition: 0.5s !important;
}
#main a:not(.vc_btn3,.dt-btn) {
    color: var(--brand-color-secondary) !important;
}
#main a:hover:not(.vc_btn3,.dt-btn) {
    color: var(--brand-color-secondary-hover) !important;
}
::marker {
    color: var(--brand-color-secondary) !important;
}
h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
    font-style: normal !important;
    color: var(--brand-color-secondary) !important;
}
h2, h3, h4 {
    margin-bottom: 25px !important;
}
@media only screen and (max-width: 480px) {
    h2 {
        font-size: 30px !important;
        line-height: 40px !important;
    }
    .mobile-center img {
        margin-right: 0px !important;
    }
}
@media only screen and (max-width: 778px) and (min-width: 481px) {
    h2 {
        font-size: 40px !important;
        line-height: 50px !important;
    }
}
#bottom-bar .wf-float-right {
    display: flex !important;
}
@media only screen and (max-width: 778px) {
    .mobile-padding .vc_column-inner {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .mobile-center .custom-media .wpb_wrapper {
        justify-content: center !important;
    }
    .mobile-center {
        display: block !important;
        text-align: center !important;
    }
    #bottom-bar #branding-bottom {
        display: none !important;
    }
    #bottom-bar .wf-float-right {
        margin-top: 5px !important;
    }
    .mobile-reverse {
        flex-direction: column-reverse !important;
    }
    form .flex-row .flex-row {
        flex-direction: column !important;
    }
    form .flex-row .flex-row .col8,
    form .flex-row .flex-row .col4 {
        width: 100%; 
    }
}
@media only screen and (max-width: 990px) and (min-width: 779px) {
    #bottom-bar .wf-container-bottom {
        flex-flow: unset !important;
        justify-content: space-between !important;
    }
}
h2 small,
h1 small {
    display: block !important;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    letter-spacing: 5px;
    margin-bottom: 12px !important;
    color: var(--brand-color-secondary) !important;
}
b, strong {
    font-weight: 600 !important;
    color: var(--brand-color-primary) !important;
}
ul {
    list-style: square !important;
}
li {
    margin-bottom: 12px !important;
}
.color-primary {
    color: var(--brand-color-primary) !important;
}
.max-width-700 {
    max-width: 700px;
}

/* FORMULARE */
.flex-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
.col6 {
    width: 49%;
}
.col8 {
    width: 80%;
}
.col4 {
    width: 20%;
    text-align: right;
}
.col12 {
    width: 100%;
}
.wpcf7-spinner {
    position: absolute !important;
}
.wpcf7-list-item {
    margin: 0px !important;
    font-size: small;
}
textarea,
input[type=text] {
    color: rgb(96, 101, 109) !important;
}

.dribbble .soc-font-icon:before, 
.dt-icon-dribbble:before, 
.icomoon-the7-font-dribbble:before {
    content: "\e105" !important;
}
.dt-icon-mail:before, 
.icomoon-the7-font-the7-mail-mail-06:before, 
.mail .soc-font-icon:before, 
.the7-mw-icon-mail:before {
    content: "\e005" !important;
}
.after-img-1 img {
    position: absolute;
}
.after-img-2 img {
    width: 85%;
    margin: 0% 5%;
}


/* LOGO/Header */
.branding img,
.logo-box img,
.mobile-branding img {
    width: 125px !important;
    height: auto !important;
}
.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn {
    background-color: var(--brand-color-primary) !important;
}
#primary-menu .sub-nav {
    background: transparent !important;
    box-shadow: none !important;
    top: 70px !important;
}
#primary-menu .sub-nav .menu-text,
#primary-menu .sub-nav a:hover .menu-text {
    color: white !important;
}
#primary-menu .sub-nav a:hover {
    background-color: rgba(255,255,255,0.1) !important;
}

#phantom .sub-nav {
    background: var(--background-color) !important;
}
#phantom .sub-nav .menu-text,
#phantom .sub-nav a:hover .menu-text {
    color: var(--brand-color-primary) !important;
}
#phantom .menu-item-text:before {
    background-color: var(--brand-color-primary) !important;
    opacity: 0.75;
}
.sticky-on .main-nav.level-arrows-on > li.has-children > a .menu-text:after, 
#phantom .main-nav.level-arrows-on > li.has-children > a .menu-text:after,
.light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav.level-arrows-on > li.has-children > a .menu-text:after, 
.light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav.level-arrows-on > li.has-children:not(.act) > a:hover .menu-text:after, 
.light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav.level-arrows-on > li.has-children.act > a .menu-text:after {
    right: -5px;
    font-weight: lighter;
}
.main-nav>li {
    margin: 0px !important;
}

/* ANIMATIONS */
.delay-0 {
    animation-delay: 0.5s;
}
.delay-1 {
    animation-delay: 1s;
}
.delay-2 {
    animation-delay: 1.5s;
}
.delay-3 {
    animation-delay: 2s;
}
.delay-4 {
    animation-delay: 2.5s;
}
.delay-5 {
    animation-delay: 3s;
}

/* BUTTONS */
.btn a,
.dt-btn,
.exggmap-wrapper button, 
.vc_general.vc_btn3 {
    letter-spacing: 1px !important;
    line-height: 18px !important;
    padding: 10px 25px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    background: #0babf9 !important;
    color: white !important;
    border-style: solid !important;
    border-radius: 0px !important;
    border-color: transparent !important;
    font-family: 'Open Sans Pro', Arial, Helvetica, sans-serif;
    z-index: 10;
}
.vc_general.vc_btn3:hover, 
.dt-btn:hover {
    background-color: #020348 !important;
    color: white !important;
}
.btn i,
.vc_general.vc_btn3 i {
    width: 0px !important;
    opacity: 0 !important;
}
.btn a.vc_btn3-icon-right:hover,
.vc_general.vc_btn3.vc_btn3-icon-right:hover {
    padding-right: 40px !important;
}
.btn a:hover i,
.vc_general.vc_btn3:hover i {
    transition: 0.5s!important;
    opacity: 1!important;
    width: auto!important;
}
.vc_btn3-container {
    margin-bottom: 0px !important;
}

/* FOOTER */
@media only screen and (max-width: 778px){
    .wf-float-right {
        flex-direction: column !important;
        align-items: center !important;
    }
}
.footernav {
    display: flex;
    align-items: center;
}
.footernav a {
    margin-left: 5px;
    margin-right: 5px;
}
.footernav .link-xing {
    margin-left: 10px;
    margin-right: 0px;
}
.footernav .link-linkedin {
    margin-right: 0px;
}
.footernav .link-kununu {
    margin-left: 10px;
    margin-right: 0px;
}
.footernav a:hover img {
    filter: invert(1) brightness(2) !important;
}
.footernav i {
    padding: 5px;
    border-radius: 3px;
    justify-content: center;
    display: flex;
    transition: 0.4s;
}
.footernav i:hover {
    background-color: white;
    color: #002d3a;
}
.footernav a i {
    margin-left: 0px;
}