/*----------------------------------------------------------------------------------- Theme Name: Upper St. Clair Township Front-end developer: Hayk Galoyan Author Design: Samir Alley @samiralley | Alex Parent | Ying Liu | Kat Wiard | Nasryn Abou-Arabi Author URI: http://www.revize.com/ Date: 04/09/2020 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #fonts -----------------------------------------*/ @font-face { font-family: 'Baker Signet'; src: url('../fonts/BakerSignet.woff2') format('woff2'), url('../fonts/BakerSignet.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Modernica Black'; src: url('../fonts/Modernica-Black.woff2') format('woff2'), url('../fonts/Modernica-Black.woff') format('woff'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Modernica Regular'; src: url('../fonts/Modernica-Regular.woff2') format('woff2'), url('../fonts/Modernica-Black.woff') format('woff'); font-weight: normal; font-style: normal; } /* ----------------------------------------- #basic styles -----------------------------------------*/ body{background:#fff;font-size:17px;line-height:1.9;font-family:'Modernica Regular';font-weight:normal;color:#111;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;overflow-x:hidden;top:0!important} /* ----------------------------------------- #typography -----------------------------------------*/ 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:36px} h2{font-size:32px} h3{font-size:28px} h4{font-size:21px} h5{font-size:16px} h6{font-size:14px} .header{font-family:'Modernica Black';font-weight:900;font-size:52px;color:#a72c29;text-transform:capitalize;letter-spacing:-0.4px;line-height:1;margin-bottom:30px} .subheader{font-family:'Modernica Black';font-weight:900;font-size:40px;color:#a72c29;text-transform:capitalize;letter-spacing:-0.4px;line-height:1;margin-bottom:25px} 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 -----------------------------------------*/ t{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} 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 -----------------------------------------*/ .btn a{color:white;text-decoration:none} .button, a.button, button, input[type="submit"], input[type="reset"], input[type="button"], .btn{padding:10px 20px;background:#A72C29;color:#fff!important;border:0;border-radius:0;display:inline-block;font-size:12px;font-weight:700!important;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;font-family:sans-serif;text-transform:uppercase;transition:all .3s} .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:#ce3935} .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:#ce3935} 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 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} body:not(#homepage) .floating-alert{/*! display:none */} .floating-alert h2{color:#ffc140;margin:0 0 10px;font-family:sans-serif;font-weight:bold;text-transform:uppercase;font-size:18px} .floating-alert .btn{margin:20px 0 0 0!important} .floating-alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin-right:20px} /* ----------------------------------------- #rz edit -----------------------------------------*/ .centerBtns{position: absolute;left: 0;right: 0;text-align: center;z-index: 999;top: 80px;} .social_park_rec-btn{position:absolute} .sliderbtn{top:200px} .social_feed-btn, .news-btn, .qlinks-btn, .news-list-btn{text-align:center} .rzBtn{background:#A72C29!important} /* ----------------------------------------- #main -----------------------------------------*/ a:focus{outline:1px dotted} .container{width:1390px;max-width:100%;margin:0 auto;padding:0 15px} #skip{display:block !important;position:fixed;left:-100%;top:-100%;transition:all .3s;z-index:999} #skip:focus{left:50px;top:50px} #calendarEvent{left:0px;max-height:500px;overflow-y:auto;margin:0 auto} .text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .toggle{display:none} .app-title{font-family:'Modernica Black';font-weight:900;font-size:42px;color:#a72c29;text-transform:uppercase;text-align:center;margin-top:0;margin-bottom:12px} .app-btn{display:inline-block;font-family:'Modernica Regular';font-weight:normal;background:#fff;font-size:24px;color:#000;border:4px dotted #c2c2c2;border-radius:50px;padding:4px 51px;text-transform:capitalize;text-decoration:none;transition:all .3s} .app-btn span{text-transform:uppercase;color:#a72c29} .app-btn:hover{color:#000;text-decoration:none;border-style: double} header{position:relative;z-index:200} #header-top{height:48px;background:#fff} #header-top-left{display:inline-flex;align-items:center;height:48px} .header-top-left-link{display:inline-flex;align-content:center;align-items:center;font-family:'Baker Signet';font-weight:500;font-size:18px;color:#000;text-decoration:none;text-transform:capitalize;margin-right:30px;height:100%;transition:all 320ms} .header-top-left-link:not(:last-child)::after{content:'';display:inline-block;width:2px;height:100%;background:#d9d9d9;margin-left:40px} .header-top-left-link:hover{color:#C1312E;text-decoration:none} #recreation-icon{width:30px} #library-icon{width:30px} #calendar-icon{width:26px} .header-top-left-link-text{display:inline-block;margin-left:14px} #header-top-right{display:inline-flex;align-items:center;position:absolute;top:0;right:0;height:48px} /* Google translate */ #translation-links{display:inline-block;padding:0;margin:0} #translate-button{border:none;background:none;padding:0;margin:0;font-family:'Baker Signet';font-weight:600!important;font-size:18px;letter-spacing:2px;color:#c1312e!important} #translation-links li{position:relative;margin:0;list-style:none} #translation-links ul{padding:30px;margin:0;position:absolute;top:36px;right:0;width:700px;background:#fff;display:none;box-shadow:0 2px 15px 0 rgba(0,0,0,0.2)} #freeform #translation-links ul{top:156px} #translation-links ul li{float:left;width:25%;padding-right:15px;padding:5px 15px 5px 0} .goog-te-banner-frame{display:none} /* Social */ #social-media-links{display:inline-flex;margin-left:7px;position:relative;top:0} .social-media-link{display:inline-flex;justify-content:center;align-items:center;background:#b2b2b2;border-radius:50%;width:23px;height:23px;color:#fff;text-decoration:none;margin-left:12px;transition:all 320ms;} .social-media-link i{display:inline-block;font-family:FontAwesome;font-size:13px;} .social-media-link:hover{color:#b2b2b2;background:#fff;text-decoration:none} #usc-notify-911{display:inline-flex;align-items:center;font-family:'Baker Signet';font-weight:500;font-size:18px;color:#fff;background:#ab2d2a;padding:0 43px 0 33px;text-transform:uppercase;height:100%;text-decoration:none;letter-spacing:1px;margin-left:30px} #usc-notify-911:hover{background:#b2b2b2;text-decoration:none} #header-bottom{background-color:#fff;box-shadow:0 5px 60px 0 rgba(0,0,0,0.12);height:120px} #header-bottom-in{position:relative;z-index:200;height:120px} .sticky{position:fixed;top:0;width:100%;z-index:200} #homepage #header-bottom.sticky ~ #main #quick-links{padding-top:203px;} .logo-wrap{width:19%;position:relative} #logo{display:inline-block;display:flex;align-items:center;height:120px} #logo img{width:238px} .nav-wrap{width:51%;padding:0} #nav .toggle, #nav .toggle2, #flyout .toggle{display:none;padding:0!important;font-family:FontAwesome} #nav{margin:0;padding:0} #nav li{position:relative;margin:0;display:inline-block} #nav a,#nav span{display:block;font-size:15px;font-family:'Modernica Regular';font-weight:normal;font-size:20px;color:#000;text-decoration:none;text-transform:uppercase;padding:47px 20px;transition:all 320ms;letter-spacing:0.8px;} #nav ul{padding:0;margin:0;display:none;text-align:left} #nav ul li{width:100%} #nav ul a,#nav ul span{font-size:18px;padding:10px 15px!important;text-align:left;width:100%;text-transform:capitalize} .first-level ul.second-level{left:100%!important;top:auto;bottom:0} .reverse{top:100%!important;bottom:auto!important} .reverse ul.second-level{left:100%!important;top:0;bottom:auto} .share-search-wrap{width:30%} #share-search{justify-content:space-between;height:120px;align-items:center} .app-share-btn{padding:0;margin:0 10px 0 7px;background:none} .app-share-btn:hover{background:none} #share-icon{width:23px} /* Search */ #search form{position:relative;display:inline-block;margin-bottom:0} #search input{max-width:233px;height:40px;padding:4px 40px 4px 20px;font-family:'Modernica Regular';font-weight:normal;font-size:20px;color:#000;border:none;background:rgba(194, 194, 194, 0.2);border-radius:20px} #search button{position:absolute;top:50%;transform:translateY(-50%);right:14px;background:none;border:none;cursor:pointer;outline:none;margin:0;padding:0} #search button img{width:19px} #search input::-webkit-input-placeholder{font-family:'Modernica Regular';font-weight:normal;font-size:20px;color:#000;text-transform:capitalize} #search input:-moz-placeholder{font-family:'Modernica Regular';font-weight:normal;font-size:20px;color:#000;text-transform:capitalize} #search input::-moz-placeholder{font-family:'Modernica Regular';font-weight:normal;font-size:20px;color:#000;text-transform:capitalize} #search input:-ms-input-placeholder{font-family:'Modernica Regular';font-weight:normal;font-size:20px;color:#000;text-transform:capitalize} /* Section quick-links */ #quick-links{padding:83px 0 0} #quick-links .app-title{font-size:52px;text-transform:capitalize} #quick-links .container{width:1470px} #quick-links-slider.owl-carousel .owl-item{padding:40px 0} .quick-link{display:flex;align-items:center;background:#fff;text-decoration:none;height:200px;width:100%;border-radius:10px;box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.25)} .quick-link::before{content:'';width:108%;height:82%;border:4px solid #c2c2c2;border-radius:10px;position:absolute;top:9%;left:-4%;opacity:0;transition:all 320ms} .quick-link-icon-box{display:flex;width:45%;justify-content:center;align-items:center;transition:all 500ms;margin:0 -5% 0 3%} .quick-link img{display:inline-block;width:auto!important;transform:scale(0.5);transition:all 320ms} .quick-link-data{display:flex;flex-wrap:wrap;align-content:center;width:55%;padding-bottom:7px;overflow:hidden;height:200px;overflow:auto;padding-right:10px} .quick-link-data::after{content:'';display:block;width:85%;border-bottom:4px dotted #c2c2c2;height:4px;margin-top:10px} .quick-link-title{text-align:left;font-family:'Baker Signet',sans-serif;width:100%;font-weight:500;font-size:24px;color:#000;text-transform:capitalize;line-height:1.2;transition:all 320ms;word-wrap:break-word} .quick-link:hover, .quick-link:focus{text-decoration:none} .quick-link:hover{background:#000} .quick-link:hover .quick-link-data::after{border-color:#a72c29} .quick-link:hover::before{opacity:1} .quick-link:hover .quick-link-title{color:#fff} #quick-links .owl-item:not(.active) .quick-link{box-shadow:none;pointer-events:none} #quick-links .owl-controls{display:none} #quick-links .owl-dots{display:none} /* Section news-events */ #news-events{min-height:930px;padding:94px 0 75px;background:url(../images/forest.png) center -15px no-repeat} #news-events .app-title{letter-spacing:1.5px} .events-wrap{text-align:center;padding:0 50px} #events-news .container{width:1395px} #events-news::before{content:'';position:absolute;left:0;top:0;height:60px;width:100%;background:url(../images/events-news-top-overlay.png) left bottom repeat-x} #events-box{height:700px;text-align:left;margin-top:39px;margin-bottom:14px;overflow:hidden} #events-box iframe{width:100%} .news-wrap{padding:0 33px 0 25px} .news-slide-box{padding:27px 30px} .news-bottom{margin-top:38px} .news-bottom .container{width:1260px} .news{display:block;text-decoration:none;box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.15);transition:all .3s;border-radius:10px} .news:not(:last-child){margin-bottom:30px} .news-banner-wrap{height:193px;overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px} .news-banner{height:193px;transition:all 1s} .news-info{padding:25px 20px 18px 47px;background-color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px} .news-title{font-family:'Baker Signet',sans-serif;font-weight:500;font-size:32px;color:#000;margin-top:6px;margin-bottom:0} .read-more-date{font-family:'Modernica Regular',sans-serif;font-weight:normal;font-size:20px;color:#c2c2c2} .read-more{display:inline-block;font-size:20px;color:#a72c29;text-decoration:none;text-transform:uppercase;transition:all 320ms} .read-more::after{content:'';display:inline-block;width:5px;height:5px;background:#a72c29;margin:0 9px 4px 13px;border-radius:50%} .news:hover{text-decoration:none} .news:hover .news-banner{transform:scale(1.05)} .news-owl-arrows{display:inline-block;margin-left:9px;position:relative;top:-1px} .news-owl-arrows div{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;margin-left:8px;width:60px;height:60px;border:4px dotted #a72c29;border-radius:50%} .news-owl-arrows div:hover{border-style:double} .news-owl-arrows div img{width:20px} .news-btns{text-align:center;margin-top:21px} .news-btns .app-btn{margin-bottom:20px} /* Section social-feeds */ #social-feeds{min-height:810px;background:url(../images/social-bg.jpg) left top/cover no-repeat;padding:83px 0} #social-feeds .app-title{text-transform:capitalize;color:#fff;font-size:52px} .feed-links-wrap{border-top:4px dotted #cf7c79;border-bottom:4px dotted #cf7c79;display:flex;flex-wrap:wrap;justify-content:space-between;font-family:'Modernica Regular',sans-serif;font-weight:400;font-size:28px;color:#111;margin:17px 0 25px;padding:10px 0 11px} #tabs-content{min-height:450px} .tab-content{display:none;animation: fadeEffect 1s;} .tab-content.current{display:block} #revize-main-wrap .tab-content{display:block;animation: none;} #town-feed-links,#tabs{display:inline-block;margin:0;padding:0;list-style:none} #tabs{position:relative;top:-2px} #town-feed-links li,#tabs li{display:inline-block} #town-feed-links li:not(:first-child)::before{content:'';display:inline-block;width:6px;height:6px;background:#fff;margin:0 26px 4px;border-radius:50%} .filter-text{margin-right:16px} .town-feed-link{cursor:pointer;font-family:'Modernica Black';font-weight:900;color:#fff;text-decoration:underline} .town-feed-link.inactive{font-family:'Modernica Regular',sans-serif;font-weight:400;color:#111;text-decoration:none} .tab-link{display:inline-flex;justify-content:center;align-items:center;width:30px;height:30px;background:#3e000a;color:#fff;border-radius:50%;cursor:pointer;transition:all 320ms;text-decoration:none;margin-left:16px} .tab-link:hover,.tab-link:focus{color:#fff;text-decoration:none} #tabs .current .tab-link{background:#fff;color:#b93a3c} .tab-link i{display:inline-block;font-family:FontAwesome;font-size:16px} #instagram-tab-label{/*! display:none; */} /* socials */ .media-head{display:flex;padding:41px 9% 6px} .media-head .media-object-link{display:inline-block;width:94px;margin-right:25px} .media-head .media-object{display:inline-block;width:100%} .title-time-wrap{width:calc(100% - 94px)} .facebook-feed{display:flex;justify-content:space-between;flex-wrap:wrap} .social-feed-element{width:31%;overflow:auto;position:relative;border-radius:13px;background:#fff;display:inline-block} .author-title{font:500 32px 'Baker Signet',serif;color:#000;line-height:1} .soc-time-ago{font:normal 24px 'Modernica Regular',serif;color:rgba(0, 0, 0, 0.302)} .social-feed-element .attachment{display:none} .social-feed-element .content .media-body{display:block;width:100%;padding:22px 9% 24px} .social-feed-element .content .social-feed-text{display:flex;flex-direction:column;font:normal 24px 'Modernica Regular',serif;color:#000;line-height:1.3;margin:0} .social-feed-element .content .read-button{display:inline-block;font:normal 24px 'Modernica Regular',serif;color:#c1312e;text-transform:uppercase;text-decoration:none;margin-top:50px} .social-feed-element .content .read-button:hover{color:#c1312e;text-decoration:none} .town-tab-data{display:flex;justify-content:space-between} .tweet_list{width:100%;padding:0;margin:0;list-style:none;display:flex;justify-content:space-between} .tweet_list li{display:flex;flex-wrap:wrap;background:#fff;width:31%;border-radius:13px;padding:38px} .tweet_time{display:block;width:100%} .tweet_time a{display:inline-block;font:normal 24px 'Modernica Regular',serif;color:rgba(0,0,0,0.302);text-decoration:none} .tweet_time a:hover{text-decoration:none;color:rgba(0,0,0,0.302)} .tweet_join{display:block;width:100%} .tweet_text{display:block;width:100%;font:normal 24px 'Modernica Regular',serif;color:#000;line-height:1.3} .tweet_text a{word-break:break-all} /* Footer */ footer{min-height:330px;background:#dadada;padding:76px 0 40px} footer .col-md-3:nth-of-type(1) .footer-data-box{text-align:center;margin:1px 0 0 -53px} footer .col-md-3:nth-of-type(2) .footer-data-box{padding-left:32px} footer .col-md-3:nth-of-type(3) .footer-data-box{margin-left:-19px} footer .col-md-3:nth-of-type(4) .footer-data-box{padding-left:27%} footer .col-md-3:nth-of-type(4) .footer-data-box .footer-lists-title{margin:0} .delimiter{position:relative} .delimiter::before{content:'';position:absolute;left:-22px;top:2px;width:2px;height:100%;z-index:200;background-color:rgba(0, 0, 0, 0.102)} footer .col-md-3:nth-of-type(3) .delimiter::before{left:-53px} footer .col-md-3:nth-of-type(4) .delimiter::before{left:23px} #footer-logo{display:inline-block} #footer-logo img{width:238px} .footer-address{font-family:'Modernica Regular',sans-serif;font-weight:normal;font-size:18px;color:#000;text-align:center;letter-spacing:0.3px;margin:22px 0 -5px;line-height:1.35} .footer-phone-email{text-align:center} .footer-phone{display:inline-block;font-family:'Modernica Black';font-weight:900;font-size:18px;color:#c1312e;transition:all 320ms;text-decoration:none;letter-spacing:0.3px} .footer-phone:first-child::after{content:'';display:inline-block;width:2px;height:16px;background:#000;margin:0 7px 0 11px;position:relative;top:3px} .footer-phone:hover, .footer-phone:focus{color:#000;text-decoration:none} .footer-lists-title{font-family:'Baker Signet';font-weight:600;font-size:18px;color:#c1312e;text-transform:capitalize;margin:0 0 0 9px;letter-spacing: 1px} .footer-lists-ul{margin:23px 0 40px;padding:0;list-style:none} footer .col-md-3:nth-of-type(2) .footer-lists-box{width:80%} .footer-lists-ul li{line-height:0.95} .footer-list-item{display:inline-block;font-family:'Modernica Regular',sans-serif;font-weight:normal;font-size:18px;color:#000;text-transform:capitalize;text-decoration:none;padding:0 10px;transition:all 320ms} .footer-list-item:hover{color:#c1312e;text-decoration:none} .newsletter-text{font-family:'Modernica Regular, sans-serif' font-weight:400;font-size:18px;color:#000;line-height:1.35;margin:18px 0 26px} #interior-plus .newsletter-text{font-weight: 900;font-family:'Modernica Black';} #newsletter-signup{position:relative;display:inline-block;margin-bottom:0} #newsletter-signup input{max-width:217px;height:40px;padding:2px 50px 4px 13px;font-family:'Modernica Regular',sans-serif;font-weight:normal;font-size:20px;color:#000;border:none;background-color:#f3f3f3;border-radius:20px;box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1)} #newsletter-signup button{position:absolute;top:50%;transform:translateY(-50%);right:3px;background:none;border:none;cursor:pointer;outline:none;margin:0;padding:0} #newsletter-signup button img{width:36px} #newsletter-signup input::-webkit-input-placeholder{font-family:'Modernica Regular',sans-serif;font-weight:normal;font-size:20px;color:#000;text-transform:capitalize} #newsletter-signup input:-moz-placeholder{font-family:'Modernica Regular',sans-serif;font-weight:normal;font-size:20px;color:#000;text-transform:capitalize} #newsletter-signup input::-moz-placeholder{font-family:'Modernica Regular',sans-serif;font-weight:normal;font-size:20px;color:#000;text-transform:capitalize} #newsletter-signup input:-ms-input-placeholder{font-family:'Modernica Regular',sans-serif;font-weight:normal;font-size:20px;color:#000;text-transform:capitalize} .revize-login{font-weight:bold;color:black} #interior-plus .revize-login{color:white} #interior-plus.library #social-feeds{display:none} /* ----------------------------------------- #inner -----------------------------------------*/ #freeform #header-bottom{position:absolute;top:48px;left:0;width:100%;z-index:200;transition:all 320ms;background:rgba(255,255,255,0.902)} #freeform-wrap{padding:0 0 128px;position:relative;top:-31px;z-index:190;background:url(../images/forest.png) center bottom no-repeat} .park_rec_freeform #freeform-wrap{background:none} #freeform #nav ul.first-level{top:100% !important;bottom:auto!important;z-index: 60;} #freeform .first-level ul.second-level{left:100%!important;top:0;bottom:auto} .fullwidth #freeform-wrap::before{content:none} .fullwidth #freeform-wrap::after{content:none} .freeform-left-box{width:24.8%} .freeform-right-box{width:75.2%} .flyout-box{background-color:#c2c2c2;padding:18px 0 65px;border-radius:8px;box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.15);margin-bottom:29px} .flyout-header{font-family:'Baker Signet';font-weight:600;font-size:18px;color:#a72c29;text-transform:uppercase;padding:0 30px;position:relative;margin:8px 0 10px;text-decoration:underline;letter-spacing:1.5px} #flyout{padding:0;margin:0} #flyout li{position:relative;margin:0;list-style:none} #flyout a,#flyout span{display:block;text-decoration:none;font-family:'Modernica Regular',sans-serif;font-weight:normal;font-size:20px;color:rgba(0, 0, 0, 0.8);padding:8px 30px 8px;line-height:1;transition:all 320ms;word-wrap:break-word;position:relative} #flyout ul{padding:0;margin:0;display:none} #flyout ul a,#flyout ul span{padding:14px 15px;font-size:17px} .department-box{padding:18px 30px 53px;margin-bottom:46px} .department-box .flyout-header{padding:0} .freeform-phone-wrap{line-height:1;margin-top:23px} .freeform-fax-wrap{line-height:1;margin-top:6px} .freeform-phone,.freeform-fax{font-family:'Modernica Black';font-weight:900;font-size:20px;color:#000;text-decoration:none} .freeform-phone:hover,.freeform-fax:hover{color:#000;text-decoration:underline} .staff-directory{display:inline-block;font-family:'Modernica Regular';font-weight:400;font-size:18px;color:#c1312e;text-transform:uppercase;text-decoration:underline;margin-top:10px} .staff-directory:hover{color:#c1312e;text-decoration:none} .freeform-events-wrap .flyout-header{padding:0;letter-spacing:1px} #freeform-events-box{min-height:120px;margin:28px 0 20px} #freeform-events-box iframe{width:100%} .freeform-events-wrap .app-btn{padding:6px 15%;font-size:17px;line-height:1;letter-spacing:0.5px} #entry{padding:40px 120px 97px 87px;box-shadow:0px 5px 30px 0px rgba(0, 0, 0, 0.15);border-radius:8px;background:#fff} #breadcrumbs{margin:6px 0 0;font-family:'Modernica Regular';font-weight:normal;font-size:18px;color:#a72c29;text-transform:uppercase;line-height:1} #breadcrumbs a{display:inline-block;color:#000;padding:10px 0;transition:color 320ms;position:relative;text-decoration:none;letter-spacing:0.8px;margin-right:39px} #breadcrumbs a:after{content:'';width:7px;height:10px;background:url('../images/breadcrumbs-arrow.png') center/7px 10px no-repeat;position:absolute;top:14px;right:-25px} #breadcrumbs a:hover{color:#a72c29} #page-title{font-family:'Modernica Black';font-weight:900;font-size:52px;color:#a72c29;text-transform:capitalize;margin:-5px 0 20px -2px;letter-spacing:-0.4px;line-height:1} .fullwidth #entry{padding:40px 87px 97px} #freeform .modal-content{top:145px!important} /* ----------------------------------------- #interior-plus -----------------------------------------*/ #interior-plus #header-bottom .container{width:1600px} #interior-plus .share-search-wrap{/*! width:56%; */height: 100%;} #interior-plus .nav-wrap{/*! width:44%; */padding:0} #freeform #interior-plus #header-bottom{position: static;} .app-register{display:inline-block;font-family:'Modernica Black';font-weight:900;font-size:20px;color:#a72c29;text-transform:uppercase;letter-spacing:.5px} .app-register:hover{color:#a72c29;text-decoration:none} #interior-plus header{z-index:999;} /* #interior-plus #header-bottom{height:160px;position:fixed;top:0;width:100%;transition:all 320ms} */ #interior-plus #header-bottom{height:auto;} #interior-plus #header-bottom-in{/*! height:148px */} #interior-plus .logo-wrap{/*! width:20% */} #interior-plus #logo{height:135px;position:relative;left:11px;display: block;padding-top: 15px;height: auto;} #interior-plus ul.first-level{top:100%!important;bottom:auto!important} #interior-plus .first-level ul.second-level{left:100%!important;top:0;bottom:auto} #interior-plus #nav a,#interior-plus #nav span{padding:61px 18px 60px;} #interior-plus #share-search{height:145px;padding-left:6px;} #interior-plus #search form{top:3px} #interior-plus #search input{max-width:200px;padding:4px 40px 4px 17px} #interior-plus .social-media-link{width:28px;height:28px;text-align: center;display: block;margin-left: 16px;margin-bottom: 10px;position: relative;} #interior-plus .social-media-link i{position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);} #interior-plus #social-media-links{margin-left:0;top:8px;right:10px} /* Section ip-quick-links */ #ip-quick-links{min-height:330px;margin-top:74px} #ip-quick-links .container{width:1410px} .ip-quick-link{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;text-decoration:none;transition:all 320ms;width:100%;padding:15px;background:#fff} .ip-quick-link-icon-box{display:flex;width:124px;height:124px;border-radius:50%;justify-content:center;align-items:center;position:relative;background:#fff;border:3px dotted #c2c2c2;transition:all 500ms} .ip-quick-link-icon-box img{transform: scale(0.5)} .ip-quick-link-info{width:100%;text-align:center} .ip-quick-link-title{font-family:'Modernica Black';font-weight:900;font-size:24px;color:#111;text-transform:capitalize;margin:22px 0 13px;position:relative;padding-bottom:19px} .ip-quick-link-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:76px;height:2px;background:#a72c29;transition:all 320ms} .ip-quick-link-text{font-family:'Modernica Regular';font-weight:400;font-size:20px;color:#111;line-height:1.25} .ip-quick-link:hover , .ip-quick-link:focus{text-decoration:none} .ip-quick-link:hover .ip-quick-link-icon-box{border-style:double} .ip-quick-link:hover .ip-quick-link-title::after{width:0} #ip-quick-links .owl-controls{display:none} #ip-quick-links .owl-dots{display:none} /* Section btns */ #btns{margin-top:14px} #btns .container{width:1430px} #btns-in{min-height:363px;position:relative} #btns-in::before{content:'';display:block;position:absolute;top:-2px;left:50%;transform:translateX(-50%);height:2px;width:97.2%;background:#cfcfcf} #btns-in::after{content:'';display:block;position:absolute;bottom:2px;left:50%;transform:translateX(-50%);height:2px;width:97.2%;background:#cfcfcf} #btns-slider{margin-top:2px} #btns-slider.owl-carousel .owl-item{padding:40px 0} .btn-item{position:relative;display:flex;align-items:flex-end;height:280px;text-decoration:none;transition:all .3s;padding:0 41px;border-radius:10px;box-shadow:0px 2px 15px 0px rgba(0, 0, 0, 0.25)} .btn-item::before{content:'';position:absolute;left:0;top:0;height:100%;width:100%;border-radius:10px;background-image:-moz-linear-gradient(55deg,#c1312e 0%,#a72c29 100%);background-image:-webkit-linear-gradient(55deg,#c1312e 0%,#a72c29 100%);background-image:-ms-linear-gradient(55deg,#c1312e 0%,#a72c29 100%);opacity:.65;transition:all 320ms} .btn-title{position:relative;font-family:'Baker Signet';font-weight:500;font-size:32px;color:#fff;text-transform:capitalize;letter-spacing:1.3px;transition:all 320ms} .btn-item:hover, .btn-item:focus{text-decoration:none} .btn-item:hover::before{opacity:0.4} #btns-slider .owl-controls{display:none} #btns-slider .owl-dots{display:none} /* Section interior-plus-events */ #interior-plus-events{min-height:507px;padding:67px 0} .parks-recreation{font-family:'Baker Signet';font-weight:500;font-size:20px;color:#000;text-transform:uppercase;letter-spacing:1px} #interior-plus-events .app-title{text-align:left;text-transform:capitalize;font-size:52px;letter-spacing:-.5px;line-height:1;margin-bottom:41px} #interior-plus-events .app-btn{margin-bottom:14px;margin-right:10px} #interior-plus-events .app-btn:last-child{padding:4px 31px} #ip-events-box{min-height:380px} #ip-events-box iframe{width:100%} /* interior-plus footer */ #interior-plus footer{background:#000;padding:76px 0 34px} #interior-plus .footer-address{color:#fff} #interior-plus .footer-phone:first-child::after{background:#fff} #interior-plus .footer-phone:hover, #interior-plus .footer-phone:focus{color:#fff} #interior-plus .delimiter::before{background-color:rgba(255,255,255,0.102)} #interior-plus .footer-list-item{color:#fff} #interior-plus .footer-list-item:hover{color:#c1312e} #interior-plus .newsletter-text{color:#fff;margin:18px 0 19px} .to-township-page{display:inline-block;font-family:'Modernica Black';font-weight:900;font-size:18px;color:#c1312e;letter-spacing:.2px;text-transform:uppercase;text-decoration:underline} .to-township-page:hover{color:#c1312e;text-decoration:none} /* ----------------------------------------- #share widget -----------------------------------------*/ .modal{z-index:100000} .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;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{display:none;position:fixed;z-index:99999;top:40%;right:0;border-radius:0;border:0;background:#A72C29!important;color:#fff!important;padding:8px;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center} #interior-plus .floating-share-btn{display:inline-block} .floating-share-btn span{display:block;margin-top:5px;text-transform:uppercase} /* ----------------------------------------- #bxslider -----------------------------------------*/ #slider{height:732px;position:relative;z-index: 0;overflow: hidden;} .slider-caption{position:absolute;left:0;right:0;bottom:11.8%;z-index:51;color:#fff;line-height:.85} .slider-caption-small{display:block;font-family:'Baker Signet';font-weight:500;font-size:32px;color:#fff;text-transform:uppercase;letter-spacing:1.6px} .slider-caption-big{display:block;font-family:'Modernica Black';font-weight:900;font-size:92px;color:#fff;text-transform:capitalize;letter-spacing:-.3px} .bxslider-video-link{display:inline-block;margin-left:6px;text-decoration:none;transition:all 320ms;width:62px;height:62px;position:relative;top:10px} .bxslider-video-link:hover{transform:scale(1.1);text-decoration:none} .play-icon{width:62px;height:62px} #myvideo{position:relative} .bxslider{padding:0;margin:0} .bxslider, .bx-viewport, .bxslider li, .bx-wrapper{height:100%!important} .bx-wrapper{position:relative;margin:0;padding:0;overflow:hidden} .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;display:none} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block} .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} #freeform #slider{height:651px} #freeform .slider-caption{bottom:10%;line-height:1.25} #freeform .slider-caption-small{font-size:24px;letter-spacing:.6px} #freeform .slider-caption-big{font-size:60px;text-transform:uppercase;letter-spacing:.8px} body#interior-plus .bxslider, body#interior-plus .bx-viewport, body#interior-plus .bxslider li, body#interior-plus .bx-wrapper{height:100%!important;border-radius:10px;width:100%!important} body#interior-plus #slider{height:720px;background:url(../images/interior-plus-bxslider-bg.jpg) center/cover no-repeat;padding:0 7.5%} body#interior-plus .bx-wrapper{height:105.8%!important;top:-2.9%;z-index:100;border-radius:10px;box-shadow:0 5px 30px 0 rgba(0,0,0,0.25);background:#AC3231} body#interior-plus .bx-controls-direction{display:none} #interior-plus-bxslider-nav{position:absolute;left:0;right:0;width:100%;top:50%;transform:translateY(-50%);z-index:100;display:flex;justify-content:space-between} #bxslider-prev{margin-left:2.5%} #bxslider-next{margin-right:2.5%} #bxslider-prev img,#bxslider-next img{width:37px;transition:all 320ms} #bxslider-prev a:hover img,#bxslider-next a:hover img{transform:scale(1.1)} body#interior-plus .slider-caption{position:absolute;left:5%;width:100%;bottom:9.6%;z-index:51;line-height:1.1} body#interior-plus .slider-caption-small{font-size:48px;letter-spacing:2.3px} /* ----------------------------------------- #media queries -----------------------------------------*/ @media only screen and (min-width:992px) { #nav>li:nth-last-of-type(-n+2) ul{left:auto;right:0} #nav>li:nth-last-of-type(-n+2) ul ul{left:auto;right:100%} #nav .toggle{position:absolute;top:50%;transform:translateY(-50%);right:3px;color:#1d2439} #nav .focused .toggle{display:inline-block} #nav .focused .toggle2{display:none} #flyout .focused .toggle{display:inline-block;margin-left:8px} #flyout .focused .toggle,#nav .focused .toggle2{transform:translateY(-50%) rotate(-90deg);display:inline-flex;justify-content:center;align-items:center} .layout-table{table-layout:fixed;width:100%} #nav a.toggle2{position:absolute;top:50%;right:10px;z-index:150;height:15px;width:15px;z-index:200} #flyout{display:block!important} #nav-box{text-align:right} #nav{display:inline-flex!important} #nav ul{position:absolute;left:0;width:200px;background:#fff;display:none;box-shadow:0 2px 15px 0 rgba(0,0,0,0.2)} ul.first-level{top:auto;bottom:100%} #nav li:hover>ul{display:block} #nav ul li:not(:last-child){border-bottom:1px solid #d2d5dd} #nav li:hover>a{color:#A72C29} #flyout ul{position:absolute;left:100%;top:0!important;bottom:auto;width:200px;background:#C2C2C2;display:none;z-index:999;border-top-right-radius:8px;border-bottom-right-radius:8px} #flyout ul a,#flyout ul span{color:#000} #flyout .toggle{position:absolute;top:50%;transform:translateY(-50%);right:10px} #flyout li:hover>ul{display:block} #flyout li:hover>a, #flyout li:hover>span{color:#a72c29} #flyout ul li:not(:last-child) a,#flyout ul li:not(:last-child) span{border-bottom:1px solid rgba(255,255,255,0.3)} #share-search{display:flex!important;} #interior-plus #share-search{display:block!important} #share-search-in{display:flex!important;height:100%;align-items:center;justify-content:space-between} } @media only screen and (max-width:1550px) { .app-share-btn{margin:0 10px 0 0} #nav a, #nav span{padding:47px 10px} #nav-box{text-align:center} } @media only screen and (max-width:1500px) { #interior-plus #slider{padding:0 7.5%!important} #bxslider-prev{margin-left:2.5%!important} #bxslider-next{margin-right:2.5%!important} #interior-plus #nav a,#interior-plus #nav span{padding:61px 10px 52px} } @media only screen and (max-width:1300px) { #nav a, #nav span{font-size:16px;padding:50px 10px} .delimiter::before{left:-5px} footer .col-md-3:nth-of-type(2) .footer-data-box{padding-left:10px} footer .col-md-3:nth-of-type(2) .footer-lists-box{width:95%} footer .col-md-3:nth-of-type(3) .delimiter::before{left:-15px} footer .col-md-3:nth-of-type(1) .footer-data-box{margin:0} footer .col-md-3:nth-of-type(4) .footer-data-box{padding-left:0} footer .col-md-3:nth-of-type(4) .delimiter::before{left:-25px} .news-wrap{padding:0} .events-wrap{padding:0} .freeform-left-box{width:30%} .freeform-right-box{width:70%} #entry{padding:40px 30px 97px} .fullwidth #entry{padding:40px 30px 97px} #interior-plus #social-media-links{left:0} #interior-plus .social-media-link{margin-left:5px} .app-register{margin-right:10px} #interior-plus #share-search-in{flex-wrap:wrap;justify-content:flex-end} #interior-plus .share-search-wrap{width:22%} #interior-plus .nav-wrap{width:58%} #interior-plus-events .app-btn{padding:4px 10%;font-size:20px} #interior-plus-events .app-btn:last-child{padding:4px 4%} #interior-plus #share-search{height:130px;padding-left:0} #interior-plus #nav a,#interior-plus #nav span{padding:61px 4px 58px;} } @media only screen and (max-width:1200px) { #slider{height: 550px;} } @media only screen and (max-width:991px) { /* 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} /* Allows tables to be used as columns with responsive stacking */ .layout-table{width:100%!important} .layout-table, .layout-table thead, .layout-table tbody, .layout-table th, .layout-table td, .layout-table tr{display:block!important} .layout-table td{margin-bottom:15px} #toggles{position:absolute;right:15px;top:36px;z-index:250} #nav-toggle,#share-search-toggle{line-height:45px;width:45px;text-align:center;border-radius:4px;background:#A72C29;color:#fff;margin-left:5px;cursor:pointer} #nav,#flyout{display:none} #nav li{display:block} #nav a, #nav span, #flyout a, #flyout span{font-size:18px!important;line-height:1 !important;padding:15px !important;border-bottom:1px solid rgba(0,0,0,.15)} #nav li:last-child>a, #nav li:last-child>span, #flyout li:last-child>a, #flyout li:last-child>span{border:0} #nav ul, #flyout ul{background:rgba(0,0,0,.1)} .toggle, .toggle2{display:block;position:absolute;right:0;top:0;line-height:45px;text-align:center;width:45px;background:rgba(0,0,0,.15);transform:none !important} #nav a, #nav span ,#nav ul a, #nav ul span{padding:15px 70px 15px 15px!important} #nav ul ul a, #nav ul ul span{padding:15px!important} #flyout a, #flyout span{padding:15px 60px 15px 15px!important} #flyout ul a, #flyout ul span{padding:15px!important} #nav .toggle,#nav .toggle2,#flyout .toggle{display:block;position:absolute;right:15px;top:0;line-height:45px;text-align:center;width:45px;color:#fff;padding:15px!important} #header-top{display:none} #header-bottom{position:absolute;top:0;left:0;width:100%;z-index:100;transition:all 320ms} #interior-plus #header-bottom{position:static!important} #freeform #header-bottom{position:absolute;top:0} #header-bottom-in{display:block;margin:0 -15px} .logo-wrap{width:100%;height:120px} #logo{display:inline-flex;width:auto;top:26px!important;left:15px!important} #logo img{width:160px} .nav-wrap{width:100%;padding:0 15px} #nav-box{display:block;width:100%!important;text-align:left;background:#fff;border-top:4px solid #A72C29} #nav{padding:0!important} #homepage #header-bottom.sticky ~ #main #quick-links{padding-top:0;} #share-search{display:none;width:100%;padding:15px 0} #search input{background:#f3f3f3} .share-search-wrap{width:100%} .app-share-btn{background:#F3F3F3;padding:8px;border-radius:4px;margin:-1px 10px 0 15px} .app-share-btn:hover{background:#F3F3F3} #search{display:inline-block} #slider{height: 450px;} #myvideo{top:124px} .slider-caption-big{font-size:65px} #quick-links .owl-controls{display:block} #quick-links .owl-prev, #quick-links .owl-next{position:absolute;top:100%;cursor:pointer;z-index:200;font-size:40px;color:#a72c29} #quick-links .owl-prev{left: calc(50% - 45px)} #quick-links .owl-next{right: calc(50% - 45px)} #news-events{padding:120px 0} .news-wrap{padding-top:100px} .news-banner-wrap,.news-banner{height:250px} footer{padding:20px 0px} .footer-data-box{height:auto!important} .delimiter::before{content:none} .footer-data-box{margin:60px 0!important;text-align:center;padding:0!important} .footer-lists-title{margin:0} footer .col-md-3:nth-of-type(2) .footer-lists-box{width:100%} #flyout-wrap{padding:0;margin-top:0} .freeform-left-box{width:100%} .freeform-right-box{width:100%} #flyout-header{display:none} .department-box{display:none} .freeform-events-wrap{display:none} #flyout-toggle{display:inline-block;padding:15px;font-family:'Modernica Black';font-weight:900;font-size:18px;color:#a72c29;text-transform:uppercase;cursor:pointer} #entry{padding:40px 15px 97px} #interior-plus #slider{height:500px;margin:0!important} #interior-plus #share-search{flex-wrap:nowrap;justify-content:center;width:100%;background:#fff;padding:15px} #interior-plus #social-media-links{top:7px;left:-8px} #ip-events-box{margin-top:50px} #ip-quick-links{min-height:410px} #ip-quick-links .owl-controls{display:block} #ip-quick-links .owl-prev, #ip-quick-links .owl-next{position:absolute;top:100%;cursor:pointer;z-index:200;font-size:40px;color:#a72c29} #ip-quick-links .owl-prev{left: calc(50% - 45px)} #ip-quick-links .owl-next{right: calc(50% - 45px)} #btns-in{min-height:460px} #btns-slider .owl-controls{display:block} #btns-slider .owl-prev, #btns-slider .owl-next{position:absolute;top:100%;cursor:pointer;z-index:200;font-size:40px;color:#a72c29} #btns-slider .owl-prev{left: calc(50% - 45px)} #btns-slider .owl-next{right: calc(50% - 45px)} #interior-plus-events .app-btn{padding:4px 47px} #interior-plus-events .app-btn:last-child{padding:4px 31px} #interior-plus footer{padding:20px 0} #interior-plus .share-btn{top:auto;left:auto;bottom:5px;right:5px} #interior-plus .logo-wrap{width:100%} #interior-plus .nav-wrap{width:100%;padding:0 15px} #interior-plus .share-search-wrap{width:100%} #interior-plus #share-search{height:110px} #interior-plus #share-search-in{height:100%;display:flex;align-items:center;justify-content:flex-start} #interior-plus #logo{position:static;margin-left:15px} #interior-plus #toggles{top:35px} .town-tab-data{flex-wrap:wrap} .social-feed-element{width:100%;margin-bottom:20px} .tweet_list{flex-wrap:wrap} .tweet_list li{width:100%;padding:38px 15px} } /* 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 h4{margin-bottom:10px;font-size:14px} .floating-alert .btn{font-size:10px} .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} .news-slide-box{padding:27px 20px} .news-info{padding:25px 15px 18px} .news-owl-arrows{margin-left:0} #slider{height: 350px;} .news-btns .app-btn{margin-right:10px} .news-owl-arrows div:first-child{margin-left:0} #town-feed-links li{display:block} #town-feed-links li:not(:last-child)::after{content:none} #town-feed-links{margin-bottom:20px} .feed-links-wrap{margin-top:30px;padding:20px 0 11px} #freeform .slider-caption-big{font-size:40px} #bxslider-next{margin-right:3px !important} #bxslider-prev{margin-left:3px !important} #bxslider-prev img, #bxslider-next img{width:30px} .slider-caption-big{font-size:50px} #interior-plus .slider-caption-small{font-size:30px} .btn-item{padding:0 20px} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width:479px) { #interior-plus #share-search{text-align:center} #slider{height: 300px;} } @media print { #header-bottom,#slider,footer,#breadcrumbs,#flyout-wrap,.freeform-events-wrap,.flyout-box,.floating-share-btn,.e-notify,header{display:none!important} a[href]:after{content:none!important} #freeform-wrap{padding:0;top:0} .freeform-right-box{width:100%} #entry{padding:0;margin:0} #freeform #entry{padding:0;margin:0} } @keyframes fadeEffect { from {opacity:0} to {opacity:1} }