/*
 Theme Name:     Blackfish Theme
 Theme URI:      http://nicethemes.com/theme/bbq
 Description:    BBQ Child theme
 Author:         Roman Restaurant Group
 Author URI:     http://romanrestaurantgroup.com
 Template:       bbq
 Version:        1.0.0
*/

/* =Imports styles from the parent theme
-------------------------------------------------------------- */
@import url('../bbq/style.css');


/* =Theme customization starts here
-------------------------------------------------------------- */

body {background-color:#fcfcfc}

h2 {font-family: 'Lato',arial,sans-serif!important; text-transform:uppercase}

h3 {font-family: 'Raleway', sans-serif!important; font-size:36px; letter-spacing:2px}

a:hover img {opacity:.8}

.entry {font-size:16px!important}

/*HEADER*/

#logo {float: none; margin:0 auto; text-align:center;}

/*NAVIGATION*/

#navigation {float:none; margin:0 auto;}

.menu-main-nav-container {margin:10px auto; position:relative; width:74%}

#navigation .nav > li:hover a, #navigation .nav > li.current_page_item a, #navigation .nav > li.current-menu-item a, #navigation .nav > li.sfHover, #top #navigation .nav li.current-menu-parent > a {
    color: #588c98!important;
}

#navigation .nav li a {
	font-weight:bold!important; 
	letter-spacing:2px;
    margin-right: 23px;}

.l_tinynav1, #tinynav1, .mobile-nav {display:none}

/*HOMEPAGE SLIDESHOW*/

.flex-caption {display:inline; bottom:75%; left:0; text-transform:none}

.flex-caption p {display:inline; text-transform:none}

.flex-caption h2 {text-transform:none!important}

.flex-control-nav {right:81%}

.flex-control-paging li a {
    background: none repeat scroll 0 0 #8daeb5;
}

.flex-direction-nav { left: 75%;}

.flex-direction-nav a, .flex-direction-nav a:hover {
    background: url("images/bg_direction_nav-new.png") no-repeat scroll 7px 7px transparent;
	margin-top:-10px}
	
.flex-direction-nav a:hover {opacity:.8;}

.flex-direction-nav .flex-next, .flex-direction-nav .flex-next:hover {
    background-position: -36px 7px;
    left: 75px;
}

.flexslider {
	background:url('images/slider-bg.png') bottom left repeat-x; 
	height:100%!important; 
	width:100%; 
	margin-bottom:0px}

.flexslider .slides img {width:100%}

.flexslider .slides li h2 {font-family:Lato, arial, sans-serif !important; text-transform:capitalize}

.slider {max-width:100%; height:100%!important}

/*HOME PAGE SPECIFIC*/

body.home h1.entry-title {display:none}

body.home #content {float:none; margin:0 auto; width:960px!important; background-color:transparent!important;display:none!important}

body.home #content .entry p {font-size:1.1em; line-height:1.5em; margin-bottom:30px}

body.home #content .entry img.alignright {margin-top:0}

.homebox-left {float:left; width:45%; margin-right:5%}

.homebox-left img.alignleft {margin-top:40px}

.homebox-right {float:left; width:50%}

.homebox-right img.alignleft {margin-top:18px}




/*PAGES*/
.home #container {overflow:hidden}

#container {
	border:none;
	max-width:100%;
	padding:0;
	width:100%;
 
}

.entry {margin: 0 auto;
    width: 90%;}

.entry-title, body.page-template-template-contact-php #content h3  {
	border:none;
	border-bottom:medium solid #999;
	font-family:'Lato',arial,sans-serif!important;
	font-size:24px;
	height:12px;
	letter-spacing:2px;
    margin: 30px auto;
    text-align: center;	
	text-transform:uppercase;	
	width:960px;
}

body.page-template-template-contact-php #content h3 {
	height:0	
}

.entry-title span, body.page-template-template-contact-php #content h3 span {
	background-color:#fff!important; padding: 0 66px;
}

.full-width, .page-template-default #container {
    background-color:#fff!important;
}

#wrapper {border-top:#fff}

body.page-template-template-menu-php .menu-card, .page-template-default #content, body.page-template-template-menu-php .entry p  {
	float:none;
    margin: 0 auto;
    width: 1000px!important;
}

.events-image {margin-left: 40px;margin-right: 0px;width: 292px!important;height: auto!important;margin-bottom: 20px; margin-top:20px!important}

.mobile-image {display:none}

/*CONTACT PAGE*/

#content .nice-contact-form .entry {
	text-align:left;
	width:100%
	}

.nice-contact-form {
    float: none;
    margin: 0 auto;
   text-align: center;
    width: 75%!important;
}

