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

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

html { background-color: #fcfcfc; }

#wrap_all, header  { max-width: 1920px; margin: 0 auto; }

#wrap_all { box-shadow: 0 0 100px rgba(0, 0, 0, .1); }

header { box-shadow: none; }

.html_header_top.html_header_sticky body#top #wrap_all #main { padding-top: 130px; }

#page-header { height: clamp(150px, 17.647vw, 300px); display: flex; align-items: center; }

#page-header .content, #top #page-header .av-special-heading, #page-header h1 { padding: 0; }

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

h1, .av-thin-font .av-special-heading-tag, .modern-quote .av-special-heading-tag { font-size: clamp(35px, 6.83333vw, 41px); font-weight: 700; }

.template-page .entry-content-wrapper h1 { text-transform: none; }

.main_color h3, .main_color h3 strong { color: #212d56; }

.main_color input[type='submit'] { background-color: var(--enfold-header-color-primary); transition: background-color 0.4s; }

.main_color input[type='submit']:hover { background-color: var(--enfold-main-color-primary); }

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

body .av-special-heading.page-head h1.av-special-heading-tag { 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: 18px; }

.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.2s; }

.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; }

#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; }



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

.logo a { display: flex; align-items: center; margin-top: 3px; }

.logo svg { height: 68%; }

@media only screen and (max-width: 767px) {
  div .logo { max-width: 240px; }
}

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

.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-radius: 0; 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: var(--enfold-main-color-primary); }

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

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

.av-main-nav li.donate-button a { margin-right: 0; }

.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; }

.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;
}

@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 svg { font-size: 22px; vertical-align: middle; }

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

#top #header_meta .sub_menu ul a { font-family: Kadwa, sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #ededed; background-color: #ab0001; padding: 5px 25px 3px; 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: 126px; }

/* #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; }

.hero-headline sup { font-size: .6667em; vertical-align: middle; display: inline-block; padding-bottom: .4em; }


/* 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; }


/* D21 Bar */

#d21-bar { background-position: 25% 0; }

#d21-bar .container { max-width: 95%; padding: 0; }

.d21-bar { display: flex; justify-content: center; align-items: center; }

.d21-bar p { font-size: clamp(14px, 2vw, 28px); font-style: italic; color: #ffffff; margin: 0; display: inline-block; letter-spacing: .04em; line-height: 1.3; text-align: center; }

.d21-bar .avia-button { background-color: #ab0000; margin: 0 0 0 20px; transition: background-color 0.4s; opacity: 1; }

.d21-bar .avia-button.avia-size-medium { font-family: Kadwa, sans-serif; font-size: clamp(11px, 1.5vw, 16px); white-space: nowrap; padding: clamp(6px, 1.1vw,12px) clamp(10px, 1.75vw,16px) clamp(4px, .97vw,10px); }

.d21-bar .avia-button:hover { opacity: 1; background-color: rgba(21, 89, 159, 1); border: none; }

@media screen and (max-width: 767px) {
	.d21-bar { flex-direction: column; row-gap: 15px; }
}

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

#footer { padding: 30px 0; border: none; }

#footer .widget, #footer p { margin: 0; font-size: 15px; line-height: 1; text-align: center; letter-spacing: .04em; }

#footer span.bullet { padding: 0 20px; }

#footer span.seperator { display: none; }

@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; }
	#footer p { display: flex; flex-direction: column; justify-content: center; row-gap: 4px; }
	#footer p span.bullet { display: none; }
}


/* Socket */

#socket { letter-spacing: 1px; }

#socket .container { display: flex; align-items: center; justify-content: space-between; padding-top: 20px; padding-bottom: 20px; }

#socket .container::after { display: none; }

#socket .copyright { line-height: 1; }

#socket .menu { margin: 0; }

@media screen and (max-width: 767px) {
	#socket .copyright { float: none; text-align: center; }
	#socket .container { flex-direction: column; justify-content: center; row-gap: 12px; }
	.responsive #socket .sub_menu_socket { margin: 0; }
	#socket .menu { display: flex; justify-content: center; margin-left: 0; }
	#socket .menu li { padding: 0; }
}