/*
 Theme Name:   TwentyThirteen Child
 Description:  Twenty Thirteen Child Theme
 Author:       Rowland Williams
 Template:     twentythirteen
 Version:      1.0.0
 Text Domain:  twenty-thirteen-child
*/

/********************************************************* HIDE DESKTOP MENU */


.menu-main-menu-container {
display: none !important;
}


/********************************************************* UNIVERSAL */


.body {
margin: 0 auto;
padding: 0;
border: 0;
font-family: 'Myriad Pro', 'sans serif';
font-size: 15px !important;
line-height: 200% !important;
background: #fff; 
color: #333;
background-image: url('images/mobile-logo.png'); 
background-repeat: no-repeat; 
background-position: top center;
}


.wrapper {
float: left;
position: relative;
top: 0; 
left: 0;
margin: 0 auto;
padding: 0;
width: 100%;
max-width: 1280px;
min-width: 320px;
}

		.container {
		position: relative;
		top: 0; 
		left: 0;
		width: 100%;
		}

/********************************************************* MISC */

img {  
border-style: none;
}

b {
font-weight: 600 !important;
}

a, #wine-right li {
list-style: none;
text-decoration: none;
}

/********************************************************* A & H TAGS */


h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a {
margin: 0;
font-size: 16px;
font-weight: 400;
text-decoration: none;
font-family: 'special elite' , sans serif;
}

	h1, h2, h3, h4 {
	font-weight: 600 !important;
	letter-spacing: 2px;
	margin: 0 !important;
	padding: 10px 0 10px 0;
	}


	.hometitle h1 {
	font-size: 18px;
	}

	#wrapper-page h1 {
	font-size: 30px;
	}

	.hometitle h2 {
	font-size: 16px;
	}

	#wrapper-page  h2 {
	font-size: 20px;
	}

	.hometitle h3 {
	font-size: 14px;
	}

	#wrapper-page h3 {
	font-size: 18px;
	}

	.homeintro h2, .pageintro h2 {
	padding-left: 30px;
	}

	.intro h1 {
	font-size: 20px !important;
	line-height: 100% !important;
	}

	.text h2, .jsrm-menu h2 {
	line-height: 150% !important;
	font-size: 24px !important;
	color: #864d19 !important;
	}

a {
color: #fff;
}

/********************************************************* HEADER */

.intro {
float: left;
margin-top: 297px;
width: 96%;
height: 70px;
padding: 15px 2% 10px 2%;
font-size: 13px;
letter-spacing: 0;
color: #cdcdcd;
font-variant: small-caps;
text-align: center;
z-index: 1;
font-family: 'special elite', sans serif !important;
}

.address {
float: left;
width: 100%;
padding: 5px 0 2px 0;
font-size: 12px;
color: #333;
text-align: center;
z-index: 1;
}

	.address a {
	text-decoration: none;
	color: #333;
	}

/********************************************************* NAVBAR */

.menu-header {
visibility: hidden !important;
}

/********************************************************* PAGES */

.text {
float: left;
margin: 20px 5% 0 5%;
width: 90%;
color: #333;
z-index: 1;
}

	.text a {
	color: #333;
	text-decoration: none;		
	}

.alignnone {
float: right;
clear: both;
margin: -10px -30px 0 0;
padding: 0 0 11px 15px;
width: 50% !important;
height: auto;
}

#contact-left, #contact-right, iframe {
float: left;
clear: all;
width: 90%;
padding: 0 5% 0 5%;
}

/********************************************************* MENU */


.menucontainer {
margin: 0 auto !important;
margin-top: -20px !important;
padding: 0 !important;
width: 100%;
max-width: 1280px;
}

.menuwide {
float: left;
width: 96% !important;
padding: 0 2% 0 2%;
}

.menuleft, .menuright {
float: left;
width: 100%;
}

	.jsrm-menu, .jsrm-menu-description, .jsrm-div, .odd, .even, .item-text, .desc, .value, .value-col {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	line-height: 100% !important;
	}

	.jsrm-menu  {
	float: left;
	margin: 0 !important;
	width: 100% !important;
	}

		.jsrm-menu-header  {
		float: left;
		margin: 10px 0 !important;
		font-size: 40px !important;
		width: 100%;
		}

		.jsrm-menu-description {
		float: left;
		margin: 0 !important;
		padding-bottom: 10px !important;
		font-size: 12px !important;
		font-style: italic !important;
		width: 100%;
		}

		.col-headers {
		float: left;
		margin: 0;
		padding-bottom: 10px !important;
		width: 100% !important;
		}

			.value-header { /* lines up right edge of value header with value */
			margin-right: 0;
			font-size: 16px;
			padding-right: 30px;
			}

			.value-header .value-col { /* right justifies header text */
			text-align: right !important;	
			}


			.odd, .even {
			box-sizing: border-box;
			display: inline-block;
			float: left;
			position: relative;
			top: 0 !important;
			left: 0 !important;
			padding: 10px 70px 20px 30px !important;
			width: 100%;
			}

				.odd br, .even br {
				line-height: 175%;
				}

				.item-text {
				box-sizing: border-box;
				float: left;
				position: relative;
				max-width: 100% !important;
				padding: 0 150px 0 0 !important;
				font-size: 17px !important;
				line-height: 150%;
				z-index: 1;
				}

				.desc {
				box-sizing: border-box;
				float: left;
				position: relative;
				top: 5px;
				width:  100%;
				font-size: 14px;
				line-height: 150% !important;
				z-index: 1;
				}

				.value {
				position: absolute;
				top: 11px !important;
				right: 0;
				width: 120px;
				margin: 0;
				padding: 11px 30px 0 0 !important;
				min-width: 120px;
				font-size: 14px;
				line-height: 150% !important;
				text-align: right;
				z-index: 2;
				}

					.value-col {
					float: left !important;
					width: 60px !important;
					min-width: 60px !important;
					}



/********************************************************* GALLERY */

.ngg-galleryoverview, .ngg-gallery-thumbnail-box, .ngg-gallery-thumbnail, .ngg-gallery-thumbnail a, .shutterset_set_1, .shutterset_set_1 a, .ngg-gallery-thumbnail img {
border: 0;
margin: 0;
padding: 0;
}

a img {
padding: 0;
margin: 0;
border: 0;
}

#gifts-content {
margin: 0 auto;
width: 100%;
}

#TB_window {
line-height: 100%;
font-size: 13px !important;
}

.slideshowlink {
display: none;
}

.ngg-gallery-thumbnail {
float: left;
margin: 5px 0 0 10px;
padding: 0;
border-top: solid 2px #beaf92;
}

/********************************************************* FOOTER */

.footer {
float: left;
margin-top: 30px;
left: 0;
width: 100%;
text-align: center;
font-size: 10px !important;
line-height: 20px;
color: #333;
text-align: center;
line-height: 200%;
}

	.footer a {
	color: #333;
	text-decoration: none;
	}

	.address, .copyright, .social-media {
	float: left;
	width: 100%;
	padding: 22px 0 2px 0;
	font-size: 12px;
	line-height: 20px;
	color: #333;
	text-align: center;
	line-height: 200%;
	z-index: 1;
	}