/*
Theme Name: BLIM �鶹ֱ����Ƶ Rebrush
Theme URI: https://understrap.com
Author: BLIM GMBH
Author URI: https://www.blim.de
GitHub Theme URI: https://github.com/understrap/understrap
Description: Combination of Automattic´s _s theme and Bootstrap 4. Made as a solid starting point for your next theme project and WordPress website. Use it as starter theme or as a parent theme. It is up to you. Including Font Awesome support, built-in widget slider and much more you need for basic websites. IMPORTANT: All developer dependencies are not bundled with this install file. Just download the .zip, extract it and run "npm install" and "gulp copy-assets" inside the extracted /understrap folder.
That downloads everything and moves it in place so that you can recompile your CSS and JS files;
A developer version (with Gulp/node and Sass sources) is available on gitHub: https://github.com/understrap/understrap
A child theme is available on Github, too: https://github.com/understrap/understrap-child;
Version: 0.9.4
License: UnderStrap WordPress Theme, Copyright 2013-2017 Holger Koenemann
UnderStrap is distributed under the terms of the GNU GPL version 2
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: understrap
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
UnderStrap is based on Underscores https://underscores.me/, (C) 2012-2016 Automattic, Inc.

Resource Licenses:
Font Awesome: http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
Bootstrap: https://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (Code licensed under MIT, documentation under CC BY 3.0.)
and of course
jQuery: https://jquery.org | (Code licensed under MIT)
WP Bootstrap Navwalker by Edward McIntyre: https://github.com/twittem/wp-bootstrap-navwalker | GNU GPL
*/

/*
This file is just used to identify the theme in WordPress.
The compiled CSS output can be found in /css/theme.css
The SASS sources for it can be found in /sass/
The dependencies can be found in /src/ after running "gulp copy-assets" terminal command

...and now go out and play!
*/

.background-image-text-left.background-image-right.container-fluid.background-image-font.background-white.career h2 {
    font-family: okta_neuemedium !important;
    font-size: 30px !important;
    color: #00a5e1 !important;
    margin-bottom: 2rem !important;
}

.background-image-text-left.background-image-right.container-fluid.background-image-font.background-white.career p {
    color: #00a5e1 !important;
    font-family: okta_neuelight !important;
    font-size: 30px !important;
    line-height: 1.2;
    font-weight:500 !important;
}
.background-image-text-left.background-image-right.container-fluid.background-image-font.background-white.career a {
    color: black !important;
    font-family: okta_neuemedium !important;
    text-transform: lowercase !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;


}
.background-image-text-left.background-image-right.container-fluid.background-image-font.background-white.career a::before{
    background-color: black !important;

}
.background-image-text-left.background-image-right.container-fluid.background-image-font.background-white.career {
    background-size: 60% !important;

}

@media screen and (max-width: 1200px)  {
    .background-image-text-left.background-image-right.container-fluid.background-image-font.background-white.career {
        background-size: cover !important;
}
}



.home .background-image-text-left.background-image-right.background-white .background-color,
.page-id-4896 .background-image-text-left.background-image-right.background-white .background-color,
.page-id-4897 .background-image-text-left.background-image-right.background-white .background-color{background: rgb(255,255,255)!important;background: linear-gradient(90deg,rgb(255,255,255) 0,rgb(255,255,255) 40%,rgba(255,255,255,.01) 100%)!important;}

.home .background-image-text-left.background-image-right.background-blue .background-color,
.page-id-4896 .background-image-text-left.background-image-right.background-blue .background-color,
.page-id-4897 .background-image-text-left.background-image-right.background-blue .background-color{background: rgb(0,165,225)!important;background: linear-gradient(90deg, rgba(0,165,225,1) 0%, rgba(0,165,225,1) 40%, rgba(0,165,225,0) 80%)!important;}


body div.brlbs-cmpnt-container, body div.brlbs-cmpnt-container *{
    width: 100%!important;
}

.wsf-form{
  
  h2 {
    font-size    : 50px;
    
    margin-bottom: 20px;
  }
  .wsf-fields {
    #wsf-1-field-7,
    #wsf-1-field-17 {
      border       : 2px solid #00a5e1;
      background-color: transparent;
      color: #212529;
      width        : fit-content;
      position     : relative;
      border-radius: 5px;
      padding-left: 30px;
      &:before {
        content: "";
        font-family: FontAwesome;
        position   : absolute;
        left       : 10px;
        top        : 7px;
        color      : #00a5e1;
        transition : all 350ms ease;
      }
      input {
        padding-left: 30px;
      }
    }

    .wsf-field-wrapper{
      padding: 0 50px 20px 20px;
      label{
          font-size: 16px;
          font-family: 'okta_neuebold';
          margin-bottom: 1rem;
      }
      input,
      select,
      textarea {
        border : none;
        width  : 100%;
        outline: none;
        border-radius: 0;
        border-bottom: 2px solid #00a5e1;
      }
      input{
        margin:0 10px;
      }
      .field {
        padding-left: 10px;
      }
      label {
        font-family: 'okta_neuebold';
        padding-left: 10px;

        &:before {
          content: "";
          font-family: FontAwesome;
          position   : absolute;
          left       : 10px;
          color      : #00a5e1;
          transition : all 350ms ease;
        }
      }
    }
  }
}


