/*
Theme Name: Falcon Theme
Theme URI: https://github.com/GridMidia/in-ads-wordpress-theme
Author: Gridmidia
Author URI: https://gridmidia.com/
Description: Tema exclusivo para a construção de um site responsivo para o Gridmidia. Foi Utilizado o Bootstrap v5.3.1. Todo o tema foi desenvolvido com códigos personalizados e o mínimo de plugin necessário para o funcionamento, otimizado para SEO e performance.
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: falcon
Domain Path: /languages

Falcon Theme © 2023 Gridmidia
Gridmidia is distributed under the terms of the GNU GPL
*/

/* =============================
 * 			GERAL
 * ========================== */

 @charset 'UTF-8';

 body {
   font-family: 'Arial';
 }
 
 body.mobile-open {
   overflow-y: hidden;
 }
 
 header {
   height: 82px;
   position: relative;
   top: -100%;
   z-index: 2;
   transition: top .7s ease;
   -webkit-box-shadow: 0 9px 18px rgba(0, 0, 0, .08);
   -ms-transition: 0 7px 17px rgba(0, 0, 0, .04);
   box-shadow: 0 7px 17px rgba(0, 0, 0, .04);
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   color: var(--gridmidia-theme);
   font-weight: 600;
   margin-bottom: 16px;
 }
 
 p {
   color: #3B414A;
 }
 
 a {
   text-decoration: none;
 }
 
 article a {
   color: var(--gridmidia-theme);
   font-weight: 700;
   text-decoration: underline;
 }
 
 article figure,
 article .wp-caption {
   border-radius: 12px;
 }
 
 a:hover {
   text-decoration: none;
 }
 
 a:focus,
 textarea:focus,
 input:focus,
 select:focus,
 button:focus {
   outline: 0;
 }
 
 ul,
 article figure,
 article .wp-caption {
   margin-bottom: 16px;
 }
 
 figcaption {
   text-align: center;
   font-size: 12px;
   color: var(--gridmidia-gray-medium);
 }
 
 header div img.custom-logo {
   width: auto;
   height: auto;
   max-width: 220px;
   max-height: 50px;
 }
 
 header h1 img,
 header div img {
   width: auto;
   height: auto;
   max-width: 220px;
   max-height: 50px;
 }
 
 h2:not(.accordion-header):not(.no-decoration),
 .with-marker {
   display: inline;
   background-color: transparent !important;
   background: repeating-linear-gradient(to bottom,
       rgba(255, 255, 255, 0) 0px,
       rgba(255, 255, 255, 0) 20px,
       var(--gridmidia-light-theme) 0px,
       var(--gridmidia-light-theme) 40px);
 }
 
 article h2:not(.accordion-header):not(.no-decoration)+* {
   margin-top: 24px;
 }
 
 mark {
   background-color: transparent !important;
   background: linear-gradient(90deg, var(--gridmidia-light-theme) 50%, rgba(255, 255, 255, 0) 50%);
   background-size: 200% 100%;
   background-position: 100% 0;
 }
 
 .mark-animation {
   -webkit-animation: 1.5s highlight 1.5s 1 normal forwards;
   animation: 1.5s highlight 1.5s 1 normal forwards;
 }
 
 .list-vantagens li:before,
 .list-gridmidia li:before,
 article li:before {
   position: absolute;
   top: calc(50% - 14px);
   left: 0;
   width: 28px;
   height: 28px;
   line-height: 29px;
   border-radius: 100%;
   text-align: center;
 }
 
 article ul li:before {
   content: "\ea6c";
   font-family: 'remixicon';
   color: var(--gridmidia-theme);
   background: var(--gridmidia-light-theme);
 }
 
 .list-gridmidia li a {
   color: var(--gridmidia-theme);
   font-size: 16px;
   font-weight: 600;
   line-height: 24px;
 }
 
 .list-gridmidia li:before {
   content: counter(li);
   color: var(--gridmidia-gray-medium);
   background: #E2E6E9;
 }
 
 ul.list-vantagens li:before {
   content: "\eb7b";
   font-family: 'remixicon';
   color: #fff;
   background: var(--gridmidia-accent);
 }
 
 ul.list-desvantagens li:before {
   content: "\eb99";
   font-family: 'remixicon';
   color: #fff;
   background: var(--gridmidia-gray-medium);
 }
 
 .list-gridmidia,
 article ul,
 article ol {
   margin: 16px 0;
   counter-reset: li;
   list-style-type: none;
   padding-left: 0;
 }
 
 .list-vantagens li,
 .list-gridmidia li,
 article ul li,
 article ol li {
   position: relative;
   padding-left: 2.5rem;
   margin-bottom: 0.5rem;
   counter-increment: li;
 }
 
 article ol li:before {
   content: counter(li);
   color: #fff;
   background: var(--gridmidia-theme);
 }
 
 .thumb {
   max-height: 260px;
 }
 
 .img-cover {
   object-fit: cover;
   width: 100%;
   height: 100%;
   transform: scale(1);
   transition: transform .5s;
 }
 
 .bloco {
   position: relative;
   padding: 60px;
   max-width: 500px;
   margin-top: auto;
   margin-bottom: auto;
   align-items: center;
   vertical-align: middle;
 }
 
 .list-group-horizontal {
   list-style: none;
 }
 
 .head-fixed {
   position: fixed;
   width: 100%;
   top: 0;
   transition: top .7s ease;
 }
 
 .btn-gridmidia {
   display: inline-block;
   padding: 1.125rem 2.15rem;
   font-weight: 600;
   text-align: center;
   border: none;
   border-radius: 8px;
 }
 
 .btn-gridmidia i {
   font-size: 22px;
   margin-left: 5px;
 }
 
 .bg-gridmidia {
   background-color: var(--gridmidia-theme);
 }
 
 .bg-gridmidia-dark,
 .btn-gridmidia:hover {
   background-color: var(--gridmidia-dark-theme);
 }
 
 .bg-gridmidia-medium {
   background-color: var(--gridmidia-medium-theme);
 }
 
 .bg-gridmidia-light {
   background-color: var(--gridmidia-light-theme);
 }
 
 .bg-accent {
   background-color: var(--gridmidia-accent);
 }
 
 .bg-accent-light {
   background-color: var(--gridmidia-accent-light);
 }
 
 .bg-gray {
   background-color: var(--gridmidia-gray);
 }
 
 .bg-gray-dark {
   background-color: var(--gridmidia-gray-dark);
 }
 
 .bg-whatsapp {
   background-color: #15AD65;
 }
 
 .bg-whatsapp:hover {
   background-color: #1bcb77;
 }
 
 .bg-danger-light {
   background: #FCE6EA;
 }
 
 .text-danter {
   color: #D41B3D;
 }
 
 .text-gridmidia-light {
   color: var(--gridmidia-light-theme);
 }
 
 .text-gridmidia {
   color: var(--gridmidia-theme);
 }
 
 .text-gridmidia-medium {
   color: var(--gridmidia-medium-theme);
 }
 
 .text-accent {
   color: var(--gridmidia-accent);
 }
 
 .text-black {
   color: var(--gridmidia-black);
 }
 
 .text-gray {
   color: var(--gridmidia-gray);
 }
 
 .text-gray-medium {
   color: var(--gridmidia-gray-medium);
 }
 
 .text-gray-dark {
   color: var(--gridmidia-gray-dark);
 }
 
 .text-dark-gray {
   color: #89919F;
 }
 
 .text-whatsapp {
   color: #15AD65;
 }

 .byline {
    font-size: 14px;
    line-height: 16px;
 }

 .byline a:not(.highlight) {
    color: unset;
    font-weight: 400;
  }
 
 .text-xs {
   font-size: 12px;
   line-height: 16px;
 }
 
 .text-sm {
   font-size: 14px;
   line-height: 20px;
 }
 
 .text-base {
   font-size: 16px;
   line-height: 24px;
 }
 
 .text-lg {
   font-size: 18px;
   line-height: 28px;
 }
 
 .text-slg {
   font-size: 20px;
   line-height: 30px;
 }
 
 .text-2lg {
   font-size: 24px;
   line-height: 32px;
 }
 
 .text-3lg {
   font-size: 32px;
   line-height: 40px;
 }
 
 .text-xl {
   font-size: 40px;
   line-height: 48px;
 }
 
 .fw-400 {
   font-weight: 400;
 }
 
 .fw-600 {
   font-weight: 600;
 }
 
 .fw-700 {
   font-weight: 700;
 }
 
 .p-2-5 {
   padding: .75rem;
 }
 
 .rnd-12 {
   border-radius: 12px;
 }
 
 .rnd-24 {
   border-radius: 24px;
 }
 
 .rnd-12-bottom {
   border-bottom-right-radius: 12px;
   border-bottom-left-radius: 12px
 }
 
 .text-bg-gridmidia-medium {
   color: var(--gridmidia-theme);
   background-color: var(--gridmidia-medium-theme);
 }
 
 .border-divider {
   border-color: #E2E6E9;
 }
 
 .card-thumb {
   height: 186px;
 }
 
 .thumb-list-radius {
   overflow: hidden;
   border-radius: 4.4px;
 }
 
 .list-thumbnail {
   max-height: 220px;
 }
 
 .br-4 {
   overflow: hidden;
   border-radius: 4px;
 }
 
 /* =============================
  *    FORMATACAO CATEGORIA
  * ========================== */
 h1.page-archive {
   font-size: 32px;
 }
 
 h2.page-archive {
   font-size: 24px;
 }
 
 /* =============================
  *    FORMATACAO POST
  * ========================== */
 
 article h1 {
   margin-top: 48px;
   margin-bottom: 24px;
 }
 
 article h2 {
   margin-top: 40px;
   margin-bottom: 24px;
 }
 
 article h3 {
   margin-top: 28px;
   margin-bottom: 16px;
 }
 
 article h4,
 article h5 {
   margin-top: 16px;
   margin-bottom: 12px;
 }
 
 article h6 {
   margin-top: 16px;
   margin-bottom: 8px;
 }
 
 article p {
   margin-bottom: 16px;
 }

 article figure img {
   width: 100%;
   height: auto;
 }

 article figure,
 article .wp-caption {
   margin-top: 32px;
   margin-bottom: 32px;
 }
 
 article .wp-caption {
   width: 100% !important;
 }
 
 article [role="article-header"] {
   padding-top: 48px;
 }
 
 article.organic [role="article-body"] p {
   margin-bottom: 30px;
   margin-top: 30px;
   font-size: 1.25rem;
   line-height: 2rem;
 }
 
 article.organic [role="article-body"]>h1,
 article.organic [role="article-body"]>h2 {
   margin-top: 0;
   font-size: 2.25rem;
   line-height: 2.5rem;
 }
 
 article.organic [role="article-body"]>h3 {
   margin-top: 0;
   font-size: 1.75rem;
   line-height: 2rem;
 }
 
 article.organic [role="article-body"]>h4 {
   margin-top: 0;
   font-size: 1.25rem;
   line-height: 1.5rem;
 }
 
 article.organic [role="article-body"]>h5 {
   margin-top: 0;
   font-size: 1rem;
   line-height: 1.25rem;
 }
 
 article.organic [role="article-body"]>h6 {
   margin-top: 0;
   font-size: .875rem;
   line-height: 1.125rem;
 }
 
 article.organic [role="article-body"] li {
   font-size: 1.25rem;
 }
 
 article iframe {
   max-width: 100%;
 }
 
 .social-icons svg,
 .social-icons svg path {
   fill: var(--gridmidia-dark-theme);
 }
 
 /* =============================
  *      FONTES
  * ========================== */
 
 /* @font-face {
   font-family: 'Inter';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url('assets/fonts/inter/Inter-Regular.woff2') format('woff2');
 }
 
 @font-face {
   font-family: 'Inter';
   font-style: bold;
   font-weight: 600;
   font-display: swap;
   src: url('assets/fonts/inter/Inter-Bold.woff2') format('woff2');
 }
 
 @font-face {
   font-family: 'Inter';
   font-style: bolder;
   font-weight: 700;
   font-display: swap;
   src: url('assets/fonts/inter/Inter-Black.woff2') format('woff2');
 } */
 
 /* =============================
  * 			Foundations
  * ========================== */
 
 h1 {
   font-size: 40px;
   line-height: 48px;
 }
 
 h2 {
   font-size: 32px;
   line-height: 40px;
 }
 
 h3 {
   font-size: 24px;
   line-height: 32px;
 }
 
 h4 {
   font-size: 20px;
   line-height: 30px;
 }
 
 h5,
 p {
   font-size: 18px;
   line-height: 28px;
 }
 
 h6 {
   font-size: 16px;
   line-height: 24px;
 }
 
 @media (max-width: 576px) {
   h1 {
     font-size: 32px;
     line-height: 40px;
   }
 
   h2 {
     font-size: 24px;
     line-height: 32px;
   }
 
   h3 {
     font-size: 20px;
     line-height: 30px;
   }
 
   h4 {
     font-size: 18px;
     line-height: 28px;
   }
 
   h5 {
     font-size: 16px;
     line-height: 24px;
   }
 
   h6 {
     font-size: 14px;
     line-height: 20px;
   }
 
   p {
     font-size: 16px;
     line-height: 24px;
   }
 }
 
 .gr-my {
   margin: 16px 0;
 }
 
 label {
   color: #3B414A;
   font-size: 12px;
   font-weight: 600;
   line-height: 16px;
 }
 
 input:not([type='checkbox']),
 textarea {
   display: block;
   width: 100%;
   padding: 12px;
   border: 1px solid #C6CCD6;
   border-radius: 8px;
   box-shadow: 0px 1px 2px 0px #0000001A;
 }
 
 button {
   padding: 12px 16px;
   font-weight: 600;
   border: none;
   border-radius: 8px;
 }
 
 .required {
   color: #D41B3D;
 }
 
 /* =============================
  * 			NAVBAR
  * ========================== */
 
 nav .menu-horizontal ul {
   list-style: none;
 }
 
 nav .menu-horizontal ul li a {
   color: #343a40;
   padding: .5rem;
 }
 
 /* =============================
  *          FORM DE BUSCA
  * ========================== */
 
 #searchform {
   position: relative;
   color: var(--gridmidia-medium-theme);
   text-align: right;
   width: 55px;
   transition: width linear .25s;
 }
 
 #searchform input {
   width: 0%;
   opacity: 0;
   background-color: transparent;
   border-color: transparent;
   border-width: .125rem;
   border-radius: 8px;
   padding: 0.75rem;
   padding-left: 2.5rem;
   transition: all linear .25s;
 }
 
 #searchform.header-searchform.active {
   width: 150px;
   transition: width linear .25s;
 }
 
 #searchform.header-searchform.active input {
   width: 200px;
   opacity: 1;
   color: #fff;
   background-color: rgb(255 255 255 / 10%);
   transition: all linear .25s;
 }
 
 #searchform button {
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   left: .7rem;
   color: rgb(255 255 255 / 50%);
   background: transparent;
   border: none;
   width: 40px;
   height: 40px;
   border-radius: 100%;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
 }
 
 #searchform.header-searchform.active button {
   right: auto;
   left: 2px;
 }
 
 #searchform.header-searchform input::placeholder {
   color: var(--gridmidia-medium-theme);
   opacity: 1;
 }
 
 /* =============================
  *          MENU
  * ========================== */
 
 .menu-horizontal ul,
 ul.menu-horizontal {
   display: inline-flex;
   list-style: none;
   margin-bottom: 0;
 }
 
 ul.menu-horizontal li {
   padding: 10px;
   position: relative;
   border-radius: 7px;
   transition: all linear .7s;
 }
 
 ul.menu-horizontal li:hover,
 #searchform button:hover {
   background: rgb(255 255 255 / 15%);
   transition: all linear .7s;
 }
 
 ul.menu-horizontal li a {
   display: flex;
   color: #E7F0F8;
   font-weight: 300;
   text-decoration: none;
   text-wrap: nowrap;
 }
 
 ul.menu-horizontal .menu-item-has-children>a:after {
   margin-left: 5px;
   content: "\ea4e";
   font-family: 'remixicon' !important;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 ul.menu-horizontal .open-submenu.menu-item-has-children:hover>a:after {
   content: "\ea78";
 }
 
 ul.menu-horizontal .menu-item-has-children .sub-menu li {
   padding: 0;
 }
 
 ul.menu-horizontal .menu-item-has-children .sub-menu li a {
   display: block;
   padding: 10px;
   font-weight: 300;
   border-radius: 8px;
   transition: all linear .7s;
 }
 
 ul.menu-horizontal .menu-item-has-children .sub-menu li a:hover {
   background: rgb(255 255 255 / 10%);
   transition: all linear .7s;
 }
 
 /* =============================
  *       MENU MOBILE
  * ========================== */
 
 .navbar-toggler {
   width: 18px;
   height: auto;
   cursor: pointer;
   float: right;
   background: transparent !important;
   border: none;
 }
 
 .navbar-toggler:before {
   content: '';
   opacity: 0;
   /* transition: opacity ease .7s; */
 }
 
 .navbar-toggler .menu-bar {
   width: 100%;
   max-width: 18px;
   background-color: #fff;
   height: 2px;
   margin-bottom: 6px;
   text-align: right;
   -webkit-transition: ease .4s;
   transition: ease .4s;
 }
 
 /* =============================
  *         PAGINAÇÃO
  * ========================== */
 
 .paginacao {
   display: inline-flex;
   margin-bottom: 30px;
 }
 
 .paginacao .page-numbers {
   display: block;
   color: #666;
   font-weight: bold;
   text-align: center;
   text-transform: uppercase;
   padding: 6px;
   min-width: 40px;
   height: 40px;
   margin-right: 10px;
   background-color: transparent;
   transition: background-color ease .7s;
 }
 
 .paginacao .page-numbers {
   padding: 10px;
   color: var(--gridmidia-theme);
   background-color: #fff;
   margin-right: 10px;
   border-radius: 100%;
   width: 40px;
   height: 40px;
   text-align: center;
   line-height: normal;
   display: block;
 }
 
 .paginacao .page-numbers.current,
 .paginacao .page-numbers:hover {
   background-color: var(--gridmidia-light-theme);
   border-radius: 8px;
 }
 
 .paginacao .page-numbers:last-child {
   margin-right: 0;
 }
 
 /* =============================
  *          FOOTER
  * ========================== */
 
 footer {
   font-size: 16px;
   background-color: var(--gridmidia-theme);
 }
 
 footer p {
   color: var(--gridmidia-medium-theme);
 }
 
 footer h5 {
   font-weight: 100;
   margin-bottom: 3rem;
   line-height: 1.875rem;
 }
 
 footer img {
   width: auto;
   max-height: 60px;
 }
 
 footer .menu-footer {
   border-bottom: 1px solid;
   border-color: rgb(255 255 255 / 25%);
 }
 
 footer .menu-footer .menu-item {
   color: #E7F0F8;
   font-size: 16px;
   padding: 0.5rem;
 }
 
 footer .menu-footer .menu-item a {
   color: inherit;
   text-decoration: none;
 }
 
 footer .widget ul {
   padding: 0;
 }
 
 /* =============================
  *      GRIDMIDIA STYLES
  * ========================== */
 
 .gr-container,
 .gr-post-container,
 .gr-wz-container {
   --gr-gutter-x: 1.5rem;
   max-width: 680px;
   width: 100%;
   padding-right: calc(var(--gr-gutter-x) * .5);
   padding-left: calc(var(--gr-gutter-x) * .5);
   margin-right: auto;
   margin-left: auto;
 }
 
 .gr-container {
   max-width: 1000px;
 }
 
 .gr-post-container {
   max-width: 680px;
 }
 
 .gr-wz-container {
   max-width: 400px;
 }
 
 .banner {
   padding-bottom: 120px;
 }
 
 .widgets-home {
   margin-top: -80px;
   padding: 2rem;
   border-radius: 20px;
 }
 
 .image-banner>* {
   border-radius: 12px;
   overflow: hidden;
 }
 
 .image-banner .img-float {
   width: 220px;
   height: 150px;
 }
 
 .image-banner .img-main {
   width: 400px;
   height: 500px;
 }
 
 .image-banner .img-float-1 {
   position: absolute;
   top: 30px;
   right: -70px;
 }
 
 .image-banner .img-float-2 {
   position: absolute;
   bottom: 30px;
   left: -110px;
 }
 
 .star-filled {
   color: var(--gridmidia-yellow);
 }
 
 .ri-star-half-line {
   color: var(--gridmidia-yellow);
 }
 
 .star-not-filled {
   color: #d2d5da;
 }
 
 .loading-skeleton {
   color: transparent;
   appearance: none;
   -webkit-appearance: none;
   background-color: #eee;
   border-color: #eee;
   border-radius: 4px;
 }
 
 .loading-skeleton {
   height: 40px;
   margin-bottom: 10px;
   pointer-events: none;
   animation: loading-skeleton 1s infinite alternate;
 }
 
 .logo-gray img {
   filter: grayscale(100) contrast(0%) brightness(1.8);
 }
 
 .lottie-image {
   min-width: 300px;
   margin: -70px 0;
 }
 
 .content-form-image {
   max-height: 314px;
 }
 
 .not-found-container {
   position: relative;
   padding-top: 6rem;
   padding-bottom: 10rem;
 }
 
 .not-found-container .not-found-icon {
   position: absolute;
   right: 0;
   bottom: 0;
 }
 
 .not-found-container .not-found-icon h3 {
   font-size: 15rem;
   line-height: 0.73;
   font-weight: bold;
   margin-bottom: 0;
 }
 
 .accordion-item .accordion-button {
   transition: padding .7s ease;
 }
 
 .accordion-item .accordion-button::after {
   display: block;
   width: 23px;
   height: 23px;
   font-size: 26px;
   font-weight: 100;
   line-height: 1;
   color: var(--gridmidia-gray-medium);
   background-image: none;
   content: "\ea11";
   font-family: 'remixicon' !important;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 .accordion-item .accordion-button:not(.collapsed)::after {
   content: "\ee57";
   background-image: none;
   transform: none;
 }
 
 .accordion-item .accordion-button:not(.collapsed) {
   color: initial;
   background: transparent;
   box-shadow: none;
   padding-bottom: 0;
 }
 
 .accordion-item .accordion-button:focus {
   border-color: transparent;
   box-shadow: none;
 }
 
 .accordion-item .accordion-body {
   padding-top: 0;
 }
 
 .list-border-bottom>*:not(:last-child) {
   margin-bottom: 16px;
   border-bottom: 1px solid #E2E6E9;
 }
 
 #modal-fixed {
   transform: translateY(100%);
   transition: transform .7s ease;
 }
 
 #modal-fixed.show {
   transform: translateY(0%);
 }
 
 .widget-icon {
   display: block;
   width: 48px;
   height: 48px;
 }
 
 #popup {
   display: none;
 }
 
 #popup.show {
   display: block;
 }
 
 .popup {
   position: relative;
   width: 100%;
   min-width: 300px;
   max-width: 400px;
   border-radius: 12px;
 }
 
 .popup .close-button {
   position: absolute;
   top: -12px;
   right: -10px;
   padding: 4px 9px;
 }
 
 .popup .close-button i {
   font-size: 20px;
 }
 
 .popup .thumb-popup {
   width: 100%;
   height: 185px;
   border-radius: 8px;
   overflow: hidden;
 }
 
 .thumb-list-post {
   width: 100%;
   height: 140px;
 }
 
 .contact-form {
   padding: 2rem;
   background: #F6F7F8;
   border-radius: 24px;
 }
 
 /*-----------------------
  *    RESPONSIVIDADE
  *----------------------*/
 
 @media (min-width: 576px) {
   .w-sm-100 {
     width: 100% !important;
   }
 
   .w-sm-auto {
     width: auto !important;
   }
 
   ul.menu-horizontal .menu-item-has-children .sub-menu {
     position: absolute;
     top: 100%;
     display: none;
     width: max-content;
     background: #fff;
     padding: 10px;
     margin: 0 -10px;
     border-radius: 12px;
     box-shadow: 0 12px 16px -4px rgb(16 24 40 / 8%);
   }
 
   ul.menu-horizontal .menu-item-has-children:hover>.sub-menu {
     display: block;
   }
 
   ul.menu-horizontal .menu-item-has-children:hover>.sub-menu>.menu-item-has-children:hover>.sub-menu {
     display: block;
     margin: 0 auto;
     top: 0;
     left: 100%;
   }
 
   ul.menu-horizontal .menu-item-has-children .sub-menu li a {
     color: var(--gridmidia-theme);
   }
 
   .related-content-thumb {
     height: 100%;
     max-height: 280px;
   }
 
   .anchor-fixed-card {
     width: 600px;
     margin: 1rem;
     margin-left: auto;
   }
 
   .anchor-fixed-card .anchor-thumb {
     width: 200px;
     height: 130px;
     overflow: hidden;
   }
 
   .anchor-fixed-card a {
     padding: 12px;
   }
 
   .card-sm-small-thumb {
     height: 116px;
   }
 
   .card-sm-thumb,
   .card-sm-lg-thumb {
     height: 186px;
   }
 
   .border-sm-0 {
     border: none !important;
   }
 }
 
 /* SMALL DEVICES */
 @media (max-width: 992px) {
   .text-sm-base {
     font-size: 16px;
     line-height: 24px;
   }
 
   .related-content-thumb img {
     max-height: 200px;
   }
 
   .anchor-fixed-card {
     width: 600px;
     margin: 1rem;
     margin-left: auto;
   }
 
   .anchor-fixed-card .anchor-thumb {
     height: 90px;
     overflow: hidden;
   }
 
   .anchor-fixed-card a {
     padding: 4px 8px;
   }
 
    .byline {
      font-size: 10px;
      line-height: 12px;
    }

   .text-xs {
     font-size: 12px;
   }
 
   .widgets-home {
     margin-top: -50px;
   }
 
   .image-banner .img-float-1 {
     top: -10px;
     right: -15px;
   }
 
   .image-banner .img-float-2 {
     bottom: -30px;
     left: -15px;
   }
 
   .position-sm-absolute {
     position: absolute !important;
   }
 
   .not-found-container {
     padding-top: 1.5rem;
     padding-bottom: 14rem;
   }
 
   .anchor-fixed-card {
     width: auto;
     margin: .3rem;
   }
 
   .anchor-fixed-card h4,
   .anchor-fixed-card a {
     font-size: 14px;
     line-height: 19px;
   }
 
   .anchor-fixed-card a {
     margin-top: 4px;
   }
 
   .text-slg {
     font-size: 14px;
     line-height: 20px;
   }
 
   article [role="article-header"] {
     padding-top: 10px;
   }
 
   .menu-footer {
     display: block;
     text-align: center;
   }
 
   /* menu mobile */
 
   body.mobile-open .navbar-toggler .menu-bar {
     background-color: #fff;
   }
 
   body.mobile-open .navbar-toggler .menu-bar:first-child {
     width: 100%;
     -webkit-transform: rotate(135deg);
     transform: rotate(135deg);
   }
 
   body.mobile-open .navbar-toggler .menu-bar:nth-child(2) {
     width: 100%;
     opacity: 0;
   }
 
   body.mobile-open .navbar-toggler .menu-bar:last-child {
     width: 100%;
     margin-top: -16px;
     -webkit-transform: rotate(135deg);
     transform: rotate(-135deg);
   }
 
   body.mobile-open .navbar-toggler {
     z-index: 100;
     position: fixed;
     right: 20px;
   }
 
   body.mobile-open .navbar-toggler:before {
     content: '';
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     /* background: var(--gridmidia-theme); */
     /* opacity: 1; */
     /* transition: opacity ease .7s; */
   }
 
   body.mobile-open header nav {
     display: block !important;
     position: absolute;
     top: 100px;
     left: 20px;
     right: 20px;
     z-index: 101;
   }
 
   body.mobile-open header {
     overflow-y: auto;
     height: 100vh;
   }
 
   body.mobile-open header nav ul {
     display: block;
     padding: 0;
   }
 
   body.mobile-open header nav ul li a {
     color: var(--gridmidia-light-theme);
   }
 
   body.mobile-open header h1 {
     z-index: 101;
   }
 
   .menu-item-has-children .sub-menu {
     position: relative;
     display: none;
     width: 100%;
     padding: 0;
     margin-top: 16px;
     margin-bottom: -10px;
     background: transparent;
     box-shadow: none;
   }
 
   .menu-item-has-children.open-submenu>.sub-menu {
     display: inline-block;
   }
 
   ul.menu-horizontal .menu-item-has-children .sub-menu li {
     padding-left: 1.5rem;
   }
 
   .menu-item-has-children.open-submenu .sub-menu li a {
     color: var(--gridmidia-light-theme);
   }
 
   ul.menu-horizontal .menu-item-has-children>a:after {
     margin-left: auto;
   }
 
   ul.menu-horizontal .menu-item-has-children.open-submenu>a:after {
     content: "\ea78";
   }
 
   body.mobile-open ul.menu-horizontal li {
     padding: 15px;
     margin-bottom: 8px;
     background: transparent;
   }
 
   body.mobile-open #searchform.header-searchform {
     width: 100%;
     margin: 1rem 0;
   }
 
   body.mobile-open #searchform.header-searchform input {
     width: 100%;
     opacity: 1;
     padding-left: 3.5rem;
     font-size: 18px;
     color: #fff;
     background-color: rgb(255 255 255 / 10%);
     box-shadow: none;
   }
 
   .card-sm-thumb {
     height: 100%;
     max-height: 70px;
   }
 
   .title-center-mobile {
     align-items: center;
     vertical-align: middle;
     display: inline-flex;
   }
 
   .card-sm-lg-thumb {
     height: 124px;
   }
 
   .tend-list .card-sm-thumb {
     width: 70px;
     height: 70px;
   }
 
   .tend-list h4,
   .tend-list p {
     overflow: hidden;
     text-overflow: ellipsis;
   }
 
   .tend-list h4 {
     white-space: nowrap;
   }
 
   .tend-list p {
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
   }
 
   .tend-list .card-sm-thumb {
     width: 100%;
     height: 100%;
   }
 
   .h-m-190 {
     height: 190px;
   }
   
   article h1 {
     margin-top: 16px;
     margin-bottom: 10px !important;
     font-size: 28px;
     line-height: 30px;
   }
 
   article .article-header p {
     font-size: 16px;
     line-height: 24px;
   }
 
   article h2 {
     margin-top: 28px;
     margin-bottom: 20px;
   }
 
   article h2:not(.accordion-header):not(.no-decoration)+* {
     margin-top: 20px;
   }
 
   article h3 {
     margin-top: 20px;
     margin-bottom: 16px;
   }
 
   article figure,
   article .wp-caption {
     margin-top: 24px;
     margin-bottom: 24px;
   }
 
   .image-banner {
     margin: auto 10px;
   }
 
   .image-banner .img-float {
     width: 126px;
     height: 80px;
   }
 
   .image-banner .img-main {
     max-width: 100%;
     height: 240px;
   }
 }
 
 @keyframes loading-skeleton {
   from {
     opacity: 0.4;
   }
 
   to {
     opacity: 1;
   }
 }
 
 @-webkit-keyframes highlight {
   to {
     background-position: 0 0;
   }
 }
 
 @keyframes highlight {
   to {
     background-position: 0 0;
   }
 }
 
 /*Ajustes*/
 .text-gray-medium,
 .bg-gray,
 .wp-element-caption,
 .text-dark-gray {
   color: #595a5b !important;
 }
 
 .author-name {
   font-size: 20px;
   line-height: 30px;
   color: var(--gridmidia-theme);
   font-weight: 600;
 }
 
 picture:not(.custom-logo) img {
   object-fit: cover;
   width: 100%;
   height: 100%;
   transform: scale(1);
   transition: transform .5s;
 }
 
 /*Lazy Blocks*/
 /* CTA CARDS */
 .cta-card {
   border-radius: 0.5rem;
   padding: 1rem;
   background: #fff;
   box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
   position: relative;
   margin-top: 1rem;
   border: 1px solid #e7e7e7;
 }
 
 .featured {
   border: solid 1px var(--gridmidia-theme) !important;
 }
 
 .featured::before {
   content: "FEATURED";
   font-size: 0.8rem;
   color: #fff;
   background-color: var(--gridmidia-theme);
   padding: 0.2rem 0.5rem;
   position: absolute;
   top: -1rem;
   left: 1rem;
   border-radius: 0.25rem;
 }
 
 .featured img {
   max-width: 100%;
   height: auto;
 }
 
 .loan-rating {
   color: #ffc107;
   font-size: 1.25rem;
 }
 
 .loan-apr,
 .loan-term,
 .updated-date {
   float: left;
 }
 
 .loan-amount {
   font-weight: bold;
   color: var(--gridmidia-theme);
   background: none !important;
 }
 
 .start-btn {
   background-color: var(--gridmidia-theme);
   color: #fff;
   font-weight: bold;
   font-size: x-large;
 }
 
 .start-btn:hover {
   background-color: #1e3169;
   color: #fff;
 }
 
 .termsapply {
   font-size: 12px;
   color: #494444;
   padding-left: 20px;
 }
 
 .cta-card .btn-sm {
   text-decoration: underline;
 }
 
 .cta-card a.btn.btn-link {
   padding: 8px 15px;
   margin-bottom: 10px;
   border: solid 1px #e7e7e7;
   font-size: 16px;
   color: var(--gridmidia-theme);
   text-decoration: none;
   border-radius: 10px;
   display: block;
   background-color: #f2f2f2;
   text-align: center;
 }
 
 .cta-card a.btn.btn-link:hover {
   background-color: #dddddd;
 }
 
 /* FIM CTA CARDS */