/*
Theme Name: Ultraclean
Theme URI: http://ultracleanmarathon.cat/
Author: Pimpampum.net
Author URI: http://ww.pimpampum.net
Description: Tema a mida per Ultra clean marathon
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: setmananatura
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Ultraclean is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}dfn,cite,em,i{font-style:italic}blockquote{margin:0 1.5em}address{margin:0 0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch",Courier,monospace;font-size:15px;font-size:.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;font-size:15px;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}mark,ins{background:#fff9c0;text-decoration:none}big{font-size:125%}embed,iframe,object{max-width:100%}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}body{background:#fff}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ul,ol{margin:0 0 1.5em 0}ul{list-style:disc}ol{list-style:decimal}li > ul,li > ol{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}img{height:auto;max-width:100%}figure{margin:1em 0}table{margin:0 0 1.5em;width:100%}button,input[type="button"],input[type="reset"],input[type="submit"]{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:4px;background:#e6e6e6;color:rgba(0,0,0,.8);font-size:12px;font-size:.75rem;line-height:1;padding:.6em 1em .4em}button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{border-color:#ccc #bbb #aaa}button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active{border-color:#aaa #bbb #bbb}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{color:#666;border:1px solid #ccc;border-radius:4px;padding:3px}select{border:1px solid #ccc}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus{color:#000}textarea{width:100%}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;height:1px;width:1px;overflow:hidden;word-wrap:normal !important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:4px;box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);clip:auto !important;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#content[tabindex="-1"]:focus{outline:0}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.cf:before,.cf:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after{content:"";display:table;table-layout:fixed}.cf:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after{clear:both}

/* amaguem coses */

.hidden {
display: none;
}

:root {
--verd: #94C11F;
--turquesa: #3AADB3;
--turquesa2: #2C8A8F;
--marro:#BA785A ;
--groc: #f9d449;
}

/****************************************
ESTRUCTURA
*****************************************/

body, button, input, select, textarea {
color: #404040;
font-family: "Noto Sans", helvetica, arial, sans-serif;
font-size: 1rem;
line-height: 1.6;
font-weight: 500;
}

input, select, textarea {
font-size: 0.9375rem;
}

.wrap {
width: 90%;
max-width: 1250px;
margin: 0 auto;
clear: both;
position: relative;
}

#slideshow.wrap,
#preheader.wrap {
width: 100%;
}

/* franges */

.franja {
margin-bottom: 20px;
position: relative;
}

.franja_fons {
padding: 40px 0;
background-color: #FFF0DE;
margin: 40px 0;
}

.franja_titol {
color: #000;
font-size: 2rem;
color: #3AADB3;
text-transform: uppercase;
font-weight: 700;
margin: 0;
}

/* header */

.logo {
background: url(img/logo_ucm_2020.svg) no-repeat left top #fff;
background-size: auto 70px;
height: 80px;
background-position: 20px 3px ;
margin-top: 3px;
}

.menu-superior-container,
.menu-superior-es-container {
display: inline-block;
font-weight: 400;
}

.site-title {
text-indent: -9999em;
margin: 0;
}

.site-title a {
display: block;
width: 200px;
height: 103px;
}

#lang_xxss {
font-size: 1rem;
position: absolute;
right: 5px;
top: 5px;
line-height: 32px;
display: flex;
}

#lang, #xxss, #premsa {
vertical-align: top;
margin-left: 1em;
}

#premsa {
font-size:1rem;
line-height: 2em;
margin-top: 0;
margin-bottom: 0;
display: none;
}

#lang {
padding-left: 0;
margin-bottom: 0;
text-align: right;
}

#lang li {
display: inline;
font-size: 1rem;
list-style-type: none;
text-transform: uppercase;
padding: 0 3px;
}

#lang .current-lang {
font-weight: bold;
}

#xxss {
padding-left: 0;
}

#xxss li {
float: left;
margin-left: 4px;
list-style-image: none;
list-style-type: none;
text-align: left;
}

#xxss a {
display: block;
width: 24px;
height: 24px;
text-indent: -999em;
background-position: center center;
background-repeat: no-repeat;
background-color: #3AADB3;
}

#xxss .ico_ig a {
background-image: url(img/logo_ig.svg);
}

#xxss .ico_fb a {
background-image: url(img/logo_fb.svg);
}

#xxss .ico_tw a {
background-image: url(img/logo_tw.svg);
}

#xxss .ico_yt a {
background-image: url(img/logo_yt.svg);
}

#xxss .ico_wk a {
background-image: url(img/logo_wikiloc.svg);
}

#xxss a:hover {
background-color: #79DDE8;
opacity: 1;
}

#racetracker {
position: static;
width: 90%;
margin: 20px auto 0 auto;
}

