/* FONTS */


/* @import url("https://use.typekit.net/krd7jzd.css");*/
@import url("https://use.typekit.net/fgk6nkn.css");

@import url("https://p.typekit.net/p.css?s=1&k=fgk6nkn&ht=tk&f=13466.13468.13470&a=400580933&app=typekit&e=css");

@font-face {
font-family:"Freight";
src:url("https://use.typekit.net/af/9e97d3/00000000000000007735d62a/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/9e97d3/00000000000000007735d62a/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/9e97d3/00000000000000007735d62a/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"Freight";
src:url("https://use.typekit.net/af/e04ccd/000000000000000077359fb7/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/e04ccd/000000000000000077359fb7/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/e04ccd/000000000000000077359fb7/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"Freight";
src:url("https://use.typekit.net/af/463b3c/000000000000000077359fbd/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/463b3c/000000000000000077359fbd/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/463b3c/000000000000000077359fbd/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;
}

@font-face {
	font-family: "Freight";
	src: url(../fonts/FreightTextLight.otf) format('opentype'),
         url(../fonts/FreigTexLig.ttf) format('truetype');
  }

@font-face {
    font-family: "Univers";
	src: url(../fonts/UniversNextPro-XBlackCond.ttf) format('truetype');
}


body .tm-header .uk-logo{
    display:none !important;
}

body .tm-header .uk-navbar-left{
    width: 100%;
}

@media (min-width: 960px) {
    body .tm-header .uk-navbar-left{
        width: 50%;
    }
}

body .tm-header #builderwidget-4{
    width: 100%;
    display: block;
    align-content: center;
}

/* HTML SCROLL */

html.stop-scrolling,
html.noScroll{
    height: 100%;
    overflow: hidden;
}
html.stop-scrolling body,
html.noScroll body{
    overflow-y: scroll;
}

/* PADDINGS */

@media(min-width:1500px){
    body:not(.home) .uk-container{
        padding-left: 100px;
        padding-right: 100px;
    }
    .uk-tile{
        padding-left: 100px;
    }
}


/* HEADER TRANSPARENT */

@media(max-width:960px){
    body.transparentHeader .tm-header{
        padding-top: 30px;
        padding-bottom: 30px;
    }
}



/* ROUND BUTTONS */

.roundButtons .uk-card-primary{
    border: 2px solid #000;
  border-radius: 500px;
  padding: 10px 20px;
  align-content: center;
}
.roundButtons .uk-card-primary:hover{
    background-color: rgba(255,255,255,0.3);
}

/* HOME */

.home .uk-navbar-left{
    display:none;
}

.home .uk-navbar-right{
    width: 100%;
    margin: 0;
}

.home .tm-header .uk-container{
    padding-left: 50px;
    padding-right: 50px;
}

.home .textwidget{
    width: 100%;
}
.home .logosHome{
    padding-top: 30px;
    padding-bottom: 30px;
}
body:not(.home) .logosHome{
    display: none;
}

#menuLinks .el-link,
#menuLinksMob .el-link{
    border-bottom: 2px solid transparent;
}

#menuLinks .el-link:hover,
#menuLinksMob .el-link:hover{
    border-bottom: 2px solid #bbffc1;
}


