@font-face {
  font-family: 'Gotham-rounded-bold';
  src: url("../fonts/gothamrnd-bold.eot");
  src: url("../fonts/gothamrnd-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/gothamrnd-bold.woff") format("woff"), url("../fonts/gothamrnd-bold.ttf") format("truetype"), url("../fonts/gothamrnd-bold.svg#gothamrnd-bold") format("svg"); }

a.ext {}
a.ext:after {content: "\f08e"; padding-left: 5px; font-family: FontAwesome;}
a.email {color: #f26522; text-decoration: underline; font-weight: bold;}
a.email:hover, a.email:focus {color: #999;}
a.phone {text-decoration: none; color: #000; 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
a.download {color: #f26522; text-decoration: none; font-weight: bold;}
a.download:before {content: "\f019"; padding-right: 5px; font-family: FontAwesome;}
a img:hover {opacity: 0.8;} 

a.button,a.button:hover, a.button:focus, input[type="submit"] {background-color: #f26522; color: #fff !important; display: inline-block; padding: 15px 17px; text-transform: uppercase; font-family: 'Gotham-rounded-bold', "Arial Rounded MT Bold"; text-decoration: none; font-size: 14px; cursor: pointer; border: 0;}
a.button:hover, a.button:focus, input[type="submit"]:hover, input[type="submit"]: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.gallery {position: absolute; bottom: 20px;}
  
strong.orange {color: #f26522;}
.orange {color: #f26522 !important;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
  
.nomobile {display: block;} 

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;}
img.width98 {width: 98%;}
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; font-family: 'Gotham-rounded-bold', "Arial Rounded MT Bold"; 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: 'Gotham-rounded-bold', "Arial Rounded MT Bold"; line-height: 110%;}
h1, p.h1 {font-size: 40px;}
h2, p.h2 {font-size: 30px;}
h3, p.h3 {font-size: 22px;}
h4, p.h4 {font-size: 16px;}

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;}

div#content a, div#content a:visited {color: #f26522; text-decoration: none; font-weight: bold;}
div#content a:hover, div#content a:focus {color: #cf4a15; text-decoration: none; -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;}

.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;}

/* For Homepage */
.compass h1.item-title { 
	background-image: url(/images/icons/compass.png); background-position: top center; background-repeat: no-repeat; background-size: 40px 40px; position: relative; background-size: 58px 58px; padding-top: 75px; width: 58.33333333%; text-align: center; margin-bottom: 0;
}
.compass #article-content {text-align: center;}
.compass img.moveup {margin-top: -110px;}
div.compass.item-page a.button:first-child {margin-bottom: 15px;}	
div.compass h1, p.h1 {margin-top: 20px; margin-bottom: 20px;}
/* For Homepage */

/* FORMS*/
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; }
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;}
/* FORMS*/

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

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;}

div#toolbar .separator {display: inline;}
div#toolbar div#google_translate_element span.text {display: none;}

div#toolbar {width: 100%; background: #ebebeb; border-bottom: 1px solid #c6c6c6; }
div#toolbar > ul { width: 1020px; margin: 0 auto !important;}
div#toolbar ul { list-style: none; padding: 0; margin: 0;}
div#toolbar ul li { float: left;}
div#toolbar ul li.parent > a:after { font-family: FontAwesome; content: "\f0d7"; position: absolute; right: 10px;}
div#toolbar ul li a { color: #333; text-decoration: none; display: block; padding: 10px 30px 10px 10px; position: relative; }
div#toolbar ul li a.dropdown:after {top: 13px; }
div#toolbar ul li ul {background: #fff; height: 0; list-style: none; margin: 0; overflow: hidden; padding: 0; border-radius: 0; position: absolute; z-index: 110; }

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 { float: none; border: none; }
div#toolbar ul li ul li:last-child { border-right: none; }
div#toolbar ul li ul li:hover { background-color: #ebebeb; }
div#toolbar ul li ul li:focus { background-color: #ebebeb; }
div#toolbar ul li ul li a { 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 {padding: 10px 30px 10px 15px; display: block;}

#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: 1020px; margin: 0 auto;}
div#logo {float: left; width: 20%;}
div#logo p {margin: 0; padding: 0;}

