/* Theme Name: Ramsay of Carluke
/* Theme URI: http://vitaminecommerce.com
/* Author: Chris Drake, Vitamin Ecommerce Ltd
/* Author URI: http://vitaminecommerce.com
/* Version: 1.0
/* License: Copyright © Vitamin Ecommerce Ltd
/* License URI: licence.txt
/* Template: vitamin-a
/* ****************************************************************************************************/

@import url( ../vitamin-a/style.css );


/* Buttons
/* ****************************************************************************************************/

a.button, input[type="submit"], button,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	padding: 11px 20px;
	border: 1px solid #002368;
	border-radius: 3px;
	background-color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 80%;
	text-transform: uppercase;
	color: #002368;
	}
a.button:hover, input[type="submit"]:hover, button:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
	background-color: #002368;
	color: #fff;
	}

a.button.alt, input[type="submit"].alt, button.alt,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background-color: #002368;
	color: #fff;
	}
a.button.alt:hover, input[type="submit"].alt:hover, button.alt:hover,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	background-color: #00349c;
	color: #fff;
	}



/* Content
/* ****************************************************************************************************/

.home .page-header {
	display: none;
	}

	h1.post-title, h1.page-title, h2.post-title {
		margin: 0 0 20px 0;
		padding: 0;
		border: 0;
		font-family: 'Euphoria Script', serif;
		font-size: 50px;
		font-weight: normal;
		color: #002368;
		line-height: 1.2;
		}


/* Structure
/* ****************************************************************************************************/

body {
	background: #1a2b3c;
	}


/* Header
/* ****************************************************************************************************/

.header-wrapper {
	background: #1a2b3c;
	margin-bottom: 10px;
	border-bottom: 2px solid #CAA66A;
	}
	.header {
		position: relative;
		}
		.site-title, .site-title a {
			}
		.site-title {
			position: absolute;
			top: 20px;
			left: 40px;
			z-index: 100;
			width: 300px;
			height: 122px;
			margin: 0;
			}
			.site-title a {
				width: 175px;
				height: 122px;
				margin: 0 auto;
				background: url( images/ramsay-of-carluke-logo-175px.png ) no-repeat;
				}

		.header .search-form {
			float: right;
			margin: 0 0 10px 0;
			}
			.header .search-form input[type="text"] {
				padding-right: 40px;
				border: 0;
				background: #a6b2ca;
				font-size: 12px;
				text-transform: uppercase;
				}
				.header .search-form ::-webkit-input-placeholder {
					color: #fff;
					}
				.header .search-form :-moz-placeholder {
					color: #fff;
					}
				.header .search-form ::-moz-placeholder {
					color: #fff;
					}
				.header .search-form :-ms-input-placeholder {
					color: #fff;
					}
			.header .search-form input[type="submit"] {
				width: 34px;
				padding: 0;
				background-color: transparent;
				}

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

	.header {
		padding-top: 40px;
		}
		.site-title {
			left: 20px;
			}

}

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

	.header {
		padding-top: 0;
		}
		.site-title {
			position: relative;
			top: 0;
			left: 0;
			z-index: auto;
			width: auto;
			height: auto;
			}
			.site-title a {
				width: 175px;
				height: 122px;
				margin: 0 auto;
				background: url( images/ramsay-of-carluke-logo-175px.png ) no-repeat;
				}

}

/* Main navigation
/* ****************************************************************************************************/

/* Level 1 */

.main-navigation-wrapper {
	margin: 0 0 20px 280px;
	}
	.main-navigation {
		padding: 0;
		font-family: 'Open Sans', sans-serif;
		line-height: 29px;
		}
		.main-navigation > div > ul {
			margin: 0;
			padding: 0;
			line-height: 1;
			vertical-align: middle;
			text-align: right;
			}
			.main-navigation > div > ul > li {
				margin: 0;
				}
			.main-navigation > div > ul > li + li {
				margin-left: 20px;
				}
				.main-navigation > div > ul > li > a {
					padding: 10px 0;
					background: none;
					font-size: 13px;
					text-decoration: none;
					text-transform: uppercase;
					color: #fff;
					}
				.main-navigation > div ul > li:hover > a {
					background: none;
					color: #CAA66A;
					}

/* Level 2 */

.main-navigation > div > ul > li > ul {
	margin: -1px 0 0 0;
	padding: 0;
	border-top: 1px solid #002535;
	background: #fff;
	box-shadow: 0 5px 15px 1px rgba( 0, 0, 0, 0.3 );
	}
	.main-navigation > div > ul > li > ul > li {
		margin: 0;
		}
		.main-navigation > div > ul > li > ul > li > a {
			display: block;
			padding: 10px;
			background: none;
			color: #000;
			font-size: 16px;
			text-decoration: none;
			font-size: 13px;
			text-transform: uppercase;
			}
		.main-navigation > div > ul > li > ul > li:hover > a {
			background: #CAA66A;
			color: #000;
			text-decoration: none;
			}

/* Level 3 */

