/*
Theme Name: Tiago's Cabo Grille
Theme URI: https://tiagoscabogrille.com/
Author: Jason A. Merrell
Author URI: https://webtegrity.com/
Description: A custom theme built for the incredible people at Tiago's.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: webtegrity-2015
*/

/*Last Edited: Aug 2017
By: Kori Ashton
Purpose: Weather Alert
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
13.0 Button Styling
14.0 Gravity Form Styling
15.0 Header Styling
16.0 Footer Styling
17.0 Frontpage Styling
	17.1 Frontpage Hero
	17.2 Hero Video Background Option
	17.3 SEO Container
	17.4 Homepage Instagram Widget
18.0 Single Page Styling
19.0 Blog Styling
	19.1 Index Styling
	19.2 Post Styling
20.0 Sidebar Styling
	20.1 Sidebar Category / Menu Styling

--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
.row {
         max-width: 1170px;
}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}
img.border {
	border: 1px solid #696969;
}
svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
textarea {
	color: #FFF;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
        font-family: "Muli", sans-serif;
        font-weight:300;
}

select {
    color:#000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
        font-family: "Satisfy", sans-serif;
        color: #FFF;
        font-weight: 100;
}

h1 {
    font-size:36px;
    letter-spacing:1px;
    font-weight:800;
}

h2 {
    font-size:30px;
}


p {
    padding-bottom: 20px;
    font-family: 'Muli', sans-serif;
    font-weight: 600;
    color: #555;
    margin-bottom: 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}


/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}
ul li {
	color: #FFF;
	text-align: left;
	font-weight: 200;
	font-family: inherit;	
	font-size: 0.95em;
}
ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}
h4.subtitle {
    color: #aaa;
    font-size: 1em;
    font-weight: 300;
    letter-spacing: 1px;
    margin-top: -5px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	transition: all 0.3s ease 0s;
}

a:visited {
}

a:hover,
a:focus,
a:active {
	color: #c22e2a;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
header nav ul {
    list-style: none;
    margin: 0;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
}

header nav ul li {
    display:inline-block;
    position:relative;
    padding-bottom:30px;
    padding-top:15px;
}

ul#top-menu-left li {
    margin-left: 53px;
}

ul#top-menu-right li {
    margin-right: 53px;
}

ul#top-menu-inner li {
    margin-right: 53px;
}

header nav ul > li > a {
    color:#fff;
    font-weight:400;
    text-transform:uppercase;
    font-family:"Open Sans";
    padding-bottom:5px;
    display:inline-block;
}

header nav ul > li a:hover {
    color:#f9b300;
}

header nav ul > li > ul {
    display: none;
    position: absolute;
    top: 74px;
    left: 0;
    padding: 15px 0 15px 0;
    border-radius: 0 0 10px 10px;
    background-color: rgba(0,0,0,.7) !important;
    z-index:1;
    border-top:3px solid #bc2421; 
    width:250px;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
}

ul#top-menu-right li ul, ul#top-menu-left li ul  {
    top: 38px;
}

header nav ul > li > ul:before {
    content: '';
    background-image:url('https://4c417b.claudeassets.com/20200501065701im_/https://tiagoscabogrille.com/wp-content/themes/tiagos/images/submenu-arrow.png');
    position:absolute;
    top:0;
    left:12px;
    width:19px;
    height:10px;       
}

header nav ul > li > ul > li {
    display:block;
    padding:10px 20px;
    width: 250px;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
}

header nav ul > li > ul > li:hover {
    background:rgba(249,179,0,.59);
}

header nav ul > li > ul > li a {
    font-style:italic;
}

header nav ul > li > ul > li a:hover {
    color:#fff;
}

header nav ul > li:hover > ul {
    display:block;
    background:rgba(0,0,0,0.5);
    background: url('https://e68cb4.claudeassets.com/20200501065701im_/https://tiagoscabogrille.com/wp-content/themes/tiagos/images/tiagos-cabo-grille-mexican-background-black.jpg') repeat-y;
    background-size:100%;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
}

.taptap-background-color, .taptap-background-color-active{
    background-color: rgba(0,0,0,.95);
}

.taptap-by-bonfire ul li a {
    text-transform:uppercase;
    font-weight:600;
    color:#f9b300;
}

.taptap-by-bonfire .sub-menu a {
    color:#fff;
    font-weight:300;
    font-style:italic;
}

.taptap-by-bonfire .menu li span svg {
    fill:#af130f;
}

.taptap-by-bonfire .menu li span {
    border-left: 1px solid #af130f;
}
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.sidebar-widget-title {
    color:#000;
}

.entry-footer {
    border-top: 1px solid #E5E5E5;
    border-bottom:1px solid #E5E5E5;
    padding: 12px 0;
    display:block;
    margin-bottom:30px;
}

h1.entry-title {
  margin-top: -4px;
  font-family: "Satisfy";
  font-weight:700;
  color:#c22e2a;

}

.entry-summary {
    margin:0;
}

.entry-footer {
    font-size:12px;
}

.entry-footer ul {
    display:inline-block;
    list-style:none;
    margin:0;
}

.entry-thumbnail {
    margin-bottom:10px;
}

.nav-links a {
    border: 1px solid #000;
    padding: 9px;
    text-transform: uppercase;
    color: #000;
}

.archive-read-more {
    text-transform: uppercase;
    font-style:italic;
    font-family: "Open Sans";
    display:inline-block;
    margin-top:3px;
}


.archive-results .entry-title {
    font-weight: 600;
    font-size: 23px;
    line-height: 27px;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
13.0 Button Styling
--------------------------------------------------------------*/

