/*
Theme Name: Abbaye de Saint-Maurice
Theme URI: 
Author: MT-B.org
Author URI: 
Description: 
Requires at least: 6.6
Tested up to: 6.6
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: abbaye-de-saint-maurice
Tags: 
*/

/*Global*/
.btn-arrow a {
    display: flex !important;
    gap: 10px;
    align-items: center;
}
.btn-arrow a::after {
    content: '';
    display: block;
    background: url(images/btn-arrow.svg) no-repeat;
    background-size: cover;
    width: 32px;
    height: 32px;
}
.btn-arrow a:hover {
    text-decoration: underline;
    color: #645921 !important;
}
.btn-arrow a:hover::after {
    filter: brightness(0) saturate(100%) invert(32%) sepia(21%) saturate(1182%) hue-rotate(13deg) brightness(96%) contrast(90%);
    /*transform: rotate(45deg);*/
}

body header #gt_float_wrapper {
    z-index:1;
}


header {
    position:fixed;
    z-index: 2;
    width: 100%;
    top:0;
    /*background-color: #ffffffe5;*/
}
header #stickyBar {
    background-color: #ffffffe5;
}
#stickyBar {
    transition: transform 0.3s ease;
}

header .wp-block-site-title a {
    font-family: var(--wp--preset--font-family--charm) !important;
}

header nav a:hover {
    color: #645921 !important;
    text-decoration: none;
}

header nav .current-menu-item a {
    color: #645921 !important;
}

header .header-nav {
    right:60px;
}

nav .wp-block-navigation__responsive-container.is-menu-open {
    /*height:300px;*/
}

/*Translator*/
body #gt_float_wrapper {
    right:0 !important;
    top:14px !important;
    position:absolute;
}
body .gt_float_switcher img {
    width:20px;
}
body .gt_float_switcher {
    font-size:14px;
}
body .gt_float_switcher .gt-selected .gt-current-lang {
  padding: 5px 10px;
}

/*Home*/
.custom-btn .wp-block-button__link:hover {
    background:#756b39 !important;
}

/*Prictice Contact Form*/
.prictice .wpcf7-form {
    position: relative;
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    font-family: var(--wp--preset--font-family--montserrat);
}
.prictice .input-wrapper p {
    display: flex;
    gap:0 20px;
}
.row {
    display: flex;
    gap: 20px;
    align-items: first baseline;
}
.prictice .input-wrapper input {
    width: 100%;
    max-width: 270px;
    padding: 5px 0;
    margin: 0;
    font-size: 16px;
    background: none;
    color: #fff;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #fff;
    font-family: var(--wp--preset--font-family--montserrat);
}
.prictice .input-wrapper textarea {
    width: 100%;
    max-width: 260px;
    height:50px;
    padding: 5px 0;
    margin: 0;
    font-size: 16px;
    background: none;
    color: #fff;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #fff;
    font-family: var(--wp--preset--font-family--montserrat);
}
.prictice .wpcf7-form input::placeholder,
.prictice .wpcf7-form textarea::placeholder{
    color:#fff;
    opacity: 1;
}
.prictice .wpcf7-form .wpcf7-spinner {
    display: block;
    margin: 0 auto;
}
.prictice .wpcf7-form .wpcf7-submit {
    height: 32px;
    font-size: 18px;
    text-transform: uppercase;
    background: url(images/btn-arrow.svg) no-repeat;
    background-position: 100% 0%;
    border: none;
    padding: 0 42px 0 0;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(258deg) brightness(109%) contrast(101%);
    cursor: pointer;
}
.prictice .wpcf7-form .wpcf7-submit:hover {
    text-decoration: underline;
}
.prictice .wpcf7-form .btn-send {
    text-align: center;
    padding-left: 15px;
}
.prictice .wpcf7-form .btn-send p {
    margin: 0 auto;
    padding: 0;
}
.prictice .wpcf7-form .wpcf7-not-valid-tip {
  color: #fff;
  position: relative;
  background: #dc3232;
  font-size:14px;
}
.prictice .wpcf7-form.invalid .wpcf7-response-output {
    margin: 0;
    padding: 0;
    background: #ffb900;
    position: relative;
    width: 100%;
    text-align: center;
    font-size:14px;
}
.prictice .wpcf7-form.sent .wpcf7-response-output {
  background: #46b450;
  text-align: center;
  color: #fff;
  margin: 0;
  font-size:14px;
}

/*Section Active*/
.section-active {
    background-repeat: no-repeat;
    /*transform: scale(-1, 1);*/
}

/*For Whom*/
.for-whom {}


/*Section Practice*/
.section-practice {}

.wp-block-post-excerpt__more-text a {
    height: 32px;
    font-size: 18px;
    text-transform: uppercase;
    background: url(images/btn-arrow.svg) no-repeat;
    background-position: 100% 0%;
    border: none;
    padding: 0 42px 0 0;
    text-decoration: none;
    margin: 20px 0 0;
}
.wp-block-post-excerpt__more-text a:hover {
    text-decoration: underline;
}

/*Section Gallery*/
#gallery figure img {
    border-radius: 15px;
}

/**/
.with-caption {
    position: relative;
}
.with-caption figcaption {
    background: #645921e3;
    position: absolute;
    bottom: 50px;
    color: #fff;
    font-size: 16px;
    padding: 10px 35px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    margin: 0;
}
.with-caption figcaption strong {
    font-size: 36px;
    font-family: var(--wp--preset--font-family--charm);
    font-weight: 300;
}


/*Footer*/
footer .wp-block-site-title a {
    font-family: var(--wp--preset--font-family--charm) !important;
}
footer nav a:hover span {
    color: #fff;
}

.cookie-notice-container a {
    color:#fff;
}


/*Responsive*/
@media only screen and (min-width: 300px) and (max-width: 781px) {
    body header .header-nav {
      right: 0;
    }
    body header .gt_float_switcher {
        font-size: 12px;
    }
    body header .gt_float_switcher img {
        width: 15px;
    }
    body .gt_float_switcher .gt-selected .gt-current-lang {
        padding: 0 5px;
    }
    
    body header #gt_float_wrapper {
        right: 0 !important;
        top: 0 !important;
        position: fixed;
    }
    
    footer .wp-block-column .wp-block-group {
        display:block;
        text-align:center;
        margin:10px 0;
    }
    footer .wp-block-column p {
        text-align:center;
    }
}
@media only screen and (max-width: 640px) {
    .nav-wrapper {
        width:100%;
    }
    .nav-wrapper nav {
        margin:10px auto;
    }
    body .logo-wrapper {
        margin:0 auto;
    }
    
    .page-template-default main {
        padding-top:100px !important;
    }
    
}
@media only screen and (max-width: 350px) {
    .site-tag {
        font-size:100% !important;
    }
}