/*
Theme Name: AWN 2022
Theme URI: https://beedragon.com/
Version: 1.0
Description: Theme for Autistic Women & Nonbinary Network (AWN) website
Author: Lori Berkowitz | BeeDragon LLC
Author URI: https://beedragon.com/
template: bb-theme
*/

:root {
  --awn-color-primary: #d11967;
  --awn-color-secondary: #0a7882;
  --awn-color-accent: #604997;
  --awn-color-accent-lt: #806ab8;
  --awn-color-light: #fff;
  --awn-color-dark: #222;
  --awn-color-grey: #979797;
}

@media (max-width: 991px) {
	body {
	    font-size: 18px;
	    line-height: 1.5;
	}
}
@media (max-width: 767px) {
	body {
	    font-size: 16px;
	    line-height: 1.5;
	}
}

/** Header */
@media (min-width: 1100px) {
	.fl-page-nav-right.fl-page-nav-toggle-visible-always .fl-page-header-container, .fl-page-nav-right.fl-page-nav-toggle-visible-medium-mobile .fl-page-header-container, .fl-page-nav-right .fl-page-header-container {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media (min-width: 992px) {
	.awn .fl-page-nav-right .fl-page-header-wrap {
		border-bottom: none;
	}
	.fl-builder .fl-post-title {
		margin-left: 20px;
	}
}

/** Main Nav - Donate Button */
.header-donate-button {
	background: var(--awn-color-accent);
	border-radius: 5px;
	margin-top: -10px;
    padding: 0;
	text-align: center;
}
.header-donate-button:hover {
	background: var(--awn-color-primary);
}
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.header-donate-button>a.nav-link,
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.header-donate-button>a.nav-link:hover {
	color: var(--awn-color-light);
	letter-spacing: 1px;
}
@media (max-width: 991px) {
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav-collapse ul.navbar-nav>li.header-donate-button>a {
		margin-top: 10px;
		text-align: center;
	}
}

/** Main Nav */
.fl-page-nav #menu-main ul.sub-menu {
	border-top: 3px solid var(--awn-color-primary);
}
.fl-page-nav-search form {
	border-top: 3px solid var(--awn-color-secondary);
}

/** Links */
.fl-post-content a,
footer .fl-module-content a,
footer .fl-module-content a:hover {
	text-decoration: underline;
}
a.button,
a.fl-button,
.fl-post-content .awn-button a,
.fl-post-content .wp-block-button a,
a.button:hover,
a.fl-button:hover,
.fl-post-content .awn-button a:hover,
.fl-post-content .wp-block-button a:hover {
	text-decoration: none;
}
.awn-button a,
.awn-button a.wp-block-button__link {
	background: var(--awn-color-primary);
	color: var(--awn-color-light);
}
.awn-button a:hover,
.awn-button a.wp-block-button__link:hover {
	background: var(--awn-color-accent);
	color: var(--awn-color-light);
}

/** Footer */
/** Social icon styles from Simple Social Icons plugin */
.footer-social-icons {
	font-size: 28px;
}
.footer-social-icons ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
@media (max-width: 767px) {
	.fl-col-group-equal-height.fl-col-group-align-center .fl-module.footer-social-icons {
		width: auto;
	}
}
.footer-social-icons li {
	display: inline-block;
	background: var(--awn-color-light) !important;
	color: var(--awn-color-primary) !important;
	border: none!important;
	border-radius: 50px;
	line-height:1em;
	padding: 12px !important;
	list-style-type: none!important;
	margin: 0 4px 12px!important;
}
.footer-social-icons ul li a {
	border: none!important;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	display: inline-block;
	font-style: normal!important;
	font-variant: normal!important;
	font-weight: 400!important;
	height: 1em;
	line-height: 1em;
	text-align: center;
	text-decoration: none!important;
	text-transform: none!important;
	width: 1em;
}
.footer-social-icons li:hover {
	background: var(--awn-color-accent) !important;
}

/** Contact */
.page-id-29 .fl-post {
	margin-bottom: 0;
}

/** Directory */
.awn-team-grid .fl-post-grid-post {
	border: none;
}
.awn-team-grid .fl-post-image {
	margin-top: 1em;
}
.awn-team-grid .fl-post-title {
    font-size: 26px;
	margin: .5em 0 0;
	padding: 0 0 5px;
}
.awn-team-grid .fl-post-meta {
    padding: 0;
}
.awn-team-title {
	font-size: 18px;
}

@media (min-width: 768px) {
	.single-bio .fl-photo-img {
		max-width: 350px;
	}
}

/** Webinars */
.webinar-presenters h2,
.com-access-team h2 {
	margin-bottom: .5em;
}
.presenter-name {
	margin-bottom: .75em;
}
.presenter-headshot {
	float:left;
	width:150px;
	margin-right:15px;
}
.presenter-bio {
	float:left;
	max-width:75%;
}
.webinar-categories,
.webinar-airdate {
	font-weight: bold;
}
.webinar-presenter {
	border-bottom: 1px solid var(--awn-color-grey);
	padding:0 0 2em;
	margin:0 0 2em;
}
.com-access-team {
	border-bottom: 1px solid var(--awn-color-grey);
	margin:0 0 1em;
	padding: 0 0 1em;
}

/** Posts */
.single-post .wp-post-image {
	border-radius: 5px;
	width: 600px;
}
.single-post .fl-post-thumb {
	margin: 0 auto 25px;
	text-align: center;
}

.single-post .fl-post-header,
.single-post .fl-post-content {
	padding: 0 40px;
}

/** Home */
@media (max-width: 991px) {
	.home-hero-photo-col .fl-col-content {
		background: var(--awn-color-light);
	}
}

/** Crushing Colonialism donation form buttons */
.give-form-20970 .give-btn:hover {
    background: #241e20 !important;
	color:#fedc16;
}
/** DC Teens Action buttons */
.page-id-26992 .fl-button-group-buttons > div:nth-child(even) a.fl-button {
	background: #9ac8ff;
}
.page-id-26992 .fl-builder-content .fl-node-609bceaee2e05 .fl-button-group .fl-button-group-buttons > div:nth-child(even) a.fl-button > span, .fl-builder-content .fl-node-609bceaee2e05 .fl-button-group .fl-button-group-buttons > div:nth-child(even) a.fl-button > i {
	color: #000;
}

/** Healthcare Survey */
.providers-links ul {
	margin: 0 0 5px;
	padding: 0;
}
.providers-links li {
	display: inline;
	font-size: 18px;
	line-height: 2.25;
	list-style: none;
	border: 1px solid #efefef;
	border-radius: 4px;
	padding: 5px;
	margin-right: 5px;
}

/** Utility */
.clear::after {
  content: "";
  display: block;
  clear: both;
}

.small-text {
	font-size: .9em;
}

/** Align BB buttons to bottom */
/* Post Grid */
.fl-post-column .fl-post-grid-post,
.fl-post-text,
body .fl-post-text > *:last-child {
	display: flex;
	flex-direction: column;
	flex: 1;
}
/* ———————————————————————
Module: Callout
Requirement: Must have equal column heights.
———————————————————————— */
.fl-module-callout {
 display: flex;
 height: 100%;
}
.fl-module-callout .fl-module-content {
 width: 100%; /* fixes IE11 */
}
.fl-callout {
 display: flex;
 flex-direction: column;
 height: 100%;
}
.fl-callout-content,
.fl-callout-text-wrap {
 flex-grow: 1;
 display: flex;
 flex-direction: column;
}
.fl-callout-text {
 flex-grow: 1;
}

/** Hidden Elements */
.home .fl-post-header,
.home-webinars .read-more,
.fl-comments,
.footer-social-icons h2,
.blog .entry-title {
	display:none;
}