/*
Theme Name: Grand-OnePress - Organizado
Template: onepress
Theme URI: https://www.famethemes.com/themes/onepress/
Author: FameThemes (Reorganizado por Claude AI)
Author URI: http://www.famethemes.com
Description: Versão reorganizada do OnePress com @media queries estruturados. OnePress is an outstanding creative and flexible WordPress one page theme well suited for business website, portfolio, digital agency, product showcase, freelancers and everyone else who appreciate good design.
Version: 2.0.9-organized
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: onepress
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-menu, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, e-commerce, blog, portfolio

REORGANIZAÇÃO:
Data: 2026-01-06
Baseado em: Grand-OnePress style.css (versão 2.0.9)
Mudanças: @media queries organizados em seções por breakpoint

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.

OnePress is based on Underscores http://underscores.me/, (C) 2012-2015 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 http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> ÍNDICE (TABLE OF CONTENTS):
----------------------------------------------------------------
PARTE A: ESTILOS BASE (Mobile-First Foundation)
  1.0  Reset & Normalize
  2.0  Document Setup & Typography
  3.0  Layout Foundation
  4.0  Structure & Components
  5.0  Content & Sections
  6.0  Widgets
  7.0  External Plugins (WooCommerce, etc)

PARTE B: BREAKPOINTS RESPONSIVOS (Progressive Enhancement)
  R1.0  Mobile Optimization (max-width: 575px)
  R2.0  Small Phone+ (min-width: 576px)
  R3.0  Tablet Portrait+ (min-width: 768px)
  R4.0  Desktop (min-width: 940px)
  R5.0  Large Desktop (min-width: 1140px)
  R6.0  Special Cases (orientation, ultra-wide, etc)

NOTAS IMPORTANTES:
----------------------------------------------------------------
✅ Arquivo original: style.css (preservado intocado como backup)
✅ mudancas.css: PERMANECE SEPARADO (carregado após este arquivo)
   - Contém correções críticas para sidebar 768-939px
   - NÃO REMOVER mudancas.css!

📊 Estatísticas da Reorganização:
   - Breakpoints padronizados: 12 variações → 6 core
   - Total @media queries: 67 organizados em 6 seções
   - !important preservados conforme estrutura original
   - Abordagem: Mobile-first (base = mobile, enhancement progressivo)

🔍 Para detalhes completos, consulte:
   CSS-REORGANIZATION-DOCUMENTATION.md
--------------------------------------------------------------*/


/* ============================================================
   PARTE A: ESTILOS BASE (Mobile-First Foundation)
   ============================================================ */

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
/* Reset already include in bootstrap */
/*--------------------------------------------------------------
2.0 Document Setup
--------------------------------------------------------------*/
/*------------------------------
	2.1 Typography
------------------------------*/
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

html {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 16px;
}



body {
  background: #ffffff;
  height: 100%;
}

.site {
  background: #FFFFFF;
  position: relative;
}

#page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

#content.site-content {
  flex: 1 0 auto;
}

.site-footer {
  margin-top: auto;
}

body, button, input, select, textarea {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  color: #777777;
}

pre,
code,
input,
textarea {
  font: inherit;
}

::-moz-selection {
  background: #000000;
  color: #FFFFFF;
}

::selection {
  background: #000000;
  color: #FFFFFF;
}

/*------------------------------
	2.2 Links
------------------------------*/
a {
  color: #03c4eb;
  text-decoration: none;
  outline: none;
}
a:hover {
  text-decoration: none;
  color: #777777;
  text-decoration: underline;
}
a:active, a:focus, a:hover {
  outline: none;
}

/*------------------------------
	2.3 Heading
------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin-bottom: 15px;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  margin-top: 0;
  color: #333333;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #333333;
  text-decoration: none;
}

h1 {
  line-height: 1.3;
  font-size: 33px;
  font-size: 2.0625rem;
}

h1 span {
  font-weight: bold;
}

h2 {
  line-height: 1.2;
  font-size: 25px;
  font-size: 1.5625rem;
}


h3 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
}

h4 {
  font-size: 17px;
  font-size: 1.0625rem;
  margin-bottom: 12px;
}

h5 {
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
}

h6 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 1px;
}

/*------------------------------
	2.4 Base
------------------------------*/
ul, ol, dl, p, details, address, .vcard, figure, pre, fieldset, table, dt, dd, hr {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  margin-top: 0;
}

/*------------------------------
	2.5 Content
------------------------------*/
img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

b,
strong {
  font-weight: bold;
}

blockquote {
  clear: both;
  margin: 20px 0;
}
blockquote p {
  font-style: italic;
}
blockquote cite {
  font-style: normal;
  margin-bottom: 20px;
  font-size: 13px;
}

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

figure {
  margin: 0;
}

address {
  margin: 20px 0;
}

hr {
  border: 0;
  border-top: 1px solid #e9e9e9;
  height: 1px;
  margin-bottom: 20px;
}

tt,
kbd,
pre,
code,
samp,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  background-color: #e9e9e9;
  padding: 5px 7px;
  border-radius: 2px;
}

pre {
  overflow: auto;
  white-space: pre-wrap;
  max-width: 100%;
  line-height: 1.7;
  margin: 20px 0;
  padding: 20px;
}

details summary {
  font-weight: bold;
  margin-bottom: 20px;
}
details :focus {
  outline: none;
}

abbr,
acronym,
dfn {
  cursor: help;
  font-size: .95em;
  text-transform: uppercase;
  border-bottom: 1px dotted #e9e9e9;
  letter-spacing: 1px;
}

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

small {
  font-size: 82%;
}

big {
  font-size: 125%;
}

ul, ol {
  padding-left: 20px;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

ul li, ol li {
  margin: 8px 0;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 20px 20px;
}

/*------------------------------
	2.6 Table
------------------------------*/
table {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #e9e9e9;
  border-collapse: collapse;
  border-spacing: 0;
}

table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  border: 1px solid #e9e9e9;
  line-height: 1.42857;
  padding: 5px;
  vertical-align: middle;
}

table > thead > tr > th, table > thead > tr > td {
  border-bottom-width: 2px;
}

table th {
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/*------------------------------
	2.7 Form
------------------------------*/
fieldset {
  padding: 20px;
  border: 1px solid #e9e9e9;
}

input[type="reset"], input[type="submit"], input[type="submit"], .pirate-forms-submit-button {
  cursor: pointer;
  background: #03c4eb;
  border: none;
  display: inline-block;
  color: #FFFFFF;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1;
  text-align: center;
  padding: 15px 23px 15px 23px;
  border-radius: 2px;
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
  margin: 3px 0;
  text-decoration: none;
  font-weight: 600;
  font-size: 13px;
}
input[type="reset"]:hover, input[type="submit"]:hover, input[type="submit"]:hover, .pirate-forms-submit-button:hover {
  opacity: 0.8;
  background: #03c4eb;
}

input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover,
input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus,
button:hover, button:focus {
  cursor: pointer;
}

textarea {
  resize: vertical;
}

select {
  max-width: 100%;
  overflow: auto;
  vertical-align: top;
  outline: none;
  border: 1px solid #e9e9e9;
  padding: 10px;
}

textarea,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  padding: 10px;
  max-width: 100%;
  border: 0px;
  font-size: 15px;
  font-weight: normal;
  line-height: 22px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  background-color: #f2f2f2;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
  color: #000000;
}
textarea:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  border-color: #EBEBEB;
  border-bottom: 1px solid #fff !important;
  background: #e9e9e9;
}

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

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

/*------------------------------
	2.8 Accessibility
------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f8f9f9;
  border-radius: 3px;
  clip: auto !important;
  color: #03c4eb;
  display: block;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 17px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar */
}

/*------------------------------
	2.8 Accessibility
------------------------------*/
/*------------------------------
	2.9 Alignments
------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 3.5em;
}

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

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

/*------------------------------
	3.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: both;
}

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

/*------------------------------
	3.1 Infinite Scroll
------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.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;
}

/*------------------------------
	3.1 Helper.
------------------------------*/
.hide {
  display: none;
}

.clearleft {
  clear: left;
}

.break, h1,
h2,
h3,
h4,
h5,
h6, p, ul, ol, dl, blockquote, pre {
  word-break: break-word;
  word-wrap: break-word;
}

/*--------------------------------------------------------------
3.0 Layout
--------------------------------------------------------------*/
#primary {
  padding-bottom: 40px;
  padding-top: 40px;
}

.template-fullwidth-stretched #primary, .siteorigin-panels #primary {
  padding: 0;
}
.template-fullwidth-stretched .entry-content, .siteorigin-panels .entry-content {
  margin-bottom: 0px;
}

#secondary {
  padding-bottom: 40px;
  padding-top: 0;
}


.content-area {
  width: 100%;
  float: none;
}


.sidebar {
  width: 100%;
  float: none;
}


.no-sidebar .content-area {
  width: 100%;
}


/**
Footer widgets
 */
.footer-widgets {
  background: #050505;
}
.footer-widgets.section-padding {
  padding: 70px 0px 35px;
  padding:  4.375rem 0px 2.1875rem;
}
.footer-widgets table {
  border-collapse: collapse;
}
.footer-widgets table > thead > tr > th, .footer-widgets table > thead > tr > td {
  border-width: 1px;
}
.footer-widgets table th, .footer-widgets table td {
  border-color: rgba(233, 233, 233, 0.4);
}
.footer-widgets .widget-title {
  color: #ffffff;
}
.footer-widgets .widget-area .widget_categories li, .footer-widgets .widget-area .widget_archive li, .footer-widgets .widget-area .widget_meta li {
  width: 100% !important;
  float: none;
}
.footer-widgets .widget_recent_entries ul li,
.footer-widgets .widget_recent_comments ul li {
  border-bottom: 0px none;
  padding: 5px 0px;
  margin-bottom: 0px;
}
.footer-widgets .sidebar .widget {
  margin-bottom: 30px;
}

/*--------------------------------------------------------------
4.0 Structure
--------------------------------------------------------------*/
/* Header
------------------------------*/
.site-header {
  line-height: 75px !important;
  position: relative;
  width: 100%;
  background: #FFFFFF;
  z-index: 1000;
  -webkit-transition: all 1s ease-out;
  /* Safari */
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  box-shadow: 0 5px 10px 0 rgba(50, 50, 50, 0.06);
}
.site-header.header-fixed {
  top: 0px;
  left: 0px;
  position: fixed;
}
.site-header .custom-logo-transparent {
  display: none;
}

.followWrap {
  display: block;
}

.header-full-width .container {
  max-width: auto;
  width: auto;
}


.is-transparent .followWrap {
  z-index: 99;
  width: 100%;
  background: transparent;
  position: absolute;
  top: 0px;
  display: block;
}
.is-transparent .site-header {
  background: transparent;
  position: fixed;
  top: 0px;
}
.is-transparent .site-header.no-sticky {
  position: absolute;
  top: auto;
}
.is-transparent .site-header.no-scroll {
  box-shadow: none;
}
.is-transparent .site-header.no-scroll .has-t-logo .custom-logo-transparent {
  display: inline-block;
}
.is-transparent .site-header.no-scroll .has-t-logo .custom-logo {
  display: none;
}
.is-transparent .site-header.no-scroll #nav-toggle span {
  background-color: #ffffff;
}
.is-transparent .site-header.no-scroll #nav-toggle span::before, .is-transparent .site-header.no-scroll #nav-toggle span::after {
  background-color: #ffffff;
}
.is-transparent .site-header.no-scroll #nav-toggle.nav-is-visible span {
  background-color: transparent;
}
.is-transparent .site-header.header-fixed {
  background: #FFFFFF;
}
.is-transparent .site-header.header-fixed.no-scroll {
  background: transparent;
  box-shadow: none;
}


.is-transparent .hero-slideshow-fullscreen .hero__content {
  padding-top: 50px;
  padding-top: 3.125rem;
}

.site-branding {
  float: left;
}

.site-branding .site-title, .site-branding .site-text-logo {
  margin: 0px;
  line-height: 1;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-size: 23px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000000;
  display: initial;
  vertical-align: middle;
  font-weight: 600;
}
.site-branding .site-title:hover, .site-branding .site-text-logo:hover {
  text-decoration: none;
}
.site-branding .site-title {
  display: inline-block;
}
.site-branding .site-image-logo {
  display: block;
}
.site-branding .site-logo-div {
  line-height: 75px;
}
.site-branding .no-logo-img.has-desc, .site-branding .has-logo-img {
  line-height: 60px;
}
.site-branding .no-logo-img.has-desc .site-title, .site-branding .has-logo-img .site-title {
  margin-top: -5px;
  position: relative;
}
.site-branding .no-logo-img.has-desc .site-description, .site-branding .has-logo-img .site-description {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 0;
  position: relative;
  top: -15px;
  color: #000000;
}