a.ghost-button {
    display:inline-block;
    text-transform:uppercase;
    color:#1b1d45;
    font-style:italic;
    font-size:18px;
    background-color:#FFF;
    padding:15px 30px;
    border: 1px solid #1b1d45;
    margin-top:5px;
    margin-bottom:30px;
}

a.ghost-button:hover {
    background-color:#1b1d45;
    color:#FFF;
}

/*--------------------------------------------------------------
14.0 Gravity Form Styling
--------------------------------------------------------------*/

.form-fields-container {
    background-color:#FFF;
    padding: 0px 20px 30px 20px;
    border-right: 5px solid #ed1c24 !important;
    border-left: 5px solid #ed1c24 !important;
    border-bottom: 5px solid #ed1c24 !important;
}

.form-fields-container p {
    color:#515151;
    font-size: 16px !important;
    font-style:italic;
    font-weight:300;
}


.gform_wrapper .gform_body .gform_fields .gfield input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=number],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=password],
body .gform_wrapper .gform_body .gform_fields .gfield select,
body .gform_wrapper .gform_body .gform_fields .gfield textarea {
    font-size:14px !important;
    width:100%;
}

.gform_wrapper .top_label .gfield_label {
    color:#fff;
}
.gform_wrapper li.field_description_above .gfield_description, .gfield_description {
    color:#fff;
}

.gform_wrapper .ginput_complex.ginput_container span label {
    color:#fff;
}

.gravity-form .gfield_label, .webtegrity-form label {
  font-size:14px !important;
  text-transform: uppercase;
  color:#fff;
}

.gravity-form .ginput_container {
    margin-top:0px !important;
    width:100%;
    padding-bottom:0px !important;
}

.gravity-form input {
    width:100% !important;
    margin-bottom:0px !important;
    border: 1px solid #007aa5 !important;
}

.form-header-container {
    text-align: center;
    background-color:#ed1c24;
    padding:20px 10px;
    margin-bottom:0px;
}

.form-header-container h3 {
    color:#FFF;
    margin-bottom:0px;
    font-weight:400;
}

.form-subheader-container {
    text-align: center;
    background-color:#ed1c24;
    padding:5px 10px 3px 10px;
}

.form-arrow-container p {
    display:none;
}

.form-arrow-container {
    margin-bottom:-16px;
    background-color:#fff;
    border-right:5px solid #ed1c24;
    border-left:5px solid #ed1c24;
}

.form-arrow-container img {
    display:block;
    margin: 0 auto;
}

.webtegrity-form .form-price {
    font-size: 45px;
    font-weight: 100;
    font-style: italic;
    text-align: center;
    line-height: 20px;
    margin-bottom: 28px;
    color:#faa225 !important;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
}

.gform_wrapper span.ginput_total {
  color:#faa225 !important;  
}

.gform_wrapper .gfield_html.gfield_no_follows_desc {
    margin-top:0px !important;
}

