/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/


/******************************************************************************************
 * VARIABLES I CONFIGURACIÓ GENERAL
 ******************************************************************************************/




 
 
 
/******************************************************************************************
 * HEADER I MENÚ
 ******************************************************************************************/

/* IDIOMES */
.avia_wpml_language_switch li .language_flag img {
display: none !important; 
} 
.avia_wpml_language_switch li .language_native { 
display: block; 
} 

/* Per si fem servir shortcodes per mostrar nom de la pàgina i breadcrumb per cada secció 
   Necessita les funcions a functions.php */
span.breadcrumb-page-title {
    font-weight: 600;
    font-size: 30px;
	color: #000000;
}
.breadcrumb-trail {
    color: #000000 !important;
    margin-top: 8px;
}
span.trail-before {
    display: none !important;
}
span.sep {
    padding: 0px 10px !important;
}
.breadcrumb-trail a {
    color: #000000 !important;
}
 
/******************************************************************************************
 * FOOTER
 ******************************************************************************************/

/* MENÚ WIDGET footer automàtic (per idiomes) */
#footer .menu li a {
    font-size: 17px !important;
    padding: 0px !important;
}
#footer .menu {
    padding-top: 15px !important;
}
#top .content .flex_column .widget_nav_menu li a {
    padding: 5px 0px;
}
#top .content .flex_column .widget_nav_menu li a:hover {
    background-color: transparent;
}
#top .content .flex_column .widget_nav_menu li {
    border: none !important;
}
#socket-erg {
    min-height: 40px;
}
#socket-erg .av_font_icon {
    margin-left: 20px;
}
 
 
/******************************************************************************************
 * AVIA LAYOUT ELEMENTS
 ******************************************************************************************/

/* treure línia after section */
.container_wrap { border-top: none !important; }

/* Imatges guadrades */
img, .thumbnail_container, .inner_product, a.slide-image,
.avia-button, .button, a.avia_image, .team-img-container {
    border-radius: 0px !important;
}
.image-overlay {
	opacity: 0 !important;
}
.image-overlay .image-overlay-inside:before, span.image-overlay-inside {
  display: none;
}

 
/* BOTONS */
 
/* FORMULARI */ 
 
 
 
/******************************************************************************************
 * WOOCOMMERCE
 ******************************************************************************************/
 
 
/******************************************************************************************
 * PÀGINES CONCRETES
 ******************************************************************************************/
 /******************************************************************************************
 * PÀGINES CONCRETES > FITXA DE RESTAURANT (page-templates/restaurant.php)
 * Enganxar dins de style.css, a la secció "Pàgines concretes".
 * Prefix .erg-restaurant- (els blocs de la plantilla). Colors provisionals (pendents de manual de marca).
 ******************************************************************************************/

/* Contenidor general de la fitxa */
.erg-restaurant {
    color: #1d2b36;
    font-size: 16px;
    line-height: 1.55;
    padding: 0 0 56px;
}

/* ---- Capçalera ---- */
.erg-restaurant__capcalera {
    margin: 0 0 28px;
}
.erg-restaurant__imatge {
    margin: 0 0 22px;
    height: 340px;
    overflow: hidden;
    border-radius: 0 !important;
}
.erg-restaurant__imatge img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}
.erg-restaurant__titol {
    font-size: 44px;
    line-height: 1.1;
    margin: 0 0 8px;
    color: #113351;
    font-weight: 700;
}
.erg-restaurant__subtitol {
    font-size: 18px;
    color: #5b6b76;
    margin: 0;
}

/* ---- Seccions (títols de bloc) ---- */
.erg-restaurant__seccio {
    font-size: 22px;
    line-height: 1.3;
    color: #00596b;
    margin: 40px 0 14px;
    padding-bottom: 8px;
    border-bottom: 2px solid #008099;
    font-weight: 600;
}

/* ---- Dades de la fitxa (dl en dues columnes) ---- */
.erg-restaurant__llista {
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 32px;
    row-gap: 0;
}
.erg-restaurant__fila {
    padding: 12px 0;
    border-bottom: 1px solid #dfe7ea;
}
.erg-restaurant__llista dt {
    font-size: 13px;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #5b6b76;
    margin: 0 0 4px;
    font-weight: 600;
}
.erg-restaurant__llista dd {
    margin: 0;
    font-size: 16px;
    color: #1d2b36;
}
.erg-restaurant__llista a {
    color: #00596b;
    text-decoration: none;
}
.erg-restaurant__llista a:hover {
    text-decoration: underline;
}
.erg-restaurant__nota {
    display: inline;
    font-size: 14px;
    color: #5b6b76;
}

