::selection {
    background: #fed136;
    text-shadow: none;
}
img::selection {
    background: transparent;
}
/* width */
::-webkit-scrollbar {
    width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

body {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    overflow-x: hidden;
    font-family: Roboto, Arial, Verdana;
}
.flow {
    background-color: #FFFFFF;
    position: relative;
    display:block !important;
}
.visually-hidden {
    clip: rect(1px 1px 1px 1px);
    /* IE 6/7 */
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}
/*
 * For `.visually-hidden` elements that should be visible when it gains focus. 
 */
.visible-when-focused:focus {
    clip: auto;
    height: auto;
    overflow: visible;
    position: static;
    white-space: normal;
    width: auto;
    margin: auto;
}
/*
 * Style for "Skip Navigation" type links.  Should have an href linked to 
 */
.bypass-block-link:focus {
    position: absolute;
    text-decoration: none;
    background: #ffffff;
    padding: 0.2em;
    z-index: 100000;
}
.bypass-block-target:focus:target {
    outline: 3px solid rgba(38, 143, 255, 0.5) !important;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5) !important;
}
/************************************************************/
/***********          Top Banner header      ****************/
/************************************************************/

#divMobileMenuToggleWrp {
    padding: 20px 0 0 20px;
    display: none;
    cursor: pointer;
}
#divToolBarWrp div,
#divToolBarWrp_topBar div {
    cursor: pointer;
}
.divSearchToolWrp {
    position: absolute;
    right: 0;
    padding: 20px 0 15px 15px;
    opacity: 0.7;
}
#divSearchToolInnerWrp {
    display: none;
}
.divSearchToolWrp div {
    color: #FFFFFF;
}
.genClickable {
    cursor: pointer;
}
.txbSiteSearch {
    transition: all 0.5s ease-in-out;
    visibility: hidden;
    width: 0;
    background-color: transparent;
    border: none;
}
.txbSiteSearch.txbSiteSearch_active {
    margin: 0;
    visibility: visible;
}
.txbSiteSearch_active {
    width: 150px;
}
.spnRunSiteSearch {
    opacity: 0;
    transition: opacity .5s ease-in-out;
}
.spnRunSiteSearch_active {
    opacity: 1;
}
#divLogoWrp {
    text-align: center;
}
.container,
.widget-container {
    padding: 0px;
}

/******************     Weather section        *********************/
#mapWrapper {
    position: relative;
    max-width: 100%;
    float: left;
    padding-top: 20px;
}
#map {
    height: 345px;
    position: relative;
    overflow: hidden;
    width: 100%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    -mox-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}
.btn-map {
    color: #fff;
    background-color: #005288;
    border: 1px solid #014a79;
    width: 100px;
    padding: 8px;
    margin-right: 10px;
    margin-left: 10px;
}
.btn-map:hover {
    color: #fff !important;
    background-color: #014a79 !important;
    border: 1px solid #005288 !important;
}
.mapBtnWrap {
    display: inline-block;
    padding: 20px 0;
    width: 100%;
    text-align: center;
}
.mapBtnWrap .btn {
    margin: 0 15px;
}
.weatherWrapper {
    width: 100%;
    height: 345px;
    background-image: url(/TheParishCouncilThemeV2/img/weatherIcons/weather_bg.jpg);
    background-position: top;
    background-size: cover;
    position: relative;
    z-index: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    border-radius: 5px;
    float: left;
    font-size: 100%;
    top: 20px;
    /*margin-right: 15px;
    margin-left: 15px;*/
}
.weatherWrapper:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    border-radius: 5px;
}
.weatherWrapper:before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6d0019+0,5f8460+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(109, 0, 25, 0) 0%, #5f8460 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(109, 0, 25, 0) 0%, #5f8460 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(109, 0, 25, 0) 0%, #5f8460 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006d0019', endColorstr='#5f8460', GradientType=0);
    /* IE6-9 */
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}
.forecast {
    display: block;
    position: relative;
    z-index: 2;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    float: left;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    top: 3%;
}
.forecast div {
    display: block;
    max-width: 20%;
    font-size: 100%;
    text-align: center;
    color: #fff;
    border-right: 1px solid rgb(200, 200, 200, 0.5);
    width: 20%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: left;
}
.forecast div:last-child {
    border-right: 0;
}
.forecast img {
    display: block;
    max-width: 50%;
    max-height: 46px;
    margin: 0 auto;
}
#weatherWidget {
    padding-top: 20px;
}
.weather-app {
    margin: auto;
    max-width: 100%;
    height: 242px;
    overflow: hidden;
    text-align: center;
    position: relative;
    z-index: 2;
    text-shadow: 1px 1px #000;
    width: 100%;
    float: left;
}
.weatherDetails {
    display: inline-block;
    padding: 8px;
}
.weather-app .left {
    float: left;
    width: 50%;
    color: white;
    display: block;
}
.weather-app .temperature {
    margin-top: 0px;
    margin-left: 20px;
    font-size: 400%;
    font-weight: bold;
    width: 85%;
    font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;

}
.weather-app .location {
    font-size: 135%;
    width: 100%;
    margin: 10px 0;
    position: relative;
    display: inline-block;
    color: #fff;
    border-bottom: 1px solid #fff;

}
.weather-app .right {
    width: 100%;
}
.weather-app .top {
    width: 100%;
    margin: 0 auto;
}
.weather-app .top img {
    width: 100%;
}
.weather-app .bottom {
    color: white;
    font-weight: bold;
    width: 100%;
    font-size: 115%;
    margin-right: 10px;
}
.weather-app .humidity {
    padding-bottom: 8px;
}
.weather-app .center {
    display: inline-block;
    width: 50%;
    max-width: 120px;
}
.weather-app .description {
    font-size: 130%;
    position: relative;
    color: #fff;
    text-transform: capitalize;
    text-align: center;

}
.date {
    font-size: 100%;
    width: 50%;
    margin: 0 auto;
    padding: 5px;
}
#map_canvas {
    height: 345px;
    width: 100%;
    border-radius: 5px;
    margin-top: 20px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    -mox-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}
div#map_canvas_button {
    display: inline-block;
    padding: 20px 0;
    width: 100%;
    text-align: center;
}
div#map_canvas_button .btn {
    margin: 0 15px;
}

#h1SiteSearch {
    text-align: center;
}
.divSearchToolWrp {
    position: absolute;
    right: 0;
    padding: 15px 0 15px 15px;
    opacity: 0.7;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#divSearchToolInnerWrp {
    display: none;
}
.divSearchToolWrp div {
    color: #FFFFFF;
}
.txbSiteSearch {
    width: 0;
    background-color: transparent;
    border: none;

    transition: width .5s ease-in-out;
}
.txbSiteSearch_active {
    width: 150px;

}
#btnSiteSearch {
    width: 28px;
    height: 28px;
    background: #FFFFFF;
    color: #000000;
    border: 1px solid grey;
    border-left: none;
    /* Prevent double borders */
    cursor: pointer;
}
.spnRunSiteSearch {
    opacity: 0;
    transition: opacity .5s ease-in-out;
}
.spnRunSiteSearch_active {
    opacity: 1;
}
.formSiteSearch {
    padding: 20px;
    max-width: 800px;
    margin: 0 auto;
}
#divResultCountWrp {
    text-align: center;
}
.divSearchResultsWrp {
    padding: 20px;
}
.divSearchResultsWrp h2 {
    padding-left: 0px;
}
.ulSearchResults {
    list-style-type: none;
}
.ulSearchResults li {
    padding: 8px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    margin-bottom: 1em;
}
.divSearchItemIntro {
    width: 100%;
    height: 75px;
    padding: 1em;
    margin-bottom: 1em;
    overflow: hidden;
    position: relative;
}
.divSearchItemIntro :after {
    width: 100%;
    height: 6em;
    content: "";
    background-image: linear-gradient(to bottom, rgba(239, 239, 239, 0), rgba(239, 239, 239, 1) 90%);
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    pointer-events: none;
}
#divCalendarWrp {
    width: 96%;
    margin: 0 auto 2% auto;
    max-width: 1024px;
}
#calendar {
    margin-left: auto;
    margin-right: auto;
    width: 100.1%;
}
#calendar_weekdays div {
    display: inline-block;
    vertical-align: top;
}
#calendar_content,
#calendar_weekdays,
#calendar_header {
    position: relative;
    width: 100%;
    overflow: hidden;
    float: left;
    z-index: 10;
}
#calendar_weekdays div {
    width: 14.27%;
    height: 50px;
    background-color: #FFFFFF;
    color: #787878;
    font-size: 150%;
    text-align: center;
    overflow: hidden;
    border: 1px solid #c0c0c0;
    padding: 0.5%;
}
#calendar_content div {
    width: 14.27%;
    height: 100px;
    padding: 0.5%;
    background-color: #FFFFFF;
    color: #787878;
    overflow: hidden;
    border: 1px solid #c0c0c0;
}
#calendar_content {
    -webkit-border-radius: 0px 0px 12px 12px;
    -moz-border-radius: 0px 0px 12px 12px;
    border-radius: 0px 0px 12px 12px;
}
#calendar_content div {
    float: left;
}
#calendar_content div:hover {
    background-color: #F8F8F8;
}
#calendar_content div.blank {
    background-color: #E8E8E8;
}
#calendar_header,
#calendar_content div.today {
    zoom: 1;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
#calendar_content div.today {
    color: #FFFFFF;
}
#calendar_header {
    width: 100%;
    height: 37px;
    text-align: center;
    opacity: 1;
    padding: 18px 0;
    border-radius: 12px 12px 0px 0px;
    box-sizing: unset;
}
#calendar_header span {
    color: #FFFFFF;
}
i[class^=icon-chevron] {
    width: 25px;
    height: 25px;
    color: #FFFFFF;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
}
.divEvent,
.divMeeting {
    display: block;
    background-color: #2f4c62;
    border: 1px solid #ffffff;
    padding: 3px;
    margin-bottom: 2%;
    border-radius: 3px;
    text-align: left;
    line-height: 1.2;
    font-size: 75%;
}
.divEventOrMeeting {
    display: block;
    padding: 0 !important;
    margin: 1% 3% 1% 0;
    text-align: left;
    line-height: 1.2;
    font-size: 75%;
    float: right;
    clear: both;
    width: 47%;
    font-size: 115%;
    text-align: center;
}
.divEventOrMeeting a {
    display: block;
    color: #2f4c62 !important;
    padding: 5px 15px;
    border: 1px solid #2f4c62;
    background: #FFFFFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.divEventOrMeeting a:hover {
    background: #2f4c62;
    color: #FFFFFF !important;
    text-decoration: none;
}
.divEvent:before,
.divMeeting:before {
    display: block;
    float: left;
    margin-right: 4px;
    color: #FFFFFF;
    font-family: FontAwesome;
    font-size: 100%;
}
.divEvent:before {
    content: "\f073";
}
.divMeeting:before {
    content: "\f0c0";
}
.divEvent:hover,
.divMeeting:hover {
    border: 1px solid #2f4c62;
}
.divEvent a,
.divMeeting a {
    color: #FFFFFF !important;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 85%;
    display: block;
    font-size: 100%;
}
.divEvent a:hover,
.divMeeting a:hover {
    color: #FFFFFF !important;
    text-decoration: none;
}
.divShowMore {
    cursor: pointer;
}
.divShowMore~span {
    display: none;
}
#divCalendarPopupOverlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    padding: 0 15px;
    overflow-x: scroll;
}
#calendarPopup {
    max-width: 600px !important;
    width: 95%;
    background-color: #FFFFFF !important;
    border-radius: 10px;
    position: relative;
    top: 30%;
    margin: 0 auto;
    overflow: hidden;
    min-height: 230px;
}
#calendarPopup:before {
    width: 47%;
    content: "\f073";
    font-size: 800%;
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    bottom: 0;
    padding-top: 80px;
    text-align: center;
    line-height: 100%;
    color: #2f4c62;
    background: #efefef;
    z-index: 0;
}
#calendarPopup span {
    padding-left: 4px;
}
#divCalendarPopupHeaderWrp {
    font-size: 150%;
    text-align: center;
    color: #FFFFFF;
    padding: 2%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}
#divCalendarPopupHeaderWrp span:nth-of-type(2) {
    float: right;
    cursor: pointer;
}
#calendar_weekdays div {
    color: rgb(33, 37, 41) !important;
}
#calendar_content div {
    color: rgb(33, 37, 41) !important;
}
#calendar_content div.today {
    color: #FFFFFF !important;
}
.fa-calendar-plus-o:hover {
    cursor: pointer;
}
/******START main display ******/
.h2CouncilContentDisplayHeading {
    width: 100%;
    text-align: center;
    padding-bottom: 2rem;
}
#divCouncilContentPopupWrp {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000;
    background-color: rgba(0, 0, 0, 0.75);
    display: none;
}
#divCouncilContentPopupContentWrp {
    width: 60%;
    min-width: 420px;
    background-color: #FFFFFF;
    padding: 12px;
    margin: 20% auto 0 auto;
    text-align: center;
}
#parCouncilContentPopupText {
    margin-top: 12px;
}
.CouncilContentPopupClose {
    float: right;
    font-size: 1.5rem;
    cursor: pointer;
}
/******END main display ******/

/******START templates ******/

/******START title, image/icon, intro & link*******/
#divTitleImgIntroLink {
    margin: 0 auto;
}
#divTitleImgIntroLink .divCouncilContentItemWrp {
    text-align: center;
    min-width: 12rem;
    padding-bottom: 2rem;
}
#divTitleImgIntroLink .divCouncilContentTitle {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}
#divTitleImgIntroLink .imgCouncilContentImage {
    width: 100%;
}
#divTitleImgIntroLink .divCouncilContentIconWrp i {
    font-size: 7rem;
}
#divTitleImgIntroLink .lnkCouncilContentButton {
    font-size: 1.2rem;
    padding: 0.8rem;
    border-radius: 0.3rem;
}
/******END title, image/icon, intro & link*******/

/******START image with hover*******/

