/* header */
.container-header {
  background-color: #ffffff;
  background-image: none;
  border-bottom: #a36666 solid 1px;
  max-height: 74px;
}
.container-header .mod-menu {
  color: #993333;
}
.container-header > div.container-nav {
  max-height: 74px;
  padding: 4px;
}
@media (width <= 991px) {
  .container-header .container-nav .container-search, .container-header .container-nav nav {
    margin-top: 0;
    height: 74px;
  }
  button.navbar-toggler {
    color: #993333 !important;
    border-color: #993333 !important;
    position: absolute;
    right: 10px;
  }
  nav.navbar {
    position: absolute;
    right: 0;
    top: 0;
  }
  .navbar-collapse {
    margin-top: 55px;
  }
  .container-header .mod-menu {
  color: #993333;
  background-color: #f4dddd;
  }
}
a {
  color: #993333;
  text-decoration: none !important;
}
a:hover {
  text-decoration: underline !important;
}
.container-component>:first-child {
  margin-top: 0;
  margin-bottom: -1em;
}
@media (width >= 1200px) {
    h3, .h3 {
        font-size: 1.25rem;
    }
}
h3, .h3 {
        font-size: 1.25rem;
}

/* kunena styles */
#kunena.layout {
  width: 99%;
}
small.flat-end > svg.bi.bi-compass , small.flat-end > span.ip {
  display: none;
}
ul.navbar-nav.mr-auto > li.nav-item {
  padding: 0 7px;
}

/* override content position */
.com-content-article.item-page {
  margin-top: -16px;
}
.site-grid {
  column-gap: 0 !important;
  overflow: hidden !important;
}

