.pdfp_wrapper .pdf{position:relative}.pdfp_wrapper .iframe_wrapper,.pdfp_wrapper .iframe_wrapper iframe{width:100%}.pdfp_wrapper .iframe_wrapper:fullscreen .close{display:block}.pdfp-adobe-viewer{border:1px solid #ddd;border-radius:3px;cursor:pointer;outline:none;text-decoration:none}.pdfp_download{margin-right:15px}.cta_wrapper{margin-bottom:10px}.cta_wrapper a{text-decoration:none}.pdfp_wrapper p{margin:10px 0;text-align:center}.popout-disabled{height:50px;position:absolute;right:12px;top:12px;width:50px}iframe{max-width:100%}.ViewSDK_hideOverflow[data-align=center]{margin-left:auto;margin-right:auto}.ViewSDK_hideOverflow[data-align=left]{margin-right:auto}.ViewSDK_hideOverflow[data-align=right]{margin-left:auto}@media screen and (max-width:768px){.pdfp_wrapper iframe{height:calc(100vw + 120px)}}@media screen and (max-width:576px){.cta_wrapper .pdfp_download{margin-bottom:10px;margin-right:0}.cta_wrapper .pdfp_download button{margin-right:0!important}.cta_wrapper{align-items:center;display:flex;flex-direction:column}}
.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
}

.wpcf7 .hidden-fields-container {
	display: none;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.wpcf7 [inert] {
	opacity: 0.5;
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}

.wpcf7-reflection > output {
	display: list-item;
	list-style: none;
}

.wpcf7-reflection > output[hidden] {
	display: none;
}
.ecwd_popup_container, .ecwd-modal-container{
    max-width: 60%;    
    background: white;
    margin: 30px auto;
    min-width: 40%;    
}
.ecwd_popup_back, ecwd-modal{
    position: fixed !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 100100 !important;
    opacity: 0;
    display:none;
}
.ecwd_open_popup{
    opacity: 1;
    display: block;
    pointer-events: auto;  
    cursor:pointer;
}
.ecwd_popup_back .ecwd_close_popup,.event_cal_add_close{
    color: #4a4a4a;
    cursor: pointer;
    display: inline-block;
    font-size: 22px;
    position: absolute;
    padding-top: 10px;
    right: 0;
    width: 42px;
    height: 42px;
    line-height:1;
    top: 0;
    border-left: 1px solid #CFD7DE;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ecwd_close_popup i,.event_cal_add_close i{
    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;
    transform: translate(0, 0);
    text-indent: 0px;   
    top: 12px;
    font-size: 18px;
    right: 13px;   
    color: #676767;
}
.ecwd_popup_head{
    width: 100%;
    text-align: center;
    margin: 0 0 1px 0 !important;
    padding: 0 0 1px 0;
    border-bottom: 1px solid #CFD7DE;
    position: relative;
}
.ecwd_popup_title h4{
    margin: 0 !important;
    text-align: center;
    color: #737373;
    font-size: 20px !important;
    height: 40px;
    line-height: 38px !important;
    padding: 0;
}
#ecwd_preview_add_event_popup .event_cal_add .ecwd_popup_body{
    height:auto;        
    width:100%;
    overflow-y: auto;
}
.ecwd_popup_body{
    height:500px;
    overflow-y: auto;
    width: 99%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 15px;
}
.ecwd_popup_container.ecwd_preview_calendar{
    max-width:80%;
}
.ecwd_popup_container.ecwd_more_event{
    min-width:35%;
    width:35%;
    min-height:auto;
}
.ecwd_popup_container.ecwd_prview_mail,
.ecwd_popup_container.ecwd_add_event_calendar,
#ecwd-add-event .ecwd_popup_container,
.single_event_popup .ecwd_popup_container{
    width:45%;
}
#ecwd-add-event .ecwd_popup_body,.event_list_cont .ecwd_popup_body{
    overflow-y: visible;
    height:auto;
    width:100%;
}
.ecwd_popup_body .entry-header h1{
    color:#686758;
}

@media only screen and (max-width: 500px){
    .ecwd_popup_container{
        max-width: 100% !important;
        width:100% !important;
        margin:0px;
    }
}/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/font-awesome/fonts/fontawesome-webfont.eot?v=4.2.0);
  src: url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0) format('embedded-opentype'), url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/font-awesome/fonts/fontawesome-webfont.woff?v=4.2.0) format('woff'), url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/font-awesome/fonts/fontawesome-webfont.ttf?v=4.2.0) format('truetype'), url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/font-awesome/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular) format('svg');
  font-weight: normal;
  font-style: normal;
}
#spider_popup_wrap .fa,
div[id^="bwg_container"] .fa {
  display: inline-block;
  font-family: FontAwesome !important;
  font-style: normal;
  font-weight: normal;
  line-height: 1 !important;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-resize-full:before,
.fa-expand:before {
  content: "\f065";
}
.fa-resize-small:before,
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-resize-vertical:before,
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-resize-horizontal:before,
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-fullscreen:before,
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
/**
 * Public facing CSS file
 *
 */

/* Base line-height for all views & tooltip */

.calendar_widget_content table .events li .event-details-container {
    display: none;
}

.calendar_main:after, #ecwd-events-content .event-detalis:after,
.ecwd_list .event-organizers:after,
.ecwd_list .event-venue:after {
    content: '';
    clear: both;
    display:table;
}
.calendar_main a:not(.cpage){
    text-decoration:none;
    border-bottom:0  !important;
}
.calendar{
    margin:0;
    margin-left:0;
    width:auto;
}
.calendar-head{
    display:table;
    width: 100%;
    height: 85px;
    color:#fff;
}
.calendar_widget_content .calendar-head {
    color:#000;
}
.ecwd-url{
    margin-bottom: 5px;
}

.calendar_main .ecwd_calendar  .metainfo,
.ecwd_countdown_info  .metainfo{
    padding-left: 26px;
}
.cal_blue .event-details img {
    margin: 7px 20px 7px 0 !important;
    max-width: 200px;
}
.ecwd-page-full div[class^="ecwd-page-"] .event-details img {
    margin: 7px 20px 7px 0 !important;
    max-width: 110px;
    float: left;
}
.ecwd_calendar_view_tabs  ul li:first-child{
    border-left: 0px;
}

.ecwd_calendar_view_tabs  ul li:last-child{
    border-right: 0px;
}
.event-details-title h5,
.ecwd_list h3{
    margin: 0 0 6px 0 !important;
    font-size: 18px !important;
    font-weight: normal !important;
    line-height: 1 !important;
    clear: none !important;
    text-transform: none;
    font-style: italic;
}

.event-details-title .event-metalabel{
    width:15px;
    height:15px;
    display:inline-block;
    float:left;
    margin-right: 7px;
    margin-top: 2px;
}
.ecwd-widget-mini .event-details-title .event-metalabel{
    width:6px;
    height:6px;
    margin-top: 7px;
}

.ecwd-widget-mini .ecwd-detalis img{
    max-width: 95%;
}
.cal_blue.ecwd_calendar_container {
    width:100% !important;
    color:#262e3a !important;
    border:none !important;
    background:#FFFFFF !important;
    font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
    font-size:10px !important;
    table-layout: fixed !important;
    margin: 0 0 10px 0 !important;
    overflow: visible;
}
table.cal_blue.ecwd_calendar_container #month_selector {
    width:auto;
    float:left;
    padding:0 1em;
    margin:0;

}

table.cal_blue.ecwd_calendar_container select option {
    font-weight:normal;
    background:#f3f5f9;
    text-shadow:none;
    filter:none;
    color:#262e3a;
}

table.cal_blue.ecwd_calendar_container th {
    margin: 0;
    border: 1px solid #ededed;
    border-left:0;
    display: table-cell;
}
table.cal_blue.ecwd_calendar_container td {
    margin: 0;
    border-width: 0 1px 1px 0;
    display: table-cell;
}

table.cal_blue.ecwd_calendar_container .normal-day-heading, table.cal_blue.ecwd_calendar_container .weekend-heading {
    color:#585858 !important;
    font-size:1.6em;
    height:1.2em;
    line-height:1.2em;
    text-align:center;
    font-weight: normal;
    padding: 4px 0;
    vertical-align: middle;
    text-transform: none;
}


table.cal_blue.ecwd_calendar_container .day-with-date, table.cal_blue.ecwd_calendar_container .open-details , table.cal_blue.ecwd_calendar_container .day-without-date {
    vertical-align: text-top;
    text-align: left;
    /* background: #ced9e7;
     background: -webkit-gradient(linear, left top, left bottom, from(#ced9e7), to(#ecf0f6));
     background: -moz-linear-gradient(top, #ced9e7, #ecf0f6);*/
    height: 8em;
    width: 14.3%;
    font-size: 1.4em;
}

.calendar_main .ecwd_calendar img{
    margin-left:inherit !important;
}

.calendar_main .ecwd_calendar {
    font-family: Sans-serif;
    max-width: 100%;
    width: 100%;
    float: left;
    position: relative;
    border: 0px solid transparent;
}

