@charset "UTF-8";
/*
Theme Name: Hestia's Repository v3
Theme URI: http://expertwomen.dev/
Author: Jester Creative Inc.
Author URI: http://jestercreative.com/
Description: Custom WordPress theme built exclusively for expertwomen.dev, designed by Anna Robertson
Version: 3.0.2
Text Domain: hestias-repository
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

:root {
	--white: #ffffff;
	--granite-gray: #666666;
	--taupe-gray: #898989;
	--gray: gainsboro;

	/* Primary */
	--magenta: #C72C72;
	--dark-magenta: #8E0043;
	--blue: #9EB4DE;
	--dark-blue: #3B5BB0;

	/* Secondary */
	--teal: #5ED6D6;
	--dark-teal: #08313F;
	--plum: #AE72AC;
	--dark-plum: #400530;

	/* Neutrals & Highlight */
	--ice: #F3F3F3;
	--black: #161616;
	--yellow: #E5FC54;

	/* Other Colors */
	--twitter-blue: #55acee;
	--facebook-blue: #3b5998;
	--linkedin-blue: #0077b5;

	--font-primary: 'Supreme', sans-serif;
	--font-secondary: 'Inter', sans-serif;
}

body {
	font-family: var(--font-secondary);
	margin: 0 auto;
	font-size: 18px;
	color: var(--dark-plum);
	background: var(--white);
}

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}

.alignleft {
	float: left;
	margin-right: 15px;
}

.alignright {
	float: right;
	margin-left: 15px;
}

.aligncenter {
	display: block;
	margin: 0 auto;
}

.size-full {
	max-width: 100%;
	height: auto;
}

a {
	text-decoration: none;
	color: var(--magenta);
}

#wrapper {
	width: 100%;
	margin: 0 auto;
	overflow-x: hidden;
}

header {
	background: var(--white);
	width: 96%;
	padding: 2%;
	font-size: 20px;
}

#header-bottom {
	width: 100%;
	border-top: solid 2px var(--gray);
}

#homepage-header-triad .container-fluid {
	margin: 0 auto -2.5%;
}

.header-triad .col-sm-4 {
	padding: 0;
	overflow: visible;
	height: 100%;
}

.header-triad-big-btn {
	background: var(--magenta);
	padding: 0;
	margin: 0;
	height: 100%;
	text-align: center;
	position: relative;
	background-size: cover;
}

.header-triad-big-btn .bbh-title {
	font-size: 2vw;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: 100%;
}

.btn-one {
	background-image: url('images/btn-one.png');
}

.btn-two {
	background-image: url('images/btn-two.png');
}

.btn-three {
	background-image: url('images/btn-three.png');
}

a.triad-link {
	color: var(--dark-plum);
}

.spotlight-excerpt {
	background: rgba(255, 255, 255, 0.5);
	padding: 10px;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.spotlight-wrapper {
	position: relative;
}

.spotlight-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.big-box-tagline {
	font-size: 2.6em;
	color: var(--white);
	padding: 0 10px;
}

.featured-image img {
	width: 100%;
	height: auto;
	display: block;
}

#logoWrapper img, #logoImage img {
	width: 100%;
	/* height: auto; */
}

#mobile-tagline {
	display: none;
}

#click-menu {
	top: 9% !important;
}

#utility-menu {
	width: 60%;
	float: right;
	margin-bottom: 2%;
	font-size: 14px;
	color: VAR(--taupe-gray);
}

#utility-menu a {
	color: VAR(--taupe-gray);
}

#utility-menu a:hover {
	color: var(--magenta);
}

#utility-menu .fa {
	margin-right: 10px;
}

.project-of-io {
	text-align: right;
	margin-right: 20px;
}

.project-of-io a {
	text-decoration: underline;
}

#utility-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float: right;
	text-align: right;
}

#utility-menu ul li {
	display: inline-block;
	margin-right: 10px;
}

#utility-menu ul li:last-child {
	margin-right: 0;
}

#main-menu {
	width: 100%;
	float: right;
}

#main-menu ul {
	float: right;
	list-style: none;
	padding: 0;
	margin: 0;
}

