/*
 Theme Name:   Excel y Finanzas 2022
 Theme URI:    https://davidperalvarez.com
 Description:  Tema a medida basado en GeneratePress
 Author:       David Perálvarez
 Author URI:   https://davidperalvarez.com
 Template:     generatepress
 Version:      0.1
*/

/* Variables */
/* :root {
} */

/* Generales */

body {
  font-family: 'Noto Sans', sans-serif;
  color: var(--gray-2);
  font-size: 16px;
}

/* Tipografía */

h1, h2, h3, h4 {
  font-style: normal;
  line-height: 120%;  
  letter-spacing: -0.01em;
  color: var(--black);
}

h1, .h1 {
  font-weight: 700;
  font-size: 28px;
}

h2 {
  font-weight: 500;
  font-size: 22px;
}
h3 {
  font-weight: 700;
  font-size: 18px;
}
h4 {
  font-weight: 500;
  font-size: 17px;
}

p, li {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 150%;  
}

.mini {
  font-size: 11px;
  line-height: 1.2;
}

.shadow-text {
  text-shadow: 3px 4px 3px rgb(9 66 58);
}

@media only screen and (min-width: 768px) {
  h1, .h1 { font-size: 34px; }
  h2 { font-size: 27px; }
  h3 { font-size: 21px; }
  h4 { font-size: 19px; }
  p, li { font-size: 14px; }
  .mini { font-size: 12px; } 
}

@media only screen and (min-width: 1024px) {
  h1, .h1 { font-size: 40px; }
  h2 { font-size: 32px; }
  h3 { font-size: 25px; }
  h4 { font-size: 21px; }
  p, li { font-size: 16px; }
  .mini { font-size: 14px; } 
}

/* Enlaces */

a {
  color: var(--green-1);
}

a:hover {
  color: var(--green-2);
}

/* Forms */

label {
  font-size: 14px;
  font-weight: 400!important;
  color: var(--gray-1);
  display: block;
  margin-bottom: 6px!important;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
  color: var(--gray-1);
  background-color: var(--white);
  border-color: var(--green-3);
  border-radius: 5px;
}

input::placeholder {
  color: var(--gray-4);
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
.gb-button {
  color: var(--white);
  background-color: var(--green-1);
  font-size: 13px;
  font-weight: 600;
}

@media only screen and (min-width: 768px) {
  button,
  html input[type="button"],
  input[type="reset"],
  input[type="submit"],
  a.button,
  .gb-button {
    font-size: 14px;  
  }
}

@media only screen and (min-width: 1024px) {
  button,
  html input[type="button"],
  input[type="reset"],
  input[type="submit"],
  a.button,
  .gb-button {
    font-size: 16px;  
  }
}

/* Eliminar fotos destacadas en páginas  */
body.page .page-header-image {
  display: none;
}

/* Eliminar barra de navegación en template landing */
body.page-template-template-landing .site-header {
  display: none;
}
body.page-template-template-landing .site-content {
  padding-top: 0;
}

/* Helpers */

/* Accordion */
.white-accordion .gb-accordion-title {
  color: var(--gray-3);
  font-weight: 600;
  font-size: 15px;
  background: var(--white);
  border: 1px solid var(--gray-5);  
  max-width: 300px;
  margin: 30px auto 10px;
  cursor: pointer;
  text-align: center;
}

.gray-accordion .gb-accordion-title {
  color: var(--black);
  background: var(--gray-6);
  border-radius: 19px;
  padding: 20px;
  cursor: pointer;
}

.testimonial-box .gb-inside-container {
  box-sizing: border-box;
  padding: 32px;
  background: var(--white);
  border: 1px solid var(--gray-4);
  box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  margin-bottom: 20px;
}

.testimonial-box:not(.video) .gb-inside-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


/* Intranet salutation */

.eyf-intranet-salutation {
  margin-bottom: 30px;
}

.eyf-intranet-salutation span {
  color: var(--green-1);
}


/* Site header */

.site-header .grid-container {
  max-width: 1200px;
}

.main-navigation .menu-toggle {
  background-color: var(--green-1);
}

.main-navigation .menu-toggle:hover,
.main-navigation .menu-toggle:focus {
  background-color: var(--green-2);
}

.main-navigation .main-nav ul li a {
  color: var(--green-1);
}

.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li a:focus {
  color: var(--green-2);
}

@media (min-width: 768px) {
  
  #primary-menu .menu > .menu-item {
    margin: 0 0 0 10px;
  }

  #primary-menu .menu > .menu-item > a {
    color: var(--green-1);
    background-color: var(--green-4);
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    padding: 14px 30px;
  }

  #primary-menu .menu > .menu-item > a:hover,
  #primary-menu .menu > .menu-item.menu-highlight > a:hover {
    color: var(--white);
    background-color: var(--gray-1);
  }

  #primary-menu .menu > .menu-item.menu-highlight > a {
    color: var(--white);
    background-color: var(--green-1);
  }

  #primary-menu .menu-item-has-children .dropdown-menu-toggle {
    padding-right: 0;
  }

  #primary-menu .sub-menu {
    background-color: var(--white);
  }

  #primary-menu .sub-menu a {
    color: var(--green-1);
  }

  #primary-menu .sub-menu a:hover {
    color: var(--green-2);
  }

}