div#main-menu {float: left; width: 60%;}
div#main-menu nav ul { list-style-type: none; padding-left: 0px;}
div#main-menu nav ul li { display: inline-block;}
div#main-menu nav ul li a {color: #f26522; font-family: 'Gotham-rounded-bold', "Arial Rounded MT Bold"; text-transform: uppercase; padding: 25px 15px; font-weight: bold; text-decoration: none; font-size: 20px; line-height: 54px;}
div#main-menu nav ul li.active a{border-top: 4px solid #f26522;}
div#main-menu nav ul li a:hover {border-top: 4px solid #f26522;}
div#main-menu nav ul li a:focus {border-top: 4px solid #f26522;}

div#main-menu-toggle { display: none; cursor: pointer; float: right; height: 25px; padding: 10px 0; width: 32px; margin-top: 2px; margin-bottom: 20px;}
div#main-menu-toggle span.open{background: #f26522; float: left; height: 5px; transition: .3s; width: 48px; position: relative; top: 9px; margin-bottom: 10px; margin-left: -18px;}
div#main-menu-toggle span.close{background: #FFF; background-image: url(/images/icons/close.png); background-position: left; background-repeat: no-repeat; background-size: 48px 48px; float: left; height: 54px; transition: .3s; width: 60px; position: relative; top: 0px; margin-bottom: 10px; margin-left: -18px;}


div#sub-menu {width: 100%; background: #fdc039;}
div#sub-menu ul{padding-left: 0; max-width: 1020px; margin: 0 auto; list-style-type: none;}
div#sub-menu ul li{list-style-type: none; display: inline-block;}
div#sub-menu ul li a{ font-family: 'Gotham-rounded-bold', "Arial Rounded MT Bold"; text-decoration: none; color: #333; display: block; font-size: 14px; text-transform: uppercase; padding: 0 20px; line-height: 50px; height: 50px;}
div#sub-menu ul li.active a, div#sub-menu ul li a:hover{ background: #f26522; color: #fff;}
div#sub-menu ul li a:focus{ background: #f26522; color: #fff;}

div#mobile-menu {display: none;}
div#mobile-menu {width: 100%; background: #FFF;}
div#mobile-menu ul{padding-left: 0; width; 100%; margin: 0 auto; list-style-type: none;}
div#mobile-menu ul li{list-style-type: none; display: inline-block; width: 100%; border-bottom: 2px solid #FFF; background: #f8f8f8; }
div#mobile-menu ul li a{ font-family: 'Gotham-rounded-bold', "Arial Rounded MT Bold"; text-decoration: none; color: #f26522; display: block; font-size: 18px; text-transform: uppercase; padding: 0 2%; line-height: 50px; height: 50px; display: inline-block; width: 80%;}
div#mobile-menu ul li span{color: #f26522; height: 45px; width: 10%; font-size: 20px; line-height: 45px; text-align: center; position: absolute; right: 12px; display: inline-block;cursor: pointer;}
div#mobile-menu ul li span:after{content: "\f078"; font-family: FontAwesome;}

div#mobile-menu ul li.active, div#mobile-menu ul li a:hover{ background: #f26522; color: #fff;}
div#mobile-menu ul li.active a{ background: #f26522; color: #fff;}
div#mobile-menu ul li.active span{ background: #f26522; color: #fff;}
div#mobile-menu ul li a:focus{ background: #f26522; color: #fff;}
div#mobile-menu ul li ul {display: none;}
div#mobile-menu ul li ul li a, div#mobile-menu ul li.active ul li a {background: #fdc039; width: 96%; color: #333; font-size: 14px; height: 32px; line-height: 32px;}
div#mobile-menu ul li ul li span {display: none; width: 0%;}

div#search {float: left; width: 20%; 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: 59%; height: 39px; margin-top: 1px;}
div#search ::-webkit-input-placeholder {color: #000;}
div#search button {padding: 1px 0;border-top-right-radius: 3px; border-bottom-right-radius: 3px; 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: 41px; 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#vpsearch-icon {display: none;}
div#vpsearch-icon img {width: 57px; margin-top: -10px;}