#menuLinks .el-link.etapes:before,
#menuLinks .el-link.d25:before,
#menuLinksMob .el-link.etapes::after,
#menuLinksMob .el-link.d25::before,
#playModal .cronica:before{
    content:"";
    background-image: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 523.28 523.28'%3E%3Cdefs%3E%3CclipPath id='clippath'%3E%3Crect x='-36' y='-36' width='595.28' height='595.28' style='fill: none;'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg style='clip-path: url(%23clippath);'%3E%3Cpath d='M261.64,523.28c144.5,0,261.64-117.14,261.64-261.64S406.14,0,261.64,0,0,117.14,0,261.64s117.14,261.64,261.64,261.64' style='fill: %23bbffc1;'/%3E%3Cpath d='M332.15,97.88c0-5.52-4.48-10-10-10h-31.7l22.42-22.42c3.91-3.9,3.91-10.24,0-14.14-3.9-3.9-10.24-3.9-14.14,0l-22.42,22.42v-31.71c0-5.52-4.48-10-10-10s-10,4.48-10,10v31.71l-22.42-22.42c-3.91-3.91-10.24-3.9-14.14,0-3.9,3.9-3.9,10.24,0,14.14l22.42,22.42h-31.71c-5.52,0-10,4.48-10,10s4.48,10,10,10h31.71l-22.42,22.42c-3.9,3.91-3.9,10.24,0,14.14,1.95,1.95,4.51,2.93,7.07,2.93s5.12-.98,7.07-2.93l22.42-22.42v31.71c0,5.52,4.48,10,10,10s10-4.48,10-10v-31.7l22.42,22.42c1.95,1.95,4.51,2.93,7.07,2.93s5.12-.98,7.07-2.93c3.91-3.9,3.91-10.24,0-14.14l-22.42-22.42h31.7c5.52,0,10-4.48,10-10M424.37,415.3c-.89-.33-22.13-8.11-54.94-9.46-3.59-.15-7.41-.22-11.42-.18v-54.17c13.62,15.37,33.48,25.09,55.58,25.09,5.33,0,9.66-4.32,9.66-9.66s-4.33-9.66-9.66-9.66c-30.33,0-55.01-24.68-55.01-55.01,0-1.15-.21-2.24-.57-3.26v-22.97c13.62,15.37,33.48,25.09,55.58,25.09,5.33,0,9.66-4.33,9.66-9.66s-4.33-9.66-9.66-9.66c-30.33,0-55.01-24.68-55.01-55.01,0-1.14-.21-2.24-.57-3.26v-22.97c13.62,15.37,33.48,25.09,55.58,25.09,5.33,0,9.66-4.32,9.66-9.66s-4.33-9.66-9.66-9.66c-30.33,0-55.01-24.67-55.01-55.01,0-5.34-4.32-9.66-9.66-9.66-.19,0-.38.02-.57.03-.19-.01-.38-.03-.58-.03-5.33,0-9.66,4.33-9.66,9.66,0,30.33-24.68,55.01-55.01,55.01-5.33,0-9.66,4.33-9.66,9.66s4.32,9.66,9.66,9.66c22.11,0,41.96-9.73,55.58-25.09v22.97c-.36,1.02-.57,2.11-.57,3.26,0,30.33-24.68,55.01-55.01,55.01-5.33,0-9.66,4.33-9.66,9.66s4.32,9.66,9.66,9.66c22.11,0,41.96-9.73,55.58-25.09v22.97c-.36,1.02-.57,2.11-.57,3.26,0,30.33-24.68,55.01-55.01,55.01-5.33,0-9.66,4.32-9.66,9.66s4.32,9.66,9.66,9.66c22.11,0,41.96-9.73,55.58-25.09v55.14c-27.03,2.47-60.01,10.16-94.32,29.1-.35.19-.67.41-.98.63-17.79-5.57-34.53-8.52-49.46-9.89v-74.99c13.63,15.37,33.48,25.09,55.58,25.09,5.34,0,9.66-4.32,9.66-9.66s-4.33-9.66-9.66-9.66c-30.33,0-55.01-24.68-55.01-55.01,0-1.15-.21-2.24-.57-3.26v-22.97c13.63,15.37,33.48,25.1,55.58,25.1,5.34,0,9.66-4.33,9.66-9.66s-4.33-9.66-9.66-9.66c-30.33,0-55.01-24.68-55.01-55.01,0-1.14-.21-2.24-.57-3.26v-22.97c13.63,15.37,33.48,25.09,55.58,25.09,5.34,0,9.66-4.32,9.66-9.66s-4.33-9.66-9.66-9.66c-30.33,0-55.01-24.67-55.01-55.01,0-5.34-4.32-9.66-9.66-9.66-.19,0-.38.02-.57.03-.19-.01-.38-.03-.58-.03-5.33,0-9.66,4.33-9.66,9.66,0,30.33-24.68,55.01-55.01,55.01-5.33,0-9.66,4.33-9.66,9.66s4.33,9.66,9.66,9.66c22.11,0,41.96-9.73,55.58-25.1v22.97c-.37,1.02-.58,2.11-.58,3.26,0,30.33-24.68,55.01-55.01,55.01-5.33,0-9.66,4.33-9.66,9.66s4.33,9.66,9.66,9.66c22.11,0,41.96-9.73,55.58-25.1v22.97c-.37,1.02-.58,2.11-.58,3.26,0,30.33-24.68,55.01-55.01,55.01-5.33,0-9.66,4.32-9.66,9.66s4.33,9.66,9.66,9.66c22.11,0,41.96-9.73,55.58-25.09v74.02c-4.02-.04-7.84.03-11.42.17-32.81,1.35-54.05,9.13-54.94,9.46-4.99,1.86-7.53,7.4-5.68,12.4,1.85,5,7.4,7.55,12.4,5.71.2-.07,19.83-7.18,49.79-8.3,27.46-1.02,69.56,2.92,114.16,27.54,1.48.82,3.08,1.21,4.66,1.21,3.4,0,6.7-1.8,8.47-4.99,2.58-4.67.88-10.55-3.79-13.13-6.88-3.8-13.71-7.13-20.44-10.07,39.27-18.24,75.51-21.31,100.06-20.39,29.96,1.12,49.6,8.23,49.79,8.3,5,1.85,10.55-.7,12.41-5.69,1.86-5-.68-10.56-5.68-12.42'/%3E%3C/g%3E%3C/svg%3E");
    width: 50px;
    height: 50px;
    position: absolute;
    top: -69px;
    left: calc(50% - 25px);
    background-size: contain;
}

