/*
 Theme Name:   Amaro Bistro
 Author:       WebSPI
 Author URI:   http://www.webspi.com
 Template:     twentytwelve
 Version:      1.0.0
 Text Domain:  twenty-twelve-child
*/

@import url("css/spi-nav.css");
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,900|PT+Sans:400,700|Open+Sans:300,400italic,600italic,700,800,400,600);

/* =GLOBAL LAYOUT/ELEMENTS
-------------------------------------------------------------- */
html {
	height: 100%;
}
body {
	height: 100%;
}
header {
	height: 100%;
}
div#page {
	height: 100%;
}
#masthead {
height: 100%;
position: fixed;
width: 292.5px;
top: 0;
}
div#masthead-wrapper {
	height: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	margin: 0 49px;
}
div#homepage-content {
margin-right: 1px;
margin-bottom: 30px;
clear: both;
}
.no-padding-both {
padding-left:0;
padding-right:0;
}
.no-padding-left{
padding-left:0;
}
.no-padding-right{
padding-right:0;
}

p {
color: #FFF;	
}

.entry-content .home-page-content {
background: rgba(0,0,0,0.8);
padding: 15px;
}

.site-content {
color: #FFF;
}

a {
color: #BE3A36;
}

a:hover, a:focus {
color: #981e1b;
text-decoration: none;
}

.row {
margin:0;
}

.container {
padding:0;
}

#page.container {
box-shadow: 0px 0px 112px #575757;
background:none;
}

h1, h2, h3, h4, h5 {
font-family: 'Open Sans', sans-serif;
margin:0;
padding:0;
}
h1 {
font-size: 4rem;
}
h2 {
font-size: 2.25rem;
margin-bottom: 15px;
}
.single-post h3 {
font-size: 17px!important;
margin-bottom: 5px!important;
}

.page-template-page-about h1.entry-title, .single-post h1.entry-title, .archive h1.entry-title, .page-template-page-contact h1.entry-title {
	font-size: 2.8rem;
}
.archive h1.archive-title {
	font-size: 2.8rem;
	margin-top: 1.5rem
}


.page-header img {
width: 50%;
padding: 7px 15px 15px 0;
margin: 0 auto;
float: left;
}
article.category-listings {
padding: 15px 5px;
border-bottom: 1px solid #C5C5C5;
}
article.category-listings:hover {
background-color: #F1F1F1;
}
article.category-listings h1{
font-size:25px;
}

p, label, span, div {
font-family: 'Open Sans', sans-serif;
}

.single-post p {
	margin-bottom: 12px!important;
}

.iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.iframe-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.breadcrumb {
background: rgba(0,0,0,0.8);
color: #FFF;
margin-bottom: 0;
border-radius: 0;
}

.breadcrumb a {
color: #FFF;
}

.wptouch-desktop-switch {
margin-bottom: 0;
position: fixed!important;
bottom: 0;
right: 33px;
}

/* =TYPOGRAPHY
-------------------------------------------------------------- */
.btn-3 {
  background-color: #BE3A36;
  color: #FFF;
  padding: 5px 15px;
  display: inline-block;
}
.btn-3:hover {
  color: #FFF;
  background-color: #9f211e;
}

/* =HEADER
-------------------------------------------------------------- */
.header-widget-1 img {
  width: 100%;
}

.page-header {
margin: 20px 0 20px;
}

.widget.widget_text.widget-header {
background-color: transparent;
color: #000;
margin-bottom: 30px;
padding: 0;
}

.widget.widget_text.widget-header p {
font-size: 14px;
font-weight: bold;
text-align: center;
color: #000;
margin-bottom: 0;
}

div#header-widgets {
margin-top: 65px;
}

ul#menu-main-navigation li a {
color: #000;
}
ul#menu-main-navigation {
	float: inherit!important;
}
.social-icons-header {
font-size: 23px;
text-align: center;
}

.social-icons-header a:hover {
color: #000;
}

.social-icons-header a {
color: #000;
}

.social-icons-header .fa {
background-color: rgba(255, 255, 255, 0.69);
padding: 5px;
border-radius: 4px;
}

i.fa.fa-facebook {
padding: 5px 10px;
}

ul#menu-main-navigation li a:hover {
color: #FFF;
background-color: #981e1b;
border-radius: 1px;
}

.dropdown-menu {
	position: relative;
	border: none;
	background-color: rgba(255, 255, 255, 0);
	box-shadow: none;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	background-color: rgba(255, 255, 255, 0);
}

.dropdown-menu>li>a {
	color: #000;
}

ul.dropdown-menu li a {
	font-size: 19px;
	text-align: center;
    padding: 3px 12px;
}


.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
	background-color: #981e1b;
	color: #FFF!important; 
}


/* =MAIN
-------------------------------------------------------------- */
div#main-row {
}

div#page-logo {
}

div#content {
padding: 0 25px 5px 25px;
background: rgba(0,0,0,0.8);
display: inline-block;
width: 100%;
padding-bottom: 20px;
}

