.xmas-message {width: 92%; max-width: 935px; margin: 0 auto;}
.eighteen {font-size: 18px;}
.supertext {font-size:28px; font-weight:bold;}
img.rightpic-santa {float: right; margin-left: 15px; width: 40%; max-width:300px;}
.centred {text-align:center;}
.notice-bwd {margin: 0 auto; text-align: center; max-width: 900px; width:90%; font-size: 36px;}
.firstline {color:#246834; font-weight:bold;}
.secondline {color:crimson; font-weight:bold;}
.thirdline {font-size:22px; font-weight:400;}
.xmas-pic {float:left; margin-right: 25px; width: 92%; max-width: 340px;}
.xmas-message p {font-size:17.5px; text-align:center;}
img.rightpic2 {float:right; width: 31.5%!important; max-width:768px; margin-left:20px!important;}
img.rightpic3 {float:right; width: 50%!important; max-width:768px; margin: 0px 0px 25px 20px;}
img.rightpic3a {float:right; width: 50%!important; max-width:400px; margin: 20px 0px 25px 20px;}

.one-box {width: 100%; max-width: 898px; margin: 0px auto 15px auto; display: block;}
.one-box img {width: 100%; max-width: 898px; margin: 0px auto 15px auto; display: block;}

.two-box {width:48%; margin: 0% 1%; float:left;}
.two-box img {width:100%; display:block; text-align:Center; margin: 0px auto 15px auto; max-width: 475px; border:1px solid silver;}

.two-box-one-slim-left {width:35%; margin: 0% 1%; float:left;}
.two-box-one-slim-right {width:61%; margin: 0% 1%; float:left;}
.two-box-one-slim-left img, .two-box-one-slim-right img 
{width:100%; display:block; text-align:Center; margin: 0px auto; border:1px solid silver;}

.three-box {width:31%; margin: 0% 1%; float:left;}
.three-box img {width:100%; display:block; text-align:Center; margin: 0 auto; border:1px solid silver;}

.four-box {width:23%; margin: 0% 1%; float:left;}
.four-box img {width:100%; display:block; text-align:Center; margin: 0 auto;}

.five-box {width:18%; margin: 0% 1%; float:left;}
.five-box img {width:100%; display:block; text-align:Center; margin: 0 auto;}

.thdiv img {width:98%; margin: 0 auto 15px auto; max-width:884px;display:block;}

.picsubtext {text-align:center; margin-top: -10px; font-size: 17px; font-weight: 600;}
.nbutton {background: #246834; padding: 20px; margin: 10px auto 20px auto; width: 41%; float: left; border: 4px solid #DAE01C;}

.nbutton a {color: white!important; font-weight: 600;  font-size: 24px;}

.fullpic {width: 100%; margin: 0 auto; display:block;}
.thpicwide img {margin: 0 auto; width:100%;}
div#header-cont {width: 98%; margin: 0 auto; max-width: 1024px;}
.hhtrail2-inner {background:#DCDF50;}
.hhtrail-outer {background:#4c90cd;}
.hhtrail-inner {width: 98%; max-width:900px; margin: 0 auto;}
.hht-left {float:left; width:40%;}
.hht-left img {display:block; margin: 18px auto 10px auto; width:100%; max-width:768px;}
.hht-right {float:right; width:58%;}
.hht-right h3 {color:white; font-weight:900;font-size: 26px; border-bottom: 1px solid silver; margin-bottom:-5px; padding-bottom:-5px;}
.hht-right p {color:White;}
.htdownload a {background: #1F4A6C;
    border-radius: 8px;
    color: white;
    text-decoration: none;
    padding: 5px;
    display: block;
    width: 98%;
    margin-top: 10px;
}

.boldred {background:crimson; color:white; padding:10px 20px; margin-top:15px; margin-bottom:10px; text-align:center;}
.sorry {color:white; font-size:32px; font-weight:bold; margin: 10px 10px 30px 10px;} 
.nellpic {margin:0px 0px;}
.ks {}
.leftblock {width: 65%; float:left;}
.lb-link {color:white; text-decoration: none;}
.lb-block {height: 780px;}
.two-pic {width: 48%; float:left; margin: 1%;}




.fourpic {width: 23%; margin: 0% 1% 15px 1%; max-width: 208px; display:block; float: left;}
.breakblock {float:left; width:60%;}
.threepic {width: 31%; margin: 0px 10px; float:left;}
.twopicker {width:47%; margin: 20px 10px; float:left; display:block;}
.twopickera {width:47%; margin: 0px 10px; float:left; display:block;}
.shedpic {width:30%; max-width:320px; float: left; padding-top:10px;}
.shedpics {width:50%; max-width:800px; float: left; padding-top:10px;}
.pubs {max-width: 570px; width: 98%; margin: 20px auto;}
.pub1 {width:33%; float:left;}
#geoff {background: #333; color: white; padding: 0.5% 1%; border-top: 4px solid #246834; border-bottom: 4px solid #246834;}
#geoff-inner {width: 80%; max-width: 900px; background: #333; color: white; padding: 1% 1%; margin: 0 auto;}
img.geoff {border:2px solid white; display: block; width: 100%;}
#photoblock {float: left; margin: 1%; width:46%; max-width: 400px;}
#photoblock p {text-align: left;}
.eventpicfull {margin: 20px auto; display:block; width:100%; max-width:900px;}
#photoblock2 {float: right; margin: 1%; width:46%; max-width: 400px;}
#photoblock2 p {text-align: right;}
.slideshow img {margin: 40px auto 10px auto; display:block; width:100%; max-width:1200px;}
.important-outer {width:100%; background:white!important;}
.important2 {color:white; background:red; width:94%; max-width: 860px; text-align:center; margin: 0px auto 0px auto; padding: 1px 20px; font-size:24px;}
.powrMark.text-center {display: none;}

.ulaug2020 {color:black; font-weight:bold;}

.ulaug2020 li {margin:10px 0px;}

.ra {float:left; margin-right: 25px; max-width: 275px; width: 98%;}
hr.mobile-only {display:none;}
body {background: #246834; font-family: 'Lato', sans-serif; font-size: 11pt;}
h4 {text-align: center; text-decoration: underline; font-size: 14pt; }
img.somotop {width: 245px;}

.blackh {text-align:center; background: #333333; color:white; margin: 0 auto; padding: 10px 0px!important; width:100%; }

.rightpic {width:30%; max-width:250px; float:right;}
.rightpic2 {float:right; width: 50%; max-width:800px; margin: 10px 0px 10px 20px;}
.rightpic3 {float:right; width: 50%; max-width: 392px;  margin: 30px 0px 10px 20px; border-left: 8px solid #363636;}
.rightpic4 {width:40%; max-width:350px; float:right; margin-left:20px; margin-bottom:20px;}

.latest-news-block {background: #333333; color:white;}
.latest-news-block h3, .latest-news-block h1 {color:white; font-size:24px;}
.latest-news-block .introtext {color:white!important;}
.eventboundary {max-width:1400px; margin: 0 auto; background: #333333;}
.ncontainer {background: #333333; width:100%; margin-top:-28px; margin-bottom: -20px;}

.latest-news-inner {width: 98%; max-width: 1024px; margin: 0 auto;}

.mln {color:white!important; background: #D9E026; border-radius: 8px; padding: 10px;}
.mln a {text-decoration: none; text-align:center; font-size: 24px;color:black; font-weight: bold;}

.whitelink {color:white!important;}

.eventpic {float:left; width: 31%; margin: 10px; max-width:450px;}
.eventpic1 {float:none; display:block; width: 92%; margin: 0px auto 25px auto; border: 1px solid silver; max-width:1200px;}
.eventpic2 {float:left; width: 100%; margin-bottom: 10px;}
.eventpic2a {float:left; width: 48%; margin: 0% 1%;}
.eventpic3 {float:left; width: 33.1%;}
.eventpic4 {float:left; width: 25%; margin: 10px 0px;}

.divpic {float:left; width: 31%; margin: 10px; 0.5%;}

.postersblock {width:100%; max-width:880px; margin: 0 auto;}

.biglink {text-decoration: none!important; font-weight: bold; background: #246834; padding: 2%; margin: 2%; color: white!important; border-radius: 6px; display: inline-block;}

.fbheader {width: 80%; text-align: center; display:block; margin: 0 auto; margin-top: 2%;}
#facebookfeed {background: #333333; border-top: 2px #D9E021 solid;; border-bottom: 2px #D9E021 solid;}
#facebook {margin: 0 auto; width: 100%; background: #333333; color: white; padding: 0;}
#facebook-inner {margin: 0 auto; width: 90%; max-width: 1165px; padding: 0%; text-align: right;}
#facebook-inner a {color: white; font-weight: bold; text-decoration: none;}
#facebook-inner a:hover {color: #D9E026;}
.fblogo img {width: 32px;}
#geoff {background: #333; color: white; padding: 0.5% 1%; border-top: 4px solid #246834; border-bottom: 4px solid #246834;}
#geoff-inner {width: 80%; max-width: 900px; background: #333; color: white; padding: 1% 1%; margin: 0 auto;}
img.geoff {border:2px solid white; display: block; width: 100%;}
#photoblock {float: left; margin: 1%; width:46%; max-width: 400px;}
#photoblock p {text-align: center;}
#photoblock2 {float: right; margin: 1%; width:46%; max-width: 400px;}
#photoblock2 p {text-align: center;}
#eventposters {width:98%; max-width: 900px; margin: 0 auto;}
.e1 {float: left; width: 48%; margin:20px 0px;}
.e2 {float: right; width: 48%; margin:20px 0px;}

.socialFeed {
    min-height: 0px;
}

.whpic {float: left; width: 48%; margin: 0% 1%; display:block;}


.singleposter {text-align:center; display:block; margin:20px auto 0px auto; width: 94%; max-width: 955px;}
.midpic {display:block; margin: 0 auto; width: 98%; max-width: 600px;}

.fp-block {width:18%; margin: 30px 1% 0px 1%; float:left; display:block;} 
.fp-pic {width:100%; border: 1px solid white;}

#nextevent {background-image: url('http://www.horwichheritage.co.uk/images/xmas-bg.jpg'); background-repeat: repeat;margin-top: 0px; border-top: 2px black solid; border-bottom: 2px black solid;}
#nexteventinner {width: 80%; margin: 0 auto; max-width: 900px; padding-bottom: 2%; text-align: center; color: white;}
#nexteventinner img {display: block; text-align:center; margin: 0 auto;}
#nexteventinner h2 {color:white; font-size: 200%; text-align: center; border-bottom: 1px solid white; padding-bottom: 10px; margin-top: 24px;}
#nexteventinner .introtext {color: white!important;}

#latestphotosinner {width: 80%; max-width: 900px; margin: 0 auto;}
#latestphotos h3 {color: white!important; text-align:center; font-size: 16pt;}
#latestphotos h4 {color: yellow!important;}
#latestphotos a {color: white!important;}

#qrcodelinks {width: 35%; float:left;}
.qrcodelinks a {color:white!important; line-height: 65%; display:block; text-decoration: none;}
.qrcodelinks a:hover {color:#D9E026;}
#socialmedialinks {float: left; width: 15%; margin-top: 5%;  margin-left: 45px;}
#socialmedialinks img {width: 100%; max-width: 50px; margin: 0% 2%;}

#header {background: #D9E026;}
#header-inner {width:70%; max-width:800px;  margin: 0 auto; float:left;}
#opening-times {width:30%; float:left;}
#opening-times h3, #opening-times p {text-align:center;}
#opening-times h3 {margin-top: 30px;}
#header-inner img {display: block; margin: 0% auto; padding: 1% 0; width: 100%; max-width: 900px;}
#nav {height:45px;}
#nav-inner {margin: 0 auto; width: 100%; max-width: 986px;}
#container {width: 100%;}
#banner {background: white;}
#banner-inner {width:100%; max-width: 900px; margin: 0 auto;}
#banner-inner img {display:block; width: 100%; max-width: 900px;}
#maincontent {background: white; padding: 0%; width: 100%; margin-top: 0px;}
#maincontent-inner {width: 100%; max-width: 900px; margin: 0% auto; padding-top: 18px;}
#footer {background: #333; padding: 1% 0%; color: white; font-size: 100%;}
#footer-inner {width: 100%; max-width: 900px; margin: 0 auto;}
#contactus {float:right; width: 40%; border-left: 1px solid #EBF3D0; padding-left: 4%;}
#nav {border-top: 1px solid white; border-bottom: 1px solid white;}

#leftblock {width: 68%; float: left;}
.home #leftblock {width: 100%!important; float: none!important;}

.leftpic {float: left; margin-right: 4%;}
.rightpic {float: right; margin-left: 4%;}
.presspic {border: 1px solid grey;}

img.bigpic {width:100%; max-width:605px;}


li.icon {font-size: 24pt;}

#imageblock {padding: 1%; max-width: 810px; width:90%; margin: 0 auto;}
#imageblock-archive {padding: 1%; max-width: 610px; width:90%; margin: 0 auto;}

ul {color: #236834; font-size: 11pt;}
img.mainpic {border: 1px solid silver; width: 100%; max-width: 594px;}

#rightblock {background: white; width: 30%; float: right;} 
#rightblock img {border: 1px solid silver; margin: 6% auto; display:block;}

#rightc {background: #EBF3D0; padding: 0% 2%; border-radius: 6px; margin: 6% 0%; border: 4px solid #246834; }
#rightc strong {color: black!important; font-size:18px;}
#rightc ul {margin-left: -10px; font-size: 10pt;}
#rightc li {margin: 6% 0%;}
.wo a {line-height: 200%;}
#rightc a {color: #246834; font-size: 9pt; line-height: 110%; text-decoration: none;}
#rightc h3 {font-size:14pt;text-align:center; border-radius: 6px; color: #fff; font-weight: 900; background: #246834; padding: 2%;}
 .readmore  {font-size:14pt;text-align:center; border-radius: 6px; color: #fff; font-weight: 900; background: #246834; padding: 2%;}
 .readmore  a {color: white; text-decoration: none;}

h1 {font-weight: 900; text-transform: uppercase; font-size: 16pt; color:#246834; padding-bottom: 1%; margin: 2% 0% 1% 0%; line-height: 110%;}
h2 {font-weight: 900; text-transform: uppercase; font-size: 12pt; color:#333;}

#bottom-ad-area {border-radius: 8px; border: 4px solid #246834; margin: 1% auto 0% auto; background: #EBF3D0; color: black; padding: 6px 12px; width: 100%; max-width: 868px;}

#bottomad2 {border-radius: 8px; border: 4px solid #246834; margin: 1% auto 0% auto; background: #EBF3D0; color: black; padding: 6px 12px; width: 100%; max-width: 868px;}

/* LATEST NEWS BLOCK  --------------------------------------------------------------------------------------------------------------- */

#bottomad3 {border-radius: 8px; border: 0px solid #246834; margin: 1% auto 0% auto; background: #333333; color: white; width: 100%;}

#bottomad3 h1 {color: white!important; border-bottom: 1px solid white!important;}
#bottomad3.introtext{color: white!important;}
#lnright {float: right; width: 50%;}

.eventposters2019 {width: 100%; max-width: 900px; margin: 0 auto;}


#bottomad3inner {margin: 0 auto; padding: 2% 0%; width: 100%; max-width: 900px;}
.latestnewspic {max-width: 430px; float: left; padding-bottom: 2%;}
img.latestnewspic {border: 2px solid white; width: 100%;}
.seemorephotos {background: #EBF3D0;border: 4px solid #246834; border-radius: 8px; width: 50%; padding: 2%; margin: 0 auto;}
.seemorephotos a {color: black; font-size: 14pt; text-decoration: none; text-align: center; display: block;}
.newshighlight {font-weight: bold; font-size:130%; color: white;}

/* END LATEST NEWS BLOCK  ----------------------------------------------------------------------------------------------------------- */

.yellowlink {color: #D9E026; text-decoration: none;}
.introtext {font-weight: bold; font-size:135%; color: #246834;}

@media all and (max-width: 938px) {

#maincontent {padding: 0!important; margin: 0 auto;}
#rightblock {margin-right: 45px; width:25%;}
#bottom-ad-area {width:96%; margin: 0 auto;}
#eventposters {width: 96%!important; margin: 0 auto;}
.eventposters {max-width:90%; margin: 0 auto;}
.newstext {color:#fff!important; font-size:17px; line-height:21px;}
.eventboundary {max-width:450px; margin: 0 auto;}

}

@media all and (max-width: 887px) {
.twopicker {width:97%; margin: 20px 10px; float:none!important; display:block;}
.twopickera {width:97%; margin: 20px 10px; float:none!important; display:block;}

}

@media only screen and (max-width: 768px) {
.mobile-centred {text-align:center!important;}
.two-box {width:100%!important; margin: 0% auto 15px auto; float:none;}
.two-box img,.two-box-slim-left img, .two-box-slim-right img {width:100%; display:block; text-align:Center; margin: 20px auto; max-width: 768px;}
.three-box {width:100%; margin: 20px auto; float:none;}
.four-box {width:100%; margin: 0% auto; float:none;}
.five-box {width:100%; margin: 0% auto; float:none;}
img.rightpic2, img.rightpic3, img.rightpic3a {width:98%!important; margin: 0 auto!important; float:none!important;}
img.rightpic3a {max-width: 768px;}
.nbutton {width: 86%; float: none; margin: 0 auto 20px auto;}
.nbutton a {text-align:center;}

.two-box-one-slim-right, .two-box-one-slim-left {width:95%!important; margin: 10px 10px 15px 10px;}


@media all and (max-width: 767px) {
.breakblock {float:none;; width:100%;}
#lback {width: 94%!important; margin: 0 auto 20px auto;
    display: block!important;
    float: none!important;
    max-width: 767px!important;}
.rightpic {width:98%; max-width:768px; float:none!important; margin: 20px auto 0px!important;}
hr.mobile-only {display:block!important;}
.fourpic {width: 92%; margin: 0% auto 15px auto; max-width: 768px; display:block; float: none;}
.fp-block {width: 100%; margin: 0 auto 20px 0!important; float:none;}
.newspic {margin: 30px auto 10px auto!important; display:block; float:none!important; width:98%; max-width:800px!important; border: 1px solid white;}
.eventpic {float:none!important; width: 98%!important; margin: 20px auto!important;}
.eventpic2 {float:none!important; width: 98%!important; margin: 0 auto!important;}
.eventpic2a {float:none!important; width: 98%!important; margin: 0 auto!important;}
.divpic {float:none; width: 100%; margin: 10px; 0.5%;}
.rightpic2 {width: 100%; float:none!important; margin: 0 auto; display:block;}
.leftpic {width: 100%; float:none!important; margin: 0 auto; display:block;}
.rightpic3 {width: 95%; max-width: 768px!important; float:none!important; margin: 40px auto 20px auto; display:block; border: 0!important;}
.eventpic3 {width:100%!important;}
.eventpic4 {width:100%!important;}
.important2 {font-size: 14px!important;}
.rightpic4 {width:98%; max-width:768px; float:none; margin:0 auto!important;}
.g1 {max-width: 334px!important;}
.shedpic {width:92%; max-width: 767px;}
.threepic {width: 92%; max-width: 767px; margin: 20px auto; float:none!important; display: block;}
.leftblock {width: 100%!important; float:none!important;}
.lb-block {padding-top:30px!important; height: 100%;}
.two-pic {width:98%; margin: 0 auto; float:none!important;}
}

@media all and (max-width: 680px) {
.hht-left {float:none!important; width:98%; margin: 0 auto;}
.hht-left img {display:block; margin: 10px auto 0px auto; width:100%; max-width:768px;}
.hht-right {float:none!important; width:98%;}
.hht-right h3 {color:white; font-size: 22px; text-align:center;}
.hht-right p {color:White; text-align:center;}
.hhtrail-outer {padding:15px 0px;}
.hhtrail-outer2 {padding:15px 0px;}
}

@media screen and (max-width:678px) {
	
#qrcodelinks {width:100%; text-align:center; margin-bottom:30px;}
#header-inner {width:100%; margin: 0 auto; float:none;    min-height: 100px;}
#opening-times {width:100%; margin: 0 auto; float:none;min-height: 86px;}
#opening-times h3 {margin-top:-20px;}
#open-gf {border-bottom:1px solid white; padding-bottom:25px; margin-bottom: -14px;}
#gf-left {float:left; width: 35%;}
#gf-left img {width:100%; max-width:180px; border:1px solid white;}
#gf-right {float:left; width: 55%; margin-left:4%;}
#eventposters {width: 92%; max-width: 900px;  margin:2% auto;}
.eventa {float:left; display:block; width:48%; max-width:450px; border: 2px solid yellow;}
.eventb {float:right; display:block; width:48%; max-width:450px;  border: 2px solid yellow;}
#header-inner img {padding:4% 0%!important;}
#maincontent {width: 98%; margin: 0 auto;}
#socialmedialinks {float: none!important; width: 80%; margin: 60px auto 30px;}
#photoblock {float: none!important; margin: 1% auto!important; width:80%!important; max-width: 400px!important;}
#photoblock p {text-align: center!important;}
#photoblock2 {float: none!important; margin: 1% auto!important; width:80%!important; max-width: 400px!important;}
#photoblock2 p {text-align: center!important;}
#maincontent-inner {width: 98%!important;margin: 0 auto!important;}
#facebook-inner {text-align: center!important;}
#bottom-ad-area {width: 80%; margin: 2% auto 4% auto;}
#bottomad2 {width: 80%; margin: 2% auto 4% auto;}
#bottomad3 {width: 80%; margin: 2% auto 4% auto;}
#leftblock {width: 92%!important; float: none!important; margin: 1% auto!important;}
#rightblock {width: 92%!important; float: none!important; margin: 1% auto!important;} 
#footer {border-radius: 6px; width: 90%; margin: 0 auto; text-align: center; }
#contactus {padding-left: 0%!important; float: none!important; width: 100%!important; border: 0!important;}
#socialmedialinks img {width: 100%; max-width: 64px;}
.latestnewspic {float:none!important; margin: 0 auto;}
#lnright {float: none!important; width: 800%!important;}
.leftpic {float: none!important; margin: 0 auto!important; display:block;}
.rightpic {float: none!important; margin:  0 auto!important; display:block;}
.presspic {width:100%; display:block;}
#imageblock img {display:block; margin: 4% auto;}
#imageblock-archive img {display:block; margin: 4% auto;}
h1 {text-align: center;}
}


@media all and (max-width: 480px) {
.pub1 {width:98%; margin: 0px auto 20px auto; text-align:center; float:none!important;}
.ra {float:none!important; margin: 0 auto!important; max-width: 500px; width: 98%;}
.e1 {float: none!important; width: 100%!important; margin:20px 0px;}
.e2 {float: none!important; width: 100%!important; margin:20px 0px;}
.newstext {color:#fff!important; text-align:center;}
.rightpic2 {width: 98%!important; float:none!important; margin: 20px auto 5px auto!important;}
}