@media (max-width:1350px){
    #menuLinks .el-link.etapes:before,
    #menuLinksMob .el-link.etapes:after{
        content:none;
    }
    #menuLinks .el-link,
    #menuLinksMob .el-link{
        text-shadow: 2px 2px 4px #000;
    }
    #menuLinks .el-link.etapes:before,
    #menuLinks .el-link.d25:before,
    #menuLinksMob .el-link.etapes:after,
    #menuLinksMob .el-link.d25:before,
    #playModal .cronica:before{
        -webkit-filter: drop-shadow( 2px 2px 2px #000 );
        filter: drop-shadow( 2px 2px 2px #000 );
    }
}
@media (min-width:1351px){
    #menuLinks .el-link.d25:before,
    #menuLinksMob .el-link.d25:before{
        content:none;
    }
}

@media (min-width: 1351px) and (max-width: 1450px){
    #menuLinks > li > a,
    #menuLinksMob > li > a {
        font-size: 25px !important;
    }
}

@media (min-width:961px) and (max-width:1351px) {
    #menuLinks .el-link.etapes::before, 
    #menuLinks .el-link.d25::before, 
    #menuLinksMob .el-link.etapes::after, 
    #menuLinksMob .el-link.d25::before,
    #playModal .cronica::before {
        content: none;
    }
}
@media(max-width:786px){
    .home .logosHome .logoRuta{
        max-width: 60%;
    }
    .home .logosHome .logoDescobrir{
        max-width: 25%;
        margin-top: 2vw !important;
    }
}

@media(min-width:786px){
    body.home .menuWidget{
        display: none !important;
    }
}
@media(max-width:520px){
    .home .logosHome {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .home .tm-header .uk-container{
        padding-left: 20px;
        padding-right: 20px;
    }
    
}


/* HEADER */
@media(max-width:960px){
    body:not(.transparentHeader) .tm-header-placeholder{
        display: none !important;
    }
}
.tm-header{
    z-index: 1000;
}
/* BREADCRUM */

.uk-breadcrumb{
    margin-bottom: -3px;
}
.uk-breadcrumb li:not(:first-child){
    display: none;
}
body.parent-pageid-1598 .uk-breadcrumb li:not(:first-child){
    display: contents;
}
body.parent-pageid-1598 .uk-breadcrumb li:first-child{
    display: none;
}
body.parent-pageid-1598 .uk-breadcrumb li:not(:first-child){
    display: none;
}
body.parent-pageid-1598 .uk-breadcrumb li:first-child{
    display: contents;
}

.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before{
    content: none;
}

@media(max-width:1200px){
    .uk-breadcrumb > * > *{
       /* font-size: 22px; */
    }
}
@media(max-width:1300px){
    body:not(.home) .tm-header .uk-navbar-left{
        display: block;
    }
    #breadcrumbs-3{
        min-height: min-content;
        line-height: 1;
        justify-content: flex-start;
        margin-top:5px;
    }
    #breadcrumbs-3 > div{
        margin:0 !important;
    }
}

