/*
Theme Name:     Mike & Tom
Theme URI:      http://www.mikeandtom.co.uk
Description:    Mike & Tom / Destination Wedding Photographers
Author:         Tom Pumford
Author URI:     Mike & Tom
Template:       twentytwelve                     
Version:        0.1.0
*/

@import url("../twentytwelve/style.css");

@font-face {
    font-family: 'brandon_grotesquelight';
    src: url('http://www.mikeandtom.co.uk/fonts/brandon_light-webfont.eot');
    src: url('http://www.mikeandtom.co.uk/fonts/brandon_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.mikeandtom.co.uk/fonts/brandon_light-webfont.woff') format('woff'),
         url('http://www.mikeandtom.co.uk/fonts/brandon_light-webfont.ttf') format('truetype'),
         url('http://www.mikeandtom.co.uk/fonts/brandon_light-webfont.svg#brandon_grotesquelight') format('svg');
    font-weight: normal;
    font-style: normal;
}




/** ------------ Table of Contents ------------ **/

	/** -------- 1.0 Core		   ------------ **/
	/** -------- 2.0 Header		   ------------ **/
	/** -------- 3.0 Footer		   ------------ **/
	/** -------- 4.0 Pages/Posts   ------------ **/
		/** ---- 4.1 General       ------------ **/
		/** ---- 4.2 Contact       ------------ **/
		/** ---- 4.3 Stripped      ------------ **/
		/** ---- 4.4 Blog          ------------ **/
		/** ---- 4.5 404           ------------ **/
		/** ---- 4.6 Privacy       ------------ **/
	    /** ---- 4.7 The Store     ------------ **/
	    /** ---- 4.8 Archive       ------------ **/
	    /** ---- 4.9 Password      ------------ **/
	/** -------- 5.0 WooCommerce   ------------ **/
	
		
/** ------------ Table of Contents ------------ **/



/** -------- 1.0 Core		   ------------ **/

html { 
	background:white;
	height:100%;
	width:100%;
	display:table;
}

body {
	background:white;
	height:500px;
	display:table-cell;
	vertical-align:middle;
	font-family: 'Montserrat', sans-serif;
}

body .site {
	margin:0;
	padding:0;
	box-shadow:none;
}

.site {
	max-width:none;
	margin:0;
	overflow:visible !important;
}

#page {
    width: auto;
    height:500px;
    white-space: nowrap;
}

h1, h2, h3, h4 {
	font-family: 'Montserrat', sans-serif;
	font-weight:normal;
}

p {
	margin:0;
	font-family: 'Montserrat', sans-serif;
	font-weight:normal;
	font-size:9px;
	color: rgba(0, 0, 0, 0.77);
	letter-spacing: 0.15em;
	-bracket-:hack;
        letter-spacing: 0.11em;
    );
	-webkit-font-smoothing:antialiased;
}
	
a:focus {
	outline:none;
}

.comment-content small {
	display:none;
}

.comment-content a {
	text-decoration:none !important;
}

ol.commentlist li article p {
	line-height:10px;
}


/** -------- 2.0 Header		   ------------ **/

.site-header {
	width:420px;
	height:500px;
	display:inline-block;
	overflow:hidden;
	padding:0 !important;
	margin:0 !important;
	vertical-align:top;
}

h1.site-title, a.site-title img {
	line-height:1px;
	margin-bottom:14px;
	margin-left:122px;
	margin-top:165px;
}

h2.site-description, h1.site-description {
	font-family: 'brandon_grotesquelight';
	font-size:10px;
	color: rgba(83, 83, 83, 1);
	letter-spacing: 1px;
	-webkit-font-smoothing:antialiased;
	margin-left:122px;
	text-transform:uppercase;
}

div.menu-focus-container {
	margin-left:122px;
}

.nav-menu {
	border:none !important;
}

.nav-menu li {
	padding:0;
	margin:0;
	font-family: 'brandon_grotesquelight';
	font-size:10px;
	color: rgba(83, 83, 83, 1);
	letter-spacing: 1px;
	-webkit-font-smoothing:antialiased;
	display:inline !important;
}

.nav-menu li:after {
	content: " /";
	white-space:pre;
}

.nav-menu li:nth-child(3)::after, .nav-menu li:nth-child(6)::after  {
	content: " / \A";
	white-space:pre;
}

.nav-menu li:last-child::after {
  	content: none;
}

.main-navigation {
	margin:0;
	padding:0;
	margin-top:26px;
}

.main-navigation li a {
	line-height:1.7;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
	color: #636363;
	font-weight: normal;
}



/** -------- 3.0 Footer		   ------------ **/

footer#colophon {
	width:300px;
	height:500px;
	vertical-align:top;
	padding:0;
	margin:0;
	border:none;
	display:inline-block;
	background:url('http://www.mikeandtom.co.uk/wp-content/themes/mikeandtom/images/footer-bg.png') no-repeat;
}

footer#colophon a:hover {
	color: rgba(83, 83, 83, 1);
}

.site-info {
	padding-left:50px;
	margin-top:30px;
}

p.made {
	font-family: 'brandon_grotesquelight';
	font-size:10px;
	color: rgba(83, 83, 83, 1);
	letter-spacing: 1px;
	-webkit-font-smoothing:antialiased;
	padding-bottom:22px;
}

a.blavou {
	font-family: 'brandon_grotesquelight';
	font-size:10px;
	color: rgba(83, 83, 83, 1);
	letter-spacing: 1px;
	-webkit-font-smoothing:antialiased;
	font-size:12px;
	text-decoration:none;
}


.footer-nav {
	line-height:1.8;
	padding-bottom:32px;
}

.footer-nav li, .address-footer span, .address-footer {
	padding:0;
	margin:0;
	font-family: 'brandon_grotesquelight';
	font-size:10px;
	color: rgba(83, 83, 83, 1) !important;
	letter-spacing: 1px;
	-webkit-font-smoothing:antialiased;
	text-transform:uppercase;
	text-decoration:none !important;
}

.footer-nav li a, .footer-nav li a:hover {
	text-decoration:none;
	color: rgba(83, 83, 83, 1);
}

.footer-nav li:after {
	content: " /";
}

.footer-nav li:last-child::after {
  	content: none;
}	


/** -------- 4.0 Pages/Posts   ------------ **/

	/** ---- 4.1 General       ------------ **/

div#main.wrapper {
	display:inline-block;
	height:500px;
	overflow:hidden;
	width:1000px;
	margin-right:80px;
}

.site-content {
	margin:0;
	margin-right:55px;
	width:100%;
}

.site-content article {
	border:none;
}

#content {
	padding:0 0 0 55px;;
}

header.entry-header {
	padding-top:67px;
	margin-bottom:23px;
}

h1.entry-title, h2.entry-title {
	padding-bottom:23px;
}

h1.entry-title, h2.mat-date, h2.entry-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 10px !important;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.77);
	letter-spacing: 0.1em;
	-webkit-font-smoothing:antialiased;
}

h1 span {
	margin-right:-2px;
}

#mat-column {
	float:left;
	overflow:hidden;
	margin-right:50px;
	white-space:pre-line;
}

#mat-column p {
	line-height:1.8;
}

#mat-column a {
	text-decoration:none;
	color: rgba(0, 0, 0, 0.77) !important;
}

.page-portfolios {
	display:inline-block;
	margin-right:6px;
	font-size:0;
	//*float:left;*//
}

img.pfl {
	margin-right:2px;
}



	/** ---- 4.2 Contact       ------------ **/

div.wpcf7 {
	margin-top:57px;
}

.contact-col {
	width:371px;
	float:left;
}

button, input, textarea {
	border:none;
	border-radius:0;
	background: url('http://www.mikeandtom.co.uk/wp-content/themes/mikeandtom/images/contact-bg.png') no-repeat white;
	text-transform: uppercase;
	background-position: bottom;
	width: 321px;
	height:20px;
	color: rgba(83, 83, 83, 0.73);
	letter-spacing: 1px;
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	padding:0;
	margin:0;
	-webkit-font-smoothing:antialiased;
}

input {
	padding-bottom:8px;
	padding-right:25px;
	padding-left:25px;
	display:inline;
	margin-bottom:38px;
}


input:focus {
	outline:0;
}

::-webkit-input-placeholder {
   	color: rgba(83, 83, 83, 0.73);
	letter-spacing: 1px;
	font-family: 'brandon_grotesquelight';
	font-size: 10px;
}

span.wpcf7-quiz-label {
	   	color: rgba(83, 83, 83, 0.73);
	letter-spacing: 1px;
	font-family: 'brandon_grotesquelight';
	font-size: 10px;
	display:none;
}

