/*
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
*/

/*---------------------------------------------------------------------------------------------*/
/*	Cookie Hinweis
/*---------------------------------------------------------------------------------------------*/
.ctcc-left-side,
.ctcc-left-side a{
    font-size: 14px!important;
    line-height: 1em!important;
	color: #fff!important;
}
#catapult-cookie-bar {
    padding: 10px!important;
}

.gfield_checkbox label {
    margin-left: 25px!important
}

/*---------------------------------------------------------------------------------------------*/
/*	Allgemein
/*---------------------------------------------------------------------------------------------*/

#page {overflow:hidden;}

/*---------------------------------------------------------------------------------------------*/
/*	Header
/*---------------------------------------------------------------------------------------------*/

.masthead:not(#phantom):not(.sticky-on) {
    height: 150px!important;
    -webkit-box-shadow: 0 0 5px 10px rgba(0,0,0,0.0);
    box-shadow: 0 0 10px 7px rgba(0,0,0,0.2)!important;
}


.branding{
    margin-top: -35px!important;
    z-index: 999!important;
}


#phantom .main-nav > li a {
    margin-top: 3px !important;
}

#phantom .branding {
    margin-top: 0px !important;
}
/*---------------------------------------------------------------------------------------------*/
/*	Mobile Menu Toggle
/*---------------------------------------------------------------------------------------------*/

.lines, .lines:before, .lines:after {
	height: 5px!important;
	min-width: 33px!important;
}
.lines:before {
	top: 10px!important;
}
.lines:after {
	top: -10px!important;
}
.menu-toggle:not(.active) .lines-button:hover .lines:before, .dt-mobile-menu-icon:hover .lines:before {
	top: 7px!important;
}
.menu-toggle:not(.active) .lines-button:hover .lines:after, .dt-mobile-menu-icon:hover .lines:after {
	top: -7px!important;
}
.transparent:not(.page-template-template-microsite) .lines {
	background-color: #fff!important;
}
.transparent:not(.page-template-template-microsite) .lines:before {
	background-color: #fff!important;
}
.transparent:not(.page-template-template-microsite) .lines:after {
	background-color: #fff!important;
}

/*---------------------------------------------------------------------------------------------*/
/*	Uber Menu
/*---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*	Startseite
/*---------------------------------------------------------------------------------------------*/
.rev_slider .slotholder:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    pointer-events: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+84,0.8+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 84%, rgba(0,0,0,0.8) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 84%, rgba(0,0,0,0.8) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 84%, rgba(0,0,0,0.8) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000', GradientType=0 );
/* IE6-9 */
}
.teaser-start .mpc-callout {
    z-index: 100!important;
    background: rgba(255,255,255,1)!important;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    border-radius: px;
    border-bottom: 8px solid rgba(0,0,0,0.8)!important;
    opacity: 0.95!important;
}

.teaser-start .callout-1 .mpc-callout {
    background: #096432!important;
}
.teaser-start .callout-1 .mpc-callout:hover {
    background: #222!important;
}
.teaser-start .callout-2 .mpc-callout {
    background: #096432!important;
}
.teaser-start .callout-2 .mpc-callout:hover {
    background: #222!important;
}
.teaser-start .callout-3 .mpc-callout {
    background: #096432!important;
}
.teaser-start .callout-3 .mpc-callout:hover {
    background: #222!important;
}
.teaser-start .mpc-callout__heading {
    font-size: 30px!important;
    font-weight: 900!important;
    text-decoration: none!important;
    color: #fff!important;

}
.teaser-start .mpc-callout__icon-wrap i {
    color: #fff;
}