.img-page {
float: right;
margin: 5px 0 0 15px;
border-radius: 0;
}

div#primary {
margin-top: 163px;
margin-bottom: 30px;
z-index: 10;
}

section#primary {
margin-top: 163px;
margin-bottom: 30px
z-index: 10;
}

.spi-breadcrumb {
margin-bottom: 15px;
}

.secondary-container {
margin-top: 163px;
}

div#secondary {
margin-bottom: 30px;
z-index: 10;
}

header.entry-header.page-header a {
color: #FFF;
}

.author div#secondary {
margin-top: 163px;
}

.tag div#secondary {
margin-top: 163px;
}

input, button, select, textarea {
color: #333;
}

/* =Panel
-------------------------------------------------------------- */


/* =SIDEBAR
-------------------------------------------------------------- */

.widget.gform_widget {
background: rgba(0,0,0,0.8);
margin-bottom: 25px;
}

.widget.widget_text {
background-color: rgba(0,0,0,0.6);
padding: 15px;
color: #FFF;
margin-bottom: 25px;
}

div#wdg_specialrecentpostspro-2 {
background: rgba(0,0,0,0.8);
}

.srp-widget-container.srp-container-single-column {
padding: 0 15px 15px;
}

.srp-widget-container.srp-container-single-column a {
color: #FFF;
}

.srp-widget-container.srp-container-single-column a:hover {
color: #b42320;
}

h3.widget-title.srp-widget-title {
text-align: center;
padding-top: 15px;
font-size: 22px;
}

h3.widget-title {
margin-bottom: 10px;
}

i.fa.fa-phone {
font-size: 22px;
padding-right: 10px;
}

div.otw-bare-bones-style {
background-color: rgba(0,0,0,0.8);
padding: 20px;
color: #FFF;
}

input.otw-submit {
color: #000;
}

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

.single-post footer.entry-meta {
	margin-top:30px!important;
}

.footer-copy {
float: right;
}

.footer-copy p {
display: inline-block;
margin-right: 25px;
}

.home footer#site-footer {
position: fixed;
bottom: 0;
clear: both;
}

footer#site-footer {
position: relative;
bottom: 0;
clear: both;
}


/* =HOMEPAGE
-------------------------------------------------------------- */
.home-page-content h1 {
text-align: center;
font-style: italic;
margin-bottom: 10px;
}

div#sitelogo {
position: absolute;
top: 62px;
left: 12px;
width: 250px;
}

div#home-widget {
margin-top: 163px;
}

.navbar {
margin-top: 260px;
}

.nav-menu.nav.navbar-nav li {
list-style-type: none;
text-align: center;
font-size: 25px;
float: none;
}

.nav-menu.nav.navbar-nav ul {
background-color: rgba(255, 255, 255, 1);
width: 100%;
margin-bottom: 5px;
}

ul.navbar-nav li:hover > a {
background-color: rgba(255, 255, 255, 0);
color: #981e1b;
width: 100%;
}


/* =ANIMATIONS
-------------------------------------------------------------- */


/* Chrome, Safari, Opera */
@-webkit-keyframes boxLoad {
from {
opacity: 0;
-ms-transform:scale(1.1,1.1); /* IE 9 */
-webkit-transform:scale(1.1,1.1); /* Chrome, Safari, Opera */
transform:scale(1.1,1.1); /* Standard syntax */
}
to {
opacity: 1;
-ms-transform:scale(1,1); /* IE 9 */
-webkit-transform:scale(1,1); /* Chrome, Safari, Opera */
transform:scale(1,1); /* Standard syntax */
}
}

/* Standard syntax */
@keyframes boxLoad {
from {
opacity: 0;
-ms-transform:scale(1.1,1.1); /* IE 9 */
-webkit-transform:scale(1.1,1.1); /* Chrome, Safari, Opera */
transform:scale(1.1,1.1); /* Standard syntax */
}
to {
opacity: 1;
-ms-transform:scale(1,1); /* IE 9 */
-webkit-transform:scale(1,1); /* Chrome, Safari, Opera */
transform:scale(1,1); /* Standard syntax */
}
}



/* =Plugin Overrides
-------------------------------------------------------------- */
/* Open Table Widget */
div#secondary select {
color:#000;
}


/* rfwbs slider */
#main #rfwbs_controls-wrapper, #main #rfwbs_thumb-tray {
background-color: rgba(54, 86, 123, 0.9);
bottom:30px;
}
#main #rfwbs_showprogressbar-back {
bottom: 72px!important;
}

#main ul#rfwbs_thumb-list {
margin-top: 20px!important;
}

/* Fancy Gallery */
.fg-menu-selection > div {
margin-right: 1%;
margin-bottom: 5px;
width: 32%;
}
.fg-panel .fg-theme-white, .fg-panel .fg-theme-white:visited {
color: #131313;
}

