@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/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic|Open+Sans:400,700');

body {
    font-family: 'Lato', 'sans-serif';
    margin: 0 auto;
    font-size: 18px;
    color: #2f1734;
    background: #fff;
}

.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: #ac145a;
}

#wrapper {
	width: 100%;
	/*max-width: 1600px;*/
	margin: 0 auto;
	overflow-x: hidden;
}

header {
	background: #fff;
	width: 96%;
	padding: 2%;
	font-size: 20px;
}

#header-bottom {
	width: 100%;
	height: 2%;
	border-top: solid 3px #f2f2f2;
	margin-bottom: 2%;
}

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

.header-triad {
	/*height:410px;*/
}

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

.header-triad-big-btn {
	background: #ac145a;
	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: #2f1734;
}

.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: #fff;
	padding: 0 10px;
}

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

#logo {
	width: 40%;
	float: left;
}

#logo 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: #898989;
}

#utility-menu a {
	color: #898989;
}

#utility-menu a:hover {
	color: #ac145a;
}

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

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

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

#utility-menu ul {
	float: right;
	text-align: right;
}

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

.menu a:hover, li.active a {
	color: #ac145a;
}

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

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

.btn-donate a {
	color: #ac145a;
}

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

.btn-primary, .btn-primary:hover, .btn-primary:active {
	background: #ac145a !important;
	border: none !important;
}

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

.bow {
	color: #666666;
	text-shadow: 0 1px 2px #fff;
}

.wob {
	color: #fff;
	text-shadow: 0 1px 2px #666666;
}

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

.ms-info {
	width: 55%;
	background: transparent;
	color: #48484c;
	padding: 2%;
	font-size: 0.7em;
	color: #fff;
}

#featured-expert {
	background: #ffffff;
	position: relative;
	margin-top: 5%;
	padding-bottom: 5%;
}

.fexpert-item {
	display:-webkit-flex;
	-webkit-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: #666666;
}

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

#secondary-wrapper {
	width: 94%;
	margin: 0 auto;
	color: #666666;
}

#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 #f2f2f2;
	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: 14px;
}

.post-date {
	font-size: 14px;
	color: #007DB2;
}


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

#available-experts {
	width: 65%;
	float: left;
	padding: 0;
	background: #fff;
}

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

#avex-header {
	color: #666666;
}

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

#avex-header a {
	color: #ac145a;
	text-decoration: underline;
}

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

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

p.view-all {
	color: #ac145a;
}

p.view-all a {
	color: #ac145a;
	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: #fff;
}

#big-btn-nav-horiz .row {
	display: flex;
	/*min-height: 300px;*/
}

.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: #fff;
	align-items: stretch;
}

.horiz-big-btn {
	background: #ac145a;
	padding: 2%;
	height: 100%;
	text-align: center;
	position: relative;
}

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

.horiz-big-btn a {
	color: #fff !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: #fff;
	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: #fff;
}

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

.nav-previous a, .nav-next a {
	color: #ac145a;
}

.preamble {
	margin-bottom: 15px;
}

h1.page-title {
	font-weight: 400;
	font-size: 36px;
	margin: 0;
	background: #fff;
	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: #004f71;
	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: #004f71;
}

.latest-post-selection a.read-more {
	color: #ac145a;
}

.latest-post-selection article {
	border: none !important;
}

.latest-post-selection article img {
	border-radius: 50%;
	border: 1px solid #dfdfdf;
	padding: 4px;
}

#sidebar {
	width: 32%;
	float: right;
	color: #666666;
}

.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: #ac145a;
	text-decoration: underline;
}

#follow-btn {
	font-size: 24px;
	color: #fff;
	padding: 20px;
	border-radius: 15px;
	margin-top: 45px;
	background: #ac145a;
}

#follow-btn a {
	color: #fff;
}

.follow-text {
	width: 100%;
	font-size: 24px;
	background: #ac145a;
	background-size: contain;
	text-align: center;
}

.fr .follow-text {
	background: #ac145a;
	background-size: contain;
}

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

#naked-follow-btn a {
	color: #ac145a;
}

#big-btn-menu {
	background: #ffffff;
	padding: 0 5%;
	margin: 10% 0;
	text-align: center;
}

.btn-box {
	padding: 5% 2%;
	background: #f2f2f2;
	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: #ac145a;
	display: block;
	text-decoration: underline;
}

#twitter-stream, #expert-cards {
	background: #ffffff;
	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: #fff;
	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: #004f71 !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: #666666;
	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: #ac145a;
	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: #fff;
	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: #f2f2f2;
	width: 100%;
	margin: 20px auto 0;
	padding: 2%;
	border-top: solid 2px #004f71;
}

#footer-tagline {
	font-size: 24px;
	color: #004f71;
	width: 100%;
	text-align: center;
}

#supporters-tagline {
	font-size: 12px;
	text-align: center;
	color: #898989;
}

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

footer #utility-menu {
	text-align: center;
	float: none;
	margin: 2% auto;
	color: #898989;
}

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

footer #utility-menu ul li a {
	color: #898989;
	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: #666666;
}