/* Site Footer */

.site-footer .footer-widgets {
  background-color: var(--footer-1);
}
.site-footer .footer-dark {
  display: none;
}
.site-footer .footer-light {
  display: flex;
}
.site-footer .footer-widgets .grid-container {
  max-width: 1200px;
}
.site-footer .footer-widgets p,
.site-footer .footer-widgets a {
  color: var(--footer-2);
}
.site-footer .footer-widgets a {
  color: var(--footer-2);
  text-decoration: none;
}
.site-footer .footer-widgets a:hover {
  text-decoration: underline;
}

.single-sfwd-courses .site-footer .footer-widgets {
  background-color: var(--footer-2);
}
.single-sfwd-courses .site-footer .footer-widgets p,
.single-sfwd-courses .site-footer .footer-widgets a {
  color: var(--footer-1);
}
.single-sfwd-courses .site-footer .footer-dark {
  display: flex;
}
.single-sfwd-courses .site-footer .footer-light {
  display: none;
}
.single-sfwd-courses .site-footer #block-5 {
  margin: 0;
  padding: 0;
}

/* Single */

.page-header-image-single {
      display: none;
}

/* Posts grid */

.eyf-grid .inside-article { 
  display: flex;
  flex-direction: column;
}

.eyf-grid .inside-article .entry-header {
  order: 1;
}

.eyf-grid .inside-article .entry-header .entry-title {
  font-weight: 500;
  font-size: 21px;
  text-align: center;
}

.eyf-grid .inside-article .entry-header .entry-title a {
  color: var(--black);
}

.eyf-grid .inside-article .entry-header .entry-title a:hover {
  color: var(--gray-2);
}

.eyf-grid .inside-article .post-image {
  order: 0;
}

.eyf-grid .inside-article .entry-summary,
.eyf-grid .inside-article .entry-meta {
  display: none;
}

