/* Author : Anthea Matillano */
/* Version : 0.0.7 */
/* Date : 07.01.2025 */
/* -------------------------- */
/* !!!!!CHANGE IMAGE FORMAT!!!!------------- */
/* -------------------------- */

/* body */
body {
   color: #000;
   font-family: 'Montserrat', sans-serif;
   font-weight: 100;
   cursor: none;
   scroll-behavior: smooth;
   letter-spacing: 0.5px;
}

/* ----------TYPO---------- */
.post-39 h1 {
   padding-bottom: 60px;
}

/* links */
.post-navigation .nav-links {
   display: none;
}

.postid-29042 .status-publish {
   margin: 0 auto;
}

.postid-29042 :where(.wp-block-columns.is-layout-flex) {
   gap: 20rem;
}

.postid-29042 .wp-block-columns {
   padding-bottom: 150px;
}

.postid-29042 .wp-block-cover,
.wp-block-cover-image {
   margin-bottom: 100px;
}

/* -----CURSOR Animation----- */
/* Default cursor hidden */
.custom-cursor {
   position: fixed;
   width: 20px;
   height: 20px;
   background-color: #000;
   border-radius: 50%;
   transform: translate(-50%, -50%);
   pointer-events: none;
   transition: width 0.3s ease, height 0.3s ease;
   opacity: 0.7;
   animation: cursorAnimation 0.5s infinite;
   z-index: 10000;
}

/* Cursor Animation */

@keyframes cursorAnimation {
   0% {
      transform: translate(-50%, -50%) scale(1);
   }

   50% {
      transform: translate(-50%, -50%) scale(1.2);
   }

   100% {
      transform: translate(-50%, -50%) scale(1);
   }
}

.burger-menu {
   cursor: pointer;
   display: none;
   flex-direction: column;
}

.bar {
   width: 25px;
   height: 3px;
   background-color: #000;
   margin: 6px 0;
}

.clickable {
   cursor: pointer;
}

.sub-menu {
   background-color: #fff;
}

.main-navigation ul ul {
   padding: 20px;
}

.nav-menu {
   display: flex;
}

.nav-menu ul {
   list-style: none;
   display: flex;
   margin: 0;
   padding: 0;
}

.nav-menu li {
   margin-right: 20px;
}

.nav-menu a {
   text-decoration: none;
   color: #000;
   font-weight: 300;
}

button {
   background-color: fff;
   border: #000;
}

/* HEADER */
.site-header {
   border-bottom: 1px solid #fff;
   padding-bottom: 30px;
   display: flex;
   justify-content: space-between;
   align-items: baseline;
   background-color: #fff;
   position: fixed;
   width: 100%;
   z-index: 2;
   border-bottom: 1px solid #000;
}

span {
   padding-top: 30px;
}

.site-description {
   position: absolute;
   left: -3000000px;
}

.main-navigation {
   width: auto;
}

.main-navigation li {
   margin-left: 2rem;
   letter-spacing: 1px;
}

.home,
.category-projects,
.post-template-default,
.page-template-default,
.category {
   background-color: #fff;
   margin: 0 auto;
}

h1 {
   font-family: "Josefin Sans", sans-serif;
   font-weight: 400;
   font-style: normal;
   letter-spacing: 3px;
   font-size: 32px;
   text-align: center;
}

/* PAGE-PROJECTS */
.wp-block-video {
   border: #000 solid 1px;
   max-width: 400px;
   margin: 0 auto;
}

.wp-block-image figcaption {
   text-align: center;
   padding-top: 5px;
   font-size: 16px;
}

.category-projects .entry-header h2 {
   text-align: center;
   font-size: 100px;
   padding: 200px 100px;
}

.category-projects .entry-content p {
   text-align: left;
}

.category-projects article {
   width: calc(100% / 1- 2rem);
   background-color: #000;
}

.category-projects {
   flex: wrap;
   justify-content: space-between;
}

.page-id-39 .category-projects {
   display: flex;
}

.archive .entry-title a {
   font-size: 70px;
}

.archive .entry-title a:hover {
   border-left: #fff solid 1px;
}

.archive .post-29051,
.post-29042 .wp-block-gallery-4,
.post-29042 .wp-block-gallery-5,
.post-29042 .wp-block-video,
.post-29033 .wp-block-gallery-7,
.post-29033 .wp-block-gallery-6,
.post-29033 .wp-block-heading,
.post-29033 .wp-block-gallery-7,
.post-28981 .wp-block-gallery-8,
.post-28981 .wp-block-separator,
.post-28981 .wp-block-gallery-9,
.post-36 .wp-container-core-columns-layout-2,
.post-43 .entry-title {
   display: none;
}