.home.header-transparent .no-scroll .site-brand-inner, .home.header-transparent .no-scroll .site-text-logo {
  color: #fff;
}

.header-social {
  margin-left: 0px;
  float: right;
}


.header-social a {
  display: block;
  height: 100%;
  float: left;
  margin-left: 0px;
  margin-top: -2px;
  color: #03c4eb;
}

.header-social a:hover {
  color: #000000;
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.header-social .fa-stack-1x, .header-social .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.header-social .fa-stack-1x {
  line-height: inherit;
}
.header-social .fa-stack-2x {
  font-size: 2em;
}
.header-social .fa-inverse {
  color: #FFFFFF;
}

.header-btn {
  float: right;
}

/* Site Navigation */
.onepress-menu, .onepress-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.onepress-menu {
  float: right;
}
.onepress-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}
.onepress-menu ul ul {
  top: 0;
  left: 100%;
}
.onepress-menu li {
  position: relative;
}
.onepress-menu > li {
  float: left;
}
.onepress-menu li:hover > ul, .onepress-menu li.sfHover > ul {
  display: block;
}
.onepress-menu a {
  display: block;
  position: relative;
}

.onepress-menu ul {
  min-width: 12em;
  *width: 12em;
  border: 1px solid #e9e9e9;
  border-top: none;
}
.onepress-menu li {
  white-space: nowrap;
  *white-space: normal;
  -webkit-transition: background .2s;
  transition: background .2s;
}
.onepress-menu li:hover,
.onepress-menu li.sfHover {
  -webkit-transition: none;
  transition: none;
}
.onepress-menu a {
  color: #333333;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  padding-left: 17px;
  padding-right: 17px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  zoom: 1;
  letter-spacing: 1px;
}
.onepress-menu a:hover {
  color: #03c4eb;
}
.onepress-menu ul li {
  line-height: 26px;
}
.onepress-menu ul li a {
  border-top: 1px solid #e9e9e9;
  padding: 8px 18px;
  color: #999999;
  font-size: 13px;
  text-transform: none;
  background: #ffffff;
  letter-spacing: 0;
}
.onepress-menu ul li a:hover {
  color: #03c4eb;
}
.onepress-menu li.onepress-current-item > a {
  color: #03c4eb;
}
.onepress-menu ul li.current-menu-item > a {
  color: #03c4eb;
}
.onepress-menu > li:last-child > a {
  padding-right: 0px;
}
.onepress-menu > li a.menu-actived {
  color: #03c4eb;
}
.onepress-menu .nav-toggle-subarrow {
  display: none;
}

.header-mobile-search {
  display: none;
  width: 100%;
  max-width: none;
  min-width: 0;
}

.header-search-mobile {
  display: none; /* editado via IA: base oculto */
}

.header-search-inline {
  display: block; /* editado via IA: visível em desktop/tablet */
  width: 100%;
  max-width: 100%;
  flex: 1 1 auto;
}

.header-search-inline form {
  position: relative;
}

.header-search-inline .search-field {
  width: 100%;
  padding: 10px 42px 10px 12px;
  height: 40px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}

