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

/****************************** HIDE MOBILE MENU */

html {
padding-top: 0px !important;
}

/****************************** BODY */

body {
padding: 0;
margin: 0;
font-family: helvetica, serif;
font-size: 15px;
line-height: 150%;
color: #fff;
background-color: #292929; 
background-position: right top;
background-repeat: no-repeat;
background-attachment: fixed;
/* FIX GOOGLE FONT NOT COMING UP ON CHROME */
-webkit-animation-delay: 0.1s;
-webkit-animation-name: fontfix;
-webkit-animation-duration: 0.1s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
}

#bodypage {
background-color: #282828;
background-position: right top;
background-image: url('images/bg.jpg'); 
background-repeat: no-repeat;
}

	.wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	-moz-osx-font-smoothing: grayscale;
	}

/****************************** H TAGS & LINKS */

a, a img, img {
outline: none;
border: 0;
}

/****************************** WPR MENU ***/

#wprmenu_bar {
font-family: helvetica, arial, sans-serif !important;
font-weight: 400 !important;
font-size: .90em !important;
}

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

.navcontainer {
font-weight: 400;
font-size: 13px;
letter-spacing: .12em;
z-index: 50;
}

	.address, .phone, .hours {
	display: inline;
	padding: 0;
	margin: 0 5px 0 5px;
	line-height: 1em;
	} 

	.hours {
	font-size: 11px;	
	}

	.hoursall {
	display: block;	
	}

/****************************** HOME & PAGE CONTENT */

.pagecontent {
box-sizing: border-box !important;
position: relative;
float: left;
width: 100%;
}


	.hometext, .textbox {
	box-sizing: border-box !important;
	float: left;
	width: 100%;
	color: #333;
	padding: 10px 40px 40px 40px;
	z-index: 50;
	}




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

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

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

	.ngg-galleryoverview, .ngg-gallery-thumbnail, .ngg-gallery-thumbnail img {
	margin: 0 auto !important;
	}

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

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

.ngg-gallery-thumbnail {
margin: 0 !important;
padding: 0 !important;
}

	.ngg-gallery-thumbnail img {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	max-width: 100% !important;
	height: auto !important;
	}

#blankcontent .pagetext {
text-align: center !important;
}

.ngg-galleryoverview {
text-align: center !important;
background-color: #2a2928 !important;
}

	.ngg-galleryoverview a {
	color: #fff;
	}



#ngg-gallery-1a4fc7aa92d4cc941ad29e6470f45268-6 .ngg-gallery-thumbnail-box {
min-height: 250px !important;
}

#ngg-gallery-f700540d572e0ada186234e536f162bd-6 .ngg-gallery-thumbnail-box {
min-height: 190px !important;
}

#smittys-store .ngg-gallery-thumbnail-box {
float: none !important;
display: inline-block !important;
width: 100% !important;
max-width: 600px !important;
color: #fff;
border: solid 1px #ff0000 !important;
margin-top: 10px !important;
padding-bottom: 5px !important;
min-height: 300px !important;
}

/****************************** CONTACT FORM */

.wpcf7-mail-sent-ok {
display: none !important;
}

span.wpcf7-list-item { 
display: block; 
}

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


.footer-container {
box-sizing: border-box !important;
float: left;
width: 100%;
margin: 0 auto;
color: #fff;
font-size: 9px;
line-height: 125%;
}

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

	.copyright {
	box-sizing: border-box !important;
	float: left;
	width: 100%;
	text-align: center;
	}




/****************************** SCREEN SPECIFIC - DESKTOP */