.divCouncilContentImageGalleryInnerWrp {
    height: 200px;
    overflow: hidden;
    margin-bottom: 6px;
    padding: 0 !important;
    border: 8px solid #FFFFFF;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26), 0 2px 10px 0 rgba(0, 0, 0, .22);
    border-radius: 4px;
    position: relative;
}
#divCouncilContentImageGalleryWrp .divCouncilContentIconWrp {
    font-size: 8em;
    text-align: center;
}
.divCouncilContentImageGalleryItemWrp img {
    height: 100%;
    min-width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.divCouncilContentImageGalleryItemWrp:hover .divPageGalleryItemFooter {
    opacity: 1;
    font-size: 18px;
}
/******END image with hover*******/

/******START document link v1*******/
#divCouncilContentDocLinkV1 .divCouncilDocLinkWrp {
    background-color: #CCCCCC;
    padding-bottom: 12px;
    margin-bottom: 15px;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26), 0 2px 10px 0 rgba(0, 0, 0, .22);
}
#divCouncilContentDocLinkV1 .divCouncilDocLinkHead {
    background-color: #CCCCCC;
    padding: 6px 2px 6px 2px;
    margin-bottom: 15px;
}
#divCouncilContentDocLinkV1 .lnkCouncilDocLink {
    padding: 4px;
    border-radius: 5px;
}
#divCouncilContentDocLinkV1 .lnkCouncilDocLink:hover {
    text-decoration: none;
    padding: 6px;
}
/******END document link v1*******/

/******START accordian v1*******/
#divCouncilContentAccordianV1Wrp {
    width: 100%;
}
#divCouncilContentAccordianV1Wrp .divAccordianItemWp {
    margin: 2px;
}
#divCouncilContentAccordianV1Wrp .divAccordianIntro {
    padding: 18px;
    font-size: 1.2rem;
    text-align: left;
    cursor: pointer;
    opacity: 0.8;
}
#divCouncilContentAccordianV1Wrp .divAccordianIntro:hover {
    opacity: 1.0;
}
#divCouncilContentAccordianV1Wrp .divAccordianIntro i {
    padding-right: 4px;
    font-size: 1.8rem;
    vertical-align: bottom;
}
#divCouncilContentAccordianV1Wrp .divAccordianBody {
    padding: 4px;
    text-align: center;
    display: none;
}

/******END accordian v1*******/

/******END templates ******/

/****** START Link button Widget ******/
.divLinkButtonOuterWrp {
    width: 100%;
}
.divLinkButtonWrp {
    width: max-content;
    font-size: 16px;
    padding: 6px 12px 6px 12px;
    margin: 6px;
    border-radius: 10px;
    display: inline-block;
    opacity: 0.75
}
.divLinkButtonWrp:hover {
    opacity: 1.0;
    text-decoration: none;
}
.divLinkButtonWrp a {
    text-decoration: none;
    font-family: Roboto, Arial, Verdana;
}
/****** END Link button Widget ******/

/****** START Next Event Widget ******/
#divNextEventWrp {
    width: 50%;
    /*aa removed margin-bottom: 12px;*/
    border: 1px solid #efefef;
    /*aaremoved box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);*/
}
#divNextEventHead {
    font-size: 230%;
    background-color: #EFEFEF;
    padding: 8px 0 8px 18px;
}
#divNextEventHead span:nth-of-type(1) {
    position: relative;
    color: #666666;
    background: #ffffff;
    font-size: 125%;
    line-height: 160%;
    z-index: 1;
    text-align: center;
    padding: 8px 8px 8px 8px;
    /*aa removedborder-radius: 50%;*/
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
#divNextEventHead span:nth-of-type(2) {
    padding-left: 8px;
}
#divNextEventBody span {
    display: block;
}
#divNextEventBody .btn {
    margin: 6px 0 6px 0;
}
/****** END Next Event Widget ******/

/****** START Announcement Widget ******/
.divAnnouncementOuterWrp {
    width: 100%;
    height: 100%;
}
.lnkMainSite {
    padding: 4px;
    border-radius: 4px;
    position: absolute;
    top: 8px;
    right: 8px;
}
.lnkMainSite:hover {
    text-decoration: none;
}
.divAnnouncementWrp {
    width: 66%;
    margin: 0 auto;
    text-align: center
}
.divAnnouncementWrp h1 {
    color: #FFFFFF;
    padding: 20px;
}
.divAnnouncementWrp img {
    color: #FFFFFF;
    padding-bottom: 20px;
    max-width: 500px;
}
.divAnnouncementWrp a,
.divAnnouncementWrp a:hover {
    color: #FFFFFF !important;
    display: block;
    padding: 20px;
}
.divAnnouncementWrp p {
    line-height: 1.2;
}
/****** END Announcement Widget ******/

/****** START Blog feed Widget ******/
.divBlogFeedWrp {
    width: 100%;
}
.divBlogPostWrp {
    margin-bottom: 2%;
}
.divBlogPostWrp hr {
    width: 96%;
}
.divPostHeaderWrp {
    color: #000000;
    background-color: #EFEFEF;
    padding-top: 8px;
}
.divBlogPostWrp h3 {
    width: 96%;
    margin: 0 auto;
    text-align: left;
}
.divBlogPostData {
    width: 96%;
    padding-bottom: 6px;
    margin: 0 auto;
    text-align: right;
}
.divBlogPostBody {
    padding: 12px;
    text-align: left;
}
.divRelatedDocsWrp {
    padding-left: 2%;
}
.divRelatedDocsWrp a {
    margin: 0 4px 8px 0;
}
.fb-share-button {
    text-align: center;
}
/****** END Blog feed Widget ******/

/****** START Latest Blogpost Widget ******/
.divLatestBlogpostsListWrp {
    width: 100%;
}
.divLatestBlogpostWrp {
    width: 100%;
    margin: 0 4px 12px 0;
    border: 1px solid #efefef;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    max-width: 480px;
    display: inline-block;
}
.divLatestBlogpostHead {
    font-size: 230%;
    background-color: #EFEFEF;
    padding: 8px 0 8px 18px;
}
.divLatestBlogpostHead span:nth-of-type(2) {
    padding-left: 8px;
}
.divLatestBlogpostBody span {
    display: block;
    padding-top: 8px;
}
.divLatestBlogpostBody {
    padding-top: 8px;
}
.divLatestBlogpostBody .btn {
    margin: 6px 0 6px 0;
}
/****** END Latest Blogpost Widget ******/
/****** START Parish virtual Tour ******/
#divParishVirtualTourWrp {
    width: 100%;
}
#divParishVirtualTourWrp>div {
    width: 50%;
    float: left
}
#divParishTourMap,
#divParishTourPanorama {
    height: 417px;
}
#divParishTourMessage {
    width: 100%;
    font-size: 20px;
    color: #FF0000;
    padding: 1%;
    display: inline-block;
    text-align: center;
    display: none;
}
/****** END Parish virtual Tour ******/

/****** START FixMyStreet feed******/
.divFixMyStreetOuterWrp {
    width: 100%;
    text-align: center;
    padding: 0 2% 0 2%;
}
.divFixMyStreetTabWrp {
    margin-top: 1%;
}
.divFixMyStreetTabWrp button {
    font-size: 1.3rem;
    padding: 4px 12px 4px 12px;
    border: none;
}
.h2FixMyStreetFeed {
    background-color: #CCCCCC;
    padding: 1% 0 1% 0;
    margin-top: 0 !important;
}
.divFixMyStreetInnerWrp .divFixMyStreetFeedItem:nth-of-type(2n) {
    background-color: #EFEFEF;
}
.divFixMyStreetFeedItem {
    padding: 1%;
}
.divFixMyStreetFeedItem h3 {
    padding: 1% 0 1% 0;
}
.divFixmystreetFeedItemLeft {
    width: 15%;
    display: inline-block;
    vertical-align: top;
}
.divFixmystreetFeedItemLeft img {
    max-width: 200px;
}
.divFixmystreetFeedItemRight {
    width: 30%;
    display: inline-block;
    padding-bottom: 1%;
    vertical-align: top;
}
.divFeedItemMapWrp {
    width: 40%;
    height: 300px;
    display: inline-block;
}
.divFixmystreetFeedItemRight .btn {
    margin-right: 12px;
}
.divFixMyStreetMap {
    height: 600px;
}
.divFeedItemMap {
    height: 300px;
}

/****** END FixMyStreet feed******/
.flexslider .flex-control-nav li a {
    width: 24px !important;
    height: 24px !important;
    border: none !important;
    padding: 6px
}
.flexslider .flex-control-nav .flex-active {
    background-color: transparent !important;
}
.flexslider .flex-control-nav li a:before {
    content: "";
    border: 1px solid #FFFFFF;
    border-radius: 6px;
    width: 12px;
    height: 12px;
    display: block;
}
.flexslider .flex-control-nav .flex-active:before {
    background-color: #FFFFFF;
}
.flexslider .flex-control-nav li {
    width: 24px !important;
    height: 24px !important;
    margin: 2px !important;
}
#selMeetingYear,
#selMeetingMonth,
#selMeetingType {
    font-size: 100%;
}
#noteattopofpage p {
    font-size: 115%;
}
#noteattopofpage p a {
    font-weight: bold;
}
.gdprcookie-buttons button {
    font-weight: bold;
}
::-ms-input-placeholder {
    /* Edge 12-18 */
    color: #cccccc;
}
::placeholder {
    color: #cccccc;
}
.divNewsTextWrp a {
    font-weight: bold;
}
.planningTableSearch input {
    border: 1px solid #666666;
}
.planningTableSearch {
    background-color: #CCCCCC;
}
#divPlanningMapFilterWrp {
    background-color: #CCCCCC;
}
.txbSiteSearch {
    transition: all 0.5s ease-in-out !important;
    visibility: hidden;
}
.txbSiteSearch.txbSiteSearch_active {
    margin: 0;
    visibility: visible;
}
/* parishCouncil.css */
/* added to improve consistancy*/
.flexslider .slides>li:first-child {
    display: block;
    backface-visibility: visible;
    -webkit-backface-visibility: visible;
}
.flexslider .slides>li {
    display: none;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.img-thumbnail {
    max-height: 300px;
    transition: transform .2s;
    /* Animation */
    border: 1px solid #efefef;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
}
.img-thumbnail:hover {
    transform: scale(1.05);
    /* (110% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.meta.flexSlideCaption h2 {
    box-shadow: 1px 1px 3px black;
    -moz-box-shadow: 1px 1px 3px black;
    -webkit-box-shadow: 1px 1px 3px black;
    border-radius: 5px
}
.meta.flexSlideCaption h3 {
    box-shadow: 1px 1px 3px black;
    -moz-box-shadow: 1px 1px 3px black;
    -webkit-box-shadow: 1px 1px 3px black;
    border-radius: 5px
}
.meta.flexSlideCaption h4 {
    box-shadow: 1px 1px 3px black;
    -moz-box-shadow: 1px 1px 3px black;
    -webkit-box-shadow: 1px 1px 3px black;
    border-radius: 5px
}
#add2percenttopandbottom {
    padding: 2% 0% 2% 0;
}
/*  end of extras */
.flow {
    background-color: #FFFFFF;
    position: relative;
}

p.date-time-field.date-time-field-news-update-date {
    position: relative;
    background-color: white;
    margin-top: -50px;
    float: right;
    margin-right: 15px;
    padding: 5px 15px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}
.mainBlogDetail {
    position: relative;
    /*opacity: 0.8;*/
    min-height: 200px !important;
}
.blogMainThumb .monthYearBlog {
    left: 0px !important;
    text-align: center !important;
    font-size: 80%;
}
.ulMpcItemList li {
    width: 50%;
    float: left;
    padding-left: 0.5%;
    padding-right: 0.5%;
}
.blogMainThumb .blogDetailDate {
    left: unset !important;
}
.divMpcItemImageWrp {
    text-align: center;
}
.divMpcItemImageInnerWrp {
    min-height: 225px;
    background-size: cover;
    background-position: center;
}
.divMpcItemImageWrp img {
    height: auto;
    max-width: 100%;
    width: unset !important;
    max-height: 225px;
}
.parishCouncilLinksWrp div {
    border: 5px solid white !important;
}
.blog-post {
    margin-top: 1% !important;
}
.has-drop-cap:not(:focus):first-letter {
    float: left;
    font-size: 540%;
    line-height: .68;
    font-weight: 100;
    margin: .10em .1em 0 0;
}
body {
    background-size: cover !important;
}
article.projection-page.content-item {
    padding-top: 2%;
}
input[type="radio"] {
    /*font-size: 65%;*/
    float: inline-end;
}
#divEmergencyNoticeWrp a {
    font-weight: bold !important;
}
.orchard-layouts-root {
    min-height: auto !important;
}
.divHomeHistoryLinkWrp {
    padding-top: 2%;
}
/* aa removed article.widget.widget-paragraph.widget-align-justify.widget-size-100 p {
    padding-right: 2%;
    padding-left: 2%;
}*/
/*
header.masthead .intro-text .intro-heading {
    font-size: 250%; use bootstrap 
    background-color: white;
    opacity: 0.9;
    padding-bottom: 2%;
    padding-top: 2%;
}*/
header.masthead {
    position: relative;
}
#main {
    background-color: #FFFFFF;
    position: relative;
}
div#main section p {
    padding-left: 2%;
    padding-right: 2%;
}
.footer {
    background-color: #EFEFEF;
}
select {
    padding: 10px 5px !important;
    border-radius: 5px !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}
.ulMpcItemList {
    list-style-type: none;
    padding-left: 0px;
}
.widget.widget-html-widget.widget-align-justify.widget-size-100 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.widget-body {
    text-align: center;
}
/*.projection-page.councillorMainId>ul>li {
    margin: 7% 0% 1% 1% !important;	
}*/

/*.widget-align-justify {
     top: -15px; 
}*/

/*---------latest 11th march--------*/
#makeatablecentre {
    text-align: center;
    position: relative;
    margin: 0 auto;
    width: 50%;
    max-width: 500px;
}
#makeatablecentre td {
    padding: 1%;
    border: 1px solid lightgrey;
    border: 1px solid lightgey;
}
.div-table {
    display: table;
    width: auto;
    background-color: white;
    border-spacing: 5px;
    /* cellspacing:poor IE support for this */
    margin: 0 auto;
}
.div-table-row {
    display: table-row;
    width: auto;
    clear: both;
    float: left;
}
.div-table-col {
    float: left;
    /* fix for buggy browsers */
    display: table-column;
    width: 200px;
    background-color: white;
    border: 1px solid lightgrey;
    padding: 1%;
    min-height: 70px;
}
/************ end *****************/
#mainNav .container {
    padding: 0;
}
div#image-gallery-caption {
    text-align: center;
    padding-top: 1%;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    margin: 0 auto;
}
.modal-header .close {
    padding: 9px 15px;
    margin: 0px;
    top: 0px;
    right: 0;
    border: none;
}
#image-gallery {
    z-index: 10000000000;
    background-color: rgba(0, 0, 0, .4);
}
.modal-content {
    top: 12px !important;
}
.widget.widget-html-widget.widget-align-justify.widget-size-66 {
    border-right: 1px solid #eeeeee;
}
.text-uppercase {
    text-transform: initial !important;
}
.container,
.widget-container {
    padding: 0px;
}
/*.active {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-right: 1px;
    margin-left: 1px;
}*/

