/* Mobile CSS */

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

}

@media all and (max-width: 1100px)  {
	/* Switch to mobile menu */
	.logo { margin: 10px 0; position: relative; top: 5px;}
	#tdl_mm_button.active:after, #tdl_mm_button.active:before, #tdl_mm_button.active div { background-color: var(--white) !important;}

	/* Move Alerts to above header for mobile */
	header .tdlAlertBlock.carousel { position: relative;}

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


@media all and (max-width: 1000px)  {
	/* Adjust home page alerts */
	.tdlAlertBlock .tdlAlertWrapper .alert .contentWrapper { flex-direction: column;}
}

@media all and (max-width: 900px)  {
	.tdl-icon-button .tdl-button-content h3 { font-size: 30px;}

	/* Change List Hide/Show to accordion */
	.tdlTabbedContentContainer .navWrapper ul li { flex-wrap: wrap;}
	.tdlTabbedContentContainer .navWrapper { flex: 0 0 100%;}
	.tdlTabbedContentContainer .navWrapper ul li span { flex: 1;}
	.tdlTabbedContentContainer .navWrapper ul li img { flex: 0 0 auto;}

	.tdlTabbedContentContainer .contentWrapper { display: none;}
	.tdlTabbedContentContainer li.active > .mobileContentWrapper { display: block; margin-bottom: 20px; flex: 0 0 100%; font-weight: 200;}

}

@media all and (max-width: 782px)  {
	/* Fix header */
	.logged-in .logo { top: 10px;}
	.logged-in header .tdlAlertBlock.carousel { top: 14px;}
}

@media all and (max-width: 768px)  {
	/* Stack Columns */
	.vc_row { flex-direction: column !important;}
	.tdl-icon-button { margin: 0 0 50px 0;}
	.tdl-icon-button.title-block { margin: 50px 0;}
	.tdl-icon-button-wrapper { margin: 0 !important;}

	.tdl-icon-button.title-block { min-height: auto;}
	.tdl-icon-button.title-block .tdl-button-content .learnMore { position: relative;}

	/* Stack Alerts */
	.tdlAlertBlock .tdlAlertWrapper .alert { flex-direction: column;}
	.tdlAlertBlock.offset { transform: translateY(-50px);}

	/* Header Alerts */
	header .tdlAlertBlock.carousel { width: 100%; display: block; }
	header .tdlAlertBlock.carousel .tdlAlertWrapper .alert { padding: 0 4%;}

	/* Mobile Column Reverse */
	.vc_row.tdlMobileReverse { flex-direction: column-reverse !important;}

	.wpb_single_image.wpb_content_element.vc_align_left { text-align: center !important;}
	.vc_box_border_circle { width: 40%;}
}

@media all and (max-width: 600px)  {
	/* Fix Admin Bar Position */
	header .headerContentWrapper { position: unset;}
	html #wpadminbar { position: absolute; top: -32px;}
}

@media all and (max-width: 400px)  {
	/* Adjust Logo */
	.logo { width: 200px;}

	.tdl-interactive-form .activities .activity { width: 50px; height: 50px; font-size: 50px;}

}