@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap";*{font-family:Montserrat,sans-serif;font-weight:300;box-sizing:border-box}:root{font-family:Montserrat,sans-serif;font-size:16px;line-height:24px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--primary-main: 46, 85, 82;--secondary-main: 226, 174, 93;--secondary-contrast-text: 71, 53, 25;--paper: 236, 239, 230;--highlight: 227, 201, 214;--lowlight: 205, 104, 134}body,#app{margin:0;display:flex;flex-direction:column;background:rgb(var(--paper));color:rgb(var(--primary-main));width:100%;min-height:100vh}main{flex:1 1 auto;scroll-snap-type:both}main section{height:100vh;scroll-snap-align:start}header{padding:0 1rem;background:rgb(var(--primary-main));color:rgb(var(--highlight));position:sticky;height:75px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}header.fixed{position:fixed;top:0;left:0;right:0;z-index:100}main{margin-top:75px}@media only screen and (max-width: 600px){main{margin-bottom:104px}}nav{display:flex;width:100%}nav .navItem{align-self:center;cursor:pointer}nav a.title{flex:1 1 auto}nav a.link{flex:0 1 auto}@media only screen and (max-width: 600px){nav a.title{text-align:center}nav .navItem.link{display:none}nav .flex-spacer{display:none}}nav .navItem.link{border-radius:50%;user-select:none;outline:0;border:0;margin:0;padding:8px;display:flex;align-items:center}nav .navItem.link svg{display:block;margin:auto;height:1.5rem;width:1.5rem}nav .navItem.link:hover{background-color:#ffffff0a}nav.bottom{display:flex;flex-direction:row;justify-content:space-around;box-sizing:border-box;width:100%;padding:1rem;position:fixed;bottom:0;background-color:rgb(var(--primary-main));color:rgb(var(--highlight))}nav.bottom .link{border-radius:50%;background-color:transparent;color:rgb(var(--highlight));cursor:pointer;user-select:none;outline:0;border:0;margin:0;padding:24px;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;display:flex;align-items:center}nav.bottom .link svg{display:block;margin:auto;height:1.5rem;width:1.5rem}nav.bottom .link:hover,nav.bottom .link:active{background-color:#0000001a}nav.bottom .link.active{color:rgb(var(--primary-main));background-color:rgb(var(--highlight));box-shadow:0 0 13px 9px #0000000a}footer{padding:1rem;background:rgb(var(--primary-main));color:rgb(var(--highlight))}h1{font-size:4.5rem;line-height:4.5rem;padding:1rem 0;margin:0;margin-block:auto}h2{font-size:4rem;line-height:4rem;padding:1rem 0;margin:0;margin-block:auto}h3{font-size:3rem;line-height:3rem;padding:1rem 0;margin:0;margin-block:auto}h4{font-size:2rem;line-height:2rem;padding:1rem 0;margin:0;margin-block:auto}h5{font-size:1rem;line-height:1rem;padding:.5rem 0;margin:0;margin-block:auto}.navItem.title{color:rgb(var(--highlight));font-size:2rem;text-decoration:none}.navItem.title img{max-height:75px}.fullpage{width:100%;height:calc(100vh - 75px)}.parallax{height:calc(100vh - 75px);position:relative;background-attachment:fixed;background-position:bottom 40% left 50%;background-repeat:no-repeat;background-size:cover}.description{min-height:calc(100vh - 75px);text-align:center;padding:2rem;width:100%;max-width:1000px;margin:auto;box-sizing:border-box}.description.about{background-color:rgba(var(--paper),.5);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"name name" "details img"}.description.services{min-height:100%}.description .name{grid-area:name}.description .details{grid-area:details}.description .details.columns{display:flex;flex-direction:row;padding-top:1rem}.description .details .column{flex:1}.description .details .column ul{padding-top:1rem;box-sizing:border-box}.description .details .column li{text-align:left;margin-bottom:1rem}.description .image{grid-area:img;padding:0 2rem;align-content:center}.description .image img{width:100%;max-width:450px;border-radius:5px;box-shadow:0 12px 16px #0000003d}.description .details p{margin-top:1rem;text-align:justify}@media only screen and (max-width: 600px){.description.about{min-height:calc(100vh - 179px);grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"name" "img" "details"}.description .image{padding:0;margin:auto}.description .image img{border-radius:50%;width:80vw;height:80vw;object-fit:cover;box-shadow:0 12px 16px #0000003d}.description .name{grid-area:name;margin-bottom:2rem}.description .details.columns{flex-direction:column}}.parallax .caption{position:absolute;left:0;top:50%;width:100%;padding:1rem;text-align:center;box-sizing:border-box;color:rgb(var(--highlight));vertical-align:center;background-color:rgba(var(--primary-main),.7)}.parallax .caption.caption-bottom{bottom:0;top:unset;background-color:#fff}@media only screen and (max-width: 600px){.parallax{height:calc(100vh - 179px)}.parallax .caption{bottom:0;top:unset}}.flex-container{display:flex}.flex-even{justify-content:space-evenly}.flex-spacer{flex-grow:1}.sidebar{position:fixed;z-index:99;top:0;right:0;width:0;height:100vh;padding:75px 0 1rem;box-sizing:border-box;background-color:rgba(var(--paper),.95);transition:all .6s ease-in-out}.sidebar.show{width:200px;max-width:85vw;box-shadow:-16px 0 16px #0000003d}.sidebar .sidebar-link{display:block;width:100%;padding:1rem;margin:1rem 0;box-sizing:border-box;text-decoration:none;color:rgb(var(--primary-main));white-space:nowrap}.sidebar .sidebar-link:hover,.sidebar .sidebar-link.active:hover{background-color:rgba(var(--primary-main),.5);color:rgb(var(--highlight))}.sidebar .sidebar-link:active,.sidebar .sidebar-link:focus{background-color:rgba(var(--primary-main),.7);color:rgb(var(--highlight))}.sidebar .sidebar-link.active{background-color:rgba(var(--primary-main),.9);border-bottom:solid 5px rgb(var(--highlight));color:rgb(var(--highlight))}.services{margin:1rem auto;max-width:1000px;padding:0 2rem 2rem}.our-dogs .title{padding:0 2rem}.about-dog{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:"name img" "bio img" "table img";padding:2rem;width:100%;max-width:1000px;margin:auto;box-sizing:border-box}.about-dog:nth-child(even){grid-template-areas:"img name" "img bio" "img table"}.about-dog .name{grid-area:name;text-align:center}.about-dog .bio{grid-area:bio;text-align:justify}.about-dog .table{grid-area:table}.about-dog .image{grid-area:img;align-content:center;padding:0 2rem}.about-dog .image img{width:100%;max-width:450px;border-radius:5px;box-shadow:0 12px 16px #0000003d}.about-dog .table{border-collapse:collapse;font-size:1rem}.about-dog .table tr{padding-bottom:1rem}.about-dog .table tr td.label{text-align:right;font-style:italic;vertical-align:top}@media only screen and (max-width: 600px){.about-dog{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;grid-template-areas:"name" "img" "bio" "table"}.about-dog:nth-child(even){grid-template-areas:"name" "img" "bio" "table"}.about-dog .image{padding:0;margin:auto}.about-dog .image img{border-radius:50%;width:80vw;height:80vw;object-fit:cover}}.table th,.table td{padding:12px 15px}.services{text-align:justify}.services .section{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"header image" "content image";padding-top:2rem}.services .section:nth-child(odd){grid-template-areas:"image header" "image content"}.services .section .header{grid-area:header}.services .section .content{grid-area:content;text-align:justify}.services .section .image{grid-area:image;padding:0 2rem;margin:auto}.services .section .image img{width:100%;max-width:450px;border-radius:5px;box-shadow:0 12px 16px #0000003d}@media only screen and (max-width: 600px){.services .section,.services .section:nth-child(odd){grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"header" "image" "content"}}.contact-area{box-sizing:border-box;margin:1rem auto;width:70%;max-width:1000px}.contact-area .contact-link-area{width:50%;padding-right:1rem}.contact-form{width:50%;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:rgb(var(--highlight));border-radius:8px;padding:1rem}@media only screen and (max-width: 900px){.contact-area{flex-direction:column;width:100%;padding:1rem;margin:0}.contact-area .contact-link-area{width:100%;padding:0}.contact-area .contact-form{width:100%}}.contact-form form label{display:block}.contact-form form input,.contact-form form textarea{width:100%;border:solid 2px rgba(var(--primary-main),.1);border-radius:4px;padding:12px 20px;margin:8px 0;box-sizing:border-box}.contact-form form input:focus-visible,.contact-form form textarea:focus-visible{border-color:rgb(var(--primary-main));outline:none}.contact-link-container .contact-link{display:block;text-decoration:none;color:rgb(var(--primary-main));padding:1rem;margin:1rem 0;border-radius:8px;box-sizing:border-box;background-color:rgba(var(--primary-main),.1)}.contact-link-container .contact-link:hover{background-color:rgba(var(--primary-main),.2);border:solid 3px rgb(var(--primary-main));padding:calc(1rem - 3px);box-shadow:0 12px 16px #0000003d}.contact-link-container .contact-link svg{margin-right:1rem;vertical-align:text-top;height:1.5rem;width:1.5rem}.btn{padding:1rem 1.5rem;margin:.5rem;text-decoration:none;border:none;cursor:pointer;border-radius:3px;box-sizing:border-box;display:inline-block}.btn.btn-lg{padding:1rem 2rem}.btn.btn-block{display:block;width:100%;box-sizing:border-box;margin-right:0;margin-left:0}.btn svg{vertical-align:text-top;height:1.5rem;width:1.5rem}.btn.btn-link{color:rgb(var(--primary-main))}.btn.btn-link:hover,.btn.btn-link:focus{background-color:rgba(var(--primary-main),.01);box-shadow:0 7px 16px #00000024}.btn.btn-primary{background-color:rgb(var(--primary-main));color:rgb(var(--highlight));box-shadow:0 7px 16px #00000024}.btn.btn-primary:hover,.btn.btn-primary:focus{background-color:rgba(var(--primary-main),.9);box-shadow:0 12px 16px #0000003d}.btn.btn-highlight{background-color:rgb(var(--highlight));color:rgb(var(--primary-main));box-shadow:0 7px 16px #00000024}.btn.btn-highlight:hover,.btn.btn-highlight:focus{background-color:rgba(var(--highlight),.9);box-shadow:0 12px 16px #0000003d}.ar{text-align:right}.mr1{margin-right:1rem}.ml1{margin-left:1rem}.secondary-text{color:rgb(var(--secondary-contrast-text))}
