/*
Theme Name: Renocamp
Author: Baudelot Philippe
Author URI: https://baudelot.eu/
Description: Ful FSE theme Renocamp
Requires at least: 6.9
Tested up to: 6.9
Version: 1.0
Requires PHP: 8.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Renocamp
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* globals*/

body {
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
}

h1 {
  padding-top: 40px;
  font-size: 48px;
}

body:not(.home) h2 {
  margin-block-end: 20px !important;
}

:root :where(.is-layout-flow) > h1 {
  margin-block-start: 40px;
}

:root .home :where(.is-layout-flow) > h2 {
  margin-block-start: 100px;
  margin-block-end: 40px;
}

.shadow {
  box-shadow:
    0px 4px 4px rgba(0, 0, 0, 0.25),
    5px 5px 20px rgba(0, 0, 0, 0.25) !important;
}

main {
  padding: 20px;
}

.btn-hover a:hover {
  background-color: var(--wp--preset--color--ardoise) !important;
}
/*header*/
.wp-block-social-links {
  gap: 0px;
  margin: 0px;
}
.wp-social-link {
  background-color: #fff;
}
.wp-block-social-link-anchor svg {
  color: var(--wp--preset--color--primary) !important;
}

.wp-block-social-link-anchor svg:hover {
  color: var(--wp--preset--color--ardoise) !important;
}

.pre-header .contact a {
  text-decoration: none;
  color: var(--wp--preset--color--primary) !important;
}

.pre-header .contact .wp-block-image img {
  vertical-align: middle;
}
.wp-block-navigation .wp-block-navigation-item:hover a {
  text-decoration: underline;
}
.home-icon {
  padding-right: 20px !important;
}
.home-icon:hover {
  transform: scale(1.1);
}
.home-icon a::before {
  background-image: url('data:image/svg+xml,<svg width="27" height="22" viewBox="0 0 27 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.63643 4.25903C3.29065 4.25903 2.19377 5.26622 2.19377 6.50716V13.8153C2.19377 15.0562 3.29065 16.0634 4.63643 16.0634H4.65331C4.80518 17.6412 6.24377 18.8753 7.99455 18.8753C9.74534 18.8753 11.1839 17.6412 11.3358 16.0634H15.331C15.4828 17.6412 16.9214 18.8753 18.6722 18.8753C20.4314 18.8753 21.8742 17.6309 22.0177 16.0462C23.2327 15.9122 24.1735 14.9634 24.1735 13.8118V10.254C24.1735 9.76935 24.0005 9.29497 23.6841 8.90653L20.6297 5.15966C20.1699 4.59247 19.4485 4.25903 18.6806 4.25903H4.63643ZM21.4313 9.87935H16.8497V6.50716H18.6806L21.4313 9.87935ZM4.63643 9.87935V6.50716H8.29831V9.87935H4.63643ZM10.741 9.87935V6.50716H14.4028V9.87935H10.741ZM17.1535 15.7815C17.1535 15.0047 17.8369 14.3756 18.6806 14.3756C19.5244 14.3756 20.2078 15.0047 20.2078 15.7815C20.2078 16.5584 19.5244 17.1875 18.6806 17.1875C17.8369 17.1875 17.1535 16.5584 17.1535 15.7815ZM7.99455 14.3756C8.83831 14.3756 9.52174 15.0047 9.52174 15.7815C9.52174 16.5584 8.83831 17.1875 7.99455 17.1875C7.1508 17.1875 6.46737 16.5584 6.46737 15.7815C6.46737 15.0047 7.1508 14.3756 7.99455 14.3756Z" fill="%2300E526"/></svg>') !important;
  content: "";
  position: absolute;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
}

/* utils*/
.space-around {
  justify-content: space-around !important;
}

.align-baseline {
  align-items: baseline;
}
.d-flex {
  display: flex;
}

.logo-footer {
  width: 300px;
}
.mt-0 {
  margin-top: 0px;
}
.pr-10 {
  padding-right: 10px;
}
/* footer */

footer {
  margin-block-start: 50px !important;
}
footer a {
  text-decoration: none;
}
/* accueil*/
:where(.wp-block-button__link) {
  border-radius: 5px;
}

.actus-accueil li {
  text-align: center;
  box-shadow:
    0px 4px 4px rgba(0, 0, 0, 0.25),
    5px 5px 20px rgba(0, 0, 0, 0.25) !important;
  width: 400px !important;
  font-size: 20px;
}
.actus-accueil li img {
  object-fit: cover;
}
.actus-accueil .wp-block-post-excerpt {
  padding-left: 10px;
  padding-right: 10px;
}
.actus-accueil .wp-block-post-excerpt a {
  display: inline-block;
  padding: 10px 20px;
  background: var(--wp--preset--color--primary);
  color: white;
  text-decoration: none;
  border-radius: 5px;
}

/* form */
.page-id-25 .wpcf7 {
  margin-top: -14px;
}
form p label {
  font-size: 20px;
  font-weight: bold;
}
p > label:first-of-type label {
  font-size: initial;
  font-weight: initial;
}
form input {
  margin-top: 15px;
}
form input[type="text"],
form input[type="email"] {
  border-radius: 3px;
  /* color: var(--wpforms-field-text-color); */
  border-width: 1px;
  border-style: solid;
  border-color: var(--wp--preset--color--primary);
  padding: 0 14px;
  font-size: 16px;
  line-height: 100%;
  box-shadow: none;
  transition:
    border 0.15s,
    box-shadow 0.15s;
  height: 40px;
}

form textarea {
  line-height: 1.3;
  min-height: 43px;
  padding: 14px;
  width: 70%;
  margin-top: 15px;
}
/* rwd  */
@media (max-width: 900px) {
  p {
    line-height: 2.05rem;
  }
  .baseline {
    min-height: 300px !important;
  }
  .baseline img {
    width: 300px !important;
  }
  /* .wp-block-spacer{
        display: none;
    } */

  h1 {
    line-height: 3rem;
  }

  h2 {
    font-size: 2rem !important;
  }

  .rwd-column {
    flex-direction: column;
    align-items: center;
  }
  .rwd-float-none {
    float: none !important;
  }
  .engagements {
    margin-top: 30px !important;
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 50px !important;
  }
  .engagements figure {
    display: none;
  }
  .engagements-img {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  form input[type="text"],
  form input[type="email"] {
    width: 80%;
  }

  form textarea {
    width: 80%;
  }

  form .wpcf7-submit {
    width: 100%;
    font-size: 17px !important;
  }

  .responsive-video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
  }
  .responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .page-id-23 .wp-block-group-is-layout-flex {
    flex-direction: column;
  }
}

.is-menu-open {
  background-color: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--accentuation);
}
#modal-1-content {
  padding-right: 20px;
}