/* ---- Xarxes i altres ---- */
.erg-restaurant__xarxes {
    list-style: none;
    padding: 0;
    margin: 0;
}
.erg-restaurant__xarxes li {
    padding: 8px 0;
    border-bottom: 1px solid #dfe7ea;
}
.erg-restaurant__xarxa-nom {
    color: #5b6b76;
    margin-right: 6px;
}
.erg-restaurant__xarxes a {
    color: #00596b;
}

/* ---- Galeria ---- */
.erg-restaurant__galeria-llista {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}
.erg-restaurant__galeria-item {
    margin: 0;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #f3f7f8;
}
.erg-restaurant__galeria-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ---- Mapa ---- */
.erg-restaurant__mapa-marc {
    height: 300px;
    overflow: hidden;
    background: #f3f7f8;
}
.erg-restaurant__mapa-marc iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

/* ---- Responsive ---- */
@media only screen and (max-width: 767px) {
    .erg-restaurant__imatge {
        height: 220px;
    }
    .erg-restaurant__titol {
        font-size: 32px;
    }
    .erg-restaurant__llista {
        grid-template-columns: 1fr;
    }
    .erg-restaurant__galeria-llista {
        grid-template-columns: repeat(2, 1fr);
    }
    .erg-restaurant__mapa-marc {
        height: 240px;
    }
}
/* ==========================================================================
   Fitxa d'allotjament (page-templates/allotjament.php)
   Per enganxar a "Pàgines concretes > Fitxa d'allotjament" del style.css.
   Prefix: .erg-allotjament-
   Colors provisionals (pendents de manual de marca): turquesa #00596b, #008099.
   ========================================================================== */

.erg-allotjament {
	color: #1f2d33;
	padding-bottom: 60px;
}

/* Capçalera */
.erg-allotjament__capcalera {
	margin: 30px 0 28px;
}

.erg-allotjament__imatge img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 6px;
}

.erg-allotjament__kicker {
	margin: 22px 0 6px;
	font-size: 13px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #00596b;
}

.erg-allotjament__kicker span + span::before {
	content: " · ";
}

.erg-allotjament__titol {
	margin: 0 0 8px;
	font-size: 40px;
	line-height: 1.15;
	color: #00596b;
}

.erg-allotjament__subtitol {
	margin: 0;
	font-size: 18px;
	color: #3b4d54;
}

/* Foto de presentació */
.erg-allotjament__foto {
	margin: 0 0 36px;
}

.erg-allotjament__foto img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 6px;
}

/* Seccions */
.erg-allotjament__seccio {
	margin: 0 0 14px;
	font-size: 22px;
	color: #00596b;
}

.erg-allotjament__dades,
.erg-allotjament__descripcio,
.erg-allotjament__altres,
.erg-allotjament__galeria,
.erg-allotjament__mapa {
	margin: 0 0 40px;
}

/* Llista de dades */
.erg-allotjament__llista {
	margin: 0;
	border-top: 1px solid #d5e3e7;
}

.erg-allotjament__fila {
	display: grid;
	grid-template-columns: minmax(140px, 220px) 1fr;
	gap: 16px;
	padding: 12px 0;
	border-bottom: 1px solid #d5e3e7;
}

.erg-allotjament__llista dt {
	font-weight: 600;
	color: #3b4d54;
}

.erg-allotjament__llista dd {
	margin: 0;
}

.erg-allotjament__llista a {
	color: #008099;
}

/* Descripció llarga */
.erg-allotjament__text p:last-child {
	margin-bottom: 0;
}

/* Web i altres */
.erg-allotjament__xarxes {
	margin: 0;
	padding: 0;
	list-style: none;
}

.erg-allotjament__xarxes li {
	padding: 6px 0;
}

.erg-allotjament__xarxa-nom {
	font-weight: 600;
	margin-right: 4px;
}

.erg-allotjament__xarxes a {
	color: #008099;
}

/* Galeria */
.erg-allotjament__galeria-llista {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.erg-allotjament__galeria-item img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 4px;
}

/* Mapa */
.erg-allotjament__mapa-marc {
	position: relative;
	width: 100%;
	padding-top: 56%;
	border-radius: 6px;
	overflow: hidden;
}

