/* Mobile CSS */

@media all and (max-width: 1500px)  {
	/* Menu Adjustments */
	.menu-main-container {

	  #menu-main {
		gap: 40px;

		a { font-size: 14px;}

		.sub-menu {
		  min-width: 250px;

		  li {
			a { line-height: 2; padding: 0 10px; font-size: .7em;}
		  }
		}
	  }

	}

}

@media all and (max-width: 1275px)  {
	:root{
	  --content-width: 90%;
	  --offset: calc((100vw - var(--content-width)) / 2);
	}


	/* Menu Adjustments */
	.menu-main-container {

	  position: relative;
	  top: 8px;

	  #menu-main {
		gap: 30px;

		a { font-size: 14px; font-weight: 400;}

		.sub-menu {
		  min-width: 250px;

		  li {
			a { line-height: 2; padding: 0 10px; font-size: .7em;}
		  }
		}
	  }

	}

	/* Logo */
	.logo { height: auto; width: 250px;}
	.logo img { height: auto; width: 100%;}

	/* Top Menu Bar */
	.headerTop {
	  top: var(--small-vc-padding);
	  right: var(--default-vc-padding);

	  li a {
		padding: 4px 20px;
		font-size: .8em;
	  }
	}

	.tdl-real-estate-wrapper {
		.tdl-custom-block[data-tdl-full-width="true"] { left: calc(-.5 * var(--offset) - 3px) !important;}
		.vc_tta-tabs-container { width: 100%;}
	}

	.tdl-post-container {
		&.list, &.alt-list {
			.tdl-blog-post { width: 100%;}
		}
	}
}


@media all and (max-width: 1250px)  {

}

@media all and (max-width: 1125)  {
	/* Switch to mobile menu */
}

@media all and (max-width: 1100px)  {
	/* Fix Footer */
	.footer_column_wrapper {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr);
		.footer-column {
			flex: 0 0 50% !important;
			&.locations { flex: 0 0 100% !important;}
		}
		.footer-locations { padding-left: 0 !important;}
	}
}

@media all and (max-width: 1000px)  {
	/* Stack Regular Content */
	.vc_row:not(.tdlButtonBlock) { flex-direction: column;}

	/* Change Blog Layout to 2 Columns */
	.tdl-post-container {

	  &.columns {
		grid-template-columns: repeat(2, 1fr);

		.tdl-blog-post {
		  &:last-of-type { display: none;}
		}
	  }
	  }

	/* Stack Split Block */
	.tdl_split_block_container {

	  &.background_left {
		flex-direction: column;

		.content_wrapper { width: var(--content-width); padding-right: 4%; padding-left: 4%; padding-top: 50px; padding-bottom: 50px;}
	  }

	  &.background_right {
		flex-direction: column;

		.content_wrapper { width: var(--content-width); padding-right: 4%; padding-left: 4%; padding-top: 50px; padding-bottom: 50px;}
	  }
	  }

	/* Remove CTA line break */
	.tdlCallToActionContainer br { display: none;}

	.tdl-idx-wrapper { width: 90%;}

	/* Stack Columns */
	.tdl_row {
		.tdl_row_wrapper {
			flex-direction: column !important;
			.tdl_column { width: 100% !important;}
		}
	}

	/* Stack Testimonials */
	.tdl-testimonial-container {
		&.grid-styled { grid-template-columns: repeat(1, 1fr);}

	}
}

@media all and (max-width: 900px)  {
	.tdl-featured-banner-container {
		.wrapper {
			.title-wrapper { padding: 0 var(--default-margin);}
		}
	}
}

@media all and (max-width: 800px)  {
	#sub_footer {
		padding: var(--paragraph-margins) 0 !important;
		div {
			flex-direction: column;
		    #credit, #copy { line-height: 1;}
		}
	}

	.tdl_row {
		.tdl_inner_row {
			flex-direction: column;
			.tdl_column {
				width: 100% !important;
			}
		}
	}

}

