/*   
Theme Name: Studio Lucenti Theme
Author: Ilaria roglieri
Version: 1.0
*/
@font-face {
  font-family: 'PP Mori';
  src: url("../fonts/PPMori-Regular.woff2") format("woff2"), url("../fonts/PPMori-Regular.woff") format("woff"), url("../fonts/PPMori-Regular.ttf") format("ttf");
  font-weight: 400; }
@font-face {
  font-family: 'PP Mori';
  src: url("../fonts/PPMori-Semibold.woff2") format("woff2"), url("../fonts/PPMori-Semibold.woff") format("woff"), url("../fonts/PPMori-Semibold.ttf") format("ttf");
  font-weight: 500; }
.s-large, header div[class*="menu-1"] ul li a {
  font-size: 60px; }

.s-big {
  font-size: 40px; }

.s-medium {
  font-size: 30px; }

.s-regular, .sl-wrapper .sl-close, .sl-wrapper .sl-counter {
  font-size: 22px; }

.s-small, .wysiwyg.s-small * {
  font-size: 18px; }

.s-xsmall {
  font-size: 14px;
  font-weight: 500; }

.s-xxsmall {
  font-size: 11px;
  font-weight: 500; }

.uppercase {
  text-transform: uppercase; }

.d-1-twelfth {
  width: calc(8.3333% * 1 - 48px);
  margin: 0 24px; }

.d-2-twelfth {
  width: calc(8.3333% * 2 - 48px);
  margin: 0 24px; }

.d-3-twelfth {
  width: calc(8.3333% * 3 - 48px);
  margin: 0 24px; }

.d-4-twelfth {
  width: calc(8.3333% * 4 - 48px);
  margin: 0 24px; }

.d-5-twelfth {
  width: calc(8.3333% * 5 - 48px);
  margin: 0 24px; }

.d-6-twelfth {
  width: calc(8.3333% * 6 - 48px);
  margin: 0 24px; }

.d-7-twelfth {
  width: calc(8.3333% * 7 - 48px);
  margin: 0 24px; }

.d-8-twelfth {
  width: calc(8.3333% * 8 - 48px);
  margin: 0 24px; }

.d-9-twelfth {
  width: calc(8.3333% * 9 - 48px);
  margin: 0 24px; }

.d-10-twelfth {
  width: calc(8.3333% * 10 - 48px);
  margin: 0 24px; }

.d-11-twelfth {
  width: calc(8.3333% * 11 - 48px);
  margin: 0 24px; }

.d-one-third {
  width: calc(8.3333% * 4 - 48px);
  margin: 0 24px; }

.d-half {
  width: calc(8.3333% * 6 - 48px);
  margin: 0 24px; }

.d-two-thirds {
  width: calc(8.3333% * 8 - 48px);
  margin: 0 24px; }

.d-whole {
  width: calc(100% - 48px);
  margin: 0 24px; }

.spacing-b-0 {
  margin-bottom: 0; }

.spacing-b-tiny {
  margin-bottom: 6px; }

.spacing-b-half {
  margin-bottom: 12px; }

.spacing-b-1 {
  margin-bottom: 24px; }

.spacing-b-2 {
  margin-bottom: 48px; }

.spacing-b-3 {
  margin-bottom: 72px; }

.spacing-b-4 {
  margin-bottom: 96px; }

.spacing-b-5 {
  margin-bottom: 120px; }

.spacing-b-6 {
  margin-bottom: 144px; }

.spacing-b-7 {
  margin-bottom: 168px; }

.spacing-b-8 {
  margin-bottom: 192px; }

.spacing-t-0 {
  margin-top: 0; }

.spacing-t-tiny {
  margin-top: 6px; }

.spacing-t-half {
  margin-top: 12px; }

.spacing-t-1 {
  margin-top: 24px; }

.spacing-t-2 {
  margin-top: 48px; }

.spacing-t-3 {
  margin-top: 72px; }

.spacing-t-4 {
  margin-top: 96px; }

.spacing-t-5 {
  margin-top: 120px; }

.spacing-t-6 {
  margin-top: 144px; }

.spacing-t-7 {
  margin-top: 168px; }

.spacing-t-8 {
  margin-top: 192px; }

.spacing-p-b-0 {
  padding-bottom: 0; }

.spacing-p-b-tiny {
  padding-bottom: 6px; }

.spacing-p-b-half {
  padding-bottom: 12px; }

.spacing-p-b-1 {
  padding-bottom: 24px; }

.spacing-p-b-2 {
  padding-bottom: 48px; }

