/* Theme Name: Evolve Camps Description: Modulus Framework Version: v.2.0 Author: R. Stephenson Price Author URI: www.stratasfear.com */ /* --------------------------------------- */ /* THEME RESET / CHILD THEME BASE /* --------------------------------------- */ *, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0; } :root { --video-width: 100vw; --video-height: 100vh; } @media (min-aspect-ratio: 16/9) { :root { --video-height: 56.25vw; } } @media (max-aspect-ratio: 16/9) { :root { --video-width: 177.78vh; } } body { background:#010101; margin:0; padding:0; color:#232323; font:1em/1.4em "Raleway", "Roboto", "Lato", sans-serif; letter-spacing:0.2px; position:relative; z-index:1; } /* Headlines */ h1, h2, h3, h4, h5, h6, h7 { color:#d03333; margin:0 0 20px; font-weight:bold; font-family:"Raleway", sans-serif; } h1 { font-size:2.2em; color:#ffffff; background:rgba(0, 188, 228, 0.8); line-height:1.4em; width:850px; max-width:100% - 40px; position:relative; margin:40px auto 20px; display:block; float:none; text-align:center; padding:5px 45px; overflow:hidden; font-family:"Raleway", sans-serif !important; font-weight:bold; } h1::before { content:""; position:absolute; width:100%; height:100%; top:-100%; bottom:-100%; left:-1px; z-index:1; margin:auto; background:url("images/notch-left.svg")no-repeat left center; display:none; } h1::after { content:""; position:absolute; width:100%; height:100%; top:-100%; bottom:-100%; right:-1px; z-index:1; margin:auto; background:url("images/notch-right.svg")no-repeat right center; display:none; } #infoPane1::after { content:""; position:absolute; display:none; 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; } h2 { font-size:2.1em; color:#00bce4; line-height:1.2em; } h3 { font-size:1.8em; color:#010101; line-height:1.3em; } h4 { font-size:1.5em; color:#00bce4; } h5 { font-size:1.2em; color:#010101; } h6 { font-size:1.0em; color:#ffffff; width:100%; margin:20px 0; padding:5px 20px; text-align:center; float:none; background:#00bce4; display:block; height:auto; } p { margin:0 0 20px; } a:link, a:visited { padding:0; margin:0; text-decoration:none; color:#152128; font-weight:bold; } a:hover, a:active { color:#d03333; } hr { border:none; border-bottom:1px solid #cfcfcf; margin:40px 0; } blockquote { float:right; width:50%; padding:40px; margin:0 0 40px 40px; border:none; font-size:1.7em; line-height:1.3em; font-family:"Raleway", sans-serif !important; font-weight:normal; font-style:normal; color:#455560; 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:#65cbc9; } blockquote p { position:relative; z-index:1; } blockquote .credit { color:inherit; } blockquote.quote { text-indent:-7px; } .siteMain { background:#00a7cc; } #siteContainer { background:#ffffff; width:100%; display:block; position:relative; z-index:0; max-width:1920px; margin:auto; box-shadow:none; } .container, .containerWide { max-width:1600px; width:100%; } .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:-91px !important; } .throwLink { } #topLink { background:#00bce4; border-radius:100%; bottom:40px; right:40px; opacity:1; width:40px; } #topLink .icon { font-size:31px; font-family:initial !important; font-weight:bold; padding:14px; color:#ffffff; width:40px; } #topLink:hover { background:#d03333; } .entry .responsive-container { margin:0 auto 40px; padding-top:0; } .responsive-container { padding-top:0; } .alignleft, .alignright { max-width:50%; height:auto; width:50%; } .alignleft { } .alignright { } .highlight { font-weight:bold; color:#00bce4; } .smallText { font-size:0.85em; text-align:right; } .alignContentCenter { text-align:center; } img, input[type="image"], video, embed, iframe, marquee, object, table { aspect-ratio: attr(width) / attr(height); } .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; } textarea { min-height:250px; } .btn, button { background:#00bce4; color:#ffffff !important; font-weight:bold; font-family:"Raleway", sans-serif; width:auto; max-width:400px; margin:0 auto; border-radius:0 !important; clear:both; padding:20px; } .btn a, button a { color:#ffffff !important; } .btn:hover, button:hover { background:#d03333; color:#ffffff; } .btn:hover a, button:hover a { color:#ffffff !important; } .btnSmall { padding:10px 20px; min-width:0; } 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:#00bce4; } #mobileMenu .siteLogo { max-width:220px; } #mobileMenu h2 { border:none; border-bottom:none; color:#ffffff; padding:20px; font-size:1.4em; font-family:"Raleway", sans-serif !important; font-weight:normal; margin:0; } #mobileMenu .menu li a { color:#ffffff; font-size:1.1em; font-weight:400; border-bottom:1px solid #007FC4; } #mobileMenu .menu li a:hover { background:#d03333 !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 #007FC4; color:#ffffff; } #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:#00bce4 !important; } #mobileMenu .menu .indicator .icon { color:#ffffff; } #mobileMenu .menu .sub-menu .indicator { background:none !important; } #mobileMenu .menu .sub-menu .indicator .icon { color:#ffffff; } #mobileMenu .menu .indicator .icon { color:#ffffff; } #mobileMenu .menu li .indicator:hover { background:#d03333 !important; } #mobileMenu .menu li .indicator:hover .icon { color:#ffffff; } #mobileMenu li .sub-menu { background:#010101; } #mobileMenu li .sub-menu .sub-menu { background:#121212; } #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 .btn-social { background:none; display:inline-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:#00bce4 url("images/social/lug-rss-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-apple { background:#00bce4 url("images/social/lug-apple-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-bandcamp { background:#00bce4 url("images/social/lug-bandcamp-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-behance { background:#00bce4 url("images/social/lug-behance-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-discord { background:#00bce4 url("images/social/lug-discord-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-dribbble { background:#00bce4 url("images/social/lug-dribbble-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-facebook { background:#00bce4 url("images/social/lug-facebook-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-github { background:#00bce4 url("images/social/lug-github-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-imdb { background:#00bce4 url("images/social/lug-imdb-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-instagram { background:#00bce4 url("images/social/lug-instagram-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-linkedin { background:#00bce4 url("images/social/lug-linkedin-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-pinterest { background:#00bce4 url("images/social/lug-pinterest-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-reddit { background:#00bce4 url("images/social/lug-reddit-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-snapchat { background:#00bce4 url("images/social/lug-snapchat-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-spotify { background:#00bce4 url("images/social/lug-spotify-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-tiktok { background:#00bce4 url("images/social/lug-tiktok-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-twitch { background:#00bce4 url("images/social/lug-twitch-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-twitter { background:#00bce4 url("images/social/lug-twitter-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-vimeo { background:#00bce4 url("images/social/lug-vimeo-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-vsco { background:#00bce4 url("images/social/lug-vsco-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-youtube { background:#00bce4 url("images/social/lug-youtube-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-rss:hover { background:#d03333 url("images/social/lug-rss-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-apple:hover { background:#d03333 url("images/social/lug-apple-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-bandcamp:hover { background:#d03333 url("images/social/lug-bandcamp-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-behance:hover { background:#d03333 url("images/social/lug-behance-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-discord:hover { background:#d03333 url("images/social/lug-discord-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-dribbble:hover { background:#d03333 url("images/social/lug-dribbble-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-facebook:hover { background:#d03333 url("images/social/lug-facebook-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-github:hover { background:#d03333 url("images/social/lug-github-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-imdb:hover { background:#d03333 url("images/social/lug-imdb-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-instagram:hover { background:#d03333 url("images/social/lug-instagram-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-linkedin:hover { background:#d03333 url("images/social/lug-linkedin-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-pinterest:hover { background:#d03333 url("images/social/lug-pinterest-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-reddit:hover { background:#d03333 url("images/social/lug-reddit-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-snapchat:hover { background:#d03333 url("images/social/lug-snapchat-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-spotify:hover { background:#d03333 url("images/social/lug-spotify-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-tiktok:hover { background:#d03333 url("images/social/lug-tiktok-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-twitch:hover { background:#d03333 url("images/social/lug-twitch-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-twitter:hover { background:#d03333 url("images/social/lug-twitter-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-vimeo:hover { background:#d03333 url("images/social/lug-vimeo-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-vsco:hover { background:#d03333 url("images/social/lug-vsco-white.svg") no-repeat center; } #mobileMenu .socialBox .btn-youtube:hover { background:#d03333 url("images/social/lug-youtube-white.svg") no-repeat center; } /* --------------------------------------- */ /* SEARCH /* --------------------------------------- */ #fullscreenSearch { background:rgba(255,255,255,0.95); } #fullscreenSearch .container { max-width:1200px; } #fullscreenSearch .topdeck { padding:140px 0 0; } #fullscreenSearch .searchBox { background:rgba(0,0,0,0.08); border-radius:0; } #fullscreenSearch .searchBox .searchBar { width:100%; max-width:inherit !important; margin:0; } #fullscreenSearch .searchBox .btn-search .glyphicon-search { color:#ffffff; } #fullscreenSearch .searchBox .btn-search { border-radius:0 !important; opacity:1; background:#00bce4 !important; color:#455560 !important; } #fullscreenSearch .searchBox .btn-search:hover { background:#d03333 !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:#00bce4; border-radius:0; font-size:0.8em; padding:5px 10px; min-width:150px; text-align:center; } #fullscreenSearch .trendingList li a:hover { background:#d03333; } #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:#efefef; 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:#d03333 !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:22pt !important; } #masterMenu .menuLogo { width:85px; height:100%; margin:auto; display:block; position:absolute; top:0; bottom:0; left:-100%; right:-100%; background:url(images/logo-main-2022.svg) center no-repeat; background-size:contain; content:""; } #menuBar { border-bottom:0; position:fixed; background: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; } #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 .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 #menuBar { height:inherit !important; } /*.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-2022-white.svg)no-repeat center; overflow:visible; padding:0; height:100px; width:180px; background-size:100% auto; 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:180px; background-size:100% auto; opacity:0.5; } #menuBar #menuOverlay .menuLogo { padding:0; margin:0 auto !important; float:none !important; } #menuBar #headerInner { padding:0 40px; } #mainMenu .menu li a { color:#ffffff; font-weight:bold; /*margin:0 10px 0 0; */ border-right:0; padding:10px 15px; } /*#mainMenu .menu li a::after { width:1px; height:-webkit-calc(100% - 40px); height:-moz-calc(100% - 40px); height:calc(100% - 40px); position:absolute; right:-5px; left:initial; top:-100%; bottom:-100%; margin:auto; content:""; display:none; background:#455560; }*/ #mainMenu .menu > li a::before { display:none; position:absolute; bottom:-100%; top:-70%; width:0; height:5px; background:#d03333; 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 30px 10px 15px; } #mainMenu .menuMarkerHousing { bottom:44%; left:initial; right:3px; } #mainMenu .menuMarkerHousing .icon { color:#ffffff; display:block; font-family:initial !important; } #mainMenu .menu li:hover .menuMarkerHousing .icon { color:#d03333; } #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:#455560 !important; 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; } #menuBar .c2aTriggers { width:auto; height:100px; float:right; } #menuBar .c2aTriggers .btn { display:inline-block; } #menuBar .c2aTriggers .menu li { height:100px; padding:30px 5px !important; } #menuBar .c2aTriggers .menu li > a { background:#00bce4; border-radius:0; height:40px !important; line-height:0 !important; color:#ffffff; font-weight:bold; padding:20px 10px; border:0 !important; } #menuBar .c2aTriggers .menu li:hover > a { color:#ffffff !important; background:#00bce4 !important; } #menuBar .c2aTriggers .menu li > a:hover { background:#d03333 !important; color:#ffffff !important; } #menuBar .c2aTriggers .menu li:hover a::before { display:none !important; } #menuBar .c2aTriggers .menu li > a:hover { background:#d03333 !important; 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:#00bce4; } #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:#00bce4; 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:#00bce4 !important; } #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:#d03333 !important; color:#ffffff !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; color:#00bce4; } #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:#455560 !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:#00bce4; 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:#d03333 !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:1px solid #efefef; color:#455560; 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:#efefef; color:#455560; border-bottom:1px solid #dedede; } #mainMenu li .sub-menu .sub-menu > li:last-of-type a { border:none; } #mainMenu li .sub-menu .sub-menu .sub-menu > li a { background:#dfdfdf; color:#455560; border-bottom:1px solid #dedede; } #mainMenu li .sub-menu .sub-menu .sub-menu > li:last-of-type a { border:none; } #mainMenu .menu li > a:hover, #mainMenu .menu li:hover > a, #mainMenu .menu .topMenu > a:hover, #mainMenu .menu li:hover > span { background:#ffffff !important; color:#d03333; border-right:0; } #mainMenu .menu li:hover a::before { display:none; background:#d03333; 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:#d03333 !important; color:#ffffff !important; } #mainMenu li .sub-menu > li:hover::before { background:#d03333 !important; } #mainMenu .menu .sub-menu .sub-menu li:hover > span, #mainMenu .menu .sub-menu .sub-menu li:hover > a { background:#d03333 !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:#d03333 !important; color:#ffffff !important; } .btn-search .glyphicon-search { color:#ffffff; font-weight:100; width:100%; } .btn-drawerLeft span, .btn-search span { background:#455560; color:#455560; height:2px !important; } .btn-drawerTop:hover, .btn-drawerBottom:hover, .btn-drawerLeft:hover, .btn-drawerRight:hover, .btn-search:hover { background:none !important; } .btn-drawerTop:hover span, .btn-drawerBottom:hover span, .btn-drawerLeft:hover span, .btn-drawerRight:hover span, .btn-search:hover span { background:#d03333; color:#d03333 !important; height:2px !important; } .btn-search:hover .glyphicon-search { color:#d03333; } #mainMenu .btn-drawerLeft { padding:40px 10px 40px 0; } #menuBar.scrolling { background:rgb(231, 232, 233); } #menuBar.scrolling #menuOverlay::before { opacity:1; top:-200px; } #menuBar.scrolling .menuLogo { height:60px; width:110px; background-size:100% auto; background:url(images/logo-main-2022.svg) no-repeat center; } #menuBar.scrolling .menuLogo:hover { height:60px; width:110px; } #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:#455560; } #menuBar.scrolling .c2aTriggers { height:60px; } #menuBar.scrolling .c2aTriggers .menu li { height:60px; padding:10px 5px !important; } #menuBar.scrolling .c2aTriggers .menu li a { color:#ffffff !important; } #menuBar.scrolling #mainMenu .menu > li a::before { top:-55%; } #menuBar.scrolling #mainMenu .menuMarkerHousing .icon { color:#00bce4; } #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 { color:#00bce4; } #menuBar.scrolling .btn-search .glyphicon-search { color:#455560; } #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:#00bce4 !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:#d03333 !important; color:#ffffff !important; } #menuBar.scrolling #mainMenu .btn-search, #menuBar.scrolling #mainMenu .btn-drawerLeft { padding:20px 10px 20px 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:#455560; color:#455560 !important; } #menuBar.scrolling .btn-search .glyphicon-search { color:#455560; } #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:#d03333; color:#d03333 !important; } #menuBar.scrolling .btn-search:hover .glyphicon-search { color:#d03333; } #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-white.svg") no-repeat center; } #mainMenu .socialBox .btn-apple { background:url("images/social/lug-apple-white.svg") no-repeat center; } #mainMenu .socialBox .btn-bandcamp { background:url("images/social/lug-bandcamp-white.svg") no-repeat center; } #mainMenu .socialBox .btn-behance { background:url("images/social/lug-behance-white.svg") no-repeat center; } #mainMenu .socialBox .btn-discord { background:url("images/social/lug-discord-white.svg") no-repeat center; } #mainMenu .socialBox .btn-dribbble { background:url("images/social/lug-dribbble-white.svg") no-repeat center; } #mainMenu .socialBox .btn-facebook { background:url("images/social/lug-facebook-white.svg") no-repeat center; } #mainMenu .socialBox .btn-github { background:url("images/social/lug-github-white.svg") no-repeat center; } #mainMenu .socialBox .btn-imdb { background:url("images/social/lug-imdb-white.svg") no-repeat center; } #mainMenu .socialBox .btn-instagram { background:url("images/social/lug-instagram-white.svg") no-repeat center; } #mainMenu .socialBox .btn-linkedin { background:url("images/social/lug-linkedin-white.svg") no-repeat center; } #mainMenu .socialBox .btn-pinterest { background:url("images/social/lug-pinterest-white.svg") no-repeat center; } #mainMenu .socialBox .btn-reddit { background:url("images/social/lug-reddit-white.svg") no-repeat center; } #mainMenu .socialBox .btn-snapchat { background:url("images/social/lug-snapchat-white.svg") no-repeat center; } #mainMenu .socialBox .btn-spotify { background:url("images/social/lug-spotify-white.svg") no-repeat center; } #mainMenu .socialBox .btn-tiktok { background:url("images/social/lug-tiktok-white.svg") no-repeat center; } #mainMenu .socialBox .btn-twitch { background:url("images/social/lug-twitch-white.svg") no-repeat center; } #mainMenu .socialBox .btn-twitter { background:url("images/social/lug-twitter-white.svg") no-repeat center; } #mainMenu .socialBox .btn-vimeo { background:url("images/social/lug-vimeo-white.svg") no-repeat center; } #mainMenu .socialBox .btn-vsco { background:url("images/social/lug-vsco-white.svg") no-repeat center; } #mainMenu .socialBox .btn-youtube { background:url("images/social/lug-youtube-white.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.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-apple { background:url("images/social/lug-apple.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-bandcamp { background:url("images/social/lug-bandcamp.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-behance { background:url("images/social/lug-behance.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-discord { background:url("images/social/lug-discord.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-dribbble { background:url("images/social/lug-dribbble.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-facebook { background:url("images/social/lug-facebook.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-github { background:url("images/social/lug-github.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-imdb { background:url("images/social/lug-imdb.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-instagram { background:url("images/social/lug-instagram.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-linkedin { background:url("images/social/lug-linkedin.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-pinterest { background:url("images/social/lug-pinterest.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-reddit { background:url("images/social/lug-reddit.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-snapchat { background:url("images/social/lug-snapchat.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-spotify { background:url("images/social/lug-spotify.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-tiktok { background:url("images/social/lug-tiktok.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-twitch { background:url("images/social/lug-twitch.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-twitter { background:url("images/social/lug-twitter.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-vimeo { background:url("images/social/lug-vimeo.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-vsco { background:url("images/social/lug-vsco.svg") no-repeat center; } #menuBar.scrolling #mainMenu .socialBox .btn-youtube { background:url("images/social/lug-youtube.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:#fde4c2; font-family:"Raleway", sans-serif; font-weight:bold; color:#455560; -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; } .actionStrip a:link, .actionStrip a:visited { color:#455560; } .actionStrip a:focus, .actionStrip a:hover { color:#d03333; } .actionStrip p { margin:0 auto; } .actionStrip .btnTrigger { background:none; padding:5px 11px; color:#455560; font-size:1.2em; width:40px; height:40px; font-family:monospace, sans-serif; } .actionStrip.slideOpen .btnTrigger:before { content:""; } .actionStrip.slideOpen .btnTrigger span { opacity:1; background:#455560; 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:#fde4c2; color:#455560; } .actionStrip.slideOpen .btnTrigger { background:none; color:#455560; } .actionStrip.slideClosed .btnTrigger:hover { background:#d03333; color:#ffffff; } .actionStrip.slideOpen .btnTrigger:hover { background:#d03333; 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; } /* --------------------------------------- */ /* 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:#d03333; 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:#ffffff; } .jcarousel-control-prev:hover > span, .jcarousel-control-next:hover > span { color:#121212; } .jcarousel-pagination a { background:#ffffff; border:none; } .jcarousel-pagination a.active { background:#121212; border:none; } .jcarousel-pagination a:hover { background:#d03333; 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:#d03333; } #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:#d03333; } .jcarousel-control-prev:hover .slant, .jcarousel-control-next:hover .slant { background:#010101 !important; } .superPosts, .superPosts .jcarousel { height:auto; overflow:hidden; min-height:0 !important; max-height:80vh !important; z-index:0; } .superPosts .jcarousel ul { margin:0 auto !important; height:80vh; } .carouselSuperFull .superPost { margin:0 !important; padding:0 !important; height:auto; width:100%; position:relative; } .carouselSuperFull .superPost .superLink { position:relative; } .carouselSuperFull .superPost .superLug { background:#d03333; max-width:100%; width:100%; height:80vh !important; position:relative; } .carouselSuperFull .superPost .superLug img { transition:ease-in-out all 200ms; max-width:100%; width:100%; height:auto; position:absolute; display:block; top:-80% !important; bottom:-100% !important; } .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; } .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; } /* Homepage Carousel Height Override */ #infoPaneHeader, .homePage #infoPaneHeader .infoPaneInner, .superPosts, .superPosts .jcarousel, .carouselSuperFull, .superPosts .jcarousel ul, .superPost, .superPosts .superPost .superLug { height:80vh !important; min-height:0 !important; max-height:inherit !important; } /* --------------------------------------- */ /* 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/#d03333+0,000000+100 */ background: #d03333; /* Old browsers */ background: -moz-linear-gradient(top, #d03333 0%, #010101 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #d03333 0%,#010101 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #d03333 0%,#010101 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d03333', endColorstr='#010101',GradientType=0 ); /* IE6-9 */ } .headlineInline { position:relative; z-index:1; text-align:center; padding:40px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d03333+0,000000+100 */ background: #00bce4; /* Old browsers */ /*background: -moz-linear-gradient(top, #d03333 0%, #010101 100%); /* FF3.6-15 */ /*background: -webkit-linear-gradient(top, #d03333 0%,#010101 100%); /* Chrome10-25,Safari5.1-6 */ /*background: linear-gradient(to bottom, #d03333 0%,#010101 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d03333', 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; } #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; } #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; } .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:#e9e9e9; } .gridBlock .gridRow.gridHeader { background:#d03333; 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 #455560; border-bottom:5px solid #455560; display:block; margin:0 auto 40px !important; } .itemDetails .itemVariant { width:100%; float:left; display:block; margin:0 !important; border-bottom:1px dotted #121212; 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; } ul#sections .section { margin:0 auto 20px; list-style:none; } ul#sections .section .sectionIMG { position:relative; margin:0 -1000px 10px; overflow:hidden; height:500px; } ul#sections .section .sectionIMG .sectionIMGpad { position:absolute; margin:auto; display:block; top:0; bottom:0; left:0; right:0; } ul#sections .section .sectionIMG .sectionIMGpad img { position:absolute; 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:40px 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:item; } 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:"Raleway", sans-serif; content:counter(item, upper-alpha); counter-increment:item; position:absolute; left:-40px; top:3px; font-size:1.6em; color:#455560; } ol#sections.terms li.subSection::before { font-family:"Raleway", sans-serif; content:counter(item, decimal); counter-increment:item; position:absolute; left:-40px; top:-1px; font-size:1.5em; color:#00bce4; } 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 { counter-reset:item; } ol#index ol { counter-reset:revert; margin:10px 0 20px 40px; } 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.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:#00bce4; color:#455560; font-family:"Raleway", sans-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:#00bce4 !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:#65cbc9; margin:0; padding:10px 20px; width:auto; max-width:600px; height:auto; border-radius:5px; clear:both; float:left; } .searchStrip .btn:hover { background:#d03333; } #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:60px 0; } #outroPane { position:relative; background:#ffffff; width:100%; } #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; } #outroPane .brochureIMG { max-width:350px!important; height:auto; } #outroPane .brochureIMG img { height:auto; width:100%; } #outroPane .brochureIMG .btn { width:100%; max-width:100%; } #outroPane .brochureIMG:hover img { opacity:0.5; } #outroPane .brochureIMG:hover .btn { background:#d03333; } #outroPane.contactOutro::after { border-left:100vw solid transparent; border-right:none; display:none; } .embedPane { background:#efefef; } /* Galleries */ .gallery { margin:40px auto !important; } .gallery-caption { display:none; } .gallery br { display:none; } .gallery { margin:0; } .gallery-item { margin:0 !important; float:left; display:block; width:-webkit-calc(100% / 5) !important; width:-moz-calc(100% / 5) !important; width:calc(100% / 5) !important; overflow:hidden; } .gallery-item:first-of-type { width:-webkit-calc((100% / 5) * 2) !important; width:-moz-calc((100% / 5) * 2) !important; width:calc((100% / 5) * 2) !important; } .gallery-item:hover img { opacity:0.5; } .gallery-item img { display:block; min-width:100%; width:100%; height:auto !important; border:0 !important; } .fancybox-bg { background:#ffffff !important; } .fancybox-navigation .fancybox-button { padding:5px !important; width:60px !important; } .fancybox-button { background:#00bce4 !important; color:#ffffff !important; border-radius:0 !important; } .fancybox-button:hover { background:#d03333 !important; color:#ffffff !important; } .fancybox-close-small { opacity:1 !important; } .fancybox-thumbs__list a:before { border:6px solid #d03333 !important; } .galleryPane { background:#121212; 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; } /* --------------------------------------- */ /* HOMEPAGE /* --------------------------------------- */ .homePage #infoPaneHeader .infoPaneInner { min-height:600px; height:80vh; max-width:100%; position:absolute; background: rgb(0,0,0); background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.1) 10%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1) 80%, rgba(0,0,0,0.2) 100%); background: -o-linear-gradient(bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.1) 10%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1) 80%, rgba(0,0,0,0.2) 100%); background: linear-gradient(to top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.1) 10%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1) 80%, rgba(0,0,0,0.2) 100%); } .homePage #infoPaneHeader::after { position:absolute; bottom:-1px; top:inherit; left:0; right:0; margin:auto; display:none; content:""; border-left:100vw solid transparent !important; z-index:4; border-bottom:30px solid #00bce4 !important; height:30px; opacity:1; } #infoPaneHeader { background:#ffffff; height:70dvh; z-index:2; position:relative; max-height:800px !important; border:none; padding:0;} #infoPaneHeader .infoPaneInner { display:grid; position:relative; z-index:4; } #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:block; content:""; margin:auto; height:100%; width:100%; z-index:3; opacity:1; background:rgb(0,0,0); background:linear-gradient(0deg, rgba(13, 48, 66,1) 0%, rgba(13, 48, 66,0.9) 10%, rgba(13, 48, 66,0.5) 20%, rgba(13, 48, 66,0) 30%, rgba(13, 48, 66,0.1) 80%, rgba(13, 48, 66,0.6) 100%); } #infoPaneHeader .backing img { position:static; object-fit:cover; object-position:center; width:100%; height:100%; display:block; margin:auto; z-index:2; opacity:0.9; } #infoPaneHeader #carouselSuper-wrapper::before { position:absolute; top:0; bottom:0; left:0; right:0; content:""; display:block; margin:auto; background:rgba(255,255,255,0.6); } #infoPaneHeader .superPosts .jcarousel ul::before { position:absolute; top:initial; bottom:0; left:0; right:0; display:block; content:""; margin:auto; height:100%; width:100%; z-index:2; opacity:1; background: rgb(13, 48, 66); background:linear-gradient(0deg, rgba(13, 48, 66,0.7) 0%, rgba(13, 48, 66,0.5) 10%, rgba(13, 48, 66,0.3) 20%, rgba(13, 48, 66,0) 30%, rgba(13, 48, 66,0.1) 80%, rgba(13, 48, 66,0.7) 100%); } #infoPaneHeader::after { top:0; left:0; right:0; bottom:inherit; height:300px; width:100%; position:absolute; z-index:3; margin:auto; background:none; background-size:110% auto; opacity:0.7; content:""; display:none; } /*#infoPaneHeader::before { background:#ffffff; opacity:0.7; content:""; height:100%; width:100%; position:absolute; z-index:0; top:0; left:0; background-size:600px; } #infoPaneHeader::after { background:none; opacity:0.2; content:""; height:100%; width:100%; position:absolute; z-index:0; top:0; right:0; background-size:600px; }*/ #infoPaneHeader .superPosts .jcarousel-pagination { bottom:0; } #infoPaneHeader .superPosts .infoPaneInner { position:absolute; left:-100%; right:-100%; margin:auto; z-index:4; } #infoPaneHeader .logoMain { width:100%; 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; filter:drop-shadow(0px 0px 10px rgba(0,0,0,0.4));} #infoPaneHeader h2 { color:#ffffff; margin:0 auto 10px; font-size:2em; /*filter:drop-shadow(0px 0px 10px rgba(0,0,0,0.8)); text-shadow:0 0 30px rgba(0,0,0,1); */} #infoPaneHeader .container > h2 { color:#121212; } #infoPaneHeader h4 { color:#ffffff; margin:0 auto; font-size:1.4em; font-weight:400; filter:drop-shadow(0px 0px 10px rgba(0,0,0,0.2)); text-shadow:0 0 30px rgba(0,0,0,1); } #infoPaneHeader .logoMain img { opacity:1; aspect-ratio:initial; max-width:350px; margin:0 auto 40px; filter:brightness(255) drop-shadow(0px 0px 10px rgba(0,0,0,0.4)); } #infoPaneHeader .btns { display:flex; gap:5px; justify-content:center; flex-wrap:wrap; } #infoPaneHeader .btn { margin:10px 0 0; min-width:150px; padding:10px 20px; display:block; } #infoPaneHeader .sectionDivide { position:absolute; bottom:-2px; left:0; width:100%; overflow:hidden; line-height:0; transform:rotate(180deg); z-index:1; } #infoPaneHeader .sectionDivide svg { position:relative; display:block; width:calc(180% + 1.3px); height:96px; transform:rotateY(180deg); } #infoPaneHeader .sectionDivide .shape-fill { fill:#ffffff; } #infoPaneHeader .indexVideo { width:100%; height:100%; margin:auto; object-fit:cover; object-position:center; display:block; position:absolute; z-index:-2; } #infoPaneHeader #videoContainer { position:absolute; top:-100%; right:-100%; left:-100%; bottom:-100%; margin:auto; overflow:hidden; display:grid; align-items:center; align-content:center; justify-content:center; overflow:hidden; } #infoPaneHeader #videoContainer iframe { object-fit:cover; object-position:center; min-width:300dvw; height:110dvh; } #infoPaneHeader ul.featuredBlock { display:grid; grid-template-columns:repeat(3, 1fr); grid-template-rows:repeat(2, 1fr); gap:5px; width:100%; height:100%; } #infoPaneHeader ul.featuredBlock li { width:100% !important; margin:0; padding:0; height:100% !important; } #infoPaneHeader ul.featuredBlock li:nth-of-type(1) { grid-area: 1 / 1 / 3 / 2; } #infoPaneHeader ul.featuredBlock li:nth-of-type(2) { grid-area: 1 / 2 / 3 / 3; } #infoPaneHeader ul.featuredBlock li:nth-of-type(3) { grid-area: 1 / 3 / 2 / 4; } #infoPaneHeader ul.featuredBlock li:nth-of-type(4) { grid-area: 2 / 3 / 3 / 4; } #infoPaneHeader ul.featuredBlock li:nth-of-type(1) :is(h2, p), #infoPaneHeader ul.featuredBlock li:nth-of-type(2) :is(h2, p) { font-size:1.5em; } #infoPaneHeader ul.featuredBlock li:nth-of-type(3) :is(h2, p), #infoPaneHeader ul.featuredBlock li:nth-of-type(4) :is(h2, p) { font-size:1em; } #infoPaneHeader ul.featuredBlock li.listpost .listpostText { top:100%; display:grid; align-items:center; height:100%; } #infoPaneHeader ul.featuredBlock li.listpost .listpostLug { height:100% !important; } #infoPaneHeader ul.featuredBlock li.listpost .listpostLug img { width:100%; height:100%; object-fit:cover; object-position:top center; } #infoPaneHeader ul.featuredBlock li.listpost a:hover .listpostText { top:0; } .homePage .leaderStrip { background:#00bce4; position:relative; left:0; right:0; width:100%; margin:0 auto; color:#ffffff; padding:80px 0; text-align:center; } .homePage .leaderStrip .leaderStripContainer { max-width:1060px; } .homePage .leaderStrip h2 { color:#ffffff; } .homePage .leaderStrip p { font-size:1.5em; line-height:1.1em; } .homePage #infoPane1 { background:#ffffff; min-height:0; height:auto; padding:0; z-index:2; } .homePage #infoPane1::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 #fff !important; height:30px; opacity:1; } .homePage #infoPane1::after { position:absolute; top:inherit; bottom:-29px; left:0; right:0; margin:auto; display:none; content:""; border-right:100vw solid transparent !important; z-index:1; border-top:30px solid #fff !important; height:30px; opacity:1; } .homePage #infoPane2 { background:#00bce4; 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:#d03333; 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:#00bce4; min-height:0; height:auto; } .homePage #infoPane4::before { display:none; } .homePage #infoPane5 { background:#121212; 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; } .infoPane ul.infoPanels { margin:0 auto; } .infoPanel { width:100%; margin:0 auto !important; display:block; float:left; transition:all 200ms ease-in-out; background:#eaeaea; font-size:1em; } .infoPanel:nth-of-type(2n+1) { background:#efefef; } .infoPanel::after, .pillarHighlight::after { opacity:0.5; content:""; height:500px; width:100%; position:absolute; z-index:0; top:initial; right:0; bottom:0; left:0; display:block; margin:auto; } .infoPanel a { display:block; cursor:pointer; } .infoPanel a:hover { background:none; } .infoPanel:last-of-type { margin:0 auto; } .infoPanel .infoPanelLug { width:50%; height:500px; background:#000000; float:left; transition:all 200ms ease-in-out; position:relative; overflow:hidden; z-index:1; } .infoPanel .infoPanelLug .infoPanelPad { height:100%; width:100%; position:absolute; } .infoPanel .infoPanelLug img { position:static; width:100%; height:100%; margin:auto; display:block; object-fit:cover; object-position:center; } .infoPanel:nth-of-type(2n+1) .infoPanelLug { float:right; } .infoPanel .infoPanelText { width:50%; height:500px; float:left; position:relative; display:block; transition:all 200ms ease-in-out; z-index:1; } .infoPanel .infoPanelPad { position:absolute; padding:40px; bottom:0; top:inherit; left:0; right:0; max-width:800px; height:100%; display:table; } .infoPanel .infoPanelPad .infoPanelFloatBox { display:table-cell; vertical-align:middle; } .infoPanel:nth-of-type(2n+1) .infoPanelPad { text-align:left; left:inherit !important; width:100%; } .infoPanel .infoDek { width:100%; margin:0 auto 20px; transition:all 200ms ease-in-out; } .infoPanel .infoHead { width:100%; color:#00bce4; font-size:2em; font-weight:bold; 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:1.4em; font-weight:normal; transition:all 200ms ease-in-out; color:#121212; } .infoPanel .infoText ul { margin:0 auto; } .infoPanel .btnSmall { font-size:0.9em; padding:5px 10px; 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:#d03333; } .infoPanel:hover a .btn { background:#d03333; } .infoPanelGeneral .infoPanel .infoPanelLug img { } /* --------------------------------------- */ /* MAIN /* --------------------------------------- */ .headerUpper, .headerLower { background:#d03333; } #infoPaneHeader { position:relative; overflow:hidden; } /*#videoContainer { position:absolute; overflow:hidden; width:100vw; height:100vh; } #videoContainer iframe { position:absolute; top:50%; left:50%; width:var(--video-width); height:var(--video-height); transform:translate(-50%, -50%); margin:auto; z-index:-1; aspect-ratio: 16/9 !important; }*/ #videoContainer { overflow:hidden; display:grid; align-items:center; align-content:center; justify-content:center; } #infoPaneHeader #videoContainer iframe { object-fit:cover; object-position:center; width:110vw; height:110vh; } #infoPaneHeader img { min-width:100%; min-height:100%; width:100%; height:100%; margin:auto; object-fit:cover; object-position:center; display:block; position:absolute; z-index:-2; } #indexInfo { padding:40px; position:absolute; top:-100%; bottom:-100%; left:-100%; right:-100%; margin:auto; width:100%; height:80vh; max-height:100%; display:grid; align-content:center; text-align:center; z-index:2; } #indexInfo.indexInfoHalf { height:45vh; } #headerSmall #indexInfo { padding:40px; position:relative; width: auto; max-width:1260px; } #indexInfo h2 { color:#ffffff; text-shadow:0 0 20px rgba(0,0,0,0.6); font-size:3em; font-weight:800; margin:0 auto; } #indexInfo h3 { color:#ffffff; text-shadow:0 0 20px rgba(0,0,0,0.6); font-size:2em; font-weight:600; margin:0 auto; position:relative; padding:0; } #indexInfo .btn { max-width:300px; margin:40px auto 0; } /*#indexInfo h3::before { position:absolute; bottom:0; top:0; left:0; right:0; margin:auto; display:block; content:""; background:#00bce4; transform:skewX(-10deg); z-index:-1; box-shadow:0 0 20px rgba(0,0,0,0.5); }*/ #main { background:#ffffff; padding:0; position:relative; z-index:1; overflow:visible; } #main::before { top:0; left:0; right:0; bottom:inherit; height:400px; width:100%; position:absolute; z-index:1; margin:auto; display:none; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.7010154403558299) 0%, rgba(0,0,0,0) 100%); } #main::after { background:none; opacity:0.1; content:""; height:100%; width:100%; position:absolute; z-index:0; bottom:-100px; 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; } #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; } #mainContainer::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; } #mainContainer.contactContainer { margin:0 0 40px; } #mainContainer.contactContainer::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; } #mainContainer.contactContainer::after { position:absolute; top:inherit; bottom:-29px; left:0; right:0; margin:auto; display:none; content:""; border-left:100vw solid transparent; z-index:1; border-top:30px solid #fff; } .programContainer .entry { padding:0; } .programContainer .entry .btn { margin:0 !important; } #contentPanel { background:none; } #contentHeader { position:relative; z-index:1; border:none; padding:120px 0 0; display:block; background:#ffffff; height:80vh; max-height:900px; } #contentHeader .container { position:absolute; top:inherit; bottom:0; left:0; right:0; margin:auto; display:block; height:auto; padding:0 40px 80px; max-width:1600px; } #contentHeader h1 { transform:none; margin:0 0 10px; float:left; top:initial; } #contentHeader::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::after { position:absolute; top:inherit; bottom:6px; left:0; right:0; width:100%; height:46px; content:""; display:block; margin:auto; border:none; background:none; z-index:2; } #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:3; opacity:0.7; background:rgb(0,0,0); background:linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.1) 85%, rgba(0,0,0,0.7) 100%); } #contentHeader .backing img { position:static; width:100%; height:100%; display:block; margin:auto; z-index:2; opacity:0.85; object-fit:cover; object-position:center; } #contentHeader h1 a, #contentHeader .breadcrumbs, #contentHeader .breadcrumbs a { font-weight:bold; } #contentHeader .breadcrumbs a { padding:5px 10px; background:#00bce4; color:#ffffff; margin:0 auto 10px; } #contentHeader h1 a:hover, #contentHeader .breadcrumbs a:hover { color:#ffffff !important; } #contentHeader .breadcrumbs a:hover { background:#d03333 !important; color:#ffffff !important; } .breadcrumbs { margin:0 auto 10px; text-align:left; font-size:0.8em; color:#ffffff; position:relative; top:initial; width:100%; } #contentHeader.shortHeader { height:40vh; } #contentHeader.shortHeader .backing img { object-position:center 25%; } #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 10px; } #contentFooter { border:none; background:none; padding:0; } #contentFooter .btn { display:inline-block; float:none; margin:40px 0; width:300px; 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:80px 0; width:-webkit-calc(100% - 340px); width:-moz-calc(100% - 340px); width:calc(100% - 340px); } .contentFull { padding:60px 0; } .contentFull h1 { max-width:100% !important; } .contentFloatRight { float:right; } .contentCenter { margin:0 auto; display:block; float:none; } .entry, .schedule { padding:40px 0; min-height:0; line-height:inherit; background:none !important; } .entry:first-child h2, .entry:first-child h3, .entry:first-child h4, .entry:first-child h5, .entry:first-child h6 { margin:0 0 20px; } .entry:first-child iframe { margin:0 0 40px; } .entry img, .entry .wp-caption { 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.size-large, .entry > img.size-full, .entry > a > img.size-large, .entry > a > img.size-full { width:100%; } .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:#00bce4; 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:0 auto 40px; padding:10px 20px; clear:both; } .tags h5 { margin:0 auto 10px; } .tags a { background:rgb(231, 232, 233); color:#455560; padding:5px 20px; font-weight:normal; margin:0 5px 10px 0; } .tags a:hover { background:#d03333; color:#ffffff; } #sidebar { padding:40px 0; width:calc(340px); top:0; } #sidebar h3 { margin:0 auto 10px; } .sidebarTop, .sidebarBottom { padding:0 0 0 40px; } #sidebarModule { max-width:300px; padding:0 0 40px; width:100%; } .sidebarInfoBox ul { margin:0 0 40px 40px; } #sidebar.sidebarController { float:left !important; position:relative; } #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-template-columns:repeat(auto-fill, minmax(min(300px, 100%), 1fr)); align-content:start; gap:20px; align-items:stretch; } .archiveList::before, .archiveList::after { display:none; } .archiveList .listpost { margin:0 auto 20px; width:100%; } .archiveList.vert .listpost .listpostLug { height:260px; background:none; } .archiveList.vert .listpost .listpostLug img { width:100%; height:100%; object-fit:cover; object-position:center; } .entry .archiveList img { max-width:inherit !important; } .archiveFeed { padding:40px 0 0; margin:0 !important; } .listpost .listpostLink:hover .listpostText { background:none; } .listpost .listpostText h3, .listpost .listpostText h4 { margin:0 0 5px; } .listpost .listpostText h3 { font-size:1.4em; } .listpost .listpostText h4 { line-height:1.2em; color:#00bce4; } .listpost .listpostText h5 { color:#00bce4; } .listpost:hover .listpostText h4 { color:#d03333; } .listpost .excerptBlurb p { margin:0 0 20px; } .listpost .excerptBlurb ul:last-child, .listpost .excerptBlurb ol:last-child { margin:0; } .tabList .listpost .listpostText .catStrip, .tabList .listpost .entryInfoStrip .authorBio { color:#d03333; } .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; } .listpost.staticBox .dateStrip { float: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 { padding:20px 0; } .pagination .inactive, .pagination a { background:#00bce4; } .pagination .current { background:#010101; } .pagination .inactive:hover, .pagination a:hover { background:#d03333; } .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:#d03333; 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 { font-size:1em; } .staffList .listpost .listpostLug { height:350px; width:100%; background:none; } .staffList .listpost .listpostLug img { position:absolute; display:block; width:auto; height:auto; min-height:100%; min-width:100%; left:-100%; right:-100%; top:-100%; bottom:-100%; margin:auto; max-height:120% !important; } .staffList .listpost .listpostText { padding:20px 0; height:auto; width:100%; } .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%; font-size:1em; font-weight:normal; } .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 .listpost { width:-webkit-calc((100% - 80px) / 2) !important; width:-moz-calc((100% - 80px) / 2) !important; width:calc((100% - 80px) / 2) !important; margin:0 80px 20px 0 !important; } .testimonialList .listpost:nth-of-type(3n) { margin:0 80px 20px 0 !important; } .testimonialList .listpost:nth-of-type(2n) { margin:0 0 20px !important; } .testimonialList .listpost .listpostText { min-height:150px !important; } .testimonialList .listpost .listpostText .excerptBlurb { min-height:0 !important; text-align:right !important; } #sponsorStrip { padding:20px 0; background:#000000; position:relative; } #sponsorStrip::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 #000; } #sponsorStrip::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 #000; } .programContainer .entry { padding:0; } #sponsorStrip h2 { width:100%; text-align:center; margin:0 auto; color:#ffffff; } #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:#000000; } .sponsorsFeed .listpost .listpostLug { height:200px !important; width:100%; background:none; padding:20px; } .sponsorsFeed .listpost .listpostLug img { max-height:inherit; width:100%; height:100%; position:static; display:block; object-fit:contain; object-position:center; } .sponsorsFeed .listpost {} .friendList { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(400px, 100%), 1fr)); gap:20px; } .friendList .listpostLink { display:grid; grid-template-columns:200px 1fr; gap:10px; } .friendList .listpostLink .listpostLug, .friendList .listpostLink .listpostText { float:none; width:100%; padding:0; } .friendList .listpostLink .listpostLug { height:150px; } .friendList .listpostLink .listpostLug img { width:100%; height:100%; object-fit:cover; object-position:top center; position:static !important; } .friendList .listpostLink .listpostText { padding:20px 0 0; } .programPane { margin:0 0 40px; } .programPane h2 { font-size:2.8em; text-align:center; width:100%; } .programPane h3 { width:calc(100% + 400px); text-align:center; color:#ffffff; background:#00bce4; font-weight:bold; padding:20px; margin:0 auto 40px; position:relative; left:-200px; display:block; } .programPane a p { font-weight:normal; font-size:1.2em; } .programPane .archiveFeed { padding:40px 0; } .programPane .archiveList { grid-template-columns:repeat(auto-fit, minmax(min(360px, 100%), 1fr)); margin:0; gap:40px 20px; } .eventList .listpost { /*width:-webkit-calc((100% - 40px) / 3); width:-moz-calc((100% - 40px) / 3); width:calc((100% - 40px) / 3); margin:0 20px 40px 0 !important;*/ width:100%; margin:0; } .eventList .listpost .listpostLink { height:100%; display:flex; flex-direction:column; } .eventList .listpost .btn { width:100%; } .eventList .listpost .listpostLug, .eventList .listpost .listpostText { width:100%; height:auto !important; min-height:80px; } .eventList .listpost .listpostText { flex:1; } .eventList .listpost .listpostLug { aspect-ratio:16/9; } .eventList .listpost .listpostLug img { position:static; display:block; width:100%; height:100%; object-fit:cover; object-position:center; } .eventList .listpost a:hover .btn { background:#d03333; color:#fff; } .containerIntro p { max-width:1000px; } .infoItems { list-style:none; max-width:50%; margin:0 0 20px !important; } .infoItems .infoItem { margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid #efefef; } .infoItems .infoItem .itemLabel { font-weight:bold; } .infoItems .infoItem .itemData { float:right; } .statsPane { position:relative; z-index:2; background:#efefef !important; } .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 #efefef !important; height:30px; opacity:1; } .statsPane::after { position:absolute; top:inherit; bottom:-29px; left:0; right:0; margin:auto; display:none; content:""; border-right:100vw solid transparent !important; z-index:1; border-top:30px solid #efefef !important; height:30px; opacity:1; } .statsPane .colStatsBlock { clear:both; margin:auto; display:grid; grid-template-columns:1fr 1fr; grid-gap:80px; } .statsPane .colStatsBlock .colStats { width:100%; } .statsPane .colStatsBlock .colStats h5 { margin:20px 0 10px; } .locationsPane { position:relative; } .locationsPane::before { background:url(images/backing-concrete-seamless.jpg) repeat center; 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:40px; } .locationsPane .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; } .locationsPane h2 { color:#121212; text-align:center; margin:20px; } .locationsPane .headlineInline h2 { color:#ffffff; transform:rotate(-1deg); line-height:1.1em; } .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:#efefef !important; } .externalPane::before /*{ position:absolute; top:-29px; bottom:inherit; left:0; right:0; margin:auto; display:block; content:""; border-right:100vw solid transparent !important; z-index:1; border-bottom:30px solid #efefef !important; height:30px; opacity:1; }*/ { position:absolute; top:-25px; bottom:inherit; left:-100%; right:-100%; width:120%; margin:auto; display:block; content:""; z-index:1; height:60px; opacity:1; box-shadow:5px -20px 0px rgb(0 0 0 / 10%); background:#efefef; transform:rotate(2deg); } .locationPane { background:#efefef !important; } .locationGrid { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(600px, 100%), 1fr)); gap:40px; background:none !important; margin:60px 0 !important; } .locationGrid .locationGridItem { background:none !important; } .locationGrid .locationGridText h2 {} .locationGrid .locationGridText .infoHead { margin:0 0 10px; } .locationGrid .locationGridText .infoText { margin:0; } /* --------------------------------------- */ /* NAVIGATION /* --------------------------------------- */ .navigateBtn { background:; bottom:50%; } .navigateBtn:hover { background:#010101; } .navigateText { font-family:"Open Sans", sans-serif !important; font-size:0.66em; } /* --------------------------------------- */ /* NAVIGATION /* --------------------------------------- */ .navigateBtn { background:#eaeaea; width:100%; } .navigateInline .navigateBtn { width:100%; border-radius:0; overflow:hidden; } .navigateInline { background:#ffffff; display:grid; position:relative !important; z-index:5; border-top:0px solid #efefef; grid-template-columns:repeat(auto-fit, minmax(min(400px, 100%), 1fr)); gap:40px; padding:0; margin:20px 0 0; } .navigateInline::before, .navigateInline::after { display:none; } .navigateInline .navigatePrev { display:flex; grid-template-columns:1fr 3fr; align-items:center; align-content:center; text-align:left; /*clip-path: polygon(0 60.00px,60.00px 0,100% 0,100% 100%,60.00px 100%,0 calc(100% - 60.00px));*/ } .navigateInline .navigateNext { display:flex; grid-template-columns:3fr 1fr; align-items:center; align-content:center; text-align:right; /*clip-path: polygon(0 0,calc(100% - 60.00px) 0,100% 60.00px,100% calc(100% - 60.00px),calc(100% - 60.00px) 100%,0 100%);*/ } .navigateInline .navigateLug { height:120px; width:120px; aspect-ratio:1; align-items:center; align-content:center; } .navigateInline .navigateLugPad { position:static; } .navigateInline .navigateLugPad img { width:100%; height:100%; position:static; margin:auto; object-fit:cover; object-position: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; } .navigateText { font-size:0.8em; color:#121212; } .navigateText h5 { color:#121212; font-family: 'Larsseit', sans-serif !important; text-transform:initial; font-size:1.2em !important; } a .navigateBtn:hover, a .navigateBtn:focus { background:#d03333; } a .navigateBtn:hover .navigateText, a .navigateBtn:focus .navigateText { color:#ffffff; } a .navigateBtn:hover .navigateText h5, a .navigateBtn:focus .navigateText h5 { color:#121212; } /* --------------------------------------- */ /* FOOTER /* --------------------------------------- */ .highlightStrip { padding:80px 0; position:relative; z-index:1; margin:0; width:100%; /* background:#006b99; */ background:#00bce4; text-align:center; } .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::after { position:absolute; width:100vw; top:inherit; bottom:-1px; left:0; right:0; margin:auto; display:none; content:""; border-right:100vw solid transparent; z-index:1; border-bottom:40px solid #ffb71b; } .highlightStrip h2 { width:100%; max-width:1200px; text-align:center; float:none; color:#ffffff; margin:0 auto 10px; } .highlightStrip p { width:100%; max-width:1200px; text-align:left; color:#ffffff; float:none; font-weight:600; margin:0 auto 40px !important; } .highlightStrip button, .highlightStrip .btn { float:none; display:inline-block; width:30%; clear:none !important; background:#006b99; padding:30px; margin:0 10px; } .highlightStrip button:hover, .highlightStrip .btn:hover { background:#d03333; } .highlightStrip.contactHighlight::after { display:none !important; } .storeStrip { padding:150px 0; position:relative; z-index:1; margin:0; width:100%; /* background:#006b99; */ background:#121212; text-align:center; } .storeStrip::before { position:absolute; width:100vw; bottom:inherit; top:-1px; left:0; right:0; margin:auto; display:none; content:""; border-left:100vw solid transparent; z-index:1; border-top:40px solid #f5333f; } .storeStrip::after { display:none; opacity:0.5; content:""; height:100%; width:100%; position:absolute; z-index:0; top:0; left:0; background-size:cover; } .storeStrip .backing { opacity:0.5; content:""; height:100%; width:100%; position:absolute; z-index:0; top:0; left:0; background-size:cover; overflow:hidden; } .storeStrip .backing img { position:absolute; margin:auto; display:block; content:""; height:100%; width:100%; min-height:100%; min-width:100%; object-fit:cover; object-position:center; } .storeStrip h2 { width:-webkit-calc(70% - 20px); width:-moz-calc(70% - 20px); width:calc(70% - 20px); max-width:1200px; text-align:left; float:left; color:#ffffff; margin:0 auto 10px; } .storeStrip p { width:-webkit-calc(70% - 20px); width:-moz-calc(70% - 20px); width:calc(70% - 20px); max-width:1200px; text-align:left; color:#ffffff; float:left; font-weight:600; margin:0 auto 10px !important; } .storeStrip .col2 h2, .storeStrip .col2 p { width:100%; filter:drop-shadow(0px 0px 10px rgba(0,0,0,1)); } .storeStrip button, .storeStrip .btn { float:left; display:block; width:auto; clear:none !important; background:#ffb71b; padding:30px; margin:0; } .storeStrip button:hover, .storeStrip .btn:hover { background:#f5333f; } .ctaStrip { width:100%; display:block; float:left; height:auto; background:#00bce4; 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:"Raleway", sans-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:italic; } .appBlock { width:100%; display:block; float:left; height:auto; background:#d03333; } .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:#d03333; 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:#00bce4; border:none; z-index:0; clear:both; } #footer p { margin:0 auto 10px; } #footer #footerInner { position:static; display:block; clear:both; } #footer #footerInner::before { /*background:url(images/evolvecamps-homepage-intro.jpg) center no-repeat;*/ 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 .footerLower { padding:40px 0; background:#1E252C; } #footer::after { display:none; background:none; } #footer #footerLead { display:block; float:left; width:25%; } #footer #footerLogo, #footer .socialBox { text-align:center; max-width:100%; margin:0 auto 20px; display:block; float:left; height:auto; clear:both; } #footer .socialBox { margin:5px 0 0; height:40px; } #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:#455560; background-size:30px !important; border-radius:100%; border:0; height:40px; width:40px; } #footer .socialBox .btn-social:hover { background:#d03333 } #footer #footerLinks { width:70%; margin:0; padding:40px 0 0; } #footer #footerLinks .column { padding:0 20px 0 0; } #footer #footerLinks .header { margin:0 auto 10px; color:#121212; padding:0 0 10px; border-bottom:1px solid #003e4d; font-weight:bold; } #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:#ffffff; } #footer .menu li a:hover { color:#d03333; } #footer #footerInfo { margin:65px 0 0; color:#ffffff; text-align:right; } #footer #footerInfo .line3 { clear:both; display:block; } #footerInfo a:link, #footerInfo a:visited { color:#121212; } #footerInfo a:hover, #footerInfo a:active { color:#ffffff; } #footer .socialBox .btn-rss { background:#121212 url("images/social/lug-rss-white.svg") no-repeat center; } #footer .socialBox .btn-apple { background:#121212 url("images/social/lug-apple-white.svg") no-repeat center; } #footer .socialBox .btn-bandcamp { background:#121212 url("images/social/lug-bandcamp-white.svg") no-repeat center; } #footer .socialBox .btn-behance { background:#121212 url("images/social/lug-behance-white.svg") no-repeat center; } #footer .socialBox .btn-discord { background:#121212 url("images/social/lug-discord-white.svg") no-repeat center; } #footer .socialBox .btn-dribbble { background:#121212 url("images/social/lug-dribbble-white.svg") no-repeat center; } #footer .socialBox .btn-facebook { background:#121212 url("images/social/lug-facebook-white.svg") no-repeat center; } #footer .socialBox .btn-github { background:#121212 url("images/social/lug-github-white.svg") no-repeat center; } #footer .socialBox .btn-imdb { background:#121212 url("images/social/lug-imdb-white.svg") no-repeat center; } #footer .socialBox .btn-instagram { background:#121212 url("images/social/lug-instagram-white.svg") no-repeat center; } #footer .socialBox .btn-linkedin { background:#121212 url("images/social/lug-linkedin-white.svg") no-repeat center; } #footer .socialBox .btn-pinterest { background:#121212 url("images/social/lug-pinterest-white.svg") no-repeat center; } #footer .socialBox .btn-reddit { background:#121212 url("images/social/lug-reddit-white.svg") no-repeat center; } #footer .socialBox .btn-snapchat { background:#121212 url("images/social/lug-snapchat-white.svg") no-repeat center; } #footer .socialBox .btn-spotify { background:#121212 url("images/social/lug-spotify-white.svg") no-repeat center; } #footer .socialBox .btn-tiktok { background:#121212 url("images/social/lug-tiktok-white.svg") no-repeat center; } #footer .socialBox .btn-twitch { background:#121212 url("images/social/lug-twitch-white.svg") no-repeat center; } #footer .socialBox .btn-twitter { background:#121212 url("images/social/lug-twitter-white.svg") no-repeat center; } #footer .socialBox .btn-vimeo { background:#121212 url("images/social/lug-vimeo-white.svg") no-repeat center; } #footer .socialBox .btn-vsco { background:#121212 url("images/social/lug-vsco-white.svg") no-repeat center; } #footer .socialBox .btn-youtube { background:#121212 url("images/social/lug-youtube-white.svg") no-repeat center; } #footer .socialBox .btn-rss:hover { background:#d03333 url("images/social/lug-rss-white.svg") no-repeat center; } #footer .socialBox .btn-apple:hover { background:#d03333 url("images/social/lug-apple-white.svg") no-repeat center; } #footer .socialBox .btn-bandcamp:hover { background:#d03333 url("images/social/lug-bandcamp-white.svg") no-repeat center; } #footer .socialBox .btn-behance:hover { background:#d03333 url("images/social/lug-behance-white.svg") no-repeat center; } #footer .socialBox .btn-discord:hover { background:#d03333 url("images/social/lug-discord-white.svg") no-repeat center; } #footer .socialBox .btn-dribbble:hover { background:#d03333 url("images/social/lug-dribbble-white.svg") no-repeat center; } #footer .socialBox .btn-facebook:hover { background:#d03333 url("images/social/lug-facebook-white.svg") no-repeat center; } #footer .socialBox .btn-github:hover { background:#d03333 url("images/social/lug-github-white.svg") no-repeat center; } #footer .socialBox .btn-imdb:hover { background:#d03333 url("images/social/lug-imdb-white.svg") no-repeat center; } #footer .socialBox .btn-instagram:hover { background:#d03333 url("images/social/lug-instagram-white.svg") no-repeat center; } #footer .socialBox .btn-linkedin:hover { background:#d03333 url("images/social/lug-linkedin-white.svg") no-repeat center; } #footer .socialBox .btn-pinterest:hover { background:#d03333 url("images/social/lug-pinterest-white.svg") no-repeat center; } #footer .socialBox .btn-reddit:hover { background:#d03333 url("images/social/lug-reddit-white.svg") no-repeat center; } #footer .socialBox .btn-snapchat:hover { background:#d03333 url("images/social/lug-snapchat-white.svg") no-repeat center; } #footer .socialBox .btn-spotify:hover { background:#d03333 url("images/social/lug-spotify-white.svg") no-repeat center; } #footer .socialBox .btn-tiktok:hover { background:#d03333 url("images/social/lug-tiktok-white.svg") no-repeat center; } #footer .socialBox .btn-twitch:hover { background:#d03333 url("images/social/lug-twitch-white.svg") no-repeat center; } #footer .socialBox .btn-twitter:hover { background:#d03333 url("images/social/lug-twitter-white.svg") no-repeat center; } #footer .socialBox .btn-vimeo:hover { background:#d03333 url("images/social/lug-vimeo-white.svg") no-repeat center; } #footer .socialBox .btn-vsco:hover { background:#d03333 url("images/social/lug-vsco-white.svg") no-repeat center; } #footer .socialBox .btn-youtube:hover { background:#d03333 url("images/social/lug-youtube-white.svg") no-repeat center; } #footer.contactFooter #sponsorStrip { padding:60px 0 20px; } #footer .footerIMGs { width:38%; float:left; } #footer .footerIMG { width:auto !important; max-width:300px !important; margin:0; padding:0 20px 0 0; display:block !important; float:left; height:120px; } #footer .footerIMG img { max-width:100%; max-height:100%; } #footer .footerIMG:hover { opacity:0.5; } #footer .footerCred { width:62%; float:right; } #fixedStrip { height:82px; padding:20px 100px 20px 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:grid; position:static; grid-template-columns:repeat(auto-fit, minmax(min(80px, 100%), 1fr)); gap:5px; } #fixedStrip.c2aTriggers .menu li { display:block; width:100%; text-align:center; height:auto; padding:0; list-style:none; font-size:0.7em; } #fixedStrip.c2aTriggers .menu li > a { background:#00bce4; border-radius:0; height:40px !important; line-height:2em !important; color:#ffffff; font-weight:bold; padding:10px 5px; width:100%; display:block; } #fixedStrip.c2aTriggers .menu li:hover > a { color:#ffffff !important; background:#00bce4 !important; } #fixedStrip.c2aTriggers .menu li > a:hover { background:#d03333 !important; color:#ffffff !important; } #fixedStrip.c2aTriggers .menu li:hover a::before { display:none !important; } #fixedStrip.c2aTriggers .menu li > a:hover { background:#d03333 !important; color:#ffffff !important; } /* --------------------------------------- */ /* CUSTOM ADD-INS /* --------------------------------------- */ /* Contact Form */ .wpcf7-text, .wpcf7-textarea { background:#efefef; border:none; width:100% !important; } .wpcf7-submit { padding:20px; margin:0 0 40px; cursor:pointer; border-radius:5px; max-width:300px; width:100%; border:none; background:#00bce4; color:#ffffff !important; font-family:"Raleway", sans-serif; font-weight:bold; text-align:center; font-size:1em; line-height:1.7em; -webkit-transition:all ease-in-out .2s; -moz-transition:all ease-in-out .2s; transition:all ease-in-out .2s; -webkit-appearance:none; } .wpcf7-submit:hover { background:#d03333; color:#ffffff !important; } /* reCaptcha */ .grecaptcha-badge { visibility:hidden; opacity:0; } #__lpform_fullname { display:none !important; visibility:hidden !important; } /* Calendly */ .calendly-inline-widget { min-height:650px; } #page-region > div > div, #page-region .EvjIIpBybRxh9ht5Pu7_ { padding:0 !important; margin:0 !important; } ._form-content button, #_form_66E21B9F49DAC_ ._submit { padding:20px !important; font-weight:bold !important; } /* MailChimp */ #mc_embed_signup { margin:0 auto 20px; } #mc_embed_signup input[type="text"], #mc_embed_signup input[type="email"] { background:#efefef; 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:#65cbc9; 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:#d03333; } .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:#121212; 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:#00bce4; 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:#1b1b1b; } .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:#b0b7bc; 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:#010101; } .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:#d03333 !important; } .viewBoxContainer .viewBoxBlock .viewBoxTitle:hover h5 { color:#d03333; } .viewBoxContainer .viewBoxBlock .viewBoxTitle:hover .indicator .icon { color:#d03333; } .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; } .entryFAQ .sectionFAQ { padding:40px 0; margin:0; border-top:10px solid #efefef; } /* Scheduler */ .viewBoxScheduler { margin:0 auto 40px; } .viewBoxScheduler:last-of-type { margin:0 auto 40px; } .viewBoxScheduler .col1 { border-bottom:1px solid #efefef; 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:uppercase; } .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:#00bce4; } .viewBoxContainer.sessionContainer .sessionTime { font-weight:normal; font-size:0.85em; margin:0; display:inline-block; color:#121212; 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 #121212; } .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:#121212; } .viewBoxContainer.sessionContainer .viewBoxBlock.down .viewBoxTitle h5 .sessionTitle, .tablepress .viewBoxContainer .viewBoxBlock.down .indicator .icon { color:#d03333; } .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; /*height:450px;*/ } #modalStrip a { margin:auto; display:block; width:100%; } #modalStrip a.modalTrigger { height:1px; width:1px; display:block; margin:auto; content:""; } #modalStrip .modalBlock { background:#121212; 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:100%; height:100%; margin:auto; display:block; object-fit:cover; object-position:center 25%; } #modalStrip .modalBlock h3 { color:#ffffff; padding:20px; position:absolute; top:-100%; bottom:-100%; margin:auto; z-index:2; width:100%; height:120px; text-align:center; transition:ease-in-out 200ms all; font-size:1.4em; } #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 .btn { position:absolute; top:initial; bottom:80px !important; left:-100%; right:-100%; margin:auto; z-index:2; width:100%; text-align:center; transition:ease-in-out 200ms all; height:42px; padding:10px; max-width:220px; } #modalStrip .modalBlock:hover { background:#010101; } #modalStrip .modalBlock:hover .modalLug { opacity:0.3; } #modalStrip .modalBlock:hover .btn { background:#d03333 !important; } #modalStrip .modalBlock:hover h3 { top:-100%; } #modalStrip .modalBlock:hover h4, #modalStrip .modalBlock:hover .btn { bottom:80px !important; } /* Sports Modal Variant */ .sportsModal { 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:1500px; padding:40px; /* Custom transition - fade from top*/ opacity:0; transform:translateY(-50px); transition:all .3s; } .sportsModal .infoPane ul { margin:0; padding:0; } .sportsModal .infoPane.statsPane { overflow:hidden; } .sportsModal .infoPanel .infoText, .sportsModal .infoPanel .infoText p:last-child { margin:0; } .fancybox-slide--complete .sportsModal { opacity:1; transform:translateY(0); } .sportsModal .fancybox-button svg { color:#ffffff; } .sportsModal .infoPane ul.infoPanels { overflow:hidden; position:relative; } .sportsModal .infoPane ul.infoPanels::before, .sportsModal .infoPane.statsPane::before { position:absolute; bottom:inherit; left:0; right:0; top:0; margin:auto; display:none; content:""; height:30px; width:100vw; border-left:100vw solid #fff; border-bottom:30px solid transparent; z-index:2; } .sportsModal .infoPane ul.infoPanels::after, .sportsModal .infoPane.statsPane::after { position:absolute; bottom:0; left:0; right:0; top:inherit; margin:auto; display:none; content:""; height:30px; width:100vw; border-left:100vw solid #fff; border-top:30px solid transparent; z-index:2; } .sportsModal .fancybox-content h2 { font-size:2.4em; text-align:center; width:100%; } /* Standard Popup Variant */ .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:0; width:85vw; max-width:1000px !important; font-size:0.9em; line-height:1.4em; /* Custom transition - fade from top*/ opacity:0; transform:translateY(-50px); transition:all .3s; } #guideModal.popupModal { max-width:750px !important; } #guideModal.popupModal img { max-width:100% !important; height:auto !important; } .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 { color:#ffffff !important; background:#00bce4 !important; } .popupModal .fancybox-button:hover { color:#ffffff !important; background:#d03333 !important; } .popupModal .fancybox-button svg { color:#ffffff; } .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:none; 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:none; content:""; height:30px; width:100vw; border-left:100vw solid #fff; border-top:30px solid transparent; z-index:2; } .popupModal .colIMG { float:left; height:100%; overflow:hidden; position:absolute; } .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 h3, .contactLink h3 { font-size:2em; line-height:1.1em; z-index:1; position:relative; padding:40px 40px 0; margin:0; } .popupModal input[type="submit"] { min-width:200px; border-radius:0; } .popupModal .colModal:last-of-type { float:right; } .popupModal .infoPanel .infoPanelLug img, .sportsModal .infoPanel .infoPanelLug img { height:100%; width:100% !important; object-fit:cover; object-position:center top; max-height:inherit; max-width:inherit; min-width:0; min-height:0; } .popupModal ._button-wrapper { margin:20px 0 0 !important; } #modalStrip.popupModalContainer { display:none; visibility:hidden !important; } .fancybox-content { margin:80px 0 !important; padding:0 !important; } .popupModal .fancybox-content h2 { font-size:2em; text-align:center; width:100%; margin:0; padding:20px 40px; color:#ffffff; background:#00bce4; } .fancybox-content .modalInner { padding:40px; min-height:0; max-width:1400px; margin:auto; } .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; max-height:800px; } .fancybox-content .headerIMG::after { position:absolute; bottom:0; left:0; right:0; top:inherit; margin:auto; display:none; content:""; height:30px; width:100vw; border-left:100vw solid #fff; border-top:30px solid transparent; } .fancybox-content .headerIMG img { position:static; width:100%; height:100%; min-height:0; min-width:0; max-width:inherit; margin:auto; display:block; object-fit:cover; object-position:center top; } .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 .modalInner .viewBoxScheduler { margin:0 auto 10px; } /* tabBlock Unit */ .tabBox { width:100%; margin:0 auto 40px; border-bottom:2px solid #00bce4; } .tabBox .tabs { overflow:hidden; border:none; background:#ffffff; color:#121212; border-bottom:2px solid #00bce4; } .tabBox .tabs .tabLink { background-color:#0B8BAA; 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:#d03333; color:#ffffff; } .tabBox .tabs .tabLink.active { background-color:#00bce4; 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;} } /* Popup Active Campaign */ .popupModal input { background:#efefef !important; } /* Amilia Registration */ #amilia {} #amilia iframe { position:static !important; min-height:inherit !important; padding:0 !important; margin:0 !important; height:revert-layer !important; } #amilia nav#store-navigation, #amilia .row-fluid.navbar-organization-store.breadcrumbs-container { display:none !important; } /* ---------------------------------------- */ /* 2024 EXPERIENCES POST TYPE ADD INS */ /* ---------------------------------------- */ #mainContainer.mainExperiences, #mainContainer.mainExperiences .entry { padding:0 !important; } #contentHeader.experienceHeader { height:750px !important; max-height:60vh !important; } #contentHeader.experienceHeader h1 { background:none !important; padding:0 !important; } .experienceHeader h1 { background:none; padding:0; margin:0 auto 10px; text-align:left; float:none !important; font-size:3.2em; line-height:1.4em; overflow:hidden !important; } .experienceHeader h2, .experienceHeader .h2 { background:none; color:#efefef; line-height:1.1em; text-align:left; float:none !important; font-size:1.6em; font-weight:500; } .experienceMenu img.menuLogo, .experienceMasterMenu img.menuLogo { background:none !important; } #masterMenu.experienceMasterMenu img.menuLogo, #menuBar.experienceMenu img.menuLogo, #menuBar.experienceMenu.scrolling img.menuLogo { height:auto !important; } #menuBar.experienceMenu.scrolling { } #menuBar.experienceMenu.scrolling #mainMenu .menu li a { color:#ffffff; } #experiences section { padding:40px 0; } #experiences section:nth-of-type(2n) { background:#fafafa; } #experiences section a:has(.btn) { display:contents; } #experiences section a:hover img { opacity:0.5; } #experiences { } #experiences .sectionText { display:grid; align-content:center; align-items:center; } #experiences .btn { margin:20px 0; display:block; padding:10px 40px; width:max-content; } #experiences .sectionBlock { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(400px, 100%), 1fr)); gap:40px; } #experiences .sectionBlock.imgLeft { direction:ltr; text-align:left; } #experiences .sectionBlock.imgRight { direction:rtl; text-align:left; } #experiences .sectionBlock.imgRight .sectionInner { direction:ltr; text-align:left; } #experiences .sectionIntro { background:none; } #experiences .sectionStats { background:none; } #experiences .sectionStats .metaBox { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(150px, 100%), 1fr)); gap:20px; } #experiences .sectionC2A { background:none; text-align:center; } #experiences .sectionC2A .btn { margin:auto; } #experiences .sectionImages { background:none; } #experiences .sectionImages .container { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(150px, 100%), 1fr)); gap:20px; } #experiences .sectionImages .container .imageUnit { width:100%; } #experiences .sectionHighlights { background:none; } #experiences .sectionAccordion { background:none; } #experiences .sectionAccordion .viewBoxContainer { margin:0 !important; } #experiences .sectionVideo { background:none; } #experiences .sectionVideo .colMax { margin:auto; } #experiences .sectionVideo .responsive-container { margin:0 !important; } #experiences .sectionGallery { background:none; } #experiences .sectionGallery .gallery { display:grid; width:100%; gap:10px; grid-template-columns:repeat(auto-fill, minmax(min(150px, 100%), 1fr)); margin:0 !important; } #experiences .sectionGallery .gallery .gallery-item { width:100% !important; margin:0 !important; padding:0 !important; } #experiences .sectionGallery .gallery .gallery-item img { margin:0 !important; } #experiences .sectionForm { background:none; } #experiences .sectionForm form ._button-wrapper { position:relative; z-index:10; } #experiences .sectionEdit .btn { margin:auto; display:block; } #footer.footerExperiences .footerUpper { padding:40px 0; } #footer.footerExperiences #footerLead { display:grid; width:100%; text-align:center; } #footer.footerExperiences #footerLogo > a img { max-width:300px; } #footer.footerExperiences #footerLinks { width:100% !important; } #footer.footerExperiences #footerLinks .header { border:0; margin:auto; text-align:center; } #footer.footerExperiences #footerLinks ul.menu { display:grid; gap:20px; grid-template-columns:repeat(auto-fill, minmax(min(300px, 100%), 1fr)); } #menuBar.experienceMenu.scrolling #mainMenu .socialBox .btn-rss { background:url("images/social/lug-rss-white.svg") no-repeat center; } #menuBar.experienceMenu.scrolling #mainMenu .socialBox .btn-apple { background:url("images/social/lug-apple-white.svg") no-repeat center; } #menuBar.experienceMenu.scrolling #mainMenu .socialBox .btn-bandcamp { background:url("images/social/lug-bandcamp-white.svg") no-repeat center; } #menuBar.experienceMenu.scrolling #mainMenu .socialBox .btn-behance { background:url("images/social/lug-behance-white.svg") no-repeat center; } #menuBar.experienceMenu.scrolling #mainMenu .socialBox .btn-discord { background:url("images/social/lug-discord-white.svg") no-repeat center; } #menuBar.experienceMenu.scrolling #mainMenu .socialBox .btn-dribbble { background:url("images/social/lug-dribbble-white.svg") no-repeat center; } #menuBar.experienceMenu.scrolling #mainMenu .socialBox .btn-facebook { background:url("images/social/lug-facebook-white.svg") no-repeat center; } #menuBar.experienceMenu.scrolling #mainMenu .socialBox .btn-github { background:url("images/social/lug-github-white.svg") no-repeat center; } #menuBar.experienceMenu.scrolling #mainMenu .socialBox .btn-imdb { background:url("images/social/lug-imdb-white.svg") no-repeat center; } #menuBar.experienceMenu.scrolling #mainMenu .socialBox .btn-instagram { background:url("images/social/lug-instagram-white.svg") no-repeat center; } #menuBar.experienceMenu.scrolling #mainMenu .socialBox .btn-linkedin { background:url("images/social/lug-linkedin-white.svg") no-repeat center; } #menuBar.experienceMenu.scrolling #mainMenu .socialBox .btn-pinterest { background:url("images/social/lug-pinterest-white.svg") no-repeat center; } #menuBar.experienceMenu.scrolling #mainMenu .socialBox .btn-reddit { background:url("images/social/lug-reddit-white.svg") no-repeat center; } #menuBar.experienceMenu.scrolling #mainMenu .socialBox .btn-snapchat { background:url("images/social/lug-snapchat-white.svg") no-repeat center; } #menuBar.experienceMenu.scrolling #mainMenu .socialBox .btn-spotify { background:url("images/social/lug-spotify-white.svg") no-repeat center; } #menuBar.experienceMenu.scrolling #mainMenu .socialBox .btn-tiktok { background:url("images/social/lug-tiktok-white.svg") no-repeat center; } #menuBar.experienceMenu.scrolling #mainMenu .socialBox .btn-twitch { background:url("images/social/lug-twitch-white.svg") no-repeat center; } #menuBar.experienceMenu.scrolling #mainMenu .socialBox .btn-twitter { background:url("images/social/lug-twitter-white.svg") no-repeat center; } #menuBar.experienceMenu.scrolling #mainMenu .socialBox .btn-vimeo { background:url("images/social/lug-vimeo-white.svg") no-repeat center; } #menuBar.experienceMenu.scrolling #mainMenu .socialBox .btn-vsco { background:url("images/social/lug-vsco-white.svg") no-repeat center; } #menuBar.experienceMenu.scrolling #mainMenu .socialBox .btn-youtube { background:url("images/social/lug-youtube-white.svg") no-repeat center; } /* --------------------------------------- */ /* MEDIA QUERIES /* --------------------------------------- */ @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%; min-height:100%; max-width:inherit; max-height:inherit; } /*.infoPanel .infoPanelLug img { max-height:115% !important; width:auto !important; }*/ .carouselSuperFull .superPost .superLug img { height:auto !important; width:auto !important; max-width:120% !important; min-width:100% !important; max-height:200% !important; } .programPane .archiveList { grid-template-columns:repeat(auto-fit, minmax(min(490px, 100%), 1fr)); } } @media screen and (max-width:1500px) { /*.infoPanel .infoPanelLug img { height:100%; width:auto; }*/ } @media screen and (max-width:1400px) { .carouselSuperFull .superPost .superLug img { max-width:120% !important; opacity:1; max-height:160% !important; } /*.infoPanel .infoPanelLug img { max-height:105% !important; }*/ .infoPanel .infoHead { font-size:1.6em; } .infoPanel .infoText { font-size:0.95em; } /* 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; } } @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:140%; } } @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:#00bce4; } #masterMenu .btn-search { border-left:1px solid #007FC4; border-right:none; float:right; } #masterMenu .actionStrip .container { padding:6px 10px !important; } #masterMenu .actionStrip .btnTrigger { right:10px; } .btn-drawerTop, .btn-drawerBottom, .btn-drawerLeft, .btn-drawerRight { border-right:1px solid #007FC4; } .btn-drawerLeft span, .btn-search span { color:#ffffff; background:#ffffff; } .btn-drawerLeft:hover, .btn-search:hover { background:#d03333 !important; } .btn-drawerLeft:hover span, .btn-search:hover span { color:#ffffff !important; background:#ffffff !important; } .btn-search .glyphicon-search { color:#ffffff; } .btn-search:hover .glyphicon-search { color:#ffffff; } h1 { width:100%; max-width:100%; } .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:#d03333 !important; display:none; } .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:auto; max-height:120% !important; max-width:inherit !important; opacity:1; } .carouselSuperFull .superPost .superLug { background:none; } .carouselSuperFull .superPost .superLug img { top:-100% !important; bottom:-100% !important; } .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; } #videoContainer { height:70vh !important; display:none; } #videoContainer iframe { width:auto; height:70vh; } #infoPaneHeader, .homePage #infoPaneHeader .infoPaneInner { height:70vh !important; min-height:0 !important; } /*#videoContainer { aspect-ratio:16/9; width:auto; height:100%; }*/ .homePage #main { padding:60px 0 0; } .homePage #menuBarBlock { height:100px !important; } .homePage #infoPane1::after { left:-25%; } .homePage #infoPane1.infoPane .infoPaneInner { } .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 { position:absolute !important; opacity:0.3 !important; height:500px; border-bottom:20px double #ffffff; } .infoPanel .infoPanelLug { width:60%; } .infoPanel .infoPanelText { width:40%; font-size:0.88em; } .infoPanel .infoPanelPad { max-width:100%; text-align:left !important; } .locationsPanel .infoPanelLug, .locationsPanel .infoPanelText { width:50%; } .infoStrip { border:none !important; } .container, .containerWide, .infoPane .containerWide { width:100%; } .schedule { padding:40px; } .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; } #mainContainer { padding:0; } #contentHeader { padding:80px 0 0; height:60vh; max-height:500px; } #featIMG { margin:0 -40px 40px; } .entry img.size-full { width:100%; } #contentBody blockquote { position:relative; margin:40px auto !important; } .tags { margin:0; } .authorPage h6 { margin:0; } .archiveFeed, .archiveList.vert { grid-template-columns:repeat(auto-fit, minmax(min(300px, 100%), 1fr)); } #sidebar { background:none !important; } .sidebarTop, .sidebarBottom { padding:40px !important; background:none !important; } #sidebarModule { position:static !important; margin:auto; } #sidebarModule h4, .sidebarModule h4 { margin:0 auto 10px; } .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:40px 0 120px; } #footer #footerLead, #footer #footerLinks { width:100%; } #footer #footerLead { margin:20px auto !important; } #footer #footerLogo, #footer .socialBox, #footer .desc { width:100%; text-align:center; max-width:100%; } #footer .socialBox { margin:10px auto; } #footer #footerLinks li a { border-radius:0; background:#0B8BAA; color:#ffffff; font-weight:bold; } #footer #footerLinks li a:hover { background:#d03333; color:#ffffff; } #footer #footerLogo { float:none; width:100%; max-width:300px; } #footer #footerLinks .column { padding:0 5px 0 0; } #footer .footerLower { padding:40px 0 120px; } #fixedStrip { display:block; } /* 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; } #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%; }*/ #modalStrip .modalBlock:hover h3 { top:-100% !important; } #modalStrip .modalBlock:hover .btn { bottom:80px !important; width:auto; display:block; } .statsPane .colStatsBlock { grid-template-columns:1fr; grid-gap:0; } /* Galleries */ .galleryPane li { width:-webkit-calc(100% / 7); width:-moz-calc(100% / 7); width:calc(100% / 7); } /* Crisp Chatbot */ .crisp-client .cc-tlyw .cc-kxkl .cc-nsge { bottom:100px !important; } } @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; } .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%; height:auto; position:static; display:block; float:left; font-size:1em; } /*.infoPanel .infoPanelLug img { position:static; top:0; bottom:0; left:0; right:0; width:100% !important; height:auto !important; }*/ .infoPanel .infoPanelPad { position:static; } .infoPanel:last-of-type .infoPanelText { padding-bottom:40px; } ul#sections .section .sectionIMG { height:400px; } .gallery-item { width:-webkit-calc(100% / 5) !important; width:-moz-calc(100% / 5) !important; width:calc(100% / 5) !important; } #footer #footerLinks .group { width:100%; margin:40px auto 0; } .highlightStrip button, .highlightStrip .btn { width:auto !important; padding:25px !important; margin:0 10px !important; } .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 { grid-template-columns:1fr 1fr; } .eventList :first-child { grid-column: 1 / -1; } /* 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; } #experiences .sectionStats .metaBox { grid-template-columns:1fr; } } @media screen and (max-width: 900px) { h1 { font-size:1.7em; } .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; } /* Galleries */ .galleryPane li { width:-webkit-calc(100% / 5); width:-moz-calc(100% / 5); width:calc(100% / 5); } #contentHeader.experienceHeader h1 { font-size:2.4em; line-height:1.2em; } } @media screen and (max-width: 768px) { blockquote { width:100%; margin:40px auto; padding:40px 0; } .container, .containerWide { padding:0 20px; } #indexInfo { padding:40px 20px; } .navigateInline { padding:0; gap:20px; } .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; } #infoPaneHeader, .homePage #infoPaneHeader .infoPaneInner { height:60vh !important; min-height:0 !important; } #infoPaneHeader .logoMain { width:80vw !important; max-width:250px !important; } .carouselSuperFull .superPost .superText .superTextInner { max-width:100%; } .superPosts .superPost .superLink { } .superPosts .jcarousel ul { height:60vh !important; } .superPosts .superPost .superLug { height:60vh !important; } .carouselSuperFull .superPost .superLug img { height:60vh !important; max-height:100% !important; top:-100% !important; bottom:-100% !important; } .superPosts .superPost .superText { float:none; } .filmPost .textInfo { bottom:0; width:100%; max-width:100%; } .filmPost .posterIMG { width:150px; margin:0 auto 20px; } /* Homepage Carousel Height Override */ #infoPaneHeader, .homePage #infoPaneHeader .infoPaneInner, .superPosts, .superPosts .jcarousel, .carouselSuperFull, .superPosts .jcarousel ul, .superPost, .superPosts .superPost .superLug { height:60vh !important; min-height:0 !important; max-height:inherit !important; } .alignleft, .alignright { width:100%; margin:0 auto 40px; max-width:100%; } .alignright .responsive-container { margin:0 auto; } #contentBody .entry, #contentBody .schedule { padding:40px 0; } #contentFooter { padding:0 0 40px; } #contentBody .entry .col2 { width:100% !important; } #contentBody .entry .colPadLeft, #contentBody .entry .colPadRight { padding:0; } img.alignleft, img.alignright { width:100%; margin:40px auto; border:0; padding:0; max-width:100%; } .highlightStrip h1, .highlightStrip h2, .highlightStrip p { width:100%; text-align:center; } .highlightStrip button, .highlightStrip .btn { width:100% !important; max-width:300px !important; clear:both !important; margin:0 auto 20px !important; padding:20px !important; display:block !important; } #footer p { margin:0 0 40px; } .homePage .leaderStrip { text-align:left; margin:0; } .homePage .leaderStrip p { font-size:1em; line-height:1.3em; } .homePage .superPosts { padding:0 0 30px; } .homePage .superPosts .jcarousel-pagination { width:100% !important; height:22px !important; padding:0 !important; text-align:center; bottom:0; } .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; } .archiveList .listpost .listpostText, .vert .listpost .listpostText,.archiveList .listpost .listpostLug, .vert .listpost .listpostLug { width:100% !important; } .friendList .listpostLink .listpostText { padding:0 !important; } .friendList .listpostLink .listpostLug, .friendList .listpostLink .listpostText { width:100% !important; height:auto !important; } .friendList .listpostLink { grid-template-columns:1fr; } .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; } .staffList .staffDirector .listpostText { padding:40px 0 !important; } .staffList .staffDirector .listpostLug { margin:auto !important; max-width:340px !important; float:none !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-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:40px 0 120px; } .colMax { clear:both; } #outroPane .brochureIMG { margin:0 auto 40px; float:none; } #outroPane .brochureIMG .btn { float:none; } .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:5px !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:#00bce4 !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; } /* Modal */ .popupModal { max-width:-webkit-calc(100% - 20px) !important; max-width:-moz-calc(100% - 20px) !important; max-width:calc(100% - 20px) !important; } .popupModal .colModal { width:100% !important; } .popupModal .colIMG { position:relative; height:30vh; } .popupModal .colIMG img { height:auto; } .popupModal h3, .contactLink h3 { padding:40px 20px 0; } .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; } /* Galleries */ .galleryPane li { width:-webkit-calc(100% / 4); width:-moz-calc(100% / 4); width:calc(100% / 4); } #experiences .sectionImages .container { grid-template-columns:1fr; } } @media screen and (max-width: 600px) { body { font-size:1em; line-height:1.5em; } h1 { font-size:1.7em !important; max-width:100%; } h2 { font-size:1.5em !important; } h3 { font-size:1.4em !important; } h4 { font-size:1.2em !important; } h5 { font-size:1.0em !important; } h6 { font-size:0.85em; } 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:80px; } .homePage #main { padding:40px 0 0; } .homePage #menuBarBlock { height:40px !important; } .homePage .carouselPane .containerWide, .homePage .infoPane .containerWide { padding:0 20px; } .homePage .eventList .listpost { /*width:calc(100% + 40px) !important; left:-20px; */ position:relative; } .content, .contentFull, .infoPane .infoPaneInner { padding:60px 0 0; } #contentHeader .container { padding:0 20px 60px !important; top:inherit; bottom:0; height:auto !important; } #contentHeader .backing img { opacity:1; max-height:120% !important; } #contentHeader .breadcrumbs { position:static !important; display:block !important; float:left !important; top:inherit !important; font-size:0.7em; margin:0 !important; } #contentHeader .breadcrumbs .tail { display:none; } #contentHeader .breadcrumbs a { display:inline-block; } #contentHeader h1 { background:rgba(0, 188, 228, 0.8); position:static !important; display:block !important; float:left !important; top:inherit !important; transform:none !important; margin:0 0 10px !important; padding:10px !important; font-size:1.4em !important; } #contentHeader.experienceHeader .h2 { font-size:1.2em; } #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, .superPosts .jcarousel ul, .superPost, .superPosts .superPost .superLug { height:60vh !important; min-height:0 !important; max-height:400px !important; } .carouselSuperFull .superPost { } .carouselSuperFull .superPost .superText { padding:0 20px 20px; font-size:0.9em; } .carouselSuperFull .superPost .superText .container { padding:20px; left:0; bottom:0; } .filmPost .superText .filmDetails::before { top:20px; } .filmPost .posterIMG { width:120px; } .carouselSuperFull .superPost .superText .ctaIMG { margin:0; width:300px; max-width:80%; } .carouselSuperFull .superPost .superText .container { bottom:60px !important; } .superPosts .jcarousel-pagination { height:60px !important; padding:20px !important; } .superPosts #carouselSuper-wrapper > .jcarousel-control-prev, .superPosts #carouselSuper-wrapper > .jcarousel-control-next { height:40px; width:40px; } .homePage .leaderStrip { padding:40px 0 !important; } #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 20px 40px; } .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; } .homePage .superPosts { padding:0 0 22px; } .homePage #infoPane2 .archiveFeed { padding:0 0 40px; } .homePage #infoPane2 .archiveFeed::before { height:250px; } .container, .containerWide { padding:0 20px 40px; } .infoPane .containerWide { padding:0 20px 40px; } #contentHeader { padding:60px 0 0; height:80vh; min-height:420px; max-height:650px; } #contentBody .entry, #contentBody .schedule { padding:40px 0 !important; } #featIMG { margin:0 -20px 40px; } .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; }*/ .eventList { grid-template-columns:1fr; } .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; } .testimonialList .listpost { width:100% !important; margin:0 !important; padding:20px 0; border-bottom:1px solid #cfcfcf; } .testimonialList .listpost:last-of-type { border:0; } .testimonialList .listpost:nth-of-type(3n), .testimonialList .listpost:nth-of-type(2n) { margin:0 0 20px !important; } .testimonialList .listpost .listpostText { min-height:0 !important; } .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:0.85em; } .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; } .viewBoxContainer.sessionContainer .innerGrid .gridBlock { padding:20px !important; } .viewBoxContainer.sessionContainer .innerGrid .gridBlock:last-of-type { padding:20px 20px 40px !important; } #sidebarModule, .sidebarModule { max-width:100% !important; } .lugList .listpost .listpostText h4 { font-size:0.9em !important; } .viewBoxContainer .viewBoxBlock .viewBoxTitle h5 { text-indent:-28px; margin-left: 28px; width:-webkit-calc(100% - 88px); width:-moz-calc(100% - 88px); width:calc(100% - 88px); } .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 !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; } /* Galleries */ .galleryPane li { width:-webkit-calc(100% / 3); width:-moz-calc(100% / 3); width:calc(100% / 3); } } @media screen and (max-width:550px) { .archiveList .listpost .listpostLug img, .vert .listpost .listpostLug img { height:auto !important; max-height:inherit !important; } .archiveList.vert .listpost .listpostText { height:auto; } } @media screen and (max-width: 480px) { h1 { font-size:1.1em; } .homePage .leaderStrip { font-size:1em !important; } .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 .listpostLug img, .vert .listpost .listpostLug img { height:auto !important; } .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:#e9e9e9; } .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-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; } #fixedStrip { padding:10px 80px 10px 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; } #modalStrip .modalBlock .btn, #modalStrip .modalBlock:hover .btn { bottom:50px !important; } .colBtns .col2 { padding:0 !important; margin:0 auto 20px !important; width:100% !important; } #modalStrip .modalBlock, #modalStrip .modalBlock .modalLug { height:auto; min-height:250px; } /* Crisp Chatbot */ .crisp-client .cc-tlyw[data-full-view=true] .cc-kxkl .cc-nsge { bottom:80px !important; } } @media screen and (max-width:450px) { #fixedStrip.c2aTriggers .menu li > a { line-height:1em !important; display:inline-grid; text-align:center; align-content:center; float:none; align-items:center; } } @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:5px; 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; } .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; } #fixedStrip { display:none; } .homePage #main, #main { padding:40px 0 0; } } @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; } #contentHeader { height:95vh; max-height:650px; min-height:330px; } #contentHeader h1 { padding:10px !important; font-size:1.6em !important; } #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; } #fixedStrip { display:none; } #infoPaneHeader, .superPosts, .superPosts .jcarousel, .carouselSuperFull, .superPosts .jcarousel ul, .superPost, .superPosts .superPost .superLug { height:90vh !important; min-height:0 !important; max-height:400px !important; } .carouselSuperFull .superPost .superLug img { min-height:100% !important; min-width:100% !important; height:auto !important; width:110% !important; } .superPosts .jcarousel-pagination { bottom:0 !important; z-index:4 !important; } } @media screen and (max-device-width:600px) and (orientation:landscape) { .carouselSuperFull .superPost .superText .container { bottom:40px !important; } }