.nice-contact-form ul.OT_list li input {width:95%!important; padding:0 2px!important; font-size:.9em}
.nice-contact-form input, .nice-contact-form textarea {
	width:35%;
	margin:3px auto;
}

.nice-contact-form textarea#message {height:120px}

.nice-contact-form label {
	font-family: 'Raleway',sans-serif !important;
	text-transform:uppercase;
}

.nice-contact-form input[type="submit"] {float:right; margin-right:40px; margin-bottom:20px}

img.size-large {margin:0}

.rest-info {margin-left:205px}

/*MENU PAGE*/

.menu-box {
float: none;
margin: 0 auto;
width: 85%;
margin-top: 20px;
padding-bottom: 15px;}

.menu-box h2.menu-category {	
	border:none;
	font-family: 'Goudy Bookletter 1911',serif !important;
	letter-spacing:2px	;
	text-align: left;
	text-transform:uppercase;
	padding-bottom:0
}

.menu-box li .title {
	font: bold 14px 'Goudy Bookletter 1911',serif !important;
	letter-spacing:2px;
	text-transform:uppercase;
}

.menu-box li .price {font: 14px 'Lato',arial,sans-serif!important;}

.page-id-295 .menu-box ul li {list-style-type:none; padding-bottom:0}

.page-id-295 .menu-box li .title {margin-bottom:10px}

.page-id-295 .menu-box li .title span {float:right; font-family:'Lato',arial,sans-serif!important; font-weight:normal!important}

.page-id-295 .menu-box li .title span.dish {float:none; background-color:#fff; font-family: 'Goudy Bookletter 1911',serif !important;}


#fscf_submit_div1 {width:50%!important}


.infobox .entry-excerpt, .menu-box li .description, .menu-box p, .menu-card p {
    color:#000!important;
    font: 14px 'Lato',arial,sans-serif!important;
	text-transform:uppercase;
}

#course3 {margin-bottom:20px}

.mc_header_email {display:none!important}

.responsive-nav {font-size:1.2em; width:65%; max-width:180px; }

.responsive-nav select {background-image:url(../bbq/images/hamburger-sm.png); 
background-repeat:no-repeat; background-size:contain; background-position:right center; border:thin solid #CCC; font-size:1.2em;line-height:1.2em; vertical-align:top; padding:5px 0 5px 10px}

/*FOOTER*/

#extended-footer {display:none}

.home #extended-footer {
	background: url('images/location-map.png') top center no-repeat;
	background-size:cover; height:416px;
	display:block}

#extended-footer .inner {
    width: 960px;	
}

#extended-footer .inner img {
	float:right;
	vertical-align:bottom;
	padding-top:335px;	
}

#footer-widgets {width:99%}

#footer-widgets .widget {
	font-family: 'Raleway', sans-serif!important; 
	font-weight:bolder;
	margin-right: 26px;
	vertical-align:top;
}

#footer-widgets .footer-1, #footer-widgets .footer-2 {
  margin-right:0;
  width:25%!important
}

 
#footer-widgets .widget-section {
	color:#fff;
}

#footer-widgets img.alignleft {
  float:none!important;
  margin: 10px 0 5px 0;
}

#footer-widgets h3 {
    font: bold 16px 'Lato',arial,sans-serif !important;
    text-align: center;
	letter-spacing:3px
}

.footer-3 {width:50%!important}

.footer-1, .footer-2 {margin-right:20px}

#footer-widgets .last h3{
  margin-top:-2px; margin-bottom:-10px
}

  #footer-widgets .widget-7 {background:url('http://micarestaurant.com/wp-content/uploads/sites/3/2014/01/candies-noborder-300x90.png'); background-size:contain; margin-top:0px!important; padding:15px; border:thin solid #034142; font-family: 'PT Sans', sans-serif; font-weight:normal; max-width: 400px;
margin: 0 auto;}