.erg-allotjament__mapa-marc iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Mòbil */
@media (max-width: 640px) {
	.erg-allotjament__titol {
		font-size: 30px;
	}

	.erg-allotjament__fila {
		grid-template-columns: 1fr;
		gap: 4px;
	}
}
/* ==========================================================================
   FITXA DE PLATJA (page-templates/platja.php) — prefix .erg-platja-
   Per enganxar a la secció "Pàgines concretes" del style.css
   ========================================================================== */

.erg-platja {
	color: #113351;
}

.erg-platja__capcalera {
	margin-bottom: 40px;
}

.erg-platja__imatge img {
	width: 100%;
	height: auto;
	display: block;
}

.erg-platja__kicker {
	margin: 24px 0 8px;
	font-size: 14px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #008099;
}

.erg-platja__titol {
	margin: 0 0 8px;
	font-size: 48px;
	line-height: 1.1;
	color: #113351;
}

.erg-platja__subtitol {
	margin: 0;
	font-size: 20px;
	color: #113351;
}

.erg-platja__seccio {
	margin: 0 0 16px;
	font-size: 28px;
	color: #113351;
}

/* Presentació: imatge + dades en dues columnes */
.erg-platja__presentacio {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	margin-bottom: 56px;
}

.erg-platja__presentacio-imatge {
	flex: 1 1 360px;
}

.erg-platja__presentacio-imatge img {
	width: 100%;
	height: auto;
	display: block;
}

.erg-platja__presentacio-dades {
	flex: 1 1 280px;
}

/* Llista de dades (dt / dd) */
.erg-platja__llista {
	margin: 0 0 24px;
}

.erg-platja__fila {
	padding: 12px 0;
	border-bottom: 1px solid #d9e3e8;
}

.erg-platja__fila dt {
	font-size: 13px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #008099;
}

.erg-platja__fila dd {
	margin: 4px 0 0;
	font-size: 17px;
}

.erg-platja__estat {
	margin: 0;
	font-size: 16px;
}

.erg-platja__estat-nom {
	display: block;
	font-size: 13px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #008099;
	margin-bottom: 4px;
}

.erg-platja__estat a {
	color: #008099;
	text-decoration: underline;
}

/* Descripció */
.erg-platja__descripcio {
	max-width: 760px;
	margin-bottom: 56px;
}

.erg-platja__text p {
	font-size: 18px;
	line-height: 1.6;
}

/* Galeria: graella simple */
.erg-platja__galeria {
	margin-bottom: 56px;
}

.erg-platja__galeria-llista {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 12px;
}

.erg-platja__galeria-item img {
	width: 100%;
	height: auto;
	display: block;
}

/* Mapa */
.erg-platja__mapa {
	margin-bottom: 56px;
}

.erg-platja__mapa-marc {
	position: relative;
	width: 100%;
	padding-bottom: 56%;
	background: #eef3f6;
}

.erg-platja__mapa-marc iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Altres platges del mateix nucli */
.erg-platja__altres {
	margin-bottom: 56px;
}

.erg-platja__altres-llista {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 24px;
}

.erg-platja__altres-item a {
	display: block;
	color: #113351;
	text-decoration: none;
}

.erg-platja__altres-foto {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 10px;
}

.erg-platja__altres-nom {
	font-size: 18px;
	font-weight: 600;
}

/* Mòbil */
@media (max-width: 767px) {
	.erg-platja__titol {
		font-size: 34px;
	}

	.erg-platja__seccio {
		font-size: 24px;
	}
}

/******************************************************************************************
 *COOKIE-CONSENT ESTILS
 ******************************************************************************************/

.avia-cookie-consent p {
    font-size: 15px !important;
}
.avia-cookie-consent .avia_cookie_text {
    padding-bottom: 15px;
}
.avia-cookie-consent a {
    background-color: transparent !important;
    border: 2px solid #ffffff !important;
    font-size: 15px !important;
    text-transform: uppercase;
    padding: 12px !important;
    margin: 5px !important;
	color: #ffffff !important;
}/******************************************************************************************
 *TOTHOMWEB
 ******************************************************************************************/
 /**
 * Theme Name: Tothomweb
 * Template:   visitpalafrugell
 * ...other header fields
 */

.seccio-esquerra-noticies h2 {
  font-weight: 100;
  font-style: italic;
  font-size: 15px;
  margin-top: 5px;
  letter-spacing: 1px;
}

#carrusel_noticies .carrusel_noticies h3 {
  color: #5ad8e6;
  font-size: 20px;
  line-height: initial;
  margin-top: 0;
}

.gfield_checkbox .gchoice label {
  font-size: 13px;
}

