/*----------------------------------------------------------------------------------- Theme Name: Newport, MN Front-end developer: Kevin Nowalski Author Design: Jade Wang Author URI: http://www.revize.com/ Date: 2/22/2022 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #fonts -----------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600&display=swap'); @import url('https://fonts.googleapis.com/css?family=Genos&display=swap'); @import url('https://fonts.googleapis.com/css?family=Philosopher&display=swap'); @import url('https://fonts.googleapis.com/css?family=Capriola&display=swap'); @font-face{font-family:'Georgia';src:url('../fonts/Georgia-Bold.woff2')format('woff2'),url('../fonts/Georgia-Bold.woff')format('woff');font-weight:bold;font-style:normal;font-display:swap} @font-face{font-family:'Black And White';src:url('../fonts/BlackAndWhite.woff2')format('woff2'),url('../fonts/BlackAndWhite.woff')format('woff');font-weight:normal;font-style:normal;font-display:swap} /* ----------------------------------------- #basic styles -----------------------------------------*/ body{background:#fff;font-size:18px;line-height:31.6px;font-family:'Inter',sans-serif;color:#04052b;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;overflow-x:hidden;top:0!important} /* ----------------------------------------- #typography -----------------------------------------*/ span.fc-title { color: #fff; } .fc-day-grid-event .fc-time{color:#fff} 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-size:28px;color:#111;margin-bottom:30px} .subheader{font-family:'Georgia',sans-serif;font-size:36px;color:#060733;margin:30px 0} 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{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} .disabledLink{ pointer-events: none; } /* ----------------------------------------- #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 -----------------------------------------*/ .span button{color:#fff !important} .btn a{text-decoration:none;color:#fff;padding:.375rem .75rem} a.btn{font-size:16px} a.btn:hover,#share-translate button:hover{color:#7D610C} .button, a.button, button, #post button, #post input[type="submit"], #post input[type="reset"], #post input[type="button"], .btn, .rz-btn{padding:.375rem .75rem;background:#f2b400;/*color:#fff;*/color:#fff;border:0;border-radius:0;display:inline-block;font-size:1rem;font-weight:400;text-transform:uppercase;text-decoration:none;cursor:pointer;line-height:1.5;vertical-align:top;font-family:sans-serif;transition:all .3s} .button:hover, a.button:hover, button:hover, #post button:hover, #post input[type="submit"]:hover, #post input[type="reset"]:hover, #post input[type="button"]:hover, .btn:hover, .rz-btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#f2b400;color:#fff} .button:active, a.button:active, button:active, #post button:active, #post input[type="submit"]:active, #post input[type="reset"]:active, #post input[type="button"]:active, .btn:active, .rz-btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#f2b400;color:#fff} #post button::-moz-focus-inner, #post 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 business directory -----------------------------------------*/ #rz-business-directory .col-xs-12{width:100%} #rz-business-directory-search{margin:0 0 30px 0!important} #rz-business-categories{margin:0!important} /* ----------------------------------------- #rz document center -----------------------------------------*/ #document-center .rz-doc-search-reset{display:none;color:#fff} /* ----------------------------------------- #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-radius:0;border:5px solid rgba(255,255,255,.6);box-shadow:0px -7px 18.2px 1.8px rgba(0,0,0,0.16);color:#fff;padding:40px 34px 40px 51px;font-size:18px;line-height:21px;width:404px} .floating-alert:after{content:'';background:#010a13;position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1} .floating-alert h2{color:#ffc140;margin:0 0 10px;font-family:sans-serif;font-weight:bold;text-transform:uppercase;font-size:18px} .floating-alert p{margin:0} .floating-alert .btn{margin:30px 0 0 0!important;padding:10px 22px;background:#ffcc00;/*color:#006080;*/color:#7d610c;text-transform:capitalize;font-size:14px} .floating-alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin-right:9px;top:7px} .floating-alert.fade:not(.show){visibility:hidden} /* ----------------------------------------- #rz edit -----------------------------------------*/ .rzHeader{position:absolute;top:300px;left:0;right:0;z-index:101;margin:auto} a>span.rzBtn, .rzContainer a>span.rzBtn, body:not(#rz-editform) a[href*="/revize_faq.php"]{all:unset;position:relative;z-index:199;display:inline-block!important;font-family:"Arial",serif!important;letter-spacing:0px;padding:5px 15px;background:#000;background:linear-gradient(#333,#000);color:#EEE!important;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} a>span.rzBtn.noPush, .rzContainer a>span.rzBtn.noPush{position:absolute;margin-top:-30px} a>span.rzBtn.rzSmall, .rzContainer a>span.rzBtn.rzSmall{font-size:14px;padding:5px;line-height:16px} a>span.rzBtn.rzCenter{transform:translateX(-50%)} .rzAdmin{position:relative;z-index:199;display:inline-block;padding:0 18px;} .rzAdmin>img{position:relative;z-index:2;opacity:0;width:95px;height:36px} .rzAdmin:after{content:"Admin Panel";z-index:1;position:absolute;left:0;top:-1px;display:inline-block;font-family:"Arial",serif;padding:5px 13px;background:#000;background:linear-gradient(#333,#000);color:#EEE;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>span.rzBtn:hover, .rzAdmin:hover:after, body:not(#rz-editform) a[href*="/revize_faq.php"]:hover:after {background:linear-gradient(#333,#555)!important} body:not(#rz-editform) a[href*="/revize_faq.php"]{padding:0} body:not(#rz-editform) a[href*="/revize_faq.php"]>img{position:relative;z-index:2;display:none} body:not(#rz-editform) a[href*="/revize_faq.php"]:after{content:"Help";z-index:1;cursor:pointer;display:inline-block;padding:5px 22px 5px 23px;background:#000;background:linear-gradient(#333,#000);color:#EEE;font-weight:700;box-shadow:inset 0 0 1px 1px rgba(255,255,255,.1);font-size:16px;line-height:26px;white-space:nowrap} #dataTable .header{display:table-cell} .alertbtn{position:fixed;bottom:20px;right:20px;z-index:1000} .rzContainer{position:absolute;margin:-30px auto 0;left:0;right:0;max-width:1300px} .rzContainer>a{display:inline-block!important} /* ----------------------------------------- #rz faq -----------------------------------------*/ #post .faqs-heading.active{background:#006080;border-color:#000;color:#fff} #post .faqs-toggle-content{border-color:#000} #post .faqs-heading{color:#006080;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} .faq-header,.faq-question a,.faq-question a:before{color:#04052b!important} /* ----------------------------------------- #main -----------------------------------------*/ #skip{position:fixed;left:-100%;top:-100%;transition:all .3s;z-index:999} #skip:focus{left:50px;top:50px} #calendarEvent{left:0px;top:30%;max-height:500px;overflow-y:auto;margin:0 auto!important} .dropdown-backdrop{display:none!important} html{overflow-x:hidden;max-width:100%} .text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .toggle{display:none} #userwayAccessibilityIcon .ui_w{display:none!important} #userwayAccessibilityIcon .uiiw{width:57px;height:57px;display:block} #userwayAccessibilityIcon .uiiw:after{content:'';background:url('../images/ada-icon.png') center no-repeat;background-size:cover;width:61px;height:61px;display:block;position:relative;top:-2px;left:-2px} #userwayAccessibilityIcon{width:57px!important;height:57px!important;min-width:57px!important;min-height:57px!important;max-width:57px!important;max-height:57px!important;right:0;margin:331px 0 0 -12px;padding:0!important;top:0} header{position:relative;z-index:200} .container{width:1320px;max-width:100%} #top-bar{background:#006080;color:#fff;font-size:14px;letter-spacing:.01em;padding:6px 0 7px} #top-bar .container{width:1188px} .top-bar a{display:inline-block;text-decoration:none;color:#fff;font-size:14px;letter-spacing:.01em} #top-bar-right{margin:33px -3px 0 -84px} #top-bar-right .social-media-links{margin:2px 0 0} .social-media-link img{width:30px} #top-bar-right .social-media-link:nth-of-type(2){position:relative;left:5px} #bottom-bar{background:#15273a} #bottom-bar .container{width:1600px} #logo{display:inline-block} #logo img{width:191px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} #nav{padding:0 69px;margin:0;position:relative} #nav>li>a:first-of-type,#nav>li>span:first-of-type{text-transform:uppercase} #nav li{margin:0;display:inline-block} #nav a, #nav span{display:block;font-size:18px;text-decoration:none!important;color:#fff;padding:40px 15px} #nav ul{padding:0;margin:0} #nav ul a, #nav ul span{font-size:16px;padding:0;color:#fff;line-height:normal} #nav ul li{display:block;page-break-inside:avoid} .goog-te-banner-frame{display:none} #translate-button{background:#15273a;border:0;color:#444;width:35px;height:35px;padding:0;border-radius:0} #translate-button img{position:relative;left:0;top:-1px} #translation-links{padding:0;margin:0} #translation-links li{position:relative;margin:0;list-style:none} #translation-links li a{text-decoration:none;color:#444} #translation-links ul{padding:30px;margin:0;position:absolute;top:-371px;right:100%;width:700px;background:#fff;display:none;z-index:1} #translation-links ul li{float:left;width:25%;padding-right:15px;padding:5px 15px 5px 0} /* styling for the search */ #search-toggle{cursor:pointer} #search form{position:relative;margin-bottom:0} #search button{box-shadow:0px 5px 7.68px 0.32px rgba(0, 0, 0, 0.09);position:absolute;right:0;top:0;background:#ffcc00;padding:0 17px;line-height:39px;color:#fff!important;font-style:italic;border-radius:0 2px 2px 0} #search button img{width:16px} #search input{font-family:'Inter',sans-serif;box-shadow:0px 5px 7.68px 0.32px rgba(0, 0, 0, 0.09);background:#fff;width:234px;height:39px;color:#919191;/*color:#c3c3c3;*/font-size:14px;border:0;border-radius:2px;padding-left:15px;padding-right:65px;text-shadow:none} #search input::-webkit-input-placeholder{color:#919191;/*color:#c3c3c3;*/} #search input:-moz-placeholder{color:#919191;/*color:#c3c3c3;*/} #search input::-moz-placeholder{color:#919191;/*color:#c3c3c3;*/} #search input:-ms-input-placeholder{color:#919191;/*color:#c3c3c3;*/} #quick-links{padding:66px 0 59px} #quick-links .container{width:1228px} a.quick-link{display:block;text-decoration:none} .quick-link-imgs{width:149px;height:151px;position:relative;margin:0 auto -1px} .quick-link-imgs img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .quick-link-imgs .tns-lazy-img{width:49px;filter:brightness(0) invert(1);margin:-6px 0 0} .quick-link:hover .tns-lazy-img{filter:none} .quick-link-circle-hover{opacity:0} .quick-link:hover .quick-link-circle-hover{opacity:1} .quick-link:hover .quick-link-circle{opacity:0} .quick-link span{display:block;color:#15273a;text-align:center;font-size:16px;font-family:'Poppins',sans-serif;font-weight:500;line-height:19px;padding:0 30px} #quick-links .tns-controls button{color:#006080;font-size:30px} .section-header{margin:0;font-family:'Poppins',sans-serif;color:#15273a;font-weight:600;text-transform:uppercase} #events-latest-news{padding:69px 0 83px} #events-latest-news .section-header{font-size:52px;color:#fff;text-shadow:0px 3px 0.98px rgba(0, 0, 0, 0.35);position:relative;left:7px} #calendar-wrap{padding:53px 12px 0 26px;min-height:911px} #main .btn{padding:14.5px 37px;margin:83px 0 0 12px;box-shadow:0px 8px 16.49px 0.51px rgba(162, 120, 0, 0.2)} #events-latest-news .col-lg-8 .btn{margin:83px 0 0 16px} #homepage .mini-calendar{background:#fff;margin:0 0 20px;box-shadow:0px 7px 13.8px 1.2px rgba(0, 7, 10, 0.15)} #homepage .fc-scroller{height:auto!important;overflow:visible!important} #homepage .fc-dayGridMonth-view .fc-row{min-height:2.95em!important;height:auto!important;overflow:visible} #homepage .fc-dayGridMonth-view .fc-day-grid .fc-row:last-of-type{min-height:2.4em!important} #homepage .fc-dayGridDay-view .fc-content-skeleton{position:static!important} #homepage .fc-unthemed th{font-size:15px;color:#17191b;font-weight:500;text-transform:uppercase} #homepage .fc-unthemed th,#homepage .fc-unthemed td{border:0;text-align:center} #homepage .fc-dayGridDay-view .fc-widget-content{margin:0 0 30px} #homepage .fc-dayGridDay-view .fc-widget-content .fc-event{color:#fff;padding:0 15px} #homepage .fc-view-container{padding:0 27px 0} #homepage .fc-dayGridMonth-view .fc-row.fc-widget-header{margin:11px 0 -4px} #homepage .fc-dayGridMonth-view .fc-row:nth-of-type(2n+1){position:relative} #homepage .fc-dayGridMonth-view .fc-row:nth-of-type(2n+1):after{content:'';background:#f6f6f6;position:absolute;left:-27px;right:-27px;top:-7px;bottom:9px;z-index:-1} #homepage .fc-dayGridMonth-view .fc-head-container .fc-row:after{background:none} #homepage .fc-dayGridMonth-view .fc-day-header span{font-size:0} #homepage .fc-dayGridMonth-view .fc-day-header:nth-of-type(1) span:before{content:'S';font-size:16px} #homepage .fc-dayGridMonth-view .fc-day-header:nth-of-type(2) span:before{content:'M';font-size:16px} #homepage .fc-dayGridMonth-view .fc-day-header:nth-of-type(3) span:before{content:'T';font-size:16px} #homepage .fc-dayGridMonth-view .fc-day-header:nth-of-type(4) span:before{content:'W';font-size:16px} #homepage .fc-dayGridMonth-view .fc-day-header:nth-of-type(5) span:before{content:'T';font-size:16px} #homepage .fc-dayGridMonth-view .fc-day-header:nth-of-type(6) span:before{content:'F';font-size:16px} #homepage .fc-dayGridMonth-view .fc-day-header:nth-of-type(7) span:before{content:'S';font-size:16px} #homepage .fc-dayGridMonth-view .fc-row td a{float:none!important;text-decoration:none;color:#17191b;font-weight:400;font-size:13px} #homepage .fc-body .fc-other-month{opacity:1} #homepage .fc-body .fc-other-month a{color:#868f9a!important;font-weight:400!important} #homepage .fc-dayGridMonth-view .fc-day-grid-event{display:none} #homepage .fc-day-grid-event{border-color:#006080!important} #homepage .eventDay a{color:#f2b400!important;font-weight:700!important} #homepage .fc-dayGridMonth-view .fc-day.fc-today{background:none} #homepage .fc-day-top.fc-today a{color:#fff!important;font-weight:500!important} #homepage .fc-dayGridMonth-view .fc-day-top{position:relative} #homepage .fc-dayGridMonth-view .fc-day-top.fc-today:after{content:'';background:#006080;height:35px;width:35px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;margin:1.5px 0 0} #homepage .fc-day-top.fc-today.eventDay{text-decoration:none} #homepage .fc-toolbar{justify-content:center;position:relative;margin:0;padding:10px 0 11px;background:transparent;border-radius:3px 3px 0 0;background:#f6f6f6} #homepage .fc-button-group{position:static} #homepage .fc-right h2{color:#17191b;font-size:20px;font-weight:500;text-transform:uppercase} #homepage .fc-left .fc-button-group button:focus{box-shadow:none} #homepage .fc-left .fc-button-group:last-of-type{position:absolute;bottom:100%;left:50%;transform:translateX(-50%)} #homepage .fc-left .fc-button-group:last-of-type button{padding:2px 5px} #homepage .fc-left .fc-button-group:last-of-type .fc-button-active,#homepage .fc-left .fc-button-group:last-of-type .fc-button-primary{background-color:#006080!important;border-color:#006080} #homepage .fc-left .fc-button-group:last-of-type .fc-button-active:hover,#homepage .fc-left .fc-button-group:last-of-type .fc-button-primary:hover{color:#fff!important} #homepage .fc-left .fc-button-group:first-of-type button{position:absolute;top:50%;transform:translateY(-50%);background:none!important;border:0;border-radius:0;padding:0;color:#fff!important;font-size:16px;margin:-2px 0 0;display:none} #homepage .fc-left .fc-button-group:first-of-type button span:before{font-weight:700} #homepage .fc-left .fc-button-group .fc-prev-button{left:119px} #homepage .fc-left .fc-button-group .fc-next-button{right:119px} #homepage .mini-events-list{padding-top:0} #homepage .aEvent-inner{cursor:pointer;background:#fff;display:flex;align-items:center;font-weight:500;margin-bottom:13px;max-height:100px;box-shadow:0px 7px 16.56px 1.44px rgba(0, 0, 0, 0.07)} #homepage .eventDatePrefix{display:block;height:94.2px;max-width:80px;width:23.7%;background:#006080;color:#fff;font-weight:400;font-size:28px;text-align:center} #homepage .eventDatePrefix span{font-size:16px;display:block;margin:20px 0 -10px;color:#fff;text-transform:uppercase} #homepage .eventTitle{flex-grow:1;color:#000a19;font-weight:400;font-size:18px;line-height:22px;width:76.3%;padding:26px 5px 5px 22px;height:94.2px;overflow:hidden} #calendar .fc-dayGridMonth-view{background:#f1f1f1} #calendar .fc-dayGridMonth-view td{border-color:#fff!important} #calendar .fc-left .fc-button-group:first-of-type .fc-button-active:hover,#calendar .fc-left .fc-button-group:first-of-type .fc-button-primary:hover{color:#fff!important} #calendar .fc-day-header{background:#176394;color:#fff;font-weight:400} #calendar .fc-toolbar .fc-right h2{font-size:22px;font-weight:700} #calendar .fc-day-number{color:#3B5E6D;text-decoration:none!important;font-weight:700;font-size:16px} #calendar td.fc-today{background:#edfbff!important} #calendar .fc-day-grid-event .fc-content{text-overflow:ellipsis} #calendar .fc-day-grid-event .fc-title{color:#fff!important;/*white-space:normal*/} #calendar .fc-day-grid-event .fc-content, #calendar .fc-timeGridWeek-view .fc-content{text-overflow:ellipsis;color:#fff} #calendar .fc-time-grid .fc-event{position:relative} #calendar .fc-time{color:#fff;font-weight:400!important} #calendar .fc-timeGridWeek-view .fc-allow-mouse-resize{color:#006080!important} #calendar .fc-other-month{background:#006080!important;opacity:1!important} #calendar .fc-other-month .fc-day-number{color:#CCE3E9!important} #calendar .fc-button-primary{background-color:#006080!important;border-color:#006080!important} #calendar .fc-button-primary:hover{color:#fff!important} #calendar .fc-day-header a[data-goto]{color:#fff;text-decoration:none} #calendar .fc-list-heading-main,#calendar .fc-list-heading-alt{text-decoration:none!important;color:#000} #calendar .fc-event-dot{background-color:#006080!important} .modal-event-date-wrap,#modal-event-duration,.modal-footer button,#ics-export,#event-modal-dialog .light-text:hover,#event-edit,#event-delete{background-color:#006080!important} .modal-event-date-wrap:hover,#modal-event-duration:hover,.modal-footer button,#ics-export,#event-modal-dialog .light-text{color:#fff!important;border:0} #latest-news{margin:53px -10px 0 8px;box-shadow:0px 7px 16.38px 1.62px rgba(0, 0, 0, 0.21);height:858px} a.latest-news-link{background:#fefcf4;display:flex;text-decoration:none;padding:10px 19px;height:279px;position:relative} .latest-news-link:after{content:'';background:#eabc2e;position:absolute;right:0;top:0;bottom:0;width:5px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .latest-news-link:hover:after{content:'';background:#006080} .latest-news-link:nth-of-type(1){padding:20px 19px 10px;height:289px} .latest-news-link:nth-of-type(3){padding:10px 19px 20px;height:289px} .latest-news-link:hover{background:#f2f7f9} .latest-news-link .tns-lazy-img{height:259px;width:27.5%;max-width:221px;object-fit:cover} .latest-news-info{width:72.5%;padding:30px 24px;overflow:hidden} .latest-news-date{display:block;text-transform:uppercase;font-family:'Poppins',sans-serif;font-weight:500;font-size:14px;color:#006080} .latest-news-title{margin:9px 0 18px;font-weight:500;font-size:22px;color:#15273a} .latest-news-text{font-size:18px;color:#636363} .read-more{display:block;text-transform:uppercase;font-family:'Poppins',sans-serif;font-weight:500;font-size:14px;color:#006080;margin:33px 0 0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:1;position:absolute;right:auto} .caret-right{width:6px;margin:0 0 0 2px} /* .view-this-article{display:block;text-transform:uppercase;font-family:'Poppins',sans-serif;font-weight:500;font-size:14px;color:#eabc2e;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin:33px 0 0;opacity:0;position:absolute;right:-1000px} .eye{width:20px} */ .view-this-article{display:block;text-transform:uppercase;font-family:'Poppins',sans-serif;font-weight:500;font-size:14px;color:#7d610c;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin:33px 0 0;opacity:0;position:absolute;right:-1000px} .eye{width:20px} .latest-news-link:hover .view-this-article{opacity:1;right:auto} .latest-news-link:hover .read-more{opacity:0;right:-1000px} #latest-news .tns-controls button{display:none} #latest-news .tns-nav{display:block;bottom:-43px;margin-left:7px} #latest-news .tns-nav button{border-radius:50%;width:15px;height:15px;background:#d9d9d9;padding:0;margin-right:7px} #latest-news .tns-nav button.tns-nav-active{background:#e7b312} #history-of-newport-economic-development .btn{margin:32px 0 0 3px;padding:15px 56px} #history-of-newport-economic-development{padding:84px 0 101px} #history-of-newport .section-header{font-size:48px;margin:3px 0 10px 8px} #history-of-newport-banner{height:391px;box-shadow:0px 7px 16.38px 1.62px rgba(0, 0, 0, 0.21);margin:0 -26px 0 0} #history-of-newport-text{padding:0 68px;line-height:22px;margin:14px 0 0} #economic-development{position:relative;margin:74px 0 0 0;padding:0 0 0 45px} #economic-development:after{content:'';background:#006080;width:6px;position:absolute;left:0;top:-4px;bottom:-9px} #economic-development .section-header{font-size:22px;margin:0 0 -2px} #economic-development-banner{height:327px;box-shadow:0px 7px 16.38px 1.62px rgba(0, 0, 0, 0.21);margin:-61px -7px 0 -32px} #economic-development-text{line-height:22px;margin:14px 0 0;padding:0 70px 0 0} #economic-development .btn{margin:28px 0 0} #footer-top{background:#006080;padding:34px 0 23px;font-size:14px;letter-spacing:-.01em;color:#fff} #footer-top-left-img{display:block;text-decoration:none;margin:2px 0 0 -1px} #footer-top-left-img img{width:157px} #footer-top-right-img{display:block;text-decoration:none;margin:9px 0 19px -17px} #footer-top-right-img img{width:215px} #footer-top h4{margin:0 0 7px;font-weight:700;font-size:16px;color:#ffc929;text-transform:uppercase;letter-spacing:0} /* #footer-top h4{margin:0 0 7px;font-weight:700;font-size:16px;color:#f2b400;text-transform:uppercase;letter-spacing:0} */ #footer-top a{display:block;text-decoration:none;color:#fff;line-height:18px} #footer-top span{line-height:18px;display:block} .footer-top{margin:0 -20px 0 0} .footer-top-links ul{padding:0;margin:0;list-style:none} #footer-top .footer-top-links a{font-size:16px;letter-spacing:0;line-height:20px} .footer-top .social-media-links{margin:0 34px 0 0} #footer-top .social-media-link{display:inline-block;margin:0 0 0 6px} #footer-top .col-lg-2:nth-of-type(2){left:-4px} #footer-top .col-lg-2:nth-of-type(3){left:7px} #footer-top .col-lg-2:nth-of-type(5){left:-5px} .contact-us{margin:0 0 12px} #footer-bottom{background:#15273a;padding:14px 0;font-size:14px;color:#fff} #footer-bottom a{text-decoration:none;color:#fff} /* ----------------------------------------- #inner -----------------------------------------*/ #freeform #slider{height:465px} #freeform #slider .tns-controls button{margin:72px 0 0} #freeform #slider-caption{width:1330px;margin-top:102px;color:#fff;font-family:'Georgia',sans-serif;font-weight:700;font-size:46px;text-shadow:0px 2px 0px rgba(0, 0, 0, 0.25);text-transform:capitalize} #freeform #slider .tns-nav{display:none} #container-wrap{padding:49px 0 136px} .freeform-main-left{background:#fff;box-shadow:-0.835px 5.942px 13px 0px rgba(0,0,0,0.05);margin:0 0 0 -5px} .freeform-main-left h2{background:#006387;margin:0 0 4px;color:#fff;font-size:24px;font-weight:400;padding:16px 0;text-align:center} #flyout-wrap{margin-bottom:50px;padding-bottom:36px} #flyout{margin:0;padding:0} #flyout li{margin:0;display:block;position:relative} #flyout a, #flyout span{text-decoration:none;padding:15px 20px;display:block} #flyout ul{display:none;position:absolute;top:0;left:100%;margin:0;padding:0;background:#aaa;z-index:1} #flyout ul a, #flyout ul span{font-size:13px;padding:10px 15px;width:180px;color:#fff;border-bottom:1px solid rgba(0,0,0,.15)} #flyout li:hover > ul{display:block} #general-information{padding:0 0 13px} #general-information h2{margin:0 0 16px} .general-information{color:#15273a;font-weight:400;padding:0 40px;margin:0 0 22px;line-height:22px} .general-information span{display:block;font-weight:400;font-size:20px} .general-information a{text-decoration:none;color:#050f4d;display:block} .general-information a span{display:inline-block} #breadcrumbs{font-size:20px;color:#006080;font-weight:500;text-transform:capitalize;margin:-8px 0 0 -2px;text-shadow:0px 10px 20px rgba(0, 0, 0, 0.2)} #breadcrumbs ul{list-style:none;margin:0;padding:0} #breadcrumbs li{display:inline-block;margin:0;padding:0} #breadcrumbs a{display:inline-block;color:#030423;font-weight:400} #breadcrumbs a:after{content:'\f105';font-family:'FontAwesome';display:inline-block;text-decoration:none;margin:0 11px 0 17px;position:relative;top:1px} #entry{padding:0 10px 0 32px;margin:0 -35px 0 -4px} #freeform.fullwidth #entry{margin:0;padding:0} #page-title{margin:20px 0 21px -4px;padding-bottom:29px;font-family:'Georgia',sans-serif;font-size:46px;color:#060733;text-transform:capitalize;font-weight:700;border-bottom:1px solid #e0e0e0} /* ----------------------------------------- #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} #share-translate{position:fixed;z-index:99998;top:0;right:0;margin-top:404px} .floating-share-btn i{display:none} .share-btn.floating-share-btn img{position:relative;top:-1.5px;left:0} .floating-share-btn{border-radius:0;border:0;width:35px;height:35px;background:#006080!important;color:#fff!important;padding:0;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center} .floating-share-btn span{display:none;margin-top:-2px;text-transform:uppercase;font-size:12px;font-weight:500;font-family:'Poppins',sans-serif} /* ----------------------------------------- #video-bg -----------------------------------------*/ .inline-YTPlayer{position:absolute!important;left:0;right:0;bottom:0;top:0;max-width:100%!important} #video-bg{padding-bottom:0!important;height:100%!important} .inlinePlayButton{display:none!important} #video-banner{position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1} /* ----------------------------------------- #slider -----------------------------------------*/ #slider{height:793px;position:relative} #slider-caption{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:51;margin-top:98px} #slider-caption span{display:block;font-family: 'Philosopher',sans-serif;text-shadow:1px 2px 0pxrgba(0, 0, 0, 0.6)} #slider-caption-top{color:#fff;/* opacity:.6; */font-size:50px} #slider-caption-middle{color:#fff;font-size:90px;margin:-7px 0 16px 6px} #slider-caption-bottom{color:#fff;/* opacity:.6; */font-size:50px;margin:0 0 0 -3px} #slider > .tns-outer, #slider > .tns-outer > .tns-inner, #slider > .tns-outer > .tns-inner > .tiny-slider, #slider > .tns-outer > .tns-inner > .tiny-slider .tns-item, .tns-bg-slide {height:100%} .tns-outer{position:relative} .tns-controls button[data-controls="prev"]{left:0} .tns-controls button[data-controls="next"]{right:0} .tns-controls button{background:none;padding:0;position:absolute;top:50%;z-index:1;transform:translateY(-50%)} .tns-controls button:last-of-type {float:right} .tns-nav{display:none;position:absolute;bottom:0;left:0;right:0;z-index:1;text-align:center} #slider .tns-nav{display:block;left:auto;right:79px;bottom:134px;z-index:52} #slider .tns-nav button{display:block;margin-bottom:28px;padding:0;background:none;font-size:0;position:static;transition:none} #slider .tns-nav button .dot{position:relative} #slider .tns-nav button .dot:after{content:'';background:rgba(255,255,255,.5);border-radius:50%;width:8px;height:8px;position:absolute;left:0;top:0} #slider .tns-nav button.tns-nav-active{font-size:14px;font-weight:500} #slider .tns-nav button.tns-nav-active .dot:after{background:#b8e1ec} #slider .tns-nav button.tns-nav-active .dot:before{content:'';background:url('../images/slide-active.png') center no-repeat;background-size:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:31px;height:35px;margin:4px 0 0 3px} #slider .tns-nav button.tns-nav-active span{position:absolute;left:-4px;top:-35px} #slider button[data-action]{position:absolute;bottom:0;right:0;z-index:1} ul.tiny-slider, ul.tiny-carousel{padding:0;margin:0} button[data-action="start"],button[data-action="stop"]{display:none} #homepage #slider .tns-controls button{display:none} #slider .tns-controls button{background:none;width:32px;height:32px;margin:-2px 0 0;background:url(../images/slider-nav.png) no-repeat 0 0;position:absolute;z-index:51;top:50%;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} #slider .tns-outer:hover .tns-controls button{opacity:1} #slider .tns-outer .tns-controls button[data-controls="prev"]{left:-40px} #slider .tns-outer .tns-controls button[data-controls="next"]{right:-40px;background-position:100% 0!important} #slider .tns-outer:hover .tns-controls button[data-controls="prev"]{opacity:0.6;left:20px} #slider .tns-outer:hover .tns-controls button[data-controls="next"]{opacity:0.6;right:20px} #slider .tns-outer:hover .tns-controls button[data-controls="prev"]:hover,#slider .tns-outer:hover .tns-controls button[data-controls="next"]:hover{opacity:1} /* ----------------------------------------- #media queries -----------------------------------------*/ @media only screen and (min-width:1646px) { #logo{margin:0 0 0 -38px} #logo img{margin:-40px 0 0} } @media only screen and (max-width:1645px) { #logo{margin:0} #logo img{margin:-40px 0 0} } @media only screen and (max-width:1550px) { #logo img{margin:5px 0 0;width:101px} #nav a,#nav span{font-size:14px;padding:42.6px 15px} #search input{width:174px} } @media only screen and (max-width:1367px) { #entry{margin:0} } @media only screen and (max-width:1280px) { #top-bar,.top-bar a{font-size:12px} #nav a,#nav span{padding:42.6px 10px} #nav>li>ul{padding:35px 50px!important} #homepage .eventTitle{font-size:12px} } @media only screen and (max-width:1199px) { #nav{padding:0 45px} #nav a,#nav span{font-size:12px;padding:43.9px 5px} #top-bar-right .social-media-links{margin:2px 0 0 14px} #top-bar-right .social-media-link img{width:25px} #search input{width:134px} #search button{padding:0 10px} .latest-news-title{font-size:20px} .latest-news-text{font-size:16px} #history-of-newport .section-header{font-size:32px} #footer-top{font-size:12px} #footer-top .footer-top-links a{font-size:14px} #footer-top-right-img img{width:152px} } @media only screen and (min-width:992px) { #nav ul a, #nav ul span{margin-bottom:15px} #nav ul ul a, #nav ul ul span{margin-left:10px} #nav .focused .toggle2,#flyout .focused .toggle{display:inline-block!important;margin-left:8px} #nav .focused .toggle,#nav li:hover .toggle{right:auto;transform:none;margin:24px 0 0 -3px;display:inline-block!important} #nav .focused .toggle:before,#nav li:hover .toggle:before{content:'';background:url('../images/caret-down.png') center no-repeat;background-size:contain;display:block;width:14px;height:12px} #nav .focused .toggle2{display:none!important} #flyout .focused .toggle,#nav .focused .toggle2{-webkit-transform:translateY(-50%)rotate(-90deg);transform:translateY(-50%)rotate(-90deg);right:15px} #flyout,#nav{display:block!important} .layout-table{table-layout:fixed;width:100%} #nav>li{display:inline-flex;flex-wrap:wrap;justify-content:center} #nav li:hover>ul{display:block} #nav ul ul{left:100%;top:0} #nav ul a:hover, #nav ul span:hover{text-decoration:underline!important} #nav>li>a,#nav>li>span{display:inline-block} /* for mega-menu */ #nav>li>ul{column-count:4;-webkit-column-count:4;-moz-column-count:4;column-gap:55px;-webkit-column-gap:55px;-moz-column-gap:55px;position:absolute;left:-128px;right:-136px;top:100%;padding:35px 171px;display:none;background:#112030;text-align:left} #nav>li>ul>li{display:block;width:100%} @-moz-document url-prefix(){#nav>li>ul>li{display:inline-block}} #nav>li>ul>li>a,#nav>li>ul>li>span{text-transform:uppercase;color:#ffcc00} header{position:fixed;left:0;right:0;top:0} #logo{position:absolute} /* header.scrolled #logo{margin:4px 0 0 0} */ header.scrolled #logo img{margin:5px 0 0;width:101px} #nav{text-align:center} #flyout li:hover>ul{display:block} #flyout ul a:hover,#flyout ul span:hover{background:rgba(0,0,0,.15)} #flyout>li>a:first-of-type,#flyout>li>span:first-of-type{color:#2d1413;font-weight:400;font-size:18px;position:relative;z-index:1;padding:10px 40px;line-height:23px} #flyout>li:last-of-type>a:first-of-type:before,#flyout>li:last-of-type>span:first-of-type:before{border-bottom:none} #flyout>li>a:first-of-type:before,#flyout>li>span:first-of-type:before{content:'';border-bottom:1px solid #b7b7b7;position:absolute;left:38px;right:38px;bottom:0;z-index:1} #flyout>li:hover>a:after,#flyout>li:hover>span:after{content:'';background:#ffc900;position:absolute;left:0;right:0;top:-1px;bottom:-1px;z-index:-1} #flyout>li:hover>a:before,#flyout>li:hover>span:before{z-index:-1} #flyout>li:hover>a,#flyout>li:hover>span{color:#fff} #flyout ul{position:absolute;left:100%;top:0;background:#006080;display:none;margin-top:-1px} .toggle,.toggle2{display:none!important;position:absolute;top:50%;transform:translateY(-50%);right:0;padding:0!important;border-bottom:none!important} .toggle2{right:15px;transform:translateY(-50%)rotate(-90deg)!important} #flyout .focused .toggle{color:#006387} #flyout .focused:hover .toggle{color:#fff;z-index:1} #search{display:block!important} } @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:15px} #nav-toggle,#search-toggle{line-height:45px;width:45px;text-align:center;border-radius:4px;background:#006080;color:#fff;margin-left:5px} #nav,#flyout{display:none} #nav li{display:block} #nav a, #nav span, #flyout a, #flyout span{font-size:14px !important;line-height:1 !important;padding:15px !important;border-bottom:1px solid rgba(0,0,0,.15);color:#fff} #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,.15)} .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} #top-bar{display:none} #top-bar-right{margin:0} #top-bar-right .social-media-links{display:none} #nav{background:#006080;margin:0 0 15px;padding:0} #nav ul{display:none} #nav>li>ul{padding:0!important} #nav li{position:relative} #logo img{width:130px;margin:12px 30px 0 -6px} #search{display:none;width:100%;margin:0 0 15px} #search input{width:100%;padding-right:50px} #slider{height:400px!important} #slider-caption{margin-top:0} #slider-caption-top{font-size:24px} #slider-caption-middle{font-size:45px;margin:-7px 0 0px 6px} #slider-caption-bottom{font-size:24px} #slider .tns-nav{bottom:30px;left:0;right:0} #slider .tns-nav button{padding:0 15px;display:inline-block} #slider .tns-nav button.tns-nav-active span{left:50%;top:-35px;transform:translateX(-50%)} #calendar-wrap{padding:53px 0 0;min-height:initial} #events-latest-news .col-lg-8 .btn{margin:83px 0 0} #events-latest-news .section-header{font-size:22px;left:0} #latest-news{margin:53px 0 0} .latest-news-info{padding:15px} .latest-news-title{font-size:14px} .latest-news-text{font-size:12px} #history-of-newport-economic-development{padding:65px 0} #history-of-newport .section-header{font-size:22px} #history-of-newport{margin:30px 0 0} #history-of-newport-banner{margin:0} #history-of-newport-text{padding:0 15px} #economic-development{padding:0 0 0 20px} #economic-development .section-header{font-size:19px} #economic-development-banner{margin:30px 0 0} #economic-development-text{padding:0} #footer-top .col-lg-2{left:0!important;margin:0 0 30px} #footer-top-left-img img{width:130px;margin:0 0 15px} .footer-top{margin:0} #footer-top-right-img{margin:25px 0 19px 0} .footer-top .social-media-links{margin:0} #footer-bottom{padding-bottom:70px} #freeform #slider .tns-controls button{margin:0!important} #freeform #slider-caption{font-size:36px} #container-wrap{padding:30px 0 26px} .freeform-main-left{margin:0} #flyout-wrap{padding-bottom:0;margin-bottom:30px} #flyout{background:#006080} #flyout ul{position:static;width:100%;background:rgba(0,0,0,.15)} #flyout li:hover>ul{display:none} #flyout ul a,#flyout ul span{width:auto} #flyout-background{display:none} #flyout-toggle{color:#fff;background:#006080;padding:15px;cursor:pointer} #flyout-wrap h2{display:none} #entry{padding:0} #breadcrumbs{margin:12px 0 0 -2px} #freeform.fullwidth #breadcrumbs{margin:0 0 0 -2px} #page-title{font-size:30px} .subheader{font-size:30px} #share-translate{top:auto;bottom:0;margin-top:0} #translation-links ul{width:275px;padding:15px;top:auto;bottom:0} #translation-links ul li{width:33.33%;font-size:12px;padding:2px 15px 3px 0} #userwayAccessibilityIcon{top:auto;bottom:130px} .rzHeader{top:0} #bottom-bar a[href="javascript:RZcalleditlist('editforms/socials-editlist.jsp?pageid=socials&height=7&width=13','0','0','', '')"]{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 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} } /* 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) {} @media print { #slider,footer,#breadcrumbs,#flyout-wrap,#general-information,.floating-share-btn,.e-notify,header{display:none!important} a[href]:after{content:none!important} } .fc-unthemed td.fc-today { background: #006080; }