/*
 * VC Guesthouse - Seagull visual compatibility layer for Joomla 6 / Shaper Resort.
 * Source template: itl_seagull, Joomla 3.
 * Keep this file visual-only. Do not copy Joomla 3 PHP overrides into Joomla 6.
 */

@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Domine:400,700|Playball&display=swap");


@font-face {
  font-family: "Pe-icon-7-stroke";
  src: url("/vcguesthouse/templates/shaper_resort/fonts/Pe-icon-7-stroke.eot");
  src: url("/vcguesthouse/templates/shaper_resort/fonts/Pe-icon-7-stroke.eot?#iefix") format("embedded-opentype"),
       url("/vcguesthouse/templates/shaper_resort/fonts/Pe-icon-7-stroke.woff") format("woff"),
       url("/vcguesthouse/templates/shaper_resort/fonts/Pe-icon-7-stroke.ttf") format("truetype"),
       url("/vcguesthouse/templates/shaper_resort/fonts/Pe-icon-7-stroke.svg#Pe-icon-7-stroke") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.pe-7s-mail-open,
.pe-7s-map-marker,
.pe-7s-credit,
.pe-7s-call {
  font-family: "Pe-icon-7-stroke" !important;
  speak: none;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pe-7s-mail-open:before { content: "\e639"; }
.pe-7s-map-marker:before { content: "\e638"; }
.pe-7s-credit:before { content: "\e68a"; }
.pe-7s-call:before { content: "\e670"; }
:root {
  --vcg-gold: #bfa672;
  --vcg-dark: #24252a;
  --vcg-blue: #093253;
  --vcg-muted: #616161;
  --vcg-light: #ededed;
}

/* Base typography from Seagull */
body,
.sp-page-builder,
.sp-page-builder .page-content,
.sppb-addon,
.sppb-addon-content,
.sppb-addon-text,
p,
li,
input,
textarea,
select,
button {
  font-family: "Open Sans", Arial, sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.sppb-addon-title,
.sppb-title-heading,
.sppb-feature-box-title,
.sppb-media-heading {
  font-family: "Domine", Georgia, Times, serif !important;
  font-weight: 400;
}

.sppb-title-subheading,
.seagull-tab2 .sppb-title-subheading,
.seagull-c2a .sppb-cta-subtitle,
.seagull-c2a2 .sppb-addon-call-title,
.rooms-suits .sppb-cta-subtitle {
  font-family: "Playball", cursive !important;
  font-weight: 400 !important;
}

.sppb-btn,
.btn,
button,
input[type="submit"] {
  font-family: "Open Sans", Arial, sans-serif !important;
  font-weight: 700;
}

/* Home - At Your Service tabs */
.corp-tabs .sppb-addon-tab ul.sppb-nav-tabs {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.corp-tabs .sppb-addon-tab ul.sppb-nav-tabs > li {
  width: 180px !important;
  margin: 0 !important;
  border: 0 !important;
}

.corp-tabs .sppb-addon-tab ul.sppb-nav-tabs > li > a {
  display: block !important;
  min-height: 105px !important;
  padding: 20px !important;
  background: var(--vcg-light) !important;
  color: var(--vcg-dark) !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-family: "Domine", Georgia, Times, serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 18px !important;
  text-align: center !important;
  text-decoration: none !important;
}

.corp-tabs .sppb-addon-tab ul.sppb-nav-tabs > li > a i {
  display: block !important;
  margin-bottom: 20px !important;
  color: var(--vcg-blue) !important;
  font-size: 24px !important;
}

.corp-tabs .sppb-addon-tab ul.sppb-nav-tabs > li.active > a,
.corp-tabs .sppb-addon-tab ul.sppb-nav-tabs > li > a:hover {
  background: #ffffff !important;
  color: var(--vcg-dark) !important;
}

.corp-tabs .sppb-tab-content {
  display: block !important;
  margin-top: 5px !important;
  padding: 0 !important;
  background: #ffffff !important;
}

.corp-tabs .sppb-tab-pane {
  padding: 50px 40px !important;
}

.corp-tabs .sppb-tab-pane .content {
  display: flex !important;
  align-items: flex-start !important;
  gap: 35px !important;
}

.corp-tabs .single-tab-image {
  flex: 0 0 42% !important;
}

.corp-tabs .single-tab-image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

.corp-tabs .single-tab-details {
  flex: 1 !important;
}

.corp-tabs .single-tab-details > h6 {
  margin: 15px 0 !important;
  color: var(--vcg-dark) !important;
  font-family: "Domine", Georgia, Times, serif !important;
  font-size: 18px !important;
}

.corp-tabs .single-tab-details > h3 {
  margin-bottom: 25px !important;
  color: var(--vcg-dark) !important;
  font-family: "Domine", Georgia, Times, serif !important;
}

.corp-tabs .single-tab-details > p {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  color: var(--vcg-muted) !important;
  line-height: 25px !important;
}

/* Home - Local Attractions tabs */
.seagull-tab2 {
  padding-top: 115px !important;
  padding-bottom: 90px !important;
  color: #ffffff !important;
  background-image: url("/vcguesthouse/images/backgrounds/bg2.jpg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  background-position: 50% 50% !important;
}

.seagull-tab2 .sppb-title-heading {
  color: #ffffff !important;
  font-size: 20px !important;
  line-height: 20px !important;
  font-weight: 600 !important;
  margin-bottom: 25px !important;
}

.seagull-tab2 .sppb-title-subheading {
  color: #ffffff !important;
  font-family: "Playball", cursive !important;
  font-size: 50px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
}

.seagull-tabs > .sppb-addon-content > ul.sppb-nav-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  padding: 10px 20px !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
}

.seagull-tabs > .sppb-addon-content > ul.sppb-nav-tabs > li > a {
  display: block !important;
  padding: 0 20px !important;
  color: #ffffff !important;
  border: 1px solid #dddddd !important;
  background: transparent !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 60px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.seagull-tabs > .sppb-addon-content > ul.sppb-nav-tabs > li.active > a,
.seagull-tabs > .sppb-addon-content > ul.sppb-nav-tabs > li > a:hover {
  color: var(--vcg-gold) !important;
  border-color: #ffffff !important;
  background: transparent !important;
}

.seagull-tabs .sppb-tab-content {
  margin-top: 38px !important;
  padding: 30px !important;
  background: transparent !important;
}

.seagull-tabs .sppb-tab-pane,
.seagull-tabs .sppb-tab-pane .sppb-section {
  padding: 0 !important;
  background: transparent !important;
}

.seagull-tabs .sppb-tab-pane .row {
  display: flex !important;
  flex-wrap: wrap !important;
}

.seagull-tabs .sppb-tab-pane .col-sm-3 {
  position: relative !important;
  display: block !important;
  flex: 0 0 25% !important;
  max-width: 25% !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.seagull-tabs .sppb-tab-pane .line {
  position: absolute !important;
  top: -3px !important;
  left: 15px !important;
  width: 100% !important;
  height: 3px !important;
  background: rgba(191, 166, 114, 0.5) !important;
}

.seagull-tabs .sppb-tab-pane .col-sm-3:before {
  position: absolute !important;
  top: -7px !important;
  left: 14px !important;
  width: 11px !important;
  height: 11px !important;
  content: "" !important;
  border-radius: 50% !important;
  background: #ffffff !important;
}

.seagull-tabs .sppb-tab-pane .col-sm-3:after {
  position: absolute !important;
  top: -13px !important;
  left: 9px !important;
  width: 22px !important;
  height: 22px !important;
  content: "" !important;
  border: 1px solid var(--vcg-gold) !important;
  border-radius: 50% !important;
  background: transparent !important;
}

.seagull-tabs .sppb-tab-pane .col-sm-3:last-child .line {
  display: none !important;
}

.seagull-tabs .time {
  margin-top: 43px !important;
  margin-bottom: 20px !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

.seagull-tabs .info p.game-name {
  margin-bottom: 20px !important;
  color: var(--vcg-gold) !important;
  font-weight: 600 !important;
  letter-spacing: 0.7px !important;
}

.seagull-tabs .info p {
  margin-bottom: 15px !important;
  color: #ffffff !important;
  letter-spacing: 0.9px !important;
}

@media (max-width: 767px) {
  .corp-tabs .sppb-tab-pane,
  .seagull-tabs .sppb-tab-content {
    padding: 30px 20px !important;
  }

  .corp-tabs .sppb-tab-pane .content {
    display: block !important;
  }

  .corp-tabs .single-tab-image {
    margin-bottom: 25px !important;
  }

  .seagull-tab2 {
    padding-top: 70px !important;
    padding-bottom: 50px !important;
    background-attachment: scroll !important;
  }

  .seagull-tab2 .sppb-title-subheading {
    font-size: 36px !important;
  }

  .seagull-tabs .sppb-tab-pane .col-sm-3 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 45px !important;
  }
}

/* Footer contact boxes - Email / Visite-nos / Reservar / Ligue-nos */
.footer-widget {
  padding: 70px 0 !important;
  background: #24252a !important;
}

.footer-widget .sppb-row {
  display: flex !important;
  align-items: stretch !important;
}

.footer-widget [class*="sppb-col-"] {
  display: flex !important;
  margin-bottom: 25px !important;
}

.footer-widget [class*="sppb-col-"] > .sppb-column,
.footer-widget [class*="sppb-col-"] .sppb-column-addons,
.footer-widget [class*="sppb-col-"] .sppb-addon-wrapper,
.footer-widget [class*="sppb-col-"] .sppb-addon-feature.sp-contact-info {
  width: 100% !important;
}

.footer-widget .sppb-addon-feature.sp-contact-info {
  position: relative !important;
  min-height: 255px !important;
  padding: 55px 38px !important;
  border: 1px solid #bfa672 !important;
  background: transparent !important;
  color: #ffffff !important;
  text-align: left !important;
  transition: all 0.3s ease !important;
}

.footer-widget .sppb-addon-feature.sp-contact-info:hover {
  background: #bfa672 !important;
  transform: scale(1.03) !important;
  z-index: 5 !important;
}

.footer-widget .sp-contact-info .sppb-icon {
  margin-bottom: 12px !important;
}

.footer-widget .sp-contact-info .sppb-icon i {
  color: #eeeeee !important;
  font-family: "Pe-icon-7-stroke" !important;
  font-size: 38px !important;
  line-height: 42px !important;
}
.footer-widget .sp-contact-info .sppb-addon-title,
.footer-widget .sp-contact-info .sppb-feature-box-title {
  margin: 0 !important;
  color: #ffffff !important;
  font-family: "Domine", Georgia, Times, serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

.footer-widget .sp-contact-info .sppb-addon-text {
  margin-top: 28px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
}

.footer-widget .sp-contact-info .sppb-addon-text a,
.footer-widget .sp-contact-info .sppb-addon-text joomla-hidden-mail {
  color: #ffffff !important;
  text-decoration: none !important;
}

@media (max-width: 767px) {
  .footer-widget {
    padding: 45px 0 !important;
  }

  .footer-widget .sppb-row,
  .footer-widget [class*="sppb-col-"] {
    display: block !important;
  }

  .footer-widget .sppb-addon-feature.sp-contact-info {
    min-height: 0 !important;
    padding: 40px 25px !important;
  }

  .footer-widget .sppb-addon-feature.sp-contact-info:hover {
    transform: none !important;
  }
}