/* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list { outline: none !important; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline: none !important; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fill-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}/*.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}*/.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6); background:none; border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px; padding: 21px; position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px; height:80px; width:80px; }.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{/*color:#888;cursor:default;outline:none;*/ cursor:default; opacity: 0.666;}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.8));}/*.fancybox-button svg path{fill:currentColor;stroke-width:0}*/.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{/*padding:7px*/}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px; padding:10px 20px;}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px; padding:10px 20px; right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} .fancybox-button--play,.fancybox-button--thumbs,.fancybox-button--zoom { display: none !important;}@font-face { font-family: 'icons'; src: url('fonts/icon2020/heritage2020.woff2') format('woff2'), url('fonts/icon2020/heritage2020.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face {font-family: 'lato'; font-style: normal; font-weight: 300; src: url('fonts/lato/Lato-Light.woff2') format('woff2'), url('fonts/lato/Lato-Light.woff') format('woff');font-display: swap ; } @font-face {font-family: 'lato'; font-style: normal; font-weight: 400; src: url('fonts/lato/Lato-Regular.woff2') format('woff2'), url('fonts/lato/Lato-Regular.woff') format('woff');font-display: swap ; } @font-face {font-family: 'lato'; font-style: italic; font-weight: 400; src: url('fonts/lato/Lato-Italic.woff2') format('woff2'), url('fonts/lato/Lato-Italic.woff') format('woff');font-display: swap; } @font-face {font-family: 'lato'; font-style: normal; font-weight: 500; src: url('fonts/lato/Lato-Medium.woff2') format('woff2'), url('fonts/lato/Lato-Medium.woff') format('woff'); font-display: swap ; } @font-face {font-family: 'lato'; font-style: normal; font-weight: 600; src: url('fonts/lato/Lato-Semibold.woff2') format('woff2'), url('fonts/lato/Lato-Semibold.woff') format('woff');font-display: swap ; } @font-face {font-family: 'lato'; font-style: italic; font-weight: 600; src: url('fonts/lato/Lato-SemiboldItalic.woff2') format('woff2'), url('fonts/lato/Lato-SemiboldItalic.woff') format('woff');font-display: swap; } @font-face {font-family: 'lato'; font-style: normal; font-weight: 700; src: url('fonts/lato/Lato-Bold.woff2') format('woff2'), url('fonts/lato/Lato-Bold.woff') format('woff');font-display: swap ; } @font-face {font-family: 'lato'; font-style: italic; font-weight: 700; src: url('fonts/lato/Lato-BoldItalic.woff2') format('woff2'), url('fonts/lato/Lato-BoldItalic.woff') format('woff');font-display: swap; } @font-face {font-family: 'lato'; font-style: normal; font-weight: 800; src: url('fonts/lato/Lato-Heavy.woff2') format('woff2'), url('fonts/lato/Lato-Heavy.woff') format('woff');font-display: swap ; } @font-face {font-family: 'lato'; font-style: normal; font-weight: 900; src: url('fonts/lato/Lato-Black.woff2') format('woff2'), url('fonts/lato/Lato-Black.woff') format('woff');font-display: swap ; } /* RESET */ /* ----------------------------------------- */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td, object, button { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li {list-style:none;} caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } html{ box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } q:before, q:after { content:''} /*sup {vertical-align: super;} sub {vertical-align: sub;}*/ sup, sub { vertical-align:baseline; position: relative; top:-0.5em; font-size:0.8em;/**/ } sub { top: 1em; } .clear { clear:both; } .clearfix:after, .module:after { content: " "; display: table; clear: both; } #skiptocontent, .screen-reader-text {display:none;} /* Global reset-RESET */ /* The below restores some sensible defaults */ em, i { font-style:italic !important; font-weight:inherit !important; } a img { border:none } /* Gets rid of IE's blue borders */ a { text-decoration:none; } a:active, a:focus, button {outline: none; border:none; -moz-outline-style: none;} ::selection { background:#004D44; color:#FFF; /* WebKit/Blink Browsers */ } ::-moz-selection { background: #004D44; color:#FFF; /* Gecko Browsers */ } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0; } /* TYPE */ html { font-size:62.5%; font-size:150%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } @media all and (max-width: 767px) { /*html { font-size:87.5%; } */ } body { width: 100%; top:0 !important; font-family: 'lato',sans-serif; font-weight: 400; font-style:normal; line-height:1.5; color:#30312C; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; background:#FFF; background: #EDECE5; overflow-x:hidden; overflow-y: scroll;/* has to be scroll, not auto */ -webkit-overflow-scrolling: touch; transition:transform 0.4s ease; /* --scrollbar-width:calc(100vw - 100%); --scrollbar-width-nocalc:(100vw - 100%);*/ } /* .testingdiv { height: 40px; background: red; width: var(--scrollbar-width); } */ /* tiny 12/1 vsmall 14/20 1.428571428571429 small 16/ block 20/26 1.3 parag 24/36 1.5 h3 32/36 1.125 h2 40/45 1.125 */ .bodytext h1, .bodytext h2, .bodytext h3, .txt h1, .txt h2 { font-weight: 800; margin-bottom: 1em; line-height: 1.11;} body.single-experiences .textcontent h2, #articleheader h1, .textcontent h1 { line-height: 1.11; font-size:1.666666666666667rem; font-weight: 800; margin-bottom: 1em; color: #5D5F56;} .bodytext h2, .bodytext h3 { } .txt p { padding-right: 1em; margin-bottom: 1em;} .txt>p:last-child {margin-bottom: 0;} .textcontent p { padding-right: 1em; margin-bottom: 1em; /*color:#515050;*/ } .textcontent p:not(.subtitle):last-child { margin-bottom: 0;} .bodytext p+h2, .bodytext p+h3 { margin-top:1.5em; } .textcontent h1.withsub { margin-bottom: 0.5em; } @media all and (max-width: 899px) { .bodytext h2, .bodytext h3, .txt h1, .txt h2, #articleheader h1, body.single-experiences .textcontent h2, .textcontent h1 { font-size: 1rem;} } @media all and (max-width: 599px) { .bodytext h2, .bodytext h3, .txt h1, .txt h2, #articleheader h1, body.single-experiences .textcontent h2, .textcontent h1 { font-size: 0.75rem; } .txt p, .textcontent p {font-size:0.6666666666666667em ; } .textcontent p.cta {font-size: 0.6666666666666667em; } } @media all and (min-width: 600px) { .bodytext h2, .bodytext h3, #articleheader h1, .txt h1, .txt h2 {font-size:1.083333333333333em; } .textcontent p {font-size:0.75em; } .textcontent p.cta {font-size: 0.75rem; } body.single-experiences .content_block .bodytext ul li, body.single-experiences .content_block .bodytext ol li, .txt p {font-size:0.75em; } } @media all and (min-width: 900px) { #articleheader h1, body.single-experiences .textcontent h2, .textcontent h1 { font-size: 1.3333rem; } .textcontent p {font-size: 1em; } .textcontent p.cta {font-size: 0.75rem; } } @media all and (min-width: 1200px) { #articleheader h1, body.single-experiences .textcontent h2, .textcontent h1 { font-size: 1.66666rem; } .textcontent p {font-size: 1em; } } @media all and (min-width: 1500px) { } ul.social li { display: inline-block; position:relative; font-size:1.5rem; line-height: 1; width: 1em; height: 1em; margin:0 0.5em 0 0 ; } ul.social li:last-child { margin-right: 0;} ul.social li a { display:block; background: rgba(0,0,0,0.5); color: #FFF; border-radius: 100%; text-decoration:none; width:1em; height:1em; overflow:hidden; margin: 0 auto !important; transition: all 0.2s ease;padding: 0.0833333333333333rem; } ul.social li a:hover { /*border: 1px solid #E4E1D7;*/ color: white; } ul.social li a span { height: 0; width: 0; position: absolute; overflow: hidden; } ul.social::after { content:""; display:table; height:0; clear:left;} ul.social li a::after { content:"\e804"; font-family: 'icons'; font-weight:normal; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } ul.social li a:hover::after { color: white; } ul.social li a[href*="facebook"]::after { content:"\e803"; } ul.social li a[href*="twitter"]::after { content:"\e801"; } ul.social li a[href*="instagram"]::after { content:"\e800"; } ul.social li a[href*="trip"]::after { content:"\e802"; } ul.social li a:hover {background-color: rgba(0,0,0,1) !important; } ul.social li a[href*="facebook"]:hover {background-color: #3b5998 !important; } ul.social li a[href*="twitter"]:hover {background-color: #1da1f2 !important; } ul.social li a[href*="instagram"]:hover { background: linear-gradient(45deg, rgba(255,211,116,1) 0%, rgba(255,211,116,1) 12%, rgba(240,103,59,1) 34%, rgba(236,73,76,1) 55%, rgba(196,49,137,1) 75%, rgba(128,67,197,1) 91%, rgba(128,67,197,1) 110%) !important; /**/ } ul.social li>strong { position: absolute; top: calc(100% + 5px); left: 50%; transform: translateX(-50%); background: black; color: white; font-size: 1.2rem; text-align: center; padding: 0.5em;} ul.social li>strong::before { content:""; display: block; width:12px; height:12px; pointer-events: none; transform:translate(-50%,0) rotate(45deg); z-index: 98; position: absolute; left: 50%; top: -5px; transform: translate(-50%,0) rotate(45deg); border:none; background: inherit; z-index: -1; } .homegrid ul.social li { font-size:2rem; } .homegrid ul.social li a { background:#E6DFC4; color: #CEBF89; } @media all and (max-width: 599px) { .homegrid ul.social li { font-size:1.5rem; } } .section header.social ul.social li a { background: #004D44; color: #FFF; } .section header.social p>a{padding-right: 0 !important;} .section header.social p>a::after {display: none !important;} nav#mainmenu>div>ul.social li a { background: #FFF; color: #004D44; } @media all and (max-width: 599px) { .section header.social ul.social li {font-size: 28px; } } @media all and (min-width: 600px) { .section header.social ul.social { margin-left: 2rem; display: flex; align-items: flex-end;} } .section>ul.social:last-child { justify-content:center;display: flex;} #goog-gt-tt {display:none !important;} .goog-te-banner-frame {display:none !important;} .goog-te-menu-value:hover {text-decoration:none !important;} .goog-text-highlight {background-color:transparent !important;box-shadow:none !important;} /*body {top:0 !important;}*/ #google_translate_element2 {display:none!important;} /* blockquote { margin:40px 0; font-size:2em; } blockquote p{ line-height:1.2; } */ .textcontent li strong, .textcontent p strong, .bodytext li strong, .bodytext p strong { font-weight:700 !important; } .textcontent p em, .bodytext p em { font-style:italic;} .textcontent p em strong, .textcontent p strong em, .bodytext p em strong, .bodytext p strong em { font-weight:700 !important;font-style:italic !important;} .textcontent ul li, .bodytext ul li { margin-left: 1em; list-style: none; margin-bottom: 0.5em; position: relative; } .textcontent ol li, .bodytext ol li { list-style: decimal; margin-left: 1.2em; margin-bottom: 0.5em; } .textcontent ul li:last-child, .textcontent ol li:last-child, .bodytext ul li:last-child, .bodytext ol li:last-child {margin-bottom: 1em;} .textcontent ul:not(.ctas) li::before, .bodytext ul:not(.ctas) li::before { content: "\2022"; color: #004D44; position: absolute; display: block; font-size: 1.222222222222222em; width: 20px; height: 1.181818181839669em; line-height: 0.9090909090909091em; line-height: 1; text-align: center; top: 0; left: -1em; vertical-align: middle; } .textcontent p:not(.sub):not(.cta) a, .textcontent p:not(.sub):not(.cta) a:link, .textcontent p:not(.sub):not(.cta) a:visited, .textcontent li a, .textcontent li a:link, .textcontent li a:visited, .bodytext p:not(.cta):not(.sub) a, .bodytext p:not(.cta):not(.sub) a:link, .bodytext p:not(.cta):not(.sub) a:visited, .bodytext li a, .bodytext li a:link, .bodytext li a:visited { background-image:linear-gradient(120deg, #A89769 0%, #A89769 100%);background-position:0 100%;background-repeat:no-repeat;background-size:100% 0; border-bottom:2px solid currentColor; color:inherit;text-decoration:none;transition:background-size 0.2s ease; } div.placeslist li a, div.placeslist li a:link, div.placeslist li a:visited { background-image: none !important; border-bottom:none !important; } .textcontent p:not(.sub):not(.cta) a:hover, .textcontent li a:hover, .bodytext p:not(.sub):not(.cta) a:hover, .bodytext li a:hover { background-size:100% 100%;color:#FFF} .bodytext div.vid { display: block; width: 100%; height: 0; padding-bottom: 56.25%; position:relative; margin:2rem 0;} .bodytext div.vid iframe { position:absolute; width:100%; height:100%; top:0; left:0; } .vidcontainer { margin: var(--inner-05) 0 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;} .vidcontainer div.vid { margin: 0;} @media all and (max-width: 899px) { .vidcontainer { margin: var(--inner-1) 0 0 !important; } } @media all and (max-width: 599px) { .textcontent ul li, .bodytext ul li, .textcontent ol li, .bodytext ol li {font-size:0.6666666666666667em ; } } @media all and (min-width: 600px) { .textcontent ul li, .bodytext ul li, .textcontent ol li, .bodytext ol li {font-size:0.75em; } } @media all and (min-width: 900px) { .textcontent ul li, .bodytext ul li, .textcontent ol li, .bodytext ol li {font-size: 1em; } } @media all and (min-width: 1200px) { .textcontent ul li, .bodytext ul li, .textcontent ol li, .bodytext ol li {font-size: 1em; } } nav#breadcrumbs { transition: all 0.2s ease; padding: 0.5rem 0 0.5rem calc(((100vw - 17px) / 16) * 0.5); background: #F4F8E9; } #bannerholder nav#breadcrumbs {padding: 0 0 0 calc(((100vw - 17px) / 16) * 0.5); padding: 0.5rem 0 0.5rem calc(((100vw - 17px) / 16) * 0.5); position: absolute; top: 120px; top: 100px; left: 0; z-index: 15; background: none; } body.scrolled nav#breadcrumbs{top: 72px; } nav#breadcrumbs ul { display: flex; align-items: flex-end;} nav#breadcrumbs ul li { font-size: 16px; line-height: 19px; font-weight: 400; color: #30312C; /*padding-right: 0.5em;*/ } nav#breadcrumbs ul li:not(:last-child)::after {content:"/"; padding: 0 0.375em; font-weight: 300; color: #30312C;} nav#breadcrumbs ul li+li { } nav#breadcrumbs ul li a{ color: #30312C; } nav#breadcrumbs ul li a:hover { color: black; } #bannerholder nav#breadcrumbs li { color: #FFF; } #bannerholder nav#breadcrumbs ul li:not(:last-child)::after { color: #D7CFB5;} #bannerholder nav#breadcrumbs li a { color: #D7CFB5; } #bannerholder nav#breadcrumbs ul li a:hover { color: white; } nav#breadcrumbs li a{ transition: all 0.2s ease; text-decoration:none; background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)); background-position:0 100%,0 100%;background-repeat:no-repeat,no-repeat;background-size:0 1px,100% 1px;transition:background-size .2s; } nav#breadcrumbs li a:hover{ color: white; background-size:100% 1px,100% 1px} @media all and (max-width: 899px) { nav#breadcrumbs { display: none; top:72px; padding: 0 0 0 calc(((100vw - 17px) / 16) * 1); } } .container, .wrapper { width: 100% !important; /*transparent*/ /*border: calc((100vw - 17px) / 16) solid transparent;*/ border-top: none !important; border-bottom: none !important; margin: 0 auto; position: relative; z-index: 10;} .wrapper { /*padding-bottom: calc(((100vw - 17px) / 16) * 1);*/ } #maincontent { background: #FFF; overflow: auto} /*.textcontent { border: calc(6.25vw * 3) solid transparent; } */ .textcontent { margin: 0 auto; border-top: calc(((100vw - 17px) / 16) * 0.5) solid transparent !important; border-bottom: calc(((100vw - 17px) / 16) * 1) solid transparent !important; position: relative; z-index: 10; } section#socialguide .textcontent { border-top: calc(((100vw - 17px) / 16) * 1) solid transparent !important; } @media all and (max-width: 599px) { .textcontent { border: calc(((100vw - 17px) / 16) * 1) solid transparent !important; } } @media all and (min-width: 600px) { .textcontent { border: calc(((100vw - 17px) / 16) * 2) solid transparent; } } @media all and (min-width: 900px) { .textcontent { border: calc(((100vw - 17px) / 16) * 3) solid transparent; } } @media all and (min-width: 1200px) { .textcontent { border: calc(((100vw - 17px) / 16) * 3) solid transparent; } } @media all and (min-width: 1500px) { .textcontent { border: calc(((100vw - 17px) / 16) * 4) solid transparent; } } @media all and (min-width: 2000px) { .textcontent { border: calc(((100vw - 17px) / 16) * 5) solid transparent; } } /* .textcontent2{ border: none !important; display: grid; grid-template-columns: repeat(16,1fr); grid-column-gap: 0; } .textcontent2 p { grid-column: 7 / span 6; }*/ /*.wrapper>.wrapper { border: none !important;} */ .sb_instagram_header, #sbi_load {display: none; } #sb_instagram #sbi_images { margin: 0 calc(((100vw - 17px) / 16) * 2) !important; width: calc(100% - (((100vw - 17px) / 16) * 4)) !important; box-sizing: border-box !important; float: none !important; } #sb_instagram.sbi_col_3 #sbi_images {display: flex !important; flex-wrap: wrap; justify-content: space-between;} #sb_instagram.sbi_col_3 #sbi_images .sbi_item { width: calc(33.333% - ((((100vw - 17px) / 16) * 1) / 3)) !important; margin:0 0 calc(((100vw - 17px) / 16) * 0.5) !important; } /* #sbi_images { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: calc(((100vw - 17px) / 16) * 1); margin: 0 calc(((100vw - 17px) / 16) * 1); } #sbi_images .sbi_item { width: 100%;} */ @media all and (min-width: 600px) { #sb_instagram #sbi_images { margin: 0 calc(((100vw - 17px) / 16) * 1) !important; width: calc(100% - (((100vw - 17px) / 16) * 2)) !important; } #sb_instagram.sbi_col_3 #sbi_images .sbi_item { width: calc(33.333% - ((((100vw - 17px) / 16) * 2) / 3)) !important; margin:0 0 calc(((100vw - 17px) / 16) * 1) !important; } } @media all and (min-width: 1200px) { #sb_instagram #sbi_images { margin: 0 calc(((100vw - 17px) / 16) * 2) !important; width: calc(100% - (((100vw - 17px) / 16) * 4)) !important; } #sb_instagram.sbi_col_3 #sbi_images .sbi_item { width: calc(33.333% - ((((100vw - 17px) / 16) * 1) / 3)) !important; margin:0 0 calc(((100vw - 17px) / 16) * 0.5) !important; } } @media all and (max-width: 599px) { #sb_instagram #sbi_images { margin: 0 calc(((100vw - 17px) / 16) * 1) !important; width: calc(100% - (((100vw - 17px) / 16) * 2)) !important; } #sb_instagram.sbi_col_3 #sbi_images .sbi_item { width: calc(50% - ((((100vw - 17px) / 16) * 1) / 2)) !important; margin:0 0 calc(((100vw - 17px) / 16) * 1) !important; } } @media all and (min-width: 900px) { #nohero { padding: 110px 0 0;margin-bottom: 32px; } } body.visit-template-template-closures #first_text {padding-bottom: 20px;} body.visit-template-template-closures .bodytext+.closuresholder {padding-top: 0;} .closuresholder ul { } .closuresholder ul li{ margin: 0 0 10px 0; list-style: none; padding: 20px; background: #FFFCF3; display: flex; justify-content: space-between; } .closuresholder ul li:nth-child(odd){ background:#E1DAC7; } .closuresholder ul li:before { display:none !important; } .closuresholder ul li h3 { font-weight:700;} .closuresholder ul li h3, .closuresholder ul li p{ width:calc(50% - 10px); font-size:18px; line-height:1.333; padding-right: 1em;} .closuresholder ul li p strong{ font-weight:400 !important; } @media all and (max-width: 899px) { .closuresholder ul li{ display:block; } .closuresholder ul li h3, .closuresholder ul li p{ width:100%; font-size:16px; line-height:1.25;} .closuresholder ul li h3 { margin-bottom:0.5em; } } table { border-collapse: collapse; min-width: 100%; } div.tablecontent table { min-width: 100%; } th, td { border-bottom: 1px solid rgba(255,255,255,1); background: rgba(225, 218, 199, 0.5); color: #090808; padding:1em; font-size: 0.75rem; line-height: 1.3; vertical-align:top; } tr:nth-child(even) td{ background: rgba(225, 218, 199, 0.25); } table tr:first-child>td, th { background: #004D44; color: white; font-weight: 600; border-bottom: 3px solid rgba(255,255,255,1); } table, table th, table td { border: 2px solid white; } div.placeslist { } div.placeslist ul { display: flex; width: 100%; flex-wrap: wrap;} div.placeslist ul li { margin: 0 !important; width: 50%;} div.placeslist ul li a { transition: all 0.2s ease; margin: 0; display: block; border-bottom: 1px solid rgba(255,255,255,1); background: rgba(225, 218, 199, 0.5); color: #090808; padding:1em; font-size: 0.75rem; line-height: 1.3; vertical-align:top; } div.placeslist ul li::before { display: none !important; } div.placeslist>h3 {padding:1em; font-size: 0.75rem; line-height: 1.3; margin: 0; background: #004D44; color: white; font-weight: 600; border-bottom: 3px solid rgba(255,255,255,1); } @media all and (min-width:1200px) { div.placeslist ul li:nth-child(4n+2) a, div.placeslist ul li:nth-child(4n+3) a { background: rgba(225, 218, 199, 0.25); } } @media all and (max-width: 1199px) { div.placeslist ul li { width: 100%;} div.placeslist ul li:nth-child(even) a{ background: rgba(225, 218, 199, 0.25); } } div.placeslist ul li a:hover { background: #CEBF89 ; color:#30312C;}#masthead { background: rgba(255,0,255,0.2); background: none; border: calc(((100vw - 17px) / 16) * 0.5) solid rgba(255,0,255,0.3); border: calc(((100vw - 17px) / 16) * 0.5) solid transparent; /* border-top: calc(((100vw - 17px) / 16) * 0.33) solid rgba(255,0,255,0.3); border-bottom: calc(((100vw - 17px) / 16) * 0.33) solid rgba(255,0,255,0.3); */ border-top: none !important; border-bottom: none !important; height: 120px; display: flex; align-items: center; transition: all 0.2s ease; position: fixed; width: 100%; left: 0; z-index: 99; z-index: 101; display: flex; justify-content: space-between; } @media all and (min-width: 900px) { /*body #masthead::before{ opacity:0; transition:all 0.2s ease; content:""; display:block; top:0; left:0; width:100%; height: calc(140px + 20vh); pointer-events: none; position:fixed; z-index: -1; box-sizing: content-box; background: -webkit-linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } body:not(.scrolled):not(.open_secnav) #masthead::before{ opacity: 1; } */ } #masthead #logo {color: white; max-width: 5em; font-weight:500; font-size:1rem; line-height: 1.11; margin-right: auto;} #masthead #logo strong { font-weight: 700; } #masthead #logo a { color: white;display: block;} /*body.pageloaded #masthead #logo {transition: all 0.2s ease;} body:not(.preload) #masthead #logo {transition: all 0.2s ease;}*/ body.scrolled #masthead { height: 72px; background: #004D44; } body.scrolled #masthead #logo { max-width:none; font-size:0.75rem; } #maincontent #mobilelogo { display: none; } #maincontent #mobilelogo {color: white; max-width: 5em; font-weight:500; font-size: 0.8333333333333333rem; line-height: 1.125; transition: all 0.2s ease; position: absolute; z-index: 99; left: 0; top: 0; padding:calc(((100vw - 17px) / 16) * 0.5) 0 0 calc(((100vw - 17px) / 16) * 1); } #maincontent #mobilelogo strong { font-weight: 700; } @media all and (max-width: 899px) { #maincontent #mobilelogo { display:block; padding:calc(((100vw - 17px) / 16) * 0.5) 0 0 calc(((100vw - 17px) / 16) * 1); } } @media all and (max-width: 599px) { #maincontent #mobilelogo { display:block; padding:calc(((100vw - 17px) / 16) * 1) 0 0 calc(((100vw - 17px) / 16) * 1); } } @media all and (min-width: 600px) and (max-width: 899px) { body.nobanner #maincontent #mobilelogo { padding-top: 0; padding-bottom:0; line-height:72px; height: 72px; width: 100%; max-width:none; background: #004D44; position: relative;} } @media all and (max-width: 899px) { body.neverbanner #maincontent #mobilelogo { padding-top: 0; padding-bottom:0; line-height:72px; height: 72px; width: 100%; max-width:none; background: #004D44; position: relative;} } #mobilelogo a{ color: white; display: block;} body:not(.preload) #masthead #logo a /*, #mobilelogo a*/ { transition: all 0.2s ease; } #masthead #logo a:hover /*, #mobilelogo a:hover*/ { opacity: 0.66; } #masthead #opw {/*margin-left: 20px;*/} #masthead #opw a{ overflow: hidden; width: 102px; height: 48px; background-size:contain; background-repeat: no-repeat; background-position: center;display: block; background-image: url("images/opw.php?colour=white"); transition: all 0.2s ease; } #masthead #opw a span { position: fixed; top: -100px;} #masthead #opw a:hover { opacity: 0.66; } @media all and (max-width: 899px) { #masthead #logo {font-size:0.75rem; display: none;} body.scrolled #masthead #logo { font-size:0.75rem; } #masthead {height: 72px; bottom:0; border: calc(((100vw - 17px) / 16) * 1) solid transparent; background: #EDECE5; box-shadow: 0px -6px 8px rgba(0, 0, 0, 0.3); } body.scrolled #masthead { height: 72px;background: #EDECE5; } #masthead #opw a{ background-image: url("images/opw.php?colour=004D44"); } #masthead #opw { order: -10; margin-right: auto; margin-left: 0; flex: 1;} } /*@media all and (min-width: 600px) { #masthead #logo {font-size:0.8333333333333333rem; } body.scrolled #masthead #logo { font-size:0.75rem; } #masthead {height: 72px; top: 0; border: calc(((100vw - 17px) / 16) * 1) solid transparent;} body.scrolled #masthead { height: 72px; } }*/ @media all and (min-width: 900px) { #masthead { border: calc(((100vw - 17px) / 16) * 0.5) solid transparent; height: 120px; } body.scrolled #masthead { height: 72px; box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.3); transition: all 0.1s ease; } body.open_secnav #masthead { box-shadow: 0px 8px 8px rgba(0, 0, 0, 0); } #masthead #logo {font-size:0.8333333333333333rem; } body.scrolled #masthead #logo { font-size:0.75rem; } } @media all and (min-width: 1000px) { #masthead #logo {font-size:1rem; } } @media all and (min-width: 1200px) { } @media all and (min-width: 1500px) { } #masthead #mainnav { display: flex; } @media all and (max-width: 899px) { #masthead #mainnav { display:none;} } #masthead #mainnav ul { display: flex; } #masthead #mainnav ul li { margin:0 2em 0 0; font-weight: 800; font-size: 18px; line-height: 22px; } @media all and (max-width: 999px) { #masthead #mainnav ul li { font-size: 16px; margin:0 28px 0 0; } } #masthead #mainnav ul li:last-child { margin:0 ; } /* #masthead #mainnav ul li a { color: rgba(215, 207, 181, 0.6); padding-right: 0.1em; transition: all 0.2s ease;} body:not(.scrolled):not(.navopen) #masthead #mainnav ul li a { color: rgba(215, 207, 181, 1); } #masthead #mainnav ul li a:hover, body:not(.scrolled):not(.navopen) #masthead #mainnav ul li a:hover{ color: white; } */ #masthead #mainnav ul li a{ color:#E1DAC7; padding:2px 0.1em 2px 0; transition: all 0.2s ease; text-decoration:none; background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)); background-position:0 100%,0 100%;background-repeat:no-repeat,no-repeat;background-size:0 1px,100% 1px;transition:background-size .5s; } #masthead #mainnav ul li a:hover{ color: white; background-size:100% 1px,100% 1px} #masthead #mainnav ul li>b { cursor: pointer; overflow: hidden; display: inline-block; opacity: 0.6; width: 0.7222222222222222em; padding: 0.25em 1em; height: 0.75em; background-size:13px auto; background-repeat: no-repeat; background-position: center bottom; background-image: url('data:image/svg+xml;utf8,<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 -9.53674e-07L0 6.89109L1.04598 8L6.5 2.21782L11.954 8L13 6.89109L6.5 -9.53674e-07Z" fill="white"/></svg>'); } #masthead #mainnav ul li>b.opened { transform: rotate(180deg); background-position: center 0.1em; opacity: 1; } #secnav{ opacity: 0; pointer-events: none; background:#004D44; position: fixed; top:0; left: 0; width: 100%; transition: all 0.3s ease; z-index: 95; } body.open_secnav #secnav{ opacity: 1; pointer-events: auto; } @media (max-width:599px) { #secnav {display: none;} } @media (min-width:600px) { #secnav{ padding-top: 72px; } body.scrolled #secnav{ padding-top: 72px; } } @media (min-width:900px) { #secnav{ padding-top: 120px; } body.scrolled #secnav{ padding-top: 72px; } } #navside { display: flex; align-items: center;} #navside>div { margin:0 1.25rem; } #navside ul { margin: 0;} #navside ul li {font-size: 0.5rem; position: relative; margin: 0; line-height: 1; padding-top: 0.35em;} #navside ul li a { color: rgba(255,255,255,0.7); } #navside ul ul {position: absolute; top: 100%; left: 0; display: none;} #hamburger { display:none;} #navside #toptranslate { position: relative;} #navside ul.langs { position: absolute; top: 100%;background: rgba(255,255,255,0.1); } #navside ul.social { display: none; } @media all and (max-width: 899px) { #navside { justify-content: space-between; width: 100%; } #navside>div { display: none; } #navside { } #hamburger { display: block; position: relative; width: calc(((100vw - 17px) / 16) * 4); width: calc(((100vw - 17px) / 16) * 3.5); max-width: 96px; min-width: 82px; min-width: 64px; margin-left: 1rem; font-size: 1rem; font-size: 0.8333333333333333rem; line-height: 1; } #hamburger>a { display: block; height: 0; padding-bottom: 100%; border-radius: 50%; background: #FFFFFF; color: #004D44; border: 1px solid #004D44; box-shadow: -4px 4px 8px rgba(0, 0, 0, 0.35); position: relative; bottom:36px } #hamburger>a>span { display: block; font-weight: 900; color: #004D44; width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } }#masthead #showsearch span { position: fixed; top: -100px;} #masthead #showsearch { margin: 0 1.25rem 0 0; overflow: hidden; position: relative; width: 32px; height: 41px; } #masthead #showsearch a { display:block; width: 100%; height: 100%; position: absolute; background-size:contain; background-repeat: no-repeat; background-position: center; background-image: url('data:image/svg+xml;utf8,<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.14286 20.3443H10.6057L11.1543 19.7895C9.32571 17.755 8.22857 14.9808 8.22857 12.0216C8.22857 5.3635 13.5314 0 20.1143 0C26.6971 0 32 5.3635 32 12.0216C32 18.6798 26.6971 24.0433 20.1143 24.0433C17.1886 24.0433 14.4457 22.9336 12.4343 21.0841L11.8857 21.6389V23.1185L2.74286 32.3659L0 29.5917L9.14286 20.3443ZM20.1143 20.3443C24.6857 20.3443 28.3429 16.6453 28.3429 12.0216C28.3429 7.39793 24.6857 3.69896 20.1143 3.69896C15.5429 3.69896 11.8857 7.39793 11.8857 12.0216C11.8857 16.6453 15.5429 20.3443 20.1143 20.3443Z" fill="white"/></svg>'); background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 41" style="enable-background:new 0 0 32 41;" xml:space="preserve"><g><path d="M9.1,29h1.5l0.5-0.6c-1.8-2-2.9-4.8-2.9-7.8c0-6.7,5.3-12,11.9-12c6.6,0,11.9,5.4,11.9,12c0,6.7-5.3,12-11.9,12 c-2.9,0-5.7-1.1-7.7-3l-0.5,0.6v1.5L2.7,41L0,38.2L9.1,29z M20.1,29c4.6,0,8.2-3.7,8.2-8.3c0-4.6-3.7-8.3-8.2-8.3s-8.2,3.7-8.2,8.3 C11.9,25.3,15.5,29,20.1,29z" fill="white" /></g></svg>'); } #masthead #showsearch a:hover { background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 41" style="enable-background:new 0 0 32 41;" xml:space="preserve"><g><path d="M9.1,29h1.5l0.5-0.6c-1.8-2-2.9-4.8-2.9-7.8c0-6.7,5.3-12,11.9-12c6.6,0,11.9,5.4,11.9,12c0,6.7-5.3,12-11.9,12 c-2.9,0-5.7-1.1-7.7-3l-0.5,0.6v1.5L2.7,41L0,38.2L9.1,29z M20.1,29c4.6,0,8.2-3.7,8.2-8.3c0-4.6-3.7-8.3-8.2-8.3s-8.2,3.7-8.2,8.3 C11.9,25.3,15.5,29,20.1,29z" fill="%23CEBF89" /></g></svg>'); } @media all and (max-width: 899px) { #masthead #showsearch a{ background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 41" style="enable-background:new 0 0 32 41;" xml:space="preserve"><g><path d="M9.1,29h1.5l0.5-0.6c-1.8-2-2.9-4.8-2.9-7.8c0-6.7,5.3-12,11.9-12c6.6,0,11.9,5.4,11.9,12c0,6.7-5.3,12-11.9,12 c-2.9,0-5.7-1.1-7.7-3l-0.5,0.6v1.5L2.7,41L0,38.2L9.1,29z M20.1,29c4.6,0,8.2-3.7,8.2-8.3c0-4.6-3.7-8.3-8.2-8.3s-8.2,3.7-8.2,8.3 C11.9,25.3,15.5,29,20.1,29z" fill="%23004D44" /></g></svg>'); } #masthead #showsearch a:hover{ background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 41" style="enable-background:new 0 0 32 41;" xml:space="preserve"><g><path d="M9.1,29h1.5l0.5-0.6c-1.8-2-2.9-4.8-2.9-7.8c0-6.7,5.3-12,11.9-12c6.6,0,11.9,5.4,11.9,12c0,6.7-5.3,12-11.9,12 c-2.9,0-5.7-1.1-7.7-3l-0.5,0.6v1.5L2.7,41L0,38.2L9.1,29z M20.1,29c4.6,0,8.2-3.7,8.2-8.3c0-4.6-3.7-8.3-8.2-8.3s-8.2,3.7-8.2,8.3 C11.9,25.3,15.5,29,20.1,29z" fill="%2330312C" /></g></svg>'); } }#secnav { padding-left: 16px; padding-right: 16px;padding-bottom: 16px; /*box-shadow: 0px 160px 160px 50px rgba(0,0,0,0.8); */ } #secnav::after { position: absolute; pointer-events: none;top: 100%; left: 0; display: block; content: ""; width: 100%; height: 160px; z-index: 2; opacity: 0.85; background: -webkit-linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } #secnav>p { width: 100%; flex:1; flex:1 0 100%; padding:0 1em 1.25em calc(var(--inner-05) - 16px); font-size: 16px; line-height: 19px; font-weight: 800; font-size: 18px; line-height: 22px; } #secnav>p a { color: #ECE5CF; position: relative; padding-right: 1em; transition: all 0.2s ease; } #secnav>p a::after { content:""; display: inline-block; width: 8px; height: 13px; position: absolute; right:0; top: 50%; transform: translateY(-50%); background-size:8px auto; background-repeat: no-repeat; background-position: right bottom; background-image: url('data:image/svg+xml;utf8,<svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8,6.5L1.1,0L0,1l5.8,5.5L0,12l1.1,1L8,6.5z" fill="%23ECE5CF"/></svg>'); } #secnav>p a:hover { color: white;padding-right: 1.2em; } #secnav>ul { display: flex; flex-wrap: wrap; justify-content: flex-start; } #secnav>ul::after {display: block;content:""; } #secnav>ul::after, #secnav>ul>li { width:calc(25% - ((16px * 3) / 4)); margin:0 16px 16px 0; line-height: 19px; } #secnav>ul>li:nth-child(4n+4){ margin-right: 0;} @media (max-width:1199px) { #secnav>ul::after, #secnav>ul>li { width:calc(50% - ((16px * 1) / 2)); } #secnav>ul>li:nth-child(2n+2){ margin-right: 0;} } @media (max-width:899px) { #secnav { display: none; } } #secnav>b { cursor: pointer; display: block; position: absolute; bottom:0; right:16px; transform: translate(-50%,50%); width: 55px; height: 55px; background: #B09F6B; border-radius: 50%;box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.25); transition: all 0.1s ease; z-index: 10; opacity: 0;} body.open_secnav #secnav>b {opacity: 1;} #secnav>b:hover { transform:translate(-50%,50%) scale(1.1,1.1) ; } #secnav>b::after { content:"Close"; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-weight: 900; font-size: 16px; line-height: 1; text-align: center; color: #004340; } #secnav ul li { font-size: 16px; } /*#secnav ul>li ul li a{ padding:1em 1em 1em 4em;} */ #secnav>ul#sub1>li:nth-child(1) ul li>a, #secnav>ul#sub1>li:nth-child(2) ul li>a, #secnav>ul#sub1>li:nth-child(3) ul li>a, #secnav>ul#sub1>li:nth-child(4) ul li>a { padding:1em 1em 1em 4em;} #secnav ul>li ul li a{ padding:1em;} #secnav>ul>li { position: relative; display: flex; flex-direction: column; } #secnav>ul>li>span>a{ color: white; display: block; padding:1.5em 1em 1.5em 1em; padding:0 1em ; position: relative; flex: 1; vertical-align:middle; min-height: 2em; display: flex; align-items: center; } #secnav>ul#sub1>li:nth-child(1)>span>a, #secnav>ul#sub1>li:nth-child(2)>span>a, #secnav>ul#sub1>li:nth-child(3)>span>a, #secnav>ul#sub1>li:nth-child(4)>span>a { padding:0 1em 0 4em; } #secnav>ul>li>span { display: flex; justify-content: space-between;background: #004946;background: rgba(0,0,0,0.15); align-items: center; height: 4em; transition: background 0.2s ease; } #secnav>ul>li>span:hover { background: #003331;} #secnav>ul>li.opensub>span { background:#002F2C;} #secnav>ul>li>span>b{ display: block; padding:1.5em 1em 1.5em ; width: 2em; width: 3em; /* position: absolute; top: 0; right:0;*/ position: relative; } #secnav>ul>li>span>b::before,#secnav>ul>li>span>b::after { content:""; display: block; background: #ECE5CF; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.2s ease; } #secnav>ul>li>span>b::before { height:1px; width: 24px; } #secnav>ul>li>span>b::after { height:24px; width: 1px; } #secnav>ul>li.opensub>span>b::before {transform: translate(-50%,-50%) rotate(90deg); opacity: 0;} #secnav>ul>li.opensub>span>b::after {transform: translate(-50%,-50%) rotate(90deg);} #secnav>ul>li>ul { } #secnav>ul>li>span>a::before { content:""; display: block; width: 4em; height: 100%; position: absolute; top:0; left: 0; } #secnav ul>li ul li { border-top: 1px solid #002E2B; } #secnav ul>li ul li a{ background: white; color: #004D44; display: block; transition: all 0.2s ease; } #secnav ul>li ul li a:hover{ background: #E1DAC7; color:#30312C; } #secnav>ul#sub1>li:nth-child(1)>span>a::before, #secnav>ul#sub1>li:nth-child(2)>span>a::before, #secnav>ul#sub1>li:nth-child(3)>span>a::before, #secnav>ul#sub1>li:nth-child(4)>span>a::before { background-size:contain; background-repeat: no-repeat; background-position: center; background-size:2em 2em; background-image: url('data:image/svg+xml;utf8,<svg width="25" height="31" viewBox="0 0 25 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.7375 14.0574C23.3629 13.6739 22.8443 13.4726 22.3112 13.5062L15.8762 13.8656L19.4155 9.83968C19.9197 9.26454 20.0638 8.50248 19.8669 7.8171C19.766 7.34741 19.4779 6.92564 19.0457 6.65245C19.0313 6.64286 10.5842 1.7446 10.5842 1.7446C9.89267 1.34679 9.02346 1.43306 8.42799 1.96507L4.29807 5.64116C3.53932 6.31695 3.47209 7.48161 4.1492 8.24367C4.82632 9.00093 5.99326 9.06803 6.75681 8.39224L9.88786 5.60761L12.4763 7.10777L7.90935 12.2984C6.01727 12.6051 4.31248 13.4774 2.97266 14.7331L5.35936 17.1152C6.43506 16.1374 7.87093 15.5383 9.43645 15.5383C12.7836 15.5383 15.5017 18.2559 15.5017 21.5917C15.5017 23.1589 14.9014 24.5872 13.9217 25.6608L16.3084 28.0428C17.898 26.3557 18.8728 24.0887 18.8728 21.5917C18.8728 20.1059 18.5271 18.6968 17.9124 17.4459L20.4047 17.3069L19.7997 24.7262C19.718 25.7423 20.472 26.6289 21.49 26.7104C21.5429 26.7152 21.5909 26.7152 21.6437 26.7152C22.5946 26.7152 23.4013 25.9867 23.483 25.0233L24.2609 15.5C24.2993 14.9584 24.1073 14.436 23.7375 14.0574Z" fill="%23CEBF89"/><path d="M20.3181 6.16357C22.0229 6.16357 23.4059 4.78324 23.4059 3.08179C23.4059 1.38033 22.0229 0 20.3181 0C18.6133 0 17.2302 1.38033 17.2302 3.08179C17.2302 4.78324 18.6133 6.16357 20.3181 6.16357Z" fill="%23CEBF89"/><path d="M9.43638 27.6354C6.08922 27.6354 3.37116 24.9179 3.37116 21.5821C3.37116 20.3216 3.76014 19.1521 4.41805 18.184L2.00733 15.778C0.749147 17.3788 0 19.3918 0 21.5821C0 26.7823 4.22596 31 9.43638 31C11.631 31 13.6479 30.2523 15.2519 28.9966L12.8412 26.5906C11.8711 27.2472 10.6994 27.6354 9.43638 27.6354Z" fill="%23CEBF89"/></svg>'); } #secnav>ul#sub1>li:nth-child(1)>span>a::before{background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve"><g> <path class="st0" d="M33.5,30.2L31,28.5l-0.1-11.1l-0.1-8.3h-0.2l-3.4,0h-0.2l0,5.2l-2.8,0l0-5.2h-0.2l-3.4,0h-0.2l0,5.2h-2.8 L17.8,3.5h-0.2l-3.4,0h-0.2l0,3.9l-2.8,0l0-3.9h-0.2l-3.4,0H7.5L7.6,11l-2.8,0v17.8l-2.3,1.6v2.1l2.5,0l26-0.1l2.5,0V30.2z M9.7,28.1H7.5l0-3c0-1.4,1.4-3,2.2-3c0.8,0,2.3,1.5,2.3,2.9l0,3L9.7,28.1z M12.6,17.4c-0.2,0-0.4-0.1-0.5-0.3H9.9v2.2 c0.2,0.1,0.3,0.3,0.3,0.5c0,0.3-0.3,0.6-0.6,0.6c-0.3,0-0.6-0.3-0.6-0.6c0-0.2,0.1-0.4,0.3-0.5v-2.2H7.3c-0.1,0.2-0.3,0.3-0.5,0.3 c-0.3,0-0.6-0.3-0.6-0.6c0-0.3,0.3-0.6,0.6-0.6c0.2,0,0.4,0.1,0.5,0.3h2.1v-2.2c-0.2-0.1-0.3-0.3-0.3-0.5c0-0.3,0.3-0.6,0.6-0.6 c0.3,0,0.6,0.3,0.6,0.6c0,0.2-0.1,0.4-0.3,0.5v2.2h2.1c0.1-0.2,0.3-0.3,0.5-0.3c0.3,0,0.6,0.3,0.6,0.6 C13.2,17.1,12.9,17.4,12.6,17.4z M24.2,20.9h-1.3v-1.8c0-0.8,0.8-1.8,1.3-1.8c0.5,0,1.3,0.9,1.3,1.7v1.8L24.2,20.9z" fill="%23CEBF89"/> </g> </svg>');} #secnav>ul#sub1>li:nth-child(2)>span>a::before{background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve"><g> <path class="st0" d="M18.3,8.1C12.3,8.1,7.5,13,7.5,18.9c0,4.1,2.3,7.8,5.9,9.7v5c0,1,0.8,1.9,1.9,1.9h5.8c1,0,1.9-0.8,1.9-1.9 v-4.9c3.7-1.8,6-5.5,6-9.7C29,13,24.2,8.1,18.3,8.1z M21,33.8h-5.8c-0.1,0-0.3-0.1-0.3-0.3v-1.4h6.2v1.4 C21.3,33.7,21.2,33.8,21,33.8z M21.8,27.3c-0.3,0.1-0.5,0.4-0.5,0.8v2.4H15v-2.5c0-0.3-0.2-0.6-0.5-0.7c-3.3-1.5-5.4-4.8-5.4-8.4 c0-5.1,4.1-9.1,9.1-9.1c5,0,9.1,4.1,9.1,9.1C27.3,22.6,25.2,25.9,21.8,27.3z" fill="%23CEBF89"/> <path class="st0" d="M17.6,11.9c-3.4,0-6.2,2.8-6.2,6.3c0,0.4,0.4,0.8,0.8,0.8s0.8-0.4,0.8-0.8c0-2.5,2.1-4.6,4.6-4.6 c0.4,0,0.8-0.4,0.8-0.8C18.4,12.3,18,11.9,17.6,11.9z" fill="%23CEBF89"/> <path class="st0" d="M18.3,5.1c0.4,0,0.8-0.4,0.8-0.8v-3c0-0.4-0.4-0.8-0.8-0.8s-0.8,0.4-0.8,0.8v3C17.4,4.7,17.8,5.1,18.3,5.1z" fill="%23CEBF89"/> <path class="st0" d="M3.7,17.2H0.8C0.4,17.2,0,17.6,0,18c0,0.4,0.4,0.8,0.8,0.8h2.9c0.4,0,0.8-0.4,0.8-0.8 C4.5,17.6,4.2,17.2,3.7,17.2z" fill="%23CEBF89"/> <path class="st0" d="M35.2,17.2h-2.9c-0.4,0-0.8,0.4-0.8,0.8c0,0.4,0.4,0.8,0.8,0.8h2.9c0.4,0,0.8-0.4,0.8-0.8 C36,17.6,35.7,17.2,35.2,17.2z" fill="%23CEBF89"/> <path class="st0" d="M8.6,9c0.3-0.3,0.3-0.8,0-1.2L6.6,5.8c-0.3-0.3-0.8-0.3-1.2,0C5.1,6.1,5.1,6.6,5.4,7L7.4,9 C7.6,9.2,7.8,9.3,8,9.3S8.4,9.2,8.6,9z" fill="%23CEBF89"/> <path class="st0" d="M29.2,5.7l-2.1,2.1c-0.3,0.3-0.3,0.8,0,1.2c0.1,0.1,0.4,0.3,0.6,0.3c0.2,0,0.4-0.1,0.6-0.3L30.4,7 c0.3-0.3,0.3-0.8,0-1.2C30.1,5.4,29.5,5.4,29.2,5.7z" fill="%23CEBF89"/> </g> </svg>');} #secnav>ul#sub1>li:nth-child(4)>span>a::before{background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve"> <g> <path d="M18,9.1c4.3,0,7.8,3.5,7.8,7.8c0,1.6-0.5,3.1-1.3,4.4c-0.9,1.3-1.3,2.6-1.3,4.2v1.3c0,0.8-0.6,1.4-1.4,1.4h-7.6 c-0.8,0-1.4-0.6-1.4-1.4v-1.3c0-1.6-0.4-2.9-1.3-4.2c-0.8-1.3-1.4-2.8-1.4-4.4C10.2,12.6,13.7,9.1,18,9.1z M18,10.8 c-3.4,0-6.1,2.8-6.1,6.1c0,1.2,0.3,2.4,1.1,3.4c1,1.6,1.6,3.3,1.6,5.2v1h7v-1c0-1.9,0.5-3.6,1.6-5.2c0.7-1,1.1-2.2,1.1-3.4 C24.2,13.6,21.4,10.8,18,10.8z" fill="%23CEBF89"/> <path d="M17.2,0.8C17.2,0.4,17.5,0,18,0c0.5,0,0.8,0.4,0.8,0.8v5.6c0,0.5-0.3,0.8-0.8,0.8c-0.5,0-0.8-0.4-0.8-0.8V0.8z" fill="%23CEBF89"/> <path d="M8.1,4.2C7.8,3.8,7.9,3.3,8.3,3.1c0.3-0.3,0.9-0.2,1.1,0.2l3.2,4.6c0.3,0.3,0.2,0.8-0.2,1.1c-0.4,0.3-0.9,0.2-1.2-0.2 L8.1,4.2z" fill="%23CEBF89"/> <path d="M2.5,12.2c-0.4-0.2-0.6-0.6-0.5-1.1c0.2-0.4,0.7-0.6,1.1-0.5l5.3,1.9c0.4,0.2,0.6,0.7,0.5,1.1c-0.2,0.5-0.7,0.7-1.1,0.5 L2.5,12.2z" fill="%23CEBF89"/> <path d="M2.7,22c-0.5,0.1-0.9-0.2-1-0.6c-0.2-0.5,0.1-0.9,0.6-1l5.4-1.5c0.5-0.1,0.9,0.2,1,0.6c0.1,0.5-0.2,0.9-0.6,1L2.7,22z" fill="%23CEBF89"/> <path d="M26.6,3.3c0.2-0.4,0.7-0.5,1.1-0.2c0.4,0.2,0.5,0.7,0.2,1.1l-3.2,4.6C24.5,9.2,24,9.3,23.6,9c-0.3-0.3-0.5-0.8-0.2-1.1 L26.6,3.3z" fill="%23CEBF89"/> <path d="M32.9,10.6c0.4-0.1,0.9,0.1,1,0.5c0.2,0.5-0.1,0.9-0.5,1.1l-5.3,1.9c-0.4,0.2-0.9-0.1-1.1-0.5c-0.1-0.4,0.1-0.9,0.5-1.1 L32.9,10.6z" fill="%23CEBF89"/> <path d="M33.8,20.3c0.5,0.1,0.7,0.6,0.6,1c-0.1,0.5-0.6,0.7-1,0.6L28,20.5c-0.5-0.1-0.7-0.6-0.6-1c0.1-0.5,0.6-0.7,1-0.6L33.8,20.3 z" fill="%23CEBF89"/> <path d="M13.7,30.9c-0.5,0-0.8-0.4-0.8-0.8c0-0.5,0.3-0.8,0.8-0.8h8.6c0.5,0,0.8,0.4,0.8,0.8c0,0.5-0.4,0.8-0.8,0.8H13.7z" fill="%23CEBF89"/> <path d="M14.3,33.5c-0.5,0-0.8-0.4-0.8-0.8c0-0.5,0.4-0.8,0.8-0.8h7.4c0.5,0,0.8,0.4,0.8,0.8c0,0.5-0.4,0.8-0.8,0.8H14.3z" fill="%23CEBF89"/> <path d="M14.9,36c-0.5,0-0.8-0.3-0.8-0.8c0-0.5,0.4-0.8,0.8-0.8h6.1c0.5,0,0.8,0.3,0.8,0.8c0,0.5-0.4,0.8-0.8,0.8H14.9z" fill="%23CEBF89"/> </g> </svg> '); background-size:1.8em 1.8em; background-image: url('data:image/svg+xml;utf8,<svg width="41" height="50" viewBox="0 0 41 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="16" y="9" width="9" height="31" /><path d="M35.875 34.6154V21.7949C35.875 13.8462 31.775 7.4359 24.3438 5.64103V3.84615C24.3438 1.79487 22.55 0 20.5 0C18.45 0 16.6562 1.79487 16.6562 3.84615V5.64103C9.225 7.4359 5.125 13.8462 5.125 21.7949V34.6154L0 39.7436V42.3077H41V39.7436L35.875 34.6154ZM23.0625 34.6154H17.9375V29.4872H23.0625V34.6154ZM23.0625 24.359H17.9375V14.1026H23.0625V24.359ZM20.5 50C23.3188 50 25.625 47.6923 25.625 44.8718H15.375C15.375 47.6923 17.6812 50 20.5 50Z" fill="%23CEBF89"/></svg>'); } #secnav>ul#sub1>li:nth-child(3)>span>a::before{background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve"><g> <path class="st0" d="M29.6,16.6c-0.4-0.4-0.9-0.6-1.4-0.6l-6.4,0.4l3.5-4c0.5-0.6,0.6-1.3,0.5-2c-0.1-0.5-0.4-0.9-0.8-1.2 c0,0-8.5-4.9-8.5-4.9c-0.7-0.4-1.6-0.3-2.2,0.2l-4.1,3.7C9.4,8.8,9.3,10,10,10.7c0.7,0.8,1.8,0.8,2.6,0.1l3.1-2.8l2.6,1.5l-4.6,5.2 c-1.9,0.3-3.6,1.2-4.9,2.4l2.4,2.4c1.1-1,2.5-1.6,4.1-1.6c3.3,0,6.1,2.7,6.1,6.1c0,1.6-0.6,3-1.6,4.1l2.4,2.4 c1.6-1.7,2.6-4,2.6-6.5c0-1.5-0.3-2.9-1-4.1l2.5-0.1l-0.6,7.4c-0.1,1,0.7,1.9,1.7,2c0.1,0,0.1,0,0.2,0c1,0,1.8-0.7,1.8-1.7l0.8-9.5 C30.2,17.5,30,16.9,29.6,16.6z" fill="%23CEBF89"/> <path class="st0" d="M26.2,8.7c1.7,0,3.1-1.4,3.1-3.1c0-1.7-1.4-3.1-3.1-3.1s-3.1,1.4-3.1,3.1C23.1,7.3,24.5,8.7,26.2,8.7z" fill="%23CEBF89"/> <path class="st0" d="M15.3,30.1c-3.3,0-6.1-2.7-6.1-6.1c0-1.3,0.4-2.4,1-3.4l-2.4-2.4c-1.3,1.6-2,3.6-2,5.8c0,5.2,4.2,9.4,9.4,9.4 c2.2,0,4.2-0.7,5.8-2l-2.4-2.4C17.7,29.7,16.6,30.1,15.3,30.1z" fill="%23CEBF89"/> </g> </svg>');} #secnav>ul#sub1>li:nth-child(2)>span>a::before{background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve"><g> <path class="st0" d="M28.3,4.3h-1.4V1.6h-2.7v2.7H11.8V1.6H9.1v2.7H7.7C6.2,4.3,5,5.5,5,7v24.6c0,1.5,1.2,2.7,2.7,2.7h20.6 c1.5,0,2.7-1.2,2.7-2.7V7C31,5.5,29.8,4.3,28.3,4.3z M28.3,31.7H7.7V11.1h20.6V31.7z" fill="%23CEBF89"/> <path class="st0" d="M13.7,14.1h-3v3h3V14.1z" fill="%23CEBF89"/> <path class="st0" d="M19.6,14.1h-3v3h3V14.1z" fill="%23CEBF89"/> <path class="st0" d="M25.4,14.1h-3v3h3V14.1z" fill="%23CEBF89"/> <path class="st0" d="M13.7,25.8h-3v3h3V25.8z" fill="%23CEBF89"/> <path class="st0" d="M13.7,20h-3v3h3V20z" fill="%23CEBF89"/> <path class="st0" d="M19.6,20h-3v3h3V20z" fill="%23CEBF89"/> <path class="st0" d="M25.4,20h-3v3h3V20z" fill="%23CEBF89"/> </g> </svg> ');} #secnav>ul#sub1>li:nth-child(2)>span>a::before{background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve"><g> <path class="st0" d="M28.3,4.3h-1.4V1.6h-2.7v2.7H11.8V1.6H9.1v2.7H7.7C6.2,4.3,5,5.5,5,7v24.6c0,1.5,1.2,2.7,2.7,2.7h20.6 c1.5,0,2.7-1.2,2.7-2.7V7C31,5.5,29.8,4.3,28.3,4.3z M28.3,31.7H7.7V11.1h20.6V31.7z" fill="%23CEBF89"/> <path class="st0" d="M13.7,14.1h-3v3h3V14.1z" fill="%23CEBF89"/> <path class="st0" d="M19.6,14.1h-3v3h3V14.1z" fill="%23CEBF89"/> <path class="st0" d="M25.4,14.1h-3v3h3V14.1z" fill="%23CEBF89"/> <path class="st0" d="M13.7,25.8h-3v3h3V25.8z" fill="%23CEBF89"/> <path class="st0" d="M13.7,20h-3v3h3V20z" fill="%23CEBF89"/> <path class="st0" d="M19.6,20h-3v3h3V20z" fill="%23CEBF89"/> <path class="st0" d="M25.4,20h-3v3h3V20z" fill="%23CEBF89"/> </g> </svg> ');} #secnav>ul#sub1>li>span>a[href*="failte"]::before, #secnav>ul#sub1>li>span>a[href*="welcome"]::before{ background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve"><g> <g> <path fill="%23CEBF89" d="M25.3,4L25.3,4c-2.8,0-5.5,1.2-7.3,3.4C16.2,5.2,13.5,4,10.7,4c-5.3,0-9.6,4.3-9.6,9.6c0,9.1,15.8,17.9,16.5,18.3 c0.3,0.2,0.6,0.2,0.9,0c0.6-0.3,16.5-9.1,16.5-18.3C34.9,8.3,30.6,4,25.3,4z"/> </g></g></svg>'); } #banner { margin-bottom: calc(((100vw - 17px) / 16) * 1); /*margin-bottom: -20vh;*/ } #banner figure { width: 100%; height: 79.78723404255319vw; max-height: 80vh; height: 80vw; max-height: 85vh; position: relative; display: block; } @media all and (max-height: 900px) { #banner figure { max-height: 95vh; } } @media all and (max-height: 640px) and (orientation:landscape) { #banner figure { height: 95vh; max-height: 95vh; } } /*body.page-template-template-visit #banner figure { height: 43.44vw; } body.post-type-archive-places #banner figure { height: 36vw; }*/ #banner figure img{display: block; height: 100%; width: 100%; object-fit:cover; position: absolute; z-index: 1; } #banner figure:not(:first-child) { display: none; } #banner.slick-initialized figure{ display: block; } .banner figure figcaption , #banner figure figcaption { display: block; max-width: 21em; position: absolute; z-index: 90; text-align: right; font-size: 0.75rem; line-height: 1.222222222222222; color: white; top: 120px; right:0; padding:1rem calc(((100vw - 17px) / 16) * 0.5) 0 0; font-weight:300; transition: all 0.2s ease; /*transition-delay: 1s;*/ } .banner figure figcaption {top: 0; font-style:italic; } #banner figure figcaption a, #banner figure figcaption span { display: inline-block;color: white; position: relative; right:0; opacity: 1; transition: all 0.4s ease-out;/*transition-delay: 1s;*/} .banner figure figcaption::before { opacity: 0.85; transition:all 0.2s ease; content:""; display:block; top:0; right:0; width:100vw; height: calc(200% + 20px); pointer-events: none; position:absolute; z-index: -1; box-sizing: content-box; background: -webkit-linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } #banner figure:not(.slick-active) figcaption a, #banner figure:not(.slick-active) figcaption span { opacity: 0; right: 30px; } #banner figure:only-child figcaption a, #banner figure:only-child figcaption span { right:0 !important; opacity: 1 !important; } /*#banner figure figcaption a:hover { opacity: 0.8;}*/ .banner figure figcaption a , #banner figure figcaption a { text-decoration: none; display: inline; background-image: linear-gradient(currentColor, currentColor), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); background-position: 0 100%, 0 100%; background-repeat: no-repeat, no-repeat; background-size: 0 1px, 100% 1px; transition: background-size .5s } #banner figure figcaption a:focus, #banner figure figcaption a:hover { background-size: 100% 1px, 100% 1px } #banner figure figcaption strong { font-weight:500;} .banner figure figcaption strong { font-weight:500; font-style: italic;} body.scrolled #banner figure figcaption { top: 72px; } @media all and (max-width: 899px) { #banner { margin-bottom: calc(-100vw / 16); } .banner figure figcaption, #banner figure figcaption, body.scrolled #banner figure figcaption { padding:calc((((100vw - 17px) / 16) * 0.5) + 5px) calc(((100vw - 17px) / 16) * 1); top: 0; font-size: 0.5833333333333333rem; } } @media all and (max-width: 599px) { .banner figure figcaption, #banner figure figcaption, body.scrolled #banner figure figcaption { padding:calc((((100vw - 17px) / 16) * 1) + 6px) calc(((100vw - 17px) / 16) * 1); font-size: 0.5rem; } } @media all and (max-width: 349px) { .banner figure figcaption , #banner figure figcaption, body.scrolled #banner figure figcaption { font-size: 0.5rem; } } body #banner figure::before{ opacity:0; opacity: 0.6666; opacity: 0.85; transition:all 0.2s ease; content:""; display:block; top:0; left:0; width:100%; height: calc(72px + 10vh); pointer-events: none; position:absolute; z-index: 10; box-sizing: content-box; background: -webkit-linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } @media all and (min-width: 900px) { body #banner figure { position: relative; } body #banner figure::before{ height: calc(140px + 20vh); opacity: 0.6666; opacity: 0.85; } body.page-id-7 #banner figure { height: 50vw; max-height: 75vh; } /*body:not(.scrolled):not(.open_secnav) #banner figure::before{ opacity: 0.6666; } */ } @media all and (min-width: 1200px) { body.page-id-7 #banner figure { height: 40vw; max-height: 66vh; } } @media all and (min-width: 600px) { #bannerholder::after{ opacity:0; transition:all 0.2s ease; opacity: 0.6666; opacity: 1; opacity: 0.85; content:""; display:block; bottom:0; left:0; width:100%; height: calc(((100vw - 17px) / 16) * 4); pointer-events: none; position:absolute; z-index: 10; box-sizing: content-box; background: -webkit-linear-gradient(bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } } body .campaignslides .arrowholder, body .imagery .arrowholder, body .banner .arrowholder, body #banner .arrowholder { width: calc(((100vw - 17px) / 16) * 1); height: 100%; top: 0; pointer-events: none; position: absolute; z-index: 9; overflow: hidden;} body .campaignslides .prevarrowholder, body .imagery .prevarrowholder, body .banner .prevarrowholder, body #banner .prevarrowholder { left:0;} body .campaignslides .nextarrowholder, body .imagery .nextarrowholder, body .banner .nextarrowholder, body #banner .nextarrowholder { right:0;} /*body #banner .arrowholder button {background: none; border: none; outline: none; position: absolute; height: 100%; width: 100%; overflow: hidden; } */ body .campaignslides .arrowholder button, body .imagery .arrowholder button, body .banner .arrowholder button, body #banner .arrowholder button {background: none; border: none; outline: none; display: block; content:""; width:40px; height: 82px; pointer-events: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); cursor: pointer;} body .campaignslides .arrowholder button svg, body .imagery .arrowholder button svg, body .banner .arrowholder button svg, body #banner .arrowholder button svg { position: absolute; height: 100%; width: 100%; left: 0; top: 0; filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.8)); } body .imagery:not(.fullbleed) .arrowholder button svg { filter: none; } body .imagery:not(.fullbleed) .arrowholder button svg path { stroke: #004D44; } @media all and (max-width: 899px) { body .campaignslides .arrowholder button, body .imagery .arrowholder button, body .banner .arrowholder button, body #banner .arrowholder button {height: 36px;} } @media all and (min-width:900px) { body.nobanner #masthead {background: #00534F; background: #004D44; } body.nobanner #maincontent { padding-top: 120px} body.nobanner.scrolled #maincontent { padding-top: 72px;} } #maincontent { transition: all 0.2s ease; } @media all and (min-width: 900px) { #pageheader { position: relative;overflow: auto; } #pageheader .banner { position: absolute; display: block; width: 100%; height: 100%; overflow: hidden; } #pageheader .banner div { height: 100% !important;} /**/ #pageheader figure, #pageheader figure picture { height: 100%; overflow: hidden; display: block; position: relative; } #pageheader figure img { position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: calc(100% + 2px); height: calc(100% + 2px); object-fit: cover;} #pageheader header { position: relative; z-index: 90;} #pageheader header div{ background: #004D44; color: white; padding:calc(((100vw - 17px) / 16) * 0.3333) calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1); position: relative; z-index: 10; width:calc(((100vw - 17px) / 16) * 7); margin: calc(((100vw - 17px) / 16) * 1.25) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 3); box-shadow: -8px -8px 8px rgba(0, 0, 0, 0.25); } #pageheader header div h1 { font-weight: 900; font-size: 1rem; margin-bottom: 1em; } #pageheader header div p { font-weight: 600; font-size: 1rem; line-height: 1.5; margin-bottom: 1em; max-width: 30em; } .bodytext { margin:0 calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 0.5); position: relative; z-index: 20; /*background: white;*/ padding: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 2); } #pageheader+#first_text { margin:calc(0px - (((100vw - 17px) / 16) * 2)) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 0.5); background: white; } body.single-post .bodytext, body.single-articles .bodytext { margin-bottom:0; padding-top:0; padding-bottom: 0;} .bodytext>:last-child:not('blockquote'), #pageheader+#first_text>:last-child:not('blockquote') {margin-bottom: 0;} .bodytext p, #pageheader+#first_text p { margin-bottom: 1em; } .bodytext p:last-child, #pageheader+#first_text p:last-child {margin-bottom: 0;} } @media all and (min-width: 1500px) { #pageheader header div { margin: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 2) calc(((100vw - 17px) / 16) * 2); } .bodytext { padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1.5); margin:0 calc(((100vw - 17px) / 16) * 2) calc(((100vw - 17px) / 16) * 0.5); } #pageheader+#first_text { margin:calc(0px - (((100vw - 17px) / 16) * 1)) calc(((100vw - 17px) / 16) * 2) calc(((100vw - 17px) / 16) * 0.5); } body.single-post .bodytext, body.single-articles .bodytext { margin-bottom:0; padding-top:0; padding-bottom: 0;} } @media all and (min-width: 900px) and (max-width: 1199px) { #pageheader .banner {position: relative; } #pageheader figure { position: relative; } #pageheader picture { position: relative; display: block; width: 100%; height: 0; padding-bottom:50%; } #pageheader header div { width:auto; margin: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 2) calc(((100vw - 17px) / 16) * 2); padding:calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1.5) calc(((100vw - 17px) / 16) * 1); margin:calc(0px - (((100vw - 17px) / 16) * 1)) calc(((100vw - 17px) / 16) * 2) calc(((100vw - 17px) / 16) * 0.5); } .bodytext, #pageheader+#first_text { padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1.5); margin:0 calc(((100vw - 17px) / 16) * 2) calc(((100vw - 17px) / 16) * 0.5); } body.single-post .bodytext, body.single-articles .bodytext { margin-bottom:0; padding-top:0; padding-bottom: 0;} } @media all and (max-width: 899px) { #pageheader { } #pageheader figure { display: block; width: 100%; height:0; overflow: hidden; padding-bottom:79.78723404255319148936170212766vw; position: relative;} #pageheader figure img { position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: calc(100% + 2px); height: calc(100% + 2px); object-fit: cover;} #pageheader header { margin:calc(0px - (((100vw - 17px) / 16) * 2.5)) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1); background: #004D44; color: white; padding:calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1); position: relative; z-index: 10;} #pageheader header h1 { font-weight: 900; font-size: 1rem; margin-bottom: 1em; } #pageheader header p { font-weight: 600; font-size:0.75rem; line-height: 1.5; margin-bottom: 1em; } .bodytext p:last-child, #pageheader+#first_text p:last-child {margin-bottom: 0;} .bodytext, #pageheader+#first_text { margin:calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1); padding: 0 calc(((100vw - 17px) / 16) * 1); } body.single-post .bodytext, body.single-articles .bodytext { margin-bottom:0; padding-top:0; padding-bottom: 0;} .bodytext p, #pageheader+#first_text p { font-size: 0.66666666666666666666666666666667rem; margin-bottom: 1em; } .bodytext>:last-child:not('blockquote'), #pageheader+#first_text>:last-child:not('blockquote') {margin-bottom: 0;} } @media all and (max-width: 599px) { #pageheader figure::before{ opacity:0; opacity: 0.6666; opacity: 0.85; transition:all 0.2s ease; content:""; display:block; top:0; left:0; width:100%; height: calc(72px + 10vh); pointer-events: none; position:absolute; z-index: 10; box-sizing: content-box; background: -webkit-linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } } #maincontent>div.bodytext:last-child {padding-bottom:calc(((100vw - 17px) / 16) * 1); } .bodytext blockquote { margin: calc(((100vw - 17px) / 16) * 1) 0;} .bodytext blockquote p { font-size: 1.5rem; line-height: 1.4; position: relative; margin-bottom: 0.5rem; } .bodytext blockquote cite { font-size: 0.75rem; line-height: 1.5; display: block; } .bodytext blockquote > p:first-child::after { content: "\201D"; } .bodytext blockquote > p:first-child::before { content: "\201C"; position: absolute; right: calc(100% + 0.1em); } @media all and (max-width: 899px) { .bodytext blockquote p { font-size: 1rem;} .bodytext blockquote cite { font-size: 0.66666666666666666666666666666667rem ;} } nav#mainmenu { position: fixed; z-index: 100; bottom:0; right: 0; width: 100%; bottom:0; height: 100%; opacity: 0; pointer-events: none; display: flex; flex-direction: column; /*justify-content: flex-end; align-items: flex-start;*/ transform:translate(0, 100%); overflow:auto; transition: all 0.3s ease; } body:not(.preload) nav#mainmenu { } body.navshown nav#mainmenu { transform:translate(0,0); pointer-events: auto; opacity:1; } body.android_chrome nav#mainmenu { height: calc(100vh - 56px); height: calc(100% - 56px); } nav#mainmenu { background: #004D44; color: #CCDDDC; width: 100%; padding: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1) calc(72px + 36px + (((100vw - 17px) / 16) * 1)); padding: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1) calc(72px + 16px); } nav#mainmenu>ul {width: 100%; margin-bottom: 20px;} nav#mainmenu>div { margin-top:auto; /*flex: 1;border: 1px dashed red; display: flex; flex-direction: column; justify-content: flex-end; */ } nav#mainmenu>div>ul:first-child { display: flex; margin: 0 0; } nav#mainmenu>div>ul:first-child li { font-size: 16px; line-height: 24px; position: relative; /*padding:20px 0 0;*/ } nav#mainmenu>div>ul:first-child li:first-child { padding-right:25px; } nav#mainmenu>div>ul:first-child li:first-child::after { height: 24px; width: 1px; background:#CCDDDC; display: inline-block; content:""; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); } nav#mainmenu>div>ul:first-child li a {color: #CCDDDC;font-weight: 400;} nav#mainmenu>div>ul:first-child li.wpml-ls-current-language a { color: white; font-weight: 900; } nav#mainmenu>div>p#langlink { font-size: 16px; line-height: 24px; margin: 24px 0 0; } nav#mainmenu>div>p#langlink a{ color: #CCDDDC; display: block; padding-left: 36px; position: relative; } nav#mainmenu>div>p#langlink a::before{ content:""; display: block; width: 23px; height: 23px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-size:contain; background-repeat: no-repeat; background-position: center; background-image: url('data:image/svg+xml;utf8,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.713 0.300018C5.57124 0.300018 0.597717 5.22802 0.597717 11.3C0.597717 17.372 5.57124 22.3 11.713 22.3C17.866 22.3 22.8506 17.372 22.8506 11.3C22.8506 5.22802 17.866 0.300018 11.713 0.300018ZM19.4237 6.90002H16.1414C15.7853 5.52502 15.2735 4.20502 14.6059 2.98402C16.6532 3.67702 18.3555 5.08502 19.4237 6.90002ZM11.7242 2.54402C12.6477 3.86402 13.3709 5.32702 13.8493 6.90002H9.59901C10.0774 5.32702 10.8007 3.86402 11.7242 2.54402ZM3.11229 13.5C2.93427 12.796 2.82301 12.059 2.82301 11.3C2.82301 10.541 2.93427 9.80402 3.11229 9.10002H6.87303C6.78402 9.82602 6.71726 10.552 6.71726 11.3C6.71726 12.048 6.78402 12.774 6.87303 13.5H3.11229ZM4.02466 15.7H7.30696C7.66301 17.075 8.17482 18.395 8.84241 19.616C6.79514 18.923 5.0928 17.526 4.02466 15.7ZM7.30696 6.90002H4.02466C5.0928 5.07402 6.79514 3.67702 8.84241 2.98402C8.17482 4.20502 7.66301 5.52502 7.30696 6.90002ZM11.7242 20.056C10.8007 18.736 10.0774 17.273 9.59901 15.7H13.8493C13.3709 17.273 12.6477 18.736 11.7242 20.056ZM14.3277 13.5H9.12057C9.02043 12.774 8.94255 12.048 8.94255 11.3C8.94255 10.552 9.02043 9.81502 9.12057 9.10002H14.3277C14.4279 9.81502 14.5058 10.552 14.5058 11.3C14.5058 12.048 14.4279 12.774 14.3277 13.5ZM14.6059 19.616C15.2735 18.395 15.7853 17.075 16.1414 15.7H19.4237C18.3555 17.515 16.6532 18.923 14.6059 19.616ZM16.5753 13.5C16.6643 12.774 16.7311 12.048 16.7311 11.3C16.7311 10.552 16.6643 9.82602 16.5753 9.10002H20.336C20.514 9.80402 20.6253 10.541 20.6253 11.3C20.6253 12.059 20.514 12.796 20.336 13.5H16.5753Z" fill="%23CCDDDC"/></svg>'); } nav#mainmenu>div>ul.social { margin: 24px 0 0; } div#toptranslate,div#toptranslate ul { display: flex; align-items: center; align-content: center; } div#toptranslate>ul li { font-size: 14px; line-height: 22px; position: relative; top:-1px; /*padding:20px 0 0;*/ } div#toptranslate>ul li a{ color:#E1DAC7; } div.translating ul li a abbr {text-decoration: none } nav#mainmenu>div>ul:first-child li.current a, div#toptranslate ul li.current a { font-weight:600; color:white;} div#toptranslate ul li.current a { font-weight:900; color:white;} div#toptranslate>ul li:first-child { padding-right:23px; } div#toptranslate>ul li:first-child::after { height: 22px; width: 1px; background:#E1DAC7; display: inline-block; content:""; position: absolute; right: 11px; top: calc(50% + 0.1em); transform: translateY(-50%); } @media (max-width: 899px) { #toptranslate {display: none !important; } /* nav#mainmenu { position: fixed; top:auto; bottom:72px; right:0; width: calc(100% - 24px - ((100% - (11 * 24px)) / 8)); transform:translate(0,100%); align-items: flex-end; width: 100%; overflow: auto; } nav#mainmenu nav { min-width: 1px; max-height: calc(100% - 72px); -webkit-filter: drop-shadow(0px -4px 8px rgba(0,0,0,0.25)); filter: drop-shadow(0px -4px 8px rgba(0,0,0,0.25)); } nav#mainmenu nav { flex: 1; } body.navshown nav#mainmenu{ transform:translate(0,0); } */ } nav#mainmenu, nav#mainmenu nav { scrollbar-width: thin; scrollbar-color: rgba(0,0,0,0.6); } nav#mainmenu::-webkit-scrollbar, nav#mainmenu nav::-webkit-scrollbar{ width: 5px; background-color: rgba(255,255,255,0.3); } nav#mainmenu::-webkit-scrollbar-thumb, nav#mainmenu nav::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.6); } nav#mainmenu>ul>li { margin-bottom: 16px; } nav#mainmenu>ul li { font-size: 16px; } nav#mainmenu>ul li>a { font-size: 16px; } nav#mainmenu>ul>li ul li a{ display: block; padding:1em 1em 1em 4em;} /*nav#mainmenu>ul>li ul li ul li a { padding-left: 6em; } */ nav#mainmenu>ul>li { position: relative; display: flex; flex-direction: column; } nav#mainmenu>ul>li>span>a{ color: white; display: block; padding:1.5em 1em 1.5em 4em; padding:0 1em 0 4em; position: relative; flex: 1; vertical-align:middle; min-height: 2em; display: flex; align-items: center; } nav#mainmenu>ul>li>span>a{ padding:1em 1em 1em 1em;} nav#mainmenu>ul>li>ul>li>span>a { padding-left: 1em; } nav#mainmenu>ul>li>ul>li>ul>li>span>a { padding-left: 2em; } nav#mainmenu>ul>li>ul>li>ul>li>ul>li>span>a { padding-left: 3em; } nav#mainmenu>ul>li>span { display: flex; justify-content: space-between;background: #004946;background: rgba(0,0,0,0.15); align-items: center; height: 4em; transition: background 0.2s ease; } nav#mainmenu>ul>li.opensub>span { background:#002F2C;} nav#mainmenu>ul>li>span>b{ display: block; padding:1.5em 1em 1.5em ; width: 2em; width: 3em; /* position: absolute; top: 0; right:0;*/ position: relative; } nav#mainmenu>ul>li>span>b::before,nav#mainmenu>ul>li>span>b::after { content:""; display: block; background: #ECE5CF; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.2s ease; } nav#mainmenu>ul>li>span>b::before { height:1px; width: 24px; } nav#mainmenu>ul>li>span>b::after { height:24px; width: 1px; } nav#mainmenu>ul>li.opensub>span>b::before {transform: translate(-50%,-50%) rotate(90deg); opacity: 0;} nav#mainmenu>ul>li.opensub>span>b::after {transform: translate(-50%,-50%) rotate(90deg);} nav#mainmenu>ul>li>ul { } nav#mainmenu>ul>li ul li { border-top: 1px solid #002E2B; } nav#mainmenu>ul>li ul li a{ background: white; color: #004D44; display: block;} nav#mainmenu>ul>li ul li a:hover, nav#mainmenu>ul>li ul li a:active { color:#A89769; font-weight: 600; } /* nav#mainmenu>ul>li>span>a::before { content:""; display: block; width: 4em; height: 100%; position: absolute; top:0; left: 0; } nav#mainmenu>ul>li>span>a::before { background-size:contain; background-repeat: no-repeat; background-position: center; background-size:2em 2em; background-image: url('data:image/svg+xml;utf8,<svg width="25" height="31" viewBox="0 0 25 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.7375 14.0574C23.3629 13.6739 22.8443 13.4726 22.3112 13.5062L15.8762 13.8656L19.4155 9.83968C19.9197 9.26454 20.0638 8.50248 19.8669 7.8171C19.766 7.34741 19.4779 6.92564 19.0457 6.65245C19.0313 6.64286 10.5842 1.7446 10.5842 1.7446C9.89267 1.34679 9.02346 1.43306 8.42799 1.96507L4.29807 5.64116C3.53932 6.31695 3.47209 7.48161 4.1492 8.24367C4.82632 9.00093 5.99326 9.06803 6.75681 8.39224L9.88786 5.60761L12.4763 7.10777L7.90935 12.2984C6.01727 12.6051 4.31248 13.4774 2.97266 14.7331L5.35936 17.1152C6.43506 16.1374 7.87093 15.5383 9.43645 15.5383C12.7836 15.5383 15.5017 18.2559 15.5017 21.5917C15.5017 23.1589 14.9014 24.5872 13.9217 25.6608L16.3084 28.0428C17.898 26.3557 18.8728 24.0887 18.8728 21.5917C18.8728 20.1059 18.5271 18.6968 17.9124 17.4459L20.4047 17.3069L19.7997 24.7262C19.718 25.7423 20.472 26.6289 21.49 26.7104C21.5429 26.7152 21.5909 26.7152 21.6437 26.7152C22.5946 26.7152 23.4013 25.9867 23.483 25.0233L24.2609 15.5C24.2993 14.9584 24.1073 14.436 23.7375 14.0574Z" fill="%23B09F6B"/><path d="M20.3181 6.16357C22.0229 6.16357 23.4059 4.78324 23.4059 3.08179C23.4059 1.38033 22.0229 0 20.3181 0C18.6133 0 17.2302 1.38033 17.2302 3.08179C17.2302 4.78324 18.6133 6.16357 20.3181 6.16357Z" fill="%23B09F6B"/><path d="M9.43638 27.6354C6.08922 27.6354 3.37116 24.9179 3.37116 21.5821C3.37116 20.3216 3.76014 19.1521 4.41805 18.184L2.00733 15.778C0.749147 17.3788 0 19.3918 0 21.5821C0 26.7823 4.22596 31 9.43638 31C11.631 31 13.6479 30.2523 15.2519 28.9966L12.8412 26.5906C11.8711 27.2472 10.6994 27.6354 9.43638 27.6354Z" fill="%23B09F6B"/></svg>'); }*/ nav#mainmenu>ul>li ul li>span { display: flex; width: 100%; } nav#mainmenu>ul>li ul li>span>a { flex:1; } nav#mainmenu>ul>li ul li>span>a:hover, nav#mainmenu>ul>li ul li>span>a:active { color:#A89769; font-weight: 600; } nav#mainmenu>ul>li ul li>span>b{ display: block; padding:1.5em 1em 1.5em ; width: 2em; width: 3em; /* position: absolute; top: 0; right:0;*/ position: relative; background: white;} nav#mainmenu>ul>li ul li>span>b::before, nav#mainmenu>ul>li ul li>span>b::after { content:""; display: block; background: #004D44; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.2s ease; } nav#mainmenu>ul>li ul li>span>b::before { height:1px; width: 24px; } nav#mainmenu>ul>li ul li>span>b::after { height:24px; width: 1px; } nav#mainmenu>ul>li ul li.opensub>span>b::before {transform: translate(-50%,-50%) rotate(90deg); opacity: 0;} nav#mainmenu>ul>li ul li.opensub>span>b::after {transform: translate(-50%,-50%) rotate(90deg); } .homegrid { display: grid; grid-template-columns: repeat(64,1fr); grid-template-rows: repeat(3,1fr); grid-template-rows:1fr calc(((100vw - 17px) / 16) * 0.5) 1fr; } .homegrid>div:first-child { background: #004D44; color: #FFFFFF; display: flex; flex-direction: column; } .homegrid>div#welcome { background: #CEBF89; color: #30312C; padding:calc(((100vw - 17px) / 16) * 0.75); display: flex; flex-direction: column; } .homegrid>div#welcome p a {color: inherit; border-bottom: 1px solid currentColor; transition: all 0.2s ease; } .homegrid>div#welcome p a:hover { color: #FFF; } .homegrid>div#welcome p:last-of-type {/*max-width: 10em;*/ } .homegrid>div#welcome p{ font-size:0.8333333333333333rem;margin-bottom: 1em; } .homegrid>div#welcome h3, .homegrid>div#welcome p:first-child { font-size:1.5rem; font-size: 1.333333333333333rem; line-height: 1.125; line-height: 1.1111; margin-bottom: 1em; font-weight: 900;/* max-width: 8.5em;*/ } .homegrid>div#welcome ul.social {margin-top: auto;} .homegrid>div#alerts { background: #004D44; color: white; grid-column: 5 / span 21; grid-row: 3 / span 1; position: relative; display: flex; flex-direction: column; } /* .homegrid>div:nth-child(2)>a{ flex: 1; display: flex; flex-direction: column; justify-content: space-between; z-index: 10; position:relative; overflow: hidden; width: 100%; padding:calc(((100vw - 17px) / 16) * 0.5); color: white; align-items: flex-start; } .homegrid>div:nth-child(2)>a::before{ display: block; height: 40%; content:""; width: 100%; top: 0; left: 0; position: absolute; background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, transparent 100%); z-index: -1; opacity: 0.75; } .homegrid>div:nth-child(2)>a::after{ display: block; height: 25%; content:""; width: 100%; bottom: 0; left: 0;position: absolute; background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, transparent 100%); z-index: -1; opacity: 0.75; } .homegrid>div:nth-child(2)>picture{ display: block; position: absolute; object-fit: cover; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .homegrid>div:nth-child(2)>picture img{ position: absolute; object-fit: cover; width: 100%; height: 100%; }*/ .homegrid div#alerts h3{ font-size:1.166666666666667rem; line-height: 1.125; margin-bottom: 1em; font-weight: 900;} .homegrid div#alerts p, .homegrid div#alertsinfo p { font-size:0.8333333333333333rem;margin-bottom: 1em; } .homegrid div#alertsinfo p { margin-bottom: 0; } .homegrid div#alerts p.cta { margin-bottom: 2em; } .homegrid>div:nth-child(3) { background: #30312C; color: #FFF; padding-top: calc(((100vw - 17px) / 16) * 0.75); padding-bottom:calc(((100vw - 17px) / 16) * 0.75); grid-column: 28 / span 33; grid-row: 1 / span 3; overflow: hidden; display: flex; flex-direction: column; } .homegrid>div:nth-child(3) div:last-child { /*margin-top: auto; */} .homegrid>div:nth-child(3)>div:not(.boxslides){ padding-left:calc(((100vw - 17px) / 16) * 0.75); padding-right:calc(((100vw - 17px) / 16) * 0.75); padding-bottom:calc(((100vw - 17px) / 16) * 0.5); } .homegrid>div:nth-child(3) h3{ font-size:1.5rem; font-size: 1.333333333333333rem; line-height: 1.125; line-height: 1.1111; margin-bottom: 1em; font-weight: 900; } .homegrid>div:nth-child(3)>div>h3 {color: #CEBF89; } .homegrid>div:nth-child(3) p{ font-size:0.8333333333333333rem;margin-bottom: 1em; } .homegrid>div:nth-child(3) ul.slick-dots { padding-bottom: 0 !important; padding-top: 0 !important; } /*.homegrid>div:nth-child(3) .boxslides { } .homegrid>div:nth-child(3) .boxslides .boxslide { width:calc(((100vw - 17px) / 16) * 4); margin:0 calc(((100vw - 17px) / 16) * 0.25); } .homegrid>div:nth-child(3) .boxslides .boxslide:first-child { margin:0 calc(((100vw - 17px) / 16) * 0.25) 0 calc(((100vw - 17px) / 16) * 0.75); } .homegrid>div:nth-child(3) .boxslides a {display:block; background: #FFF8EA; color: #5D5F56; } .homegrid>div:nth-child(3) .boxslides picture {width:100%; display:block; height:auto; padding-bottom:73.86018237082067%; position: relative;} .homegrid>div:nth-child(3) .boxslides picture img{ position: absolute; object-fit: cover; width: 100%; height: 100%; } .homegrid>div:nth-child(3) .boxslides a header { padding:calc(((100vw - 17px) / 16) * 0.25); } .homegrid>div:nth-child(3) .boxslides a header h3 { font-size: 0.833333333333333rem; font-weight: 700; line-height: 1.111; margin-bottom: 0.5em; } .homegrid>div:nth-child(3) .boxslides a header p { font-size: 0.75rem; font-weight: 400; line-height:1.25; margin-bottom: 0; }*/ @media all and (max-width:1199px) { .homegrid div#alerts p.cta { font-size: 0.6666666666666667rem !important; } } @media all and (max-width:599px) { .homegrid>div#welcome h3, .homegrid div#alerts h3, .homegrid>div:nth-child(3) h3 { font-size: 1rem; } .homegrid>div#welcome p, .homegrid div#alerts p, .homegrid div#alertsinfo p, .homegrid>div:nth-child(3) p { font-size: 0.6666666666666667rem; } } @media all and (max-width: 599px) { .homegrid { display: block; display: flex; flex-direction: column; } .homegrid>div#welcome { width: calc(100% - (((100vw - 17px) / 16) * 2)); margin: 0 calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1); } .homegrid>div:first-child {/* order: 3;*/ margin:0 calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1); padding:calc(((100vw - 17px) / 16) * 1);} .homegrid>div:first-child a:not(.cta) { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* */ .homegrid>div:nth-child(3) { padding-top: calc(((100vw - 17px) / 16) * 1);} .homegrid>div:nth-child(3)>div:not(.boxslides){ padding:0 calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1); } } @media all and (min-width: 600px) and (max-width:899px) { .homegrid { display: flex; flex-wrap: wrap; justify-content: space-between; } .homegrid>div:first-child { padding:calc(((100vw - 17px) / 16) * 0.75); width: calc(50% - (((100vw - 17px) / 16) * 0.75)); margin-left: calc(((100vw - 17px) / 16) * 0.5); } .homegrid>div#welcome { width: calc(50% - (((100vw - 17px) / 16) * 0.75)); margin-right: calc(((100vw - 17px) / 16) * 0.5); } .homegrid>div:nth-child(3){ width: calc(100% - (((100vw - 17px) / 16) * 1)); margin: calc(((100vw - 17px) / 16) * 0.5); width: 100%; margin: calc(((100vw - 17px) / 16) * 0.5) 0 0; } } @media all and (min-width: 900px) { .homegrid { display: grid; margin-bottom: calc(((100vw - 17px) / 16) * 1); grid-template-columns: repeat(64,1fr); grid-template-rows:1fr calc(((100vw - 17px) / 16) * 0.5) 1fr; grid-template-rows:1fr 1fr 1fr 1fr calc(((100vw - 17px) / 16) * 0.5) 1fr 1fr 1fr; } .homegrid>div:first-child { padding:calc(((100vw - 17px) / 16) * 0.75); grid-column: 5 / span 21; grid-row: 1 / span 1; grid-row: 1 / span 4; } .homegrid>div#welcome { padding:calc(((100vw - 17px) / 16) * 0.75);grid-column: 5 / span 21; grid-row: 6 / span 3; } .homegrid>div:nth-child(3){ grid-column: 28 / span 33; grid-row: 1 / span 8; } } @media all and (min-width: 1200px) { .homegrid { grid-template-rows:1fr 1fr 1fr 1fr 1fr calc(((100vw - 17px) / 16) * 0.5) 1fr 1fr 1fr 1fr; } .homegrid>div:first-child { padding:calc(((100vw - 17px) / 16) * 0.75); grid-column: 5 / span 21; grid-row: 1 / span 1; grid-row: 1 / span 5; } .homegrid>div#welcome { grid-column: 5 / span 21; grid-row: 3 / span 1; grid-row: 7 / span 4; } .homegrid>div:nth-child(3){ padding-top: calc(((100vw - 17px) / 16) * 0.75); grid-column: 28 / span 33; grid-row: 1 / span 3; grid-row: 1 / span 10; } } @media all and (min-width: 1500px) { } #alerts { position: relative; } #alerts .alert { } #alerts .alert:not(:first-child) { display: none; } #alerts.slick-initialized .alert{ display: block; } #alerts button { visibility: hidden; position: fixed; pointer-events: none; } #alertsinfo { display: flex; align-items: center; margin-top: auto;} #countdown { margin-right: 20px; width: 46px; height: 45px;} .countdown {/*position:absolute; */z-index:200; margin:0 0 0 0 !important; /*bottom:12px;*/ width:45px; height:45px; border-radius:50%; background:rgba(255,255,255,0.4); overflow: hidden; background: rgba(168, 151, 105, 1); background: #5D5F56; position: relative; } .countdown .pie_timer { width:calc(100% + 2px); height:calc(100% + 2px); position:absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); } body.projects .countdown, body.post .countdown, body.page-id-1353 .countdown { top:100%; margin-top:-48px !important; right:12px; } #alerts .alert p.cta a,#alerts .alert p.cta a:link,#alerts .alert p.cta a:visited {color: white; display:inline-flex; /*font-size:0.6666666666666667rem;font-size:1rem; */font-size: inherit; font-weight:900; line-height:1; padding: 0.6666em calc(2em + 40px) 0.6666em 1em ; border:1px solid white; border-radius:300px; color: white; transition:all 0.2s ease; } #alerts .alert p.cta a:hover { color:#004D44; background: white; padding-right: calc(3em + 40px) } #alerts .alert p.cta a::after{ /* display: inline-block; vertical-align: middle; width: 36px; height:20px; width: 40px; margin-left: 1em; content:""; transition: all 0.2s ease; background-position: left center; background-repeat: no-repeat; */ right:1em; background-image: url("images/icons/arrow.php?colour=FFFFFF"); } #alerts .alert p.cta a:hover::after{ background-image: url("images/icons/arrow.php?colour=004D44"); } #prevalert, #nextalert{ width:1em; height:1em; cursor:pointer; display:inline-block; position:relative; } #prevalert::before, #nextalert::before{ content:"";display:inline-block; width:1em; height: 1.5em; position:absolute; top:calc(50% + 0.15em); left:50%; transform:translate(-50%,-50%); background-size:contain; background-repeat: no-repeat; } #prevalert::before { background-position:left center; background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 39.1 81.4" style="enable-background:new 0 0 39.1 81.4;" xml:space="preserve"><g><path fill="none" stroke="white" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" shape-rendering="geometricPrecision" vector-effect="non-scaling-stroke" d="M38.4,0.7l-37,40l37,40"></path></g></svg>'); } #nextalert::before { background-position:right center; background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 39.1 81.4" style="enable-background:new 0 0 39.1 81.4;" xml:space="preserve"><g><path fill="none" stroke="white" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" shape-rendering="geometricPrecision" vector-effect="non-scaling-stroke" d="M0.7,80.7l37-40l-37-40"></path></g></svg>'); } ul.boxslides { position: fixed; top: -1000px; opacity: 0; pointer-events: none;} /*.boxslides { } .boxslides .boxslide { width:calc(((100vw - 17px) / 16) * 4); margin:0 calc(((100vw - 17px) / 16) * 0.25); } .boxslides .boxslide:first-child { margin:0 calc(((100vw - 17px) / 16) * 0.25) 0 calc(((100vw - 17px) / 16) * 0.75); } .boxslides a {display:block; background: #FFF8EA; color: #5D5F56; } .boxslides picture {width:100%; display:block; height:auto; padding-bottom:73.86018237082067%; position: relative;} .boxslides picture img{ position: absolute; object-fit: cover; width: 100%; height: 100%; } .boxslides a header { padding:calc(((100vw - 17px) / 16) * 0.25); } */ div.boxslides { padding-bottom: calc(((100vw - 17px) / 16) * 0.5); } div.boxslides .slick-track { padding-bottom: calc(((100vw - 17px) / 16) * 0.5); display: flex !important; } div.boxslides .slick-track .boxslide{ height: inherit !important; } @media all and (max-width: 899px) { div.boxslides { padding-bottom: calc(((100vw - 17px) / 16) * 0.5); } div.boxslides .slick-track { padding-bottom: calc(((100vw - 17px) / 16) * 1); } } @media all and (max-width: 599px) { div.boxslides { padding-bottom: calc(((100vw - 17px) / 16) * 1); } div.boxslides .slick-track { padding-bottom: calc(((100vw - 17px) / 16) * 1); } } div.boxslides a header h3, ul.boxslides a header h3 { font-size: 0.833333333333333rem !important; font-weight: 700 !important; line-height: 1.111 !important; margin-bottom: 0.5em !important; } .boxslides a header p { font-size: 0.75rem !important; font-weight: 400 !important; line-height:1.25 !important; margin-bottom: 0 !important; } .boxslides a {display:block; background: #FFF8EA; color: #5D5F56; background: #ECEAE6; color: #30312C; transition: all 0.2s ease; } @media all and (min-width: 900px) and (pointer:fine) { .boxslides a:hover { box-shadow: 0 16px 16px rgba(0,0,0,0.25), 0 8px 8px rgba(0,0,0,0.22); } } .boxslides picture {width:100%; display:block; height:auto; padding-bottom:73.86018237082067%; position: relative;} .boxslides picture img{ position: absolute; object-fit: cover; width: 100%; height: 100%; } .boxslides a header { padding:calc(((100vw - 17px) / 16) * 0.25); } @media all and (min-width: 900px) { .section div.boxslides a header { padding:calc(((100vw - 17px) / 16) * 0.375); } } div.boxslides .boxslide { display: flex; flex-direction: column; } div.boxslides .boxslide>a {flex: 1;} div.boxslides .boxslide { opacity: 0.2; opacity: 0.5; mix-blend-mode: multiply; transition: opacity 0.3s ease;} div.boxslides .slick-active { opacity: 1; mix-blend-mode:normal; } @media all and (max-width: 899px) { div.boxslides .boxslide { padding:0 calc(((100vw - 17px) / 16) * 0.5); width: calc(((100vw - 17px) / 16) * 9) } /*div.boxslides .slick-track { left: calc(((100vw - 17px) / 16) * 0.5); }*/ .boxslides a header { padding: calc(((100vw - 17px) / 16) * 0.5); } div.boxslides .slick-track { left: calc(((100vw - 17px) / 16) * 4); } .homegrid div.boxslides .slick-track { left: 0; } } @media all and (max-width: 599px) { div.boxslides .boxslide { padding:0 calc(((100vw - 17px) / 16) * 0.5); width: calc(((100vw - 17px) / 16) * 12) } /*div.boxslides .slick-track { left: calc(((100vw - 17px) / 16) * 0.5); }*/ .boxslides a header { padding: calc(((100vw - 17px) / 16) * 1); } div.boxslides .slick-track { left: calc(((100vw - 17px) / 16) * 2); } .homegrid div.boxslides .slick-track { left: 0; } } @media all and (min-width: 900px) { /* div.boxslides .slick-track { left: auto; left: calc(((100vw - 17px) / 16) * 0.25); left: calc(((100vw - 17px) / 16) * 0.5); }*/ div.boxslides .slick-track { left: calc(((100vw - 17px) / 16) * 1); } .homegrid div.boxslides .slick-track { left: 0; } .homegrid div.boxslides .boxslide { padding:0 calc(((100vw - 17px) / 16) * 0.25); width: calc(((100vw - 17px) / 16) * 5) } .section div.boxslides .slick-active+.boxslide { opacity: 1; mix-blend-mode:normal; } } @media all and (min-width: 1200px) { .homegrid div.boxslides .boxslide { padding:0 calc(((100vw - 17px) / 16) * 0.25); width: calc(((100vw - 17px) / 16) * 5) } div.boxslides .slick-track { left: calc(((100vw - 17px) / 16) * 2); } .homegrid div.boxslides .slick-track { left: 0; } } .homegrid div.boxslides .slick-cloned:first-child { opacity: 0.5;} .homegrid div.boxslides .slick-cloned:first-child a { position: relative; right:calc(((100vw - 17px) / 16) * 0.5); } /*.section div.boxslides .boxslide { margin:0 calc(((100vw - 17px) / 16) * 0.5); } .section div.boxslides .boxslide:first-child { margin:0 calc(((100vw - 17px) / 16) * 0.5) 0 calc(((100vw - 17px) / 16) * 1); } */ /*.section div.boxslides .boxslide { padding:0; box-sizing: content-box; padding:0 calc(((100vw - 17px) / 16) * 0.5); padding:0 calc(((100vw - 17px) / 16) * 0.75);padding:0 calc(((100vw - 17px) / 16) * 0.5) 0 calc(((100vw - 17px) / 16) * 1); background: linear-gradient(90deg,green,red);} .section div.boxslides .boxslide:first-child { padding:0 calc(((100vw - 17px) / 16) * 0.5) 0 calc(((100vw - 17px) / 16) * 1); } .section div.boxslides .boxslide:not(:first-child) a { position: relative; right:calc(((100vw - 17px) / 16) * 0.5); } .section div.boxslides .slick-track { padding:0 calc(((100vw - 17px) / 16) * 0.5) 0 0; } */ .section div.boxslides .boxslide:first-child { /*padding:0 calc(((100vw - 17px) / 16) * 0.5) 0 calc(((100vw - 17px) / 16) * 1);*/ } /*.section div.boxslides .boxslide { padding:0 calc(((100vw - 17px) / 16) * 0.5); width: calc(((100vw - 17px) / 16) * 6) } */ @media all and (min-width: 900px) { .section div.boxslides .slick-track {/* left: auto; left: calc(((100vw - 17px) / 16) * 0.5); */} .section div.boxslides .boxslide { padding:0 calc(((100vw - 17px) / 16) * 0.5); width: calc(((100vw - 17px) / 16) * 7) } } @media all and (min-width: 1200px) { .section div.boxslides .boxslide { padding:0 calc(((100vw - 17px) / 16) * 0.5); width: calc(((100vw - 17px) / 16) * 6) } } ul.slick-dots { top: auto; bottom:0; display: flex; align-items: flex-end; justify-content: center; padding: calc(((100vw - 17px) / 16) * 0.5); padding: 0 calc(((100vw - 17px) / 16) * 0.5); /*height: 100%;*/ width: 100%; /*position: absolute; */ } .campaignslides ul.slick-dots { align-items: center; position: absolute; bottom:0; left: 0; height: calc(((100vw - 17px) / 16) * 1); } .slick-dots li { width:48px; height: 24px; position: relative; display: inline-block; } .section div.boxslides:last-child ul.slick-dots {padding-top: 0; padding-bottom: 0;} @media all and (max-width: 899px) { ul.slick-dots { padding: calc(((100vw - 17px) / 16) * 1); padding: 0 calc(((100vw - 17px) / 16) * 1); } .section div.boxslides:last-child ul.slick-dots {padding-top: 0; padding-bottom: 0;} } .slick-dots li button { position: absolute; cursor: pointer; width: 100%; height: 100%; overflow: hidden; display: block; color: rgba(255,255,255,0); text-indent: -3rem; pointer-events: auto; background: none; } .slick-dots li::after { content:""; display: block; border-radius: 50%; position: absolute; width:24px; height:24px; background: #FFF; border: 1px solid #F8B42B; left: 50%; top: 50%; transform: translate(-50%,-50%); pointer-events: none; transition: all 0.2s ease; } .slick-dots li::after { border: none !important; } .slick-dots li:hover::after {/*background: #F8B42B;opacity: 0.5;*/ background: rgba(206, 191, 137,0.5); } .slick-dots li.slick-active::after {background: #F8B42B; background: rgba(206, 191, 137,1); /*width: 16px; height:16px;*/ } @media all and (max-width: 599px) { ul.slick-dots { padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1); padding:0 calc(((100vw - 17px) / 16) * 1); } .slick-dots li { width:32px; height: 16px; } .slick-dots li::after { width:16px; height:16px; } } .campaignslides .slick-dots li::after { background: rgba(255, 255, 255,0.5); } .campaignslides .slick-dots li.slick-active::after { background: rgba(255, 255, 255,1); } ul.slidesnews { position: fixed; top: -1000px; opacity: 0; pointer-events: none; } .slidesnews a header p { font-size: 0.75rem !important; font-weight: 400 !important; line-height:1.25 !important; margin-bottom: 0 !important; position: relative; z-index: 10; } .slidesnews a header p:first-child{ font-size: 0.5rem !important; font-weight: 500 !important; line-height:1.2 !important; margin-bottom: 0.5rem !important; } div.slidesnews a header h3, ul.slidesnews a header h3 { font-size: 0.833333333333333rem !important; font-weight: 400 !important; line-height: 1.111 !important; margin-bottom: 0.5rem !important; position: relative; z-index: 10; } div.slidesnews a header h3 strong, ul.slidesnews a header h3 strong { font-weight: 900 !important; } div.slidesnews a header h3+p.place, ul.slidesnews a header h3+p.place { text-transform: uppercase; font-weight: 500 !important; font-size: 0.5rem !important; margin-bottom: 0.75rem !important; } div.slidesnews a header p.byline, ul.slidesnews a header p.byline { font-weight: 300 !important; font-size: 0.5833333333333333rem !important; color: #FDE9C8; margin-bottom: 0.75rem !important;margin-top: auto; } div.slidesnews a header p.byline strong, ul.slidesnews a header p.byline strong { font-weight:800 !important; } .slidesnews a {display:block; background: #000; color: #FFF; transition: all 0.2s ease; } .slidesnews .slide { display: flex; flex-direction: column; } .slidesnews .slide>a { flex: 1; display: flex; flex-direction: column; } .slidesnews .slide>a>header { flex: 1; display: flex; flex-direction: column; } @media all and (min-width: 900px) and (pointer:fine) { .slidesnews a:hover { box-shadow: 0 16px 16px rgba(0,0,0,0.25), 0 8px 8px rgba(0,0,0,0.22); } } .slidesnews picture {width:100%; display:block; height:auto; padding-bottom:72.34042553191489%; position: relative; z-index: 1; margin-bottom: -3rem;} .slidesnews picture img{ position: absolute; object-fit: cover; width: 100%; height: 100%; } .slidesnews p.img{ width:108px; height: 108px; border-radius: 100%; overflow: hidden; position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } .slidesnews p.img img{ position: absolute; object-fit: cover; width: 100%; height: 100%; } .slidesnews a header { position: relative; padding:calc(((100vw - 17px) / 16) * 0.1) calc(((100vw - 17px) / 16) * 0.375) 64px calc(((100vw - 17px) / 16) * 0.375); } .slidesnews a picture::after { display: block; content:""; height: 75%; position: absolute; width:100%; left: 0; bottom:0; z-index: 2; background: -webkit-linear-gradient(bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } /* padding:0 calc(((100vw - 17px) / 16) * 0.5); width: calc(((100vw - 17px) / 16) * 7) left: auto; left: calc(((100vw - 17px) / 16) * 0.5); */ .section div.slidesnews .slide { padding:0 calc(((100vw - 17px) / 16) * 0.25) 64px; position: relative;} .section div.slidesnews .slick-track { } .section div.slidesnews .slick-track { display: flex !important; } .section div.slidesnews .slick-track .slide{ height: inherit !important; } @media all and (max-width: 899px) { div.slidesnews { padding-bottom: calc(((100vw - 17px) / 16) * 0.5); } div.slidesnews .slick-track { padding-bottom: calc(((100vw - 17px) / 16) * 0.5); } } @media all and (max-width: 599px) { div.slidesnews { padding-bottom: calc(((100vw - 17px) / 16) * 1); } div.slidesnews .slick-track { padding-bottom: calc(((100vw - 17px) / 16) * 1); } } @media all and (max-width: 899px) { .slidesnews a header { padding:calc(((100vw - 17px) / 16) * 0.1) calc(((100vw - 17px) / 16) * 0.5) 64px calc(((100vw - 17px) / 16) * 0.5);} .section div.slidesnews .slide { padding:0 calc(((100vw - 17px) / 16) * 0.5) 64px; } } @media all and (max-width: 599px) { .slidesnews a header { padding:calc(((100vw - 17px) / 16) * 0.1) calc(((100vw - 17px) / 16) * 1) 64px calc(((100vw - 17px) / 16) * 1);} .section div.slidesnews .slide { padding:0 calc(((100vw - 17px) / 16) * 1) 64px; } } @media all and (min-width: 900px) { .section div.slidesnews { padding:0 calc(((100vw - 17px) / 16) * 0.75); } .section div.boxslides .slide {} } @media all and (min-width: 1200px) { .slidesnews { padding:0 calc(((100vw - 17px) / 16) * 0.75); } .section div.slidesnews .slide { } } ul.news-list { padding-top:calc(((100vw - 17px) / 16) * 0.5); } .news-list a header p { font-size: 0.75rem !important; font-weight: 400 !important; line-height:1.25 !important; margin-bottom: 0 !important; position: relative; z-index: 10; } .news-list a header p:first-child{ font-size: 0.5rem !important; font-weight: 500 !important; line-height:1.2 !important; margin-bottom: 0.5rem !important; } ul.news-list a header h3 { font-size: 0.833333333333333rem !important; font-weight: 400 !important; line-height: 1.111 !important; margin-bottom: 0.5rem !important; position: relative; z-index: 10; } ul.news-list a header h3 strong { font-weight: 900 !important; } ul.news-list a header h3+p.place { text-transform: uppercase; font-weight: 500 !important; font-size: 0.5rem !important; margin-bottom: 0.75rem !important; } ul.news-list a header p.byline { font-weight: 300 !important; font-size: 0.5833333333333333rem !important; color: #FDE9C8; margin-bottom: 0.75rem !important;margin-top: auto; } ul.news-list a header p.byline strong { font-weight:800 !important; } .news-list a {display:block; background: #000; color: #FFF; transition: all 0.2s ease; } .news-list li { display: flex; flex-direction: column; } .news-list li>a { flex: 1; position: relative; display: flex; flex-direction: column; } .news-list li>a>header { flex: 1; display: flex; flex-direction: column; } @media all and (min-width: 900px) and (pointer:fine) { .news-list a:hover { box-shadow: 0 16px 16px rgba(0,0,0,0.25), 0 8px 8px rgba(0,0,0,0.22); } } .news-list picture {width:100%; display:block; height:auto; padding-bottom:72.34042553191489%; position: relative; z-index: 1; margin-bottom: -3rem;} .news-list picture img{ position: absolute; object-fit: cover; width: 100%; height: 100%; } .news-list p.img{ width:108px; height: 108px; border-radius: 100%; overflow: hidden; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,50%); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } .news-list p.img img{ position: absolute; object-fit: cover; width: 100%; height: 100%; } .news-list a header { position: relative; padding:calc(((100vw - 17px) / 16) * 0.1) calc(((100vw - 17px) / 16) * 0.375) 64px calc(((100vw - 17px) / 16) * 0.375); } .news-list a picture::after { display: block; content:""; height: 75%; position: absolute; width:100%; left: 0; bottom:0; z-index: 2; background: -webkit-linear-gradient(bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } @media all and (max-width: 899px) { .news-list { padding-bottom: calc(((100vw - 17px) / 16) * 0.5); } } @media all and (max-width: 599px) { .news-list { padding-bottom: calc(((100vw - 17px) / 16) * 1); } } @media all and (max-width: 899px) { ul.news-list { padding-top:calc(((100vw - 17px) / 16) * 1); } .news-list a header { padding:calc(((100vw - 17px) / 16) * 0.1) calc(((100vw - 17px) / 16) * 0.5) 64px calc(((100vw - 17px) / 16) * 0.5);} .news-list li { padding:0 calc(((100vw - 17px) / 16) * 1) 64px; } } @media all and (max-width: 599px) { .news-list a header { padding:calc(((100vw - 17px) / 16) * 0.1) calc(((100vw - 17px) / 16) * 1) 64px calc(((100vw - 17px) / 16) * 1);} .news-list li { padding:0 calc(((100vw - 17px) / 16) * 1) 64px; } } @media all and (min-width: 900px) { .news-list { padding:0 0 0 calc(((100vw - 17px) / 16) * 1); display: flex; flex-wrap: wrap; } .news-list li { width:calc(((100vw - 17px) / 16) * 6.5); margin:0 calc(((100vw - 17px) / 16) * 1) calc(32px + (((100vw - 17px) / 16) * 1)) 0; } /*.news-list li:nth-child(3n+3) { margin-right:0; }*/ } @media all and (min-width: 1200px) { .news-list li { width:calc(((100vw - 17px) / 16) * 4); margin:0 calc(((100vw - 17px) / 16) * 1) calc(32px + (((100vw - 17px) / 16) * 1)) 0; } .news-list { } .news-list li { } } section.section:not(.notext) { padding-bottom: calc(((100vw - 17px) / 16) * 0.5); } section.section, #features, #mainmap { margin-bottom:calc(((100vw - 17px) / 16) * 0.5); } section.section:not(.white)+section.white { margin-top: calc(0px - (((100vw - 17px) / 16) * 0.5)); } /*section.section>:last-child { padding-bottom: calc(((100vw - 17px) / 16) * 0.5); }*/ section.section>header:first-child { } section.section>header { padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1); } section.section>header h2 { line-height: 1.11; font-size:1.666666666666667rem; font-weight: 800; /*text-align: center;*/ } section.section>header p { font-size: 1rem;} section.section>header { padding: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 2) calc(((100vw - 17px) / 16) * 0.75) calc(((100vw - 17px) / 16) * 2); } section.section>p:last-child { margin-bottom: 0; padding: 0 calc(((100vw - 17px) / 16) * 1) 0 calc(((100vw - 17px) / 16) * 2);} @media all and (max-width:1199px) { section.section>p:last-child { text-align: center; } } @media all and (max-width:899px) { section.section:not(.notext) { padding-bottom: calc(((100vw - 17px) / 16) * 1); } section.section, #features, #mainmap { margin-bottom: calc(((100vw - 17px) / 16) * 1); } section.section:not(.white)+section.white { margin-top: calc(0px - (((100vw - 17px) / 16) * 1)); } /*section.section>:last-child { padding-bottom: calc(((100vw - 17px) / 16) * 1); }*/ section.section>header { padding: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 0.75) calc(((100vw - 17px) / 16) * 1); } section.section>p:last-child { margin-bottom: 0; padding: 0 calc(((100vw - 17px) / 16) * 1) 0 calc(((100vw - 17px) / 16) * 1); } section.section>header h2 { font-size:1.333333333333333rem; } } section.section>header.social h2 { font-size: 1rem; } section.section>header.social h2 a { display: flex; align-items:center; transition: all 0.2s ease; } section.section>header.social h2 a::before { color: #FFF; background: #004D44; border-radius: 100%; font-size: 1.5rem; width:1em; height: 1em; display:inline-block; font-family: 'icons'; font-weight:normal; content:"\e800"; color: white; line-height: 1em; margin-right: 0.25em; text-align: center; transition: all 0.2s ease; } section.section>header.social h2 a:hover { color:#30312C; } section.section>header.social h2 a:hover::before { background: linear-gradient(45deg, rgba(255,211,116,1) 0%, rgba(255,211,116,1) 12%, rgba(240,103,59,1) 34%, rgba(236,73,76,1) 55%, rgba(196,49,137,1) 75%, rgba(128,67,197,1) 91%, rgba(128,67,197,1) 110%) !important; } @media all and (max-width:599px) { section.section:not(.notext) { padding-bottom: calc(((100vw - 17px) / 16) * 1); } section.section, #features, #mainmap { margin-bottom: calc(((100vw - 17px) / 16) * 1); } section.section:not(.white)+section.white { margin-top: calc(0px - (((100vw - 17px) / 16) * 1)); } /*section.section>:last-child { padding-bottom: calc(((100vw - 17px) / 16) * 1); }*/ /*section.section>header { padding: calc(((100vw - 17px) / 16) * 1.5) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1); }*/ section.section>p:last-child { margin-bottom: 0; padding: 0 calc(((100vw - 17px) / 16) * 1) 0 calc(((100vw - 17px) / 16) * 1); font-size: 0.6666666666666667rem; } section.section>header { padding: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1); } section.notext header p { font-size: 0.6666666666666667rem; } section.section>header h2 { font-size:1rem; } } @media all and (min-width:350px) and (max-width:899px) { section.section>header.social { display: flex; flex-wrap: wrap; } section header.social ul.social { margin-left: auto; } section header.social p:last-child { width: 100%; } } @media all and (max-width:349px) { section header.social ul.social { margin-left: 0; } } section.section>p.cta a { font-weight: 800;} section.section>header p.cta:last-child { display: none;} section.section>header.intro { justify-content: flex-start; } section.section>header.intro h2+p { margin-top: calc(((100vw - 17px) / 16) * 0.5); margin-left:0;} section.section>header.intro p { max-width: none; } @media all and (min-width: 900px) { section.section { /*padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1);*/ } /*section.section>p.cta:last-child { display: none; }*/ section.section>header:not(.intro) { margin-right: auto; display: flex; flex-wrap: wrap;justify-content: center; /**/ align-items: flex-end; } /*section.section>header { padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1); }*/ section.section>header:not(.intro) p:last-child {margin-left: auto; } section.section>header p, section.section>p:last-child { font-size: 1rem; } section.section>header p>a:only-child, section.section>p:last-child>a:only-child { font-weight: 800; } section.section .boxslides { width: 100%; } section.section .slidesnews, section.section .boxslides { padding-bottom: calc(((100vw - 17px) / 16) * 0.5); } section.section>header h2 { font-size:1.333333333333333rem; } section.section>header.intro p { max-width: calc(((100vw - 17px) / 16) * 9); } } @media all and (min-width: 1200px) { section.section>header { padding: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 2) calc(((100vw - 17px) / 16) * 0.75) calc(((100vw - 17px) / 16) * 2); } section.section>header h2 { } section.section>header h2 { font-size:1.666666666666667rem; } section.section .slidesnews, section.section .boxslides { padding-bottom: calc(((100vw - 17px) / 16) * 0.5); } section.section>header.intro p { max-width: calc(((100vw - 17px) / 16) * 7); } section.section>p.cta:last-child { display: none; } section.section>header p.cta:last-child {display: block; position: absolute; right:calc(((100vw - 17px) / 16) * 1); } } section#socialguide { background:#F4F8E9; padding-bottom: 0 !important; } section#socialguide h2 { font-size:1.5rem; margin-bottom:1rem; color:#004D44; font-weight: 900; } footer#footer { padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1); position: relative; background: #EDECE5;} @media all and (max-width: 899px) { footer#footer { padding-top: calc(((100vw - 17px) / 16) * 1); padding-bottom: 72px; padding-bottom: calc(72px + 36px); } } div#footerblocks {display: flex; } div#footerblocks>div { width: 50%; } div#footerblocks div#hcard { background: #E1DAC7; color: #000000; padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1); display: flex; } div#footerblocks div#hcard>div { } div#footerblocks div#hcard>div:first-child { width:calc(((100vw - 17px) / 16) * 3); position: relative; display: flex; align-items:center; align-items: flex-start; } div#footerblocks div#hcard>div:first-child picture { display: block; } div#footerblocks div#hcard>div:first-child picture img { display: block; width: 100%; height: auto;border-radius: 5px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3); object-fit: cover; } div#footerblocks div#hcard>div:last-child {margin-left: calc(((100vw - 17px) / 16) * 0.5); width:calc(((100vw - 17px) / 16) * 3); display: flex; flex-direction: column; justify-content: center;justify-content: flex-start; } div#footerblocks div h2 { font-weight: 600; font-size: 24px; line-height: 29px; margin:0 0 0.5em 0; } div#footerblocks div h2+p { font-size: 16px; line-height: 23px; margin-bottom:1em; } div#footerblocks div#hcard>div:last-child p { font-size: 30px; line-height: 36px; font-weight: 900; margin:0 0 0.5em 0; } div#footerblocks div#hcard>div:first-child p:last-child, div#footerblocks div#hcard>div:last-child p:last-child, div#footerblocks div#newsletter p:last-child{ font-weight: 700; font-size: 15px; line-height: 18px; margin: auto 0 0; } div#footerblocks div#newsletter { background: #004D44; padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 0.75); color: white; display: flex; flex-direction: column; } div#footerblocks div#newsletter>form, div#footerblocks div#newsletter>form>div {display: flex; flex-direction: column; flex: 1; } div#footerblocks div#newsletter>form label { position: fixed; top: -100px; height: 0; overflow: hidden; } div#footerblocks div#newsletter input[type="email"]{ border: none; outline: none; background: rgba(253, 255, 255, 0.8); padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 0.75); color: white; margin-bottom: 1rem; background: none; border:none; outline:none; display: block; width: 100%; background: rgba(253, 255, 255, 0.8); font-size: 20px; line-height: 24px; font-weight: 700; color: #53554B; font-family: 'lato',sans-serif; font-style:normal; padding:0.75rem; } div#footerblocks div#newsletter input[type="submit"]{ display: block; background: none; border:none; outline:none; color: white; padding: 0; font-weight: 700; font-size: 15px; line-height: 18px; margin: 0;} div#footerblocks div#newsletter div>div.clear { margin-top: auto;} div#footerblocks div#newsletter div>div.hide { position: fixed; top: -100px; height: 0; overflow: hidden;} @media all and (max-width: 899px) { div#footerblocks {display: block; } div#footerblocks>div#hcard, div#footerblocks>div#newsletter { width: 100%; padding: calc(((100vw - 17px) / 16) * 1); } div#footerblocks div#hcard>div:first-child { width:calc(((100vw - 17px) / 16) * 5); } div#footerblocks div#hcard>div:last-child { margin-left: calc(((100vw - 17px) / 16) * 1); width:calc(((100vw - 17px) / 16) * 8); } } @media all and (max-width: 599px) { div#footerblocks {display: block; } div#footerblocks>div#hcard, div#footerblocks>div#newsletter { /*display: block;*/ width: 100%; padding: calc(((100vw - 17px) / 16) * 1); } div#footerblocks>div#hcard {flex-direction: column; } div#footerblocks div#hcard>div:first-child { width:100%; max-width: 200px; margin-top: 20px; order: 10; display: block;} div#footerblocks div#hcard>div:last-child { width:100%; margin: 0; } div#footerblocks div#hcard>div:last-child p { font-size: 1rem; line-height: 1.2; } div#footerblocks div#hcard>div:first-child p:last-child { display: block; margin-top: 1rem; } /*div#footerblocks div#hcard>div:last-child p:last-child { display: none; }*/ div#footerblocks div#newsletter p:last-child{ margin-bottom: 2em; } } @media all and (min-width: 600px) { div#footerblocks div#hcard>div:first-child p:last-child { display: none; } } @media all and (min-width: 900px) { div#footerblocks div#hcard>div:last-child p { font-size: 1rem; line-height: 1.2; } } @media all and (min-width: 1200px) { div#footerblocks div#hcard>div:last-child p { font-size:1.25rem; line-height: 1.2; } div#footerblocks div h2 { font-size: 24px; line-height: 29px; } div#footerblocks div h2+p { font-size: 18px; margin-bottom:1em; line-height: 25px; } } @media all and (min-width: 1500px) { div#footerblocks div#hcard>div:first-child { width:calc(((100vw - 17px) / 16) * 2.5); } div#footerblocks div#hcard>div:last-child {margin-left: calc(((100vw - 17px) / 16) * 0.5); width:calc(((100vw - 17px) / 16) * 3.5); } } .boxgrid div p:last-child>a, p.cta>a,a>p.cta, section.section:not(#place--opening) p:not(#hamburger):last-child>a, #footerblocks p:not(#hamburger):last-child>a, .bodytext .formintext p:last-child>a { /*color: #000; */padding-right: 2.5em; position: relative; } a>p.cta { float: left;} .boxgrid div p:last-child>a::after, section.section:not(#place--opening) p:not(#hamburger):last-child>a::after, #footerblocks p:not(#hamburger):last-child>a::after, .bodytext .formintext p:last-child>a::after, p.cta>a::after, a>p.cta::after{ position: absolute; top: 50%; right: 0; transform: translateY(-45%); display: inline-block; vertical-align: middle; width: 36px; height:20px; width: 2em; height:1em; height: 1.5em; content:""; transition: all 0.2s ease; background-position: left center; background-repeat: no-repeat; background-image: url("images/icons/arrow.php?colour=000000"); } .boxgrid div p:last-child>a:hover::after, section.section p:not(#hamburger):last-child>a:hover::after, #footerblocks p:not(#hamburger):last-child>a:hover::after, .bodytext .formintext p:last-child>a::after, p.cta>a:hover::after, a:hover>p.cta::after{ right:-0.5em; } #hcard p:last-child>a { color: #000; } .bodytext .formintext p:last-child>a, #newsletter p:last-child>a { color: #FFF; } a>p.cta::after, .bodytext .formintext p:last-child>a::after, #newsletter p:last-child>a::after{ background-image: url("images/icons/arrow.php?colour=FFFFFF") !important; } section.blue p:not(#hamburger):last-child>a::after { background-image: url("images/icons/arrow.php?colour=1B1243"); } section.lavender p:not(#hamburger):last-child>a::after { background-image: url("images/icons/arrow.php?colour=5B5098"); } .bodytext p.cta, .textcontent p.cta { margin: 2em 0 2em;} header.placeheader>div:first-child p.cta>a:only-child, .callout div p.cta>a:only-child, .bodytext p.cta a:only-child, .textcontent p.cta a:only-child { display:inline-block; font-size:0.6666666666666667rem;font-size:1rem; font-size: inherit; font-weight:900; line-height:1; padding: 1em 2em; padding: 0.6666em 1.5em;padding:0.5em 1.5em; background:#004D44; border-radius:300px; color: white; transition:all 0.2s ease; } header.placeheader>div:first-child p.cta a:only-child:hover, .bodytext p.cta a:only-child:hover, .textcontent p.cta a:only-child:hover { background: #CEBF89; color: #30312C; } section.section .textcontent p.cta:not(#hamburger):last-child>a::after, header.placeheader>div:first-child p.cta>a:only-child::after, .bodytext p.cta>a:only-child::after, .textcontent p.cta>a:only-child::after{ top:-0.1em; position: relative; transform:none; position:static; display: inline-block; vertical-align: middle; width: 40px; width: 36px; height:1em; height: 1.25em; margin-left: 1em; content:""; transition: all 0.2s ease; background-position: left center; background-repeat: no-repeat; background-size: contain; background-image: url("images/icons/arrow.php?colour=FFFFFF"); transition:all 0.2s ease; } section.section .textcontent p.cta:not(#hamburger):last-child>a:only-child:hover::after, header.placeheader>div:first-child p.cta>a:only-child:hover::after, .bodytext p.cta>a:only-child:hover::after, .textcontent p.cta>a:only-child:hover::after{ background-image: url("images/icons/arrow.php?colour=30312C");margin-left: 1.25rem; } header.placeheader>div:first-child p.cta>a:only-child, .callout div p.cta>a:only-child, .textcontent p.cta>a:only-child { display:inline-flex; padding-right: 1.5em !important; align-content: center; align-items: center; } header.placeheader>div:first-child p.cta>a:only-child::after, .callout div p.cta>a:only-child::after, .textcontent p.cta>a:only-child::after { right:0 !important; position: static !important; margin-left: 0.5em !important; transform:none !important;} .textcontent p.cta a:only-child:hover::after{ margin-left: 1em !important; } section#socialguide .textcontent p.cta { margin: 2em 0 1em;} section#socialguide .textcontent p.cta+p.cta { margin: 1em 0 1em;} section.section .textcontent p.cta>a:only-child[href*=".doc"]::after, section.section .textcontent p.cta>a:only-child[href*=".docx"]::after, section.section .textcontent p.cta>a:only-child[href*=".pdf"]::after { width: 1em !important; background-size:auto 100% !important; background-position: right bottom !important; background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 26" style="enable-background:new 0 0 20 26;" xml:space="preserve"><path fill="none" stroke="%23FFFFFF" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" shape-rendering="geometricPrecision" vector-effect="non-scaling-stroke" d="M9.9,24.9V0"/><path fill="none" stroke="%23FFFFFF" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" shape-rendering="geometricPrecision" vector-effect="non-scaling-stroke" d="M1.1,16l8.9,9l8.9-9"/></svg>') !important; } section#socialguide .textcontent p.cta>a:only-child { background: white; border: 1px solid #004D44; color: #004D44 !important; } section#socialguide .textcontent p.cta>a:only-child[href*=".doc"]::after, section#socialguide .textcontent p.cta>a:only-child[href*=".docx"]::after, section#socialguide .textcontent p.cta>a:only-child[href*=".pdf"]::after { background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 26" style="enable-background:new 0 0 20 26;" xml:space="preserve"><path fill="none" stroke="%23004D44" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" shape-rendering="geometricPrecision" vector-effect="non-scaling-stroke" d="M9.9,24.9V0"/><path fill="none" stroke="%23004D44" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" shape-rendering="geometricPrecision" vector-effect="non-scaling-stroke" d="M1.1,16l8.9,9l8.9-9"/></svg>') !important; } section#socialguide .textcontent p.cta>a:only-child:hover{ background-color: #004D44; color: #FFFFFF !important; } section#socialguide .textcontent p.cta>a:only-child[href*=".doc"]:hover::after, section#socialguide .textcontent p.cta>a:only-child[href*=".docx"]:hover::after, section#socialguide .textcontent p.cta>a:only-child[href*=".pdf"]:hover::after { background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 26" style="enable-background:new 0 0 20 26;" xml:space="preserve"><path fill="none" stroke="%23FFFFFF" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" shape-rendering="geometricPrecision" vector-effect="non-scaling-stroke" d="M9.9,24.9V0"/><path fill="none" stroke="%23FFFFFF" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" shape-rendering="geometricPrecision" vector-effect="non-scaling-stroke" d="M1.1,16l8.9,9l8.9-9"/></svg>') !important; } .callout div.textcontent p.cta>a span { padding-top: 0.15em; } .callout div.textcontent p.cta>a { background: #FFF; color: #004D44; } .callout div.textcontent p.cta>a:hover { background: #CEBF89; color:#30312C; } .callout div.textcontent p.cta>a::after { background-image: url("images/icons/arrow.php?colour=004D44"); } .callout div.textcontent p.cta>a:hover::after { background-image: url("images/icons/arrow.php?colour=30312C"); } /*p:last-child>a { color: #000;} p:last-child>a>b{ position: relative; top: -0.05em; display: inline-block; vertical-align: middle; color: #000; box-sizing: border-box; transform: rotate(45deg) scale(0.5); } p:last-child>a>b::before, p:last-child>a>b::after{ content: ""; box-sizing: border-box; } p:last-child>a>b { width: 28px; height: 28px; width: 2em;height: 2em; transition: all 0.2s ease; border-width: 2px 2px 0 0; border-style: solid; margin: 0 0 0 1.5em; } p:last-child>a>b::before{ right: 0; top: -3px; position: absolute; height: 2px; box-shadow: inset 0 0 0 32px; transform: rotate(-45deg); width: 64px; width: 4em; transform-origin: right top; } p:last-child>a:hover>b { margin-left:2em; } #newsletter p:last-child>a, #newsletter p:last-child>a>b{ color: #FFF; }*/#footer nav {border: 1px solid #B09F6B; border-left: none; border-right: none; margin: 1rem 0; } #footer nav ul { display: flex; justify-content: space-between; padding: 0.5em 0; } #footer nav ul li a{ color: black; } #footer nav ul li { font-size: 14px; line-height: 24px; margin: 0.5em 0; } @media all and (max-width: 599px) { #footer nav ul { flex-wrap: wrap;} #footer nav ul li { width: calc(50% - calc(((100vw - 17px) / 16) * 1)); margin: 0.5em 0; } } /* #footer nav ul li a, #footer nav ul li a:link, #footer nav ul li a:visited { background-image:linear-gradient(120deg, #A89769 0%, #A89769 100%);background-position:0 100%;background-repeat:no-repeat;background-size:100% 0; color:inherit;text-decoration:none;transition:background-size 0.2s ease; } #footer nav ul li a:hover { background-size:100% 100%;color:#FFF}*/ #footer p:last-child {font-size: 12px; font-weight: 400; } #footer p:last-child strong {font-weight: 700; } #footer p:last-child a { color:#30312C; } #footer p:last-child a, #footer nav ul li a { text-decoration: none; display: inline; background-image: linear-gradient(currentColor, currentColor), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); background-position: 0 100%, 0 100%; background-repeat: no-repeat, no-repeat; background-size: 0 1px, 100% 1px; transition: background-size .5s } #footer p:last-child a:focus, #footer p:last-child a:hover, #footer nav ul li a:focus, #footer nav ul li a:hover { background-size: 100% 1px, 100% 1px } .visitbox {padding: 0 calc(((100vw - 17px) / 16) * 2); } .visitbox>div:first-child { color: white; background: rgba(135, 29, 67, 0.95); background: #30312C; padding:calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1); } .visitbox>div:first-child p { font-size: 1rem; line-height: 1.5; margin-bottom:1em; font-weight: 600; color: #FFDEEA; color: #FFF;} .visitbox>div:first-child p strong { font-weight: 900; color: #FFF; } .visitbox>div:first-child p:last-child { margin: 0; } @media all and (max-width:899px) { .visitbox>div:first-child p { font-size: 0.8333333333333333rem; line-height: 1.4; } } @media all and (max-width:599px) { .visitbox>div:first-child {padding: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 0.75); } .visitbox>div:first-child p { font-size: 0.6666666666666667rem; line-height: 1.375; } } /*.visitbox>div:last-child { padding: calc(((100vw - 17px) / 16) * 0.5) 0 calc(((100vw - 17px) / 16) * 0.75); } .visitbox>div:last-child h3 {font-weight: 800; font-size: 18px; line-height: 22px; margin-bottom: 1em; color: #4A4A4A;} .visitbox>div:last-child ul { display: flex; justify-content: space-between; } .visitbox>div:last-child ul li{ font-weight: 600; font-size: 16px; line-height: 19px; } .visitbox>div:last-child ul li a{ background: #FFFCF3; transition: all 0.2s ease; border: 1px solid #B09F6B; color: #4A4A4A; padding: 0.5em 0.75em; display: block; } .visitbox>div:last-child ul li a:hover { background: #B09F6B; color: #FFF;} .visitbox>div:last-child h3 b {display: none; }*/ @media all and (max-width:899px) { .visitbox {padding: 0 calc(((100vw - 17px) / 16) * 1); margin-top: calc(0px - (((100vw - 17px) / 16) * 2)); } .visitbox>div:first-child {padding: 1rem; } } @media all and (max-width:599px) { .visitbox { margin-top: calc(0px - (((100vw - 17px) / 16) * 3)); } } @media all and (min-width:900px) { .visitbox {padding: 0 calc(((100vw - 17px) / 16) * 1); } .visitbox { margin-top: calc(0px - (((100vw - 17px) / 16) * 1)); } } @media all and (min-width:1200px) { .visitbox {padding: 0 calc(((100vw - 17px) / 16) * 2); } .visitbox { margin-top: calc(0px - (((100vw - 17px) / 16) * 1.5)); } } @media all and (min-width:1200px) and (max-width:1399px) { } @media all and (min-width:1500px) { .visitbox {padding: 0 calc(((100vw - 17px) / 16) * 2); } .visitbox { margin-top: calc(0px - (((100vw - 17px) / 16) * 1.5)); } } @media all and (min-width:1800px) { .visitbox {padding: 0 calc(((100vw - 17px) / 16) * 3); } .visitbox { margin-top: calc(0px - (((100vw - 17px) / 16) * 2)); } } .inspirebox {padding: 0 calc(((100vw - 17px) / 16) * 2); position: relative; z-index: 10; margin-bottom: calc(((100vw - 17px) / 16) * 0.5); } .inspirebox>div:first-child { color: #4A4A4A; background: #F4F8E9; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25); padding:calc(72px + (((100vw - 17px) / 16) * 0.25)) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 0.5); } .inspirebox>div:first-child h1 {font-weight: 900; font-size: 32px; line-height: 111%; color: #004946; } .inspirebox>div:first-child p { font-size: 1rem; line-height: 1.5; /*max-width: 36em; */ font-size: 20px; line-height: 30px; font-size: 22px; line-height: 32px; margin-bottom:1em; font-weight: 600; color: #4A4A4A; color: #30312C; } .inspirebox>div:first-child p strong { font-weight: 900; color: #4A4A4A; color: #30312C;} .inspirebox>div:first-child header {display: flex; margin-bottom: 1rem; } .inspirebox>div:first-child header p { margin-left:2em; } .inspirebox>div:first-child header p a {color: #004946; position: relative; padding-top: 0.1em; display: block;} .inspirebox>div:first-child header p a::after { display: block; content:""; background: #004946; height: 1px; width: 100%; position: absolute; bottom: 0.1em; } .inspirebox b.icon { width: 145px; height: 145px; background: #A39161; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25); border-radius: 50%; position: absolute; top: 0; margin-left: calc(0px - (((100vw - 17px) / 16) * 0.5)); transform: translateY(-50%); overflow: hidden;} .inspirebox b.icon img { display: block; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .inspirebox p.more>span { color: #004946; background:white; } @media all and (max-width:899px) { .inspirebox b.icon { width: 100px; height: 100px; margin-left:0; } .inspirebox>div:first-child p { font-size: 0.8333333333333333rem; line-height: 1.4; } } @media all and (max-width:599px) { .inspirebox>div:first-child p { font-size: 0.6666666666666667rem; line-height: 1.375; } } @media all and (max-width:899px) { .inspirebox {padding: 0 calc(((100vw - 17px) / 16) * 1); margin-top: calc(0px - (((100vw - 17px) / 16) * 2)); } .inspirebox>div:first-child {padding: 70px 40px 20px; } .inspirebox>div:first-child header { margin: 0;} .inspirebox>div:first-child h1 { font-size: 24px; margin-bottom: 1em;} .inspirebox>div:first-child header p {display: none;} } @media all and (max-width:599px) { .inspirebox { margin-top: calc(0px - (((100vw - 17px) / 16) * 3)); } .inspirebox>div:first-child {padding: 70px 20px 20px; } } @media all and (min-width:900px) { .inspirebox {padding: 0 calc(((100vw - 17px) / 16) * 1); } .inspirebox { margin-top: calc(0px - (((100vw - 17px) / 16) * 1)); } } @media all and (min-width:1200px) { .inspirebox {padding: 0 calc(((100vw - 17px) / 16) * 2); } .inspirebox { margin-top: calc(0px - (((100vw - 17px) / 16) * 1.5)); } } @media all and (min-width:1200px) and (max-width:1399px) { } @media all and (min-width:1500px) { .inspirebox {padding: 0 calc(((100vw - 17px) / 16) * 3); } .inspirebox { margin-top: calc(0px - (((100vw - 17px) / 16) * 1.5)); } } @media all and (min-width:1800px) { .inspirebox {padding: 0 calc(((100vw - 17px) / 16) * 3); } .inspirebox { margin-top: calc(0px - (((100vw - 17px) / 16) * 2)); } } .visitbox #locationsearch {display: block; border:1px solid transparent; border-bottom: 1px dotted rgba(255,255,255,0.5); padding-bottom: 20px; margin-bottom: 20px; } #locationsearch::after { content:""; display: table; clear: both; height: 0;} #locationsearch>div { width: 100%; background: white; display: flex; margin-bottom: 1rem; border: 1px solid rgba(0,0,0,0.5); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } #locationsearch>div input[type="text"] { flex: 1; background: none; border:none; outline:none; display: block; width: 100%; font-size:1.333333333333333rem; line-height: 1; font-weight: 700; color: #5D5F56; font-family: 'lato',sans-serif; font-style:normal; padding:0.75rem 1rem; } #locationsearch>div input[type="submit"] { min-height: 41px; border:none; outline:none; cursor: pointer; overflow: hidden; display: inline-block; text-indent: -1000px; overflow: hidden; width: 2rem; margin:0.25rem 1rem 0.25rem 0; background-color: white; background-size:contain; background-repeat: no-repeat; background-position:right center; background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31.3,35.3v-2.2l-0.8-0.8c-3.1,2.7-7.2,4.4-11.7,4.4c-10,0-18.1-8-18.1-17.9C0.7,8.9,8.7,1,18.7,1c10,0,18.1,8,18.1,17.9 c0,4.4-1.7,8.5-4.4,11.5l0.8,0.8h2.2l13.9,13.7L45.1,49L31.3,35.3z M31.3,18.8c0-6.9-5.6-12.4-12.5-12.4C11.8,6.5,6.2,12,6.2,18.8 s5.6,12.4,12.5,12.4C25.7,31.2,31.3,25.7,31.3,18.8z" fill="%23585032"/></svg>'); } #locationsearch>label {font-size:0.6666666666666667rem; font-weight: 500; padding-left: 1rem; float: left;} #locationsearch>label:nth-of-type(1){ margin-right: 2rem;} #locationsearch>label>span { display: flex; align-items: center; } #locationsearch>label>span::before { display: inline-block; content:""; width: 1rem; height: 1rem; margin-right: 0.75rem; background-size:contain; background-repeat: no-repeat; background-position:right center;} #locationsearch>label input+span::before { background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.5,3h-0.2L15,5.1L9,3L3.4,4.9C3.1,5,3,5.2,3,5.4v15.1C3,20.8,3.2,21,3.5,21h0.2L9,18.9l6,2.1l5.6-1.9 c0.2-0.1,0.4-0.2,0.4-0.5V3.5C21,3.2,20.8,3,20.5,3z M15,19l-6-2.1V5l6,2.1V19z" fill="%23FFFFFF"/></svg>'); } #locationsearch>label input#nearme+span::before { background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12,7.6c-2.4,0-4.4,2-4.4,4.4s2,4.4,4.4,4.4c2.4,0,4.4-2,4.4-4.4S14.4,7.6,12,7.6z M21.7,10.9 c-0.5-4.6-4.1-8.2-8.6-8.6V0h-2.2v2.3c-4.6,0.4-8.2,4-8.6,8.6H0v2.2h2.3c0.5,4.6,4.1,8.2,8.6,8.6V24h2.2v-2.3 c4.6-0.5,8.2-4.1,8.6-8.6H24v-2.2H21.7z M12,19.6c-4.3,0-7.6-3.4-7.6-7.6c0-4.3,3.4-7.6,7.6-7.6s7.6,3.4,7.6,7.6 C19.6,16.3,16.3,19.6,12,19.6z" fill="%23FFFFFF"/></svg>'); } .visitbox #locationsearch>label { color: #FDE9C8; } .visitbox #locationsearch>label input+span::before { background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.5,3h-0.2L15,5.1L9,3L3.4,4.9C3.1,5,3,5.2,3,5.4v15.1C3,20.8,3.2,21,3.5,21h0.2L9,18.9l6,2.1l5.6-1.9 c0.2-0.1,0.4-0.2,0.4-0.5V3.5C21,3.2,20.8,3,20.5,3z M15,19l-6-2.1V5l6,2.1V19z" fill="%23FDE9C8"/></svg>'); } .visitbox #locationsearch>label input#nearme+span::before { background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12,7.6c-2.4,0-4.4,2-4.4,4.4s2,4.4,4.4,4.4c2.4,0,4.4-2,4.4-4.4S14.4,7.6,12,7.6z M21.7,10.9 c-0.5-4.6-4.1-8.2-8.6-8.6V0h-2.2v2.3c-4.6,0.4-8.2,4-8.6,8.6H0v2.2h2.3c0.5,4.6,4.1,8.2,8.6,8.6V24h2.2v-2.3 c4.6-0.5,8.2-4.1,8.6-8.6H24v-2.2H21.7z M12,19.6c-4.3,0-7.6-3.4-7.6-7.6c0-4.3,3.4-7.6,7.6-7.6s7.6,3.4,7.6,7.6 C19.6,16.3,16.3,19.6,12,19.6z" fill="%23FDE9C8"/></svg>'); } #locationsearch>label input { position: fixed; top: -9000px; } #locationsearch>label{cursor: pointer;} #locationsearch>label:hover { color: #FFE34C; } #locationsearch>label:hover span, #locationsearch>label input:checked+span { color: #FFE34C; } #locationsearch>label:hover span::before, #locationsearch>label input:checked+span::before, .visitbox #locationsearch>label:hover span::before, .visitbox #locationsearch>label input:checked+span::before { background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.5,3h-0.2L15,5.1L9,3L3.4,4.9C3.1,5,3,5.2,3,5.4v15.1C3,20.8,3.2,21,3.5,21h0.2L9,18.9l6,2.1l5.6-1.9 c0.2-0.1,0.4-0.2,0.4-0.5V3.5C21,3.2,20.8,3,20.5,3z M15,19l-6-2.1V5l6,2.1V19z" fill="%23FFE34C"/></svg>'); } #locationsearch>label:hover input#nearme+span::before, #locationsearch>label input#nearme:checked+span::before { background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12,7.6c-2.4,0-4.4,2-4.4,4.4s2,4.4,4.4,4.4c2.4,0,4.4-2,4.4-4.4S14.4,7.6,12,7.6z M21.7,10.9 c-0.5-4.6-4.1-8.2-8.6-8.6V0h-2.2v2.3c-4.6,0.4-8.2,4-8.6,8.6H0v2.2h2.3c0.5,4.6,4.1,8.2,8.6,8.6V24h2.2v-2.3 c4.6-0.5,8.2-4.1,8.6-8.6H24v-2.2H21.7z M12,19.6c-4.3,0-7.6-3.4-7.6-7.6c0-4.3,3.4-7.6,7.6-7.6s7.6,3.4,7.6,7.6 C19.6,16.3,16.3,19.6,12,19.6z" fill="%23FFE34C"/></svg>'); } #locationsearch>ul { display: flex; } #locationsearch>ul>li{font-size:0.6666666666666667rem; padding-left: 1rem; } #locationsearch>ul>li a {color: white; font-weight: 500;display: flex; align-items: center; } #locationsearch>ul>li a:hover {color: #CEBF89; } #locationsearch>ul>li:nth-of-type(1){ margin-right: 2rem;} #locationsearch>ul>li a::before { display: inline-block; content:""; width: 1rem; height: 1rem; margin-right: 0.75rem; background-size:contain; background-repeat: no-repeat; background-position:right center;} @media all and (max-width:899px) { #locationsearch>ul>li{ font-size: 14px; padding-left: 12px; } #locationsearch>ul>li a::before { width: 1.5em; height: 1.5em; margin-right: 1em; } #locationsearch>ul>li:first-child a::before { width: 1.142857142857143em; height: 1.142857142857143em; margin-right: 1em; } } @media all and (max-width:599px) { #locationsearch>ul>li{ font-size: 12px; } } #locationsearch>ul>li a::before { background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.5,3h-0.2L15,5.1L9,3L3.4,4.9C3.1,5,3,5.2,3,5.4v15.1C3,20.8,3.2,21,3.5,21h0.2L9,18.9l6,2.1l5.6-1.9 c0.2-0.1,0.4-0.2,0.4-0.5V3.5C21,3.2,20.8,3,20.5,3z M15,19l-6-2.1V5l6,2.1V19z" fill="%23FFFFFF"/></svg>'); } #locationsearch>ul>li:first-child a::before { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve"><g><path fill="%23FFFFFF" d="M9,36H0v-9h9V36z M9,22.5H0v-9h9V22.5z M9,9H0V0h9V9z M22.5,36h-9v-9h9V36z M22.5,22.5h-9v-9h9V22.5z M22.5,9h-9V0h9V9z M36,36h-9v-9h9V36z M36,22.5h-9v-9h9V22.5z M36,9h-9V0h9V9z"/></g></svg>'); } #locationsearch>ul>li a:hover::before { background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.5,3h-0.2L15,5.1L9,3L3.4,4.9C3.1,5,3,5.2,3,5.4v15.1C3,20.8,3.2,21,3.5,21h0.2L9,18.9l6,2.1l5.6-1.9 c0.2-0.1,0.4-0.2,0.4-0.5V3.5C21,3.2,20.8,3,20.5,3z M15,19l-6-2.1V5l6,2.1V19z" fill="%23CEBF89"/></svg>'); } #locationsearch>ul>li:first-child a:hover::before { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve"><g><path fill="%23CEBF89" d="M9,36H0v-9h9V36z M9,22.5H0v-9h9V22.5z M9,9H0V0h9V9z M22.5,36h-9v-9h9V36z M22.5,22.5h-9v-9h9V22.5z M22.5,9h-9V0h9V9z M36,36h-9v-9h9V36z M36,22.5h-9v-9h9V22.5z M36,9h-9V0h9V9z"/></g></svg>'); } /* HOME */ #bannerholder>.form {position:absolute; bottom:calc(((100vw - 17px) / 16) * 2); bottom:calc(((100vw - 17px) / 16) * 1.5); left:50%; transform:translateX(-50%); width:calc(100% - (((100vw - 17px) / 16) * 6)); margin:0; color: white; z-index: 11; } @media all and (max-height:900px) { #bannerholder>.form { bottom:60px; } body.visit-template-template-places #bannerholder>.form { bottom:110px; } } @media all and (max-height:640px) { #bannerholder>.form { bottom:40px; } body.visit-template-template-places #bannerholder>.form { bottom:100px; } } @media all and (max-width:599px) { body.visit-template-template-places #bannerholder>.form { bottom:40px; } } #bannerholder>.form#locationsearch>div { box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.25); position: relative; } #bannerholder>form#locationsearch>div::after {z-index: -1; display: block; content:""; width:100%; height: calc(100% + 1rem); opacity: 0.75; position: absolute; top: 99%; background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, transparent 100%); } @media all and (min-width:900px) { #bannerholder+.homegrid { margin-top: calc(0px - (((100vw - 17px) / 16) * 1)); } } @media all and (min-width:900px) and (max-height:900px) { #bannerholder+.homegrid { margin-top: -20px; position: relative; z-index: 20; } } @media all and (min-width:1500px) { #locationsearch>label { font-size:0.75rem; } } @media all and (min-width:1500px) { #bannerholder>.form {width:calc(100% - (((100vw - 17px) / 16) * 8)); } #locationsearch>label { font-size:0.8333333333333333rem; } } @media all and (max-width:899px) { #bannerholder+.homegrid { margin-top: calc(0px - (((100vw - 17px) / 16) * 2)); } #bannerholder>.form {width:calc(100% - (((100vw - 17px) / 16) * 4)); bottom:calc(((100vw - 17px) / 16) * 2); } #locationsearch>label {font-size:0.5rem; padding-left: 0.5rem; margin-bottom: 0.5rem; } #locationsearch>label:nth-of-type(1){ margin-right: 0.5rem;} #locationsearch>label>span::before { width: 0.75rem; height: 0.75rem; margin-right: 0.5rem;} #locationsearch>div { margin-bottom: 0.5rem; } #locationsearch>div input[type="text"] { width: 100%; font-size:1rem; padding:0.5rem 0.5rem; } #locationsearch>div input[type="submit"] { width: 1rem; margin:0.25rem 0.5rem 0.25rem 0; } } @media all and (max-width:599px) { #bannerholder+.homegrid { margin-top: 0; } #bannerholder>.form {width:calc(100% - (((100vw - 17px) / 16) * 2)); bottom:5vw; } #locationsearch>label {font-size:0.5rem; padding-left: 0.5rem; margin-bottom: 0.5rem; } #locationsearch>label:nth-of-type(1){ margin-right: 0.5rem;} #locationsearch>label>span::before {width: 0.75rem; height: 0.75rem; margin-right: 0.5rem;} #locationsearch>div { margin-bottom: 0.5rem; } #locationsearch>div input[type="text"] { width: 100%; font-size:0.75rem; padding:0.5rem 0.5rem; } #locationsearch>div input[type="submit"] { width: 1rem; margin:0.25rem 0.5rem 0.25rem 0; } } @media all and (max-width:499px) { #locationsearch>label>span>span { display: none;} #bannerholder>.form { bottom:calc(((100vw - 17px) / 16) * 1); } /* #locationsearch>label {font-size:11px; padding-left: 11px; margin-bottom: 11px; } #locationsearch>label:nth-of-type(1){ margin-right: 11px;} #locationsearch>label>span::before {width: 0.75rem; height: 0.75rem; margin-right: 10px;}*/ } input:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: transparent !important; } input:focus::-moz-placeholder { /* Firefox 19+ */ color: transparent !important; } input:focus:-ms-input-placeholder { /* IE 10+ */ color: transparent !important; } input:focus:-moz-placeholder { /* Firefox 18- */ color: transparent !important; } #search { background: rgba(0,0,0,0.6); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); position: fixed; height:100%; z-index: 9999; padding: 0; top: 0; width: 100%; left: 0; overflow: hidden; opacity: 0; pointer-events: none; } #search .wrapper { background: #F4F8E9; position: fixed; top:0; left:0; width:100%; transform: translateY(-100%); } body:not(.preload) #search, body:not(.preload) #search .wrapper { transition: all 0.3s ease; } #search.searchopen { opacity: 1; pointer-events: auto; } #search.searchopen .wrapper { transform: translateY(0);padding:0 calc(((100vw - 17px) / 16) * 1); } #search .wrapper>div { position: relative;padding: 48px 0 ; } form#searchform { margin-bottom: 0; display: flex; background: #FFFFFF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } form#searchform label { display: none; } form#searchform input[type="text"] { outline: none; box-sizing: border-box; width: calc((((100% - (7 * 20px)) / 8) * 6) + (5 * 20px)); width: calc(100% - 80px); height: 80px; font-family: inherit; font-style: normal; font-weight: 400; font-size: 24px; line-height: 80px; color: #00020D; padding: 0 20px; display: block; border: 1px solid white; } form#searchform input[type="submit"] { outline: none; border: none; display: block; height: 80px; width: 80px; text-indent: -14em; overflow:hidden; cursor: pointer; background-color: white; background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 41" style="enable-background:new 0 0 32 41;" xml:space="preserve"><g><path d="M9.1,29h1.5l0.5-0.6c-1.8-2-2.9-4.8-2.9-7.8c0-6.7,5.3-12,11.9-12c6.6,0,11.9,5.4,11.9,12c0,6.7-5.3,12-11.9,12 c-2.9,0-5.7-1.1-7.7-3l-0.5,0.6v1.5L2.7,41L0,38.2L9.1,29z M20.1,29c4.6,0,8.2-3.7,8.2-8.3c0-4.6-3.7-8.3-8.2-8.3s-8.2,3.7-8.2,8.3 C11.9,25.3,15.5,29,20.1,29z" fill="%23004D44" /></g></svg>'); background-position: center 33%; background-repeat: no-repeat; background-size: auto 60px; border: 1px solid white; } form#searchform input[type="submit"]:hover { } p#closesearch { cursor: pointer; transition: all 0.2s ease; position: absolute; top: 100%; transform: translateY(-50%); right: 20px; overflow: hidden; text-indent: -900px; display: block; width: 64px; height: 64px; background-color: #CEBF89; border-radius: 50%; background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 40; background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22enable-background%3Anew%200%200%2032%2032%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%2330312C%22%20d%3D%22M17.5%2C16l3.7-3.4c0.4-0.4%2C0.4-1%2C0.1-1.4c-0.4-0.4-1-0.4-1.4-0.1L16%2C14.6l-3.9-3.5c-0.4-0.4-1-0.3-1.4%2C0.1%20c-0.4%2C0.4-0.3%2C1%2C0.1%2C1.4l3.7%2C3.4l-3.7%2C3.4c-0.4%2C0.4-0.4%2C1-0.1%2C1.4c0.2%2C0.2%2C0.5%2C0.3%2C0.7%2C0.3c0.2%2C0%2C0.5-0.1%2C0.7-0.3l3.9-3.5l3.9%2C3.5%20c0.2%2C0.2%2C0.4%2C0.3%2C0.7%2C0.3c0.3%2C0%2C0.5-0.1%2C0.7-0.3c0.4-0.4%2C0.3-1-0.1-1.4L17.5%2C16z%22%2F%3E%3C%2Fsvg%3E"); } p#closesearch:hover { background-color: #FFFFFF; box-shadow: 0 16px 16px rgba(0,0,0,0.25), 0 8px 8px rgba(0,0,0,0.22); background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22enable-background%3Anew%200%200%2032%2032%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M17.5%2C16l3.7-3.4c0.4-0.4%2C0.4-1%2C0.1-1.4c-0.4-0.4-1-0.4-1.4-0.1L16%2C14.6l-3.9-3.5c-0.4-0.4-1-0.3-1.4%2C0.1%20c-0.4%2C0.4-0.3%2C1%2C0.1%2C1.4l3.7%2C3.4l-3.7%2C3.4c-0.4%2C0.4-0.4%2C1-0.1%2C1.4c0.2%2C0.2%2C0.5%2C0.3%2C0.7%2C0.3c0.2%2C0%2C0.5-0.1%2C0.7-0.3l3.9-3.5l3.9%2C3.5%20c0.2%2C0.2%2C0.4%2C0.3%2C0.7%2C0.3c0.3%2C0%2C0.5-0.1%2C0.7-0.3c0.4-0.4%2C0.3-1-0.1-1.4L17.5%2C16z%22%2F%3E%3C%2Fsvg%3E"); } @media all and (max-width: 1199px) { #search .wrapper { } } @media all and (max-width:899px) { #search .wrapper { } } body.search #maincontent .textcontent{ border-top-width:calc(((100vw - 17px) / 16) * 0.5) !important; border-bottom-width:calc(((100vw - 17px) / 16) * 0.5) !important; } header#search_header { background: #F4F8E9; } header#search_header h1 { margin:0; } ul.searchresults { } body.search #maincontent section.results { background: #ECEAE6; } body.search #maincontent section.results:nth-child(even){ background: #FFF; } body.search #maincontent section.topresults:nth-child(even) { background: #ECEAE6; } section.results h2 { font-weight: 900; font-size: 36px; line-height: 43px; color: #4A4A4A; margin-bottom: 1em; } section.results ul.searchresults li { margin: 0; list-style: none; } section.results ul.searchresults li:not(:last-child) { margin: 0 0 20px; } section.results ul.searchresults li::before { display:none; } section.results ul.searchresults li a { background:#FFFCF3; border:none; background-image:none; display: flex; color:#565148; transition: all 0.2s ease; } section.results ul.searchresults li a:hover { box-shadow: 0 16px 16px rgba(0,0,0,0.25), 0 8px 8px rgba(0,0,0,0.22); } section.results ul.searchresults li a>div:first-child{ padding:calc(((100vw - 17px) / 16) * 0.333) calc(((100vw - 17px) / 16) * 0.5); width: 60%; } section.results ul.searchresults li a>div:not(:first-child){ width: 40%; overflow:hidden; position: relative; } section.results ul.searchresults li a>div:not(:first-child)::before{content:""; pointer-events: none; display:block; width: 100%; height: 0; padding-bottom:60%; } section.results ul.searchresults li a>div:last-child img{ display:block; width: 100%; height:100%; object-fit: cover; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); } section.results ul.searchresults li a>div:first-child p { font-weight:400; font-size: 14px; line-height: 17px; } section.results ul.searchresults li a>div:first-child p:first-child { text-transform:uppercase;font-weight: 600; margin-bottom:10px; } section.results ul.searchresults li a>div:first-child h3 { font-weight: 600; font-size: 20px; line-height: 24px; margin-bottom: 12px; } #search_types .textcontent ul { } #search_types .textcontent ul li { margin:0 0.5em 0.5em 0; list-style:none;} #search_types .textcontent ul li::before { display: none;} #search_types .textcontent ul li a { margin:0 0.5em 0.5em 0; } #search_types dl{ display: flex; flex-wrap: wrap; } #search_types dt , #search_types dd { font-size: 16px; cursor:pointer; line-height: 19px; background: #F4F8E9; /*border: 1px solid #76CACA; */font-weight: 600; padding: 0.75em 1.5em 0.666em 1.5em;margin: 16px 19px 16px 0; border-radius: 8px; color: #4A4A4A; text-align: center; position:relative; } #search_types dt.current, #search_types dd.current { background:#004D44; color:white; } /* #allresults { display: flex; flex-direction: column; } */ @media all and (max-width:599px) { body.search #maincontent .textcontent{ border-top-width:calc(((100vw - 17px) / 16) * 1) !important; border-bottom-width:calc(((100vw - 17px) / 16) * 1) !important; } section.results ul.searchresults li a>div:first-child{ padding:20px; } section.results h2 { font-size: 18px; line-height: 1.2; } section.results ul.searchresults li a>div:first-child h3 { font-size: 16px; line-height: 1.2; } section.results ul.searchresults li a>div:first-child p { font-weight:400; font-size: 12px; line-height: 1.333; } #search_types dt , #search_types dd { font-size: 12px; cursor:pointer; line-height: 15px; margin: 8px 12px 8px 0; border-radius: 5px; } } ul.squares {display: flex; flex-wrap: wrap; margin: 0;} ul.squares li { margin: 0;} ul.squares li a { display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden; color: white; } ul.squares li a picture {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; /*background: rgba(0,0,0,0.66);*/ background:#D9E6BB } ul.squares li a picture img {display: block; object-fit: cover; width: calc(100% + 2px); height: calc(100% + 2px); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.2s ease-out; } ul.squares li.unhovered a picture img { opacity: 0.75;} ul.squares li a header { display: flex; flex-direction: column; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } ul.squares li a header h3 { margin-top: auto; font-size: 0.8333333333333333rem; font-weight: 700; line-height: 1.111; padding: 1em 1.5em; position: relative; z-index: 10; } ul.squares li a header h3::before { display: block; content:""; width: 100%; height: calc(150% + 1em); position: absolute; bottom:0; left: 0; background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, transparent 100%); z-index: -1; opacity: 0.75; } @media all and (min-width: 900px) and (pointer:fine) { ul.squares li a:hover picture img { transform: translate(-50%,-50%) scale(1.1,1.1);} } @media all and (min-width:900px) { ul.squares li { width: 33.33333333%; } } @media all and (min-width:1200px) { ul.squares li { width: 25%; } } @media all and (max-width:899px) { ul.squares li { width: 50%; } } @media all and (max-width:599px) { ul.squares li a header h3{ font-size: 0.5833333333333333rem; padding: 1em 1.2em; } }header.placeheader { background: rgba(0, 49, 47, 0.8); color: white; position: relative; z-index: 12; margin: 0 calc(((100vw - 17px) / 16) * 1) 0; padding:calc(((100vw - 17px) / 16) * 0.333) calc(((100vw - 17px) / 16) * 2); } #info { background: #ECEAE6; color: #30312C; position: relative; z-index: 15;} header.placeheader {display: flex; justify-content: space-between;} header.placeheader>div { display: flex; flex-direction: column; } header.placeheader>div:first-child{margin-right: auto;} header.placeheader>div:last-child{text-align: right; } header.placeheader h1 { font-size:1.666666666666667rem; margin-bottom: 0.3333rem; line-height: 1.2; font-weight: 800; } header.placeheader>div:first-child p { font-weight: 400; font-style: italic; font-size: 1rem; line-height: 1.333333333333333; margin-bottom: 0; } header.placeheader>div:first-child p.cta {font-style:normal; font-size: 0.75rem; } header.placeheader>div:first-child p.cta>a:only-child { background: white; border: 1px solid #004D44; color: #004D44 !important; } header.placeheader>div:first-child p.cta>a:only-child::after { background-image: url("images/icons/arrow.php?colour=004D44"); width: 1.5em; } header.placeheader>div:first-child p.cta>a:only-child:hover{ } header.placeheader>div:first-child p.cta>a:only-child:hover::after { margin-left: 1em !important;} header.placeheader>div:last-child p { font-size:0.8333333333333333rem; line-height: 1; padding-bottom:0.2em; font-weight: 600; position: relative; } header.placeheader>div:last-child p a{ color: white; } header.placeheader>div:last-child p:first-child { margin: auto 0 1em; font-weight: 800; padding-left: 1.5rem; } header.placeheader>div:last-child p:last-child { transform: translateY(-1px); } header.placeheader>div:last-child p.times::before { display: inline-block; content:""; width: 1rem; height: 1rem; margin-right: 0.5rem; background-size:contain; background-repeat: no-repeat; background-position:right center; position: absolute; top: 0.5em; left: 0; transform: translateY(-50%); position: relative; top: 0.75em; background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M12,21.6c-5.3,0-9.6-4.3-9.6-9.6 S6.7,2.4,12,2.4s9.6,4.3,9.6,9.6S17.3,21.6,12,21.6z" fill="%23FFFFFF"/><path class="st0" d="M12.6,6h-1.8v7.2l6.2,3.7l1-1.4l-5.4-3.2V6z" fill="%23FFFFFF"/> </svg>'); } #bannerholder { position: relative; } #bannerholder #banner {margin-bottom:0;} #bannerholder header.placeheader { position:absolute; bottom:calc(((100vw - 17px) / 16) * 0.75); left:50%; transform:translateX(-50%); width:calc(100% - (((100vw - 17px) / 16) * 2)); margin:0; } #anchornav h3 { display: none; } @media all and (max-width:899px) { #bannerholder { margin-bottom: calc(((100vw - 17px) / 16) * 1); } body.single-post #bannerholder, body.single-articles #bannerholder { margin-bottom:0; } #bannerholder header.placeheader {display: none; } #info header.placeheader {display: block; padding:calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1); background: #004D44; } #info header.placeheader>div:last-child { text-align: left; } #info { margin-top:calc(0px - (((100vw - 17px) / 16) * 3)); background: none; } #anchornav { transform: none; } header.placeheader h1 { font-size:1.166666666666667rem; margin-bottom: 0.5rem; } header.placeheader>div:first-child p { font-size: 0.8333333333333333rem; margin-bottom: 0.75rem; } header.placeheader>div:first-child p.cta { font-size: 0.666rem; margin-bottom: 0.666rem; } header.placeheader>div:last-child p { font-size:0.75rem; line-height: 1; padding-bottom:0; } header.placeheader>div:last-child p:first-child { margin: auto 0 1rem; padding-left: 0; } header.placeheader>div:last-child p:last-child { transform: none; } header.placeheader>div:last-child p.times::before { width: 0.8333333333333333rem; height: 0.8333333333333333rem; margin-right: 0.2rem; } #anchornav { background: #CEBF89; margin-bottom: calc(((100vw - 17px) / 16) * 1); margin: 0 calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1); } #anchornav h3 { display: flex; font-size: 0.75rem; line-height: 1.2; padding: 1em; font-weight: 700; } #anchornav li { font-size: 0.75rem; font-weight: 500; line-height: 1.2; border-top: 1px solid #53554B; } #anchornav a { color:#30312C; padding: 1em; display: block;} #anchornav h3>b{ display: block; width: 22px; width: 22px; position: relative; margin-left: auto;} #anchornav h3>b::before, #anchornav h3>b::after { content:""; display: block; background: #53554B; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.2s ease; } #anchornav h3>b::before { height:1px; width: 24px; } #anchornav h3>b::after { height:24px; width: 1px; } #anchornav:not(.closed) h3>b::before {transform: translate(-50%,-50%) rotate(90deg); opacity: 0;} #anchornav:not(.closed) h3>b::after {transform: translate(-50%,-50%) rotate(90deg);} #anchornav ul { overflow-y: hidden; transition: all 0.5s ease; max-height: 1000px; } #anchornav.closed ul { max-height: 0; } } @media all and (max-width:599px) { #info header.placeheader { padding:calc(((100vw - 17px) / 16) * 1); } header.placeheader h1 { font-size:1rem; margin-bottom: 0.5rem; } header.placeheader>div:first-child p { font-size: 0.75rem; margin-bottom: 0.75rem; } header.placeheader>div:first-child p.cta { font-size: 0.666rem; margin-bottom: 0.666rem; } header.placeheader>div:last-child p { font-size:0.6666666666666667rem; line-height: 1; padding-bottom:0; } header.placeheader>div:last-child p:first-child { margin: auto 0 1rem; padding-left: 0; } header.placeheader>div:last-child p:last-child { transform: none; } header.placeheader>div:last-child p.times::before { width: 0.8333333333333333rem; height: 0.8333333333333333rem; margin-right: 0.2rem; } } @media all and (min-width:900px) { #anchornav { background: #CEBF89; height:calc(((100vw - 17px) / 16) * 1); align-items: center; padding: 0 calc(((100vw - 17px) / 16) * 0.5); margin: 0 calc(((100vw - 17px) / 16) * 1); transform: translateY(-50%); } #anchornav ul { display: flex; flex-wrap: wrap; justify-content: space-between; } #anchornav li { font-size: 0.6666666666666667rem; font-weight: 600; line-height: calc(((100vw - 17px) / 16) * 1); } #anchornav a { color:#30312C; } #anchornav a{ transition: all 0.2s ease; text-decoration:none; padding:3px 0; background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)); background-position:0 100%,0 100%;background-repeat:no-repeat,no-repeat;background-size:0 1px,100% 1px;transition:background-size .5s; } #anchornav a:hover{ background-size:100% 1px,100% 1px} #info header.placeheader {display: none; } #bannerholder header.placeheader {display: flex; } header.placeheader { margin: 0 calc(((100vw - 17px) / 16) * 0.5) 0; padding:calc(((100vw - 17px) / 16) * 0.333) calc(((100vw - 17px) / 16) * 1); } #bannerholder header.placeheader { width:calc(100% - (((100vw - 17px) / 16) * 1)); margin:0; } #anchornav { height:calc(((100vw - 17px) / 16) * 1); padding: 0 calc(((100vw - 17px) / 16) * 0.5); margin: 0 calc(((100vw - 17px) / 16) * 0.5); } } @media all and (min-width:1200px) { header.placeheader { margin: 0 calc(((100vw - 17px) / 16) * 1) 0; padding:calc(((100vw - 17px) / 16) * 0.333) calc(((100vw - 17px) / 16) * 2); } #bannerholder header.placeheader { width:calc(100% - (((100vw - 17px) / 16) * 2)); margin:0; } #anchornav { height:calc(((100vw - 17px) / 16) * 1); padding: 0 calc(((100vw - 17px) / 16) * 0.5); margin: 0 calc(((100vw - 17px) / 16) * 1); } } #tripadvisor_bubbles{display:inline-block; display:block;position:relative}#tripadvisor_bubbles:after,#tripadvisor_bubbles:before{display:inline-block;font-style:normal;font-weight:400;font-variant:normal;font-size:inherit;line-height:1; font-family: 'icons'; font-weight:normal; -ms-transform:rotate(-.001deg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;speak:none; letter-spacing: 0.1em; font-size: 24px; } #info>div>div p:last-child>a#tripadvisor_bubbles {border: none !important; } #tripadvisor_bubbles span { position: fixed; top:-100px;} #tripadvisor_bubbles:before{color:#fff;display:block;content:"\e00a\e00a\e00a\e00a\e00a"; content:"\00a0\00a0\00a0\00a0\00a0"} #tripadvisor_bubbles:after{position:absolute;top:0;left:0;color:#00a680} #tripadvisor_bubbles.bubble_00:after,#tripadvisor_bubbles.bubble_0:after{content:"\e804\e804\e804\e804\e804"} #tripadvisor_bubbles.bubble_05:after{content:"\e805\e804\e804\e804\e804"} #tripadvisor_bubbles.bubble_1:after, #tripadvisor_bubbles.bubble_10:after{content:"\e806\e804\e804\e804\e804"} #tripadvisor_bubbles.bubble_15:after{content:"\e806\e805\e804\e804\e804"} #tripadvisor_bubbles.bubble_2:after, #tripadvisor_bubbles.bubble_20:after{content:"\e806\e806\e804\e804\e804"} #tripadvisor_bubbles.bubble_25:after{content:"\e806\e806\e805\e804\e804"} #tripadvisor_bubbles.bubble_3:after, #tripadvisor_bubbles.bubble_30:after{content:"\e806\e806\e806\e804\e804"} #tripadvisor_bubbles.bubble_35:after{content:"\e806\e806\e806\e805\e804"} #tripadvisor_bubbles.bubble_4:after, #tripadvisor_bubbles.bubble_40:after{content:"\e806\e806\e806\e806\e804"} #tripadvisor_bubbles.bubble_45:after{content:"\e806\e806\e806\e806\e805"} #tripadvisor_bubbles.bubble_5:after, #tripadvisor_bubbles.bubble_50:after{content:"\e806\e806\e806\e806\e806"} #info>div.advisory { display: block; border: 3px solid #cebf89; background:white; padding:calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1); margin:0 calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 0.5); } div.advisory h3 { font-weight: 700; } div.advisory p { font-size: 18px; line-height: 24px; margin-bottom:0.5em; } div.advisory :last-child {margin-bottom:0} @media all and (min-width:1799px) { #info>div.advisory { padding:calc(((100vw - 17px) / 16) * 0.25) calc(((100vw - 17px) / 16) * 1); margin:0 calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 0.5); } } @media all and (max-width:1199px) { #info>div.advisory { margin:0 calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1); padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1.5); } } @media all and (max-width:899px) { #info>div.advisory { margin:0 calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1); padding: calc(((100vw - 17px) / 16) * 0.5) ; } } @media all and (max-width:599px) { div.advisory h3 { font-size: 18px; line-height: 24px; } div.advisory p { font-size: 14px; line-height:18px; } } #info>div dl.social dt, #info>div>div h3, #info>div>div p {font-size:0.8333333333333333rem; line-height: 1.3; font-weight: 500; margin-bottom: 1em; } #info>div>div strong { font-weight: 700 !important; } #info>div>div p:last-child>a:only-child { color: #515050; border-bottom: 1px solid #515050; } #info>div>div:first-child p:last-child>a:only-child { font-size:0.6666666666666667rem; display: inline-block; padding: 1em 3em; background: #A39161; color:white; font-weight: 700; transition: all 0.2s ease; border-bottom:none; } #info>div>div:first-child p:last-child>a:only-child:hover { background:#515050 } #info>div dl.social dt, #info>div>div h3 {font-weight: 800;} #info>div>div h3:first-child::before { display: block; content:""; width: 100%; height: 56px; margin-right: 0.5rem; background-size:contain; background-repeat: no-repeat; background-position:left bottom; margin-bottom: 1rem; } #info>div>div:nth-child(2) h3:first-child::before { background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56;" xml:space="preserve"><path fill="%235D5F56" class="st0" d="M34.5,25.9c0-7.2-5.8-13-13-13c-7.2,0-13,5.8-13,13s5.8,13,13,13C28.7,39,34.5,33.1,34.5,25.9z M32.5,25.9 c0,6.1-4.9,11-11,11s-11-4.9-11-11c0-6.1,4.9-11,11-11S32.5,19.9,32.5,25.9z M22.2,55.2c6-6.4,10.1-10.6,13.5-13.5 c4.6-4,7.2-9.9,7.2-16c0-11.8-9.6-21.3-21.3-21.3h-0.3C9.6,4.4,0,13.9,0,25.7c0,6.1,2.6,11.9,7.2,16c3.4,3,7.7,7.3,13.5,13.5 l0.7,0.8L22.2,55.2z M21.7,6.4C32.3,6.4,41,15,41,25.7c0,5.5-2.4,10.8-6.5,14.5c-3.3,2.9-7.3,6.9-12.9,12.9c-5.5-5.9-9.7-10-13-12.9 C4.4,36.5,2,31.2,2,25.7C2,15,10.7,6.4,21.3,6.4H21.7z"/> <g id="Layer_2"> </g> </svg> '); } #info>div>div:first-child h3:first-child::before { background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56;" xml:space="preserve"><path class="st0" d="M55.7,18.8l-2.3-2.3c-0.4-0.4-1-0.4-1.3,0c-0.6,0.6-1.6,0.6-2.3,0c-0.3-0.3-0.4-0.7-0.4-1.1 c0-0.4,0.2-0.8,0.4-1.1C50,14,50,13.8,50,13.5s-0.1-0.5-0.3-0.7l-1.5-1.5c-0.4-0.4-1-0.4-1.3,0c-0.6,0.6-1.6,0.6-2.3,0 c-0.3-0.3-0.4-0.7-0.4-1.1c0-0.4,0.2-0.8,0.4-1.1c0.2-0.2,0.3-0.4,0.3-0.7c0-0.3-0.1-0.5-0.3-0.7l-1.5-1.4c-0.4-0.4-1-0.4-1.3,0 c-0.6,0.6-1.6,0.6-2.3,0s-0.6-1.6,0-2.3c0.4-0.4,0.4-1,0-1.3l-2.3-2.3c-0.4-0.4-1-0.4-1.3,0l-9.5,9.5L0.3,35.9 C0.1,36.1,0,36.3,0,36.5s0.1,0.5,0.3,0.7l2.3,2.3c0.4,0.4,1,0.4,1.3,0c0.6-0.6,1.6-0.6,2.3,0c0.6,0.6,0.6,1.6,0,2.3 c-0.4,0.4-0.4,1,0,1.3l1.5,1.5c0.4,0.4,1,0.4,1.3,0c0.6-0.6,1.6-0.6,2.3,0c0.3,0.3,0.4,0.7,0.4,1.1c0,0.4-0.2,0.8-0.4,1.1 c-0.2,0.2-0.3,0.4-0.3,0.7c0,0.3,0.1,0.5,0.3,0.7l1.5,1.5c0.4,0.4,1,0.4,1.3,0c0.6-0.6,1.6-0.6,2.3,0c0.6,0.6,0.6,1.6,0,2.3 c-0.4,0.4-0.4,1,0,1.3l2.3,2.3c0.2,0.2,0.4,0.3,0.7,0.3c0.3,0,0.5-0.1,0.7-0.3l26.1-26.1l9.5-9.5C56.1,19.7,56.1,19.2,55.7,18.8z M19.5,53.7l-1.1-1.1c0.8-1.3,0.6-3-0.6-4.2c-0.6-0.6-1.5-1-2.5-1c-0.6,0-1.2,0.1-1.7,0.4l-0.4-0.4c0.3-0.5,0.4-1.1,0.4-1.7 c0-1-0.4-1.8-1-2.5c-0.6-0.6-1.5-1-2.5-1c-0.6,0-1.2,0.1-1.7,0.4l-0.4-0.4c0.8-1.3,0.6-3-0.6-4.2c-0.6-0.6-1.5-1-2.5-1 c-0.6,0-1.2,0.1-1.7,0.4l-1-1l24.7-24.7L44.2,29L19.5,53.7z M45.5,27.7L28.4,10.5l8.1-8.2l1,1c-0.8,1.3-0.6,3,0.6,4.2 c0.6,0.6,1.5,1,2.5,1c0.6,0,1.2-0.1,1.7-0.4l0.4,0.4c-0.3,0.5-0.4,1.1-0.4,1.7c0,1,0.4,1.8,1,2.5c0.6,0.6,1.5,1,2.5,1 c0.6,0,1.2-0.1,1.7-0.4l0.4,0.4c-0.3,0.5-0.4,1.1-0.4,1.7c0,1,0.4,1.8,1,2.5c0.6,0.6,1.5,1,2.5,1c0.6,0,1.2-0.1,1.7-0.4l1,1 L45.5,27.7z M10.3,33.4c-0.4,0.4-0.4,1,0,1.3l11,11c0.2,0.2,0.4,0.3,0.7,0.3s0.5-0.1,0.7-0.3l16.1-16.1c0.2-0.2,0.3-0.4,0.3-0.7 s-0.1-0.5-0.3-0.7l-11.1-11c-0.4-0.4-1-0.4-1.3,0L10.3,33.4z M36.7,28.9L21.9,43.7l-9.6-9.6l14.8-14.8L36.7,28.9z M16.4,36 c0.2,0.2,0.4,0.3,0.7,0.3c0.3,0,0.5-0.1,0.7-0.3l9.7-9.7c0.4-0.4,0.4-1,0-1.3c-0.4-0.4-1-0.4-1.3,0l-9.8,9.7C16,35,16,35.6,16.4,36z M26.4,31.9L20,38.2c-0.4,0.4-0.4,1,0,1.3c0.2,0.2,0.4,0.3,0.7,0.3s0.5-0.1,0.7-0.3l6.3-6.3c0.4-0.4,0.4-1,0-1.3 C27.3,31.5,26.8,31.5,26.4,31.9z" fill="%235D5F56"/></svg>'); } #info>div>div>:last-child { margin-bottom: 0; } #info>div>div p svg { display: block; height: 27px; width: auto;} @media all and (min-width:600px) and (max-width:899px) { #info>div{ padding: 0 calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 0.5); } #info>div{display: flex; flex-wrap: wrap; justify-content: space-between; } #info>div>div { width: calc(((100vw - 17px) / 16) * 6); margin-left: calc(((100vw - 17px) / 16) * 1); } #info>div>div:first-child { margin-left:0; } #info>div>div:last-child { margin-left:0; width: 100%;} } @media all and (max-width:599px) { #info>div{ padding: 0 calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1); } #info>div{ padding: 0 calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 4); } #info>div dl.social dt, #info>div>div h3, #info>div>div p { font-size: 0.75rem; } #info>div>div:last-child h3:first-child::before {display: none;} #info>div>div:not(:last-child) { padding-bottom: 2rem;} #info>div>div:first-child {padding-top: 0.5rem; } #info>div>div h3{ position: relative;} #info>div>div h3:first-child::before { position: absolute; left:calc(0px - (((100vw - 17px) / 16) * 3)); top: 50%; transform: translateY(-50%); width:calc(((100vw - 17px) / 16) * 3); background-position: center top; height: 2em; } } @media all and (min-width:900px) { #info>div{ padding: 0 calc(((100vw - 17px) / 16) * 2) calc(((100vw - 17px) / 16) * 0.5); } #info>div{display: flex; justify-content: space-between; } #info>div>div { width: calc(((100vw - 17px) / 16) * 3); margin-left: calc(((100vw - 17px) / 16) * 1); } #info>div>div:first-child { width: calc(((100vw - 17px) / 16) * 5); margin-left:0; } } div.placevid { display: block; width: 100%; height: 0; padding-bottom: 56.25%; position:relative; margin:2rem 0;} div.placevid iframe { position:absolute; width:100%; height:100%; top:0; left:0; } section#place--opening { background:#ECEAE6; color: #30312C; padding: calc(((100vw - 17px) / 16) * 1); } section#place--opening>h2 { font-size:1.333333333333333rem; line-height: 1.1875; font-weight: 800; padding-left: calc(((100vw - 17px) / 16) * 1); margin-bottom:1em; position: relative; } section#place--opening>h2::before { display: inline-block; content:""; width: 2rem; height: 2rem; margin-right: 0.5rem; background-size:contain; background-repeat: no-repeat; background-position:right center; position: absolute; top: 0.5em; left: 0; transform: translateY(-50%); background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M12,21.6c-5.3,0-9.6-4.3-9.6-9.6 S6.7,2.4,12,2.4s9.6,4.3,9.6,9.6S17.3,21.6,12,21.6z" fill="%2330312C"/><path class="st0" d="M12.6,6h-1.8v7.2l6.2,3.7l1-1.4l-5.4-3.2V6z" fill="%2330312C"/> </svg>'); } section#place--opening h3 {font-size: 1rem; font-weight: 800; line-height: 1.5; margin-bottom: 0.5em; } section#place--opening p { font-size: 1rem; line-height: 1.5; margin-bottom: 0.5em;} section#place--opening strong { font-weight: 800; } section#place--opening>div:last-child p { font-size: 0.75rem; line-height: 1.222222222222222; } section#place--opening>div:last-child p a {text-decoration: underline; color: inherit;} section#place--opening>div:last-child p a:hover { color: #004d44; } @media all and (max-width:899px) { section#place--opening>div:not(:last-child) { margin-bottom:1rem; } section#place--opening>h2::before { width: calc(((100vw - 17px) / 16) * 2); height: 1.6em; background-position: center; } section#place--opening>h2, section#place--opening>div { padding-left: calc(((100vw - 17px) / 16) * 2); } section#place--opening h2{font-size: 1rem;} section#place--opening h3, section#place--opening p, section#place--opening div:last-child p{font-size: 0.75rem; } } @media all and (max-width:599px) { section#place--opening h2{font-size:0.75rem;} section#place--opening p, section#place--opening div:last-child p { font-size: 0.5833333333333333rem; } } @media all and (min-width:900px) { section#place--opening>div:first-of-type { margin-left: calc(((100vw - 17px) / 16) * 1); } section#place--opening {display: flex; flex-wrap: wrap;} section#place--opening>h2 { width: 100%; } section#place--opening h3, section#place--opening p { font-size: 0.75rem; } section#place--opening>div { width:calc(((100vw - 17px) / 16) * 5); margin-right: calc(((100vw - 17px) / 16) * 0.5); } section#place--opening>div:first-of-type { width:calc(((100vw - 17px) / 16) * 4); margin-right: calc(((100vw - 17px) / 16) * 0.5); } section#place--opening>div:last-child { width:calc(((100vw - 17px) / 16) * 3); margin-right: 0; } } @media all and (min-width:1200px) { section#place--opening h3, section#place--opening p { font-size: 1rem; } section#place--opening>div:first-of-type, section#place--opening>div { width:calc(((100vw - 17px) / 16) * 4); margin-right: calc(((100vw - 17px) / 16) * 1); } section#place--opening>div:last-child { width:calc(((100vw - 17px) / 16) * 3); margin-right: 0; } } dl.accordion dd div{padding:1rem; } dl.accordion dt { background: #565148; color: white; font-weight: 800; font-size: 20px; line-height: 1.2; padding:1rem 1rem; display: flex; align-items: center; } dl.accordion dt:not(:first-child) { margin-top: 0.5rem;} dl.accordion dd {display: block; background:white; overflow-y: hidden; max-height: 400px; transition: all 0.5s ease; } dl.accordion dd p { font-size: 0.75rem !important; line-height: 1.222222222222222 !important; } dl.accordion dt.closed+dd { max-height:0; } dl.accordion dt>b{ display: block; width: 22px; width: 22px; position: relative; margin-left: auto; } dl.accordion dt>b::before, dl.accordion dt>b::after { content:""; display: block; background: #FFF; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.2s ease; } dl.accordion dt>b::before { height:2px; width: 24px; } dl.accordion dt>b::after { height:24px; width: 2px; } dl.accordion dt:not(.closed)>b::before {transform: translate(-50%,-50%) rotate(90deg); opacity: 0;} dl.accordion dt:not(.closed)>b::after {transform: translate(-50%,-50%) rotate(90deg);} dl.accordion dt {font-size: 18px;} @media all and (min-width:1200px) and (max-width:1399px) { dl.accordion dt {font-size: 16px;} dl.accordion dd p { font-size: 16px !important; } } @media all and (min-width:900px) and (max-width:1199px) { dl.accordion dt {font-size: 18px;} section#place--opening>div:last-child p { font-size: 0.5833333333333333rem; line-height: 1.222222222222222; } } @media all and (min-width:1500px) and (max-width:1199px) { dl.accordion dt {font-size: 20px;} } @media all and (max-width:599px) { dl.accordion dt { font-size:0.5833333333333333rem; padding: 0.5rem; padding:1rem; } dl.accordion dd p { font-size: 0.5833333333333333rem !important; } dl.accordion dd div{padding:1rem; } } /*#place--contact { background: #30312C; color: #FFF; padding: calc(((100vw - 17px) / 16) * 1); position: relative;}*/ #place--contact { background:#ECEAE6; color: #30312C; padding: calc(((100vw - 17px) / 16) * 1); position: relative;} #place--contact h2 { font-size:1.333333333333333rem; line-height: 1.1875; font-weight: 800; margin-bottom:1em; position: relative; color: #CEBF89 } #place--contact>div:first-child h2 { padding-left: calc(((100vw - 17px) / 16) * 1); } /*#place--contact>h2::before { display: inline-block; content:""; width: 2rem; height: 2rem; margin-right: 0.5rem; background-size:contain; background-repeat: no-repeat; background-position:right center; position: absolute; top: 0.5em; left: 0; transform: translateY(-50%); background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M12,21.6c-5.3,0-9.6-4.3-9.6-9.6 S6.7,2.4,12,2.4s9.6,4.3,9.6,9.6S17.3,21.6,12,21.6z" fill="%23515050"/><path class="st0" d="M12.6,6h-1.8v7.2l6.2,3.7l1-1.4l-5.4-3.2V6z" fill="%23515050"/> </svg>'); }*/ #place--contact h3 {font-weight: 800; line-height: 1.5; margin-bottom: 0.5em; } #place--contact p { font-size: 1rem; line-height: 1.5; margin-bottom: 1em;} #place--contact p:not(.lozenge) a{ color:inherit; transition: all 0.2s ease; text-decoration:none; background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)); background-position:0 100%,0 100%;background-repeat:no-repeat,no-repeat;background-size:0 1px,100% 1px;transition:background-size .2s; } #place--contact p:not(.lozenge) a:hover{ color:inherit; background-size:100% 1px,100% 1px} #place--contact strong { font-weight: 800; } #place--contact p>em { font-weight: 800 !important; font-style: normal !important; color: #FFD175 } #place--contact>div:last-child p { padding-right: 2em; } #place--contact>div:first-child p {padding-left: calc(((100vw - 17px) / 16) * 1); position: relative; } #place--contact>div:first-child p::before { display: inline-block; content:""; width: calc(((100vw - 17px) / 16) * 1); height: 3.5rem; margin-right: 0.5rem; background-size:contain; background-repeat: no-repeat; background-position:center center; position: absolute; top: 0.666em; left: 0; transform: translateY(-50%); opacity: 0.5; } #place--contact>div:first-child p:nth-of-type(1)::before { background-image: url("images/icons/contact/location.svg"); } #place--contact>div:first-child p:nth-of-type(2)::before { background-image: url("images/icons/contact/phone.svg"); } #place--contact>div:first-child p:nth-of-type(3)::before { background-image: url("images/icons/contact/email.svg"); } /* #place--contact::after { content:""; display: block; position:absolute; bottom:0; left: 50%; transform: translate(-50%,100%); z-index: 9; width: 0; height: 0; border-left: 40px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #30312C; }*/ div#mainmap/*, div#mainmap2 */{ width: 100%; background: #5D5F56; height: 33vw; min-height: 33vh;} @media all and (max-width:899px) { div#mainmap {height: 100vw;} #place--contact h2{font-size: 1rem;} #place--contact p { font-size: 0.75rem; line-height: 1.5; margin-bottom: 1em;} #place--contact>div:first-child {margin-bottom: 1rem;} #place--contact>div>h2, #place--contact>div>p { padding-left: calc(((100vw - 17px) / 16) * 2) !important; } #place--contact>div:first-child p::before {width: calc(((100vw - 17px) / 16) * 2);} } @media all and (max-width:599px) { #place--contact h2{font-size: 0.75rem;} #place--contact p { font-size: 0.5833333333333333rem; line-height: 1.5; margin-bottom: 1em;} } @media all and (min-width:900px) { #place--contact {display: flex; flex-wrap: wrap;} #place--contact>h2 { width: 100%; } #place--contact>div { width:calc(((100vw - 17px) / 16) * 5); margin-right: calc(((100vw - 17px) / 16) * 1); } #place--contact>div:nth-child(2) { width:calc(((100vw - 17px) / 16) * 8); margin-right: 0; } } @media all and (min-width:1200px) { #place--contact>div:first-of-type { } } ul.directions { display: flex; flex-wrap: wrap; filter:invert(); } /* ul.directions::before { display: block; width: 100%; content:"Click the relevant icon below to open Maps directions";font-size:0.6666666666666667rem; font-weight: 500; margin:1em 0 2em; } */ p.click { display: block; width: 100%; font-size:0.6666666666666667rem !important; font-weight: 500; margin:1em 0 2em; } /*ul.directions li { flex: 1; border: 1px dotted yellow;}*/ ul.directions li { width: calc(((100vw - 17px) / 16) * 1); margin-right: calc(((100vw - 17px) / 16) * 0.5); width: 80px; margin-right: 30px; } ul.directions li:last-child { margin-right: 0; } ul.directions li a {color: white; color:black;} ul.directions li a::before {content:""; display: block; width: 100%; height: 0; padding-bottom: 100%; border-radius: 50%; background: rgba(236,234,230,0.5); overflow: hidden; position: relative; background:#ffb2bb; } ul.directions li a:hover::before {background: white;} ul.directions li a span { text-transform: capitalize; /*position: absolute; left: -100px; top: -100px; height: 0; overflow: hidden; width: 0;*/ display: block; text-align:center; font-size:0.6666666666666667rem; font-weight: 500; padding: 0.5em 0 ; } ul.directions li a.car::before { background-image: url("images/icons/directions/car.svg?v=2"); } ul.directions li a.bus::before { background-image: url("images/icons/directions/bus.svg?v=2"); } ul.directions li a.rail::before, ul.directions li a.train::before { background-image: url("images/icons/directions/train.svg?v=2"); } ul.directions li a.bicycle::before, ul.directions li a.bike::before { background-image: url("images/icons/directions/bike.svg?v=2"); } ul.directions li a.walking::before { background-image: url("images/icons/directions/walking.svg?v=2"); } @media all and (min-width:900px) and (max-width:1199px) { ul.directions { justify-content: space-between; } ul.directions li { width: auto; flex:1; margin-right: calc(((100vw - 17px) / 16) * 0.5); } } @media all and (min-width:600px) and (max-width:899px) { ul.directions { } ul.directions li { width: calc(((100vw - 17px) / 16) * 2); margin-right: calc(((100vw - 17px) / 16) * 0.5); } } @media all and (max-width:599px) { ul.directions { justify-content: space-between; justify-content: flex-start } ul.directions li { width: auto; flex:1; margin-right: calc(((100vw - 17px) / 16) * 0.5); width: calc(25% - (10px * (3 / 4))); flex:none; margin-right: 10px; } ul.directions li:last-child { margin-right: 0;} } .features>input { position: fixed; top: -1000px; } .features>p:first-child { display: flex; margin: 0; font-weight: 800; font-size: 1.333333333333333rem; line-height: 1.1875; } .features>p:first-child>label {display: block; flex: 1; background: #565148; color: white; cursor: pointer; } .features>p:first-child>label:last-child {background:#30312C;} .features>div h2 { display: none; } .features>p:first-child>label { padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 2); } .features>div { background: #565148; color: white; } .features>div:last-child { background:#30312C; } .features ul { padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 2) calc(((100vw - 17px) / 16) * 0.25); display: flex; flex-wrap: wrap; } .features li { width:calc(((100vw - 17px) / 16) * 1); margin-right: calc(((100vw - 17px) / 16) * 1); position: relative; font-weight: 500; font-size: 0.6666666666666667rem; line-height: 1.1875; text-align: center; margin-bottom: calc(((100vw - 17px) / 16) * 0.5); } .features li.walking-nature-trails span { display: block; width: 125% ; position: relative; left: 50%; transform: translate(-50%,0); } .features li::before {content:""; display: block; width:100%; height: 0; padding-bottom: 100%; border-radius: 50%; background: #ECEAE6; margin-bottom: 0.5em; } @media all and (max-width:899px) { .features ul { padding: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1); } .features li{ width:calc(((100vw - 17px) / 16) * 2); margin-right: calc(((100vw - 17px) / 16) * 1); margin-bottom: calc(((100vw - 17px) / 16) * 0.75); font-size: 0.5833333333333333rem; } .features li:nth-child(5n+5){ margin-right: 0; } .features>p:first-child { font-size: 1rem; } .features>p:first-child>label { padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1); } } @media all and (max-width:599px) { .features ul { padding: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1); } .features li, .features li:nth-child(5n+5) { width:calc(((100vw - 17px) / 16) * 3.5); margin-right: calc(((100vw - 17px) / 16) * 1.75); margin-bottom: calc(((100vw - 17px) / 16) * 1); font-size: 0.5rem; } .features li:nth-child(3n+3){ margin-right: 0; } .features>p:first-child { font-size:0.66666rem; } .features>p:first-child>label { padding: calc(((100vw - 17px) / 16) * 1); } } @media all and (min-width:900px) { .features ul { padding: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 0.5); } .features li { width:calc(((100vw - 17px) / 16) * 1.25); margin-right: calc(((100vw - 17px) / 16) * 1); } .features>p:first-child>label { padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1); } } @media all and (min-width:1200px) { .features ul { padding: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 2) calc(((100vw - 17px) / 16) * 0.5); } .features li { width:calc(((100vw - 17px) / 16) * 1); margin-right: calc(((100vw - 17px) / 16) * 1); } .features>p:first-child>label { padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 2); } } @media all and (min-width:1500px) { .features ul { padding: calc(((100vw - 17px) / 16) * 0.75) calc(((100vw - 17px) / 16) * 2) calc(((100vw - 17px) / 16) * 0.5); } .features>p:first-child>label { padding: calc(((100vw - 17px) / 16) * 0.333) calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 0.333) calc(((100vw - 17px) / 16) * 2); } } .features>div { display: none; } input#show_facilities:checked ~ #facilities { display: block; } input#show_restrictions:checked ~ #restrictions { display: block; } #place--nearby { background: #004D44; color: white; } section#place--nearby { padding-bottom: 0;} #place--nearby>div {padding: calc(((100vw - 17px) / 16) * 1); } section#place--nearby h2 { color: #B5EBE8; font-size:1.333333333333333rem; line-height: 1.1875; font-weight: 800; padding-left: calc(((100vw - 17px) / 16) * 1); margin-bottom:1em; position: relative; } div#mainmap2 {color:black;} ul.nearby { } /*ul.nearby li:not(:first-child)*/ ul.nearby li a { display:block; border: 1px solid #FFFFFF; color:white;} ul.nearby li:not(:last-child) { margin-bottom: 1rem;} ul.nearby li:first-child, ul.nearby li a { padding: 1rem 1rem 1rem calc(((100vw - 17px) / 16) * 1); transition:all 0.2s ease; } ul.nearby li:first-child { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } ul.nearby li h3 { font-size:1rem; line-height: 1.1875; font-weight: 600; position: relative; } ul.nearby li h3::before { display: block; position: absolute; content:""; height:1.4em; width:calc(((100vw - 17px) / 16) * 1); left:calc(0px - (((100vw - 17px) / 16) * 1)); top: 50%; transform: translateY(-50%); background-position: center; background-repeat: no-repeat; background-size: auto 100%; background-image: url("images/map/mapicon.php?colour=FFFFFF"); display: none; } ul.nearby li:nth-child(2) h3::before { background-image: url("images/map/mapicon.php?colour=57B8AD"); } ul.nearby li:nth-child(3) h3::before { background-image: url("images/map/mapicon.php?colour=FECD3A"); } ul.nearby li:nth-child(4) h3::before { background-image: url("images/map/mapicon.php?colour=B4DFEF"); } ul.nearby li h3>img:first-child, ul.nearby li h3>span:first-child { display: block; position: absolute; content:""; height:1.4em; width:calc(((100vw - 17px) / 16) * 1); left:calc(0px - (((100vw - 17px) / 16) * 1)); top: 50%; transform: translateY(-50%); } ul.nearby li h3>span:first-child>img { display: block; position: absolute; width: 100%; height: 100%; object-fit: contain; top: 50%; left: 50%; transform: translate(-50%,-50%);} ul.nearby li p { font-size: 0.75rem; line-height: 1.222222222222222; margin:0.6666666666666667em 0; } ul.nearby li p:last-child { font-weight: 300; margin: 0; } ul.nearby li p:last-child strong { font-weight: 900; } ul.nearby li:not(:first-child):hover { background: rgba(255,255,255,0.5); color: #004D44; background: rgba(0,0,0,0.5); color: #FFF; cursor: pointer; } @media all and (min-width:900px) { #place--nearby {display: flex;} #place--nearby>div { min-height: 50vh; flex: 1;} } @media all and (min-width:1200px) { ul.nearby li h3::before, ul.nearby li h3>img:first-child, ul.nearby li h3>span:first-child { height:1.4em; } ul.nearby li h3 { font-size:1.333333333333333rem; } } @media all and (max-width:899px) { div#mainmap2 {height: 80vw;} ul.nearby li { margin: 0.75rem 0 0.75rem calc(((100vw - 17px) / 16) * 1); } ul.nearby li:first-child { padding-left: calc(((100vw - 17px) / 16) * 2); padding-left: 44px; } ul.nearby li a { padding-left: calc(((100vw - 17px) / 16) * 2); padding-left: 50px; } ul.nearby li h3>img:first-child, ul.nearby li h3>span:first-child, ul.nearby li h3::before { height:1.4em; width:calc(((100vw - 17px) / 16) * 2); left:calc(0px - (((100vw - 17px) / 16) * 2)); height:36px; width: 33px; left:calc(0px - 40px); } ul.nearby li h3 {font-size: 1rem; } ul.nearby li p { font-size: 0.5833333333333333rem; } } @media all and (max-width:599px) { /* ul.nearby li { padding: 1rem 1rem 1rem calc(((100vw - 17px) / 16) * 3); } ul.nearby li h3::before { height:1.4em; width:calc(((100vw - 17px) / 16) * 3); left:calc(0px - (((100vw - 17px) / 16) * 3)); } */ ul.nearby li { margin: 0.75rem 0 ; } ul.nearby li h3 {font-size: 0.75rem; } ul.nearby li p { font-size: 0.5rem; } } .gm-style .gm-style-iw div.popup>div{ width:250px; padding: 10px; font-family: 'lato',sans-serif; } .gm-style .gm-style-iw div.popup>img { display: block; width: 250px; height: auto; } .gm-style .gm-style-iw div.popup>div>h3 { font-weight: 500; font-size: 14px; line-height: 1.2;} .gm-style .gm-style-iw div.popup>div>p { font-weight: 300; font-size: 12px; line-height: 1.4;} .gm-style .gm-style-iw-d { overflow: hidden !important; max-height: 1000px !important;} .gm-style .gm-style-iw-c { padding: 0 !important; max-height: 1000px !important; } .gm-style .gm-style-iw>button{ filter: invert(1) !important; transform: scale(1.5); transform-origin: right top; z-index: 100; } .gm-style .gm-style-iw div.popup::before{ opacity: 0.75; content:""; display:block; top:-2px; left:0; width:100%; height: 50px; pointer-events: none; position:absolute; z-index: 10; box-sizing: content-box; background: -webkit-linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } section.gallery { padding-bottom: 0 !important;} section.gallery>header { padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1); } .hi_gallery { display: flex; flex-wrap: wrap; } .hi_gallery li { width:calc(((100vw - 17px) / 16) * 4); margin:0 0 calc((((100vw - 17px) / 16) * 1) - (2 * 16px)) calc(((100vw - 17px) / 16) * 1); display: flex; flex-direction: column; } .hi_gallery li a { margin-top:auto; display: block; color: white; } /*.hi_gallery li a figure, .hi_gallery li a picture { flex: 1; display: flex; flex-direction: column; }*/ .hi_gallery li a picture {display: block; width: 100%; height: 0; padding-bottom: 66.6666%; position: relative; overflow: hidden;} .hi_gallery figure img { margin-top:auto; display: block; position: relative; width: 100%; height: auto; display: block; width: 100%; height: 100%; position: absolute; object-fit: cover; } .hi_gallery figure figcaption { padding: 1em 0; font-weight: 500; font-size: 16px; line-height: 19px; height:6.75em; } @media all and (max-width: 899px) { .hi_gallery li { width:calc(((100vw - 17px) / 16) * 6.5); } section.gallery>header { padding: calc(((100vw - 17px) / 16) * 1) ; } } @media all and (max-width: 599px) { .hi_gallery li { width:calc(((100vw - 17px) / 16) * 14); margin-bottom: calc(((100vw - 17px) / 16) * 1); } .hi_gallery figure figcaption { font-size: 0.5833333333333333rem; } .hi_gallery figure figcaption.empty { display: none;} .hi_gallery li a { pointer-events: none;} }.backtotopholder { height:50px; position: absolute; top: -50px; top:24px; width: 100%; pointer-events: none; } .backtotop { width: 100%; height:50px; position: relative; display: flex; justify-content: flex-end !important; } .backtotop i { pointer-events:auto; transition: all 0.2s ease; display: block; text-align:center; font-style:normal; font-weight: normal; width:40px; height:40px; line-height:40px; grid-column: 16 / span 1; position: relative; border-radius: 100%; background:rgba(0,83,79,0.9); color: #FFF; margin:0 88px 20px; margin:0 calc(((100vw - 17px) / 16) * 1) 24px 0; -webkit-box-shadow: -8px 8px 8px 0px rgba(0,0,0,0.25); -moz-box-shadow: -8px 8px 8px 0px rgba(0,0,0,0.25); box-shadow: -8px 8px 8px 0px rgba(0,0,0,0.25); } .backtotop i::before { position: absolute; display: block; transform: rotate(-90deg); top: 39%; left: 50%; content:""; border: 3px solid white; border-bottom: none; border-right: none; transform: translateX(-50%) rotate(45deg); width: 15px; height: 15px; } @media all and (max-width: 1199px) { .backtotop i { margin:0 64px 20px; } } @media all and (max-width: 899px) { .backtotop i { margin:0 40px 20px; } .backtotop { justify-content: flex-start !important; } .backtotop i { margin:0 0 20px calc(((100vw - 17px) / 16) * 1) !important ; } .backtotopholder, .backtotop {width:auto !important;} } @media all and (min-width: 600px) { .backtotop i:hover { background:rgba(0,83,79,1); color: #FFF; } } .backtotop.fixed { position: fixed; bottom:0; left: 0; z-index: 50; } /**/ @media all and (max-width: 899px) { .backtotop.fixed{ bottom:72px; } } .backtotop { opacity: 0; pointer-events: none; } .backtotop.fixed, body.scrolledtobottom .backtotop { opacity: 1; pointer-events: none; } .aboutgrid{ display: flex; flex-wrap: wrap; border:calc(((100vw - 17px) / 16) * 1) solid transparent; border-top-width:0; border-bottom-width: calc(((100vw - 17px) / 16) * 0.5); } .aboutgrid>div{ width:calc(((100vw - 17px) / 16) * 5.25); margin:0 calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 0.5) 0; display: flex; flex-direction: column; } .aboutgrid>div:nth-child(2n+2) { margin-right: 0;} .aboutgrid>div:nth-child(4n+2), .aboutgrid>div:nth-child(4n+3){ width:calc(((100vw - 17px) / 16) * 8.25); } .aboutgrid>div>a { flex: 1; display: flex; flex-direction: column; background: #004D44; color: white; } .aboutgrid>div:nth-child(4n+2)>a, .aboutgrid>div:nth-child(4n+3)>a{ background:#CEBF89; color:#202020; } .aboutgrid>div>a>div { flex: 1;display: flex; flex-direction: column; padding: calc(((100vw - 17px) / 16) * 0.5); } .aboutgrid>div>a>div p {font-size:0.8333333333333333rem; margin-bottom: 1em; max-width: 24.5em; font-weight: 600; } .aboutgrid>div header { height: calc(((100vw - 17px) / 16) * 3.5); position: relative; } .aboutgrid>div header picture { display: block; overflow: hidden; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .aboutgrid>div header picture img { display: block; position: absolute; height: 100%; width: 100%; object-fit: cover;} .aboutgrid>div header h3{ position: relative; z-index: 10; color: white; padding: calc(((100vw - 17px) / 16) * 0.5); ;font-weight:900;} .aboutgrid>div header h3::before{ opacity:0; opacity: 0.6666; opacity: 0.85; transition:all 0.2s ease; content:""; display:block; top:0; left:0; width:100%; height: calc(100% + 3em); pointer-events: none; position:absolute; z-index: -1; box-sizing: content-box; background: -webkit-linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } .aboutgrid>div>a p:last-child {margin: auto 0 0; } .aboutgrid>div>a p:last-child span { font-size:0.6666666666666667rem; font-weight:900; line-height:1; padding:0.55em 1.4em 0.7em; padding:0.55em 1.4em; background:rgba(0,47,41,0.5); border-radius:300px; } .aboutgrid>div:nth-child(4n+2)>a p:last-child span, .aboutgrid>div:nth-child(4n+3)>a p:last-child span{ background:rgba(222,209,163,1); } .aboutgrid>div>a p:last-child span::after{ display: inline-block; vertical-align: middle; width: 36px; height:20px; width: 40px; margin-left: 1em; content:""; transition: all 0.2s ease; background-position: left center; background-repeat: no-repeat; background-image: url("images/icons/arrow.php?colour=FFFFFF"); } .aboutgrid>div:nth-child(4n+2)>a p:last-child span::after, .aboutgrid>div:nth-child(4n+3)>a p:last-child span::after{ background-image: url("images/icons/arrow.php?colour=202020"); } .aboutgrid>div>a:hover p:last-child span::after{ margin-left: 2em; } .aboutgrid>div>a:hover p:last-child span { background:rgba(0,47,41,1); } .aboutgrid>div:nth-child(4n+2)>a:hover p:last-child span, .aboutgrid>div:nth-child(4n+3)>a:hover p:last-child span{ background:#A89769;} /* .aboutgrid>div>a:hover p:last-child span { background:rgba(222,209,163,1); color: #202020; } .aboutgrid>div>a:hover p:last-child span::after{ background-image: url("images/icons/arrow.php?colour=202020"); } .aboutgrid>div:nth-child(4n+2)>a:hover p:last-child span, .aboutgrid>div:nth-child(4n+3)>a:hover p:last-child span{ background:#004D44;; color: white;} .aboutgrid>div:nth-child(4n+2)>a:hover p:last-child span::after, .aboutgrid>div:nth-child(4n+3)>a:hover p:last-child span::after{ background-image: url("images/icons/arrow.php?colour=FFFFFF"); } */ @media all and (max-width: 1199px) { .aboutgrid>div{ width:calc(((100vw - 17px) / 16) * 6.75); margin:0 calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 0.5) 0; display: flex; flex-direction: column; } .aboutgrid>div:nth-child(2n+2) { margin-right: 0;} .aboutgrid>div:nth-child(4n+2), .aboutgrid>div:nth-child(4n+3){ width:calc(((100vw - 17px) / 16) * 6.75); } } @media all and (max-width: 899px) { .aboutgrid>div{ width:calc(((100vw - 17px) / 16) * 14); margin:0 0 calc(((100vw - 17px) / 16) * 1) 0; } .aboutgrid>div:nth-child(2n+2) { margin-right: 0;} .aboutgrid>div:nth-child(4n+2), .aboutgrid>div:nth-child(4n+3){ width:calc(((100vw - 17px) / 16) * 14); } .aboutgrid>div header { height:0; padding-bottom: 50%; } .aboutgrid>div header h3, .aboutgrid>div>a>div { padding: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1); } .aboutgrid>div>a>div p.cta:last-child {white-space: nowrap ; padding-top: 1em; } .aboutgrid>div>a>div p.cta:last-child span::after { margin-left: 1em; width: 27px; height:15px; } } @media all and (max-width: 599px) { .aboutgrid>div header h3, .aboutgrid>div>a>div { padding: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1.5); } .aboutgrid>div>a>div p {font-size:0.66666666666666666666666666666667rem; } .aboutgrid>div header h3 {font-size: 0.75rem;} .aboutgrid>div>a>div p.cta:last-child span{ padding:0.5em 1em;font-size: 0.5833333333333333rem; } }div#sectionmenu { } div#sectionmenu h3 {font-weight: 800; font-size: 18px; line-height: 22px; line-height: 20px; padding: 7px 16px 7px 0; margin-bottom: 0; color: #4A4A4A;} div#sectionmenu ul { display: flex; justify-content: space-between; } div#sectionmenu ul li{ font-weight: 600; font-size: 16px; line-height: 20px; } div#sectionmenu ul li a{ background: #FFFCF3; transition: all 0.2s ease; border: 1px solid #B09F6B; color: #4A4A4A; padding: 0.5em 0.75em; display: block; } div#sectionmenu ul li.current a, div#sectionmenu ul li a:hover { background: #B09F6B; color: #FFF;} div#sectionmenu h3 b {display: none; } @media all and (min-width:900px) { div#sectionmenu { display: flex; flex-wrap: wrap; margin: 0 calc(((100vw - 17px) / 16) * 1); } } @media all and (max-width:899px) { div#sectionmenu { background: #FFFCF3; background:#CEBF89 ; margin:-2rem calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1); padding: 0; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25); position:relative; z-index:100; } div#sectionmenu h3 { color: #4A4A4A; color: #30312C; display: flex; } div#sectionmenu h3 b { margin-left: auto; } div#sectionmenu h3>b{ display: block; width: 22px; width: 22px; position: relative; } div#sectionmenu h3>b::before, div#sectionmenu h3>b::after { content:""; display: block; background: #4A4A4A; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.2s ease; } div#sectionmenu h3>b::before { height:1px; width: 24px; } div#sectionmenu h3>b::after { height:24px; width: 1px; } div#sectionmenu:not(.closed) h3>b::before {transform: translate(-50%,-50%) rotate(90deg); opacity: 0;} div#sectionmenu:not(.closed) h3>b::after {transform: translate(-50%,-50%) rotate(90deg);} div#sectionmenu ul { display: block; } div#sectionmenu ul li{ font-weight: 600; font-size: 16px; line-height: 19px; border-top:1px solid #4A4A4A; } div#sectionmenu ul li a{ /*background: rgba(255,255,255,0.1);*/ transition:all 0.2s ease; } div#sectionmenu h3, div#sectionmenu ul li a{color: #4A4A4A; padding:1rem 1rem; margin: 0; border: none;} div#sectionmenu ul li a:hover{ background: #E6DFC4; color: #4A4A4A; } div#sectionmenu ul { overflow-y: hidden; transition: all 0.5s ease; max-height: 1000px; } div#sectionmenu.closed ul { max-height: 0; } } @media all and (min-width:900px) { div#sectionmenu { padding: calc(((100vw - 17px) / 16) * 0.5) 0 calc((((100vw - 17px) / 16) * 0.5) - 16px); } div#sectionmenu ul { display: flex; flex-wrap: wrap; justify-content: flex-start; } div#sectionmenu ul li { margin: 0 1em 1em 0; } div#sectionmenu ul li a{ border-radius:300px; } } @media all and (min-width:1200px) { div#sectionmenu ul { display: flex; justify-content: space-between; justify-content: flex-start;} div#sectionmenu ul::after {display: block; content:"";} div#sectionmenu ul li { margin: 0; } div#sectionmenu ul li { margin: 0 1em 1em 0; } } @media all and (min-width:1200px) and (max-width:1399px) { div#sectionmenu ul li { font-size: 14px; line-height: 1.4; } div#sectionmenu ul li a{ padding: 0.5em 1em; } } @media all and (min-width:1500px) { } @media all and (min-width:1800px) { }#sectionintro { background: #004D44; color: white;} #sectionintro {display: flex; margin: 0 calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 0.5) ; } #sectionintro>div { width: 50%;} #sectionintro>div:first-child{padding:calc(((100vw - 17px) / 16) * 0.5); display: flex; flex-direction:column; } #sectionintro>div:first-child h1{ font-size: 1rem; line-height: 1.5; font-weight: 900; margin-bottom: 1em; } #sectionintro>div:first-child p { font-size: 0.8333333333333333rem; margin-bottom: 1rem; max-width: 24.5em; font-weight: 400; } #sectionintro>div:first-child p:last-child { } .featureblock>div:first-child p:last-child, #sectionintro>div:first-child p:last-child {margin: auto 0 0; padding-top: 1em; } .featureblock>div:first-child h2+p, #sectionintro>div:first-child h1+p { margin: 0 0 1em !important; padding-top: 0 !important;} p.more>span, .featureblock>div:first-child p:last-child a:only-child, #sectionintro>div:first-child p:last-child a:only-child { font-size:0.6666666666666667rem; font-weight:900; line-height:1; padding:0.55em 1.4em 0.7em; padding:0.55em 1.4em; background:rgba(0,47,41,0.5); border-radius:300px; color: white; padding:1em 1.5em; } .featureblock>div:first-child {display: flex; flex-direction: column; } .featureblock>div:first-child p:last-child { margin-top: auto; } .featureblock>div:first-child p:last-child a:only-child { background:rgba(0,0,0,0.25); } p.more>span::after, .featureblock>div:first-child p:last-child a:only-child::after, #sectionintro>div:first-child p:last-child a:only-child::after{ top:0; transform:none; position:static; display: inline-block; vertical-align: middle; width: 40px; width: 36px; height:20px; margin-left: 1rem; content:""; transition: all 0.2s ease; background-position: left center; background-repeat: no-repeat; background-image: url("images/icons/arrow.php?colour=FFFFFF"); } p.more>span::after { width: 20px; height:20px; background-position: right center; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"><g><g><g><path fill="none" stroke="%23004946" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" shape-rendering="geometricPrecision" vector-effect="non-scaling-stroke" d="M12,22.4V1.5"/></g></g> <path fill="none" stroke="%23004946" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" shape-rendering="geometricPrecision" vector-effect="non-scaling-stroke" d="M3.1,13.5l8.9,9l8.9-9"/></g></svg>'); } p.more>span { position: relative; left: -0.55em; } p.contract>span::after { transform: rotate(180deg); } @media all and (max-width: 899px) { #sectionintro {display: block; margin-bottom: calc(((100vw - 17px) / 16) * 1);} #sectionintro>div { width: 100%;} #sectionintro>div:first-child{padding:calc(((100vw - 17px) / 16) * 1); } .featureblock>div:first-child p:last-child a:only-child, #sectionintro>div:first-child p:last-child a:only-child {white-space: nowrap ; } .featureblock>div:first-child p:last-child a:only-child::after, #sectionintro>div:first-child p:last-child a:only-child::after{ margin-left: 1em; width: 27px; height:15px; } } @media (max-width: 599px){ #sectionintro>div:first-child h1{ font-size: 0.75rem; } #sectionintro>div:first-child p { font-size:0.66666666666666666666666666666667rem; } .featureblock>div:first-child p:last-child a:only-child, #sectionintro>div:first-child p:last-child a:only-child{ font-size:0.66666666666666666666666666666667rem; font-size: 0.5833333333333333rem; padding:0.5em 1em; padding:1em 1.5em; } } #sectionintro>div:last-child {position: relative; /*overflow: hidden;*/ } #sectionintro>div:last-child::before { display: block; width:100%; height: 0; padding-bottom: 100%; content:"";} div.introslides { position: absolute;width: 100%; height:100%; left: 0; top: 0;} div.introslides div.slick-slide {position: relative; } div.introslides figure { width: 100%; height:100%; position: relative; display: block; } div.introslides figure picture { display: block; height: 100%; width: 100%; position: absolute; } div.introslides figure img{display: block; height: 100%; width: 100%; object-fit:cover; position: absolute; z-index: 1; } div.introslides figure figcaption { position: absolute; font-weight: 500; font-size: 0.75rem; z-index: 99; /*background: rgba(255,0,255,0.5);*/ width: 100%; width: 100%; padding: calc(((100vw - 17px) / 16) * 0.5); bottom:0; left: 0;} @media all and (max-width: 599px) { div.introslides figure figcaption { padding: calc(((100vw - 17px) / 16) * 1); font-size: 0.5833333333333333rem} } div.introslides figure figcaption::before { opacity: 0.666;opacity: 0.85; transition:all 0.2s ease; content:""; display:block; bottom:0; left:0; width:100%; height: calc(100% + 64px); pointer-events: none; position:absolute; z-index: -10; box-sizing: content-box; background: -webkit-linear-gradient(bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } .introslides {display: block; flex-direction: column; } .introslides>div:not(.arrowholder), .introslides .slick-list, .introslides .slick-list .slick-track { flex:1; height: 100%;} .introslides ul.slick-dots { position: absolute; width:100%; bottom: 0; z-index: 80;} .introslides .arrowholder { width: calc(((100vw - 17px) / 16) * 1); height: 100%; top: 0; pointer-events: none; position: absolute; z-index: 9; overflow: hidden;} .introslides .prevarrowholder { left:0;} .introslides .nextarrowholder { right:0;} .introslides .arrowholder button {background: none; border: none; outline: none; display: block; content:""; width:40px; height: 82px; pointer-events: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); cursor: pointer;} .introslides .arrowholder button svg { position: absolute; height: 100%; width:66%; top: 50%; left: 50%; transform: translate(-50%,-50%); filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.8)); } @media all and (max-width: 899px) { .introslides .arrowholder button {height: 36px;} } .introslides .slick-dots {padding: 16px; } .introslides .slick-dots::before { opacity: 0.85; opacity: 0.666; transition:all 0.2s ease; content:""; display:block; bottom:0; left:0; width:100%; height: calc(100% + 64px); pointer-events: none; position:absolute; z-index: -10; box-sizing: content-box; background: -webkit-linear-gradient(bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } .introslides .slick-dots li { width:32px; height: 16px; } .introslides .slick-dots li::after { width:16px; height:16px; } .introslides .slick-dots li::after { background: rgba(255,255,255,0.5); } .introslides .slick-dots li.slick-active::after {background: #FFF; } #topimage { display:none; } @media all and (max-width: 899px) { #sectionintro>div:last-child, #introslides {display: none;} #topimage { display: block; width: 100%; position: relative; height: 50vw; } #topimage figcaption { display: none;} } @media all and (max-width: 599px) { #topimage { display: block; width: 100%; position: relative; height: 79.78723404255319148936170212766vw; } #topimage figure::before{ opacity:0; opacity: 0.6666; opacity: 0.85; transition:all 0.2s ease; content:""; display:block; top:0; left:0; width:100%; height: calc(72px + 10vh); pointer-events: none; position:absolute; z-index: 10; box-sizing: content-box; background: -webkit-linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } #topimage figure::after{ opacity:0; opacity: 0.6666; opacity: 0.85; transition:all 0.2s ease; content:""; display:block; bottom:0; left:0; width:100%; height: calc(72px + 10vh); pointer-events: none; position:absolute; z-index: 10; box-sizing: content-box; background: -webkit-linear-gradient(bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } } #currentfilters, #placesmap, #placestovisit { background: #30312C; background: #565148; margin: 0; } #placesgrid { padding: calc(((100vw - 17px) / 16) * 0.5) 0 ; } body.visit-template-template-places #bannerholder { margin-bottom: 0; } #placesgrid>ul { display: flex; flex-wrap: wrap; } #placesgrid>ul li { width:calc(((100vw - 17px) / 16) * 4); margin:0 0 calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1); display: flex; flex-direction: column; } #placesgrid>ul li picture{width:100%; display:block; height:auto; padding-bottom:60%; position: relative;} #placesgrid>ul li img{ position: absolute; object-fit: cover; width: 100%; height: 100%; } #placesgrid>ul li a { flex: 1; display: block; background: #ECEAE6; color: #30312C; transition: all 0.2s ease; } #placesgrid>ul li a header { padding:calc(((100vw - 17px) / 16) * 0.25); } #placesgrid>ul li a header h3 { font-size: 0.833333333333333rem !important; font-weight: 700 !important; line-height: 1.111 !important; margin-bottom: 0.5em !important; } #placesgrid>ul li a header p { font-size: 0.75rem !important; font-weight: 400 !important; line-height:1.25 !important; margin-bottom: 0 !important; } /*#placestovisit>ul li a header a {display:block; background: #FFF8EA; color: #5D5F56; transition: all 0.2s ease; } */ #placesgrid>ul li a header p:first-child { width: 5em; height: 5em; border-radius: 50%; background: white; border:2px solid #cebf89; float: right;font-size: 12px !important; margin: 0 0 1em 1em; text-align: center; text-transform: uppercase; line-height: 14px !important; display: flex; align-items: center; font-weight: 600 !important; letter-spacing: -0.01em; } #placesgrid>ul li a header p.sm:first-child { width: 60px; height: 60px; font-size: 8px !important; line-height: 10px !important; } #placesmap ul li a header p:first-child {display:none;} #currentfilters { padding-left: calc(((100vw - 17px) / 16) * 1); padding-right: calc(((100vw - 17px) / 16) * 1); } #currentfilters dl{ display: flex; flex-wrap: wrap; padding: 15px 30px calc((((100vw - 17px) / 16) * 0.5) - 15px); } #currentfilters dt, #currentfilters dd { margin: 0 19px 16px 0; font-size: 16px; line-height: 19px; padding: 0.75em 8px 0.666em 0; } #currentfilters dt { color: #CEBF89; } #currentfilters dd { background: #FFFFFF; border: 1px solid #76CACA; font-weight: 600; padding: 0.75em 3em 0.666em 2em; border-radius: 8px; color: #002422; text-align: center; position:relative; } #currentfilters dd>b { position:absolute; width: 18px; height: 18px; display: block; top:50%; right:12px; margin-top:-10px;} #currentfilters dd>b::before, #currentfilters dd>b::after {content:""; height: 1px; background: #002422; width: 21px; display: block; position:absolute; top:calc(50% + 1px); left: 50%; transform: translate(-50%,-50%); } #currentfilters dd>b::before{ transform: translate(-50%,-50%) rotate(-45deg); } #currentfilters dd>b::after{ transform: translate(-50%,-50%) rotate(45deg); } #currentfilters.notinuse { display: none;} @media all and (max-width: 599px) { #currentfilters dt, #currentfilters dd { font-size: 14px; line-height: 1; padding:0.5em 0.5em 0.4em 0; } #currentfilters dd { padding:0.5em 1.5em 0.4em 0.5em; border-radius: 5px; } #currentfilters dd>b { width: 12px; height: 12px; right:6px; margin-top:-6px; } #currentfilters dd>b::before, #currentfilters dd>b::after { width: 10px; } } #placestovisit>p { color: #CEBF89; font-size: 24px; padding: 0 30px; line-height: 29px; margin-left: calc(((100vw - 17px) / 16) * 1); margin-right: calc(((100vw - 17px) / 16) * 1); } #placesmap { padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1);} #placemap { height:calc(80vw - (((100vw - 17px) / 16) * 2)); max-height:80vw;} @media all and (max-width: 1199px) { #placesgrid>ul li a header { padding: 20px; } } @media all and (max-width: 899px) { #placesgrid>ul li { width:calc(((100vw - 17px) / 16) * 6.5); } } @media all and (max-width: 599px) { #placesgrid>ul li { width:calc(((100vw - 17px) / 16) * 14); } #placesgrid>ul figure figcaption { . font-size: 0.5833333333333333rem; } #currentfilters dl, #placestovisit>p { padding-left: calc(((100vw - 17px) / 16) * 1);padding-right: calc(((100vw - 17px) / 16) * 1);} /* #placesgrid>ul li a header { padding:calc(((100vw - 17px) / 16) * 1); }*/ #placesgrid>ul li a header h3 { font-size: 18px !important; } #placesgrid>ul li a header p { font-size: 14px !important; } } #placesgrid>ul li a { transition: all 0.2s ease; } #placesgrid>ul li a:hover { box-shadow: 0 16px 16px rgba(0,0,0,0.25), 0 8px 8px rgba(0,0,0,0.22); } div.mappopup { width:270px; font-family: 'lato',sans-serif; min-height: 200px; background: #ECEAE6; } div.mappopup a { display: block; background: #ECEAE6;color: #30312C;} div.mappopup a picture {display:block; width: 100%; height:0; padding-bottom: 60%; position:relative; } div.mappopup a picture img{ position: absolute; object-fit: cover; width: 100%; height: 100%; } div.mappopup a header { padding:0.5833333333333333rem; } div.mappopup a header h3 { font-size: 0.5833333333333333rem !important; font-weight: 700 !important; line-height: 1.111 !important; margin-bottom: 0.5em !important; } div.mappopup a header p { font-size: 0.5rem !important; font-weight: 400 !important; line-height:1.25 !important; margin-bottom: 0 !important; } div.mappopup a header p:first-child { display:none !important; } #placemap .gm-style-iw-t::after { background: linear-gradient(45deg,rgba(236,234,230,1) 50%,rgba(236,234,230,0) 51%,rgba(236,234,230,0) 100%); } #placemap .gm-style-iw-d+button {opacity: 1 !important; top: 0 !important; right: 0 !important; width:24px !important; height:24px !important; background: #ffb2bb !important ; } /*#placemap .gm-style-iw-d+button::before {display:block; content:""; position: absolute; width:100px; height:50px; top: 0; right: -20px; transform-origin: right top; transform: rotate(45deg); background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0)); }*/ #placemap .gm-style-iw-d+button img{ margin: 5px !important; } /*#placestovisit>ul li a header a {display:block; background: #FFF8EA; color: #5D5F56; transition: all 0.2s ease; } */ body.loading::before { display: block; content:""; width: 100%; height: 100%; position: fixed; left:0; top:0; background: rgba(0,77,68,0.666); background-position:center; background-repeat:no-repeat; z-index:999; } body.loading::after{ z-index:999; content:" "; display:block;width:90px;height:90px;animation:spin 1s infinite linear;border-radius:50%;border-width:8px;border-style:solid;border-color:rgba(255,255,255,0.75) #004d44 rgba(255,255,255,0.75) #004d44; border-color:rgba(255,255,255,0.5) rgba(255,255,255,0.5) rgba(255,255,255,0.5) rgba(255,255,255,1); overflow:hidden;text-indent:-99999em;margin:auto;position:fixed;top:50%;left:50%; margin:-45px 0 0 -45px; } @keyframes spin{to{transform:rotate(360deg);}} #tourism { margin:calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1) 0; background: #ECEAE6; color: #30312C; display:flex; justify-content: space-between; } #tourism div { width:calc((100% / 14) * 9); padding:40px 20px; display: flex; flex-direction: column; } #tourism div img { display: block; width: 100%; height: auto; } #tourism div:first-child { width:calc((100% / 14) * 4); } #tourism div h1, #tourism div img, #tourism div p { margin-top: auto; margin-bottom: auto;} #tourism div h1 { max-width: 100px; max-width: 400px; margin: auto;} #tourism div p { max-width: 32em; padding-right: 1em;} @media all and (max-width: 1199px) { #tourism div p { font-size: 0.8333333333333333rem;} #tourism div:first-child { padding-left: 10px; } #tourism div:last-child { padding-right: 10px; } } @media all and (max-width: 899px) { #tourism div, #tourism div:first-child{ padding:20px 0; width:calc(50% - 20px); } #tourism div p { font-size: 0.75rem;} } @media all and (max-width: 599px) { #tourism {display: block;} #tourism div, #tourism div:first-child { width: 100%; padding: 20px; } #tourism div:first-child { padding-bottom: 0; } #tourism div p { font-size: 0.66666666666rem;} } #showfilters { font-weight: 800; font-size: 18px; display: block; width: calc(((100vw - 17px) / 16) * 4); min-width: 15em; line-height: 22px; background: #ECEAE6; color: #5D5F56; color: #30312C; } #showfilters::before { /*content:"Filter your search"; */} .ga #showfilters::before { /*content:"Gaeilge Filter";*/ } #filters { background: #30312C; background: #565148; padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1); position: relative; } #filters>p { position: absolute; top: 0; transform: translateY(-100%); z-index: 94; color: white; width: calc(((100vw - 17px) / 16) * 14); } #filters>p { display: flex; } #filters>p label { width: 50%; background: #ECEAE6; color: #30312C; font-weight:700; font-size: 1rem; line-height: 1.208333333333333; cursor: pointer; padding: 1em 1em 0.8em; } input#grid_view:checked~form>div#filters>p>label[for="grid_view"], input#map_view:checked~form>div#filters>p>label[for="map_view"]{ background: #30312C; color: white; background: #CEBF89; color: #30312C; } /* input#grid_view:checked~form>div#filters>p>label[for="grid_view"]:hover, input#map_view:checked~form>div#filters>p>label[for="map_view"]:hover{ background:#565148 !important ; color: white !important; } */ #placesmap, body.visit-template-template-places #placesgrid /* , body.page-template-template-visit #placesgrid*/ {width: 100%; position:fixed; top: -10000px; opacity: 0; pointer-events: none; left: -100vw;} input#map_view:checked~#placesload>#placestovisit>#placesmap, input#grid_view:checked~#placesload>#placestovisit>#placesgrid {position: static; pointer-events: auto; opacity: 1; } #showfilters, div#filters>p>label {display:flex; align-items: center;} #showfilters::after, div#filters>p>label::after { display:block; height:36px; width:36px; content:""; margin-left: auto; background-repeat:no-repeat; background-size: contain; background-position:center; } div#filters>p>label[for="map_view"]:hover, div#filters>p>label[for="grid_view"]:hover {color:#565148 !important; } @media all and (max-width: 899px) { #showfilters::after, div#filters>p>label::after { height:32px; width:32px; } } @media all and (max-width: 599px) { #showfilters::after, div#filters>p>label::after { height:24px; width:24px; } } #showfilters::after { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve"><g><path fill="%2330312C" d="M14,30h8v-4h-8V30z M0,6v4h36V6H0z M6,20h24v-4H6V20z"/></g></svg>'); } #showfilters.opened::after { transform:rotate(180deg); } div#filters>p>label[for="grid_view"]::after { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve"><g><path fill="%2330312C" d="M9,36H0v-9h9V36z M9,22.5H0v-9h9V22.5z M9,9H0V0h9V9z M22.5,36h-9v-9h9V36z M22.5,22.5h-9v-9h9V22.5z M22.5,9h-9V0h9V9z M36,36h-9v-9h9V36z M36,22.5h-9v-9h9V22.5z M36,9h-9V0h9V9z"/></g></svg>'); } div#filters>p>label[for="map_view"]::after { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve"><g><path fill="%2330312C" d="M24,30.4l-12-3.7V5.6l12,3.7V30.4z M35,2c-0.2,0-0.2,0-0.4,0L24,5.7L12,2L0.8,5.4C0.4,5.6,0,5.9,0,6.3v26.8 C0,33.6,0.4,34,1,34c0,0,0.2,0,0.4,0L12,30.3L24,34l11.2-3.4c0.4-0.2,0.8-0.4,0.8-0.9V2.9C36,2.4,35.6,2,35,2z"/></g></svg>'); } input#grid_view:checked~form>div#filters>p>label[for="grid_view"]::after { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve"><g><path fill="%2330312C" d="M9,36H0v-9h9V36z M9,22.5H0v-9h9V22.5z M9,9H0V0h9V9z M22.5,36h-9v-9h9V36z M22.5,22.5h-9v-9h9V22.5z M22.5,9h-9V0h9V9z M36,36h-9v-9h9V36z M36,22.5h-9v-9h9V22.5z M36,9h-9V0h9V9z"/></g></svg>'); } input#map_view:checked~form>div#filters>p>label[for="map_view"]::after { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve"><g><path fill="%2330312C" d="M24,30.4l-12-3.7V5.6l12,3.7V30.4z M35,2c-0.2,0-0.2,0-0.4,0L24,5.7L12,2L0.8,5.4C0.4,5.6,0,5.9,0,6.3v26.8 C0,33.6,0.4,34,1,34c0,0,0.2,0,0.4,0L12,30.3L24,34l11.2-3.4c0.4-0.2,0.8-0.4,0.8-0.9V2.9C36,2.4,35.6,2,35,2z"/></g></svg>'); } div#filters>p>label[for="grid_view"]:hover::after { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve"><g><path fill="%23565148" d="M9,36H0v-9h9V36z M9,22.5H0v-9h9V22.5z M9,9H0V0h9V9z M22.5,36h-9v-9h9V36z M22.5,22.5h-9v-9h9V22.5z M22.5,9h-9V0h9V9z M36,36h-9v-9h9V36z M36,22.5h-9v-9h9V22.5z M36,9h-9V0h9V9z"/></g></svg>') !important; } div#filters>p>label[for="map_view"]:hover::after { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve"><g><path fill="%23565148" d="M24,30.4l-12-3.7V5.6l12,3.7V30.4z M35,2c-0.2,0-0.2,0-0.4,0L24,5.7L12,2L0.8,5.4C0.4,5.6,0,5.9,0,6.3v26.8 C0,33.6,0.4,34,1,34c0,0,0.2,0,0.4,0L12,30.3L24,34l11.2-3.4c0.4-0.2,0.8-0.4,0.8-0.9V2.9C36,2.4,35.6,2,35,2z"/></g></svg>') !important; } #filters>div { background:#ECEAE6; color: #30312C; display: flex; flex-wrap:wrap; font-family: inherit; width:100%; } body.preload #filters>div { display: none;} #filters>div fieldset { width: calc(33.3333% - ((((100vw - 17px) / 16) * 2) * (2 / 3))); width: calc(((100vw - 17px) / 16) * 4); margin-right: calc(((100vw - 17px) / 16) * 1); } #filters>div fieldset#fieldset2, #filters>div fieldset#fieldset5, #filters>div fieldset#fieldset8 { margin-right: 0;} #showfilters, #filters>p label, #filters>div>p, #filters>div fieldset { padding: 30px; } #filters>div>p { width: 100%; margin: 0;} #filters>div>p>input{ border: none; outline: none; background: #004D44; border-radius: 8px; font-weight: 800; font-family: inherit; font-size: 16px; line-height: 19px; color: white; padding: 0.75em 6em; cursor: pointer;} #filters>div>p>input:hover{ background:#30312C;} #filters>div fieldset h3 { font-weight: 800; color:#5D5F56; border-bottom:1px solid #5D5F56; font-size: 20px; line-height: 1; padding-bottom: 14px; } #filters>div fieldset li { font-weight: 500 ; color: #30312C; font-size: 16px; line-height: 1.5; margin:1em 0; font-family: inherit;} #filters>div fieldset li label { display:flex; position: relative; font-family: inherit; cursor: pointer;} input#grid_view, input#map_view, #filters>div fieldset li label input { position: fixed; opacity: 0; pointer-events: none; top: -100px; } #filters>div fieldset li label span { display:block } #filters>div fieldset li label>b { display:block; content:""; width:24px; min-width:24px; height: 24px; background: #FFFFFF; border: 1px solid #76CACA; margin-right: 10px; position: relative; } #filters>div fieldset li label>input:checked~b { border: 1px solid #004D44; } /*#filters form fieldset li label>b:before { content:"\2714"; display: block; width:1rem; height: 1rem; line-height: 1rem; text-align: center; color: #004D44; font-size: 1rem; } */ #filters>div fieldset li label>input:checked~b:before { content:""; display: block; position: absolute; width:15px; height: 8px; border: 3px solid #004D44; border-top: none; border-right: none; left:4px; top: 5px; transform: rotate(-45deg); } @media all and (max-width: 1199px) { #filters>div fieldset { width: calc(((100vw - 17px) / 16) * 4.666666666666667); margin-right: 0; } #showfilters, #filters>div>p, #filters>div fieldset { padding: 30px; } } @media all and (max-width: 899px) { #filters>div fieldset { width:50%; margin-right: 0; } } #filters>p label { padding-top:1em; padding-bottom: 0.8em; } @media all and (max-width: 599px) { #filters>div fieldset { width:100%; } #filters>p { width:calc(((100vw - 17px) / 16) * 16); position: relative; transform:none; margin-bottom:calc(((100vw - 17px) / 16) * 0.5); top:calc(0px - (((100vw - 17px) / 16) * 0.5)); left:calc(0px - (((100vw - 17px) / 16) * 1)); } #placestovisit>p, #showfilters, #filters>p label { font-size: 14px; } #filters>p label { padding-top:18px; padding-bottom: 14px; } #showfilters, #filters>p label, #filters>div>p, #filters>div fieldset { padding: calc(((100vw - 17px) / 16) * 1); } #filters>p label { padding: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 2); } #filters>p label:last-child { padding: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 2) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1); } } #showfilters{padding-bottom: 1.3333em; padding-top: 1.3333em;} #filters>div>p:first-child {padding-bottom: 0;} #filters>div>p:last-child {padding-top: 0;} .featureblock { background: #ECEAE6; color: #30312C; padding: calc(((100vw - 17px) / 16) * 0.75) calc(((100vw - 17px) / 16) * 1) ; margin: 0 0 calc(((100vw - 17px) / 16) * 0.5); display: flex; justify-content: space-between; } .featureblock>div:first-child{ width: calc(((100vw - 17px) / 16) * 7.5); padding: 0 calc(((100vw - 17px) / 16) * 0.5); } .featureblock>div:last-child{ width: calc(((100vw - 17px) / 16) * 6); display: flex; flex-direction: column; overflow: hidden; position: relative;} .featureblock>div:last-child::after{ display: block; width:100%; height:0; padding-bottom:66.666%; content:""; } .featureblock>div:last-child figure , .featureblock>div:last-child picture { position: absolute; top: 0; left: 0; width:100%; height: 100%; } .featureblock>div:last-child picture img{display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:100%; height: 100%; object-fit: cover; } @media all and (max-width:899px) { .featureblock { padding: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1); margin: 0 0 calc(((100vw - 17px) / 16) * 1); display:block;} .featureblock>div:first-child{ width:auto; padding: 0 calc(((100vw - 17px) / 16) * 1); margin-bottom: calc(((100vw - 17px) / 16) * 1); } .featureblock>div:last-child{ width:100%; } } .featurelist { background: #ECEAE6; color: #30312C; overflow-x: hidden; padding: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1); margin: 0 0 calc(((100vw - 17px) / 16) * 0.5); } .featurelist>p:first-child { padding-right: 1em; width: calc(((100vw - 17px) / 16) * 5); margin: 0 0 calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 5); font-size:1.333333333333333rem; font-weight: 700; line-height: 1.11; } .featurelist ol { position: relative; padding-top:calc(((100vw - 17px) / 16) * 0.5); } .featurelist ol::before {width: 2px; background:#B09F6B; display: block; content:""; position: absolute; left: calc(50% - 1px); bottom:0; height: calc(100% + (((100vw - 17px) / 16) * 1)); height: 100%; z-index: 50;} .featurelist ol::after {width: 12px;height: 12px; border-radius: 50%; background:#B09F6B; display: block; content:""; position: absolute; left: calc(50% - 6px); top:0; } .featurelist ol li { position: relative; display: flex; margin: calc(((100vw - 17px) / 16) * 1.5) 0 calc(((100vw - 17px) / 16) * 1.5); align-items: flex-start; } .featurelist ol li div{ width: 50%; } body:not(.preload) .featurelist ol li div{ transition: all 0.3s ease-out; } .featurelist ol li>b+div{ padding: calc(((100vw - 17px) / 16) * 0.5) ; background: #C6B582; } /*.featurelist ol li>b+div :last-child{ margin: 0; }*/ .featurelist ol li>b:first-child { position: absolute; left: 50%; transform: translate(-50%,-50%); background: #004D44; border-radius: 50%; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); font-size: 20px; line-height: 78px; height: 78px; width: 78px; text-align: center; color: white; font-size: 20px; z-index: 60;opacity: 0; transform: translate(-50%,-100%); } body:not(.preload) .featurelist ol li>b:first-child { transition: all 0.3s ease-out; } .featurelist li>div:last-child figure, .featurelist li>div:last-child picture {display: block; width:100%; position: relative;} .featurelist li>div:last-child picture img{display: block; width:100%; height: auto; } .featurelist li>div:last-child figcaption { font-size: 14px; line-height: 1.2; color: white; position: absolute; bottom:0; left: 0; width:100%; padding: 3em 1em 1em; background: -webkit-linear-gradient(bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } .featurelist ol li:nth-child(even)>div:last-child { order:-100 } .featurelist ol li>b+div{ /*transform: scale(0.5,1);*/ transform: translate(-50%,0); opacity: 0; transform-origin: right top; transition-delay: 0;} .featurelist ol li>div:last-child{/*transform: scale(0.5,1);*/ transform: translate(50%,0);opacity: 0; transition-delay: 0.2s; transform-origin: left top; } .featurelist ol li:nth-child(even)>b+div{ transform: translate(50%,0); transform-origin: left top; transition-delay: 0.2s;} .featurelist ol li:nth-child(even)>div:last-child { transform: translate(-50%,0); transform-origin: right top; transition-delay: 0; } .featurelist ol li:nth-child(odd)>b+div{ transition-delay: 0;} .featurelist ol li:nth-child(odd)>div:last-child { transition-delay:0.2s; } .featurelist ol li.isvisible>b { transform: translate(-50%,-50%); opacity: 1; } .featurelist ol li.isvisible>b+div, .featurelist ol li.isvisible>div:last-child { transform:none; opacity: 1; } @media all and (max-width: 899px) { .featurelist>p:first-child { padding-right: 0; width: auto; margin: 0 calc(((100vw - 17px) / 16) * 2) 1em calc(((100vw - 17px) / 16) * 2); font-size:1rem; } .featurelist ol li>b+div{ padding: 42px calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1); } .featurelist { padding: calc(((100vw - 17px) / 16) * 1) 0; margin-bottom: calc(((100vw - 17px) / 16) * 1) } .featurelist ol { padding-top:0; } .featurelist ol li { display: flex; margin:calc(38px + (((100vw - 17px) / 16) * 1)) 0 calc(38px + (((100vw - 17px) / 16) * 2));} .featurelist ol::after { display: none; } } @media all and (max-width:599px) { .featurelist ol li>div p { font-size: 13px; padding-right: 0; } .featurelist ol li>div figcaption {display: none;} } .splashimage, .imagery { margin: calc(((100vw - 17px) / 16) * 0.5) 0; } .imagery div { } .imagery div img { display: block; width: 100%; height: auto;} /* .imagery.multi { position:fixed; left:-100vw; height: 0 !important; overflow: hidden;} .imagery.multi.init{ position:relative; left:0; height:auto !important; } */ .imagery figure { position: relative; display: block; } .imagery figure picture { display: block; height: 100%; width: 100%; } .imagery figure img{ } .imagery figure figcaption { position: absolute; font-weight: 500; font-size: 0.75rem; z-index: 99; z-index: 89; /*background: rgba(255,0,255,0.5);*/ width: 100%; width: 100%; padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1); bottom:0; left: 0; color: white; } @media all and (max-width:599px) { .imagery figure figcaption { font-size: 0.5rem; } } .imagery:not(.fullbleed) figure {width:calc(((100vw - 17px) / 16) * 14); margin-left:calc(((100vw - 17px) / 16) * 1); } .imagery:not(.fullbleed) figure.portrait {width:calc(((100vw - 17px) / 16) * 10); margin-left:calc(((100vw - 17px) / 16) * 3); } .imagery.fullbleed figure.portrait {width:calc(((100vw - 17px) / 16) * 8); margin-left:calc(((100vw - 17px) / 16) * 4); } @media all and (max-width:899px) { .imagery:not(.fullbleed) figure {width:calc(((100vw - 17px) / 16) * 14); margin-left:calc(((100vw - 17px) / 16) * 1); } .imagery:not(.fullbleed) figure.portrait {width:calc(((100vw - 17px) / 16) * 14); margin-left:calc(((100vw - 17px) / 16) * 1); } .imagery.fullbleed figure.portrait {width:calc(((100vw - 17px) / 16) * 14); margin-left:calc(((100vw - 17px) / 16) * 1); } } @media all and (max-width:1499px) { .imagery:not(.fullbleed) figure {width:calc(((100vw - 17px) / 16) * 14); margin-left:calc(((100vw - 17px) / 16) * 1); } .imagery:not(.fullbleed) figure.portrait {width:calc(((100vw - 17px) / 16) * 12); margin-left:calc(((100vw - 17px) / 16) * 2); } .imagery.fullbleed figure.portrait {width:calc(((100vw - 17px) / 16) * 12); margin-left:calc(((100vw - 17px) / 16) * 2); } } .imagery figure figcaption::before { opacity: 0.666;opacity: 0.85; transition:all 0.2s ease; content:""; display:block; bottom:0; left:0; width:100%; height: calc(100% + 64px); pointer-events: none; position:absolute; z-index: -10; box-sizing: content-box; background: -webkit-linear-gradient(bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } @media all and (max-width:899px) { .splashimage, .imagery { margin: calc(((100vw - 17px) / 16) * 1) 0; } } /* .imagery*/ body.single-post #maincontent { background: black; color: white; } body.single-post #maincontent .textcontent * {color: white;} body.single-post .splashimage { height: 100vh; width: 100%; position: relative; } body.single-post .splashcaption { height: 100vh; width: 100%; position: relative; z-index: 10;} body.single-post .splashimage picture { left: 0; top: 0; height: 100%; width: 100%; position: absolute; } body.single-post .splashimage img { opacity: 0.1; transition: all 0.75s ease-out; filter:blur(20px); width: 100%; height: 100%; object-fit: cover; } body.single-post .splashimage.shown img { opacity: 0.80; filter:none; } body.single-post .splashcaption p { max-width: 30em; padding:0 calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 0.5); font-weight: 500; font-size:1rem; color: white; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25), 1px 1px 1px rgba(0, 0, 0, 0.35), -1px -1px 1px rgba(0, 0, 0, 0.35); } body.single-post .splashimage figcaption { padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1); color: white; position: absolute; font-weight: 500; font-size: 0.75rem; z-index: 99; z-index: 89; /*background: rgba(255,0,255,0.5);*/ width: 100%; width: 100%; bottom:0; left: 0; } body.single-post .splashimage figcaption { opacity: 0; transition: all 0.75s ease-out; filter:blur(10px); transform: translateY(100%); opacity: 0; pointer-events: none; transform: none; filter:none; } body.single-post .splashimage.shown figcaption { opacity: 1; filter:none; transform: none; opacity: 0; pointer-events: none; transform: none; filter:none; } body.single-post .splashimage figcaption::before { opacity: 0.666;opacity: 0.85; transition:all 0.2s ease; content:""; display:block; bottom:0; left:0; width:100%; height: calc(100% + 64px); pointer-events: none; position:absolute; z-index: -10; box-sizing: content-box; background: -webkit-linear-gradient(bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } @media all and (max-width:599px) { body.single-post .splashcaption p, .imagery figure figcaption { font-size: 0.5rem;} } body.single-post #bannerholder.shown { } body.single-post #bannerholder::after { opacity: 1; opacity:0;} body.single-post .bodytext {background: none; color: white;} body.single-post .bodytext:last-child{ margin-bottom: calc(((100vw - 17px) / 16) * 1);} body.single-post .blogtext *, body.single-post .bodytext *, body.single-post .imagery { opacity: 0; transition: all 1s ease-out; } body.single-post .blogtext.shown *, body.single-post .bodytext.shown *, body.single-post .imagery.shown { opacity: 1; } #blogcontent {min-height: 100vh; overflow: auto; } .splashimage, #blogcontent, .blogtext { background: black; position: relative; z-index: 10;} body.single-post #journalheader, body.single-post .textcontent { border-bottom: none !important; border-top: none !important; } #journalheader { height: 100vh; width: 100%; display: flex; flex-direction: column;} body.single-post #journalheader { position: relative; z-index: 20; } body.single-post #journalheader>div { margin-top:auto !important; position: relative; } body.single-post #journalheader>div::before { display: block; content:""; background: black; position: absolute; bottom:0; left: 50%; transform: translateX(-50%); width:100vw; height:100%; z-index: -1;} body.single-post #journalheader * { transition: all 0.2s ease; } body.single-post #journalheader.scrolled * { } body.single-post #journalheader>div::after{ opacity:1; transition:all 0.2s ease; content:""; display:block; bottom:100%; left: 50%; transform: translateX(-50%); width:100vw; height: 15vh ; pointer-events: none; position:absolute; z-index: 10; box-sizing: content-box; background: -webkit-linear-gradient(bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } body.single-post #bannerholder nav#breadcrumbs {z-index: 50;} body.single-post #bannerholder {width: 100%; height:100vh; /*left: 0; top:0;*/ overflow: hidden; } body.single-post #blogbanner { transition: all 0.2s ease; background: black; height: calc(100vh - 10rem); width: 100%; height:100vh; position: fixed; top:0; left:0; z-index: 10; pointer-events: none; opacity: 0; } @media all and (max-width:899px) { #journalheader, body.single-post #bannerholder, body.single-post #blogbanner { width: 100%; height:100vw; } body.single-post .splashimage img { object-fit: contain; } } body.single-post:not(.preload) #blogbanner { opacity: 1; } body.single-post.scrolled1 #blogbanner { opacity: 0; } body.single-post #blogbanner figure { width: 100%; height: 100%; position: absolute; left: 0; top:0; display: block; } body.single-post #blogbanner figure img{display: block; height: 100%; width: 100%; object-fit:cover; position: absolute; z-index: 1; } body.single-post #blogbanner figure figcaption { display: block; position: absolute; z-index: 90; text-align: right; font-size: 0.75rem; line-height: 1.222222222222222; color: white; top: 120px; right:0; padding:1rem calc(((100vw - 17px) / 16) * 0.5) 0 0; font-weight:300; transition: all 0.2s ease; /*transition-delay: 1s;*/ } body.single-post #blogbanner figure figcaption a, body.single-post #blogbanner figure figcaption span { display: inline-block;color: white; position: relative; right:0; opacity: 1; transition: all 0.4s ease-out;transition-delay: 1s;} body.single-post #blogbanner figure::before{ opacity:0; opacity: 0.6666; opacity: 0.85; transition:all 0.2s ease; content:""; display:block; top:0; left:0; width:100%; height: calc(72px + 10vh); opacity: 0.95; height: calc(72px + 20vw); pointer-events: none; position:absolute; z-index: 10; box-sizing: content-box; background: -webkit-linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } @media all and (min-width: 900px) { /* body.single-post #blogbanner figure { position: relative; } body.single-post #blogbanner figure::before{ height: calc(140px + 20vh); opacity: 0.6666; opacity: 0.85; }*/ } header#articleheader { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 50; padding-bottom: calc(((100vw - 17px) / 16) * 0.3333); } header#articleheader > div.bodytext { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; background: none; color: white; } body.single-articles #bannerholder + div.bodytext { padding-top: calc(((100vw - 17px) / 16) * 0.5); margin-top: 0; } header#articleheader > div.bodytext p:first-child { margin: 0 0 0.5em; font-weight: 300; line-height: 1.2; font-size: 0.75em; } header#articleheader > div.bodytext h1 { margin: 0 0 0.25em; color: white; } header#articleheader > div.bodytext p:last-child { margin: 0; font-style: italic; font-weight: 400; line-height: 1.2; font-size: 1.333333rem; } #author_details { margin-bottom: calc(((100vw - 17px) / 16) * 0.5); display: flex; align-items: center; flex-wrap: wrap; } body.single-post #author_details{ margin-bottom: 0; } #author_details picture { width: 108px; height: 108px; border-radius: 50%; display: block; position: relative; margin-right: 1em; margin-bottom: calc(((100vw - 17px) / 16) * 0.5); overflow: hidden; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } #author_details picture img { display: block; width: calc(100% + 2px); height: calc(100% + 2px); object-fit: cover; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; } #author_details p { font-weight: 600; font-size: 1rem; line-height: 1.333333333; margin-bottom: calc(((100vw - 17px) / 16) * 0.5); color: #00534F; } @media all and (max-width: 1199px) { header#articleheader > div.bodytext p:first-child { font-size: 0.6666666666666667rem; } header#articleheader > div.bodytext p:last-child { font-size: 1rem; } } @media all and (max-width: 899px) { header#articleheader > div.bodytext p:last-child { font-size: 0.75rem; } body.single-articles #bannerholder + div.bodytext { padding-top: calc(((100vw - 17px) / 16) * 1); } } @media all and (max-width: 599px) { header#articleheader > div.bodytext p:first-child { font-size: 0.5rem; } #author_details picture { width: 64px; height: 64px; margin-right: 18px; } #author_details picture, #author_details p { margin-bottom: calc(((100vw - 17px) / 16) * 1); } #author_details p { font-size: 0.75rem; } header#articleheader::before { opacity: 0; transition: all 0.2s ease; opacity: 0.6666; opacity: 1; opacity: 0.85; content: ""; display: block; bottom: 0; left: 0; width: 100%; height: 130%; pointer-events: none; position: absolute; z-index: -1; box-sizing: content-box; background: -webkit-linear-gradient(bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } }section.articles-section { margin-bottom: 0; } .articles { /*padding: calc(((100vw - 17px) / 16) * 0.5) 0 ; */} ul.articles { display: flex; flex-wrap: wrap; } ul.articles li { width:calc(((100vw - 17px) / 16) * 4); margin:0 0 calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1); display: flex; flex-direction: column; } ul.articles li picture{width:100%; display:block; height:auto; padding-bottom:60%; position: relative;} ul.articles li img{ position: absolute; object-fit: cover; width: 100%; height: 100%; } ul.articles li a { flex: 1; display: block; background: #FFF; color: #30312C; transition: all 0.2s ease; } ul.articles li a:hover { box-shadow: 0 16px 16px rgba(0,0,0,0.25), 0 8px 8px rgba(0,0,0,0.22); } ul.articles li a header { padding:calc(((100vw - 17px) / 16) * 0.25); } ul.articles li a header h3 { font-size: 0.833333333333333rem !important; font-weight: 700 !important; line-height: 1.111 !important; margin-bottom: 0.5em !important; } ul.articles li a header p { font-size: 0.75rem !important; font-weight: 400 !important; line-height:1.25 !important; margin-bottom: 0 !important; } /*ul.articles li a header a {display:block; background: #FFF8EA; color: #5D5F56; transition: all 0.2s ease; } */ @media all and (max-width: 899px) { ul.articles li { width:calc(((100vw - 17px) / 16) * 6.5); } ul.articles li a header { padding:calc(((100vw - 17px) / 16) * 0.5); } } @media all and (max-width: 599px) { ul.articles li { width:calc(((100vw - 17px) / 16) * 14); } ul.articles figure figcaption { . font-size: 0.5833333333333333rem; } ul.articles li a header { padding:calc(((100vw - 17px) / 16) * 1); } }div.tags { } div.tags h3 {font-weight: 800; font-size: 18px; line-height: 22px; line-height: 20px; padding: 7px 16px 7px 0; margin-bottom: 0; color: #4A4A4A;} div.tags ul { display: flex; justify-content: space-between; } div.tags ul li{ font-weight: 600; font-size: 14px; line-height: 20px; } div.tags ul li a{ background: #FFFCF3; transition: all 0.2s ease; border: 1px solid #B09F6B; color: #4A4A4A; padding: 0.5em 0.75em; display: block; } div.tags ul li.current a, div.tags ul li a:hover { background: #B09F6B; color: #FFF;} div.tags h3 b {display: none; } /*@media all and (min-width:900px) { */ div.tags { display: flex; flex-wrap: wrap; margin: 0 calc(((100vw - 17px) / 16) * 1); } /*}*/ /* @media all and (max-width:899px) { div.tags { background: #FFFCF3; margin:-2rem calc(((100vw - 17px) / 16) * 1) 0; padding: 0; box-shadow: -8px -8px 8px rgba(0, 0, 0, 0.25); position:relative; z-index:100; } div.tags h3 { color: #4A4A4A; display: flex; } div.tags h3 b { margin-left: auto; } div.tags h3>b{ display: block; width: 22px; width: 22px; position: relative; } div.tags h3>b::before, div.tags h3>b::after { content:""; display: block; background: #4A4A4A; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.2s ease; } div.tags h3>b::before { height:1px; width: 24px; } div.tags h3>b::after { height:24px; width: 1px; } div.tags:not(.closed) h3>b::before {transform: translate(-50%,-50%) rotate(90deg); opacity: 0;} div.tags:not(.closed) h3>b::after {transform: translate(-50%,-50%) rotate(90deg);} div.tags ul { display: block; } div.tags ul li{ font-weight: 600; font-size: 16px; line-height: 19px; border-top:1px solid #4A4A4A; } div.tags ul li a{ background: rgba(255,255,255,0.1); transition:all 0.2s ease; } div.tags h3, div.tags ul li a{color: #4A4A4A; padding:1rem 1rem; margin: 0; border: none;} div.tags ul li a:hover{ background: #E6DFC4; color: #4A4A4A; } div.tags ul { overflow-y: hidden; transition: all 0.5s ease; max-height: 1000px; } div.tags.closed ul { max-height: 0; } } */ /*@media all and (min-width:900px) { */ div.tags { padding: calc(((100vw - 17px) / 16) * 0.5) 0 calc((((100vw - 17px) / 16) * 0.5) - 16px); } div.tags ul { display: flex; flex-wrap: wrap; justify-content: flex-start; } div.tags ul li { margin: 0 1em 1em 0; } div.tags ul li a{ border-radius:300px; } /*}*/ @media all and (max-width:899px) { div.tags { padding: calc(((100vw - 17px) / 16) * 1) 0 calc((((100vw - 17px) / 16) * 1) - 16px); } } @media all and (min-width:1200px) { div.tags ul { display: flex; justify-content: space-between; justify-content: flex-start;} div.tags ul::after {display: block; content:"";} div.tags ul li { margin: 0; } div.tags ul li { margin: 0 1em 1em 0; } } @media all and (min-width:1200px) and (max-width:1399px) { div.tags ul li { font-size: 14px; line-height: 1.4; } div.tags ul li a{ padding: 0.5em 1em; } } @media all and (min-width:1400px) { div.tags ul li { font-size: 16px; } } @media all and (min-width:1800px) { } @media all and (max-width:599px) { div.tags h3 { font-size: 16px;} div.tags { /*padding-left: calc(((100vw - 17px) / 16) * 1); padding-right: calc(((100vw - 17px) / 16) * 1);*/ } div.tags ul li { font-size: 12px; } } .revealer { margin-top: 40px;} .revealer>div{ max-height: 10000px; overflow: hidden; position: relative;transition: all 0.75s ease-in-out ; } .revealer>div>div{ padding: 20px; background:#ECEAE6; } .revealer>h2.closed+div{ max-height:0;/* padding-top: 0; padding-bottom: 0; border-color: transparent;*/ /*opacity: 0;*/ pointer-events: none; } .revealer>h2 {padding: 10px 20px; background:#565148; color: white; font-size: 0.75rem; line-height: 1.2; margin: 0; } .revealer>h2:not(.closed)+div { } .revealer { } .revealer>div p, .revealer>div li { line-height: 1.4; font-size:0.6666666666666667rem; } .revealer>h2>b{ display:inline-block; width: 1em; height:1em; position: relative; top:0.2em; margin-left: auto; } .revealer>h2>b::before, .revealer>h2>b::after { content:""; display: block; background: #FFF; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.2s ease; } .revealer>h2>b::before { height:2px; width: 0.75em; } .revealer>h2>b::after { height:0.75em; width: 2px; } .revealer>h2:not(.closed)>b::before {transform: translate(-50%,-50%) rotate(90deg); opacity: 0;} .revealer>h2:not(.closed)>b::after {transform: translate(-50%,-50%) rotate(90deg);} div#anchorlinks { } div#anchorlinks h3 {font-weight: 800; font-size: 18px; line-height: 22px; line-height: 20px; padding: 7px 16px 7px 0; margin-bottom: 0.5em; color: #4A4A4A;} div#anchorlinks ul { display: flex; justify-content: space-between; } div#anchorlinks ul li{ font-weight: 600; font-size: 14px; line-height: 20px; } div#anchorlinks ul li a{ background: #FFFCF3; transition: all 0.2s ease; border: 1px solid #B09F6B; color: #4A4A4A; padding: 0.5em 0.75em; display: block; } div#anchorlinks ul li.current a, div#anchorlinks ul li a:hover { background: #B09F6B; color: #FFF;} div#anchorlinks h3 b {display: none; } div#anchorlinks { display: flex; flex-wrap: wrap; margin: 0 0 30px; } div#anchorlinks ul { display: flex; flex-wrap: wrap; justify-content: flex-start; } div#anchorlinks ul li { margin: 0 1em 1em 0; list-style:none !important;} div#anchorlinks ul li a{ border-radius:300px; } div#anchorlinks ul li::before{ display:none; } @media all and (max-width:899px) { div#anchorlinks { } } @media all and (min-width:1200px) { div#anchorlinks ul { display: flex; justify-content: space-between; justify-content: flex-start;} div#anchorlinks ul::after {display: block; content:"";} div#anchorlinks ul li { margin: 0; } div#anchorlinks ul li { margin: 0 1em 1em 0; } } @media all and (min-width:1200px) and (max-width:1399px) { div#anchorlinks ul li { font-size: 14px; line-height: 1.4; } div#anchorlinks ul li a{ padding: 0.5em 1em; } } @media all and (min-width:1400px) { div#anchorlinks ul li { font-size: 16px; } } @media all and (min-width:1800px) { } @media all and (max-width:599px) { div#anchorlinks h3 { font-size: 16px;} div#anchorlinks { } div#anchorlinks ul li { font-size: 12px; } } div.formintext { margin: calc(((100vw - 17px) / 16) * 1) 0; border-radius:28px;} div.formintext div h3 { font-weight: 600; font-size: 24px; line-height: 29px; margin:0 0 1em 0; } div.formintext div h3+p { font-size: 16px; line-height: 23px; margin-bottom:1em; } div.formintext div p:last-child{ font-weight: 700; font-size: 15px; line-height: 18px; margin: auto 0 0; } div.formintext { background: #565148 ; /*padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 0.75);*/ color: white; display: flex; flex-direction: column; position: relative; width:calc(100% + (((100vw - 17px) / 16) * 2)); left: calc(0px - (((100vw - 17px) / 16) * 1)); } div.formintext form>div { padding: calc(((100vw - 17px) / 16) * 1); } div.formintext div>form, div.formintext div>form>div {display: flex; flex-direction: column; flex: 1; } div.formintext form label { position: fixed; top: -100px; height: 0; overflow: hidden; } div.formintext div input[type="text"], div.formintext div input[type="email"]{ border: none; outline: none; background: rgba(253, 255, 255, 0.8); padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 0.75); color: white; margin-bottom: 1rem; background: none; border:none; outline:none; display: block; width: 100%; background: rgba(253, 255, 255, 0.8); font-size: 20px; line-height: 24px; font-weight: 700; color: #53554B; font-family: 'lato',sans-serif; font-style:normal; padding:0.75rem; } div.formintext div input[type="submit"]{ display: block; background: none; border:none; outline:none; color: white; padding: 0; font-weight: 700; font-size: 15px; line-height: 18px; margin: 0;} div.formintext div>div.clear { margin-top: auto;} div.formintext div>div.hide { position: fixed; top: -100px; height: 0; overflow: hidden;} @media all and (max-width: 899px) { div.formintext {display: block; } div.formintext form>div { width: 100%; padding: calc(((100vw - 17px) / 16) * 1); } } @media all and (max-width: 599px) { div.formintext {display: block; border-radius:20px;} div.formintext form>div { /*display: block;*/ width: 100%; padding: calc(((100vw - 17px) / 16) * 1); } div.formintext div p:last-child{ margin-bottom: 2em; } } @media all and (min-width: 600px) { } @media all and (min-width: 900px) { div.formintext form>div { padding: calc(((100vw - 17px) / 16) * 0.75) calc(((100vw - 17px) / 16) * 1); } } @media all and (min-width: 1200px) { div.formintext div h3 { font-size: 24px; line-height: 29px; } div.formintext div h3+p { font-size: 18px; margin-bottom:1em; line-height: 25px; } div.formintext { margin: calc(((100vw - 17px) / 16) * 0.5) 0; } div.formintext form>div { padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1); } } @media all and (min-width: 1500px) { } #educational { margin: 0 calc(((100vw - 17px) / 16) * 1); } #educational div.tags {margin-left: 0 !important; margin-right: 0 !important; } #educational h1 {font-size: 1.5rem; line-height: 1.2; margin-bottom: 1em; font-weight: 900;} #educational p {font-size: 1rem; margin-bottom: 1em; } @media all and (min-width:900px) { #educational { margin: 0 calc(((100vw - 17px) / 16) * 3); } #educational div.tags { padding: calc(((100vw - 17px) / 16) * 0.5) 0 calc((((100vw - 17px) / 16) * 0.5) - 16px); } } @media all and (max-width:899px) { #educational h1 {font-size: 1rem; } #educational p {font-size:0.66666666666666666666666666666667rem; } } .education_downloads { margin: 0 calc(((100vw - 17px) / 16) * 1) ; } .education_downloads ul {display: flex; flex-wrap: wrap; padding-bottom: calc(((100vw - 17px) / 16) * 1); } .education_downloads ul li {width:calc(33.333% - ((((100vw - 17px) / 16) * 2) / 3)); margin: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1) 0 0; display: flex; flex-direction: column; font-size: 20px; min-height:6em; } .education_downloads ul li:nth-child(3n+3) { margin-right: 0; } .education_downloads ul li a { flex:1; display: flex; flex-direction: column; margin-right: 0; color: white; overflow: hidden; position: relative; } .education_downloads ul li a picture { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .education_downloads ul li a picture img { display: block; width: calc(100% + 2px); height: calc(100% + 2px); object-fit: cover; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute;} .education_downloads ul li h3 { font-size: 20px; line-height: 1; position: relative; margin-top: auto; display: flex; padding: 1em; } .education_downloads ul li h3 span{ display:inline-block; z-index: 2; position: relative;} .education_downloads ul li h3::after { margin-left: auto; content:"";display:inline-block; width:1em; height: 1.2em; position: relative; background-size:contain; background-repeat: no-repeat; background-position: right center; background-position:left center; background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 24" style="enable-background:new 0 0 20 24;" xml:space="preserve"><g><path fill="none" stroke="white" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" shape-rendering="geometricPrecision" vector-effect="non-scaling-stroke" d="M9.6,22.9L19.4,12L9.6,1.1"/><path fill="none" stroke="white" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" shape-rendering="geometricPrecision" vector-effect="non-scaling-stroke" d="M19.4,12L0,12"/></g></svg>'); z-index: 2; } .education_downloads ul li h3::before { display: block; height: 200%; content:""; width: 100%; bottom: 0; left: 0; position: absolute; background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, transparent 100%); z-index: 0; opacity: 0.9; } @media all and (max-width:1199px) { .education_downloads ul li:nth-child(3n+3) , .education_downloads ul li {width:calc(50% - (((100vw - 17px) / 16) * 0.5)); margin: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1) 0 0; } .education_downloads ul li:nth-child(2n+2) { margin-right: 0; } } @media all and (max-width:899px) { .education_downloads ul li:nth-child(2n+2), .education_downloads ul li:nth-child(3n+3) , .education_downloads ul li {width:100%; margin: calc(((100vw - 17px) / 16) * 1) 0 0 0; } } .video_thumbs { margin: 0 calc(((100vw - 17px) / 16) * 1) ; } .video_thumbs ul {display: flex; flex-wrap: wrap; padding-bottom: calc(((100vw - 17px) / 16) * 1); } .video_thumbs ul li {width:calc(33.333% - ((((100vw - 17px) / 16) * 2) / 3)); margin: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1) 0 0; } .video_thumbs ul li:nth-child(3n+3) { margin-right: 0; } .video_thumbs ul li a { height: 0; position:relative; padding-bottom:56.25%; width: 100%; display: block; color: white; overflow: hidden; } .video_thumbs ul li a h3 { font-size: 20px; line-height: 1; position: absolute; bottom:-1px; width: 100%; padding: 1em; } .video_thumbs ul li a h3::before { display: block; height: 200%; content:""; width: 100%; bottom: 0; left: 0; position: absolute; background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, transparent 100%); z-index: 5; opacity: 0.9; transition: all 0.2s ease; } .video_thumbs ul li a h3 span {position: relative; z-index: 10;} .video_thumbs ul li a img {display: block; width: calc(100% + 2px); height: calc(100% + 2px); top:50%; left: 50%; transform: translate(-50%,-50%); position: absolute; z-index:1; transition: all 0.2s ease; } .video_thumbs ul li a:hover h3::before { opacity: 1; height: 250%; } .video_thumbs ul li a:hover img { width: 110%; height:110%; } @media all and (max-width:1199px) { .video_thumbs ul li:nth-child(3n+3) , .video_thumbs ul li {width:calc(50% - (((100vw - 17px) / 16) * 0.5)); margin: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1) 0 0; } .video_thumbs ul li:nth-child(2n+2) { margin-right: 0; } } @media all and (max-width:899px) { .video_thumbs ul li:nth-child(2n+2), .video_thumbs ul li:nth-child(3n+3) , .video_thumbs ul li {width:100%; margin: calc(((100vw - 17px) / 16) * 1) 0 0 0; } } /*@media all and (min-width:0px) { */ #header { position: relative;overflow: auto; } #header .banner { position: absolute; display: block; width: 100%; height: 100%; overflow: hidden; } #header .banner div { height: 100% !important;} /**/ #header figure, #header figure picture { height: 100%; overflow: hidden; display: block; position: relative; } #header figure img { position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: calc(100% + 2px); height: calc(100% + 2px); object-fit: cover;} #header header div{ color: white; padding:calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 3) calc(((100vw - 17px) / 16) * 1); position: relative; z-index: 10; min-height:calc(((100vw - 17px) / 16) * 1); margin-bottom: calc(((100vw - 17px) / 16) * 2); } #header header div::before { display: block; height: 125%; content:""; width: 100%; top: 0; left: 0; position: absolute; background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, transparent 100%); opacity: 0.9; } #header header div h1 { font-weight: 900; font-size: 1.5rem; margin-bottom: 0; position: relative;} #header header div p { font-weight: 600; font-size: 1rem; line-height: 1.5; margin-bottom: 1em; max-width: 30em; } #header+#first_text { margin:calc(0px - (((100vw - 17px) / 16) * 2)) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 0.5); padding: calc(((100vw - 17px) / 16) * 1); position: relative; background: white; } #header+#first_text>:last-child {margin-bottom: 0;} #header+#first_text p { margin-bottom: 1em; } #header+#first_text p:last-child {margin-bottom: 0;} /* } */ @media all and (min-width: 1500px) { #header header div { margin-bottom: calc(((100vw - 17px) / 16) * 1); } #header+#first_text { margin:calc(0px - (((100vw - 17px) / 16) * 1)) calc(((100vw - 17px) / 16) * 2) calc(((100vw - 17px) / 16) * 0.5); } } @media all and (max-width: 1499px) { #header header div{ padding:calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 2) calc(((100vw - 17px) / 16) * 1); } } @media all and (min-width: 900px) and (max-width: 1199px) { /* #header .banner {position: relative; } #header figure { position: relative; } #header picture { position: relative; display: block; width: 100%; height: 0; padding-bottom:50%; } #header header div { width:auto; margin: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 2) calc(((100vw - 17px) / 16) * 2); padding:calc(((100vw - 17px) / 16) * 0.5) 0 0; margin:calc(0px - (((100vw - 17px) / 16) * 1)) calc(((100vw - 17px) / 16) * 2) calc(((100vw - 17px) / 16) * 0.5); } #header+#first_text { padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1.5); margin:0 calc(((100vw - 17px) / 16) * 2) calc(((100vw - 17px) / 16) * 0.5); } */ #header header div{ padding:calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 2) <1); } } @media all and (max-width: 899px) { #header header div{ padding:calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 2) <1); } #header header div h1 { font-size: 1rem; } } /* @media all and (max-width: 899px) { #header header { margin: 0 0 calc(((100vw - 17px) / 16) * 1); color: white; position: relative; z-index: 10;} #header header h1 { font-weight: 900; font-size: 1rem; margin-bottom: 1em; } #header header p { font-weight: 600; font-size:0.75rem; line-height: 1.5; margin-bottom: 1em; } #header+#first_text p:last-child {margin-bottom: 0;} #header+#first_text { margin:calc(0px - (((100vw - 17px) / 16) * 2)) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 0.5); padding: 0 calc(((100vw - 17px) / 16) * 1); } #header+#first_text p { font-size: 0.66666666666666666666666666666667rem; margin-bottom: 1em; } #header+#first_text>:last-child {margin-bottom: 0;} } @media all and (max-width: 599px) { #header figure::before{ opacity:0; opacity: 0.6666; opacity: 0.85; transition:all 0.2s ease; content:""; display:block; top:0; left:0; width:100%; height: calc(72px + 10vh); pointer-events: none; position:absolute; z-index: 10; box-sizing: content-box; background: -webkit-linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } } */ div.downloadlinks { background:#ECEAE6; overflow: auto;} div.downloadlinks ul { padding: 0 calc(((100vw - 17px) / 16) * 1); display: flex; flex-wrap: wrap; margin-bottom: calc(((100vw - 17px) / 16) * 1); } div.downloadlinks ul li{ display: flex; flex-direction: column; width: calc(50% - (((100vw - 17px) / 16) * 0.5)); margin: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1) 0 0; } div.downloadlinks ul li:nth-child(even){ margin-right:0; } div.downloadlinks ul li a { display: block; flex:1; background:#FFF8EA; color: #30312C; border: 1px solid #B09F6B; padding: 0.75rem; transition: all 0.2s ease; } div.downloadlinks ul li a:hover { background:#565148; color: #FFF; } div.downloadlinks ul li p, div.downloadlinks ul li h3 { font-size: 0.6666666666666667rem; } div.downloadlinks ul li h3 { font-weight:600; } div.downloadlinks ul li p { font-weight:400; font-style:italic; } @media all and (max-width: 899px) { div.downloadlinks ul li{ width:100%;margin: calc(((100vw - 17px) / 16) * 1) 0 0 0; } div.downloadlinks ul { margin-bottom: calc(((100vw - 17px) / 16) * 1); } } .campaignslides { margin: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1) 0; background:#30312C; position: relative; color: #FFFFFF; } .campaignslides .callout { position: relative; display: flex; flex-direction: column; } .campaignslides .callout:not(:first-child) { display: none; } .campaignslides.slick-initialized .callout{ display: block; } /*.campaignslides .callout::before { display: block; content:""; }*/ .campaignslides .callout picture { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .campaignslides .callout picture img { display: block; width: calc(100% + 2px); height: calc(100% + 2px); position: absolute; top: -1px; left: -1px; object-fit: cover; } .campaignslides .callout div.textcontent {min-height: calc(((100vw - 17px) / 16) * 4); width: calc(((100vw - 17px) / 16) * 5); padding: calc(((100vw - 17px) / 16) * 0.5) 0 calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1); flex:1; display: flex; flex-direction: column; position: relative; z-index: 10; border: none !important; margin: 0 !important; } .campaignslides .callout div.textcontent p.cta:last-child {margin-top: auto; margin-bottom: 0; padding-top: 1em;} .campaignslides .callout div.textcontent header { height: 4rem; margin-bottom: 1rem; position: relative; } .campaignslides .callout div.textcontent header img { position: absolute; top: 0; left: 0; height: 100%; width: 100%;object-fit: contain; object-position: left bottom; } @media all and (max-width: 1499px) { .campaignslides .callout div.textcontent { width: calc(((100vw - 17px) / 16) * 6); min-height: calc(((100vw - 17px) / 16) * 5); } } @media all and (max-width: 1199px) { .campaignslides .callout div.textcontent { width: calc(((100vw - 17px) / 16) * 7); min-height: calc(((100vw - 17px) / 16) * 5); } } @media all and (max-width: 899px) { .campaignslides .callout div.textcontent { padding: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1); width: 100%; } .campaignslides .callout div.textcontent header { height: 3rem; } .campaignslides .callout div.textcontent p { font-size: 0.75rem; } } @media all and (max-width: 599px) { }section#highlights {padding-bottom: 0 !important; position: relative; margin-top: 5rem; } section#highlights picture{ display: block; width: 100%; padding-bottom:56.25%; height: 0; position: relative; overflow: hidden;} section#highlights picture img{ display: block; width: calc(100% + 2px); height: calc(100% + 2px); object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } ol.place_highlights { list-style: none; counter-reset: highlight-counter; margin: 0 calc(((100vw - 17px) / 16) * 2); } ol.place_highlights li { counter-increment: highlight-counter; } ol.place_highlights li>div { background: #ECEAE6; padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1); margin-bottom: calc(((100vw - 17px) / 16) * 2); } ol.place_highlights li>div p { font-size: 1rem; } ol.place_highlights li>div::before { content: counter(highlight-counter); color: #515050; display: block; font-weight: 700; font-size: 1.5rem; margin-bottom: 0.5em; } ol.place_highlights li picture { display: block; width: 100%; position: relative;} ol.place_highlights li picture img { display: block; width: 100%; height: auto;} ol.place_highlights li header { display: block; position: relative; } ol.place_highlights li header h2 { font-size: 1.333333333333333rem; color:#CEBF89; padding: 1em calc(((100vw - 17px) / 16) * 1); position: absolute; top:0; left: 0; width: 100%; } ol.place_highlights li header h2 span{ display: block; position: relative; z-index: 10; } ol.place_highlights li header h2::before { display: block; content:""; width:100%; height: 200%; position: absolute; top: 0; left: 0; position: absolute; background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, transparent 100%); z-index: 1; opacity: 0.85; } section#highlights h2, h1#htitle { text-align: center; line-height: 1.25; margin: calc(((100vw - 17px) / 16) * 0.5) 0; } section#highlights h2 span, h1#htitle span{ display:flex; align-content: center; align-items: center; justify-content: center; margin: 0 auto; width: 9em; height: 9em; border-radius: 50%; background: #B09F6B; color: #000; padding: 0.5em; } h1#htitle span strong::before { display:block; content: "\00a0"; } section#highlights h2 span strong, h1#htitle span strong {font-weight: 700 !important; } h1#htitle span strong em {font-style: normal !important; display:block; font-weight: 400 !important; } section#highlights h2 { font-size: 1.5rem; position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%); z-index: 20; margin: 0; } section#highlights h2 span { width: 7em; height:7em; } section#highlights h2 span { transition: all 0.2s ease; } section#highlights>a:hover h2 span{ background:#30312C; color:#FFF;} @media all and (max-width:899px) { section#highlights h2 {font-size: 1.5rem;} h1#htitle { margin: calc(((100vw - 17px) / 16) * 1) 0; font-size: 1rem; } ol.place_highlights { margin: 0 calc(((100vw - 17px) / 16) * 1); } ol.place_highlights li>div { padding: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1); } ol.place_highlights li header h2 { font-size: 1rem; } ol.place_highlights li>div::before { font-size: 1rem; } ol.place_highlights li>div p {font-size:0.75rem; } } @media all and (max-width: 599px) { section#highlights h2 {font-size: 1.25rem;} h1#htitle { margin: calc(((100vw - 17px) / 16) * 1) 0; font-size: 0.8333333333333333rem; } ol.place_highlights li>div { padding: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 2); } ol.place_highlights li header h2 { font-size: 0.8333333333333333rem; } ol.place_highlights li>div::before { font-size: 0.8333333333333333rem; } ol.place_highlights li>div p {font-size:0.66666666666666666666666666666667rem; } } .boxgrid header h3 { font-size: 1rem; font-weight: 900; } .boxgrid>div>div p { font-size: 20px; line-height: 1.4;} @media (max-width: 1199px) { .boxgrid header h3 { font-size: 1rem; } .boxgrid>div>div p { font-size: 0.75rem; } } @media (max-width: 599px) { .boxgrid header h3 { font-size: 0.75rem; } .boxgrid>div>div p { font-size: 0.6666666666666667rem; } } @media (max-width: 899px) { .boxgrid { display:flex; flex-direction: column; } .boxgrid>header, .boxgrid>picture { display: none !important; } .boxgrid {padding: calc(((100vw - 17px) / 16) * 1) 0; } section.section+.boxgrid { padding-top: 0; } .boxgrid>div {margin: calc(((100vw - 17px) / 16) * 1) 0; position: relative;} .boxgrid div.alert {order: -10; background: #DFE1DF; color: #242424; margin: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 2); } .boxgrid>div>header { padding: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 2); } .boxgrid>div>div { padding: calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 2) calc(((100vw - 17px) / 16) * 2); } .boxgrid>div.alert>header+div { padding-top: 0;} .boxgrid>div{display: flex; flex-direction: column; } .boxgrid>div>header { order: -10; } .boxgrid>div>picture { order: -5; } .boxgrid>div>div{ order: 1; } .boxgrid>div:nth-of-type(odd) { margin-right: calc(((100vw - 17px) / 16) * 3); } .boxgrid>div:nth-of-type(odd) picture { width: calc(100% + calc(((100vw - 17px) / 16) * 1)); margin:0 calc(((100vw - 17px) / 16) * 3) 0 calc(((100vw - 17px) / 16) * 2); } .boxgrid>div:nth-of-type(even) { margin-left: calc(((100vw - 17px) / 16) * 3); } .boxgrid>div:nth-of-type(even) picture { width: calc(100% + calc(((100vw - 17px) / 16) * 1)); margin-left:calc(0px - (((100vw - 17px) / 16) * 3)); } .boxgrid>div:nth-of-type(1){ background: #E6DFC4; color: #242424; } .boxgrid>div:nth-of-type(2){ background: #E6DFC4; color: #242424; } .boxgrid>div:nth-of-type(3){ background: #E6DFC4; color: #242424; } .boxgrid>div:nth-of-type(1){ background: #E1DAC7; color: #4A4A4A; } .boxgrid>div:nth-of-type(2){ background: #CEBF89; color: #30312C; } .boxgrid>div:nth-of-type(3){ background: #004D44; color: #FFFFFF; } } @media (min-width: 900px) { .boxgrid { display: grid; grid-template-columns: repeat(32,1fr); padding: calc(((100vw - 17px) / 16) * 1) 0; } section.section+.boxgrid { padding-top: 0; } .boxgrid>div { display: none; } .boxgrid>header { grid-column:3 / span 13; background: #E6DFC4; padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1); } .boxgrid>picture { grid-column:3 / span 26; background: #E6DFC4; border-left: calc(((100vw - 17px) / 16) * 1) solid transparent; } .boxgrid>div:nth-of-type(1) { display: block; grid-column:3 / span 13; grid-row-end: span 1; background: #E6DFC4; } .boxgrid>div:nth-of-type(1) header, .boxgrid>div:nth-of-type(1) picture { display: none; } .boxgrid>div:nth-of-type(2) { display: block; position: relative; grid-column:18 / span 13; grid-row-start: 3; grid-row-end: span 2; margin:calc(((100vw - 17px) / 16) * 1) 0 0; } .boxgrid>div:nth-of-type(2) header, .boxgrid>div:nth-of-type(2) div {background: #C6B582; color: white; } .boxgrid>div:nth-of-type(2) picture { display: block; } .boxgrid>div:nth-of-type(2) picture img { display: block; width: 100%; height: auto; } .boxgrid>div:nth-of-type(2) header { position:absolute; top: 0; left: 0; width: 100%; z-index: 1; background: none; } .boxgrid>div:nth-of-type(2) header::before { display: block; width: 100%; height: 120%; opacity: 0.666; opacity: 0.76; content:""; position:absolute; top: 0; left: 0; z-index: -1; background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, transparent 100%); } .boxgrid>div:nth-of-type(3) { display: block; grid-column:3 / span 13; grid-row-start: 4; grid-row-end: span 2; margin:calc(((100vw - 17px) / 16) * 1) 0 0 ; display: flex; flex-direction: column; } .boxgrid>div:nth-of-type(3), .boxgrid>div:nth-of-type(3) header, .boxgrid>div:nth-of-type(3) div {background: #E6DFC4; color: #242424; } .boxgrid>div:nth-of-type(3) picture { display: block; margin-top: auto; } .boxgrid>div:nth-of-type(4) { display: block; position: relative; grid-column:18 / span 13; grid-row-start: 5; grid-row-end: span 1; margin:calc(((100vw - 17px) / 16) * 1) 0 0 ; } .boxgrid>div:nth-of-type(4) header, .boxgrid>div:nth-of-type(4) div {background: #E6DFC4; color: #242424;position: relative; } .boxgrid>div:nth-of-type(4) picture { display: block; } .boxgrid>div:nth-of-type(4) header { color: #5D5F56; } .boxgrid>div>header{ padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1); } .boxgrid>div>div { padding: calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1) calc(((100vw - 17px) / 16) * 0.75); } .boxgrid>div>header+div { padding-top:0; } .boxgrid>header,.boxgrid>picture, .boxgrid>div:nth-of-type(1) { background: #E1DAC7; color: #4A4A4A; color: #30312C; } .boxgrid>div:nth-of-type(2) div { background: #CEBF89; color: #30312C; } .boxgrid>div:nth-of-type(3), .boxgrid>div:nth-of-type(3) div, .boxgrid>div:nth-of-type(3) header { background: #004D44; color: #FFFFFF; } .boxgrid>div:nth-of-type(4) header{ background: #565148; color: #E1DAC7; } .boxgrid>div:nth-of-type(4) div{ background: #565148; color: #FFFCF3; } } .boxgrid>div.alert::after { content:""; display: block; position: absolute; left: 0; top: 50%; transform: translate(-50%,-50%); width: 41px; height: 50px; background-size:contain; background-repeat: no-repeat; background-position: center; background-image: url('data:image/svg+xml;utf8,<svg width="41" height="50" viewBox="0 0 41 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="16" y="9" width="9" height="31" /><path d="M35.875 34.6154V21.7949C35.875 13.8462 31.775 7.4359 24.3438 5.64103V3.84615C24.3438 1.79487 22.55 0 20.5 0C18.45 0 16.6562 1.79487 16.6562 3.84615V5.64103C9.225 7.4359 5.125 13.8462 5.125 21.7949V34.6154L0 39.7436V42.3077H41V39.7436L35.875 34.6154ZM23.0625 34.6154H17.9375V29.4872H23.0625V34.6154ZM23.0625 24.359H17.9375V14.1026H23.0625V24.359ZM20.5 50C23.3188 50 25.625 47.6923 25.625 44.8718H15.375C15.375 47.6923 17.6812 50 20.5 50Z" fill="%23A89769"/></svg>'); animation: ringing 2s infinite; transform-origin: center top; } @keyframes ringing { 0% { transform: translate(-50%,-50%) rotate(-10deg); } 5% { transform: translate(-50%,-50%) rotate(15deg); } 10% { transform: translate(-50%,-50%) rotate(-15deg); } 15% { transform: translate(-50%,-50%) rotate(15deg); } 20% { transform: translate(-50%,-50%) rotate(-25deg); } 25% { transform: translate(-50%,-50%) rotate(25deg); } 30% { transform: translate(-50%,-50%) rotate(-25deg); } 35% { transform: translate(-50%,-50%) rotate(25deg); } 40% { transform: translate(-50%,-50%) rotate(-15deg); } 45% { transform: translate(-50%,-50%) rotate(15deg); } 50% { transform: translate(-50%,-50%) rotate(-15deg); } 55% { transform: translate(-50%,-50%) rotate(10deg); } 60% {transform: translate(-50%,-50%); } 100% {transform: translate(-50%,-50%); } } /*.boxgrid>div:nth-child(2)::before { content:""; display: block; background: #FFE800; grid-column:1 / span 13; grid-row: 1 / 4; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .boxgrid>div:nth-child(2)>header { position: relative; z-index: 2; grid-column: 1 / span 13; padding:calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1); } .boxgrid>div:nth-child(2)>picture { position: relative; z-index: 2; grid-column: 2 / span 22; } .boxgrid>div:nth-child(2)>div { position: relative; z-index: 2; padding:calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1); grid-column: 1 / span 13; } */ .boxgrid picture, .boxgrid picture img{ position: relative; display: block; width: 100%; height:auto; } @media (min-width: 900px) { .boxgrid picture { height: 0; padding-bottom: 50%; overflow: hidden; } .boxgrid picture img { height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); object-fit: cover;} /* .boxgrid>div:nth-of-type(1) picture img {width: calc(100% - (((100vw - 17px) / 16) * 1)); }*/ .boxgrid>div:nth-of-type(2) picture img { top: 100%; transform: translate(-50%,-100%); } .boxgrid>div:nth-of-type(3) picture { height: auto; flex: 1; padding-bottom: 0; margin-top: auto; } } .boxgrid>div p { margin-bottom: 1em; } .boxgrid>div :last-child { margin-bottom: 0;} .boxgrid>div p:last-child>a { font-weight: 800; } .boxgrid>div:nth-of-type(1) p:last-child>a{ color: #242424; } .boxgrid>div:nth-of-type(2) p:last-child>a{ color: white; } .boxgrid>div:nth-of-type(3) p:last-child>a{ color: #242424; } .boxgrid>div:nth-of-type(4) p:last-child>a{ color: #242424; } .boxgrid>div:nth-of-type(1) p:last-child>a::after{ background-image: url("images/icons/arrow.php?colour=242424") !important; } .boxgrid>div:nth-of-type(2) p:last-child>a::after{ background-image: url("images/icons/arrow.php?colour=FFFFFF") !important; } .boxgrid>div:nth-of-type(3) p:last-child>a::after{ background-image: url("images/icons/arrow.php?colour=242424") !important; } .boxgrid>div:nth-of-type(4) p:last-child>a::after{ background-image: url("images/icons/arrow.php?colour=242424") !important; } .boxgrid>header,.boxgrid>picture, .boxgrid>div:nth-of-type(1) { background: #E1DAC7; color: #4A4A4A; color: #30312C; } .boxgrid>div:nth-of-type(2) div { background: #CEBF89; color: #30312C; } .boxgrid>div:nth-of-type(3), .boxgrid>div:nth-of-type(3) div, .boxgrid>div:nth-of-type(3) header { background: #004D44; color: #FFFFFF; } .boxgrid>div:nth-of-type(4) header{ background: #565148; color: #E1DAC7; } .boxgrid>div:nth-of-type(4) div{ background: #565148; color: #FFFCF3; } .boxgrid>div:nth-of-type(1) p:last-child>a{ color: #30312C; } .boxgrid>div:nth-of-type(2) p:last-child>a{ color: #30312C; } .boxgrid>div:nth-of-type(3) p:last-child>a{ color: #FFFFFF; } .boxgrid>div:nth-of-type(4) p:last-child>a{ color: #FFFCF3; } .boxgrid>div:nth-of-type(1) p:last-child>a::after{ background-image: url("images/icons/arrow.php?colour=30312C") !important; } .boxgrid>div:nth-of-type(2) p:last-child>a::after{ background-image: url("images/icons/arrow.php?colour=30312C") !important; } .boxgrid>div:nth-of-type(3) p:last-child>a::after{ background-image: url("images/icons/arrow.php?colour=FFFFFF") !important; } .boxgrid>div:nth-of-type(4) p:last-child>a::after{ background-image: url("images/icons/arrow.php?colour=FFFCF3") !important; } /*} */ @media (max-width: 899px) { .boxgrid>div:nth-of-type(2) p:last-child>a{ color: #242424; } .boxgrid>div:nth-of-type(2) p:last-child>a::after{ background-image: url("images/icons/arrow.php?colour=242424") !important; } } /*.boxgrid { display: grid; grid-template-columns: repeat(32,1fr); } .boxgrid>div { display: none; } .boxgrid>div:nth-child(2) { position: relative; grid-column:3 / span 28; display: grid; grid-template-columns: repeat(28,1fr); } .boxgrid>div:nth-child(2)::before { content:""; display: block; background: #FFE800; grid-column:1 / span 13; grid-row: 1 / 4; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .boxgrid>div:nth-child(2)>header { position: relative; z-index: 2; grid-column: 1 / span 13; padding:calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1); } .boxgrid>div:nth-child(2)>picture { position: relative; z-index: 2; grid-column: 2 / span 22; } .boxgrid>div:nth-child(2)>div { position: relative; z-index: 2; padding:calc(((100vw - 17px) / 16) * 0.5) calc(((100vw - 17px) / 16) * 1); grid-column: 1 / span 13; } .boxgrid>div>picture, .boxgrid>div>picture img{ position: relative; display: block; width: 100%; height:auto; }*/ /* .boxgrid { } .boxgrid>div:first-child { background:#DFE1DF; color: #242424; padding:calc(((100vw - 17px) / 16) * 0.75); display: flex; flex-direction: column; } .boxgrid>div:nth-child(2){ background: #5D5F56; color: white; grid-column: 5 / span 21; grid-row: 3 / span 1; position: relative; display: flex; flex-direction: column; } @media all and (max-width: 599px) { } @media all and (min-width: 600px) and (max-width:899px) { } @media all and (min-width: 900px) { .boxgrid { display: grid; margin-bottom: calc(((100vw - 17px) / 16) * 1); grid-template-columns: repeat(32,1fr); } .boxgrid>div:first-child { padding:calc(((100vw - 17px) / 16) * 0.75); grid-column: 4 / span 21; grid-row: 1 / span 1; grid-row: 1 / span 4; } .boxgrid>div:nth-child(2) { grid-column: 5 / span 21; grid-row: 3 / span 1; grid-row: 6 / span 3; } .boxgrid>div:nth-child(3){ grid-column: 28 / span 33; grid-row: 1 / span 3; grid-row: 1 / span 8; } } @media all and (min-width: 1200px) { .boxgrid { } } @media all and (min-width: 1500px) { } */ .visitgrid { }section.grey { background:#EDECE5; } section.grey>header h2, section.grey>header h3 { color: #424242; } section.grey>header p { color: #424242; } section.grey .slick-dots li::after { background: #FFF; border: 1px solid #004D44; } section.grey .slick-dots li.slick-active::after {background: rgba(66,66,66,0.5); } section.grey .slick-dots li:hover::after {background: rgba(66,66,66,0.5); /*opacity: 0.5;*/ } section.grey .boxslides a{ background: #FDFCF5; color: #5D5F56; } section.blue { background: #AFDCE8; } section.blue>header h2, section.blue>header h3 { color: #1B1243; } section.blue a { color: #1B1243; } section.blue .boxslides a{ background: #D9EEF3; color: #5D5F56; color: #1B1243; } section.blue .slick-dots li::after { background: #FFF; border: 1px solid #5894CC; } section.blue .slick-dots li.slick-active::after {background: #5894CC; } section.blue .slick-dots li:hover::after {background: rgba(88,148,204,0.5); } section.blue .boxslides a{ background: #D9EEF3; color: #5D5F56; } section.lavender { background: #CECEDF; } section.lavender>header h2, section.lavender>header h3 { color: #5B5098; } section.lavender p a { color: #5B5098; } section.lavender .slick-dots li::after { background: #FFF; border: 1px solid #5B5098; } section.lavender .slick-dots li.slick-active::after {background: #5B5098; } section.lavender .slick-dots li:hover::after {background: #5B5098; opacity: 0.5; } section.lavender .boxslides a{ background: rgba(91,80,152,0.5); color: #5B5098; } section.lg { background: #F4F8E9; } section.lg>header h2, section.lg>header h3 { color: #002F29; } section.lg p a { color: #002F29; } section.lg .slick-dots li::after { background:#002F29; opacity: 0.5 } section.lg .slick-dots li.slick-active::after {background:#002F29;opacity: 1 } section.lg .slick-dots li:hover::after {background: #002F29; opacity: 1 } section.lg .boxslides a{ } section.dark { background:#30312C; color: #CEBF89; } section.dark>header h2, section.dark>header h3 { color: #CEBF89; } section.dark>header p { color: #CEBF89; } section.green { background:#D9E6BB; } section.green>header h2, section.green>header h3 { color: #004D44; } section.green>header p { color: #4A4A4A; } section.green .slick-dots li::after { background: #FFF; border: 1px solid #004D44; } section.green .slick-dots li.slick-active::after {background: #004D44; } section.green .slick-dots li:hover::after {background: #004D44; opacity: 0.5; } section.green .boxslides a{ background: rgba(0,83,79,0.5); color: #4A4A4A; } section.yellow { background:#FFD175; } section.yellow>header h2, section.yellow>header h3 { color: #242424; } section.yellow>header p { color: #242424; } /*section.yellow .slick-dots li::after { background: #FFF; border: 1px solid #00534F; } section.yellow .slick-dots li.slick-active::after {background: #00534F; } section.yellow .slick-dots li:hover::after {background: #00534F; opacity: 0.5; }*/ section.yellow .boxslides a{ background: #FFF8EA; } section.white { background:#FFF; } section.white>header h2, section.white>header h3 { color: #004D44; } section.white>header p, section.white>header a { color: #004D44; } #cookieconsent { position: fixed; display: flex; flex-direction: column; opacity: 0; pointer-events: none; top:0; left: 0; height: 100%; width: 100%; z-index: 999999; transition: all 0.6s ease; } #cookieconsent.shown {background: rgba(0,0,0,0.6); opacity:1; pointer-events: auto; } #cookieconsent>div {color: white; flex: 1; overflow: auto; background: #004D44; padding: 30px; width: calc(95% - 30px); max-width: 500px;transform: translateX(-100%); transition: all 0.6s ease; } #cookieconsent.shown>div { transform: translateX(0); box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.5);} #cookieconsent>div a { color: white;} #consent, #consent_toggle span { opacity: 0; position: fixed; left: -100px;} #consent_toggle label { margin-left: auto; display:flex; justify-content: flex-end; align-content: center; align-items: center; cursor: pointer;} #consent_toggle { margin-left: auto; } #cookieconsent h3 { display: flex; align-items: center; justify-content: space-between;} #consent_toggle b { margin-left:1em; display: inline-block; width: 54px; height: 20px;background: rgba(0,0,0,0.4); position: relative; border-radius: 990px; } #consent_toggle b::after{ display:block; content:""; width: 26px; height: 26px; background: #adbdca; box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5); border-radius: 50%; position: absolute; left: -3px; top: 50%; transform: translateY(-50%); transition: all 0.2s ease;} #consent_toggle b::before {content:"Off"; display: inline-block; font-size: 12px; line-height: 20px; width: 32px; text-align: center; position: absolute; top: 0; right: 0; opacity: 0.8; font-weight:400; } #consent:checked~h3>#consent_toggle b { background: rgba(0,0,0,0.5); } #consent:checked~h3>#consent_toggle b::after { background: #FFF; left: auto; right:-3px; } #consent:checked~h3>#consent_toggle b::before {content:"On"; right:100%; transform: translateX(100%); opacity: 1;} button#dismiss { font-size: inherit; display: inline-block; background: rgba(255,255,255,0.9); padding: 0.6666em 1.5em; font-weight:600; color:#004D44; margin: 12px 0 ; cursor: pointer; } button#dismiss:hover { background:#FFF;} #cookieconsent>div h2 { font-size: 1.5rem; margin-bottom: 1rem; } #cookieconsent>div h3 { font-size: 1rem; margin-bottom: 1rem; } #cookieconsent>div p { font-size: 0.75rem; margin-bottom: 1rem; } @media all and (max-width: 600px) { #cookieconsent>div { padding: 20px; } #cookieconsent>div h2 { font-size: 1.25rem; } #cookieconsent>div h3 { font-size: 0.75rem; } #cookieconsent>div p { font-size: 0.5833333333333333rem; } }


div[role="status"]{display:none;}

#showgrid{position:fixed; z-index:1000000; pointer-events:none; top:0; left:0; height:100%;  width:100%;
border-left: 0px solid transparent;  border-right:0px solid transparent; /**/ max-width:4000px;/* border:1px solid red;*/
/*transform:translateX(-50%);*/  
}

#showgrid div{  border:1px dashed rgba(0,0,255,0.4); }
 

#showgrid{display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(16,1fr);
    grid-column-gap: 0;

}