header.hdrMastheadGrey {
    width: 100%;
    background-color: #EFEFEF;
    margin: 0 0 0 auto;
    text-align: center;
    color: #000000;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
    position: relative;
}
header.hdrMastheadGrey .intro-text {
    padding: 1% 0 1% 0%
}
header.hdrMastheadGrey .intro-text .intro-lead-in {
    font-size: 155%;
    font-style: italic;
    line-height: 22px;
    margin-bottom: 0px;
}
header.hdrMastheadGrey .intro-text .intro-heading {
    opacity: 1;
    /*aa removed   font-size: 255%;*/
    font-weight: 400;
    line-height: 50px;
    padding: 0;
    margin-bottom: 0px !important;
}
.divReportsOuterWrp {
    width: 100%;
}
.artReportsWrp {
    background-color: #FFFFFF;
}

#main {
    background-color: #FFFFFF;
    position: relative;
}
div#main section p {
    padding-left: 2%;
    padding-right: 2%;
}
.home div#main section p {
    padding: 2%;
}
/****** START homepage - next meeting ******/
#divNextMeetingWrp {
    width: 50%;
    margin: 0 auto;
    max-width: unset;
    border-radius: 5px;
    border: 1px solid #efefef;
}
#divNextMeetingHead {
    /*  font-size: 230%; - USEBOOTSTRAP */
    /*  background-color: #EFEFEF; removed style */
    padding: 8px;
    text-align: center;
}
#divNextMeetingHead span:nth-of-type(1) {
    position: relative;
    color: #666666;
    background: #ffffff;
    font-size: 125%;
    line-height: 160%;
    z-index: 1;
    text-align: center;
    padding: 8px 8px 8px 8px;
    border-radius: 5px;
    /*aa removed border-radius: 50%;*/
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
#divNextMeetingHead span:nth-of-type(2) {
    padding-left: 8px;
}
#divNextMeetingBody span {
    display: block;
}
#divNextMeetingBody .btn {
    margin: 6px 0 6px 0;
}
/****** END homepage - next meeting ******/
#nextmeetingattop {
    /*aaremoved max-width: 33%;*/
    text-align: center;
    position: relative;
    margin: 0 auto;
}
.divMpcItemInnerWrp {
    margin: 20px 0 20px 0;
    display: block;
}
.divMpcItemInnerWrp header {
    margin-bottom: 20px;
    display: block;
}
.divEventBodyWrp {
    padding: 8px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}
.divEventBodyWrp .divMpcItemDayWrp {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.divMeetingBodyWrp,
.divEventBodyWrp {
    margin: 8px;
    border-radius: 5px;
    padding: 0 0 5% 0 !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    position: relative;
}
.divMeetingBodyWrp header {
    padding: 10px 0 10px 0;
}
.divMeetingBodyInnerWp {
    border: 1px solid #EFEFEF;
    padding: 8px;
}
.divMpcItemDayWrp {
    width: 100px;
    color: #666666;
    background: #FFFFFF;
    font-size: 448%;
    line-height: 160%;
    z-index: 1;
    text-align: center;
    /*aa removed border-radius: 50%;*/
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    display: inline-block;
    position: relative;
    z-index: 1;
    top: 188px;
}
.meetings .divMpcItemDayWrp {
    font-size: 300%;
    width: 70px;
}
.divMpcItemWhenWhereWrp {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    /*margin-top:-15px;*/
    margin-top: 2%;
}
.divMpcItemHeaderLeft {
    display: inline-block;
}
.divMpcItemHeaderRight {
    display: inline-block;
    /* removed aa float: right; 
    background-color: #EFEFEF;*/
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.divMpcItemLocationWrp {
    color: #666666;
    float: left;
    width: 100%;
    padding-left: 135px;
    text-align: right;
    margin-top: 60px;
}
.divEventBodyWrp .divMpcItemLocationWrp {
    padding-left: 0px;
    margin-top: 20px;
    text-align: left;
}
.divMpcItemDateWrp {
    color: #666666;
    position: relative;
    top: 84px;
    left: 0;
}
.meetingand-agenda.content-item .divMpcItemDateWrp {
    top: 85px;
    text-align: left;
}
.divMpcItemDetailLinkWrp {
    text-align: center;
}
.divMpcItemDescriptionWrp {
    padding: 15px 0;
    text-align: center;
}
.divMeetingBodyWrp .divMpcItemDescriptionWrp {
    height: 100px;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}
.divMpcItemImageWrp {
    padding: 20px 0 20px 0;
}
.divEventBodyWrp .divMpcItemImageWrp {
    padding: 20px 0 20px 0;
}
#divHomeHistoryGalleryWrp img,
.divHistoryItem img {
    width: 100%;
}
#divEmergencyNoticeWrp {
    width: 100%;
    background-color: #FF3333;
    padding: 4px 0 4px 0;
    /*aaremoved margin-bottom: 12px;*/
    text-align: center;
    font-weight: bold;
    font-size: 172%;
    color: #FFFFFF;
    text-transform: capitalize;
    /* aaremoved  border-radius: 5px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 2px 2px 4px  rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 2px 2px 4px  rgba(0, 0, 0, 0.25)*/
}
#divEmergencyNoticeWrp a {
    text-decoration: underline;
}
#h1AccessDeniedMessage {
    text-align: center;
    margin-top: 170px;
}
/****** START former agency theme css ******/
.meetingand-agenda section {
    display: inline;
    float: left;
    padding: 0 2% 2% 2%;
}
.meetingand-agenda .media-library-picker-field-minutes span strong,
.meetingand-agenda .media-library-picker-field-agenda span strong {
    display: inline-block;
    margin-bottom: 8px;
}

.projection-page.councillorMainId>ul>li {
    width: 48%;
    background-color: #efefef;
    position: relative;
    display: inline-block;
    border: 1px solid #efefef;
    border-radius: 8px;
    margin: 75px 6px 30px 6px;
    padding-top: 150px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    vertical-align: text-top;
}
.divPolicyItemsWrp {
    width: 100%;
}
.divPolicyItemWrp {
    border: 1px solid #34495E;
    margin-bottom: 12px;
}
.divPolicyItemWrp a {
    position: relative;
    top: 33%;
}
#divMeetingFilterWrp {
    text-align: center;
    padding: 12px 0 12px 0;
}
#divMeetingFilterWrp span:nth-child(1) {
    display: inline-block;
    padding-bottom: 8px;
}
.divMpcItemHeaderRight h3 {
    font-size: 225%;
}
.divMpcItemHeaderRight h2 {
    font-size: 225%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.divMpcItemImageWrp img {
    width: 100%;
}
/****** START screen reader ******/
#divScreenReaderWrp {
    position: relative;
    width: 272px;
}
.readerOpen {
    left: 0;
    transition: left 2s;
}
.readerClosed {
    left: -280px;
    transition: left 2s;
}
#divReaderControlWrp {
    background-color: #FFFFFF;
    padding: 2px 8px 28px 8px;
}
#divScreenReaderWrp button,
#divReaderControlWrp,
.divReaderActivator {
    display: inline-block;
}
.textToSpeechActive,
.textToSpeechInactive {
    border: 1px solid #fff;
    max-width: 53px;
    position: relative;
    top: 2px;
    left: -9px;
    border-radius: 5px;
}
.textToSpeechActive {
    background-color: #008000;
    /*border-radius: 50%;*/
}
.textToSpeechInactive {
    /*border-radius: 50%;*/
    background-color: #2f4c62 !important;
}
.highlight:hover {
    background-color: purple !important;
    color: white !important;
}
nav#a11y-tool-toolbar {
    z-index: 1;
}
#a11y-tool-toolbar .a11y-tool-toolbar-toggle a {
    border-radius: 5px;
}
/****** END screen reader ******/
body {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    overflow-x: hidden;
    font-family: Roboto, Arial, Verdana;
}
p {
    padding: 0 15px 0 15px;
    margin-top: 1rem;
    line-height: 1.7;
}
.text-primary {
    color: #fed136 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0.5rem !important;
}
/*aaremoved.page-section {
    padding-bottom: 1%;
}*/

.page-section h2.section-heading {
    font-size: 150%;
    margin-top: 0;
    margin-bottom: 15px;
}
.page-section h3.section-subheading {
    font-size: 125%;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 75px;
    text-transform: none;
    font-family: Roboto, Arial, Verdana;
}
::-moz-selection {
    background: #fed136;
    text-shadow: none;
}
::selection {
    background: #fed136;
    text-shadow: none;
}
img::-moz-selection {
    background: transparent;
}
img::selection {
    background: transparent;
}
img::-moz-selection {
    background: transparent;
}
.btn {
    font-family: Roboto, Arial, Verdana;
    font-weight: 700;
}
.btn-xl {
    font-size: 18px;
    padding: 20px 40px;
}
.btn {
    display: inline-block;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.btn:before {
    content: '';
    position: absolute;
    border-radius: 5px;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    transition-duration: .3s;
    transition-property: top right bottom left;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25)
}
.btn:hover:before {
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
}
.btn-primary:disabled {
    background-color: #000000;
}



/****** START nav menu ******/

ul.dropdown-menu .nav-item.active a.nav-link.js-scroll-trigger {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
/****** END nav menu ******/


header.masthead .intro-text {
    padding-top: 150px;
    padding-bottom: 100px;
}
header.masthead .intro-text .intro-lead-in {
    font-size: 160%;
    font-style: italic;
    line-height: 22px;
    margin-bottom: 25px;
    font-family: Roboto, Arial, Verdana;
}
/*header.masthead .intro-text .intro-heading {
    font-size: 300%; use bootstrap 
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 25px;
    font-family: Roboto,Arial,Verdana;
    background-color: rgba(255,255,255,0.7);
    display: inline;
    padding: 14px;
    border-radius: 5px;
    margin:0 10px;
}*/

header.masthead .intro-text .intro-heading h1 {
    display: inline-block;
    background-color: white;
    border-radius: 5px;
    padding: 1% 2%;
    opacity: 0.9;
}
.footer {
    background-color: #efefef;
    padding: 0 0 25px 0;
    text-align: center;
}
.footer hr {
    margin: 0;
    padding-bottom: 20px;
}
.footer span.copyright {
    font-size: 90%;
    line-height: 40px;
    text-transform: none;
    font-family: Roboto, Arial, Verdana;
}

.footer ul.quicklinks {
    /*         font-size: 90%; END USE BOOTSTRAP */
    line-height: 40px;
    margin-bottom: 0;
    text-transform: none;
    font-family: Roboto, Arial, Verdana;
}
ul.social-buttons {
    margin-bottom: 0;
}
ul.social-buttons li a {
    font-family: 'Font Awesome 5 Brands';
    font-size: 135%;
    font-weight: 900;
    line-height: 50px;
    display: block;
    width: 50px;
    height: 50px;
    transition: all 0.3s;
    color: white;
    border-radius: 100%;
    outline: none;
}
i.fab.fa-twitter,
i.fab.fa-facebook-f,
i.fab.fa-linkedin-in,
i.fab.fa-instagram,
i.fab.fa-youtube {
    color: #FFFFFF;
}
/****** END former agency theme css ******/
/****** START former parish council theme css ******/
/****************************/
.ulMeetingsList li {
    padding: 4px;
    margin-bottom: 4px;
}
/****************************/
.contentItems .properties .header a.button {
    display: none;
}



.floatTopMenu {
    position: relative;
    float: left;
    width: 100%;
    z-index: 1;
    height: 40px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.EventMainSectionId header {
    width: auto;
    float: none;
}
.floatTopMenu span {
    margin-right: 20px;
}
.floatTopMenu p {
    color: #FFFFFF;
}
.floatTopMenu i {
    margin-right: 5px;
    color: #efefef;
}
.floatTopMenu .container {
    background: transparent;
}
.bs-footer {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
header.navbar {
    box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.2);
}
.footerlink-main li {
    list-style: none;
    text-align: center;
}
.footerlink-main {
    text-align: center;
}
#headerMenu {
    width: 100%;
    background: #b4b4b4;
    margin-bottom: 0;
    float: left;
    z-index: 100;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    border-radius: 0 !important;
    border: 0 !important;
}
.floatTopMenu p {
    color: #FFFFFF;
}
#headerMenu .container {
    background-color: #b4b4b4 !important;
    position: relative;
}
#headerMenu .container #Search {
    position: absolute;
    top: -40px;
    right: 0;
    padding: 0;
    z-index: 1;
}
#headerMenu .container #Search .btn {
    padding: 5px 10px !important;
    color: #FFFFFF;
}
#headerMenu .container #Search .btn:after {
    color: #FFFFFF;
}
#headerMenu .container #Search .btn.active:after {
    content: "\f00d";
    color: #FFFFFF;
}
#headerMenu .container #Search #SearchBar {
    top: 2px;
    left: 0;
    padding: 0;
    overflow: hidden;
    display: block;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
