/*
Theme Name: Stéphanie Bodart Architecture
Description: 
Version: 1.0.0
Author: Dolmen Studio
Author URI: 
Theme URI: https://www.architecture.stephaniebodart.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: Divi
*/

/* ========== Custom CSS from Generator ========== */
.et_pb_fullwidth_menu .et_pb_menu__menu, .et_pb_menu .et_pb_menu__menu {
display: block!important;
}
.et_mobile_nav_menu {
display: none!important;
}
.et_pb_column {
float: left;
background-size: cover;
background-position: 50%;
position: relative;
z-index: 2;
min-height: 1px;
}
#slide-in-open{
cursor: pointer;
}
.line{
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #F8F8F8;
border-radius: 9px;
opacity: 1;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
-o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
.line-2 {
top: 12px;
}
.line-3 {
top: 24px;
}
#slide-in-open.open .line-1 {
top: 10px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
#slide-in-open.open .line-2 {
display: none;
}
#slide-in-open.open .line-3 {
top: 10px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.slide-in-menu {
right: 0 !important;
opacity:1 !important;
}
.slide-in-menu-container {
-webkit-transition: all 0.4s ease !important;
-moz-transition: all 0.4s ease !important;
-o-transition: all 0.4s ease !important;
-ms-transition: all 0.4s ease !important;
transition: all 0.4s ease !important;
}

.menu-social {
display: inline-block;
margin-top: 40px;
}

.et_pb_blurb_0_tb_header.menu-social {
margin-left: 42px;
}
/*MASONRY*/
.gallery-grid {
  column-count: 3;
  column-gap: 5px;
	overflow-y:hidden;
}

.gallery-item {
  break-inside: avoid;
  margin-bottom: 5px;
}

.gallery-item a {
  display: block;
}
.gallery-item {
  overflow: hidden;
}

.gallery-item img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s ease;
}

.gallery-item:hover img {
  transform: scale(1.05);
}

@media (max-width: 980px) {
  .gallery-grid { column-count: 2; }
}

@media (max-width: 600px) {
  .gallery-grid { column-count: 1; }
}
.gallery-caption, .gallery-item a {
    width: 100%;
}

.gallery-item, .filter-nav a {
  opacity: 0;
  transform: translateY(10px) scale(0.98);
  animation: galleryFade 0.6s ease forwards;
}
.filter-nav a {
  opacity: 0;
  animation: filterFade 1s ease forwards;
}

@keyframes galleryFade {
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes filterFade {
  to {
    opacity: 1;
  }
}