@media (min-width:961px) and (max-width:1300px){
    #breadcrumbs-3{
        margin-top: -43px;
    }

}

@media(max-width:960px){
    body:not(.home):not(.transparentHeader) .tm-header{
        position: relative;
        background-color: #4df063;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media(max-width:960px){
    body:not(.home) .tm-header .uk-navbar-left{
        margin-right: 110px;
    }
}
@media(max-width:530px){
    body:not(.home) .tm-header .uk-logo{
        min-height: auto;
        max-width: 180px;
    }
    body:not(.home) .tm-header .uk-breadcrumb li > *{
        font-size: 6vw;
        letter-spacing: -0.5px;
    }
    .menuButton img,
    .menuClose img{
        width: 47px;
    }
    #breadcrumbs-3 > nav{
        margin-bottom: 20px !important;
    }
    .uk-navbar-left{
        align-items: baseline;
    }

}


/* FULL MENU */

#overlayMenu{
    z-index: 1000;
    position: relative;
}

#fullMenu{
	display:none;
}
#fullMenu.open{
	display:block;
}

.menuClose{
    margin-right: 43px;
}

.menuClose.hide,
.menuButton.hide{
	display:none;
}
.menuClose.show,
.menuButton.show{
	display:block;
}

body.page-template-page-cronica #overlayMenu{
    display: none;
}

#fullMenuCronica .uk-modal-close-full{
    padding-right: 30px;
}

@media(min-width:960px){
    #fullMenuCronica .uk-modal-close-full{
        padding-right: 60px;
    }
    .menuClose{
        margin-right: 73px;
    }
}

@media(min-width:1500px){
    #fullMenuCronica .uk-modal-close-full{
        padding-right: 100px;
    }
    .menuClose{
        margin-right: 113px;
    }
}

@media(max-width:640px){
    #fullMenuCronica .uk-modal-close-full{
        padding: 22px 23px;
    }
    #fullMenuCronica .uk-modal-close-full img{
        width: 47px;
    }
    .menuClose{
        margin-right: 30px;
    }
}

@media(min-width:786px){
    body.home #overlayMenu{
        display: none;
    }
}

@media(max-width:1350px){
    #fullMenu #menuLinks,
    #fullMenuCronica #menuLinks,
    #fullMenu #menuLinksMob,
    #fullMenuCronica #menuLinksMob{
 		flex-direction: column;
    }
    #fullMenu .uk-section.uk-flex,
    #fullMenuCronica .uk-section.uk-flex{
        align-items: center !important;
    }
}

@media(max-width:960px){

    #fullMenu,
    #fullMenuCronica{
        background-color: #1d1d1b !important;
    }

    #fullMenu #menuLinks,
    #fullMenuCronica #menuLinks,
    #fullMenu #menuLinksMob,
    #fullMenuCronica #menuLinksMob{
        height: calc(100vh - 140px);
        display: flex;
        justify-content: space-around;
        flex-direction: column;
    }
    .menuButton{
        margin-top: 0 !important;
    }

    body.home .menuWidget .menuButton{
        margin-top: 30px !important;
        margin-right: 10px !important;
    }
}

@media(max-width:960px){
    body:not(.home) .menuButton{
        margin-right: 15px !important;
    }
}

/* SPECIAL LOGO COLOR */

body.page-id-4240 .uk-navbar .uk-logo  svg g > * {
    fill: #4df063 !important;
}
body.page-id-4240 .uk-breadcrumb span{
    color:#4df063 !important;
}

body.page-id-1602 .uk-logo  svg g > * {
    fill: #bbffc1 !important;
}
body.page-id-1602 .uk-breadcrumb span{
    color:#bbffc1 !important;
}
body.page-id-1602 .menuWidget .menuButton svg circle{
    stroke: #bbffc1 !important;
}
body.page-id-1602 .menuWidget .menuButton svg path {
    fill: #bbffc1 !important;
}

