/* Theme Name: MODULUS CHILD THEME Description: Modulus Framework Version: v.2.1 Author: R. Stephenson Price Author URI: www.stratasfear.com */ /* --------------------------------------- */ /* THEME RESET / CHILD THEME BASE /* --------------------------------------- */ :root { --colour-white:#ffffff; --colour-black:#010101; --colour-charcoal:#1e1b21; --colour-grey:#F2E9F0; --colour-grey-light:#fdfafa; --colour-grey-mid:#dbc9af; --colour-grey-dark:#2e004d; /* Neutrals */ /*--colour-light:#e49435; --colour-light:#E8AB22; --colour-mid:#973f14; --colour-dark: #521d1b;*/ --colour-light:#00bfb3; --colour-mid:#008077; --colour-midB:#9054c4; --colour-dark:#512876; --colour-error_red:#D62828; --colour-bg:var(--colour-white); --colour-bg-inverse:var(--colour-black); --colour-text:var(--colour-black); --colour-text-inverse:var(--colour-white); --colour-border:var(--colour-light); --colour-hover-primary:var(--colour-light); --colour-hover-secondary:var(--colour-dark); --colour-c2a:var(--colour-black); --colour-c2a-inverse:var(--colour-white); --rounded-corners-small:10px; /*25*/ --rounded-corners-large:0; /*50*/ --rounded-corners-header:0; /*0 0 50px 50px*/ --rounded-corners-footer:0; /*50px 50px 0 0*/ } ::selection { background:var(--colour-light); color:var(--colour-dark); } :focus { outline:thin dotted; } *, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0; } html, body { height:auto; } body { background:#010101; margin:0; padding:0; color:var(--colour-black); font:1.0em/1.6em 'Poppins', sans-serif; font-weight:400; letter-spacing:0.4px; position:relative; z-index:1; overflow-x:hidden !important; } /* Headlines */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color:var(--colour-dark); margin:40px 0; font-weight:400; font-family:'Poppins', sans-serif; font-style:normal; letter-spacing:0.4px; line-height:1em; } h1, .h1 { font-size:3.0em; color:var(--colour-white); width:auto; font-weight:400; max-width:100%; position:relative; margin:40px auto 20px; display:block; float:none; overflow:hidden; font-family:'Poppins', sans-serif !important; letter-spacing:0.4px; } h2, .h2 { font-size:2.6em; color:var(--colour-midB); } h3, .h3 { font-size:1.8em; color:var(--colour-light); } h4, .h4 { font-size:1.5em; color:var(--colour-dark); } h5, .h5 { font-size:1.3em; color:var(--colour-light); font-weight:600; } h6, .h6 { font-size:1.1em; color:var(--colour-white); width:fit-content; padding:10px 20px; text-align:center; float:none; background:var(--colour-midB); display:block; height:auto; clear:both; } p { margin:0 0 20px; font-size:1.1em; line-height:1.5em; } a:link, a:visited { padding:0; margin:0; text-decoration:none; color:var(--colour-mid); font-weight:500; letter-spacing:0.7px; } a:hover, a:active, a:focus { color:var(--colour-light); } a:has(.btn) { width:fit-content; margin:0; } hr { border:none; border-bottom:5px solid var(--colour-grey); margin:40px 0; } blockquote { float:right; width:50%; padding:40px; margin:0 0 40px 40px; border:none; font-size:2em; line-height:1.1em; font-family:'Poppins', sans-serif !important; font-weight:400; font-style:normal; color:var(--colour-mid); position:relative; left:inherit; } blockquote::before { opacity:0.1; content:"\201C"; height:100%; width:50%; position:absolute; z-index:0; top:10px; left:-20px; font-size:20em; line-height:0.6em; color:var(--colour-light); font-family:'Poppins', sans-serif; } blockquote p { position:relative; z-index:1; line-height:1.1em; } blockquote .credit { color:var(--colour-dark); font-weight:400; font-style:normal; } blockquote.quote { text-indent:-7px; } figcaption { font-weight:400; font-size:0.85em; } img { } a:hover img { opacity:0.5; } /* NOTE: "overflow:visible" attributes on .siteMain and #siteContainer fix "position:sticky" glitches on child elements/components as of 2022-02 */ .siteMain { background:var(--colour-grey); overflow:clip; } #siteContainer { background:#ffffff; width:100%; display:block; position:relative; z-index:0; margin:auto; max-width:2200px; overflow:clip !important; box-shadow:none; border:none; } .container { max-width:1800px; width:100%; padding:0 100px; } .containerWide { max-width:1800px; width:100%; padding:0 100px; } .overlay { display:none; width:100%; height:100%; top:0; bottom:0; left:0; right:0; Z-index:20; position:absolute; background-color:rgba(0,0,0,0.8)} .shadow { -webkit-box-shadow: -1px 0px 2px 0px rgba(0, 0, 0, 0.12), 1px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: -1px 0px 2px 0px rgba(0, 0, 0, 0.12), 1px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); box-shadow: -1px 0px 2px 0px rgba(0, 0, 0, 0.12), 1px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); } .hotLink { top:-132px !important; } .throwLink { } #topLink { background:var(--colour-dark); border-radius:30px; opacity:1; width:40px; right:20px; bottom:20px; /*filter:drop-shadow(-5px 5px 0px rgba(0,0,0,0.2));*/ transition:all ease-in-out .2s, background 1s cubic-bezier(.07,.95,0,1); display:block; } #topLink .icon { font-size:31px; font-family:initial !important; font-weight:400; padding:14px; color:var(--colour-white); width:40px; transition:all ease-in-out .2s; } .topLinkOuter:hover #topLink, .topLinkOuter:focus #topLink { background:var(--colour-hover-primary); width:50px; height:50px; right:15px; bottom:15px; padding:4px; } .topLinkOuter:hover #topLink .icon, .topLinkOuter:focus #topLink .icon { color:var(--colour-white); } .entry .responsive-container { margin:0 auto 40px; padding-top:0; } .responsive-container { padding-top:0; } .alignleft, .alignright { max-width:50%; height:auto; width:50%; } .highlight { font-weight:400; color:var(--colour-light); } .smallText { font-size:1em; line-height:1.2em; text-align:right; } .alignContentCenter { text-align:center; } .screen-reader-only { position:absolute; width:1px; clip:rect(0 0 0 0); overflow:hidden; white-space:nowrap; } /* --------------------------------------- */ /* SPECIAL CHARACTER FONT(S) /* --------------------------------------- */ @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-BlackItalic.eot'); src: local('Poppins Black Italic'), local('Poppins-BlackItalic'), url('fonts/Poppins-BlackItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-BlackItalic.woff2') format('woff2'), url('fonts/Poppins-BlackItalic.woff') format('woff'), url('fonts/Poppins-BlackItalic.svg#Poppins-BlackItalic') format('svg'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-ExtraBoldItalic.eot'); src: local('Poppins ExtraBold Italic'), local('Poppins-ExtraBoldItalic'), url('fonts/Poppins-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-ExtraBoldItalic.woff2') format('woff2'), url('fonts/Poppins-ExtraBoldItalic.woff') format('woff'), url('fonts/Poppins-ExtraBoldItalic.svg#Poppins-ExtraBoldItalic') format('svg'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-BoldItalic.eot'); src: local('Poppins Bold Italic'), local('Poppins-BoldItalic'), url('fonts/Poppins-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-BoldItalic.woff2') format('woff2'), url('fonts/Poppins-BoldItalic.woff') format('woff'), url('fonts/Poppins-BoldItalic.svg#Poppins-BoldItalic') format('svg'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Black.eot'); src: local('Poppins Black'), local('Poppins-Black'), url('fonts/Poppins-Black.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-Black.woff2') format('woff2'), url('fonts/Poppins-Black.woff') format('woff'), url('fonts/Poppins-Black.svg#Poppins-Black') format('svg'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-ExtraBold.eot'); src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'), url('fonts/Poppins-ExtraBold.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-ExtraBold.woff2') format('woff2'), url('fonts/Poppins-ExtraBold.woff') format('woff'), url('fonts/Poppins-ExtraBold.svg#Poppins-ExtraBold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Bold.eot'); src: local('Poppins Bold'), local('Poppins-Bold'), url('fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-Bold.woff2') format('woff2'), url('fonts/Poppins-Bold.woff') format('woff'), url('fonts/Poppins-Bold.svg#Poppins-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-SemiBoldItalic.eot'); src: local('Poppins SemiBold Italic'), local('Poppins-SemiBoldItalic'), url('fonts/Poppins-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-SemiBoldItalic.woff2') format('woff2'), url('fonts/Poppins-SemiBoldItalic.woff') format('woff'), url('fonts/Poppins-SemiBoldItalic.svg#Poppins-SemiBoldItalic') format('svg'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Light.eot'); src: local('Poppins Light'), local('Poppins-Light'), url('fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-Light.woff2') format('woff2'), url('fonts/Poppins-Light.woff') format('woff'), url('fonts/Poppins-Light.svg#Poppins-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-ExtraLight.eot'); src: local('Poppins ExtraLight'), local('Poppins-ExtraLight'), url('fonts/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-ExtraLight.woff2') format('woff2'), url('fonts/Poppins-ExtraLight.woff') format('woff'), url('fonts/Poppins-ExtraLight.svg#Poppins-ExtraLight') format('svg'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-MediumItalic.eot'); src: local('Poppins Medium Italic'), local('Poppins-MediumItalic'), url('fonts/Poppins-MediumItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-MediumItalic.woff2') format('woff2'), url('fonts/Poppins-MediumItalic.woff') format('woff'), url('fonts/Poppins-MediumItalic.svg#Poppins-MediumItalic') format('svg'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-LightItalic.eot'); src: local('Poppins Light Italic'), local('Poppins-LightItalic'), url('fonts/Poppins-LightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-LightItalic.woff2') format('woff2'), url('fonts/Poppins-LightItalic.woff') format('woff'), url('fonts/Poppins-LightItalic.svg#Poppins-LightItalic') format('svg'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-ExtraLightItalic.eot'); src: local('Poppins ExtraLight Italic'), local('Poppins-ExtraLightItalic'), url('fonts/Poppins-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-ExtraLightItalic.woff2') format('woff2'), url('fonts/Poppins-ExtraLightItalic.woff') format('woff'), url('fonts/Poppins-ExtraLightItalic.svg#Poppins-ExtraLightItalic') format('svg'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Medium.eot'); src: local('Poppins Medium'), local('Poppins-Medium'), url('fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-Medium.woff2') format('woff2'), url('fonts/Poppins-Medium.woff') format('woff'), url('fonts/Poppins-Medium.svg#Poppins-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-SemiBold.eot'); src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url('fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-SemiBold.woff2') format('woff2'), url('fonts/Poppins-SemiBold.woff') format('woff'), url('fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Regular.eot'); src: local('Poppins Regular'), local('Poppins-Regular'), url('fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-Regular.woff2') format('woff2'), url('fonts/Poppins-Regular.woff') format('woff'), url('fonts/Poppins-Regular.svg#Poppins-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Italic.eot'); src: local('Poppins Italic'), local('Poppins-Italic'), url('fonts/Poppins-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-Italic.woff2') format('woff2'), url('fonts/Poppins-Italic.woff') format('woff'), url('fonts/Poppins-Italic.svg#Poppins-Italic') format('svg'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-ThinItalic.eot'); src: local('Poppins Thin Italic'), local('Poppins-ThinItalic'), url('fonts/Poppins-ThinItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-ThinItalic.woff2') format('woff2'), url('fonts/Poppins-ThinItalic.woff') format('woff'), url('fonts/Poppins-ThinItalic.svg#Poppins-ThinItalic') format('svg'); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Thin.eot'); src: local('Poppins Thin'), local('Poppins-Thin'), url('fonts/Poppins-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-Thin.woff2') format('woff2'), url('fonts/Poppins-Thin.woff') format('woff'), url('fonts/Poppins-Thin.svg#Poppins-Thin') format('svg'); font-weight: 100; font-style: normal; font-display: swap; } /* --------------------------------------- */ /* FORMS /* --------------------------------------- */ /* iOS Clear */ textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox { -webkit-appearance:none; border-radius:5px; } a.btn, .btn, button { background:var(--colour-light); color:var(--colour-white) !important; font-weight:400; font-style:normal; font-family:'Poppins', sans-serif; font-size:1.2em; text-transform:initial; width:fit-content !important; min-width:250px !important; max-width:inherit; margin:0 auto 40px; border-radius:50px !important; clear:both; padding:15px 30px; display:inline-block; /*filter:drop-shadow(10px 10px 0px rgba(0,0,0,0.2));*/ } .btn:last-child, a.btn:last-child, button:last-child, a:last-child .btn { margin:0 auto; } a.btnEdit { margin:20px auto !important; display:inline-block; } .btn a, button a, a.btn { color:var(--colour-white) !important; font-weight:400; } a .btn.highlight, a button.highlight { background:var(--colour-light); color:var(--colour-white) !important; } a:hover .btn.highlight, a:hover button.highlight, a:focus .btn.highlight, a:focus button.highlight { background:var(--colour-mid); color:var(--colour-light) !important; } a.btn:hover, a:hover .btn, a:hover button, a.btn:focus, a:focus .btn, a:focus button { background:var(--colour-mid); color:var(--colour-light) !important; } a:hover .btn.highlight, a:hover button.highlight, a:focus .btn.highlight, a:focus button.highlight { background:var(--colour-mid); color:var(--colour-light) !important; } .btnSmall { padding:10px 20px; min-width:0; } .btnLarge { font-size:1.6em; max-width:inherit; padding:20px 40px !important; border-radius:100px !important; } .btn-print { font-size:0.8em; width:max-content; direction:ltr; } form { max-width:100%; position:relative; } input { padding:10px 20px; } input[type=text], input[type=email] { border:0; border-radius:5px; margin:0 auto 20px; width:100%; font:1.3em/1.5em 'Poppins','Poppins', sans-serif; letter-spacing:0.4px; } /* --------------------------------------- */ /* ADS /* --------------------------------------- */ #billboardBottom, #billboardTop { display:none; } /* --------------------------------------- */ /* MOBILE MENU /* --------------------------------------- */ #mobileMenu { background:var(--colour-charcoal); font-family:'Poppins', sans-serif !important; } #mobileMenu .siteLogo { max-width:200px; } #mobileMenu h2 { border:none; border-bottom:none; color:#ffffff; padding:20px; font-size:1.4em; font-family:'Poppins', sans-serif !important; font-weight:normal; margin:0; } #mobileMenu .menu li a { color:#ffffff; font-size:1.1em; font-weight:400; border-bottom:0; } #mobileMenu .menu li a:hover, #mobileMenu .menu li a:focus { background:var(--colour-light) !important; color:var(--colour-charcoal) !important} #mobileMenu .menu .current-menu-item > a, #mobileMenu .menu .current-menu-parent > a, #mobileMenu .menu .current-menu-ancestor > a, #mobileMenu .menu .current_page_item > a, #mobileMenu .menu .current_page_parent > a, #mobileMenu .menu .current_page_ancestor > a { border-left:5px solid var(--colour-light); color:var(--colour-light); } #mobileMenu .sub-menu .current-menu-item > a, #mobileMenu .sub-menu .current-menu-parent > a, #mobileMenu .sub-menu .current-menu-ancestor > a, #mobileMenu .sub-menu .current_page_item > a, #mobileMenu .sub-menu .current_page_parent > a, #mobileMenu .sub-menu .current_page_ancestor > a { text-indent:-20px; } #mobileMenu .sub-menu .sub-menu .current-menu-item > a, #mobileMenu .sub-menu .sub-menu .current-menu-parent > a, #mobileMenu .sub-menu .sub-menu .current-menu-ancestor > a, #mobileMenu .sub-menu .sub-menu .current_page_item > a, #mobileMenu .sub-menu .sub-menu .current_page_parent > a, #mobileMenu .sub-menu .sub-menu .current_page_ancestor > a { text-indent:-26px; } #mobileMenu .sub-menu .sub-menu .sub-menu .current-menu-item > a, #mobileMenu .sub-menu .sub-menu .sub-menu .current-menu-parent > a, #mobileMenu .sub-menu .sub-menu .sub-menu .current-menu-ancestor > a, #mobileMenu .sub-menu .sub-menu .sub-menu .current_page_item > a, #mobileMenu .sub-menu .sub-menu .sub-menu .current_page_parent > a, #mobileMenu .sub-menu .sub-menu .sub-menu .current_page_ancestor > a { text-indent:10px; } #mobileMenu .menu .indicator { background:none; } #mobileMenu .menu .indicator .icon { color:#ffffff; } #mobileMenu .menu .sub-menu .indicator { background:none !important; padding:0 !important; } #mobileMenu .menu .sub-menu .indicator .icon { color:#ffffff; } #mobileMenu .menu .indicator .icon { color:#ffffff; } #mobileMenu .menu li .indicator:hover, #mobileMenu .menu li .indicator:focus { background:var(--colour-light) !important; color:var(--colour-charcoal); } #mobileMenu .menu li a:hover .indicator .icon, #mobileMenu .menu li .indicator:hover .icon, #mobileMenu .menu li a:focus .indicator .icon, #mobileMenu .menu li .indicator:focus .icon { color:var(--colour-charcoal); } #mobileMenu li .sub-menu { background:var(--colour-dark); } #mobileMenu li .sub-menu .sub-menu { background:var(--colour-grey-dark); } #mobileMenu li .sub-menu .sub-menu .sub-menu { background:var(--colour-grey-mid); } #mobileMenu li .sub-menu li a { color:#ffffff; text-indent:-15px; padding:10px 20px 10px 35px !important; } #mobileMenu li .sub-menu li a.indicator { padding:0 !important; } #mobileMenu li .sub-menu .sub-menu li a { text-indent:-22px; padding:10px 20px 10px 57px !important; } #mobileMenu li .sub-menu .sub-menu .sub-menu li a { text-indent:15px; } #mobileMenu .socialBox { display:flex; gap:5px; justify-content:center; } #mobileMenu .socialBox .btn-social { background:none; display:block; width:40px; height:40px; background-size:30px !important; border-radius:50%; border:none; } #mobileMenu .socialBox .btn-social:hover, #mobileMenu .socialBox .btn-social:focus { background-color:none !important; } #mobileMenu .socialBox .btn-rss { background:var(--colour-black) url("images/social/lug-rss-white.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox .btn-apple { background:var(--colour-black) url("images/social/lug-apple-white.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox .btn-bandcamp { background:var(--colour-black) url("images/social/lug-bandcamp-white.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox .btn-behance { background:var(--colour-black) url("images/social/lug-behance-white.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox .btn-discord { background:var(--colour-black) url("images/social/lug-discord-white.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox .btn-dribbble { background:var(--colour-black) url("images/social/lug-dribbble-white.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox .btn-facebook { background:var(--colour-black) url("images/social/lug-facebook-white.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox .btn-github { background:var(--colour-black) url("images/social/lug-github-white.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox .btn-imdb { background:var(--colour-black) url("images/social/lug-imdb-white.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox .btn-instagram { background:var(--colour-black) url("images/social/lug-instagram-white.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox .btn-linkedin { background:var(--colour-black) url("images/social/lug-linkedin-white.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox .btn-pinterest { background:var(--colour-black) url("images/social/lug-pinterest-white.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox .btn-reddit { background:var(--colour-black) url("images/social/lug-reddit-white.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox .btn-snapchat { background:var(--colour-black) url("images/social/lug-snapchat-white.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox .btn-spotify { background:var(--colour-black) url("images/social/lug-spotify-white.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox .btn-threads { background:var(--colour-black) url("images/social/lug-threads-white.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox .btn-tiktok { background:var(--colour-black) url("images/social/lug-tiktok-white.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox .btn-twitch { background:var(--colour-black) url("images/social/lug-twitch-white.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox .btn-twitter { background:var(--colour-black) url("images/social/lug-twitterx-white.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox .btn-vimeo { background:var(--colour-black) url("images/social/lug-vimeo-white.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox .btn-vsco { background:var(--colour-black) url("images/social/lug-vsco-white.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox .btn-youtube { background:var(--colour-black) url("images/social/lug-youtube-white.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:hover .btn-rss { background-color:var(--colour-light); background-image:url("images/social/lug-rss.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:hover .btn-apple { background-color:var(--colour-light); background-image:url("images/social/lug-apple.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:hover .btn-bandcamp { background-color:var(--colour-light); background-image:url("images/social/lug-bandcamp.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:hover .btn-behance { background-color:var(--colour-light); background-image:url("images/social/lug-behance.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:hover .btn-discord { background-color:var(--colour-light); background-image:url("images/social/lug-discord.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:hover .btn-dribbble { background-color:var(--colour-light); background-image:url("images/social/lug-dribbble.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:hover .btn-facebook { background-color:var(--colour-light); background-image:url("images/social/lug-facebook.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:hover .btn-github { background-color:var(--colour-light); background-image:url("images/social/lug-github.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:hover .btn-imdb { background-color:var(--colour-light); background-image:url("images/social/lug-imdb.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:hover .btn-instagram { background-color:var(--colour-light); background-image:url("images/social/lug-instagram.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:hover .btn-linkedin { background-color:var(--colour-light); background-image:url("images/social/lug-linkedin.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:hover .btn-pinterest { background-color:var(--colour-light); background-image:url("images/social/lug-pinterest.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:hover .btn-reddit { background-color:var(--colour-light); background-image:url("images/social/lug-reddit.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:hover .btn-snapchat { background-color:var(--colour-light); background-image:url("images/social/lug-snapchat.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:hover .btn-spotify { background-color:var(--colour-light); background-image:url("images/social/lug-spotify.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:hover .btn-threads { background-color:var(--colour-light); background-image:url("images/social/lug-threads.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:hover .btn-tiktok { background-color:var(--colour-light); background-image:url("images/social/lug-tiktok.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:hover .btn-twitch { background-color:var(--colour-light); background-image:url("images/social/lug-twitch.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:hover .btn-twitter { background-color:var(--colour-light); background-image:url("images/social/lug-twitterx.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:hover .btn-vimeo { background-color:var(--colour-light); background-image:url("images/social/lug-vimeo.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:hover .btn-vsco { background-color:var(--colour-light); background-image:url("images/social/lug-vsco.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:hover .btn-youtube { background-color:var(--colour-light); background-image:url("images/social/lug-youtube.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:focus .btn-rss { background-color:var(--colour-light); background-image:url("images/social/lug-rss.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:focus .btn-apple { background-color:var(--colour-light); background-image:url("images/social/lug-apple.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:focus .btn-bandcamp { background-color:var(--colour-light); background-image:url("images/social/lug-bandcamp.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:focus .btn-behance { background-color:var(--colour-light); background-image:url("images/social/lug-behance.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:focus .btn-discord { background-color:var(--colour-light); background-image:url("images/social/lug-discord.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:focus .btn-dribbble { background-color:var(--colour-light); background-image:url("images/social/lug-dribbble.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:focus .btn-facebook { background-color:var(--colour-light); background-image:url("images/social/lug-facebook.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:focus .btn-github { background-color:var(--colour-light); background-image:url("images/social/lug-github.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:focus .btn-imdb { background-color:var(--colour-light); background-image:url("images/social/lug-imdb.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:focus .btn-instagram { background-color:var(--colour-light); background-image:url("images/social/lug-instagram.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:focus .btn-linkedin { background-color:var(--colour-light); background-image:url("images/social/lug-linkedin.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:focus .btn-pinterest { background-color:var(--colour-light); background-image:url("images/social/lug-pinterest.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:focus .btn-reddit { background-color:var(--colour-light); background-image:url("images/social/lug-reddit.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:focus .btn-snapchat { background-color:var(--colour-light); background-image:url("images/social/lug-snapchat.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:focus .btn-spotify { background-color:var(--colour-light); background-image:url("images/social/lug-spotify.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:focus .btn-threads { background-color:var(--colour-light); background-image:url("images/social/lug-threads.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:focus .btn-tiktok { background-color:var(--colour-light); background-image:url("images/social/lug-tiktok.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:focus .btn-twitch { background-color:var(--colour-light); background-image:url("images/social/lug-twitch.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:focus .btn-twitter { background-color:var(--colour-light); background-image:url("images/social/lug-twitterx.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:focus .btn-vimeo { background-color:var(--colour-light); background-image:url("images/social/lug-vimeo.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:focus .btn-vsco { background-color:var(--colour-light); background-image:url("images/social/lug-vsco.svg"); background-repeat:no-repeat; background-position:center; } #mobileMenu .socialBox a:focus .btn-youtube { background-color:var(--colour-light); background-image:url("images/social/lug-youtube.svg"); background-repeat:no-repeat; background-position:center; } /* --------------------------------------- */ /* SEARCH /* --------------------------------------- */ #fullscreenSearch { background:rgba(255, 255, 255, .97); } #fullscreenSearch .container { max-width:1200px; padding:0 80px !important; } #fullscreenSearch .topdeck { padding:140px 0 0; } #fullscreenSearch .lowerdeck { padding:40px 0 160px; } #fullscreenSearch .searchBox { background:none; border-radius:0; border:0; position:relative; overflow:visible; } #fullscreenSearch .searchBox .searchBar { width:calc(100% - 25px) !important; max-width:inherit !important; margin:0; border:0; border-radius:5px; background:var(--colour-grey); font:1.3em/1.5em 'Poppins', sans-serif; font-weight:400; letter-spacing:0.4px; } #fullscreenSearch .searchBox .btn-search .glyphicon-search { color:var(--colour-white) !important; } #fullscreenSearch .searchBox .btn-search { width:50px !important; min-width:0 !important; border-radius:30px !important; opacity:1; background:var(--colour-light); color:var(--colour-white) !important; min-width:0; position:absolute; top:-100%; bottom:-100%; right:0; margin:auto !important; filter:none; -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); } #fullscreenSearch .searchBox .btn-search:hover, #fullscreenSearch .searchBox .btn-search:focus { background:var(--colour-mid) !important; color:var(--colour-light) !important; } #fullscreenSearch .searchBox .btn-search:hover .glyphicon-search, #fullscreenSearch .searchBox .btn-search:focus .glyphicon-search { color:var(--colour-light) !important; } #fullscreenSearch h1, #fullscreenSearch h2, #fullscreenSearch h3 { color:var(--colour-dark); font-weight:600; } #fullscreenSearch .trendingList { display:flex; gap:5px; flex-wrap:wrap; } #fullscreenSearch .trendingList li { margin:0 auto; width:100%; float:none; display:block; flex:1 26%; } #fullscreenSearch .trendingList li a { background:var(--colour-dark); color:var(--colour-light) !important; border-radius:30px; font-size:1em; font-weight:700; padding:10px 20px; text-align:center; display:block; font-family:"Poppins",sans-serif; } #fullscreenSearch .trendingList li a:hover, #fullscreenSearch .trendingList li a:focus { background:var(--colour-light); color:var(--colour-dark) !important; } #fullscreenSearch .trendingList .col1 { margin:0 0 20px; } #fullscreenSearch .trendingList .col1 .col5 li { width:100%; } #fullscreenSearch .trendingList .col1 .col5 a { width:-webkit-calc(100% - 5px); width:-moz-calc(100% - 5px); width:calc(100% - 5px); } .contentSearch { border-bottom:5px solid var(--colour-grey); padding:40px 0; } .contentSearch .contentFull { min-height:0; padding:40px 0; } .contentSearch .entry .searchBox .searchBar { margin:0; } /* 404 FIX */ .entry .searchBox .searchBar { background:#efefef; color:#121212; width:-webkit-calc(100% - 25px) !important; width:-moz-calc(100% - 25px) !important; width:calc(100% - 25px) !important; height:50px; line-height:50px; font:1.1em/1.5em 'Poppins', sans-serif; font-weight:400; letter-spacing:0.4px; border-radius:30px; margin:0; } .entry .searchBox .searchBar::placeholder { color:#121212; } .entry .searchBox .btn-search { font-size:1.3em; height:50px; width:50px !important; min-width:0 !important; padding:0; margin:auto !important; background:var(--colour-dark); color:var(--colour-mid) !important; border:0; cursor:pointer; display:inline-block; float:none; line-height:50px; border-radius:30px !important; position:absolute; top:-100%; bottom:-100%; right:0; transition:ease-in-out 100ms all; filter:none; } .entry .searchBox .btn-search:hover, .entry .searchBox .btn-search:focus { background:var(--colour-light) !important; color:var(--colour-dark) !important; } .entry .searchBox .btn-search:hover .glyphicon-search, .entry .searchBox .btn-search:focus .glyphicon-search { color:var(--colour-dark) !important; } /* --------------------------------------- */ /* MENU BAR / MAIN MENU /* --------------------------------------- */ #masterMenu .actionStrip { float:left; font-size:12pt !important; line-height:14pt !important; height:auto !important; } #masterMenu .actionStrip .container { padding:10px 60px 10px 10px !important; } #masterMenu .actionStrip.slideOpen { min-height:40px; } #masterMenu .actionStrip .btnTrigger { right:10px; line-height:30px !important; } #masterMenu .menuLogo { width:180px; height:100%; margin:auto; display:block; position:absolute; top:0; bottom:0; left:-100%; right:-100%; background:url(images/logo-white.svg) center no-repeat; background-size:auto 75%; content:""; } #masterMenu .menu li a { font-family:'Poppins', sans-serif; } #masterMenu .menu li a:hover, #masterMenu .menu li a:focus, #masterMenu .menu .current-menu-item > a, #masterMenu .menu .current-menu-parent > a, #masterMenu .menu .current-menu-ancestor > a, #masterMenu .menu .current_page_item > a, #masterMenu .menu .current_page_parent > a, #masterMenu .menu .current_page_ancestor > a { background:var(--colour-dark); color:var(--colour-white); } #menuBar { border-bottom:none; position:fixed; background:var(--colour-black); height:inherit !important; font-family:"Poppins", sans-serif; -webkit-transition: left 1s cubic-bezier(.07,.95,0,1), right 1s cubic-bezier(.07,.95,0,1), top 1s cubic-bezier(.07,.95,0,1), bottom 1s cubic-bezier(.07,.95,0,1), height 400ms ease-in-out, line-height 400ms ease-in-out, margin 400ms ease-in-out, padding 400ms ease-in-out, background 200ms ease-in-out, color 200ms cubic-bezier(.07,.95,0,1) !important; -moz-transition: left 1s cubic-bezier(.07,.95,0,1), right 1s cubic-bezier(.07,.95,0,1), top 1s cubic-bezier(.07,.95,0,1), bottom 1s cubic-bezier(.07,.95,0,1), height 400ms ease-in-out, line-height 400ms ease-in-out, margin 400ms ease-in-out, padding 400ms ease-in-out, background 200ms ease-in-out, color 200ms cubic-bezier(.07,.95,0,1) !important; -o-transition: left 1s cubic-bezier(.07,.95,0,1), right 1s cubic-bezier(.07,.95,0,1), top 1s cubic-bezier(.07,.95,0,1), bottom 1s cubic-bezier(.07,.95,0,1), height 400ms ease-in-out, line-height 400ms ease-in-out, margin 400ms ease-in-out, padding 400ms ease-in-out, background 200ms ease-in-out, color 200ms cubic-bezier(.07,.95,0,1) !important; transition: left 1s cubic-bezier(.07,.95,0,1), right 1s cubic-bezier(.07,.95,0,1), top 1s cubic-bezier(.07,.95,0,1), bottom 1s cubic-bezier(.07,.95,0,1), height 400ms ease-in-out, line-height 400ms ease-in-out, margin 400ms ease-in-out, padding 400ms ease-in-out, background 200ms ease-in-out, color 200ms cubic-bezier(.07,.95,0,1) !important; } #menuBar #mainMenu, #menuBar #mainMenu #mainMenuInner, #menuBar #mainMenu .socialBox .btn-social, #menuBar #mainMenu .btn-search, #menuBar #mainMenu .btn-drawerLeft, #menuBar #mainMenu .btn-drawerLeft span, #menuBar #mainMenu .btn-drawerTop, #menuBar #mainMenu .btn-drawerTop span, #menuBar #mainMenu .btn-drawerBottom, #menuBar #mainMenu .btn-drawerBottom span, #menuBar #mainMenu .btn-drawerRight, #menuBar #mainMenu .btn-drawerRight span, #menuBar #mainMenu .menu li a, #menuBar #mainMenu .menu li .sub-menu, #mainMenu .btn-search, #menuBar .c2aTriggers, #menuBar .phoneBox, #menuBar .c2aTriggers .menu li, #menuBar .c2aTriggers .menu li a, #mainMenu li .sub-menu > li:first-of-type::before { -webkit-transition: left 1s cubic-bezier(.07,.95,0,1), right 1s cubic-bezier(.07,.95,0,1), top 1s cubic-bezier(.07,.95,0,1), bottom 1s cubic-bezier(.07,.95,0,1), height 400ms ease-in-out, line-height 400ms ease-in-out, margin 400ms ease-in-out, padding 400ms ease-in-out, background 200ms ease-in-out, color 200ms cubic-bezier(.07,.95,0,1) !important; -moz-transition: left 1s cubic-bezier(.07,.95,0,1), right 1s cubic-bezier(.07,.95,0,1), top 1s cubic-bezier(.07,.95,0,1), bottom 1s cubic-bezier(.07,.95,0,1), height 400ms ease-in-out, line-height 400ms ease-in-out, margin 400ms ease-in-out, padding 400ms ease-in-out, background 200ms ease-in-out, color 200ms cubic-bezier(.07,.95,0,1) !important; -o-transition: left 1s cubic-bezier(.07,.95,0,1), right 1s cubic-bezier(.07,.95,0,1), top 1s cubic-bezier(.07,.95,0,1), bottom 1s cubic-bezier(.07,.95,0,1), height 400ms ease-in-out, line-height 400ms ease-in-out, margin 400ms ease-in-out, padding 400ms ease-in-out, background 200ms ease-in-out, color 200ms cubic-bezier(.07,.95,0,1) !important; transition: left 1s cubic-bezier(.07,.95,0,1), right 1s cubic-bezier(.07,.95,0,1), top 1s cubic-bezier(.07,.95,0,1), bottom 1s cubic-bezier(.07,.95,0,1), height 400ms ease-in-out, line-height 400ms ease-in-out, margin 400ms ease-in-out, padding 400ms ease-in-out, background 200ms ease-in-out, color 200ms cubic-bezier(.07,.95,0,1) !important; } #menuBar #headerInner { } #menuBarBlock { display:none; } #menuBar #mainMenuInner { display:block; } /*.homePage #menuBarBlock { position:static; display:block; height:120px; }*/ #menuBar #menuOverlay { position:absolute; width:200px; max-width:100%; z-index:5; left:-100%; right:-100%; padding:0; } #menuBar .menuLogo { background:url(images/logo-white.svg)no-repeat center; overflow:visible; padding:0; height:100px; width:200px; background-size:90% 70%; position:relative; z-index:0; opacity:1; float:left; margin:0 10px 0 0 !important; -webkit-backface-visibility: hidden; backface-visibility:hidden; -webkit-filter:blur(0px); } #menuBar a:hover .menuLogo, #menuBar a:focus .menuLogo { padding:0; height:100px; width:200px; opacity:1; background:url(images/logo-hover.svg)no-repeat center; background-size:90% 80%; } #menuBar #menuOverlay .menuLogo { padding:0; margin:0 auto !important; float:none !important; } #menuBar #headerInner { padding:0 100px; } .menuBarBottom { bottom:0; z-index:100 !important; top:initial !important; position:fixed !important; display:block; opacity:1; background:var(--colour-light) !important; } #mainMenu { font-size:0.8em; } #mainMenu .menu li a { color:#ffffff; font-weight:400; font-size:1.1em; font-style:normal; /*margin:0 10px 0 0; */ border-right:0; text-transform:lowercase; padding:10px 15px; } #mainMenu .menu li a::after { width:1px; height:-webkit-calc(100% - 40px); height:-moz-calc(100% - 40px); height:calc(100% - 40px); position:absolute; right:-5px; left:initial; top:-100%; bottom:-100%; margin:auto; content:""; display:none; background:var(--colour-dark); } #mainMenu .menu > li a::before { display:block; position:absolute; bottom:-100%; top:-70%; width:0; height:5px; background:var(--colour-light); left:-100%; right:-100%; margin:auto; content:""; transition:all 1s cubic-bezier(.07,.95,0,1); } #mainMenu .menu li:last-of-type a::after, #mainMenu .menu .sub-menu li a::after, #mainMenu .menu .sub-menu > li a::before { display:none !important; } #mainMenu .menu li > a:hover, #mainMenu .menu .topMenu > a:hover, #mainMenu .menu li a:hover > span, #mainMenu .menu .sub-menu li a:hover > span, #mainMenu .menu .sub-menu li > a:hover, #mainMenu .menu li > a:focus, #mainMenu .menu .topMenu > a:focus, #mainMenu .menu li a:focus > span, #mainMenu .menu .sub-menu li a:focus > span, #mainMenu .menu .sub-menu li > a:focus { background:none !important; color:#ffffff; } #mainMenu .menu > .menu-item-has-children a { padding:10px 40px 10px 20px; } #mainMenu .menuMarkerHousing { bottom:44%; left:initial; right:14px; } #mainMenu .menuMarkerHousing .icon { color:#ffffff; display:block; font-family:initial !important; } #mainMenu .menu li:hover > .menuMarkerHousing .icon, #mainMenu .menu li:focus > .menuMarkerHousing .icon { color:#ffffff; } #mainMenu .menu li:hover > .menuMarkerHousing, #mainMenu .menu li:focus > .menuMarkerHousing { bottom:42%; } #mainMenu .sub-menu .menuMarkerHousing { height:100% !important; width:40px; bottom:0% !important; right:initial !important; left:260px !important; } #mainMenu .sub-menu .menuMarkerHousing .icon { color:var(--colour-white); height:100% !important; line-height:inherit !important; transform:rotate(0); } #mainMenu .sub-menu li:hover > .menuMarkerHousing, #mainMenu .sub-menu li:focus > .menuMarkerHousing { bottom:0%; left:270px !important; } #mainMenu .sub-menu li:hover > .menuMarkerHousing .icon, #mainMenu .sub-menu li:focus > .menuMarkerHousing .icon { color:#ffffff !important; } #mainMenu .menu .current-menu-item > a, #mainMenu .menu .current-menu-parent > a, #mainMenu .menu .current-menu-ancestor > a, #mainMenu .menu .current_page_item > a, #mainMenu .menu .current_page_parent > a, #mainMenu .menu .current_page_ancestor > a { background:inherit !important; color:var(--colour-light) !important; font-weight:700; } #mainMenu .menu li.current-menu-item a::before , #mainMenu .menu li.current-menu-parent a::before, #mainMenu .menu li.current-menu-ancestor a::before, #mainMenu .menu li.current_page_item a::before, #mainMenu .menu li.current_page_parent a::before, #mainMenu .menu li.current_page_ancestor a::before { background:var(--colour-light) !important; } #mainMenu .menu .current-menu-item .menuMarkerHousing .icon, #mainMenu .menu .current-menu-parent .menuMarkerHousing .icon, #mainMenu .menu .current-menu-ancestor .menuMarkerHousing .icon, #mainMenu .menu .current_page_item .menuMarkerHousing .icon, #mainMenu .menu .current_page_parent .menuMarkerHousing .icon, #mainMenu .menu .current_page_ancestor .menuMarkerHousing .icon { color:var(--colour-light); } #mainMenu .menu .current-menu-item .sub-menu .menuMarkerHousing .icon, #mainMenu .menu .current-menu-parent .sub-menu .menuMarkerHousing .icon, #mainMenu .menu .current-menu-ancestor .sub-menu .menuMarkerHousing .icon, #mainMenu .menu .current_page_item .sub-menu .menuMarkerHousing .icon, #mainMenu .menu .current_page_parent .sub-menu .menuMarkerHousing .icon, #mainMenu .menu .current_page_ancestor .sub-menu .menuMarkerHousing .icon { color:var(--colour-dark); } #menuBar .c2aTriggers .menu .current-menu-item > a, #menuBar .c2aTriggers .menu .current-menu-parent > a, #menuBar .c2aTriggers .menu .current-menu-ancestor > a, #menuBar .c2aTriggers .menu .current_page_item > a, #menuBar .c2aTriggers .menu .current_page_parent > a, #menuBar .c2aTriggers .menu .current_page_ancestor > a, #menuBar .c2aTriggers .menu .current-menu-item:hover > a, #menuBar .c2aTriggers .menu .current-menu-parent:hover > a, #menuBar .c2aTriggers .menu .current-menu-ancestor:hover > a, #menuBar .c2aTriggers .menu .current_page_item:hover > a, #menuBar .c2aTriggers .menu .current_page_parent:hover > a, #menuBar .c2aTriggers .menu .current_page_ancestor:hover > a { background:var(--colour-dark) !important; color:var(--colour-white) !important; border-color:var(--colour-dark); } #menuBar .c2aTriggers .menu .current-menu-item:focus > a, #menuBar .c2aTriggers .menu .current-menu-parent:focus > a, #menuBar .c2aTriggers .menu .current-menu-ancestor:focus > a, #menuBar .c2aTriggers .menu .current_page_item:focus > a, #menuBar .c2aTriggers .menu .current_page_parent:focus > a, #menuBar .c2aTriggers .menu .current_page_ancestor:focus > a { background:var(--colour-dark) !important; color:var(--colour-white) !important; } #menuBar .c2aTriggers .menu li.current-menu-item a::before , #menuBar .c2aTriggers .menu li.current-menu-parent a::before, #menuBar .c2aTriggers .menu li.current-menu-ancestor a::before, #menuBar .c2aTriggers .menu li.current_page_item a::before, #menuBar .c2aTriggers .menu li.current_page_parent a::before, #menuBar .c2aTriggers .menu li.current_page_ancestor a::before { display:none; } #mainMenu .sub-menu .current-menu-item > a, #mainMenu .sub-menu .current-menu-parent > a, #mainMenu .sub-menu .current-menu-ancestor > a, #mainMenu .sub-menu .current_page_item > a, #mainMenu .sub-menu .current_page_parent > a, #mainMenu .sub-menu .current_page_ancestor > a { background:var(--colour-light) !important; color:var(--colour-dark) !important; border-left:none !important; } #mainMenu li .sub-menu > li.current-menu-item:first-of-type::before, #mainMenu li .sub-menu > li.current-menu-parent:first-of-type::before, #mainMenu li .sub-menu > li.current-menu-ancestor:first-of-type::before, #mainMenu li .sub-menu > li.current_page_item:first-of-type::before, #mainMenu li .sub-menu > li.current_page_ancestor:first-of-type::before { background:var(--colour-light); } #mainMenu .sub-menu li.current-menu-item::before , #mainMenu .sub-menu li.current-menu-parent::before, #mainMenu .sub-menu li.current-menu-ancestor::before, #mainMenu .sub-menu li.current_page_item::before, #mainMenu .sub-menu li.current_page_parent::before, #mainMenu .sub-menu li.current_page_ancestor::before { background:none; display:none; } #mainMenu .sub-menu .current-menu-item .sub-menuMarkerHousing .icon, #mainMenu .sub-menu .current-menu-parent .sub-menuMarkerHousing .icon, #mainMenu .sub-menu .current-menu-ancestor .sub-menuMarkerHousing .icon, #mainMenu .sub-menu .current_page_item .sub-menuMarkerHousing .icon, #mainMenu .sub-menu .current_page_parent .sub-menuMarkerHousing .icon, #mainMenu .sub-menu .current_page_ancestor .sub-menuMarkerHousing .icon { color:none; } #mainMenu .menu li.c2aTrigger a { color:#7f7f7f !important; font-weight:400; position:relative; } #mainMenu .menu li.c2aTrigger a::before { position:absolute; top:0; bottom:inherit; left:0; right:0; height:110%; width:100%; content:""; display:block; background:var(--colour-light); z-index:-1; border-radius:0 0 5px 5px; } #mainMenu .menu li.c2aTrigger > a:hover, #mainMenu .menu li.c2aTrigger:hover > a, #mainMenu .menu li.c2aTrigger > a:focus, #mainMenu .menu li.c2aTrigger:focus > a { background:inherit !important; color:inherit !important; } #mainMenu .menu li.c2aTrigger:hover a, #mainMenu .menu li.c2aTrigger:focus a { color:#ffffff !important; font-weight:400; } #mainMenu .menu li.c2aTrigger:hover a::before, #mainMenu .menu li.c2aTrigger:focus a::before { background:var(--colour-light) !important; } #menuBar .c2aTriggers { width:auto; height:100px; float:right; } #menuBar .c2aTriggers .btn { display:inline-block; } #menuBar .c2aTriggers .menu li { height:100px; padding:30px 10px !important; } #menuBar .c2aTriggers .menu li > a { height:40px !important; line-height:0 !important; font-family:'Poppins', sans-serif; font-weight:400; padding:20px; background:var(--colour-light); color:var(--colour-white); border:1px solid var(--colour-light); border-radius:30px; } #menuBar .c2aTriggers .menu li a:hover, #menuBar .c2aTriggers .menu li a:focus { } #menuBar .c2aTriggers .menu li > a:hover, #menuBar .c2aTriggers .menu li > a:focus { background:var(--colour-mid) !important; color:var(--colour-light) !important; border:1px solid var(--colour-mid); } #menuBar .c2aTriggers .menu li a:hover::before, #menuBar .c2aTriggers .menu li a:focus::before { display:none !important; } #menuBar .phoneBox { width:auto; height:100px; padding:10px; float:right; display:flex; align-items:center; font-size:1.3em; font-weight:700; color:var(--colour-white); } #menuBar .phoneBox a:link, #menuBar .phoneBox a:visited { color:var(--colour-white); } #menuBar .phoneBox a:hover, #menuBar .phoneBox a:focus { color:var(--colour-light); } #mainMenu .menu li a img { float:none; top:initial; } #mainMenu .menu li.lang-item a img { /*float:none; top:initial; width:16px; height:11px; margin:12px 15px 0 0; */} #mainMenu li .sub-menu { -webkit-transition:all 400ms ease-in-out; -moz-transition:all 400ms ease-in-out; transition:all 400ms ease-in-out; } #mainMenu li .sub-menu > li:first-of-type::before { position:absolute; top:-6px; width:20px; height:20px; background:var(--colour-dark); left:20px; right:initial; margin:auto; transform:rotate(45deg); content:""; display:block; } #mainMenu li .sub-menu > li .sub-menu > li:first-of-type::before { display:none; } /*#mainMenu li .sub-menu > li:first-of-type::after { position:absolute; top:-10px; width:20px; height:20px; background:#000000; opacity:0.2; z-index:-1; box-shadow:0 0 2px #000000; left:40px; right:initial; margin:auto; transform:rotate(45deg); content:""; display:none; }*/ #mainMenu li .sub-menu > li { height:auto !important; } #mainMenu li .sub-menu > li a { background:var(--colour-dark); border-bottom:none; color:#ffffff; padding:15px 20px !important; line-height:16px !important; height:auto !important; } #mainMenu li .sub-menu > li:last-of-type a { border:none; } #mainMenu li .sub-menu .sub-menu > li a { background:var(--colour-light); color:var(--colour-charcoal); border-bottom:none; } #mainMenu li .sub-menu .sub-menu > li:last-of-type a { border:none; } #mainMenu li .sub-menu .sub-menu .menuMarkerHousing .icon { color:#ffffff; } #mainMenu li .sub-menu .sub-menu .sub-menu > li a { background:#01322e; color:#ffffff; border-bottom:none; } #mainMenu li .sub-menu .sub-menu .sub-menu > li:last-of-type a { border:none; } #mainMenu li .sub-menu .sub-menu .sub-menu .menuMarkerHousing .icon { color:#ffffff; } #mainMenu .menu li > a:hover, #mainMenu .menu li.menu-item-has-children:hover > a, #mainMenu .menu .topMenu > a:hover, #mainMenu .menu li a:hover > span, #mainMenu .menu li > a:focus, #mainMenu .menu li.menu-item-has-children:focus > a, #mainMenu .menu .topMenu > a:focus, #mainMenu .menu li a:focus > span { background:var(--colour-dark); color:var(--colour-white) !important; border-right:0; } #mainMenu #mainMenuInner .menu > li > a:hover, #mainMenu #mainMenuInner .menu > li > a:hover, #mainMenu #mainMenuInner .menu > li a:focus, #mainMenu #mainMenuInner .menu > li > a:focus, #mainMenu #mainMenuInner .menu > li > a:focus { background:none; } #mainMenu .menu li:hover .menuMarkerHousing .icon, #mainMenu .menu li:focus .menuMarkerHousing .icon { color:var(--colour-white); } #mainMenu .menu .sub-menu li:hover .menuMarkerHousing .icon, #mainMenu .menu .sub-menu li:focus .menuMarkerHousing .icon { color:var(--colour-charcoal) !important; } #mainMenu .menu li a:hover::before, #mainMenu .menu li a:focus::before { display:block; background:var(--colour-light); width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px); border-radius:4px; } #mainMenu .menu .sub-menu li a:hover > span, #mainMenu .menu .sub-menu li > a:hover, #mainMenu .menu .sub-menu li a:focus > span, #mainMenu .menu .sub-menu li > a:focus, #mainMenu .menu .sub-menu li.menu-item-has-children:hover a > span, #mainMenu .menu .sub-menu li.menu-item-has-children:hover a, #mainMenu .menu .sub-menu li.menu-item-has-children:focus a > span, #mainMenu .menu .sub-menu li.menu-item-has-children:focus > a { background:var(--colour-light) !important; color:var(--colour-charcoal) !important; } #mainMenu li .sub-menu > li:hover::before, #mainMenu li .sub-menu > li:focus::before { background:var(--colour-light) !important; } #mainMenu .menu .sub-menu .sub-menu li a:hover > span, #mainMenu .menu .sub-menu .sub-menu li > a:hover, #mainMenu .menu .sub-menu .sub-menu li a:focus > span, #mainMenu .menu .sub-menu .sub-menu li > a:focus { background:var(--colour-dark) !important; color:#ffffff !important; } #mainMenu .menu .sub-menu .sub-menu .sub-menu li a:hover > span, #mainMenu .menu .sub-menu .sub-menu .sub-menu li > a:hover, #mainMenu .menu .sub-menu .sub-menu .sub-menu li a:focus > span, #mainMenu .menu .sub-menu .sub-menu .sub-menu li > a:focus { background:var(--colour-light) !important; color:#ffffff !important; } .btn-search .glyphicon-search { color:#ffffff; font-weight:100; width:100%; } .btn-drawerLeft span, .btn-drawerRight span, .btn-drawerTop span, .btn-drawerBottom span, .btn-search span { background:#ffffff; color:#ffffff; height:2px !important; } .btn-drawerLeft.open span, .btn-drawerRight.open span, .btn-drawerTop.open span, .btn-drawerBottom.open span, .btn-search.open span, .btn-close.open span { left:-100%; right:-100%; margin:auto; } .btn-drawerTop:hover, .btn-drawerBottom:hover, .btn-drawerLeft:hover, .btn-drawerRight:hover, .btn-search:hover, .btn-drawerTop:focus, .btn-drawerBottom:focus, .btn-drawerLeft:focus, .btn-drawerRight:focus, .btn-search:focus { background:none !important; color:var(--colour-light); } .btn-drawerTop:hover span, .btn-drawerBottom:hover span, .btn-drawerLeft:hover span, .btn-drawerRight:hover span, .btn-search:hover span, .btn-drawerTop:focus span, .btn-drawerBottom:focus span, .btn-drawerLeft:focus span, .btn-drawerRight:focus span, .btn-search:focus span { background:var(--colour-light); color:var(--colour-light) !important; height:2px !important; } .btn-search:hover .glyphicon-search, .btn-search:focus .glyphicon-search { color:var(--colour-light); } #mainMenu .btn-drawerTop, #mainMenu .btn-drawerBottom, #mainMenu .btn-drawerLeft, #mainMenu .btn-drawerRight, #mainMenu .btn-close { padding:0; text-align:center; } #menuBar.scrolling { background:var(--colour-charcoal); -webkit-box-shadow:0 0 1px rgba(0,0,0,0.5); -moz-box-shadow:0 0 1px rgba(0,0,0,0.5); box-shadow:0 0 1px rgba(0,0,0,0.5); } #menuBar.scrolling #menuOverlay::before { opacity:1; top:-200px; } #menuBar.scrolling .menuLogo { height:60px; width:110px; background-size:90% 70%; background-image:url(images/logo-white.svg); } #menuBar.scrolling a:hover .menuLogo, #menuBar.scrolling a:focus .menuLogo { height:60px; width:110px; background:url(images/logo-hover.svg)no-repeat center; background-size:90% 80%; } #menuBar.scrolling #mainMenu li .sub-menu .sub-menu { top:0; } #menuBar.scrolling #mainMenu .menu li a { } #menuBar.scrolling .c2aTriggers, #menuBar.scrolling .phoneBox { height:60px; } #menuBar.scrolling .c2aTriggers .menu li { height:60px; padding:10px !important; } #menuBar.scrolling .c2aTriggers .menu li a { background:var(--colour-light); color:var(--colour-white); border:1px solid var(--colour-light); } #menuBar.scrolling .c2aTriggers .menu li a:hover, #menuBar.scrolling .c2aTriggers .menu li a:focus { background:var(--colour-mid) !important; color:var(--colour-light) !important; border:1px solid var(--colour-mid); } #menuBar.scrolling #mainMenu .menu > li a::before { top:-55%; } #menuBar.scrolling #mainMenu .menuMarkerHousing .icon { } #menuBar.scrolling #mainMenu .menu li:hover > .menuMarkerHousing .icon, #menuBar.scrolling #mainMenu .menu li:focus > .menuMarkerHousing .icon { color:#ffffff !important; } #menuBar.scrolling #mainMenu .menu .current-menu-item > a, #menuBar.scrolling #mainMenu .menu .current-menu-parent > a, #menuBar.scrolling #mainMenu .menu .current-menu-ancestor > a, #menuBar.scrolling #mainMenu .menu .current_page_item > a, #menuBar.scrolling #mainMenu .menu .current_page_parent > a, #menuBar.scrolling #mainMenu .menu .current_page_ancestor > a { } #menuBar.scrolling .btn-search .glyphicon-search { color:#ffffff; } #menuBar.scrolling #mainMenu .menu .current-menu-item .menuMarkerHousing .icon, #menuBar.scrolling #mainMenu .menu .current-menu-parent .menuMarkerHousing .icon, #menuBar.scrolling #mainMenu .menu .current-menu-ancestor .menuMarkerHousing .icon, #menuBar.scrolling #mainMenu .menu .current_page_item .menuMarkerHousing .icon, #menuBar.scrolling #mainMenu .menu .current_page_parent .menuMarkerHousing .icon, #menuBar.scrolling #mainMenu .menu .current_page_ancestor .menuMarkerHousing .icon { color:var(--colour-light) !important; } #menuBar.scrolling .c2aTriggers .menu .current-menu-item > a, #menuBar.scrolling .c2aTriggers .menu .current-menu-parent > a, #menuBar.scrolling .c2aTriggers .menu .current-menu-ancestor > a, #menuBar.scrolling .c2aTriggers .menu .current_page_item > a, #menuBar.scrolling .c2aTriggers .menu .current_page_parent > a, #menuBar.scrolling .c2aTriggers .menu .current_page_ancestor > a, #menuBar.scrolling .c2aTriggers .menu .current-menu-item:hover > a, #menuBar.scrolling .c2aTriggers .menu .current-menu-parent:hover > a, #menuBar.scrolling .c2aTriggers .menu .current-menu-ancestor:hover > a, #menuBar.scrolling .c2aTriggers .menu .current_page_item:hover > a, #menuBar.scrolling .c2aTriggers .menu .current_page_parent:hover > a, #menuBar.scrolling .c2aTriggers .menu .current_page_ancestor:hover > a { background:var(--colour-light) !important; color:var(--colour-dark) !important; border-color:var(--colour-light); } #menuBar.scrolling .c2aTriggers .menu .current-menu-item:focus > a, #menuBar.scrolling .c2aTriggers .menu .current-menu-parent:focus > a, #menuBar.scrolling .c2aTriggers .menu .current-menu-ancestor:focus > a, #menuBar.scrolling .c2aTriggers .menu .current_page_item:focus > a, #menuBar.scrolling .c2aTriggers .menu .current_page_parent:focus > a, #menuBar.scrolling .c2aTriggers .menu .current_page_ancestor:focus > a { background:var(--colour-light) !important; color:#121212 !important; } #menuBar.scrolling #mainMenu .btn-search, #menuBar.scrolling #mainMenu .btn-drawerLeft { padding:20px 10px; } #menuBar.scrolling #mainMenu .btn-drawerTop, #menuBar.scrolling #mainMenu .btn-drawerBottom, #menuBar.scrolling #mainMenu .btn-drawerRight { padding:0; } #menuBar.scrolling .btn-drawerTop span, #menuBar.scrolling .btn-drawerBottom span, #menuBar.scrolling .btn-drawerLeft span, #menuBar.scrolling .btn-drawerRight span, #menuBar.scrolling .btn-search span { background:#ffffff; color:#ffffff !important; } #menuBar.scrolling .btn-search .glyphicon-search,#menuBar.scrolling #mainMenu .btn-drawerTop, #menuBar.scrolling #mainMenu .btn-drawerBottom, #menuBar.scrolling #mainMenu .btn-drawerRight { color:#ffffff; } #menuBar.scrolling .btn-drawerTop:hover span, #menuBar.scrolling .btn-drawerBottom:hover span, #menuBar.scrolling .btn-drawerLeft:hover span, #menuBar.scrolling .btn-drawerRight:hover span, #menuBar.scrolling .btn-search:hover span, #menuBar.scrolling .btn-drawerTop:focus span, #menuBar.scrolling .btn-drawerBottom:focus span, #menuBar.scrolling .btn-drawerLeft:focus span, #menuBar.scrolling .btn-drawerRight:focus span, #menuBar.scrolling .btn-search:focus span { background:var(--colour-light); color:var(--colour-light) !important; } #menuBar.scrolling .btn-search:hover .glyphicon-search, #menuBar.scrolling #mainMenu .btn-drawerTop:hover .glyph-up, #menuBar.scrolling #mainMenu .btn-drawerBottom:hover .glyph-down, #menuBar.scrolling #mainMenu .btn-drawerRight:hover .glyph-right, #menuBar.scrolling .btn-search:focus .glyphicon-search, #menuBar.scrolling #mainMenu .btn-drawerTop:focus .glyph-up, #menuBar.scrolling #mainMenu .btn-drawerBottom:focus .glyph-down, #menuBar.scrolling #mainMenu .btn-drawerRight:focus .glyph-right { color:var(--colour-light); } #mainMenu .socialBox { display:block; } #mainMenu .socialBox .btn-social { background:none; background-size:30px !important; border-radius:0; } #mainMenu .socialBox .btn-social:hover, #mainMenu .socialBox .btn-social:focus { background-color:none !important; } #mainMenu .socialBox .btn-rss { background:url("images/social/lug-rss-white.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox .btn-apple { background:url("images/social/lug-apple-white.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox .btn-bandcamp { background:url("images/social/lug-bandcamp-white.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox .btn-behance { background:url("images/social/lug-behance-white.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox .btn-discord { background:url("images/social/lug-discord-white.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox .btn-dribbble { background:url("images/social/lug-dribbble-white.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox .btn-facebook { background:url("images/social/lug-facebook-white.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox .btn-github { background:url("images/social/lug-github-white.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox .btn-imdb { background:url("images/social/lug-imdb-white.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox .btn-instagram { background:url("images/social/lug-instagram-white.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox .btn-linkedin { background:url("images/social/lug-linkedin-white.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox .btn-pinterest { background:url("images/social/lug-pinterest-white.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox .btn-reddit { background:url("images/social/lug-reddit-white.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox .btn-snapchat { background:url("images/social/lug-snapchat-white.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox .btn-spotify { background:url("images/social/lug-spotify-white.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox .btn-threads { background:url("images/social/lug-threads-white.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox .btn-tiktok { background:url("images/social/lug-tiktok-white.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox .btn-twitch { background:url("images/social/lug-twitch-white.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox .btn-twitter { background:url("images/social/lug-twitterx-white.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox .btn-vimeo { background:url("images/social/lug-vimeo-white.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox .btn-vsco { background:url("images/social/lug-vsco-white.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox .btn-youtube { background:url("images/social/lug-youtube-white.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:hover .btn-rss { background:url("images/social/lug-rss-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:hover .btn-apple { background:url("images/social/lug-apple-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:hover .btn-bandcamp { background:url("images/social/lug-bandcamp-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:hover .btn-behance { background:url("images/social/lug-behance-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:hover .btn-discord { background:url("images/social/lug-discord-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:hover .btn-dribbble { background:url("images/social/lug-dribbble-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:hover .btn-facebook { background:url("images/social/lug-facebook-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:hover .btn-github { background:url("images/social/lug-github-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:hover .btn-imdb { background:url("images/social/lug-imdb-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:hover .btn-instagram { background:url("images/social/lug-instagram-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:hover .btn-linkedin { background:url("images/social/lug-linkedin-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:hover .btn-pinterest { background:url("images/social/lug-pinterest-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:hover .btn-reddit { background:url("images/social/lug-reddit-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:hover .btn-snapchat { background:url("images/social/lug-snapchat-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:hover .btn-spotify { background:url("images/social/lug-spotify-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:hover .btn-threads { background:url("images/social/lug-threads-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:hover .btn-tiktok { background:url("images/social/lug-tiktok-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:hover .btn-twitch { background:url("images/social/lug-twitch-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:hover .btn-twitter { background:url("images/social/lug-twitterx-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:hover .btn-vimeo { background:url("images/social/lug-vimeo-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:hover .btn-vsco { background:url("images/social/lug-vsco-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:hover .btn-youtube { background:url("images/social/lug-youtube-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:focus .btn-rss { background:url("images/social/lug-rss-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:focus .btn-apple { background:url("images/social/lug-apple-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:focus .btn-bandcamp { background:url("images/social/lug-bandcamp-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:focus .btn-behance { background:url("images/social/lug-behance-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:focus .btn-discord { background:url("images/social/lug-discord-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:focus .btn-dribbble { background:url("images/social/lug-dribbble-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:focus .btn-facebook { background:url("images/social/lug-facebook-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:focus .btn-github { background:url("images/social/lug-github-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:focus .btn-imdb { background:url("images/social/lug-imdb-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:focus .btn-instagram { background:url("images/social/lug-instagram-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:focus .btn-linkedin { background:url("images/social/lug-linkedin-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:focus .btn-pinterest { background:url("images/social/lug-pinterest-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:focus .btn-reddit { background:url("images/social/lug-reddit-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:focus .btn-snapchat { background:url("images/social/lug-snapchat-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:focus .btn-spotify { background:url("images/social/lug-spotify-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:focus .btn-threads { background:url("images/social/lug-threads-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:focus .btn-tiktok { background:url("images/social/lug-tiktok-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:focus .btn-twitch { background:url("images/social/lug-twitch-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:focus .btn-twitter { background:url("images/social/lug-twitterx-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:focus .btn-vimeo { background:url("images/social/lug-vimeo-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:focus .btn-vsco { background:url("images/social/lug-vsco-hover.svg"); background-repeat:no-repeat; background-position:center; } #mainMenu .socialBox a:focus .btn-youtube { background:url("images/social/lug-youtube-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox .btn-rss { background:url("images/social/lug-rss-white.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox .btn-apple { background:url("images/social/lug-apple-white.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox .btn-bandcamp { background:url("images/social/lug-bandcamp-white.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox .btn-behance { background:url("images/social/lug-behance-white.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox .btn-discord { background:url("images/social/lug-discord-white.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox .btn-dribbble { background:url("images/social/lug-dribbble-white.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox .btn-facebook { background:url("images/social/lug-facebook-white.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox .btn-github { background:url("images/social/lug-github-white.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox .btn-imdb { background:url("images/social/lug-imdb-white.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox .btn-instagram { background:url("images/social/lug-instagram-white.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox .btn-linkedin { background:url("images/social/lug-linkedin-white.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox .btn-pinterest { background:url("images/social/lug-pinterest-white.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox .btn-reddit { background:url("images/social/lug-reddit-white.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox .btn-snapchat { background:url("images/social/lug-snapchat-white.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox .btn-spotify { background:url("images/social/lug-spotify-white.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox .btn-threads { background:url("images/social/lug-threads-white.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox .btn-tiktok { background:url("images/social/lug-tiktok-white.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox .btn-twitch { background:url("images/social/lug-twitch-white.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox .btn-twitter { background:url("images/social/lug-twitterx-white.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox .btn-vimeo { background:url("images/social/lug-vimeo-white.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox .btn-vsco { background:url("images/social/lug-vsco-white.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox .btn-youtube { background:url("images/social/lug-youtube-white.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:hover .btn-rss { background:url("images/social/lug-rss-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:hover .btn-apple { background:url("images/social/lug-apple-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:hover .btn-bandcamp { background:url("images/social/lug-bandcamp-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:hover .btn-behance { background:url("images/social/lug-behance-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:hover .btn-discord { background:url("images/social/lug-discord-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:hover .btn-dribbble { background:url("images/social/lug-dribbble-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:hover .btn-facebook { background:url("images/social/lug-facebook-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:hover .btn-github { background:url("images/social/lug-github-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:hover .btn-imdb { background:url("images/social/lug-imdb-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:hover .btn-instagram { background:url("images/social/lug-instagram-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:hover .btn-linkedin { background:url("images/social/lug-linkedin-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:hover .btn-pinterest { background:url("images/social/lug-pinterest-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:hover .btn-reddit { background:url("images/social/lug-reddit-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:hover .btn-snapchat { background:url("images/social/lug-snapchat-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:hover .btn-spotify { background:url("images/social/lug-spotify-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:hover .btn-threads { background:url("images/social/lug-threads-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:hover .btn-tiktok { background:url("images/social/lug-tiktok-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:hover .btn-twitch { background:url("images/social/lug-twitch-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:hover .btn-twitter { background:url("images/social/lug-twitterx-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:hover .btn-vimeo { background:url("images/social/lug-vimeo-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:hover .btn-vsco { background:url("images/social/lug-vsco-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:hover .btn-youtube { background:url("images/social/lug-youtube-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:focus .btn-rss { background:url("images/social/lug-rss-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:focus .btn-apple { background:url("images/social/lug-apple-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:focus .btn-bandcamp { background:url("images/social/lug-bandcamp-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:focus .btn-behance { background:url("images/social/lug-behance-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:focus .btn-discord { background:url("images/social/lug-discord-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:focus .btn-dribbble { background:url("images/social/lug-dribbble-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:focus .btn-facebook { background:url("images/social/lug-facebook-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:focus .btn-github { background:url("images/social/lug-github-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:focus .btn-imdb { background:url("images/social/lug-imdb-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:focus .btn-instagram { background:url("images/social/lug-instagram-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:focus .btn-linkedin { background:url("images/social/lug-linkedin-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:focus .btn-pinterest { background:url("images/social/lug-pinterest-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:focus .btn-reddit { background:url("images/social/lug-reddit-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:focus .btn-snapchat { background:url("images/social/lug-snapchat-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:focus .btn-spotify { background:url("images/social/lug-spotify-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:focus .btn-threads { background:url("images/social/lug-threads-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:focus .btn-tiktok { background:url("images/social/lug-tiktok-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:focus .btn-twitch { background:url("images/social/lug-twitch-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:focus .btn-twitter { background:url("images/social/lug-twitterx-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:focus .btn-vimeo { background:url("images/social/lug-vimeo-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:focus .btn-vsco { background:url("images/social/lug-vsco-hover.svg"); background-repeat:no-repeat; background-position:center; } #menuBar.scrolling #mainMenu .socialBox a:focus .btn-youtube { background:url("images/social/lug-youtube-hover.svg"); background-repeat:no-repeat; background-position:center; } .actionStripBlock { background:none; } .actionPadOn { height:40px; } .actionStrip { background:var(--colour-dark); font-family:'Poppins','Poppins', sans-serif; font-weight:400; color:var(--colour-white); -webkit-transition: left 1s cubic-bezier(.07,.95,0,1), right 1s cubic-bezier(.07,.95,0,1), top 1s cubic-bezier(.07,.95,0,1), bottom 1s cubic-bezier(.07,.95,0,1), height 400ms ease-in-out, line-height 400ms ease-in-out, margin 400ms ease-in-out, padding 400ms ease-in-out, background 200ms ease-in-out, color 200ms cubic-bezier(.07,.95,0,1) !important; -moz-transition: left 1s cubic-bezier(.07,.95,0,1), right 1s cubic-bezier(.07,.95,0,1), top 1s cubic-bezier(.07,.95,0,1), bottom 1s cubic-bezier(.07,.95,0,1), height 400ms ease-in-out, line-height 400ms ease-in-out, margin 400ms ease-in-out, padding 400ms ease-in-out, background 200ms ease-in-out, color 200ms cubic-bezier(.07,.95,0,1) !important; -o-transition: left 1s cubic-bezier(.07,.95,0,1), right 1s cubic-bezier(.07,.95,0,1), top 1s cubic-bezier(.07,.95,0,1), bottom 1s cubic-bezier(.07,.95,0,1), height 400ms ease-in-out, line-height 400ms ease-in-out, margin 400ms ease-in-out, padding 400ms ease-in-out, background 200ms ease-in-out, color 200ms cubic-bezier(.07,.95,0,1) !important; transition: left 1s cubic-bezier(.07,.95,0,1), right 1s cubic-bezier(.07,.95,0,1), top 1s cubic-bezier(.07,.95,0,1), bottom 1s cubic-bezier(.07,.95,0,1), height 400ms ease-in-out, line-height 400ms ease-in-out, margin 400ms ease-in-out, padding 400ms ease-in-out, background 200ms ease-in-out, color 200ms cubic-bezier(.07,.95,0,1) !important; } .actionStrip .container { padding:6px 40px !important; font-size:1em; } .actionStrip a:link, .actionStrip a:visited { color:var(--colour-white); font-weight:400; } .actionStrip a:focus, .actionStrip a:hover { color:var(--colour-black); } .actionStrip p { margin:0 auto; } .actionStrip .btnTrigger { background:var(--colour-dark); padding:5px 11px; color:#ffffff; font-size:1.2em; width:40px; height:40px; font-family:monospace, sans-serif; border-radius:0 0 20px 20px; right:20px; } .actionStrip.slideOpen .btnTrigger:before { content:""; } .actionStrip.slideOpen .btnTrigger span { opacity:1; background:var(--colour-light); height:2px !important; margin:auto; left:-100%; right:-100%; width:50%; } .actionStrip.slideOpen .btnTrigger span:nth-child(1) { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } .actionStrip.slideOpen .btnTrigger span:nth-child(2) { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } .actionStrip.slideClosed .btnTrigger { background:var(--colour-dark); color:var(--colour-light); } .actionStrip.slideOpen .btnTrigger { background:var(--colour-dark); color:var(--colour-light); } .actionStrip.slideClosed .btnTrigger:hover, .actionStrip.slideClosed .btnTrigger:focus { background:var(--colour-light); color:var(--colour-dark); } .actionStrip.slideOpen .btnTrigger:hover, .actionStrip.slideOpen .btnTrigger:focus { background:var(--colour-light); color:var(--colour-dark); } .actionStrip.slideOpen .btnTrigger:hover span, .actionStrip.slideClosed .btnTrigger:hover span, .actionStrip.slideOpen .btnTrigger:focus span, .actionStrip.slideClosed .btnTrigger:focus span { background:var(--colour-dark); height:2px !important; } .invisibleDrawer #fixedStrip.locked.closed { left:0 !important; right:0 !important; } .visibleDrawerLeft #fixedStrip.locked.closed { left:280px !important; right:-280px !important; } #menuBar.menuInverse .menuLogo { background-image:url(images/logo-white.svg); } #menuBar.menuInverse #mainMenu .menu li a { color:#121212 !important; } #menuBar.menuInverse #mainMenu .menuMarkerHousing .icon { color:#121212; } #menuBar.menuInverse #mainMenu .menu .current-menu-item > a, #menuBar.menuInverse #mainMenu .menu .current-menu-parent > a, #menuBar.menuInverse #mainMenu .menu .current-menu-ancestor > a, #menuBar.menuInverse #mainMenu .menu .current_page_item > a, #menuBar.menuInverse #mainMenu .menu .current_page_parent > a, #menuBar.menuInverse #mainMenu .menu .current_page_ancestor > a { color:#121212 !important; } #menuBar.menuInverse #mainMenu .menu .current-menu-item > a::after, #menuBar.menuInverse #mainMenu .menu .current-menu-parent > a::after, #menuBar.menuInverse #mainMenu .menu .current-menu-ancestor > a::after, #menuBar.menuInverse #mainMenu .menu .current_page_item > a::after, #menuBar.menuInverse #mainMenu .menu .current_page_parent > a::after, #menuBar.menuInverse #mainMenu .menu .current_page_ancestor > a::after { position:absolute; display:block; width:calc(100% - 40px); background:#121212; height:2px; bottom:28%; left:-100%; right:-100%; margin:auto; content:""; } #menuBar.menuInverse #mainMenu .menu li > a:hover, #menuBar.menuInverse #mainMenu .menu li > a:hover, #menuBar.menuInverse #mainMenu .menu .topMenu > a:hover, #menuBar.menuInverse #mainMenu .menu li a:hover > span { background:#ffffff !important; } #menuBar.menuInverse #mainMenu .menu .sub-menu li a:hover > span, #menuBar.menuInverse #mainMenu .menu .sub-menu li > a:hover { background:var(--colour-light) !important; } #menuBar.menuInverse #mainMenu .sub-menu .current-menu-item:hover > a, #menuBar.menuInverse #mainMenu .sub-menu .current-menu-parent:hover > a, #menuBar.menuInverse #mainMenu .sub-menu .current-menu-ancestor:hover > a, #menuBar.menuInverse #mainMenu .sub-menu .current_page_item:hover > a, #menuBar.menuInverse #mainMenu .sub-menu .current_page_parent:hover > a, #menuBar.menuInverse #mainMenu .sub-menu .current_page_ancestor:hover > a { color:#ffffff !important; } #menuBar.menuInverse #mainMenu .menu li > a:focus, #menuBar.menuInverse #mainMenu .menu li > a:focus, #menuBar.menuInverse #mainMenu .menu .topMenu > a:focus, #menuBar.menuInverse #mainMenu .menu li a:focus > span { background:#ffffff !important; } #menuBar.menuInverse #mainMenu .menu .sub-menu li a:focus > span, #menuBar.menuInverse #mainMenu .menu .sub-menu li > a:focus { background:var(--colour-light) !important; } #menuBar.menuInverse #mainMenu .sub-menu .current-menu-item:focus > a, #menuBar.menuInverse #mainMenu .sub-menu .current-menu-parent:focus > a, #menuBar.menuInverse #mainMenu .sub-menu .current-menu-ancestor:focus > a, #menuBar.menuInverse #mainMenu .sub-menu .current_page_item:focus > a, #menuBar.menuInverse #mainMenu .sub-menu .current_page_parent:focus > a, #menuBar.menuInverse #mainMenu .sub-menu .current_page_ancestor:focus > a { color:#ffffff !important; } #menuBar.menuInverse .actionStrip.slideClosed .btnTrigger { background:#121212; } #menuBar.menuInverse .actionStrip.slideClosed .btnTrigger:hover, #menuBar.menuInverse .actionStrip.slideClosed .btnTrigger:focus { background:var(--colour-light); } #menuBar.menuInverse .actionStrip.slideOpen .btnTrigger:hover, #menuBar.menuInverse .actionStrip.slideOpen .btnTrigger:focus { background:#121212; } #menuBar.menuInverse .actionStrip a:link, .actionStrip a:visited { } #menuBar.scrolling.menuInverse .c2aTriggers .menu .current-menu-item > a, #menuBar.scrolling.menuInverse .c2aTriggers .menu .current-menu-parent > a, #menuBar.scrolling.menuInverse .c2aTriggers .menu .current-menu-ancestor > a, #menuBar.scrolling.menuInverse .c2aTriggers .menu .current_page_item > a, #menuBar.scrolling.menuInverse .c2aTriggers .menu .current_page_parent > a, #menuBar.scrolling.menuInverse .c2aTriggers .menu .current_page_ancestor > a, #menuBar.scrolling.menuInverse .c2aTriggers .menu .current-menu-item:hover > a, #menuBar.scrolling.menuInverse .c2aTriggers .menu .current-menu-parent:hover > a, #menuBar.scrolling.menuInverse .c2aTriggers .menu .current-menu-ancestor:hover > a, #menuBar.scrolling.menuInverse .c2aTriggers .menu .current_page_item:hover > a, #menuBar.scrolling.menuInverse .c2aTriggers .menu .current_page_parent:hover > a, #menuBar.scrolling.menuInverse .c2aTriggers .menu .current_page_ancestor:hover > a { } /* --------------------------------------- */ /* SIDEBAR MENU /* --------------------------------------- */ #sidebarMenu { margin:0 auto 40px; } #sidebarMenu h2 { margin:0 auto 20px; } #sidebarMenu .menu li { list-style:none; } #sidebarMenu .menu li a { background:none; color:var(--colour-light); font-weight:100; margin:2px auto; display:block; width:100%; padding:10px 20px; border-bottom:2px solid #cfcfcf; line-height:1em; } #sidebarMenu .menu li a:hover, #sidebarMenu .menu li a:focus { background:#121212; color:#ffffff; border-bottom:2px solid #ffffff; } #sidebarMenu .menu li.current-menu-item > a, #sidebarMenu .menu li.current_page_item > a { background:#121212; color:#ffffff !important; border-bottom:2px solid #ffffff !important; } #sidebarMenu .menu li .sub-menu li a { padding:10px 20px 10px 40px; } /* --------------------------------------- */ /* CAROUSELS /* --------------------------------------- */ .jcarousel-pagination { padding:40px; z-index:9; height:97px; right:-100%; left:-100%; width:fit-content; bottom:20px; } .jcarousel-control-prev, .jcarousel-control-next { background:none !important; font-family:initial !important; } .jcarousel-control-prev > span { border-radius:0; } .jcarousel-control-next > span { border-radius:0; } .jcarousel-control-prev:hover, .jcarousel-control-next:hover, .jcarousel-control-prev:focus, .jcarousel-control-next:focus { background:none; } .jcarousel-control-prev > span, .jcarousel-control-next > span { top:55%; font-size:0.7em; left:inherit; right:0; padding:20px; height:75px; width:60px; color:var(--colour-dark); } .jcarousel-control-prev:hover > span, .jcarousel-control-next:hover > span, .jcarousel-control-prev:focus > span, .jcarousel-control-next:focus > span { color:var(--colour-light); } .jcarousel-pagination a { background:var(--colour-mid); border:none; height:15px; width:15px; border-radius:0; } .jcarousel-pagination a.active { background:var(--colour-light); border:none; width:30px; } .jcarousel-pagination a:hover, .jcarousel-pagination a:focus { background:var(--colour-light); border:none; } #carouselSuper-wrapper .jcarousel-control-prev .slant { display:none; z-index:0; position:absolute; height:70px; width:60px; margin:auto; top:70px; bottom:0; left:0; content:""; background:var(--colour-light); } #carouselSuper-wrapper .jcarousel-control-next .slant { display:none; z-index:0; position:absolute; height:70px; width:60px; margin:auto; top:70px; bottom:0; right:0; content:""; background:var(--colour-light); } .jcarousel-control-prev:hover .slant, .jcarousel-control-next:hover .slant, .jcarousel-control-prev:focus .slant, .jcarousel-control-next:focus .slant { background:#121212 !important; } .superPosts, .featuredPosts, .superPosts .jcarousel, .featuredPosts .jcarousel { width:100%; height:100%; overflow:hidden; min-height:0 !important; z-index:0; top:-100%; bottom:-100%; left:-100%; right:-100%; margin:auto; display:block; content:""; position:absolute; } .superPosts::before { z-index:1; background:rgba(0,0,0,0.2); top:-100%; bottom:-100%; left:-100%; right:-100%; margin:auto; display:block; content:""; position:absolute; height:100%; width:100%; } .superPosts .jcarousel ul, .featuredPosts .jcarousel ul { margin:0 auto !important; height:100%; } .superPosts .jcarousel-control-prev > span, .superPosts .jcarousel-control-next > span, .featuredPosts .jcarousel-control-prev > span, .featuredPosts .jcarousel-control-next > span { color:#ffffff; text-shadow:none; background:var(--colour-mid); } .superPosts .jcarousel-control-prev:hover > span, .superPosts .jcarousel-control-next:hover > span, .featuredPosts .jcarousel-control-prev:hover > span, .featuredPosts .jcarousel-control-next:hover > span, .superPosts .jcarousel-control-prev:focus > span, .superPosts .jcarousel-control-next:focus > span, .featuredPosts .jcarousel-control-prev:focus > span, .featuredPosts .jcarousel-control-next:focus > span { color:var(--colour-dark); background:var(--colour-light); } .carouselSuperFull .superPost { margin:0 !important; padding:0 !important; height:100%; width:100%; position:relative; } .carouselSuperFull .superPost .superLink { position:relative; } .carouselSuperFull .superPost .superLug { background:var(--colour-light); max-width:100%; width:100%; height:100%; position:relative; } .carouselSuperFull .superPost .superLug img { transition:ease-in-out all 200ms; max-width:inherit; width:100% !important; height:100% !important; max-height:inherit; position:static; display:block; object-fit:cover; object-position:center; } .carouselSuperFull .superPost .superText .ctaIMG { width:300px; max-width:100%; height:auto; float:left; margin:0 40px 0 0; min-width:0 !important; max-height:40vh; } .carouselSuperFull .superPost .superText { padding:80px 100px; transition:ease-in-out all 200ms; display:none; } .carouselSuperFull .superPost .superText .superTextInner { max-width:70%; } .carouselSuperFull .superPost .superText .superTextInner .btn { margin:20px 0 0 0; } .carouselSuperFull .superPost .excerptBlurb { color:#ffffff; line-height:1.2em !important; display:block; } #carouselLarge .featuredPost { margin:0 !important; padding:0 !important; height:100%; width:100%; position:relative; } #carouselLarge .featuredPost .superLink { position:relative; } #carouselLarge .featuredPost .superLug { background:var(--colour-light); max-width:100%; width:100%; height:100%; position:relative; } #carouselLarge .featuredPost .superLug img { transition:ease-in-out all 200ms; max-width:inherit; width:100%; height:100%; max-height:inherit; position:static; display:block; object-fit:cover; object-position:center; } #carouselLarge .featuredPost .superText .ctaIMG { width:300px; max-width:100%; height:auto; float:left; margin:0 40px 0 0; min-width:0 !important; max-height:40vh; } #carouselLarge .featuredPost .superText { padding:80px 100px; transition:ease-in-out all 200ms; display:none; } #carouselLarge .featuredPost .superText .superTextInner { max-width:70%; } #carouselLarge .featuredPost .superText .superTextInner .btn { margin:20px 0 0 0; } #carouselLarge .featuredPost .excerptBlurb { color:#ffffff; line-height:1.2em !important; display:block; } .superPost a:hover .superLug img, .featuredPost a:hover .superLug img, .superPost a:focus .superLug img, .featuredPost a:focus .superLug img { opacity:0.2; } .superPost a:hover .superText, .featuredPost a:hover .superText, .superPost a:focus .superText, .featuredPost a:focus .superText { background:none; } .superPost a:hover .excerptBlurb, .featuredPost a:hover .excerptBlurb, .superPost a:focus .excerptBlurb, .featuredPost a:focus .excerptBlurb { color:#121212; } .superPost h2, .superPost h4, .featuredPost h2, .featuredPost h4 { color:#ffffff !important; margin:0 auto 10px; } .superPost:hover h2, .superPost:hover h4, .featuredPost:hover h2, .featuredPost:hover h4, .superPost:focus h2, .superPost:focus h4, .featuredPost:focus h2, .featuredPost:focus h4 { color:#121212 !important; } .superPost:hover .btn, .featuredPost:hover .btn,.superPost:foucs .btn, .featuredPost:focus .btn { background:#121212; } .featuredPosts { background:var(--colour-white); } .featuredPosts::before { display:none; } .featuredPosts .jcarousel-pagination { background:none; left:-150%; } .featuredPosts #carouselLarge li { margin:0 0 5px !important; } .featuredPosts #carouselLarge-wrapper > .jcarousel-control-next { right:0 !important; } .featuredPosts { min-height:600px; } .featuredPosts #carouselLarge-wrapper > .jcarousel-control-prev, .featuredPosts #carouselLarge-wrapper > .jcarousel-control-next { height:inherit; } .featuredPosts #carouselLarge-wrapper > .jcarousel-control-prev:hover, .featuredPosts #carouselLarge-wrapper > .jcarousel-control-next:hover, .featuredPosts #carouselLarge-wrapper > .jcarousel-control-prev:focus, .featuredPosts #carouselLarge-wrapper > .jcarousel-control-next:focus { opacity:1; } .featuredPosts .featuredPost .container { height:inherit; width:calc(100% - 80px); } .highlightPosts { list-style:none; margin:0 auto !important; width:100%; } .highlightPosts .highlightPost { margin:0; height:100%; display:grid; } /* --------------------------------------- */ /* INFOPANES /* --------------------------------------- */ .dividerStrip { position:absolute; height:60px; width:120%; transform:rotate(-1deg); left:-10%; bottom:-20px; z-index:0; display:none; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/var(--colour-light)+0,000000+100 */ background: var(--colour-light); /* Old browsers */ background: -moz-linear-gradient(top, var(--colour-light) 0%, #121212 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, var(--colour-light) 0%,#121212 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, var(--colour-light) 0%,#121212 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--colour-light)', endColorstr='#121212',GradientType=0 ); /* IE6-9 */ } .headlineInline { position:relative; z-index:1; text-align:center; padding:20px 40px; color:#ffffff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/var(--colour-light)+0,000000+100 */ background: var(--colour-light); /* Old browsers */ /*background: -moz-linear-gradient(top, var(--colour-light) 0%, #121212 100%); /* FF3.6-15 */ /*background: -webkit-linear-gradient(top, var(--colour-light) 0%,#121212 100%); /* Chrome10-25,Safari5.1-6 */ /*background: linear-gradient(to bottom, var(--colour-light) 0%,#121212 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--colour-light)', endColorstr='#121212',GradientType=0 ); /* IE6-9 */ } .headlineInline::before { position:absolute; top:0; bottom:0; left:0; right:0; height:100%; width:100%; display:block; content:""; background:none; margin:auto; background-size:cover; opacity:0.15; z-index:-1; } .headlineInline h2 { margin:0 auto; color:#ffffff; font-size:2.6em; } .colInner { padding:40px; position:relative; } .infoPane { min-height:40px; border:none; border-top:5px solid var(--colour-grey); } .infoPane ul { margin:0 auto 20px; } .infoPane li { margin:0 0 5px 20px; } .infoPane a img { transition: 150ms ease-in-out all; } .infoPane { padding:0; background:none; } .infoPane .btn { margin-bottom:0; direction:ltr; margin:0 0 20px !important; } .infoPane .btn:last-child { margin:0; } .infoPane .infoPaneInner { padding:80px 0; } .infoPane .infoPaneInner > h2:first-child, .infoPane .infoPaneInner > h3:first-child { margin:0 0 10px; } .infoPane .containerWide { } .infoPaneInner { padding:80px 0; } .infoPane:nth-of-type(2n+1) { background:var(--colour-white); } #mainContainer .infoPane:first-child, #mainContainer .infoPane:first-child section article:first-child { border:0 !important; } #infoPane1 { position:relative; border:none; min-height:250px; background:none; } #infoPane1::before { background:none; opacity:0.4; content:""; height:100%; width:50%; position:absolute; z-index:0; top:0; left:0; border:none !important; display:none; } #infoPane1::after { background:none; opacity:0.05; content:""; height:100%; width:100%; position:absolute; z-index:0; bottom:-100px; right:0; background-size:600px; border:none !important; display:none; } /*#infoPane1::after { content:""; position:absolute; border-left:100vw solid transparent; border-top:30px solid #ffffff; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg); bottom:-29px; z-index:1; }*/ #infoPane2 { min-height:0; position:relative; z-index:1; } .infoPaneGeneral { padding:0; border-top:5px solid var(--colour-grey) !important; } /*.infoPaneGeneral .container:first-child h2, .infoPaneGeneral .container:first-child h3, .infoPaneGeneral .container:first-child h4 { margin:0 0 10px; }*/ .infoPane.infoPaneProfiles { background:var(--colour-white); position:relative; border:none; border-top:5px solid var(--colour-grey); } .infoPane.infoPaneProfilesB { background:var(--colour-grey-light); } .infoPane.infoPaneProfilesB .backing { position:absolute; top:0; bottom:inherit; left:0; right:0; width:100%; height:100%; min-height:100%; content:""; display:block; margin:auto; z-index:-1; opacity:1; background:#121212; overflow:hidden; border-radius:var(--rounded-corners-header); margin:auto; background:var(--colour-grey); background-size:cover; background-position:center; -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } /*.infoPaneProfiles::before { position:absolute; top:-29px; bottom:inherit; left:0; right:0; margin:auto; display:block; content:""; border-left:1000px solid transparent !important; border-right:1000px solid transparent !important; z-index:1; border-bottom:30px solid var(--colour-grey-mid) !important; height:30px; opacity:1; z-index:2; } .infoPaneProfiles::after { position:absolute; bottom:-29px; top:inherit; left:0; right:0; margin:auto; display:block; content:""; border-left:1000px solid transparent !important; border-right:1000px solid transparent !important; z-index:1; border-top:30px solid var(--colour-grey-mid) !important; height:30px; opacity:1; z-index:2; }*/ .infoPane.infoPaneProfiles .infoPaneInner { position:relative; z-index:2; } .infoPane.infoPaneProfiles h2 { } .infoPane.infoPaneProfiles h3, .infoPane.infoPaneProfiles .h3 { } .infoPane.infoPaneProfiles + #outroPane { } .infoPaneProfiles .viewBoxContainer .viewBoxBlock .viewBox { padding:40px; } .infoPaneProfiles .viewBoxContainer .viewBoxBlock .viewBox p { border:none; padding:0; } .infoPaneProfiles .viewBoxContainer .viewBoxBlock .viewBox .profileContent { display:grid; grid-template-columns: 300px 1fr; gap:40px; } .infoPaneProfiles .viewBoxContainer .viewBoxBlock.down .viewBoxTitle .h5 { border:none; } .infoPaneProfiles .viewBoxContainer .viewBoxBlock .viewBox .profileIMG { border:5px solid var(--colour-grey); height:fit-content; } .infoPaneProfiles .viewBoxContainer .viewBoxBlock .viewBox .profileIMG img { display:block; } .col2 img, .col3 img, .col3Double img { max-width:100%; width:100%; } .colPadLeft { padding:0 0 0 40px; } .colPadRight { padding:0 40px 0 0; } .colMax { max-width:1100px; } .colMax img { max-width:100%; height:auto; } .colMaxCenter { text-align:center; margin:0 auto 40px; } /* photoLink Blocks */ .photoLinks .ctaBlock .backing { opacity:0.3; position:absolute; overflow:hidden; top:0; bottom:0; left:0; right:0; width:100%; height:100%; transition:200ms all ease-in-out; } .photoLinks .ctaBlock .backing img { position:absolute; top:-100%; bottom:-100%; left:-100%; right:-100%; margin:auto; display:block; width:auto; max-width:inherit !important; min-height:100%; height:auto; max-height:180% !important; } .photoLinks .ctaBlock:hover .backing, .photoLinks .ctaBlock:focus .backing { opacity:0.8; } /* GridBlock Component - Dynamic Table Display */ .gridBlock { width:100%; margin:40px auto; display:flex; flex-direction:column; font-size:0.8em; line-height:1.5em; } .gridBlock:before, .gridBlock:after { content:""; display:table; } .gridBlock:after { clear:both; } /* For IE 6/7 only */ .gridBlock { *zoom:1; } .gridBlock .gridRow { border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; border-left:1px solid #cfcfcf; height:auto; display:flex; flex:1; } .gridBlock .gridRow > * { padding:5px 10px; text-align:left; border-bottom:none; border-left:1px solid #cfcfcf; height:auto; display:flex; flex:1 auto; } .gridBlock .gridRow > :first-child { border-left:none; } .gridBlock .gridRow:nth-of-type(2n) { background:#ffffff; } .gridBlock .gridRow:nth-of-type(2n+1) { background:#fafafa; } .gridBlock .gridRow.gridHeader { background:var(--colour-light); font-weight:400; text-align:center; color:#ffffff; } .gridBlock .gridRow.gridHeader > * { text-align:center; display:block; } .gridBlock .gridRow .colDate { text-align:right; } .gridBlock .col2 img, .gridBlock .col3 img, .gridBlock .col3Double img { margin:0 auto; display:block; max-height:30px; width:auto; } .gridBlock ul { margin:0 0 0 20px !important; } .colSpacer { padding-right:40px; } .itemDetails { width:100%; border-top:5px solid #7f7f7f; border-bottom:5px solid #7f7f7f; display:block; margin:0 auto 40px !important; } .itemDetails .itemVariant { width:100%; float:left; display:block; margin:0 !important; border-bottom:1px dotted var(--colour-light); padding:10px 0; } .itemDetails .itemVariant:last-of-type { border:0; } .itemDetails .itemVariant .itemLabel { width:50%; float:left; display:block; margin:auto; font-weight:400; } .itemDetails .itemVariant .itemDesc { width:50%; float:left; display:block; margin:auto; } ul#sections { margin:0 auto; position:relative; } ul#sections .section { margin:0 auto; list-style:none; } ul#sections .section .sectionIMG { position:relative; margin:auto; overflow:hidden; height:500px; } ul#sections .section .sectionIMG .sectionIMGpad { position:relative; margin:auto; display:block; top:0; bottom:0; left:0; right:0; } ul#sections .section .sectionIMG .sectionIMGpad img { position:static; top:0; left:-100%; right:-100%; bottom:0; height:100%; width:auto; max-width:100%; display:block; margin:auto; } ul#sections .section .sectionIMG .sectionIMGpad iframe { top:0; bottom:0; left:0; right:0; width:100%; height:100%; min-height:350px; } ul#sections .section .sectionText { margin:0; width:100%; padding:0; } /*ul#sections .section .sectionText > p:first-of-type { font-size:1.2em; }*/ ul#sections .section .sectionText img { max-width:100%; height:auto; } ul#sections .section .sectionText img.alignleft, ul#sections .section .sectionText img.alignright { max-width:50%; } ul#sections .section .sectionIMG .sectionText { width:40%; float:right; position:absolute; right:0; top:0; z-index:2; padding:100px 0 0; } ul#sections .section .sectionIMG.floatLeft .sectionIMGpad img { position:relative; left:0; right:inherit; float:left; } ol { counter-reset:section; } ol#sections.terms .section { border-bottom:1px solid #cfcfcf; margin:40px 0; } ol#sections.terms .section:last-of-type, ol#sections.terms .subSection:last-of-type { border:none; } ol#sections.terms .subSection { border-bottom:1px dotted #cfcfcf; } ol#sections.terms li.section::before { font-family:'Poppins', sans-serif; content:counter(section, upper-alpha); counter-increment:section; position:absolute; left:-40px; top:3px; font-size:1.6em; color:var(--colour-mid); font-weight:400; } ol#sections.terms li.subSection::before { font-family:'Poppins', sans-serif; content:counter(item, decimal); counter-increment:item; position:absolute; left:-40px; top:-1px; font-size:1.5em; color:var(--colour-charcoal); font-weight:400; } ol#sections.terms li.section { margin:0 0 40px; list-style:none; position:relative; } ol#sections.terms li.subSection li { margin:0 auto 10px; } ol#sections.terms li.subSection li ol { margin:10px 0 20px 40px; } ol#index ol, ol#sections ol { counter-reset:revert; } ol#index > li, ol#sections > li { list-style:upper-alpha; } ol#index ol li, ol#sections ol li { list-style:decimal; } ol#index ol ol li, ol#sections ol ol li { list-style:lower-roman; } ol#index ol ol ol li, ol#sections ol ol ol li{ list-style:lower-alpha; } ol#index ol ol ol ol li, ol#sections ol ol ol ol li{ list-style:decimal; } ol#index ul li, ol#sections ul li { list-style:disc; } ol#index ul ul li, ol#sections ul ul li { list-style:circle; } ol#index ul ul ul li, ol#sections ul ul ul li { list-style:square; } ol#index li.section, ol#sections li.section { background:none !important; border:none !important; } #sidebarModule #index { font-size:0.9em; line-height:1.3em; margin:0 0 20px 20px; } #sidebarModule #index .section ol { margin:0 0 20px 20px; } #sidebarModule #index li { margin:0 0 10px; } ol.overviewList { list-style:none; counter-reset:overview-counter; } ol.overviewList li { counter-increment:overview-counter; position:relative; margin:0 0 20px 20px; } ol.overviewList li::before { position:absolute; top:0; left:-40px; text-align:center; height:33px; width:33px; content:counter(overview-counter) " "; background:var(--colour-light); color:#7f7f7f; font-family:'Poppins', sans-serif; font-weight:400;font-size:1.3em; border-radius:100%; padding:5px; } ol#sections ol { counter-reset:item; } .pageResults { position:relative; z-index:1; } .pageResults #infoPane0 { padding:20px 0 0; background:#ffffff; } .pageResults #infoPane0 ul#sections .section { margin:0; } .pageResults #infoPane0 ul#sections .section .sectionIMG { } .pageResults #infoPane1 { border-bottom:10px solid #ffffff; padding:40px 0; margin:20px 0 0; } .infoPaneResults { background:#f7f5f4; padding:0 !important; margin:0 auto 10px; } .infoPaneResults .infoPaneInner { padding:0; } .infoPaneResults .locationLarge, .infoPaneResults .locationLarge .cardList .listpost { margin:0 auto !important; } .searchStrip { background:var(--colour-light) !important; padding:40px 0; margin:0 auto 10px; min-height:300px !important; position:relative; } .searchStrip::before { width:50%; position:absolute; height:100%; right:0; top:0; bottom:0; left:inherit; margin:auto; background:none; background-size:cover !important; display:block; content:""; } .searchStrip h3 { margin:20px 0; } .searchStrip #advanced-searchform { max-width:50%; } .searchStrip .customSelect, .searchStrip button { width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px); max-width:600px; line-height:1.65em; font-size:0.8em; font-weight:400; height:60px; } .searchStrip input { width:460px; max-width:100%; border:none; padding:12.5px 20px; float:left; font-size:0.85em; } .searchStrip .btn { background:var(--colour-light); margin:0; padding:10px 20px; width:auto; max-width:600px; height:auto; border-radius:0; clear:both; float:left; } .searchStrip .btn:hover, .searchStrip .btn:focus { background:var(--colour-light); } #mapPane { position:relative; z-index:1; height:auto !important; max-height:inherit; min-height:0 !important; overflow:hidden; } #mapPane .mapContainer { display:flex; flex-direction:row; width:100%; align-items:stretch; } #mapPane .mapContainer .map { width:100%; display:block; float:left; } #mapPane .responsive-container { width:100%; position:relative; height:400px; padding:0; margin:auto; display:block; } #mapPane .responsive-container iframe { width:100%; height:800px; top:-100%; bottom:-100%; left:0; right:0; margin:auto; display:block; } #mapPane h6 { margin:0 auto; padding:20px; font-size:1em; position:relative; z-index:1; } #mapPane h6.headlineInline { padding:40px; font-size:2.5em; } #introPane { background:var(--colour-grey-light); color:var(--colour-black); padding:0; } #introPane .container { display:flex; align-items:flex-start; } #introPane.infoPane .infoPaneInner { padding:40px 0; } #introPane h2 { text-align:center; } #introPane p { line-height:1.6em; } #introPane p:last-child { margin:0; } #introPane .entry img, #introPane .entry img.alignright { margin-bottom:0 !important; } #introPane .contentFull { } #introPane .colInner { padding:0 0 40px; } #introPane .btn { clear:both; float:none; margin:20px auto !important; display:block; } #introPane .colMax { margin:auto; } .fileLink .container { display:grid; grid-template-columns:1fr 350px; gap:40px; } #leadPane { background:var(--colour-white); color:var(--colour-black); } #faqPane { background:var(--colour-white); color:var(--colour-black); } #faqPane .singleFAQ { padding:40px 0; } #leadPane .infoPaneInner { } #leadPane.infoPaneGeneral .infoPaneInner { } .resourcePane { background:var(--colour-light) !important; } .resourcePane .listpost a:hover .listpostText h3, .resourcePane .listpost a:focus .listpostText h3 { color:var(--colour-mid); } .resourcePane .archiveList { grid-template-columns:repeat(auto-fill, minmax(min(420px, 100%), 600px)); margin:40px 0 0 !important; } .service #introPane { min-height:600px; height:100%; display:grid; object-fit:fill; object-position:center; } .service.objectivesPane { overflow:hidden; } .service .flagStrip { display:block; gap:20px; width:30%; height:auto; position:relative; float:right; margin:0 0 40px 40px; background:var(--colour-charcoal); } .service .flagStrip .flag { height:auto; width:100%; background-repeat:no-repeat !important; background-size:cover !important; box-shadow:none; aspect-ratio:3/2; border:1px solid #cfcfcf; } .service .flagStrip .flag:hover, .service .flagStrip .flag:focus { opacity:0.5; } .service .infoPane .btn { float:right; margin:0 0 20px !important; } #menuInline { background:var(--colour-dark); color:var(--colour-white); z-index:20; font-size:0.8em; font-family:"Poppins", sans-serif; } #menuInline.fixed { position:-webkit-sticky; position:-moz-sticky; position:-ms-sticky; position:-o-sticky; position:sticky; top:60px; } #menuInline.fixedAdmin { position:-webkit-sticky; position:-moz-sticky; position:-ms-sticky; position:-o-sticky; position:sticky; top:92px; } #menuInline .nav { display:flex; flex-direction:row; gap:0; list-style:none; } #menuInline .nav li { display:grid; align-content:center; } #menuInline .nav li.label { font-weight:600; padding:10px 20px 10px 0; text-transform:uppercase; color:var(--colour-light); } #menuInline .nav li > a { color:var(--colour-white); padding:10px; width:auto; height:50px; border-left:2px solid var(--colour-dark); display:block; line-height:inherit; display:grid; align-content:center; grid-template-columns:30px 1fr; font-weight:600; } #menuInline .nav li:last-of-type > a { border-right:2px solid var(--colour-dark); } #menuInline .nav li > a:hover, #menuInline .nav li > a:focus { background:var(--colour-light); color:var(--colour-dark); } #menuInline .nav li > a .navIcon { font-size:1.3em; } #contactPane .sectionCols { display:grid; grid-template-columns:1fr 1fr; grid-gap:40px; } #contactPane .sectionText, #introPane .sectionForm { width:100%; } #contactPane .sectionForm h2,#contactPane .sectionForm h3 { margin:0 auto 20px; } #contactPane .sectionForm .wpcf7 { margin:0; padding:0; } #outroPane { background:var(--colour-black); position:relative; width:100%; display:block; border-top:5px solid var(--colour-grey); position:relative; color:var(--colour-white); } #outroPane h2 { font-size:3.5em; color:var(--colour-white); margin:40px auto 100px; position:relative; } #outroPane h2::before { content:""; background:url("images/indus-squiggle.svg") no-repeat; object-fit:contain; object-position:center; width:400px; height:40px; margin:auto; display:block; bottom:-50px; position:absolute; left:-100%; right:-100%; top:inherit; } #outroPane .backing { background:url("images/background-purple-texture.jpg"); background-size:cover; background-position:center; -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); opacity:1; position: absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:100%; height:100%; } #outroPane.c2a { background:#fafafa; min-height:300px; text-align:center; } #outroPane.c2a .infoPaneInner { align-items:center; display:flex; } #outroPane a:link, #outroPane a:visited { color:var(--colour-light); } #outroPane a:hover, #outroPane a:focus { color:var(--colour-mid); } /*#outroPane::before { position:absolute; bottom:inherit; top:-29px; left:0; right:0; margin:auto; display:none; content:""; border-right:100vw solid transparent; z-index:1; border-bottom:30px solid #fff; } #outroPane::after { position:absolute; top:inherit; bottom:-29px; left:0; right:0; margin:auto; display:none; content:""; border-right:100vw solid transparent; z-index:1; border-top:30px solid #fff; }*/ #outroPane.c2a .btn { float:none; display:inline-block; margin:auto !important; } #outroPane .outroContent .btn { margin:0 5px 20px !important; } #outroPane .btns { margin:20px 0 0; display:block; gap:20px; grid-template-columns:repeat(auto-fit, minmax(min(280px, 100%), 1fr)); justify-items:center; text-align:center; } #outroPane .contentPane.nophoto .contentBlurb { max-width:1200px !important; margin:auto; text-align:center; } #outroPane .contentPane.nophoto .contentBlurb h2, #outroPane .contentPane.nophoto .contentBlurb .h2 { text-align:center; } #infoPaneHeader .btns .btn { margin:0 !important; } .programContainer .entry { padding:0; } .brochureIMG { max-width:350px!important; height:auto; } .brochureIMG img { height:auto; width:100%; } .brochureIMG .btn { width:100%; max-width:100%; margin:auto !important; display:block; } .brochureIMG a:hover img, .brochureIMG a:focus img { opacity:0.5; } .brochureIMG a:hover .btn, .brochureIMG a:focus .btn {} .spacerPane, .embedPane { background:var(--colour-mid) !important; } .spacerPaneWhite { background:#ffffff !important; } /* Galleries */ .gallery { margin:40px auto !important; display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr; align-items:baseline; grid-gap:0; } .gallery-caption { display:none; } .gallery br { display:none; } .gallery-item { margin:0 !important; float:left; display:block; width:100% !important; overflow:hidden; } .gallery-item:hover img, .gallery-item:focus img { opacity:0.5; } .gallery-item img { display:block; min-width:100%; width:100%; height:auto !important; border:0 !important; } .galleryFeature .gallery-item:nth-of-type(14n + 1), .galleryFeature .gallery-item:nth-of-type(14n - 3) { grid-column:auto / span 2; grid-row:auto / span 2; } .fancybox-bg { background:#ffffff !important; } .fancybox-navigation .fancybox-button { padding:5px !important; width:60px !important; } .fancybox-button { background:var(--colour-light) !important; color:#ffffff !important; border-radius:0 !important; } .fancybox-button:hover, .fancybox-button:focus { background:var(--colour-light) !important; color:#ffffff !important; padding:10px !important; } .fancybox-button:hover svg, .fancybox-button:focus svg { color:var(--colour-dark); } .fancybox-close-small { opacity:1 !important; } .fancybox-thumbs__list a:before { border:6px solid var(--colour-light) !important; } .fancybox-error p { padding:20px !important; } /*.galleryPane { background:var(--colour-light); z-index:2; } .galleryPane h6 { margin:0 auto; padding:20px; font-size:1.4em; position:relative; z-index:1; } .galleryPane ul { margin:0; } .galleryPane li { margin:0; float:left; display:block; width:-webkit-calc(100% / 9); width:-moz-calc(100% / 9); width:calc(100% / 9); overflow:hidden; } .galleryPane li a:hover img { opacity:0.5; } .galleryPane li img { display:block; min-width:100%; width:100%; }*/ .googleForm { height:auto; min-height:1000px !important; } /* --------------------------------------- */ /* HOMEPAGE /* --------------------------------------- */ #infoPaneHeader { background:rgba(30, 27, 23,1); height:auto; z-index:1; position:relative; max-height:inherit; border:0; border-top:95px solid var(--colour-grey) !important; border-radius:var(--rounded-corners-header); width:100%; margin:auto; overflow:hidden; } #mainContainer #infoPaneHeader { border-top:95px solid var(--colour-grey) !important; } #infoPaneHeader .backing { position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; content:""; display:block; margin:auto; z-index:0; opacity:1; background:none; overflow:hidden; } #infoPaneHeader .backing::before { position:absolute; top:initial; bottom:0; left:0; right:0; display:block; content:""; margin:auto; height:100%; width:100%; z-index:3; opacity:0.6; background:rgb(0,0,0); background:linear-gradient(0deg, rgba(30, 27, 23,1) 0%, rgba(30, 27, 23,0.9) 10%, rgba(30, 27, 23,0.5) 20%, rgba(30, 27, 23,0) 30%, rgba(30, 27, 23,0.1) 80%, rgba(30, 27, 23,0.6) 100%); } #infoPaneHeader .backing img { width:100%; height:100%; display:block; margin:auto; z-index:2; opacity:0.7; object-fit:cover; object-position:center 60%; border-radius:0 !important; } #infoPaneHeader .superPosts .jcarousel ul::before { position:absolute; top:initial; bottom:0; left:0; right:0; display:block; content:""; margin:auto; height:100%; width:100%; z-index:4; opacity:1; background: rgb(1, 67, 62); background:linear-gradient(0deg, rgba(30, 27, 23,0.7) 0%, rgba(30, 27, 23,0.5) 10%, rgba(30, 27, 23,0.3) 20%, rgba(30, 27, 23,0) 30%, rgba(30, 27, 23,0.1) 80%, rgba(30, 27, 23,0.7) 100%); } #infoPaneHeader::after { top:0; left:0; right:0; bottom:inherit; height:300px; width:100%; position:absolute; z-index:3; margin:auto; display:block; background:none; background-size:110% auto; opacity:0.7; content:""; display:none; } #infoPaneHeader .logoMain { width:600px; height:auto; max-width:-webkit-calc(100% - 40px); max-width:-moz-calc(100% - 40px); max-width:calc(100% - 40px); text-align:center; display:block; margin:auto; } #infoPaneHeader .h2 { color:#ffffff; margin:20px auto 5px; font-size:2.5em; filter:drop-shadow(0px 0px 10px rgba(0,0,0,0.4)); font-weight:400; } #infoPaneHeader .h3 { color:#ffffff; margin:0 auto; font-size:1.5em; filter:drop-shadow(0px 0px 10px rgba(0,0,0,0.4)); font-weight:400; } #infoPaneHeader .logoMain img { opacity:1; aspect-ratio:initial; max-width:700px; } #infoPaneHeader .btns { margin:20px 0 0; display:block; gap:20px; grid-template-columns:repeat(auto-fit, minmax(min(280px, 100%), 1fr)); justify-items:center; } #infoPaneHeader .btns .btn { margin:0 0 10px !important; } #infoPaneHeader .sectionDivide { position:absolute; bottom:0; left:0; width:100%; overflow:hidden; line-height:0; display:none; } #infoPaneHeader .sectionDivide svg { position:relative; display:block; width:calc(100% + 1.3px); height:60px; } #infoPaneHeader .sectionDivide .shape-fill { fill:var(--colour-white); } .homePage #infoPaneHeader .infoPaneInner { min-height:500px; height:100%; position:relative; z-index:3; display:grid; align-content:center; padding:100px 0 0; } /*.homePage #infoPaneHeader::after { position:absolute; bottom:0; top:inherit; left:0; right:0; margin:auto; display:none; content:""; border-left:100vw solid transparent !important; z-index:2; border-bottom:30px solid var(--colour-light) !important; height:30px; opacity:1; }*/ .homePage #infoPaneHeader #superPosts .infoPaneInner { position:absolute; left:0; right:0; margin:auto; } .homePage .leaderStrip { background:var(--colour-dark); padding:0; text-align:center; border-top:5px solid var(--colour-grey); font-weight:400; font-family:"Poppins", sans-serif; color:var(--colour-white); font-size:1.3em; position:relative; } .homePage .leaderStrip .backing { background:url("images/background-purple-texture.jpg"); background-position:center; background-size:cover; position:absolute; top:0; bottom:0; left:0; right:0; object-fit:cover; object-position:center; width:100%; height:100%; margin:auto; opacity:0.6; } /*.homePage .leaderStrip::before { position:absolute; top:-89px; bottom:inherit; left:0; right:0; margin:auto; width:100%; height:90px; display:block; content:""; border:none; background:url("images/edge-arrow_down-orange.svg") no-repeat center bottom; background-size:102% auto; z-index:1; } .homePage .leaderStrip::after { position:absolute; top:inherit; bottom:-1px; left:0; right:0; margin:auto; width:100%; height:100px; display:block; content:""; border:none; background:url("images/edge-arrow_down-white.svg") no-repeat center bottom; background-size:102% auto; z-index:1; }*/ .homePage .leaderStrip .leaderStripContainer { max-width:1260px; } .homePage .leaderStrip h2 { color:var(--colour-white); margin:40px 0 100px; position:relative; } .homePage .leaderStrip h2::before { content:""; background:url("images/indus-squiggle.svg") no-repeat; object-fit:contain; object-position:center; width:400px; height:40px; margin:auto; display:block; bottom:-50px; position:absolute; left:-100%; right:-100%; top:inherit; } .homePage .leaderStrip p { color:var(--colour-white); } .homePage .leaderStrip p:last-of-type { margin:0; } .homePage .leaderStrip iframe { width:100%; height:auto; aspect-ratio:16/9; } #newsletterPane { background:var(--colour-light); } #newsletterPane .infoPaneInner { padding:40px 0; } #newsletterPane .container { } #newsletterPane .container .c2aBlocks { display:grid; grid-template-columns:1fr 1fr; gap:40px; } #newsletterPane .container .c2aBlocks .c2aBlock { display:block; width:100%; align-content:space-evenly; direction:ltr; position:relative; } #newsletterPane .container .c2aBlocks .c2aBlock .sectionIMG { position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; } #newsletterPane .container .c2aBlocks .c2aBlock .sectionIMG .sectionIMGpad { height:100%; } #newsletterPane .container .c2aBlocks .c2aBlock img { max-width:100%; border-radius:var(--rounded-corners-small); width:100%; height:100%; object-fit:cover; object-position:top; } #newsletterPane h2 { color:var(--colour-white); margin:20px 0 0; text-align:center; } #newsletterPane p { color:var(--colour-white); margin:0; text-align:center; } .homePage #infoPane1 { background:#ffffff; min-height:0; height:auto; padding:10px 0 0; z-index:2; } /*.homePage #infoPane1::before { position:absolute; top:-29px; bottom:inherit; left:0; right:0; margin:auto; display:block; content:""; border-left:50vw solid transparent !important; border-right:50vw solid transparent !important; z-index:1; border-bottom:30px solid #ffffff !important; height:30px; opacity:1; } .homePage #infoPane1::after { position:absolute; top:inherit; bottom:-29px; left:0; right:0; margin:auto; display:block; content:""; border-left:50vw solid transparent !important; border-right:50vw solid transparent !important; z-index:1; border-top:30px solid #ffffff !important; height:30px; opacity:1; }*/ .homePage #infoPane1 h2, .homePage #infoPane1 p { text-align:center; display:block; max-width:1000px; margin:0 auto 20px; } .homePage #infoPane2 { background:var(--colour-light); position:relative; overflow:hidden; min-height:0; height:auto; z-index:1; } .homePage #infoPane2::before { background:none; background-size:cover; opacity:0.2; content:""; height:100%; width:100%; position:absolute; z-index:0; top:0; left:0; border:none; display:block; } .homePage #infoPane3 { background:none; position:relative; min-height:0; height:auto; } .homePage #infoPane3::before { background:none; background-size:cover; opacity:0.2; content:""; height:100%; width:100%; position:absolute; z-index:0; top:0; left:0; border:none; display:block; } .homePage #infoPane4 { background:var(--colour-light); min-height:0; height:auto; } .homePage #infoPane4::before { display:none; } .homePage #infoPane5 { background:var(--colour-light); position:relative; min-height:0; height:auto; } .homePage #infoPane5::before { background:none; background-size:cover; opacity:0.2; content:""; height:100%; width:100%; position:absolute; z-index:0; top:0; left:0; border:none; display:block; } .homePage #infoPane6 { background:#ffffff; min-height:0; height:auto; } .homePage #infoPane6::before { display:none; } .homePage .eventText { color:#ffffff; max-width:800px; } .homePage #outroPane { background:var(--colour-mid); } #sectionPane { } /*#sectionPane .infoPanel .infoPanelLug img, .infoPaneGeneral .infoPanel .infoPanelLug img, .archives .infoPanel .infoPanelLug img { padding:20px 20px 100px; background:#ffffff; border:1px solid #cfcfcf; transform:rotate(2deg); box-shadow:0 0 4px rgba(0,0,0,0.2); } #sectionPane .infoPanel:nth-of-type(2n+1) .infoPanelLug img, .infoPaneGeneral .infoPanel:nth-of-type(2n+1) .infoPanelLug img, .archives .infoPanel:nth-of-type(2n+1) .infoPanelLug img { transform:rotate(-2deg); }*/ /*#sectionPane .infoPanel .infoPanelLug img, .infoPaneGeneral .infoPanel .infoPanelLug img, .archives .infoPanel .infoPanelLug img { padding:0; background:none; border:none; transform:none; box-shadow:none; border-radius:var(--rounded-corners-small); } #sectionPane .infoPanel:nth-of-type(2n+1) .infoPanelLug img, .infoPaneGeneral .infoPanel:nth-of-type(2n+1) .infoPanelLug img, .archives .infoPanel:nth-of-type(2n+1) .infoPanelLug img { transform:none; }*/ #featurePane { border-top:5px solid var(--colour-grey); } .infoPane .infoPanels { margin:0 auto; background:none; } .infoPanel { width:100%; margin:0 auto !important; display:block; float:left; transition:all 200ms ease-in-out; background:#ffffff; font-size:1em; border-top:5px solid var(--colour-grey); } .infoPane .container .infoPanels .infoPanel { border:none; } .infoPanel:last-of-type { border-bottom:none; } .infoPanel .infoPanelContent { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(500px, 100%), 1fr)); gap:0; direction:rtl; } .infoPanel:nth-of-type(2n+1) .infoPanelContent { direction:ltr; } .infoPanel:nth-of-type(2n+1) { background:var(--colour-grey); } .infoPanel::after, .pillarHighlight::after { opacity:0.5; content:""; height:500px; width:100%; position:absolute; z-index:-1; top:initial; right:0; bottom:0; left:0; display:block; margin:auto; } .infoPanel a { cursor:pointer; } .infoPanel a .btn { margin:10px auto !important; display:block; } .infoPanel .btns { margin:20px 0 0; display:block; gap:20px; grid-template-columns:repeat(auto-fit, minmax(min(280px, 100%), 1fr)); justify-items:center; } .infoPanel .btns .btn { margin:0 0 10px !important; display:inline-block; } .infoPanel a:hover, .infoPanel a:focus { background:none; } .infoPanel:last-of-type { margin:0 auto; } .infoPanel .infoPanelLug { width:100%; height:auto; transition:all 200ms ease-in-out; position:relative; overflow:hidden; z-index:1; margin:0; padding:40px; max-height:650px; } .infoPanel .infoPanelLug .infoPanelPad { height:100%; width:100%; position:absolute; padding:40px; } .infoPanel .infoPanelLug img { position:static; min-width:inherit; min-height:inherit; max-height:inherit !important; max-width:inherit !important; height:100%; width:100%; margin:auto; display:block; object-fit:cover; object-position:center; border-radius:var(--rounded-corners-small); } .infoPanel:nth-of-type(2n+1) { direction:ltr; background:var(--colour-white); } .infoPanel .infoPanelText { width:100%; height:100%; min-height:0; display:grid; transition:all 200ms ease-in-out; z-index:1; align-items:center; } .infoPanel .infoPanelText h2 { text-align:center; } .infoPanel .infoPanelText::before, .infoPanel .infoPanelText::after { display:none; } .infoPanel .infoPanelPad { position:relative; padding:80px; bottom:0; top:inherit; left:0; right:0; max-width:inherit; height:auto; align-items:center; margin:auto; } .infoPanel .infoPanelPad .infoPanelFloatBox { text-align:left; direction:ltr; } .infoPanel:nth-of-type(2n+1) .infoPanelPad { text-align:center; left:inherit !important; right:0; width:100%; justify-self:flex-start; max-width:inherit; align-items:center; } .infoPanel .infoDek { width:100%; margin:0 auto 20px; transition:all 200ms ease-in-out; font-size:1.5em; text-align:left; } .infoPanel .infoHead { width:100%; margin:10px auto 20px; transition:all 200ms ease-in-out; text-align:center; } .infoPanel .infoText { width:100%; margin:0 auto 20px; font-size:1em; line-height:inherit; font-weight:normal; transition:all 200ms ease-in-out; color:var(--colour-charcoal); direction:ltr; } .infoPanel .infoText ul { margin:0 0 0px 20px; position:relative; } .infoPanel .btnSmall { font-size:0.9em; width:auto; min-width:0; max-width:inherit; display:inline; transition:all 200ms ease-in-out; } .infoPanel .btnMain { display:inline-block; } .infoPanels.panelAlignCenter .infoText, .infoPanels.panelAlignCenter .infoPanel .infoPanelPad .infoPanelFloatBox { text-align:center !important; } .infoPanels.panelAlignCenter .infoPanel a .btn { margin:10px 5px !important; } .infoPanel a:hover .infoPanelLug { opacity:0.5; } .infoPanel a:hover .infoPanelText { } .infoPanel a:hover .infoDek,.infoPanel:hover .infoHead, .infoPanel:hover .infoText { } .infoPanel a:hover .infoHead { color:var(--colour-light); } .infoPanel a:hover .btn, .infoPanel a .btn:hover { background:var(--colour-mid); color:var(--colour-light) !important; } .infoPanel a:focus .infoPanelLug { opacity:0.5; } .infoPanel a:focus .infoPanelText { } .infoPanel a:focus .infoDek,.infoPanel:focus .infoHead, .infoPanel:focus .infoText { } .infoPanel a:focus .infoHead { color:var(--colour-light); } .infoPanel a:focus .btn, .infoPanel a .btn:focus { background:var(--colour-mid); color:var(--colour-light) !important; } .infoPanelGeneral .infoPanel .infoPanelLug img { width:100%; height:auto; } .archives .infoPanels:first-child .infoPanel { border-top:none; } .benefits ul { list-style:none; margin:40px 0 !important; } .infoPanel .benefits .infoText ul::before { left:0 !important; } .benefits ul li::before { width:20px; height:20px; background:url("images/icon-check.svg"); background-repeat:no-repeat; background-position:center; display:block; content:""; left:-30px; top:3px; position:absolute; background-size:100%; } .benefits ul li { margin:0 0 5px 30px; position:relative; } .infoPaneLinkBlock .infoPanels { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap:40px; margin:40px 0; } .infoPaneLinkBlock .infoPanel { border:none; } .infoPaneLinkBlock .infoPanel .infoPanelContent { } .infoPaneLinkBlock h2 { text-align:center; } .infoPaneLinkBlock .infoPanel .infoPanelLug { padding:0; } .infoPaneLinkBlock .infoPanel .infoPanelLug img { } .infoPaneLinkBlock .infoPanel .infoPanelText { } .infoPaneLinkBlock .infoPanel .infoPanelPad { } /* GRID: equal-height cards per row */ .infoPaneLinkBlock .infoPanels{ /* keep your existing grid-template-columns */ align-items: stretch; /* key */ } /* ARTICLE fills the stretched grid track */ .infoPaneLinkBlock .infoPanels article.infoPanel.listpost{ align-self: stretch; } /* ANCHOR fills the card height (restores the height spine) */ .infoPaneLinkBlock .infoPanels article.infoPanel.listpost > a.infoPanelLink{ display: flex; flex-direction: column; height: 100%; min-height: 0; width:100% } /* CONTENT fills the anchor; image stays as-is, text flexes */ .infoPaneLinkBlock .infoPanels article.infoPanel.listpost .infoPanelContent{ display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; } /* IMAGE: leave your AR/object-fit rules alone */ .infoPaneLinkBlock .infoPanels .infoPanelLug{ flex: 0 0 auto; aspect-ratio:16/9; } /* (do NOT change your sizing rules) */ /* TEXT column grows under the image */ .infoPaneLinkBlock .infoPanels .infoPanelText{ display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; } /* Let the copy block consume space; neutralize legacy floats */ .infoPaneLinkBlock .infoPanels .infoPanelPad{ flex: 1 1 auto; min-height: 0; padding:20px 20px 0px; } .infoPaneLinkBlock .infoPanels .infoPanelPad::after{ content:""; display:block; clear:both; } .infoPaneLinkBlock .infoPanels .infoPanelFloatBox{ float:none; } /* Button parks at the bottom of the text column */ .infoPaneLinkBlock .infoPanels .infoPanelText > .btn{ margin-top: auto; align-self: flex-start; /* use 'stretch' if you want full-width */ } /* Defensive: allow shrinking anywhere in the flex chain */ .infoPaneLinkBlock .infoPanels .infoPanelLink, .infoPaneLinkBlock .infoPanels .infoPanelContent, .infoPaneLinkBlock .infoPanels .infoPanelText{ min-height: 0; } /* --------------------------------------- */ /* PAGE BUILDER /* --------------------------------------- */ .section { border-bottom:none; } .section:nth-of-type(2n) { background:none; } .section:nth-of-type(2n+1) { background:#fafafa; } .section .sectionInner { padding:80px 0; } /* Elements */ .section .sectionHeadline { margin:0 auto 20px; } /*.section .sectionIMG { position:absolute !important; height:100% !important; }*/ /*.section .sectionIMG img { height:auto !important; min-height:100% !important; max-height:120% !important; width:auto !important; min-width:100% !important; max-width:inherit !important; }*/ .section .brochureIMG { margin:40px 0 0; float:right; } .sectionMap { border-top:5px solid var(--colour-grey); } .sectionMap iframe, .sectionMap img { display:block; width:100%; height:auto; min-height:400px; height:40vh; } /* Alignments + Sizing */ .sectionAlignLeft, .sectionAlignRight { display:block; position:relative; } .sectionAlignLeft .brochureIMG { float:left; margin:0 40px 40px 0; width:100%; max-width:calc(100% - 80px) !important; } .sectionAlignRight .brochureIMG { float:right; margin:0 0 40px 40px; width:100%; max-width:calc(100% - 80px) !important; } .sectionAlignLeft .sectionIMG, .sectionAlignLeft .sectionFile, .sectionAlignRight .sectionText { float:left; } .sectionAlignLeft .sectionIMG, .sectionAlignLeft .sectionFile { left:0; right:inherit; } .sectionAlignRight .sectionIMG, .sectionAlignRight .sectionFile, .sectionAlignLeft .sectionText { float:right; } .sectionAlignRight .sectionIMG, .sectionAlignRight .sectionFile { right:0; left:inherit; } .sectionImageHalf .sectionIMG, .sectionImageHalf .sectionText { width:50% !important; } .sectionImageThird .sectionIMG, .sectionDownload .sectionFile { width:33% !important; } .sectionImageThird .sectionText, .sectionDownload .sectionText { width:67% !important; } .sectionImageHalf .sectionText, .sectionImageThird .sectionText { padding:80px !important; } .textAlignLeft { text-align:left; } .textAlignCenter { text-align:center; } .textAlignRight { text-align:right; } /* Iterations */ .sectionBasic {} .sectionImage { min-height:46vh; } .sectionImage .sectionText { padding:80px 0; } .sectionDownload {} .sectionImageFull .contents { position:relative; display:grid; align-content:center; align-items:center; min-height:500px !important; } .sectionImageFull .sectionIMG { width:100%; } .sectionImageFull .backingDark .sectionIMG { background:#121212; } .sectionImageFull .backingLight .sectionIMG { background:#ffffff; } .sectionImageFull .backingDark .sectionIMG img, .sectionImageFull .backingLight .sectionIMG img { opacity:0.2; } .sectionImageFull .sectionIMG img { max-height:inherit !important; } .sectionImageFull .sectionText { margin:auto !important; display:block; padding:80px; position:static; width:auto; height:auto; z-index:1; } .sectionImageFull .backingDark .sectionText { color:#ffffff !important; } .sectionImageFull .backingLight .sectionText { color:#121212 !important; } .sectionImageFull .contents h3 { color:inherit !important; } .sectionAccordion {} .sectionTable {} .sectionMultiCol { background:var(--colour-grey) !important; padding:0; } .sectionMultiCol h2 { width:calc(100% - 80px); max-width:1380px; text-align:center; margin:0 auto 10px; display:block; padding:0; border-bottom:none; } .sectionMultiCol .sectionIntro { margin:auto; max-width:1100px; text-align:center; color:var(--colour-black); } .sectionMultiCol .infoPanels { display:grid; gap:80px; margin:0 auto; grid-template-columns:repeat(auto-fit, minmax(min(180px, 100%), 1fr)); } .sectionMultiCol .infoPanels .infoPanel { width:100%; background:none; border:0; } .sectionMultiCol .infoPanels .infoPanel .infoDek { text-align:center; font-size:1.4em; } .sectionMultiCol .infoPanels .infoPanel .infoPanelLug { width:100%; background:none; height:auto; min-height:100px; margin:0; padding:0; } .sectionMultiCol .infoPanels .infoPanel .infoPanelLug img { max-width:100%; max-height:100%; height:200px; width:100%; max-width:400px !important; border-radius:10px; } .sectionMultiCol .infoPanels .infoPanel .infoPanelText { width:100%; min-height:0; height:100%; position:static !important; float:none; align-items:initial; border-radius:0; } .sectionMultiCol .infoPanels .infoPanel .infoPanelText .infoText { color:var(--colour-black); margin:0; text-align:center; } .sectionMultiCol .infoPanels .infoPanel .infoPanelText .infoPanelPad { position:static !important; padding:20px 0 0; max-width:100%; text-align:center; } .sectionMultiCol .infoPanels .infoPanel .btnSmall { position:static; display:inline-block; margin:20px auto 0 !important; width:fit-content; } .sectionMultiCol .infoPanels .infoPanel ul::before { width:100px; height:0; background:none; position:absolute; top:-20px; left:-40px; right:inherit; bottom:inherit; content:""; display:block; border-bottom:none; } .sectionGallery {} .sectionImageGrid {} .sectionVideo {} .sectionLinks {} .sectionPad { padding:80px 0; } .sectionContentFull { background:var(--colour-light) !important; text-align:center; padding:80px 20px; } .sectionContentFull h2 { margin:0 0 10px; } .sectionContentHalf { height:auto !important; max-height:inherit !important; position:relative; } .sectionContentHalf .sectionIMG { width:50%; position:relative; height:auto !important; float:left; } .sectionContentHalf .sectionIMG .sectionIMGpad { overflow:hidden; margin:40px !important; } .sectionContentHalf .sectionText { width:50% !important; float:left; display:grid; position:absolute; right:0; height:100%; } .sectionContentHalf .sectionText .sectionTextPad { position:relative; bottom:0; top:inherit; left:0; right:0; max-width:800px; height:100%; padding:40px 100px 40px 0; } .sectionContentHalf:nth-of-type(2n+1) .sectionText { right:initial; } .sectionContentHalf:nth-of-type(2n+1) .sectionIMG { float:right; } .sectionContentHalf:nth-of-type(2n+1) .sectionText .sectionTextPad { text-align:left; left:inherit !important; right:0; width:100%; justify-self:end; padding:40px 0 40px 100px; } .sectionText h3 { margin:40px 0 10px; } .sectionText h3:first-child { margin:0 0 10px; } .homePage .sectionContentHalf .sectionText .sectionTextPad { text-align:center; } /* --------------------------------------- */ /* MAIN /* --------------------------------------- */ .headerUpper, .headerLower { background:var(--colour-light); } #main { background:#ffffff; padding:0; position:relative; z-index:0; overflow:visible; border-bottom:0; } #main::before { top:0; left:0; right:0; bottom:inherit; height:100vh; width:100%; position:absolute; z-index:-1; margin:auto; display:none; background:none; background-size:100% auto; opacity:0.7; } #main::after { background:none; opacity:0.1; content:""; height:100%; width:100%; position:absolute; z-index:-1; bottom:0; right:0; background-size:600px; } .homePage #main { min-height:450px; padding:0; } .homePage #main::after { background:none; } #mainContainer { position:relative; overflow:visible; z-index:2; padding-bottom:0; border-top:5px solid var(--colour-grey); background:#ffffff; } /*#mainContainer::before { position:absolute; bottom:inherit; top:-29px; left:0; right:0; margin:auto; display:none; content:""; border-right:100vw solid transparent; z-index:1; border-bottom:30px solid #fff; }*/ .programContainer .entry { padding:0; } #contentPanel { background:none; z-index:1; } #contentHeader { position:relative; z-index:1; border:none; padding:0; display:block; background:none; height:85vh; max-height:inherit; max-height:1000px; overflow:hidden; } #contentHeader.shortHeader { height:auto; } #contentHeader.shortHeader .backing { background:url("images/background-purple-texture.jpg"); background-size:cover; background-position:center; -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } #contentHeader.shortHeader .backing img { display:none; } #contentHeader.shortHeader .container { position:relative; } #contentHeader.shortHeader .triggerContainer { display:none; } #contentHeader .container { position:absolute; top:inherit; bottom:0; left:0; right:0; margin:auto; display:block; height:auto; padding:140px 100px 40px; z-index:2; } #contentHeader h1 { transform:none; margin:10px 0 20px; float:none; top:initial; width:auto; overflow:visible; height:auto; line-height:1em; padding:0; border:none; text-shadow:0px 0px 40px rgba(0,0,0,0.7); } #contentHeader .h2 { color:var(--colour-white); float:none; margin:0; font-size:1.7em; line-height:1.3em; clear:both; font-weight:400; text-shadow:0px 0px 40px rgba(0,0,0,0.7); max-width:1200px; } #contentHeader .h3 { color:var(--colour-white); text-shadow:0px 0px 40px rgba(0,0,0,0.7); } #contentHeader .sectionDivide { position:absolute; bottom:0; left:0; width:100%; overflow:hidden; line-height:0; display:none; } #contentHeader .sectionDivide svg { position:relative; display:block; width:calc(100% + 1.3px); height:60px; } #contentHeader .sectionDivide .shape-fill { fill:var(--colour-white); } #contentHeader::after { top:0; left:0; right:0; bottom:inherit; height:300px; width:100%; position:absolute; z-index:-1; margin:auto; display:block; background:none; background-size:110% auto; opacity:0.7; content:""; } /*#contentHeader::after { position:absolute; top:inherit; bottom:-1px; left:0; right:0; width:100%; height:200px; content:""; display:block; margin:auto; border:none; background:url("images/edge-curve.svg") no-repeat center bottom; background-size:102% auto; z-index:1; }*/ #contentHeader .backing { position:absolute; top:0; bottom:inherit; left:0; right:0; width:100%; height:100%; min-height:100%; content:""; display:block; margin:auto; z-index:-1; opacity:1; background:#121212; overflow:hidden; border-radius:var(--rounded-corners-header); margin:auto; } #contentHeader .backing::before { position:absolute; top:initial; bottom:0; left:0; right:0; display:block; content:""; margin:auto; height:100%; width:100%; z-index:0; opacity:1; background: rgb(1, 67, 62); background:linear-gradient(0deg, rgba(30, 27, 23,0.4) 0%, rgba(30, 27, 23,0.4) 10%, rgba(30, 27, 23,0.2) 20%, rgba(30, 27, 23,0) 30%, rgba(30, 27, 23,0.2) 80%, rgba(30, 27, 23,0.9) 100%); } #contentHeader .backing img { position:absolute; width:100%; height:100%; display:block; margin:auto; z-index:-1; opacity:0.7; object-fit:cover; object-position:center 20%; border-radius:0 !important; } #contentHeader h1 a, #contentHeader .breadcrumbs, #contentHeader .breadcrumbs a { font-weight:normal; } #contentHeader .breadcrumbs a { padding:5px 20px; background:var(--colour-light); color:var(--colour-white); margin:0 auto 10px; border-radius:30px; font-family:'Poppins', sans-serif; font-weight:400; white-space:nowrap; line-height:2.3em; /*filter:drop-shadow(5px 5px 0px rgba(0,0,0,0.2));*/ } #contentHeader h1 a:hover, #contentHeader .breadcrumbs a:hover, #contentHeader h1 a:focus, #contentHeader .breadcrumbs a:focus { color:#ffffff !important; } #contentHeader .h5 { margin:0; font-weight:800; } #contentHeader .breadcrumbs a:hover, #contentHeader .breadcrumbs a:focus { background:var(--colour-mid) !important; color:var(--colour-light) !important; } .breadcrumbs { margin:0 auto 10px; text-align:left; font-size:1em; color:#ffffff; position:relative; top:initial; width:100%; } .breadcrumbs .spacer { margin:0; padding:0 5px; height:25px; width:10px; color:#ffffff; font-weight:400; } .breadcrumbs .spacer.connector::before { content:"\00BB"; margin:auto; display:inline; } .breadcrumbs .spacer.divider::before { content:"\007C"; margin:auto; display:inline; } #contentHeader .triggerContainer { width:100%; display:grid; grid-template-columns:215px 1fr; direction:rtl; } #contentHeader .imageTrigger { border:1px solid var(--colour-white); padding:10px 20px; font-weight:400; width:auto; position:initial; right:100px; bottom:100px; border-radius:50px; display:block; z-index:3; color:#ffffff; text-align:center; tabindex:0; font-family:'Poppins', sans-serif; } #contentHeader a:hover .imageTrigger, #contentHeader a:focus .imageTrigger { border:1px solid var(--colour-light); background:var(--colour-light); color:var(--colour-dark); } #featIMG { margin:0 auto 20px; } #featIMG { margin:0 auto 20px; } #contentBody { background:none; min-height:0; } #contentBody h1 { max-width:100% !important; } #contentBody .entry > ul li { } #contentBody .entry > ul { /*clear:both;*/ } #contentBody .entry ul li, #contentBody .entry ol li { margin:0 0 5px; } #contentFooter { border:none; background:none; padding:40px 0; } #contentFooter .btn { display:inline-block; float:none; margin:0; width:fit-content; max-width:100%; min-width:0; } #contentFooter .btn:hover, #contentFooter .btn:focus { } .dek { color:#ffffff; margin:0 auto 10px; text-transform:initial; text-align:left; top:initial; position:relative; float:left; clear:both; font-weight:400; } .infoStrip { background:none; border:none; padding:0; clear:both; font-weight:400; } .infoStrip .authorLug, .infoStrip .dateLug { padding:0; color:#ffffff; } .content { min-height:0; padding:80px 40px 80px 0; width:-webkit-calc(100% - 340px); width:-moz-calc(100% - 340px); width:calc(100% - 340px); border-right:0px solid #efefef; } .contentFull { padding:0; float:none; } .contentFull h1 { max-width:100% !important; } .contentFloatRight { float:right; } .contentCenter { margin:0 auto; display:block; float:none; } .entry, .schedule { padding:0; min-height:0; line-height:inherit; background:none; } .entry h2:first-child, .entry h3:first-child, .entry h2:nth-child(2), .entry h3:nth-child(2) { margin:0 0 40px; } .entry p:first-child { margin:0 0 20px; } .entry iframe:first-child { margin:0 0 40px; } .entry p:last-child, .entry iframe:last-child { margin:0; } .entry img { max-width:100%; margin:0 auto 40px; height:auto; display:block; border-radius:var(--rounded-corners-small); } .entry img.size-full { width:100%; min-width:100%; margin:80px 0 20px; } .entry img.alignleft { margin:0 40px 40px 0; width:50% !important; } .entry img.alignright { margin:0 0 40px 40px; width:50% !important; } .entry img.aligncenter { margin:40px 0 !important; } .entry img.signature { max-width:300px; } .entry a:hover > img, .entry a:focus > img { opacity:0.5; } .entry > img.size-full, .entry > a > img.size-full { width:auto; } .entry figure img, .entry figure img.size-full{ margin:0 auto 10px; } .entry #carousel-commuter, .entry #carousel-rover { height:500px; } .entry #carousel-commuter .jcarousel ul.cardList, .entry #carousel-rover .jcarousel ul.cardList { width:100% !important; margin:0 !important; } .location { float:left; width:100%; margin:40px auto; } .location #carousel-commuter, .location #carousel-rover { display:block; float:left; width:100%; } .location .jcarousel { width:100%; max-width:100%; margin:0; } .location .cardList { margin:0 auto !important; } .location .cardList .listpost { margin:0; max-width:300px; font-size:0.8em; line-height:1.5em; background:#f7f5f4; } .location .cardList .listpost .listpostLug { background:var(--colour-light); height:auto; } .location .cardList .listpost .listpostLug img { opacity:1; font-size:1.0em; position:static; float:left; max-width:100%; } .location .cardList .listpost .listpostText .h3 { margin:0 auto 5px; font-size:1.4em; } .location .cardList .listpost .listpostText .h5 { margin:0 auto 5px; } .location .cardList .listpost .listpostText { height:auto; } .location .cardList .listpost .listpostText p { margin:0; width:100%; } .location .cardList .listpost .listpostText .siteInfo { font-size:0.95em; padding:0 0 10px; border-bottom:1px solid #cfcfcf; margin:0 0 10px; } .location .cardList .listpost .listpostText .siteInfo .col2:last-of-type { text-align:right; } .location .cardList .listpost .listpostText .subText { font-size:0.75em; line-height:1.2em; } .location .cardList .listpost .listpostText button { width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px); float:right; } .location .cardList .listpost .listpostText p:last-of-type { margin:0 auto 10px; } .location .jcarousel-control-prev { float:left; width:30px; margin:0 !important; padding:5px; border:0; border-radius:0; color:#fff; line-height:0.5em; } .location .jcarousel-control-next { float:right; width:30px; margin:0 !important; padding:5px; border:0; border-radius:0; color:#fff; line-height:0.5em; } .location .jcarousel-control-prev:hover, .location .jcarousel-control-next:hover, .location .jcarousel-control-prev:focus, .location .jcarousel-control-next:focus { } .location .jcarousel-pagination { float:left; background:none; border:none; clear:none; height:38px; padding:10px; text-align:right; position:absolute; bottom:0; width:100%; } .location .jcarousel-pagination a { height:15px; width:30px; } .location .jcarousel-pagination a:hover, .location .jcarousel-pagination a:focus { } .location .jcarousel-pagination a.active { } .locationLarge, .locationLarge .cardList, .locationLarge .cardList .listpost { width:100% !important; } .locationLarge .cardList .listpost .listpostLug { width:50%; float:right; } .locationLarge .cardList .listpost .listpostText { width:50%; height:auto; position:absolute; left:0; float:left; } .locationLarge .cardList .listpost .listpostText button { font-size:1.15em; } .tags { margin:40px auto; padding:20px 0; clear:both; background:none; border:0; border-top:0px solid #efefef; } .tags h2 { margin:0 auto 10px; font-family:'Poppins', sans-serif; font-weight:400; font-size:1.5em; } .tags a { background:var(--colour-mid); color:#ffffff; padding:5px 20px; font-family:'Poppins', sans-serif; font-weight:400; margin:0 5px 10px 0; border-radius:var(--rounded-corners-small); } .tags a:hover, .tags a:focus { background:var(--colour-light); color:var(--colour-dark); } #sidebar { padding:40px 0; width:calc(340px); top:0; height:auto; position:static; } #sidebar.fixed { position:-webkit-sticky; position:-moz-sticky; position:-ms-sticky; position:-o-sticky; position:sticky; top:40px; } #sidebar h2 { font-size:2em; line-height:1.6em; color:var(--colour-dark); margin:0 auto 10px; } #sidebar h3 { } .sidebarTop, .sidebarBottom { padding:0 0 0 40px; } #sidebarModule { max-width:300px; padding:0 0 40px; width:100%; } #sidebarModule:last-of-type { padding:0; } .sidebarInfoBox ul { margin:0 0 40px 40px; } #sidebar.sidebarController { float:left !important; } #sidebar.sidebarController .sidebarTop, #sidebar.sidebarController .sidebarBottom { padding:0; } #sidebar.sidebarController .sidebarBottom { width:100%; float:none; } .sectionList { list-style:none; margin:0 0 40px; width:100%; } .sectionList li { border-bottom:1px solid #cfcfcf; width:100%; margin:0; } .sectionList li a { display:block; padding:5px 0; width:100%; font-family:'Poppins', sans-serif; text-transform:lowercase; } .authorPage { padding:40px 0; } #contentHeader.headerMain { position:relative; } #contentHeader.headerMain::before { position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; content:""; display:none; margin:auto; background:url(images/header-main.jpg) no-repeat center; background-size:cover; z-index:1; opacity:0.4; } #contentHeader.headerAbout { position:relative; } #contentHeader.headerAbout::before { position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; content:""; display:block; margin:auto; background:url(images/header-about.jpg) no-repeat center; background-size:cover; z-index:1; opacity:0.4; } #contentHeader.headerEvents { position:relative; } #contentHeader.headerEvents::before { position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; content:""; display:block; margin:auto; background:url(images/header-events.jpg) no-repeat center; background-size:cover; z-index:1; opacity:0.4; } #contentHeader.headerFAQ { position:relative; } #contentHeader.headerFAQ::before { position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; content:""; display:block; margin:auto; background:url(images/header-faq.jpg) no-repeat center; background-size:cover; z-index:1; opacity:0.4; } .contentController { padding:40px 0 40px 40px; border-left:0px solid #efefef; border-right:none; } .linkBtnBlock { clear:both !important; } .linkBtnBlock .linkBtn { clear:none !important; float:left; display:block; } .linkBtnBlock .linkBtn .btn { display:block; min-width:200px; margin:0 20px 20px 0; width:auto !important; } /* --------------------------------------- */ /* ARCHIVING /* --------------------------------------- */ .archiveList { min-height:0; display:grid; grid-gap:20px; grid-template-columns:repeat(auto-fill, minmax(min(320px, 100%), 1fr)); margin:0; } .homePage .archiveList { grid-template-columns:repeat(auto-fit, minmax(min(260px, 100%), 1fr)); } .archiveList .listpost { margin:0; width:100%; background:none; } .archiveList .listpost .filetype { position:absolute; left:-100%; right:-100%; top:-100%; bottom:-100%; font-size:80px; margin:auto; color:#ffffff; width:110px; height: 80px; opacity:1; transition:all 200ms ease-in-out; z-index:0; } .archiveList .listpost:hover .filetype { opacity:1; } .archiveList::before, .archiveList::after { display:none; } .archiveList .listpost .listpostLug { height:auto; background:none; aspect-ratio:3/2; width:100%; border-radius:var(--rounded-corners-small); } .archiveList .listpost .listpostLug img { width:100%; height:100%; object-fit:cover; object-position:center; position:static; opacity:1; z-index:1; } .archiveList .listpost a:hover .listpostLug img, .archiveList .listpost a:focus .listpostLug img { opacity:0.5; } .entry .archiveList img { max-width:inherit !important; } .archiveList .listpost .listpostText { width:100%; padding:20px; height:auto; } .archiveFeed { margin:0 !important; } .archiveFeed h2 { margin:20px 0 0; text-align:left; } .archiveFeed h2:first-child, .archiveFeed h3:first-child, .archiveFeed h2:nth-child(2), .archiveFeed h3:nth-child(2) { margin:0 0 10px; } .fullList { grid-template-columns:1fr !important; } .fullList .listpost .listpostLug { height:500px !important; width:50%; } .fullList .listpost .listpostText { height:500px !important; width:50%; } .infoPane .archiveFeed { padding:0; text-align:center; } .listpost .listpostLink:hover .listpostText, .listpost .listpostLink:focus .listpostText { background:none; } .listpost .listpostText h3 { line-height:1.2em; font-size:1.2em; color:var(--colour-dark); letter-spacing:0.4px; margin:0 auto 10px; } .listpost .listpostText h5 { margin:0 0 10px; } .listpost .catStrip, .listpost .dateStrip { color:var(--colour-mid); font-family:'Poppins', sans-serif; } .listpost a:hover .listpostText h3, .listpost a:focus .listpostText h3 { color:var(--colour-light); } .listpost a:hover img, .listpost a:focus img { opacity:0.5; } .listpost .excerptBlurb p { margin:0 0 20px; line-height:initial; } .tabList .listpost .listpostText .catStrip, .tabList .listpost .entryInfoStrip .authorBio { color:var(--colour-light); } .tabList .listpost { margin:0 auto 10px; } .listpost.staticBox { } .listpost.staticBox .listpostLug { background:#121212; } .listpost.staticBox .listpostLug img { max-width:inherit !important; } .listpost.staticBox .listpostText { padding:20px; height:auto; text-align:left; color:#121212; } .listpost.staticBox .listpostText .excerptBlurb { color:#121212; font-size:1em; } .listpost.staticBox .listpostText .excerptBlurb .smallText { font-weight:bold; } .listpost.staticBox .dateStrip { float:left; width:100%; text-align:left; } .blockList .listpost, .blockList .listpost .listpostLug, .blockList .listpost .listpostText { height:300px; } .blockList .listpost .listpostText { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#121212+0,000000+100&0+0,0.65+99 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 60%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 60%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12121200', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } .blockList .listpost a:hover .listpostText, .blockList .listpost a:focus .listpostText { background:rgba(0, 191, 179, 0.7); } .blockList { grid-template-columns:repeat(auto-fill, minmax(min(390px, 100%), 1fr)) !important; gap:40px; } .blockList .listpost .listpostText { top:0; align-content:center; border-radius:var(--rounded-corners-small); overflow:hidden; } .blockList .listpost .listpostText h3 { color:var(--colour-white); text-align:center; font-size:2.5em; text-shadow:0px 0px 10px black; } .blockList .listpost a:hover .listpostText h3, .blockList .listpost a:focus .listpostText h3 { color:var(--colour-white); } .pagination { color:#121212; } .pagination .inactive, .pagination a { background:var(--colour-mid); padding:5px 15px !important; border-radius:var(--rounded-corners-large); min-width:40px; width:auto; text-align:center; } .pagination span { border:0; border-radius:0; } .pagination .current { background:var(--colour-dark); color:var(--colour-white); padding:5px 15px !important; border-radius:var(--rounded-corners-large); border:none; min-width:40px; width:auto; text-align:center; font-weight:400; } .pagination .inactive:hover, .pagination a:hover, .pagination .inactive:focus, .pagination a:focus { background:var(--colour-light); color:var(--colour-dark); } .sideList .h4, .lugList .h4, .stackList .h4, .cardList .h4 { } .lugList .listpost.staticBox { margin:0 auto 10px !important; } .lugList .listpost.staticBox .listpostLug { height:80px !important; border-radius:20px; } .lugList .listpost.staticBox .listpostText { height:80px !important; } .lugList .listpost.staticBox .dateStrip { float:left; font-size:0.9em; line-height:1em; } .lugList .listpost .catStrip { font-size:0.7em; display:none; } .lugList .listpost .listpostText .h4 { font-size:1.2em !important; line-height:1.3em !important; } ul.directory { margin:0 auto 40px !important; } ul.directory li { margin:0 auto 20px !important; line-height:1.5em; list-style:none; padding:0 0 20px !important; border-bottom:2px dotted #cfcfcf; } ul.directory li b { color:var(--colour-light); font-size:1.3em; } .menuList .listpost.staticBox .listpostLug { width:100%; height:auto; } .menuList .listpost.staticBox .listpostLug img { position:static; width:100%; height:auto; min-height:0; display:block; } .menuList .listpost.staticBox .listpostText { width:100%; } .menuList .listpost.staticBox .listpostText .h4 { font-size:1.1em; min-height:44px; text-align:center; } .menuList .listpost .excerptBlurb { display:none; margin:10px 0; padding:10px 0; border-top:1px solid #cfcfcf; } .menuList .listpost .itemInfo { margin:10px 0; padding:10px 0; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; text-align:center; } .menuList .listpost.staticBox .listpostText .h5, .nutritionList .listpost.staticBox .listpostText .h5 { margin:0 auto; width:100%; font-size:0.9em; font-weight:normal; line-height:1.3em; } .menuList .listpost.staticBox .listpostLink:hover .listpostText, .menuList .listpost.staticBox .listpostLink:focus .listpostText { background:#ffffff; } .nutritionList .listpost .excerptBlurb { margin:0 auto 10px; } .nutritionList .listpost.staticBox .listpostLug { height:200px; } .staffList { margin:0 !important; display:grid; grid-template-columns:repeat(auto-fit, minmax(min(380px, 100%), 1fr)); gap:40px; align-items:start; } .staffList .listpost { margin:0; padding:0; border-bottom:0; font-size:1em; background:none; display:grid; gap:20px; grid-template-columns:1fr; align-items:start; width:100%; } .staffList .listpost:last-of-type { border:none; padding:0; margin:0; } .staffList .listpost:last-of-type .listpostText p:last-of-type { margin:0; } .staffList .listpost .listpostLug { width:100%; height:auto; max-width:300px; aspect-ratio:1/1; border-radius:100%; background:none; border:none; margin:auto; float:none; } .staffList .listpost .listpostLug img { position:absolute; display:block; width:auto; height:auto; min-height:100%; min-width:100%; left:-100%; right:-100%; top:-100%; bottom:-100%; margin:auto; max-height:120% !important; } .staffList .listpost .listpostText { padding:0; height:auto; width:100%; float:none; } .staffList .listpost .listpostText .h3, .staffList .listpost .listpostText .h5 { margin:0 auto 5px; } .staffList .listpost .listpostText .h5 { font-size:1.5em; } .staffList .listpost .listpostText .excerptBlurb { min-height:170px; } .staffList .listpost .listpostText .infoStrip { width:100%; } .staffList .listpost .listpostText .infoStrip .infoLabel { font-weight:400; } /*.staffList .listpost:hover .listpostText .h4 { color:var(--colour-light); }*/ .staffList .staffDirector { width:100% !important; float:left; margin:0 auto 20px; } .staffList .staffDirector .listpostLug { width:300px; float:left; } .staffList .staffDirector .listpostLug img { max-width:inherit !important; max-height:100% !important; height:100% !important; width:auto !important; min-height:max-content !important; } .staffList .staffDirector .listpostText { width:-webkit-calc(100% - 300px); width:-moz-calc(100% - 300px); width:calc(100% - 300px); float:left; padding:40px; } .staffList .staffDirector .listpostText .excerptBlurb { font-size:1em; } .testimonialList { display:grid; grid-template-columns:1fr 1fr; gap:40px 80px; margin:0 !important; } .testimonialList::before, .testimonialList::after { display:none; } .testimonialList .listpost { width:100%; margin:0 !important; background:none; } .testimonialList .listpost .listpostText { min-height:150px !important; padding:0; } .testimonialList .listpost .listpostText .h4 { color:var(--colour-dark); font-weight:400; } .testimonialList .listpost .listpostText .excerptBlurb { min-height:0 !important; text-align:right !important; } #sponsorStrip { padding:40px 0; background:#ffffff; position:relative; } /*#sponsorStrip::before { position:absolute; bottom:inherit; top:-29px; left:0; right:0; margin:auto; display:block; content:""; border-right:50vw solid transparent; border-left:50vw solid transparent; z-index:1; border-bottom:30px solid #fff; } #sponsorStrip::after { position:absolute; top:inherit; bottom:-29px; left:0; right:0; margin:auto; display:block; content:""; border-right:50vw solid transparent; border-left:50vw solid transparent; z-index:1; border-top:30px solid #fff; }*/ .programContainer .entry { padding:0; } #sponsorStrip h2 { width:100%; text-align:center; margin:0 auto; color:inherit; } #sponsorStrip #carouselSmall-sponsor { width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:calc(100% - 100px); margin:0 50px; } .sponsorsFeed .listpost { width:25%; background:#ffffff; } .sponsorsFeed .listpost .listpostLug { height:auto !important; width:100%; background:none; } .sponsorsFeed .listpost .listpostLug img { max-height:inherit; width:100%; height:auto; position:static; display:block; } .sponsorsFeed .listpost {} #partnersPane { border-top:5px solid var(--colour-grey); } #partnersPane h2 { text-align:center; } .sponsorsBox { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(250px, 500px), 1fr)); gap:40px; justify-items:center; } .sponsorsBox .listpost { width:100%; float:none; max-width:500px; } .sponsorsBox .listpost .listpostLug { height:auto; width:auto; float:none; display:block; aspect-ratio:16/9; } .sponsorsBox .listpost .listpostText { padding:20px; height:auto; } /*.iconList .listpost { width:-webkit-calc((100% - 60px) / 4); width:-moz-calc((100% - 60px) / 4); width:calc((100% - 60px) / 4); margin:0 20px 40px 0 !important; } .iconList .listpost:nth-of-type(4n) { margin:0 0 40px 0 !important; }*/ .iconList .listpost .listpostLug, .iconList .listpost .listpostText { width:100%; height:auto !important; min-height:120px; } .iconList .listpost .listpostLug img { position:static; display:block; width:100%; height:auto; opacity:0.5; } .iconList .listpost .listpostLug .icon { opacity:1; position:absolute; top:-100%; bottom:-100%; left:-100%; right:-100%; width:120px; height:120px; display:block; margin:auto; } .iconList .listpost .listpostLug .icon img { opacity:1; } .iconList .listpost:hover .listpostLug img, .iconList .listpost:focus .listpostLug img { opacity:1; } .iconList .listpost:hover .listpostLug .icon, .iconList .listpost:focus .listpostLug .icon { opacity:0.1; } .containerIntro p { max-width:100%; } .eventBlock { display:grid; grid-template-columns:1fr 1fr; grid-gap:40px; margin:40px 0; align-items:flex-start; border-top:5px solid #cfcfcf; padding:40px 0 0; } .eventBlock .infoItems { margin:0 !important; } .eventBlock .eventItem { max-width:100%; } .infoItems { list-style:none; max-width:100%; } .infoItems .infoItem { margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid var(--colour-mid); } .infoItems .infoItem .itemLabel { font-weight:400; } .infoItems .infoItem .itemData { float:right; } .eventPoster { width:100%; } .statsPane { position:relative; z-index:2; background:#ffffff !important; } .statsPane .infoPaneInner { padding:20px 0 40px; } /*.statsPane::before { position:absolute; top:-29px; bottom:inherit; left:0; right:0; margin:auto; display:none; content:""; border-right:100vw solid transparent !important; z-index:1; border-bottom:30px solid var(--colour-mid) !important; height:30px; opacity:1; }*/ /*.statsPane::after { position:absolute; top:inherit; bottom:-99px; left:0; right:0; margin:auto; width:100%; height:100px; display:block; content:""; border:none; background:url("images/edge-arrow_out-white.svg") no-repeat center top; background-size:102% auto; z-index:1; }*/ .statsBlock { display:grid; grid-gap:40px; grid-template-columns:1fr 1fr; } .statCol { float:left; display:block; text-align:center; } .statCol h2 { font-size:4em; } .locationsPane { position:relative; } .locationsPane::before { background:none; opacity:0.25; content:""; height:100%; width:100%; position:absolute; z-index:0; top:0; left:0; background-size:auto; } .locationsPane.locationsArchive::before { background:none; display:none; } .locationsPane .headlineInline { position:relative; width:120%; left:-10%; margin:auto; display:block; top:-15px; transform:rotate(1deg); z-index:4; padding:80px; } .locationsPane .headlineInline::before { position:absolute; top:0; bottom:0; left:0; right:0; height:100%; width:100%; display:none; content:""; background:none; margin:auto; background-size:cover; opacity:0.15; z-index:-1; } .locationsPane h2 { color:var(--colour-light); text-align:center; margin:60px 0 20px; } .locationsPane .headlineInline h2 { color:#ffffff; transform:rotate(-1deg); line-height:1.1em; } .locationsPane .listpost.staticBox { width:-webkit-calc((100% - 60px) / 4); width:-moz-calc((100% - 60px) / 4); width:calc((100% - 60px) / 4); margin:0 20px 20px 0; } .locationsPane .listpost.staticBox:nth-of-type(3n) { margin:0 20px 20px 0; } .locationsPane .listpost.staticBox:nth-of-type(4n) { margin:0 0 20px; } .locationsPane .listpost.staticBox .listpostText { height:auto !important; min-height:220px; } .questionsPane { position:relative; z-index:3; background:#ffffff !important; } /*.questionsPane::before { position:absolute; top:-29px; bottom:inherit; left:0; right:0; margin:auto; display:none; content:""; border-right:100vw solid transparent !important; z-index:1; border-bottom:30px solid #ffffff !important; height:30px; opacity:1; } .questionsPane::after { position:absolute; bottom:-29px; top:inherit; left:0; right:0; margin:auto; display:none; content:""; border-right:100vw solid transparent !important; z-index:1; border-top:30px solid #ffffff !important; height:30px; opacity:1; }*/ .externalPane { position:relative; z-index:2; background:var(--colour-mid) !important; } /*.externalPane::before { position:absolute; top:-29px; bottom:inherit; left:0; right:0; margin:auto; display:none; content:""; border-right:100vw solid transparent !important; z-index:1; border-bottom:30px solid var(--colour-mid) !important; height:30px; opacity:1; }*/ #quoteStrip { display:grid; height:65vh; grid-template-columns:1fr 1fr; min-height:600px; } #quoteStrip::before, #quoteStrip::after { display:none; } .quoteBlock { width:100%; height:100%; position:relative; display:grid; margin:auto; align-items:center; } .quoteIMG { background:#121212; position:absolute; overflow:hidden; z-index:0; height:100%; width:100%; max-width:inherit !important; top:0; bottom:0; left:0; right:0; } .quoteIMG img { position:absolute; min-width:100%; min-height:100%; width:auto; height:auto; left:-100%; right:-100%; top:-100%; bottom:-100%; margin:auto; opacity:0.3; } .quote { font-size:1em; line-height:1.4em; color:#ffffff; width:100%; margin:auto; font-style:italic; padding:60px; z-index:1; position:relative; } .quote p { position:relative; text-shadow:0 2px 10px rgba(0, 0, 0, 1); padding:40px; } .quote p::before { content:open-quote; position:absolute; top:-40px; left:-40px; font-size:10em; line-height:1em; height:70px; width:70px; opacity:0.3; z-index:-1; } .quote p::after { content:close-quote; position:absolute; bottom:0; right:0; font-size:10em; line-height:1em; height:70px; width:70px; opacity:0.3; z-index:-1; } .infoPaneQuote { min-height:0; position:relative; } .infoPaneQuote::after { content:""; width:100%; height:100px; bottom:0; left:0; right:0; top:inherit; position:absolute; } .infoPaneQuote ul, .infoPaneQuote li { margin:0 !important; padding:0 !important; display:flex; align-items:center; } .testimonialBlock { margin:0; } .testimonialBlock h1, .testimonialBlock h3 { color:#121212; } .testimonialBlock blockquote { padding:0; overflow:visible; width:100%; max-width:1000px; } .testimonialBlock blockquote::before { display:none; } .testimonialBlock #carouselTestimonial::before { font-size:40em; opacity:0.5; top:-50px; left:0; content:"\201C"; height:170px; width:160px; position:absolute; z-index:-1; line-height:1em; color:var(--colour-light); font-family:'Poppins', sans-serif; } .testimonialBlock #carouselTestimonial::after { font-size:40em; opacity:0.5; bottom:-50px; right:0; content:"\201C"; height:170px; width:160px; position:absolute; z-index:-1; line-height:1em; color:var(--colour-light); font-family:'Poppins', sans-serif; transform:rotate(180deg); } .testimonialBlock blockquote .testimonialQuote { font-size:0.65em; line-height:1.4em; font-weight:400; color:#121212; padding:0; position:relative; font-style:italic; font-family:'Poppins', sans-serif; } .testimonialBlock .jcarousel-control-prev, .testimonialBlock .jcarousel-control-next, .testimonialBlock .jcarousel-control-prev > span, .testimonialBlock .jcarousel-control-next > span { padding:0 !important; } .testimonialBlock .jcarousel-control-prev > span, .testimonialBlock .jcarousel-control-next > span { height:35px; width:50px; } .testimonialBlock .jcarousel-pagination { height:auto; padding:0; bottom:0 } /*.testimonialBlock .testimonialQuote::before, .testimonialBlock .testimonialQuote::after { font-size:2em; } .testimonialBlock .testimonialQuote::before { content:open-quote; position:absolute; top:0; left:-30px; } .testimonialBlock .testimonialQuote::after { content:close-quote; position:absolute; top:0; right:-20px; }*/ .testimonialBlock .credit { color:#787878; text-align:center; font-size:0.7em; line-height:1.2em; font-style:normal; font-weight:600; margin:10px auto 0; } #carouselTestimonial-wrapper { position:relative; height:auto; margin:0; display:grid; grid-template-columns:50px 1fr 50px; gap:40px; } #carouselTestimonial { width:100%; margin:0; padding:0 0 70px; } /* Bottom Pad to compensate for pagination controller */ #carouselTestimonial .colInner { padding:0; } .testimonialBlock #carouselTestimonial-wrapper > .jcarousel-control-prev, .testimonialBlock #carouselTestimonial-wrapper > .jcarousel-control-next { margin:0 !important; border:0 !important; color:#121212 !important; } .testimonialBlock #carouselTestimonial-wrapper > .jcarousel-control-prev:hover, .testimonialBlock #carouselTestimonial-wrapper > .jcarousel-control-next:hover { background:none !important; color:#febf10 !important; } #partnerPane { border-bottom:5px solid var(--colour-grey); } #partnerPane h2 { text-align:center; } #partnerPane .partnerGrid { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap:40px; } #partnerPane .partnerGrid .partner { width:100%; text-align:center; list-style:none; margin:0; } #partnerPane .partnerGrid .partner .partnerIMG { height:300px; width:100%; border-radius:var(--rounded-corners-small); overflow:hidden; } #partnerPane .partnerGrid .partner .partnerIMG img { width:100%; height:100%; object-fit:cover; object-position:center; } #partnerPane .partnerGrid .partner a:hover .partnerIMG img, #partnerPane .partnerGrid .partner a:focus .partnerIMG img { opacity:0.5; } #newsPane { background:var(--colour-grey-light); } .fileList { grid-template-columns:repeat(auto-fit, minmax(min(200px, 100%), 1fr)); display:grid; margin:0 auto !important; width:100%; color:var(--colour-white); gap:20px; } .fileList::before, .fileList::after { display:none; } .fileList .listpost { text-align:center; background:var(--colour-dark); width:100%; border-radius:5px; } .fileList .listpost .listpostLug::before { display:none !important; } .fileList .listpost .listpostText { height:auto; min-height:0; padding:10px 20px 20px; margin:0; } .fileList .listpost .filetype { opacity:1; position:static; left:-100%; right:-100%; top:-100%; bottom:-100%; margin:auto; display:block; transition:100ms all ease-in-out; z-index:1; color:var(--colour-white); padding:20px 20px 0; } .fileList .listpost .icon { font-size:5em; margin:auto; display:block; color:var(--colour-white); } .fileList .listpost h4 { text-align:center; color:var(--colour-white); margin:0 auto; } .fileList .listpost h4 .subHead { font-size:0.9em; clear:both; display:block; } .fileList .listpost:hover { background:var(--colour-light); } .fileList .listpost a:hover .filetype { opacity:1 !important; } .fileList .listpost a:hover .icon, .fileList .listpost a:hover .listpostText .h4, .fileList .listpost a:focus .listpostText .h4 { color:var(--colour-white); } .fileList .listpost .listpostLug { display:none; background:none; border:none; height:160px; } .archiveList.toolList { grid-template-columns:repeat(auto-fill, minmax(min(250px, 100%), 1fr)); } .archiveList.toolList .listpost { } .archiveList.toolList .listpost .listpostLug { background:var(--colour-dark); border:1px solid #dfdfdf; } .archiveList.toolList .listpost .listpostLug img { border:0; } .archiveList.toolList .listpost a:hover .listpostLug img { opacity:0.2; } .archiveList.toolList .listpost .listpostText p { padding:0; } .storyList { display:grid; gap:40px; } .storyList .listpost .listpostLink { display:grid; grid-template-columns:1fr 4fr; gap:40px; } .storyList .listpost:nth-of-type(2n) .listpostLink { direction:rtl; } .storyList .listpost:nth-of-type(2n) .listpostLink .listpostText { direction:ltr; } .storyList .listpost .listpostLug { height:auto; width:auto; aspect-ratio:1; border-radius:50%; } .storyList .listpost .listpostLug img { position:static; width:100%; height:100%; object-fit:cover; object-position:center top; } .storyList .listpost .listpostText { display:grid; align-items:center; width:100%; padding:0; position:relative; overflow:visible; } .storyList .listpost .listpostText .excerptBlurb { background:var(--colour-grey) !important; padding:80px; border-radius:30px; position:relative; } .storyList .listpost .listpostText::before { position:absolute; margin:auto; display:block; content:""; right:-50px; top:80px; width:0; height:0; border-style: solid; border-width:50px 30px 0 30px; border-color: var(--colour-grey) transparent transparent transparent; transform:rotate(-90deg); } .storyList .listpost:nth-of-type(2n+1) .listpostText::before { right:initial; top:80px; left:-50px; transform:rotate(90deg); } #donationLinks { background: var(--colour-grey-light); border-top: 5px solid var(--colour-grey) !important; } #donationLinks h2 { text-align:center; } #donationLinks .archiveFeed, #donationLinks .archiveFeed .mailer { margin:40px auto !important; } #donationLinks .archiveFeed h2, #donationLinks .archiveFeed h3 { text-align:center; } /* SITEMAP */ .postTypeSection { margin:20px 0; padding:20px 0; border-bottom:5px solid var(--colour-grey); } .postTypeSection:last-of-type { margin:0; border:0; padding:0; } ul.postTypeList { display:grid; grid-template-columns:repeat(auto-fill, minmax(min(300px, 100%), 1fr)); gap:0 40px; } ul.postTypeList li { margin:0 0 10px; line-height:1.4em; } /* --------------------------------------- */ /* NAVIGATION /* --------------------------------------- */ .navigateBtn { background:var(--colour-grey); width:100%; } .navigateInline .navigateBtn { width:100%; border-radius:0; overflow:hidden; } .navigateInline { background:var(--colour-white); display:grid; position:relative !important; z-index:5; border-top:0px solid #efefef; grid-template-columns:1fr 1fr; grid-gap:10px; padding:0; margin:0 0 80px; } .navigateInline::before, .navigateInline::after { display:none; } .navigateInline .navigatePrev { display:flex; grid-template-columns:1fr 3fr; align-items:center; align-content:center; text-align:left; /*clip-path: polygon(0 60.00px,60.00px 0,100% 0,100% 100%,60.00px 100%,0 calc(100% - 60.00px));*/ border-radius:var(--rounded-corners-small) 0 0 var(--rounded-corners-small); } .navigateInline .navigateNext { display:flex; grid-template-columns:3fr 1fr; align-items:center; align-content:center; text-align:right; /*clip-path: polygon(0 0,calc(100% - 60.00px) 0,100% 60.00px,100% calc(100% - 60.00px),calc(100% - 60.00px) 100%,0 100%);*/ border-radius:0 var(--rounded-corners-small) var(--rounded-corners-small) 0; } .navigateInline .navigateLugPad { position:static; } .navigateInline .navigateLug { height:120px; width:120px; aspect-ratio:1; align-items:center; align-content:center; } .navigateInline .navigateText { width:-webkit-calc(100% - 120px); width:-moz-calc(100% - 120px); width:calc(100% - 120px); height:auto; } .navigateInline .navigateLug .marker { aspect-ratio:1; height:40px; width:auto; padding:0; color:#ffffff; z-index:1; } .navigateInline .navigateInline .navigateText { height:auto; } .navigateText { font-size:0.8em; color:var(--colour-charcoal); } .navigateText h2 { color:var(--colour-charcoal); font-family: 'Poppins', sans-serif !important; text-transform:initial; font-size:1.2em !important; letter-spacing:0.8px; margin:0 auto 10px; } a:hover .navigateBtn, a:focus .navigateBtn { background:var(--colour-light); } a:hover .navigateBtn .navigateText, a:focus .navigateBtn .navigateText { color:var(--colour-dark); } a:hover .navigateBtn .navigateText h2, a:focus .navigateBtn .navigateText h2 { color:var(--colour-dark); } /* --------------------------------------- */ /* FOOTER /* --------------------------------------- */ .highlightStrip { padding:0; position:relative; z-index:1; margin:0 auto; width:100%; background:none; background-size:cover; height:auto; display:grid; grid-template-columns:repeat(auto-fit, minmax(min(600px, 100%), 1fr)); gap:40px; border:none; border-top:5px solid var(--colour-grey); } .highlightStrip h2 { width:100%; text-align:left; float:right; margin:0 0 10px; } .highlightStrip p { width:100%; text-align:left; float:right; font-weight:normal; } .highlightStrip button, .highlightStrip .btn { float:none; width:fit-content; clear:none !important; margin:auto; border-radius:0; } .highlightStrip button:hover, .highlightStrip .btn:hover, .highlightStrip button:focus, .highlightStrip .btn:focus { } .highlightStrip .download { width:300px; float:left; } .highlightStrip .download .cover { width:100%; float:left; height:auto; display:block; margin:0 auto 20px; } .highlightStrip .download .cover img { width:100%; height:auto; aspect-ratio:8.5/11; display:block; } .highlightStrip .download a { width:fit-content; display:block; overflow:hidden; margin:auto; } .highlightStrip .download .btn { width:fit-content; display:block; overflow:hidden; } /*.highlightStrip .download:hover .cover img, .highlightStrip .download:focus .cover img { opacity:0.5; } .highlightStrip .download:hover .btn, .highlightStrip .download:focus .btn { background:var(--colour-light); color:var(--colour-dark); }*/ .downloadStrip, .customTrips { padding:80px 0; width:100%; max-width:inherit; margin:0; border-radius:0; overflow:hidden; position:relative; display:grid; align-items:center; justify-items:center; background:var(--colour-black); color:var(--colour-white); } .downloadStrip .backing { background:url("images/background-purple-texture.jpg"); background-size:cover; background-position:center; -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); opacity:1; position: absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:100%; height:100%; } /*.downloadStrip .backing { position:absolute; top:0; bottom:0; left:0; right:0; height:100%; width:100%; z-index:1; margin:auto; content:""; display:block; overflow:hidden; opacity:1; } .downloadStrip .backing img { height:100%; width:100%; z-index:1; object-fit:cover; object-position:center bottom; opacity:0.6; border-radius:0; }*/ .downloadStrip .container { position:relative; z-index:2; } .downloadStrip::before { display:none; background:url(images/backing-leaf-wide-white.svg) no-repeat center top; opacity:0.3; content:""; height:300px; width:100%; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:inherit; background-size:110% auto; transform:rotate(180deg); } .downloadStrip::after { display:none; position:absolute; top:inherit; bottom:0; left:0; right:0; margin:auto; width:100%; height:300px; content:""; border:none; background:url(images/backing-leaf-wide-white.svg) no-repeat center top; background-size:110% auto; z-index:-1; opacity:0.3; } .downloadStrip h2, .downloadStrip h3 { margin:40px auto 100px; float:none; text-align:center; width:100%; color:var(--colour-white); } .downloadStrip h2 { font-size:3.5em; color:var(--colour-white); position:relative; } .downloadStrip h2::before { content:""; background:url("images/indus-squiggle.svg") no-repeat; object-fit:contain; object-position:center; width:400px; height:40px; margin:auto; display:block; bottom:-50px; position:absolute; left:-100%; right:-100%; top:inherit; } .downloadStrip p { font-weight:400; font-size:1.2em; line-height:1.5em; color:var(--colour-white); float:none; text-align:center; } .downloadStrip button { float:none; margin:auto; } .downloadStrip a:link, .downloadStrip a:visited { color:var(--colour-light); } .downloadStrip a:hover, .downloadStrip a:focus { color:var(--colour-mid); } .downloadStrip .download { float:none; margin:auto; width:fit-content; display:block; } /*.customTrips .btn, .downloadStrip .download .btn { background:var(--colour-dark); color:var(--colour-white) !important; border:1px solid var(--colour-dark); } .customTrips a:hover .btn, .customTrips a:focus .btn, .downloadStrip .download:hover .btn, .downloadStrip .download:focus .btn { background:var(--colour-midB); color:var(--colour-white) !important; border:1px solid var(--colour-midB); }*/ .customTrips { border-top:5px solid var(--colour-grey); border-bottom:0; overflow:hidden; } .customTrips::before { display:none; content:""; position:absolute; top:inherit; bottom:-200px; left:-100px; right:inherit; width:110%; height:300px; transform:rotate(3deg); z-index:1; background:var(--colour-mid); opacity:0.7; } .customTrips::after { display:none; content:""; position:absolute; top:inherit; bottom:-210px; left:inherit; right:-380px; width:110%; height:300px; transform:rotate(-7deg); z-index:1; background:var(--colour-light); opacity:0.6; } .customTrips .container { position:relative; z-index:3; } .customTrips .backing { position:absolute; top:0; bottom:0; left:0; right:0; height:100%; width:100%; z-index:0; margin:auto; content:""; display:block; overflow:hidden; opacity:1; } .customTrips .backing img { height:100%; width:100%; z-index:1; object-fit:cover; object-position:center left; opacity:0.7; } .customTrips h2, .customTrips p { } .customTrips .btn { clear:both !important; } .ctaStrip { width:100%; display:block; float:left; height:auto; background:var(--colour-light); padding:20px 0; border-bottom:10px solid #ffffff; } .ctaStrip .material-icons { font-size:48px; margin:0 auto; line-height:0; } .ctaStrip h3 { margin:0; line-height:1.6em; width:100%; text-align:center; padding:0 40px 0 0; font-family:'Poppins', sans-serif; font-size:1.7em; font-weight:400; } .ctaStrip .col2 { text-align:left; } .ctaBlock { display:table; } .ctaBlock::before { content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; margin:auto; z-index:0; opacity:0.1; transition:200ms all ease-in-out; } .ctaBlock a { display:table-cell; height:100%; width:100%; vertical-align:middle; text-align:center; background:none; padding:20px; z-index:1; position:relative; } .ctaBlock:hover::before, .ctaBlock:focus::before { opacity:0.5; } .ctaBlock a h2, .ctaBlock a h5 { color:#ffffff; margin:0 auto 10px !important; } .ctaBlock a h5 { font-style:normal; } .appBlock { width:100%; display:block; float:left; height:auto; background:var(--colour-light); } .appBlock .appLug { width:180px; height:auto; display:block; margin:40px auto; } .appBlockMain { margin:20px auto 10px; padding:80px 0; } .appBlockMain h3 { color:#ffffff; font-size:3.5em; } .appBlockMain .col2:first-of-type { padding:0 40px 0 0; text-align:right; } .appBlockMain .col2:last-of-type { padding:0 0 0 40px; text-align:left; } .appBlockMain .appLug { margin:0; display:inline-block; } .socialBlock, .socialBlock .headlineInline { background:var(--colour-light); width:100%; float:left; clear:both; } .socialBlock #sb_instagram { padding:0 !important; background:#121212; } .socialBlock #sb_instagram #sbi_load { padding:0 !important; } .socialBlock #sb_instagram #sbi_images .sbi_item:hover img, #sb_instagram .sbi_photo:hover, .socialBlock #sb_instagram #sbi_images .sbi_item:focus img, #sb_instagram .sbi_photo:focus { opacity:0.5 !important; } .socialBlock #sb_instagram .sbi_header_text { padding:0 !important; } .socialBlock #sb_instagram .sb_instagram_header { padding:10px !important; margin:0 !important; } .socialBlock #sb_instagram .sb_instagram_header p { font-weight:normal; } #footer { height:auto; background:var(--colour-dark); border:none; z-index:0; clear:both; position:relative; border-top:5px solid var(--colour-grey); border-radius:var(--rounded-corners-footer); width:100%; margin:auto; position:relative; } #footer .backing { background:url("images/background-purple-texture.jpg"); background-position:center; background-size:cover; position:absolute; top:0; bottom:0; left:0; right:0; object-fit:cover; object-position:center; width:100%; height:100%; margin:auto; opacity:0.6; } #footer .footerDivider { display:none; position: absolute; top:-29px; left:0; width:100%; overflow: hidden; line-height: 0; transform: rotate(180deg); } #footer .footerDivider svg { position: relative; display: block; width: calc(100% + 1.3px); height: 30px; } #footer .footerDivider .shape-fill { fill:var(--colour-light); } #footer::after { display:none; } #footer p { margin:0 auto 10px; } #footer #footerInner { position:relative; display:block; clear:both; z-index:1; border-top:0; } #footer #footerInner::before { background:none; background-size:cover; content:""; height:100%; width:100%; position:absolute; top:0; left:0; opacity:0.15; z-index:-1; } #footer .footerUpper { padding:100px 0 40px; min-height:0; } #footer .footerUpper::after { top:inherit; left:0; right:0; bottom:0; height:100%; width:100%; position:absolute; z-index:0; margin:auto; display:none; opacity:1; content:""; background:rgb(18,198,197); background: linear-gradient(0deg, rgba(30, 27, 23, 1) 0%, rgba(0, 138, 148, 0.8) 69%, rgba(18, 198, 197, 1) 100%); } #footer .footerUpper .footerGrid { display:grid; grid-template-columns:400px 1fr; gap:160px; } #footer #footerLead { display:block; float:left; width:100%; } #footer #footerLead .footerDetails { color:var(--colour-white); font-weight:400; display:block; font-size:1em; font-family:'Poppins', sans-serif; } #footer #footerLead .footerDetails h5 { margin:10px auto 0; } #footer #footerLead .footerDetails a:link, #footer #footerLead .footerDetails a:visited { color:var(--colour-white); } #footer #footerLead .footerDetails a:hover, #footer #footerLead .footerDetails a:focus { color:var(--colour-light); } #footer #footerLogo, #footer .socialBox { text-align:center; max-width:100%; margin:0 auto 10px; display:block; height:auto; clear:both; } #footer .socialBox { margin:40px 0; height:auto; } #footer #footerLogo { height:auto !important; width:100% !important; max-width:400px; margin:auto; } #footer #footerLogo > a img { } #footer #oofterLogo > a:hover img,#footer #footerLogo > a:focus img { opacity:0.5; } #footer #footerPad { float:left; } #footer .desc { width:100%; display:block; float:left; text-align:left; font-size:1em; line-height:1.5em; font-family:'Poppins', sans-serif; font-weight:400; } #footer .desc a { color:#ffffff; } #footer .desc a:hover, #footer .desc a:focus { color:#121212; } #footer .socialBox a { float:none; display:inline-block; margin:0; } #footer .socialBox .btn-social { background:var(--colour-black); background-size:30px !important; border-radius:50%; border:none; height:40px; width:40px; } #footer .socialBox a:hover .btn-social, #footer .socialBox a:focus .btn-social { background:var(--colour-light) } #footer #footerLinks { width:100%; margin:0; padding:0; display:grid; gap:20px; grid-template-columns:repeat(auto-fit, minmax(min(100px, 100%), 1fr)); } #footer #footerLinks ul { font-size:1em; display:grid; gap:0; grid-template-columns:1fr; width:100%; } #footer #footerLinks .column { padding:0; width:100%; } #footer #footerLinks .header { margin:0 auto 10px; color:var(--colour-light); padding:0; border:0; font-weight:400; border-bottom:none; font-size:1.4em; } #footer #footerLinks .column .menu-item { width:100%; margin:0 auto; line-height:1.2em; } #footer .menu li a { width:100%; font-weight:400; color:#ffffff; font-size:1em; font-style:normal; text-transform:none; font-family:'Poppins', sans-serif; line-height:1.7em; } #footer .menu li a:hover, #footer .menu li a:focus { color:var(--colour-light); } #footer #footerInfo { margin:65px 0 0; color:#ffffff; text-align:right; font-size:0.8em; font-family:'Poppins', sans-serif; text-transform:lowercase; } #footer #footerInfo .line3 { clear:both; display:block; } #footerInfo a:link, #footerInfo a:visited { color:var(--colour-white); font-weight:700; } #footerInfo a:hover, #footerInfo a:active, #footerInfo a:focus { color:var(--colour-light); } #footer.footerMicro .footerUpper { padding:80px 0; } #footer.footerMicro #footerLead { width:100%; display:grid; grid-template-columns:1fr; grid-gap:10px; align-items:self-start; } #footer.footerMicro #footerLogo { width:100% !important; clear:initial !important; margin:0 !important; } #footer.footerMicro .socialBox { width:100% !important; clear:initial !important; margin:0 !important; } #footer.footerMicro #footerLinks { width:100%; display:grid; grid-gap:20px; margin:0; padding:0; } #footer.footerMicro #footerLinks ul { display:flex; justify-content:space-between; gap:20px; float:left; padding-left:0; width:100%; } #footer.footerMicro #footerLinks .menu li { position:relative; } #footer.footerMicro #footerLinks .menu li a { width:auto; } #footer.footerMicro #footerInfo { margin:0; } #footer .socialBox .btn-rss { background-image:url("images/social/lug-rss-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox .btn-apple { background-image:url("images/social/lug-apple-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox .btn-bandcamp { background-image:url("images/social/lug-bandcamp-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox .btn-behance { background-image:url("images/social/lug-behance-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox .btn-discord { background-image:url("images/social/lug-discord-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox .btn-dribbble { background-image:url("images/social/lug-dribbble-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox .btn-facebook { background-image:url("images/social/lug-facebook-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox .btn-github { background-image:url("images/social/lug-github-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox .btn-imdb { background-image:url("images/social/lug-imdb-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox .btn-instagram { background-image:url("images/social/lug-instagram-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox .btn-linkedin { background-image:url("images/social/lug-linkedin-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox .btn-pinterest { background-image:url("images/social/lug-pinterest-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox .btn-reddit { background-image:url("images/social/lug-reddit-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox .btn-snapchat { background-image:url("images/social/lug-snapchat-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox .btn-spotify { background-image:url("images/social/lug-spotify-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox .btn-threads { background-image:url("images/social/lug-threads-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox .btn-tiktok { background-image:url("images/social/lug-tiktok-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox .btn-twitch { background-image:url("images/social/lug-twitch-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox .btn-twitter { background-image:url("images/social/lug-twitterx-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox .btn-vimeo { background-image:url("images/social/lug-vimeo-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox .btn-vsco { background-image:url("images/social/lug-vsco-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox .btn-youtube { background-image:url("images/social/lug-youtube-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:hover .btn-rss { background-color:var(--colour-light); background-image:url("images/social/lug-rss-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:hover .btn-apple { background-color:var(--colour-light); background-image:url("images/social/lug-apple-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:hover .btn-bandcamp { background-color:var(--colour-light); background-image:url("images/social/lug-bandcamp-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:hover .btn-behance { background-color:var(--colour-light); background-image:url("images/social/lug-behance-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:hover .btn-discord { background-color:var(--colour-light); background-image:url("images/social/lug-discord-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:hover .btn-dribbble { background-color:var(--colour-light); background-image:url("images/social/lug-dribbble-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:hover .btn-facebook { background-color:var(--colour-light); background-image:url("images/social/lug-facebook-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:hover .btn-github { background-color:var(--colour-light); background-image:url("images/social/lug-github-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:hover .btn-imdb { background-color:var(--colour-light); background-image:url("images/social/lug-imdb-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:hover .btn-instagram { background-color:var(--colour-light); background-image:url("images/social/lug-instagram-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:hover .btn-linkedin { background-color:var(--colour-light); background-image:url("images/social/lug-linkedin-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:hover .btn-pinterest { background-color:var(--colour-light); background-image:url("images/social/lug-pinterest-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:hover .btn-reddit { background-color:var(--colour-light); background-image:url("images/social/lug-reddit-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:hover .btn-snapchat { background-color:var(--colour-light); background-image:url("images/social/lug-snapchat-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:hover .btn-spotify { background-color:var(--colour-light); background-image:url("images/social/lug-spotify-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:hover .btn-threads { background-color:var(--colour-light); background-image:url("images/social/lug-threads-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:hover .btn-tiktok { background-color:var(--colour-light); background-image:url("images/social/lug-tiktok-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:hover .btn-twitch { background-color:var(--colour-light); background-image:url("images/social/lug-twitch-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:hover .btn-twitter { background-color:var(--colour-light); background-image:url("images/social/lug-twitterx-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:hover .btn-vimeo { background-color:var(--colour-light); background-image:url("images/social/lug-vimeo-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:hover .btn-vsco { background-color:var(--colour-light); background-image:url("images/social/lug-vsco-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:hover .btn-youtube { background-color:var(--colour-light); background-image:url("images/social/lug-youtube-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:focus .btn-rss { background-color:var(--colour-light); background-image:url("images/social/lug-rss-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:focus .btn-apple { background-color:var(--colour-light); background-image:url("images/social/lug-apple-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:focus .btn-bandcamp { background-color:var(--colour-light); background-image:url("images/social/lug-bandcamp-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:focus .btn-behance { background-color:var(--colour-light); background-image:url("images/social/lug-behance-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:focus .btn-discord { background-color:var(--colour-light); background-image:url("images/social/lug-discord-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:focus .btn-dribbble { background-color:var(--colour-light); background-image:url("images/social/lug-dribbble-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:focus .btn-facebook { background-color:var(--colour-light); background-image:url("images/social/lug-facebook-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:focus .btn-github { background-color:var(--colour-light); background-image:url("images/social/lug-github-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:focus .btn-imdb { background-color:var(--colour-light); background-image:url("images/social/lug-imdb-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:focus .btn-instagram { background-color:var(--colour-light); background-image:url("images/social/lug-instagram-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:focus .btn-linkedin { background-color:var(--colour-light); background-image:url("images/social/lug-linkedin-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:focus .btn-pinterest { background-color:var(--colour-light); background-image:url("images/social/lug-pinterest-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:focus .btn-reddit { background-color:var(--colour-light); background-image:url("images/social/lug-reddit-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:focus .btn-snapchat { background-color:var(--colour-light); background-image:url("images/social/lug-snapchat-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:focus .btn-spotify { background-color:var(--colour-light); background-image:url("images/social/lug-spotify-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:focus .btn-threads { background-color:var(--colour-light); background-image:url("images/social/lug-threads-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:focus .btn-tiktok { background-color:var(--colour-light); background-image:url("images/social/lug-tiktok-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:focus .btn-twitch { background-color:var(--colour-light); background-image:url("images/social/lug-twitch-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:focus .btn-twitter { background-color:var(--colour-light); background-image:url("images/social/lug-twitterx-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:focus .btn-vimeo { background-color:var(--colour-light); background-image:url("images/social/lug-vimeo-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:focus .btn-vsco { background-color:var(--colour-light); background-image:url("images/social/lug-vsco-white.svg"); background-repeat:no-repeat; background-position:center; } #footer .socialBox a:focus .btn-youtube { background-color:var(--colour-light); background-image:url("images/social/lug-youtube-white.svg"); background-repeat:no-repeat; background-position:center; } #fixedStrip { height:82px; padding:20px; position:fixed; bottom:0; left:0; right:0; top:initial; background:var(--colour-charcoal); z-index:5; display:none; } #fixedStrip .menu-call-to-action-container { position:relative; } #fixedStrip.c2aTriggers .menu-call-to-action-nav-container { width:100%; height:42px; display:block; } #fixedStrip.c2aTriggers .menu { width:100%; display:flex; position:static; top:0; bottom:0; justify-content:center; } #fixedStrip.c2aTriggers .menu li { display:flex; width:100%; flex:1 1 40%; text-align:center; height:auto; padding:0; list-style:none; justify-content:center; } #fixedStrip.c2aTriggers .menu li > a { background:var(--colour-grey-dark); border-radius:0; height:40px !important; line-height:1.7em !important; color:var(--colour-dark); font-weight:600; padding:10px 20px; width:fit-content; display:block; padding:5px 20px; font-size:1em; font-family:'Poppins', sans-serif; } #fixedStrip.c2aTriggers .menu li > a:hover, #fixedStrip.c2aTriggers .menu li > a:focus { background:var(--colour-light) !important; color:var(--colour-charcoal) !important; } #fixedStrip.c2aTriggers .menu li a:hover::before, #fixedStrip.c2aTriggers .menu li a:focus::before { display:none !important; } /* --------------------------------------- */ /* CUSTOM ADD-INS /* --------------------------------------- */ /* Contact Form */ .wpcf7 { margin:40px 0; padding:40px 0; border-top:none; font-weight:400; } .wpcf7-text, .wpcf7-textarea { background:var(--colour-grey); border:none; width:100% !important; color:var(--colour-black); font:1em/1.2em 'Poppins','Poppins', sans-serif !important; letter-spacing:0.4px; border-radius:0; } .wpcf7-submit { padding:10px 40px; margin:20px auto 0; cursor:pointer; border-radius:30px !important; min-width:0; width:fit-content; border:none; background:var(--colour-light); color:var(--colour-white) !important; font-family:'Poppins', sans-serif; font-weight:400; text-align:center; text-transform:initial; font-size:1em; line-height:1.7em; -webkit-transition:all ease-in-out .2s; -moz-transition:all ease-in-out .2s; transition:all ease-in-out .2s; -webkit-appearance:none; font-style:normal; /*filter:drop-shadow(10px 10px 0px rgba(0,0,0,0.2));*/ } .wpcf7-submit:hover, .wpcf7-submit:focus { background:var(--colour-mid); color:var(--colour-light) !important; padding:10px 40px; } select.wpcf7-select { padding:10px; border:0; border-radius:0; background:var(--colour-grey); max-width:100%; width:100%; font:1em/1.5em 'Poppins','Poppins', sans-serif; letter-spacing:0.4px; margin:0 auto 10px; } .wpcf7:last-child { margin:40px 0 0; padding:40px 0 0; } .wpcf7-not-valid-tip { font:1.1em/1.5em 'Poppins','Poppins', sans-serif; letter-spacing:0.4px; font-weight:400 !important; } .wpcf7-form-control-wrap input { width:100%; } .wpcf7 small { font-size:0.8em; line-height:1em; } .planningForm .wpcf7 form { display:grid; grid-template-columns:1fr 1fr; gap:20px; } .planningForm .wpcf7 form .wpcf7-text, .planningForm .wpcf7 form .wpcf7-textarea, .planningForm .wpcf7 form select.wpcf7-select { margin:0; width:100%; } /* Gravity Forms */ .sectionForm select, .sectionForm textarea, .sectionForm input:not([type="submit"]) { border:none !important; border-radius:5px !important; background:var(--colour-grey) !important; width:100% !important; font-size:1em; min-height:48px; margin:0 0 20px; font-weight:400; } .sectionForm select option { font-weight:400; } .sectionForm input[type="radio"], .sectionForm input[type="checkbox"] { width:auto !important; height:auto !important; } .sectionForm input.gform-datepicker { width:calc(100% - 30px) !important; margin:0 10px 0 0 !important; } .sectionForm .gform_body .line-break { grid-column: 1 / -1; } .sectionForm .gform_body ul, .sectionForm .gform_body ol { margin:0; } .sectionForm .gform_body li { list-style:none; margin:0; width:100%; } .sectionForm .gform_fields { display:grid; gap:20px; grid-template-columns:repeat(auto-fit, minmax(min(500px, 100%), 1fr)); } .sectionForm .gray-label { font-size:1.6em; font-weight:400; } .sectionForm .gform_body li.gfield:has(.gray-label) { grid-column: 1 / -1; } .sectionForm .gform_body .validation_message, .sectionForm .gform_submission_error { color:var(--colour-error_red) !important; font-size:0.9em; font-weight:400; letter-spacing:0.2px; padding:10px; border:2px solid var(--colour-error_red) !important; } .sectionForm .gform_heading { display:none; } .sectionForm .gfield_description { font-size:0.8em; line-height:1.1em; margin:0 auto 20px; } .gform_wrapper .gform_button { background:var(--colour-mid); color:#ffffff !important; font-weight:400; font-style:normal; font-family:'Poppins', sans-serif; font-size:1em; text-transform:initial; width:fit-content; max-width:400px; margin:0 auto; border-radius:0 !important; clear:both; padding:15px 30px; display:inline-block; /*filter:drop-shadow(10px 10px 0px rgba(0,0,0,0.2));*/ border:none; transition:all 1s cubic-bezier(.07,.95,0,1); cursor:pointer; } .gform_wrapper .gform_button:hover, .gform_wrapper .gform_button:focus { background:var(--colour-light); color:var(--colour-dark) !important; padding:15px 40px; } .gform_wrapper .gform_validation_container { display:none; } .gform_wrapper .gfield_radio { margin:0 0 5px; } .gform_wrapper .gform_footer { padding:20px 0 0; text-align:center; } .ui-datepicker { background:var(--colour-white); border:1px solid var(--colour-grey); padding:10px; border-radius:0; box-shadow:1px 1px 3px rgba(0,0,0,0.3); position:absolute; } .ui-datepicker-header { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(70px, 100%), 1fr)); } .ui-datepicker-header a { font-weight:400; cursor:pointer; width:100%; } .ui-datepicker-header a:first-of-type { text-align:left; } .ui-datepicker-header a:last-of-type { text-align:right; } .ui-datepicker-header div { width:100%; grid-column:auto / span 2; display:grid; gap:10px; grid-template-columns:1fr 1fr; } .ui-datepicker-header select { width:100% !important; } .ui-datepicker-calendar { font-size:0.9em; width:100%; } .ui-datepicker-calendar tr th { font-weight:400; } .ui-datepicker-calendar tr th, .ui-datepicker-calendar tr td { text-align:center; } /* reCaptcha */ .grecaptcha-badge { visibility:hidden; opacity:0; } /* MailChimp */ #mc_embed_signup { margin:0 auto 20px; } #mc_embed_signup input[type="text"], #mc_embed_signup input[type="email"] { background:#000000; width:-webkit-calc(100% - 200px); width:-moz-calc(100% - 200px); width:calc(100% - 200px); float:right; display:block; } #mc_embed_signup .mc-field-group { width:100%; display:block; float:left; } #mc_embed_signup .mc-field-group label { width:200px; float:left; display:block; height:36px; margin:0 auto 20px; } #mc_embed_signup .mc-field-group .phonefield { width:-webkit-calc(100% - 200px); width:-moz-calc(100% - 200px); width:calc(100% - 200px); float:right; display:block; } #mc_embed_signup .phonefield input { } #mc_embed_signup .mc-field-group .phonefield .phonearea input, #mc_embed_signup .mc-field-group .phonefield .phonedetail1 input { width:45px !important; float:none; display:inline-block; } #mc_embed_signup .mc-field-group .phonefield .phonedetail2 input { width:55px; float:none; display:inline-block; margin:0; } #mc_embed_signup .mc-field-group .phonefield .phonearea, #mc_embed_signup .mc-field-group .phonefield .phonedetail1 #mc_embed_signup .mc-field-group .phonefield .phonedetail2 { width:auto; float:none; display:inline-block; } #mc_embed_signup .indicates-required { width:100%; font-size:0.7em; text-align:right; } #mc_embed_signup form .btn { float:right; width:100%; max-width:200px; } .ctaStrip #mc_embed_signup .signUp { max-width:100%; display:block; margin:10px auto 0; width:100%; text-align:center; } .ctaStrip #mc_embed_signup .signUp label, .ctaStrip .signUp .indicates-required { font-size:0.7em; text-align:left; position:absolute; top:20px; } .ctaStrip #mc_embed_signup input[type=text], .ctaStrip #mc_embed_signup input[type=email] { margin:0 20px 0 0; background:#ffffff; border:0; max-width:inherit; height:auto; padding:15px 20px; display:block; float:left; width:-webkit-calc((100% - 157px) / 3); width:-moz-calc((100% - 157px) / 3); width:calc((100% - 157px) / 3); } .ctaStrip #mc_embed_signup .ctaEmail input { margin:0; } .ctaStrip #mc_embed_signup .btn, #mc_embed_signup .ctaBlock button { background:var(--colour-light); display:block; border-radius:0 5px 5px 0 !important; clear:inherit; float:left; width:117px; margin:0; padding:12.5px 20px; } .ctaStrip #mc_embed_signup .btn:hover, .ctaBlock #mc_embed_signup button:hover, .ctaStrip #mc_embed_signup .btn:focus, .ctaBlock #mc_embed_signup button:focus { background:var(--colour-light); } .ctaStrip #mc_embed_signup .mc-field-group { float:none; } .ctaStrip #mc_embed_signup .indicates-required { text-align:left; width:auto; } /* Viewbox System */ .viewBoxContainer { display:block; width:100%; position:relative; margin:0 0 40px; } .viewBoxContainer:last-child { } .viewBoxContainer .viewBoxBlock { width:100%; height:auto; position:relative; } .viewBoxContainer .viewBoxBlock:last-of-type { } .viewBoxContainer .viewBoxBlock .viewBoxTitle { height:auto; width:100%; padding:10px 0; cursor:pointer; display:grid; grid-template-columns:1fr 60px; border-bottom:2px solid var(--colour-grey); } .viewBoxContainer .viewBoxBlock .viewBoxTitle .viewBoxExpander { height:60px; width:60px; position:absolute; top:0; right:0; color:var(--colour-light); cursor:pointer; } .viewBoxContainer .viewBoxBlock .viewBoxTitle a { display:block; float:left; width:100%; } .viewBoxContainer .viewBoxBlock .viewBoxTitle .viewBoxLug { position:relative; width:120px; float:left; display:block; height:80px; overflow:hidden; margin:0 40px 0 0; -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); } .viewBoxContainer .viewBoxBlock .viewBoxTitle .viewBoxLug .viewBoxLugPad { position:relative; height:100%; width:100%; } .viewBoxContainer .viewBoxBlock .viewBoxTitle .viewBoxLug img { width:100%; height:auto; min-height:100%; position:absolute; top:-100%; bottom:-100%; left:-100%; right:-100%; margin:auto; max-width:160%; } .viewBoxContainer .viewBoxBlock .viewBoxTitle .h5 { margin:0; width:calc(100% - 28px); text-indent:-28px; margin-left:28px; text-transform:none; color:var(--colour-charcoal); font-weight:600; float:left; padding:5px 0; line-height:1.6em; } .viewBoxContainer.viewBoxMenu .viewBoxBlock .viewBoxTitle .h5 { width:calc(100% - 28px); } .viewBoxContainer .viewBoxBlock .viewBoxTitle:hover .h5, .viewBoxContainer .viewBoxBlock .viewBoxTitle:focus .h5 { color:var(--colour-light); } .viewBoxContainer .viewBoxBlock .viewBoxTitle h3 { margin:0; } .viewBoxContainer .viewBoxBlock .viewBox { padding:0 80px 40px; overflow:hidden; display:none; border-bottom:2px solid var(--colour-grey); } .viewBoxContainer .viewBoxBlock .viewBox p { padding:20px 0 0; } .viewBoxContainer .viewBoxBlock .indicator .icon { -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); width:60px; height:60px; color:var(--colour-charcoal); position:absolute; top:-100%; bottom:-100%; left:-100%; right:-100%; margin:auto; line-height:55px; font-size:2.2em; text-align:center; } .viewBoxContainer .viewBoxBlock .indicator .icon::before { content:"\203A"; font-family:initial !important; } .viewBoxContainer .viewBoxBlock.down .viewBox { /*display:block;*/ height:auto; } .viewBoxContainer .viewBoxBlock.down .viewBoxTitle .viewBoxLug { width:0; height:0; } .viewBoxContainer .viewBoxBlock.down .viewBoxTitle .h5, .viewBoxContainer .viewBoxBlock.down .indicator .icon { color:var(--colour-dark); } .viewBoxContainer .viewBoxBlock.down .viewBoxTitle .h5 { padding:5px 0; } .viewBoxContainer .viewBoxBlock .up .icon { transform:rotate(0deg); } .viewBoxContainer .viewBoxBlock .down .icon { transform:rotate(90deg); } .viewBoxContainer .viewBoxBlock a.indicator:hover .icon, .viewBoxContainer .viewBoxBlock a.indicator:focus .icon { color:var(--colour-light) !important; } .viewBoxContainer .viewBoxBlock a:hover .viewBoxTitle .h5, .viewBoxContainer .viewBoxBlock a:focus .viewBoxTitle .h5 { color:var(--colour-light); } .viewBoxContainer .viewBoxBlock a:hover .viewBoxTitle .indicator .icon, .viewBoxContainer .viewBoxBlock a:focus .viewBoxTitle .indicator .icon { color:var(--colour-light); } .viewBoxContainer img { max-width:100%; } .viewBoxContainer img.size-full { width:100%; } .viewBoxContainer.viewBoxMenu .viewBoxBlock .viewBox { padding:0; } .viewBoxContainer.programStatsContainer .viewBoxBlock .viewBoxTitle .h5 { margin:0; text-indent:0; } .accordion, .entryFAQ .sectionFAQ { padding:40px 0; margin:0; border-top:5px solid var(--colour-grey); } .servicesFAQ .sectionFAQ { border:0; } .accordion, .entryFAQ .sectionFAQ:last-of-type { padding:40px 0 0; } .entryFAQ .sectionFAQ .viewBoxContainer { margin:0 auto 80px; } .entryFAQ .sectionFAQ .viewBoxContainer:last-of-type { margin:0; } /* Scheduler */ .viewBoxScheduler { margin:0 auto 40px; } .viewBoxScheduler:last-of-type { margin:0 auto 40px; } .viewBoxScheduler .col1 { border-bottom:1px solid var(--colour-mid); float:left; } .viewBoxScheduler .viewBoxBlock .viewBox { padding:0 !important; } .viewBoxScheduler .colTime, .viewBoxScheduler .colItem, .viewBoxScheduler .colDesc { padding:5px 0; text-align:left; float:left; } .viewBoxScheduler .colTime, .viewBoxScheduler .colItem { width:150px; text-align:right; padding:5px 10px; font-weight:400; } .viewBoxScheduler .colDesc { width:-webkit-calc(100% - 150px); width:-moz-calc(100% - 150px); width:calc(100% - 150px); } .viewBoxGrid .colHeader { font-weight:400; text-align:left; padding:0; } .viewBoxGrid .col5 { padding:5px 10px 5px 0; } .viewBoxGrid .viewBoxBlock.up .viewBox { display:none !important; } .viewBoxGrid .viewBoxBlock.down .viewBox { display:block !important; } .viewBoxGrid .viewBoxBlock .viewBoxFlex { display:none; height:0; grid-template-rows:repeat(auto-fit, minmax(20px, 1fr)); } .viewBoxGrid .viewBoxBlock .viewBoxFlex .colRow { display:grid; grid-auto-columns:1fr; grid-template-columns:repeat(auto-fit, minmax(130px, 1fr)); } .viewBoxGrid .viewBoxBlock .viewBoxFlex .colFlex { width:auto; display:block; padding:5px 10px; } .viewBoxGrid .viewBoxBlock.down .viewBoxFlex { display:grid !important; } .viewBoxGrid .viewBoxBlock.down .viewBoxFlex .colRow { display:grid !important; } .viewBoxContainer.sessionContainer { font-size:0.9em; margin:0 auto 80px; border-collapse:collapse; line-height:1.5em; background:rgba(255,255,255,0.6); width:100%; } .viewBoxContainer.sessionContainer .lead { font-size:1.2em; font-weight:400; text-transform:initial; } .viewBoxContainer.sessionContainer .innerGrid { display:grid; grid-template-columns:1fr 1fr 155px 180px; } .viewBoxContainer.sessionContainer .innerGrid .gridBlock { padding:20px; margin:0; font-size:1em; } .viewBoxContainer.sessionContainer .innerGrid .gridBlock:nth-of-type(3), .tablepress .innerGrid .gridBlock:nth-of-type(4) { text-align:center; } .viewBoxContainer.sessionContainer .innerGrid .gridBlock > b { margin:10px 0 0; } .viewBoxContainer.sessionContainer .innerGrid .gridBlock > b:first-of-type { margin:0; } .viewBoxContainer.sessionContainer .sessionTitle { font-weight:400; font-size:1em; margin:0; display:inline-block; color:var(--colour-light); } .viewBoxContainer.sessionContainer .sessionTime { font-weight:normal; font-size:0.85em; margin:0; display:inline-block; color:var(--colour-light); padding:0 0 0 20px; } .viewBoxContainer.sessionContainer .sessionTime b { display:none; } .viewBoxContainer.sessionContainer .sessionPrice { font-weight:400; font-size:2em; text-align:center; width:100%; display:block; } .viewBoxContainer.sessionContainer .sessionType { font-weight:400; } .viewBoxContainer.sessionContainer .viewBoxBlock { border-bottom:1px solid var(--colour-light); } .viewBoxContainer.sessionContainer .viewBoxBlock:last-of-type { border-bottom:0; } .viewBoxContainer.sessionContainer .viewBoxBlock .viewBoxTitle { padding:10px 20px; border-bottom:1px dotted #cfcfcf; } .viewBoxContainer.sessionContainer .viewBoxBlock .viewBoxTitle .h5 { display:grid; grid-template-columns:2fr 1fr; margin:0; text-indent:0; } .viewBoxContainer.sessionContainer .viewBoxBlock .viewBoxTitle:hover h5 .sessionTitle, .viewBoxContainer.sessionContainer .viewBoxBlock .viewBoxTitle:focus h5 .sessionTitle { color:var(--colour-light); } .viewBoxContainer.sessionContainer .viewBoxBlock.down .viewBoxTitle .h5 .sessionTitle, .tablepress .viewBoxContainer .viewBoxBlock.down .indicator .icon { color:var(--colour-light); } .viewBoxContainer.sessionContainer .viewBoxBlock .viewBox { width:100%; padding:0 !important; } .viewBoxContainer.sessionContainer .viewBoxBlock .viewBox .innerGrid { display:grid; grid-template-columns:1fr 1fr 155px 180px; } .viewBoxContainer.sessionContainer .viewBoxBlock .viewBox .innerGrid .gridBlock { } /* Popup Modal System */ #modalStrip { position:relative; z-index:2; display:flex; flex-direction:row; width:100%; min-height:0; overflow:hidden; } #modalStrip a { margin:auto; display:block; width:100%; } #modalStrip a.modalTrigger { height:0; width:0; display:block; margin:auto; content:""; visibility:hidden; } #modalStrip .modalBlock { background:var(--colour-light); min-height:450px; color:#ffffff; margin:auto; width:100%; position:relative; overflow:hidden; } #modalStrip .modalBlock .modalLug { position:relative; height:450px; width:100%; overflow:hidden; opacity:0.5; z-index:1; transition:ease-in-out 200ms all; } #modalStrip .modalBlock .modalLug img { position:absolute; width:auto; min-width:100%; height:auto; min-height:100%; max-height:150%; top:-100%; bottom:-100%; left:-100%; right:-100%; margin:auto; display:block; } #modalStrip .modalBlock h3 { color:#ffffff; padding:40px; position:absolute; top:-100%; bottom:-100%; margin:auto; z-index:2; width:100%; height:120px; text-align:center; transition:ease-in-out 200ms all; } #modalStrip .modalBlock h4 { color:#ffffff; padding:40px; position:absolute; top:-100%; bottom:-300%; margin:auto; z-index:2; width:100%; height:120px; text-align:center; transition:ease-in-out 200ms all; } #modalStrip .modalBlock:hover, #modalStrip .modalBlock:focus { background:var(--colour-light); } #modalStrip .modalBlock:hover .modalLug, #modalStrip .modalBlock:focus .modalLug { opacity:1 } #modalStrip .modalBlock:hover h3, #modalStrip .modalBlock:focus h3 { top:-300%; } #modalStrip .modalBlock:hover h4, #modalStrip .modalBlock:focus h4 { bottom:-100%; } .popupModal { display:none; background:#ffffff; max-width:-webkit-calc(100% - 160px) !important; max-width:-moz-calc(100% - 160px) !important; max-width:calc(100% - 160px) !important; width:1200px; padding:40px; /* Custom transition - fade from top*/ opacity:0; transform:translateY(-50px); transition:all .3s; } .popupModal .infoPane ul { margin:0; padding:0; } .popupModal .infoPane.statsPane { overflow:hidden; } .popupModal .infoPanel .infoText, .popupModal .infoPanel .infoText p:last-child { margin:0; } .fancybox-slide--complete .popupModal { opacity:1; transform:translateY(0); } .popupModal .fancybox-button svg { color:#ffffff; } .fancybox-content { margin:80px 0 !important; padding:0 !important; } .fancybox-content h2 { font-size:2em; text-align:left; width:100%; margin:0; padding:40px 40px 0px; color:var(--colour-light); background:none; } .fancybox-content .modalInner, .fancybox-content .modalInner, .fancybox-content .modalInner { padding:40px; min-height:0; max-width:1000px; margin:auto; } .fancybox-content .modalInner ul, .fancybox-content .modalInner ol { margin:0 0 20px 40px; } .fancybox-content .modalInner ul li, .fancybox-content .modalInner ol li { margin:0 0 10px; } .fancybox-content .infoPanel .infoPanelPad { text-align:left !important; } .fancybox-content .infoPanel:first-of-type .infoPanelPad { padding:80px 40px 40px; } .fancybox-content .infoPanel:last-of-type .infoPanelPad { padding:40px 40px 80px; } .fancybox-content .headerIMG { position:relative; height:75vh; width:100%; overflow:hidden; } /*.fancybox-content .headerIMG::after { position:absolute; bottom:0; left:0; right:0; top:inherit; margin:auto; display:block; content:""; height:30px; width:100vw; border-left:100vw solid #fff; border-top:30px solid transparent; }*/ .fancybox-content .headerIMG img { position:absolute; width:auto; height:auto; min-height:100%; top:0; bottom:0; left:-100%; right:-100%; margin:auto; display:block; } .popupModal .infoPane ul.infoPanels { overflow:hidden; position:relative; } /*.popupModal .infoPane ul.infoPanels::before, .popupModal .infoPane.statsPane::before { position:absolute; bottom:inherit; left:0; right:0; top:0; margin:auto; display:block; content:""; height:30px; width:100vw; border-left:100vw solid #fff; border-bottom:30px solid transparent; z-index:2; } .popupModal .infoPane ul.infoPanels::after, .popupModal .infoPane.statsPane::after { position:absolute; bottom:0; left:0; right:0; top:inherit; margin:auto; display:block; content:""; height:30px; width:100vw; border-left:100vw solid #fff; border-top:30px solid transparent; z-index:2; }*/ .popupModal .colIMG { position:relative; height:100%; } .popupModal .colIMG img { position:absolute; top:-100%; bottom:-100%; left:-100%; right:-100%; margin:auto; display:block; height:100%; width:auto; min-width:100%; max-width:inherit; } .popupModal { padding:0 !important; width:85vw; max-width:900px !important; font-size:0.9em; line-height:1.4em; min-height:0; height:auto; } .popupModal .colModal:last-of-type { float:right; } .popupModal .colIMG { float:left; height:100%; overflow:hidden; position:absolute; } .popupModal h3, .contactLink h3 { font-size:2em; line-height:1.1em; z-index:1; position:relative; } .popupModal input[type="submit"] { min-width:200px; border-radius:0; } .popupModal .fancybox-button { color:#ffffff !important; background:var(--colour-mid) !important; } .popupModal .fancybox-button:hover, .popupModal .fancybox-button:focus { color:#ffffff !important; background:var(--colour-light) !important; } #guideModal.popupModal { max-width:750px !important; } #guideModal.popupModal img { width:100%; height:70vh !important; max-height:400px !important; object-fit:cover; object-position:center; } #guideModal.popupModal #popupModalTitle { padding:40px 40px 0; width:100%; margin:0; } #guideModal.popupModal input[type=text], #guideModal.popupModal input[type=email] { font-size:1em; background:var(--colour-grey); } #guideModal.popupModal ._error-inner { color:var(--colour-error_red); } #guideModal.popupModal ._submit { margin:40px 0 0; } /* tabBlock Unit */ .tabBox { width:100%; margin:40px auto; border-bottom:10px solid var(--colour-mid); } .tabBox .tabs { overflow:hidden; border:none; background:none; color:var(--colour-white); } .tabBox .tabs .tabLink { background:none; clear:none; float:left; border:1px solid var(--colour-charcoal); border-right:none; outline:none; cursor:pointer; padding:5px 10px; margin:0 5px 0 0; transition:0.3s; border-radius:10px 10px 0 0 !important; position:relative; color:var(--colour-charcoal)!important; filter:none; } .tabBox .tabs .tabLink .glyphicon { display:none; width:20px; height:14px; transition:all ease-in-out 20ms; padding-right:10px; } .tabBox .tabs .tabLink:hover, .tabBox .tabs .tabLink:focus { background-color:var(--colour-light); color:var(--colour-dark) !important; border:1px solid var(--colour-light); } .tabBox .tabs .tabLink.active { background-color:var(--colour-mid); color:#ffffff !important; padding:5px 10px 5px 25px; border:1px solid var(--colour-mid); } .tabBox .tabs .tabLink.active .glyphicon { width:20px; display:block; position:absolute; margin:auto; left:4px; top:-100%; bottom:-100%; content:""; } .tabBox .tabContents { width:100%; display:block; border-top:10px solid var(--colour-mid); } .tabBox .tabContent { display:none; padding:40px 0; border:none; animation:fadeEffect 0.5s; } .tabBox .tabContent.active { display:block; } .tabBox .tabContent .tabText { padding:0 50px; } @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} } .tabBox.vertTab { display:grid; grid-template-columns:60px 1fr; border:none; gap:40px; } .tabBox.vertTab .tabs { border-right:1px solid var(--colour-charcoal); display:grid; align-content:flex-start; } .tabBox.vertTab .tabs .tabLink { border-radius:0 !important; min-width:60px; margin:auto; margin-bottom:5px; font-size:0.9em !important; } .tabBox.vertTab .tabs .tabLink.active { padding:10px !important; width:70px; } .tabBox.vertTab .tabContents { border:none; } .itineraryPane { background:var(--colour-white) !important; display:grid; grid-template-columns:1fr 2fr; gap:0; } .itineraryPane .itineraryIMG { width:100%; height:100%; max-height:1000px; position:relative; padding:40px; } .itineraryPane .itineraryIMG img { position:relative; z-index:1; object-fit:cover; object-position:center; margin:auto; width:100%; height:100%; border-radius:var(--rounded-corners-small); } .itineraryPane .itineraryIMG a:hover img, .itineraryPane .itineraryIMG a:focus img { opacity:0.5; } .itineraryPane .tabBox.vertTab { grid-template-columns:63px 1fr; min-height:300px; margin:20px 0; height:max-content; } .itineraryPane .itineraryInner { padding:40px 40px 40px 0; } .itineraryPane .itineraryInner h2 { margin:0 0 10px; } .itineraryPane .tabIMG { display:none; } .itineraryPane h3 { margin:0 auto 10px; } .tabBox.outer { border:none; margin:0; } .tabBox.outer .tabBox { margin:20px 0 0; } .tabBox.outer .tabContent { margin:20px 0 0; padding:40px 0 0; } .tabBox.outer > .tabContents { border:none; } .tabBox.outer h4 { margin:0 auto 10px; } .tabBox.outer > .tabs { display:flex; gap:10px; } .tabBox.outer > .tabs .tabLink { border:3px solid var(--colour-dark) !important; background:none !important; border-radius:0 !important; padding:5px 20px; color:var(--colour-dark) !important; width:fit-content; } .tabBox.outer > .tabs .tabLink:hover, .tabBox.outer > .tabs .tabLink:focus { border:3px solid var(--colour-light) !important; background:var(--colour-light) !important; color:var(--colour-dark) !important; } .tabBox.outer > .tabs .tabLink.active { padding:5px 20px; border:3px solid var(--colour-mid) !important; background:var(--colour-mid) !important; color:var(--colour-white) !important; } .panelPane {} .panelPane .panelData { margin:0 auto 40px; } .panelPane .panelData h5 { margin:0 auto 5px; } /* gridDisplay Unit */ .displayGrid { display:grid; grid-gap:20px; align-items:start; margin:40px 0; padding:40px 0; } .displayGrid.grid2 { grid-template-columns:1fr 1fr; } .displayGrid.grid3 { grid-template-columns:1fr 1fr 1fr; } .displayGrid.grid4 { grid-template-columns:1fr 1fr 1fr 1fr; } .displayGrid.grid5 { grid-template-columns:1fr 1fr 1fr 1fr 1fr; } .displayGrid.grid6 { grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr; } .displayGrid .gridUnit { width:100%; height:auto; } .displayGrid .gridUnit img { margin:auto; } /* If lead content object, remove top padding/margin */ .entry:first-child > .displayGrid { margin: 0 0 40px; padding: 0 0 40px; } /* Galleries */ .gallery { margin:0 auto !important; } .gallery-caption { display:none; } .gallery br { display:none; } .gallery { margin:40px 0; display:grid !important; align-items:start !important; grid-template-columns:repeat(auto-fit, minmax(min(200px, 100%), 1fr)); gap:0 !important; } .gallery-item { margin:0 !important; display:block; width:100% !important; overflow:hidden; float:left; } .gallery-item:hover img, .gallery-item:focus img { opacity:0.5; } .gallery-item img { display:block; min-width:100%; width:100%; height:auto !important; border:0 !important; margin:0 !important; } .fancybox-bg { background:rgba(33, 38, 37, 0.96) !important; } .fancybox-navigation .fancybox-button { padding:5px !important; width:60px !important; } .fancybox-button { background:var(--colour-mid) !important; color:#ffffff !important; border-radius:0 !important; min-width:0 !important; } .fancybox-button:hover, .fancybox-button:focus { background:var(--colour-light) !important; color:#ffffff !important; } .fancybox-close-small { opacity:1 !important; } .fancybox-progress { background:var(--colour-light) !important; } .fancybox-thumbs__list a:before { border:6px solid var(--colour-light) !important; } .fancybox-thumbs__list a:hover, .fancybox-thumbs__list a:focus { opacity:0.6; } .fancybox-thumbs { background:var(--colour-charcoal) !important; } .galleryPanel { padding:40px; } .galleryPanel .contentFull { padding:0 !important; background:none; } .galleryPanel .gallery { padding:0 !important; margin:0 !important; } .page-template-template-gallery #main { background:none; } .galleryPane { background:none; z-index:2; padding:40px; } .galleryPane h6 { margin:0 auto; padding:20px; font-size:1.4em; position:relative; z-index:1; } .galleryPane ul { margin:0; } .galleryPane li { margin:0; float:left; display:block; width:-webkit-calc(100% / 9); width:-moz-calc(100% / 9); width:calc(100% / 9); overflow:hidden; border-radius:var(--rounded-corners-small); } .galleryPane li a:hover img, .galleryPane li a:focus img { opacity:0.5; } .galleryPane li img { display:block; min-width:100%; width:100%; } .metaPane { background:var(--colour-light) !important; color:var(--colour-charcoal); width:100%; padding:20px 0; overflow:hidden; font-family:"Poppins", sans-serif; border:0; } .metaPane .metaBox { width:100%; display:flex; flex-flow:row; flex-wrap:nowrap; gap:20px; align-content:center; color:var(--colour-charcoal); font-weight:400; text-align:center; justify-content:center; } .metaPane .metaBox .meta { width:100%; flex:0 0 24%; font-weight:600; } .metaPane .metaBox .meta h3 { color:var(--colour-charcoal); margin:0 auto; font-size:1.3em; } .metaPane .metaBox .meta p { text-transform:uppercase; margin:0; } .metaPane .metaBox .meta img { max-width:200px; } .metaPane .metaBox .meta .glyphicon { font-size:2em; margin:10px 0; height:40px; width:40px; display:inline-grid; align-items:center; justify-items:center; justify-content:center; align-content:center; } .highlightsPane { background:none; position:relative; overflow:hidden; display:grid; grid-template-columns:1fr; min-height:600px; color:var(--colour-black); box-sizing:content-box; } .highlightsPane::before { background:var(--colour-light) !important; content:""; position:absolute; top:0; left:0; bottom:0; right:0; display:none; height:100%; width:100%; z-index:-1; opacity:0.2; } .highlightsPane h2, .highlightsPane .largePost:hover h2, .highlightsPane h2, .highlightsPane .largePost:focus h2 { color:var(--colour-dark) !important; } /*.highlightsPane::before { background:url(images/evolvetours-highlights-dark.webp) no-repeat center; background-size:cover; opacity:0.6; content:""; height:100%; width:100%; position:absolute; z-index:0; top:0; left:0; right:0; bottom:0; } .highlightsPane::after { content:""; height:140%; width:40%; position:absolute; z-index:0; top:0; left:100px; right:inherit; bottom:0; margin:auto; background:var(--colour-grey); transform:rotate(6deg); }*/ .highlightsPane .colMax { max-width:35%; } .highlightsPane .highlightsIMG { position:relative; overflow:hidden; position:absolute; width:50%; height:100%; top:0; right:0; margin:auto; content:""; display:block; z-index:2; padding:40px; } .highlightsPane .highlightsIMG img { position:static; margin:auto; display:block; width:100%; height:100%; object-fit:cover; object-position:center; border-radius:var(--rounded-corners-small); } .highlightsPane .highlightsIMG a { width:100%; height:100%; display:block;} .highlightsPane .highlightsIMG a:hover img, .highlightsPane .highlightsIMG a:focus img { opacity:0.5; } .highlightsPane .highlightsText { display:grid; align-items:center; padding:0; justify-content:left; } .highlightsPane .highlightsText h2,.highlightsPane .highlightsText h5 { margin:0 auto 10px; } .highlightsPane .highlightsText .highlightsInner { max-width:600px; } .highlightsPane .highlightsText ul, .highlightsPane .highlightsText ol { margin:0 0 0 20px !important; width:100%; max-width:calc(100% - 20px) !important; list-style:initial !important; } .highlightsPane .largePosts .carouselSuperFull .largePost { height:70vh; } .highlightsPane .largePosts .carouselSuperFull .largePost .container { object-fit:cover; object-position:center; height:100%; } .highlightsPane .largePosts, .highlightsPane .largePosts .jcarousel { position:initial !important; max-height:800px; } .highlightsPane .largePosts .jcarousel ul { height:auto; } .highlightsPane .largePosts::before, .highlightsPane .largePosts::after { display:none; } .itineraryPane .tabBox h3 { margin:0 auto 10px; } .itineraryPane .tabBox h4 { margin:0 auto 10px; text-indent:-50px; padding:0 50px; } .itineraryPane .tabBox h4::before { content:"\e062"; font-family:'Glyphicons'; font-size:1.2em; margin:0 20px 0 0; font-weight:400; } #servicesList { border:none; } #servicesList .archiveList { grid-template-columns:repeat(auto-fit, minmax(min(320px, 100%), 1fr)); } .servicesPane, .contentPane { } .servicesPane .infoPaneInner, .contentPane .infoPaneInner { padding:40px 0; } .servicesPane .entry, .servicePane, .contentPane .entry, .contentPane { display:grid; grid-template-columns:1fr 1fr; direction:ltr; gap:40px; min-height:0; width:100%; } .contentPane.photoLeft { direction:ltr; } .contentPane.photoRight { direction:rtl; } .contentPane.nophoto { direction:ltr; grid-template-columns:1fr; width:100%; max-width:100%; } .contentPane.nophoto .contentBlurb { } .contentPane.nophoto .contentBlurb h2, .contentPane.nophoto .contentBlurb .h2 { } .leadPane { direction:rtl; text-align:left; } .servicesPane .entry, .contentPane .entry { direction:rtl; align-content:center; align-items:center; min-height:0; } .servicesPane .entry img, .contentPane .entry img { margin:0; } .servicesPane .entry > div, .contentPane .entry > div { direction:ltr; } .servicePane .contentBlurb, .contentPane .contentBlurb { direction:ltr; max-width:1000px; display:grid; align-items:center; align-content:center; padding:80px 0; text-align:left; } .servicePane.nophoto .contentBlurb, .contentPane.nophoto .contentBlurb { max-width:100%; } .contentPane .contentBlurb .h5 + h2 { margin:0 auto 10px; } .servicePane .placeholder, .contentPane .placeholder { height:0; visibility:hidden; } .servicePane.imgPane, .contentPane.imgPane { position:absolute; left:-100%; right:-100%; top:0; bottom:inherit; margin:auto; display:grid; content:""; height:fit-content; width:100%; padding:80px; } #introPane .contentPane .contentBlurb { text-align:left; } #leadPane .servicePane { direction:rtl; } .service #introPane { position:relative; } /*.service #introPane::before { position:absolute; content:'\e8f1'; top:80px; bottom:inherit; left:20px; right:inherit; font-size:200px; margin:auto; font-family:'Fontello'; opacity:0.1; transform:rotate(15deg); color:var(--colour-light); } .service .infoPane.highlightsPane .largePosts #carouselSuper-wrapper::before { position:absolute; content:'\e868'; top:150px; bottom:inherit; left:20px; right:inherit; font-size:300px; margin:auto; font-family:'Fontello'; opacity:0.1; color:var(--colour-dark); } .service .infoPane.itineraryPane::before { position:absolute; content:'\e88b'; top:0; bottom:0; left:100px; right:inherit; font-size:450px; margin:auto; font-family:'Fontello'; opacity:0.1; color:var(--colour-light); } .service .infoPane.objectivesPane::before { position:absolute; content:'\e976'; top:150px; bottom:inherit; left:20px; right:inherit; font-size:300px; margin:auto; font-family:'Fontello'; opacity:0.1; color:var(--colour-light); } .service #outroPane::before { position:absolute; content:'\e910'; top:150px; bottom:inherit; left:0; right:0; font-size:300px; margin:auto; font-family:'Fontello'; opacity:0.1; color:var(--colour-light); }*/ .service #introPane::before, .service .infoPane.highlightsPane .largePosts #carouselSuper-wrapper::before, .service .infoPane.itineraryPane::before, .service .infoPane.objectivesPane::before, .service #outroPane::before { display:none; } .service .gallery, .entry .gallery { gap:20px !important; } .googleForm { height:auto; min-height:1000px !important; } /* Events */ .eventPage .eventIMG { height:500px; overflow:hidden; } .eventPage .eventIMG img { position:absolute; margin:auto; top:-100%; bottom:-100%; } .eventPage .headlineInline { margin:0 auto; float:left; display:block; width:100%; } .eventPage #contentHeader { padding:400px 0 40px; min-height:70vh; } .eventPage #contentHeader .container { bottom:20px; } .eventPage #contentHeader .dek { margin:0; color:#ffffff; } .eventPage #contentHeader .dek.location { color:var(--colour-light); } .eventPage #mainContainer { background:#ffffff; position:relative; } .eventPage #mainContainer::before { position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; content:""; display:block; margin:auto; background:none; background-size:contain; z-index:1; opacity:0.7; } .eventPage #infoPane0 { background:#ffffff; min-height:40px; position:relative; } .eventPage #schedulePane { background:#f2f5fc; } .eventPage #infoPane2 { background:#ffffff; padding:0; } .eventPage .viewBoxContainer .viewBoxBlock .viewBox { padding:0 40px; } .eventPage .viewBoxContainer .viewBoxBlock .viewBoxTitle .h5 { text-indent:0 !important; margin-left:0 !important; } .eventPage .col1 { position:relative; } .eventPage .colIMG { min-height:350px; } .eventPage .colIMG img { position:absolute; bottom:0; margin:auto; max-width:calc(100% - 40px); width:100%; } .eventPage .videoPane iframe { max-width:800px; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px); float:none; margin:40px auto; display:block; height:auto; aspect-ratio:16/9; } .eventPage .videoPane iframe:nth-of-type(2n) { } .eventPage .dateBlocks { width:100%; display:block; padding:20px 0; } .eventPage .dateBlocks .dateBlock { float:left; padding:0 40px; border-left:1px solid #ffffff; } .eventPage .dateBlocks .dateBlock:first-of-type { border:0; padding:0 40px 0 0; } .eventsBlock { float:left; width:100%; } .eventsBlock ul { margin:0 !important; } .eventsBlock .listpost h4, .eventsBlock h6 { margin:0 auto 5px !important; } /* Speakers */ .profileBlock { margin:0 auto 40px; display:block; } .profileBlock ul { margin:0 auto 40px !important; display:block; } .profileBlock ul li { list-style:none; margin:0; } .profileBlock .socialBox { width:-webkit-calc(50% - 40px); width:-moz-calc(50% - 40px); width:calc(50% - 40px); margin:0 auto 40px; display:block; } .profileBlock .socialBox a { float:none; display:inline-block; } .profileBlock .socialBox .btn-social { border:none; } .profileBlock .socialBox .btn-twitter { background:url("images/lug-twitter.svg"); background-repeat:no-repeat; background-position:center; } .profileBlock .socialBox .btn-instagram { background:url("images/lug-instagram.svg"); background-repeat:no-repeat; background-position:center; } .profileBlock .socialBox .btn-linkedin { background:url("images/lug-linkedin.svg"); background-repeat:no-repeat; background-position:center; } .profileBlock .socialBox .btn-website { background:url("images/lug-website.svg"); background-repeat:no-repeat; background-position:center; } .profileBlock .socialBox .btn-github { background:url("images/lug-github.svg"); background-repeat:no-repeat; background-position:center; } .profileBlock .socialBox .btn-muckrack { background:url("images/lug-muckrack.svg"); background-repeat:no-repeat; background-position:center; } .profileBlock .socialBox a:hover .btn-twitter { background:url("images/lug-twitterx-hover.svg"); background-repeat:no-repeat; background-position:center; } .profileBlock .socialBox a:hover .btn-instagram { background:url("images/lug-instagram-hover.svg"); background-repeat:no-repeat; background-position:center; } .profileBlock .socialBox a:hover .btn-linkedin { background:url("images/lug-linkedin-hover.svg"); background-repeat:no-repeat; background-position:center; } .profileBlock .socialBox a:hover .btn-website { background:url("images/lug-website-hover.svg"); background-repeat:no-repeat; background-position:center; } .profileBlock .socialBox a:hover .btn-github { background:url("images/lug-github-hover.svg"); background-repeat:no-repeat; background-position:center; } .profileBlock .socialBox a:hover .btn-muckrack { background:url("images/lug-muckrack-hover.svg"); background-repeat:no-repeat; background-position:center; } .profileBlock .socialBox a:focus .btn-twitter { background:url("images/lug-twitterx-hover.svg"); background-repeat:no-repeat; background-position:center; } .profileBlock .socialBox a:focus .btn-instagram { background:url("images/lug-instagram-hover.svg"); background-repeat:no-repeat; background-position:center; } .profileBlock .socialBox a:focus .btn-linkedin { background:url("images/lug-linkedin-hover.svg"); background-repeat:no-repeat; background-position:center; } .profileBlock .socialBox a:focus .btn-website { background:url("images/lug-website-hover.svg"); background-repeat:no-repeat; background-position:center; } .profileBlock .socialBox a:focus .btn-github { background:url("images/lug-github-hover.svg"); background-repeat:no-repeat; background-position:center; } .profileBlock .socialBox a:focus .btn-muckrack { background:url("images/lug-muckrack-hover.svg"); background-repeat:no-repeat; background-position:center; } /* CV + Resume System */ .cvBlockMain { width:-webkit-calc(100% - 400px); width:-moz-calc(100% - 400px); width:calc(100% - 400px); float:left; font-size:1em; line-height:1.3em; } .cvBlockMain .entry { padding:0 !important; } .cvBlockSide { width:400px; padding:80px 0 0 !important; float:right; } .cvEntries { margin:0 !important; padding:0 !important; } .cvEntries h3 { margin:0 auto 10px; } .cvBlockSide .cvEntry { padding:10px 0; } .cvProfileBlock { width:100%; padding:0 0 40px; margin:0 0 40px; border-bottom:2px solid var(--colour-mid); clear:both; } .cvProfileBlock:last-of-type { border:0; padding:0; } .cvProfileBlock h4 { margin:0 0 10px; } .cvProfileBlock .colBlock { display:flex; gap:40px; justify-content:space-evenly; } .cvProfileBlock .colBlock .colBlockInner { width:100%; display:flex; flex-direction:column; gap:10px; } .cvEntry { width:100%; padding:20px 0; line-height:1em; border-bottom:1px dashed var(--colour-mid); list-style:none; margin:0 !important; } .cvEntry:last-of-type { border:none; } .cvEntry .cvTitle { font-weight:400; width:100%; float:left; margin:0 0 5px; } .cvEntry .cvProduction { font-weight:400; margin:0 0 5px; width:100%; float:left; color:#121212; line-height:1.2em; } .cvEntry .cvOrg { font-weight:normal; font-style:normal; font-size:1em; line-height:1.2em; width:100%; float:left; margin:0 0 5px; } .cvEntry .cvDesc { font-weight:normal; font-style:normal; font-size:1em; line-height:1.2em; width:100%; float:left; margin:0 0 5px; } .cvEntry .cvDir { font-weight:normal; font-style:normal; font-size:1em; line-height:1.2em; width:100%; float:left; margin:0 0 20px; } .cvEntry .cvMod { font-weight:400; font-style:normal; font-size:1em; line-height:1.2em; width:100%; float:left; margin:0 0 5px; } .cvEntry.cvJob .cvTitle, .cvEntry.cvEdu .cvTitle { font-size:1.2em; width:-webkit-calc(100% - 280px); width:-moz-calc(100% - 280px); width:calc(100% - 280px); } .cvBlockSide .cvEntry.cvJob .cvTitle, .cvBlockSide .cvEntry.cvEdu .cvTitle { width:100% !important; } .cvBlockSide h4 { margin:0 0 10px; } .cvEntry .cvTime { width:280px; display:block; float:right; text-align:right; font-size:0.8em; margin:0 0 5px; } .cvEntry .cvTime .dateStart { font-weight:400; display:inline-block; } .cvEntry .cvTime .dateEnd { font-weight:400; display:inline-block; } .cvProfileBlock:last-child p { margin:0; } .cvProfileBlock h3 { margin:0 auto 20px; } .cvProfileBlock h4.secondary { margin:0 0 10px; } .cvProfileBlock h6 { margin:0; } .cvEntry.cvFilm { padding:20px 0; } .cvEntry.cvFilm .cvTitle { width:100%; } .cvEntry.cvFilm .cvTime { } .cvEntry.cvFilm .cvOrg { margin:0; } /*.cvProfileBlock .colLeft, .cvProfileBlock .colMid, .cvProfileBlock .colRight { width:-webkit-calc((100% - 80px) / 3); width:-moz-calc((100% - 80px) / 3); width:calc((100% - 80px) / 3); display:inline-block; } .cvProfileBlock .colMid { margin:0 40px; }*/ .cvContactBlock .smallText { font-size:0.5em; } .cvContactBlock .cvItem { height:40px; margin:0; padding:0; width:100%; } .cvContactBlock .cvSocial { display:grid; align-items:center; grid-gap:20px; grid-template-columns:40px 1fr; } .cvContactBlock .socialBox a { width:100%; clear:both; display:block; } .cvContactBlock .socialBox a:hover .btn-label, .cvContactBlock .socialBox a:focus .btn-label { color:var(--colour-mid); } .cvContactBlock .socialBox .btn-social { border:0; } .cvContactBlock .socialBox .btn-label { } .cvContactBlock .socialBox .btn-rss { background:url("images/social/lug-rss-black.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox .btn-apple { background:url("images/social/lug-apple-black.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox .btn-bandcamp { background:url("images/social/lug-bandcamp-black.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox .btn-behance { background:url("images/social/lug-behance-black.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox .btn-discord { background:url("images/social/lug-discord-black.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox .btn-dribbble { background:url("images/social/lug-dribbble-black.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox .btn-facebook { background:url("images/social/lug-facebook-black.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox .btn-github { background:url("images/social/lug-github-black.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox .btn-imdb { background:url("images/social/lug-imdb-black.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox .btn-instagram { background:url("images/social/lug-instagram-black.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox .btn-linkedin { background:url("images/social/lug-linkedin-black.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox .btn-pinterest { background:url("images/social/lug-pinterest-black.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox .btn-reddit { background:url("images/social/lug-reddit-black.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox .btn-snapchat { background:url("images/social/lug-snapchat-black.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox .btn-spotify { background:url("images/social/lug-spotify-black.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox .btn-threads { background:url("images/social/lug-threads-black.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox .btn-tiktok { background:url("images/social/lug-tiktok-black.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox .btn-twitch { background:url("images/social/lug-twitch-black.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox .btn-twitter { background:url("images/social/lug-twitterx-black.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox .btn-vimeo { background:url("images/social/lug-vimeo-black.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox .btn-vsco { background:url("images/social/lug-vsco-black.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox .btn-youtube { background:url("images/social/lug-youtube-black.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:hover .btn-rss { background:url("images/social/lug-rss-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:hover .btn-apple { background:url("images/social/lug-apple-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:hover .btn-bandcamp { background:url("images/social/lug-bandcamp-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:hover .btn-behance { background:url("images/social/lug-behance-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:hover .btn-discord { background:url("images/social/lug-discord-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:hover .btn-dribbble { background:url("images/social/lug-dribbble-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:hover .btn-facebook { background:url("images/social/lug-facebook-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:hover .btn-github { background:url("images/social/lug-github-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:hover .btn-imdb { background:url("images/social/lug-imdb-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:hover .btn-instagram { background:url("images/social/lug-instagram-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:hover .btn-linkedin { background:url("images/social/lug-linkedin-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:hover .btn-pinterest { background:url("images/social/lug-pinterest-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:hover .btn-reddit { background:url("images/social/lug-reddit-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:hover .btn-snapchat { background:url("images/social/lug-snapchat-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:hover .btn-spotify { background:url("images/social/lug-spotify-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:hover .btn-threads { background:url("images/social/lug-threads-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:hover .btn-tiktok { background:url("images/social/lug-tiktok-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:hover .btn-twitch { background:url("images/social/lug-twitch-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:hover .btn-twitter { background:url("images/social/lug-twitterx-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:hover .btn-vimeo { background:url("images/social/lug-vimeo-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:hover .btn-vsco { background:url("images/social/lug-vsco-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:hover .btn-youtube { background:url("images/social/lug-youtube-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:focus .btn-rss { background:url("images/social/lug-rss-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:focus .btn-apple { background:url("images/social/lug-apple-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:focus .btn-bandcamp { background:url("images/social/lug-bandcamp-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:focus .btn-behance { background:url("images/social/lug-behance-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:focus .btn-discord { background:url("images/social/lug-discord-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:focus .btn-dribbble { background:url("images/social/lug-dribbble-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:focus .btn-facebook { background:url("images/social/lug-facebook-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:focus .btn-github { background:url("images/social/lug-github-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:focus .btn-imdb { background:url("images/social/lug-imdb-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:focus .btn-instagram { background:url("images/social/lug-instagram-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:focus .btn-linkedin { background:url("images/social/lug-linkedin-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:focus .btn-pinterest { background:url("images/social/lug-pinterest-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:focus .btn-reddit { background:url("images/social/lug-reddit-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:focus .btn-snapchat { background:url("images/social/lug-snapchat-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:focus .btn-spotify { background:url("images/social/lug-spotify-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:focus .btn-threads { background:url("images/social/lug-threads-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:focus .btn-tiktok { background:url("images/social/lug-tiktok-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:focus .btn-twitch { background:url("images/social/lug-twitch-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:focus .btn-twitter { background:url("images/social/lug-twitterx-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:focus .btn-vimeo { background:url("images/social/lug-vimeo-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:focus .btn-vsco { background:url("images/social/lug-vsco-hover.svg"); background-repeat:no-repeat; background-position:center; } .cvContactBlock .socialBox a:focus .btn-youtube { background:url("images/social/lug-youtube-hover.svg"); background-repeat:no-repeat; background-position:center; } /* Award System (Basic) */ .awardBlock { width:100%; display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:20px; } .awardEntry { width:100%; display:flex; flex-direction:row; flex:68px 1 1; } .awardEntry .awardGroup { width:100%; } .awardEntry .awardYear { color:#ffffff; width:68px; display:inline-block; text-align:right; } .awardEntry .awardRider { color:var(--colour-light); } .awardEntry .awardHorse { color:var(--colour-light); } .awardEntry .awardName { color:#ffffff; } .awardEntry .awardComp { color:#ffffff; } /* Construction */ #main.mainMinimal { background:#ffffff; min-height:100%; overflow:hidden; width:100%; height:100%; box-sizing:border-box; left:0; right:0; position:fixed; } #main.mainMinimal::before, #main.mainMinimal::after { display:none; } #main.mainMinimal .entry { background:none; height:100vh; margin:0 !important; } .messageBlock { padding:0; text-align:center; margin:auto; font-size:3em; min-height:90vh; align-items:center; display:grid; } .messageBlock .messageBlockInner { height:auto; margin:auto; display:block; } .messageBlock h1, .messageBlock h4 { text-align:center; width:auto !important; max-width:400px !important; font-size:1.1em; color:#000000; } .messageBlock img { max-width:90%; width:600px; height:auto; margin:auto; } .messageBlock .socialBox { display:flex;justify-content:center; width:100%; gap:10px; } .messageBlock .socialBox .btn-social { border:2px solid var(--colour-black); border-radius:50%; float:none; } .messageBlock .socialBox .btn-rss { background:url("images/social/lug-rss-black.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox .btn-apple { background:url("images/social/lug-apple-black.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox .btn-bandcamp { background:url("images/social/lug-bandcamp-black.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox .btn-behance { background:url("images/social/lug-behance-black.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox .btn-discord { background:url("images/social/lug-discord-black.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox .btn-dribbble { background:url("images/social/lug-dribbble-black.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox .btn-facebook { background:url("images/social/lug-facebook-black.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox .btn-github { background:url("images/social/lug-github-black.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox .btn-imdb { background:url("images/social/lug-imdb-black.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox .btn-instagram { background:url("images/social/lug-instagram-black.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox .btn-linkedin { background:url("images/social/lug-linkedin-black.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox .btn-pinterest { background:url("images/social/lug-pinterest-black.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox .btn-reddit { background:url("images/social/lug-reddit-black.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox .btn-snapchat { background:url("images/social/lug-snapchat-black.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox .btn-spotify { background:url("images/social/lug-spotify-black.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox .btn-threads { background:url("images/social/lug-threads-black.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox .btn-tiktok { background:url("images/social/lug-tiktok-black.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox .btn-twitch { background:url("images/social/lug-twitch-black.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox .btn-twitter { background:url("images/social/lug-twitterx-black.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox .btn-vimeo { background:url("images/social/lug-vimeo-black.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox .btn-vsco { background:url("images/social/lug-vsco-black.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox .btn-youtube { background:url("images/social/lug-youtube-black.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:hover .btn-social { border-color:var(--colour-light); } .messageBlock .socialBox a:hover .btn-rss { background:var(--colour-light) url("images/social/lug-rss.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:hover .btn-apple { background:var(--colour-light) url("images/social/lug-apple.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:hover .btn-bandcamp { background:var(--colour-light) url("images/social/lug-bandcamp.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:hover .btn-behance { background:var(--colour-light) url("images/social/lug-behance.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:hover .btn-discord { background:var(--colour-light) url("images/social/lug-discord.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:hover .btn-dribbble { background:var(--colour-light) url("images/social/lug-dribbble.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:hover .btn-facebook { background:var(--colour-light) url("images/social/lug-facebook.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:hover .btn-github { background:var(--colour-light) url("images/social/lug-github.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:hover .btn-imdb { background:var(--colour-light) url("images/social/lug-imdb.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:hover .btn-instagram { background:var(--colour-light) url("images/social/lug-instagram.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:hover .btn-linkedin { background:var(--colour-light) url("images/social/lug-linkedin.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:hover .btn-pinterest { background:var(--colour-light) url("images/social/lug-pinterest.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:hover .btn-reddit { background:var(--colour-light) url("images/social/lug-reddit.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:hover .btn-snapchat { background:var(--colour-light) url("images/social/lug-snapchat.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:hover .btn-spotify { background:var(--colour-light) url("images/social/lug-spotify.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:hover .btn-threads { background:var(--colour-light) url("images/social/lug-threads.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:hover .btn-tiktok { background:var(--colour-light) url("images/social/lug-tiktok.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:hover .btn-twitch { background:var(--colour-light) url("images/social/lug-twitch.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:hover .btn-twitter { background:var(--colour-light) url("images/social/lug-twitter.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:hover .btn-vimeo { background:var(--colour-light) url("images/social/lug-vimeo.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:hover .btn-vsco { background:var(--colour-light) url("images/social/lug-vsco.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:hover .btn-youtube { background:var(--colour-light) url("images/social/lug-youtube.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:focus .btn-social { border-color:var(--colour-light); } .messageBlock .socialBox a:focus .btn-rss { background:var(--colour-light) url("images/social/lug-rss.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:focus .btn-apple { background:var(--colour-light) url("images/social/lug-apple.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:focus .btn-bandcamp { background:var(--colour-light) url("images/social/lug-bandcamp.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:focus .btn-behance { background:var(--colour-light) url("images/social/lug-behance.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:focus .btn-discord { background:var(--colour-light) url("images/social/lug-discord.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:focus .btn-dribbble { background:var(--colour-light) url("images/social/lug-dribbble.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:focus .btn-facebook { background:var(--colour-light) url("images/social/lug-facebook.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:focus .btn-github { background:var(--colour-light) url("images/social/lug-github.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:focus .btn-imdb { background:var(--colour-light) url("images/social/lug-imdb.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:focus .btn-instagram { background:var(--colour-light) url("images/social/lug-instagram.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:focus .btn-linkedin { background:var(--colour-light) url("images/social/lug-linkedin.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:focus .btn-pinterest { background:var(--colour-light) url("images/social/lug-pinterest.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:focus .btn-reddit { background:var(--colour-light) url("images/social/lug-reddit.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:focus .btn-snapchat { background:var(--colour-light) url("images/social/lug-snapchat.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:focus .btn-spotify { background:var(--colour-light) url("images/social/lug-spotify.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:focus .btn-threads { background:var(--colour-light) url("images/social/lug-threads.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:focus .btn-tiktok { background:var(--colour-light) url("images/social/lug-tiktok.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:focus .btn-twitch { background:var(--colour-light) url("images/social/lug-twitch.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:focus .btn-twitter { background:var(--colour-light) url("images/social/lug-twitter.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:focus .btn-vimeo { background:var(--colour-light) url("images/social/lug-vimeo.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:focus .btn-vsco { background:var(--colour-light) url("images/social/lug-vsco.svg"); background-repeat:no-repeat; background-position:center; } .messageBlock .socialBox a:focus .btn-youtube { background:var(--colour-light) url("images/social/lug-youtube.svg"); background-repeat:no-repeat; background-position:center; } /* services */ .mapIMG, .contentIMG { width:100%; height:100%; display:block; content:""; margin:auto; z-index:1; overflow:hidden; background:none; border-left:none; } .mapIMG img, .contentIMG img { min-width:100%; height:100%; width:100%; aspect-ratio:16/9; margin:auto; object-fit:cover; object-position:center; border-radius:var(--rounded-corners-small); } .mapIMG a:hover img, .mapIMG a:focus img, .contentIMG a:hover img, .contentIMG a:focus img { opacity:0.5; } /* Quotes */ .intro h2 { font-size:1.9em; } #detailsPanel .activities > :last-item { border:none; } .detailBlock { margin:0; padding:0px 0 40px; width:100%; display:block; } .detailBlock:last-of-type { border-bottom:0; } .detailBlock ul { margin:0 0 10px 40px; } /*.detailBlock ul:last-child { margin:0; }*/ .detailBlock.oldContent ul:last-child { margin: 0 0 10px 40px !important; } .detailBlock h3 { margin:10px 0; } #contentHeader.quoteHeader h1 { height:auto; } #contentHeader.quoteHeader .container::after { background: url(images/logo-white.svg)no-repeat; background-position: top left; background-size:contain; height:140px; width:175px; top:0; right:initial; left:initial; bottom:initial; margin: auto; display: block; content: ""; position: absolute; -webkit-print-color-adjust: exact; filter: drop-shadow(0px 0px 15px rgba(0,0,0,0.2)); } .quoteHeader .infoStrip .recipientLug { color:var(--colour-white); display:inline-block; } .quoteHeader .infoStrip .recipientLug h5 span { color:var(--colour-dark); } .quoteHeader .infoStrip .dateBox { font-size:1.1em; margin:20px 0 0; display:block; width:fit-content; } .quoteHeader .infoStrip .idBox { background:var(--colour-light); color:var(--colour-dark); padding:10px 20px; width:fit-content; line-height:1.2em; } .quoteHeader .infoStrip .dateLug, .quoteHeader .infoStrip .dateValidLug { color:var(--colour-white); float:none; } .pricingBlock { border:none; } .pricingGrid { margin:0; display:grid; border:5px solid #efefef; gap:0; padding:10px; } .pricingGridRow { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(200px, 100%), 1fr)); gap:10px; border-bottom:5px solid #efefef; } .pricingGridRow:last-of-type { border:none; } .pricingGridCell { padding:10px; } .pricingGrid small { padding:10px 0; } .pricingGrid small ul { margin:0 !important; } .pricingGrid small ul li { margin:0 0 0 40px !important; } .highlightsBlock { border-bottom:5px solid #efefef; } .itinerariesBlock { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(500px, 100%), 1fr)); gap:80px; } .activitiesGroup { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(400px, 100%), 1fr)); gap:20px 40px; padding:0 0 20px; } .detailsGroup { border-bottom:0; } .activitiesBlock { } .activitiesGroup .detailBlock { border-bottom:none; padding:0; } .itineraryRow { padding:20px 0; } .itineraryRow h4 { margin:0 0 10px; } .itineraryRow h5 { margin:0; } .itineraryRow table { width:100% !important; } .itineraryRow table tr td:first-of-type { max-width:400px; } /* Constant Contact */ .ctct-form-defaults { background:none !important; padding:0 !important; margin:10px 0 0 !important; } div.ctct-form-embed form.ctct-form-custom input.ctct-form-element { background:var(--colour-grey-light); border:none; margin:0 !important; } .ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-text, .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-label, .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-listname, .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-lists-legend, .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-date-slash, .ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text, .ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text .ctct-form-footer-link, .ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text .ctct-form-footer-privacy-link { color:var(--colour-white) !important; margin-bottom:2px; text-align:left !important; } div.ctct-form-embed form.ctct-form-custom div.ctct-form-field { margin:0 0 10px !important; } div.ctct-form-embed form.ctct-form-custom button.ctct-form-button { margin:20px auto 0 !important; } /* ---------------------------------------- */ /* 2024 BUILDER POST TYPE ADD INS */ /* ---------------------------------------- */ #builder section { padding:100px 0; border-top:5px solid var(--colour-grey); } #builder section.toolList { padding:20px 0; } #builder section:first-of-type { border:none; } #builder section:nth-of-type(2n) { background:#fafafa; } #builder section a:has(.btn) { display:contents; } #builder section a:hover img { opacity:0.5; } #builder h2:first-child, #builder h3:first-child { margin:0 auto 40px; text-align:center; } #builder h2:nth-child(2), #builder h3:nth-child(2) {} #builder { } #builder .sectionText { display:grid; align-content:center; align-items:center; padding:20px; } #builder .btn { margin:20px 0; display:block; padding:10px 40px; width:max-content; max-width:fit-content; } #builder .sectionBlock { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(400px, 100%), 1fr)); gap:40px; } #builder .sectionBlock.imgLeft { direction:ltr; text-align:left; } #builder .sectionBlock.imgRight { direction:rtl; text-align:left; } #builder .sectionBlock.imgRight .sectionInner { direction:ltr; text-align:left; } #builder .sectionIntro { background:none; } #builder .sectionStats { background:var(--colour-black); color:var(--colour-white); } #builder .sectionStats .backing, #builder .sectionC2A .backing { background:url("images/background-purple-texture.jpg"); background-size:cover; background-position:center; -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); opacity:1; position: absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:100%; height:100%; } #builder .sectionStats h2, #builder .sectionStats h2 { color:var(--colour-white); font-size:3.5em; margin:0; position:relative; margin:0 0 80px; } #builder .sectionStats h2::before { content:""; background:url(images/indus-squiggle.svg) no-repeat; object-fit:contain; object-position:center; width:400px; height:40px; margin:auto; display:block; bottom:-50px; position:absolute; left:-100%; right:-100%; top:inherit; } #builder .sectionStats p { color:var(--colour-white); text-transform:none; max-width:1200px; margin:auto; } #builder .sectionStats .metaBox { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(150px, 100%), 1fr)); gap:20px; } #builder .sectionC2A { background:none; text-align:center; } #builder .sectionC2A .btn { margin:auto; } #builder .inverse h2, #builder .inverse h3 { color:var(--colour-white) !important; } #builder .sectionImages { background:none; } #builder .sectionImages .containerIMG { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap:20px; } #builder .sectionImages .containerIMG.aspectPhoto .sectionIMG { aspect-ratio:16/9 !important; } #builder .sectionImages .containerIMG.aspectIcon { grid-template-columns:repeat(auto-fit, minmax(min(180px, 100%), 1fr)); } #builder .sectionImages .containerIMG.aspectIcon .sectionIMG { aspect-ratio:1 !important; } #builder .sectionImages .containerIMG.aspectIcon .sectionIMG .sectionIMGpad { padding:40px; } #builder .sectionImages .containerIMG .imageUnit { width:100%; padding:20px; } #builder .sectionImages .containerIMG.aspectIcon .imageUnit { padding:10px; } #builder .sectionImages .containerIMG.aspectIcon .sectionText { text-align:center; padding:0 0 10px; } #builder .sectionImages .containerIMG.aspectIcon .sectionText h3 { margin:0 auto 10px !important; } #builder .sectionImages .btn { margin:0 auto 20px !important; display:inline-block; } #builder .sectionImages .btns { margin:20px 0 0; display:block; gap:20px; grid-template-columns:repeat(auto-fit, minmax(min(280px, 100%), 1fr)); justify-items:center; text-align:center; } #builder .sectionHighlights { background:none; } #builder .sectionHighlights .sectionBlock { margin:0 auto 80px; } #builder .sectionHighlights .sectionBlock:last-of-type { margin:0 auto; } #builder .sectionAccordion { background:none; } #builder .sectionAccordion .viewBoxContainer { margin:0 !important; } #builder .sectionVideo { background:none; } #builder .sectionVideo .colMax { margin:auto; } #builder .sectionVideo .responsive-container { margin:0 !important; } #builder .sectionGallery { background:none; } #builder .sectionGallery .gallery { display:grid; width:100%; gap:10px; grid-template-columns:repeat(auto-fill, minmax(min(150px, 100%), 1fr)); margin:0 !important; } #builder .sectionGallery .gallery .gallery-item { width:100% !important; margin:0 !important; padding:0 !important; } #builder .sectionGallery .gallery .gallery-item img { margin:0 !important; } #builder .sectionForm { background:none; } #builder .sectionForm form ._button-wrapper { position:relative; z-index:10; } #builder .sectionEdit .btn { margin:auto; display:block; } #builder .sectionText ul, #builder .sectionText ol { margin:0 0 20px 20px; } #builder .sectionIMG { border-radius:var(--rounded-corners-small); position:relative; overflow:hidden; aspect-ratio:3/2; } #builder .sectionIMG .sectionIMGpad { width:100%; height:100%; position:relative; } #builder .sectionIMG img { width:100%; height:100%; position:static; object-fit:cover; object-position:top center; display:block; } #builder h2.sectionHeader { margin:80px auto; font-size:3em; text-align:center; } #builder .sectionText h3 { text-align:center; } #builder .sectionText .btn { margin:0 auto !important; text-align:center; } #builder .sectionImages .containerIMG.aspectIcon .imageUnit { background:var(--colour-white);border-radius: 30px; border:5px solid var(--colour-grey); } /* --------------------------------------- */ /* MEDIA QUERIES /* --------------------------------------- */ @media screen and (max-width:1600px) { /*#mainMenu .menu li a { font-size:0.9em; padding:10px; } */ #mainMenu .menu > li a:hover::before, #mainMenu .menu > li a:focus::before, #mainMenu .menu li.current-menu-item a::before, #mainMenu .menu li.current-menu-parent a::before, #mainMenu .menu li.current-menu-ancestor a::before, #mainMenu .menu li.current_page_item a::before, #mainMenu .menu li.current_page_parent a::before, #mainMenu .menu li.current_page_ancestor a::before { width:calc(100% - 20px); } #mainMenu .menu > .menu-item-has-children a { padding:10px 30px 10px 10px; } #mainMenu .menuMarkerHousing { right:4px; } .fancybox-content .headerIMG { height:70vh; } .fancybox-content .headerIMG img { width:auto; max-width:120%; } #modalStrip { height:auto; } #modalStrip .modalBlock, #modalStrip .modalBlock .modalLug { min-height:370px; height:auto; } #modalStrip .modalBlock .modalLug img { min-width:100%; max-width:inherit; max-height:140%; } .infoPanel .infoPanelLug img { /*max-width:145% !important; max-height:140% !important; width:auto;*/ } .infoPanel:nth-of-type(2n+1) .infoPanelLug img { left:0; right:inherit; } .infoPanel .infoPanelPad { max-width:45vw; } #contentHeader .backing { min-height:750px; } #infoPaneHeader .backing img { max-width:inherit !important; max-height:120% !important; } #menuInline .nav li > a { padding:10px; } } @media screen and (max-width:1400px) { #menuBar #headerInner, .container, .containerWide, .infoPane .containerWide { padding:0 60px; } #mainMenu .menu li a { padding:10px; } #contentHeader .container { padding:180px 60px 100px; } .carouselSuperFull .superPost .superLug img { max-width:inherit !important; opacity:1; max-height:190% !important; } .infoPanel .infoHead { font-size:2.3em; } /* Maps */ #mapPane .mapContainer { display:flex; flex-wrap:wrap; } #mapPane .mapContainer .map { flex:1 0 500px; } #contentHeader .backing { min-height:450px; } #contentHeader .backing, #footer { width:100%; } .highlightStrip { gap:20px; width:100% !important; } .itineraryPane .itineraryIMG { padding:40px; } .infoPane.itineraryPane::before { font-size:200px; } #menuInline .nav li > a { padding:9px; } #menuInline .nav li > a span.navText { font-size:0.8em; } } @media screen and (max-width:1360px) { .pageResults .infoPane { min-height:0; } .pageResults ul#sections .section .sectionIMG { height:auto; margin:0 -40px 10px; } .pageResults ul#sections .section .sectionIMG .sectionIMGpad { position:static; } .pageResults ul#sections .section .sectionIMG .sectionIMGpad img { height:auto; position:static; } .locationLarge .cardList .listpost { width:100% !important; overflow:visible; } .locationLarge .cardList .listpost .listpostText { width:50%; height:450px; position:relative; padding:40px 20px; } .locationLarge .cardList .listpost .listpostLug { width:-webkit-calc(50% + 40px); width:-moz-calc(50% + 40px); width:calc(50% + 40px); right:-40px; position:absolute; height:450px; } .locationLarge .cardList .listpost .listpostLug img { position:absolute; max-width:inherit; height:100%; } .customTrips::before { left:-40px; } .customTrips::after { right:-40px; } } @media screen and (min-width:1100px) { #modalStrip .modalBlockWide .modalLug img { max-height:300%; } } @media screen and (min-width:1000px) { .entry #carousel-commuter, .entry #carousel-rover { height:auto; } .location .cardList { width:100% !important; } .location .cardList .listpost { float:left; display:block; width:-webkit-calc((100% - 40px) / 3) !important; width:-moz-calc((100% - 40px) / 3) !important; width:calc((100% - 40px) / 3) !important; margin:0 20px 20px 0; max-width:inherit; min-height:470px; } .locationLarge .cardList .listpost { min-height:0 !important; } .location .cardList .listpost:nth-of-type(3n) { margin:0 0 20px; } .location .jcarousel-pagination { display:none; } .locationLarge .cardList .listpost { width:100% !important; } .locationLarge .cardList .listpost .listpostText { padding:40px 20px; } } @media screen and (min-width:600px) { #sidebarModule .btn { margin:0 40px 0 0; min-width:260px; } } @media screen and (max-width: 1260px) { #masterMenu { background:var(--colour-charcoal); } #masterMenu .btn-search { border-left:none; border-right:none; float:left; display:block; } #masterMenu .c2aTriggers { float:right; } #masterMenu .menu li a { margin:10px; height:40px; line-height:1.4em; padding:10px 20px; border:none; background:var(--colour-grey-dark); color:var(--colour-light); border-radius:0; } #masterMenu .menu li a:hover, #masterMenu .menu li a:focus { background:var(--colour-dark); color:var(--colour-white); } .btn-drawerTop, .btn-drawerBottom, .btn-drawerLeft, .btn-drawerRight { border-right:none; } .btn-drawerLeft span, .btn-search span { color:#ffffff; background:#ffffff; } .btn-drawerLeft:hover, .btn-search:hover, .btn-drawerLeft:focus, .btn-search:focus { background:var(--colour-light) !important; color:var(-colour-charcoal); } .btn-drawerLeft:hover span, .btn-search:hover span, .btn-drawerLeft:focus span, .btn-search:focus span { color:var(--colour-white); background:var(--colour-white); } .btn-search .glyphicon-search { color:#ffffff; } .btn-search:hover .glyphicon-search, .btn-search:focus .glyphicon-search { color:#ffffff; } .actionStrip.slideClosed .btnTrigger { background:var(--colour-light); color:var(--colour-charcoal); } #infoPaneHeader { border:0 !important; } .superPosts, .superPosts #carouselSuper { background:none !important; } .superPosts .jcarousel-pagination { background:none !important; height:60px !important; width:fit-content !important; padding:20px !important; bottom:40px; } .superPosts #carouselSuper-wrapper > .jcarousel-control-prev, .superPosts #carouselSuper-wrapper > .jcarousel-control-next { height:60px; width:40px; bottom:60px; font-size:3em !important; border:0 !important; background:none !important; } .superPosts .jcarousel-control-prev > span, .superPosts .jcarousel-control-next > span { background:none !important; width:40px; padding:20px 0; } .jcarousel-control-prev > span, .jcarousel-control-next > span { top:50%; } .superPosts #carouselSuper-wrapper > .jcarousel-control-prev:hover, .superPosts #carouselSuper-wrapper > .jcarousel-control-next:hover, .superPosts #carouselSuper-wrapper > .jcarousel-control-prev:focus, .superPosts #carouselSuper-wrapper > .jcarousel-control-next:focus { background:none !important; color:var(--colour-light) !important; } .superPosts .jcarousel-control-prev:hover > span, .superPosts .jcarousel-control-next:hover > span, .superPosts .jcarousel-control-prev:focus > span, .superPosts .jcarousel-control-next:focus > span { color:var(--colour-light) !important; background:none !important; } #carouselSuper-wrapper .jcarousel-control-prev .slant, #carouselSuper-wrapper .jcarousel-control-next .slant { display:none; } .carouselSuperFull .superPost .superLug img { height:auto !important; width:100%; max-height:100% !important; max-width:100% !important; opacity:1; } .carouselSuperFull .superPost .superLug { background:none; } .carouselSuperFull .superPost .superText { padding:40px 40px 100px; top:0; bottom:0; height:100% !important; } .carouselSuperFull .superPost .superText .container { position:absolute; bottom:100px; left:0; right:0; } .featuredPosts .jcarousel-control-next { right:0; } .featuredPosts .featuredPost .container { width:100%; max-width:100%; padding:0 80px; } .featuredPosts .jcarousel-pagination { left:-140%; } .highlightsPane .superPosts .jcarousel-pagination { background:var(--colour-dark) !important; left:0; right:0; width:100% !important; bottom:0; } .highlightsPane .superPosts #carouselSuper-wrapper { padding:0 0 120px; } .highlightsPane .superPosts #carouselSuper-wrapper > .jcarousel-control-prev, .highlightsPane .superPosts #carouselSuper-wrapper > .jcarousel-control-next { width:50%; background:var(--colour-mid) !important; } .highlightsPane .superPosts #carouselSuper-wrapper > .jcarousel-control-prev span, .highlightsPane .superPosts #carouselSuper-wrapper > .jcarousel-control-next span { width:100%; color:var(--colour-white) !important; } .highlightsPane .superPosts #carouselSuper-wrapper > .jcarousel-control-prev:hover, .highlightsPane .superPosts #carouselSuper-wrapper > .jcarousel-control-next:hover, .highlightsPane .superPosts #carouselSuper-wrapper > .jcarousel-control-prev:focus, .highlightsPane .superPosts #carouselSuper-wrapper > .jcarousel-control-next:focus { width:50%; background:var(--colour-light) !important; } .highlightsPane .highlightsIMG { width:40%; } .highlightsPane .highlightsText { width:60%; max-width:100% !important; } .highlightsPane .highlightsText ul, .highlightsPane .highlightsText ol { font-size:0.9em; line-height:1.3em; } .filmPost .superText .filmDetails::before { height:150px; width:240px; right:40px; opacity:0.5; background-position:top right; } .homePage #main { padding:60px 0 0; } .homePage #menuBarBlock { height:100px !important; } .homePage #infoPane1::after {} .homePage #infoPane1.infoPane .infoPaneInner { padding:80px 0 40px; } .homePage #infoPane1 .col2:first-of-type { width:70%; } .homePage #infoPane1 .col2:last-of-type { width:30%; } .homePage #infoPane1 .colInner { padding:0; } .homePage #infoPane2::after { display:none; } .homePage #infoPane2::before { } .homePage #infoPane2 .archiveFeed::before { bottom:inherit; top:0; width:100%; height:300px; opacity:1; position:relative; margin:40px auto 160px; } .homePage #infoPane2 h1 { display:none; } .homePage .archiveList { grid-template-columns:repeat(auto-fit, minmax(min(200px, 100%), 1fr)); } .infoPaneQuote blockquote { font-size:1.8em; } .infoPaneQuote .container { padding:0; } .infoHead { font-size:1.8em; } .sectionContentHalf .sectionText .sectionTextPad { padding:40px !important; } .sectionContentHalf .sectionIMG .sectionIMGpad { padding:0 !important; margin:0 !important; } ul#sections .section .sectionIMG { margin:0 !important; } .eventPage .colIMG img { width:100%; position:static; bottom:initial; max-width:100%; } .infoPanel .infoPanelText { } .infoPanel .infoPanelPad { max-width:100%; } .infoPanel .infoPanelLug { } .locationsPanel .infoPanelLug, .locationsPanel .infoPanelText { width:50%; } .infoStrip { border:none !important; } .container, .containerWide, .infoPane .containerWide { padding:0 40px 0 40px; width:100%; } .homePage #infoPaneHeader .infoPaneInner { padding:0; min-height:300px; } #contentHeader .container { padding:0 40px 100px !important; } #contentHeader.shortHeader .container { padding:180px 40px 100px !important; } #contentHeader.quoteHeader .container { padding:180px 40px 100px !important; } #contentHeader .backing::before { z-index:3; background:linear-gradient(0deg, rgba(30, 27, 23,0.9) 0%, rgba(30, 27, 23,0.8) 10%, rgba(30, 27, 23,0.5) 20%, rgba(30, 27, 23,0.3) 30%, rgba(30, 27, 23,0.2) 80%, rgba(30, 27, 23,0.7) 100%); } .content, .contentFull { padding:0; border:none; } .schedule { padding:40px; } .mapIMG img { padding:40px; } #mainContainer { padding:0; } /*#contentHeader, .eventPage #contentHeader { padding:120px 0 0; height:auto; min-height:0; max-height:850px !important; }*/ /*#contentHeader .backing img { max-width:120% !important; max-height:inherit !important; }*/ /*#contentHeader .backing img { top:0; }*/ #featIMG { margin:0 -40px 40px; } .entry img.size-full { width:100%; } #contentHeader h1{ height:auto; padding:7px 0 0; } #contentBody blockquote { position:relative; margin:40px auto !important; } #contentBody .entry:first-child h2, #contentBody .entry:first-child h3 { margin:0 auto 10px; } .tags { margin:0; } .navigate { margin:0 0 40px; display:none; } .authorPage h6 { margin:0; } .navigateInline { display:grid; grid-template-columns:1fr; gap:20px; } #menuInline { display:none; } /*.archiveFeed .listpost { width:-webkit-calc((100% - 40px) / 3); width:-moz-calc((100% - 40px) / 3); width:calc((100% - 40px) / 3); } .archiveFeed .listpost:nth-of-type(4n) { margin:0 20px 20px 0; } .archiveFeed .listpost:nth-of-type(3n) { margin:0 0 20px; } .archiveList.vert .listpost { width:-webkit-calc((100% - 40px) / 3) !important; width:-moz-calc((100% - 40px) / 3) !important; width:calc((100% - 40px) / 3) !important; margin:0 20px 40px 0; } .archiveList.vert .listpost:nth-of-type(4n) { margin:0 20px 40px 0; } .archiveList.vert .listpost:nth-of-type(3n) { margin:0 0 40px; }*/ .archiveList { grid-template-columns:1fr 1fr !important; } .archiveList.vert .listpost .listpostLug img { max-height:150% !important; } .staffList { grid-template-columns:1fr 1fr; } #partnerPane .partnerGrid { grid-template-columns:1fr !important; gap:80px; } #partnerPane .partnerGrid .partner .partnerIMG { height:auto; max-height:500px; } #sidebar { background:none !important; position:static !important; } .sidebarTop, .sidebarBottom { padding:40px !important; background:none !important; border:0; } #sidebarModule { position:static !important; margin:auto; max-width:100%; } #sidebarModule h4, .sidebarModule h4 { margin:0 auto 10px; } .cvBlockSide { padding:0 !important; } .cvBlockSide #sidebarModule { max-width:100%; } .sidebarController, .sidebarController .sidebarTop { padding:0 !important; } .sidebarController #sidebarModule { width:100% !important; padding:40px 0 0 !important; max-width:100% !important; } .contentController { padding:0 !important; border:0 !important; } #footer::after { height:100vh; max-height:1000px; } #footer .footerUpper { padding:80px 0 120px; } #footer #footerInfo { margin:40px 0 0; } #footer #footerLead, #footer #footerLinks { width:100%; padding:0; } #footer #footerLead { margin:20px auto !important; } #footer #footerLogo, #footer .socialBox, #footer .desc { width:100%; text-align:center; max-width:100%; } #footer .socialBox { margin:10px auto; } #footer #footerLinks li a { border-radius:0; background:none; color:var(--colour-white); font-weight:400; margin:0; padding:5px 10px; } #footer #footerLinks li a:hover, #footer #footerLinks li a:focus { background:none; color:var(--colour-light) !important; } #footer #footerLogo { float:none; width:calc(100% - 40px) !important; max-width:300px; } #footer #footerLinks .header { border:none; margin:0 auto 5px; } #footer #footerLinks .column:first-of-type .header { margin:0 auto 5px; } #footer #footerLinks .column { padding:0; } #footer.footerMicro #footerLead { grid-template-columns:1fr; align-items:center; } #footer.footerMicro #footerLogo { margin:auto !important; } #footer.footerMicro #footerLogo > a img { max-width:100%; } #footer.footerMicro #footerLinks ul { gap:20px; padding:0; } #footer .footerUpper .footerGrid { grid-template-columns:1fr; gap:40px; } #fixedStrip { display:none; } /* Modal System */ .fancybox-content .modalIntro .modalInner, .fancybox-content .modalOutro .modalInner, .fancybox-content .infoPane .modalInner { max-width:100%; padding:40px; } .fancybox-content h2 { font-size:1.6em; line-height:1.4em; } .fancybox-content .headerIMG { width:100%; position:relative; height:auto; } .fancybox-content .headerIMG img { width:100%; height:auto; display:block; position:static; } } @media screen and (max-width:1100px) { #sb_instagram #sbi_images .sbi_item { width:25% !important; } .ctaBlock { font-size:0.8em; } .filmPost .superText .filmDetails::before { height:120px; width:160px; right:40px; opacity:0.5; } #modalStrip { flex-direction:column; height:auto; } #modalStrip .modalBlock .modalLug img { width:105%; max-height:inherit; height:auto; } #modalStrip .modalBlock { border-bottom:2px solid #000; } #modalStrip .modalBlock, #modalStrip .modalBlock .modalLug { height:auto; } #modalStrip .modalBlock .modalLug img { min-width:100%; width:auto; max-width:185%; max-height:200%; } .sportsModal .infoPanel .infoPanelLug, .sportsModal .infoPanel .infoPanelText { width:100%; height:auto; position:static; display:block; float:left; font-size:1em; } .sportsModal .infoPanel .infoPanelLug img { position:static; top:0; bottom:0; left:0; right:0; width:100%; height:auto; } .sportsModal .infoPanel .infoPanelPad { position:static; } .fancybox-content .infoPanel:first-of-type .infoPanelPad { padding:40px; } .fancybox-content .infoPanel:last-of-type .infoPanelPad { padding:40px 40px 80px; } .ctaStrip h3 { text-align:center; padding:0; margin:0 auto 10px; } .ctaStrip .col2 { width:100%; } .ctaStrip .signUp { max-width:100%; width:100%; } .ctaStrip input[type=text], .ctaStrip input[type=email] { max-width:100%; } .searchStrip #advanced-searchform { width:100%; max-width:inherit; } .searchStrip input { width:100%; } .searchStrip .btn { float:right; width:100%; max-width:200px; } .searchStrip::before { position:relative; display:block; width:100%; height:200px; top:-40px; } .pricingGridRow { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100px, 100%), 1fr)); } } @media screen and (max-width:1000px) { .infoPanel .infoPanelLug, .infoPanel .infoPanelText { font-size:1em; } .infoPanel .infoPanelLug img { } .infoPanel .infoPanelPad { max-width:100% !important; } .infoPanel .infoPanelLink { grid-template-columns:1fr; direction:ltr !important; } .infoPanel:last-of-type .infoPanelText { padding-bottom:0; } ul#sections .section .sectionIMG { height:400px; } #introPane > div { display:grid; grid-template-columns:1fr; } .servicesPane .entry, .servicePane, .contentPane .entry, .contentPane { grid-template-columns:repeat(auto-fill, minmax(min(600px, 100%), 1fr)); min-height:0; } .servicePane.imgPane, .contentPane.imgPane{ position:static; display:block; } .servicePane .contentBlurb, .contentPane .contentBlurb { max-width:100%; min-height:0; } .servicesPane .entry, .servicePane, .contentPane .entry, .contentPane { gap:0; display:block; } .contentBlurb .introContent :first-child, .contentBlurb .leadContent :first-child { margin-top:0; } .storyList .listpost { width:100%; } .mapIMG img, .contentIMG img { aspect-ratio:auto; } #introPane .col2 { width:100%; } .servicePane .contentBlurb { max-width:100%; } .servicePane.imgPane { position:static; } #introPane .mapIMG { width:100%; position:relative; display:block; } #introPane .mapIMG img { position:static; width:100%; padding:40px; } .servicesPane .entry, .servicePane { grid-template-columns:1fr; } .servicePane.mapPane { position:static; } .servicePane .placeholder { display:none; } .servicesPane .entry, .servicePane { min-height:0; } .gallery { grid-template-columns:1fr 1fr 1fr 1fr !important; } #footer #footerLinks { width:100%; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:40px; } .entry #carousel-commuter, .entry #carousel-rover { height:auto; } .location .cardList { width:100% !important; } .location .cardList .listpost { float:left; display:block; width:-webkit-calc((100% - 20px) / 2) !important; width:-moz-calc((100% - 20px) / 2) !important; width:calc((100% - 20px) / 2) !important; margin:0 20px 20px 0; max-width:inherit; min-height:470px !important; } .location .cardList .listpost:nth-of-type(2n) { margin:0 0 20px; } .location .jcarousel-pagination { display:none; } /*Location Search */ .pageResults .col2 { width:100%; display:block; float:left; } .pageResults .locationLarge, .locationLarge .cardList .listpost { width:100% !important; overflow:visible; } .pageResults .locationLarge .col2 { width:50%; } .locationLarge .cardList .listpost .listpostText { width:100%; height:auto; position:relative; padding:40px 0; } .locationLarge .cardList .listpost .listpostLug { width:-webkit-calc(100% + 80px); width:-moz-calc(100% + 80px); width:calc(100% + 80px); right:0; left:40px; position:relative; height:auto; } .locationLarge .cardList .listpost .listpostLug img { position:static; max-width:100%; height:auto; } /*.eventList .listpost { width:-webkit-calc((100% - 20px) / 2); width:-moz-calc((100% - 20px) / 2); width:calc((100% - 20px) / 2); margin:0 20px 40px 0 !important; } .eventList .listpost:nth-of-type(3n) { margin:0 20px 40px 0 !important; } .eventList .listpost:nth-of-type(2n) { margin:0 0 40px 0 !important; }*/ /* Testimonials */ .testimonialList { grid-template-columns:1fr; grid-gap:40px; } .testimonialList .listpost { width:100% !important; margin:0 !important; padding:0 0 40px; border:0; border-bottom:5px solid #efefef; } .testimonialList .listpost:last-of-type { border:0; } .testimonialList .listpost .listpostText { min-height:0 !important; } /* Awards */ .awardBlock { grid-template-columns:1fr 1fr; } /* Modal System */ .colStats { width:100% !important; padding:0 !important; margin:0 auto 40px !important; } /* ViewBox */ .viewBoxContainer.sessionContainer .viewBoxBlock .viewBoxTitle .h5 { display:block !important; width:calc(100% - 28px); padding:0 40px 0 0; } .viewBoxContainer.sessionContainer .sessionTitle, .viewBoxContainer.sessionContainer .sessionTime { padding:0 !important; width:100% !important; } .viewBoxContainer.sessionContainer .viewBoxBlock .viewBox .lead { display:none !important; } .viewBoxContainer.sessionContainer .viewBoxBlock .viewBox .innerGrid { grid-template-columns:1fr 1fr !important; } .viewBoxContainer.sessionContainer .innerGrid .gridBlock { padding:20px 20px 40px !important; } .viewBoxContainer.sessionContainer .sessionPrice { text-align:left !important; } #fullscreenSearch .trendingList li { flex:1 46%; } #builder .sectionStats .metaBox { grid-template-columns:1fr; } .servicePane.imgPane, .contentPane.imgPane { padding:40px; } .infoPaneProfiles .viewBoxContainer .viewBoxBlock .viewBox { padding:10px; } .infoPaneProfiles .viewBoxContainer .viewBoxBlock .viewBox .profileContent { grid-template-columns:1fr; } .infoPaneProfiles .viewBoxContainer .viewBoxBlock .viewBox .profileIMG { width:60%; aspect-ratio:1; margin:auto; min-width:300px; } .infoPaneProfiles .viewBoxContainer .viewBoxBlock .viewBox .profileIMG img { width:100%; height:100%; object-fit:cover; object-position:top center; } } @media screen and (max-width: 900px) { /*#infoPane1::before { width:100%; height:400px; position:static; } #infoPane1 .container { padding:0; } #infoPane1 .colSpacer { display:none; } #infoPane1 .col2 { width:100%; }*/ blockquote { font-size:1.7em; } #contentHeader .backing, .eventPage #contentHeader .backing { min-height:100%; } #contentHeader, .eventPage #contentHeader, #infoPaneHeader, .superPosts, .superPosts .jcarousel, .carouselSuperFull .superPost { } #contentHeader.quoteHeader h1 { font-size:2.3em; line-height:1.1em; } #contentHeader .backing img, #infoPaneHeader .backing img { height:100%; width:100%; object-fit:cover; object-position:center; } #infoPaneHeader .logoMain { display:block; height:auto; width:350px; max-width:70vw; top:-100%; bottom:-100%; left:-100%; right:-100%; transform:none; position:static; } .sectionContentHalf .sectionText, ul#sections .section .sectionIMG { width:100% !important; } .sectionContentHalf .sectionText .sectionTextPad { padding:40px 40px 80px !important; } .sectionContentHalf .sectionText { display:block; position:static; } ul#sections .section .sectionIMG .sectionIMGpad img { max-width:100% !important; } .sectionMultiCol .infoPanels { grid-template-columns:1fr; } img.alignleft, img.alignright, #introPane .entry img, #introPane .entry img.alignright, .entry img.alignleft { width:100% !important; margin:0 auto 40px !important; border:0; padding:0; max-width:100% !important; } /*.archiveList.vert .listpost { width:-webkit-calc((100% - 20px) / 2) !important; width:-moz-calc((100% - 20px) / 2) !important; width:calc((100% - 20px) / 2) !important; margin:0 20px 40px 0; display:block; float:left; } .archiveList.vert .listpost:nth-of-type(3n) { margin:0 20px 40px 0; } .archiveList.vert .listpost:nth-of-type(2n) { margin:0 0 40px; } .archiveFeed .listpost { width:-webkit-calc((100% - 20px) / 2); width:-moz-calc((100% - 20px) / 2); width:calc((100% - 20px) / 2); } .archiveFeed .listpost:nth-of-type(3n) { margin:0 20px 20px 0; } .archiveFeed .listpost:nth-of-type(2n) { margin:0 0 20px; } */ .archiveList { grid-template-columns:1fr 1fr !important; } .archiveList.vert .listpost .listpostLug img { max-height:115% !important; width:auto !important; } /*.blockList .listpost, .blockList .listpost .listpostLug, .blockList .listpost .listpostText { height:200px; } .blockList .listpost .listpostText { top:70px; }*/ /*.archiveFeed .blockList .listpost { width:-webkit-calc((100% - 40px) / 3); width:-moz-calc((100% - 40px) / 3); width:calc((100% - 40px) / 3); } .archiveFeed .blockList .listpost:nth-of-type(2n) { margin:0 20px 20px 0; } .archiveFeed .blockList .listpost:nth-of-type(3n) { margin:0 0 20px; }*/ .ctaStrip { height:auto; } .ctaBlock { width:100%; height:300px; float:none; font-size:1em; } /* CV */ .cvProfileBlock .colBlock { display:grid; grid-template-columns:1fr; grid-gap:40px; } #footer.footerMicro #footerLinks ul { grid-template-columns:1fr 1fr; } .metaPane .metaBox { display:grid; grid-template-columns:repeat(auto-fit, minmax(100px, 1fr)); gap:40px; padding:20px; font-size:1em; line-height:1.2em; font-weight:600; } .infoPane.itineraryPane::before { bottom:inherit; top:150px; } .itineraryPane .tabBox.vertTab { grid-template-columns:60px 1fr; gap:20px; } .itineraryPane .tabBox.vertTab .tabIMG { display:none; } .itineraryPane .tabBox h4 { text-indent:-32px; padding:0 30px; } .itineraryPane .tabBox h4::before { margin:0 5px 0 0; } .itineraryPane .tabBox.vertTab { grid-template-columns:42px 1fr; } .itineraryPane .tabBox .tabContent { padding:0; margin:20px 0 0; } .itineraryPane .tabBox .tabContent .tabText { padding:0; } .itineraryPane .tabBox .tabs .tabLink.active .glyphicon { display:none; } .tabBox.vertTab .tabs .tabLink { min-width:41px; padding:5px 0; font-size:0.8em !important; } .tabBox.vertTab .tabs .tabLink.active { width:41px; padding:5px 0 !important; } .itineraryPane .tabBox h4::before { display:none; } .itineraryPane .tabBox h4 { text-indent:0; padding:0; } .service .flagStrip { width:300px; float:none; margin:40px auto 0; } .service #introPane::before, .service .infoPane.highlightsPane .superPosts #carouselSuper-wrapper::before, .service .infoPane.itineraryPane::before, .service .infoPane.objectivesPane::before, .service #outroPane::before { position:relative; height:50px; width:50px; top:0; left:20px; right:inherit; margin:0; font-size:90px; opacity:0.6; z-index:2; color:var(--colour-mid); } .service .infoPane.highlightsPane .superPosts #carouselSuper-wrapper::before { top:50px; position:absolute; color:var(--colour-white); } .service .infoPane.itineraryPane::before, .service .infoPane.objectivesPane::before, .service #outroPane::before { top:50px; } .service #outroPane::before { font-size:150px; width:150px; left:calc(50% - 75px); top:100px; } .service .tabBox.outer > .tabs { display:grid; grid-template-columns:repeat(auto-fit, minmax(190px, 1fr)); gap:10px; justify-items:left; } .service .tabBox.outer > .tabs .tabLink { padding:5px 10px; min-width:0; max-width:300px; width:100%; margin:0; } .service .tabBox.outer .tabContent { margin:0; padding:20px 0 0; } .highlightsPane .highlightsText { padding:20px 0; align-items:center; } .highlightsPane, .featuredPosts { height:85vh; min-height:fit-content; max-height:640px; } #carouselLarge .featuredPost { height:85vh; min-height:max-content; max-height:600px; } .featuredPosts .jcarousel > ul { height:85vh; min-height:max-content; max-height:600px; } .highlightPosts .highlightPost { display:grid; grid-template-columns:1fr 2fr; } .highlightPosts .highlightPost::before, .highlightPosts .highlightPost::after { display:none; } .featuredPosts .jcarousel { position:static; height:calc(100% - 40px); } .featuredPosts .featuredPost .container { height:auto; padding:0 40px; width:100%; } .featuredPosts .jcarousel-pagination { left:0; right:0; height:40px; padding:10px; bottom:0; width:100%; background:var(--colour-dark); z-index:1; } .featuredPosts #carouselLarge-wrapper > .jcarousel-control-prev, .featuredPosts #carouselLarge-wrapper > .jcarousel-control-next { width:40px; height:40px; position:absolute; top:initial; bottom:0; } .featuredPosts #carouselLarge-wrapper > .jcarousel-control-prev span, .featuredPosts #carouselLarge-wrapper > .jcarousel-control-next span { transform:none; width:40px; height:40px; padding:2px; top:initial; bottom:0; font-size:0.5em; line-height:0.8em; } .highlightsPane .highlightsIMG { height:100%; } .highlightsPane .superPosts { height:auto !important; max-height:inherit !important; } .highlightsPane .superPosts, .highlightsPane .superPosts .jcarousel { max-height:inherit !important; } .highlightsPane .highlightsIMG { width:100%; height:100%; position:static; padding:20px; } .highlightsPane .highlightsIMG a { display:block; position:relative; z-index:1; } .highlightsPane .highlightsIMG img { object-fit:cover; object-position:center; width:100%; height:100%; position:static; } .highlightsPane .highlightsText.col2 { width:100%; height:calc(100% - 40px); } .highlightsPane .highlightsText .highlightsInner { max-width:100%; } .highlightsPane .superPosts .carouselSuperFull .superPost .container { position:static; } .highlightsPane .superPosts .carouselSuperFull .superPost { height:auto; min-height:0; max-height:inherit !important; } .highlightStrip h1, .highlightStrip h2, .highlightStrip p { width:100%; text-align:center; } .downloadStrip h1, .downloadStrip h2, .downloadStrip p { width:100%; text-align:center; } .highlightStrip .btn { float:none; width:100%; max-width:300px; clear:both !important; margin:auto; display:block; } .customTrips { } .customTrips .container { } .itineraryPane { grid-template-columns:1fr; } .itineraryPane .itineraryIMG { height:350px; } .itineraryPane .itineraryInner { padding:0 40px 40px; } .storyList .listpost .listpostLink { grid-template-columns:1fr 3fr; } } @media screen and (max-width: 768px) { blockquote { width:100%; margin:40px auto; padding:0 40px; font-size:1.2em; } blockquote .credit { max-width:75% !important; display:block; float:right; } .testimonialBlock blockquote .credit { max-width:100% !important; } .statsBlock .statCol h2 { font-size:3em; } .statsBlock .statCol p { font-size:0.9em; line-height:1.3em; } .statsPane .infoPaneInner { padding:20px 0; } .homePage #menuBarBlock { height:80px !important; } .entry .showcase .col1 { margin:20px auto 80px; } .entry .showcase img { margin:0; } .entry .showcase .col2 { width:100%; } .entry .showcase .col2 .colInner { padding:0; } .entry .showcase .col2 .colInner h4 { margin:40px auto 10px; } .carouselSuperFull .superPost .superText .superTextInner { max-width:100%; } .superPosts .superPost .superLink { } .superPosts .superPost .superLug { height:inherit !important; } .carouselSuperFull .superPost .superLug img { max-height:100% !important; } .superPosts .superPost .superText { float:none; } .filmPost .textInfo { bottom:0; width:100%; max-width:100%; } .filmPost .posterIMG { width:150px; margin:0 auto 20px; } .alignleft, .alignright { width:100%; margin:0 auto 40px; max-width:100%; } .alignright .responsive-container { margin:0 auto; } /*#contentHeader .backing img { max-width:inherit !important; max-height:110% !important; }*/ #contentHeader .imageTrigger { right:20px; float:right; clear:both; color:#ffffff; position:static; margin:0 0 40px; padding:5px 10px; font-size:0.8em; } #contentHeader .imageTrigger:hover, #contentHeader .imageTrigger:focus { background:var(--colour-light); border-color:var(--colour-light); color:#ffffff; } #contentHeader h2 { font-size:1.3em !important; margin:0 0 20px; } #contentBody .entry, #contentBody .schedule { padding:40px 0; } #contentBody .entry .col2 { width:100% !important; } #contentBody .entry .colPadLeft, #contentBody .entry .colPadRight { padding:0; } .homePage .leaderStrip { text-align:center; margin:0; } .homePage .superPosts { } .homePage .superPosts .jcarousel-pagination { width:100% !important; height:22px !important; padding:0 !important; text-align:center; bottom:40px; } .superPosts .jcarousel-pagination a { width:10px; height:10px; } .superPosts .jcarousel-pagination a.active { width:20px; } .homePage #infoPane2 .archiveFeed::before { margin:0 auto 160px; } .homePage #infoPane1 { margin:0 auto; padding:0; } .homePage #infoPane1::before, .homePage #infoPane1::after { width:100%; } .homePage #infoPane1 .col2:first-of-type { width:100%; } .homePage #infoPane1 .col2:last-of-type { display:none; } ul#sections .section .sectionIMG { height:auto; margin:0 -20px 40px; } ul#sections .section .sectionIMG .sectionIMGpad { position:relative; } ul#sections .section .sectionIMG .sectionIMGpad img { position:static; width:100%; height:auto; margin:auto; } .sectionMultiCol { padding:0; } .sectionMultiCol .infoPanels { display:grid; grid-template-columns:1fr; } .sectionMultiCol .infoPanels .infoPanel .infoPanelText .infoPanelPad { padding:10px 0; } /*.listpost .excerptBlurb { display:none; } .blockList .listpost .listpostLug { min-width:100% !important; height:200px !important; } .blockList .listpost .listpostText { width:100%; position:absolute; height:100% !important; } .blockList .listpost .listpostText .h4 { color:#ffffff !important; text-shadow:inherit; }*/ .blockList .listpost, .blockList .listpost .listpostLug, .blockList .listpost .listpostText { height:auto; } .blockList .listpost .listpostText { width:100%; position:absolute; height:100% !important; } .blockList .listpost .listpostText h3 { font-size:2em; } .archiveList.vert .listpost .listpostLug, .vert .listpost .listpostLug { width:100%; } .archiveList.vert .listpost .listpostText, .vert .listpost .listpostText { width:100%; } .testimonialList { grid-template-columns:1fr; grid-gap:40px; } .testimonialList .listpost { padding:0 0 40px; } .testimonialList .listpost .listpostText .excerptBlurb { display:block; } .testimonialList .listpost .listpostText { padding:0 !important; } .awardBlock { grid-template-columns:1fr; } .staffList { grid-template-columns:1fr; } .highlightPosts .highlightPost { grid-template-columns:1fr; grid-template-rows:300px 1fr; } .featuredPosts .jcarousel-pagination { } .highlightsPane .highlightsText { align-items:flex-start; } .locationsPane .listpost.staticBox { width:100% !important; margin:0 0 5px !important; } .locationsPane .listpost .listpostLug { width:40% !important; height:120px !important; } .locationsPane .archiveList.vert .listpost .listpostLug img { max-height:inherit !important; width:100% !important; } .locationsPane .listpost .listpostText { width:60% !important; min-height:120px !important; font-size:0.85em; } .locationsPane .listpost .listpostText .h4 { font-size:1em !important; } ul#sections .section .sectionText img.alignleft, ul#sections .section .sectionText img.alignright { width:auto; max-width:100%; display:block; margin:0 auto 40px; float:none; } .sidebarTop, .sidebarBottom { padding: 20px !important; } #footer::after { } #footer .footerUpper, #footer.footerMicro .footerUpper { padding:80px 0 100px; } .downloadStrip h2 { font-size:1.8em; } .downloadStrip p { font-size:1.1em; } .ctaStrip .signUp { margin:0; } .ctaStrip .signUp label, .ctaStrip .signUp .indicates-required { position:static; } .ctaStrip #mc_embed_signup input[type=text], .ctaStrip #mc_embed_signup input[type=email] { width:100%; margin:0 auto 10px; } .ctaStrip #mc_embed_signup .btn, .ctaBlock #mc_embed_signup button { float:right; margin:auto; padding:10px 20px; display:block; width:100%; max-width:200px; border-radius:0 !important; } .infoItems { width:100%; max-width:100% !important; } /* Modal System */ .sportsModal { max-width:-webkit-calc(100% - 20px) !important; max-width:-moz-calc(100% - 20px) !important; max-width:calc(100% - 20px) !important; } .fancybox-navigation .fancybox-button { top:inherit !important; bottom:0 !important; height:60px !important; width:50% !important; padding:5px !important; } #modalStrip .modalBlock .modalLug img { max-height:150%; } .viewBoxGrid { } .viewBoxGrid .viewBoxBlock.down .viewBox { display:flex !important; flex-direction:row !important; overflow-x:scroll !important; padding:0 0 0 130px !important; height:auto !important; } .viewBoxGrid .viewBoxBlock.down .col1 { width:150px !important; display:block !important; min-width:150px !important; border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf; } .viewBoxGrid .viewBoxBlock.down .col1:nth-of-type(1) { } .viewBoxGrid .viewBoxBlock .viewBoxFlex .col1 { width:200px; min-width:250px !important; } .viewBoxGrid .viewBoxBlock.down .colHeader { width:130px !important; min-width:0 !important; float:left !important; position:absolute; color:#ffffff; background:var(--colour-light) !important; z-index:1; left:0; height:auto !important; } .viewBoxGrid .viewBoxBlock.down .col5, .viewBoxGrid .viewBoxBlock .viewBoxFlex .colFlex { width:100% !important; padding:5px 10px; border-width:0 1px 1px 0; border-color:#cfcfcf; border-style:solid; } .viewBoxGrid .viewBoxBlock.down .col5:nth-of-type(1), .viewBoxGrid .viewBoxBlock .viewBoxFlex .colFlex:nth-of-type(1) { font-weight:400; } .viewBoxGrid .viewBoxBlock.up .viewBox { height:0!important; } /* Galleries */ .galleryPane li { width:-webkit-calc(100% / 4); width:-moz-calc(100% / 4); width:calc(100% / 4); } .fancybox-caption { background:none !important; bottom:60px !important; } .fancybox-is-open .fancybox-bg { opacity:1; } /* Modal */ .popupModal { max-width:-webkit-calc(100% - 20px) !important; max-width:-moz-calc(100% - 20px) !important; max-width:calc(100% - 20px) !important; height:auto; } .popupModal .colModal { width:100% !important; } .popupModal .colIMG { position:relative; height:30vh; } .popupModal .colIMG img { height:auto; } .popupModal .modalInner { padding:40px 20px; } .fancybox-navigation .fancybox-button { top:inherit !important; bottom:0 !important; height:60px !important; width:50% !important; max-width:50% !important; padding:5px !important; } .fancybox-caption { bottom:60px !important; } #outroPane .entry { padding:0 !important; } #outroPane .entry img.alignright { margin:0 0 40px; } #contactPane .sectionCols { grid-template-columns:1fr; } .downloadStrip, .customTrips { padding:100px 0; } .downloadStrip h2, .downloadStrip p, .customTrips h2, .customTrips p { width:100%; } .downloadStrip .backing img, .customTrips .backing img { opacity:0.4; } .planningForm .wpcf7 form { grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); } #carouselTestimonial-wrapper { gap:20px; } .testimonialBlock #carouselTestimonial::before, .testimonialBlock #carouselTestimonial::after { opacity:0.3; } .sponsorsBox .listpost .listpostLug img { height:100%; width:100%; object-fit:cover; position:absolute !important; } #builder .sectionImages .container { grid-template-columns:1fr; } .storyList .listpost .listpostLink { grid-template-columns:1fr; } .storyList .listpost .listpostLink .listpostLug { max-width:350px; margin:auto; } .storyList .listpost .listpostText { padding:0; } .storyList .listpost .listpostText::before { display:none; } .storyList .listpost .listpostText .excerptBlurb { padding:60px 40px; } #newsletterPane .container .c2aBlocks { grid-template-columns:1fr; direction:rtl; text-align:left; } #newsletterPane .container .c2aBlocks .c2aBlock .sectionIMG { position:static; } } @media screen and (max-width: 600px) { body { font-size:1em; line-height:1.5em; } h1, h2, h3, h4, h5, h6 { clear:both; } h1, #contentHeader.quoteHeader h1 { font-size:2.0em; max-width:100%; } h2 { font-size:1.8em !important; } h3 { font-size:1.6em !important; } h4 { font-size:1.4em !important; } h5 { font-size:1.0em; } h6 { font-size:0.9em; line-height:1.2em; } #contentBody ul, #contentBody ol, ol { margin:0 0 20px 20px; } #contentBody ul#sections, #contentBody ol#sections { margin:0 0 20px 40px; } .featuredPosts .featuredPost .container { padding:0 20px; } .featuredPosts .jcarousel-pagination a { height:10px; width:10px; } .featuredPosts .jcarousel-pagination a.active { width:20px; } button, .btnMain, .btnSmall { font-size:0.9em !important; } #contentHeader h1 { height:auto; padding-top:7px; line-height:1em; font-size:1.7em; line-height:1.3em; margin:0 0 10px; } .ctaStrip h3 { font-size:1.3em; line-height:1.3em; } .headlineInline h2 { font-size:1.7em; } .messageBlock h1, .messageBlock h4 { font-size:0.8em; } .quoteHeader .infoStrip .idBox { padding:10px; } .container, .containerWide, .infoPane .containerWide { padding:0 20px; } #contentHeader .container { padding:0 20px 40px !important; } #contentHeader.quoteHeader .container { padding:100px 20px 40px !important; } #contentHeader .imageTrigger { bottom:20px; right:20px; } .galleryPanel { padding:0 20px; } .servicesPane .infoPaneInner, .infoPaneInner { padding:40px 0; } /*#contentHeader .backing, .highlightStrip, #footer { width:100%; border:0; }*/ /*.highlightStrip { gap:0; margin:0 auto; }*/ .itineraryPane .itineraryIMG, .mapIMG, .leadIMG { padding:20px; } #masterMenu { background-size:60px auto; } #masterMenu .menuLogo { width:130px; } #masterMenu .menu li a { margin:10px; height:30px; padding:5px 10px; } .homePage #main { padding:40px 0 0; } .homePage #menuBarBlock { height:40px !important; } .homePage .carouselPane .containerWide, .homePage .infoPane .containerWide { padding:0 20px; } #infoPaneHeader .logoMain { max-width:80vw; } /*.homePage .eventList .listpost { width:calc(100% + 40px) !important; left:-20px; position:relative; } */ #contentPanel .content, #contentPanel .contentFull { padding:0; } .content, .contentFull { /* padding:0; */} .infoPane .infoPaneInner { padding:40px 0; } #contentHeader, .eventPage #contentHeader { padding:110px 0 0; height:auto; min-height:450px; max-height:600px !important; } #contentHeader.shortHeader { min-height:0 !important; } #contentHeader .h2 { font-size:1.1em; line-height:1.4em; font-family:inherit !important; font-weight:400; } #contentHeader::after { height:69px; } #contentHeader .backing { height:100% !important; min-height:350px !important; } #contentHeader .breadcrumbs { position:static !important; display:block !important; float:left !important; top:inherit !important; font-size:0.9em; } #contentHeader .breadcrumbs .tail { display:none; } #contentHeader .dek { font-weight:400; position:static !important; display:block !important; float:left !important; top:inherit !important; width:90%; text-align:left !important; } .itemDetails { font-size:0.9em; line-height:1.4em; } #infoPaneHeader, .homePage .superPosts, .homePage .superPosts .jcarousel, .carouselSuperFull .superPost { /* height:70vh; min-height:0 !important; max-height:520px !important; */ } .carouselSuperFull .superPost { } .carouselSuperFull .superPost .superText { padding:0 20px 20px; font-size:0.9em; } .carouselSuperFull .superPost .superText .container { padding:20px; left:0; bottom:0; } .filmPost .superText .filmDetails::before { top:20px; } .filmPost .posterIMG { width:120px; } .carouselSuperFull .superPost .superText .ctaIMG { margin:0; width:300px; max-width:80%; } .carouselSuperFull .superPost .superText .container { bottom:60px !important; } .superPosts .jcarousel-pagination { height:60px !important; padding:20px !important; } .superPosts #carouselSuper-wrapper > .jcarousel-control-prev, .superPosts #carouselSuper-wrapper > .jcarousel-control-next { height:40px; width:40px; } #contentBody .entry > img { width:100% !important; height:auto; max-width:100%; margin:20px auto 40px; } #contentBody ul ol, #contentBody ol ol { margin:10px 0 40px 10px !important; } ol#index { margin:0 0 0 20px; } .infoPanel {} .infoPanel .infoPanelLug { width:100%; float:left; height:auto; padding:20px 20px 0; } .infoPanel .infoPanelText { width:100%; float:left; height:auto; min-height:0; } .infoPanel .infoPanelPad { position:relative; float:left; bottom:initial; padding:40px 20px; } .fancybox-content .infoPanel:first-of-type .infoPanelPad { padding:20px; } .fancybox-content .infoPanel:last-of-type .infoPanelPad { padding:20px 20px 80px; } .fancybox-content .modalIntro .modalInner, .fancybox-content .modalOutro .modalInner, .fancybox-content .infoPane .modalInner { padding:40px 20px; } #sectionPane .infoPanel .infoPanelLug img, .infoPaneGeneral .infoPanel .infoPanelLug img, .archives .infoPanel .infoPanelLug img { padding:0; } .galleryPanel .contentFull { padding:40px 20px !important; } .gallery { grid-template-columns:1fr 1fr 1fr !important; } .homePage .superPosts { padding:0; } .homePage #infoPane2 .archiveFeed { padding:0 0 40px; } .homePage #infoPane2 .archiveFeed::before { height:250px; } #infoPaneHeader .infoPaneInner { display:block; position:relative; } #infoPaneHeader button { margin:20px auto 0; } .container, .containerWide { padding:0 20px; } #contentHeader.shortHeader { padding:180px 0 40px !important; } #contentHeader.shortHeader .container { padding:0 20px !important; } .infoPane .containerWide { padding:0 20px; } .mapIMG, .contentIMG { padding:0; } #contentBody .entry, #contentBody .schedule { padding:40px 0; } #featIMG { margin:0 -20px 40px; } .entry > p > a > img, .entry > p > img { margin:0 auto 40px !important; } .navigateInline { padding:20px 0; } #introPane { padding:0; } #introPane #contentBody .entry, #outroPane, #outroPane #contentBody .entry { padding:0 0 40px; } #introPane .entry p a img, #introPane .entry p img, #outroPane .entry p a img, #outroPane .entry p img { margin:0 auto 40px !important; } #introPane .mapIMG img { padding:20px; } .servicePane.imgPane, .contentPane.imgPane { padding:20px; } .servicePane .contentBlurb, .contentPane .contentBlurb { padding:40px 0; } .itineraryPane .itineraryInner { padding:0 20px 40px; } .archiveFeed h2:first-child, .archiveFeed h3:first-child, .archiveFeed h2:nth-child(2), .archiveFeed h3:nth-child(2) { text-align:left; } .archiveFeed .listpost { width:100%; } /*.archiveFeed .blockList .listpost { width:-webkit-calc((100% - 20px) / 2); width:-moz-calc((100% - 20px) / 2); width:calc((100% - 20px) / 2); } .archiveFeed .blockList .listpost:nth-of-type(3n) { margin:0 20px 20px 0; } .archiveFeed .blockList .listpost:nth-of-type(2n) { margin:0 0 20px; }*/ /*.archiveFeed .menuList .listpost { width:-webkit-calc((100% - 20px) / 2); width:-moz-calc((100% - 20px) / 2); width:calc((100% - 20px) / 2); margin:0 20px 20px 0; } .archiveFeed .menuList .listpost:nth-of-type(2n) { margin:0 0 20px; } .archiveFeed .menuList .listpost.staticBox .listpostText { padding:20px 0; }*/ .listpost .listpostLug img { max-height:inherit !important; } /*.eventList .listpost { width:100%; margin:0 0 40px !important; }*/ /*.highlightStrip::after { height:120px; top:-119px; }*/ .viewBoxContainer .viewBoxBlock .viewBoxTitle .viewBoxLug { width:80px; margin:0 20px 0 0; } .viewBoxContainer .viewBoxBlock .viewBoxTitle .viewBoxLug img { width:auto; } .viewBoxContainer.viewBoxMenu .viewBoxBlock .viewBoxTitle .h5, .viewBoxContainer .viewBoxBlock .viewBoxTitle .h5 { width:calc(100% - 28px); text-indent:0; margin:0; padding:10px 0; } .viewBoxContainer .viewBoxBlock .viewBoxExpander { /*width:25px; */} .viewBoxContainer .viewBoxBlock .viewBox { padding:0 40px; font-size:1em; } .gridBlock { margin:0 auto 20px; } .gridBlock .gridRow > * { } .gridBlock .gridRow > .col2 { width:50% !important; } .gridBlock .gridRow > .col3 { width:-webkit-calc(100% / 3) !important; width:-moz-calc(100% / 3) !important; width:calc(100% / 3) !important; } .gridBlock .gridRow > .col3Double { width:-webkit-calc((100% / 3) * 2) !important; width:-moz-calc((100% / 3) * 2) !important; width:calc((100% / 3) * 2) !important; } .gridBlock .gridRow > .col6 { width:-webkit-calc(100% / 6) !important; width:-moz-calc(100% / 6) !important; width:calc(100% / 6) !important; } .viewBoxContainer.sessionContainer .viewBoxBlock .viewBox .innerGrid { grid-template-columns:1fr !important; grid-gap:0; } .viewBoxContainer.sessionContainer .innerGrid .gridBlock { padding:20px !important; } .viewBoxContainer.sessionContainer .innerGrid .gridBlock:last-of-type { padding:20px 20px 40px !important; } .eventBlock { grid-template-columns:1fr; } #sidebar { padding:40px 0 !important; } .sidebarTop, .sidebarBottom { padding:0 !important; } #sidebar.sidebarController #sidebarModule, .sidebarModule { max-width:100% !important; } .lugList .listpost .listpostText .h4 { font-size:0.9em !important; } .viewBoxContainer .viewBoxBlock .viewBoxTitle .h5 { text-indent:-25px; margin-left: 25px; width:calc(100% - 28px); } .appBlock .col2 { width:50%; } .appBlock .appLug { max-width:150px; width:-webkit-calc(100% - 10px); width:-moz-calc(100% - 10px); width:calc(100% - 10px); } .ctaStrip #mc_embed_signup input[type=text], .ctaStrip #mc_embed_signup input[type=email] { padding:14.5px 20px; width:100%; } /* CardList Carousel */ .entry #carousel-commuter, .entry #carousel-rover { height:auto; } .location .cardList { width:20000em !important; background:#f7f5f4; } .location .cardList .listpost { float:left; display:block; width:100% !important; margin:auto; max-width:-webkit-calc(100vw - 57px) !important; max-width:-moz-calc(100vw - 57px) !important; max-width:calc(100vw - 57px) !important; height:auto; padding:0 0 20px; min-height:0 !important; } .location .cardList .listpost .listpostText { height:auto; } .location .cardList .listpost .siteInfo .col2 { width:50% !important; } .location .cardList .listpost .listpostText .subText { margin:0 auto 10px; } .location .cardList .listpost .listpostText button { width:100%; } .location .cardList .listpost:nth-of-type(2n), .location .cardList .listpost:nth-of-type(3n) { margin:auto !important; } .location .jcarousel-pagination { display:block; width:100% !important; background:none; } .location .cardList .listpost .listpostText .siteInfo { font-size:1em; } .location button { font-size:0.9em !important; } /*Location Search */ #mc_embed_signup .mc-field-group label { display:none; } #mc_embed_signup input[type="text"], #mc_embed_signup input[type="email"], #mc_embed_signup .mc-field-group .phonefield { width:100%; } .pageResults .locationLarge .col2 { width:100%; margin:0 auto 20px; } .pageResults .locationLarge .cardList .listpost .listpostText .subText { margin:0 auto 20px; } .pageResults .locationLarge .cardList .listpost .listpostText button { font-size:1.1em !important; width:100%; max-width:200px; } #sponsorStrip .container { padding:0 0 0 20px !important; } #sponsorStrip .col1 { float:none !important; display:block !important; } /* Modal System */ #modalStrip {} .fancybox-content .headerIMG { width:100%; position:relative; height:auto; min-height:360px; } .fancybox-content .headerIMG img { height:100%; display:block; position:absolute; min-height:100%; min-width:100%; width:auto; left:-100%; right:-100%; top:0; bottom:0; max-width:inherit; } .viewBoxScheduler .colTime, .viewBoxScheduler .colItem, .viewBoxScheduler .colDesc { width:100%; text-align:left; } .viewBoxScheduler .colTime, .viewBoxScheduler .colItem { padding:10px 0 5px; } .viewBoxScheduler .colDesc { padding:0 0 10px; } #modalStrip .modalBlock, #modalStrip .modalBlock .modalLug { height:auto; min-height:350px; } #modalStrip .modalBlock .modalLug img { width:auto; position:absolute; min-width:100%; height:auto; max-height:120%; max-width:240%; } #mapPane h6.headlineInline { line-height:1.1em; font-size:2em; } /* CV */ .cvEntry.cvJob .cvTitle, .cvEntry.cvEdu .cvTitle, .cvEntry .cvTime { width:100%; float:left; margin:0 0 10px; } #mobileMenu { box-shadow:none; } #fullscreenSearch .container { padding:0 20px !important; } #fullscreenSearch .trendingList li { flex:1 75%; } .pricingGridRow { display:flex; } } @media screen and (max-width:550px) { /*.archiveList.vert .listpost { width:100% !important; margin:0 auto 40px; } .archiveList.vert .listpost:nth-of-type(2n) { margin:0 auto 40px; } */ .archiveList { grid-template-columns:1fr !important; } .archiveList.sponsorList { grid-template-columns:1fr 1fr !important; } .archiveList.sponsorList .listpost .listpostLug { height:auto !important; } .archiveList .listpost .listpostLug img, .vert .listpost .listpostLug img { height:auto !important; max-height:inherit !important; } .archiveList.vert .listpost .listpostLug img { max-height:140% !important; } .archiveList.vert .listpost .listpostText { height:auto; } .archiveList.toolList { grid-template-columns:repeat(auto-fit, minmax(min(150px, 100%), 1fr)) !important; } .archiveList .listpost .filetype { font-size:50px; width:70px; height:50px; } } @media screen and (max-width: 480px) { .homePage .leaderStrip { font-size:0.8em !important; } #contentHeader .container { padding:100px 20px 40px !important; position:relative; } #contentHeader, .eventPage #contentHeader { padding:120px 0 0; min-height:450px; height:auto; max-height:inherit !important; } #contentHeader.shortHeader { padding:100px 0 40px !important } .statsBlock { grid-template-columns:1fr; } .archiveList { padding:0; } .entry .archiveList { padding:0; } .entry .archiveList .listpost.staticBox { margin:0 auto 40px !important; } .archiveList .listpost .listpostLug, .archiveList .listpost .listpostText { width:100%; } .archiveList .listpost.staticBox .listpostLug, .vert .listpost.staticBox .listpostLug { height:auto; } .archiveList .listpost .listpostLug img, .vert .listpost .listpostLug img { height:auto !important; width:100%; position:static; display:block; } .listpost.staticBox .listpostText { height:auto; } #infoPane1 .col1 { float:none; } .carouselSuperFull .superPost .superText .container { bottom:60px; } .superPost .btn { display:inline-block; } .carouselSuperFull .superPost .superText .superTextInner h2 { font-size:1.4em !important; margin:0 auto 5px; } .carouselSuperFull .superPost .superText .superTextInner h4 { font-size:1em !important; margin:0 auto 5px; } .superPosts .superPost .superText .excerptBlurb { margin:0 auto 5px; } .filmPost .superText .filmDetails::before { width:120px; right:20px; } .viewBoxContainer .viewBoxBlock .viewBox { padding:0 0 0 10px; } .menuList .listpost .listpostText .h4 { font-size:1.1em; } .upcomingEvents .listpost { width:100% !important; } .gridBlock.gridSchedule .gridRow:nth-of-type(2n) { background:#ffffff; } .gridBlock.gridSchedule .gridRow:nth-of-type(2n+1) { background:#fafafa; } .gridBlock.gridSchedule .gridRow { display:block; } .gridBlock.gridSchedule .gridRow > * { border:none; } .gridBlock.gridSchedule .gridHeader { display:none; } .gridBlock.gridSchedule .gridRow > .col3.gridCell { width:100% !important; } .gridBlock.gridSchedule .gridRow:nth-of-type(2) { border-top:1px solid #cfcfcf; } .locationsPane .archiveList.vert .listpost .listpostLug img { max-height:100% !important; width:auto !important; } #fixedStrip { padding:10px; height:auto; } #fixedStrip .col2 { width:50%; font-size:0.9em; } #fixedStrip .col3 { width:-webkit-calc(100% / 3); width:-moz-calc(100% / 3); width:calc(100% / 3); font-size:0.9em; } #fixedStrip .col2 button, #fixedStrip .col3 button { width:-webkit-calc(100% - 10px); width:-moz-calc(100% - 10px); width:calc(100% - 10px); padding:10px 0; } #footer::after { } #footer .footerUpper { padding:40px 0 80px; } #footer #footerLead { margin:40px auto 0 !important; } #footer #footerLogo > a img { max-width:90%; } #sb_instagram #sbi_images .sbi_item { width:50% !important; } #footer #footerLinks .column { padding:0; margin:0; } #footer .line1, #footer .line2, #footer .line3 { float:none; } #footer.footerMicro .footerUpper { padding:80px 0; } #footer.footerMicro #footerLinks ul { grid-template-columns:1fr; } #footer #footerLead, #footer #footerLinks { grid-template-columns:1fr; } /* Modal */ .fancybox-content .headerIMG { min-height:300px; } .colBtns .col2 { padding:0 !important; margin:0 auto 20px !important; width:100% !important; } #modalStrip .modalBlock, #modalStrip .modalBlock .modalLug { height:auto; min-height:250px; } #carouselTestimonial-wrapper { gap:10px; } .testimonialBlock #carouselTestimonial::before, .testimonialBlock #carouselTestimonial::after { opacity:0.15; } #carouselTestimonial li, #carouselTestimonial li.headshot { text-align:left; } } @media screen and (max-width: 400px) { .entry .alignleft, .entry .alignright { width:100%; } .ctaStrip input[type=text], .ctaStrip input[type=email] { width:100%; margin:0 auto 10px; } .ctaStrip .btn, .ctaBlock button { margin:auto; float:none; border-radius:0; clear:both; } .archiveFeed .menuList .listpost { width:100%; } .menuList .listpost.staticBox .listpostText .h4 { min-height:0; } .highlightsPane, .featuredPosts, #carouselLarge .featuredPost, .featuredPosts .jcarousel > ul { height:660px; } #carouselLarge .featuredPost { } .highlightPosts .highlightPost { grid-template-columns:1fr; grid-template-rows:200px 1fr; } /* Modal */ .fancybox-content .headerIMG { min-height:250px; } #contentHeader .backing, #footer { width:100%; border-radius:0; } .itineraryPane .itineraryIMG, .highlightsPane .highlightsIMG, .mapIMG, .leadIMG { padding:10px; } #masterMenu .c2aTriggers { display:none; } #fixedStrip { display:block; } } @media screen and (max-width:380px) { #infoPaneHeader, .homePage .superPosts, .homePage .superPosts .jcarousel, .carouselSuperFull .superPost { /* height:70vh; min-height:0 !important; max-height:420px !important; */ } } @media screen and (max-width:360px) { .archiveFeed .blockList .listpost { width:100%; margin:0 auto 20px; } } /* Landscape Queries */ @media screen and (max-device-width:1400px) and (max-device-height:700px) and (orientation:landscape) { #infoPaneHeader, .superPosts, .superPosts .jcarousel { height:95vh !important; min-height:600px; } #infoPaneHeader .logoMain { max-width:100%; width:auto; } #infoPaneHeader h2 { font-size:1.4em; } .carouselSuperFull .superPost { height:95vh !important; } .carouselSuperFull .superPost .superLug img { max-height:inherit !important; max-width:125% !important; top:-10%; bottom:inherit; } .carouselSuperFull .superPost .superText { top:inherit; bottom:0 !important; } .carouselSuperFull .superPost .superText .container { bottom:80px !important; } .carouselSuperFull .superPost.filmPost .superText .superTextInner { max-width:-webkit-calc(100% - 190px) !important; max-width:-moz-calc(100% - 190px) !important; max-width:calc(100% - 190px) !important; position:absolute !important; width:100%; } .carouselSuperFull .superPost .superText .superTextInner h2 { font-size:1.5em !important; } .carouselSuperFull .superPost .superText .superTextInner h4 { font-size:1.1em !important; } .filmPost .posterIMG { margin:0 20px 0 0 !important; } .filmPost .superText .filmDetails::before { background-position:bottom right !important; top:inherit !important; bottom:0 !important; width:120px !important; opacity:1 !important; } #contentHeader, .eventPage #contentHeader, #infoPaneHeader, .superPosts, .superPosts .jcarousel, .carouselSuperFull .superPost { min-height:320px; } #contentHeader .backing::before { background:linear-gradient(0deg, rgba(30, 27, 23,0.9) 0%, rgba(30, 27, 23,0.8) 10%, rgba(30, 27, 23,0.5) 20%, rgba(30, 27, 23,0.3) 30%, rgba(30, 27, 23,0.2) 80%, rgba(30, 27, 23,0.7) 100%); } #fixedStrip, .invisibleDrawer #fixedStrip.locked.closed, .visibleDrawerLeft #fixedStrip.locked.closed { background:none; width:fit-content; right:0 !important; left:initial !important; margin:auto; display:none; } } @media screen and (max-device-width:1000px) and (orientation:landscape) { body { font-size:1em; line-height:1.5em; } h1 { font-size:1.7em; } h2 { font-size:1.5em; } h3 { font-size:1.4em; } h4 { font-size:1.2em; } h5 { font-size:1.0em; } h6 { font-size:0.85em; } #contentHeader h1 { height:auto; padding:4px 0 0; margin:0 auto 5px; } #masterMenu { height:50px; background-size:70px auto; } #masterMenu .menu li a { height:30px; padding:5px 10px; } .homePage #main, #main { padding:40px 0 0; } .btn-drawerTop, .btn-drawerBottom, .btn-drawerLeft, .btn-drawerRight, #masterMenu .btn-search { height:50px; width:50px; padding:15px; font-size:1.7em; } #masterMenu .btn-search { font-size:1.2em; } .btn-drawerLeft span, .btn-search span, .btn-drawerBottom span, .btn-drawerTop span, .btn-drawerRight span { width:20px; } #fullscreenSearch .topdeck { padding:40px 0 0; } #infoPaneHeader, .superPosts, .superPosts .jcarousel { height:100vh !important; min-height:320px; } .homePage #infoPaneHeader .infoPaneInner { min-height:100vh !important; } .carouselSuperFull .superPost { height:100vh !important; } /*.servicesPane .infoPaneInner, .infoPaneInner { padding:0; }*/ .filmPost .posterIMG { width:120px; margin:0 20px 20px 0 !important; } .carouselSuperFull .superPost.filmPost .superText .superTextInner { max-width:-webkit-calc(100% - 200px) !important; max-width:-moz-calc(100% - 200px) !important; max-width:calc(100% - 200px) !important; right:20px; position:absolute !important; width:100%; bottom:20px; } .carouselSuperFull .superPost .superText .container { bottom:60px !important; } .carouselSuperFull .superPost.filmPost .posterIMG { margin:0 20px 0 0 !important; } .filmPost .superText .filmDetails::before { bottom:20px !important; } .superPosts .jcarousel-pagination { height:40px; padding:12px; width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:calc(100% - 80px); } .superPosts #carouselSuper-wrapper > .jcarousel-control-prev, .superPosts #carouselSuper-wrapper > .jcarousel-control-next { height:40px; width:40px; } .viewBoxContainer .viewBoxBlock .viewBoxTitle .h5 { text-indent:-28px; margin-left:28px; } .viewBoxContainer .viewBoxBlock .viewBox { padding:0 20px 20px; } .infoPane .btn { font-size:0.8em; } .infoPanel .infoPanelLink { grid-template-columns:350px 1fr; gap:0; } .infoPanel:nth-of-type(2n+1) .infoPanelLink { direction:rtl !important; } .infoPanel .infoPanelLug { padding:20px; } .infoPanel .infoPanelPad { padding:40px 20px 20px; } .infoPanel .infoPanelText { } #sectionPane .infoPanel .infoPanelLug img, .infoPaneGeneral .infoPanel .infoPanelLug img, .archives .infoPanel .infoPanelLug img { padding:0; } .sectionMultiCol { padding:0; } .sectionMultiCol .infoPanels { gap:0; } .sectionMultiCol .infoPanels { display:grid; grid-template-columns:1fr; } .sectionMultiCol .infoPanels .infoPanel { display:grid; grid-template-columns:200px 1fr; direction:rtl; } .sectionMultiCol .infoPanels .infoPanel:nth-of-type(2n+1) { direction:ltr; } .sectionMultiCol .infoPanels .infoPanel .infoPanelLug, .sectionMultiCol .infoPanels .infoPanel .infoPanelText { width:100%; float:none; } /* iOS repeat because it's stupid and doesn't understand the earlier declaration */ .highlightPosts .highlightPost::before, .highlightPosts .highlightPost::after { display:none; } .highlightsPane .highlightsIMG { } .highlightStrip { padding:40px 0 80px; } .highlightStrip h1, .highlightStrip h2, .highlightStrip p { } .downloadStrip h2, .highlightStrip h2 { font-size:1.4em; line-height:1.2em; } .downloadStrip p, .highlightStrip p { font-size:1em; line-height:1.2em; } .highlightStrip h2, .highlightStrip p { text-align:left; } .downloadStrip h2, .downloadStrip p { text-align:center; } #introPane { padding:0; } #introPane .infoPaneInner { padding:0; } #introPane .entry img, img.alignleft, img.alignright { width:50% !important; } img.alignleft { margin:0 40px 40px 0 !important; width:50% !important; } #introPane .entry img.alignright, img.alignright { margin:0 0 40px 40px !important; width:50% !important; } .servicesPane .entry { grid-template-columns:350px 1fr; gap:20px; align-items:flex-start; padding:0; } #main.mainMinimal, #main.mainMinimal .entry { padding:0; margin:0; } .messageBlock img { max-width:300px; margin:0 auto 10px; } .messageBlock h1 { margin:0 auto 5px; font-size:0.8em; } .messageBlock h4 { margin:0 auto 5px; } .staffList { width:100%; } .staffList .listpost { grid-template-columns:200px 1fr; gap:20px; align-content:flex-start; align-items:flex-start; } .staffList .listpost .listpostLug { width:200px; height:200px; margin:0; } .archiveList { grid-template-columns:1fr !important; margin:0 !important; } .archiveFeed h2 { margin:40px 0 10px !important; text-align:left; } .archiveList .listpost .listpostLink a { display:grid; grid-template-columns:300px 1fr; gap:20px; } .archiveList .listpost .listpostText { display:flex; align-items:center; padding:0; } /*.archiveList.vert .listpost { width:-webkit-calc((100% - 40px) / 3) !important; width:-moz-calc((100% - 40px) / 3) !important; width:calc((100% - 40px) / 3) !important;} .archiveList.vert .listpost:nth-of-type(2n) { margin:0 20px 40px 0; } .archiveList.vert .listpost:nth-of-type(3n) { margin:0 0 40px; }*/ } @media screen and (max-height:800px) and (orientation:landscape) { body { font: } #infoPaneHeader .logoMain img { height:auto; max-height:50vh; max-width:350px; } #infoPaneHeader h2 { font-size:1.7em; } .highlightsPane, .featuredPosts { height:85vh; min-height:0; } } @media screen and (max-device-width:768px) and (orientation:portrait) { .staffList .listpost .listpostLug { height:auto; width:300px; margin:auto; display:block; float:none; max-width:80%; } .staffList .listpost .listpostLug img { max-height:100% !important; position:static !important; margin:auto !important; display:block !important; left:inherit; right:inherit; top:inherit; bottom:inherit; width:100% !important; height:auto !important; } .staffList .listpost .listpostText { padding:20px 0; height:auto; width:100%; float:none; display:block; } .staffList .staffDirector .listpostText { padding:40px 0 !important; } .staffList .staffDirector .listpostLug { margin:auto !important; max-width:340px !important; float:none !important; } .staffList .listpost:last-of-type .listpostText { padding:20px 0 0; } /*.staffList .listpost .listpostLug { height:200px; width:200px; } .staffList .listpost .listpostText { padding:20px; height:auto; width:-webkit-calc(100% - 200px); width:-moz-calc(100% - 200px); width:calc(100% - 200px); } */ .messageBlock h1, .messageBlock h4 { font-size:0.6em; } .customTrips .container { justify-items:center; } .customTrips h2, .customTrips p { width:100%; } .featuredPosts .jcarousel-pagination { background:none; } .highlightPosts .highlightPost { grid-template-columns:1fr; grid-template-rows:270px 1fr; } .highlightsPane .highlightsText { align-items:flex-start; } } @media screen and (max-device-width:768px) and (orientation:landscape) { .messageBlock img { max-width:300px; } .messageBlock h1, .messageBlock h4 { font-size:0.6em; margin:10px auto; } #main.mainMinimal, #main.mainMinimal .entry { padding:0 !important; } .archiveList { grid-template-columns:1fr !important; } .archiveList.vert .listpost .listpostText { width:60%; } .archiveList .listpost.staticBox .listpostLug, .vert .listpost.staticBox .listpostLug { width:40%; } } @media screen and (max-device-width:667px) and (orientation:landscape) { #contentHeader { height:70vh; min-height:300px; } #contentHeader .backing, .eventPage #contentHeader .backing { min-height:380px; } } @media screen and (max-device-width:600px) and (orientation:landscape) { .carouselSuperFull .superPost .superText .container { bottom:40px !important; } .staffList .listpost .listpostLug { width:100px; height:100px; } .staffList .listpost .listpostText { width:calc(100% - 100px); } #infoPaneHeader .logoMain img { max-width:50vw; } #infoPaneHeader h2 { font-size:1em; margin:10px auto 0; color:#ffffff; } } @media screen and (max-device-width:500px) and (orientation:landscape) { #contentHeader, .eventPage #contentHeader { min-height:300px !important; } } @media screen and (max-device-width:480px) and (orientation:portrait) { .highlightPosts .highlightPost { grid-template-rows:230px 1fr; } } @media screen and (max-device-width:375px) and (orientation:portrait) { .highlightPosts .highlightPost { grid-template-rows:200px 1fr; } }