@charset "utf-8";
/* CSS Document lrdscan.com copyright 2025

Colors Used:

#221a09 : dark brown (221a09)
#fef7e7 : light cream
#ecdbb5 : med cream/tan (ecdbb5)
#fceaae : yellow
#7bc770 : green (bold)
#70a7c7 : blue (bold)

------------------------------------------------------*/

@font-face {
    font-family: 'pt_sansbold';
    src: url('../fonts/PTS75F-webfont.eot');
    src: url('../fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS75F-webfont.woff') format('woff'),
         url('../fonts/PTS75F-webfont.ttf') format('truetype'),
         url('../fonts/PTS75F-webfont.svg#pt_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
  color: #000; /* black */
  background-color: #fef7e7; /* lt cream */
  font-family: Arial, Helvetica, Verdana, sans-serif;
  margin: 0;
}

/* customize gradient in nav bar */
.navbar {
  background-color: #221a09;
  background-image: -moz-linear-gradient(top, #30657a, #70a7c7);
  background-image: -ms-linear-gradient(top, #30657a, #70a7c7);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#30657a), to(#70a7c7));
  background-image: -webkit-linear-gradient(top, #30657a, #70a7c7);
  background-image: -o-linear-gradient(top, #30657a, #70a7c7);
  background-image: linear-gradient(top, #30657a, #70a7c7);
}

/* start content below the navigation */
#navspacer {
	margin-top: 50px;
}

/* centers content once this width is reached ** desktops ** */
@media (min-width: 1050px) {
	.fixedWidth {
		width: 1050px;
	}
}

.colCentered {
	display: inline-block;
	float: none;
}

.displayInline {
	display: inline-block;
	vertical-align: top;
}

/*
    FONTS
------------------------------------------------------ */

.bold {
	font-weight: bold;
}

.cntr {
	text-align: center;
}

.italics {
	font-style: italic;
}

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
}

.textLarge {
	font-size: 1.15em;
}

.textSmall {
	font-size: 0.875em;
}

.textXSmall {
	font-size: 0.75em;
}

.textGray {
	color: #666; /* gray */
}

.textGreen {
	color: #69bc54; /* green, but slightly darker */
}

.textBlue {
	color: #70a7c7; /* blue */
}

.textRed {
	color: #900;
}

.textWhite {
	color: #fff;
}

.textCream {
	color: #fef7e7; /* lt cream */
}

.textYellow {
	color: #fceaae; /* Yellow */
}

.textMedYellow {
	color: #8b6305; /* med Yellow */
}

.largerBolder {
	font-weight: bold;
	font-size: 1.125em;
	line-height: 30px;
	letter-spacing: 1px;
}

/*
    H1, P, etc.
------------------------------------------------------ */

h1 {
	font-family: 'pt_sansbold';
	text-shadow: 1px 2px 3px #000;
	margin-bottom: 20px;
}

.h1subText {
	font-size: smaller;
	text-shadow: none;
	
}

h3 {
	color: #70a7c7; /* blue */
	font-family: 'pt_sansbold';
	text-shadow: 1px 1px #000;
}

h4 {
	font-family: 'pt_sansbold';
	text-align: left;
	margin-top: 30px;
}

p {
	font-size: 1em;
	text-align: justify;
}

ul {
	text-align: left;
}


/* 
   ROW COLORS
------------------------------------------------------------------------- */

.row-white {
	background-color: #fff; /* white */
}

.row-black {
	background-color: #000; /* black */
}

.row-green {
	background-color: #7bc770; /* green */
	border-top: 1px solid #258096;
}

.row-blue-texture {
	background: #70a7c7 url("../layout/bg-blu1.png") repeat 0 0; /* blue */
}

.row-yellow-texture {
	background: #fceaae url("../layout/bg-yellow.png") repeat 0 0; /* yellow */
}

.row-green-texture {
	background: #7bc770 url("../layout/bg-green.png") repeat 0 0; /* green */
}

.row-yellow {
	background-color: #fceaae; /* yellow */
	border-top: 1px solid #aa842b;
	border-bottom: 1px solid #aa842b;
}

.row-lt-tan {
	background-color: #ecdbb5; /* lt tan */
}

.row-xlt-tan {
	background-color: #fef7e7; /* extra lt tan */
}

.row-xdk-tan {
	background-color: #30657a; /* DARK tan */
	color: #fef7e7; /* extra lt tan */
}

.paddingB20 {
	padding-bottom: 20px;
}

/* lt green gradient background */
.row-green-gradient {
  background-color: #e0f0db;
  background-image: -moz-linear-gradient(top, #7bc770, #e0f0db);
  background-image: -ms-linear-gradient(top, #7bc770, #e0f0db);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7bc770), to(#e0f0db));
  background-image: -webkit-linear-gradient(top, #7bc770, #e0f0db);
  background-image: -o-linear-gradient(top, #7bc770, #e0f0db);
  background-image: linear-gradient(top, #7bc770, #e0f0db);
}

/* 
   Content Areas
------------------------------------------------------------------------- */

.width100 {
	width: 100%;
	margin: 0;
}

.boxShadow {
	        box-shadow: inset 1px 1px 6px #000;
	   -moz-box-shadow: inset 1px 1px 6px #000;
	-webkit-box-shadow: inset 1px 1px 6px #000;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	padding: 10px 30px 30px 30px; /* less on top for H1 */
	margin: 30px 0;
}

.bgYellowLt {
	background-color: #fef4d3; /* lt yellow */
}

.bgYellowXLt {
	background-color: #fef7e7; /* extra lt yellow */
}

.bgGreenLt {
	background-color: #e1f2df; /* extra lt green */
}

.bgBlueXLt {
	background-color: #e0eef3; /* X lt blue */
}

@media (min-width: 768px) {
	/**/
	.locateSplit {
		width: 45%;
	}
}

@media (max-width: 767px) {
	/**/
	.locateSplit {
		width: 90%;
	}
}

/**/
.splitRightPadding {
	padding: 0 10px 10px 20px;
}
	

.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 
   CURTAIN EFFECT
------------------------------------------------------------------------- */
@media (min-width: 768px) {
	#bg-fixed {
		background: url('../images/baby03.jpg') no-repeat center center fixed;
		padding-top: 60px;
		height: 600px;
		-webkit-background-size: cover;
		   -moz-background-size: cover;
		     -o-background-size: cover;
		        background-size: cover;
	}
}

@media (max-width: 767px) {
	#bg-fixed {
		background: url('../images/baby03.jpg') no-repeat center -100px;
		height: 300px;
	}
}

/* iPad Mini */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1)  {
	#bg-fixed {
		background: url('../images/baby03.jpg') no-repeat center -100px;
		height: 300px;
	}
}

/* 
   TEXT CONTROLS 
------------------------------------------------------------------------- */
@media (min-width: 768px) {
	/* large header text on home page */
	.textSuper {
		font-family: 'pt_sansbold';
		font-size: 7em;
		color: #fff;
		text-align: center;
		text-shadow: 1px 5px 6px #222;
	}

}

@media (max-width: 767px) {
	/* large header text on home page */
	.textSuper {
		font-family: 'pt_sansbold';
		font-size: 5em;
		color: #fff;
		line-height: 400px;
		text-align: center;
		text-shadow: 1px 2px 3px #000;
	}

}

@media (max-width: 400px) {
	/* large header text on home page */
	.textSuper {
		font-family: 'pt_sansbold';
		font-size: 3em;
		color: #fff;
		line-height: 500px;
		text-align: center;
		text-shadow: 1px 2px 3px #000;
	}

}

/*
    Pricing page
------------------------------------------------------ */

div.priceBox {
	text-align: left;
	background-color: #fde7b5;
	width: 100%;
}

div.priceBox59 {
	display: inline-block;
	padding: 3px;
	vertical-align: top;
	width: 59%;
}

div.priceBox19 {
	display: inline-block;
	padding: 3px;
	vertical-align: top;
	width: 19%;
}

div.priceBox10 {
	display: inline-block;
	text-align: right;
	padding: 0;
	width: 10%;
}

/* this is for full span boxes, sentences not showing price */
div.priceBox99 {
	display: inline-block;
	padding: 3px;
	width: 99%;
}

.priceBoxPad {
	margin-top: 20px;
	margin-bottom: 20px;
}

.priceBoxMargin0 {
	margin: 0;
}

.stargreen {
	color: #0c0; /* green */
}

.starblue {
	color: #00f; /* blue */
}

.starblack {
	color: #000; /* black */
}

.starred {
	color: #f00; /* red */
}

.starSizeSpacing {
	letter-spacing: 1px;
	font-size: 1.5em;
}

.textSmallPad {
	font-size: 0.875em;
	margin-top: 10px;
	margin-bottom: 20px;
}

/* 
   IMAGES
------------------------------------------------------------------------- */
img {
	border: none;
}

p.morepadding {
	padding: 12px 12px 4px 18px;
}

div.marginB20 {
	margin-bottom: 20px;
}

.boxMedium {
	display: inline-block;
	width: 300px;
	text-align: left;
}

.floatL {
	float: left;
}
.floatLMargin {
	margin-right: 20px;
	margin-bottom: 10px;
}

.floatR {
	float: right;
}
.floatRMargin {
	margin-left: 20px;
	margin-bottom: 10px;
}

.clearFloat {
	overflow: auto;
	clear: both;
}

img.borderG {
	border: 4px solid #7bc770; /* green */
	margin: 0;
}

img.borderY {
	border: 4px solid #fceaae; /* yellow */
	margin: 0;
}

/* contact us and yelp icon/boxes spacing */
.spacerYelp {
	margin: 5px 15px;
}

@media (min-width: 768px) {
	img.mainImage {
		width: 50%;
		margin-right: 20px;
		margin-bottom: 10px;
		-webkit-border-radius: 10px;
	       -moz-border-radius: 10px;
	            border-radius: 10px;
		-webkit-box-shadow: 1px 1px 6px #281d02;
		   -moz-box-shadow: 1px 1px 6px #281d02;
	            box-shadow: 1px 1px 6px #281d02;
	}
	
	img.staffImage {
		width: 200px;
		-webkit-box-shadow: 1px 1px 6px #000;
		   -moz-box-shadow: 1px 1px 6px #000;
	            box-shadow: 1px 1px 6px #000;
	}
	
	img.visaMC {
		width: 290px;
		margin-top: 20px;
	}
}

@media (max-width: 767px) {
	img.mainImage {
		width: 50%;
		margin-right: 10px;
		margin-bottom: 5px;
		-webkit-border-radius: 5px;
	       -moz-border-radius: 5px;
	            border-radius: 5px;
		-webkit-box-shadow: 0 0 3px #281d02;
		   -moz-box-shadow: 0 0 3px #281d02;
	            box-shadow: 0 0 3px #281d02;
	}
	
	img.staffImage {
		width: 30%;
		-webkit-box-shadow: 0 0 3px #000;
		   -moz-box-shadow: 0 0 3px #000;
	            box-shadow: 0 0 3px #000;
	}
	
	img.visaMC {
		width: 200px;
		margin-top: 20px;
	}
}

/*
    CIRCLES with images in the middle
-------------------------------------------------------------------------- */
@media (min-width: 768px) {
	.circleBase {
				border-radius: 50%;
		   -moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		display: inline-block; /* keep, this centers conent */
		width: 140px;
		height: 140px;
		background-color: #fef7e7;
		border: 2px solid #70a7c7;
	}
}

@media (max-width: 767px) {
	.circleBase {
				border-radius: 50%;
		   -moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		display: inline-block; /* keep, this centers conent */
		width: 150px;
		height: 150px;
		background-color: #fef7e7;
		border: 2px solid #70a7c7;
	}
}

/*
    SCANS (4) top of index page
-------------------------------------------------------------------------- */
@media (min-width: 950px) {
	img.scansIndexSqr {
		border: 4px solid #70a7c7; /* blue */
		width: 225px;
	}
}

@media (max-width: 949px) {
	img.scansIndexSqr {
		border: 3px solid #70a7c7; /* blue */
		width: 170px;
	}
}

@media (max-width: 767px) {
	img.scansIndexSqr {
		border: 4px solid #70a7c7; /* blue */
		width: 90%;
	}
}

@media (max-width: 450px) {
	img.scansIndexSqr {
		border: 3px solid #70a7c7; /* blue */
		width: 100%;
	}
}

/* 
   RIGHT COLUMN CONTENT ON PAGES
------------------------------------------------------------------------- */
@media (min-width: 768px) {
	
	.boxShadowYellow {
		-webkit-box-shadow: 1px 1px 1px #8b6305; /* med Yellow */
		   -moz-box-shadow: 1px 1px 1px #8b6305; /* med Yellow */
	            box-shadow: 1px 1px 1px #8b6305; /* med Yellow */
	}
	
	.boxShadowBlack {
		-webkit-box-shadow: 1px 1px 1px #000;
		   -moz-box-shadow: 1px 1px 1px #000;
	            box-shadow: 1px 1px 1px #000;
	}
	
	.spacer30 {
		margin-top: 30px;
	}
	
	.box1 {
		display: inline-block;
		vertical-align: top;
		width: 300px;
		text-align: left;
		margin-right: 20px;
	}
}

@media (max-width: 767px) {
	
	.boxShadowYellow {
		-webkit-box-shadow: 1px 1px 0 #8b6305; /* med Yellow */
		   -moz-box-shadow: 1px 1px 0 #8b6305; /* med Yellow */
	            box-shadow: 1px 1px 0 #8b6305; /* med Yellow */
	}
	
	.boxShadowBlack {
		-webkit-box-shadow: 1px 1px 0 #000;
		   -moz-box-shadow: 1px 1px 0 #000;
	            box-shadow: 1px 1px 0 #000;
	}
	
	.box1 {
		display: inline-block;
		vertical-align: top;
		width: 320px;
		text-align: left;
		margin-right: 20px;
	}
}

@media (max-width: 550px) {
	.box1 {
		display: inline-block;
		vertical-align: top;
		width: 250px;
		text-align: left;
		margin-right: 10px;
	}
}

@media (max-width: 400px) {
	.box1 {
		width: 90%;
		text-align: left;
	}
}

/*
    INDEX VIDEO
-------------------------------------------------------------------------- */
  .hero-video-wrap {
    position: relative;
    width: 100%;
    min-height: 55vh;            /* mobile default */
    overflow: hidden;
    background: #000;
  }
  @media (min-width: 768px) {
    .hero-video-wrap { min-height: 70vh; }  /* desktop/tablet */
  }

  /* Background video (soft blur) */
  .hero-video-bg {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;           /* fill area */
    filter: blur(18px);
    transform: scale(1.15);      /* avoids blur edge halos */
    opacity: 0.9;                /* subtle fade for readability */
    z-index: 1;
  }

  /* Foreground video (kept sharp & smaller) */
  .hero-video-fg-wrap {
    position: relative; z-index: 2;
    display: flex; align-items: center; justify-content: center;
    width: 100%; height: 100%;
    padding: 15px;
  }
.hero-video-fg {
    width: auto;
    max-width: 100vw;
    max-height: 80vh;     /* was 55vh */
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.4);
}
@media (min-width: 768px) {
    .hero-video-fg { max-height: 80vh; } /* was 65vh */
}

  /* Optional: overlay text block */
  .hero-overlay {
    position: absolute; inset: 0; z-index: 3;
    display: flex; align-items: flex-end; justify-content: center;
    pointer-events: none;        /* clicks pass through */
    padding: 20px;
  }
  .hero-overlay .inner {
    pointer-events: auto;        /* allow button clicks */
    background: rgba(0,0,0,0.28);
    color: #fff; padding: 16px 22px; border-radius: 10px;
    text-align: center;
  }

/*
    GOOGLE MAPS
-------------------------------------------------------------------------- */
.google-maps {
	position: relative;
	padding-bottom: 25%;
	height: 0;
	overflow: hidden;
}

.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/*
    FOOTER
-------------------------------------------------------------------------- */
.footer {
	position: relative;
	letter-spacing: 1px;
	padding: 25px;
}

/*---------------------------------- MYS logo link ---------------------------------------*/

@media (min-width: 768px) {
	#myslink {position: relative;}
	#myslink li {margin: 0; padding: 0; list-style: none; position: absolute; top: -5px; left: 1px;}
	#myslink li, #myslink a {height: 42px; display: block;}
	
	#mysul {margin: 0; padding: 0; list-style: none; position: absolute; top: -5px; left: 1px}
	
	#mysgo {left: 0; width: 120px;}
	#mysgo {background: url('../layout/mys-sprite.png') 0 0;}
	#mysgo a:hover{background: url('../layout/mys-sprite.png') 0 -42px;}
}

@media (max-width: 767px) {
	#myslink {position: absolute; top: -1000px; left: -1000px;}
	#myslink li {margin: 0; padding: 0; list-style: none; position: absolute; top: -5px; left: 1px}
	#myslink li, #myslink a {height: 42px; display: block;}
	
	#mysul {margin: 0; padding: 0; list-style: none; position: absolute; top: -5px; left: 1px}
	
	#mysgo {left: 0; width: 120px;}
	#mysgo {background: url('../layout/mys-sprite.png') 0 0;}
	#mysgo a:hover{background: url('../layout/mys-sprite.png') 0 -42px;}
}

/* 
   BUTTONS
------------------------------------------------------------------------- */

a:link {
	color: #30657a; /* dark blue */
	font-size: 1em;
}
a:visited {
	color: #30657a; /* dark blue */
	font-size: 1em;
}
a:active {
	color: #18323d; /* even darker blue */
	font-size: 1em;
}
a:hover {
	color: #18323d; /* even darker blue */
	font-size: 1em;
}

a.underlineme {
	text-decoration: underline;
}

a.underlineNo {
	text-decoration: none;
}

/* footer link for privacy policy */
a.wlink:link, a.wlink:visited, a.wlink:active {
	color: #fef7e7; /* extra lt tan */
	font-size: 1em;
}
a.wlink:hover {
	color: #fceaae; /* yellow */
	font-size: 1em;
}

@media (min-width: 768px) {
	a.btnGreen:link, a.btnGreen:visited {
		background-color: #7bc770; /* green */
		padding: 6px 18px;
		cursor: pointer;
		color: #fff;
		font-weight: bold;
		font-size: 0.875em;
		display: inline-block; /* limits the width of the button */
		margin-bottom: 6px;
		text-decoration: none;
		letter-spacing: 1px;
		text-shadow: 1px 1px #1d3715; /* dk green */
		text-align: center;
		transition: background-color 0.5s ease;
	}
	a.btnGreen:hover, a.btnGreen:active {
		background-color: #70a7c7; /* blue */
		text-shadow: 1px 1px #11232b; /* dk blue */
		text-decoration: none;
	}
}

@media (max-width: 767px) {
	a.btnGreen:link, a.btnGreen:visited {
		background-color: #7bc770; /* green */
		border: 1px solid #fff;
		padding: 8px 25px;
		cursor: pointer;
		color: #fff;
		font-weight: bold;
		font-size: 1em;
		display: inline-block; /* limits the width of the button */
		margin-bottom: 6px;
		text-decoration: none;
		text-shadow: 1px 1px #1d3715; /* dk green */
		text-align: center;
		transition: background-color 0.5s ease;
	}
	a.btnGreen:hover, a.btnGreen:active {
		background-color: #70a7c7; /* blue */
		text-shadow: 1px 1px #11232b; /* dk blue */
		text-decoration: none;
	}
}

a.btnGreenLrg:link, a.btnGreenLrg:visited {
		background-color: transparent;
		padding: 16px 35px;
		cursor: pointer;
		color: #1d3715; /* dk green */
		font-weight: bold;
		font-size: 1.5em;
		display: inline-block; /* limits the width of the button */
		margin: 20px 0;
		text-decoration: none;
		border: 3px solid #7bc770; /* green */
		text-shadow: 1px 1px #fff; /* dk green */
		text-align: center;
		transition: background-color 0.5s ease;
}
a.btnGreenLrg:hover, a.btnGreenLrg:active {
		background-color: #7bc770; /* green */
		text-shadow: -1px -1px #fff; /* dk green */
		text-decoration: none;
}