/******************
  * 
  * HEADER
  * 
  * **************/

#navbar {
  background: linear-gradient(260.15deg, #1A511E 0, #A6C624 100%);
  border: 0;
  position: fixed;
  max-width: 100%;
  width: 100%;
  top: 0px;
  padding: 15px 0;
  margin: 0;
  border-radius: 0;
  z-index: 2;
  transition: all .20s ease-out;
}

#navbar.sticky {
  padding: 8px 0;
  box-shadow: 0px 0px 5px var(--gris-fondo);
}

#navbar a.logo {
  width: 250px;
}

#navbar a.logo img {
  max-width: 180px;
  transition: all .20s ease-out;
}

#navbar img.som {
  position: absolute;
  left: 250px;
  top: 3px;
  transition: all .20s ease-out;
}

#navbar.sticky img.som {
  left: 215px;
  top: 1px;
  height: 40px;
}

#navbar.sticky a.logo img {
  max-width: 130px;
  margin-top: 0px;
}

#navbar #fem {
  max-width: 180px;
  margin: 15px 0 0 10px;
}

#navbar .navbar-header {
  width: 100%;
  position: relative;
}

div.gin-secondary-toolbar {
  position: fixed;
  width: 96%;
}

body.toolbar-fixed #main-container {
  margin-top: 160px;
}

html[style*="--drupal-displace-offset-top: 39px"] #navbar,
html[style*="--drupal-displace-offset-top: 39px"] .menu-toggler {
  top: 39px;
}

html[style*="--drupal-displace-offset-top: 53px"] #navbar,
html[style*="--drupal-displace-offset-top: 53px"] .menu-toggler {
  top: 53px;
}

html[style*="--drupal-displace-offset-top: 63px"] #navbar,
html[style*="--drupal-displace-offset-top: 63px"] .menu-toggler {
  top: 63px;
}

html[style*="--drupal-displace-offset-top: 78px"] #navbar,
html[style*="--drupal-displace-offset-top: 78px"] .menu-toggler {
  top: 78px;
}

body.toolbar-fixed .input-toggler:checked~.menu-toggler .menu-toggler-line {
  background-color: var(--gris);
}

.region-navigation{
  display: flex;
  height: 100%;
  align-items: center;
}

.select-wrapper:after {
  z-index: 1 !important;
}


.navbar-header nav.menu-femecv-superior #menu-container ul li span {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.navbar-header nav.menu-femecv-superior #menu-container ul li span:hover {
  cursor: pointer;
}

.navbar-header nav.menu-femecv-superior #menu-container ul li a:hover,
.navbar-header nav.menu-femecv-superior #menu-container ul li a:focus {
  text-decoration: none;
}

.navbar-header nav.menu-femecv-superior #menu-container ul>li.expanded.desplegado ul li a:after,
.navbar-header nav.menu-femecv-superior #menu-container ul>li.expanded.desplegado ul li span:after {
  transform: scaleX(0);
}

.navbar-header nav.menu-femecv-superior #menu-container ul>li.expanded.desplegado ul li a:hover,
.navbar-header nav.menu-femecv-superior #menu-container ul>li.expanded.desplegado ul li span:hover {
  color: var(--verde);
}

.navbar-header nav.menu-femecv-superior #menu-container ul li.expanded ul li.expanded ul {
  margin-left: 0;
}

.navbar-header nav.menu-femecv-superior #menu-container ul li.expanded ul li.expanded ul li {
  font-size: 1em;
  text-transform: none;
  font-family: var(--font-normal);
}

/******************
  * 
  * MENÚ LATERAL
  * 
  * **************/

.well {
  min-height: 20px;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #FFF;
  border: 0;
  border-radius: 6px;
  box-shadow: rgb(38 26 25 / 4%) 0px 1.51px 5.3px, rgb(38 26 25 / 5%) 0px 3.03px 4.54px;
}


h2#block-menuprincipales-menu {
  color: var(--blanco);
  background-color: var(--verde);
  margin-top: -20px;
  border-radius: 6px 6px 0 0;
  font-size: 20px;
  padding: 10px 20px;
  text-align: center;
}

