/* line 3, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="fadeInCard"] {
  animation: fadeIn;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s;
  animation-iteration-count: 1;
}

/* line 9, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="slideInLeft"] {
  animation: slideInLeft;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s;
  animation-iteration-count: 1;
}

/* line 15, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="slideInRight"] {
  animation: slideInRight;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s;
  animation-iteration-count: 1;
}

/* line 21, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="fadeIn"] {
  animation: fadeIn;
  /* referring directly to the animation's @keyframe declaration */
  animation-fill-mode: forwards;
  animation-duration: 3s;
  animation-iteration-count: 1;
  opacity: 0;
}

/* line 29, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="fadeInLeft"] {
  animation: fadeInLeft;
  /* referring directly to the animation's @keyframe declaration */
  animation-fill-mode: forwards;
  animation-duration: 2s;
  animation-timing-function: ease, step-start, cubic-bezier(0.1, 0.7, 1, 0.1);
  animation-iteration-count: 1;
  opacity: 0;
}

/* line 38, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="flipInX"] {
  animation: flipInX;
  /* referring directly to the animation's @keyframe declaration */
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-iteration-count: 1;
}

/* line 45, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="zoomIn"] {
  animation: zoomIn;
  /* referring directly to the animation's @keyframe declaration */
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-delay: 2s;
  animation-iteration-count: 1;
  opacity: 0;
}

@font-face {
  src: url(/assets/Mulish-Regular-9d05007ae3a96bc3a4a68e84730644c0d9a00c6ea089ca24b27fb6688cc778e6.woff2) format("woff2");
  font-family: 'Mulish-Regular';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  src: url(/assets/Nunito-Bold-4085d3061000c7142251afd5483cdf9b4571706caa79f4bfd09a0696133a2a84.woff2) format("woff2");
  font-family: 'Nunito-Bold';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  src: url(/assets/Poppins-Thin-0993799d2507c42bbd4f810e41af7f2fad5c13a8f778638e1dd33f9578025049.woff2) format("woff2");
  font-family: 'Poppins-Thin';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  src: url(/assets/Petit-Formal-Script-24b373c4d3a393679c1131bbc2a7da92d7082fba37441a7fcc65d8c0c6d9ee9f.woff2) format("woff2");
  font-family: 'Petit-Formal-Script';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  src: url(/assets/Nunito-Bold-4085d3061000c7142251afd5483cdf9b4571706caa79f4bfd09a0696133a2a84.woff2) format("woff2");
  font-family: 'Nunito-Bold-Script';
  font-weight: 800;
  font-display: swap;
}

/* line 42, app/assets/stylesheets/_fonts-sizes.scss */
h1 {
  font-family: 'Nunito-Bold';
  font-size: calc(100% + 1vw);
}

/* line 47, app/assets/stylesheets/_fonts-sizes.scss */
.h1-main-title {
  font-family: 'Nunito-Bold';
  font-size: calc(100% + 1.5vw);
  font-weight: 700;
}

/* line 53, app/assets/stylesheets/_fonts-sizes.scss */
.h2-main-title {
  font-family: 'Nunito-Bold';
  font-size: calc(100% + 1vw);
}

/* line 58, app/assets/stylesheets/_fonts-sizes.scss */
.h2-main-information {
  font-family: 'Nunito-Bold';
  font-size: calc(50% + 0.4vw);
}

/* line 63, app/assets/stylesheets/_fonts-sizes.scss */
.h3-main-title {
  font-family: 'Nunito-Bold';
  font-size: calc(100% + 0.6vw);
}

/* line 68, app/assets/stylesheets/_fonts-sizes.scss */
.nav-main-title {
  font-family: 'Nunito-Bold';
  font-size: calc(75% + 0.6vw);
}

/* line 73, app/assets/stylesheets/_fonts-sizes.scss */
.button-main-title {
  font-family: 'Nunito-Bold';
  font-size: calc(70% + 0.3vw);
}

/* line 78, app/assets/stylesheets/_fonts-sizes.scss */
.p-text-photo {
  font-family: 'Mulish-Regular';
  font-size: calc(100% + 0.7vw);
}