.spacing-p-b-3 {
  padding-bottom: 72px; }

.spacing-p-b-4 {
  padding-bottom: 96px; }

.spacing-p-b-5 {
  padding-bottom: 120px; }

.spacing-p-b-6 {
  padding-bottom: 144px; }

.spacing-p-b-7 {
  padding-bottom: 168px; }

.spacing-p-b-8 {
  padding-bottom: 192px; }

.spacing-p-t-0 {
  padding-top: 0; }

.spacing-p-t-tiny {
  padding-top: 6px; }

.spacing-p-t-half {
  padding-top: 12px; }

.spacing-p-t-1 {
  padding-top: 24px; }

.spacing-p-t-2 {
  padding-top: 48px; }

.spacing-p-t-3 {
  padding-top: 72px; }

.spacing-p-t-4 {
  padding-top: 96px; }

.spacing-p-t-5 {
  padding-top: 120px; }

.spacing-p-t-6 {
  padding-top: 144px; }

.spacing-p-t-7 {
  padding-top: 168px; }

.spacing-p-t-8 {
  padding-top: 192px; }

@media screen and (max-width: 768px) {
  .spacing-t-b-0 {
    margin-bottom: 0; }

  .spacing-t-b-tiny {
    margin-bottom: 6px; }

  .spacing-t-b-half {
    margin-bottom: 12px; }

  .spacing-t-b-1 {
    margin-bottom: 24px; }

  .spacing-t-b-2 {
    margin-bottom: 48px; }

  .spacing-t-b-3 {
    margin-bottom: 72px; }

  .spacing-t-b-4 {
    margin-bottom: 96px; }

  .spacing-t-b-5 {
    margin-bottom: 120px; }

  .spacing-t-b-6 {
    margin-bottom: 144px; }

  .spacing-t-b-7 {
    margin-bottom: 168px; }

  .spacing-t-b-8 {
    margin-bottom: 192px; }

  .spacing-t-t-0 {
    margin-top: 0; }

  .spacing-t-t-tiny {
    margin-top: 6px; }

  .spacing-t-t-half {
    margin-top: 12px; }

  .spacing-t-t-1 {
    margin-top: 24px; }

  .spacing-t-t-2 {
    margin-top: 48px; }

  .spacing-t-t-3 {
    margin-top: 72px; }

  .spacing-t-t-4 {
    margin-top: 96px; }

  .spacing-t-t-5 {
    margin-top: 120px; }

  .spacing-t-t-6 {
    margin-top: 144px; }

  .spacing-t-t-7 {
    margin-top: 168px; }

  .spacing-t-t-8 {
    margin-top: 192px; }

  .spacing-t-p-b-0 {
    padding-bottom: 0; }

  .spacing-t-p-b-tiny {
    padding-bottom: 6px; }

  .spacing-t-p-b-half {
    padding-bottom: 12px; }

  .spacing-t-p-b-1 {
    padding-bottom: 24px; }

  .spacing-t-p-b-2 {
    padding-bottom: 48px; }

  .spacing-t-p-b-3 {
    padding-bottom: 72px; }

  .spacing-t-p-b-4 {
    padding-bottom: 96px; }

  .spacing-t-p-b-5 {
    padding-bottom: 120px; }

  .spacing-t-p-b-6 {
    padding-bottom: 144px; }

  .spacing-t-p-b-7 {
    padding-bottom: 168px; }

  .spacing-t-p-b-8 {
    padding-bottom: 192px; }

  .spacing-t-p-t-0 {
    padding-top: 0; }

  .spacing-t-p-t-tiny {
    padding-top: 6px; }

  .spacing-t-p-t-half {
    padding-top: 12px; }

  .spacing-t-p-t-1 {
    padding-top: 24px; }

  .spacing-t-p-t-2 {
    padding-top: 48px; }

  .spacing-t-p-t-3 {
    padding-top: 72px; }

  .spacing-t-p-t-4 {
    padding-top: 96px; }

  .spacing-t-p-t-5 {
    padding-top: 120px; }

  .spacing-t-p-t-6 {
    padding-top: 144px; }

  .spacing-t-p-t-7 {
    padding-top: 168px; }

  .spacing-t-p-t-8 {
    padding-top: 192px; } }
