/*
Theme Name: BlankSlate
Author: WebberSites Website Design & Development
Author URI: http://webbersites.com
Description: Custom layout built by WebberSites Website Design & Development
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate
*/




html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	font-size: 100%;
	font: inherit;
	padding: 0;
	border: 0;
	margin: 0;
	vertical-align: baseline
}
body {
	line-height: 1
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
.clear {
	clear: both
}
.sticky {}
.bypostauthor {}
.wp-caption {}
.wp-caption-text {}
.gallery-caption {}
.alignright {}
.alignleft {}
.aligncenter {}
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important
}

.grecaptcha-badge {display:none !important;}
/* bootstrap carousel fade */


/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}




@font-face {
  font-family: 'ThirstyRoughReg';
  src: url('fonts/ThirstyRoughReg.eot?#iefix') format('embedded-opentype'),  url('fonts/ThirstyRoughReg.otf')  format('opentype'),
	     url('fonts/ThirstyRoughReg.woff') format('woff'), url('fonts/ThirstyRoughReg.ttf')  format('truetype'), url('fonts/ThirstyRoughReg.svg#ThirstyRoughReg') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'GatlinBoldWF';
  src: url('fonts/GatlinBoldWF.eot?#iefix') format('embedded-opentype'),  url('fonts/GatlinBoldWF.woff') format('woff'), url('fonts/GatlinBoldWF.ttf')  format('truetype'), url('fonts/GatlinBoldWF.svg#GatlinBoldWF') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Bevan';
  src: url('fonts/Bevan.eot?#iefix') format('embedded-opentype'),  url('fonts/Bevan.woff') format('woff'), url('fonts/Bevan.ttf')  format('truetype'), url('fonts/Bevan.svg#Bevan') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Book';
  src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),  url('fonts/Gotham-Book.woff') format('woff'), url('fonts/Gotham-Book.ttf')  format('truetype'), url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Bold';
  src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/Gotham-Bold.woff') format('woff'), url('fonts/Gotham-Bold.ttf')  format('truetype'), url('fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}



/*---------------------GENERAL---------------------*/


.desktop-only {
	display: block;
}
.mobile-only {
	display: none;
}
#toggle-menu {
	display: none;
}

body {background-color:#000; color:#FFF;   -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}




/*---------------------NAVIGATION---------------------*/

#header {
	width:100%;
		position:fixed; 
	z-index:999;
	top:0;
		background-image:url(img/opies-header-wood.png);
		background-position: bottom center;
		background-size:cover;
	height:auto;
	text-align:center;
	background-repeat:no-repeat;
	
	} 

#bumper {height:14vw;}





.nav-button {width:12vw; height:auto; display:inline-block; vertical-align: middle; margin:1vw 1.5vw;}
.nav-logo {width:20vw; height:auto; display:inline-block;  vertical-align: middle; margin:0 4.5vw; margin-bottom:.6vw;}

.nav-button img, .nav-logo img {width:100%; height:auto;}

.nav-catering {padding:0 2vw;}



/*---------------------FOOTER---------------------*/


#footer {
    padding:2vw 1vw;  text-align:center;
	font-family: 'Gotham-Book';
}
#footer a{
color:#FFF;
}

.footer-left, .footer-right {padding-top:1.8vw;}

/*---------------------HOME---------------------*/


.item {height:70vh; background-size:auto 100%; background-position:center center; position:relative; background-repeat:no-repeat;}

