/* Print styles */
@media print {
    a:link:after {
        content: " ";
    }
}

/* DNN specific fixes */
.dnnEditState .actionMenu {
    display: block !important;
    opacity: 1 !important;
}

.DNNEmptyPane {
    display: none;
    width: auto;
}

/* Base styles */
#Body {
    background: #FFF;
}

.body_bg {
    min-height: 100%;
}

html,
body {
    margin: 0;
    padding: 0;
    font: normal var(--body-font-size)/1.5 var(--body-family), Helvetica, sans-serif;
    color: var(--body-color);
    height: 100%;
}

html .on-dark,
body .on-dark{
    color: var(--body-color-on-dark);
}
.Normal {
    font-family: var(--body-family), Helvetica, sans-serif;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    word-wrap: inherit;
}

p {
    margin: 0 0 8px 0;
}

header,
nav,
section,
footer {
    display: block;
}

/* Link styles */
a,
a:link {
    text-decoration: none;
    transition: color 300ms ease;
    color: var(--link-color);
}

a:active,
a:visited {
    color: var(--link-color);
    text-decoration: none;
}

a:hover {
    color: var(--link-hover-color);
    text-decoration: underline;
}

a:focus {
    color: var(--link-color);
    outline: none;
}

.on-dark a,
.on-dark a:link {
	color: var(--link-color-on-dark);
	text-decoration: none;
}

.on-dark a:active {
	color: var(--link-color-on-dark);
	text-decoration: none;
}

.on-dark a:visited {
	color: var(--link-color-on-dark);
	text-decoration: none;
}

.on-dark a:hover {
	color: var(--link-hover-color-on-dark);
	text-decoration: underline;
}

.on-dark a:focus {
	color: var(--link-color-on-dark);
}

/* Heading styles */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--heading-color);
    font-family: var(--heading-family), Helvetica, sans-serif;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: normal;
    margin: 0 0 clamp(0.5em, 1vw, 1.2em);
}
.on-dark :where(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){
    color: var(--heading-color-on-dark);
}

h1,.h1{
    font-size: var(--heading-1);
}

h2,.h2{
    font-size: var(--heading-2);
}

h3,.h3{
    font-size: var(--heading-3);
}

h4,.h4{
    font-size: var(--heading-4);
}

h5,.h5{
    font-size: var(--heading-5);
}

h6,.h6{
    font-size: var(--heading-6);
}

/* Form styles */
form#Form {
    height: 100%;
}

.ModuleTitle_SubMenu {
    z-index: 9999 !important;
}

/* Clearfix */
.clearfix:after {
    clear: both;
    content: ".";
    height: 0;
    font-size: 0;
    visibility: hidden;
    display: block;
}

.clearfix {
    display: block;
}

.clear {
    clear: both;
}

/* DNN Control Panel */
#dnn_ControlPanel #dnnCPWrap {
    filter: none !important;
}

ul.dnnActionMenuBody li ul li a,
ul.dnnActionMenuBody li ul li a img {
    color: #328DDE !important;
}

