/*
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
*/
.box-shadow-image {
  padding-top: 10px;
}
.box-shadow-image .vc_single_image-wrapper {
  -webkit-box-shadow: 0px 5px 16px 8px #cfcfcf;
  -moz-box-shadow: 0px 5px 16px 8px #cfcfcf;
  box-shadow: 0px 5px 16px 8px #cfcfcf;
}
@media screen and (min-width: 768px) {
  .vc_media_grid.box-shadow-image .vc_grid-item .vc_gitem-zone {
    -webkit-box-shadow: 0px 5px 8px 4px #cfcfcf;
    -moz-box-shadow: 0px 2px 8px 4px #cfcfcf;
    box-shadow: 0px 2px 8px 4px #cfcfcf;
  }
  .vc_media_grid.box-shadow-image .vc_grid-item:nth-child(-n+4) {
    margin-bottom: 50px;
  }
}
.hover-style-two:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) .rollover-content {
  background-color: rgba(20, 20, 18, 0.7);
  background: rgba(20, 20, 18, 0.7);
}
.kontakt-headline h1:before {
  content: " ";
  width: 75px;
  height: 75px;
  background: url(/wp-content/themes/dt-the7-child/images/info-icon.png);
  background-size: contain;
  position: absolute;
  left: -120px;
  top: 20px;
}
.kontakt-headline h1 a {
  color: #b21f23;
}
.kontakt-headline h1 a:hover {
  color: #480d0f;
}
.strategie-headline:before {
  content: " ";
  width: 100px;
  height: 100px;
  background: url(/wp-content/themes/dt-the7-child/images/icon-side-lautsprecher.png);
  background-size: contain;
  position: absolute;
  left: -120px;
  top: 0px;
}
.idee-headline:before {
  content: " ";
  width: 100px;
  height: 100px;
  background: url(/wp-content/themes/dt-the7-child/images/icon-side-info.png);
  background-size: contain;
  position: absolute;
  left: -120px;
  top: 0px;
}
.know-how-headline:before {
  content: " ";
  width: 100px;
  height: 100px;
  background: url(/wp-content/themes/dt-the7-child/images/icon-side-setting.png);
  background-size: contain;
  position: absolute;
  left: -120px;
  top: 10px;
}
.hp-nav-wrapper {
  position: fixed;
  top: 20%;
  right: 0px;
  z-index: 999;
}
.hp-nav-wrapper ul li a img {
  background-color: #b9b9ba;
  height: 30px;
  transition: All ease-in 200ms;
}
.hp-nav-wrapper ul li a:hover img,
.hp-nav-wrapper ul li a.active img {
  background-color: #b21f23;
}
.background-position-top .vc_column-inner {
  background-position: top!important;
}
.dt-portfolio-shortcode > .wf-cell {
  max-width: 255px;
  max-height: 255px;
}
.dt-portfolio-shortcode > .wf-cell > article {
  -webkit-box-shadow: 0px 2px 7px 2px #cfcfcf;
  -moz-box-shadow: 0px 2px 7px 2px #cfcfcf;
  box-shadow: 0px 2px 7px 2px #cfcfcf;
}
.dt-portfolio-shortcode > .wf-cell > article .entry-title a {
  font-size: 16px;
  line-height: 22px;
}
/*Abstand wegen Menue*/
.vc_row-no-padding.vc_row-o-equal-height.vc_row-flex {
  padding-right: 70px;
}
@media screen and (max-width: 1070px) {
  .vc_row-no-padding.vc_row-o-equal-height.vc_row-flex {
    padding-right: 0px;
  }
}
@media screen and (min-width: 768px) {
  .desktop-no-padding-left .vc_column-inner {
    padding-left: 0px;
  }
  .desktop-more-padding-left .vc_column-inner {
    padding-left: 40px;
  }
}
@media screen and (max-width: 768px) {
  .vc_media_grid .vc_col-sm-3 {
    width: 50%;
    display: inline-block !important;
  }
  .reset-padding-left .vc_column-inner {
    padding-left: 15px!important;
  }
  .strategie-headline,
  .idee-headline,
  .know-how-headline {
    font-size: 35px!important;
    line-height: 50px!important;
  }
  #side-nav {
    display: none;
  }
}