@charset "utf-8";

html, body{padding:0;margin:0;width:100%;height:auto;font-family:"Georgia", "Times New Roman";color:#483f41;font-size:24px;background-color:white;}
    body{overflow-x:hidden;}

#wcag-wrap{display:none;position:absolute;top:10px;left:150px;grid-template-columns: auto auto;grid-gap:20px;}
    #wcag-wrap .section {font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;display:grid;align-items:center;grid-template-columns: auto auto;grid-gap:20px;}
        #wcag-wrap .section .label {color:black;font-size:15px;margin-bottom:5px;}
            #wcag-wrap .section .items {display:flex;align-items:top;}
                #wcag-wrap .section .items a {color:black;font-size:18px;}
                #wcag-wrap .section .items a + a {margin-left:8px;}

            #wcag-wrap .section .items .contrast {border:2px solid black;border-radius:100%;background:white;aspect-ratio:1;width:25px;text-align:center;font-weight:bold;outline:none !important;box-sizing:content-box;}
                #wcag-wrap .section .items .contrast:focus {box-sizing:content-box !important;}
                #wcag-wrap .section .items .contrast span {top:2px;}
                #wcag-wrap .section .items .contrast[data-value="black_white"] {background:black;color:white;}
                #wcag-wrap .section .items .contrast[data-value="yellow_black"] {background:yellow;color:black;}
                #wcag-wrap .section .items .contrast[data-value="black_yellow"] {color:yellow;background:black;}

            body.wcag-1.contrast-black_white #wcag-wrap .section .items .contrast {border:2px solid #3c3234;}

            #wcag-wrap .section #wcag-items-fontsize {display:grid;align-items:end;grid-template-columns: auto auto auto;font-weight:bold;font-style:italic;}
                #wcag-wrap .section #wcag-items-fontsize sup {font-size:14px;}
                #wcag-wrap .section #wcag-items-fontsize .fontsize[data-value="medium"] {font-size:22px;margin-left:12px;}
                #wcag-wrap .section #wcag-items-fontsize .fontsize[data-value="large"] {font-size:26px;}

body.wcag-1 #wcag-wrap {display:grid;}
body.wcag-1 #menu-left, body.wcag-1 #menu-right {top:32px;}
body.wcag-1.docked #logo img {max-width:130px;}
body.wcag-1.docked #menu-left, body.wcag-1.docked #menu-right {top:27px;}
body.wcag-1 a:focus {outline:2px solid black;outline-offset:-2px;box-sizing: border-box;}

#logo-white, #logo-black {display:none;}
.content img.bw {display:none;}

@media(max-width:1200px) {
    body.wcag-1 #wcag-wrap {position:relative;left:0;top:0;justify-content:center;margin:15px 0;}
}

@media(max-width:600px) {
    body.wcag-1 #wcag-wrap {grid-template-columns: auto;}
}

/**
    FONT SIZE MEDIUM
**/
body.wcag-1.fontsize-medium {font-size:27px;}
    body.wcag-1.fontsize-medium #leftmenu .lvl1 > a,
    body.wcag-1.fontsize-medium #rightmenu .lvl1 > a,
    body.wcag-1.fontsize-medium #menu .lvl1 > a {font-size:16px;}
    body.wcag-1.fontsize-medium .size-11 {font-size:13px;}
    body.wcag-1.fontsize-medium .size-13 {font-size:15px;}
    body.wcag-1.fontsize-medium *[style*="font-size:16px;"],
        body.wcag-1.fontsize-medium .size-16 {font-size:18px !important;}
    body.wcag-1.fontsize-medium .size-18 {font-size:20px;}
    body.wcag-1.fontsize-medium .size-24 {font-size:27px;}
    body.wcag-1.fontsize-medium .size-26 {font-size:29px;}
    body.wcag-1.fontsize-medium .size-30 {font-size:34px;}
    body.wcag-1.fontsize-medium .size-36 {font-size:40px;}
    body.wcag-1.fontsize-medium .size-38 {font-size:42px;}
    body.wcag-1.fontsize-medium .size-40 {font-size:44px;}
    body.wcag-1.fontsize-medium .size-50 {font-size:53px;}
    body.wcag-1.fontsize-medium .size-54 {font-size:60px;}
    body.wcag-1.fontsize-medium .size-60 {font-size:64px;}
    body.wcag-1.fontsize-medium .size-70 {font-size:80px;}
    body.wcag-1.fontsize-medium #directions #dir-sub {font-size:22px;}
    body.wcag-1.fontsize-medium #directions #dir {font-size:16px;}
    body.wcag-1.fontsize-medium #icons a {font-size:17px !important;}
    body.wcag-1.fontsize-medium #weddings-form form input,
        body.wcag-1.fontsize-medium #booking-form form input,
        body.wcag-1.fontsize-medium #booking-form form select,
        body.wcag-1.fontsize-medium #weddings-form form textarea,
        body.wcag-1.fontsize-medium #booking-form form textarea {font-size:17px;}
    body.wcag-1.fontsize-medium #weddings-close,
        body.wcag-1.fontsize-medium #booking-close {font-size:18px;}
    body.wcag-1.fontsize-medium .box-gal-name {font-size:26px;}
    body.wcag-1.fontsize-medium .offer-link span {font-size:28px;}

/**
    FONT SIZE LARGE
**/
body.wcag-1.fontsize-large {font-size:32px;}
    body.wcag-1.fontsize-large #leftmenu .lvl1 > a,
    body.wcag-1.fontsize-large #rightmenu .lvl1 > a,
    body.wcag-1.fontsize-large #menu .lvl1 > a {font-size:18px;}
    body.wcag-1.fontsize-large .size-11 {font-size:15px;}
    body.wcag-1.fontsize-large .size-13 {font-size:17px;}
    body.wcag-1.fontsize-large *[style*="font-size:16px;"],
        body.wcag-1.fontsize-large .size-16 {font-size:21px !important;}
    body.wcag-1.fontsize-large .size-18 {font-size:22px;}
    body.wcag-1.fontsize-large .size-24 {font-size:31px;}
    body.wcag-1.fontsize-large .size-26 {font-size:33px;}
    body.wcag-1.fontsize-large .size-30 {font-size:40px;}
    body.wcag-1.fontsize-large .size-36 {font-size:44px;}
    body.wcag-1.fontsize-large .size-38 {font-size:56px;}
    body.wcag-1.fontsize-large .size-40 {font-size:48px;}
    body.wcag-1.fontsize-large .size-50 {font-size:57px;}
    body.wcag-1.fontsize-large .size-54 {font-size:64px;}
    body.wcag-1.fontsize-large .size-60 {font-size:70px;}
    body.wcag-1.fontsize-large .size-70 {font-size:90px;}
    body.wcag-1.fontsize-large #directions #dir-sub {font-size:24px;}
    body.wcag-1.fontsize-large #directions #dir {font-size:18px;}
    body.wcag-1.fontsize-large #icons a {font-size:19px !important;}
    body.wcag-1.fontsize-large #weddings-form form input,
        body.wcag-1.fontsize-large #booking-form form input,
        body.wcag-1.fontsize-large #booking-form form select,
        body.wcag-1.fontsize-large #weddings-form form textarea,
        body.wcag-1.fontsize-large #booking-form form textarea {font-size:19px;}
    body.wcag-1.fontsize-large #weddings-close,
        body.wcag-1.fontsize-large #booking-close {font-size:20px;}
    body.wcag-1.fontsize-large .box-gal-name {font-size:28px;}
    body.wcag-1.fontsize-large .offer-link span {font-size:30px;}

/**
    BLACK & WHITE
**/
body.wcag-1.contrast-black_white,
    body.wcag-1.contrast-black_white #wrap-top,
    body.wcag-1.contrast-black_white #wrap-boxes .box span {background:black;color:white;}
body.wcag-1.contrast-black_white #wcag-wrap .section .label,
    body.wcag-1.contrast-black_white #wcag-wrap .section .items a.fontsize,
    body.wcag-1.contrast-black_white .lvl1 > a,
    body.wcag-1.contrast-black_white footer,
    body.wcag-1.contrast-black_white footer a,
    body.wcag-1.contrast-black_white #contact .colour-green,
    body.wcag-1.contrast-black_white #wrap-content-w .colour-green,
    body.wcag-1.contrast-black_white .cal,
    body.wcag-1.contrast-black_white #to *,
    body.wcag-1.contrast-black_white #from * {color:white;}
body.wcag-1.contrast-black_white #reserve,
    body.wcag-1.contrast-black_white #virtual-walk,
    body.wcag-1.contrast-black_white .button,
    body.wcag-1.contrast-black_white #icons a:not(#virtual-walk).lang:hover,
    body.wcag-1.contrast-black_white #icons a:not(#virtual-walk).lang.active,
    body.wcag-1.contrast-black_white #fb {background:#3c3234 !important;}
body.wcag-1.contrast-black_white #wrap-boxes .box span {bottom:0;}
body.wcag-1.contrast-black_white #wrap-content-w,
    body.wcag-1.contrast-black_white #wrap-content-g,
    body.wcag-1.contrast-black_white #slideshow-controls {background:black;}

    body.wcag-1.contrast-black_white #slideshow-controls a:hover svg {fill:white;}

/* Turn images white */
body.wcag-1.contrast-black_white #from img[src*="calendar"],
    body.wcag-1.contrast-black_white #to img[src*="calendar"],
    body.wcag-1.contrast-black_white img[src*="arrow"],
    body.wcag-1.contrast-black_white #electric-chargers img  {  filter: invert(1) brightness(10000%) grayscale(1);}

/* Turn images grayscale */
body.wcag-1.contrast-black_white #slideshow div img,
    body.wcag-1.contrast-black_white #wrap-boxes .box img {filter:grayscale(1);}

/* Replace images */
body.wcag-1.contrast-black_white #logo-white,
    body.wcag-1.contrast-black_white img.bw {display:inline-block;}
body.wcag-1.contrast-black_white #logo-normal, body.wcag-1.contrast-black_white img.normal {display:none;}

/* SVGs */
body.wcag-1.contrast-black_white #contact-details > div svg {fill:white;}

body.wcag-1.contrast-black_white .lvl1:hover > a,
    body.wcag-1.contrast-black_white a:hover {text-decoration: underline;}

/**
    YELLOW & BLACK
**/
body.wcag-1.contrast-yellow_black,
    body.wcag-1.contrast-yellow_black #wrap-top,
    body.wcag-1.contrast-yellow_black #wrap-boxes .box span {background:yellow;color:black;}
body.wcag-1.contrast-yellow_black #wcag-wrap .section .label,
    body.wcag-1.contrast-yellow_black #wcag-wrap .section .items a.fontsize,
    body.wcag-1.contrast-yellow_black .lvl1 > a,
    body.wcag-1.contrast-yellow_black footer,
    body.wcag-1.contrast-yellow_black footer a,
    body.wcag-1.contrast-yellow_black #contact .colour-green,
    body.wcag-1.contrast-yellow_black #wrap-content-w .colour-green,
    body.wcag-1.contrast-yellow_black #wrap-content-g .colour-white,
    body.wcag-1.contrast-yellow_black #wrap-content-g #g-left,
    body.wcag-1.contrast-yellow_black #wrap-content-g #g-right span[style*="color:#FFFFFF;"],
    body.wcag-1.contrast-yellow_black #wrap-slideshow .colour-white,
    body.wcag-1.contrast-yellow_black #weddings-form form input::placeholder,
    body.wcag-1.contrast-yellow_black #booking-form form input::placeholder,
    body.wcag-1.contrast-yellow_black #booking-form form input[type="submit"],
    body.wcag-1.contrast-yellow_black #booking-form form input[type="submit"],
    body.wcag-1.contrast-yellow_black #booking-form form select::placeholder,
    body.wcag-1.contrast-yellow_black #weddings-form form textarea::placeholder,
    body.wcag-1.contrast-yellow_black #booking-form form textarea::placeholder,
    body.wcag-1.contrast-yellow_black #booking-close,
    body.wcag-1.contrast-yellow_black .cal,
    body.wcag-1.contrast-yellow_black #to *,
    body.wcag-1.contrast-yellow_black #from * {color:black !important;}
body.wcag-1.contrast-yellow_black #reserve,
    body.wcag-1.contrast-yellow_black #virtual-walk,
    body.wcag-1.contrast-yellow_black .button,
    body.wcag-1.contrast-yellow_black #icons a:not(#virtual-walk, #electric-chargers).lang:hover,
    body.wcag-1.contrast-yellow_black #icons a:not(#virtual-walk, #electric-chargers),
    body.wcag-1.contrast-yellow_black #icons a:not(#virtual-walk, #electric-chargers).lang.active,
    body.wcag-1.contrast-yellow_black #fb,
    body.wcag-1.contrast-yellow_black #directions #dir-sub,
    body.wcag-1.contrast-yellow_black #weddings-form,
    body.wcag-1.contrast-yellow_black #booking-form,
    body.wcag-1.contrast-yellow_black .navigation li:hover,
    body.wcag-1.contrast-yellow_black #weddings-form-wrap,
    body.wcag-1.contrast-yellow_black #booking-form-wrap {background:black !important;}
body.wcag-1.contrast-yellow_black #wrap-slideshow #book .button {background:#3c3234;color:yellow;}
body.wcag-1.contrast-yellow_black #wrap-boxes .box span {bottom:0;}
body.wcag-1.contrast-yellow_black #wrap-content-w,
    body.wcag-1.contrast-yellow_black #wrap-content-g,
    body.wcag-1.contrast-yellow_black #weddings-form form input,
    body.wcag-1.contrast-yellow_black #booking-form form input,
    body.wcag-1.contrast-yellow_black #booking-form form select,
    body.wcag-1.contrast-yellow_black #weddings-form form textarea,
    body.wcag-1.contrast-yellow_black #booking-form form textarea,
    body.wcag-1.contrast-yellow_black #wrap-slideshow #book,
    body.wcag-1.contrast-yellow_black #booking-close,
    body.wcag-1.contrast-yellow_black #slideshow-controls {background:yellow;}
body.wcag-1.contrast-yellow_black #virtual-walk,
    body.wcag-1.contrast-yellow_black #icons a:not(#virtual-walk),
    body.wcag-1.contrast-yellow_black .button,
    body.wcag-1.contrast-yellow_black #directions #dir-sub,
    body.wcag-1.contrast-yellow_black #booking-form .colour-green,
    body.wcag-1.contrast-yellow_black #weddings-form .colour-green,
    body.wcag-1.contrast-yellow_black .navigation li:hover a {color:yellow !important;}

/* Remove transition */
body.wcag-1.contrast-yellow_black #lmenu .lvl1 > a,
body.wcag-1.contrast-yellow_black #rmenu .lvl1 > a {transition:none;padding:5px 10px;}

/* SVGs */
body.wcag-1.contrast-yellow_black #contact-details > div svg,
body.wcag-1.contrast-yellow_black #slideshow-controls a svg path:nth-last-child(1) {fill:black;}
body.wcag-1.contrast-yellow_black #fb svg {fill:yellow;}

/* Replace images */
body.wcag-1.contrast-yellow_black #logo-black,
    body.wcag-1.contrast-yellow_black img.bw {display:inline-block;}
body.wcag-1.contrast-yellow_black #logo-normal, body.wcag-1.contrast-yellow_black img.normal {display:none;}

/* Turn images black */
body.wcag-1.contrast-yellow_black #from img[src*="calendar"],
    body.wcag-1.contrast-yellow_black #to img[src*="calendar"],
    body.wcag-1.contrast-yellow_black img[src*="arrow"]{background:yellow;}
body.wcag-1.contrast-yellow_black #electric-chargers img {  filter: invert(1) brightness(0%) grayscale(1);}

/**
    BLACK & YELLOW
**/
body.wcag-1.contrast-black_yellow,
    body.wcag-1.contrast-black_yellow #wrap-top,
    body.wcag-1.contrast-black_yellow #wrap-boxes .box span,
    body.wcag-1.contrast-black_yellow #dir,
    body.wcag-1.contrast-black_yellow #dir::placeholder {background:black;color:yellow;}
body.wcag-1.contrast-black_yellow #wcag-wrap .section .label,
    body.wcag-1.contrast-black_yellow #wcag-wrap .section .items a.fontsize,
    body.wcag-1.contrast-black_yellow .lvl1 > a,
    body.wcag-1.contrast-black_yellow footer,
    body.wcag-1.contrast-black_yellow footer a,
    body.wcag-1.contrast-black_yellow #contact .colour-green,
    body.wcag-1.contrast-black_yellow #wrap-content-w .colour-green,
    body.wcag-1.contrast-black_yellow #wrap-content-g .colour-white,
    body.wcag-1.contrast-black_yellow #wrap-content-g #g-left,
    body.wcag-1.contrast-black_yellow #wrap-content-g #g-right span[style*="color:#FFFFFF;"],
    body.wcag-1.contrast-black_yellow #wrap-slideshow .colour-white,
    body.wcag-1.contrast-black_yellow #weddings-form form input::placeholder,
    body.wcag-1.contrast-black_yellow #booking-form form input::placeholder,
    body.wcag-1.contrast-black_yellow #booking-form form input[type="submit"],
    body.wcag-1.contrast-black_yellow #booking-form form input[type="submit"],
    body.wcag-1.contrast-black_yellow #booking-form form select::placeholder,
    body.wcag-1.contrast-black_yellow #weddings-form form textarea::placeholder,
    body.wcag-1.contrast-black_yellow #booking-form form textarea::placeholder,
    body.wcag-1.contrast-black_yellow #booking-close,
    body.wcag-1.contrast-black_yellow .cal,
    body.wcag-1.contrast-black_yellow #to *,
    body.wcag-1.contrast-black_yellow #from * {color:yellow !important;}
body.wcag-1.contrast-black_yellow #reserve,
    body.wcag-1.contrast-black_yellow #virtual-walk,
    body.wcag-1.contrast-black_yellow .button,
    body.wcag-1.contrast-black_yellow #icons a:not(#virtual-walk, #electric-chargers).lang:hover,
    body.wcag-1.contrast-black_yellow #icons a:not(#virtual-walk, #electric-chargers),
    body.wcag-1.contrast-black_yellow #icons a:not(#virtual-wal, #electric-chargers).lang.active,
    body.wcag-1.contrast-black_yellow #fb,
    body.wcag-1.contrast-black_yellow #directions #dir-sub,
    body.wcag-1.contrast-black_yellow #weddings-form,
    body.wcag-1.contrast-black_yellow #booking-form,
    body.wcag-1.contrast-black_yellow .navigation li:hover,
    body.wcag-1.contrast-black_yellow #weddings-form-wrap,
    body.wcag-1.contrast-black_yellow #booking-form-wrap {background:yellow !important;}
body.wcag-1.contrast-black_yellow #wrap-slideshow #book .button {background:yellow;color:black;}
body.wcag-1.contrast-black_yellow #wrap-boxes .box span {bottom:0;}
body.wcag-1.contrast-black_yellow #wrap-content-w,
    body.wcag-1.contrast-black_yellow #wrap-content-g,
    body.wcag-1.contrast-black_yellow #weddings-form form input,
    body.wcag-1.contrast-black_yellow #booking-form form input,
    body.wcag-1.contrast-black_yellow #booking-form form select,
    body.wcag-1.contrast-black_yellow #weddings-form form textarea,
    body.wcag-1.contrast-black_yellow #booking-form form textarea,
    body.wcag-1.contrast-black_yellow #wrap-slideshow #book,
    body.wcag-1.contrast-black_yellow #booking-close,
    body.wcag-1.contrast-black_yellow #slideshow-controls {background:black;}
body.wcag-1.contrast-black_yellow #virtual-walk,
    body.wcag-1.contrast-black_yellow #icons a:not(#virtual-walk, #electric-chargers),
    body.wcag-1.contrast-black_yellow .button,
    body.wcag-1.contrast-black_yellow #directions #dir-sub,
    body.wcag-1.contrast-black_yellow #booking-form .colour-green,
    body.wcag-1.contrast-black_yellow #weddings-form .colour-green,
    body.wcag-1.contrast-black_yellow .navigation li:hover a,
    body.wcag-1.contrast-black_yellow #reserve span {color:black !important;}

/* Remove transition */
body.wcag-1.contrast-black_yellow #lmenu .lvl1 > a,
body.wcag-1.contrast-black_yellow #rmenu .lvl1 > a {transition:none;padding:5px 10px;}

/* SVGs */
body.wcag-1.contrast-black_yellow #contact-details > div svg {fill:#ffff00;}
body.wcag-1.contrast-black_yellow #slideshow-controls a svg path:nth-last-child(1) {fill:yellow;}


body.wcag-1.contrast-black_yellow #fb svg {fill:black;}

/* Replace images */
body.wcag-1.contrast-black_yellow #logo-white,
body.wcag-1.contrast-black_yellow img.bw {display:inline-block;}
body.wcag-1.contrast-black_yellow #logo-normal,
    body.wcag-1.contrast-black_yellow #logo-black,
    body.wcag-1.contrast-yellow_black img.normal {display:none;}

/* Turn images yellow */
body.wcag-1.contrast-black_yellow #from img[src*="calendar"],
    body.wcag-1.contrast-black_yellow #to img[src*="calendar"],
    body.wcag-1.contrast-black_yellow img[src*="arrow"] {filter: sepia(1) hue-rotate(21deg) saturate(87);}

body.wcag-1.contrast-black_yellow  #reserve img {filter:invert(1) brightness(0%) grayscale(1);}

body.wcag-1.contrast-black_yellow #electric-chargers img { filter: invert(98%) sepia(69%) saturate(5508%) hue-rotate(1deg) brightness(106%) contrast(100%);}

#wrap-top{position:fixed;top:0px;z-index:999;width:100%;background-color:white;}
    #menu-left{width:42.5%;display:inline-block;vertical-align: middle;text-align: right;}
    #logo{width:15%;display:inline-block;vertical-align: middle;text-align: center;margin:15px 0px;}
        body.docked #logo{margin:8px 0px;}
        #logo img{width:100%;max-width:150px;height:auto;}
        body.docked #logo img{max-width:100px;}
    #menu-right{width:42.5%;display:inline-block;vertical-align: middle;text-align: left;}
    #icons{position:absolute;top:15px;right:0px;height:30px;overflow-y:hidden;display:flex;}
    body.docked #icons{top:0px;}
    #virtual-walk {background:#EC6060;color:white;display:block;font-size:15px;display:grid;align-items:center;line-height: 1.2;padding:0px 10px;white-space:nowrap;}
        #virtual-walk:hover {background:#bc4d4d;}
        #icons a:not(#virtual-walk, #electric-chargers){font-size:15px;color:white;text-align: center;background-color:#3c3234;width:37px;display:inline-block;vertical-align: middle;}
            #icons a:not(#virtual-walk).lang{line-height:30px;}
            #icons a:not(#virtual-walk).lang:hover, #icons a:not(#virtual-walk).lang.active{background-color:#698b0c;}
        #fb {background:#799cc6 !important;}
            #fb svg {fill:white;height:20px;width:37px;top:5px;}

        @media(max-width:600px) {
            #fb {height:30px;}
        }

    #electric-chargers {height:30px;margin-right:10px;box-sizing: border-box;display:block;width:37px;text-align:center;}
        #electric-chargers img {height:30px;width:auto;filter: invert(45%) sepia(79%) saturate(537%) hue-rotate(34deg) brightness(91%) contrast(91%);}

    #promobox{display:none;text-align: center;}
        #promobox-in{display:inline-block;max-width:96%;padding:2%;}
                .promobox-box{display:inline-block;vertical-align: top;}
                    .promobox-box img{width:100% !important;height:auto !important;}
                    @media(max-width:800px){
                        #promobox.p-3 .promobox-box{width:calc(100% / 3);}
                    }
                    @media(max-width:600px){
                        #promobox.p-2 .promobox-box{width:50%;}
                    }

#wrap-slideshow{width:100%;}
    #book{z-index:999;position:absolute;top:0px;width:100%;opacity:0;}
    #slideshow{height:860px;overflow:hidden;width:100%;}
        .slide{width:100%;height:100%;visibility:visible !important;display:block;}
            .slide-text{width:100%;height:100%;display:block;position:absolute;top:0px;left:0px;opacity:0;}

    #slideshow-controls {position:absolute;z-index:99999;display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;width:auto;left:50%;transform:translatex(-50%);bottom:10%;background:#698b0c;}
        #slideshow-controls a {font-size:18px;color:white;margin:20px;text-align:center;display:block;align-self:stretch;display:grid;align-items:center;}
            #slideshow-controls a svg {fill:white;width:50px}
            #slideshow-controls a:hover svg,
                #slideshow-controls a:focus svg {fill:#483f41;}

    @media(max-width:800px) {
        #slideshow-controls {bottom:25px;}
        #slideshow-controls a{margin:10px;}
        #slideshow-controls a svg {width:35px;}
    }

#wrap-boxes{width:100%;display:flex;flex-wrap:wrap;}
    #wrap-boxes .box{width:33.33%;padding-bottom:23%;height:0px;overflow:hidden;display:inline-block;vertical-align: top;box-sizing: border-box;}
        #wrap-boxes .box img{position:absolute;top:0px;}
        #wrap-boxes .box span{z-index:5;position:absolute;bottom:30px;left:0px;width:100%;color:white;display:block;text-align: center;font-family:"Traian";padding:10px 0l;}

#wrap-content-w{background:url("_images/white-bg.jpg") no-repeat bottom left;background-size:cover;padding:2% 0%;}
#wrap-content-w.gallery{padding-bottom:0%;}
    #from{width:25%;vertical-align: middle;display:inline-block;cursor:pointer;}
        #from-date, #to-date{display:none;}
    img[src*="arrow"]{display:inline-block;vertical-align: middle;height:auto;max-width:10%;}
    #to{width:25%;vertical-align: middle;display:inline-block;cursor:pointer;}
    #from img[src*="calendar"], #to img[src*="calendar"]{margin-right:15px;vertical-align: middle;display:inline-block;}
    .cal{display:inline-block;vertical-align: middle;}
    .cal span{display:inline-block;vertical-align: bottom;}
        .cal .size-72{padding-bottom:4px;}

#wrap-content-g{background:url("_images/green-bg.jpg") no-repeat bottom left;background-size:cover;padding:2% 0%;}
    #g-left{width:45%;vertical-align: middle;display:inline-block;text-align: center;color:white;}
        #g-left span{display:block;}
    #g-right{width:55%;vertical-align: middle;display:inline-block;}

.content{width:84%;margin:0 auto;}

#contact{text-align: right;}
    #map{position:absolute;top:0px;left:0px;width:50%;background:url("_images/map.jpg") no-repeat top center;background-size:cover;height:100%;}
        #directions{width:70%;position:absolute;bottom:20px;left:15%;}
            #dir{border:0;background-color:white;font-family:"Georgia";font-size:14px;padding:3%;width:74%;display:inline-block;vertical-align: middle;}
            #directions #dir-sub{width:20%;text-align:center;background-color:#698b0c;font-size:20px;color:white;font-family: "Traian";display:inline-block;vertical-align: middle;padding:2% 0%;cursor:pointer;}
                #directions #dir-sub:hover{background-color:#3c3234;}
                #dirs{visibility:hidden;height:0px;display:block;overflow: hidden;}
    #contact-right{width:50%;display:inline-block;vertical-align: top;padding:4% 0%;}
        #contact-details{width:90%;margin:0 auto;line-height:27px;}
            #contact-details > div{width:49%;vertical-align: top;display:inline-block;}
            #contact-details > div svg{fill:#496109;width:60px;margin-bottom:10px;height:60px;}
            #contact-details > div:nth-child(2) {left:2%;}

footer{padding:30px 0px;color:#483f41;}
    footer a{color:#698b0c;}

/* Calendar */
#ui-datepicker-div{background-color:white;font-size:20px;text-align: center;padding:10px;z-index:9999 !important;}
    #ui-datepicker-div td a{display:block;padding:8px;}
        #ui-datepicker-div td a{color:#3c3234;}
        #ui-datepicker-div td:hover a{background-color:#eee;color:#3c3234;}
    #ui-datepicker-div td.ui-datepicker-unselectable.ui-state-disabled {color:#ccc;}
    #ui-datepicker-div td.ui-datepicker-today{background-color:#698b0c;font-weight:bold;}
        #ui-datepicker-div td.ui-datepicker-today a {color:white;}

    .ui-datepicker-prev{display:inline-block;vertical-align:middle;width:50%;text-align:left;color:white;cursor:pointer;}
    .ui-datepicker-next{display:inline-block;vertical-align: middle;width:50%;text-align:right;color:white;cursor:pointer;}
        .ui-datepicker-prev span, .ui-datepicker-next span{background-color:#698b0c;padding:4px;}
    .ui-datepicker-title{padding:5px 0px;background-color:#eee;margin:4px 0px;}

/* Gallery */
#gallery{width:100%;margin-top:2%;}
    .box-gal{width:25%;margin:0%;display:inline-block;vertical-align: top;overflow: hidden;padding-bottom:25%;height:0px;}
    .box-gal-name{display:block;z-index:5;position:absolute;bottom:0px;text-align: center;width:100%;color:#698b0c;background:url("_images/white-bg.jpg") no-repeat;padding:10px 0px;font-size:24px;}

/* Offers */
.offer-link{width:33.3333%;display:inline-block;padding-bottom:25%;height:0px;vertical-align: top;overflow: hidden;}
    .offer-link  span{display:block;z-index:5;position:absolute;bottom:0px;text-align:center;width:100%;color:#698b0c;background:url("_images/white-bg.jpg") no-repeat;padding:15px 0px;font-size:26px;}
#offer-left{width:48%;padding-right:2%;vertical-align: top;display:inline-block;}
#offer-right{width:48%;padding-left:2%;vertical-align: top;display:inline-block;}
a.pdf, span.pdf a{display:block;background:url("_images/pdf.png") no-repeat center left;padding:10px 0px 10px 55px;margin-bottom:20px;color:#698b0c;text-align: left;font-family:"Traian";font-size:24px;}

/* Book button */
.book{margin:0 auto;}


/* Page Links */
.page-links{background-color:#496109;text-align: center;}
.page-link{width:100%;padding:20px 0px;display:inline-block;vertical-align:middle;}
.page-links.links-2 .page-link{width:50%;}
.page-links.links-3 .page-link{width:33.33%;}
.page-links.links-4 .page-link{width:25%;}
.page-links.links-5 .page-link{width:20%;}
    .page-link:hover{background-color:#232323;}

#reserve{background-color:#698b0c;color:white;z-index:5;font-family:"Traian";font-size:18px;position:absolute;top:0px;left:0px;height:100%;width:5%;cursor:pointer;}
    #reserve span{display:none;}
    #reserve:hover{background-color:#483f41;}
#reserve img{max-height:100%;height:auto;}

/* Weddings lightbox */
#weddings-form-wrap, #booking-form-wrap{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:9999;background:url("_images/bg-white.png");opacity:0;}
    #weddings-form, #booking-form{background-color:white;padding:2%;width:90%;max-width:750px;margin:0 auto;}
        #weddings-form form{}
            #weddings-form form input, #booking-form form input, #booking-form form select, #weddings-form form textarea, #booking-form form textarea{display:block;width:96%;padding:1.3% 2%;border:0px;font-family:"Georgia";font-size:15px;color:#232323;background-color:#eee;margin-top:2%;}
            #weddings-form form textarea, #booking-form form textarea{resize:none;height:100px;}
            #booking-form form select{width:100%;}
            #weddings-form form input[type="submit"], #booking-form form input[type="submit"]{background-color:#496109;color:white;max-width:200px;text-align: center;font-size:21px;padding:10px 0px;margin:2% auto 0% auto;cursor:pointer;}
            #weddings-form form input[type="submit"]:hover, #booking-form form input[type="submit"]:hover{background-color:#698b0c;}
            #weddings-close, #booking-close{position:absolute;top:0px;right:0px;font-size:16px;color:white;background-color:#666;padding:5px 15px;z-index:4;cursor:pointer;}
                #weddings-close:hover, #booking-close:hover{background-color:#496109;}
    #msg{width:100%;text-align: center;padding:10px 0px;color:white;margin-top:2%;font-size:15px;}
    #msg.error{background-color:red;}
    #msg.ok{background-color:green;}

/******************************
********* NAVIGATION **********
******************************/
.navigation, .navigation ul{list-style-type:none;padding:0;margin:0;z-index:9;}
	.navigation li {position:relative;cursor:pointer;}
	.navigation li.lvl0{}
	.navigation li.lvl0:hover, .navigation li.lvl0.active{}

	/* Specific navigation  */
    .lvl1 {display:inline-block;margin:0px 5px;}
        .lvl1 > a {font-size:15px;color:#3c3234;padding:0px 5px;display:block;font-family:"Traian";transition: color 0.5s ease-in-out;   text-decoration: none; -webkit-transition: color 0.5s ease-in-out; -moz-transition: color 0.5s ease-in-out;  -o-transition:color 0.5s ease-in-out; }
        body.docked .lvl1 > a{padding:0xp 5px;}
        .lvl1:hover > a, .lvl1.active > a {color:#b1a87c;}

    #menu{text-align: center;display:none;}
        #menu ul{display:inline-block;}


#footer-nav {display:flex;justify-content:center;}
    #footer-nav a {margin:0 20px;}


/******************************
********* COOKIE INFO *********
******************************/
#cookie-info-wrap{position:fixed;z-index:9000;width:100%;font-family:inherit;bottom:0px;background-color:rgba(0, 0, 0, 85%);height:100%;}
	#cookie-info{width:90%;position:relative;z-index:2;margin:0 auto;padding:20px;text-align: center;background:white;top:50%;transform:translatey(-50%);max-width:600px;font-size:12px;line-height:20px;display:grid;grid-template-columns: 1fr;grid-template-areas:"text" "buttons";}
        #cookie-text {grid-area:text;}
        #cookie-buttons {grid-area:buttons; display:grid;grid-auto-columns:33%;justify-content:center;grid-gap:20px;grid-auto-flow:column;}
		#cookie-buttons a{font-size:14px;text-align:center;padding:10px 20px;background-color:green;color:white;display:inline-block;vertical-align: middle;}
        #cookie-info-reject {background-color:#232323 !important;}

@media(max-width:1100px) {#cookie-info > span{width:75%;}}
@media(max-width:800px) {#cookie-info > span{width:100%;padding-left:0px;padding-top:2%;text-align: center;}}


/******************************
********** GENERAL ************
******************************/
a, a img{border:0;text-decoration:none;outline:0;color:#698b0c;} a:hover{}

*{outline:none;position:relative;z-index:2;}

h1 {} h2 {} h3 {} h4 {} h1, h2, h3, h4{}

.size-11{font-size:11px;line-height:16px;} .size-12{font-size:12px;} .size-13{font-size:13px;} .size-14{font-size:14px;} .size-15{font-size:15px;} .size-16{font-size:16px;line-height:24px;} .size-17{font-size:17px;} .size-18{font-size:18px;} .size-19{font-size:19px;} .size-20{font-size:20px;} .size-21{font-size:21px;} .size-22{font-size:22px;line-height:26px;} .size-23{font-size:23px;} .size-24{font-size:24px;line-height:34px;} .size-25{font-size:25px;} .size-26{font-size:26px;} .size-27{font-size:27px;} .size-36{font-size:36px;line-height: 36px;} .size-40{font-size:40px;} .size-50{font-size:50px;} .size-54{font-size:54px;} .size-60{font-size:60px;line-height: 65px;} .size-70{font-size:70px;} .size-72{font-size:72px;line-height:72px;}

.align-left{text-align:left;} .align-center{text-align:center;} .align-right{text-align:right;} .align-justify{text-align:justify;}

.font-bold{font-weight:bold;} .font-normal{font-weight:normal !important;} .font-traian{font-family:"Traian";} .font-georgia{font-family:"Georgia";}

.colour-dark{color:#483f41;} .colour-white{color:white;} .colour-green{color:#698b0c;} .bg-green-dark{background-color:#496109;}

.button{background-color:#698b0c;color:white;text-align: center;display:inline-block;padding:15px 40px 20px 40px;max-width:100%;cursor: pointer;}
.button:hover{background-color:#3c3234;}

.c{clear:both;} .float-left{float:left;} .float-right{float:right;} .no-float{float:none !important;clear:both;}

.display-block{display:block;} .display-inline{display:inline;} .display-iblock{display:inline-block;} .display-none{display:none;}

.va-top{vertical-align: top;} .va-middle{vertical-align: middle;}

.no-margin{margin:0px;} .no-padding{padding:0px;} .no-border{border:0px;}

.hover{filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity:0.90; opacity:0.90; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";} .hover:hover{filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.trans{transition: all 0.5s ease-in-out;   text-decoration: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -o-transition:all 0.5s ease-in-out; }

.o-70{filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
.o-80{filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity:0.80; opacity:0.80; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.o-90{filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity:0.90; opacity:0.90; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}
.o-90:hover, .o-80:hover, .o-70:hover{filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.scale:hover{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}



/******************************
******* MEDIA QUERIES *********
******************************/
@media(max-width:1600px){
    /* Top */
    #leftmenu .lvl1 > a, #rightmenu .lvl1 > a{padding:0px;}
}

@media(max-width:1500px) {
    /* Nav */
    #leftmenu .lvl1 > a, #rightmenu .lvl1 > a{font-size:14px;}
}

@media(max-width:1400px) {
    /* Logo */
    #logo{width:12%;}
        #logo img{max-width:125px;}
    #menu-left, #menu-right{width:44%;}

    #icons{top:10px;right:10px;}

    /* Reserve button */
    #reserve{width:4%;}
}

@media(max-width:1300px) {

    /* Navigation */
    #menu{display:block;}
        #lmenu, #rmenu{width:100%;}
            #lmenu .lvl1 > a, #rmenu .lvl1 > a{padding:5px 0px;}
    #leftmenu, #rightmenu{display:none;}

    /* Reserve button */
    #reserve{width:7%;}

}

@media(max-width:1200px) {
    /* Logo */
    #logo{width:100%;}
    #logo img{max-width:120px;}

    /* Slideshow */
    #slideshow{height:600px;}

    /* Font sizes */
    .size-22{font-size:19px;}
    .size-24{font-size:21px;}
    .size-26{font-size:23px;}
    .size-30, span[style*="30px"]{font-size:26px !important;}
    .size-36{font-size:27px;}
    .size-38, span[style*="38px"]{font-size:28px !important;}
    .size-50{font-size:38px;}
    .size-54{font-size:40px;}
    .size-60{font-size:52px;}
    .size-70, span[style*="70px"]{font-size:55px !important;}
    .size-72{font-size:60px;}

    /* Location */
    #g-left{width:100%;}
        #g-left span{display:inline;}
        #g-left span::after{content:" ";}
            #lodz{margin-left:20px;}
        #g-left br{display:none;}
    #g-right{width:100%;margin-top:20px;}

    /* Contact */
    #contact-details{width:96%;}

    /* Directions */
    #directions{width:96%;left:2%;bottom:2%;}

    /* Reservation */
    #from, #to{width:45%;}
    .cal .size-72{padding-bottom:0px;}
    #out-m, #out-y, #in-m, #in-y{top:-3px;}
}

@media(max-width:1000px) {
    /* Boxes */
    #wrap-boxes .box{width:50%;}

    /* Location */
    #g-left *{font-size:24px;}

    /* Map */
    #map{position:relative;width:100%;height:400px;}

    /* Contact */
    #contact-right{width:100%;}

    /* Button */
    .button{padding:10px 30px 15px 30px;}

    /* Offer */
    #offer-left{width:100%;padding:0px;}
    #offer-right{width:100%;padding:0px;margin-top:20px;}

    /* Submenu */
    .page-links .page-link{font-size:20px;}
    .page-links.links-5 .page-link{width:33.3%;}
}

@media(max-width:800px){
    /* Boxes */
    #wrap-boxes .box{padding-bottom:50%;}

    /* Slideshow */
    #slideshow{height:520px;}

    /* Font Sizes */
    .size-24{font-size:18px;}
    .size-30, span[style*="30px"]{font-size:22px !important;}
    .size-38, span[style*="38px"]{font-size:24px !important;}
    .size-50{font-size:32px;}
    .size-54{font-size:30px;}
    .size-70, span[style*="70px"]{font-size:40px !important;}
    .size-72{font-size:50px;}

    /* Contact */
    #contact-right img{height:30px;width:auto;}

    /* Location */
    #dir{padding:2% 3%;}
    #directions #dir-sub{padding:1% 0%;}

    /* Reservation */
    #out-m, #out-y, #in-m, #in-y{top:-5px;}

    /* Offers */
    .offer-link{width:50%;padding-bottom:50%;}
    /* Reserve */
    #reserve{position:Relative;width:100%;height:50px !important;display:block;text-align: center;}
        #reserve span{display:inline-block;top:-18px;}
        #reserve img{position:relative !important;left:0px !important;}

    /* Submenu */
    .page-links .page-link{font-size:19px;width:50% !important;}
    #icons{overflow-y: visible;}
    #virtual-walk {position:absolute;top:40px;padding:10px;right:-10px;}

    #electric-chargers img {  filter: invert(1) brightness(100%) grayscale(1);}
    body.wcag-1.contrast-yellow_black #electric-chargers img {filter: invert(98%) sepia(69%) saturate(5508%) hue-rotate(1deg) brightness(106%) contrast(100%);    }
    body.wcag-1.contrast-black_yellow #electric-chargers img { filter: none;}
}

@media(max-width:600px) {
    /* Top */
    #wrap-top{position:relative;padding-bottom:15px;}

    /* Navigation */
    #menu .lvl1 {width:100%;margin:0px;}
        #menu .lvl1.active > a, #menu .lvl1:hover > a{background-color:#3c3234;color:white;}

    /* Icons */
    #icons{position:relative;width:100%;max-width:200px;margin:0 auto;text-align: center;display:grid;height:auto;grid-template-areas:"walk walk walk walk" "chargers fb pl en";justify-content:center;top:0;right:0;justify-items:center;grid-gap:8px 5px;}
    #virtual-walk {position:relative;top:0px;grid-area:walk;display:block;width:100%;box-sizing:border-box;padding-left:15px;padding-right:15px;left:0;}
    #electric-chargers {grid-area:chargers;margin:0;background:#698b0c;padding:0 3.5px;}
        #electric-chargers img {height:24px;padding:3px;}
    #lang-pl {grid-area:pl}
    #lang-en {grid-area:en;}

    body.wcag-1.contrast-yellow_black #electric-chargers img {filter: invert(98%) sepia(69%) saturate(5508%) hue-rotate(1deg) brightness(106%) contrast(100%);    }
    body.wcag-1.contrast-black_yellow #electric-chargers img { filter: none;}
    body.wcag-1.contrast-black_white #electric-chargers { background:#3c3234;}
    body.wcag-1.contrast-yellow_black #electric-chargers { background:black;}
    body.wcag-1.contrast-black_yellow #electric-chargers { background:yellow;}

    /* Content */
    .content{width:96%;}

    /* Slideshow */
    #slideshow{height:460px;}

    /* Location */
    #g-right .size-16{text-align: justify;}

    /* Content */
    #wrap-content-w .size-24{text-align: justify;font-size:16px;line-height:22px;}

    /* Reservation */
    #from img, #to img{width:35px;height:auto;}
    #out-m, #out-y, #in-m, #in-y{top:-12px;}

    /* Galeria */
    .box-gal{width:50%;padding-bottom:50%;}

    /* Offers */
    .offer-link span, .box-gal span{font-size:19px;}

    /* Wedding lightbox */
    #weddings-form form input{width:92%;padding:4%;font-size:15px;margin-top:4%;}
}

@media(max-width:500px){
    /* Boxes */
    #wrap-boxes .box{width:100%;}

    /* Font Sizes */
    .size-30, span[style*="30px"]{font-size:16px !important;}
    .size-38, span[style*="38px"]{font-size:19px !important;}
    .size-40{font-size:28px;}
    .size-70, span[style*="70px"]{font-size:28px !important;}

    /* Reservation */

    /* Map */
    #dir{width:94%;}
    #directions {text-align: center;}

    /* Location */
    #g-left *{font-size:18px;}
    #g-right{margin-top:0px;}

    /* Contact */
    #contact-details > div{width:100%;}
        #contact-details img[src*="phone"]{margin-top:20px;}

    /* Offers */
    .offer-link, .box-gal{width:100%;}

    /* Submenu */
    .page-links .page-link{width:100% !important;}
}

@media(max-width:400px) {
    /* Reservation */
    #from, #to, #from .size-24, #to .size-24{text-align: center;}
    img[src*="calendar"]{display:inline;margin:10px 0px 0px 0px !important;}
    .cal{width:100%;text-align: center;}
}