@media (min-width: 768px) {
  .eyf-grid {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  
  .eyf-grid article {
    flex-basis: calc(50% - 20px);
    margin-bottom: 30px;
  }  
}

@media (min-width: 1024px) {  
  .eyf-grid article {
    flex-basis: calc(33.333% - 20px);  
  }  
}

/* Archive & Blog & Search */

.blog .container.grid-container,
.archive .container.grid-container,
.search .container.grid-container {
  max-width: 1200px;
}

.archive .page-title,
.search .page-title {
  text-align: center;
}

.archive .taxonomy-description,
.post-type-archive-tutorial .page-title,
.tax-tutorial_tag .page-title-et,
.tax-plantilla_tag .page-title-plantillas, 
.post-type-archive-plantilla .page-title {
  display: none;
}

.post-type-archive-tutorial .page-title-et,
.post-type-archive-plantilla .page-title-plantillas {
  text-align: center;
}

.post-type-archive-tutorial .page-title-et::after {
  position: absolute;
  content: "\f19b";
  font-family: "dashicons";
  font-size: 19px;
  color: red;
  margin-left: 5px;  
}

.post-type-archive-plantilla .page-title-plantillas::after {
  position: absolute;
  content: "\f316";
  font-family: "dashicons";
  font-size: 19px;
  color: var(--green-1);
  margin-left: 5px;  
}

.archive-search .search-form {
  position: relative;
  max-width: 600px;
  margin: 0 auto 30px;
}

.archive-search .search-form .search-field {
  width: 100%;
}


.archive-search .search-form .search-submit {
  display: none;
}

.archive-search .tax-or-cat {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
}

.archive-search .tax-or-cat li {
  background-color: var(--green-4);
  color: var(--green-1);
  margin: 10px;
  border-radius: 4px;
  padding: 10px;
  font-size: 14px;
  font-weight: 600;
}

.archive-search .tax-or-cat li a {
  text-decoration: none;
}

.archive-search .tax-or-cat li.current-cat,
.archive-search .tax-or-cat li:active,
.archive-search .tax-or-cat li:hover {
  background-color: var(--gray-1);
  color: var(--white);
}

.archive-search .tax-or-cat li.current-cat a,
.archive-search .tax-or-cat li:active a,
.archive-search .tax-or-cat li:hover a {
  color: var(--white);
}

/* Landing */

.list-current-courses {
  margin: 0;
}

.list-current-courses li {
  margin-bottom: 10px;
  background-color: var(--gray-6);
  padding: 12px 20px 12px 96px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  position: relative;
}

.list-current-courses li:before {
  content: '';
  position: absolute;
  width: 30px;
  height: 26px;
  background-image: url( 'assets/img/birrete.png' );
  background-size: contain;
  left: 35px;
}

.list-current-courses li a {
  color: var(--gray-1);
  text-decoration: none;
}

@media (min-width: 768px) {
  .list-current-courses {
    display: flex;
    justify-content: space-between;
    list-style: none;
    flex-flow: row wrap;
  }

  .list-current-courses li {
    flex-basis: calc(50% - 10px);
  }   
}

@media (min-width: 1024px) {
  .list-current-courses li {
    flex-basis: calc(33.333% - 10px);
  } 
}


/* Schools Grid */

.eyf-schools {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 40px;
}

.eyf-school:hover main{
  background-color: #f7f7f7 !important;
  transition-duration: 0.3s;
}

.eyf-schools .eyf-school {
  box-sizing: border-box;
  text-align: center;
}

.eyf-schools .eyf-school img {
  display: block;
}

.eyf-schools .eyf-school main {
  background-color: var(--white);
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.eyf-schools .eyf-school main h3 span {
  color: var(--green-1);
}

.eyf-schools.intranet .eyf-school main {
  border: 1px solid var(--gray-4);
  border-top: none;
}

@media (min-width: 768px) {
  .eyf-schools .eyf-school {
    flex-basis: calc( 50% - 40px);
  }
  .eyf-schools .eyf-school main {
    min-height: 250px;
  }
}

@media (min-width: 1024px) {
  .eyf-schools .eyf-school {
    flex-basis: calc( 33.333% - 40px);
  }
  .eyf-schools .eyf-school main {
    min-height: 300px;
  }
}

.eyf-schools .eyf-school img {
  border-radius: 16px 16px 0px 0px;
}

.eyf-schools .eyf-school main {
  padding: 30px;
}

.eyf-schools .eyf-school p {
  margin-bottom: 0;
}

.eyf-schools .eyf-school a {
  text-decoration: none;
  color: var(--gray-1);
}

/* Single school or carrera */

.single-school .container.grid-container {
  max-width: 1200px;
}

.single-carrera .container.grid-container {
  max-width: 700px;
}

.single-school .site-main {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.single-school .col-left,
.single-school .col-right {
  flex-basis: 100%;
}

@media (min-width: 1024px) {
  .single-school .col-left {
    flex-basis: 34%;
  }
  
  .single-school .col-right {
    flex-basis: calc(66% - 40px);
  }
}

.single-school .col-left header,
.single-carrera .col-left header {
  display: flex;
  align-items: top;
  margin-bottom: 30px;
}

.single-school .col-left header img,
.single-carrera .col-left header img {
  height: 30px;
  display: inline-block;
  margin: 7px 15px 0 0;
}

.single-school .col-left header h1,
.single-carrera .col-left header h1 {
  margin-bottom: 0;
}

.single-carrera .col-left header h1 span {
  color: var(--green-1);
}

.single-school .col-left .eyf-school-excerpt,
.single-carrera .col-left .eyf-school-excerpt {
  margin-bottom: 80px;
  color: var(--gray-2);
}

.single-school .col-left .eyf-school-levels h3,
.single-carrera .col-left .eyf-school-levels h3 {
  color: var(--gray-2);
  margin-bottom: 0;
  padding-bottom: 29px;
  border-bottom: 1px solid var(--gray-5);
}

.single-school .col-left .eyf-school-levels ul,
.single-carrera .col-left .eyf-school-levels ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.single-school .col-left .eyf-school-levels li,
.single-carrera .col-left .eyf-school-levels li {
  padding: 19px 0 19px 40px;
  border-bottom: 1px solid var(--gray-5);
  position: relative;
}

.single-school .col-left .eyf-school-levels li::before,
.single-carrera .col-left .eyf-school-levels li::before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
}

.single-school .col-left .eyf-school-levels .not-logged-in::before,
.single-carrera .col-left .eyf-school-levels .not-logged-in::before {
  background-image:  url('assets/img/course-not-logged-in.png');
}
.single-school .col-left .eyf-school-levels .not-started::before,
.single-carrera .col-left .eyf-school-levels .not-started::before {
  background-image:  url('assets/img/course-not-started.png');
}
.single-school .col-left .eyf-school-levels .completed::before,
.single-carrera .col-left .eyf-school-levels .completed::before {
  background-image:  url('assets/img/course-completed.png');
}
.single-school .col-left .eyf-school-levels .in-progress::before,
.single-carrera .col-left .eyf-school-levels .in-progress::before {
  background-image:  url('assets/img/course-in-progress.png');
}

.single-school .col-left .eyf-school-levels li:last-of-type,
.single-carrera .col-left .eyf-school-levels li:last-of-type {
  margin-bottom: 80px;
}

.single-school .col-left .eyf-school-levels a,
.single-carrera .col-left .eyf-school-levels a {
  text-decoration: none;
  color: var(--gray-1);
}

.single-school .col-left .eyf-school-levels a:hover,
.single-carrera .col-left .eyf-school-levels a:hover {
  color: var(--green-1);
}

.single-school .col-right .eyf-school-banner {
  margin-bottom: 40px;
}


/* Single course */

.single-sfwd-courses .container.grid-container {
  max-width: 100%;
}

.single-sfwd-courses .site-content {
  padding: 0;
}

.single-sfwd-courses  .site-main > * {
  margin: 0;
}

.single-sfwd-courses #eyf-course-header {
  padding: 0 20px;
}

.single-sfwd-courses #eyf-course-header .wrap {
  max-width: 1100px;
  margin: 80px auto;
}

