/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body { color: #444444; font-size: 1rem; background: #FFF;overflow-x: hidden; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-weight:normal }
h1 { margin: 0 0 5px 0; font-size: 3rem; }
h2 { margin: 0 0 5px 0; font-size: 2.5rem; }
h3 { margin: 0 0 5px 0; font-size: 2rem; }
h4 { margin: 0 0 5px 0; font-size: 1.5rem; }
h5 { margin: 0 0 5px 0; font-size: 1.125rem; }
h6 { margin: 0 0 5px 0; font-size: 1rem; }
p { margin: 0 0 5px 0; font-size: 1rem; }
#main { margin-top: 0; }
#main.inner-page { margin-top: 150px; min-height: 300px; padding: 0; }
.container, .container-sm, .container-xl, .container-xxl { max-width: 1170px; }
.cont-content { background: #fff;padding: 10px; max-width: 1250px;}
.nopad { padding: 0 }
.nopadr { padding-right: 0 }
.nopadl { padding-left: 0 }
.nopad-xs { }
.ctr { text-align: center }
.clr { clear: both; height: 0px; margin: 0px; padding: 0px; }
.clr5 { clear: both; height: 5px; margin: 0px; padding: 0px; }
.clr10 { clear: both; height: 10px; margin: 0px; padding: 0px; }
.clr20 { clear: both; height: 20px; margin: 0px; padding: 0px; }
.spc10 { display: block; width: 10px; }
.spc20 { display: block; width: 20px; }
.rht { text-align: right }
.lft { text-align: left }
.m-5: { margin:5px }
.mt-5 {	margin-top:5px }
.mb-5 {	margin-bottom:5px }
.mr-5 {	margin-right:5px }
.ml-5 { margin-left:5px }
.m-10 {	margin:10px }
.mt-10 { margin-top:10px }
.mb-10 { margin-bottom:10px }
.mr-10 { margin-right:10px }
.ml-10 { margin-left:10px }
.p-5 { padding:5px }
.pt-5 { padding-top:5px }
.pb-5 {	padding-bottom:5px }
.pr-5 {	padding-right:5px }
.pl-5 {	padding-left:5px }
.p-10 {	padding:10px }
.pt-10 { padding-top:10px }
.pb-10 { padding-bottom:10px }
.pr-10 { padding-right:10px }
.pl-10 { padding-left:10px }
hr.sml { margin:3px 0 }
.hidden-xs { display: block }
.breadcrumbs { padding: 20px 0 12px }
.modal-backdrop { z-index: 100 }
#admin_menu { position: fixed; top: 0; left: 15%; background: #F00; padding: 1px 10px; z-index: 2000; font-size: 14px; }
#admin_menu a { color: #fff }
.albumDiv { position:relative; z-index:9 }
.admin-edit { position:absolute; left:16px; top:4px; z-index:10;background: #eee; }
#town-brochureDiv { background-color: #327ff4;}
#town-brochureDiv .townBtns { background-image: linear-gradient(to bottom, #cb5102, #d85602, #e55c02, #f26101, #ff6701);padding: 3px 12px;border: inset 2px #d97f44; width:100%; max-width: 180px;margin: 0 20px;}
#town-brochureDiv a.townBtns { color: #eee; text-transform:lowercase}
.card-header.bg-dark { background-color: #333333 !important }
.alert-dark { color: #eee; background-color: #333333; border-color: #272727; }
.btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; }
.btn-block + .btn-block { margin-top: 5px; }
.btn.btn-xs {padding: .2rem .4rem;font-size: .8rem; }
img { width: auto; max-width: 100% }
#phone-div { font-size: 13px; font-weight: bold; color: #777; margin: 0; }
#phone-div a { color: #777; text-transform: uppercase }
#social-links { text-align: right; }
.social-links { padding: 5px 10px 0; font-size: 14px; display: inline-block; width: 100% }
.social-links a { background: #222; border-radius: 25px; padding: 5px 5px 2px; color: #878484 }
.social-links a:hover { color: #eee }
.spacerDiv { display: block; width: 80%; background: #999; padding: 6px 0; margin: 12px auto 0; }
#blogDiv { position: absolute; right: 0; top: 102px; z-index: 1000; background: rgba(255,255,255,.4); padding: 2px 0 2px 3px; border-radius: 5px; }
.bg-danger { background-color: #ff0000 !important; }
.text-shadow { text-shadow: 0px 3px 0px #b2a98f,  0px 14px 10px rgba(0,0,0,0.15),  0px 24px 2px rgba(0,0,0,0.1),  0px 34px 30px rgba(0,0,0,0.1); }
.floating-label > input + label, .floating-label > textarea + label { position: absolute; z-index: 3; max-width: calc(100% - 2px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; top: 2px; left: 1px; font-size: 1rem; padding: 0.375rem 0.75rem; color: #6c757d; pointer-events: none; transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1); }
.floating-label { margin-bottom: 11px; position: relative }
.floating-label > input + label, .floating-label > textarea + label { left: 10px; font-size:.9rem}
.floating-label > input[placeholder]:not(:placeholder-shown) + label, .floating-label > textarea[placeholder]:not(:placeholder-shown) + label { border-radius: .2rem;left: 12px;
  top: -0.92rem; color: #555 }
.smlTitle h3 { font-size: 16px; color: #a38146; position: relative; border-bottom: 1px solid #a38146; padding-bottom: 1px; display: inline-block; }
/*--------------------------------------------------------------
# MyModal
--------------------------------------------------------------*/
#myModal .modal-header h3 { font-size:22px; margin:0  }
#myModal h3 { font-size:18px;margin-bottom: 10px; }
#myModal .modal-body {padding: 0 1rem; }
#submitDiv { width:100% }
/*--------------------------------------------------------------
# searchResults
--------------------------------------------------------------*/
#searchResults p { margin: 0 0 2px; }
#searchResults .srchItem { margin:2px; border-bottom:1px dotted #999 }
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top { position: fixed; visibility: hidden; opacity: 0; right: 15px; bottom: 15px; z-index: 996; background: #5c9f24; width: 40px; height: 40px; border-radius: 4px; transition: all 0.4s; }
.back-to-top i { font-size: 28px; color: #fff; line-height: 0; }
.back-to-top:hover { background: #6fc02c; color: #fff; }
.back-to-top.active { visibility: visible; opacity: 1; }
/*--------------------------------------------------------------
# specialoffer
--------------------------------------------------------------*/
#specialoffer_view { position: fixed; top: 114px; right: -500px; z-index: 10000; max-width: 400px; width: 360px; padding: 10px 0 0; background: #fff; border-radius: 12px; }
.specialoffer-contentimg { padding: 0 }
.specialoffer-contenttxt { padding: 10px; background: rgba(255,255,255,.4); color: #201f1f; border-radius: 5px; border-top: 1px solid #f2f0f0; }
.specialoffer-contenttxt p { margin: 0 }
#specialoffer_view img { width: auto; max-width: 100% }
.specialoffer-body { padding: 10px }
#specialoffer-closer { width: auto; position: absolute; right: 0; top: -10px; cursor: pointer; font-size: 36px; color: #000; z-index: 100; }
/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: hidden; background: #151515; }
#preloader:before { content: ""; position: fixed; top: calc(50% - 0px); left: calc(50% - 30px); border: 6px solid #ffc451; border-top-color: #151515; border-bottom-color: #151515; border-radius: 50%; width: 60px; height: 60px; -webkit-animation: animate-preloader 1s linear infinite; animation: animate-preloader 1s linear infinite; }
 @-webkit-keyframes animate-preloader { 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
}
}
 @keyframes animate-preloader { 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
}
}
/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
 [data-aos-delay] {
 transition-delay: 0 !important;
}
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#topHeader { background: #cfcfcf; color:#fff; text-align:center; font-size:.9rem; padding:2px 0 }
#topHeader, #btmHeader { display:block; position:relative}
#btmHeader { padding-top: .7rem }
#header { transition: all 0.5s;background: #fff; z-index: 997; height: auto; padding:0}
#menuHeader.header-scrolled { position:fixed; top:0; left:0; width: 100%;z-index: 10;padding: 6px 0; }
#header .logo { position:absolute; left:0; bottom:0; font-size: 28px; margin: 0; padding: 0; line-height: 1; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; position: relative; z-index:100 }
#header .logo.scrolled {width: 280px;  z-index: 100;  position: fixed;  top: 50px; background: #fff; bottom: auto; border-right:1px solid #537db3;  border-bottom:1px solid #537db3; }
#header .logo a { color: #fff; }
#header .logo img { margin: 0; }
#menuHeader { background:#537db3 }
#dwnLoadBtn { position:absolute; bottom:6px; right:10px }
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.navbar { padding: 0; display: inherit }
.navbar ul { margin:0; padding: 2px 0; list-style: none; text-align: center; line-height: 1.1 }
.navbar li { position: relative; }
.navbar > ul > li { white-space: nowrap; padding:0; width: auto; display: inline-block; text-align: center }
.navbar a.h5 {font-size: 1rem; margin:0 }
.navbar .nav-link { color:#fbd5a0 }
.navbar .nav-link:hover { color:#fac376 }
.navbar a.dropdown-item {font-size: .9rem;line-height: 1.5;border-bottom: 1px dashed #eee;}
.navbar .dropdown-menu {padding: .2rem .5rem; background:#537db3; margin-top:.1rem; border-radius: unset;}
.navbar .dropdown ul { display: block; position: absolute; left: 2px; top: calc(100% + 30px); margin: 0; padding: 6px 0; z-index: 99; opacity: 0; visibility: hidden; background: rgba(124,146,168,.75); box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: 0.3s; }
.navbar .dropdown ul li { min-width: 200px; text-align: left }
.navbar .dropdown-menu a:hover { background: #426694 }
.navbar .dropdown ul a { display:block; padding: 5px 10px; font-size: .85rem; font-weight: 500; text-transform: uppercase; }
.navbar .dropdown .dropdown ul { top: 0; left: calc(100% - 30px); visibility: hidden; }
.navbar .dropdown .dropdown:hover > ul { opacity: 1; top: 0; left: 100%; visibility: visible; }

.ulTop li {border-right:1px solid #999 }
.ulTop li a { color: #d3ba97; padding:.5rem .7rem; text-transform:uppercase;font-size: .92rem; }
.ulTop li:last-child  {  border-right: none;}
@media (max-width: 1366px) {
.navbar .dropdown .dropdown ul { left: -90%; }
.navbar .dropdown .dropdown:hover > ul { left: -100%; }
}
/**
* Mobile Navigation 
*/
.mobile-nav-toggle { font-size: 68px; cursor: pointer; display: none; line-height: 0; transition: 0.5s; }
.mobile-nav-toggle.bi-x { color: #5c9f24; }
 @media (max-width: 991px) {
.mobile-nav-toggle { display: block; }
.navbar ul { display: none; }
.ulTop li a { padding:.3rem .5rem;font-size: 1.1rem;}
.spacerDiv {  width: 70%; }
#header .logo { position:absolute; width:65%  }
}
.navbar-mobile { position: relative; overflow: hidden; top: 0; right: 0; left: 0; bottom: 0; background: rgba(17, 17, 17, 0.9); transition: 0.3s; z-index: 999; }
.navbar-mobile .mobile-nav-toggle { position: absolute; top: 15px; right: 15px; }
.navbar-mobile ul { display: block; position: relative; top: 55px; right: auto; bottom: 15px; left: auto; padding: 10px 0; background-color: #222; overflow-y: auto; transition: 0.3s; }
.navbar-mobile a, .navbar-mobile a:focus { padding: 10px 20px; font-size: 15px; color: #FFF; }
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a { color: #5c9f24; display: block }
.navbar-mobile > ul > li { white-space: nowrap; padding: 0; display: block }
.navbar-mobile a:hover:before, .navbar-mobile li:hover > a:before, .navbar-mobile .active:before { visibility: hidden; }
.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus { margin: 15px; color: #5c9f24; padding-left: 15px; }
.navbar-mobile .dropdown ul { position: static; display: none; margin: 10px 20px; padding: 10px 0; z-index: 99; opacity: 1; visibility: visible; background: #111010; box-shadow: none; }
.navbar-mobile .dropdown ul li { min-width: 200px; }
.navbar-mobile .dropdown ul a { padding: 10px 20px; }
.navbar-mobile .dropdown ul a i { font-size: 12px; }
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a { color: #5c9f24; }
.navbar-mobile .dropdown > .dropdown-active { display: block; width: 100%;position: relative;}
.navbar-mobile a.dropdown-item {color: #222}

/*--------------------------------------------------------------
# home Section
--------------------------------------------------------------*/
#home { width: 100%; position: relative; padding: 0;}
#home:before { content: ""; background: rgba(0, 0, 0, 0.6); position: absolute; bottom: 0; top: 0; left: 0; right: 0; }
#home .container { position: relative; padding-top: 0; text-align: center; }
/* Carousel base class */
#homeCarousel.carousel { margin-bottom: 0; width: 100%; }
/* Since positioning the image, we need to help out the caption */
#homeCarousel .carousel-caption { z-index: 100; margin: 0 auto; position: absolute;  width: auto; min-width:200px;max-width: 400px;border: 4px solid #fff;  border-radius: 4px; padding:3rem 2rem;  background: rgba(0,0,0,.5); bottom:10rem; left: 5%; right:auto;}
#homeCarousel .carousel-caption p.lrg { font-size: 1.2rem; }
/* Declare heights because of positioning of img element */
#homeCarousel .carousel-item { height: auto; position: relative; z-index: 10; }
#homeCarousel .carousel-item > img { position: relative; top: 0; left: 0; min-width: 100%; height: auto; }
#banner-imgs { position: absolute; top: 10px; left: 0; z-index: 100; padding: 0 10px; width: 100% }
#banner-imgs img { width: 30% }
.carousel-caption h1, .carousel-caption h2, .carousel-caption h3, .carousel-caption h4, .carousel-caption h5, .carousel-caption p { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8); color: #fff; margin: 0 }

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 40em) {
	/* Bump up size of carousel content */
#homeCarousel .carousel-item { height: auto; }
#banner-imgs img { width: auto }
#homeCarousel .carousel-caption {  bottom:5rem;}
}
@media (min-width: 62em) {
#homeCarousel .carousel-caption p {  font-size: 1.5rem; }
#homeCarousel .carousel-caption h1 { margin-bottom: 1rem; font-size: 3rem; }
#homeCarousel .carousel-caption h2 { margin-bottom: 1rem; font-size: 2.5rem; }
#homeCarousel .carousel-caption h3 { margin-bottom: 1rem; font-size: 2.25rem; }
#homeCarousel .carousel-caption h4 { margin-bottom: 1rem; font-size: 1.87rem; }
#homeCarousel .carousel-caption h5 { margin-bottom: 1rem; font-size: 1.62rem; }
#homeCarousel .carousel-item { height: auto; z-index: 1; }
#homeCarousel .carousel-caption { bottom:4rem;}
#homeCarousel .carousel-caption p.lrg { font-size: 2rem; }
#homeCarousel .carousel-caption * { line-height: 1.1; }
}
@media (min-width: 72em) {
#homeCarousel .carousel-caption { bottom:6rem;}
}
@media (min-width: 82em) {
#homeCarousel .carousel-caption { bottom:8rem;}
}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section { padding: 16px 0;min-height: 100px; position:relative }
.section-bg { background-color: #f1f1f1; }
section.inner-page { background-color: #ecf0f1; padding:30px 0 }
section.inner-page .table th, section.inner-page .table td, section.inner-page .table td p { font-size:.9rem} 
section.inner-page .ip-sml { padding: 0 }
section.inner-page .ip-sml .section-title { padding-bottom: 0; margin-bottom: 5px }
section.inner-page .ip-sml .poi-side { padding: 10px }
section.inner-page .ip-sml .poi-side a { color: #feb818; font-size: 13px }
section.inner-page .ip-sml .poi-side .section-title h4 { font-size: 16px; }
section.inner-page .ip-lrg /*, section.inner-page .ip-sml */ { background-color: #fff; min-height: 450px; box-shadow: 0 1px 2px #bbb; padding: 20px }
section.inner-page .ip-lrg h1 { font-size: 22px; color: #3d57a5; position: relative; border-bottom: 1px solid #3d57a5; padding-bottom: 1px;  display: inline-block; }
section.inner-page .ip-lrg h2::after { content: ""; position: absolute; width: 40px; padding: 4px; margin: 8px 0 0 20px; background: #3599e3; border-radius: 8px; }
section.inner-page .ip-lrg h2 { font-size: 18px; color: #777; margin-bottom: 5px; }
section.inner-page .ip-lrg .f-links { color: #666; font-size: 14px; box-shadow: 0 0 2px #999; border-right: 2px solid #888; border-left: 2px solid #888; padding: 1px 10px; display: inline-flex; margin: 0 2px 4px }
section.inner-page .ip-lrg .filterText { font-size: 12px; color: #888 }
section.inner-page .ip-lrg img { width: auto; max-width: 100% }
.section-title h4 { color: #333; line-height: 1.2; font-weight:bold; font-size:1.3rem }
.section-title p { margin-bottom: 0; }
.section.inner-page .theTable th, .section.inner-page .theTable td { font-size: 13px }
.section-title.ctr { text-align: center;}
.galItem { padding: 1px; position: relative /* display:inline-block */ }
.galItem .img-thumbnail { padding: 0; width: 100%; border: 0; border-radius: 0; }
.galInfo { display: none; position: absolute; bottom: 1px; left: 1%; background: rgba(0,0,0,.6); color: #eee; z-index: 100; padding: 0 4px; width: 98%; font-size: 12px }
.galInfo a { color: #eee }
.galItem:hover .galInfo { display: block }
.welcomeDiv p {font-size: 1.2rem;line-height: 1.4;color: #666;}
#infoSectionDiv { padding: 0 }
.viewPage h3 {font-size: 22px;  color: #3d57a5;  position: relative;  border-bottom: 1px solid a38146;  padding-bottom: 1px;  display: inline-block; }
#council .council-slider { overflow:hidden; padding: 0 10px;font-size: .9rem; line-height: 1.3; }
#council .council-info { background:#fff; padding:5px 0 10px; line-height:1.5; min-height:60px }
#council .swiper-button-next, #council .swiper-button-prev { z-index:1000 }
#council .btn-group { position: absolute;  top: 5%; right:2%; }
#council .swiper-button-next, #council .swiper-button-prev { position:relative; margin: 0 10px; padding:0 10px ;border: 1px solid #e4c5a0; background: #de9c53;height: 30px;}
#council .swiper-button-next::after, #council .swiper-button-prev::after { font-size: 1.1rem; color:#987034; font-weight: bold;}
/*--------------------------------------------------------------
# infoSection
--------------------------------------------------------------*/
.info-section { background: #fff; padding:0 }
.info-section .info-section-title { font-size: 1.1rem; font-weight:bold; margin-bottom:10px}
.home-news .info-section {  background: #fff;  padding: 20px 16px;  min-height: 560px;   max-height: 560px; overflow:auto }
.info-section-details h5 { font-weight:bold }
.info-section-details .details p{ color:#777; font-size:1rem; line-height: 1.1;}
.home-news .sm-date, .announcements .sm-date {background: #f1f1f1;  padding: 8px 0;  font-weight: bold;  line-height: 1.2; }
@media (max-width: 667px) {
section.inner-page .ip-lrg { padding:0 }
.info-section h5 { font-size:.9rem }
}
/*--------------------------------------------------------------
# Section stuff
--------------------------------------------------------------*/
.home-news { position: relative; z-index: 3;background: #f1f1f1; }
#c_vibes {position: relative; }
#c_vibes .v_image { max-width:100%; width:auto }
#c_vibes .v_details { padding:8px 6px; line-height: 1.2; }
#c_vibes .v_title { color:#65553b; font-size:1.2rem }
#c_vibes .v_stitle { color:#7b7e15; font-size:.8rem;}
#c_vibes .v_text { color:#888; font-size:.9rem;min-height: 60px; }
#c_vibes a { font-size:.75rem; padding:8px 10px 7px; }
#why-us .wu_details { background-color: #c5c62c; text-align:center; max-height:274px }
#why-us .wu_details img { max-height:274px}
#why-us .wu_title { color:#fff; }
#why-us [class*="h"] { margin:0 }
#why-us a { font-size:.85rem; padding:10px 10px 8px }
/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/

.testimonials-side { overflow: hidden }
.testimonials-side .t-date { font-size: 16px; color: #feb818; text-align: center; font-weight: bold; }
.testimonials-side .t-quote { color: #777; font-size: 16px; line-height: 1.3; text-align: justify; font-weight: bold }
.testimonials-side .t-side-author { font-size: 14px; font-weight: bold; color: #feb818; }
 @media (min-width: 992px) {
.testimonials .testimonial-item p { width: auto; }
}
.testimonials-side .swiper-slide { background: #fff }
.testimonials-side .swiper-slide {	opacity: 1 !important; }
.testimonials-side .swiper-slide:not(.swiper-slide-active){ opacity: 0 !important; }
.testimonials-side .swiper-wrapper { height:auto }
/*--------------------------------------------------------------
# Testimonials Page
--------------------------------------------------------------*/
#feedbackDiv { margin: 0; padding: 0 0 20px; }
.fb-content-div { margin: 0; display: inline-block; text-align: left; padding: 2px; font-size: 15px; }
.fb-content-div .fbh-content-img { float: left; margin: -3px 10px 3px 4px; }
.fb-content-div .fbh-content-img img { border-radius: 5%; width: auto }
.fb-content { position: relative; padding-top: 3px; }
.fb-feedback-by { font-size: 13px; margin-top: 4px; text-align: right }


.form-control::-webkit-input-placeholder { color: #a8a8aa;font-size: 1rem;}
.form-control:-ms-input-placeholder { color: #a8a8aa;font-size: 1rem;}
.form-control::placeholder { color: #a8a8aa;font-size: smaller;}

@-webkit-keyframes animate-loading { 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
}
}
@keyframes animate-loading { 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
}
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs { padding: 5px 0; background: #f6f6f6; min-height: 20px; margin-top: 0; position: relative }
.breadcrumbs h2 { font-size: 24px; font-weight: 400; text-transform: capitalize }
.breadcrumbs ol { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; }
.breadcrumbs img { min-height:150px }
.breadcrumbs ol li + li { padding-left: 10px; }
.breadcrumbs ol li + li::before { display: inline-block; padding-right: 10px; color: #444444; content: "/"; }
.breadcrumbs .bc-caption { z-index: 100; margin: 0 auto; position: absolute; right: auto; left: auto; width: 100%; text-align: center }
.breadcrumbs .bc-caption { height: auto; bottom: 2rem; z-index: 100; }
.breadcrumbs .bc-caption * { line-height: 1.1; }
/* Declare heights because of positioning of img element */
.breadcrumbs .bc-caption > img { position: relative; top: 0; left: 0; min-width: 100%; height: auto;  }
.bc-caption h1, .bc-caption h2, .bc-caption h3, .bc-caption h4, .bc-caption h5, .bc-caption p { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8); color: #fff; margin: 0 }
.breadcrumbs .bc-caption p { margin-bottom: 1rem; font-size: 1.5rem; }
.breadcrumbs .bc-caption h1 { margin-bottom: 1rem; font-size: 3rem; }
.breadcrumbs .bc-caption h2 { margin-bottom: 1rem; font-size: 2.5rem; }
.breadcrumbs .bc-caption h3 { margin-bottom: 1rem; font-size: 2.25rem; }
.breadcrumbs .bc-caption h4 { margin-bottom: 1rem; font-size: 1.87rem; }
.breadcrumbs .bc-caption h5 { margin-bottom: 1rem; font-size: 1.62rem; }
@media (max-width: 768px) {
.breadcrumbs .d-flex { display: block !important; }
.breadcrumbs ol { display: block; }
.breadcrumbs ol li { display: inline-block; }
.breadcrumbs .bc-caption { bottom: .4rem; }
}
/*--------------------------------------------------------------
# councilor table and block views
--------------------------------------------------------------*/
#cTabContent .theTable th, #cTabContent .theTable td { font-size: 13px; padding: 0.3rem 0.3rem; }
#cTabs { margin-top: -20px }
#cTabs .nav-link { border: none; padding: 0 8px 0 0 }
#cTabs .nav-link i { font-size: 1.5rem }
#cTabContent h3 { color: #0376ff; font-size: 17px; margin: 10px 0 5px; font-weight: bold }
#cTabContent h4 { background: #36aae3;
color: #eee; font-size: 15px; padding: 2px 4px; font-weight: bold }
#cTabContent .councilDiv { font-size: 14px; text-align: center; min-height: 242px; }
#cTabContent .councilDiv img { width: auto; max-width: 100% }
#cTabContent .councilDiv p { font-size: 14px; margin-bottom: 2px }
/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq .faq-list { padding: 0 10px; }
.inner-page .faq .faq-list { padding: 0; }
.faq .faq-list ul { padding: 0; list-style: none; }
.faq .faq-list li + li { margin-top: 15px; }
.faq .faq-list li { padding: 20px; background: #fff; border-radius: 4px; position: relative; }
.faq .faq-list a { display: block; color: #333; position: relative; font-size: 13px; line-height: 1.2; font-weight: 600; padding: 0 30px; outline: none; cursor: pointer; }
.faq .faq-list .icon-help { font-size: 24px; position: absolute; top: 10px; left: 20px; color: #9cdc66; }
.faq .faq-list .icon-show, .faq .faq-list .icon-close { font-size: 16px; position: absolute; right: 0; top: 0; }
.faq .faq-list p { margin-bottom: 0; padding: 10px 0 0 0; font-size: 15px; line-height: 1.2; color: #797373 }
.faq .faq-list .icon-show { display: none; }
.faq .faq-list a.collapsed:hover { color: #ff0000; }
.faq .faq-list a.collapsed .icon-show { display: inline-block; }
.faq .faq-list a.collapsed .icon-close { display: none; }
@media (max-width: 1200px) {
.faq .faq-list { padding: 0; }
}
/*--------------------------------------------------------------
# Announcements
--------------------------------------------------------------*/
#announcementDiv, #announcementDiv p { margin: 0; font-size: 14px }
#announcementDiv .minutesDiv h4 { background: #36aae3; padding: 2px 10px; color: #eee; font-size: 16px; }
#announcementDiv .nav-tabs .nav-link { border: 1px dotted #537db3;}
#announcementDiv .nav-tabs .nav-link.active { background:#537db3; color:#eee; font-weight:bold }
.announcements .details p { color:#777; font-size:1rem; line-height: 1.1;}
.announcements .details label { margin: 1px 0 }
.announcements .sp-event { font-size: .94rem; font-weight: bold; text-align: left; color: #2c5894;  }
.eventDay:nth-child(odd) { background: #f3f3f3 }
.eventDay { margin: 0 0 3px; padding: 6px 0;  }
.evenDetails { max-height:200px; overflow:auto}
.eventDay p { margin: 0; font-size: .94rem; line-height: 1.3; }
@media (min-width: 768px) {
#announcementDiv, #announcementDiv p { font-size: .94rem; }
#announcementDiv .minutesDiv h4 { font-size: 18px; }
}
.minutesDiv h4, #informationDiv h4, #informationDiv .infoDivTitle, .locationDiv h4, .agendaDiv h4  { background: #F3F3F3; color: #222; font-size: 1.2rem; margin: 0 2px 5px; padding: 2px; white-space: nowrap; width: 100%; font-weight:bold }
#informationDiv.businessDiv .table th { width: 25% !important; }
#informationDiv .table th, #informationDiv .table td, #informationDiv.postings { font-size: 14px; padding: 0.1rem; height: auto; }
#informationDiv .table th p, #informationDiv .table td p { margin: 0 }
/*--------------------------------------------------------------
# Announcements Side
--------------------------------------------------------------*/
#announcement-side { text-align: left; line-height: 1.2 }
#announcement-side h3 { font-size: 22px; color: #3d57a5; position: relative; border-bottom: 1px solid #a38146; padding-bottom: 1px; display: inline-block; }
#announcement-side h5 { font-size: 1rem; font-weight: bold  }
#announcement-side p { margin: 0 0 5px; }
#announcement-side .title { font-weight: bold }
#announcement-side .subtitle { font-weight: bold; font-size: 14.5px }
#announcement-side .info { font-size: 14.5px }
/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts { padding-bottom: 30px; }
.counts .count-box { padding: 40px 0 10px; width: 100%; text-align: center }
.counts .count-box i { display: block; font-size: 38px; color: #EEE; line-height: 0; }
.counts .count-title { font-weight: normal; font-size: 1.2rem; color: #eee }
.counts .count-box span { font-size: 38px; line-height: 40px; display: block; font-weight: 700; color: #EEE; padding: 10px 0 5px; }
.counts .count-box p { padding: 8px; margin: 10px 0 0;
font-size: 22px; font-weight: bold; color: #F1F1F1; }
.counts .count-box a { font-weight: 600; display: block; margin-top: 20px; color: #49788c; font-size: 15px; transition: ease-in-out 0.3s; }
.counts .count-box a:hover { color: #6e9fb4; }
.counts .spacerDiv { padding: 2px 0; background: rgba(255,255,255,.2); }
/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item { margin-bottom: 30px; }
.portfolio #portfolio-flters { padding: 0; margin: 0 auto 20px auto; list-style: none; text-align: center; }
.portfolio #portfolio-flters li { cursor: pointer; display: inline-block; padding: 6px 12px 6px 10px; font-size: 14px; font-weight: 600; line-height: 1; text-transform: uppercase; color: #444444; margin-bottom: 5px; transition: all 0.3s ease-in-out; border-radius: 3px; }
.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active { color: #fff; background: #5c9f24; }
.portfolio #portfolio-flters li:last-child { margin-right: 0; }
.portfolio .portfolio-wrap { transition: 0.3s; position: relative; overflow: hidden; z-index: 1; }
.portfolio .portfolio-wrap img { transition: all ease-in-out 0.3s; width: 100%; }
.portfolio .portfolio-wrap .portfolio-info { opacity: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; transition: all ease-in-out 0.3s; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding: 5px; width:100% }
.portfolio .portfolio-wrap .portfolio-info h4 { font-size: 14px; color: #fff; font-weight: 600; margin: 2px 0 0 }
.portfolio .portfolio-wrap .portfolio-info p { color: rgba(255, 255, 255, 0.7); font-size: 12.5px; text-transform: capitalize; padding: 0; margin: 0; font-style: italic; }
.portfolio .portfolio-wrap .portfolio-details { display: inline-block; width: 100%; background: rgba(0,0,0,.6); padding: 0; padding: 2px 5px; }
.portfolio .portfolio-wrap .portfolio-links { position: absolute; right: 14px; text-align: center; z-index: 4; bottom: 5px }
.portfolio .portfolio-wrap .portfolio-links a { color: #FFF; margin: 0 5px 0 0; font-size: 26px; display: inline-block; transition: 0.3s; }
.portfolio .portfolio-wrap .portfolio-links a:hover { color: #8ed851; }
.portfolio .portfolio-wrap:hover::before { opacity: 1; }
.portfolio .portfolio-wrap:hover img { transform: scale(1.1); }
.portfolio .portfolio-wrap:hover .portfolio-info { opacity: 1; }
.portfolio-container a { color: #FFF; font-size: 14px }
/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.inner-page h3.pTitle { font-size: 22px; }
.portfolio-details { padding-top: 40px; }
.portfolio-details .portfolio-details-slider img { width: 100%; }
.portfolio-details .portfolio-details-slider .swiper-pagination { margin-top: 20px; position: relative; }
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #fff; opacity: 1; border: 1px solid #5c9f24; }
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active { background-color: #5c9f24; }
.portfolio-details .portfolio-info { padding: 30px; box-shadow: 0 0 30px rgba(42, 42, 42, 0.08); }
.portfolio-details .portfolio-info h3 { font-size: 22px; font-weight: 700; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; }
.portfolio-details .portfolio-info ul { list-style: none; padding: 0; font-size: 15px; }
.portfolio-details .portfolio-info ul li + li { margin-top: 10px; }
.portfolio-details .portfolio-description { padding-top: 30px; }
.portfolio-details .portfolio-description h2 { font-size: 26px; font-weight: 700; margin-bottom: 20px; }
.portfolio-details .portfolio-description p { padding: 0; }
#portfolioView { min-height: 260px; padding: 0 20px; }
#portfolioView h3.pTitle { font-size: 22px; color: #a38146; position: relative; border-bottom: 1px solid #a38146; padding-bottom: 1px; display: inline-block;  margin:20px 0}

.swiper-wrapper .portfolio-info { position: absolute; z-index: 100; bottom: 10px; left: 10px; border-radius: 6px; background: rgba(0,0,0,.4); width: auto; max-width: 360px; padding: 8px 16px 4px; color: #eee; font-size: 13px; line-height: 1.1; text-align: justify }
.swiper-wrapper .portfolio-info .info-title { font-size: 13.5px; font-weight: bold }
.swiper-wrapper .portfolio-info p { margin-bottom: 2px }
.swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal { background: #000; display: inline-block; width: 100px; margin: 0 auto; position: absolute; bottom: unset; top: 0; color: #eee; right: 0; left: unset; z-index: 1000; font-size: 13px }
.swiper-pagination { position:relative; margin-top: 10px; }
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.notiForm { background:#6b86bc; border-top-left-radius:20px; border-top-right-radius:20px; padding:30px 0}
#footer { background: #254c9a; ; padding: 10px 0 0; color: #fff; font-size: 14px; border-top: 1px solid #666; overflow:hidden }
#footer .footer-top { padding: 36px 0 0 0; }
#footer .footer-top .footer-info h3 { font-size: 20px; margin: 0 0 20px 0; padding: 2px 0 2px 0; line-height: 1; font-weight: 700; }
#footer .footer-top .footer-info p { font-size: 14px; line-height: 24px; margin-bottom: 0;}
#footer .footer-top .social-links i { color: #f4f4f4; font-size: 18px; }
#footer .footer-top .social-links a { font-size: 14px; color: #eee; line-height: 1; padding: 8px 0; text-align: center; width: 36px; height: 36px; transition: 0.3s; display: inline-block; background: none; margin-right: 10px; }
#footer .footer-top h4 { font-size: 18px; color: #EEE; position: relative; padding-bottom: 5px;margin-bottom: 8px; }
#footer .footer-top a { color: #eee }
#footer .footer-top .footer-links { margin-bottom: 30px; position: relative }
#footer .footer-top .footer-image { position: relative; }
#footer .footer-top .footer-image img { width: auto; max-width: 100% }
#footer .footer-top .footer-links ul { list-style: none; padding: 0; margin: 0; }
#footer .footer-top .footer-links ul i { padding-right: 2px; color: #b5d9e9; font-size: 18px; line-height: 1; }
#footer .footer-top .footer-links ul li { padding: 4px 0; display: flex; align-items: center; }
#footer .footer-top .footer-links ul li:first-child { padding-top: 0; }
#footer .footer-top .footer-links ul a { color: #eee; transition: 0.3s; display: inline-block; line-height: 1; text-decoration: none; }
#footer .footer-top .footer-links ul a:hover { color: #a2cfe3; }
#footer .footer-top .footer-newsletter form { margin-top: 30px; background: #fff; padding: 6px 10px; position: relative; border-radius: 4; }
#footer .footer-top .footer-newsletter form input[type="email"] { border: 0; padding: 4px; width: calc(100% - 110px); }
#footer .footer-top .footer-newsletter form input[type="submit"] { position: absolute; top: 0; right: 0; bottom: 0; border: 0; background: none; font-size: 16px; padding: 0 20px; background: #67b0d1; color: #fff; transition: 0.3s; border-radius: 4; }
#footer .footer-top .footer-newsletter form input[type="submit"]:hover { background: #409cc5; }
#footer .copyright { position: relative; width: 100%; text-align: center; padding: 12px 0; border-top: 1px solid #444; margin-top: 30px;  background: #213d73; overflow:hidden }
#footer .copyright a { color: #eee }
#footer .copyright p { margin-bottom: 0 }
#footer .copyright .visits { padding: 0 10px }
 @media (max-width: 575px) {
#footer .footer-top .footer-info { margin: -20px 0 30px 0; }
#footer .footer-top .footer-image img { position: relative; margin-top: 0 }
}