/* Mobile CSS */

@media all and (min-width: 1900px)  {
	#footer {
		figure.tdl-circle {
			img { max-width: 250px;}
		  }
	}
}


@media all and (max-width: 1275px)  {
	:root{
	  --content-width: 90%;
	}

	header { height: 6.25rem;}

	/* Switch to mobile menu */
	.nav-wrapper { justify-content: end;}

	.tdl_split_block_container {
		&.background_right {
			.content_wrapper { margin-left: 0;}
		}
		&.background_left {
			.content_wrapper { margin-right: 0;}
		}
	}
}


@media all and (max-width: 1024px)  {
	.sr7-layer:not(a) {
		padding-left: 5% !important;
	}
	a.sr7-layer { left: 5% !important;}
}

@media all and (max-width: 1005px)  {
	/* Stack Church Services Block */
	.tdl-church-services-block {
		.content-wrapper {
			flex-direction: column; align-items: initial;
			.services-wrapper { margin-bottom: var(--default-margin);}
		}
	}
}

@media all and (max-width: 1000px)  {
	/* Stack Regular Content */
	.tdl_row {
		flex-direction: column;
		.tdl_row_wrapper {
			flex-direction: column !important;
			.tdl_column { width: 100% !important;}
		}
		.tdl_inner_row { flex-direction: column !important;}
	}

	/* 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 {
	  gap: var(--column-gap);

	  &.background_left {
		flex-direction: column;

		.content_wrapper { width: 100%; padding-right: 0; padding-left: 0; padding-top: 50px; padding-bottom: 50px;}
	  }

	  &.background_right {
		flex-direction: column;

		.content_wrapper { width: 100%; padding-right: 0; padding-left: 0; padding-top: 50px; padding-bottom: 50px;}
	  }
  	}

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

	/* Adjust Image Buttons */
	.tdl-image-button-wrapper {
	  .button {
		.image-wrapper {
		  img {  aspect-ratio: 16/9; }
		}
	  }
	}

	/* Stack Footer */
	#footer {
	  text-align: center;

	  .footer_column_wrapper {
		display: grid;
		gap: var(--column-gap);
		width: 100%;
		grid-template-columns: repeat(1, 1fr);
	  }

	  #tdl_contact_widget_container > div { display: block; }
  	}

	/* Stack Staff Members */
	.tdl-team-member-wrapper {
		margin-bottom: calc(2 * var(--default-margin));

		&.horizontal {
			&.left {
				flex-direction: column;
			}
			&.right {
				flex-direction: column;
			}

			&:not(.left, .right) {
			  &:nth-of-type(odd) { flex-direction: column;}
			  &:nth-of-type(even) {
				flex-direction: column;
				.content-wrapper {
				  text-align: left;
				  .bio {}
				}
			  }
			}

		}

	}

}


@media all and (max-width: 768px)  {
	/* Adjust Header */
	header { height: auto; padding-top: var(--paragraph-margins);}
	.nav-wrapper { flex-direction: column-reverse; align-items: end; margin-bottom: 40px;}
	.logo { position: absolute; top: 100px;}
	.logged-in .logo { top: 145px;}
	.menu-header-buttons-container {
		width: 100%;
		.tdl_menu {
			li { width: 100%;
				a { width: calc(100% - 120px); display: inline-block; text-align: center;}
			}
		}
		}
}


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

@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;}
		}
	  }
  	}

	/* Stack Church Service Zoom buttons */
	.tdl-church-services-block {
		.content-wrapper {
			.zoom-wrapper {
				.button-wrapper { flex-direction: column;}
			}
		}
	}

	.tdlButtonWrapper {
		.tdlButton { width: 100%; justify-content: center;}
	}
}


@media all and (max-width: 500px)  {
	.logo { height: 50px;}
}