El Diario
La Marea
Centro
{
font-family: 'Montserrat', sans-serif; /* Font Family */
font-size: 18px; /* Font Size */
color: #009adb; /* Input Text Color */
padding: 10px; /* Padding inside fields */
font-weight: 500 !important; /* Font Weight - Medium */
}
.um .um-form input[type="text"]{
color: #000 !important;
font-weight: 700 !important; /* Font Weight - Medium */
}
.um .um-form input[type="password"]{
color: #000 !important;
font-weight: 700 !important; /* Font Weight - Medium */
}
.um-field-label label{
font-weight: 500 !important; /* Font Weight - Medium */
}
#um_field_81_user_email .um-field-label {
font-family: 'Montserrat', sans-serif; /* Font Family */
font-size: 19px; /* Font Size */
color: #009adb; /* Input Text Color */
font-weight: 500 !important; /* Font Weight - Medium */
}
#um_field_81_user_password .um-field-label {
font-family: 'Montserrat', sans-serif; /* Font Family */
font-size: 19px; /* Font Size */
color: #009adb; /* Input Text Color */
font-weight: 500 !important; /* Font Weight - Medium */
}
#um_field_81_confirm_user_password .um-field-label {
font-family: 'Montserrat', sans-serif; /* Font Family */
font-size: 19px; /* Font Size */
color: #009adb; /* Input Text Color */
font-weight: 500 !important; /* Font Weight - Medium */
}
.um-half{
width: 100% !important;
text-align: center !important;
}
.um .um-button {
background: #0252c9 !important;
font-family: 'Montserrat', sans-serif !important; /* Change font family */
font-weight: 600 !important;
padding: 15px 15px !important;
border: 1px solid #fff !important;
}
.um-field-block{
color: #fff !important;
}
.terms-text {
margin: 20px 0; /* Add margin top and bottom */
color: #fff; /* Make links white */
text-align: center;
}
.terms-text a{
color: #fff; /* Make links white */
text-decoration: underline; /* Underline the links */
text-align: center;
}/* End custom CSS */
.flipbook-container-wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
#flipbook_68aba0c015d00-container {
width: 400px;
height: 456px;
transition: none;
position: relative;
overflow: visible;
}
.flipbook-stage { width: 100%; height: 100%; position: relative; }
.flipbook-cover img {
width: 100%;
height: 100%;
object-fit: contain;
cursor: pointer;
}
.flipbook-wrapper {
display: none;
width: 100%;
height: 100%;
}
#flipbook {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.pdf-page {
width: 100%;
height: 100%;
min-height: 100px;
}
.pdf-page canvas {
width: 100% !important;
height: 100% !important;
object-fit: contain;
display: block;
transition: none !important;
}
#flipbook_68aba0c015d00-prev,
#flipbook_68aba0c015d00-next {
color: #000;
}
.flipbook-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 30px;
background: none;
border: none;
cursor: pointer;
z-index: 20;
}
.flipbook-prev {
left: -15px;
}
.flipbook-next {
right: -15px;
}
.flipbook-download {
margin-top: 10px;
display: none;
}
#flipbook_68aba0c015d00-download a {
padding: 8px 16px;
background: #FF0050 !important;
color: #fff !important;
font-size: 16px !important;
font-weight: 600 !important;
text-decoration: none;
display: inline-block;
border-radius: 50px;
border: 1px solid #fff;
transition: background 0.3s, color 0.3s, border-color 0.3s;
}
#flipbook_68aba0c015d00-download a:hover {
background: #f4f4f4 !important;
color: #000 !important;
border-color: #000;
}
#flipbook_68aba0c015d00-download .flipbook-fullscreen-btn:hover {
background: #f4f4f4 !important;
color: #052861 !important;
border-color: #052861;
}
#flipbook_68aba0c015d00-download .flipbook-fullscreen-btn {
padding: 8px 16px;
background: #052861;
color: #fff;
font-size: 16px !important;
font-weight: 600 !important;
border-radius: 50px;
border: 1px solid #fff;
cursor: pointer;
margin-left: 10px;
transition: background 0.3s, color 0.3s, border-color 0.3s;
}
.flipbook-fullscreen-btn {
all: unset;
}
.flipbook-page-indicator {
margin-top: 10px;
font-size: 13px;
font-weight: normal;
color: #444;
display: none;
}
.flipbook-thumbnails {
display: flex;
justify-content: flex-start;
overflow-x: auto;
overflow-y: hidden;
margin-top: 40px;
gap: 15px;
scroll-behavior: smooth;
width: 100%;
max-width: 400px;
margin-left: auto;
margin-right: auto;
white-space: nowrap;
}
.flipbook-thumbnail {
opacity: 0;
transition: opacity 0.3s;
text-align: center;
flex: 0 0 auto;
cursor: pointer;
}
.flipbook-thumbnail.visible {
opacity: 1;
}
.flipbook-thumbnail canvas {
width: 60px !important;
height: auto !important;
max-width: 100%;
box-shadow: 0 0 4px rgba(0,0,0,0.3);
cursor: pointer;
display: block;
border: 4px solid transparent;
box-sizing: border-box;
transition: border-color 0.3s ease;
}
.flipbook-thumbnail span {
font-size: 12px;
color: #444;
}
.fullscreen-mode {
display: flex;
justify-content: center;
align-items: center; /* Center vertically */
height: 100vh !important;
width: 100vw !important;
padding: 0 !important;
box-sizing: border-box;
overflow: hidden;
}
/*
.fullscreen-mode canvas {
max-height: calc(100vh - 50px);
object-fit: contain;
}*/
.fullscreen-mode canvas {
max-height: 100vh !important;
max-width: 100vw !important;
width: auto !important;
height: 100% !important;
object-fit: contain;
}
.fullscreen-mode .flipbook-stage,
.fullscreen-mode .flipbook-wrapper,
.fullscreen-mode #flipbook,
.fullscreen-mode .pdf-page {
height: 100vh !important;
width: 100vw !important;
display: flex;
justify-content: center;
align-items: center;
}
.fullscreen-mode + .flipbook-thumbnails,
.fullscreen-mode + .flipbook-download,
.fullscreen-mode + .flipbook-page-indicator {
display: none !important;
}
.flipbook-item {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
box-sizing: border-box;
}
.flipbook-container-wrapper,
.flipbook-container-wrapper * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flipbook-container-wrapper canvas {
pointer-events: none;
}
body, html {
-webkit-touch-callout: none;
}
@media (max-width: 500px) {
html, body {
min-height: 100vh;
}
#flipbook_68aba0c015d00-container {
width: 370px;
height: 523px;
}
#flipbook_68aba0c015d00-wrapper {
width: 330px;
height: 432px;
}
.flipbook-stage,
.flipbook-container,
#flipbook,
.flipbook-wrapper,
.pdf-page {
min-height: 432px !important;
}
.flipbook-cover img {
max-width: 100%;
height: auto;
}
.flipbook-thumbnails {
margin-top: 100px !important;
max-width: 330px;
}
.flipbook-download,
.flipbook-download .flipbook-fullscreen-btn,
.flipbook-download a {
display: none !important;
}
}
u2039
u203a
1 / ?
