body {
	background: #f8f8f8 !important;
	height: initial;
	overflow-x: hidden;
}

.err-message {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-size: 1.5em;
	margin: 0 auto;
	padding: 4em 0;
}

.hdr-container {
	width: 100vw;
	display: block;
	font-size: 3em;
	margin: 1em 0;
	letter-spacing: 0.03em;
}

.hdr {
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
}

.sub-title {
	font-size: 1.65em;
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.25em;
	margin-bottom: 1.25em;
	display: block;
}

.sub-title-icon-container {
	margin: 5em 0 1.5em 0;
	display: block;
}

.sub-title-icon {
	display: inline-block;
	position: relative;
	background-color: var(--brand-color);
	color: #FFF;
}

	.sub-title-icon i {
		vertical-align: middle;
		padding: 0.4em 0.5em;
		font-size: 2em;
	}

.sub-title1 {
	font-size: 2.25em;
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.25em;
	margin-bottom: 1.25em;
	display: block;
}

.sub-title2-container {
	width: 100vw;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-content: center;
}

.sub-title2 {
	font-size: 1.5em;
	color: #3d3d3d;
	margin-bottom: 1.5em;
	line-height: 1em;
	max-width: 500px;
	text-align: center;
}

.pre-accent {
	width: 15vw;
	vertical-align: middle;
	display: inline-block;
	max-width: 3.125em;
	height: 2px;
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(200,200,200,1) 100%);
	margin: 1em;
}

.post-accent {
	width: 15vw;
	vertical-align: middle;
	display: inline-block;
	max-width: 3.125em;
	height: 2px;
	background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(200,200,200,1) 100%);
	margin: 1em;
}

.chevron-container {
	margin: 0 0 1.5em 0;
}

.chevron {
	position: relative;
	padding: 1px;
	margin-bottom: 0.5em;
	height: 1px;
	width: 2.25em;
}

	.chevron:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 51%;
		background: #e3e3e3;
		transform: skew(0deg, 30deg);
	}

	.chevron:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 50%;
		background: #e3e3e3;
		transform: skew(0deg, -30deg);
	}

.up {
	text-transform: uppercase !important;
}

.btn { /*Used in multiple places on the page for overrides to work*/
	background-color: var(--brand-color);
	color: #FFF;
	border: 2px solid #FFF;
	border-radius: 0;
	position: relative;
	padding: 1.25em 5em;
	font-size: 1em;
	letter-spacing: 0.15em;
	font-weight: 100;
	text-transform: uppercase;
	cursor: pointer;
}

	.btn:hover {
		background-color: var(--brand-color);
		color: #FFF;
	}

.btn-ok, .btn-ok:hover, .btn-cancel, .btn-cancel:hover, .btn-close, .btn-close:hover {
	padding: 0.75em 2em;
	min-width: 9em !important;
}

.btn-big {
	background-color: var(--brand-color);
	color: #FFF;
	border-radius: 0;
	border: 0;
}

	.btn-big:hover {
		color: #FFF;
		border: 0;
	}

.btn-lite { /*Used in multiple places on the page for overrides to work*/
	background-color: #FFF;
	color: #000;
	border: 2px solid #e3e3e3;
	border-radius: 0;
}

	.btn-lite:hover {
		background-color: #FFF;
		border: 2px solid #e3e3e3;
		border-radius: 0;
		color: #000;
	}

	.btn.disabled, .btn:hover.disabled, .btn:active.disabled, .btn-lite.disabled, .btn-lite:hover.disabled, .btn-lite:active.disabled, .btn-big.disabled, .btn-big:hover.disabled, .btn-big:active.disabled {
		opacity: 0.4 !important;
		cursor: not-allowed !important;
	}


.watermark {
	position: relative;
	overflow: hidden;
}

	.watermark::after {
		position: absolute;
		top: -50%;
		left: -50%;
		display: block;
		width: 200%;
		height: 200%;
		transform: rotate(-45deg);
		content: "SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + SAMPLE + ";
		opacity: 0.3;
		font-size: 18px;
		line-height: 4em;
		letter-spacing: 2px;
		color: #fff;
		word-spacing: 1em;
		z-index: 145;
	}

	/*BANNERHEAD STYLING*/
	#bannerheaddiv {
		background: linear-gradient(rgba(255,255,255,1) 0%, rgba(200,200,200,1) 100%);
	}

	.banner-container {
		width: 100vw;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		flex-direction: column;
	}

	.mk-collage {
		display: block;
		margin-top: 4em;
		width: 100vw;
	}

	.banner-container .title {
		margin-top: 2.5em;
		font-size: 3em;
		font-weight: 700;
		line-height: 1.15em;
	}

	.banner-container .bnr-sub-title {
		color: #6d6d6d;
		margin-top: 0.75em;
		font-size: 1.25em;
		font-weight: 100;
		max-width: 850px;
		text-align: center;
	}

	.banner-container .buy-btn {
		margin: 2em 0.1em 0.1em 0.1em;
		font-size: 0.95em;
		text-decoration: none;
	}


/*DOWNLOAD MEDIA BANNER STYLING*/
.download-media-banner {
	border: 1px solid #000;
	background: #000;
	padding: .2em;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	text-align: center;
}

	.download-media-banner .btn-download-media {
		text-transform: uppercase;
		margin-left: 1em;
		font-size: 0.8em;
		letter-spacing: 0.2em;
		padding: .5em 2.5em;
		margin: 0.9em 0;
	}
/*END MEDIA BANNER STYLING*/

#rightViewOnlyLock {
	position: fixed;
	top: calc(50% - 11.0625em);
	right: 0;
	color: #FFF;
	background-color: var(--brand-color);
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	text-align: center;
	max-width: 15em;
	z-index: 150;
	border: 2px solid #FFF; /*tho' we can't do a border on the notch. But this wasn't in the comp, so we can take it or leave it.*/
}

.lock-icon-block {
	font-size: 1.5em;
	padding: 0.5em 0.6em;
	border-radius: 50%;
	background-color: #FFFFFF;
	color: var(--brand-color);
	margin: 1em 4em 0.5em 4em;
}

.lock-icon-wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

#rightViewOnlyLock .notch {
	position: absolute;
	top: calc(50% - 0.4375em);
	margin-left: -1.125em;
	border-top: 1.125em solid transparent;
	border-bottom: 1.125em solid transparent;
	border-right: 1.125em solid var(--brand-color);
}

	#rightViewOnlyLock .view-only-title {
		font-size: 1.2em;
		font-weight: 700;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 0 1.5em;
	}

	#rightViewOnlyLock .separator-wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 1em 0;
	}