.page-id-39 .status-publish .entry-content {
   margin: 0 auto;
   align-items: center;
}

.status-publish .wp-block-image {
   padding-bottom: 20px;
}

.page-id-39 .status-publish .is-resized {
   display: block;
   margin-top: 300px;
}

.page-id-36 .wp-block-group__inner-container {
   position: fixed;
   bottom: 5%;
   left: 50%;
   transform: translateX(-50%);
   animation: bounceUpDown 2s infinite;
}

.page-id-36 .wp-block-group__inner-container img {
   padding-top: -100px;
   width: 40px;
   height: auto;
   cursor: pointer;
   transition: opacity 0.3s ease;
}

.page-id-36 .wp-block-group__inner-container img:hover {
   opacity: 0.7;
}

@keyframes bounceUpDown {

   0%,
   20%,
   50%,
   80%,
   100% {
      transform: translateY(0);
   }

   40% {
      transform: translateY(-20px);
   }

   60% {
      transform: translateY(-10px);
   }
}

.post-36 .wp-block-column figure,
.post-39 .wp-block-column figure {
   padding-bottom: 100px;
   display: block;
}

/* PAGE-ABOUT */
.entry-content figure {
   max-width: 900px;
   align-content: center;
   margin: 0 auto;
}

.post-43 h2 {
   text-align: center;
}

.post-43 .entry-content p {
   text-align: left;
}

/* ---------ARTICLES----------- */
.single-post .category-projects {
   display: block;
}

.postid-28912 .status-publish .is-resized {
   margin-top: 150px;
}

/* MAIN */
.site-main {
   padding: 0 5rem;
}

.entry-content {
   margin: 100px 0px 50px 0px;
}

.post-36 .entry-content p {
   padding-top: 200px;
   padding-bottom: 400px;
}

@keyframes fontWeightChange {
   0% {
      font-weight: 300;
   }

   10% {
      font-weight: 350;
   }

   20% {
      font-weight: 400;
   }

   30% {
      font-weight: 450;
   }

   40% {
      font-weight: 500;
   }

   50% {
      font-weight: 550;
   }

   60% {
      font-weight: 600;
   }

   70% {
      font-weight: 650;
   }

   80% {
      font-weight: 700;
   }

   90% {
      font-weight: 650;
   }

   100% {
      font-weight: 600;
   }
}

.entry-content h1 {
   animation: fontWeightChange 2s infinite;
}


.entry-content h1 {
   font-size: 20vw;
   line-height: 250px;
}

.entry-content p {
   max-width: 700px;
   text-align: center;
   margin: 0 auto;
}


/* LOGO */
.custom-logo {
   max-width: 40px;
   position: absolute;
   top: 25px;
   left: 30px;
}

/* SEARCH (PUT SEARCH ICON!!!!!)*/
.widget_search {
   max-width: 500px;
   display: none;
}

.menu li {
   margin-top: 30px;
   margin-right: 40px;
}

.menu-item-home {
   display: none;
}

.menu-item {
   padding-left: 20px;
}

.sub-menu {
   display: flex;
   align-items: center;
}

.sub-menu a {
   color: #000;
}

.main-navigation ul ul {
   display: block;
   box-shadow: none;
}

.main-navigation ul ul li {
   margin-left: 0;
   padding-left: 0;
   padding-left: 10px;
   padding-top: -5px;
}

/* WIDGET */
.wp-container-core-columns-layout-1 {
   margin: 5rem 0;
   padding: 10rem 0;
   background-color: #000;
   border-top: #fff solid 1px;
   border-bottom: #fff solid 1px;
   padding-top: 150px;
}

.widget-area .wp-block-heading,
.archive .widget-area {
   display: none;
}

/* ACCUEIL */
.home .entry-title,
.site-title,
.edit-link,
.page-title,
.entry-meta,
.cat-links,
.comments-link,
.comments-area {
   display: none;
}

a,
a:visited {
   color: #000;
   text-decoration: none;
}

.wp-block-column {
   max-width: 600px;
   display: block;
}

.post-36 figcaption {
   font-size: 25px;
   font-weight: 500;
   opacity: 100%;
   text-align: center;
}