/* Container styles */
.Head {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.SubHead,
.SubSubHead {
    font-family: Arial, Helvetica, sans-serif;
}

/* Login page responsive styles */
@media only screen and (max-width: 767.98px) {
    .loginContent .LoginPanel {
        width: 100% !important;
    }
    
    .loginContent .dnnFormItem .dnnLoginRememberMe {
        white-space: nowrap;
    }
    
    .loginContent .dnnFormLabel {
        display: block !important;
        text-align: left !important;
    }
    
    .dnnRegistrationForm {
        min-width: inherit !important;
    }
    
    .dnnRegistrationForm .dnnForm {
        width: 100%;
    }
    
    .dnnRegistrationForm .dnnFormLabel {
        display: block !important;
        text-align: left !important;
    }
    
    .dnnRegistrationForm .dnnForm .dnnFormItem .dnnLabel {
        display: block !important;
        float: none !important;
        text-align: left !important;
        width: 100%;
    }
    
    .dnnRegistrationForm .dnnForm .dnnFormItem a.dnnFormHelp {
        right: auto !important;
        position: static !important;
        margin-left: 5px !important;
    }
    
    .dnnRegistrationForm .dnnForm .dnnFormItem {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .dnnRegistrationForm .dnnFormItem input[type="text"],
    .dnnRegistrationForm .dnnFormItem input[type="password"],
    .dnnRegistrationForm .dnnFormItem input[type="email"],
    .dnnRegistrationForm .dnnFormItem input[type="tel"],
    .dnnRegistrationForm .dnnFormItem select,
    .dnnRegistrationForm .dnnFormItem textarea {
        width: 100%;
        margin-bottom: 10px !important;
    }
    
    .dnnSendPasswordContent {
        width: auto !important;
    }
    
    .dnnSendPasswordContent .dnnLabel {
        display: block !important;
        width: 100% !important;
        text-align: left;
    }
    
    .dnnSendPasswordContent a.dnnFormHelp,
    .dnnSendPasswordContent .dnnForm .dnnFormItem a.dnnFormHelp,
    .dnnSendPasswordContent .dnnTooltip label a.dnnFormHelp {
        position: static;
    }
    
    .dnnSendPasswordContent input[type="text"],
    .dnnSendPasswordContent input[type="password"],
    .dnnSendPasswordContent input[type="email"],
    .dnnSendPasswordContent input[type="tel"],
    .dnnSendPasswordContent select,
    .dnnSendPasswordContent textarea {
        width: 90%;
        margin-bottom: 10px !important;
    }
    
    .dnnSendPasswordContent ul.dnnActions {
        padding: 0 !important;
    }
}

/* Control Panel styles */
.CommandButton,
a.CommandButton:link,
a.CommandButton:visited,
a.CommandButton:active {
    font-size: 12px;
    color: #973939;
    text-decoration: none;
    font-weight: normal;
}

a.CommandButton:hover {
    color: #973939;
    text-decoration: underline;
}

.FileManager a,
.FileManager a:link,
.FileManager a:visited,
.FileManager a:active {
    color: #000;
    text-decoration: underline;
}

.FileManager a:hover {
    color: #000;
    text-decoration: none;
}

/* Pane styles */
.row [class*="Pane"] {
    padding: 0 0 30px 0;
}

/* Breadcrumb styles */
.breadcrumb {
    display: inline-block;
}

.breadcrumb,
a.breadcrumb:link,
a.breadcrumb:active,
a.breadcrumb:visited {
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    color: #2e2e2e;
}

a.breadcrumb:hover {
    font-weight: normal;
    text-decoration: underline;
}

.Breadcrumb_bg {
    margin-bottom: 30px;
}

@media only screen and (max-width: 767.98px) {
    .breadcrumbBox .breadcrumbRight {
        display: none;
    }
    
    .Breadcrumb_bg {
        margin-bottom: 15px;
    }
}

/* Other styles */
#dnn_wrapper {
    position: relative;
}

/* Header styles */
.header_top {
    background: #0d0d0d;
    position: relative;
    z-index: 1000;
}

.header_top,
.header_top a:link,
.header_top a:active,
.header_top a:visited,
.header_top .Normal {
    color: #707070;
}

.header_top a:hover {
    color: var(--accent-color);
    text-decoration: none;
}

.HeadPane {
    float: left;
    height: 36px;
    line-height: 36px;
}

.HeadPane .Normal {
    line-height: 36px;
}

.HeadPane .Normal .glyphicons {
    margin-bottom: 2px;
    vertical-align: middle;
}

.header_bg {
    background: #000;
    transition: background-color 200ms ease-in;
}

#body,
body {
    position: relative;
}

.roll_logo {
    display: none;
}

.dnn_logo {
    float: left;
    padding: 0;
}

.dnn_logo img {
    max-width: 100%;
    max-height: 100%;
}

.hedaer_minHeight {
    position: relative;
    background-color: #000;
    z-index: 1000;
}

.roll_replace {
    position: absolute;
}

/* Navigation styles */
.nav_box {
    position: relative;
    flex: 1;
}

/* Mega menu */
#dnngo_megamenu {
    margin: 0;
    padding: 0;
    clear: both;
}

