@charset "utf-8";
/* CSS Document */


.results-progress {
  position: relative;
}

.seat-header-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.seat-left{
    display:flex;
    align-items:center;
    gap:6px;
}

.seat-right{
    display:flex;
    align-items:center;
    gap:8px;
}

.seat-hot-tag{
    display:inline-flex;
    align-items:center;
    gap:2px;
    padding:4px 8px;
    border-radius:999px;
    background: rgba(187, 0, 0, 0.1);
    color:#bb0000;
    font-size:11px;
    font-weight:700;
    line-height:1;
	height: 24px;
}

.hot-seat-btn {
  border: none;
  background: transparent;
  padding: 0;
  position: relative;
  pointer-events: none;
}


.hot-seat-btn::after {
  content: "local_fire_department";
  font-family: "Material Symbols Rounded";
  font-size: 18px;
  font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24;
  background: linear-gradient( 180deg, #bb0000 100%, #bb0000 100% );
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  pointer-events: none;
}

.seat-header-bottom{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:16px;
}

.seat-card-body {
    display: none;
}

.seat-result-card.is-open .seat-card-body {
    display: block;
}

.seat-header-bottom{
    min-height:32px;
}

.seat-result-card.is-open .seat-card-toggle{
    visibility:hidden;
    pointer-events:none;
}

.seat-toggle{
    transition:.3s;
	display:flex;
    align-items:center;
    gap:4px;
    border:0;
    background:none;
    cursor:pointer;
    font-weight:700;
    color:#4a4a4a;
	font-size: 12px; 
}

.seat-card-toggle{
    display:flex;
    align-items:center;
    gap:2px;
    cursor:pointer;
    font-size:14px;
    font-weight:500;
}

.seat-toggle-icon{
    transition:transform .25s ease;
}

.seat-result-card.is-open .seat-toggle-icon{
    transform:rotate(180deg);
}

.seat-result-card.is-open .seat-toggle{
    display:none;
}

.seat-card-collapse{
    margin-top:20px;
    display:flex;
    justify-content:end;
}

.seat-hide-btn{
    display:flex;
    align-items:center;
    gap:4px;
    border:0;
    background:none;
    cursor:pointer;
    font-weight:700;
    color:#4a4a4a;
	font-size: 12px; 

}


/* TAG */
.result-tag {
  padding: 4px 8px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  font-weight: 700;
  color: #333;
  height: 24px;
}

.official-tag {
	background: rgba(255, 149, 0, 0.3);

}

.unofficial-tag {
	background: rgba(148, 163, 184, 0.3);
}

.hot-seats-top .hot-seat-btn::after {
	font-size: 24px;
}

.hero-sidebar.nogap {
	gap: 0;
}

.state-polls-search{
    margin-bottom:10px;
}

.state-polls-search .search-field{
    position:relative;
}

.state-polls-search .field{
    width:100%;
    height:37px;
    border:1px solid #d6d6d6;
    border-radius:8px;
    padding:0 20px 0 52px;
    font-size:16px;
}

.state-polls-search .search-icon{
    position:absolute;
    left:18px;
    top:50%;
    transform:translateY(-50%);
}

.seat-follow-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-top:16px;
	width: 100%;
}

.card-section-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:15px;
	width: 100%;
}

.seat-follow-title{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
}

.seat-expand-all{
    display:inline-flex;
    align-items:center;
    gap:4px;
    flex-shrink:0;
    padding:3px 6px;
    border:1px solid #d6d6d6;
    border-radius:6px;
    background:#fff;
    font-size:12px;
    font-weight:700;
    cursor:pointer;
	color: #4a4a4a;
}

.seat-expand-all .material-symbols-rounded {
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}

.livevideo-new .sidebar-live-video {
  margin-bottom: 0;
}

.home-live-blog-list.noheight {
  position: relative;
  display: grid;
  max-height: none;
  overflow-y: auto;
  overscroll-behavior: contain;
  gap: 0;
  margin: 0;
  padding: 0 12px 0 0;
  border-right: 1px solid #ededed;
  list-style: none;
  scrollbar-width: thin;
  scrollbar-color: #c7c7c7 transparent;
}

.results-panel-stack > .section-title {
  display: flex;
  align-items: center;
  min-height: 0;
  margin: 0 0 16px;
}

.results-panel-stack.sidebar-results-panel {
  margin-bottom: 40px;
}

.map-legend-unofficial {
  margin-top: 10px;
  margin-bottom: 20px;
}

