/*
 Theme Name:   Martex Child
 Theme URI:    https://jthemes.net/themes/wp/martex/
 Description:  Martex child theme
 Author:       JThemes
 Author URI:   http://themeforest.net/user/jthemes
 Template:     martex
 Version:      1.0.0
License:       GNU General Public License version 3.0
License URI:   http://www.gnu.org/licenses/gpl-3.0.html
 Tags:         one-column, two-columns, three-columns, right-sidebar, flexible-header, custom-colors,  custom-background, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready 
 Text Domain:  martex-child
*/

:root {
  --color-primary: #a2ce46;
  --color-dark: #000000;
  --color-light: #ffffff;
  --color-gray: #808080;
  --color-gray-light: #f5f5f5;
  --color-gray-ultra-light: #f8f9fa;
  --color-green-light: #f0f6e6;
  --color-tag-one: #ff6b6b;
  --color-tag-two: #ff8e53;
  --rgba-primary-light: rgba(162, 206, 70, 0.15);
  --rgba-secondary-light: rgba(0, 0, 0, 0.15);
}

.text-justify {
  text-align: justify !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}

.loading--theme {
  background-color: var(--color-gray-ultra-light) !important;
}

.loading--theme .loader::after {
  border-color: transparent var(--rgba-primary-light) !important;
}

.menu.scroll {
  min-height: 74px !important;
}

.desktoplogo a img {
  transition: opacity 0.3s ease !important;
}

.desktoplogo a img:hover {
  opacity: 0.7 !important;
}

.desktoplogo img {
  transition: width 0.3s ease !important;
}

.scroll .desktoplogo img {
  width: 90px !important;
}

.scroll .wsmenu-list.nav-theme {
  margin-top: 2px !important;
}

.shape-ico svg path {
  fill: var(--color-green-light) !important;
}

.hero-27 .hero-overlay {
  background-image: url(assets/img/hero-dots.png) !important;
  background-position: top center !important;
  padding-top: 170px !important;
}

.fbox-ico span,
.in_tool_logo img {
  transition: transform 0.3s ease !important;
}

.fbox-ico:hover span,
.in_tool_logo:hover img {
  transform: scale(1.3) !important;
}

.more-questions .bg--white-400 {
  background-color: var(--color-gray-light) !important;
}

#header .wsmenu a.h-link,
.footer .menu > li > a {
  transition: color 0.3s ease !important;
}

#header .wsmenu a.h-link:hover,
.footer .menu > li > a:hover {
  color: var(--color-primary) !important;
}

.wp-social-link svg path {
  transition: fill 0.3s ease !important;
}

.wp-social-link:hover svg path {
  fill: var(--color-primary) !important;
}

.btn-cta a:hover {
  color: var(--color-primary) !important;
  border: 2px solid var(--color-primary) !important;
}

.btn-cta a:hover .ms-2.fas::before {
  color: var(--color-primary) !important;
}

.price-container {
  display: inline-flex;
  align-items: flex-start;
  line-height: 140px;
}

.price-currency {
  font-size: 20px;
  margin-right: 5px;
}

.price-value {
  font-weight: bold;
}

#section_title {
  margin-bottom: 0;
}

#section_title .name {
  margin: 0;
}

#benefits .row {
  display: flex;
  flex-wrap: wrap;
}

#benefits .col {
  display: flex;
  margin-bottom: 30px;
}

#benefits .fbox-7 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background-color: var(--color-light);
}

#benefits .fbox-txt {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

#benefits .fbox-txt p {
  flex-grow: 1;
  margin-bottom: 0;
}

/* Tag "Recomendado" */
.pricing-1-wrapper .row-cols-md-3 .col:nth-child(2) .pricing-1-table::before {
  content: "Recomendado";
  position: absolute;
  top: -12px;
  right: 20px;
  background: linear-gradient(
    135deg,
    var(--color-tag-one) 0%,
    var(--color-tag-two) 100%
  );
  color: var(--color-light);
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: bold;
  z-index: 10;
  box-shadow: 0 4px 10px var(--rgba-secondary-light);
}

.pricing-1-wrapper .row-cols-md-3 .col:nth-child(2) .pricing-1-table {
  position: relative;
  transition: transform 0.3s ease !important;
  border: 2px solid var(--color-tag-one);
  transform: scale(1.02);
  box-shadow: 0 8px 25px var(--rgba-secondary-light);
}

.pricing-1-wrapper .row-cols-md-3 .col .pricing-table-header {
  padding-top: 30px;
}

.pricing-1-wrapper .pricing-table-header h5 {
  color: var(--color-primary);
}

.pricing-1-wrapper .row-cols-md-3 .col:nth-child(2) .pricing-1-table:hover {
  transform: scale(1.05);
}

.grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: -2px !important;
  bottom: 25px !important;
  opacity: 1 !important;
}
.grecaptcha-badge:hover {
  width: 256px !important;
}