/* remove image hover effects */
a:not([class*="screen-reader-"]):hover,
a:not([class*="screen-reader-"]):focus {
	opacity: 1;
}

/* mobile */
@media screen and (max-width:60em) {
	/* Right-sided Collapsible Navigation - https://www.w3schools.com/w3css/w3css_sidebar.asp */
	.sidenav {
		animation: animateright 0.4s;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
		height: 100%;
		width: 200px;
		right: 0px;
		top: 0px;
		background-color: #fff;
		position: fixed!important;
		animation: animateright 0.4s;
		z-index: 1;
		overflow: auto;
	}
	.topnav {
		background-color: #223c91;
		bottom: 0px;
		z-index: 1;
		position: fixed!important;
		width: 100%;
  		overflow: hidden;
		display: block;
		vertical-align: middle;
		text-align: center;
		border-top: 2px solid #402291;
	}
	.topnav > a {
		color: #f4f4f4;
    	background-color: inherit;
    	border: none;
    	outline: none;
    	cursor: pointer;
    	padding: 14px 16px;
    	transition: 0.3s;
	}
	.topnav > a:active {
	}
	.topnav > a:hover {
	}
	footer {
		margin-bottom: 80px;
	}
	.wysiwyg-css {
		word-wrap: break-word;
	}
}

@media screen and (min-width: 30em) {
	.dr-ns {
		display: revert;
	}
}


/* computer */
@media screen and (min-width: 60em) {
	/* Auto Fixed Sidebar - https://www.w3schools.com/howto/howto_css_fixed_sidebar.asp */
	.sidenav {
		float: left;
		width: 130px;
		position: fixed;
		z-index: 1;
		top: 160px;
		/* full-width - content-width / 2 - sidenav-width */
		left: calc((100% - 48rem) / 2 - 130px);
		/* background: #eee; */
		overflow-x: hidden;
		padding: 8px;
	}
	.topnav {
		vertical-align: middle;
		display: table-cell;
		width: 75%;
		text-align: right;
	}
	.min-h800-l {
		min-height: 800px;
	}
	.min-h600-l {
		min-height: 600px;
	}
	.dr-l {
		display: revert;
	}
	.wysiwyg-css {
		word-wrap: normal;
	}
}

@media print {
	.dn-print {
		display: none
	}
}

@media print and (min-width: 30em) and (max-width:60em), screen and (min-width:30em) and (max-width:60em) {
    .w-15-m {
        width: 15%
    }
	
    .w-35-m {
        width: 35%
    }
	
    .w-45-m {
        width: 45%
    }
}

@media print and (min-width: 60em), screen and (min-width:60em) {
    .w-15-l {
        width: 15%
    }
	
    .w-35-l {
        width: 35%
    }
	
    .w-45-l {
        width: 45%
    }
}

.custom-bg-blue {
	background: repeating-radial-gradient(circle at calc(100% - 82px) 75px,
		#e0ccff 0,
		#e0ccff 6.25%,
		#d1b3ff 0,
		#d1b3ff 12.5%,
		#c299ff 0,
		#c299ff 18.75%,
		#b380ff 0,
		#b380ff 25%,
		#a366ff 0,
		#a366ff 31.25%,
		#944dff 0,
		#944dff 37.5%,
		#8533ff 0,
		#8533ff 43.75%,
		#751aff 0,
		#751aff 50%,
		#6600ff 0,
		#6600ff 56.25%,
		#5c00e6 0,
		#5c00e6 62.5%,
		#5200cc 0,
		#5200cc 68.75%,
		#4700b3 0,
		#4700b3 75%,
		#3d0099 0,
		#3d0099 81.25%,
		#330080 0,
		#330080 87.5%,
		#290066 0,
		#290066 93.75%,
		#1f004d 0,
		#1f004d 100%),
	repeating-radial-gradient(circle at 82px 75px,
		#e0ccff 0,
		#e0ccff 6.25%,
		#d1b3ff 0,
		#d1b3ff 12.5%,
		#c299ff 0,
		#c299ff 18.75%,
		#b380ff 0,
		#b380ff 25%,
		#a366ff 0,
		#a366ff 31.25%,
		#944dff 0,
		#944dff 37.5%,
		#8533ff 0,
		#8533ff 43.75%,
		#751aff 0,
		#751aff 50%,
		#6600ff 0,
		#6600ff 56.25%,
		#5c00e6 0,
		#5c00e6 62.5%,
		#5200cc 0,
		#5200cc 68.75%,
		#4700b3 0,
		#4700b3 75%,
		#3d0099 0,
		#3d0099 81.25%,
		#330080 0,
		#330080 87.5%,
		#290066 0,
		#290066 93.75%,
		#1f004d 0,
		#1f004d 100%);
	background-blend-mode: overlay;
	background-size: cover;
}

.custom-bg-colorful {
	background: repeating-radial-gradient(circle at top left,
		#fedc00 0,
		#fedc00 5.5555555556%,
		#fcb712 0,
		#fcb712 11.1111111111%,
		#f7921e 0,
		#f7921e 16.6666666667%,
		#e87f24 0,
		#e87f24 22.2222222222%,
		#dd6227 0,
		#dd6227 27.7777777778%,
		#dc4c27 0,
		#dc4c27 33.3333333333%,
		#ca3435 0,
		#ca3435 38.8888888889%,
		#b82841 0,
		#b82841 44.4444444444%,
		#953751 0,
		#953751 50%,
		#364c88 0,
		#364c88 55.5555555556%,
		#16599d 0,
		#16599d 61.1111111111%,
		#02609e 0,
		#02609e 66.6666666667%,
		#0073a9 0,
		#0073a9 72.2222222222%,
		#008aa4 0,
		#008aa4 77.7777777778%,
		#239a87 0,
		#239a87 83.3333333333%,
		#7cba6d 0,
		#7cba6d 88.8888888889%,
		#becc2f 0,
		#becc2f 94.4444444444%,
		#e0d81d 0,
		#e0d81d 100%),
	repeating-radial-gradient(circle at top right,
		#fedc00 0,
		#fedc00 5.5555555556%,
		#fcb712 0,
		#fcb712 11.1111111111%,
		#f7921e 0,
		#f7921e 16.6666666667%,
		#e87f24 0,
		#e87f24 22.2222222222%,
		#dd6227 0,
		#dd6227 27.7777777778%,
		#dc4c27 0,
		#dc4c27 33.3333333333%,
		#ca3435 0,
		#ca3435 38.8888888889%,
		#b82841 0,
		#b82841 44.4444444444%,
		#953751 0,
		#953751 50%,
		#364c88 0,
		#364c88 55.5555555556%,
		#16599d 0,
		#16599d 61.1111111111%,
		#02609e 0,
		#02609e 66.6666666667%,
		#0073a9 0,
		#0073a9 72.2222222222%,
		#008aa4 0,
		#008aa4 77.7777777778%,
		#239a87 0,
		#239a87 83.3333333333%,
		#7cba6d 0,
		#7cba6d 88.8888888889%,
		#becc2f 0,
		#becc2f 94.4444444444%,
		#e0d81d 0,
		#e0d81d 100%);
	background-blend-mode: overlay;
	height: 100vh;
}