/* Telefonos en vertical (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  #block-wct2023-branding a.site-title {
    font-size: 100%;
  }
  .user-logged-in .layout-paragraphs-component-form .extras-wrapper {
    margin-bottom: 10px;
  }
  .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);
  }
}

/* Telefonos en horizontal (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .user-logged-in .layout-paragraphs-component-form .extras-wrapper {
    margin-bottom: 10px;
  }
  .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);
  }
}

/* Tabletas y Ipod (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  /*!*.user-logged-in .layout-paragraphs-component-form .link-wrapper-full,*!*/
  /*!*.user-logged-in .layout-paragraphs-component-form .image-wrapper-full,*!*/
  /*!*.user-logged-in .layout-paragraphs-component-form .field--name-hbgimage,*!*/
  /*!*.user-logged-in .layout-paragraphs-component-form .title-wrapper-full,*!*/
  /*!*.user-logged-in .layout-paragraphs-component-form .subtitle-wrapper-full*!*/
  /*!*{*!*/
  /*!*  width: 49.5%;*!*/
  /*!*}*!*/
  /*.user-logged-in .hero-title-wrapper-full .field--name-heffects {*/
  /*  padding-top: 20px;*/
  /*}*/
}

/* Ordenadores y Laptops (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  header .container-fluid {
    max-width: 1200px;
    margin: auto!important;
  }
  .blazy--view .card-body {
    min-height: 100px;
  }

  /*.user-logged-in .layout-paragraphs-component-form .link-wrapper-full,*/
  /*.user-logged-in .layout-paragraphs-component-form .image-wrapper-full,*/
  /*.user-logged-in .layout-paragraphs-component-form .field--name-hbgimage,*/
  /*.user-logged-in .layout-paragraphs-component-form .title-wrapper-full,*/
  /*.user-logged-in .layout-paragraphs-component-form .subtitle-wrapper-full*/
  /*{*/
  /*  width: 49.5%;*/
  /*}*/
  /*.user-logged-in .hero-title-wrapper-full .field--name-heffects {*/
  /*  padding-top: 20px;*/
  /*}*/
}

/* Pantallas grandes (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  header .container-fluid {
    max-width: 1200px;
    margin: auto!important;
  }
  .blazy--view .card-body {
    min-height: 100px;
  }
  /*.user-logged-in .layout-paragraphs-component-form .link-wrapper-full,*/
  /*.user-logged-in .layout-paragraphs-component-form .image-wrapper-full,*/
  /*.user-logged-in .layout-paragraphs-component-form .field--name-hbgimage,*/
  /*.user-logged-in .layout-paragraphs-component-form .title-wrapper-full,*/
  /*.user-logged-in .layout-paragraphs-component-form .subtitle-wrapper-full*/
  /*{*/
  /*  width: 49.5%;*/
  /*}*/
  /*.user-logged-in .hero-title-wrapper-full .field--name-heffects {*/
  /*  padding-top: 20px;*/
  /*}*/

}

/* Mensaje Debes registrarte */
#block-debesiniciarsesionparaverelcontenido {
  padding: 20px;
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  margin-bottom: 40px;
}

/* 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;
}

.field--name-field-instrucciones .field__item,
.field--name-field-snippet-descripcion .field__item {
  padding: 40px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.field--name-field-instrucciones .field__item a,
.field--name-field-snippet-descripcion .field__item a {
  display: flex;
  flex-flow: wrap;
}


.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 {
  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: 100%;
}
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;
}
footer.mt-auto.footer-dark.text-light.bg-secondary {
  padding: 0;
  font-size: 12px;
}
#createdby {
  border-top: 1px solid #999999;
  padding: 10px;
  color: #333333;
}
#createdby a {
  color: #999999;
}
a.btn.btn-light {
  border-radius: 25px;
  padding: 5px 20px;
}

/* Barra Lateral */
.region.region-sidebar-first,
.region-sidebar-second {
  background: #7099b7;
  padding: 25px;
  height: 100%;
}

.region-sidebar-second a,
#block-views-block-snippet-relacionado-block-1 a {
  color: #080518;
  text-decoration: none;
  font-size: 20px;

}

.region-sidebar-second h4.field-content {
  border-bottom: 1px solid #ededed;
  padding: 20px 10px;
}

.region.region-sidebar-first .form-select, 
js-form-item form-item js-form-type-select form-type-select js-form-item-field-categoria-top-target-id form-item-field-categoria-top-target-id, 
.js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-keys.form-item-keys,
.js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-field-tipo-ce-value.form-item-field-tipo-ce-value {
  width:100%!important;
  max-width: 280px;
}
select#edit-field-categoria-top-target-id,
select#edit-field-categoria-post-target-id {
  width: 270px !important;
}

ul.js-pager__items.pager {
    padding: 0;
    margin-top: 20px;
}

#views-exposed-form-cursos-page-1 .button,
.region-sidebar-second .btn.btn-primary {
  border-radius: 25px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  margin-top: 40px;
  width: 100%;
}
.node--type-curso-expuesto.node--view-mode-teaser .card-body {
  min-height: 280px;
}

/* Pagina busqueda */
form#search-form {
  background: #0b91d3;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}

form#search-form #edit-basic {
  display: inline-flex;
  flex-flow: wrap;
  width: 80%;

}
form#search-form input#edit-submit {
  width: 100%;
  max-width: 250px;
  border-radius: 25px;
}
form#search-form .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys {
  display: inline-flex;
}
form#search-form label {
  width: 100%;
  padding-top: 8px;
}
.search-results {
  list-style: none;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 20px;
}

/* Snipet Relacionados */
#block-views-block-snippet-relacionado-block-1 {
  background: #ceddef;
  padding: 40px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  margin-top: 20px;
}

#block-views-block-snippet-relacionado-block-1 h2 {
    border-bottom: 2px solid #4b8293;
    padding-bottom: 20px;
    margin-bottom: 20px;
}