#racetracker a {
font-family: Rajdhani, helvetica, arial, sans-serif;
padding: 15px 14px;
font-size: 1rem;
font-weight: 700;
line-height: 1.1;
text-align: center;
text-transform: uppercase;
color: #000;
display: block;
background-color: #f9d449;
transition: all 0.3s;
margin-bottom: 10px;
}

#racetracker a:hover {
background-color: #BA785A;
color: #fff;
transition: all 0.3s;
}

#save_date {
position: absolute;
  right: 90px;
  bottom: 55px;
  width: 133px;
}

/* footer */

#footer {
margin-top: 40px;
font-size: 0.875rem;
text-align: center;
}

#footer_logos {
border-top: 1px solid #e3e3e3;
}

.footer_logos_bloc {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
column-gap: 10px;
text-align: left;
border-bottom: 1px solid #e3e3e3;
padding: 20px 0;
}

#footer_logos img {
height: 50px;
margin-right: 20px;
width: auto;
display: block;
}

#footer_logos .logo_urbaser img {
max-width: 200px;
object-fit: contain;
}

p.footer_logos_imatges {
margin: 0;
}

p.footer_logos_titol {
margin-bottom: 0;
color: #9B9B9B;
font-size: 0.75rem;
}

.footer_legal {
padding: 30px 20px;
font-size: 0.8125rem;
margin-top: 2em;
}

.footer_legal p {
margin: 0;
}

/****************************************
 GENERALS
*****************************************/

h1, h2, h3, .main-navigation, #lang_xxss {
font-family: Rajdhani, helvetica, arial, sans-serif;
}

.mobil {
display: block;
}

.videowrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
}

.videowrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

p {
margin-bottom: 1.5em;
}

a, a:visited {
color: #3AADB3;
text-decoration: none;
}

.footer_legal a, .footer_legal a:visited {
color: #404040;
}

a:hover,
a:focus,
a:active {
color: #c44a12;
}

a:focus {
outline: thin dotted;
}

a:hover,
a:active {
outline: 0;
}

.entry-content {
overflow-wrap: break-word;
word-wrap: break-word;
}

/* botons */

p.boto {
margin-bottom: 0;
}

.boto a, .boto a:visited,
input.button-primary,
button.activitat-continuar {
color: #FFFFFF;
text-transform: uppercase;
padding: 8px 20px;
text-decoration: none;
line-height: 1.1;
border-radius: 4px;
display: inline-block;
transition: background-color 0.3s;
background-color: #000;
border: none;
font-size: 0.875rem;
}

.boto a:hover,
button.activitat-continuar:hover {
background-color: #7BCEE0;
transition: background-color 0.3s;
}


/* headers */

h1.entry-title,
h1.tribe-events-single-event-title {
font-size: 2rem;
line-height: 1.1111;
color: #3BADB3;
margin: 0;
line-height: 1.1;
text-transform: uppercase;
}

h2.entry-title {
margin-bottom: 0;
font-size: 1.125rem;
line-height: 1.3;
font-weight: 700;
}

.content_text  h2 {
font-size: 1.5rem;
color: #3BADB3;
margin-top: 2em;
line-height: 1.1111;
}


/* Menú */

.toggled.main-navigation {
clear: both;
display: block;
width: 100%;
background-color: #f2f2f2;
}

.main-navigation ul,
.menu-superior-container,
.menu-superior-es-container
 {
display: none;
z-index: 999;
position: relative;
}

.main-navigation ul {
list-style: none;
padding-left: 0;
margin: 0;
position: relative;
background-color: #fff;
}

.toggled #primary-menu {
border-top: 1px solid #C4C1BB;
margin: 0 -5%;
background-color: #f2f2f2;
box-shadow: 0 5px 10px rgba(0,0,0,0.5);
}

.menu-toggle,
.main-navigation.toggled ul {
display: block;
}

button.menu-toggle {
background-color: #3AADB3;
color:#fff;
font-size:1.25rem;
font-weight: 700;
line-height: 1;
padding: 8px 10px;
position: relative;
z-index: 0; /* canviat per dani estava a 9999 */
border-radius: 0;
border: none;
width: 100%;
margin-top: 5px;
}

.toggled.main-navigation a {
text-decoration:none;
color: #737373;
font-size:1rem;
padding: 10px 5px 10px 25px;
display: block;
font-weight: 700;
border-bottom: 1px solid #C4C1BB;
}

/*.toggled.main-navigation li.mobil a {
font-weight: 400;
text-transform: uppercase;
font-size: 0.75rem;
border-bottom: none;
padding: 15px 5px 0 40px;
}*/

.toggled.main-navigation a:hover {
background-color: #B8E6F2;
}

.toggled.main-navigation .sub-menu a {
font-weight: 400;
padding-left: 20px;
}

.toggled.main-navigation .sub-menu a:before {
content: "- ";
}

