div.outer-wrapper{
    background-color: rgba(224, 214, 255, 0.21);
    max-width: 100%;
    box-shadow: -5px -5px 8px rgba(0, 0, 0, 0.25);
    border-radius: 2rem;
    position: relative;
    padding-top: 6.4rem;
    padding-bottom: 3.5rem;
}
div.outer-wrapper.mostr{
    background-color: rgba(248, 255, 246, 1);
    max-width: 100%;
   /* display: flex;
    flex-direction: column;
    align-items: flex-end;
    position:relative;
    border-radius: 0px 20px 20px 0px;
    box-shadow: -3px 3px 4px rgba(0, 0, 0, 0.25);*/
}
div.outer-wrapper.mitutv{
    background-color: #DCD33B;
    max-width: 100%;
}
div.outer-wrapper.hub{
    background-color: rgba(177, 85, 60, 1);
    padding:0;
    border-radius: 0px;
    box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.25);
}
span.dropcap{
    position: absolute;
    font-size: 10rem;
    font-weight: 900;
    color: rgba(224, 214, 255, 1);
    left: -2.6rem;
    top: 2.4rem;
    text-shadow:3px 2px 4px rgba(0, 0, 0, 0.25);
}
span.dropcap.mostr{
    z-index: 1;
    color:rgba(19, 193, 141, 1);
    top:2.2rem;
}
span.dropcap.hub{
    color:rgba(139, 156, 107, 1);
}
span.dropcap.mitutv{
    z-index: 1;
    color:rgba(139, 0, 243, 1);
    top:2.2rem;
}
span.heading{
    color: rgba(139, 0, 243, 1);
    font-size: 4.1rem;
    letter-spacing: -2.5px;
    font-weight: 800;
    display:block;
    position: absolute;
    top: 3.1rem;
    left: 5.9rem;
    z-index: -1;
}
span.heading.hub{
    top:0.4rem;
    left:9.5rem;
    color:rgba(139, 156, 107, 1);
    z-index:1;
    line-height: 3.5rem;
    font-size:3.5rem;

}
span.heading.mostr{
    color:rgba(19, 193, 141, 1);
    font-size: 3.8rem;
    letter-spacing: -2.5px;
    top: 1.7rem;
    left: 4.8rem;
    z-index: 1;
}
span.heading.mitutv{
    color:#FFFFFF;
    font-size: 3.4rem;
    letter-spacing: -2.5px;
    top: 1.7rem;
    left: 4.8rem;
    z-index: 1;
}
div.inner-wrapper{
    background-color: rgba(139, 0, 243, 1);
    border-radius: 2rem;
    padding:3rem 0 3rem 0;
}
div.inner-wrapper.hub{
    width:calc(100% - 3rem);
    margin-left:3rem;
    background-color:white;
    border-radius: 0px;
    padding:9rem 0 0 0;
}