/* vcards */
.vc-header {
  height: 74px;
  margin: auto 47px;
  background-color: #ffffff;
}
.vc-header > img {
  max-height: 70px;
  width: auto;
}
@media (max-width: 674px) {
  .vc-header {
    text-align: center;
  }
}
.vc-intro {
  width: 101%;
  text-align: center;
  margin-left: -7px;
  padding: 47px 7px 7px 7px;
  background-color: #e4acac;
  font-size: 24px;
  color: #333333;
  border-top: #a36666 solid 1px;
}
.vc-targeta {
  width: 101%;
  height: 240px;
  margin-bottom: 124px;
  text-align: center;
  background-color: #e4acac;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  margin-left: -7px;
}
@media (max-width: 991px) {
  .vc-intro {
    width: 102%;
  }
  .vc-targeta {
    width: 102%;
  }
}
@media (max-width: 674px) {
  .vc-intro , .vc-targeta {
    width: 104%;
  }
}
.vc-postargeta {
  margin-top: -74px;
  position: relative;
  top: 74px;
}
div.vc-postargeta > .moduletable > .ari-image-slider-wrapper {
  top: 74px;
}
div.vc-postargeta > .moduletable > .ari-image-slider-wrapper > .ari-image-slider.nivoSlider {
  width: 85% !important;
  margin-left: auto;
  margin-right: auto;
}
div.vc-poscos {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 74px;
}
div.vc-posdades {
  width: fit-content;
  margin-left: auto;
  min-width: 247px;
}
@media (max-width: 964px) {
  div.vc-posdades {
    margin-right: auto;
  }
}
.vc-dades {
  margin: 10px auto;
  min-width: 50%;
  max-width: 470px;
  padding: 14px;
}
div#form_contactar > h2 {
  margin: 0;
  text-align: left;
  font-size: 24px;
  color: #333333;
  line-height: 32px;
}div.vc-wrap {
  display: flex;
  flex-wrap: wrap;
}
div.vc-foto {
  width: 47px;
  margin-top: 5px;
}
div.vc-titol {
  position: relative;
  margin-left: 4px;
}
div.vc-titol > h2 {
  margin: 0;
  text-align: left;
  font-size: 24px;
  color: #992222;
  line-height: 32px;
}
ul.vc-canals {
  margin-top: 10px;
  list-style: none;
}
ul.vc-canals > li::before {
  color: #477447;
  padding-right: 4px;
}
ul.vc-canals > li {
  padding: 2px;
}
ul.vc-canals > li > a > img,
ul.vc-canals > li > joomla-hidden-mail > a > img {
  width: 24px;
  height: 24px;
}
ul.vc-canals > li > a,
ul.vc-canals > li > joomla-hidden-mail > a {
  color: #a33333;
  text-decoration: none;
}
div.vc-dades_icos.dos {
  width: 48%;
  padding: 2px;
  margin: 0 2px;
  text-align: center;
}
div.vc-dades_icos.tres {
  width: 31%;
  padding: 2px;
  margin: 0 2px;
  text-align: center;
}
div.vc-dades_icos.quatre {
  width: 23%;
  padding: 2px;
  margin: 0 2px;
  text-align: center;
}
div.vc-dades_icos.cinc {
  width: 18%;
  padding: 2px;
  margin: 0 2px;
  text-align: center;
}
div.vc-dades_icos > img,
div.vc-dades_icos > a > img {
  width: 24px;
  height: 24px;
}
.vc-dades_icos > a > p {
  margin: 0;
}
.vc-dades_icos.vcard {
  background-color: #004700;
}
.vc-dades_icos.email {
  background-color: #477447;
}
.vc-dades_icos.www {
  background-color: #bed0be;
}
.vc-dades_icos.whatsapp {
  background-color: #25d366;
}
.vc-dades_icos.linkedin {
  background-color: #0e76a8;
}
.vc-dades_icos.line {
  background-color: #00b900;
}
.vc-dades_icos.telegram {
  background-color: #0088cc;
}
.vc-dades_icos.skype {
  background-color: #00aff0;
}
.vc-languageswitcher {
  position: absolute;
  right: 33px;
  top: 12px;
}
div.mod-jt-languageswitcher>div#select-container {
  border: 0;
  box-shadow: none;
}
.djslider-loader.djslider-loader-default {
  max-width: 400px;
}
.djslider.djslider-default.img-vcenter {
  /*-moz-box-shadow: 0px 0px 10px #333;-webkit-box-shadow: 0px 0px 10px #333;box-shadow: 0px 0px 10px #333;*/
  margin: 10px auto;
}
.prev-button.showOnHover,
.next-button.showOnHover {
  filter: sepia(100%);
}
@media (max-width: 767px) {
  .bd-tagstyles:not(.bd-custom-inputs) input[type="text"],
  .bd-tagstyles:not(.bd-custom-inputs) input[type="password"],
  .bd-tagstyles:not(.bd-custom-inputs) input[type="datetime"],
  .bd-tagstyles:not(.bd-custom-inputs) input[type="datetime-local"],
  .bd-tagstyles:not(.bd-custom-inputs) input[type="date"],
  .bd-tagstyles:not(.bd-custom-inputs) input[type="month"],
  .bd-tagstyles:not(.bd-custom-inputs) input[type="time"],
  .bd-tagstyles:not(.bd-custom-inputs) input[type="week"],
  .bd-tagstyles:not(.bd-custom-inputs) input[type="number"],
  .bd-tagstyles:not(.bd-custom-inputs) input[type="email"],
  .bd-tagstyles:not(.bd-custom-inputs) input[type="url"],
  .bd-tagstyles:not(.bd-custom-inputs) input[type="search"],
  .bd-tagstyles:not(.bd-custom-inputs) input[type="tel"],
  .bd-tagstyles:not(.bd-custom-inputs) input[type="color"],
  .bd-tagstyles:not(.bd-custom-inputs) textarea,
  .bd-tagstyles:not(.bd-custom-inputs) select,
  .bd-tagstyles:not(.bd-custom-inputs) .bd-form-input {
    width: auto;
  }
}
/* Event Booking */
.mod_eb_minicalendar_link > a,
a.mod_eb_minicalendar_link {
  color: #030!important;
  text-decoration: none !important;
}
.mod_eb_mincalendar_td_dayname {
  color: #007400;
}
.mod_eb_mincalendar_td_dayname .sunday {
  color: #740000;
}
.mod_eb_mincalendar_td_dayname .saturday {
  color: #007400;
}
td.mod_eb_mincalendar_today {
  color: #090;
  font-weight: 700;
}
td.mod_eb_mincalendar_no_event a,
td.mod_eb_mincalendar_not_today {
  color: #666666;
}
.mod_eb_mincalendar_no_event,
.mod_eb_mincalendar_not_today,
.mod_eb_mincalendar_td_dayname,
.mod_eb_mincalendar_today,
tbody#calendar_result > tr > td {
  cursor: default;
}
td.mod_eb_mincalendar_event a,
td.mod_eb_mincalendar_event a.eb_minical_link SPAN.saturday,
td.mod_eb_mincalendar_event a.eb_minical_link span.sunday {
  color: #007400 !important;
}
td.mod_eb_mincalendar_event > a:hover {
  color: #ffffff !important;
}
div.qrvcard {
  width: 48.5%;
  max-width: 440px;
  border: #993333 solid 1px;
  text-align: center;
  float: left;
  margin: 4px;
}
div.qrvcardvcf {
  width: 48.5%;
  max-width: 440px;
  border: #993333 solid 1px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 575px) {
  div.qrvcard , div.qrvcardvcf {
    width: 100%;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}
div.qrvcard > img , div.qrvcardvcf > img {
  min-width: 128px;
  max-width: 100%;
}
.com-content-article__body {
  padding: 7px;
}

/* GDocs float */
div.doc-main {
  width: 50%;
  float: left;
  margin-bottom: 7px;
}
@media (width <= 800px) {
  div.doc-main {
    width: 100%;
  }
}
div.doc-submain-img {
  width: 10%;
  max-width: 47px;
  float: left;
}
div.doc-submain-name {
  width: 90%;
  float: left;
}
p.doc-submain-filename {
  margin-bottom: 0;
  color: #993333;
}
p.doc-submain-description {
  margin-bottom: 0;
  color: #666666;
  font-size: 10pt;
  max-width: 381px;
}
div.doc-main.uno {
  width: 100%;
}
div.doc-main.uno > div.doc-submain-name > a > p.doc-submain-description {
  max-width: unset;
}