.toggled.main-navigation .sub-menu ul a:before {
content: "-- ";
}

.search.mobil {
padding: 5px 10px 20px 15px;
margin-top: 10px;
}

.menu-toggle .franja_filet {
margin-bottom: 5px;
}

.mobil input[type="search"] {
width: 200px;
}

/****************************************
HOME
*****************************************/

/* intro */

#slideshow {
position: relative;
z-index: 0; /* canviat per dani, estava a 1 */
margin: 3px 0;
}

.home .owl-theme .owl-nav.disabled+.owl-dots {
margin-top: -30px;
z-index: 99;
position: relative;
}

.home #slideshow .item img {
min-height: 250px;
object-fit: cover;
}

#destacat.segueix {
padding:65px 20px;
}

#destacat_home {
font-weight: 700;
text-align: center;
font-size: 1rem;
line-height: 1.3;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #006371;
}

#destacat_home p {
margin: 0;
}

#destacat_home span {
background-color: rgba(255,255,255,0.6);
padding: 4px 20px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}

#destacat_home a {
background-color: red;
}

#destacat_home2 {
background-color: #f2f2f2;
padding: 20px 0px 5px 0px;
line-height: 1.5;
}

.save_date {
max-width: 420px;
padding: 20px 5%;
}

.franja_text {
max-width: 750px;
text-align: center;
}

.franja_text h2 {
font-size: 1.5rem;
line-height: 1.3;
color: #3AADB3;
}

#intro_home p {
margin-bottom: 1em;
line-height: 1.4;
}

#destacat_home p.claim {
margin-top: 20px;
}

.claim a, #destacat_home .claim span {
/*text-transform: uppercase;*/
background-color: #000;
color: #fff;
font-size: 1rem;
padding: 4px 20px;
transition: background-color 0.3s;
box-shadow: 0 0 25px rgba(0,0,0,0.2);
}

.claim a:hover {
background-color: #3AADB3;
transition: background-color 0.3s;
}


/* escull tipus públic */

.escull_container {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: nowrap;
}

.escull h2 {
font-weight: 800;
font-size: 0.9375rem;
color: #737373;
margin-bottom: 0.25em;
}

.escull ul {
padding: 0;
text-align: center;
}

.escull li {
font-size: 1.125rem;
font-weight: 700;
text-transform: uppercase;
color: #000;
line-height: 1;
}

.escull a {
background-position: 20px center;
background-repeat: no-repeat;
background-size: 30px auto;
padding: 20px;
margin-bottom: 10px;
list-style-type: none;
transition: filter 0.2s;
flex: 1;
margin: 1px;
display: flex;
flex-direction: column;
justify-content: center;
}

.escull a:hover {
filter: brightness(107%);
transition: filter 0.2s;
}

.tipus_tothom,
#post-9 .bloc:nth-of-type(1),
#post-285 .bloc:nth-of-type(1) {
background-color: #C2C151;
}

.tipus_escoles,
#post-9 .bloc:nth-of-type(2),
#post-285 .bloc:nth-of-type(2) {
background-color: #77B144;
}

.tipus_empreses,
#post-9 .bloc:nth-of-type(3),
#post-285 .bloc:nth-of-type(3) {
background-color: #70BB7E;
}

.tipus_entitats,
#post-9 .bloc:nth-of-type(4),
#post-285 .bloc:nth-of-type(4) {
background-color: #52B0D5;
}


/* etapes */

.etapes_llistat {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
margin: 0;
padding: 0;
}

.etapes_llistat h1.franja_titol {
background-color: #C29C70;
color: #fff;
margin: 0;
padding: 20px;
}
.etapes li {
font-size: 0.875rem;
text-transform: uppercase;
color: #000;
line-height: 1;
list-style-type: none;
}

.etapes a {
padding: 20px;
margin-bottom: 10px;
background-color: #C29C70;
transition: filter 0.2s;
flex: 1 0 160px;
margin: 1px;
}

.etapes a:hover {
filter: brightness(107%);
transition: filter 0.2s;
}

.etapes p {
margin: 0.25em 0;
}

.etapa_data,
.etapa_numero {
font-size: 1.125rem;
font-weight: 700;
}

.etapes p.etapa_numero {
line-height: 1;
margin-top: 0;
margin-bottom: 0.5em;
color: #fff;
font-size: 1.75rem;
}

.etapa_ruta {
line-height: 1.2;
font-size: 0.9375rem;
}

.mes {
font-weight: 400;
}

.mapa_etapes {
padding: 1px;
}
.mapa_etapes iframe {
margin: 0;
padding: 0;
display: block;
width: 100%;
}

/* canviem ordre a maratons */

.page-id-7 #etapes_container {
display: flex;
flex-direction: column;
}

.page-id-7 .mapa_etapes {
order: 2;
}