.calendar_main .ecwd_calendar .ecwd_calendar_container> ul,
.calendar_main .ecwd_calendar .ecwd_calendar_container>ul >li,
.calendar_main .ecwd_calendar .ecwd_calendar_container> ul.ecwd_list >li,
.calendar_main .ecwd_calendar .ecwd_calendar_container> ul.week-event-list >li,
.calendar_main .ecwd_calendar .ecwd_calendar_container> ul.day-event-list >li,
.calendar_main .ecwd_calendar .ecwd_calendar_container>ul.day4-event-list> li{
    list-style: none !important;
    list-style-image: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.calendar_main .ecwd_calendar .filter-container{
    /*width: 90%;*/
    overflow:hidden;
    position: relative;
}

.ecwd_calendar_view_tabs .filter-container  ul{
    list-style: outside none none  !important;
    padding: 0px  !important;
    margin: 0px !important;
    overflow: hidden;
    position: relative;
    float: left;
    width: 700%;
}





table.cal_blue.ecwd_calendar_container .open-details li {
    padding-top:5px;
    padding-bottom:0px;
    font-size:0.7em;
}
table.cal_blue.ecwd_calendar_container .no-events {
    cursor:default;
}
table.cal_blue.ecwd_calendar_container .has-events {
    cursor:pointer;
}
table.cal_blue.ecwd_calendar_container .has-events:hover {
    -webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 6px;
    box-shadow: rgba(0,0,0, 0.2) 0px 0px 6px;
}
table.cal_blue.ecwd_calendar_container .week-start {
    border-left:1px solid #D6DDE2;
}
table.cal_blue.ecwd_calendar_container .week-number {
    border-bottom:none;
    border-right:none;
    vertical-align:middle;
    padding:2px;
    font-size:1.8em;
    font-weight:bold;
    text-shadow: 0 1px 1px rgba(1,2,2,.3);
    filter: Shadow(Color=#010202, Direction=135, Strength=1);
}
table.cal_blue.ecwd_calendar_container td ul li {
    cursor: pointer;
    list-style: none outside none !important;
    position: relative;
    padding: 5px;
    font-size:0.8em;
    text-shadow:none;
    line-height:1.2em;
}
table.cal_blue.ecwd_calendar_container td ul li span.event-time {
    font-weight:bold;
    font-size:0.8em;
}
table.cal_blue.ecwd_calendar_container .week-number span {
    color:#fdfefe;
}

table.cal_blue.ecwd_calendar_container .event-details div {
    word-break: break-word;
    word-wrap: break-word;
    white-space: normal;
}

table.cal_blue.ecwd_calendar_container .day-without-date div {
    text-align:center;
}

table.cal_blue.ecwd_calendar_container .current-day {
    text-align:left;
    vertical-align:text-top;
    /* background:#7D9AC0;
     background: -webkit-gradient(linear, left top, left bottom, from(#7D9AC0), to(#718bad));
     background: -moz-linear-gradient(top,  #7D9AC0,  #718bad);*/
}

table.cal_blue.ecwd_calendar_container td ul {
    margin:0;
    padding:1px 0 !important;
    text-align:left;
}
table.cal_blue.ecwd_calendar_container td > div, table.cal_blue.ecwd_calendar_container th > div {
    position:relative;
}
table.cal_blue.ecwd_calendar_container .previous {
    position:relative;
    width:auto;
    margin-top:0.6em;
    font-size:1.4em;
    float:left;
}
table.cal_blue.ecwd_calendar_container .next {
    position:relative;
    width:auto;
    margin-top:0.6em;
    font-size:1.4em;
    float:right;
}
table.cal_blue.ecwd_calendar_container .previous span, table.cal_blue.ecwd_calendar_container .next span {
    font-size:1.5em;
    line-height:0.5em;
}
table.cal_blue.ecwd_calendar_container .previous a, table.cal_blue.ecwd_calendar_container .next a {
    color:#fdfefe;
    text-decoration:none;
}

div.ecwd-page-month table.cal_blue div.event-details-container, div.ecwd-page-full table.cal_blue div.event-details-container {
    display: none;
    position: absolute;
    z-index: 10;
    padding: 0 0 0 10px;
    left: 100%;
    top: 0;
}
div.ecwd-page-month table.cal_blue tr td:nth-child(5) div.event-details-container, div.ecwd-page-full table.cal_blue tr td:nth-child(5) div.event-details-container,
div.ecwd-page-month table.cal_blue tr td:nth-child(6) div.event-details-container, div.ecwd-page-full table.cal_blue tr td:nth-child(6) div.event-details-container,
div.ecwd-page-month table.cal_blue tr td:nth-child(7) div.event-details-container, div.ecwd-page-full table.cal_blue tr td:nth-child(7) div.event-details-container {
    left: auto;
    right: 100%;
    margin-right: 11px;
}
div.ecwd-page-month table.cal_blue tr td:nth-child(5) div.event-details-container, div.ecwd-page-full table.cal_blue tr td:nth-child(5) div.event-details-container .ecwd-event-arrow-right,
div.ecwd-page-month table.cal_blue tr td:nth-child(6) div.event-details-container, div.ecwd-page-full table.cal_blue tr td:nth-child(6) div.event-details-container .ecwd-event-arrow-right,
div.ecwd-page-month table.cal_blue tr td:nth-child(7) div.event-details-container, div.ecwd-page-full table.cal_blue tr td:nth-child(7) div.event-details-container .ecwd-event-arrow-right{
    display:block;
}
div.ecwd-page-month table.cal_blue tr td:nth-child(5) div.event-details-container, div.ecwd-page-full table.cal_blue tr td:nth-child(5) div.event-details-container .ecwd-event-arrow,
div.ecwd-page-month table.cal_blue tr td:nth-child(6) div.event-details-container, div.ecwd-page-full table.cal_blue tr td:nth-child(6) div.event-details-container .ecwd-event-arrow,
div.ecwd-page-month table.cal_blue tr td:nth-child(7) div.event-details-container, div.ecwd-page-full table.cal_blue tr td:nth-child(7) div.event-details-container .ecwd-event-arrow{
    display:none;
}
div.ecwd-page-full .has-events ul.more_events > li div.event-details-container {
    display: none;
    position: relative;
    z-index: 10;
    left: 0;
    top: 0;
    padding: 0;
}
div.ecwd-page-full .has-events ul.more_events > li div.ecwd-event-arrow,
div.ecwd-page-full .has-events ul.more_events > li div.ecwd-event-arrow-right {
    display: none;
}
div.ecwd-page-full .has-events ul.more_events > li div.event-details {
    max-width:100%;
    width: auto;
    box-shadow:none;
    -webkit-box-shadow:none;
    border: none;
    border-top: 1px solid rgba(0,0,0,0.25);
}


.calendar_main .ecwd_calendar td{
    padding:1px !important;
    border: solid #D6DDE2;
    border-width: 0 1px 1px 0;
}

.ecwd-events-day-details ul.events{
    list-style-type: none;
    list-style-image: none;
    padding:0;
    margin:0;
}

/*.event-details-container{*/
/*display: none;*/
/*position: absolute;*/
/*z-index: 10;*/
/*padding: 0 0 0 10px;*/
/*left: 100%;*/
/*top: 17%;*/
/*}*/
div.ecwd-page-month table.cal_blue div.event-details, div.ecwd-page-full table.cal_blue div.event-details {
    color: #585858;
    background: none repeat scroll 0% 0% #fff;
    padding: 10px;
    max-height:350px;
    overflow-y: auto;
    border:1px solid rgba(0,0,0,0.25);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
}


div.ecwd-page-full table.cal_blue div.ecwd-event-arrow,
div.ecwd-page-full table.cal_blue div.ecwd-event-arrow-right  {
    content: ' ';
    position: absolute;
    z-index: 1;
    top: 8px;
    font-size: 25px;
    font-style: normal;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 11px !important;
}
div.ecwd-page-full table.cal_blue div.ecwd-event-arrow {
    left: 0px;
    border-top: solid transparent;
    border-bottom: solid transparent;
    border-width: 11px !important;
    border-right: solid rgba(0,0,0,0.25);
}

div.ecwd-page-full table.cal_blue div.ecwd-event-arrow-right {
    right: -10px;
    border-top: solid transparent;
    border-bottom: solid transparent;
    border-width: 11px !important;
    border-left: solid rgba(0,0,0,0.25);
    border-right-width: 0;
    display:none;
}
div.ecwd-page-full table.cal_blue div.ecwd-event-arrow:before,
div.ecwd-page-full table.cal_blue div.ecwd-event-arrow-right:before {
    content: ' ';
    position: absolute;
    z-index: 11;
    top: -10px;
    border-width: 10px !important;
}
div.ecwd-page-full table.cal_blue div.ecwd-event-arrow:before {
    left: 1px;
    border-top: solid transparent;
    border-bottom: solid transparent;
    border-right: solid #ffffff;
    border-left-width: 0;
}
div.ecwd-page-full table.cal_blue div.ecwd-event-arrow-right:before {
    right: 1px;
    border-top: solid transparent;
    border-bottom: solid transparent;
    border-left: solid #ffffff;
    border-right-width: 0;
}

/*
.event_tooltip {
        color: #FFF;
        display: none;
        position: absolute;
        border: 4px solid #647B9A;
        background: none repeat scroll 0% 0% #647B9A;
        padding: 0px;
        border-radius: 4px;
        z-index: 999999;
        padding: 5px;
}
*/

div.ecwd-page-full table.cal_blue ul.events > li {
    margin-left: 0px !important;
    border-bottom:1px solid #CFD7DE;
    position: relative;
    padding: 7px  !important;
}
div.ecwd-page-full table.cal_blue ul.more_events > li {
    padding: 0px  !important;
}
div.ecwd-page-full table.cal_blue ul.more_events > li > span,
div.ecwd-page-full table.cal_blue ul.more_events > li > a {
    padding: 7px  !important;
    display:inline-block;
    pointer-events: none;
}

div.ecwd-page-full table.cal_blue ul.events > li img{
    display:inline-block;
}
div.ecwd-page-full table.cal_blue ul.events > li:last-child {
    border-bottom:0px;
}
.calendar_main .ecwd_calendar  div.event-details {
    font-size: 14px;
    font-style: italic;
    width: 340px;
    line-height: 1.3;
}
.calendar_main .ecwd_calendar.ecwd-widget-mini  div.event-details {
    max-width: 100% !important;
}
@media only screen and (max-width: 768px){
    .ecwd-events-day-details{
        margin-top: 30px;
        padding: 0 5px 5px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    div.ecwd-page-full table  ul.events{
        display:none;
    }
    .ecwd-page-full table.cal_blue.ecwd_calendar_container td {
        height:50px;
    }
    .ecwd-page-full table.cal_blue.ecwd_calendar_container .has-events:after {
        content: '';
        display: block;
        height: 8px;
        width: 8px;
        padding: 0;
        background-color: #10738B;
        margin: 13px auto 0;
    }
    table.cal_blue.ecwd_calendar_container .normal-day-heading, table.cal_blue.ecwd_calendar_container .weekend-heading {
        font-size: 1.4em;
    }
    .calendar_main .ecwd_calendar.ecwd-page-full div.event-details {
        font-size: 1.15em !important;
        width: 100%;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #CCC;
    }
}

table.cal_blue.mini {
    width: 100%;
}
.calendar_main .ecwd_calendar.ecwd-widget-mini {
    float: none;
    margin: 0 auto;
    width: 100%;
    max-width: 280px;
}

.ecwd-widget-mini .ecwd-week-date,
.ecwd-widget-mini .ecwd-list-date {
    width:10%;
    float: left;
    height: 42px;
    padding: 10px 0 0 0 !important ;
    text-align: center !important;
    line-height: 21px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.ecwd-widget-mini  .day4-event-list h3,
.ecwd-widget-mini  .ecwd_list h3,
.ecwd-widget-mini  .day-event-list h3,
.ecwd-widget-mini  .week-event-list h3{
    margin: 0px 0px 0px 0px !important;
    font-size: 16px !important;
    line-height: 20px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 2px;
    box-sizing: border-box;
}

.ecwd-widget-mini .event-main-content{
    float: right;
    width: 89.8%;
    min-height: 42px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.event-main-content.no-events{
    padding: 8px 10px;
}

.ecwd_calendar.ecwd-widget-mini .ecwd_list li,
.ecwd-widget-mini.ecwd_calendar .day4-event-list li,
.ecwd-widget-mini.ecwd_calendar .day-event-list li,
.ecwd-widget-mini.ecwd_calendar .week-event-list li {
    border: 0;
    margin-bottom:0 !important;
}

.ecwd_calendar.ecwd-widget-mini .ecwd_list li:before,
.ecwd-widget-mini.ecwd_calendar .day4-event-list li:before,
.ecwd-widget-mini.ecwd_calendar .day-event-list li:before,
.ecwd-widget-mini.ecwd_calendar .week-event-list li:before {
    content:none;
}

.ecwd-widget-mini .event-container,
.ecwd-widget-mini .ecwd_list .event-main-content,
.ecwd-widget-mini .ecwd-no-image.event-container,
.ecwd-widget-mini  .ecwd_calendar li.ecwd-no-image {
    padding: 0 4px 0px !important;
    overflow: hidden;
}

.ecwd-widget-mini .arrow-down {
    display: block;
    background: url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/images/arrow_down.png) no-repeat right center;
    position: absolute;
    bottom: 1px;
    width: 20px;
    cursor: pointer;
    height: 9px;
    right: 0px;
    transition: all 0.3s;
}

.ecwd-widget-mini .arrow-down.open {
    background: url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/images/arrow_up.png) no-repeat right center;
}

.ecwd-widget-mini  .ecwd-time, .ecwd-widget-mini  .ecwd-date {
    margin-right: 0px;
    margin-bottom: 1px;
    width: 95%;
}

.ecwd-widget-mini.ecwd_calendar .week-event-list .event-conten{
    padding: 0 !important;
}

.ecwd-widget-mini.ecwd_calendar li.ecwd-no-image .ecwd-list-date,
.ecwd-widget-mini.ecwd_calendar .week-event-list .ecwd-no-image .ecwd-list-date{
    margin-left: 0px !important;
}


.ecwd_calendar.ecwd-widget-mini .ecwd-events-day-details li:before,
.ecwd_calendar.ecwd-widget-mini .ecwd-events-day-details li:after{
    content:'';
    border:0 !important;
}

.ecwd_calendar.ecwd-widget-mini  .ecwd-events-day-details li .ecwd-detalis,
.ecwd_calendar.ecwd-widget-mini  .ecwd-events-day-details li .ecwd-date,
.ecwd_calendar.ecwd-widget-mini  .ecwd-events-day-details li .ecwd-time{
    padding-left:10px;
}

.ecwd_calendar.ecwd-widget-mini  .ecwd-events-day-details li:last-child{
    border-bottom: 0px;
}
table.cal_blue.mini .calendar-heading {
    padding:0 0 2px 0;
    font-size:1.2em;
    height:1.2em;
}
table.cal_blue.mini .week-number {
    font-size:1.2em;
}
table.cal_blue.mini td {
    list-style: none outside none;
    font-size:1.4em !important;
    text-shadow:none;
    font-family: Segoe UI;
    height: 40px;
    text-align: center;
    white-space: nowrap;
    padding: 2px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position:relative;
    vertical-align: middle !important;
}
table.cal_blue.mini td ul li {
    list-style: none outside none;
    overflow: hidden;
    display: inline-block;
    font-size:0.8em;
    text-shadow:none;
}

table.cal_blue.mini td ul li:last-child {
    margin-right: 0 !important;
}
table.cal_blue.mini .previous,
table.cal_blue.mini .next,
.calendar_main .ecwd_calendar .previous,
.calendar_main .ecwd_calendar .next  {
    float:none;
}
table.cal_blue.mini .previous span,
table.cal_blue.mini .next span,
.calendar_main .ecwd_calendar .previous span,
.calendar_main .ecwd_calendar .next span {
    font-size:1em;
    line-height:22px;
}
.calendar_main .ecwd_calendar .month-name{
    display:none;
}
.calendar_main .ecwd_calendar .ecwd_calendar_prev_next{
    text-align: center;
    /*box-shadow: 0px 11px 17px rgba(0,0,0,0.2);*/
    z-index: 3;
    position: relative;
}
table.cal_blue.mini .previous,
.calendar_main .ecwd_calendar .previous{
    left:0px;
}
table.cal_blue.mini .next,
.calendar_main .ecwd_calendar .next {
    right:0px;
}
table.cal_blue.mini .normal-day-heading, table.cal_blue.mini .weekend-heading {
    font-size:1.3em;
    height:1em;
    line-height:1em;
    padding: 3px 0;
}
table.cal_blue.mini td ul {
    text-align: right;
    overflow: hidden;
    max-width: 20px;
    max-height: 9px;
    float: right;
    min-width: 16px;
    padding: 0 !important;
}
table.cal_blue.mini .day-without-date, table.cal_blue.mini .day-with-date {
    height: 40px;
    text-align: center;
    white-space: nowrap;
    padding: 2px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position:relative;
    vertical-align: middle;
}

table.cal_blue.mini td ul.events li {
    width:6px;
    height:6px !important;
    padding: 0 !important;
    text-indent: 100%;
    position: absolute;
    bottom: 2px;
    right: 2px;
    background-color: #10738B;
}
table.cal_blue.mini td.current-day ul.events li {
    width:6px;
    height:6px !important;
    padding: 0 !important;
    text-indent: 100%;
    position: absolute;
    bottom: 2px;
    right: 2px;
    background-color: #F9F9F9;
}
td.has-events ul.events li.inmore{
    display: none;
}

table.cal_blue.mini td ul.events li:nth-child(2) {
    bottom: 2px;
    right: 10px;
}
table.cal_blue.mini td ul.events li:nth-child(3) {
    bottom: 2px;
    right: 18px;
}
table.cal_blue.mini td ul.events li:nth-child(4) {
    bottom: 2px;
    right: 26px;
}
div.ecwd-widget-mini  table td.has-events {
    position: relative;
}
div.ecwd-page-full td.has-events {
    position: static;

}


/*posterboard*/

.ecwd-poster-board{

}
.ecwd-poster-board .ecwd-poster-item{
    width: 30%;
    overflow: hidden;
    margin: 15px 0 0 12px;
}

.ecwd-poster-board .ecwd-poster-item .ecwd-event-details{
    margin-bottom:12px;
    font-style:italic;
}
.ecwd-poster-board .ecwd-poster-item .ecwd-event-details .date{
    float: left;
    /*width: 80px;*/
    margin: 0 5px 10px 0;
    line-height: 1;
}

.ecwd-poster-board .ecwd-poster-item .ecwd-event-details .date span.weekday,
.ecwd-poster-board .ecwd-poster-item .ecwd-event-details .date span.month{
    width: 29px;
    font-size: 11px;
    padding: 2px 1px !important;
    text-align: center;
    line-height: 16px;
}
.ecwd-poster-board .ecwd-poster-item .ecwd-event-details .date span.datenumber1,
.ecwd-poster-board .ecwd-poster-item .ecwd-event-details .date span.datenumber2{
    font-size: 28px;
    padding: 0px 4px !important;
    text-align: center;
    line-height: 41px;
}
.ecwd-poster-board .ecwd-poster-item .ecwd-event-details .date span.datenumber1{
    margin-left:1px !important;
}
.ecwd-poster-board .ecwd-poster-item .ecwd-event-details .date span.datenumber2{
    margin-left: -4px !important;
}
.ecwd-poster-board .ecwd-poster-item .ecwd-event-details .date span.weekday-block{
    float:left;
    width: 29px;
    font-size: 11px;
}
.ecwd-poster-board .ecwd-poster-item .ecwd-poster-img{
    width: 100%;
    max-height:150px;
    overflow: hidden;
    margin-bottom:2px;
}
.ecwd-poster-board .ecwd-poster-item .ecwd-poster-img img{
    max-width: 100%;
    height:auto;
}

.ecwd-poster-board .ecwd-poster-item  .ecwd-event-header h2{
    font-size: 17px !important;
    line-height: 1;
    font-weight: normal;
    margin: 0;
    clear:none;
    text-transform: none;
}
.cal_blue.ecwd_calendar_container .view-buttons a {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display:block;
    float:left;
    margin-left:4px;
    font-size: 1.3em;
    padding: 6px;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 2px rgba(1,2,2,.2);
    -moz-box-shadow: 0 1px 2px rgba(1,2,2,.2);
    box-shadow: 0 1px 2px rgba(1,2,2,.2);
}
table.cal_blue.ecwd_calendar_container select {
    word-break: break-word;
    padding:6px;
    width:auto;
    font-size:1.4em;
    font-weight:bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline:none;
    text-shadow: 0 1px 1px rgba(1,2,2,.3);
    -webkit-box-shadow: 0 1px 2px rgba(1,2,2,.2);
    -moz-box-shadow: 0 1px 2px rgba(1,2,2,.2);
    box-shadow: 0 1px 2px rgba(1,2,2,.2);
}
.ecwd_calendar_view_tabs{
    position: relative;
}

.ecwd_calendar_view_tabs:after,
.ecwd-list-date-cont:after,
.calendar_main .ecwd_calendar .ecwd_list li:after,
.calendar_main .ecwd_calendar .day-event-list li:after,
.calendar_main .ecwd_calendar .day4-event-list li:after,
.calendar_main .ecwd_calendar .week-event-list li:after,
.calendar_main .ecwd_calendar .event-container:after,
.ecwd-time:after,.ecwd-date:after,.ecwd-detalis:before,.ecwd-location:before,.ecwd-location:after,.ecwd-event-header:after,.ecwd_calendar.ecwd-page-full div.event-details:after,.event-details:after,.ecwd-social ul:after,.ecwd-organizer-events ul:after,.ecwd-venue-events ul:after,.event-content:after,.ecwd_countdown:after,.ecwd-poster-board .ecwd-poster-item .ecwd-event-content:after{
    content:'';
    display:table;
    clear:both;
}

.ecwd_countdown{
    margin-bottom: 10px;
}

.ecwd-detalis,.ecwd-location{
    clear:both;
}


.ecwd_calendar_view_tabs  ul li{
    display: inline-block;
    width: 150px;
    text-align: center;
}


.ecwd_calendar_view_tabs  ul li a{
    display: block;
    padding: 13.5px 0px;
    text-decoration: none;
    font-size: 16px;
    line-height: 22px;
}

.ecwd_calendar_view_tabs  ul li.ecwd-selected-mode a{
    text-shadow: none;
}

.ecwd_calendar_view_tabs  ul li:first-child.ecwd-selected-mode a{
    border-left: 1px solid rgba(0,0,0,0.2);
}
.ecwd_calendar_view_tabs  ul li:last-child.ecwd-selected-mode a{
    border-right: 1px solid rgba(0,0,0,0.2);
}

.cal_blue.mini.ecwd_calendar_container {
    border:none;
    background:#F2F2F2;
}

.ecwd-widget-mini .ecwd-events-day-details .event-details-title h5{
    margin: 0 0 6px 0 !important;
    font-size: 16px !important;
    font-weight:normal !important;
    color:inherit !important;
    line-height: 1 !important;
    clear: none !important;
}

.ecwd-widget-mini .ecwd_calendar_view_dropdown a {
    color:#585858;
}
.ecwd-widget-mini .ecwd_calendar_view_dropdown span {
    font-size: 13px;
}

.cal_blue.ecwd_calendar_container .events li > span,
.cal_blue.ecwd_calendar_container .events li > a {
    color: #585858;
    font-size: 14px;
    font-style: italic;
    line-height: 17px;
    word-wrap: break-word;
    word-break: break-word;
}
.event-details-container .event-details-title h5  a {
    color: #585858;
    font-size: 17px;
    line-height: 19px;
    font-style: italic;
}
.event-main-content h3 a {
    color: #585858;
    font-size: 17px;
    line-height: 19px;
    font-style: italic;
}
.site-footer .widget h3.event-title a, h3.event-title a, .site-footer .widget h3.event-title a, h3.event-title span {
    color: #585858;
    cursor: pointer;
}
.event-main-content  a:hover,  .event-details-container  a:hover{
    text-decoration: underline !important;
    color: #585858  ;
}

.cal_blue.calendar .events>li>a> span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 50%;
    display: inline-block;
}


.cal_blue.ecwd_calendar_container .view-buttons {
    float:right;
    margin:0;
    position:relative;
}


.event-metalabel{
    width: 20px;
    height: 20px;
    float:left;
    margin-right: 6px;
}
.ecwd-time,.ecwd-date{
    float:left;
    margin-right: 17px;
    margin-bottom: 8px;
}

.ecwd-time .metainfo{
    background: url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/images/time.png) no-repeat;
}

.ecwd-date .metainfo{
    background: url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/images/date.png) no-repeat;
}

.ecwd-date .ecwd_timezone,
.calendar_main .ecwd_calendar  .metainfo,
.ecwd_countdown_info  .metainfo,
.event-detalis span, .event-detalis a{
    display: inline-block;
    font-size: 14px;
    font-style: italic;
    line-height: 1.3;
}

.ecwd-date .ecwd_timezone{
    margin-left: 11px;
}

.event-detalis .event-detalis-org a{
    display: inline;
}

.ecwd_countdown_info  .ecwd-date{
    float:none;
}

.calendar_main .ecwd_calendar .filter-arrow-right,
.calendar_main .ecwd_calendar .filter-arrow-left{
    position: absolute;
    top:0;
    height:100%;
    width:30px;
    display:none;
    z-index: 2;
    text-decoration: underline;
    text-align: center;
    padding-top: 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor:pointer;
    line-height: 32px;
}

.calendar_main .ecwd_calendar .ecwd_calendar_filters .filter-arrow-right,
.calendar_main .ecwd_calendar .ecwd_calendar_filters .filter-arrow-left{
    line-height: 20px;
    height: 40px;
    margin-top: 1px;
}

.calendar_main .ecwd_calendar .filter-arrow-right{
    right:0;
}
.calendar_main .ecwd_calendar .filter-arrow-left{
    top:0;
}
.calendar_main .ecwd_calendar .filter-container li{
    position: relative;
    left:0;
    margin: 0 !important;
}


.ecwd_calendar_filters > select{
    color:#585858;
}

.ecwd_calendar_filters .ecwd-category-container,
.ecwd_calendar_filters .ecwd-tag-container, .ecwd-venue-container, .ecwd-organizer-container,
.ecwd_calendar_view_dropdown {
    color:#585858;
}

.ecwd_calendar_filters .ecwd-category-container a,
.ecwd_calendar_filters .ecwd-tag-container a{
    color:#585858;
    font-size: 15px;
}
.ecwd_calendar_filters .ecwd-category-container a:hover,
.ecwd_calendar_filters .ecwd-tag-container a:hover{
    color:#585858;
}

.ecwd_calendar_filters .ecwd-dropdown-menu>div,
.ecwd_calendar_view_dropdown .ecwd-dropdown-menu>div{
    font-size: 14px;
    font-style: italic;
    padding: 6px 0;
    border-bottom: 1px solid #E4E4E4;
    color:#676767;
    cursor: pointer;
    position: relative;
    padding-left: 15px;
}

.ecwd_calendar_view_dropdown .ecwd-dropdown-menu>div{
    font-size: 13px;
    padding: 5px 0;
    padding-left: 7px;
}
.ecwd-tag-container  .ecwd-dropdown-menu>div{
    display: inline-block;
    border: 1px solid transparent !important;
    padding: 0px 9px !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.calendar_main .ecwd_calendar .filter-container:after{
    content:'';
    display:table;
    clear:both;
}

.calendar_main .ecwd_calendar div:focus,
.calendar_main .ecwd_calendar a:focus,
.calendar_main .ecwd_calendar a:active{
    outline:0;
}

.calendar_main .ecwd_calendar a{
    text-decoration:none !important;
}
.ecwd-widget-mini .calendar-head{
    height: 45px;
}



.calendar-head a{
    display:inline-block;
}

.calendar-head .previous,
.calendar-head .next{
    width:20%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display:table-cell;
    vertical-align: middle;
    /*text-shadow:0px 0px 3px #444444;*/
}

.calendar-head .current-month{
    line-height: 1.5;
    text-align: center;
    width: 60%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display:table-cell;
    vertical-align: middle;
    /*text-shadow: 0px 0px 3px #444444;*/
}

.ecwd-widget-mini  .calendar-head .current-month{
    font-size:16px;
    border-left:0px;
    border-right:0px;
}

.calendar-head .previous{
    text-align: left;
    padding-left: 2%;
}

.calendar-head .next{
    text-align: right;
    padding-right: 2%;
}

.ecwd-widget-mini .calendar-head .previous,
.ecwd-widget-mini .calendar-head .next{
    border-right:0px;
    border-left:0px;
}


.calendar_main .ecwd_calendar td .day-number{
    line-height: 1;
}

/*############FILTERS##############*/

.ecwd_calendar_filters > select{
    border: 1px solid #E5E4E4;
    height: 40px;
    padding: 0 50px 0 25px;
    margin: 1px 1px 1px 0;
    -webkit-appearance: none;
    background:url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/images/select.png) no-repeat right center;
}

