/* Smooth scroll behavior */
:root {
  scroll-behavior: smooth;
}

/* Barra navegacion */
#navbar-main {
  background-color: #98c3d7!important;
}
.mm-navbar{
  background: #1b445d;
}
div#mm-1,
#off-canvas {
  --mm-color-background: #093149;
  background: #093149;
}
div#mm-1 a,
#off-canvas a {
  color: white;
  font-size: 20px;
  text-decoration: none;
}
.mm-btn--next:after {
  border-color: #fff700;
}
a.is-active.mm-listitem__text {
  background: red;
}
#block-landingmaker-responsivemenumobileicon {
  filter: invert(1);
}
li.menu-item--front-page.menu-name--main.mm-listitem a {
  background: none !important;
}

/* BREADCRUMBS */
/*#block-condrupal-breadcrumbs {*/
/*  position: absolute;*/
/*  z-index: 1;*/
/*  top: 185px;*/
/*}*/



/* Telefonos en vertical (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

  .offcanvas-body .navbar-light .nav-link {
    color: white!important;
    font-size: large;
    font-weight: bold;
  }


  #block-wct2023-branding a.site-title {
    font-size: 100%;
  }

  .field--name-field-categoria-snippet.field__items,
  .field.field--name-field-categoria-post.field--type-entity-reference.field--label-above .field__items,
  .field.field--name-field-categoria-top.field--type-entity-reference.field--label-above .field__items {
    height: calc(25vh - 10px);
  }

  #block-landingmaker-main-menu a {
    color: white;
    font-size: 20px;
    text-decoration: none;
  }
  #CollapsingNavbar {
    background: #04314c;
  }
  #block-landingmaker-main-menu ul.dropdown-menu.show {
    background: #1a3148;
    max-width: 88%;
  }
  #block-landingmaker-main-menu li.dropdown-item.active {
    background: #1b4f7a;
  }
  #navbar-main button.btn-close.text-reset {
    filter: invert(1);
    font-size: 20px;
    margin-top: 15px;
  }
  #navbar-main .nav-link,  .dropdown-menu a {
    font-size: 20px;
  }

  #navbar-main .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #bfd7e8;
 }

  #navbar-main .dropdown-menu {
    background: #1a456e;
 }
  #navbar-main .dropdown-menu a {
    color: #95bddd;
  }
}

/* Telefonos en horizontal (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .field--name-field-categoria-snippet.field__items,
  .field.field--name-field-categoria-post.field--type-entity-reference.field--label-above .field__items,
  .field.field--name-field-categoria-top.field--type-entity-reference.field--label-above .field__items {
    height: calc(25vh - 10px);
  }
  #block-landingmaker-main-menu a {
    color: white;
    font-size: 20px;
  }
  #CollapsingNavbar {
    background: #001d2c;
  }

}

/* Tabletas y Ipod (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  i.bi.bi-list.mobile-nav-toggle {
    display: none;
  }
  #block-landingmaker-main-menu a {
    color: white;
    font-size: 20px;
  }
  #CollapsingNavbar {
    background: #001d2c;
  }
  #block-landingmaker-responsivemenumobileicon {
    margin-right: 56px;
  }
  /*.views-exposed-form.bef-exposed-form {*/
  /*  margin-left: 10px;*/
  /*}*/
}

/* Ordenadores y Laptops (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  i.bi.bi-list.mobile-nav-toggle {
    display: none;
  }
  header .container-fluid {
    max-width: 1200px;
    margin: auto!important;
  }
  .blazy--view .card-body {
    min-height: 100px;
  }
  #block-landingmaker-main-menu a {
    color: #001d2c;
  }
  #block-landingmaker-main-menu a.is-active {
    text-decoration: underline;
    font-weight: 700;
  }

  #block-landingmaker-responsivemenumobileicon {
    margin-right: 56px;
  }
  .page-vocabulary-cucategory {
    padding-left: 0!important;
    padding-right: 0!important;
  }
}

/* Pantallas grandes (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  i.bi.bi-list.mobile-nav-toggle {
    display: none;
  }
  header .container-fluid {
    max-width: 1200px;
    margin: auto!important;
  }
  .blazy--view .card-body {
    min-height: 100px;
  }
  #block-landingmaker-main-menu a {
    color: #001d2c;
  }
  #block-landingmaker-main-menu a.is-active {
    text-decoration: underline;
    font-weight: 700;
  }
  #block-landingmaker-responsivemenumobileicon {
    margin-right: 56px;
  }

}

/* PAGINAS TAXONOMIAS */
.path-taxonomy .main-content {
  padding: 0;
}
.path-taxonomy .content {
  padding: 0;
}
.path-taxonomy .container {
  padding-left: 0;
  padding-right: 0;
}
.path-taxonomy .container-fluid {
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
}

/* PAGINA CONTACTO */
.path-contact main#content {
  max-width: 1200px;
  margin: 20px auto;
  background: #093149;
  padding: 20px;
  color: white;
}
.page-node-11 .button {
  background: #0f638d;
  border-radius: 25px;
  border-color: #0f638d;
}
#wrapping-286, #box-285 {
  color: white;
}
#block-condrupal-search-form-wide {
  padding-top: 10px;
}
#wrapping-286 #edit-submit {
  max-width: 280px;
  border-radius: 25px;
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  background: #114c6b;
  border-color: #114c6b;
  color: white;
  width: 100%;
}

