/* primario: #555555, secondario: #888888 /  */

/* LAYOUT */
* {box-sizing: border-box;}
html {scroll-behavior: smooth; height: 100%;-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: geometricprecision; text-rendering: optimizeLegibility}
body {height: 100%; font-family: var(--primary-font); font-size: 16px; margin:0; color: var(--neutral-lightest); background: var(--main-background);}
.texture-overlay {position:fixed; top:0; left:0; width:100%;height:100%;z-index:10;mix-blend-mode: multiply; background: url("../grafica/cardboard-texture.png");pointer-events: none;}
.page-wrapper {display: flex; flex-direction: column; justify-content: space-between;  height: inherit;}
.page-wrapper > main {flex: 1;}

/* Header */
#header {position: sticky; top: 0px;z-index:2;background-color: var(--main-background);}
.headerBox, .menu-mobile-header {height: 100px; padding: 0 64px; display: flex; justify-content: space-between;  align-items: center; /*background-color: #fff;*/}
/*.headerBox img {max-height: 50px;}*/
.headerBox h1, .menu-mobile-header h1 {font-size: 40px; color:var(--primary-default); font-weight:700; letter-spacing: -0.05em;}
/* MENU DI NAVIGAZIONE */
/* Menu header */
.topNav {display: flex;column-gap:32px;}
.topNav a {color:var(--neutral-default); text-decoration:none;}
.topNav .menu {font-size: 45px; cursor: pointer;}
.topNav > *:not(:last-child) {}