:-moz-placeholder { /* Firefox 18- */
   	color: rgba(83, 83, 83, 0.73);
	letter-spacing: 1px;
	font-family: 'brandon_grotesquelight';
	font-size: 10px;  
}

::-moz-placeholder {  /* Firefox 19+ */
   	color: rgba(83, 83, 83, 0.73);
	letter-spacing: 1px;
	font-family: 'brandon_grotesquelight'; 
	font-size: 10px; 
}

:-ms-input-placeholder {  
   	color: rgba(83, 83, 83, 0.73);
	letter-spacing: 1px;
	font-family: 'brandon_grotesquelight'; 
	font-size: 10px;
}

input.wpcf7-form-control.wpcf7-submit {
	border:none;
	border-radius:0;
	background: url('http://www.mikeandtom.co.uk/wp-content/themes/mikeandtom/images/send-bg.png') no-repeat white;
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	width: 164px;
	height:28px;
	text-transform: uppercase;
	background-position: bottom;
	box-shadow: none;
	color: rgba(0, 0, 0, 0.93);
	letter-spacing: 0.1em;
	-webkit-font-smoothing:antialiased;
}

div.contact-col textarea {
  	padding-bottom: 8px;
  	padding-right: 25px;
  	padding-left: 25px;
  	display: inline;
  	margin-bottom: 38px;
  	line-height:14px;
}

div.contact-col textarea:active, div.contact-col textarea:focus {
	outline:none;
	border:none;
	box-shadow:none;
}

div.wpcf7-response-output {
	padding:0;
	margin:0;
	border:0 !important;
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	color: rgba(0, 0, 0, 0.93);
	letter-spacing: 0.1em;
	padding-bottom:40px;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
	position: absolute;
	top: 0px;
	z-index: 100;
	border:none;
	background: white;
	height:20px;
	width:321px;
	left:25px;
	font-family: 'brandon_grotesquelight'; 
	font-size: 10px;
	text-transform:uppercase;
	padding:0;
}

div.wpcf7 img.ajax-loader {
	box-shadow:none;
}



/** ---- 4.3 Stripped      ------------ **/

html.stripped-html {
	display:block;
	height:100%;
	width:100%;
}

body.page-template-stripped-back-php, body.page-template-stripped-frame-php {
	background:white;
	width:100%;
	height:100%;
	display:block;
}

#page.stripped-back {
	width:856px;
	height:100%;
	margin:0 auto;
	white-space:normal;
	text-align:center;
}

#page.stripped-back #content {
	padding:0 !important;
}

h1.stripped-back-title {
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1;
	color: rgba(83, 83, 83, 0.73);
	letter-spacing: 1px;
	font-family: 'brandon_grotesquelight';
	padding-top:110px;
	padding-bottom:80px;
}

h3.stripped-back {
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	color: rgba(0, 0, 0, 0.93);
	letter-spacing: 0.1em;
	padding:80px 0 60px 0;
	text-transform:uppercase;
}

.stripped-par {
	text-align:left;
	padding-left:30px;
	padding-right:30px;
	line-height:18px;
}

.all-about-you {
	width:782px;
	margin-left:auto;
	margin-right:auto;
}

.all-about-you input {
	margin-bottom:62px;
}

.no-other-col {
	float:left;
}

.no-other-col span {
	text-align:left;
}

.no-other-full input {
	width:732px;
	background: url('http://www.mikeandtom.co.uk/wp-content/themes/mikeandtom/images/no-other-full.png') no-repeat white;
	height:20px;
	background-position:bottom;
}

.all-about-you img.ajax-loader {
	display:none;
}

.all-about-you input.wpcf7-form-control.wpcf7-submit {
	padding-bottom:25px;
	padding-top:9px;
	margin-bottom:0;
}

.all-about-you div.wpcf7 {
	margin:0;
	padding:0;
}

.hanging-frame {
	padding-top:120px;
}

h1.stripped-frame-title {
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1;
	color: rgba(83, 83, 83, 0.73);
	letter-spacing: 1px;
	font-family: 'brandon_grotesquelight';
	padding-top:35px;
	padding-bottom:50px;
}

body.page-template-stripped-frame-php .login-mat {
	padding:0 !important;
	margin:0 !important;
}

body.page-template-stripped-frame-php .login-mat img {
	margin-top:0 !important;
}

img.video-placeholder:hover {
	cursor:pointer;
}




/** ---- 4.4 Blog          ------------ **/

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
	border-radius:0;
	box-shadow:none;
}

body.blog img.attachment-post-thumbnail.wp-post-image {
	float:left;
}

body.blog .entry-header  {
	margin:0;
	float:left;
}

body.blog #content {
	padding:0;
}

body.blog .page-portfolios {
	margin:0;
}

body.blog article {
	display:inline-block;
	//*width:1730px;**/
}

.entry-title a {
	color: rgba(0, 0, 0, 0.77);
}

nav#nav-below.navigation {
	height:500px;
	float:right;
}

body.blog div#main.wrapper {
	width:auto;
	min-width:1675px;
	max-width:8800px;
}

.nav-previous, .nav-previous a {
	padding-top:235px;
	width:100%;
	font-family: 'brandon_grotesquelight'; 
	font-size: 10px;
	text-transform:uppercase;
	color: rgba(83, 83, 83, 0.73);
	text-decoration:none;
}

.nav-next, .nav-next a {
	font-family: 'brandon_grotesquelight'; 
	font-size: 10px;
	text-transform:uppercase;
	color: rgba(83, 83, 83, 0.73);
	width:100%;
	text-decoration:none;
}

div.suppliers {
	width:500px;
	height:500px;
	line-height: 2;
	overflow: hidden;
	float: left;
	background:url('http://www.mikeandtom.co.uk/wp-content/themes/mikeandtom/images/footer-bg.png') no-repeat;
}

body.single article {
	width:925px;
	float:left;
}

div#main.single-wrapper {
	display:inline-block;
	height:500px;
	width:1000px;
	margin-right:80px;
}

.suppliers p, ul.important-links p, ul.important-links h1 a, ul.important-links a {
	font-family: 'Montserrat', sans-serif;
	font-size: 10px !important;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.77);
	letter-spacing: 0.1em;
	-webkit-font-smoothing:antialiased;
	padding-left:50px;
	padding-bottom:10px;
}

ul.important-links p {
	padding-top:67px;
}

ul.important-links p.site-nav-impor {
	padding-top:47px !important;
}

ul.important-links p, ul.important-links h1 a, ul.important-links a {
	color:white !important;
	text-decoration:none;
}

#supplier-list {
	line-height:1.8;
	padding-left:50px;
	white-space:normal;
}

#supplier-list li, #supplier-list li a  {
	padding:0;
	margin:0;
	font-family: 'brandon_grotesquelight';
	font-size:10px;
	color: rgba(83, 83, 83, 1);
	letter-spacing: 1px;
	-webkit-font-smoothing:antialiased;
	text-transform:uppercase;
}




/** ---- 4.5 404          ------------ **/

body.error404 {
	width:100%;
	height:100%;
	display:block;
}

.sitemap-links h3 {
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1;
	color: rgba(83, 83, 83, 0.73);
	letter-spacing: 1px;
	font-family: 'brandon_grotesquelight';
	padding-top:70px;
	padding-bottom:30px;	
}

.sitemap-links ul li, .sitemap-links ul li a  {
	font-family: 'Montserrat', sans-serif;
	font-weight:normal;
	font-size:9px;
	color: rgba(0, 0, 0, 0.77);
	letter-spacing: 0.15em;
	-webkit-font-smoothing:antialiased;
	line-height:20px;
}



/** ---- 4.6 Privacy       ------------ **/

div#terms {
	text-align:left;
}

div#terms p {
	font-size:9px;
	padding-bottom:10px;
	line-height:12px;
}



/** ---- 4.7 The Store     ------------ **/

ul.store-nav {
	padding-bottom:50px;
}

ul.store-nav li, ul.store-nav li a  {
	display:inline;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1;
	color: rgba(83, 83, 83, 0.73);
	letter-spacing: 1px;
	font-family: 'brandon_grotesquelight';
	text-decoration:none;
}


ul.store-products {
	height:841px;
	width:856px;
}

ul.store-products li {
	display:inline-block;
	margin:0;
	float:left;
	list-style-type: none;
	margin-right:8px;
	width:422px;
	height:318px;
	position:relative;
	padding-bottom:8px;
}

ul.store-products li:nth-child(2n+2) {
	margin-right:0;
}

ul.store-products figure {
	position:relative;
	margin:0;
}

ul.store-products figure img {
	max-width:100%;
	position:relative;
	display:block;
	margin:0;
}

