/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/******************************* GLOBAL ******************************
#menu-navbar {
    padding-right: 5rem;
  }
  
  .lines-button .lines,
  .lines-button .lines::before,
  .lines-button .lines::after {
    height: 0.4rem !important;
    width: 3rem !important;
    background: rgb(15, 98, 254, 0.7) !important;
    transform-origin: 1.43rem center !important;
  }
  
  .lines-button .lines::after {
    top: -24px;
  }
  
  .lines-button .lines::before {
    top: -12px;
  }
  
  .fa-home-outline::before {
    padding-left: 0.3rem;
  }*/

/******************************* GLOBAL ******************************


/******************************* HEADER ******************************
#header-underlined .heading-text-highlight-inner {
    transition-duration: 0.8s !important;
  }
  
  #header-underlined .word2 .heading-text-highlight-inner {
    transition-delay: 1000ms !important;
  }
  
  #header-underlined .word3 .heading-text-highlight-inner {
    transition-delay: 1900ms !important;
  }
  */
  /************************** HORIZONTAL SLIDER *************************
  
  .slider-bg-container {
    position: relative;
    z-index: -1 !important;
    margin-bottom:-100rem !important;
  }
  
  .slider-heading-container .slider-heading h2 {
    color: #fff;
    padding-right:0.9rem;
    overflow-wrap: anywhere !important;
  }
  
  #first-slider-container{
   position: fixed;
    top: 15rem;
    left: 6%;
    width: 85%;
  }
  
  
  #heading2 {
  position: fixed;
    top: 30rem;
    left: 106%;
    width: 85%;
  }
  
  #heading3 {
  position: fixed;
    top: 26rem;
    left: 206%;
    width: 100%;
    padding-right:6rem;
  }

  */
  /***************************** PRODUCT COL ****************************
  .product-col .heading-text-highlight-inner {
    transition-duration: 1.2s !important;
  }
  
  .product-col .word4 .split-word-flow {
    font-weight: normal !important;
    padding-bottom: 1.5rem !important;
  }
  
  .product-col .word2 .split-word-flow {
    line-height: 0.4 !important;
  }
  
  #product-col-btn a {
    font-weight: normal !important;
    text-transform: uppercase !important;
  }
  
  #product-col-2 .heading-text-highlight-inner {
    transition-delay: 1000ms !important;
  }
  
  #product-col-3 .heading-text-highlight-inner {
    transition-delay: 1500ms !important;
  }
  
  .blue_underscore{
      padding-bottom: 2rem !important;
      max-width: 2rem !important;
  }
  
  */
  /****************************** ICON BAR *****************************
  .icon-bar {
    width: 12rem;
  }
  
  .icon-bar-container {
    margin-left: 72px !important;
  }
  
  .icon-blocks .icon-box-content p {
    font-size: 26px;
    color: #303133 !important;
  }
  
  .icon-blocks .icon-box-content {
    width: 13rem !important;
    height: 15rem !important;
  }
  
  .icon-blocks .icon-box-content {
    transition: visibility 1s, opacity 1s;
    visibility: hidden;
    opacity: 0;
  }
  .icon-blocks:hover .icon-box-content {
    visibility: visible;
    opacity: 1;
  }
  */
  /************************** KONTAKTFORMULAR *************************
  .site-footer #row-unique-5 {
    height: 0 !important;
  }
  
  */
  /************************** ANIMATION BLAUER STRICH INFO *************************
  
  @media (max-width: 959px) and (min-width: 570px) {
      #clinetstart .heading-text-highlight-animated {
          max-width: 30vw;
      }
  }
  */
  /*************************** MEDIA QUERIES **************************
  @media only screen and (max-width: 1159px) {
      .blue_underscore_mobile{
          
      }
  }
  
  @media only screen and (max-width: 992px) {
      #heading1-fade-in .h2{
          top:17rem;
      }
  }
  
  @media only screen and (max-width: 833px) {
  
  }
  
  @media only screen and (max-width: 669px) {
  
  }
  
  @media only screen and (max-width: 600px) {
      #heading2{
          top: 23rem;
      }
  }

  */