/* Mobile CSS */

@media all and (max-width: 1250px)  {
	#header .flexFill .tdlHeaderButton a:after { width: auto; padding-right: 10px;}
	#tdl_mm_button { top: 60px; right: 10px;}
	.logged-in #tdl_mm_button { top: 100px; right: 10px;}

	/* Fix Offset Featured Project */
	[data-vc-full-width="true"].vc_row > .wpb_column:has(.tdl-featured-project.offset) { width: 96% !important; margin-right: 4%;}
	.tdl-featured-project.offset .content-wrapper { padding-bottom: 50px;}

	/* Fix Offset Additional Services */
	[data-vc-full-width="true"].vc_row > .wpb_column:has(.tdl-additional-services.offset) { width: 96% !important; margin-right: 4%;}
	.tdl-additional-services.offset .content-wrapper { padding-bottom: 50px;}
}

@media all and (max-width: 900px)  {
	/* Default Stack */
	.vc_column-inner .vc_row { flex-direction: column;}
	.vc_row { flex-direction: column;}

	/* Stack Footer */
	footer { grid-template-columns: repeat(1,1fr);}

	/* Stack Featured Project */
	.tdl-featured-project.offset .content-wrapper { flex-direction: column; padding-bottom: 0;}
	.tdl-featured-project.offset .content-wrapper .description { padding-left: calc((100% - var(--content-width)) / 2);}
	.tdl-featured-project.offset .content-wrapper .featured-image { margin: 0 calc((100% - var(--content-width)) / 2);}

	/* Stack Additional Services */
	.tdl-additional-services.offset .content-wrapper { flex-direction: column; padding-bottom: 0;}
	.tdl-additional-services.offset .content-wrapper .services { padding-left: calc((100% - var(--content-width)) / 2);}
	.tdl-additional-services.offset .content-wrapper .featured-image { margin: 0 calc((100% - var(--content-width)) / 2);}

	/* Fix CTA */
	.tdlCallToActionContainer .vc_col-sm-12 { left: calc((100% - var(--content-width)) / 2);}
	.tdlCallToActionContainer h3 { font-size: 6vw !important;}
	.tdlCallToActionContainer h4 { font-size: 5vw !important;}

	/* Stack Image Block */
	.tdl-image-block {
	  flex-direction: column;

	  &.right { flex-direction: column;}

	  h3 {
		&.mobile { display: block;}
		&.desktop { display: none;}
	  }

	  .content-wrapper { flex: 0 0 100%;}
	  .image-wrapper { margin-top: 0px; }
	}
  .wpb_single_image { margin-top: 0px !important; }
  .vc_custom_1771871096705 { margin-top: 0px !important; }

  .footer_column:nth-of-type(2) {
	align-self: center;
	.wp-block-image { max-width: 200px;}
  }

}


@media all and (max-width: 700px)  {
	/* Stack Featured Project */
	.tdl-featured-project.default .content-wrapper { margin: 0 0 35px 0; flex-direction: column;}

	/* Stack Additional Services */
	.tdl-additional-services.default .content-wrapper { margin: 0 0 35px 0; flex-direction: column;}

	/* Adjust Column Gap */
	.tdl_masonry_grid.default { gap: 20px;}

}

@media all and (max-width: 600px)  {
	.tdl-featured-project.offset .project-heading-wrapper h3 { font-size: 7vw;}
	.tdl-additional-services.offset .services-heading-wrapper h3 { font-size: 7vw;}

	/* .rowPhotoBlock { flex-direction: column !important;} */
	.rowPhotoBlock .wpb_single_image { padding-top: 0px !important;}

	/* Stack Gallery */
	.tdl_masonry_grid.default { display: flex; flex-direction: column;}
	.tdl_masonry_grid.four { display: flex; flex-direction: column;}


}

@media all and (max-width: 500px)  {
	/* Adjust Text Padding for mobile */
	.textPaddingLeft { padding-left: 50px;}

	/* Fix Featured Carousel */
	.tdl-featured-project.offset #featured-carousel { margin-top: 0 !important;}

	/* Adjust Column Gap */
	.tdl_masonry_grid.default { gap: 10px;}
}

@media all and (max-width: 400px)  {
	.logo { width: 200px; top: 20px;}
}