/*!
Theme Name: Senioren WG Chamerau
Author: Internet Agentur Scherer
*/

/***************************************************/
/*	Schriften                                  */
/***************************************************/

/* montserrat-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/montserrat-v26-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/montserrat-v26-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/montserrat-v26-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/montserrat-v26-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat-v26-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/montserrat-v26-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/montserrat-v26-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v26-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/montserrat-v26-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat-v26-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/montserrat-v26-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v26-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/montserrat-v26-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/montserrat-v26-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/montserrat-v26-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/montserrat-v26-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/montserrat-v26-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* smooch-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Smooch';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/smooch-v7-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/***************************************************/
/*	Farbcode                                   */
/***************************************************/

:root {
  --bg: #f7f5ed;
  --white: #fff;
  --black: #000;
  --green: #8ca789;
  --green-rgba: rgba(140,167,137,0.8);
  --beige: #efe3c7;
  --grey: #706f6f;
  --wording: #1d1d1c;
  --bgbottom: #2a2a2a;
  --cta: #a0c63e;
  --herz: #d82d2d;
 }

/***************************************************/
/*	Temp - Site "Offline"                      */
/***************************************************/

#header .navbar-toggler {
  display: none;
}


/***************************************************/
/*	General                                    */
/***************************************************/

body {
  background-color: var(--bg);
  color: var(--wording);
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
}

#wrapper {
  width: 100%;
  max-width: 2000px;
  margin: 0 auto;
}

.bg-beige {
  background-color: var(--beige);
}

.b-green {
 border: 1px solid var(--green);
}

/***************************************************/
/*	Header                                     */
/***************************************************/

#header {
  position: fixed;
  top: 0px;
  left: 0;
  background-color: var(--bg);
  border-top: 1px solid var(--green);
  z-index: 10;
  transition: .7s all;
  -moz-transition: .7s all;
  -webkit-transition: .7s all;
  -o-transition: .7s all;
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.65);
}

#header.large {
  width: 100%;
  height: 105px;
}

#header.small {
  width: 100%;
  height: 65px;
}

#header img.logo {
  height: 100px;
  width: auto;
  padding: 5px 0 5px 0;
  transition: .7s all;
  -moz-transition: .7s all;
  -webkit-transition: .7s all;
  -o-transition: .7s all;
}

#header img.logo.large {
  height: 100px;
  width: auto;
}

#header img.logo.small {
  height: 60px;
  width: auto;
}

#header .navbar-collapse ul li {
  text-transform: uppercase;
  font-size: 1.5rem;
} 

#header .navbar-collapse ul li a {
  text-decoration: none;
  background-image: linear-gradient(#efe3c7, #efe3c7);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size .3s;
}

#header .navbar-collapse ul li a:hover, #header .navbar-collapse ul li a:focus {
  background-size: 100% 2px;
}

#header .navbar-collapse a.active {
  background-size: 100% 2px;
}

#header .navbar-toggler {
  background-color: var(--beige);
  width: 50px;
  height: 50px;
  border-radius: 25px;
  transition: .5s ease-out;
}

#header .navbar-toggler:hover {
  background-color: var(--green);
  transition: .5s ease-out;
}

@media only screen and (max-width: 1700px) {
	#header.large .navbar-collapse ul li a {
	  font-size: 1.2rem;
	} 
}

@media only screen and (max-width: 1500px) {
	#header.large .header-center .navbar-collapse ul li a {
	  font-size: 1.0rem;
	} 
	#header.small .header-center .navbar-collapse ul li a {
	  font-size: 1.2rem;
	} 
}

@media only screen and (max-width: 1400px) {
	#header.large .header-center .navbar-collapse ul li a {
	  font-size: 0.8rem;
	} 
}

@media only screen and (max-width: 1300px) {
	#header.small .header-center .navbar-collapse ul li a {
	  font-size: 1.0rem;
	} 
}

@media only screen and (max-width: 1250px) {
	#header.large .header-center .navbar-collapse ul li a {
	  display: none !important;
	} 
	#header.small .header-center .navbar-collapse ul li a {
	  display: none !important;
	}
}


@media only screen and (max-width: 992px) {
	#header .header-center {
	  display: none !important;
	} 
}

@media only screen and (max-width: 768px) {
	#header.large img.logo {
	  height: 80px;
	}
	#header.large {
	  height: 85px;
	}
}

@media only screen and (max-width: 470px) {
	#header.large img.logo {
	  height: 60px;
	}
	#header.large {
	  height: 65px;
	}
}