#headerMenu .container #Search .btn.active+#SearchBar {
    left: -225px;
    right: unset;
    width: 225px;
}
#headerMenu .container #Search .search-form button[type=submit] {
    top: 3px;
}
#headerMenu .container #Search .search-form input[type=text] {
    border: 1px solid #FFFFFF !important;
}
.navbar #Logo img {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
#bt-slider,
#bt-pagetitle {
    background-color: #055903;
    margin: 0;
    min-height: 0;
    float: left;
    width: 100%;
}
#AfterMain {
    background: #efefef;
    padding-top: 30px;
    padding-bottom: 30px;
    float: left;
}
.content-item.blog-post header {
    border-bottom: 0;
    margin-bottom: 0;
    display: none;
}
.content-item.blog-post header h1 {
    display: block;
    font-size: 160%;
    margin: 0 0 15px 0 !important;
    background: transparent;
    line-height: 160%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.content-item.blog-post .tags {
    display: none;
}
.content-item.blog-post .metadata {
    display: none;
}
.child-page .metadata {
    display: none;
}
.content-items.blog-posts li {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-right: 1px solid #FFFFFF;
    width: 48%;
    min-height: 150px;
    float: left;
    padding: 0 15px;
}
.content-items.blog-posts li.last {
    border-right: 1px solid #eeeeee;
}
.greehamControlTowerTxt {
    line-height: 30px;
}
.content-item.blog-post .name {
    font-weight: bold;
}
article>header {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.widget-after-main h3 {
    text-align: center;
    font-size: 215%;
    margin-bottom: 40px;
    color: #005288;
}
.orchard-layouts-root {
    background-color: #FFFFFF;
    min-height: 0;
}
.projection-page ul {
    padding: 0;
}
.projection-page li {
    list-style: none;
}
.projection-page header h1 {
    display: block;
}
.projection-page .tags {
    display: none;
}
.projection-page .metadata {
    display: none;
}
.projection-page.content-item h1 {
    display: block;
    border-bottom: 1px solid #efefef;
    background: #efefef;
    padding: 25px 15px;
    margin: 0 0 20px 0;
}
.projection-page.content-item header {
    padding: 0;
    width: auto;
    float: none;
}
.projection-page.content-item li header {
    padding: 0;
}
.projection-page.content-item li header h1 {
    border-bottom: 0;
    padding: 0;
    margin-bottom: 0;
}
.latest-meeting .projection-page li {
    width: 100%;
}
.projection-page.mainMeetingId h1 {
    font-size: 200%;
    text-align: center;
}
.projection-page.mainMeetingId ul>li:first-child {
    width: 100%;
}
.projection-page.mainMeetingId ul>li {
    list-style: none;
    width: 100%;
    float: left;
    margin: 0 0 30px 0 !important;
    border: 1px solid #eeeeee;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    overflow: hidden;
}
.projection-page.mainMeetingId ul>li h1 {
    text-align: center;
    margin: 0;
    padding: 15px;
    background: #fafafa;
}
.projection-page.mainMeetingId li ul {
    padding: 0;
}
.projection-page.mainMeetingId li ul li {
    padding: 15px;
    margin: 0 1%;
    width: 31%;
    list-style: none;
    border: 0px solid #eeeeee;
    border-radius: 0px;
}
.projection-page.mainMeetingId li ul li h1 {
    display: none;
}
#AsideSecond {
    border-left: 1px solid #efefef;
    margin: 30px 0;
}
#AsideFirst {
    margin: 30px 0;
}
#AsideSecond h2 {
    margin-top: 0;
}
#AsideFirst h2 {
    margin-top: 0;
}
.typeOfMeeting {
    font-size: 150%;
    margin-bottom: 10px;
}
.meetingTime {
    font-size: 115%;
}
.meetingTime:before {
    font-family: FontAwesome;
    margin-right: 5px;
}
.meetingTime .fa {
    padding-right: 5px;
}
.meetingAgenda {
    text-decoration: none;
    color: #055903;
}
.meetingAgenda .fa {
    padding-right: 5px;
}
.meetingAgenda:hover {
    text-decoration: none;
}
.noResultTxt {
    color: #ff0000;
}
.noResultTxt .fa {
    padding-right: 5px;
}
.councillorMain {
    text-align: center;
    min-height: 280px;
    padding: 15px;
    background: #34495e;
    border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    color: #FFFFFF;
    word-wrap: break-word;
}
.councillorMain h3 {
    display: none;
    width: 100%;
    float: left;
}
.councillorNameTxt {
    color: #34495e;
    text-align: center;
    position: absolute;
    top: 85px;
    left: 0;
    width: 100%;
}
.councillorAddressTxt {
    width: 200px;
    margin: 0 auto;
}
.councillorEmailTxt a {
    color: #89c18a;
}
.councillorEmailTxt a:hover {
    color: #ffffff;
}
.profileImageDiv {
    position: absolute;
    top: -75px;
    left: 0px;
    right: 0px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.profileImageDiv .profileImage {
    width: 156px;
    height: 156px;
    border: 3px solid #dddddd;
    /*       border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%; chnaged to more squared */
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    margin: 0 auto;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.profileImageDiv img {
    min-height: 150px;
    max-height: 150px;
    background: #FFFFFF;
    /*             border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%; */
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.projection-page.EventMainSectionId h1 {
    display: none;
}
.projection-page.EventMainSectionId .EventMainSection h1 {
    display: block;
}
.projection-page.EventMainSectionId .EventMainSection {
    font-size: 115%;
}
.projection-page.EventMainSectionId .EventMainSection .fa {
    padding-right: 5px;
    width: 25px;
    text-align: center;
}

.historyContent P {
    font-size: 122%;
    text-align: justify;
    color: #2a2a2a;
}
#divNewsOuterWrp,
#divEventsOuterWrp {
    max-width: 98% !important;
}
.news-box-wrap [shape-id="114"] {
    background-color: #eee;
}
.news-box-wrap div [shape-id="114"] {
    padding: 9px 10px;
    background-color: #5f8460;
    color: #fff;
}
.divNewsTextWrp,
.divNoticeBodyWrp div:nth-of-type(2) {
    width: 100%;
    height: 150px;
    overflow: hidden;
    position: relative;
}
.divNoticeBodyWrp div:nth-of-type(2):after,
.divNewsTextWrp :after,
.divMeetingBodyWrp .divMpcItemDescriptionWrp:after {
    width: 100%;
    height: 6em;
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    pointer-events: none;
}/*
.divNoticeBodyWrp div:nth-of-type(2):after {
    background-image: linear-gradient(to bottom, rgba(239,239,239, 0), rgba(239,239,239, 1) 90%);
}
.divNewsTextWrp :after {
    background-image: linear-gradient(to bottom, rgba(255,255,255, 0), rgba(255,255,255, 1) 90%);
}
.divMeetingBodyWrp .divMpcItemDescriptionWrp:after {
    background-image: linear-gradient(to bottom, rgba(255,255,255, 0), rgba(255,255,255, 1) 90%);
}*/   

.divNoticeBodyWrp div:nth-of-type(3),
.divNewsMoreLinkWrp {
    text-align: center;
    padding-top: 6px;
}
ul.blog-posts.content-items {
    margin: 0 10px;
}
ul.blog-posts.content-items a {
    color: #005288;
}
.additionalInfo {
    font-size: 115%;
    padding: 15px;
}
.additionalInfo .fa {
    padding-right: 5px;
}
.additionalInfo a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.innerPageHeadTitle {
    display: block;
    padding: 25px 15px;
    margin: 0 0 20px 0;
    background: #efefef;
}
.page-title.innerPageHeadTitle {
    margin: 0 -15px 30px -15px;
}
.viewParishCouncilMain {
    padding: 0 0 40px 0;
    width: 100%;
}
.viewParishCouncil {
    width: 100%;
    min-height: 140px;
    border: 1px solid #EEEEEE;
    text-align: center;
    font-size: 145%;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    display: block;
    margin-bottom: 20px;
}
.viewParishCouncil .fa {
    font-size: 300%;
    color: #1fa67a;
    width: 100%;
    padding: 20px 0;
}
.viewParishCouncil:hover {
    text-decoration: none;
    background: #efefef;
}
.parishCouncilPoliciesMain {
    width: 100%;
    padding: 0 0 40px 0;
    float: left;
    text-align: center;
}
.minutesTable .table td {
    padding: 10px 20px;
}
.newTime {
    visibility: hidden;
}
.hideDiv {
    display: none;
}
.showDiv {
    display: none;
}
.latest-meeting .projection-page.mainMeetingId .showDiv.showDivMain {
    display: block;
    border-bottom: 1px solid #efefef;
    margin-bottom: 30px !important;
}
.hideMonthDiv {
    display: none;
}
.newMonth {
    visibility: hidden;
}
.hideMonthDiv.showMonthDivMain {
    display: block;
}
.noContentTextDiv {
    font-size: 200%;
    padding: 40px 0;
    color: rgba(0, 0, 0, .3);
    font-weight: bold;
}
.noContentTextDiv .fa {
    font-size: 500%;
    color: rgba(0, 0, 0, .1);
}
.noContentTextDiv span {
    width: 100%;
    display: block;
    padding-top: 20px;
}
.zone-content .content-item.blog-post header h1 {
    padding: 20px 15px;
    background: #efefef;
    font-size: 200%;
}
.blog-post {
    padding: 0 15px;
}
.projection-page li .content-item.blog-post header {
    margin: 0;
}
.social-icon-footer a {
    color: #3b5998;
    font-size: 215%;
}
.historyMainhome {
    margin-top: 15px;
    margin-bottom: 15px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26), 0 2px 10px 0 rgba(0, 0, 0, .22);
    -mox-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26), 0 2px 10px 0 rgba(0, 0, 0, .22);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26), 0 2px 10px 0 rgba(0, 0, 0, .22);
}
.hisThumb span {
    width: 100%;
    display: block;
}
.hisThumb a {
    display: block;
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 25px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #FFFFFF;
    padding: 0;
    text-align: center;
    font-size: 100%;
}
.hisThumb a img {
    margin: 0;
}
.hisThumb a .alt-wrap p {
    position: absolute;
    bottom: 3px;
    padding: 10px;
    font-size: 0;
    background: #FFFFFF;
    left: 1px;
    right: 1px;
    margin: 0;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.hisThumb a:hover .alt-wrap p {
    opacity: 1;
    font-size: 100%;
}
.content-item .orchard-layouts-root header {
    display: none;
}
.bs-footer {
    padding: 0 !important;
}
.footerlink-main {
    text-align: left !important;
}
div#FooterQuadFirst,
div#FooterQuadSecond,
div#FooterQuadThird,
div#FooterQuadFourth {
    padding: 0 35px;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 100%;
}
.overlay h1 {
    color: #fff;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 450%;
}
.contactImgBanner {
    background-color: #000000bf;
    position: relative;
}
.overlayImg {
    opacity: .5;
}
.control-form {
    margin: 24px 0 0 0;
}
.additionalInfo {
    background-color: #fafafa;
    margin-top: 10px;
    padding-bottom: 20px;
}
.additionalInfo ul {
    padding: 0;
}
.additionalInfo ul li {
    list-style-type: none;
}
.divPrivacyWrp h1 {
    border-bottom: 1px solid #efefef;
    padding: 15px 10px;
    margin-bottom: 25px;
}
.divPrivacyWrp p {
    padding: 0 25px;
}
.divPrivacyWrp table tr:first-child {
    background-color: #055903;
    color: #fff;
}
.divPrivacyWrp table th {
    text-align: center;
}
.divPrivacyWrp table p {
    padding: 0;
}
span.spanHighlightDouble {
    border-bottom-style: double;
    border-bottom-color: #87ceeb;
}
span.spanHighlightDashed {
    border-bottom: dashed 1px #a52a2a;
}
.divPrivacyWrp a {
    color: #055903;
}
.divPrivacyWrp h3 {
    padding: 0 25px;
}
.projection-page.EventMainSectionId .EventMainSection h1 {
    text-align: center;
    margin: 0;
    padding: 15px;
    background: #fafafa;
}
.projection-page.EventMainSectionId li {
    width: 100% !important;
    padding-bottom: 25px;
    list-style: none;
    float: left;
    margin: 0 0 30px 0 !important;
    border: 1px solid #eeeeee;
    border-radius: 8px;
}
div#EventMainSectionId h3 {
    padding: 0 35px;
}
.projection-page.EventMainSectionId .EventMainSection .eventType {
    padding: 0 35px;
}
.projection-page.EventMainSectionId .EventMainSection .eventLocation {
    padding: 0 35px;
}
.projection-page.EventMainSectionId .EventMainSection h1 {
    font-size: 200%;
}
article.projection-page.content-item.EventMainSectionId header h1 {
    display: block !important;
}
.projection-page.EventMainSectionId .EventMainSection .eventTime {
    padding: 0 35px;
}
.meetingand-agenda.content-item {
    overflow: hidden;
    border-radius: 5px;
    margin: 1% auto;
    max-width: 1024px;
    padding: 1% 1% 1% 1%;
    margin-bottom: 1%;
    display: block;
    position: relative;
    border: 1px solid #efefef;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
}
.meetingand-agenda.content-item header {
    display: block;
}
article.projection-page.content-item ul.pager {
    width: 50%;
    margin: 0 auto;
    text-align: center;
}
article.projection-page.content-item ul.pager li {
    width: 40px;
    display: inline-block;
    text-align: center;
    float: none;
    margin: 0;
}
/* Model Styling */
.overlayMessage {
    background: #000;
    opacity: .3;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    position: fixed;
}
.modelMessage {
    position: fixed;
    top: 180px;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 300px;
    background: white;
    border-radius: 8px;
    padding: 30px;
    text-align: center;
    font-weight: 300;
    color: #2c2928;
    opacity: 1;
    transition: top 0.3s cubic-bezier(0.31, 0.25, 0.5, 1.5), opacity 0.2s ease-in-out;
    z-index: 9999;
}
.modelMessage .check {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%) scale(4);
    width: 120px;
    height: 110px;
    background: #5cb85c;
    color: white;
    font-size: 3.8rem;
    padding-top: 25px;
    border-radius: 50%;
    opacity: 0;
    transition: transform 0.2s 0.25s cubic-bezier(0.31, 0.25, 0.5, 1.5), opacity 0.1s 0.25s ease-in-out;
}
.modelMessage .scaledown {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}
.modelMessage p {
    font-size: 1.1rem;
    margin: 25px 0px;
    padding: 0;
}
.modelMessage p:nth-child(2) {
    font-size: 2.3rem;
    margin: 40px 0px 0px 0px;
}
.modelMessage #closePopUp {
    position: relative;
    color: white;
    border: 0;
    background: #5cb85c;
    width: 100%;
    height: 50px;
    border-radius: 6px;
    font-size: 1.8rem;
    transition: background 0.2s ease;
    outline: none;
}
.modelMessage #closePopUp:hover {
    background: #419641;
}
.modelMessage #closePopUp:active {
    background: #419641;
}
.message-Information {
    background: none !important;
    border: none !important;
    color: #062232;
}
.message {
    margin: 10px 0 4px 0;
    padding: 20px !important;
}
/*------Cookie Bar---------*/
/* GDPR Cookie dialog */
.gdprcookie {
    position: fixed;
    color: white;
    font-size: 120%;
    line-height: 1.5em;
    right: 1.5rem;
    bottom: 1.5rem;
    max-width: 25em;
    padding: 20px;
    border-radius: 5px;
}
.gdprcookie h1,
.gdprcookie h2 {
    font-size: 120%;
    margin-bottom: .5rem;
    color: #fff;
    font-weight: 600;
}
.gdprcookie h2 {
    font-size: 120%;
}
.gdprcookie a {
    color: inherit;
}
/*.gdprcookie a:hover {
    color: #5f8460 !important;
}*/