.xarxes-socials-section h3 {
  display: flex;
  justify-content: space-between;
}

.xarxes-socials-section h3 .segueixnos {
  color: black;
}

.gform_legacy_markup_wrapper
  .gform_validation_errors
  > div.gform_submission_error.hide_summary:before {
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIGZpbGw9IiM3OTAwMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDE5YTggOCAwIDEgMCAwLTE2IDggOCAwIDAgMCAwIDE2WiIgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGQ9Ik0xMiA2aC0ydjZoMlY2Wk0xMiAxNGgtMnYyaDJ2LTJaIiBmaWxsPSIjRkZGIi8+PC9zdmc+);
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 22px;
  margin: 0 0.2rem 0 -0.5rem;
  vertical-align: sub;
  width: 22px;
}

.gform_legacy_markup_wrapper
  .gform_validation_errors
  > div.gform_submission_error.hide_summary {
  color: #790000;
  font-size: 16px;
  font-weight: 700;
}

/* Inici: 9.1.4.1. Ús del color (Nivell A) */

#menu-secundari a:hover,
#menu-secundari-spanish0 a:hover,
#menu-secundari-english0 a:hover,
#menu-secundari-french0 a:hover,
#menu-secundari-german0 a:hover {
  text-decoration: underline;
}

#menu-secundari a:focus,
#menu-secundari-spanish0 a:focus,
#menu-secundari-english0 a:focus,
#menu-secundari-french0 a:focus,
#menu-secundari-german0 a:focus {
  text-decoration: underline;
}

.row-legal p a {
  color: #008099;
  text-decoration: underline !important;
}

.row-legal p a:hover {
  color: #00596b;
}

.columna-contacte a {
  color: #017ab0;
  text-decoration: underline !important;
}

/* Inici: 9.1.4.3. Contrast (mínim) (Nivell AA) */

/* Barrera general: El text del botó “Accept” de la modal de cookies de color blanc #FFFFFF, no té prou contrast amb el color blau #00ACD0 de fons. */
.cli-style-v2
  .cli-bar-btn_container
  .cli-plugin-button#cookie_action_close_header {
  color: black !important;
}

/* Barrera general: El text de l’idioma actiu de color gris #777777, no té prou contrast amb el color blau C8DEF4 de fons. */
/* Barrera general: El text dels enllaços de la capçalera de color gris #777777 no tenen prou contrast amb el color gris clar #F8F8F8 de fons. */
.selectBox-options LI.selectBox-selected A {
  color: #5e5e5e;
  background-color: #c8def4;
}

.navbar-default .navbar-nav > li > a {
  color: #707070;
}

.navbar-default .navbar-text {
  color: #707070;
}

#menu-secundari a:hover,
#menu-secundari-spanish0 a:hover,
#menu-secundari-english0 a:hover,
#menu-secundari-french0 a:hover,
#menu-secundari-german0 a:hover {
  color: #157e8a;
}

#menu-secundari a:focus,
#menu-secundari-spanish0 a:focus,
#menu-secundari-english0 a:focus,
#menu-secundari-french0 a:focus,
#menu-secundari-german0 a:focus {
  color: #157e8a;
}

a {
  color: #147a85;
}

/* Barrera general: Els textos de l’apartat “Gaudeix dels nostres serveis”: “Platges” de color blau #4FD7E3, “Allotjament” de color blau #0079FF, “Rutes” de color rosa #E23AB1, “Gastronomia” de color vermell #D44D53, “Cultura” de color taronja #F47621, “Comerços” de color verd #BDD670 i “Activitats” de color verd #469A11, no tenen prou contrast amb el color gris clar #F8F8F8 de fons. */

.pictos-seccions.blau-clar .titol {
  color: #177e87;
}

.pictos-seccions.blau-fosc .titol {
  color: #006deb;
}

.pictos-seccions.rosa .titol {
  color: #d11f9b;
}

.pictos-seccions.vermell .titol {
  color: #cf3a41;
}

.pictos-seccions.tronja .titol {
  color: #be5109;
}

.pictos-seccions.verd-clar .titol {
  color: #627722;
}

.pictos-seccions.verd-fosc .titol {
  color: #3a810e;
}

/* Barrera general: Al formulari, quan enviem el formulari buit, es marquen els camps obligatoris i les etiquetes d’aquest, de color gris #737373, no tenen prou contrast amb el color rosa #fff7f7 de fons. */
.input-email .gfield_label {
  color: #707070 !important;
}