#dnngo_megamenu .primary_structure {
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* 1000 ~ 1400 - 16px */
    gap: 10px clamp(20px, 3.75vw + -17.5px ,35px);
}

#dnngo_megamenu .primary_structure > li {
    list-style: none;
    position: relative;
}

#dnngo_megamenu .primary_structure > li > a {
    display: inline-block;
    padding: 0;
    transition: color 200ms ease-in;
}

#dnngo_megamenu .primary_structure > li > a:hover,
#dnngo_megamenu .primary_structure > li.menu_hover > a,
#dnngo_megamenu .primary_structure > li.current > a {
    text-decoration: none;
}

#dnngo_megamenu > div > ul > li > a {
    background: none;
}

#dnngo_megamenu > div > ul > li > a > span {
    position: relative;
    display: block;
    color: #fff;
    /* 1000 ~ 1400 - 16px */
    font-size: clamp(14px, 0.75vw + 6.5px ,17px);
    line-height: 1.3;
    padding: 0 0;
    font-weight: bold;
}

#dnngo_megamenu > div > ul > li > a:hover > span,
#dnngo_megamenu > div > ul > li.current > a > span,
#dnngo_megamenu > div > ul > li.menu_hover > a > span {
    color: var(--accent-color);
}

/* Sub menu */
#dnngo_megamenu .dnngo_menuslide {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 903;
    margin: 0;
    padding: 20px 0 0;
}

#dnngo_megamenu .dnngo_masonrymenu {
    width: 100%;
}

#dnngo_megamenu .dnngo_masonrymenu > ul {
    float: left;
}

#dnngo_megamenu .dnngo_masonrymenu > ul > li {
    margin: 0 10px;
}

/* Slide menu */
#dnngo_megamenu .dnngo_slide_menu {
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    white-space: nowrap;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}

#dnngo_megamenu .dnngo_slide_menu ul,
#dnngo_megamenu .dnngo_slide_menu ul li {
    margin: 0;
    padding: 0;
}

#dnngo_megamenu .dnngo_slide_menu .dnngo_submenu {
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 904;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}

#dnngo_megamenu .dnngo_slide_menu li {
    position: relative;
    list-style: none;
    border-bottom: 2px solid #83a9cb;
}

#dnngo_megamenu .dnngo_slide_menu li:last-child {
    border-bottom: none;
}

#dnngo_megamenu .dnngo_slide_menu li a {
    text-decoration: none;
    text-align: left;
    padding: 15px 35px 15px 15px;
    font-size: 18px;
    line-height: calc(24 / 18);
    font-weight: bold;
    display: block;
    color: #fff;
    transition: all 200ms ease-in;
}

#dnngo_megamenu .dnngo_slide_menu li a:hover,
#dnngo_megamenu .dnngo_slide_menu li.menu_hover > a {
    color: var(--accent-color);;
    background-color: transparent;
}

#dnngo_megamenu .dnngo_slide_menu li.dir > a:before {
    content: "";
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    width: 5px;
    height: 5px;
    right: 20px;
    top: 50%;
    position: absolute;
    margin: -2px 0 0 0;
    transform: rotate(-45deg);
}

#dnngo_megamenu .dnngo_slide_menu li.dir > a:hover:before,
#dnngo_megamenu .dnngo_slide_menu li.dir.menu_hover > a:before {
    border-right: 1px solid var(--accent-color);;
    border-bottom: 1px solid var(--accent-color);;
}

/* Box slide */
#dnngo_megamenu .dnngo_boxslide {
    background: #FFF;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    clear: both;
    overflow: hidden;
    width: 100%;
    margin: auto;
    text-align: left;
    padding: 10px 21px;
    box-sizing: border-box;
}

