/*
Theme Name: A WP 2020-Child, a simple child-theme.
Theme URI: https://weshare.indypl.org
Template: twentytwenty
Author: IndyPL/Dan Osmundson
Author URI: https://indypl.org
Description: Custom WeShare IndyPL child-theme for Twenty Twenty (2020) that adds G4 Analytics.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns,block-styles,wide-blocks,accessibility-ready
Version: 1.7.1617901375
Updated: 2021-04-08 13:02:55

*/

/* 2020 Customizing Additional CSS */
@import "https://use.fontawesome.com/838898e2b1.css";
@import "https://cdnjs.cloudflare.com/ajax/libs/unsemantic/1.2.3/unsemantic-grid-responsive.min.css";
/*hide skip link*/
.skip-link:first-of-type {display:none;}
/* admin hiding 2fa settings */
/*html.wp-toolbar body.wp-admin #profile-page.wrap form#your-profile div#application-passwords-section.application-passwords.hide-if-no-js {
	display: none !important;
	visibility: hidden;
}
html.wp-toolbar body.wp-admin #application-passwords-section {
	display: none !important;
	visibility: hidden;
} */
@media (min-width: 1000px) {
    .header-titles-wrapper {
        margin-right: 1rem;
        max-width: 50%;
        padding: 0;
        text-align: left;
    }
}
.header-titles {
    display: flex;
    flex-direction: column;
}
/* larger custom logo */
@media screen (min-width: 601px) {
	.site-logo {
		max-height: 110px;
		margin: 0 auto;
		width: auto;	
	}
}	
/*custom logo on mobile*/
@media screen (max-width: 600px) {
	.site-logo {max-height: 90px !important; margin:0 auto; max-height: 90px; width: auto; }
}
.primary-menu-wrapper {
	background-color: #f6f6f6;
	border-radius: 4px;
	display: block;
	padding: 5px 10px;
	width: 100%;	
}

