@charset "UTF-8";
/*
Theme Name: La Jaiba Brava Hot Sauce
Theme URI: 
Author: Custom Virtual Solutions
Author URI: http://customvs.com
Description: A theme for WordPress 5.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

La Jaiba Brava Hot Sauce is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

:root {
  --bg-primary: #ffffff;
  --bg-secondary: #F12A0D;
  --bg-accent: #FED92D;
  --text-primary: #111111;
  --text-secondary: #FFFFFF;
  --text-accent: #F12A0D;
}

/*###################################
# General Styles
###################################*/
html {font-size: 16px; /* 1em */ overflow: auto; line-height: 1.15; -webkit-text-size-adjust: 100%;}
body {font-family: "Open Sans", sans-serif; margin: 0 auto; width: 100%; min-width: 320px;}
a, a:visited {color: inherit; text-decoration: none; transition: all .5s ease; -webkit-transition: all .5s ease; text-decoration: none !important;}
a:hover {}
a:focus {outline: none !important;}
img {transition: all ease 0.5s; display: block;}
svg:not(:root) { display: inline !important; overflow: visible !important; }
p, li { color: #111111; }
li { line-height: 1.2; }
h1, h2, h3, h4, h5 {line-height: 1.8; margin-bottom: 30px;}
h1, h2, h3, h4, h5, .h1, .h2, .h3, p, li  {margin-top: 0;}
/* h1 { font-size: 180px; }
h2 { font-size: 150px; }
h3 { font-size: 80px; }
h4 { font-size: 30px; }
h5 { font-size: 25px; } */

/*###################################
## Layouts
###################################*/
.site {margin: 0 auto;}
.full {width: 100%;}
.main {max-width: 100%;}
.entry-content {margin: 0;}
.hentry, .so-panel, .panel-grid {margin-bottom: 0!important;}
.has-1-columns .wp-block-column {flex-basis: 100%;}
.wp-block-column, .blocks-gallery-item {margin: 0 !important;}
.wp-block-gallery.is-cropped .blocks-gallery-item img {height: auto; width: auto; object-fit: contain;}
.screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;}
/* .container, .container-fluid {max-width: 1360px; margin: 0 auto; padding-left: 15px; padding-right: 15px;} */
.row {width: 100%; max-width: 1396px; padding: 0 15px; margin: 0 auto;}
.clearfix {clear: both;}