div#body {border-top: 3px solid #f26522;}

div.breadcrumbs-wrapper {width: 100%; max-width: 1080px; margin: 0 auto;}
div#breadcrumbs {width: 100%; max-width: 1020px; margin: 0 auto; padding: 0; font-size: 18px; line-height: 0px; background: #FFF; padding-left: 30px; padding-right: 30px;}
.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#body.slideshow.compass .camera_pag {margin-top: -50px;}
div#body.slideshow .camera_pag {margin-top: -100px;}
.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;}
p.slideshow-heading {display: none;}

div#breadcrumbs ul {list-style-type: none; padding: 0; margin-left: -2px;}
div#breadcrumbs li {display: inline-block;}
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 span {color: #f26522; display: inline-block; padding: 10px 0; text-decoration: none; font-size: 14px; font-weight: bold;}

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; font-family: 'Gotham-rounded-bold', "Arial Rounded MT Bold";  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-family: Arial; 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;}

/*############### CATEGORIES ##################*/
a.button.event-category { float: right; margin-top: -68px; }

h2.categoryicon {background-repeat: no-repeat; background-size: 58px 58px; padding-left: 65px; line-height: 64px; margin-bottom: 10px; margin-top: 10px;}
h2.categoryicon a {color: #333 !important; display: block;}

h2.AdrenalineRush {background-image: url(/images/icons/adrenaline.png);}
h2.ArtsCultureHeritage {background-image: url(/images/icons/culture.png);}
h2.EatEnjoy {background-image: url(/images/icons/eat.png);}
h2.FamilyFun {background-image: url(/images/icons/family.png);}
h2.OutdoorsActive {background-image: url(/images/icons/outdoors.png);}
h2.Exhibitions {background-image: url(/images/icons/exhibitions.png);}
h2.Family {background-image: url(/images/icons/family.png);}
h2.Festivals {background-image: url(/images/icons/festivals.png);}
h2.Markets {background-image: url(/images/icons/markets.png);}
h2.Performances {background-image: url(/images/icons/performances.png);}
h2.Sport {background-image: url(/images/icons/sport.png);}
h2.Workshops {background-image: url(/images/icons/workshops.png);}

h2.CampingHolidayParks {background-image: url(/images/icons/camping.png);}
h2.GroupAccommodation {background-image: url(/images/icons/group-accomodation.png);}
h2.HotelsMotels {background-image: url(/images/icons/hotels.png);}
h2.Self-contained {background-image: url(/images/icons/self-contained.png);}

/*############### 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; font-family: 'Gotham-rounded-bold', "Arial Rounded MT Bold"; line-height: 110%;}
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
{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; font-family: 'Gotham-rounded-bold', "Arial Rounded MT Bold"; 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; padding-top: 460px; margin-top: -3px;*/ max-height: 457px; overflow: hidden;}
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-family: Arial; 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-family: Arial; 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.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: 99vw; height: 480px; left: calc(-50vw + 50%); margin-bottom: -10px; overflow: hidden; background-image: url(/images/icons/loading.gif); background-position: center; background-repeat: no-repeat; background-size: 40px 40px; min-height: 50px;}
.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;
}