@media screen and (max-width: 640px) {
  .spacing-m-b-0 {
    margin-bottom: 0; }

  .spacing-m-b-tiny {
    margin-bottom: 6px; }

  .spacing-m-b-half {
    margin-bottom: 12px; }

  .spacing-m-b-1 {
    margin-bottom: 24px; }

  .spacing-m-b-2 {
    margin-bottom: 48px; }

  .spacing-m-b-3 {
    margin-bottom: 72px; }

  .spacing-m-b-4 {
    margin-bottom: 96px; }

  .spacing-m-b-5 {
    margin-bottom: 120px; }

  .spacing-m-b-6 {
    margin-bottom: 144px; }

  .spacing-m-b-7 {
    margin-bottom: 168px; }

  .spacing-m-b-8 {
    margin-bottom: 192px; }

  .spacing-m-t-0 {
    margin-top: 0; }

  .spacing-m-t-tiny {
    margin-top: 6px; }

  .spacing-m-t-half {
    margin-top: 12px; }

  .spacing-m-t-1 {
    margin-top: 24px; }

  .spacing-m-t-2 {
    margin-top: 48px; }

  .spacing-m-t-3 {
    margin-top: 72px; }

  .spacing-m-t-4 {
    margin-top: 96px; }

  .spacing-m-t-5 {
    margin-top: 120px; }

  .spacing-m-t-6 {
    margin-top: 144px; }

  .spacing-m-t-7 {
    margin-top: 168px; }

  .spacing-m-t-8 {
    margin-top: 192px; }

  .spacing-m-p-b-0 {
    padding-bottom: 0; }

  .spacing-m-p-b-tiny {
    padding-bottom: 6px; }

  .spacing-m-p-b-half {
    padding-bottom: 12px; }

  .spacing-m-p-b-1 {
    padding-bottom: 24px; }

  .spacing-m-p-b-2 {
    padding-bottom: 48px; }

  .spacing-m-p-b-3 {
    padding-bottom: 72px; }

  .spacing-m-p-b-4 {
    padding-bottom: 96px; }

  .spacing-m-p-b-5 {
    padding-bottom: 120px; }

  .spacing-m-p-b-6 {
    padding-bottom: 144px; }

  .spacing-m-p-b-7 {
    padding-bottom: 168px; }

  .spacing-m-p-b-8 {
    padding-bottom: 192px; }

  .spacing-m-p-t-0 {
    padding-top: 0; }

  .spacing-m-p-t-tiny {
    padding-top: 6px; }

  .spacing-m-p-t-half {
    padding-top: 12px; }

  .spacing-m-p-t-1 {
    padding-top: 24px; }

  .spacing-m-p-t-2 {
    padding-top: 48px; }

  .spacing-m-p-t-3 {
    padding-top: 72px; }

  .spacing-m-p-t-4 {
    padding-top: 96px; }

  .spacing-m-p-t-5 {
    padding-top: 120px; }

  .spacing-m-p-t-6 {
    padding-top: 144px; }

  .spacing-m-p-t-7 {
    padding-top: 168px; }

  .spacing-m-p-t-8 {
    padding-top: 192px; } }
*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

*:focus {
  outline: 0; }

.d-inline-block {
  display: inline-block; }

.t-visible, .m-visible {
  display: none; }

.d-flex {
  display: flex; }
  .d-flex.row-reverse {
    flex-flow: row-reverse; }
  .d-flex.d-column {
    flex-flow: column; }
  .d-flex.center {
    align-items: center; }
  .d-flex.v-center {
    justify-content: center; }
  .d-flex.top {
    align-items: flex-start; }
  .d-flex.baseline {
    align-items: baseline; }
  .d-flex.flex-end {
    justify-content: flex-end; }
  .d-flex.space-between {
    justify-content: space-between; }
  .d-flex.wrap {
    flex-wrap: wrap; }
  .d-flex.grow {
    flex: 1; }

.p-absolute {
  position: absolute; }

.p-relative {
  position: relative; }

.p-fixed {
  position: fixed; }

.overall {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  font-size: 0pt; }

.full-width {
  width: 100%; }

.full-height {
  height: 100vh; }

.f-right {
  text-align: right;
  float: right; }

.f-left {
  text-align: left;
  float: left; }

.t-center {
  text-align: center; }

.uppercase {
  text-transform: uppercase; }

