180 lines
3.5 KiB
CSS
180 lines
3.5 KiB
CSS
/*
|
|
* Theme Name: CNT Sindiaktua
|
|
* Description: Tema Timber de nexos
|
|
* Author: nexos estudios
|
|
*/
|
|
@font-face {
|
|
font-family: 'Yaro';
|
|
src: url('assets/fonts/yaro-font-family/YaroSt-Black.ttf') format('truetype');
|
|
font-weight: 900;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
/* HEADER sindikatua */
|
|
.text-sindikatua {
|
|
font-family: 'Yaro', Arial, sans-serif;
|
|
}
|
|
|
|
/* HEADER ->MENU */
|
|
@media (min-width: 992px) {
|
|
.menu-bar .dropdown:hover .dropdown-menu {
|
|
display: block;
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
/* menu-burger */
|
|
.menu-burger .offcanvas {
|
|
background: linear-gradient(135deg,rgba(204,29,26,0.9),#cc1d1a);
|
|
}
|
|
|
|
.menu-burger .dropdown:hover .dropdown-menu {
|
|
display: block;
|
|
margin-top: 0;
|
|
}
|
|
|
|
/* transition effects both menus*/
|
|
.dropdown-menu {
|
|
transition: opacity 0.3s ease;
|
|
opacity: 0;
|
|
}
|
|
|
|
.nav-item.dropdown:hover .dropdown-menu {
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
/* PORTADA -> CARDS RECENt POSTS NOTICIAS */
|
|
.recent-posts .card-img-overlay {
|
|
top: auto !important; /* Anula el top: 0 por defecto de Bootstrap */
|
|
bottom: 0;
|
|
height: 25%;
|
|
background: rgba(128, 128, 128, 0.8);
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
/* PORTADA -> CARDS OPINION */
|
|
.opinion-article .card-img-overlay {
|
|
top: auto !important; /* Anula el top: 0 por defecto de Bootstrap */
|
|
bottom: 0;
|
|
height: 30%;
|
|
background: rgba(128, 128, 128, 0.8);
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
@media (991px <= width < 1400px) {
|
|
.opinion-article .card-img-overlay {
|
|
height: 40%;
|
|
}
|
|
}
|
|
|
|
@media (width < 990px) {
|
|
.opinion-article .card-img-overlay {
|
|
height: 20%;
|
|
}
|
|
}
|
|
|
|
.recent-posts .card-title,
|
|
.opinion-article .card-title {
|
|
color: white;
|
|
margin: 0;
|
|
font-weight: 600;
|
|
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2; /* Número de líneas */
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.recent-posts .card-title a,
|
|
.opinion-article .card-title a {
|
|
color: white;
|
|
text-decoration: none;
|
|
transition: color 0.3s ease;
|
|
}
|
|
|
|
.recent-posts .card-title a:hover {
|
|
color: #E30B16;
|
|
}
|
|
|
|
.recent-posts .card.secondary-article .card-title {
|
|
font-size: medium;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.recent-posts .card-img-overlay {
|
|
height: 18%;
|
|
}
|
|
|
|
.recent-posts .card-title {
|
|
font-size: 0.9rem;
|
|
}
|
|
.recent-posts .media-mb {
|
|
margin-bottom: 1rem; /* o el valor que necesites */
|
|
}
|
|
}
|
|
|
|
/* PORTADA -> Titles */
|
|
.page-portada .sp-module-title::after {
|
|
background: #cc1d1a;
|
|
content: "";
|
|
height: 1px;
|
|
left: 0;
|
|
position: absolute;
|
|
bottom: -12px;
|
|
width: 150px;
|
|
}
|
|
|
|
.page-portada .sp-module-title::before {
|
|
background: #cc1d1a;
|
|
content: "";
|
|
height: 1px;
|
|
left: 0;
|
|
position: absolute;
|
|
bottom: -15px;
|
|
width: 150px;
|
|
}
|
|
|
|
/* PORTADA -> SECTION VIDEO */
|
|
.video-iframe {
|
|
border-radius: 0.5rem; /* o usa la clase .rounded directamente */
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* PORTADA -> SECTION CAMPAÑA */
|
|
.card-img-fixed {
|
|
max-height: 300px; /* o el valor que necesites */
|
|
object-fit: cover;
|
|
width: 100%;
|
|
}
|
|
|
|
/* FOOTER */
|
|
|
|
/* Convert SVG RRSS white */
|
|
.svg-white {
|
|
filter: brightness(0) invert(1);
|
|
}
|
|
|
|
.svg-white:hover {
|
|
filter: none;
|
|
}
|
|
|
|
.btn-outline-white {
|
|
color: white;
|
|
border-color: white;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.btn-outline-white:hover {
|
|
background-color: white;
|
|
border-color: white;
|
|
}
|
|
|
|
.svg-hover-white:hover {
|
|
filter: brightness(0) invert(1);
|
|
} |