body {
padding: 20px;
}
.cover_thumbnail {
display: block;
width: 100vw;
max-width: 177.78vh; height: 56.25vw; max-height: 100vh;
background-color: black;
}
.wrapper_custom {
position: relative;
width: 100%; }
.three-by-two.aspect-ratio { padding-bottom: 66.666% }
.four-by-three.aspect-ratio { padding-bottom: 75% }
.sixteen-by-nine.aspect-ratio { 
}
.content_custom a {
color: rgb(255, 0, 0) !important
} .half {
width: 50%;
float: left;
background: beige;
} .main-box_custom {
width: 100%;
min-width: 370px;
}
.elementor-button:focus, .elementor-button:hover, .elementor-button:visited {
color: whitesmoke !important;
}
.colum-gap10px {
width: 100%;
display: flex;
column-gap: 10px;
}
.elementor-row {
column-gap: 10px;
}
.elementor-element-54b0222{
margin-bottom: -5px !important;
margin-top: 10px;
}
.max_width_1200{
max-width: 95%;
margin: auto;
padding-bottom: 20px;
}
.video-container {
position: relative;
width: 100%;
height: 100%;
min-height: 33vw; }
@media screen and (max-width: 1024px) {
.video-container {
position: relative;
width: 100%;
min-height: 50vw; }
}
@media (max-width: 768px) {
.elementor-row {
display: flex;
flex-direction: column;
}
.elementor-column {
width: 100% !important;
}
.text-container {
padding: 10px;
}
}
.video-container::before {
content: "";
display: block; }
#player-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.elementor-column {
position: relative;
min-height: 1px;
display: flex;
width: 100%;
min-width: 350px;
justify-content: flex-end;
flex-wrap: wrap;
flex-direction: row;
}
.elementor-row {
width: 100%;
min-width: 350px;
display: flex;
justify-content: stretch;
}
.tags a {
text-decoration: none;
}
.category a {
text-decoration: none;
}
.flex-portfolio {
display: flex;
flex-wrap: wrap;
min-width: 42.5%;
max-width: 100%;
}
.flex-portfolio > * {
flex: 1;
}  
.flex-thumbnail-item{
width: 100%;
height: 100%;
}
.flex-thumbnail-bg{
aspect-ratio: 16/9;
object-fit: cover;
}
.flex-thumbnail-content {
position: absolute;
width: 100%;
height: 100%;
margin: auto;
padding: 0 0px; color: white !important;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
opacity: 1;
transition: opacity 0.4s ease-in-out;
background: black;
text-align: center;
}
.flex-thumbnail-content:hover{
opacity: 0.8;
}
.grid-portfolio {
display: grid;
grid-template-columns: 1fr 1fr ;
gap: 1rem;
}
@media only screen and (max-width: 1024px) {
.grid-portfolio {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
}
}
@media only screen and (min-width: 1600px) {
.grid-portfolio {
display: grid;
grid-template-columns:  1fr 1fr 1fr;
gap: 1rem;
}
}
.grid-portfolio > * {
flex: 1;
}  
.grid-thumbnail-item{
position: relative;
width: 100%;
aspect-ratio: 16/9; background-position: center;
background-repeat: no-repeat;
background-size: 100%;
font-size: 1em;
overflow: hidden;
border-radius: 30px;
}
.grid-thumbnail-bg{
aspect-ratio: 16/9;
object-fit: cover;
}
.grid-thumbnail-content {
position: absolute;
width: 100%;
height: 100%;
margin: 0px;
padding: 15px;
color: white !important;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
opacity: 1;
transition: 0.4s ease-in-out;
background: rgba(255, 255, 255, 0);
text-align: center;
font-weight: lighter;
}
@media only screen and (max-width: 550px) {
.grid-thumbnail-content {
justify-content: start; 
}
}
.grid-thumbnail-content > h1{
color: white;
padding: 0;
margin: 0;
visibility: hidden;
}
.grid-thumbnail-content > p{
color: white;
padding: 0;
margin: 0;
visibility: hidden;
}
.grid-thumbnail-content:hover > h1,.grid-thumbnail-content:hover > p{
visibility:visible;
}
.grid-thumbnail-content:hover{
background-color: rgba(0, 0, 0, 0.664);
}
.sidebar-single-page{
margin: 10px;
}
.grid-relacionados {
display: grid;
grid-template-columns: 1fr 1fr  ;
gap: 1rem;
}
.relacionados {
border-style: solid;
border-width: 2px 0px 0px 0px;
margin-top: 20px;
margin-bottom: 0px;
padding: 10px 0px 0px 0px;
}
@media only screen and (max-width: 520px) {
.grid-relacionados {
display: grid;
grid-template-columns: 1fr ;
gap: 1rem;
}
}
@media only screen and (min-width: 1050px) {
.grid-relacionados {
display: grid;
grid-template-columns:  1fr 1fr 1fr 1fr;
gap: 1rem;
}
}
.grid-relacionados > * {
flex: 1;
font-size: 0.8em !important;
}