/*
Theme Name: League of Education Voters
Theme URI: https://educationvoters.org/
Description: Theme created by Capulet
Version: 1.0

Author: Christine Rondeau
Author URI: http://www.bluelimemedia.com
*
*
*/


@font-face { font-family: 'metropolis-extralight'; src: url("fonts/metropolis/WOFF2/Metropolis-ExtraLight.woff2") format("woff2"), url("fonts/metropolis/WOFF/Metropolis-ExtraLight.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'metropolis-bold'; src: url("fonts/metropolis/WOFF2/Metropolis-Bold.woff2") format("woff2"), url("fonts/metropolis/WOFF/Metropolis-Bold.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'metropolis-extrabold'; src: url("fonts/metropolis/WOFF2/Metropolis-ExtraBold.woff2") format("woff2"), url("fonts/metropolis/WOFF/Metropolis-ExtraBold.woff") format("woff"); font-weight: normal; font-style: normal; }



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }

html { font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body { overflow-x: hidden; }

body { background: #fff; /* Fallback for when there is no custom background color defined. */ }

article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; }

ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0; }

caption, th, td { font-weight: 400; text-align: left; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }

a img { border: 0; }

/* Text meant only for screen readers */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }

.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: 600; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ }

body, button, input, select, textarea { color: #000; font-family: "Fira Sans", Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

p { margin-bottom: 10px; }

.banner__area p { color: #fff; font-size: 28px; }

.intro p { font-size: 28px; }

.text--small { font-size: 14px; }

b, strong { font-weight: 600; }

dfn, cite, em, i { font-style: italic; }

blockquote { margin: 0 1.5em; }

address { margin: 0 0 1.5em; }

pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 75%; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; }

code, kbd, tt, var { font-size: 75%; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }

mark, ins { background: #fff9c0; text-decoration: none; }

sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; }

sup { bottom: 1ex; }

sub { top: .5ex; }

small { font-size: 75%; }

big { font-size: 125%; }

a { color: #015C89; -webkit-transition: 0.2s, ease-in-out; -moz-transition: 0.2s, ease-in-out; -ms-transition: 0.2s, ease-in-out; -o-transition: 0.2s, ease-in-out; transition: 0.2s, ease-in-out; }

a:visited { color: #015C89; }

a:hover, a:focus, a:active { color: #f57e20; }

a.more-link { color: #000; font-weight: 600; text-decoration: none; text-transform: uppercase; }

a.more-link:hover { color: #015C89; }

a.link__more, a.comment-reply-link { text-decoration: none; }

a.link__more:after, a.comment-reply-link:after { content: "\00bb"; padding-left: 5px; }

a.link__banner { color: #fff; font-weight: bold; text-decoration: none; }

a.link__banner:hover { text-decoration: underline; }

a.button { background: #015C89; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 600; padding: 8px 20px; text-decoration: none; text-transform: uppercase; -webkit-transition: border 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); transition: border 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); }

a.button:hover { background: #F57E20; }

a.button:focus, a.button:active { border-color: #8b8f96; }

.grid__item--cta a.button { bottom: -20px; position: absolute; right: 10px; }

a.blog__teaser--link { color: #fff; text-decoration: none; }

.intro a { color: #000; text-decoration: none; }

.intro a:hover { text-decoration: underline; }

a.tag-cloud-link { background: #eee; border-radius: 5px; display: inline-block; color: #000; margin: 3px 0; padding: 2px 5px; text-decoration: none; }

a.tag-cloud-link:hover { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { clear: both; color: #000; font-family: "metropolis-bold", Arial, sans-serif; line-height: 1.2; }

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { font-family: "metropolis-extralight", Arial, sans-serif; }

h1 { font-size: 40px; margin: 0 0 20px; }

h1.title__page { font-family: "metropolis-extrabold", Arial, sans-serif; color: #fff; margin: 10px 0; }

h2 { font-size: 28px; margin: 15px 0; }

h2.banner__title { color: #fff; font-size: 37px; font-family: "metropolis-extrabold", Arial, sans-serif; margin: 8px 0; }

@media screen and (min-width: 37.5em) { h2.banner__title { font-size: 52px; } }

h2 a, h2 a:visited { color: #000; text-decoration: none; }

h2 a:hover, h2 a:visited:hover { text-decoration: underline; }

h3 { font-size: 22px; margin: 15px 0; }

h3.home__cta--title { background: #015C89; color: #fff; display: inline-block; font-family: "metropolis-bold", Arial, sans-serif; font-size: 27px; margin: -60px 0 0; padding: 5px 15px; }

h3.home__section--title { font-size: 27px; }

h4 { font-size: 22px; margin: 15px 0; }

h4.title__sidebar { border-bottom: 1px solid rgba(139, 143, 150, 0.25); text-transform: uppercase; }

h5, h6 { font-size: 16px; margin: 10px 0; }

blockquote { color: #000; font-style: italic; margin: 0.5em 0; padding: 0.5em 1em 0; }

blockquote p { font-size: 28px; margin-bottom: 0.75em; }

@media screen and (max-width: 30em) { blockquote p { font-size: 22px; } }

hr { background-color: #8b8f96; border: 0; height: 1px; margin-bottom: 1.5em; }

ul, ol { margin: 0 0 1.5em 3em; }

ul { list-style: disc; }

ol { list-style: decimal; }

li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; }

dt { font-weight: 600; }

dd { margin: 0 1.5em 1.5em; }

.no-padding-list, .grid, .main__nav ul, .top__nav ul, .footer-nav, .social-links ul, .sidebar ul { list-style-type: none; margin: 0; padding: 0; }

img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ }

figure { margin: 0; }

table { margin: 0 0 1.5em; width: 100%; }

th { font-weight: 600; }

td, th { padding: 3px 5px; }

.embed-container { height: auto; max-width: 100%; overflow: hidden; position: relative; padding-bottom: 56.25%; }

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Main Layout
---------------------------*/
.row, .row--video { width: 100%; }

.row--video { background: rgba(139, 143, 150, 0.25); margin: 50px 0; }

.container, .container--narrow, .container--nopadding { display: block; margin: 0 auto; position: relative; width: 100%; max-width: 1200px; padding-left: 20px; padding-right: 20px; }

.container:before, .container--narrow:before, .container--nopadding:before, .container:after, .container--narrow:after, .container--nopadding:after { content: ""; display: table; }

.container:after, .container--narrow:after, .container--nopadding:after { clear: both; }

@media screen and (min-width: 1200px) { .container, .container--narrow, .container--nopadding { padding-left: 0; padding-right: 0; } }

.container--narrow { max-width: 800px; padding-left: 20px; padding-right: 20px; }

@media screen and (min-width: 800px) { .container--narrow { padding-left: 0; padding-right: 0; } }

.container--nopadding { padding-left: 0; padding-right: 0; }

.content__area { padding-bottom: 50px; padding-top: 50px; }

.block__left { float: left; }

.block__right { float: left; }

@media screen and (min-width: 37.5em) { .block__right { float: right; } }

.content { padding: 0 20px; width: 100%; }

@media screen and (min-width: 37.5em) { .content { padding: 0 30px; width: calc(100% - 250px); } }

@media screen and (min-width: 37.5em) { .content.block__left { padding: 0 50px 0 0; } }

.sidebar { border-top: 1px solid rgba(139, 143, 150, 0.25); padding: 30px 0; width: 100%; }

@media screen and (min-width: 37.5em) { .sidebar { border-top: none; width: 250px; } }

@media screen and (min-width: 37.5em) { .sidebar.block__left { border-right: 1px solid rgba(139, 143, 150, 0.25); padding: 20px 30px 20px 0; } }

@media screen and (min-width: 37.5em) { .sidebar.block__right { border-left: 1px solid rgba(139, 143, 150, 0.25); padding: 20px 0px 20px 30px; } }

.content__fourofour { padding-top: 50px; height: 47vh; }

.grid { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.grid__video { -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }

.grid__three { margin-left: -1%; margin-right: -1%; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }

.grid__three .grid__item, .grid__three .grid__item--cta { margin: 10px 0 30px; position: relative; width: 100%; }

@media screen and (min-width: 48em) { .grid__three .grid__item, .grid__three .grid__item--cta { margin: 10px 1% 30px; width: 48%; } }

@media screen and (min-width: 60em) { .grid__three .grid__item, .grid__three .grid__item--cta { width: 31.33%; } }

.grid__three .grid__item--cta { background: url(images/bg2-blue.webp) top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; max-width: 700px; }

.grid__three .grid__item--cta img { display: block; }

.grid__three .grid__item--content .content__area { padding: 30px 20px 35px; }

.grid__four { margin-left: -1%; margin-right: -1%; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; align-items: stretch; }

.grid__four .grid__item--blog { margin: 10px 0 30px; width: 100%; }

@media screen and (min-width: 48em) { .grid__four .grid__item--blog { margin: 10px 1% 30px; width: 48%; } }

@media screen and (min-width: 60em) { .grid__four .grid__item--blog { margin: 10px 1% 30px; width: 23%; } }

.grid__four .blog__post--photo { position: relative; }

.grid__four .blog__post--photo img { display: block; width: 100%; }

.grid__four .blog__post--photo .content--entry { position: absolute; margin-right: 20px; bottom: -1px; left: 0; }

.grid__four .blog__post--photo .content--entry .title__post--teaser { background: rgba(0, 143, 213, 0.6); display: inline; color: #fff; line-height: 1.3; margin: 0; max-width: 500px; padding: 1px 10px 0; -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; }

.grid__four .blog__post--photo:hover .content--entry .title__post--teaser { background: #F57E20; }

.video { width: 100%; }

@media screen and (min-width: 60em) { .video { width: 60%; } }

.video:hover { cursor: pointer; }

.video figure { position: relative; }

.video img { display: block; object-fit: cover; width: 100%; }

.video .icon-play { background: url(images/Play-video.svg) no-repeat; background-size: 92px 92px; height: 92px; left: 50%; margin: 0 auto; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 92px; }

.video iframe { width: 100% !important; height: 100% !important; }

.video--content { margin: 0 auto; padding: 50px 20px; width: 100%; }

@media screen and (min-width: 60em) { .video--content { max-width: 500px; position: relative; width: 40%; }
  .video--content .content-entry { padding-right: 20px; padding-left: 20px; position: absolute; top: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translateY(-50%); } }

.site__header--wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

@media screen and (min-width: 37.5em) { .site__header--wrapper { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; }
  .site__header--wrapper .site__branding { margin: 0 10px; width: auto; }
  .site__header--wrapper .site__navigation { margin: 0 10px; width: calc(100% - 200px); } }

.site__title { margin: 0; }

.site__title a { background: url("images/logo-yah.webp") no-repeat; display: block; height: 80px; margin: 10px auto; text-indent: -9999px; width: 300px; }

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .site__title a { /* on retina, use image that's scaled by 2 */ background-image: url("images/logo-yah@2x.webp"); background-size: 300px 80px; } }

@media screen and (min-width: 37.5em) { .site__title a { margin: 15px 0; padding: 0; } }

.site__description { display: none; margin: 0; }

.banner__home { position: relative; background-position: right -100px top, left center; background-repeat: no-repeat; }

@media screen and (min-width: 48em) { .banner__home { background-position: right 200px top, right -300px center; } }

@media screen and (min-width: 60em) { .banner__home { background-position: right 400px top, right -100px center; } }

@media screen and (min-width: 76em) { .banner__home { background-position: right 550px top, right center; } }

@media screen and (min-width: 116.667em) { .banner__home { background-position: right 800px top, right center; } }

.banner__home .container, .banner__home .container--narrow, .banner__home .container--nopadding { min-height: 350px; position: relative; z-index: 99; }

.banner__home .container .banner__area, .banner__home .container--narrow .banner__area, .banner__home .container--nopadding .banner__area { left: 20px; bottom: 20px; position: absolute; max-width: 500px; }

@media screen and (min-width: 64em) { .banner__home .container .banner__area, .banner__home .container--narrow .banner__area, .banner__home .container--nopadding .banner__area { max-width: 560px; left: 20px; } }

@media screen and (min-width: 76em) { .banner__home .container .banner__area, .banner__home .container--narrow .banner__area, .banner__home .container--nopadding .banner__area { max-width: 600px; left: 0; } }

.banner { background: #006CFB url(images/banner-bg-blue.webp) top right no-repeat; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-bottom: 30px; }

@media screen and (min-width: 37.5em) { .banner { min-height: 120px; } }

@media screen and (min-width: 60em) { .banner { min-height: 180px; } }

#pop-up-wrapper { position: relative; width: 100%; }

.popup { background: #fff; opacity: 0; position: absolute; height: 0; right: 0; top: 0; width: 0; }

@media screen and (min-width: 60em) { .popup { background: rgba(255, 255, 255, 0.9); } }

.popup.open { height: auto; max-width: 590px; opacity: 1; padding: 100px; width: 100%; z-index: 9999; }

.popup.open .close-popups { background: url("images/Closing.svg") no-repeat 50% 50%; background-size: 24px 24px; cursor: pointer; height: 24px; position: absolute; right: 40px; text-indent: -99999px; top: 40px; width: 24px; }

.popup.open input[type="text"], .popup.open input[type="email"], .popup.open input[type="url"], .popup.open input[type="password"], .popup.open input[type="search"] { width: 100%; }

.main__nav { background: #eee; }

.main__nav ul { text-align: center; }

.main__nav ul li { display: inline-block; position: relative; }

.main__nav ul li:hover { color: #015C89; }

.main__nav ul li a { color: #000; display: block; padding: 10px 12px; text-decoration: none; }

@media screen and (min-width: 76em) { .main__nav ul li a { padding: 10px 20px; } }

.main__nav ul li a:hover { color: #f57e20; }

.main__nav ul li.mobile-only { display: block; }

@media screen and (min-width: 37.5em) { .main__nav ul li.mobile-only { display: none; } }

.main__nav ul ul { background: #f57e20; box-shadow: 0 3px 3px rgba(139, 143, 150, 0.25); display: none; float: left; left: 0; padding: 0; position: absolute; text-align: left; z-index: 99999; }

.main__nav ul ul ul { top: 0; left: 100%; }

.main__nav ul ul a { color: #fff; padding: 5px 10px; width: 200px; }

.main__nav ul ul a:hover, .main__nav ul ul a:focus { color: #000; }

.main__nav .current_page_item > a, .main__nav .current-menu-item > a, .main__nav .current_page_ancestor > a, .main__nav .current_page_item > a:hover, .main__nav .current-menu-item > a:hover, .main__nav .current_page_item > a:focus, .main__nav .current-menu-item > a:focus { color: #015C89; }

.main__nav ul ul .current_page_parent, .main__nav .current_page_parent .current_page_item > a { color: #000; }

.main__nav ul ul .current_page_parent:hover, .main__nav .current_page_parent .current_page_item > a:hover { background: #015C89; color: #fff; }

.top__nav { display: none; }

@media screen and (min-width: 37.5em) { .top__nav { display: block; } }

.top__nav ul { text-align: right; }

@media screen and (min-width: 48em) { .top__nav ul { text-align: right; } }

.top__nav ul li { border-left: 1px solid #fff; margin-left: -5px; display: inline-block; position: relative; }

.top__nav ul li a { background: #f57e20; color: #fff; display: block; font-size: 16px; font-weight: bold; padding: 8px 20px; text-decoration: none; text-transform: uppercase; }

.top__nav ul li a:hover { color: #000; }

.top__nav ul li.highlight a { background: #F57E20; border-right: 1px solid #fff; color: #fff; }

.top__nav ul li.highlight a:hover { color: #000; }

.main__nav--toggle { cursor: pointer; display: none; padding: 10px; }

@media screen and (max-width: 37.5em) { .main__nav--toggle { background: #f57e20; border: none; border-radius: 0; color: #fff; display: inline-block; font-family: "Fira Sans", Arial, sans-serif; margin: 0; text-decoration: none; text-align: left; text-transform: uppercase; width: 100%; }
  .main__nav--toggle a, .main__nav--toggle a:hover { color: #015C89; text-decoration: none; }
  .main__nav--toggle:before { content: '\2261'; margin-right: 10px; } }

@media screen and (max-width: 37.5em) { .main__nav.toggled .nav-menu { display: block; }
  .main__nav ul { display: none; padding-left: 0; text-align: left; }
  .main__nav ul li { display: block; border-top: 1px solid rgba(139, 143, 150, 0.25); }
  .main__nav ul li a { background: transparent; color: #000; padding: 8px 20px; }
  .main__nav ul li a:hover { background: transparent; color: #015C89; }
  .main__nav ul .sub-menu { display: none; }
  .main__nav ul .menu-slide:after { content: "+"; color: #015C89; cursor: pointer; display: block; font-size: 22px; line-height: 34px; height: 34px; width: 34px; right: 2px; position: absolute; top: 2px; text-align: center; }
  .main__nav ul .menu-slide.open:after { content: "-"; }
  .main__nav ul ul, .main__nav ul ul ul { background: #fff; box-shadow: none; position: relative; top: inherit; left: 0; display: block; float: none; width: 100%; }
  .main__nav ul ul li, .main__nav ul ul ul li { border: none; }
  .main__nav ul ul a, .main__nav ul ul ul a { border-top: 1px solid #fff; color: #000; }
  .main__nav ul ul a:hover, .main__nav ul ul ul a:hover { color: #015C89; }
  .main__nav ul ul a { background: rgba(139, 143, 150, 0.25); padding-left: 40px; width: 100%; }
  .main__nav ul ul a:hover { background: rgba(139, 143, 150, 0.25); }
  .main__nav ul ul ul a { background: rgba(139, 143, 150, 0.1); padding-left: 60px; }
  .main__nav ul ul ul a:hover { background: rgba(139, 143, 150, 0.1); } }

.footer-nav li { display: inline-block; position: relative; }

.footer-nav li a { color: #000; display: block; font-size: 14px; padding: 5px 15px 5px 0; text-decoration: none; }

.footer-nav li a:hover { color: #015C89; }

/* Social Media icons
---------------------*/
.social-links ul li { display: inline-block; }

.social-links ul li a { display: block; text-decoration: none; }

.social-links ul li a:hover { text-decoration: none !important; }

.social-links ul li a:before { content: "\f2ce"; color: #000; display: block; font-family: 'FontAwesome'; font-weight: normal; font-style: normal; font-size: 22px; height: 25px; line-height: 1; padding: 5px 0; text-align: left; width: 30px; vertical-align: top; }

.social-links ul li a:hover:before { color: rgba(255, 255, 255, 0.9); }

.social-links ul a[href*="facebook.com"]:before { content: "\f09a"; width: 20px; }

.social-links ul a[href*="twitter.com"]:before { content: "\f099"; }

.social-links ul a[href*="flickr.com"]:before { content: "\f16e"; }

.social-links ul a[href*="instagram.com"]:before { content: "\f16d"; }

.social-links ul a[href*="linkedin.com"]:before { content: "\f08c"; }

.social-links ul a[href*="pinterest.com"]:before { content: "\f231"; }

.social-links ul a[href*="plus.google.com"]:before { content: "\f0d5"; }

.social-links ul a[href*="tumblr.com"]:before { content: "\f173"; }

.social-links ul a[href*="vimeo.com"]:before { content: "\f194"; }

.social-links ul a[href*="youtube.com"]:before { content: "\f16a"; }

.social-links ul a[href*="/feed"]:before { content: "\f09e"; }

.social-links ul a[href*="/podcasts"]:before { content: "\f2ce"; }

.social-links ul a[href*="/bsky.app"]:before { content: "\e671"; }

.post { border-top: solid 1px rgba(139, 143, 150, 0.25); padding-top: 20px; margin-bottom: 30px; }

.post:first-of-type { border: none; padding-top: 0; }

.entry__meta, .entry__meta--reversed, .entry__meta--footer, .entry__meta--footer { color: #000; font-size: 14px; margin: 15px 0; }

.entry__meta:before, .entry__meta--reversed:before, .entry__meta--footer:before, .entry__meta:after, .entry__meta--reversed:after, .entry__meta--footer:after, .entry__meta--footer:before, .entry__meta--footer:after { content: ""; display: table; }

.entry__meta:after, .entry__meta--reversed:after, .entry__meta--footer:after, .entry__meta--footer:after { clear: both; }

.entry__meta a, .entry__meta--reversed a, .entry__meta--footer a, .entry__meta--footer a { color: #000; text-decoration: none; }

.entry__meta a:hover, .entry__meta--reversed a:hover, .entry__meta--footer a:hover, .entry__meta--footer a:hover { text-decoration: underline; }

.entry__meta--reversed { color: #fff; }

.entry__meta--reversed a { color: #fff; }

.entry__meta--footer { border-top: 1px solid rgba(139, 143, 150, 0.25); padding: 20px 0 0; }

.links__cat, .links__tag, .link__comment { margin-right: 1em; }

/* Post pagination
----------------------------------------------- */
.paging-nav { padding: 15px 0; }

.paging-nav ul { list-style: none; margin: 0; padding: 0; }

.paging-nav ul li { display: inline; }

.paging-nav a.page-numbers, .paging-nav span.page-numbers { padding: 3px 8px; text-decoration: none; }

.paging-nav a.page-numbers.current, .paging-nav span.page-numbers.current { font-weight: 600; }

.post__nav { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 14px; padding: 20px 0; }

.post__nav a { display: block; padding: 10px 0; text-decoration: none; }

.post__nav--previous { text-align: center; width: 100%; }

@media screen and (min-width: 37.5em) { .post__nav--previous { text-align: left; width: 50%; } }

.post__nav--next { text-align: center; width: 100%; }

@media screen and (min-width: 37.5em) { .post__nav--next { text-align: right; width: 50%; } }

/* Comments
----------------------------------------------- */
.avatar { display: block; float: left; padding: 0 1.25em 0.625em 0; }

.comment-meta a { text-decoration: none; }

.comment__list { border-top: 1px solid rgba(139, 143, 150, 0.25); list-style: none; margin: 0; padding: 1.25em 0; }

.comment__list ul, .comment__list ol { padding: 0; }

.comment__list > li { border-bottom: 1px solid rgba(139, 143, 150, 0.25); }

.comment__list li { font-size: 14px; padding: 0.625em; margin: 0; }

.comment__list li p { margin: 0; padding: 0.625em 0; }

.comment__list li li > li { border: none; }

.comment__list ul li { list-style: disc; }

.comment__list ol li { list-style: decimal; }

.comment__list .children { list-style: none; margin: 0.625em 0.625em 0 1.25em; padding: 0; }

.comment__list .children li { border-top: 1px solid rgba(139, 143, 150, 0.25); list-style: none; padding-top: 5px; }

.comment-respond { margin-top: 30px; }

.comment-form { padding: 20px 0; }

.comment-form p { margin-bottom: 10px; }

.comment-form label { display: inline-block; width: 90px; }

/* Hides the content explaining what html tags are allowed */
.form-allowed-tags { display: none; }

/* Sidebar Area 
-------------------------------------------*/
.widget { padding: 0 0 30px 0; }

.sidebar { margin-bottom: 20px; }

.sidebar ul.children { padding: 0; }

.sidebar ul.children li { margin: 0; }

.sidebar ul.children li:before { content: "\203A"; padding-right: 5px; }

.sidebar ul li { border-top: 1px solid rgba(139, 143, 150, 0.25); padding: 10px 0; }

.sidebar ul li:first-of-type { border-top: none; }

.sidebar ul li a { color: #000; text-decoration: none; }

.sidebar ul li.current_page_item a { font-weight: 600; }

.sidebar ul li.current_page_item ul li a { font-weight: 400; }

/* Footer area 
---------------------*/
.site__footer { margin-top: 30px; background: #006CFB url(images/banner-bg-blue.webp) top right no-repeat; }

@media screen and (min-width: 30em) { .footer__area { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } }

.footer__area .socmed, .footer__area .copy { padding: 20px 10px 0; text-align: center; }

@media screen and (min-width: 30em) { .footer__area .socmed, .footer__area .copy { text-align: left; } }

@media screen and (min-width: 60em) { .footer__area .socmed, .footer__area .copy { padding: 30px; } }

.footer__area .socmed p, .footer__area .copy p { font-size: 14px; margin: 0; }

.footer__area .socmed { padding: 0 10px 20px 10px; }

@media screen and (min-width: 60em) { .footer__area .socmed { padding: 30px 0; } }

.footer__area .logo { background: #eee; padding: 20px 0; width: 100%; }

@media screen and (min-width: 30em) { .footer__area .logo { background: url(images/footer-bg-light.png) center left no-repeat; padding: 30px 30px 0 80px; width: 50%; } }

@media screen and (min-width: 60em) { .footer__area .logo { width: 30%; } }

@media screen and (min-width: 1200px) { .footer__area .logo { width: 20%; } }

.footer__area .logo a { background: url("images/logo-lev-x-csw-footer.webp") no-repeat; display: block; height: 60px; margin: 10px auto; text-indent: -9999px; width: 136px; }

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .footer__area .logo a { /* on retina, use image that's scaled by 2 */ background-image: url("images/logo.png"); background-size: 136px 60px; } }

@media screen and (min-width: 48em) { .footer__area .logo a { margin: 0; padding: 0; } }

.footer__area .footer___area--first { width: 100%; }

@media screen and (min-width: 30em) { .footer__area .footer___area--first { width: 50%; } }

@media screen and (min-width: 60em) { .footer__area .footer___area--first { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; width: 70%; } }

@media screen and (min-width: 1200px) { .footer__area .footer___area--first { width: 80%; } }

button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ }

select { max-width: 100%; }

button { background: #015C89; border: none; color: #fff; cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ font-size: 14px; font-weight: 600; line-height: 1; padding: 3px 20px 5px; }

button:hover { background: #F57E20; }

button:focus, button:active { border-color: #8b8f96; }

input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 0; }

input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ }

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { color: #8b8f96; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 1; padding: 10px 5px; -webkit-appearance: none; }

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #000; -webkit-transition: 0.07s, ease-in; -moz-transition: 0.07s, ease-in; -ms-transition: 0.07s, ease-in; -o-transition: 0.07s, ease-in; transition: 0.07s, ease-in; }

textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ width: 100%; }

/* Search Form
-------------------------------------------*/
.search__form { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }

.search__form input { border: none; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }

.search__form input.search__form--input { border: 1px solid #eee; border-right: none; background: #fff; width: 100%; }

.search__form label { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }

.search__form .search__form--submit { padding: 0 10px; }

/* Make sure embeds and iframes fit their containers */
embed, iframe, object { max-width: 100%; }

/* images within main page */
.site__main img { height: auto; max-width: 100%; }

.aligncenter, .alignleft, .alignright { display: block; margin: 0 auto; margin-top: 1em; margin-bottom: 1em; }

@media screen and (min-width: 37.5em) { .alignleft { float: left; margin: 0 1.5em 0 0; }
  .alignright { float: right; margin: 0 0 0 1.5em; } }

.wp-caption { background: #fff; border: solid 1px rgba(139, 143, 150, 0.25); padding: 3px; margin-bottom: 20px; max-width: 100%; }

.wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; }

.wp-caption .wp-caption-text { margin: 8px; }

.wp-caption-text { font-size: 14px; text-align: center; }

/* Galleries 
------------------------------------*/
.gallery { margin-bottom: 1.5em; }

.gallery img { border: 1px solid rgba(139, 143, 150, 0.25); }

.gallery-item { display: inline-block; margin-top: 10px; text-align: center; vertical-align: top; width: 100%; }

.gallery-columns-2 .gallery-item { max-width: 50%; }

.gallery-columns-3 .gallery-item { max-width: 33.33%; }

.gallery-columns-4 .gallery-item { max-width: 25%; }

.gallery-columns-5 .gallery-item { max-width: 20%; }

.gallery-columns-6 .gallery-item { max-width: 16.66%; }

.gallery-columns-7 .gallery-item { max-width: 14.28%; }

.gallery-columns-8 .gallery-item { max-width: 12.5%; }

.gallery-columns-9 .gallery-item { max-width: 11.11%; }

.gallery-caption { display: block; font-size: 14px; }

.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; }