@media  (min-width: 801px) {

	a {
	color: #333;
	}

	#bodyhome {
	background: rgb(250, 244, 244);
	}

	.wrapper {
	margin-top: 40px;
	min-width: 600px;
	max-width: 1920px;
	}

	#pagewrapper {
	min-height: 500px !important;
	}

	h1 {
	padding-bottom: 15px;
	}

	#wprmenu_bar {
	width: 225px !important;
	}

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

	.navcontainer {
	position: fixed;
	top: -5px;
	margin-top: 5px;
	right: 0;
	width: 99%;
	padding-right: 1%;
	padding-top: 6px;
	height: 36px;
	text-align: right;
	background-color: #faf4f4;
	color: #333;
	line-height: 16px; 
	}

	.whereitallbegan {
	box-sizing: border-box !important;
	position: absolute;
	top: 50px;
	right: 0;
	width: 100%;
	padding-right: 150px;
	text-align: center;
	z-index: 50;
	}

	.whereitallbegan img {
	max-width: 90%;
	height: auto;
	text-decoration: none;
	color: #333;
	}

	#pagewrapper .pagecontent {
	box-sizing: border-box !important;
	margin-top: 150px;
	padding-right: 150px;
	}

	.textbox {
	background: rgb(250, 244, 244);
	padding: 30px 40px 40px 40px;
	min-height: 450px;
	box-shadow: 5px 20px 20px #040404;
	}

	.deskhome {
	float: left;
	width: 100%;
	}

	.homeimage {
	box-sizing: border-box !important;
	float: left;
	width: 100%;
	z-index: 45;
	}

	.homeimage img {
	width: 100%;
	max-width: 100%;
	height: auto;
	}

	#mobilehome {
	display: none;
	}

	#our-history-gallery .ngg-gallery-thumbnail-box {
	float: none !important;
	display: inline-block !important;
	max-width: 234px !important;
	font-size: 13px !important;
	line-height: 15px !important;
	color: #fff;
	}

	.footer-container {
	margin-top: 40px;
	}

}

/****************************** SCREEN SPECIFIC - MOBILE */

@media  (max-width: 800px) {

	a {
	color: #f0e7e3;
	}


	body {
	background-position: right 4px !important;
	background-image: url('images/bg.jpg'); 
	}

	.wrapper {
	margin-top: 5px;
	max-width: 1280px;
	}

	h1 {
	padding-bottom: 5px;
	line-height: 115%;
	}

	#wprmenu_bar {
	width: 100% !important;
	}

	.whereitallbegan {
	padding-right: 170px !important;
	}

	.navcontainer {
	box-sizing: border-box !important;
	float: left;
	margin-top: 60px;
	padding-right: 170px;
	width: 100%;
	text-align: center;
	color: #f0e7e3;
	}

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

	.whereitallbegan {
	box-sizing: border-box !important;
	float: left;
	margin-top: 50px;
	padding-right: 90px;
	width: 100%;
	text-align: center;
	}

	.whereitallbegan img {
	width: 90%;
	height: auto;
	}

	.pagecontent {
	box-sizing: border-box !important;
	padding-right: 170px;
	}

	.textbox {
	box-sizing: border-box !important;
	position: relative;
	float: left;
	width: 100%;
	top: 40px;
	padding-right: 170px;
	}

	.hometext, .textbox {
	color: #f0e7e3;
	float: left;
	padding: 0;
	width: 100%;
	}

	.hometext {
	text-align: center;
	}

	.homeimage {
	box-sizing: border-box !important;
	float: left;
	width: 100%;
	box-shadow: 5px 20px 20px #040404;
	z-index: 45;
	}

	.homeimage img {
	float: left;
	width: 100%;
	height: auto;
	}

	#deskhome {
	display: none;
	}

	.ngg-gallery-thumbnail-box {
	float: none !important;
	display: inline-block !important;
	max-width: 234px !important;
	min-height: 340px !important;
	color: #fff;
	}

	.footer-container {
	margin-top: 70px;
	}

}

/****************************** SCREEN SPECIFIC - 480 */

@media  (max-width: 480px) {

	.mobile .address, .mobile .phone, .mobile .hours {
	box-sizing: border-box !important;
	float: left;
	width: 100%;
	display: block;	
	text-align: center;
	line-height: 125%;
	}

}