/*
Theme Name: HOT Twenty Six
Theme URI: http://hastingsonlinetimes.co.uk/
Description: The revised wider, leaner, non bootstrap, sans ACF HOT
Version: 1.5
Author: Nick Weekes
Author URI: http://nickweekes.co.uk/

Colours
eggshell blue #CBE9F4
bright red #F6002D
dark red #CE0000
blue #0059A2
green #2D996F
*/
@import url(footings.css);
/*@import url(gradient.css);*/
@import url(headings.css);
/*//////// general structure /////////*/
.fix::after {
    content: "";
    clear: both;
    display: table;
}
body { background-color: #fff;  margin: 0; text-align: center; }
#wrapper { background-color: #fff; clear: both; max-width: 1200px; }

#menuBar {background-color: #fff; height: 40px; margin-bottom: 5px; margin-left: auto; margin-right: auto; max-width: 1000px; }
#menu-bar {background-color: #fff; height: 40px; margin-bottom: 5px; margin-left: auto; margin-right: auto; max-width: 1000px; }

#page { background-color: #fff; display: flex; column-gap: 20px; }
#footer { background: #719c9b; text-align: left; width:100%; min-height:300px; }
#socker { max-width: 1000px; margin:0 auto; }
img { border: 0; }
.wp-caption { margin-bottom:0 !important; max-width: 100% !important; }
.column {
    width: calc(100% / 3);
}

.split { margin-top:-12px; }
.hotfix::after {
    content: "";
    clear: both;
    display: table;
}

.homebox h2 a { line-height:0.8 !important; }

/****************************/
.grid { padding-bottom:100px; }
.fp-lead { margin-bottom: 20px; position:relative; }
.homebox { width:20%; min-width:185px; float:left; padding:0.5%; text-align:left; background:#fff; }
.homebox .homethumb img { width:100%; height:auto; }
.fp-lead .storycontent div { float:left; margin-right:10px; }
.lead-ad { width:100%; }
.fp-lead h1 { font-size:38px !important; margin-bottom:20px; }
.fp-lead .storycontent { font-size:18pt !important; color:#333; }
.fp-lead .no-caption { margin-top:0; }
.home-lead .more-link { position:absolute; bottom:0px; right: 10px; background:#fff; }
.ad { margin:0 0 10px 0; }

/* #footer-widgets {  } */
.foot-widget { float:left; width:50%; margin:0; padding:0; list-style:none; }
.foot-widget .widget { padding:20px; font-size: 16px; font-family: Roboto Condensed, sans-serif; color: #fff; }
.foot-widget .widget a { color:#e4f3f4; text-decoration:underline; }
.foot-widget .widgettitle { color:#fff; font-size: 16px; }

#front-sl { float: left; margin-bottom: 100px; text-align: left; }
#front-ctr-col { float: left; text-align: left; }
#front-sr { text-align: left; }
.fp-lead { text-align:left; }
.fp-lead img { padding:0 10px 10px 0; }
.fp-lead img, .fp-lead .wp-caption { max-width:100%!important; height:auto; float:left !important; margin-left: 0; }
.fp-lead img.alignright { float:none; }

#sideRight { text-align: left; }
#side-right { text-align: left; }
/* #sideRight { text-align: left; } */

#sideLeft { margin-bottom: 100px; text-align: left; position:relative; }
#side-left { margin-bottom: 100px; text-align: left; position:relative; }

#whatsonColumn { text-align: left; background-color: #FFFFFF; margin-bottom: 100px; }
#whatson-column { text-align: left; background-color: #FFFFFF; margin-bottom: 100px; }

#centreColumn { text-align: left; background-color: #FFFFFF; margin-bottom: 100px; max-width:600px; }
#centre-column { text-align: left; background-color: #FFFFFF; margin-bottom: 100px; max-width:600px; width: 100%; }

#centreWide { max-width: 1000px; float: left; text-align: left; background-color: #FFFFFF; margin-bottom: 100px; }
#centre-wide { max-width: 1000px; float: left; text-align: left; background-color: #FFFFFF; margin-bottom: 100px; }

#donate { background: url(images/donate-bg.jpg) no-repeat scroll 0 0 #CCFF9900; height: 185px; margin:0; }
#donate-btn .widgettitle { margin:0; }
#donate-btn { background: url(images/donate-wide.jpg) no-repeat scroll 0 0 #CCFF99; height: 110px; margin:0; width:394px; }
#article-donate { margin-bottom: 50px; display: inline-block; color: #005568; }
#mast { background-repeat: no-repeat; background-position: left center; max-width: 1200px; height: 282px; margin-left: auto; margin-right: auto; position: relative; background-size: contain; }
.seals { margin:15px 0 15px 0;border-top:4px #DB1C37 solid; clear:left; }
.seals img { max-width:100%; height:auto; }
#searchform { margin: 0; }
#tagline { font-family: 'Roboto', Arial, sans-serif; font-size: 15px; color: #47ACDB; font-weight: bold; z-index: 100; height: 40px; left: 230px; top: 250px; width: 760px; text-align: center; position: absolute; }
#page-desc { background-color: #ffffff; margin: 0 0 10px; }
#page-desc p { margin:0; }
#page-desc img { overflow:hidden; }
.head-img { height: 40px; background-repeat: no-repeat; background-position: left center; margin-bottom: 10px; background-size: cover; }
.ads a img { margin:0 0 10px 0; }
.ad { width: 100%; height: 100%; }
.ad a { display:block; }
.adrotate_widgets div.g { margin: 0 0 10px 0; }
.ad img { display: block; width: 100%; height:auto; }
.ad::after { content: "Advertisment"; font-size: 10px; color: #de0038; line-height: 1.6; }
.ruler { background:#ccc; height:2px; width:100%; margin:20px 0 20px 0; float:left; }
.associated-posts { padding: 0; margin: 0; }
.associated-posts li { list-style-type: none; }
.associated-posts li img { float: left; margin: 0px 10px 0 0; }
.type-post img.size-full { max-width:100%; height:auto; }
/*.wp-caption { width:auto !important; } */
.post .storycontent img { max-width: 100%; height: auto; }
.event { max-width: 600px; }

/*//////// front page columns /////////*/
.teasercol { margin:0 0 15px 0; border-bottom:4px #DB1C37 solid; padding-bottom: 10px; }
.teasercol img { width:auto; max-height:300px; }
.blue-rule { margin:5px 0 15px 0; border-top:8px #CAE9F2 solid; }
/**/.teasercol:last-of-type { border:0; }
.red-rule { margin: 0 0 15px 0; border-bottom: 4px #DB1C37 solid; }
.fp-lead h1 { font-weight: 700; font-size: 28px; }
/* .teasercol .hl { } */
.teasercol .hl a { font-size: 18px; font-weight: 700; letter-spacing: 0pt; }
.home-thumb { margin-bottom: 10px; float: left; }

/*//////// tweaks /////////*/
.no-caption { margin-top:16px; }
.alignleft + h1 { margin-top:0px; }
.fb-like { margin:10px 0; }
.storycontent [href~="http://sumome.com/?src=wp_cal"] { display:none; }
.post .storycontent p:first-child { margin-top: -16px; }
#article-donate p:first-child { margin-top: 16px; }
/*..post .storycontent .wp-caption:nth-child(1) { width:auto !important; }*/
post .storycontent img:nth-child(1) { max-width:100%; height:auto; }
.home-lead .wp-block-image { float: left; }
.home-lead .wp-block-image figcaption { font-size:14px; font-style:italic; }
/*//////// nonsense /////////*/
#sidesense-left { margin:30px 0; }
#sidesense-right { margin:30px 0; }
#sidesense-home-left { margin:30px 0; }
#sidesense-home-right { margin:30px 0; }
#sidesense-whatson { margin:30px 0; }
#footsense { margin:10px auto; min-height:100px; float:left; max-width: 1000px; }
.googlad { width:100%; margin:0 0 20px 0; }
.basement-ad { min-height:200px; }
.inline-ad { min-height:100px; }
.wide-ad { padding: 0 5px; }

/* masonry home page */
.grid { padding-bottom:100px; }
.fp-lead { margin-bottom: 20px; position:relative; }
.homebox { width:20%; min-width:200px; float:left; padding:0.5%; text-align:left; background:#fff; }
.homebox .homethumb img { width:100%; height:auto; }
.fp-lead .storycontent div { float:left; margin-right:10px; }
.lead-ad { width:100%; }
.fp-lead h1 { font-size:28px !important; margin-bottom:20px; width: 100%; }
.fp-lead .storycontent { font-size:18px !important; color:#333; }
.home-lead .more-link { position:absolute; bottom:0px; right: 10px; background:#fff; }
.ad { margin:0 0 10px 0; }
.homebox .ad div { width:100% !important; }
.homebox .ad img { margin-bottom: 10px !important; width: 100% !important; height: auto; }

/*
#insection {
    float: left;
    margin: 0px 0px 10px;
    padding: 10px;
    border: #F3F3F3 solid 5px;
}

remove <div class="ruler"></div>

#section-wrap {
    margin-top: -16px;
}
.wp-pagenavi {
    margin: 0;
}

//////// type /////////*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight:bold !important; }
h2.fp { font-weight:bold; }
p.hl { font-weight:bold; font-family: Georgia, Times, Times New Roman, serif !important; }
h1, h1 a { font-family: Georgia, Times, Times New Roman, serif; font-size: 18pt; line-height: 20pt; color: #000000; text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #DC1D46; }
h2, h2 a { font-family: Georgia, Times, Times New Roman, serif; font-size: 14pt; line-height: 18pt !important; color: #000000; text-decoration: none; }
h3, h3 a { font-family: Georgia, Times, Times New Roman, serif; font-size: 14pt; color: #000000; text-decoration: none; }
h4, h4 a { font-family: Georgia, Times, Times New Roman, serif; font-size: 16px; color: #333333; text-decoration: none; margin-top: 0; }
h5, h5 a, .pagelink a { font-size: 10pt; font-family: 'Roboto', Arial, Helvetica, sans-serif; color: #333333; text-decoration: none; margin: 0; }
h6, h6 a { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 10pt!important; color: #5D0073; margin-top: 4px; margin-bottom: 4px; }
ol li {
    margin-left: -24px;
    padding-left: 20px;
    margin-bottom: 16px;
}
.sb_ul .cat item { font-family: 'Roboto', Arial, sans-serif; font-size: 12px; color: #666666; }
/* .page_item, .cat-item { list-style:none; font-family: Georgia, Times, Times New Roman, serif; font-size: 12pt; color: #000000; text-decoration: none; } */
.storycontent /*.description */ { font-family: Georgia, Times, Times New Roman, serif; font-size: 12pt; color: #000000; text-decoration: none; line-height: 1.5; }
/* .current_page_item { text-decoration: underline; color: #DC1D46; } */
.wp-pagenavi { font-family: Times, Times New Roman, serif; font-size: 14px; color: #666666; text-decoration: none; }
.storycontent p { margin-bottom: 1.1em; }
.storycontent a, .description a, .sidepost a, .wp-pagenavi a, .page_item a { color: #DC1D46; text-decoration: none; }
.storycontent a:hover, .description a:hover, .minipost a:hover, .sidepost a:hover { color: #2B70AC; text-decoration: underline; }
#archiveList { list-style-type: none; padding: 0; }
#sidepost-block h1, h1 a, #older-teasers h1, h1 a { font-family: Arial,helvetica,sans-serif; font-size: 14pt; line-height: 16pt; color: #000000; text-decoration: none; }
#sidepost-block h2, h2 a, #sidepost-block h3, h3 a, #sidepost-block h4, h4 a { font-family: Arial,helvetica,sans-serif; font-size: 0.95em; line-height: 12pt; color: #000000; text-decoration: none; }
#sidepost-block strong { font-size: 0.95em; line-height: 13pt; color: #333; text-decoration: none; font-weight:normal; }
.sidepost-intros  { font-family: Arial,helvetica,sans-serif; font-size: 0.95em; color: #333; text-decoration: none; }
.sidepost-intros a { font-family: Arial,helvetica,sans-serif; font-size: 0.95em; color: #ff6600; text-decoration: none; line-height: 140%; }
#older-teasers a { color: #ff6600; text-decoration: none; }
#older-teasers { font-family: Georgia, Times, Times New Roman, serif; font-size: 10pt; color: #000000; text-decoration: none; }
#older-teasers strong { font-size: 10pt; color: #333; text-decoration: none; font-weight:normal; }
#insection img { float:left; margin:8px 10px 10px 0; }
#insection h1 { margin: 0; }
#insection .meta { background:#F3F3F3; clear:left; padding:5px; margin:10px 0; border-radius:5px; }
.fp-lead .more-link { font-size:18px; color:#F60; display:block; margin:20px 0; }
.minipost { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; }
.minipost a { color: #5D0073; text-decoration: none; }
.standardWhite { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration: none; }
.wp-caption-text { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; text-decoration: none;	
	font-style: italic; line-height: 1.3; margin-top: 5px; display:inline-block; }
.meta { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; text-decoration: none;	}
.meta a { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 14px; color: #C16E2F; text-decoration: none; }
.meta-tags a { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 12px; color: #336699; text-decoration: none; }
.meta a:hover { color: #DC1D46; text-decoration: underline; }

.description pre { margin: 0; }

/* mobile menu */
.hamburger { text-shadow: 2px 2px 10px #075370; left:10px; top:40px; display: none; position: absolute; color:#fff; text-decoration:none; padding: 10px; }
.hamburger:hover { color:#ff6600; cursor:pointer; }
.hamburger.dashicons { display: none; width:auto; height:auto; }
.mu { display:none; position:absolute; font-size: 20px; float: right; z-index: 10; left: 25px; top: 95px; font-family: 'Roboto', Arial, Helvetica, sans-serif; color: #fff; font-size: 12pt; font-weight: bold; text-shadow: 2px 2px 10px #075370; }
.beefburger { left: -69px; top: 70%; display: none; position: absolute; color:#555; text-decoration:none; padding: 5px; background:#fff; transform: rotate(90deg);box-shadow: 3px 3px 5px rgba(0,0,0,0.5); border-radius: 0px 0 5px 5px; }
.catburger { left: -87px; top: 100px; display: none; position: absolute; color:#555; text-decoration:none; padding: 5px; background:#fff; transform: rotate(90deg);box-shadow: 3px 3px 5px rgba(0,0,0,0.5); border-radius: 0px 0 5px 5px; }
.beefburger:hover, .catburger:hover { color:#ff6600; cursor:pointer; }
.beefburger.dashicons { display: none; width:auto; height:auto; }

/* .sideswiper {  } */

.toggl { color:#ff6600; z-index:300; -ms-transform: rotate(90deg); /* IE 9 right: -10px !important; */ -webkit-transform: rotate(90deg);  transform: rotate(90deg);  }

.hamburger, .beefburger, .catburger {
/* Firefox */
-moz-transition: all 0.5s ease;
/* WebKit */
-webkit-transition: all 0.5s ease;
/* Opera */
-o-transition: all 0.5s ease;
/* Standard */
transition: all 0.5s ease; }

.hl a { font-family: Georgia, Times, Times New Roman, serif; font-size: 18px; line-height: 1.2; color:#222; }
.hl a:hover, a.readmore { text-decoration:none; }
a.readmore:hover { text-decoration:none; color:#ff6600; }
.readmore:before { content: "\f344"; font-size:30px; font-family:"dashicons"; text-decoration:none; }

#commentform { margin-top: 20px; }
#postcomment { color:#C16E2F; }
textarea#comment { width: 100%; }
.top-line { margin: 6px 0 16px; }
.storycontent blockquote { background:#F8F5EC; padding:30px 30px 16px 30px; border-radius: 5px; border:none; margin: 10px 0; }

/*////// search ///////*/
#hotsearch { height: 28px; width: 300px; border: #76cbe4 solid 1px; position: absolute; right: 0; top: 242px; padding: 0 6px; text-align: left; }
.hotsearch { font-family:Arial, Helvetica, sans-serif; font-size: 10pt; color:#336699; font-weight:bold; text-decoration: none; }

#hotsearchbtn { height:20px; width:20px; border:0; position:absolute; right:3px; top:158px; cursor:pointer; background:0; }

#hotsearchbtn { font-family:Arial, Helvetica, sans-serif; font-size: 14pt; color:#fff; font-weight:bold; text-decoration: none; }
#hotsearchbtn:hover { color:#ffcc00; }

/*//////// menu overrides /////////*/
.sf-menu a { padding: 0.5em; }

.ssf-red-wrap { background: none repeat scroll 0 0 #D26D26; font-size: 12px; font-weight: bold; height: 30px; margin: 0; padding: 0; position: relative; z-index: 49; }
/*//////// sidebar /////////*/

#sb_ul { padding: 0; margin: 20px 0 10px 0; }
#sb_ul li { font-family: 'Roboto', Arial, sans-serif; list-style-type: none; font-size: 12px; border-top: 1px solid #999999; color:#666666; margin: 0; line-height: 140%; }
#sb_ul li a { list-style-type: none; text-decoration: none; font-family: 'Roboto', Arial, sans-serif; font-size: 14px; color: #666666; }
#sb_ul li a:hover { color: #DC1D46; }
#sb_ul .children { padding-left:10px; }
#home-block { width: 600px; padding: 5px; background-color: #fffff0; border: 5px solid #F8D76B; margin-bottom: 10px; }
#home-block ul { list-style-type: none; padding: 0; margin: 0; }
#home-block ul li { padding: 0; }
#sb_ul .current-cat a { color: #DC1D46; }
#sb_ul .current-cat { color: #DC1D46; background-color: #ffffcc; }
#recent-posts-3 a:visited { color:#999; }
#recent-posts-3 a:hover { color:#DC1D46; }

/*//////// widget /////////*/
#ns_widget_mailchimp-3, #ns_widget_mailchimp-4, #ns_widget_mailchimp-6, #ns_widget_mailchimp-7, #ns_widget_mailchimp-8, #ns_widget_mailchimp-9, #ns_widget_mailchimp-10 { background-color:#CBE9F4; padding:4px; }
.widget ul li a:hover, .widgettitle a:hover { color: #DC1D46; }
.widget_mailchimpsf_widget { background:#CBE9F4; padding: 5px !important; padding: 5px 0 !important; width: 100%; }
.tb-mc .widget_mailchimpsf_widget { background:#b0dadd; }
#mc_signup_form { margin: 0; }
.top-bar #mc_signup_submit { margin-top: 1em; }
.mc_var_label, .mc_success_msg { font-family: Roboto Condensed, sans-serif; font-size: 13px; font-weight: normal; }
.mc_success_msg { float: left; }
.mc_merge_var { margin-bottom: 0 !important; }
.widgettitle, .widgettitle a, #ns_widget_mailchimp_form-3, #ns_widget_mailchimp_form-4, #ns_widget_mailchimp_form-6,#ns_widget_mailchimp_form-7, #ns_widget_mailchimp_form-8, #ns_widget_mailchimp_form-9, #ns_widget_mailchimp_form-10 { font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #000; margin-top: 0; }
.widget { list-style-type: none; padding: 0; margin-bottom: 10px; }
.widget ul { padding: 0; margin: 0; }
.widget ul li { list-style-type: none; border-bottom: 1px solid #999999; }
.widget ul li a { list-style-type: none; text-decoration: none; font-family: 'Roboto', Arial, sans-serif; font-size: 12px; color: #666666; }
.widget_adrotate_widgets img { margin:0 0 10px 0; }
.widget .button { margin:10px 0 0; }
#tag_cloud-3 a { text-decoration: none; font-family: 'Roboto', Arial, sans-serif; color: #99B2C8; }
#tag_cloud-3 a:hover { color: #ff6600; text-decoration: underline; }
#wp-calendar { font-family: 'Roboto', Arial, sans-serif; font-size: 12px; color: #666666; }
#wp-calendar a { text-decoration: none; font-family: 'Roboto', Arial, sans-serif; color: #C16E2F; }
#wp-calendar a:hover { color: #ff0000; text-decoration: underline; }
.post_widget_excerpt_multi { list-style-type: none; text-decoration: none; font-family: 'Roboto', Arial, sans-serif; font-size: 12px; color: #666666; width: 165px; }
.post_widget_excerpt_multi a { color: #DC1D46; text-decoration: none; }
.post_widget_excerpt_multi a:hover { color: #2B70AC; text-decoration: underline; }

/*////// recent posts //////*/
.recent-posts { margin:0; padding:0; }
.recent-posts li { list-style-type: none; border-top: 2px solid #76cae7; line-height: 110%; padding: 6px 0; }
.recent-posts li a { list-style-type: none; text-decoration: none; font-family: Georgia,serif; color: #666666; font-size: 16px; }
.recent-posts li a:hover { text-decoration: none; color: #DC1D46; }
.recent-posts .current_recent_post a { text-decoration: none; color: #DC1D46; }
.recent-posts .current_recent_post { list-style-type: none; background:#ffffcc; }

/*////// footer ////////*/
#links { margin-left: 180px; margin-top: 30px; height: 230px; float: left; }
#links ul { padding: 0; margin: 0; }
#links li { list-style-type: none; }
#first-row, #second-row, #third-row { width: 200px; float: left; }

#basement { width: 100%; float: left; text-align: center; }

/*////////foot text////////*/
.foothead { font-family: 'Roboto', Arial, sans-serif; font-size: 16px; color: #003333; }
#links li a, .basement-text, .basement-text a { font-family: 'Roboto', Arial, sans-serif; font-size: 12px; text-decoration: none; color: #336666; }
#links li a:hover .basement-text a:hover { color: #cc3300; text-decoration: underline; }

/* // what's on // */
#aec-modal-container .close a { color:red !important; }
#aec-modal-container .close { opacity: 1 !important; }
.aec-eventlist li .fc-event-time, .aec-eventlist li .fc-event-title { color:#333; }
#whatsonColumn .aec-eventlist .fc-event,
#whatsonColumn .aec-eventlist .fc-event .fc-event-title,
#whatsonColumn .aec-eventlist .fc-event .fc-event-time { font-size: 14px !important; }
#centreWide #aec-filter li { padding: 4px 4px 0 0 !important; }
#pge-intro { margin:10px 0; }
#aec-modal .description { word-wrap: break-word; background: #eee; }
#aec-modal .description img { padding:2%; }
#whatsonColumn.full img { max-width:100%; height:auto; }
#whatsonColumn.full ul { padding: 0 0 0 24px; }
#whatsonColumn.full ul li { border:none; }

/*/// gallery ///*/
.gallery-icon img { border:none !important; }
#TB_window img#TB_Image { border:none !important; }
#TB_window .screen-reader-text { visibility:hidden !important; }
#TB_secondLine { font:14px "Open Sans",sans-serif !important; }

.wp-pagenavi { margin:0 0 0 38px; }

/* // text editor // */
img.alignleft, div.alignleft { float:left; margin:0 0.5em 0.5em 0; }
img.alignright, div.alignright { float:right; margin:0 0 0.5em 0.5em; }
img.aligncenter, div.aligncenter { text-align:center; margin:0 auto; }

/* contact form */
#wpcf7-f3257-p6-o1 { margin-left:10px; }
.wpcf7 p { margin:5px 0 5px 0; }
.wpcf7-form-control.wpcf7-textarea { width: 100%; max-width: 315px; }

/* // ad form // */
#ad-text-field textarea, #ad-url input, #ad-text input { width: 290px; }
#ad-text, #ad-text-date1, #ad-url, #ad-text-date2, #ad-text-field, #ad-img { margin:0 0 10px 0; }
.uptext { line-height:180%; }
#ad-text-date1 { float:left; margin:0 14px 0 0; }
#ad-text-date2 { float:left; }
#ad-url { clear:left; }
#ad-text-date1 input { width:135px; }
#ad-text-date2 input { width:135px; }
#ad-submit #quiz { width:30px; margin:0 10px 0 10px; }
.adsbygoogle {
    margin-bottom: 10px;
}
/*/// wide ads ///*/
#ad600 { width: 600px; height: 160px; background: #ccc; margin: 20px 0; }


/*// ajax event calendar 
.cat1, .cat1 .fc-event-skin, .fc-agenda .cat1, a.cat1, a.cat1:active, a.cat1:visited {  color:#000000  background-color:#e8eefc  border-color:#e8eefc; }

a.cat1:hover { -moz-box-shadow:0 0 2px #000; -webkit-box-shadow:0 0 2px #000; box-shadow:0 0 2px #000; color:#000000  background-color:#e8eefc  border-color:#000000; }

.cat2, .cat2 .fc-event-skin, .fc-agenda .cat2, a.cat2, a.cat2:active, a.cat2:visited { color:#000000  background-color:#f2dfdf  border-color:#f2dfdf; }

a.cat2:hover { -moz-box-shadow:0 0 2px #000; -webkit-box-shadow:0 0 2px #000; box-shadow:0 0 2px #000; color:#000000  background-color:#f2dfdf  border-color:#000000; }

.cat3, .cat3 .fc-event-skin, .fc-agenda .cat3, a.cat3, a.cat3:active, a.cat3:visited { color:#000000  background-color:#dafaec  border-color:#dafaec; }

a.cat3:hover { -moz-box-shadow:0 0 2px #000; -webkit-box-shadow:0 0 2px #000; box-shadow:0 0 2px #000; color:#000000  background-color:#dafaec  border-color:#000000; }

.cat5, .cat5 .fc-event-skin, .fc-agenda .cat5, a.cat5, a.cat5:active, a.cat5:visited { color:#000000  background-color:#fff5cf  border-color:#fff5cf; }

a.cat5:hover { -moz-box-shadow:0 0 2px #000; -webkit-box-shadow:0 0 2px #000; box-shadow:0 0 2px #000; color:#000000  background-color:#fff5cf  border-color:#000000;#fffef0  background:#FBF8EA !important;}

// */
#whatsonColumn .fc-event-time {
    float: right;	
    text-align: right;
    min-height:30px;
    width:50%;
    }
#whatson-column .fc-event-time {
    float: right;	
    text-align: right;
    min-height:30px;
    width:50%;
    }
/*
#whatsonColumn .fc-event-time { position:absolute; right:6px; text-align:right; width:480px;  display:block; }
*/

#whatsonColumn .fc-event-city { text-align:right; height:auto; }
#whatsonColumn .fc-event-zip {text-align:right; height:auto; }
#whatsonColumn .fc-event-title { clear:left; height:auto; display:block; color:#333; width:50%; }
#whatsonColumn .aec-eventlist { padding-left:0; font-family:'Roboto', Tahoma, sans-serif; }
#whatsonColumn .aec-eventlist li { height:auto; margin: 5px 0; min-height:48px; overflow: hidden; }

/*#whatsonColumn .round5 { border-radius: 0; padding: 5px; }*/
/*#whatsonColumn .aec-repeating { border-radius:12px 0 12px 0;background:#F7FCFE !important;  }*/
/*.aec-eventlist .aec-repeating span.fc-event-time { background-image:none !important; }*/
.aec-eventlist .aec-repeating span.fc-event-time { background-image: url(images/repeater.gif) !important; }

#whatsonColumn li { color:#333; background-color:#fff !important; border:2px solid; border-width: 2px 2px 2px 20px; }


.loc-bloc { display:block; float:right; }
/*
.aec-eventlist li:hover { border-style:dashed dashed dashed none !important; border-left:20px solid !important; box-shadow:none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; z-index:100 !important; }

.aec-eventlist li:hover { border-left:20px solid !important; box-shadow:none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; z-index:100 !important; }
*/
.catcolours h2 { margin: 7px 0 14px; }
/* .catcolours {  } */
.aec-ads div { margin:10px 0px 10px 0px !important; }
.aec-cat { padding:2px 0 2px 4px; margin:0 0 5px; font-family:'Roboto', Tahoma, sans-serif; }
.aec-cat:hover { color:#ffff00; }
.aec-selected-cat { color:#ffff00; }
.aec-cat-all { background-color:#666; }
.aec-cat-link { color:#fff; text-decoration:none; }
.sharify-container li a:hover { color:#fff; }
#aec-modal .description { word-wrap: break-word; }
/*// social //.sociable { float:left !important; } */
div.instaemail { margin:0 0 20px 2px !important; width:100%; }

/* Courses */
.course-info { margin-bottom: 21px; }
.c-info { font-weight: bold; margin-bottom: 21px; }
.storycontent .c-info a { text-decoration: none; }
.c-info .dashicons-arrow-right-alt::before { content: "\f344"; vertical-align: -3px; }
.c-dates { font-weight:bold; }
.c-start { color:#0070af; }
.c-end { color:#0070af; }
.c-place { margin-top: 21px; }
.more-course-info { margin: 21px 0 42px 0; }
.c-price { margin:0 0 10px 0; }
.c-www a { padding: 4px 6px; border-radius:4px; background:#3ba683; color:#fff; }
.c-www a:hover, .c-cats a:hover, .c-tags a:hover { background:#999; color:#fff; text-decoration:none; } 
.course-meta { margin: 21px 0; }
.c-cats { margin:10px 0; }
.c-cats a { background:#444; color:#fff; padding: 2px 4px; border-radius:4px; white-space: nowrap; display: inline-block; margin-top: 3px; }
.single-courses hr, .course-list hr { border-top: 4px solid #0070af; }
.c-tags { margin:10px 0; }
.c-tags a { background:#888; color:#fff; padding: 0 4px; border-radius:4px; white-space: nowrap; display: inline-block; margin-top: 3px; }
#other-courses { margin-bottom: 21px; }
.c-title a { font-family:Georgia, 'Times New Roman', Times, serif; }
.courses.c-cats { margin-top:0; }
.courses.c-cats a { width: 100%; display: inline-block; font-family:Georgia, 'Times New Roman', Times, serif; }
.local-history.current { background: #999; }
.type-course img { max-width: 100%; height: auto; }

/* wrapping boxes */
.box-yellow { padding: 4px 8px; border: 1px solid #999; background: #E3EFA1; margin: 16px 0; }
.box-blue { padding: 4px 8px; border: 1px solid #999; background: #CBE9F4; margin: 16px 0; }
.box-grey { padding: 4px 8px; border: 1px solid #999; background: #f2f2f2; margin: 16px 0; }
.box-yellow p:first-child, .box-blue p:first-child, .box-grey p:first-child { margin-top: 16px!important; }
.box-yellow img, .box-blue img .box-grey img { width:100%; height:auto; }
.box-white { padding: 4px 8px; border: 1px solid #999; background: #fff; margin: 16px 0; }

/* other */
.sidewrap .widget_mailchimpsf_widget { margin: 10px 0; padding:5px !important; }
#menuBar { float:left; width: 100%; }
.top-bar { float: left; display:table-row; margin-bottom:10px; min-height:100px; font-family: 'Roboto Condensed', sans-serif; font-size:16px; }
.botbar .top-bar { float:none; }
.tb-box { display:table-cell; min-height:100px; width:20%; padding:10px; box-sizing:border-box; text-align:left; }
.tb-box .mc-sub, .tb-box #mc_subheader { display:none; }
.botbar { padding:0 !important; }
.mc { margin: 5px 0 5px 0; }
.msl.red-rule { display:none; }
.tb-mc input[type=text] { width:100%; }
.tb-red { color:#DB1C37; }
.tb-blue { color:#0070AF; }
.tb-heading { font-size: 26px; line-height:0.8; }
/* .tb-text {  }
.tb-red {  }
.tb-blue {  }
.tb-text a {  } */
.mint1 { background:#e4f3f4; }
.mint2 { background:#bbe0df; }
.mint3 { background:#cce8ea; }
.mint4 { background:#b0dadd; }
.heading { height: 40px; margin-bottom:16px; background-repeat:no-repeat; }
.lead-ad, .side-ad { max-width: 100%;  height: auto; margin-bottom: 50px !important; float:left; }
#commentlist img { width:auto; }

.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin-bottom: 20px;
}
.embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#cn-notice-text { font-family: Georgia,Times,serif; font-size: 16px; }

/* BS */
#cookie-notice .cn-button.bootstrap { color: #000; background: #fff; }


/* Events Manager */
.em-categories-list { margin:0; padding:0; list-style:none; }
.em-categories-list li { margin-bottom: 5px; }
.em-categories-list li a { padding:4px 2px 4px 6px; color:#fff; display:block; font-family: 'Roboto', Tahoma, sans-serif; }
.em-categories-list li a:hover { text-decoration: none; background-color: #ccc; color:#000; }

.event-categories { margin:0; padding:0; list-style:none; }
.event-categories li { border:none !important; display:inline-block; margin: 0 5px 5px 0; }
.event-categories li a { padding:4px; color:#fff; display:block; font-family: 'Roboto', Tahoma, sans-serif; border:none; }

/* em pagination */
.em-pagination { margin: 20px 0; display: block; }
.em-pagination .page-numbers, .tablenav .page-numbers { background: #DC1D46; color:#fff; padding:5px 8px; margin-right:5px; }
.em-pagination .current, .tablenav .current  { background: #ccc; color:#000; }
.em-pagination a:hover, .tablenav a:hover { background: #000; color:#fff; text-decoration:none; }
.tablenav-pages { margin: 20px 0; }
.displaying-num { margin-right: 10px; }
.em-item-single.em-event.em-event-single {
    border: none;
    padding: 0;
  }
/* after v6 */



#whatsonColumn thead { display: none; }
#whatsonColumn .em.pixelbones .event-categories li a { color: #fff !important; }
#whatsonColumn .em.pixelbones .event-categories li a:hover { color:#fff !important; }
.em-event { padding:0 10px; }
#whatsonColumn .em.pixelbones a, #whatsonColumn .em.pixelbones .em-desc a { color:#DC1D46 !important; }




/* .em-locations-admin-list {  }
.em-events-admin-list {  } */
.em-locations-admin-list .subsubsub, .em-events-admin-list .subsubsub { margin: 20px 0; }
.em-locations-admin-list .widefat td, .em-locations-admin-list .widefat th { padding:5px; }
.em-locations-admin-list .widefat tr, .em-events-admin-list .widefat tr , .em-events-admin-list .widefat td { border:1px solid #ccc; padding: 3px; }
.duplicate-link { margin: 5px; float: left; }
.trash { float: right; }

/* green form items */
#locations-filter #doaction2 { border: none; background-color: #3ba683; color: #fff; padding: 2px 8px; border-radius: 2px; }
#locations-filter select, .search-box .button, #location-country, #event-timezone { background-color: #3ba683; border: none; color: #fff; padding: 3px; border-radius: 2px; }
/* .search-box, #post-search-input {  } */
#location-country { margin-top: 5px; max-width: 260px; }
div.time-picker li { height: 20px !important; }
.css-event-form i { color:red; }
.em-location-data input { margin:5px auto; }
.em-location-data th { padding-top:5px; }

/* red form items */
.login .button-primary:hover { color:#000; background: #ccc; text-decoration:none; }
#em-wrapper .em-button, .submit .button-primary , .login .button-primary { padding: 5px 10px; margin: 5px 0; background: #D71D00; color: #fff; border: none; border-radius:3px; }
.events-table { width: 100%; font-family: 'Roboto', Tahoma, sans-serif; font-weight: bold; font-size:13px; }
.css-events-admin .events-table thead { width: 100%; }
.css-events-list thead { width: 100%; display:block; }
.em-event { border:solid; border-width: 0 0 0 20px; margin: 10px 0; width: 100%; display:block; position:relative; }

/* event lists */
.css-events-list table.events-table td.em-time { padding: 5px; width: 150px; }
.css-events-list table.events-table td.em-desc { padding: 5px; }
.css-events-list table.events-table td.em-desc i { font-weight:normal; }
#whatsonColumn .css-events-list table.events-table th.event-time { width: 175px; }
#whatsonColumn .sharify-container li { border:none; }
.sharify-container li { padding-right: 2px; padding-left: 0 !important; }
.day { position: absolute; z-index: 10; color: #fff; width: 20px; left: -20px; top: 5px; rotate: 90deg; text-transform: uppercase; }
#nomap { display: none; }

/* #whatelse { background: #e4f3f4; padding: 5px; } */
#whatelse .cant { font-family: Georgia, serif; font-size:24px; color: #0070af; font-weight: 600; }
#whatelse .wetxt { font-size:18px; }
#whatelse a { font-size: 18px; color: #DB1C37; background: #fff; padding: 4px; display: block; }
#whatelse ul { margin: 0; padding: 0; list-style: none; }
#whatelse ul li {  border:none; }

/* corona */
.corona { background: #812e7b; color: #fff; }
.corona td { padding:10px; }
.corona h1 { margin-top: 10px; }
.result { background: #fff; color: #000; display: inline-block; padding: 3px 6px; margin-top: 10px; margin-bottom: 5px !important; border-radius: 3px; width: 120px; }

/***********/

/* New Menu 2023 */
#menu-global { padding:0; display:flex; list-style:none; justify-content:space-between; margin:10px 0; }
#menu-global li { flex-grow: 1; display: flex; justify-content: center; align-items: center; min-height: 30px; cursor:pointer; }
#menu-global li a { padding:5px 16px; color:#fff; font-weight: 700; }
#menu-global li a:hover { text-decoration: none; }
#menu-global li a:hover > #menu-global li { background:#000; }
#menu-global .menu-item-has-children { position: relative; }
#menu-global .menu-item-has-children ul.sub-menu { z-index:10000; visibility: hidden; opacity: 0; transition: opacity .3s; position: absolute; list-style: none; margin: 0; padding: 10px 0 10px 0; background:#fff; top:99%; left:0; }
#menu-global .menu-item-has-children ul li { justify-content: left; }
#menu-global .menu-item-has-children ul li a { color:#ff6600; white-space: nowrap; padding-left:8px; text-align:left; width: 100%; }
#menu-global .menu-item-has-children ul li a:hover { color:#fff; width:100%; text-decoration: none; }
#menu-global li:hover > .sub-menu { visibility: visible; opacity:1; }

#menu-global .menu-item-has-children ul li.red a:hover { background-color: #D71D00; color:#fff; }
#menu-global .menu-item-has-children ul li.green a:hover { background-color: #3BA683; color:#fff; }
#menu-global .menu-item-has-children ul li.fuschia a:hover { background-color: #F80040; color:#fff; }
#menu-global .menu-item-has-children ul li.midblue a:hover { background-color: #0070AF; color:#fff; }
#menu-global .menu-item-has-children ul li.blue a:hover { background-color: #0099B0; color:#fff; }
#menu-global .menu-item-has-children ul li.orange a:hover { background-color: #ff6600; color:#fff; }

/* menu colours */
.red, .red a:hover { background-color: #d71d00; }
.green, .green a:hover { background-color: #3BA683; }
.midblue, .midblue a:hover { background-color: #0070AF; }
.fuschia, .fuschia a:hover { background-color:#f80040 }
.orange, .orange a:hover { background-color: #ff6600; }
.blue, .blue a:hover { background-color: #0099b0; }

/* post bootstrap */
#wrapper {
    margin:0 auto;
}

#contents, #hotpage {
    display: flex;
    /* justify-content: space-between; */
    column-gap: 10px;
}

#menu-global li a {
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}
#centre-column {
  text-align: left;
  background-color: #FFFFFF;
  margin-bottom: 100px;
  max-width:600px;
  width: 100%;
}
#side-left { max-width:300px; }
#hotnav { display: inline-block; width: 100%; }
.top-bar { margin-bottom: 5px; }
.homebox { max-width: px; font-family: 'Roboto', Arial, sans-serif; font-size: 14px; line-height: 1.4; }


/* media queries */
@media screen and (max-width:1200px) {
.homebox { width:25%; }
.homebox img, .home-thumb { width:100% !important; height:auto; }
/* .wp-caption { width:auto !important; } */
#page-desc img { max-width: 100%; }
}
@media screen and (max-width:1024px) {
#wrapper { overflow: hidden; }
#side-left { margin-bottom: 0; }
.teasercol { float:left; }
.teasercol img { max-width:185px; float:left; margin-right:10px; }

}

@media screen and (max-width:1000px) {
.home-lead .more-link { position:static; float:right; margin-right:20px; }
.fp-lead img { padding:0 0 10px 0; }
.textwidget p { float: left; margin-right: 10px; }

#menuBar, #hotnav { position:absolute; width:320px; /*  */left:-320px; background:#000; }
#hotnav #menu-global { display:block; margin-bottom:0; }
#hotnav { z-index: 100; }
#menu-global .menu-item-has-children ul.sub-menu { width:100%; }
#menu-global .menu-item-has-children ul.sub-menu li a { text-align:center; }

.ssf-red li { float: none !important; }
.ssf-red ul { width: 100% !important; }
.hamburger, .hamburger.dashicons { display: block !important; z-index: 100; font-size: 44pt !important; }
.mu { display:block; }
.storycontent img { max-width: 100%; height: auto; }
.teasercol:last-of-type { border-bottom: 4px #DB1C37 solid; }
#front-sl { margin-bottom: 0px; }

}
@media screen and (max-width:990px) {
.fp-lead img { display:block; }
.fp-lead img, .fp-lead .wp-caption { width: 100% !important; }
.homebox { width:33%; }
#sideRight { float: left; margin-bottom: 100px; }
.msl.red-rule { display:block; }
#front-sr { float: left; width: 100%; }
#donate { max-width: 185px; }
#tagline { left: 100px;  }
#side-left { position:fixed; background:#fff; right:-185px; z-index: 10; width: 185px; top: 15%;  box-shadow: 3px 1px 9px rgba(0,0,0,0.5); border-radius: 5px 0 0 5px; padding:25px 0;  background-image: url('images/up.png'), url('images/down.png'); background-position: top, bottom; background-repeat:no-repeat; z-index: 1000; }
.sidewrap { height: 220px; overflow-y: scroll; }
.recent-posts {  padding: 0 5px; }
.recent-posts li { padding:10px 0; }
#sb_ul { padding: 0 4px; }
#sb_ul li { padding: 6px 0; }
.beefburger, .catburger { display: block !important; z-index: 100; }
/* .catburger { } */
.catcolours { box-shadow: 3px 1px 9px rgba(0,0,0,0.5); border-radius: 5px 0 0 5px; padding:25px 0; max-width: 185px; position: fixed; top:300px; right: -185px; background: #fff; z-index:1000; background-image: url('images/up.png'), url('images/down.png'); background-position: top, bottom; background-repeat:no-repeat; }
.colourwrap { height: 210px; overflow-y: scroll; }
#sideRight { width:100%; }
.side-ad { float:left; }
.widget_adrotate_widgets img { margin-right:10px; }
.widget_adrotate_widgets div { width:100% !important; }
.widget_adrotate_widgets div div { width:auto !important; float:left !important; }
.post .storycontent .wp-caption[style="width: 600px"] { width: 100% !important; }

.adrotate_widgets {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .hotimage:first-of-type {
    margin: 0 auto;
  }
}

@media screen and (max-width:990px) {
    div.alignleft { float:none; }
}
    
@media screen and (max-width:960px) {
.tb-heading { font-size: 24px; }
/* #tagline { } */
#page { position:relative; }
#aec-modal-container .aec-title { padding:6px 40px 6px 8px !important; }

}
@media screen and (max-width:890px) {
.alignleft { float:none; }
#side-left { margin-bottom: 0; }
}

@media screen and (max-width:860px) {
.alignleft { float:none; }

}

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

}

@media screen and (max-width:768px) {
#hotsearch { right:55px; }
#hotsearchbtn { right:15px; height:30px; width:30px; top:155px; background:rgba(0,0,0,0.3); border-radius:2px; }
.tb-heading { font-size: 21px; }
#tagline { left: 210px; top: 190px; width: auto; }
.foot-widget .widget { padding: 10px; }
.fp-lead .storycontent { font-size: 2.5vw !important; }
.fp-lead h1 { font-size: 5vw!important; }

.wp-pagenavi {
    margin: 0;
    clear: both;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
  }

}

@media screen and (max-width:680px) {
.top-bar { width:100%; }
.tb-box { float: left; display:block; margin-bottom:0; min-height:0; width:100%; padding:5px 10px; }
#sideRight { width:100%; }
.tb-mc .widget_ns_mailchimp { max-width:none !important; }
.widget_ns_mailchimp { float: left; margin-right: 10px !important; max-width:178px !important; }
.g { float: left; margin-right: 10px !important; max-width:185px !important; }
.tb-mc input[type="text"] { max-width: 640px; }
.tb-mc #mc_signup_submit { width:60%; margin-top: 10px; }
.tb-mc .widget_mailchimpsf_widget { margin-bottom:0; }
}
@media screen and (max-width:640px) {
.homebox { width:50%; }
.foot-widget .widget { margin-bottom:0; }
.foot-widget { width:auto; }
}
@media screen and (max-width:600px) {
#aec-modal-container { width: auto!important; left:auto!important; right:auto!important; height: auto!important; max-width: 100% !important; }
#aec-modal .contact { margin-bottom: 10px; }
.fp-lead .storycontent { font-size: 3.5vw !important; }
.fp-lead h1 { font-size: 6.5vw !important; }
}
@media screen and (max-width:540px) {
#hotsearch { top: 74px; }
#hotsearchbtn { top:68px; }
div.alignright, div.alignleft { float:none; margin:0; }
#comment { width:100%; }
}

@media screen and (max-width:480px) {
img.alignleft, img.alignright { float:none !important; margin:0 100% 0.5em 0; }
#tagline { font-size:12px; left:190px; background: rgba(255,255,255,0.8); height: auto; top:140px; left:220px; right: 15px; border-radius:5px; }
.fp-lead img, .fp-lead .wp-caption { width:100% !important; }
.post .storycontent img:nth-child(1) { width:100%; height:auto; }
}
@media screen and (max-width:390px) {
.homebox { width:100%; }
}
@media screen and (max-width:360px) {
.fp-lead .storycontent { font-size: 4vw !important; }
.fp-lead h1 { font-size: 7vw !important; }
.teasercol .hl a { font-size: 16px; }
#mast { background-position: -20px center; }
#tagline { left:200px; }

}
@media screen and (max-width:340px) {
#tagline { font-size:11px; }
}
@media screen and (max-width:320px) {
}
@media screen and (max-width:360px) {
.teasercol .hl a { font-size: 15px; }
}
