/*
- Black; #000000 - footer links
- Blue; #b5c9c7
- Brown (Light); #3f332b - slider dots (inactive dots are 50% opacity but are not transparent so hex value is #9b948f)
- Brown (Dark); #2c1015
- Cream (Light); #f5efe9 - header & footer b/g
- Cream (Dark); #ddd4c0 - footer tile b/g
- Grey (Very Light); #fcfbf9 - Desktop menu b/g & What's on tile b/g
- Grey (Light); #f9f6f2 - What's on title on red b/g
- Grey (Dark); #242429 - text colour & slider dots (inactive dots are 10% opacity but are not transparent so hex value is #e9e9ea)
- Red; #a70e2f
- Red (hover); #c51315
- White; #ffffff - text colour & slider dots (inactive dots are 50% opacity but are not transparent so hex value is #898885)
*/


b,
strong { font-weight: 700; }
blockquote strong { font-weight: inherit; }


.kilburn-book,
h2.kilburn, 
.h2.kilburn,
blockquote h2,
blockquote p,
blockquote span{ font-family: 'Kilburn-Book', serif; font-weight: normal; }
.kilburn-bold,
.kilburn b,
.kilburn strong,
h2.kilburn b,
.h2.kilburn b,
h2.kilburn strong,
.h2.kilburn strong,
.actl-top-level-parent a,
.article-category-tree-links li.active > a,
.article-resource-section-links > * { font-family: 'Kilburn-Bold', serif; font-weight: normal; }

h1, 
.h1 { margin: 0; font-size: 47.6px; font-style: normal; font-weight: 700; line-height: 47.6px; letter-spacing: 0.02em; }
h2,
.h2 { margin: 0; font-style: normal; font-size: 40px; line-height: 41px; letter-spacing: 0.02em; }
h2.kilburn,
.h2.kilburn,
blockquote h2,
blockquote p { font-size: 34px; line-height: 34px; letter-spacing: 0; }
h3, 
.h3,
/*.solid-button, think this is ok... */
.article-content h2:first-child + p  { margin: 0; font-size: 24px; font-style: normal; line-height: 30px; letter-spacing: 0.03em; }
.small-copy,
blockquote span,
blockquote p:last-child strong { font-size: 13px; line-height: 25px; }
.extra-small-copy { font-size: 13px; line-height: 14px; }

.hero-slider-text { font-size: 12px; line-height: 17.1px; }
.hero-slider-text h3,
.hero-slider-text .h3,
.event-next-event-content.h3,
.event-other-event-dates-wrap.h3 { font-size: 17.3px; line-height: 21px; }
.hero-slider-text .border-button,
.event-details .border-button,
.event-details .solid-button { font-size: 17.3px; line-height: 17.3px; }


.events-grid-block-label { font-size: 34px; line-height: 38px; }

.date-filter,
.date-filter .select2-container { width: 100% !important; }

p { margin: 0 0 10px 0 !important; }
p:last-child { margin-bottom: 0 !important; }


