#content-column-ubicaciones{
width: 81%;
overflow-x: auto;
height: 81px;
overflow-y: hidden;
}
#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 a{
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;
}
.icon-camara{
float: left;
margin-top: 10px;
margin-right: 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%;
}
#map{
width: fit-content;
margin: auto;
}
.button-green{
background-color: #05220D;
color: #75912F !important;
font-family: 'Source Sans Pro' !important;
font-size: 20px;
font-weight: 700;
border-radius: 25px;
padding: 10px 20px;
}
#question1 p,#question2 p{
margin-bottom: 40px;
}
#question2{
margin-top: 80px;
}
#slide-images{
display: flex;
margin-left: 80px;
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;
}
#map{
text-align: center;
}
#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: 100%;
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;
}
.alt-icons-socials>a{
margin-left: 20px;
}
.icon-social{
cursor: pointer;
}
.content-icons-socials{
width: fit-content;
float: right;
text-align: right;
}
.principal-image-other-imprescindible{
height: 272px;
object-fit: cover;
}
#question1>h2>span{
color: #75912F;
font-size: 20px;
font-weight: 400;
}
.item-list-vistar{
display: flex;
}
.item-list-vistar img{
height: fit-content;
margin-right: 10px;
}
.item-list-vistar p{
margin-bottom: 0px !important;
margin-top: 5px;
}
#content-links-domir-comer{
margin-top: 20px;
display: flex;
}
#content-links-domir-comer>a>div{
text-align: center;
width: 84px;
}
#content-links-domir-comer img{
width: 40px;
}
#content-links-domir-comer a{
margin-right: 5px;
}
#content-links-domir-comer p{
font-size: 16px;
font-weight: bold;
color: #393939;
font-family: 'Source Sans Pro';
text-align: center;
width: 100%;
line-height: 14px;
margin-top: 10px;
}  @media(max-width: 1680px){
#content-column-ubicaciones{
height: 79px;
}
} @media(max-width: 1536px){
#icon-play-pause{
top: 72%;
}
#content-image-description{
margin-top: -5px;
}
#question1, #question2{
padding-left: 85px;
}
#column-ubicaciones p{
padding-top: 25px;
}
#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{
margin-left: 40px;
}
#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;
}
#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;
}
#map>img{
width: 400px;
margin-left: 50px;
}
#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-column-ubicaciones {
height: 67px;
}
#content-column-ubicaciones::-webkit-scrollbar{
height: 0px;
}
}
@media(max-width: 800px){
#content-question2-map{
display: block;
}
#map{
margin-top: 20px;
}
} @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%;
}
#map{
margin-top: 20px;
}
#map>img{
margin-left: 0px;
width: 650px;
}
#icon-play-pause{
position: sticky;
margin-top: -245px;
margin-left: 350px;
}
#my-interactive-image-monfrague{
margin: auto;
}
#subtitle-no-marches{
margin-bottom: 20px !important;
}
#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;
}
#slide-images {
margin-left: 40px;
}
#content-question1-slide-images{
margin-top: 20px;
}
#question2{
margin-top: 20px;
}
#map>img{
padding-left: 25px;
padding-right: 25px;
}
#content-othersimprescindibles{
margin-bottom: 40px;
margin-top: 20px;
}
#content-links-domir-comer{
display: block;
height: 185px;
}
#content-links-domir-comer>a{
float: left;
width: 50%;
margin-right: 0px;
}
#content-links-domir-comer>a>div{
width: 100%;
}
.custom-marker-img{
width: 40px;
}
#image-principal{
height: 300px;
}
}