﻿.shomeimp { background-color: #d8e8f8 !important; }

.trc_elastic_thumbnails-a .videoCube { width: 155px !important; margin-right: 0px !important; }

    .trc_elastic_thumbnails-a .videoCube:not(:first-child) { margin-right: 15px !important; }

.trc_elastic_thumbnails-a .trc_rbox_outer { margin-right: 0px !important; }

.thumbnails-a .syndicatedItem .video-title, .thumbnails-a .syndicatedItem .branding { font-size: 11px !important; font-family: Tahoma !important; }

@media only screen and (min-width: 1820px) {
    #divBanner { display: block !important; }

    #divBannerRight { display: block !important; }
}

.RightColumn div table { width: 300px !important; border: 0px !important; }

.RightColumn div iframe { width: 300px !important; border: 0px !important; }.custom-row { display: flex; width: 100%; border: 0px solid #000; }

.custom-cell { border: 0px solid #000; padding: 0px; }

.custom-cell-right { width: 513px; flex-shrink: 0; border-left: 1px solid #C3C3C3; direction: rtl; text-align: right; padding-left: 18px; }

.custom-cell-left { flex-grow: 1; text-align: center; padding-right: 18px; vertical-align: top; direction: rtl; width: 218px; }

.newMiddleColumn { width: 100%; max-width: 513px }

    .newMiddleColumn table { border: 0px solid #ffffff !important; max-width: 495px !important; }

banner-container { display: flex; align-items: center; justify-content: center; }

.News1Banner { display: inline-flex; width: 100%; height: auto; align-items: center; justify-content: center; margin: auto; }

.divider { font-size: 30px; display: flex; align-items: center; }

    .divider::before, .divider::after { flex: 1; content: ''; padding: 3px; background-color: red; margin: 5px; }

.RedSep { height: 6px; margin: 22px 0; border-top: 2px solid #EF2F24; border-bottom: 2px solid #EF2F24; }


table { border-collapse: collapse; /* Merges cell borders */ }

.dotted { padding: 1px; margin: 12px 0; border: none; border-top: 1px dotted #000000; color: #000000; height: 1px; width: 100%; }

td { padding: 0px; margin: 0px; vertical-align: top; }

#menu-wrapper-inner { margin: 0 auto; }

.headerInner { margin: 0 auto; }


td img, a img, div img { border-radius: 5px; height: auto; }.video-wrapper { display: none; /* Start as hidden */ position: relative; width: 100%; /* Always 100% width */ aspect-ratio: 16/9; /* 16:9 aspect ratio */ overflow: hidden; /* Prevent overflow */ background-color: #000; /* Black background for aesthetics */ }

    .video-wrapper * { position: absolute !important; /* Position elements relative to parent */ top: 0 !important; left: 0 !important; width: 100% !important; /* Always 100% width */ height: 100% !important; /* Always 100% height */ border: 0 !important; /* Remove unnecessary borders */ }

.video-header,
.video-footer { background-color: #000; width: 100%; text-align: center; padding: 5px 0; color: white; font-weight: bold; cursor: pointer; /* Show clickable pointer for header */ }

.video-footer { font-size: 14px; display: none; /* Start hidden */ }


.articles-list { display: flex; flex-wrap: wrap; gap: 16px; direction: rtl; justify-content: flex-start; margin: 10px 0; }

.card { width: calc(20% - 13px); background: #fff; border-radius: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.06); overflow: hidden; display: flex; flex-direction: column; font-family: arial; font-size: 16px; }

.card-img { width: 100%; height: auto; object-fit: cover; transition: transform 0.3s ease; border-radius: 0; }

.card:hover .card-img { transform: scale(1.05); }

.card-body { padding: 10px; text-align: center; }

.card-writer { display: block; font-weight: bold; font-size: 0.8rem; color: #666; margin-bottom: 6px; text-decoration: underline; }

.card-link { font-size: 1rem; font-weight: 600; color: #111; line-height: 1.4; display: block; }

    .card-link:hover { text-decoration: none; }.news-widgets-container { display: flex; gap: 32px; flex-wrap: wrap; flex-direction: row-reverse; justify-content: center; margin: 0 auto; font-family: Arial }

.news-widget { width: 330px; direction: rtl; text-align: right; font-family: Arial, Helvetica, sans-serif; }

/* כותרת */
.widget-header .header-link { display: block; padding: 8px 12px; color: white; text-decoration: none; transition: background 0.3s; }

.widget-header .title { font-weight: bold; font-size: 15px; }

.widget-header .subtitle { font-size: 12px; opacity: 0.9; }

/* צבעים דינמיים */
.red-header .header-link { background-color: #c60000; }
.blue-header .header-link { background-color: #0050c0; }
.green-header .header-link { background-color: #009944; }

/* hover — תמיד לבן */
.widget-header .header-link:hover { background-color: #000; color: white; }

/* מאמר ראשי */
.main-article { margin-top: 10px; text-align: right }

.main-image-wrapper { position: relative; overflow: hidden; }

.main-image { width: 100%; height: auto; display: block; max-height: 220px; object-fit: cover; border-radius: 5px 5px 0 0;aspect-ratio:16 / 10.5; }

.image-text-overlay { position: absolute;text-align:start; bottom: 4px; right: 8px; background-color: rgba(0,0,0,0.9); color: white; font-size: 11px; padding: 3px 6px; border-radius: 3px; }

/* כותרת ראשית */
.main-headline {text-align:center; font-size: 20px; font-weight: bold; margin-top: 6px; margin-bottom: 10px; line-height: 1.3; max-height: 50px; overflow: hidden; text-overflow: ellipsis; height: 50px; }
    .main-headline a:hover { color: maroon; }
/* גריד כתבות משניות */
.grid-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; margin-bottom: 0px; }

.small-article img { width: 100%; height: auto; object-fit: cover; aspect-ratio: 16 / 10; border-radius: 5px 5px 0 0 }

.small-article .text h4 { text-align: center; font-size: 15px; font-weight: 500; margin-top: 4px; height: 52px; /* שלוש שורות */ overflow: hidden; }
.black-maroon { color: black; }
    .black-maroon:hover { color: maroon; }
.second-title { height: 54px; overflow: hidden; text-align: center }
    .second-title:hover { color: maroon; }

/* קישורים למטה */
.link-list { list-style: outside; padding: 0; margin: 0 8px 0 0 }

    .link-list li { margin-bottom: 4px; font-size: 15px; font-weight: 500; }

    .link-list a { color: #333; text-decoration: none; font-weight: 500; }

        .link-list a:hover { color: maroon; }
