/*		contactTimeframe.css		version 1		6/9/26		*/


/*	==========================================================  TIMEFRAME  ===========================================================	*/

	.timeframe-wrapper {
		cursor:			pointer;
		}

	.timeframe-collapsed {
		background-color: #1a1a1a;
		border:			calc(2 * var(--vw1600) / 1600) solid #880000;	/*	Border:		Burgundy						*/
		border-radius:	calc(24 * var(--vw1600) / 1600);
		padding:		calc(12 * var(--vw1600) / 1600)
						calc(16 * var(--vw1600) / 1600);
		min-height:		calc(48 * var(--vw1600) / 1600);
		box-shadow:
			0 0 0		calc(1.5 * var(--vw1600) / 1600) slateblue,
			0 0			calc(10 * var(--vw1600) / 1600) rgba(106, 90, 205, 0.4);
		}

	.timeframe-placeholder {
		color:			#555555;
		font-size:		calc(48 * var(--vw1600) / 1600);
		font-family:	Arial, sans-serif;
		font-style:		italic;
		}

	.timeframe-summary {
		display:		flex;
		flex-direction:	column;
		gap:			calc(6 * var(--vw1600) / 1600);
		}

	.timeframe-summary-line {
		color:			white;
		font-size:		calc(44 * var(--vw1600) / 1600);
		font-style:		italic;
		}

	.timeframe-expanded {
		display:		none;
		flex-direction:	column;
		gap:			calc(16 * var(--vw1600) / 1600);
		background-color: #1a1a1a;
		border:			calc(2 * var(--vw1600) / 1600) solid #2DC8FF;	/*	Border:		UC Aqua Blue When Open			*/
		border-radius:	calc(24 * var(--vw1600) / 1600);
		padding:		calc(12 * var(--vw1600) / 1600)
						calc(16 * var(--vw1600) / 1600);
		box-shadow:
			0 0 0		calc(1.5 * var(--vw1600) / 1600) slateblue,
			0 0			calc(10 * var(--vw1600) / 1600) rgba(106, 90, 205, 0.4);
		}

	.timeframe-expanded.tf-open {
		display:		flex;
		}

	.timeframe-collapsed.tf-hidden {
		display:		none;
		}

	.timeframe-option {
		display:		flex;
		align-items:	center;
		gap:			calc(16 * var(--vw1600) / 1600);
		cursor:			pointer;
		}

	.timeframe-option input[type="checkbox"] {
		width:			calc(36 * var(--vw1600) / 1600);
		height:			calc(36 * var(--vw1600) / 1600);
		accent-color:	#99FF99;								/*	UC Green											*/
		flex-shrink:	0;
		cursor:			pointer;
		}

	.timeframe-option span {
		color:			white;
		font-size:		calc(44 * var(--vw1600) / 1600);
		font-style:		italic;
		}