/*
 Theme Name:   ViV Child
 Template:     vivcore
*/

/* COMMON */
.icon-list > .wp-block-group__inner-container{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
details.wp-block-details{ border-bottom:1px solid #b7bccd;}
.wp-block-details summary{ color:#18244b; cursor:pointer; font-size:20px; font-weight:500; line-height:1.2; list-style:none; padding:23px 70px 28px 0; position:relative;}
.wp-block-details summary:hover{ opacity:0.8;}
details.wp-block-details.is-layout-flow summary:after{ background:#ee2e24; border-radius:50%; color:#fff; content: "\f067"; font-family: 'FontAwesome'; font-size:14px; height:23px; line-height:23px; position:absolute; right:20px; text-align:center; top:50%; transform: translateY(-50%); width:23px;}
details.wp-block-details.is-layout-flow[open] summary:after{ content: "\f068";}
.viv-text a.viv-external{ background: url(images/red-new-tab-icon.png) no-repeat right 5px; background-size:16px; margin-right:10px; padding-right:17px;}

/* FEATURED NOTICES */
.featured-notices{ padding:44px 0 32px;}
.featured-notices h3{ margin:0 0 18px;}
.featured-notices-list{ margin:0 0 31px;}
.featured-notices-item{ border-bottom:1px solid #b7bccd; padding:19px 75px 23px 0; position:relative;}
.featured-notices-item p{ font-size:18px; font-weight:300; margin:0;}
.featured-notices-item p strong{ font-size:20px;}
.download-icon{ padding-right:9px;}
.download-icon a{ background: url(images/blue-download-icon.png) no-repeat; height:19px; width:19px;}
.search-icon a{ background: url(images/blue-search-icon.png) no-repeat; height:18px; width:18px;}
.download-icon a, .search-icon a{ background-size:cover; display:block; text-indent:-9999px;}
.download-icon a:hover, .search-icon a:hover{ opacity:0.8;}
.icon-list{ margin-top:-9px; position:absolute; right:20px; top:50%;}
.viv-text .dlp-download-link.viv-external{ background-position:center; background-size:18px; height:18px; width:18px;}
.viv-text .dlp-download-link.viv-external .download{ display:none;}

/* FOOTER */
.main-footer{ font-size:16px; font-weight:400; line-height:normal; margin:78px 0 0; padding:0 15px;}
.footer-container{ margin:0 auto; max-width:930px; width:100%;}
.footer-logo{ margin:0 auto 9px; max-width:200px; position:relative; top:-29px; width:100%;}
.footer-logo .wp-block-image{ background:#0a1d37; border-radius:50%; margin:0 auto; max-width:92px; padding:11px; width:100%;}
.footer-logo .wp-block-image img{ display:block;}
.footer-logo p{ color:#fff; font-family: "Vollkorn", serif; font-size:18px; line-height:normal; margin:0; text-transform:uppercase;}
.main-footer .contact-list{ font-size:0; margin:0 0 32px; text-align:center;}
.main-footer .contact-list li{ border-right:1px solid #365f7d; display:inline-block; font-size:16px; line-height:normal; margin:0 0 8px; padding:0 22px;}
.main-footer .contact-list li:first-child{ padding-left:0;}
.main-footer .contact-list li:last-child{ border:none; padding-right:0;}
.main-footer a{ color:#fff; padding:0;}
.main-footer a:hover{ opacity:0.8; text-decoration:none;}
.main-footer .wp-block-button__link{ background-image: url(images/new-tab-icon.png); background-position:top 14px right 25px; background-repeat:no-repeat; background-size:16px; padding:12px 51px 11px 25px;}
.footer-copyright{ border-top:1px solid #274965; margin:38px 0 0; padding:38px 0 26px;}
.main-footer h4{ font-size:20px; font-weight:600; margin:0 0 28px;}
.footer-copyright .gform_wrapper{ margin:0 auto 86px; max-width:505px; width:100%;}
.footer-copyright .gform_legacy_markup_wrapper form{ display:flex;}
.footer-copyright .gform_legacy_markup_wrapper .gform_body{ -ms-flex: 0 0 73%; flex: 0 0 73%; max-width: 73%; padding-right:15px;}
.footer-copyright .gform_legacy_markup_wrapper ul.gform_fields li.gfield{ margin:0; padding:0;}
.footer-copyright .gform_legacy_markup_wrapper .hidden_label .gfield_label{ display:none;}
body .footer-copyright .gform_legacy_markup_wrapper .top_label div.ginput_container{ margin:0;}
.footer-copyright .gform_legacy_markup_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]){ background:#1c3753; border:2px solid #365f7d; border-radius:30px; box-shadow:none; color:#729fc0; display:block; font-size:18px; height:auto; line-height:normal; margin:0; min-height:0; outline:none; padding:17px 15px; text-decoration:none;}
.footer-copyright ::-webkit-input-placeholder{ color:#729fc0;}
.footer-copyright ::-moz-placeholder{ color:#729fc0;}
.footer-copyright :-ms-input-placeholder{ color:#729fc0;}
.footer-copyright :-moz-placeholder{ color:#729fc0;}
.footer-copyright .gform_legacy_markup_wrapper .gform_footer{ -ms-flex: 0 0 27%; flex: 0 0 27%; max-width: 27%; margin:0; padding:0;}
.footer-copyright .gform_legacy_markup_wrapper .gform_footer input.button, .footer-copyright .gform_legacy_markup_wrapper .gform_footer input[type="submit"], .footer-copyright .gform_legacy_markup_wrapper .gform_page_footer input.button, .footer-copyright .gform_legacy_markup_wrapper .gform_page_footer input[type="submit"]{ background:#d30000; border:none; border-radius:30px; box-shadow:none; color:#fff; display:block; font-size:18px; font-weight:600; line-height:normal!important; margin:0; min-height:0!important; padding:21px 15px; width:100%;}
.footer-copyright .gform_legacy_markup_wrapper .gform_footer input.button:hover, .footer-copyright .gform_legacy_markup_wrapper .gform_footer input[type="submit"]:hover, .footer-copyright .gform_legacy_markup_wrapper .gform_page_footer input.button:hover, .footer-copyright .gform_legacy_markup_wrapper .gform_page_footer input[type="submit"]:hover{ background:#1c3753; color:#fff;}
.footer-copyright p{ color:#729fc0; font-size:14px; margin:0;}
.footer-copyright .gform_legacy_markup_wrapper div.validation_error{ border-color:#fff; color:#fff; padding:15px;}
.footer-copyright .gform_legacy_markup_wrapper .gform_validation_errors > h2{ color:#fff;}
.footer-copyright .gform_legacy_markup_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){ background:#fff; border:none; max-width:100%!important; padding:15px 10px;}
.footer-copyright .gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .footer-copyright .gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{ margin:0;}
.footer-copyright .gform_legacy_markup_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .footer-copyright .gform_legacy_markup_wrapper li.gfield_error textarea{ border:2px solid #365f7d;}
.footer-copyright .gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{ color:#d30000; font-size:14px; line-height:normal; padding:15px 0 0;}

/* FOOTER COUNT */
.main-footer .home-count{ margin:0 -15px;}
.main-footer .home-count .wp-block-cover{ padding:53px 15px 75px;}
.main-footer .wp-block-cover__image-background{ object-position:50% 100%!important;}
.main-footer .home-count .wp-block-cover .wp-block-cover__inner-container{ background: url(images/border-frame.png) no-repeat center top; background-size: contain; border:none; border-radius:10px; max-width:570px; padding:3px 91px 0;}
.main-footer .home-count .eb-countdown-hktqe.eb-cd-wrapper{ padding-bottom:0;}
.main-footer .eb-countdown-hktqe.eb-cd-wrapper .eb-cd-inner .box{ padding-bottom:5px;}
.main-footer .eb-countdown-hktqe.eb-cd-wrapper .eb-cd-inner .box + .box{ margin-left:12px;}
.main-footer .home-count .eb-countdown-hktqe.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-digit{ background-position:center bottom -38px; font-size:83px; line-height:89px; margin-bottom:3px; padding:0;}
.main-footer .home-count .eb-countdown-hktqe.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-label{ font-size:14px;}
.main-footer .home-count .wp-block-cover p{ bottom:0; position:relative; font-size:18px;}

/* VOTER FAQ */
.voter-faq{ margin:-55px 0 0; padding:0 15px 25px;}
body .is-layout-flex.voter-faq > .wp-block-column{ border-radius:20px; margin:0 auto; padding:97px 50px 72px;}
.voter-faq h3{ color:#0a1d37; font-size:48px; line-height:1.2; margin:0 0 25px; text-transform:uppercase;}
.ewd-ufaq-faq-div{ border-bottom:1px solid #b1b1b1; margin:0; padding:0;}
.ewd-ufaq-faq-title .ewd-ufaq-post-margin{ display:block; position:relative; padding:23px 35px 23px 0;}
div.ewd-ufaq-faq-title div.ewd-ufaq-post-margin-symbol{ background:#0a1d37; border-radius:50%; height:22px; margin:-11px 0 0; padding:0; position:absolute; right:0; top:50%; width:22px;}
.ewd-ufaq-faq-title .ewd-ufaq-post-margin-symbol span{ color:#fff; display:block; font-size:14px; line-height:22px;}
.ewd-ufaq-faq-title-text{ float:none; width:100%;}
.ewd-ufaq-faq-title h4{ color:#000; display:block; font-size:20px; font-weight:600; line-height:1.2; margin:0!important;}
.ewd-ufaq-faq-body{ padding:1px 0 48px;}
.ewd-ufaq-faq-body p{ color:#000; font-size:18px; line-height:30px;}
.ewd-ufaq-faq-body p a{ font-weight:500;}
.ewd-ufaq-faq-body .ewd-ufaq-faq-post > *:last-child{ margin-bottom:0;}

/* DOCUMENT TABLE */
.notice-tabs-wrap{ margin:0 auto; max-width:1920px; padding:107px 50px 30px; width:100%;}
.gutena-tabs-block > .gutena-tabs-tab > .gutena-tab-title{ border-color:transparent; font-size:24px; font-weight:700; line-height:26px; margin:0 0 -1px; text-transform:uppercase;}
.gutena-tabs-block > .gutena-tabs-tab > .gutena-tab-title.active{ border:1px solid #a4a4a4; border-bottom:1px solid transparent;}
.notice-tabs.gutena-tabs-block.notice-tabs > .gutena-tabs-content > .gutena-tab-block{ border:1px solid #a4a4a4; padding:28px 50px 0;}
.dataTables_wrapper{ font-size:16px;}
.posts-table-wrapper{ margin:0;}
.posts-table-wrapper .posts-table-controls > .posts-table-select-filters{ border-bottom:1px solid #a4a4a4; margin:0; padding-bottom:14px; width:100%;}
.posts-table-controls .posts-table-select-filters .select2-container, .posts-table-controls .posts-table-select-filters select{ height:38px; margin:0 40px 0 0; max-width:206px; width:100%;}
.posts-table-controls .selection{ display:block;}
.posts-table-controls .select2-container .select2-selection--single{ border-color:#a4a4a4; border-radius:30px; height:38px;}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{ border-radius:30px;}
.posts-table-controls .select2-container .select2-selection--single .select2-selection__rendered{ color:#000; font-size:16px; line-height:36px; padding:0 20px 0 15px;}
.posts-table-controls .select2-container .select2-selection--single .select2-selection__arrow{ height:36px;}
.posts-table-select-filters .posts-table-reset{ margin-left:0; top:4px;}
.posts-table-reset .reset, .dlp-table-document-link-wrap a{ color:#0a1d37;}
table.dataTable.no-footer{ border:none;}
table.dataTable > thead > tr > th{ border-bottom:3px solid #a4a4a4; color:#000; font-size:17px; font-weight:700; line-height:normal; padding:35px 20px 10px; vertical-align:top;}
table.dataTable > thead > tr > td{ border-bottom:3px solid #a4a4a4;}
table.dataTable thead > tr > th.sorting{ padding:35px 20px 10px;}
table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after{ display:none;}
table.posts-data-table tbody tr.even{ background:#f6f6f6;}
table.dataTable tbody td{ font-size:17px; font-weight:400; line-height:normal; padding:25px 20px 28px;}
table.posts-data-table.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.posts-data-table.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before{ color:#0a1d37; left:8px; top:29px;}
table.dataTable > tbody > tr.child span.dtr-title{ min-width:inherit;}

/* RESPONSIVE */
@media(max-width:1300px){

.notice-tabs-wrap{ padding:87px 20px 30px;}
.notice-tabs.gutena-tabs-block.notice-tabs > .gutena-tabs-content > .gutena-tab-block{ padding:28px 40px 0;}
}

@media(max-width:1234px){

body .is-layout-flex.voter-faq > .wp-block-column{ padding:97px 38px 72px;}
.voter-faq h3{ font-size:45px;}
}

@media(max-width:1100px){

.notice-tabs-wrap{ padding:87px 15px 30px;}
}

@media(max-width:992px){

.notice-tabs-wrap{ padding:67px 15px 10px;}
.notice-tabs.gutena-tabs-block.notice-tabs > .gutena-tabs-content > .gutena-tab-block{ padding:28px 30px 0;}
body .is-layout-flex.voter-faq > .wp-block-column{ padding:87px 25px 62px;}
.voter-faq h3{ font-size:40px; margin:0 0 18px;}
#page-title-info{ padding:20px 0;}
}

@media(max-width:767px){

.notice-tabs-wrap{ padding:67px 15px 0;}
.notice-tabs.gutena-tabs-block.notice-tabs > .gutena-tabs-content > .gutena-tab-block{ padding:28px 15px 0;}
body .is-layout-flex.voter-faq > .wp-block-column{ padding:77px 15px 52px;}
.voter-faq h3{ font-size:34px; margin:0 0 10px;}
.ewd-ufaq-faq-title h4{ font-size:18px;}
.ewd-ufaq-faq-body{ padding:1px 0 31px;}
.footer-copyright .gform_wrapper{ margin:0 auto 66px;}
.main-footer .contact-list li{ padding:0 15px;}
.posts-table-controls .posts-table-select-filters .select2-container, .posts-table-controls .posts-table-select-filters select{ margin:0 20px 0 0; max-width:190px;}
table.dataTable > thead > tr > th, table.dataTable thead > tr > th.sorting{ padding:25px 15px 10px;}
table.dataTable tbody td{ padding:20px 15px 23px;}
table.posts-data-table.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.posts-data-table.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before{ top:24px;}
}

@media(max-width:600px){

.main-footer .home-count .wp-block-cover .wp-block-cover__inner-container{  background:none; border:2px solid #365f7d; padding:5px 15px 25px;}
.posts-table-controls{ margin:0 0 4px;}
}

@media(max-width:568px){

.main-footer .eb-countdown-hktqe.eb-cd-wrapper .eb-cd-inner .box + .box{ margin-left:2%;}
.gutena-tabs-block > .gutena-tabs-tab > .gutena-tab-title{ font-size:20px; line-height:22px; padding:12px 30px 11px;}
.posts-table-controls, .select2-results{font-size:14px;}
.posts-table-controls .posts-table-select-filters .select2-container, .posts-table-controls .posts-table-select-filters select{ height:32px; margin:0 15px 0 0; max-width:150px;}
.posts-table-controls .select2-container .select2-selection--single{ height:32px;}
.posts-table-controls .select2-container .select2-selection--single .select2-selection__rendered{ font-size:14px; line-height:30px;}
.posts-table-controls .select2-container .select2-selection--single .select2-selection__arrow{ height:30px;}
table.dataTable > thead > tr > th{ font-size:15px;}
table.dataTable > thead > tr > th, table.dataTable thead > tr > th.sorting{ padding:10px 5px 14px;}
table.dataTable tbody td{ font-size:15px; padding:15px 5px;}
table.posts-data-table.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.posts-data-table.dtr-inline.collapsed > tbody > tr > th.dtr-control{ padding-left:27px;}
table.posts-data-table.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.posts-data-table.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before{ top:19px;}
}

@media(max-width:550px){

#page-title-info{ padding:15px 0;}
.footer-copyright .gform_wrapper{ margin:0 auto 46px;}
.footer-copyright .gform_legacy_markup_wrapper .gform_body{ -ms-flex: 0 0 68%; flex: 0 0 68%; max-width: 68%;}
.footer-copyright .gform_legacy_markup_wrapper .gform_footer{ -ms-flex: 0 0 32%; flex: 0 0 32%; max-width: 32%;}
}

@media(max-width:450px){

.posts-table-controls .posts-table-select-filters .select2-container, .posts-table-controls .posts-table-select-filters select{ margin:0 9px 0 0; max-width:120px;}
.posts-table-controls .select2-container .select2-selection--single .select2-selection__rendered{ padding:0 20px 0 10px;}
.footer-copyright .gform_legacy_markup_wrapper form{ display:block;}
.footer-copyright .gform_legacy_markup_wrapper .gform_body{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding:0 0 15px;}
.footer-copyright .gform_legacy_markup_wrapper .gform_footer{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}