a {
	text-decoration: none;
}

.wp-site-blocks {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.editor-styles-wrapper {padding:8px;}

.constrain-width {
    width: 100%;
    max-width: 1700px;
}

body {
	letter-spacing:0.48px;
}

li, a, p, span, h1, h2, h3, h4, h5, h6, input[type="search"], input[type="submit"]  {
    font-family: 'Helvetica Neue', Arial, sans-serif;
	margin:0px;
	padding:0px;
}

header ul.wp-block-navigation__container li a.wp-block-navigation-item__content span {
	letter-spacing:0px
}

ul.wp-block-navigation__container li a.wp-block-navigation-item__content span {
	letter-spacing:0.48px
}

ul.wp-block-navigation__container li a.wp-block-navigation-item__content:hover span {
	color:var(--wp--preset--color--ballotpedia-gold);
}

::-webkit-input-placeholder  {
    font-family: 'Helvetica Neue', Arial, sans-serif;
}

:-moz-placeholder  {
    font-family: 'Helvetica Neue', Arial, sans-serif;
}

::-moz-placeholder  {
    font-family: 'Helvetica Neue', Arial, sans-serif;
}

:-ms-input-placeholder  {
    font-family: 'Helvetica Neue', Arial, sans-serif;
}

/* ------------------- Header Styles -------------------------- */

H2, H3, H4, H5, H6 {
	letter-spacing:0px;
}

H1	{
	font-size:45px;
	line-height:1.3em;
	letter-spacing:0.9px;
}

H2	{
	font-size:24pt;
	line-height:1.1em;
}

H3	{
	font-size:18pt;
}

/* ------------------ Site Header Styles -------------------------*/

.site-header {
    padding: 1rem 0.5rem 1rem 0.2rem;
}

.header-row .wp-block-social-links {
    margin-left: auto;
    flex-wrap: nowrap;
}

.header-row .wp-block-social-links li {
    width: 22px;
}

.header-row .wp-block-social-links a:hover svg {
    color: #F0A142 !important;
    fill: #F0A142 !important;
}

.header-row .wp-block-navigation__container a {
    padding: 1rem 0.5rem;
}

.header-row .wp-block-navigation__container {
    margin-left: 1rem;
}

.header-mobile-menu {
    display: none !important;
}

.header-searchform input[type="search"], .header-searchform-long input[type="search"] {
    color: white !important;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: bold;
    border: transparent 3px solid;
    padding: 1.2rem;
    padding-left: 1.8rem;
    font-size: 16px;
}

.header-searchform input[type="search"]:focus, .header-searchform-long input[type="search"]:focus {
    outline: none;
    border: white 3px solid;
}

.header-searchform, .header-searchform-long {
    display: flex;
    margin: auto;
    margin-left: 1.5rem;
    margin-right: 0;
}

.header-searchform-long {
	margin-left: 0px;
}

.header-searchform label {
    margin: auto;
}

.header-searchform input, .header-searchform-long input {
    background-color: #5b6dba;
    border: unset;
    border-radius: 10px;
}

.header-searchform ::-webkit-input-placeholder, .header-searchform-long ::-webkit-input-placeholder {
    /* WebKit browsers */
    text-align: center;
    text-transform: uppercase;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: bold;
    color: white;
}

.header-searchform :-moz-placeholder, .header-searchform-long :-moz-placeholder, {
    /* Mozilla Firefox 4 to 18 */
    text-align: center;
    text-transform: uppercase;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: bold;
    color: white;
    opacity:  1;
}

.header-searchform ::-moz-placeholder, .header-searchform-long ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    text-align: center;
    text-transform: uppercase;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: bold;
    color: white;
    opacity:  1;
}

.header-searchform :-ms-input-placeholder, .header-searchform-long :-ms-input-placeholder {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: bold;
    color: white;
}

.header-searchform input[type="search"]:focus::-webkit-input-placeholder, .header-searchform-long input[type="search"]:focus::-webkit-input-placeholder {
    color: #ccd4e3;
    font-weight: normal;
}

.header-searchform input[type="search"]:focus:-moz-placeholder, .header-searchform-long input[type="search"]:focus:-moz-placeholder {
    color: #ccd4e3;
    font-weight: normal;
}

.header-searchform input[type="search"]:focus::-moz-placeholder, .header-searchform-long input[type="search"]:focus::-moz-placeholder {
    color: #ccd4e3;
    font-weight: normal;
}

.header-searchform input[type="search"]:focus:-ms-input-placeholder, .header-searchform-long input[type="search"]:focus:-ms-input-placeholder {
    color: #ccd4e3;
    font-weight: normal;
}

