/*
Theme Name: Democracy 21
Description: A child theme for the Enfold Wordpress theme
Version: 1.0
Author: Mark Gilchrist
Author URI: https://www.bulldogstudios.com
Template: enfold
*/

/* GENERAL
=================================== */

h1, h2, h3, h4, h5, h6 { font-family: "Aleo", Helvetica, Arial, sans-serif;  }

h1, .av-thin-font .av-special-heading-tag, .modern-quote .av-special-heading-tag { font-size: 52px; font-weight: 500; }

h2 { font-weight: 600; }

.template-page .entry-content-wrapper h1 { text-transform: none; letter-spacing: -.5px; }

.main_color h3, .main_color h3 strong { color: #ab0000; }

.page-head { margin-bottom: 30px; }

body .av-special-heading.page-head h1.av-special-heading-tag { /* color: #1d519f; */padding-bottom: 15px; }

.av-subheading.av-subheading_below p { font-size: 24px; line-height: 1.5; }

#top .fullsize .template-blog .bloglist-simple .post-title, .bloglist-simple .entry-content-wrapper .post-title { font-size: 20px; }

.avia-button.avia-size-medium, .avia-button.avia-size-small { text-transform: uppercase; letter-spacing: 1px; border-bottom-right-radius: 12px; border-top-left-radius: 12px; background-color: #1d519f; transition: background-color 0.4s; }

.avia-button.avia-size-small { padding: 9px 14px 8px; }

.avia-button.avia-size-medium { font-family: Lato, Arial, sans-serif; font-size: 16px; font-weight: 600; }

body div .avia-button { border-radius: 0; }

.main_color b, .main_color strong { color: initial; font-weight: 900; letter-spacing: .5px; }

.av-main-nav ul { width: 240px; }

.entry-content-wrapper li { padding: 6px 0; }

.responsive .narrow.fullsize > .container, .responsive .av-tab-section-container .narrow .container { max-width: 1100px; }

/* .av-alb-blogposts.template-blog .read-more-link, .template-blog .read-more-link { display: none; } */

#homepage-posts.av-alb-blogposts.template-blog .read-more-link { display: block; }

#top .av-alb-blogposts.template-blog div.post_delimiter { width: 100%; left: 0; }

.post-meta-infos .blog-categories a { color: #1d519f; }

#top .fullsize .template-blog .post .entry-content-wrapper, #top .fullsize .template-blog .post-title { max-width: 900px; }

#top .fullsize .template-blog .post-title { padding-bottom: 0; }

.bloglist-simple .entry-content-header { padding: 5px 0 15px 0; }

#top .fullsize .template-blog .post .entry-content-wrapper > * { max-width: 60em; }

#homepage-posts .bloglist-simple .entry-content-header { padding-right: 10px; }

.comment-container.minor-meta, .blog-author.minor-meta { display: none; }

.blog-tags { display: block; }

.blog-tags a { white-space: nowrap; display: inline-block; line-height: 15px; }

a[href="https://democracy21.org/issues/c3"], a[href="https://democracy21.org/issues/c4"] { display: none; }


/* HEADER
=================================== */

/* div .logo { max-width: 20vw; top: -3px; } */

@media only screen and (min-width: 475px) and (max-width: 767px) {
  div .logo { max-width: 30vw; }
}

@media only screen and (max-width: 474px) {
  div .logo { max-width: 40vw; }
}

.logo img { height: 100%; }

.html_header_top #top .av_header_stretch .container { width: 90%; max-width: 1600px; }

.sub_menu > ul > li:hover > a { text-decoration: none; }



/* MAIN MENU
=================================== */

#top .av-menu-button > a .avia-menu-text { transition: all 0.4s; border: none; padding: 9px 14px; border-bottom-right-radius: 12px; border-top-left-radius: 12px; }

#top #wrap_all .header_color .av-menu-button-colored > a:hover .avia-menu-text { opacity: 1; background-color: #32414d; }

.av-main-nav a::after {
  content: '';
  height: 1px;
  width: 0;
  background: #ab0000;
  display: block;
  margin-top: -30px;
  opacity: 0;
  transform: translateX(-50%);
  left: 50%;
  transition: all .3s ease-in-out;
  position: absolute;
}

.header-scrolled-full .av-main-nav a::after { margin-top: -15px; }

.av-main-nav ul { width: 250px; }

.av-main-nav > li.menu-item-top-level > a:hover::after { opacity: 1; width: 100%; }

.av-main-nav li.av-menu-button.menu-item-top-level > a:hover::after { opacity: 0; width: 0; }

#top #header .av-main-nav > li > a { font-size: 14px; text-transform: uppercase; letter-spacing: 0.12em; }

.av-main-nav > li > a { padding: 0; position: relative; }

@media only screen and (min-width: 1000px) {
	.av-main-nav > li > a { margin: 0 2.5vw; }
}

#top li#menu-item-search a { padding-right: 0; margin-right: 0; }

#top #menu-item-search a::before { font-size: 22px; vertical-align: middle; }

.av_minimal_header #header_main, .av_minimal_header #header_meta { border-bottom: 1px solid #cdcdcd; }

#top #header_meta .sub_menu { top: 11px; }

#top #header_meta .sub_menu ul a { font-family: Aleo, sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #ededed; background-color: #1d519f; padding: 10px 25px 7px; transition: background-color 0.4s; }

#top #header_meta .sub_menu ul a:hover { background-color: rgba(21,89,159,.8); }

#top #header_meta .social_bookmarks { padding-left: 45px; }

/* #top #header_main .social_bookmarks { border-left: 1px solid #ab0000; padding-left: 30px; } */

.avia-menu.av_menu_icon_beside { border-right: none; }

#top .av-main-nav ul a { font-size: 14px; }

@media only screen and (max-width: 767px) {
.av_secondary_right .sub_menu {
    padding-left: 0;
}
}



/* HOME PAGE
=================================== */

/* Main Image */

.stay-informed-button, .donate-button { border-top-left-radius: 16px; border-bottom-right-radius: 16px; }


/* Popup */

.pum-open-overlay.pum-open-scrollable { margin-right: -17px; position: relative; }

html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] { padding-right: inherit; }

#top .pum-content { line-height: 1.65em; }

#top .pum-content p:first-of-type, #top .pum-content img { margin-top: 0; padding-top: 0; }


/* What We Do Section */

#what-we-do .iconbox_top .iconbox_content { box-shadow: none; padding-top: 20px; }

#what-we-do div .av_one_third { width: 31%; }

#top #what-we-do .av-flex-placeholder { width: 3.5%; }

#what-we-do .iconbox { margin-bottom: 0; }

@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all #what-we-do .flex_column_table .flex_column.av_one_third:nth-child(-n+3) { margin-bottom: 50px; }
}

#what-we-do .iconbox_top .iconbox_content { padding: 25px 35px 20px 35px; }

#top #what-we-do .iconbox_content_container { line-height: 1.4; }

#what-we-do .iconbox .iconbox_content .iconbox_content_title { padding: 2px 0 16px 0; border-bottom: 1px solid #ab0000; }


/* Use custom graphic in What We Do icon boxes; make icons larger */

#what-we-do .iconbox_top .iconbox_icon { top: -56px; background-image: url("/wp-content/uploads/2020/01/dem21-icon-white.svg"); background-size: 40px auto; background-repeat: no-repeat; background-position: 50% 50%; min-width: 40px; min-height: 40px; left: calc(50% - 36px); margin: 0; }

#what-we-do .iconbox_top .iconbox_icon::before { display: none; }
    

/* What's New Section */

@media only screen and (max-width: 767px) {
  .avia-section-large .content { padding-top: 40px; }
}

#top #whats-new.fullsize .template-blog .bloglist-simple .post-title { padding-bottom: 0; }

#top .fullsize .template-blog .post .entry-content-wrapper { text-align: left; }

#top #whats-new.main_color.fullsize .template-blog .post_delimiter { border-color: #dedede; }

#whats-new .post-meta-infos .blog-categories a { color: #1d519f; }

.post-meta-infos .text-sep-comment, .post-meta-infos .text-sep-cat { display: none; }

.post-meta-infos .text-sep-date { padding: 0 15px; }

.blog-tags a { font-size: 12px; background-color: #ab0000; text-transform: uppercase; padding: 4px 8px 4px; letter-spacing: 1px; }

/* .main_color .blog-tags.minor-meta a { color: #ffffff; } replaced with the next two lines of code below on 11-12-24 */

.blog-tags a { font-size: 12px; background-color: #ffffff; text-transform: uppercase; padding: 4px 8px 4px; letter-spacing: 1px; }

.main_color .blog-tags.minor-meta a { color: #ab0000; border: 1px solid #ab0000; font-weight: 600; }

.main_color div.fwn-headline { border-bottom: 1px solid #cdcdcd; padding-bottom: 0; }
 
body .av-special-heading.fwn-headline h2.av-special-heading-tag { font-size: 16px; font-weight: 400; color: #ffffff; background-color: #ab0000; padding: 12px 16px 6px; display: inline-block; margin-bottom: 0; border-top-left-radius: 16px; border-top-right-radius: 16px; }

.bloglist-simple .read-more-link { transform: none; }

#homepage-posts { padding-top: 14px; }



/* Fred's Weekly Note */

#freds-weekly-note .entry-content-header { padding-left: 20px; padding-right: 20px; }

#freds-weekly-note article:first-child .entry-content-wrapper { background-color: #f3f3f3; }

#freds-weekly-note article:nth-child(2) { margin-top: 16px; }

#freds-weekly-note .entry-content { padding: 0 20px 7px; }

#top .fullsize #freds-weekly-note .template-blog article:first-child .post-title { color: #1d519f; font-size: 24px; padding-bottom: 6px; }

#top .fullsize #freds-weekly-note .template-blog article:first-child .entry-content-wrapper { font-size: 1.1em; line-height: 1.4; }

#top .fullsize #freds-weekly-note .template-blog article:first-child .entry-content-wrapper .blog-tags { line-height: 2em; }

#freds-weekly-note .read-more-link { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-left: 10px; }

#freds-weekly-note .more-link-arrow::after { font-size: 12px; display: inline-block; margin-bottom: 2px; }

#freds-weekly-note .entry-content { margin-top: 15px; }

#freds-weekly-note .entry-content p { display: inline; }

#top .fullsize #freds-weekly-note .template-blog .post_delimiter { border: none; }

#freds-weekly-note .mc4wp-form-11061, #freds-weekly-note .mc4wp-form-11061 p:last-of-type { margin-bottom: 0; }

#freds-weekly-note .mc4wp-form-11061 input.newsletter-subscribe { font-weight: 400; font-size: 13px; }

#top .fullsize #freds-weekly-note .template-blog article:not(:first-child) .post-title { color: #1d519f; font-family: "Lato"; font-size: 1em; padding-bottom: 6px; }

#top .fullsize #freds-weekly-note .template-blog article:not(:first-child) .entry-content,
#top .fullsize #freds-weekly-note .template-blog article:not(:first-child) .blog-tags { display: none; }

#freds-weekly-note.flex_column .template-blog .post_delimiter { margin-bottom: 10px; padding-top: 0; }



/* Sticky posts */

.sticky .date-container, .sticky .text-sep-date { display: none; }



/* IMPACT PAGE
=================================== */

.main_color .avia-timeline .av-milestone-date  { color: #1d519f; }

.av-milestone h2.av-milestone-date { text-transform: none; }

.av-milestone p, .av-milestone ul { line-height: 1.5; margin-top: 0.5em; margin-bottom: 0.5em; }

ul.avia-timeline-vertical li { margin-bottom: 0.5em; }

.av-milestone-content-wrap ul li { display: list-item; }

.avia-timeline-vertical .av-milestone-date { white-space: nowrap; }

@media only screen and (max-width: 989px) {
.av-no-preview ul.avia-timeline-vertical div.av-milestone-content li {
    display: list-item;
    overflow: visible;
    padding: 0;
  }
}

@media only screen and (max-width: 480px) {
  .av-no-preview ul.avia-timeline-vertical li { padding-left: 0; }
  .av-no-preview .avia-timeline-vertical .av-milestone-icon-wrap { display: none; }
}


    
/* NEWS & PRESS CATEGORY PAGE
=================================== */

.archive.category-news-press .category-term-description p,
.archive.category-press-releases .category-term-description p,
.archive.category-op-eds .category-term-description p,
.archive.category-freds-weekly-note .category-term-description p { font-family: "Kadwa", Helvetica, Arial, sans-serif; font-size: 38px; font-weight: 700; text-align: center;  }


/* Search and Filter Styling */

.searchandfilter .cat-item { display: block; }

.searchandfilter .cat-item.cat-item-1 { display: none; }



/* SINGLE POSTS
================================== */

footer .blog-tags.minor-meta { display: none; }

#top .av-share-box ul { display: grid; grid-template-columns: repeat(6, 1fr); }



/* FOOTER
=================================== */

#footer div .av_one_third { margin-left: 0; }

#footer div .av_one_third.first { margin-top: 0; }

#footer div .av_one_third:nth-of-type(1) { width: 16%; }

#footer div .av_one_third:nth-of-type(2) { width: 57%; display: flex; justify-content: space-between; }

#footer div .av_one_third:nth-of-type(3) { width: 24%; margin-left: 3%; }

#footer #nav_menu-3 h3, #footer #nav_menu-4 h3 { padding-top: 0; }

@media only screen and (max-width: 520px) {
#footer #nav_menu-3 { display: none; }
}

@media only screen and (max-width: 767px) {
  #footer .widget, .responsive #top #wrap_all #footer .flex_column { margin-bottom: 0; }
  #footer #text-2 { text-align: center; }
}


/* Mailchimp form */

#footer .container { max-width: 1600px; padding: 15px; }

#footer h3.widgettitle { margin-top: 14.96px;}

#top label { font-weight: 400; }

#top label:first-of-type { margin-right: 15px; }

#top #footer label { font-size: 14px; color: #ffffff; }

#top #mc4wp-form-1 input[type="email"], #top #mc4wp-form-2 input[type="email"] { margin-bottom: 10px; padding: 6px 8px; }

#top #mc4wp-form-1 input[type="email"]::placeholder, #top #mc4wp-form-2 input[type="email"]::placeholder { font-family: Lato; font-size: 14px; }

#mc4wp-form-1 input.newsletter-subscribe, #mc4wp-form-2 input.newsletter-subscribe, #mc4wp-form-3 input.newsletter-subscribe { color: #ffffff; margin-bottom: 0; padding: 9px 14px 8px; font-family: Lato,Helvetica,Arial,sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: .12em; border-bottom-right-radius: 12px; border-top-left-radius: 12px; background-color: #1d519f; transition: all 0.4s; }

#footer #mc4wp-form-1 input.newsletter-subscribe, #footer #mc4wp-form-2 input.newsletter-subscribe, #footer #mc4wp-form-3 input.newsletter-subscribe { color: #32414d; background-color: #cdcdcd; }

#mc4wp-form-1 input.newsletter-subscribe:hover, #mc4wp-form-2 input.newsletter-subscribe:hover,
#footer #mc4wp-form-1 input.newsletter-subscribe:hover, #footer #mc4wp-form-2 input.newsletter-subscribe:hover, #footer #mc4wp-form-3 input.newsletter-subscribe:hover { color: #ffffff; background-color: #ab0000; }


/* Socket */

#socket { letter-spacing: 1px; }

#socket .social_bookmarks li a::before { font-size: 18px; }

#socket .social_bookmarks li { margin-left: 15px; }

#socket .social_bookmarks { border-left: none; margin-top: -8px; }