.header-search-inline .search-submit,
.header-search-inline button[type="submit"],
.header-search-inline input[type="submit"] {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.header-search-inline .search-submit::before,
.header-search-inline button[type="submit"]::before,
.header-search-inline input[type="submit"]::before {
  content: '';
  width: 16px;
  height: 16px;
  display: block;
  background: center center no-repeat;
  background-size: 16px 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23666' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='M17 17l4 4'/%3E%3C/svg%3E");
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.header-search-row {
  display: none; /* editado via IA: só mostra em mobile */
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.header-actions .header-icon,
.header-actions .header-cart-link {
  display: inline-flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 6px;
  position: relative;
  text-indent: -9999px;
  overflow: visible;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

.header-actions .header-icon span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
/* garante que o link do carrinho herde o mesmo layout compacto dos ícones */
.header-actions .header-cart-link {
  text-decoration: none;
  color: inherit;
  overflow: visible; /* deixa o badge sair da caixa */
  text-indent: 0; /* mantém somente o ícone oculto via pseudo */
  align-items: center;
  justify-content: center;
}

.header-actions .header-account span:before,
.header-actions .header-cart-link .cart-icon:before {
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
}

.header-actions .header-account span:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23666' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E");
}

.header-actions .header-cart-link .cart-icon:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23666' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a1 1 0 0 0 .99.82h9.72a1 1 0 0 0 .99-.79L21 6H6'/%3E%3C/svg%3E");
}

.header-actions .header-cart-link .cart-count {
  position: absolute;
  top: -7px;
  right: -7px;
  width: 22px;
  height: 22px;
  min-width: 22px;
  padding: 0;
  background: #ff4d4f;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0,0,0,0.15);
  border: 2px solid #fff; /* separa do ícone */
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-cart-wrapper {
  position: relative;
  z-index: 5000;
}
/* Wrapper herda header-icon para manter espaçamento, mas libera o layout interno */
.header-icon.header-cart-wrapper {
  width: auto;
  height: auto;
  border: none;
  background: transparent;
  box-shadow: none;
  text-indent: 0;
  padding: 0;
}

.header-mini-cart {
  display: none;
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  width: 340px;
  max-height: 70vh;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #e5e5e5;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.16);
  z-index: 2000;
  padding: 15px;
  border-radius: 10px;
  pointer-events: auto;
}
.header-mini-cart .elementor-menu-cart__products {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header-mini-cart .elementor-menu-cart__product {
  display: grid;
  grid-template-columns: 70px 1fr 22px;
  grid-template-areas:
    "thumb title remove"
    "thumb price remove";
  gap: 10px;
  position: relative;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
}
.header-mini-cart .elementor-menu-cart__product:last-child {
  border-bottom: none;
}
.header-mini-cart .elementor-menu-cart__product-image {
  grid-area: thumb;
  width: 70px;
  height: 70px;
  border: 1px solid #eee;
  border-radius: 4px;
  overflow: hidden;
}
.header-mini-cart .elementor-menu-cart__product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.header-mini-cart .elementor-menu-cart__product-name {
  grid-area: title;
  font-size: 14px;
  line-height: 1.3;
  color: #333;
  margin: 0;
}
.header-mini-cart .elementor-menu-cart__product-name a {
  color: inherit;
  text-decoration: none;
}
.header-mini-cart .elementor-menu-cart__product-name a:hover {
  text-decoration: underline;
}
.header-mini-cart .elementor-menu-cart__product-price {
  grid-area: price;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #666;
}
.header-mini-cart .elementor-menu-cart__product-price .woocommerce-Price-amount {
  font-weight: 700;
  color: #222;
}
.header-mini-cart .elementor-menu-cart__product-remove {
  grid-area: remove;
  justify-self: end;
  align-self: flex-start;
}
.header-mini-cart .elementor-menu-cart__product-remove a {
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  font-size: 16px;
  color: #777;
  text-decoration: none;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  transition: all 0.15s ease;
}
.header-mini-cart .elementor-menu-cart__product-remove a:hover {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.header-mini-cart .elementor-menu-cart__subtotal {
  margin: 14px 0 0 0;
  padding-top: 10px;
  border-top: 1px solid #f0f0f0;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-mini-cart .elementor-menu-cart__footer-buttons {
  margin-top: 10px;
  display: grid;
  gap: 8px;
}
.header-mini-cart .elementor-menu-cart__footer-buttons .elementor-button {
  width: 100%;
  text-align: center;
}
.header-mini-cart .woocommerce-mini-cart {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header-mini-cart .woocommerce-mini-cart .woocommerce-mini-cart-item {
  display: grid;
  grid-template-columns: 70px 1fr 22px;
  grid-template-areas:
    "thumb title remove"
    "thumb price remove";
  gap: 10px;
  position: relative;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
}
.header-mini-cart .woocommerce-mini-cart .woocommerce-mini-cart-item:last-child {
  border-bottom: none;
}
.header-mini-cart .mini-cart-remove {
  grid-area: remove;
  justify-self: end;
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  color: #444;
  text-decoration: none;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  transition: all 0.15s ease;
  background: #f7f7f7;
  font-weight: 700;
}
.header-mini-cart .mini-cart-remove:hover {
  color: #ff4d4f;
  border-color: #ff4d4f;
  background: #ffeaea;
}
.header-mini-cart .mini-cart-thumb {
  width: 70px;
  height: 70px;
  border: 1px solid #eee;
  border-radius: 4px;
  overflow: hidden;
}
.header-mini-cart .mini-cart-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.header-mini-cart .mini-cart-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.header-mini-cart .mini-cart-title {
  font-size: 14px;
  line-height: 1.3;
  color: #222;
  font-weight: 600;
}
.header-mini-cart .mini-cart-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #555;
}
.header-mini-cart .mini-cart-price {
  font-weight: 700;
  color: #222;
}
.header-mini-cart .woocommerce-mini-cart__total,
.header-mini-cart .woocommerce-mini-cart__buttons {
  margin: 14px 0 0 0;
  padding-top: 10px;
  border-top: 1px solid #f0f0f0;
}
.header-mini-cart .woocommerce-mini-cart__buttons .button,
.header-mini-cart .woocommerce-mini-cart__buttons .elementor-button {
  width: 100%;
  text-align: center;
  margin-bottom: 8px;
}

/* Força overrides do mini-cart, inclusive quando Elementor injeta estilos */
.header-mini-cart,
.header-mini-cart * {
  box-sizing: border-box !important;
}
.header-mini-cart {
  width: 340px !important;
  padding: 15px !important;
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}
.header-mini-cart .woocommerce-mini-cart,
.header-mini-cart .elementor-menu-cart__products {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.header-mini-cart .woocommerce-mini-cart-item,
.header-mini-cart .elementor-menu-cart__product {
  display: grid !important;
  grid-template-columns: 70px 1fr 22px !important;
  grid-template-areas:
    "thumb title remove"
    "thumb price remove" !important;
  gap: 10px !important;
  align-items: center !important;
  position: relative !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid #f0f0f0 !important;
}
.header-mini-cart .woocommerce-mini-cart-item:last-child,
.header-mini-cart .elementor-menu-cart__product:last-child {
  border-bottom: none !important;
}
.header-mini-cart .mini-cart-thumb,
.header-mini-cart .elementor-menu-cart__product-image {
  grid-area: thumb !important;
  width: 70px !important;
  height: 70px !important;
  border: 1px solid #eee !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}
.header-mini-cart .mini-cart-thumb img,
.header-mini-cart .elementor-menu-cart__product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
.header-mini-cart .mini-cart-body,
.header-mini-cart .elementor-menu-cart__product-name {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin: 0 !important;
  grid-area: title !important;
}
.header-mini-cart .mini-cart-title,
.header-mini-cart .elementor-menu-cart__product-name a,
.header-mini-cart .elementor-menu-cart__product-name {
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: #222 !important;
  text-decoration: none !important;
  margin: 0 !important;
  font-weight: 600 !important;
}
.header-mini-cart .mini-cart-title:hover,
.header-mini-cart .elementor-menu-cart__product-name a:hover {
  text-decoration: underline !important;
}
.header-mini-cart .mini-cart-meta,
.header-mini-cart .elementor-menu-cart__product-price {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  color: #555 !important;
  grid-area: price !important;
  margin: 0 !important;
}
.header-mini-cart .mini-cart-meta .quantity,
.header-mini-cart .elementor-menu-cart__product-price .quantity {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.header-mini-cart .mini-cart-price,
.header-mini-cart .elementor-menu-cart__product-price .woocommerce-Price-amount {
  font-weight: 700 !important;
  color: #222 !important;
  white-space: nowrap !important;
}
.header-mini-cart .elementor-menu-cart__product-price .product-quantity,
.header-mini-cart .mini-cart-meta .mini-cart-qty {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.header-mini-cart .elementor-menu-cart__product-price .product-quantity span,
.header-mini-cart .elementor-menu-cart__product-price .quantity span,
.header-mini-cart .mini-cart-meta .mini-cart-qty span,
.header-mini-cart .mini-cart-meta .mini-cart-price span {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
  display: inline !important;
}
.header-mini-cart .elementor-menu-cart__product-price .woocommerce-Price-amount bdi,
.header-mini-cart .mini-cart-meta .mini-cart-price bdi {
  display: inline !important;
}
.header-mini-cart .elementor-menu-cart__product-price .product-quantity,
.header-mini-cart .elementor-menu-cart__product-price .quantity {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.header-mini-cart .elementor-menu-cart__product-price .product-quantity span,
.header-mini-cart .elementor-menu-cart__product-price .quantity span {
  margin: 0 !important;
  padding: 0 !important;
}
.header-mini-cart .elementor-menu-cart__product-remove,
.header-mini-cart .mini-cart-remove {
  grid-area: remove !important;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  margin-right: -2px !important;
}
.header-mini-cart .elementor-menu-cart__product-remove a,
.header-mini-cart .mini-cart-remove {
  width: 22px !important;
  height: 22px !important;
  line-height: 22px !important;
  text-align: center !important;
  font-size: 16px !important;
  color: #444 !important;
  text-decoration: none !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 50% !important;
  transition: all 0.15s ease !important;
  font-weight: 700 !important;
  background: #f7f7f7 !important;
}
.header-mini-cart .elementor-menu-cart__product-remove a:hover,
.header-mini-cart .mini-cart-remove:hover {
  color: #ff4d4f !important;
  border-color: #ff4d4f !important;
  background: #ffeaea !important;
}
.header-mini-cart .elementor-menu-cart__product-remove .elementor_remove_from_cart_button {
  display: none !important; /* esconde botão do Elementor */
}
.header-mini-cart .elementor-menu-cart__product-remove .remove_from_cart_button {
  display: inline-block !important; /* mantém o botão WooCommerce que remove via AJAX */
  width: 22px !important;
  height: 22px !important;
  line-height: 22px !important;
  text-indent: 0 !important;
  overflow: hidden !important;
}
.header-mini-cart .elementor-menu-cart__product-remove .remove_from_cart_button::before,
.header-mini-cart .mini-cart-remove::before {
  content: "×" !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 22px !important;
  text-align: center !important;
}
.header-mini-cart .elementor-menu-cart__subtotal,
.header-mini-cart .woocommerce-mini-cart__total {
  margin: 12px 0 0 0 !important;
  padding: 12px !important;
  border-top: 1px solid #f0f0f0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-weight: 600 !important;
  color: #222 !important;
  background: #f8f9fb !important;
  border-radius: 6px !important;
  gap: 10px !important;
}
.header-mini-cart .elementor-menu-cart__subtotal strong {
  font-weight: 700 !important;
}
.header-mini-cart .elementor-menu-cart__subtotal .amount,
.header-mini-cart .woocommerce-mini-cart__total .amount,
.header-mini-cart .elementor-menu-cart__subtotal .woocommerce-Price-amount,
.header-mini-cart .woocommerce-mini-cart__total .woocommerce-Price-amount {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
  font-size: 15px !important;
}
.header-mini-cart .elementor-menu-cart__subtotal .woocommerce-Price-amount bdi,
.header-mini-cart .woocommerce-mini-cart__total .woocommerce-Price-amount bdi {
  display: inline !important;
}
.header-mini-cart .elementor-menu-cart__footer-buttons,
.header-mini-cart .woocommerce-mini-cart__buttons {
  margin-top: 12px !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.header-mini-cart .elementor-menu-cart__footer-buttons .elementor-button,
.header-mini-cart .woocommerce-mini-cart__buttons .button,
.header-mini-cart .woocommerce-mini-cart__buttons .elementor-button {
  width: 100% !important;
  text-align: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 9px 10px !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  gap: 6px !important;
  text-decoration: none !important;
  border: 1px solid #03b0d4 !important;
  background: #03c4eb !important;
  color: #fff !important;
  font-size: 14px !important;
}
.header-mini-cart .woocommerce-mini-cart__buttons {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.header-mini-cart .woocommerce-mini-cart__buttons .button {
  width: 100% !important;
}
.header-mini-cart .elementor-menu-cart__footer-buttons .elementor-button:hover,
.header-mini-cart .woocommerce-mini-cart__buttons .button:hover,
.header-mini-cart .woocommerce-mini-cart__buttons .elementor-button:hover {
  background: #02acd0 !important;
  border-color: #0299ba !important;
  color: #fff !important;
  text-decoration: none !important;
}
.header-mini-cart .elementor-menu-cart__footer-buttons .elementor-button.elementor-button--checkout,
.header-mini-cart .woocommerce-mini-cart__buttons .checkout {
  background: #0b7ac2 !important;
  border-color: #0b6fb0 !important;
}
.header-mini-cart .elementor-menu-cart__footer-buttons .elementor-button.elementor-button--checkout:hover,
.header-mini-cart .woocommerce-mini-cart__buttons .checkout:hover {
  background: #0967a4 !important;
  border-color: #085a8f !important;
}

/* Mostrar miniaturas no carrinho em mobile */

.header-cart-wrapper:hover .header-mini-cart {
  display: block;
}
.header-cart-wrapper.mini-open .header-mini-cart {
  display: block !important;
}

/* Desktop header layout */
.site-header .container.header-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.site-branding {
  flex: 0 0 auto;
}

.header-right-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1 1 auto;
  justify-content: flex-end;
}

.main-navigation {
  order: 2;
  flex: 1 1 auto;
}

.main-navigation .onepress-menu {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.header-actions {
  order: 1;
  display: flex;
  align-items: center;
  gap: 12px;
}

#nav-toggle {
  order: 3;
}







.header-mobile-search form {
  margin: 0;
  position: relative;
  width: 100%;
  display: block;
}

.header-mobile-search .search-field {
  width: 100%;
  padding: 10px 42px 10px 12px;
  height: 40px;
  box-sizing: border-box;
  font-size: 14px;
  flex: 1 1 auto;
  border: 1px solid #ddd;
}

.header-mobile-search .search-submit {
  display: block;
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  border: none !important;
  background: transparent !important;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  box-shadow: none !important;
  appearance: none;
  -webkit-appearance: none;
}

.header-mobile-search .search-submit::before {
  content: '';
  width: 16px;
  height: 16px;
  display: block;
  background: center center no-repeat;
  background-size: 16px 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23666' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='M17 17l4 4'/%3E%3C/svg%3E");
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.header-mobile-search button[type="submit"],
.header-mobile-search input[type="submit"] {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  text-indent: -9999px !important;
  font-size: 0 !important;
  overflow: hidden;
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.header-mobile-search button[type="submit"]::before,
.header-mobile-search input[type="submit"]::before {
  content: '';
  width: 16px;
  height: 16px;
  display: block;
  background: center center no-repeat;
  background-size: 16px 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23666' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='M17 17l4 4'/%3E%3C/svg%3E");
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#nav-toggle {
  display: none;
  margin-left: 15px;
}




#nav-toggle {
  float: right;
  position: relative;
  width: 35px;
  overflow: hidden;
  white-space: nowrap;
  color: transparent;
}
#nav-toggle span {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -2px;
  -webkit-transition: rotate 0.2s, translate 0.2s;
  transition: rotate 0.2s, translate 0.2s;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #000000;
}
#nav-toggle span:before {
  top: -8px;
}
#nav-toggle span:after {
  top: 8px;
}
#nav-toggle span:before, #nav-toggle span:after {
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #000000;
  content: '';
  right: 0;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

#nav-toggle.nav-is-visible span {
  background: transparent;
}
#nav-toggle.nav-is-visible span:before {
  -webkit-transform: translateX(4px) translateY(-1px) rotate(45deg);
  -ms-transform: translateX(4px) translateY(-1px) rotate(45deg);
  transform: translateX(4px) translateY(-1px) rotate(45deg);
}
#nav-toggle.nav-is-visible span:after {
  -webkit-transform: translateX(4px) translateY(0px) rotate(-45deg);
  -ms-transform: translateX(4px) translateY(0px) rotate(-45deg);
  transform: translateX(4px) translateY(0px) rotate(-45deg);
}
#nav-toggle.nav-is-visible span:before, #nav-toggle.nav-is-visible span:after {
  background: #000000;
}

/* Content
------------------------------*/
.site-content {
  border-top: 1px solid #e9e9e9;
  margin-top: -1px;
}

.site-content.no-border {
  border-top: none;
}

.blog .site-content,
.tax-portfolio_cat .site-content,
.single-post .site-content,
.hiding-page-title .site-content {
  margin-top: 0;
}

.page-header {
  padding: 30px 0px;
  border-top: 1px solid #e9e9e9;
  background: #f8f9f9;
  border-bottom: 1px solid #e9e9e9;
}
.page-header .entry-title, .page-header .page-title {
  margin-bottom: 0px;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.page-header p {
  margin: 6px 0px 0px 0px;
}
.page-header.page--cover {
  position: relative;
  padding: 8% 0px;
  text-align: center;
  border-top: 0 none;
  border-bottom: 0 none;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.page-header.page--cover:before {
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.3);
  content: " ";
}
.page-header.page--cover .entry-title {
  font-size: 2.5rem;
  font-weight: 800;
  color: #ffffff;
}
.page-header.page--cover .entry-tagline {
  color: #ffffff;
  font-style: italic;
  font-weight: 300;
}



.page-header.page--cover.is-t-above .container {
  margin-top: 30px;
}

/* Footer
------------------------------*/
.site-footer {
  background: #111111;
  color: #BBBBBB;
  font-size: 14px;
}
.site-footer a {
  color: #03c4eb;
}
.site-footer .footer-connect {
  padding: 90px 0px;
  padding: 80px 0px;
  padding:  5rem 0px;
  text-align: center;
}

.site-footer .footer-connect .follow-heading {
  color: #FFFFFF;
  margin-bottom: 20px;
  letter-spacing: 0.8px;
}
.site-footer .footer-connect .subs_input {
  background-color: rgba(255, 255, 255, 0.145);
  color: #cccccc;
  border-bottom: none;
  box-shadow: none;
  padding: 12px 15px 12px;
  border-radius: 2px;
  width: 60%;
  font-size: 13px;
}
.site-footer .footer-connect .subs_input:focus {
  border: none;
}



.site-footer .footer-connect .subs-button {
  margin: 0px;
  position: relative;
  top: 0px;
  padding: 16px 23px 16px;
}



.site-footer .footer-connect input[type="text"]:focus {
  border: none !important;
}
.site-footer .footer-social {
  text-align: center;
}
.site-footer .footer-social a {
  font-size: 30px;
  margin: 0px 13px;
  color: #FFFFFF;
}
.site-footer .footer-social a:hover {
  color: #03c4eb;
}
.site-footer .site-info {
  position: relative;
  text-align: center;
  padding: 35px 0px;
  background: #222222;
  font-weight: 500;
  color: #bbbbbb;
}
.site-footer .site-info a {
  color: #dddddd;
}
.site-footer .site-info a:hover {
  text-decoration: underline;
}
.site-footer .site-info .container {
  position: initial;
}
.site-footer .btt a {
  border-radius: 0px 20px 0 0;
  color: #999999;
  background: #222222;
  display: block;
  font-size: 30px;
  height: 50px;
  line-height: 50px;
  margin: auto;
  position: absolute;
  right: 60px;
  top: -25px;
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  width: 50px;
  z-index: 99;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.site-footer .btt a:hover {
  color: #03c4eb;
}
.site-footer .btt a i {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  margin-left: 3px;
}


/*--------------------------------------------------------------
5.0 Contents
--------------------------------------------------------------*/
/* Page: 404
------------------------------*/
.error-404 .search-form, .error-404 .widget {
  margin-bottom: 40px;
}
.error-404 .widgettitle, .error-404 .widget-title {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 13px;
  font-weight: 700;
}
.error-404 ul {
  padding-left: 0px;
}
.error-404 ul li {
  list-style: none;
}

/* Page: Search
------------------------------*/
.search-results .hentry {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.search-results .entry-summary p {
  margin-bottom: 0px;
}
.search-results .entry-header .entry-title {
  font-size: 22px;
  line-height: 1.5;
  font-weight: 500;
}
.search-results .entry-header .entry-title a:hover {
  text-decoration: none;
}

/* Entry Header
------------------------------*/
.entry-header .entry-title {
  font-weight: 500;
  text-transform: none;
  letter-spacing: -0.6px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 25px;
  line-height: 1.3;
}


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

.single .entry-header .entry-title {
  margin-bottom: 10px;
}

.highlight {
  color: #03c4eb;
}

/* Entry Content
------------------------------*/
.entry-content {
  margin-bottom: 30px;
}
.entry-content blockquote {
  padding: 30px;
  position: relative;
  background: #f8f9f9;
  border-left: 3px solid #03c4eb;
  font-style: italic;
}
.entry-content blockquote p {
  margin: 0px;
}

/* Entry Stuff
------------------------------*/
.entry-meta {
  margin-bottom: 30px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 30px;
  border-bottom: 1px solid #e9e9e9;
}

.entry-footer {
  margin-bottom: 30px;
  padding-top: 30px;
  border-top: 1px solid #e9e9e9;
}
.entry-footer .cat-links, .entry-footer .tags-links {
  display: block;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 12px;
  font-weight: 600;
  margin-top: 5px;
}

.nav-links {
  padding: 30px 0px;
  border-left: none;
  border-right: none;
  margin-bottom: 50px;
}
.nav-links .nav-previous {
  float: left;
}
.nav-links .nav-next {
  float: right;
}
.nav-links a {
  background: #cccccc;
  color: #FFFFFF;
  padding: 12px 20px;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 2px;
}
.nav-links a:hover {
  background: #03c4eb;
  text-decoration: none;
}

.bypostauthor {
  margin: 0;
}

/* Sticky Post
------------------------------*/
.sticky .entry-title {
  padding-left: 20px;
  position: relative;
}
.sticky .entry-title:after {
  content: "\f276";
  display: inline-block;
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0px;
  top: 2px;
  font-size: 22px;
  color: #aaaaaa;
}

/* WordPress caption style
------------------------------*/
.wp-caption {
  max-width: 100%;
  font-style: italic;
  line-height: 1.35;
  margin-bottom: 15px;
  margin-top: 5px;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  max-width: 100%;
}
.wp-caption .wp-caption-text {
  margin: 10px 0px;
}

.wp-caption-text,
.entry-thumbnail-caption,
.cycle-caption {
  font-style: italic;
  line-height: 1.35;
  font-size: 13px;
}

/* WordPress Gallery
------------------------------*/
.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;
}

/* Comments
------------------------------*/
#comments {
  padding-top: 30px;
  border-top: 1px solid #e9e9e9;
}
#comments .comments-title {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
#comments .comment-list {
  list-style: none;
  padding-left: 0px;
}
#comments .comment-list .pingback {
  border-bottom: 1px solid #e9e9e9;
  padding: 20px 0;
  margin: 0;
}
#comments .comment-list .pingback p {
  margin: 0px;
}
#comments .comment-list .pingback:last-child {
  margin-bottom: 40px;
}
#comments .comment-content.entry-content {
  margin-bottom: 0px;
}
#comments .comment {
  list-style: none;
  margin: 30px 0;
}
#comments .comment .avatar {
  width: 60px;
  float: left;
  border-radius: 3px;
}
#comments .comment .comment-wrapper {
  margin-left: 90px;
  padding: 25px 30px 15px 30px;
  background: #f8f9f9;
  position: relative;
}
#comments .comment .comment-wrapper:before {
  border-color: rgba(0, 0, 0, 0) #f6f7f9 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 0 10px 10px 0;
  content: "";
  height: 0;
  left: -9px;
  position: absolute;
  top: 0;
  width: 0;
}
#comments .comment .comment-wrapper .comment-meta .comment-time, #comments .comment .comment-wrapper .comment-meta .comment-reply-link, #comments .comment .comment-wrapper .comment-meta .comment-edit-link {
  color: #aaaaaa;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-size: 11px;
}
#comments .comment .comment-wrapper .comment-meta .comment-time:hover, #comments .comment .comment-wrapper .comment-meta .comment-reply-link:hover, #comments .comment .comment-wrapper .comment-meta .comment-edit-link:hover {
  color: #03c4eb;
}
#comments .comment .comment-wrapper .comment-meta .comment-time:after, #comments .comment .comment-wrapper .comment-meta .comment-reply-link:after, #comments .comment .comment-wrapper .comment-meta .comment-edit-link:after {
  content: "/";
  padding: 0px 5px;
}
#comments .comment .comment-wrapper .comment-meta a:last-child:after {
  content: "";
}
#comments .comment .comment-wrapper .comment-meta cite .fn {
  font-weight: bold;
  font-style: normal;
  margin-right: 5px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 14px;
}
#comments .comment .comment-wrapper .comment-meta cite span {
  padding: 3px 10px;
  background: #e9e9e9;
  border-radius: 4px;
  margin-right: 10px;
}
#comments .comment .comment-wrapper a {
  text-decoration: none;
}
#comments .comment .children {
  padding-left: 30px;
}
#comments .comment .children .children {
  padding-left: 30px;
}
#comments .comment .children .children .children {
  padding-left: 0px;
}