.map-legend-unofficial .map-legend-swatch {
	width: 22px;
	height: 16px;
}

.results-total{
    text-align:right;
}

.hero-sidebar .results-total {
	display: block;
}
.results-total-number{
    display:flex;
    justify-content:flex-end;
    align-items:baseline;
    gap:6px;
}

.results-total strong{
    font-size:24px;
    line-height:1;
	font-weight: 900
}

.results-total span{
    font-size:16px;
    font-weight:700;
}

.results-total-label{
    margin-top:2px;
    font-size:12px;
    color:#4a4a4a;
}

.unofficial-stripes{
  background-size: 20px 20px;
    background-image: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0.4) 1px, transparent 4px, transparent 7px);
}

@media (max-width: 767px) {
	.latest-news-grid .news-card:nth-child(n+4){
    display:none;
}

	.home-dun-grid {
		padding: 0 !important;
	}
	
	.home-dun-grid .state-map-area {
		xpadding: 0;
	}
	
	.state-map-area {
		background: #fff;
	}
	
}

@media (max-width: 767px), (max-width: 1024px) and (orientation: portrait) {
  .state-map-area {
    padding: 24px 20px!important;
  }
	
	.map-legend-swatch {
    width: 15px !important;
    height: 15px !important;
  }
	
	 .map-legend-item {
    gap: 6px !important;
    font-size: 12px;
  }
	
	.state-dun-sidebar.search-is-fixed {
  padding-top: 30px !important;
  border-top: 1px solid #d6d6d6;
}
	
	.state-dun-sidebar {
  padding: 0 12px !important;
}
	.sidebar-sticky-top {
  padding: 72px 12px 10px 12px !important;
}
}


@media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .home-page .election-hero-main, .home-page .hero-sidebar {
    display: contents;
    order: 2;
    display: grid;
  }

}

@media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
   .home-page.postresults .sidebar-live-video {
    order: 2;
    width: 100%;
    max-width: none;
    margin: 0;
  }
	
	  .home-page.resultspage .state-result-wrap {
    order: 2;
    width: 100%;
    max-width: none;
    margin: 0;
  }
}

/*==================================
AI SEARCH
==================================*/
.ai-search-form{
    width:100%;
    margin:0;
}

.ai-search{
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    height:44px;
    padding:0 20px;
    background:#fff;
    border:1px solid #d6d6d6;
    border-radius:8px;
    transition:border-color .2s ease,
               box-shadow .2s ease;
}

.ai-search:hover{
    border-color:#bdbdbd;
}

.ai-search:focus-within{
    border-color:#c40000;
    box-shadow:0 0 0 3px rgba(196,0,0,.08);
}

.ai-search-icon{
    flex:0 0 auto;
}

.ai-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:3px 8px;
    border-radius:6px;
    background:rgba(255, 183, 83, 0.2);
    color:#303030;
    font-size:12px;
    font-weight:700;
    letter-spacing:.02em;
}

.ai-search-input{
    flex:1;
    height:37px;
    border:0;
    outline:0;
    background:transparent;
    font-size:16px;
    color:#707070;
}

.ai-search-input::placeholder{
    color:#707070;
}

.ai-search-submit{
    display:flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    border:0;
    border-radius:50%;
    background:#939393;
    color:#fff;
    cursor:pointer;
    transition:background .2s ease,
               transform .2s ease;
}

.ai-search-submit:hover{
    background:#5b5b5b;
}

.ai-search-submit:active{
    transform:scale(.95);
}

.ai-search-submit .material-symbols-rounded{
    font-size:16px;
    font-weight:600;
}

/*==================================
Responsive
==================================*/

@media (max-width:767px){

.ai-search{
    min-height:48px;
    padding:0 8px 0 12px;
}

.ai-search-input{
    height:46px;
    font-size:15px;
}

.ai-badge{
    font-size:11px;
    padding:2px 7px;
}

.ai-search-submit .material-symbols-rounded{
    font-size:16px;
}

}