#rightViewOnlyLock .separator {
	width: 1.875em;
	height: 0.125em;
	background-color: #FFF;
	opacity: 0.3;
}

	#rightViewOnlyLock .view-only-message {
		font-size: 1em;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 0 2.5em 1em 2.5em;
	}

	#rightViewOnlyLock .buy-btn-small {
		font-size: 0.9em;
		padding: 1em 1.5em;
		border: 1px solid #FFF;
		letter-spacing: 0;
		margin: 0.25em 0 2em 0;
		text-decoration: none;
	}

.hd-dialog-container .blackout {
	background: initial !important;
	backdrop-filter: unset !important;
	-webkit-backdrop-filter: unset !important;
}

	.hd-dialog-container .blackout .dialog {
		/*border-radius: 20px !important;*/ /*doesn't work well at all w/ iframes*/
		border: 2px solid #FFF !important;
/*		padding: 5px !important;*/ /*This fixes the editing of the iframe corners of editing a legacy Site video.. But nerfs everything else (wtr etc).. Solve a different way when I hack that button to show again*/ 
	}

		.hd-dialog-container .blackout .dialog button {
			padding: 0.75em 3em !important;
		}

.center-view-only-lock .lock-icon-block {
	font-size: 1.5em;
	padding: 0.5em 0.7em;
	margin: 1em 4em 0.5em 4em;
}

.center-view-only-lock .view-only-title {
	font-size: 1.6em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0;
}

.center-view-only-lock .view-only-message {
	font-size: 1em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0 2em;
	margin: 0 9em;
}


	/*PROFILE & PROPERTY INFO STYLING*/
	.proinfo-container {
		background-color: #FFF;
		width: 100vw;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-content: center;
		flex-direction: column;
	}

	.proinfo-container .sub-hdr {
		font-size: 1.5em;
		color: #6d6d6d;
		margin-bottom: 1.5em;
	}

	.prop-detail {
		width: 100vw;
	}

	.pd-body {
		margin: 0 auto;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		max-width: 600px;
	}

	.proinfo-container .btn-containers {
		margin: 2.5em 0 5em 0;
	}

	.proinfo-container .btn {
		padding: 1.5em 3em;
		font-size: 0.85em;
		margin-bottom: 0.5em;
	}

	.texthint > div {
		color: #000 !important;
		text-transform: uppercase;
		font-size: 1em !important;
		font-weight: 700;
		top: -1.2em !important;
		left: 0.25em;
	}

	input[type=text], select {
		border: 2px solid #d4d4d4;
		border-radius: 5px;
		font-size: 1.5em;
		padding: 0.1em 0.3em;
		height: 1.5em;
		padding-top: 0.05em !important;
		width: 156px;
		margin: 0.25em;
	}

	.textfield {
		display: inline-block;
		margin-top: 0.5em;
	}

	.pl-body {
		margin: 0 auto;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.overbutton {
		position: absolute;
		bottom: 7px;
		right: 9px;
	}

	.photo-container .nomedia {
		visibility: hidden;
	}

	.photo-container .picbox {
		margin: 0.1em;
	}

	.uploadbtn.btn-lite {
		margin: -4px 1px 0.5em 1px;
		padding: 0.75em 0.5em;
	}

	/*MELDLISTS COMMON STYLING*/
	.ml-container {
		background: #f8f8f8 !important;
		width: 100vw;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-content: center;
		flex-direction: column;
	}

	.ml-container .sub-title-desc {
		margin: 0.3em 0 0 0.5em;
		display: inline-block;
		font-size: 1.3em;
		color: var(--brand-color);
		letter-spacing: 0.05em;
	}

.ml-group-container {
	width: 100vw;
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: column;
}

	.ml-group-container .group-hdr {
		margin-top: 3em;
		display: inline-block;
		width: 100%;
		padding: 0 1em;
		max-width: var(--max-width);
	}

		.ml-group-container .sub-title {
			display: inline-block;
		}

		.ml-group-container .underline {
			width: 100%;
			height: 2px;
			background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(200,200,200,1) 50%, rgba(200,200,200,1) 100%);
		}

		.ml-group-container .flyer-hdr {
			width: 100vw;
			text-align: center;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-content: center;
			flex-direction: column;
			margin-bottom: -2em; /*offset for the first row of flyers*/
		}

			.ml-group-container .flyer-hdr i {
				padding: 0.25em 0.35em;
				font-size: 2.4em;
			}

.ml-group-container .flyer-hdr .sub-title1 {
	margin-bottom: 0.5em;
	display: inline-block;
	vertical-align: bottom;
}

.ml-group-container .flyer-hdr .sub-title-desc {
	margin: 0.3em 0 0 0.5em;
	display: inline-block;
	font-size: 1.3em;
	color: var(--brand-color);
	vertical-align: bottom;
	letter-spacing: 0.05em;
}

.ml-group-boxes {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 auto; /*fixes the flyer boxes from being centered on the page. Spend more time later to try removing this need.*/
	margin-bottom: 2em;
	max-width: var(--max-width); /*don't allow more than 3-wide for stories*/
}

	.ml-group-boxes .btn-lite, .ml-group-boxes .btn-lite:hover {
		padding: 1.5em 0 !important;
	}

