@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//mechocool.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.3.1") format("woff2");
}

.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: none;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
}

.page-title-default{
	background-color:rgb(52,73,94);
	background-image: none;
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:rgb(44,62,80);
	background-image: none;
}

:root{
--wd-text-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:rgb(36,36,36);
--wd-text-font-size:16px;
}
:root{
--wd-title-font:"Oswald", Arial, Helvetica, sans-serif;
--wd-title-font-weight:500;
--wd-title-color:rgb(0,0,0);
}
:root{
--wd-entities-title-font:"Oswald", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:500;
--wd-entities-title-color:rgb(0,0,0);
--wd-entities-title-color-hover:rgb(249, 200, 12);
}
:root{
--wd-alternative-font:"Poppins", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Oswald", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:500;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:rgb(0,0,0);
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Oswald", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:500;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:16px;
}
html .wd-dropdown-menu.wd-design-sized .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-full-width .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu > li > a{
	font-family: "Oswald", Arial, Helvetica, sans-serif;font-weight: 500;font-size: 16px;text-transform: capitalize;
}

html .post.blog-post-loop .post-title{
	font-family: "Oswald", Arial, Helvetica, sans-serif;
}

:root{
--wd-primary-color:rgb(249,200,12);
}
:root{
--wd-alternative-color:#fbbc34;
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:rgb(249,200,12);
}
:root{
--btn-default-bgcolor:rgb(249,200,12);
}
:root{
--btn-default-bgcolor-hover:rgb(249,200,12);
}
:root{
--btn-accented-bgcolor:rgb(249,200,12);
}
:root{
--btn-accented-bgcolor-hover:rgb(249,200,12);
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}

	:root{
					
							--wd-form-brd-radius: 5px;
			
					
					--wd-form-brd-width: 2px;
		
					--btn-default-color: #fff;
		
					--btn-default-color-hover: #fff;
		
					--btn-accented-color: #fff;
		
					--btn-accented-color-hover: #fff;
		
					
			
			
							--btn-default-brd-radius: 5px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
					
					
			
			
							--btn-accented-brd-radius: 5px;
				--btn-accented-box-shadow: none;
				--btn-accented-box-shadow-hover: none;
					
							
					--wd-brd-radius: 0px;
		
			}

	
	
			:root{
			--wd-container-w: 1222px;
		}
	
			@media (min-width: 1239px) {
			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media (min-width: 1222px) {
			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
	
	
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 223px;
		}
	
	
.gt_languages a.glink span{color:#000;}
 .wpb-get-a-quote-button-btn.wpb-get-a-quote-button-btn-medium{background: #f9c80c; color: #fff; border-radius: 35px;}
 .wpb-get-a-quote-button-btn.wpb-get-a-quote-button-btn-medium:hover{background: #34495e; color: #fff;}

/* MechoCool Header project CTA */
.whb-header .mc-header-project-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 28px;
  border-radius: 8px;
  background-color: #f5c400;
  color: #12304a;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
  transition: background-color 0.2s ease, opacity 0.2s ease;
}

.whb-header .mc-header-project-cta:hover {
  background-color: #e0b400;
  color: #12304a;
}

.whb-header .mc-header-project-cta:focus-visible {
  outline: 3px solid rgba(18, 48, 74, 0.35);
  outline-offset: 2px;
}

.mobile-nav .mc-mobile-drawer-cta > a,
.wd-side-hidden .mc-mobile-drawer-cta > a {
  margin: 14px 20px;
  padding: 14px 20px;
  border-radius: 8px;
  background-color: #f5c400;
  color: #12304a;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  text-transform: none;
}

.mobile-nav .mc-mobile-drawer-cta > a:hover,
.wd-side-hidden .mc-mobile-drawer-cta > a:hover {
  background-color: #e0b400;
  color: #12304a;
}

.mobile-nav .mc-mobile-drawer-cta > a:focus-visible,
.wd-side-hidden .mc-mobile-drawer-cta > a:focus-visible {
  outline: 3px solid rgba(18, 48, 74, 0.35);
  outline-offset: 2px;
}

/* MechoCool desktop Header layout */
@media (min-width: 1025px) {
  .whb-header .whb-general-header-inner > .whb-col-center {
    min-width: 0;
  }

  .whb-header .whb-general-header-inner > .whb-col-right {
    flex: 0 0 auto;
    min-width: max-content;
  }

  .whb-header .wd-nav-main {
    column-gap: clamp(24px, 2vw, 32px);
    flex-wrap: nowrap;
  }
}


/* MechoCool Contact form submit button */
.page-id-19 .wpcf7-form .wpcf7-submit {
  background-color: #f5c400;
  border-color: #f5c400;
  color: #12304a;
}

.page-id-19 .wpcf7-form .wpcf7-submit:hover,
.page-id-19 .wpcf7-form .wpcf7-submit:focus {
  background-color: #e0b400;
  border-color: #e0b400;
  color: #12304a;
}


/* MechoCool Contact form submit button */
.page-id-19 .wpcf7-form .wpcf7-submit {
  background-color: #f5c400;
  border-color: #f5c400;
  color: #12304a;
}

.page-id-19 .wpcf7-form .wpcf7-submit:hover,
.page-id-19 .wpcf7-form .wpcf7-submit:focus {
  background-color: #e0b400;
  border-color: #e0b400;
  color: #12304a;
}
	

/* MechoCool Project Gallery v1 — shared by every portfolio detail. */
body.single-portfolio .wd-images-gallery { width: 100%; max-width: 100%; }
body.single-portfolio .wd-images-gallery .gallery-images {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  width: 100%;
  height: auto !important;
  margin: 0 !important;
  padding: 0;
  align-items: start;
}
body.single-portfolio .wd-images-gallery .gallery-images > .wd-gallery-item {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  transition: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  flex: none !important;
  margin: 0 !important;
  padding: 0 !important;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}
body.single-portfolio .wd-images-gallery .wd-gallery-item > a {
  display: block;
  width: 100%;
  height: 100%;
}
body.single-portfolio .wd-images-gallery .wd-gallery-item img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: var(--mc-gallery-position, center center);
}
@media (min-width: 601px) and (max-width: 1024px) {
  body.single-portfolio .wd-images-gallery .gallery-images {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  }
}
@media (max-width: 600px) {
  body.single-portfolio .wd-images-gallery .gallery-images {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* End MechoCool Project Gallery v1 */
