
/* *** */
/* *BCT V2/ Webinar Mgt Only* */
/* *https://medtack.lightning.force.com/lightning/r/Trial_Landing_Page__c/a3T7T000003fxxyUAA/view* */


/*****************************/
/* QUESTIONNAIRE */
/*****************************/





/* Question */

#question_list span{
	font-size: 24px !important; 
	color: #000E37 !important;
	font-family: "DM Sans" !important;
	font-weight: 400 !important;
}


/* Question answers */

#question_list label{
	font-size: 24px !important; 
	color: #000E37 !important;
	font-family: "DM Sans" !important;
	font-weight: 400 !important;
	margin: 0 0 0 0 !important;
}

#question_list div{
  margin: 0 0 0 0 !important;

}


/*****************************/
/*****************************/
/*****************************/

	/* *** CUSTOM */
	/* *** CUSTOM */
	/* *** CUSTOM */
	
	/* // lsm 2/16/26 */
	
	

	#privacy_consent_yes,
	#sms_consent_yes,
	#sms_consent_no{
		font-family: "DM Sans", sans-serif !important;
	} 
	
	
	#question_list span[id^="q"]{
		font-family: "DM Sans", sans-serif !important;
		font-size: 26px !important;
		font-weight: 700 !important;
		position: relative !important;
		/* reserve space for the circle */
  		_OFF_padding-left: calc(28px + 12px);
	}
	
	

	

	
	
	#question_list span > span{
		display: block !important;
		margin: 5px 0 0 40px  !important;
		line-height:27.5px !important;
	}
	

	
	/*ANSWER*/
	#question_list label{
		font-family: "DM Sans", sans-serif !important;
	}
	
	/*QUESTION*/
	#question_list span[id^="q"] {

	}
	
	
	/* Style for the radio input  */
	#question_list input[type="radio"][id^="q"] {
		/* Remove default browser styling */
		-webkit-appearance: none !important;
		-moz-appearance: none !important;
		appearance: none !important;
	}
	#question_list input[type="radio"][id^="q"] {
	  	width: 28px !important;
	  	height: 28px !important;
	  	border-radius: 50% !important;
		border: 2px solid #07184E !important;	
		background-color: #eaedef !important;
		box-sizing: border-box !important;
	}
	
	
	
	/* Style for the UN CHECKED dot */
	#question_list input[type="radio"][id^="q"] + label::after {
		content: "" !important;
		position: absolute !important;
		left: calc((28px - 16px) / 2) !important;
		_top: 12px !important;
		width: 16px !important;
		height: 16px !important;
		border-radius: 999px !important;
		background: #DA34CF !important; /* Color when checked */
		transform: translateX(40px) translateY(8px);
		opacity: 0;
	}
	
	/* Style for the CHECKED dot */
	#question_list input[type="radio"][id^="q"]:checked + label::after {
			opacity: 1 !important;
			transform: translateX(40px);
	}
	


  	
	#question_list div{
	  margin: 0 0 45px 0 !important;
	
	}
	
	.submit_button{
		font-family: "DM Sans", sans-serif !important;
	}
	
	
	#sms_consent_wrapper #sms_consent_yes{
		margin: 0 20px 0 30px !important; 
	}
					
		
		
	//PASSED / FAILED HEADERS
	
	#contact_title h1, #contact_title h2{
		font-family: "Funnel Display", sans-serif !important;
	}
					
	#header2{
		width: 90% !important;	
		font-family: "Funnel Display", sans-serif !important;
		font-size: 26px !important;	
		margin: 0 30px 0 30px;
	}
				
				
	#header_thankyou_yes{
		width: 90% !important;	
		font-family: "Funnel Display", sans-serif !important;
		font-size: 26px !important;	
		margin: 0 30px 0 30px;
	}
				
				
	#header_thankyou_no{
		width: 90% !important;	
		font-family: "Funnel Display", sans-serif !important;
		font-size: 26px !important;
		margin: 0 30px 0 30px;	
	}
	
	
	
	
	/* MOBILE */
	@media only screen and (max-width: 1024px) {
	
		#question_list span[id^="q"]{
			font-size: 20px !important;
		}
		
		#question_list label{
			font-size: 18px !important; 
		}
		
		/* dot */
		#question_list input[type="radio"][id^="q"] + label::after {
			transform: translateX(40px) translateY(-3px);
		}
		/* dot checked */
		#question_list input[type="radio"][id^="q"]:checked + label::after {
			transform: translateX(40px) translateY(-3px);
		}
		
		#submit_button_1,
		#submit_button_2{
			min-width:200px;
		}
	
	
	
	 
	
	
		#header2{
			font-family: "Funnel Display", sans-serif !important;
			font-size: 20px !important;	
		}
					
					
		#header_thankyou_yes{
			font-family: "Funnel Display", sans-serif !important;
			font-size: 20px !important;	
		}
					
					
		#header_thankyou_no{
			font-family: "Funnel Display", sans-serif !important;
			font-size: 20px !important;	
		}
		
		#privacy_consent_yes,
			#sms_consent_yes,
			#sms_consent_no{
			font-size: 16px !important;	
		} 
			
	
	}

