/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .logged-in-prompt {
 	padding: 10px;
 	border: 1px solid #717171;
 	background-color: #0e76bd;
 	color: #FFF;
 }

 .logged-in-message p {
 	margin: 0;
 }

 /* Video Poll Styling */

 .gform_wrapper .video-poll ul.gfield_radio li {
 	position: relative;
 	display: block;
 	margin-right: auto !important;
 	margin-left: auto !important;
 	width: 75%;
 	text-align: center;
 	padding: 15px !important;
 	border: 1px solid #717171;
 	border-radius: 5px;
 	max-height: 600px;
 	overflow: hidden;
 }

 .video-poll input[type="radio"] {
 	display: none !important;
 }

.video-poll input[type="radio"]+label::before {
	content:"\f0c8";
	font-family: "Font Awesome 5 Free";
	margin-right: 15px;
	font-size: 1.5em;
}

 .video-poll input[type="radio"]+label {
 	display: flex !important;
 	justify-content: center;
 	align-items: center;
 	padding: 15px 20px !important;
 	background-color: #0e76bd;
 	color: #FFF;
 	border-radius: 5px;
 	margin-top: 10px !important;
 	max-width: unset !important;
 	width: unset !important;
 }

 .video-poll input[type="radio"]+label:hover {
	background-color: #b41e37;
 }

.video-poll input[type="radio"]:checked+label::before {
	content:"\f14a";
	font-family: "Font Awesome 5 Free";
	margin-right: 15px;
	font-size: 1.5em;
}

.video-poll input[type="radio"]:checked+label {
	background-color: #b41e37;
}

@media (min-width: 642px) {

	.gform_wrapper .video-poll ul.gfield_radio li {
		display: inline-block;
		width: calc(50% - 20px);
		padding: 15px !important;
		border: 1px solid #717171;
		border-radius: 5px;
		margin-right: 20px !important;
		margin-left: unset !important;
		max-height: 600px;
		overflow: hidden;
	}

	.gform_wrapper .video-poll ul.gfield_radio li:nth-child(2){
		margin-right: 0;
	}		

}

.gform_wrapper .gform_footer {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.gpoll_button {
	margin: 0 !important;
}