/* =========================================================
   M&M CONTROL DE PLAGAS - DEFAULT COLOR CSS
   Paleta institucional: verde / azul petróleo / blanco
========================================================= */

:root {
  --mm-green: #0a8f4f;
  --mm-green-dark: #06743f;
  --mm-green-soft: #eaf6f0;
  --mm-navy: #10385b;
  --mm-navy-dark: #0a2945;
  --mm-text: #435363;
  --mm-muted: #75818d;
  --mm-line: #e2e8ec;
  --mm-bg-soft: #f7f9fa;
  --mm-white: #ffffff;
}

body,
.sp-preloader {
  background-color: var(--mm-white);
  color: var(--mm-text);
}

/* PRELOADER */
.sp-preloader > div {
  background: var(--mm-green);
}

.sp-preloader > div::after {
  background: var(--mm-white);
}

/* TOP BAR */
#sp-top-bar {
  background: var(--mm-navy);
  color: var(--mm-white);
}

#sp-top-bar a {
  color: var(--mm-white);
}

#sp-top-bar a:hover {
  color: #cde9dc;
}

/* HEADER */
#sp-header {
  background: var(--mm-white);
}

/* LINKS GENERALES */
a {
  color: var(--mm-green);
}

a:hover,
a:focus,
a:active {
  color: var(--mm-green-dark);
}

/* SOCIAL ICONS */
#sp-menu ul.social-icons a:hover,
#sp-menu ul.social-icons a:focus,
ul.social-icons > li a:hover {
  color: var(--mm-green);
}

/* TAGS */
.tags > li {
  display: inline-block;
}

.tags > li a {
  background: var(--mm-green-soft);
  color: var(--mm-green-dark);
}

.tags > li a:hover {
  background: var(--mm-green);
  color: var(--mm-white);
}

/* ARTICLE SOCIAL SHARE */
.article-social-share .social-share-icon ul li a {
  color: var(--mm-navy);
}

.article-social-share .social-share-icon ul li a:hover,
.article-social-share .social-share-icon ul li a:focus {
  background: var(--mm-green);
  color: var(--mm-white);
}

/* PAGER */
.pager > li a {
  border: 1px solid var(--mm-line);
  color: var(--mm-navy);
}

.pager > li a:hover {
  border-color: var(--mm-green);
  color: var(--mm-green);
}

/* READING PROGRESS */
.sp-reading-progress-bar {
  background-color: var(--mm-green);
}

/* MEGAMENU */
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
  color: #283844;
}

.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li:hover > span {
  color: var(--mm-green);
}

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active > span,
.sp-megamenu-parent > li.active:hover > a,
.sp-megamenu-parent > li.active:hover > span {
  color: var(--mm-green);
}

/* DROPDOWN */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: var(--mm-white);
  border: 1px solid var(--mm-line);
  box-shadow: 0 14px 35px rgba(16, 56, 91, 0.12);
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > span {
  color: #2c3d49;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > span:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: var(--mm-green-dark);
}

.sp-megamenu-parent .sp-mega-group > li > a {
  color: var(--mm-navy);
}

/* OFFCANVAS TOGGLER */
#offcanvas-toggler > .fa,
#offcanvas-toggler > .fas,
#offcanvas-toggler > .far,
#offcanvas-toggler > .icon-menu {
  color: var(--mm-navy);
}

#offcanvas-toggler:hover > .fa,
#offcanvas-toggler:focus > .fa,
#offcanvas-toggler:hover > .fas,
#offcanvas-toggler:focus > .fas,
#offcanvas-toggler:hover > .far,
#offcanvas-toggler:focus > .far,
#offcanvas-toggler:hover > .icon-menu,
#offcanvas-toggler:focus > .icon-menu {
  color: var(--mm-green);
}

/* OFFCANVAS MENU */
.offcanvas-menu {
  background-color: var(--mm-white);
  color: var(--mm-navy);
}

.offcanvas-menu .offcanvas-inner a,
.offcanvas-menu .offcanvas-inner ul.menu > li a,
.offcanvas-menu .offcanvas-inner ul.menu > li span {
  color: var(--mm-navy);
}

.offcanvas-menu .offcanvas-inner a:hover,
.offcanvas-menu .offcanvas-inner a:focus,
.offcanvas-menu .offcanvas-inner a:active,
.offcanvas-menu .offcanvas-inner ul.menu > li a:hover,
.offcanvas-menu .offcanvas-inner ul.menu > li a:focus,
.offcanvas-menu .offcanvas-inner ul.menu > li span:hover,
.offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
  color: var(--mm-green);
}

.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler,
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler,
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent .menu-toggler {
  color: rgba(16, 56, 91, 0.55);
}