/* Back to top button */
.back-to-top {
  visibility: visible;
  position: fixed;
  color: #fff;
  padding: 6px;
  font-size: 20px;
  border-radius: 10px;
  right: 6px;
  bottom: 30px;
  transition: background 0.5s;
  border: 2px solid;
  background: #8db6cb;
}

i.fa.fa-chevron-up.btn-primary {
  padding: 10px;
}
.back-to-top:hover {
  background: #9facb5;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/* Especificos LandingPage */
.page-node-type-landing-page header {
  display: none;
}
.page-node-type-landing-page .region-content {
  padding: 0;
}

/* Menu Lateral Curso */
.block-views-blockvideos-curso-gratis-block-1 ul {
  list-style: none;
  padding: 0;
}
.block-views-blockvideos-curso-gratis-block-1 .item-list li {
    margin-left: 0;
    padding: 20px 0;
    border-bottom: 1px dotted #ededed;
    font-weight: 400;
    margin-bottom: 10px;
}
.page-node-type-capitulo-gratuito .table-striped > tbody > tr:nth-of-type(odd) > *{
  background: none!important;
}
#block-wct2023-powered-by-drupal {
  padding: 20px;
  text-align: center;
}
/* Banner Cookies */
#sliding-popup {
  padding-top: 20px;
  background: #0c5476;
}
button.agree-button.eu-cookie-compliance-secondary-button.button.button--small {
  color: white;
  border: 1px solid;
  border-radius: 25px;
}
button.decline-button.eu-cookie-compliance-default-button.button.button--small.button--primary {
  border-radius: 25px;
}
/* Vista Snippets */
.field--name-field-categoria-snippet.field__items,
.field.field--name-field-categoria-post.field--type-entity-reference.field--label-above .field__items,
.field.field--name-field-categoria-top.field--type-entity-reference.field--label-above .field__items
{
  display: flex;
  justify-content: space-around;
  flex-flow: wrap;
}
.field--name-field-categoria-snippet.field__items a,
.field.field--name-field-categoria-post.field--type-entity-reference.field--label-above .field__items a,
.field.field--name-field-categoria-top.field--type-entity-reference.field--label-above .field__items a {
  background: #2c5a89;
  padding: 5px 10px;
  border-radius: 25px;
  text-decoration: none;
  color: white;
}
.field--name-field-categoria-post .field__label,
.field--name-field-categoria-top .field__label {
  background: #126281;
  padding: 5px 10px;
  font-size: 1.3rem;
  margin-bottom: 20px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  margin-top: 10px;
  color: white;
}
.field--name-field-categoria-post,
.field--name-field-categoria-top {
  margin-bottom: 20px;
}
.view-snippets .node--type-snippet h2 a {
  color: #2c5a89;
  text-decoration: none;
}
.view-snippets .views-row,
.view-top-modules .views-row,
.view-blog .views-row{
  margin-bottom: 20px;
  border-bottom: 1px dotted;
  padding-bottom: 40px;
}
.view-snippets .view-filters,
.view-top-modules .view-filters,
.view-blog .view-filters  {
  background: #4d99c5;
  margin-top: 10px;
  padding: 10px 20px;
  font-size: 1rem;
  margin-bottom: 20px;
}
.view-snippets h2 {
  margin-bottom: 20px;
}
.view-snippets .js-form-type-select,
.view-top-modules .js-form-type-select,
.view-blog .js-form-type-select {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}
.view-snippets .js-form-type-select label,
.view-top-modules .js-form-type-select label,
.view-blog .js-form-type-select label {
  width: 240px;
  padding-top: 6px;
}

.blazy--view .card {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
#block-wct2023-page-title h1 {
  background: #195283;
  padding: 20px;
  margin-top: 10px;
  color: #d9f1f9;
}
pre, .field--name-field-codigo {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 20px;
  background: #ededed;
}

a.btn.btn-outline-inverse {
  border: 1px solid #29608f;
  border-radius: 25px;
  width: 50%;
}
a.btn.btn-outline-inverse:hover {
  background: #29608f;
  color: white;
}
.card-footer.text-align-center {
  background: none;
  padding: 20px;
}
.page-node-type-pagina-inicio .region-content {
  padding: 0;
}
/* Paginador vistas */
ul.js-pager__items.pager {
  text-align: center;
}
.pager__item .button {
  background: #29608f;
  color: white;
  border-radius: 25px;
  width: 250px;
}

/* Bloque Login Home */
#block-loginandregistrationformpopup {
  text-align: center;
  padding: 20px;
  background: #064c7e;
}
#block-loginandregistrationformpopup a {
  color: white;
  font-weight: bold;
}
#block-loginandregistrationformpopup h2 {
  color: #8f959d;
}
#createdby {
  color: #727a7e;
  font-size: 11px;
}

#block-landingmaker-powered {
  text-align: center;
}

/* CARDS VISTAS */
.card.clearfix {
  min-height: 310px;
  border: 3px solid #ededed;
  padding: 5px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 15px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  justify-items: center;
  text-align: center;
}
.card.clearfix .field--name-field-media-image img {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.field.field--name-name.field--type-string.field--label-hidden.field__item {
  font-weight: 600;
}
.card.clearfix .card-body {
  text-align: center;
}
.card.clearfix .card-body .field--name-field-category {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
}
.list-group {
  border: none!important;
}
.card.clearfix .card-body .field--name-field-category .field__item {
 padding: 3px;
}