#hero-image.desktop {
  position: relative;
  width: 100%;
  height: 100vh;
  max-width: 2000px;
  margin: 0 auto;
  padding: 0;
  background-image: url("../img/chamerau-senioren-wohngemeinschaft.webp");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.65);
}

#hero-image.mobile {
  display: none;
}

#header .offcanvas-hero img.offcanvas-hero-image {
  width: 100%;
  height: auto;
  object-fit: cover;
}

@media only screen and (max-width: 768px) {
	#hero-image.desktop {
	  display: none;
	}
	#hero-image.mobile {
	  display: block;
	}
	#hero-image.mobile img.hero-image {
	  margin-top: 80px;
	  width: 100%;
	}
}


/***************************************************/
/*	Offcanvas                                  */
/***************************************************/

#header .offcanvas .collapse:not(.show) {
  display: block;
}

#header .offcanvas .offcanvas-body {
  padding: 0;
  overflow: hidden;
}

#header .offcanvas .offcanvas-header, #header .offcanvas .offcanvas-body {
  background-color: var(--bg);
}

#header .offcanvas .offcanvas-header img.offcanvas-logo {
 max-width: 200px;
}

#header .offcanvas .offcanvas-hero {
 padding-top: 15px;
}


/***************************************************/
/*	Site                                       */
/***************************************************/

.distance-frontpage {
  height: 50px;
}

.distance {
  height: 150px;
}

.distance-small {
  height: 50px;
}

.distance-very-small {
  height: 30px;
}


p, .p {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  color: var(--grey);
  text-align: justify;
  hyphens: auto;
}

h1, .h1 {
  color: var(--green);
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  hyphens: auto;
}

h2, .h2 {
  color: var(--grey);
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
}

h3, .h3 {
  color: var(--green);
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
}

h4.calltoaction {
  display: inline-block;
  text-align: center;
  transform: rotate(-5deg);
  background-color: var(--cta);
  color: var(--white);
  font-family: 'Smooch';
  font-style: normal;
  font-weight: 400;
  font-size: 2.5rem;
  letter-spacing: 0.3rem;
  padding: 10px 10px 5px 10px;
  border-radius: 5px;
  transition: .5s ease-out;
}

h4.calltoaction:hover {
   transform: rotate(0deg);
}

h5, .h5 {
  display: inline-block;
  text-align: center;
  transform: rotate(-5deg);
  background-color: var(--cta);
  color: var(--white);
  font-family: 'Smooch';
  font-style: normal;
  font-weight: 400;
  font-size: 2.5rem;
  padding: 10px 10px 5px 10px;
  border-radius: 5px;
transition: .5s ease-out;
}



/***************************************************/
/*	Willkommen                                 */
/***************************************************/

.home .fa-solid, .home .fa-brands, .home .fa-regular {
  padding-right: calc(var(--bs-gutter-x)* .5);
  color: var(--grey);
}

.home .fa-solid.fa-heart {
  color: var(--herz);
}

.home .fa-solid:hover, .home .fa-brands:hover, .home .fa-regular:hover {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
  color: var(--herz);
  transition: color .3s;
}

.home .cta-link-heart {
  color: var(--herz);
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
}

.inverse {
  display: inline-block;
  color: var(--white);
  background-color: var(--green);
  padding: 1px 3px 1px;
  border-radius: 5px;
}

.grey {
  color: var(--grey);
}

img.img-fit {
  width:100%;
  height:100%;
  object-fit:cover;
  transition: transform 1.5s ease;
}

img.img-fit:hover {
  transform: scale(1.1);
}


/***************************************************/
/*	Willkommen 2                               */
/***************************************************/

.home .tile {
  position: relative;
  padding: 0;
  margin: 0 0 1.2em 0;
  overflow: hidden;
}

.home .tile img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform .5s ease;
}

.home .tile:hover img {
  transform: scale(1.2);
}

.home .tile .text {
  position: absolute;
  width: 100%;
  color: #fff;
  left: 0;
  bottom: 0;
  padding: 0.55em 1em;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: var(--green-rgba);
  -webkit-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
}

body.page-template-page-full #main .home a {
  color: var(--grey);
  font-weight: bold;
  text-decoration: none;
  background-image: linear-gradient(#8ca789, #8ca789);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size .3s;
}

body.page-template-page-full #main .home a:hover, body.page-template-page-full #main .home a:focus {
  color: var(--grey);
  background-size: 100% 2px;
}




/***************************************************/
/*	Aktuelles                                  */
/***************************************************/

