/* ------------------------------------------------------------------------------------------------------
 * Custom styles overrriding the styles of the pre-AV page and form
 * You may have to add !important to all of your overrides.
 * You can also make them site-specific by adding some class="unique" to the body tag in the site header
 *     and then add ".unique #masAV_wrapper" clauses here.
 * ------------------------------------------------------------------------------------------------------*/

#masAV_background {
	background-color: rgba(0,0,0,.95);
}

.masAV-blur { 
	filter: blur(6px); 
}

#masAV_wrapper {
	letter-spacing: 0.5px;
}

#masAV_wrapper h1 {  }
#masAV_wrapper h2 {  }
#masAV_wrapper h3 { font-size: 24px; line-height: 30px; margin: 0 }
#masAV_wrapper h4 { font-size: 18px; line-height: 24px; margin: 0 0 16px 0; }

#masAV_wrapper button { }
#masAV_wrapper .btn-success          { padding: 6px 12px; }
#masAV_wrapper .btn-success:hover,
#masAV_wrapper .btn-success:active   {  }
#masAV_wrapper .btn-success:disabled {  }
#masAV_wrapper .btn-danger           {  }
#masAV_wrapper .btn-danger:hover,
#masAV_wrapper .btn-danger:active    {  }

#masAV_wrapper button span {
}

#masAV_wrapper .masAV-disclaimer {
	font-family: sans-serif;
	font-size: 16px;
	line-heigh: 24px;
}

#masAV_wrapper small { 
	font-size: 12px; 
	line-height: 16px;
	font-weight: 400;
}

#masAV_wrapper .preav-img { 
	height: 40vh; 
	margin-bottom: 16px; 
	opacity: 0.9; 
}

#masAV_wrapper .report-location-form {
	width: 780px;
	max-width: 90%;
	margin: 0 auto;
	color: #BEBCB1;
	font-size: 14px;
}

#masAV_wrapper .report-location-form input { padding: 0 6px 2px 6px; font-family: system-ui, sans-serif; color: initial; }
#masAV_wrapper .report-location-form input[type=submit] { font-size: 14px; line-height: normal; padding: 8px 12px 6px 12px; cursor: pointer; }
#masAV_wrapper .report-location-form input[type=submit]:disabled { color: #fff; background-color: #cccccc; }
#masAV_wrapper .report-location-form p { }
#masAV_wrapper .report-location-form p.text-success { color: #59ab5a; padding-bottom: 16px; }

@media only screen and (max-width: 670px) {
	#masAV_wrapper .report-location-form { text-align: left; }
	#masAV_wrapper .report-location-form input { width: 90% }
}


/* CUSTOM STYLES PER SITE */

.demure-fun #masAV_wrapper .masAV-disclaimer { 
	font-size: 1.5rem !important;
	line-height: 2.0rem !important;
}

.demure-fun #masAV_wrapper .btn-success {
	font-size: 2rem;
}