#dnngo_megamenu .dnngo_boxslide .clear {
    clear: both;
    overflow: hidden;
    width: 100%;
    height: 0;
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox,
#dnngo_megamenu .dnngo_boxslide .menu_leftbox,
#dnngo_megamenu .dnngo_boxslide .menu_rightbox {
    float: left;
    box-sizing: border-box;
}

#dnngo_megamenu .dnngo_boxslide .menu_rightbox {
    padding: 0 15px;
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul {
    margin: 0;
    padding: 0;
    text-align: left;
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li {
    list-style: none;
    padding: 4px 0;
    font-size: 12px;
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul {
    padding: 10px;
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul > li {
    display: inline-block;
    vertical-align: top;
    margin-right: -6px;
    padding: 5px 10px;
    box-sizing: border-box;
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox > .dnngo_masonrymenu > ul > li > a > span {
    color: #73b317;
    font-size: 14px;
    padding-bottom: 13px;
    border-bottom: 1px solid #d3d3d3;
    display: block;
    margin-bottom: 10px;
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox > .dnngo_masonrymenu > ul > li > a:hover {
    text-decoration: none;
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li {
    width: 100% !important;
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a {
    color: #8C8C8C;
    display: block;
    width: 100%;
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a:hover {
    color: #73b317;
    text-decoration: none;
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a span {
    display: block;
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a span:before {
    content: "";
    vertical-align: middle;
    width: 5px;
    height: 5px;
    padding: 0;
    margin: 0;
    display: inline-block;
    overflow: hidden;
    border-right: 1px solid #8C8C8C;
    border-bottom: 1px solid #8C8C8C;
    transform: rotate(-45deg);
    margin: 0 5px 2px 0;
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a:hover span:before {
    border-left-color: var(--accent-color);
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li li {
    padding-left: 10px;
}

#dnngo_megamenu .dnngo_boxslide .menu_topbox,
#dnngo_megamenu .dnngo_boxslide .menu_bottombox {
    width: 100%;
}

#dnngo_megamenu .mega_title {
    font-size: 14px !important;
    font-weight: normal;
    padding: 10px 0 5px;
    line-height: 1.2;
    color: #73b317;
}

#dnngo_megamenu .social-icons {
    margin: 15px 0;
}

#dnngo_megamenu .social-icons a {
    font-size: 22px !important;
    color: #c1c1c1;
}

#dnngo_megamenu .social-icons a:hover {
    color: #69b532;
}

#dnngo_megamenu .menu_leftbox .dividers_1 {
    margin-bottom: 10px;
}

/* Custom menu */
#dnngo_megamenu .dnngo_menuslide > .dnngo_boxslide {
    padding: 0;
}

#dnngo_megamenu .dnngo_custommenu > .menupane {
    float: left;
    background-color: #FFF;
    padding-bottom: 10000px;
    margin-bottom: -10000px;
    position: relative;
}

#dnngo_megamenu .dnngo_custommenu > .menupane.topline .pane_space {
    border-top: 1px solid #dcdcdc;
}

#dnngo_megamenu .dnngo_custommenu > .menupane.bottomline .pane_space {
    border-bottom: 1px solid #dcdcdc;
}

#dnngo_megamenu .dnngo_custommenu > .menupane.leftline {
    border-left: 1px solid #dcdcdc;
}

#dnngo_megamenu .dnngo_custommenu > .menupane.rightline {
    border-right: 1px solid #dcdcdc;
}

#dnngo_megamenu .dnngo_custommenu .submenu {
    margin: 0;
    padding: 0;
}

#dnngo_megamenu .dnngo_custommenu .submenu_title {
    color: #424242;
    line-height: 1.4;
    font-weight: bold;
    margin: 0 0 7px;
}

#dnngo_megamenu .dnngo_custommenu .submenulist_1 .submenu_title a:hover {
    text-decoration: none;
}

