body, html {color:#222;}
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {font-family:Georgia, serif; font-weight:100;}
h2, .h2 {font-size:36px; color:#B5121B; font-size:42px;}
h3 {font-weight:300; color:#B5121B; font-size:26px}
h4 {font-weight:300; color:#B5121B; border-bottom:1px solid #B5121B; line-height:1.4; font-size:20px;}
h5 {font-size:20px;}
h6 {font-weight:bold; font-size:14px; line-height:1.1;}
a:hover, a:focus {text-decoration:none;}
p a {color:#222; font-weight:bold;}
p a:hover, p a:focus {color:#B5121B; border-bottom:1px solid #B5121B; text-decoration:none;}
section {padding:24px 0;}

.carousel-inner {height:400px; margin:24px 0 0 0;}
.carousel-inner img {width:100%; height:auto;}

#prehead {background:#eee;}
#prehead .row {padding:24px 0;}
#prehead img {max-width:100%; height:80px;}
#prehead h1 {color:#AC1A2F; text-align:right; margin:0; padding:0; line-height:80px; font-size:36px}

.navbar-inverse {background-color:#B5121B; border-color:#B5121B; border-bottom:0;}
.navbar-inverse .navbar-brand {color:#fff; font-size:13px; padding:15px 10px;}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left:0;}
.navbar-inverse .navbar-nav>li>a {color:#fff; font-size:13px; padding:15px 10px;}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {background:#EE342B;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {background-color:#EE342B;}

.dropdown-menu {border-radius:0; padding:0; background:#B5121B; box-shadow:none; border:none;}
.dropdown-menu li a {padding:15px 10px; color:#fff; font-size:12px;}
.dropdown-menu li a:hover, .dropdown-menu li a:focus {background:#EE342B; color:#fff;}

.notopmarg {margin-top:0; padding-top:0;}

.sidenav {-webkit-padding-start:0; margin-left:0; padding-left:0; list-style-type:none;}
.sidenav li {padding:6px 0; border-bottom:1px solid #ddd;}
.sidenav li a {color:#222;}
.sidenav li a:hover, .sidenav li a:focus {color:#EE342B; text-decoration:none;}

.indexlinks {padding-left:0; padding-bottom:16px;}
.indexlinks img {width:100%; height:auto; border-radius:0 0 30px 0;}
.indexlinks a {color:#222;}
.indexlinks a:hover, .indexlinks a:focus {color:#EE342B; text-decoration:none;}

footer {background:#B5121B; padding:32px 0; margin-top:24px; color:#fff;}
footer h3 {font-size:14px; font-weight:300; margin:0 0 16px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.25); color:#fff;}
footer ul {-webkit-padding-start:0; margin-left:0; padding-left:0; list-style-type:none; font-size:12px;}
footer ul li {padding:2px 0;}
footer ul li a {color:#fff;}
footer ul li a:hover, #footer ul li a:focus {color:#fff; border-bottom:1px solid #fff; text-decoration:none;}

#postfooter {background:#111; color:#fff; font-size:11px; padding:16px 0;}
#postfooter p {margin:0; padding:0;}
#postfooter ul {-webkit-padding-start:0; margin-left:0; padding-left:0; list-style-type:none;}
#postfooter ul li {float:left; padding-right:20px;}
#postfooter ul li a {color:#fff;}
#postfooter ul li a:hover, #postfooter ul li a:focus {border-bottom:1px solid #fff;}

#news h2 {margin-top:0;}

#maincontent p {font-family: inherit; font-weight: normal; font-size: 16px; line-height:26px; margin-bottom: 16px; text-rendering: optimizeLegibility;}
#maincontent img {max-width:100%; height:auto;}
#maincontent .mainimg {width:100%; height:auto; margin:0 0 24px 0;}
#maincontent .blogdate h4 {color:#B5121B; text-align:right; padding:0 0 5px 0; margin:20px 0 5px; font-weight:300; border-bottom:1px solid #B5121B;}
#maincontent .blogdate p {text-transform:uppercase; font-size:11px; text-align:right; color:#999;}
#maincontent .hours td {padding:5px 20px 5px 0; font-size:16px;}
#maincontent .hours .leadcell {font-weight:bold; width:200px;}
#maincontent .sidelinks {-webkit-padding-start:0; margin-left:0; padding-left:0; list-style-type:none;}
#maincontent .sidelinks a {text-align:left; width:100%; display:inline-block; color:#222; font-size:16px; font-weight:bold; margin-bottom:12px; padding-bottom:6px; border-bottom:1px solid #ddd;}
#maincontent .sidelinks a:hover, #maincontent .sidelinks a:focus {color:#B5121B; border-bottom:1px solid #B5121B}

.carousel-caption {position:absolute; right:70%; bottom:60px; left:60px; z-index:10; padding:20px; color:#222; text-align:left; background:rgba(255,255,255,0.9); text-shadow:none; border-radius:0 0 30px 0;}
.carousel-caption img {width:90%; margin:5%; height:auto;}
.carousel-caption h3, .carousel-caption h2 {color:#222; margin:0 0 5px 0; font-size:24px; line-height:1; letter-spacing:-1px;}
#maincontent .carousel-caption p {font-size:20px; margin-bottom:0; font-weight:300; line-height:1;}
#maincontent ul {font-size:16px; list-style-type:square;}
#maincontent ul a, #maincontent ol a {font-weight:bold; color:#222;}
#maincontent ul a:hover, #maincontent ol a:hover, #maincontent ul a:focus, #maincontent ol a:focus {color:#B5121B; border-bottom:2px solid #B5121B; text-decoration:none}
#maincontent ul span {font-weight:bold; color:#B5121B; padding-right:20px;}
#maincontent .tandc {font-size:16px; -webkit-padding-start:10px; margin-left:10px; padding-left:10px; margin-bottom:24px;}
#maincontent .tandc li {margin-bottom:8px}
#maincontent .tandc strong {color:#B5121B;}

#maincontent  .cafe-button {text-align:center; margin-bottom:30px; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out;}
#maincontent .cafe-button h3 {text-align:left; color:#222; margin:10px 15px 5px 15px; padding:0 0 5px 0; height:48px; font-size:20px; border-bottom:1px solid rgba(0,0,0,0.2)}
#maincontent .cafe-button p {
	font-weight:300;
	font-size:14px;
	padding:0 15px 16px 15px;
	font-weight:300;
	color:#222;
	line-height:1.1;
	text-align: left;
}
#maincontent .cafe-button a {color:#fff;}
#maincontent .cafe-button img {width:85%; height:auto; margin:0 auto; text-align:center; padding:16px 0;}
#maincontent .cafe-button:hover {background:#222;}
#maincontent .cafe-button p:hover {color:#222;}
#maincontent .cafe21:hover {background:#f18642;}
#maincontent .hubcafe:hover {background:#ae2024;}
#maincontent .marketplace:hover {background:#66887a;}
#maincontent .thelounge:hover {background:#ffa91d;}
#maincontent .thedeli:hover {background:#ed4d67;}
#maincontent .bowland:hover {background:#6F8271;}
#maincontent .cartmel:hover {background:#d3cab7;}
#maincontent .county:hover {background:#FFC429;}
#maincontent .furness:hover {background:#c1a4ce;}
#maincontent .fylde:hover {background:#f57b20;}
#maincontent .graduate:hover {background:#cd8a3c;}
#maincontent .grizedale:hover {background:#8ac543;}
#maincontent .lonsdale:hover {background:#ed1c24;}
#maincontent .pendle:hover {background:#40ae49;}

.btn-primary {background-color:#B5121B; border-color:transparent; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius:0;}
.btn-primary:hover, .btn-primary:focus {background-color:#EE342B; border-color:transparent;}
#maincontent .modal-body p {font-size:14px; line-height:1.4; margin-bottom:10px;}
#maincontent .modal-body ul {list-style:decimal; font-size:14px; line-height:1.4; padding-left:20px;}
#maincontent .modal-body ul ul {list-style:lower-latin; padding-left:20px;}
#maincontent .modal-body ul li {font-size:14px; padding-top:14px;}
#maincontent .modal-body ul ul li {padding-top:0;}

video {width:100%; height:auto;}

/* RESPONSIVE CODE */
@media (min-width: 768px) and (max-width: 991px) {
    #maincontent .blogdate h4 {color:#B5121B; font-size:16px; line-height:1.2; border-bottom:0; margin:0; padding:0; font-weight:400;}
    #maincontent .blogdate p {text-transform:uppercase; font-size:10px; line-height:1.1;}
    h2 {font-size:36px; padding-bottom:9px; text-align:center;}
    #news h3 {padding:0; margin:0;}
    #maincontent .cafe-button {margin-bottom:15px;}
    #maincontent .cafe-button h3 {font-size:16px; text-align:center; font-weight:400;}
    #maincontent .cafe-button p {text-align:center;}
    #maincontent .sidelinks a {font-size:16px; text-align:right; color:#B5121B; line-height:1.2; margin:0 0 8px 0; padding:0; font-weight:400; border-bottom:0;}
    #maincontent .sidelinks a:hover, #maincontent .sidelinks a:focus {border-bottom:0; color:#222;}
    .carousel-caption {right:65%; bottom:50px; left:50px;}
    .carousel-caption h3 {font-size:18px;}
    #maincontent .carousel-caption p {font-size:15px; font-weight:400;}
    section {padding:12px 0 24px 0;}
}
@media (max-width: 767px) {
    #maincontent .cafe-button h3 {font-size:16px; text-align:center;}
    #maincontent .cafe-button p {text-align:center;}
    #maincontent .item h2 {font-size:28px; margin:0; text-align:center;}
    #maincontent .item h3 {color:#999; text-align:center; font-size:20px; padding:0; margin:5px 0 24px 0;}
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {color:#fff;}
    section {padding:0 0 24px 0;}
    #maincontent .sidelinks {margin-top:24px;}
    #maincontent .sidelinks a {text-align:center; line-height:1.1; padding-bottom:2px; margin-bottom:12px;}
    .btn-primary {width:100%;}
    #maincontent h2 {margin-bottom:24px; padding:0; text-align:center; font-size:32px;}
    #maincontent h3 {text-align:center; font-size:24px; margin:10px 0;}
    #maincontent h4 {text-align:center; font-size:21px;}
}