body.blog #main.container .card {
  background-color: var(--bg);
}

body.blog #main header.card-body {
  background-color: var(--green);
}

body.blog #main h2.card-title a {
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 700;
  color: var(--beige);
  text-decoration: none;
  background-image: linear-gradient(#efe3c7, #efe3c7);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size .3s;
}

body.blog #main h2.card-title a:hover, body.blog #main h2.card-title a:focus {
  background-size: 100% 2px;
}

body.blog #main a {
  color: var(--wording);
  text-decoration: none;
  background-image: linear-gradient(#efe3c7, #efe3c7);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size .3s;
}

body.blog #main a:hover, body.blog #main a:focus {
  background-size: 100% 2px;
}

article.post a {
  color: var(--wording);
  text-decoration: none;
  background-image: linear-gradient(#efe3c7, #efe3c7);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size .3s;
}

article.post a:hover, article.post a:focus {
  background-size: 100% 2px;
}


body.blog #main .post-thumbnail {
  margin-bottom: 1.5rem;
}

body.single-post article.post {
  border: 1px solid var(--green);
  border-radius: var(--bs-border-radius);
}

body.single-post article.post header.entry-header {
  color: var(--beige);
  background-color: var(--green);
  padding: 1rem;
}

body.single-post article.post .entry-content {
  padding: 1rem;
}

body.single-post article.post .entry-content .post-thumbnail {
  margin-bottom: 1.5rem;
}

body.single-post article.post header.entry-header h1 {
  color: var(--beige);
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
}

body.single-post article.post header.entry-header a {
  color: var(--beige);
  text-decoration: none;
  background-image: linear-gradient(#efe3c7, #efe3c7);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size .3s;
}

body.single-post article.post header.entry-header a:hover, body.single-post article.post header.entry-header a:focus {
  background-size: 100% 2px;
}

body.single-post #sidebar {
  background-color: var(--beige);
  border: 1px solid var(--green);
  border-radius: var(--bs-border-radius);
  padding: 1rem;
}

body.single-post #sidebar ul.recentposts a {
  font-size: 1.0rem;
  color: var(--grey);
  text-decoration: none;
  background-image: linear-gradient(#8ca789, #8ca789);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size .3s;
}

body.single-post #sidebar ul.recentposts a:hover, body.single-post #sidebar ul.recentposts a:focus {
  background-size: 100% 2px;
}


/***************************************************/
/*	Zuhause                                    */
/***************************************************/

body.page-template-page-full .container.zuhause a {
  color: var(--grey);
  text-decoration: none;
  background-image: linear-gradient(#8ca789, #8ca789);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size .3s;
}

body.page-template-page-full .container.zuhause a:hover, body.page-template-page-full .container.zuhause a:focus {
  color: var(--grey);
  background-size: 100% 2px;
}


/***************************************************/
/*	Zimmer                                     */
/***************************************************/

.zimmer .fa-solid, .home .fa-brands, .home .fa-regular {
  padding-right: calc(var(--bs-gutter-x)* .5);
  color: var(--grey);
}

.zimmer .fa-solid.fa-heart {
  color: var(--herz);
}

.zimmer .fa-solid:hover, .home .fa-brands:hover, .home .fa-regular:hover {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
  color: var(--herz);
  transition: color .3s;
}

.zimmer .cta-link-heart {
  color: var(--grey);
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
}

.zimmer a.cta-link-heart {
  color: var(--grey);
  font-weight: bold;
  text-decoration: none;
  background-image: linear-gradient(#d82d2d, #d82d2d);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size .3s;
}

.zimmer a.cta-link-heart:hover, .zimmer a.cta-link-heart:focus {
  color: var(--grey);
  background-size: 100% 2px;
}




/***************************************************/
/*	Freizeit                                   */
/***************************************************/

body.page-template-page-full .container.freizeit a {
  color: var(--grey);
  font-weight: bold;
  text-decoration: none;
  background-image: linear-gradient(#8ca789, #8ca789);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size .3s;
}

body.page-template-page-full .container.freizeit a:hover, body.page-template-page-full .container.freizeit a:focus {
  color: var(--grey);
  background-size: 100% 2px;
}

/***************************************************/
/*	Kontakt                                    */
/***************************************************/

body.page-template-page-full .container.kontakt a {
  color: var(--grey);
  text-decoration: none;
  background-image: linear-gradient(#8ca789, #8ca789);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size .3s;
}

body.page-template-page-full .container.kontakt a:hover, body.page-template-page-full .container.kontakt a:focus {
  color: var(--grey);
  background-size: 100% 2px;
}

body.page-template-page-full .container.kontakt img.kontakt {
  width: 100%;
  height: auto;
}

.kontakt .fa-solid, .home .fa-brands, .kontakt .fa-regular {
  padding-right: calc(var(--bs-gutter-x)* .5);
  color: var(--green);
}

.kontakt input, .kontakt label, .kontakt textarea {
  display: block;
  max-width: 90%;
  margin: 0 auto;
}

.kontakt input[type="checkbox" i] {
  float: left;
  margin-left: -12px;
  margin-top: 5px;
  margin-right: 10px;
}

/***************************************************/
/*	Impressum / Datenschutz                    */
/***************************************************/

body.page-template-page-full .container.legal a {
  color: var(--grey);
  font-weight: bold;
  text-decoration: none;
  background-image: linear-gradient(#8ca789, #8ca789);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size .3s;
}

body.page-template-page-full .container.legal a:hover, body.page-template-page-full .container.legal a:focus {
  color: var(--grey);
  background-size: 100% 2px;
}

/***************************************************/
/*	Footer                                     */
/***************************************************/

#footer {
  background-color: var(--green);
}

#footer .footer-top {
  background-color: var(--bg);
  padding: 0 15px 0 15px;
}

#footer .footer-widgets {
  background-color: #8ca789;
  border-top: 3px solid var(--beige);
  border-bottom: 1px solid var(--beige);
  padding: 1rem 0 1rem 0;
}

#footer .footer-widgets .vl {
  border-left: 1px solid var(--white);
  height: 55px;
}

#footer .footer-widgets h3 {
  display: none;
}