/* line 83, app/assets/stylesheets/_fonts-sizes.scss */
h2 {
  font-size: calc(100% + 1.5vw);
  font-weight: 500;
}

/* line 88, app/assets/stylesheets/_fonts-sizes.scss */
h3 {
  font-size: calc(100% + 0.5vw);
  font-weight: 400;
}

/* line 93, app/assets/stylesheets/_fonts-sizes.scss */
h4 {
  font-family: 'Nunito-Bold';
  font-size: calc(100% + 0.1vw);
}

/* line 98, app/assets/stylesheets/_fonts-sizes.scss */
.p-title {
  font-family: 'Nunito-Bold' !important;
  font-size: calc(60% + 1.2vw) !important;
}

/* line 103, app/assets/stylesheets/_fonts-sizes.scss */
.p-card-title {
  font-family: 'Mulish-Regular';
  font-size: calc(100% + 0.2vw);
}

/* line 108, app/assets/stylesheets/_fonts-sizes.scss */
.p-service {
  font-family: 'Mulish-Regular';
  font-size: calc(100% + 0.07vw);
}

/* line 113, app/assets/stylesheets/_fonts-sizes.scss */
.p-navbar {
  font-family: 'Nunito-Bold' !important;
  font-size: calc(60% + 0.6vw) !important;
}

/* line 118, app/assets/stylesheets/_fonts-sizes.scss */
.p-navbar-mobile {
  font-family: 'Nunito-Bold';
  font-size: calc(30% + 0.9vw);
}

/* line 123, app/assets/stylesheets/_fonts-sizes.scss */
p {
  font-family: 'Mulish-Regular';
  font-size: calc(100% + 0.3vw);
}

/* line 128, app/assets/stylesheets/_fonts-sizes.scss */
.is-petit-formal-script {
  font-family: 'Petit-Formal-Script';
}

/* line 132, app/assets/stylesheets/_fonts-sizes.scss */
.is-poppins {
  font-family: 'Poppins-Thin';
}

/* line 4, app/assets/stylesheets/_is-colors.scss */
.is-background-color-transparent {
  border: 0px;
  background-color: rgba(0, 132, 204, 0.5);
}

/* line 9, app/assets/stylesheets/_is-colors.scss */
.is-background-color {
  background-color: #e6eff2 !important;
}

/* line 13, app/assets/stylesheets/_is-colors.scss */
.is-background-color-secondary {
  background-color: #0084cc !important;
}

/* line 17, app/assets/stylesheets/_is-colors.scss */
.is-background-color-third {
  background-color: #162232 !important;
}

/* line 21, app/assets/stylesheets/_is-colors.scss */
.is-background-color-light {
  background-color: #0084cc !important;
}

/* line 25, app/assets/stylesheets/_is-colors.scss */
.is-text-color-light {
  color: #0084cc !important;
}

/* line 29, app/assets/stylesheets/_is-colors.scss */
.is-background-color-strong {
  background-color: #e6eff2 !important;
}

/* line 33, app/assets/stylesheets/_is-colors.scss */
.is-text-color-primary {
  color: #e6eff2 !important;
}

/* line 37, app/assets/stylesheets/_is-colors.scss */
.is-text-color-secondary {
  color: #0084cc !important;
}

/* line 42, app/assets/stylesheets/_is-colors.scss */
.is-text-dark {
  color: #0084cc;
}

/* line 46, app/assets/stylesheets/_is-colors.scss */
.is-text-light {
  color: #122132;
}

/* line 50, app/assets/stylesheets/_is-colors.scss */
.is-text-color-strong {
  color: #e6eff2 !important;
}

/* line 54, app/assets/stylesheets/_is-colors.scss */
.is-border-color-top {
  border-top: 5px solid #0084cc;
}

/* line 58, app/assets/stylesheets/_is-colors.scss */
.is-border-color-bottom {
  border-bottom: 5px solid #0084cc;
}

/* line 61, app/assets/stylesheets/_is-colors.scss */
.is-border-color-left {
  border-left: 5px solid #0084cc;
}

/* line 64, app/assets/stylesheets/_is-colors.scss */
.is-border-color-right {
  border-right: 5px solid #0084cc;
}