.flyer-buttons {
	color: #767676;
	display: flex;
	align-items: center;
	cursor: pointer;
	position: relative;
	font-size: 1.4em;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

	.flyer-edit, .flyer-digital, .flyer-print {
		vertical-align: middle;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.flyer-buttons i {
		color: var(--icon-lite-override);
		font-size: 1.25em;
		margin-bottom: 0.25em;
	}

.flyer-print.btn-lite, .flyer-print.btn-lite:hover {
	border: 2px solid #e3e3e3 !important;
	padding: 0.75em 0 !important;
	border-radius: 0;
}

.flyer-digital.btn-lite, .flyer-digital.btn-lite:hover {
	border: 2px solid #e3e3e3 !important;
	border-left: 0 !important;
	padding: 0.75em 0 !important;
	border-radius: 0;
}

.flyer-edit.btn-lite, .flyer-edit.btn-lite:hover {
	border: 2px solid #e3e3e3 !important;
	border-left: 0 !important;
	padding: 0.75em 0 !important;
	border-radius: 0;
}

	.flyer-digital.btn-lite, .flyer-edit.btn-lite, .flyer-digital.btn-lite:hover, .flyer-edit.btn-lite:hover {
		border-left: 3px solid #F5F5F5;
	}

	.ml-box-title {
		text-transform: uppercase;
		margin-top: 2em;
		padding: 0.8em 0.2em;
		font-size: 1.25em;
	}

	.ml-box-title .private {
		font-size: 1.25em;
		float: right;
		margin-right: 0.1em;
		opacity: 0.5;
	}

	.view-more {
		margin: 1.25em;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.view-more i, .view-more div {
		cursor: pointer;
	}

	/*MELD BOX (INDIVIDUAL) STYLING*/
	.ml-box {
		display: flex;
		flex-direction: column;
		margin: 0 2.5em;
	}

.ml-box-container {
	position: relative;
	width: 100%;
	max-width: 360px;
	background-color: #FFF;
	text-align: center;
	margin: 4px 4px 0 4px;
	background: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
	z-index: 0;
}

.ml-box-loading {
	display: block;
	background: #f8f8f8 url(/art/spinner.gif) no-repeat center;
	background-size: 64px;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.ml-box-buttons, .ml-box-default-container, .flyer-buttons {
	color: #767676;
	border-top: 0 !important;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	position: relative;
	font-size: 1.4em;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin: 0 4px;
	box-shadow: 0 5px 15px rgba(0,0,0,.1);
}
.ml-box-default-container {
	margin-top: -2px;
}

.ml-box-share, .ml-box-edit, .ml-box-default {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

	.ml-box-share.btn-lite, .ml-box-share.btn-lite:hover {
		border: 2px solid #e3e3e3 !important;
		border-radius: 0;
	}

	.ml-box-edit.btn-lite, .ml-box-edit.btn-lite:hover {
		border: 2px solid #e3e3e3 !important;
		border-left: 0 !important;
		border-radius: 0;
	}

	.ml-box-default.btn-lite, .ml-box-default.btn-lite:hover {
		border: 2px solid #e3e3e3 !important;
		border-radius: 0;
	}

/*CUSTOM THUMBMELD CHECKBOX STYLING*/
.lbl-cb-mthumb {
	display: inline-flex;
	flex-wrap: wrap;
	align-content: center;
	position: relative;
}

	.lbl-cb-mthumb div {
		display: inline-block;
		margin: 0.25em 0 0 0.25em;
	}

	.lbl-cb-mthumb input[type="checkbox"] {
		position: absolute;
		opacity: 0;
		width: 1.25em;
		height: 1.25em;
		margin: 0.25em 0 0 0;
		border-radius: 5px;
		-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.4);
		-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.4);
		box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.4);
		cursor: pointer;
		z-index: 135;
	}

		.lbl-cb-mthumb input[type="checkbox"] + svg {
			border: 1px solid var(--brand-color);
		}

		/* visually show focus outline when the SVG receives focus */
		.lbl-cb-mthumb input[type="checkbox"]:focus + svg {
			outline: none;
			cursor: pointer;
		}

		/* hide the focus styles for mouse users */
		.lbl-cb-mthumb input[type="checkbox"]:focus:not(:focus-visible) + svg {
			outline: none;
		}

	/* basic styles for the svg */
	.lbl-cb-mthumb svg {
		/* set SVG dimensions in ems; i.e. relative to the font size so that it scales with the size of the text in the label */
		width: 1.25em;
		height: 1.25em;
		margin: 0.25em 0 0 0;
		border-radius: 5px;
		z-index: 135;
		vertical-align: middle;
	}

		.lbl-cb-mthumb svg * {
			transition: all 0.1s linear;
		}

	/* style changes inside the svg when the checkbox is checked */
	.lbl-cb-mthumb input[type="checkbox"]:checked + svg .checkbox__checkmark {
		stroke: #FFF;
	}

	.lbl-cb-mthumb input[type="checkbox"]:checked + svg .checkbox__bg {
		fill: var(--brand-color);
		stroke: var(--brand-color);
	}
/*END THUMBMELD CUSTOM CHECKBOX STYLING*/

.meldThumbName {
	padding-top: 0.25em;
	margin-left: 0.75em;
}

/*LEGACY SITE VIDEOS STYLING*/
/*Set a default for the loading of video links (if we don't want to customize it in the different sections it is used*/
.vid-links-loading-img {
	width: 16px;
	padding: 4px 50px;
}

.vid-link-icon {
	color: var(--brand-color);
	font-size: 1em;
	margin-right: 0.8em;
}

.vid-embed-link-icon {
	color: var(--brand-color);
	font-size: 1em;
	margin-right: 0.8em;
}

.vid-link {
	margin: 0 0.5em 0 0;
	text-decoration: none;
	color: #000;
}

.vid-embed-link {
	margin: 0 0.5em 0 0.5em;
	text-decoration: none;
	color: #000;
}
/*End default vid links*/


.lv-group-container {
	width: 100vw;
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: column;
}

	.lv-group-container .group-hdr {
		margin-top: 3em;
		display: inline-block;
		width: 100%;
		padding: 0 1em;
		max-width: var(--max-width);
	}

	.lv-group-container .sub-title {
		display: inline-block;
	}

	.lv-group-container .underline {
		width: 100%;
		height: 2px;
		background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(200,200,200,1) 50%, rgba(200,200,200,1) 100%);
	}

.lv-group-boxes {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 auto; /*fixes the flyer boxes from being centered on the page. Spend more time later to try removing this need.*/
	margin-bottom: 2em;
	max-width: var(--max-width); /*don't allow more than 3-wide for stories*/
}

.lv-box-title {
	text-transform: uppercase;
	margin-top: 2em;
	padding: 0.8em 0.2em 0 0.2em;
	font-size: 1.25em;
}

/*LEGACY VIDEO BOX (INDIVIDUAL) STYLING*/
.lv-box-container {
	display: flex;
	flex-direction: column;
	max-width: 654px;
	margin: 0 1.85em;
}

.lv-vid-container {
	position: relative;
	background-color: #FFF;
	text-align: center;
	margin: 4px 2px 0 0;
	background: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
	z-index: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.lv-vid-processing-bg {
	border: 2px solid #000;
	background: #444;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.lv-vid-processing {
	color: #ddd;
	font-size: 1.2em;
	text-align: center;
	line-height: 1.4em;
	padding: 0 1em;
}

.lv-box-buttons {
	color: #767676;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	position: relative;
	font-size: 1.4em;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	width: calc(100% + 2px);
	margin: 0 -1px;
	box-shadow: 0 5px 15px rgba(0,0,0,.1);
	z-index: 1;
}

	.lv-box-buttons i {
		color: var(--icon-lite-override);
		font-size: 1.25em;
		margin-bottom: 0.25em;
	}

.lv-box-edit, .lv-box-rebuild, .lv-box-download {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

	.lv-box-edit.btn-lite, .lv-box-edit.btn-lite:hover {
		border: 2px solid #e3e3e3 !important;
		padding: 0.75em 0 !important;
		border-radius: 0;
	}

	.lv-box-rebuild.btn-lite, .lv-box-rebuild.btn-lite:hover {
		border: 2px solid #e3e3e3 !important;
		border-left: 0 !important;
		padding: 0.75em 0 !important;
		border-radius: 0;
	}

	.lv-box-download.btn-lite, .lv-box-download.btn-lite:hover {
		border: 2px solid #e3e3e3 !important;
		padding: 0.75em 0 !important;
		border-radius: 0;
	}

.legacy-vids-container {
	display: none;
	color: #979390;
	background: #FFF;
	position: relative;
	margin: 0 6px 1em 6px;
	text-align: left;
	width: 100%;
	z-index: 0;
}

.external-vids, .our-vids {
	white-space: nowrap;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding: 0.75em;
}

.external-vids {
	padding-bottom: 0.2em;
}

.our-vids {
	padding-top: 0;
}

.lv-box-pic-overlay-copied-wrapper {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 135;
	vertical-align: middle;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}

.lv-box-pic-overlay-copied {
	width: 100%;
	color: #FFF;
}

.building {
	color: #2ac;
	line-height: 1.15em;
	margin-top: 1em;
	white-space: initial;
	display: flex;
	flex-wrap: wrap;
}

.lv-unavailable {
	font-size: 1.5em;
	margin-top: 1em;
	margin-bottom: 2em;
}




/*PROPERTY DESIGN STYLING*/
.sd-container {
	background: #f8f8f8 !important;
	width: 100vw;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	flex-direction: column;
}

	.sd-container .sub-title1 {
		margin-top: 0.25em;
		margin-bottom: 0.75em;
	}

	.sd-container .chevron-container {
		margin-bottom: 1.5em;
	}

	.sd-container .sub-title {
		font-size: 1.4em;
		margin-bottom: 2.5em;
		vertical-align: middle;
	}

	.sd-container .site-design-section {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-content: center;
		flex-direction: row;
		margin-bottom: 1.5em;
	}

		.sd-container .sd-desktop-image {
			position: relative;
			margin-left: 1.25em;
			z-index: 92;
			width: 49.1875em;
			height: 31.875em;
		}

		.sd-container .sd-design-horz {
			position: absolute;
			margin-top: 0.8125em;
			margin-left: 101px;
			margin-left: 6.3125em;
			background: #f0f3f5 url(/art/spinner.gif) no-repeat center;
			background-size: 3.125em;
			width: 38.875em;
			height: 25.0625em;
			z-index: 90;
		}

.site-design-section .site-link-overlay-copied-wrapper {
	display: none;
	position: absolute;
	margin-top: 0.85em;
	margin-left: 5.875em;
	width: 39.625em;
	height: 24.875em;
	background-color: rgba(0, 0, 0, 0.7);
	vertical-align: middle;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	z-index: 91;
}

.site-design-section .site-link-overlay-copied {
	width: 100%;
	color: #FFF;
	margin-left: 10%;
}

	.site-design-section .site-link-overlay-copied i {
		font-size: 4em;
		vertical-align: middle;
	}

	.site-design-section .site-link-overlay-copied span {
		font-size: 1.75em;
		letter-spacing: 0.00em;
		vertical-align: middle;
	}

.sd-container .sd-mobile-image {
	position: absolute;
	margin-top: 4.4375em;
	margin-left: -1em;
	width: 14.5em;
	height: 27.5625em;
	z-index: 96;
}

.sd-container .sd-design-vert {
	position: absolute;
	margin-top: 4.8125em;
	margin-left: 0.3125em;
	padding-top: 1.875em;
	background: #000000 url(/art/spinner.gif) no-repeat center;
	background-size: 3.125em;
	width: 12em;
	height: 24.25em;
	border-radius: 1.5em;
	z-index: 95;
}

.sd-container .site-design-section .qr-code {
	position: absolute;
	display: inline-block;
	background-color: #FFF;
	padding: 2px;
	margin-top: 19.6875em;
	margin-left: -5em;
	box-shadow: 0 0 0.9375em rgba(0,0,0,.6);
	z-index: 99;
}

.sd-container .site-design-section .qr-image {
	position: relative;
	background-color: #FFF;
	padding: 2px;
	margin-bottom: 4px;
	width: 9.25em;
	height: 9.25em;
}

.sd-container .site-design-section .qr-download-container {
	width: 9.75em;
	max-width: 9.75em;
}

.sd-container .site-design-section .qr-download {
	width: 100%;
	margin: -2px;
	padding: 0.6em 0;
	text-transform: uppercase;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	border-radius: 0 !important;
	white-space: nowrap;
}

.sd-container .sd-btn-containers {
	margin: 2em 0 8em 0;
}

	.sd-container .sd-btn-containers .btn-lite {
		margin: 0 0.15em;
		min-width: 13em;
		position: relative;
		padding: 1.25em 2em;
		font-size: 0.85em;
		letter-spacing: 0.1em;
		font-weight: 700;
		text-transform: uppercase;
		cursor: pointer;
	}
.st-group-container .group-hdr {
	font-size: 1.3em;
}

	.st-group-container .group-hdr .sub-title {
		margin-bottom: 1em;
	}

.sd-container .st-group-boxes {
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	flex-direction: row;
	margin-bottom: 1.5em;
	max-width: var(--max-width);
}

.st-box-title {
	text-transform: uppercase;
	margin-top: 0;
	padding: 0.7em 0.2em;
	font-size: 1.4em;
}

.st-box {
	display: flex;
	flex-direction: column;
	margin: 0 2.5em;
}

.st-box-buttons {
	max-width: 540px;
}

.sd-container .st-box-container {
	position: relative;
	font-size: 0.66em;
}

.sd-container .st-box .st-btn-containers {
	margin: 2em 0 4em 0;
}

	.sd-container .st-box .st-btn-containers .btn-lite {
		margin: 0 0.15em;
		min-width: 13em;
		position: relative;
		padding: 1.25em 2em;
		font-size: 0.85em;
		letter-spacing: 0.1em;
		font-weight: 700;
		text-transform: uppercase;
		cursor: pointer;
	}

		.sd-container .st-box .st-btn-containers .btn-lite.disabled {
			opacity: 0.4;
			cursor: not-allowed !important;
		}
/*END PROPERTY DESIGN STYLING*/


/*WEEKLY TRAFFIC REPORT STYLING*/
.wtrs-container {
	background: #f8f8f8 !important;
	width: 100vw;
	text-align: center;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-content: center;
	flex-direction: column;
}

	.wtrs-container .sub-title1 {
		margin-top: 0.25em;
		margin-bottom: 0.75em;
	}

	.wtrs-container .chevron-container {
		margin-bottom: 3.5em;
	}

	.wtrs-container .traffic-report-section {
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		align-content: center;
		flex-direction: row;
		margin-bottom: 4em;
	}

		.wtrs-container .traffic-report-section .shadow {
			background-color: rgb(248,248,248);
			background: linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(248,248,248,0) 50%, rgba(248,248,248,0) 65%, rgba(248,248,248,0.5) 100%), linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 10%, rgba(51,51,51,1) 45%, rgba(51,51,51,1) 50%, rgba(51,51,51,1) 55%, rgba(248,248,248,1) 90%, rgba(248,248,248,1) 100%);
			background-position-y: -0.75em;
			background-repeat: no-repeat;
			width: 100%;
			height: 1.5em;
		}

			.wtrs-container .traffic-report-section .shadow.left {
				background-position-x: 5em;
			}

			.wtrs-container .traffic-report-section .shadow.right {
				background-position-x: -5em;
			}

	.wtrs-container .traffic-report {
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: column;
	}

	.wtrs-container .traffic-report table {
		width: 480px;
	}

	.wtrs-container .td-top {
		border-bottom: 4px solid #fff;
		padding: 2em 0 1.5em 0;
		text-align: center;
	}

.traffic-report .details {
	font-family: 'Archivo';
	font-size: 0.8em;
	text-align: left;
	vertical-align: top;
	width: var(--td-details);
}

.traffic-report .title {
	color: #949290;
	font-family: 'Barlow Condensed';
	font-weight: 300;
	font-size: 2em;
	letter-spacing: 0.03em;
}

.traffic-report .address {
	color: #ffffff;
	font-family: 'Archivo';
	font-weight: 300;
	line-height: 1.3em;
	letter-spacing: 0.07em;
	margin-top: 0.5em;
	text-transform: uppercase;
}

.traffic-report .main-image {
	width: 100%;
	display: block;
}


.traffic-report-section .wtr-left, .traffic-report-section .wtr-right {
	width: 15.125em;
	height: 24.6875em;
}

		.wtrs-container .traffic-report .shadow {
			background: linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(248,248,248,0) 50%, rgba(248,248,248,0) 65%, rgba(248,248,248,0.5) 100%), linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 10%, rgba(51,51,51,1) 45%, rgba(51,51,51,1) 50%, rgba(51,51,51,1) 55%, rgba(248,248,248,1) 90%, rgba(248,248,248,1) 100%);
			width: 100%;
			height: 1em;
		}