.page-id-7 .etapes_llistat {
order: 1;
}


/** woocommerce & event calendar **/

.content_text .tribe-events-schedule h2 {
margin-top: 0;
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.wdgk_donation_content a.button.wdgk_add_donation {
background-color: #3AADB3;
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
background-color: #2F9499;
}

.woocommerce ul.order_details {
margin: 0;
padding: 0;
}

.entry-content .tribe-events-tickets .tickets_description,
.entry-content .tribe-events-tickets .tickets_name,
.entry-content .tribe-events-tickets .tickets_name p,
.entry-content .tribe-events-tickets .tickets_price {
font-size: 1.125rem;
}

.content_text .entry-content h2.tribe-events-tickets-title {
font-size: 2.5rem;
}

.entry-content .tribe-events-tickets .tickets_price {
font-style: normal;
}

button.tribe-button {
background-color: #3BADB3;
border-color: #3BADB3;
color: #fff;
font-weight: bold;
}

.woocommerce.add-to-cart {
text-align: right;
}

.tribe-block__tickets__registration__event header h2 {
font-size: 2.5rem;
font-weight: bold;
margin: 0;}

.entry-content .tribe-block__tickets__registration__tickets__item,
.entry-content .tribe-block__tickets__registration__tickets__item:last-child {
border: 1px solid #ccc;
border-left: none;
border-right: none;
}

.woocommerce table.shop_table tbody:first-child tr:first-child td,
td.product-subtotal {
text-align: right;
}

/* llistat d'esdeveniments */

.tribe-events-list .tribe-events-loop .tribe-events-event-image {
width: auto;
float: none;
}

.tribe-events-list-event-description p,
.tribe-events-loop .tribe-events-event-meta {
margin: 0;
line-height: 1.2;
}

.tribe-events-loop .tribe-events-event-meta {
color: #BF805D;
text-transform: uppercase;
font-size: 1rem;
}

.tribe-events-loop h3.tribe-events-list-event-title {
text-transform: uppercase;
line-height: 1;
}

.tribe-events-list .tribe-events-loop {
display: flex;
flex-direction: column;
}

.tribe-events-loop .type-tribe_events.tribe-events-last {
border-bottom: 1px solid #ddd;
}

.tribe-events-list .tribe-events-loop .type-tribe_events {
order: 1;
}

.tribe-events-list .tribe-events-loop .type-tribe_events#post-2565,
.tribe-events-list .tribe-events-loop .type-tribe_events#post-2567 {
order: 2;
}

/* amaguem coses */

body.single-product .product_meta,
.tribe-events-schedule .tribe-events-cost,
p.tribe-events-back,
.tribe-events-single-section,
.entry-content .tribe-events-tickets .tribe-tickets-remaining,
#tribe-events-header .tribe-events-nav-pagination,
.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3,
.tribe-block__tickets__registration__back__to__cart,
.tribe-block__tickets__registration__toggle__handler,
.tribe-block__tickets__registration__status,
.single .tribe-events-event-image,
.tribe-events-list .tribe-events-venue-details,
img.woocommerce-placeholder,
nav.tribe-events-nav-pagination,
.tribe-events-ical {
display:none;
}

/****
popup pasarela
****/

.fons{
  position: fixed;
  top: 0; left: 0;
  bottom: 0; right:0;
  background-color: rgba(0,0,0,0.6);
  z-index: 10;
}

.fons .popup{
  width: 400px;
  padding: 30px;
  background-color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}

.spinner.loading {
  padding: 50px;
  position: relative;
  text-align: center;
}

.spinner.loading:before {
  content: "";
  height: 30px;
  width: 30px;
  margin: -15px auto auto -15px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-width: 8px;
  border-style: solid;
  border-color: #2180c0 #ccc #ccc;
  border-radius: 100%;
  animation: rotation .7s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  } to {
    transform: rotate(359deg);
  }
}
/****************************************
Singles
*****************************************/


/* singles en general */

.content_text {
font-size: 1rem;
}

#single_pagina #main {
padding-top: 30px;
}


/* SINGLE ETAPA */

#single_etapa h1.entry-title,
.single-tribe_events h1.tribe-events-single-event-title {
font-size: 2rem;
text-transform: uppercase;
font-weight: 700;
margin: 0;
}

#single_etapa .etapa_data,
.tribe-events-schedule h2 {
font-size: 1.75rem;
text-transform: uppercase;
color: #BF805D;
margin: 0;
}

#single_etapa .etapa_ruta,
.tribe-events-single-event-description h2,
.tribe-events-list-event-description p.etapa_ruta  {
font-size: 1.75rem;
color: #000;
text-transform: uppercase;
font-weight: 700;
margin: 0;
}