.gform_footer input {
    border-color:#2e3192 !important;
    background-color:#ed1c24;
    min-width: 200px !important;
    padding: 30px 5px;
    font-family: "Open Sans", sans-serif !important;
    font-size: 22px !important;
    color:#FFF !important;
    font-weight:300;
    box-shadow:none;
}

.gform_footer input:hover {
    box-shadow:none;
    border-color:#2e3192 !important;
    background-color:#2e3192;
}

.bio-social-media-icons ul {
    list-style:none;
    margin-left:0;
}

.bio-social-media-icons ul li {
    display:block;
    float:left;
    margin-right:10px;
}
.bio-social-media-icons .fa {
    font-size: 25px;
    margin: 0 2px 20px 0;
    color: #696969;
}


/*--------------------------------------------------------------
15.0 Header Styling
--------------------------------------------------------------*/

header.header-container {
	padding:20px 0 0 0;
        background: url('https://e68cb4.claudeassets.com/20200501065701im_/https://tiagoscabogrille.com/wp-content/themes/tiagos/images/tiagos-cabo-grille-mexican-background-black.jpg') repeat-y;
        background-size: cover;
        background-color:rgba(0,0,0,.78);
        border-bottom: 3px solid #bc2421;
        position:relative;
        z-index:10;
}



.header-logo {
    margin-bottom:20px;
}

header#hero {
    padding-top:20px;
}

header#hero::before {
    display: block;
    content: ' ';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left:0;
    background-image: linear-gradient(to bottom,rgba(0,0,0,.4),rgba(0,0,0,.0));
    z-index:4;
}

.inner-page-menu {
    padding-bottom:0;
    margin-bottom:0;
}

.inner-page-menu:after {
    display:none !important;
}

/*--------------------------------------------------------------
16.0 Footer Styling
--------------------------------------------------------------*/

footer.footer-container {
	background-color:#000;
	padding:0 0 20px 0;
        font-size:12px;
        color:#000;
        position:relative;
}

.footer-bottom-border {
    display:block;
    content:' ';
    height: 26px;
    width:100%;
    background-image: url('https://94f31a.claudeassets.com/20200501065701im_/https://tiagoscabogrille.com/wp-content/themes/tiagos/images/tiagos-border.jpg');
    background-position:left bottom;
}

.cabo-club-container {
    position:relative;
    background-color:#f9b300;
    display:block;
    padding: 50px 0 20px 0;
}

.cabo-club-container h2 {
    font-size:50px;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    
}

.cabo-club-container h2:hover {
    color:#c22e2a;
}

.cabo-club-container:before {
    position:absolute;
    top:0;
    display:block;
    content:' ';
    height: 5px;
    width:100%;
    background-image: url('https://94f31a.claudeassets.com/20200501065701im_/https://tiagoscabogrille.com/wp-content/themes/tiagos/images/tiagos-border.jpg');
    background-position:left top;
}

.cabo-club-footer {
    content: ' ';
    position: absolute;
    display: block;
    bottom: -176px;
    background-image: url('https://eb6736.claudeassets.com/20200501065701im_/https://tiagoscabogrille.com/wp-content/themes/tiagos/images/tiagos-cabo-ripped-paper.png');
    background-size: 100%;
    height: 201px;
    width: 100%;
    background-repeat: no-repeat;
}

.bottom-footer-container {
    color:#fff;
    padding:190px 0 0 0;
}

.footer-widget-title {
	color:#fff;
}

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

footer .social a {
    display: inline-block;
    border: 1px solid #fff;
    width: 30px;
    height: 30px;
    font-size: 16.3px;
    color: #fff;
    margin: 0 5px 10px 5px;
    line-height: 1.8;
}

footer .social a:hover {
    border: 1px solid #af130f;
    background-color:#af130f;
    color: #fff;
}

footer .social h4 {
    color:#fff;
}

.footer-widget ul {
    list-style:none;
    margin:0;
}

.footer-widget ul > li {
    display:block;
    text-align:center;
    margin-top:10px;
}

.footer-widget ul > li > a {
    text-transform:uppercase;
    font-family: "Muli", sans-serif;
    font-size:24px;
}

.footer-widget ul > li > a:hover {
    color:#c22e2a;
}

.copyright-container {
    margin-top:20px;
}

@media screen and (max-width:600px) {
    .cabo-club-footer {
        bottom: -188px;
    }
    
    .bottom-footer-container { 
        padding:50px 0 0 0 ;
        
    }
}
/*--------------------------------------------------------------
17.0 Frontpage Styling
--------------------------------------------------------------*/