body div.brlbs-cmpnt-container, body div.brlbs-cmpnt-container * {
    width: unset!important;
}
.brlbs-cmpnt-container :is(.brlbs-w-full),
.brlbs-cmpnt-container :is(.brlbs-p-4){
    width: 100%!important;
}

.background-image-right .content-wrapper h3,
.background-image-right .content-wrapper .h3 {
    font-size    : 'okta_neuelight';
    color        : #00a5e1;
    margin-bottom: 50px;
}  

.home,.page-id-4896,{
  .background-image-right:nth-child(2n+2){
    background-size: contain!important;
    .background-color{
      background: rgb(0,165,225)!important;
      background: linear-gradient(90deg, rgba(0,165,225,1) 0%, rgba(0,165,225,1) 40%, rgba(0,165,225,0) 80%)!important;
    }
  }
}

.background-image-right.kundenfeedback.background-blue .background{
  background: rgb(0, 165, 225) !important;
  background: linear-gradient(90deg, rgba(0, 165, 225, 1) 0%, rgba(0, 165, 225, 1) 50%, rgba(0, 165, 225, 0) 95%) !important;
}

body .background-image-right.kundenfeedback.background-blue .slide-elmnt .customer-name{
  color:#fff;
}

.background-image-right.kundenfeedback.background-blue.kundenfeedbackv2 .background{
  background: rgb(0, 165, 225) !important;
  background: linear-gradient(90deg, rgba(0, 165, 225, 1) 0%, rgba(0, 165, 225, 1) 75%, rgba(0, 165, 225, 0) 100%) !important;
}

.background-image-text-left.background-image-right.container-fluid.background-image-font.background-white.career a,
.home .headline-links.container-fluid .link-standart,
.link-standart.special-case{
  gap: 10px;
  display: flex;
  margin-left: 0;
  min-width: 254px;
  width: fit-content;
  padding: 0 50px 0 0;
  align-items: center;
  border-radius: 25px;
  text-decoration: none;
  line-height: 1!important;
  transition: all 450ms ease;
  border: 2px solid transparent;
}

.background-image-text-left.background-image-right.container-fluid.background-image-font.background-white.career a::before,
.home .headline-links.container-fluid .link-standart::before,
.link-standart.special-case::before{
      top: unset;
      content: '';
      left: unset;
      width: 41px;
      height: 41px;
      position: relative;
      text-decoration: none;
      transition: all 450ms ease;
      background-color: transparent!important;
      background-position: contain;
      background-image: url('/wp-content/themes/crc-rebrush/sass/assets/before-black.svg');
}

.background-image-text-left.background-image-right.container-fluid.background-image-font.background-white.career a:hover,
.link-standart.special-case:hover{
  text-decoration: none;
  border-color:black;
}
.link-standart.special-case.blue{
  color: #000;
}
.home .headline-links.container-fluid .link-standart:hover::before,
.background-image-text-left.background-image-right.container-fluid.background-image-font.background-white.career a:hover::before,
.link-standart.special-case:hover::before{
  transition: all 450ms ease; 
  transform: translate(210px, 0);
}
.home .headline-links.container-fluid .link-standart::before,
.link-standart.special-case.special-case-white::before{
  background-image: url('/wp-content/themes/crc-rebrush/sass/assets/before-white.svg');
  
}
.home .headline-links.container-fluid .link-standart:hover,
.link-standart.special-case.special-case-white:hover{
  border-color:#fff;  
}

.background-image-text-left.background-image-right.container-fluid.background-image-font.background-white.career a.link-standart.special-case.special-case-cyan,
.link-standart.special-case.special-case-cyan{
  color:#00a5e1!important;
}

.background-image-text-left.background-image-right.container-fluid.background-image-font.background-white.career a.link-standart.special-case.special-case-cyan::before,
.link-standart.special-case.special-case-cyan::before{
  background-image: url('/wp-content/themes/crc-rebrush/sass/assets/before-blue.svg');
  
}
.background-image-text-left.background-image-right.container-fluid.background-image-font.background-white.career a.link-standart.special-case.special-case-cyan:hover,
.link-standart.special-case.special-case-cyan:hover{
  border-color:#00a5e1;
}