/**
 * CSS for your public-facing functionality
	Body text: 16px, black, Montserrat
	 
	Colours:
	#223B7E: dark blue from logo
	#219ED5: light blue from logo used on headings
	#FCD21D: yellow 
	#A51E25: red – buttons and links

 */
.nsca h1 {
	padding-top:10px;
	background-color:#2193d5;
	color:#FFF;
}
.nsca h2 {
	 color:#A51E25;
	 text-align:left;
}
.nsca .page2 h2, h2.blue {
	 text-align:center;
	 color:#223B7E;
}
.nsca h3 {
	border-bottom:none;
	text-align:left;
}
.nsca button {
	cursor:pointer;
}
.nsca button.submit {
	background-color:#A51E25;
	padding: 12px 16px;
	border:none;
	font-size: 16px;
	border-radius: 15px;
	color:#FFF;
}
.nsca button.submit.back {
	margin-bottom:16px;
	background-color:#FFF;
	border: 1px solid #A51E25;
	color:#A51E25;
}
.nsca button.submit:disabled {
	background-color:#CCC;
	color:#FFF;
}
.nsca p.small {
	font-size:80%;
}
.nsca_hidden {display:none !important;}
 
 /* messages */
.successmsg, .failmsg, .warnmsg {
	padding:15px;
	padding-bottom:15px !important;
	margin:15px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:110%;
}
.successmsg {
	background-color:green;
}
.failmsg {
	background-color:red;
}
.warnmsg {
	background-color:white;
	border:1px solid orange;
	color:black !important;
}
/* waiting spinner */
.overlay_spinner {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:99999; 
	overflow:hidden;
	background-color:rgba(000,000,000,.7);
	text-align:center;
}
.overlay_spinner h3 {
	padding-top:15%;
	font-size:64px;
	color:white;
}
#myoverlay div {
	position: absolute;
    height: 100%;
    width: 100%;
    top: 0%;
    left: 0%;
    margin-left: 0px;
    margin-top: 0px;
}
.fa-spinner {
	font-size:60px !important; 
	color:#fff;
	z-index:99999;
}
/* Page 2 sidebar */
.nsca_img_link img {
	cursor:pointer;
}
.nsca_img_link img:hover {
	opacity:.5;
}

/* Symptoms icons */
.nsca_symptoms img {
	width:24%;
}

/* Symptom results page */
.cws_nsca_symptomresults, .cws_nsca_symptomresults h2 {
	text-align:center;
}
.cws_nsca_symptomresults h2 span, .cws_nsca_symptomresults h3 span {
	font-weight:normal;
	font-style:italic;
}
.form_cws_nsca_symptoms_back, .form_cws_nsca_symptoms_next {
	width:49%;
	display:inline-block;
}
#form_cws_nsca_symptoms_back button.submit {
	background-color:#FFF;
	color:#A51E25;
	border:1px solid #A51E25;
	margin-right:16px;
	margin-bottom:16px;
}
.cws_submit_nobutton {
	cursor:pointer;
	border:none;
	color:#A51E25;
}
.cws_submit_button {
	background-color:#A51E25;
	color:#FFF;
	border:1px solid #A51E25;
}
.cws_submit_button:hover {
	color:#A51E25;
	background-color:#FFF;
	border:1px solid #A51E25;
}
.nsca_general_info {
	font-size:1.5;
	margin-bottom:16px;
}
.nsca_ingred_box {
	position:relative;
	border:1px solid #219ED5;
	padding:8px 56px 8px 8px;
	margin-bottom:8px;
}
.nsca_ingred_box h3 {
	color:#A51E25;
}
.div_nsca_caret_down {
	position:absolute;
	top:25%;
	right:8px;
}
.div_nsca_caret_down .fas {
	float:right;
	font-size:48px;
	color:#223B7E;
	cursor:pointer;
	opacity:1;
}
.div_nsca_caret_down .fas:hover {
	float:right;
	font-size:48px;
	color:#223B7E;
	cursor:pointer;
	opacity:.5;
}
.nsca_ingred_box p {
	text-align:left;
}
@media only screen and (max-width: 767px) {
  #form_cws_nsca_intro .nsca_img_link img {
	  max-width:80px;
  }
}