ul.google-map-tabs {list-style: none; margin: 0; padding: 0; text-align: center; position: relative; width: 99vw; left: calc(-50vw + 50%); overflow: hidden; border-top: 1px solid #c9c9c9; border-bottom: 4px solid #fdc039; }
ul.google-map-tabs li {display: inline-block; margin: 0; padding: 0;}
ul.google-map-tabs li a {display: block; padding: 19px; text-transform: uppercase; color: #666 !important; font-weight: bold; font-family: 'Gotham-rounded-bold', "Arial Rounded MT Bold"; font-size: 110%; cursor: pointer;}

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.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;}

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

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

/* Visitor Guide Module on homepage */
div.visitor-guide-wrapper {width: 100%; /*margin-top: 20px; padding-top: 20px; background: #f3f3f3;*/ padding-bottom: 20px;}
div.visitor-guide {max-width: 640px; margin: 0 auto; }
div.visitor-guide p.h1{background-image: url(/images/icons/download.png); background-position: top center; background-repeat: no-repeat; background-size: 40px 40px; position: relative; background-size: 58px 58px; padding-top: 75px; margin-bottom: 15px;}
div.visitor-guide img.movedown {margin-top: 76px;}
div.visitor-guide a.visitor-guide {margin-top: 25px;}
div#visitor-guide-description div.summary {max-width: 300px; margin: 0 auto; text-align: center;}

/* 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;}

div.vptags-wrapper {background: #f3f3f3; padding-top: 10px; padding-bottom: 10px;}
div.vptags {max-width: 1020px; margin: 0 auto; }
div.vptags p.h1 {    background-image: url(/images/icons/tags.png); background-repeat: no-repeat; background-size: 56px 56px; padding-left: 60px; line-height: 50px; background-position-y: -4px;}
div.vptags-listing { position: relative; min-height: 340px;}
div.vptags-listing p.title { font-size: 20px; margin: 0; width: 98%;}
div.vptags-listing p.title a { color: #333 !important; text-decoration: none; font-family: Arial; font-weight: 700; text-shadow: 0px 0px #000;}
div.vptags-listing p.title a:hover, div.vptags-listing p.title a:focus { color: #f26522 !important;}
div.vptags-listing p.summary { padding-right: 10px;}
div.vptags-listing p.image {margin: 0;}
div.vptags-listing p a.button { position: absolute; bottom: 20px;}

ul.tag-cloud {clear: both; display: inline-block; padding-left: 0px; margin: 0;     margin-left: -5px;}
ul.tag-cloud li {margin: 5px; margin-top: 0px; list-style-type: none; float: left;}
ul.tag-cloud li:first-child {/*margin-left: 0;*/}
ul.tag-cloud li a {padding: 10px; font-size: 10px; display: block; background: #812121; color: #FFF !important; text-transform: uppercase;}
ul.tag-cloud li a:hover {background: #666 !important;}

/* Module on homepage*/
div.latest-blog-wrapper {background: #f3f3f3; padding-top: 10px; padding-bottom: 10px;}
div.latest-blog {max-width: 1020px; margin: 0 auto;}
div.latest-blog p.h1 a {text-decoration: none; color: #333;}
div.latest-blog-listing {position: relative; min-height: 545px;}
div.latest-blog-listing.related {min-height: 515px;}
div.latest-blog-listing p.title { font-size: 20px; margin: 0; width: 98%;}
div.latest-blog-listing p.title a { color: #333 !important; text-decoration: none; font-family: Arial; font-weight: 700; text-shadow: 0px 0px #000;}
div.latest-blog-listing p.title a:hover, div.latest-blog-listing p.title a:focus { color: #f26522 !important;}
div.latest-blog-listing p.image { margin: 0;}
div.latest-blog-listing p.datestart { font-weight: bold; color: #f26522; margin-top: 5px;}
div.latest-blog-listing p.summary {width: 98%;}
div.latest-blog-listing p a.button { position: absolute; bottom: 20px;}

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

div#content {width: 1020px; margin: 0 auto;}
dl.article-info, div.item-image {display: none;} /*Keep article info on website for Structured Data, but hide from display.*/
/*############### 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; font-family: 'Gotham-rounded-bold', "Arial Rounded MT Bold"; 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#stay,
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-family: Arial; 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;}

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

/*############### COMPETITION ##################*/

div.competition label.width {font-weight: bold; min-width: 90px; display: inline-block; display: none;}
div.competition input[type="text"] {display: block; height: 40px; width: 91%; background-color: #fff; border: 1px solid #c6c6c6; border-radius: 0; color: #333; line-height: 20px; padding: 0px 12px; margin-bottom: 15px; margin-top: 15px; font-family: 'Gotham-rounded-bold', "Arial Rounded MT Bold"; line-height: 110%; font-size: 16px;}
div.competition input[type="checkbox"] {margin-bottom: 40px; float: left; margin-right: 10px;}
div.competition div.checkbox {width: 100%; float: left;}
div.competition label {cursor: pointer;}

div.competition .error {font-weight: bold; color: #c03;}
div.competition label.error {display: block; margin-top: -15px; text-align: left;}
div.competition label label.error {float: left; margin-left: 26px; margin-bottom: 15px;}
div.competition input.error {border: 2px solid #c03 !important;}
div.competition textarea.error {border: 2px solid #c03;}
/*############### COMPETITION ##################*/


/*############### FOOTER ##################*/
div#footer-wrapper {border-top: 4px solid #f26522; width: 100%; margin-top: 10px;}
div#footer {width: 100%; max-width: 1020px; margin: 0 auto; min-height: 100px;}
/*############### 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"] {font-family: Arial; 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;}
div#mailchimpsubscribe-message {width: 91%;}
div#mailchimpsubscribe-form p.success {width: 91%;}
/*######## NEWSLETTER SUBSCRIBE ###########*/

/*######## FOOTER CONTACT DETAILS ###########*/
div#contact-details {}
/*######## FOOTER CONTACT DETAILS ###########*/

/*######## 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: normal normal normal 14px/1 FontAwesome; font-size: inherit; 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: 1020px; 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-family: 'Gotham-rounded-bold', "Arial Rounded MT 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-family: Arial; 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;}

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-content-wrapper {width: 100%; background: #fdc039; padding: 0px;}
div#footer-content-wrapper-wrapper {max-width: 1020px; margin: 0 auto; }
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;}


/*############### JQUERY UI DATEPICKER ##################*/
/* ------------------------------------ **
**  jQuery Datepicker
** ------------------------------------ */
.ui-datepicker {
  display: none;
  font-family: 'Gotham-rounded-bold', "Arial Rounded MT Bold";
  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; }
  @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; }
  .ui-datepicker .ui-datepicker-calendar {
    background: #fff; 
	border-collapse: collapse;
    border-spacing: 0;}
    .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); }

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

	div#accessibility ul, 
	div#toolbar > ul, 
	div#top, 
	div#content{width: 96%;}
	
	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 {padding-left: 5px;}
	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;}
	
	
}

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

	.nomobile {display: none;}
	input {-webkit-appearance: none !important;}
	.camera_caption { width: 100%; top: 0; margin-left: 0; position: relative !important;}
	.camera_caption div {background: transparent; background-color: transparent; border-bottom: 0;}
	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: 109%;}
	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;}
	
	
	h2.categoryicon:hover {background-color: #f3f3f3; cursor: pointer;}
	div.category-wrapper {display: none;}
	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#logo {width: 11%; padding-top: 16px;}
	div#main-menu {width: 69%;}
	div#main-menu nav ul li a {padding: 16px 10px; font-size: 18px;}
	/*div#search {width: 20%;}
	div#search input {width: 58%;}*/
	
	img.left, img.right {max-width: 50%;}
	
	div#logo { width: 20%; padding: 10px;}
	div#main-menu {display: none; width: 50%;}
	div#main-menu nav ul li {width: 100%;}
	div#main-menu-toggle { display: block;}
	div#sub-menu { display: none;}
	div#search {width: 66px; float: right; padding-right: 20px;}
	div.vpsearch-wrapper {display: none;}
	div#vpsearch-icon {display: block; float: right; margin-right: 15px;}
	
	
	
	
	div#sub-menu ul li a { padding: 0 10px; font-size: 12px;}
	
	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; }
	ul.google-map-tabs li a {padding: 10px; font-size: 12px;}
	
	/*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#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;}
	
	
}

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

	h1, p.h1 {font-size: 30px;}
	div.one, div.two, div.three, div.four, div.five, div.six, div.seven, div.eight, div.nine, div.ten, div.eleven, div.twelve {width: 100% !important; }
	div#contact-details,div#media-social {width: 50% !important; }
	div#media-social {margin-top: -23px;}
	div#toolbar {display: none;}
	div#accessibility ul li a {font-size: 13px;}
	div#breadcrumbs { line-height: initial; }
	div#breadcrumbs li:first-child { margin-left: -5px;}
	div#breadcrumbs li {margin-bottom: -20px; margin-left: 7px;}
	.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#accessibility ul, div#toolbar > ul, div#top, div#content {width: 94%;}
	
	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 */

}