#main-menu ul li {
	float: left;
	margin-right: 20px;
}

#main-menu ul li:last-child {
	margin-right: 0;
}

#menu-main-menu-fr {
	font-size: 18px;
}

.menu-item a {
	color: #48484c;
}

.current-menu-item a {
	color: var(--magenta);
}

.menu a:hover,
li.active a {
	color: var(--magenta);
}

#main-menu .btn-donate {
	padding: 5px 15px;
	border-radius: 500px;
	border: solid 2px var(--magenta);
	margin-top: -8px;
}

.btn-donate:hover {
	border-color: #48484c;
}

.btn-donate a {
	color: var(--magenta);
}

.btn-donate a:hover {
	color: #48484c;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active {
	background: var(--magenta) !important;
	border: none !important;
}

#homepage-slider {
	margin-bottom: 1%;
}

.bow {
	color: VAR(--GRANITE-GRAY);
	text-shadow: 0 1px 2px var(--white);
}

.wob {
	color: var(--white);
	text-shadow: 0 1px 2px VAR(--GRANITE-GRAY);
}

.ms-slide-info {
	font-size: 34px;
	left: 4%;
	top: 0;
	bottom: 0;
}

.ms-info {
	width: 55%;
	background: transparent;
	padding: 2%;
	font-size: 0.7em;
	color: var(--white);
}

#featured-expert {
	background: var(--white);
	position: relative;
	margin-top: 5%;
	padding-bottom: 5%;
}

.fexpert-item {
    display: -webkit-flex; /* for older Safari/Chrome */
    display: flex;         
    
    -webkit-flex: 1;       /* older syntax */
    flex: 1;
}

#embed-frame-expert {
	min-height: 300px;
}

.back-btn {
	position: absolute;
}

p.fia-text {
	width: 73.5%;
	margin-left: 26.5%;
	margin-top: -4%;
}

#content-wrapper {
	width: 94%;
	margin: 5% auto;
	color: VAR(--GRANITE-GRAY);
}

#content-wrapper .searchpage {
	padding-left: 0;
	margin-left: 0;
}

#secondary-wrapper {
	width: 94%;
	margin: 0 auto;
	color: VAR(--GRANITE-GRAY);
}

#content-wrapper .container {
	width: 100%;
}

#content-page .embed-wrapper img {
	max-width: 100%;
	height: auto;
}

.fimage {
	float: left;
	width: 160px;
	height: 160px;
	margin-right: 1%;
	border-radius: 50%;
	border: 4px double var(--ice);
	padding: 4px;
	box-sizing: border-box;
}

.readmore {
	text-align: right;
}

.recent-posts {
	text-align: left;
}

.line-1.recent-posts-widget {
	text-align: center;
}

.link-to-all {
	text-align: center;
	font-size: 18px;
}

.post-date {
	font-size: 18px;
	color: var(--dark-blue);
}


#content-page .embed-wrapper .wp-caption,
#content-secondary-page .embed-wrapper .wp-caption {
	max-width: 100%;
	font-size: 0.9em;
	font-style: italic;
	border-bottom: solid 2px var(--ice);
	text-align: center;
}

#mailmunch-embed {
	max-width: 500px;
}

p.error {
	padding-left: 48px;
	background: url('images/error-class.png') left center no-repeat;
	background-size: contain;
}

.searchpage .entry-header {
	padding: 0;
}

.searchpage .page-header {
	padding: 0;
}

.meta-date {
	margin-top: -12px;
}

.latest-post-selection article {
	margin-bottom: 3% !important;
	border: none !important;
}

#available-experts {
	width: 65%;
	float: left;
	padding: 0;
	background: var(--white);
}

.fexperts-list {
	padding-left: 0;
	list-style: none;
}

#avex-header {
	color: VAR(--GRANITE-GRAY);
}

#avex-header p {
	margin: 0;
	font-weight: 300;
}

#avex-header a {
	color: var(--magenta);
	text-decoration: underline;
}

.avex-profile {
	margin-bottom: 5%;
}

#view-avex {
	padding: 2% 0 0 2%;
	margin-top: 5%;
	border-top: solid 2px var(--ice);
	font-size: 24px;
}

