/*
 * Theme Name: Elections Project 2023
 * Author: GreenInfo Network
 */

/**
 * GENERAL FONT AND TYPOGERAPHY
 */

@import url('https://fonts.googleapis.com/css2?family=Newsreader:wght@400;700&display=swap');
@import url('./fonts/Gentona-Book-Font/gentona.css');
@import url('./fonts/GentonaFamily/gentona-family.css');

h1, h2, h3, h4 {
    color: #004083;
    font-family: 'GentonaLightMedium';
    font-weight: 500;
}

h1, .h1 {
    font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 2.5rem;
    }
}

h2, .h2 {
    font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
    h2, .h2 {
        font-size: 2rem;
    }
}

h3, .h3 {
    font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
    h3, .h3 {
        font-size: 1.75rem;
    }
}

h4, .h4 {
    font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
    h4, .h4 {
        font-size: 1.5rem;
    }
}

h5, .h5 {
    font-size: 1.25rem;
}

h6, .h6 {
    font-size: 1rem;
}

html, body {
    font-family: Gentona;
}

h1 {
    margin-bottom: 1rem;
}

.serif {
    font-family: 'Newsreader', serif;
}

.sans-serif {
    font-family: Gentona, sans-serif;
}

.last-paragraph-nomargin p:last-child {
    margin-bottom: 0;
}

.text-small {
    font-size: 0.8em;
}


/**
 * GUTTER EFFFECT
 */

body {
    background: #F7F4EB;
}

@media (min-width: 576px) {
    #main-content-box {
        border-radius: 25px;
    }
}


/**
 * HEADER AND NAVBAR
 */

nav.navbar {
}
nav.navbar .navbar-brand {
    font-size: 1.75rem;
    font-weight: 600;
    text-transform: uppercase;
}
nav.navbar a:not(.btn) {
    color: #004083;
    text-decoration: none;
}
nav.navbar a:not(.btn):hover,
nav.navbar a:not(.btn):focus,
nav.navbar a:not(.btn):active {
    color: #004083;
    text-decoration: underline;
}

nav.navbar .navbar-toggler {
    border-color: #004083;
}
nav.navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23004083' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-nav {
    align-items: center;
}


/**
 * LINKS AND BUTTONS
 */

a:not(.btn) {
    color: #004083;
    text-decoration: underline;
}
a:not(.btn):hover,
a:not(.btn):focus,
a:not(.btn):active {
    color: #004083;
}

a.btn {
    border-radius: 4px;
}

a.btn:active,
a.btn:focus,
a.btn:hover {
    text-decoration: underline;
}

.nolink {
    color: inherit;
    text-decoration: none !important;
}
.nolink:active,
.nolink:focus,
.nolink:hover {
    text-decoration: underline;
}

.btn.btn-primary {
    background-color: #004083;
    border-color: #004083;
    color: white;
}
.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:hover {
    background-color: white;
    border-color: #004083;
    color: #004083;
}

.btn.btn-secondary {
    background-color: white;
    border-color: #004083;
    color: #004083;
}
.btn.btn-secondary:active,
.btn.btn-secondary:focus,
.btn.btn-secondary:hover {
    background-color: #004083;
    border-color: white;
    color: white;
}


/**
 * COLOR HELPERS
 */

.bg-darkblue {
    background-color: #004083;
    color: white;
}
.text-darkblue {
    color: #004083 !important;
}
.border-darkblue {
    border-color: #004083 !important;
}

.bg-darkerblue {
    background-color: #00285E;
    color: white;
}
.text-darkerblue {
    color: #00285E !important;
}
.border-darkerblue {
    border-color: #00285E !important;
}

.bg-midblue {
    background-color: #9BD0DE !important;
    color: black;
}
.text-midblue {
    color: #9BD0DE !important;
}
.border-midblue {
    border-color: #9BD0DE !important;
}

.bg-lightblue {
    background-color: #F0F5FA !important;
    color: black;
}
.text-lightblue {
    color: #F0F5FA !important;
}
.border-lightblue {
    border-color: #F0F5FA !important;
}

.bg-cream {
    background-color: #F7F4EB !important;
    color: black;
}
.text-cream {
    color: #F7F4EB !important;
}
.border-cream {
    border-color: #F7F4EB !important;
}

.bg-orange {
    background-color: #FA4616 !important;
    color: white;
}
.text-orange {
    color: #FA4616 !important;
}
.border-orange {
    border-color: #FA4616 !important;
}

.bg-white {
    background-color: white !important;
    color: black;
}
.text-white {
    color: white !important;
}
.border-white {
    border-color: white !important;
}


/**
 * FORM CONTROLS
 */
 
select.form-select {
    border-width: 2px;
}

.btn {
    border-width: 2px;
}


/**
 * FOOTER
 */

footer {
}


/**
 * TABLES AND DATATABLES
 */

.dataTables_wrapper .dataTables_filter {
    float: none !important;
    text-align: inherit !important;
}

.dataTables_wrapper .dataTables_filter label {
    width: 100%;
    font-size: 80%;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0 !important;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 0 none transparent !important;
}

table.table-hover tbody tr td,
table.table-hover tbody tr th {
    border-bottom: 2px solid transparent;
}
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
    border-bottom: 2px solid black;
}

