/*your custom style goes in this file*/
/*if you're overriding style blocks from genstyle.css, you only need to include the attributes you're overriding, not the whole block*/

:root {
    --primary-color: #311265;
    --primary-color-lighter: #5d22c3;
    --accent-color: #ab2330;
    --font-heading: "IM Fell English SC", serif;
    --font-heading2: "IM Fell English", serif;
    --font-body: "Source Serif 4", serif;;
	--font-size-body: clamp(0.9rem,1rem,1rem);
	--font-line-height-body: 1.3;
    --blackest-color: #1a1a1a;
    --black-text: #262626;
	--gray-text: #bbbbbb;
    --margin-bottom: 20px;
    --linear-gradient-color: linear-gradient(var(--primary-color), var(--primary-color-lighter), var(--primary-color));
    --light-gray-bg: #f9f9f9;
	--transition: all 0.8s;
	--border-bottom: 1px dotted;
	--border-bottom-hover: 1px solid;
}

body {
	font-family: var(--font-body);
	font-size: var(--font-size-body);
	line-height: var(--font-line-height-body);
	color: var(--black-text);
	font-weight: 400;
  background: radial-gradient(circle at 50% 20%, #ffffff99 0%, transparent 60%), #faf7f2;
}

table {
	line-height: var(--font-line-height-body);
}

.label {
	font-family: var(--font-body);
	font-size: var(--font-size-body);
	line-height: var(--font-line-height-body);
}
:is(input[type="password"], button, input[type="text"], input[type="number"], input[type="submit"]) {
	height: initial;
	font-size: var(--font-size-body);
	padding: 5px;
}
::placeholder {
	height: initial;
	font-size: var(--font-size-body);
	padding: 5px;
	color: var(--gray-text);
}

:is(.btn, .disabled, .normal) {
	font-size: var(--font-size-body);
}

:is(textarea, select, input, .cust-event-field, select option) {
	font-family: var(--font-body);
}

:is(.brand, .brand a, .brand a:hover) {
	font-family: var(--font-heading);
	letter-spacing: initial;
}
.brand a {
	border-bottom: 0 !important;
}
.slogan {
	font-family: var(--font-body);
	color: var(--blackest-color);
}

.subhead {
	color: var(--blackest-color);
}

:is(.nav-menu, footer) {
	background: var(--linear-gradient-color);
}

.nav-menu .icons a:hover {
	color: #fff;
}

:is(div.icons a, ul.tngdd a):hover {
	background: var(--accent-color);
	transition: var(--transition);
}
:is(ul.tngdd .menulink:hover, ul.tngdd .menuhover) {
	background: var(--accent-color);
	transition: var(--transition);
}

:is(a:link, a:active, div.icons a):hover {
	color: var(--primary-color);
	transition: var(--transition);
}

p :is(a, a:visited) {
	color: var(--primary-color);
	transition: var(--transition);
}
p a:hover {
	color: var(--accent-color);
	transition: var(--transition);
}
:is(h1, h2, h3, h4, h5, h6) {
	font-family: var(--font-heading2);
	letter-spacing: initial;
}

#nameheader {
	color: var(--blackest-color);
	font-family: var(--font-body);
	font-weight: 700;
	line-height: var(--font-line-height-body);
}

table :is(a, a:visited) {
	color: var(--primary-color);
	transition: var(--transition);
}
table a:hover {
	color: var(--accent-color) !important;
	transition: var(--transition);
}

:is(.normal, .indleftcol) {
	font-family: var(--font-body);
}

:is(#tngnav a.here, .fieldnameback, .bar, .page, .LB_closeAjaxWindow, .tablesaw-cell-label) {
	background: var(--blackest-color);
}
#tngnav a:hover {
	background: var(--primary-color);
	transition: var(--transition);
}