p.view-all {
	color: var(--magenta);
}

p.view-all a {
	color: var(--magenta);
	text-decoration: underline;
}

.spots {
	margin: 0 0 5% 5%;
}

#content-page {
	width: 64%;
	float: left;
}

#content-single-expert,
#content-secondary-page {
	width: 100%;
	float: none;
}

#secondary-rotator,
#big-btn-nav-horiz {
	width: 96%;
	margin: 0 auto;
	overflow: hidden;
}

#secondary-nav {
	width: 97.5%;
	margin: 0 auto;
}

.nav-links a {
	padding: 0 10px;
}

#big-btn-nav-horiz {
	color: var(--white);
}

#big-btn-nav-horiz .row {
	display: flex;
}

.nine-grid .row {
	margin-bottom: 2%;
	min-height: 200px;
}

.nine-grid .row h2 {
	font-size: 2vw;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: 100%;
}

#big-btn-nav-horiz .col-sm-6 {
	padding: 1%;
	color: var(--white);
	align-items: stretch;
}

.horiz-big-btn {
	background: var(--magenta);
	padding: 2%;
	height: 100%;
	text-align: center;
	position: relative;
}

.horiz-big-btn span {
	line-height: 44px;
}

.horiz-big-btn a {
	color: var(--white) !important;
}

.picture-btn img {
	width: 100%;
}

.big-btn-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(172, 20, 90, 0.7);
	opacity: 0;
}

.big-btn-overlay:hover {
	animation: fadein 0.5s;
	opacity: 1;
}

@keyframes fadein {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.bbh-title {
	color: var(--white);
	margin: 0;
}

.overlay-title {
	position: absolute;
	top: 45%;
	width: 100%;
	font-size: 36px;
}

.bbh-title.search {
	line-height: 240px;
}

.big-btn-inner {
	margin-top: 35px;
}

.embed-wrapper {
	padding: 0;
	margin: 0;
	background: var(--white);
}

#content-secondary-page .embed-wrapper {
	padding: 0 2%;
}

#content-secondary-page .embed-wrapper ul li {
	line-height: 1.75em;
}

#posts-navigation {
	display: block;
	margin: 5% auto;
	color: var(--magenta);
}

.nav-previous a,
.nav-next a {
	color: var(--magenta);
}

.preamble {
	margin-bottom: 15px;
}

h1.page-title {
	font-weight: 400;
	font-size: 36px;
	margin: 0;
	background: var(--white);
	padding: 2% 0 2% 2%;
}

#content-page h1.page-title {
	padding: 2% 0;
}

.nav-previous {
	float: left;
}

.nav-next {
	float: right;
}

span.bullet-special {
	color: var(--dark-blue);
	padding-left: 25px;
	background: url('images/sp-bullet.png') left center no-repeat;
	background-size: contain;
}

/***Latest Posts shortcode***/
.latest-post-selection {
	padding: 40px 0;
}

.latest-post-selection h1 {
	color: var(--dark-blue);
}

.latest-post-selection a.read-more {
	color: var(--magenta);
}

.latest-post-selection article img {
	border-radius: 50%;
	border: 1px solid var(--gray);
	padding: 4px;
}

#sidebar {
	width: 32%;
	float: right;
	color: VAR(--GRANITE-GRAY);
}

.nospots {
	margin-bottom: 10%;
}

#contact-info {
	padding: 0 5% 15% 5%;
}

#contact-info p {
	font-size: 1.1em;
	margin: 10px 0;
}

#contact-info p a {
	color: var(--magenta);
	text-decoration: underline;
}

#follow-btn {
	font-size: 24px;
	color: var(--white);
	padding: 20px;
	border-radius: 15px;
	margin-top: 45px;
	background: var(--magenta);
}

#follow-btn a {
	color: var(--white);
}

.follow-text {
	width: 100%;
	font-size: 24px;
	background: var(--magenta);
	background-size: contain;
	text-align: center;
}

.fr .follow-text {
	background: var(--magenta);
	background-size: contain;
}

