/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
#enconstruccio {
  background-image: url('../../../../images/fons/FondoAdminBG.jpg');
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: cover;
  height: 100vh;
  background-position: 50% 0% !important;
}
@media only all and (max-width: 47.99rem) {
  #enconstruccio {
    margin-top: 0px;
    background-position: 50% 0% !important;
  }
}
.ec-01 {
  font-family: Italianno;
  font-size: 600%;
  font-weight: 400;
  text-align: left;
  background: rgba(0, 0, 0, 0);
  line-height: 1em;
  position: absolute;
  top: 5%;
  width: 100%;
  padding: 10px 0px 0px 5%;
}
@media only all and (max-width: 47.99rem) {
  .ec-01 {
    font-size: 335%;
    top: 0%;
  }
}
.ec-011 {
  font-size: 66%;
  font-weight: 400;
  margin-top: -40px;
}
@media only all and (max-width: 47.99rem) {
  .ec-011 {
    margin-top: -20px;
  }
}
.ec-02 {
  text-align: right;
  background: rgba(0, 0, 0, 0);
  font-family: Italianno;
  position: absolute;
  bottom: 0%;
  width: 100%;
}
.ec-022 {
  float: left;
  padding: 0px 0px 0px 5%;
}
.ec-023 {
  float: right;
  padding: 11px 5% 10px 0px;
}
@media only all and (max-width: 47.99rem) {
  .ec-023 {
    width: 120px;
  }
}
/* Imatges
.menu-bio #g-features {
  background-image: url(https://www.belengarciasoprano.com/images/web/BelenBio02.JPG);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: cover;
  height: 100vh; width: 50vh;
  background-position: bottom;
  @include breakpoint(desktop-range) {
    background-image: url(https://www.belengarciasoprano.com/images/fons/BelenGarcia_Fondo_03.jpg);
    background-position: 40%;
  }
  @include breakpoint(tablet-range) {
    background-image: url(https://www.belengarciasoprano.com/images/fons/BelenGarcia_Fondo_03.jpg);
    background-position: 31%;
  }
  @include breakpoint(large-mobile-range) {
    background-image: url(https://www.belengarciasoprano.com/images/fons/BelenGarcia_Fondo_03.jpg);
    background-position: 31%;
  }
  @include breakpoint(small-mobile-range) {
    background-image: url(https://www.belengarciasoprano.com/images/fons/BelenGarcia_Fondo_03web_mb.jpg);
    background-position: 31%;
  }
} */
@media only all and (max-width: 47.99rem) {
  .row {
    --bs-gutter-x: 0;
  }
}
body {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.7;
}
h1 {
  line-height: 1.2;
}
.titular h1 {
  font-size: 3.35rem;
  margin-bottom: 0px;
  text-align: center;
}
.button {
  font-family: Tenor sans;
  font-size: 0.9rem;
  box-shadow: 2px 2px 3px #554957;
  padding: 1.5rem 2.125rem;
  border-radius: 0px;
}
@media only all and (max-width: 30rem) {
  .button {
    font-size: 0.8rem;
    padding: 1rem 1.5rem;
  }
}
.g-social a {
  color: #ffffff;
}
.g-social a:hover {
  color: #faf4ef;
}
/* Menú */
.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
  font-weight: 300;
  font-size: 1.1rem;
  font-size: 110%;
  margin: 0 0px;
}
.g-main-nav .g-toplevel {
  margin-top: 0px;
}
#g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container {
  padding: 0.65rem;
}
#g-navigation {
  border-bottom: 1px solid #4d2d2e;
}
/* Pàgina inicial */
.linea02 {
  filter: drop-shadow(2px 2px 4px black);
}
.pagina-inicial .linea01 {
  text-align: center;
  filter: drop-shadow(2px 2px 4px black);
  margin: 20px 0px 30px 0px;
}
.pagina-inicial .linea01 img {
  width: 150px;
}
@media only all and (min-width: 65rem) {
  .pagina-inicial {
    width: 80%;
    margin: auto;
  }
  .pagina-inicial .linea01 img {
    width: 250px;
    margin: 20px 0px 40px 0px;
  }
}
.home-belen #g-navigation {
  background: transparent;
  color: #000000;
  border-bottom: none;
}
/*.home-belen .g-offcanvas-toggle {color: #8b0000;}*/
.g-offcanvas-toggle {
  top: 0.7rem;
  right: 1rem !important;
}
.home-belen #g-features {
  background: #ffffff;
  color: #000000;
}
/* Idiomes */
.idiomes {
  font-size: 80%;
  margin-top: 19px !important;
}
.idiomes div.mod-languages li {
  margin-right: 2px;
}
.idiomes div.mod-languages li a {
  color: #ffffff;
}
/* Imatge hero */
.imatge-hero {
  text-align: center;
  margin: -40px auto 0px;
}
@media only all and (max-width: 30rem) {
  .imatge-hero {
    margin: 0px auto 0px;
    width: 100%;
  }
}
@media only all and (min-width: 30.01rem) and (max-width: 47.99rem) {
  .imatge-hero {
    margin: -10px auto 0px;
    width: 50%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 64.99rem) {
  .imatge-hero {
    margin: -20px auto 0px;
    width: 50%;
  }
}
@media only all and (min-width: 65rem) and (max-width: 79.99rem) {
  .imatge-hero {
    margin: -20px auto 0px;
    width: 60%;
  }
}
/* logo */
.logo-belen {
  font-weight: 500;
  font-family: Tenor sans;
  color: #ffffff;
  font-size: 160%;
  margin: 2px 0px 0px 10px;
  /*font-size: 300%;  margin: 10% 25% 0 0; text-align: right;
  @media (orientation: portrait) {font-size: 160%; margin: 0% 0% 0 2%; text-align: left;} */
  /*  @include breakpoint (small-mobile-range) {font-size: 180%; margin: 0% 0% 0 2%; text-align: left;}
  @include breakpoint (large-mobile-range) {font-size: 180%; margin: 0% 0% 0 2%; text-align: left;}
  @include breakpoint (tablet-range) {font-size: 180%; margin: 0% 0% 0 2%; text-align: left;}
  @include breakpoint (desktop-range) {font-size: 216%; margin:13% 11% 0 0%; text-align: right;}*/
}
/* Imatges */
.home-belen #g-navigation {
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: cover;
  height: 100vh;
  background-position: 47% 20%;
}
@media (orientation: portrait) {
  .home-belen #g-navigation {
    background-image: url('https://www.belengarciasoprano.com/images/fons/BelenGarcia_Fondo_012.jpg');
  }
}
@media (orientation: landscape) {
  .home-belen #g-navigation {
    background-image: url('https://www.belengarciasoprano.com/images/fons/BelenGarcia_Fondo_011b.jpg');
  }
}
@media (orientation: landscape) {
  .home-belen #g-navigation .logo-belen {
    display: none;
  }
}
/*  @media (orientation: portrait) {
    background-image: url(https://www.belengarciasoprano.com/images/fons/BelenGarcia_Fondo_011.jpg);
    background-position: 43% 0%;
  }
  @media (orientation: landscape) {
    background-image: url(https://www.belengarciasoprano.com/images/fons/BelenGarcia_Fondo_011.jpg);
    background-position: 25% 20%;
  }
  @include breakpoint(desktop-range) {
    @media (orientation: portrait) {
      background-image: url(https://www.belengarciasoprano.com/images/fons/BelenGarcia_Fondo_012.jpg);
      background-position: 55% 20%;
    }
    @media (orientation: landscape) {
      background-image: url(https://www.belengarciasoprano.com/images/fons/BelenGarcia_Fondo_011.jpg);
      background-position: 25% 20%;
    }
  }
  @include breakpoint(tablet-range) {
    background-image: url(https://www.belengarciasoprano.com/images/fons/BelenGarcia_Fondo_012.jpg);
    background-position: 48% 20%;
  }
  @include breakpoint(large-mobile-range) {
    background-image: url(https://www.belengarciasoprano.com/images/fons/BelenGarcia_Fondo_012.jpg);
    background-position: 48% 20%;
  }
  @include breakpoint(small-mobile-range) {
    background-image: url(https://www.belengarciasoprano.com/images/fons/BelenGarcia_Fondo_012.jpg);
    background-position: 48% 20%;
  }
}*/
/* Agenda */
table, td, tr {
  border: none;
}
.agenda-portada table, .agenda-portada td, .agenda-portada tr {
  border: none;
}
.sc_bloc0 {
  margin-bottom: 20px;
}
.sc_bloc1 {
  background: #faf4ef;
  padding: 10px;
  border-top: 0px solid #8b0000;
}
.sc_bloc2 {
  background: #e8ddd6;
  padding: 10px;
}
.sc_bloc3 {
  padding: 10px;
  background: #e8ddd6;
}
.sc_data {
  color: #554957;
  font-weight: 300;
  font-size: 140%;
  letter-spacing: -0.05rem;
}
.sc_lloc {
  font-style: italic;
  font-size: 90%;
  color: #000000;
  margin-top: -10px;
}
.sc_titol {
  line-height: 1.3;
  color: #000000;
  text-transform: uppercase;
  font-size: 140%;
  font-weight: 400;
}
.sc_text {
  font-size: 90%;
  color: #000000;
}
.sc_link .button {
  padding: 1rem 1.125rem;
}
.jevbootstrap .mod_events_latest_date, .jevbootstrap .mod_events_latest_content {
  vertical-align: inherit;
}
/*# sourceMappingURL=custom_14.css.map */