:root {
    --primary: #976C40;
    --secondary: #C9BCAD;
    --green: #869B89;
    --lightgreen: #26D0A3;
    --bone: #F1EEE7;
    --gray: #4E4D55;
    --light: #F5F5F5;
}

/* colors */
.text-primary {color: var(--primary) !important;}
.bg-bone {background: var(--bone);}
.bg-light {background: var(--light);}
.bg-gray { background: var(--gray);}
.text-green {color: var(--green);}

body { background: var(--light);}

/* tricks */
.fs-c {font-size:.8rem;}

/* Navbar */
nav .nav-item .nav-link { color: var(--primary) !important; padding-bottom: 1.5rem ;}
nav .nav-item .nav-link.active { border-bottom: solid 2px var(--primary);}

/* background */
.bg { background-position: center; background-repeat: no-repeat !important; background-size: cover !important; background-position-y: center !important;z-index:-2;}
.bg.start {margin-top: 7rem;min-height:700px;}
.bg.filter {  position: relative;z-index: 0;}
.bg.filter::after { content: "";width:100%; height: 100%;position: absolute;background: rgba(0, 0, 0, .4);z-index: -1;}

/* buttons */
.btn-provincia { border: 1px solid var(--lightgreen); border-radius: 170px; padding: .5rem 1.5rem; display: block;text-align: center;text-decoration: none; color: black; transition: all .5s linear;}
.btn-provincia:hover { transform: scale(1.01); color: black; }

/* specials */
.move-left {margin-left: -10rem; z-index:2;}
.img-container {position: relative; align-items: center;justify-content: center;display: flex;}
.img-container span {position: absolute; content: ""; width:90%; height: 90%; border: 1px solid var(--bone); border-radius: 50%;}

.img-decoration {position: relative;}
.img-decoration img.img-fluid {z-index: 1 !important; position: relative;}
.img-decoration img.decoration-right {position: absolute; margin-top: -2rem;margin-left: -7rem;z-index:0;}
.img-decoration img.decoration-left {position: absolute; margin-top: -2rem;margin-right: -7rem;z-index:0;}
.card-body { position: relative;}
.card-body .decoration { position: absolute; left: 25rem;top: -8rem;}

/* list */
.list-provincia {color: var(--primary)}
.list-provincia li {list-style: none;}
.list-provincia li::before {content: "\2022";color: var(--secondary);display: inline-block;width: 1em;margin-left: -1em;}

/* Gallery */
.gallery { display: grid;grid-gap: 10px; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));grid-auto-rows: 200px;}
.gallery div.item {background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;}
.gallery div.item:nth-child(3n+1) {grid-column-end: span 1;grid-row-end: span 3;}
.gallery div.item a {height: 100%;width: 100%;display: flex; align-items: end;cursor: pointer;text-decoration: none;}
.gallery div.item a span {display:block;color: white; background: rgba(0, 0, 0, .4);padding: .5rem 1rem; width:100%; opacity: 0; transition: all .4s ease-in-out; transform: translateY(5px);}
div.item:hover > a span { opacity:1;transform: translate(0px);}
.img-nav {opacity:.5; transition: all .5s ease;position:absolute;background-color: rgba(92, 89, 89, .5); height:3rem; width: 3rem;border-radius:50%; display: flex; align-items:center;justify-content:center;}
.img-nav:hover {opacity: 1;}
.img-nav.l {left: 10px;}
.img-nav.r {right: 10px;}

.dog {width:7rem !important;}

/* form */
/* form { margin: 1.5rem 0rem; }
input, select { color: var(--primary); background: transparent; border:none; border-bottom: 1px solid var(--primary); width:100%; margin: 1.5rem 0;}
input:focus, select:focus {outline: none;}
input[type=submit] { width: 50%; margin-left: auto; border: 1px solid var(--lightgreen); border-radius: 170px; padding: .5rem 1.5rem; text-align: center;text-decoration: none; color: black; transition: all .5s linear; }
input[type=submit]:hover { transform: scale(1.01); color: black; } */

/* video bg */
.vimeo-container { padding: 0px; margin: 0px;}
.vimeo-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; overflow: hidden;}

.vimeo-wrapper iframe {width: 100vw; height: 56.25vw;  min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.video-overlay{ display: block; min-height: 100vh; width:100%;}
.floating-overlay{ margin: 0 auto; display: block;text-align: center; position: absolute;  left:50%; top:50%; transform: translate(-50%,-50%);width:100%;}

/* .video-wrapper.bg-filter {position: relative;height: 100%;}
.video-wrapper h1 {z-index: 1;}
.video-wrapper.bg-filter::after {content: "";width:100%; height: 100%;position: absolute;background: rgba(0, 0, 0, .4);} */

/* fonts */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;700&family=Roboto:wght@300&display=swap');
body {font-family: 'Cormorant Garamond', serif;line-height: 46px;font-weight: 300;font-style: normal;}
.roboto {font-family: 'Roboto', sans-serif;line-height: 25px;font-weight: 300;font-style: normal;}
.gmf {font-family: 'Cormorant Garamond', serif;line-height: 84px;font-size: 4.25rem;font-weight: 700;font-style: normal;}

@media screen and (max-width:767px) {
    .move-left {margin-left: 0rem;}
    .gmf {font-size: 1.5rem;line-height: 50px;}
    .gallery {grid-gap: 10px; grid-template-columns: 100%}
    .bg.start {min-height: 300px !important;}
}