﻿/*
font-family: "ubuntu";
*/

body * {letter-spacing: normal; line-height: inherit;}
* {box-sizing: border-box;}
img {max-width: 100%; border: none;}
iframe {max-width: 100%;}
.menuBtn, .mobileMenuWrapper {display: none;}
.clearDiv {clear: both;}
.setWidth {width: 90%; max-width: 1200px; margin: 0 auto;}
.youtubeEmbed {position: relative;padding-bottom: 56.25%;height: 0;width: 100%}
.youtubeEmbed iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.clearBtn {background: none;color: inherit;border: none;padding: 0;font: inherit;cursor: pointer;outline: inherit;transition: all 0.3s ease;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.bgImg {background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;}
.listToolbar {padding-bottom: 50px;}
.listToolbar + .listToolbar {margin-top: -37px;}
.listToolbar span {padding: 0 7px 0 0;font-size: 110%;letter-spacing: 0.3px;font-weight: 700;}
.listToolbar .sc-menu {display: inline !important;}
.listShared {font-size: 94%;letter-spacing: 0.2px;padding: 0 0 8px;color: #bf0000;}
.adminWarning {font-size: 100%;color: #bf0000;letter-spacing: 0.2px;padding: 20px 0 20px;}
.adminUnpublished {color: #ff7800;background: #fff5ee;display: inline-block;max-width: fit-content;padding: 8px 14px 8px;border-radius: 7px;border: 1px solid #ffb879;margin: 10px 1px 10px;font-size: 110%;font-weight: 500;letter-spacing: 0.5px;}
.white {color: #fff;}
.sc-content-block-quick-insert {display: none !important;}
.sc-menu {position: relative; margin: 0 0 7px !important; z-index: 1000 !important;display: block !important;}
body .sc-menu a {margin-right: 1px !important;}
.sc-menu + h2 {margin-top: 0;}
.fa-facebook-f:before {content: "\f39e" !important;}
.slick-dots {margin: 0 !important;}
.slick-slide {backface-visibility: hidden;} 
.DNNEmptyPane {padding: 0 !important;}






/* ----------------------------- generic ----------------------------- */

body {font-family: "ubuntu"; color: #000; background: #fff; font-size: 1em; margin: 0; padding: 0; width: 100%; height: 100%; }

p, li, td {font-family: "ubuntu";font-size: 110%;line-height: 150%;color: #000;letter-spacing: 0.1px;}
.Normal {font-size: 100%;}

.contentWrapper {padding-top: 140px; padding-bottom: 160px; position: relative;}

strong {font-weight: 700; letter-spacing: inherit;}
em {font-style: italic; letter-spacing: inherit;}
strong em, em strong {font-style: italic; font-weight: 700;}

h1 {font-family: "ubuntu";font-size: 340%;line-height: 100%;font-weight: 700;font-style: normal;color: #000;margin: 0 0 40px;}
h2 {font-family: 'ubuntu';font-size: 250%;margin: 0 0 20px;font-weight: 500;}
h3 {}
h4 {}
h5 {}
h6 {}

h1 + h2 {margin-top: 45px;}
h1 + h3, h2 + h3 {margin-top: 45px;}
h1 + h4, h2 + h4, h3 + h4 {margin-top: 35px;}
h1 + h5, h2 + h5, h3 + h5, h4 + h5 {margin-top: 35px;}
h1 + h6, h2 + h6, h3 + h6, h4 + h6, h5 + h6 {margin-top: 35px;}
p + h2, ul + h2, ol + h2 {margin-top: 60px;}
p + h3, ul + h3, ol + h3 {margin-top: 45px;}

a:link, a:visited { text-decoration: underline; color: #747474; }
a:hover, a:active, a:focus { text-decoration: none; color: #747474; }
a:focus-visible, select:focus-visible, input:focus-visible, textarea:focus-visible, button:focus-visible {outline: 4px solid #f4cf21 !important;}
a {transition: all 0.3s ease; letter-spacing: inherit;}

hr {color: #f4cf21; background-color: #f4cf21; border: none; height: 1px; text-align: left; margin: 52px 0; opacity: 100%;}

.skiptocontent a {background: #f4cf21; padding: 6px 8px;position: absolute;z-index: 1025;top: -50px;left: 0;color: #000;font-size: 95%;line-height: 150%;transition: top 1s ease-out, background 1s linear;}
.skiptocontent a:focus {top: 0;text-decoration: none;outline: 0;transition: top .1s ease-in, background .5s linear;}
.skipLink {position: absolute; top: 50px;}

li {padding: 4px 0;}
li:first-child {padding-top: 2px;}
ul, ol {margin: 0 0 22px 30px;}
ul li ul {margin-top: 1px; line-height: 1.2em; margin-bottom: 0;}
ul li ul li {font-size: 90%; line-height: 125%;}
li p {line-height: 1.5em;}

span {letter-spacing: inherit;}
small {font-size:80%;}
ul li {list-style-type:disc;}
ul li li {list-style-type:circle;}
ul li li li {list-style-type:square;}
ol li {list-style-type:decimal;}
ol ol li {list-style-type:lower-alpha;}
ol ol ol li {list-style-type:lower-roman;}
ol ul li {list-style-type:disc;}

.containerWidthHalf {width: 46%; margin-right: 8%; display: inline-block; vertical-align: top;}
.containerWidthHalf + .containerWidthHalf {margin-right: 0;}
.containerWidthOneThird {width: 25%; margin-right: 7%; display: inline-block; vertical-align: top;}
.containerWidthTwoThird {width: 68%; margin-right: 0; display: inline-block; vertical-align: top;}
.containerWidthTwoThird + .containerWidthOneThird {margin-left: 7%;margin-right: 0;}
.containerWidthOneThird + .containerWidthTwoThird {margin-right: 0;}

.LoginPanel {width: auto !important;float: none !important;display: flex !important;padding: 0 !important;max-width: 100% !important;justify-content: start;}
.LoginPanel > div {min-width: 300px;   max-width: 500px;}
.LoginPanel .dnnForm .dnnFormItem {display: flex;flex-direction: column;flex-wrap: wrap;margin-bottom: 15px;}
.LoginPanel .dnnFormItem > .dnnLabel {margin-top: 0;}
.LoginPanel .dnnFormItem > .dnnLabel label {display: block;padding: 6px 0 5px;}
.LoginPanel .dnnLabel {display: block;float: none;position: relative;width: auto;padding-right: 0;margin-right: 0;overflow: visible;text-align: left;}
.dnnCheckbox .mark {background: none !important;}
.dnnActions li:first-child {padding-top: 4px;}
.dnnLoginRememberMe {font-size: 15px;}
.LoginPanel .dnnLoginService input[type="text"], .LoginPanel .dnnLoginService input[type="password"] {width: 100% !important;min-width: 100%;margin: 0;padding: 10px;box-shadow: none;font-family: inherit;font-size: 95%;color: #000;font-weight: 300;border-radius: 6px;border-color: #d5d5d5;}
.LoginPanel .dnnFormItem:last-child span.dnnFormLabel {display: none;}
.LoginPanel ul.dnnActions {margin: 0 !important;padding: 0 !important;}
.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {background: #f4cf21;color: #000;border: none;border-radius: 5px;text-shadow: none;box-shadow:none !important;font-weight: 400;font-size: 15px;padding: 12px 20px;text-decoration: none;}
.dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover {background: #000;color: #ffffff;opacity: 72%;text-decoration: none !important;}
.dnnSecondaryAction, .dnnFormItem input[type="submit"], a.dnnSecondaryAction {background: #e1e1e1;color: #000;border-radius: 5px;text-shadow: none;font-weight: 400;box-shadow:none !important;font-size: 15px;line-height: 100%;padding: 13px 20px;border: none;text-decoration: none;}
.dnnSecondaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnSecondaryAction:hover {background: #e1e1e1;color: #000;opacity: 65%;text-decoration: none !important;}
.dnnActions .dnnSecondaryAction {border: 1px solid #dddddd;padding-top: 10px;padding-bottom: 10px;background: transparent;font-size: 13px;font-weight: 200;}






/* ------------------------- header & footer ------------------------- */


.heroWrapper {
    background-image: url(images/hero.jpg);
    padding: 190px 0 210px;
    border-image: fill 0 linear-gradient(rgb(0 0 0 / 50%), rgb(0 0 0 / 50%));
    text-align: center;
}
.heroWrapper img {
	filter: drop-shadow(1px 1px 7px rgba(0, 0, 0, 100%));
}


.footerWrapper  {
	background: #000000;
    padding: 30px 0 0;
}
.footerLeftCol img {
	max-width: 280px;
}
.copyLogin {
	color: #ababab;
    text-align: right;
    font-size: 90%;
    padding: 10px 0 6px;
}
.copyLogin a {
	color: inherit;
    text-decoration: none;
}



/* ------------------------- specific styling ------------------------- */

.mainBtn {padding: 9px 0;margin: 0 8px 0 0;display: inline-block;}
.mainBtn a {font-weight: 500;background: #f4cf21;color: #000;text-decoration: none;padding: 10px 18px;font-size: 104%;}
.mainBtn a:hover {background: #000;color: #fff;}
.mainBtn a i {position: relative;left: 0;transition: all 0.3s ease;}
.mainBtn a:hover i {left: 4px;}







/* ------------------------------ modules ------------------------------ */



/* text block */

.textText p:last-child {
	margin-bottom: 0;
}
.textText i {
    color: #f4cf21;
    font-size: 90%;
    padding-right: 5px;
}
.textTitle + .textBtn {
	padding-top: 16px;
}
.textText + .textBtn {
	padding-top: 36px;
}

/* END text block */






/* ----------------------------- responsive ----------------------------- */

@media all and (max-width: 850px) {
	.containerWidthOneThird, .containerWidthTwoThird {width: 100%; margin: 0 !important; display: block; padding: 0;}
	.containerWidthOneThird + .containerWidthTwoThird, .containerWidthTwoThird + .containerWidthOneThird {padding-top: 100px;}
}
@media all and (max-width: 765px) {
	body {font-size: 90%;}
	.containerWidthHalf {width: 100%;margin-right: 0;display: block;}
    .containerWidthHalf:first-child {padding: 0 0 120px;}
	.containerWidthHalf + .containerWidthHalf {margin-top: 100px;}
	.menu { display: none;}
	.menuBtn {color: #b3b3b3; font-size: 120%; font-weight: 100; text-transform: uppercase; letter-spacing: 1px; padding: 10px; display: inline; line-height: 100%;}    
    .menuBtn:hover, .menuBtn:focus-visible {color: #000000;}
    .menuBtn i {padding-left: 4px; font-size: 90%;} 
	.heroWrapper {padding: 120px 0 140px;}
	.footerWrapper, .copyLogin {text-align: center;}
	.copyLogin {padding: 35px 0 6px;}
}
@media all and (max-width: 600px) {
	.ModDNNHTMLC td { display: block; width: 100%;}
}
@media all and (max-width: 500px) {
	.heroWrapper {padding: 90px 0 90px;}
	h1 {font-size: 291%;}
}