/* Barrera general: El text “Enviar” del botó del formulari, de color blanc, no té prou contrast amb el color blau #00ACD0 de fons. In en hover amb el fons blau #02bfe6 tampoc. */
.newsletter-section .gform_wrapper .gform_footer input.button,
.newsletter-section .gform_wrapper .gform_footer input[type="submit"] {
  background: #00667a;
}

.newsletter-section .gform_wrapper .gform_footer input.button:hover,
.newsletter-section .gform_wrapper .gform_footer input[type="submit"]:hover {
  background: #027e97 !important;
}

/* Barrera general: Al footer el text “Visit Palafrugell” i “Turisme Palafrugell” de color blau #5ad8e6, no té prou contrast amb el color blanc de fons. */
b,
strong {
  color: #147a85;
}

/* Barrera general: Al footer el text de l’enllaç “turisme@palafrugell.cat” de color blau #00acd0 en hover, no té prou contrast amb el color blanc de fons. */
.columna-contacte a:hover {
  color: #008099;
}
/* El text del botó “VOLS REBRE NOTÍCIES NOSTRES?” de color blanc #FFFFFF, no té prou contrast amb el color blau #00ACD0 de fons. */
.round-button {
  background-color: #136d77 !important;
}
.round-button:hover {
  background-color: #008099 !important;
}

/* Els textos del carrusel de noticies, de color blanc, no tenen prou contrast amb el color blau #00ACD0 de fons. */
.seccio-dreta-noticies {
  background-color: #008099 !important;
}

#carrusel_noticies {
  background: #004b6b;
}

/* Els textos de les imatges de l’apartat “Benvinguts” de color blau #00ACD0, no tenen prou contrast amb el color blanc amb transparència #FFFFFF de fons. A la inversa en hover tampoc. */

a.block_home.blocsup:not(.comercos):hover .subtitol,
a.block_home.blocsup:not(.comercos):hover .buto,
a.block_home.blocsup:not(.comercos):hover .titol {
  background: #008099 !important;
  color: #fff !important;
}

.block_home.blocsup:not(.comercos) .titol {
  color: #008099 !important;
}

/* 9.1.4.4. Ajustar la mida del text (Nivell AA) */
/* Barrera general: En augmentar la mida del text al 200%, el carrusel de noticies “No et perdis, Actualitat” no té controls i en aquest cas no sabem que es un carrusel i que hi ha més noticies. */

@media (max-width: 850px) {
  #carrusel_noticies .bx-controls {
    display: initial;
  }

  body:not(.home) #carrusel_noticies .bx-controls a.bx-prev,
  body:not(.home) #carrusel_noticies .bx-controls a.bx-next {
    right: 5px;
  }

  body:not(.home) #carrusel_noticies .bx-controls a.bx-next {
    bottom: -28px;
  }

  body:not(.home) #carrusel_noticies .bx-controls a.bx-prev {
    bottom: 2px;
  }
}

.block_home {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

/* 9.1.4.11. Contrast no textual (Nivell AA) */
/* Barrera general: El focus visible del menú de color gris #eeeeee, no té prou contrast amb el color blanc de fons.
El focus visible ha de tenir un contrast mínim de 3:1. Recomanem utilitzar el focus que té el navegador per defecte, però en cas de voler-lo personalitzar, utilitzar un contorn que envolti l’element. */

/* Arreglado con el nuevo foco */

/* Barrera general: La icona de la lupa del cercador de color gris #b7b7b7, no te prou contrast amb el color gris #F8F6F7 de fons. */
.butolupa {
  background: url(images/picto-search.png) no-repeat center center;
}

/* Barrera general: La fletxa dels idiomes del menú superior de color gris #b2b2b2, no té prou contrast amb el color gris #f8f8f8 de fons. */

.selectBox-dropdown .selectBox-arrow {
  background: url(images/picto-dropdown.png) 50% center no-repeat;
}

/* Barrera general: El contorn de les caixes de text del formulari “Newsletter” de color gris #c5c5c5, no tenen prou contrast amb el color blanc de fons. */

.gform_wrapper .top_label .input-email input {
  border-bottom: 1px solid #949494;
}

/* Els controls del carrusel de noticies, de color blanc #FFFFFF, no tenen prou contrast amb el color blau #00ACD0 de fons. */
.home #carrusel_noticies .bx-controls-direction a {
  background-image: url(images/noves_imatges/fletxa-amunt-avall.svg);
}