.mini-menu .current-menu-item a {
	color: #ac145a;
}

.mini-menu a:hover, li.active a {
	color: #ac145a;
}

.mini-menu .btn-donate a {
	color: #666666;
}

#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%;
}
/*.ninja-forms-all-fields-wrap input{
	border: solid 1px #ccc;
	box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
	line-height: 20px;
}*/
input[type="submit"]{
	font-family: 'Lato', 'sans-serif';
	border: none;
	box-shadow: none;
	/*width: 20% !important;*/
	background-color: #ac145a;
	font-size: 1.1em;
	color: #fff;
	cursor: pointer;
	padding: 7px;
	border-radius: 10px;
}
.ninja-forms-required-items {
	/*font-size: 0.8em;
	margin-bottom: 2%;*/
	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: #f2f2f2;
	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: #78496b;
  	font-weight: 300;
  	font-size: 20px;
}
.personal-narrative {
 	font-size: 12px;
}
.expert-row {
 	padding: 10px 0;
  	margin-bottom: 10px;
  	border-bottom: solid 1px #F4F4F4;
}
/**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: #78496b; 
}
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) {
  	#logo {
  		width: 100%;
  	}
  	.header-triad {
  		height: 100vmin;
  	}
  	#homepage-header-triad .container-fluid {
		overflow-y: scroll;
	}
  	#mobile-tagline {
  		display: block;
  		color: #004f71;
  		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) {
  	#logo {
  		width: 100%;
  	}
  	.header-triad {
  		height: 100vmin;
  	}
  	#homepage-header-triad .container-fluid {
		overflow-y: scroll;
	}
  	#mobile-tagline {
  		display: block;
  		color: #004f71;
  		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 {
	display: inline-block;
    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: #333
}

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

    padding: 10px;
    height: auto;

    letter-spacing: -0.05em;
    line-height: 1;
    color: #333;
    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 #000;
	display:none;
	position:absolute;
	z-index:999;
	width:60%;
	background:#FFF;
}

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

/* Homepage Triad rollover */
.homepage-triad .big-btn-overlay {
	/*background:rgba(255,255,255,0.5);*/
	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 {
	/*float:left;*/
	margin-top:5%;
}

/*.lh-content #content-page {
	float:right;
}*/

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


/*  GENDER GAP TRACKER Styling  */

#gender-tracker {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding: 2% 2% 4%;
	font-family: 'Open Sans', sans-serif; }

#gender-tracker h2 { font-size: 22px; color: #004d72; }

.row { padding-bottom: 30px; }

img.logo { width: 700px; max-width: 100%; padding-bottom: 15px; }
img.sfu { max-width: 100px; margin-left: 5px; }

.center { text-align: center; }
.right { text-align: right; padding-top: 7%; }

#date-range { max-width: 600px; margin: 0 auto; }
#date-range input,
#date-range button { width: 100%; padding: 3px 5px; }
.startRange,
.endRange { float:left; margin-right:2%; width: 35%; }
.dataRefresh { float:left; width: 26%; }

button.filter { margin-top:29px; height: 34px; background: #004d72; color: #fff; border: 0; }
button.filter:hover { background: #33718e; }

#gender,
#media,
#articles { display:none; }

#media canvas { position:relative; margin: 0 auto; }
#gender canvas { position:relative; margin: 0 auto; }
#gender .chart-wrapper { padding: 0 10%; }

#articles .number { color: #af1858; }

#noData { display:none; text-align: center; padding: 50px 0; }

.trackerFooter {
	display:flex;
	align-items: center;
	justify-content: center;
	flex-wrap:wrap; }

.trackerFooter div {
	flex-grow:1;
	flex:1; }

.trackerFooter div:nth-child(4),
.trackerFooter div:nth-child(7),
.trackerFooter div:nth-child(9),
.trackerFooter div:nth-child(12),
.trackerFooter div:nth-child(13) {
	flex-grow:1.5; }

.trackerFooter div img {
	max-width:90%;
	margin:0 auto; }

@media (max-width:767px) {
	.ggtid .right { padding-top: 0; }
	.ggtid img.sfu { max-width: 60px; margin: 3px 0 0; vertical-align: bottom; }
	
	.trackerFooter { display: flex; flex-wrap: wrap; }

	.trackerFooter > div { flex: 1 1 33%; padding:2%; margin-bottom:5%; }

	.trackerFooter div.last img { display:table; width:33%; }
}

#dateSlider {
	max-width:80%;
	margin:25px auto;
}

#dateSlider .ui-rangeSlider-label {
	background:#004d72;
	color:#FFF;
	border-radius:4px;
}

#dateSlider .ui-rangeSlider-label:after, #dateSlider .ui-rangeSlider-label:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#dateSlider .ui-rangeSlider-label:after {
	border-color: rgba(0, 77, 114, 0);
	border-top-color: #004d72;
	border-width: 5px;
	margin-left: -5px;
}

#dateSlider .ui-rangeSlider-label:before {
	border-color: rgba(0, 77, 114, 0);
	border-top-color: #004d72;
	border-width: 6px;
	margin-left: -6px;
}