.content_text .participa a,
input[type="submit"] {
text-transform: uppercase;
background-color: #3AADB3;
text-decoration: none;
color: #fff;
font-size: 1.5rem;
padding: 6px 20px;
transition: background-color 0.3s;
font-weight: 700;
border-radius: 0;
border: none;
}

.content_text .participa a:hover,
input[type="submit"]:hover {
background-color: black;
transition: background-color 0.3s;
color: #fff;
cursor: pointer;
}

input[type="submit"]:disabled {
background-color: #ccc;
}

input[type="submit"]:disabled:hover {
background-color: #ccc;
cursor: not-allowed;
}

p.compartir_titol {
margin-top: 4em;
margin-bottom: 0.25rem;
font-size: 0.875rem;
color: #999;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
background-color: #fff;
}

div.wpcf7-response-output {
margin-left: 0;
font-weight: bold;
padding: 20px;
}


/* teaser organitzadors */

.llistat_organitzador_header {
background-color: #fff;
justify-content: flex-start;
}

.veure_web {
margin-top: auto;
margin-bottom: 0;
font-size: 0.75rem;
}

.veure_web a {
border: 1px solid #C4C1BB;
border-radius: 4px;
padding: 3px 10px;
}

.veure_web a:hover {
background-color: #C4C1BB;
cursor: pointer;
color: #fff;
}


/* inscripcions */

.bloc {
background-color: #3BADB3;
margin-bottom: 2px;
}

.content_text .bloc h2 {
color: #fff;
text-transform: uppercase;
margin: 0;
transition: background-color 0.3s;
padding: 20px;
line-height: 1.1;
font-size: 1.25rem;
}

.content_text .bloc h2:hover {
transition: background-color 0.3s;
background-color: #2F9499;
cursor: pointer;
}

.bloc .tab {
background-color: #fff;
padding: 20px;
margin: 1px;
border-bottom: 1px solid  #3BADB3;
}

.inscripcions {
margin-top: 20px;
padding: 20px;
background-color: #f2f2f2;
}

.content_text .inscripcions h2 {
text-transform: uppercase;
font-size: 2rem;
margin: 0;
}

.wpcf7-form input {
max-width: 100%;
}

span.wpcf7-list-item {
margin-left: 0;
}

.wpcf7-list-item input[type="checkbox"] {
font-size: 2em;
margin-right: 8px;
}


/* Col·laboradors */

#pagina_collaboradors {
padding: 60px 0;
}

#llistat_organitzadors p.llistat_organitzadors_txt {
display: block;
}

#llistat_organitzadors img,
#llistat_organitzadors figure {
margin: 5px;
/*border: 1px solid #eaeaea;*/
}

#llistat_organitzadors figure {
padding: 10px 20px;
vertical-align: middle;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

#llistat_organitzadors figure img {
margin: 0;
border: none;
max-width: 195px;
}

#llistat_organitzadors figure.logo_bbva img {
max-width: 260px;
}
.un_organitzador h2 {
font-size: 0.75rem;
font-weight: 400;
line-height: 1.3;
padding-top: 10px;
margin-bottom: 0;
}

.page-template-page-collaboradors .compartir {
padding-top: 20px;
}


/* Notícies */

#archive_noticies {
padding: 40px 0;
}

.teaser.una_noticia p {
margin-bottom: 0;
}

.teaser.una_noticia h2 {
margin: 0;
}

.una_noticia_data {
font-size: 0.75rem;
margin: 0 0 0.5em 0;
color: #666;
}

/* Llistat causes amb filtres */

#tria_causa {
padding: 20px;
background-color:
#f2f2f2;
}

.tria_causa_main {
padding-top: 60px;
}


/*#llistat_causes {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
grid-auto-rows: 1fr;
grid-gap: 20px;
}

#llistat_causes article {
text-align: center;
display: flex;
flex-direction: column;
justify-content: flex-start;
}

.una_causa {
background-color: #f2f2f2;
}

.una_causa_foto img {
display: block;
}

.una_causa_info h2 {
line-height: 1;
padding: 20px;
}

.una_causa_botons {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
margin-top: auto;
}

.una_causa_botons li {
flex: 1;
}

.una_causa_botons li:first-of-type {
border-right: 1px solid #fff;
}

.una_causa_botons a {
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-weight: 700;
text-align: center;
padding: 10px 20px;
font-family: Rajdhani, helvetica, arial, sans-serif;
display: block;
background-color: var(--turquesa);
transition: background-color 0.2s;
}

.una_causa_botons a:hover {
background-color: var(--turquesa2);
transition: background-color 0.2s;
}

#filtres_causes .filter {

}

*/

#content_causes nav ul {
height: 150px;
overflow: auto;
}

#content_causes nav h2 {
margin: 0;
padding-left: 10px;
}

#content_causes nav h2:hover {
color: var(--turquesa);
cursor: pointer;
}