.primaryColor {
  color: #323232; }

.secColor, .wysiwyg.secColor * {
  color: #fffff7; }

.max-width {
  max-width: 500px; }

/* basic elements */
html {
  scroll-behavior: smooth; }

body {
  font-family: 'PP Mori', sans-serif;
  color: #323232;
  overflow-x: hidden;
  line-height: 1.3;
  background-color: #fffff7; }

p {
  margin: 0; }

h1, h2, h3, h4 {
  font-weight: normal;
  line-height: 1; }

a {
  color: #323232;
  text-decoration: none; }
  a:hover {
    color: #323232; }

ul {
  margin: 0;
  padding-left: 0;
  list-style-type: none; }

img, video {
  width: 100%;
  height: auto; }

.container {
  width: calc(100% - 96px);
  margin-left: 48px;
  margin-right: 48px; }

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  width: 100%; }

.flex-row {
  margin-right: -24px;
  margin-left: -24px;
  position: relative; }

header {
  top: 0;
  left: 0;
  padding: 24px 48px;
  z-index: 1000;
  width: 100%;
  background-color: #fffff7;
  transition: all .5s; }
  header #inner-header {
    position: relative;
    z-index: 1000;
    transition: all .5s; }
  header div[class*="menu-1"] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100vh;
    position: fixed;
    left: -100%;
    top: 0;
    padding: 0 48px;
    background-color: #323232;
    color: #fffff7;
    z-index: 999;
    transition: left 0.6s cubic-bezier(0.22, 1, 0.36, 1); }
    header div[class*="menu-1"] ul li {
      margin-bottom: 12px; }
      header div[class*="menu-1"] ul li a {
        color: #fffff7;
        opacity: 1;
        transition: opacity .3s; }
        header div[class*="menu-1"] ul li a:hover {
          opacity: .6; }
  header .menu-toggle {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 50px;
    height: 36px;
    position: fixed;
    top: 24px;
    right: 48px;
    border: none;
    margin: 0;
    padding: 0;
    background: transparent;
    opacity: 1;
    cursor: pointer;
    z-index: 1001; }
    header .menu-toggle span {
      position: relative;
      height: 2px;
      width: 100%;
      background: #323232;
      opacity: 1;
      transform: rotate(0deg);
      transition: all .5s; }
  header.active #inner-header #logo a {
    color: #fffff7; }
  header.active .menu-toggle span {
    background-color: #fffff7; }
  header.active div[class*="menu-1"] {
    left: 0; }

.content {
  margin-bottom: 65vh;
  opacity: 0;
  transition: opacity 1s; }
  .content.loaded {
    opacity: 1; }
  .content:not(#content-home) {
    margin-top: 100px; }

.home .text-element-lines.hidden, .blog .text-element-lines.hidden {
  opacity: 0; }
.home .text-element-lines .line, .blog .text-element-lines .line {
  overflow: hidden; }
.home #video-reel .plyr__controls, .blog #video-reel .plyr__controls {
  display: none; }
.home project, .blog project {
  overflow: hidden; }
  .home project > *, .blog project > * {
    transform-origin: left top; }
  .home project .overall:hover + .project-title, .blog project .overall:hover + .project-title {
    opacity: 1;
    bottom: 0; }
  .home project .overall:hover ~ .media-container *, .blog project .overall:hover ~ .media-container * {
    transform: scale(1.05); }
  .home project .project-title, .blog project .project-title {
    position: relative;
    bottom: -100px;
    opacity: 0;
    transition: all 0.7s cubic-bezier(0.22, 1, 0.36, 1); }
  .home project .media-container, .blog project .media-container {
    display: flex;
    max-height: 70vh;
    overflow: hidden; }
    .home project .media-container *, .blog project .media-container * {
      object-fit: cover;
      object-position: center;
      transform: scale(1);
      transition: all .5s; }

.hero-container {
  aspect-ratio: 16/7;
  overflow: hidden; }
  .hero-container video, .hero-container img {
    height: 100%;
    object-fit: cover;
    object-position: center; }

#text-section .project-info {
  line-height: 1.5;
  margin-bottom: 24px; }

.single .content-module.dark {
  background-color: #323232;
  color: #fffff7;
  padding-bottom: 144px;
  margin-bottom: 72px; }
  .single .content-module.dark:not(.dark + .dark) {
    padding-top: 144px;
    margin-top: 72px; }
  .single .content-module.dark:has(+ .dark) {
    padding-bottom: 72px;
    margin-bottom: 0; }