ul.store-products p {
	display:none;
}

ul.store-products figure h4 {
	color:black;
	font-size:8px;
}

ul.store-products figcaption {
	height:100%;
	width:100%;
	opacity:0;
	text-align:right;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	position:absolute;
	top:0;
	left:0;
	background:white;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.9);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff)";
}

ul.store-products figcaption h3, ul.store-products figcaption h4 {
	font-weight:normal;
	padding:0;
	margin:0;
	font-size:12px;
	color: rgba(83, 83, 83, 0.93);
	letter-spacing: 1px;
	font-family: 'brandon_grotesquelight';
	text-decoration:none;
	padding-right:45px;
}

ul.store-products figcaption h3 {
	padding-bottom:20px;
	margin-top:55%;
}

.no-touch figure:hover figcaption {
    opacity: 1;
}

/** ---- 4.8 Archive Page       ------------ **/


div#main.archive-wrapper {
	display:inline-block;
	height:500px;
	overflow:hidden;
	width:1000px;
	margin-right:80px;
}

body.archive.tag div.page-portfolios { 
	display:none !important;
}

#main div.page-portfolios {
	display:inline-block !important;
}

.archive-wrapper article {
	display:inline-block;
}

.archive-wrapper .page-portfolios {
	float:left;
}

.archive-wrapper #content {
	padding: 0 !important;
}

.tag-meta {
	display: inline-block;
	background:url('http://www.mikeandtom.co.uk/wp-content/themes/mikeandtom/images/cheshire-wedding-photographers-tags.jpg') no-repeat;
	height:500px;
	width:500px;
	margin-right:-1px;
	vertical-align:top;
	text-align:center;
}

h1.tag-meta-title {
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1;
	color: rgba(83, 83, 83, 1);
	letter-spacing: 1px;
	font-family: 'brandon_grotesquelight';
	padding-top:45%;
}


/** ---- 4.9 Password Page      ------------ **/



div#password-custom p {
	margin:0 !important;
	padding-top:40px;
}

div#password-custom input#pwbox-315 {
	margin:0 !important;
	padding:0 !important;
	padding: 0 20px 0 20px !important;
	background:white;
	border: 1px solid #c7c0c7;
	height:30px;
}

div#password-custom input#password-submit {
	margin:0 !important;
	padding:0 !important;
	background:white;
	border: 1px solid black;
	height:32px;
	border-radius:0;
	box-shadow:none;
	width:120px;
	color: rgba(0, 0, 0, 0.93);
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.1em;
	-webkit-font-smoothing:antialiased;
	text-shadow:none;
	font-weight:normal;
	font-size:10px;
}


/** -------- 5.0 WooCommerce   ------------ **/

body.woocommerce-page {
	background:white;
	width:100%;
	height:100%;
	display:block;
}

body.woocommerce-page .images, body.woocommerce-page .images img  {
	width:423px !important;
	box-shadow:none !important;
}

body.woocommerce-page .thumbnails {
	padding-top:12px !important;
}

body.woocommerce-page .thumbnails a {
	margin:0 !important;
	width:141px !important;
}

h1.product_title.entry-title {
	text-transform: uppercase;
	font-size: 12px !important;
	line-height: 1;
	letter-spacing: 1px;
	font-family: 'brandon_grotesquelight';
	text-align:left;
	padding-bottom:35px !important;
	padding-top:90px !important;
}

.summary p {
	font-size: 12px !important;
	line-height: 1;
	letter-spacing: 1px;
	font-family: 'brandon_grotesquelight';
	text-align:left;
	line-height:19px;
}

p.price {
	font-size:24px !important;
	color: #787878 !important;
	padding-bottom:25px;
}

div.quantity.buttons_added {
	display:none;
}

div.summary {
	width:381px !important;
}

.woocommerce-page button.button.alt, .woocommerce-page button.button.alt:hover {
	border:none;
	border-radius:0;
	background: url('http://www.mikeandtom.co.uk/wp-content/themes/mikeandtom/images/send-bg.png') no-repeat white;
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	width: 164px;
	height:28px;
	text-transform: uppercase;
	background-position: bottom;
	box-shadow: none;
	color: rgba(0, 0, 0, 0.93);
	letter-spacing: 0.1em;
	-webkit-font-smoothing:antialiased;
	text-shadow:none;
	font-weight:normal;
	outline:none;
}

.woocommerce .login-mat img {
	padding-top:60px;
}

.woocommerce-message, .woocommerce .woocommerce-message::before, .woocommerce-page .woocommerce-message::before {
	background:white !important;
	border:0 !important;
	box-shadow:none !important;
	content: none !important;
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	color: rgba(0, 0, 0, 0.93) !important;
	letter-spacing: 0.1em;
	line-height:33px;
}

.wc-forward::after, .wc-forward a::after, a.button.wc-forward, a.button.wc-forward:hover  {
	background:none;
	border-radius:0;
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	width: 90px;
	height:15px;
	text-transform: uppercase;
	background-position: bottom;
	box-shadow: none;
	color: rgba(0, 0, 0, 0.93);
	letter-spacing: 0.1em;
	-webkit-font-smoothing:antialiased;
	text-shadow:none;
	font-weight:normal;
	content:none !important;
	padding:8px 10px 5px 10px;
	margin-right:100px;
}

div.ppt, div.pp_details, a.pp_previous, a.pp_next {
	display:none !important;
}

div.pp_overlay {
	background:white;
	opacity:0.99 !important;
}

div.pp_woocommerce .pp_content_container {
	background:none;
	border:none;
	box-shadow:none;
}

div.pp_woocommerce .pp_gallery ul li a {
	border:1px solid white;
	border-radius:0;
	box-shadow:none;
}

.woocommerce table.shop_table, .woocommerce-page table.shop_table {
	border-radius:0 !important;
	border: 1px solid #c7c0c7;
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	color: rgba(0, 0, 0, 0.93);
	letter-spacing: 0.1em;
	-webkit-font-smoothing:antialiased;
	text-shadow:none;
	font-weight:normal;
	text-transform: uppercase;
}

.woocommerce table.shop_table th, .woocommerce-page table.shop_table th {
	font-weight:normal;
}

td.product-quantity .quantity.buttons_added {
	display:block !important;
	float:left;
}

tr.cart_item {
	color: rgba(83, 83, 83, 1);
	letter-spacing: 1px;
	font-family: 'brandon_grotesquelight'; 
	font-size: 10px; 
}

td.product-name a {
	text-decoration:none !important;
	color: rgba(83, 83, 83, 1);
}

td.product-name a:hover {
	color:black;
}

a.remove:hover {
	background:white !important;
	color:red !important;
}

input.input-text.qty.text, input.plus, input.minus {
	box-shadow:none !important;
	outline:none !important;
	font-weight:normal !important;
	border-radius:0 !important;
	background:white !important;
	text-shadow:none !important;
}

.woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info {
	padding:0 !important;
}

input.button {
	background:none !important;
	box-shadow:none !important;
	border:none !important;
	color: rgba(0, 0, 0, 0.93) !important;
	font-weight:normal !important;
	text-align:right;
}

input.checkout-button {
	border: 1px solid #c7c0c7 !important;
	height:30px;
	width:150px;
	border-radius:0 !important;
	background:none !important;
	box-shadow:none !important;
	border:none !important;
	color: rgba(0, 0, 0, 0.93) !important;
	font-weight:normal !important;
	text-shadow:none !important;
	text-align:center;
}

input.checkout-button.button.alt.wc-forward {
	border:1px solid black !important;
}

.cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
	float:left;
	width:100%;
	text-align:left;
	font-size: 10px !important;
	line-height: 1;
	letter-spacing: 1px;
	font-family: 'brandon_grotesquelight';
	text-align:left;
	line-height:19px;
	text-transform:uppercase;
}

.cart_totals h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	color: rgba(0, 0, 0, 0.93);
	letter-spacing: 0.1em;
	-webkit-font-smoothing:antialiased;
	text-shadow:none;
	font-weight:normal;
	text-transform: uppercase;
}

h3#order_review_heading, h3#ship-to-different-address {
	padding-top:50px;
	padding-bottom:30px;
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	color: rgba(0, 0, 0, 0.93);
	letter-spacing: 0.1em;
	-webkit-font-smoothing:antialiased;
	text-shadow:none;
	font-weight:normal;
	text-transform: uppercase;
}

div.woocommerce-billing-fields h3 {
	padding-bottom:30px;
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	color: rgba(0, 0, 0, 0.93);
	letter-spacing: 0.1em;
	-webkit-font-smoothing:antialiased;
	text-shadow:none;
	font-weight:normal;
	text-transform: uppercase;
}


