/* MENU TRSPARENZA*/
/*div.sticky-header-placeholder {
height: 0px;
}*/
header#sp-header.header-sticky {
height: 100px;
}
#sp-header .logo {
height: 100px;
}
.PB-home #sp-header:not(.header-sticky) {
background: transparent;
position: fixed;
top: 0;
box-shadow: none;
}
#sp-header:not(.header-sticky) {
background: #fff;
position: fixed;
top: 0;
box-shadow: none;
}
/* Per nascondere forget PWD Forget USR */
.login .list-group {
    display: none;
}
#sp-header.header-sticky{
padding-top: 0px;
}
section#sp-main-body {
padding-top: 0px;
}
.PB-home #sp-title {
padding-top: 0px;
}
#sp-title {
padding-top: 120px;
}

 .sp-page-title {
background-color: rgb(16, 19, 190);
}
.sp-page-title .sp-page-title-heading {
font-size: 36px;
}
/* SIMBOLO MENU CANVAS*/
.burger-icon>span {
height: 2px;
background-color: #1d1068;
}
.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
background-color: #fff;
}

/* SFONDO GRANDE QUANDO APERTO CANVAS - nasconde logo, nasconde blur - */
div.d-flex.align-items-center.p-3 > div.logo {display: none !important;visibility: hidden;}

.offcanvas-overlay {
-webkit-backdrop-filter: blur(0px);
backdrop-filter: blur(0px);
}


/* SFONDO GRANDE QUANDO APERTO CANVAS*/
.offcanvas-overlay {
background: rgba(255, 255, 255, .4); important!
}
/* REGOLE MENU CANVAS*/
.offcanvas-menu {
background-color: #1d1068;
font-weight: 600;
text-transform: uppercase; 
color: #ffffff  
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li {
padding:2px 0px 2px 0px
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
color: #ffffff; important!
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover{
color: #5685ff; important!
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active a{
color: #5685ff; important!
}
/* CHIUSURA CANVAS*/
.close-offcanvas {
position: absolute;
top: 15px;
z-index: 1;
border-radius: 100%;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
font-size: 24px;
background: #1d1068;
color: #fff;
}
.close-offcanvas:hover {
color: #5685ff;
background: #1d1068; 
}
/*TOGGLER INTERNO CANVAS*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler {
color: #ffffff; important!
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler:after, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler:after {
content: "\f067";
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.menu-parent-open > a > .menu-toggler:after, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.menu-parent-open > .menu-separator > .menu-toggler:after {
content: "\f068";
}
/*ACTIVE MENU CHILD CANVAS*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li  ul.menu-child li a {
color: #ffffff; important!
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li  ul.menu-child li.active a  {
color: #5685ff; important!;
}
.breadcrumb {
background-color: #1013be;
}
.breadcrumb li {
color: #ffffff;
}
li.breadcrumb-item span{
color: #ffffff; Important!;
font-weight:600;  
}
li.breadcrumb-item.active span{
color: #ffffff; important!;
font-weight:400;  
}
.breadcrumb-item+.breadcrumb-item::before {
color: #ffffff;
content: "/";
}
/*ROTAZIONE IMMAGINE HOME*/
#sppb-addon-1610904373773 .sppb-img-responsive  {-webkit-animation: rotateInfinite 5s infinite linear;}
@-webkit-keyframes rotateInfinite {100%
  {-webkit-transform:rotate(360deg);}
}

.js-marquee {
  font-weight: 500;
  font-size:1.2rem;
  }

/*FRECCIA TOP*/
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
color: #fff;
background: #5685ff; important!;
}
.sp-scroll-up {
background: #1d1068;  Important!
} 


/*ARTICOLO BLOG*/
.article-list {
padding-top: 80px  
}
.article-list .article {
margin-bottom: 30px;
padding: 20px 0px 20px 0px;
border: 0px;  
border-top: 1px solid #1d1d1d;
border-radius: 0px;  
width: 100%;
}
.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
margin: 10px 0px 20px 0px;
border-radius: 0;
border-bottom: 0px solid #f5f5f5;
overflow: hidden;
}
.article-info > span a {
color: #000000;
}
.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
font-weight:500;
}
div.article-info {
position: relative;
top: 5px;
left: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 1rem;
}
.blogBP-docenti div.article-header::before {
content: url("https://fisica-e-scuola.difa.unibo.it/images/immagini/esagono-small.png");
}
.blogBP-pubblico div.article-header::before {
content: url("https://fisica-e-scuola.difa.unibo.it/images/immagini/quadrato-small.png");
}
.blogBP-studenti div.article-header::before {
content: url("https://fisica-e-scuola.difa.unibo.it/images/immagini/cerchio-small.png");
}
/* TITOLO IN lista blog*/
.article-list .article .article-header h1, .article-list .article .article-header h2 {
font-size: 1.375rem;
margin: 0.5rem 0 0.5rem 0;
}

/* ARTICOLO SOCIAL + NEXT FONDO PAGINA*/
.article-details .article-ratings-social-share {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}  
.article-social-share .social-share-icon ul li a {
border: 1px solid #252525;
font-size: 1.4rem;
border-radius: 50%;
height: 54px;
line-height: 54px;
text-align: center;
width: 54px;
display: inline-block;
}
.pager {
border-top: 1px solid #000000;
}
.pager > li a {
border: 1px solid #252525;
border-radius: 0px;
}  

div.login {
padding-top: 50px; important!;
} 
div.logout {
padding-top: 150px; important!;
} 				
div.logout i.fas.fa-sign-out-alt{
font-size: 32px; 
padding-left:20px;  
}  
/* TWITTER*/
.fa-twitter::before { content: url("/images/x-twitter.svg"); width: 14px;
  display: inline-block; height: 14px; vertical-align: -0.125em;}
.sppb-social-share-style-solid ul li a {
padding: 5px;
}
.sppb-social-share-style-solid ul li.sppb-social-share-twitter a {
background-color: #132441;
content: title("x-twitter");   
}
.sppb-social-share-style-solid ul li.sppb-social-share-twitter a:hover {
background-color: #132441;
}
/* NO IMAGE IN BLOG*/
.article-details .article-full-image {
    display: none;
}