.wtrs-container .traffic-report .detail-spacer {
	width: 1.65em;
}

.wtrs-container .traffic-report .user-photo {
	width: 10em;
	height: 13.75em;
	margin: 0.9em 0;
}

	.wtrs-container .traffic-btn-containers {
		margin: 2em 0 8em 0;
	}

		.wtrs-container .traffic-btn-containers .btn-lite {
			margin: 0 0.15em;
			min-width: 13.25em;
			position: relative;
			padding: 1.25em 3em;
			font-size: 1.25em;
			letter-spacing: 0.15em;
			font-weight: 100;
			text-transform: uppercase;
			cursor: pointer;
		}

.wtredit-body {
	margin: 0 auto;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	max-width: var(--max-width);
}

.wtremail {
	border-radius: 0.3125em;
	border: 1px solid #d4d4d4;
	background-color: #fff;
	padding: 0.4375em 0.625em;
	margin-bottom: 1em;
	margin: 0.5em;
	max-width: calc(100vw - 5.9375em);
	min-width: 16.25em;
	display: flex;
	flex-direction: column;
}

.wtredit-body .btn {
	text-transform: revert;
	padding: 0 0.7em 0.125em 0.7em;
	font-size: 0.8em;
	letter-spacing: initial;
}

h2.fheader {
	text-transform: uppercase;
	margin-bottom: 2.5em;
}

