/**
 * themes/light-glass
 *
 * 		overrides for default rules
 */

	body {
		background: url("tahoe-light.jpg") no-repeat center center fixed;
		background-size: cover;
		font-family: "SF Pro Display";
		/*cursor: url("MacClassicArrow.cur"), auto;*/
	}

	a:link, a:hover, a:active, a:visited,
	input[type=checkbox].css-checkbox + label.css-label,
	button,
	select {
		/*cursor: url('MacClassicHover.cur'), pointer;*/
	}

	span.hoverhint {
		/*cursor: url('Help.cur'), help;*/
	}

/* glass! */
	
	a:hover {
		background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2));
		border-radius: 6px;
		color: var(--link-text);
	}

	.specialhoverbg:hover {
		background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2));
		border-radius: 6px;
	}

	img.selfie {
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
	}

	div.codeblock {
		/*backdrop-filter: blur(12px) saturate(200%);*/
	    /*--webkit-backdrop-filter: blur(6px) saturate(200%);*/
	    /*background-color: rgba(255, 255, 255, 0.3);*/
	    border-radius: 8px;
	}

	.container,
	div.twocol-container.single,
	div.modalpageoverlay,
	div.modalcontainer {
		backdrop-filter: blur(12px) saturate(200%);
	    --webkit-backdrop-filter: blur(6px) saturate(200%);
	    background-color: rgba(255, 255, 255, 0.66);
	    border-radius: 12px;
		border: 1px solid rgba(209, 213, 219, 0.3);
	    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
	    border-top-width: 1px;
	}

	div.modalpageoverlay {
		background-color: rgba(0, 0, 0, 0.66);
	}
	div.modalcontainer {
		border-color: rgba(0, 85, 187, 0.66);
	}
	div.modalcontainer .title-bar {
		/*font-weight: 300;*/
		font-size: 16pt;
		text-align: center;
	}

	div.modalcontainer button.close-button {
		color: transparent;
		font-weight: bolder;
		background: #FE5C59;
		border-color: #D14D49;

		border-radius: 40px;

		top: -1px;
		right: 6px;
		width: 21px;
		height: 21px;

		font-size: 8pt;
		font-weight: 200;
		padding: 0;
	}
	div.modalcontainer button.close-button:hover {
		color: #811e1e;
	}
	div.modalcontainer button.close-button:active {
		background: #d14d49;
		color: #811e1e;
	}

	.container.highlight {
		border-top-width: 1px;
	}

	.container.extheader, div.twocol-container.extheader {
		border-top: 0;
	}

	.headerbar {
		backdrop-filter: blur(6px) saturate(200%);
	    --webkit-backdrop-filter: blur(6px) saturate(200%);
	    background: rgba(255, 255, 255, 0.66);
	    border-top-left-radius: 12px;
	    border-top-right-radius: 12px;
	    border: 1px solid rgba(209, 213, 219, 0.3);
	    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
		border-bottom-color: rgba(255, 255, 255, 0.2);
	    font-weight: bold;
	}

	.headerbar.highlight {
		backdrop-filter: blur(6px) saturate(200%);
		--webkit-backdrop-filter: blur(6px) saturate(200%);
	}

	.page-sidebar {
		backdrop-filter: blur(12px) saturate(200%);
	    --webkit-backdrop-filter: blur(6px) saturate(200%);
	    background-color: rgba(255, 255, 255, 0.66);
	    border-radius: 12px;
	    border: 1px solid rgba(209, 213, 219, 0.3);
	    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
	}

	.page-sidebar .headerbox p.caption {
		color: #999;
	}

	.page-sidebar .taglinebox {
		background: linear-gradient(#11192800, rgba(17, 25, 40, 0.1));
		border: 0;
		border-top: 1px solid rgba(209, 213, 219, 0.3);
	}

	.page-sidebar .navbox {
		background: rgba(17, 25, 40, 0.1);
		border: 0;
		border-bottom: 1px solid rgba(209, 213, 219, 0.3);
	}

	.page-sidebar .navbox hr {
		border: 0;
		border-bottom: 1px solid rgba(209, 213, 219, 0.3);
	}

	.page-sidebar .navbox a:hover {
		background: linear-gradient(#28e, #05b);
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
	}

/* ui controls */
	button {
		background: linear-gradient(#e8e8e888, #b0b0b088);
		background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2));
		font-family: "SF Pro Display";
	}

	button:hover {
		background: linear-gradient(#c8c8c888, #a0a0a088);
		background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.3));
	}

	button:active {
		background: linear-gradient(#a7a7a788, #c8c8c888);
		background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.05));
	}

	input[type=textbox], input[type=password], input[type=number], select {
		font-family: "SF Pro Display";
		border-radius: 8px;
		padding: 6px 6px;
		margin-top: 0;
		margin-bottom: 6px;
		border-color: var(--ui-textbox-border);
	}