/*###################################
## Forms
###################################*/
.ctc-form {text-align: center;}
.ctc-form p {margin-bottom: 0;}
.ctc-form label {font-weight: 400;} 
.ctc-form textarea {max-height: 110px;}
.ctc-form textarea, .ctc-form input {font-family: "Arial";}
.ctc-form textarea, .ctc-form input:not([type="checkbox"]), .ctc-form select {padding: 10px 20px;}
.ctc-form input:not([type="checkbox"]), .ctc-form select {height: 45px;}
.ctc-form input[type="submit"] {background: #fff!important; border-radius: 0!important; margin-top: 10px; border: none;}
.ctc-form input[type="submit"]:hover {background: #1E2A5A!important;}
.ctc-hide {display: none;}
.ctc-form .form-control {border-radius: 0px;}
.wpcf7-response-output {text-align: center; background: #fff;}
.wpcf7-acceptance span.wpcf7-list-item {margin: 0;}

/*###################################
## Buttons
###################################*/
.btn {font-size: 16px; color: #000!important; background: #ddd; padding: 15px 40px; display: inline-block; position: relative; z-index: 10;}
.btn:before {width: 100%; height: 0; background: #333; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); position: absolute; content: ""; transition: all ease 0.5s; z-index: -1;}
.btn:hover:before {height: 100%;}
.btn:hover {color: #fff!important;}
/* Target the nav menu icon directly */
.hfe-nav-menu-icon,
.hfe-nav-menu-icon i,
.hfe-nav-menu-icon svg {
  color: #ff6600 !important; /* Change to your desired color */
  fill: #ff6600 !important;  /* For SVG icons */
}
.hfe-nav-menu ul li { padding-bottom: 0 !important; }
.hfe-nav-menu ul li a { text-shadow: none !important; }
.hfe-nav-menu ul li a:hover::after, .hfe-nav-menu ul li.current-menu-item::after { background: none !important; text-shadow: none !important; }


/*###################################
## Menus
###################################*/
/*Main Menu*/
.main-navigation {clear: both; display: block; width: 100%;}
.main-navigation a {color: #000; display: block; padding: 12px; text-decoration: none;}
.main-navigation ul {list-style: none; margin: 0; padding-left: 0;}
.main-navigation li {float: none; display: inline-block; position: relative;}
.main-navigation li.menu-item-has-children a:after {font-family: "FontAwesome"; content: "\f0d7"; margin-left: 10px;}
.main-navigation li.menu-item-has-children:hover a:after {content: "\f0d8";}
.main-navigation a:hover, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {background: #ddd;}

/* Sub Menu */
.main-navigation li.menu-item-has-children .sub-menu a:after {display: none;}
.main-navigation ul li.menu-item-has-children:hover ul {top: 100%; opacity: 1;}
.main-navigation ul ul {background: rgba(0, 0, 0, 0.7); opacity: 0; text-align: left; top: 50%; display: block; transition: all ease 0.5s;}
.main-navigation ul ul li.menu-item-has-children:hover ul {top: 50%!important; opacity: 1!important; z-index: 1!important;}
.main-navigation ul ul ul { left: 100%; top: -100%!important; transition: all ease 0.5s; opacity: 0!important; z-index: -1!important;}
.main-navigation .sub-menu li {display: block; text-align: left; margin-right: 0; margin-left: 0;}
.main-navigation .sub-menu a {color: #fff; width: 300px; padding: 15px 10px!important;}
.main-navigation .sub-menu a:hover, .main-navigation .sub-menu .current-menu-item > a, .main-navigation .sub-menu .current-menu-ancestor > a {color: #000; background: rgba(255,255,255,0.7)!important;}

/*Footer Menu*/
.footer-navigation ul {margin: 0; padding: 0; text-align: center;}
.footer-navigation li {display: inline-block; float: none;}
.footer-navigation li a {color: #fff; display: block; padding: 12px;}
.footer-navigation a:hover, .footer-navigation .current_page_item a, .footer-navigation .current-menu-item a {background: #ddd;}

/*Social Menu*/
.social-navigation ul {margin-bottom: 0;}
.social-navigation li {margin: 0 10px;}
.social-navigation li.sm-loc a:before {content: "\f041";}
.social-navigation li:first-of-type {margin-left: 0px;}
.social-navigation li:last-of-type {margin-right: 0px;}
.social-navigation a {font-size: 13px; color: #fff; display: inline-block; height: auto!important; width: auto!important;}
.social-navigation a:before {width: 30px!important; height: 30px!important; line-height: 30px!important; background: #eee; border-radius: 50%; transition: all ease 0.5s;}
.social-navigation a:hover:before {transform: rotate(360deg); border-radius: 0px; background: #ddd; box-shadow: 0 0 10px #333;}

/*###################################
## Header
###################################*/
/* .site-header { background: #EEEEEE; }
.site-header .custom-logo {width: 100%; max-width: 320px;} */
.header-menu ul li { position: relative; padding-bottom: 10px; }
.header-menu ul li a { text-shadow: 0 2px 2px #fff !important; }
.header-menu ul li a:hover::after, .header-menu ul li.current-menu-item::after { content: ""; position: absolute; left: 0; bottom: 0; right: 0; background: url('https://staging8.dynaserverx.com/lajaibabrava.com/wp-content/uploads/2025/09/zigzag-line.png'); width: 100%; height: 7px; text-shadow: none !important; background-color: none; }

/*###################################
## Banner
###################################*/
#banner {position: relative;}
.banner-inner .row { max-width: 1630px; }
.banner-inner .image-wrapper { position: relative; }
/* .banner-inner .image-wrapper .floating-image { top: 0; right: 0; bottom: 0; left: 0; } */

/*###################################
## Content
###################################*/
.site-content {background: #BBBBBB; padding: 20px 0;}

/* why choose us */
#why-choose-us::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: -1; }

/*###################################
## Footer
###################################*/
.site-footer {background: #9A9A9A; padding: 20px 0;}
.ftCopy {text-align: center;}
.ftCopy p, .ftCopy a {margin-bottom: 0; color: #000; font-size: 14px;}
.ftCopy .silver img {display: inline-block;vertical-align: middle;max-width: 50px}

/*###################################
## Sidebar
###################################*/
#primary.sideMain {float:left; width: 70%;}
#secondary {float:right; width: 30%; padding: 20px; box-sizing: border-box; border: 1px solid #535353; box-sizing: border-box;}
.search-form {display: flex;}
.search-form .search-submit {width: 100%; max-width: 85px;}

/*###################################
## Inner Pages
###################################*/
.inner #content {background: #fff; text-align: left; min-height: 600px; padding: 40px 0;}
.inner #content h1 {text-align: center;}

/* contact */
.inConBox {max-width: 550px; margin: 0 auto;}

/* error404 */
.inner #content .error-404 h1 {font-size: 35px;}
.inner #content .error-404 h2 {font-size: 70px;}
.error-404 .search-form {margin: 0 auto 20px;}
.error-404 {text-align: center;}

/*###################################
## Responsive
###################################*/
@media screen and (max-width: 1023px){
}
