/*
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;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

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 {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: #54294f;}
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, form button:hover {opacity:0.7; cursor:pointer;}
a:active { opacity: 1 !important; }
	input, textarea, .head .find input:after, .head .find .fa, form button {border: solid 1px #7e7e7d; padding: 5px; background-color: transparent;}
form button {border:0; font-size:16px;}
input, textarea, form button {min-width:50%;}
input[type="checkbox"]{min-width:auto;}
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, .item {float:left;}
.right {float:right;}
	.purp, .lpurp, .red, .hvr-rectangle-out:before, form button {background-color: #54294f; 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 {color: #54294f;}
	.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 img {display: inline-block;}
	.head .logo {width: 193px; margin: auto; left: 0; right: 0; position: absolute; z-index: 2;}
	.head .find {text-align: right;}
	.head .find .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;}
	.slider img, .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: 8px 0;}
	.slider .opentime strong, .slider .opentime .op-cell-periods .op-period-time {font-size: 38px; font-weight: 400;}
.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;}
.shops .box {width: 23.6%; margin: 0.7%;}
.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;}
	.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 .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:70px;}
	.footlinks {color: #54294f; 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;}
.hold .info table th {text-align: right; padding-right: 5px; width: 50%; text-transform: uppercase;color: #54294f;font-weight: 700;}
.hold .info table td {text-align: left; padding-left: 5px; width: 50%;font-weight: 500;}
.hold .info table .highlighted th, .hold .info table .highlighted td {border-top:solid 1px #7e7e7d;border-bottom:solid 1px #7e7e7d;color: #54294f !important; font-size: 18px; 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;}


	@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;}*/
		.hold .right.wht_b {word-wrap:break-word;}
		.wht_b .date {
			margin:20px 0;
		}
	}
	@media (max-width: 520px) {
		.news .item {
    width: 100%;
    display: block;
    margin: 1% 0;
}
		.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;}
	}