/*Menu laterale*/
/* MENU MOBILE */
.hamburgerMenu,.hamburgerMenuClose{background: transparent; border:0; transform: translateX(10px);}
.hamburgerMenu:after{content: url("../grafica/hamburger-verbose.svg");}
.hamburgerMenu.hamburgerMenuClose:after{content: url("../grafica/hamburger-close-verbose.svg");}
.menu-mobile {position:fixed;top:0px;right:-100%;width:100%;height:100%;overflow-y:scroll;background-color:var(--main-background);z-index:5;transition:0.3s;}
.menu-mobile.show{right:0;}
.menu-mobile a {color:#fff;}
.menu-mobile .menu-mobile-header {}
.menu-mobile .menu-mobile-main nav{display: flex; flex-direction:column; align-items:center; height: 70%;padding: 75px 30px;}
.menu-mobile .menu-mobile-main nav > *{padding: 25px 0;}
.menu-mobile .menu-mobile-main nav a{font-size: 20px;color: var(--neutral-default);text-decoration:none;}
.menu-mobile .menu-mobile-footer {display: flex; flex-direction:column; align-items:center;margin-top:20px;}
.menu-mobile .menu-mobile-footer > div {margin-bottom: 30px;}
.menu-mobile .menu-mobile-footer > div:first-child {margin-bottom: 90px;}
.menu-mobile .menu-mobile-footer svg {width: 24px;height:24px;fill: var(--neutral-lightest);vertical-align:middle;margin-left: 10px;}

/* Footer */
#footer {position: sticky; bottom: 0px; width: 100%; min-height: auto; padding:0 64px 10px 64px;background-color: transparent; display: flex;flex-direction: column;justify-content: space-between;background: var(--main-background);}
#scroll-shadow{position: absolute;top: -101px;left: 0; width: 100%; height: 100px;background: linear-gradient(0deg, var(--main-background), transparent);pointer-events: none;}

/* Main */
.mainWrapper {width: 100%; height: 100%; /*padding: 10px;max-width:1500px; margin:90px auto;*/ /*padding:80px 0;*/}

/* Layout */
.row {display: flex; width: 100%;}
.col {width: 100%; padding: 64px;}
.col.boxed {max-width: 1200px; margin: 0 auto;}
.col.form {margin-top: 50px; background-color:#FFF; box-shadow: 0 0 20px -20px #000;}
.f100 {flex-basis: 100% !important;}
.f50 {flex-basis: 48% !important;}

input, button {outline: 0;}
textarea {}
h1 {}
h2 {}
h3 {}
h4 {}

hr {border:1px solid #555555;}
dt {color: #575a65; font-size: 0.8em; font-weight: 700;}
dd {font-size: 1.2em;margin-left: 0px; margin-bottom: 7px; padding-bottom: 5px; border-bottom: 1px solid #eaeaea;}
a {cursor: pointer; color: var(--primary-lightest)}
b {font-weight: 600;}

.w-100 {width:100%;}
.w-75 {width:75%;}
.w-50 {width:50%;}
.w-25 {width:25%;}
.mB_20 {margin-bottom:20px;}
.mT_20 {margin-top:20px;}
.separator {width: 100%; margin-bottom: 25px; padding-bottom: 10px; border-bottom: 1px solid #555555;}
.txtCenter {text-align:center;}
.txtLeft {text-align:left;}
.txtRight {text-align:right;}
.vAlignMiddle {vertical-align:middle !important;}


.fw400 {font-weight: 400;}
.fw700 {font-weight: 700;}

/* Messaggio */
.msgContent {max-width: 500px; margin: 40px auto; padding: 20px; text-align:center; border: 1px solid #ddd;background-color:#fff;}
.msgContent p {font-size: 1.2em;}
.msgContent .countdown {text-align: center;}


/* ************************* */
/* ELEMENTI GRAFICI STANDARD
/* ************************* */
/* Slide */
/*main > .row:first-child{height:100%;overflow: scroll;}*/
.slide-wrapper {width:100%;height: 100%;overflow: auto;padding:0 64px;}
.slide {position:relative;width:100%; height:100%; padding: 32px;display:flex; flex-direction:column; justify-content:center;align-items: center;background-repeat: no-repeat; background-size: cover; background-position: top center;}
.slide header {padding:40px 0;text-align: center;}
.slide header h2{margin:0;text-transform: uppercase;line-height:120%;}
.slide-content {position:relative;width:100%;max-width:1100px; text-align: center;}
/*.slide-content > *{margin: 8px 0;}*/
.slide-buttons {display:flex; column-gap: 20px;margin-top:54px;}
.slide-buttons-subscribe {display:flex; flex-direction:column; align-items:center;margin-top:24px;}
.slide-logo {position: absolute; bottom: 50px;}
.toolbar-logo {}
.slide-popup header {padding:16px 0;}
.slide-popup .slide-content{font-size:var(--text-body-big); font-weight:400;border-bottom:1px solid var(--neutral-darker);}
#popups {display:none;}
#popups > section{z-index:3;}
#popups > section.hide{display:none;}

#paydayTot {opacity:0; transition:1s;margin-top:0 !important;}
#paydayTot.show {opacity:1;transition:1s;}

.alertPopup{position:fixed; top:-50px;transform: translateX(-50%); left: 50%; background-color:var(--error-default); color: #fff; text-align:center; font-weight: 600; max-width: 200px; padding: 10px; opacity:0; transition:0.5s;z-index:5;}
.alertPopup.alertPopup-show {top:50px; opacity:1;}

.quizResult{position: absolute; top:-75px; right:0;}
.quizResult.quizOK:after{content: url("../grafica/quiz-corretto.svg");}
.quizResult.quizKO:after{content: url("../grafica/quiz-sbagliato.svg");}

.toolbar {min-height:106px; display: flex; justify-content: space-between;align-items:center;}
.calendar-bar {display: flex; justify-content: space-between;padding-top:20px;color:var(--primary-lightest);border-top:1px solid var(--primary-lightest);text-align:center;transition:1s;}
.calendar-hide {/*display:none;*/opacity:0;margin-top:-70px;z-index:-1;}
.calendar-bar> div.active {color:var(--primary-light);font-weight:600;}

.toolbox {width: auto;display:none;opacity:0;transition:0.5s;}
.toolbox.toolbox-show {display:block;opacity:1}
.toolbox > .debts {height: 30px;}
.toolbox > .debts > *{opacity:0;transition:0.5s;}
.toolbox .toolbox-title {height: 26px;font-weight: 600;border-bottom:1px solid var(--neutral-darker);}
.toolbox.day .toolbox-title {text-align:right;}
.toolbox .toolbox-title i{vertical-align:middle;margin-left: 10px;}
.toolbox .toolbox-body {height: 50px;font-size: 24px;font-weight: 600;}
.color-neutral-default{color:var(--neutral-default);}

.credits a{text-decoration:none;}



/* Cards */
/*
.card-container {display: flex;justify-content: space-between;flex-wrap: wrap;}
.card-container > div {flex: 1; flex-basis:45%;}

.card-box {margin: 15px; background-color: #fff; border: 1px solid #eaeaea; padding: 20px; max-height: 500px; overflow-y: auto;}
.card-box .card-title h4 {font-size: 1.2em; margin:0; padding: 0 0 10px 0;}
.card-box .card-content {}
.card-box .card-icon {}

.card-stats {display: flex; background-color: #fff; border: 1px solid #eaeaea; height: 200px; padding: 20px; flex: 1; margin: 15px;}
.card-stats .card-title h4 {font-size: 1.2em; font-weight: 600; margin:0; margin-bottom: 10px; border-bottom:0;color: #575a65}
.card-stats .card-value {font-size: 1.8em; font-weight: 700; color: #555555; margin-bottom: 5px;}
.card-stats .card-content {flex: 1;display: flex;  flex-direction: column; justify-content: space-between;}
.card-stats .card-icon {flex: 1; display: flex; justify-content: flex-end; align-items: center; height: 100%; }
*/
/*
i.trending-up:before{content:"\e8e5"; }
i.trending-down:before{content:"\e8e3"; }
i.trending-flat:before{content:"\e8e4"; }
i.show-chart:before{content:"\e6e1"; }
i.ssid-chart:before{content:"\eb66"; }
i.arrow-upward:before{content:"\e5d8"; }
i.arrow-downward:before{content:"\e5db"; }
i.horizontal-rule:before{content:"\f108"; }
i.people-alt:before{content:"\ea21"; }
i.leaderboard:before{content:"\f20c"; }
i.chevron-right:before{content:"\e5cc";}
i.chevron-left:before{content:"\e5cb";}
i.delete-forever:before{content:"\e92b";}
i.edit:before{content:"\e3c9";}
i.file-download:before{content:"\e2c4";}
i.search:before{content:"\e8b6";}
i.menu:before{content:"\e5d2";}
i.logout:before{content:"\e9ba";}
i.list:before{content:"\e0ee";}
i.browser-updated:before{content:"\e7cf";}
i.manage-search:before{content:"\f02f";}
i.help-center:before{content:"\f1c0";}
i.navigate-before:before{content:"\e408";}
i.navigate-next:before{content:"\e409";}
i.last-page:before{content:"\e5dd";}
i.first-page:before{content:"\e5dc";}
i.add:before{content:"\e145";}
i.remove:before{content:"\e15b";}
i.expand-more:before{content:"\e5cf";}
i.expand-less:before{content:"\e5ce";}
i.checkbox-blank:before{content:"\e835";}
i.checkbox-checked:before{content:"\e834";}
i.checkbox-indeterminate:before{content:"\e909";}
i.model-training:before{content:"\f0cf";}
*/

i.bag:before{content:url("../grafica/bag.svg");}
i.calendar:before{content:url("../grafica/calendar.svg");}
i.debt-home:before{content:url("../grafica/debt-home.svg");}
i.debt-bus:before{content:url("../grafica/debt-bus.svg");}
i.debt-light:before{content:url("../grafica/debt-light.svg");}
i.debt-mobile:before{content:url("../grafica/debt-mobile.svg");}
i.debt-shopping:before{content:url("../grafica/debt-shopping.svg");}
i.debt-trash:before{content:url("../grafica/debt-trash.svg");}
i.hour:before{content:url("../grafica/hour.svg");}
i.pay:before{content:url("../grafica/pay.svg");}
i.contract:before{content:url("../grafica/contract.svg");}

.audio,.audioOn{background: transparent; border:0;color:var(--neutral-lightest); font-family: var(--primary-font);font-size:16px;font-weight:400; width: 130px;display: flex; align-items: center;justify-content: space-between;}
.audio:before{content: url("../grafica/audio-off.svg");width:24px; height:24px;}
.audioOn:before{content: url("../grafica/audio-on.svg");}
.audio:after{content: "AUDIO OFF";}
.audioOn:after{content: "AUDIO ON";}

.project{font-weight:600;}
.project img{vertical-align:bottom;width:163px; height:64px;}

/**************/
/* CAMPI FORM */
/**************/
.form-wrapper {max-width: 480px;}
.inputField {display: flex; flex-direction: column;align-items: flex-start;margin-bottom: 25px;}
.inputField label {font-weight: var(--primary-font-bold);margin-bottom: 15px;}
.inputField input {height: 48px; width: 100%; padding: 0 16px; border:0; border-radius: var(--border-radius-regular);background-color: var(--neutral-light);}
.inputField input {font-family: var(--primary-font); font-weight: 400; font-size: 20px; }

.checkField {text-align: left;}


/*
.fieldGroup {display: flex; flex-wrap: wrap; margin: 0 -10px;}
.fieldGroup > label.checkboxRound {flex-basis: 33%;}
.inputField {display: flex; flex-direction: column;margin: 0 0 10px 10px; min-width:48%; flex:1;flex-basis: 48%; }
.inputField > label {order: -1; transition: all 0.2s ease-in; margin-bottom: 5px;}
.inputField > input,.inputField > select {width: 100%;}
.inputField .subFields {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin: 0 -5px;}
.inputField .subFields > * {flex: 1; margin:0 5px;}
.inputField .subFields.mansioni > * {flex: 1; flex-basis: 48%; margin:0 5px;}

.adminForm input[type="text"],.adminForm input[type="number"],.adminForm input[type="email"],.adminForm input[type="tel"],.adminForm input[type="password"],.adminForm input[type="date"],.adminForm input[type="time"],.adminForm input[type="datetime-local"], .adminForm select, .adminForm textarea {height: 50px;  background-color: #fbfafb; border: 0; border-bottom: 1px solid #cdcfcf;padding: 10px; font-size: 1.2em; color: #555555;}
.adminForm input[type=button],.adminForm input[type=submit] {width:100%; height:40px; margin:10px 0;  border: 1px solid #AAAAAA; border-radius: 4px; box-sizing:border-box;     background-color: #555555; color: #fff; font-weight: bold; cursor: pointer; font-family: 'Raleway', sans-serif;}
.adminForm input[type=submit]:disabled {background-color:#eee; color: #ccc}
.adminForm .check {background-color: #fce4d5; color: #ed711e;}

.fieldErrorMsg {display: none; font-size: 0.9em; font-weight: 500; color: #f44336; padding: 3px;}
.fieldErrorMsg:before {content:"!";display: inline-block; width: 20px; height: 20px; background-color: #f44336; color: #fff; text-align: center; line-height: 20px; border-radius: 50%; margin-right: 5px;}
.formErrore::-webkit-input-placeholder {color:#f44336;}
.formErrore::-moz-input-placeholder {color:#f44336;}
.formErrore::-ms-input-placeholder {color:#f44336;}
.formErrore {color:#f44336 !important; border-color:#f44336 !important;}
.alertMsg {position: fixed; width: 100%; height: 100px; bottom:0px; margin-bottom: -100px; background-color: #f44336; color: #fff; font-weight: bold; font-size: 1.5em; text-align: center; transition: 0.3s;z-index:2;}
.alertMsg .col {padding: 0; padding-top: 30px; }
.alertMsg.show {margin-bottom: 0;;}
*/

/*
.inputField label {order: -1; padding-left: 5px;transition: all 0.2s ease-in; transform: translateY(30px); pointer-events: none; opacity: 0;font-size: 0.8em;}
.inputField input:focus + label {transform: translateY(20px); opacity: 1;}
*/

/************/
/* PULSANTI */
/************/
/*
.btn {display: inline-block; cursor:pointer; padding: 10px 10px; font-weight: bold; text-align: center; text-decoration: none; -webkit-transition:.4s;transition:.4s;}
.btn.action {background-color: #555555; color: #fff; border: 1px solid #555555;  width: 260px;}
.btn.confirm {background-color: #555555; color: #fff; border: 1px solid #555555;}
.btn.action:disabled, .btn.confirm:disabled{background-color: #6894c1;  border: 1px solid #6894c1;}
.btn.action:hover, .btn.confirm:hover{background-color: #888888; border: 1px solid #888888;}

.btn.secondary {background-color: #fff; color: #555555; border: 1px solid #555555;}
.btn.tertiary {background-color: #fff; color: #888888; border: 1px solid #888888;}
.btn.secondary:disabled, .btn.tertiary:disabled{color: #6894c1; border: 1px solid #6894c1;}
.btn.secondary:hover, .btn.tertiary:hover{color: #888888;border: 1px solid #888888;box-shadow: 0px 0px 20px -15px #000}
*/
.button {display: flex;align-items: center;justify-content: space-between;}
.button {font-family: var(--primary-font);font-size: var(--text-body);cursor:pointer;background-color: rgba(255,255,255, 0);color: var(--neutral-lightest);border: 1px solid var(--neutral-dark);border-radius: var(--border-radius-regular);transition: ease-out 150ms;}
.button-small > span {font-size: var(--text-body-small);}
.button > span{padding-left:15px;padding-right:10px;}
.button p {font-weight:500;}
.button:before{content: attr(data-hotkey);/*display:inline-block;*/display:none;width: 32px; height: 32px; text-align:center; align-content: center;/*border: 1px solid var(--neutral-default);border-radius: var(--border-radius-small);*/opacity:0.6; font-size: var(--text-body);font-size: var(--primary-font-bold);}
.button:after{width: 24px; height: 24px; display:inline-block;content: url("../grafica/arrow.svg");}
.button-skip > span{color: var(--warning-default);}
.button-undo > span{color: var(--error-light);}
.button-subscribe > span{color: var(--primary-default); text-decoration: underline;text-decoration-thickness: 3px;text-underline-offset: 5px; padding: 0 2px;}
.button-undo:after,.button-subscribe:after{content:"";width:0;height:0;}

.button-link {width: auto; height: 48px;padding:0 8px;font-weight:600;border-color:transparent;}
.button-choice {width:100%; max-width:480px; /*height: 64px;*/min-height: 80px;padding:12px;}
.button-square {width: 136px; height: 136px;font-weight:600;flex-direction:column;padding:7px;justify-content: flex-start;}
.button-card {width: 324px; height: 400px;flex-direction:column;padding:40px;justify-content: flex-start;align-items: flex-start;text-align:left;}
.button-card h3 {margin:0;margin-bottom: 12px;font-weight:600;}
.button-card p {}
.button-card ul {list-style: none;padding: 0;margin:10px 0;}
.button-card li {width: 100%;display: flex; align-items: center;margin-bottom:10px;font-size:16px;font-weight:600;line-height:14.4px;}
.button-card li i{margin-right:15px;}
.button-card:after{content:"";width:0;height:0;}

.button-card:before {display:none;}
.button-square:before {align-self:start;}
.button-square:after{order:1;margin-top:-8px;margin-bottom:10px;}
.button-square > span{order:2;padding:0;}
.button-square > p{order:3;margin:0;margin-top:3px;}
.button-choice > span {flex:1;font-weight:500;}
.button-choice:hover,.button-square:hover {background-color: rgba(255,255,255, 0);border-color: var(--primary-lightest);}
.button-choice:focus,.button-square:focus {background-color: var(--primary-darkest); border-color: var(--primary-default);}
.button-choice:active,.button-square:active {background-color: var(--primary-dark); border-color: var(--primary-default);}
.button-choice:disabled,.button-square:disabled {background-color: var(--neutral-darker); color: var(--neutral-default); border-color: var(--neutral-default); }
.button-link:hover {color: var(--neutral-default);}
.button-link:focus {color: var(--neutral-lightest);border-color: var(--primary-default);}
.button-link:active {color: var(--neutral-lightest);}
.button-link:disabled {color: var(--neutral-default); opacity: .4;}

.buttons-card-wrapper {display: flex; justify-content: space-evenly;column-gap:30px; overflow:auto;}
.buttons-choice-wrapper {display: flex; flex-direction:column;row-gap:12px;width:100%; max-width:480px;}

/************/
/* RADIO    */
/************/
/* Button */
/*
.radioButton {display:inline-block; width:auto; height:auto;}
.radioButton input {position: absolute; opacity:0; width:0; height:0;}
.radioButton .button {display: block; width: 260px; padding: 10px 0; text-align: center; border: 1px solid #888888; background-color:#fff; color: #888888; border-radius: 25px; cursor:pointer; -webkit-transition:.4s;transition:.4s; margin-bottom: 10px; margin-right: 10px;}
.radioButton input:checked + .button {background-color:#555555; color: #fff; border-color: #555555;}
.radioButton input:focus + .button {box-shadow:0 0 1px #2196F3;}
*/
.radioButton {display:inline-block;height:auto;}
.radioButton input {position: absolute; opacity:0; width:0; height:0;}
/*
.radioButton .button {display: flex;align-items: center;justify-content: space-between;}
.radioButton .button {background-color: rgba(255,255,255, 0);color: var(--neutral-lightest);border: 1px solid var(--neutral-dark);border-radius: var(--border-radius-regular);transition: ease-out 150ms;}
*/
.radioButton input:hover + .button {background-color: rgba(255,255,255, 0);border-color: var(--primary-lightest);}
.radioButton input:active + .button {background-color: var(--primary-dark); border-color: var(--primary-default);}
.radioButton input:checked + .button {background-color: var(--primary-darkest); border-color: var(--primary-default);}
.radioButton input:disabled + .button {background-color: var(--neutral-darker); color: var(--neutral-default); border-color: var(--neutral-default);}

.checkboxSquare {display:flex; align-items:center; width:100%; height:40px; /*text-indent: 60px; line-height: 34px;*/ position:relative; font-size: var(--text-body); font-weight: 400;}
.checkboxSquare span:first-of-type {flex-shrink: 0; background-color:var(--neutral-light); border: 1px solid var(--neutral-light); border-radius: var(--border-radius-regular); cursor: pointer; width: 32px; height: 32px; margin-right: 24px; /*position: absolute; left: 0; top: 0; */-webkit-transition:background-color .4s; transition:background-color .4s;}
.checkboxSquare span:first-of-type:after {position: absolute; border: 4px solid var(--primary-default); border-top: none; border-right: none; content: ""; width: 22px; height: 11px; left: 4px; top: 10px; opacity: 0; transform: rotate(-45deg);  -webkit-transition:opacity .4s; transition:opacity .4s;}
.checkboxSquare input[type="checkbox"] {position: absolute; opacity:0; width:0; height:0;}
.checkboxSquare input[type="checkbox"]:checked + span {background-color: var(--neutral-light);border-color: var(--neutral-light);}
.checkboxSquare input[type="checkbox"]:checked + span:after {opacity: 1;}
.checkboxSquare input[type="checkbox"]:disabled + span {background-color: #ddd;border-color: #ccc;}
.checkboxSquare input[type="checkbox"]:disabled + span:after {border-color: #aaa;}

/* ----------------------- SMARTPHONE (PORTRAIT) ------------------*/
@media screen and (max-width: 619px) {
.wrapContent {margin:10px auto;}	
.col {padding:20px;}
.col.form {margin-top:0;}
.headerBox, .menu-mobile-header{height:87px;padding: 0 16px;border-bottom: 1px solid var(--neutral-dark);}
.headerBox h1, .menu-mobile-header h1 {font-size: 32px;}
.topNav > a{display: none;}
.slide {padding: 16px;}
.slide-wrapper{padding:0;}
.slide-buttons {margin-top:30px;flex-direction:column-reverse;}
.buttons-card-wrapper {flex-wrap: wrap;row-gap: 12px;}
.calendar-bar{display:none;}
/*#footer .audio{display:none;}*/
#footer .credits{display:none !important;}
#footer{padding: 0 16px; padding-top:3px; border-top: 1px solid var(--neutral-dark);}
.slide-logo.project, .toolbar-logo.project {bottom: 30px;font-size:var(--text-body-small)}
.slide-logo.project, .toolbar-logo.project img{width:163px; height:64px;}
}
/* ----------------------- TABLET (PORTRAIT-S)------------------*/
@media screen and (min-width: 620px) and (max-width: 759px){
.headerBox, .menu-mobile-header{height:87px;padding: 0 16px;border-bottom: 1px solid var(--neutral-dark);}
.headerBox h1, .menu-mobile-header h1 {font-size: 32px;}
.topNav > a{display: none;}
.calendar-bar{display:none;}
/*#footer .audio{display:none;}*/
#footer .credits{display:none !important;}
#footer{padding: 0 16px; padding-top:3px; border-top: 1px solid var(--neutral-dark);}
.slide-logo.project, .toolbar-logo.project {bottom: 30px;font-size:var(--text-body-small)}
.slide-logo.project, .toolbar-logo.project img{width:163px; height:64px;}
}
/* ----------------------- TABLET (PORTRAIT)------------------*/
@media screen and (min-width: 760px) and (max-width: 1024px) and (max-aspect-ratio: 3/2){
.headerBox, .menu-mobile-header{height:84px;}
.headerBox h1, .menu-mobile-header h1 {font-size: 40px;}
.hamburgerMenu{display: none; }
.menu-mobile.show{right:-100%;}
.slide-logo.project, .toolbar-logo.project {bottom: 30px;font-size:var(--text-body-small)}
.slide-logo.project, .toolbar-logo.project img{width:163px; height:64px;}
}
/* ----------------------- TABLET (LANDSCAPE) / LAPTOP-S/M 16:9 ------------------*/
@media screen and (min-width: 760px) and (max-width: 1024px) and (max-height: 900px) and (min-aspect-ratio: 3/2) {
.wrapContent {margin:10px auto;}	
.headerBox, .menu-mobile-header{height:84px;}
.headerBox h1, .menu-mobile-header h1 {font-size: 40px;}
.hamburgerMenu{display: none; }
.menu-mobile.show{right:-100%;}
.slide-wrapper{padding:0;}
.slide-buttons{margin-top:30px;}
.calendar-bar{display:none;}
.slide-logo.project, .toolbar-logo.project {bottom: 30px;font-size:var(--text-body-small)}
.slide-logo.project, .toolbar-logo.project img{width:163px; height:64px;}

/*header.title .headerButtons {align-items: stretch;  flex-direction: column;}*/
}
/* ----------------------- OVER ------------------*/
@media only screen and (min-width: 1025px){
.hamburgerMenu{display: none; }
.menu-mobile.show{right:-100%;}
}