/* WP Touch Pro */


/* Gravity Forms */
/* GravityForms Reset START */
.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction {
font-weight:normal;
margin:0;
padding:0;
margin-bottom: 5px;
}

.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password] {
margin:0;
padding:0;
display:block;
margin-bottom: 10px;
}

.gform_wrapper .ginput_complex input[type=text], .gform_wrapper .ginput_complex input[type=url], .gform_wrapper .ginput_complex input[type=email], .gform_wrapper .ginput_complex input[type=tel], .gform_wrapper .ginput_complex input[type=number], .gform_wrapper .ginput_complex input[type=password], .gform_wrapper .ginput_complex select {
margin:0;
padding:0;
display:block;
width:100%;
}

.gform_wrapper input[type=radio], .gform_wrapper input[type=checkbox] {
margin: 4px 10px 0 0;
}

.gform_wrapper ul.gfield_checkbox li {
margin:0;
}

.gform_wrapper ul.gfield_checkbox li label {
font-weight:normal;
}

.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea {
margin:0;
padding:0;
}

.gform_wrapper .top_label .gfield_label {
padding:0;
}

.gfield, .ginput_full {
clear: both;
display: block;
height: 1%;
overflow: hidden;
}

.gform_wrapper ul {
list-style:none;
margin:0;
padding:0;
}

.ginput_left {
float:left;
width: 49%;
clear:right;
display:block;
}

.ginput_right {
float:right;
width: 49%;
clear:right;
display:block;
}

.name_first {
float:left;
width: 49%;
clear:right;
display:block;
}

.name_last {
float:right;
width: 49%;
clear:right;
display:block;
}


.medium{
width:100%;
}

.form-left{
float:left;
width: 49%;
clear:left;
display:inline-block;
}

.form-right{
float:right;
width: 49%;
clear:right;
display:inline-block;
}

.gform_wrapper .validation_error {
color: #ff0000;
font-weight: bold;
}
.gform_wrapper .validation_message {
color: #ff0000;
}
.gform_wrapper li.gfield_error {
background-color: #F99A9A;
}
/* GravityForms Reset END */

.gform_body {
padding: 15px;
color: #fff;
}

.gform_widget h3.widget-title {
color: #FFF;
padding-left: 13px;
padding-top: 7px;
}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
width: 100%!important;
}

.gform_wrapper .gform_footer {
padding: 0px 0 12px 17px !important;
margin: 0 !important;
}

.gform_body input {
color: #000;
}

.gform_body textarea {
color: #000;
}

.gform_wrapper .gfield_required {
color: #FD3F3F !important;
}

.gform_wrapper div.validation_error {
color: #FFA2A2 !important
}

.gfield_captcha_container img {
margin-bottom: 10px;
}

.gform_footer.top_label input {
color: #000;
}

	
/* =RESPONSIVE
-------------------------------------------------------------- */
.ten {
	width: 10% !important;
}
.twenty {
	width: 20% !important;
}

.thrity {
	width: 30% !important;
}
.forty {
	width: 40% !important;
}
.fifty {
	width: 50% !important;
}
.sixty {
	width: 60% !important;
}
.seventy {
	width: 70% !important;
}
.eighty {
	width: 80% !important;
}
.ninety {
	width: 90% !important;
}
.hundred{
width: 100% !important;
}

@media (max-width: 1199px) {
#rfwbs_prevslide, #rfwbs_nextslide {
display: none !important;
}

div#sitelogo {
top: 73px;
left: 58px;
width: 216px;
}

div#masthead-wrapper {
margin: 0px 20px 0 75px;
}

div#home-widget {
margin-top: 159px;
margin-bottom: 30px;
}

div#primary {
margin: 163px 0 50px 15px;
}

}


@media (max-width: 991px) {
.secondary-container {
margin-top: 0;
}

section#primary {
margin: 163px 0 50px 0px;
}

div#primary {
margin: 163px 0 50px 0px;
}

div#secondary {
margin-bottom: 30px;
}


}


@media (max-width: 767px) {
div#masthead-wrapper {
height: auto;
margin: 0;
}

#masthead {
height: auto;
padding-right: 0;
position: initial;
width: 100%;
}

div#sitelogo {
position: relative;
width: 55%;
margin-left: auto;
margin-right: auto;
top: 0;
left: 0;
}

ul#menu-main-navigation li a:hover {
background-color: #981e1b!important;
}

#rfwbs_prevslide, #rfwbs_nextslide {
display: none !important;
}

div#primary {
margin: 20px 0 50px;
}

section#primary {
margin: 20px 0 50px;
}

.navbar {
margin-top: 25px;
margin-bottom: 0;
}

div#home-widget {
margin-top: 20px;
}

div#header-widgets {
display: none;
}

.container-fluid.navbar-neg-margin {
  margin: 0!important;
}

.footer-copy {
  float: none;
  text-align: center;
}

.home footer#site-footer {
  position: relative;
}

}