.woocommerce-page table.shop_table tfoot th, td {
	font-weight:normal !important;
}

div#payment {
	margin-top:50px;
	background:white !important;
	border-radius:0 !important;
	border: 1px solid #c7c0c7 !important;
}

input#payment_method_paypal.input-radio, div#payment label {
	display:none;
}

div.payment_box.payment_method_paypal {
	background:none !important;
	box-shadow:none !important;
	text-shadow:none !important;
	color: rgba(0, 0, 0, 0.93);
}

.woocommerce #payment div.payment_box::after, .woocommerce-page #payment div.payment_box::after {
	border:none !important;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
	float:none;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	color: rgba(0, 0, 0, 0.93);
	letter-spacing: 0.1em;
	-webkit-font-smoothing:antialiased;
	text-shadow:none;
	font-weight:normal;
	text-transform: uppercase;
}

.col-1, .col-2 {
	width:100% !important;
}

form.checkout {
	width:782px;
	margin-left:auto;
	margin-right:auto;
}

form.checkout label {
	display:none !important;
}

form.checkout input {
	border:none;
	border-radius:0;
	background: url('http://www.mikeandtom.co.uk/wp-content/themes/mikeandtom/images/contact-bg.png') no-repeat white;
	text-transform: uppercase;
	background-position: bottom;
	font-size: 10px;
	line-height: 1;
	width: 321px;
	height:20px;
	color: rgba(83, 83, 83, 0.73);
	letter-spacing: 1px;
	font-family: 'brandon_grotesquelight';
	padding:0;
	margin:0;
}

.woocommerce-billing-fields p.form-row, .woocommerce-shipping-fields p.form-row {
	width:371px;
	padding:0; 
	margin:0;
	line-height: 1;
}

.woocommerce-billing-fields input.input-text, .woocommerce-shipping-fields input.input-text { 
	padding-bottom:15px !important;
	padding-right:25px !important;
	padding-left:25px !important;
	display:inline;
	margin-bottom:62px !important;
}

.woocommerce form .form-row-wide, .woocommerce-page form .form-row-wide {
    clear: none; !important;
    width:371px !important;
    float:right;
}

p#billing_address_2_field, p#billing_postcode_field, p#shipping_address_2_field, p#shipping_postcode_field {
	float:left;
}

.col-1 h3 {
	padding-bottom:60px !important;
}

h3#ship-to-different-address {
	width:100%;
	padding-bottom:45px;
}

h3#ship-to-different-address label, h3#ship-to-different-address {
	display:block !important;
	padding-top:0 !important;
}

h3#ship-to-different-address label, h3#ship-to-different-address input {
	text-align:center;
	cursor:pointer;
}

input#ship-to-different-address-checkbox.input-checkbox {
	-webkit-appearance:none;
	background: url('http://www.mikeandtom.co.uk/wp-content/themes/mikeandtom/images/checkbox.png') no-repeat white !important;
	margin-left:20px;
}

input-checkbox:hover {
	background:blue;
}



/** ---- !!EXTENDED FOR PORTFOLIO!!     ------------ **/

ul.store-nav li, ul.store-nav li a  {
	display:inline;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1;
	color: rgba(83, 83, 83, 0.73);
	letter-spacing: 1px;
	font-family: 'brandon_grotesquelight';
	text-decoration:none;
}

ul.manchester-links {
	height:500px;
	width:1125px;
}

ul.wedding-links {
	height:500px;
	width:6768px;
}

ul.wedding-links li, ul.manchester-links li {
	display:inline-block;
	margin:0;
	float:left;
	list-style-type: none;
	margin-right:2px;
	width:750px;
	height:500px;
	position:relative;
}

ul.manchester-links li {
margin-right:0 !important;}

div.manchester-weddings {
height: 500px;
vertical-align: top;
padding: 0;
margin: 0;
border: none;
display: inline-block;
background: url('http://www.mikeandtom.co.uk/wp-content/themes/mikeandtom/images/footer-bg.png') no-repeat;
width:1185px;
}

ul.manchester-links li {
width:375px;
height:250px;
}

ul.wedding-links figure, ul.manchester-links figure {
	position:relative;
	margin:0;
}

ul.wedding-links figure img, ul.manchester-links figure img {
	max-width:100%;
	position:relative;
	display:block;
	margin:0;
	height:500px;
}

ul.manchester-links figure img {
height:250px !important;}

ul.wedding-links p, ul.manchester-links p {
	display:none;
}

ul.wedding-links figure h4, ul.manchester-links figure h4 {
	color:black;
	font-size:8px;
}

ul.wedding-links figcaption, ul.manchester-links figcaption {
	height:100%;
	width:100%;
	opacity:0;
	text-align:right;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	position:absolute;
	top:0;
	left:0;
	background:white;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.9);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff)";
	text-align:center;
	cursor:pointer !important;
}

ul.wedding-links figcaption h3, ul.wedding-links figcaption h4, ul.manchester-links figcaption h3, ul.manchester-links figcaption h4 {
	font-weight:normal;
	padding:0;
	margin:0;
	font-size:12px;
	color: rgba(83, 83, 83, 1);
	letter-spacing: 1px;
	font-family: 'brandon_grotesquelight';
	text-decoration:none;
}

ul.wedding-links figcaption .fig-wrap, ul.manchester-links figcaption .fig-wrap {
	margin-top:29%
}

ul.manchester-links figcaption .fig-wrap {
margin-top:28%;
}

ul.wedding-links figcaption h3, ul.manchester-links figcaption h3 {
	padding-bottom:10px;
}


.no-touch figure:hover figcaption {
    opacity: 1;
}

p.made a {
	text-decoration:none;
}

/** ---- !!EXTENDED FOR COMMENTS!!     ------------ **/

div#comments.comments-area, div#comment-reply {
	width:900px;
	height:500px;
	line-height: 2;
	float: left;
	background:url('http://www.mikeandtom.co.uk/wp-content/themes/mikeandtom/images/footer-bg.png') no-repeat;
}

div#comment-reply {
	float:right !important;
	width:920px;
}

h2.comments-title, h3#reply-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 10px !important;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.77);
	letter-spacing: 0.1em;
	-webkit-font-smoothing:antialiased;
	padding-left:55px;
	background:url('http://www.mikeandtom.co.uk/wp-content/themes/mikeandtom/images/comments-break.png') no-repeat;
	background-position:bottom;
	padding-top:20px;
	padding-bottom: 23px;
	margin-bottom:0;
}

.comments-area article header cite {
	margin:0;
	font-family: 'Montserrat', sans-serif;
	font-weight:normal;
	font-size:9px;
	color: rgba(0, 0, 0, 0.77);
	letter-spacing: 0.15em;
	-bracket-:hack;
       letter-spacing: 0.11em;
   );
   padding-left:55px;
	-webkit-font-smoothing:antialiased;
}

header.comment-meta.comment-author.vcard {
	float:left;
	width:200px;
}

ol.commentlist li article {
	margin-bottom:0;
	padding-bottom:0;
	line-height:9px;
	width:900px;
}

.comments-area article header {
	margin:0;
	line-height:9px;
}

ol.commentlist li article p {
	margin:0 !important;
	line-height:14px;
}

#respond {
	margin-top:20px;
}

#respond form {
	padding:0 55px;
	margin-top:23px;
}

#respond form input {
	background:url('http://www.mikeandtom.co.uk/wp-content/themes/mikeandtom/images/comment-boxes.png') no-repeat;
	width:301px !important;
	height:40px;
	margin:0;
	padding:0 22px !important;
	font-family: 'brandon_grotesquelight';
	font-size:10px !important;
	color: rgba(83, 83, 83, 1);
	letter-spacing: 1px;
	-webkit-font-smoothing:antialiased;
	display:block;
	margin-bottom:10px;
}

div.respond-form-mat {
	width:301px;
	float:left;
	height:160px;
}

div.respond-area-mat {
	width:480px;
	height:140px;
	float:right;
}

div.respond-area-mat textarea {
	width:480px;
	height:140px;
	background:url('http://www.mikeandtom.co.uk/wp-content/themes/mikeandtom/images/comment-box-big.png') no-repeat;
	font-family: 'brandon_grotesquelight';
	font-size:10px !important;
	color: rgba(83, 83, 83, 1);
	letter-spacing: 1px;
	-webkit-font-smoothing:antialiased;
	padding:10px 22px !important;
}

div.respond-area-mat textarea:focus {
	outline:none !important;
}

div.respond-submit-mat {
	clear:both;
}