.offcanvas-menu .offcanvas-inner ul.menu > li li a {
  color: rgba(16, 56, 91, 0.82);
}

/* BOTONES */
.btn-primary,
.sppb-btn-primary,
button.btn-primary,
input.btn-primary {
  border-color: var(--mm-green);
  background-color: var(--mm-green);
  background-image: none;
  color: var(--mm-white);
  box-shadow: 0 8px 20px rgba(10, 143, 79, 0.18);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.sppb-btn-primary:hover,
.sppb-btn-primary:focus,
.sppb-btn-primary:active,
button.btn-primary:hover,
input.btn-primary:hover {
  border-color: var(--mm-green-dark);
  background-color: var(--mm-green-dark);
  background-image: none;
  color: var(--mm-white);
}

.btn-outline-primary,
.sppb-btn-outline-primary {
  border-color: var(--mm-green);
  background: transparent;
  color: var(--mm-green-dark);
}

.btn-outline-primary:hover,
.sppb-btn-outline-primary:hover {
  border-color: var(--mm-green);
  background: var(--mm-green-soft);
  color: var(--mm-green-dark);
}

/* FORMULARIOS */
.form-control:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: rgba(10, 143, 79, 0.65);
  box-shadow: 0 0 0 0.2rem rgba(10, 143, 79, 0.12);
}

/* PAGE TITLE */
.sp-page-title {
  background: var(--mm-navy);
}

.sp-page-title .sp-page-title-heading,
.sp-page-title .sp-page-title-sub-heading,
.sp-page-title .breadcrumb > span,
.sp-page-title .breadcrumb > li,
.sp-page-title .breadcrumb > li + li::before,
.sp-page-title .breadcrumb > li > a {
  color: var(--mm-white);
}

/* BREADCRUMBS */
.breadcrumb-item.active,
.breadcrumb > li.active {
  color: var(--mm-muted);
}

.breadcrumb a {
  color: var(--mm-green-dark);
}

/* LAYOUT */
.layout-boxed .body-innerwrapper {
  background: var(--mm-white);
}

/* MODULE LINKS */
.sp-module ul > li > a,
.sp-module .latestnews > div > a {
  color: var(--mm-text);
}

.sp-module ul > li > a:hover,
.sp-module .latestnews > div > a:hover {
  color: var(--mm-green);
}

.sp-module .tagscloud .tag-name:hover {
  background: var(--mm-green);
  color: var(--mm-white);
}

/* SEARCH */
.search .btn-toolbar button {
  background: var(--mm-green);
  color: var(--mm-white);
}

/* TABLAS */
.table thead th {
  color: var(--mm-navy);
  border-bottom-color: var(--mm-line);
}

.table td,
.table th {
  border-top-color: var(--mm-line);
}

/* ALERTAS */
.alert-success {
  border-color: #b9dfca;
  background: var(--mm-green-soft);
  color: var(--mm-green-dark);
}

/* FOOTER / BOTTOM */
#sp-footer,
#sp-bottom {
  background: var(--mm-navy-dark);
  color: rgba(255, 255, 255, 0.76);
}

#sp-footer a,
#sp-bottom a {
  color: rgba(255, 255, 255, 0.82);
}

#sp-footer a:hover,
#sp-footer a:active,
#sp-footer a:focus,
#sp-bottom a:hover,
#sp-bottom a:active,
#sp-bottom a:focus {
  color: #65cf98;
}

#sp-bottom .sp-module-content .latestnews > li > a > span {
  color: #65cf98;
}

/* COMING SOON */
.sp-comingsoon body {
  background-color: var(--mm-navy);
}

/* PAGINATION */
.pagination > li > a,
.pagination > li > span,
.page-link {
  border-color: var(--mm-line);
  color: var(--mm-navy);
}

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus,
.page-link:hover,
.page-link:focus {
  border-color: var(--mm-green);
  background: var(--mm-green-soft);
  color: var(--mm-green-dark);
}

.pagination > .active > a,
.pagination > .active > span,
.page-item.active .page-link {
  border-color: var(--mm-green);
  background-color: var(--mm-green);
  color: var(--mm-white);
}

.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span:hover,
.pagination > .active > span:focus,
.page-item.active .page-link:hover {
  border-color: var(--mm-green-dark);
  background-color: var(--mm-green-dark);
  color: var(--mm-white);
}

/* ERROR / COMING SOON NUMBERS */
.error-code,
.coming-soon-number {
  color: var(--mm-green);
}

/* SELECCIÓN DE TEXTO */
::selection {
  background: var(--mm-green);
  color: var(--mm-white);
}