@media screen and (orientation: portrait) {
#thumbs {
bottom: 15% !important;
}
}
@media screen and (orientation: landscape) {
#thumbs {
bottom: 12% !important;
}
} @media screen and (orientation: portrait) {
body.home #header {
top: 15px !important;
left: 3% !important;
max-width: 75% !important;
}
body.home #header h1 {
font-size: 36px !important;
line-height: 34px !important;
white-space: normal !important;
word-wrap: break-word !important;
}
body.home #header #logo {
max-width: 100% !important;
}
body.home #header #logo img {
max-width: 100% !important;
height: auto !important;
}
} ul#redes {
display: flex !important;
align-items: center !important;
gap: 0 !important;
}
ul#redes li {
display: inline-flex !important;
align-items: center !important;
padding-top: 0 !important;
margin: 0 !important;
height: 28px !important;
}
ul#redes li a {
padding: 4px 3px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 100% !important;
}
ul#redes li a.youtube {
padding: 4px 3px !important;
width: auto !important;
}
ul#redes li a img {
width: 20px !important;
height: 20px !important;
} @media screen and (max-width: 812px) and (orientation: landscape) {
#logo {
position: fixed !important;
top: calc(env(safe-area-inset-top) + 5px) !important;
left: 5% !important;
z-index: 9999 !important;
}
} @media screen and (max-width: 670px) { body.page #redes {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
} body.page.scrolling #redes {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
}
} @media screen and (orientation: portrait) and (max-width: 670px) { body.page #top {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
z-index: 10001 !important;
background: #272727 !important;
} body.page #top .qtranxs_language_chooser {
position: absolute !important;
top: 28px !important;
right: 10px !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
z-index: 10002 !important;
} body.page #header {
position: fixed !important;
top: 28px !important;
left: 15px !important;
width: calc(100% - 100px) !important;
z-index: 10000 !important;
}
body.page #header h1 {
margin-left: 0 !important;
margin-bottom: 5px !important;
opacity: 1 !important;
visibility: visible !important;
display: block !important;
} body.page #wrapper {
position: relative !important;
top: 0 !important;
padding-top: 0 !important;
} body.page #pagetext {
position: absolute !important;
margin-top: 75px !important;
padding-top: 15px !important;
margin-left: 15px !important;
width: calc(100% - 30px) !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
height: calc(100vh - 95px) !important;
left: 0 !important;
} body.page.scrolling #header h1 {
opacity: 1 !important;
visibility: visible !important;
display: block !important;
}
} @media screen and (orientation: landscape) and (max-width: 896px) {
body.page #top {
position: fixed !important;
top: 0 !important;
z-index: 10001 !important;
background: #272727 !important;
} body.page #top .qtranxs_language_chooser {
position: absolute !important;
top: 6px !important;
right: 10px !important;
display: flex !important;
flex-direction: row !important;
gap: 10px !important;
z-index: 10002 !important;
}
body.page #header {
position: fixed !important;
top: 24px !important;
left: 10px !important;
z-index: 10000 !important;
}
body.page #header h1 {
opacity: 1 !important;
visibility: visible !important;
display: block !important;
font-size: 16px !important;
margin-left: 0 !important;
}
body.page #wrapper {
position: relative !important;
top: 0 !important;
}
body.page #pagetext {
position: absolute !important;
margin-top: 60px !important;
padding-top: 10px !important;
margin-left: 10px !important;
width: calc(100% - 20px) !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
height: calc(100vh - 75px) !important;
left: 0 !important;
}
body.page.scrolling #header h1 {
opacity: 1 !important;
visibility: visible !important;
display: block !important;
}
} @media screen and (max-width: 896px) { body.single #redes {
display: flex !important;
opacity: 1 !important;
visibility: visible !important;
}
} @media screen and (orientation: landscape) and (max-width: 896px) {
body.single #header {
top: 30px !important;
}
body.single #main {
margin-top: 70px !important;
}
body.single .galeria img {
max-height: calc(100vh - 80px) !important;
}
}