/**
 * Theme Name: Tothomweb
 * Template:   visitemporda
 * ...other header fields
 */

/*
//////////////////////////////////////////////////////////////
// 1. Home
//////////////////////////////////////////////////////////////
*/

/*
9.1.1.1. Contingut no textual (Nivell A)
*/

.wt-cli-sr-only {
  visibility: collapse;
  width: 0;
  display: block;
  height: 0;
}

/*
// 9.1.3.1. Informació i relacions (Nivell A)
*/

.head-rgt div.access {
  display: inline-block;
  margin-right: 18px;
  padding-right: 18px;
}

.head-rgt > ul {
  display: inline-block;
}

.head-rgt div.access a {
  font-size: 20px;
  color: #3e3e3e;
  font-family: "KievitOT-Bold";
  text-transform: uppercase;
}

.head-rgt div.access a {
  background: url(../visitemporda/assets/images/access-ico.jpg) no-repeat left;
  padding-left: 40px;
}

.head-rgt div.access a:hover {
  color: #19559b;
}

.head-rgt ul li {
  float: none;
  margin-right: 8px;
  padding: 1px 4px;
  display: inline-block;
}

.head-rgt ul li a {
  font-size: 17px;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.head-rgt ul li a.menu-a {
  background: #282828;
  color: #fff;
}

.head-rgt ul li a:hover {
  background: #282828;
  color: #fff;
}

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

.mobNav ul li a.active {
  text-decoration: underline;
}

.news-letter-lft input[type="email"]::placeholder {
  color: #9c9c9c;
  opacity: 1;
}

/* 9.1.4.4. Ajustar la mida del text (Nivell AA) */

/* No se ha perdido contenido ni funcionalidad, los enlaces se han movido al menú desplegable de móvil conforme a un patrón de diseño responsive. */

/* 9.1.4.10. Reflux (Nivell AA)  */

/* No se ha perdido contenido ni funcionalidad, los enlaces se han movido al menú desplegable de móvil conforme a un patrón de diseño responsive. */

/* En fer un zoom del 400%, el text del placeholder de l’apartat “Newsletter” queda tallat. */

@media (max-width: 950px) {
  .news-letter-lft input[type="email"] {
    width: 100%;
  }
}

/*9.2.4.6. Encapçalaments i etiquetes descriptives (Nivell AA)*/

@media (max-width: 1280px) {
  .logo-emporda-header img {
    width: 150px;
  }
}

/* 9.2.4.7. Focus visible (Nivell AA) */

/* ----------------------------- */
/* 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;
}

/* 9.3.3.3. Suggeriment de correcció d'errors (Nivell AA) */

form#FormNewsletter .news-letter-lft label {
  color: #fff;
  font-size: 24px;
  line-height: 24px;
  font-family: "KievitOT-Light";
}

.news-letter-lft input[type="email"] {
  margin-top: 8px;
}
/*

//////////////////////////////////////////////////////////////
// 3. Accessibilitat
//////////////////////////////////////////////////////////////

// 9.1.3.1. Informació i relacions (Nivell A)
*/

main > section.configuracio-web form fieldset {
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  border: none;
  min-inline-size: min-content;
}

.configuracio-web.tipografia ul,
.configuracio-web.colors ul {
  flex-wrap: wrap;
}

.configuracio-web.tipografia ul li,
.configuracio-web.colors ul li {
  width: 450px;
  height: 350px;
}

@media (max-width: 1280px) {
  .configuracio-web.tipografia ul,
  .configuracio-web.colors ul {
    justify-content: center;
  }
}

@media (max-width: 1280px) {
  .configuracio-web.tipografia ul li,
  .configuracio-web.colors ul li {
    width: 250px;
    height: 350px;
  }
}

@media (max-width: 626px) {
  .configuracio-web.tipografia ul li,
  .configuracio-web.colors ul li {
    width: 250px;
  }
}
/*
//////////////////////////////////////////////////////////////
// 4. Agenda
//////////////////////////////////////////////////////////////
*/

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

.listbox .option.selected {
  color: #fff;
  background-color: #218721;
}

/*
//////////////////////////////////////////////////////////////
// 5. Formulari de contacte
//////////////////////////////////////////////////////////////
*/
/* 9.1.4.1. Ús del color (Nivell A) */

div.cform-left > form .full-wid > p > a {
  text-decoration: underline;
}

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

.cform-right ul.info li a:hover {
  color: #ac5911;
}

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

.empodra.aigua.tab.lst .resp-tab-content ul li .et-cnt h2 {
  color: #282828;
}
/*
//////////////////////////////////////////////////////////////
// 12. Local products and guided tours
//////////////////////////////////////////////////////////////
*/
main
  > section.agenda-lst
  > .row
  > ul.filter-list
  > li
  > .select-agenda
  > .combo-wrap
  > i.fa.trigger.fa-caret-down {
  display: none;
}