#footer-widgets .footer-2 .widget {display:block!important; margin-top:0px}
#footer-widgets .footer-2 h3 {margin-bottom:1em}
  
  .click-box {padding:5px; border:thin solid #c29f11; width:25%; margin-top:8px; min-width:100px}
  
  .click-box a {text-decoration:none; color:#c29f11!important}
  
  .click-box a:hover {color:#c24b11!important; text-decoration:none}
  
  #footer-widgets .footer-2 .widget, #footer-widgets .footer-1 .widget {text-align:center}
  
#footer-widgets .widget_black_studio_tinymce img {max-width:200px;padding: 10px!important; height:auto}

#footer-widgets .widget_black_studio_tinymce img.blackfish img {width:37%!important; max-width:180px; padding: 0 15px; height:auto}

#footer-widgets .widget_black_studio_tinymce img.wp-image-282 {padding-bottom:10px}

#footer-widgets .widget_black_studio_tinymce img.wp-image-60 {padding-bottom: 28px!important;
margin: 0 40px;}

#footer-widgets .widget_black_studio_tinymce img:hover, #footer-widgets .widget_black_studio_tinymce img a:hover, #footer-widgets .widget_black_studio_tinymce img:active, #footer-widgets .widget_black_studio_tinymce img a:active {text-decoration:none!important; border-bottom:none!important}

#footer-widgets .widget_black_studio_tinymce img.wp-image-467 {padding-top:20px}

#footer-widgets .widget_black_studio_tinymce img.wp-image-319 {}

#footer-widgets .widget_black_studio_tinymce img.wp-image-320 {}

#footer-widgets .widget-5 {display:none}

#footer-widgets .widget-8 {text-align:center}


#footer a.OT_Find_a_Table:link, #footer a.OT_Find_a_Table:visited, #footer a.OT_Find_a_Table:hover, #footer a.OT_Find_a_Table:active {border-bottom:none}

#footer .widget_black_studio_tinymce a:hover {border-bottom: 1px solid transparent!important;}

.mc_success_msg {display:block; margin-bottom:16px}

.widget_mailchimpsf_widget {margin-top:-10px}

.mc_merge_var {
  margin-bottom:.5em;
  margin-top:-20px!important;}

#mc_signup_submit {margin-top:0px!important; width:43%!important; max-width:175px; background-color:#2F707F!important; text-transform:uppercase; font-family: 'Raleway', sans-serif!important; font-size:12px!important; letter-spacing:1px; padding:1px!important}

#mc_signup_submit:hover {opacity:.8}

.widget_mailchimpsf_widget {margin-right:25px; margin-top:-15px}

#footer .widget-9 img.aligncenter {width: 85%;
height: auto;
max-width: 400px;}

.textwidget p {color:#fff}




ul.OT_list li {
	list-style-type:none
	}
	
	.res-info {width:46%; float:left; margin-right:4%; margin-left:4%}
	
.about-main {width:65%; float:right; padding-top:20px}

.about-sidebar {width:30%; float:left; margin-right:5%; padding-top:20px}

.about-sidebar img {width:100%; height:auto}

.gift-card-img {float:right; width:55%; margin-bottom:15px; margin-top:30px}

.gift-card-form {float:left; width:40%} 

/*NEW OPEN TABLE WIDGET*/

#footer .OT_wrapper {
background-color: transparent!important;
border:none!important;
border-radius:0!important;
width:100%!important;
margin: 0 auto 35px!important;
text-align: center!important;
float:none!important;
max-width:950px!important
}

#footer #OT_form {
width: 98%!important;
margin: 0 auto!important;
}

#footer .OT_header {width:23%!important; margin:3px 0 0 3px}

#footer h2.OT_subtitle {display:none}

#footer .OT_title {color:#fff!important; width:100%!important; margin: 8px 0 0 0px!important; font: bold 15px 'Lato',arial,sans-serif !important; text-transform:uppercase; letter-spacing:2px}

#footer .OT_list {margin-left:20%!important; width:80%!important }

#footer .OT_day,#footer .OT_time,#footer .OT_party {
  background-image:url(http://blackfishrestaurant.com/wp-content/themes/blackfish/images/icons_inverted.png)!important;
}

#footer .OT_day,#footer .OT_time,#footer .OT_party,#footer .OT_submit {border-left:none!important; width:18%!important}

#footer .OTButton,#footer #OTButton {
width: 85%!important;
text-align: center!important;
margin: 0 0 0 40px!important;
min-width: 100px!important;
background-color:#2F707F!important;
max-height: 25px!important;
border:thin solid #4b4b4b!important
}

#footer #OTButton a {text-transform:uppercase!important;font-weight:normal!important; font-family: 'Raleway', sans-serif!important;}

#footer a.OT_navLink {color:#333!important}
	
	#footer a.OT_navLink:hover {color:#666!important}

#footer a.OT_Find_a_Table:link,#footer a.OT_Find_a_Table:visited,#footer a.OT_Find_a_Table:hover,#footer a.OT_Find_a_Table:active {background-image:none!important}

#footer .OT_searchTimeField, #footer .OT_searchDateField,#footer .OT_searchPartyField {width:110px!important}

#footer .OT-fullwidth {margin-bottom:-20px}


