#content-column-ubicaciones{
width: 81%;
overflow-x: auto;
height: 81px;
overflow-y: hidden;
}
#content-header-sendero{
background-size: cover;
height: 730px;
background-repeat: no-repeat;
position: relative;
}
#module-title{
position: absolute;
width: 850px;
height: 270px;
display: flex;
top: 20%;
left: 0;
}
#colum-left-title{
display: flex;
}
#module-detalles{
background-image: url(//turismomonfrague.es/wp-content/plugins/peces-tools/includes/modules/templates/img/background-bottom-image-principal.png);
height: 265px;
width: 100%;
position: absolute;
left: 0;
bottom: -50px;
background-position-y: bottom;
background-position-x: center;
}
#column-left-title{
background-color: rgba(26,26,26,0.9);
width: 84%;
padding-left: 80px;
padding-top: 55px;
padding-bottom: 55px;
padding-right: 80px;
display: flex;
}
#column-right-title{
width: 16%;
}
#column-right-text{
padding-left: 20px;
}
#title{
font-size: 34px;
color: #75912F;
line-height: 50px;
margin-bottom: 0px;
margin-top: 0px;
font-weight: 700;
}
#code-sendero{
color: white;
font-size: 34px;
line-height: 36px;
margin-bottom: 0px;
margin-top: 0px;
font-weight: 700;
}
#content-marker-localidad-share{
display: flex;
margin-top: 20px;
}
#column-marker{
width: 18%;
}
#colum-localidad{
width: 65%;
}
#colum-localidad p{
margin-bottom: 0px;
margin-top: 0px;
font-size: 14px;
line-height: 15px;
}
#colum-localidad p:first-child{
color: white;
font-family: 'Bungee';
margin-top: 10px;
}
#colum-localidad p:nth-child(2){
color: #75912F;
font-size: 17px;
line-height: 22px;
font-weight: 700;
margin-top: 10px;
}
#column-share{
width: 15%;
text-align: left;
padding-top: 18px;
}
#column-left-icon{
width: 20%;
}
#column-right-text{
width: 80%;
}
#colum-right-title{
width: 16%;
}
#content-kms{
height: 50%;
background-color: white;
padding: 20px;
padding-top: 10px;
}
#content-kms>p{
font-size: 32px;
line-height: 42px;
font-family: 'Bungee';
color: #75912F;
}
#content-kms>p>span{
color: #05220D;
}
#content-tipo-ruta{
height: 50%;
background-color: #75912F;
padding: 20px;
}
#content-tipo-ruta p{
font-size: 16px;
line-height: 17px;
font-family: 'Bungee';
color: white;
}
#column-title p span{
font-size: 16px;
line-height: 8px;
color: white;
margin-left: 40px;
}
#content-detalles{
width: 1100px;
display: flex;
margin: auto;
margin-top: 125px;
justify-content: center;
}
#content-detalles>div{
width: fit-content;
display: flex;
padding-left: 2%;
padding-right: 2%;
}
#content-detalles>div:nth-child(1){
border-right: white 2px solid;
}
#content-detalles>div:nth-child(2){
border-right: white 2px solid;
}
#content-detalles>div:nth-child(3){
border-right: white 2px solid;
}
#content-detalles>div>img{
width: 14%;
object-fit: contain;
}
#content-detalles>div>div{
width: 86%;
padding-left: 10px;
}
#content-detalles>div>div>p:nth-child(1){
font-size: 16px;
line-height: 17px;
font-family: 'bungee';
color: #75912F;
margin-bottom: 0px;
}
#content-detalles>div>div>p:nth-child(2){
font-size: 20px;
line-height: 22px;
font-weight: 700;
color: white;
margin-bottom: 0px;
}
#content-dots-dificultad{
margin-left: -2px;
margin-top: 5px;
}
#content-dots-dificultad>img{
margin-left: 2px;
margin-right: 2px;
}
#content-descripcion-map{
display: flex;
padding-top: 50px;
}
#column-descirpcion{
width: 50%;
padding-left: 180px;
padding-top: 60px;
padding-right: 60px;
}
#column-map{
width: 50%;
}
#map{
height: 750px;
width: 100% !important;
}
.leaflet-marker-pane img{
content: url(//turismomonfrague.es/wp-content/plugins/peces-tools/includes/modules/templates/img/marker-hito.png);
object-fit: contain;
object-position: bottom;
width: 18px !important;
margin-left: -9px !important;
}
.leaflet-marker-pane img:first-child{
content: url(//turismomonfrague.es/wp-content/plugins/peces-tools/includes/modules/templates/img/marker-inicio.png);
width: 40px !important;
height: auto !important;
margin-left: -20px !important;
margin-top: -33px !important;
}
.leaflet-overlay-pane .leaflet-interactive{
stroke: white;
stroke-dasharray: 5.5;
}
#descripcion{
height: 370px;
overflow-y: auto;
padding-right: 30px;
}
#content-butons{
display: flex;
width: fit-content;
margin: auto;
margin-top: 40px;
}
#content-butons>div{
background-color: #05220D;
border: solid 5px #75912F;
height: fit-content;
margin-left: 20px;
margin-right: 20px;
border-radius: 40px;
padding: 9px 20px;
}
#content-butons>div img{
margin-bottom: -12px;
}
#content-butons>div a{
color: white;
font-family: 'Source Sans Pro';
font-size: 20px;
font-weight: 700;
}
.elevation-control.elevation .area {
fill: red;
}
.elevation-control.elevation .background {
background-color: white;
}
.canvas-plot{
transform: none !important;
}
#elevation-div{
margin-bottom: 40px;
}
.elevation-detached .elevation-summary {
margin: 0 25px !important;
}
.download>a{
color: 75912F;
}
.legend{
display: none;
}
.lime-theme.elevation-control.elevation .background{
background-color: #EFEFEF !important;
} #main-content{
min-height: 800px;
padding: 0px;
margin: 0px;
width: 100%;
}
#column-title{
background-image: url(//turismomonfrague.es/wp-content/plugins/peces-tools/includes/modules/templates/img/background-los-imprescindibles.png);
background-repeat: no-repeat;
background-size: contain;
width: 361px;
height: 82px;
}
#column-title p{
color: #75912F;
font-size: 24px;
font-weight: 700;
font-family: 'Source Sans Pro';
line-height: 36px;
padding-top: 20px;
margin-left: 26px;
}
#column-title img{
margin-bottom: -8px;
}
#top-bar-imprescindibles{
display: flex;
}
#column-ubicaciones{
display: flex;
width: fit-content;
overflow-x: hidden;
}
#column-ubicaciones p{
padding-top: 30px;
margin-bottom: 26px;
margin-left: 20px;
margin-right: 20px;
font-family: 'Bungee';
color: #05220D;
inline-size: max-content;
}
.selected-ubicaciones p{
color: #75912F !important;
border-bottom: solid #05220D;
}
#content-image-description{
display: flex;
margin-top: -1px;
height: 645px;
}
#content-image-video{
width: 60%;
}
#title-description{
width: 40%;
background-color: #1A1A1A;
padding: 50px 100px;
}
#title-description h1{
color: #75912F;
font-family: 'Source Sans Pro';
font-size: 38px;
font-weight: 700;
margin-bottom: 4px;
}
#title-description p{
color: white;
font-family: 'Source Sans Pro';
font-size: 16;
}
.separator-white,.separator-green{
margin-bottom: 20px;
}
#content-description{
height: 460px;
overflow-y: auto;
padding-right: 35px;
}
#content-question1-slide-images{
margin-top: 40px;
margin-bottom: 40px;
}
#content-question2-map{
margin-bottom: 60px;
}
#content-question1-slide-images, #content-question2-map{
display: flex;
}
#question1,#question2{
width: 40%;
padding-left: 285px;
}
#content-slide-images{
width: 100%;
}
.button-green{
background-color: #05220D;
color: #75912F !important;
font-family: 'Source Sans Pro' !important;
font-size: 20px;
font-weight: 700;
border-radius: 20px;
padding: 20px;
}
#question1 p,#question2 p{
margin-bottom: 40px;
}
#question2{
margin-top: 140px;
}
#slide-images{
display: flex;
overflow-x: hidden;
cursor: grab;
}
#slide-images a{
cursor: grab;
}
#slide-images img{
margin-left: 10px;
margin-right: 10px;
pointer-events: none;
width: 409px;
height: 271px;
object-fit: cover;
}
#content-description a{
color: #75912F;
font-weight: 700;
font-family: 'Source Sans Pro';
font-size: 16px;
}
#video-principal{
cursor: pointer;
height: 100%;
object-fit: cover;
}
#icon-play-pause{
position: absolute;
left: 28%;
top: 52%;
cursor: pointer;
}
.icon-zoom-image{
margin-left: -60px;
margin-right: 30px;
margin-top: 18px;
cursor: pointer;
height: fit-content;
background-color: #05220D;
color: white;
padding: 5px;
border: white solid;
}
#image-principal{
height: 645px;
object-fit: cover;
width: 100%;
}
#column-ubicaciones p a{
font-family: 'Bungee';
color: #05220D;
}
#content-othersimprescindibles{
margin-bottom: 80px;
margin-top: 80px;
}
#content-othersimprescindibles>h2{
text-align: center;
}
.item-other-imprescindible{
width: 377px;
margin-left: 10px;
margin-right: 10px;
text-align: center;
display: grid;
}
#grid-othersimpresdindibles{
display: -webkit-box;
overflow-x: hidden;
user-select: none;
}
#grid-othersimpresdindibles img{
pointer-events: none;
}
.icon-other-impresdindible{
z-index: 9999;
margin-left: auto;
margin-right: auto;
margin-bottom: -38px;
background: url(//turismomonfrague.es/wp-content/plugins/peces-tools/includes/modules/templates/img/icon-imprescindibles-2.png);
width: 50px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
line-height: 50px;
color: #75912F;
height: 62px;
font-family: 'Bungee';
font-size: 18px;
}
.principal-image-other-imprescindible{
z-index: 1;
}
#grid-othersimpresdindibles h3{
font-size: 18px;
color: #75912F;
width: 93%;
text-align: left;
margin-bottom: 8px;
}
#grid-othersimpresdindibles h3 a{
font-size: 18px;
color: #75912F;
font-family: 'Source Sans Pro' !important;
font-weight: 700;
}
.content-title-icon-mas{
background-color: #05220D;
display: flex;
padding-left: 25px;
padding-right: 25px;
padding-top: 20px;
padding-bottom: 20px;
}
.content-title-icon-mas img{
width: 7%;
height: 23.3px;
object-fit: contain;
margin-top: 8px;
}
#icon-full-screen{
margin-top: -43px;
z-index: 9999;
position: sticky;
float: right;
margin-right: 20px;
cursor: pointer;
}
#slide-images{
overflow-x: auto;
} #slide-images::-webkit-scrollbar {
display: none;
} #slide-images {
-ms-overflow-style: none; scrollbar-width: none; }
#column-ubicaciones{
overflow-x: auto;
} #column-ubicaciones::-webkit-scrollbar {
display: none;
} #column-ubicaciones {
-ms-overflow-style: none; scrollbar-width: none; }
#grid-othersimpresdindibles{
overflow-x: auto;
} #grid-othersimpresdindibles::-webkit-scrollbar {
display: none;
} #grid-othersimpresdindibles {
-ms-overflow-style: none; scrollbar-width: none; }
.alt-icons-socials{
display: none;
margin-top: 10px;
width: 100px;
}
.alt-icons-socials>a{
margin-left: 10px;
}
.icon-social{
cursor: pointer;
}
.content-icons-socials{
width: fit-content;
float: right;
text-align: right;
}
.principal-image-other-imprescindible{
height: 272px;
object-fit: cover;
}
.elevation-waypoint-icon{
opacity: 0;
}  @media(max-width: 1680px){
#content-column-ubicaciones{
height: 79px;
}
} @media(max-width: 1600px){
#content-header-sendero{
height: 630px;
}
#module-title{
top: 16%;
}
#column-descirpcion{
padding-left: 120px;
}
} @media(max-width: 1536px){
#icon-play-pause{
top: 72%;
}
#content-image-description{
margin-top: -5px;
}
#question1, #question2{
padding-left: 85px;
}
#content-column-ubicaciones {
height: 76px;
}
} @media(max-width: 1366px){
#content-image-description{
margin-top: -7px;
height: 500px;
}
#title-description{
padding: 20px 50px;
}
#title-description h1{
font-size: 32px;
}
#title-description p{
font-size: 14px;
}
#content-description{
height: 360px;
}
#icon-play-pause{
top: 61%;
}
#question1>h2{
font-size: 26px;
}
#question1 p{
font-size: 16px;
}
#slide-images img{
width: 300px;
height: 200px;
}
#content-question1-slide-images{
margin-bottom: 20px;
}
#question2{
margin-top: 60px;
}
#question2>h2{
font-size: 26px;
}
#question2 p{
font-size: 16px;
}
.item-other-imprescindible{
width: 300px;
}
#grid-othersimpresdindibles h3{
font-size: 16px;
}
#grid-othersimpresdindibles h3 a{
font-size: 16px;
}
.content-title-icon-mas{
padding-left: 12px;
padding-right: 12px;
padding-top: 15px;
padding-bottom: 15px;
}
#content-othersimprescindibles>h2{
font-size: 26px;
}
#column-left-title{
padding-left: 50px;
padding-top: 30px;
padding-bottom: 30px;
padding-right: 50px;
}
#title,#code-sendero{
font-size: 28px;
line-height: 44px;
}
#content-marker-localidad-share{
margin-top: 10px;
}
#module-title{
width: 700px;
height: 230px;
}
#content-kms>p{
font-size: 30px;
line-height: 38px;
}
#content-tipo-ruta p{
font-size: 14px;
line-height: 15px;
}
#content-tipo-ruta img{
width: 35px;
}
#content-header-sendero{
height: 530px;
}
#column-descirpcion{
padding-left: 60px;
}
#content-column-ubicaciones {
height: 75px;
}
} @media(max-width: 1024px){
#column-title{
width: 330px;
height: 60px;
}
#column-title p{
font-size: 20px;
margin-left: 12px;
padding-top: 11px;
}
#column-ubicaciones p{
font-size: 14px;
padding-top: 20px;
margin-bottom: 23px;
margin-left: 10px;
margin-right: 10px;
}
#content-image-description{
height: 400px;
}
#content-description{
height: 260px;
}
#title-description h1{
font-size: 26px;
}
#title-description p{
font-size: 12px;
}
#icon-play-pause{
position: sticky;
margin-top: -354px;
margin-bottom: 139px;
}
#question1, #question2{
padding-left: 55px;
}
#question1 p{
font-size: 12px
}
#slide-images img{
width: 220px;
height: 160px;
}
.icon-zoom-image{
margin-left: -53px;
margin-right: 30px;
margin-top: 10px;
font-size: 12px;
}
.button-green{
padding: 15px;
}
.button-green{
font-size: 14px;
padding: 15px;
}
#question2 p{
font-size: 12px
}
#slide-images{
overflow-x: auto;
} #slide-images::-webkit-scrollbar {
display: none;
} #slide-images {
-ms-overflow-style: none; scrollbar-width: none; }
#column-ubicaciones{
overflow-x: auto;
} #column-ubicaciones::-webkit-scrollbar {
display: none;
} #column-ubicaciones {
-ms-overflow-style: none; scrollbar-width: none; }
#grid-othersimpresdindibles{
overflow-x: auto;
} #grid-othersimpresdindibles::-webkit-scrollbar {
display: none;
} #grid-othersimpresdindibles {
-ms-overflow-style: none; scrollbar-width: none; }
#content-header-sendero{
height: 450px;
}
#module-title {
top: 10%;
}
#title, #code-sendero {
font-size: 24px;
line-height: 30px;
}
#module-title {
width: 630px;
height: 200px;
}
#content-kms,#content-tipo-ruta{
padding: 15px;
}
#content-detalles{
width: 100%;
}
#content-detalles>div>div>p:nth-child(1){
font-size: 14px;
line-height: 15px;
}
#content-detalles>div>div>p:nth-child(2){
font-size: 16px;
line-height: 19px;
}
#content-dots-dificultad>img{
width: 11px;
}
#content-detalles>div>img{
height: fit-content;
}
#column-descirpcion{
padding-left: 40px;
padding-top: 20px;
padding-right: 40px;
}
#content-butons>div a{
font-size: 16px;
}
#content-butons>div{
margin-left: 10px;
margin-right: 10px;
padding: 4px 12px;
}
#content-column-ubicaciones {
height: 67px;
}
#content-column-ubicaciones::-webkit-scrollbar{
height: 0px;
}
} @media(max-width: 768px){
#content-image-description{
display: block;
height: fit-content;
}
#content-image-description>div{
width: 100%;
}
#icon-play-pause{
top: 63%;
left: 45%;
}
#content-question1-slide-images{
display: block;
}
#content-question1-slide-images>div{
width: 100%;
}
#content-slide-images{
margin-top: 40px;
}
#content-question2-map{
display: block;
}
#content-question2-map>div{
width: 100%;
}
#icon-play-pause{
position: sticky;
margin-top: -245px;
margin-left: 350px;
}
#column-title p{
padding-top: 0px;
}
#content-header-sendero{
margin-top: -7px;
}
#content-butons{
display: block;
}
#content-butons>div{
margin-bottom: 10px;
}
#image-principal{
height: 500px;
}
} @media(max-width: 500px){
#icon-play-pause{
margin-top: -160px;
margin-bottom: 65px;
left: 160px;
width: 50px;
}
#top-bar-imprescindibles{
display: block;
}
#top-bar-imprescindibles>div{
width: 100%;
}
#column-title{
background-image: url(//turismomonfrague.es/wp-content/plugins/peces-tools/includes/modules/templates/img/background-los-imprescindibles-mov.png);
height: 88px;
margin-top: -24px;
padding-top: 24px;
text-align: center;
background-size: cover;
}
#column-ubicaciones p{
font-size: 11px;
}
#icon-play-pause{
margin-left: 160px;
}
#title-description {
padding: 20px 25px;
}
#title-description h1{
margin-top: 0px;
}
#question1, #question2{
padding-left: 25px;
padding-right: 25px;
}
#content-question1-slide-images{
margin-top: 20px;
}
#question2{
margin-top: 20px;
}
#content-othersimprescindibles{
margin-bottom: 40px;
margin-top: 20px;
}
#module-title{
width: 100%;
}
#module-title{
height: fit-content;
display: block; 
}
#column-left-title{
width: 100%;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 20px;
}
#title, #code-sendero{
font-size: 20px;
line-height: 24px;
}
#colum-localidad p{
font-size: 12px;
line-height: 14px;
}
#colum-localidad p:nth-child(2){
font-size: 14px;
line-height: 16px;
}
#colum-right-title {
width: 100%;
display: flex;
}
#content-kms,#content-tipo-ruta{
height: fit-content;
width: 50%;
}
#module-title{
top: 150px;
}
#module-detalles{
background-color: #141414;
}
#content-detalles{
margin-top: 25px;
}
#module-detalles{
height: fit-content;
}
#content-detalles{
margin-top: 25px;
}
#module-detalles {
bottom: -108px;
padding-bottom: 25px;
}
#content-detalles{
display: block;
}
#content-detalles>div{
width: 50%;
float: left;
}
#content-descripcion-map{
padding-top: 67px;
}
#content-detalles>div:nth-child(2){
border: none;
margin-bottom: 9px;
}
#content-detalles>div>div>p:nth-child(1){
font-size: 12px;
line-height: 13px;
}
#content-detalles>div>div>p:nth-child(2) {
font-size: 12px;
line-height: 16px;
}
#content-kms br{
display: none;
}
#content-tipo-ruta{
display: flex;
}
#content-tipo-ruta img{
height: fit-content;
margin-left: 10px;
}
#content-kms>p{
margin-bottom: 0px;
}
#content-tipo-ruta img{
width: 38px;
}
#content-tipo-ruta p{
margin-bottom: 0px;
}
#module-detalles{
bottom: -67px;
}
#content-dots-dificultad{
margin-top: -4px;
}
#content-descripcion-map{
display: block;
}
#content-descripcion-map>div{
width: 100%;
}
#content-itinerario{
display: none
}
#content-descripcion h2{
font-size: 22px;
}
#content-descripcion p{
font-size: 14px;
}
#column-descirpcion {
padding-left: 20px;
padding-right: 20px;
}
#content-butons{
margin-top: 20px;
margin-bottom: 40px;
}
#map{
height: 250px;
}
.leaflet-control-layers-base span{
font-size: 10px !important;
}
.leaflet-control-easyPrint,.leaflet-control-search,.leaflet-control-locate,.leaflet-pegman{
display: none !important;
}
.leaflet-control-layers{
padding: 0px !important;
}
.elevation-control>svg.background{
height: 150px;
}
#image-principal{
height: 300px;
}
}