h2#block-menuprincipales-menu .menu-sec {
  display: none;
}

span.navbar-text {
  padding: 0;
  margin: 0;
}


.ui-widget-content .ui-state-active {
  background-color: none;
  border: 0;
  color: var(--gris);
}

/**
  *
  * RESPONSIVE
  * 
  */ 

@media only screen and (max-width: 768px) {
  #navbar {
    padding: 0 !important;
    max-width: 100% !important;
    height: 80px;
  }

  #navbar a.logo {
    padding: 0;
    width: 150px;
  }

  #navbar a.logo img {
    width: 100%;
  }

  #block-femecv-main-menu {
    min-height: 100vh;
    height: 100%;
    max-height: 100%;
    margin-top: 0;
    width: 100%;
    margin-left: 15px !important;
  }

  #navbar img.som {
    display: none;
  }

  #block-femecv-main-menu #menu-container #logo-menu {
    padding-left: 60px;
    max-width: 200px;
  }

  .view .view-content {
    justify-content: space-around;
  }


  #block-alternadordeidioma {
    position: absolute;
    right: 60px;
    top: 27px;
  }

  header.sticky a.logo,
  header.sticky #block-alternadordeidioma,
  header.sticky i.abridor {
    display: none;
  }

  #navbar.sticky {
    background: none;
    box-shadow: none;
  }

  #navbar.sticky .menu-toggler {
    background-color: var(--verde);
    height: 50px;
    width: 50px;
    border-radius: 100px;
    margin: 16px 32px;
    border: 2px solid var(--verde);
  }

  body.abierto #navbar.sticky .menu-toggler {
    background: none;
    border: 0;
  }

  #navbar.sticky .menu-toggler .menu-toggler-line {
    width: 60%;
  }

  #block-femecv-main-menu #menu-container {
    width: 100%;
    min-height: 100vh;
    height: 100%;
    max-height: 100%;
    overflow-y: scroll;
    padding-left: 10px;
    padding-right: 0;
  }

  #block-dropdownlanguage.block {
    top: 20px;

  }

  #block-dropdownlanguage.block {
    top: 20px;

  }

  /***********
  * 
  * CONTENT
  * 
  * ***************/

  .breadcrumb>li+li:before {
    padding: 0 2px;
  }

  .breadcrumb>li {
    display: inline;
  }

  section.banners {
    min-height: 100px;
  }

  .page-node-type-pagina .main-container .region-content,
  .page-node-type-pagina #principal,
  .page-node-type-noticias .main-container .region-content,
  .page-node-type-noticias #principal {
    background: none;
  }

  .page-node-type-pagina .main-container .region-content article {
    background: var(--blanco);
    margin: -30px -30px 0 -30px;
    width: calc(100% + 60px);
    max-width: none;
    padding: 0 30px;
    border-radius: 0 0 20px 20px;
  }

  .page-node-type-noticias .ds-2col-stacked .group-left {
    background: var(--blanco);
    margin: 0px 30px 0 00px;
    width: 100%;
    padding: 30px 30px;
    max-width: none;
    border-radius: 0 0 20px 20px;
  }

  .page-node-type-noticias .ds-2col-stacked .group-right {
    display: none;
  }

  #principal .col-sm-9 {
    padding: 0;
  }

  #principal>aside.col-sm-3 {
    margin-top: 00px !important;
    z-index: 1;
    width: 100%;
    padding: 0;
    background: none;
  }

  #principal>aside.col-sm-3 .well {
    border-radius: 20px 20px 0 0;
    padding-bottom: 0;
    box-shadow: none;
    background: none;
  }

  #principal .menu-femecv-superior {
    border-radius: 20px;
  }

  #principal h2#block-menuprincipales-menu {
    border-radius: 20px;
    text-align: left;
    font-weight: normal;
    font-size: 1.1em;
  }

  #principal h2#block-menuprincipales-menu span {
    color: var(--negro);
  }

  #principal h2#block-menuprincipales-menu span.menu-sec {
    display: block;
    float: right;
    color: var(--negro);
    font-size: 1.2em;
  }

  #principal .region-sidebar-second nav.menu-femecv-superior ul.menu-parent {
    display: none;
    margin: 0px 0 0 0;
    padding-top: 20px;
    padding-bottom: 20px;
    background: var(--blanco);
    border-radius: 20px;
  }

  .banner-izq {
    width: 100%;
    margin: 15px;
  }

  .banner-der {
    width: 100%;
    margin: 0 15px 0 15px;
  }

  .banner-izq h6,
  .banner-der h6 {
    font-size: 2em;
  }

  #fem {
    display: none;
  }

  .view-destacado-portada .views-row {
    flex: 100%;
  }

  #block-views-block-destacado-portada-block-1 {
    padding: 20px 0;
  }

  #block-views-block-destacado-portada-block-1 .form-group .view-content .views-row a,
  #block-views-block-destacado-portada-block-1 .form-group .view-content .views-row span {
    font-size: .9em;
    height: 130px;
    padding: 10px 0;
  }

  #block-views-block-actualidad-noticias-block-1 {
    margin-top: 0px;
  }

  .node--type-noticias div.group-header .field--name-field-fotos-noticia-media {
    width: 100%;
    max-width: 100%;
    margin: 0 0 30px 0;
  }

  .node--type-noticias div.group-header .field--name-field-fotos-noticia-media img {
    border-radius: 30px 30px 0 0;
  }

  .node--type-noticias div.group-header h1 {
    font-size: 2em;
  }

  .path-frontpage .block h2.block-title,
  .cifras .field--name-field-titular-centrado {
    margin-bottom: 30px;
    font-size: 2em !important;
  }

  .shortcuts .form-group .views-field-title span a {
    font-size: 16px;
    padding: 4px 0px;
  }

  .navbar {
    border: 0px;
  }

  .menu-toggler {
    height: 80px;
    width: 76px;
  }

  #block-dropdownlanguage {
    top: 8px;

  }

  #block-dropdownlanguage .btn {
    font-size: 12px;
  }

  #block-enlacessuperiorderecha {
    display: none;
  }

  .abierto #block-enlacessuperiorderecha {
    display: block;
    z-index: 99;
    top: 12px;
    width: 100px;
    right: 40px;
    margin: 0;
    padding: 0;
    text-align: center;
  }

  #block-enlacessuperiorderecha .field--name-body ul li,
  #block-enlacessuperiorderecha .field--name-body ul li a {
    color: var(--blanco);
    margin: 0;
    padding: 5px 10px;
    font-size: .95em;
  }

  #block-enlacessuperiorderecha .field--name-body ul li {
    margin: 5px 10px 0 0;
  }

  .main-container {
    padding: 0 2% 30px 3%;
  }

  .path-frontpage .main-container {
    padding: 0 0 30px 0;
  }

  .view-actualidad-noticias {
    flex-direction: column;
  }

  #block-procesoelectoral2022 {
    padding: 16px;
  }

  .mid-banner-wrapcontent {
    flex-direction: column;

  }

  .mid-banner-right {
    padding: 24px 8px;
  }

  .mid-banner-titulo {
    line-height: 1.1;
    margin-bottom: 8px;
  }

  .mid-banner-right p {
    margin: 16px 0px;
    text-align: justify;
    font-size: 16px;
  }

  .view-vocalias .view-content {
    gap: 0;
    justify-content: center;
    padding: 0;
    margin: 0;
  }

  #block-views-block-vocalias-block-1 .views-row {
    max-width: 120px;
    padding: 0;
    margin: 0 5px 20px 5px;
    font-size: .8em;
    line-height: 1.2em;
  }

  #block-views-block-vocalias-block-1 .views-row div {
    width: 100%;
  }


  #block-views-block-vocalias-block-1 .views-row div img {
    max-width: 90px;
    height: auto;
    margin: 0 auto;
  }

  #block-views-block-vocalias-block-1 .views-row div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .view-vocalias .view-content .views-row {
    margin: 25px;
  }

  .titulo-vocalia {
    font-size: 26px;
    align-content: center;
    max-width: 100%;
    text-align: center;
    margin: 32px 0px 8px 0px;
    line-height: 1.1;
  }

  .cifras .field--name-field-titular-centrado {
    font-size: 36px;
  }

  .icocifras {
    flex-direction: column;
  }

  .icocifras div {
    padding: 12% 2%;
  }

  .video-content iframe {
    width: 100%;
    height: auto;
  }

  .cifras {
    min-height: fit-content;
  }



  .sedes-line {
    flex-direction: column;
  }

  .view-actualidad-noticias>.view-content,
  .view-actualidad-noticias .attachment,
  .view-actualidad-noticias.view-id-actualidad_noticias .view-content div.foto-noticia {
    width: 100%;
    text-align: center;

  }

  .view-actualidad-noticias.view-id-actualidad_noticias .view-content div.foto-noticia {
    padding: 0 5%;
  }

  .view-actualidad-noticias .attachment .view-content .views-row {
    height: 220px !important;
  }

  .view-actualidad-noticias .attachment .view-id-actualidad_noticias.view-display-id-attachment_1 .foto-noticia {
    text-align: center;
    width: 100%;
    padding: 0 20px;
  }

  #block-views-block-calendario-block-1 {
    padding: 20px 20px 40px 20px;
  }

  #block-views-block-calendario-block-1 .col-sm-6 {
    padding: 20px 00px 0 00px;
  }

  .view-vocalias .view-content .views-row {
    flex: 1;
  }

  #block-licencias2023 .mid-banner-left {
    width: 100%;
    text-align: center;
  }

  .cifras .field--name-field-titular-centrado {
    text-align: center;
  }

  .view-actualidad-por-areas .view-content .views-view-grid .col-md-4 {
    padding-bottom: 30px;
  }

  .calendario-grid {
    max-width: 90%;
    margin: 0 auto;
  }

  .calendario-grid .event-content {
    min-height: auto;
  }


  .calendario-grid .view-content {
    justify-content: space-around;
  }

  #counter .icocifras {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 30px 40px;

  }

  #counter .icocifras div p {
    font-size: 18px;
  }

  #counter .icocifras .col-md-3 {
    width: 110px;
    padding: 0 20px !important;
  }

  #counter .icocifras .col-md-3 p * {
    max-width: 150px;
    max-height: 150px;
    margin: 0 0 50px 0;
  }


  .page-node-type-refugio .layout__region--second,
  .page-node-type-rocodromo .layout__region--second,
  .page-node-type-zona_de_escalada .layout__region--second,
  .page-node-type-agenda .layout__region--second,
  .page-node-type-descuentos_femecv .layout__region--second,
  .page-node-type-club .layout__region--second,
  .page-node-type-transparencia .layout__region--second,
  .page-node-type-miembro_junta_directiva_o_centro .layout__region--second {
    padding: 0;
    background: none;
  }

  .layout--twocol {
    background: var(--blanco);
    border-radius: 20px;
    padding-bottom: 30px;
  }

  #youtubechannel-player,
  #youtubechannel-list {
    max-width: 90%;
  }

  #youtubechannel-frame {
    max-width: 100%;
  }

  #youtubechannel-list ul {
    display: flex;
    justify-content: center;
  }

  .col-sm-6.bs-region--left {
    width: 100%;
  }

  .col-sm-6.bs-region--right {
    width: 100%;
  }

  body.path-product article.productos,
  body.path-product article.contextual-region {
    padding-top: 16px;
    display: block;
  }

  .navbar-header nav.menu-femecv-superior #menu-container {
    width: 100%;
    z-index: 999;
    position: absolute;
  }

  #right-prod .field.field--name-field-fecha-y-hora-de-finalizaci {
    font-size: 1em;
    padding: 4px 16px;
    width: 100%;
    border-radius: 10px;
    margin: -52px 0 0 0;
  }

  .grid-femecv .views-col {
    width: 45% !important;
  }

  #enlace-login p {
    text-align: center;
  }
}

@media screen and (max-width: 600px) {
  .field.field.field--name-field-descripcion-precio,
  .field.field.field--name-field-detalles-precio     {
      margin: 16px 0 36px 0;
  }
}