@import url('https://fonts.googleapis.com/css?family=Montserrat:400,800&display=swap');

body { background:#FFFFFF; color:#000000; font:2em 'Montserrat', sans-serif; }

.container-fluid { padding:0 25px; }

a, li a { color:#0097f8; text-decoration:underline; padding:2px; -webkit-transition: 0.5s ease; transition: 0.5s ease; }
a:visited, li a:visited { color:#0097f8; } 
a:hover, li a:hover { color:#9bbd49; padding:2px; text-decoration:none; }
ul { width:auto; list-style-type:square; margin:0 0 0 10px; padding:0; }
li { margin:0 0 0 23px; padding:3px 0 0 3px; }

p { margin:10px 0; padding:10px; line-height:1.5em; }

.clear { clear:both; }

h1, h2, h3, h4, h5, h6 { margin:3px 0; padding:5px 0; line-height:1.5em; font-family:'Montserrat', sans-serif; color:#316d93; }

h1 { font-size: 2.5em; }
h2 { font-size: 2.2em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.65em; }
h5 { font-size: 1.32em; }
h6 { font-size: 1.1em; }


/* header */

header { width:100%; left:0; top:0; z-index:200; font-family:'Montserrat', sans-serif; height:35px; color:#9bbd49; margin:0; }

header #logo { margin:0; padding:5px 0 0 0; float:left; }
header #logo img { width:35%; }

header ul { float:left; margin:-5px 0 0 0; line-height:1em; }
header ul li { margin:0; padding:0; list-style: none; float:left; }
header ul li a { text-align:center; float:left; text-transform:uppercase; text-decoration:none; color:#9bbd49; }
header ul li:hover a, header ul li:active a, header ul li:focus a, header ul li a.current, header ul li a:visited { color:#9bbd49; text-decoration:none; }
header .nav li a:hover, header .nav li a:focus { background:#598c4c; color:#9bbd49; }

.nav > li > a { display:block; padding:5px 5px; position:relative; }

#banner { margin:0; } 
#banner img { width:70%; height:auto; }

#submenu { margin:0; width:100%; height:40px; font-size:.7em; background:#FF6600;}
#submenu ul { margin:0; padding:4px 0; } 
#submenu li { margin:0; padding:4px; } 

#submenu ul li a { margin:0 0 2px 0; padding:5px 7px; text-transform:uppercase; text-decoration:none; color:#FFFFFF; font-weight:bold; }
#submenu ul li a:visited, #submenu ul ul li a:visited { color:#FFFFFF; text-decoration:none; }
#submenu ul li:hover a, #submenu ul li:active a, #submenu ul li:focus a, #submenu ul li a.current { color:#FFFFFF; background:#9bbd49; text-decoration:none; }
#submenu ul ul li a { text-transform:none; text-decoration:none; color:#FFFFFF; margin:3px 0; background:#9bbd49; font-weight:normal; }
#submenu ul ul li:hover a, #submenu ul ul li:active a, #submenu ul ul li:focus a, #submenu ul ul li a.current { color:#173345; text-decoration:none; }

ul.nice-menu ul { top:1.89em; left:.8em; /* LTR */ }
ul.nice-menu ul li { font-size:.8em; width:12.8em; background:#9bbd49; }
ul.nice-menu a { padding:5px 0; }
ul.nice-menu-down { margin:0; float:none; /* LTR */ border:0; padding:0; }
header .fa { font-size:1em; padding:0 5px; } 

.nice-menu { margin:5px 0 0 0; padding:0 0; width:100%; align:center; height:100%; }
.nice-menu li { margin:0; padding:3px 10px; font-size:1.2em; float:none; } 
.nice-menu ul li a:visited { color:#696b6a; text-decoration:none; }
.nice-menu ul li:hover a, .nice-menu ul li:active a, .nice-menu ul li:focus a, .nice-menu ul li a.current { color:#FFFFFF; text-decoration:none; }


.green-text-bold { color:#9bbd49; font-weight:800; }
.blue-text-bold { color:#316d93; font-weight:800; }
.tagline { padding:15px 0 0 0; font-size:1.3em; color:#316d93; font-style:italic; }



#front-slides { background:#FFFFFF; opacity:1; padding:5px; }
#front-slides .views-field-title { margin:0 0 0 0; height:auto; font-size:2.2em; text-align:center; color:#9bbd49; } 
#front-slides .views-field-field-caption-value { margin:0 0 0 0; height:auto; font-size:1.3em; text-align:center; padding:15px; color:#316d93; } 
#front-slides .views-field-field-link-url { margin:0 0 0 0; height:auto; font-size:1.5em; text-align:center; padding:15px; color:#316d93; background:#9bbd49; } 
#front-slides .views-field-field-link-url a { text-decoration:none; } 
#front-slides .views-field-field-link-url a:hover { color:#FFFFFF; } 
#front-slides img { width:100%; height:auto; }

#edit-submitted-leave-this-blank-wrapper { visibility:hidden; }

.content img { border:solid 12px #316d93; border-radius:20px; }

.field-field-featured-media img { float:right; margin:-50px 0 10px 20px; width:600px; height:auto; clear:both; }
.field-field-featured-media { float:right; margin:-50px 0 10px 20px; width:600px; height:auto; clear:both; }


.main-bg-old { background: url("https://www2.erie.gov/livewellerie/sites/www2.erie.gov.livewellerie/files/uploads/people-2557510.jpg") no-repeat; background-position:center; background-size:100% 100%; margin:-4px 0 0 0; }

.main-bg { background: url("https://www2.erie.gov/livewellerie/sites/www2.erie.gov.livewellerie/files/uploads/Canalside-chairs-JoeCascio.jpg") no-repeat; background-position:center; background-size:100% 100%; margin:-4px 0 0 0; }

.sidemenu { margin:15px 5px 5px 0; padding:5px 5px 15px 5px; width:auto; font-size:1em; text-align:left; background:#333333; color:#FFFFFF; border-radius:10px; }
.sidemenu h5 { text-align:center; color:#ebe8de; text-transform:uppercase; }
.sidemenu a { color:#FFFFFF; }
.sidemenu a:visited { color:#696b6a; }

#erie_footer { margin:0; padding:0 0 3px 0; height:auto; width:100%; text-align:left; background:#9bbd49; color:#FFFFFF; }
#erie_footer ul { padding:2px; } 
#erie_footer li { margin:0; padding:3px 5px; } 
#erie_footer ul li a { text-align:center; text-transform:uppercase; text-decoration:none; color:#173345; font-size:.8em; }
#erie_footer ul li a:visited { color:#696b6a; text-decoration:none; }
#erie_footer ul li:hover a, #erie_footer ul li:active a, #erie_footer ul li:focus a, #erie_footer ul li a.current { color:#FFFFFF; text-decoration:none; } 
#erie_footer { margin:-1px 0 0 0; }

#content { margin:0; padding:5px 0 100px 0; text-align:left; }
#content ul li, #content ol li { font-size:.9em; padding:5px 0; } 

.breadcrumb { display:inline; font-size:.5em; font-style:italic; border-radius:0; list-style:none; margin:10px 0; padding:2px 5px 5px 5px; background-color:#FFFFFF; }
.breadcrumb p { margin:5px 0; }


.views-field-field-partner-logo-fid img { width:220px; height:180px; margin:auto; } 
.views-field-field-partner-logo-fid { background:#FFFFFF; margin:2px; padding:15px; border:0; border-radius:0; text-align:center; }
.views-field-field-partner-about-value { background:#316d93; color:#FFFFFF; width:100%; height:180px; margin:2px; padding:25px; font-size:.8em; overflow:auto; }
.imagefield.imagefield-field_partner_logo { object-fit:contain; }

.views-field-field-partner-link-url { margin:-2px 2px 0 2px; padding:15px; text-align:center; background:#316d93; width:100%; } 
.views-field-field-partner-link-url a { color:#FFFFFF; text-decoration:none; border:2px solid #FFFFFF; padding:2px 20px; font-size:.8em; } 
.views-field-field-partner-link-url a:visited { color:#FFFFFF; text-decoration:none; border:2px solid #FFFFFF; padding:2px 20px; font-size:.8em; } 
.views-field-field-partner-link-url a:hover { margin:0; padding:2px 20px; background:#FFFFFF; color:#316d93; } 

.views-field-field-resources-image-fid { background:#FFFFFF; margin:2px; padding:15px; border:0; border-radius:0; text-align:center; }
.views-field-field-resources-image-fid img { width:220px; height:180px; margin:auto; border:solid 12px #316d93; border-radius:20px; }
.views-field-field-resources-link-url { background:#9bbd49; color:#FFFFFF; width:280px; height:120px; margin:2px; padding:15px; font-size:1em; overflow:auto; text-align:center; }
.views-field-field-resources-link-url a { color:#FFFFFF; text-decoration:none; }
.views-field-field-resources-link-url a:hover { text-decoration:underline; } 
.imagefield.imagefield-field_resources_image { object-fit:contain; }

.vid-embed { position: relative; padding-bottom:58%; padding-top: 30px; height: 0; overflow: hidden; }
.vid-embed iframe { position: absolute; top: 0; left: 0; width: 280px; height: 190px; border: solid 12px #316d93; border-radius: 20px; }

.views-field-field-covid-resources-image-fid { background:#FFFFFF; margin:2px; padding:15px; border:0; border-radius:0; text-align:center; }
.views-field-field-covid-resources-image-fid img { width:250px; height:210px; margin:auto; border:solid 12px #316d93; border-radius:20px; }
.views-field-field-covid-resources-image-fid img { object-fit:contain; }

.views-field-field-reports-image-fid { background:#FFFFFF; margin:2px; padding:15px; border:0; border-radius:0; text-align:center; }
.views-field-field-reports-image-fid img { width:220px; height:180px; margin:auto; border:solid 12px #316d93; border-radius:20px; }
.imagefield.imagefield-field_reports_image { object-fit:contain; }

.views-field-field-tfu-video-embed { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
.views-field-field-tfu-video-embed iframe, .views-field-field-tfu-video-embed object, .views-field-field-tfu-video-embed embed { position:absolute; top:0; left:0; width:280px; height:190px; border:solid 12px #316d93; border-radius:20px; }

.views-field-field-tfu-description-value { background:#ff6600; color:#FFFFFF; width:280px; height:120px; margin:2px; padding:15px; font-size:1em; overflow:auto; text-align:center; }

.orange-box { background:#FF6600; margin:10px 120px; padding:50px 75px; } 
.orange-box a { color:#FFFFFF; text-decoration:none; }
.orange-box a:hover { text-decoration:underline; }
.orange-box p img { margin:-10px 0 0 0; } 

.blue-button { background: #316d93; font-weight:bold; }
.blue-button a, .blue-button a:visited { text-decoration:none; color:#FFFFFF; } 
.blue-button a:hover { text-decoration:underline; }

.empty-space { margin:20px; }

.blue-arrow { color:#316d93; }

.calendar-calendar div.date-nav { background-color: #316d93; }
.calendar-calendar div.date-nav a, .calendar-calendar div.date-nav h3 { color:#FFFFFF; } 
.calendar-calendar td { color:#000000; }
.calendar-calendar td.empty { background:#f3f3f3; }


.background-blue { background:#78c1f5; }
.background-green { background:#9bbd49; }
.background-orange { background:#ffc66c; }
.background-gray { background:#CCCCCC; }

input { margin:5px 0; font-size:.9em; padding:0 10px; outline:0; border:1px solid #000000; border-radius:5px; line-height:20px; -webkit-transition: 0.5s ease; transition: 0.5s ease; color:#000000; }

input[type=text], input[type=password], input[type=email], input[type=tel] {
    height: 25px !important;
}

input[type=submit] { width:auto; padding:5px 10px; line-height:25px; background-color:#316d93; color:#FFFFFF; text-decoration:none; border-radius:5px; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3); }

.form-submit { width:auto; margin:25px 10px 0 0; padding:5px 10px; line-height:25px; background-color:#316d93; color:#FFFFFF; text-decoration:none; border-radius:5px; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3); }

.cse input.gsc-search-button, input.gsc-search-button {
width:auto !important; padding:17px !important; line-height:2px !important; background-color:#316d93 !important; color:#FFFFFF !important; text-decoration:none !important; border-radius:5px !important; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3) !important; font-family:'Montserrat', sans-serif !important; font-size:1.2em !important; }

.cse input.gsc-search-button:hover, input.gsc-search-button:hover { color:#316d93 !important; background-color:#FFFFFF !important; cursor:pointer; }

.gsc-clear-button { display:none; }
.gsc-input { color:#000000; } 

.button:hover, .form-submit:hover { color:#FF6600; background-color:#FFFFFF; cursor:pointer; }
.search { margin:10px 0 0 0; width:auto; }
.search_footer { margin:-5px 0 0 0; width:auto; }
.search gsc-control-searchbox-only gsc-control-searchbox-only-en { border:none; } 

.fa { font-size:1.7em; padding:0 5px; }

hr { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }

ol.alpha { list-style-type: lower-alpha; }
ol.roman {list-style-type: upper-roman;}

.bgblack { width:100%; height:100%; background: url(https://www2.erie.gov/sites/all/themes/erie_responsiveb/images/overlay.png); }
.bgwhite { width:100%; height:100%; background: url(https://www2.erie.gov/sites/all/themes/erie_responsiveb/images/overlay_light.png); }
.bggray { width:100%; height:100%; background: url(https://www2.erie.gov/sites/all/themes/erie_responsiveb/images/overlay_gray.png); }


tbody { border-top: none; }
table { width:auto; } 
table th { padding:10px; font-size:1.2em; }
table td { margin:1px; font-size:.9em; padding:5px 10px; } 

table .fa { font-size:2em; margin:0; padding:0 10px; } 
table a, table a:hover { margin:0; padding:4px 0; } 

.table-border-bottom { width:auto; }

.table_layout1 tr { border:1px solid #CCCCCC; }
.table-border-bottom th { padding:10px; font-size:1.2em; }
.table-border-bottom td { border-bottom:1px solid #CCCCCC; font-size:.9em; padding:5px 10px; }

#footer { width:100%; margin:0; padding:0; font-size:.8em; }
#footer p { margin:5px; padding:3px 0 1px 5px; }
#footer h2 { font-size: 1.1em; font-weight:bold; }
#footer #user-login-form { text-align:left; } 

#admin_footer { width:100%; color:#000000; } 
#admin_footer h2 { font-size:1em; } 
#admin_footer .form-item, #admin_footer .form-submit { float:left; }
#user-login-form .form-text { width:150px; height:40px; font-size:1em; margin:0 10px 0 0; color:#000000; } 
#user-login-form { line-height:15px; }
#user-login-form { color:#000000; } 

.addthis_sharing_toolbox { float:right; margin:5px 0 0 0; } 
#google_translate_element a { color:#598c4c; } 

.radio, .checkbox { display:block; margin:0; }
.marker, .form-required { color: #830000; }

#node-admin-buttons { margin:-40px 0 2px 80px; padding:2px; }
#edit-operation { margin:2px 2px 20px 0; } 
#cmf-admin-nodes-form input { font-size:.8em; line-height:15px; }
fieldset input { color:#000000; font-size:1em; line-height:8px; margin:0; padding:3px; }





#ui-datepicker-div { width:200px; }
.ui-datepicker-next { left: 13em; }
.ui-datepicker-header select { background:#e6e6e6; border:1px solid #d3d3d3; color:#555555; font-size:1em; line-height:2.4em; margin:0 !important; padding:0 !important; position:relative; top:0; display:inline; width:5em; }
.ui-datepicker-header select .ui-datepicker-new-month { left: 1.4em; /* LTR */ width:8em; }
.ui-datepicker-header select .ui-datepicker-new-year { left: 10.4em; /* LTR */ width: 5em; }

.featured_item { background:#CCCCCC; padding:2px; margin:0 0 5px 0; } 
#features .region-top-left img { float:right; width:120px; height:auto; margin:0 0 0 10px; } 
#features img { float:right; width:300px; height:auto; margin:0 0 0 10px; } 
#feedHandler img { width:120px; height:auto; }
.views-field-view-node { padding:10px 0 0 0; font-size:.8em; font-weight:bold; }

.views_slideshow_controls { font-size:.7em; padding:0 20px; text-align:center; } 

.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
.video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }

.emptyspace { margin:50px 0; clear:both; }


.action-button { background:#FFFFFF; border:10px solid #316d93; width:90%; border-radius:60%; font-size:1.3em; text-align:center; }
.action-button a { color:#316d93; text-decoration:none; } 
.action-button .fa { padding:0; font-size:2.2em; } 
.action-button a:hover { color:#9BBD49; } 

.featured-media img { margin:0; width:100%; height:auto; object-fit:contain; clear:both; border:solid 12px #316d93; border-radius:20px; }

.visual1, .visual2, .visual3 { width:30%; height:180px; border-radius:5px; margin:5px; padding:15px; font-size:1.2em; overflow:auto; text-align:center; } 
.visual1 a, .visual2 a, .visual3 a { color:#FFFFFF; text-decoration:none; } 
.visual1 { background:#FF6600; }
.visual2 { background:#9BBD49; }
.visual3 { background:#316D93; }


.calendar-calendar .dark-maroon { background:#660000 !important; width:100%; }
.calendar-calendar .dark-red { background:#b50000 !important; width:100%; }
.calendar-calendar .dark-bright-purple { background:#650066 !important; width:100%; }
.calendar-calendar .dark-purple { background:#3e0066 !important; width:100%; }
.calendar-calendar .dark-blue { background:#1f0066 !important; width:100%; }
.calendar-calendar .darkish-blue { background:#003a66 !important; width:100%; }
.calendar-calendar .dark-blue-green { background:#005666 !important; width:100%; }
.calendar-calendar .dark-green { background:#006635 !important; width:100%; }
.calendar-calendar .dark-yellow-green { background:#306600 !important; width:100%; }
.calendar-calendar .dark-brown-yellow { background:#626600 !important; width:100%; }
.calendar-calendar .dark-orange { background:#cf7f0d !important; width:100%; }
.calendar-calendar .dark-orange-red { background:#cf510d !important; width:100%; }
.calendar-calendar .brown { background:#664800 !important; width:100%; }
.calendar-calendar .bright-pink { background:#cf0d3f !important; width:100%; }
.calendar-calendar .bright-light-purple { background:#cf0d9f !important; width:100%; }
.calendar-calendar .bright-purple { background:#9f0dcf !important; width:100%; }
.calendar-calendar .bright-blue { background:#240dcf !important; width:100%; }
.calendar-calendar .bright-light-blue { background:#0d76cf !important; width:100%; }
.calendar-calendar .bright-sky-blue { background:#0db1cf !important; width:100%; }
.calendar-calendar .bright-green { background:#0dcfc4 !important; width:100%; }
.calendar-calendar .bright-light-green { background:#0dcf64 !important; width:100%; }
.calendar-calendar .bright-grass-green { background:#44cf0d !important; width:100%; }
.calendar-calendar .bright-yellow-green { background:#a4cf0d !important; width:100%; }
.calendar-calendar .mustard-yellow { background:#cfbf0d !important; width:100%; }
.calendar-calendar .light-pink { background:#f48c8c !important; width:100%; }
.calendar-calendar .pink { background:#f48cc7 !important; width:100%; }
.calendar-calendar .light-purple { background:#da8cf4 !important; width:100%; }
.calendar-calendar .light-blue-purple { background:#8c8cf4 !important; width:100%; }
.calendar-calendar .light-blue { background:#8cdff4 !important; width:100%; }
.calendar-calendar .light-green { background:#8cf4a9 !important; width:100%; }
.calendar-calendar .light-yellow-green { background:#9df48c !important; width:100%; }
.calendar-calendar .light-orange { background:#f4dd8c !important; width:100%; }
.calendar-calendar .peach { background:#f4bf8c !important; width:100%; }




/*responsive setting*/
@media (min-width: 1025px) {
    header ul li { margin: 10px 10px 0 10px; }
    header ul li a { margin: 0; padding: 0 5% 0 5%; }
}
@media (min-width: 992px) and (max-width: 1200px) {
    header ul li { margin: 10px 5px 0 5px; }
    header ul li a { margin: 0; padding: 0px 2% 0 2%; }
}
@media (min-width: 768px) and (max-width: 992px) {
    header ul li { margin: 10px 0 0 0; padding: 0; }
    header ul li a { margin: 0; padding: 0 8px 0 8px !important; font-size:.75em; }
}
@media (max-width: 768px) {
header #logo img { width:35%; }
    header ul li a { margin: 0; padding:15px 0 0 0; }

    header #mobile_menu { font-size:30px; margin:-50px 0 0 0; color:#173345; float:right; }
    header #mobile_menu_list ul { list-style: none; float: left; margin: 0; padding: 0; width: 100%; }
    header #mobile_menu_list li { margin: 0; padding: 0; width: 100%; height:35px; background:#9bbd49; text-align: center; border-bottom: 1px solid #FFFFFF; }
    header #mobile_menu_list li a { width:100%; color:#173345; margin: 0; padding: 0; line-height:30px; border-bottom: none; text-decoration: none; }
    header #mobile_menu_list li a:hover { width:100%; color:#FFFFFF; }

}

@media print {
  a[href]:after { content:none; }
body { background:none; color:#000000; font:1em 'Montserrat', sans-serif; }
p { margin:5px 25px 5px 5px; }
#banner { margin:0; } 
#footer { display:none; }
header { width:0; height:0; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
h1 { font-size: 2.0em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }
table td { margin:1px; padding:2px; } 
}