:root {
  --primo: #2a2850;
  --secondo: #189CD8;
  --terzo: #b19974;
  --testi: #27224f;
  --bg: #f3f3f3;  
} 

/** HEADER*/
.logo-image { height: 70px !important;}

@media (max-width: 767px){.logo-image { height: 50px !important;}}

@media (max-width: 767px){#sp-header {height: 90px;}}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li > a { color: var(--primo); font-weight: bold !important;}
.sp-megamenu-parent > li.active > a:hover, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover { color: var(--secondo); font-weight: bold !important;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {color: var(--primo) ;font-weight: bold !important;}
.sp-megamenu-parent > li:hover > a { color: var(--secondo); font-weight: bold !important;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {color: var(--primo) !important;}


/** OFFCANVAS*/
.burger-icon > span { background-color: var(--primo);}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
  color: var(--primo) !important;
  font-weight: 600;
}

/** BODY*/
a {color: var(--primo); font-weight: bold !important;}
a:hover {color: var(--secondo);}

body { color: var(--testi);}


/** ARTICOLI*/
.sppb-feature-box-title  {font-weight: bolder;}

/** PAGE TITLE*/
.sp-page-title .sp-page-title-heading {
  color: var(--primo);
  text-align: center;
  font-family: inherit;
  font-size: 45px;
  font-weight: 800;
}
.sp-page-title .sp-page-title-sub-heading {font-family: inherit !important; font-size: 0.9rem !important; font-weight: 500 !important;}

.sp-page-title { padding: 20px 0px 20px 0px; background: var(--terzo);/* margin-bottom: 50px; */}

/** FOOTER*/
#sp-footer { background-color: var(--bg);color: var(--testi);padding: 60px 0px 0px 0px;/* margin-top: 50px; */}
#sp-footer a {color: var(--primo);}
#sp-footer a:hover {color: var(--secondo);}

/* SYSTEM ALERT */

#system-message-container {
  position: inherit !important;
  max-width: 100% !important;
  margin: 0 auto;
}
.form-control-feedback {
	margin-left: 20px;
	padding: 4px 8px;
	border-radius: 4px;
	background-color: var(--jui-alert-danger-background-color,#f7dddc);
  border-color: var(--jui-alert-danger-border-color,#f4cfce);
  color: var(--jui-alert-danger-color,#712b29);
}
.form-control-feedback:after {
	content: "\f044";
	font-family: "Font Awesome 6 Free";
	margin-left: 10px;
}

.icon-eye::before {
  font-family: "Font Awesome 6 Free";
  content: "\f06e";
  margin-left: 10px;
}
.icon-eye-slash::before {
  font-family: "Font Awesome 6 Free";
  content: "\f070";
    margin-left: 10px;
}

.plg_system_webauthn_login_button {
  background: #4B96B1 !important;
  fill: #fff !important;
  border: none !important;
}

.plg_system_webauthn_login_button svg {
  width: 30px;
  margin: 4px;
}
.form-horizontal .controls {
  margin-left: 0px !important;
}

.btn-primary { border-radius: 50px;}


/** LOGIN e PROFILO */
.profile-fieldset:first-child {display: none !important;}

/** VARIE */
body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, body.ltr .sp-megamenu-parent > li.sp-has-child > span::after {font-family: "Font Awesome 6 Free";}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .nav-header > .menu-toggler::after {font-family: "Font Awesome 6 Free";}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > a > .menu-toggler::after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > .menu-separator > .menu-toggler::after {font-family: "Font Awesome 6 Free";}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler::after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler::after {font-family: "Font Awesome 6 Free";}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > .nav-header > .menu-toggler::after {font-family: "Font Awesome 6 Free";}
#df_book_page_number {display: none;}

/* ERROR PAGE */

html.error-page body {background: var(--primo) !important;}
html.error-page .error-code {
  font-weight: bold;
  font-size: 80px !important;
  line-height: 1.3;
  color: var(--terzo) !important;
}
body .sppb-btn.btn-with-border:hover::after, body .addon-root-form-builder .sppb-btn.sppb-btn-default:hover::after, .addon-root-form-builder body .sppb-btn.sppb-btn-default:hover::after, body .sppb-btn.btn-with-border:focus::after, body .addon-root-form-builder .sppb-btn.sppb-btn-default:focus::after, .addon-root-form-builder body .sppb-btn.sppb-btn-default:focus::after, body .sppb-btn.btn-with-border:active::after, body .addon-root-form-builder .sppb-btn.sppb-btn-default:active::after, .addon-root-form-builder body .sppb-btn.sppb-btn-default:active::after, body .btn.btn-with-border:hover::after, body .addon-root-form-builder .btn.sppb-btn.sppb-btn-default:hover::after, .addon-root-form-builder body .btn.sppb-btn.sppb-btn-default:hover::after, body .btn.btn-with-border:focus::after, body .addon-root-form-builder .btn.sppb-btn.sppb-btn-default:focus::after, .addon-root-form-builder body .btn.sppb-btn.sppb-btn-default:focus::after, body .btn.btn-with-border:active::after, body .addon-root-form-builder .btn.sppb-btn.sppb-btn-default:active::after, .addon-root-form-builder body .btn.sppb-btn.sppb-btn-default:active::after, body .btn.btn-with-border:hover {background-color: var(--terzo) !important;}