/*
Theme Name: Löbachs
Author: Löbachs
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
*/


/* page */
#page {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

/* .home .masthead, .home .mobile-header-space {
  display: none !important;
} */

.masthead-mobile .mobile-branding {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.mobile-branding img {
  max-height: 130px;
  width: auto;
}

/* top-bar */
a.top-btn {
  padding: 20px 20px 10px 20px;
  background-color: rgba(0, 0, 0, 0.2);
  font-size: 14px;
  margin-left: 4px;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  text-decoration: none !important;
  color: rgba(255,255,255,0.75);
}

a.top-btn.active {
  color: rgba(255,255,255,1);
}

a.top-btn:hover {
  opacity: 1;
  color: rgba(255,255,255,1);
}


/* menu */
.hover-outline-decoration > li > a {
  background-color: rgba(0, 0, 0, 0.25);
}


/* main */
#main {
  background-color: rgba(0, 0, 0, 0.25);
}

/* .home #main {
  padding-top: 160px;
  padding-bottom: 160px;
} */

/* @media screen and (max-width: 766px) {

  .home #main {
    padding-top: 40px;
    padding-bottom: 40px;
  }

} */


/* teaser */
.custom-html-widget a {
  position: relative;
  display: block;
  max-width: 330px;
  margin: 0 auto;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 2px solid rgba(255,255,255,1);
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.custom-html-widget a img {
  display: block;
}

.custom-html-widget a h3 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 4px 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  text-align: center;
  transition: padding 0.2s ease-in-out;
}

.custom-html-widget a:hover h3 {
  padding-bottom: 14px ;
  transition: padding 0.2s ease-in-out;
}


/* option */
.option-1 a, .option-2 a {
  display: block;
  min-height: 200px;
  margin-bottom: 20px !important;
  padding: 20px;
  border: 2px solid rgba(255,255,255,0.25);
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  background: rgba(0,0,0,0.1);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.option-1 a:hover, .option-2 a:hover {
  border: 2px solid rgba(255,255,255,0.75);
  background: rgba(0,0,0,0.2);
}


/* footer */
#footer {
  background-color: #4b0405;
}