/**==OVERRIDE FOR MAINCARD ==*/
.bar-others.unofficial-stripes {
    background-size: 20px 20px!important;
    background-image: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0.4) 1px, transparent 4px, transparent 7px)!important;
}
.results-card .result-card-content .results-heading {
    font-size: 14px;
    color: #333;
    font-weight: 900;
    text-transform: uppercase;
}  
.results-card .result-card-content .results-card-top .results-total {
    display: block;
}
.results-card .result-card-content .results-table-head
{
    display: grid;
    grid-template-columns: 120px 62px 62px 52px 18px!important;
    column-gap: 8px!important;
    align-items: center;
    margin-bottom: 8px;
}
.results-card .result-card-content .results-table-head > div {
    font-size: 12px;
    font-weight: 700;
    color: #4a4a4a;
}
.results-card .result-card-content .results-party-main
{
    display: grid;
    grid-template-columns: minmax(64px, 1fr) 52px 40px 52px 18px!important;
    column-gap: 8px!important;
    align-items: center;
    margin-bottom: 8px;
}
.results-card .result-card-content .results-sub-row
{
    display: grid;
    grid-template-columns: 100px 62px 82px 82px 0px!important;
    column-gap: 8px!important;
    align-items: center;
    margin-bottom: 8px;
}
.results-card .result-card-content .party-won, 
.results-card .result-card-content .party-contested, 
.results-card .result-card-content .party-unofficial{
    font-size: 20px;
    font-weight: 700;
    color: var(--text);
}
.election-hero-main .results-card .result-card-content .results-table-head {
    grid-template-columns: minmax(0, 1fr) 62px 62px 52px 18px !important;
}
.election-hero-main .results-card .result-card-content .results-party-main {
    grid-template-columns: minmax(0, 1fr) 32px 62px 52px 18px !important;
}
.election-hero-main .results-card .result-card-content .results-party-sub .results-sub-row {
   /* grid-template-columns: minmax(0, 1fr) 60px 60px 60px 10px !important;*/
    grid-template-columns: minmax(0, 1fr) 55px 55px 55px 10px !important
}

.election-hero-main .results-card .result-card-content .results-sub-row div:nth-child(2), 
.election-hero-main .results-card .result-card-content .results-sub-row div:nth-child(3),
.election-hero-main .results-card .result-card-content .results-sub-row div:nth-child(4) {
    text-align: center;
}
.state-card .result-tag {
    position: inherit;
}
@media (max-width: 767px) {
    .results-card .result-card-content .results-table-head,
    .results-card .result-card-content .results-party-main
     {
        grid-template-columns: minmax(56px, 72px) 72px 54px 78px 24px!important;
        column-gap: 12px;
        align-items: center;
    }
   
    .results-card .result-card-content .results-sub-row {
        grid-template-columns: minmax(40px, 58px) 72px 54px 78px 24px!important;
        column-gap: 12px;
        align-items: center;
    }

    .results-card .result-card-content .results-party-main, 
    .results-card .result-card-content .results-sub-row
    {
        text-align: center;
    }
    .results-card .result-card-content .results-sub-row div:nth-child(1) 
    {
        text-align: left;
    }
}
@media only screen
and (min-width: 768px)
and (max-width: 1024px) {
    .results-card .result-card-content .results-table-head 
    {
        grid-template-columns: minmax(64px, 1fr) 83px 80px 82px 18px!important;
    }
    .results-card .result-card-content .results-party-main
    {
        grid-template-columns: minmax(64px, 1fr) 83px 80px 82px 18px!important;
    }
    .party-unofficial {
        text-align: center;
    }    
    .results-card .result-card-content .results-party-sub .results-sub-row {
        grid-template-columns: minmax(64px, 1fr) 80px 80px 80px 18px !important;
    }   
    .results-card .result-card-content .results-sub-row div:nth-child(4) {
        text-align: center;
    } 
}
@media (min-width: 1024px) {
    .results-card .result-card-content .results-table-head {
        display: grid;
        grid-template-columns: minmax(100px, 1fr) 62px 62px 52px 18px !important;
        column-gap: 8px !important;
        align-items: center;
        margin-bottom: 8px;
        }
    .results-card .result-card-content .results-party-main {
        display: grid;
        grid-template-columns: minmax(64px, 1fr) 60px 60px 60px 18px !important;
        column-gap: 8px !important;
        align-items: center;
        margin-bottom: 8px;
    }
    .results-card .result-card-content .results-party-sub .results-sub-row {
            grid-template-columns: 90px 62px 65px 55px 0px !important;
    }
    .results-card .result-card-content .results-sub-row div:nth-child(4){
        text-align: center;
    }
    .results-card .result-card-content .results-party-main .party-unofficial{
        text-align: center;
    }
}
.results-card .result-card-content .results-party-main .party-toggle {
    margin-left: -15px;
}