:is(div.icons a:hover, .slidedown, .titlebox, .tfixed, .thfixed, .dna-tfixed, .tfixed tr:first-child td:first-child, .thfixed tr:first-child th:first-child, .rc-ul, .tfixed tr:first-child td:last-child, .thfixed tr:first-child th:last-child, .dna-tfixed tr:first-child td:last-child, .tfixed tr:last-child td:first-child, .thfixed tr:last-child td:first-child, .rc-ll, .tfixed tr:last-child td:last-child, .thfixed tr:last-child td:last-child, .dna-tfixed tr:last-child td:last-child, .rc-lr, .rounded-table tr:first-child td:first-child, .rounded-table tr:first-child th:first-child, .rounded-table tr:first-child td:last-child, .rounded-table tr:first-child th:last-child, .rounded-table tr:last-child td:first-child, .rounded-table tr:last-child td:first-child, .rounded-table tr:last-child td:last-child, .rounded-table tr:last-child td:last-child, input[type="button"], input[type="submit"], input[type="reset"], input[type="password"], input[type="number"], button, input[type="text"], textarea, select, .cust-event-block, ul.tngdd a, ul.tngdd ul li:first-child, ul.tngdd ul, ul.tngdd ul li:first-child a, ul.tngdd ul li:last-child, ul.tngdd ul li:last-child a, .admin-banner, .admin-banner-img, div.tngmsgarea, a.admincell, #tngnav a, #adm-innermenu, .leftlink, #vcontainer div.box div.inner, .rounded10, .rounded4, div.pad5 img, .admin-block, .adm-rounded-table, .cust-event-field, .adm-rounded-table > tbody > tr, .adm-rounded-table > tbody > tr > td, .tblback > tbody > tr, .tblback > tbody > tr > td, .centerbox, .top-rounded-headline, .bottom-rounded, .admin-header, .admin-main, .LB_window, .LB_closeAjaxWindow) {
	border-radius: 0;
}
:is(.popup, .slidedown, .callout, .titlebox, td.highlightedchild, .tfixed, .thfixed, .dna-tfixed, input[type="button"], input[type="submit"], input[type="reset"], input[type="password"], input[type="number"], button, input[type="text"], textarea, select, ul.tngdd ul, #vcontainer div.box div.inner, .cust-event-field) {
	box-shadow: none;
}
:is(.admin-banner, a.admincell, #pub-innermenu, .centerbox) {
	filter: none;
}
a.admincell:hover {
	background: var(--primary-color) !important;
	transition: var(--transition);
}

ul.tngdd ul {
	background: none;
}

:is(.btn, .disabled, input[type="button"].btn, input[type="submit"].btn, input[type="submit"].disabled, input[type="reset"].btn) {
	border: 0;
	background: var(--blackest-color);
	transition: var(--transition);
}
:is(.btn:hover, .btn:focus, .btn.focus) {
	color: #fff !important;
	background-color: var(--primary-color) !important;
	transition: var(--transition);
}
.snlink {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: var(--blackest-color) !important;
	transition: var(--transition);
}
.snlink:hover {
	background: var(--primary-color-lighter) !important;
	transition: var(--transition);
}

:is(.admincell, .sideback) {
	background: var(--primary-color);
}
.adminbody a.leftlink:hover {
	color: #fff;
}

:is(a.lightlink3:link, a.lightlink3:visited, a.lightlink3:hover, a.lightlink3:active) {
	color: #fff;
}
.lightlink {
	font-weight: 400;
}
.lightlink:hover {
	font-weight: 400;
	color: #fff !important;
}
:is(.lightlink:link, .lightlink:visited) {
	color: var(--gray-text);
}
#tngnav li a {
	font-weight: 400;
}

.admintop .lightlink {
	color: #fff;
	transition: var(--transition);
}
.admintop .lightlink:hover {
	color: var(--gray-text) !important;
	transition: var(--transition);
}
.adminbody .rounded-table .fieldname b {
	font-weight: 400;
}
.adminbody .rounded-table .fieldname b a {
	color: #fff;
	transition: var(--transition);
}
.adminbody .rounded-table .fieldname b a:hover {
	color: var(--gray-text) !important;
	transition: var(--transition);
}
.adminbody table tr[id^="row_"]:hover td {
	background: var(--light-gray-bg) !important;
}

:is(.surnames-cloud, .surnames-cloud a) {
	font-family: var(--font-body);
}

ul.getstarted-list {
    list-style-type: square;
}
ul.getstarted-list li a {
	color: var(--black-text);
	transition: var(--transition);
}
ul.getstarted-list li a:hover {
	color: var(--accent-color);
	transition: var(--transition);
}

ul.getstarted-list li:not(:last-child) {
    margin-bottom: 5px;
}


ul.list1 a {
	color: var(--black-text);
	transition: var(--transition);
}
ul.list1 a:hover {
	color: var(--accent-color);
	transition: var(--transition);
}
ul.list1 li:not(:last-child) {
    margin-bottom: 5px;
}

#slider {
	border: 5px #f2f2f2 solid;
	box-shadow: 0 5px 3px -4px rgba(0, 0, 0, 0.7);
}
h2 {
	border-bottom: none;
}

.ads {
	width: 100%;
	max-width: clamp(18.75rem, 9.023rem + 48.64vw, 45.5rem);
	margin: 20px auto;
}