/* GDPR Cookie buttons */
.gdprcookie-buttons {
    text-align: center;
}
.gdprcookie-buttons button {
    color: #FFFFFF;
    background-color: transparent;
    font-family: inherit;
    font-size: 100%;
    padding: .4rem;
    border: solid .15rem currentColor;
    border-radius: .25rem;
    margin: 0 .5rem;
    cursor: pointer;
}
.gdprcookie-buttons button:disabled {
    color: rgba(255, 255, 255, .5);
}
/* GDPR Cookie types */
.gdprcookie-types ul {
    overflow: hidden;
    padding: 0;
    margin: 0 0 1rem;
}
.gdprcookie-types li {
    display: block;
    list-style: none;
    float: left;
    width: 50%;
    padding: 0;
    margin: 0;
}
.gdprcookie-types input[type=checkbox] {
    margin-right: .25rem;
}
.gdprcookie-buttons button:hover {
    /*border: solid .05rem #180f0f;*/
    color: #DDDDDD;
    border: solid .15rem #DDDDDD;
}
/*------ Custom Error Page Styling---------*/
.customErrorWrapper {
    background: rgba(0, 0, 0, 0.5);
    min-height: 300px;
}
.customErrorPage {
    text-align: center;
    font-weight: 700;
    border-radius: 5px;
    min-height: 300px;
    background-image: url(/Media/Default/Homepage/securehostingbackground.jpg);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
}
.customErrorpageContent {
    position: relative;
    top: 102px;
}
.customErrorPage h1 {
    color: #fff !important;
}
.customErrorPage p {
    font-size: 120%;
    color: #fff !important;
}
#AsideSecond .meetingTime {
    display: none;
}
/*------ Menu hover---------*/
#MenuH ul.menu>li:hover>a,
#MenuH ul.menu>li:hover>span,
#MenuH ul.menu>li.current>a,
#MenuH ul.menu>li.current>span {
    background: #005288 !important;
    color: #fff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
#MenuH .submenu {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, .2);
}
#MenuH li a {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
/*------ History button hover ------*/
.outline-outward {
    display: inline-block;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.outline-outward:hover:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
}
/*-----scroll up ---- */
.scrollup {
    width: 50px;
    height: 50px;
    line-height: 50px;
    /*aa removedborder-radius: 2px;*/
    position: fixed;
    bottom: 0px;
    right: 0px;
    display: none;
    text-align: center;
    background-size: 50px;
    background-color: rgba(0, 0, 0, 0.7);
    background-position: 5px;
    display: none;
    z-index: 1;
    /*aa removed box-shadow: 1px 1px 3px black;
    -moz-box-shadow: 1px 1px 3px black;
    -webkit-box-shadow: 1px 1px 3px black;*/
}
.scrollup i {
    color: #ffffff;
}

.flexslider {
    width: 100%;
    position: relative;
    /* top: 72px; */
    margin: 0 auto;
    box-shadow: none;
}
.flexslider img {
    width: 100%;
    /*max-width:100%;
	*/
}
.flexslider ul {
    padding: 0;
    margin: 0;
}
.flexslider .slides>li:first-child {
    display: block;
    backface-visibility: visible;
    -webkit-backface-visibility: visible;
}
.flexslider .slides>li {
    display: none;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.flex-viewport {
    overflow: hidden;
}
.flexslider li {
    position: relative;
    max-height: 500px;
}
.flexslider li .meta {
    position: absolute;
    top: 21%;
    left: 30%;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    font-family: 'Roboto', sans-serif;
}
.flexslider li h2 {
    background: rgba(51, 51, 51, 0.8);
    padding: 12px 18px 12px;
    /*       font-size: 180%; USE BOOTSTRAP */
    font-weight: 300;
    color: #FFFFFF;
}
.flexslider li h3 {
    background: rgba(51, 51, 51, 0.8);
    padding: 13px 18px 11px;
    /*              font-size: 180%; USE BOOTSTRAP */
    margin-top: 1% !important;
    margin-bottom: 1% !important;
    font-weight: 300;
    color: #FFFFFF;
}
.flexslider li h4 {
    background: rgba(51, 51, 51, 0.8);
    padding: 13px 18px 11px;
    /*       font-size: 180%; USE BOOTSTRAP */
    font-weight: 300;
    color: #FFFFFF;
}
.flexslider li .category {
    display: flex;
    flex-direction: row;
}
.flexslider li .category p {
    background: #e43837;
    margin-right: 7px;
    font-size: 110%;
    padding: 12px 18px 10px;
    font-weight: 300;
}
.flexslider li .category span {
    background: #e43837;
    margin-top: 17px;
    padding: 8px 12px 0;
    font-size: 90%;
    font-weight: 300;
    height: 26px;
}
.flexslider li h2,
.flexslider li h3,
.flexslider li h4,
.flexslider li .category p,
.flexslider li .category span {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}
.flexslider li.flex-active-slide .meta h2,
.flexslider li.flex-active-slide .meta h3,
.flexslider li.flex-active-slide .meta h4,
.flexslider li.flex-active-slide .meta .category p,
.flexslider li.flex-active-slide .meta .category span {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.flexslider li.flex-active-slide .meta h2 {
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    margin-bottom: 1%;
}
.flexslider li.flex-active-slide .meta h3 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    margin-bottom: 1%;
}
.flexslider li.flex-active-slide .meta .category p {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.flexslider li.flex-active-slide .meta .category span {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}
.flex-direction-nav {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 30px;
    width: 100%;
    z-index: 0;
}
.flexslider ul.flex-direction-nav {
    padding: 0 30px;
    top: 40%;
}
.flex-direction-nav li {
    list-style: none;
}
.flex-direction-nav li:first-child {
    float: left;
}
.flex-direction-nav li:last-child {
    float: right;
}
.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 30px;
    height: 30px;
    background-color: #333;
    margin: -20px 0 0;
    position: relative;
    top: 50px;
    z-index: 10;
    overflow: hidden;
    opacity: .5;
    cursor: pointer;
    color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 100%;
}
.flex-direction-nav .flex-prev {
    text-align: left;
    left: 0;
}
.flex-direction-nav .flex-next {
    text-align: right;
    right: 0;
}
a.flex-next {
    box-shadow: 1px 1px 3px black;
    -moz-box-shadow: 1px 1px 3px black;
    -webkit-box-shadow: 1px 1px 3px black;
}
a.flex-prev {
    box-shadow: 1px 1px 3px black;
    -moz-box-shadow: 1px 1px 3px black;
    -webkit-box-shadow: 1px 1px 3px black;
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
}
.flex-direction-nav a:before {
    font-family: FontAwesome;
    content: '\f104';
    font-size: 140%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 0;
    padding: 2px;
    line-height: 140%;
    color: white;
}
.flex-direction-nav a.flex-next:before {
    content: '\f105';
    color: white;
}
.flex-control-nav {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 2;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}
.flex-control-nav li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #ffffff;
    border-radius: 5px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    overflow: hidden;
}
.flex-control-nav li a {
    width: 10px;
    height: 10px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
}
.flex-control-nav .flex-active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #ffffff;
}


