/* Fonts */
 @import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@300;400&display=swap');
 /* Font Awesome 5 : FAR font-weight:400, FAS font-weight:900 */
 
body {
  margin: 0;
  padding: 0;
  color: #342d2c;
  font-size: 18px;
  font-family:  system-ui;
  line-height: 20px;
  font-weight: 400;
}
em {
  margin: 0;
  padding: 0;
  color: #342d2c;
  font-size: 12px;
  font-family:  system-ui;
  line-height: 10px;
  font-weight: 400;
}

.pagemaster {
  width: 100%;
  position: relative;
  z-index: 1;
}
.page {
  padding: 0 4%;
}
.page:after {content:"";display:table;clear:both;}
.pageflex {display:flex;}

.header {position:relative;width:100%;background:white;border-bottom:#f2f2f2 solid 2px;}
.logopane {float:left;}
.logopane img {margin:30px 0;}
.menu {float:right;}
.menu a:link {text-decoration:none;}
.langpane {position:absolute;top:10px;right:10px;z-index:9100;font-family: system-ui;font-size:12px;text-transform:uppercase;font-weight:400;}
.langpane a:link, .langpane a:visited, .langpane a:active {
  display: inline-block;
  color: #342d2c;
  text-decoration: none;
  padding:0 8px;
  margin: 0 0 0 8px;
}
.langpane a:hover, a.langsel:link, a.langsel:visited, a.langsel:active, a.langsel:hover {background:#eaeaea;color:#342d2c;text-decoration:none;}
.toppane {}
.content {display:flex;position:relative;}
.sidemenu {
  width: 320px;
  height: 100vh;
  position: sticky;
  top: 0;
  border-right :#f2f2f2 solid 2px;
}
.sidemenu a:link, .sidemenu a:visited {color: #342d2c;text-decoration:none;}
.sidemenu a:active, .sidemenu a:hover {color:#02be8e;text-decoration:none;}
.contentpane {flex:1;margin:40px;}
.footer {background:white;padding:40px 0;}
.copyright {float:left;color:#02be8e;font-size:14px;line-height:18px;}
.copyright span {white-space:pre;}
.copyright a:link, .copyright a:visited {color:#02be8e;text-decoration:none;}
.copyright a:active, .copyright a:hover {color:#342d2c;text-decoration:none;}
.footerpane {float:right;}

/* Text selection */
::selection {background:#02be8e;}
::-moz-selection {background:#02be8e;}

/* BUTTONS */
a.bigbutton:link, a.bigbutton:visited {background:#02be8e;display:inline-block;font-family: system-ui;font-size:21px;line-height:1;font-weight:400;color:white;text-decoration:none;padding:10px 30px 12px 30px;text-align:center;border-radius:24px;}
a.bigbutton:active, a.bigbutton:hover {background:#342d2c;color:white;text-decoration:none;}
button.bigbutton {background:#02be8e;display:inline-block;font-family: system-ui;font-size:21px;line-height:1;font-weight:400;color:white;padding:10px 30px 12px 30px;text-align:center;border:none;cursor:pointer;font-style:normal;border-radius:24px;}
button.bigbutton:hover {background:#342d2c;color:white;}
a.backtotop {position:fixed;bottom:0;right:20px;border-radius:24px 24px 0 0 !important;opacity:0.9;transition:all .2s ease-in-out 0s;z-index:9900;display:none;padding:30px 36px !important;}
a.backtotop i {font-size:24px;}
a.backtotop:before {content:'';}

.clearfix {clear:both;}

/* Default */
h1, h2, h3, h4, h5, h6 {font-family: system-ui;font-weight:400;margin:0;line-height:1;color:#342d2c;}
h1 {font-size:48px;color:#02be8e;}
h2 {font-size:48px;}
h3 {font-size:36px;}
h4 {font-size:30px;}
h5 {font-size:18px; font-weight: 450;}
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover {text-decoration:none;color:#02be8e;}
h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {text-decoration:none;color:#342d2c;}
h3 a:link, h3 a:visited, h3 a:active, h3 a:hover {text-decoration:none;color:#342d2c;}
strong {font-weight:400;}
a:link, a:visited {color:#02be8e;text-decoration:none;}
a:active, a:hover {color:#02be8e;text-decoration:underline;}
/* IE10 FIX */
a:active {background-color:transparent;}
/* DNN7 FIX */
h1, h2, h3, h4 {margin:30px 0;}
p {margin:8px 8px 8px 8px;}
ul {margin:30px 0;padding:0;}
.contentpane ul {padding:0;margin:30px 0 30px 15px;}
.contentpane ul li {list-style-type:none;position:relative;padding:0 0 0 24px;margin:0 0 10px 0;}
.contentpane ul li:before {font-family:'Font Awesome 5 Free';font-weight:900;font-size:10px;content:'\f111';color:#02be8e;position:absolute;top:0;left:0;}
hr {border:0;height:4px;background:#02be8e;margin:30px 0;max-width:170px;clear:none;}
i {font-style:normal;}
blockquote {margin:10px 30px;padding:0 0 0 10px;border-left:#02be8e solid 3px;}
blockquote, blockquote p {font-weight:300;font-style:normal;font-size:16px;line-height:20px;color:#342d2c;}

/* DEBUG */
.DNNEmptyPane {width:auto;margin:0;padding:0 !important;}
/* DNN9 Fix */
.dnnModuleManager {
    padding: 0 !important;
}
.LoginPanel {
    width: auto !important;
    padding-right: 0 !important;
    float: none !important;
}

/* MainMenu */
nav#dnnMenu {white-space:nowrap;}
nav#dnnMenu ul {list-style:none;margin:0 0 0 120px;padding:0;}
nav#dnnMenu ul li {
  display: block;
	float: left;
	position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 30px 0 0;
}
nav#dnnMenu ul li a {
  display: block;
  height: 100px;
  line-height: 100px;
  font-family:  system-ui;
  font-size: 18px;
  font-weight: 400;
  color: #342d2c;
  text-decoration: none;
}
nav#dnnMenu ul li.active a, nav#dnnMenu ul li a:hover {color:#02be8e;}
nav#dnnMenu ul li:last-child {margin:0;}

/* MobileMenu */
/* Button */
.navicon {background:#f5f5f5;}
.navicon a {display:block;height:50px;line-height:50px;text-align:center;text-decoration:none !important;}
.navicon a:before {font-family:'Font Awesome 5 Free';font-weight:900;content:"\f0c9";font-size:28px;color:#342d2c;}
/* Menu */
.mobilemenu ul {list-style:none;margin:0;padding:0 0 20px 0;font-family: system-ui;font-size:24px;font-weight: 400;text-align:center;background:#f5f5f5;}
.mobilemenu ul li {display:block;border-bottom:white solid 1px;}
.mobilemenu ul li:last-child {border-bottom:none;}
.mobilemenu ul li a {display:block;padding:10px 20px;text-decoration:none;color:#342d2c;}
.mobilemenu ul li a:hover {color:#02be8e;}

/* PREQUERIES */
.navicon, .mobilemenu {display:none;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px and less - Only portrait for retina display */
@media all and (max-width:980px),
            screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 2940px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 1960px) and (orientation: portrait) {
#dnnMenu {display:none;}
.navicon {display:block;}
.pageflex {display:block;}
.logopane {float:none;text-align:center;}
.content {display:block;}
.sidemenu {width:auto;height:auto;position:relative;border-right:none;border-bottom:#f2f2f2 solid 2px;}
.contentpane {flex:initial;}
.footer {text-align:center;}
.copyright {float:none;margin:0 0 20px 0;}
.footerpane {float:none;}
.logopane img, .content img {max-width:100%;height:auto !important;}
}
/* for 640px and less */
@media screen and (max-width:640px) {
.pagelarge {padding:0 30px;}
a.backtotop {display:none !important;}
}


code, kbd, pre, samp {
  font-family: 'Courier New', monospace !important;
  font-size: 14px !important;
}