@media all and (max-width: 768px)  {
	.tdl-real-estate-wrapper {
		.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body { background: transparent !important;}
		.vc_tta.vc_general .vc_tta-panel.vc_active, .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body { border: none !important;}
		.vc_tta.vc_tta-accordion .vc_tta-tabs-container, .vc_tta.vc_tta-tabs .vc_tta-tabs-container { display: block !important;}
		.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading { display: none !important;}
		.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading { display: none !important;}
	}

	.tdl-post-container {
		&.list, &.alt-list {
			.tdl-blog-post { flex-direction: column;}
		}
	}

	.single-post {
		.post-wrapper { grid-template-columns: repeat(1, 1fr); padding-bottom: 0;}
		.recent-post-container {
			.post:not(:last-of-type) { margin-bottom: var(--default-margin);}
		}
	}

}

@media all and (max-width: 700px)  {
	/* Stack TDL Button Block */
	.vc_row.tdlButtonBlock { flex-direction: column;}

	/* Market Report */
	.tdl-market-report-container {
		flex-direction: column;

		.icon-wrapper {
			.tdl-icons { height: 200px;}
		}
	}

	.tdl-featured-banner-container {
		.wrapper {
			.title-wrapper {
				font-size: 50px; text-wrap: balance;
			}
		}
	}

	.tdl-real-estate-wrapper {
		.details {
			&.columns {
				grid-template-columns: repeat(1, 1fr);
				div:not(:last-of-type) { margin-bottom: var(--default-margin);}
			}
		}
	}

}

@media all and (max-width: 600px)  {
	/* Change Blog Layout to 2 Columns */
	.tdl-post-container {

	  &.columns {
		grid-template-columns: repeat(1, 1fr);

		.tdl-blog-post {
		  &:last-of-type { display: flex;}
		}
	  }
	  }

	/* Stack Misc Blocks */
	/* Meetings & Agendas */
	.tdl-meetings-agendas {
	  a {
		flex-direction: column;
	  }
	}

	/* Patient Transport */
	.tdl-split-logo {
	  margin-bottom: var(--default-vc-padding) ;

	  .wrapper {
		flex-direction: column;
		gap: 100px;
		min-height: auto;

		.image-wrapper{
		  flex: 0 0 33%;
		  align-content: center;

		  img { width: 100%;}
		}
		.content-wrapper {
		  flex: 1;
		  align-content: center;

		  .content {}
		}
	  }

	}

	/* Icon Block */
	.tdl-icon-block {
	  &:nth-of-type(even) { background: var(--yellow);}

	  .wrapper {
		flex-direction: column;
		gap: 0;

		.content-wrapper {
			h3 { text-align: center;}
		}
	  }
	  }

	/* IDX */
	.tdl-idx-wrapper {
		.idx-omnibar-form {
			flex-direction: column;
			div { width: 100%;}
			button { width: 100%;}
		}
	}

	/* Footer */
	.footer_column_wrapper {
		grid-template-columns: repeat(1, 1fr);
		.footer-column {
			flex: 0 0 50% !important;
			&.locations { flex: 0 0 100% !important;}
		}
		.footer-locations { padding-left: 0 !important;}
	}

	.tdl-location-block {
		.tdl-location-wrapper {
			&.grid { grid-template-columns: repeat(1, 1fr);}
		}
	}

	.tdl-logo-link {
		.wrapper {
			img { width: 80%;}
		}
	}

}

@media all and (max-width: 550px)  {
	/* Stack Header */
	body { margin-top: 50px !important;}
	header { padding-top: 50px;}

	.headerTop {
	  top: 0;
	  right: auto;
	  left: 0;
	  width: 100vw;

	  ul {
		display: inline-block;
		width: 100%;
		margin: 0;
		padding: 0;
	  }

	  li a {
		padding: 0;
		font-size: 1em;
		display: inline-block;
		width: 100%;
		line-height: 50px;
		text-align: center;
	  }

	}

}

@media all and (max-width: 400px)  {
	.logo { height: auto; width: 150px;}

}