@media(min-width:960px){
    body.single-espais-naturals .menuWidget .menuButton svg circle{
        stroke: #bbffc1 !important;
    }
    body.single-espais-naturals .menuWidget .menuButton svg text {
        fill: #bbffc1 !important;
    }
    body.single-espais-naturals .menuWidget .menuButton svg path {
        fill: #bbffc1 !important;
    }
}
@media(max-width:960px){
    body.page-id-2054 .menuWidget .menuButton svg circle{
        stroke: #bbffc1 !important;
    }
    body.page-id-2054 .menuWidget .menuButton svg text {
        fill: #bbffc1 !important;
    }
    body.page-id-2054 .menuWidget .menuButton svg path {
        fill: #bbffc1 !important;
    }
}


/* CRONICA */


html.stop-scrolling #playModal > div{
	position: fixed;
	background-color: rgba(0,0,0,0.7);
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

}


html.stop-scrolling #playModal .uk-button-default{
    color: #bbffc1;
    border-color: #bbffc1;
}
html.stop-scrolling #playModal .uk-button-default:hover{
    background-color: #bbffc1 !important;
    color: #000 !important;
    border-color: #bbffc1 !important;
}

body.page-template-page-cronica .tm-header,
body.page-template-page-cronica .tm-header-mobile,
body.page-template-page-cronica #footer {
    display: none !important;
}

body.page-template-page-cronica #activarSo:hover,
body.page-template-page-cronica #silenci:hover{
    cursor: pointer;
}

.uk-modal-close-full{
    border: none;
}

html.uk-modal-page #menuIcon{
    display: none;
}

.bloc_text {
    max-width: 757px;
    padding: 5px;
    width: calc(100% - 80px);
    position: absolute;
    bottom: 20px;
    left: 50px;
    text-align: left;
    z-index: 2;
    color: #bbffc1;
}

.bloc_text p{
    font-size: 25px;
    line-height: 1.1;
    background: rgba(0,0,0,0.6);
    padding: 6px;
}
.bloc_text h2{
    margin: 0;
    color: #bbffc1;
    font-size: 40px;
    line-height: 1.13;
    letter-spacing: -0.6px;    
    background: rgba(0,0,0,0.6);
    display: inline;
    padding: 6px;
    padding-bottom:0;
}

.bloc_text h2 span{
    font-family: Freight;
    font-size: 45px;
}

.bloc_text h3{
    font-family: Freight;
    margin:0;
    color: #bbffc1;
    font-size: 45px;
    line-height: 1.14;
    background: rgba(0,0,0,0.6);
    display: inline;
    padding: 6px;
    padding-bottom:0;
}

.bloc_text em{
    color: #bbffc1;
}

#navegacio{
    height: 60px;
    z-index: 10000;
    position: relative;
    float: right;
}

.bloc{
    width: 100vw;
    height: 200vh;
    background: black;
    position: relative;
}
.bloc.inici{
    height: 100vh;
    background: black;
}
@media (max-height: 600px){
    .bloc.inici{
        height: 150vh;
    }
}
@media (max-height: 450px){
    .bloc.inici{
        height: 180vh;
    }
}

.bloc.cos{
	background: transparent;
}
.bloc_imatge{
	position: fixed;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity:0;
}
.bloc_imatge img {
    display: block;
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    border: 0;
    max-width: 100%;
}

.progres {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: rgba(232, 255, 160, 0.3);
    z-index: 13;
}
.progres span {
    display: block;
    height: 5px;
    width: 0;
    background: rgba(232, 255, 160, 0.83);
    width: 20%;
}

#prefinal{
    height: 100vh;
}

.final{
    min-height: 100vh;
    height: auto;
    display: flex;
    flex-direction: column;
    z-index: 1;
    width: 100vw;
    background: rgba(0,0,0,0.7);
    position: relative;
    color:white;
}
audio{
	display: inline-block;
}

@media(min-width:1500px){
    .bloc_text {
    	left: 100px;
    }
}

@media(max-width:960px){
    .bloc_text {
    	left: 35px;
    }
    
}
@media(max-width:640px){
    .bloc_text {
    	left: 23px;
        width: calc(100% - 110px);
    }
    .bloc_text h2 {
        font-size: 30px;
    }
    .bloc_text h2 span,
    .bloc_text h3 {
        font-size: 35px;
    }
    .bloc_text p {
        font-size: 18px;
    }
}


/* ETAPES */

.uk-pagination .anteriorText,
.uk-pagination .seguentText,
.seguentText .el-title,
.anteriorText .el-title{
    font-size: 19px;
    font-family:Univers;
    letter-spacing: 0;
    line-height: 1.1;
}