/* line 68, app/assets/stylesheets/_is-colors.scss */
.is-border-simple-top {
  border-top: 2px solid #eeeeee;
}

/* line 71, app/assets/stylesheets/_is-colors.scss */
.is-border-simple-bottom {
  border-bottom: 2px solid #eeeeee;
}

/* line 74, app/assets/stylesheets/_is-colors.scss */
.is-border-simple-left {
  border-left: 2px solid #eeeeee;
}

/* line 77, app/assets/stylesheets/_is-colors.scss */
.is-border-simple-right {
  border-right: 2px solid #eeeeee;
}

/*
Author: L. Voogdt
License: MIT
Version: 1.0
*/
/* Marker setup */
/* line 8, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker {
  background: url(/assets/images/markers-soft-6743c1321400ff5ed1fb4c3b0a68a7f8857956084f426b6bb8bff03cab2b724e.png) no-repeat 0 0;
  width: 35px;
  height: 46px;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  text-align: center;
}

/* line 19, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-shadow {
  background: url(/assets/images/markers-shadow-883ead799be0d0437c65d6172342237e860d121f35a2d215ce4170a8da302338.png) no-repeat 0 0;
  width: 36px;
  height: 16px;
}

/* Retina displays */
@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  /* line 28, app/assets/stylesheets/_awesome-markers.scss */
  .awesome-marker {
    background-image: url(/assets/images/markers-soft@2x-dd562751740663b74ed9a16c1484444d40fb95b79b8b1b13e5e12a2f8331c5e2.png);
    background-size: 720px 46px;
  }
  /* line 32, app/assets/stylesheets/_awesome-markers.scss */
  .awesome-marker-shadow {
    background-image: url(/assets/images/markers-shadow@2x-64fe7e2740a7d015109cd31a498357dada39f7552caac379a8d1f0c18dc3d77c.png);
    background-size: 35px 16px;
  }
}

/* line 38, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker i {
  color: #333;
  margin-top: 10px;
  display: inline-block;
  font-size: 14px;
}

/* line 45, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker .icon-white {
  color: #fff;
}

/* Colors */
/* line 50, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-red {
  background-position: 0 0;
}

/* line 54, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-darkred {
  background-position: -180px 0;
}

/* line 58, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-lightred {
  background-position: -360px 0;
}

/* line 62, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-orange {
  background-position: -36px 0;
}

/* line 66, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-beige {
  background-position: -396px 0;
}

/* line 70, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-green {
  background-position: -72px 0;
}

/* line 74, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-darkgreen {
  background-position: -252px 0;
}

/* line 78, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-lightgreen {
  background-position: -432px 0;
}

/* line 82, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-blue {
  background-position: -108px 0;
}

/* line 86, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-darkblue {
  background-position: -216px 0;
}

/* line 90, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-lightblue {
  background-position: -468px 0;
}

/* line 94, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-purple {
  background-position: -144px 0;
}

/* line 98, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-darkpurple {
  background-position: -288px 0;
}

/* line 102, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-pink {
  background-position: -504px 0;
}

/* line 106, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-cadetblue {
  background-position: -324px 0;
}

/* line 110, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-white {
  background-position: -574px 0;
}

/* line 114, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-gray {
  background-position: -648px 0;
}

/* line 118, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-lightgray {
  background-position: -612px 0;
}

/* line 122, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-black {
  background-position: -682px 0;
}

/* line 12, app/assets/stylesheets/home.scss */
html {
  scroll-behavior: smooth;
}

/* line 16, app/assets/stylesheets/home.scss */
.no-back-hover:hover {
  background-color: transparent;
}

/* line 20, app/assets/stylesheets/home.scss */
.cellhover {
  transform: scale(1);
  overflow: hidden;
  transition: all 300ms;
  cursor: zoom-in;
}

/* line 27, app/assets/stylesheets/home.scss */
.cellhover:hover {
  transform: scale(0.95);
  background-color: #000;
  -webkit-filter: brightness(70%);
}

