/*!
Theme Name: Lr-photographie
Theme URI: http://underscores.me/
Author: Me
Author URI: http://underscores.me/
Description: Custom theme: Lr-photographie, developed by Me
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lr-photographie
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Lr-photographie is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/* Reset simple */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Open Sans";
  font-weight: 400;
  font-style: normal;
}

html {
  --wp-admin--admin-bar--height: 0 !important;
  margin-top: 0 !important;
  scroll-behavior: smooth;
  background-color: #f3f3f3;
}

.site-title {
  font-size: 2.5rem;
  font-family: "Italianno", cursive;
  font-weight: 400;
  font-style: normal;
}

#wpadminbar {
  display: none;
}

button, a.button, input[type=submit] {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
  text-decoration: none;
  padding: 13px 25px;
  font-size: 0.8rem;
  display: inline-block;
  transition: all 0.3s ease;
  background-image: url("../assets/images/ornement.png");
  background-size: auto 70%;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
}
button:hover, a.button:hover, input[type=submit]:hover {
  background-color: rgba(0, 0, 0, 0.6);
}

button {
  outline: none;
}

.masonry {
  column-count: 3;
  column-gap: 20px;
}

@media (max-width: 900px) {
  .masonry {
    column-count: 2;
  }
}
@media (max-width: 600px) {
  .masonry {
    column-count: 2;
  }
}
.masonry-item {
  break-inside: avoid;
  margin-bottom: 20px;
}

.masonry img {
  width: 100%;
  display: block;
  border-radius: 8px;
}

.hidden {
  display: none;
}

.bloc-contact {
  font-size: 0;
  margin: 5vh 0;
}
.bloc-contact form {
  margin-bottom: 45px;
}
.bloc-contact form p, .bloc-contact form label, .bloc-contact form span, .bloc-contact form input, .bloc-contact form textarea {
  display: block;
  width: 100%;
  text-align: center;
}
.bloc-contact form label {
  display: inline-block;
  text-align: left;
  width: 50%;
}
.bloc-contact form .btn-envoyer-container {
  position: relative;
}
.bloc-contact form .btn-envoyer-container input {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  transform: translateX(-50%);
}
.bloc-contact input {
  border: none;
  border-bottom: 1px solid rgb(76, 76, 76);
  outline: none;
  position: relative;
  padding: 5px;
  margin-bottom: 15px;
}
.bloc-contact textarea {
  margin-top: 5px;
}
.bloc-contact .img-container {
  width: 50%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  text-align: right;
  overflow: hidden;
  position: relative;
}
.bloc-contact .img-container img {
  position: absolute;
  height: 100%;
  width: auto;
  right: -20%;
  top: 0;
}
.bloc-contact .txt {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
  font-size: 1rem;
  padding: 25px;
  text-align: center;
}
.bloc-contact .txt h2 {
  font-size: 2.8rem;
  font-family: "Italianno", cursive;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 40px;
  text-align: left;
  position: relative;
}
.bloc-contact .txt h2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(90deg, black, transparent);
  height: 1px;
  width: 80%;
}
.bloc-contact .txt .adresse {
  text-align: center;
}
.bloc-contact .txt .btn-container {
  text-align: right;
  margin-top: 45px;
  margin-right: 25px;
}
@media (max-width: 940px) {
  .bloc-contact {
    margin: 0;
  }
  .bloc-contact form p, .bloc-contact form label, .bloc-contact form span, .bloc-contact form input, .bloc-contact form textarea {
    width: 100%;
  }
  .bloc-contact form .btn-envoyer-container input {
    width: 100%;
  }
  .bloc-contact .img-container, .bloc-contact .txt {
    width: 100%;
  }
  .bloc-contact .img-container {
    max-height: 50vh;
  }
  .bloc-contact .img-container img {
    left: 0;
    right: auto;
    transform: translateX(0);
    width: 100%;
    height: auto;
    min-height: 100%;
    top: 0;
  }
  .bloc-contact .txt {
    width: 100%;
    text-align: left;
    font-size: 0;
  }
  .bloc-contact .txt h2 {
    font-size: 2.2rem;
  }
  .bloc-contact .txt .adresse, .bloc-contact .txt .form-contact {
    display: inline-block;
    width: 50%;
    font-size: 1rem;
    vertical-align: middle;
  }
}
@media (max-width: 770px) {
  .bloc-contact {
    margin: 0;
  }
  .bloc-contact .txt .adresse, .bloc-contact .txt .form-contact {
    width: 100%;
  }
  .bloc-contact .img-container img {
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: auto;
    min-height: 100%;
  }
}

.jonction {
  height: 15vh;
  background-image: url("../assets/images/ornement.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 65%;
}

.page-template-container {
  margin-top: 75px;
}
.page-template-container .parallax-window {
  position: relative;
}
.page-template-container .parallax-window .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4470588235);
}
.page-template-container .parallax-window {
  color: white;
}
.page-template-container h1 {
  padding-top: 25px;
  position: relative;
  font-size: 3.5rem;
  font-family: "Italianno", cursive;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 40px;
  text-align: center;
}
.page-template-container h1:after {
  content: "";
  position: absolute;
  height: 1px;
  width: 80%;
  left: 10%;
  bottom: 0;
  background: linear-gradient(90deg, transparent, white, transparent);
}
.page-template-container .txt-intro {
  font-size: 1rem;
  width: 50%;
  padding-bottom: 25px;
  text-align: center;
  margin: auto;
  position: relative;
}
@media (max-width: 768px) {
  .page-template-container .txt-intro {
    width: 90%;
  }
}
.page-template-container .jonction {
  position: relative;
  filter: invert(1);
}

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