.uk-pagination a svg circle,
.uk-pagination a svg polyline,
.uk-pagination a svg line,
.seguentText .el-image circle,
.anteriorText .el-image circle,
.seguentText .el-image polyline,
.anteriorText .el-image polyline,
.seguentText .el-image line,
.anteriorText .el-image line,
#nextSlide .el-image line,
#prevSlide .el-image line,
#nextSlide .el-image polyline,
#prevSlide .el-image polyline,
#nextSlide .el-image circle,
#prevSlide .el-image circle{
    stroke: #1d1d1b !important;
}

.uk-pagination a:hover svg circle,
.seguentText:hover .el-image circle,
.anteriorText:hover .el-image circle,
#nextSlide:hover .el-image circle,
#prevSlide:hover .el-image circle{
    fill: #1d1d1b !important;
    stroke: #1d1d1b !important;
}
.uk-pagination a:hover svg polyline,
.uk-pagination a:hover svg line,
.seguentText:hover .el-image polyline,
.anteriorText:hover .el-image polyline,
.seguentText:hover .el-image line,
.anteriorText:hover .el-image line,
#nextSlide:hover .el-image line,
#prevSlide:hover .el-image line,
#nextSlide:hover .el-image polyline,
#prevSlide:hover .el-image polyline{
    stroke: #4df063 !important;
}

/* EXPEDICIÓ */

.expedicioFlipCard{
    outline: none;
}

.expedicioFlipCard .el-card{
    min-height: 510px;
    display: flex;
    background-size:cover;
    background-position: center center;
    cursor:pointer;
    flex-direction: column-reverse;
}
.expedicioFlipCard .el-meta,
.expedicioFlipCard .el-meta-back{
	text-transform:uppercase;
}

.expedicioFlipCard .el-content-back{
	color: #1D1D1B !important;
    flex: 1;
}

.expedicioFlipCard .el-card-back{
    display: flex;
	flex-direction: column-reverse;
}

.expedicioFlipCard .el-card:after,
.expedicioFlipCard .el-card-back:after{
    position: absolute;
    content: "";
    background-size: cover;
    width: 18px;
    height: 18px;
    bottom: 24px;
    right: 24px;
}
.expedicioFlipCard .el-card:after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.21' height='24.21' viewBox='0 0 24.21 24.21'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cline y1='12.1' x2='24.21' y2='12.1' style='fill:none;stroke:%23bbffc1;stroke-miterlimit:10;stroke-width:2px'/%3E%3Cline x1='12.1' y1='24.21' x2='12.1' style='fill:none;stroke:%23bbffc1;stroke-miterlimit:10;stroke-width:2px'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.expedicioFlipCard .el-card-back:after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.53' height='18.53' viewBox='0 0 18.53 18.53'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cline x1='0.71' y1='0.71' x2='17.83' y2='17.83' style='fill:none;stroke:%231D1D1B;stroke-miterlimit:10;stroke-width:2px'/%3E%3Cline x1='0.71' y1='17.83' x2='17.83' y2='0.71' style='fill:none;stroke:%231D1D1B;stroke-miterlimit:10;stroke-width:2px'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.expedicioFlipCard .el-content-back{
    font-size: 20px;
}




.expedicioFlipCard .el-content-back{
    margin-bottom: 30px;
}

.expedicioFlipCard a:not(.uk-font-primary){
    font-weight:900;
    text-decoration:underline;
}

.expedicioFlipCard a.uk-font-primary{
    font-size: 16px;
    position:relative;
    padding-left: 40px;
}