div.respond-submit-mat input {
	border:none !important;
	border-radius:0 !important;
	background: url('http://www.mikeandtom.co.uk/wp-content/themes/mikeandtom/images/send-bg.png') no-repeat white !important;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 10px !important;
	width: 164px !important;
	height:28px !important;
	text-transform: uppercase;
	background-position: bottom !important;
	box-shadow: none !important ;
	color: rgba(0, 0, 0, 0.93) !important;
	letter-spacing: 0.1em !important;
	-webkit-font-smoothing:antialiased !important;
	width:164px !important;
	text-align:left;
}

section.comment-content.comment {
	width:645px;
	white-space:normal;
	line-height:0.1;
	float:left;
}

h2.comments-title span {
	padding:0 30px 0 35px;
}

h2.comments-title a {
	color: rgba(0, 0, 0, 0.77);
	text-decoration:none;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {
	overflow: hidden;
	position: relative;
}

.jspContainer:focus, .scroll-pane:focus {
	outline:none !important;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 24px;
	width: 4px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #d3d3d3;
	position: relative;
}

.jspDrag
{
	background: #8f8f8f;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}


/*-- Slideshow -- */

body.page-template-slideshow {
	width:100vw;
}

body.page-template-slideshow #content {
	margin:0;
	padding:0;
}

body.page-template-slideshow .site-content article {
	margin-bottom:0;
	padding-bottom:0;
}

div#slideshow-reveal-container {
	width:1000px;
	height:100vh;
	display:table;
	margin:0 auto;
	text-align:center;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif !important;
	color: rgba(0, 0, 0, 0.93) !important;
	-webkit-font-smoothing:antialiased !important;
}

div.welcome-wrapper {
	vertical-align:middle;
	display:table-cell;
}

div.welcome-wrapper h3 {
	font-size:23px;
	margin-bottom:30px;
}

div.welcome-wrapper p {
	font-size:14px;
	line-height:23px;
}

div.button-slideshow, .welcome-wrapper input.wpcf7-form-control.wpcf7-submit {
	height:50px;
	width:257px;
	background:rgba(182, 190, 62, 0.65);
	margin:0 auto;
	margin-top:30px;
	transition: background-color 0.8s ease;
}

div.button-slideshow:hover, .welcome-wrapper input.wpcf7-form-control.wpcf7-submit:hover {
	background:#1c1c1c;
}

div.welcome-wrapper a, .welcome wrapper input.wpcf7-form-control.wpcf7-submit {
	color:white;
	text-decoration:none;
	line-height:50px;
	display:block;
}

div.facebook, div.twitter, div.google {
	 background: rgb(197, 197, 197) !important;
	width:257px;
	margin:0 auto;
	transition: background-color 0.8s ease;
}

div.facebook:hover {
	background: rgb(46, 95, 223) !important; 
}

div.twitter:hover {
	background: rgb(108, 182, 236) !important;
}

div.google:hover {
	background: rgb(231, 82, 94) !important;
}

.welcome-wrapper form {
	margin-bottom:125px;
}

.form-contact {
	width:960px;
	border:1px solid rgba(0, 0, 0, 0.13);
	margin:0 auto;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    font-family: 'Montserrat', sans-serif !important;
	color:#232323;
}

div.welcome-wrapper .wpcf7 {
	margin-top:20px !important;
}

.form-contact .col {
	width:478px;
	float:left;
}

.col.right {
	border-left: 1px solid rgba(0, 0, 0, 0.13);
}

.form-contact .text-sections {
	clear:both;
}

.form-contact span.wpcf7-form-control-wrap {
	height:69px;
	width:100%;
}

.form-contact input {
	width:388px;
	height:69px;
	border-bottom:1px solid rgba(0, 0, 0, 0.13);
	padding-bottom:0;
	margin-bottom:0;
	background:none;
	padding-left:45px;
	padding-right:45px;
	 transition: background-color 0.8s ease;
	 line-height:70px;
	 font-family: 'Montserrat', sans-serif !important;
	color: rgba(0, 0, 0, 0.93) !important;
	-webkit-font-smoothing:antialiased !important;
	font-size:12px;
	 letter-spacing: 0.1em;
}

.form-contact input:hover {
	background:#f1f1f1;
}

.form-contact .col.right input {
	width:389px !important;
}

.form-contact ::-webkit-input-placeholder {
   	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif !important;
	color: rgba(0, 0, 0, 0.93) !important;
	-webkit-font-smoothing:antialiased !important;
	font-size:12px;
	 letter-spacing: 0.1em;
}

.form-contact :-moz-placeholder { /* Firefox 18- */
   	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif !important;
	color: rgba(0, 0, 0, 0.93) !important;
	-webkit-font-smoothing:antialiased !important;
	font-size:12px;
	 letter-spacing: 0.1em;
}

.form-contact ::-moz-placeholder {  /* Firefox 19+ */
   	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif !important;
	color: rgba(0, 0, 0, 0.93) !important;
	-webkit-font-smoothing:antialiased !important;
	font-size:12px;
	 letter-spacing: 0.1em;
}

.form-contact :-ms-input-placeholder {  
   	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif !important;
	color: rgba(0, 0, 0, 0.93) !important;
	-webkit-font-smoothing:antialiased !important;
	font-size:12px;
	 letter-spacing: 0.1em;
}

body.page-template-slideshow input:active, body.page-template-slideshow input:focus {
   	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif !important;
	color: rgba(0, 0, 0, 0.93) !important;
	-webkit-font-smoothing:antialiased !important;
	font-size:12px;
	 letter-spacing: 0.1em;
	 background:#f1f1f1;
}

.form-contact textarea {
	  width: 868px;
 	 background: none;
 	 height: 80px;
	  padding-top: 30px;
	  padding-left: 45px;
	  padding-right: 45px;
	  border-bottom: 1px;
	  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
	  padding-bottom:30px;
	  line-height:25px;
	   transition: background-color 0.8s ease;
	   	font-family: 'Montserrat', sans-serif !important;
	color: rgba(0, 0, 0, 0.93) !important;
	-webkit-font-smoothing:antialiased !important;
	font-size:12px;
}

.form-contact textarea.final {
	border-bottom:none !important;
}

.form-contact textarea:hover,  body.page-template-slideshow textarea:focus, body.page-template-slideshow textarea:active {
	background:#f1f1f1;
	box-shadow:none;
	outline:none !important;
	 text-transform:uppercase;
	font-family: 'Montserrat', sans-serif !important;
	color: rgba(0, 0, 0, 0.93) !important;
	-webkit-font-smoothing:antialiased !important;
	font-size:12px;
	 letter-spacing: 0.1em;
}

.welcome-wrapper input.wpcf7-form-control.wpcf7-submit {
	padding:0;
	font-size:14px;
	margin-bottom:45px !important;
	color:white !important;
	appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
}

body.page-template-slideshow .use-floating-validation-tip span.wpcf7-not-valid-tip {
	 text-transform: uppercase;
 	 padding: 25px 0 0 0;
	  padding-left: 45px;
	  padding-right:45px;
	  top: -23px;
	  left: 0;
  	width:388px;
  	text-align:left;
  	font-family: 'Montserrat', sans-serif !important;
  	font-size:12px;
}

body.page-template-slideshow .text-sections span[role="alert"] {
	top:0;
          width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 45px;
  width: 868px;
  height: 80px;
  padding-top: 25px;
  padding-bottom: 25px;
}

.form-contact div.wpcf7-validation-errors {
	color:red !important;
}

body.page-template-slideshow ul.slides {
	  width: 960px;
  	margin: 0 auto;
 	 margin-top: 30px;
}

body.page-template-slideshow ul.slides li {
	  width: 230px;
	  height: 230px;
	  border: 1px solid rgba(0, 0, 0, 0.13);
	  float: left;
	  margin-right: 10px;
	  text-align:center;
	  margin-bottom:10px;
}

body.page-template-slideshow ul.slides li a {
	width:230px;
	height:230px;
	display:block;
	 transition: background-color 0.8s ease;
	 text-decoration:none;
}

body.page-template-slideshow ul.slides li a:hover {
	background:#f1f1f1;
}

body.page-template-slideshow ul.slides figure h4, body.page-template-slideshow ul.slides figure p {
	font-size:14px;
	line-height:23px;
	text-transform:uppercase;
	color:black;
	text-decoration:none;
		color: rgba(0, 0, 0, 0.93) !important;
	-webkit-font-smoothing:antialiased !important;
	font-size:14px;
	 letter-spacing: 0.1em;
	 margin-top
}

body.page-template-slideshow ul.slides figure p {
	font-size:11px;
	color:rgba(182, 190, 62, 0.65) !important;
	padding-top:10px;
}
	
body.page-template-slideshow ul.slides figure h4 {
	padding-top:90px;
}