#content_causes nav ul {
padding: 10px;
background-color: #fff;
}

#content_causes nav li {
font-size: 0.875rem;
padding: 3px 10px 3px 30px;
list-style-type: none;
background: url(img/check.svg) no-repeat 0 -79px;
}

#content_causes nav li.selected {
background-position: 0 4px;
}

#content_causes nav li.selected:hover {
background-position: 0 -162px;
}

.causa_triada {
text-align: center;
}

.triat {
font-size: 2rem;
font-family: Rajdhani, helvetica, arial, sans-serif;
text-transform: uppercase;
color: #c44a12;
}

.escull_passos {
padding-left: 0;
}

.escull_passos li {
text-align: center;
padding: 30px;
max-width: 320px;
margin-bottom: 40px;
line-height: 1.3;
}

.escull_passos li:hover a {
color: #c44a12;
}

.escull_passos img {
display: block;
margin: 0 auto 1.5em auto;
max-width: 180px;
position: relative;
left: -15px;
}


/* Llistat participants */

.llistat_participants {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
grid-gap: 30px;

}

/* Provisional per quan no hi ha equips entre edicions */

/*
.llistat_participants {
filter: grayscale(1) contrast(1.3);
opacity: 0.8;
}

.participant .equip a {
color: #404040;
}
*/

.participant-top {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
border-bottom: 1px solid #3AADB3;
}

.participant {
border: 1px solid #3AADB3;
display: flex;
  flex-direction: column;
  min-height: 370px;
}

.imatge-participant {
padding: 20px;
}

.imatge-participant img {
max-height: 100px;
width: auto;
display: block;
margin: 0 auto;
}

.causa-image  img {
width: 100%;
height: 150px;
object-fit: cover;
display: block;
}

.causa-link a, .causa-link a:visited {
color: #000;
}

.participant-bottom {
padding: 20px 30px;
display: flex;
  flex-direction: column;
  height: 100%;
}

.equip {
font-family: Rajdhani, helvetica, arial, sans-serif;
font-weight: 700;
font-size: 1.5rem;
line-height: 1.2;
}

.circuit-donacio {
display: flex;
justify-content: flex-end;
gap: 12px;
font-size: 0.9375rem;
margin-top: 12px;
margin-top: auto;
}

.circuit-donacio > div {
display: flex;
align-items: center;
gap: 6px;
}

.circuit-donacio .circuit::before {
content: url(img/ico_recorregut.svg);
}

.circuit-donacio .donatiu::before {
content: url(img/ico_euro.svg);
position: relative;
top: 1px;
filter: invert(1);

}

.circuit-donacio .donatiu {
background-color: #3AADB3;
padding: 3px 10px;
border-radius: 20px;
color: #fff;
font-weight: 700;
}

/* formulari inscripcio corredors*/

form span.obligatori{
  color:red;
}

/* formulari inscripció causa */

.wpcf7-text {
margin-top: 5px;
}

.wpcf7-text:focus {
border-color: #333;
}

.wpcf7-select {
padding: 6px;
border-radius: 4px;
margin-top: 5px;
}

.form_instruccions {
color: #999;
font-size: 0.875rem;
}

.wpcf7-form h3,
.wpcf7-form h4 {
margin:3em 0 1em 0;
}

input.invisible {
border: none;
padding: 0;
color: #000;
font-weight: 600;
}

.wpcf7-form span.wpcf7-list-item {
display: block;
}

/* form més informacio */

.mes-informacio {
position:fixed;
bottom:0;
right:90px;
font-weight: bold;
font-size: 0.875rem;
}

.mes-informacio > p {
margin-bottom: 0;
}

.mes-informacio > p > a {
background-color: #f9d449;
display: block;
color: #000;
padding: 10px 20px;
margin-bottom: 0;
border-radius: 6px 6px 0 0;
box-shadow: 0px 0 12px rgba(0,0,0,0.35);
}

.mes-informacio-form {
background-color: #fff;
padding:10px 20px;
z-index:999999;
opacity:0.99;
box-shadow: 0px 12px 12px rgba(0,0,0,0.35);
max-width: 300px;
}

.mes-informacio-form textarea {
max-height: 100px;
}

.mes-informacio .close {
width: 20px;
height: 20px;
background: url(img/ico_close.svg) center center no-repeat;
background-size: contain;
text-indent: -999em;
position: absolute;
top: 26px;
right: 20px;
opacity: 0.8;
transition: all 0.2s;
}

.mes-informacio .close:hover {
cursor: pointer;
opacity: 1;
transition: all 0.2s;
}




@media (min-width: 450px) {

/* footer */

#footer_logos img {
height: 60px;
width: auto;
}

}


@media (min-width: 600px) {

/* home intro */

#destacat_home {
font-size: 2rem;
}

#destacat_home span {
background-color: rgba(255,255,255,0.9);
}