/*MOBILE*/
@media only screen  
and (max-width : 1024px) {

body.home #content {width:90%!important;}

body.page-template-template-menu-php .menu-card, .page-template-default #content {width:90%}

.homebox-left, .homebox-right {
	clear:both;
	float:none;
	text-align: center;
	width:100%;   
} 

.homebox-left img.alignleft, .homebox-right img.alignleft {
    float: none;
    margin: 5px auto;
    padding: 0;
}

.homebox-right img.alignright {
	display: inherit;
    float: none;
}

.homebox-left h3, .homebox-right h3 {text-align:center; font-size: 22px} 

#extended-footer {width:100%; height:210px;
    background: url("images/location-map.png") no-repeat scroll center center rgba(0, 0, 0, 0);}

#extended-footer .inner {
    width: 100%;
	height:200px;
	margin:0 auto;
	text-align:center
}

#extended-footer .inner img {
    float: none;
    margin: 0 auto;
    padding-top: 175px;}

.flex-direction-nav {display:none}

  #footer .col-full {
width:920px;
    max-width: 100%;
  }

#footer-widgets h3 {margin-top:4px}

#footer-widgets .widget {
	margin:0 auto; 
	text-align:center; 
	width:90%;
	font: 16px 'Goudy Bookletter 1911',arial,sans-serif!important;
}

#footer-widgets .widget-section {
	width: 100%;
	
}

#footer-widgets img.alignleft, #footer-widgets img.alignright {
	float:none;
	margin:0 auto
}

.entry-title, body.page-template-template-contact-php #content h3  {
	border-bottom:none;
	width:auto
 }
 
 #footer-widgets .widget-5 {display:inline}

#footer-widgets .footer-1 {width:30%!important; margin-left:5%}

#footer-widgets .footer-2{display:none}

#footer-widgets .footer-3 {width:65%!important}

	.flex-caption, .flex-active-slide .flex-caption {display:block!important}
	
	.OT-visit {width:40%}
	
	.flexslider {height:auto!important; padding-bottom: 25px;}
	
	.flex-control-nav {
    margin: 0 auto;
    right: 0;
    text-align: center;
    bottom: 2%;
    position: relative;
    width: auto;
}
	

.flex-control-nav li {padding-top:15px}
	
	.flex-control-paging li a {height:20px; width:20px}
	
  .menu-main-nav-container {width:100%}
  
  .page-template-default img.alignright {
	 float: none;
    margin: 0 0 20px !important;
    width: 100%;
	height:auto}

  .tinynav, #tinynav1 { 
	background-color: #588c98;
	color:#fff;
	display: block; 
	margin: 20px auto;
    text-align: center;
	font-family:'Lato',arial,sans-serif!important;
	text-transform:uppercase;
	
 }
    #nav {
	display: block;
    margin: 0 20px;} 
	
	.nav {
    background-color: #3C3C3C;
    border-radius: 5px 5px 5px 5px;
	padding-top:15px;
	margin-top:-10px;
	color:#fff;
	font-weight:bold;
	letter-spacing:2px;
	width:100%;
	position:relative;
	z-index:1 }
	
	.nav a {color:#fff}
	
	.nav li {
		border-bottom:dotted thin #fcfcfc;
		margin:0 20px;
		padding:15px}
	
	/*.current-menu-item, #tinynav1, .responsive-nav select  {display:none}*/
	
	.mobile-current {
		background:url('images/hamburger.png')  no-repeat 97% center #578b97;
		background-size:contain;
		border-radius:5px;
		font-weight:bold;
	   letter-spacing:2px; 
		margin-bottom:-5px; 
		padding:10px 0;
		position:relative;
		z-index:10}
	
	.mobile-nav {
		color:#fff;
		width:90%; 
		margin:10px auto 0; 
		text-align:center;
		font-family:'Lato',arial,sans-serif!important;
		text-transform:uppercase;
}

	
	li.menu-item-26, .page-id-24 li.menu-item-27 {border:none;}
 
.flex-caption {bottom:25%!important}

.flexslider .slides li h2 {font-size:20px!important}
	
	.OT-visit {float: none; margin-right:0; margin:0 auto 2em; width:70%}
	
	#content .nice-contact-form .entry {text-align:inherit}
	
	.nice-contact-form input, .nice-contact-form textarea {
width: 100%;}

.nice-contact-form input[type="submit"] {
width: 40%!important;}
  
  #FSContact1 {width:120%!important}
  
  .res-info {width:100%; margin:0; padding:0; float:none}
  
  #footer-widgets .last h3 {margin-top:5px}

.footer-2 {max-width:100%!important}

#footer-widgets .widget {width:93%} 

body.page-template-template-menu-php .menu-card, .page-template-default #content, body.page-template-template-menu-php .entry p, .menu-box {width:95%!important}

.menu-box li .title span.price {float:left}

.about-main {width:100%; float:none;}

.about-sidebar, .gift-card-img {width:100%; float:none;}

.gift-card-form {width:90%; float:none;}

.about-sidebar img {width:100%; height:auto}

.rest-info {margin-left:0}

.responsive-nav{margin-top: -44px;}

.home #container, #container {
overflow: visible;
}

}