main {
    padding:20px 0;
}

main.main-archive {
    padding:40px 0;   
}

main.main-frontpage {
    padding:0;
    position:relative;
}

.submenu-container {
    position: absolute;
    overflow:hidden;
    display: inline-block;
    text-align: center;
    z-index: 2;
    top: -24px;
    width: 100%;
}

.submenu-container:before {
    background-image: url('https://654796.claudeassets.com/20200501065701im_/https://tiagoscabogrille.com/wp-content/themes/tiagos/images/brush-stroke.png');
    content: ' ';
    display: block;
    height: 37px;
    width: 120%;
    position: absolute;
    top: 13px;
    left: -61px;
    background-repeat:repeat-x;
}

.submenu-container:after {
    background-image: url('https://654796.claudeassets.com/20200501065701im_/https://tiagoscabogrille.com/wp-content/themes/tiagos/images/brush-stroke.png');
    content: ' ';
    display: block;
    height: 37px;
    width: 120%;
    position: absolute;
    top: 13px;
    right: -21px;
    background-repeat:repeat-x;
    z-index:-1
}

.submenu-inner-container {
    background-color:#c22e2a;
    border:1px solid #FF6561;
    position:relative;
}

.submenu-inner-container:before {
    background-image: url('https://c9e49a.claudeassets.com/20200501065701im_/https://tiagoscabogrille.com/wp-content/themes/tiagos/images/submenu-triangle-left.png');
    content: ' ';
    display: block;
    height: 39px;
    width: 45px;
    position: absolute;
    bottom: 0;
    z-index: -1;
    left: -23px;
    background-repeat:no-repeat;
}

.submenu-inner-container:after {
    background-image: url('https://c9e49a.claudeassets.com/20200501065701im_/https://tiagoscabogrille.com/wp-content/themes/tiagos/images/submenu-triangle-left.png');
    content: ' ';
    display: block;
    height: 39px;
    width: 45px;
    position: absolute;
    bottom: 0;
    z-index: -1;
    right: -23px;
    background-repeat:no-repeat;
}

.submenu-container a {
    color:#fff;
    background-color:#c22e2a;
    padding:19px 0;
    width:24.9%;
    display:inline-block;
    text-transform:uppercase;
    margin-right: -4px;
    font-family:"Paprika";
}

.submenu-container a:hover {
    background-color:#CF1A15;
}

#submenu-location {
    border-right: 1px solid #FF6561;
}

#submenu-menu {
    border-right: 1px solid #FF6561;
}

#submenu-catering{
    border-left: 1px solid #FF6561;
    border-right: 1px solid #FF6561;
}

#submenu-location:before {
    display: inline-block;
    content: "\f041";
    font-family: "FontAwesome";
    color: #fff;
    font-size: 30px;
    position: relative;
    vertical-align: bottom;
    bottom: 12px;
    left: -11px;
    line-height: 0;
}

#submenu-menu:before {
    display: inline-block;
    content: "\f097";
    font-family: "FontAwesome";
    color: #fff;
    font-size: 30px;
    position: relative;
    vertical-align: bottom;
    bottom: 12px;
    left: -11px;
    line-height: 0;
    
}

#submenu-happyhour:before {
    display: inline-block;
    content: "\f000";
    font-family: "FontAwesome";
    color: #fff;
    font-size: 30px;
    position: relative;
    vertical-align: bottom;
    bottom: 12px;
    left: -11px;
    line-height: 0;
}

#submenu-catering:before {
    display: inline-block;
    content: "\f0c0";
    font-family: "FontAwesome";
    color: #fff;
    font-size: 30px;
    position: relative;
    vertical-align: bottom;
    bottom: 12px;
    left: -11px;
    line-height: 0;  
}

@media screen and (max-width:1000px) {
    .submenu-container {
        position:relative;
        display:block;
        top:0;
    }
    .submenu-container a {
        width:100%;
        padding:40px 0;
        margin-right:0;
        font-size:24px;
    }
    #submenu-menu {
    border-top: 1px solid #c22e2a;
    border-bottom: 1px solid #c22e2a;
    }

    #submenu-catering {
        display:none;
    }
    #submenu-happyhour {
        display:none;
    }
    
    .menu-inner-menu-container {
        display:none;
    }
    #submenu-menu {
    border-bottom: 1px solid #FF6561;
}
    
}
/*--------------------------------------------------------------
17.1 Hero Styling
--------------------------------------------------------------*/

