/* 
 * CSS: Global
 * @desc: Global custom styles.
 */

/* How the total width and height of an element is calculated. */
* {
	box-sizing: border-box;
}

/* HTML size */
html {
  overflow-y: scroll!important;
	overflow-x: hidden!important;
	width: 100%;
	max-width: 100%;
}

/* Body BG color */
body {
  background-color: #111111;
  font-family: 'League Gothic', sans-serif!important;
}

/* Body when modal is active */
body.oxy-modal-active {
  height: auto!important;
}

/* Body transparent on single portfolio (iframe) */
body.single-portfolio { 
  background-color: rgba(0,0,0,0.1);
}

/* Main */
.jpf-main {
	overflow-x: hidden!important;
}

/* Global element - Fade in class */
.jpf-element-fade-in {
  transition: opacity 0.5s;  
  opacity: 1;
}

/* Global element - Fade out class */
.jpf-element-fade-out {
  transition: opacity 1s!important;  
  opacity: 0!important;
}

/* Global element - Display */
.jpf-element-display {
  display: flex!important;
}

/* Global element - Hide */
.jpf-element-hide {
  display: none!important;
}

/* Breadscrum */
.jpf-comp-breadscrum a {
  color: white;
  text-decoration: none;
}

/* Main Scrollbar */
::-webkit-scrollbar {
	width: 2px; /* Width of the scrollbar */
}

/* Handle of the scrollbar */
::-webkit-scrollbar-thumb {
	background-color:#b1b1b1; /* Almost transparent white color for the handle */
	border-radius: 3px; /* Rounded border for the handle */
}

/* When the mouse hovers over the scrollbar */
::-webkit-scrollbar-thumb:hover {
	background-color:#b1b1b1; /* Almost transparent white color when hovered over */
}

/* Prevent the blue highlighting on links, buttons, images, div */
a, button, img, div {
  -webkit-tap-highlight-color: transparent!important;
}

/* Last childs */
.jpf-page-content:not(.jpf-movie-trailers-page__content) .jpf-section:last-child,
.jpf-footer .jpf-footer-top-infos__jobs .jpf-footer-texts:last-child,
.jpf-footer .jpf-footer-top-menu-site-map-items__part-1 #menu-menu-footer-site-map-1-2 .menu-item:last-child a,
.jpf-footer .jpf-footer-top-menu-site-map-items__part-2 #menu-menu-footer-site-map-2-2 .menu-item:last-child a,
.jpf-footer .jpf-footer-top-menu-legals__items #menu-menu-footer-legals .menu-item:last-child a,
.jpf-about-page-content-jp-ferre-picture-and-bio__bio p:last-child,
.jpf-film-page-content-scroll-part-crew-specs-blocks__crew .jpf-margin-24:last-child,
.jpf-film-page-content-scroll-part-crew-specs-blocks__specs .jpf-margin-24:last-child,
section .jpf-comp-text:last-child {
  margin-bottom: 0;
}

/* Hidden element, but increase the size and margin, solved a PageSpeed Insight problem */
.page-numbers {
  width: 3rem;
  margin: 1rem;
}

/* Custom styles under 975px */
@media (max-width: 974px) {
  
  /* When mobile menu is open, overflow hidden on the document. The user can only scroll the navigation list, not the entire displayed menu. */
  .jpf-overflow-hidden {
	  overflow: hidden!important;
  }
  
}