/*
Theme Name: Abbey Centre
Theme URI: http://mercury-web.co.uk/
Description: Custom theme for Abbey Centre based on Twenty Eleven
Author: Mercury Web
Author URI: http://mercury-web.co.uk/
Template: twentyeleven
Version: 1.0
*/

/* @import url("../twentyeleven/style.css"); */

.wow {
  visibility: hidden;
}

html {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after {-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}
body,td,th, input, textarea, .slider .opentime .op-list-overview .op-cell.op-cell-periods.highlighted, .breadcrumbs span {color:#7e7e7d;}
body,td,th, input, textarea, h1, h2, h3, h4, h5, h6, strong {font-family: "azo-sans-web",sans-serif; font-style: normal; font-weight: 400;}
h1, h2, h3, h4, h5, h6, strong, .page-id-361 .wht_b table th {font-weight: 700;}
	h1, h2, h3, h4, h5, h6, .head, .menu, .slider {text-transform: uppercase;}
h1, h2, h3, h4, h5, h6, .page .wht_b h4 a, .search .wht_b h4 a {color: #02bce3;}
body {margin-left: 0px;	margin-top: 0; margin-right: 0px;margin-bottom: 0; font-size:16px; background-color:#f0f2f2; position:relative;}
img {border:0; max-width:100%; height:auto; display:block;}
a {text-decoration:none; background:transparent; color:inherit;}
a:hover, .current-menu-item a {opacity:0.7; cursor:pointer;}
a:active { opacity: 1 !important; }
	input, textarea, .head .find input:after, .head .find .fa {border: solid 1px #7e7e7d; padding: 5px; background-color: transparent;}
a, .head, .left, .right, img, .menu, strong, .center_i {-webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;}
.center_h {-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; position:relative;}
.center_i {position: absolute; top: 50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform: translateY(-50%); margin:0;}
.left, .box, .foot .op-cell, .item {float:left;}
.right {float:right;}
	.purp, .lpurp, .red, .hvr-rectangle-out:before {background-color: #02bce3; color: #FFFFFF;}
.lpurp {background-color: #702678;}
.red {background-color: #de0833;}
	.grey {background-color: #7e7e7d; color: #FFFFFF;}
	a.hvr-shutter-out-horizontal:before, .wht_b {background-color: #FFFFFF;}
	a.hvr-shutter-out-horizontal:hover, .page .wht_b .op-list-overview .highlighted, .page .wht_b span.op-period-time.highlighted, .page .wht_b tr.op-row-day.highlighted td, .page .wht_b tr.op-row-day.highlighted th {color: #02bce3;}
	.opace {background:rgb(255,255,255); background:rgba(255,255,255,0.70);}
.wrap {max-width:1090px; width:100%; margin:auto; overflow: hidden; position:relative;}
	.head {border-bottom: solid 1px #7e7e7d; padding: 20px 0; min-height: 160px;}
	.head .wrap {overflow: visible;}
.head .social {padding-top: 20px;}
	.head .social img {display: inline-block;}
	.head .logo {width: 193px; margin: auto; left: 0; right: 0; position: absolute; z-index: 2;}
	.head .find {text-align: right; margin: 30px 0 0;}
	.head .signup {text-align: center; font-size: 11px; display: inline-block; padding: 2px 30px; margin: 30px 0 0;}
.head .find .fa {padding: 6px; border-left: 0; position: relative; top: 1px;}
	.menu {width: 100%; background-color:#f0f2f2; left: 0; right: 0; top: -40px; margin: auto;}
	.menu ul {list-style: none; margin: 0 auto; padding: 0; display: table; width: 100%; text-align: center; font-size: 14px;}
	.menu ul li {display: table-cell; padding: 0 10px; vertical-align: top;}
	.menu ul li a {display: inline-block; padding: 10px 0 13px;/* border-top: solid 3px #f0f2f2;*/}
	/*.menu ul li a:hover {border-top: solid 3px #7e7e7d;}*/
	.menu ul li a.hvr-overline-from-center:before {background: #7e7e7d;}
.menu ul li.current_page_item a.hvr-overline-from-center:before {left: 0; right: 0;}
	.menu.stick {position: fixed; top: 0; z-index: 99;}
	.slider {position: relative; margin-bottom: 15px;}
	.shopinfo .nae .item img, .box img {width: 100%;}
	.slider .opentime {position: absolute; bottom: 0; width: 100%; text-align: center; z-index: 2; font-size: 26px; padding: 12px 0;}
	.slider .opentime strong, .slider .opentime .op-cell-periods .op-period-time {font-size: 32px;
font-weight: 400;
line-height: 24px;}
.slider .opentime .op-overview-shortcode {display: inline-block;}
.slider .opentime .op-list-overview, .slider .opentime .op-list-overview .op-cell.op-cell-periods {margin: 0;}
.slider .opentime .op-list-overview .op-cell, .slider .opentime .op-list-overview.op-cell-heading {display: none;}
.slider .opentime .op-list-overview .op-cell.op-cell-periods.highlighted {display: block;}
	.box {margin-left: 1.5%; margin-bottom: 1.5%; overflow: hidden; position: relative;}
	.box:first-of-type {margin-left: 0;}
	.box.sq {width: 37.5%;}
	.box.rec {width: 61%;}
	.box a:hover {opacity: 0.9;}
.foot .box:first-child {
    margin-left: 0 !important;
}
.foot .box, #cff .cff-item {
    width: 32%;
    margin: 2% 0 2% 2%;
	float:left;
	text-align: left;
}
.foot .box:nth-child(3) {
	text-align: center;
}
.shops .box {width: 23.6%; margin: 0.7%; border: solid 1px;}
.shops .box .center_h {text-align: center; color: #FFFFFF; width: 95%; height: 95%; margin: 2.5%; position: absolute; z-index: 2;}
.shops .box .center_i {left: 0; right: 0; margin: auto; opacity: 0; text-transform: uppercase;}
.shops .box:hover .center_i {opacity: 1;}
.shops .box .center_i strong {display: inline-block; border-bottom: solid 1px #ffffff;padding: 0 10px 5px; pointer-events: none;max-width: 70%;}
.shops .box .hvr-rectangle-out {background-color: transparent;}
.callouts .center_i { width: 100%; z-index: 2; pointer-events: none;}
	.callouts h2 {font-weight: 400; left: 0; right: 0; margin: 0 auto; padding: 5px 20px; border-bottom: solid 1px #ffffff; display: table; color: #ffffff; z-index: 2;}
.callouts img {opacity: 0.6;}
	.shopinfo .cir {overflow: hidden; border-radius: 360px; text-align: center; font-size: 14px; padding-bottom: 10px;}
	.shopinfo .cir iframe {width: 100% !important; height: 300px;}
.shopinfo .box.sq p {text-align: center; display: block; margin: 8px;}
	.shopinfo .nae h3 {margin: 0 0 15px; padding: 2px 0; text-align: center; font-weight: 400; font-size: 24px;}
	.shopinfo .nae .item, .news .item {width: 48.7%; margin-left: 2.5%; overflow: hidden;}
	.shopinfo .nae .item:first-of-type {margin-left: 0;}
	.shopinfo .nae .item h4, .news .item h4 {margin: 0; padding: 10px;min-height: 65px; color: #FFFFFF;}
.shopinfo .nae .item a, .news .item a {overflow: hidden; display: block;}
	.shopinfo .nae .item a.hvr-shutter-out-horizontal, .news .item a.hvr-shutter-out-horizontal {display: inline-block; float: right; font-size: 10px; padding: 2px 10px; margin: 0 10px 10px 0; border: solid 1px #ffffff; background-color: transparent;}
	.foot {margin: 10px 0; background-color: #d8d9d9; padding: 20px; text-align: center; font-size: 18px;}
	.foot img {display: inline-block; width:200px;}
	.footlinks {color: #02bce3; font-size: 11px; padding: 0 0 10px;}
.news .item {width: 31%; float: none; display: inline-table; margin: 1%;}
.hold .left, .hold .right {width: 50%;}
.hold img {width: 100%;}
.hold .info {overflow: hidden;}
.hold .info .logo img {border-right:solid 1px #7e7e7d; }
.hold .info table {width: 100%; border-collapse: collapse; margin-top: 11%;}
.hold .info table th, .hold .info table td {padding-top: 5px; font-size: 13px;}
.hold .info table th {text-align: right; padding-right: 5px; width: 45%; text-transform: uppercase;color: #02bce3;font-weight: 700;}
.hold .info table td {text-align: left; padding-left: 5px; width: 55%;font-weight: 500;}
.hold .info table .highlighted th, .hold .info table .highlighted td {border-top:solid 1px #7e7e7d;border-bottom:solid 1px #7e7e7d;color: #02bce3 !important; font-size: 14px; padding: 10px 5px;}
.hold .t_cont {padding: 0 20px;}
.hold .contact {display: table; width: 100%;}
.hold .contact a {display: table-cell; width: 33.33%; text-align: center; text-transform: uppercase; padding: 20px; position: relative;}
.hold .contact a .icon {width: 44px; display: inline-block; margin: 0 0 10px;}
.breadcrumbs {font-size: 11px; margin: 15px 0 0; color: #aaaaaa; text-transform: uppercase;}
.breadcrumbs a span, .page .wht_b a, .search .wht_b a {color: #de0833;}
.wht_b .date {text-align: right; font-size: 12px; margin: -20px 0 20px;}
.content-column.one_sixth > img { margin: 0 auto; padding: 5px;}
.page .wht_b, .search .wht_b {padding:0 20px; overflow: hidden; margin-bottom: 20px;}
.page-id-361 .wht_b table {border-top: solid 1px #7e7e7d;border-left: solid 1px #7e7e7d;border-collapse: collapse;}
.page-id-361 .wht_b table td, .page-id-361 .wht_b table th {padding: 7px; text-align: left; border-right: solid 1px #7e7e7d; border-bottom: solid 1px #7e7e7d;}
.foot {
	font-weight: 400;
	font-size: 16px;
}
.foot h4 {
    margin: 0 0 10px;
    padding: 0 0 10px;
    font-size: 24px;
    text-transform: none;
    border-bottom: solid 1px #7e7e7d;
    line-height: 28px;
	color: #7e7e7d;
	font-weight: 400;
}
.foot .box:nth-child(3) {
	padding-top:40px;
	font-size: 18px;
}
.foot ul {
	margin:0;
	padding:0;
	list-style:none;
}

.op-list.op-list-overview {overflow:hidden;margin:0;}
.op-cell-heading {clear: left; width: 65px;}
.op-cell-periods {clear: none;}

	@media (max-width: 1100px) {
		.wrap {padding-left: 20px; padding-right: 20px;}
	}
	@media (max-width: 920px) {
		.left, .right, .box, .head .logo {float: none; width: 100% !important; margin: 10px 0 !important;}
		.head {padding: 10px 0;}
		.head .logo {position: relative;}
		.head div, .head .find {text-align: center;}
		.head img {display: inline-block;}
		.head .search {display: inline-block; position: relative; top: -6px;}
		.head .find .signup {margin: 5px 0 0;}
		.shopinfo .cir {border-radius: 0;}
		.slider .opentime {font-size: 20px;}
		.slider .opentime strong {font-size: 32px;}
		.shops .box {width: 48% !important; margin: 1% !important; float: left;}
		.hold .info .left, .hold .info .right {width: 50% !important; float: left; margin: 0 !important;}
		.hold .f_img {display: table-footer-group;}
		.hold .right.wht_b {display: table-header-group;}
	}
	@media (max-width: 520px) {
		.shopinfo .nae .item {float: none; width: 100% !important; margin: 10px 0 !important;}
		.slider .opentime {font-size: 16px;}
		.slider .opentime strong {font-size: 22px;}
		.hold .info .left, .hold .info .right {float: none; width: 100% !important}
		.hold .info .logo img {border: 0;}
		.hold .info {padding-bottom: 20px;}
		.hold .info table {margin-top: 0;}
	}