.main-navigation > div > ul > li > ul > li > ul {
	margin: 0;
	border-left: 5px solid #CAA66A;
	background: #fff;
	box-shadow: 5px 5px 10px 1px rgba( 0, 0, 0, 0.3 );
	}
	.main-navigation > div > ul > li > ul > li > ul > li {
		margin: 0;
		}
		.main-navigation > div > ul > li > ul > li > ul > li > a {
			padding: 10px;
			background: none;
			color: #000;
			font-size: 16px;
			text-decoration: none;
			font-size: 13px;
			text-transform: uppercase;
			}
		.main-navigation > div > ul > li > ul > li > ul > li:hover > a {
			background: #CAA66A;
			color: #000;
			text-decoration: none;
			}

@media all and (min-width: 769px ) and ( max-width: 1024px ) {

	.main-navigation {
		padding: 0 0 20px 0;
		line-height: 1;
		text-align: center;
		}

}


/* Slideshow
/* ****************************************************************************************************/

.slideshow-wrapper {
	margin-bottom: 10px;
	border: 0;
	background: none;
	}
	.slideshow {
		padding-top: 0;
		padding-bottom: 0;
		}
				.nivo-caption {
					padding: 0;
					}
					.nivo-caption a {
						right: auto;
						left: auto;
						width: auto;
						margin: 0 64% 0 8%;
						padding: 0;
						background: rgba( 26, 43, 60, 0.75 );
;
						}
						.nivo-caption > .valign > .valigned {
							padding: 0 20px;
							}
							.nivo-caption .caption-line-1 {
								margin: 0 0 20px 0;
								font-family: 'Euphoria Script', serif;
								font-size: 36px;
								color: #CAA66A;
								line-height: 1;
								transform: rotate( -5deg );
								}
							.nivo-caption .caption-line-2 {
								font-family: 'Open Sans', sans-serif;
								font-size: 24px;
								line-height: 1.4;
								font-weight: 400;
								text-transform: uppercase;
								}

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

					.nivo-caption a {
						margin: 0 60% 0 0;
						}
							.nivo-caption .caption-line-1 {
								margin: 0 0 10px 0;
								font-size: 30px;
								line-height: 1;
								}
							.nivo-caption .caption-line-2 {
								font-size: 20px;
								line-height: 1.4;
								}

}

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

							.nivo-caption .caption-line-1 {
								margin: 0;
								}
							.nivo-caption .caption-line-2 {
								font-size: 0;
								}

}


/* Main
/* ****************************************************************************************************/

		.content {
			padding-top: 40px;
			}

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

		.content {
			padding-top: 20px;
			}

}


/* Widgets
/* ****************************************************************************************************/

/* General widget stuff */

.home-top-widgets-wrapper {
	background: none;
	border-bottom: 0;
	}
	.home-top-widgets {
		padding-top: 0;
		padding-left: 35px;
		padding-right: 35px;
		}
		.home-top-widgets .widget {
			float: left;
			width: 33.33%;
			margin: 0 0 10px 0;
			padding: 0 5px;
			}
			.home-top-widgets .widget-wrap {
				position: relative;
				float: left;
				margin-bottom: -1000px;
				padding-bottom: 1000px;
				}

.home-bottom-widgets-wrapper {
	background: #fff;
	border-bottom: 1px solid #ccc;
	}
	.home-bottom-widgets {
		padding-top: 0;
		}
			.home-bottom-widgets .widget {
				margin: 0;
				}

.footer-widgets-wrapper {
	background: #e5e5e5 url( images/footer-widgets-background.jpg ) center top no-repeat;
	border: 0;
	}
		.footer-widgets .widget {
			width: 50%;
			padding: 20px 80px;
			text-align: center;
			}
		.footer-widgets .widget:first-child {
			border-right: 2px solid #1a2b3c;
			}
			.footer-widgets .widget h3 {
				font-family: 'Euphoria Script', serif;
				font-size: 50px;
				font-weight: normal;
				color: #002368;
				line-height: 1;
				transform: rotate( -5deg );
				}
			.footer-widgets .widget h4 {
				font-family: 'Open Sans', sans-serif;
				font-size: 14px;
				font-weight: normal;
				color: #002368;
				line-height: 1;
				text-transform: uppercase;
				}

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

	.home-top-widgets {
		padding-left: 15px;
		padding-right: 15px;
		}

}

@media all and ( min-width: 481px ) and ( max-width: 768px ) {

		.home-top-widgets .widget,
		.home-bottom-widgets .widget {
			width: 50%;
			}

}

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

		.home-top-widgets .widget,
		.home-bottom-widgets .widget {
			width: 100%;
			}
		.home-top-widgets .widget:nth-child(3),
		.home-bottom-widgets .widget:nth-child(3) {
			display: none;
			}

}

/* Widget specific stuff */