.hero-container {
	background-color:transparent;
	padding:40px 0;
}


/*--------------------------------------------------------------
17.2 Hero Video Background Option
--------------------------------------------------------------*/

header#hero.large {
    min-height: 820px;
}

header#hero {
    background: #1f1f1f;
    background-size:cover;
    background-position:center center;
    position: relative;
    overflow: hidden;
    width: 100%;
}

header#hero .bg-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    z-index: 0;
}

header#hero article {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    text-align: center;
    width: 100%;
    z-index: 5;
}

@media screen and (max-width: 960px) {
    header#hero article h1 {
        background-size: 740px 73px
    }
}
@media screen and (max-width: 768px) {
    header#hero article h1 {
        background-size: 440px 44px;
        font-size: 5em
    }
}
@media screen and (max-width: 480px) {
    header#hero article h1 {
        background-size: 300px 30px
    }
}
header#hero article h1 {
    font-size: 5em;
    color:#fff;
    line-height: 1.4em;
    overflow: hidden;
        margin: 21px 0;
        font-weight:300;
        -moz-osx-font-smoothing: grayscale;
        
}
header#hero article h1 span {
    color:#f9b300;
}
header#hero article p {
    color:#fff;
    text-transform:uppercase;
        letter-spacing: 6px;
        -moz-osx-font-smoothing: grayscale;
        font-weight: 400;
}
@media screen and (max-width: 960px) {
    header#hero article h1 {
        background-size: 720px auto;
        font-size: 3.5em
    }
}
@media screen and (max-width: 768px) {
    header#hero article h1 {
        background-size: 420px auto;
        font-size: 3em;
        line-height: 1em;
        padding-top: 12px
    }
    header#hero article h1 span:before {
        display:block;
        content: ' ';
    } 
}
@media screen and (max-width: 480px) {
    header#hero article h1 {
        background-size: 320px auto;
        font-size: 3em;
        padding-top: 15px
    }
}

#hero nav {
    position:relative;
    z-index:5;
}

@media screen and (max-width: 1000px) {
    header#hero .bg-video video {
        display:none;
    }
}

.votedbest {
    display:none;
}

.wp-toolbar-active {
    margin-top: 18px !important;
}
/*--------------------------------------------------------------
17.3 SEO Container
--------------------------------------------------------------*/
.background-slider {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	height: 350px;
}
.seo-container {
				padding-top: 100px;
    		padding-bottom: 20px;
        position:relative;
        background-size:cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
	    	background-color: black;
}

.seo-container:after {
    position:absolute;
    bottom:0;
    display:block;
    content:' ';
    height: 5px;
    width:100%;
    background-image: url('https://94f31a.claudeassets.com/20200501065701im_/https://tiagoscabogrille.com/wp-content/themes/tiagos/images/tiagos-border.jpg');
    background-position:left bottom;
}

.seo-container h2 {
    font-family:"Muli";
    color:#fff;
    font-size:24px;
    max-width:933px;
    font-weight:600;
    display:inline-block;
    margin:0 auto;
    text-shadow: 2px 2px 8px #000;
}

.seo-container h2 span {
    color:#f9b300;
}

@media screen and (max-width:900px) {
    .seo-container {
        background-attachment:inherit;
    }
}

#social-intro {
    position: absolute;
    top: 50px;
    max-width: 100%;
    margin: 0 auto;
}

#social-intro a {
    display: inline-block;
    border: 1px solid #fff;
    width: 30px;
    height: 30px;
    font-size: 16.3px;
    color: #fff;
    margin: 0 5px 10px 5px;
    line-height: 1.8;
}

#social-intro a:hover {
    border: 1px solid #af130f;
    background-color: #af130f;
    color: #fff;
}

/*--------------------------------------------------------------
17.4 Homepage Content Container
--------------------------------------------------------------*/

.content-container {
    background-image: url('https://1b0da0.claudeassets.com/20200501065701im_/https://tiagoscabogrille.com/wp-content/themes/tiagos/images/best-happy-hour-san-antonio.jpg');
    background-size:cover;
    background-position: center center;
    padding:80px 0 120px 0;
    position:relative;
}