.sl-overlay {
  opacity: .9;
  background-color: #fffff7; }

.sl-wrapper button {
  color: #323232;
  transition: all .5s; }
  .sl-wrapper button:hover {
    opacity: .5; }
.sl-wrapper .sl-close {
  width: unset;
  top: unset;
  right: 48px;
  bottom: 24px;
  margin-top: 0;
  margin-right: 0; }
.sl-wrapper .sl-counter {
  top: unset;
  left: 48px;
  bottom: 24px;
  pointer-events: none; }
.sl-wrapper .sl-navigation button.sl-next {
  right: 48px;
  text-align: right; }
.sl-wrapper .sl-navigation button.sl-prev {
  left: 48px;
  text-align: left; }

footer {
  height: 100vh;
  width: 100vw;
  position: fixed;
  bottom: -100dvh;
  background-color: #323232;
  color: #fffff7;
  transition: all .75s;
  z-index: 1100; }
  footer.visible {
    bottom: 0; }
  footer a {
    color: #fffff7;
    opacity: 1;
    transition: .5s; }
    footer a:hover {
      color: #fffff7;
      opacity: .6; }

:root {
  --plyr-color-main: $primaryColor;
  --plyr-badge-text-color: #f7f7f7;
  --plyr-captions-text-color: #f7f7f7;
  --plyr-video-control-color: #f7f7f7;
  --plyr-audio-controls-background: #f7f7f7;
  --plyr-range-thumb-background: #e7e7e7;
  --plyr-video-control-color-hover: #e7e7e7;
  --plyr-audio-control-color-hover: #e7e7e7;
  --plyr-badge-border-radius: 0; }

.plyr__control.plyr__control--overlaid svg {
  --plyr-control-icon-size: 50px; }
.plyr__control.plyr__control--overlaid[data-plyr='play'] svg {
  display: none; }
.plyr__control.plyr__control--overlaid[data-plyr='play']:before {
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  background: url("../img/plyr-play-big.svg") no-repeat center center;
  background-size: contain; }

.plyr__controls__item.plyr__control[data-plyr='play'] svg {
  display: none; }
.plyr__controls__item.plyr__control[data-plyr='play']:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: url("../img/plyr-play.svg") no-repeat center center;
  background-size: contain; }
.plyr__controls__item.plyr__control.plyr__control--pressed svg {
  display: none; }
.plyr__controls__item.plyr__control.plyr__control--pressed:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: url("../img/plyr-pause.svg") no-repeat left center;
  background-size: contain; }

@media screen and (max-width: 768px) {
  .t-hidden {
    display: none; }

  .t-visible {
    display: inline-block; }

  .d-flex.t-column {
    flex-flow: column; }
  .d-flex.t-column-reverse {
    flex-flow: column-reverse; }

  .t-whole {
    width: calc(100% - 48px);
    margin-left: 24px;
    margin-right: 24px; }

  .t-half {
    width: calc(50% - 48px);
    margin-left: 24px;
    margin-right: 24px; }

  .container {
    width: calc(100% - 48px);
    margin-left: 24px;
    margin-right: 24px; }

  .home #intro-text {
    height: unset;
    margin-top: 10vh;
    margin-bottom: 10vh; }

  header {
    padding: 24px; }
    header .menu-toggle {
      right: 24px; }
    header div[class*="menu-1"] {
      padding: 0 24px; } }
@media screen and (max-width: 640px) {
  .s-large, header div[class*="menu-1"] ul li a {
    font-size: 40px; }

  .s-big {
    font-size: 30px; }

  .s-medium {
    font-size: 24px; }

  .s-regular, .sl-wrapper .sl-close, .sl-wrapper .sl-counter {
    font-size: 18px; }

  .s-small, .wysiwyg.s-small * {
    font-size: 14px; }

  .m-hidden {
    display: none; }

  .m-visible {
    display: inline-block; }

  .d-flex.m-column {
    flex-flow: column; }
  .d-flex.m-column-reverse {
    flex-flow: column-reverse; }

  .m-whole {
    width: calc(100% - 48px);
    margin-left: 24px;
    margin-right: 24px; }

  .m-half {
    width: calc(50% - 48px);
    margin-left: 24px;
    margin-right: 24px; }

  header .menu-toggle {
    width: 40px;
    height: 26px; }
    header .menu-toggle span {
      width: 90%; }
      header .menu-toggle span.open span:nth-child(1), header .menu-toggle span.open span:nth-child(3) {
        left: 2vw; }

  .home project .project-title, .blog project .project-title {
    bottom: 0;
    opacity: 1; }

  .single .content-module.dark {
    padding-bottom: 72px;
    margin-bottom: 0; }
    .single .content-module.dark:not(.dark + .dark) {
      padding-top: 72px;
      margin-top: 0; }
    .single .content-module.dark:has(+ .dark) {
      padding-bottom: 0;
      margin-bottom: 0; }

  .sl-wrapper .sl-close {
    right: 24px;
    bottom: 14px; }
  .sl-wrapper .sl-counter {
    left: 24px; }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 24px; }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 24px; } }

/*# sourceMappingURL=style.css.map */