.expedicioFlipCard a.uk-font-primary::before{
    content:"";
    width: 30px;
    height: 20px;
    position: absolute;
    left:0;
    background-image: url("data:image/svg+xml,%3Csvg id='Capa_2' data-name='Capa 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52.12 35.76'%3E%3Cg id='Layer_1' data-name='Layer 1'%3E%3Cg%3E%3Cpath d='M51.9,17.35C47.58,6.81,37.44,0,26.06,0S4.54,6.81.22,17.35l-.22.53.22.53c4.32,10.54,14.46,17.35,25.84,17.35s21.52-6.81,25.84-17.35l.22-.53-.22-.53ZM26.06,32.97c-10.05,0-19.03-5.9-23.04-15.09C7.03,8.69,16.01,2.79,26.06,2.79s19.03,5.9,23.04,15.09c-4.01,9.19-12.99,15.09-23.04,15.09Z' style='fill: %231d1d1b;'/%3E%3Cpath d='M27.8,10.79c-.57-.14-1.15-.21-1.74-.21-4.03,0-7.3,3.27-7.3,7.3s3.27,7.3,7.3,7.3,7.3-3.28,7.3-7.3c0-3.37-2.29-6.29-5.56-7.09ZM28.39,14.45c.6,0,1.1.49,1.1,1.1s-.49,1.09-1.1,1.09-1.1-.49-1.1-1.09.49-1.1,1.1-1.1ZM26.06,22.39c-2.49,0-4.51-2.02-4.51-4.51,0-2.16,1.53-3.98,3.57-4.41-.38.6-.61,1.31-.61,2.08,0,2.14,1.74,3.88,3.89,3.88.76,0,1.47-.23,2.08-.61-.43,2.04-2.24,3.57-4.41,3.57Z' style='fill: %231d1d1b;'/%3E%3Cpath d='M29.07,5.59c-.98-.24-2-.36-3.01-.36-6.98,0-12.66,5.68-12.66,12.65s5.68,12.66,12.66,12.66,12.66-5.68,12.66-12.66c0-5.85-3.96-10.91-9.64-12.29ZM26.06,27.75c-5.44,0-9.87-4.43-9.87-9.87s4.43-9.87,9.87-9.87c.79,0,1.59.1,2.35.28,4.42,1.08,7.51,5.02,7.51,9.58,0,5.44-4.43,9.87-9.87,9.87Z' style='fill: %231d1d1b;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.expedicioFlipCard a.uk-font-primary::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 40px;
  right: 0;
  height: 2px;
  background-color: #000;
}


/* FOOTER */

#footer{
    border-top: 1px solid #bbffc1;
}
#footer{
    z-index: 1000;
    position: relative;
}

@media(min-width:960px){
    body.espais-naturals-template-default #footer{
        display: none;
    }
}

@media(min-width:768px){
    body.home #footer .menuButton{
        display: none;
    }
}

/* FORM */

.uk-input{
    font-family: Univers;
}

.wpcf7 form.sent .wpcf7-response-output{
    border-color: #ffd89f;
    background: #ffd89f;
    font-family: Univers;
    text-align: center;
    padding: 10px;
}
.wpcf7-form.sent > div.uk-grid{
    display: none;
}

.wpcf7-list-item-label a{
    color: #333;
    text-decoration: underline;
}