.featured-content-widget .widget-wrap {
	margin-bottom: 0;
	padding-bottom: 0;
	background: #1a2b3c;
	}
	.featured-content-widget a.image {
		margin: 0;
		}
		.featured-content-widget a.image img {
			transition: opacity 1s;
			-webkit-backface-visibility: hidden;
			}
		.featured-content-widget .widget-wrap:hover a.image img {
			opacity: 0.5;
			}
	.featured-content-widget a.caption {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		padding: 0 10px 20px 10px;
		text-align: center;
		color: #fff;
		text-decoration: none;
		}
		.featured-content-widget .caption span {
			margin: 0;
			}
		.featured-content-widget .caption span.caption-line-1 {
			margin: 0 0 5px 0;
			font-family: 'Ariel', sans-serif;
			font-size: 35px;
			line-height: 1;
			}
		.featured-content-widget .caption span.caption-line-2 {
			font-family: 'Open Sans', sans-serif;
			font-size: 25px;
			line-height: 1;
			font-weight: 800;
			text-transform: uppercase;
			}
		.featured-content-widget .caption span.caption-line-3 {
			display: inline-block;
			margin: 20px 0 0 0;
			padding: 6px 40px;
			border: 1px solid #fff;
			border-radius: 2px;
			font-family: 'Open Sans', sans-serif;
			text-transform: uppercase;
			}


/* Footer
/* ****************************************************************************************************/

.footer-wrapper {
	background: #1a2b3c;
	border: 0;
	}
	.footer {
		font-family: 'Open Sans', sans-serif;
		text-transform: uppercase;
		color: #fff;
		}
		.footer a {
			color: #fff;
			}


/* WooCommerce
/* ****************************************************************************************************/

/* Top menu
/* ****************************************************************************************************/

.top-menu-wrapper {
	background: #1a2b3c;
	border: 0;
	}
				.top-menu ul.menu > li.welcome,
				.top-menu ul.menu > li > a {
					font-family: 'Open Sans', sans-serif;
					font-size: 70%;
					text-transform: uppercase;
					color: #fff;
					}


/* Product grid
/* ****************************************************************************************************/

.woocommerce ul.products,
.woocommerce .related ul,
.woocommerce .related ul.products,
.woocommerce .upsells.products ul,
.woocommerce .upsells.products ul.products,
.woocommerce-page .related ul,
.woocommerce-page .related ul.products,
.woocommerce-page .upsells.products ul,
.woocommerce-page .upsells.products ul.products,
.product_list_widget {
	margin: 0 -5px;
	}
	.woocommerce ul.products li.product,
	.woocommerce .related ul li.product,
	.woocommerce .related ul.products li.product,
	.woocommerce .upsells.products ul li.product,
	.woocommerce .upsells.products ul.products li.product,
	.woocommerce-page .related ul li.product,
	.woocommerce-page .related ul.products li.product,
	.woocommerce-page .upsells.products ul li.product,
	.woocommerce-page .upsells.products ul.products li.product,
	.product_list_widget li {
		padding: 5px;
		vertical-align: top;
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		font-weight: normal;
		text-transform: uppercase;
		}
		.product h3 {
			font-family: 'Open Sans', sans-serif;
			font-size: 14px;
			font-weight: normal;
			}


/* Product list widget
/* ****************************************************************************************************/

.home-top-widgets .woocommerce.widget.widget_products {
	width: auto;
	}
	.home-top-widgets .woocommerce.widget.widget_products  h3 {
		display: none;
		}
	.home-top-widgets .woocommerce.widget.widget_products ul.product_list_widget {
		width: auto;
		margin: 0 -5px;
		}
		.home-top-widgets .woocommerce.widget.widget_products ul.product_list_widget li {
			float: none;
			display: inline-block;
			width: 25%;
			margin: 0;
			padding: 0 5px 10px 5px;
			vertical-align: top;
			font-family: 'Open Sans', sans-serif;
			font-size: 14px;
			font-weight: normal;
			text-transform: uppercase;
			}
			.home-top-widgets .woocommerce.widget.widget_products ul.product_list_widget a {
				background: #002368;
				text-decoration: none;
				}
				.home-top-widgets .woocommerce.widget.widget_products ul.product_list_widget li img {
					width: 100%;
					height: auto;
					transition: opacity 1s;
					-webkit-backface-visibility: hidden;
					}
					.home-top-widgets .woocommerce.widget.widget_products ul.product_list_widget li:hover img {
						opacity: 0.5;
						}
				.home-top-widgets .woocommerce.widget.widget_products ul.product_list_widget span.product-title {
					display: block;
					clear: both;
					padding: 10px;
					font-family: 'Open Sans', sans-serif;
					font-size: 14px;
					font-weight: normal;
					color: #fff;
					}
			.home-top-widgets .woocommerce.widget.widget_products ul.product_list_widget span.amount {
				display: block;
				padding: 0 10px 10px 10px;
				background: #002368;
				color: #fff;
				}

@media all and (min-width: 481px ) and ( max-width: 768px ) {

	.home-top-widgets .woocommerce.widget.widget_products  ul.product_list_widget li {
		width: 50%;
		}

}

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

	.home-top-widgets .woocommerce.widget.widget_products ul.product_list_widget li {
		width: 100%;
		}

}