.hd-dialog-container .dialog .error {
	text-align: right;
}

.addfield {
	margin-bottom: 1.5em;
}

/*END WEEKLY TRAFFIC REPORT STYLING*/

/*MK UPGRADE FOOTER STYLING*/
.mkuf-container {
	background: #f8f8f8 !important;
	width: 100vw;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	flex-direction: column;
}

	.mkuf-container .sub-title1 {
		font-size: 3em;
		margin-top: 0;
		margin-bottom: 0;
		text-transform: initial;
		letter-spacing: 0.05em;
	}

		.mkuf-container .sub-title1.line2 {
			font-size: 2.5em;
			letter-spacing: 0.1em;
			margin-top: -0.2em;
			margin-bottom: 0.2em;
		}

	.mkuf-container .buy-btn-container {
		padding: 1.25em 1.5em;
		margin-bottom: 6.5em;
	}
/*END MK UPGRADE FOOTER STYLING*/

	@media only screen and (max-width: 1700px) {
		.ml-group-boxes {
		max-width: 90vw;
	}
}

@media only screen and (max-width: 1320px) {
	.ml-container .hdr-container {
		font-size: 2.5em;
	}

	.ml-group-container .group-hdr {
		font-size: 0.9em;
	}

	/*WEEKLY TRAFFIC REPORT STYLING*/
		.wtrs-container .sub-title1 {
			margin-top: 0.25em;
			margin-bottom: 0.75em;
		}

		.wtrs-container .chevron-container {
			margin-bottom: 3.5em;
		}

		.wtrs-container .traffic-report-section {
			margin-bottom: 3em;
		}

	.wtrs-container .traffic-report table, .traffic-report .main-image, .traffic-report .main-image img {
		width: 24em;
	}

	.traffic-report .title {
		font-size: 1.75em;
		letter-spacing: 0.03em;
	}

	.traffic-report .address {
		font-size: 0.9em;
		line-height: 1.3em;
		letter-spacing: 0.07em;
		margin-top: 0.5em;
	}

	.wtrs-container .traffic-report .user-photo {
		width: 6.625em;
		height: 9.1875em;
		margin: 0.8em 0;
	}

	.traffic-report .details {
		font-size: 0.7em;
		width: calc(var(--td-details) * .75%);
		word-break: break-all;
	}

	.traffic-report-section .wtr-left, .traffic-report-section .wtr-right {
		width: 12.5625em;
		height: 20.5em;
	}

		.wtrs-container .traffic-btn-containers {
			margin: 1em 0 8em 0;
		}

			.wtrs-container .traffic-btn-containers .btn-lite {
				margin: 0 0.10em 0.6em 0.10em;
				min-width: 11em;
				padding: 1em 2em;
				font-size: 1em;
				letter-spacing: 0.1em;
			}

	h2.fheader {
		text-transform: uppercase;
		margin-bottom: 2.5em;
	}

	.hd-dialog-container .dialog .error {
		text-align: right;
	}

	.addfield {
		margin-bottom: 1.5em;
	}

	/*END WEEKLY TRAFFIC REPORT STYLING*/
}