/* El contorn de les caixes de text del formulari “Newsletter” de color gris #c5c5c5, no tenen prou contrast amb el color blanc de fons. */
textarea {
  border-color: black;
}

/* 9.1.4.12. Espaiat del text (Nivell AA) */
@media (max-width: 985px) {
  .cli-style-v2 .cli-bar-message {
    min-width: 100%;
    width: initial;
  }
}

.cli-style-v2 .cli-bar-message {
  width: initial;
  min-width: 70%;
}

@media (max-width: 985px) {
  .cli-style-v2 .cli-bar-btn_container {
    margin-left: 0px;
    margin-top: 0px;
  }
}

@media (max-width: 985px) {
  #cookie-law-info-bar[data-cli-style="cli-style-v2"],
  #cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="widget"],
  #cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"] {
    padding: 0px 0px;
  }
}

/* ----------------------------- */
/* Skip to main content */
a.skip-main {
  margin: 5px;
  padding: 5px;
  left: auto;
  top: 35px;
  width: auto;
  height: auto;
  background-color: var(--grey-color);
  color: white;
  font-size: 12px;
  position: absolute;
  z-index: -1;
}
a.skip-main:focus {
  z-index: 99999999;
  color: black;
}
/* ----------------------------- */
/* FOCUS PLEASE */
/* ----------------------------- */
/* General focus */
*:focus-visible {
  /* Firefox */
  outline: 1px auto Highlight !important;
  /* Chrome, Edge & Safari */
  outline: 5px auto -webkit-focus-ring-color !important;
}

figure:focus-within {
  /* Firefox */
  outline: 1px auto Highlight !important;
  /* Chrome, Edge & Safari */
  outline: 5px auto -webkit-focus-ring-color !important;
}

img:focus-within {
  /* Firefox */
  outline: 1px auto Highlight !important;
  /* Chrome, Edge & Safari */
  outline: 5px auto -webkit-focus-ring-color !important;
}

*:focus {
  /* Firefox */
  outline: 1px auto Highlight !important;
  /* Chrome, Edge & Safari */
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: 2px !important;
}

/* 2. Declaració d'accessibilitat */
/* 9.1.3.1. Informació i relacions (Nivell A) */
/*En la declaració hi ha diferents seccions que tenen un canvi en el format, es tracta de les seccions com Contingut no accessible, Preparació de la present declaració d’accessibilitat, Observacions i dades de contacte, Procediment d’aplicació i Contingut opcional.
Cal que aquests textos també siguin encapçalaments per facilitar la navegació als usuaris de productes d’assistència. Aquests han de ser de nivell inferior a la secció principal, que es h1.*/

.page-id-190027 .caixa-gris .container p h2,
.page-id-190030 .caixa-gris .container p h2 {
  font-family: "Roboto", sans-serif;
  font-size: initial;
  line-height: initial;
  color: initial;
  font-weight: initial;
  text-align: initial;
  text-transform: initial;
}

/* 9.1.4.3. Contrast (mínim) (Nivell AA) */

.caixa-gris h1 {
  color: #157984;
}

.caixa-gris p {
  color: #6e6e6e;
}

#carrusel_noticies .bx-controls-direction a {
  background-image: url(images/base.png);
}

a:active,
a:focus {
  text-decoration: underline;
  color: #737373;
}

#menu-secundari .current-menu-item a,
#menu-secundari-spanish0 .current-menu-item a,
#menu-secundari-french0 .current-menu-item a,
#menu-secundari-english0 .current-menu-item a,
#menu-secundari-german0 .current-menu-item a,
.current-page-ancestor a {
  color: #157e8a !important;
}

.caixa-gris h2 {
  font-size: 30px;
}

.entry-content p a:hover {
  border: 1px solid #737373;
  background-color: #fff;
  color: #737373;
  text-decoration: none;
}

/* 5. Allotjaments */
#capcalera-page h1 {
  font-family: "Roboto", sans-serif;
  font-size: 40px;
  line-height: 44px;
  color: #fff;
  font-weight: 400;
  padding-top: 49px;
  margin-bottom: 0;
}

#capcalera-page h2 {
  font-size: 15px;
  line-height: 16px;
  color: #50d6e4;
  font-weight: 300;
  padding-bottom: 40px;
  margin-top: 0;
  padding-top: initial;
}

.carrusel_noticies a.titnot {
  color: #fff;
}

.buto:hover,
.buto.sel {
  border: 1px solid #15828e;
  background-color: #15828e;
  color: #fff;
  text-decoration: none;
}

.caixa-gris {
  color: #707070;
}

