/* 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%;
	}

	/* Menu Adjustments */
	.menu-main-container {
	  #menu-main { gap: 30px;}
	}

	/* Fix Home Page Slider text position */
	sr7-txt { left: 5% !important; top: 75px !important;}

	/* Fix WooCommerce Related Products */
	.single-product {
		section.related { left: -5.5% !important;}
	}
}


@media all and (max-width: 1150px)  {
	/* Menu Adjustments */
	.menu-main-container {
	  #menu-main { gap: 15px;}
	}

}

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

	/* Stack Footer */
	#footer {
		& .tdl-global-contacts {
			flex-direction: column;
			align-items: center;
			& > * {
				gap: 0;
				&:not(:last-of-type):after { content: none;}
			}
		}
	}
}

@media all and (max-width: 1000px)  {
	.header-top-wrapper {
		.tdl-global-contacts { display: none;}
	}
}

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

	/* 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 Inner */
	.tdl_row_wrapper {
		flex-direction: column !important;
		.tdl_column { width: 100% !important;}
	}

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

	.tdl-icon-button {
		h3 { font-size: clamp(1rem, 7.5vw, 3rem);}
		&.basic {
			h3 { font-size: clamp(1rem, 7.5vw, 3rem);}
		}
	}

	/* 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;}

	/* Move Header Buttons */
	header {
		flex-wrap: wrap;
	}

	.header-top-wrapper {
		position: relative;  left: -5.5%; flex: 0 0 100vw;

		.menu-header-top-container{
			flex: 0 0 100vw;

			& ul.tdl-header-menu-buttons {
				display: grid; grid-template-columns: repeat(2, 1fr); gap: 0;
				li {
					&.tdlButton.blue:nth-of-type(2) a {
						background-color: var(--orange);
					}
					a {
						width: 100%; padding: 0 !important; text-align: center;
						&:hover { background-color: var(--yellow) !important; color: var(--marroon) !important;}
					}
				}
			}
		}

		.header-top { position: absolute; right: 100px; top: 133px;}

		.tdl-global-contacts { display: flex; position: absolute; top: 65px; right: 5%;}

	}
	#header.sticky .tdl-global-contacts { display: none;}

	.single-product {
	  #header { background: var(--blue) !important; top: 0;}

	  .menu-header-top-container {
		& ul.tdl-header-menu-buttons {
		  li {
			&.blue:nth-of-type(1) a {
			  background-color: var(--yellow) !important; color: var(--marroon) !important;
			  &:hover { background-color: var(--orange) !important; }
			}
		  }
		}
	  }

	  }
	/* Fix Home Page Slider text position */
	sr7-txt { left: 5% !important; top: 15% !important;}

	/* Stack Rental Date Picker */
	.wcri-cart-dates {
		.form-fields {
			flex-direction: column; align-items: normal;
			div {
				display: flex; flex-direction: column;
			}
		}
	}

	/* Fix Coupon Section */
	.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
		display: flex; flex-direction: row; float: none;
	}
}

@media all and (max-width: 750px)  {
	/* Remove contact and cart from header	 */
	.header-top-wrapper {
		.header-top { top: 133px;}
		.tdl-global-contacts {
			font-size: 1.2em; top: 110px; right: 140px;
			.email { display: none;}
			.phone span { display: none;}
		}
	}

}

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

	/* Change Products to single column */
	.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product { width: 100% !important; float: none;}
	.woocommerce ul.products li.product .button { padding: 0 !important; text-align: center; width: 100%;}
	.woocommerce a.added_to_cart { padding: 0 !important; text-align: center; width: 100%;}
}

@media all and (max-width: 550px)  {
	/* Remove Sticky Header */
	#header {
	  &.sticky { display: none;}
  	}

	.header-top-wrapper {
	  .header-top { top: 103px;}
	  .menu-header-top-container {
		ul.tdl-header-menu-buttons {
			li {
				&.tdlButton a { font-size: .7em !important; line-height: 2.5 !important;}
			}
		}
	  }
	  .tdl-global-contacts {
		  top: 80px;
	  }
  	}

	/* resize logo */
	.logo { height: 100px;}

	/* Fix coupon code box */
	.woocommerce-cart table.cart td.actions .coupon .input-text { width: 50% !important;}

	.tdl_row.tdl-custom-block[data-tdl-content-offset="true"] { padding-top: 0 !important;}

	h1 { font-size: 48px;}
	.woocommerce-cart h3 { font-size: 1.2em;}

	.single-product {
		.woocommerce-notices-wrapper {
			.woocommerce-message {
				.button { float: none !important; width: calc(100% - 2rem) !important; text-align: center; margin-top: var(--paragraph-margins) !important;}
			}
		}
	}
}

@media all and (max-width: 470px)  {
	#tdl_mm_button { bottom: 20px;}
	.logo { height: 70px;}
	.header-top-wrapper {
	  .header-top { top: 83px;}
	  .tdl-global-contacts { top: 60px;}

	}
}

@media all and (max-width: 400px)  {
	h1 { font-size: 40px;}
	#tdl_mm_button { bottom: 10px;}
	.logo { height: 50px;}
	.header-top-wrapper {
	  .header-top { top: 73px;}
	  .tdl-global-contacts { top: 50px;}

	}
}