div.inner-wrapper.mostr{
    background-color: rgba(19, 193, 141, 1);
    /*position: relative;
    width: calc(100% - 3rem);
    padding:6.5rem 0 3rem 0;
    border-radius: 0px 20px 20px 0px;*/
}
div.inner-wrapper.mitutv{
    background-color: #F9FBE0;
    /*position: relative;
    width: calc(100% - 3rem);
    padding:6.5rem 0 3rem 0;
    border-radius: 0px 20px 20px 0px;*/
}
div.inner-wrapper a{
    color:white;
    text-decoration:none;
    font-size: 1.8rem;
    font-weight: 800;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    word-wrap: break-word;
    height: 6.3rem;
    line-height: 2.2rem;
    align-items: center;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
 span.title.hub a{
    color:black !important;
}
ul.hub{
    margin-top:3.5rem;
}
ul.hub li:first-child{
    grid-template-rows: 13rem;
    margin-bottom:1.5rem;
}
ul.hub li:first-child span.title a{
    font-size: 1.8rem;
    line-height: 3rem;
    height: 9rem;
}
div.inner-wrapper a:hover{
    text-decoration: underline;
}
div.inner-wrapper.mostr a,div.inner-wrapper.hub a{
    align-items: unset;
}
div.inner-wrapper.mitutv a{
    color: #494848;
    display: flex;
}
div.inner-wrapper.mostr span.title{
    display: flex;
    align-items: center;
    padding:0 .5rem;
}

div.inner-wrapper.mitutv span.title{
    display: flex;
    align-items: center;
    padding:0 .5rem;
}

div.inner-wrapper ul li{
    display:grid;
    grid-template-columns: 10% 90%;
    grid-template-rows: 8.2rem;
    position: relative;
}
div.inner-wrapper.hub ul li{
    margin-left:-3rem;
}
div.inner-wrapper.mitutv ul li{
    display:grid;
    grid-template-columns: 10% 90%;
    grid-template-rows: 8.2rem;
    position: relative;
}
div.inner-wrapper.hub ul li{
    display: flex;
}
div.inner-wrapper span.title{
    padding:0 .5rem;
}
div.inner-wrapper.hub span.title{
    padding:0 1.5rem;
}
/*div.inner-wrapper-mr ul li{
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: 100px;
    margin-left: -2.9rem;
}*/
span.border{
    position: relative;
}
span.border::after{
    content:'';
    width: 50%;
    height: 3px;
    bottom: 0;
    background-color:rgba(226, 207, 229, 1);
    display:block;
    margin-bottom:2rem;
    box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);
}
span.border.hub::after{
    width: 3rem;
    height: 2px;
    margin-bottom: 0px;
    box-shadow: unset;
    margin-left: -3rem;
}
span.border.mostr::after{
    background-color: rgba(226, 207, 229, 1);
    margin-top:2rem;
}
span.border.mitutv::after{
    background-color: #DCD33B;
    margin-top:2rem;
}
span.border.hub::after{
    background-color: rgba(19, 193, 141, 1);
    background-color: rgba(226, 207, 229, 1);
    margin-top:2rem;
}
span.index{
    display: flex;
    justify-content: center;
    align-items: center;
    color:white;
    font-size: 1.8rem;
    font-weight: 800;
    padding:0 1rem;
    position: relative;
    height: 6.3rem;
}
span.index.mitutv{
    color:#DCD33B;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    font-weight: 800;
    padding:0 1rem;
    position: relative;
    height: auto;
}
/*span.index-mr{
    padding:0 1.2rem;
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    font-weight: 800;
    color:white;
}*/
span.trailing{
    font-size: 3.9rem;
    font-weight: 800;
    color: rgba(139, 0, 243, 0.21);
    padding-top: 1.9rem;
    display: block;
    text-align: right;
    letter-spacing: -0.4rem;
    padding-right:1.5rem;
}
span.trailing.mostr{
    color:rgba(19, 193, 141, 1);
}
.trailing.mitutv img {
    width: 150px;
}
span.trailing.mitutv{
    color: rgba(19, 193, 141, 1);
}
@media (max-width: 1245px){
    div.outer-wrapper,div.outer-wrapper-mr{
        margin-left:2rem;
    }
}

/* play button mitutv*/

.image-container {
    position: relative;
    display: inline-block;
}

.image-container img {
    display: block; /* Removes bottom margin/gap */
    width: 100%; /* Adjust as needed */
    height: auto; /* Maintain aspect ratio */
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px; /* Adjust size as needed */
    height: 60px;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
    border-radius: 50%; /* Circular shape */
    transform: translate(-50%, -50%);
}

.play-button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 26px; /* Adjust for size of triangle */
    border-color: transparent transparent transparent white; /* Triangle color */
    transform: translate(-50%, -50%);
}

.mitutv-videoContainerLink  {
    display: block !important;
    height: auto !important;
}

.mitutv-videoContainerLink img {
    border-radius: 12px 12px 0px 0px;
}
img.hub{
    padding: 0 1.5rem;
}