.com_arribar h3 {
  color: #147a85;
}

a:hover {
  color: #707070;
}

/* 6. Agenda: Actualitat */

.caixa-gris .entry-header h2.entry-title {
  text-align: initial;
}

.caixa-gris .entry-content h2 {
  text-align: initial;
}

.caixa-gris h2 {
  font-size: 40px;
}

.noticia h2 {
  font-size: 25px;
}

.buscar h2 {
  font-size: 18px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  color: #15828e;
}

.ui-widget-header .ui-icon {
  background-image: url(images/ui-icons_ff0084_256x240.png);
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #000000 url(images/ui-bg_highlight-soft_25_5ad8e6_1x100.png) 50%
    50% repeat-x;
  color: #fff;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #ccc;
  background: #fff url(images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x;
  color: #444;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #ddd;
  background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #ff0084;
}

.noticia .data {
  color: #16818d;
}

.buto.blau {
  border: 1px solid #156e7a;
  color: #156e7a;
}

.buto:hover,
.buto.sel {
  border: 1px solid #15828e;
  background-color: #15828e;
  color: #fff;
  text-decoration: none;
}

/* 8. Allotjaments */
@media (max-width: 360px) {
  .caixa-gris .tothombutton-adjust-js {
    text-align: initial !important;
    margin-top: initial !important;
    float: initial !important;
    position: relative;
    top: -30px;
  }
}

.buto.servei-zona {
  background-color: #15828e;
  border: 1px solid #15828e;
}

a.platja-item:hover {
  background-color: #15828e;
}

.noticies a {
  word-wrap: break-word;
}

.buto.servei-zona:hover {
  color: #15828e;
}

.quadricula .platja-item .info .poblacio {
  color: #ffff;
}

.base {
  background-image: url(images/base.png);
}

.slider_fitxa .bx-controls-direction a {
  background-image: url(images/base.png);
}

.noticia a {
  word-wrap: break-word;
}

.buto {
  color: #707070;
}

#filters {
  display: flex;
  flex-direction: row;
}

@media (max-width: 999px) {
  #filters {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 393px) {
  #filters {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 20px !important;
  }
}

.quadricula .platja-item .info .titol {
  color: #fff;
  background-color: black;
}

.quadricula .platja-item .info .poblacio {
  color: #ffff;
  background-color: black;
}

#geo-mapa {
  min-width: 200px;
  margin-bottom: 20px;
}

/* 9. Gastronomía */
.poblacio h5 {
  color: #177c87;
  text-transform: uppercase;
  font-size: 16px;
}

.check:hover {
  color: #157984;
}

@media (max-width: 393px) {
  #capcalera-page h1 {
    font-size: 30px;
  }

  .caixa-gris h2 {
    font-size: 30px;
  }
}

.swipebox:focus img {
  opacity: 0.7;
}

/* 10. Per què visitar-nos */
a.linkpkrodona:focus .cont-rodona.block {
  /* Firefox */
  outline: 1px auto Highlight !important;
  /* Chrome, Edge & Safari */
  outline: 5px auto -webkit-focus-ring-color !important;
}

a.linkpkrodona:focus .peu-imatges {
  /* Firefox */
  outline: 1px auto Highlight !important;
  /* Chrome, Edge & Safari */
  outline: 5px auto -webkit-focus-ring-color !important;
}

.caixa-texte h2 {
  color: #147a85;
  margin-top: 0;
  font-size: 40px;
}

.caixa-texte {
  color: #707070;
}

.old-h2 {
  font-size: 30px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
.old-h3 {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
}

.old-h4 {
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
}

.linkpkrodona:hover h3,
.linkpkrodona:hover h4,
.linkpkrodona:hover span,
.linkpkrodona:focus h3,
.linkpkrodona:focus h4,
.linkpkrodona:focus span {
  color: #ffffff !important;
  text-decoration: underline;
}
.col-sm-6.aria-auto-scroll,
.col-xs-12.aria-auto-scroll,
.col-xs-6.aria-auto-scroll {
  overflow: auto;
}

.caixa-x1.caixa-texte {
  overflow: auto;
}

.linkpkrodona .peu-imatges {
  color: white;
  background-color: black;
}

/* 11. Sostenibilitat */
p.titol-sostenibilitat-2 {
  font-size: 18px;
  text-align: center;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

/* 13. Galeria d'imatges */
.galeria-imatges a:hover {
  border: 1px solid black;
}

/* Accesibilitat */
.poblacio h3 {
  color: #147a85;
}

.imatge-subvencio h3 {
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: black;
  line-height: initial;
  font-weight: 500;
  text-transform: initial;
}

/* Accessibilitat revisió */
#carrusel_noticies .carrusel_noticies h3 {
  font-size: 20px;
  font-weight: 500;
}

#carrusel_noticies .texte-dret h2 {
  color: #fff;
  font-size: 30px;
  line-height: 35px;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
}