#destacat_home2 {
padding: 30px 0px 5px 0px;
}

.claim a {
font-size: 2.5rem;
}

/* header */

#preheader.wrap {
width: 90%;
}

#preheader {
display: flex;
justify-content: space-between;
align-items: flex-start;
}

.logo {
background-size: auto 90px;
height: 100px;
background-position: 0 3px ;
margin-top: 3px;
}

.site-title {
height: 80px;
}

#lang, #xxss, #premsa {
margin-left: 1.5em;
}

#lang_xxss {
float: right;
margin-top: 5px;
position: static;
}

#racetracker {
display: grid;
/*grid-template-columns: 160px 270px;*/
width: auto;
grid-gap: 10px;
position: absolute;
left: auto;
top: auto;
right: 0;
bottom: 0;
transform: none;
float: none;
max-width: 560px;
margin: 0;
}

#racetracker a {
display: flex;
flex-direction: column;
justify-content: center;
font-size: 1.0625rem;
padding: 15px 20px;
}

#save_date {
position: absolute;
    right: 230px;
    bottom: 1px;
    top: auto;
    width: 160px;
}


/* franges */

.franja {
margin-bottom: 40px;
}

.content_text .bloc h2{
padding: 20px 40px;
font-size: 1.5rem;
}

.page-id-991 .bloc > p {
color: #fff;
padding: 10px 40px;
margin: 0;
font-size: 1.25rem;
}

.bloc .tab {
padding: 20px 25px;
}

.inscripcions {
margin-top: 40px;
padding: 30px 40px;
}

/* llistat esdeveniments */

.tribe-events-loop .type-tribe_events {
display: flex;
flex-direction: row;
justify-content: space-between;
}

.event_teaser_foto {
width: 300px;
}

.event_teaser_info {
width: calc(100% - 330px);
}

/* archive notícies */

.llistat_noticies {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-gap: 30px;
}

}

@media (min-width: 768px) {

.mobil {
display: none;
}

#slideshow.wrap {
width: 90%;
}

/* header */

#lang, #xxss, #premsa {
display: inline-block;
}

.logo {
padding-top: 10px;
height: 146px;
background-size: auto 130px;
background-position: 0 6px ;
}

#save_date {
right: 230px;
bottom: 10px;
top: auto;
width: 260px;
}

/* footer */

#footer_logos img {
height: 70px;
}

/* menu principal */

.menu-toggle,
.main-navigation li.mobil {
display: none;
}

.main-navigation {
width: 100%;
clear: both;
background-color: #3AADB3;
}

.main-navigation ul {
text-transform: uppercase;
font-weight: 500;
clear: both;
font-size: 1.125rem;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
background-color: transparent;
margin: 0;
padding: 0;
}

.main-navigation #primary-menu > li {
position: relative;
text-align: center;
}

.main-navigation a,
.main-navigation a:visited {
display: block;
text-decoration: none;
color: #fff;
line-height: 1;
padding: 16px 10px;
font-weight: 700;
transition: background-color 0.3s;
}

.main-navigation .current-menu-item > a,
.main-navigation .current_page_parent > a {
transition: background-color 0.3s;
background-color: #2C8A8F;
}

.main-navigation a:hover,
.main-navigation .sub-menu a:hover {
transition: background-color 0.3s;
background-color: #2F9499;
}


.main-navigation .sub-menu .current-menu-item > a {
background-color: #3AADB3;
border-radius: 0;
}

.main-navigation ul ul {
float: left;
position: absolute;
top: 54px;
left: -999em;
z-index: 99999;
text-transform: none;
display: block;
background-color: #2C8A8F;
border-top: 3px solid #fff;
}

.main-navigation ul ul ul {
left: -999em;
top: 0;
}

.main-navigation ul ul a {
width: 240px;
padding: 14px 16px 12px 16px;
border-bottom: 2px solid #fff;
font-size: 1.0625rem;
}

.main-navigation ul ul li:last-of-type a {
border-bottom: none;
}

.main-navigation ul ul li {
margin: 0;
}

.main-navigation ul ul li.menu-item-has-children > a {
background-image: url(http://ultracleanmarathon.cat/wp-content/themes/ultraclean/img/arrow_right.svg);
background-repeat: no-repeat;
background-position: calc(100% - 14px) center;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
}

.main-navigation .menu-item-has-children > a {
padding-right: 36px;
background: url(img/arrow_down.svg) no-repeat calc(100% - 6px) 20px;
}

.main-navigation .current-menu-item.menu-item-has-children > a,
.main-navigation .current-menu-parent.menu-item-has-children > a,
.main-navigation .menu-item-has-children > a:hover {
background-color: #2C8A8F;
}

/* menu edicions anteriors */

.menu-superior-container,
.menu-superior-es-container {
display: inline-block;
z-index: 9999;
position: relative;
}

#menu-superior {
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
}