.content-inner-container {
    padding:60px 60px;
    margin:0 20px;
    max-width:600px;
    background-image: url('https://2c7b2b.claudeassets.com/20200501065701im_/https://tiagoscabogrille.com/wp-content/themes/tiagos/images/best-mexican-food-san-antonio-content-background.png');
    background-repeat:no-repeat;
    background-size:100% 100%;
}

.content-container h2 {
    color:#af130f;
    font-weight:700;
    font-size:28px;
}

@media screen and (max-width:800px) {
    .content-inner-container {
        padding:60px 30px;
    }
}


/*--------------------------------------------------------------
18.0 Single Page Styling
--------------------------------------------------------------*/
.main-page-container {
        background: url('https://b36627.claudeassets.com/20200501065701im_/https://tiagoscabogrille.com/wp-content/themes/tiagos/images/tiagos-cabo-grille-mexican-background.jpg') repeat-y;
        background-size:100%;
        background-color:#300E01;
        padding:60px 0;
}

.page-content-container {
	padding:40px 0;
        background-color:rgba(0,0,0,.8);
        display:block;
        max-width:1240px;
        margin:0 auto;
        -webkit-box-shadow: 0px 6px 47px -6px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 6px 47px -6px rgba(0,0,0,0.75);
        box-shadow: 0px 6px 47px -6px rgba(0,0,0,0.75);
}

.page-content-container-paper {
	padding:40px 0;
        background-color:rgba(0,0,0,.8);
        background: url('https://345481.claudeassets.com/20200501065701im_/https://tiagoscabogrille.com/wp-content/themes/tiagos/images/tiagos-cabo-grille-mexican-background-paper.png') no-repeat;
        background-size:100% 100%;
        display:block;
        max-width:1240px;
        margin:0 auto;
        color:000;
        /*-webkit-box-shadow: 0px 6px 47px -6px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 6px 47px -6px rgba(0,0,0,0.75);
        box-shadow: 0px 6px 47px -6px rgba(0,0,0,0.75);*/
}

.page-content-container-paper h1, .page-content-container-paper h2, .page-content-container-paper h3, .page-content-container-paper h4, .page-content-container-paper h5, .page-content-container-paper p {
    color:#000;
}

.page-content-container-paper h1 {
    font-family:"Pompiere";
    text-transform:uppercase;
    font-weight:700;
}

.page-content-container-paper h3 {
    font-family:"Muli";
}

.page-content-container p {
    color:#fff;
}

#page-thumbnail-wrapper {
    padding-bottom:200px;
    border-bottom: 3px solid #bc2421;
    -webkit-box-shadow: 0px 6px 47px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 6px 47px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 6px 47px -6px rgba(0,0,0,0.75);
    position:relative;
    z-index:1;
}

.page-entry-header img {
    margin-top:130px;
}

.page-entry-header h1 {
    color:#fff;
    text-align:center;
    font-size:70px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.page-entry-header p {
    color:#fff;
    text-transform:uppercase;
    letter-spacing: 6px;
    font-weight: 400;
}

@media screen and (max-width:1000px) {
#page-thumbnail-wrapper {
    background-attachment:inherit !important;
    background-size:cover !important;
    background-position: center center !important;
}
}

/*--------------------------------------------------------------
19.0 Blog Styling
--------------------------------------------------------------*/

/*--------------------------------------------------------------
19.1 Index Styling
--------------------------------------------------------------*/

.index-container {
	padding:40px 0;
}

.vcard {
    display: inline-block;
    margin: 0;
    border: none;
    padding: 0;
}

/*--------------------------------------------------------------
19.2 Post Styling
--------------------------------------------------------------*/

.post-content-container {
	padding:40px 0;
}

h3.comment-reply-title {
    font-size: 1.135rem;
}

.archive-results a {
    color:#c22e2a;
}

.archive-results h1 a {
    color:#c22e2a;
    font-family:"Open Sans";
    font-weight:600;
}

.archive-results h1.entry-title a:hover {
    color:#f9b300;
}

.entry-header a {
    color:#c22e2a;
}

.entry-header a:hover {
    color:#f9b300;
}
/*--------------------------------------------------------------
20.0 Sidebar Styling
--------------------------------------------------------------*/
/*--------------------------------------------------------------
20.1 Sidebar Category / Menu Styling
--------------------------------------------------------------*/


