/*----------------------------------------------------------------------------------- Theme Name:City of Arcadia Front End Developer:Jamie Phy Author Design:Nasryn Abou-Arabi Author URI:http://www.revize.com/ Date:April 1, 2019 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #basic styles -----------------------------------------*/ @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,600i,700'); @import url('https://fonts.googleapis.com/css?family=Playfair+Display:700i&display=swap'); @font-face{font-family:'Holland';font-weight:400;font-style:normal;src:url('../fonts/content/Holland.otf') format("otf"), url('../fonts/content/Holland.woff') format("woff")} @font-face{font-family:'Mermaid';font-weight:400;font-style:normal;src:url('../fonts/content/Mermaid.otf') format("otf"), url('../fonts/content/Mermaid.woff') format("woff")} body{/*background:#f2ebd8;*/font-size:16px;line-height:1.5;font-family:Open Sans,sans-serif;color:#222;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;top:0!important} /* Custom Animate CSS */ @-webkit-keyframes Mbounce{ from, 20%, 53%, 80%, to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } 40%, 43%{ -webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform:translate3d(0,-15px,0); transform:translate3d(0,-15px,0); } 70%{ -webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform:translate3d(0,-7px,0); transform:translate3d(0,-7px,0); } 90%{ -webkit-transform:translate3d(0,-2px,0); transform:translate3d(0,-2px,0); } } @keyframes Mbounce{ from, 20%, 53%, 80%, to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } 40%, 43%{ -webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform:translate3d(0,-15px,0); transform:translate3d(0,-15px,0); } 70%{ -webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform:translate3d(0,-7px,0); transform:translate3d(0,-7px,0); } 90%{ -webkit-transform:translate3d(0,-2px,0); transform:translate3d(0,-2px,0); } } .Mbounce{ -webkit-animation-name:Mbounce; animation-name:Mbounce; -webkit-transform-origin:centerbottom; transform-origin:centerbottom; animation-duration:3s; } /* ----------------------------------------- #typography -----------------------------------------*/ .flyout-answer span { padding: 0!important; display: inline!important; line-height: 0!important;} h1,h2,h3,h4,h5,h6{color:#111;font-weight:normal;margin-bottom:30px;line-height:1.2} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit} h1{font-size:120px} h2{font-size:32px} h3{font-size:28px} h4{font-size:21px} h5{font-size:16px} h6{font-size:14px} .header{font-size:28px;color:#111;margin-bottom:30px} .subheader{font-size:21px;color:#111;margin-bottom:30px} p{margin:0 0 30px 0} em{font-style:italic} strong,b{font-weight:bold} small{font-size:80%} hr{border:solid #ccc;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0} /* ----------------------------------------- #links -----------------------------------------*/ a,a:visited{color:#0f99ee;text-decoration:underline; -webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease; -webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease} a:hover,a:focus{color:#0f99ee} p a,p a:visited{line-height:inherit} /* ----------------------------------------- #lists -----------------------------------------*/ ul,ol{margin-bottom:20px;margin-left:10px} ul{list-style:disc} ol{list-style:decimal} ul ul,ul ol, ol ol,ol ul{margin:4px 0 5px 30px} ul ul li,ul ol li, ol ol li,ol ul li{margin-bottom:6px} li{line-height:1.3;margin-bottom:7px} li p{line-height:1.3} /* ----------------------------------------- #images -----------------------------------------*/ img{max-width:100%;height:auto} a img{border:none} .alignleft{float:left;clear:left;margin:0 20px 20px} .alignright{float:right;margin:0 0 20px 20px} .alignnone{margin:0 auto 20px;display:block} img[align="right"], img[style*="float:right"], img[style*="float:right"]{ margin:0 0 20px 20px; } img[align="left"], img[style*="float:left"], img[style*="float:left"]{ margin:0 20px 20px 0; } /* ----------------------------------------- #buttons -----------------------------------------*/ .button, a.button, button, input[type="submit"], input[type="reset"], input[type="button"], .btn{padding:10px 30px;background:#ba422a;color:#fff!important;border:0;border-radius:0;display:inline-block;font-size:14px;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;font-family:'Open Sans',sans-serif;transition:background .3s} #post span.btn{padding:0} #post span.btn a{padding:10px 30px;display:inline-block;color:inherit;text-decoration:none} #post a span.btn{padding:10px 30px;} .button:hover, a.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#006940} .button:active, a.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#006940} button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0} /* ----------------------------------------- #forms -----------------------------------------*/ form{margin-bottom:30px} fieldset{margin-bottom:30px} input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea, select{border:1px solid #e9eaec;padding:10px 14px;outline:none;font-size:13px;font-family:sans-serif;color:#777;margin:0;display:inline-block;background:#fff;border-radius:0;box-shadow:none} input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, textarea:focus{color:#63686c;border:1px solid #0F95E9} label, legend{display:block;font-weight:bold;font-size:13px} input[type="checkbox"]{display:inline} label span, legend span{font-weight:normal;font-size:13px;color:#444} .form-control:focus{border-color:inherit;-webkit-box-shadow:none;box-shadow:none} ::-webkit-input-placeholder{color:#777} :-moz-placeholder{color:#777} ::-moz-placeholder{color:#777} :-ms-input-placeholder{color:#777} .gsc-control-cse *{box-sizing:content-box} /* ----------------------------------------- #rz intranet -----------------------------------------*/ form.loginform{background:#fff;padding:30px;border:1px solid #D2DFEF} form.loginform p{background:#E65229;color:#fff;padding:20px;line-height:1} form.loginform label{font-weight:normal} form.loginform label input{display:block;margin-bottom:10px;width:100%;box-sizing:border-box;padding:10px;color:#000} /* ----------------------------------------- #rz notify -----------------------------------------*/ .e-notify{font-weight:bold;font-size:12px;background:#E7DF7F;position:fixed;padding:3px 13px 2px;bottom:10px;left:10px;color:#111;border-radius:50px;text-transform:uppercase;z-index:999;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.175)} .e-notify img{display:none} .e-notify i{margin-right:4px!important} .e-notify a{position:absolute;top:0;bottom:0;left:0;right:0} /* ----------------------------------------- #rz alert -----------------------------------------*/ .floating-alert{position:fixed;z-index:99999;bottom:10px;margin:0;right:10px;border:3px solid #fff;background:#000;background:rgba(0,0,0,.9);box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;padding:30px;font-size:14px;width:350px} .floating-alert h5{color:#ffc140;margin:0 0 10px;font-family:sans-serif;font-weight:bold;text-transform:uppercase;font-size:18px} .floating-alert .btn{padding:8px 10px;margin:20px 0 0 0!important} .floating-alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin-right:20px} /* ----------------------------------------- #rz edit -----------------------------------------*/ .hr div#adminBtns {position: absolute;z-index: 99;top: 237px;} a>span.rzBtn, a>span.rzBtn.rzImp, a[href="http://cms4.revize.com/revize/supportrevize/revize_faq.php"]{all:unset;position:relative;z-index:199;display:inline-block;font-family:"Open Sans",sans-serif;letter-spacing:0px;padding:5px 15px;background:#000;background:linear-gradient(#333,#000);color:#CCC;font-weight:700;text-transform:none;box-shadow:inset 0 0 1px 1px rgba(255,255,255,.1);font-size:16px;line-height:26px;white-space:nowrap} #homepage a[href="http://cms4.revize.com/revize/supportrevize/revize_faq.php"]{position:absolute;top:140px;left:calc(50% - 166px);z-index:51} a>span.rzBtn.noPush{position:absolute;margin-top:-30px;} a>span.rzBtn.rzSmall{font-size:14px;padding:5px;line-height:16px} #homepage .rzAdmin{position:absolute} .rzAdmin{position:relative;z-index:199;display:inline-block} .rzAdmin>img.rzBtn{position:relative;z-index:2;opacity:0;width:121px;height:36px} .rzAdmin:after{content:"Admin Panel";z-index:1;position:absolute;left:0;top:-2px;display:inline-block;padding:5px 15px;background:#000;background:linear-gradient(#333,#000);color:#CCC;font-weight:700;box-shadow:inset 0 0 1px 1px rgba(255,255,255,.1);font-size:16px;line-height:26px;white-space:nowrap} a[href="http://cms4.revize.com/revize/supportrevize/revize_faq.php"]>img{position:relative;z-index:2;opacity:0;cursor:pointer} a[href="http://cms4.revize.com/revize/supportrevize/revize_faq.php"]:after{content:"Help";z-index:1;position:absolute;left:0;top:0;display:inline-block;padding:5px 22px 5px 23px;background:#000;background:linear-gradient(#333,#000);color:#CCC;font-weight:700;box-shadow:inset 0 0 1px 1px rgba(255,255,255,.1);font-size:16px;line-height:26px;white-space:nowrap} a[href*="javascript:RZedit( '', 'editforms/freeform_bottom-editform.jsp?'"] {display:block} /* ----------------------------------------- #rz faq -----------------------------------------*/ #post .faqs-heading.active{background:#ba422a;border-color:#000;color:#fff} #post .faqs-toggle-content{border-color:#000} #post .faqs-heading{color:#ba422a;position:relative;background:#f9f9f9} #post .faqs-heading:before{content: "\f078"} #post .faqs-heading.active:before{content:"\f077";color:#fff} #post .faqs-heading:before{font-family:'FontAwesome';position:absolute;left:25px} /* ----------------------------------------- #main -----------------------------------------*/ #skip{display:inline-block;padding:15px 25px;background:#ba422a;color:#fff;font-size:16px;text-decoration:none;position:fixed;top:-100%;left:-100%;transition:all .3s;z-index:999} #skip:focus{left:0;top:0} body{overflow-x:hidden} .text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #nav-toggle, .toggle, .toggle2{display:none} #search-toggle, #nav-toggle{display:inline-block;line-height:45px;width:45px;text-align:center;border-radius:4px;border:1px solid #00345b;color:#00345b;cursor:pointer;margin-left:5px} #toggles{position:absolute;top:15px;right:15px;z-index:1} header{background:#fff} #header{max-width:1402px;margin:auto;padding:29px 15px 0;position:relative} #revize-main-wrap #header{padding:unset} #header-logos{float:left;width:26%} #logo{position:absolute;width:93px;z-index:100} #text-logo{display:block;width:197px;margin:1px 0 0 123px} #header nav{float:left;width:60%} #nav{margin:0 9% 0 0;padding:0;float:right} #nav .down-arrow{display:none} #nav li{display:inline-block;margin:0} #nav>li>a, #nav>li>span{display:block;font-size:18px;font-weight:700;text-decoration:none;padding:13px 21px 40px 22px;color:#00345b;border-bottom:5px solid #fff;cursor:pointer} #nav>ul{display:none} .mega-nav-featured{display:none} .mega-nav-links{width:100%} #nav ul li>a, #nav ul li>span{color:#00345b;font-weight:700;text-decoration:none;display:block} #nav ul li>a:hover{text-decoration:underline} #search-results {position: absolute;top: 115%;left: 10%;right: 10%;background: #f3ecda;/* padding: 30px; */box-shadow: 0 12px 30px;} #search-results .tab-content {background: #fff;} .library #adminBtns, .recreation #adminBtns {position:absolute;top:500px;left:0;right:0;text-align:center} /* #google-translate{display:inline-block;float:left;width:14%;text-align:right;padding:7px 2px} #google-translate .goog-te-gadget-simple{border:0;background:#ba422a;width:146px;padding:10px 26px 9px;transition:background .3s} #google-translate .goog-te-gadget-simple:hover{background:#006940} #google-translate .goog-te-gadget-icon{display:none} #google-translate .goog-te-menu-value>*{display:none} #google-translate .goog-te-menu-value:before{content:"";position:relative;top:1px;width:17px;height:17px;background:url('../images/translate-icon.png');background-size:17px;margin:0px 0px 0px 3px;float:left} #google-translate .goog-te-menu-value:after{content:"Translate";font-family:'Open Sans',sans-serif;font-size:14px;color:#fff;display:inline-block;line-height:20px} */ .skiptranslate,.skiptranslate.goog-te-gadget{display:none} #translation-links{cursor:pointer;background:#ba422a;padding:8px 30px;margin:0;position:absolute;z-index:300;top:37px;right:17px} #translation-links span{font-size:14px;color:#fff} #translation-links img{width:17px;margin:0 8px 4px 0} #translation-links li{margin:0;display:block} #translation-links ul{padding:11px 18px;margin:0;position:absolute;right:0;top:187%;background:#fff;width:1266px;height:365px;display:none} #translation-links ul a{color:#00345b;display:block;text-decoration:none;padding:2px 15px 6px 13px;font-size:13px;text-transform:uppercase} #translation-links a:hover{color:#ba422a;background-color:whitesmoke} #translation-links ul li{float:left;width:16.66%;/*margin-right:1%;*/position:relative} #translation-links ul li:before{content:'\f105';font-family:'fontawesome';position:absolute;left:0;top:0;color:#ba422a;font-size:14px} #hanging-translate{position:absolute;right:0;top:100%;z-index:55;padding:8px 0} #hanging-translate a{color:#fff;text-decoration:none;padding:0px 14px;display:inline-block;font-weight:400;border-left:1px solid rgba(255,255,255,.5);cursor:pointer} #hanging-translate a:first-of-type{border:0} #slider{height:968px;position:relative} #slider:before{content:"";display:block;position:absolute;top:0;left:0;right:0;height:125px;z-index:51;background:linear-gradient(rgba(57,97,128,.7), rgba(255,255,255,0))} #slider-header{position:absolute;top:160px;left:0;right:0;text-align:center;z-index: 99;} #slider h1{font-family:'Holland',serif;color:#fff} #slider .video-yt-bg, #slider .video-vimeo-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:51} #search{max-width:812px;margin:auto;padding:26px 15px 0} /*#freeform.library #search, #freeform.recreation #search {display:none}*/ .search-form{margin:0;text-align:left} #search input{width:calc(100% - 74px);border:1px solid #fff;font-size:16px;font-weight:600;padding:23px 28px;height:70px;background:#fff;font-family:'Open Sans',sans-serif} #search button{height:70px;width:74px} .hr section#arcadia-way {position: relative;z-index: 60;padding-top: 60px;} .hr #arcadia-way .skip-container {top: -83px;} #search button i{font-size:18px} .skip-container{text-align:center;position:relative} .go-to-skip{background:#006940;display:inline-block;width:49px;height:49px;color:#fff!important;transform:rotate(45deg);text-decoration:none!important;position:relative;z-index:1;transition:background .3s} .go-to-skip:hover{background:#ba422a} i.nav-arrow-down{background:url('../images/nav-arrows.png');width:35px;height:35px;background-position:70px 0;display:inline-block} .go-to-skip>i{transform:rotate(-45deg);margin:7px 7px 0 7px} #quick-nav{position:relative;z-index:60;margin-top:-370px;display:none} #quick-links{max-width:1340px;margin:59px auto;padding:0px 85px} #quick-links .quick-panel{display:inline-block;text-decoration:none;text-align:center;border-bottom:4px solid #ba422a;height:386px;line-height:374px;width:100%;box-shadow:0px 4px 0px 0px rgba(186, 66, 42, 0.004),0px 4px 30px 0px rgba(0, 0, 0, 0.1)} #quick-links .quick-panel:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:4px;background:rgba(0,51,91,.5)} #quick-links .quick-panel:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:url('../images/quick-hover.jpg') center no-repeat;background-size:cover;box-shadow:inset 0 0 0 10px #fff;opacity:0;transition:opacity .3s ease;border-bottom:4px solid #ba422a} #quick-links .quick-panel:hover:after{opacity:1} .quick-panel h3{margin:0;color:#fff;font-size:22px;font-weight:700;display:inline-block;vertical-align:middle;position:relative;z-index:2} #quick-links .owl-prev{position:absolute;top:139px;width:49px;height:103px;left:15px;background:#ba422a} #quick-links .owl-prev>i{background:url('../images/nav-arrows.png');height:35px;width:35px;display:block;margin:34px 8px} #quick-links .owl-next{position:absolute;top:139px;width:49px;height:103px;right:15px;background:#ba422a} #quick-links .owl-next>i{background:url('../images/nav-arrows.png');height:35px;width:35px;display:block;margin:34px 8px;background-position:right} #quick-links .fa-chevron-left{line-height:42px;width:45px;border-radius:4px;background:#ba422a;cursor:pointer;text-align:center;color:#fff;font-size:20px;padding:3px 3px 0 0;margin-top:15px;float:left} #quick-links .fa-chevron-right{line-height:42px;width:45px;border-radius:4px;background:#ba422a;cursor:pointer;text-align:center;color:#fff;font-size:20px;padding:3px 0 0 3px;margin-top:15px;float:right} #news-container{max-width:1200px;padding:0 15px;margin:auto} #news-header{max-width:1200px;padding:40px 0 0;margin:auto;position:relative} #news-header h2{font-family:'Mermaid',sans-serif;font-size:60px;margin:0 0 0 -2px;float:left;color:#00345b} #news-header h2:after{content:attr(data-text);position:absolute;top:-31px;left:45px;font-size:200px;color:#e6dec9;font-family:'Mermaid',sans-serif;z-index:-1} .button-all-news{float:right;margin-top:11px;margin-bottom:15px} #news-main-list{padding:31px 3% 0 0;width:50%;float:left;display: none;} #news-main-list .owl-stage-outer{box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.1)} #news-main-list .news-main-panel{display:block;padding-top:82.8%;border-bottom:4px solid #ba422a} .news-main-panel:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:4px;background:linear-gradient(rgba(0,0,0,0) 10%, rgba(0,52,91,.98));z-index:0} .news-main-content{position:absolute;bottom:39px;left:39px;right:39px;color:#fff;z-index:1} .news-main-content .news-date{font-size:14px;font-weight:700} .news-main-content .news-title{display:block;font-size:20px;font-weight:700;line-height:20px;margin:9px 0 11px;letter-spacing:.4px;color:#fff} .news-more{font-size:16px;font-style:italic;font-weight:600} #news-main-list .owl-dots{text-align:center;padding:17px} #news-main-list .owl-dot{display:inline-block;width:9px;height:9px;background:#00345b;border-radius:50%;margin:0 3px 0 2px} #news-main-list .owl-dot.active{background:#ba422a} #news-list{padding:31px 0 0 3%;width:50%;float:left} #news-list .owl-controls{display:none} .news-panel .news-entry{display:block;position:relative;background:#fff;height:136px;margin-bottom:24px;box-shadow:0px 4px 30px 0px rgba(0, 0, 0, 0.1);} .news-main-panel, .news-panel .news-entry{transition:all .3s ease;} .news-main-panel:hover, .news-panel .news-entry:hover{*transform:scale(1.05);box-shadow:0 4px 30px 0 rgba(0,0,0,.3)} #news-list .news-image{width:169px;object-fit:cover;height:136px} #news-list .owl-nav{text-align:right} #news-list .owl-nav>div{display:inline-block} #news-list .fa-chevron-up{line-height:42px;width:45px;border-radius:4px;background:#ba422a;cursor:pointer;text-align:center;color:#fff;font-size:20px;padding:0 0 3px 0;float:left;margin-right:15px} #news-list .fa-chevron-down{line-height:42px;width:45px;border-radius:4px;background:#ba422a;cursor:pointer;text-align:center;color:#fff;font-size:20px;padding:0 0 3px 0;float:right} .news-content{position:absolute;left:199px;top:28px;right:28px;bottom:28px} .news-content .news-date{font-size:14px;color:#ba422a;font-weight:700} .news-content .news-title{display:block;font-size:18px;line-height:20px;font-weight:700;color:#000;margin-top:5px} #calendar-section{margin-top:48px;background:#fff;position:relative;padding-bottom: 111px} #calendar-section .skip-container{top:-24px} #calendar-section .right-align{margin:auto;max-width:1015px;padding:0 15px;width:100%} #homepage .calendar-container>.calendar-content>iframe{width:100%;min-height:530px!important} .library #calendar-0{width:100%;} .recreation #calendar-0{width:100%;} .right-align .floater{width:50%;float:left} .right-align .floater:after{content:"\200b"} #calendar-section h2{margin:50px auto -16px;font-family:'Mermaid',sans-serif;font-size:60px;color:#00345b;text-align:left;letter-spacing:.5px;float:left;width:50%;padding-left:1.3%} .calendar-header{position:relative;max-width: 1474px;width:100%;margin:20px auto;padding: 0 24px;z-index:5;pointer-events: none} .calendar-header:after{content:"";display:table;clear:both} .calendar-tab,.search-nav li{float:left;width:181px;background:#00345b;color:#fff;font-weight:700;text-align:center;padding:14px 0;border-right:1.5px solid rgba(255,255,255,.1);cursor:pointer;position:relative;pointer-events: fill} .calendar-tab:last-of-type{border-color: #00345b;width:180px;} .calendar-tab.tab-active,.search-nav li.active{background:#ba422a} .calendar-tab.tab-active:after{content:"\f0d7";display:block;position:absolute;top:100%;left:calc(50% - 7px);font-family:'FontAwesome';font-size:29px;color:#ba422a;z-index:6;line-height:6px} #calendar-background{position:absolute;top:0;left:0;right:55.3%;bottom:0} .calendar-container{max-width: 1474px;margin: -72px auto 0;height:440px;padding: 0 24px;width:100%;position:relative} .calendar-content{display:none;border:0;position:absolute;top:0;right: 24px;left: 24px} .calendar-content.tab-active{display:block} #freeform .calendar-header{max-width:100%} #freeform .calendar-container{max-width:100%;margin:0;height:auto;min-height:450px} #freeform .calendar-tab{width:33.2%} #freeform .calendar-tab:last-of-type{width:33%} .container-all-calendar{position:absolute;left:0;right:0;bottom:50px} .button-all-calendar{margin:30px 0 0 14px;position:relative;z-index:1} #social{padding-bottom:105px} #social h2{position:relative;text-align:center;font-family:'Mermaid',sans-serif;font-size:60px;color:#00345b;margin:100px 0 0} #social h2:after{content:attr(data-text);position:absolute;top:-73px;left:calc(50% - 521px);font-size:200px;color:#e6dec9;font-family:'Mermaid',sans-serif;z-index:-1} #social-feed{max-width:1200px;padding:29px 15px 0;margin:auto} #social-preload{display:none} .tweet_list{margin:0;padding:0} .tweet_list>li:before{content:"\f099";font-family:'FontAwesome';font-size:34px;position:absolute;top:5%;left:9.5%;color:#fff} .tweet_list .readmore{content:"read more";font-style:italic;font-weight:600;position:absolute;bottom:14%;left:10%;color:#fff;font-size:18px;text-decoration:none} .tweet_list>li{display:block;margin:0 0 49px;width:339px;height:388px;float:left;background-repeat:no-repeat;background-position:top right;position:relative;padding:20px;box-shadow:0px 4px 30px 0px rgba(0, 0, 0, 0.1);transition:all .3s ease} .tweet_list>li:hover {box-shadow: 0 0 5px 0 rgba(0,0,0,.25);transform:scale(1.025)} .tweet_list>li:nth-of-type(3n){margin:0 0 49px 0} .tweet_list>li:nth-of-type(3n+2){margin:0px calc((100% - 1017px) / 2) 49px;top:29px} .tweet_time a{color:#fff;text-decoration:none;font-size:14px;font-weight:600;position:absolute;left:23%;top:5.5%} .tweet_name{position:absolute;left:23%;top:46px;font-size:14px;color:#fff;font-weight:600} .tweet_text{position:absolute;top:35%;bottom:26%;left:10%;right:10%;font-size:18px;font-weight:600;color:#fff} .tweet_text a{word-break:break-word;color:#ffffff} .DiscoverArcadia{background:#79d1f6 url('../images/twitter-discover.png')} .EnrichArcadia{background:#0b9f30 url('../images/twitter-enrich.png')} .ProtectArcadia{background:#9041a9 url('../images/twitter-protect.png')} .ShapeArcadia{background:#f68500 url('../images/twitter-shape.png')} footer{position:relative;padding-bottom:46px} footer:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,52,91,.8) url('../images/footer-overlay.png');background-size:cover} footer>.container{max-width:1200px;width:100%} footer .col-md-3 h3{margin:66px 0 22px 0;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#fff} footer hr{margin:64px 0} .footer-hours{padding-left:33px} .footer-quick-links{padding-left:110px} .footer-popular-links{padding-left:71px} .footer-contact span{color:#fff;font-weight:600} .footer-contact .phone{margin-top:12px;display:inline-block} .footer-hours span{color:#fff;font-weight:600} .footer-quick-links a{font-weight:600;display:block;color:#fff;text-decoration:none} .footer-popular-links a{color:#fff;font-weight:600;display:block;text-decoration:none} #copyright{color:#fff;font-weight:700;padding:19px 15px} #twitter-links{text-align:center} #twitter-links a{display:inline-block;width:40px;height:40px;border-radius:50%;background:#0b9f30;line-height:40px;text-align:center;font-size:23px;margin:6px 3px;color:#fff} #twitter-links a:nth-of-type(2){background:#9041a9} #twitter-links a:nth-of-type(3){background:#f68500} #twitter-links a:nth-of-type(4){background:#79d1f6} #revize-login{padding-top:7px} .powered-by-revize{color:#fff;vertical-align:middle;float:left;text-align:right;margin-left:20px;font-weight:700} #revize-login-link{float:right;color:#fff;font-weight:700;text-decoration:none;line-height:50px;margin-right:1px;border-left:1px solid rgba(255,255,255,.2);padding-left:15px} #powered-by-revize-link{color:#fff;text-decoration:none} .powered-by-revize span{display:none} #calendarEvent{left:0px;max-height:500px;overflow-y:auto;margin:0 auto} #RZcalendar_detail #calendarEvent {bottom:5%;width:65%!important;height:90%!important;max-height:100%} #mega-nav-menus{display:none} /* ----------------------------------------- #inner -----------------------------------------*/ #events .video-vimeo-bg {position: absolute!important;top: 0;left: 0;right: 0;bottom: 0;z-index: 3;} a.play-video-icon {position: absolute;z-index: 99;color: #fff;border: 1px solid #fff;line-height: 125px;height: 125px;font-size: 90px;display: block;text-align: center;width: 125px;border-radius: 50%;background: rgba(0,0,0,.3);left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transition: background .4s ease;-o-transition: background .4s ease;transition: background .4s ease;} .play-video-icon i.fa.fa-play {position: relative;left: 10px;} a.play-video-icon:hover {background: rgba(0,0,0,.8);} body#freeform{background:#f2ebd8} .flyout{margin:17px 0 42px 0;padding:0;height:100%!important} .flyout li{margin:0;display:block;position:relative} .flyout a, .flyout span{text-decoration:none;padding:15px 20% 21px 20.4%;display:block;color:#000;font-weight:600;margin:0;line-height:24px;cursor:pointer} .flyout ul{display:none;position:absolute;top:0;left:100%;margin:0;padding:0;background:#ba422a} .flyout ul a, .flyout ul span{font-size:13px;padding:10px 15px;width:200px;color:#fff} .flyout li:hover > ul{display:block} #breadcrumbs{font-size:14px;text-transform:uppercase;font-weight:700;color:#ba422a;letter-spacing:1px;word-break:break-all} #breadcrumbs p{margin:0} #breadcrumbs a{text-decoration:none;font-size:14px;color:#ba422a;font-weight:700;text-transform:uppercase;letter-spacing:1px} #breadcrumbs a:after{content:">";padding:0 30px 0 8px;font-family:'Open Sans',sans-serif;transform:scaleX(.5);display:inline-block} #breadcrumbs i{font-size:13px;margin:0 4px} #freeform #search{position:absolute;top:120%;left:131px;z-index:60;padding:0;width:350px} #freeform #search input{padding:5px 10px;height:40px;font-size:14px} #freeform #search button{width:40px;height:40px;padding:10px} #freeform #slider{height:420px} #freeform #slider:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.2));z-index:51} #freeform #main-wrap{max-width:1600px;width:100%} #flyout-col{width:24%;float:left} #flyout-wrap{padding:51px 0 0;position: relative;z-index: 1;} .flyout-header{margin:15px 20% 0 20%;font-family:'Mermaid',serif;color:#00345b;font-size:36px;line-height:40px} .flyout-layer{background:rgba(0,0,0,.05);margin:0;padding:29px 0 1px;border-top:2px solid #fff} .flyout:after{content:"";display:table} #flyout-wrap .flyout-answer{padding:10px 20% 10px 20.4%;background:rgba(0,0,0,.1)} #entry{width:76%;float:left;padding:64px 6.3%;background:#fff} #page-title{margin:22px 0 33px -2px;font-size:60px;font-family:'Mermaid',sans-serif;text-transform:capitalize;color:#00345b} #post h2.subheader{font-size:24px;font-weight:600} #post u{font-weight:600} #post ul{margin:0 0 0 21px;padding:0} #post ul>li{list-style:none;margin:0 0 19px 0px} #post ul>li:before{content:"\2022";margin-right:8px} #postContents{margin-bottom:25px} #post>#postContents + * {margin-bottom:25px} #freeform.fullwidth #main{background:#fff} #freeform.fullwidth .main-wrap{max-width:1200px;padding:0 15px;margin:auto} #freeform.fullwidth #entry{float:none;width:100%;padding:64px 0} /* NewsList */ #freeform .news-banner {height: 100px;width: 100px;float: left;background-size:cover!important} #freefrom a.news:before,#freefrom a.news:after {content: ' ';display: table} #freefrom a.news:after {clear: both} #freeform .news-info {min-height: 118px;margin-left: 122px} #freeform .news-date {margin: 0} #freeform h3.news-title {font-size: 20px;font-weight: bold;margin-bottom: 10px;margin-top:6px} #freeform .news {border-bottom: 2px solid #dedede;margin-bottom: 20px;padding-bottom: 10px;box-shadow: none} #freeform a.news-title {font-size: 23px;text-decoration: none;font-weight: bold;color: #165064} #freeform section.entry.equal {height: auto!important} #freeform .news-info>a {text-decoration: none;display: block} #freeform .news-info>.clearfix>p {margin-bottom: 0} /** Staff Directory Styles **/ #example_length{float:left} #example_filter{float:right} #example_wrapper th.header{font-size:18px} #example_wrapper .dataTables_paginate{float:right} #example_wrapper .dataTables_paginate>ul{margin:0;padding:0} #example_wrapper .dataTables_paginate>ul>li{display:inline-block;margin-left:15px} #post #example_wrapper ul>li:before{content:unset} #publishedDate {text-align:right;font-style:italic;display:none} .agendaGrouping{border-bottom:1px solid #ccc;padding-bottom:5px} .agendaGrouping>.agendaHeader{cursor:pointer} .agendaGrouping>.agendaHeader:after{content:"-";font-size:19px} .agendaGrouping>.agendaHeader.collapsed:after{content:"+"} .agendaGrouping>.agendaContent{display:none} /* ----------------------------------------- .recreation .library -----------------------------------------*/ #freeform.recreation #slider, #freeform.library #slider{height:570px} #myLightbox{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:999999} #myLightbox i{position:absolute;top:0;right:0;color:#fff;font-size:60px;cursor:pointer} #myImg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:350px} #bottom-nav{position:absolute;top:calc(100% + 44px);left:0;right:0;z-index:56;background:#00345b} #bottom-nav h2{font-family:'Playfair Display',serif;font-size:30px;color:#fff;text-transform:capitalize;margin: 32px 0 0px 123px;} .bottom-nav-links{position:relative;margin: 0 2px 0 150px;padding:0;font-size:0;} .bottom-nav-links li {position:relative;display:inline-block;margin:0;padding:0} .bottom-nav-links li a, .bottom-nav-links li span{position:relative;display:block;font-weight:700;font-size:16px;color:#fff;text-transform:capitalize;text-decoration:none;padding: 11px 0 30px;} .bottom-nav-links>li:not(:first-of-type), .bottom-nav-links>li:not(:first-of-type){margin-left: 40px;} .bottom-nav-links>li:not(:last-of-type)>a:before, .bottom-nav-links>li:not(:last-of-type)>span:before{content:'';position:absolute;top: 36%;right:-22px;height:20px;width:1px;background:#e9f0d3;opacity:0.4;transform:translateY(-50%);} .bottom-nav-links ul{display:none;margin:0;padding:0} .recreation #slider, .library #slider, .hr #slider{height:850px} .recreation #slider-header, .library #slider-header{top:unset;bottom:95px} #translate-bg{position:absolute;top:0;left:0;right:0;height:44px;z-index:52} #popular-pages{position:relative;padding-bottom: 80px;} div#arcadia-way-container, div#arcadia-way-container-bottom {width: 1400px;max-width: 100%;margin: 0 auto;padding: 0 15px 78px;} #arcadia-way h2,#arcadia-way-bottom h2 {font-family: 'Questa Grande';font-weight: 900;font-size: 48px;color: #00345b;text-transform: capitalize;margin: 28px 0 0 0;} #popular-pages .skip-container{position:absolute;left:50%;transform:translateX(-86%);top:-25px;z-index:51} .library #popular-pages .skip-container{transform:translateX(-49%)} #popular-container{width:1400px;max-width:100%;margin:0 auto;padding: 0 15px 78px;} .hr #popular-container h2 {margin-left: 0;text-align: center;} #popular-container h2{font-family:'Questa Grande';font-weight:900;font-size:48px;color:#00345b;text-transform:capitalize;margin:28px 0 0 97px} #popular-links,#flipper-list{position:relative;margin-top:42px;padding:0 100px} #popular-links:before, #popular-links:after, #flipper-list:before, #flipper-list:after{content:'';position:absolute;left:64px;bottom:-3px;background:url('../images/popular-dots.png') center no-repeat;background-size:cover;width:72px;height:131px} #popular-links:after, #flipper-list:after{bottom:unset;left:unset;top:-16px;right:83px;z-index:-1} #flipper-list .owl-stage-outer{height: 296px;padding: 30px 0;} #flipper-list .owl-prev,#popular-links .owl-prev{position:absolute;top:50%;transform:translateY(-50%);width:49px;height:103px;left:0;background:#ba422a;font-size:0;transition:0.3s all} #flipper-list .owl-prev>i,#popular-links .owl-prev>i{position:absolute;top:50%;right:7px;transform:translateY(-50%);background:url('../images/nav-arrows.png');height:35px;width:35px;display:block} #flipper-list .owl-next,#popular-links .owl-next{position:absolute;top:50%;transform:translateY(-50%);width:49px;height:103px;right:0;background:#ba422a;font-size:0;transition:0.3s all} #flipper-list .owl-next>i,#popular-links .owl-next>i{position:absolute;top:50%;left:5px;transform:translateY(-50%);background:url('../images/nav-arrows.png');height:35px;width:35px;display:block;background-position:right} .popular-link{position:relative;display:block;text-decoration:none;transition:0.3s all} .popular-img{position:relative;width:100%;height:233px;transition:0.3s all} .popular-img:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#00345b;opacity:0.7} .flipper h3,.popular-link h3{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-weight:700;font-size:20px;line-height:24px;color:#fff;text-transform:capitalize;text-align:center;margin:0;width:60%} #flipper-list .flipper{height:235px} .flipper {position: relative;-webkit-transition: 0.6s;-o-transition: 0.6s;-webkit-transition: 0.9s;-o-transition: 0.9s;transition: 0.9s;/* overflow: hidden; */-webkit-transform-style: preserve-3d;} .flipper .front {position: absolute;top: 0;left: 0;bottom: 0;right: 0;} .vertical-flip-container.flip-container {-webkit-perspective: 1000;} .flipper .front, .flipper .back {position: absolute;top: 0;left: 0;bottom: 0;right: 0; -webkit-backface-visibility: hidden; color: #fff; text-align: center; } .flipper .back {-webkit-transform: rotateY(180deg);background: #00345b;overflow: hidden;} .flipper .front { z-index: 2;} .flipper .front:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;/* background: rgba(0, 52, 91, 0); */box-shadow: inset 0px 0px 0px 2px rgba(0, 52, 91, 0.7);} .flip-container:hover .flipper, .flip-container.hover .flipper { -webkit-transform: rotateY(-180deg); } .photo-gallery-item .flipper {position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .hr #left-photo-container .photo-gallery-item, .hr #right-photo-container .photo-gallery-item {overflow: visible;margin-bottom: 30px;} /* .vertical-flip-container .back { -webkit-transform: rotateX(180deg); } */ /* .vertical-flip-container:hover .flipper, .vertical-flip-container.hover .flipper { -webkit-transform: rotateX(-180deg); } */ .flipper-description {padding: 15px;font-size: 14px;text-align: left;} h4.flipper-back-header {color: #fff;font-weight: bold;margin: 15px 0 15px;text-align: center;font-size: 18px;} .hr #events{height:600px} .hr div#events-container {position: static;} .hr div#events-button-dots {bottom: 30px;z-index: 3;} .hr #events-container h2 {position: relative;z-index: 1;} .hr #events a.btn {position: absolute;bottom: 45px;z-index: 3;} #events{position:relative} #events-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:0.6} #events-container{position:relative;z-index:1;width:1200px;max-width:100%;padding:61px 15px 118px;margin:0 auto} #events-container h2{font-family:'Questa Grande';font-weight:900;font-size:72px;color:#fff;text-transform:capitalize;margin:20px 0 32px -3px} .library #events-container h2{float:left} #events .btn{position:relative;left:50%;transform:translateX(-49%);text-transform:capitalize;margin-top:57px;background:#c39809} #events-button-dots{content:'';position:absolute;bottom:98px;left:50%;transform:translateX(-92%);background:url('../images/button-dots.png') center no-repeat;background-size:cover;width:131px;height:72px;z-index:-1} #tabs{float:right;padding:0;margin:54px 0 0 0} .library #tabs{display:none} #tabs li{display:inline-block} #tabs li a{position:relative;font-weight:700;font-size:20px;color:#fff;text-transform:uppercase;text-decoration:none} #tabs li:not(:first-of-type) a{margin-left:35px} #tabs li:not(:first-of-type) a:before{content:'';position:absolute;top:-11px;left:-19px;bottom:-12px;width:1px;background:#fff;opacity:0.15} #tabs li.current a:after{content:'';position:absolute;left:2px;right:0;bottom:-7px;height:3px;background:#c39809} #tabs li a:hover:after{content:'';position:absolute;left:2px;right:0;bottom:-7px;height:3px;background:#c39809} #tabs-content>div:not(.current){display:none} #photo-gallery{position:relative;padding:0 0 58px} #photo-gallery .btn{position:relative;left:50%;transform:translate(-50%);margin-top:27px;text-transform:capitalize;background:#c39809} #photo-button-dots{content:'';position:absolute;bottom:38px;left:50%;transform:translate(-101%);width:131px;height:72px} #photo-gallery h2{position:relative;font-family:'Questa Grande';font-weight:900;font-size:48px;line-height:28px;color:#00345b;text-transform:capitalize;text-align:center;margin:42px 0 0 -2px} #photo-gallery h2 span{display:block;font-family:'Open Sans',sans-serif;font-weight:700;font-size:18px;line-height:28px;color:#00345b;text-transform:uppercase;margin-bottom:9px} #photo-gallery h2:before{position:absolute;top:48px;left:50%;transform:translateX(-50.3%);font-family:'Open Sans',sans-serif;content:'EXPLORE';font-weight:700;font-size:319px;color:#f4f6f8;text-transform:uppercase;z-index:-1} #photo-gallery .skip-container{margin-top:32px} #photo-gallery-left-dots{position:absolute;top:131px;left:14px;width:514px;height:423px;z-index:-1} #photo-gallery-right-dots{position:absolute;top:228px;right:13px;width:199px;height:423px} #photo-container{width:1400px;max-width:100%;margin:61px auto 0;padding:0 55px 0 56px;font-size:0} .photo-gallery-item{position:relative;width:100%;padding-bottom:101.8%;overflow:hidden;transition:0.3s all} #left-photo-container{display:inline-block;vertical-align:top;margin:8.5% 0 0;width:25.48%} #left-photo-container .photo-gallery-item{width:87.8%;padding-bottom:89.5%;margin:0 0 30px 0;} body:not(.hr) #left-photo-container .photo-gallery-item:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:0.5;transition:0.3s all} body:not(.hr) #left-photo-container .photo-gallery-item:first-child:after{content:'';position:absolute;top:-34px;left:-59px;width:433px;height:380px;background:url('../images/photo-gallery-feather.png') center no-repeat;background-size:cover;opacity:0.1;transition:0.3s all} body:not(.hr) #left-photo-container .photo-gallery-item:last-child:after{content:'';position:absolute;top:-84px;left:77px;width:432px;height:380px;background:url('../images/photo-gallery-feather.png') center no-repeat;background-size:cover;opacity:0.1;transition:0.3s all} #left-photo-container .photo-gallery-item:last-child{padding-bottom:68%;} #middle-photo-container{display:inline-block;vertical-align:top;width:52.15%} #middle-photo-container .photo-gallery-item-container{display:inline-block;width:44.9%;margin:0 27px 30px 0;overflow:hidden} #middle-photo-container .photo-gallery-item{width:100%;padding-bottom:123.2%} .recreation #middle-photo-container .photo-gallery-item:hover{transform:scale(1.1)} #middle-photo-container .photo-gallery-item-container:nth-child(2n){margin-right:0} #right-photo-container{display:inline-block;vertical-align:top;margin:8.5% 0 0;width:22.37%} body:not(.hr) #right-photo-container .photo-gallery-item:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:0.5;transition:0.3s all} #right-photo-container .photo-gallery-item:first-child{padding-bottom:77.5%;margin-bottom:30px} body:not(.hr) #right-photo-container .photo-gallery-item:first-child:after{content:'';position:absolute;top:-89px;left:-183px;width:432px;height:380px;background:url('../images/photo-gallery-feather.png') center no-repeat;background-size:cover;transform:scaleX(-1);opacity:0.1;transition:0.3s all} body:not(.hr) #right-photo-container .photo-gallery-item:last-child:after{content:'';position:absolute;top:-7px;left:-102px;width:433px;height:380px;background:url('../images/photo-gallery-feather.png') center no-repeat;background-size:cover;transform:scaleX(-1);opacity:0.1;transition:0.3s all} .photo-gallery-item:hover:after, .photo-gallery-item:hover:before{opacity:0!important} .library #photo-gallery{padding:0 0 60px} .library #photo-gallery-left-dots{top:unset;bottom:-17px} .library #photo-gallery-right-dots{top:192px} .library #photo-gallery h2{margin:53px 0 0 1px} .library #photo-gallery h2:before{content:'THE GILB';width:100%;top:35px;transform:translateX(-49.8%);font-size:313px} .library #left-photo-container, .library #right-photo-container{margin:0} .library #middle-photo-container .photo-gallery-item-container{width:93.8%} .library #middle-photo-container .photo-gallery-item{padding-bottom:86.7%} #museum-item-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:0.6} #museum-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-98.5%);width:100%;text-align:center} #museum-info .btn{position:absolute;bottom:-55px} #museum-info #photo-button-dots{bottom:-74px;transform:translateX(-84%)} #museum-info h3{font-family:'Queste Grande';font-weight:900;font-size:48px;color:#fff;text-transform:capitalize;width:100%} .recreation footer, .library footer, .hr footer{padding:0;background:#fff} .recreation footer:before, .library footer:before, .hr footer:before{display:none} .recreation #top-footer-container, .library #top-footer-container, .hr #top-footer-container{width:1600px;max-width:100%;margin:0 auto;padding:64px 15px 63px;font-size:0} .recreation #top-footer-container, .hr #top-footer-container{width:1200px} .recreation #top-footer-container>div, .library #top-footer-container>div, .hr #top-footer-container>div{background:#fff;display:inline-block;vertical-align:top;width:calc(20% - 15px);height:254px;padding:15px 0 15px 39px} .recreation #top-footer-container>div, .hr #top-footer-container>div{width:calc(33.333% - 15px)} .recreation #top-footer-container>div:not(:last-of-type), .hr #top-footer-container>div:not(:last-of-type), .library #top-footer-container>div:not(:last-of-type){margin-right:15px} .recreation #top-footer-container>div ul, .library #top-footer-container>div ul, .hr #top-footer-container>div ul{padding:0;margin:37px 0 0;column-count:2;column-gap:4px} .library #top-footer-container>div .library-hours{column-count:1;column-gap:0} .library #top-footer-container>div .library-hours>li{line-height:2} .recreation #top-footer-container>div ul li, .hr #top-footer-container>div ul li, .library #top-footer-container>div ul li{display:block;margin:0;font-weight:600;font-size:14px;text-transform:capitalize;margin-bottom:12px} .recreation #top-footer-container>div ul li a, .library #top-footer-container>div ul li a, .hr #top-footer-container>div ul li a{color:#282828;text-decoration:none} .recreation #top-footer-container>div ul.library-contact, .hr #top-footer-container>div ul.library-contact, .library #top-footer-container>div ul.library-contact{column-count:1} .recreation #top-footer-container>div ul.library-contact li, .hr #top-footer-container>div ul.library-contact li, .library #top-footer-container>div ul.library-contact li{position:relative;padding:0 35px;margin-bottom:22px;text-transform:unset} .recreation #top-footer-container>div ul.library-contact li a, .hr #top-footer-container>div ul.library-contact li a, .library #top-footer-container>div ul.library-contact li a{word-break:break-all} .contact-icon{position:absolute;top:50%;left:0;transform:translateY(-50%);width:18px;height:17px} .recreation #top-footer h3, .hr #top-footer h3, .library #top-footer h3{position:relative;font-family:'Questa Grande';font-weight:700;font-size:20px;line-height:22px;color:#282828;text-transform:capitalize} .recreation #top-footer h3:after, .hr #top-footer h3:after, .library #top-footer h3:after{content:'';position:absolute;bottom:-11px;left:1px;width:75px;height:2px;background:#c39809} .library #top-footer-container{padding:66px 15px 61px} .recreation #bottom-nav h2 a, .library #bottom-nav h2 a{color:inherit;text-decoration:none} .recreation #bottom-footer, .hr #bottom-footer, .library #bottom-footer{width:1200px;max-width:100%;margin:0 auto;padding:44px 15px} .recreation #copyright, .hr #copyright, .library #copyright{color:#282828;padding:0;float:left} .recreation #revize-login, .hr #revize-login, .library #revize-login{float:right;padding:0} .recreation .powered-by-revize, .hr .powered-by-revize, .library .powered-by-revize{color:#282828;float:unset;text-align:unset;vertical-align:unset;margin:0 8px 0 0} .recreation #powered-by-revize-link, .hr #powered-by-revize-link, .library #powered-by-revize-link{color:#282828} .recreation #revize-login-link, .hr #revize-login-link, .library #revize-login-link{position:relative;color:#282828;float:unset;line-height:normal} .recreation #revize-login-link:before, .hr #revize-login-link:before, .library #revize-login-link:before{content:'';position:absolute;top:3px;left:0;bottom:0;width:2px;background:#747474;opacity:0.2} .recreation .flyout a, .recreation .flyout span{position:relative} .recreation .flyout a:after, /*.recreation .flyout span:after{content:'';position:absolute;bottom:0;left:70px;right:70px;height:1px;background:#fff}*/ .recreation .flyout ul a:after, .recreation .flyout ul span:after{display:none} .hr .flyout a, .hr .flyout span{position:relative} .hr .flyout a:after, /*.hr .flyout span:after{content:'';position:absolute;bottom:0;left:70px;right:70px;height:1px;background:#fff}*/ .hr .flyout ul a:after, .hr .flyout ul span:after{display:none} .recreation button, .hr button, .library button{background:#c39809} #freeform.recreation #flyout-col, #freeform.hr #flyout-col, #freeform.library #flyout-col{background:#f5eedb} #freeform.recreation .flyout-layer, #freeform.hr .flyout-layer, #freeform.library .flyout-layer{background:#e6dec9} #freeform.recreation .flyout-layer:nth-of-type(2), #freeform.hr .flyout-layer:nth-of-type(2), #freeform.library .flyout-layer:nth-of-type(2){background:#eee7d4} .library #search{position:relative} .library .search-form input{padding-right:283px} .library #search-filter{position:absolute;top:43px;right:136px;cursor:pointer} .library #search-filter:after{content:'';position:absolute;top:4px;left:-40px;width:1px;height:28px;background:#000;opacity:0.1} .library #search-filter-header:after{content:'\f107';font-family:'FontAwesome';position:relative;top:2px;margin-left:20px;font-size:18px} .library #search-filter span, .library #search-filter-header{position:relative;font-family:'Questa Grande';font-weight:700;font-size:20px;color:#000;text-transform:capitalize;background:#fff} .library #search-filter span{display:none;border-bottom:1px solid rgba(0,0,0,0.2)} .library #search button{position:absolute;top:26px;right:15px} #freeform.library #search button{position:static} /* ----------------------------------------- #share widget -----------------------------------------*/ .modal-content{overflow:hidden;box-shadow:none!important;border-radius:3px} .modal-header{background:#fff;border-color:#F4F9FD;text-align:center;padding:30px 60px;text-align:left} .modal-header h4{font-size:30px} .modal-header button{margin-top:2px!important;position:relative;font-size:25px} .modal-body{padding:40px 60px} .copylink{margin-bottom:40px} .copylink pre{border-color:#DBE7F0;background:#F4F9FD;border-width:1px} .modal-header button,.modal-header button:hover{color:#000!important;background:none} .share-btns{margin:0 0 20px} .share-btns a{display:block;border:1px solid #DBE7F0;text-align:center;height:170px;border-radius:3px;vertical-align:top;overflow:hidden;text-decoration:none;margin-bottom:20px} .share-btns i{display:block;line-height:170px!important;font-size:60px} .btn-facebook{color:#3b5998!important} .btn-twitter{color:#00ACED!important} .btn-google{color:#D34836!important} .btn-reddit{color:#ff5700!important} .btn-facebook:hover{border-color:#3b5998} .btn-twitter:hover{border-color:#00ACED} .btn-google:hover{border-color:#D34836} .btn-reddit:hover{border-color:#ff5700} .btn-lg{font-size:16px;padding:14px 30px;border:0;border-radius:3px} .floating-share-btn{position:fixed;z-index:99999;top:40%;right:0;height:50px;width:50px;border-radius:0;border:0;background:#ba422a!important;color:#fff!important;line-height:50px;padding:0;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center} /* ----------------------------------------- #bxslider -----------------------------------------*/ .bxslider, .bx-viewport, .bxslider li, .bx-wrapper{height:100%!important} .bx-wrapper{position:relative;margin:0;padding:0;*zoom:1;overflow:hidden} .bx-wrapper *{margin:0;padding:0} .bx-wrapper img{max-width:100%;display:block} .bxslider{list-style:none} .bxslider > li:nth-child(n+1){display:none} /* pager */ .bx-wrapper .bx-pager{text-align:center} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline} .bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background:#000} /* direction controls */ .bx-wrapper .bx-controls-direction a{width:32px;height:32px;margin:-20px 0 0;display:block;background:url(../images/slider-nav.png) no-repeat 0 0;position:absolute;z-index:51;top:50%;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .bx-wrapper .bx-controls-direction a.disabled{display:none} .bx-wrapper .bx-prev{left:-40px} .bx-wrapper .bx-next{right:-40px;background-position:100% 0!important} .bx-wrapper:hover .bx-next{opacity:0.6;right:20px} .bx-wrapper:hover .bx-prev{opacity:0.6;left:20px} .bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover{opacity:1} /* ----------------------------------------- #media queries -----------------------------------------*/ @media only screen and (max-width:1440px) { #photo-gallery h2:before, .library #photo-gallery h2:before{font-size:280px;top:38px} } @media only screen and (max-width:1367px) { #translation-links ul{width:958px} .recreation #top-footer-container>div, .library #top-footer-container>div{width:calc(33.3333% - 15px);margin-bottom:15px} .recreation #top-footer-container>div:nth-of-type(4), .library #top-footer-container>div:nth-of-type(4), .recreation #top-footer-container>div:nth-of-type(5), .library #top-footer-container>div:nth-of-type(5){width:calc(50% - 15px)} } @media only screen and (max-width:1279px) { #nav{margin-right:0} #nav>li>a, #nav>li>span{padding-left:14px;padding-right:14px} .bottom-nav-links>li:not(:first-of-type)>a, .bottom-nav-links>li:not(:first-of-type)>span{margin-left: 10px;} .bottom-nav-links>li:not(:last-of-type)>a:before, .bottom-nav-links>li:not(:last-of-type)>span:before{right:-11px} .bottom-nav-links>li:not(:first-of-type), .bottom-nav-links>li:not(:first-of-type) {margin-left:10px} #photo-container{padding:0 30px} #photo-gallery h2:before, .library #photo-gallery h2:before{font-size:220px;top:18px} #photo-gallery-left-dots{width:428px;height:353px;top:75px} #photo-gallery-right-dots{width:166px;height:353px;top:172px} } @media only screen and (max-width:1151px) { #nav>li>a, #nav>li>span{padding-left:10px;padding-right:10px;padding:15px 10px 41px;font-size:16px} #google-translate .goog-te-gadget-simple{width:auto} .calendar-tab:last-of-type{width:112px} .calendar-tab{width:132px;font-size:14px;padding:16px 0} .calendar-tab:nth-of-type(2){width:150px} #bottom-nav h2{font-size:26px} .bottom-nav-links li a, .bottom-nav-links li span{font-size:14px} .bottom-nav-links>li:not(:first-of-type)>a, .bottom-nav-links>li:not(:first-of-type)>span{margin-left:15px} .bottom-nav-links>li:not(:last-of-type)>a:before, .bottom-nav-links>li:not(:last-of-type)>span:before{right:-8px} } @media only screen and (max-width:1079px) { .tweet_list>li:nth-of-type(3n){margin:0 calc((100% - 678px) / 4) 49px} .tweet_list>li:nth-of-type(3n+1){margin:0 calc((100% - 678px) / 4) 49px} .tweet_list>li:nth-of-type(3n+2){margin:0 calc((100% - 678px) / 4) 49px;top:0} } @media only screen and (min-width:992px) { #nav>li:nth-child(2)>a, #nav>li:nth-child(2)>span, #nav>li:nth-child(3)>a, #nav>li:nth-child(3)>span, #nav>li:nth-child(4)>a, #nav>li:nth-child(4)>span, #nav>li:nth-child(5)>a, #nav>li:nth-child(5)>span, #nav>li:nth-child(6)>a, #nav>li:nth-child(6)>span {pointer-events:none} #nav .focused .toggle,#nav .focused .toggle2,.flyout .focused .toggle{display:inline-block;margin-left:8px} .flyout .focused .toggle,#nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} #flyout,#nav{display:block!important} /* #nav>li:first-of-type>a, #nav.li:first-of-type>span{color:#c39809} */ /* #nav>li:hover>a, #nav>li:hover>span{border-bottom:5px solid #ba422a} */ #nav>.has-ul:hover>a,#nav>.has-ul:hover>span{border-bottom:5px solid #ba422a} #nav>li:hover>ul{display:block} #nav ul{display:none;position:absolute;top:100%;left: calc(50% - 330px);z-index:100;margin:0;padding:35px 20px 20px;width: 850px;-moz-column-count:4;-moz-column-gap:40px;-webkit-column-count:4;-webkit-column-gap:40px;column-count:4;column-gap:40px;padding:20px;} #nav ul:before{content:"";display:block;position:absolute;top:11px;left:0;right:0;bottom:0;background:#fff} #nav li.mega-nav-featured{display:block;width: 255px;} .mega-nav-featured img{width: 100%;margin-bottom: 15px;} .mega-content{width: 100%;padding: 2px 0px;display:inline-block} .mega-content h3{font-size:18px;font-weight:700;color:#000;margin:0 0 12px 0px} .mega-content span{padding-left:1px;font-size:14px;} .mega-content .mega-nav-learnmore{font-size:14px;font-weight:600;font-style:italic;color:#000;text-decoration:none;display:block;margin-top:14px} #nav li>a, #nav li>span{border-bottom:5px solid rgba(0,0,0,0)} #nav>li:hover>a,#nav>li:hover>span{color:#c39809} .mega-nav-featured ul{display:none} #nav ul>li{width:100%;position:relative;display: block;page-break-inside: avoid;} #nav ul.mega-menu-with-content{-moz-column-count: 3;-moz-column-gap: 10px;-webkit-column-count: 3;-webkit-column-gap: 10px;column-count: 3;column-gap: 10px;padding: 37px 20px 20px;} #nav>li:nth-of-type(2)>ul.mega-menu-with-content{-moz-column-count: 4;-moz-column-gap: 20px;-webkit-column-count: 4;-webkit-column-gap: 20px;column-count: 4;column-gap: 20px;width: 1000px;max-width:100%;left: calc(50% - 420px);} #nav>li:nth-of-type(2)>ul.mega-menu-with-content>li.menuLI{padding-left: 25px;} #calendar-section{height:800px} .flyout>li:after>a, .flyout>li:after>span{content:"";position:absolute;bottom:0px;left:16%;right:20%;border-bottom:1px solid #fff} .flyout>li>a:hover:after, .flyout>li>span:hover:after{display:none} .flyout>li:last-of-type>a:after, .flyout>li:last-of-type>span:after{display:none} .flyout li:hover>a, .flyout li:hover>span{background:#ba422a} .flyout ul>li:hover>a, .flyout ul>li:hover>span{background:rgba(0,0,0,.3)} @-moz-document url-prefix(){#nav>li>ul>li{display:inline-block}} #nav ul ul {display:block;position:static;padding: 0 0 5px;margin:0;width:auto;column-count:auto;font-size:14px} #nav ul ul:before{content:none} #nav ul ul>li {padding: 2px 0} #nav ul ul a, #nav ul ul span{color:#ba422a} .recreation #bottom-nav h2,.hr #bottom-nav h2 {display:inline-block;padding-bottom:30px} .recreation .bottom-nav-links{float:right;margin-top:32px;margin-left:0} .bottom-nav-links li:hover ul{display:block} .bottom-nav-links ul{position:absolute;top:100%;left:-21px;right:-109px;background:#00345b} .bottom-nav-links ul li{display:block;margin-bottom:0;padding:0 20px;transition:0.3s all} .bottom-nav-links ul li:hover{background:#ba422a} .bottom-nav-links ul li a{margin:0;padding:15px 0;font-size:14px} .bottom-nav-links ul li:not(:last-of-type) a{border-bottom:1px solid rgba(255,255,255,0.1)} .bottom-nav-links>li:hover>a:after, .bottom-nav-links>li:hover>span:after{content:'';position:absolute;bottom: 24px;left:1px;right:-3px;height:3px;background:#c39809;} .recreation #search{padding-right:25px} #popular-links .owl-prev:hover, #popular-links .owl-next:hover, #flipper-list .owl-prev:hover, #flipper-list .owl-next:hover{height:175px} .popular-link:hover{transform:scale(1.1);z-index:1} .popular-link:hover:after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:#ba422a} .popular-link:hover .popular-img{background:url('../images/popular-hover.jpg') center no-repeat!important;background-size:cover} } @media only screen and (max-width:991px) { #translation-links{top:85px} /* rz form tables - without page scope this targets editforms and makes * editing confusing */ #freeform #formwizziwmorf tr,#freeform #formwizziwmorf tr td{display:block!important} #freeform #formwizziwmorf tr table tr{display:table-row!important} #freeform #formwizziwmorf tr table td{display:table-cell!important} .toggle, .toggle2, #nav-toggle{display:inline-block;cursor:pointer} .down-arrow{display:none} /* if not hidden above */ #nav{display:none;float:none;margin:120px -15px 0} #nav li{float:none;display:block;position:relative;height:auto!important;display:block!important} #nav li.mega-nav-featured{display:none!important} #nav li a, #nav li span{padding:20px 30px;line-height:1;border-bottom:1px solid rgba(0,0,0,.2);background:none;font-size:14px} #nav ul{display:none;position:static;top:0;padding:0;background:rgba(0,0,0,.2);margin:0} .bottom-nav-links ul{background:rgba(0,0,0,0.2)} #nav li:hover > ul{display:none} #nav ul a, #nav ul span{width:100%} #nav ul ul{left:0} #nav .toggle, #nav .toggle2, .bottom-nav-links .toggle{position:absolute;right:0;top:0;background:rgba(0,0,0,.2);height:55px;width:55px;line-height:55px;text-align:center} #nav li li:hover > a{background:none;color:#fff} #freeform #nav li{margin-top:0!important} #google-translate{display:block;} #translation-links ul{height:400px;width:250px;overflow:scroll} #translation-links ul li{width:100%;float:none} #hanging-translate{display:none} #header{padding:15px} #header nav{width:100%} #slider h1{font-size:100px} #calendar-section h2{margin-bottom:25px} #calendar-wrap{padding:0} #news-main-list,#news-list{float:none;width:100%;padding:0} #footer .col-md-3{float:left;width:50%;padding:0 15px} .mobile-clearfix:after{content:"";display:table;clear:both} .calendar-header .calendar-tab{width:100%!important} #flyout-wrap{padding-top:25px} #flyout-toggle{margin-left:20px} #main>.main-wrap>*{width:100%;float:none} #flyout-wrap>.flyout{display:none} .flyout-header{margin-left:20px;margin-bottom:20px} .flyout li a, .flyout li span{padding:20px 30px;line-height:1;border-bottom:1px solid rgba(0,0,0,.2);background:none;font-size:14px} .flyout ul{position:static;left:0;padding:0;background:rgba(0,0,0,.2)} .flyout ul a, .flyout ul span{width:100%} .flyout li:hover > ul{display:none} .flyout i.toggle{position:absolute;right:0;top:0;background:rgba(0,0,0,.2);height:54px;width:54px;line-height:54px;text-align:center;color:#fff} #flyout-wrap .flyout-answer{padding:15px;border:0} #entry{padding:64px 15px} #freeform #search{position:relative!important;top:15px!important;left:0!important;display:none;margin-top:150px!important;max-width:100%;padding-bottom:15px!important;width:100%!important;pointer-events:none} #freeform #search input{color:#00345b!important;margin:auto!important;width:100%!important;display:block!important;border:1px solid #00345b!important;height:70px!important;font-size:16px!important;pointer-events:all} #freeform #search input::placeholder{color:#00345b!important} #freeform #search label{color:#00345b;top:36px;left:15px} #freeform #search button{display:none} #freeform.recreation #search form, #freeform.library #search form{margin-bottom:15px} #bottom-nav{display:none;top:calc(100% - 15px)} #bottom-nav h2{float:unset;margin:15px 0} .bottom-nav-links{float:unset;margin:0 -15px} .bottom-nav-links li {display:block} .bottom-nav-links li a, .bottom-nav-links li span{padding:20px 30px} .bottom-nav-links li:not(:last-of-type) a:before, .bottom-nav-links li:not(:last-of-type) span:before{content:'';position:absolute;bottom:0;top:unset;left:0;width:100%;height:1px;background:#fff;opacity:0.2} .bottom-nav-links>li:not(:first-of-type)>a, .bottom-nav-links>li:not(:first-of-type)>span{margin:0} #translate-bg{display:none} .recreation #slider, .library #slider, .hr #slider{height:550px} #events-button-dots, #photo-button-dots{width:109px;height:60px} #events-button-dots{bottom:105px} #photo-button-dots{bottom:45px} #popular-container h2{margin:0} #popular-links,#flipper-list{padding:0 75px;margin-top:15px} .popular-link h3{width:75%} #photo-gallery-left-dots{top:140px;left:0} #photo-gallery-right-dots{top:430px;right:0} #photo-container{padding:0 15px} #photo-gallery h2, .library #photo-gallery h2{margin-top:26px} #photo-gallery h2:before, .library #photo-gallery h2:before{font-size:170px} #left-photo-container, #middle-photo-container, #right-photo-container{width:calc(33.33% - 20px);margin-top:0} #left-photo-container, #middle-photo-container{margin-right:30px} #left-photo-container .photo-gallery-item, #middle-photo-container .photo-gallery-item, #right-photo-container .photo-gallery-item{width:100%;padding-bottom:0!important;height:250px} #middle-photo-container .photo-gallery-item-container{width:100%} #left-photo-container .photo-gallery-item:before, #left-photo-container .photo-gallery-item:after, #right-photo-container .photo-gallery-item:before, #right-photo-container .photo-gallery-item:after, #middle-photo-container .photo-gallery-item-container:nth-of-type(3), #middle-photo-container .photo-gallery-item-container:nth-of-type(4){display:none} .library #middle-photo-container{float:right;width:100%;margin:0 0 30px} .library #middle-photo-container .photo-gallery-item-container{width:100%;margin:0} .library #left-photo-container, .library #right-photo-container{width:calc(50% - 15px)} .library #left-photo-container{margin-right:30px} .library #left-photo-container .photo-gallery-item, .library #middle-photo-container .photo-gallery-item, .library #right-photo-container .photo-gallery-item{height:350px} #museum-info #photo-button-dots{bottom:-65px} #events-container h2{margin-left:0;font-size:60px} .recreation #top-footer-container>div, .library #top-footer-container>div{display:block;width:100%!important;padding:15px;height:auto} .recreation #top-footer-container>div:not(:last-of-type), .library #top-footer-container>div:not(:last-of-type){margin:0 0 30px} .recreation #top-footer h3, .library #top-footer h3{margin-top:0} .recreation #top-footer-container>div ul, .library #top-footer-container>div ul{column-gap:30px} .recreation #bottom-footer, .library #bottom-footer{font-size:14px} .library #events-container h2{float:unset} #tabs{float:unset;margin:30px 0} .recreation .flyout a:after, .recreation .flyout span:after{display:none} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width:767px) { .floating-alert{width:auto;right:0;left:0;border:0;bottom:0;border-radius:0;padding-left:15px;padding-right:15px} .floating-alert{font-size:12px} .floating-alert h1{margin-bottom:10px;font-size:14px} .floating-alert .btn{font-size:10px;padding:7px 12px!important} .share-btns a{height:auto;padding:10px;width:100%;font-size:12px;white-space:nowrap;overflow:hidden} .share-btns i{display:block;line-height:50px!important;font-size:20px} #footer .col-md-3{float:none;text-align:center;padding:0;margin:auto} #footer hr{margin:30px 0} #footer .col-md-4{float:none;text-align:center} #twitter-links{margin:15px 0} #revize-login>*{float:none} #news h2:after, #social h2:after{max-width:100%;overflow:hidden;left:0} #calendar-section h2{margin-top:25px;font-size:45px} .tweet_list>li{float:none!important;margin:0 auto 15px!important;width:100%;min-height:275px;height:auto} .tweet_text{position:static;display:block;margin-top:104px;margin-bottom:62px} .tweet_list>li:before{left:30px;top:20px} .tweet_time a{left:80px;top:20px} .tweet_name{left:80px} #popular-container h2{font-size:40px} .popular-link h3{width:100%} #photo-gallery h2, .library #photo-gallery h2{font-size:40px;line-height:normal} #photo-gallery h2 span{font-size:16px} #photo-gallery-right-dots{top:700px} #photo-gallery h2:before{font-size:130px;top:-50px} .library #photo-gallery h2:before{font-size:124px;top:-60px} #left-photo-container, #middle-photo-container, #right-photo-container, .library #left-photo-container, .library #right-photo-container{display:block;width:100%;margin:0} #left-photo-container .photo-gallery-item, #middle-photo-container .photo-gallery-item-container, #right-photo-container .photo-gallery-item{display:inline-block;width:calc(50% - 15px);vertical-align:top} #left-photo-container .photo-gallery-item:first-of-type, #right-photo-container .photo-gallery-item:first-of-type{margin-right:30px} .library #left-photo-container .photo-gallery-item, .library #middle-photo-container .photo-gallery-item, .library #right-photo-container .photo-gallery-item{height:300px} #museum-info h3{font-size:40px} } @media only screen and (max-width:574px) { #logo{width:75px} #text-logo{margin-left:80px;width:156px} #nav{margin-top:100px} #photo-gallery h2:before{font-size:100px;top:-30px} .library #photo-gallery h2:before{font-size:100px;top:-45px} .library #left-photo-container .photo-gallery-item, .library #middle-photo-container .photo-gallery-item, .library #right-photo-container .photo-gallery-item{height:250px} } @media only screen and (max-width:511px) { #calendar-section h2{margin-top:5px;font-size: 31px} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width:480px) and (max-width:767px) {} /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width:479px) { .news-content{top:8px;left:185px;right:15px;bottom:15px} .news-content .news-title{font-size:16px;line-height:16px} .button-all-calendar{margin-left:0} #slider h1{font-size:77px;line-height:77px} #photo-gallery h2:before{font-size:80px;top:-15px} .library #photo-gallery h2:before{font-size:80px;top:-25px} #photo-gallery-left-dots{width:357px;height:294px} #photo-gallery-right-dots{width:138px;height:294px;top:600px} #left-photo-container .photo-gallery-item, #middle-photo-container .photo-gallery-item, #right-photo-container .photo-gallery-item{height:200px} .library #left-photo-container .photo-gallery-item, .library #middle-photo-container .photo-gallery-item, .library #right-photo-container .photo-gallery-item{height:200px} .recreation #bottom-footer, .library #bottom-footer{font-size:12px} .recreation #revize-login-link, .library #revize-login-link{padding-left:7px} .recreation .powered-by-revize, .library .powered-by-revize{margin-right:0} #tabs li a{font-size:16px} #tabs li:not(:first-of-type) a{margin-left:15px} #tabs li:not(:first-of-type) a:before{left:-10px} .header, #page-title{font-size:40px} } @media print { .nav-wrap, .sidebar, #flyout-wrap, .breadcrumbs .e-notify{display:none!important} a[href]:after{content:none!important} body>*{display:none} #main{display:initial;width:100%} #entry{width:100%;padding:0 15px} #flyout-col{display:none} #breadcrumbs a:after{content:">"!important} }