@custom-media --screen_test (min-width:1000px);

	@media (--screen_test)
	{
		section.main													{ background-color: #00f; }
	}

	html																{ background-color: #fff; }

	.content a	 														{ text-decoration: underline; color: #000099; }

	section.animations													{ overflow: hidden; }
	section.animations .columns											{ display: flex; flex-direction: row; }
	section.animations .columns > .left									{ width: 100%; overflow: hidden; flex: 1; }
	section.animations .columns > .right								{ width: 200px; }

	section.animations .content ul.animation-menu						{ margin: 0%; padding: 0%; list-style: none; }
	section.animations .content ul.animation-menu li					{ margin: 0.25rem 0%; }
	section.animations .content ul.animation-menu li a					{ padding: 0.75rem 1rem; display: block; text-align: center; text-decoration: none; color: #FFFFFF; background-color: #323232; border-radius: 4px; }
	section.animations .content ul.animation-menu li a.active			{ font-weight: 700; background-color: #DD8443; }

	.collapsible .step-container .button.yes:hover,
	.collapsible .step-container .button.yes:active,
	.collapsible .step-container .button.yes.active 					{ background-color: #009124; border-color: #008522; }
	.collapsible .step-container .button.no:hover,
	.collapsible .step-container .button.no:active,
	.collapsible .step-container .button.no.active 						{ background-color: #CE0000; border-color: #AB0000; }
	.collapsible .step-container .button.na:hover,
	.collapsible .step-container .button.na:active,
	.collapsible .step-container .button.na.active 						{ background-color: #333333; border-color: #111111; }

	.collapsible .step-container .step-header 							{ background-color: #437F97; color: #fff; }

	.form-progress-bar 													{ background-color: #008522; color: #fff; }

	div.form-data-in-popup .appointment-heading 						{ background-color: #CE0000; }
	div.form-data-in-popup .field-heading 								{ background-color: #008522; }
	div.form-data-in-popup .field-options button.active 				{ background-color: #008522; border-color: #008522; }
	div.form-data-in-popup .popup-buttons button						{ background-color: #437F97; }

	div.popup-panel.file_upload .popup-heading 							{ background-color: #008522; }
	div.popup-panel.file_upload .popup-buttons button					{ background-color: #437F97; }	
	
	.tooltip 															{ display:inline-block; position:relative;  cursor: pointer;}
	.tooltip .tooltip-text::before 										{ content: ""; position: absolute; top: -10px; left: 12.5%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent black transparent; }
	.tooltip .tooltip-text 												{ min-width:500px; top:30px; padding:12px;  background-color:#000; color: #FFF; border-radius:8px; position:absolute; z-index:99999999; display:none;}
	.tooltip:hover .tooltip-text  										{ display:block;}
	

	/* CRM Newsfeed */
	#crm-newsfeed                         		{ width: 100%; }
	#crm-newsfeed .container               		{ width: 100%; display: flex; gap: 1rem; margin-top: 2rem; }
	#crm-newsfeed .newsfeed               		{ width: 80%; display: flex; flex-wrap: wrap; gap: 2rem 1rem; }
	#crm-newsfeed .newsfeed .newsletter   		{ max-width: 300px; width: 100%; background-color: #f4f4f4; text-decoration: none; }
	#crm-newsfeed .newsfeed .newsletter .newsletter-heading { padding: 1rem; }
	#crm-newsfeed .newsfeed .newsletter .newsletter-heading h4 { font-size: 1rem; }

	#crm-newsfeed .side-menu              		{ width: 20%; }
	#crm-newsfeed .side-menu .filters     		{ display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; }
	#crm-newsfeed .side-menu .filters a   		{ display: inline-block; border: 1px solid #ccc; border-radius: 16px; text-align: center; text-decoration: none; color: #000; padding: 0.5rem 1rem; max-width: 70px; width: 100%; }
	#crm-newsfeed .side-menu .filters a:hover { background-color:  #ccc; }
	#crm-newsfeed .side-menu .content         { margin-top: 1rem; }
	
	@media only screen and (min-width: 0px) and (max-width: 800px)
	{
		#crm-newsfeed                       { flex-direction: column-reverse; }
		#crm-newsfeed .newsfeed             { margin-top: 1rem; margin-left: auto; margin-right: auto; width: 100%; gap: 2rem 4%; }
		#crm-newsfeed .newsfeed .newsletter { max-width: none; width: 48%; }
		#crm-newsfeed .side-menu            { width: 100%; }
	}

	@media only screen and (min-width: 0px) and (max-width: 600px)
	{
		#crm-newsfeed .newsfeed             { gap: 2rem 0; }
		#crm-newsfeed .newsfeed .newsletter { width: 100%; }
	}

	/* Joe Additions */

	.coltype_image_and_content.coltype_panel					{ background-color: #f7f7f7; }
	.coltype_image_and_content.coltype_panel img				{ height: 250px; min-width: 100%; object-fit: cover; object-position: bottom; }