HTML, body 		{ font-family: Lato, sans-serif; font-size: 18px}
h1,h2,h3,h4		{ font-family: Lato, sans-serif;}
h1				{ font-weight: 700 }
h4				{ letter-spacing: 1px}
b, strong		{ font-weight: bold}
ul 				{ text-align: left }

p,li			{ font-weight: 300; line-height: 2rem; margin-bottom:0.3rem;}

figcaption {
	font-size : 0.9rem;
	font-weight: 300;
	margin-top: 0.67rem;
	color: #6e6e6e;
}

/* TOP NAV SECTION */
header 		{ left:0; right: 0; top: 0; z-index: 2}
header ul 	{ margin-bottom: 0; margin-left: 0; padding-left: 0 }
.wrapper 	  { max-width: 1440px; padding: 0 20px; }
.cta-wrapper, .text-wrapper { max-width: 800px; }

.text-wrapper li, .text-wrapper div 		{ color: #6e6e6e;  font-size: 18px; line-height: 32px; font-weight: 300; }
.text-wrapper p, .text-wrapper li 		{ margin-bottom: 5px; }

.nav-topmenu {
	position: relative;
	margin-top: 0px;
    padding: 12px 24px 10px;
    border-top: 3px none transparent;
    transition: all 246ms ease;
    font-family: Lato, sans-serif;
    color: #787878;
    font-size:0.725rem;
    line-height: 0.9rem;
    letter-spacing: 1.5px;
    text-decoration: none;
}

.nav-topmenu.active 	{ border-top-style: none; border-top-color: #008aad; background-color: #4a4a4a;}
.nav-topmenu.active p 	{ color: #fff;  letter-spacing: 1.5px}
.nav-topmenu a 			{ text-decoration: none; }

.nav-topmenu:hover {
	border-top-style: none;
    border-top-color: #008aad;
    background-color: #4a4a4a;
    color: white;
}
.nav-topmenu:hover .nav-dropdown { display:block; }
.nav-topmenu p 					 { color: #787878; text-transform: uppercase; font-weight:initial; margin-bottom: initial }

.nav-dropdown {
    display: none;
    text-align: left;
    position: absolute;
    top: 99px;
    left: 0;
    color: #fff;
    width: 210px;
    line-height: 20px;
    background-color: #4a4a4a;
    padding: 25px;
    border: 1px solid #2e3042;
    z-index: 1;
}
#mobileNavMenu .nav-dropdown {
	left:0 ;
}

.nav-dropdown a 		{ color: #fff; text-decoration: none; padding-bottom: 10px; display: block; text-transform: uppercase; }
.nav-dropdown a.active  { color: #797979 }
/* top nav ends */

.hr { height: 1px; background-color: #fff; width: 200px; margin: 1rem auto;}
.hr-grey { background-color: #adadad}
.push-top {
	margin-top: 110px;
}
/*buttons */

.btn-menu 						{ color: #789c48; height: 67px; border-radius: 0; }
.btn-menu[aria-expanded="true"] { background-color: #789c48; color: #fff; }

.btn-cta 		{ color: #fff; background-color: #333; text-decoration:none; transition: all 300ms ease }
.btn-cta:hover 	{ color: #fff; background-color: #555}

.btn-green	  	 { color: #fff; background-color: #789c48; padding: 12px 28px; border-radius: 2px; transition: all 210ms ease;}
.btn-green:hover { color: #fff; background-color: #333}

.btn-green:visited { color: #fff;}

.btn-blue, .btn-blue:visited	{ color: #fff; background-color: #008aad; padding: 8px 14px; border-radius: 2px; transition: all 210ms ease;}
.btn-blue:hover 				{ color: #fff; background-color: #c7c7c7; transform: translate3d(15px, 0px, 0);}


.btn-close.light {
	opacity: 1;
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23555' fill='%23f6f6f6'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat
}

/* carousel styles */

.carousel-control-next, .carousel-control-prev {
	opacity: 1;
	background-color: rgba(0,0,0,0.35);
	width: 5%
}

.carousel-indicators {
	margin-bottom: 0;
}

.carousel-indicators [data-bs-target] {
    height: 15px;
    opacity: 0.25;
    background-color: #bbb;
    width: 15px;
    border-radius: 50%;
}

.carousel-indicators .active {
    opacity:1
}

/* Hero Content */
.hero-content.home-page {
	position: relative;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 20px;
}

.home-slogan {
	margin-top: 0px;
    margin-bottom: 8px;
    color: #008aad;
    font-size: 2.78rem;
	text-transform: uppercase
}

.slogan-gray 	{ color: #6b6b6b; }
.slogan-green 	{ color: #789c48;}
.sub-slogan 	{ line-height: 2rem;}

/*Home CTA */
.cta-block {
    margin-top: 10px;
    padding: 30px 20px;
    background-color: #008aad;
    background-image: url(https://files.lasvegasnevada.gov/website-lvmd/Images/BannerBG/ValleyAerialJuly2009-edited.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.cta-block.large {
	margin-top: 0;
	padding: 60px 40px;
	background-image: linear-gradient(rgba(21, 37, 87, 0.67), rgba(21, 37, 87, 0.67)), url(https://sawebfilesprod001.blob.core.windows.net/website-lvmd/Images/BannerBG/Lou-Ruvo-FOG-2452.jpg);
}

.cta-block p { color: #fff}

.cta-slogan {
    margin: 0px auto 20px;
    color: white;
    line-height: 1.45rem;
	font-size: 1rem;
    font-weight: 300;
    text-align: center;
    letter-spacing: 3px;
}

.cta-slogan.large {
    max-width: 800px;
    margin: 0px auto 15px;
    font-size: 2rem;
    line-height: 32px;
    font-weight: 400;
    letter-spacing: 8px;
}

.title-block {
    position: relative;
    display: block;
    margin-bottom: 25px;
    border-bottom: 1px solid #dedede;
}

.title-bg {
    color: #ededed;
    font-size: 7.8rem;
    line-height: 140px;
    letter-spacing: 0px;
}

.title-front {
    position: absolute;
    left: 202px;
    top: 76px;
    right: 0px;
    color: #008aad;
    font-size: 2.2rem;
    line-height: 2.2rem;
    font-weight: 400;
    letter-spacing: 8px;
}

.img-block { max-width: 100%; overflow:hidden}


/*text blocks*/

.text-block-title { color: #008aad; font-size: 1.1rem; font-weight: 400; letter-spacing: 1px }

/*testimonial */
.testimonial {
    max-width: 1000px;
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
    color: #555;
    font-size: 1.1rem;
    line-height: 1.65rem;
    font-weight: 300;
    text-align: left;
}
.testimonial-headshot {
    overflow-x: hidden;
    overflow-y: hidden;
    border-radius: 200%;
}

.testimonial-text-block {
    margin-top: 0px;
    margin-left: 15px;
    padding-left: 20px;
    border-left: 1px solid #789c48;
    color: #6e6e6e;
}

.testimonial-author {
    color: #303030;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 400;
}

/*Featured Content */
.featured {
	overflow: hidden;
}

.featured.short 		{ height:610px;}
.featured-img-full 		{ max-width: 100%;}
.featured-content 		{ left: 0; bottom:0; width: 50%; padding: 40px; line-height: 31px;}
.featured-content.short { padding: 20px}
.featured-title 		{ color: #008aad; font-size: 40px; line-height: 2.8rem; text-transform: uppercase}
.featured-title-green	{ color: #789c47 }

.welcome-title				{ font-size: 1.1rem; line-height:1.1rem}
.welcome-intro	 			{ font-size: 0.9rem; display:inline-block; line-height: 1.1rem; font-weight: 300; letter-spacing: 0}
.welcome-img-wrapper		{ margin-right: 30px; margin-bottom: 5px; }
.welcome-img-wrapper  img	{ width: 300px; }	


/*Sticky Nav*/

.sticky-subnav 					{ min-height: 65px; position:sticky; z-index: 1; top: 98px}
.sticky-subnav 				{ border: 1px solid #85ad41; background-color: #789c48; font-size: 0;  text-decoration:none; transition: all 200ms ease;}
.sticky-subnav a 				{ border-right: 1px solid #85ad41; letter-spacing: 1.5px; padding: 20px 15px; font-size: 0.9rem; }
.sticky-subnav a:first-child 	{ border-left: 1px solid #85ad41;}
.sticky-subnav a:hover,
.stick-subnav a.active 		{ background-color: #85ad51;}


/* Resrouces section */

.resources-header 		{ padding: 24px 12px 24px 40px;  border-bottom: 1px none #d1d1d1;  background-color: #eee; color: #6e6e6e; }
.resources-header h3 	{ color: #6e6e6e; font-size: 0.9rem; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; text-align:start}

.resources-list 		{ list-style: none}
.resources-list li:hover {
	background-color: #f7f7f7;
	color: #6e6e6e;
}

.resources-list a:before {
	content: url('/lvmd/DnnImageHandler.ashx?mode=securefile&fileId=63932&w=35');
	position:absolute; left: -40px
}

.resources-list a { 
	display: flex;
	align-items: center;
	position: relative;  
	margin-left: 40px; padding-top: 23px; padding-bottom: 23px; 
	color: #789c48;
    font-size: 0.78rem;  line-height: 1.1rem;
    text-decoration: none;
}

/* Stories */
.article-wrapper { background-color: whitesmoke; }
.stories-thumb {    
	height: 212px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

.stories-text	{height: 400px}
.stories-text h1 { border-bottom: 1px solid #e0e0e0;  color: #333;  font-size:1rem; font-weight: 400;  letter-spacing: 1px;}
.stories-text p { color: #6e6e6e;  }

.story-article {
    margin: -172px auto 20px;
    padding-bottom: 20px;
	padding: 5px 40px 30px;
    border-bottom: 1px solid #e0e0e0;
    max-width: 850px;
    z-index: 1;
    position: relative;
    color: #6e6e6e;
}

.story-article h1 {
    margin-bottom: 3px;
    font-size: 1.9rem;
    line-height: 2.5rem;
    font-weight: 300;
    letter-spacing: 1px;
    padding-top: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.story-back-link,
.partner-links a,
.partner-links a:visited,
.story-back-link:visited {
	text-decoration:none;
    color:  #789c48;
    font-size: 0.9rem;
    font-weight: 300;
}

.stories-btn-wrap { left: 0; right: 0; bottom: 1rem;}

/* News Section */
.news-thumb 			{ height: auto; }
.news-text .category 	{ color: #008aad;  letter-spacing: 2px; font-size: 0.78rem; font-weight: 500}
.news-text .date 		{ color: #adadad; font-size: 0.83rem; font-style: italic; font-weight: 300; }
.news-tile				{ height: 600px;}
.news-btn-wrap 			{ bottom: 1rem;}

.news-callout-img 	{object-fit:cover; height: 500px}
.news-overlay			{background-color: rgba(0,0,0,0.3); top: 0; left:0}
.news-overlay h1 { font-size: 1.67rem; color: #fff}
.news-overlay .date { font-size: 0.83rem; font-style:italic; font-weight: 300; color: #fff;}

.video-thumb-overlay {
    background-color: rgba(0,0,0,0.5);
    left: 0; top:0
}

.lvmd-gallery a {
	background-size: cover;
}
.video-thumb-overlay {
	left: 0; top:0
}

.video-thumb-overlay img { width: 40px}
.video-thumb-overlay p { opacity: 0; color: #fff; margin-top: 0.25rem; font-weight: 700; letter-spacing: 1.5px; transition: 0.2s ease-out}

.video-thumb-overlay:hover p {opacity :1}

.partner-links { height: 350px;}

.partner-links h1 {
    font-size: 0.9rem;
    line-height: 1.3rem;
    font-weight: 300;
    letter-spacing: 1px;
}

/*cards */
.card-content h3,
.modal-body.modal-card h3 {
    color: #008aad;
    font-size: 1.1rem;
    font-weight: 400;
    letter-spacing: 1px;
}

.modal-body.modal-card button.btn-close { right:0; top: -30px;}

/*headline banner hero*/
.headline-banner {
    padding-top: 40px;
    padding-bottom: 40px;
    background-size: auto;
    background-repeat: no-repeat;
    background-attachment: scroll;
    color: white;
    font-weight: 400;
    letter-spacing: 3px;
    font-size: 2.25rem;
    line-height: 2.78rem;
}

.headline-banner-text {
    padding: 25px;
}

.narrow.headline-banner-text {
	max-width: 850px;
}

.narrow.headline-banner-text strong {
	color: #6e6e6e;
}

/* Faq*/
.faq-question {
    border-bottom: 1px solid #789c48;
    color: #008aad;
    font-size: 1.25rem;;
    font-weight: 400;
    letter-spacing: 1px;
}

.answer-icon {
    font-size: 0.78rem;
    line-height: 1.67rem;;
    font-weight: 300;
    letter-spacing: 3px;
}

.contact-info-block {
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 30px;
    color: white;
    line-height: 2rem;
    font-weight: 300;
}

.teal {
	background-color: #008aad;
}

.contact-info-block.gray {
    padding-bottom: 48px;
    background-color: whitesmoke;
    color: #6e6e6e;
}


/*pagination */

.paginationjs ul li {
	display: inline-block;
	margin-right: 2px; margin-left: 2px; padding: 10px;
	border: 1px solid white; border-radius: 200%;
	background-color: white;
	color: #008aad; line-height: 8px; text-decoration: none; font-size: 0.78rem; font-weight: 400;
	transition: all 210ms ease;
	cursor: pointer
}
.paginationjs ul li.active,
.paginationjs ul li:hover 	{ background-color: #008aad; color: white; }
.paginationjs ul 			{ text-align:center; }

/*footer section*/
footer {
	margin-top: 10px;
    margin-bottom: 15px;
    background-color: #09667d;
}

footer .col-md-4 { border-right: 1px solid #187d96; }
footer .col-md-4.last { border-right: none; }

footer h3 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    border-bottom: 1px solid #187d96;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 300;
    letter-spacing: 5px;
}

footer .col-12 h3 {
	border-top: 1px solid #187d96;
}

.footer-links {
	min-height: 170px;
    padding-top: 20px;
    padding-right: 30px;
    padding-left: 30px;
}

.footer-links a {
	display: block;
    margin-bottom: 5px;
    padding-bottom: 8px;
    border-bottom: 1px none transparent;
    -webkit-transition: all 374ms ease;
    transition: all 374ms ease;
    color: white;
    font-size: 0.9rem;
    font-weight: 300;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
}

.footer-links a:hover { border-bottom: 0px none #187d96; color: #2ea2bf; }

.footer-bottom {
    padding: 13px 20px;
    border-top: 1px none #187d96;
    background-color: #333;
    color: #878787;
    font-size: 0.68rem;
    font-weight: 300;
    letter-spacing: 3px;
}



/*footer ends*/


@media (max-width: 479px) {
	#mobileNav {
		padding-top: 1rem;	padding-bottom: 1rem;
	}
	
	#mobileNavMenu.show,
	#mobileNavMenu.collapsing {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
	}

	.home-slogan {
		font-size: 1.8rem;
	}
	.title-bg {	
		font-size: 4.8rem;
		line-height: 4.8rem;
	}
	.title-front {
		font-size: 1.5rem;
		left: 72px;	top: 32px;
	}
	.news-callout-img {
		height: 300px;
	}
	.testimonial-headshot {
		margin: auto;
		max-width: 150px;
		margin-bottom: 2rem;
	}
	.testimonial-text-block {
		margin-left : 0 ; padding-left: 0; border-left: none;
		font-style: italic;
	}

	.testimonial-author {
		margin-top: 1rem;
	}

	.featured.short {
		height: auto;
	}

	.featured-content {
		position:relative !important;
		width: 100% !important;
	}

	.featured-content.short {
		padding: 10px 0;
	}

	.featured-title {
		font-size: 1.5rem;
		line-height: initial;
	}

	.sticky-subnav a {
		display: block !important;
		padding: 7px;
	}

	.text-block-title {
		margin-top: 1rem;
		text-align: center !important;
	}
	.story-article-img {
		width: 100%;
		height: auto;
	}

	.story-article {
		padding: 0;
		margin: 0;
	}

	.story-article h1 {
		padding-top: 0; padding-bottom: 0;
	}
}