#naked-follow-btn {
	font-size: 0.9em;
	color: var(--magenta);
	padding: 10px 10px 10px 40px;
	background: url('images/TwitterLogo_orange.png') left center no-repeat var(--white);
	background-size: contain;
	margin-top: 10px;
	text-align: left;
}

#naked-follow-btn a {
	color: var(--magenta);
}

#big-btn-menu {
	background: var(--white);
	padding: 0 5%;
	margin: 10% 0;
	text-align: center;
}

.btn-box {
	padding: 5% 2%;
	background: var(--ice);
	margin-bottom: 12%;
	line-height: 1.5em;
}

.line-1 {
	font-size: 24px;
	display: block;
}

.line-2 {
	font-size: 16px;
	display: block;
}

.line-3 {
	font-size: 24px;
}

.line-3 a {
	color: var(--magenta);
	display: block;
	text-decoration: underline;
}

#twitter-stream,
#expert-cards {
	background: var(--white);
	padding: 0 5% 15% 5%;
}

#sidebar-experts {
	position: relative;
	padding: 1.5%;
	height: 100%;
	margin-top: 15%;
	margin-bottom: 5%;
}

/*********TEMPORARY**********/
#tba-message {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	color: var(--white);
	padding: 2%;
	font-size: 18px;
	text-align: center;
}

/***************************/
#twitter-stream img {
	width: 100%;
}

#twitter-stream li {
	list-style: none;
}

#twitter-stream .twidget-title img {
	width: 18%;
	margin-right: 10px;
	border-radius: 50%;
	float: left;
}

.twag {
	font-size: 0.4em;
	text-align: right;
	display: block;
	margin-right: 11%;
}

.fetched_tweets.light .tweets_avatar .tweet_data a {
	color: var(--dark-blue) !important;
}

h1.fex-title {
	top: 0;
	left: 0;
	right: 0;
	padding-top: 20px;
	margin-bottom: 0;
	text-align: center;
	font-weight: 300;
	font-size: 3.75em;
	color: #107D87;
}

h2.avex-title {
	font-weight: 400;
	font-size: 36px;
	margin: 0 0 20px;
}

h2.twidget-title {
	font-size: 36px;
	font-weight: 400;
	color: VAR(--GRANITE-GRAY);
	padding: 0;
	margin: 0;
}

#utility-menu .search-box {
	display: block;
	margin-top: 15px;
	margin-right: 127px;
}

#utility-menu .awesomplete {
	display: inline-block;
	position: relative;
}

.u-menu {
	display: block;
	text-align: right;
}

.header-search {
	float: right;
}

#utility-menu .search-box label {
	font-weight: normal;
}

#search-btn {
	padding: 5% 2%;
	background: var(--magenta);
	margin: 0 auto;
	line-height: 1.5em;
	text-align: center;
	width: 86%;
	border-radius: 15px;
}

.expert-search-form label {
	width: 80%;
	max-width: none;
}

.btn {
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

#search-btn .twidget-title {
	color: var(--white);
	font-size: 24px;
}

.twidget-title.spotlight {
	padding: 0 0 5% 3%;
}

h3.twifollow {
	float: right;
	padding-left: 40px;
	background: url('images/twitter-bird.png') left center no-repeat;
	background-size: contain;
	font-weight: 300;
	font-size: 1.05em;
}

.twifollow img {
	height: 100%;
	width: auto;
	margin-right: 10px;
}

a h3.twifollow {
	color: #107d87;
}

footer {
	background: var(--ice);
	width: 100%;
	margin: 20px auto 0;
	padding: 2%;
	border-top: solid 2px var(--dark-blue);
}

#footer-tagline {
	font-size: 24px;
	color: var(--dark-blue);
	width: 100%;
	text-align: center;
}

#supporters-tagline {
	font-size: 12px;
	text-align: center;
	color: VAR(--taupe-gray);
}

#footer-tagline .italic {
	font-style: italic;
}

footer #utility-menu {
	text-align: center;
	float: none;
	margin: 2% auto;
	color: VAR(--taupe-gray);
}

footer #utility-menu ul {
	float: none;
	text-align: center;
	display: inline-block;
}

footer #utility-menu ul li a {
	color: VAR(--taupe-gray);
	text-decoration: underline;
}