.ecwd_calendar_filters select:focus{
    outline:0;
}
.ecwd_calendar_filters .ecwd-dropdown-toggle{
    display:inline-block;
}


.ecwd_calendar_filters .ecwd-category-container,
.ecwd_calendar_filters .ecwd-tag-container, .ecwd-venue-container, .ecwd-organizer-container,
.ecwd_calendar_view_dropdown {
    width: 164px;
    float: left;
    position: relative;
    left: 0;
    display:inline-block;
    min-height: 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 2px 0 2px 10px;
    cursor: pointer;
    border: 1px solid #E5E4E4;
    margin: 1px 1px 1px 0;
    background:url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/images/select.png) no-repeat right center;
}

.ecwd_calendar_view_dropdown {
    max-width: 100%;
    width: 100%;
    background:#ffffff url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/images/select.png) no-repeat right center;
    height: 30px;
    padding: 5px 0 0 10px;
    line-height: 1;
}

.ecwd_calendar_filters  .ecwd-dropdown-menu{
    max-height: 250px;
    min-width: 195px !important;
    overflow: auto;
}
.ecwd-tag-container  .ecwd-dropdown-menu{
    padding: 6px !important;
}
.ecwd-widget-mini  .ecwd_calendar_view_dropdown{
    min-height:30px !important;
    z-index: 3;
}
.ecwd-widget-mini  .ecwd_calendar_view_dropdown>a{
    line-height: 18px;
}


.ecwd_calendar_filters .ecwd-dropdown-menu,
.ecwd_calendar_view_dropdown .ecwd-dropdown-menu{
    min-width: 178px;
    background:#fff;
    z-index: 1;
    position: absolute;
    top:100%;
    left:0;
    display: none;
    padding: 0 10px;
    border:1px solid #C5C5C5;
}

.ecwd_calendar_view_dropdown .ecwd-dropdown-menu{
    min-width: 152px;
    padding: 0 4px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.ecwd_calendar_filters .ecwd-dropdown-menu .ecwd-tooltip-trigger{
    position: absolute;
    left: 0;
    top: 13px;
    width: 6px;
    height: 6px;
    border-radius: 6px;
}
.ecwd_calendar_filters:after{
    background: #fff;
}
.ecwd_calendar_filters:after{
    content:'';
    display: table;
    clear: both;
}
.ecwd-category-container:hover  .ecwd-dropdown-menu,
.ecwd-venue-container:hover  .ecwd-dropdown-menu,
.ecwd-organizer-container:hover  .ecwd-dropdown-menu,
.ecwd_calendar_view_dropdown:hover  .ecwd-dropdown-menu,
.ecwd-tag-container:hover  .ecwd-dropdown-menu{
    display: block;
}


.ecwd_calendar_filters_res{
    position:relative;
    width:220px;
    height: 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 7px 0 0 10px;
    cursor: pointer;
    border: 1px solid #E5E4E4;
    margin:10px 0 10px 0;
    color: #585858;
    background: url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/images/select.png) no-repeat right center;
    display:none;
}
.ecwd_calendar_filters_res a,.ecwd_calendar_filters .ecwd-dropdown-toggle{
    color: #585858;
    font-size: 15px;
    line-height: 19px;
    display: table-cell;
    vertical-align: middle;
}
.ecwd_calendar_filters_res a:hover,.ecwd_calendar_filters .ecwd-dropdown-toggle:hover{
    color: #585858;
}
.filters_res_container{
    position:absolute;
    z-index:1111;
    display:none;
    top:100%;
    left:0;
    background: #fff;
    border: 1px solid #E5E4E4;
    min-width: 100%;
}

.ecwd_calendar_filters_res:hover .filters_res_container{
    display:block;
}

.ecwd_calendar_filters_res .ecwd-filter{
    width:100%;
    margin:0;
    border:0;
    border-bottom: 1px solid #E5E4E4;
    background: url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/images/select.png) no-repeat right center;
    transition:background 0.1s;
    display: table;
}
.ecwd_calendar_filters_res .ecwd-filter:hover{
    background: url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/images/select_left.png) no-repeat right center;
}
.ecwd_calendar_filters_res .ecwd-dropdown-menu{
    top: 0;
    left: 100%;
}
div[class^="ecwd-page-"].ecwd_calendar  .ecwd-list-date.resp,
div[class^="ecwd-page-"].ecwd_calendar  .ecwd-week-date.resp{
    display: none;
}


/*###############4DAY##############3*/

.four-day-event-list > li {
    margin: 0 0 20px 0 !important;
    padding: 0 0 20px 0 !important;
    border-bottom: 1px solid #ccc;
}

/*#############LIST,WEEK VIEW###############*/

.calendar_main .ecwd_calendar .ecwd_list > li,
.calendar_main .ecwd_calendar .day4-event-list > li,
.calendar_main .ecwd_calendar .day-event-list > li,
.calendar_main .ecwd_calendar .week-event-list > li{
    border:1px solid #D5DCE2;
    margin-bottom:1px !important;
    clear: both;
}
.calendar_main .ecwd_calendar .week-event-list .ecwd-list-img,
.calendar_main .ecwd_calendar .day4-event-list .ecwd-list-img,
.calendar_main .ecwd_calendar .day-event-list .ecwd-list-img,
.calendar_main .ecwd_calendar .ecwd_list .ecwd-list-img{
    width:200px;
    float: left;
    margin: 0px 10px 5px 0px !important;
    border-right: 1px solid #D5DCE2;
    border-bottom: 1px solid #D5DCE2;

}
.calendar_main .ecwd_calendar .day4-event-list .ecwd-list-img-container,
.calendar_main .ecwd_calendar .ecwd_list .ecwd-list-img-container,
.calendar_main .ecwd_calendar .day-event-list .ecwd-list-img-container,
.calendar_main .ecwd_calendar .week-event-list .ecwd-list-img-container{
    padding: 0 1px 1px 0 !important;
}
.calendar_main .ecwd_calendar .day4-event-list .ecwd-list-img-container img,
.calendar_main .ecwd_calendar .week-event-list .ecwd-list-img-container img,
.calendar_main .ecwd_calendar .day-event-list .ecwd-list-img-container img,
.calendar_main .ecwd_calendar .ecwd_list .ecwd-list-img-container img{
    margin-top: 1px;
    max-width: 100%;
    width: 100%;
    height: auto;
}

.calendar_main .ecwd_calendar .ecwd_list .event-content,
.calendar_main .ecwd_calendar .day4-event-list .event-content,
.calendar_main .ecwd_calendar .day-event-list .event-content,
.calendar_main .ecwd_calendar .week-event-list .event-content{
    padding:0px 10px 10px !important;
    font-size: 15px;
}
.day4-event-list h3,
.ecwd_list h3,
.day-event-list h3,
.week-event-list h3{
    margin: 1px 0 10px 0 !important;
    font-size: 17px !important;
    font-weight: normal !important;
    line-height: 18px !important;
    text-transform: none;
    letter-spacing: 0;
    clear: none;
    display: block !important;
}


.ecwd-day-date,
.day-event-list .ecwd-week-date,
.day4-event-list .ecwd-week-date,
.week-event-list .ecwd-week-date{
    text-align: left;
    color:#fff;
    padding-left: 5%;
    font-size: 15px;
    font-style: italic;
}

.ecwd_list .ecwd-list-date{
    text-align: center;
    color:#fff;
    font-size: 15px;
    font-style: italic;
}


.ecwd_list .ecwd-list-date-cont,
.day4-event-list .ecwd-list-date-cont,
.day-event-list .ecwd-list-date-cont,
.week-event-list .ecwd-list-date-cont{
    display:inline-block;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.ecwd-widget-mini .ecwd_list .ecwd-list-date-cont,
.ecwd-widget-mini .day4-event-list .ecwd-list-date-cont,
.ecwd-widget-mini .day-event-list .ecwd-list-date-cont,
.ecwd-widget-mini .week-event-list .ecwd-list-date-cont{
    width: 100%;
    padding-bottom: 5px;
}

.event-container{
    clear:both;
    border-bottom: 1px solid #D5DCE2;
}
.event-container:last-child{
    border-bottom: 0;
}
.ecwd-img{
    width: 100%;
    max-height: 150px;
    overflow: hidden;
}
.ecwd-no-image .ecwd-img{
    height: 0px;
    width: 0;
}
.ecwd-no-image .ecwd-list-img{
    width: 0 !important;
    border: 0 !important;
}
.ecwd-no-image.event-container,
.ecwd-no-image .event-main-content,
.calendar_main .ecwd_calendar li.ecwd-no-image {
    padding: 0 10px 10px !important;
}

.calendar_main .ecwd_calendar .ecwd-no-image .event-content,
.ecwd_calendar.ecwd-widget-mini .event-content,
.ecwd_calendar.ecwd-widget-mini .ecwd_list li{
    padding:  0 !important;
    color: #676767;
}

/*
.week-event-list .ecwd-list-img{
    width: 100% !important;
    min-height: 21px;
}*/
.ecwd_list .ecwd-list-img{
    width: 30% !important;
    min-height: 21px;
}



/*##############PAGINATION###################*/

.ecwd-pagination .cpage-span{
    position:relative !important;
    display: inline-block !important;
    width: 27px !important;
    height: 25px !important;
    margin: 0 0 5px 0 !important;
    float:none !important;
}
.ecwd-pagination .cpage,
.ecwd-pagination .page{
    font-size: 15px;
    width: 100%;
    border: 1px solid #D5DCE2 !important;
    display: inline-block;
    color:#A5A5A5;
    line-height: 24px !important;
}
.ecwd-pagination .cpage{
    position:absolute;
    top:0;
    left:0;
    box-shadow: 0 0 7px -3px #CBCBCB inset;
}

.ecwd-pagination .page{
    border: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 26px;
    width: 27px;
}
.ecwd-pagination .cpage{
    background:#fff;;
}

.ecwd-pagination {
    margin-top: 20px;
    text-align: center;
}

.ecwd-pagination .cpage-span:hover .cpage{
    -ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Chrome, Safari, Opera */
    transform: scale(1.1,1.1); /* Standard syntax */
    font-size: 16px;
    font-weight:bold;
    z-index:1;
}


.event-organizers,
.event-detalis-org,
.event-venue{
    padding-left: 26px;
    font-size: 14px;
    font-style: italic;
    line-height: 1.4;
    margin: 5px 0;
    clear: both;
}

.event-detalis .event-detalis-org,.event-detalis .event-venue{
    padding-left: 0px;
}

.calendar_main .ecwd_calendar .event-organizers a,
.calendar_main .ecwd_calendar .event-venue a {
    color: #010101 !important;
}

.event-main-content .event-organizers,.event-main-content .event-venue{
    margin: 0px 0 5px 10px;
    min-height: 20px;
}

.ecwd-no-image .event-organizers,.ecwd-no-image .event-venue{
    margin-left: 0px;
}

.ecwd_calendar.ecwd-widget-mini  .ecwd-events-day-details li .event-organizers,
.ecwd_calendar.ecwd-widget-mini  .ecwd-events-day-details li .event-venue{
    margin-left:10px;
}
.event-organizers{
    background:url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/images/org.png) no-repeat left;
}

.event-venue{
    background:url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/images/loc.png) no-repeat left;
}
.event-detalis .event-venue{
    background:none;
}

.day-event-list .event-organizers,
.day-event-list .event-venue,
.ecwd_list .event-organizers,
.ecwd_list .event-venue,
.day4-event-list .event-organizers,
.day4-event-list .event-venue,
.week-event-list .event-organizers,
.week-event-list .event-venue{
    clear:none;
    display:flex;
    margin-bottom:5px;
}

.day4-event-list .event-content,
.ecwd_list .event-content,
.day-event-list .event-content,
.week-event-list .event-content{
    margin-top: 10px;
}
.ecwd_list .event-organizers img{
    float:left;
    margin: 1px 7px 0 0 !important;
}
.ecwd_list .event-venue img{
    float:left;
    margin: 6px 7px 0 0 !important;
}
.ecwd_list .event-organizers .ecwd-org-cont,
.ecwd_list .event-venue .ecwd-org-cont{
    float:left;
}


/*#######################EVENT PAGE##############################*/

#ecwd-events-content{
    max-width: 1000px;
    margin: 0 auto 50px;
}

#ecwd-events-pg-template, .ecwd-theme-parent-twentyfourteen #ecwd-events-pg-template {
    padding-left: 220px;
}
.event-featured-image{
    float: left;
    margin: 0 15px 15px 0;

}
#ecwd-events-content .event-featured-image img{
    max-width: 100%;
    width: auto;
    height: auto;
}
#ecwd-events-content .ecwd-event-details{
    clear: left;
}

#ecwd-events-content h1{
    font-size: 30px;
    margin: 10px 0;


}


/* = Twenty Fourteen Styling
   @ Template: ALL
=============================================*/


.ecwd-theme-twentyfourteen #ecwd-events-content {
    padding-left:0;
    padding-right:0;
}

.ecwd-theme-twentyfourteen.events-archive .entry-content {
    width:90%;
}

.ecwd-event  .event-venue,
.ecwd-event  .event-detalis-date,
.ecwd-event  .event-detalis-org{
    margin-bottom: 8px;
}

.event-detalis{
    margin: 5px 0 20px 0;
}

.ecwd-social{
    padding:35px 0 20px;
    border-top: 1px solid #ddd;
}

.ecwd-event-video{
    margin: 35px 0;
}

.ecwd-social ul{
    list-style: none !important;
    list-style-type: none !important;
    padding-left:0;
}

.ecwd-social ul li{
    float: left;
    margin-right:10px;
    max-width: 95%;
}
.ecwd-social ul li>div{
    max-width: 95%;
}
.ecwd-social ul li:first-child{
    line-height: 19px;
}

.event-detalis .ecwd-event-date-info,
.event-detalis .ecwd-event-url-info,
.event-detalis .ecwd-venue-info,
.event-detalis .ecwd-event-org-info{
    display: inline-block;
    height: 19px;
    width: 21px;
    line-height: 1.3;
    margin: 0;
}

.event-detalis .ecwd-event-date-info{
    background: url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/images/date.png) no-repeat left bottom;
}

.event-detalis .ecwd-event-org-info{
    background: url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/images/org.png) no-repeat left bottom;
}
.event-detalis .ecwd-event-url-info{
    background: url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/images/url-icon.png) no-repeat left bottom;
}
.event-detalis .ecwd-venue-info{
    background: url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/images/loc.png) no-repeat left bottom;
}

.ecwd-organizer-events ul,
.ecwd-venue-events ul{
    list-style: none !important;
    list-style-type: none  !important;
    padding-left:0 !important;
    /*width: 500%;*/
    margin: 0 !important;
}

@media only screen and (max-width: 768px){
    .event-detalis,.ecwd-social{
        float:none;
        width:100%;
    }
    .event-detalis{
        margin-right:0px;
    }
}

/*####################upcoming events#####################*/

.ecwd-organizer-events,
.ecwd-venue-events, .ecwd-upcoming-events{
    clear:both;
    padding: 0 20px 20px;
    margin: 10px 0 20px;
}

.ecwd-organizer-events h3,
.ecwd-venue-events h3,  .ecwd-upcoming-events h3{
    text-align:center;
    margin: 20px 0 25px;
    display: block !important;
}


.upcoming_events_item-img{
    float: left;
    padding: 0 5px 0 0;
    margin: 0 5px 0 0;
    clear: both;
}
.upcoming_events_item{
    float:left;
    left: 0;
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    max-height:300px;
    overflow-y: auto;
}
.upcoming_events_item-img  img{
}
.upcoming_events_item .event-date{
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 17px;
}

.upcoming_events_item .event-title a{
    font-size: 22px;
    font-weight: bold;
}
.upcoming_events_item .event-title{
    margin: 0px 0 3px;
    line-height: 21px;
}

.upcoming_events_slider{
    overflow: hidden;
    position: relative;
    border: 1px solid #D8DEE4;
}
.upcoming_events_slider .upcoming_event_container{
    margin: 10px auto;
}
.upcoming_events_slider-arrow-left,.upcoming_events_slider-arrow-right{
    position:absolute;
    width:40px;
    height:60px;
    top:50%;
    margin-top:-30px;
    cursor:pointer;
    z-index: 1;
    display: none;
}

.upcoming_events_slider-arrow-left{
    left:0;
    background: rgba(0,0,0,0.6) url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/images/arrow_left.png) no-repeat center;
}
.upcoming_events_slider-arrow-right{
    right:0;
    background: rgba(0,0,0,0.6) url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/images/arrow_right.png) no-repeat center;
}

.ecwd_map_div{
    width: 100%;
    height: 300px;
    min-height: 300px;
    max-width:100%;
}
.ecwd_calendar_container.map .ecwd_map_div img, #ecwd_map_div img, .ecwd_google_map img, .ecwd-show-map img { max-width:none !important; }
.event_dropdown_cont{
    border-top: 1px solid #D5DCE2;
    display:none;
    padding-top: 6px;
}
.ecwd-list-date-cont{
    position:relative;
}

/******Loading gif*****/
.ecwd_loader{
    display: none;
    position: absolute;
    background: url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/images/loading.gif) center center no-repeat;
    /*background-size:  100% 100%;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-color: rgba(255,255,255,0.4);
}

.widget .ecwd_loader{
    /*background-size: 50% 100%;*/
}

/******social icons*****/
a.ecwd-twitter, a.ecwd-facebook, a.ecwd-google-plus{
    display: inline-block;

    width: 27px;
    height: 27px;
    text-indent: -9999px;
}
a.ecwd-twitter{
    background: url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/images/twitter_icon.png) no-repeat center center;
}
a.ecwd-facebook{
    background: url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/images/fb_icon.png) no-repeat center center;
}
a.ecwd-google-plus{
    background: url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/images/gplus_icon.png) no-repeat center center;
}


@media only screen and (max-width: 768px){
    .ecwd-poster-board .ecwd-poster-item{
        width: 45%;
    }
}
@media only screen and (max-width: 460px){
    .ecwd-poster-board .ecwd-poster-item{
        width: 95%;
        margin: 15px 5px 0;
    }
}


.ecwd-poster-board .ecwd-poster-item .ecwd-event-details .date span:not(.weekday-block):not(.datenumber){
    padding:5px;
    text-transform:uppercase;
    display:inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin:0 1px 1px 0;
    border-radius:1px;
}
.ecwd-poster-board .ecwd-poster-item .ecwd-event-content{
    background-color: #FFFFFF;
    border: 1px solid #C4C4C4;
    padding: 10px;
    table-layout: fixed;
}