/*****************************/
/*****************************/
/*****************************/


/* media source eg How did you find out about Barostim?*/

#source_wrapper{
	margin: 25px 0px 0px !important;
}

#source_wrapper #source_label{
	margin: 0 20px 5px 0 !important;
	font-size: 18px !important; 
	color: #03093D !important;
	font-family: "DM Sans" !important;
	font-weight:normal !important; 
}

#source_options label{
	font-size: 20px !important; 
	color: #03093D !important;
	font-family: "DM Sans" !important;
	font-weight:normal !important; 
}


#submit_button_1{
	cursor: pointer !important; 
	margin: 5px !important; 
	padding: 18px 10px 18px 10px !important; 
	color: #03093D !important; 
	background-color: rgb(255, 158, 84) !important; 
	background-image: url("/media/button-arrow.png");
background-size: 15px 21px;
background-position: center right 30px;
background-repeat: no-repeat;
	font-size: 24px !important; 
	border-color: rgb(255, 158, 84) !important; 
	border-style: solid !important; 
	font-weight: 900 !important; 
	width: 30% !important; 
	max-width: 400px !important; 
	border-radius: 10px !important;
}



/* QUESTIONNAIRE mobile only up to 1024px */

@media only screen and (max-width: 1.024px) {

	/* Question */
	#question_list span {
    	font-size: 14px !important; 
	line-height:1.2 !important;
	color: #000E37 !important;
	font-family: "DM Sans" !important;
	font-weight: 700 !important;
	} 
	#question_list {
font-size: 14px !important;
    	margin-top: -30px !important;
margin-left: 0px !important;
margin-right: 0px !important;

	} 
	/* Question answers */
	#question_list label{
		font-size: 14px !important; 
	}
	
	#source_wrapper #source_label{
		font-size: 15px !important;
	color: #000E37 !important;
	font-family: "DM Sans" !important;
	font-weight: 700 !important; 
margin-left: -25px !important;
margin-right: -25px !important;
	}	
	#source_options label{
		font-size: 13px !important; 
	}

	#source_options{
margin-left: -25px !important;
margin-right: -25px !important;
	}
	
	#submit_button_1{
		font-size: 18px !important;
margin-bottom: -150px !important; 
width: 60% !important;  
	}



	
}






/*****************************/
/* REGISTRATION */
/*****************************/
/*

#contact_panel label{
 	color: #000E37 !important;
    font-family: "DM Sans",sans-serif !important;
	font-size: 20px !important;
	font-weight: 400 !important;
 	margin: 0px 0 0px 0 !important;
}
 

#contact_panel input[type='text']{
	background-color: #eaedef !important;
	border: 2px solid #bbbcbc !important;
	border-top-width: 2px !important;
	border-right-width: 2px !important;
	border-bottom-width: 2px !important;
	border-left-width: 2px !important;
	border-width: 2px !important;
	color: #000E37 !important;
	font-family: "DM Sans",sans-serif !important;
	font-size: 20px !important;
	margin: 1px 0 !important;
	padding: 15px !important;
 	width:100% !important;
 	max-width:500px !important;
 		border-radius: 10px !important; /* CUSTOM */
}

 
#sms_consent_wrapper #sms_consent_label{
  	color: #000E37 !important;
	font-family: "DM Sans",sans-serif !important;
	font-size: 20px !important;
	margin: 20px 0 20px 0 !important;
}
#sms_consent_wrapper #sms_consent_yes{
  	color: #000E37 !important;
	font-family: "DM Sans",sans-serif !important;
	font-size: 20px !important;
	_text-indent: 0px !important;
	_display:inline-block !important;
	_margin: -22px 20px 0 30px !important;
}
#sms_consent_wrapper #sms_consent_no{
  	color: #000E37 !important;
	font-family: "DM Sans",sans-serif !important;
	font-size: 20px !important;
	text-indent: 0px !important;
	display:inline-block !important;
	margin: -22px 20px 0 30px !important;
}

