/*
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;}
.aio-icon-description a{
    text-decoration: none!important;
    color:#333;
}
.sidebar-content {display:none!important;}

/*---------------------------------------------------------------------------------------------*/
/*	Header
/*---------------------------------------------------------------------------------------------*/
/*
.top-line {
    background: #fff!important;
    height: 30px;
    position: absolute;
    top: -10px;
    width: 1000px;
    left: -750px!important;
}
.top-line:after {
    content: "";
    background: #fff!important;
    height: 30px;
    transform: skew(30deg,0deg);
    position: absolute;
    top: 0;
    width: 50px;
    right: -20px!important;
}
*/

.shop-button .menu-text {
    background-color: #E00022!important;
    color: #fff!important;
    padding: 10px 20px 8px;
}
.shop-button .menu-text:hover {
    background-color: #333!important;
}


.branding a img :not(#phantom) {
    margin-top: -10px;
    padding-bottom: 10px;
}
.masthead {
    -webkit-box-shadow:0 0 20px 10px rgba(0,0,0,0.5);
    box-shadow: 0 0 20px 10px rgba(0,0,0,0.5)!important;
}

.branding :not(.sticky-logo) img {
    margin-top: -25px;
    padding-bottom: 10px;
}

.sub-nav  {
    padding-top:10px;
    box-shadow: none;
}
/*---------------------------------------------------------------------------------------------*/
/*	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;
}

/*---------------------------------------------------------------------------------------------*/
/*	Revolution Slider
/*---------------------------------------------------------------------------------------------*/

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

/*---------------------------------------------------------------------------------------------*/
/*	Startseite
/*---------------------------------------------------------------------------------------------*/
.slick-slider .slick-prev.slick-arrow,
.slick-slider .slick-next.slick-arrow {
    font-size: 50px!important;
}

/*---------------------------------------------------------------------------------------------*/
/*	Produkte
/*---------------------------------------------------------------------------------------------*/
.filter-categories a {
    font-size: 14px;
    margin-right: 2px;
    font-weight: 600;
    background: #f7f7f7;
    padding-top: 15px;
    padding-bottom: 15px;

}

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

/*---------------------------------------------------------------------------------------------*/
/*	Footer
/*---------------------------------------------------------------------------------------------*/
.widget-title {
    font-weight: 600;
    text-transform: uppercase;
    color:#fff!important;
}
.textwidget a {
        color:#fff!important;

}
/*---------------------------------------------------------------------------------------------*/
/*	Gravity Forms
/*---------------------------------------------------------------------------------------------*/



#gform_1 div.gform_footer.top_label {
    text-align: center!important;
}

.gfield_label {
    font-size: 18px!important;
    color: #333!important;
    font-weight: bold!important;
}
input,
textarea {
    border: 1px solid #eee!important;
    font-size: 18px!Important;
    border-radius: 0!important;
    margin-bottom: -15px !important;
    color: #333!important;
}
input:focus,
textarea:focus {
    border: 1px solid #bbb!important;
}
input:hover,
textarea:hover {
    border: 1px solid #bbb!important;
}
.gfield_select {
    border: 1px solid #c0c0c0;
    padding: 10px !important;
}
.gform_body input,
.gform_body textarea {
    padding: 9px !important;
}
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=number],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=password],
body .gform_wrapper .gform_body .gform_fields .gfield select,
body .gform_wrapper .gform_body .gform_fields .gfield textarea {
    background-color: #fff!important;
}
.gsection_title {
    font-size: 30px!important;
    line-height: 50px!important;
}
.gform_button {
    font-weight: bold!important;
    font-size: 20px!important;
    box-shadow: none!important;
    border: 0px!important;
    color: #fff!important;
}
.gform_footer {
    border: 0!important;
}
.gform_button:hover {
    box-shadow: none!important;
    color: #fff!important;
    background-color: #333!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 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 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: #333;
    font-weight: bold;
    text-align: center;
    line-height: 23px;
}
 ::-moz-placeholder {
    color: #333!important;
    font-size: 14px!important;
    text-transform: uppercase;

}
 ::-webkit-input-placeholder {
    color: #333!important;
    font-size: 14px!important;
    text-transform: uppercase;

}
 :-ms-input-placeholder {
    color: #333;
    font-size: 14px!important;
    text-transform: uppercase;
}

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

}