#carrusel_noticies .texte-dret .old-carusel-h4 {
  color: #fff;
  font-size: 13px;
  line-height: 15px;
}

.imatge-subvencio .old-subvencio-h3 {
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: black;
  line-height: initial;
  font-weight: 500;
  text-transform: initial;
}

/* Al footer el text del correu electrònic “turisme@palafrugell.cat” de color blau #017AB0 no té prou contrast amb el color gris de fons.
És imprescindible que el text tingui un contrast mínim de 4.5:1. */
.columna-contacte .contacte-text a {
  color: #000000;
}

#buscarform input,
#buscarform input::placeholder {
  color: #000000;
}

ul#aria-idiomes-menu {
  width: initial !important;
  top: initial !important;
  left: initial !important;
}

ul#aria-idiomes-menu.aria-expanded-show {
  display: block !important;
}

ul#aria-idiomes-menu.aria-expanded-noshow {
  display: none !important;
}

.menu-superior li a:hover,
.menu-superior li.current-menu-item a {
  color: black;
  text-decoration: underline;
}

#sb_instagram #sbi_images .sbi_item.foto-mini {
  width: 100%;
}

@media (max-width: 991px) {
  #sb_instagram #sbi_images .sbi_item.foto-mini {
    width: 100%;
  }
}

#sb_instagram.instagram-palafrugell20 #sbi_images .sbi_item,
#sb_instagram.instagram-palafrugell20 #sbi_images .sbi_item.foto-mini,
#sb_instagram.instagram-palafrugell20 .sbi_item,
#sb_instagram.instagram-palafrugell20 .sbi_item.foto-mini {
  width: 100% !important;
}

.page-template-platges #llista-platges,
.page-template-llista-propostes #llista-platges,
.page-template-restaurants #llista-platges,
.page-template-llista-rutes #llista-platges,
.page-template-wikiloc #llista-platges {
  display: initial;
}

ul.carrusel_noticies li[aria-hidden="true"] {
  display: none;
}

#menu-secundari a:focus,
#menu-secundari-spanish0 a:focus,
#menu-secundari-english0 a:focus,
#menu-secundari-french0 a:focus,
#menu-secundari-german0 a:focus {
  color: #137681;
}

#sbi_images .sbi_item:focus-within {
  /* Firefox */
  outline: 1px auto Highlight !important;
  /* Chrome, Edge & Safari */
  outline: 5px auto -webkit-focus-ring-color !important;
}

.gaudeix-serveis-section h2 {
  font-weight: 500;
  font-size: 30px;
  text-transform: none;
  color: #000;
  text-align: center;
  margin-bottom: 35px;
  line-height: 30px;
}

.xarxes-socials-section h2 {
  font-size: 24px;
  text-transform: none;
  color: #0090bf;
  margin-bottom: 35px;
  line-height: 30px;
  font-weight: bold;
  display: inline-block;
}

.xarxes-socials-section h2 {
  display: flex;
  justify-content: space-between;
}

.xarxes-socials-section h2 .segueixnos {
  color: black;
}

@media (max-width: 393px) {
  .titnot {
    font-size: 20px !important;
  }
}

@media (max-width: 320px) {
  .caixes-home-inferior .block_home .titol {
    font-size: 20px !important;
  }
}

@media (max-width: 400px) {
  .caixes-home-inferior .block_home .titol {
    font-size: 20px !important;
  }
}

a.block_home:active,
a.block_home:focus {
  text-decoration: none;
}

a.block_home:focus .subtitol,
a.block_home:focus .buto,
a.block_home:focus .titol {
  background: #fff !important;
  color: #008099 !important;
}

a.block_home:active .subtitol,
a.block_home:active .buto,
a.block_home:active .titol {
  background: #fff !important;
  color: #008099 !important;
}

a.block_home:hover .subtitol,
a.block_home:hover .buto,
a.block_home:hover .titol {
  background: #fff !important;
  color: #008099 !important;
}

#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_tooltip_social a:focus,
#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_tooltip_social a:hover {
  background-color: black !important;
  color: white !important;
}