@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }}
.makethedivleftaligned {
    text-align: justify;
}
.backpricecss {
    background-color: #efefef;
    border-color: #efefef;
    padding: 1%;
    border-radius: 5px;
}
#pricecss {
    text-align: center;
}
.pricefeaturescss {
    text-align: left;
    width: 100%;
    margin: 0 auto;
    margin-top: 0px;
    padding-left: 10%;
    padding-top: 15px;
    border: 1px solid #efefef;
    margin-top: 3%;
    border-radius: 5px;
}
.pricesh1css {
    text-align: center;
}
.login-form-Hold {
    max-width: 620px;
    padding: 20px;
    border: 1px solid #eeeeee;
    margin: 0 auto;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.login-block {
    border-radius: 5px;
    float: left;
    width: 100%;
    padding: 0 30px;
    position: relative;
    overflow: hidden;
    background: #f3f4f5;
    margin: 40px 0;
    border: 1px solid #eeeeee;
}
.maincontainer legend {
    color: #262626;
}
.banner-sec {
    background: url(https://static.pexels.com/photos/33972/pexels-photo.jpg) no-repeat left bottom;
    background-size: cover;
    height: auto;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
}
.login-sec {
    padding: 50px 30px;
    position: relative;
}
.login-sec h2 {
    margin-bottom: 30px;
    font-weight: 800;
    font-size: 30px;
    color: #34495e;
}
.login-sec h2:after {
    content: " ";
    width: 100px;
    height: 5px;
    background: #6195c5;
    display: block;
    margin-top: 20px;
    border-radius: 3px;
    margin-left: auto;
    margin-right: auto
}
.login-sec h4 {
    color: #34495e;
}
.login-sec .primaryAction {
    background: #b8cf3e;
    color: #fff;
    font-weight: 600;
    float: right;
}
.banner-text {
    width: 70%;
    position: absolute;
    bottom: 40px;
    padding-left: 20px;
}
.banner-text h2 {
    color: #fff;
    font-weight: 600;
}
.banner-text h2:after {
    content: " ";
    width: 100px;
    height: 5px;
    background: #FFF;
    display: block;
    margin-top: 20px;
    border-radius: 3px;
}
.banner-text p {
    color: #fff;
}
.maincontainer .login-form label {
    width: 100%;
}
.maincontainer .login-form label.forcheckbox {
    width: 130px;
}
.login-form label {
    color: #707070;
}
.forcheckbox {
    margin-left: 5px;
}
.blogMainThumb {
    position: relative;
}
.blogDetailImg {
    padding-top: 100px;
    background: #EFEFEF;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    -mox-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}
.blogMainThumb .locationBlogDetail {
    position: absolute;
    top: 50px;
    left: 115px;
}
.blogMainThumb .locationBlogDetail:before {
    content: "\f041";
    font-family: FontAwesome;
    margin-right: 8px;
}
.blogMainThumb h3 {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding-top: 15px;
    width: 100%;
    padding: 15px 15px 15px 115px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.blogMainThumb .blogDetailDate {
    font-size: 215%;
    position: absolute;
    top: 0;
    left: 0px;
    width: 85px;
    text-align: center;
    margin: 0;
    padding-top: 20px;
}
.blogMainThumb .monthYearBlog {
    position: absolute;
    top: 60px;
    left: 15px;
    width: 85px;
    text-align: center;
}
.blogMainThumb .blogDetailDate:before {
    content: "";
    height: 100px;
    width: 1px;
    background: rgba(0, 0, 0, .1);
    top: 0;
    right: 0;
    display: block;
    position: absolute;
}
.mainBlogDetail {
    padding: 15px;
    min-height: 100px;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}
.blogMainThumb .mainBlogDetail {
    background: #ffffff;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.blogDetailImg img {
    width: 100%;
}
.widget-after-main .mainBlogDetail {
    background: #FFFFFF;
}
.widget-after-main .blogDetailImg {
    background: #FFFFFF;
}
.blog-post {
    margin: 0 -15px;
    padding: 15px;
    position: relative;
}
.blog-post header {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
}
.media-library-picker-field-thumbnailblogimage {
    display: none;
}
.media-library-picker-field-blogimage {
    width: 100%;
}
.media-library-picker-field-blogimage h3,
.blog-post .media-library-picker-field-blogimage header h1 {
    display: none;
}
.media-library-picker-field-blogimage .media-item-summary a {
    width: 100%;
    display: block;
    background: url(/Media/Default/Site_images/loading_spinner.gif) no-repeat center center;
}
.blogImageLink img {
    width: 100%;
    height: auto;
}
.media-library-picker-field-blogimage .media-item-summary.image a img {
    visibility: hidden;
}
.blog-post p.text-field {
    position: relative;
    margin-top: -50px;
    z-index: 1;
    background: #ffffff;
    width: auto;
    padding: 5px 15px;
    margin-left: 15px;
    margin-bottom: 0;
    float: left;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}
.NotFound404Page {
    max-width: 700px;
    border: 1px solid #efefef;
    background: #efefef;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin: 30px auto;
    padding: 30px;
    text-align: center;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    -mox-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}
.NotFound404Page h1 {
    margin: 0;
    padding: 0;
    font-size: 400%;
    padding: 40px 0;
}
.NotFound404Page p {
    text-transform: uppercase;
    font-size: 150%;
}
.NotFound404Page p span {
    font-size: 130%;
    text-transform: initial;
}
.NotFound404Page .returnHomePage {
    margin: 30px auto 0 auto;
    padding: 30px 0;
    max-width: 300px;
    border-top: 1px solid rgba(0, 0, 0, .1);
}
.socialLink {
    padding: 0;
}
.latestBtnHold {
    margin-top: 20px;
}
.closebtn {
    display: none;
}
.closeMenuBtn {
    display: none;
}
.socialLink img {
    max-width: 36px;
}
ul.search-results {
    padding: 0;
    margin: 0;
}
ul.search-results li {
    list-style: none;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    border: 1px solid #cccccc;
    padding: 15px 15px 5px 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
ul.search-results li:hover {
    background: #efefef;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26), 0 2px 10px 0 rgba(0, 0, 0, .22);
    -mox-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26), 0 2px 10px 0 rgba(0, 0, 0, .22);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26), 0 2px 10px 0 rgba(0, 0, 0, .22);
}
ul.search-results .content-item header h1 {
    display: block;
    text-align: left;
    margin-top: 0;
    font-size: 200%;
}
ul.search-results .content-item header .metadata {
    display: none;
}
.councillorModal .modal-content {
    overflow: hidden;
}
.councillorModal .modal-content .content-item {
    text-align: left;
    width: 50%;
    padding: 15px;
    float: left;
    background: #efefef;
}
.councillorModal .modal-content .content-item .bodyCouncillor {
    position: absolute;
    width: 50%;
    left: 50%;
    padding: 15px;
    top: 0;
}
.councillorModal .modal-content .content-item header h1 {
    display: block;
    text-align: left;
    padding: 15px;
    margin: -15px -15px 0 -15px;
    border-bottom: 1px solid #cccccc;
    font-size: 220%;
}
.councillorModal .modal-content .content-item header .metadata {
    display: none;
}
.councillorModal .modal-content .content-item .media-library-picker-field-profile-image h3 {
    display: none;
}
.councillorModal .modal-content .content-item .media-library-picker-field-profile-image h1 {
    display: none;
}
.councillorModal .modal-content .content-item .media-library-picker-field-profile-image .metadata {
    display: none;
}
.councillorModal .modal-content .content-item .media-library-picker-field-profile-image {
    width: 100%;
    float: left;
    text-align: center;
}
.councillorModal .modal-content .content-item .media-library-picker-field-profile-image a {
    display: block;
    float: none;
    overflow: hidden;
    margin: 20px auto;
    max-width: 150px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.councillorModal .modal-content .content-item .media-library-picker-field-profile-image a img {
    padding: 3px;
    width: 100%;
    height: auto;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.councillorModal .modal-content .content-item p {
    width: 100%;
    float: left;
}
.councillorModal .modal-content .content-item .numeric-field-placement-position {
    display: none;
}
.councillors.content-item {
    text-align: left;
    width: 50%;
    padding: 15px;
    float: left;
    background: #efefef;
}
.councillors.content-item .bodyCouncillor {
    width: 50%;
    height: 100%;
    background-color: #EFEFEF;
    position: absolute;
    left: 50%;
    padding: 15px;
    top: 0;
}
.councillors.content-item header h1 {
    display: block;
    text-align: left;
    padding: 15px;
    margin: -15px -15px 0 -15px;
    border-bottom: 1px solid #cccccc;
    font-size: 200%;
}
.councillors.content-item header .metadata {
    display: none;
}
.councillors.content-item .media-library-picker-field-profile-image h3 {
    display: none;
}
.councillors.content-item .media-library-picker-field-profile-image h1 {
    display: none;
}
.councillors.content-item .media-library-picker-field-profile-image .metadata {
    display: none;
}
.councillors.content-item .media-library-picker-field-profile-image {
    width: 100%;
    float: left;
    text-align: center;
}
.councillors.content-item .media-library-picker-field-profile-image a {
    display: block;
    float: none;
    overflow: hidden;
    margin: 20px auto;
    max-width: 150px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.councillors.content-item .media-library-picker-field-profile-image a img {
    padding: 3px;
    width: 100%;
    height: auto;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.councillors.content-item p {
    width: 100%;
    float: left;
}
.councillors.content-item .numeric-field-placement-position {
    display: none;
}
.meetingAnd-AgendaList {
    display: block;
    text-align: left;
}
.list.content-item header h1 {
    display: block;
}
.list.content-item ul,
.list.content-item ol,
ul.tagged-posts.content-items,
ol.tagged-posts.content-item {
    margin: 0;
    padding: 0;
}
.list-items.content-items li,
.tagged-posts.content-items li,
#meetingListSection li,
.noResultMeeting .latest-meeting li {
    list-style: none;
    width: 50%;
    float: left;
    padding: 0 15px;
    margin: 0;
}
.list.content-item .metadata {
    display: none;
}
.list-items.content-items li h3,
#meetingListSection h3,
.noResultMeeting .latest-meeting li h3 {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    margin: 0;
}

.MandADate {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 100px;
    color: #666666;
    background: #ffffff;
    font-size: 448%;
    line-height: 160%;
    z-index: 1;
    text-align: center;
    border-radius: 50%;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.meetingand-agenda .media-item h1 a {
    font-size: 110%;
    text-transform: capitalize;
}
.meetingand-agenda section h3 {
    font-size: 110%;
    padding: 15px 0;
    border-bottom: 1px solid #efefef;
}
.tagged-posts {
    margin-top: 20px;
}
.tagCloud {
    text-align: center;
}
.tagCloud li {
    width: 25%;
    display: inline-block;
    text-align: center;
    padding: 0 15px;
}
.tagCloud li a {
    width: 100%;
    float: left;
    display: block;
    border: 1px solid #efefef;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 15px;
    font-size: 250%;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
}
.tagCloud li a:before {
    content: "Meetings and Agenda";
    display: block;
    margin-bottom: 20px;
    width: 100%;
    font-size: 140%;
}
.tagCloud li a:hover {
    text-decoration: none;
    background: #efefef;
}
.media-library-picker-field-agenda a img,
.media-library-picker-field-minutes a img {
    display: none;
}
.widget-top-bar div {
    float: left;
    color: #FFFFFF;
}
.widget-top-bar div em {
    margin-right: 5px;
}
.widget-top-bar div a {
    color: #FFFFFF !important;
}
#WebsiteBgImage {
    display: none;
}
img#image-gallery-image {
    width: 100%;
    height: auto;
    display: block !important;
}
#imageModal .thumbnail {
    padding: 0;
    border: 0;
}
#imageModal .thumb {
    margin-bottom: 20px;
}
.projection-page li .content-item.events {
    padding: 0 15px;
}
.projection-page li .content-item.events header h1 {
    padding: 10px;
}
.eventHeading {
    margin: 0;
    padding: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.eveDateTimeValue {
    width: 100%;
    display: block;
    color: #333333;
    font-size: 100%;
    padding: 15px;
}
.eveDateTimeValue:before {
    content: "\f017";
    font-family: FontAwesome;
    margin-right: 5px;
}
.eventStartDate,
.eventEndDate {
    display: none;
}
.eventBanner img {
    max-height: 170px;
    width: 100%;
}
.eventMainWrap {
    border: 1px solid #cccccc;
    background: #efefef;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 25px;
    position: relative;
    z-index: 0;
}
.txtEventEnd:before {
    content: "-";
    margin: 0 5px;
}
.eventLocation {
    width: 100%;
    display: block;
    padding: 0 15px;
    margin-bottom: 15px;
}
.eventLocation:before {
    content: "\f041";
    margin-right: 5px;
    font-family: FontAwesome;
}
.eventMainWrap .btn {
    position: absolute;
    bottom: 10px;
    right: 15px;
    z-index: 1;
    padding: 2px 25px;
    background: #FFFFFF;
    color: #333333;
    border: 1px solid #333333;
}
.eventBannerMain {
    position: relative;
    margin-bottom: 20px;
    max-width: 1024px;
    margin: 0 auto;
}
.eventBannerMain img {
    width: 100%;
}
.events.content-item h1,
.events.content-item h2,
.events.content-item h3 {
    text-align: left;
}
.events.content-item header h1 {
    display: block;
}
.events.content-item header .metadata {
    display: none;
}
.events.content-item .name {
    display: none;
}
.events.content-item section {
    display: none;
}
.date-time-field-event-end-date,
.date-time-field-event-start-date {
    display: none;
}
.eventLocationDisplay p {
    margin: 0;
}
.eventLocationDisplay {
    position: absolute;
    bottom: 80px;
    left: 20px;
    background: rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    font-size: 200%;
    width: 50%;
    max-width: 90%;
    padding: 10px 25px;
}
.eventTimeDuration {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    width: 300px;
    max-width: 90%;
    padding: 10px 25px;
    font-size: 115%;
}
.eventLocationDisplay p:before {
    content: "\f041";
    margin-right: 5px;
    font-family: FontAwesome;
}
.eventTimeDuration .txtEventStart:before {
    content: "\f017";
    font-family: FontAwesome;
    margin-right: 5px;
}
.meetingIsNotTemplate {
    border: 1px solid #efefef;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 0 15px;
    text-align: center;
}
.meetingIsNotTemplate h1 {
    margin-right: -15px !important;
    margin-left: -15px !important;
    font-size: 200%;
}
.meetingIsNotTemplate .error-details {
    font-size: 160%;
    padding: 0 0 20px 0;
}
.filterSection {
    text-align: center;
    padding-bottom: 20px;
}
.noResultMeeting .widget-projection-widget h3 {
    width: 100%;
    float: left;
    display: block;
    padding-bottom: 20px;
}
.span-12 {
    margin: 0 auto;
}
.annualAuditReport,
.noticeBoardReport {
    text-align: center;
    margin: 12px 0 12px 0;
}
.noticeBoardReport p {
    padding: 0 15px 0 15px;
}
.atcNoticeFull {
    padding: 1%;
    margin-bottom: 1%;
    margin-top: 1%;
    /* float: left;	*/
    display: block;
    position: relative;
    border: 1px solid #efefef;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
}
.annualAuditReport li,
.noticeBoardReport li {
    display: block;
    margin: 0 1% 30px 1%;
    padding-bottom: 15px;
    background: #efefef;
    /* -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;*/
}
.annualAuditReport li .viewReport {
    margin: 10px 0 0 0;
}
.annualAuditReportModal .modal-content {
    padding-bottom: 15px;
}
.annualAuditReportModal .annualand-auditreport,
.noticeBoardModal .notice-board {
    display: block;
    overflow: hidden;
    text-align: left;
}
.noticeBoardModal .notice-board {
    padding: 15px;
}
.annualAuditReportModal .annualand-auditreport.content-item header h1,
.noticeBoardModal .notice-board.content-item header h1 {
    display: block;
    text-align: center;
    border-bottom: 1px solid #efefef;
    font-size: 200%;
    margin: 0 0 15px 0;
    padding: 15px;
}
.annualAuditReportModal .annualand-auditreport.content-item header .metadata,
.noticeBoardModal .notice-board.content-item header .metadata {
    display: none;
}
.annualAuditReportModal .annualand-auditreport.content-item .media-item-summary,
.noticeBoardModal .notice-board.content-item .media-item-summary {
    width: 100%;
    text-align: left;
    overflow: hidden;
    padding: 15px;
    border-bottom: 1px solid #efefef;
}
.annualAuditReportModal .annualand-auditreport.content-item .media-item-summary header .metadata,
.noticeBoardModal .notice-board.content-item .media-item-summary header .metadata {
    display: none;
}
.annualAuditReportModal .annualand-auditreport.content-item .media-item-summary header h1,
.noticeBoardModal .notice-board.content-item .media-item-summary header h1 {
    margin: 0 0 10px 0;
    padding: 0;
    border-bottom: 0;
    text-align: left;
    font-size: 170%;
}
.annualAuditReportModal .annualand-auditreport.content-item .media-item-summary header h1 a,
.noticeBoardModal .notice-board.content-item .media-item-summary header h1 a {
    pointer-events: none;
    cursor: default;
}
.media-library-picker-field-report h3,
.media-library-picker-field-notice-document h3 {
    display: none;
}
.annualAuditReportModal .annualand-auditreport.content-item .date-time-field {
    display: none;
}
.annualAuditReportModal .annualand-auditreport.content-item .enumeration-field {
    display: none;
}
.date-time-field-notice-date {
    padding: 10px;
    margin: 0;
}
button.close {
    position: absolute;
    right: 2%;
    top: 3%;
    padding: 10px;
    font-size: 220%;
    z-index: 1;
    border: 1px solid lightgrey;
}
.annualAndAuditHead,
.noticeBoardReportHead {
    /* background: #005288;
    color: #FFFFFF;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 0;
    padding: 10px;
    /*font-size: 145%;*/
}
.divNoticeBodyWrp {
    background-color: #EFEFEF;
    padding: 12px 0 12px 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}
.annualAuditReport li div:nth-of-type(2) {
    font-size: 180%;
    padding: 0 10px;
    margin-bottom: 10px;
}
.annualAuditReport li div:nth-of-type(3) {
    display: inline-block;
    font-size: 110%;
}
.annualAuditReport li div:nth-of-type(4) {
    display: block;
    font-size: 110%;
}
.noticeBoardReport li div:nth-of-type(2) {
    font-size: 260%;
    padding: 0 10px;
    margin-bottom: 10px;
}
.noticeBoardReport li div:nth-of-type(3) {
    font-size: 180%;
    margin-bottom: 15px;
}
.widget-projection-widget.artReportsWrp ul {
    max-width: 1200px;
}
.widget-projection-widget.artReportsWrp ul li {
    width: 50%;
    padding: 0 15px;
    float: left;
}
.widget-projection-widget.artReportsWrp ul li ul li {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25)
}
.reportGroupHead {
    padding: 5px 15px;
    border-bottom: 1px solid #cccccc;
    font-size: 140%;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    text-align: center;
    background: #efefef;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25)
}
#image-gallery .modal-body {
    overflow: hidden
}
#image-gallery .modal-header {
    min-height: 50px;
}
.mainCouncilBody {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    bottom: 0;
    padding: 0 10px;
    text-align: left;
    background: #34495e;
    z-index: 2;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
}
.projection-page.councillorMainId>ul>li {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.projection-page.councillorMainId>ul>li.last {
    float: none;
    clear: both;
    margin: 0 auto 130px auto;
    position: relative;
    top: 75px;
    overflow: visible;
}
.mainCouncilView {
    top: 60px;
}
.councillorNameTxt {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.mainCounilDiv .councillorNameTxt {
    top: 0;
}
.mainCounilDiv .profileImageDiv {
    left: 0px;
    right: 100%;
    top: 0;
}
.mainCounilDiv .profileImageDiv .profileImage {
    width: 60px;
    height: 60px;
}
.mainCounilDiv .profileImageDiv .profileImage img {
    width: 100%;
    min-height: auto;
}
a.closeSubCommit {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 10000;
    color: #FFFFFF;
    padding: 6px 8px;
    border: 1px solid #fff;
    cursor: pointer;
    line-height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
a.closeSubCommit:hover {
    background: #FFFFFF;
}
a.closeSubCommit .fa {
    color: #FFFFFF;
}
a.closeSubCommit:hover .fa {
    color: #000000;
}
.mainCouncilBody ul li {
    width: 100%;
    padding-left: 10px;
    position: relative;
}
.mainCouncilBody ul li:before {
    content: "-";
    position: absolute;
    left: 0;
}
.councillorApplyBtn {
    display: none;
}
.councillorApplyBtn.Inactive {
    display: block;
}
.councillorNameBtn.Inactive {
    display: none;
}
.councillorApplyBtn.Inactive .btn {
    position: relative;
    z-index: 1;
}
.projection-page.councillorMainId>ul>li.inActiveCouncillor:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    left: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.mailing-list-style {
    padding: 15px;
    background: #efefef;
    float: left;
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.mailing-list-style h3 {
    margin: -15px -15px 20px -15px;
    padding: 15px;
    background: #00b050;
    color: #FFFFFF;
}
.latestPCMeeting .showMeeting {
    display: block !important;
}
.councillorMain>div>div:nth-last-child(1) {
    position: absolute;
    width: 54%;
    right: 1%;
    bottom: 1%;
    z-index: 1;
}
.councillorMain>div>div:nth-last-child(2) {
    position: absolute;
    width: 43%;
    left: 1%;
    bottom: 1%;
    z-index: 1;
}
.councillorNameBtn,
.councillorIntrestBtn {
    width: 100%;
}
.councillorNameBtn a,
.councillorIntrestBtn a {
    width: 100%;
    /*        font-size: 115%; use bootstrap */
    color: #444444;
    padding: 6px 2px;
}
/* Responsive style section */
.taxonomy-month {
    display: none;
}
.monthCalendar {
    padding: 0 15px;
    margin: 0;
}
.monthCalendar li {
    list-style: none;
    float: left;
    width: 25%;
    padding: 10px;
}
.monthCalendar li a {
    display: block;
    border-radius: 20px;
    overflow: hidden;
    text-decoration: none;
    color: #FFFFFF;
    text-align: center;
    opacity: .5;
    position: relative;
    padding-top: 30px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.monthCalendar li a span.monthHead {
    background: #009aaf;
    padding: 25px 10px 10px 10px;
    line-height: 100%;
    margin: 0;
    float: left;
    width: 100%;
    font-size: 30px;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, .4);
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 20px 20px 0 0;
    display: block;
    width: 100%;
}
.monthCalendar li a .monthTxt {
    padding: 10px;
    display: block;
    line-height: 100%;
    background: #efefef;
    font-size: 30px;
    float: left;
    width: 100%;
    color: #000000;
    border: 1px solid #cccccc;
    border-radius: 0 0 20px 20px;
}
.monthCalendar li a span.monthTxtSpan {
    display: block;
    width: 100%;
}
.monthCalendar li:nth-child(odd) a span.monthHead {
    background: #fb9523;
}
.monthCalendar li:nth-child(3n+0) a span.monthHead {
    background: #ab1a50;
}
.monthCalendar li:nth-child(5n+0) a span.monthHead {
    background: #7d0e0a;
}
.monthCalendar li a:hover {
    opacity: 1;
}
.monthCalendar li a:before {
    content: "";
    background: #FFFFFF;
    height: 35px;
    width: 12px;
    border-radius: 6px;
    position: absolute;
    top: 10px;
    left: 40px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
    border: 1px solid #cccccc;
}
.monthCalendar li a:after {
    content: "";
    background: #FFFFFF;
    height: 35px;
    width: 12px;
    border-radius: 6px;
    position: absolute;
    top: 10px;
    right: 40px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
    border: 1px solid #cccccc;
}
.individualMonth {
    width: 100%;
    position: relative;
    float: left;
}
.individualMonth h4 {
    position: absolute;
    bottom: 0px;
    top: 0;
    right: 0;
    font-weight: bold;
    left: 0px;
    padding: 10% 20px;
    color: #FFFFFF;
    font-size: 40px;
    background: rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    margin: 60px 20px;
    text-align: center;
}
.individualMonth img {
    width: 100%;
    height: auto;
}
.monthMainDiv {
    padding: 0;
    margin: 0;
}
.monthMainDiv li {
    background: #5cb85c;
    padding: 15px;
    list-style: none;
    margin-bottom: 15px;
    width: 100%;
    float: left;
    color: #FFFFFF;
    position: relative;
    padding-left: 130px;
    min-height: 120px;
}
.monthMainDiv li:before {
    position: absolute;
    content: "";
    top: 10px;
    left: 10px;
    bottom: 10px;
    width: 110px;
    background: rgba(0, 0, 0, 0.2);
}
.monthMainDiv li .monthDate {
    padding: 0;
    margin: 0;
    font-size: 40px;
    color: #FFFFFF;
    position: absolute;
    top: 20px;
    left: 20px;
    width: 90px;
    text-align: center;
}
.monthMainDiv li .monthText {
    font-size: 16px;
    position: absolute;
    top: 65px;
    left: 20px;
    width: 90px;
    text-align: center;
}
.monthMainDiv li .minutesDesc {
    font-size: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 0;
    margin: 0 0 15px 0;
    line-height: 140%;
}
.monthMainDiv li .minutesTime:before {
    content: "\f017";
    font-family: FontAwesome;
    margin-right: 5px;
}
.monthMainDiv li .minutesLocation:before {
    content: "\f017";
    font-family: FontAwesome;
    margin-right: 5px;
}
.monthMainDiv a {
    display: block;
    float: left;
    padding: 5px 20px;
    margin-top: 15px;
    margin-right: 15px;
    color: #FFFFFF;
    background: rgba(0, 0, 0, .2);
    border-radius: 5px;
    border: 1px solid #FFFFFF;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.monthMainDiv a .fa {
    margin-right: 5px;
}
.monthMainDiv a:hover {
    text-decoration: none;
    color: #FFFFFF;
    background: rgba(0, 0, 0, .6);
}
.widget-projection-widget ul {
    margin: 0;
    padding: 0;
}
.widget-projection-widget ul li {
    list-style: none;
}
.content-item .orchard-layouts-root .minutesmonth-term header {
    display: block;
}
.content-item .minutesmonth-term header h1 {
    display: block;
}
.minutesmonth-term header .metadata {
    display: none;
}
.content-item .minutesmonth-term .content-items {
    display: none;
}
.YearSortMinutes .sortMinutes .yearSort {
    display: none;
}
.taxonomy header {
    display: none;
}
.taxonomy ul {
    margin: 0;
    padding: 50px 0;
    text-align: center;
}
.taxonomy ul li {
    list-style: none;
    width: 30%;
    display: inline-block;
    padding: 0 1%;
    position: relative;
}
.taxonomy ul li a {
    display: block;
    background: #5cb85c;
    font-size: 30px;
    color: #FFFFFF;
    border-radius: 20px;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    opacity: .8;
    position: relative;
    padding-top: 10px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.taxonomy ul li a:after {
    content: "Agenda and Minutes";
    padding: 10px 10%;
    margin-top: 10px;
    display: block;
    line-height: 130%;
    background: #efefef;
    font-size: 30px;
    float: left;
    width: 100%;
    color: #000000;
    border: 1px solid #cccccc;
    border-radius: 0 0 20px 20px;
}
.taxonomy ul li a:hover {
    opacity: 1;
}
.taxonomy ul li:before {
    content: "";
    background: #FFFFFF;
    height: 35px;
    width: 12px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    top: -20px;
    left: 40px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
    border: 1px solid #cccccc;
}
.taxonomy ul li:after {
    content: "";
    background: #FFFFFF;
    height: 35px;
    width: 12px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    top: -20px;
    right: 40px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
    border: 1px solid #cccccc;
}
.yearMinutes {
    margin: 0;
    padding: 50px 0;
    text-align: center;
}
.yearMinutes li {
    list-style: none;
    width: 22%;
    color: #000000;
    display: inline-block;
    margin: 0 1% 30px 1%;
    padding-bottom: 10px;
    position: relative;
    background: #eeeeee;
    font-size: 16px;
    border-radius: 20px;
}
.yearMinutes li:before {
    content: "";
    background: #FFFFFF;
    height: 35px;
    width: 12px;
    border-radius: 6px;
    position: absolute;
    top: -20px;
    left: 40px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
    border: 1px solid #cccccc;
}
.yearMinutes li:after {
    content: "";
    background: #FFFFFF;
    height: 35px;
    width: 12px;
    border-radius: 6px;
    position: absolute;
    top: -20px;
    right: 40px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
    border: 1px solid #cccccc;
}
.linkMinutes a:before {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    left: 0;
    z-index: 2;
}
.linkMinutes a {
    color: #000000;
    font-size: 80px;
    line-height: 100%;
}
.linkMinutes a:hover,
.linkMinutes a:focus {
    text-decoration: none;
}
.agendaandminutes .taxonomy-field .name {
    display: none;
}
.agendaandminutes .taxonomy-field {
    float: left;
    line-height: 100%;
    padding-right: 5px;
}
.headerMinutes {
    background: #eeeeee;
    display: block;
    padding: 15px;
    font-size: 40px;
    overflow: hidden;
    margin: 0 -15px;
}
.headerMinutes a {
    pointer-events: none;
    cursor: not-allowed;
}
.MintesDetailGroup {
    margin-top: 15px;
}
.agendaandminutes .media-picker-Agendaandminutes {
    position: absolute;
    bottom: 20px;
    left: 15%;
    z-index: 1;
}
.agendaandminutes .media-library-picker-field-agenda,
.agendaandminutes .media-library-picker-field-minutes {
    float: left;
}
.agendaandminutes .media-library-picker-field-agenda a,
.agendaandminutes .media-library-picker-field-minutes a {
    display: block;
    float: left;
    padding: 5px 20px;
    margin-top: 15px;
    margin-right: 15px;
    color: #FFFFFF;
    background: #cf3721;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.agendaandminutes .media-library-picker-field-agenda a:hover,
.agendaandminutes .media-library-picker-field-minutes a:hover {
    text-shadow: 2px 2px 4px black;
}
.agendamainDiv {
    position: relative;
}
.agendaandminutes .media-library-picker-field-agenda a i,
.agendaandminutes .media-library-picker-field-minutes a i {
    margin-right: 5px;
}
.agendaandminutes .media-library-picker-field-agenda a:hover,
.agendaandminutes .media-library-picker-field-minutes a:hover {
    text-decoration: none;
}
.agendaandminutes .media-library-picker-field-agenda header,
.agendaandminutes .media-library-picker-field-minutes header {
    display: none;
}
.agendaandminutes .media-library-picker-field-agenda a:after {
    content: "Agenda";
}
.agendaandminutes .media-library-picker-field-minutes a:after {
    content: "Minutes";
}
.minutesValuesection {
    background: #5cb85c;
    width: 100%;
    padding-left: 130px;
    color: #FFFFFF;
    float: left;
    position: relative;
    padding-bottom: 60px;
    padding-right: 15px;
}
.minutesValuesection h2 {
    color: #FFFFFF;
}
.dateValueSection {
    width: 100px;
    top: 10px;
    left: 10px;
    position: absolute;
    font-size: 16px;
    text-align: center;
}
.dateValueSection span {
    width: 100%;
    display: block;
}
.dateValueSection span.dateValueSectionDate {
    font-size: 40px;
}
.minutesValuesection:before {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    background: rgba(0, 0, 0, .3);
    width: 100px;
}
.MintesDetailGroup.row div {
    display: block;
    overflow: hidden;
}
.agendaandminutes {
    min-height: 550px;
}
.sortableTime {
    display: none;
}
.yearMinutes li.UpcomingMin:first-child .latestMin,
.yearMinutes li.first .latestMin {
    content: "";
    bottom: 0;
    right: 0;
    color: #fff;
    display: block;
    position: absolute;
    text-align: center;
    text-decoration: none;
    letter-spacing: .06em;
    background-size: 120px;
    padding: 0;
    text-shadow: 0 0 0.75em #444;
    width: 60px;
    height: 60px;
    z-index: 1;
    border-radius: 0 0 20px 0;
}
/****** END former parish council theme css ******/
/****** START OF ANA additions ******/
div#TopBar {
    padding-top: 10px;
}
div#divHomeHistoryGalleryWrp {
    /*background-color: #5f8460;
	*/
    padding-top: 2%;
    padding-bottom: 2%;
    text-align: center;
    color: white;
}
div#divHomeHistoryGalleryWrp h2 {
    padding-bottom: 2%;
}
.divPageGalleryItem {
    height: 200px;
    overflow: hidden;
    margin-bottom: 6px;
    padding: 0 !important;
    border: 8px solid #FFFFFF;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26), 0 2px 10px 0 rgba(0, 0, 0, .22);
    -mox-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26), 0 2px 10px 0 rgba(0, 0, 0, .22);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26), 0 2px 10px 0 rgba(0, 0, 0, .22);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#divHomeHistoryGalleryWrp .divPageGalleryItem {
    background-color: #FFFFFF;
    border: 8px solid #FFFFFF;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26), 0 2px 10px 0 rgba(0, 0, 0, .22);
    -mox-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26), 0 2px 10px 0 rgba(0, 0, 0, .22);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26), 0 2px 10px 0 rgba(0, 0, 0, .22);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.divPageGalleryItem img {
    height: 100%;
    min-width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.divPageGalleryItemFooter {
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: #FFFFFF;
    font-size: 18px;
    text-align: center;
    /* opacity: 0; */
    transition: all 0.5s;
}
.divPageGalleryItem:hover .divPageGalleryItemFooter {
    opacity: 1;
    font-size: 18px;
}
.parishCouncilLinksWrp a {
    text-decoration: none;
}
.parishCouncilLinksWrp div {
    min-height: 140px;
    background-color: #E2E2E2;
    border: 1px solid #EEEEEE;
    font-size: 160%;
    text-align: center;
}
.parishCouncilLinksWrp .fa {
    font-size: 280%;
    padding: 20px 0 20px 0;
    display: block;
}
.div-table-col.secondcolumncolour a {
    color: white !important;
}
div#divMeetingFilterWrp span {
    padding: 0.5%;
}
.flexslider li .meta {
    top: 21%;
    left: 0;
    left: unset !important;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    font-family: 'Roboto', sans-serif;
    margin: 0 auto;
    width: 100%;
}
.flexSlideCaption h2 {
    margin: 0 auto;
}
.flexSlideCaption h3 {
    margin: 0 auto;
}
.flexSlideCaption h4 {
    margin: 0 auto;
}
.blogDetailImg {
    text-align: center;
}
.blogDetailImg img {
    width: unset !important;
    max-width: 100%;
}
.councillorNameBtn a,
.councillorIntrestBtn a {
    max-width: 200px !important;
    /*   font-size: 115%; use bootstrap */
    color: #444444;
    padding: 2% !important;
}
.gdprcookie {
    border: 1px solid white;
    z-index: 999999999;
}
#noteattopofpage {
    text-align: center;
}
.divPolicyItemWrp {
    padding: 1%;
    margin: 1%;
    border-radius: 5px;
}
.divPolicyItemWrp div p:nth-of-type(1) {
    font-size: 170%;
    font-weight: bold;
}
#divNextMeetingBody .btn {
    margin-bottom: 4% !important;
}
.divPageGalleryItem {
    min-height: 300px !important;
    text-align: initial !important;
}

