a:hover, a:focus {
color: #000000;
text-decoration: none;
}
a.side-menu-button,
nav.main-navigation ul li ul.sub-menu li a,
nav.main-navigation ul a,
nav.responsive-menu ul li .sub-menu a,
nav.responsive-menu a {
font-family: 'Montserrat', sans-serif;
}
html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 93.75%;
}
body {
font-family: 'Roboto', sans-serif;
/*color: #777777;*/
color: #444;
}
/* HEADER fisso: serve un padding-top per non nascondere il contenuto sotto
all'header (alto 100px). Lo applichiamo a #page (wrapper della nostra
ecampus.master) e NON al body, così le pagine che usano una master diversa
senza #page (MasterPageIframe in /ent/home/search/, dialog, anteprima
annuncio, modali, ecc.) non subiscono il padding e il loro layout parte
attaccato in alto senza fascia di sfondo scoperta. Soluzione 100%
retrocompatibile (selettore #id standard, niente :has()).
La classe posizione-header-fissa sull'header garantisce il funzionamento
del menu contestuale nel dettaglio annuncio (bachecaannunci.aspx). */
#page {
padding-top: 100px;
}
/* non limito la larghezza del dettaglio annuncio */
#theForm.hiddenLau .masterPageContent {
max-width: none;
}
section.padding-35px-top.no-padding-bottom {
padding: 70px 0;
}
h1,
h2,
h3,
h4,
h5 {
font-family: 'Montserrat', sans-serif;
}
p {
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 24px;
/*color: #777777;*/
color: #444;
/* Criterio di successo 1.4.6 Contrasto (avanzato) (AAA) */
}
.site-header {
border-top: 5px solid #245C84;
/*position: relative;*/
/*MOD HEADER FIXED*/
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 9999;
/*9999 rimaneva sopra overlay creando confusione per la chiusura del lateral nav*/
background-color: #ffffff;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
.site-header .header-info {
overflow: hidden;
border-bottom: 1px solid #f2f5f6;
}
.site-header .header-info ul {
float: right;
padding-bottom: 20px;
padding-left: 0;
list-style: none;
/*MOD HEADER FIXED*/
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
/*MOD HEADER FIXED*/
.site-header.scrolled-header .header-info ul {
padding-bottom: 0px;
margin-bottom: 0px;
}
.site-header .header-info ul li {
display: inline-block;
color: #777777;
font-family: 'Roboto', sans-serif;
font-size: 12px;
letter-spacing: 0.1px;
font-weight: 400;
padding-left: 4px;
padding-right: 4px;
border-left: 1px solid #d4dee1;
}
/*@media (max-width: 991px) {
.site-header .header-info ul li:nth-child(even){
border-left: none;
}
}*/
.site-header .header-info ul li em {
margin-right: 5px;
margin-left: 5px;
}
.site-header .header-info ul li:first-child {
border-left: none;
}
.site-header .header-info ul li:last-child {
border-left: none;
}
.site-header .header-info ul li:last-child a {
background-color: #245C84;
/*background-color: #245C84;*/
/* colore OK per vincoli contrasto #245C84*/
padding: 15px 20px;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
text-transform: uppercase;
color: #ffffff;
letter-spacing: 2px;
display: inline-block;
}
.site-header .main-header .logo {
float: left;
line-height: 130px;
border-right: 1px solid #f2f5f6;
padding-right: 50px;
/*MOD HEADER FIXED*/
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
/*MOD HEADER FIXED*/
.site-header.scrolled-header .main-header .logo {
line-height: 95px;
}
@media (max-width: 991px) {
.site-header .main-header .logo {
padding-right: 20px;
margin-right: 10px;
}
}
.scrolled-header {
/* background-color: rgba(250, 250, 250, 0.97); */
background-color: rgba(250, 250, 250, 0.85);
top: 0;
}
.scrolled-header:hover {
background-color: rgba(250, 250, 250, 1);
}
.header-right-toggle {
margin-top: 20px;
/*margin-right: 20px;*/
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
.header-right-toggle button {
padding-left: 7px;
margin-top: 25px;
width: 36px;
height: 36px;
text-align: center;
line-height: 36px;
background-color: #245C84;
display: inline-block;
}
button.side-menu-button {
text-transform: uppercase;
font-weight: 700;
color: #ffffff;
}
button.side-menu-button em {
margin-right: 6px;
}
nav.main-navigation {
position: relative;
display: block;
z-index: 20;
float: right;
}
nav.main-navigation ul {
margin: 0;
padding: 0;
list-style: none;
}
nav.main-navigation ul li {
position: relative;
display: inline-block;
padding: 25px 10px;
}
/*MOD HEADER FIXED*/
.site-header.scrolled-header nav.main-navigation ul li {
padding: 15px 10px;
}
.site-header.scrolled-header nav.main-navigation ul li ul.sub-menu li {
padding: 5px 0px 5px 0px;
}
/*.site-header.scrolled-header nav.main-navigation ul li ul.sub-menu li:last-child{
padding-bottom: 0px;
}*/
nav.main-navigation ul li ul.sub-menu {
text-align: left;
position: absolute;
top: 100%;
left: 0;
width: 180px;
/*background:#78A4BB;*/
/*background: rgba(120, 164, 187, 0.9);*/
background: rgba(36, 92, 132, 0.9);
/*padding: 5px 0;*/
visibility: hidden;
opacity: 0;
-moz-transform: translate3d(0, 30px, 0);
-o-transform: translate3d(0, 30px, 0);
-ms-transform: translate3d(0, 30px, 0);
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0);
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
nav.main-navigation ul li ul.sub-menu li {
border-top: none;
display: block;
padding: 0;
/*margin: 10px 0px 0px;*/
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 1px solid #E0EBF1;
}
nav.main-navigation ul li ul.sub-menu li a {
color: #ffffff;
font-size: 12px;
font-weight: 400;
margin: 5px 10px;
display: block;
}
/* Criterio di successo 1.4.6 Contrasto (avanzato) (AAA) */
/*rgba(120, 164, 187, 0.65)*/
nav.main-navigation ul li ul.sub-menu li:hover {
/*background-color: rgba(120, 164, 187, 1);*/
background-color: #245C84;
/* 44 12 161 */
}
/*
nav.main-navigation ul li ul.sub-menu li a:hover {
color: #2f5d81;
}
*/
/* **************************************************** */
nav.main-navigation ul li ul.sub-menu li:last-child {
float: none;
/*padding-bottom: 0px;*/
border-bottom: none;
}
nav.main-navigation ul li ul.sub-menu li.showall {
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
}
nav.main-navigation ul li ul.sub-menu li.showall a {
margin: 0px 10px;
text-transform: none;
font-size: 11px;
text-align: center;
}
nav.main-navigation ul li:hover ul.sub-menu {
visibility: visible;
opacity: 1;
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
nav.main-navigation ul a {
font-size: 13px;
color: #222222;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 0.3px;
}
nav.main-navigation ul a em {
margin-left: 7px;
}
@media (min-width: 992px) and (max-width: 1200px) {
nav.main-navigation ul a {
padding: 10px 3px;
}
nav.main-navigation ul li ul.sub-menu li a {
padding: 0px;
}
nav.main-navigation ul li,
.site-header.scrolled-header nav.main-navigation ul li {
padding: 10px 0;
}
}
nav.main-navigation ul a:hover {
color: #001C48;
}
nav.main-navigation ul li:last-child {
float: right;
padding: 0;
}
nav.main-navigation ul li:last-child em {
margin-top: 29px;
}
/*MOD HEADER FIXED*/
.site-header.scrolled-header nav.main-navigation ul li:last-child em {
margin-top: 0px;
}
#site-search {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
z-index: 9999;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translate(0px, -100%) scale(0, 0);
-moz-transform: translate(0px, -100%) scale(0, 0);
-o-transform: translate(0px, -100%) scale(0, 0);
-ms-transform: translate(0px, -100%) scale(0, 0);
transform: translate(0px, -100%) scale(0, 0);
opacity: 0;
}
#site-search input[type="search"] {
/*position: absolute;
top: 50%;
width: 100%;
color: #ffffff;
background: rgba(0, 0, 0, 0);
font-size: 60px;
font-weight: 300;
text-align: center;
border: 0px;
margin: 0px auto;
margin-top: -51px;
padding-left: 30px;
padding-right: 30px;
outline: none;*/
position: absolute;
top: 50%;
left: 5px;
right: 5px;
width: 95%;
color: #ffffff;
background: rgba(0, 0, 0, 0);
font-size: 36px;
font-weight: 300;
text-align: center;
border: 0px;
margin: 0px auto;
margin-top: -10px;
padding-left: 30px;
padding-right: 30px;
outline: none;
text-align: center;
box-shadow: 0px 0px 5px #245C84;
border-radius: 3px;
}
#fmCerca {
text-align: center;
}
#site-search .btn {
position: absolute;
top: 50%;
left: 50%;
margin-top: 61px;
margin-left: -45px;
border-color: transparent;
background-color: transparent;
}
#site-search .btn span {
/*background-color: #2f5d81;*/
background-color: #245C84;
padding: 15px 20px;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
text-transform: uppercase;
/*color: #222222;*/
color: #fff;
letter-spacing: 2px;
display: inline-block;
border-color: transparent;
}
#site-search .btn:active {
background-image: none;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
#site-search .close {
outline: none;
position: fixed;
top: 15px;
right: 15px;
color: #ffffff;
/*background-color: #2f5d81;
border-color: transparent;*/
opacity: 1;
padding: 10px 17px;
font-size: 27px;
border: 2px solid #fff;
height: 50px;
width: 50px;
border-radius: 50%;
}
nav.responsive-menu ul {
padding: 25px 15px;
margin: 0;
padding: 0;
width: 100%;
display: inline-block;
list-style: none;
/*float: left;*/
/*corretto bug grfico menu*/
}
nav.responsive-menu ul li {
margin: 1px 0px;
display: block;
position: relative;
}
nav.responsive-menu ul li .sub-menu {
display: none;
padding: 0 0 0 0px;
}
nav.responsive-menu ul li .sub-menu li {
position: relative;
z-index: 9;
margin: 0;
padding: 0 0 0 10px;
}
nav.responsive-menu ul li .sub-menu li:before {
content: '-';
position: absolute;
left: 25px;
color: #ffffff;
top: 6px;
}
nav.responsive-menu ul li .sub-menu li.showall:before {
content: '';
}
nav.responsive-menu ul li .sub-menu li a {
font-size: 10px;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
}
nav.responsive-menu ul li .sub-menu li.showall a {
text-transform: lowercase;
text-align: right;
padding-right: 0;
margin: 0;
font-size: 12px;
}
nav.responsive-menu ul li .sub-menu li:last-child {
padding: 0px 10px 0px 10px;
margin: 0px 0px 10px 0px;
border-bottom: 1px solid #aaa;
}
nav.responsive-menu ul li .sub-menu a {
padding: 10px 30px;
text-transform: capitalize;
color: #ffffff;
font-size: 13px;
/*background-color: #812326;*/
background-color: #005489;
margin-right: 15px;
margin-top: 1px;
}
nav.responsive-menu a {
font-size: 12px;
text-transform: uppercase;
display: block;
letter-spacing: 0.5px;
padding: 15px 15px;
margin: 0;
color: #ffffff;
background-color: #245C84;
}
/*
NAVlaterale
*/
nav.lateral-menu {
margin: 0;
padding: 0;
/* float: left; */
text-align: left;
}
nav.lateral-menu ul {
padding: 25px 35px;
margin: 0;
padding: 0;
width: 100%;
display: inline-block;
list-style: none;
/* float: left; */
}
nav.lateral-menu ul li {
margin: 1px 0px;
display: block;
position: relative;
}
nav.lateral-menu ul li .sub-menu {
display: none;
padding: 0 0 0 0px;
}
nav.lateral-menu ul li .sub-menu.open {
display: block;
}
nav.lateral-menu ul li .sub-menu li {
position: relative;
z-index: 9;
margin: 0;
padding: 0 0 0 10px;
}
nav.lateral-menu ul li .sub-menu li:before {
/*content: '-';*/
content: none;
position: absolute;
left: 25px;
/*color: #ffffff;*/
top: 6px;
}
nav.lateral-menu ul li .sub-menu li a {
font-size: 10px;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
}
nav.lateral-menu ul li .sub-menu li:last-child {
padding: 0 0 0px 10px;
/*margin: 0 0 10px 0px;
border-bottom: 1px solid #aaa;*/
}
nav.lateral-menu ul li .sub-menu a {
padding: 10px 30px;
text-transform: capitalize;
/*color: #ffffff;*/
font-size: 13px;
/*background-color: #812326;*/
/*background-color: #005489;*/
margin-right: 15px;
margin-top: 1px;
}
nav.lateral-menu a {
font-size: 12px;
text-transform: uppercase;
display: block;
letter-spacing: 0.5px;
padding: 12px 5px 15px 15px;
/* margin: 0; */
color: #000000;
/* background-color: #205f86; */
}
nav.lateral-menu li.current>a {
font-weight: bold;
}
/*fine nav laterale*/
/* Medium Screens */
footer {
/*background-color: #2C2826;
padding: 90px 0px 0px 0px;*/
width: 100%;
background-size: cover;
}
footer {}
footer .footer-widget p {
color: #d6d6d6;
}
footer .footer-widget h2 {
font-size: 18px;
letter-spacing: 0.5px;
text-transform: capitalize;
color: #ffffff;
margin-top: 5px;
margin-bottom: 0px;
}
footer .footer-widget .line-dec {
width: 44px;
height: 1px;
background-color: #2f5d81;
margin: 25px 0px;
}
@media (max-width: 991px) {
footer .footer-widget .featured-links {
margin-top: 60px;
}
}
footer .footer-widget .featured-links ul {
padding: 0;
margin-left: 15px;
list-style: circle;
display: inline-block;
color: #d6d6d6;
}
footer .footer-widget .featured-links ul li {
margin-top: 2px;
margin-bottom: 10px;
}
footer .footer-widget .featured-links ul li a,
footer .footer-widget .featured-links ul li {
color: #d6d6d6;
font-family: 'Roboto', sans-serif;
font-size: 13px;
background-color: #2C2826;
}
footer .footer-widget .featured-links ul li a:hover,
footer .footer-widget .featured-links ul li:hover {
/*color: #2f5d81;*/
color: #2f5d81;
/* Criterio di successo 1.4.6 Contrasto (avanzato) (AAA) */
transition: all 0.3s;
}
footer .footer-widget .featured-links ul li:before {
color: #2f5d81;
}
footer .footer-widget .featured-links ul:last-child {}
@media (max-width: 991px) {
footer .footer-widget .university-address {
margin-top: 60px;
}
}
footer .footer-widget .university-address ul {
padding: 0;
margin: 0;
list-style: none;
}
footer .footer-widget .university-address ul li {
/* display: inline-block; */
color: #d6d6d6;
/* margin-bottom: 20px; */
margin-left: 0px;
clear: both;
}
footer .footer-widget .university-address ul li em {
font-size: 17px;
height: 25px;
float: left;
margin-right: 10px;
}
footer .footer-widget .university-address ul li a {
color: #d6d6d6;
font-family: 'Roboto', sans-serif;
font-size: 14px;
/*background-color: #4e4c46;*/
background-color: #2C2826;
}
footer .footer-widget .university-address ul li a:hover {
/*color: #2f5d81;*/
color: #2f5d81;
/* Criterio di successo 1.4.6 Contrasto (avanzato) (AAA) */
transition: all 0.3s;
}
footer .footer-widget .university-address ul li:before {
color: #2f5d81;
}
footer .copyright-menu {
margin-top: 80px;
border-top: 1px solid #2c3437;
}
footer .copyright-menu .copyright-text {
margin-top: 30px;
}
footer .copyright-menu .copyright-text p {
font-size: 11px;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
color: #b8b8b8;
letter-spacing: 0.5px;
padding-bottom: 15px;
}
footer .copyright-menu .copyright-text p a {
color: #fff;
font-weight: bold;
/*background-color: #4e4c46;*/
background-color: #2C2826;
}
footer .copyright-menu .copyright-text p a:hover {
/*color: #2f5d81;*/
color: #2f5d81;
/* Criterio di successo 1.4.6 Contrasto (avanzato) (AAA) */
}
/*footer .copyright-menu .copyright-text a.mailto{
color: #b8b8b8;
}
footer .copyright-menu .copyright-text a.mailto:hover{
color: #000;
}*/
/*.popular-courses {
background-color: #f2f5f6;
}*/
/*.popular-courses {
background-color: #f0eeeb;
}*/
/*ko*/
.course-information {
position: relative;
background-color: #f2f5f6;
padding: 30px 35px;
}
@media (max-width: 991px) {
.course-information {
margin-bottom: 60px;
}
}
.course-information .widget-heading {
padding-bottom: 20px;
position: relative;
margin-top: 0;
}
.course-information .widget-heading a,
.course-information .widget-heading a {
margin-top: 0px;
padding-left: 15px;
font-size: 16px;
text-transform: uppercase;
color: #222222;
letter-spacing: 0.2px;
padding-top: 7px;
padding-bottom: 7px;
border-left: 3px solid #024e7d;
}
.course-information ul {
padding: 0;
margin: 0;
list-style: none;
}
.course-information ul li {
/* text-align: right; */
/* display: block; */
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: #222222;
/* padding-bottom: 15px; */
border-bottom: 1px solid #e6e6e6;
margin-top: 15px;
/* padding-left: 25px; */
}
.course-information ul li:last-child {
border-bottom: none;
}
section.top-img {
background-image: url(/fileadmin/template_NEW/official/assets/images/bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-color: #245c84;
width: 100%;
padding: 100px 0px 0px 0px;
}
/*
* jQuery FlexSlider v2.4.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 and later license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*
*/
/* ====================================================================================================================
* FONT-FACE
* ====================================================================================================================*/
@font-face {
font-family: 'flexslider-icon';
src: url('../fonts/flexslider-icon.eot');
src: url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../fonts/flexslider-icon.woff') format('woff'), url('../fonts/flexslider-icon.ttf') format('truetype'), url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'CustomIcons';
src: url('../fonts/custom/icomoon.eot');
src: url('../fonts/custom/icomoon.eot?#iefix') format('embedded-opentype'),
/*url('../fonts/custom/icomoon.woff2') format('woff2'),*/
url('../fonts/custom/icomoon.woff') format('woff'),
url('../fonts/custom/icomoon.ttf') format('truetype'),
url('../fonts/custom/icomoon.svg#CustomIcons') format('svg');
font-weight: normal;
font-style: normal;
}
.top14 {
padding-top: 14px;
}
div#course-information-btn {
position: absolute;
right: 0;
top: 0px;
bottom: 0;
display: none;
font-size: 18px;
line-height: 31px;
/* padding: 20px; */
cursor: pointer;
}
div#course-information-collapse-btn {
position: absolute;
right: 0;
top: 0px;
font-size: 18px;
line-height: 45px;
cursor: pointer;
}
.footer-social-container {
margin-top: 20px;
}
.footer-social-container ul {
padding: 0;
margin: 0;
list-style: none;
}
.footer-social-container ul li.social {
display: inline-block;
padding-right: 10px;
}
.footer-social-container ul li.social a {
color: #fff;
}
.footer-social-container ul li.social a:hover {
color: #2f5d81;
}
div#lateral-menu-return {
display: none;
position: absolute;
top: -45px;
left: 15px;
font-size: 18px;
line-height: 31px;
cursor: pointer;
/*width: 31px;*/
text-align: center;
background-color: #024e7d;
color: #fff;
padding: 3px 10px;
}
div#lateral-menu-return .fa {
margin-left: 5px;
}
#main-content {
position: relative;
}
.loghi-footer {
text-align: right;
}
.single-post a {
font-weight: bold;
}
/* ***MODAL DIALOG */
.modal {
background-color: rgba(79, 79, 79, 0.25);
}
#headerAppMobile {
width: 100px;
}
#blinker2 {
display: none;
/*color: #ff0000;*/
color: #ab0000;
}
.footer2 {
background-color: #2C2826;
padding: 40px 0px 0px 0px;
}
.footer2 * {
font-size: 13px;
}
.menu-mobile-button-container {
display: none;
}
@media (min-width: 992px) {
nav.lateral-menu {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.site-header .header-info ul li:last-child a {
padding: 15px 10px;
font-size: 10px;
}
.masterPageSidebar.col-lg-3,
.col-lg-3.side-container,
main.col-lg-9.theMain,
.col-lg-9.main-content {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
.masterPageContent {
margin-top: 40px;
}
.site-header .main-header .logo {
padding-right: 25px;
line-height: 105px;
}
.site-header.scrolled-header .main-header .logo {
line-height: 85px;
}
nav.main-navigation ul li:last-child em {
margin-top: 14px;
}
.site-header .header-info ul {
margin-bottom: 0px;
}
nav.main-navigation ul a {
font-size: 12px;
}
}
@media (max-width: 1099px) {
.menu-button-container {
display: none !important;
}
.menu-mobile-button-container {
display: inline-block;
}
nav.main-navigation {
display: none;
}
}
@media (max-width: 991px) {
.site-header.scrolled-header .header-right-toggle {
margin-top: 0px;
}
footer {
text-align: center;
}
footer .footer-widget .line-dec {
margin-left: auto;
margin-right: auto;
}
footer .footer-widget .university-address ul li em {
float: none;
}
footer .footer-widget .featured-links ul {
margin-left: 0px;
list-style: none;
}
.course-information .widget-heading {
padding-bottom: 0px;
position: relative;
}
/* su mobile la lista voci parte collassata come sul sito originale eCampus
(il markup aveva style="display:none" inline). Il chevron-down in
#course-information-btn fa slideToggle e alterna chevron-up/down. */
nav.lateral-menu {
display: none;
margin-top: 20px;
}
div#course-information-btn {
display: inline-block;
}
div#course-information-collapse-btn {
display: none;
}
.inner-header {
position: relative;
}
.site-header .main-header .logo {
border-right: none;
}
.site-header .header-info {
border-bottom: none;
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: right;
}
.site-header .header-info ul {
padding-left: 15px;
padding-right: 15px;
margin: 0px;
padding-bottom: 0px;
}
.site-header .header-info ul li {
border: none;
}
.lateral-menu {
display: none;
}
}
@media (max-width: 767px) {
.site-header .main-header .logo img {
max-width: 200px;
}
.header-right-toggle a {
margin-top: 35px;
}
}
@media (max-width: 575px) {
.header-right-toggle a {
margin-top: 50px;
}
}
@media (max-width: 475px) {
#headersitemap,
#headerinfo {
display: none;
}
}
@media (max-width: 415px) {
.site-header .main-header .logo img {
max-width: 140px;
}
/* AGGIUNTO DA JOSUE 23-01-20018 */
}
@media (min-width: 1200px) and (max-width: 1366px) {
/*.spot-container{
width: 50%;
}*/
}
@media (min-width: 768px) {
.container {
width: 100%;
max-width: 1600px;
}
}
/* *********************************************************************************** */
/* ************************ END MEDIA QUERIES **************************************** */
/* *********************************************************************************** */
/* *********************************************************************************** */
/* *********************** INFOGRAFICA HOME ****************************************** */
/* *********************************************************************************** */
/* Reset.css */
/** riga uno **/
/** riga due **/
/** riga due sx **/
/** riga due dx **/
/** riga tre **/
/** Rosone **/
@media only screen and (max-width: 1180px) {
/** riga uno e tre **/
/** riga due sx **/
/** riga due dx **/
/** Rosone **/
}
@media only screen and (max-width: 800px) {
/** riga uno **/
/** riga due **/
/** riga due sx **/
/** riga due dx **/
/** riga tre **/
}
:root {
--space: 1rem;
--bg: #09090b;
--fg: #e3e3e3;
--surface-1: #101012;
--surface-2: #27272a;
--surface-3: #52525b;
--ease-out: cubic-bezier(0.5, 1, 0.89, 1);
--ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
--white: #FFFFFF;
--light-blue: #87CEEB;
--mid-blue: #4682B4;
}
/* * {
box-sizing: border-box;
}
height,
body {
height: 100%;
}
body {
display: grid;
color: var(--fg);
background: var(--bg);
padding: var(--space);
min-height: 100vh;
} */
/* .container-meta>span {
color: white;
padding-bottom: 10px;
font-size: 26px;
letter-spacing: 3px;
} */
/**
*** Stili dropdown (accordion)
*** Bandi e concorsi
*/
/* Freccetta chiusa (►) per tutti i summary */
/* Freccetta aperta (▼) per i summary dentro un details aperto */
/**
*** Stili banner
*** Homepage
*/
@media (max-width: 991px) {
.loghi-footer {
text-align: center;
}
}
/*** SEZIONE 1 ***/
/*** SEZIONE 2 ***/
/*** SEZIONE 3 ***/
/*** SEZIONE 4 ***/
/*** SEZIONE 5 ***/
/*** SEZIONE 6 ***/
/* .sezione-testo-ateneo .titolo-secondario-ateneo {
font-weight: bold;
} */
/* ATTENZIONE CLASSI DI EDUCA.CSS */
.widget-heading {
z-index: 2;
position: relative;
}
/* @media (min-width: 576px) {
.col-services {
padding-right: 3rem !important;
padding-left: 3rem !important;
padding-top: 1.5rem;
}
.background-services:before {
right: -999em;
}
} */
/* Pulsante ritorno menu laterale */
#lateral-menu-return {
display: none;
align-items: center;
gap: 8px;
cursor: pointer;
padding: 8px 16px;
margin-bottom: 16px;
background: #1a4a7a;
border-radius: 8px;
color: #ffffff;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.05em;
width: fit-content;
transition: background 0.2s;
user-select: none;
}
#lateral-menu-return:hover {
background: #245c84;
}
#lateral-menu-return .menu-return-title {
color: #ffffff;
pointer-events: none;
}
#lateral-menu-return em {
font-size: 12px;
color: #ffffff;
pointer-events: none;
}
#lateral-menu-return,
#lateral-menu-return a,
#lateral-menu-return span,
#lateral-menu-return em {
color: #ffffff !important;
text-decoration: none;
}
@media all {
.title-large {
font-size: 100px;
line-height: 95px;
}
.text-white-2 {
color: #FFF;
}
.z-index-5 {
z-index: 5;
}
.parallax {
transition-timing-function: unset;
-moz-transition-timing-function: unset;
-webkit-transition-timing-function: unset;
-o-transition-timing-function: unset;
-ms-transition-timing-function: unset;
transition-duration: 0s;
-moz-transition-duration: 0s;
-webkit-transition-duration: 0s;
-o-transition-duration: 0s;
-ms-transition-duration: 0s;
}
.parallax {
position: relative;
background-size: cover;
overflow: hidden;
/*background-attachment: fixed;*/
}
.no-margin-bottom {
margin-bottom: 0 !important;
}
.position-relative {
position: relative !important;
}
}
@media all {
@media (max-width: 1199px) {
.title-large {
font-size: 90px;
line-height: 90px;
}
}
@media (max-width: 1050px) {
.parallax {
background-attachment: inherit;
}
}
@media (max-width: 991px) {
.title-large {
font-size: 70px;
line-height: 65px;
}
.parallax {
background-position: center;
}
}
@media (max-width: 767px) {
.title-large {
font-size: 38px;
line-height: 44px;
}
section {
padding: 50px 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
.parallax {
background-attachment: inherit;
background-position: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
.parallax {
background-attachment: inherit;
background-position: center;
}
}
}
@media all {
.parallax .trick {
background-color: rgb(28 28 28 / 0.01);
}
section.top-img {
margin-top: 131px;
padding: 100px;
background-position: center;
background-repeat: no-repeat;
}
.page-title-top {
text-transform: uppercase;
text-shadow: 0px 0px 2px #000;
}
@media (max-width: 575px) {
section.top-img {
padding: 100px;
}
}
}
/*! CSS Used keyframes */
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@media all {
div#navigation-trail {
padding: 2px 0px;
background-color: #245C84;
color: #fff;
}
div#navigation-trail a {
color: #fff;
}
div#navigation-trail a:hover {
color: #ff214f;
}
}
.language-menu {
list-style: none;
display: flex;
gap: 20px;
padding: 15px;
margin: 0;
align-items: center;
}
.language-menu li {
display: inline-block;
line-height: 1;
}
.language-menu a,
.language-menu span {
display: inline-block;
transition: transform 0.2s ease, opacity 0.2s ease;
}
.language-menu img.flag-icon {
display: block;
width: 24px;
height: 16px;
border-radius: 2px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
.language-menu li.active img.flag-icon {
outline: 2px solid white;
outline-offset: 2px;
}
.language-menu li:not(.active):hover img.flag-icon {
transform: scale(1.1);
}
.language-menu img.inactive {
opacity: 0.4;
filter: grayscale(100%);
}
.breadcrumb-class {
padding: 15px;
}
/* Quando il menu è chiuso */
/* Bottone ritorno menu */
/*#lateral-menu-return {
background: #f7f7f7;
padding: 10px 15px;
border-left: 4px solid #002147;
cursor: pointer;
display: none;
margin-bottom: 20px;
}
#lateral-menu-return span {
font-weight: bold;
}
#lateral-menu-return em {
float: right;
margin-top: 3px;
}*/
/**
FIX GRAFICHE TEMPORANEE - VERSIONE MIG - 27/11/2025
**/
h2.pageTitle {
margin-top: 0px;
margin-bottom: 30px;
}
/**
PAGINA: Architettura Hardware e di rete
**/
/**
TITLE PAGE HEADER
**/
.page-title-top.no-margin-bottom.text-white-2.alt-font.title-large.wow.slideInLeft {
font-size: 50px;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 800;
}
/**
PAGINA: Master
**/
/* Quando il bottone è spostato nel main-content */
/* Quando il bottone è nel Main Content */
/* 1. OBBLIGHIAMO IL BOTTONE A COMPARIRE */
/* Usiamo !important per vincere sul CSS del tema che lo nasconde */
#course-information-collapse-btn {
display: block !important;
z-index: 100;
/* Assicuriamoci che sia cliccabile */
}
/* 2. STILE QUANDO IL BOTTONE È NELLA SIDEBAR (Originale) */
.side-container #course-information-collapse-btn {
/* Lasciamo che usi lo stile originale del tema */
cursor: pointer;
}
/* 3. STILE QUANDO IL BOTTONE È SPOSTATO NEL MAIN CONTENT (Tramite il nostro JS) */
/* Quando il JS sposta il bottone, non è più dentro .side-container */
/* Quindi dobbiamo resettare il position absolute che darebbe fastidio */
/* Stile per l'icona dentro il bottone quando spostato */
/* Style per il bottone quando viene spostato nel contenuto principale */
/* 1. Nascondi su Desktop */
@media (min-width: 992px) {
.menu-mobile-button-container,
.responsive-menu {
display: none !important;
}
}
/* sidebar visibile da quando pushy è nascosto, a differenza del sito di ecampus che mostra sempre la sidebar, anche su mobile */
@media (max-width: 991.98px) {
.side-container, #lateral-menu-return {
display: none !important;
}
}
/* 2. Stile del Menu Mobile (Off-Canvas) */
.responsive-menu {
position: fixed;
/* Fisso sullo schermo */
top: 0;
left: 0;
width: 280px;
/* Larghezza fissa (o 80%) */
height: 100vh;
/* Tutta l'altezza */
background-color: #005489;
z-index: 10000;
/* Sopra a tutto */
/* ANIMAZIONE */
transform: translateX(-100%);
/* Spostato tutto a sinistra fuori schermo */
transition: transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1.0);
/* Movimento fluido */
/* Scroll interno se il menu è lungo */
overflow-y: auto;
box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
}
/* Quando è aperto */
/* 3. Stile Overlay (Sfondo scuro dietro il menu) */
/* Quando il menu è aperto, mostriamo l'overlay */
/* 4. Stile Intestazione Menu (Titolo e X) */
/* Stile base delle liste (uguale a prima) */
.responsive-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.responsive-menu>ul>li {
border-bottom: 1px solid #eee;
}
.responsive-menu a {
display: block;
padding: 12px 20px;
color: #333;
text-decoration: none;
}
/* Sottomenu (uguale a prima) */
.responsive-menu .sub-menu {
display: none;
background-color: #005489;
padding-left: 20px;
}
#course-information-collapse-btn {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
z-index: 1000 !important;
cursor: pointer !important;
}
/* Stile del bottone quando viene spostato nel main content */
@media (max-width: 991px) {
#course-information-collapse-btn {
display: none !important;
}
}
/* ==== animate.css ==== */
@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2014 Daniel Eden
*/
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
/* ================================================================
* OVERRIDE ALMALAUREA - specifiche masterPage placement
* ================================================================ */
/* --- z-index del site-header ridotto per non coprire i dialog jQuery UI --- */
.site-header {
z-index: 100;
}
/* --- theMain: applichiamo qui le regole di font-size/line-height/color
per non rompere header e breadcrumb (come suggerito dalla guida AlmaWiki) ---*/
.theMain {
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 24px;
color: #444;
min-height: 400px;
}
.theMain p {
/* ri-applica perché alcune regole upstream usano !important */
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 24px;
color: #444;
}
/* --- LANGUAGE SWITCHER in header --- */
.header-info .lang-switcher {
padding-left: 0;
}
.header-info .lang-switcher a {
display: inline-block;
margin: 0 4px;
padding: 2px 4px;
border: 1px solid transparent;
border-radius: 3px;
line-height: 0;
vertical-align: middle;
}
.header-info .lang-switcher a.lang-active,
.header-info .lang-switcher a:hover {
border-color: #245C84;
}
.header-info .lang-switcher img.flag-icon {
display: block;
}
/* --- BREADCRUMB fuori grafica (popolata via JS da .theMain .breadcrumb) --- */
#navigation-trail {
background-color: #f2f5f6;
border-bottom: 1px solid #e5ebed;
padding: 8px 0;
font-family: 'Roboto', sans-serif;
}
#breadcrumbs,
#breadcrumbs a {
/*color: #245C84;*/
text-decoration: none;
}
/* nasconde la breadcrumb originale in .theMain perché è stata spostata in #breadcrumbs */
.theMain .breadcrumb {
display: none;
}
/* Casetta breadcrumb: AlmaLaurea inietta come primo nodo del breadcrumb un
link che rappresenta la home. A seconda del contesto (frontend, area
azienda, area staff, ecc.) l'id può variare: #LinkHome, #LinkStaffHome,
ecc. Lo trasformiamo in icona casetta ricalcando il pattern .ico-home
(SVG mask + currentColor): nascondo il testo con text-indent, applico
la dimensione 1em × 1em e la mask image. Lo limito al primo figlio
diretto di #breadcrumbs così non tocca eventuali occorrenze degli stessi
id altrove (es. menu) e copre tutti i pattern senza enumerarli. */
#breadcrumbs > a:first-child {
display: inline-block;
width: 1.125em;
height: 1em;
overflow: hidden;
text-indent: 200%;
white-space: nowrap;
vertical-align: -0.125em;
background-color: currentColor;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
/* --- POWERED BY ALMALAUREA: 40px di spazio prima del footer --- */
.theMain .static {
margin-top: 40px;
margin-bottom: 40px;
text-align: center;
font-size: 12px;
color: #888;
}
.theMain .static img {
max-height: 40px;
}
/* --- FOOTER: assicuriamo che ci sia spazio dopo il "Powered by AlmaLaurea" --- */
.masterPageFooter {
margin-top: 0;
clear: both;
}
/* --- HIDDEN CLASSES AlmaLaurea --- */
.hiddenStaff .hiddenWhenHiddenStaff {
display: none !important;
}
.hiddenLau .hiddenWhenHiddenLau {
display: none !important;
}
/* ============================================================
SIDEBAR AlmaLaurea → stile eCampus .lateral-menu
------------------------------------------------------------
Il framework AlmaLaurea inietta nel literal Sidebar un markup
del tipo:
Qui mappiamo quei selettori sullo stile eCampus originale del
side-menu (vedi .lateral-menu più sopra): link neri, uppercase,
12px, voce corrente in bold, stesso padding dell'originale.
============================================================ */
/* reset h4 generato dal framework (Bootstrap lo stilizza) */
.course-information .navigationMenu .LinkTitoloSezione {
margin: 0;
padding: 0;
font-size: inherit;
font-weight: normal;
line-height: 1.2;
}
/* titolo di sezione: stesso look dei del .lateral-menu originale */
.course-information .navigationMenu .LinkTitoloSezione a,
.course-information .navigationMenu .LinkTitoloSezione span.LinkFinto {
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 12px 5px 15px 15px;
color: #000000;
text-decoration: none;
border-bottom: 1px solid #e6e6e6;
margin: 1px 0;
}
.course-information .navigationMenu .LinkTitoloSezione a:hover {
text-decoration: none;
}
/* equivalente del vecchio `.course-information ul li:last-child { border-bottom: none }`:
l'ultima sezione del menu non ha il separatore inferiore.
Il framework AlmaLaurea inietta un wrapper