/* 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-light:#90BADB; --colour-dark:#25487F; --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-dark); --colour-hover-secondary:var(--colour-light); --colour-c2a:var(--colour-black); --colour-c2a-inverse:var(--colour-white); } *, *: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:#010101; font:1.1em/1.5em 'EB Garamond', serif; letter-spacing:0.4px; position:relative; z-index:1; overflow-x:hidden !important; } /* Headlines */ h1, h2, h3, h4, h5, h6, h7 { color:var(--colour-dark); margin:40px 0 10px; font-weight:normal; font-family:'EB Garamond', serif; font-style:normal; text-transform:lowercase; } h1 { font-size:3.0em; color:var(--colour-text); line-height:1.4em; width:auto; max-width:100%; position:relative; margin:40px auto 20px; display:block; float:none; overflow:hidden; font-family:'EB Garamond', serif !important; } h2 { font-size:2.6em; color:var(--colour-text); line-height:1.2em; } h3 { font-size:2.2em; color:var(--colour-text); line-height:1.3em; } h4 { font-size:1.8em; color:var(--colour-text); } h5 { font-size:1.4em; color:var(--colour-text); } h6 { font-size:1.0em; color:#ffffff; width:100%; margin:20px 0; padding:5px 20px; text-align:center; float:none; background:#010101; display:block; height:auto; clear:both; border-radius:4px; } p { margin:0 0 20px; } a:link, a:visited { padding:0; margin:0; text-decoration:none; color:#010101; font-weight:bold; } a:hover, a:active { color:var(--colour-light); } hr { border:none; border-bottom:2px solid #90BADB; margin:40px 0; } blockquote { float:right; width:50%; padding:40px; margin:0 0 40px 40px; border:none; font-size:2.7em; line-height:1.1em; font-family:'EB Garamond', serif !important; font-weight:800; font-style:normal; color:#010101; position:relative; left:inherit; } blockquote::before { background:none; background-size:contain; opacity:0.2; content:"\201C"; height:100%; width:50%; position:absolute; z-index:0; top:60px; left:0; font-size:5em; color:#010101; font-family:inherit; } blockquote p { position:relative; z-index:1; } blockquote .credit { color:inherit; font-weight:bold; font-style:normal; } blockquote.quote { text-indent:-7px; } /* NOTE: "overflow:visible" attributes on .siteMain and #siteContainer fix "position:sticky" glitches on child elements/components as of 2022-02 */ .siteMain { background:#ffffff; } #siteContainer { background:#ffffff; width:100%; display:block; position:relative; z-index:0; margin:auto; max-width:1920px; overflow:inherit !important; box-shadow:none; border-left:4px solid #fafafa; border-right:4px solid #fafafa; } .container, .containerWide { max-width:1600px; 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:#010101; border-radius:25px; opacity:1; width:40px; right:20px; bottom:20px; } #topLink .icon { font-size:31px; font-family:initial !important; font-weight:bold; padding:14px; color:#ffffff; width:40px; } #topLink:hover { background:var(--colour-hover-primary); } #topLink:hover .icon { color:#ffffff; } .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:bold; color:#25487F; } .smallText { font-size:0.85em; 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) /* --------------------------------------- */ /* --------------------------------------- */ /* FORMS /* --------------------------------------- */ /* iOS Clear */ textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox { -webkit-appearance:none; border-radius:0; } .btn, button { background:#010101; color:#ffffff !important; font-weight:bold; font-style:normal; font-family:'EB Garamond', serif; font-size:0.9em; text-transform:lowercase; width:auto; max-width:500px; min-width:150px; margin:0 auto; border-radius:30px !important; clear:both; padding:15px; display:inline-block; } .btnEdit { float:left; display:block; } .btn a, button a { color:#ffffff !important; font-weight:bold; } .btn:hover, button:hover { background:#25487F; color:#ffffff !important; } .btn:hover a, button:hover a { color:#ffffff !important; } .btnSmall { padding:10px 20px; min-width:0; } .btnEdit{ clear:both; } form { max-width:100%; } input[type=text], input[type=email] { border:0; border-radius:0; margin:0 auto 20px; width:100%; } /* --------------------------------------- */ /* ADS /* --------------------------------------- */ #billboardBottom, #billboardTop { display:none; } /* --------------------------------------- */ /* MOBILE MENU /* --------------------------------------- */ #mobileMenu { background:#ffffff; } #mobileMenu .siteLogo { max-width:220px; } #mobileMenu h2 { border:none; border-bottom:none; color:#ffffff; padding:20px; font-size:1.4em; font-family:'EB Garamond', serif !important; font-weight:normal; margin:0; } #mobileMenu .menu li a { color:#010101; font-size:1.2em; font-weight:400; border-bottom:0; } #mobileMenu .menu li a:hover { background:#25487F !important; color:#ffffff !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 #010101; color:#010101; } #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:#010101; } #mobileMenu .menu li .indicator:hover { background:#25487F !important; } #mobileMenu .menu li:hover .indicator .icon, #mobileMenu .menu li .indicator:hover .icon { color:#ffffff; } #mobileMenu li .sub-menu { background:#343434; } #mobileMenu li .sub-menu .sub-menu { background:#232323; } #mobileMenu li .sub-menu .sub-menu .sub-menu { background:#010101; } #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:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr; } #mobileMenu .socialBox .btn-social { background:none; display:block; width:40px; height:40px; background-size:30px !important; border-radius:0; border:none; } #mobileMenu .socialBox .btn-social:hover { background-color:none !important; } #mobileMenu .socialBox .btn-rss { background:url("images/social/lug-rss-black.svg") no-repeat center; } #mobileMenu .socialBox .btn-apple { background:url("images/social/lug-apple-black.svg") no-repeat center; } #mobileMenu .socialBox .btn-bandcamp { background:url("images/social/lug-bandcamp-black.svg") no-repeat center; } #mobileMenu .socialBox .btn-behance { background:url("images/social/lug-behance-black.svg") no-repeat center; } #mobileMenu .socialBox .btn-discord { background:url("images/social/lug-discord-black.svg") no-repeat center; } #mobileMenu .socialBox .btn-dribbble { background:url("images/social/lug-dribbble-black.svg") no-repeat center; } #mobileMenu .socialBox .btn-facebook { background:url("images/social/lug-facebook-black.svg") no-repeat center; } #mobileMenu .socialBox .btn-github { background:url("images/social/lug-github-black.svg") no-repeat center; } #mobileMenu .socialBox .btn-imdb { background:url("images/social/lug-imdb-black.svg") no-repeat center; } #mobileMenu .socialBox .btn-instagram { background:url("images/social/lug-instagram-black.svg") no-repeat center; } #mobileMenu .socialBox .btn-linkedin { background:url("images/social/lug-linkedin-black.svg") no-repeat center; } #mobileMenu .socialBox .btn-pinterest { background:url("images/social/lug-pinterest-black.svg") no-repeat center; } #mobileMenu .socialBox .btn-reddit { background:url("images/social/lug-reddit-black.svg") no-repeat center; } #mobileMenu .socialBox .btn-snapchat { background:url("images/social/lug-snapchat-black.svg") no-repeat center; } #mobileMenu .socialBox .btn-spotify { background:url("images/social/lug-spotify-black.svg") no-repeat center; } #mobileMenu .socialBox .btn-tiktok { background:url("images/social/lug-tiktok-black.svg") no-repeat center; } #mobileMenu .socialBox .btn-twitch { background:url("images/social/lug-twitch-black.svg") no-repeat center; } #mobileMenu .socialBox .btn-twitter { background:url("images/social/lug-twitter-black.svg") no-repeat center; } #mobileMenu .socialBox .btn-vimeo { background:url("images/social/lug-vimeo-black.svg") no-repeat center; } #mobileMenu .socialBox .btn-vsco { background:url("images/social/lug-vsco-black.svg") no-repeat center; } #mobileMenu .socialBox .btn-youtube { background:url("images/social/lug-youtube-black.svg") no-repeat center; } #mobileMenu .socialBox .btn-rss:hover { background:#25487F url("images/social/lug-rss-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-apple:hover { background:#25487F url("images/social/lug-apple-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-bandcamp:hover { background:#25487F url("images/social/lug-bandcamp-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-behance:hover { background:#25487F url("images/social/lug-behance-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-discord:hover { background:#25487F url("images/social/lug-discord-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-dribbble:hover { background:#25487F url("images/social/lug-dribbble-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-facebook:hover { background:#25487F url("images/social/lug-facebook-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-github:hover { background:#25487F url("images/social/lug-github-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-imdb:hover { background:#25487F url("images/social/lug-imdb-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-instagram:hover { background:#25487F url("images/social/lug-instagram-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-linkedin:hover { background:#25487F url("images/social/lug-linkedin-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-pinterest:hover { background:#25487F url("images/social/lug-pinterest-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-reddit:hover { background:#25487F url("images/social/lug-reddit-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-snapchat:hover { background:#25487F url("images/social/lug-snapchat-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-spotify:hover { background:#25487F url("images/social/lug-spotify-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-tiktok:hover { background:#25487F url("images/social/lug-tiktok-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-twitch:hover { background:#25487F url("images/social/lug-twitch-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-twitter:hover { background:#25487F url("images/social/lug-twitter-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-vimeo:hover { background:#25487F url("images/social/lug-vimeo-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-vsco:hover { background:#25487F url("images/social/lug-vsco-hover.svg") no-repeat center; } #mobileMenu .socialBox .btn-youtube:hover { background:#25487F url("images/social/lug-youtube-hover.svg") no-repeat center; } /* --------------------------------------- */ /* SEARCH /* --------------------------------------- */ #fullscreenSearch { background:rgba(225,225,225,0.97); } #fullscreenSearch .container { max-width:1200px; padding:0 80px !important; } #fullscreenSearch .topdeck { padding:140px 0 0; } #fullscreenSearch .searchBox { background:rgba(0,0,0,0.08); border-radius:0; border:0; } #fullscreenSearch .searchBox .searchBar { width:100%; max-width:inherit !important; margin:0; border:0; border-radius:0; background:#ffffff; } #fullscreenSearch .searchBox .btn-search .glyphicon-search { color:#ffffff; } #fullscreenSearch .searchBox .btn-search { border-radius:0 !important; opacity:1; background:#010101; color:#ffffff !important; min-width:0; } #fullscreenSearch .searchBox .btn-search:hover { background:#25487F !important; color:#ffffff !important; } #fullscreenSearch .searchBox .btn-search:hover .glyphicon-search { color:#ffffff !important; } #fullscreenSearch h1, #fullscreenSearch h2, #fullscreenSearch h3 { color:#010101; font-weight:bold; } #fullscreenSearch .trendingList li a { background:#25487F; border-radius:0; font-size:0.8em; padding:5px 10px; min-width:150px; text-align:center; } #fullscreenSearch .trendingList li a:hover { background:#25487F; } #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); } /* 404 FIX */ .entry .searchBox .searchBar { background:#90BADB; font-size:1em; width:-webkit-calc(100% - 50px) !important; width:-moz-calc(100% - 50px) !important; width:calc(100% - 50px) !important; height:50px; line-height:50px; } .entry .searchBox .btn-search { font-size:1.3em; height:50px; width:50px; padding:0; margin:0 !important; color:#ffffff !important; border:0; cursor:pointer; display:inline-block; float:right; line-height:50px; } .entry .searchBox .btn-search:hover { background:#25487F !important; color:#ffffff !important; } .entry .searchBox .btn-search:hover .glyphicon-search { color:#ffffff !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:140px; height:100%; margin:auto; display:block; position:absolute; top:0; bottom:0; left:-100%; right:-100%; background:url(images/logo-main.svg) center no-repeat; background-size:auto 65%; content:""; } #menuBar { border-bottom:4px solid #fafafa; position:fixed; background:#ffffff; height:inherit !important; -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 400ms ease-in-out; -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 400ms ease-in-out; -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 400ms ease-in-out; 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 400ms ease-in-out; } #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 .c2aTriggers .menu li, #menuBar .c2aTriggers .menu li a { -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 400ms ease-in-out; -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 400ms ease-in-out; -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 400ms ease-in-out; 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 400ms ease-in-out; } #menuBar #headerInner { } #menuBarBlock { display:none; } #menuBar #mainMenuInner { display:block; } /*.homePage #menuBarBlock { position:static; display:block; height:120px; }*/ #menuBar #menuOverlay { position:absolute; width:400px; max-width:100%; z-index:5; left:-100%; right:-100%; } #menuBar .menuLogo { background:url(images/logo-main.svg)no-repeat center; overflow:visible; padding:0; height:100px; width:200px; background-size:auto 65%; 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 .menuLogo:hover { padding:0; height:100px; width:200px; background-size:auto 65%; opacity:0.5; } #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:#25487F !important; } #mainMenu .menu li a { color:#010101; font-weight:normal; font-size:1.2em; font-style:normal; /*margin:0 10px 0 0; */ border-right:0; text-transform:lowercase; } /*#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:#7f7f7f; }*/ #mainMenu .menu > li a::before { display:none; position:absolute; bottom:-100%; top:-70%; width:0; height:5px; background:#25487F; 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 li:hover > a, #mainMenu .menu .topMenu > a:hover, #mainMenu .menu li:hover > span, #mainMenu .menu .sub-menu li:hover > span, #mainMenu .menu .sub-menu li:hover > a { background:#010101 !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:#010101; display:block; font-family:initial !important; } #mainMenu .menu li:hover > .menuMarkerHousing .icon { color:#ffffff; } #mainMenu .menu li:hover > .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:#010101; height:100% !important; line-height:inherit !important; transform:rotate(0); } #mainMenu .sub-menu li:hover > .menuMarkerHousing { bottom:0%; left:270px !important; } #mainMenu .sub-menu li:hover > .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:none !important; color:#90BADB !important; } #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:#010101 !important; display:none; width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px); } #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:#90BADB; } #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:#25487F !important; color:#010101 !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:#ffffff !important; border-left:none !important; } #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:bold; 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:#25487F; z-index:-1; border-radius:0 0 5px 5px; } #mainMenu .menu li.c2aTrigger > a:hover, #mainMenu .menu li.c2aTrigger:hover > a { background:inherit !important; color:inherit !important; } #mainMenu .menu li.c2aTrigger:hover a { color:#ffffff !important; font-weight:bold; } #mainMenu .menu li.c2aTrigger:hover a::before { background:#25487F !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:hover a { background:#010101 !important; color:#ffffff !important; } #menuBar .c2aTriggers .menu li > a { background:#010101; height:40px !important; line-height:0 !important; color:#ffffff; font-weight:bold; padding:20px; border:0 !important; border-radius:0; } #menuBar .c2aTriggers .menu li > a:hover { background:#25487F !important; color:#010101 !important; } #menuBar .c2aTriggers .menu li:hover a::before { display:none !important; } #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:-10px; width:20px; height:20px; background:#ffffff; left:40px; right:initial; margin:auto; transform:rotate(45deg); content:""; 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:#ffffff; border-bottom:none; color:#010101; 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:#90BADB; color:#25487F; 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:#25487F; } #mainMenu li .sub-menu .sub-menu .sub-menu > li a { background:#DEEBF3; color:#25487F; 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:#25487F; } #mainMenu .menu li > a:hover, #mainMenu .menu li:hover > a, #mainMenu .menu .topMenu > a:hover, #mainMenu .menu li:hover > span { background:#25487F !important; color:#ffffff; border-right:0; } #mainMenu .menu li:hover .menuMarkerHousing .icon #mainMenu .menu li:hover a::before { display:none; background:#25487F; width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px); } #mainMenu .menu .sub-menu li:hover > span, #mainMenu .menu .sub-menu li:hover > a { background:#25487F !important; color:#ffffff !important; } #mainMenu li .sub-menu > li:hover::before { background:#25487F !important; } #mainMenu .menu .sub-menu .sub-menu li:hover > span, #mainMenu .menu .sub-menu .sub-menu li:hover > a { background:#25487F !important; color:#ffffff !important; } #mainMenu .menu .sub-menu .sub-menu .sub-menu li:hover > span, #mainMenu .menu .sub-menu .sub-menu .sub-menu li:hover > a { background:#25487F !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 { background:none !important; color:#25487F; } .btn-drawerTop:hover span, .btn-drawerBottom:hover span, .btn-drawerLeft:hover span, .btn-drawerRight:hover span, .btn-search:hover span { background:#25487F; color:#25487F !important; height:2px !important; } .btn-search:hover .glyphicon-search { color:#25487F; } #mainMenu .btn-drawerTop, #mainMenu .btn-drawerBottom, #mainMenu .btn-drawerLeft, #mainMenu .btn-drawerRight, #mainMenu .btn-close { padding:0; text-align:center; } #menuBar.scrolling { background:#ffffff; -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:130px; background-size:auto 65%; background-image:url(images/logo-main.svg); } #menuBar.scrolling .menuLogo:hover { height:60px; } #menuBar.scrolling #mainMenu li .sub-menu .sub-menu { top:0; } #menuBar.scrolling #mainMenu .menu li a { border-right:0; } #menuBar.scrolling #mainMenu .menu li a { color:#010101; } #menuBar.scrolling .c2aTriggers { height:60px; } #menuBar.scrolling .c2aTriggers .menu li { height:60px; padding:10px !important; } #menuBar.scrolling .c2aTriggers .menu li a { color:#ffffff !important; } #menuBar.scrolling .c2aTriggers .menu li a:hover { color:#010101 !important; } #menuBar.scrolling #mainMenu .menu > li a::before { top:-55%; } #menuBar.scrolling #mainMenu .menuMarkerHousing .icon { color:#010101; } #menuBar.scrolling #mainMenu .menu li:hover > a { color:#ffffff; } #menuBar.scrolling #mainMenu .menu li:hover .menuMarkerHousing .icon { color:#010101; } #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:#010101; } #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:#010101 !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:#25487F !important; color:#010101 !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:#000000; color:#000000 !important; } #menuBar.scrolling .btn-search .glyphicon-search,#menuBar.scrolling #mainMenu .btn-drawerTop, #menuBar.scrolling #mainMenu .btn-drawerBottom, #menuBar.scrolling #mainMenu .btn-drawerRight { color:#000000; } #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 { background:#25487F; color:#25487F !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 { color:#25487F; } #mainMenu .socialBox { display:block; } #mainMenu .socialBox .btn-social { background:none; background-size:30px !important; border-radius:0; } #mainMenu .socialBox .btn-social:hover { background-color:none !important; } #mainMenu .socialBox .btn-rss { background:url("images/social/lug-rss-black.svg") no-repeat center; } #mainMenu .socialBox .btn-apple { background:url("images/social/lug-apple-black.svg") no-repeat center; } #mainMenu .socialBox .btn-bandcamp { background:url("images/social/lug-bandcamp-black.svg") no-repeat center; } #mainMenu .socialBox .btn-behance { background:url("images/social/lug-behance-black.svg") no-repeat center; } #mainMenu .socialBox .btn-discord { background:url("images/social/lug-discord-black.svg") no-repeat center; } #mainMenu .socialBox .btn-dribbble { background:url("images/social/lug-dribbble-black.svg") no-repeat center; } #mainMenu .socialBox .btn-facebook { background:url("images/social/lug-facebook-black.svg") no-repeat center; } #mainMenu .socialBox .btn-github { background:url("images/social/lug-github-black.svg") no-repeat center; } #mainMenu .socialBox .btn-imdb { background:url("images/social/lug-imdb-black.svg") no-repeat center; } #mainMenu .socialBox .btn-instagram { background:url("images/social/lug-instagram-black.svg") no-repeat center; } #mainMenu .socialBox .btn-linkedin { background:url("images/social/lug-linkedin-black.svg") no-repeat center; } #mainMenu .socialBox .btn-pinterest { background:url("images/social/lug-pinterest-black.svg") no-repeat center; } #mainMenu .socialBox .btn-reddit { background:url("images/social/lug-reddit-black.svg") no-repeat center; } #mainMenu .socialBox .btn-snapchat { background:url("images/social/lug-snapchat-black.svg") no-repeat center; } #mainMenu .socialBox .btn-spotify { background:url("images/social/lug-spotify-black.svg") no-repeat center; } #mainMenu .socialBox .btn-tiktok { background:url("images/social/lug-tiktok-black.svg") no-repeat center; } #mainMenu .socialBox .btn-twitch { background:url("images/social/lug-twitch-black.svg") no-repeat center; } #mainMenu .socialBox .btn-twitter { background:url("images/social/lug-twitter-black.svg") no-repeat center; } #mainMenu .socialBox .btn-vimeo { background:url("images/social/lug-vimeo-black.svg") no-repeat center; } #mainMenu .socialBox .btn-vsco { background:url("images/social/lug-vsco-black.svg") no-repeat center; } #mainMenu .socialBox .btn-youtube { background:url("images/social/lug-youtube-black.svg") no-repeat center; } #mainMenu .socialBox .btn-rss:hover { background:url("images/social/lug-rss-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-apple:hover { background:url("images/social/lug-apple-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-bandcamp:hover { background:url("images/social/lug-bandcamp-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-behance:hover { background:url("images/social/lug-behance-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-discord:hover { background:url("images/social/lug-discord-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-dribbble:hover { background:url("images/social/lug-dribbble-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-facebook:hover { background:url("images/social/lug-facebook-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-github:hover { background:url("images/social/lug-github-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-imdb:hover { background:url("images/social/lug-imdb-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-instagram:hover { background:url("images/social/lug-instagram-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-linkedin:hover { background:url("images/social/lug-linkedin-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-pinterest:hover { background:url("images/social/lug-pinterest-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-reddit:hover { background:url("images/social/lug-reddit-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-snapchat:hover { background:url("images/social/lug-snapchat-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-spotify:hover { background:url("images/social/lug-spotify-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-tiktok:hover { background:url("images/social/lug-tiktok-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-twitch:hover { background:url("images/social/lug-twitch-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-twitter:hover { background:url("images/social/lug-twitter-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-vimeo:hover { background:url("images/social/lug-vimeo-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-vsco:hover { background:url("images/social/lug-vsco-hover.svg") no-repeat center; } #mainMenu .socialBox .btn-youtube:hover { background:url("images/social/lug-youtube-hover.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-rss { background:url("images/social/lug-rss-black.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-apple { background:url("images/social/lug-apple-black.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-bandcamp { background:url("images/social/lug-bandcamp-black.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-behance { background:url("images/social/lug-behance-black.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-discord { background:url("images/social/lug-discord-black.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-dribbble { background:url("images/social/lug-dribbble-black.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-facebook { background:url("images/social/lug-facebook-black.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-github { background:url("images/social/lug-github-black.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-imdb { background:url("images/social/lug-imdb-black.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-instagram { background:url("images/social/lug-instagram-black.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-linkedin { background:url("images/social/lug-linkedin-black.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-pinterest { background:url("images/social/lug-pinterest-black.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-reddit { background:url("images/social/lug-reddit-black.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-snapchat { background:url("images/social/lug-snapchat-black.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-spotify { background:url("images/social/lug-spotify-black.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-tiktok { background:url("images/social/lug-tiktok-black.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-twitch { background:url("images/social/lug-twitch-black.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-twitter { background:url("images/social/lug-twitter-black.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-vimeo { background:url("images/social/lug-vimeo-black.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-vsco { background:url("images/social/lug-vsco-black.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-youtube { background:url("images/social/lug-youtube-black.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-rss:hover { background:url("images/social/lug-rss-hover.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-apple:hover { background:url("images/social/lug-apple-hover.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-bandcamp:hover { background:url("images/social/lug-bandcamp-hover.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-behance:hover { background:url("images/social/lug-behance-hover.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-discord:hover { background:url("images/social/lug-discord-hover.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-dribbble:hover { background:url("images/social/lug-dribbble-hover.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-facebook:hover { background:url("images/social/lug-facebook-hover.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-github:hover { background:url("images/social/lug-github-hover.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-imdb:hover { background:url("images/social/lug-imdb-hover.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-instagram:hover{ background:url("images/social/lug-instagram-hover.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-linkedin:hover { background:url("images/social/lug-linkedin-hover.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-pinterest:hover{ background:url("images/social/lug-pinterest-hover.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-reddit:hover { background:url("images/social/lug-reddit-hover.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-snapchat:hover { background:url("images/social/lug-snapchat-hover.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-spotify:hover { background:url("images/social/lug-spotify-hover.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-tiktok:hover { background:url("images/social/lug-tiktok-hover.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-twitch:hover { background:url("images/social/lug-twitch-hover.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-twitter:hover { background:url("images/social/lug-twitter-hover.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-vimeo:hover { background:url("images/social/lug-vimeo-hover.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-vsco:hover { background:url("images/social/lug-vsco-hover.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-youtube:hover { background:url("images/social/lug-youtube-hover.svg") no-repeat center; } .actionStripBlock { background:none; } .actionPadOn { height:40px; } .actionStrip { background:#25487F; font-family:'EB Garamond', serif; font-weight:bold; color:#90BADB; -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 400ms ease-in-out; -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 400ms ease-in-out; -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 400ms ease-in-out; 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 400ms ease-in-out; } .actionStrip .container { padding:6px 40px !important; font-size:1em; } .actionStrip a:link, .actionStrip a:visited { color:#90BADB; } .actionStrip a:focus, .actionStrip a:hover { color:#ffffff; } .actionStrip p { margin:0 auto; } .actionStrip .btnTrigger { background:none; padding:5px 11px; color:#ffffff; font-size:1.2em; width:40px; height:40px; font-family:monospace, sans-serif; border-radius:0; right:20px; } .actionStrip.slideOpen .btnTrigger:before { content:""; } .actionStrip.slideOpen .btnTrigger span { opacity:1; background:#ffffff; 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:#010101; color:#ffffff; } .actionStrip.slideOpen .btnTrigger { background:none; color:#ffffff; } .actionStrip.slideClosed .btnTrigger:hover { background:#25487F; color:#ffffff; } .actionStrip.slideOpen .btnTrigger:hover { background:#25487F; color:#ffffff; } .actionStrip.slideOpen .btnTrigger:hover span, .actionStrip.slideClosed .btnTrigger:hover span { background:#ffffff; 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-main.svg); } #menuBar.menuInverse #mainMenu .menu li a { color:#010101 !important; } #menuBar.menuInverse #mainMenu .menuMarkerHousing .icon { color:#010101; } #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:#010101 !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:#010101; height:2px; bottom:28%; left:-100%; right:-100%; margin:auto; content:""; } #menuBar.menuInverse #mainMenu .menu li > a:hover, #menuBar.menuInverse #mainMenu .menu li:hover > a, #menuBar.menuInverse #mainMenu .menu .topMenu > a:hover, #menuBar.menuInverse #mainMenu .menu li:hover > span { background:#ffffff !important; } #menuBar.menuInverse #mainMenu .menu .sub-menu li:hover > span, #menuBar.menuInverse #mainMenu .menu .sub-menu li:hover > a { background:#25487F !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 .actionStrip.slideClosed .btnTrigger { background:#010101; } #menuBar.menuInverse .actionStrip.slideClosed .btnTrigger:hover { background:#25487F; } #menuBar.menuInverse .actionStrip.slideOpen .btnTrigger:hover { background:#010101; } #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 h4 { margin:0 auto 20px; } #sidebarMenu .menu li { list-style:none; } #sidebarMenu .menu li a { background:none; color:#25487F; 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 { background:#010101; color:#ffffff; border-bottom:2px solid #ffffff; } #sidebarMenu .menu li.current-menu-item > a, #sidebarMenu .menu li.current_page_item > a { background:#010101; 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:5; height:105px; right:0; left:initial; width:auto; } .jcarousel-control-prev, .jcarousel-control-next { background:none !important; font-family:initial !important; } .jcarousel-control-prev:hover, .jcarousel-control-next:hover { 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:#25487F; } .jcarousel-control-prev:hover > span, .jcarousel-control-next:hover > span { color:#25487F; } .jcarousel-pagination a { background:#25487F; border:none; } .jcarousel-pagination a.active { background:#25487F; border:none; } .jcarousel-pagination a:hover { background:#010101; 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:#25487F; } #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:#25487F; } .jcarousel-control-prev:hover .slant, .jcarousel-control-next:hover .slant { background:#010101 !important; } .superPosts, .superPosts .jcarousel { height:auto; overflow:hidden; min-height:0 !important; } .superPosts .jcarousel ul { margin:0 auto !important; } .carouselSuperFull .superPost { margin:0 !important; padding:0 !important; height:auto; width:100%; position:relative; } .carouselSuperFull .superPost .superLink { position:relative; } .carouselSuperFull .superPost .superLug { background:#25487F; max-width:100%; width:100%; height:auto; position:relative; } .carouselSuperFull .superPost .superLug img { transition:ease-in-out all 200ms; max-width:100%; width:100%; height:auto; position:static; display:block; } .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; } .superPost a:hover .superLug img { opacity:0.2; } .superPost a:hover .superText { background:none; } .superPost a:hover .excerptBlurb { color:#010101; } .superPost h2, .superPost h4 { color:#ffffff !important; margin:0 auto 10px; } .superPost:hover h2, .superPost:hover h4 { color:#010101 !important; } .superPost:hover .btn { background:#010101; } /* --------------------------------------- */ /* 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/#25487F+0,000000+100 */ background: #25487F; /* Old browsers */ background: -moz-linear-gradient(top, #25487F 0%, #010101 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #25487F 0%,#010101 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #25487F 0%,#010101 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25487F', endColorstr='#010101',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/#25487F+0,000000+100 */ background: #25487F; /* Old browsers */ /*background: -moz-linear-gradient(top, #25487F 0%, #010101 100%); /* FF3.6-15 */ /*background: -webkit-linear-gradient(top, #25487F 0%,#010101 100%); /* Chrome10-25,Safari5.1-6 */ /*background: linear-gradient(to bottom, #25487F 0%,#010101 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25487F', endColorstr='#010101',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; } .infoPane ul { margin:0 auto 40px; } .infoPane li { margin:0 0 5px 20px; } .infoPane { padding:0; background:#ffffff; } .infoPane .infoPaneInner { padding:80px 0; } .infoPane .containerWide { } #infoPane1 { position:relative; border:none; min-height:500px; } #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; } .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 { 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:#25487F; font-weight:bold; 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 #25487F; padding:10px 0; } .itemDetails .itemVariant:last-of-type { border:0; } .itemDetails .itemVariant .itemLabel { width:50%; float:left; display:block; margin:auto; font-weight:bold; } .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:'EB Garamond', serif; content:counter(section, upper-alpha); counter-increment:section; position:absolute; left:-40px; top:3px; font-size:1.6em; color:#121212; } ol#sections.terms li.subSection::before { font-family:'EB Garamond', serif; content:counter(item, decimal); counter-increment:item; position:absolute; left:-40px; top:-1px; font-size:1.5em; color:#010101; } 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; } 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:#25487F; color:#7f7f7f; font-family:'EB Garamond', serif; font-weight:bold;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:#25487F !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:bold; height:60px; } .searchStrip input { width:460px; max-width:100%; border:none; padding:12.5px 20px; float:left; font-size:0.85em; } .searchStrip .btn { background:#25487F; margin:0; padding:10px 20px; width:auto; max-width:600px; height:auto; border-radius:0; clear:both; float:left; } .searchStrip .btn:hover { background:#25487F; } #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 .contentFull { padding:40px 0; } #outroPane { position:relative; background:#ffffff; width:100%; display:block; } /*#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 .btn { float:left; display:block; } .programContainer .entry { padding:0; } .brochureIMG { max-width:350px!important; height:auto; } .brochureIMG img { height:auto; width:100%; } .brochureIMG .btn { width:100%; max-width:100%; } .brochureIMG:hover img { opacity:0.5; } .brochureIMG:hover .btn { background:#25487F; } .spacerPane, .embedPane { background:#90BADB !important; } .spacerPaneWhite { background:#ffffff !important; } /* Galleries */ .gallery { margin:40px auto !important; display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; align-items:baseline; grid-gap:10px; } .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 { 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:#25487F !important; color:#ffffff !important; border-radius:0 !important; } .fancybox-button:hover { background:#25487F !important; color:#ffffff !important; } .fancybox-close-small { opacity:1 !important; } .fancybox-thumbs__list a:before { border:6px solid #25487F !important; } .fancybox-error p { padding:20px !important; } /*.galleryPane { background:#25487F; 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:hover img { opacity:0.5; } .galleryPane li img { display:block; min-width:100%; width:100%; }*/ .googleForm { height:auto; min-height:1000px !important; } /* --------------------------------------- */ /* PAGE BUILDER /* --------------------------------------- */ .section { border-bottom:1px solid #cfcfcf; } .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; } /* 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 {} .sectionMultiCol h2 { width:calc(100% - 80px); max-width:1380px; text-align:center; margin:auto; display:block; padding:0 0 40px; border-bottom:3px solid #010101; } .sectionMultiCol .infoPanels { display:flex; } .sectionMultiCol .infoPanels .infoPanel { width:100%; background:none; border:0; } .sectionMultiCol .infoPanels .infoPanel .infoPanelLug { width:100%; background:none; height:200px; margin:0; } .sectionMultiCol .infoPanels .infoPanel .infoPanelLug img { max-width:100%; max-height:100%; aspect-ratio:1/1; height:100%; width:auto; } .sectionMultiCol .infoPanels .infoPanel .infoPanelText { width:100%; min-height:0; height:100%; position:static !important; float:none; align-items:initial; } .sectionMultiCol .infoPanels .infoPanel .infoPanelText .infoPanelPad { position:static !important; } .sectionMultiCol .infoPanels .infoPanel .btnSmall { position:absolute; bottom:0; } .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:3px solid #010101; } .sectionGallery {} .sectionImageGrid {} .sectionVideo {} .sectionLinks {} .sectionPad { padding:80px 0; } .sectionContentFull { background:#25487F !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:0 0 10px; } .homePage .sectionContentHalf .sectionText .sectionTextPad { text-align:center; } /* --------------------------------------- */ /* HOMEPAGE /* --------------------------------------- */ #infoPaneHeader { background:none; height:85vh; z-index:1; position:relative; } #infoPaneHeader .backing { position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; content:""; display:block; margin:auto; z-index:1; opacity:1; background:none; overflow:hidden; } #infoPaneHeader .backing::before { position:absolute; top:initial; bottom:0; left:0; right:0; display:none; content:""; margin:auto; height:100%; width:100%; z-index:0; opacity:0.6; background:rgb(0,0,0); background:linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.4) 80%, rgba(0,0,0,0.9) 100%); } #infoPaneHeader .backing img { position:static; top:-100%; bottom:-100%; left:-100%; right:-100%; width:auto; min-width:100%; max-width:100% !important; height:auto; min-height:100% !important; display:block; margin:auto; z-index:2; opacity:0.5; } #infoPaneHeader::before { background:rgba(0,0,0,0); background-size:cover; opacity:1; content:""; height:100%; width:100%; position:absolute; z-index:0; top:0; left:0; display:none; } #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:500px; 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:#25487F; margin:0 auto 40px; font-size:2.3em; } #infoPaneHeader .logoMain img { opacity:1; aspect-ratio:initial; max-width:400px; } #infoPaneHeader .btn { margin:0 10px; display:inline-block; } .homePage #infoPaneHeader .infoPaneInner { min-height:500px; height:100%; 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 #25487F !important; height:30px; opacity:1; }*/ .homePage .leaderStrip { background:#000000; position:relative; left:0; right:0; width:100%; margin:0 auto; color:#010101; padding:40px 0; text-align:center; border-top:4px solid #fafafa; border-bottom:4px solid #fafafa; } /*.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:#ffffff; } .homePage .leaderStrip p { font-size:1.5em; line-height:1.1em; } .homePage .leaderStrip p:last-of-type { margin:0; } .homePage .leaderStrip iframe { width:100%; height:auto; aspect-ratio:16/9; } .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:#25487F; 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:#ffffff; 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:#25487F; min-height:0; height:auto; } .homePage #infoPane4::before { display:none; } .homePage #infoPane5 { background:#25487F; 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:#90BADB; } .infoPane ul.infoPanels { margin:0 auto; background:#ffffff; } .infoPanel { width:100%; margin:0 auto !important; display:block; float:left; transition:all 200ms ease-in-out; background:none; font-size:1em; border-top:1px solid #cfcfcf; } .infoPanel:last-of-type { border-bottom:1px solid #cfcfcf; } .infoPanel:nth-of-type(2n+1) { background:none; } .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:hover { background:none; } .infoPanel:last-of-type { margin:0 auto; } .infoPanel .infoPanelLug { width:calc(50% - 80px); height:auto; min-height:0; background:#000000; float:left; transition:all 200ms ease-in-out; position:relative; overflow:hidden; z-index:1; margin:40px; } .infoPanel .infoPanelLug .infoPanelPad { height:100%; width:100%; position:absolute; padding:40px; } .infoPanel .infoPanelLug img { position:static; min-width:100%; min-height:100%; max-height:210% !important; height:auto; width:100%; left:-100%; right:-100%; top:-100%; bottom:-100%; margin:auto; display:block; } .infoPanel:nth-of-type(2n+1) .infoPanelLug { float:right; } .infoPanel .infoPanelText { width:50%; height:100%; min-height:0; float:left; position:absolute; right:0; display:grid; transition:all 200ms ease-in-out; z-index:1; align-items:center; } .infoPanel .infoPanelText::before, .infoPanel .infoPanelText::after { display:none; } .infoPanel .infoPanelPad { position:relative; padding:40px; bottom:0; top:inherit; left:0; right:0; max-width:calc(800px - 60px); height:auto; align-items:center; } .infoPanel .infoPanelPad .infoPanelFloatBox { display:table-cell; vertical-align:middle; } .infoPanel:nth-of-type(2n+1) .infoPanelText { left:0; right:inherit; } .infoPanel:nth-of-type(2n+1) .infoPanelPad { text-align:left; left:inherit !important; right:0; width:100%; justify-self:end; align-items:center; } .infoPanel .infoDek { width:100%; margin:0 auto 20px; transition:all 200ms ease-in-out; font-size:1.6em; } .infoPanel .infoHead { width:100%; color:#010101; margin:40px auto 10px; transition:all 200ms ease-in-out; line-height:1.1em; } .infoPanel .infoText { width:100%; margin:0 auto 20px; font-size:1em; line-height:inherit; font-weight:normal; transition:all 200ms ease-in-out; color:#000000; } .infoPanel .infoText ul { margin:40px 0 40px 40px; 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; } .infoPanel:hover a .infoPanelLug { opacity:0.5; } .infoPanel:hover a .infoPanelText { } .infoPanel:hover a .infoDek,.infoPanel:hover .infoHead, .infoPanel:hover .infoText { } .infoPanel:hover a .infoHead { color:#25487F; } .infoPanel a:hover .btn, .infoPanel a .btn:hover { background:#25487F; color:#010101 !important; } .infoPanelGeneral .infoPanel .infoPanelLug img { width:100%; height:auto; } .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") no-repeat center; display:block; content:""; left:-30px; top:3px; position:absolute; background-size:100%; } .benefits ul li { margin:0 0 5px 30px; position:relative; } /* --------------------------------------- */ /* MAIN /* --------------------------------------- */ .headerUpper, .headerLower { background:#25487F; } #main { background:#ffffff; padding:0; position:relative; z-index:0; overflow:visible; } #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; } /*#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; } #contentHeader { position:relative; z-index:1; border:none; padding:0 0; display:block; background:none; height:auto; max-height:inherit; min-height:300px; } #contentHeader .container { position:static; top:inherit; bottom:0; left:0; right:0; margin:auto; display:block; height:auto; padding:180px 100px 0; z-index:2; } .page-template #contentHeader, .page-template-default #contentHeader, .single-products #contentHeader, .single-solutions #contentHeader { height:auto; } #contentHeader h1 { transform:none; margin:0 0 10px; float:left; top:initial; width:100%; overflow:visible; } #contentHeader h2 { color:#25487F; float:left; margin:0 auto; } #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:0; left:0; right:0; width:100%; height:100%; content:""; display:block; margin:auto; z-index:1; opacity:1; background:#010101; overflow:hidden; } #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(0,0,0); background:linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0.2) 80%, rgba(0,0,0,0) 100%); } #contentHeader .backing img { position:absolute; top:-100%; bottom:-100%; left:-100%; right:-100%; width:auto; min-width:100%; height:auto; min-height:100% !important; display:block; margin:auto; z-index:-1; opacity:1; } #contentHeader h1 a, #contentHeader .breadcrumbs, #contentHeader .breadcrumbs a { font-weight:normal; } #contentHeader .breadcrumbs a { padding:5px 20px; background:#010101; color:#ffffff; margin:0 auto 10px; border-radius:30px; font-weight:bold; } #contentHeader h1 a:hover, #contentHeader .breadcrumbs a:hover { color:#ffffff !important; } #contentHeader h5 { margin:0; font-weight:800; } #contentHeader .breadcrumbs a:hover { background:#25487F !important; color:#ffffff !important; } .breadcrumbs { margin:0 auto 10px; text-align:left; font-size:0.8em; color:#121212; position:relative; top:initial; width:100%; } .breadcrumbs .spacer { margin:0; padding:0 10px; height:25px; width:10px; color:#121212; font-weight:bold; } .breadcrumbs .spacer.connector::before { content:"\00BB"; margin:auto; display:inline; } .breadcrumbs .spacer.divider::before { content:"\007C"; margin:auto; display:inline; } #contentHeader .imageTrigger { border:1px solid #ffffff; padding:10px; font-weight:bold; width:auto; position:absolute; right:100px; bottom:40px; display:none; z-index:3; color:#ffffff; } #contentHeader .imageTrigger:hover { border:1px solid #25487F; background:#25487F; color:#ffffff; } #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:0; } #contentFooter .btn { display:inline-block; float:none; margin:40px 0; width:300px; max-width:100%; min-width:0; } #contentFooter .btn:hover { } .dek { color:#ffffff; margin:0 auto 10px; text-transform:initial; text-align:left; top:initial; position:relative; float:left; clear:both; font-weight:bold; } .infoStrip { background:none; border:none; padding:0; clear:both; font-weight:bold; } .infoStrip .authorLug, .infoStrip .dateLug { padding:0; color:#ffffff; } .content { min-height:0; padding:0 0 80px; width:-webkit-calc(100% - 340px); width:-moz-calc(100% - 340px); width:calc(100% - 340px); } .contentFull { padding:80px 0; } .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 { margin:0 0 10px; } .entry p:first-child { margin:0 0 20px; } .entry iframe:first-child { margin:0 0 40px; } .entry img { max-width:100%; margin:0 auto 20px; height:auto; } .entry img.alignleft { margin:0 40px 40px 0; width:50%; } .entry img.alignright { margin:0 0 40px 40px; width:50%; } .entry img.aligncenter { margin:40px 0 !important; } .entry > img.size-full, .entry > a > img.size-full { width:auto; } .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:#25487F; 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-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:15px; } .location .jcarousel-pagination a:hover { } .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:4px solid #fafafa; } .tags h5 { margin:0 auto 10px; } .tags a { background:rgb(231, 232, 233); color:#000000; padding:5px 20px; font-weight:normal; margin:0 5px 10px 0; border-radius:0; } .tags a:hover { background:#25487F; color:#ffffff; } #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 h3 { margin:0 auto 10px; } .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; } .sectionList { list-style:none; margin:0 0 40px; width:100%; } .sectionList li { border-bottom:1px solid #cfcfcf; width:100%; } .sectionList li a { display:block; padding:5px 0; width:100%; } .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; } .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:1fr 1fr 1fr 1fr; } .archiveList .listpost { margin:0 auto 20px; width:100%; } .archiveList::before, .archiveList::after { display:none; } .archiveList.vert .listpost .listpostLug { height:auto; background:none; aspect-ratio:16/9; width:100%; } .archiveList.vert .listpost .listpostLug img { max-height:110%; width:auto; height:auto; min-width:0; max-width:100%; } .entry .archiveList img { max-width:inherit !important; } .archiveFeed { margin:0 !important; } /* .archiveFeed .listpost, .archiveList.vert .listpost { width:-webkit-calc((100% - 60px) / 4); width:-moz-calc((100% - 60px) / 4); width:calc((100% - 60px) / 4); margin:0 20px 20px 0; } .archiveFeed .listpost:nth-of-type(4n), .archiveList.vert .listpost:nth-of-type(4n) { margin:0 0 20px; } */ .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 { background:none; } .listpost .listpostText h4 { line-height:1.2em; font-size:1.3em; } .listpost .listpostText h5 { margin:0 0 10px; } .listpost:hover .listpostText h4 { color:#90BADB; } .listpost .excerptBlurb p { margin:0 0 20px; } .tabList .listpost .listpostText .catStrip, .tabList .listpost .entryInfoStrip .authorBio { color:#25487F; } .tabList .listpost { margin:0 auto 10px; } .listpost.staticBox { } .listpost.staticBox .listpostLug { background:#010101; } .listpost.staticBox .listpostLug img { max-width:inherit !important; } .listpost.staticBox .listpostText { padding:20px; height:auto; text-align:left; } .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/#010101+0,000000+100&0+0,0.65+99 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 99%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 99%,rgba(0,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 99%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01010100', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } .blockList .listpost:hover .listpostText { background:rgba(10,10,10,0.7); } .pagination .inactive, .pagination a { background:#25487F; } .pagination .current { background:#010101; } .pagination .inactive:hover, .pagination a:hover { background:#25487F; } .sideList h4, .lugList h4, .stackList h4, .cardList h4 { color:#010101 !important; } .lugList .listpost.staticBox { margin:0 auto 10px !important; } .lugList .listpost.staticBox .listpostLug { height:80px !important; } .lugList .listpost.staticBox .listpostText { height:80px !important; } .lugList .listpost.staticBox .dateStrip { float:left; font-size:0.75em; line-height:1em; } .lugList .listpost .catStrip { font-size:0.7em; display:none; } .lugList .listpost .listpostText h4 { font-size:0.8em !important; line-height:1.2em !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:#25487F; 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 { background:#ffffff; } .nutritionList .listpost .excerptBlurb { margin:0 auto 10px; } .nutritionList .listpost.staticBox .listpostLug { height:200px; } .staffList { margin:0 auto 40px !important; } .staffList .listpost { margin:0 auto 20px; padding:0 0 20px; border-bottom:3px solid #efefef; font-size:1em; } .staffList .listpost:last-of-type { border:none; } .staffList .listpost .listpostLug { height:300px; width:300px; border-radius:100%; } .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:40px; height:auto; width:-webkit-calc(100% - 300px); width:-moz-calc(100% - 300px); width:calc(100% - 300px); } .staffList .listpost .listpostText h3, .staffList .listpost .listpostText h5 { margin:0 auto 5px; } .staffList .listpost .listpostText .excerptBlurb { min-height:170px; } .staffList .listpost .listpostText .infoStrip { width:100%; } .staffList .listpost .listpostText .infoStrip .infoLabel { font-weight:bold; } .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; grid-gap:80px; } .testimonialList::before, .testimonialList::after { display:none; } .testimonialList .listpost { width:100%; margin:0 !important; } .testimonialList .listpost .listpostText { min-height:150px !important; padding:0; } .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 {} /*.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 { opacity:1; } .iconList .listpost:hover .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 #90BADB; } .infoItems .infoItem .itemLabel { font-weight:bold; } .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 #90BADB !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:#25487F; 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:#90BADB !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 #90BADB !important; height:30px; opacity:1; }*/ /* --------------------------------------- */ /* NAVIGATION /* --------------------------------------- */ .navigateBtn { background:none; bottom:50%; } .navigateBtn:hover { background:#ffffff; } .navigateInline { background:none !important; display:block; position:relative !important; z-index:5; border-top:4px solid #fafafa; } .navigateInline .navigatePrev { display:flex; grid-template-columns:3fr 1fr; align-items:center; align-content:center; } .navigateInline .navigateNext { display:flex; grid-template-columns:1fr 3fr; align-items:center; align-content:center; } .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:#121212; } .navigateInline .navigateInline .navigateText { height:auto; } .navigateText { font-size:0.8em; color:#010101; } .navigateText h5 { color:#010101; font-family: 'EB Garamond', serif !important; text-transform:lowercase; font-size:1.2em !important; } /* --------------------------------------- */ /* FOOTER /* --------------------------------------- */ .highlightStrip { padding:80px 0 80px; position:relative; z-index:1; margin:0; width:100%; background:#fafafa; background-size:cover; height:auto; border-bottom:4px solid #fafafa; text-align:center; } .highlightStrip::after { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:100%; height:100%; display:block; content:""; border:none; background:none; background-size:130% 100%; z-index:-1; opacity:0.3; } .highlightStrip::before { background:none; opacity:0.1; content:""; height:100%; width:100%; position:absolute; z-index:0; top:0; left:0; background-size:cover; } .highlightStrip h2 { width:100%; text-align:center; float:none; color:#010101; margin:0 0 10px; } .highlightStrip p { width:100%; text-align:center; color:#010101; float:none; font-weight:normal; font-size:1.2em; margin:0 auto 40px !important; } .highlightStrip button, .highlightStrip .btn { float:none; width:30%; max-width:300px; clear:none !important; background:#010101; padding:15px; margin:0; border-radius:0; } .highlightStrip button:hover, .highlightStrip .btn:hover { background:#25487F; } .ctaStrip { width:100%; display:block; float:left; height:auto; background:#25487F; 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:'EB Garamond', serif; font-size:1.7em; font-weight:bold; } .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 { 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:#25487F; } .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:#25487F; width:100%; float:left; clear:both; } .socialBlock #sb_instagram { padding:0 !important; background:#010101; } .socialBlock #sb_instagram #sbi_load { padding:0 !important; } .socialBlock #sb_instagram #sbi_images .sbi_item:hover img, #sb_instagram .sbi_photo:hover { 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:rgb(231, 232, 233); */ background:#ffffff; border:none; z-index:0; clear:both; position:relative; border-top:4px solid #fafafa; } #footer::after { top:inherit; left:0; right:0; bottom:0; height:300px; width:100%; position:absolute; z-index:-1; margin:auto; display:block; background:none; background-size:110% auto; opacity:1; content:""; } #footer p { margin:0 auto 10px; } #footer #footerInner { position:static; display:block; clear:both; } #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 #footerLead { display:block; float:left; width:25%; } #footer #footerLogo, #footer .socialBox { text-align:left; max-width:100%; margin:0 auto 20px; display:block; float:left; height:auto; clear:both; } #footer .socialBox { margin:5px 0 0; height:auto; } #footer #footerLogo { height:auto !important; width:100% !important; } #footer #footerPad { float:left; } #footer .desc { width:100%; display:block; float:left; text-align:left; font-size:0.8em; line-height:1.5em; } #footer .desc a { color:#ffffff; } #footer .desc a:hover { color:#010101; } #footer .socialBox a { float:none; display:inline-block; margin:0; } #footer .socialBox .btn-social { background:none; background-size:30px !important; border-radius:0; border:0; height:40px; width:40px; } #footer .socialBox .btn-social:hover { background:#25487F } #footer #footerLinks { width:70%; margin:0; padding:20px 0 0; } #footer #footerLinks ul { font-size:1em; } #footer #footerLinks .group { } #footer #footerLinks .column { padding:0 20px 0 0; } #footer #footerLinks .header { margin:0 auto 10px; color:#121212; padding:0; border:0; font-weight:bold; border-bottom:none; font-size:1.8em; } #footer #footerLinks .column .menu-item { width:100%; margin:0 auto 5px; line-height:1.2em; } #footer .menu li a { width:100%; font-weight:bold; color:#010101; font-size:1em; font-style:normal; text-transform:lowercase; } #footer .menu li a:hover { color:#90BADB; } #footer #footerInfo { margin:65px 0 0; color:#010101; text-align:right; font-size:0.8em; } #footer #footerInfo .line3 { clear:both; display:block; } #footerInfo a:link, #footerInfo a:visited { color:#010101; } #footerInfo a:hover, #footerInfo a:active { color:#90BADB; } #footer.footerMicro .footerUpper { padding:80px 0; } #footer.footerMicro #footerLead { width:100%; display:grid; grid-template-columns:1fr; gap:10px; align-items:self-start; } #footer.footerMicro #footerLogo { width:auto !important; clear:initial !important; margin:0 !important; display:flex; justify-content:center; } #footer.footerMicro #footerLogo img { max-width:calc(100% - 40px); width:350px; } #footer.footerMicro .socialBox { width:100% !important; clear:initial !important; margin:0; display:flex; justify-content:center; } #footer.footerMicro #footerLinks { width:100%; display:flex; justify-content:center; } #footer.footerMicro #footerLinks .menu-footer-menu-container { width:100%; display:flex; justify-content:center; } #footer.footerMicro #footerLinks ul { gap:40px; float:left; padding:0; display:flex; justify-content:center; } #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:url("images/social/lug-rss-black.svg") no-repeat center; } #footer .socialBox .btn-apple { background:url("images/social/lug-apple-black.svg") no-repeat center; } #footer .socialBox .btn-bandcamp { background:url("images/social/lug-bandcamp-black.svg") no-repeat center; } #footer .socialBox .btn-behance { background:url("images/social/lug-behance-black.svg") no-repeat center; } #footer .socialBox .btn-discord { background:url("images/social/lug-discord-black.svg") no-repeat center; } #footer .socialBox .btn-dribbble { background:url("images/social/lug-dribbble-black.svg") no-repeat center; } #footer .socialBox .btn-facebook { background:url("images/social/lug-facebook-black.svg") no-repeat center; } #footer .socialBox .btn-github { background:url("images/social/lug-github-black.svg") no-repeat center; } #footer .socialBox .btn-imdb { background:url("images/social/lug-imdb-black.svg") no-repeat center; } #footer .socialBox .btn-instagram { background:url("images/social/lug-instagram-black.svg") no-repeat center; } #footer .socialBox .btn-linkedin { background:url("images/social/lug-linkedin-black.svg") no-repeat center; } #footer .socialBox .btn-pinterest { background:url("images/social/lug-pinterest-black.svg") no-repeat center; } #footer .socialBox .btn-reddit { background:url("images/social/lug-reddit-black.svg") no-repeat center; } #footer .socialBox .btn-snapchat { background:url("images/social/lug-snapchat-black.svg") no-repeat center; } #footer .socialBox .btn-spotify { background:url("images/social/lug-spotify-black.svg") no-repeat center; } #footer .socialBox .btn-tiktok { background:url("images/social/lug-tiktok-black.svg") no-repeat center; } #footer .socialBox .btn-twitch { background:url("images/social/lug-twitch-black.svg") no-repeat center; } #footer .socialBox .btn-twitter { background:url("images/social/lug-twitter-black.svg") no-repeat center; } #footer .socialBox .btn-vimeo { background:url("images/social/lug-vimeo-black.svg") no-repeat center; } #footer .socialBox .btn-vsco { background:url("images/social/lug-vsco-black.svg") no-repeat center; } #footer .socialBox .btn-youtube { background:url("images/social/lug-youtube-black.svg") no-repeat center; } #footer .socialBox .btn-rss:hover { background:#25487F url("images/social/lug-rss-hover.svg") no-repeat center; } #footer .socialBox .btn-apple:hover { background:#25487F url("images/social/lug-apple-hover.svg") no-repeat center; } #footer .socialBox .btn-bandcamp:hover { background:#25487F url("images/social/lug-bandcamp-hover.svg") no-repeat center; } #footer .socialBox .btn-behance:hover { background:#25487F url("images/social/lug-behance-hover.svg") no-repeat center; } #footer .socialBox .btn-discord:hover { background:#25487F url("images/social/lug-discord-hover.svg") no-repeat center; } #footer .socialBox .btn-dribbble:hover { background:#25487F url("images/social/lug-dribbble-hover.svg") no-repeat center; } #footer .socialBox .btn-facebook:hover { background:#25487F url("images/social/lug-facebook-hover.svg") no-repeat center; } #footer .socialBox .btn-github:hover { background:#25487F url("images/social/lug-github-hover.svg") no-repeat center; } #footer .socialBox .btn-imdb:hover { background:#25487F url("images/social/lug-imdb-hover.svg") no-repeat center; } #footer .socialBox .btn-instagram:hover { background:#25487F url("images/social/lug-instagram-hover.svg") no-repeat center; } #footer .socialBox .btn-linkedin:hover { background:#25487F url("images/social/lug-linkedin-hover.svg") no-repeat center; } #footer .socialBox .btn-pinterest:hover { background:#25487F url("images/social/lug-pinterest-hover.svg") no-repeat center; } #footer .socialBox .btn-reddit:hover { background:#25487F url("images/social/lug-reddit-hover.svg") no-repeat center; } #footer .socialBox .btn-snapchat:hover { background:#25487F url("images/social/lug-snapchat-hover.svg") no-repeat center; } #footer .socialBox .btn-spotify:hover { background:#25487F url("images/social/lug-spotify-hover.svg") no-repeat center; } #footer .socialBox .btn-tiktok:hover { background:#25487F url("images/social/lug-tiktok-hover.svg") no-repeat center; } #footer .socialBox .btn-twitch:hover { background:#25487F url("images/social/lug-twitch-hover.svg") no-repeat center; } #footer .socialBox .btn-twitter:hover { background:#25487F url("images/social/lug-twitter-hover.svg") no-repeat center; } #footer .socialBox .btn-vimeo:hover { background:#25487F url("images/social/lug-vimeo-hover.svg") no-repeat center; } #footer .socialBox .btn-vsco:hover { background:#25487F url("images/social/lug-vsco-hover.svg") no-repeat center; } #footer .socialBox .btn-youtube:hover { background:#25487F url("images/social/lug-youtube-hover.svg") no-repeat center; } #fixedStrip { height:82px; padding:20px; position:fixed; bottom:0; left:0; right:0; top:initial; background:rgb(231, 232, 233); z-index:5; display:none; -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 400ms ease-in-out; -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 400ms ease-in-out; -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 400ms ease-in-out; 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 400ms ease-in-out; } #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:block; position:static; top:0; bottom:0; } #fixedStrip.c2aTriggers .menu li { display:block; width:-webkit-calc((100% - 20px)/3) !important; width:-moz-calc((100% - 20px)/3) !important; width:calc((100% - 20px)/3) !important; text-align:center; height:auto; padding:0; list-style:none; font-size:0.7em; } #fixedStrip.c2aTriggers .menu li:first-of-type { float:left; } #fixedStrip.c2aTriggers .menu li:nth-of-type(2) { float:none; margin:0 auto; display:block; position:absolute; top:-100%; bottom:-100%; left:-100%; right:-100%; } #fixedStrip.c2aTriggers .menu li:last-of-type { float:right; } #fixedStrip.c2aTriggers .menu li > a { background:#25487F; border-radius:0; height:40px !important; line-height:2em !important; color:#ffffff; font-weight:bold; padding:10px 20px; width:100%; display:block; } #fixedStrip.c2aTriggers .menu li:hover > a { color:#ffffff !important; background:#25487F !important; } #fixedStrip.c2aTriggers .menu li > a:hover { background:#25487F !important; color:#ffffff !important; } #fixedStrip.c2aTriggers .menu li:hover a::before { display:none !important; } #fixedStrip.c2aTriggers .menu li > a:hover { background:#25487F !important; color:#ffffff !important; } /* --------------------------------------- */ /* CUSTOM ADD-INS /* --------------------------------------- */ /* Contact Form */ .wpcf7 { margin:40px 0; padding:40px 0; border-top:none; } .wpcf7-text, .wpcf7-textarea { background:#efefef; border:none; width:100% !important; } .wpcf7-submit { padding:15px; margin:0 0 40px; cursor:pointer; border-radius:30px !important; max-width:300px; width:100%; border:none; background:#010101; color:#ffffff !important; font-family:'EB Garamond', serif; font-weight:bold; text-align:center; text-transform:lowercase; font-size:0.9em; 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; } .wpcf7-submit:hover { background:#25487F; color:#ffffff !important; } select.wpcf7-select { padding:10px; border:0; border-radius:0; background:#DEEBF3; max-width:300px; font-size:1em; } .wpcf7:last-child { margin:40px 0 0; padding:40px 0 0; } /* 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:#DEEBF3; 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:#25487F; 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 { background:#25487F; } .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 .viewBoxBlock { width:100%; height:auto; position:relative; } .viewBoxContainer .viewBoxBlock:last-of-type { border:none; } .viewBoxContainer .viewBoxBlock .viewBoxExpander { height:60px; width:60px; position:absolute; top:0; right:0; color:#25487F; cursor:pointer; } .viewBoxContainer .viewBoxBlock .viewBoxTitle { height:auto; width:100%; padding:10px 0; 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:-webkit-calc(100% - 120px); width:-moz-calc(100% - 120px); width:calc(100% - 120px); text-indent:-28px; margin-left:28px; text-transform:none; color:#121212; font-weight:bold; float:left; padding:5px 0; line-height:1.6em; } .viewBoxContainer.viewBoxMenu .viewBoxBlock .viewBoxTitle h5 { width:-webkit-calc(100% - 280px); width:-moz-calc(100% - 280px); width:calc(100% - 280px); } .viewBoxContainer .viewBoxBlock .viewBoxTitle:hover h5 { color:#25487F; } .viewBoxContainer .viewBoxBlock .viewBoxTitle h3 { margin:0; } .viewBoxContainer .viewBoxBlock .viewBox { padding:0 80px; overflow:hidden; display:none; } .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:#25487F; 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:#25487F; } .viewBoxContainer .viewBoxBlock.down .viewBoxTitle h5 { padding:5px 0; } .viewBoxContainer .viewBoxBlock .up .icon { transform:rotate(0deg); } .viewBoxContainer .viewBoxBlock .down .icon { transform:rotate(90deg); } .viewBoxContainer .viewBoxBlock .indicator:hover .icon { color:#25487F !important; } .viewBoxContainer .viewBoxBlock .viewBoxTitle:hover h5 { color:#25487F; } .viewBoxContainer .viewBoxBlock .viewBoxTitle:hover .indicator .icon { color:#25487F; } .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:2px solid #90BADB; } /* Scheduler */ .viewBoxScheduler { margin:0 auto 40px; } .viewBoxScheduler:last-of-type { margin:0 auto 40px; } .viewBoxScheduler .col1 { border-bottom:1px solid #90BADB; 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:bold; } .viewBoxScheduler .colDesc { width:-webkit-calc(100% - 150px); width:-moz-calc(100% - 150px); width:calc(100% - 150px); } .viewBoxGrid .colHeader { font-weight:bold; 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:bold; text-transform:lowercase; } .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:bold; font-size:1em; margin:0; display:inline-block; color:#25487F; } .viewBoxContainer.sessionContainer .sessionTime { font-weight:normal; font-size:0.85em; margin:0; display:inline-block; color:#25487F; padding:0 0 0 20px; } .viewBoxContainer.sessionContainer .sessionTime b { display:none; } .viewBoxContainer.sessionContainer .sessionPrice { font-weight:bold; font-size:2em; text-align:center; width:100%; display:block; } .viewBoxContainer.sessionContainer .sessionType { font-weight:bold; } .viewBoxContainer.sessionContainer .viewBoxBlock { border-bottom:1px solid #25487F; } .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 { color:#25487F; } .viewBoxContainer.sessionContainer .viewBoxBlock.down .viewBoxTitle h5 .sessionTitle, .tablepress .viewBoxContainer .viewBoxBlock.down .indicator .icon { color:#25487F; } .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:#25487F; 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 { background:#25487F; } #modalStrip .modalBlock:hover .modalLug { opacity:1 } #modalStrip .modalBlock:hover h3 { top:-300%; } #modalStrip .modalBlock:hover 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:#25487F; 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:#25487F !important; } .popupModal .fancybox-button:hover { color:#ffffff !important; background:#25487F !important; } /* tabBlock Unit */ .tabBox { width:100%; margin:40px auto; border-bottom:2px solid #25487F; } .tabBox .tabs { overflow:hidden; border:none; background:none; color:#25487F; border-bottom:2px solid #25487F; } .tabBox .tabs .tabLink { background-color:#25487F; clear:none; float:left; border:none; outline:none; cursor:pointer; padding:10px 20px; margin:0 5px 0 0; transition:0.3s; } .tabBox .tabs .tabLink:hover { background-color:#25487F; color:#ffffff; } .tabBox .tabs .tabLink.active { background-color:#25487F; color:#ffffff; } .tabBox .tabContents { width:100%; display:block; } .tabBox .tabContent { display:none; padding:40px 0; border:none; animation:fadeEffect 0.5s; } .tabBox .tabContent.active { display:block; } @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} } .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 !important; display:grid !important; align-items:start !important; grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr !important; grid-gap:5px !important; } .gallery-item { margin:0 !important; display:block; width:100% !important; overflow:hidden; float:left; } .gallery-item:hover 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(255, 255, 255, 0.95) !important; } .fancybox-navigation .fancybox-button { padding:5px !important; width:60px !important; } .fancybox-button { background:#25487F !important; color:#ffffff !important; border-radius:0 !important; } .fancybox-button:hover { background:#25487F !important; color:#ffffff !important; } .fancybox-close-small { opacity:1 !important; } .fancybox-progress { background:#25487F !important; } .fancybox-thumbs__list a:before { border:6px solid #25487F !important; } .fancybox-thumbs { background:#25487F !important; } .galleryPane { background:#25487F; 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:hover img { opacity:0.5; } .galleryPane li img { display:block; min-width:100%; width:100%; } .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:#25487F; } .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") no-repeat center; } .profileBlock .socialBox .btn-instagram { background:url("images/lug-instagram.svg") no-repeat center; } .profileBlock .socialBox .btn-linkedin { background:url("images/lug-linkedin.svg") no-repeat center; } .profileBlock .socialBox .btn-website { background:url("images/lug-website.svg") no-repeat center; } .profileBlock .socialBox .btn-github { background:url("images/lug-github.svg") no-repeat center; } .profileBlock .socialBox .btn-muckrack { background:url("images/lug-muckrack.svg") no-repeat center; } .profileBlock .socialBox .btn-twitter:hover { background:url("images/lug-twitter-hover.svg") no-repeat center; } .profileBlock .socialBox .btn-instagram:hover { background:url("images/lug-instagram-hover.svg") no-repeat center; } .profileBlock .socialBox .btn-linkedin:hover { background:url("images/lug-linkedin-hover.svg") no-repeat center; } .profileBlock .socialBox .btn-website:hover { background:url("images/lug-website-hover.svg") no-repeat center; } .profileBlock .socialBox .btn-github:hover { background:url("images/lug-github-hover.svg") no-repeat center; } .profileBlock .socialBox .btn-muckrack:hover { background:url("images/lug-muckrack-hover.svg") no-repeat 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.contentFull { width:100% !important; padding:0; } .cvBlockMain .entry { padding:0 !important; } .cvBlockSide { width:400px; padding: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 #90BADB; clear:both; } .cvProfileBlock p:last-of-type { margin:0; } .cvProfileBlock:last-of-type { border:0; padding:0; } .cvProfileBlock h4 { margin:0 0 40px; } .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 #90BADB; list-style:none; margin:0 !important; } .cvEntry:last-of-type { border:none; } .cvEntry .cvTitle { font-weight:bold; width:100%; float:left; margin:0 0 5px; } .cvEntry .cvProduction { font-weight:bold; 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 5px; } .cvEntry .cvMod { font-weight:bold; font-style:normal; font-size:1em; line-height:1.2em; width:100%; float:left; margin:0 0 5px; } .cvPanel .cvEntry { padding:5px 0; } .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:bold; display:inline-block; } .cvEntry .cvTime .dateEnd { font-weight:bold; 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, .cvEntry.cvFilm .cvDir { margin:0; } .cvEntry.cvFilm .cvDesc { margin:20px 0 5px; } /*.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 { color:##90BADB; } .cvContactBlock .socialBox .btn-social { border:0; } .cvContactBlock .socialBox .btn-label { } .cvContactBlock .socialBox .btn-rss { background:url("images/social/lug-rss-black.svg") no-repeat center; } .cvContactBlock .socialBox .btn-apple { background:url("images/social/lug-apple-black.svg") no-repeat center; } .cvContactBlock .socialBox .btn-bandcamp { background:url("images/social/lug-bandcamp-black.svg") no-repeat center; } .cvContactBlock .socialBox .btn-behance { background:url("images/social/lug-behance-black.svg") no-repeat center; } .cvContactBlock .socialBox .btn-discord { background:url("images/social/lug-discord-black.svg") no-repeat center; } .cvContactBlock .socialBox .btn-dribbble { background:url("images/social/lug-dribbble-black.svg") no-repeat center; } .cvContactBlock .socialBox .btn-facebook { background:url("images/social/lug-facebook-black.svg") no-repeat center; } .cvContactBlock .socialBox .btn-github { background:url("images/social/lug-github-black.svg") no-repeat center; } .cvContactBlock .socialBox .btn-imdb { background:url("images/social/lug-imdb-black.svg") no-repeat center; } .cvContactBlock .socialBox .btn-instagram { background:url("images/social/lug-instagram-black.svg") no-repeat center; } .cvContactBlock .socialBox .btn-linkedin { background:url("images/social/lug-linkedin-black.svg") no-repeat center; } .cvContactBlock .socialBox .btn-pinterest { background:url("images/social/lug-pinterest-black.svg") no-repeat center; } .cvContactBlock .socialBox .btn-reddit { background:url("images/social/lug-reddit-black.svg") no-repeat center; } .cvContactBlock .socialBox .btn-snapchat { background:url("images/social/lug-snapchat-black.svg") no-repeat center; } .cvContactBlock .socialBox .btn-spotify { background:url("images/social/lug-spotify-black.svg") no-repeat center; } .cvContactBlock .socialBox .btn-tiktok { background:url("images/social/lug-tiktok-black.svg") no-repeat center; } .cvContactBlock .socialBox .btn-twitch { background:url("images/social/lug-twitch-black.svg") no-repeat center; } .cvContactBlock .socialBox .btn-twitter { background:url("images/social/lug-twitter-black.svg") no-repeat center; } .cvContactBlock .socialBox .btn-vimeo { background:url("images/social/lug-vimeo-black.svg") no-repeat center; } .cvContactBlock .socialBox .btn-vsco { background:url("images/social/lug-vsco-black.svg") no-repeat center; } .cvContactBlock .socialBox .btn-youtube { background:url("images/social/lug-youtube-black.svg") no-repeat center; } .cvContactBlock .socialBox a:hover .btn-rss { background:url("images/social/lug-rss-hover.svg") no-repeat center; } .cvContactBlock .socialBox a:hover .btn-apple { background:url("images/social/lug-apple-hover.svg") no-repeat center; } .cvContactBlock .socialBox a:hover .btn-bandcamp { background:url("images/social/lug-bandcamp-hover.svg") no-repeat center; } .cvContactBlock .socialBox a:hover .btn-behance { background:url("images/social/lug-behance-hover.svg") no-repeat center; } .cvContactBlock .socialBox a:hover .btn-discord { background:url("images/social/lug-discord-hover.svg") no-repeat center; } .cvContactBlock .socialBox a:hover .btn-dribbble { background:url("images/social/lug-dribbble-hover.svg") no-repeat center; } .cvContactBlock .socialBox a:hover .btn-facebook { background:url("images/social/lug-facebook-hover.svg") no-repeat center; } .cvContactBlock .socialBox a:hover .btn-github { background:url("images/social/lug-github-hover.svg") no-repeat center; } .cvContactBlock .socialBox a:hover .btn-imdb { background:url("images/social/lug-imdb-hover.svg") no-repeat center; } .cvContactBlock .socialBox a:hover .btn-instagram { background:url("images/social/lug-instagram-hover.svg") no-repeat center; } .cvContactBlock .socialBox a:hover .btn-linkedin { background:url("images/social/lug-linkedin-hover.svg") no-repeat center; } .cvContactBlock .socialBox a:hover .btn-pinterest { background:url("images/social/lug-pinterest-hover.svg") no-repeat center; } .cvContactBlock .socialBox a:hover .btn-reddit { background:url("images/social/lug-reddit-hover.svg") no-repeat center; } .cvContactBlock .socialBox a:hover .btn-snapchat { background:url("images/social/lug-snapchat-hover.svg") no-repeat center; } .cvContactBlock .socialBox a:hover .btn-spotify { background:url("images/social/lug-spotify-hover.svg") no-repeat center; } .cvContactBlock .socialBox a:hover .btn-tiktok { background:url("images/social/lug-tiktok-hover.svg") no-repeat center; } .cvContactBlock .socialBox a:hover .btn-twitch { background:url("images/social/lug-twitch-hover.svg") no-repeat center; } .cvContactBlock .socialBox a:hover .btn-twitter { background:url("images/social/lug-twitter-hover.svg") no-repeat center; } .cvContactBlock .socialBox a:hover .btn-vimeo { background:url("images/social/lug-vimeo-hover.svg") no-repeat center; } .cvContactBlock .socialBox a:hover .btn-vsco { background:url("images/social/lug-vsco-hover.svg") no-repeat center; } .cvContactBlock .socialBox a:hover .btn-youtube { background:url("images/social/lug-youtube-hover.svg") no-repeat center; } /* 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; } .messageBlock img { max-width:90%; width:600px; height:auto; margin:auto; } .messageBlock .socialBox { display:flex;justify-content:center; width:100%; } .messageBlock .socialBox .btn-social { border:none; float:none; } .messageBlock .socialBox .btn-rss { background:url("images/social/lug-rss-black.svg") no-repeat center; } .messageBlock .socialBox .btn-apple { background:url("images/social/lug-apple-black.svg") no-repeat center; } .messageBlock .socialBox .btn-bandcamp { background:url("images/social/lug-bandcamp-black.svg") no-repeat center; } .messageBlock .socialBox .btn-behance { background:url("images/social/lug-behance-black.svg") no-repeat center; } .messageBlock .socialBox .btn-discord { background:url("images/social/lug-discord-black.svg") no-repeat center; } .messageBlock .socialBox .btn-dribbble { background:url("images/social/lug-dribbble-black.svg") no-repeat center; } .messageBlock .socialBox .btn-facebook { background:url("images/social/lug-facebook-black.svg") no-repeat center; } .messageBlock .socialBox .btn-github { background:url("images/social/lug-github-black.svg") no-repeat center; } .messageBlock .socialBox .btn-imdb { background:url("images/social/lug-imdb-black.svg") no-repeat center; } .messageBlock .socialBox .btn-instagram { background:url("images/social/lug-instagram-black.svg") no-repeat center; } .messageBlock .socialBox .btn-linkedin { background:url("images/social/lug-linkedin-black.svg") no-repeat center; } .messageBlock .socialBox .btn-pinterest { background:url("images/social/lug-pinterest-black.svg") no-repeat center; } .messageBlock .socialBox .btn-reddit { background:url("images/social/lug-reddit-black.svg") no-repeat center; } .messageBlock .socialBox .btn-snapchat { background:url("images/social/lug-snapchat-black.svg") no-repeat center; } .messageBlock .socialBox .btn-spotify { background:url("images/social/lug-spotify-black.svg") no-repeat center; } .messageBlock .socialBox .btn-tiktok { background:url("images/social/lug-tiktok-black.svg") no-repeat center; } .messageBlock .socialBox .btn-twitch { background:url("images/social/lug-twitch-black.svg") no-repeat center; } .messageBlock .socialBox .btn-twitter { background:url("images/social/lug-twitter-black.svg") no-repeat center; } .messageBlock .socialBox .btn-vimeo { background:url("images/social/lug-vimeo-black.svg") no-repeat center; } .messageBlock .socialBox .btn-vsco { background:url("images/social/lug-vsco-black.svg") no-repeat center; } .messageBlock .socialBox .btn-youtube { background:url("images/social/lug-youtube-black.svg") no-repeat center; } .messageBlock .socialBox a:hover .btn-rss { background:url("images/social/lug-rss-hover.svg") no-repeat center; } .messageBlock .socialBox a:hover .btn-apple { background:url("images/social/lug-apple-hover.svg") no-repeat center; } .messageBlock .socialBox a:hover .btn-bandcamp { background:url("images/social/lug-bandcamp-hover.svg") no-repeat center; } .messageBlock .socialBox a:hover .btn-behance { background:url("images/social/lug-behance-hover.svg") no-repeat center; } .messageBlock .socialBox a:hover .btn-discord { background:url("images/social/lug-discord-hover.svg") no-repeat center; } .messageBlock .socialBox a:hover .btn-dribbble { background:url("images/social/lug-dribbble-hover.svg") no-repeat center; } .messageBlock .socialBox a:hover .btn-facebook { background:url("images/social/lug-facebook-hover.svg") no-repeat center; } .messageBlock .socialBox a:hover .btn-github { background:url("images/social/lug-github-hover.svg") no-repeat center; } .messageBlock .socialBox a:hover .btn-imdb { background:url("images/social/lug-imdb-hover.svg") no-repeat center; } .messageBlock .socialBox a:hover .btn-instagram { background:url("images/social/lug-instagram-hover.svg") no-repeat center; } .messageBlock .socialBox a:hover .btn-linkedin { background:url("images/social/lug-linkedin-hover.svg") no-repeat center; } .messageBlock .socialBox a:hover .btn-pinterest { background:url("images/social/lug-pinterest-hover.svg") no-repeat center; } .messageBlock .socialBox a:hover .btn-reddit { background:url("images/social/lug-reddit-hover.svg") no-repeat center; } .messageBlock .socialBox a:hover .btn-snapchat { background:url("images/social/lug-snapchat-hover.svg") no-repeat center; } .messageBlock .socialBox a:hover .btn-spotify { background:url("images/social/lug-spotify-hover.svg") no-repeat center; } .messageBlock .socialBox a:hover .btn-tiktok { background:url("images/social/lug-tiktok-hover.svg") no-repeat center; } .messageBlock .socialBox a:hover .btn-twitch { background:url("images/social/lug-twitch-hover.svg") no-repeat center; } .messageBlock .socialBox a:hover .btn-twitter { background:url("images/social/lug-twitter-hover.svg") no-repeat center; } .messageBlock .socialBox a:hover .btn-vimeo { background:url("images/social/lug-vimeo-hover.svg") no-repeat center; } .messageBlock .socialBox a:hover .btn-vsco { background:url("images/social/lug-vsco-hover.svg") no-repeat center; } .messageBlock .socialBox a:hover .btn-youtube { background:url("images/social/lug-youtube-hover.svg") no-repeat center; } /* --------------------------------------- */ /* MEDIA QUERIES /* --------------------------------------- */ @media screen and (max-width:2200px) { /*#contentHeader .backing img { top:-12%; }*/ } @media screen and (max-width:2000px) { /*.infoPanel .infoPanelLug img { max-width:145% !important; max-height:160% !important; width:auto; }*/ /*#contentHeader .backing img { top:-5%; }*/ } @media screen and (max-width:1800px) { /*#contentHeader .backing img { top:0; }*/ } @media screen and (max-width:1600px) { /*#mainMenu .menu li a { font-size:0.9em; padding:10px; } */ #mainMenu .menu > li:hover a::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; } .infoPanel .infoPanelText { position:relative; } } @media screen and (max-width:1400px) { .carouselSuperFull .superPost .superLug img { max-width:inherit !important; opacity:1; max-height:190% !important; } .infoPanel .infoHead { font-size:1.6em; } .infoPanel .infoText { font-size:0.95em; line-height:1.6em; } /* Galleries */ .galleryPane li { width:-webkit-calc(100% / 8); width:-moz-calc(100% / 8); width:calc(100% / 8); } /* Maps */ #mapPane .mapContainer { display:flex; flex-wrap:wrap; } #mapPane .mapContainer .map { flex:1 0 500px; } #contentHeader .backing img, #infoPaneHeader .backing img { position:absolute; max-height:170%; width:auto; max-width:inherit !important; } } @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%; } } @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:#ffffff; } #masterMenu .btn-search { border-left:none; border-right:none; float:right; display:none; } .btn-drawerTop, .btn-drawerBottom, .btn-drawerLeft, .btn-drawerRight { border-right:none; } .btn-drawerLeft span, .btn-search span { color:#010101; background:#010101; } .btn-drawerLeft:hover, .btn-search:hover { background:#25487F !important; } .btn-drawerLeft:hover span, .btn-search:hover span { color:#ffffff !important; background:#ffffff !important; } .btn-search .glyphicon-search { color:#010101; } .btn-search:hover .glyphicon-search { color:#ffffff; } .actionStrip.slideClosed .btnTrigger { background:#25487F; } .superPosts, .superPosts #carouselSuper { background:none !important; } .superPosts .jcarousel-pagination { background:none !important; height:60px !important; width:auto !important; padding:20px !important; } .superPosts #carouselSuper-wrapper > .jcarousel-control-prev, .superPosts #carouselSuper-wrapper > .jcarousel-control-next { height:60px; width:60px; bottom:0; font-size:3em !important; border:0 !important; background:#25487F !important; } .jcarousel-control-prev > span, .jcarousel-control-next > span { top:50%; } .superPosts #carouselSuper-wrapper > .jcarousel-control-prev:hover, .superPosts #carouselSuper-wrapper > .jcarousel-control-next:hover { background:#010101 !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; } .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; } .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 .infoPanelLug { width:calc(60% - 80px); } .infoPanel .infoPanelText { width:40%; font-size:0.88em; display:block; position:relative; } .infoPanel .infoPanelPad { max-width:100%; text-align:left !important; } .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; } #contentHeader .container { padding:0 40px; } #contentHeader .imageTrigger { bottom:40px; right:40px; } .content, .contentFull { } .schedule { 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%; } #contentBody blockquote { position:relative; margin:40px auto !important; } .tags { margin:0; } .navigate { margin:0; display:none; } .authorPage h6 { margin:0; } .navigateInline { display:block; } /*.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; } #sidebar { background:none !important; position:static; display:none; } #sidebar.cvBlockSide { display:block !important; } .sidebarTop, .sidebarBottom { padding:40px !important; background:none !important; } #sidebarModule { position:static !important; margin:auto; } #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; } #footer .footerUpper { padding:80px 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:30px; background:#010101; color:#ffffff; font-weight:bold; } #footer #footerLinks li a:hover { background:#25487F; color:#ffffff; } #footer #footerLogo { float:none; width:100%; max-width:300px; } #footer #footerLinks .column { padding:0 5px 0 0; } #footer.footerMicro #footerLead { grid-template-columns:1fr; align-items:center; } #footer.footerMicro #footerLogo { margin:auto !important; } #footer.footerMicro #footerLinks ul { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; width:100%; grid-gap:20px; padding:0; } #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; } /* Galleries */ .galleryPane li { width:-webkit-calc(100% / 7); width:-moz-calc(100% / 7); width:calc(100% / 7); } } @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; } } @media screen and (max-width:1000px) { .infoPanel .infoPanelLug, .infoPanel .infoPanelText { width:100%; min-height:0; height:auto; position:static; display:block; float:left; font-size:1em; margin:0; } .infoPanel .infoPanelLug img { position:static; top:0; bottom:0; left:0; right:0; width:100%; height:auto; } .infoPanel .infoPanelPad { position:static; } .infoPanel:last-of-type .infoPanelText { padding-bottom:40px; } ul#sections .section .sectionIMG { height:400px; } .gallery { grid-template-columns:1fr 1fr 1fr 1fr 1fr !important; } /*.gallery-item { width:-webkit-calc(100% / 5) !important; width:-moz-calc(100% / 5) !important; width:calc(100% / 5) !important; } */ #contentHeader, .eventPage #contentHeader { } #footer #footerLinks .group { width:100%; margin:0; } .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:80px; } .testimonialList .listpost { width:100% !important; margin:0 !important; padding:0 0 80px; border:0; border-bottom:1px dashed #90BADB; } .testimonialList .listpost:last-of-type { border:0; } .testimonialList .listpost .listpostText { min-height:0 !important; } /* Modal System */ .colStats { width:100% !important; padding:0 !important; margin:0 auto 40px !important; } /* Galleries */ .galleryPane li { width:-webkit-calc(100% / 6); width:-moz-calc(100% / 6); width:calc(100% / 6); } /* ViewBox */ .viewBoxContainer.sessionContainer .viewBoxBlock .viewBoxTitle h5 { display:block !important; width:100%; 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; } } @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%; }*/ #contentHeader h2,#infoPaneHeader h2 { font-size:1.4em; } #contentHeader, .eventPage #contentHeader, #infoPaneHeader, .superPosts, .superPosts .jcarousel, .carouselSuperFull .superPost { max-height:600px !important; } #contentHeader .backing img, #infoPaneHeader .backing img { height:100%; max-height:110%; } #infoPaneHeader .logoMain { display:block; height:auto; width:350px; max-width:70vw; top:-100%; bottom:-100%; left:-100%; right:-100%; transform:none; position:static; } #infoPaneHeader .btn { margin:0 10px 10px; } .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; } /*.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; } /* Galleries */ .galleryPane li { width:-webkit-calc(100% / 5); width:-moz-calc(100% / 5); width:calc(100% / 5); } #footer.footerMicro #footerLinks ul { grid-template-columns:1fr 1fr; } } @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; } .container, .containerWide, .infoPane .containerWide { padding:0 20px; } #contentHeader .container { padding:0 20px; } #contentHeader .imageTrigger { bottom:20px; right:20px; } .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:left; clear:both; background:#25487F; border-color:#25487F; color:#ffffff; position:static; margin:20px 0 0; padding:5px 10px; font-size:0.8em; } #contentHeader .imageTrigger:hover { background:#25487F; border-color:#25487F; color:#ffffff; } #contentHeader h2 { font-size:1.1em; } #contentBody .entry, #contentBody .schedule { padding:40px 0; } #contentFooter { padding:0; } #contentBody .entry .col2 { width:100% !important; } #contentBody .entry .colPadLeft, #contentBody .entry .colPadRight { padding:0; } img.alignleft, img.alignright { width:100% !important; margin:40px auto !important; border:0; padding:0; max-width:100% !important; } .highlightStrip h1, .highlightStrip h2, .highlightStrip p { width:100%; text-align:center; } .highlightStrip .btn { float:none; width:100%; max-width:300px; clear:both !important; margin:auto; display:block; } #footer p { margin:0 0 40px; } .homePage .leaderStrip { text-align:center; margin:0; } .homePage .superPosts { padding:0 0 30px; } .homePage .superPosts .jcarousel-pagination { width:100% !important; height:22px !important; padding:0 !important; text-align:center; bottom:-22px; } .superPosts .jcarousel-pagination a { width:10px; height:10px; } .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 .infoPanels { display:grid; grid-template-columns:1fr; } .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; } .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:80px; } .testimonialList .listpost .listpostText .excerptBlurb { display:block; } .testimonialList .listpost .listpostText { padding:0 !important; } .staffList .staffDirector .listpostText { padding:40px 0 !important; } .staffList .staffDirector .listpostLug { margin:auto !important; max-width:340px !important; float:none !important; } /*.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); } */ .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; } .gallery { grid-template-columns:1fr 1fr 1fr 1fr !important; } /*.gallery-item { width:-webkit-calc(100% / 4) !important; width:-moz-calc(100% / 4) !important; width:calc(100% / 4) !important; } .gallery-item:first-of-type { width:50% !important; }*/ .sidebarTop, .sidebarBottom { padding: 20px !important; } #footer .footerUpper { padding:80px 0 40px; } .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:#25487F !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:bold; } .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; } } @media screen and (max-width: 600px) { body { font-size:1em; line-height:1.5em; } h1 { font-size:2.6em; max-width:100%; } h2 { font-size:2.2em; } h3 { font-size:1.8em; } h4 { font-size:1.5em; } h5 { font-size:1.2em; } h6 { font-size:0.9em; line-height:1.2em; } button, .btnMain, .btnSmall { font-size:0.9em !important; } .ctaStrip h3 { font-size:1.3em; line-height:1.3em; } .headlineInline h2 { font-size:1.7em; } #masterMenu { background-size:60px auto; } #masterMenu .menuLogo { width:135px; } .homePage #main { padding:40px 0 0; } .homePage #menuBarBlock { height:40px !important; } .homePage .carouselPane .containerWide, .homePage .infoPane .containerWide { padding:40px 20px; } /*.homePage .eventList .listpost { width:calc(100% + 40px) !important; left:-20px; position:relative; } */ .content, .contentFull, .infoPane .infoPaneInner { padding:0; } #contentHeader, .eventPage #contentHeader { padding:110px 0 0; height:auto; min-height:0; } #contentHeader::after { height:69px; } #contentHeader .container { padding:0 20px !important; top:inherit; bottom:0; height:auto !important; } #contentHeader .backing { height:100% !important; min-height:350px !important; } #contentHeader .backing::before { z-index:3; } #contentHeader .backing img { position:absolute; opacity:1; max-height:inherit !important; max-width:inherit !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:bold; 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, .superPosts, .superPosts .jcarousel, .carouselSuperFull .superPost { height:80vh; min-height:0 !important; min-height:600px; } .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 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; } .infoPanel .infoPanelText { width:100%; float:left; height:auto; min-height:0; } .infoPanel .infoPanelPad { position:relative; float:left; bottom:initial; padding:20px 20px 40px; } .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; } .gallery { grid-template-columns:1fr 1fr 1fr !important; } .homePage .superPosts { padding:0 0 22px; } .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; } .infoPane .containerWide { padding:0 20px; } #contentBody .entry, #contentBody .schedule { padding:40px 0 !important; } #featIMG { margin:0 -20px 40px; } .navigate { margin:40px auto 0; } .sidebarTop, .sidebarBottom { padding:20px 0 !important; } .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; }*/ .staffList .listpost { width:100%; } .staffList .listpost .listpostLug { height:auto; width:100%; margin:auto; display:block; float:none; max-width:100%; } .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; } .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:-webkit-calc(100% - 120px); width:-moz-calc(100% - 120px); width:calc(100% - 120px); 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; } #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:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); } .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; } /* Galleries */ .galleryPane li { width:-webkit-calc(100% / 3); width:-moz-calc(100% / 3); width:calc(100% / 3); } #mobileMenu { box-shadow:none; } #fullscreenSearch .container { padding:0 20px !important; } } @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; } } @media screen and (max-width: 480px) { .homePage .leaderStrip { font-size:0.8em !important; } #contentHeader, .eventPage #contentHeader { padding:120px 0 0; height:auto; min-height:0; } .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; } #footer #footerLead { margin:40px auto 20px !important; } #footer #footerLogo > a img { max-width:90%; } #sb_instagram #sbi_images .sbi_item { width:50% !important; } #footer #footerLinks .column { padding:0; } .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; } .gallery { grid-template-columns:1fr 1fr !important; } /*.gallery-item { width:-webkit-calc(100% / 3) !important; width:-moz-calc(100% / 3) !important; width:calc(100% / 3) !important; } .gallery-item:first-of-type { width:100% !important; }*/ .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 .footerUpper { padding:40px 0 80px; } #footer .line1, #footer .line2, #footer .line3 { float:none; } /* 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; } #footer.footerMicro #footerLinks ul { grid-template-columns:1fr; } } @media screen and (max-width:450px) { #fixedStrip.c2aTriggers .menu li > a { line-height:1em !important; } } @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; } /*.gallery-item { width:-webkit-calc(100% / 2) !important; width:-moz-calc(100% / 2) !important; width:calc(100% / 2) !important; } */ .archiveFeed .menuList .listpost { width:100%; } .menuList .listpost.staticBox .listpostText h4 { min-height:0; } /* Modal */ .fancybox-content .headerIMG { min-height:250px; } } @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; } #infoPaneHeader .logoMain { max-width:25vw; } #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; } } @media screen and (max-device-width:850px) 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; } #masterMenu { height:40px; background-size:70px auto; } .btn-drawerTop, .btn-drawerBottom, .btn-drawerLeft, .btn-drawerRight, #masterMenu .btn-search { height:40px; width:40px; padding:10px; 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; } .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; } /*.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; } #infoPaneHeader h2 { font-size:1.7em; } } @media screen and (max-device-width:600px) and (orientation:landscape) { .carouselSuperFull .superPost .superText .container { bottom:40px !important; } }