footer .bumpright {
	margin-left: 20px;
}

.footer-subscribe {
	padding-top: 25px;
}

#copyright {
	width: 100%;
	text-align: center;
}

.copyright {
	font-size: 12px;
}

.mini-menu {
	display: block;
	width: 100%;
	margin: 25px auto;
	text-transform: uppercase;
}

.mini-menu ul {
	font-size: 16px;
	font-weight: 400;
	list-style: none;
	padding: 0;
	text-align: left;
}

.mini-menu .sub-menu {
	margin-top: 12px;
}

.mini-menu ul li {
	width: 20%;
	float: left;
}

.mini-menu ul li ul li {
	font-size: 14px;
	float: none;
	font-weight: 300;
	width: 100%;
}


.mini-menu ul li a {
	color: VAR(--GRANITE-GRAY);
}

.mini-menu .current-menu-item a {
	color: var(--magenta);
}

.mini-menu a:hover,
li.active a {
	color: var(--magenta);
}

.mini-menu .btn-donate a {
	color: VAR(--GRANITE-GRAY);
}

#supporters {
	width: 100%;
	text-align: center;
	margin: 5% auto 1%;
}

#supporters img {
	width: 100%;
	height: auto;
}

/***NinjaForms Styles***/

.field-wrap.label-left label {
	display: block;
	width: 30%;
	float: left;
	line-height: 20px;
}

.ninja-forms-form-wrap input {
	width: 60% !important;
}

#ninja_forms_field_18_div_wrap textarea {
	border: 2px solid #107d87;
}

#ninja_forms_field_19_div_wrap {
	float: left;
}

.ninja-forms-all-fields-wrap {
	text-align: left;
	padding-top: 5%;
}

input[type="submit"] {
	font-family: var(--font-secondary);
	border: none;
	box-shadow: none;
	background-color: var(--magenta);
	font-size: 1.1em;
	color: var(--white);
	cursor: pointer;
	padding: 7px;
	border-radius: 10px;
}

.ninja-forms-required-items {
	display: none;
}

.en .ninja-forms-required-items .hide-fr {
	display: none;
}

.fr .ninja-forms-required-items .hide-en {
	display: none;
}

#ninja_forms_field_52_div_wrap {
	background: var(--ice);
	padding: 2%;
}

#ninja_forms_field_52_options_span ul li {
	float: left;
}

/**MasterSlider**/
.ms-nav-next,
.ms-nav-prev {
	opacity: 0.325;
}

/***Expert Profile Styles***/
.image-wrapper .thumbnail img {
	width: 100%;
	height: auto;
}

span.wp-caption {
	text-align: center;
	width: 100%;
	font-size: 12px;
}

/********************************
**Search Results content template**
********************************/

.search-thumbnail {
	float: left;
	margin-right: 20px;
	width: 110px;
	height: 110px;
	overflow: hidden;
}

.search-thumbnail img {
	width: 110px;
	height: 110px;
	object-fit: cover;
}

.expert-name,
.expert-profession {
	padding: 0;
	margin: 0;
}

.expert-name a {
	color: var(--plum);
	font-weight: 300;
	font-size: 20px;
}

.personal-narrative {
	font-size: 12px;
}

.expert-row {
	padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: solid 1px var(--ice);
}

/**Homepage Featured experts*/
.container-fluid {
	margin-top: 40px;
}

.container {
	width: 100%;
}

.js-wpv-view-layout {
	background: transparent;
}

.expert {
	position: relative;
	padding: 0;
	max-height: 300px;
	overflow: hidden;
	margin-bottom: 20px;
}

.expert img {
	width: 100%;
	min-height: 300px;
	object-fit: cover;
}

.meta-wrap {
	position: absolute;
	bottom: 0;
	background-color: rgba(255, 255, 255, .7);
	width: 100%;
	padding: 0 20px;
	overflow: auto;
	max-height: 100%;
	z-index: 1000;
}

span.name {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	margin-bottom: 0;
}

a span.name {
	font-weight: 300;
	color: var(--plum);
}

strong.organization {
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 10px;
	display: block;
}

.js-wpv-dps-spinner {
	width: 100%;
}