.single-sfwd-courses #eyf-course-header .button {
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {

  .single-sfwd-courses #eyf-course-header .wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
  }
  .single-sfwd-courses #eyf-course-header .wrap .col-left {
    width: calc(45% - 20px);
    margin-right: 40px;
  }
  .single-sfwd-courses #eyf-course-header .wrap .col-right {
    width: calc(55% - 20px);
  }
  .single-sfwd-courses #eyf-course-header .button {
    margin-bottom: 0;
  }

}

.single-sfwd-courses #eyf-course-header .wrap-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
}

.single-sfwd-courses #eyf-course-header .wrap-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;   
}

.single-sfwd-courses #eyf-course-header .wrap-video,
.single-sfwd-courses #eyf-course-header img {
  border-radius: 12px;
}

.single-sfwd-courses #eyf-course-meta {
  background-color: var(--gray-6);
  padding: 0 20px;
}

.single-sfwd-courses #eyf-course-meta ul {
  max-width: 1100px;
  margin: 0 auto;
  padding: 40px 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  list-style: none;
}

.single-sfwd-courses #eyf-course-meta ul li {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

.single-sfwd-courses #eyf-course-meta ul li::before {
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 24px;
  color: var(--green-1);
  margin-bottom: 10px;
  display: block;
}

.single-sfwd-courses #eyf-course-meta ul li.duration::before {
  content: '\f017';
}
.single-sfwd-courses #eyf-course-meta ul li.lessons::before {
  content: '\f1c9';
}
.single-sfwd-courses #eyf-course-meta ul li.level::before {
  content: '\f5fd';
}
.single-sfwd-courses #eyf-course-meta ul li.category::before {
  content: '\f02c';
}

@media only screen and (min-width: 768px) {
  .single-sfwd-courses #eyf-course-meta ul li {
    width: 50%;
  }
}

@media only screen and (min-width: 1024px) {
  .single-sfwd-courses #eyf-course-meta ul li {
    width: 25%;
    margin-bottom: 0;
  }
}

.single-sfwd-courses #eyf-course-details {
  background-color: var(--gray-2);
  padding: 0 20px;
}

.single-sfwd-courses #eyf-course-details .wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 100px 0;
}

.single-sfwd-courses #eyf-course-details .col-right > * {
  padding: 40px;
  margin-bottom: 30px;
}