#life-is-good {font-family: 'ThirstyRoughReg'; color:#FFF; font-size:4vw; padding:2vw; width:100%; text-align:center;}
.item-caption {position:absolute; bottom:0; padding:2vw; font-family: 'GatlinBoldWF'; color:#cc1e0f; font-size:3.5vw; width:100%; text-align:center;}
.item-caption span {color:#eedd0a; font-family: 'ThirstyRoughReg'; margin-left:2vw;}

.home-boxes {
    width: 33.3333%;
    display: inline-block;
    height: auto;
    vertical-align: top
}

.home-photo {
    height: 26vw;
    background-position: center center;
    margin-top: 0;
}

.home-boxes h3 {
    padding: 2vw; text-align:center;
	font-family: 'ThirstyRoughReg'; color:#FFF; font-size:3vw; line-height:3vw; padding-bottom:1vw;
}

.home-boxes
h3 {
    color: #FFF;
    font-weight: normal
}

#promo-1 {background-color:#cc1e0f;}

#promo-2 {background-color:#204d9e;}

#promo-3 {background-color:#000;}

#home-address-section {color:#FFF; background-image:url(img/wood-board.jpg); background-size:100% auto;  padding:3vw 6vw; font-family: 'Bevan'; text-shadow:3px 3px 0 #000;}

.home-phone {font-size:4vw; line-height:6vw; text-align:right;}

.home-address {font-size:3vw; line-height:5vw;}

.home-address span {font-size:3.5vw}

.home-hours {font-size:2.5vw; line-height:3.7vw;}
	

#home-quote-section {background-color:#FFF; color:#000; padding:6vw 6vw; }

#home-quote-section .item {height:auto;}


.home-quote-logo img {width:100%; height:auto;}

.home-quote-copy {font-family: 'Gotham-Book'; font-size:1.3vw; line-height:2vw;}

.home-quote-copy span {font-family: 'Bevan'; font-size:2vw; }

.footer-center img {width:4vw; height:auto; margin:0 .5vw;}
.footer-center {text-align:center;}






.page-id-39 .item {
	height: 46vw;
	background-size: cover;
	background-position: center center;
}
div.col-sm-12.menu-info {
	padding: 0;
}
.food-items {
	padding: 2vw;
	text-align:center;
}

.soft-return {
	margin-left: 0 !important;
	margin-top: .5vw
}


.red-box {
	background-color: #cc1e0f;
	height: 46vw;
	
}

.red-box p {
	color: #000;
	font-family: 'Gotham-Bold';
	font-size: 1.3vw;
	line-height:1.9vw;
	padding: .5vw 0;
}


.red-box h2 {
	color: #fff;
	font-family: 'ThirstyRoughReg';
	font-size: 4vw;
	
	margin-top: 0;
	margin-bottom: 1vw;
	text-shadow: 1px 1px #000;
}
.red-box strong {
	color: #f6f00c;
	
	font-size: 1.5vw;
	
	margin-right: .8vw;
	 font-family: 'Bevan';
}
.red-box h3 {
	color: #E9B154;
	
	font-size: 1.8vw;
line-height: 1.2vw;
margin-top: 1vw;
	text-shadow: 1px 1px #000;
	
}


.red-box h4 {
	color: #FFF;
	
	font-size: 1.6vw;
line-height: 1.6vw;
margin-top: 1vw;
	text-shadow: 1px 1px #000;
	
}


.red-box h3 strong {
	color: #fff;

	font-size: 1.3vw;
	margin-right: .2vw;
}









.blue-box {
	background-color: #255cad;
	height: 46vw;
	
}

.blue-box p {
	color: #000;
	font-family: 'Gotham-Bold';
	font-size: 1.3vw;
	line-height:1.6vw;
	padding: .5vw 0;
}


.blue-box h2 {
	color: #fff;
	font-family: 'ThirstyRoughReg';
	font-size: 4vw;
	
	margin-top: 0;
	margin-bottom: 1vw;
	text-shadow: 1px 1px #000;
}
.blue-box strong {
	color: #f6f00c;
	
	font-size: 1.5vw;
	
	margin-right: .8vw;
	 font-family: 'Bevan';
}
.blue-box h3 {
	color: #E9B154;
	
	font-size: 1.8vw;
line-height: 1.2vw;
margin-top: 1vw;
	text-shadow: 1px 1px #000;
	
}


.blue-box h4 {
	color: #FFF;
	
	font-size: 1.6vw;
line-height: 1.6vw;
margin-top: 1vw;
	text-shadow: 1px 1px #000;
	
}


.blue-box h3 strong {
	color: #fff;

	font-size: 1.3vw;
	margin-left: .5vw;
}








.black-box {
	background-color: #000000;
	height: 46vw;
	
}

.black-box p {
	color: #FFF;
	font-family: 'Gotham-Bold';
	font-size: 1.3vw;
	line-height:1.6vw;
	padding: .5vw 0;
}


.black-box h2 {
	color: #fff;
	font-family: 'ThirstyRoughReg';
	font-size: 4vw;
	
	margin-top: 0;
	margin-bottom: 1vw;
	text-shadow: 1px 1px #000;
}
.black-box strong {
	color: #f6f00c;
	
	font-size: 1.5vw;
	
	margin-right: .8vw;
	 font-family: 'Bevan';
}
.black-box h3 {
	color: #E9B154;
	
	font-size: 1.8vw;
line-height: 1.2vw;
margin-top: 1vw;
	text-shadow: 1px 1px #000;
	
}


.black-box h4 {
	color: #FFF;
	
	font-size: 1.6vw;
line-height: 1.6vw;
margin-top: 1vw;
	text-shadow: 1px 1px #000;
	
}


.black-box h3 strong {
	color: #fff;

	font-size: 1.3vw;
	margin-left: .5vw;
}

.blue-box p em {font-style:normal; color:#FFF;}


#footer-tagline {background-color:#FFF; color:#000; padding:2vw 4vw;}

#footer-tagline .col-sm-4 {text-align:center; font-family: 'Gotham-Book'; font-size:1.7vw; line-height:2vw;}
#footer-tagline .col-sm-4 strong {font-family: 'Gotham-Bold'; font-size:1.7vw; }
#footer-tagline .gatlin-headline {color:#cc1e0f; font-size:4vw; line-height:5vw; font-family: 'GatlinBoldWF';}

#request-a-quote {margin-top:2vw; padding:1vw 5vw; }



.form-row {margin-top:2vw;}
.catering-form {
    display: block;
    text-shadow:2px 2px 0 #000;
   background-image:url(img/wood-board.jpg); background-size:100% auto;  padding:3vw; font-family: 'Gotham-Bold'; color:#FFF;
	width:100%;
	padding:1vw 1vw;
	position: relative;
z-index: 99999;
	font-size:1.3vw;
	box-shadow: -4px 0 10px #000;
}
.catering-form a{
	color:#fff;
}
.catering-form h3 {font-family: 'Bevan'; text-align:center; font-size:1.5vw; letter-spacing:-.04vw; margin-bottom:1vw; color:#FFF}
.catering-form img {height:1.3vw; width:auto; vertical-align:middle; margin-right:1vw;}


.catering-form a:hover {text-decoration:none;}
.catering-form select {width:100%; background-color:#000}
.catering-form input, .catering-form textarea {width:100%; max-width:100%; }
.catering-form input[type=text], .catering-form input[type=email], .catering-form input[type=tel], .catering-form textarea {color:#000; background-color:#FFF; font-size:1.2vw; padding:.4vw;}
.catering-form input[type=submit] {font-family: 'Gotham-Bold';  padding:1.4vw 1vw; border:3px solid #FFF; background-color:transparent; color:#FFF;  font-size:2vw;}
.catering-form textarea {height:5vw;}
.catering-form input[type=text].short {width:3vw !important;}

.catering-form-text {padding:1vw; font-size:2.5vw; font-family:"Bevan"}

.page-id-43 h1 {font-family: 'GatlinBoldWF' !important; color:#cc1e0f; padding-top:3vw !important;}

.page-id-43 h1 span {font-family: 'ThirstyRoughReg'; color:#f6f00c; }

.menu-img {padding:0 !important}


.location-map p {
	color: #000;
	font-family: 'Gotham-Bold';
	font-size: 2vw;
	line-height: 3vw;
	
	padding: 2vw 0;
}


.home-address a, .home-phone a:hover {color:#FFF; text-decoration:none;}

.location-content {
	
	background-size: cover;
	height: auto;
	text-align: center;
	padding: 3vw 0;
}
.location-content p {
	color: #FFF;
	font-family: 'Gotham-Bold';
	font-size: 2vw;
	line-height: 3vw;
	text-transform: uppercase;
	
}
#map_div {
	border: 0;
	-webkit-box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.75);
	height: 40vw;
	position: relative;
	overflow: hidden;
	background-color: #2b2b2b;
	width: 100vw;
	margin: 0 auto;
}
.map-link {
	color: #cf3022;
	font-size: 2vw;
	padding: 0;
	font-family: 'GatlinBoldWF';
	display: inline-block;
}
.map-link:hover {
	color: #fff;
	text-decoration: none;
}







.page-id-2 #myCarousel { position:fixed; top:0; left:0; right:0; z-index:-1;}

.page-id-2 #myCarousel .item {
    height: 100vh;
    background-size: cover;
    background-position: center center; }
	
.page-id-2 .entry-content p {margin-bottom:1.3vw; font-size:1.3vw; line-height:1.6vw; font-family: 'Gotham-Bold';}
.page-id-2 .entry-content {color:#FFF; padding:1vw 5vw;}
.page-id-2 .entry-content img {width:48%; float:right; height:auto; margin-left:2vw; margin-bottom:2vw;}
.page-id-2 h1 { font-size:5vw; margin-bottom:2vw; text-align:center; font-family: 'ThirstyRoughReg';}
.page-id-2 .pricing-content-box {width:30%; background-color: #f0e8e5; color:#421923;}
.page-id-2 h2 { text-align:center; font-size:2vw; margin-bottom:1vw;}
.page-id-2 .pricing-content-box .body-copy { height:auto;}
.gallery-hide {display:none;}

.page-id-2 #footer {background-color:#000; position:fixed; bottom:0; width:100%;}

.page-id-43 #content, .location-content {background-image:url(img/Black-BG.jpg); background-size:cover;}

.catering-left {height:30vw;}
.catering-right {height:55vh;}
.page-id-43 h1 {text-align:center; font-family: 'ThirstyRoughReg'; font-size:4vw; padding-bottom:2vw;}
.page-id-43 .item {height:60vh; background-size:cover; background-position: center center; overflow:hidden;}
.page-id-43 #myCarousel {overflow:hidden;}
/*---------------------PRE-MOBILE---------------------*/
#the-mobile-menu {display:none;}


/*---------------------MOBILE---------------------*/



@media (max-width: 767px) {
	.desktop-only {
		display: none;
	}
	.mobile-only {
		display: block;
	}
	#header {
		min-height: 15vw;
	}
	#toggle-menu {
		display: block;
		position: absolute;
		width: 15vw;
		top: 2vw;
		right: 2vw;
		padding: 0;
		border: 0px;
	}
	#toggle-menu img {
		width: 100%;
		height: auto;
	}
	nav#the-main-menu .nav-button{
		display:none;
	}
	nav#the-mobile-menu {
		width: 100%;
		position: absolute;
		top: 35vw;
		z-index: 999;
		background-color: hsla(0, 0%, 0%, 0.9);
		display: none;
		padding:5vw 0;
		padding-bottom:100vh;
	}
	nav#the-mobile-menu ul {
		list-style-type: none;
	}
	nav#the-mobile-menu li {
		list-style: none;
		text-align: center;
		-webkit-transition: background-color .5s, -webkit-transform .5s;
		display: block;
		padding: 2vw;
		font-size: 5vw;
	}
	nav#the-mobile-menu a {color:#f6f00c;  font-family: 'Bevan'; font-size:7vw; line-height:10vw; }
	
	.nav-logo {width:50vw; height:auto; display:inline-block;  vertical-align: middle; margin:0 4.5vw; margin-bottom:.6vw;}
	
	#bumper {height:35vw;}
	.item {height:40vh;}
	
	.home-quote-copy {font-size:4vw; line-height:5vw;}
	.home-quote-copy span {font-size:4vw; line-height:5vw;}
	
	.footer-center img {width: 14vw; margin:2vw;}
	
	#footer {font-size:3vw; padding:5vw 0;}
	
	#life-is-good {font-size:6vw; padding:4vw 2vw; }
	
	#home-address-section {color:#FFF; background-image:url(img/wood-board.jpg); background-size:100% auto;  padding:3vw; font-family: 'Bevan'; text-shadow:3px 3px 0 #000; text-align:center}
	.home-address a, .home-phone a:hover {color:#FFF;}
.home-phone {font-size:6vw; line-height:6vw; line-height:8vw; text-align:center;}
	.home-phone a {color:#FFF;}
.home-address {font-size:6vw; line-height:8vw;}
	
	.home-boxes {
    width: 33.3333%;
    display: inline-block;
    height: auto;
    vertical-align: top
}

.home-photo {
    height: 33vw;
    background-position: center center;
    margin-top: 0;
}

.home-boxes h3 {
    padding: 2vw; text-align:center;
	font-family: 'ThirstyRoughReg'; color:#FFF; font-size:6vw; line-height:6vw; padding-bottom:0; padding-top:5vw; 
}
	
	.item-caption {font-size:4.3vw;}

	.page-id-39 .item {
	height: 80vw !important;
}
	
	.red-box h2, .blue-box h2, .black-box h2 {
	font-size: 8vw;
	margin-bottom: 2vw;
}
.red-box h2 strong {
	font-size: 2.5vw;
}
.red-box p, .blue-box p, .black-box p {
	font-size: 3.5vw;
	line-height: 4vw;
}
.red-box h3, .blue-box h3, .black-box h3 {
	font-size: 3vw;
	line-height: 2.5vw;
}
.red-box h3 strong {
	font-size: 2vw
		
}
	.red-box strong, .blue-box strong, .black-box strong {font-size:4vw; line-height:6vw}
	
	#footer-tagline .col-sm-4 strong, #footer-tagline .col-sm-4 {font-size:4vw; line-height:5vw;}
	
	#footer-tagline {padding:4vw 2vw;}
	
	#footer-tagline .gatlin-headline {font-size:7vw;}
	
	.food-items {padding:5vw 2vw;}
	
	
	div.col-sm-12.menu-info {
	height: auto;
}
div.col-sm-12.menu-info {
	height: auto !important;
}
	
	
	.wf-img {
	height: 50vw;
	min-height: 0;
	background-size: cover;
}
.wf-info span {
	font-size: 3vw;
	line-height: 7vw;
}
.wf-info h2 {
	font-size: 5vw;
}
.wf-info h2 strong {
	font-size: 2.5vw;
}
.wf-info p {
	font-size: 2.6vw;
	line-height: 3.1vw;
}
	
	#map_div {height:100vw;}
	
	.location-content p, .map-link  {font-size:4vw; line-height:5vw;}
	
	.map-link {margin-top:2vw; }
	
	.page-id-2 #myCarousel .item {height:160vw;}
	.page-id-2 #myCarousel .item:first-child {background-position:center left;}
	.page-id-2 #myCarousel .item:nth-child(2) {background-position:center center;}
	.page-id-2 .entry-content {height:100vw;}
	.page-id-2 .entry-content p {font-size:3vw; line-height:4vw;}
	.page-id-2 #footer {position:static}
	.page-id-2 h1 {font-size:7vw; }
	
	.catering-form {font-size:4vw; text-align:center; }
	.catering-form a:hover {text-decoration:none;}
.catering-form select {width:100%; }
.catering-form input, textarea {width:100%; max-width:100%;}
.catering-form input[type=text], .catering-form input[type=email], .catering-form input[type=tel], .catering-form textarea { font-size:4vw; padding:1vw; margin-bottom:2vw; }
.catering-form select {margin-bottom:2vw;}
.catering-form  input[type=submit] {padding:1.4vw 2vw; border:3px solid #f0e8e5; background-color:transparent; font-family: 'Gotham-Bold'; font-size:6vw;}
.catering-form  textarea {height:15vw;}
.catering-form  input[type=text].short {width:30vw !important;}

.catering-form  > div:nth-child(1) {font-size:5vw; margin-bottom:3vw;} 
.catering-form  > div:nth-child(2) {margin-bottom:3vw;} 
.catering-form  > div:nth-child(3) {margin-bottom:3vw;} 
.catering-form  > div:nth-child(4) {margin-bottom:3vw;} 
.catering-form  > div:nth-child(4) img {border:2px solid #FFF; padding:2vw 4vw; display:block; margin:0 auto; height:10vw; width:auto;} 
	
	.catering-form h3 {
font-family: 'ThirstyRoughReg';
text-align: center;
font-size: 8vw;
margin-bottom: 1vw;

margin-bottom: 2vw;
}
	
}