#dnngo_megamenu .dnngo_custommenu .submenulist_1 .submenu_title span {
    color: #424242;
    transition: color 200ms ease-in;
}

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 li a {
    display: block;
    padding: 6px 4px;
    color: #666666;
    transition: background 200ms ease-in;
}

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 li a:hover {
    color: #FFF;
    background-color: #20a3fc;
}

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 li a span {
    display: inline-block;
    transition: transform 200ms ease-in, color 0ms ease-in;
}

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 li a:hover span {
    transform: translate(4px, 0);
}

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 ul {
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
}

#dnngo_megamenu .dnngo_custommenu .menupane .submenu.submenulist_1:last-child ul {
    margin: 0;
}

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 li li a {
    padding-left: 24px;
}

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 li li li a {
    padding-left: 44px;
}

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 li li li li a {
    padding-left: 64px;
}

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 li li li li li a {
    padding-left: 84px;
}

/* Menu colors */
#dnngo_megamenu .dnngo_slide_menu,
#dnngo_megamenu .dnngo_slide_menu .dnngo_submenu,
#dnngo_megamenu .dnngo_boxslide {
    background-color: rgba(16, 43, 65, 0.75);
}

#dnngo_megamenu .dnngo_slide_menu li,
#dnngo_megamenu .dnngo_boxslide .menu_centerbox .dnngo_masonrymenu > ul > li > a > span {
    border-bottom: 2px solid #83a9cb;
}

#dnngo_megamenu .dnngo_boxslide,
#dnngo_megamenu .dnngo_slide_menu li a,
#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a {
    color: #fff;
}

#dnngo_megamenu .dnngo_slide_menu li.dir > a:before,
#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a span:before {
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

#dnngo_megamenu .dnngo_slide_menu li a:hover,
#dnngo_megamenu .dnngo_slide_menu li.menu_hover > a {
    background-color: transparent;
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox .dnngo_masonrymenu > ul > li > a > span,
#dnngo_megamenu .mega_title,
#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a:hover {
    color: var(--accent-color);
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a:hover span:before {
    border-right: 1px solid var(--accent-color);
    border-bottom: 1px solid var(--accent-color);
}

.roll_menu.roll_activated {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

.roll_menu.roll_activated #top_menu .dropdown > li > .menuslide {
    top: 100% !important;
}

.roll_menu.roll_activated #top_menu .dropdown > li > .menuslide .menuslide {
    top: 0 !important;
}

.roll_menu.roll_activated .header_top,
.roll_menu.roll_activated .dnn_logo {
    display: none;
}

/* Left menu */
#left_menu {
    padding: 0;
    margin: 0 0 15px;
    min-height: 200px;
    border: 1px solid #e5e5e5;
    border-bottom: none;
    border-radius: 3px;
}

#left_menu img {
    display: none;
}

#left_menu ul {
    padding: 0;
    margin: 0;
}

#left_menu ul li {
    list-style: none;
}

#left_menu ul li a {
    display: block;
    text-decoration: none;
    padding: 13px 10px 13px 20px;
    color: #8c8c8c;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    transition: background-color 200ms ease-in;
    text-transform: capitalize;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

#left_menu > .gomenu > ul > li > a:hover {
    margin-left: -1px;
    color: #8c8c8c;
    padding-left: 19px;
    border-left: 2px solid var(--accent-color);
}

#left_menu > .gomenu > ul > li.current > a,
#left_menu > .gomenu > ul > li.current > a:hover {
    color: #FFF;
    margin: 0 -1px !important;
    border-left: none;
    padding-left: 20px;
    background-color: var(--accent-color);
}

#left_menu > .gomenu > ul > li.current > a:hover:before,
#left_menu > .gomenu > ul > li.current > a:before {
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

#left_menu ul li.dir > a:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 7px;
    height: 6px;
    margin: -3px 0 0 0;
    border-right: 1px solid #828282;
    border-bottom: 1px solid #828282;
    transform: rotate(-45deg);
}