.single-sfwd-courses #eyf-course-details .col-right p:last-of-type { margin-bottom: 0; }

@media only screen and (min-width: 768px) {

  .single-sfwd-courses #eyf-course-details .wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }

  .single-sfwd-courses #eyf-course-details .col-left {
    width: calc(55% - 25px);
  }

  .single-sfwd-courses #eyf-course-details .col-right {
    width: calc(45% - 25px);
  }

}

.single-sfwd-courses #eyf-course-details .goals {
  background-color: var(--footer-2);
  color: var(--gray-2);
}

.single-sfwd-courses #eyf-course-details .goals h3 {
  color: var(--gray-2);
}

.single-sfwd-courses #eyf-course-details .goals p {
  position: relative;
  margin-left: 15px;
}

.single-sfwd-courses #eyf-course-details .goals p::before {
  content: '\f00c';
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: var(--green-1);
  position: absolute;
  left: -25px;
  top: 0;
}

.single-sfwd-courses #eyf-course-details .description {
  background-color: var(--gray-1);
  color: var(--white);
}

.single-sfwd-courses #eyf-course-details .description > * {
  color: var(--white);
}

.single-sfwd-courses #eyf-course-details .teacher {
  background-color: var(--gray-1);
  padding: 30px;
  text-align: center;
}

.single-sfwd-courses #eyf-course-details .teacher main > * {
  color: var(--white);
}

.single-sfwd-courses #eyf-course-details .teacher img {
  border-radius: 50%;
  background-color: var(--green-1);
}

.single-sfwd-courses #eyf-course-details .teacher .teacher-job {
  font-weight: 600;
  color: var(--green-4);
}

.single-sfwd-courses #eyf-course-details .masterclass {
  background-color: var(--white);
  padding: 40px;
  max-width: 800px;
  margin: 0 auto;
}


/* Grid teachers */

.eyf-teachers .eyf-teacher {
  background-color: var(--footer-2);
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 4px;
  text-align: center;
}

.eyf-teachers .eyf-teacher img {
  border-radius: 50%;
  border: 3px solid var(--green-1);
  background-color: var(--white);
}

.eyf-teachers .teacher-name {
  color: var(--footer-1);
  margin-bottom: 10px;
}

.eyf-teachers .eyf-teacher .teacher-job {
  font-weight: 600;
}

