/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 20-abr-2022, 0:54:54
    Author     : lmart
*/
/*
// Bootstrao > 4.4 Responsive Breakpoints
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/
/* si volem mixins 
@include media-breakpoint-down(xs) {  }
@include media-breakpoint-down(sm) { ... }
@include media-breakpoint-down(md) { ... }
@include media-breakpoint-down(lg) { ... }
*/
/*
@include media-breakpoint-down(md) {
  .custom-class {
    display: block;
  }
}
*/
/* tema botons colors */
/* Per Poder personalitzar els colors del botons de Bootstrap */
/* $btnBck-danger: #ff6663; */
/* Variables del player */
@font-face {
  font-family: "FontText";
  src: url("../fonts/Asap-VariableFont_wdth.ttf") format("TrueType"); }
body.eupopup.eupopup-bottom {
  background-color: #f0f0f0 !important; }

.site-mobile-menu {
  background-color: #f0f0f0; }
.site-mobile-menu .site-mobile-menu-header span.icon-close2, .site-mobile-menu .site-mobile-menu-header span.icon-close2:before {
  color: #004b8e; }
.site-mobile-menu .site-mobile-menu-body ul > li {
  border-top: none; }
.site-mobile-menu .site-mobile-menu-body ul li {
  border-top: 1px solid #004b8e; }
.site-mobile-menu .site-mobile-menu-body ul li a.nav-link {
  color: #004b8e; }
.site-mobile-menu .site-mobile-menu-body ul li a.nav-link:hover, .site-mobile-menu .site-mobile-menu-body ul li a.nav-link:visited, .site-mobile-menu .site-mobile-menu-body ul li a.nav-link:active {
  color: #004b8e; }

header.header-bar.site-navbar-target {
  background-color: #f0f0f0 !important; }
header.header-bar.site-navbar-target .site-logo {
  line-height: 14px; }
header.header-bar.site-navbar-target a.site-menu-toggle.js-menu-toggle span.icon-menu, header.header-bar.site-navbar-target a.site-menu-toggle.js-menu-toggle span.icon-menu:before, header.header-bar.site-navbar-target a.site-menu-toggle.js-menu-toggle span.icon-menu, header.header-bar.site-navbar-target a.site-menu-toggle.js-menu-toggle span.icon-menu:before {
  color: #004b8e !important; }

/* Modificar el 50% per defecte de bootstrap per a un 74 */
img.w-50 {
  width: 74% !important; }

h1.heading.daro {
  font-family: "FontText";
  font-size: 32px; }

span.logoaj {
  font-family: "FontText";
  font-size: 14px;
  text-transform: none !important;
  letter-spacing: .2rem; }

.btn-danger {
  color: #fff;
  background-color: #f0f0f0;
  border-color: #f0f0f0; }

section.site-section-hero {
  margin-top: 30px;
  background-position-x: right; }
section.site-section-hero h1.heading {
  margin-top: 40px; }
section.site-section-hero h1.heading > a.rutapremialink:hover, section.site-section-hero h1.heading > a.rutapremialink:visited {
  color: white; }
section.site-section-hero h4.clsEtTrobes {
  color: white; }

.btn.btn-md {
  text-transform: none !important; }

#row-section-home {
  padding-right: 10px;
  padding-left: 10px; }

.homeintro {
  font-size: 14px;
  line-height: 16px;
  color: white; }

p.botonshome {
  margin-bottom: 0.5rem;
  margin-bottom: 12px !important; }
p.botonshome.botons70 {
  width: 70vw; }

.btn.botons70 {
  width: 70vw; }

.site-section.darken-bg:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 4px;
  background: #6ab165; }

section#section-blog, section#section-blog2, section#section-blog3, section#section-guide, section#section-bio {
  background-color: #f0f0f0;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 1em;
  padding-top: 6.5em;
  text-transform: none !important; }
section#section-blog h2.heading, section#section-blog2 h2.heading, section#section-blog3 h2.heading, section#section-guide h2.heading, section#section-bio h2.heading {
  display: block;
  font-size: 1.5rem;
  color: #004b8e !important; }
section#section-blog h4.heading, section#section-blog2 h4.heading, section#section-blog3 h4.heading, section#section-guide h4.heading, section#section-bio h4.heading {
  display: block;
  font-size: 1.2rem;
  text-transform: none !important;
  color: #004b8e !important; }
section#section-blog img.imgxml, section#section-blog2 img.imgxml, section#section-blog3 img.imgxml, section#section-guide img.imgxml, section#section-bio img.imgxml {
  margin-bottom: 14px;
  width: 100%; }
section#section-blog p, section#section-blog2 p, section#section-blog3 p, section#section-guide p, section#section-bio p {
  text-align: justify;
  line-height: 20px;
  color: #004b8e !important; }

/* 
En lloc de fuxia volem que sigui el vermell de plataja d'Aro'
*/
.btn-primary {
  color: white !important;
  background-color: #65b16a !important;
  border-color: #3b753f !important; }
.btn-primary:hover {
  color: #fff;
  background-color: #3b753f;
  border-color: #3b753f; }

.btn-secondary {
  color: white !important;
  background-color: #838b91 !important;
  border-color: #838b91 !important; }
.btn-secondary:hover {
  color: #fff;
  background-color: #5e656a;
  border-color: #5e656a; }

.btn-success {
  color: white !important;
  background-color: #82be82 !important;
  border-color: #82be82 !important; }
.btn-success:hover {
  color: #fff;
  background-color: #53a053;
  border-color: #53a053; }

.btn-danger {
  color: white !important;
  background-color: #65b16a !important;
  border-color: #3b753f !important; }
.btn-danger:hover {
  color: #fff;
  background-color: #3b753f;
  border-color: #3b753f; }

.btn-warning {
  color: #363636 !important;
  background-color: #feb144 !important;
  border-color: #f49001 !important; }
.btn-warning:hover {
  color: #fff;
  background-color: #f49001;
  border-color: #f49001; }

.btn-info {
  color: white !important;
  background-color: #cc99c9 !important;
  border-color: #b366ae !important; }
.btn-info:hover {
  color: #fff;
  background-color: #b366ae;
  border-color: #b366ae; }

.btn-light {
  color: #363636 !important;
  background-color: #deebf9 !important;
  border-color: #deebf9 !important; }
.btn-light:hover {
  color: #fff;
  background-color: #9dc4ed;
  border-color: #9dc4ed; }

.btn-dark {
  color: white !important;
  background-color: #4b4b4b !important;
  border-color: #4b4b4b !important; }
.btn-dark:hover {
  color: #fff;
  background-color: #252525;
  border-color: #252525; }

.container-fluid.section-photos {
  background-color: #000;
  padding-top: 15px; }

.desplegable-uMap {
  margin-left: auto;
  margin-right: auto;
  background-color: #4a4a4a;
  border: solid 1px #cdcdcd;
  line-height: 18px;
  border-radius: 10px;
  width: 70vw; }
.desplegable-uMap .panel-title {
  padding: 8px;
  font-size: 14px; }
.desplegable-uMap .panel-title a, .desplegable-uMap .panel-title a:hover, .desplegable-uMap .panel-title a:visited {
  color: white; }
.desplegable-uMap .panel-title a:after {
  font-family: 'FontAwesome';
  font-weight: 400;
  content: "\f077";
  float: right; }
.desplegable-uMap .panel-title a.collapsed:after {
  /* symbol for "collapsed" panels */
  font-family: 'FontAwesome';
  font-weight: 400;
  content: "\f078";
  float: right; }
.desplegable-uMap .panel-body {
  padding: 12px 6px;
  background-color: #1a1a1a; }

.vertical-timeline {
  padding: 8px; }
.vertical-timeline h4 {
  font-size: 18px; }
.vertical-timeline h5 {
  font-size: 14px;
  margin-block-start: 4px;
  margin-block-end: 0px; }
.vertical-timeline p {
  font-size: 12px; }
.vertical-timeline .vertical-timeline-icon img {
  width: 30px;
  height: 30px; }

/*  Estils pel tema CARD de la guia.  */
.flex-contenidor {
  width: 100%;
  padding: 0px 8px 0px 8px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap; }
.flex-contenidor .flex-item.card.guide {
  display: flex;
  flex-grow: 1;
  width: 96%; }
.flex-contenidor .flex-item.card.guide .card-header {
  padding: 0.25rem 1rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
.flex-contenidor .flex-item.card.guide .card-header.sector1 {
  background-color: #cce2cb; }
.flex-contenidor .flex-item.card.guide .card-header.sector2 {
  background-color: #ffdac1; }
.flex-contenidor .flex-item.card.guide .card-header.sector3 {
  background-color: #ffdac1; }
.flex-contenidor .flex-item.card.guide .card-body {
  padding: 0.5rem 1rem;
  font-size: 0.8rem; }
.flex-contenidor .flex-item.card.guide .card-body h5 {
  font-size: 0.8rem;
  font-weight: bold; }
.flex-contenidor .flex-item.card.guide .card-body p.card-map {
  line-height: 18px; }
.flex-contenidor .flex-item.card.guide .card-footer {
  position: relative;
  padding-top: 0px;
  padding-bottom: 0px; }
.flex-contenidor .flex-item.card.guide .card-footer .icons {
  font-size: 30px; }
.flex-contenidor .flex-item.card.guide .card-footer .icons a i.fa, .flex-contenidor .flex-item.card.guide .card-footer .icons a i.far {
  padding-left: 8px;
  padding-right: 8px; }

/*  
CSS referits al tema del consentiment.
*/
.header-bar ul li a {
  color: #004b8e;
  text-transform: none; }

div#player.epico_phone-layout-full {
  height: 194px !important;
  min-height: unset !important;
  border-radius: 20px; }
div#player.epico_phone-layout-full p.epico_audio-album {
  color: #575757 !important;
  font-family: "FontText"; }
div#player.epico_phone-layout-full span.epico_current-audio-time, div#player.epico_phone-layout-full span.epico_current-audio-duration {
  color: #575757 !important;
  font-family: "FontText" !important; }

/*  
CSS referits al tema del consentiment.
*/
.header-bar ul li a {
  color: #004b8e;
  text-transform: none; }

/*
CSS Referent a la llista de punts amb link per anar a un altre punt
*/
#section-ways {
  padding-top: 5em;
  padding-bottom: 2em; }

h1.section-ways {
  margin: 0;
  padding: 0 1em;
  font-size: 24px; }

.row.containergridimg div.caixaimg {
  position: relative;
  margin-bottom: 20px; }
.row.containergridimg div.caixaimg img {
  width: 100%;
  height: auto; }
.row.containergridimg div.caixaimg .imatge-titol {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 10px;
  text-align: center; }
.row.containergridimg div.caixaimg .imatge-titol a, .row.containergridimg div.caixaimg .imatge-titol a:hover, .row.containergridimg div.caixaimg .imatge-titol a:visited, .row.containergridimg div.caixaimg .imatge-titol a:focus {
  color: #fff;
  text-decoration: none; }
.row.containergridimg div.caixaimg .bubble-num {
  position: absolute;
  top: 4px;
  left: 4px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  padding-left: 7px; }
.row.containergridimg div.caixaimg .bubble-num.actual {
  background-color: rgba(9, 175, 38, 0.7); }

/*# sourceMappingURL=turs_qr.css.map */