body.page-template-slideshow ul.slides li:nth-child(4n+4) {
	margin-right:0 !important;
}

body.single-slideshows, body.single-slideshows #page, body.single-slideshows article, body.single-slideshows #primary, body.single-slideshows #slideshow-reveal-container, body.single-slideshows #content   {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	width:100vw;
	height:100vh;
}

body.single-slideshows .post-password-form {
	width:1000px;
	margin:0 auto;
	display:table;
	height:100vh;
	text-align:center;
}

body.single-slideshows .post-password-form p:first-child {
	display:none;
}

body.single-slideshows .post-password-form p {
	display:table-cell;
	vertical-align:middle;
}

body.single-slideshows .welcome-wrapper {
  width: 1000px;
  margin: 0 auto;
 white-space:normal;
  margin-top: 100px;
  display:block;
}


/*-- Comment Form Additional -- */

h2.comments-title, h3#reply-title {
	margin-top:0 !important;
	padding-top:0 !important;
	background:none;
}

.comments-wrapper {
	margin-top:47px;
	margin-right:15px;
}

ul.commentlist {
	border:1px solid rgba(0, 0, 0, 0.17);
	margin-left:55px;
	height:360px;
	overflow-y:scroll;
}

ul.commentlist li article {
	width:730px !important;
	padding:0 40px;
	margin-bottom:0 !important;
}

ul.commentlist li article header.comment-meta.comment-author.vcard {
	width:100%;
	padding-bottom:5px;
	text-transform:uppercase;
}

ul.commentlist article header cite {
	padding:0;
	margin:0;
}

ul.commentlist section.comment-content.comment {
	border-bottom:1px solid rgba(0, 0, 0, 0.17);
	width:730px;
}

ul.commentlist section.comment-content.comment p {
	margin-bottom:15px !important;
}

ul.commentlist article header cite a:hover {
	color:black !important;
}

#comment-reply #respond {
	margin-top:47px;
}

#comment-reply #respond h3 {
	padding-left:55px;
}

#comment-reply .comment-form {
	margin:0 !important;
	padding-left:55px !important;
}

#comment-reply p.comment-notes {
	display:none;
}

#comment-reply p {
	margin:0 !important;
}

#comment-reply p input, #comment-reply p input:active, #comment-reply p textarea {
	width:830px !important;
	border:1px solid rgba(0, 0, 0, 0.17);
	background:none !important;
	padding:0 35px !important;
	height:54px;
	line-height:54px;
	font-family: 'Montserrat', sans-serif;
  	font-size: 10px !important;
 	 text-transform: uppercase;
  	color: rgba(0, 0, 0, 0.77);
 	 letter-spacing: 0.1em;
  	-webkit-font-smoothing: antialiased;
}

#comment-reply p textarea {
	height:100px !important;
	line-height:15px;
	padding:22px 35px !important;
}

#comment-reply p textarea:active, #comment-reply p textarea:focus {
	outline:none !important;
	box-shadow:none !important;
}

#comment-reply p input:active, #comment-reply p input:focus {
	text-transform:none !important;
}

#comment-reply :-moz-placeholder { /* Firefox 18- */
	font-family: 'Montserrat', sans-serif;
  	font-size: 10px !important;
 	 text-transform: uppercase;
  	color: rgba(0, 0, 0, 0.77);
 	 letter-spacing: 0.1em;
  	-webkit-font-smoothing: antialiased;
}

#comment-reply ::-moz-placeholder {  /* Firefox 19+ */
	font-family: 'Montserrat', sans-serif;
  	font-size: 10px !important;
 	 text-transform: uppercase;
  	color: rgba(0, 0, 0, 0.77);
 	 letter-spacing: 0.1em;
  	-webkit-font-smoothing: antialiased;
}

#comment-reply :-ms-input-placeholder {  
	font-family: 'Montserrat', sans-serif;
  	font-size: 10px !important;
 	 text-transform: uppercase;
  	color: rgba(0, 0, 0, 0.77);
 	 letter-spacing: 0.1em;
  	-webkit-font-smoothing: antialiased;
}

#comment-reply ::-webkit-input-placeholder {
	font-family: 'Montserrat', sans-serif;
  	font-size: 10px !important;
 	 text-transform: uppercase;
  	color: rgba(0, 0, 0, 0.77);
 	 letter-spacing: 0.1em;
  	-webkit-font-smoothing: antialiased;
}

#comment-reply p input#email, #comment-reply p input#url {
	width:758px !important;
}

#comment-reply p.form-allowed-tags {
	display:none !important;
}

#comment-reply p.form-submit input {
  	border: none;
  	background: #1c1c1c !important;
  	width: 200px !important;
  	color: white;
  	margin-top:10px;
  	border-radius:0 !important;
  	transition: background-color 0.8s ease;
}

#comment-reply p.form-submit input:hover {
	background:#6c6c6c !important;
}

p.comment-awaiting-moderation {
	display:none;
}

div.custom-tag-posts {
  	height: 500px;
  	vertical-align: top;
  	padding: 0;
  	margin: 0;
  	border: none;
  	display: inline-block;
  	background: url('http://www.mikeandtom.co.uk/wp-content/themes/mikeandtom/images/footer-bg.png') no-repeat;
}

div.custom-tag-posts article {
	float:left;
}

body.page-template-category-custom #main.wrapper {
	width:1000px !important;
}

body.page-template-category-custom .custom-tag-posts  article {
	width:1810px;
}

body.page-template-category-custom .custom-tag-posts  article a img {
	float:left;
}

ul.important-links {
height: 500px;
  vertical-align: top;
  padding: 0;
  margin: 0;
  border: none;
  display: inline-block;
  background: #1c1c1c;
  color: white;
  width: 500px;
  margin-right: 100px;
}

body.page-template-default #main {
	width:1000px !important;
	white-space: normal;
}

body.page-template-default span {
	color:rgb(186, 174, 56);
	text-decoration:underline;
}

body.page-template-default h2.site-description {
	text-transform:uppercase !important;
}

.alternative-cf, .alternative-images {
  height: 500px;
  vertical-align: top;
  padding: 0;
  margin: 0;
  border: none;
  display: inline-block;
  color: white;
  width: 500px;
  margin-right: 100px;
}

.alternative-cf {
	width:750px;
}

.alternative-cf .contact-col {
	padding-top:40px;
}

.alternative-cf .contact-col textarea {
	height: 164px;
  	background: none;
  	border: 1px solid rgba(0, 0, 0, 0.17);
  	margin-bottom:10px;
  	padding:20px;
  	font-family: 'Montserrat', sans-serif;
  	font-weight: normal;
  	color: rgba(0, 0, 0, 0.77);
 	 letter-spacing: 0.15em;
 	 -bracket-: hack;
  	letter-spacing: 0.11em;
  	-webkit-font-smoothing: antialiased;
}

.alternative-cf .contact-col textarea:focus, .alternative-cf .contact-col textarea:active {
	border: 1px solid rgba(0, 0, 0, 0.17);
}
	

.alternative-cf .contact-col input {
	background:none;
	border: 1px solid rgba(0, 0, 0, 0.17);
	height:60px;
	line-height:60px;
	margin-bottom:10px;
	padding:0 20px;
	font-family: 'Montserrat', sans-serif;
  	font-weight: normal;
  	color: rgba(0, 0, 0, 0.77);
 	 letter-spacing: 0.15em;
 	 -bracket-: hack;
  	letter-spacing: 0.11em;
  	-webkit-font-smoothing: antialiased;
}

.alternative-cf .contact-col input[type="submit"] {
	height:62px;
	background:#1c1c1c;
	color:white;
	width:200px;
}

.alternative-cf .contact-col input[type="submit"]:hover {
	background:rgb(97, 97, 97);
}

.alternative-cf .use-floating-validation-tip span.wpcf7-not-valid-tip {
	left:20px !important;
}

.alternative-cf textarea span.wpcf7-not-valid-tip {
	top:20px !important;
}

.alternative-images {
	width:6041px !important;
	font-size:0;
	margin-right:0 !important;
}

.password-wrapper {
	width:100%;
	height:100vh;
	display:table;
	text-align:center;
}

.password-inner {
	vertical-align:middle;
	display:table-cell;
}

p.password-par {
	font-size: 11px;
  	text-transform: uppercase;
  	color: black;
  	padding-bottom:20px;
}

.password-inner input {
	width:350px;
	height:55px;
	border:1px solid rgba(0, 0, 0, 0.17);
	background:none;
	line-height:55px;
	padding-bottom:0;
	text-align:center;
	font-size:12px;
	padding:0 !important;
}

