/*
Theme Name: itaFrontOffice Theme
Theme URI: http://italsoft.eu/
Author: Italsoft Srl
Author URI: http://italsoft.eu/
Description: Tema per portale ItaFrontOffice su Wordpress
Version: 2.2.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: itafrontoffice-theme
Tags:

*/

/* latin-ext */
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url(public/font/TitilliumWebRegularLatinExt.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url(public/font/TitilliumWebRegularLatin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin-ext */
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 600;
    src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'), url(public/font/TitilliumWebSemiBoldLatinExt.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 600;
    src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'), url(public/font/TitilliumWebSemiBoldLatin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/*--------------------------------------------------------------
## TML Styles
--------------------------------------------------------------*/

.t-Pac .tml { max-width: none; }
.t-Pac .tml > p.message, .tml > p.error { display: none; }
.t-Pac .tml .tml-action-links, .t-Pac .tml .tml-action-links li { list-style-type: square; }
.t-Pac .tml .tml-action-links li { float: none; text-align: left; border: 0; }
.t-Pac .tml-login, .t-Pac .tml #loginform { max-width: 650px; display: block; margin: 0 auto; }
.form-table { width: 100%; font-size: .9em; margin-top: 1em; }
.tml input { margin: 0; }

.tml .wp-hide-pw { vertical-align: top; margin-right: 5px; }

/*.tml .tml-action-confirmaction .success, .tml .tml-error, .tml .tml-message, .tml .tml-success { border-left: 0; -webkit-box-shadow: none; box-shadow: none; margin: 0; padding: 0; }*/
.tml .tml-errors, .tml .tml-messages { margin: 0 !important; }
.tml .form-table th { text-align: left; }
.tml .form-table input { width: 100%; }

.tml-profile > form > table.form-table { margin: 0; }
.tml-profile table.form-table > tbody > tr { border-bottom-width: 0; }
.tml-profile table.form-table > tbody > tr > th { font-weight: 400; }
.tml-profile table.form-table > tbody > tr > th, .tml-profile table.form-table > tbody > tr > td { padding-right: .8rem; padding-left: .8rem; }
.tml-profile > form > table+h3 { margin-top: 45px; }
.tml-profile > form > h3 { margin-bottom: 20px; }
.tml-profile > form > h3 { border-bottom: .1rem solid currentColor !important; font-weight: 400; font-size: 1.4em; }

.tml-profile table.form-table > tbody > tr.Alert--error { background-color: #ffefef; border-left-width: 3px; }
.tml-profile tr.Alert--error input { border-color: #b50000; }

.tml input.italsoft-input, .tml textarea.italsoft-input, .tml select.italsoft-input { width: 100%; }
.tml input.italsoft-input[type="checkbox"], .tml input.italsoft-input[type="radio"], .tml .tml-rememberme-wrap input.italsoft-input { width: auto; }

/*--------------------------------------------------------------
## Signup
--------------------------------------------------------------*/

.t-Pac .mu_register { width: 100%; }
.t-Pac #content #signup-content { margin-top: 1.5em; }
.t-Pac #setupform { margin-top: 0; }
.t-Pac .mu_register label { margin: 20px 0 10px; }
.t-Pac .cimy_uef_input_mu { width: 100%; }
#setupform input.submit { margin: 0; color: #fff; padding: .6em; cursor: pointer; }
.mu_alert { margin-bottom: 1em; }

.t-Pac .mu_register input[type="submit"],
.t-Pac .mu_register #blog_title,
.t-Pac .mu_register #user_email,
.t-Pac .mu_register #blogname,
.t-Pac .mu_register #user_name { font-size: inherit; }

/*--------------------------------------------------------------
## Italsoft Custom Styles
--------------------------------------------------------------*/

a:link    {
    /* Applies to all unvisited links */
    text-decoration:  none;
} 

a:visited {
    /* Applies to all visited links */
    text-decoration:  none;
} 

a:hover   {
    /* Applies to links under the pointer */
    text-decoration:  none;
} 

a:active  {
    /* Applies to activated links */
    text-decoration:  none;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
textarea,
select {
    border: 1px solid #dddddd;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
textarea:focus,
select:focus {
    box-shadow: 0 0 2px #4590dd !important;
    border: 1px solid #4590dd;
}

.t-Pac #content { box-sizing: content-box; }

.spid-idp-button-link img { box-sizing: initial; }

textarea, input:not([type="checkbox"]):not([type="radio"]):not([type="file"]) {
    padding: .5em;
}

table, table th, table td {
    /*font-size: 16px !important;*/
    border: 0;
}

table > thead > tr, table.italsoft-datatable th.tablesorter-header {
    background-color: #eee;
}

table tr {
    border-bottom: 1px solid #ddd;
}

table > tbody > tr:nth-child(odd) {
    background-color: #fff;
}

table > tbody > tr:nth-child(even) {
    background-color: #f7f7f7;
}

/*table.tablesorter-blue { font-size: 1em; }*/
table.tablesorter-blue thead th { font-family: Titillium Web, HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; }
table.tablesorter-blue tbody tr.odd > td { background-color: #fff; }
table.tablesorter-blue tbody tr.even > td { background-color: #f7f7f7; }

table.italsoft-datatable th.tablesorter-header {
    padding: 1rem 18px 1rem .8rem;
}

.pager {
    margin-top: 15px;
}

.pager > * {
    vertical-align: middle;
}

.pager > select { font-size: .8em; }

.italsoft-albo-head-container {
    background-color: #f4f4f4;
    border-radius: 6px;
    margin-bottom: 15px;
    padding: 10px;
    font-size: .9em;
}

.italsoft-progressbar { background: rgba(0, 0, 0, .2); border-radius: 3px; }
.italsoft-progressbar > .italsoft-progressbar-bar { background: #3879d9; }

.ui-datepicker-trigger {
    float: none !important;
    vertical-align: middle !important;
}

input[disabled], input[readonly],
select[disabled], select[readonly],
textarea[disabled], textarea[readonly] {
    background-color: #ffffdf !important;
}

hr { color: #fff; }

.status-publish.hentry > div > div > *:last-child { margin-bottom: 0 !important; }
span.posted-on { display: block; margin-bottom: 1em; margin-top: -1em; }

/*
 * ALGHO
 */

#iframe-vocal-assistant-module,
#iframe-chatbot-embedded-module { right: 5em; bottom: 0.5em; }

/*--------------------------------------------------------------
## IWT
--------------------------------------------------------------*/

body.t-Pac > header.Header {
    /*z-index: 1;*/
}

body.t-Pac.admin-bar .Headroom {
    top: 32px !important;
}

.t-Pac .Header-logo img.custom-logo {
    width: 90%;
    height: auto;
}

.t-Pac #menu-main-menu {
    z-index: initial;
}

.t-Pac .Linklist a {
    padding-left: 1em;
    padding-right: 1em;
}

.t-Pac .Footer .Footer-blockTitle {
    padding-bottom: 0 !important;
}

.t-Pac .Footer-subBlock {
    color: #f5f5f0 !important;
}

.t-Pac .Footer-block a.italsoft-button.italsoft-button--outline:link,
.t-Pac .Footer-block a.italsoft-button.italsoft-button--outline:visited,
.t-Pac .Footer-block .italsoft-button.italsoft-button--outline,
.t-Pac .Footer-block .italsoft-button.italsoft-button--outline > .italsoft-icon {
    color: #fff;
    border-color: #fff !important;
}

.Footer-siteInfo { opacity: .9; cursor: default; }
.Footer-siteInfo > img { filter: url(desaturate.svg#greyscale); filter: gray; filter: grayscale(100%); }

.t-Pac .Footer-block {
    margin: 1.6em 0 0 !important;
}

.t-Pac .Icon {
    vertical-align: middle;
    /*padding-right: .5em !important;*/
}

.t-Pac p {
    margin: .5em 0;
    line-height: 1.3em;
}

.t-Pac p.Footer-siteName { margin: 0; }

.t-Pac blockquote {
    padding: .1em 0 .3em 1em;
    border-left: 4px solid grey;
}

.t-Pac .ScrollTop {
    box-shadow: none !important;
}

.t-Pac .Prose.Alert {
    background-position: 1.1em .9em;
}

.t-Pac .Prose.Alert > p.u-text-p {
    margin-bottom: 0 !important;
}

.t-Pac .Form-input[type="checkbox"] + .Form-fieldIcon {
    margin-top: -3px;
    width: 14px;
    height: 14px;
    background-size: 100%;
}

.t-Pac .Form-label.Form-label--padded {
    padding: .7em 1em !important;
}

.t-Pac .Form-field .Form-label {
    display: inline-block;
}

.t-Pac .ScrollTop-icon {
    top: 20%;
}

.t-Pac .ScrollTop {
    right: 2em;
}

.t-Pac .Footer {
    padding-bottom: 3rem !important;
}

.t-Pac .Header-banner > div {
    font-size: .85em;
    color: #ccc;
}

.t-Pac .Header-logo { width: 8.33333% !important; }
.t-Pac .Header-search { margin-bottom: 0 !important; }

.t-Pac .Header-banner .Grid > .Grid-cell:last-of-type { overflow: hidden; text-align: right; }

.t-Pac .Header-banner .Header-link {
    display: inline-block;
    line-height: 3.6em;
    font-size: 1em !important;
    font-weight: 600 !important;
    margin-right: 1em;
    color: #fff;
}

.t-Pac .Header-banner .Header-lineheight { line-height: 3.6em; }

.t-Pac .Header-banner span { margin-right: .8em; }

.t-Pac .Header-banner .Header-link:hover { text-decoration: underline !important; }

.t-Pac .Header-banner .Signup-link { text-decoration: underline; }
.t-Pac .Header-banner .Signup-link:hover { text-decoration: none !important; }

.t-Pac .Breadcrumb { margin: 0; }
.t-Pac ul.Linklist { margin: 0; }

.t-Pac #menu ul { margin: 0; }

.t-Pac .Megamenu-subnavGroup { margin: 0; }

/*--------------------------------------------------------------
## Sticky Footer -- commentato per incompatibilità con Chrome
--------------------------------------------------------------*/

/*
html, body { height: 100%; }
body { display: table; width: 100%; overflow-x: hidden; table-layout: fixed; }
body > header, body > #main, body > .footer-container { display: table-row; }
body > header, body > .footer-container { height: 1px; }
*/

.t-Pac .italsoft-button--cohesion { background-color: #41a837; }
.t-Pac .italsoft-button--cohesion > span { vertical-align: middle; }
.t-Pac .italsoft-button--cohesion:hover { background-color: #328c29; }

h1:not([class]),
h2:not([class]),
h3:not([class]),
h4:not([class]),
h5:not([class]),
h6:not([class]),
h7:not([class]) {
    /*margin-bottom: 1em;*/
}

.breadcrumb-container > nav,
.footer-container .u-layout-medium {
    padding-right: 2rem; padding-left: 2rem; box-sizing: content-box;
}

.footer-content { background-color: #30373d; }

.nav-links > ul { list-style-type: none; }
/*.Grid--alignMiddle { justify-content: center; }*/
.nav-links .current { border-radius: 3px; }
.nav-links li > span:hover { text-decoration: none !important; }
.Header .Header-logo { padding: .35em; }

.Footer-links { margin-left: 0; }

.t-Pac .Footer-block ul { margin: 0; list-style-position: inside; }
.t-Pac .Footer-block li:first-child { border-top: 0 !important; }

.footer-credits {
    text-align: right;
    font-size: .9em;
    margin-top: 1.4em;
}

@media screen and (max-width: 768px) {
    .u-xs-hidden {
        display: none;
    }

    /*
    .t-Pac .ScrollTop {
        right: 3em;
        bottom: 5.5em;
    }
    */

    .t-Pac .Header-banner > div {
        font-size: .75em !important;
    }

    .t-Pac .Footer-siteInfo {
        text-align: center !important;
    }

    .footer-credits {
        text-align: left;
    }
}

@media screen and (max-width: 480px) {
    .Footer-links.u-cf > li { display: block !important; }
}

/*.t-Pac .page-content p { margin: 1em 0; line-height: 1.4em; }*/
/*.t-Pac .page-content h1,
.t-Pac .page-content h2,
.t-Pac .page-content h3,
.t-Pac .page-content h4,
.t-Pac .page-content h5,
.t-Pac .page-content h6,
.t-Pac .page-content h7 { margin: 1em 0; }*/
.t-Pac .page-content ul,
.t-Pac .page-content ol { margin: 1em 2.6em; line-height: 1.6em; }
.t-Pac .page-content ul { list-style: outside disc; }
.t-Pac .page-content ol { list-style: outside decimal; }
.t-Pac .page-content ul > li:not(:last-child),
.t-Pac .page-content ol > li:not(:last-child) { margin-bottom: .6em; }

/*
 * Shrinking Header
 */

.Offcanvas--modal.is-active::after { z-index: 999995; }
.Header.header--fixed { position: fixed; z-index: 999990; top: 0; height: auto; }
.Header.header--fixed .hide-on-shrink { max-height: 100px; transition: max-height .2s; }
.Header.header--fixed.header--shrinked .hide-on-shrink { max-height: 0; overflow: hidden; }
.Header.header--fixed.header--shrinked .Header-navbar .Header-titleLink a { font-weight: normal !important; }
.Header.header--fixed.header--shrinked .Header-navbar .Header-titleLink small { display: none !important; }
.Header.header--fixed.header--shrinked .Header-navbar .Header-logo img.custom-logo { width: 50%; }
.Header.header--fixed.header--shrinked .Header-navbar {
    font-size: .75em;
    padding-top: .8em !important;
    padding-bottom: .8em !important;
}

/*
 * Featured image
 */

.itafrontoffice-featured-image { height: 200px; background-size: cover; background-position: center; }
.itafrontoffice-featured-image > div { padding-top: 60px; }
.itafrontoffice-featured-image > div > h1 {text-transform: uppercase; padding: 20px 30px; color: #ffffff; display: inline-block; background-color: rgba(0, 0, 0, .2); }