#footer .footer-top img.footer-logo-top {
  width: 190px;
  height: auto;
}

#footer .footer-widgets .footer-widget-left img.footer-logo {
  width: 190px;
  height: auto;
}

#footer .footer-widgets .footer-widget-center p {
  font-size: 18px;
  color: var(--white);
  margin: 0;
  padding: 0;
}

#footer .footer-widgets .footer-widget-center a {
  font-size: 18px;
  color: var(--white);
  text-decoration: none;
  background-image: linear-gradient(#efe3c7, #efe3c7);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size .3s;
}

#footer .footer-widgets .footer-widget-center a:hover, #footer .footer-widgets .footer-widget-center a:focus {
  background-size: 100% 2px;
}

#footer .footer-widgets .footer-widget-right .fa-brands, #footer .footer-widgets .footer-widget-right .fa-solid {
  color: var(--white);
  padding-right: calc(var(--bs-gutter-x)* .5);
  transition: color .3s;
}

#footer .footer-widgets .footer-widget-right .fa-brands:hover, #footer .footer-widgets .footer-widget-right .fa-solid:hover {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
  color: var(--beige);
  transition: color .3s;
}

#footer .footer-bottom p {
  color: var(--white);
}

#footer .footer-bottom ul.footer-bottom-menu a {
  color: var(--white);
  text-decoration: none;
  background-image: linear-gradient(#efe3c7, #efe3c7);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size .3s;
}

#footer .footer-bottom ul.footer-bottom-menu a:hover, #footer .footer-bottom ul.footer-bottom-menu a:focus {
  background-size: 100% 2px;
}

@media only screen and (max-width: 992px) {
	#footer .footer-top img.footer-logo-top {
	  display: block;
	  margin: 0 auto;
	}
	#footer .footer-widgets .footer-widget-left img.footer-logo {
	  display: block;
	  margin: 0 auto;
	}
	#footer .footer-widgets .footer-widget-left {
	  margin-bottom: 1rem;
	}
	#footer .footer-widgets .footer-widget-center {
	  margin-bottom: 1rem;
	}
}

@media only screen and (max-width: 768px) {
	#footer .footer-bottom-left, .footer-bottom-right {
	  display: flex;
	  justify-content: center; 
	}
}

@media only screen and (max-width: 620px) {
	#footer .footer-widgets .vl {
	  display: flex;
	  align-items: start;
	}
	#footer .footer-widgets .footer-widget-center p {
	  font-size: 12px;
	}
	#footer .footer-widgets .footer-widget-center a {
	  font-size: 12px;
	}
}

@media only screen and (max-width: 450px) {
	#footer .footer-widgets .footer-widget-center p {
	  font-size: 10px;
	}
	#footer .footer-widgets .footer-widget-center a {
	  font-size: 10px;
	}
}