@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
  font-family: 'Avenir';
  src: url("../fonts/Avenir/Avenir-Regular.ttf") format("truetype"); 

}
@font-face {
  font-family: 'Avenir-Black';
    src: url("../fonts/Avenir/Avenir-Black.ttf") format("truetype");}

:root{
  --heading-font: "Poppins" , "Arial";
  --body-font: "Arial";
  --orange: #f26522;

}
  

a {color: #0066b3; text-decoration: underline; }
a:hover { color: #8a4290; text-decoration: underline; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
a:visited {color: #bb1122;}

.fa {font-family: FontAwesome;}
  
a.ext {}
a.ext:after {content: "\f08e"; padding-left: 5px; font-family: FontAwesome;}
a.email {text-decoration: underline; font-weight: bold;}
a.email:hover, a.email:focus {color: #999;}
a.email:before {color: #f26522; font-size: 14px; content: "\f0e0"; padding-left: 5px; padding-right: 5px; font-family: FontAwesome;}
a.button.email:before {color: #FFF;}
a.phone {text-decoration: none; font-weight: bold;}
a.phone:hover, a.phone:focus {color: #999;}
a.phone:before {color: #f26522; font-size: 14px; content: "\f095"; padding-left: 5px; padding-right: 5px; font-family: FontAwesome;}
a.button.phone:before {color: #FFF; }
a.download {color: #f26522; text-decoration: none; font-weight: bold;}
a.download:before {content: "\f019"; padding-right: 5px; font-family: FontAwesome;}
a img:hover, a img:focus {opacity: 0.8;} 
a p.image:hover, a p.image:focus {opacity: 0.8;} 

a.button, a.button:hover,  a.button:focus,  a.btn,  a.btn:hover,  a.btn:focus,  input[type="submit"],  input.button,  button:not(.map-frontend_wrapper button) {background-color: #f26522; color: #fff !important;display: inline-block; padding: 15px 17px; text-decoration: none;font-size: 14px;cursor: pointer;border: 0;}
a.button:hover, a.button:focus, a.btn:hover, a.btn:focus, input[type="submit"]:hover, input[type="submit"]:focus, input.button:hover, input.button:focus, button:hover, button:focus {background-color: #cf4a15;}

a.button.readmore {border: 2px solid #f26522; background: #FFF; color: #f26522 !important;}
a.button.readmore:hover {border: 2px solid #666; background: #FFF; color: #666 !important;}
a.button.reset {line-height: 16px; margin-left: 5px; padding: 13px 17px; background-color: #C03;}
a.button.reset:hover, a.button.reset:focus {background-color: #A01;}
a.button.disabled {background-color: #c9c9c9; cursor: not-allowed; pointer-events: all !important;}

a#sort-title-asc:after {float: right; text-decoration: none; cursor: pointer; color: #f26522; font-size: 28px; content: "\f106"; padding-left: 5px; padding-right: 5px; font-family: FontAwesome;}
a#sort-title-desc:after {float: right; text-decoration: none; cursor: pointer; color: #f26522; font-size: 28px; content: "\f107"; padding-left: 5px; padding-right: 5px; font-family: FontAwesome;}
a#sort-date-asc:after {float: right; text-decoration: none; cursor: pointer; color: #f26522; font-size: 28px; content: "\f106"; padding-left: 5px; padding-right: 5px; font-family: FontAwesome;}
a#sort-date-desc:after {float: right; text-decoration: none; cursor: pointer; color: #f26522; font-size: 28px; content: "\f107"; padding-left: 5px; padding-right: 5px; font-family: FontAwesome;}

strong.orange {color: #f26522;}
.orange {color: #f26522 !important;}
.red {color: #CC0033 !important;}
.bold {font-weight: bold;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
  
.nomobile {display: block;}
.mobileonly {display: none;} 

img {max-width: 100%;}
img.right {float: right; padding-left: 10px; max-width: 420px; padding-bottom: 6px;}
img.left {float: left; padding-right: 10px; max-width: 420px; padding-bottom: 6px;}
iframe.youtube-video {width: 100%; max-width: 560px; min-height: 315px;}
div.youtube-video-wrapper {margin: 0 auto; text-align: center;}
div.transcript-wrapper {margin: 20px;}
span.transcript {background-color: #AA272F; color: #fff !important; display: inline-block; padding: 8px 8px; text-transform: uppercase;  text-decoration: none; font-size: 14px; cursor: pointer; border: 0;}
span.transcript:hover, span.transcript:focus {background-color: #cf4a15;}
span.transcript.closed:after {content: "\f102"; padding-left: 5px; font-family: FontAwesome; font-size: 16px;}
span.transcript.opened:after {content: "\f103"; padding-left: 5px; font-family: FontAwesome; font-size: 16px;}
div.transcript {display: none;}
#clear, .clear {clear: both;}
.printonly, .element-invisible { display: none !important;}

*:focus {/*border: 3px solid #C03; margin: -3px;*/}

h1, h2, h3, h4, h5, h6,
p.h1, p.h2, p.h3, p.h4, p.h5, p.h6 
{color: #333; font-family: var(--heading-font); line-height: 110%;}
h1, p.h1 {font-size: 48px;}
h2, p.h2 {font-size: 38px;}
h3, p.h3 {font-size: 28px;}
h4, p.h4 {font-size: 18px;}

div#footer div.three div.custom p.h4 {cursor: pointer;}

table {width: 100%;}

.underline {border-bottom: 4px solid #f26522; padding-bottom: 10px !important; margin-bottom: 15px;}
.underline a {color: #333 !important; text-decoration: none !important;}

p.error {font-weight: bold; background-color: #C03; color: #FFF; padding: 5px;}
p.warning {font-weight: bold; background-color: #fdc039; color: #FFF; padding: 5px;}
p.success {font-weight: bold; background-color: limegreen; color: #FFF; padding: 5px;}
p.feature-landing-page {padding: 30px; border-left: 5px solid #f26522; font-weight: bold; font-size: 16px; background: #f0f1f3;}

.download-calendar {cursor: pointer; background-image: url(/images/icons/calendar.png); background-position: left; background-repeat: no-repeat; background-size: 18px 18px; padding-left: 25px;}

/* FORMS*/

.error {font-weight: bold; color: #c03;}
label.error {display: block;}
input.error {border: 2px solid #c03 !important;}
textarea.error {border: 2px solid #c03 !important;}
input[type=file] {max-width: 200px;}

span#more a.remove_field {display: none;}
span#more:last-child a.remove_field {display: inline-block;}
textarea, textarea::-webkit-input-placeholder { min-height: 96px;}
a.remove_field {text-decoration: none;}
input[type="text"].calendar {
    background: url(/images/icons/calendar.png) no-repeat 95% center;
    background-size: 23px; max-width: 165px;
}
div.select-wrapper{display: block; position: relative; background: #fff; width: 100%;}
div.select-wrapper select {width: 100% !important; cursor: pointer; height: 43px !important; padding-top: 0; padding-bottom: 0;}
div.select-wrapper:before {content: "\f078"; color: #fff; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; top: 50%; z-index: 9; pointer-events: none; width: 40px; position: absolute;display: inline-block; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
	
div.select-wrapper:after {right: -1px; top: 0;content: ''; background: #f26522; font-family: FontAwesome; height: 43px; pointer-events: none; width: 40px; position: absolute;}
span.clear-file:before {color: #c03; font-size: 20px; content: "\f12d"; font-family: FontAwesome; padding: 5px; cursor: pointer;}
a.remove_field:before {color: #c03; font-size: 20px; content: "\f014"; font-family: FontAwesome; padding: 5px; cursor: pointer;}

tr#appeal-reasons {display: none;} /*Scores on doors form*/

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type=file],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}

/* FORMS*/

html, 
body {width: 100%; margin: 0 auto; font-size: 14px; line-height: 1.5; font-family: var(--body-font);}

div.one {float: left; width: 8.33333333%; }
div.two {float: left; width: 16.66666667%; }
div.three {float: left; width: 25%; }
div.four {float: left; width: 33.33333333%; }
div.five {float: left; width: 41.66666667%; }
div.six {float: left; width: 50%; }
div.seven {float: left; width: 58.33333333%; }
div.eight {float: left; width: 66.66666667%; }
div.nine {float: left; width: 75%; }
div.ten {float: left; width: 83.33333333%; }
div.eleven {float: left; width: 91.66666667%; }
div.twelve {float: left; width: 100%; }

.padding1 {padding: 1px;}
.padding5 {padding: 5px;}
.padding10 {padding: 10px;}
.padding15 {padding: 15px;}
.padding20 {padding: 20px;}
.padding25 {padding: 25px;}
.padding30 {padding: 30px;}

div#accessibility {height: 0px; overflow: hidden;}
div#accessibility ul { list-style-type: none; padding-left: 0px; width: 1020px; margin: 0 auto;}
div#accessibility ul li { display: inline-block; padding-right: 35px;}
div#accessibility ul li a { color:#333; text-decoration: none; line-height: 40px; font-weight: bold; padding: 10px;}
div#accessibility ul li a:hover, div#accessibility ul li a:focus {color: #FFF; background: #333;}




/*new toolbar style pcc master menu*/
div#toolbar .separator {display: inline;}
div#toolbar {width: 100%; background: #f0e0ca; } 
div#toolbar > ul {list-style: none; padding:0 ; margin:0;   text-align:center; } 
div#toolbar ul li { display:inline-block; border-left: 3px solid #ffffff; }
div#toolbar ul li:last-child { border-right: 3px solid #fff;}  /**/
div#toolbar ul li.parent > a:after { font-family: FontAwesome; content: "\f0d7";}
div#toolbar ul li a {display: block; color: #000; text-decoration: none;  text-align:center;  padding:10px 50px; font-weight:700; font-family:'Poppins', "Arial";}
div#toolbar ul li:hover {background-color: #f26522;}
div#toolbar ul li.active {background-color: #f26522;}
div#toolbar ul li.activesite {background-color: #f26522;}
div#toolbar ul li a.dropdown:after {top: 13px; }
div#toolbar ul li ul {text-align: left; background: #f0e0ca; height: 0; list-style: none; margin: 0; overflow: hidden; padding: 0; border-radius: 0; position: absolute; z-index: 110; width:max-content; min-width: 160px; }
div#toolbar ul li ul.show-menu {-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); height: auto; }
div#toolbar ul li ul li { display: block; border: none; padding: 0; }
div#toolbar ul li ul li:last-child { border-right: none; }
div#toolbar ul li ul li:hover { background-color: #f26522; }
div#toolbar ul li ul li a:focus { background-color: #f26522; }
div#toolbar ul li ul li a { text-align: left; padding:10px 20px; }/**/
div#toolbar ul li:hover ul { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); height: auto; }
div#toolbar ul li:focus ul { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); height: auto; }
div#toolbar ul li a:focus + ul{height: auto; z-index: 10000000;}
div#toolbar ul li span.text { display: block;text-align:center;  padding:10px 50px;font-weight:700;font-family:'Poppins', "Arial";} 
div#toolbar ul li.parent span.text:after {font-family: FontAwesome; content: "\f0d7";padding-left:5px;}
div#toolbar ul li ul li.mobileonly {display: none;}
@media screen and (max-width: 1360px){div#toolbar ul li a, div#toolbar ul li span.text {padding:10px 30px;}}
@media screen and (max-width: 1120px){div#toolbar ul li a, div#toolbar ul li span.text {padding:10px 15px;}}
@media screen and (max-width: 870px){
    div#toolbar ul li {display:block;  position: relative; text-align: center;}
  	div#toolbar ul li.nomobile {display: none;}
  	div#toolbar ul li ul li.mobileonly {display: block;} 
	div#toolbar ul li ul li{float: none;width:100vw; }
	div#toolbar ul li ul li a{text-align: center;}
	}
/*end new toolbar style pcc master menu*/



div#toolbar div#google_translate_element span.text {display: none;}
#google_translate_element .goog-te-gadget .goog-te-gadget-simple {background-color: transparent !important; border: none !important; font-size: 14px !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-right: 15px !important;}
#google_translate_element .goog-te-gadget .goog-te-gadget-simple .goog-te-gadget-icon { float: left; margin-top: 10px; margin-left: -10px !important; background-image: none !important; }
#google_translate_element span a.goog-te-menu-value span {border-left: 0 !important;}


#phocagallery img {max-width: 100% !important;}
#phocagallery p.h3 a {background: #f26522; display: block; color: #FFF !important; padding: 10px; margin-top: -32px; text-align: center;}
#phocagallery p.h3 a:hover {background: #666; text-decoration: none;}
img.download-image {width: 16px; height: 16px; padding: 5px !important; background-color: #CC0033; margin-top: -32px !important; position: absolute;}
div#gallery div.four {min-height: 470px; position: relative;}
div.pg-cv-name p.h3 {margin-top: 0;}
div.pg-csv-descbox, div.pg-cv-descbox {font-size: initial !important;}

div#top {width: 1180px; margin: 0 auto; max-width: 100%;position: relative;}
div#logo {float: left; width: 20%;}
div#logo p {padding: 0;}

div#main-menu {background: #474747;;}
div#main-menu nav {background: #F26522; background: linear-gradient(to bottom,  #F26522 0px,#F26522 77px,#474747 77px,#474747 100%);}
div#main-menu ul.nav.menu li.divider ul {height: 402px; /*Required for smooth jquery slide*/}
div#main-menu nav ul { list-style-type: none; padding-left: 0px; max-width: 1185px; margin: 0 auto;}
div#main-menu nav ul > li { display: inline-block; width: 12.5%; vertical-align: top;}
div#main-menu nav ul > li a {font-family: var(--heading-font); color: #FFF; padding: 20px; font-weight: bold; text-decoration: none; font-size: 20px;}
div#main-menu nav ul > li.active a{}
div#main-menu nav ul > li a:hover {}
div#main-menu nav ul > li a:focus {}
div#main-menu nav ul > li > div#tab.separator span.text {font-family: var(--heading-font); color: #FFF; font-weight: bold; font-size: 18px; padding: 14px; display: block; line-height: 22px; text-align: center; height: 49px; cursor: pointer; position: relative;}

div#main-menu nav ul > li.active > div#tab.separator span.text:after {
    content: "";
    border-top: 10px solid #d95b1f;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin-left: -10px;
    position: absolute;
    z-index: 105;
    left: 50%;
    bottom: -10px;
}

div#main-menu nav ul li.active, 
div#main-menu nav ul li:hover, 
div#main-menu nav ul li:focus {background: #d95b1f;}

div#main-menu nav ul > li.active > ul > li, 
div#main-menu nav ul > li:hover > ul > li, 
div#main-menu nav ul > li:focus > ul > li,
div#main-menu nav ul li.active ul li.active, 
div#main-menu nav ul li ul li.active {background: #474747 !important;}

div#main-menu nav ul > li > ul {display: none; float: left; background-color: #474747; width: 1185px; position: relative; left: 0; right: 0; top: auto; z-index: 100;}

div#main-menu nav ul > li > ul > li {background: #474747; display: list-item; width: 25%; float: left; position: relative;} /* Council Business*/
div#main-menu nav ul > li > ul > li > a {font-family: var(--heading-font);font-size: 16px; display: block;} /* Council Business*/
div#main-menu nav ul > li > ul > li:hover, 
div#main-menu nav ul > li > ul > li:focus {background: initial;}

div#main-menu nav ul > li > ul > li > ul > li {background: #474747; display: list-item; width: 25%; float: left; position: relative; padding-top: 0px;} /*Mayor and Councillors*/
div#main-menu nav ul > li > ul > li > ul > li > a {font-family: var(--heading-font);font-size: 14px; display: block; font-weight: normal; padding-top: 0px;} /*Mayor and Councillors*/
div#main-menu nav ul > li > ul > li > ul > li > span a {font-family: var(--heading-font);font-size: 14px; display: block; font-weight: normal; padding-top: 0px;} /*Mayor and Councillors*/
div#main-menu nav ul > li > ul > li > ul > li > span {font-family: var(--heading-font);font-size: 14px; display: block; font-weight: normal; padding: 20px; padding-top: 0px;}
div#main-menu nav ul > li > ul > li > ul > li > span a {font-family: var(--heading-font);padding: 0px; display: inline-block;}
div#main-menu nav ul > li > ul > li > ul > li:last-child > a {padding-bottom: 30px;} /*Mayor and Councillors*/

div#main-menu nav ul > li > ul > li > ul {width: 100%; float: left; position: relative;}
div#main-menu nav ul > li > ul > li > ul > li {width: 100%; float: left; position: relative; color: #FFF;}

div#main-menu nav ul > li > ul > li > ul > li > ul { /*Hide 4th level and beyond*/
    display: none !important;
}

div#main-menu ul.nav.menu li.divider ul {overflow: hidden;}



div#main-menu-toggle {display: none; cursor: pointer; float: right;}
div#main-menu-toggle:after {font-family: FontAwesome; content: "\f0c9"; color: #f26522; font-size: 32px;  padding: 10px; padding-right: 0; padding-top: 0; position: absolute; top: 30px; right: 10px;}



div.search-icon {/*display: none; */cursor: pointer; float: right;}
span#search-icon:after {font-family: FontAwesome; content: "\f002"; color: #f26522; font-size: 27px;  padding: 10px;  padding-top: 0; position: absolute; top: 30px; right: 50px;}

div#search {float: right; width: 35%; padding-top: 20px;}
div#search input {background-color: #fff; border: 1px solid #c6c6c6; border-radius: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; color: #000; line-height: 20px; padding: 0px 12px; width: 60%; height: 40px; margin-top: 1px;}
div#search ::-webkit-input-placeholder {color: #000;}
div#search button {padding: 1px 0; margin-bottom: 0; text-align: center; width: 25%; background: #f26522; color: #fff; border: none; border-radius: 0; text-transform: uppercase; -webkit-appearance: button; cursor: pointer; font-size: 17px; display: inline-block; height: 40px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; margin-left: -5px;}

div#search button:hover {background-color: #cf4a15; color: #fff;}
div#search button:focus {background-color: #cf4a15; color: #fff;}

div#pccsearch-icon {display: none;}
div#pccsearch-icon img {width: 57px; margin-top: -10px;}

div.breadcrumbs-wrapper {width: 100%; margin: 0 auto; border-bottom: 1px solid #c5c6ca;}
div#breadcrumbs {width: 100%; max-width: 1180px; margin: 0 auto; padding: 0; font-size: 18px; line-height: 0px; background: #FFF;}
.slideshow div#breadcrumbs {width: 100%; max-width: 1020px; margin: 0 auto; padding: 0; font-size: 18px; line-height: 0px; border-top: 4px solid #f26522; z-index: 5; margin-top: -48px; position: absolute; background: #FFF; padding-left: 30px; padding-right: 30px;}

div.slideshowck {margin-bottom: 0 !important;}

.slideshow div.camera_pag {visibility: hidden;}
div#slideshow div.camera_next:hover, div#slideshow div.camera_prev:hover, div#slideshow div.camera_stop:hover, div#slideshow div.camera_play:hover {background-color: #FFF;}
div#slideshow div.camera_next:focus, div#slideshow div.camera_prev:focus, div#slideshow div.camera_stop:focus, div#slideshow div.camera_play:focus {background-color: #0f1;}
.camera_wrap .camera_pag .camera_pag_ul li:focus {background-color: #0f1; border: 3px solid #0f1;}
a.button.slideshow {text-transform: unset; font-size: 18px; padding: 10px;}
p.slideshow-heading {display: none;}

div#breadcrumbs ul {list-style-type: none; padding: 0; margin-bottom: 5px; margin-top: 5px;}
div#breadcrumbs li {display: inline-block;}
div#breadcrumbs li:first-child { width: 0;}
div#breadcrumbs li a {color: #333; display: inline-block; padding: 10px 0; text-decoration: none; font-size: 14px; font-weight: bold;}
div#breadcrumbs li a span {color: #333;}
div#breadcrumbs li.active span {color: #F26522;}
div#breadcrumbs li span {color: #333; display: inline-block; padding: 10px 0; text-decoration: none; font-size: 14px; font-weight: bold;}
div#breadcrumbs li span.divider {margin-left: 8px; margin-right: 8px;}


div#before-slideshow-wrapper { width: 100%; background: #f0f1f3; margin-top: 30px; border-top: 1px solid #c6c6c6;}
div#before-slideshow { width: 100%; max-width: 1100px; margin: 0 auto;}
div#before-slideshow p.h2 { padding: 20px 0px; margin: 0;}

div#body-right-panel {float: right;}












/*############### EVENT CALENDAR ##################*/
/*div.calendar-wrapper {background-image: url(/images/Events-Calendar.jpg); background-position: top center; background-repeat: no-repeat; padding-top: 100px; background-position-y: -400px; margin-bottom: 30px;}*/
div.calendar-outer { background-color: transparent; width: 1080px; margin: 0 auto; margin-top: 140px;}
div.calendar {float: left; min-height: 100px; background-color: #FFF; width: 1020px; margin: 0 auto; border-top: 3px solid #f26522;}
div.calendar p.h1 {background-image: url(/images/icons/calendar.png); background-position: 20px 0px; background-repeat: no-repeat; background-size: 58px; text-indent: 90px; margin-top: 15px; line-height: 70px; margin-bottom: 15px;}
div.calendar p.event-button {text-align: right; margin-right: 10px; margin-top: 24px;}
div.calendar div.days {border-bottom: 2px solid #fdc039; background-color: #d3d3d4;}
div.calendar div.day {float: left; width: 14.285714%; cursor: pointer;}
div.calendar div.day.active {background-color: #fdc039 !important;}
div.calendar div.day.active > a:after {
    content: '';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 10px solid #fdc039;
    margin-left: -20px;
    position: absolute;
    bottom: -10px;
    left: 50%;
}
div.calendar div.day.even {background-color: #e9e9ea;}
div.calendar div.day.odd {background-color: #d3d3d4;}
div.calendar div.day span {color: #333; text-transform: uppercase;}
div.calendar div.day span.number {font-size: 44px; display: block;}
div.calendar div.day span.month {font-size: 14px; display: block;}
div.calendar div.day span.day {font-size: 14px; display: block; text-align: right; margin-right: 5px;}
div.calendar div.events {border-left: 1px solid #c9c9c9;}
div.calendar div.events div.event {width: 19.9%; min-height: 203px; float: left; border-right: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9;}
div.calendar div.events div.event.no-events {width: 100%; min-height: auto; font-weight: bold; font-size: 16px;}
div.calendar div.events div.event span.title{font-weight: bold;	font-size: 16px; display: block;}
div.calendar div.events div.event span.description{font-size: 14px; display: block;}
div.calendar div.events div.event span.read-more{display: block;}
div.calendar div.events div.event span.read-more a{font-size: 14px; font-weight: bold; text-transform: uppercase; display: block; text-decoration: none; color: #f26522; margin-top: 12px;}
div.calendar div.events div.event span.icon {display: block;}
div.calendar-outer div.previous {float: left; width: 30px; margin-top: 140px;}
div.calendar-outer div.next {float: left; width: 30px; margin-top: 140px;}
div.calendar-outer button {background: transparent; border: 0;}
div.calendar-outer button#calendar-previous:before{content: "\f053"; font-family: FontAwesome; color: #f26522; font-size: 52px; margin-left: -20px; cursor: pointer;}
div.calendar-outer button#calendar-next:before{content: "\f054"; font-family: FontAwesome; color: #f26522; font-size: 52px; padding-left: 20px; cursor: pointer;}
div.calendar-outer button#calendar-next-mobile:before{content: "\f054"; font-family: FontAwesome; color: #FFF; font-size: 40px; padding-left: 5px; cursor: pointer;}
div.calendar-outer button#calendar-previous-mobile:before {content: "\f053"; font-family: FontAwesome; color: #FFF; font-size: 40px; margin-left: -10px; cursor: pointer;}
button#calendar-next-mobile, button#calendar-previous-mobile {display: none;}
div.days-load {display: block; width: 100%; text-align: center; height: 138px;}
div.days-load img {margin-top: 50px;}
div.events-load {display: block; width: 100%; text-align: center; height: 648px; border-right: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9;}
div.events-load img {margin-top: 186px;}
img.calendar-submit { max-width: 60px; margin-top: 40px;}
.calendar-submit {cursor: pointer;}
/*############### EVENT CALENDAR ##################*/

/*############### EVENTS ##################*/
div.event-search-form div.form-input {/*float: left; padding: 10px;*/}
div.event-search-form div.form-input:first-child {padding-left: 0px;}
div.event-search-form div.form-input:last-child { padding-right: 0;}
div.event-search-form div.form-input label{display: block; padding-bottom: 15px; font-size: 16px; margin: 0; padding: 0;color: #333; line-height: 110%;}
div.event-search-form div.form-input label.error{color: #C03;}
div.event-search-form div.form-input label {padding: 0px 12px;}
div.event-search-form div.form-input:first-child label {padding-left: 0;}
div.event-search-form div.form-input label input,
div.event-search-form div.form-input label select, 
div.phocadownloadordering select
{display: block; height: 40px; width: 100%; background-color: #fff; border: 1px solid #c6c6c6; border-radius: 0; color: #333; line-height: 20px; padding: 0px 12px; margin-bottom: 15px; margin-top: 15px; line-height: 110%; font-size: 16px;}

div.event-search-form div.form-input input#q {max-width: 180px;}
div.event-search-form div.form-input input[type="submit"] {margin-top: 32px; height: 43px; line-height: 10px; width: 100%;}


div#event-image {display: none; background-size: cover; background-position: top center; background-repeat: no-repeat; min-height: 450px; overflow: hidden; border-bottom: 2px solid #F26522;}
p#event-announcement {font-weight: bold; background-color: #C03; color: #FFF; padding: 5px; margin-top: 0;}
div#event-summary {font-weight: bold; font-size: 120%; margin-top: 0px;}
div#event-summary p {margin-top: 0px;}
div.event-listing {position: relative; min-height: 485px;}
div.event-listing.things {min-height: 465px;}
div.event-listing h2.title { font-size: 20px; margin: 0;}
div.event-listing h3.title { font-size: 20px; margin: 0; }
div.event-listing h2.title a { color: #333 !important;}
div.event-listing h2.title a:hover { color: #f26522 !important;}
div.event-listing h3.title a { color: #333 !important; font-weight: 700; text-shadow: 0px 0px #000;}
div.event-listing h3.title a:hover, div.event-listing h3.title a:focus { color: #f26522 !important;}

div.event-listing.things h3.title {width: 98%;}
div.event-listing.things h3.title a {color: #333 !important; display: block; font-weight: 700; text-shadow: 0px 0px #000;}
div.event-listing.things h3.title a:hover, div.event-listing.things h3.title a:focus {color: #f26522 !important;}


div.event-listing p.image { margin: 0;}
div.event-listing p.datestart { font-weight: bold; color: #f26522; margin-top: 5px;}
div.event-listing p.summary {}
div.event-listing p a.button { position: absolute; bottom: 20px;}

div.four.more-details {}
div.four.more-details p.h3 {color: #f26522; margin-top: 10px; font-size: 18px; margin-bottom: 0; margin-top: 0;}

ul.event-more-sessions {display: none; list-style-type: none; padding-left: 0;}
a.closed#event-more-sessions:after {content: "\f063"; padding-left: 5px; font-family: FontAwesome;}
a.opened#event-more-sessions:after {content: "\f062"; padding-left: 5px; font-family: FontAwesome;}

div.more-details a.button { width: 100%; text-align: center; max-width: 280px;}
a#event-more-sessions {max-width: 276px;}

div.item-page.border-top {border-top: 1px solid #c6c6c6; margin-top: 32px;}

/*############### MAPS ##################*/
div.map-title {display: none;}

div.google-map-infobox {max-width: 400px !important;} 
div.google-map-infobox img {max-width: 300px !important;} 

div.google-map-wrapper {position: relative;}
div.google-map {border-bottom: 4px solid #f26522; padding-bottom: 10px;}
div.google-map p.h1 span.map-pin {background-image: url(/images/icons/map.png); background-repeat: no-repeat; background-size: 56px 56px; padding-left: 60px; line-height: 65px; background-position-y: -4px;}
div#google-map {position: relative; width: 75%; min-height: 60vh; margin-bottom: -10px; overflow: hidden; background-image: url(/images/icons/loading.gif); background-position: center; background-repeat: no-repeat; background-size: 40px 40px; margin-bottom: 20px; border-bottom: 3px solid #F26522;}
div.event div#google-map {width: 100%;}
.shadow {overflow: hidden; position: relative;}
.shadow:before {
    content: '';
    width: 100%;
    position: absolute;
    z-index: 90;
    top: 0;
    -webkit-box-shadow: 0px 0px 13px 2px #000;
    -moz-box-shadow: 0px 0px 13px 2px #000;
    -ms-box-shadow: 0px 0px 13px 2px #000;
    -o-box-shadow: 0px 0px 13px 2px #000;
    box-shadow: 0px 0px 13px 2px #000;
}

p.toggle-filters.closed:after {content: "\f103"; padding: 10px; font-family: FontAwesome; font-size: 28px;}
p.toggle-filters.open:after {content: "\f102"; padding: 10px; font-family: FontAwesome; font-size: 28px;}
p.toggle-filters {text-align: right; margin: 0; display: none;}

ul.google-map-tabs {list-style: none; margin: 0; padding: 0; width: 100%;}
ul.google-map-tabs li {display: block; margin: 0; padding: 0; width: 100%; float: left;}
ul.google-map-tabs li.all, ul.google-map-tabs li.none {width: 50%;}
ul.google-map-tabs li a {display: block; padding: 10px; color: #333 !important; font-weight: bold;  font-size: 14px; cursor: pointer; border-bottom: 1px solid #999; text-decoration: none;}

ul.google-map-tabs li a:hover, ul.google-map-tabs li a:focus {background: #e9e9e9;}
ul.google-map-tabs li.map-tab.all a:hover, ul.google-map-tabs li.map-tab.all a:focus {color: green !important;}
ul.google-map-tabs li.map-tab.none a:hover, ul.google-map-tabs li.map-tab.none a:focus {color: #C03 !important;}

 ul.google-map-tabs li a.invisible {opacity: .2; background: #e4e4e4; border-bottom: 1px solid #a8a8a8!important; }
 ul.google-map-tabs li a.invisible:hover, ul.google-map-tabs li a.invisible:focus {opacity: .6; background: #e4e4e4; border-bottom: 1px solid #a8a8a8!important; }
 ul.google-map-tabs li.map-tab.all a.invisible {opacity: .2; background: darkgreen; border-bottom: 1px solid #a8a8a8!important; }
 ul.google-map-tabs li.map-tab.none a.invisible {opacity: .2; background: darkred; border-bottom: 1px solid #a8a8a8!important; }

ul.google-map-tabs li a:hover {color: #C03 !important;}
ul.google-map-tabs li a:hover, ul.google-map-tabs li a:focus {/*background-color: #f3f3f3 !important;*/}
ul.google-map-tabs li a.active {/*background: #fdc039;*/}

ul.google-map-tabs li.map-tab.all {background: green;}
ul.google-map-tabs li.map-tab.all a {color: #FFF !important;}
ul.google-map-tabs li.map-tab.none {background: #C03;}
ul.google-map-tabs li.map-tab.none a {color: #FFF !important;}

ul.google-map-tabs li.keyboard a {width: 0px; font-size: 0; padding: 0;}
ul.google-map-tabs li.keyboard a:focus {width: auto !important; font-size: 14px; padding: 19px; text-decoration: none;}

div.google-map-wrapper div.filter-wrapper {position: absolute; right: 0; width: 25%; z-index: 1000; min-height: 60vh; background: #FFF;  box-shadow: -9px 0px 13px -10px #000;border-right: 1px solid #c9c9c9; border-bottom: 3px solid #F26522;}
ul.google-map-tabs li a img.filter-image {height: 32px;}
ul.google-map-tabs li a span.filter-title {margin-top: -35px; display: block; margin-left: 28px;}
ul.google-map-tabs li a#polygon span.filter-title {margin-top: -25px;}


div.gm-boundled-control div button {border: 3px solid #000;}
div.gm-boundled-control div button:focus, div.gm-boundled-control div button:hover {border: 3px solid #F26522;}

div.open-category {cursor: pointer;}
div.category-wrapper.twelve { border-bottom: 1px solid #ccc;}
div.open-category:hover, div.open-category:focus {background-color: #e9e9e9;}
div.markers-wrapper {display: none;}
div.markers-wrapper div.marker-wrapper {border-bottom: 1px solid #e3e3e3;}

div.search-wrapper label {display: none;}
div.search-wrapper label.error {display: block !important;}
div.search-wrapper input[type="text"]
{display: inline-block; height: 38px; width: 43%; background-color: #fff; border: 1px solid #c6c6c6; border-radius: 0; color: #333; line-height: 20px; padding: 0px 12px; font-size: 16px;}

div.search-wrapper input[type="submit"]{padding: 13px 17px; margin-left: -5px;}

/*############### MAPS ##################*/

/*############### CONTENT ##################*/

iframe.youtube-video {width: 100%; max-width: 560px; min-height: 315px; border: 0;}
div.youtube-video-wrapper {margin: 0 auto; text-align: center;}
div.transcript-wrapper {margin: 20px;}
span.transcript {background-color: #F26522; color: #fff !important; display: inline-block; padding: 8px 8px; text-transform: uppercase; text-decoration: none; font-size: 14px; cursor: pointer; border: 0;}
span.transcript:hover, span.transcript:focus {background-color: #cf4a15;}
span.transcript.closed:after {content: "\f102"; padding-left: 5px; font-family: FontAwesome; font-size: 16px;}
span.transcript.opened:after {content: "\f103"; padding-left: 5px; font-family: FontAwesome; font-size: 16px;}
div.transcript {display: none;}

/* Instagram Module on homepage */
div.instagram-wrapper {background: #f3f3f3; padding-top: 10px; padding-bottom: 20px; margin-bottom: -10px;}
div.instagram {max-width: 1020px; margin: 0 auto;}
div.instagram p.h1 {background-image: url(/images/icons/camera.png); background-repeat: no-repeat; position: relative; background-size: 58px 58px; padding-left: 72px; line-height: 64px; margin-bottom: 10px; margin-top: 10px;}
div#instafeed {background-image: url(/images/icons/loading.gif); background-position: center; background-repeat: no-repeat; background-size: 40px 40px; min-height: 50px;}
div.instagram-image {float: left; width: 33%; min-height: 345px; min-height: 290px; background-size: cover; cursor: pointer;}
div.instagram-image:hover, div.instagram-image:focus {opacity: 0.8;}
div.instagram-image a {margin: 0; padding: 0; line-height: 0; background: #FFF;}
div.instagram-image img {width: 100%; cursor: pointer;}

/* Module on homepage*/
div#body-left-panel div.latest-news-listing div.padding5 {padding: 0;}
div#body-centre-panel div.latest-news-listing div.padding5 {padding: 0;}

div.twelve.three-columns div#article-content div.six.feature-block {width: 33.33333333%;}

div.latest-news-wrapper {width: 100%;}
div.latest-news {padding-left: 15px;}
div.latest-news p.h2 a {text-decoration: none; color: #333;}
div.latest-news-listing {position: relative; height: 385px;}
div.latest-news-listing.new-west {height: 450px;}
div.latest-news-listing div.padding20 {background: #f0f1f3; height: 205px;}
div.latest-news-listing.new-west div.padding20 {height: 270px;}
div.latest-news-wrapper.unpublished div.latest-news-listing div.padding20 { background: lightsalmon;}
div.latest-news-listing.related {min-height: 515px;}
div.latest-news-listing p.title { font-size: 20px; margin: 0; width: 98%;}
div.latest-news-listing p.title a { color: #333 !important; text-decoration: none; font-weight: 700; text-shadow: 0px 0px #000;}
div.latest-news-listing p.title a:hover, div.latest-news-listing p.title a:focus { color: #f26522 !important;}
div.latest-news-listing p.image { margin: 0; width: 100%; height: 125px; background-size: cover;}
div.latest-news-listing p.datestart { font-weight: bold; color: #f26522; margin-top: 5px;}
div.latest-news-listing p.summary {width: 98%;}
div.latest-news-listing p a.button { position: absolute; bottom: 20px;}
p.news-disclaimer {text-align: right; font-size: 10px; font-style: italic;}

/* Blog listing on /blog page*/
div.news-listing div.news-item-title h2 { font-size: 20px;}
div.news-listing div.news-item-title h2 a {color: #333 !important; font-weight: 700; text-shadow: 0px 0px #000;}
div.news-listing div.news-item-title h2 a:hover, div.news-listing div.news-item-title h2 a:focus {color: #f26522 !important; }
div.news-listing {position: relative; min-height: 545px;}
div.news-listing p.image { margin: 0;}
div.news-listing p.publish-date { font-weight: bold; color: #f26522; margin-top: -13px;}
div.news-listing p.readmore a.button { position: absolute; bottom: 20px;}

div#body-right-panel div.custom { margin-left: 15px; margin-top: 20px; background: #f0f1f3;}
div#body-right-panel div.custom.transparent { background: transparent !important;}
div#body-right-panel div.custom p.h2, div#body-right-panel div.custom p.h3, div#body-right-panel div.custom p.h4, div#body-right-panel div.custom p.h5 {margin-top: 0;}

div.latest-news-wrapper a.button {display: block; text-align: center; font-size: 18px; padding: 12px;}
div.latest-news-wrapper div.latest-news-listing.new-west a.button {font-size: 14px;}

div#content {width: 1180px; margin: 0 auto; max-width: 100%;}
dl.article-info, div.item-image {display: none;} /*Keep article info on website for Structured Data, but hide from display.*/

ul.pool li {font-size: 18px;list-style: none;}
ul.pool li:before {content: "+";margin-right: 5px; color: #F26522;font-weight: bold;
    font-size: 18px;
}
/*############### CONTENT ##################*/

/*############### SEARCH ##################*/
div#search-results-tabs {width: 100%; margin-bottom: -10px;}
div#search-results-tabs ul {list-style-type: none; margin: 0; padding: 0; }
div#search-results-tabs ul li {width: 24.7%; background: #f26522; color: #FFF; text-align: center; font-size: 18px; display: inline-block; margin: 0; padding: 0; line-height: 40px; cursor: pointer;}
div#search-results-tabs ul li.active {background: #C03;}
div#search-results-tabs ul li:hover {background: #cf4a15;}
div#search-results-tabs ul li:focus {background: #cf4a15;}

div#search-results {width: 100%; margin-top: 10px;}
div#search-results div#things,
div#search-results div#events,
div#search-results div#documents,
div#search-results div#blog {width: 100%; min-height: 200px; margin-bottom: 10px; display: none;}
div#search-results div#things {display: block;}

div#search-results div.search-image {margin-bottom: -3px;}
div#search-results div#tag div.search-image { margin-bottom: 116px;}
div#search-results div.search-image img{/*width: 250px; height: 167px;*/ margin-bottom: -3px;}
div#search-results p.search-title  {margin-bottom: 0;}
div#search-results p.search-title a {color: #333 !important; font-weight: 700; text-shadow: 0px 0px #000;}
div#search-results p.search-title a:hover, div#search-results p.search-title a:focus {color: #f26522 !important;}
div#search-results p.search-link {position: absolute; bottom: 10px;}

div#search-results div.result {position: relative; margin-bottom: 10px;}
div#search-results div.result div.eight div.padding20 {padding-top: 0; padding-bottom: 0;}
div#search-results div.result.odd {background: #f3f3f3;}
div#search-results div.result p.publish-date {float: right; margin-top: 0; font-weight: bold; margin-left: 10px; color: #888;}




div#sorted-results {width: 100%; margin-top: 10px; background-image: url(/images/icons/loading.gif); background-position: center; background-repeat: no-repeat; background-size: 40px 40px; min-height: 50px; background-position-y: 0;}
div#sorted-results div#things,
div#sorted-results div#events,
div#sorted-results div#documents,
div#sorted-results div#blog {width: 100%; min-height: 200px; margin-bottom: 10px; display: none;}
div#sorted-results div#things {display: block;}

div#sorted-results div.search-image {margin-bottom: -3px;}
.four.search-image:hover {opacity: 0.8;}
.four.search-image {min-height: 140px; background-size: cover;}
div#sorted-results div#tag div.search-image { margin-bottom: 116px;}
div#sorted-results div.search-image img{/*width: 250px; height: 167px;*/ margin-bottom: -3px;}
div#sorted-results p.search-title  {margin-bottom: 0; font-size: 22px;}
div#sorted-results p.search-title a {color: #333 !important; font-weight: 700; text-shadow: 0px 0px #000;}
div#sorted-results p.search-title a:hover, div#sorted-results p.search-title a:focus {color: #f26522 !important;}
div#sorted-results p.search-link {position: absolute; bottom: 10px;}

div#sorted-results div.result {position: relative; margin-bottom: 10px;}
div#sorted-results div.result div.eight div.padding20 {padding-top: 0; padding-bottom: 0;}
div#sorted-results div.result.odd {background: #f3f3f3;}
div#sorted-results div.result p.publish-date {float: right; margin-top: 0; font-weight: bold; margin-left: 10px; color: #888;}

ul.filter-checkboxes {list-style-type: none;}
ul.filter-checkboxes label{display: block; cursor: pointer; font-size: 24px; font-weight: bold; padding-left: 30px; position: relative;}
ul.filter-checkboxes label:hover input[type=checkbox]:checked:before{color: #CC0033;}
ul.filter-checkboxes label input[type=checkbox]{width: 0px; position: absolute; left: -10px; top: 4px;}
ul.filter-checkboxes label input[type=checkbox]:checked:before{content: "\f046"; font-family: FontAwesome; color:#8dc63e; font-size: 26px;}


/*############### SEARCH ##################*/

/*############### ORANGEBUTTONS QUICKLINKS ##################*/
div.orangebuttons-wrapper div.padding10 {padding-top: 0;}
div.orangebuttons-wrapper ul {padding-left: 0; margin-bottom: 0;}
div.orangebuttons-wrapper ul li {display: inline-block; list-style-type: none; margin-right: -5px; margin-bottom: -4px;}
div.orangebuttons-wrapper ul li a { font-size: 18px; float: left; margin-bottom: 10px; margin-right: 10px; padding: 10px; background-color: #f26522; color: white !important;  letter-spacing: -1px; text-align: center; text-decoration: none;}

div.orangebuttons-wrapper ul li a:hover, div.orangebuttons-wrapper ul li a:focus {background-color: #d95b1f;}
/*############### ORANGEBUTTONS QUICKLINKS ##################*/

/*############### YOURSAY PENRITH ##################*/
div.yoursaypenrith {padding-left: 15px;}
div.yoursaypenrith div.tile {background: #f0f1f3; margin-top: -6px; padding: 20px; padding-top: 1px; padding-bottom: 1px;}
div.yoursaypenrith ul {list-style-type: none; padding-left: 0;}
div.yoursaypenrith ul li {padding-bottom: 10px;}
/*############### YOURSAY PENRITH ##################*/

/*############### H2 QUICKLINKS ##################*/
div.quicklinks-wrapper {background: #f0f1f3;}
div.quicklinks-wrapper p.h3 {margin: 0;}
div.quicklinks-wrapper ul li{list-style-type: none;}
div.quicklinks-wrapper ul li a { font-weight: bold; font-size: 18px; position: relative;}
div.quicklinks-wrapper ul li a:before {content: "\f00c"; font-family: FontAwesome; color: #f26522; padding-right: 10px; cursor: pointer; position: absolute; left: -30px;}
/*############### H2 QUICKLINKS ##################*/

/*############### FORM INPUTS ##################*/
div.pccsearch {position: relative;}
div.pccsearch input[type="search"] { width: 70%; font-size: 16px; position: absolute; top: 0; left: 0;}
div.pccsearch button, div.pccsearch input[type="submit"] { position: absolute; top: 0; right: 0; width: 30%; line-height: 40px; font-weight: bold; color: #333;font-size: 20px;}
div.pccsearch label.error {margin-top: 45px;}

div#before-slideshow div.pccsearch button {color: #333 !important;}

div.pccsearch button,
div.pccsearch input[type="button"],
div.pccsearch input[type="submit"] {
  background: #c5c6ca;
  border: none;
  border-radius: 0;
  cursor: pointer;
  padding: 1px 6px;}
  
div.pccsearch button:hover,
div.pccsearch input[type="button"]:hover,
div.pccsearch input[type="submit"]:hover {
  background: #AAA;}

input[type="text"],
input[type="email"],
input[type="search"],
select,
textarea {
  background-color: white;
  border: 1px solid #c5c6ca;
  border-radius: 0;
  padding: 2%;
  width: 96%
  }

div.search input[type="text"], div.search input[type="search"] { padding: 11px !important; font-size: 16px; position: relative;}
div.pccsearch.search input[type="submit"] {color: #333 !important;}
  

input[type="text"],
input[type="email"],
input[type="search"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

div#top div.pccsearch input[type="search"] { width: 100% !important; font-size: 16px; position: absolute; top: 0; left: 0;}
div#top div.pccsearch button {height: 39px; margin-top: 1px; right: -5px; font-size: 14px;}
  
form#library-theatrette input.calendar, form#library-theatrette input.time {padding: 7%; max-width: 86%;}  
  
form#report-it {display: none;}
a.show-report-form {cursor: pointer;}  
  
/*############### FORM INPUTS ##################*/

/*############### TABLES ##################*/
/* ------------------------------------ **
**  Table
** ------------------------------------ */

table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}

table {
  margin-top: 10px;
  width: 100%; }
  table tr {
    border-top: 1px solid #c5c6ca;
    border-bottom: 1px solid #c5c6ca; }
    table tr th,
    table tr td {
      border-left: 1px solid #c5c6ca;
      border-right: 1px solid #c5c6ca;
      padding: 1% 2%;
      text-align: left;
      vertical-align: top;
      float: left;
	  width: auto;
	  min-width: 96%;
      }
    table tr th {
      font-size: 16px;
	  background-color: #f0f1f3;
	color: #303030;
    line-height: 110%;
    margin: 0;	  }
      
@media (min-width: 768px) {
  table tr {
    border-top: none;
    border-bottom: none; }
    table tr th,
    table tr td {
      border-top: 1px solid #c5c6ca;
      border-right: none;
      float: none;
      padding: 15px 10px;
      }
      table tr th:last-child,
      table tr td:last-child {
        border-right: 1px solid #c5c6ca; }
    table tr td .cell-label {
      display: none; }
    table tr:last-child {
      border-bottom: 1px solid #c5c6ca; } 
	  

	  @media (max-width: 767px) {
        table tr th {
          display: none; } }
    table tr td .cell-label {
      display: block; }
}

table.ui-datepicker-calendar,
table.ui-datepicker-calendar tr,
table.ui-datepicker-calendar tr th,
table.ui-datepicker-calendar tr td {float: none;}


/*############### TABLES ##################*/

/*############### PHOCA DOWNLOAD ##################*/
div.pagination {text-align: right !important;}
div.pgcenter div.pagination div.four {float: right;}
#phoca-dl-category-box .pd-filebox {padding: 10px !important; margin: 0 !important;}
.pd-filebox:nth-child(even) {background: #f0f1f3;}

p.h4.phocadownloadtitle {margin-left: 45px;}
p.h4.phocadownloadtitle:before {
    font-family: FontAwesome;
    content: "\f1c1";
    color: #C03;
    display: inline-block;
    font-size: 40px;
    margin-right: 5px;
	position: absolute;
	left: 0px;
	top: 25px;
}

/*#phoca-dl-download-box .pd-filenamebox, #phoca-dl-category-box .pd-filenamebox {max-width: 460px;}*/

/*############### PHOCA DOWNLOAD ##################*/

/*############### GREY ACCORDIONS ##################*/
/* ------------------------------------ **
**  Accordion content
** ------------------------------------ */
.accordion {
  display: inline-block;
  margin-top: 10px;
  width: 100%; }
  .accordion .header {
    background-color: #e2e2e4;
    cursor: pointer;
    padding: 20px;
    position: relative;
	color: #303030;
	font-size: 20px;
    line-height: 110%;
    margin: 0;
	padding-right: 60px;
	}
    .accordion .header span{
  content: '';
  display: inline-block;
  margin-right: 13px;
  margin-top: 15px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }
	
	.accordion .header span {
      border-bottom: 2px solid #474747;
      border-left: 2px solid #474747;
      display: block;
      height: 10px;
      width: 10px;
      position: absolute;
      bottom: 27px;
      right: 15px; }
    .accordion .header.opened span {
      border-bottom: none;
      border-left: none;
      border-top: 2px solid #474747;
      border-right: 2px solid #474747;
      display: block;
      height: 10px;
      width: 10px;
      position: absolute;
      bottom: 27px;
      right: 15px; }
  .accordion .body {
    display: none;
    float: left;
    background-color: #f0f1f3;
    width: 100%; }
    .accordion .body h4,
    .accordion .body h5,
    .accordion .body .filter-wrap label,
    .filter-wrap .accordion .body label,
    .accordion .body .remove-filter,
    .accordion .body #nav > ul > li > ul > li > ul > li > a,
    .accordion .body .brief,
    .accordion .body .header,
    .accordion .body table tr th,
    table tr .accordion .body th,
    .accordion .body table tr td .cell-label,
    table tr td .accordion .body .cell-label {
      padding-bottom: 20px; }
    .accordion .body img {
      max-width: 100%;
      margin-bottom: 20px; }
    .accordion .body .btn-orange {
      margin-top: 0; }
	  
	.accordion  .inner-x-2 {
    display: block;
    padding: 20px;
	}

/*############### GREY ACCORDIANS ##################*/

/*############### WHITE ACCORDIONS ##################*/
/* ------------------------------------ **
**  Accordion content
** ------------------------------------ */
.unfold {
  display: inline-block;
  margin-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  border-bottom: 1px solid #d4d4d6;}
  .unfold .header {
    cursor: pointer;
    position: relative;
    margin: 0;
	}
    .unfold .header span{
  content: '';
  display: inline-block;
  margin-right: 13px;
  margin-top: 15px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }
	
	.unfold .header span {
      border-bottom: 2px solid #474747;
      border-left: 2px solid #474747;
      display: block;
      height: 10px;
      width: 10px;
      position: absolute;
      top: -10px;
      right: 0px; }
    .unfold .header.opened span {
      border-bottom: none;
      border-left: none;
      border-top: 2px solid #474747;
      border-right: 2px solid #474747;
      display: block;
      height: 10px;
      width: 10px;
      position: absolute;
      top: -10px;
      right: 0px; }
  .unfold .body {
    display: none;
    float: left;
    width: 100%; }
    .unfold .body h4,
    .unfold .body h5,
    .unfold .body .filter-wrap label,
    .filter-wrap .unfold .body label,
    .unfold .body .remove-filter,
    .unfold .body #nav > ul > li > ul > li > ul > li > a,
    .unfold .body .brief,
    .unfold .body .header,
    .unfold .body table tr th,
    table tr .unfold .body th,
    .unfold .body table tr td .cell-label,
    table tr td .unfold .body .cell-label {
      padding-bottom: 20px; }
    .unfold .body img {
      max-width: 100%;
      margin-bottom: 20px; }
    .unfold .body .btn-orange {
      margin-top: 0; }

/*############### WHITE ACCORDIANS ##################*/

/*############### ACCORDION KEY MAP ##################*/
ul.accordian-map {margin-left: 0; padding-left: 0; list-style-type: none;}
ul.accordian-map li {margin-left: 0; padding: 2.5px; list-style-type: none; display: inline-block; font-size: 28px; line-height: 110%;}

/*############### ACCORDION KEY MAP ##################*/


/*############### SOCIAL MEDIA BOXES ##################*/
.social-box {
  color: white;
  float: left;
  padding: 20px;
  text-align: center;
  width: 50%; 
  box-sizing: border-box;
  }

.facebook .social-box {
  background-color: #3b5998; }
.facebook:hover .social-box, .facebook:focus .social-box {
  background-color: #2b4e8c;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.twitter .social-box {
  background-color: #60b5f0; }
.twitter:hover .social-box, .twitter:focus .social-box {
  background-color: #4ea7e1;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.instagram .social-box {
  background-color: #6b4c3d; }
.instagram:hover .social-box, .instagram:focus .social-box {
  background-color: #5d3f31;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.linkedin .social-box {
  background-color: #0077b5; }
.linkedin:hover .social-box, .linkedin:focus .social-box {
  background-color: #0084bf;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  
.youtube .social-box {
  background-color: #da2032; }
.youtube:hover .social-box, .youtube:focus .social-box {
  background-color: #ca0028;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.maps .social-box {
  background-color: #8dc63f; }
.maps:hover .social-box, .maps:focus .social-box {
  background-color: #80b831;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
/*############### SOCIAL MEDIA BOXES ##################*/



/*############### FOOTER ##################*/
div#footer-wrapper { background: #f0e0ca; width: 100%; margin-top: 10px;}
div#footer {width: 100%; max-width: 1180px; margin: 0 auto; min-height: 100px; padding-top: 20px; color: #5e5e5e;}
div#footer a {color: #000; text-decoration: none; font-weight: normal;}
div#footer a:hover, div#footer a:focus {text-decoration: underline;}
div#footer ul {padding-left: 0; margin-left: 0; text-indent: 0;}
div#footer li {list-style-type: none; padding: 0 0 20px;}
div#footer ul li a{color: #000; text-decoration: none;}
div#footer-nav-three a span.fa {color: #5e5e5e; font-size: 18px; padding-right: 10px; text-decoration: none;}
div#footer-nav-three a span.fa:hover {color: #F26522;}
/*############### FOOTER ##################*/

/*######## NEWSLETTER SUBSCRIBE ###########*/
div#newsletter {padding-top: 10px;}
div#newsletter input[type="email"] {background-color: #fff; border: 1px solid #c6c6c6; border-radius: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; color: #000; line-height: 20px; padding: 0px 12px; width: 51%; height: 39px;}
div#newsletter ::-webkit-input-placeholder {color: #000;}
div#newsletter input[type="submit"] {padding: 1px 0;border-top-right-radius: 3px; border-bottom-right-radius: 3px; margin-bottom: 0; text-align: center; width: 29%;background: #f26522; color: #fff; border: none; border-radius: 0; text-transform: uppercase; -webkit-appearance: button; cursor: pointer; font-size: 14px; display: inline-block; height: 41px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; margin-left: -5px;}
div#newsletter input[type="submit"]:hover {background-color: #cf4a15; color: #fff;}
div#newsletter input[type="submit"]:focus {background-color: #cf4a15; color: #fff;}

/*######## NEWSLETTER SUBSCRIBE ###########*/

/*######## FOOTER HIDDEN ###########*/
div#footer-hidden {display: none;}
/*######## FOOTER HIDDEN ###########*/

/*######## FOOTER SOCIAL MEDIA ICONS ###########*/

div#media-social ul{ padding-left: 0;}
div#media-social ul li{ list-style-type: none; margin-right: 16px;}
.fa {display: inline-block; font-family: FontAwesome; font-size: 22px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.fa-facebook:before {content: "\f09a";}
.fa-instagram:before {content: "\f16d";}
.fa-twitter:before {content: "\f099";}
.fa-youtube-play:before {content: "\f16a";}
.social-list li {display: inline-block; border-radius: 15px; height: 30px; width: 30px;}
.social-list li:nth-child(1) {background-color: #4e81d6;}
.social-list li:nth-child(2) {background-color: #333;}
.social-list li:nth-child(3) {background-color: #64ccef;}
.social-list li:nth-child(4) {background-color: #C03;}
.social-list li a {color: #fff; display: block; font-size: 15px; line-height: 30px; text-align: center; }
.social-list li a:hover { color: #fff; text-decoration: none; }
.social-list li a:focus { color: #fff; text-decoration: none; }
.social-list li a span {display: block; -webkit-transform: translateX(-999em); -moz-transform: translateX(-999em); -ms-transform: translateX(-999em); -o-transform: translateX(-999em); transform: translateX(-999em); }
/*######## FOOTER SOCIAL MEDIA ICONS ###########*/

div#scroll-to-top {text-align: center; padding-bottom: 10px;}
div#scroll-to-top a {color: #333; text-decoration: none; font-size: 16px; font-weight: bold;}
div#scroll-to-top a:hover {color: #999;}
div#scroll-to-top a:after {content: "\f062"; font-family: FontAwesome; padding-left: 5px;}

div#footer-menu-wrapper {width: 100%; background: #f3f3f3; padding-bottom: 10px; padding-top: 10px;}
div#footer-menu {max-width: 1180px; margin: 0 auto; min-height: 50px;}
div#footer-menu ul {padding-left: 0;}
div#footer-menu ul > li {list-style-type: none; display: inline-block; float: left; width: 33%;} /* TOP ITEMS, Things, events, stay */
div#footer-menu ul > li > a {list-style-type: none; display: inline-block; float: left; font-weight: bold; font-size: 130%; color: #f26522; text-transform: uppercase; padding-bottom: 20px; text-decoration: none;} /* TOP ITEMS, Things, events, stay */
div#footer-menu ul > li ul li {list-style-type: none; display: inline-block; float: left; width: 100%;}
div#footer-menu ul > li > ul > li > a {list-style-type: none; display: inline-block; float: left; font-weight: normal; font-size: 100%; color: #000; text-transform: initial ; padding-bottom: 20px; text-decoration: none;}
div#footer-menu li a.no-footer, div#footer-menu div#no-footer, div#footer-menu div#google_translate_element {display: none;}

.goog-te-menu2-item div, .goog-te-menu2-item:link div, .goog-te-menu2-item:visited div, .goog-te-menu2-item:active div span {color: #F26522 !important;}
.goog-te-menu2-item:hover div {background: #F26522 !important;}

ul#footer-internal {float: left; width: 80%;}
ul#footer-external {float: left; width: 20%;}
ul#footer-internal ul:first-child > li:nth-child(4) {display: none;} /* TO HIDE THE BLOG MENU ITEM */

div#footer-menu ul#footer-external > li {width: 100%;}

div#footer-logo img {max-width: 170px;}

div#footer-content-wrapper {width: 100%; /*background: #fdc039;*/ padding: 0px;}
div#footer-content-wrapper-wrapper {max-width: 1180px; margin: 0 auto; border-top: 1px solid #c9c9c9;}
div#footer-content-text {line-height: 22px;}
div#footer-content-menu {line-height: 22px; text-align: right;}
#footer-content-menu li {list-style-type: none; display: inline-block; padding-left: 20px; }
#footer-content-menu li a {color: #333; text-decoration: none;}

#footer-bottom-nav li {padding: 20px 50px 20px 0; list-style-type: none; float: left;}
div#footer-bottom-nav ul li a{color:#000;}


/* ------------------------------------ **
**  For the Airport grid
** ------------------------------------ */

div.airport

div.airport { padding: 0;}
div.airport h2 { color: #FFF; background: #999; padding: 15px; font-size: 26px; margin-bottom: 10px; margin-top: -12px;}
div.airport div.col-sm-12 { padding: 0; margin-bottom: 10px; border-bottom: 1px solid #f26522;}
div.airport div.col-sm-12:last-child { border-bottom: 0;}
div.airport div.col-sm-12 div.airport-wrapper {}
div.airport div.col-sm-12 div.airport-wrapper h3 { background-image: url(../../Images/icons/icon-tick-orange-box.png); color: #f26522; background-repeat: no-repeat; background-size: 24px; background-position-y: 50%; padding-left: 32px; font-size: 26px;}
div.airport div.col-sm-12 div.airport-wrapper div.inner-text { padding: 10px; }

div.article-title h1 {color: #FFF;}

/* ------------------------------------ **
**  For the Airport table
** ------------------------------------ */

table.airport {width: 100%; border: none !important;}
table.airport tr {border: none !important;}
table.airport tr td {border: none !important;}
table.airport tr.head {background: #F26522;}
table.airport tr.head td {color: #FFF; text-transform: uppercase; font-weight: bold; text-align: center;}
table.airport tr.grey {background: #f3f3f3;}
table.airport tr td:first-child {width: 440px;}
table.airport tr td {width: 122px; vertical-align: middle;}
table.airport tr td span.green-tick:before, p.legend span.green-tick:before {font-family: FontAwesome; content: "\f046"; display: block; text-align: center; color: #8dc63e; font-size: 26px;}
table.airport tr td span.orange-tick:before, p.legend span.orange-tick:before {font-family: FontAwesome; content: "\f046"; display: block; text-align: center; color: #f7901e; font-size: 26px;}

p.legend span.green-tick:before, p.legend span.orange-tick:before {display: inline;}
p.legend {display: none;}
table.airport tr td p.heading {text-transform: uppercase; color: #F26522; font-weight: bold; font-size: 20px; padding-bottom: 0; margin-bottom: 0; margin-top: 0;}
table.airport tr td p.summary {font-weight: bold; padding-bottom: 0; font-size: 16px; margin-bottom: 0; margin-top: 0;}
table.airport tr td ul.point {padding: 0; list-style-type: none; margin-top: 0;}
table.airport tr td ul.point:before {font-family: FontAwesome; content: "\f101"; padding-right: 10px; color: #F26522; font-weight: bold; display: inline-block; float: left;}
table.airport tr td ul.point li {padding: 0; list-style-type: none; float: left; width: 90%; display: inline-block;}
table.airport tr.orange-border {border-bottom: 3px solid #f26522 !important;}


/* ------------------------------------ **
**  For the Community Plan table and Advocacy Priorities page
** ------------------------------------ */

table.community-plan {width: 100%; border: none !important;}
table.community-plan tr {border: none !important;}
table.community-plan tr {border-bottom: 3px dashed #666 !important;}
table.community-plan tr:first-child {border-top: 3px dashed #666 !important;}
table.community-plan tr td {border: none !important; padding-bottom: 0;}
table.community-plan tr td:first-child {width: 85%;}
table.community-plan p.outcome {text-transform: uppercase; font-weight: bold; font-size: 24px;}
table.community-plan p.o1 {color: #f18a2d;}
table.community-plan p.o2 {color: #4f7cb2;}
table.community-plan p.o3 {color: #eea82c;}
table.community-plan p.o4 {color: #b03339;}
table.community-plan p.o5 {color: #35873b;}
table.community-plan p.o6 {color: #8a3681;}
table.community-plan p.o7 {color: #434343;}
table.community-plan p.image-icon {max-width: 90px;}







@media (max-width: 768px) {
	
	table.airport tr.head  {display: none !important;}
	table.airport tr td:first-child {width: 85% !important;}
	table.airport tr td {width: 15% !important;}
	p.legend {display: block;}
}


/*############### PAGEUP TEMPLATE OVERWRITES ##################*/
/* ------------------------------------ **
**  Styles for PageUp HR/Recruitment dynamic template
**  Note that the div#body element has a class set of "pageup" - div#body.pageup
** ------------------------------------ */
div#body.pageup {}

div#body.pageup .displaynone {display: none; !important;}

div#body.pageup div.pageup-pages table {border-collapse: collapse;}
div#body.pageup div.pageup-pages th {display: none; border: 0px; vertical-align: top !important;}
div#body.pageup div.pageup-pages tr {border: 0px; display: block !important;}
div#body.pageup div.pageup-pages tr.summary { border-bottom: 2px solid #ddd !important; padding-bottom: 20px; padding-top: 10px; display: block; float: left; width: 100%;}
div#body.pageup div.pageup-pages td{ width: 100% !important; display: block !important; border: 0px; padding: 0; vertical-align: top !important; float: left; width: 100%; display: table-row;}
div#body.pageup div.pageup-pages table span.cell-label {display: none;}
div#body.pageup div.pageup-pages td a.job-link {display: inline-block; font-weight: bold; text-decoration: none; color: #f26522; margin-top: 20px; margin-bottom: 10px; font-size: 28px;}
div#body.pageup div.pageup-pages td:first a.job-link {margin-top: 0px;}
div#body.pageup div.pageup-pages td a:hover.job-link {text-decoration: underline; color: #333;}
div#body.pageup div.pageup-pages tbody td span.close-date{/*display: none !important;*/}
div#body.pageup div.pageup-pages tbody td span.close-date:before{content: 'Closes ';}
div#body.pageup div.pageup-pages tbody td p.closedate{padding-top: 5px; font-size: 90%; font-weight:bold; display: block !important; width: 100%;}

div#body.pageup input#search-keyword {width: 93%; }
div#body.pageup div#search-filters input[type="checkbox"] {margin-right: 6px;}
div#body.pageup input[type=text], div.pageup input[type=email]  {padding: 11px !important;}

div#body.pageup input#job-mail-subscribe-button {width: auto !important; color: #333; background-color: #c5c6ca; border: 0 !important; letter-spacing: -1px; text-align: center; display: block; font-size: 18px; line-height: 20px; padding: 12px; width: 100%; -moz-box-shadow: 0 !important; box-shadow: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; background-image: none !important;}
  
div#body.pageup input#job-mail-subscribe-button:hover  {cursor: pointer; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; background-color: #474747; color: white !important; text-decoration: none;
}
div#body.pageup input#job-mail-subscribe-button:focus {background-color: #474747; color: white !important; text-decoration: none;}

div#body.pageup #job-mail-content { padding: 0 !important; border: 0 !important; border-top: 0 !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;}

div#body.pageup div#search-filters h3 {font-size: 22px;}
div#body.pageup .filter {border-bottom: 0 !important;}

div#body.pageup a.job-mail-subscribe-link {width: 90%; text-align: center; font-size: 18px; color: #333 !important; background-color: #c5c6ca !important; border-radius: 0; border: 0; background-image: none; box-shadow: none;}
div#body.pageup a.job-mail-subscribe-link:hover, div#body.pageup a.job-mail-subscribe-link:focus {color: #FFF !important; background-color: #333;}

div#body.pageup #jobs-form .button{ background-color: #F26522; background-image: none; border-radius: 0; box-shadow: none; border: 0; padding: 15px 17px;}
div#body.pageup #jobs-form .button:hover{ background-color: #d95b1f;}


div#body.pageup div.pageup-pages a.job-mail-subscribe-link.button {color: #333 !important;
    display: block !important;
    font-size: 18px !important;
    line-height: 20px;
    padding: 12px !important;
    width: 100%;
    background-color: #c5c6ca !important;
    letter-spacing: -1px;
    text-align: center !important;
    text-decoration: none !important;
    border: 0 !important;
    background-image: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
	webkit-box-sizing: border-box;
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important;}
div#body.pageup div.pageup-pages a.job-mail-subscribe-link.button:hover {background-color: #474747 !important; color: white !important; text-decoration: none !important;}

p#PageUpPeopleLink {text-align: right;}

form#jobs-form div#search {display: none;}

/*############### PAGEUP TEMPLATE OVERWRITES ##################*/


/*############### JQUERY UI DATEPICKER ##################*/
/* ------------------------------------ **
**  jQuery Datepicker
** ------------------------------------ */
.ui-datepicker {
  display: none;
  background: #fff;
  border: 1px solid #c6c6c6;
  border-radius: 5px;
  margin-top: 5px;
  padding: 7px;
  -webkit-box-shadow: 0px 0px 7px 1px #999;
  -moz-box-shadow: 0px 0px 7px 1px #999;
  -ms-box-shadow: 0px 0px 7px 1px #999;
  -o-box-shadow: 0px 0px 7px 1px #999;
  box-shadow: 0px 0px 7px 1px #999;
  z-index: 99 !important; 
  width: auto;
  }
  @media (min-width: 768px) {
    .ui-datepicker:before {
      content: '';
	  font-family: FontAwesome;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #fff;
      position: absolute;
      top: -10px;
      left: 30px; } }
  .ui-datepicker.ui-datepicker-inline {
    background-color: #f4f4f5;
    color: #333;
    padding: 0; }
  .ui-datepicker .ui-datepicker-header {
    background: #f26522;
    color: #fff;
    height: 35px;
    line-height: 35px;
    width: 100%;
    position: relative; }
    .ui-datepicker .ui-datepicker-header a {
      color: #00a8e1; }
      .ui-datepicker .ui-datepicker-header a:hover {
        color: #00a8e1; }
		.ui-datepicker .ui-datepicker-header a:focus {
        color: #00a8e1; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
      cursor: pointer;
      height: 35px;
      width: 35px;
      position: absolute;
      top: 0; }
      .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon,
      .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
        background-repeat: no-repeat;
        display: block;
        padding: 0 17.5px;
        overflow: hidden;
        width: 10px; }
        .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-w,
        .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-e,
        .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon.ui-icon-circle-triangle-w,
        .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon.ui-icon-circle-triangle-e {
          display: none; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
      left: 0; }
      .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after {
        border-top: 2px solid #fff;
        border-left: 2px solid #fff;
        height: 10px;
        width: 10px; }
      .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled {
        cursor: default;
        opacity: .35;
        filter: Alpha(Opacity=35); }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
      right: 0; }
      .ui-datepicker .ui-datepicker-header .ui-datepicker-next:after {
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
        height: 10px;
        width: 10px; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
      font-size: 18px;
      text-align: center;
      text-transform: uppercase; }
select.ui-datepicker-month {
    width: auto;
    background: transparent;
    border: 0;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    margin-right: -23px;
    padding-right: 10px;
}
  .ui-datepicker .ui-datepicker-calendar {
    background: #fff; 
	border-collapse: collapse;
    border-spacing: 0;
	width: 288px;}
    .ui-datepicker .ui-datepicker-calendar tr {
      border: none; }
      .ui-datepicker .ui-datepicker-calendar tr:nth-child(even) td:nth-child(even) a,
      .ui-datepicker .ui-datepicker-calendar tr:nth-child(even) td:nth-child(even) span {
        background: #e9e9ea; }
      .ui-datepicker .ui-datepicker-calendar tr:nth-child(even) td:nth-child(odd) a,
      .ui-datepicker .ui-datepicker-calendar tr:nth-child(even) td:nth-child(odd) span {
        background: #d3d3d4; }
      .ui-datepicker .ui-datepicker-calendar tr:nth-child(odd) td:nth-child(even) a,
      .ui-datepicker .ui-datepicker-calendar tr:nth-child(odd) td:nth-child(even) span {
        background: #d3d3d4; }
      .ui-datepicker .ui-datepicker-calendar tr:nth-child(odd) td:nth-child(odd) a,
      .ui-datepicker .ui-datepicker-calendar tr:nth-child(odd) td:nth-child(odd) span {
        background: #e9e9ea; }
    .ui-datepicker .ui-datepicker-calendar thead th {
      border: none !important;
      color: #333;
      font-size: 12px;
      padding: 20px 0;
      text-align: left;
      text-transform: uppercase; }
    .ui-datepicker .ui-datepicker-calendar td {
      border: 1px solid #c6c6c6;
      font-size: 14px;
      margin: 0;
      padding: 0;
      text-align: left;
      vertical-align: top; }
      .ui-datepicker .ui-datepicker-calendar td span,
      .ui-datepicker .ui-datepicker-calendar td a {
        border: 2px solid transparent;
        display: block;
        text-decoration: none;
        height: 40px !important;
        width: 40px !important; }
        @media (min-width: 768px) {
          .ui-datepicker .ui-datepicker-calendar td span,
          .ui-datepicker .ui-datepicker-calendar td a {
            height: 36px !important;
            width: 36px !important; } }
      .ui-datepicker .ui-datepicker-calendar td span.cell-label {
        display: none; }
      .ui-datepicker .ui-datepicker-calendar td a {
        color: #000; }
        .ui-datepicker .ui-datepicker-calendar td a.ui-state-highlight {
          /*background: #00a8e1;*/
          border: 2px solid #fdc039;
          font-weight: bold;
          color: #000; }
        .ui-datepicker .ui-datepicker-calendar td a.ui-state-default.ui-state-hover,
        .ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
          background: #fdc039 !important;
          border: 2px solid #fdc039; }
      .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled {
        cursor: default !important; }
        .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled .ui-state-default {
          color: #666;
          float: none;
          width: auto; }
		  
		.caret, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:after {
  content: '';
  display: inline-block;
  margin-left: 13px;
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }
  ul.ui-autocomplete {
	color: #F26522 !important;
	font-weight: bold;
	list-style-type: none;
	width: 300px !important;
}

ul.ui-autocomplete li {cursor: pointer; width: 360px; background-color: #FFF; margin-left: -38px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 5px; font-size: 14px;}
ul.ui-autocomplete li:last-child {border-bottom: 1px solid #ccc;}

.ui-helper-hidden-accessible {display: none;}

@media screen and (max-width: 1141px){
	
	div#main-menu nav ul > li > div#tab.separator span.text {font-size: 16px; padding: 12px;}
}

@media screen and (max-width: 1041px){ 
	
	div#sub-menu ul, 
	div#breadcrumbs, 
	.slideshow div#breadcrumbs, 
	div.instagram, 
	div.vptags, 
	div.latest-blog, 
	div#footer, 
	div#footer-menu, 
	div#footer-content-wrapper-wrapper {max-width: 96%;}
	
	div#main-menu nav ul li a {padding: 24px 12px; }
	div#breadcrumbs, .slideshow div#breadcrumbs {padding-left: 0; padding-right: 0; max-width: 100%;}
	div#breadcrumbs ul, .slideshow div#breadcrumbs ul {}
	div#search-results-tabs ul li {width: 24.6%;}
	
	div.calendar {width: 90%;}
	div.calendar-outer {width: 96%;}
	div.calendar-outer div.previous {width: 40px;}
	div.calendar-outer button#calendar-previous:before {margin-left: -10px;}
	div.calendar-outer button#calendar-next:before {padding-left: 6px;}
	div.calendar div.events div.event {width: 19.87%; min-height: 225px;}
	
	div#main-menu nav ul > li > ul {width: 1024px;}
	div#main-menu ul.nav.menu li.divider ul {height: 460px;}
	div#main-menu nav ul > li {width: 12.5%;}
	div#main-menu nav ul > li > div#tab.separator span.text {font-size: 16px; padding: 12px;}
	div.pccsearch-wrapper.seven, div.orangebuttons-wrapper.five {width: 100% !important;}
	div.orangebuttons-wrapper.five p.h2 {margin-top: 45px !important;}
	
	
}

@media screen and (max-width: 870px){ 

	.nomobile {display: none;}
	.mobileonly {display: block;}
	
	div.report-a-problem-tiles div.three img {
		max-height: 100px;
		margin: 0 auto;
		text-align: center;
	}
	
	div#main-menu {display: none;}
	html, body { width: 98%;}
	
	.camera_caption { width: 100%; top: 0; margin-left: 0; position: relative !important;}
	.camera_caption div {background: transparent; background-color: transparent; border-bottom: 0; bottom: -315px;}
	div.camera_caption_title {font-size: 24px; color: #FFF; text-shadow: 2px 2px 2px #000;}
	div#body.slideshow .camera_pag {margin-top: -50px;}
	
	/*div#event-image {padding-top: 235px;}*/
	
	div.event-search-form div.form-input label input, div.event-search-form div.form-input label select {margin-top: 5px;}
	
	div.event-search-form div.form-input {width: 99%;}
	input[type="text"].calendar {max-width: 99%;}
	div.select-wrapper {width: 100%;}
	div.event-search-form div.form-input input[type="submit"] {width: 100%; margin-top: 0;}
	.ui-datepicker .ui-datepicker-calendar td span, .ui-datepicker .ui-datepicker-calendar td a {height: 32px !important; width: 32px !important;}
	
	div.event-search-form div.form-input div.padding5 {padding: 0;}
	div.latest-news-listing,div.latest-news-listing div.padding20 {height: auto;}
	div.latest-news-wrapper div.latest-news {padding-left: 0;}
	div.yoursaypenrith-wrapper div.yoursaypenrith {padding-left: 0;}
	div#body-right-panel div.custom {margin-left: 0;}
	
	div#event-image {min-height: 150px;}
	
	
	h2.categoryicon:hover {background-color: #f3f3f3; cursor: pointer;}
	h2.categoryicon {    background-repeat: no-repeat; background-size: 32px 32px; padding-left: 40px; margin-bottom: 32px; margin-top: 4px; font-size: 16px; line-height: 45px; padding: 0 45px; background-color: #f3f3f3; background-position: 7px 5px;}
	a.button.event-category {margin-top: -76px; padding: 13px;}
	
	
	div#main-menu nav ul li a {padding: 16px 10px; font-size: 18px;}
	div#search {width: 100%; float: none; padding-top: 0; margin-bottom:10px;}	
	
	img.left, img.right {max-width: 50%;}
	
	div#logo { float:none;width: 20%; padding: 10px;}
	div#main-menu {width: 100%;}
	div#main-menu nav {background: #F26522;}
	div#main-menu nav ul li {width: 100%;}
	
	div#main-menu nav ul > li > div#tab.separator span.text {padding: 5px; height: auto; text-align: left; border-bottom: 1px solid #FFF; font-size: 16px;}
	div#main-menu nav ul > li > div#tab.separator span.text:after, div#main-menu nav ul > li.active > div#tab.separator span.text:after {font-family: FontAwesome; content: "\f0d7"; position: absolute; right: 8px; font-size: 20px; top: 0; color: #FFF; padding: 5px; border: 0 !important; margin-left: 0 !important; bottom: 0 !important; left: unset;}
	div#main-menu nav ul > li > ul {width: 100%;}
	div#main-menu nav ul > li > ul > li {width: 100%; float: none;}
	div#main-menu ul.nav.menu li.divider ul {left: 0 !important; height: auto;}
	div#main-menu > nav > ul > li > ul > li > ul {display: none !important;} /* Hides a 25% list when Separator is clicked on. */
	
	div#main-menu > nav > ul > li > ul > li a {width: 75%;} /* When clicked on, open child ul which is a 25% panel. */
	div#main-menu > nav > ul > li > ul > li.parent:after {font-family: FontAwesome; content: "\f0d7"; position: absolute; right: 8px; font-size: 20px; top: 0; color: #FFF; padding: 10px;} /* When clicked on, open child ul which is a 25% panel. */
	
	
	
	
	div#main-menu-toggle { display: inline;}
	div#sub-menu { display: none;}
	
	
	div#sub-menu ul li a { padding: 0 10px; font-size: 12px;}
	
	div.breadcrumbs-wrapper {border-top: 1px solid #c5c6ca;}
	
	
	div.camera_caption_title {padding: 0px; font-size: 20px; text-align: center;}
	div.camera_caption_desc p {display: none;}
	div.camera_caption_desc p.camera_readmore_button {display: block; text-align: center;}
	div.camera_caption_desc p.camera_readmore_button a.button {padding: 12px; margin-top: 12px;}
	
	div#google-map {height: 360px; width: 100%;}
	ul.google-map-tabs li a {padding: 10px; font-size: 12px;}
	div.filter-wrapper { position: relative !important; width: 100% !important; height: auto !important; min-height: auto !important;}
	
	/*div.calendar {width: 670px;}*/
	div.calendar div.padding15 {padding: 5px; text-align: center;}
	/*div.calendar-outer {width: 740px;}*/
	div.calendar-outer div.previous {width: 35px; margin-top: 130px;}
	div.calendar-outer div.next {margin-top: 130px;}
	div.calendar-outer button#calendar-previous:before {font-size: 44px; margin-left: -16px;}
	div.calendar-outer button#calendar-next:before {font-size: 44px; padding-left: 5px;}
	div.calendar div.day span.number {font-size: 34px;}
	div.calendar div.day span.month {font-size: 12px;}
	div.calendar div.day span.day {font-size: 12px;}
	div.calendar div.events div.event {width: 19.84%; min-height: 140px;}
	div.calendar div.events div.event span.title {font-size: 16px;}
	div.calendar div.events div.event span.description span.description {display: none;}
	div.calendar div.events div.event img.calendar-submit {max-height: 80px;}
	
	div#newsletter input[type="submit"] {font-size: 11px;}
	div#newsletter input[type="email"] {font-size: 11px;}
	
	div#contact-details {width: 31% !important;}
	div#contact-details div.five {width: 100%;}
	div#contact-details div.six {width: 100%;}
	div#media-social {width: 35% !important;}
	
	
	div#sorted-results div.result div.eight div.padding20 {padding-left: 10px; padding-right: 10px;}
	div#sorted-results div.search-image {min-height: 90px !important;}
	div#sorted-results div.result p.publish-date {float: none; margin-left: 0; margin-top: 10px;}
	div#sorted-results p.search-title {font-size: 18px;}
	div#search-results-tabs ul li {width: 100%;}
	div#search-results p.search-link {position: relative; bottom: 0;}
	
	a.button, a.button:hover, a.button:focus, input[type="submit"], div.slideshow-button a, div.slideshow-button a:hover {font-size: 12px;}
	
	div#top div.pccsearch button {color: transparent; overflow: hidden;}
	div#footer {padding-top: 0;}
	div#footer div.three {border-top: 1px solid #c9c9c9;}
	div#footer div.three div.custom {padding-left: 10px; padding-right: 10px;}
	div#footer div.three div.custom p.h4:after {content: "\f107"; font-family: FontAwesome; position: absolute; right: 15px; font-size: 32px; color: #666;}
	div#footer div.three div.column {display: none;}
	
	div#footer-logo {text-align: center;}
	div#footer-bottom-nav ul { padding-left: 0; margin-left: 0;}
	div#footer-bottom-nav li { padding: 0px; float: none; text-align: center;}
	
	ul.ui-autocomplete {width: 300px !important;}
	ul.ui-autocomplete li {width: 140px !important;}
	
	table.airport tr td:first-child {width: 70%;}
	table.airport tr td {width: 295px;}
	
	div.orangebuttons-wrapper.five p.h2 {margin-top: 0px !important;}
	h1, p.h1 {font-size: 30px;}
	h2, p.h2 {font-size: 26px;}
	h3, p.h3 {font-size: 22px;}
	h4, p.h4 {font-size: 18px;}
	div.one, div.two, div.three, div.four, div.five, div.six, div.seven, div.eight, div.nine, div.ten, div.eleven, div.twelve, div.twelve.three-columns div#article-content div.six.feature-block {width: 100% !important; }
}

@media screen and (max-device-width: 680px){

	h1, p.h1 {font-size: 30px;}
	h2, p.h2 {font-size: 26px;}
	h3, p.h3 {font-size: 22px;}
	h4, p.h4 {font-size: 18px;}
	div.one, div.two, div.three, div.four, div.five, div.six, div.seven, div.eight, div.nine, div.ten, div.eleven, div.twelve, div.twelve.three-columns div#article-content div.six.feature-block {width: 100% !important; }
	div#contact-details,div#media-social {width: 50% !important; }
	div#media-social {margin-top: -23px;}
	div#accessibility ul li a {font-size: 13px;}
	div#breadcrumbs { line-height: initial; }
	div#breadcrumbs li a, div#breadcrumbs li span {padding: 0}
	div#breadcrumbs li:first-child { display: none;}
	div#breadcrumbs li {margin-bottom: -20px; }
	.slideshow div#breadcrumbs {position: relative;line-height: initial;}
	.compass h1.item-title {width: 100%; margin-bottom: 0;}
	.compass img.moveup {margin-top: 0px; margin-bottom: 10px; margin-top: 0; float: none; margin: 0 auto; display: block; padding-left: 0;}
	div.calendar p.h1 {background-position: top center; background-repeat: no-repeat; position: relative; background-size: 48px 48px; padding-top: 48px; text-align: center; text-indent: 0; width: 90%; line-height: 1; margin-left: 5%;}
	
	div.calendar-wrapper {padding-top: 1px; background-position-y: -451px;}
	div.calendar-outer div.next, div.calendar-outer div.previous {margin-top: 206px;}
	
	div.days-load {height: 46px;}
	div.days-load img {margin-top: 5px;}
	div.events-load {height: 208px; display: inline-block;}
	div.events-load img {margin-top: 80px;}
	.four.more-details .padding30 { padding: 0}
	
	
	div.calendar {width: 87%;}
	div.calendar-outer {margin-top: 41px;}
	div.calendar p.event-button {text-align: center; margin-right: 0; margin-top: 0px;}
	div.calendar div.day {width: 100%; display: none;}
	div.calendar div.day.active {display: block;}
	div.calendar div.events div.event {width: 100%; min-height: 0; border-bottom: 0;}
	div.calendar div.events div.event span.read-more a { border-bottom: 1px solid #c9c9c9; padding-bottom: 5px;}
	div.calendar div.events div.event span.read-more.center a {border-bottom: 0;}
	div.calendar div.events {border-bottom: 1px solid #c9c9c9;}
	
	button#calendar-next, button#calendar-previous {display: none;}
	button#calendar-next-mobile, button#calendar-previous-mobile {display: block;}
	
	div.calendar div.days div.active div.padding15 {max-width: 190px; margin: 0 auto;}
	div.calendar div.day span.number, div.calendar div.day span.month, div.calendar div.day span.day {margin-right: 0; display: inline-block; text-align: center; font-size: 24px; padding-left: 5px; padding-right: 5px;}
	div.calendar div.day span.day {float: left;}
	
	div.compass a.button:first-child {margin-bottom: 0px;} 
	
	div.visitor-guide img.movedown { margin-top: 0; float: none; margin: 0 auto; display: block;}
	div.visitor-guide a.visitor-guide {margin-top: 0px;}
	
	div.vptags-listing p a.button, div.event-listing p a.button, div.blog-listing p.readmore a.button, a.button.gallery,div.latest-blog-listing p a.button {position: relative; bottom: 0;}
	div.vptags-listing, div.event-listing, div.blog-listing, div#gallery div.four, div.latest-blog-listing {min-height: 1px;}
	
	/*div#event-image {padding-top: 210px;}*/
	
	div.blog p.readmore {text-align: center;}
	
	div#sub-menu ul, 
	div#breadcrumbs, 
	.slideshow div#breadcrumbs, 
	div.instagram, 
	div.vptags, 
	div.latest-blog, 
	div#footer, 
	div#footer-menu, 
	div#footer-content-wrapper-wrapper {max-width:100%;}
	ul#footer-internal, div#footer-menu ul > li, ul#footer-external {width: 100%;}
	
	.slideshow div#breadcrumbs {margin-top: 0; }
	
	div#footer-menu ul > li > a:after {font-family: FontAwesome; content: "\f0d7"; position: absolute; right: 10px;}
	div#footer-menu ul ul {display: none;}
	
	
	div#footer-content-text, div#footer-content-menu {text-align: center;}
	div#footer-menu ul {margin-top: 0; margin-bottom: 0;}
	
	div.google-map p.h1 {margin: 10px; width: 96%; text-align: center;}
	div.google-map p.h1 span.map-pin{display: block; margin-left: 128px; height: 50px;}
	ul.google-map-tabs li {width: 49%; float: left;}
	div#google-map {height: 220px; }
	
	div.instagram p.h1 {background-position: top center; background-repeat: no-repeat; position: relative; background-size: 48px 48px; padding-top: 48px; text-align: center; text-indent: 0; width: 100%; line-height: 1.1; padding-left: 0;}
	
	div#footer-menu-wrapper {display: none;}
}

@media screen and (max-device-width: 480px){
	
	div#logo { width: 40%;}
	div.calendar { width: 75%;}
	
	div.event-search-form div.form-input {width: 95%; text-align: center;}
	div.event-search-form div.form-input label {text-align: left; padding: 0; width: 90%;}
	div.event-search-form div.form-input input[type="submit"] {margin-top: 0px;}
	div#search-results-tabs ul li {width: 100%;}
	
	div#newsletter {text-align: center;}
	div#mailchimpsubscribe-message {width: 100%;}
	div#contact-details,div#media-social {width: 100% !important; text-align: center;}
	div#contact-details p.h3,div#media-social p.h3 {margin-bottom: 0px;}
	/*div#event-image {padding-top: 105px;}*/
	
	img.width98 {width: 100%;}
	div.event-listing.things h3.title {width: 100%;}
	div.vptags-wrapper, div.instagram-wrapper, div.latest-blog-wrapper {padding: 10px;}
	
	div.instagram-image {min-height: 105px;}
	
	div#search-results div.result p.publish-date {float: none;}
	
	div#footer-content-menu ul {padding-left: 0; margin-top: 0;}
	div#footer-content-menu ul li {display: block; text-align: center;}
	
	div#media-social ul li { margin-left: 8px; margin-right: 8px;}
}

@media screen and (max-device-width: 375px){ /* iPhone 6 Portrait -  375x667 */

}

@media screen and (max-device-width: 320px){ /* iPhone 5 Portrait - 320x568 */

}



/**** 
Amity IT - 20201012 
Styling for breezing forms, to allow easy changes to forms for staff members
*****/


.form-actions {
    border-top: 1px solid #c5c6ca;
    margin-bottom: 50px;
    margin-top: 30px;
}

.form-actions > div {
    width: 100%;
    float: left;
    margin-bottom: 50px;
    padding: 30px 0;
}


.bfFormDiv .bfElemWrap {
    margin-bottom: 20px;
}


.bfFormDiv .bfLabelBlock {
    font-weight: 600;
    margin-bottom: 3px;
}



.bfElemWrap .inputbox {
    padding: 1% 2%;
}


.bfElemWrap .radio {
    margin-right: 10px;
    display: inline-block;
    padding: 10px 10px 10px 0;
}


.bfElemWrap .radio input {
    height: 20px;
    width: 20px;
    vertical-align: sub;
}


.bfElemWrap input[type="checkbox" i] {
    height: 20px;
    width: 20px;
    vertical-align: sub;
}

.bfQuickMode .controls .control-label {
    width: auto;
}


.bfSectionDescription {
    font-size: 16px;
    margin-bottom: 20px;
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
    background-repeat: repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress .bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top, #f26522, #dc5413);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f26522), to(#dc5413));
    background-image: -webkit-linear-gradient(top, #f26522, #dc5413);
    background-image: -o-linear-gradient(top, #f26522, #dc5413);
    background-image: linear-gradient(to bottom, #f26522, #dc5413);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}


.bfQuickMode  .progress {
    margin: 30px 0;
}


.bfPage > section::before {
    content: attr(id);
    color: #333;
    font-family: var(--body-font);
    line-height: 110%;
    font-size: 38px;
    margin-bottom: 20px;
}



.bfErrorMessage.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.bfErrorMessage.alert,
.bfErrorMessage.alert h4 {
    color: #8a6d3b;
}
.bfErrorMessage.alert h4 {
    margin: 0 0 .5em;
}
.bfErrorMessage.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 18px;
    cursor: pointer;
}
.bfErrorMessage.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}
.bfErrorMessage.alert-success h4 {
    color: #3c763d;
}
.bfErrorMessage.alert-danger,
.bfErrorMessage.alert-error {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}
.bfErrorMessage.alert-danger h4,
.bfErrorMessage.alert-error h4 {
    color: #a94442;
}
.bfErrorMessage.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}
.bfErrorMessage.alert-info h4 {
    color: #31708f;
}
.bfErrorMessage.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}
.bfErrorMessage.alert-block > p,
.bfErrorMessage.alert-block > ul {
    margin-bottom: 0;
}
.bfErrorMessage.alert-block p + p {
    margin-top: 5px;
}
div.camera_caption div.camera_caption_title{font-family: var(--heading-font);}
div.camera_caption p, div.camera_caption a{font-family: var(--body-font);}