header .desktop-header .main-menu nav ul.main > li.elections-link{margin: 0 10px 0 0}
header .desktop-header .main-menu nav ul.main > li.elections-link > a{width: 164px; background: url('../images/elections-2022/elections-link-logo.png?3') no-repeat center; background-size: contain}
header.english-header .desktop-header .main-menu nav ul.main > li.elections-link > a{background: url('../images/elections-2022/elections-link-logo-en.svg') no-repeat center; background-size: contain}
header .desktop-header.pages-header .main-menu nav ul.main > li.has-sub > a{padding: 0 8px 0 15px}
/*header .desktop-header.pages-header .main-menu .inmenu-left-content{width: 225px}*/
/*header .desktop-header.pages-header .main-menu .inmenu-right-content{width: 350px}*/
header .desktop-header.pages-header .main-menu nav ul.main > li.elections-link > a{width: 60px; background: url('../images/elections-2022/elections-link-logo-small.png') no-repeat center; background-size: contain}

article .details .elections-icon-container{margin: 0 0 10px 0}
article .details .elections-icon-container .elections-icon{display: inline-block; vertical-align: top; width: 61px; height: 16px; background: url('../images/elections-2022/elections-link-logo-small.png') no-repeat center; background-size: contain}
article .details .elections-icon-container h3{display: inline; line-height: 20px; top: -3px; position: relative}
article .details .elections-icon-container h3:before{content: '.'; display: inline-block; margin: 0 2px 0 4px; position: relative; top: -2px}
article .details .elections-icon-container h4{display: inline; line-height: 20px; top: -3px; position: relative}
article .details .elections-icon-container h4:before{content: '.'; display: inline-block; margin: 0 2px 0 3px; position: relative; top: -2px}
.elections-page article .details .elections-icon-container .elections-icon, .elections-page article .details .elections-icon-container h3:before, .elections-page article .details .elections-icon-container h4:before{display: none}
.category-page.elections-page .most-lists{margin: 15px 0 40px auto}