#left_menu > .gomenu > ul > li.current > a:before {
    transform: rotate(45deg);
}

#left_menu ul ul {
    display: none;
    padding: 5px 0 10px;
    border-bottom: 1px solid #e5e5e5;
}

#left_menu ul ul ul {
    padding: 5px 0 0;
    display: none;
    margin-bottom: 0;
    border: none;
    padding: 0;
    margin-bottom: 0;
}

#left_menu ul li.current > ul,
#left_menu ul ul .subcurrent > ul {
    display: block;
}

#left_menu ul li li {
    margin: 0;
    border-bottom: none;
    padding: 0 11px;
}

#left_menu ul li li a {
    position: relative;
    padding: 8px 5px 8px 15px;
    line-height: 18px;
    border: none;
    white-space: normal;
    color: #666666;
    text-transform: none;
    border-radius: 0;
}

#left_menu ul li li:last-child a {
    border-bottom: none;
}

#left_menu ul ul ul li:last-child a {
    border-bottom: 1px solid #e5e5e5;
}

#left_menu .gomenu ul ul li a:before {
    right: 5px;
}

#left_menu ul li li.subcurrent > a:before {
    transform: rotate(45deg);
}

.rightPage_Box #left_menu ul li li {
    padding-left: 25px;
}

.rightPage_Box #left_menu ul li li a {
    background-position: 0 -65px;
    padding-left: 15px;
}

#left_menu ul li li a:hover,
#left_menu ul li li.subcurrent > a {
    color: var(--accent-color);
}

#left_menu ul li li a:hover:before,
#left_menu ul li li.subcurrent > a:before {
    border-right: 1px solid var(--accent-color);
    border-bottom: 1px solid var(--accent-color);
}

/* Content */
#dnn_content {
    padding: 0 0;
}
#Body.isSpecialPage #dnn_content{
    padding: var(--sectionSpace) 0;
}



/* Footer */
.copyright_style {
    display: flex;
    justify-content: center;

    padding: 20px 0px;
    text-align: center;
    font-size: 13px;
    line-height: 1.25;
    font-weight: bold;
    font-family: var(--fontFamily-Blinker);
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

.FooterPane {
    float: right;
    padding: 13px 8px 0;
    margin: 0;
}

.copyright_style .sep {
    padding: 0 12px;
}

.copyright_style,
.copyright_style a,
.copyright_style a:link,
.copyright_style a:active,
.copyright_style a:visited {
    text-decoration: none;
}

.copyright_style a:hover {
    text-decoration: none;
    color: var(--accent-color);
}

.FooterPane .social-icons {
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
}

.FooterPane .social-icons a {
    color: #585858;
}

#to_top {
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    float: right;
    font-size: 24px;
    margin-top: 10px;
    border-radius: 50%;
    border: 2px solid #3b9af3;
    position: fixed;
    bottom: 10%;
    right: 2%;
    cursor: pointer;
    z-index: 1000;
    display: none;
    transition: background-color 200ms ease-in;
}

#to_top:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -2px 0 0 -6px;
    transform: rotate(45deg);
}

#to_top:hover:before {
    border-top: 2px solid #FFF;
    border-left: 2px solid #FFF;
}

