/* ---------- Monserrat, Open Sans ---------- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

body,
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
p,
span,
a,
button {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  text-decoration: none;
}

h1 {
  font-size: 18px;
}

.navigation.menu--main a.nav-link {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: white;
}

.navigation.menu--main a.nav-link.is-active,
.navigation.menu--main a.nav-link:hover {
  font-weight: 700;
}

.navigation.menu--main .dropdown-menu {
  border-radius: 0;
  background-color: var(--blue);
}

.navigation.menu--main .dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
  padding: 0;
}

.navigation.menu--main .dropdown-menu li {
  margin: 0;
  padding: 0;
}

.navigation.menu--main .dropdown-menu li a {
  padding: 5px 0;
}

.navigation.menu--main .dropdown-menu li *,
.navigation.menu--main .dropdown-menu li:hover *,
.navigation.menu--main .dropdown-menu li:active * {
  color: #fff;
  width: 100%;
  display: block;
  text-align: center;
}

.navigation.menu--main .dropdown-menu li:active,
.navigation.menu--main .dropdown-menu li:hover {
  background-color: #000;
}

.navigation.menu--main .dropdown-menu li a .navbar-brand span,
.site-name-slogan {
  font-weight: 600;
  font-size: 24px;
}

.navbar-brand span {
  line-height: initial;
}

p,
span {
  font-size: 18px;
  letter-spacing: 0px;
  text-align: justified;
}

/* CABECERA */
.search-block-form a,
.search-block-form button,
.search-block-form label,
#block-theme-puertodelacruz-account-menu a,
.dropdown-language-item.dropbutton a,
.dropdown-language-item.dropbutton span,
.dropdown-language-item .dropbutton-toggle,
.dropdown-language-item li.dropbutton-toggle button {
  font-size: 13px;
  color: #fff;
}

.block-search.block-search-form-block fieldset,
.block-search.block-search-form-block button,
.block-search.block-search-form-block .search-block-form input {
  background-color: transparent !important;
  border: 0;
  border-bottom: 1px solid #fff;
  color: #fff;
  border-radius: 0;
}

.block-search.block-search-form-block .search-block-form input {
  border-bottom: 0;
}

.block-search.block-search-form-block button {
  display: none
}

.js .dropdown-language-item.dropbutton,
.js .dropdown-language-item.dropbutton>*,
.js .dropdown-language-item li.dropbutton-toggle button {
  background-color: #000;
  background-image: none;
}

.js .block-dropdown-language {
  margin-top: 14px;
}

.js .block-dropdown-language .dropbutton-multiple .dropbutton-widget {
  padding-right: 20px;
  border-radius: 0;
}

.js .block-dropdown-language .dropbutton .dropbutton-action,
.js .block-dropdown-language .dropbutton a,
.js .block-dropdown-language .dropbutton .dropbutton-action:hover,
.js .block-dropdown-language .dropbutton a:hover {
  color: #fff;
}

.js .block-dropdown-language .dropbutton .dropbutton-action:hover,
.js .block-dropdown-language .dropbutton a:hover {
  background: #1A3763;
}

.navigation.menu--account a {
  border-bottom: 1px solid #fff;
  color: #fff !important;
  margin-top: 7px;
  margin-right: 10px;
  padding-left: 25px;
}

.menu--account .nav-link--user,
.menu--account .nav-link--user-logout,
.menu--account .nav-link--user-login,
.menu--account .nav-link--en-user,
.menu--account .nav-link--en-user-logout,
.menu--account .nav-link--en-user-login,
.menu--account .nav-link--de-user,
.menu--account .nav-link--de-user-logout,
.menu--account .nav-link--de-user-login,
.block-search.block-search-form-block input {
  background-position: left;
  background-repeat: no-repeat;
}

.block-search.block-search-form-block input {
  padding-left: 25px;
  background-image: url(../images/custom/search.png);
}

.menu--account .nav-link--user,
.menu--account .nav-link--user-login,
.menu--account .nav-link--en-user,
.menu--account .nav-link--en-user-login,
.menu--account .nav-link--de-user,
.menu--account .nav-link--de-user-login {
  background-image: url(../images/custom/user.png);
}

.menu--account .nav-link--user-logout,
.menu--account .nav-link--en-user-logout,
.menu--account .nav-link--de-user-logout {
  background-image: url(../images/custom/logout.svg);
  background-size: 20px;
}