.elections-header{background-color: #F3F0F0; margin: -40px 0 40px 0; border-bottom: 1px solid #D8D8D8}
.elections-header .logo-container{padding: 45px 0; border-bottom: 1px solid #D8D8D8}
.elections-header .logo-container .logo{width: 300px; height: 55px; background: url('../images/elections-2022/elections-logo.png') no-repeat center; background-size: contain; display: block; margin: auto}
.english-page .elections-header .logo-container .logo{width: 255px; background: url('../images/elections-2022/elections-logo-en.svg') no-repeat center; background-size: contain}
.elections-header nav{text-align: center; font-size: 0}
.elections-header nav ul li{display: inline-block; position: relative}
.elections-header nav ul li:last-child{margin: 0}
.elections-header nav ul li a{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 17px; color: #1B1A1A; padding: 15px 0; transition: .25s; -webkit-transition: .25s; display: block}
.elections-header nav ul li a:after{content: ''; position: absolute; bottom: 0; border-bottom: 3px solid #D8D8D8; width: 100%; left: 0; opacity: 0; visibility: hidden; transition: .25s}
.elections-header nav ul li a:hover:after{opacity: 1; visibility: visible}
.elections-header nav ul li a.has-sub:before{content: ''; width: 11px; height: 6px; background: url('../images/elections-2022/icon-angle-down.png') no-repeat center; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); left: 10px}
.elections-header nav ul li a span{display: block; padding: 6px 25px; border: 1px solid transparent; border-radius: 3px}
.elections-header nav ul li a.has-sub span{padding: 6px 15px 6px 25px}
.elections-header nav ul li a.active span{border: 1px solid #D8D8D8}
.elections-header nav ul li ul{position: absolute; width: 290px; background-color: #FFFFFF; padding: 20px 15px; top: 66px; left: 0; transition: .25s; z-index: 9; border: 1px solid #D8D8D8; border-top: none; text-align: left; visibility: hidden; opacity: 0}
.elections-header nav ul li:hover ul{opacity: 1; visibility: visible}
.elections-header nav ul li ul li{display: block; line-height: 28px}
.elections-header nav ul li ul li a{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; display: block; transition: .25s; padding: 2px 10px}
.elections-header nav ul li ul li a:hover{background-color: #F8F6F6}
.elections-header nav ul li ul li a:after{display: none}
.elections-header nav ul li.latest-news-link{display: none}


.subscribe-box-elections{background-color: #F3F0F0; min-height: 380px; width: 100%; max-width: 1380px; font-size: 0; margin: 20px auto; padding: 54px 0}
.subscribe-box-elections .background{width: 204px; height: 272px; background: url('../images/elections-2022/ballot-box.png') no-repeat center; background-size: contain; display: inline-block; vertical-align: middle}
.subscribe-box-elections .details{display: inline-block; width: calc(100% - 335px); margin: 0 0 0 130px; vertical-align: middle}
.subscribe-box-elections .details .logo{width: 164px; height: 16px; background: url('../images/elections-2022/elections-link-logo.png?3') no-repeat center; background-size: contain}
.subscribe-box-elections .details h2{margin: 20px 0 0 0; color: #1B1A1A; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 38px}
.subscribe-box-elections .details a{height: 50px; font-size: 16px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; display: block; border-radius: 3px; text-align: center; line-height: 48px; vertical-align: top; transition: .25s; background-color: #1B1A1A; color: #F3F0F0; border: 1px solid #1B1A1A; width: 220px; margin: 30px 0 0 0}
.subscribe-box-elections .details a:hover{background-color: #F3F0F0; color: #1B1A1A}


/*Homepage*/
.elections-homepage .main-container{font-size: 0}
.elections-homepage .sidebar.most-lists-container{margin: 80px 10px 0 10px}
.elections-homepage .section-title .title i{margin: 0 0 0 12px}
.elections-homepage .section-title .sub-categories li:after{margin: 0 5px}
.liveblog-component{width: calc(100% - 20px); margin: 0 auto 50px auto}
.homepage .main-column .liveblog .details .live, .liveblog-component .details .live{vertical-align: middle}
.homepage .main-column .liveblog .details .elections-icon, .liveblog-component .details .elections-icon{width: 154px; height: 40px; border-radius: 22px; background-color: #FFFFFF; display: inline-block; vertical-align: middle; background-image: url('../images/elections-2022/elections-link-logo-small.png'); background-repeat: no-repeat; background-position: 75px center; background-size: 61px 16px; margin: 0 0 0 -80px}
.liveblog-component figure{height: 350px}
.liveblog-component .details{background-color: #F8F6F6; padding: 20px 30px 40px 30px}
.liveblog-component .details .live{background-color: #DD3B31; display: inline-block; color: #FFFFFF; font-size: 16px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; width: 140px; height: 40px; text-align: center; line-height: 40px; font-style: normal; border-radius: 22px; font-weight: normal; text-transform: uppercase; position: relative; padding: 0 0 0 20px; margin: 0 20px 0 0}
.liveblog-component .details .live:before{content: ''; width: 15px; height: 15px; position: absolute; border-radius: 50%; background-color: #FFFFFF; margin: 0 20px 0 0; left: 12px; top: 12px}
.liveblog-component .details .tag{font-size: 16px; font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; color: #DD3B31; text-transform: uppercase; font-weight: normal}
.liveblog-component .details .title{font-size: 35px; line-height: 40px; color: #1B1A1A; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; margin: 20px 0 0 0}
.liveblog-component .details ul li{margin: 0 0 30px 0}
.liveblog-component .details ul li .date{font-size: 14px; color: #1B1A1A; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-weight: normal; margin: 20px 0 0 0}
.liveblog-component .details ul li .date span{color: #777272}
.liveblog-component .details ul li .message{position: relative}
.liveblog-component .details ul li .message:before{content: ''; position: absolute; height: 100%; border-left: 1px solid #D1CFCF; left: 12px; padding: 0 0 10px 0}
.liveblog-component .details ul li:last-child .message:before{display: none}
.liveblog-component .details ul li .message p{font-size: 17px; line-height: 26px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 20px 0 0 0; padding: 0 0 0 40px}
.liveblog-component .details ul li .message iframe{display: none}
.liveblog-component .details ul li .message .embed{display: none}
.liveblog-component .details .more{background-color: #1B1A1A; color: #FFFFFF; text-align: center; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; display: block; height: 45px; line-height: 42px; font-size: 14px; border-radius: 3px; margin: 30px 0 0 0}
/*End Homepage*/


.elections-newsletter-box{min-height: 380px; width: 100%; max-width: 1380px; margin: 50px auto; background-color: #F3F0F0; padding: 52px 0}
.elections-newsletter-box .background{width: 205px; height: 272px; display: inline-block; background: url('../images/elections-2022/ballot-box.png') no-repeat center; background-size: contain; vertical-align: middle}
.elections-newsletter-box .details{display: inline-block; vertical-align: middle; width: calc(100% - 335px); margin: 0 0 0 130px; padding: 0 150px 0 0}
.elections-newsletter-box .details .logo{width: 164px; height: 16px; display: block; background: url('../images/elections-2022/elections-link-logo.png?3') no-repeat center; background-size: contain; margin: 0 0 20px 0}
.english-page .elections-newsletter-box .details .logo{width: 145px; background: url('../images/elections-2022/elections-link-logo-en.svg') no-repeat center; background-size: contain}
.elections-newsletter-box .details h2{font-size: 38px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #1B1A1A}
.elections-newsletter-box .details p{font-size: 20px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; margin: 15px 0 0 0}
.elections-newsletter-box .details form{margin: 30px 0 0 0; width: 325px; position: relative}
.elections-newsletter-box .details form input{height: 50px; border: none; width: 275px; padding: 0 20px; font-size: 16px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; outline: none; margin: 0 0 10px 0}
.elections-newsletter-box .details form input[type=email]::-webkit-input-placeholder{font-size: 18px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #777272}
.elections-newsletter-box .details form input[type=email]:-moz-placeholder{font-size: 18px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #777272}
.elections-newsletter-box .details form input[type=email]::-moz-placeholder{font-size: 18px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #777272}
.elections-newsletter-box .details form input[type=email]:-ms-input-placeholder{font-size: 18px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #777272}
.elections-newsletter-box .details form a{background-color: #1B1A1A; width: 50px; height: 50px; position: absolute; border-top-right-radius: 6px; border-bottom-right-radius: 6px; right: 0; top: 0; text-align: center; line-height: 72px; transition: .25s}
.elections-newsletter-box .details form a:hover{background-color: #817C7C}
.elections-newsletter-box .details form a i{color: #FFFFFF; font-size: 34px}
.elections-newsletter-box form .notice-message{font-size: 14px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #C84C4C}

.poll-component{background-color: #F3F0F0; padding: 25px; margin: 50px auto; width: calc(100% - 20px); border-radius: 6px}
.poll-component .header figure{width: 36px; height: 48px; background: url('../images/elections-2022/ballot-box.png') no-repeat center; background-size: contain; display: inline-block; vertical-align: middle}
.poll-component .header > div{display: inline-block; vertical-align: middle; margin: 0 0 0 15px; width: calc(100% - 65px)}
.poll-component .header > div h3{font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; color: #777272; text-transform: uppercase; font-size: 13px}
.poll-component .header > div h4{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 18px; line-height: 24px; margin: 10px 0 0 0}
.poll-component .choices{margin: 20px 0 0 0}
.poll-component .choices a{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; color: #1B1A1A; display: block; border: 1px solid #D1CFCF; border-radius: 4px; background-color: #FFFFFF; padding: 12px; margin: 0 0 8px 0; transition: .25s; -webkit-transition: .25s}
.poll-component .choices a span{display: inline-block; width: 20px; height: 20px; border: 1px solid #D1CFCF; border-radius: 50%; margin: 0 15px 0 0; vertical-align: middle; position: relative}
.poll-component .choices a span:before{content: ''; position: absolute; width: 12px; height: 12px; border-radius: 50%; background-color: #B6181B; top: 3px; left: 3px; opacity: 0; visibility: hidden; transition: .25s; -webkit-transition: .25s}
.poll-component .choices a.active span:before{opacity: 1; visibility: visible}
.poll-component .choices a:hover, .poll-component .choices a.active{background-color: #F8F6F6}
.poll-component .choices a p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; display: inline-block; margin: 0 0 0 5px}
.poll-component .submit{width: 100%; display: block; height: 45px; color: #FFFFFF; background-color: #1B1A1A; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; text-align: center; font-size: 14px; line-height: 42px; border-radius: 3px; margin: 8px 0 0 0}
.poll-component .message{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 14px; margin: 10px 0 0 0; color: #1B1A1A; display: none}
.poll-component .message.error{color: #CC0000}
.poll-component .message.error.already-voted{display: block}
.poll-component .end-date{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 12px; color: #777272; margin: 15px 0 0 0}

.latest-news-component.elections .component-title{padding: 20px; border-bottom: 1px solid #D8D8D8; display: block}
.latest-news-component.elections figure{width: 128px; height: 24px; background: url('../images/elections-2022/elections-logo.png') no-repeat center; background-size: contain; display: inline-block; vertical-align: middle}
.english-page .latest-news-component.elections figure{width: 110px; background: url('../images/elections-2022/elections-logo-en.svg') no-repeat center; background-size: contain}
.latest-news-component.elections h2{display: inline-block; vertical-align: middle; padding: 0; border: none; margin: 0 0 0 15px}
.latest-news-component.elections h2:before{display: none}
.elections-homepage .districts-carousel{margin: 25px 0}

.elections-homepage section{margin: 0 0 25px 0}
.districts-carousel .districts-container{position: relative; padding: 0 10px}
.districts-carousel .districts-container ul li{width: 333px; min-height: 316px}
.districts-carousel .districts-container ul li a{display: block; min-height: 316px; background-color: #F3F0F0; padding: 20px; border-radius: 6px; transition: .25s; -webkit-transition: .25s}
.districts-carousel .districts-container ul li a:hover{background-color: #E9E7E7}
.districts-carousel .districts-container ul li a figure{width: 105px; height: 140px; background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 0 20px 0}
.districts-carousel .districts-container ul li a h3{font-size: 18px; line-height: 26px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; margin: 0}
.districts-carousel .districts-container ul li a h4{font-size: 18px; line-height: 26px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.districts-carousel .districts-container .owl-nav .owl-prev, .districts-carousel .districts-container .owl-nav .owl-next{width: 48px; height: 48px; background-color: #1B1A1A; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); background-image: url('../images/elections-2022/icon-right-white.png'); background-repeat: no-repeat; background-position: center; background-size: 8px; transition: .25s; -webkit-transition: .25s; opacity: 1}
.districts-carousel .districts-container .owl-nav .owl-prev:hover, .districts-carousel .districts-container .owl-nav .owl-next:hover{opacity: .75}
.districts-carousel .districts-container .owl-nav .owl-prev.disabled:hover, .districts-carousel .districts-container .owl-nav .owl-next.disabled:hover{opacity: 1}
.districts-carousel .districts-container .owl-nav .owl-prev{left: -60px; transform: translateY(-50%) rotate(180deg)}
.districts-carousel .districts-container .owl-nav .owl-next{right: -60px}
.districts-carousel .districts-container .owl-nav .owl-prev.disabled, .districts-carousel .districts-container .owl-nav .owl-next.disabled{background-color: #F3F0F0}


/*Districts Page*/
.category-page.districts-page .intro{padding: 0 10px}
.category-page.districts-page .intro p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 22px; line-height: 34px}
.category-page.districts-page .districts{padding: 0 10px; margin: 30px 0 0 0}
.district-component a{display: block; background-color: #F3F0F0; border-radius: 6px; min-height: 194px; margin: 0 0 25px 0; padding: 20px; font-size: 0; transition: .25s; -webkit-transition: .25s; position: relative}
.district-component:last-child a{margin: 0}
.district-component a:hover{background-color: #E8E4E4}
.district-page .district-component a:hover{background-color: #F3F0F0}
.district-component a h2{font-size: 18px; color: #1B1A1A; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; line-height: 26px; padding: 0 160px 0 0}
.district-component a h3{font-size: 18px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; line-height: 26px; padding: 0 160px 0 0}
.district-component a ul{margin: 20px 0 0 0; padding: 0 160px 0 0}
.district-component a ul li{width: calc(33.33% - 14px); margin: 0 20px 0 0; border-top: 1px solid #D8D8D8; display: inline-block; vertical-align: top; padding: 15px 0 0 32px; position: relative}
.district-component a ul li:last-child{margin: 0}
.district-component a ul li i{position: absolute; width: 24px; height: 24px; background-repeat: no-repeat; background-size: contain; background-position: center; left: 0; top: 20px}
.district-component a ul li.voters i{background-image: url('../images/elections-2022/icon-voters.png')}
.district-component a ul li.lists i{background-image: url('../images/elections-2022/icon-lists.png')}
.district-component a ul li.seats i{background-image: url('../images/elections-2022/icon-seats.png')}
.district-component a ul li h4{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 28px}
.district-component a ul li span{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #777272; font-size: 14px; display: block}
.district-component a figure{position: absolute; right: 20px; width: 105px; height: 140px; background-repeat: no-repeat; background-size: contain; background-position: center; top: 50%; transform: translateY(-50%)}
/*End Districts Page*/


/*District Page*/
.category-page.district-page .info{padding: 0 10px}
.category-page.district-page .info .text{color: #1B1A1A}
.category-page.district-page .info .text h2{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 22px; line-height: 34px; margin: 0 0 30px 0}
.category-page.district-page .info .text p{font-family: Georgia, Helvetica, Arial, sans-serif; font-size: 21px; line-height: 34px; margin: 0 0 30px 0}
.category-page.district-page section{margin: 0 0 50px 0}
.category-page.district-page .districts-carousel{margin: 25px 0 50px 0}
.category-page.district-page section.electors{margin: 50px 0}
.category-page.district-page section .panel{padding: 20px 20px 10px 20px; border-radius: 6px; background-color: #F3F0F0}
/*.category-page.district-page section .panel.graph-panel{padding: 32px 20px 20px 20px}*/
.category-page.district-page section .panel ul{padding: 10px 0; border-bottom: 1px solid rgba(0, 0, 0, .15)}
.category-page.district-page section .panel ul:last-child{border-bottom: none}
.category-page.district-page section .panel ul:first-child{padding: 0 0 10px 0}
.category-page.district-page section .panel ul li{display: inline-block; width: 33.33%; padding: 0 20px 0 0; vertical-align: middle}
.category-page.district-page section .panel ul li h2{font-size: 14px; line-height: 24px; color: #1B1A1A; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.category-page.district-page section .panel ul li p{font-size: 14px; line-height: 24px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; padding: 0}
.category-page.district-page section .panel ul li span{display: inline-block; vertical-align: middle; width: 16px; height: 16px; border-radius: 50%; margin: 0 5px 0 0; background-color: #93837F}
.category-page.district-page section .panel ul li span:last-child{margin: 0}
.category-page.district-page section .panel p{font-size: 14px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; line-height: 24px; padding: 10px 0}
.category-page.district-page section .panel .graph{background-repeat: no-repeat; background-position: center; background-size: contain; height: 305px}
.category-page.district-page section .panel .graph.desktop{height: 355px}
.category-page.district-page section h3.panel-title{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 18px; color: #1B1A1A; margin: 0 0 25px 0}
.category-page.district-page section.lists{padding: 20px 0 0 0; border-top: 1px solid #D8D8D8}
.category-page.district-page section.lists .list{padding: 20px; background-color: #F3F0F0; border-radius: 6px; margin: 0 0 25px 0; position: relative}
.category-page.district-page section.lists .list .candidates-images figure{display: inline-block; vertical-align: middle; width: 56px; height: 56px; border-radius: 50%; background-repeat: no-repeat; background-size: cover; background-position: center; margin: 0 8px 20px 0}
.category-page.district-page section.lists .list h2{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 18px; line-height: 26px}

.category-page.district-page section.lists .list .elected-status{position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; border-radius: 50%; background-size: contain; background-position: center; background-repeat: no-repeat}
.category-page.district-page section.lists .list .elected-status.elected{background-image: url('../images/elections-2022/icon-elected.png')}
.category-page.district-page section.lists .list .elected-status.unelected{background-image: url('../images/elections-2022/icon-unelected.png')}

.category-page.district-page section.lists .list p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 26px; margin: 10px 0 0 0}
.category-page.district-page section.lists .list a{border: 1px solid #D1CFCF; border-radius: 20px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #1B1A1A; padding: 10px 16px; font-size: 14px; display: inline-block; margin: 12px 0 0 0}
.category-page.district-page section.lists .list a i{display: inline-block; margin: 0 0 0 15px; width: 12px; height: 7px; background: url('../images/elections-2022/icon-angle-down-black.png') no-repeat center; background-size: contain; vertical-align: middle; position: relative; top: -1px; transition: .25s; -webkit-transition: .25s}
.category-page.district-page section.lists .list a.active i{transform: rotate(-180deg)}
.category-page.district-page section.lists .list ul{margin: 25px 0 0 0; display: none}
.category-page.district-page section.lists .list .text{margin: 0 0 25px 0}
.category-page.district-page section.lists .list ul li{padding: 25px 0; border-bottom: 1px solid #D1CFCF}
.category-page.district-page section.lists .list ul li:first-child{padding: 0 0 25px 0}
.category-page.district-page section.lists .list ul li:last-child{padding: 25px 0 0 0; border-bottom: none}
.category-page.district-page section.lists .list ul li h4{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 16px; margin: 0 0 15px 0}
.category-page.district-page section.lists .list ul li h4 .elected-status{position: relative; width: 25px; height: 25px; display: inline-block; top: 5px; right: initial; margin: 0 0 0 10px}
.category-page.district-page section.lists .list ul li span{color: #777272; font-size: 14px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; display: inline-block; vertical-align: middle}
.category-page.district-page section.lists .list ul li span.add-separator:before{content: '.'; font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; font-size: 14px; color: #777272; display: inline-block; margin: 0 5px; vertical-align: middle; line-height: 14px; position: relative; top: -5px}
.category-page.district-page .most-lists, .category-page.districts-page .most-lists{margin: 40px 0 0 0}
/*End District Page*/


.results-container{padding: 45px 0; background-color: #F3F0F0; margin: -40px 0 40px 0; font-size: 0}
.results-container .main-container .title h2{font-size: 24px}
.results-container .main-container .title h2 img{display: inline-block; width: 245px; height: 24px; vertical-align: middle; position: relative; top: -2px}
.english-page .results-container .main-container .title h2 img{width: 220px}
.results-container .main-container .title h2 i{width: 10px; height: 10px; background-color: #000000; border-radius: 50%; display: inline-block; vertical-align: middle; margin: 0 10px}
.results-container .triple-border{margin: 12px auto 30px auto}
.results-container .main-container .grid{display: grid; grid-template-columns: 55% 45%}
.results-container .main-container .main-column{width: 55%; padding: 0 0 0 10px; min-height: 350px; position: relative}
.results-container .main-container .grid .main-column{display: inline-grid; width: 100%}
.results-container .main-container .main-column .info span{display: block; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.results-container .main-container .main-column .info span.seats{font-size: 16px; line-height: 24px; color: #1B1A1A}
.results-container .main-container .main-column .info span.last-update{font-size: 14px; line-height: 18px; color: #777272; margin: 5px 0 0 0}
.results-container .main-container .main-column #svelte-widget{margin: 40px 0 0 0; position: absolute; top: 50%; transform: translateY(-50%); left: 0; padding: 0 30px 0 0}
.results-container .main-container .stats{margin: 30px 10px 0 10px; padding: 30px 0 0 0; border-top: 1px solid #D1CFCF; font-size: 0; width: calc(100% - 20px)}
.results-container .main-container .stats .main-column{min-height: initial}
.results-container .main-container .stats .stat{display: inline-block; vertical-align: top; padding: 0 20px}
.results-container .main-container .stats .main-column .stat{width: 33.33%; border-right: 1px solid #D1CFCF}
.results-container .main-container .stats .main-column .stat:first-child{padding: 0 20px 0 0}
.results-container .main-container .stats .stat h4{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 30px}
.results-container .main-container .stats .stat span{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 14px; color: #777272}
.results-container .main-container .sidebar{width: 45%; margin: 0}
.results-container .main-container .grid .sidebar{display: inline-grid; width: 100%; padding: 0 10px 0 0}
.results-container .main-container .sidebar .parties{border-left: 1px solid #D1CFCF; padding: 0 0 0 40px; min-height: 350px}
.results-container .main-container .sidebar .parties ul li{border-bottom: 1px solid #D8D8D8; padding: 15px 0}
.results-container .main-container .sidebar .parties ul li:first-child{padding: 0 0 15px 0}
.results-container .main-container .sidebar .parties ul li:last-child{border-bottom: none; padding: 15px 0 0 0}
.results-container .main-container .sidebar .parties ul li .circle{display: inline-block; width: 16px; height: 16px; margin: 0 15px 0 0; border-radius: 50%; vertical-align: middle}
.results-container .main-container .sidebar .parties ul li > div{display: inline-block; vertical-align: middle; width: calc(100% - 35px)}
.results-container .main-container .sidebar .parties ul li > div i{font-style: normal}
.results-container .main-container .sidebar .parties ul li > div h3{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 16px; line-height: 24px; display: inline-block; vertical-align: middle}
.results-container .main-container .sidebar .parties ul li > div span{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #777272; font-size: 16px; line-height: 24px; display: inline-block; vertical-align: middle}
.more-elections-stats{display: none}


@media only screen and (max-width: 1500px) {
    header .desktop-header.pages-header .main-menu .inmenu-right-content{width: 300px}
}

@media only screen and (max-width: 1440px) {
    /*header .desktop-header.pages-header .main-menu .inmenu-left-content .logo{margin: 22px 0 0 5px}*/
    /*header .desktop-header.pages-header .main-menu .inmenu-left-content{width: 195px}*/
    /*header .desktop-header.pages-header .main-menu .inmenu-right-content{width: 260px}*/
    /*header .desktop-header.pages-header .main-menu nav ul.main > li.elections-link > a{width: 140px}*/
    /*header .desktop-header.pages-header .main-menu nav ul.main > li > a{line-height: 70px}*/
    /*header .desktop-header.pages-header .main-menu nav ul.main > li.elections-link > a{margin: 2px 0 0 0}*/
}

@media only screen and (max-width: 1280px) {
    header .desktop-header.pages-header .main-menu .container{padding: 0 5px}
    header .desktop-header.pages-header .main-menu .toggle-menu{width: 32px}
    header .desktop-header .main-menu nav ul.main > li > a{font-size: 13px}
    header .desktop-header .main-menu nav ul.main > li.has-sub > a{padding: 0 5px 0 15px}
    header .desktop-header .main-menu nav ul.main > li > ul{width: 200px}
    header .desktop-header .main-menu nav ul.main > li.has-sub.guerre_hamas > a{padding: 0 8px 0 17px;}
    .districts-carousel .districts-container .owl-nav .owl-prev{left: 10px}
    .districts-carousel .districts-container .owl-nav .owl-next{right: 0}
}

@media only screen and (max-width: 1200px) {
    /*header .desktop-header.pages-header .main-menu .inmenu-left-content .logo{margin: 25px 0 0 5px}*/
    /*header .desktop-header.pages-header .main-menu .inmenu-left-content{width: 160px}*/
    /*header .desktop-header.pages-header .main-menu nav ul.main > li.has-sub > a{padding: 0 4px 0 15px}*/
    /*header .desktop-header.pages-header .main-menu nav ul.main > li.has-sub > a:before{left: 2px}*/
}

@media only screen and (max-width: 1130px) {
    header .desktop-header.pages-header .main-menu .inmenu-left-content .logo{width: 120px; height: 18px; margin: 28px 0 0 5px}
    header .desktop-header.pages-header .main-menu .inmenu-left-content{width: 130px}
    header .desktop-header.pages-header .main-menu .inmenu-right-content{width: 207px}
    header .desktop-header .main-menu .inmenu-right-content .login{margin: 0 2px 0 0}
    header .desktop-header .main-menu .inmenu-right-content .toggle-search{margin: -8px 5px 0 0}
}

@media only screen and (max-width: 1000px) {
    header .desktop-header .main-menu nav ul.main > li > a{font-size: 13px}
    header.english-header .desktop-header .main-menu nav ul.main > li > a{padding: 0 13px; font-size: 12px;}
    header .desktop-header.pages-header .main-menu nav ul.main > li > a{font-size: 13px}
    header .desktop-header.pages-header .main-menu nav ul.main > li.has-sub > a{padding: 0 4px 0 12px}
}

@media only screen and (max-width: 960px) and (min-width: 768px){
     /*le siecle*/
     header .desktop-header .main-menu nav ul.main li.le_siecle a img.le_siecle_logo{width: 80px; height: 35px; margin: 7px 0 0 0;}


    header .desktop-header.pages-header .main-menu nav{width: calc(100% + 10px)}

    header .desktop-header.pages-header .main-menu .inmenu-left-content{width: 160px}
    header .desktop-header.pages-header .main-menu .toggle-menu a{padding: 17px 0 13px 0}
    header .desktop-header.pages-header .main-menu .inmenu-left-content .logo{margin: 15px 0 10px 5px; width: 150px; height: 22px}
    header .desktop-header.pages-header .main-menu nav ul.main > li > a{line-height: 34px; font-size: 13px}

    header .desktop-header .main-menu nav ul.main > li.elections-link > a{width: 130px}
    header .desktop-header .main-menu nav ul.main > li.has-sub > a{padding: 0}

    .results-container.expand .main-container{padding: 0 30px 40px 30px !important}
    .results-container .main-container .stats .main-column, .results-container .main-container .sidebar{display: inline-block}
}

@media only screen and (max-width: 767px) {
    .elections-header{margin: -20px 0 20px 0}

    .poll-component .choices a:hover{background-color: #FFFFFF}
    .districts-carousel .districts-container ul li a:hover{background-color: #F3F0F0}

    article .details .elections-icon-container h3, article .details .elections-icon-container h4{top: -2px}

    .poll-component{padding: 15px}
    .poll-component .header > div h3{font-size: 12px}
    .poll-component .header > div h4{font-size: 14px; line-height: 18px; margin: 5px 0 0 0}
    .poll-component .header > div{margin: 0 0 0 10px; width: calc(100% - 60px)}
    .poll-component .choices{margin: 15px 0 0 0}
    .poll-component .choices a{font-size: 12px; padding: 10px}
    .poll-component .end-date{font-size: 11px}

    .districts-carousel .districts-container ul li{width: 260px; min-height: 260px}
    .districts-carousel .districts-container ul li a{min-height: 260px}
    .districts-carousel .districts-container ul li a figure{width: 84px; height: 110px; margin: 0 0 15px 0}
    .districts-carousel .districts-container ul li a h4{font-size: 14px; line-height: 20px}
    .districts-carousel .districts-container .owl-nav{display: none}

    .elections-homepage .sidebar.most-lists-container{margin: 0}
    .liveblog-component figure{height: 215px}
    .liveblog-component .details{padding: 20px 15px 20px 15px}
    .liveblog-component .details .live{width: 105px; height: 30px; font-size: 12px; line-height: 30px}
    .liveblog-component .details .live:before{width: 10px; height: 10px; top: 10px}
    .liveblog-component .details .tag{font-size: 12px}
    .liveblog-component .details .title{font-size: 20px; line-height: 27px}
    .liveblog-component .details ul li .date{font-size: 12px}
    .liveblog-component .details ul li .message p{font-size: 16px; line-height: 24px}
    .homepage .main-column .liveblog .details .elections-icon, .liveblog-component .details .elections-icon{height: 30px; width: 124px; background-size: 54px 14px; background-position: 55px center; margin: 0 0 0 -65px}

    .elections-homepage .most-lists{margin: 0 auto}

    .category-page.districts-page .intro p{font-size: 16px; line-height: 24px}
    .category-page.districts-page .districts{margin: 20px 0 0 0}
    .district-component a{padding: 15px 15px 20px 15px; margin: 0 0 15px 0; min-height: 212px}
    .district-component a:hover{background-color: #F3F0F0}
    .district-component a h2, .district-component a h3{font-size: 14px; line-height: initial; margin: 5px 0 0 0; padding: 0}
    .district-component a ul{border-top: 1px solid #D8D8D8; padding: 10px 110px 0 0}
    .district-component a ul li{display: block; width: 100%; border: none; padding: 10px 0 0 40px; margin: 0 0 20px 0}
    .district-component a ul li i{top: 8px}
    .district-component a ul li h4{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 14px; display: inline-block; vertical-align: middle}
    .district-component a ul li span{font-size: 15px; display: inline-block; vertical-align: middle; margin: 0 0 0 5px}
    .district-component a figure{top: initial; bottom: 15px; transform: none; width: 95px; height: 125px}

    .category-page.district-page .info .text h2{font-size: 16px; line-height: 24px}
    .category-page.district-page .info .text p{font-size: 18px; line-height: 28px}
    .category-page.district-page section.electors{margin: 30px 0}
    .category-page.district-page section{margin: 0 0 30px 0}
    .category-page.district-page section h3.panel-title{font-size: 16px; line-height: 24px; margin: 0 0 20px 0}
    .category-page.district-page .districts-carousel{margin: 30px 0 35px 0}
    .category-page.district-page section .panel, .category-page.district-page section .panel.graph-panel{padding: 15px 15px 5px 15px}
    .category-page.district-page section .panel ul li{display: block; width: 100%; padding: 0}
    .category-page.district-page section .panel ul li:nth-child(2), .category-page.district-page section .panel ul li:nth-child(3){display: inline-block; width: 50%; vertical-align: middle}
    .category-page.district-page section .panel ul li:last-child{margin: 5px 0 0 0}
    .category-page.district-page section .panel ul li span{margin: 0 5px 5px 0}
    .category-page.district-page section .panel ul li span:last-child{margin: 0 0 5px 0}
    .category-page.district-page section .panel .graph{height: 210px; margin: 0 0 10px 0}
    .category-page.district-page section.lists .list{margin: 0 0 15px 0}
    .category-page.district-page section.lists .list .candidates-images figure{width: 48px; height: 48px; margin: 0 8px 15px 0}
    .category-page.district-page section.lists .list p{font-size: 14px; line-height: 20px}
    .category-page.district-page section.lists .list h2{font-size: 16px; line-height: 24px}
    .category-page.district-page section.lists .list ul li h4{margin: 0 0 10px 0}
    .category-page.district-page section.lists .list ul li{padding: 20px 0}
    .category-page.district-page section.lists .list ul li:first-child{padding: 0 0 20px 0}
    .category-page.district-page section.lists .list ul li:last-child {padding: 20px 0 0 0}


    .results-container{padding: 20px 0; margin: -20px 0 40px 0}
    .results-container .main-container{height: 575px; overflow: hidden}
    .results-container .main-container .grid .sidebar{width: 100%; display: block; margin: 25px 0 0 0; padding: 0 10px}
    .results-container .main-container .grid .main-column{display: block; width: 100%; padding: 0 10px; min-height: initial}
    .results-container.expand .main-container{height: auto; padding: 0 10px 40px 10px}
    .results-container .triple-border{margin: 12px auto 20px auto}
    .results-container .main-container .title h2{font-size: 17px}
    .results-container .main-container .title h2 img.desktop{display: none}
    .results-container .main-container .title h2 img.mobile{width: 61px; height: 16px; display: inline-block !important}
    .results-container .main-container .title h2 i{width: 5px; height: 5px; margin: 0 2px; position: relative; top: -2px}
    .results-container .main-container .grid{display: block}
    .results-container .main-container .main-column .info span.seats{font-size: 14px; line-height: 20px}
    .results-container .main-container .main-column .info span.last-update{font-size: 12px}
    .results-container .main-container .main-column #svelte-widget{margin: 20px auto 0 auto; position: relative; top: initial; transform: none; padding: 0}
    .results-container .main-container .sidebar .parties{padding: 0; border-top: 1px solid #D1CFCF; min-height: initial; border-left: none}
    .results-container .main-container .sidebar .parties ul li{padding: 12px 0 12px 2px !important}
    .results-container .main-container .sidebar .parties ul li:last-child{border-bottom: 1px solid #D1CFCF}
    .results-container .main-container .sidebar .parties ul li > div h3{display: block; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
    .results-container .main-container .sidebar .parties ul li > div h3 i{display: none}
    .results-container .main-container .sidebar .parties ul li > div h3, .results-container .main-container .sidebar .parties ul li > div span{font-size: 14px; line-height: 20px}
    .results-container .main-container .stats{border-top: none; margin: 25px 0 0 0; width: 100%; padding: 0 10px}
    .results-container .main-container .stats .main-column{padding: 0}
    .results-container .main-container .stats .main-column .stat{display: block; width: 100%; padding: 0 !important; border-right: none}
    .results-container .main-container .stats .stat{padding: 0; margin: 0 0 15px 0}
    .results-container .main-container .stats .stat h4{font-size: 14px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; display: inline-block; margin: 0 10px 0 0}
    .results-container .main-container .stats .stat span{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
    .results-container .main-container .stats .sidebar{padding: 0; margin: 0}
    .results-container .main-container .stats .sidebar .stat{margin: 0}
    .more-elections-stats{width: calc(100% - 40px); display: block; height: 40px; color: #FFFFFF; background-color: #1B1A1A; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; text-align: center; font-size: 14px; line-height: 36px; border-radius: 4px; margin: auto; position: absolute; left: 0; right: 0}
    .more-elections-stats:before{content: ''; width: 100%; height: 50px; position: absolute; background: -webkit-linear-gradient(top,rgba(243, 240, 240, 0) 0,rgba(243, 240, 240, .8) 77%,rgba(243, 240, 240, .8) 23%); top: -50px; left: 0}
    .more-elections-stats{display: block}
}

@media only screen and (max-width: 960px) {
    .elections-newsletter-box{min-height: 425px; padding: 35px 20px; margin: 35px auto}
    .category-page .elections-newsletter-box{margin: 35px auto 0 auto}
    .elections-newsletter-box .background{width: 75px; height: 100px}
    .elections-newsletter-box .details{margin: 20px 0 0 0; padding: 0; width: 100%; display: block}
    .elections-newsletter-box .details .logo{display: none}
    .elections-newsletter-box .details h2{font-size: 22px; line-height: 28px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; padding: 0 60px 0 0}
    .elections-newsletter-box .details p{font-size: 18px; margin: 10px 0 0 0}
    .elections-newsletter-box .details form{margin: 20px 0 0 0}
    article.article-4 .details .tag, article.article-3 .details .tag{margin: 0 0 10px 0 !important}
    .category-page.elections-page .most-lists{margin: 0 auto 40px auto}
    .elections-header nav ul li.latest-news-link{display: inline-block}

    /* header.english-header .desktop-header .main-menu nav ul.main > li > a{padding: 0 7px}*/
    header.english-header .desktop-header .main-menu nav ul.main > li.has-sub > a:before{left: 5px; top: 2px;}
    header.english-header .desktop-header .main-menu nav ul.main > li{vertical-align: unset;}
    header .mobile-header .sub-menu nav ul li{vertical-align: top}
    header .mobile-header .sub-menu nav ul li.elections-link{width: 88px}
    header .mobile-header .sub-menu nav ul li.elections-link a{width: 60px; background: url('../images/elections-2022/elections-link-logo-small.png') no-repeat center; background-size: contain; margin: auto}
    .elections-header nav ul li a:after, .elections-header nav ul li ul{display: none}

    .elections-header .logo-container{padding: 20px 0}
    .elections-header .logo-container .logo{width: 170px; height: 32px}
    .english-page .elections-header .logo-container .logo{width: 150px}
    .elections-header nav{padding: 15px 0; text-align: left; overflow-x: scroll}
    .elections-header nav ul{padding: 0 10px; width: 720px}
    .elections-header nav ul li{margin: 0 10px 0 0; border: 1px solid #D8D8D8; padding: 8px 15px; border-radius: 18px}
    .elections-header nav ul li a{font-size: 14px; padding: 0}
    .elections-header nav ul li a span{padding: 0 !important; border: none !important}
    .elections-header nav ul li a.has-sub:before{display: none}
}