/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

@font-face {
	font-family: 'Detent';
	src: url('/css/fonts/Detente.ttf');
}

@font-face {
	font-family: 'BattleRoad';
	src: url('/css/fonts/BattleRoad.Demo.TTF');
}

@font-face {
	font-family: 'RowdyHeavy';
	src: url('/css/fonts/RowdyHeavy.TTF')
}

div.section-title {
	position:relative;
	z-index: 1;
}

.heading-block::before {
	top: 10px;
	font-family: 'BattleRoad';
	font-weight: unset;
	font-size: 72px;
}

.heading-block > h3 {
	font-family: 'RowdyHeavy';
	font-weight: bold;
	font-size: 26px
}

.heading-block > h3 > span {
	color: unset !important;
	font-family: 'BattleRoad';
	font-size:30px;
}

	.heading-block > h3 + span {
		margin-top: 8px;
		font: unset;
		color: var(--bs-body-color) !important;
		font-size: unset;
	}


.fbox-content a {
	font-weight: bold;
}

div.link-banner h3 {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

div.link-banner h3 + span {
	font-size: 14px;
	text-transform: none;
	margin-top: 0;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.3);
}

blockquote {
	font-style: italic;
	font-size: 16px;
}

div#logo img {
	height:auto !important;
}

div.controls span.section-title {
	font-size: 18px;
	font-weight: 600;
	color: var(--cnvs-themecolor);
	width: calc(100% - 26px);
	border-bottom: solid 1px var(--cnvs-themecolor);
	line-height: 20px;
	display: inline-block;
	margin: 0 0 8px 15px;
	padding: 5px 0 0 0;
}

header.dark a:hover {
	color: #FFB066 !important;
}

.select.input-validation-error, .form-control.error, .form-control.input-validation-error {
	border: 2px solid var(--bs-danger);
}

.field-validation-error > span, span.field-validation-error {
	color: var(--bs-danger);
	font-weight: 600;
}

div.modal span#copyrights {
	background-color: inherit !important;
}

.validation-summary-errors ul {
	margin-bottom: 0;
	text-align: center;
}

.validation-summary-errors li {
	list-style: none;
	color: red;
	font-size: 16px;
}

.modal, .popup {
	height: 100vh;
	display: flex;
}

div#modal .button {
	padding: 3px 12px;
	min-width: 80px;
}

div#modal div.modal-dialog {
	min-width: 600px;
}

div#modal {
	background-color: #00000060;
	z-index: 3000;
}

	div#modal h4#modal-title i.icon-warning-sign {
		color: #ffc107;
		font-size: 26px;
		line-height: 15px;
		vertical-align: middle;
	}

	div#modal div.modal-footer {
		justify-content: center;
	}

		div#modal div.modal-footer button.ok {
			margin-left: 45px;
		}

div#popup {
	position: absolute;
	background-color: #00000060;
	z-index: 3000;
	width: 100%;
}

	div#popup div.popup-dialog {
		width: 750px;
		height: fit-content;
		margin: auto;
		background-color: #fff9e5;
		padding: 8px 15px;
		border-radius: 15px;
	}

	div#popup span.section-title {
		font-size: 18px;
		font-weight: 600;
		color: #0f317ec0;
		width: 100%;
		border-bottom: solid 1px #0f317ec0;
		line-height: 20px;
		display: inline-block;
		padding-bottom: 2px;
		margin-bottom: 5px;
		padding-top: 8px;
	}

	div#popup div.legend {
		position: absolute;
		z-index: 3001;
		float: right;
		margin-left: 324px;
	}

		div#popup div.legend input.form-control {
			display: unset;
			width: 80px;
			height: 28px;
		}

	div#popup div#photo-logo i.icon-window-close1 {
		display: none;
	}

	div#popup div.form-group.checkbox {
		margin: auto;
		padding-top: 9px;
	}

	div#popup label.checkbox {
		padding-left: 0;
	}

td.radio {
	margin: 0;
}

	td.radio label.radio {
		padding: 0;
	}

div.modal-dialog {
	margin-top: 150px;
}

div.modal-body > table {
	width: 100%;
}

tr.pt {
	cursor: pointer;
}