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

.error404 .content {

    display: flex;
    align-items: center;
    justify-content: center;
}

img {
	max-width: 100%;
}

body .wpb_row:not(.vc_inner) {
	margin-top: 100px;
    margin-bottom: 100px;
}


.same-logo img, .branding a img, .branding img{
	max-width: 380px;
}

a {
	text-decoration: none;
}

body h3, h4, body h5, body h6, body, body button, body input, body select, body textarea {
    color: #555;
}

:root {
	--the7-h3-color: #555;
}

/*------------ PRODUCTS ----------- */

.dustcontrol_products {
	display: flex;
}

.dustcontrol_product {
	width: calc(100% /4);
	padding: 10px;
	text-align: center;
}

.dustcontrol_product:hover > .image {
	filter: grayscale(100%);
}

.dustcontrol_product:hover h4 {
	color: #246fb1;	
}

.dustcontrol_product > .image {
	background-size: cover;
	background-position: center;
	width: 100%;
	height: calc(100vw /4);
	max-height: 360px;
	margin-bottom: 10px;
	padding: 15px;
}

.small_text {
	max-width: 835px;
	margin: 0 auto;
	width: 100%;
}

.smaller_text {
	max-width: 580px;
}

/*------------ REFERENCES ----------- */

.dustcontrol_references {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.dustcontrol_references a {
	width: calc(100% / 4);
}

.dustcontrol_references a:hover {
	filter: grayscale(100%);
}



/*------------ FORM ----------- */

form {
	color: #fff;
	display: table;
	margin: 0 auto;
	width: 768px;
    max-width: 100%;
}

form input, form textarea {
	padding: 10px;
	margin-bottom: 10px;
}

.form_input p {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}

.form_input span:nth-child(1) {
	margin-right: 10px;
}
.form_input span:nth-child(2) {
	margin-left: 10px;
}

form input[type="submit"] {
	margin-top: 20px !important;
}

form textarea {
	width: 100%;
}

form input[type="submit"] {
	display: table;
	box-shadow: none;
	color: #fff;
	background-image: none !important;
	border: none;
	border-color: #246fb1 !important;
    background-color: #246fb1 !important;
    font-weight: bold !important;
    text-transform: uppercase;
    margin: 0 auto;
    padding: 10px 20px;
    transition: all 300ms;
}

form input[type="submit"]:hover {
    background-color: #afafaf !important;
}


/*------------ SINGLE ----------- */

body .single-full-width {
	max-width: 100%;
}

body.single-products.single #wrapper {
	padding: 0px;
}

.wpb_image_grid .wpb_image_grid_ul img {
	width: 120px; 
	height: 120px;
}

.products-template-default .page-title,
.products-template-default .post-thumbnail{
	display: none;
}


/*------------ DUST CONTROL24 ----------- */

#pageFooter div:nth-child(2) a{
	margin: 0 auto;
}

#pageFooter > div:last-child a {
	margin-left: auto;
}

#pageFooter {
	display: flex;	
	justify-content: space-between;
	
}

#bottom-bar {
	background-color: #e0e0e0;
}

#footer .wf-container {
	align-items: center;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#pageFooter .widgettitle {
	text-transform: none;
    font-weight: 300;
    margin-top: 15px;
    text-align: center;
}

#pageFooter .widget {
    	display: flex;
    align-items: center;
    flex-direction: column-reverse;
    align-items: flex-start;
    justify-content: flex-end;
}


#menu-footer-menu {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 0;
}

#menu-footer-menu li{
	list-style: none;
	margin-bottom: 0;
	padding: 0 10px;
}

#menu-footer-menu li a {
	color: #000;	
}

#menu-footer-menu li a:hover {
	color: #1b61ac
}


.wpcf7-recaptcha {
	display: flex;
    margin: 20px 0 30px;
    justify-content: center;
}



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

	.same-logo img, .branding a img, .branding img,
	body .mobile-branding > a img, body .mobile-branding > img{
		max-width: 300px !important;
	}
}


@media screen and (max-width: 991px) {
	
	#info_row > div {
		text-align: center !important;
		width: 100%;
	}
	
	#info_row  .vc_column-inner {
		align-items: center;
	}
	
	#info_row.vc_row.vc_row-o-content-middle>.vc_column_container>.vc_column-inner {
		padding-top: 0px;
	}
	
	body .pix-menu {
	    height: 80px;
	}
	
	
}


@media screen and (max-width: 991px) {
	body .container, .main-side-left .menu-container, .main-side-left .container {
		padding: 0 30px;
	    width: 100%;
	}
}



@media screen and (max-width: 767px) {
	
	.copyright.row .col-md-6 {
		display: table;
		margin: 0 auto;
	}
	
	#no_background {
		background-image: none !important;
		background-color: #e0e0e0;
	}
	
	.single-products ul li{
		list-style: none;
		text-align: center !important;
	}

	.form_input {
		flex-wrap: wrap;
	}
	
	.form_input span,
	.form_input span:nth-child(1) {
	    margin-right: 0px !Important;
	    width: 100%;
	}
	
	.form_input input, .form_input textarea {
		width: 100%
	}
	
	.form_input br {
		display: none;
	}
	
	#pageFooter {
		flex-wrap: wrap;
	}
	
	#pageFooter > div{
		width: 100%;
		justify-content: center;
	}
	
	#pageFooter > div:last-child a {
		margin: auto;
	}
	
	.dustcontrol_products, .dustcontrol_references {
		flex-wrap: wrap;
	}
	
	.dustcontrol_products a, .dustcontrol_references a {
		    width: calc(50% - 20px);
	}
	
	.dustcontrol_product > .image {
		height: calc(100vw /2);
	}
	
	footer .wf-container-bottom{
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
}


@media screen and (max-width: 480px) {
	
	.dustcontrol_products a, .dustcontrol_references a {
		width: 100%;
	}
	
	.dustcontrol_product > .image {
		height: calc(100vw - 30px);
	}
	
	#logo {
	    max-width: 230px;
	}
	
	.container, .main-side-left .menu-container, .main-side-left .container {
	    max-width: calc(100% - 20px) !important;
	    min-width: 280px;
	}
	
	#inner-header .widget-right {
		display: none;
	}
	
	
}