.password-inner input[type="submit"] {
	background:#1c1c1c !important;
	border:none;
	border-radius:0;
	height:60px;
	color:white;
	line-height:60px;
	width:351px;
}



/** ----- Brochure Pages -----**/

body.page-template-brochure {
    background: white;
    width: 100%;
    height: 100%;
    display: block;
}

.brochure-header {
	height: 100vh;
  	-webkit-background-size: cover !important;
  	-moz-background-size: cover !important;
  	-o-background-size: cover !important;
  	background-size: cover !important;
  	position:relative;
  	padding:0 !important;
  	margin: 0 !important;
  	box-sizing:border-box;
 	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
  	width:100%;
  	display:table !important;
}

body.page-template-brochure #page.stripped-back {
	width:100% !important;
}

h2.brochure-sec-title {
    text-transform: uppercase;
    color: white;
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    font-weight: normal;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    padding-top: 16px;
    letter-spacing: 0.25em;
}
	
h3.brochure-title {
font-size: 27px;
    color: black;
    letter-spacing: 0.25em;
    font-weight: bold;
    margin-bottom:80px;
    font-family: 'brandon_grotesquelight';
}

p.brochure-content {
    font-family: 'brandon_grotesquelight';
    font-size: 14px;
    color: rgba(0, 0, 0, 0.76);
    letter-spacing: 0.25em;
    -webkit-font-smoothing: antialiased;
    line-height: 25px;
    font-weight: 100;
}

p.brochure-content span, p.brochure-content a {
	text-decoration:none;
	color:rgba(0, 0, 0, 0.86);
	font-weight:bold;
}

body.page-template-brochure .brochure-images {
	margin-top:230px;
	margin-bottom:230px;
}

.brochure-images img {
	padding-right:2px;
}

.three {
	max-width:1602px;
	margin:0 auto;
}

.three img {
	width:32%;
}

.one {
	max-width:941px;
	margin:0 auto;
}

.one img {
	width:100%;
}

.two {
	max-width:1064px;
	margin:0 auto;
}

.two img {
	width:49%;
}

.mod {
	max-width:1094px;
	margin:0 auto;
}

.mod img {
	width:49%;
}

.full img {
	width:100%;
}

.alb {
	max-width:1056px;
	margin:0 auto;
}

.alb img {
	width:100%;
}

.brochure-images img:last-child {
	padding-right: 0 !important;

}

.four {
	max-width:906px;
	margin:0 auto;
}

.four img {
	width:49%;
}

.four img:nth-child(even) {
	padding-right:0 !important;
}

body.page-id-2494 .alternative-images { display:none }

/** ------ Seo ----- **/

body.page-id-2851 h1.stripped-back-title, body.parent-pageid-2851 h1.stripped-back-title, body.page-id-2851 footer.stripped, body.parent-pageid-2851 footer.stripped { display:none}

.life-wrapper {
	margin-top:100px;
}

img.seo-logo {
	margin-bottom:60px;
}

.life-wrapper p {
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	letter-spacing: 1px;
    	-webkit-font-smoothing: antialiased;
    	font-weight:lighter;
    	line-height:40px;
}

.life-wrapper p span, .life-wrapper a  {
	color:#F26522;
	text-decoration:none;
}

.life-wrapper p span {
	font-size:24px;
}

a.life-text-button {
	color:white;
	font-size:28px;
	width:598px;
	height:78px;
	background:#F26522;
	display:block;
	margin:0 auto;
	line-height:74px;
	margin-bottom:30px;
	transition: background-color 0.8s ease;
}

a.life-text-button:hover {
	background:#FF864D;
}

.life-wrapper input {
	width:518px;
	height:78px;
	border:1px solid rgba(0, 0, 0, 0.2);
	background:none;
	padding:0 40px !important;
	margin:0;
	margin-bottom:12px;
	color:black;
	font-family: 'Open Sans', sans-serif;
    	-webkit-font-smoothing: antialiased;
    	font-weight:lighter;
    	text-transform:none;
    	font-size:28px;
}

.life-wrapper input.wpcf7-form-control.wpcf7-submit {
	color:white;
	font-size:28px;
	width:598px;
	height:78px;
	background:none;
	background:#F26522;
	display:block;
	margin:0 auto;
	line-height:74px;
	margin-bottom:30px;
	transition: background-color 0.8s ease;
	text-transform:none;
	font-family: 'Open Sans', sans-serif;
	font-weight:lighter;
}

.life-wrapper input.wpcf7-form-control.wpcf7-submit:hover {
	background:#FF864D;
}
	
.pay-pal-button input {
	width:598px !important;
	padding:0 !important;
	border:none !important;
}

.life-addons {
	width:800px;
	border:1px solid rgba(0, 0, 0, 0.2);
	border-radius: 15px;
	margin:0 auto;
	margin-top:30px;
}

.life-row {
	width:100%;
	height:110px;
	border-bottom:1px solid rgba(0, 0, 0, 0.2);
}

.life-row:last-child {
	border-bottom:none;
}

.life-row p {
	display:inline;
	float:left;
	margin-left:30px;
	line-height:110px;
}

.life-row-buttons {
	display:inline;
	float:right;
	margin-right:30px;
	margin-top:28px;
}
	
.life-row-buttons a, .life-row-buttons input, .life-row-buttons form {
	width:158px;
	height:50px;
	background:#d3d3d3;
	display:block;
	line-height:50px;
	color:black;
	float:left;
	font-family: 'Open Sans', sans-serif;
	font-weight:lighter;
	-webkit-font-smoothing: antialiased;
	font-size:18px;
}

.life-row-buttons input {
	padding:0 !important;
	margin:0 !important;
	border:0 !important;
}

.life-row-buttons form {
	margin-left:1px;
}

.life-row-buttons br {
	display:none;
}

.form-contact.bucket {
	width:800px !important;
	margin:0 !important;
}

.form-contact.bucket input, .form-contact.bucket textarea {
	width:708px;
}

.form-contact.bucket textarea {
	height:110px;
	border-bottom:none !important;
}

.form-contact.bucket textarea, .form-contact.bucket textarea:hover, .form-contact.bucket textarea:active, .form-contact.bucket textarea:focus {
	outline:none !important;
}

.bucket-contact {
	background:#f1f1f1;
	text-align:left;
	width:800px;
}

.bucket-contact img {
	margin-top:30px;
}

body.page-id-3169 .stripped-back {
	width:800px !important;
}

.welcome-wrapper.bucketform .wpcf7 {
	margin-top:0 !important;
}

body.page-id-3169 .use-floating-validation-tip span.wpcf7-not-valid-tip {
	 text-transform: uppercase;
 	 padding: 25px 0 0 0;
	  padding-left: 45px;
	  padding-right:45px;
	  top: -23px;
	  left: 0;
  	width:708px;
  	text-align:left;
  	font-family: 'Montserrat', sans-serif !important;
  	font-size:12px;
}

body.page-id-3169 span[role="alert"] {
	top:0;
          width: 100%;
  	height: 100%;
  	margin: 0;
  	padding: 0 45px;
  	width: 708px;
}

body.page-id-3169 .text-area-bucket span[role="alert"] {
    height: 110px;
    margin-top: 25px;
}

body.single h2.mat-date, body.archive h2.mat-date, body.tag h2.mat-date {
	margin-bottom:23px; 
}




/** ------- Brochure - Responsive ------- **/

@media screen and (max-width:400px){
	
body.page-template-brochure img { 
	margin-right:0 !important; 
	padding-right:0 !important;
	width:100% !important;
}

.brochure-images {
	margin-top:50px !important;
	margin-bottom:50px !important;
}

h1.brochure-title img {
	width:62% !important;
}

p.brochure-content, p.brochure-content.bach {
	width:80% !important;
	padding:0 10% !important;
}

 h3.brochure-title {
	font-family: 'Montserrat', sans-serif !important;
	margin-top:50px !important;
	font-weight:normal;
	padding:0 10%;
	line-height:40px;
	margin-bottom:40px !important;
}

p.brochure-content.end {
	margin-bottom:0 !important;
}

}

p.mobstyle {display:block !important}









body.page-id-2563 {
	background:white;
	color:rgba(158, 158, 158, 0.72);
	-webkit-font-smoothing: antialiased;
	font-size:18px;
}

body.page-id-2563 p {
	color:rgba(158, 158, 158, 0.72);
	-webkit-font-smoothing: antialiased;
	font-size:18px;
}

.mtop {
	max-height:77px;
	padding-top:0 !important;
	padding-bottom:0 !important;
	position:fixed;
	background:white;
	z-index:9999;
}

.mwelc {
	padding-top:173px !important;
}

.mfull {
	width:100%;
	border-bottom:1px solid rgba(0, 0, 0, 0.08);
	padding-top:100px;
	padding-bottom:100px;
}

