.cd_item--inner {
display: flex;
gap: 1em;
} .cd_item--inner_agenda {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
width: 10%;
}
.cd_item--yellow {
background-color: #FFDD00;
}
.cd_item--red {
background-color: #CC3366;
}
.cd_item--inner_agenda span {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
margin: 0;
width: 100%;
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
}
.cd_item--inner_in {
display: flex;
flex-direction: column;
width: 60%;
color: #000000;
}
.cd_item--inner_in a {
text-decoration: underline;
}
.cd_item--inner_img {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
width: 30%;
}
.cd_item--inner_img>img {
width: 100%;
object-fit: cover;
height: 100%;
}
.cd_category-agenda--eventos {
display: flex;
flex-direction: column;
gap: 1em;
}
.cd_agenda-main {
max-width: 1200px;
width: 100%;
display: flex;
margin: auto;
flex-wrap: wrap;
}
.cd_agenda-principal {
width: 75%;
display: flex;
flex-direction: column;
gap: 1em;
}
.cd_agenda-secundario {
width: 25%;
}
.cd_agenda-post {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 10px;
background-color: #FFFFFF;
border: 2px solid #E20C50;
height: 350px;
}
.cd_agenda-post__agenda {
width: 5%;
display: flex;
justify-content: center;
background-color: #E20C50;
height: 100%;
align-items: center;
}
.cd_agenda-post__agenda img {
height: 250px;
object-fit: contain;
}
.cd_agenda-post__ctn {
width: 50%;
background-color: #FFFFFF;
padding: 1em;
}
div.cd_agenda-post__img {
width: 35%;
height: 100%;
}
.cd_agenda-post__img img {
height: 100%;
object-fit: cover;
}
.cd_agenda-post__ctn .cd_post-title {
font-size: 22px;
}
.cd_agenda-post__ctn .cd_post-content {
margin-bottom: 0;
color: #717070;
font-size: 13px;
font-weight: 600;
}
.cd_agenda-post__ctn .cd_post-link {
color: #E20C50;
font-size: 13px;
font-weight: 600;
margin-bottom: 1em;
}
.cd_agenda-post__ctn .cd_post-info {
margin-bottom: 0;
color: #000000;
font-size: 13px;
font-weight: 600;
}
.cd_agenda-post__ctn .cd_post-date {
background-color: #E20C50;
text-align: center;
padding-left: 15px;
padding-right: 15px;
color: #FFFFFF;
width: fit-content;
border-radius: 4px;
}
.cd_category-agenda--title {
margin-top: 25px;
text-align: center;
width: 100%;
}
.cd_category-agenda--title h2 {
font-family: "Open Sans", Sans-serif;
font-weight: bold;
font-size: 24px;
}
.cd_category-agenda--title p {
font-family: "Open Sans", Sans-serif;
font-size: 14px;
}
.cd_category-agenda--calendar {
width: 100%;
display: flex;
justify-content: center;
gap: 10px;
padding-top: 25px;
padding-bottom: 25px;
margin-bottom: 30px;
}
.cd_category-agenda--calendar th {
font-size: 14px;
font-family: Open Sans;
font-weight: 600;
border: none;
border-top: none !important;
}
.cd_category-agenda--calendar td {
font-size: 14px;
font-family: Open Sans;
text-transform: uppercase;
font-weight: 600;
text-align: center;
width: 30px;
height: 30px;
border: none;
background-color: #ffdd00;
padding: 10px;
}
.cd_category-agenda--calendar td:hover {
background-color: #F8F8F8 !important;
}
.cd_category-agenda--calendar thead {
background-color: #ffdd00;
}
.cd_category-agenda--calendar--1 {
width: 50%;
width: min-content;
}
.cd_category-agenda--calendar--2 {
width: 50%;
width: min-content;
}
.cd_agenda-secundario {
width: 30%;
display: flex;
flex-direction: column;
max-width: 310px; }
.cd_agenda-ctn {
display: flex;
gap: 20px;
justify-content: space-between;
margin-bottom: 30px;
max-width: 1200px;
width: 100%;
}
.cd_agenda--flechas {
font-weight: 900 !important;
color: white !important;
}
.cd_agenda--flechas:hover {
font-weight: 900 !important;
color: #E20C50 !important;
}
.cd_category-agenda--calendar-today {
background-color: #E20C50 !important;
color: #FFFFFF;
}
@media (max-width: 1024px) {
.cd_category-agenda--calendar th {
padding: 5px;
}
.cd_category-agenda--calendar {
flex-direction: column;
align-items: center;
}
.cd_agenda-ctn {
flex-direction: column;
width: 95%;
margin: auto;
}
.cd_agenda-post {
flex-direction: column;
flex-wrap: nowrap;
height: auto;
}
.cd_agenda-post__agenda {
display: none;
}
.cd_agenda-post__ctn {
width: 100%;
}
div.cd_agenda-post__img {
width: 100%;
}
.cd_agenda-secundario {
width: 100%;
max-width: 100%;
}
}