.blogDetailImg img {
    width: 100%;
    max-height: 225px !important;
}
#map_canvas {
    height: 364px !important;
}
.widget-projection-widget ul {
    margin: 0 auto !important;
    padding: 0;
    max-width: 720px;
}
.annualAndAuditHead,
.noticeBoardReportHead {
    margin-bottom: 0;
}
/*.annualAndAuditHead {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 2px 2px 4px  rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 2px 2px 4px  rgba(0, 0, 0, 0.25)
}*/

.noticeBoardReportHead {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    border: 0px solid transparent;
    border-top-right-radius: 5px !important;
    border-top-left-radius: 5px !important;
}
#divHomeHistoryGalleryWrp .divPageGalleryItem {
    position: relative;
    padding-top:70% !important;
}
div#divHomeLatestNewsWrpWrp h2 {
    padding-bottom: 1%;
}
#trainingtopdiv {
    float: left;
    margin-right: 1%;
    margin-bottom: 1%;
}
/*-----------------------------end-------------------------------------------*/
/*----------------------- styling for table----------------------------------*/
table#tablecentered {
    margin: 0 auto;
    text-align: center;
}
table#tablecentered td {
    border: 1px solid #c0c0c0;
}
table#tablecentered a {
    text-decoration: underline;
}
td.hc_l {
    font-weight: bold;
}
/*-----------------------------end-------------------------------------------*/
.flexslider li {
    height: auto !important;
    overflow: inherit !important;
}
.flex-control-nav li {
    width: 12px !important;
    height: 12px !important;
    margin: 2px !important;
    border-radius: 5px;
    border: 0 !important;
}
.flex-control-nav li a {
    width: 12px !important;
    height: 12px !important;
    border: 1px solid white;
    border-radius: 6px;
}
.gdprcookie-intro h1 {
    color: white;
    text-decoration: none;
    text-align: center;
    text-transform: capitalize;
}
.gdprcookie-intro a {
    text-decoration: underline;
    text-transform: capitalize;
    /*color: coral !important;*/
}
#divNextMeetingHead {
    /*    padding: 8px 0 8px 8px !important; removed as redundant */
    /*    text-align: inherit !important; */
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    /*aa removed margin-bottom: 2%;*/
}
#divReaderControlWrp {
    padding: 2px 8px 7px 8px !important;
    width: 205px;
}


