.mexlife-blog-H2{
    margin-left: 50px;
    padding: 0px 30px;
    background-image: url(/wp-content/themes/mexlife-theme/palmera.svg);
    background-repeat: no-repeat;
    background-position: inherit;
    background-size: 25px;
    background-position-y: 10px;
}
.mexlife-table-of-content{
    margin-top: 20px;
    font-size: 18px !important;
    line-height: 36px !important;
}
.mexlife-blog-H3{
    margin-left:80px;
    padding: 0px 30px;
    background-image: url(/wp-content/themes/mexlife-theme/palmera.svg);
    background-position: left;
    background-size: 25px;
    background-position-y: 10px;
    background-repeat: no-repeat;
}
.mexlife-blog-H4{
    margin-left:110px;
    padding: 0px 30px;
    background-image: url(/wp-content/themes/mexlife-theme/palmera.svg);
    background-position: left;
    background-size: 25px;
    background-position-y: 10px;
    background-repeat: no-repeat;
}
.mexlife-blog-H5{
    margin-left:140px;
    padding: 0px 30px;
    background-image: url(/wp-content/themes/mexlife-theme/palmera.svg);
    background-position: left;
    background-size: 25px;
    background-position-y: 10px;
    background-repeat: no-repeat;
}
.mexlife-blog-H6{
    margin-left:170px;
    padding: 0px 30px;
    background-image: url(/wp-content/themes/mexlife-theme/palmera.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 25px;
    background-position-y: 10px;
}

.mexlife-table-of-content{
    color:#31bb67;
    background-color: #333333;
}
.light .mexlife-table-of-content{
    color:#4d4d4d;
    background-color: #ffffff;
}
.light .content-mexlife-blog{
    background-color: #ffffff!important;
}
.content-mexlife-blog{
    width: 100%;
    margin-top: 50px;
    /*padding: 0 5px;*/
    /*position: sticky;*/
    top: 10%;
    z-index: 3;
    background-color: #333333;
    border-radius: 0.5rem;
}

@media (min-width: 768px) { 
    .content-mexlife-blog{
        margin-left: 12%;
        /* margin: 0 auto; */
        width: 50%;
    }

}

/*Accordion*/

/* Core styles/functionality */
.tab-table input {
    position: absolute;
    opacity: 0;
    z-index: -1;
  }
  .tab__content {
    max-height: 0;
    overflow: hidden;
    transition: all 0.35s;
  }
  .tab-table input:checked ~ .tab__content {
    max-height: 80vh;
    overflow-y: scroll;
    scrollbar-color: #31bb67 #333333;
    scrollbar-width: thin;
  }
  
  /* Visual styles */
  .accordion {
    border: 2px solid;
    border-radius: 0.5rem;
    overflow: hidden;
    /*width: 750px;*/
    /*margin-left: 50px;*/
    margin-top: 25px;
    color: #31bb67;
  }

  .light .accordion{
    color: #4d4d4d;
  }

  .light .tab__label,
  .light .tab__close {
    color: #4d4d4d;
  }

  .tab__label,
  .tab__close {
    display: flex;
    background: var(--theme);
    cursor: pointer;
    color: #31bb67;
  }
  .tab__label {
    justify-content: space-between;
    padding: 1rem;
  }
  .tab__label::after {
    content: "\276F";
    width: 2em;
    height: 2em;
    text-align: center;
    transform: rotate(90deg);
    transition: all 0.35s;
  }
  .tab-table input:checked + .tab__label::after {
    transform: rotate(270deg);
  }
  .tab__content p {
    margin: 0;
    padding: 1rem;
  }
  .tab__close {
    justify-content: flex-end;
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
  }
  .accordion--radio {
    --theme: var(--secondary);
  }
  
  /* Arrow animation */
  .tab-table input:not(:checked) + .tab__label:hover::after {
    /*animation: bounce .5s infinite;*/
  }
  @keyframes bounce {
    25% {
      transform: rotate(90deg) translate(.25rem);
    }
    75% {
      transform: rotate(90deg) translate(-.25rem);
    }
  }
/*Accrodion*/

/* Cuando la pantalla es menor a 900px  (tablets y teléfonos inteligentes)*/
@media only screen and (max-width : 768px) {
    .content-mexlife-blog{
        /*display:none;*/
        width: 80%;
        margin: 0 auto;
    }
    .accordion {
        border: 2px solid;
        border-radius: 0.5rem;
        overflow: hidden;
        /*width: 94%;*/
        /*margin-left: 3%;*/
        margin-top: 25px;
        color: #31bb67;
      }
}