#menu-superior li {
display: inline-block;
list-style-type: none;
}

#menu-superior a,
#menu-superior a:visited {
text-decoration: none;
text-transform: uppercase;
padding: 0 10px;
display: block;
line-height: 1;
}

#menu-superior a:hover {
text-decoration: underline;
}

#menu-superior ul {
float: left;
position: absolute;
top: 20px;
left: -999em;
padding-left: 0;
margin-left: 0;
padding-top: 10px;
font-size: 0.75rem;
background-color: #fff;
text-transform: none;
border-radius: 0 0 4px 4px;
}

#menu-superior ul.sub-menu li {
display: block;
min-width: 140px;
text-align: left;
}

#menu-superior ul a {
padding: 5px 10px;
}

#menu-superior li:hover > ul {
left: auto;
}

#menu-superior ul > ul {
float: left;
position: absolute;
top: 54px;
left: -999em;
z-index: 99999;
display: block;
}

#menu-superior ul ul ul {
left: -999em;
top: 0;
z-index: 99999;
position: relative;
}

.main-navigation ul ul li {
margin: 0;
}

#menu-superior ul ul a {
width: 120px;
}

#menu-superior ul li:hover > ul,
#menu-superior ul li.focus > ul {
left: 100%;
}


/* UCM - HOME */

#destacat_home {
font-size: 1.375rem;
line-height: 1.7;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
background-color: transparent;
}

.claim a, #destacat_home .claim span {
font-size: 1.5rem;
padding: 4px 20px;
}

.save_date {
max-width: 520px;
}

/* estructura */

#single_pagina #main {
max-width: 700px;
margin: 0 auto;
padding-top: 60px;
}


/* generals */

h1.entry-title {
font-size: 2.5rem;
}

.content_text a,
#intro_home a {
text-decoration: underline;
text-decoration-color: #FFE865;
color: #3AADB3;
}

.content_text a:hover {
color: #5D9699;
}

.content_text li {
margin-bottom: 0.5em;
}

/* franja escull */

.escull li {
font-size: 1.5rem;
}

.escull a {
padding: 20px 10px;
min-height: 125px;
background-position: center 25px;
background-size: auto;
}

.escull_passos {
display: flex;
flex-direction: row;
list-style-type: none;
justify-content: space-around;
padding-left: 0;
}

.escull_passos li {
width: 33%;
margin-bottom: 0;
}

/* Llistat causes amb filtres */

#content_causes {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 25px;
grid-row-gap: 0;
justify-content: start;
}

#llistat_causes {
grid-column: 1 / -1;
}

/* form més informacio */

.mes-informacio > p > a {
padding:20px 30px;
}

.mes-informacio-form textarea {
max-height: 180px;
}

.mes-informacio .close {
width: 24px;
height: 24px;
top: 36px
}
}

@media (min-width: 1020px) {


/* header */

.main-navigation ul {
font-size: 1.375rem;
}

/* HOME */

#destacat_home {
bottom: 10%;
}

.save_date {
max-width: none;
}

#destacat_home2 {
padding-bottom: 30px;
}

#intro_home {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 40px;
margin-bottom: 40px;
}

.col50 {
width: 48.5%;
}

/* Llistat causes amb filtres */

#content_causes {
grid-template-columns: 1fr 240px 240px;
}

#llistat_causes {
grid-column: 1 / 2;
}

/*#tria_causa {
display: grid;
grid-template-columns: 1fr 350px;
grid-gap: 40px;
grid-template-areas: "content_causes filtres_causes"
}

#content_causes {
grid-area: content_causes;
}

#filtres_causes {
grid-area: filtres_causes;
}*/

}



@media (min-width: 1200px) {

/* header */


#xxss a {
width: 30px;
height: 30px;
}

.main-navigation {
font-size: 1rem;
}

/* SINGLE ETAPA */

#single_etapa h1.entry-title,
.single-tribe_events h1.tribe-events-single-event-title {
font-size: 2.5rem;
}

#single_etapa .content_text  h2:first-of-type {
margin-top: 0.25em;
color: #BF805D;
}

/* escull */

.escull a {
min-height: 165px;
}


}


@media (min-width: 1300px) {

.escull li {
font-size: 1.5rem;
}

}

/* IUJUUUUUUUUUU!!! */

@supports (display: grid) {

	.etapes_llistat, .escull_container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 3px;
	grid-auto-rows: 1fr;
	}

	.etapes_llistat a,
	.escull a {
	margin: 0;
	}


	@media (min-width: 1000px) {
	.etapes_llistat, .escull_container{
	grid-template-columns: repeat(4, 1fr);
	}
	}

	@media (min-width: 1360px) {
	.etapes_llistat, .escull_container {
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	}
	}
}
}