/*
	Theme Name: Semplice Child Theme
	Description: Child Theme for Semplice
	Author: Semplicelabs
	Template: semplice5
*/

:root {
  --main-black: #000000;
  --main-white: #ffffff;
  --main-red: #e6002d;
}

/* Custom CSS Start */
.is-frontend header {
  overflow: hidden;
}

/* Hide language selector */
body .lang-item {
  /* display: none; */
}

body .navbar-inner nav ul li.lang-item-it a {
  padding-right: 0.3rem;
}

body .navbar-inner nav ul li.lang-item-en a {
  padding-left: 0.3rem;
}

/* Move slidshow counter to bottom */
.pswp__top-bar .pswp__counter {
  transform: translateY(-100%);
  position: fixed !important;
  top: 100% !important;
}

/* Change lightbox image caption position, on the left */
.pswp__ui .pswp__caption .pswp__caption__center {
  margin: 0 !important;
  padding: 0 !important;
  height: 3.44444rem !important;
  margin-left: 4.5rem !important;
  display: flex;
  align-items: center;
  text-align: inherit;
  transform: translateY(-1px);
  font-weight: bold;
}

/* Show always the ui inside the lightbox view */
.pswp__ui--hidden * {
  opacity: 1 !important;
}

/* Give a minimum padding value to the ligthbox images */
.pswp__img {
  padding: 20px !important;
}

body .navbar-inner .navbar-left,
.semplice-navbar {
  overflow: hidden !important;
}

/* Align Menu Section to logo baseline */
body .navbar-inner .navbar-left {
  align-items: baseline;
}

/* Menu on mobile with white background */
#overlay-menu {
  background-color: white;
}

/* Black text for menu items */
#overlay-menu .overlay-menu-inner nav ul li a span {
  color: black;
}

/* Prevent Zoom into Lightbox image */
.pswp__zoom-wrap,
.pswp__button--zoom {
  pointer-events: none !important;
}

/* Prevent Zoom into Lightbox image */
.pswp__button--zoom {
  display: none !important;
}

/* Disable fullscreen lightbox btn */
.pswp__button--fs {
  display: none !important;
}

/* Set caption background to transparent */
.pswp__caption {
  background-color: transparent !important;
}

/* Set caption color to FIU-RED */
.pswp__caption__center {
  color: var(--main-red) !important;
}

/* Set current active navbar item to red */
.current-menu-item span {
  color: var(--main-red) !important;
  font-weight: bold;
}

.menu-item,
.menu-item a,
.menu-item span {
  display: block;
  height: 100% !important;
}

.gallery-subnav {
  margin-bottom: 1rem;
}

.gallery-subnav .menu-item {
  font-size: 1.2rem !important;
  margin-right: 1.3rem;
}

.gallery-subnav .menu-item a {
  color: black !important;
}

/* Align Flickity Caption to the left */
.flickity-meta {
  text-align: inherit !important;
}
#content_mii619d5a .flickity-meta .flickity-caption {
  text-align: left;
}

/* Fix project container text overflow on mobile */
.content-block .container {
  align-items: flex-end !important;
  align-content: flex-end !important;
}

/* Add a background over effect on main slideshow on homepage */
.is-frontend .apg-post {
  background-color: var(--main-red) !important;
  background: var(--main-red) !important;
}

/* Modify Semplice Hero Image Height  */
.semplice-cover {
  height: 70vh !important;
}

/* Align single-project hero text to the bottom of its container  */
.semplice-cover .semplice-cover-inner .container {
  align-items: flex-end !important  ;
}

/* Set header menu items in white during single-project view  */
.single-project .cover-transparent .menu-item a span {
  color: var(--main-white) !important;
}

/* Custom CSS End */