@media only screen and (max-width: 1150px) {
	.ml-container .hdr-container {
		font-size: 2em;
	}

	.ml-group-container .flyer-hdr .sub-title1 {
		margin-bottom: 0.4em;
	}

	.ml-group-container .group-hdr {
		font-size: 0.85em;
	}

	.sub-title1 {
		font-size: 1.75em;
	}

	.sub-title2 {
		font-size: 1.25em;
	}

	.mkuf-container .sub-title1 {
		font-size: 2.75em;
	}

		.mkuf-container .sub-title1.line2 {
			font-size: 2.25em;
		}
}

@media only screen and (max-width: 1050px) {
	body.mobile .content {
		padding: 0;
	}

	.banner-container .title {
		font-size: 2.5em;
	}

	.banner-container .bnr-sub-title {
		max-width: 65vw;
		font-size: 1em;
	}

	.banner-container .buy-btn {
		font-size: 0.85em;
	}

	.banner-dl i {
		font-size: 1.5em;
	}

	.banner-dl-text {
		font-size: 0.8em;
	}

	.hdr-container {
		font-size: 2.5em;
	}

	.download-media-banner {
		font-size: 1.15em;
	}

	.download-media-banner .btn-download-media {
		font-size: 0.75em;
	}

	.wtrs-container .sub-title-icon-container {
		margin-top: 3.5em;
	}

	.wtrs-container .sub-title-icon i {
		font-size: 1.5em;
	}

	.proinfo-container .sub-hdr {
		font-size: 1.25em;
	}

	.sub-title {
		font-size: 1.25em;
	}

	.ml-container .sub-title {
		margin: 0.5em 0 0.25em 0;
	}

	.ml-container .sub-title-desc {
		margin-top: 0.6em;
		font-size: 1.15em;
	}

	.sub-title2 {
		font-size: 1.25em;
		max-width: 45vw;
	}

	.ml-group-container .group-hdr {
		max-width: 80vw;
		padding: 0 0.5em;
	}

	.ml-box-title {
		font-size: 1.15em;
	}

	.sub-title1 {
		font-size: 1.75em;
	}

	.sub-title2 {
		font-size: 1.25em;
	}

	.proinfo-container .btn {
		font-size: 0.75em;
	}



	/*PROPERTY DESIGN STYLING*/
		.sd-container .sub-title1 {
			margin-top: 0.25em;
			margin-bottom: 0.75em;
		}

		.sd-container .chevron-container {
			margin-bottom: 1.5em;
		}

		.sd-container .sub-title {
			font-size: 1.2em;
		}

	.sd-container .sd-desktop-image {
		position: relative;
		margin-left: 1.25em;
		z-index: 92;
		width: 32.8125em;
		height: 21.25em;
	}

	.sd-container .sd-design-horz {
		margin-top: 0.5625em;
		margin-left: 4.8125em;
		background-size: 2.125em;
		width: 25.875em;
		height: 16.6875em;
	}

	.site-design-section .site-link-overlay-copied-wrapper {
		margin-top: 0.5625em;
		margin-left: 4.8125em;
		width: 25.875em;
		height: 16.6875em;
	}


	.site-design-section .site-link-overlay-copied i {
		font-size: 3em;
	}

	.site-design-section .site-link-overlay-copied span {
		font-size: 1.5em;
	}

	.sd-container .sd-mobile-image {
		margin-top: 2.9375em;
		margin-left: -0.25em;
		width: 9.625em;
		height: 18.3125em;
	}

	.sd-container .sd-design-vert {
		margin-top: 3.1875em;
		margin-left: 0.5625em;
		padding-top: 1.25em;
		background-size: 2.125em;
		width: 8em;
		height: 16.125em;
		border-radius: 1em;
	}

	.sd-container .site-design-section .qr-code {
		padding: 2px;
		margin-top: 13.125em;
		margin-left: -3.3125em;
	}

	.sd-container .site-design-section .qr-image {
		width: 6.25em;
		max-width: 6.25em;
		height: 6.25em;
		max-height: 6.25em;
	}

	.sd-container .site-design-section .qr-download-container {
		width: 6.5em;
		max-width: 6.5em;
	}

	.sd-container .site-design-section .qr-download {
		margin: -2px;
		padding: 0.6em 0;
		font-size: 0.6em;
		letter-spacing: 0.1em;
	}

	.sd-container .sd-btn-containers {
		margin: 2em 0 8em 0;
	}

		.sd-container .sd-btn-containers .btn-lite {
			margin: 0 0.10em 0.6em 0.10em;
			min-width: 12em;
			padding: 1.15em 1.9em;
			font-size: 0.8em;
			letter-spacing: 0.1em;
		}

	.st-group-container .group-hdr {
		font-size: 1.3em;
	}

		.st-group-container .group-hdr .sub-title {
			margin-bottom: 1em;
		}

	.st-box-title {
		padding: 0.6em 0.2em;
		font-size: 1em;
	}

	.st-box {
		margin: 0 2.25em;
	}

	.st-box-buttons {
		max-width: 21.25em;
	}

	.sd-container .st-box .st-btn-containers {
		margin: 1.5em 0 3em 0;
	}

		.sd-container .st-box .st-btn-containers .btn-lite {
			margin: 0 0.15em;
			min-width: 10em;
			padding: 1em 1.5em;
			font-size: 0.75em;
		}
	/*END PROPERTY DESIGN STYLING*/


	/*WEEKLY TRAFFIC REPORT STYLING*/
	.wtrs-container .sub-title1 {
		margin-top: 0.2em;
		margin-bottom: 0.7em;
	}

	.wtrs-container .chevron-container {
		margin-bottom: 3em;
	}

	.wtrs-container .traffic-report-section {
		margin-bottom: 2.5em;
	}

	.wtrs-container .traffic-report table, .traffic-report .main-image, .traffic-report .main-image img {
		width: 320px;
	}

	.wtrs-container .traffic-report .detail-spacer {
		width: 1em;
	}

	.wtrs-container .td-top {
		border-bottom: 3px solid #fff;
		padding: 1.5em 0 1em 0;
	}

	.traffic-report .title {
		font-size: 1.5em;
		letter-spacing: 0.03em;
	}

	.traffic-report .address {
		font-size: 0.8em;
		line-height: 1.3em;
		letter-spacing: 0.07em;
		margin-top: 0.5em;
	}

	.wtrs-container .traffic-report .user-photo {
		width: 5.3125em;
		height: 7.375em;
		margin: 0.65em 0;
	}

	.traffic-report .details {
		font-size: 0.65em;
		width: calc(var(--td-details) * .6%);
		word-break: break-all;
	}

	.traffic-report-section .wtr-left, .traffic-report-section .wtr-right {
		width: 10.0625em;
		height: 16.375em;
	}


	.mkuf-container .sub-title1 {
		font-size: 2.5em;
	}

		.mkuf-container .sub-title1.line2 {
			font-size: 2em;
		}

	.mkuf-container .buy-btn-container {
		font-size: 0.9em;
		padding: 1.15em 1.35em;
		margin-bottom: 5.5em;
	}

	@media only screen and (max-width: 975px) {
		.ml-container .hdr-container {
			font-size: 1.75em;
		}

		.ml-box-title {
			margin-top: 1.75em;
		}
	}


	@media only screen and (max-width: 900px) {
		.banner-container .title {
			margin-top: 2.75em;
			font-size: 2em;
		}

		.banner-container .bnr-sub-title {
			max-width: 75vw;
			font-size: 0.85em;
		}

		.banner-container .buy-btn {
			font-size: 0.75em;
		}

		.banner-dl i {
			font-size: 1.25em;
		}

		.download-media-banner {
			font-size: 1em;
		}

			.download-media-banner .btn-download-media {
				font-size: 0.65em;
				margin: 1em 0;
			}

		.proinfo-container .sub-hdr {
			font-size: 1.15em;
		}

		.banner-dl-text {
			font-size: 0.6em;
		}

		.hdr-container {
			font-size: 2em;
		}

		.ml-group-container .flyer-hdr .sub-title1 {
			margin-bottom: 0.3em;
		}

		.sub-title1 {
			font-size: 1.4em;
		}

		.sub-title2 {
			font-size: 1em;
		}

		.sub-title {
			font-size: 1.1em;
		}

		.ml-container .sub-title-desc {
			margin-top: 0.7em;
			font-size: 1em;
		}

		.proinfo-container .btn {
			font-size: 0.63em;
		}

		.mkuf-container .sub-title1 {
			font-size: 2.25em;
		}

			.mkuf-container .sub-title1.line2 {
				font-size: 1.75em;
			}

		.mkuf-container .buy-btn-container {
			font-size: 0.85em;
		}
	}

	@media only screen and (max-width: 850px) {
		.ml-container .hdr-container {
			font-size: 1.35em;
		}

		/*WEEKLY TRAFFIC REPORT STYLING*/
		.wtrs-container .sub-title1 {
			margin-top: 0.15em;
			margin-bottom: 0.6em;
		}

		.wtrs-container .chevron-container {
			margin-bottom: 2em;
		}

		.wtrs-container .traffic-report-section {
			margin-bottom: 2em;
		}

		.wtrs-container .traffic-report table, .traffic-report .main-image, .traffic-report .main-image img {
			width: 240px;
		}

		.wtrs-container .traffic-report .detail-spacer {
			width: 0.6em;
		}

		.wtrs-container .td-top {
			border-bottom: 2px solid #fff;
			padding: 1em 0 0.8em 0;
		}

		.traffic-report .title {
			font-size: 1.25em;
			letter-spacing: 0.03em;
		}

		.traffic-report .address {
			font-size: 0.7em;
			line-height: 1.2em;
			letter-spacing: 0.07em;
			margin-top: 0.5em;
		}

		.wtrs-container .traffic-report .user-photo {
			width: 4em;
			height: 5.5em;
			margin: 0.5em 0;
		}

		.traffic-report .details {
			font-size: 0.5em;
			width: calc(var(--td-details) * .45%);
			word-break: break-all;
		}

		.traffic-report-section .wtr-left, .traffic-report-section .wtr-right {
			width: 7.5625em;
			height: 12.3125em;
		}

		.wtrs-container .traffic-btn-containers {
			margin: 1em 0 8em 0;
		}

			.wtrs-container .traffic-btn-containers .btn-lite {
				min-width: 9em;
				padding: 1em 2em;
				font-size: 0.8em;
				letter-spacing: 0.1em;
			}
	}

	@media only screen and (max-width: 700px) {
		.banner-container .title {
			margin-top: 3em;
			font-size: 1.5em;
		}

		.banner-container .bnr-sub-title {
			max-width: 90vw;
			font-size: 0.7em;
		}

		.banner-container .buy-btn {
			font-size: 0.65em;
		}

		.banner-dl i {
			font-size: 1em;
		}

		.banner-dl-text {
			font-size: 0.6em;
		}

		.hdr-container {
			font-size: 1.5em;
		}

		.download-media-banner {
			font-size: 0.9em;
		}

			.download-media-banner .btn-download-media {
				font-size: 0.65em;
				padding: 0.65em 2em !important;
			}

		.center-view-only-lock .view-only-message {
			padding: 0 2em;
			margin: 0.4em 2em;
		}

		.ml-container .hdr-container {
			font-size: 1.15em;
		}

		.ml-group-container .group-hdr {
			font-size: 0.85em;
			max-width: 90vw;
		}

		.proinfo-container .sub-hdr {
			font-size: 1em;
		}

		.sub-title1 {
			font-size: 1.25em;
		}

		.sub-title2 {
			font-size: 0.85em;
		}

		.sub-title {
			font-size: 0.95em;
		}

		.ml-container .sub-title-desc {
			margin-top: 0.6em;
			font-size: 0.85em;
		}

		.ml-box-title {
			margin-top: 1.5em;
			font-size: 1em;
		}

		.proinfo-container .btn {
			font-size: 0.6em;
		}

		.mkuf-container .sub-title1 {
			font-size: 2em;
		}

			.mkuf-container .sub-title1.line2 {
				font-size: 1.5em;
				margin-bottom: 0.15em;
			}

		.mkuf-container .buy-btn-container {
			font-size: 0.8em;
			padding: 1em 1.25em;
			margin-bottom: 5em;
		}
	}

	@media only screen and (max-width: 600px) {

		.bill-balance {
			font-size: 0.8em;
		}

		.download-media-banner {
			font-size: 0.8em;
		}

			.download-media-banner .btn-download-media {
				padding: 1em 2.5em;
			}

		.hdr-container {
			font-size: 1.25em;
		}

		.ml-container .hdr-container {
			font-size: 1em;
		}

		.ml-box-title {
			margin-top: 1.25em;
		}

		.proinfo-container .sub-hdr {
			font-size: 0.9em;
		}

		.sub-title2 {
			max-width: 70vw;
		}


		.sd-container .sd-desktop-image {
			margin-left: 0.75em;
			width: 16.4375em;
			height: 10.625em;
		}

		.sd-container .sd-design-horz {
			margin-top: 0.3125em;
			margin-left: 2.4375em;
			background-size: 1.0625em;
			width: 12.9375em;
			height: 8.375em;
		}

		.site-design-section .site-link-overlay-copied-wrapper {
			margin-top: 0.3125em;
			margin-left: 2.4375em;
			width: 12.9375em;
			height: 8.375em;
		}

		.site-design-section .site-link-overlay-copied i {
			font-size: 1em;
		}

		.site-design-section .site-link-overlay-copied span {
			font-size: 0.65em;
		}

		.sd-container .sd-mobile-image {
			margin-top: 1.5em;
			margin-left: -0.1875em;
			width: 4.8125em;
			height: 9.1875em;
		}

		.sd-container .sd-design-vert {
			margin-top: 1.375em;
			margin-left: 0.1875em;
			padding-top: 0.625em;
			background-size: 1.0625em;
			width: 4.125em;
			height: 8.4375em;
			border-radius: 0.5em;
		}

		.sd-container .site-design-section .qr-code {
			padding: 0.125em;
			margin-top: 6.5625em;
			margin-left: -1.6875em;
		}

		.sd-container .site-design-section .qr-image {
			margin-bottom: 0;
			width: 3.125em;
			max-width: 3.125em;
			height: 3.125em;
			max-height: 3.125em;
		}

		.sd-container .site-design-section .qr-download-container {
			width: 3.25em;
			max-width: 3.25em;
		}

		.sd-container .site-design-section .qr-download {
			margin: -2px;
			padding: 0.6em 0;
			/*font-size: 0.4em;*/
			font-size: 6px; /*Safari/Apple don't like making the font so small using em.. They ignore it. But px works..*/
			letter-spacing: 0.1em;
		}
	}

	@media only screen and (max-width: 500px) {
		body.mobile .content {
			padding: 0;
		}

		.hdr-container {
			font-size: 1em;
		}

		#rightViewOnlyLock {
			top: calc(50% - 5.5625em);
			max-width: 7.8125em;
		}

		.lock-icon-block {
			font-size: 1em;
		}

		#rightViewOnlyLock .notch {
			position: absolute;
			top: calc(50% - 0.25em);
			margin-left: -0.5625em;
			border-top: 0.5625em solid transparent;
			border-bottom: 0.5625em solid transparent;
			border-right: 0.5625em solid var(--brand-color);
		}

		#rightViewOnlyLock .view-only-title {
			font-size: 0.8em;
			padding: 0 1em;
		}

		#rightViewOnlyLock .separator-wrapper {
			padding: 0.5em 0;
		}

		#rightViewOnlyLock .view-only-message {
			font-size: 0.6em;
			padding: 0 2.5em 1em 2.5em;
		}

		#rightViewOnlyLock .buy-btn-small {
			font-size: 0.5em;
			padding: 1em 1.5em;
			margin: 0.25em 0 2em 0;
		}

