@charset "utf-8";
/* CSS Document */

a[href^="tel"] {
  color: inherit;
}

body { background-color: #e1d9d4; }

h1, h2, h3, h4, h5 {font-family: 'Roboto', sans-serif; letter-spacing: .12em;}

a, p, h3, h5, .button {color: #584436;}

h3 {margin-bottom: 30px;}

a:hover, a:focus { color:#96a67f; }

p { font-size: 1.2em; text-align: justify; }

.menu .active > a { background: none; color:#96a67f; }

.off-canvas {background-color: #222f3a}

.offMenu { list-style: none; margin:0;}

.offMenu li { border-bottom: #545454 1px solid; padding: 10px;	 }

.offMenu li a { color:#e9e3df;}

.menuBTN { margin-top: 25px;}

.section {padding-top: 80px; padding-bottom: 80px;}

.button {background-color: #fff; padding: 0.95em 2.95em; margin: 1rem 0 1rem 0;}

.button:hover, .button:focus {background-color: #F7F7F7; color: #3c3c3c;}

.button.secondary {background-color: #222f3a; }

.topbar { background-color: #222f3a; color:#fff; padding-top: 10px; padding-bottom: 10px; }

.header { padding-top: 40px; padding-bottom: 50px;}

.hero {background-image:url(../images/LabImage.jpg); background-size: cover; padding-top: 200px; padding-bottom: 200px;}

.hero2 {background-image:url(../images/happyDog.jpg); background-color:#ccc; background-size: cover; padding-top: 200px; padding-bottom: 200px;}

.hero3 {background-image:url(../images/reservations.jpg); background-color:#ccc; background-size: cover; padding-top: 200px; padding-bottom: 200px;}

.hero h1, .hero2 h1, .hero h5, .hero2 h5, .hero3 h1, .hero3 h5 {color:#fff; }

.part3 { background-color: #d2c9c4; }

.part3 h3 { margin-top: 15px;}

.part3 p {padding-left: 10px; padding-right: 10px;}

.part3 p a { color:#222f3a !important; }

.DarkSection { background-color: #d2c9c4; padding-top: 40px; padding-bottom: 40px;}

.DarkSection h1 {color: #584436;}

.LightSection { background-color: #e1d9d4; padding-top: 40px; padding-bottom: 40px;}

.LightSection h1 {color: #584436;}

.testimonies {padding-top:100px; padding-bottom: 100px; margin-top: 80px;}

.test {font-family: 'Playfair Display', serif; letter-spacing: .15em;}

.test p { text-align: center; }

.vac { background-color: #ED7D00; color: #fff;}

.airList { color: #584436; margin-left: 35px; }

.footer {background-color: #222f3a; color:#fff; padding-top: 50px; padding-bottom: 50px;}

.footer h3 { color:#fff; }

.c-forms-form { margin:0 auto !important}

.c-forms-form-body { padding: 10px !important;}

.cognito .c-forms-form { max-width: 900px !important;}

.cognito .c-dropdown:after {content: none !important;}

/* gallery */

.gallery { background-color: #222f3a; padding-top: 25px; padding-bottom: 25px; }

.slick-slide img {display:initial !important; text-align: center;}

/* Style the price list */

.price { list-style-type: none; border: 1px solid #eee; margin: 0; padding: 0; -webkit-transition: 0.3s; transition: 0.3s; }

/* List items */
.price li { border-bottom: 1px solid #eee; padding: 15px; text-align: center; background-color: #f7f7f7;}

/* Pricing header */
.price li.priceheader { background-color: #2b353e; color: white; font-size: 25px; text-transform: uppercase; letter-spacing: .1em; }

/* Style the forms list */

.forms { list-style-type: none; border: 1px solid #eee; margin: 0; padding: 0; -webkit-transition: 0.3s; transition: 0.3s; }

/* List items */
.forms li { border-bottom: 1px solid #eee; padding: 15px; font-size: .9em; background-color: #f7f7f7;}

.forms li img {margin-right:15px;}

/* Pricing header */
.forms li.priceheader { text-align: center; background-color: #2b353e; color: white; font-size: 25px; text-transform: uppercase; letter-spacing: .1em; }

/* Grey list item */
.pricegrey { background-color: #bbc3ae !important; font-size: 1em; color: #fff; text-transform: uppercase; letter-spacing: .1em; }

/* Contact Page */

.contactimg { background-image:url("../images/fullimages/L2.jpg"); background-size: cover; background-position: center;  min-height: 550px;}

.contact { list-style: none; margin-top:15px; margin-left: 0; font-size: 1.2em; color:#584436; }

.card { background-color: #fff;}

li.label {margin-top:10px; margin-bottom:5px;}

.map { min-height: 500px;}

.copy { background-color: #151d25; color: #fff; font-size: .7em; padding: 10px;}


@media only screen and (max-width: 800px) {
    h3 {
        font-size: 1.5375rem;
    }
}