/*!
Theme Name:    TCVID
Author:        Multithread Studios, LLC
Author URI:    https://multithread.studio
Description:   Theme for The Center for Values in International Development
Version:       1.0.0
License:       GNU General Public License v3 or later
License URI:   https://www.gnu.org/licenses/gpl-3.0.html
Template:      page-builder-framework
Text Domain:   page-builder-framework-child
*/

@import url('//fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@1,600&family=Montserrat:ital,wght@0,400;0,700;1,400;1,600&display=swap');

.submenu-header {
	font-weight: bold;
	font-size: 1.1em;
}

.submenu-link {
	font-weight: normal;
	font-size: 0.8em;
}

.wpbf-mega-menu>.sub-menu>ul {
  display: flex;
  flex-direction: row;
}

.open-on-hover:focus .wrapper,
.open-on-hover:focus-within .wrapper,
.open-on-hover:hover .wrapper {
  display: block;
  position: absolute;
  background: var(--WhiteSmoke);
  right: 0;
}

.open-on-hover .wrapper {
  display: none;
}

.sub-menu.wrapper,
.menu-item-has-children .sub-menu.wrapper {
  background: var(--WhiteSmoke);
  border: 5px solid var(--Aubergine);
  box-shadow: none;
  min-width: 20em;
}

.menu-item:not(.wpbf-mega-menu) .sub-menu.wrapper {
  max-width: 30em;
}

.wpbf-menu-description {
  margin: 20px;
}

.wpbf-mega-menu .sub-menu {
  padding: 0;
}

.wpbf-menu ul {
  padding-inline-start: 0;
}

nav#navigation a {
  text-transform: uppercase;
}

.sub-menu a:hover {
  text-decoration: underline var(--Sage);
}

#content a:not(a[role="button"]) {
  text-decoration: underline var(--Sage) dotted;
}

/* mobile menu */
#menu-mobile ul.sub-menu li {
  padding-inline-start: 20px;
}

.searchform:before {
  color: var(--VividAuburn);
}

footer {
	line-height: 1.3em;
}

footer h2 {
	font-weight: bold; 
	font-size: 1em; 
	margin-bottom: 0;
	font-variant: small-caps;
}

footer ul {
	list-style-type: none; 
	padding-inline-start: 0;
	font-variant: small-caps;
}

footer li {
	line-height: 1.1em;
}

footer li + li {
	margin-top: 0.4em;
}

blockquote p {
	color: var(--Evergreen);
	font-size: 1.2rem;
	font-family: 'Montserrat Alternates', 'Montserrat', sans-serif;
	font-weight: 600;
	font-style: italic;
}

blockquote cite {
	color: var(--Wenge);
	font-size: 1rem;
}

blockquote {
	border-left: 5px solid var(--Sage);
}

.wpbf-single-content .wpbf-post-style-plain #reply-title {
	border-top-color: var(--Sage);
}