body:not(.overlay-header) .primary-menu ul {
    background-color: #660;
}
.current_page_ancestor {border-bottom:solid 3px #000; padding:0 3px;}

.sub-menu :is(a:link,a:visited) {text-decoration: underline 2px;}
.sub-menu :is(a:hover,a:active) {text-decoration: underline dotted 2px;}

.sub-menu .current-menu-item {background-color:#111; text-decoration: underline 2px;}
.sub-menu .current-menu-item:hover {background-color:#333; text-decoration: underline dotted 2px;}
/* mobile menu */
.mobile-nav-toggle .svg-icon {display:none !important;}
.nav-toggle .toggle-icon, .nav-toggle svg { height: 30px !important; width: 30px !important; }
.mobile-nav-toggle .toggle-inner { display: flex; gap:3px; justify-content: center; height: 3rem; position: relative;}
.nav-toggle .toggle-inner {padding-top: 0rem !important;}
.mobile-nav-toggle .toggle-inner .toggle-icon:before {align-items: center; border: solid 2px #333;border-radius: 3px;color: #333;content: "☰" !important; display: flex;font-size: 24px !important;font-weight: 700 !important;height: 30px !important;padding: 3px !important;width: 30px !important;}
body:not(.overlay-header) .toggle-inner .toggle-text,.mobile-nav-toggle .toggle-inner .toggle-text {font-size:95% !important;line-height:1;}
.mobile-nav-toggle .toggle-inner .toggle-text:before {clear:both; display:block; padding-top: 2px;}

/* end:admin hiding 2fa settings */
.site-description {max-width: 16ch;}
.singular .entry-header {
    padding: 2rem 0 !important;
}
.post-inner {
    padding-top: 2rem !important;
}
body, .entry-title a, :root .has-primary-color {
    color: #000;
}
/* utility classes */
.hide {display: none; height: 0; width: 0;}

.error404-content h1.entry-title::before {
	content: "404 =   ";
	display: inline-block;
	line-height: 1.2;
	padding: 0 .33em;
}
.error404-content .intro-text::before {
	content: "(OR, do you need to log into the site again?)";
	display: inline-block;
	font-style: italic;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 1.5em;
}
/* over-ride H1 + media queries */
.entry-title,.widget-title.subheading.heading-size-3 {
    color: #333 !important;

}
/*global link style*/
:where(main,.footer-menu,footer,#site-footer) :is(a:link,a:visited) {
	text-decoration: underline 2px !important;
}
:where(main,.footer-menu,footer,#site-footer) :is(a:hover,a:active) {
	text-decoration: underline dotted 2px !important;
}
/*top of page category links*/
.entry-categories a {
    border-bottom: none !important;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.036666667em;
    margin: 0.5rem 0 0 1rem;
    text-decoration: none;
    text-transform: uppercase;
}
.meta-text,
.entry-categories-inner a[rel] {
    font-size: 16px;
    padding: 3px;
}
/*mobile menu text*/
.site-description, body:not(.overlay-header) .toggle-inner .toggle-text, .widget .post-date, .widget .rss-date, .widget_archive li, .widget_categories li, .widget cite, .widget_pages li, .widget_meta li, .widget_nav_menu li, .powered-by-wordpress, .footer-credits .privacy-policy, .to-the-top, .singular .entry-header .post-meta, .singular:not(.overlay-header) .entry-header .post-meta a {
    color: #000;
	  font-weight: 600;
}
@media (min-width: 1220px) {
	h1, .heading-size-1 {
			font-size: 5rem;
	}
.entry-content > .alignfull {
    margin-bottom: 10rem;
    margin-top: 1.5em;
}	
}
@media (min-width: 700px) {
	h2.entry-title {
			font-size: 5rem;
	}
}
/* over-ride header padding */
@media (min-width: 700px) {
	.archive-header {
			padding: 3rem 0;
	}
}
/* over-ride article top-margin */
@media (min-width: 700px) {
	body:not(.singular) main > article:first-of-type {
			padding: 4rem 0 0;
	}
}
/* over-ride hr separator margins */
@media (min-width: 700px) {
	hr {
			margin: 3rem auto;
	}
}
/* over-ride accent-color */
.color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus):first-letter, .wp-block-button.is-style-outline, a {
    color: #666600;
}
body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
    color: #666600;
}
button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link {
    background-color: #660;
}
/*text links preceding buttons*/
.wp-block-file a:not(.wp-block-file__button) {
    font-weight: 700;
    text-decoration: underline 2px;
}
/* BEG: plugins */
.nav-button__next, .nav-button__prev {z-index: 1500;}

/*likes widget*/
.post-likes-widget-placeholder .loading, .comment-likes-widget-placeholder .loading {
    color: #333;
    font-family: system-ui;
	  font-size: 16px;
	  font-weight: 600;
	  padding: 4px;
	  text-transform: uppercase;	  
}
.jetpack-subscription-modal .wp-block-group-is-layout-flow > h2 {
		display: none;	
}
/* END: plugins */
/* weshare home button width fixing */
.wp-block-button__link {
  color: #fff;
  background-color: #32373c;
  border-radius: 10px;
  box-shadow: none;
  text-decoration: none;
  padding: 1em .25em !important;
    padding-top: 1em;
    padding-right: 0.25em;
    padding-bottom: 1em;
    padding-left: 0.25em;
  font-size: 1.125em;
  margin-bottom: 1em;
}
/* sharedNet in-page menu*/
.sharednet-menu-margins {
	margin-bottom: 1.5em;
    margin-top: 1.5em;
}

.mega-privates {background-color: #69c8c6 !important;}
.modal-menu .mega-privates a {
	color: #222;
}
#error-page,.wp-die-message {
    color: #333;
    background-color: #fff3cd !important;
    border-color: #ffeeba !important;
}
.powered-by-wordpress,
.hide-meta.widget.widget_meta .widget-content ul li:nth-child(3),
.hide-meta.widget.widget_meta .widget-content ul li:nth-child(4),
.hide-meta.widget.widget_meta .widget-content ul li:nth-child(5) {
	display:none;
} 
.footer-copyright,.to-the-top {color:#660; font-size: 1em; font-weight: 700;}
.to-the-top {display:none !important;}
.back-to-top :is(a:link,a:visited) {
    background-color: #fff;  
  	border: solid 5px;
    border-radius: 5px;
    bottom: 10px;	
    color: #660;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 10px;
    position: fixed;
    right: 10px;
    z-index: 900;	
}
.back-to-top :is(a:hover,a:active) {
    background-color: #f8f8f8;  
  	border: dotted 5px #660;
    border-radius: 5px;
    bottom: 10px;	
    color: #660 !important;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 10px;
    position: fixed;
    right: 10px;
    z-index: 900;	
}
.footer-custom-copyright,.we-access { font-size: .8em;}
.we-access {display: none;}
.footer-copyright {display: none;}
/* map-wrap class */
.map-wrap {
    position: relative;
    padding-bottom: calc(var(--aspect-ratio, .5625) * 100%);
    height: 0;
}
.footer-admin div nav ul li:nth-of-type(3),
.footer-admin div nav ul li:nth-of-type(4),
.footer-admin div nav ul li:nth-of-type(5) {
	display: none;
	height: 0;
	visibility: hidden;
	width: 0;
}

/* # BEG: google_translate_element # */
#google_translate_element {
    display: inline-block;
    max-width: 224px;
    position: fixed;
    bottom: 10px;
    left: 10px;
    vertical-align: text-top;
    width: auto;
    z-index: 950;	
}
.goog-te-gadget span a {
    color: #fff !important;
    display: none !important;
    font-size: 0 !important;
}
.goog-te-gadget {
    color: #fff;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0px 2px 5px #666 !important;
    font-family: sailec,sans-serif !important;
    font-size: 0 !important;
    max-width: 190px;
}

/* beg:customize drop-down */
/* older method- https://codepen.io/danield770/pen/bgJOyV */
select.goog-te-combo {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(/wp-content/uploads/2025/11/down-caret-eee-icon.png) 97% / 20px no-repeat, linear-gradient(to left, #022055 0px, #022055 30px, #aaa 30.1px, #aaa 31.1px, #fff 31.2px, #fff 100%);
    border: 0 none;
    font-size: 16px;
    height: auto;
    line-height: 1.35 !important;
    min-height: 34px;
    max-width: 190px;
    padding: 5px 35px 5px 10px;
    width: 100%;
}

/* CAUTION: Internet Explorer hackery ahead */
select.goog-te-combo::-ms-expand {
    display: none;
    /* Remove default arrow in Internet Explorer 10 and 11 */
}

/* Target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width: 0\0) {
    select.goog-te-combo {
        background: none\9;
        padding: 5px\9;
    }
}

/* end:older method */
/* end:customize drop-down */
.goog-te-combo:nth-child(1) {
    font-family: sailec,sans-serif !important;
    font-size: 16px;
    font-weight: 600 !important;
    color: #000 !important;
}

.goog-te-combo option {
    font-family: sailec,sans-serif !important;
    font-size: 16px;
    font-weight: 600 !important;
    color: #000 !important;
}
/* emphasizes Google Translate */
.goog-te-gadget span {
    display: none;
    height: 0;
}

.goog-te-gadget span a {
    color: #037dae;
    display: inline-block;
    margin: 0 auto 0 1%;
    text-align: right;
    width: 99%;
    vertical-align: bottom;
}

/*mobile view*/
@media (max-width: 600px) {
    /* tweak logo size- better balance w/menu + translate */ .Header__logo svg {
        display: block;
        height: 5.322rem;
        width: 6rem;
    }

    #google_translate_element {
        display: inline-flex;
        justify-content: right;
        max-width: 165px !important;
        position: fixed;
        left: 10px;
        bottom: 10px;
    }

    .goog-te-gadget {
        color: #fff;
        /* hide 'powered by' */
        font-size: 0 !important;
        max-width: 165px;
        text-align: center;
    }

    /* customize drop-down */
    select.goog-te-combo {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url(/wp-content/uploads/2025/11/down-caret-eee-icon.png) 97% / 20px no-repeat, linear-gradient(to left, #6ba34d 0px, #6ba34d 30px, #aaa 30.1px, #aaa 31.1px, #fff 31.2px, #fff 100%);
        border: 0 none;
        font-size: 13.5px;
        height: auto;
        line-height: 1.35 !important;
        min-height: 34px;
        max-width: 160px;
        padding: 5px 35px 5px 10px;
        width: 100%;
    }

    .goog-te-combo:nth-child(1) {
        color: #022055 !important;
        font-family: sailec,sans-serif !important;
        font-size: 13.5px;
        font-weight: 700 !important;
        line-height: 2;
        padding-bottom: 2px;
    }

    .goog-te-gadget span {
        display: none;
        height: 0;
    }
}

/*desktop view*/
@media (min-width: 601px) {

    #google_translate_element {
        display: inline-block;
        /*float: right;
        margin-right: 80px;*/
    }
}
/* # END: google_translate_element # */