table.dataTable thead > tr > th.sorting:not(.text-end),
table.dataTable thead > tr > th.sorting_asc:not(.text-end),
table.dataTable thead > tr > th.sorting_desc:not(.text-end),
table.dataTable thead > tr > th.sorting_asc_disabled:not(.text-end),
table.dataTable thead > tr > th.sorting_desc_disabled:not(.text-end),
table.dataTable thead > tr > td.sorting:not(.text-end),
table.dataTable thead > tr > td.sorting_asc:not(.text-end),
table.dataTable thead > tr > td.sorting_desc:not(.text-end),
table.dataTable thead > tr > td.sorting_asc_disabled:not(.text-end),
table.dataTable thead > tr > td.sorting_desc_disabled:not(.text-end) {
    padding-right: unset;
    padding-left: 35px;
}
table.dataTable thead > tr > th.sorting:not(.text-end):before,
table.dataTable thead > tr > th.sorting:not(.text-end):after,
table.dataTable thead > tr > th.sorting_asc:not(.text-end):before,
table.dataTable thead > tr > th.sorting_asc:not(.text-end):after,
table.dataTable thead > tr > th.sorting_desc:not(.text-end):before,
table.dataTable thead > tr > th.sorting_desc:not(.text-end):after,
table.dataTable thead > tr > th.sorting_asc_disabled:not(.text-end):before,
table.dataTable thead > tr > th.sorting_asc_disabled:not(.text-end):after,
table.dataTable thead > tr > th.sorting_desc_disabled:not(.text-end):before,
table.dataTable thead > tr > th.sorting_desc_disabled:not(.text-end):after,
table.dataTable thead > tr > td.sorting:not(.text-end):before,
table.dataTable thead > tr > td.sorting:not(.text-end):after,
table.dataTable thead > tr > td.sorting_asc:not(.text-end):before,
table.dataTable thead > tr > td.sorting_asc:not(.text-end):after,
table.dataTable thead > tr > td.sorting_desc:not(.text-end):before,
table.dataTable thead > tr > td.sorting_desc:not(.text-end):after,
table.dataTable thead > tr > td.sorting_asc_disabled:not(.text-end):before,
table.dataTable thead > tr > td.sorting_asc_disabled:not(.text-end):after,
table.dataTable thead > tr > td.sorting_desc_disabled:not(.text-end):before,
table.dataTable thead > tr > td.sorting_desc_disabled:not(.text-end):after {
    left: 10px;
    right: unset;
}


/**
 * LOGIN AND SIGN IN FORMS
 * see also sign-in.php template for supporting class changes in some cases
 */

#user-registration.horizontal,
#user-registration {
    box-shadow: none !important;
}

#user-registration .ur-frontend-form.login {
    padding: 0;
    border: 0 none transparent;
}

#user-registration .ur-frontend-form .ur-form-row .ur-form-grid {
    padding: 0;
}
#user-registration .ur-frontend-form .ur-form-row .ur-form-grid legend,
#user-registration .ur-frontend-form .ur-form-row .ur-form-grid label {
    font-size: inherit;
    margin-bottom: 0;
}

#user-registration .ur-frontend-form input[type="submit"] {
    float: none !important;
    border: 1px solid;
}

div.user-registration form.register button[type="submit"] {
    float: none !important;
    border: 1px solid;
}

div.user-registration {
    padding: 0;
    border: none;
}

div.user-registration .ur-form-grid {
    padding: 0 !important;
}

div.user-registration .ur-form-grid label {
    font-size: inherit !important;
    margin-bottom: 0 !important;
    font-weight: inherit !important;
}

div.user-registration .ur-button-container {
    display: block !important;
    padding: 0 !important;
}

.ur-frontend-form .ur-form-row .ur-form-grid legend .required,
.ur-frontend-form .ur-form-row .ur-form-grid label .required {
    color: #B35A5D !important;
}


/**
 * PAGINATION
 * WP generates the buttons, we style them to look like btn-primary
 */

.wp-pagination {
    padding: 50px 0 20px;
    text-align: center;
}

.wp-pagination a.prev,
.wp-pagination a.next {
    background-color: #004083;
    color: white;
    padding: .375rem .75rem;
    border: 1px solid #004083;
    margin: 0 2px;
    text-decoration: none;
    border-radius: 4px;
}
.wp-pagination a.prev:active,
.wp-pagination a.prev:focus,
.wp-pagination a.prev:hover,
.wp-pagination a.next:active,
.wp-pagination a.next:focus,
.wp-pagination a.next:hover {
    background-color: white;
    border-color: #004083;
    color: #004083;
}

.wp-pagination a.prev {
    float: left;
}
.wp-pagination a.next {
    float: right;
}

.wp-pagination:after {
    clear: both;
    content: "";
    display: block;
}

.wp-pagination a.page-numbers:not(.next):not(.prev) {
    display: none;
}
.wp-pagination span.page-numbers.current {
    display: none;
}


/**
 * LAST UDPATED
 */

p.lastupdated {
    font-size: 14px;
    font-style: italic;
}


/**
 * TABS
 */

div.nav.nav-tabs {
    margin-bottom: 1em;
    border-color: #004083;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-color: #004083 #004083 #fff;
}

.nav-tabs .nav-link {
    color: #004083;
}