/*IPADS all sized*/
@media screen and (min-width:765px) and (max-width: 1024px) { 

#footer-widgets {margin:0 auto}

#footer-widgets .widget {float:left; text-align:center;width:100%!important}

#footer-widgets .footer-1 {width:45%}

#footer-widgets .widget_black_studio_tinymce img.wp-image-60 {padding-bottom:28px}

#content {
float: none !important;
overflow: hidden;
width: 730px !important;
margin: 0 auto 25px;
}

.OT-visit {float:left}

#footer img.aligncenter {padding-bottom:10px}

.menu-box li .title span.price {float:right}

.about-main {width:65%; float:right; padding-top:20px}

.about-sidebar {width:30%; float:left; margin-right:5%; padding-top:20px}

.about-sidebar img {width:100%; height:auto}

.rest-info {margin-left:205px}

.gift-card-img {float:right; width:55%; margin-bottom:15px; margin-top:30px}

.gift-card-form {float:left; width:40%}

#footer-widgets .widget_black_studio_tinymce img {padding:15px}

.page-template-default img.alignright.events-image{float:right; margin-left:20px!important; margin-top:20px!important}

#footer .OT_header {
width: 24%!important; margin:4px 0 0 5px}

}

@media only screen  
and (max-width : 874px) {

#footer-widgets .footer-1, 
#footer-widgets .footer-3 {width:100%!important; margin:0 auto; text-align:center}
#footer .col-full {max-width: 90%;margin: 0 auto;
}
#footer-widgets .widget-section {float:none}

.mc_input {width:72%!important; max-width:300px}

#footer-widgets .widget_black_studio_tinymce img {display:block}

#footer-widgets .widget_black_studio_tinymce img.wp-image-282 {padding-bottom:14px}

#footer-widgets .widget_black_studio_tinymce img.wp-image-60 {
padding-bottom: 6px; margin:0 auto}

#footer-widgets .widget_black_studio_tinymce img.wp-image-468 {padding-top:25px}

#footer-widgets .widget_black_studio_tinymce img.wp-image-467 {padding-top:15px}

#footer .OT_wrapper {width:100%!important}

#footer .OT_day, #footer .OT_time, #footer .OT_party {width:19%!important}

#footer .OT_submit {width:16%!important; margin-left:1%!important}

#footer .OT_title {font-size:12px!important}

#footer #OTButton {margin-left:10%!important}

#footer .OT_searchTimeField, #footer .OT_searchDateField, #footer .OT_searchPartyField {width:115px!important}

}

/*Smaller than an iPad*/
@media screen and (max-width:765px) {
	.page-template-default img.alignright.events-image{ display:none!important} .mobile-image{display:inline; width:100%; height:auto}
	#footer .OT_wrapper {width:100%!important; height:auto!important; margin-bottom:0!important}
	#footer .OT_list {height:auto!important}
	#footer .OT_header {
width: 100%!important;
}
	#footer .OT_title {text-align:center!important; margin:20px auto!important; width:60%!important; float:none!important;text-transform:uppercase; font: bold 22px 'Lato',arial,sans-serif !important; letter-spacing:2px!important;}
	#footer .OT_day,#footer .OT_time, #footer .OT_party, #footer .OT_submit {width:60%!important; float:none!important; padding-right:0!important; padding-left:0!important}
	#footer .OT_searchTimeField, #footer .OT_searchDateField, #footer .OT_searchPartyField {width:60%!important; margin:2px auto!important}
	#footer .OT_submit {padding-left:0!Important}
	
	#footer .OT_list {margin:0 auto!important; width:60%!important}
	
	#footer .OTButton, #footer #OTButton {
width: 32%!important;
text-align: center!important;
margin: 8px auto!important;
min-width: 100px!important;
}

#logo img {width:95%}

#footer-widgets h3 {
    font: bold 22px 'Lato',arial,sans-serif !important;}
	
#footer-widgets .widget_black_studio_tinymce img {
  height:auto;
  max-width:180px;
  padding:15px;
  width:50% !important;
}

#footer-widgets .footer-1 .widget_black_studio_tinymce img {width:55px!important; float:left}

#footer-widgets {margin-top:30px!important}
}