.sidebar-widget-title {
  display: block;
  background: #444;
  color: #fff;
  text-align: center;
  padding: 15px;
  font-size: 1.3em;
  margin-bottom: 15px;
}

.sidebar-widget ul {
    list-style:none;
    margin:0;
}

.sidebar-widget ul li {
  display: block;
  margin-bottom: 8px;
  margin-left:0;
}

.sidebar-widget ul li a, .sidebar-widget ul li a:link, .sidebar-widget ul li a:visited {
  display: block;
  text-align: center;
  background: #e5e5e5;
  color: #444;
  padding: 15px;
  text-transform: uppercase;
  font-weight:500;
  font-family:"Open Sans", sans-serif;
}

.sidebar-widget a:hover {
    color:#f6921d !important;
}


/*--------------------------------------------------------------
21.0 Tiago's Menu Styling
--------------------------------------------------------------*/

.menu-page-container {
    padding-top:0;
}

.menu-specials-container {
    max-width:817px;
    display:block;
    padding:20px;
    text-align:center;
    margin:0 auto 40px auto;
    background-color:#f9b300;
    border-radius:0 0 10px 10px;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    position:relative;
    z-index:0;
    -webkit-box-shadow: 0px 6px 47px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 6px 47px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 6px 47px -6px rgba(0,0,0,0.75);
}

.menu-specials-container:hover {
    background-color:#bc2421;
}

.menu-specials-container h2 {
    font-size:18px;
    font-style:italic;
    font-weight:800;
    font-family:"Muli";
}

.menu-specials-container h2 span {
    color:#bc2421;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
}

.menu-specials-container:hover h2 span {
    color:#f9b300;
}

.menu-special-padding {
    padding:0 20px;
}

.sub-category-container .row {
    padding: 0 20px;
}

.menu-category-container {
    display: block;
    max-width: 1240px;
    margin: 0 auto;
    background-size:cover;
    background-position:center center;
    padding:60px 20px;
    text-align:center;
    border-bottom: 5px solid #bc2421;
    height:260px;
    -webkit-box-shadow: 0px 6px 47px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 6px 47px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 6px 47px -6px rgba(0,0,0,0.75);
}

.menu-category-container h2 {
    color:#fff;
    margin-top:40px;
    display: inline-block;
    font-size:45.5px;
    text-shadow: 0px 0px 7px rgb(0, 0, 0);
}

.menu-category-container p {
    color:#fff;
    text-shadow: 0px 0px 7px rgb(0, 0, 0);
    text-transform:uppercase;
    letter-spacing:7px;
    font-weight:400;
}

.sub-category-container {
    border-bottom: 5px solid #bc2421;
}

.menu-category-html-block-container {
    max-width:900px;
    display:block;
    margin: 10px auto;
    padding:0 20px;
}

.sub-category-container h3 {
    color: #BC2421;
    text-align: center;
    font-weight: 400;
    letter-spacing: 0px;
    margin-bottom: 30px;
    font-size: 40px;
}

.menu-item-container {

}

.menu-item-container h4 {
    display:block;
    font-size:20px;
    color:#F9B300;
    float:left;
    font-family: "Muli";
    margin-top: 0;
}

.menu-item-container span {
    display:block;
    float:right;
    color:#F9B300;
}

.menu-item-container p {
    display:block;
    font-weight:300;
}


h3.footer-social-widget-title {
    text-align: center;
}

.download-menu-container {
    max-width:817px;
    display:block;
    padding:20px;
    text-align:center;
    margin:0 auto 40px auto;
    background-color:#BC2421;
    border-radius:0 0 10px 10px;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    position:relative;
    z-index:0;
    -webkit-box-shadow: 0px 6px 47px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 6px 47px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 6px 47px -6px rgba(0,0,0,0.75);
}

.download-menu-container:hover {
    background-color: #f9b300
}

/*
     FILE ARCHIVED ON 05:44:06 May 01, 2020 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 04:39:09 Jun 02, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.496
  exclusion.robots: 0.065
  exclusion.robots.policy: 0.056
  esindex: 0.006
  cdx.remote: 11.759
  LoadShardBlock: 58.666 (3)
  PetaboxLoader3.datanode: 65.84 (4)
  PetaboxLoader3.resolve: 376.531 (2)
  load_resource: 386.762
*/