#privacy_wrapper_non_eu #privacy_consent_yes{
  	color: #000E37 !important;
	font-family: "DM Sans",sans-serif !important;
	font-size: 20px !important;
	text-indent: 0px !important;
	display:inline-block !important;
	margin: -22px 20px 0 30px !important;
}




#submit_button_2{
	cursor: pointer !important; 
	margin: 5px !important; 
	padding: 18px 10px 18px 10px !important; 
	color: #03093D !important; 
	background-color: rgb(255, 158, 84) !important; 
	background-image: url("/media/button-arrow.png");
background-size: 15px 21px;
background-position: center right 30px;
background-repeat: no-repeat;
	font-size: 24px !important; 
	border-color: rgb(255, 158, 84) !important; 
	border-style: solid !important; 
	font-weight: 900 !important; 
	width: 30% !important; 
	max-width: 400px !important; 
	border-radius: 10px !important;
}



/* REGISTRATION mobile only up to 1024px */
/* Note custom class name >>> (.mobile) added by js to detect parent max-width */

@media only screen and (max-width: 1.024px) {

	#contact_panel label.mobile{
    	font-size: 13px !important;
		font-weight: 700 !important; 
	} 
	#contact_panel {
    	margin-top: -50px !important;
	} 
	
	#contact_panel input[type='text'].mobile{
    	font-size: 13px !important;
	padding: 12px !important;
 	margin: 0px 0 -100px 0 !important;
 	width:100% !important;
border-width: 1px !important;
max-width:750px !important;
}
	}
	
	#sms_consent_wrapper #sms_consent_label.mobile{
    	font-size: 13px !important 
	}
	
	#sms_consent_wrapper #sms_consent_yes.mobile{
    	font-size: 13px !important 
	}
	
	#sms_consent_wrapper #sms_consent_no.mobile{
    	font-size: 13px !important 
	}
	
	#privacy_wrapper_non_eu #privacy_consent_yes.mobile{
    	font-size: 13px !important 
	}
	
	#submit_button_2.mobile{
		font-size: 18px !important;
margin-bottom: -150px !important; 
width: 60% !important;  
	}




}





/*
.submit_button_webinar_2:hover{
	background-color: #cd4cc2 !important;
}
*/


/* *** */
/* *** */
/* *** */


/* *** */
/* *** */
/* *** */


/* *** */
/* *** */
/* *** */







/* MVP.css v1.8 - https://github.com/andybrewer/mvp */

/* --box-shadow: 2px 2px 10px;*/

/* CSS variables (if required) */
/*--color-bg: rgba(255,182,193,0.2);*/ /*light pink*/
/*
:root {
    --active-brightness: 0.85;
    --border-radius: 5px;
    --box-shadow: 0px 0px 0px;
    --color: #118bee;
    --color-accent: #118bee15;
    --color-bg: rgba(255,182,193,0.2);
    --color-bg-secondary: #e9e9e9;
    --color-link: #118bee;
    --color-secondary: #920de9;
    --color-shadow: #f4f4f4;
    --color-table: #118bee;
    --color-text: #000E37;
    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI","DM Sans", ,Lato,Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --hover-brightness: 1.2;
    --justify-important: center;
    --justify-normal: left;
    --line-height: 1.5;
    --width-card: 285px;
    --width-card-medium: 460px;
    --width-card-wide: 800px;
    --width-content: 1080px;
}
*/

/* *** */
/* *** */
/* *** */




/*
body {
    background: var(--color-bg) !important;
    color: var(--color-text);
    font-family: var(--font-family);
    margin: 0;
    overflow-x: hidden;
    padding: 0;
}



hr {
    background-color: var(--color-bg-secondary);
    border: none;
    height: 1px;
    margin: 4rem 0;
    width: 100%;
}




h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: var(--line-height);
}



ol li,
ul li {
    padding: 0.2rem 0;
}

p {
    margin: 0.75rem 0;
    padding: 0;
    width: 100%;
}




sup {
    background-color: var(--color-secondary);
    border-radius: var(--border-radius);
    color: var(--color-bg);
    font-size: xx-small;
    font-weight: bold;
    margin: 0.2rem;
    padding: 0.2rem 0.3rem;
    position: relative;
    top: -2px;
}



a {
    color: var(--color-link);
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
}

a:active {
    filter: brightness(var(--active-brightness));
    text-decoration: underline;
}

a:hover {
    filter: brightness(var(--hover-brightness));
    text-decoration: underline;
}

*/


/* *** */
/* *** */
/* *** */