/***@Media Queries***/

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
	#logoWrapper, #logoImage {
		width: 100%;
	}

	.header-triad {
		height: 100vmin;
	}

	#homepage-header-triad .container-fluid {
		overflow-y: scroll;
	}

	#mobile-tagline {
		display: block;
		color: var(--dark-blue);
		font-size: 16px;
		clear: both;
		margin-left: 2%;
	}

	p.fia-text {
		width: 96%;
		margin: 0 auto;
	}

	#available-experts {
		width: 96%;
		margin: 0 auto;
		float: none;
	}

	#avex-header {
		padding-left: 0;
	}

	#embed-frame-expert {
		min-height: 440px;
	}

	#view-avex {
		padding: 2%;
	}

	#content-page {
		width: 100%;
		margin: 0 auto;
		float: none;
	}

	#big-btn-nav-horiz .row {
		display: block;
	}

	#big-btn-nav-horiz .row .col-sm-6,
	#big-btn-nav-horiz .row .col-sm-4 {
		width: 100%;
		margin-bottom: 2%;
	}

	#big-btn-nav-horiz .row .col-sm-6 {
		padding: 0;
	}

	.col-sm-6 .picture-btn img {
		width: 92%;
	}

	.latest-post-selection article img {
		float: none !important;
		display: block !important;
	}

	.fimage {
		float: none;
		display: block;
		margin: 0 auto;
		margin-bottom: 20px;
	}

	#sidebar {
		width: 100%;
		float: none;
	}

	.embed-wrapper {
		padding: 2%;
	}

	.preamble {
		margin-bottom: 0;
	}

	h1.fex-title {
		font-size: 2.0em;
	}

	h2.avex-title {
		font-size: 2.0em;
	}

	.hide-mobile {
		display: none;
	}

	#responsive-menu .menu-item:after {
		content: none;
	}

	.mini-menu,
	#supporters {
		width: 100%;
		float: none;
	}

	.mini-menu ul {
		margin-bottom: 20px;
	}

	.mini-menu ul li {
		width: 100%;
	}

	#supporters {
		margin-top: 10%;
	}

	#supporters-tagline {
		font-size: 10px;
	}

	footer .bumpright {
		margin-left: 0;
	}

	footer #utility-menu {
		width: 100%;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	#logoWrapper, #logoImage {
		width: 100%;
	}

	.header-triad {
		height: 100vmin;
	}

	#homepage-header-triad .container-fluid {
		overflow-y: scroll;
	}

	#mobile-tagline {
		display: block;
		color: var(--dark-blue);
		font-size: 16px;
		clear: both;
		margin-left: 2%;
	}

	p.fia-text {
		width: 96%;
		margin: 0 auto;
	}

	#available-experts {
		width: 96%;
		margin: 0 auto;
		float: none;
	}

	#avex-header {
		padding-left: 0;
	}

	#embed-frame-expert {
		min-height: 440px;
	}

	#view-avex {
		padding: 2%;
	}

	#content-page {
		width: 100%;
		margin: 0 auto;
		float: none;
	}

	#big-btn-nav-horiz .row {
		display: block;
	}

	#big-btn-nav-horiz .row .col-sm-6,
	#big-btn-nav-horiz .row .col-sm-4 {
		width: 100%;
		margin-bottom: 2%;
	}

	#big-btn-nav-horiz .row .col-sm-6 {
		padding: 0;
	}

	.col-sm-6 .picture-btn img {
		width: 92%;
	}

	.latest-post-selection article img {
		float: none !important;
		display: block !important;
	}

	.fimage {
		float: none;
		display: block;
		margin: 0 auto;
		margin-bottom: 20px;
	}

	#sidebar {
		width: 100%;
		float: none;
	}

	.embed-wrapper {
		padding: 2%;
	}

	.preamble {
		margin-bottom: 0;
	}

	h1.fex-title {
		font-size: 2.0em;
	}

	h2.avex-title {
		font-size: 2.0em;
	}

	.hide-mobile {
		display: none;
	}

	#responsive-menu .menu-item:after {
		content: none;
	}

	.mini-menu,
	#supporters {
		width: 100%;
		float: none;
	}

	.mini-menu ul {
		margin-bottom: 20px;
	}

	.mini-menu ul li {
		width: 100%;
	}

	#supporters {
		margin-top: 10%;
	}

	#supporters-tagline {
		font-size: 10px;
	}

	footer .bumpright {
		margin-left: 0;
	}

	footer #utility-menu {
		width: 100%;
	}
}