.ecwd-search ::-webkit-input-placeholder {color:#333 !important;}
.ecwd-search ::-moz-placeholder          {color:#333 !important;}/* Firefox 19+ */
.ecwd-search :-moz-placeholder           {color:#333 !important;}/* Firefox 18- */
.ecwd-search :-ms-input-placeholder      {color:#333 !important;}


.ecwd-page-grid,
.ecwd-page-list,
.ecwd-widget-grid,
.ecwd-widget-list,
.ecwd-event-info {
    line-height: 1.5;
}

/* Month & list titles for all views */

.ecwd-month-title,
.ecwd-list-title {
    font-weight: bold;
    padding-bottom: 5px;
}

/* Event titles with shaded background for all views */

.ecwd-list-event,
.ecwd-tooltip-event {
    background-color: #ddd;
    padding: 0 5px;
}

.ecwd_list li:after{
    clear: both;
    display: none;
}
/* PAGE GRID */

.ecwd-page-grid .ecwd-calendar .ecwd-caption{ /* Caption at top of calendar */
    color:#333333;
    text-align:center;
}

.ecwd-page-grid .ecwd-calendar{ /* Main calendar table */
    width:100%;
    border-collapse:collapse;
    border:1px solid #CCCCCC;
    color:#CCCCCC;
}

.ecwd-page-grid .ecwd-calendar th{ /* Day headings (S, M etc.) */
    border:1px solid #CCCCCC;
    text-align:center;
    width:14.29%;
    padding:0;
}

.ecwd-page-grid .ecwd-calendar td{ /* Day table cells */
    border:1px solid #CCCCCC;
    text-align:center;
    height:80px;
    vertical-align:middle;
    padding:0;
}

.ecwd-page-grid .ecwd-calendar .ecwd-has-events{ /* Table cells with events */
    color:#333333;
    cursor:pointer;
}

.ecwd-page-grid .ecwd-calendar .ecwd-event-info{ /* Event information */
    display:none; /* Important! */
}

.ecwd-page-grid .ecwd-calendar .ecwd-day-number{ /* Day number span */
    font-size:2em;
}

.ecwd-page-grid .ecwd-calendar .ecwd-today{ /* Table cell that represents today */
    background-color:#DDDDDD;
}

.ecwd-page-grid .ecwd-calendar th abbr{ /* Day letter abbreviation */
    border-bottom:none;
}

/* PAGE LIST */

.ecwd-page-list .ecwd-event {
    padding-bottom: 10px;
}

.ecwd-page-list .ecwd-list p{ /* Each piece of information in the list */
    margin:0;
}

.ecwd-page-list .ecwd-list p span,
.ecwd-page-list .ecwd-list div span{ /* The text displayed before each piece of info, 'Starts:' for example */
    color:#999999;
}


/* WIDGET GRID */

.ecwd-widget-grid .ecwd-calendar .ecwd-caption{
    text-align:center;
}

.ecwd-widget-grid .ecwd-calendar{ /* Main calendar table */
    width:100%;
    border:1px solid #CCCCCC;
    border-collapse:collapse;
}

.ecwd-widget-grid .ecwd-calendar th{ /* Day headings (S, M etc.) */
    width:14.29%;
    border:1px solid #CCCCCC;
    text-align:center;
}

.ecwd-widget-grid .ecwd-calendar td{ /* Day table cells */
    color:#CCCCCC;
    width:14.29%;
    border:1px solid #CCCCCC;
    text-align:center;
}

.ecwd-widget-grid .ecwd-calendar .ecwd-has-events{ /* Table cells with events */
    cursor:pointer;
    color:#666666;
}

.ecwd-widget-grid .ecwd-calendar .ecwd-today{ /* Table cell that represents today */
    background-color:#DDDDDD;
}

.ecwd-widget-grid  .ecwd-calendar .ecwd-event-info{ /* Event information */
    display:none; /* Important! */
}

.ecwd-widget-grid .ecwd-calendar th abbr{ /* Day name abbreviations */
    border-bottom:none;
}

/* WIDGET LIST */

.ecwd-widget-list .ecwd-list p{ /* Each piece of information in the list */
    margin:0;
}

.ecwd-widget-list .ecwd-list p span,
.ecwd-widget-list .ecwd-list div span{ /* The text displayed before each piece of info, 'Starts:' for example */
    color:#999999;
}

/* TOOLTIP */

.ecwd-event-info{ /* Tooltip container */
    background-color:#FFFFFF;
}

.ecwd-event-info .ecwd-tooltip-title{ /* 'Events on...' text */
    margin:5px;
    font-weight:bold;
    font-size:1.2em;
}

.ecwd-event-info ul{ /* Events list */
    padding:0;
    margin:5px;
    list-style-type:none;
}

.ecwd-event-info ul li{ /* Event list item */
    margin:10px 0 0 0;
}

.ecwd-event-info ul li p{ /* Each piece of information */
    margin:0;
}

.ecwd-event-info ul li p span,
.ecwd-event-info ul li div span{ /* The text displayed before each piece of info, 'Starts:' for example */
    color:#999999;
}

/** Calendar navigation bar, Prev/Next links & month title. **/

.ecwd-navbar {
    width: 100%;
    text-align: center;
    clear: both;
    overflow: hidden;
}

.ecwd-next,
.ecwd-prev {
    white-space: nowrap;
}

.ecwd-prev {
    float: left;
}

.ecwd-next {
    float: right;
}

.ecwd-month-title {
    display: inline-block;
    margin: 0 auto;
    white-space: nowrap;
}

/* Grouped List */

.ecwd-list-grouped .ecwd-event {
    margin-left: 5%;
}

/* Countdown widget*/

.ecwd_countdown_info{

}
.ecwd_countdown_info .date{

}
.ecwd_countdown_info .info{
    display: inline-block;
    font-size: 14px;
    font-style: italic;
    line-height: 1.3;
}

.ecwd_countdown_info span{
    display: block;
}

.ecwd_countdown_info span{
    display: block;
}
.ecwd_map_event span{
    display: block;
}
.ecwd-event span{

}
.ecwd-event{
    padding: 10px;
    margin-bottom: 10px;
}

.ecwd-show-map{
    /*display: none;*/
}



.ecwd_calendar_view_tabs li.ecwd-search{
    /*position: relative;*/
    padding: 0px 9px;

}
.ecwd-search{
    float:right;
}

.ecwd-search input[type="text"] {
    display: inline-block;
    text-indent: -2000px;
    font-weight: 100;
    outline: none;
    width: 50px !important;
    height: 49px !important;
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0,0,0,0) !important;
    z-index: 4;
    transition: width .6s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    cursor: pointer;
    border: 0px;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 0;
    font-size: 14px;
}
.ecwd-search input[type="text"]::-webkit-input-placeholder {color: transparent}
.ecwd-search input[type="text"]::-moz-placeholder          {color: transparent}
.ecwd-search input[type="text"]:-moz-placeholder           {color: transparent}
.ecwd-search input[type="text"]:-ms-input-placeholder      {color: transparent}


.ecwd-search input[type="text"]:focus {
    width: 250px !important;
    z-index: 2;
    background-color: #FFFFFF !important;
    cursor: text;
    text-indent: 5px;
    margin: 0 !important;
}

.ecwd-search input[type="text"]:focus::-webkit-input-placeholder {color: #1FA67A}
.ecwd-search input[type="text"]:focus::-moz-placeholder          {color: #1FA67A}
.ecwd-search input[type="text"]:focus:-moz-placeholder           {color: #1FA67A}
.ecwd-search input[type="text"]:focus:-ms-input-placeholder      {color: #1FA67A}
.calendar_main .fa,
.calendar_main + .ecwd_add_event .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;
    transform: translate(0, 0);
    text-indent: 0px;
    position: absolute;
    top: 12px;
    font-size: 18px;
    right: 13px;
    line-height: 19px;
    color: #676767;
}
.calendar_main .ecwd-search-submit .fa{
    top: 17px;
    left: 17px;
    color: #ffffff;
}

.ecwd-search button,.ecwd-search button:hover {
    height: 49px;
    width: 50px;
    padding:0;
    display: inline-block;
    float: right;
    text-indent: -10000px;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
    -webkit-appearance: inherit;
    border-radius: 0;

}

.ecwd-event-cat-icon{
    max-width: 20px  !important;
    max-height: 20px !important;
    margin: 0 7px 2px 0;
}

.ecwd-modal {
    /*    position: fixed !important;
        overflow-y: scroll;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.8);
        z-index: 9999 !important;
        opacity:0;
        -webkit-transition: opacity 400ms ease-in;
        -moz-transition: opacity 400ms ease-in;
        transition: opacity 400ms ease-in;
        display: none;*/

}

.ecwd-calendar-more-event .modal-footer{
    padding: 0 !important;
    margin-top: 0 !important;
    border-top: 0 !important;
}

.ecwd-modal > div.ecwd-excluded-events,
.ecwd_popup_body > div.ecwd-excluded-events {
    width: 400px;
    position: relative;
    margin: 10% auto;
    padding: 2px;
    background: #fff;
    border: 1px solid #CFD7DE;
}
.ecwd-modal .modal-header,
.ecwd_popup_body .modal-header {
    margin: 0 0 1px 0 !important;
    padding: 0 0 1px 0;
    border-bottom: 1px solid #CFD7DE;
}
.ecwd-modal h4,
.ecwd_popup_body h4 {
    margin: 0 !important;
    text-align: center;
    color: #737373;
    font-size: 20px !important;
    height: 40px;
    line-height: 38px !important;
    padding: 0;
}

.ecwd-calendar-more-event .ecwd-modal ul.events li,
.ecwd-calendar-more-event .ecwd_popup_body ul.events li {
    opacity: 0.8;
}

.ecwd-modal .ecwd-excluded-events  ul.events > li:hover,
.ecwd_popup_body .ecwd-excluded-events  ul.events > li:hover {
    /*background-color: #D7D7D7 !important;*/
    opacity: 1;
}

.ecwd-modal .ecwd-excluded-events ul.events li:hover > a,
.ecwd_popup_body .ecwd-excluded-events ul.events li:hover > a{
    /*color:#FDFDFD !important;*/
}
.ecwd-modal .events li .event-metalabel,
.ecwd_popup_body .events li .event-metalabel{
    width:15px;
    height:15px;
}

.modal-body ul.events li.inmore{
    display: inherit !important;
}

.modalDialog {
    position: fixed;
    overflow-y: scroll;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 9998;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}
.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}

.modalDialog > div {
    max-width: 960px;
    position: relative;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    background: #fff;
}
.event-content table, .ecwd-detalis table{
    table-layout: fixed;
}
.ecwd-events-day-details .event-details-title{
    padding: 0 3px;
}
.hidden{
    display: none;
}

.ecwd_additional_fields_cont{
    padding: 15px 0 4px;
    border-top: 1px solid #ddd;
    margin-top: 14px;
}
.ecwd_additional_fields_cont ul{
    list-style: none !important;
    margin: 0 !important;
}
.ecwd_additional_fields_cont ul li{
    font-size: 15px;
    font-style: italic;
    line-height: 1.3;
}
@media only screen and (max-width: 500px){

    .calendar-head .previous, .calendar-head .next {
        font-size: 14px;
    }

    .ecwd-events-day-details {
        margin-top: 20px;
    }

    .ecwd_calendar_view_tabs ul li a{
        padding: 8px 0px;
        font-size: 14px;
    }

    .ecwd-search input[type="text"]{
        height: 38px !important;
    }

    .calendar_main .ecwd-search-submit .fa {
        top: 11px;
    }

    .month-name{
        display:none;
    }

    .calendar-head {
        height: 50px;
    }

    .calendar-head .current-month{
        font-size: 20px;
    }
    .calendar-head  .previous,.calendar-head .current-month{
        border-right:0;
    }
    .calendar-head  .next,.calendar-head .current-month{
        border-left:0;
    }

    .calendar_main .ecwd_calendar .filter-arrow-right,
    .calendar_main .ecwd_calendar .filter-arrow-left{
        line-height: 22px;
    }

    .ecwd-search button,.ecwd-search input[type="text"]{
        height: 38px !important;
    }

    .ecwd_calendar_filters_res{
        width: 180px;
        height: 36px;
        padding: 5px 0 0 10px;
    }

    /*views responsive*/

    div[class^="ecwd-page-"] .ecwd_list .event-main-content {
        border: 1px solid #D5DCE2;
        margin-bottom: 1px;
        float: right;
        width: 89.8%;
        min-height: 42px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding: 4px 4px 0 4px !important;
        overflow: hidden;
    }
    div[class^="ecwd-page-"] .event-container{
        border: 1px solid #D5DCE2;
        margin-bottom: 1px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding: 4px !important;
        overflow: hidden;
    }

    div[class^="ecwd-page-"].ecwd_calendar .event-content {
        padding: 0 !important;
    }
    div[class^="ecwd-page-"] .event-content:after {
        content:'';
        display:table;
        clear:both;
    }

    div[class^="ecwd-page-"] .ecwd-week-date, div[class^="ecwd-page-"] .ecwd-list-date {
        width: 10%;
        float: left;
        height: 42px;
        padding: 10px 0 0 0 !important;
        text-align: center !important;
        line-height: 21px !important;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    div[class^="ecwd-page-"]  .ecwd_list li, div[class^="ecwd-page-"]  .day4-event-list li, div[class^="ecwd-page-"]  .day-event-list li, div[class^="ecwd-page-"]  .week-event-list li{
        border:0;
        padding: 0 !important;
        margin-bottom:0px !important;
    }

    div[class^="ecwd-page-"]  .event-main-content.no-events{
        border: 1px solid #D5DCE2;
        margin-bottom:1px;
    }
    div[class^="ecwd-page-"] .week-event-list .ecwd-list-img, div[class^="ecwd-page-"] .day4-event-list .ecwd-list-img, div[class^="ecwd-page-"] .day-event-list .ecwd-list-img, div[class^="ecwd-page-"] .ecwd_list .ecwd-list-img{
        border-right: 0px;
        border-bottom: 0px;
        top: 0;
        left: 0;
    }

    div[class^="ecwd-page-"] .ecwd-img {
        height: auto;
    }

    div[class^="ecwd-page-"] .arrow-down {
        display: block;
        background: url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/images/arrow_down.png) no-repeat right center;
        position: absolute;
        bottom: 3px;
        width: 20px;
        cursor: pointer;
        height: 9px;
        transition: all 0.3s;
        right: 0px;
    }

    div[class^="ecwd-page-"] .arrow-down.open {
        background: url(//www.stjohnshaydonwick.org.uk/wp-content/plugins/event-calendar-wd/css/images/arrow_up.png) no-repeat right center;
    }
    div[class^="ecwd-page-"] .ecwd-list-img-container {
        width: 30%;
        float: left;
        margin-right: 10px !important;
        background: #fff;
        position: relative;
    }
    div[class^="ecwd-page-"] li.ecwd-no-image .ecwd-list-img-container,
    div[class^="ecwd-page-"] .event-container.ecwd-no-image .ecwd-list-img-container	{
        width: 0;
        margin-right: 0px !important;
    }

    div[class^="ecwd-page-"].ecwd_calendar li.ecwd-no-image .ecwd-list-date, div[class^="ecwd-page-"] .week-event-list .ecwd-no-image .ecwd-list-date {
        margin-left: 0px !important;
    }
    div[class^="ecwd-page-"].ecwd_calendar .event-main-content {
        float: right;
        width: 89.8%;
        min-height: 42px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    div[class^="ecwd-page-"].ecwd_calendar .ecwd_list .ecwd-list-date-cont,div[class^="ecwd-page-"].ecwd_calendar .day4-event-list .ecwd-list-date-cont,div[class^="ecwd-page-"].ecwd_calendar .day-event-list .ecwd-list-date-cont,div[class^="ecwd-page-"].ecwd_calendar .week-event-list .ecwd-list-date-cont {
        display: block;
        padding-bottom: 5px;
        position:relative;
    }

    .event_dropdown_cont{
        border-top: 1px solid #D5DCE2;
        display:none;
        padding-top: 6px;
    }

    div[class^="ecwd-page-"].ecwd_calendar  .ecwd-list-date.web,
    div[class^="ecwd-page-"].ecwd_calendar  .ecwd-week-date.web{
        display: none;
    }
    div[class^="ecwd-page-"].ecwd_calendar  .ecwd-list-date.resp,
    div[class^="ecwd-page-"].ecwd_calendar  .ecwd-week-date.resp{
        display: block;
    }

    div[class^="ecwd-page-"].ecwd_calendar .day4-event-list h3, div[class^="ecwd-page-"].ecwd_calendar .ecwd_list h3, div[class^="ecwd-page-"].ecwd_calendar .day-event-list h3, div[class^="ecwd-page-"].ecwd_calendar .week-event-list h3 {
        margin: 0px 0px 2px 0px !important;
        font-size: 16px !important;
        line-height: 20px !important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

}

@media only screen and (min-width: 764px){
    .month-name{
        display:block;
    }
}

table.ecwd_calendar_container  > tbody > tr >td{
    vertical-align: top !important;
}



/*
  Default Themes Correction
*/

/* For Twenty Fourteen
========================================================================== */

.ecwd-theme-twentyfourteen #ecwd-events-content .ecwd-event {
    padding: 20px;
}


@media screen and (min-width: 1000px) {
    .ecwd-theme-twentyfourteen #ecwd-events-content {
        padding-left: 220px;
        float: left;
        width: 100%;
        max-width: 100% !important;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
}
/* Stop themes from hiding elements with the .updated CSS class */
#ecwd-theme-twentyfourteen .updated {
    display: inherit;
}

/* Twenty Fifteen
========================================================================== */


.ecwd-theme-twentyfifteen.single-ecwd_event #ecwd-events-content {
    padding: 8.3333% 10%;
    margin: 0 8.3333%;
}


.ecwd-events-single .event_cageory_and_tags ul li{
    display: inline-block;
    margin: 5px;
}
.ecwd_popup_container  .ecwd_events_single_event_content{
    color:black;
}



/* Bridge
========================================================================== */
.ecwd-theme-bridge .ecwd-event {
    margin-top: 105px;
}

/*Category archive page*/
/*Twenty Fifteen*/
.ecwd-theme-twentyfifteen #ecwd_category_archive_img{
    margin:4% 0;
}
.ecwd-theme-twentyfifteen #ecwd_category_archive_description{
    margin-top: 2%;
}
.ecwd-theme-twentyfifteen .content-area .page-header{
    margin-top: 8%;
}
.ecwd-theme-twentyfifteen .content-area .site-content{
    margin:auto;
    width:100%;
    padding:8% 0;
}

/*twenty fourteen*/
.ecwd-theme-twentyfourteen .post-thumbnail, .ecwd-theme-twentyfourteen .post-thumbnail:hover{
    background: none;
}
.ecwd-theme-twentyfourteen nav.pagination a:hover{
    border-top: 5px solid #41a62a;
    color: #2b2b2b;
}
.ecwd-theme-twentyfourteen nav.pagination a{
    color:#2b2b2b;
}
.ecwd-theme-twentyfourteen nav.pagination{
    border-top: 5px solid #000;
    margin: 48px 0;        
}
.ecwd-theme-twentyfourteen div.nav-links{
    margin-top: -5px;
    text-align: center;
}
.ecwd-theme-twentyfourteen .nav-links .page-numbers{
    border-top: 5px solid transparent;
    display: inline-block;
    font-size: 14px;
    font-weight: 900;
    margin-right: 1px;
    padding: 7px 16px;
    text-transform: uppercase;
}
.ecwd-theme-twentyfourteen .nav-links .current{
    border-top: 5px solid #24890d;
}

/*twenty thirteen */

.ecwd-theme-twentythirteen .pagination a.next{
    margin-left:10px;
}
.ecwd-theme-twentythirteen .pagination a.prev{
    margin-right:10px;
}
.ecwd-theme-twentythirteen .pagination .current{
    font-size: 22px;    
    font-weight: 300;    
}
.ecwd-theme-twentythirteen .pagination a{
    font-size: 22px;    
    font-weight: 300;
    color: #bc360a;
}
.ecwd-theme-twentythirteen .entry-header{
    margin-top:1%;
}
.ecwd-theme-twentythirteen nav.pagination{
    background-color: #e8e5ce;
    padding: 40px 0;
    text-align: center;
}
.ecwd_hidden{
    display:none !important;
}
.ecwd_events_date{
    font-size:15px
}
.calendar_main .ecwd_calendar .filter-container{
    direction: ltr; 
    float:left; 
}
.ecwd_popup_container #ecwd-modal-preview .more_events li .event-details-container{
    right: auto;
}
.ecwd_open_event_popup{
    cursor: pointer;    
}


#ecwd-events-content .event-venue > div,
#ecwd-events-content .event-detalis-org > div,
.ecwd-single-event .event-venue > div,
.ecwd-single-event .event-detalis-org > div,
.entry-content .ecwd-venue > div,
.entry-content .ecwd-organizer .ecwd_organizer_phone,
.entry-content .ecwd-organizer .ecwd_organizer_website{
    padding: 5px 0;
}

.entry-content .ecwd-organizer .ecwd_organizer_description{
    margin-top: 10px;
}

#ecwd-events-content .event-venue > div span:first-child,
#ecwd-events-content .event-detalis-org > div span:first-child,
.ecwd-single-event .event-venue > div span:first-child,
.ecwd-single-event .event-detalis-org > div span:first-child,
.entry-content .ecwd-venue > div span:first-child,
.entry-content .ecwd-organizer .ecwd_organizer_phone span:first-child,
.entry-content .ecwd-organizer .ecwd_organizer_website span:first-child{
    width: 110px;
    display: inline-block;
}

#ecwd-events-content a{
    cursor: pointer;
}


.ecwd_map_div, .ecwd_map_div span{
    color:black;
}
.ecwd_calendar a{
    box-shadow: none !important;
}
.ecwd_calendar td .day-number{
    padding: 2px 0 4px 2px;
}
.ecwd-single-event a:not(.export_link):focus, .ecwd-single-event a:not(.export_link):hover, .ecwd-single-event a:not(.export_link){
	box-shadow:none !important;
	border-bottom:0 !important;
}
.ecwd-single-event .entry-content-event{
	margin:20px 0;
}
.ecwd-single-event.ecwd-event {
    padding: 10px 0;
}
.ecwd-single-event .event_cageory_and_tags ul {
   list-style:none;
}
.ecwd-single-event .event_cageory_and_tags ul li{
    display:inline-block;
    margin: 5px;
}/*!
Theme Name: St John's
Theme URI: http://underscores.me/
Author: John Evans
Author URI: http://www.johnevans.co
Description: A custom-built theme for St John's Haydon Wick
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: stjohns
Tags:

CSS developed using Sass (CSS preprocessor). Contact developer for .scss files.

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

St Johns is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Global
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Header
    ## Posts and pages
    ## Page Banner
    ## Blog
    ## Sermons
    ## Page Sections
	## Asides
	## Comments
	## Footer
# Infinite scroll
# Media
	## Captions
	## Galleries
# Media Queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body {
  font-size: 18px; }

body,
button,
input,
select,
textarea {
  color: #383838;
  font-family: "Lato", sans-serif;
  line-height: 1.5; }

button,
input,
select,
textarea {
  font-size: 1em; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.2em;
  line-height: 1.2;
  font-weight: bold;
  color: #306e93; }

h1 {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 2.3em;
  letter-spacing: 0.01em; }

h2 {
  font-size: 1.5em; }

h3 {
  font-size: 1.3em; }

h4 {
  font-size: 1.3em; }

h5 {
  font-size: 1.2em; }

h6 {
  font-size: 1em; }

p {
  margin-top: 0;
  margin-bottom: 1.2em; }

dfn, cite, em, i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

body {
  word-wrap: break-word;
  background: #fff;
  /* Fallback for when there is no custom background color defined. */ }

