/*
Theme Name: Firmengruppe Fech (Template)
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
*/

.blog .dt-format-gallery .dt-format-gallery-coll.full,
.archive .dt-format-gallery .dt-format-gallery-coll.full,
.search .dt-format-gallery .dt-format-gallery-coll.full
{
	display: none;
}


.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor {}

/* Generals ____________ */
#main {
	background-image: linear-gradient(#f4f4f3, #ffffff);
}
#main-slideshow {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.content_topmargin {
	margin-top: -550px;
}
/* Listen */
.content .listenansicht {
  list-style: none;
}
 .listenansicht li {
	 padding-top: 10px;
	 margin-bottom: 10px;
 }
.listenansicht a {
  text-decoration: none;
	color: #777777;
}
	.listenansicht a:hover {
		color: #478707;
	}
.content .listenansicht li::after {
	content: "";
	position: relative;
	left: 0;
	bottom: -12px;
	width: 100%;
	height: 1px;
	background-image: linear-gradient(to right, rgb(225, 225, 225) 0%, rgba(255, 255, 255, 0) 100%);
	display: block;
}
	.content .listenansicht li:last-child::after {
	    background-image: none;
	}
.listenansicht li:before {
	font-family: FontAwesome;
	font-size: 20px;
	content: "»";
	color: #478707;
	margin-right: 10px;
}
.icon_links img {
	opacity: 0.75;
}
.icon_links img:hover {
	opacity: 1.0;
}
.icon_links a:hover {
	cursor: pointer;
}
/* Topbar ____________ */
.top-bar .text-area {
  color: #fff;
}
/* Navigation ____________ */
.main-nav .sub-nav > li > a .menu-text {
	color: #333333 !important;
}
.main-nav .sub-nav > li > a .menu-text:hover {
	color: #478707 !important;
}
/* Fonts ____________ */
h3 {
	color: #478707;
}
.small_green {
	font-size: 0.6em;
	line-height: 0.6em;
	color: #478707;
	font-weight: 300;
}
.small_green2 {
	font-size: 2.2em;
	line-height: 1.0em;
	color: #478707;
}
/* ____________ Karriere ____________ */
.box1 {
  position: relative;
  background: #47870788;
  border: 2px solid #478707;
  border-radius: 8px;
  padding: 30px 30px 50px 30px;
  overflow: hidden;
  box-sizing: border-box;
  transition-duration: 0.75s;
  color: white;
}
.box2 {
  position: relative;
  background: linear-gradient(to top, rgba(236,236,236,0.9) 0%, rgba(255,255,255,0.9) 33.3333%);
  border-radius: 8px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  padding: 30px 30px 50px 30px;
  overflow: hidden;
  box-sizing: border-box;
  margin-top: -150px;
  margin-right: 20px;
  margin-left: 20px;
  min-height: 450px;
  transition-duration: 0.75s;
}
.box2:hover {
  margin-top: -170px;
}
.box2 i {
  margin-bottom: 16px;
}
.box2 b {
	color: #478707;
}
.box2img img {
  border-radius: 8px;
}
.benefit-list {
  list-style-type: none !important;
  margin-left: 0px !important;
}
.benefit-list li {
  text-shadow: 1px 2px 3px rgba(0,0,0,.5);
  font-size: 15px;
  position: relative;
  margin: 0 0 20px;
  padding: 0 0 0 30px;
  text-align: left;
  transition: all .2s;
}
.benefit-list li::before {
  display: block;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url(/wp-content/themes/fech-theme/img/square-check-solid.svg);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center top;
  background-size: 20px 20px;
}
.benefit-list li::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -12px;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right,rgb(71, 135, 7) 0%,rgba(255,255,255,0) 100%);
}
.benefit-list li:last-child::after{
  display: none;
}
/* ______________ Teaser ____________ */
.teaser {
  position: relative;
  background: linear-gradient(to top, #ececec 0%, #ffffff 33.3333%);
  text-align: center;
  border-radius: 8px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #ffffff;
  padding-bottom: 40px;
  max-width: 600px;
  overflow: hidden;
}
.teaser .teaser-thumb {
    position: relative;
    display: block;
    background-color: #ededed;
}
.teaser .teaser-thumb::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    background: linear-gradient(to top, rgba(255,255,255,1) 5%, rgba(255,255,255,0.0) 100%);
}
.teaser .teaser-thumb img {
    display: block;
    width: 100%;
    height: auto;
    margin-top: -4%;
    opacity: 1;
    transition: all .3s;
}
.teaser .excerpt {
    margin-bottom: 15px !important;
    padding: 0 20px;
    min-height: 54px;
}
.teaser-btn {
    position: absolute;
    right: -130px;
    bottom: 0;
    display: block;
    width: 100%;
    max-width: 240px;
    height: 40px;
    padding: 10px 0 0 85px;
    background-image: url(/wp-content/themes/fech-theme/img/teaser-btn.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto 40px;
    color: #ffffff !important;
    box-sizing: border-box;
    text-align: center;
    z-index: 1;
    transition: all 0.2s;
		text-decoration: none;
}
.teaser-btn:hover {
	right: 0;
}
.teaser::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: #478707;
    transition: all .3s;
}
.teaser-btn::after {
    content: "";
    position: absolute;
    left: 75px;
    top: 12px;
    width: 18px;
    height: 18px;
    background-image: url(/wp-content/themes/fech-theme/img/arrow-circle.svg);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 18px 18px;
    transition: all 0.2s;
}

/* btn allgemein */
.more_btn {
  background: #fff;
  padding: 15px 25px;
  border: 2px solid #478707;
  border-radius: 50px;
  text-decoration: none;
	transition: all 0.37s;
}
.more_btn:hover {
	background: #478707;
	color: #ffffff;
}
/* Woocomerce */
#price_calculator input {
  text-align: right;
  width: 70%;
}
.cart-btn-on-hover .woo-buttons {
  opacity: 1;
}
.cart-btn-on-img .woo-buttons {
  position: relative;
}
.cart-btn-on-img .woo-buttons a {
  max-width: 180px;
}
.cart-btn-on-img .woo-buttons a {
  display: inline-block;
  float: none;
  height: 32px;
  padding: 15px;
  border-radius: 16px;
  text-align: center;
}
.woocom-project {
  background: #ffffff;
}
.woocommerce .content .wf-cell img {
  height: auto;
  width: 100%;
}
.woocom-list-content .woocommerce-product-details__short-description {
  display: none;
}
.woocom-list-content .price {
  margin-bottom: 30px;
  display: inline flow-root list-item !important;
}
.shopping-cart-inner {
  background-color: #ffffffd6;
}
.cart-btn-on-img .woo-buttons a .filter-popup {
  display: inline-block;
  visibility: initial;
  vertical-align: middle;
  line-height: 32px;
  margin-left: 0;
  opacity: 1;
  transition: opacity 0.25s ease;
  margin-top: -15px;
}
.product form.cart .button, .qty {
  max-height: 50px !important;
  }
.popup-icon.icomoon-the7-font-the7-cart-04 {
  display: none;
}
/* Formular ______________________ */
.contact_bg {
	background: linear-gradient(to top, rgba(236,236,236,0.9) 0%, rgba(255,255,255,0.9) 33.3333%);
	border-radius: 8px;
	border: 3px solid #7fbb2b;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
	padding: 25px 25px 50px 25px;
	overflow: hidden;
}
.contact-font {
	font: normal 12px / 18px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
	word-spacing: normal;
	color: #172f5e;
	margin-bottom: 25px;
}
.contact-font span.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 0;
}
/* ____________ Media ____________ */
@media screen and (max-width: 1000px) {

}