blockquote { margin: 0; }
blockquote > * { margin-bottom: 0 !important; display: block !important; }
blockquote a { color: #fff !important; text-decoration: underline !important; }

.body-copy ul { margin-top: 10px; margin-bottom: 0; padding-left: 0; list-style: none; }
.body-copy p + ul,
.event-intro-text p + ul { margin-top: 0 !important; }
.body-copy ul:not(:last-child) { margin-bottom: 10px; }
.body-copy li { padding-left: 20px; background: url(../images/shared/circle-grey-dark.svg) 2px 11px no-repeat; background-size: 2px 2px; }

input { border-radius: 0 !important; font-family: inherit; }
*:focus { outline: none !important; }
::-moz-focus-inner { border: 0; }


hr { margin: 0; border-bottom: 0; }

@media (max-width: 374px) {
    body { font-size: 4.533333vw; line-height: 5.6vw; }
    
    h1, 
    .h1 { font-size: 12.693333vw; line-height: 12.693333vw; }
    h2,
    .h2 { font-size: 10.666666vw; line-height: 10.933333vw; }
    h2.kilburn,
    .h2.kilburn,
    blockquote h2,
    blockquote p { font-size: 9.066666vw; line-height: 9.066666vw; }
    h3, 
    .h3,
    .article-content h2:first-child + p  { font-size: 6.4vw; line-height: 8vw; }
    .small-copy,
    blockquote span,
    blockquote p:last-child strong { font-size: 3.466666vw; line-height: 6.666666vw; }
    .extra-small-copy { font-size: 3.466666vw; line-height: 3.733333vw; }

    .hero-slider-text { font-size: 3.2vw; line-height: 4.56vw; }
    .hero-slider-text h3,
    .hero-slider-text .h3,
    .event-next-event-content.h3,
    .event-other-event-dates-wrap.h3 { font-size: 4.613333vw; line-height: 5.6vw; }
    .hero-slider-text .border-button,
    .event-details .border-button,
    .event-details .solid-button { font-size: 4.613333vw; line-height: 4.613333vw; }

    .events-grid-block-label { font-size: 9.066666vw; line-height: 10.133333vw; }

    p { margin: 0 0 2.666666vw 0 !important; }
    
    .body-copy ul { margin-top: 2.666666vw; }
    .body-copy ul:not(:last-child) { margin-bottom: 2.666666vw; }
    .body-copy li { padding-left: 5.333333vw; background-position: 0.533333vw 2.933333vw; background-size: 0.533333vw 0.533333vw; }
}

@media (min-width: 1024px) {
    body,
    .hero-slider-text,
    .hero-slider-text .border-button { font-size: 16px; line-height: 23px; }
    h1, 
    .h1 { font-size: 60px; line-height: 60px; }
    h2, 
    .h2 { font-size: 42px; line-height: 42px; }
    h2.kilburn, 
    .h2.kilburn,
    blockquote,
    blockquote p { font-size: 32px; line-height: 32px; }
    h3, 
    .h3,
    .hero-slider-text h3,
    .hero-slider-text .h3,
    .event-next-event-content.h3,
    .event-other-event-dates-wrap.h3,
    .article-content h2:first-child + p,
    .category-content h2:first-child + p,
    /*.event-intro-text p,*/
    .page-404 h1:first-child + p { font-size: 22px; line-height: 28px; }
    p { margin: 0 0 20px 0 !important; }
    .small-copy { font-size: 12px; line-height: 23px; }
    .small-copy.kilburn-book,
    blockquote span,
    blockquote p:last-child strong { font-size: 13px; line-height: 21.5px; }
    .extra-small-copy { font-size: 12px; line-height: 15px; }
    .body-copy ul:not(:last-child) { margin-bottom: 20px; }
    
    blockquote > * { margin-bottom: 0 !important; }
    
    .actl-top-level-parent,
    .actl-siblings li > *,
    .article-resource-section-links > * { font-size: 17px; line-height: 21px; }
    
    #footer-links a,
    #footer-socials a { font-size: 17px; line-height: 27.5px; }
    #footer-bottom { font-size: 12px; line-height: 15px; }
    
    #footer-company-details { font-size: inherit; line-height: inherit; }
    
    .events-grid-block-label { font-size: 50px; line-height: 54px; }
}


/* SHARED
========================================================= */
.html-hide { /* width: 100%; height: 100%; position: fixed; overflow: hidden;*/ }
.hidden { display: none !important; }
.space-between { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.no-trans { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; }
.ratio-16-9,
.grid-block-image { padding-top: 56.25%; width: 100%; height: 0 !important; position: relative; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.ratio-16-9 > * { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.ratio-16-9.hide-img img { display: none; }

.grey-light-text,
blockquote { color: #f9f6f2; }
.grey-very-light-text { color: #fcfbf9; }
.red-text,
.actl-top-level-parent a,
.article-category-tree-links li.active > a,
body.non-touch .article-category-tree-links li > a:hover,
.article-content:not(.search-content) *:not(.red) >	 a:not([href*="#"]):not(.grid-block-link):not(.red),
.article-content a[href*="#"]:hover,
.search-content span.highlight,
.event-full-text a { color: #a70e2f; text-decoration:none;  }
a.red-text:hover,
.article-content:not(.search-content) *:not(.red) >	 a:not([href*="#"]):hover,
.article-content a[href*="#"]:hover,
.event-full-text > a:hover,
.event-full-text > * > a:hover,
.event-full-text li > a:hover, 
.event-full-text p > a:hover,
.event-full-text > p > * > a:hover { color: #a70e2f; text-decoration: underline !important; }

.white-text { color: #ffffff; }

.blue-background { background-color: #b5c9c7; }
.cream-dark-background { background-color: #ddd4c0; }
.grey-very-light-background { background-color: #fcfbf9; }
.red-background,
blockquote { background-color: #a70e2f; }
.white-background { background-color: #fff; }

.red-background > a { color: #fff !important; }

.brushed-top,
.brushed-bottom,
.brushed-top2,
.brushed-bottom2,
blockquote { background-repeat: repeat-x; background-size: auto 40px; }
.brushed-top { background-position: center -11px; }
.brushed-bottom { background-position: center calc(100% + 11px); }
.brushed-top2 { background-position: center top; }
.brushed-bottom2,
blockquote { background-position: center bottom; }
.brushed-top2.article-category-tree-content-wrap,
.brushed-top2.category-content-wrap,
.brushed-top2.events-grid-wrap { padding-top: 40px; }
.brushed-bottom2.event-top-background { padding-bottom: 40px; }
.brushed-top.paper-brush,
.brushed-bottom.paper-brush,
.brushed-top2.paper-brush,
.brushed-bottom2.paper-brush { background-image: url(../images/shared/brush-pattern2-paper.png); }
.brushed-top.blue-brush,
.brushed-bottom.blue-brush,
.brushed-top2.blue-brush,
.brushed-bottom2.blue-brush { background-image: url(../images/shared/brush-pattern2-blue.png); }
.brushed-top.red-brush,
.brushed-bottom.red-brush,
.brushed-top2.red-brush,
.brushed-bottom2.red-brush { background-image: url(../images/shared/brush-pattern2-red.png); }
.brushed-top.white-brush,
.brushed-bottom.white-brush,
.brushed-top2.white-brush,
.brushed-bottom2.white-brush { background-image: url(../images/shared/brush-pattern2-white.png); }
.brushed-top.reverse-brush.paper-brush,
.brushed-bottom.reverse-brush.paper-brush,
.brushed-top2.reverse-brush.paper-brush,
.brushed-bottom2.reverse-brush.paper-brush,
.events-grid blockquote { background-image: url(../images/shared/brush-pattern2-paper-reverse.png); }
.brushed-top.reverse-brush.blue-brush,
.brushed-bottom.reverse-brush.blue-brush,
.brushed-top2.reverse-brush.blue-brush,
.brushed-bottom2.reverse-brush.blue-brush { background-image: url(../images/shared/brush-pattern2-blue-reverse.png); }
.brushed-top.reverse-brush.red-brush,
.brushed-bottom.reverse-brush.red-brush,
.brushed-top2.reverse-brush.red-brush,
.brushed-bottom2.reverse-brush.red-brush { background-image: url(../images/shared/brush-pattern2-red-reverse.png); }
.brushed-top.reverse-brush.white-brush,
.brushed-bottom.reverse-brush.white-brush,
.brushed-top2.reverse-brush.white-brush,
.brushed-bottom2.reverse-brush.white-brush,
blockquote { background-image: url(../images/shared/brush-pattern2-white-reverse.png); }

.yellow-bg .event-top-content,
.yellow-bg .event-top-background > * { background: #f5c961 !important; }
.yellow-bg .brushed-top,
.yellow-bg .brushed-bottom,
.yellow-bg .brushed-top2,
.yellow-bg .brushed-bottom2 { background-image: url(../images/shared/brush-pattern2-nyfe.png) !important; }
.yellow-bg .brushed-top.reverse-brush,
.yellow-bg .brushed-bottom.reverse-brush,
.yellow-bg .brushed-top2.reverse-brush,
.yellow-bg .brushed-bottom2.reverse-brush { background-image: url(../images/shared/brush-pattern2-nyfe-reverse.png) !important; }

.blue-bg .event-top-content,
.blue-bg .event-top-background > * { background: #b5c9c7 !important; }
.blue-bg .brushed-top,
.blue-bg .brushed-bottom,
.blue-bg .brushed-top2,
.blue-bg .brushed-bottom2 { background-image: url(../images/shared/brush-pattern2-blue.png) !important; }
.blue-bg .brushed-top.reverse-brush,
.blue-bg .brushed-bottom.reverse-brush,
.blue-bg .brushed-top2.reverse-brush,
.blue-bg .brushed-bottom2.reverse-brush { background-image: url(../images/shared/brush-pattern2-blue-reverse.png) !important; }

.red-bg .event-top-content,
.red-bg .event-top-background > * { background: #a70e2f !important; }
.red-bg .brushed-top,
.red-bg .brushed-bottom,
.red-bg .brushed-top2,
.red-bg .brushed-bottom2 { background-image: url(../images/shared/brush-pattern2-red.png) !important; }
.red-bg .brushed-top.reverse-brush,
.red-bg .brushed-bottom.reverse-brush,
.red-bg .brushed-top2.reverse-brush,
.red-bg .brushed-bottom2.reverse-brush { background-image: url(../images/shared/brush-pattern2-red-reverse.png) !important; }

.faun-bg .event-top-content,
.faun-bg .event-top-background > * { background: #ddd4c0 !important; }
.faun-bg .brushed-top,
.faun-bg .brushed-bottom,
.faun-bg .brushed-top2,
.faun-bg .brushed-bottom2 { background-image: url(../images/shared/brush-pattern2-faun.png) !important; }
.faun-bg .brushed-top.reverse-brush,
.faun-bg .brushed-bottom.reverse-brush,
.faun-bg .brushed-top2.reverse-brush,
.faun-bg .brushed-bottom2.reverse-brush { background-image: url(../images/shared/brush-pattern2-faun-reverse.png) !important; }


.splat { background-position: right center; background-repeat: no-repeat; background-size: contain; pointer-events: none; }
.hero-slider-wrap .splat { width: 30px; height: 100px; position: absolute; top: 50%; right: -1px; }
.splat.white-splat { background-image: url(../images/shared/splat-white.png); }

.arrow-right { width: 17px; height: 17px; display: inline-table; background: url(../images/shared/arrow-right-grey-dark.svg) center center no-repeat; background-size: contain; }

.solid-button { -webkit-transition: .3s background; -moz-transition: .3s background; -o-transition: .3s background; transition: .3s background; }

.solid-button.red { border-color: #a70e2f; background-color: #a70e2f; color: #fcfbf9; }

.grid-block-content-wrap,
.events-filter-button.more { -webkit-transition: .3s background; -moz-transition: .3s background; -o-transition: .3s background; transition: .3s background; }
.grid-block-book-now { -webkit-transition: .3s background, .3s border; -moz-transition: .3s background, .3s border; -o-transition: .3s background, .3s border; transition: .3s background, .3s border; }

body.non-touch .grid-block:hover .grid-block-content-wrap.blue-background { background-color: #7F9F9C; }
body.non-touch .grid-block:hover .grid-block-content-wrap.cream-dark-background { background-color: #cfbfa5; }
body.non-touch .grid-block:hover .grid-block-content-wrap.grey-very-light-background { background-color: #efe8de; }
body.non-touch .grid-block:hover .grid-block-content-wrap.red-background,
body.non-touch .grid-block-book-now.red-background:hover { background-color: #c51315; }

body.non-touch .grid-block:hover .grid-block-content-wrap.blue-background .grid-block-book-now:not(.red-border) { border-color: #7F9F9C; }
body.non-touch .grid-block:hover .grid-block-content-wrap.cream-dark-background .grid-block-book-now:not(.red-border) { border-color: #cfbfa5; }
body.non-touch .grid-block:hover .grid-block-content-wrap.grey-very-light-background .grid-block-book-now:not(.red-border) { border-color: #efe8de; }
body.non-touch .grid-block:hover .grid-block-content-wrap.red-background .grid-block-book-now,
body.non-touch .grid-block-book-now.red-background.red-border:hover { border-color: #c51315; }

body.non-touch .solid-button.red:not(.search-query):hover { border-color: #c51315; background-color: #c51315; color: #fcfbf9; }

body.non-touch .events-filter-button.more:hover { background-color: #ddd4c0 !important; }

.slick-list { width: 100%; }
.slick-list,
.slick-track { height: 100%; }

.slick-dots { margin: 0; padding: 0; position: absolute; list-style: none; }
.slick-dots { bottom: 15px; left: 50%; z-index: 2; display: -ms-flexbox; display: -webkit-flex; display: flex;
              -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.grid-blocks-wrap.outerslider-2 .grid-blocks-outer-slider > .slick-dots,
.event-intro-text .grid-blocks-outer-slider[data-layout="2"] .slick-dots, 
.event-full-text .grid-blocks-outer-slider[data-layout="2"] .slick-dots,
.virtual-tours .slick-dots { bottom: auto; left: auto; top: -30px; right: 16px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
.slick-dots li { font-size: 0; line-height: 0; }
.slick-dots li:nth-child(n+2) { margin-left: 6px; }
.slick-dots button { border: none; border-radius: 50%; padding: 0; width: 10px; height: 10px; font-size: 0; background-color: #e9e9ea; cursor: pointer;-webkit-transition: .3s background; -moz-transition: .3s background; -o-transition: .3s background; transition: .3s background; }
.slick-dots .slick-active button,
body.non-touch .slick-dots button:hover { background-color: #242429; }
.hero-slider-wrap:not(.has-texts) .hero-slider .slick-dots button,
.grid-blocks-wrap.blue-background .grid-blocks-outer-slider > .slick-dots button,
.grid-blocks-wrap.cream-dark-background .grid-blocks-outer-slider > .slick-dots button,
.grid-blocks-wrap.red-background .grid-blocks-outer-slider > .slick-dots button,
.grid-blocks-wrap.outerslider-2 .grid-blocks-title.blue-background + .grid-blocks-outer-slider > .slick-dots button,
.grid-blocks-wrap.outerslider-2 .grid-blocks-title.cream-dark-background + .grid-blocks-outer-slider > .slick-dots button,
.grid-blocks-wrap.outerslider-2 .grid-blocks-title.red-background + .grid-blocks-outer-slider > .slick-dots button,
.event-intro-text .grid-blocks-outer-slider[data-layout="2"] .slick-dots button, 
.event-full-text .grid-blocks-outer-slider[data-layout="2"] .slick-dots button, 
.virtual-tours-title.blue-background + .virtual-tours-wrap .virtual-tours > .slick-dots button,
.virtual-tours-title.cream-dark-background + .virtual-tours-wrap .virtual-tours > .slick-dots button,
.virtual-tours-title.red-background + .virtual-tours-wrap .virtual-tours > .slick-dots button { background-color: /*#898885*/ rgba(255, 255, 255, 0.7); }
.hero-slider .slick-dots .slick-active button,
body.non-touch .hero-slider .slick-dots button:hover,
.grid-block.has-internal-slider .slick-dots .slick-active button,
body.non-touch .grid-block.has-internal-slider .slick-dots button:hover,
.grid-blocks-wrap.blue-background .grid-blocks-outer-slider > .slick-dots .slick-active button,
body.non-touch .grid-blocks-wrap.blue-background .grid-blocks-outer-slider > .slick-dots button:hover,
.grid-blocks-wrap.cream-dark-background .grid-blocks-outer-slider > .slick-dots .slick-active button,
body.non-touch .grid-blocks-wrap.cream-dark-background .grid-blocks-outer-slider > .slick-dots button:hover,
.grid-blocks-wrap.red-background .grid-blocks-outer-slider > .slick-dots .slick-active button,
body.non-touch .grid-blocks-wrap.red-background .grid-blocks-outer-slider > .slick-dots button:hover,
.grid-blocks-wrap.outerslider-2 .grid-blocks-title.blue-background + .grid-blocks-outer-slider > .slick-dots .slick-active button,
body.non-touch .grid-blocks-wrap.outerslider-2 .grid-blocks-title.blue-background + .grid-blocks-outer-slider > .slick-dots button:hover,
.grid-blocks-wrap.outerslider-2 .grid-blocks-title.cream-dark-background + .grid-blocks-outer-slider > .slick-dots .slick-active button,
body.non-touch .grid-blocks-wrap.outerslider-2 .grid-blocks-title.cream-dark-background + .grid-blocks-outer-slider > .slick-dots button:hover,
.grid-blocks-wrap.outerslider-2 .grid-blocks-title.red-background + .grid-blocks-outer-slider > .slick-dots .slick-active button,
body.non-touch .grid-blocks-wrap.outerslider-2 .grid-blocks-title.red-background + .grid-blocks-outer-slider > .slick-dots button:hover,
.event-intro-text .grid-blocks-outer-slider[data-layout="2"] .slick-dots .slick-active button, 
body.non-touch .event-intro-text .grid-blocks-outer-slider[data-layout="2"] .slick-dots button:hover, 
.event-full-text .grid-blocks-outer-slider[data-layout="2"] .slick-dots .slick-active button,
body.non-touch .event-full-text .grid-blocks-outer-slider[data-layout="2"] .slick-dots button:hover,
.virtual-tours-title.cream-dark-background + .virtual-tours-wrap .virtual-tours > .slick-dots .slick-active button,
body.non-touch .virtual-tours-title.cream-dark-background + .virtual-tours-wrap .virtual-tours > .slick-dots button:hover,
.virtual-tours-title.blue-background + .virtual-tours-wrap .virtual-tours > .slick-dots .slick-active button,
body.non-touch .virtual-tours-title.blue-background + .virtual-tours-wrap .virtual-tours > .slick-dots button:hover,
.virtual-tours-title.red-background + .virtual-tours-wrap .virtual-tours > .slick-dots .slick-active button,
body.non-touch .virtual-tours-title.red-background + .virtual-tours-wrap .virtual-tours > .slick-dots button:hover { background-color: rgba(255, 255, 255, 1) !important; }
.grid-blocks-outer-slider > .slick-dots button { background-color: #9b948f; }
.grid-blocks-outer-slider > .slick-dots .slick-active button,
body.non-touch .grid-blocks-outer-slider > .slick-dots button:hover { background-color: #3f332b; }


/* ===============================
   INSTAGRAM
================================*/

#instagram-block{position:relative;}
#instagram-block .instagram-placeholder.grey-very-light-background:hover{background-color: #efe8de;}

#instafeed button.slick-arrow {bottom:calc(var(--css) * -60vw); position:absolute; font-size:0px; text-indent:-9999px; width:50px; height:50px; border:none; outline:0; cursor:pointer;}
#instafeed button.slick-prev {left: 0;background: url('/templates/efdss/images/shared/arrow-2d-left-red.svg') center / contain no-repeat;}
#instafeed button.slick-next {right: 0; background: url('/templates/efdss/images/shared/arrow-2d-right-red.svg') center / contain no-repeat;}

#instagram-block .instagram-placeholder{width:calc(var(--css) * 305vw);padding:calc(var(--css) * 7.5vw);}

.instagram-placeholder > .link-wrap, .instagram-placeholder > a > div {width:100%; height:calc(var(--css) * 305vw);display: block;}
#instafeed{margin-bottom:calc(var(--css) * 60vw);}
.instagram-placeholder > .link-wrap{margin-bottom:calc(var(--css) * 37vw)}

@media (min-width: 1200px) {
	#instafeed button.slick-arrow {top:42%; bottom:unset;}
	#instafeed button.slick-prev {left: -100px;}
	#instafeed button.slick-next {right: -100px;}
}


@media (min-width: 1024px) {
/*	#instagram-block .slick-track{display:flex; gap:15px;}*/
	#instafeed{margin-bottom:60px;} 
	#instagram-block .instagram-placeholder{width:305px;padding:7.5px;}

	.instagram-placeholder > .link-wrap, .instagram-placeholder > a > div {width:100%; height:305px;display: block;}
	
	.instagram-placeholder > .link-wrap{margin-bottom:37px}
	
	
}

@media (max-width: 700px) {
	#instagram-block .instagram-placeholder{width:calc(var(--css) * 205vw);}

	.instagram-placeholder > .link-wrap, .instagram-placeholder > a > div { height:calc(var(--css) * 205vw);}
}

@media (max-width: 480px) {
	#instagram-block .instagram-placeholder{width:calc(100vw - 40px);padding:0;}

	.instagram-placeholder > .link-wrap, .instagram-placeholder > a > div {width:calc(100vw - 40px); height:calc(100vw - 40px); margin:0 auto calc(var(--css) * 37vw);}
	
	
}





.hero-slider-wrap { position: relative; overflow: hidden; }
body.not-showing-all-events .events-page .hero-slider-wrap { display: none !important; }
.hero-slider { width: 100%; }
.hero-slide { background-position: center center; background-repeat: no-repeat; background-size: cover; }
div:not(.has-texts) > div > div > div > div.hero-slide { min-height: 40vh !important; max-height: 60vh !important; }
div.has-texts > div > div > div > div.hero-slide { min-height: 40vh !important; max-height: 60vh !important; }

.hero-slider-text { padding-top: 20px; padding-bottom: 30px; }
.hero-slider-text .border-button { width: 100%; }
.hero-slider-texts { width: 100%; }
.hero-slider-texts .event-details-wrap { margin-top: 0; }
.hero-slider-brush-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; pointer-events: none; }

.hero-slider-handwriting-overlay-bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.2); }
.hero-slider-handwriting-overlay { width: 60%;height: 40%;position: absolute;top: 30%;left: 20%;background-position: center center;background-repeat: no-repeat;background-size: contain; }
.hero-slider-handwriting-overlay svg { width: 100%; height: 100%; }

.grid-blocks-wrap.brushed-top2 { padding-top: 20px; }
.grid-blocks-wrap.brushed-bottom2 { padding-bottom: 20px; }

.grid-blocks-title,
.events-filter-title { padding-top: 18px; padding-bottom: 15px; }
.grid-blocks-title.asterisk,
.grid-blocks-title.pointing,
.events-filter-title { padding-left: 50px; background-position: 16px center; background-repeat: no-repeat; background-size: 24.2px 100%; }
.grid-blocks-title.asterisk.red-icon { background-image: url(../images/shared/asterisk-red.svg); }
.grid-blocks-title.pointing.red-icon { background-image: url(../images/shared/pointing-red.svg); }
.grid-blocks-title.pointing.grey-light-icon { background-image: url(../images/shared/pointing-grey-light.svg); }
.grid-blocks-title.pointing.grey-dark-icon,
.events-filter-title { background-image: url(../images/shared/pointing-grey-dark.svg); }
.grid-blocks-title.pointing.white-icon { background-image: url(../images/shared/pointing-white.svg); }

.grid-blocks { padding-top: 20px; padding-bottom: 20px; }
.grid-blocks-wrap.outerslider-2 .grid-blocks-title { margin-top: 65px; }
.grid-blocks-outer-slider { padding-bottom: 18px; }
.grid-block.dashed-top-mobile { padding-top: 20px; }
.grid-blocks-outer-slider > .slick-dots { bottom: 15px; }
.grid-blocks-title + .grid-blocks,
.grid-blocks-title + .grid-blocks-outer-slider .grid-blocks { padding-top: 0 !important; }
.grid-block-title { padding: 16px 16px 9px 16px; height: 109px; overflow: hidden; }
.article-content .grid-block-title a { color: inherit !important; }
.grid-block.has-internal-slider .grid-block-inner { position: relative; }
.grid-block.has-internal-slider .grid-block-content-wrap { position: static !important; }
.grid-block.has-book-now .grid-block-content-wrap,
.grid-block.has-book-now .grid-block-content-wrap .slick-list,
.grid-block-book-now { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
.grid-block-book-now { border-top-left-radius: 15px; border-top-right-radius: 15px; }
.grid-block-link { display: block; }
.grid-block-image { /*height: 188px;*/ position: relative; display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; }
body.menu-id-485 .grid-block-image { height: 310px !important; background-size: contain; background-position: center center !important; background-color:#e3e3e3; }
.grid-block-image.video::before,
.arv-play { background-color: rgba(36,36,41,0.3); opacity: 1; cursor: pointer;-webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; }
.grid-block-image.video::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.arv-player.playing .arv-play { opacity: 0; pointer-events: none; }
.grid-block-image.video::after,
.arv-play::before { content: ''; width: 87px; height: 87px; position: absolute; top: 50%; left: 50%; z-index: 2; pointer-events: none; background: url(../images/shared/play-grey-light.svg) center center no-repeat; background-size: contain; opacity: 1;-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.grid-block-copy { padding: 16px; }
.events-grid-inner .grid-block-copy,
.category-items .grid-block-copy { height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.grid-block-copy.has-text { min-height: 87px; }
.grid-block-article-title.h3 { margin-bottom: 25px; }
.grid-block-event-title { min-height: 58px; }
.grid-block-event-details { padding-top: 15px; }
.grid-block-book-now { text-align: center; }
.grid-block-book-now.bordered { border-width: 1.5px; border-style: dashed; border-top: none; }
.grid-block-book-now a { padding: 6px; display: block; }
.grid-block.has-internal-slider .slick-dots { top: 23px; right: 16px; bottom: auto; left: auto; max-width: 70px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-transform: none; -ms-transform: none; transform: none; }
.grid-block.has-internal-slider .slick-dots li { margin-bottom: 7px; }
.grid-block.has-internal-slider .slick-dots li:nth-child(4n+1) { margin-left: 0 !important; }

blockquote,
.grid-block.quote-block { position: relative; }
blockquote,
.grid-block.quote-block .grid-block-inner,
.grid-block.asterisk-block .asterisk-block-inner { padding-left: 16px; padding-right: 16px; position: relative; text-align: center; }
blockquote,
.grid-block.quote-block .grid-block-inner { padding-top: 54px; padding-bottom: 66px; }
.grid-block.asterisk-block .asterisk-block-inner { padding-top: 68px; padding-bottom: 68px; display: block; }
blockquote::before,
blockquote::after,
.grid-block.quote-block .grid-block-inner::before,
.grid-block.quote-block .grid-block-inner::after { content: ''; width: 13px; height: 42px; position: absolute; z-index: 2; background-position: center center; background-repeat: no-repeat; background-size: contain; }
blockquote::before,
.grid-block.quote-block .grid-block-inner::before { top: 8px; left: 8px; background-image: url(../images/shared/quote-open-grey-very-light.svg); }
blockquote::after,
.grid-block.quote-block .grid-block-inner::after { bottom: 20px; right: 8px; background-image: url(../images/shared/quote-close-grey-very-light.svg); }
.grid-block.asterisk-block .asterisk-block-inner::before { content: ''; width: 38px; height: 42px; position: absolute; top: 8px; left: 8px; background: url(../images/shared/asterisk-grey-dark.svg) center center no-repeat; background-size: contain; }
.grid-block.quote-block .quote-block-brush { width: 100%; height: 20px; position: absolute; bottom: 0; left: 0; z-index: 2; pointer-events: none; }
.grid-block-image-title { width: auto; display: inline-block; position: absolute; bottom: 0; left: 0; pointer-events: none; }
.grid-block.multi-column .grid-block-image-title { height: auto; }

.virtual-tours-title { width: 100%; }
.virtual-tours-wrap { position: relative; }
.virtual-tours { position: static !important; }
.virtual-tour iframe { border: none; width: 100%; height: 400px; display: block; }
.virtual-tour-text { padding: 20px; }

.popup-wrap { padding: 15px; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(36,36,41,0.3); opacity: 0; -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; }
body.popup-open .popup-wrap { opacity: 1; }
.popup-bg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -1; }
.popup { border-radius: 12px; padding: 15px; width: 100%; height: auto; max-height: 100%; position: relative; z-index: 40; background-color: #f5f0ea; }
.popup-inner { width: 100%; height: 100%; position: relative; overflow-y: auto; }
.popup-close { border: 2px solid #242429; border-radius: 50%; width: 30px; height: 30px; position: absolute; top: 0; right: 0; cursor: pointer; }
.popup-close::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position: center center; background-repeat: no-repeat; background-size: 50% 50%;-webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; }
.popup-close::before { background-image: url(../images/shared/close-grey-dark.svg); opacity: 1; }
.popup-title-wrap { padding-bottom: 15px; }
.popup-title { padding-bottom: 10px; }
.popup-close + .popup-player { margin-top: 45px; }
.popup-booking-image { padding-top: 45px; padding-bottom: 15px; }

@media (max-width: 767px) {
    .hero-slider-handwriting-overlay { width: 80%; left: 10%;}
}
@media (max-width: 1023px) {
    
    .solid-button { padding: 17px; }
    .event-share-add > * { padding: 11px 8px; }
	
    .grid-blocks:not(.col-2) .grid-block:nth-child(n+2),
    .events-grid-inner:nth-child(n+2),
    .event-details-wrap .grid-blocks.col-2:not(.vertical-stack):not(.active-menu-children-blocks) .grid-block:nth-child(n+2) { margin-top: 20px; }
	.grid-block-copy-wrap { height: auto !important; }
    .grid-blocks > .grid-blocks { width: 100%; }
}
@media (min-width: 1024px) {
    
    .brushed-top2.event-details { padding-top: 40px; }
    
    .slick-dots { bottom: 30px; }
    .slick-dots button { width: 13px; height: 13px; }
    
    .hero-slider-wrap { display: -ms-flexbox; display: -webkit-flex; display: flex; }
    .hero-slider-wrap.has-text .hero-slider,
    .hero-slider-wrap.has-texts .hero-slider { width: 66.666666%; position: static !important; }
    div:not(.has-texts) > div > div > div > div.hero-slide { min-height: 56.25vw !important; max-height: 56.25vw !important; }
	div.has-texts > div > div > div > div.hero-slide { min-height: 0 !important; max-height: none !important; }
    .hero-slider-wrap.has-text .hero-slide,
    .hero-slider-wrap.has-texts .hero-slide { min-height: 517px !important; }
    /*.hero-slider-texts { position: absolute; left: 0; bottom: 0; }*/
    .hero-slider-texts { display: -ms-flexbox; display: -webkit-flex; display: flex; }
    .hero-slider-texts,
    .hero-slider-wrap > .hero-slider-text { width: 33.333333%; }
    .hero-slider-text { padding: 50px 146px 50px 32px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
    .hero-slider-text .border-button { width: auto; }
    
    .grid-blocks { padding: 65px 0; width: 100%; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .grid-blocks .grid-blocks { width: auto; }
    .grid-blocks.end-of-page .grid-blocks { padding: 15px 0 0 0 !important; }
    .grid-blocks.active-menu-children-blocks { padding-top: 0; }
    .grid-block,
    div.col-1 > .grid-block { width: 100%; }
    .grid-block:not(.multi-column),
    div.col-1 > .grid-block:not(.multi-column) { max-width: 310px; }
    .events-grid-inner .grid-block,
    div.col-3 > .grid-blocks.col-1 { width: calc(33.333333% - 10px); }
    .events-grid-inner .grid-block.col-2,
    div.col-3 > .grid-blocks.col-2 { width: calc(66.666666% - 5px); }
    .events-grid-inner .grid-block.col-2 { max-width: none !important; }
    .grid-blocks.end-of-page .grid-blocks.col-2 { width: 635px; } /* chrome stupid .001 pixel fix for footer on CSH */
    div.col-3 > .grid-blocks.col-3 { width: 100%; }
	
	.grid-blocks.col-3 > .grid-block.grid-span-1{max-width: 310px;}
	.grid-blocks.col-3 > .grid-block.grid-span-2{max-width: 635px;}
	.grid-blocks.col-3 > .grid-block.grid-span-3{max-width: 100%;}
	
	.custom-grid-blocks{margin-left:15px;}
	.custom-grid-blocks .grid-block{width:100%; height:100%; max-width:100%}
	
	.custom-grid-blocks .grid-block-book-now{position: relative; margin-top: -10px;}
	
	
	/* I don't like it either ... but don't remove without talking */
	.event-intro-text,
	.event-full-text { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.event-intro-text > *, .event-full-text  > * { width: 100%; }
	.event-intro-text > .grid-blocks.col-1, .event-full-text > .grid-blocks.col-1 { max-width: 300px; margin-right: 9px; }
    .event-intro-text > .grid-blocks.col-2 .grid-block, .event-full-text > .grid-blocks.col-2 .grid-block { max-width: 310px; }
	/* ---- */
	
    .grid-block.col-2 { width: 635px; }
    .grid-block.dashed-top-mobile { padding-top: 0; }
    .grid-blocks:not(.vertical-stack):not(.active-menu-children-blocks):not(.col-2) .grid-block:nth-child(n+2):not(:nth-child(3n+4)),
    .active-menu-children-blocks.col-3 .grid-block:not(:nth-child(3n+1)),
	.active-menu-children-blocks.col-2 .grid-block:not(:nth-child(2n+1)),
	.grid-blocks.col-2 > .grid-block:not(:nth-child(2n+1)) { margin-left: 15px; }
	.grid-blocks.col-2 > .grid-block { margin-bottom: 15px; }
    .grid-blocks:not(.vertical-stack):not(.active-menu-children-blocks) .grid-block:nth-child(n+2),
    .events-grid-inner:nth-child(n+2),
    .active-menu-children-blocks.cols-3 .grid-block:nth-child(n+2) { margin-top: 0; }
    .grid-blocks:not(.vertical-stack):not(.active-menu-children-blocks) .grid-block:nth-child(n+4),
    .grid-blocks.vertical-stack .grid-block:nth-child(n+2),
    .grid-blocks.events-grid .events-grid-inner:nth-child(n+2),
	.active-menu-children-blocks.col-2 .grid-block:nth-child(n+3),
    .active-menu-children-blocks .grid-block:nth-child(n+4) { margin-top: 15px; }
    .event-details-wrap .grid-blocks.col-2:not(.vertical-stack):not(.active-menu-children-blocks) .grid-block:nth-child(n+4) { margin-top: 0; }
    .grid-blocks-outer-slider > .slick-dots { bottom: 35px; }
    .grid-block.has-internal-slider .grid-block-title { padding-right: 83px; }
    .grid-block.col-2 .grid-block-image,
    .events-grid-block-label { height: 357px; }
    .grid-block-copy.has-text { min-height: 132px; }
    .grid-block-copy:not(.has-text) .grid-block-article-title { min-height: 46px; }
    .grid-block-copy:not(.has-text) .grid-block-article-title.h3 { min-height: 84px; }
    .grid-block-article-title.h3 { margin-bottom: 16px; }
    .grid-block-event-title { min-height: 85px; text-overflow: ellipsis; overflow: hidden; }
    .grid-block-event-details { padding-top: 10px; }
    .events-grid .grid-block-event-details { padding-top: 30px; }
    .grid-block-book-now.bordered { border-width: 2px; }
    .grid-blocks-sizer, 
    .grid-blocks-gutter { margin: 0 !important; padding: 0 !important; height: 0 !important; }
    .grid-blocks-gutter { width: 15px !important; }
    
    .event-full-text .grid-blocks { padding: 20px 0; }
    .event-full-text .grid-blocks.col-2 .grid-block { width: calc(50% - 7.5px) !important; }
    .event-details .grid-block a { color: inherit; }
    
    .virtual-tours-wrap { display: -ms-flexbox; display: -webkit-flex; display: flex; }
    .virtual-tours { width: 650px; }
    .virtual-tours-texts { width: 310px; }
    .event-intro-text .virtual-tours-wrap { width: 100%; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .event-intro-text .virtual-tours,
    .event-intro-text .virtual-tours-texts { width: 100%; }
    
    .popup-wrap { padding: 40px 80px; }
    .popup { padding: 30px 50px; }
    .popup-title-wrap { padding-bottom: 30px; }
    .popup-close + .popup-player { margin-top: 60px; }
    .popup-booking { display: -ms-flexbox; display: -webkit-flex; display: flex; }
    .popup-booking-image { padding-top: 0; padding-bottom: 0; padding-right: 15px; width: 30%; }
    .popup-booking-info { width: 70%; }
}
@media (min-width: 1600px) {
    div:not(.has-texts) > div > div > div > div.hero-slide { min-height: 75vh !important; max-height: 65vh !important; background-position: center top; }
}

/* TEMPLATE
========================================================= */
#loader { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 1; z-index: 200; background-color: #fff; -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; }
body.loaded #loader, #loader { opacity: 0; pointer-events: none; }

#page-wrap { position: relative; }



/*Spektrix Specifics*/
spektrix-basket-summary[count="0"] span { display:none; }
spektrix-basket-summary[count]:not([count="0"]) > span { position: absolute; top: 0; right: 0; display: block; text-indent: 0; width: 66%; height: 66%; border: 1px solid #a70e2f; background: #a70e2f; border-radius: 50%; padding: 3px 0; color: #f5efe9; font-size: 12px; line-height: 10px; text-align: center; transform: translate(33%,-33%);-webkit-transition: .3s background; -moz-transition: .3s background; -o-transition: .3s background; transition: .3s background; }
:hover > spektrix-basket-summary[count] > span { background:#f5efe9; color:#a70e2f; }

/* JH Menu Tweaks START */
.event-quick-links .actl-siblings ul > li::before { display: none !important; }
@media (min-width: 1024px) { 
	.actl-top-level-parent:not(.alphabetical) { display: none !important; } 
}

/* JH Menu Tweaks END */

@media (max-width: 374px) {
    .actl-top-level-parent:not(.alphabetical)::after { padding: 3.2vw 0; }
}
   

/* PAGE SPECIFIC
- ARTICLE/CATEGORY
========================================================= */
.title-header,
.article-title-header,
.category-title-header { padding: 20px 0; }

.article-category-tree-content,
.category-default-page .category-intro { padding-bottom: 30px; }

.article-page .article-category-tree-links { border: 2px dashed #242429; border-radius: 12px; padding: 10px 20px; height: 44px; position: relative; overflow-y: hidden; cursor: pointer; -webkit-transition: .3s height; -moz-transition: .3s height; -o-transition: .3s height; transition: .3s height; }
.article-page .article-category-tree-links.open { height: 150px; overflow-y: scroll; }
.article-category-tree .dashed-top { display: none; }
.article-category-tree-links li:nth-child(n+2) { padding-top: 3px; }
.actl-siblings li:nth-child(n+2):not(.has-alpha-separator)::before, .actl-siblings li.active ul li::before { content: '-'; padding: 3px 0 9px 0; display: block; line-height: 0; }
.actl-top-level-parent > a { pointer-events: none; }
.article-category-tree-links.open .actl-top-level-parent > a { pointer-events: all; }
.actl-mob-button { width: 20px; height: 20px; position: absolute; top: 10px; right: 10px; pointer-events: none; }
.article-category-tree-links.open .actl-mob-button { pointer-events: all; }
.actl-mob-button::before,
.actl-mob-button::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position: center center; background-repeat: no-repeat; background-size: contain;-webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; }
.actl-mob-button::before { background-image: url(../images/shared/arrow-2d-down-grey-dark.svg); opacity: 1; }
.actl-mob-button::after { background-image: url(../images/shared/close-grey-dark.svg); background-size: 60% 60%; opacity: 0; }
.article-category-tree-links.open .actl-mob-button::before { opacity: 0; }
.article-category-tree-links.open .actl-mob-button::after { opacity: 1; }
.actl-siblings { padding-bottom: 20px; }
.article-page .article-category-tree-links:not(.open) .actl-siblings { pointer-events: none; }
.actl-siblings ul { margin: 0; padding: 0; list-style: none; }
.actl-siblings ul ul { /*margin-left: 13px;*/ padding: 3px 0; }
.actl-siblings .has-alpha-separator .alphabet-separator { padding: 10px 0; }
.actl-siblings li.parent:not(.active) > ul {display:none;}

.article-content h2,
.category-content h2,
.article-content p.h3,
.category-content p.h3,
.article-content h2:first-child + p,
.category-content h2:first-child + p { margin-bottom: 25px !important; }
.article-content h3,
.category-content h3 { margin: 20px 0 8px 0; }

.category-default-page .grid-blocks { padding-top: 0 !important; }

@media (max-width: 1023px) {
    .article-category-tree-wrap.mobile-inner-padding { padding-bottom: 30px; }
}

@media (min-width: 1024px) {
    .title-header,
    .article-title-header,
    .category-title-header { padding: 90px 0; }
    
    .article-category-tree-content,
    .category-default-page .category-intro { padding: 20px 0 55px 0; display: -ms-flexbox; display: -webkit-flex; display: flex; }
    
    .article-category-tree-wrap { padding-top: 13px; width: 228px; display: block; }
    .article-page .article-category-tree-links { border: none; border-radius: 0; padding: 10px 0 !important; height: auto !important; cursor: default !important; }
    .actl-top-level-parent:not(.alphabetical) { position: relative; }
    .actl-top-level-parent > a { pointer-events: all; }
    .article-category-tree .dashed-top { display: block; opacity: .3; }
    .article-category-tree-links { padding: 10px 0; }
    .actl-mob-button { display: none; }
    .actl-siblings { padding-bottom: 0; pointer-events: all !important; }
    .actl-siblings ul ul { margin-left: 0; }
    
    .category-default-page .category-desc { padding-right: 94px; width: calc(100% - 228px); }
    .category-default-page .category-advanced { width:33%; min-width: 228px; }
    
    .article-content-wrap { padding-right: 140px; padding-left: 94px; width: calc(100% - 228px); }
    .article-content h2,
    .category-content h2,
    .article-content p.h3,
    .category-content p.h3,
    .article-content h2:first-child + p,
    .category-content h2:first-child + p { margin-bottom: 15px !important; }
    .article-content h3,
    .category-content h3 { margin-bottom: 5px; }
    
    .category-default-page .grid-blocks { padding-top: 0 !important; }
}


/* 
- SEARCH
========================================================= */
#search-results {  }


/* 
- RESOURCE ARTICLE
========================================================= */
.article-category-tree-nav,
.article-content-wrap { opacity: 1;-webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; }
.article-category-tree-content.loading .article-category-tree-nav,
.article-category-tree-content.loading .article-content-wrap { opacity: 0; }

.article-category-tree-nav { height: 83px; display: none; }
.article-category-tree-nav > * { width: 66px; height: 32px; display: block; background-position: center center; background-repeat: no-repeat; background-size: contain; }
.article-category-tree-prev { background-image: url(../images/shared/arrow-2d-left-grey-dark.svg); }
.article-category-tree-next { margin-left: 10px; background-image: url(../images/shared/arrow-2d-right-grey-dark.svg); }
span.article-category-tree-prev,
span.article-category-tree-next { opacity: .3; }

.article-page-resource .article-content > h2 { margin-top: 20px; margin-bottom: 20px !important; }
.article-page-resource .article-content hr { opacity: .3; }
.article-resource-section-links { padding-top: 10px; }
.article-resource-section-links a:nth-child(n+2)::before { content: ' | '; color: initial !important; }
#article-resource-image { margin: 20px 0 10px 0; }
#article-resource-image img { width: 100%; }
.article-resource-intro { padding-bottom: 35px; }
.article-resource-section-links + .article-resource-intro { padding-top: 20px; }
hr + .article-resource-intro { padding-top: 10px; } /* Used? */
.article-resource-media { padding: 25px 0; }
.resource-media-title { padding: 20px 0 17px 40px; display: inline-block; background: url(../images/shared/pointing-red.svg) center left no-repeat; background-size: 26px auto; }
.ara-player audio { width: 100%; display: block; }
.resource-media-download { padding: 10px 0 30px 0; }
.article-resource-key-words { padding-top: 35px; }
.article-resource-links { padding-top: 20px; }
.arp-title:not(:hover) { color: inherit; }

@media (min-width: 1024px) {
    .article-category-tree-nav { display: -webkit-flex; display: -ms-flexbox; display: flex; }
    
    .article-page-resource .article-content > h2 { margin-top: 0; margin-bottom: 35px !important; }
}


/*
- EVENT
========================================================= */
.event-details-quick-links-wrap { position: relative; }
.event-details-quick-links { position: relative; }
.event-top-background { width: 100%; position: absolute; top: 0; left: 0; }
.event-top-background > div { width: 100%; height: 100%; }
/*.event-details > **/
.event-title-next-event-wrap > *,
.event-bottom-content { padding-left: 30px; padding-right: 30px; }
.event-title-next-event-wrap > *.no-full-text,
.event-bottom-content.no-full-text { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.event-title-next-event-wrap > *.no-full-text > *:not(.col-1),
.event-bottom-content.no-full-text > *:not(.col-1),
.no-full-text > .col-1 { width:100%; }
.event-bottom-content iframe { max-width: 100%; }

@media (min-width: 768px) {
	.no-full-text > .col-1 { width: calc(50% - 7.5px) !important; margin-right: auto; }
	.no-full-text > .col-1 .grid-block { width: 100%; }
}

.event-details .solid-button { width: 100%; }
.event-details blockquote:not(:first-child),
.event-details p:not(:first-child) blockquote { margin-top: 30px; }
.event-details blockquote:not(:last-child),
.event-details p:not(:last-child) blockquote { margin-bottom: 30px; }

.event-top-content { position: relative; z-index: 2; }
.event-title-next-event { padding-top: 20px; }
.event-next-event-content { padding: 10px 0 15px 0; }
.event-next-event-content > * { padding: 5px 0; }
.event-intro-text { padding-top: 35px; }
.event-intro-text h3,
.event-intro-text .h3:not(.grid-block-title) { margin-bottom: 20px; }
.event-intro-text a.solid-button { display: block; }
.event-intro-text > p:last-child a.solid-button { margin-top: -30px; position: relative; top: 30px; } 
.event-intro-text:not(.red):not(.red-background) > a:not(.red):not(.grid-block-link), .event-intro-text *:not(.red):not(.red-background) > a:not(.red):not(.grid-block-link), .event-intro-text *:not(.red) > *:not(.red):not(.red-background) > a:not(.red):not(.grid-block-link),
.event-full-text:not(.red):not(.red-background) > a:not(.red):not(.grid-block-link), .event-full-text :not(.red):not(.red-background) > a:not(.red):not(.grid-block-link), .event-full-text *:not(.red) > *:not(.red):not(.red-background) > a:not(.red):not(.grid-block-link) { text-decoration: none; color:#a70e2f !important; }
.event-intro-text blockquote a:not(.red):not(.grid-block-link), .event-intro-text blockquote :not(.red) a:not(.red):not(.grid-block-link) { color:#fff !important; }

.solid-button.red a,
.event-intro-text .solid-button.red a,
.event-full-text .solid-button.red a,
.event-intro-text .grid-block-book-now.red-background:not(.anyclasshere) a,
.event-full-text .grid-block-book-now.red-background:not(.anyclasshere) a { color: #fcfbf9 !important; }


.event-intro-text  a:not(.red):not(.grid-block-link):hover, 
.event-intro-text  *:not(.red)  a:not(.red):not(.grid-block-link):hover, 
.event-full-text  a:not(.red):not(.grid-block-link):hover  { text-decoration: underline !important; color:#a70e2f !important; }

.event-intro-text .grid-blocks.col-2, 
.event-full-text .grid-blocks.col-2 { padding: 0; } /* remove spacing on desktop between multiple blocks  */

.event-bottom-content { margin-top: 25px; padding-bottom: 36px; }
.event-full-text { padding-bottom: 25px; }
.event-full-text p { display: inline-block; }
.event-top-content img,
.event-full-text img { max-width: 100%; }
.event-top-background + .event-details-quick-links .event-bottom-content { margin-top: 50px; }
.event-top-background + .event-details-quick-links .event-full-text > p:first-child > img { margin-top: 0; }
.event-full-text hr { margin: 5px 0 30px 0; }
.event-other-event-dates-wrap { padding: 25px 0; }
.event-other-event-dates { margin-top: 5px; padding-top: 10px; }
.event-other-event-date { padding: 5px 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.event-other-event-date > div:first-child { padding-right: 15px; }
.event-other-event-dates .dashed-top { opacity: .3; }
.event-share-add { padding-bottom: 25px; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.event-full-text-book + .event-share-add { padding-top: 25px; }
.event-share-add > * { width: 50%; }
.event-share-add .share { border-top-right-radius: 0; border-bottom-right-radius: 0; position: relative; }
.event-share-add .share.show-icons,
body.non-touch .event-share-add .share.show-icons:hover { background: #242424 !important; }
.event-share-add .share .share-text,
.event-share-add .share .share-icons { transition: .3s opacity; }
.event-share-add .share .share-icons { width: 100%; position: absolute; top: 50%; left: 0; 
                                       transform: translateY(-50%); }
.event-share-add .share.show-icons .share-icons,
.event-share-add .share:not(.show-icons) .share-text { opacity: 1; }
.event-share-add .share:not(.show-icons) .share-icons,
.event-share-add .share.show-icons .share-text { opacity: 0; pointer-events: none; }
.event-share-add .at-resp-share-element .at-share-btn { margin-bottom: 0 !important; }
.event-share-add .share .with-friends { display: none; }
.event-share-add .add { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.event-additional-info { padding-top: 10px; }
.event-additional-info > div:nth-child(n+2) { padding-top: 10px; }

.event-quick-links { padding: 0 0 20px 0; }
.event-quick-links .grid-blocks { padding: 0; }

.event-quick-links hr { opacity: .3; }
.event-quick-links hr + * { margin: 18px 0 15px 0 !important; }
.event-quick-links img { width: 100%; }

@media (min-width: 1024px) {
    .event-details-quick-links { max-width: 1005px; display: -ms-flexbox; display: -webkit-flex; display: flex; }
    .event-details-quick-links-wrap:not(:first-child) .event-details-wrap { margin-top: -325px; width:  695px; } 
    .event-details-quick-links-wrap:not(:first-child) .event-top-content { min-height: 282px; }
    .event-title-next-event { padding-top: 15px; }
    .event-next-event-content { padding: 10px 0 25px 0; }
    .event-intro-text { padding-top: 25px; }
    
    .event-full-text .fifty-percent { width: calc(50% - 8px); float: left; }
    .event-full-text .fifty-percent + br { display: none; }
    .event-full-text .fifty-percent:not(:first-child) { margin-left: 16px; }
    .event-share-add .share .with-friends { display: inline; }
    .event-additional-info { display: -ms-flexbox; display: -webkit-flex; display: flex; }
    .event-additional-info > div { padding-right: 15px; width: 50%; }
    .event-additional-info > div:nth-child(n+2) { padding-top: 0; }
    
    .event-quick-links { padding: 55px 0 20px 0; width: 310px; }
	
	audio { min-width: 530px; }
}


/*
- EVENTS
========================================================= */
.events-filters-wrap {  }
.events-filter-buttons-wrap { width: 100%;  position: relative;  }
body.menu-open .events-filter-buttons-wrap { overflow: hidden; }

.events-filter-button,
#finder-search fieldset > input,
.search-query { border: 1.5px solid #ddd4c0; border-radius: 15px !important; padding: 5px 10px; width: 210px; min-width: 210px; background: #ddd4c0; font-family: inherit; font-size: inherit; text-align: left; cursor: pointer; -webkit-transition: .3s border, .3s background; -moz-transition: .3s border, .3s background; -o-transition: .3s border, .3s background; transition: .3s border, .3s background; }
.events-filter-button { width: auto; min-width:0; margin-bottom: 10px; }
body.non-touch .events-filter-button:hover,
.events-filter-button.active { border-color: #fff; background-color: #fff; }
.events-filter-button.more,
#finder-search fieldset > button { border-color: #242429 !important; border-style: dashed; background-color: transparent !important; }
#finder-search fieldset > button,
.search-query { border-radius: 15px !important; padding: 5px 10px; }
.events-filter-button.more::before { content: 'More'; display: inline; }
.events-filter-buttons.show-all .events-filter-button.more::before { content: 'Less'; }
.events-filter-buttons:not(.show-all) .events-filter-button.extra { display: none; }
.events-filter-button { margin-right:15px;  }

.resources-filter .events-filter-buttons-wrap,
.resources-filter .events-filter-buttons { height: auto; }

.grid-block-event-desc { padding-top: 12px; }
.grid-block-event-details .dashed-top { padding-bottom: 10px; opacity: .3; }
.events-grid-block-label { padding-top: 110px; padding-bottom: 30px; position: relative; background-image: url(../images/shared/pointing-grey-dark.svg); background-position: 16px 45px; background-repeat: no-repeat; background-size: 94px auto; }
.egbl-brush { width: 100%; height: 20px; position: absolute; bottom: 0; left: 0; }

@media (max-width: 1023px) {
    .grid-block.quote-block + .grid-block.quote-block { display: none; }
}

@media (min-width: 1024px) {
    .events-filters-wrap { padding-bottom: 25px; }
    .events-filter-buttons-wrap { height: auto; overflow-x: inherit; }
    .events-filter-buttons { position: static; height: auto; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .events-filter-button { border-width: 2px; min-width: calc(25% - 12px); width: calc(25% - 12px); }
    #finder-search fieldset > input { border-width: 2px; }

    
    .events-grid-inner { width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .grid-block-event-desc { height: 150px; text-overflow: ellipsis; overflow:hidden; }
    .events-grid .grid-block.col-2 .grid-block-copy { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
    .grid-block.col-2 .grid-block-copy > * { width: 50%; }
    .grid-block.col-2 .grid-block-event-title { -webkit-order: 0; -ms-flex-order: 0; order: 0; }
    .grid-block.col-2 .grid-block-event-desc { -webkit-order: 2; -ms-flex-order: 2; order: 2; }
    .grid-block.col-2 .grid-block-event-details { padding-top: 0; -webkit-order: 1; -ms-flex-order: 1; order: 1; }
    .events-grid-block-label { padding-top: 110px; }
}

/*
- SYSTEM ERROR
======================================================== */
#system-message .alert { padding: 2vw; background: #fbf8f5; color: #a70e2f; position: relative; }
#system-message .alert.alert-error { background: #a70e2f; color: #fff; }
#system-message .close { position:absolute; top:0.5vw; right: 0.5vw; font-size: 2vw; }
#system-message h4 { padding:0; margin: 0; }
@media(orientation:portrait){
#system-message .alert { padding: 2vh; }
#system-message .close { position:absolute; top:0.5vh; right: 0.5vh; font-size: 2vh; }
}

/*
- CONTACT
========================================================= */
.ui.form, 
.ui.form *:not(i) { font-family: inherit !important; font-size: inherit !important; font-style: inherit !important; font-weight: inherit !important; letter-spacing: inherit !important; line-height: inherit !important; }
.ui.form .field > label,
.ui.form .required.field > .checkbox::after, 
.ui.form .required.field > label::after, 
.ui.form .required.fields.grouped > label::after, 
.ui.form .required.fields:not(.grouped) > .field > .checkbox::after, 
.ui.form .required.fields:not(.grouped) > .field > label::after,
.chronoforms6_credits { display: none !important; }

.ui.form .field > .selection.dropdown .text { opacity: .3 !important; color: #242429 !important; }
.ui.form .field > input::-webkit-input-placeholder { opacity: .3 !important; color: #242429 !important; }
.ui.form .field > input::-moz-placeholder { opacity: .3 !important; color: #242429 !important; }
.ui.form .field > input:-ms-input-placeholder { opacity: .3 !important; color: #242429 !important; }
.ui.form .field > input:-moz-placeholder { opacity: .3 !important; color: #242429 !important; }
.ui.form .field > textarea::-webkit-input-placeholder { opacity: .3 !important; color: #242429 !important; }
.ui.form .field > textarea::-moz-placeholder { opacity: .3 !important; color: #242429 !important; }
.ui.form .field > textarea:-ms-input-placeholder { opacity: .3 !important; color: #242429 !important; }
.ui.form .field > textarea:-moz-placeholder { opacity: .3 !important; color: #242429 !important; }

.ui.form .field > input:not([type="checkbox"]),
.ui.form .field > textarea,
.ui.form .field > .selection.dropdown,
.ui.selection.dropdown .menu > .item:not(.havesomeclass), 
.ui.form button { padding: 5px 10px !important; min-height: auto; }
.ui.form .field > input:not([type="checkbox"]),
.ui.form .field > textarea,
.ui.form .field > .selection.dropdown,
.ui.form button { border-radius: 15px !important; }
.ui.form .field > input:not([type="checkbox"]),
.ui.form .field > textarea,
.ui.form .field > .selection.dropdown,
.ui.selection.active.dropdown .menu { border: 1.5px dashed #242429 !important; min-height: auto; color: #242429 !important; }
.ui.form .field > input:not([type="checkbox"]),
.ui.form .field > textarea,
.ui.form .field > .selection.dropdown { background-color: transparent !important; }

.ui.dropdown .icon { margin: 0 !important; padding: 0 !important; top: 50% !important; right: 10px !important;
                     -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: rotate(0) translateY(-50%); }
.ui.dropdown.active .icon { -webkit-transform: rotate(180deg) translateY(50%); -ms-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); }
.ui.selection.dropdown .menu { border-radius: 15px !important; background-color: #fff !important; }
.ui.selection.dropdown .menu > .item { border: 0 !important; }
.ui.dropdown .menu .selected.item, 
.ui.dropdown.selected,
.ui.dropdown .menu > .item:hover { background: #f9f6f2 !important; color: inherit !important; }

.ui.checkbox label { padding-left: 34px !important; color: inherit !important; }
.ui.checkbox .box::before, 
.ui.checkbox label::before,
.ui.checkbox .box::after, 
.ui.checkbox label::after { border: 1.5px dashed #242429 !important; border-radius: 9px !important; width: 24px !important; height: 24px !important; font-size: 16px !important; line-height: 19px !important; background-color: transparent !important; color: inherit !important; }
.ui.checkbox label a { color: #a70e2f !important; }

.ui.form button { margin: 0 !important; box-shadow: none !important; border-color: #a70e2f !important; background-color: #a70e2f !important; color: #fcfbf9 !important; }

.ui.form .field .prompt.label:not(.havesomeclass),
.ui.form .custom-error:not(.havesomeclass) { margin: 10px 0 0 0 !important; border: none !important; padding: 0 !important; color: #a70e2f !important; }
.ui.pointing.label::before { display: none !important; }

.popup-booking .event-title { display: none !important }

.hero-slider-text p > a, .sub-slider-text p > a, .sub-slider-text li > a { text-decoration:underline; }



/*
New Search Page ===================*/


body[class*='search'] mark {
	color: #a70e2f;
	background: transparent;
}

.com-finder.finder {
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 960px;
	display: flex;
	margin-top: 2em;
	flex-wrap: wrap;
}

#search-results {
	padding-right: 0;
	padding-left:4.9vw; 
	width: clamp(325px,92%,640px);
}

body[class*='search'] .result__title-url, body[class*='search'] .result__taxonomy {
	display: none;
}

body[class*='search'] .result__title-text {
	font-size: 22px;
	line-height: 28px;
	font-weight: bold;
}

body[class*='search'] .awesomplete > input {
	display: block;
	margin: 10px 0 13px 0;
	border: 1.5px solid #ddd4c0;
	border-top-width: 1.5px;
	border-right-width: 1.5px;
	border-bottom-width: 1.5px;
	border-left-width: 1.5px;
	border-radius: 15px !important;
	padding: 5px 10px;
	width: 210px;
	background: #ddd4c0;
	font-family: inherit;
	font-size: inherit;
	text-align: left;
	cursor: pointer;
	-webkit-transition: .3s border, .3s background;
	-moz-transition: .3s border, .3s background;
	-o-transition: .3s border, .3s background;
	transition: .3s border, .3s background;
}

body[class*='search'] .form-inline label {font-family: 'Kilburn-Book', serif;font-weight: normal;}

form fieldset.com-finder__search {margin-top:4.32vw;border:0;border-top:2px dashed #242429;border-bottom:2px dashed #242429;}

body[class*='search'] .result__item + .result__item {
	margin-top: 1.5em;
	padding-top: 1.5em;
	border-top: 2px dashed currentColor;
}

.com-finder__search-legend.visually-hidden {
	display: none;
}

body[class*='search'] .btn.btn-primary {width: auto;
font-size: inherit;
font-weight: inherit;
cursor: pointer;border-color: #242429 !important;
border-style: dashed;
background-color: transparent !important;border-radius: 15px !important;
padding: 5px 10px;}

.pagination.ms-0.mb-4 {
	display: flex;
	justify-content: space-between;
	padding: 2em;
}

.page-item {
	list-style: none;
}

.page-item::marker {
	display: none;
}

@media (max-width:768px) {
	form fieldset.com-finder__search.word {border:0;}
	body[class*="search"] .awesomplete > input {width: 290px;}
}


body.vwml .hero-slider-wrap.has-text .hero-slider,
body.vwml .hero-slider-wrap.has-texts .hero-slider { width: 100%; position: static !important; }
body.vwml .hero-slider-texts,
body.vwml .hero-slider-wrap > .hero-slider-text { width: 100%; }
body.vwml .hero-slider-wrap.has-text .slick-track {margin-left: 0;margin-right: 0;}

@media(min-width:1024px){
	body.vwml .hero-slider-wrap.has-text .hero-slider,
	body.vwml .hero-slider-wrap.has-texts .hero-slider { width: 50%; position: static !important; }
	body.vwml .hero-slider-texts,
	body.vwml .hero-slider-wrap > .hero-slider-text { width: 50%; }
}


.etf { position:absolute; top:0; left: 0; width:100%; height: 100%; }

table.image-table { width: 100%; }
table.image-table td { width: 50%; }
table.image-table td:last-child { padding-left: 2vw; }
table.image-table td img {width:100% !important; height: auto !important; }
@media(max-width:768px){
    table.image-table td { width: 100%; display:block; }
    table.image-table td:last-child { padding-left: 0; margin-bottom: 5vw; }
}
.article-content table img { height: auto !important; }
.article-content img { max-width:100%; }

.event-intro-text blockquote:not(.red) > p:not(.red):not(.red-background) > a:not(.red):not(.grid-block-link) { color: #ffffff !important; }

body:not(.account) joomla-alert[type="danger"] { display:none; }

#header-popup {position: absolute;left: calc(50% + 500px);}

.event-gallery{margin:30px auto;}
.gallery-slider img{width:100%; object-fit:contain; height:359px;}
.event-gallery .close{display:none;border-radius: 50%;
  border: 1px solid #2c1015;
  padding: 5px;
  width: 30px;
  height: 30px;}
.gallery-slider .gallery-text{display:none;}
.gallery-slider .slick-dots{bottom:-25px;}
.gallery-slider .slick-arrow{position:absolute;bottom:-25px;font-size:0;background-color:transparent;border:0;background-size:contain;background-position:center;width:30px;height:25px;background-repeat: no-repeat;cursor:pointer;}
.gallery-slider .slick-prev{left:0;background-image:url('/templates/efdss/images/shared/arrow-2d-left-red.svg')}
.gallery-slider .slick-next{right:0;background-image:url('/templates/efdss/images/shared/arrow-2d-right-red.svg')}
.gallery-slider .slick-dots{padding:0 35px;}
.gallery-slider .slick-dots .slick-active button{background: #a70e2f;}

.event-gallery.gallery-lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.9);display:flex;justify-content: center;align-items: center;z-index: 10000;margin:0;}
.gallery-lightbox .gallery-content{position:relative;max-width:100%; max-height:100%;height:fit-content;width:fit-content;margin:auto;}
.gallery-lightbox .gallery-text{position: absolute;bottom:0;left:0;width:100%; color:#fff; background:rgba(0,0,0,0.5);max-height:2em;transition:max-height 0.3s;overflow: hidden;padding: 0.5em 70px 0.5em 0.5em;}
.gallery-lightbox .gallery-text{display:block;}
.gallery-lightbox .gallery-text.more{max-height: 90%; overflow-y:auto;}
.event-gallery.gallery-lightbox .gallery-slider{width:90vw;height: 80vh;}
.event-gallery.gallery-lightbox .gallery-slide-wrap{width:100%;height:100%;display: flex}
.gallery-lightbox .read-more{position:absolute;top:0.5em; right:0.5em; background:#a70e2f; color:#fff; border:0; border-radius: 11px; cursor:pointer; padding: 3px 9px;}
.gallery-lightbox .read-more:hover{background:#c51315}
.gallery-lightbox .close{display:block;position:absolute; top:30px; right:40px; left:auto; cursor: pointer;}
.gallery-lightbox img{max-width:90vw;max-height: 80vh;height:100%;}
.gallery-lightbox .gallery-slider .slick-arrow{bottom:calc(50% - 15px);width:35px;height:30px;z-index: 1000000000;}
.gallery-lightbox .gallery-slider .slick-prev{left:-30px;}
.gallery-lightbox .gallery-slider .slick-next{right:-30px;}


@media(max-width:768px){
	.gallery-content h3{font-size:20px;}
	.gallery-content p{font-size:15px;}
	.gallery-content.landscape .gallery-text{position:relative;}
	.gallery-lightbox .close{top:15px; right:15px;}
	.gallery-lightbox .gallery-slider .slick-arrow{bottom:0;width:30px;height:25px;}
	.gallery-lightbox .gallery-slider .slick-prev{left:0;}
	.gallery-lightbox .gallery-slider .slick-next{right:0;}
}

.article-resource-nav{display:flex;}
.article-resource-next{margin-left:auto;}