/* line 33, app/assets/stylesheets/home.scss */
.image-fit-2 {
  height: 300px !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* line 40, app/assets/stylesheets/home.scss */
.is-background-devis {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/assets/back-devis-09ace325e768ff73a71fab639f13228919263a9cfea28c9aca1479b8d0351734.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 47, app/assets/stylesheets/home.scss */
.is-background-maconnerie {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/assets/back-maconnerie-fe100f61e6bb09c77fb0034a87e64f096e041486aff4b01146f6914934294693.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 55, app/assets/stylesheets/home.scss */
.is-background-services {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/assets/back-services-7d34a869ee1ec73b6d7eb82e32f723dd4a9160af4b1242f1831bec2362e9ddc8.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 62, app/assets/stylesheets/home.scss */
.is-background-entreprise {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/assets/header-054dd0c24c756923cb07e43d5dfeee9dc45840db0e35db4324b00865ce3f4a69.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 69, app/assets/stylesheets/home.scss */
.is-background-intervention {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/assets/urgence-18085b1f379c171a8ad319d4c4b3219efeeb4fa572a27d71d9b351bae0544cc6.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 76, app/assets/stylesheets/home.scss */
.is-hover-email {
  background-color: #ccf0ff;
  cursor: pointer;
  transition: background-color 0.4s linear;
}

/* line 82, app/assets/stylesheets/home.scss */
.is-hover-email:hover {
  background-color: #b3daeb !important;
  cursor: pointer;
  transition: background-color 0.4s linear;
}

/* line 91, app/assets/stylesheets/home.scss */
.underline-on-hover:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 50px;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  position: absolute;
  background: #fff;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}

/* line 103, app/assets/stylesheets/home.scss */
.underline-on-hover:hover:after {
  width: 75%;
  left: 12.5%;
}

/* line 108, app/assets/stylesheets/home.scss */
.is-background-color-logo-right {
  background-color: #0084cc !important;
  background: url(/assets/wall-74f10107042b01087a724ea28479749fd5f43c568c036dbf6dc92162ab5f483d.png);
  background-repeat: no-repeat;
  background-size: 100vh;
  background-position: left 0px top 0px;
}

/* line 116, app/assets/stylesheets/home.scss */
.is-background-color-logo-left {
  background-color: #e6eff2 !important;
  background: url(/assets/wall-74f10107042b01087a724ea28479749fd5f43c568c036dbf6dc92162ab5f483d.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right -45% top -10%;
}

/* line 124, app/assets/stylesheets/home.scss */
.hr-secondary {
  border: 1px solid #0084cc;
}

/* line 128, app/assets/stylesheets/home.scss */
.is-background-color-secondary-map {
  background-image: linear-gradient(#0e0e0e99, #0e0e0e99), url(/map.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 141, app/assets/stylesheets/home.scss */
.is-background-color-pattern {
  background-color: #e6eff2 !important;
  background: url(/2028.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 148, app/assets/stylesheets/home.scss */
.is-background-color-pattern-2 {
  background-image: linear-gradient(#fcfcfcdd, #fcfcfcdd), url(/pattern2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 161, app/assets/stylesheets/home.scss */
.columnshover:hover .imagehover1 {
  margin-left: -10px;
  transition: all 0.2s ease-in-out;
}

/* line 166, app/assets/stylesheets/home.scss */
.columnshover:hover .cellhover1 {
  transform: rotate(10deg);
  transition: all 0.2s ease-in-out 0.2s;
}

/* line 171, app/assets/stylesheets/home.scss */
.columnshover .imagehover1 {
  margin-left: 0px;
  transition: all 0.2s ease-in-out;
}

/* line 176, app/assets/stylesheets/home.scss */
.columnshover .cellhover1 {
  transform: rotate(0deg);
  transition: all 0.2s ease-in-out 0.2s;
}

/* line 182, app/assets/stylesheets/home.scss */
.columnshover:hover .imagehover2 {
  margin-top: -25px;
  transition: all 0.2s ease-in-out;
}

/* line 187, app/assets/stylesheets/home.scss */
.columnshover:hover .cellhover2 {
  transform: rotate(-15deg);
  transition: all 0.2s ease-in-out 0.2s;
}

/* line 192, app/assets/stylesheets/home.scss */
.columnshover .cellhover2 {
  transform: rotate(0deg);
  transition: all 0.2s ease-in-out 0.2s;
}

/* line 197, app/assets/stylesheets/home.scss */
.columnshover .imagehover2 {
  margin-top: 0px;
  transition: all 0.2s ease-in-out;
}

/* line 202, app/assets/stylesheets/home.scss */
.columnshover:hover .imagehover3 {
  margin-top: -35px;
  margin-right: 15px;
  transition: all 0.2s ease-in-out;
}

/* line 208, app/assets/stylesheets/home.scss */
.columnshover:hover .cellhover3 {
  transform: rotate(19deg);
  transition: all 0.2s ease-in-out 0.2s;
}

/* line 213, app/assets/stylesheets/home.scss */
.columnshover .cellhover3 {
  transform: rotate(0deg);
  transition: all 0.2s ease-in-out 0.2s;
}

/* line 218, app/assets/stylesheets/home.scss */
.columnshover .imagehover3 {
  margin-top: 0px;
  margin-right: 0px;
  transition: all 0.2s ease-in-out;
}

/* line 225, app/assets/stylesheets/home.scss */
.parallax {
  /* The image used */
  background-image: url(/assets/header-054dd0c24c756923cb07e43d5dfeee9dc45840db0e35db4324b00865ce3f4a69.jpg);
  /* Create the parallax scrolling effect */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 234, app/assets/stylesheets/home.scss */
.navbar-item.is-mega {
  position: static;
}

/* line 237, app/assets/stylesheets/home.scss */
.navbar-item.is-mega .is-mega-menu-title {
  margin-bottom: 0;
  padding: .375rem 1rem;
}

/* line 243, app/assets/stylesheets/home.scss */
.block-marqueurs {
  visibility: hidden;
  position: absolute;
  width: 0px;
  height: 0px;
}

/* line 250, app/assets/stylesheets/home.scss */
.header-background {
  background-image: url(/assets/image_header-054dd0c24c756923cb07e43d5dfeee9dc45840db0e35db4324b00865ce3f4a69.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}

/* line 258, app/assets/stylesheets/home.scss */
.card-background-image {
  flex: auto !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* line 266, app/assets/stylesheets/home.scss */
.backpattern {
  background-image: url(/assets/pattern-754e1a95ecf1afe0905b8ebed98ad1745a492772d8ee4164799858e53fb62038.png);
  background-size: 15%;
  background-repeat: repeat;
}

/* line 273, app/assets/stylesheets/home.scss */
.is-global-font-secondary {
  font-family: 'Courier New', Courier, monospace;
}

/* line 277, app/assets/stylesheets/home.scss */
.no-padding {
  padding: 0;
}

/* line 281, app/assets/stylesheets/home.scss */
.contact-card-button {
  background-color: #e6eff2;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  margin-top: 20px;
}

/* line 289, app/assets/stylesheets/home.scss */
.bottom-section {
  background-color: #e6eff2;
  font-size: 18px;
}

/* line 294, app/assets/stylesheets/home.scss */
.footerlink {
  color: #eed91a;
}

/* line 298, app/assets/stylesheets/home.scss */
.icon-link-style {
  color: #585856;
  margin: 5px;
}

/* line 303, app/assets/stylesheets/home.scss */
.icon-link-style:visited {
  color: #303030;
}

/* line 307, app/assets/stylesheets/home.scss */
.icon-link-style:hover {
  color: #999999;
}

/* line 311, app/assets/stylesheets/home.scss */
span.highlight-dark {
  font-weight: bolder;
  background: linear-gradient(104deg, rgba(59, 57, 70, 0) 0.9%, rgba(59, 57, 70, 0.25) 2.4%, rgba(59, 57, 70, 0.5) 5.8%, rgba(59, 57, 70, 0.1) 93%, rgba(59, 57, 70, 0) 96%, rgba(59, 57, 70, 0) 98%), linear-gradient(183deg, rgba(59, 57, 70, 0) 0%, rgba(59, 57, 70, 0.1) 7.9%, rgba(59, 57, 70, 0) 15%);
  padding-left: 20px;
  padding-bottom: 5px;
  padding-right: 20px;
  -webkit-box-decoration-break: clone;
  margin: 0;
  border-radius: 7.5px;
  text-shadow: -12px 12px 9.8px rgba(59, 57, 70, 0.5);
}

/* line 323, app/assets/stylesheets/home.scss */
span.highlight-light {
  font-weight: bolder;
  background: linear-gradient(104deg, rgba(249, 228, 200, 0) 0.9%, #f9e4c8 2.4%, #f9e4c8 5.8%, rgba(249, 228, 200, 0.3) 93%, rgba(249, 228, 200, 0.7) 96%, rgba(249, 228, 200, 0) 98%), linear-gradient(183deg, rgba(249, 228, 200, 0) 0%, rgba(249, 228, 200, 0.1) 7.9%, rgba(249, 228, 200, 0) 15%);
  padding-left: 20px;
  padding-bottom: 5px;
  padding-right: 20px;
  -webkit-box-decoration-break: clone;
  margin: 0;
  border-radius: 7.5px;
  text-shadow: -12px 12px 9.8px rgba(59, 57, 70, 0.5);
}

/* line 335, app/assets/stylesheets/home.scss */
span.highlight-white {
  font-weight: bolder;
  background: linear-gradient(104deg, rgba(255, 255, 255, 0) 0.9%, white 2.4%, white 5.8%, rgba(255, 255, 255, 0.3) 93%, rgba(255, 255, 255, 0.7) 96%, rgba(255, 255, 255, 0) 98%), linear-gradient(183deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 7.9%, rgba(255, 255, 255, 0) 15%);
  padding-left: 20px;
  padding-bottom: 5px;
  padding-right: 20px;
  -webkit-box-decoration-break: clone;
  margin: 0;
  border-radius: 7.5px;
  text-shadow: -12px 12px 9.8px rgba(59, 57, 70, 0.5);
}

/* line 348, app/assets/stylesheets/home.scss */
.imageoverflow {
  overflow: hidden;
  position: relative;
  text-align: center;
  color: white;
}

/* line 355, app/assets/stylesheets/home.scss */
.active-navbar {
  background-color: #0084cc !important;
  color: white;
}

/* line 360, app/assets/stylesheets/home.scss */
.image-fit {
  height: 65vh !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* line 367, app/assets/stylesheets/home.scss */
.cardhover {
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* line 372, app/assets/stylesheets/home.scss */
.cardhover:hover {
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* line 380, app/assets/stylesheets/home.scss */
.cardheight {
  height: 100%;
}

/* line 384, app/assets/stylesheets/home.scss */
.modal.modalpics.is-active {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

/* Expand modal-content to full screen on small devices */
/* line 392, app/assets/stylesheets/home.scss */
.modal.modalpics .modal-content {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.9);
  /* darken background slightly */
}

/* Make image responsive and centered */
/* line 404, app/assets/stylesheets/home.scss */
.modal.modalpics img {
  max-width: 100vw;
  max-height: 100vh;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Optional: make sure arrows stay visible */
/* line 413, app/assets/stylesheets/home.scss */
.nav-arrow {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  font-size: 3rem;
  background: none;
  border: none;
  color: white;
  z-index: 9998;
  opacity: 0.7;
}

/* line 424, app/assets/stylesheets/home.scss */
.nav-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 3rem;
  color: white;
  cursor: pointer;
  z-index: 5;
  opacity: 0.7;
}

/* line 436, app/assets/stylesheets/home.scss */
.left-arrow {
  left: 2rem;
}

/* line 437, app/assets/stylesheets/home.scss */
.right-arrow {
  right: 2rem;
}

/* line 438, app/assets/stylesheets/home.scss */
.nav-arrow:hover {
  opacity: 1;
}

/* line 440, app/assets/stylesheets/home.scss */
#photo-modal img {
  max-height: 80vh;
  max-width: 90%;
}

/* line 3, app/assets/stylesheets/_tweaks.scss */
a {
  text-decoration: none !important;
}

/* line 7, app/assets/stylesheets/_tweaks.scss */
.button.is-multiline {
  min-height: 2.25em;
  white-space: unset;
  height: auto;
  flex-direction: column;
}

/** This isn't the actual suggested CSS - but it is just a quick fix to replicate the functionality**/
/* line 15, app/assets/stylesheets/_tweaks.scss */
.button.is-multiline .icon {
  margin: 0 !important;
}