/*
Theme Name: Formonline AUSL Modena
Author: AUSL Modena
Description: Tema essenziale con Bootstrap 5.3.8 e funzionalità applicative migrate dal tema Auslmo.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: formonline
*/
:root { --formonline-green: #007f59; --formonline-width: 1250px; }
body { background: #fff; color: #212529; }
.site-header { border-bottom: 3px solid var(--formonline-green); background: #fff; }
.site-shell, .entry-content, .entry-title-bi { width: 100%; max-width: var(--formonline-width); margin-inline: auto; padding: 24px 20px; }
.site-brand, .custom-logo-link { display: inline-block; max-width: 100%; }
.site-brand img, .custom-logo { display: block; width: auto; max-width: 100%; max-height: 100px; height: auto; }
.regional-logos { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.regional-logos a { flex: 1; min-width: 0; }
.regional-logos img { display: block; max-width: 100%; width: auto; max-height: 100px; margin-inline: auto; }
#site-content { min-height: 40vh; padding-block: 16px 40px; }
.entry-content img { max-width: 100%; height: auto; }
.wsf-form h2, .wsf-form legend, .ldap-login h2, .ldap-login legend { color: var(--formonline-green); }
.wsf-form .select2-container { width: 100% !important; }
.ldap-login { max-width: 600px; margin-inline: auto; }
.ldap-login legend { font-size: 1.15rem; margin-bottom: 24px; }
.ldap-msg { min-height: 20px; color: #b02a37; }
.btn-logout { display: table; margin: 24px 20px 0 auto; }
.register-page-container { background: #fff; border: 1px solid #dee2e6; border-radius: 8px; max-width: 600px; margin: 30px auto; }
.register-page-container .register-input, .register-page-container #user_login, .register-page-container #user_pass { width: 100%; padding: 10px; margin-block: 5px; border: 1px solid #767676; border-radius: 4px; }
.register-page-container #submit-btn, .register-page-container #wp-submit { width: 100%; padding: 10px 15px; margin-block: 15px; border: 0; border-radius: 4px; background: #145f94; color: #fff; }
.register-page-container h2 { color: #145f94; }
.register-error, .register-success { padding: 16px; margin-bottom: 20px; border-radius: 4px; }
.register-error { background: #f8d7da; color: #842029; }
.register-success { background: #d1e7dd; color: #0f5132; }
.skip-link:focus { display: block; padding: 12px 20px; color: #fff; background: #212529; }
:focus-visible { outline: 3px solid #145f94; outline-offset: 3px; }
/* Classi ancora presenti nei contenuti salvati e nelle schermate di registrazione. */
.form-group { margin-bottom: 1rem; }
.btn-block { display: block; width: 100%; }
.row-m-t1 { margin-top: 10px; } .row-m-t2 { margin-top: 20px; }
.row-m-t3 { margin-top: 30px; } .row-m-t4 { margin-top: 40px; }
.row-m-t5 { margin-top: 50px; } .row-m-t6 { margin-top: 60px; }
.ml-2 { margin-left: .5rem; } .mr-2 { margin-right: .5rem; }
.pull-right { float: right; } .pull-left { float: left; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 767.98px) { .regional-logos { flex-direction: column; gap: 20px; } .regional-logos img { max-height: 75px; } .register-page-container.w-75 { width: 100% !important; } }
@media print { .site-header { border: 0; } .skip-link, .btn-logout { display: none; } #site-content { padding: 0; } }
.col-xs-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-xs-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-xs-3 { flex: 0 0 auto; width: 25.00000000%; }
.col-xs-4 { flex: 0 0 auto; width: 33.33333333%; }
.col-xs-5 { flex: 0 0 auto; width: 41.66666667%; }
.col-xs-6 { flex: 0 0 auto; width: 50.00000000%; }
.col-xs-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-xs-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-xs-9 { flex: 0 0 auto; width: 75.00000000%; }
.col-xs-10 { flex: 0 0 auto; width: 83.33333333%; }
.col-xs-11 { flex: 0 0 auto; width: 91.66666667%; }
.col-xs-12 { flex: 0 0 auto; width: 100.00000000%; }
@media (min-width: 768px) {
.col-sm-offset-1 { margin-left: 8.33333333%; }
.col-sm-offset-2 { margin-left: 16.66666667%; }
.col-sm-offset-3 { margin-left: 25.00000000%; }
.col-sm-offset-4 { margin-left: 33.33333333%; }
.col-sm-offset-5 { margin-left: 41.66666667%; }
.col-sm-offset-6 { margin-left: 50.00000000%; }
.col-sm-offset-7 { margin-left: 58.33333333%; }
.col-sm-offset-8 { margin-left: 66.66666667%; }
.col-sm-offset-9 { margin-left: 75.00000000%; }
.col-sm-offset-10 { margin-left: 83.33333333%; }
.col-sm-offset-11 { margin-left: 91.66666667%; }
}
@media (min-width: 992px) {
.col-md-offset-1 { margin-left: 8.33333333%; }
.col-md-offset-2 { margin-left: 16.66666667%; }
.col-md-offset-3 { margin-left: 25.00000000%; }
.col-md-offset-4 { margin-left: 33.33333333%; }
.col-md-offset-5 { margin-left: 41.66666667%; }
.col-md-offset-6 { margin-left: 50.00000000%; }
.col-md-offset-7 { margin-left: 58.33333333%; }
.col-md-offset-8 { margin-left: 66.66666667%; }
.col-md-offset-9 { margin-left: 75.00000000%; }
.col-md-offset-10 { margin-left: 83.33333333%; }
.col-md-offset-11 { margin-left: 91.66666667%; }
}
@media (min-width: 1200px) {
.col-lg-offset-1 { margin-left: 8.33333333%; }
.col-lg-offset-2 { margin-left: 16.66666667%; }
.col-lg-offset-3 { margin-left: 25.00000000%; }
.col-lg-offset-4 { margin-left: 33.33333333%; }
.col-lg-offset-5 { margin-left: 41.66666667%; }
.col-lg-offset-6 { margin-left: 50.00000000%; }
.col-lg-offset-7 { margin-left: 58.33333333%; }
.col-lg-offset-8 { margin-left: 66.66666667%; }
.col-lg-offset-9 { margin-left: 75.00000000%; }
.col-lg-offset-10 { margin-left: 83.33333333%; }
.col-lg-offset-11 { margin-left: 91.66666667%; }
}