#comments .form-allowed-tags {
  display: none;
}
#comments a {
  text-decoration: none;
}
#comments a:hover {
  text-decoration: underline;
}

.right-sidebar .comment-respond textarea,
.left-sidebar .comment-respond textarea {
  width: 100%;
}

/* Comment Form
------------------------------*/
#respond {
  padding-top: 20px;
}
#respond .comment-form label {
  display: block;
  margin-bottom: 4px;
}
#respond .form-allowed-tags {
  font-size: 12px;
}
#respond .form-allowed-tags code {
  background: none;
}
#respond .comment-reply-title {
  font-size: 18px;
  letter-spacing: 1.5px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
#respond .comment-notes {
  display: none;
}
#respond label {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.full-screen .comments-area {
  max-width: 1110px;
  margin: 0 auto;
}

/* woocommerce
------------------------------*/
.woocommerce div.product form.cart .variations td.label {
  color: #777;
}

/*--------------------------------------------------------------
6.0 Elements
--------------------------------------------------------------*/
/* Button
------------------------------*/
.btn {
  text-transform: uppercase;
  border-radius: 2px;
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}
.btn:active, .btn:focus {
  outline: none;
}

.btn-lg {
  font-size: 17px;
  font-size: 1.0625rem;
}

.btn-theme-primary {
  background: #03c4eb;
  color: #FFFFFF;
}
.btn-theme-primary:hover {
  color: #FFFFFF;
}

.btn-theme-primary-outline {
  background-color: transparent;
  background-image: none;
  border-color: #03c4eb;
  color: #03c4eb;
}
.btn-theme-primary-outline:hover {
  color: #FFF;
  background-color: #03c4eb;
  border-color: #03c4eb;
}

/* Loading
------------------------------*/
.slider-spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
/* WP 4.7 Shortcut */
section > .customize-partial-edit-shortcut {
  z-index: 95;
}
section > .customize-partial-edit-shortcut button {
  left: 30px;
}

/*--------------------------------------------------------------
7.0 Widgets
--------------------------------------------------------------*/
.sidebar .widget {
  margin-bottom: 40px;
}
.sidebar .widget .widget-title {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 13px;
  font-weight: 700;
}
.sidebar .widget ul {
  list-style: none;
  padding: 0px;
}
.sidebar .widget ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.sidebar .widget a {
  color: #777777;
  font-size: 14px;
}
.sidebar .widget a:hover {
  color: #03c4eb;
  text-decoration: underline;
}

/* Search
------------------------------*/
.sidebar .widget .search-form .search-field {
  width: 100% !important;
  padding: 10px 15px;
  padding:  0.625rem 0.9375rem;
}
.sidebar .widget .search-form .search-submit {
  padding: 12px 23px 12px;
  width: 93%;
}

/* Recent Comment
------------------------------*/
.widget_recent_comments ul {
  margin-top: 25px;
}
.widget_recent_comments ul li {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e9e9e9;
}
.widget_recent_comments ul a {
  font-style: italic;
}
.widget_recent_comments .comment-author-link a {
  font-weight: bold;
  font-style: normal;
}

/* Recent Categories, Archive, Meta
------------------------------*/
.widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li {
  float: left;
  margin-bottom: 0;
  width: 50%;
}




.widget_recent_entries ul li {
  margin: 0px;
  padding: 10px 0px 10px 0px;
  border-bottom: 1px solid #e9e9e9;
}

.sidebar .widget_calendar a {
  color: #03c4eb;
  text-decoration: underline;
}

/*--------------------------------------------------------------
8.0 Sections
--------------------------------------------------------------*/
/* Section Stuffs
------------------------------*/
.section-padding {
  padding: 70px 0px;
  padding:  4.375rem 0px;
}

.section-padding-lg {
  padding: 90px 0px;
  padding:  5.625rem 0px;
}

.section-padding-larger {
  padding: 140px 0px;
  padding:  8.75rem 0px;
}

.section-meta {
  background-color: #f8f9f9;
}

.onepage-section {
  position: relative;
  overflow: hidden;
}
.onepage-section:before {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  content: " ";
  z-index: 1;
}
.onepage-section .container-fluid,
.onepage-section .container {
  position: relative;
  z-index: 5;
}

.section-inverse {
  background: #222222;
}
.section-inverse .section-title-area .section-title {
  color: rgba(255, 255, 255, 0.99);
}
.section-inverse .section-title-area .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.section-inverse .section-title-area .section-subtitle::after {
  background: rgba(255, 255, 255, 0.8);
}

.section-inverse-extended {
  background: #333333;
}
.section-inverse-extended .section-title-area .section-title {
  color: rgba(255, 255, 255, 0.99);
}
.section-inverse-extended .section-title-area .section-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.section-inverse-extended .section-title-area .section-subtitle::after {
  background: rgba(255, 255, 255, 0.8);
}

.section-inverse {
  color: rgba(255, 255, 255, 0.5);
}
.section-inverse h1, .section-inverse h2, .section-inverse h3, .section-inverse h4, .section-inverse h5, .section-inverse h6 {
  color: rgba(255, 255, 255, 0.9);
}
.section-inverse p {
  color: rgba(255, 255, 255, 0.5);
}

.section-title-area {
  margin-bottom: 60px;
  text-align: center;
}
.section-title-area .section-title {
  font-size: 30px;
  letter-spacing: 2px;
  font-weight: 800;
  position: relative;
  margin-bottom: 0px;
  text-transform: uppercase;
}

.section-title-area .section-subtitle {
  color: #aaaaaa;
  font-size: 12px;
  display: inline-block;
  position: relative;
  margin-bottom: 13px;
  margin-bottom: 0.8125rem;
  text-transform: uppercase;
  letter-spacing: 2px;
}


.section-desc {
  font-size: 20px;
  font-size: 1.25rem;
  margin-top: 40px;
  margin-top: 2.5rem;
}

/* Section: Hero
------------------------------*/
.hero-slideshow-wrapper {
  width: 100%;
  position: relative;
  background-color: #222222;
  overflow: hidden;
  /* Loading icon */
}
.hero-slideshow-wrapper:after {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: block;
  content: "";
}
.hero-slideshow-wrapper .hero__content .hero-large-text, .hero-slideshow-wrapper .hero__content .hero-small-text, .hero-slideshow-wrapper .hero__content .btn {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
      transform: translateY(100px);
  -webkit-transition: all .5s linear;
  transition: all .5s linear;
}
.hero-slideshow-wrapper .hero__content .hero-large-text {
  -webkit-transition-delay: 0.7s;
  /* Safari */
  transition-delay: 0.7s;
}
.hero-slideshow-wrapper .hero__content .hero-small-text {
  -webkit-transition-delay: 0.8s;
  /* Safari */
  transition-delay: 0.8s;
}
.hero-slideshow-wrapper .hero__content .btn {
  -webkit-transition-delay: 1s;
  /* Safari */
  transition-delay: 1s;
}
.hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text, .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text, .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text {
  -webkit-transition-delay: 0s;
  /* Safari */
  transition-delay: 0s;
}
.hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text {
  -webkit-transition-delay: 0s;
  /* Safari */
  transition-delay: 0s;
}
.hero-slideshow-wrapper.loaded .container .hero__content:hover .btn {
  -webkit-transition-delay: 0s;
  /* Safari */
  transition-delay: 0s;
}
.hero-slideshow-wrapper.loaded .container .hero__content .hero-large-text,
.hero-slideshow-wrapper.loaded .container .hero__content .hero-small-text,
.hero-slideshow-wrapper.loaded .container .hero__content .btn {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
      transform: translateY(0);
}
.hero-slideshow-wrapper .slider-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9999999;
  margin: 0px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