.header-searchform input[type="search"]::-webkit-search-cancel-button, .header-searchform-long input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 16px;
    width: 16px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="24" height="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12l-4.89 4.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.39.38-1.02 0-1.41z"/></svg>') center no-repeat;
    cursor: pointer;
    margin-right: 4px;
}

.header-searchform-long {
    display: none;
}

.header-searchform-long input[type="search"] {
    font-size: 16px;
}

.header-searchform-long div {
    width: 100%;
}

.header-search-icon {
    display: none !important;
    width: 17px;
    min-width: 16px;
}

/* ------------- Header Category Navigation --------------------- */

header .category-navigation {
	padding-bottom:30px;
	box-shadow: 0px 18px 18px var(--wp--preset--color--ballotpedia-dark-gray-15);
}


/* --------------- Footer Navigation Styles --------------------- */

nav.footer-menu ul li {
	border-right: 2px solid var(--wp--preset--color--ballotpedia-dark-gray-85);
	padding:0px 20px;
}

nav.footer-menu ul li:first-child {
	padding-left:0px;
}

nav.footer-menu ul li:last-child {
	border-right: 0px;
}

/* ------------------- Homepage Styles -------------------------- */

.homepage header .category-navigation {
	display: none;
}

.homepage-articles > ul > li:nth-child(3n) {
	margin-left:0px !important;
}

.homepage-articles > ul > li {
	border:2px solid var(--wp--preset--color--ballotpedia-dark-gray-60);
	border-radius:12px;
	margin-left:-6px !important;
	position:relative;
}

.homepage-articles > ul > li .wp-block-post-date {
	position:absolute;
	bottom:10px;
}

.homepage-articles > ul > li:hover {
    border-color: var(--wp--preset--color--ballotpedia-gold) !important;
    transition: opacity 0.5s ease-in-out;
}

/* ------------------ Signup Banner ------------------------------- */

.signup-banner {
    background-image: url(/wp-content/uploads/2023/05/newspaper-stack-blue.jpg);
    background-size: cover;
}

.signup-banner a {
    text-transform: uppercase;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    border: 3px solid transparent;
    cursor: pointer;
}

.signup-banner a:hover {
    border: white solid 3px;
}

.signup-banner p {
    max-width: 550px;
    text-align: center;
    margin: 2rem 0 3rem 0;
}

/* ------------------- Post Categories ------------------------- */
ul.post-categories { 
	list-style-type: none;
	margin:0px;
	padding:0px;
}

ul.post-categories li.post-category {
	display:inline-block;
	padding:10px 20px;
	margin: 0px 20px 0px 0px;
	background-color: var(--wp--preset--color--ballotpedia-gold);
	font: normal normal bold 15px/32px;
}

ul.post-categories li.post-category a {
	font: normal normal bold 15px/32px;
	color: var(--wp--preset--color--white);
	text-transform: uppercase;
}

/* ------------------- Learn More Button ----------------------- */
.wp-block-lazyblock-learn-more button {
	font: bold 16px;
	background-color: var(--wp--preset--color--ballotpedia-gold);
	border:0px;
	border-radius:6px;
	text-transform:uppercase;
	color:var(--wp--preset--color--white);
	padding:20px 30px;
	cursor:pointer;
}

/* ------------------- Archive Styles -------------------------- */

.archive-articles li {
    box-sizing: border-box;
    border:2px solid var(--wp--preset--color--ballotpedia-dark-gray-60);
    border-radius: 12px;
}

.max-two-lines a {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
           line-clamp: 2;
   -webkit-box-orient: vertical;
}

.archive-articles li:hover {
    border-color: var(--wp--preset--color--ballotpedia-gold);
}

/* ------------------ Post Styles ----------------------- */

.wp-block-post-featured-image img {
	max-height: 550px;
    width: auto !important;
}

@media only screen and (max-width: 1300px) {

    /* ------------------- Header Styles -------------------------- */

    .header-searchform {
        display: none;
    }

	.header-searchform-long {
		display: none;
	}
	
    .header-search-icon {
        display: flex !important;
    }

    .header-row .wp-block-navigation__container a {
        padding: 0;
    }

}

@media only screen and (max-width: 768px) {

	.header-searchform-long {
		display: none;
	}
	
    .wp-site-blocks h1 {
        font-size: 26px;
    }
}

@media only screen and (max-width: 550px) {

    /* ------------------- Header Styles -------------------------- */
	
    .header-row .wp-block-social-links {
        display: none !important;
    }

    .header-search-icon {
        margin-left: auto !important;
        position: relative;
        right: -15px;
    }
}



@media only screen and (max-width: 350px) {

    /* ------------------- Header Styles -------------------------- */

    .header-row .wp-block-social-links {
        display: none !important;
    }


}