/* NEW STYLES */
#utility-menu .search-box#header-search-experts {
	float: right;
	margin-right: 0px;
	width: 100%;
}

#header-search-experts form {
	text-align: right;
	width: 100%;
	float: right;
	max-width: 340px;
}

#header-search-experts form button {
	position: relative;
	top: -2px;
}

/* Search Overlay */
.searchform-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2030;
	background-color: rgba(255, 255, 255, 0.925);
	transition: top 0.3s ease
}

.searchform-overlay.in {
	display: table
}

.searchform-overlay .header-search {
	float: none;
	margin: 0 auto;
	display: table;
	background-color: #f3faff;
	border: 1px solid black;
	border-radius: 5px;
	padding: 10px;
	text-align: center;

}

.searchform-overlay .header-search:before {
	display: none
}

.searchform-overlay .header-search label {
	margin-bottom: 0.85em;
	font-size: 2.1em;
	line-height: 1.4;
	color: var(--black)
}

.searchform-overlay .header-search .search-field {

	padding: 10px;
	height: auto;

	letter-spacing: -0.05em;
	line-height: 1;
	color: var(--black);
	background-color: transparent;
	border: 2px solid black;

}

.searchform-overlay .header-search button {
	display: block;
	margin: 0 auto;
	padding: 8px;
	border-radius: 3px;
}

.searchform-overlay .header-search .search-field:focus,
.searchform-overlay .header-search .search-field:hover,
.searchform-overlay .header-search .search-field:active {
	border: 0;
	border: 2px solid transparent;
}

@media (max-width: 767px) {
	.searchform-overlay .header-search {
		font-size: 8px
	}
}

@media (max-width: 480px) {
	.searchform-overlay .header-search {
		font-size: 6px
	}
}

.searchform-overlay-inner {
	display: table-cell;
	vertical-align: middle
}

#sidebar #contact-info {
	text-align: center;
}

/* Help Text Hover */
.help-text {
	font-size: 0.7em;
	padding: 10px;
	border: 1px solid var(--black);
	display: none;
	position: absolute;
	z-index: 999;
	width: 60%;
	background: VAR(--WHITE);
}

/* Learning Hub Banner */
#lh-banner img {
	max-width: 100%;
	width: 100%;
}

/* Homepage Triad rollover */
.homepage-triad .big-btn-overlay {
	opacity: 1;
	background: transparent;
}

.homepage-triad .big-btn-overlay:hover {
	background: transparent;
	-webkit-transition: background 100ms linear;
	-ms-transition: background 100ms linear;
	transition: background 100ms linear;
	animation: none;
}

.tile-image {
	height: 85%;
}

.nine-grid .row .tile-image h2.bbh-title {
	top: 91%;
}


/* Comments */
#comments {
	margin-top: 25px;
	display: inline-block;
}

#sidebar #mega-menu-wrap-learning-hub-menu #mega-menu-learning-hub-menu>li.mega-menu-item {
	float: none;
	display: block;
}

.lh-content #sidebar {
	margin-top: 5%;
}

#sidebar #mega-menu-wrap-learning-hub-menu #mega-menu-learning-hub-menu>li.mega-menu-flyout ul.mega-sub-menu {
	position: relative;
}

#sidebar #mega-menu-wrap-learning-hub-menu #mega-menu-learning-hub-menu li.mega-menu-item>ul.mega-sub-menu {
	display: none;
}

#sidebar #mega-menu-wrap-learning-hub-menu #mega-menu-learning-hub-menu li.mega-menu-item.mega-toggle-on>ul.mega-sub-menu {
	display: block;
}

@media (max-width:767px) {
	.lh-content #sidebar {
		float: none;
		margin-top: 0%;
		width: 100%;
	}

	.lh-content #content-page {
		float: none;
		width: 100%;
	}
}