.start-logos .wpb_single_image img {
       -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.start-logos .wpb_single_image img:hover {
       -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    transition: .25s;
}

/*---------------------------------------------------------------------------------------------*/
/*	Abteilungen
/*---------------------------------------------------------------------------------------------*/
.sidebar-abteilung .aio-icon-component {
    text-align: center;
    margin-bottom: 0px!important;
}
/*---------------------------------------------------------------------------------------------*/
/*	Kontakt
/*---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*	Footer
/*---------------------------------------------------------------------------------------------*/
.sidebar-tage {
    float: left;
    width: 30%;
    text-align: left;
}
.sidebar-uhrzeiten {
    float: right;
    width: 70%;

}
.footer .widget-title {
    font-size: 23px;
    font-family: Rajdhani;

}
.contact-form input,
.contact-form textarea{
    background: #fff;
    border:1px solid #ccc!important;
}
.contact-form textarea {
    
}
/*---------------------------------------------------------------------------------------------*/
/*	Gravity Forms
/*---------------------------------------------------------------------------------------------*/

.gfield_label {
	font-size: 20px!important;
	color: #202325!important;
	font-weight: 600!important;
        font-family:"Rajdhani"!important;
}
input, textarea {
	font-size: 18px!Important;
}

.gfield_select {
	border: 2px solid #c0c0c0;
	padding: 10px 10px 10px 10px!important;
}
.gform_body input, .gform_body textarea {
	padding: 9px!important;
}

.gsection_title {
	font-size: 30px!important;
	line-height: 50px!important;
    
}
.gform_button {
	font-weight: bold!important;
	font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 20px!important;
	box-shadow: none!important;
	border: 0px!important;
}
.gform_button:hover {
	box-shadow: none!important;
	color: #fff!important;
	background-color: #202325!important;
	border: 0px!important;
}
.gfield_checkbox label {
	font-size: 17px!important;
	padding-left: 15px!Important;
}
.gfield_checkbox label:before {
	content: "";
	display: inline-block;
	width: 26px;
	height: 26px;
	position: absolute;
	left: 0;
	bottombottom: 1px;
	background-color: #fff;
	box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}
input[type=checkbox] {
	display: none!important;
}
.checkbox label:before {
	border-radius: 3px;
}
input[type=checkbox]:checked + label:before {
	content: "\2713";
	font-size: 20px;
	color: #222;
	font-weight: bold;
	text-align: center;
	line-height: 23px;
}
::-moz-placeholder {
color:#111!important;
font-size:18px!important;
}
	::-webkit-input-placeholder {
color:#111!important;
font-size:18px!important;
}
	:-ms-input-placeholder {
color:#111;
font-size:18px!important;
}



/*---------------------------------------------------------------------------------------------*/
/*	Tablets
/*---------------------------------------------------------------------------------------------*/

@media screen and (min-width: 767px) and (max-width: 1024px) {
	
}

/*---------------------------------------------------------------------------------------------*/
/*	iPhone 6 in portrait & landscape
/*---------------------------------------------------------------------------------------------*/

@media only screen and (max-width : 375px) {

/* Beispiel Schriftgröße Footer */
.wf-container-footer a {
	font-size: 21px!important;
}
.wf-container-footer i {
	font-size: 21px!important;
	color: #F9BF16;
}
/* Beispiel Logogröße iPhone 6 */
.mobile-branding img {
	max-width: 240px;
	height: auto;
	margin-left: -15px!important;
	width: auto; /* ie 8 */
}
}

/*---------------------------------------------------------------------------------------------*/
/*	iPhone 5 & 5S in portrait & landscape
/*---------------------------------------------------------------------------------------------*/

@media only screen and (max-width : 320px) {

/* Beispiel Logogröße iPhone 5 */
.mobile-branding img {
	max-width: 200px;
	height: auto;
	margin-left: -15px!important;
	width: auto; /* ie 8 */
}

/* Beispiel Schriftgröße Footer */
.wf-container-footer a {
	font-size: 18px!important;
	line-height: 18px!Important;
}
.wf-container-footer i {
	font-size: 18px!important;
	line-height: 18px!Important;
	color: #F9BF16;
}

}

/*---------------------------------------------------------------------------------------------*/
/*	Mobil - Allgemein
/*---------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 767px) {


/*---------------------------------------------------------------------------------------------*/
/*	Mobil - Menü
/*---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*	Mobil - Header
/*---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*	Mobil - Startseite
/*---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*	Mobil - Kontakt
/*---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*	Mobil - Footer
/*---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*	Mobil - Heading
/*---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*	Mobil - Gravity Forms
/*---------------------------------------------------------------------------------------------*/

.gform_wrapper .gform_body .top_label li.gfield.gf_right_half, .gform_wrapper .gform_body .top_label li.gfield.gf_left_half, .gform_wrapper .gform_body .top_label li.gfield.gf_left_third, .gform_wrapper .gform_body .top_label li.gfield.gf_middle_third, .gform_wrapper .gform_body .top_label li.gfield.gf_right_third, .gf_list_3col li {
	float: left;
	clear: left!important;
	width: 99%!important;
}
.gform_button {
	white-space: normal!important;
}

}