blockquote, q {
  quotes: "" ""; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: ""; }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

iframe {
  max-width: 100%; }

ul, ol {
  margin: 0 0 1em 0.2em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li {
  margin: 0.7em 0;
  padding: 0; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

table {
  margin: 0 0 1.5em;
  width: 100%; }

th,
td {
  padding: 0.5em;
  border: 1px solid #E9E9E9;
  vertical-align: top; }

/*--------------------------------------------------------------
# Global
--------------------------------------------------------------*/
.wrapper {
  width: 96%;
  max-width: 960px;
  margin: 0 auto; }

.trim-content > :first-child,
.trim-first > :first-child {
  margin-top: 0; }

.trim-content > :last-child,
.trim-last > :last-child {
  margin-bottom: 0; }

.grey {
  color: #afafaf; }

/*--------------------------------------------------------------
### Boxes
--------------------------------------------------------------*/
.white-box, .comment-navigation .nav-previous a,
.comment-navigation .nav-next a,
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a,
.post-navigation .nav-previous a,
.post-navigation .nav-next a, .news-story-boxes .story, .sermon-boxes .sermon {
  padding: 0.9em 1em;
  border-radius: 3px;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.04);
  background-color: #fff; }

/*--------------------------------------------------------------
### 404 Page
--------------------------------------------------------------*/
section.error-404 {
  padding: 1.6em 0;
  text-align: center; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  display: inline-block;
  padding: .68em 0.9em;
  border: none;
  border-radius: 4px;
  background: #57befe;
  line-height: 1;
  font-size: 0.85em;
  text-transform: uppercase;
  color: #fff; }
  button:hover,
  .button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    text-decoration: none;
    background-color: #58a4d3; }
  button:active,
  .button:active,
  input[type="button"]:active,
  input[type="reset"]:active,
  input[type="submit"]:active {
    background-color: #b7e3ff;
    box-shadow: inset 0 2px rgba(0, 0, 0, 0.1);
    outline: none; }
  button:focus,
  .button:focus,
  input[type="button"]:focus,
  input[type="reset"]:focus,
  input[type="submit"]:focus {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    outline: none; }
  button.hollow,
  .button.hollow,
  input[type="button"].hollow,
  input[type="reset"].hollow,
  input[type="submit"].hollow {
    background-color: transparent;
    border: 1px solid;
    color: #57befe; }
    button.hollow:hover, button.hollow:active,
    .button.hollow:hover,
    .button.hollow:active,
    input[type="button"].hollow:hover,
    input[type="button"].hollow:active,
    input[type="reset"].hollow:hover,
    input[type="reset"].hollow:active,
    input[type="submit"].hollow:hover,
    input[type="submit"].hollow:active {
      background-color: #e2f4ff; }
  button img,
  .button img,
  input[type="button"] img,
  input[type="reset"] img,
  input[type="submit"] img {
    display: inline-block;
    width: auto;
    height: 0.9em;
    vertical-align: middle;
    pointer-events: none; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  display: inline-block;
  max-width: 100%;
  padding: 0.25em 0.5em;
  border: 1px solid #ccc;
  border-radius: 2px;
  color: #666; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  textarea:focus {
    color: #111; }

select {
  border: 1px solid #ccc; }

textarea {
  width: 100%; }

/*--------------------------------------------------------------
### Form Layout
--------------------------------------------------------------*/
.form-left,
.form-right,
.form-full {
  margin-bottom: 1em; }

.form-left,
.form-full {
  clear: both; }

.form-left,
.form-right {
  width: 48%; }

.form-left {
  float: left; }

.form-right {
  float: right; }

/*--------------------------------------------------------------
### Contact Form 7
--------------------------------------------------------------*/
input.wpcf7-not-valid,
textarea.wpcf7-not-valid {
  border-color: #CF2626; }

span.wpcf7-not-valid-tip {
  font-size: 0.8em;
  color: #CF2626; }

div.wpcf7-response-output {
  margin: 1em 0;
  padding: 0.5em 0.8em;
  font-size: 0.9em;
  border: 1px solid #E9E9E9; }

div.wpcf7-validation-errors {
  border-left-color: #CF2626; }

div.wpcf7-mail-sent-ok {
  border-left-color: #57befe; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #57befe;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  display: block;
  float: left;
  clear: both;
  width: 100%;
  background-color: #57befe;
  font-size: 0.9em;
  text-transform: uppercase;
  color: #fff; }
  .main-navigation ul {
    display: block;
    list-style: none;
    margin: 0;
    padding-left: 0; }
    .main-navigation ul ul {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 99999;
      width: 200px;
      padding: 0.5em 0;
      border-top: 1px solid #41adf0;
      box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.04), 0 20px 20px -20px rgba(0, 0, 0, 0.2);
      background-color: #57befe;
      font-size: 0.9em; }
      .main-navigation ul ul ul {
        top: 0; }
      .main-navigation ul ul li {
        float: none;
        margin: 0;
        padding: 0; }
        .main-navigation ul ul li:hover > ul,
        .main-navigation ul ul li.focus > ul {
          left: 100%; }
      .main-navigation ul ul a {
        display: block;
        padding: 0.45em 0.6em;
        border: none; }
      .main-navigation ul ul :hover > a,
      .main-navigation ul ul .focus > a,
      .main-navigation ul ul .current_page_item > a,
      .main-navigation ul ul .current-menu-item > a {
        background-color: #7accfe; }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
      display: block; }
  .main-navigation li:hover > a,
  .main-navigation li.focus > a, .main-navigation .nav-link:hover > a,
  .main-navigation .nav-link.focus > a, .main-navigation .current_page_item > a,
  .main-navigation .current-menu-item > a,
  .main-navigation .current_page_ancestor > a,
  .main-navigation .current-menu-ancestor > a,
  .main-navigation .nav-link.active a,
  .main-navigation a:hover {
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.22); }
  .main-navigation li, .main-navigation .nav-link {
    position: relative;
    float: left;
    margin: 0;
    margin-right: 1.4em;
    padding: 0.7em 0; }
  .main-navigation a, .main-navigation .nav-link a {
    display: block;
    text-decoration: none;
    color: inherit;
    border-bottom: 1px solid transparent; }
  .main-navigation .log-in {
    float: right;
    margin-right: 0; }
  .main-navigation .nav-link,
  .main-navigation .footer-nav-only {
    display: none; }

/* Small menu. */
.menu-toggle {
  display: none;
  float: right;
  padding: 1em;
  border-radius: 0;
  text-transform: inherit;
  font-size: 1em;
  color: inherit; }
  .menu-toggle img {
    display: inline-block;
    width: auto;
    height: 0.7em; }

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
  margin-top: 2em;
  padding-top: 2em;
  padding-bottom: 3px;
  border-top: 1px solid #E9E9E9;
  border-color: rgba(56, 56, 56, 0.08);
  overflow: hidden; }

.comment-navigation .nav-previous a,
.comment-navigation .nav-next a,
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a,
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  display: inline-block;
  padding: 0.3em 0.5em; }

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%; }

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

.sub-navigation {
  background-color: #57befe;
  color: #fff;
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 0.83em; }
  .sub-navigation .toggle {
    position: relative;
    display: none;
    width: 100%;
    padding: 0.6em 0;
    border: 1px solid #9ad8fe;
    border-left: none;
    border-right: none;
    border-radius: 0;
    text-align: left;
    text-transform: none;
    font-size: 0.9em; }
    .sub-navigation .toggle:hover, .sub-navigation .toggle:active, .sub-navigation .toggle:focus {
      background-color: transparent; }
    .sub-navigation .toggle:after {
      display: block;
      position: absolute;
      content: '';
      top: 50%;
      right: 0;
      width: 0;
      height: 0;
      margin-top: -3px;
      border-style: solid;
      border-width: 8px 6px 0 6px;
      border-color: #fff transparent transparent transparent; }
  .sub-navigation .links {
    display: inline-block; }
  .sub-navigation a,
  .sub-navigation .arrow,
  .sub-navigation .parent,
  .sub-navigation .children {
    display: inline-block;
    position: relative; }
  .sub-navigation a,
  .sub-navigation .arrow {
    display: inline-block;
    margin-right: 1em; }
  .sub-navigation a {
    padding: 1.1em 0 1em;
    color: inherit; }
    .sub-navigation a.active:before {
      display: block;
      position: absolute;
      content: '';
      bottom: -1px;
      left: 50%;
      width: 0;
      height: 0;
      margin-left: -9px;
      border-style: solid;
      border-width: 0 9px 11px 9px;
      border-color: transparent transparent #fff transparent; }
      .blog .sub-navigation a.active:before {
        border-bottom-color: #e6f5ff; }
  .sub-navigation .arrow {
    top: 0.05em;
    margin-right: 0.5em;
    font-size: 1.8em;
    line-height: 1;
    color: #9ad8fe; }
  .sub-navigation .parent {
    font-weight: 700; }
  .sub-navigation .children {
    top: -0.1em;
    font-size: 0.95em; }
    .sub-navigation .children a {
      margin-right: 1.1em;
      padding-right: 1.2em;
      padding-bottom: 1.1em; }
      .sub-navigation .children a.active:before {
        margin-left: -16px; }
      .sub-navigation .children a:after {
        display: inline-block;
        position: absolute;
        content: '';
        top: 50%;
        right: 0;
        width: 1px;
        height: 1.5em;
        margin-top: -0.7em;
        background-color: #89d2fe; }
      .sub-navigation .children a:last-child {
        margin-right: 0; }
        .sub-navigation .children a:last-child:after {
          display: none; }
  .sub-navigation.dropdown {
    padding: 0.7em 0; }
    .sub-navigation.dropdown .toggle {
      display: block; }
    .sub-navigation.dropdown .links,
    .sub-navigation.dropdown .arrow {
      display: none; }
    .sub-navigation.dropdown .children {
      display: block;
      padding-left: 0.5em;
      border-left: 1px solid #9ad8fe; }
    .sub-navigation.dropdown a,
    .sub-navigation.dropdown .children a {
      margin: 0.5em 0 0 0;
      padding: 0;
      border: none; }
    .sub-navigation.dropdown a {
      display: block; }
      .sub-navigation.dropdown a.active:before {
        display: none; }
    .sub-navigation.dropdown .children a:after {
      display: none; }
  .sub-navigation.dropdown-open .links {
    display: block; }
  .sub-navigation.no-banner-image {
    border: 1px solid #eee;
    background-color: transparent;
    background-color: #FCFCFC;
    color: #bbb; }
    .sub-navigation.no-banner-image a {
      padding-top: 0.5em;
      padding-bottom: 0.5em; }
      .sub-navigation.no-banner-image a.active:before {
        border-bottom-color: #eee; }
    .sub-navigation.no-banner-image .arrow {
      color: #eee; }
    .sub-navigation.no-banner-image .children {
      top: 0; }
      .sub-navigation.no-banner-image .children a:after {
        background-color: #eee; }
    .sub-navigation.no-banner-image .toggle {
      border-color: inherit;
      background-color: transparent;
      color: inherit; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-image {
  border: 5px solid #f0f0f0; }
  .wp-image.alignleft, .wp-image.alignright {
    width: 40%; }

img.no-border {
  border: none; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

.clear-float {
  clear: both; }

.cf:before,
.cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

.cf {
  *zoom: 1; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */ }
  .widget select {
    max-width: 100%; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-header .site-title {
  display: block;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 1;
  line-height: 1.15;
  font-size: 1.7em;
  font-weight: 300;
  text-transform: uppercase;
  color: #306e93; }
  .site-header .site-title .title {
    text-align: left; }
  .site-header .site-title .logo-no-text,
  .site-header .site-title span {
    display: inline-block;
    vertical-align: middle; }
  .site-header .site-title .logo-no-text {
    width: 68px;
    margin-right: 0.2em; }
  .site-header .site-title .logo-full {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    margin: 0 auto; }
  .site-header .site-title .pre-title {
    display: block;
    opacity: 0.4;
    font-size: 0.5em; }
  .site-header .site-title:hover {
    text-decoration: none; }
    .site-header .site-title:hover span {
      text-decoration: underline; }

.site-header .header-top {
  padding: 0.6em 0;
  color: #306e93; }
  .site-header .header-top a {
    color: inherit; }

.site-header .header-right {
  position: relative;
  z-index: 1;
  float: right;
  margin-top: 0.7em; }

.site-header .contact-links,
.site-header .facebook-link {
  display: inline-block;
  vertical-align: middle; }

.site-header .contact-links {
  text-align: right;
  font-size: 0.9em;
  line-height: 1.3; }
  .site-header .contact-links a {
    font-weight: 300; }

.site-header .facebook-link {
  margin-left: 0.8em;
  transition: all 200ms; }
  .site-header .facebook-link:hover {
    opacity: 0.75; }
  .site-header .facebook-link img {
    display: block;
    width: auto;
    height: 2em; }

.christmas-season .site-header {
  background: #2e313e url(//www.stjohnshaydonwick.org.uk/wp-content/themes/stjohns/images/christmas-stars.png) center 16% repeat; }
  .christmas-season .site-header .header-top {
    position: relative;
    overflow: hidden;
    color: #fff;
    padding-top: 1.4em;
    padding-bottom: 3.3em; }
  .christmas-season .site-header .site-title {
    margin-top: 0; }
  .christmas-season .site-header .header-right {
    margin-top: 0.75em; }

.site-header .light-rays,
.site-header .stable {
  pointer-events: none; }

.site-header .light-rays {
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 50%;
  width: 15em;
  height: auto;
  min-height: 100%;
  margin-left: -7.5em;
  animation: light-ray-pulse 10s ease-in-out infinite; }

.site-header .stable {
  position: absolute;
  bottom: -0.28em;
  left: 50%;
  width: 4.5em;
  margin-left: -2.25em; }

.site-header a.header-cta {
  display: block;
  position: absolute;
  bottom: 1.35em;
  left: 0;
  z-index: 1;
  color: #57befe;
  font-size: 0.8em;
  text-transform: uppercase; }

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.byline,
.updated:not(.published) {
  display: none; }

.single .byline,
.group-blog .byline {
  display: inline; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

/*--------------------------------------------------------------
### Columns
--------------------------------------------------------------*/
.column-count-2,
.column-count-3 {
  display: flex;
  flex-wrap: wrap; }
  .column-count-2 .col,
  .column-count-3 .col {
    float: left;
    margin-right: 6%;
    margin-bottom: 3.5em; }
    .column-count-2 .col:last-child,
    .column-count-3 .col:last-child {
      margin-right: 0; }
    .column-count-2 .col:nth-last-child(1), .column-count-2 .col:nth-child(3n-1):nth-last-child(2), .column-count-2 .col:nth-child(1):nth-last-child(2),
    .column-count-3 .col:nth-last-child(1),
    .column-count-3 .col:nth-child(3n-1):nth-last-child(2),
    .column-count-3 .col:nth-child(1):nth-last-child(2) {
      margin-bottom: 0; }

.column-count-2 .col {
  width: 47%;
  margin-right: 5.5%; }
  .column-count-2 .col:nth-child(2n-1) {
    clear: both; }
  .column-count-2 .col:nth-child(2n) {
    margin-right: 0; }

.column-count-3 .col {
  width: 29.33%; }
  .column-count-3 .col:nth-child(3n-2) {
    clear: both; }
  .column-count-3 .col:nth-child(3n) {
    margin-right: 0; }
  .column-count-3 .col:nth-child(3n-2):nth-last-child(3) {
    margin-bottom: 0; }

@media screen and (max-width: 830px) {
  .column-count-2 .col,
  .column-count-3 .col {
    margin-right: 3%;
    margin-bottom: 1.5em; }
  .column-count-2 .col {
    width: 48.5%; }
  .column-count-3 .col {
    width: 31.33%; } }

@media screen and (max-width: 600px) {
  .column-count-2,
  .column-count-3 {
    display: block; }
    .column-count-2 .col,
    .column-count-2 .col:nth-last-child(2),
    .column-count-2 .col:nth-last-child(3),
    .column-count-2 .col:nth-child(1):nth-last-child(2),
    .column-count-2 .col:nth-child(3n-1):nth-last-child(2),
    .column-count-2 .col:nth-child(3n-2):nth-last-child(3),
    .column-count-3 .col,
    .column-count-3 .col:nth-last-child(2),
    .column-count-3 .col:nth-last-child(3),
    .column-count-3 .col:nth-child(1):nth-last-child(2),
    .column-count-3 .col:nth-child(3n-1):nth-last-child(2),
    .column-count-3 .col:nth-child(3n-2):nth-last-child(3) {
      float: none;
      width: auto;
      margin-right: 0;
      margin-bottom: 1.4em; } }

/*--------------------------------------------------------------
## Page Banner
--------------------------------------------------------------*/
.page-banner {
  position: relative;
  overflow: hidden;
  font-size: 1.5vw; }
  .page-banner.type-hidden {
    display: none; }
  .page-banner.type-no_image .banner-caption, .page-banner.type-single_image .banner-caption {
    font-size: 18px; }
  .page-banner .slide {
    position: relative;
    min-height: 23em;
    background-position: center;
    background-size: cover;
    color: #fff;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); }
    .page-banner .slide.text-colour-black {
      color: #383838;
      text-shadow: 0 1px 20px rgba(255, 255, 255, 0.2); }
    body.blog .page-banner .slide,
    body.archive .page-banner .slide,
    body.single .page-banner .slide {
      min-height: 10em; }
    body.single .page-banner .slide h1 {
      font-size: 1.8em; }
    .page-banner .slide h1, .page-banner .slide h2, .page-banner .slide h3, .page-banner .slide h4, .page-banner .slide h5, .page-banner .slide h6, .page-banner .slide a {
      color: inherit; }
  .page-banner .banner-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    padding: 1em;
    text-align: left; }
  .page-banner.type-multiple_images .banner-caption {
    padding: 1.5em; }
  .page-banner.type-single_image .banner-caption {
    padding-left: 0;
    padding-right: 0;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.45) 100%); }
  .page-banner.type-single_image .text-colour-black .banner-caption {
    background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.3) 100%); }
  .page-banner.type-no_image .slide {
    min-height: inherit;
    color: inherit;
    text-shadow: none; }
  .page-banner.type-no_image .banner-caption {
    position: static;
    width: auto;
    padding-left: 0;
    padding-right: 0; }
  .page-banner .h-pos-centre .banner-caption {
    left: 50%;
    left: 25%\9;
    transform: translateX(-50%);
    text-align: center; }
  .page-banner .h-pos-right .banner-caption {
    left: auto;
    right: 0;
    text-align: right; }
  .page-banner .v-pos-centre .banner-caption {
    top: 50%;
    top: 25%\9;
    transform: translateY(-50%); }
  .page-banner.type-single_image .banner-caption,
  .page-banner .v-pos-bottom .banner-caption {
    top: auto;
    bottom: 0;
    width: 100%; }
  .page-banner .h-pos-centre.v-pos-centre .banner-caption {
    transform: translate(-50%, -50%); }
  .page-banner .h-pos-centre.v-pos-bottom .banner-caption {
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.45) 100%); }

.slick-dots {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: 0 0 0.8em;
  padding: 0;
  list-style: none;
  line-height: 1;
  text-align: center; }
  .slick-dots li {
    display: inline-block;
    opacity: 0.2;
    width: 6px;
    height: 6px;
    margin: 0 3px;
    border-radius: 50%;
    background-color: #fff;
    font-size: 0;
    cursor: pointer;
    transition: all 200ms; }
    .slick-dots li:hover, .slick-dots li.slick-active {
      opacity: 0.6; }

.banner-first-slide-content {
  display: none;
  padding: 0.5em 0; }
  .banner-first-slide-content h1 {
    font-size: 1.8em;
    font-weight: 400; }

/*--------------------------------------------------------------
## Blog
--------------------------------------------------------------*/
/*--------------------------------------------------------------
### Shared Blog Styles
--------------------------------------------------------------*/
article .more {
  display: inline-block;
  font-style: italic;
  font-size: 0.95em; }
  article .more:after {
    display: inline-block;
    opacity: 0.7;
    content: '';
    width: 0.55em;
    height: 0.55em;
    margin-left: 0.3em;
    vertical-align: middle;
    background: url(//www.stjohnshaydonwick.org.uk/wp-content/themes/stjohns/images/icons/blue/arrow.svg) no-repeat center;
    background-size: contain; }

/*--------------------------------------------------------------
### Story Boxes
--------------------------------------------------------------*/
.news-story-boxes .story {
  overflow: hidden;
  font-size: 0.91em; }
  .news-story-boxes .story header {
    margin-bottom: 0.4em; }
  .news-story-boxes .story .featured-image {
    display: block;
    position: relative;
    top: -0.9em;
    left: -1em;
    width: 120%;
    width: calc(100% + 2em);
    max-width: inherit; }
    .home .news-story-boxes .story .featured-image {
      display: none; }
  .news-story-boxes .story .date {
    opacity: 0.55;
    font-size: 0.8em; }
    .news-story-boxes .story .date a {
      color: inherit; }

.news-story-boxes .story-title {
  font-size: 1.05em;
  text-transform: none;
  color: #383838; }
  .news-story-boxes .story-title a {
    color: inherit; }

.archive-box {
  opacity: 0.65;
  transition: opacity 200ms; }
  .archive-box:hover {
    opacity: 1; }
  .archive-box .widget-title {
    font-size: 1.05em;
    text-transform: none;
    color: #383838;
    font-weight: 700; }
  .archive-box ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .archive-box li {
    margin: 0.1em 0; }

/*--------------------------------------------------------------
### Blog Index
--------------------------------------------------------------*/
.section-type-articles {
  background: linear-gradient(to bottom, #e6f5ff 0%, #eee 100%); }
  .section-type-articles .news-story-boxes .story {
    width: 23%;
    margin: 0 2% 2% 0; }

/*--------------------------------------------------------------
### Blog Single
--------------------------------------------------------------*/
.section-type-single {
  background: linear-gradient(to bottom, #fff 80%, #F6F6F6 100%); }
  .section-type-single .entry-meta {
    margin-bottom: 1em;
    font-size: 0.85em;
    font-weight: 300;
    color: #bbb; }
    .section-type-single .entry-meta a {
      color: inherit; }
  .section-type-single .featured-image {
    display: block;
    margin: 0 auto 1em; }

/*--------------------------------------------------------------
## Sermons
--------------------------------------------------------------*/
/*--------------------------------------------------------------
### Shared Sermon Styles
--------------------------------------------------------------*/
.sermon .button {
  padding: 0.55em 0.7em;
  border-radius: 2px;
  font-size: 0.8em; }
  .sermon .button img {
    height: 0.8em; }
  .sermon .button .button-label {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.2em; }
  .sermon .button .play {
    display: inline-block; }
  .sermon .button .pause,
  .sermon .button .resume {
    display: none; }

.sermon.playing .button .play,
.sermon.playing.paused .button .pause {
  display: none; }

.sermon.playing .button .pause,
.sermon.playing.paused .button .resume {
  display: inline-block; }

/*--------------------------------------------------------------
### Sermon Boxes
--------------------------------------------------------------*/
.sermon-boxes .sermon {
  padding: 0.8em;
  border-left: 3px solid #306e93;
  font-size: 0.85em;
  transition: border 200ms, box-shadow 200ms; }
  .sermon-boxes .sermon:nth-child(even) {
    border-color: #57befe; }
  .sermon-boxes .sermon.playing {
    box-shadow: 0 0 0 2px #57befe;
    border-width: 0; }

.sermon-boxes .left {
  float: left;
  width: 55%; }

.sermon-boxes .right {
  float: right;
  width: 45%;
  text-align: right;
  line-height: 1.2;
  font-size: 0.9em;
  color: #bebebe; }

.sermon-boxes .buttons {
  clear: both; }

.sermon-boxes .sermon-title {
  margin-bottom: 0.2em;
  color: inherit;
  font-size: 1.1em; }
  .sermon-boxes .sermon-title a {
    color: inherit; }

.sermon-boxes .speaker {
  line-height: 1.3;
  font-size: 0.9em;
  font-style: italic;
  color: #aeaeae; }

.sermon-boxes .date {
  display: block;
  margin-bottom: 0.4em; }

.sermon-boxes .button {
  margin-right: 0.8em;
  margin-top: 0.9em; }
  .sermon-boxes .button:last-child {
    margin-right: 0; }

.sermon-boxes .sermon-year {
  position: relative;
  min-height: 4em; }
  .sermon-boxes .sermon-year h3 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -0.6em;
    text-align: center;
    font-size: 2em;
    font-weight: 400;
    color: #57befe; }

.sermon-boxes .extra-content {
  padding-top: 0.5em;
  clear: both;
  line-height: 1.3; }

.sermon-unavailable {
  display: block;
  position: relative;
  margin-top: 0.5em;
  font-size: 1em;
  color: #aeaeae;
  cursor: help; }
  .sermon-unavailable .tooltip {
    z-index: 10;
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    min-width: 250px;
    left: 0;
    margin-top: 5px;
    padding: 7px 10px;
    /* box-shadow: 2px 2px 20px rgba(0,0,0,0.1); */
    border-radius: 4px;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04);
    background-color: #fff;
    font-size: 0.95em;
    color: #aeaeae;
    transition: all 500ms; }
  .sermon-unavailable:hover .tooltip {
    display: block; }

/*--------------------------------------------------------------
## Page Sections
--------------------------------------------------------------*/
.page-section {
  padding: 2em 0; }

/*--------------------------------------------------------------
### Title
--------------------------------------------------------------*/
.section-type-title {
  padding: 1.3em 0;
  border: 1px solid #E9E9E9;
  border-right: none;
  border-left: none;
  background-color: #fcfcfc; }
  .section-type-title .title-inner {
    font-size: 1.2em; }
  .section-type-title .wrapper {
    opacity: 0.9; }

/*--------------------------------------------------------------
### One/Two Column Text
--------------------------------------------------------------*/
.text-section + .text-section {
  padding-top: 0; }

/*--------------------------------------------------------------
### Two Column Text
--------------------------------------------------------------*/
.section-type-two_column_text.column-dist-2 .col-left,
.section-type-two_column_text.column-dist-3 .col-right {
  width: 64.66%; }

.section-type-two_column_text.column-dist-2 .col-right,
.section-type-two_column_text.column-dist-3 .col-left {
  width: 29.33%; }

/*--------------------------------------------------------------
### Accordion
--------------------------------------------------------------*/
.accordion-section {
  border-top: 1px solid #ddd; }
  .accordion-section:last-child {
    border-bottom: 1px solid #ddd; }
  .accordion-section.active .accordion-title {
    padding-top: 1.4em;
    padding-bottom: 1.4em;
    padding-left: 1.4em;
    background-color: #fff;
    color: #57befe; }
    .accordion-section.active .accordion-title:after {
      opacity: 0.3;
      transform: rotate(90deg); }

.accordion-title {
  position: relative;
  margin: 0;
  padding: 1em;
  padding-right: 2em;
  background-color: #F7F7F7;
  cursor: pointer;
  transition: all 200ms; }
  .accordion-title:hover {
    padding-left: 1.4em;
    background-color: #FBFBFB;
    color: #58a4d3; }
  .accordion-title:after {
    display: block;
    position: absolute;
    content: '';
    top: 50%;
    right: 1em;
    width: 0;
    height: 0;
    margin-top: -4.5px;
    border-style: solid;
    border-width: 11px 9px 0 9px;
    border-color: #306e93 transparent transparent transparent;
    transition: all 200ms; }

.accordion-content {
  display: none;
  border-top: 1px solid #ddd;
  padding: 1em 1.4em; }

/*--------------------------------------------------------------
### Sub Sections
--------------------------------------------------------------*/
.section-type-sub_sections .sub-section-navigation {
  float: right;
  width: 29.33%;
  line-height: 1.3;
  color: #bbb; }
  .section-type-sub_sections .sub-section-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-left: 1px solid #E9E9E9; }
  .section-type-sub_sections .sub-section-navigation li {
    margin: 0 0 0.5em 0; }
    .section-type-sub_sections .sub-section-navigation li:last-child {
      margin-bottom: 0; }
  .section-type-sub_sections .sub-section-navigation a {
    position: relative;
    display: inline-block;
    padding: 0.2em 0;
    padding-left: 0.8em;
    color: inherit;
    transition: all 200ms; }
    .section-type-sub_sections .sub-section-navigation a:before {
      position: absolute;
      opacity: 0.6;
      content: "\203A";
      top: 50%;
      left: 0.26em;
      margin-top: -0.65em;
      transition: left 200ms; }
    .section-type-sub_sections .sub-section-navigation a:hover {
      padding-left: 1em;
      box-shadow: -1px 0 0 #57befe;
      color: #57befe;
      text-decoration: none; }
      .section-type-sub_sections .sub-section-navigation a:hover:before {
        left: 0.38em; }

.section-type-sub_sections .sub-sections {
  float: left;
  width: 64.66%; }

.section-type-sub_sections .sub-section {
  margin-top: 2em;
  border-top: 1px solid #E9E9E9; }
  .section-type-sub_sections .sub-section.no-image {
    padding-top: 2em; }
    .section-type-sub_sections .sub-section.no-image .sub-section-title {
      position: static;
      padding: 0;
      background: none;
      color: #306e93; }
  .section-type-sub_sections .sub-section:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none; }
  .section-type-sub_sections .sub-section header {
    position: relative;
    margin-bottom: 1em; }
    .section-type-sub_sections .sub-section header img {
      display: block;
      width: 100%; }
  .section-type-sub_sections .sub-section .sub-section-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 1em 1em 0.7em;
    color: #fff;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); }

/*--------------------------------------------------------------
### Highlights
--------------------------------------------------------------*/
.section-type-highlights .highlight .image {
  display: block;
  margin: 0 auto; }

.section-type-highlights .highlight .title {
  margin: 0.55em 0;
  font-size: 1.3em;
  font-weight: bold;
  color: #383838; }
  .section-type-highlights .highlight .title a {
    color: inherit;
    text-decoration: none; }

.section-type-highlights .highlight .text {
  font-size: 0.91em; }

.section-type-highlights .highlight .button {
  margin-top: 0.9em; }

/*--------------------------------------------------------------
### Feature Boxes
--------------------------------------------------------------*/
.section-type-feature_boxes {
  background: url(//www.stjohnshaydonwick.org.uk/wp-content/themes/stjohns/images/backgrounds/water.jpg) center;
  background-size: cover; }

.feature-box {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid;
  border-radius: 4px;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.04);
  text-align: center;
  color: #58a4d3;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .column-count-1 .feature-box {
    max-width: 18em;
    margin: 0 auto; }
  .feature-box .box-top {
    padding: 1.33em 1.33em 0.3em; }
  .feature-box img {
    display: block;
    margin: 0 auto 0.9em;
    width: auto;
    max-height: 3.4em; }
  .feature-box .title {
    margin-bottom: 0.6em;
    font-size: 1.4em;
    font-weight: normal;
    color: inherit; }
  .feature-box .text {
    margin-bottom: 0.9em;
    line-height: 1.2;
    font-weight: 300;
    color: #306e93; }
  .feature-box.no-icon.no-title.no-text {
    justify-content: flex-end; }
    .feature-box.no-icon.no-title.no-text .box-top {
      display: none; }
  .feature-box .button-wrapper {
    padding: 1.1em;
    background-color: #76b1d5;
    background-color: rgba(93, 163, 206, 0.85); }
  .feature-box .button {
    background-color: #58a4d3; }

/*--------------------------------------------------------------
### News and Sermons
--------------------------------------------------------------*/
.section-type-news_and_sermons {
  background: url(//www.stjohnshaydonwick.org.uk/wp-content/themes/stjohns/images/backgrounds/sermon.jpg) center;
  background-size: cover; }
  .section-type-news_and_sermons + .section-type-news_and_sermons {
    margin-top: 2px; }
  .section-type-news_and_sermons .container-header {
    margin-bottom: 1.5em; }
    .section-type-news_and_sermons .container-header h2,
    .section-type-news_and_sermons .container-header a {
      display: inline-block;
      color: inherit; }
    .section-type-news_and_sermons .container-header h2 {
      margin-right: 0.3em;
      padding-right: 0.5em;
      border-right: 1px solid #ccc;
      border-color: rgba(0, 0, 0, 0.1);
      font-size: 1.2em; }
    .section-type-news_and_sermons .container-header .view-all {
      opacity: 0.5;
      font-size: 0.8em; }
  .section-type-news_and_sermons.news-count-2.sermon-count-2 .news-story-container {
    float: left;
    width: 64.66%; }
  .section-type-news_and_sermons.news-count-2.sermon-count-2 .story {
    width: 45.5%; }
    .section-type-news_and_sermons.news-count-2.sermon-count-2 .story:first-child {
      margin-right: 8.5%; }
  .section-type-news_and_sermons.news-count-2.sermon-count-2 .sermon-container {
    float: right;
    width: 29.33%; }
  .section-type-news_and_sermons.news-count-2.sermon-count-2 .sermon-boxes {
    display: block; }
  .section-type-news_and_sermons.news-count-2.sermon-count-2 .sermon {
    float: none;
    width: auto;
    margin-right: 0;
    margin-bottom: 2em; }
    .section-type-news_and_sermons.news-count-2.sermon-count-2 .sermon:last-child {
      margin-bottom: 0; }
  .section-type-news_and_sermons.news-count-3.sermon-count-3 .sermon-container {
    margin-top: 2em; }

/*--------------------------------------------------------------
### Map
--------------------------------------------------------------*/
.section-type-map {
  padding: 0; }

.acf-map {
  width: 100%;
  height: 400px; }
  .acf-map img {
    max-width-width: inherit !important; }

/*--------------------------------------------------------------
### Next Services
--------------------------------------------------------------*/
.section-type-next_services,
.section-type-video_services {
  background-image: url(//www.stjohnshaydonwick.org.uk/wp-content/themes/stjohns/images/backgrounds/clouds.jpg);
  background-position: center top;
  background-size: cover; }
  .section-type-next_services .title,
  .section-type-video_services .title {
    margin-bottom: 2em;
    font-size: 1.1em; }
    .section-type-next_services .title .inner,
    .section-type-video_services .title .inner {
      display: inline-block;
      position: relative;
      left: 50%;
      margin-left: -9.7em;
      padding-bottom: 0.4em;
      border-bottom: 1px solid #57befe;
      text-align: center;
      transition: all 200ms; }
      .section-type-next_services .title .inner:hover,
      .section-type-video_services .title .inner:hover {
        box-shadow: inset 0 -1px 0 #57befe;
        text-decoration: none; }
    .section-type-next_services .title .left,
    .section-type-next_services .title img,
    .section-type-next_services .title .right,
    .section-type-video_services .title .left,
    .section-type-video_services .title img,
    .section-type-video_services .title .right {
      display: inline-block;
      vertical-align: baseline; }
    .section-type-next_services .title .left,
    .section-type-video_services .title .left {
      color: #306e93; }
    .section-type-next_services .title img,
    .section-type-video_services .title img {
      display: inline-block;
      width: auto;
      height: 1.08em;
      margin: 0 0.2em; }
    .section-type-next_services .title .right,
    .section-type-video_services .title .right {
      color: #57befe; }
  .section-type-next_services.sunday-type-2 .title .inner,
  .section-type-video_services.sunday-type-2 .title .inner {
    margin-left: -10em; }
  .section-type-next_services .box,
  .section-type-video_services .box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 45%;
    padding: 1em;
    border: 1px solid;
    border-radius: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    text-align: center;
    line-height: 1;
    font-size: 1.35em;
    transition: all 400ms; }
    .section-type-next_services .box:hover,
    .section-type-video_services .box:hover {
      background-color: #ebf7ff; }
      .section-type-next_services .box:hover .details,
      .section-type-video_services .box:hover .details {
        top: -0.6em; }
      .section-type-next_services .box:hover .main-details,
      .section-type-video_services .box:hover .main-details {
        transform: scale(0.7); }
      .section-type-next_services .box:hover .learn-more,
      .section-type-video_services .box:hover .learn-more {
        opacity: 1; }
    .section-type-next_services .box.left,
    .section-type-video_services .box.left {
      float: left;
      color: #306e93; }
      .section-type-next_services .box.left:hover,
      .section-type-video_services .box.left:hover {
        box-shadow: inset 0 0 0 1px #306e93; }
    .section-type-next_services .box.right,
    .section-type-video_services .box.right {
      float: right;
      color: #57befe; }
      .section-type-next_services .box.right:hover,
      .section-type-video_services .box.right:hover {
        box-shadow: inset 0 0 0 1px #57befe; }
    .section-type-next_services .box .inner,
    .section-type-video_services .box .inner {
      display: inline-block;
      text-align: left; }
    .section-type-next_services .box img,
    .section-type-next_services .box .details,
    .section-type-video_services .box img,
    .section-type-video_services .box .details {
      vertical-align: middle; }
    .section-type-next_services .box img,
    .section-type-video_services .box img {
      display: inline-block;
      width: auto;
      height: 1.9em;
      margin-right: 0.1em; }
    .section-type-next_services .box .details,
    .section-type-next_services .box .main-details,
    .section-type-next_services .box .learn-more,
    .section-type-video_services .box .details,
    .section-type-video_services .box .main-details,
    .section-type-video_services .box .learn-more {
      transition: all 320ms; }
    .section-type-next_services .box .details,
    .section-type-video_services .box .details {
      display: inline-block;
      position: relative;
      top: 0; }
    .section-type-next_services .box .main-details,
    .section-type-video_services .box .main-details {
      display: inline-block;
      transform-origin: 0% 50%; }
    .section-type-next_services .box .time,
    .section-type-video_services .box .time {
      margin-bottom: 0.2em; }
    .section-type-next_services .box .type,
    .section-type-video_services .box .type {
      font-size: 0.9em;
      font-weight: 300; }
    .section-type-next_services .box .learn-more,
    .section-type-video_services .box .learn-more {
      opacity: 0;
      position: absolute;
      top: 100%;
      left: 0;
      width: 150%;
      margin-top: -0.14em;
      font-size: 1.1em;
      font-weight: 300; }
  .section-type-next_services .services-count-1 .box,
  .section-type-video_services .services-count-1 .box {
    float: none;
    margin: 0 auto; }
  .section-type-next_services .bottom-text,
  .section-type-video_services .bottom-text {
    margin: 2em auto -2em;
    padding: 1.5em;
    border-radius: 4px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.3); }

/*--------------------------------------------------------------
### Video Services
--------------------------------------------------------------*/
.section-type-video_services {
  text-align: center; }
  .section-type-video_services .title {
    margin-bottom: 2.4em; }
    .section-type-video_services .title .inner {
      left: 0;
      margin-left: 0; }
  .section-type-video_services .current-service {
    display: inline-block;
    padding: 1.3em 1.8em;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.3); }
    .section-type-video_services .current-service.passed {
      display: block;
      padding: 0;
      background-color: transparent; }
      .section-type-video_services .current-service.passed .service-content {
        display: block; }
      .section-type-video_services .current-service.passed .service-countdown,
      .section-type-video_services .current-service.passed .service-icon {
        display: none; }
    .section-type-video_services .current-service .service-title {
      margin-bottom: 0.6em;
      font-size: 1.6em;
      font-weight: 400; }
    .section-type-video_services .current-service .service-icon {
      margin-bottom: 0.6em; }
      .section-type-video_services .current-service .service-icon img {
        display: inline-block;
        width: 4em; }
    .section-type-video_services .current-service .service-content {
      display: none; }
    .section-type-video_services .current-service .service-countdown {
      margin-top: 1em;
      font-size: 1.3em;
      color: #306e93; }
      .section-type-video_services .current-service .service-countdown .countdown-part {
        display: inline-block;
        margin-right: 1.1em; }
        .section-type-video_services .current-service .service-countdown .countdown-part:last-child {
          margin-right: 0; }
      .section-type-video_services .current-service .service-countdown .value,
      .section-type-video_services .current-service .service-countdown .label {
        display: block; }
      .section-type-video_services .current-service .service-countdown .value {
        line-height: 1.2;
        font-weight: bold;
        color: #57befe; }
      .section-type-video_services .current-service .service-countdown .label {
        font-weight: 300;
        font-size: 0.6em; }
    .section-type-video_services .current-service .other-content {
      margin-top: 1em; }
  .section-type-video_services .video-service {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    border-radius: 3px; }
    .section-type-video_services .video-service video {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: inherit; }
  .section-type-video_services .bottom {
    margin-top: 3em;
    padding-top: 1em;
    border-top: 1px solid #57befe;
    font-size: 0.9em;
    color: #306e93; }
    .section-type-video_services .bottom .next-service {
      float: left; }
      .section-type-video_services .bottom .next-service span {
        font-weight: bolder; }
    .section-type-video_services .bottom .button {
      float: right;
      padding: 0;
      border: 1px solid #57befe;
      border: none;
      background: none;
      line-height: inherit;
      color: #306e93; }

/*--------------------------------------------------------------
### Christmas Services
--------------------------------------------------------------*/
.section-type-christmas_services {
  position: relative;
  overflow: hidden;
  background: #2e313e url(//www.stjohnshaydonwick.org.uk/wp-content/themes/stjohns/images/christmas-stars.png) center repeat;
  text-align: center;
  color: #fff; }
  .section-type-christmas_services.page-section {
    padding: 3.5em 0; }
  .section-type-christmas_services:before, .section-type-christmas_services:after {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    height: 11px;
    background: #8aa94e;
    background: linear-gradient(to right, #bc3029, #bc3029 33%, #8aa94e 33%, #8aa94e 66%, #ddd069 66%, #ddd069);
    background-size: 215px 100%; }
  .section-type-christmas_services:before {
    top: 0; }
  .section-type-christmas_services:after {
    bottom: 0; }
  .section-type-christmas_services .light-rays,
  .section-type-christmas_services .stable {
    position: absolute;
    left: 50%;
    z-index: 0;
    pointer-events: none; }
  .section-type-christmas_services#section-1 .light-rays,
  .section-type-christmas_services#section-1 .stable {
    display: none; }
  .section-type-christmas_services .light-rays {
    top: 0;
    width: auto;
    height: 100%;
    transform: translateX(-50%);
    animation: light-ray-pulse 10s ease-in-out infinite; }

@keyframes light-ray-pulse {
  0%, 100% {
    opacity: 0.4; }
  50% {
    opacity: 0.8; } }
  .section-type-christmas_services .stable {
    bottom: 0.2em;
    width: 7em;
    margin-left: -3.5em; }
  .section-type-christmas_services .wrapper {
    position: relative;
    z-index: 1; }
  .section-type-christmas_services h1,
  .section-type-christmas_services h2,
  .section-type-christmas_services h3,
  .section-type-christmas_services h4,
  .section-type-christmas_services h5,
  .section-type-christmas_services h6 {
    color: inherit; }
  .section-type-christmas_services .christmas-services-header {
    margin-bottom: 1em;
    line-height: 0.8;
    font-size: 3.5em;
    text-align: center;
    font-weight: 300;
    text-transform: uppercase; }
  .section-type-christmas_services .christmas-services-header span {
    font-size: 0.6em; }
  .section-type-christmas_services .christmas-events {
    padding: 0 1em;
    text-align: center; }
  .section-type-christmas_services .christmas-event {
    display: inline-block;
    vertical-align: top;
    width: 22%;
    margin-left: 3.5%;
    margin-bottom: 4%;
    text-align: left; }
  .section-type-christmas_services .christmas-event:nth-child(4n-3) {
    clear: both;
    margin-left: 0; }
  .section-type-christmas_services .christmas-event-header,
  .section-type-christmas_services .event-description {
    margin: 0 5%; }
  .section-type-christmas_services .event-image {
    display: block;
    width: 100%;
    margin-bottom: 1em; }
  .section-type-christmas_services .christmas-event-header {
    position: relative; }
  .section-type-christmas_services .event-time {
    font-size: 0.9em;
    font-weight: 300; }
  .section-type-christmas_services .event-title {
    font-size: 1em; }
  .section-type-christmas_services .event-icon {
    opacity: 0.8;
    position: absolute;
    right: 104%;
    bottom: 0.22em; }
  .section-type-christmas_services .event-description {
    opacity: 0.7;
    margin-top: 0.7em;
    font-size: 0.82em; }
    .section-type-christmas_services .event-description a {
      color: inherit; }
  .section-type-christmas_services .buttons {
    margin: 0 1em 3em; }
  .section-type-christmas_services#section-1 .buttons {
    margin-bottom: 0; }
  .section-type-christmas_services .button {
    margin: 0 1em 1em;
    background-color: #8AA94E; }

/*--------------------------------------------------------------
### Calendar
--------------------------------------------------------------*/
.section-type-calendar .wrapper {
  max-width: inherit; }

.section-type-calendar .calendar-key {
  font-size: 0.8em; }
  .section-type-calendar .calendar-key span {
    display: inline-block;
    margin-top: 0.5em;
    margin-right: 0.5em;
    padding: 0.3em 0.45em;
    border: 1px solid transparent;
    border-radius: 4px;
    line-height: 1;
    color: #306e93; }
  .section-type-calendar .calendar-key .at-st-johns {
    border-color: #ddd; }

.section-type-calendar .calendar-wrapper {
  margin-top: 2em;
  margin-bottom: 2em; }

.section-type-calendar table {
  margin-bottom: 0; }

.section-type-calendar .fc-scroller {
  overflow: hidden !important;
  height: auto !important; }

.section-type-calendar .fc-toolbar .fc-right {
  font-size: 0.75em; }

.section-type-calendar .fc-state-default {
  opacity: 1;
  border: none;
  box-shadow: none;
  background: #57befe;
  color: #fff;
  text-shadow: none; }

.section-type-calendar .fc .fc-button-group .fc-next-button {
  margin-left: 0.2em; }

.section-type-calendar .fc td,
.section-type-calendar .fc th {
  border: 1px solid #ddd; }

.section-type-calendar .fc-unthemed .fc-day.fc-today {
  background: #e6f5ff; }

.section-type-calendar .fc-day-header {
  padding: 0.3em;
  font-weight: 400;
  color: #306e93; }

.section-type-calendar .fc-basic-view .fc-day-number {
  padding: 0.1em 0.3em;
  font-size: 1.1em;
  font-weight: 300;
  color: #a6a6a6; }

.section-type-calendar .fc-day-number.fc-other-month {
  opacity: 0.5; }

.section-type-calendar .fc-row .fc-content-skeleton {
  padding-bottom: 0.4em; }

.section-type-calendar .fc-event-container {
  padding: 0.2em 0.25em; }

.section-type-calendar .fc-event {
  margin: 0;
  padding: 0.1em 0.3em;
  border-color: transparent;
  background-color: transparent;
  color: #306e93; }
  .section-type-calendar .fc-event.at-st-johns {
    border-color: #ddd; }
  .section-type-calendar .fc-event:hover {
    border-color: #306e93;
    background-color: #306e93; }

.section-type-calendar .fc-event:hover .fc-content {
  white-space: normal; }

.section-type-calendar .fc-event .fc-title {
  font-size: 0.9em; }

.section-type-calendar .fc-day-grid-event .fc-time {
  font-size: 0.85em; }

/*--------------------------------------------------------------
### Bulletins
--------------------------------------------------------------*/
.bulletin-list a {
  display: block;
  padding: 1.2em 1em;
  border-bottom: 1px solid #E9E9E9;
  transition: all 200ms; }
  .bulletin-list a:hover {
    box-shadow: inset 0 0 0 3px #57befe; }
    .bulletin-list a:hover .bulletin-date {
      color: inherit; }
  .bulletin-list a:last-child {
    border-bottom: none; }

.bulletin-list .bulletin-date,
.bulletin-list .bulletin-text {
  display: block;
  float: left;
  width: 50%; }

.bulletin-list .bulletin-date {
  font-size: 1.2em;
  color: #383838; }

.bulletin-list .bulletin-text {
  text-align: right; }

/*--------------------------------------------------------------
### All Sermons
--------------------------------------------------------------*/
.section-type-all_sermons {
  background: linear-gradient(to bottom, #f7f3e7 0%, #eee 100%); }
  .section-type-all_sermons .filters {
    opacity: 0.75;
    padding-bottom: 2.4em;
    text-align: center;
    transition: all 200ms; }
    .section-type-all_sermons .filters:hover {
      opacity: 1; }
    .section-type-all_sermons .filters label,
    .section-type-all_sermons .filters select {
      display: inline-block;
      vertical-align: middle;
      margin: 0.2em; }
    .section-type-all_sermons .filters select {
      padding: 0.2em 0.3em 0.3em;
      border: 1px solid #ddd;
      border-radius: 2px; }

#sort-type {
  width: 12em; }

.sermon-player-wrapper {
  display: none;
  max-width: 600px;
  margin: 0 auto 2em; }
  .sermon-player-wrapper .sermon-details {
    line-height: 1; }
    .sermon-player-wrapper .sermon-details .left {
      float: left; }
    .sermon-player-wrapper .sermon-details .right {
      float: right; }
  .sermon-player-wrapper .sermon-title,
  .sermon-player-wrapper .sermon-speaker {
    font-size: 1.3em; }
  .sermon-player-wrapper .sermon-title {
    color: #306e93;
    font-weight: 400; }
  .sermon-player-wrapper .sermon-speaker {
    font-size: 1.1em;
    font-style: italic;
    font-weight: 300;
    color: #666; }
  .sermon-player-wrapper .sermon-reading,
  .sermon-player-wrapper .sermon-date {
    position: relative;
    font-size: 0.9em;
    color: #666;
    opacity: 0.4;
    font-weight: 300;
    transition: opacity 500ms; }
  .sermon-player-wrapper .sermon-reading {
    top: 0.4em; }
  .sermon-player-wrapper:hover .sermon-reading,
  .sermon-player-wrapper:hover .sermon-date {
    opacity: 1; }
  .sermon-player-wrapper .sermon-description {
    opacity: 0.8;
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid #ddd;
    font-size: 0.85em; }
    .sermon-player-wrapper .sermon-description:empty {
      display: none; }
    .sermon-player-wrapper .sermon-description p {
      margin-bottom: 0.5em; }
    .sermon-player-wrapper .sermon-description li {
      margin: 0.2em 0; }

.sermon-player {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 2em;
  margin: 0.6em 0;
  border-radius: 3px;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.04);
  background-color: #57befe;
  color: #fff;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  .sermon-player .left,
  .sermon-player .right {
    width: 10%; }
  .sermon-player .left {
    float: left; }
  .sermon-player .play-pause {
    display: block;
    position: relative;
    width: 100%;
    padding: 0.67em 0;
    border-radius: 2px;
    box-shadow: none;
    background-color: transparent; }
    .sermon-player .play-pause img {
      display: inline-block;
      width: 100%; }
    .sermon-player .play-pause .pause,
    .sermon-player .play-pause.pause .play {
      display: none; }
    .sermon-player .play-pause.pause .pause {
      display: inline-block; }
  .sermon-player .scrubber {
    position: relative;
    overflow: hidden;
    float: left;
    top: 25%;
    width: 80%;
    height: 50%;
    border-radius: 3px;
    background-color: #eee; }
  .sermon-player .buffer,
  .sermon-player .playhead {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%; }
  .sermon-player .buffer {
    width: 0%;
    background-color: #fff; }
  .sermon-player .playhead {
    width: 0%;
    border-radius: 3px 0 0 3px;
    background-color: #306e93; }
  .sermon-player .current-time,
  .sermon-player .total-time {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.15em 0.3em;
    font-size: 0.8em;
    line-height: 1;
    cursor: default;
    transition: opacity 500ms; }
  .sermon-player:hover .current-time,
  .sermon-player:hover .total-time {
    opacity: 1; }
  .sermon-player:hover .current-time:hover,
  .sermon-player:hover .total-time:hover {
    opacity: 1; }
  .sermon-player .total-time {
    left: auto;
    right: 0;
    color: #999; }
  .sermon-player .right {
    float: right;
    text-align: center; }
  .sermon-player .volume {
    display: block;
    position: relative;
    top: 0.52em;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    background-image: url(//www.stjohnshaydonwick.org.uk/wp-content/themes/stjohns/images/icons/white/volume-grey.png);
    background-repeat: no-repeat; }
  .sermon-player .volume .white {
    position: absolute;
    top: 0;
    left: 0;
    width: 55%;
    height: 24px;
    background-image: url(//www.stjohnshaydonwick.org.uk/wp-content/themes/stjohns/images/icons/white/volume.png);
    background-repeat: no-repeat; }

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.site-footer {
  background-color: #57befe;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.85em; }
  .site-footer a {
    color: inherit; }
  .site-footer .footer-top {
    padding: 2em 0; }
  .site-footer .footer-col {
    float: left;
    width: 31%; }
    .site-footer .footer-col.col-2 {
      margin: 0 3.33%; }
  .site-footer .footer-social a {
    display: block;
    margin-bottom: 0.9em; }
  .site-footer .footer-social img {
    display: inline-block;
    width: auto;
    height: 0.8em;
    margin-right: 0.2em; }
  .site-footer .footer-bottom {
    position: relative;
    padding: 0.8em 0;
    background-color: #306e93;
    text-align: center; }
    .site-footer .footer-bottom > img {
      position: absolute;
      bottom: 100%;
      left: 50%;
      margin-left: -19px; }

.footer-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.footer-navigation li {
  margin: 0 0 0.2em; }

.footer-navigation ul ul {
  display: none; }

.footer-navigation .main-nav-only {
  display: none; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@media screen and (min-width: 1144px) {
  .page-banner {
    font-size: 1em; }
  .home .page-banner {
    font-size: 1.5vw; } }

@media screen and (max-width: 920px) {
  .sermon-boxes .download .button-label {
    display: none; } }

@media screen and (max-width: 870px) {
  .site-header .header-top {
    padding: 0.55em 0; }
  .site-header .site-title {
    font-size: 1.5em; }
  .site-header .header-right {
    margin-top: 0.55em; }
  .site-header .contact-links span {
    display: none; }
  .christmas-season .site-header .header-right {
    margin-top: 0.3em; }
  .section-type-news_and_sermons.news-count-2.sermon-count-2 .sermon-container .container-header h2 {
    border-width: 0; }
  .section-type-news_and_sermons.news-count-2.sermon-count-2 .sermon-container .container-header .view-all {
    display: none; } }

@media screen and (max-width: 850px) {
  .section-type-articles .news-story-boxes .story {
    width: 47%;
    margin: 0 3% 3% 0; }
  .site-footer .footer-col.col-1 {
    float: none;
    width: auto;
    margin-bottom: 1.6em; }
  .site-footer .footer-col.col-2, .site-footer .footer-col.col-3 {
    width: 48%; }
  .site-footer .footer-col.col-2 {
    margin: 0;
    margin-right: 4%; }
  .site-footer .footer-navigation {
    line-height: 1; }
    .site-footer .footer-navigation li {
      float: left;
      margin: 0 0.7em 0.4em 0;
      padding-right: 0.7em;
      border-right: 1px solid; }
      .site-footer .footer-navigation li:last-child {
        margin-right: 0;
        padding-right: 0;
        border-right: none; } }

@media screen and (max-width: 830px) {
  .main-navigation {
    font-size: 0.8em; }
  .main-navigation li {
    margin-right: 0.9em; }
  .section-type-highlights .highlight {
    font-size: 0.9em; }
  .section-type-sub_sections .sub-section-navigation {
    width: 31.33%; }
  .section-type-sub_sections .sub-sections {
    width: 65.66%; }
  .section-type-news_and_sermons.news-count-2.sermon-count-2 .news-story-container {
    width: 65.66%; }
  .section-type-news_and_sermons.news-count-2.sermon-count-2 .story {
    width: 47.5%; }
    .section-type-news_and_sermons.news-count-2.sermon-count-2 .story:first-child {
      margin-right: 5%; }
  .section-type-news_and_sermons.news-count-2.sermon-count-2 .sermon-container {
    width: 31.33%; } }

@media screen and (max-width: 800px) {
  .section-type-christmas_services .christmas-services-header {
    line-height: 1.2;
    font-size: 3em; }
  .section-type-christmas_services .christmas-services-header span {
    display: block; }
  .section-type-christmas_services .christmas-event,
  .section-type-christmas_services .christmas-event:nth-child(4n-3) {
    clear: none;
    width: 45%;
    margin-left: 9%;
    margin-bottom: 8%; }
  .section-type-christmas_services .christmas-event:nth-child(2n-1) {
    clear: both;
    margin-left: 0; } }

@media screen and (max-width: 770px) {
  .site-header .header-top {
    padding: 0.5em 0; }
  .site-header .site-title {
    font-size: 1.4em; }
    .site-header .site-title .logo-no-text {
      width: 55px; }
  .site-header .header-right {
    margin-top: 0.5em; }
    .site-header .header-right .contact-links {
      font-size: 0.8em; }
    .site-header .header-right .facebook-link {
      display: none; } }

@media screen and (max-width: 700px) {
  .menu-toggle,
  .main-navigation.toggled .nav-menu {
    display: block; }
  .main-navigation {
    text-align: right; }
    .main-navigation .nav-menu {
      display: none; }
    .main-navigation li, .main-navigation .log-in {
      display: block;
      float: none;
      margin: 0;
      padding: 0; }
    .main-navigation ul a, .main-navigation ul ul a {
      border-color: #fff;
      border-color: rgba(255, 255, 255, 0.22);
      padding: 0.5em 1em; }
    .main-navigation ul ul {
      position: static;
      width: auto;
      padding: 0;
      margin-right: 1em;
      border-top: none;
      border-right: 2px solid;
      border-color: #fff;
      border-color: rgba(255, 255, 255, 0.22);
      box-shadow: none;
      background-color: rgba(0, 0, 0, 0.07); }
    .main-navigation ul ul a {
      width: auto;
      border-bottom-width: 1px;
      border-bottom-style: solid; }
    .main-navigation ul ul li:last-child a {
      border-bottom: none; }
    .main-navigation .nav-link {
      display: block; }
    .main-navigation .home {
      display: none; }
  .menu-main-navigation-container {
    clear: both; } }

@media screen and (max-width: 650px) {
  .site-header .site-title {
    float: none;
    margin-top: 0;
    text-align: center; }
  .site-header .header-right {
    display: none; }
  .site-header a.header-cta {
    position: relative;
    bottom: 0;
    margin: 1.5em 0 1.1em;
    text-align: center; } }

@media screen and (max-width: 620px) {
  .section-type-next_services .box,
  .section-type-video_services .box {
    font-size: 1.05em; } }

@media screen and (max-width: 600px) {
  body.single .page-banner .slide {
    min-height: inherit; }
    body.single .page-banner .slide .banner-caption {
      position: static; }
  .wp-image.alignleft, .wp-image.alignright, .wp-image.aligncenter, .wp-image.alignnone {
    display: block;
    float: none;
    width: auto;
    margin: 1em auto;
    border: 5px solid #f0f0f0; }
    .wp-image.alignleft:first-child, .wp-image.alignright:first-child, .wp-image.aligncenter:first-child, .wp-image.alignnone:first-child {
      margin-top: 0; }
    .wp-image.alignleft:last-child, .wp-image.alignright:last-child, .wp-image.aligncenter:last-child, .wp-image.alignnone:last-child {
      margin-bottom: 0; }
  .page-section {
    padding: 1.3em 0; }
  .section-type-two_column_text.column-dist-2 .col-left,
  .section-type-two_column_text.column-dist-3 .col-right,
  .section-type-two_column_text.column-dist-2 .col-right,
  .section-type-two_column_text.column-dist-3 .col-left {
    width: auto; }
  .section-type-highlights {
    padding: 0;
    border-top: 2px solid #57befe; }
    .section-type-highlights .wrapper {
      width: auto; }
    .section-type-highlights .highlight-content {
      width: 96%;
      max-width: 960px;
      margin: 0 auto; }
    .section-type-highlights.count-1 .highlight, .section-type-highlights.count-2 .highlight, .section-type-highlights.count-3 .highlight {
      position: relative;
      overflow: hidden;
      background-color: #000;
      text-align: center; }
      .section-type-highlights.count-1 .highlight, .section-type-highlights.count-1 .highlight:nth-last-child(2), .section-type-highlights.count-1 .highlight:nth-last-child(3), .section-type-highlights.count-2 .highlight, .section-type-highlights.count-2 .highlight:nth-last-child(2), .section-type-highlights.count-2 .highlight:nth-last-child(3), .section-type-highlights.count-3 .highlight, .section-type-highlights.count-3 .highlight:nth-last-child(2), .section-type-highlights.count-3 .highlight:nth-last-child(3) {
        margin: 0 0 2px 0; }
      .section-type-highlights.count-1 .highlight .expanded-content, .section-type-highlights.count-2 .highlight .expanded-content, .section-type-highlights.count-3 .highlight .expanded-content {
        opacity: 0;
        overflow: hidden;
        max-height: 0; }
      .section-type-highlights.count-1 .highlight .image, .section-type-highlights.count-2 .highlight .image, .section-type-highlights.count-3 .highlight .image {
        opacity: 0.5;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%); }
      .section-type-highlights.count-1 .highlight .title, .section-type-highlights.count-2 .highlight .title, .section-type-highlights.count-3 .highlight .title {
        position: relative;
        margin: 0;
        padding: 0.8em 0;
        color: #fff;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        cursor: pointer; }
        .section-type-highlights.count-1 .highlight .title:after, .section-type-highlights.count-2 .highlight .title:after, .section-type-highlights.count-3 .highlight .title:after {
          position: absolute;
          content: '';
          top: 50%;
          right: 4%;
          width: 0.7em;
          height: 0.7em;
          margin-top: -0.25em;
          background: transparent url(//www.stjohnshaydonwick.org.uk/wp-content/themes/stjohns/images/icons/white/arrow.svg) center no-repeat;
          background-size: contain;
          transform: rotate(90deg); }
      .section-type-highlights.count-1 .highlight.active, .section-type-highlights.count-2 .highlight.active, .section-type-highlights.count-3 .highlight.active {
        background-color: transparent; }
        .section-type-highlights.count-1 .highlight.active .highlight-content, .section-type-highlights.count-2 .highlight.active .highlight-content, .section-type-highlights.count-3 .highlight.active .highlight-content {
          margin-bottom: 1em; }
        .section-type-highlights.count-1 .highlight.active .expanded-content, .section-type-highlights.count-2 .highlight.active .expanded-content, .section-type-highlights.count-3 .highlight.active .expanded-content {
          opacity: 1;
          max-height: 10em; }
        .section-type-highlights.count-1 .highlight.active .image, .section-type-highlights.count-2 .highlight.active .image, .section-type-highlights.count-3 .highlight.active .image {
          opacity: 1;
          position: relative;
          top: 0;
          left: 0;
          transform: none; }
        .section-type-highlights.count-1 .highlight.active .title, .section-type-highlights.count-2 .highlight.active .title, .section-type-highlights.count-3 .highlight.active .title {
          margin-top: -1.35em;
          margin-bottom: 0.55em;
          padding: 0;
          color: #383838;
          text-shadow: none; }
          .section-type-highlights.count-1 .highlight.active .title:after, .section-type-highlights.count-2 .highlight.active .title:after, .section-type-highlights.count-3 .highlight.active .title:after {
            opacity: 0.5;
            margin-top: -0.55em;
            transform: rotate(180deg); }
        .section-type-highlights.count-1 .highlight.active.no-image .title, .section-type-highlights.count-2 .highlight.active.no-image .title, .section-type-highlights.count-3 .highlight.active.no-image .title {
          margin-top: 0; }
        .section-type-highlights.count-1 .highlight.active .title-inner, .section-type-highlights.count-2 .highlight.active .title-inner, .section-type-highlights.count-3 .highlight.active .title-inner {
          display: inline-block;
          padding: 0.3em 0.6em;
          background-color: #fff; }
  .section-type-news_and_sermons .container-header {
    margin-bottom: 0.7em; }
  .section-type-news_and_sermons.news-count-2.sermon-count-2 .news-story-container,
  .section-type-news_and_sermons.news-count-2.sermon-count-2 .sermon-container {
    float: none;
    width: auto; }
  .section-type-news_and_sermons.news-count-2.sermon-count-2 .news-story-container {
    margin-bottom: 1.5em; }
  .section-type-news_and_sermons.news-count-2.sermon-count-2 .sermon-container .container-header h2 {
    border-width: 1px; }
  .section-type-news_and_sermons.news-count-2.sermon-count-2 .sermon-container .container-header .view-all {
    display: inline-block; }
  .section-type-news_and_sermons.news-count-2.sermon-count-2 .story,
  .section-type-news_and_sermons.news-count-2.sermon-count-2 .story:first-child {
    width: auto;
    margin-right: 0; }
  .section-type-news_and_sermons.news-count-2.sermon-count-2 .sermon {
    margin-bottom: 1.5em; }
  .sermon-boxes .download .button-label {
    display: inline-block; }
  .section-type-calendar .fc-view-container {
    overflow-x: scroll; }
  .section-type-calendar .fc-view.fc-month-view {
    width: 56.5em; } }

@media screen and (max-width: 550px) {
  /*
	.page-banner {
		.banner-caption,
		.h-pos-left .banner-caption,
		.h-pos-centre .banner-caption,
		.h-pos-right .banner-caption,
		.v-pos-top .banner-caption,
		.v-pos-centre .banner-caption,
		.v-pos-bottom .banner-caption,
		.h-pos-centre.v-pos-centre .banner-caption {
			position: static;
			transform: none;
			width: auto !important;
		}

		.banner-caption {
			margin-top: $page_banner_height;
		}
	}
	*/
  .home .page-banner.type-multiple_images .slide:nth-child(2) .banner-caption {
    display: none; }
  .home .banner-first-slide-content {
    display: block; }
  .section-type-sub_sections .sub-section-navigation,
  .section-type-sub_sections .sub-sections {
    float: none;
    width: auto;
    padding-top: 0; }
  .section-type-sub_sections .sub-section-navigation {
    position: static !important;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #E9E9E9; }
    .section-type-sub_sections .sub-section-navigation.is_stuck + div {
      display: none !important; }
    .section-type-sub_sections .sub-section-navigation:before {
      display: block;
      content: 'Scroll to...';
      margin-bottom: 0.5em;
      font-size: 1.2em;
      color: #306e93; }
    .section-type-sub_sections .sub-section-navigation ul {
      border-left: none; } }

@media screen and (max-width: 500px) {
  .page-banner.type-single_image .banner-caption {
    font-size: 3vw; }
  .section-type-next_services .title,
  .section-type-video_services .title {
    margin-bottom: 0.9em;
    text-align: center;
    font-size: 1.05em;
    font-weight: 400; }
    .section-type-next_services .title .inner,
    .section-type-video_services .title .inner {
      padding-top: 1em;
      width: 75%;
      left: 0;
      margin-left: 0;
      padding-bottom: 0;
      border-bottom: none; }
    .section-type-next_services .title img,
    .section-type-video_services .title img {
      position: absolute;
      top: 0;
      width: 0.57em;
      height: auto; }
    .section-type-next_services .title .left,
    .section-type-next_services .title .right,
    .section-type-video_services .title .left,
    .section-type-video_services .title .right {
      display: block; }
    .section-type-next_services .title .left,
    .section-type-video_services .title .left {
      margin-bottom: 0.15em;
      padding-bottom: 0.15em;
      border-bottom: 1px solid #57befe; }
  .section-type-next_services.sunday-type-2 .title .inner,
  .section-type-video_services.sunday-type-2 .title .inner {
    margin-left: 0; }
  .section-type-next_services .box,
  .section-type-video_services .box {
    width: auto;
    padding: 0.7em; }
    .section-type-next_services .box.left, .section-type-next_services .box.right,
    .section-type-video_services .box.left,
    .section-type-video_services .box.right {
      float: none; }
    .section-type-next_services .box.left,
    .section-type-video_services .box.left {
      margin-bottom: 1.3em; }
      .section-type-next_services .box.left img,
      .section-type-video_services .box.left img {
        opacity: 0.25; }
    .section-type-next_services .box .inner,
    .section-type-video_services .box .inner {
      text-align: center; }
    .section-type-next_services .box img,
    .section-type-video_services .box img {
      position: absolute;
      z-index: 0;
      top: -6%;
      right: -3%;
      height: 112%;
      opacity: 0.35; }
    .section-type-next_services .box .details,
    .section-type-video_services .box .details {
      position: relative;
      z-index: 1; }
    .section-type-next_services .box .main-details,
    .section-type-video_services .box .main-details {
      transform-origin: 50%; }
    .section-type-next_services .box .type,
    .section-type-video_services .box .type {
      font-size: 1em; }
    .section-type-next_services .box .learn-more,
    .section-type-video_services .box .learn-more {
      width: 100%; }
  .section-type-next_services .bottom-text,
  .section-type-video_services .bottom-text {
    margin: 0 auto -1.3em; }
  .section-type-video_services .bottom {
    margin-top: 1.5em; }
    .section-type-video_services .bottom .next-service,
    .section-type-video_services .bottom .button {
      float: none; }
    .section-type-video_services .bottom .next-service {
      margin-bottom: 1em; }
  .section-type-christmas_services .christmas-services-header {
    font-size: 2.2em; }
  .section-type-christmas_services .christmas-event,
  .section-type-christmas_services .christmas-event:nth-child(4n-3),
  .section-type-christmas_services .christmas-event:nth-child(2n-1) {
    display: block;
    width: auto;
    margin-left: 0;
    margin-bottom: 19%; }
  .section-type-articles .news-story-boxes .story {
    width: 100%;
    margin: 0 0 5% 0; } }

@media screen and (max-width: 480px) {
  .bulletin-list .bulletin-date,
  .bulletin-list .bulletin-text {
    float: none;
    width: auto;
    text-align: inherit; }
  .site-footer .footer-top {
    padding-bottom: 2.7em; }
  .site-footer .footer-col.col-2, .site-footer .footer-col.col-3 {
    float: none;
    width: auto; }
  .site-footer .footer-col.col-2 {
    margin: 0;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18); }
  .site-footer .footer-navigation {
    display: none; } }

@media screen and (max-width: 460px) {
  .section-type-all_sermons .filters label {
    display: block; } }

@media screen and (max-width: 400px) {
  .site-header .header-top {
    padding: 0.7em 0; }
  .site-header .site-title .logo-no-text,
  .site-header .site-title .title {
    display: none; }
  .site-header .site-title .logo-full {
    opacity: 1;
    display: block;
    position: static;
    max-width: 6em; }
  .home .banner-first-slide-content h1 {
    font-size: 1.4em; }
  .section-type-video_services .current-service .service-countdown .countdown-part {
    margin-right: 0.7em; } }