#divScreenReaderWrp {
    z-index: 99999;
}

.dropdown-toggle {
    white-space: nowrap;
    display: none;
}
button#play {
    font-size: 75%;
    width: 23%;
}
button#pause {
    font-size: 75%;
    width: 23%;
}
button#stop {
    font-size: 75%;
    width: 23%;
}
p.text-center {
    line-height: 1em;
}
p.text-center {
    line-height: 1em;
}
.readerClosed {
    left: -210px !important;
}
.readerOpen {
    top: 40px !important;
}
.blogMainThumb h3 {
    padding: 15px 15px 15px 115px !important;
}
.col-lg-4.col-md-6.divPageGalleryItem {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26), 0 2px 10px 0 rgba(0, 0, 0, .22);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26), 0 2px 10px 0 rgba(0, 0, 0, .22);
    flex: 0 0 31.333333%;
    margin: 1%;
}
.flexslider li h2,
.flexslider li h3,
.flexslider li h4,
.flexslider li .category p,
.flexslider li .category span {
    color: white !important;
}
div#divHomeLatestNewsWrpWrp {
    background-color: #e2e2e2;
    padding-top: 2%;
    padding-bottom: 2%;
    /*margin-bottom: 1%;*/
}

#benefitsandcostsimg {
    width: 100%;
    max-width: 474px;
}
.divNewsTextWrp,
.divNoticeBodyWrp div:nth-of-type(2) {
    height: 100px !important;
}
#floatmeleft3 {
    float: left;
    width: 33%;
    padding: 1%;
}
.backpricecss {
    text-align: center;
}
.backpricecss h3 {
    margin-top: 15px;
}
article.widget.widget-paragraph.widget-align-justify.widget-size-66 {
    border-right: 1px solid #eeeeee;
}
div#dosomethingwithme2 {
    float: left;
    margin-right: 3%;
}
div#dosomethingwithme2 img {
    max-width: 100%;
    border-radius: 5px;
    border: 1px solid #eeeeee;
    padding: 1%;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
}


div#dosomethingwithme {
    float: left;
}
.media-library-picker-field-blogimage .media-item-summary a {
    text-align: center;
}
#contenttobecentered {
    width: 98%;
    margin: 0 auto;
    padding-top: 1%;
    padding-bottom: 1%;
}


div#map_canvas_button .btn {
    min-width: 200px;
    margin-bottom: 2% !important;
}
.annualAuditReport,
.noticeBoardReport {
    min-width: 290px;
}
.annualAuditReport .btn {
    margin-top: 15px;
}
#noteattopofpage {
    text-align: center;
}
.divPolicyItemWrp {
    padding: 1%;
    margin: 1%;
    border-radius: 5px;
}
/* aa removed #divNextMeetingBody .btn {
    margin-bottom: 4% !important;
}*/

.divPageGalleryItem {
    min-height: 300px !important;
}
#map_canvas {
    height: 364px !important;
}
.flexslider ul.flex-direction-nav {
    height: 1%;
    z-index: 2;
}
.home div#main section p {
    padding: 0% !important;
}
.blogDetailImg img.img-responsive {
    max-height: 260px !important;
}


.divPageGalleryItemFooter {
    padding: 10px;
}
.events .divEventBodyWrp .divMpcItemHeaderLeft.col-sm-6,
.meetings .divMeetingBodyWrp .divMpcItemHeaderLeft.col-sm-6,
.meetingand-agenda.content-item .divMpcItemHeaderLeft.col-sm-6 {
    width: 100%;
    max-width: 100%;
    float: left;
    display: block;
    flex: unset;
    padding-top: 0;
}
.events .divEventBodyWrp .divMpcItemHeaderRight.col-sm-6,
.meetingand-agenda.content-item .divMpcItemHeaderRight.col-sm-6 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 1% 1% 1% 1%;
    max-width: 100%;
}
.meetings .divMeetingBodyWrp .divMpcItemHeaderRight.col-sm-6 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 2% 1% 1% 2%;
    max-width: 100%;
    min-height: 70px;
    text-align: center;
}
.meetingand-agenda.content-item .divMpcItemHeaderLeft.col-sm-6 {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #efefef;
}
.meetingand-agenda.content-item>div:nth-child(2) {
    margin-bottom: 20px;
}
.meetings .divMeetingBodyWrp .divMpcItemHeaderRight.col-sm-6 h3 {
    display: none;
}
.divMpcItemDayWrp {
    display: block;
    float: left;
    top: 20px;
}
.events .divEventBodyWrp .divMpcItemWhenWhereWrp {
    padding-top: 0px;
}
.meetings .divMeetingBodyWrp .divMpcItemWhenWhereWrp {
    padding-top: 0;
}
.events .divEventBodyWrp header,
.meetings .divMeetingBodyWrp header {
    margin-bottom: 0;
}
.events .divEventBodyWrp .divMpcItemHeaderLeft.col-sm-6 h2 {
    margin-bottom: 0;
}
#feedback {
    position: fixed;
    left: 0;
    bottom: 250px;
    margin-left: -3px;
    margin-bottom: -3px;
    z-index: 20;
}
#feedback-form {
    float: left;
    width: 260px;
    height: 70px;
    z-index: 1000;
    padding-left: 5px;
    padding-right: 0;
    background-clip: 'padding-box';
    border: 1px solid rgba(0, 0, 0, .2);
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    margin: 0;
}
#feedback-tab {
    float: right;
    color: #fff;
    font-size: 160%;
    cursor: pointer;
    text-align: center;
    width: 60px;
    height: 60px;
    margin-top: 0;
    margin-left: 5px;
    padding-top: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#feedback-form textarea {
    resize: none;
}
.tooltip-inner {
    white-space: nowrap;
    width: 130px;
}
#feedback-form .dropdown-menu {
    padding: 0 10px;
    max-height: 250px;
    overflow-y: scroll;
}
#feedback-form .dropdown-menu ol {
    padding-left: 15px;
}
#divScreenReaderWrp button {
    color: #FFFFFF;
}
#divScreenReaderWrp .dropdown-toggle {
    display: inline-block;
}
#divScreenReaderWrp .dropdown-menu {
    margin: 0 -8px;
    padding: 10px;
    font-size: 90%;
    max-height: 400px;
    overflow-y: scroll;
}
#divScreenReaderWrp .dropdown-menu p {
    line-height: 130%;
}
#divScreenReaderWrp .dropdown-menu ol {
    padding-left: 10px;
}
div#main.container {
    min-height: 400px;
    overflow: auto;
}
/* width */
::-webkit-scrollbar {
    width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}
/****** START Newsletter page ******/
#lblOptIn_newsLetter,
#lblAgree_newsLetter {
    margin: 0;
}
#lblOptIn_newsLetter a {
    text-decoration: underline;
}
/****** END Newsletter page ******/
/****** START contact us forms ******/
#cbx_optin_general,
#cbx_optin_request,
#cbx_optin_delete,
#cbx_optin_alternative,
#rdoDescription_0,
#rdoDescription_1,
#rdoDescription_2,
#rdoDescription_3,
#rdoDescription_4,
#rdoDescription_5,
#rdoDescription_6,
#rdoDescription_7,
#rdoDescription_8,
#rdoDescription_9 {
    width: auto;
}
.validation-summary-errors ul {
    color: #FF0000;
    list-style-type: none;
}
#lblOptIn_General a,
#lblOptIn_request a,
#lblOptIn_delete a,
#lblOptIn_alternative a {
    text-decoration: underline;
}
.contact-us .widget-button,
.contact-us .widget-re-captcha
{
	display: flex;
}
.contact-us .widget-button
{
	margin-top:20px;
}
/****** END contact us forms ******/
/*---------------web form---------*/
.field-name-contacts-general-query-full-name {
    position: relative;
    width: 80%;
    padding-top: 2%;
    margin: 0 auto;
    font-weight: 800;
    font-size: x-large;
}
.field-name-contacts-general-query-email-address {
    position: relative;
    width: 80%;
    padding-top: 1%;
    margin: 0 auto;
}
.field-name-contacts-general-query-message {
    position: relative;
    width: 80%;
    padding-top: 1%;
    margin: 0 auto;
}
.readerClosed #divReaderControlWrp .dropdown {
    display: none;
    transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    -moz-animation-delay: 2s;
    -webkit-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}
.readerOpen #divReaderControlWrp .dropdown {
    display: block;
    transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    -moz-animation-delay: 2s;
    -webkit-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}
.visually-hidden {
    clip: rect(1px 1px 1px 1px);
    /* IE 6/7 */
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}
/*
 * For `.visually-hidden` elements that should be visible when it gains focus. 
 */
.visible-when-focused:focus {
    clip: auto;
    height: auto;
    overflow: visible;
    position: static;
    white-space: normal;
    width: auto;
    margin: auto;
}
/*
 * Style for "Skip Navigation" type links.  Should have an href linked to 
 */
.bypass-block-link:focus {
    position: absolute;
    text-decoration: none;
    background: #ffffff;
    padding: 0.2em;
    z-index: 100000;
}
.bypass-block-target:focus:target {
    outline: 3px solid rgba(38, 143, 255, 0.5) !important;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5) !important;
}
.form-control.input-validation-error {
    border-color: #ff0033;
    box-shadow: 0 0 0 0.2rem rgba(100, 0, 20, 0.25);
}
.validation-summary-errors {
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.validation-summary-errors li {
    color: #721c24;
}
.validation-summary-errors ul {
    padding: 20px 0
}
.weatherWrapper {
    background: #2f4c62 !important;
}
/*.gdprcookie .gdprcookie-intro a 
{
    color: #FFE0D1 !important;
}
.gdprcookie .gdprcookie-intro a:hover 
{
    color: #ECEEEC !important;
}*/

.accordion {
    color: rgb(33, 37, 41) !important;
}
.councillorMain h4 {
    color: #FFFFFF !important;
}
.mainCouncilView h4 {
    padding: 10px;
}
#image-gallery .modal-title {
    display: none;
}
.blogMainThumb h3 {
    z-index: 1;
}
.blogMainThumb .locationBlogDetail {
    z-index: 1;
}
.blogMainThumb>div:nth-child(3) {
    z-index: 1;
    position: relative;
}
.blogMainThumb .monthYearBlog {
    z-index: 1;
}
.widget-align-justify {
    text-align: left !important;
}
.divPageGalleryItem a {
    display: block;
    float: left;
    width: 100%;
    height: 100%;
}
/****** START Planning application tracker ******/
#divPlanningTrackerTabWrp,
#divPlanningTrackerMapWrp {
    padding: 0 2% 0 2%;
}
#divPlanningTrackerTabWrp button {
    font-size: 1.3em;
    border: none;
    padding: 4px 12px 4px 12px;
}
#divPlanningTrackerTabWrp button:nth-child(2) {
    background-color: #CCCCCC;
}
#imgPlanningTrackerPreloader {
    display: block;
    padding-top: 20px;
    margin: 0 auto;
}
.planningTableSearch {
    width: 96%;
    padding: 15px;
    margin: 0 2%;
    background: #efefef;
}
#divPlanningMapFilterWrp {
    width: 100%;
    padding: 15px;
    background: #efefef;
    text-align: right;
}
.planningTableSearch input {
    height: 32px;
    float: right;
    max-width: 300px;
}
.plannerTable th img {
    width: 24px;
    padding: 0 0 2px 4px;
    cursor: pointer;
}
table.plannerTable {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 96%;
    /*table-layout: fixed;*/
    overflow: hidden;
    margin: 0 auto 20px auto;
}
table.plannerTable caption {
    font-size: 120%;
    margin: .5em 0 .75em;
}
table.plannerTable tr {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: 5px;
}
table.plannerTable th,
table.plannerTable td {
    padding: 10px 5px 10px 5px;
}
table.plannerTable th {
    font-size: 120%;
    text-transform: capitalize;
    text-align: center;
}
#tblPlanningApplications tr td:nth-child(1) {
    width: 10%;
}
#tblPlanningApplications tr td:nth-child(2) {
    width: 30%;
}
#tblPlanningApplications tr td:nth-child(3) {
    width: 10%;
}
#tblPlanningApplications tr td:nth-child(5),
#tblPlanningApplications tr td:nth-child(6) {
    width: 12%;
}
/*table.plannerTable .btn 
{
    font-size: 90%;
    padding: 3px 20px;
    margin: 5px 0;
}
.statusBtn span 
{
    padding: 4px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 100%;
    font-style: italic;
    font-weight: bold;
}.statusBtn span.pending 
{
    background: #f7cb73;
}.statusBtn span.approved 
{
    background: #2471A3;
}.statusBtn span.closed 
{
    background: #2ECC71;
}.statusBtn span.withdrawn 
{
    background: #cccccc;
}*/
#divPlanningTrackerOuterWrp {
    width: 100%;
}
/****** END Planning application tracker ******/
/*aa removed@media (min-width: 1200px) {
        .meetings .container, .widget-container {
            max-width: 98% !important;
        }    }*/

/*aaremoved@media (min-width: 576px) {
        .meetings div#main.container, .widget-container {
            padding-top: 1%;
        }    }*/
.footer {
    width: 80%;
    float: left;
    /*padding-left: 20%;*/
}
.footer a {
    color: #000000 !important;
}
.modal {
    position: relative !important;
}
.text-field {
    text-align: center;
}
.eventsplacestartandend {
    text-align: center;
}
#containermeetingcontent {
    padding-bottom: 2%;
}