.eyf-teachers .eyf-teacher .teacher-bio {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .eyf-teachers {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  .eyf-teachers .eyf-teacher {
    flex-basis: calc(50% - 30px);
  }
}


/* Intranet */

.eyf-intranet-continue {
  grid-area: continue;
}

.eyf-intranet-continue::before {
  background-image: url('assets/img/intranet-continue.png');
  width: 32px;
  height: 32px;
}

.eyf-intranet-carreras {
  grid-area: carreras;
}


.eyf-intranet-carreras::before {
  background-image: url('assets/img/intranet-user.png');
  width: 32px;
  height: 32px;
}

.eyf-intranet-start {
  grid-area: empieza;
}

.eyf-intranet-start::before {
  background-image: url('assets/img/intranet-start.png');
  width: 32px;
  height: 32px;
}

.eyf-intranet-exceltube {
  grid-area: exceltube;
}

.eyf-intranet-exceltube::before {
  background-image: url('assets/img/intranet-exceltube.png');
  width: 32px;
  height: 32px;
}

.eyf-intranet-repository {
  grid-area: repository;
}

.eyf-intranet-repository::before {
  background-image: url('assets/img/intranet-repository.png');
  width: 32px;
  height: 32px;
}

.eyf-intranet-telegram {
  grid-area: telegram;
}

.eyf-intranet-telegram::before {
  background-image: url('assets/img/intranet-telegram.png');
  width: 32px;
  height: 32px;
}

.eyf-intranet-webinars {
  grid-area: webinars;
}

.eyf-intranet-webinars::before {
  background-image: url('assets/img/intranet-webinars.png');
  width: 32px;
  height: 32px;
}

.eyf-intranet-certificado {
  grid-area: certificado;
}

.eyf-intranet-certificado::before {
  background-image: url('assets/img/intranet-certificado.png');
  width: 32px;
  height: 32px;
}

.eyf-intranet-favorites {
  grid-area: favorites;
}

.eyf-intranet-favorites::before {
  background-image: url('assets/img/intranet-favorites.png');
  width: 32px;
  height: 32px;
}

.eyf-intranet-apuntes {
  grid-area: apuntes;
}

.eyf-intranet-apuntes::before {
  background-image: url('assets/img/intranet-apuntes.png');
  width: 32px;
  height: 32px;
}


.eyf-intranet-buttons ul {
  list-style: none;
  margin: 0;

  display: grid;
    
  grid-gap: 18px;
  grid-template-columns: 1fr;
  grid-template-rows: 80px 80px 80px 80px 80px 80px 80px 80px 80px 80px;
  grid-template-areas: 
    "continue"
    "carreras"
    "empieza"
    "exceltube"
    "repository"
    "telegram"  
    "webinars"
    "certificado"
    "favorites"
    "apuntes";
}

.eyf-intranet-buttons ul li {
  display: flex;          
  align-items: center;    
  justify-content: center; 
  padding: 0 15px;        
  box-sizing: border-box;
  border: 1px solid var(--gray-4);
  border-radius: 12px;
  position: relative;
  height: 100%;           
  cursor: pointer;   
  transition-duration: 0.3s;   
}

.eyf-intranet-buttons ul li:hover {
background-color: #f7f7f7;
transition-duration: 0.3s;
}

.eyf-intranet-buttons ul li::before {
  content: '';
  background-size: cover;
  position: relative;
  left: 0;
  margin-right: 10px;
}

.eyf-intranet-buttons ul a {
  text-decoration: none;
  color: var(--gray-1);
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: -0.01em;
  max-width:500px;
}

.eyf-intranet-buttons ul li{
       font-size: 24px;
    font-weight: 700;
    height: 100%;
}

.eyf-intranet-buttons ul a span {
  font-weight: 400;
  display: block;
  color: var(--gray-2);
  margin-top: 5px;
}

@media (min-width: 768px) {
  .eyf-intranet-buttons ul {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 40px 40px 40px 40px 80px 80px 80px 80px 80px 80px;
    grid-template-areas: 
      "continue continue"
      "continue continue"
      "carreras carreras"
      "carreras carreras"      
      "empieza exceltube"
      "repository telegram"
      "webinars certificado"
      "favorites apuntes";
  }
  .eyf-intranet-buttons ul a {
    font-size: 21px;
  }
  .eyf-intranet-continue::before,
  .eyf-intranet-carreras::before {
    width: 50px;
    height: 50px;
  }
}

@media (min-width: 1024px) {
  .eyf-intranet-buttons ul {    
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 80px 80px 80px 80px;
    grid-template-areas: 
      "continue continue empieza exceltube"
      "continue continue repository telegram"
      "carreras carreras webinars certificado"
      "carreras carreras favorites apuntes";
  }
  .eyf-intranet-buttons ul a {
    font-size: 25px;
  }
  .eyf-intranet-continue a {
    width: 70%;
  }

  .eyf-intranet-carreras a {
    width: 70%;
  }
}

@media(max-width:760px){
  .eyf-intranet-buttons ul a{
  max-width:300px;
  }
}

/* Plugins */

/* Consent Magic */
body.logged-in #cs_preview_popup {
  display: none!important;
}

/* Click to chat */

body.logged-in #ht-ctc-chat {
  display: none!important;
}

/* Contact Form 7 */

.wpcf7-form .accept-legal label {
  display: inline-block;
}

/* LearnDash */

.single-sfwd-courses .learndash-wrapper .ld-item-list.ld-course-list .ld-section-heading,
.single-sfwd-courses .learndash-wrapper .ld-item-list.ld-lesson-list .ld-section-heading {
  margin-bottom: 0;
  background-color: var(--green-1);
  padding: 24px 32px;
}

.single-sfwd-courses .learndash-wrapper .ld-item-list {
  margin: 0 0 30px;
}

.single-sfwd-courses .learndash-wrapper .ld-item-list.ld-course-list .ld-section-heading h2,
.single-sfwd-courses .learndash-wrapper .ld-item-list.ld-lesson-list .ld-section-heading h2{
  color: var(--white);
  font-weight: 700;
  letter-spacing: -0.01em;
}

.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item {
  border: none!important;
  border-radius: 0;
  margin: 0;
}

.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item:first-of-type {
  padding-top: 20px;
}

.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item:last-of-type {
  padding-bottom: 20px;
}

.single-sfwd-courses  .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
  padding: 10px 20px;
}