/* Mobile responsive styles */
@media only screen and (max-width: 767.98px) {
    .roll_replace {
        height: auto !important;
    }
    
    .roll_menu {
        /* position: relative !important; */
        top: 0 !important;
        left: 0 !important;
    }
    
    .header_top {
        height: 36px;
        border-bottom: 1px solid #343434;
    }
    
    .dnn_logo {
        text-align: left !important;
        float: none !important;
        padding: 27px 50px 27px 0 !important;
        position: relative;
    }
    
    /* Mobile Menu */
    .mobile_icon {
        position: relative;
        color: #fff;
        font-size: 26px;
        line-height: 1;
        cursor: pointer;
    }
    
    
    .mobile_icon.active .fa::before {
        content: "\f00d";
    }
    
    #mobile_menu {
        position: fixed;
        top: 0;
        left: 0;
        width: calc(100% - 150px);
        height: 100vh;
        overflow: auto;
        z-index: 906;
        background: #333;
        transform: translate3d(-100%,0,0);
        transition: all ease-in-out 0.3s;
    }
    #mobile_menu.active{
        transform: translate3d(0%,0,0);
    }
    #Body:has(#mobile_menu.active){
        overflow: hidden;
    }
    
    #mobile_menu .menu_main {
        padding: 10px 0;
    }
    
    .multi_menu {
        margin: auto;
    }
    
    .multi_menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .multi_menu ul li {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    .multi_menu ul li img {
        vertical-align: middle;
    }
    
    .multi_menu ul li a {
        font-size: 16px;
        font-weight: bold;
        line-height: calc( 24 / 16 );
        padding: 0;
        margin: 0;
        color: #fff;
        display: block;
        text-decoration: none;
        outline: none;
        text-align: left;
        border-bottom: 1px solid #fff;
    }
    
    .multi_menu ul li a:after {
        clear: both;
        content: ".";
        height: 0;
        font-size: 0;
        visibility: hidden;
        display: block;
    }
    
    .multi_menu ul li a {
        display: block;
    }
    
    .multi_menu ul li span {
        padding: 10px 0;
        display: block;
    }
    
    .multi_menu ul li .menu_arrow {
        display: block;
        width: 40px;
        padding: 0;
        height: 45px;
        float: right;
        text-indent: 0;
        overflow: hidden;
        margin: 0;
        text-align: center;
        line-height: 40px;
        font-size: 0;
        position: relative;
    }
    
    .multi_menu ul li .menu_arrow:before {
        content: "";
        width: 10px;
        height: 10px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -6px 0 0 -3px;
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(45deg);
    }
    
    .multi_menu ul li:hover > a > .menu_arrow:before {
        border-bottom: 2px solid var(--accent-color);
        border-right: 2px solid var(--accent-color);
    }
    
    .multi_menu ul li .menu_arrow.arrow_closed:before,
    .multi_menu ul li:hover .menu_arrow.arrow_closed:before {
        border-bottom: none;
        border-right: none;
        border-top: 2px solid var(--accent-color);
        border-left: 2px solid var(--accent-color);
        margin: 0 0 0 -3px;
    }
    
    .multi_menu ul li.active > a {
        color: var(--accent-color);
        background-color: #2a2a2a;
    }
    
    .multi_menu > ul > li.active > a {
        border-bottom: 1px solid #fff;
    }
    
    .multi_menu ul li a:hover {
        color: var(--accent-color);
    }
    
    .multi_menu ul li.current > a,
    .multi_menu ul li.current > a:hover {
        color: var(--accent-color);
    }
    
    .multi_menu ul ul {
        display: none;
        background: #2a2a2a;
        padding: 2px 0 5px 0;
        margin: 0;
    }
    
    .multi_menu ul li.current > ul {
        display: block;
    }
    
    .multi_menu ul > li > a[href="javascript:;"] > .menu_arrow {
        width: 100%;
    }
    
    .multi_menu ul li.active > a,
    .multi_menu ul li a:hover {
        /* Empty rule */
    }
    
    .multi_menu ul li.current > a,
    .multi_menu ul li.current > a:hover {
        border-bottom: 1px solid #fff;
        color: var(--accent-color);
    }
    
    .multi_menu ul li a {
        padding: 0 0 0 25px;
    }
    
    .multi_menu ul li li a {
        padding: 0 0 0 40px;
    }
    
    .multi_menu ul li li li a {
        padding: 0 0 0 55px;
    }
    
    .multi_menu ul li li li li a {
        padding: 0 0 0 70px;
    }
    
    .SkinPlugin_icon {
        display: none !important;
    }
    
    /* Footer */
    .copyright_style {
        float: none;
        text-align: center;
    }
    
    .FooterPane {
        float: none;
        text-align: center;
        padding: 0 8px 20px;
    }
}