.wpcf7 .ajax-loader{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wpcf7-not-valid-tip{
    color: #f00;
    font-size: 1em;
    font-weight: normal;
    display: block;
    background-color: #f9000033;
    padding: 5px 10px;
    font-size: 15px;
}

.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output{
    border-color: #ffd89f;
    font-family: Univers;
    text-align: center;
    padding: 10px;
    background-color: rgba(249, 0, 0, 0.2);
    color: #ffd89f;
}


/* PAGINA AUDIOS QR */

body.single-audios .uk-navbar-right{
    display: none;
}


/* QUIZ */


.wq-quiz.wq-skin-flat .wq_questionTextCtr,
.wq-quiz.wq-skin-flat .wq_singleAnswerCtr {
    background-color: transparent;
}

.col-md-wq-4{
    width: 48%;
    margin-right: 4%;
}

@media(max-width:450px){
    .col-md-wq-4{
        width: 100%;
    }
}
.wq-quiz.wq-skin-flat .wq_singleAnswerCtr{
    border: 1px solid #000;
    padding: 15px 15px;
}

.wq-quiz.wq-skin-flat .wq_singleAnswerCtr:hover, 
.wq-quiz.wq-skin-flat .wq_singleAnswerCtr.chosen, 
.wq-quiz.wq-skin-flat .wq_singleAnswerCtr.wq_answerSelected{
    background: #000;
    color: #fff;
    border: 1px solid #000;
}

.wq_triviaQuestionExplanation {
    border: none;
    text-align: center;
    text-transform: uppercase;
}

.wq_ExplanationHead{
    display: none !important;
}

.is-correct .wq-explanation-text span.incorrecte{
    display: none;
}
.is-incorrect .wq-explanation-text span.correcte{
    display: none;
}
.wq-quiz.wq-skin-flat.wq-should-show-correct-answer .wq_singleAnswerCtr.wq_incorrectAnswer{
    background: #E61616;
    border-color: #E61616;
}

.wq_singleQuestionWrapper .wq_continue button{
    background-color: transparent;
    color: #222;
    padding: 0;
    position: relative;
    margin: 60px 0 10px 0;
    font-size: 19px;
    font-family: Univers;
    letter-spacing: 0;
    line-height: 1.1;
}

.wq_singleQuestionWrapper .wq_continue button:after{
    content:'';
    position: absolute;
    width: 38px;
    height: 38px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38.02' height='38.02' viewBox='0 0 38.02 38.02' class='el-image uk-text-emphasis uk-svg'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Ccircle cx='19.01' cy='19.01' r='18.01' style='fill:none;stroke:%231d1d1b;stroke-miterlimit:10;stroke-width:2px'%3E%3C/circle%3E%3Cpolyline points='20.93 26.98 29.96 19.06 20.93 11.03' style='fill:none;stroke:%231d1d1b;stroke-miterlimit:10;stroke-width:2px'%3E%3C/polyline%3E%3Cline x1='8.05' y1='19.01' x2='29.96' y2='19.01' style='fill:none;stroke:%231d1d1b;stroke-miterlimit:10;stroke-width:2px'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    top: -50px;
    left: calc(50% - 19px);
}

.wq_singleQuestionWrapper .wq_continue button:hover:after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38.02' height='38.02' viewBox='0 0 38.02 38.02' class='el-image uk-text-emphasis uk-svg'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Ccircle cx='19.01' cy='19.01' r='18.01' style='fill:%23000;stroke:%231d1d1b;stroke-miterlimit:10;stroke-width:2px'%3E%3C/circle%3E%3Cpolyline points='20.93 26.98 29.96 19.06 20.93 11.03' style='fill:none;stroke:%23ffd89f;stroke-miterlimit:10;stroke-width:2px'%3E%3C/polyline%3E%3Cline x1='8.05' y1='19.01' x2='29.96' y2='19.01' style='fill:none;stroke:%23ffd89f;stroke-miterlimit:10;stroke-width:2px'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.wq-quiz.wq-skin-flat .wq_questionAnswered .wq_singleAnswerCtr {
    pointer-events: none;
}

.wq_quizProgressBar{
    box-shadow: none;
}
.wq_quizProgressBar > span{
    border: none;
    color: black;
    font-size: 0;
}


/* POP OVERS */

.uk-marker{
    border:none;
    border-radius: 0;
    padding: 0.6vw 2.5vw;
    opacity: 0;
}


/* ACCORDIONS */

.uk-accordion-title{
    padding-top: 7px;
}
.uk-accordion > :nth-child(n+2){
    padding-top: 23px;
}

/* HIDE RECAPTCHA */

.grecaptcha-badge {
    visibility: hidden;
}

/* COMPRA REVISTA */

.compraRevistaHome svg.botoCompra circle{
    transition: all 0.3s ease-in-out;

}

.compraRevistaHome:hover svg.botoCompra circle{
    fill: #bbffc1 !important;
}
.compraRevistaHome:hover svg.botoCompra polyline,
.compraRevistaHome:hover svg.botoCompra line{
    stroke: #000 !important;
}


body:not(.home) .compraRevistaMenu,
body:not(.home) .videoMenu{
    display: none !important;
}

/* BOTO VIDEO */

.botoVideo:hover circle{
    stroke: #bbffc1 !important;
    fill: rgba(0,0,0,0.3) !important;
}
.botoVideo:hover path{
    fill: #bbffc1 !important;
}

/* LIGHTBOX */

.uk-lightbox-button{
    border: 1px solid #bbffc1;
    border-radius: 500px;
}

body.page-id-1602 .logoTP .el-image polygon,
body.page-id-1602 .logoTP .el-image path,
body.page-id-1602 .logoDescobrir .el-image path,
body.page-id-1602 .logoDescobrir .el-image polygon{
    fill: #bbffc1 !important;
}

#builderwidget-4{
    flex-direction: column;
}
@media(max-width:640px){
    html{
        font-size: 18px;
    }
}