/* CSS rules to be defined below */

.td-tabs-carousel-container-icon-link-only .td-tabs-carousel-icons.td-tabs-carousel-disabled .td-tabs-carousel-tab .td-tabs-carousel-tab-content p {
margin-top: 20px;
} .
@media (max-width: 768px) {
    .tds-featured-article-left, .tds-featured-article-left-half-size {
        position: relative;
        display: block;
    }
}
/* TEMP Fix for alignment in header*/
.td-segments {
margin-left: 0px !important;
}
/* TEMP Fix for mobile header*/
@media (max-width: 449px) {
    .td-nav-mobile-menu-header .td-logo {
        top: 0;
        left: 0;
        width: 47px;
        overflow: hidden;
    }
}

/*TEMP Fix for hero banner - getting cut off by header on tablet and smaller*/
@media (max-width: 1023px){
    div.td-contentarea[role=main]{
        padding-top: 75px !important;
    }
}

/*Temp fix for chevrons in header*/
.td-nav-primary .td-dropdown .td-icon.expand, .td-nav-primary .td-dropdown .td-icon.collapse, .td-utility-toggle li.td-dropdown .td-icon.expand, .td-utility-toggle li.td-dropdown .td-icon.collapse, .td-nav-primary ul>li.td-us-public-login .td-icon.expand, .td-nav-primary ul>li.td-us-public-login .td-icon.collapse {
margin-top: 0px;
}

/*TEMP Fix for footer*/
.td-fullwidth-footer-bk {
    background-color: #f9f9f9;
}
footer {
background: #fff !important;
}
.footer-logo-divider {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 30px;
}
footer .td-footer-content .td-footer-social .td-footer-social-heading {
display: none;
}
footer hr.td-divider {
border-top: 1px solid #ccc;
}
.td-footer-content.flex-reverse {
padding: 8px 15px;
}
.footer-note {
    margin-top: 30px;
}
footer .td-footer-content .td-footer-social ul li .td-interactive-icon {
padding-top: 7px;
}
@media (max-width: 1023px){
.footer-logo-divider {
justify-content: center;
}
}
/*----------------------------- AWARDS CSS UPDATE -----------------------------*/
.awards-grid {
    grid-column-gap: 0px;
}
.award-card {
    padding: 50px 0px;
}
.award-card div {
    padding: 0px 50px;
}
@media (min-width: 48em) and (max-width: 63.94em) {
    .awards-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 47.94em) {
    .awards-grid {
        grid-template-columns: 1fr;
    }
}

/*----------------------------- Deals page CSS UPDATE -----------------------------*/

.typed-deals-card-body.no-image {
    grid-template-rows: 54px minmax(23px, 69px) 32px 90px !important;
}
.tags-container {
    margin-bottom: 24px !important;
}
.s-typed-deal-list .deals-grid {
    display: grid;
    width: 100%;
    padding: 0;
    text-align: center;
    gap: 30px;
    margin: 15px 0 64px 0 !important;
    grid-template-columns: repeat(3, 1fr);
}

@media (min-width: 75em) {
    .s-typed-deal-list .deals-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/*-------------------------------------- VERTICAL VIDEO CSS START --------------------------------------*/
.bc-player-default_default .vjs-big-play-button {
    background-color: rgba(0, 0, 0, .45);
    border-radius: 21px;
    border-width: 0;
    font-size: 2em;
    height: 100px;
    left: calc(50% - 75px);
    line-height: 3.5;
    top: calc(50% - 75px);
    width: 150px;
transition: none;
}

.vertical-video-container {
display: flex;
}
.vertical-video-container .video-description {
padding: 0px 0px 0px 30px;
}
.vertical-video-container .video-description  h2 {
margin-top: 0px;
}
.vjs-poster {
background-image: url(https://www.tdsecurities.com/tds/image/Thumbnail-Hot-Seat-Itay-Micheali.jpg) !important;
}
@media(max-width: 767px) {
    .vertical-video-container {
        flex-flow:column;
        align-items: center;
    }
 .vertical-video-container .video, .vertical-video-container .video .video-js {
width: 100%;
}
    .vertical-video-container .video-description {
        padding: 30px 0px 0px 0px !important;

    }
}
/*-------------------------------------- VERTICAL VIDEO CSS END --------------------------------------*/