/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


:root {
	--cnvs-themecolor: #20a0c9;
	--cnvs-themecolor-rgb: 32, 160, 201;
	--bs-link-hover-color-rgb: 255, 0, 0;	
}

	
a:hover { color: #FF0000; }

.hidden { display: none !important; }

.nothidden { display: block !important; }

#top-bar {
	background-color: #DBEBF1;}





/* Page Title */
#page-title.page-title-parallax h1,
.page-title.page-title-parallax.parallax.light h1
 {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 2px;
    text-shadow: 2px 2px 2px #ecf0f1;
  	color: #127291;
}

.page-title.page-title-parallax.parallax.light .parallax-bg {
	opacity: .2; }

/* Results Detail Page */
#results .fancy-title {
	margin-bottom: 0.5rem; }
	
#footer {
  --cnvs-footer-top-border: 5px solid #E1B584;
}

#footer.dark.FooterRow1{
    background-color: #8bc0d14f;
}

#footer.dark.FooterRow2 {
    background-color: #127291;
}

.dark #copyrights, #copyrights.dark {
  color: rgba(255, 255, 255, 0.4);
  background-color: rgb(18, 114, 145);
}


#footer #copyrights a.npdlogofooter img {
	opacity: .7;
	border:none; }
#footer #copyrights a.npdlogofooter img:hover {	
	opacity: 1;
}
#footerEvents {
    padding: 4rem;
    padding-top: 0;
}
#footerEvents, footer.dark #footerEvents h2 {
	color: #127291 !important;
	margin: 0 0 12px 0;
}
#footer.dark.FooterRow1 #footerEvents a {
	color: #000000 !important;
}
#footer.dark.FooterRow1 #footerEvents li {
	color: #127291 !important;
}

@media (min-width: 1200px) {
	#header {
	--cnvs-primary-menu-font-size: 1.4rem;
}
}
@media (min-width: 200px) and (max-width: 991.98px) {
  .float-center {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important; 
  }
   
}
@media (min-width: 768px) {
   .float-md-center {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important; 
  }
  
}
@media (min-width: 550px) {
   .float-sm-center {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important; 
  }
}