/*************/
/**** all ****/
/*************/

/*--- img-hover ---*/
.img-hover-zoom {
  overflow: hidden; 
}

.img-hover-zoom img {
  transition: transform 1s ease;
}

.img-hover-zoom:hover img {
  transform: scale(1.2);
}

/*--- latex ---*/
mjx-container {
  display: inline-block;
}
mjx-assistive-mml {
  right: 0px;
  bottom: 0px;
}

/*******************/
/***** navbar ******/
/*******************/
/*small*/
@media (max-width: 575px) {
  .mobile-screen-no-margin{
    margin-left: -1rem!important;
    margin-right:-1rem!important;
  }
  .w-mobile-100{
    width:100%;
  }
}

/*******************/
/**** index.php ****/
/*******************/

/*--- carousel ---*/

/*small*/
@media (max-width: 575px) {
  .carousel-inner .carousel-item > div {
      display: none;
  }
  .carousel-inner .carousel-item > div:first-child {
      display: block;
  }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

/*medium*/
@media (min-width: 576px) and (max-width: 991px) {
  
  .carousel-inner .carousel-item-end.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(50%);
  }
  
  .carousel-inner .carousel-item-start.active, 
  .carousel-inner .carousel-item-prev {
    transform: translateX(-50%);
  }
}

/*large*/
@media (min-width: 992px) {
  
  .carousel-inner .carousel-item-end.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(33.3%);
  }
  
  .carousel-inner .carousel-item-start.active, 
  .carousel-inner .carousel-item-prev {
    transform: translateX(-33.3%);
  }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
transform: translateX(0);
}




/*********************/
/**** article.php ****/
/*********************/

/*--- pagination ---*/
.page-item.disabled .page-link {
  border-color:var(--falcon-pagination-border-color);
}

/*--- author-card ----*/
.avatar-box {
  overflow:auto; 
  margin: 2px;
}
.avatar-img {
 float: left;
 width:100px;
 height:100px;
 background: #000;
 border-radius: 50%
}
.avatar-text {
 float: left; 
} 
/*nepy-exams*/
#btn-back-to-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    display: none;
  }

/*--- youtube-iframe ---*/
@media (min-width: 769px) {  
  .youtubeboxframe {
    height: 280px;
    width: 500px;
  }
  .youtubebox {
    border-radius: 7px;
    overflow: hidden;
    z-index: 1;
    max-height: 280px;
    max-width: 500px;
    margin:auto;
  } 
}

@media (min-width: 577px) and (max-width: 768px) {
  .youtubeboxframe {
    height: 230px;
    width: 410px;
  }
  .youtubebox {
    border-radius: 5px;
    overflow: hidden;
    z-index: 9999;
    max-height: 280px;
    max-width: 500px;
    margin:auto;
  } 
}
 
@media (max-width: 576px) {  
  .youtubeboxframe {
    height: 185px;
    width: 330px;
  } 
  .youtubebox {
    border-radius: 7px;
    overflow: hidden;
    z-index: 1;
    /* max-height: 205px; */
    max-width: 100%;
    margin:auto;
  }
}

/*--- article-title ---*/
.article-title {
  font-size: 16pt;
  text-align: center;
  font-weight: bold;
}

/*--- article-subtitle ---*/
.article-subtitle {
  text-decoration: underline;
}

/*--- article-note ---*/
.article-note {
  color: #ff679b;
}

/*--- article-list ---*/
.article-list {
  text-align: left;
  font-size: 11pt;
}

/*--- article-note ---*/ /*--TO DELETE--*/
.article-aposteriori{
  color: #ff679b;
}

/*--- pre code, e.g., programming articles ---*/
pre[class*=language-] {
  background-color: #232e3c;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  padding-top: 1em!important;
}

/*--- latex, e.g., math articles ---*/
.MathJax {
  font-size: 14pt !important; 
}

/*--- related-articles card: link on image and text ---*/
.card-img-overlay-article {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1rem;
  border-radius: calc(0.375rem - 0px);
}

/*--- figures ---*/
.figure {display: table; margin-right: auto; margin-left: auto;}
.figure-caption {display: table-caption; caption-side: bottom; text-align: justify; font-size: 11pt;}
@media (max-width: 575px) { .figure-caption{ text-align:left!important;} }

/*--- tables ---*/
.table tr td:first-child {
  padding-left: 0.95rem; 
}
.table thead>tr>th:first-child, .table tr th:first-child, .table tr td:first-child {
  padding-left: 0.95rem;
}
.table-style{
    margin-left: auto;
    margin-right: auto;
    font-size: 11pt;
}

.table caption{
  text-align: justify;
  color:#748194;
}
.table th{
  vertical-align: top!important;
  text-align: left!important;
}
.table tr{
  text-align: justify;
}
@media (max-width: 575px) { .table caption, .table tr{ text-align:left!important;} }

/*--- text ---*/
@media (max-width: 575px) { 
  .text-justify{
    text-align:left!important;
  }
}
@media (min-width: 576px) { 
  .text-justify{
    text-align:justify!important;
  }
}

/*--- text (in pages.php) ---*/

/*-- nivo-slider --*/
.slider-wrapper { 
	width: 80%; 
	margin: 10px auto;
}
@media (max-width: 575px) { 
  .slider-wrapper { 
    width: 100%; 
    margin: 10px auto;
  }
}


/*--- display in micro screens (in article.php) below 360px */
.micro-display{
display:none;
}
.micro-display-none{
  display:inline-block;
}
@media (max-width: 359px) { 
  .micro-display{
    display:block;
    }
  .micro-display-none{
    display:none;
  }
}

/*--bold text for highlight ---*/

table b {
  color: var(--falcon-600); /*600 good in light mode*/
}

b {
  color: var(--falcon-bold); /*600 good in light mode*/
  font-weight: 700;
}



  .img-bg{
  background-color:#fff;
  padding:10px;
  mix-blend-mode: multiply;

 

}


.show::after{
  opacity: .0;
}