/* VIDEOGRAPHY */
.post-29113 figure {
   max-width: 400px;
   border: #fff solid 1px;
}

.page-id-29113 .post-29113 figure {
   border: none;
   padding-top: 100px;
   margin-left: 200px;
}

.post-29113 .wp-block-media-text {
   display: flex;
   max-width: 1200px;
   margin: 0 auto;
   margin-bottom: 300px;
}

.post-29113 video {
   border: #fff solid 0.5px;
}

.post-29113 p {
   text-align: left;
   padding-bottom: 100px;
}

w

/* Visual Design */
.post-29121 .wp-container-core-columns-layout-2 figure,
.post-29121 .wp-block-video,
.post-29143 figure {
   max-width: 900px;
   padding-bottom: 50px;
}

.post-29121 .wp-block-column {
   margin: 0 auto;
}

/* Brand Design */
.post-29131 figure {
   max-width: 900px;
   margin-bottom: 200px;
   border: #fff solid 1px;
}

.page-id-29131 .status-publish .wp-block-image {
   padding-bottom: 0px;
}

.entry-header {
   padding-top: 100px;
}

/* UX Design */
.post-29143 .is-stacked-on-mobile {
   display: flex;
   max-width: 900px;
   margin: 0 auto;
   margin-bottom: 300px;
}

.post-29143 p {
   text-align: left;
   padding-bottom: 100px;
}

.post-29143 .is-stacked-on-mobile figure {
   max-width: 300px;
}

/* PAGES */
.post,
.page {
   margin: 0;
}

/* ARCHIVE */
.archive-grid {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
}

/* CONTACT */
.page-id-45 .status-publish .entry-content p {
   text-align: left;
   margin: 0 auto;
}

/* FOOTER */
.site-footer {
   margin-top: 5rem;
   padding: 1rem;
   background-color: #fff;
   color: #000;
   padding: 5rem 1rem 1rem 1rem;
   font-size: 0.8rem;
   text-align: center;
}

.site-info {
   display: none;
}

.wp-block-column-is-layout-flow p {
   font-size: 14px;
}

.widget_text p {
   padding-top: 10px;
   font-size: 13px;
}

.widget-area {
   margin: 0 auto;
   max-width: 900px;
   display: flex;
   justify-content: space-between;
   margin-bottom: -150px;
   border-top: solid thin #000;
}

.widget-area section {
   max-width: 200px;
}

.site-footer a {
   color: white;
   text-decoration: none;
}

/* RESPONSIVE */
/* Media Query for Responsive Design */

@media screen and (max-width: 600px) {
   .site-main {
      padding: 0 3rem;
   }

   .entry-content h1 {
      font-size: 50px;
      text-align: center;
      line-height: 50px;
   }
   .post-36 .entry-content p {
      /* padding-top: 100px; */
      max-height: 100vh;
      text-align: left;
      line-height: 30px;
   }

   .burger-menu {
      display: flex;
      padding-top: 10px;
   }

   .nav-menu {
      display: none;
      flex-direction: column;
      position: absolute;
      top: 70px;
      left: 0;
      width: 100%;
      background-color:#fff;
      text-align: center;
      line-height: 100px;
      padding-top: 200px;
      padding-bottom: 1200px;
      font-size: 20px;
   }
   button {
      background-color: #fff;
   }
   .menu li {
      margin: 0 auto;
   }
   .main-navigation li {
      margin: 0 auto;
   }

   .main-navigation ul ul li a {
      font-size: 13px;
      line-height: 40px;
      width: 470px;
   }

   .main-navigation ul ul li a:hover {
      border-left: #fff solid 0.5px;
   }

   .main-navigation ul ul {
      display: contents;
      margin-top: -50px;
      background-color: transparent;
   }

   .burger-menu.open+.nav-menu {
      display: flex;
      max-height: 600px;
   }

   .nav-menu ul {
      flex-direction: column;
   }
   .main-navigation .toggled {
      background-color: #fff;
   }
   .nav-menu li {
      margin: 0;
   }

   .burger-menu.open .bar:nth-child(1) {
      transform: rotate(-45deg) translate(-5px, 5px);
   }

   .burger-menu.open .bar:nth-child(2) {
      opacity: 0;
   }

   .burger-menu.open .bar:nth-child(3) {
      transform: rotate(45deg) translate(-5px, -5px);
   }
   .widget-area {
      flex-direction: column;
   }
   .widget-area section {
      width: 200px;
      margin: 0 auto;
   }

}