.mwrap {
	width:100%;
	max-width:1152px;
	margin:0 auto;
}

.mlogo {
	display:inline-block;
}

.mnav {
	float:right;
	display:inline-block;
}

.mnav li {
	display:inline;
	margin-right:30px;
	height:77px;
	line-height:77px;
}

.mnav li a {
	text-decoration:none;
	color:black;
	text-transform:uppercase;
	font-family:helvetica neue;
	font-size:12px;
	letter-spacing:0.08em;
	font-weight:bold;
}

.mnav li.msocial {
	margin-right:20px;
	vertical-align:sub;
}

.mnav li:last-child {
	margin-right:0 !important;
}

.mnav li.msocial.mfb {
	margin-left:10px;
	margin-right:25px;
}

.mwrap h1, .mwrap h2, .mwrap .mintrop {
	font-size:24px;
}

.mwrap h1, .mwrap h2 {
	color:black;
	line-height:40px;
}

.mwrap h1 {
	font-weight:600;
	margin-bottom:26px;
}

.mwrap h1 span {
	font-weight:normal;
}

.mintrop {
	line-height:36px;
	letter-spacing:0;
}

.mfeatures {
	font-size:0;
	margin-bottom:60px;
	display:inline-block;
}

.mfeatures li {
	width:364px;
	display:inline-block;
	margin-right:30px;
	margin-bottom:30px;
}

.mfeatures li:nth-child(3n+3) {
	margin-right:0;
}

.mfeatures li a {
	display:block;
	position:relative;
}

.mfeatures li figure {
	font-size: 20px;
    	position: absolute;
    	z-index: 1111;
    	width: 100%;
    	top: 0;
    	height: 100%;
    	background: #bbd9d9;
    	opacity:0;
}

.mfeatures li figure:hover {
	opacity:1;
}

.mfeatures li figure figcaption span {
    	position: absolute;
    	left: 50%;
    	transform: translate(-50%,-50%);
    	top: 50%;
    	color:black;
    	text-transform:uppercase;
    	font-size:12px;
    	letter-spacing:0.08em;
}

.mcontent h2 {
	font-weight:normal;
	margin-bottom:5px;
}

.mcontent p {
	line-height:30px;
	letter-spacing:0.02em;
	padding-top:30px;
}

.mcontent p a {
	text-decoration:none;
	color:black;
}

.mfeatures.vf li {
	float:left;
	margin-right:0;
}

.mfeatures.vf li:first-child {
	width:758px;
	margin-right:30px;
}

.mfeatures.vf li:first-child img {
	width:100%;
}

.mwrap.fw {
	font-size:12px;
	padding-top:80px;
}

.mwrap.fw a  {
	color:black;
	text-decoration:none;
	font-family:'Montserrat', sans-serif;
}

ul.mftop {
	float:left;
}

ul.mftop li {
	display:inline-block;
	margin-right:15px;
}

ul.mftop li:last-child {
	margin-right:0;
}

p.mfbottom {
	margin-top:20px;
	color:black !important;
	margin-bottom:120px;
	float:left;
	clear:both;
	font-family:'Montserrat', sans-serif;
	font-size:12px !important;
	letter-spacing:0;
}

.mfootright {
	float:right;
}

.lislide {
	float:left;
	width:50%;
}

.lislide h3 {
	font-weight:normal;
	text-transform:uppercase;
	font-size:18px;
	color:black;
	padding-bottom:20px;
	letter-spacing:0.04em;
}

.rs {
	padding-top:30px !important;
}

.rs .lislide h3 {
	padding-bottom:0;
	padding-top:20px;
}

.lislide p {
	padding-right:15px;
	line-height: 30px;
    	letter-spacing: 0.02em;
}

.lislide:nth-child(2n+2) p, .lislide:nth-child(2n+2) h3 {
	padding-left:15px;
	padding-right:0;
}

.unslider {
	position:relative;
	overflow:visible !important;
}

.unslider-arrow {
	top:50%;
	transform: translate(-50%, -50%);
	height:32px;
	width:32px;
	text-indent:9999px;
	overflow:hidden;
}

.unslider-arrow.next {
	right:-70px !important;
	background:url('http://www.mikeandtom.co.uk/manc/images/next.png') no-repeat;
}

.unslider-arrow.prev {
	left:-70px !important;
	background:url('http://www.mikeandtom.co.uk/manc/images/prev.png') no-repeat;
}

.unslider-nav {
	display:none;
}

.show-menu {
	display: none;
}

input[type=checkbox]{
    	display: none;
}

input[type=checkbox]:checked ~ .mnav{
    	display: block;
}

.minner {
	color:black;
}

strong.minner {
	font-weight:500;
}



@media screen and (max-width: 1340px) {
	.unslider-nav {
		display:block;
	}
	.unslider-arrow {
		display:none;
	}
	.unslider ol {
		clear:both;
		text-align:center;
		padding-top:50px !important;
	}
	.unslider ol li {
		display:inline-block;
		text-indent:-9999px;
		width: 1px;
    		height: 1px;
    		margin: 0 4px;
    		padding: 3px;
    		background: transparent;
    		border-radius: 5px;
    		overflow: hidden;
    		border: 2px solid black;
    		cursor: pointer;
    		opacity: .4;
	}
	.unslider ol li.unslider-active {
		background: black;
    		cursor: default;
    		opacity: 1;
	}
}


@media screen and (max-width: 1222px) {
	.mwrap {
		padding-left:35px;
		padding-right:35px;
		box-sizing:border-box;
	}
	.mfeatures li, .mfeatures.vf li, .mfeatures.vf li:first-child  {
		max-width: 364px;
    		margin-right: 1%;
    		margin-bottom:1%;
    		width:32.666666%;
	}
	.mfeatures li img, .mfeatures.vf li img {
		width:100%;
		height:auto;
	}
	.mfeatures.vf li:nth-child(3n+3) {
		margin-right:0;
	}
	.mfeatures.vf li {
		padding-top:2px;
	}
	.mfeatures.vf li:first-child {
		float:none;
		padding-top:0;
	}
	.mfeatures.vf li:nth-child(2n+2) {
		float:left;
	}
	.mfeatures.vf li:nth-child(3n+3) {
		float:right;
	}
}

@media screen and (max-width: 1012px) {
	.mnav li {
		margin-right:15px;
	}
}

@media screen and (max-width: 890px) {
	p.mintrop br {
		display:none;
	}
	p.mfbottom {
		margin-bottom:40px;
	}
	.mfootright {
		margin-bottom:120px;
		float:left;
		clear:both;
	}
	ul.mnav {
		position: static;
		display: none;
		width: 100%;
    		margin-top: -3px;
    		background: grey;
    		padding:20px 30px;
    		box-sizing:border-box;
	}
	ul.mnav li {
		margin-bottom: 1px;
		height:30px;
		line-height:30px;
		margin-right:20px;
		cursor:pointer;
	}
	ul.mnav li.msocial {
		display:none;
	}
	ul.mnav li, ul.mnav li a {
		width: 100%;
		color:white;
	}
	.show-menu {
		display:block;
		text-indent:-9999em;
		width:26px;
		height:19px;
		background:url('http://www.mikeandtom.co.uk/manc/images/toggle.png') no-repeat;
		margin-top:26px;
		float:right;
	}
	.show-menu:hover {
		cursor:pointer;
	}
}

@media screen and (max-width: 758px) {
	.mfeatures li, .mfeatures.vf li {
		width:48%;
		margin-bottom:4%;
		margin-right:4%;
	}
	.mfeatures li:nth-child(3n+3) {
		margin-right:4%;
	}
	.mfeatures li:nth-child(even) {
		margin-right:0;
	}
	.mfeatures.vf li:first-child {
		width:100%;
		float:none;
		margin-right:0;
		max-width:100%;
		margin-bottom:4%;
	}
}

@media screen and (max-width: 652px) {
	.mfull {
		padding-top:38px;
		padding-bottom:30px;
	}
	.mwrap.fw {
		padding-top:38px;
	}
	.mwelc {
		padding-top:104px !important;
	}
	.mfeatures, .mfeatures.vf {
		margin-bottom:30px;
	}
	ul.mftop li {
		line-height:30px;
	}
	.unslider ol {
		text-align:left;
		padding-top:0 !important;
	}
	.lislide {
		width:100%;
		margin-bottom:30px;
	}
	.lislide p, .lislide h3 {
		padding-right:0 !important;
		padding-left:0 !important;
	}
}

@media screen and (max-width: 364px) {
	.mfeatures li {
		width:100%;
		margin-right:0 !important;
	}
}