/* IMAGENES FRONTAL */
#header::after,
.featured-bottom::after,
#main-wrapper::after {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: block;
}

.featured-bottom a {
  color: #fff
}

#header::after {
  background-image: url(../images/custom/cabeceratop.png) !important;
  background-position: top;
  height: 82px;
  content: "";
}

.featured-bottom::after {
  background-image: url(../images/custom/black_bottom.png) !important;
  background-position: top;
  height: 20px;
  content: "";
}

#main-wrapper::after {
  background-image: url(../images/custom/blue_bottom.svg);
  background-size: cover;
  height: 35px;
  margin-bottom: -5px;
}

.featured-bottom {
  background-color: var(--blue);
}

.site-footer {
  background-color: var(--black) !important;
}

h1.title.front-page {
  font-size: 48px;
}

h1.title.front-page span {
  font-size: 90px;
}

.field--name-field-block-list-of-images.field--type-image img {
  max-width: 100%;
  height: auto;
}

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

  #header::after,
  .featured-bottom::after,
  #main-wrapper::after {
    background-size: cover;
    background-position: bottom;
  }
}

@media screen and (max-width:767px) {
  .navigation.menu--main li.nav-item {
    text-align: left;
    width: 100%;
  }

  h1.title.front-page,
  h1.title.front-page span {
    font-size: 24px;
  }

  .block-search.block-search-form-block button {
    display: block;
    border: 1px solid;
  }
}

p#node-main-image img {
  margin-top: -90px;
  mix-blend-mode: multiply;
}

/* CAROUSEL */
.carousel-container .col-lg-4 img {
  height: 200px;
  width: auto;
}

.carousel-container .col-md-4 img {
  height: 150px;
  width: fit-content;
}

.carousel-container .col-12 img {
  width: 100%;
  height: auto;
}

.carousel-container .carousel-control-prev,
.carousel-container .carousel-control-next {
  width: 0px;
}

/* VIEWS */
.view .view-content p a {
  color: inherit;
  font-weight: inherit;
}

/* company backgrounds */

.bg-audio,
.bg-book,
.bg-video,
.bg-image {
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
}



.bg-audio {
  background-image: url(../images/custom/bg_audio.jpg);
}

.bg-book {
  background-image: url(../images/custom/bg_book.png);
}

.bg-video {
  background-image: url(../images/custom/bg_video.png);
}

.bg-image {
  background-image: url(../images/custom/bg_image.png);
}

.bg-drop-down {
  background-image: url(../images/icons/drop-down.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 99%;
}

.bg-drop-up {
  background-image: url(../images/icons/drop-up.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 99%;
}

.bg-audio a,
.bg-book a {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: white;
  padding: 10px;
  opacity: 0.7;
  font-weight: bold;
  color: #1A3763;
}

.view-mapa-de-empresas .geolocation-map-wrapper {
  height: 400px;
  display: contents;
}

.view-mapa-de-empresas .geolocation-map-wrapper .geolocation-map-container {
  margin: 0 15px;
}

#edit-field-company-area-target-id--wrapper .custom-switch {
  float: left;
  width: 267px;
}

/* TRANSFORM IN IMAGES */
#block-blockfrontlink img.image-style-image-16-9:hover,
.view-content.row .row.border.border-dark.p-0.m-0.ml-3.mr-3.mb-3 .img-fluid:hover,
.view-listado-de-empresas .img-fluid:hover,
.page-view-eventos .img-fluid:hover,
.page-view-encuestas .content-img_blog.img-encuesta .img-fluid:hover,
.view-blog-view .img-fluid:hover,
.user-logged-in.path-user img.img-fluid:hover {
  transform: scale(1.5);
  transition-duration: 2s;
}

#block-blockfrontlink .field--type-image,
.col-12.col-md-4.p-0.border.border-dark.border-bottom-0.border-left-0.border-top-0,
.view-listado-de-empresas .col-6.p-0.border.border-dark,
.view-listado-de-empresas.col-12.p-0.border.border-dark,
.page-view-eventos .view-eventos .col-12.p-0.col-md-3.pt-3.pt-md-0,
.page-view-encuestas .content-img_blog.img-encuesta,
.view-blog-view .content-img_blog,
.user-logged-in.path-user .border.border-dark.p-0 {
  overflow: hidden;
}

.color-blue {
  color: var(--blue);
}

.color-black {
  color: var(--black);
}

.page-view-video-helps .view-content.row h3 {
  margin-top: 20px;
  font-weight: bold;
}