/**
 *
 *  MVC
 *  Model View Controller (MVC) design pattern for simple web applications.
 *
 *  @see     https://github.com/fabiodoppio/mvc
 *
 *  @author  Fabio Doppio (Developer) <hallo@fabiodoppio.de>
 *  @license https://opensource.org/license/mit/ MIT License
 *
 */

.is--sticky{display:block;position:-webkit-sticky;position:sticky;top:50px}.mvc.show h1{color:#838e47;font-size:1.75rem;font-weight:700;font-family:'Open Sans',sans-serif;line-height:1.4em;margin:0;outline:0;padding:0;vertical-align:baseline;text-align:left}ul.breadcrumbs{list-style:none;margin:0}ul.breadcrumbs li{display:inline;margin-right:20px;font-weight:700}ul.breadcrumbs li i{color:#838e47}.is--flex{display:flex;flex-wrap:wrap}#top{margin-top:30px}#overview{width:calc(25% - 5px);padding:30px;position:relative;background:#ccd078}#overview h2{color:#3c261c;margin-bottom:30px;font-size:1.375rem;font-weight:700;line-height:1.3em}#overview ul{list-style:none;margin:0}#overview li{margin:0 0 30px;color:#3c261c;font-weight:700}#overview i{float:left;color:#fff;font-size:24px;width:30px;height:30px;margin-right:10px;text-align:center}#preview{width:calc(75% - 5px);background:#eee;margin-left:5px;overflow:hidden;position:relative}#preview img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}#images .image{width:calc(25% - 5px);height:200px;background:#eee;margin:5px 5px 0 0;overflow:hidden;position:relative}#images img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0;margin:0 auto}[data-trigger="show-images"]{background:rgb(185 189 102 / 75%);position:absolute;top:0;left:0;width:100%;height:100%;z-index:50}[data-trigger="show-images"] .img-count{color:#ff0035;background:rgb(255 255 255 / 75%);display:block;padding:100px 10px 0;height:100%;font-size:70px;position:absolute;bottom:0;right:0;width:50%;text-align:right}#main{width:calc(55% - 50px);margin-top:50px;color:#3c261c;display:inline-block;vertical-align:top;margin-right:50px}#main>div:not(:first-child){margin-top:30px}#main ul li{list-style:none;display:inline-block;margin-right:5px}#main h3{margin-bottom:10px;font-size:1.25rem;font-weight:700;line-height:1.3em}#sidebar{width:45%;margin-top:50px}#booking-calendar li span{background-color:var(--color-primary-600);display:block;padding:5px 10px;margin:0 10px 10px 0;font-weight:700;border-radius:10px;cursor:pointer;transition:.5s}#booking-calendar li span:hover,#booking-calendar li span.is--active{background-color:var(--color-primary-100)}#booking-calendar .is--flex>div:first-child{width:50%;font-size:12px}#booking-calendar .is--flex>div:first-child b{margin:10px 0;display:block}#booking-calendar .is--flex>div:last-child{background:var(--color-primary-100);border-top-left-radius:25px;width:50%;padding:0 5px}#booking-calendar .month{width:220px;height:100%;min-height:280px;margin:auto;align-content:space-around}#booking-calendar .month .headline{display:block;color:#333;font-weight:700;text-align:center;margin-bottom:20px}#booking-calendar .day{display:inline-block;width:30px;height:30px;text-align:center;border-bottom:1px solid #FFF;font-size:14px;line-height:30px;font-weight:700;vertical-align:top}#booking-calendar .day.head{border-bottom:2px solid #fff;font-weight:400;font-size:16px;margin-bottom:3px!important}#booking-calendar .day.is--current{font-weight:700;text-decoration:underline}#booking-calendar .day.is--booked{background-color:#ff4242}#booking-calendar .day.is--booked.is--close{background:linear-gradient(135deg,#ff4242 0,#ff4242 50%,transparent 50%)}#booking-calendar .day.is--booked.is--open{background:linear-gradient(-45deg,#ff4242 0,#ff4242 50%,transparent 50%)}[data-trigger="show-images"]{background:rgb(185 189 102 / 75%);position:absolute;top:0;left:0;width:100%;height:100%;z-index:50}[data-trigger="show-images"] .img-count{color:#ff0035;background:rgb(255 255 255 / 75%);display:block;padding:100px 10px 0;height:100%;font-size:70px;position:absolute;bottom:0;right:0;width:50%;text-align:right}#request{background:#d1d485;padding:20px;border-top-left-radius:25px;color:#000;font-size:14px;line-height:150%}#request label{color:#000;margin-bottom:15px}#request label:not([for="postal"],[for="city"]){width:100%}#request label[for="consent"]{font-size:14px;line-height:0;margin:0}#request{margin-bottom:10px}#request .btn{border:2px solid #FFF;width:100%;margin-top:20px;margin-bottom:0}#request button.btn.is--primary{background-color:#74772a;border:none!important}#request button.btn.is--primary:hover{background-color:#8f9234}#request input{height:40px;font-size:14px;border:none}#request textarea{font-size:14px;border:none}#request label[for="firstname"]{display:none}#request h4{margin:20px 0 10px}#request .is--flex>div{flex:1}#request .is--flex>div:not(:first-child){margin-left:15px}#rates table{border:none;border-top-left-radius:25px!important;overflow:hidden;font-size:14px}#rates tr{background:#c7cb6a}#rates tr:first-child{background:#ebecc9}#rates tr:nth-child(2){background:#e0e3ae}#rates tr:nth-child(3){background:#d6d993}#rates tr,#rates th,#rates td{border-color:#fff;border:1px solid #fff!important}#rates th{padding:10px 20px}#rates th:first-child,#rates td:first-child{text-align:left;width:200px;word-break:break-word;hyphens:auto}#rates tr:last-child{background:#ebecc9}#rates tr:last-child td{font-size:12px;padding-left:15px;line-height:150%}#rates span.is--lastminute{color:#ff0035}a.lastminute{display:block;margin:0;position:absolute;left:0;bottom:0;width:100%;padding:20px;text-align:center;font-weight:700;background:#ff0035;color:#FFF}span.lastminute-period{font-size:24px;margin-top:10px;display:block}.lastminute-spacer{height:120px;display:block;width:100%}#activities{border-top:15px solid #ccd078;border-bottom:15px solid #ccd078;padding:20px 0;font-size:14px;font-weight:700}.mvc.unit.show #response{position:relative}.mvc.unit.show #response .alert{display:block;animation:none;position:relative}#contact{background:#ebecc9;padding:20px;border-top-left-radius:25px;font-size:14px;margin-top:50px}#address{width:100%;height:280px;overflow:hidden;position:relative}#address iframe{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0;margin:0 auto}div#neighbourhood,div#amenities,#distances,#vet,#dogcare{font-size:14px}div#dogcare{width:50%}div#distances li{border-bottom:1px dotted #c7cb6a;width:100%}#distances .location{font-weight:700}#distances .distance{float:right}div#contact>div>div{width:50%;color:#000}div#contact>div>div:first-child{margin-right:50px;width:calc(50% - 50px)}div#contact a{color:#000;text-decoration:underline!important}.is--mobile{display:none}#images .image:first-child{display:none}#documents li{display:block!important}.mvc.checkout{background:#EEE}.mvc.checkout .container{display:flex}.mvc.checkout .main-content{background-color:var(--color-secondary-800);width:75%;padding:50px}.mvc.checkout .main-sidebar{background-color:var(--color-secondary-800);width:25%;margin-right:20px;align-self:flex-start}.mvc.checkout .title{font-size:3rem;text-align:left;margin-bottom:20px}.mvc.checkout h2{margin:30px 0 20px;line-height:100%}.mvc.checkout table{margin:30px 0}.mvc.checkout label[for="firstname"]{display:inline-block!important}.mvc.checkout span.name{font-weight:700;font-size:24px;line-height:1.2em}.mvc.checkout hr{height:1px;margin:10px 0;border-color:#eee!important;border-bottom:0!important;border-top:0!important}.mvc.checkout span.price,.mvc.checkout span.tax,.mvc.checkout span.total{float:right}.mvc.checkout .main-sidebar{margin-left:20px;padding:20px;vertical-align:top;width:25%}.mvc.checkout span.total{font-size:24px}.mvc.checkout .is--flex>div{margin-right:50px}.mvc.checkout label[for="email"]{width:calc(50% - 20px);margin-right:9px}.mvc.checkout label[for="phone"]{width:50%;margin:0}.mvc.checkout ul#extras li{width:100%;border-bottom:1px dotted}.mvc.checkout ul#extras li .extraPrice{float:right;font-weight:700}@media screen and (max-width:920px){.mvc main{padding:10px 0}h1{line-height:120%!important;margin-bottom:10px!important}h2{font-size:18px!important;margin-bottom:20px!important}.breadcrumbs{font-size:14px!important;line-height:120%}.breadcrumbs li{margin-right:10px!important}#top{margin:10px 0 0}#preview{display:none}#overview{padding:20px;font-size:14px}#overview li{margin-bottom:15px}#overview i{font-size:18px;line-height:20px;width:20px!important;;height:20px!important}#images{display:flex!important;flex-flow:wrap}#images .image{width:calc(50% - 5px)!important}#images .image:first-child{display: block;width:100%!important}#main,#main>div,#sidebar{margin-top:10px!important}div#dogcare{width:100%}#request .is--flex>div{margin:0!important}#request h4{margin-top:10px}#booking-calendar .is--flex>div:last-child{margin-top:20px}#contact{margin-top:20px}#contact .is--flex>div:last-child{margin-top:20px}#rates{display:none}#rates.is--mobile{display:block}#rates.is--mobile table th{background:var(--color-primary-600)!important;border:none!important;text-align:left}#rates.is--mobile table td:last-child{background:var(--color-primary-400)!important}#rates.is--mobile table tr:first-child th{background:var(--color-primary-100)!important;font-weight:400}#rates.is--mobile table tr:first-child{background:var(--color-primary-100)}#rates.is--mobile table:not(:first-of-type){border-radius:0!important}#rates.is--mobile table{margin-bottom:10px}#rates a.btn.is--primary{width:100%;text-align:center;margin-bottom:30px!important}#rates span.is--lastminute{color:#ff0035;float:right}#booking-calendar .is--flex>div:last-child{display:flex}.mvc.checkout h1{text-align:center!important}.mvc.checkout h2{font-size:32px!important;line-height:1.2em}.mvc.checkout main{padding:0}.mvc.checkout main .container{flex-direction:column;padding:0}.mvc.checkout .main-sidebar{width:100%!important;margin:20px 0 0 0!important}.mvc.checkout .main-content{width:100%;padding:20px}#main h3 {margin-bottom:5px;}}

#contact .avatar::before{    font-family: "Font Awesome 6 Free";
    content: "\f007";
    font-weight: 700;
    z-index: 1;
    position: absolute;
    text-align: center;
    color: var(--color-primary-600);
    display: block;
    background: var(--color-primary-100);
    line-height: 50px;
    font-size: 22px;
    width: 50px;}

#contact .avatar {
    margin: 5px 0;
    padding: 0;
    background: var(--color-secondary-700);
    height: 50px;
    width: 50px;
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
    float: left;
    margin-right: 10px;
    border: 1px solid var(--color-primary-100);
}

#contact .avatar img{height:50px;width:50px;z-index:2;position:absolute;left:0;top:0;display:block}

.mvc.show span.bookmark {
    color: #41291d;
    position: absolute !important;
    top: 0px !important;
    right: 0px !important;
    background-color: #b8bf68;
    padding: 8px 10px;
    border-radius: 30px;
    font-weight: 700;
    border: 2px solid #b9bd69;
    font-size: 24px;
    cursor: pointer;
}