.single-sfwd-courses .learndash-wrapper .ld-status-icon {
  flex-basis: 15px;
  height: 15px;
  width: 15px;  
}

.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name .ld-item-title {
  font-weight: 500;
  letter-spacing: -0.01em; 
}

.single-sfwd-courses .learndash-wrapper .ld-status-in-progress, 
.single-sfwd-courses .learndash-wrapper .ld-status-incomplete.ld-status-icon {
  border-color: var(--green-1)!important;
  border-width: 2px;
}

.single-sfwd-courses .learndash-wrapper .ld-status-icon.ld-status-complete .ld-icon {
  font-size: 10px;
}

.single-sfwd-courses .learndash-wrapper #quiz_continue_link,
.single-sfwd-courses .learndash-wrapper .ld-secondary-background,
.single-sfwd-courses .learndash-wrapper .learndash_mark_complete_button,
.single-sfwd-courses .learndash-wrapper #learndash_mark_complete_button,
.single-sfwd-courses .learndash-wrapper .ld-status-complete,
.single-sfwd-courses .learndash-wrapper .ld-alert-success .ld-button,
.single-sfwd-courses .learndash-wrapper .ld-alert-success .ld-alert-icon {
  background-color: var(--green-1)!important;
}

.single-sfwd-lessons .ld-comment-wrapper .ld-comment-alert {
  color: var(--green-1);
  background: var(--green-4);
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 15px;  
}


/* Favoritos */

.simplefavorite-button {
  border-radius: 8px;
  margin-bottom: 20px;
}
.eyf-favorites-list.favorites-list {
  margin: 0;
}
.eyf-favorites-list.favorites-list li {
  border: 1px solid var(--green-3);
  border-radius: 4px;
  padding: 0.75em;
  margin: 0 0 20px 0;
}
.eyf-favorites-list .simplefavorite-button {
  font-size: 14px;
  padding: 3px 10px;
  margin-bottom: 0;
}
.eyf-favorites-list a {
  text-decoration: none;
  color: var(--gray-1);
  font-weight: 600;
}
.eyf-favorites-list img {
  width: 100px;
  height: 100px;
}
.eyf-favorites-list p {
  margin-bottom: 10px;
}
.eyf-favorites-list p:last-of-type {
  margin-bottom: 0;
}

/* Ocultar botón en masterclases */
#eyf-course-details .simplefavorite-button {
  display: none;
}
/* Mostrar botón en masterclases */
#eyf-course-details .masterclass .simplefavorite-button {
  display: block;
}


/* LearnDash Notes  */

#ldnt-shortcode table.notes-listing a, 
#ldnt-shortcode table.nt-course-list-table a {
  color: var(--gray-1)!important;
}

.ldnt-search-field {
  display: none!important;
}

/* Ocultar botón en masterclases */
#eyf-course-details .ldnt-content-notes {
  display: none;
}
/* Mostrar botón en masterclases */
#eyf-course-details .masterclass .ldnt-content-notes {
  display: block;
}


/* Paid Membership Pro */

.pmpro_checkout-fields .gateway_stripe {
  display: inline-block!important;
  background-color: var(--green-4);
  border: 2px solid var(--green-1);
  padding: 5px 10px;
  border-radius: 4px;
}

.pmpro_checkout-fields .gateway_stripe a {
  text-decoration: none;
  font-weight: bold;
  color: var(--green-1);
}

.pmpro_checkout-fields .gateway_paypalexpress {
  display: inline-block!important;
  background-color: #0079C1;
  border: 2px solid #00457C;
  padding: 5px 10px;
  border-radius: 4px;
}

.pmpro_checkout-fields .gateway_paypalexpress a {
  text-decoration: none;
  font-weight: bold;
  color: white;
}

.pmpro_content_message {
  background-color: var(--footer-1)!important;
  color: var(--footer-2);
  padding: 30px;
  margin: 20px 0;
  font-weight: 600;
}

.pmpro_content_message a,
.pmpro_content_message a:link {
  background-color: var(--footer-2);
  border: none;
}

/* Replay webinar template */

@media only screen and (max-width: 768px) {

  .replay-webinar-header {
    background-image: none!important;
  }

}

.wp-block-button__link { border-radius:0;}
/* two col on user front profile */
fieldset#pmpro_form_fieldset-mas-informacion .pmpro_form_fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

fieldset#pmpro_form_fieldset-mas-informacion .pmpro_form_legend {
	display:none;
}