/*		breaks a ton (editing flyers, etc.) Deal w/ this a diff way if we want the lock popup to be more mobile friendly.
	.hd-dialog-container .blackout .dialog {
			height: 215px !important;
		}*/

		.hd-dialog-container .blackout .dialog button {
			font-size: 0.8em !important;
			padding: 0.5em 2em !important;
		}

		.center-view-only-lock .lock-icon-block {
			font-size: 1em;
			padding: 0.5em 0.7em;
			margin: 1em 4em 0.5em 4em;
		}

		.center-view-only-lock .view-only-title {
			font-size: 1.1em;
			padding: 0;
		}

		.center-view-only-lock .view-only-message {
			font-size: 0.8em;
			padding: 0 2em;
			margin: 1em 2em;
		}

		.ml-container .hdr-container {
			font-size: 0.75em;
		}

		.ml-box-title {
			margin: 1em 0 0 0.25em;
		}

			.ml-box-title .private {
				margin-right: .25em;
			}

		.wtrs-container .sub-title-icon-container {
			margin-top: 2.5em;
		}

		.wtrs-container .sub-title-icon i {
			font-size: 1.25em;
		}

		.ml-group-container .group-hdr {
			max-width: 100vw;
			padding: 0;
		}

		.ml-container .sub-title {
			margin: 0.5em 0 0.25em 0.5em;
			font-size: 0.83em;
		}

		.ml-container .sub-title-desc {
			margin-top: 0.85em;
			font-size: 0.68em;
		}

		.ml-group-boxes {
			max-width: 100vw;
		}

		.ml-box-buttons, .ml-box-default-container, .flyer-buttons {
			height: 52px;
			font-size: 1em;
		}

		.proinfo-container .sub-hdr {
			font-size: 0.9em;
		}

		/*WEEKLY TRAFFIC REPORT STYLING*/
		.wtrs-container .sub-title1 {
			margin-top: 0.15em;
			margin-bottom: 0.6em;
		}

		.wtrs-container .chevron-container {
			margin-bottom: 2em;
		}

		.wtrs-container .traffic-report-section {
			margin-bottom: 1em;
		}

		.wtrs-container .traffic-report table, .traffic-report .main-image, .traffic-report .main-image img {
			width: 9.375em;
		}

		.wtrs-container .traffic-report .detail-spacer {
			width: 0.25em;
		}

		.wtrs-container .td-top {
			border-bottom: 2px solid #fff;
			padding: 1em 0 0.65em 0;
		}

		.traffic-report .title {
			font-size: 0.75em;
			letter-spacing: 0.03em;
		}

		.traffic-report .address {
			font-size: 0.4em;
			line-height: 1.2em;
			letter-spacing: 0.07em;
			margin-top: 0.5em;
		}

		.wtrs-container .traffic-report .user-photo {
			width: 2em;
			height: 2.75em;
			margin: 0.25em 0;
		}

		.traffic-report .details {
			font-size: 0.3em;
			width: calc(var(--td-details) * .225%);
			word-break: break-all;
		}

		.traffic-report-section .wtr-left, .traffic-report-section .wtr-right {
			width: 3.8125em;
			height: 6.125em;
		}

		.wtrs-container .traffic-btn-containers {
			margin: 1em 0 8em 0;
		}

			.wtrs-container .traffic-btn-containers .btn-lite {
				margin-bottom: 0.75em;
				min-width: 11em;
				padding: 0.5em 1.5em;
				font-size: 0.6em;
				letter-spacing: 0.1em;
			}

	}
}