/* GLOBAL */

body { font-family: 'Open Sans', sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; text-transform: uppercase; }
img { max-width: 100%; }
p { margin-bottom: .5rem; }


.jCardDark { border: none; background: var(--bs-dark); color: var(--bs-light); border-radius: 0; border-bottom: 5px solid var(--bs-secondary) !important; padding: 2rem; }



#triangle-1, #triangle-2 { position: absolute; z-index: -1; top: -7px; left: -20px; width: 0; height: 0; border-left: 60px solid transparent; border-right: 60px solid transparent; }
#triangle-1 { border-bottom: 60px solid var(--bs-dark);; }
#triangle-2 { top: 53px; border-top: 60px solid var(--bs-dark); }

.jImgBg { object-fit: cover; object-position: center; position: absolute; left: 0; right: 0; width: 100%; height: 100%; }

.jFeaturesList { display: flex; flex-wrap: wrap; font-size: 1.2rem; list-style: none; padding: 0; }
.jFeaturesList li { width: 33%; flex-grow: 1; padding: 1rem 1rem 1rem 4rem; position: relative; }
.jFeaturesList li i { color: var(--bs-light); position: absolute; left: 0; top: 50%; font-size: 2rem; translate: 0 -50%; }

.section-linked { position: relative; padding-bottom: 70px; }
.section-linked::after { position: absolute; width: 2px; background: var(--bs-secondary); height: 110px; content: " "; left: 0; right: 0; bottom: -50px; margin: 0 auto; }
.section-linked + * { padding-top: 60px; }

form .input-group-text { position: absolute; right: 0; top: 0; background: transparent; border: 0; height: 38px; }

hr:not([size]) { opacity: .75; height: 3px; background: var(--bs-dark); }
.bg-dark hr:not([size]) { background: var(--bs-light); }

.jTeamItem { border-bottom: 3px solid transparent; }
.jTeamItem:hover { background: #fff; border-bottom-color: var(--bs-secondary); }


/* HEADER */
.jHomePageTemplate .jMainNavbar { position: absolute; left: 0; right: 0; top: 2rem; padding: 1rem; background: var(--bs-dark); }
.jHomePageTemplate .jNavbarLogo { position: absolute; top: -1rem; translate: -50%; left: 50%; }
.jDefaultTemplate .jSiteHeader { background: var(--bs-dark); }
.jDefaultTemplate .jMainNavbar { padding: 2rem 0; background: var(--bs-dark); }
.jDefaultTemplate .jNavbarLogo { position: absolute; top: 1rem; translate: -50%; left: 50%; }


/* PAGE - HOME */

/* SECTION - MAIN PICTURE */
#jMainPicture > div { padding: 0; }
#jMainPicture figure { width: 100%; }
#jMainPicture figure img { object-fit: cover; object-position: center; min-height: 70vh; max-height: 110vh; width: 100%; }

/* SECTION - BOOKING FORM */
#jBookingForm > div { margin-top: -15rem; z-index: 9999; }
#jBookingForm #mapid { height: 50vh; }

/* SECTION - TESTIMONIALS */
#testimonials { background-position: center; background-size: cover; background-image: url('./img/metz.jpg'); box-shadow: inset 0 0 0 1000px #ffffffee; }


/* FOOTER */
#footer { background-position: center; background-size: cover; background-image: url('./img/car-4.jpg'); box-shadow: inset 0 0 0 1000px #ffffffee; }