.animation-disable .hero-slideshow-wrapper {
  /* Loading icon */
}
.animation-disable .hero-slideshow-wrapper .hero__content .hero-large-text, .animation-disable .hero-slideshow-wrapper .hero__content .hero-small-text, .animation-disable .hero-slideshow-wrapper .hero__content .btn {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
      transform: translateY(0px);
}
.animation-disable .hero-slideshow-wrapper .hero__content .hero-large-text {
  -webkit-transition-delay: 0s;
  /* Safari */
  transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper .hero__content .hero-small-text {
  -webkit-transition-delay: 0s;
  /* Safari */
  transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper .hero__content .btn {
  -webkit-transition-delay: 0s;
  /* Safari */
  transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text, .animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text, .animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn {
  -webkit-transition-delay: 0s;
  /* Safari */
  transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text {
  -webkit-transition-delay: 0s;
  /* Safari */
  transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text {
  -webkit-transition-delay: 0s;
  /* Safari */
  transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn {
  -webkit-transition-delay: 0s;
  /* Safari */
  transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper .slider-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9999999;
  margin: 0px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

.js-rotating {
  display: none;
}
.js-rotating.morphext {
  display: inline-block;
}

.is-customize-preview .slider-spinner {
  display: none !important;
}
.is-customize-preview .hero-slideshow-wrapper .hero__content .hero-large-text, .is-customize-preview .hero-slideshow-wrapper .hero__content .hero-small-text, .is-customize-preview .hero-slideshow-wrapper .hero__content .btn {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
      transform: translateY(0px);
  -webkit-transition: all 0s linear;
  transition: all 0s linear;
}
.is-customize-preview .hero-slideshow-wrapper .hero__content .hero-large-text {
  -webkit-transition-delay: 0s;
  /* Safari */
  transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper .hero__content .hero-small-text {
  -webkit-transition-delay: 0s;
  /* Safari */
  transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper .hero__content .btn {
  -webkit-transition-delay: 0s;
  /* Safari */
  transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text, .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text, .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text {
  -webkit-transition-delay: 0s;
  /* Safari */
  transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text {
  -webkit-transition-delay: 0s;
  /* Safari */
  transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn {
  -webkit-transition-delay: 0s;
  /* Safari */
  transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content .hero-large-text,
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content .hero-small-text,
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content .btn {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
      transform: translateY(0);
}

.hero-slideshow-normal .container {
  padding: 10% 0px;
  position: relative;
  z-index: 80;
}

.hero-slideshow-fullscreen .container {
  z-index: 80;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.hero__content {
  color: #FFF;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
}
.hero__content h1, .hero__content h2, .hero__content h3, .hero__content h4, .hero__content h5, .hero__content h6 {
  color: #FFF;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.hero__content a.btn {
  margin: 10px 10px 20px 0px;
  margin:  0.625rem 0.625rem 1.25rem 0px;
}
.hero__content p {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.hero__content .btn-secondary-outline {
  box-shadow: none;
  border-color: rgba(255, 255, 255, 0.9);
  color: rgba(255, 255, 255, 0.9);
}
.hero__content .btn-secondary-outline:hover {
  background: #FFF;
  color: #333;
}

/* Hero Content Style 2. */
.hero-content-style2 h1 {
  font-weight: 800;
  font-size: 50px;
  font-size: 3.125rem;
  letter-spacing: 3px;
}
.hero-content-style2 .hcl2-content {
  padding: 50px 0px;
  padding:  3.125rem 0px;
}
.hero-content-style2 .hcl2-image {
  text-align: right;
}


/* Hero Text Style1. */
.hero-content-style1 {
  text-align: center;
}
.hero-content-style1 h2 {
  color: #FFFFFF;
  font-size: 35px;
  letter-spacing: 2px;
  line-height: 1.3;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  font-weight: 800;
  text-transform: uppercase;
}


.hero-content-style1 h2 strong {
  font-weight: 900;
}
.hero-content-style1 p {
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.4px;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  color: #FFFFFF;
  text-align: center;
  font-weight: 100;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}


.hero-content-style1 p strong {
  letter-spacing: -0.6px;
}

.hero-content-style1 a:active, .hero-content-style1 a:focus, .hero-content-style1 .btn:active, .hero-content-style1 .btn:focus {
  outline: none;
}

#hero .btn {
  box-shadow: none;
}
#hero .btn-theme-primary:focus {
  color: #fff;
}

.h-on-top.is-transparent #hero .container .hero__content {
  margin-top: 75px;
}

/* Text Rotator */
.morphext > .animated {
  display: inline-block;
}

/* Section: Features
------------------------------*/
.icon-background-default {
  color: #03c4eb;
}

.feature-item {
  text-align: center;
}
.feature-item .feature-icon {
  color: #fff;
}
.feature-item .fa-5x {
  font-size: 4em;
}
.feature-item:hover .icon-background-default {
  color: #333333;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}


.feature-media {
  text-align: center;
  margin-bottom: 20px;
}

/* Section: About Us
------------------------------*/
.section-about .about-image {
  text-align: center;
}
.section-about .about-image img {
  margin-bottom: 30px;
}
.section-about .section-title-area {
  margin-bottom: 30px;
}
.section-about .row > div {
  margin-top: 30px;
}

/* Section: Services
------------------------------*/
.section-services .service-item {
  background: #FFFFFF;
  padding: 30px;
  margin-bottom: 30px;
  position: relative;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 100ms ease-out 0s;
  transition: all 100ms ease-out 0s;
}

.section-services .service-item:after {
  content: "";
  display: table;
  clear: both;
  clear: both;
}
.section-services .service-item:hover {
  box-shadow: 0 6px 9px rgba(0, 0, 0, 0.09);
}
.section-services .service-item .service-image {
  float: left;
  margin-right: 30px;
}
.section-services .service-item .service-image img {
  max-width: 120px;
  height: auto;
}
.section-services .service-item .service-image i {
  color: #03c4eb;
}

.section-services .service-item .service-thumbnail {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
.section-services .service-item .service-content {
  overflow: hidden;
}
.section-services .service-item .service-content p {
  margin: 0px;
  font-size: 14px;
  color: #777777;
}

.section-services .service-item .service-title {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  color: #333333;
}
.section-services .service-item .service-link:before {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  content: "";
}

/* Section: Counter
------------------------------*/
.counter_item {
  text-align: center;
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
}
.counter_item .counter__number {
  font-size: 50px;
  font-size: 3.125rem;
  font-weight: 800;
  color: #03c4eb;
  line-height: 1;
  font-family: serif, sans-serif;
  text-transform: uppercase;
}
.counter_item .counter_title {
  font-size: 18px;
  font-size: 1.125rem;
}

/* Section: Parallax
------------------------------*/
#parallax-hero {
  position: relative;
  background: none;
  overflow: hidden;
}
#parallax-hero .hero-slideshow-wrapper {
  background: none;
}
#parallax-hero .hero-slideshow-wrapper::after {
  background: none;
}

.section-parallax, #parallax-hero {
  background: none;
  position: relative;
  overflow: hidden;
}
.section-parallax > section, .section-parallax .onepage-section, .section-parallax .section-inverse, #parallax-hero > section, #parallax-hero .onepage-section, #parallax-hero .section-inverse {
  background: none;
}
.section-parallax .parallax-bg, #parallax-hero .parallax-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  min-height: 100%;
  display: block;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 50% 50%;
}
.section-parallax .parallax-bg:before, #parallax-hero .parallax-bg:before {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.3);
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.section-parallax .parallax-bg img, #parallax-hero .parallax-bg img {
  position: absolute;
  left: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  max-width: 9999999px;
}
.section-parallax .parallax-bg.no-img, #parallax-hero .parallax-bg.no-img {
  height: 120%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-attachment: scroll;
  background-position: 50% 0;
}

.parallax_bg_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
  opacity: 0.4;
}

.parallax-content {
  z-index: 10;
  position: relative;
  padding: 100px 0px;
  text-align: center;
}
.parallax-content h1, .parallax-content h2, .parallax-content h3, .parallax-content h4, .parallax-content h5, .parallax-content h6 {
  color: #FFFFFF;
  line-height: 1.5;
}
.parallax-content p, .parallax-content a {
  color: #FFFFFF;
}

/* Section: Team
------------------------------*/
.section-team .team-member {
  padding: 0px 0.5px;
  text-align: center;
}
.section-team .row {
  margin-left: -0.5px;
  margin-right: -0.5px;
}

.team-members.row {
  margin-left: 0px;
  margin-left: 0rem;
  margin-right: 0px;
  margin-right: 0rem;
}





.team-member {
  margin-bottom: 20px;
  float: left;
}
.team-member .member-thumb {
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}
.team-member .member-thumb:hover .member-profile {
  bottom: 8px;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.team-member .member-thumb:hover img {
  opacity: 0.7;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.team-member .member-thumb .member-profile {
  position: absolute;
  text-align: center;
  bottom: -35px;
  left: auto;
  right: auto;
  width: 100%;
}
.team-member .member-thumb .member-profile a {
  color: #000000;
}
.team-member .member-thumb .member-profile a .fa-inverse {
  color: #ffffff;
}
.team-member .member-thumb .member-profile a:hover {
  color: #03c4eb;
}
.team-member .member-info {
  margin-top: 0px;
  position: relative;
  z-index: 30;
  text-align: center;
}
.team-member .member-name {
  letter-spacing: 2px;
  margin-bottom: 15px;
  position: relative;
}
.team-member .member-name:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -15%;
  bottom: -11px;
  width: 30%;
  height: 1px;
  background: #cccccc;
}
.team-member .member-position {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1.3px;
}

/* Section: News
------------------------------*/
.all-news {
  text-align: center;
  margin-top: 40px;
  display: block;
}

.section-news .list-article, .archive .list-article, .blog .list-article {
  border-top: 1px solid #e9e9e9;
  padding: 25px 0px;
}
.section-news .list-article:last-of-type, .archive .list-article:last-of-type, .blog .list-article:last-of-type {
  border-bottom: 1px solid #e9e9e9;
}
.section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb {
  float: left;
  margin-right: 30px;
}
.section-news .list-article-thumb a img:hover, .archive .list-article-thumb a img:hover, .blog .list-article-thumb a img:hover {
  opacity: 0.8;
}


.section-news .list-article-content, .archive .list-article-content, .blog .list-article-content {
  float: none;
  overflow: hidden;
}
.section-news .list-article-meta, .archive .list-article-meta, .blog .list-article-meta {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-bottom: 10px;
}
.section-news .entry-title, .archive .entry-title, .blog .entry-title {
  font-size: 22px;
  line-height: 1.5;
}
.section-news .entry-title a:hover, .archive .entry-title a:hover, .blog .entry-title a:hover {
  text-decoration: none;
}
.section-news .entry-excerpt p, .archive .entry-excerpt p, .blog .entry-excerpt p {
  margin-bottom: 0px;
}

.archive .site-main .list-article:first-child,
.blog .site-main .list-article:first-of-type {
  border-top: none;
  padding-top: 0px;
}

.page-template-template-blog .section-news .list-article {
  padding: 30px 0px;
}
.page-template-template-blog .section-news .list-article:first-of-type {
  border-top: none;
  padding-top: 0px;
}
.page-template-template-blog .section-news .list-article:last-of-type {
  border-bottom: none;
}

.section-news.section-inverse .list-article {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.section-news.section-inverse .list-article:last-of-type {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.section-news.section-inverse h1 a, .section-news.section-inverse h2 a, .section-news.section-inverse h3 a, .section-news.section-inverse h4 a, .section-news.section-inverse h5 a {
  color: rgba(255, 255, 255, 0.8);
}
.section-news.section-inverse h1 a:hover, .section-news.section-inverse h2 a:hover, .section-news.section-inverse h3 a:hover, .section-news.section-inverse h4 a:hover, .section-news.section-inverse h5 a:hover {
  color: #FFF;
}

/* Section: Contact
------------------------------*/
.section-contact input, .section-contact textarea {
  width: 100%;
}
.section-contact .address-contact {
  margin-top: 5px;
  margin-bottom: 15px;
}
.section-contact .address-contact span {
  float: left;
  color: #aaaaaa;
}
.section-contact .address-contact .address-content {
  display: block;
  padding-left: 45px;
  font-style: italic;
  line-height: 2;
}
.section-contact .address-contact .fa-inverse {
  font-size: 12px;
}
.section-contact textarea {
  max-height: 190px;
}

.wpcf7-form {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 2px;
  font-weight: 600;
}
.wpcf7-form br {
  margin-bottom: 5px;
}
.wpcf7-form label {
  width: 100%;
}

div.wpcf7-validation-errors {
  margin: 20px 0px;
  padding: 15px;
}

div.wpcf7-response-output {
  margin: 20px 0px;
}

/* Section: Videolightbox
------------------------------*/
.section-videolightbox {
  text-align: center;
}
.section-videolightbox .videolightbox__icon {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}
.section-videolightbox .videolightbox__heading {
  text-transform: uppercase;
  font-size: 38px;
  font-size: 2.375rem;
  letter-spacing: 0px;
  font-weight: 500;
}
.section-videolightbox .videolightbox__heading strong {
  font-weight: 800;
}
.section-videolightbox .video_icon {
  background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
  border: 4px solid #fff;
  border-radius: 100px;
  height: 50px;
  line-height: 1;
  padding: 10px;
  width: 50px;
  display: inline-block;
}
.section-videolightbox .video_icon i {
  color: #fff;
  font-size: 20px;
  margin-left: 6px;
  margin-top: 1px;
  line-height: 1;
}
.section-videolightbox .video_icon:hover {
  background: #FFFFFF;
}
.section-videolightbox .video_icon:hover i {
  color: #000;
}

/* Section: Gallery
------------------------------*/
.gallery-grid .g-item {
  padding: 10px;
  float: left;
}

.all-gallery {
  text-align: center;
  margin-top: 40px;
  display: block;
}

.g-zoom-in .g-item {
  display: block;
  overflow: hidden;
}
.g-zoom-in .g-item .inner-content {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.g-zoom-in .g-item img {
  display: block;
  overflow: hidden;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.g-zoom-in .g-item:hover img {
  -ms-transform: scale(1.5, 1.5);
  /* IE 9 */
  -webkit-transform: scale(1.5, 1.5);
  /* Safari */
  transform: scale(1.5, 1.5);
}

.g-layout-full-width.container {
  width: 100%;
  max-width: none;
  padding: 0px;
}




.gallery-justified {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.gallery-justified img {
  max-width: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  border: none;
}

.gallery-justified > a,
.gallery-justified > div {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  float: left;
}

.gallery-masonry {
  width: 100%;
  position: relative;
  display: block;
}
.gallery-masonry:affter {
  clear: both;
}
.gallery-masonry .inner {
  display: block;
}

/*--------------------------------------------------------------
9.0 External Plugins
--------------------------------------------------------------*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}



.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

/* WooCommerce support */
.woocommerce-result-count {
  font-style: italic;
}

.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count {
  margin-bottom: 1.5em;
}

.woocommerce-ordering select {
  padding: 7px;
  margin-top: -10px;
}

.woocommerce ul.products li.product h3 {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 7px;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce button.button.alt {
  background-color: #03c4eb;
  padding: 10px 20px;
  padding:  0.625rem 1.25rem;
  color: #FFF;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 13px;
  font-size: 0.8125rem;
  border-radius: 2px;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce button.button.alt:hover {
  background: #222222;
  color: #FFF;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.woocommerce table.shop_table {
  border-collapse: collapse;
}

.woocommerce .quantity .qty {
  padding: 5px;
}

.woocommerce span.onsale {
  padding: inherit;
}

.related.products h2, #tab-description h2 {
  font-size: 17px;
  font-size: 1.0625rem;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  padding: 9px 14px;
  font-weight: bold;
}

.woocommerce #customer_details .col-1, .woocommerce #customer_details .col-2, .woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2,
.woocommerce .woocommerce-Addresses .col-1,
.woocommerce .woocommerce-Addresses .col-2,
.woocommerce .woocommerce-customer-details .col-1,
.woocommerce .woocommerce-customer-details .col-2 {
  max-width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
.woocommerce .woocommerce-additional-fields h3 {
  margin-top: 20px;
}
.woocommerce .cart_totals th {
  text-align: left;
}
.woocommerce .cart_totals h2 {
  font-size: 20px;
  font-size: 1.25rem;
}
.woocommerce .wc-proceed-to-checkout {
  text-align: center;
}
.woocommerce .woocommerce-order-details__title,
.woocommerce .woocommerce-customer-details h2 {
  font-size: 20px;
  font-size: 1.25rem;
}

.woocommerce ul.products li.product .price del {
  display: inline-block;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
  width: 100%;
  float: none;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
  display: inline-block;
  margin: 0 auto;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background-color: #03c4eb;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background-color: #03c4eb;
  opacity: .8;
}

.woocommerce-MyAccount-navigation ul {
  margin: 0px;
  padding-left: 0px;
}
.woocommerce-MyAccount-navigation li {
  list-style: none;
}

/* Breadcrumbs
------------------------------*/
.breadcrumbs {
  font-size: 10px;
  padding: 15px 0px;
  border-bottom: 1px solid #e9e9e9;
  color: #858585;
}

.breadcrumbs i {
  margin: 0px 6px;
}
.breadcrumbs a {
  text-decoration: none;
  color: #777777;
  font-weight: 600;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs span {
  margin-right: 20px;
  position: relative;
}

.breadcrumbs span span {
  margin-right: 0;
}
.breadcrumbs a:before {
  border-bottom: 6px solid transparent;
  border-left: 6px solid rgba(0, 0, 0, 0.2);
  border-top: 6px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
  right: -11px;
  top: 2px;
}

.breadcrumbs a:after {
  border-bottom: 5px solid transparent;
  border-left: 5px solid #ffffff;
  border-top: 5px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
  right: -10px;
  top: 3px;
}


/* Coursel and slider */
/**
 * Owl Carousel v2.3.0
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav > div {
  position: absolute;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: 0px;
  padding: 4px 10px 5px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.owl-theme .owl-nav > div:hover {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
}
.owl-theme .owl-nav .owl-prev {
  left: 15px;
}
.owl-theme .owl-nav .owl-prev .lg-icon::before {
  content: "\e094";
}
.owl-theme .owl-nav .owl-next {
  right: 15px;
}
.owl-theme .owl-nav .owl-next .lg-icon::before {
  content: "\e095";
}

.owl-theme .owl-nav {
  margin-top: 0px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*='owl-'] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*='owl-']:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

/* Pirate Forms */
.pirate_forms .pirate-forms-fields-container .form_field_wrap {
  width: 100%;
  max-width: 100%;
  padding: 0px;
}
.pirate_forms .pirate-forms-fields-container .form_field_wrap .form-control {
  border-radius: 0px;
}
.pirate_forms .pirate-forms-fields-container .form_field_wrap .pirate-forms-submit-button {
  display: block;
  width: 100%;
}
.pirate_forms .contact_message_wrap #pirate-forms-contact-message {
  border-radius: 0px;
  background-color: #f2f2f2;
  border: 0 none;
  min-height: 245px;
  max-height: 999px;
}








/* ========================================
   NOVO CSS - MOBILE/DESKTOP RESPONSIVO
   ======================================== */

.product-categories-toggle {
    display: none !important;
  } 
   
/* DESKTOP - Tudo visível, sem toggle */


/* MOBILE - Ocultar categorias, mostrar toggle */


/* ============================
   RESET BÁSICO
   ============================ */

.wc-block-product-categories-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.wc-block-product-categories-list-item {
    display: block !important;   /* garante bloco simples */
    margin: 2px 0;
    padding: 3px 4px;
    border-radius: 3px;
    background: transparent;
}

/* link e nome da categoria */
.wc-block-product-categories-list-item a {
    text-decoration: none;
    color: #444;
    font-weight: 500;
}

/* nome da categoria: linha normal, sem espremer */
.wc-block-product-categories-list-item__name {
    display: inline;
    white-space: normal;
    word-break: normal;
}

/* contador de produtos: “bolha” à direita */
.wc-block-product-categories-list-item-count {
    float: right;
    display: inline-block;
    font-size: 11px;
    color: #666;
    background: #eef1f8;
    padding: 2px 6px;
    border-radius: 999px;
    margin-left: 6px;
}

/* limpar float pra não zoar os próximos itens */
.wc-block-product-categories-list-item::after {
    content: "";
    display: block;
    clear: both;
}

/* hover leve */
.wc-block-product-categories-list-item:hover {
    background: #f5f7fb;
}

/* item/categoria atual */
.wc-block-product-categories-list-item a[aria-current="page"],
.wc-block-product-categories-list-item.is-active > a {
    font-weight: 600;
    color: #1f5ed8;
}

/* ============================
   HIERARQUIA POR NÍVEL
   ============================ */

/* nível 0 (raiz) – Sem categoria, Construção, Diversos, etc. */
.wc-block-product-categories-list:not([class*="--depth-"]) {
    margin-left: 0;
}

/* nível 1 – ex: “Material Elétrico”, “Material hidráulico” dentro da raiz */
.wc-block-product-categories-list--depth-1 {
    margin-left: 10px !important;
    padding-left: 8px !important;
    border-left: 1px solid #dde2f0;
}

/* nível 2 – ex: “Cabos e Fios” dentro de Material Elétrico */
.wc-block-product-categories-list--depth-2 {
    margin-left: 20px !important;
    padding-left: 8px !important;
    border-left: 1px solid #d0d7f5;
}

/* nível 3 – ex: “Cabo PP / Flexível / Paralelo” dentro de Cabos e Fios */
.wc-block-product-categories-list--depth-3 {
    margin-left: 20px !important;
    padding-left: 8px !important;
    border-left: 1px solid #c4cff8;
}

/* nível 4 – se existir algo ainda mais profundo */
.wc-block-product-categories-list--depth-4 {
    margin-left: 20px !important;
    padding-left: 8px !important;
    border-left: 1px solid #b7c7fb;
}

/* qualquer nível mais profundo ainda (fallback) */
.wc-block-product-categories-list[class*="wc-block-product-categories-list--depth-"]
    .wc-block-product-categories-list[class*="wc-block-product-categories-list--depth-"] {
    margin-left: 20px !important;
}

/* animação leve na aparição de subníveis (só frescura visual) */
.wc-block-product-categories-list ul {
    animation: pe-cat-fadeDown 0.2s ease;
}

@keyframes pe-cat-fadeDown {
    from { opacity: 0; transform: translateY(-2px); }
    to   { opacity: 1; transform: translateY(0); }
}



/* ============================================================
   PARTE B: BREAKPOINTS RESPONSIVOS (Progressive Enhancement)
   ============================================================ */

/* ============================================
   R3.5: TABLET RANGE (768px - 939px)
   ============================================
   ⚠️ COLOCADO ANTES DE R1.0 PARA TER PRIORIDADE
   - Sidebar visível na lateral (não overlay mobile)
   - Grid WooCommerce com 3 produtos por linha
   ============================================ */

@media screen and (min-width: 768px) and (max-width: 939px) {
  /* === CONTAINER: LARGURA TOTAL === */
  .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* === LAYOUT CONTAINER: CLEARFIX E OVERFLOW === */
  #content-inside {
    display: block !important;
    overflow: hidden !important;
  }

  #content-inside::after,
  .left-sidebar::after,
  .right-sidebar::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
  }

  /* === SIDEBAR E CONTENT-AREA: FLOAT LAYOUT === */
  .sidebar {
    width: 25.2252252252% !important;
    float: left !important;
    box-sizing: border-box !important;
  }

  .content-area {
    width: 74.7747747748% !important;
    float: right !important;
    box-sizing: border-box !important;
  }

  /* === SIDEBAR LAYOUT: FORÇAR LATERAL (não mobile overlay) === */

  /* Remover comportamento mobile do sidebar */
  #secondary.widget-area.sidebar,
  #secondary.sidebar {
    display: block !important;
    position: static !important;
    width: 25.2252252252% !important;
    max-width: none !important;
    height: auto !important;
    background-color: transparent !important;
    z-index: auto !important;
    overflow-y: visible !important;
    padding: 40px 0 40px 0 !important;
    box-shadow: none !important;
    float: left !important;
    box-sizing: border-box !important;
  }

  /* Esconder toggle de categorias mobile */
  .site-header .product-categories-toggle {
    display: none !important;
  }

  /* Layout de 2 colunas (sidebar + content) */
  .left-sidebar .content-area {
    float: right !important;
    padding-left: 39px !important;
    border-left: 1px solid #e9e9e9 !important;
    margin-right: 1px !important;
    width: 74.7747747748% !important;
    box-sizing: border-box !important;
  }

  .left-sidebar .sidebar {
    float: left !important;
    padding-right: 39px !important;
    border-right: 1px solid #e9e9e9 !important;
    margin-right: -1px !important;
  }

  .right-sidebar .content-area {
    float: left !important;
    padding-right: 39px !important;
    border-right: 1px solid #e9e9e9 !important;
    width: 74.7747747748% !important;
    box-sizing: border-box !important;
  }

  .right-sidebar .sidebar {
    float: left !important;
    padding-left: 39px !important;
    border-left: 1px solid #e9e9e9 !important;
    margin-left: -1px !important;
  }

  /* === WOOCOMMERCE: 3 PRODUTOS POR LINHA === */

  /* FORÇAR desativar CSS Grid se existir */
  ul.products,
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    display: block !important;
    grid-template-columns: none !important;
  }

  /* Grid de produtos: 3 colunas (33.33% cada) - FLOAT LAYOUT */
  ul.products li.product,
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product,
  .products li.product {
    width: 31.5% !important;
    margin-right: 2.75% !important;
    float: left !important;
    clear: none !important;
    display: block !important;
  }

  /* Limpar float a cada 3 itens */
  ul.products li.product:nth-child(3n+1),
  .woocommerce ul.products li.product:nth-child(3n+1),
  .woocommerce-page ul.products li.product:nth-child(3n+1),
  .products li.product:nth-child(3n+1) {
    clear: left !important;
  }

  /* Remover margem direita do 3º item */
  ul.products li.product:nth-child(3n),
  .woocommerce ul.products li.product:nth-child(3n),
  .woocommerce-page ul.products li.product:nth-child(3n),
  .products li.product:nth-child(3n) {
    margin-right: 0 !important;
  }

  /* Resetar nth-child de outros breakpoints */
  ul.products li.product:nth-child(4n+1),
  ul.products li.product:nth-child(5n+1),
  .woocommerce ul.products li.product:nth-child(4n+1),
  .woocommerce ul.products li.product:nth-child(5n+1) {
    clear: none !important;
  }

  ul.products li.product:nth-child(4n),
  ul.products li.product:nth-child(5n),
  .woocommerce ul.products li.product:nth-child(4n),
  .woocommerce ul.products li.product:nth-child(5n) {
    margin-right: 2.75% !important;
  }

  /* === GRID COM SELETORES ESPECÍFICOS [columns-] === */
  .woocommerce ul.products[class*="columns-"] li.product,
  .woocommerce-page ul.products[class*="columns-"] li.product {
    width: 31.5% !important;
    float: left !important;
    margin-right: 2.75% !important;
    margin-bottom: 2.5em !important;
  }

  .woocommerce ul.products[class*="columns-"] li.product:nth-child(3n),
  .woocommerce-page ul.products[class*="columns-"] li.product:nth-child(3n) {
    margin-right: 0 !important;
  }

  .woocommerce ul.products[class*="columns-"] li.product:nth-child(3n+1),
  .woocommerce-page ul.products[class*="columns-"] li.product:nth-child(3n+1) {
    clear: both !important;
  }

  /* Resetar outros breakpoints para columns */
  .woocommerce ul.products[class*="columns-"] li.product:nth-child(2n+1),
  .woocommerce ul.products[class*="columns-"] li.product:nth-child(4n+1),
  .woocommerce ul.products[class*="columns-"] li.product:nth-child(5n+1),
  .woocommerce-page ul.products[class*="columns-"] li.product:nth-child(2n+1),
  .woocommerce-page ul.products[class*="columns-"] li.product:nth-child(4n+1),
  .woocommerce-page ul.products[class*="columns-"] li.product:nth-child(5n+1) {
    clear: none !important;
  }

  /* === TIPOGRAFIA SIDEBAR: 4 NÍVEIS === */

  /* Widget categories: hierarquia legível */
  .widget-area .widget_product_categories ul.product-categories,
  .widget-area .widget_categories ul {
    font-size: 14px !important;
  }

  .widget-area .widget_product_categories ul.product-categories > li,
  .widget-area .widget_categories ul > li {
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin-bottom: 8px !important;
  }

  /* Nível 2 */
  .widget-area .widget_product_categories ul.product-categories > li > ul.children > li,
  .widget-area .widget_categories ul > li > ul.children > li {
    font-size: 13px !important;
    padding-left: 15px !important;
    margin-bottom: 6px !important;
  }

  /* Nível 3 */
  .widget-area .widget_product_categories ul.product-categories > li > ul.children > li > ul.children > li,
  .widget-area .widget_categories ul > li > ul.children > li > ul.children > li {
    font-size: 12px !important;
    padding-left: 15px !important;
    margin-bottom: 4px !important;
  }

  /* Nível 4 */
  .widget-area .widget_product_categories ul.product-categories > li > ul.children > li > ul.children > li > ul.children > li,
  .widget-area .widget_categories ul > li > ul.children > li > ul.children > li > ul.children > li {
    font-size: 11px !important;
    padding-left: 15px !important;
    margin-bottom: 3px !important;
  }

  /* Clearfix para containers float */
  #content-inside::after,
  .right-sidebar::after,
  .left-sidebar::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
  }

  /* === CARRINHO TABLET === */
  .woocommerce-cart table.shop_table th,
  .woocommerce-cart table.shop_table td {
    padding: 10px 8px !important;
    font-size: 13px !important;
  }

  .woocommerce-cart table.shop_table .product-thumbnail img {
    width: 50px !important;
    height: 50px !important;
  }

  .woocommerce-cart .cart_totals {
    width: 100% !important;
    float: none !important;
    margin-top: 20px !important;
  }
}

/* ============================================
   R1.5: MOBILE LARGE (640px - 767px)
   ============================================
   - Sem sidebar (layout mobile)
   - Grid WooCommerce com 3 produtos por linha
   ============================================ */

@media screen and (min-width: 640px) and (max-width: 767px) {
  /* Container largura total */
  .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* Grid WooCommerce: 3 produtos por linha */
  ul.products li.product,
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product,
  .products li.product {
    width: 31.5% !important;
    margin-right: 2.75% !important;
    float: left !important;
    clear: none !important;
    display: block !important;
  }

  /* Limpar float a cada 3 itens */
  ul.products li.product:nth-child(3n+1),
  .woocommerce ul.products li.product:nth-child(3n+1),
  .woocommerce-page ul.products li.product:nth-child(3n+1),
  .products li.product:nth-child(3n+1) {
    clear: left !important;
  }

  /* Remover margem direita do 3º item */
  ul.products li.product:nth-child(3n),
  .woocommerce ul.products li.product:nth-child(3n),
  .woocommerce-page ul.products li.product:nth-child(3n),
  .products li.product:nth-child(3n) {
    margin-right: 0 !important;
  }

  /* Resetar nth-child de outros breakpoints */
  ul.products li.product:nth-child(2n+1),
  .woocommerce ul.products li.product:nth-child(2n+1) {
    clear: none !important;
  }

  ul.products li.product:nth-child(2n),
  .woocommerce ul.products li.product:nth-child(2n) {
    margin-right: 2.75% !important;
  }

  /* Desativar CSS Grid se existir */
  ul.products,
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    display: block !important;
    grid-template-columns: none !important;
  }
}

/* ============================================
   R1.0: MOBILE OPTIMIZATION (max-width: 767px)
   ============================================ */
/* R1_mobile_max - 8 blocos */

@media (max-width: 767px) {
  /* Container largura total em mobile */
  .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* Busca do header invisível em mobile */
  .header-search-inline {
    display: none !important;
  }

  html {
    font-size: 14px;
  }
}

/* ============================================
   R0.5: MOBILE SMALL (max-width: 639px)
   ============================================
   - Grid WooCommerce com 2 produtos por linha
   ============================================ */

@media (max-width: 639px) {
  /* Grid WooCommerce: 2 produtos por linha */
  ul.products li.product,
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product,
  .products li.product {
    width: 48% !important;
    margin-right: 4% !important;
    float: left !important;
    clear: none !important;
    display: block !important;
  }

  /* Limpar float a cada 2 itens */
  ul.products li.product:nth-child(2n+1),
  .woocommerce ul.products li.product:nth-child(2n+1),
  .woocommerce-page ul.products li.product:nth-child(2n+1),
  .products li.product:nth-child(2n+1) {
    clear: left !important;
  }

  /* Remover margem direita do 2º item */
  ul.products li.product:nth-child(2n),
  .woocommerce ul.products li.product:nth-child(2n),
  .woocommerce-page ul.products li.product:nth-child(2n),
  .products li.product:nth-child(2n) {
    margin-right: 0 !important;
  }

  /* Resetar nth-child de outros breakpoints */
  ul.products li.product:nth-child(3n+1),
  .woocommerce ul.products li.product:nth-child(3n+1) {
    clear: none !important;
  }

  ul.products li.product:nth-child(3n),
  .woocommerce ul.products li.product:nth-child(3n) {
    margin-right: 4% !important;
  }

  /* Desativar CSS Grid se existir */
  ul.products,
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    display: block !important;
    grid-template-columns: none !important;
  }
}

@media (max-width: 767px) {
  /* === CARRINHO COMPACTO MOBILE === */

  /* Container do carrinho */
  .woocommerce-cart .woocommerce {
    padding: 10px !important;
  }

  /* Linhas da tabela de ITENS - reduzir padding */
  .woocommerce-cart table.shop_table.cart tr {
    padding: 8px 0 !important;
    margin-bottom: 8px !important;
    border-bottom: 1px solid #e5e5e5 !important;
  }

  /* Células de ITENS - layout compacto */
  .woocommerce-cart table.shop_table.cart tr td {
    padding: 4px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border: none !important;
  }

  /* Labels ::before de ITENS - mais compactos */
  .woocommerce-cart table.shop_table.cart tr td::before {
    font-size: 11px !important;
    font-weight: 600 !important;
    width: 70px !important;
    min-width: 70px !important;
    padding-right: 8px !important;
    text-transform: uppercase !important;
    color: #666 !important;
  }

  /* TOTAIS DO CARRINHO - Layout normal */
  .woocommerce-cart .cart_totals table th,
  .woocommerce-cart .cart_totals table td {
    display: table-cell !important;
    padding: 10px 8px !important;
    font-size: 13px !important;
    text-align: left !important;
  }

  .woocommerce-cart .cart_totals table td {
    text-align: right !important;
  }

  /* Opções de frete - layout correto */
  .woocommerce-cart .cart_totals .shipping td {
    text-align: left !important;
  }

  .woocommerce-cart .cart_totals #shipping_method {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .woocommerce-cart .cart_totals #shipping_method li {
    display: block !important;
    margin-bottom: 8px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  .woocommerce-cart .cart_totals #shipping_method li label {
    display: inline !important;
    font-size: 12px !important;
  }

  /* Thumbnail compacto */
  .woocommerce-cart table.shop_table.cart tr td.product-thumbnail {
    display: flex !important;
    justify-content: center !important;
    padding: 5px 0 !important;
  }

  .woocommerce-cart table.shop_table.cart tr td.product-thumbnail::before {
    display: none !important;
  }

  .woocommerce-cart table.shop_table.cart tr td.product-thumbnail img {
    width: 60px !important;
    height: 60px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
  }

  /* Nome do produto */
  .woocommerce-cart table.shop_table.cart tr td.product-name {
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  .woocommerce-cart table.shop_table.cart tr td.product-name a {
    font-weight: 500 !important;
  }

  /* Preço e subtotal */
  .woocommerce-cart table.shop_table.cart tr td.product-price,
  .woocommerce-cart table.shop_table.cart tr td.product-subtotal {
    font-size: 13px !important;
  }

  /* Quantidade - campo menor */
  .woocommerce-cart table.shop_table.cart tr td.product-quantity .quantity input {
    width: 50px !important;
    padding: 4px 6px !important;
    font-size: 13px !important;
  }

  /* Botão remover */
  .woocommerce-cart table.shop_table.cart tr td.product-remove {
    position: absolute !important;
    top: 5px !important;
    right: 5px !important;
    padding: 0 !important;
  }

  .woocommerce-cart table.shop_table.cart tr td.product-remove::before {
    display: none !important;
  }

  .woocommerce-cart table.shop_table.cart tr td.product-remove a.remove {
    font-size: 18px !important;
    width: 24px !important;
    height: 24px !important;
    line-height: 22px !important;
  }

  /* Linha do produto - posição relativa para botão remover */
  .woocommerce-cart table.shop_table.cart tbody tr {
    position: relative !important;
    padding-right: 30px !important;
  }

  /* Botões de ação */
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    padding: 12px 15px !important;
    font-size: 14px !important;
  }

  /* Cupom */
  .woocommerce-cart .coupon {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .woocommerce-cart .coupon input#coupon_code {
    flex: 1 !important;
    min-width: 120px !important;
    padding: 8px !important;
    font-size: 13px !important;
  }

  .woocommerce-cart .coupon button {
    padding: 8px 12px !important;
    font-size: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .header-cart-wrapper:hover .header-mini-cart {
    display: block !important;
  }
  .header-cart-wrapper.mini-open .header-mini-cart {
    display: block !important;
  }
  .header-search-mobile {
    display: block !important; /* editado via IA: mostrar busca mobile em <=767 */
  }
}

@media screen and (max-width: 767px) {
  /* editado via IA: garante hambúrguer visível em telas menores que tablet */
  #nav-toggle {
    display: block;
  }
  .main-navigation .onepress-menu {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  /* editado via IA: layout mobile/tablet médio */
  .site-header .container.header-layout {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .header-search-inline {
    display: block; /* editado via IA: mostrar inline em 0-768 */
    flex: 1 1 auto;
  }

  .header-right-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: nowrap;
    flex: 0 0 auto;
  }

  .header-actions {
    order: 1;
  }

  #nav-toggle {
    display: block;
    order: 3;
  }

  .main-navigation {
    position: static;
    width: auto;
    order: 2;
  }

  .main-navigation .onepress-menu {
    width: 100% !important;
    display: none;
  }

  .onepress-menu.onepress-menu-mobile {
    display: block !important;
    position: absolute;
    top: 75px;
    right: 0;
    width: 100%;
    background: transparent;
    z-index: 100;
    border-bottom: 1px solid #e9e9e9;
  }

  /* editado via IA: manter busca mobile visível entre 320-768 */
  .header-search-row {
    width: 100%;
    display: block;
  }

  .header-mobile-search {
    display: block !important; /* editado via IA */
    line-height: normal;
  }

  .onepress-menu > li.bop-nav-search {
    display: none !important;
  }

  .header-cart-wrapper:hover .header-mini-cart {
    display: none;
  }
  .header-cart-wrapper.mini-open .header-mini-cart {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .site-footer .footer-connect .footer-subscribe {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .hero-content-style1 .btn {
    display: inline-block;
  }
}

@media (max-width: 767px) {
  .site-header .product-categories-toggle {
    display: block !important;
    background-color: #f5f5f5;
    padding: 10px 12px;

    border: 1px solid #e9e9e9;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    user-select: none;
    position: static !important;
    top: auto;
    z-index: 5;
    height: 40px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 4px;
    box-shadow: none;
  }

  #secondary.widget-area.sidebar {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 80%;
    max-width: 300px;
    height: 100vh;
    background-color: #fff;
    z-index: 9999;
    overflow-y: auto;
    padding: 20px;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
  }

  #secondary.widget-area.sidebar.active {
    display: block;
  }

  body.sidebar-open::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9998;
  }
}
/* ============================================
   R2.0: SMALL PHONE+ (min-width: 576px)
   ============================================ */
/* R2_576px_min - 1 blocos */

@media screen and (min-width: 576px) and (max-width: 720px) {
  .g-col-1 .g-item {
    width: 100%;
  }
  .g-col-1 .g-item:nth-child(1n+1) {
    clear: left;
  }

  .g-col-2 .g-item {
    width: 50%;
  }
  .g-col-2 .g-item:nth-child(2n+1) {
    clear: left;
  }

  .g-col-3 .g-item {
    width: 33.3333333333%;
  }
  .g-col-3 .g-item:nth-child(3n+1) {
    clear: left;
  }

  .g-col-4 .g-item {
    width: 25%;
  }
  .g-col-4 .g-item:nth-child(4n+1) {
    clear: left;
  }

  .g-col-5 .g-item {
    width: 20%;
  }
  .g-col-5 .g-item:nth-child(5n+1) {
    clear: left;
  }

  .g-col-6 .g-item {
    width: 16.6666666667%;
  }
  .g-col-6 .g-item:nth-child(6n+1) {
    clear: left;
  }
}
/* ============================================
   R3.0: TABLET PORTRAIT+ (min-width: 768px)
   ============================================
   
   NOTA IMPORTANTE:
   O range 768-939px tem correções adicionais no mudancas.css
   que permanece separado e deve ser carregado após este arquivo.
   
   Ver mudancas.css linhas 22-227 para:
   - Box-sizing forçado (linhas 22-63)
   - Typography sidebar otimizada (linhas 68-196)
   - WooCommerce grid 3 colunas (linhas 200-227)
   ============================================ */
/* R3_768px_min - 3 blocos */

@media (min-width: 768px) {
  h1 {
    font-size: 40px;
    font-size: 2.5rem;
  }
}

@media (min-width: 768px) {
  h2 {
    font-size: 32px;
    font-size: 2rem;
  }
}

@media screen and (min-width: 768px) {
  .header-search-row,
  .header-search-mobile {
    display: none !important; /* editado via IA: some barra mobile em >=768 */
  }
}
/* Migrando regras de 720px para 768px (padronização) */
/* R3_720px_min_MIGRATE - 7 blocos */

@media screen and (min-width: 720px) {
  .widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li {
    width: 50%;
  }
}

@media screen and (min-width: 720px) {
  .hero-content-style1 h2 {
    font-size: 60px;
    letter-spacing: 3px;
  }
}

@media screen and (min-width: 720px) {
  .g-col-1 .g-item {
    width: 100%;
  }
  .g-col-1 .g-item:nth-child(1n+1) {
    clear: left;
  }

  .g-col-2 .g-item {
    width: 50%;
  }
  .g-col-2 .g-item:nth-child(2n+1) {
    clear: left;
  }

  .g-col-3 .g-item {
    width: 33.3333333333%;
  }
  .g-col-3 .g-item:nth-child(3n+1) {
    clear: left;
  }

  .g-col-4 .g-item {
    width: 25%;
  }
  .g-col-4 .g-item:nth-child(4n+1) {
    clear: left;
  }

  .g-col-5 .g-item {
    width: 20%;
  }
  .g-col-5 .g-item:nth-child(5n+1) {
    clear: left;
  }

  .g-col-6 .g-item {
    width: 16.6666666667%;
  }
  .g-col-6 .g-item:nth-child(6n+1) {
    clear: left;
  }
}

@media screen and (min-width: 720px) {
  .breadcrumbs {
    font-size: 12px;
  }
}

@media screen and (min-width: 720px) {
  .breadcrumbs span {
    margin-right: 40px;
  }
}

@media screen and (min-width: 720px) {
  .breadcrumbs a:before {
    right: -23px;
    top: 3px;
  }
}

@media screen and (min-width: 720px) {
  .breadcrumbs a:after {
    right: -22px;
    top: 4px;
  }
}

/* ============================================
   R3.6: DESKTOP PEQUENO (940px - 991px)
   ============================================
   - Container largura total (aproveitar área)
   ============================================ */

@media screen and (min-width: 940px) and (max-width: 991px) {
  .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* ============================================
   R4.0: DESKTOP (min-width: 940px)
   ============================================ */
/* R4_940px_min - 16 blocos */

@media screen and (min-width: 940px) {
  #secondary {
    padding-top: 40px;
  }
}

@media screen and (min-width: 940px) {
  .content-area {
    float: left;
  }
}

@media screen and (min-width: 940px) {
  .sidebar {
    width: 25.2252252252%;
    float: left;
  }
}

@media screen and (min-width: 940px) {
  .left-sidebar .content-area {
    float: right;
    padding-left: 39px;
    border-left: 1px solid #e9e9e9;
    margin-right: 1px;
    width: 74.7747747748%;
  }

  .left-sidebar .sidebar {
    padding-right: 39px;
    border-right: 1px solid #e9e9e9;
    margin-right: -1px;
  }

  .right-sidebar .content-area {
    padding-right: 39px;
    border-right: 1px solid #e9e9e9;
    width: 74.7747747748%;
  }

  .right-sidebar .sidebar {
    padding-left: 39px;
    border-left: 1px solid #e9e9e9;
    margin-left: -1px;
  }
}

@media screen and (min-width: 940px) {
  .header-full-width .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (min-width: 940px) {
  .header-social {
    margin-left: 10px;
  }
}

@media screen and (min-width: 940px) {
  .header-social a {
    margin-left: 3px;
  }
}

@media screen and (min-width: 940px) {
  .entry-header .entry-title {
    font-size: 32px;
    line-height: 1.5;
  }
}

@media screen and (min-width: 940px) {
  #comments .comment .children {
    padding-left: 90px;
  }
  #comments .comment .children .children {
    padding-left: 90px;
  }
  #comments .comment .children .children .children {
    padding-left: 90px;
  }
}

@media screen and (min-width: 940px) {
  .widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li {
    width: 100%;
    float: none;
  }
}

@media screen and (min-width: 940px) {
  .section-title-area .section-title {
    font-size: 40px;
    letter-spacing: 3.5px;
  }
}

@media screen and (min-width: 940px) {
  .section-title-area .section-subtitle {
    font-size: 14px;
  }
}

@media screen and (min-width: 940px) {
  .hero-content-style1 h2 {
    font-size: 75px;
    letter-spacing: 4px;
  }
}

@media screen and (min-width: 940px) {
  .hero-content-style1 p {
    font-size: 18px;
  }
}

@media screen and (min-width: 940px) {
  .feature-item.col-lg-3:nth-child(4n+1), .feature-item.col-lg-4:nth-child(3n+1), .feature-item.col-lg-6:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 940px) {
  .team-members.row.team-layout-4 .team-member {
    width: 25%;
  }
  .team-members.row.team-layout-4 .team-member:nth-child(4n+1) {
    clear: left;
  }
  .team-members.row.team-layout-3 .team-member {
    width: 33.3333333333%;
  }
  .team-members.row.team-layout-3 .team-member:nth-child(3n+1) {
    clear: left;
  }
  .team-members.row.team-layout-2 .team-member {
    width: 50%;
  }
  .team-members.row.team-layout-2 .team-member:nth-child(2n+1) {
    clear: left;
  }
}
/* ============================================
   R5.0: LARGE DESKTOP (min-width: 1140px)
   ============================================ */
/* R5_1140px_min - 4 blocos */

@media screen and (min-width: 1140px) {
  .is-transparent .no-scroll.site-header .onepress-menu > li > a {
    color: rgba(255, 255, 255, 0.9);
  }
}

@media screen and (min-width: 1140px) {
  .page-header.page--cover .entry-tagline {
    font-size: 20px;
  }
}

@media screen and (min-width: 1140px) {
  .widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li {
    width: 50%;
    float: left;
  }
}

@media screen and (min-width: 1140px) {
  .hero-content-style1 p {
    font-size: 22px;
  }
}
/* ============================================
   R6.0: SPECIAL CASES
   ============================================
   Landscape phones, ultra-wide displays, e outros casos especiais
   ============================================ */
/* R6_special - 28 blocos */

@media (max-width: 991px) {
  html {
    font-size: 15px;
  }
}

@media screen and (max-width: 576px) {
  .header-social {
    display: none;
  }
}

@media screen and (max-width: 425px) {
  .header-search-inline {
    display: none !important; /* editado via IA: garantir oculto em mobile pequeno */
  }
  .header-search-mobile {
    display: block !important; /* editado via IA */
  }

  .header-search-row {
    width: 100%;
    display: block;
  }

  .header-mobile-search {
    display: block;
    line-height: normal;
  }

  .onepress-menu > li.bop-nav-search {
    display: none !important;
  }
}

@media screen and (max-width: 940px) {
  .page-header.page--cover .entry-tagline {
    font-size: 18px;
  }
}

@media screen and (max-width: 720px) {
  .page-header.page--cover .entry-tagline {
    font-size: 16px;
  }
}

@media screen and (max-width: 1140px) {
  .site-footer .footer-connect .subs_input {
    width: 100%;
    margin-bottom: 4px;
  }
}

@media screen and (max-width: 940px) {
  .site-footer .footer-connect .subs_input {
    width: 70%;
    margin-bottom: 4px;
  }
}

@media screen and (max-width: 720px) {
  .site-footer .footer-connect .subs_input {
    width: 100%;
    margin-bottom: 4px;
  }
}

@media screen and (max-width: 1140px) {
  .site-footer .footer-connect .subs-button {
    width: 100%;
  }
}

@media screen and (max-width: 940px) {
  .site-footer .footer-connect .subs-button {
    width: 70%;
  }
}

@media screen and (max-width: 720px) {
  .site-footer .footer-connect .subs-button {
    width: 100%;
  }
}

@media screen and (max-width: 940px) {
  .site-footer .btt a {
    right: 0;
    left: 0;
  }
}

@media (max-width: 1199px) {
  .hero-content-style2 .hcl2-content, .hero-content-style2 .hcl2-image {
    text-align: center;
  }
}

@media screen and (max-width: 720px) {
  .section-services .service-item {
    padding: 20px;
  }
}

@media screen and (max-width: 720px) {
  .section-services .service-item .service-image {
    float: none;
    margin-bottom: 30px;
    margin-top: 10px;
    margin-right: 0px;
    text-align: center;
  }
}

@media screen and (max-width: 720px) {
  .section-services .service-item .service-content {
    text-align: center;
    overflow: auto;
  }
}

@media screen and (max-width: 940px) {
  .team-members.row .team-member {
    width: 50%;
  }
  .team-members.row .team-member:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (max-width: 720px) {
  .team-members.row .team-member {
    width: 50%;
  }
  .team-members.row .team-member:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (max-width: 576px) {
  .team-members.row .team-member {
    width: 100%;
  }
}

@media screen and (max-width: 940px) {
  .section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb {
    display: none;
  }
}

@media screen and (max-width: 720px) {
  .section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb {
    width: 100%;
    float: none;
    margin-right: 0px;
    margin-bottom: 30px;
    display: block;
  }
  .section-news .list-article-thumb img, .archive .list-article-thumb img, .blog .list-article-thumb img {
    width: 100%;
  }
}

@media screen and (max-width: 576px) {
  .g-col-1 .g-item {
    width: 100%;
  }
  .g-col-1 .g-item:nth-child(1n+1) {
    clear: left;
  }

  .g-col-2 .g-item {
    width: 50%;
  }
  .g-col-2 .g-item:nth-child(2n+1) {
    clear: left;
  }

  .g-col-3 .g-item {
    width: 33.3333333333%;
  }
  .g-col-3 .g-item:nth-child(3n+1) {
    clear: left;
  }

  .g-col-4 .g-item {
    width: 25%;
  }
  .g-col-4 .g-item:nth-child(4n+1) {
    clear: left;
  }

  .g-col-5 .g-item {
    width: 20%;
  }
  .g-col-5 .g-item:nth-child(5n+1) {
    clear: left;
  }

  .g-col-6 .g-item {
    width: 16.6666666667%;
  }
  .g-col-6 .g-item:nth-child(6n+1) {
    clear: left;
  }
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
        transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
        transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
        transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

@media screen and (min-width: 1440px) {
  .container {
    max-width: 1440px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 3840px) {
  .container {
    max-width: 1372px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1200px) {
    .container {
        width: 1440px;
        max-width: 100%;
    }
}

@media (min-width: 769px) {
  .product-categories-toggle {
    /*display: none !important;*/
  }

  #secondary.widget-area.sidebar {
    display: block !important;
    position: static !important;
    /*width: auto !important;*/
    height: auto !important;
    background-color: transparent !important;
    z-index: auto !important;
    padding: 0 !important;
    box-shadow: none !important;
  }

  body.sidebar-open::before {
    display: none !important;
  }
}