@charset "UTF-8";

/*
Theme Name: Maxum Construction
Theme URI: https://wordpress.org/themes/maxumconstruction/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Maxum Construction is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Maxum Construction elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.8
Requires PHP: 5.6
Version: 2.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: maxumconstruction
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

Maxum Construction WordPress Theme, (C) 2020 WordPress.org
Maxum Construction is distributed under the terms of the GNU GPL.
*/


*{ padding:0; margin:0;}
body{ font-family: "Poppins", Sans-serif;}
/* img{ max-width:100%; height: auto!important; vertical-align: top;} */
#letterbox label{ display:none!important;}
#letterbox input[type="email"]{ width:100%; height:50px; border:1px solid #909090; border-radius:4px; border:1px solid #ccc; background:#fff;}
#letterbox input[type="submit"]{ background:#de0b17; color:#fff; width:100%; height:50px; border:1px solid #de0b17; border-radius:4px; font:600 16px/20px "Poppins", Sans-serif; cursor:pointer;}
#letterbox input[type="submit"]:hover{ background:#fff; color:#de0b17; border:1px solid #de0b17;}
#letterbox .tnp-subscription{ margin:0!important;}
#slider-sec .swiper-slide-inner{ padding:100px 10px 0!important; max-width:1200px; width:100%; margin:0 auto;}
.ekit-heading--title{display:flex;}
.heading-title .ekit-heading--title{ display:flex;}

#slider-sec .elementor-slide-description{ margin-bottom:15px!important;}
.servicesbox .elementor-widget-theme-post-featured-image img {height: 350px !important;}
.servicesbox .hoverbox{height:100%;  transition: all 300ms ease-out 0s;}
.servicesbox:hover .hoverbox{ top:0!important; margin-top:0!important; background:rgba(222,10,22,0.5)!important;}
.servicesbox:hover .hoverbox .elementor-widget-theme-post-title{ filter:invert(1) brightness(2);}

#projectloop .elementor-swiper-button .icon{ color:#f00!important;}
#projectloop .elementor-swiper-button:hover .icon{ color:#fff!important;}
#projectloop .elementor-widget-theme-post-featured-image img {height: 294px !important; object-fit: cover;}
.projectsec .bigimg img {height: 540px !important; max-width: 550px !important;}
.projectsec .smallimg img {height: 262px !important; max-width: 550px !important;}
.projectsec a {display: block !important;}
.about_tab .elementor-widget-image img {height: 399px !important; object-fit: cover;}
.page-id-84 .siteheader, .error404 .siteheader {position: inherit !important; background-color: #051827;}
.page-id-84 article, .errorwrap {padding: 40px 20px; text-align: center;}
.page-id-84 .entry-title, .errorwrap .page-title {margin-bottom: 10px;}
.page-id-84 .tnp-form.tnp-profile {margin: auto; text-align: left;}
.wpcf7-form .wpcf7-form-control {font-family: "Poppins", Sans-serif; color: #6c6c6c; padding: 15px 18px; width: 100%; outline: none; border-radius: 5px; border: 1px solid #c5c5c5;}
.wpcf7-form textarea {height: 160px;}
.inputwrap {display: flex; gap: 15px;}
.inputwrap div {width: 50%;}
.wpcf7-form .wpcf7-form-control:placeholder {opacity: 1;}
.wpcf7-form select {background-color: transparent; height: 50px;}
.formbtn .wpcf7-submit {
	background-color: #e30809; 
	color: #fff; 
	font-weight: 500; 
	border: 0px; 
/* 	max-width: 179px;  */
	width: 100%;
	padding: 17px 15px !important; 
	margin-left: auto; 
	cursor: pointer;
}
.formbtn .wpcf7-submit:hover {background-color: #000;}
.formbtn {position: relative; margin-top: 10px; text-align: right;}
.formbtn .wpcf7-spinner {position: absolute; display: block; right: 0;}
.formbtn p {margin-bottom: 0px !important;}
.wpcf7-response-output {text-align: center; font-size: 14px;}
.serviceimg img {max-width: 600px !important; height: 428px !important; object-fit: cover;}
.headtel a {color: #fff;}
.iconboxsection .elementor-widget-image img {width: 44px !important; height: 44px !important;}
#slider-sec .elementor-background-overlay {background-image: linear-gradient(to bottom, #000000d4 0%, #ffffff00 24%);}
.loopgridbox .elementor-widget-theme-post-featured-image img {height: 387px !important; object-fit: cover;}
.sgpb-main-html-content-wrapper h4 {font-size: 30px; text-align: center; font-weight: 700; line-height: 1.1;}
.sgpb-main-html-content-wrapper .wpcf7-form-control {box-sizing: border-box;}
.sgpb-main-html-content-wrapper textarea {height: 120px;}
.sitelogoo img {width: 150px !important; height: 100px !important;}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
.projectsec .bigimg img {height: 400px !important;}
.projectsec .smallimg img {height: 193px !important;}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
.serimg img {width: 500px !important; max-width: 100% !important;}	
.projectsec .bigimg img {height: 268px !important;}
#projectloop .elementor-widget-theme-post-featured-image img {height: 220px !important;}
.formbtn {text-align: center;}
.formbtn .wpcf7-spinner {right: 0; left: 0; margin: auto;}
.serviceimg img {height: 380px !important;}
.loopgridbox .elementor-widget-theme-post-featured-image img {height: 340px !important;}
}