a#btnContactBrandTop{
	display: none !important;
}

#home-content .grid3, #home-content .grid9{
	padding-right: 20px;
}
#home-content .centerContent .grid9, #home-content .centerContent .grid9 p, #home-content .centerContent .grid9 h2{
	text-align: left;
}
#home-content .centerContent .grid3 img{
	display: block;
	margin: 0 auto;
}
#home-content .midPad{
	padding: 1% 3.5%;
	float: left;
	width: 100%;
}
#home-content .midPad h4{
	margin-top: 10px;
}
#home-content .centerContent .accordion h3, #home-content .centerContent .accordion p{
	text-align: left;
}
#home-content .centerContent .videoContainer{
	width: 100%;
}
#home-content .centerContent .videoContainer img{
	max-width: 600px;
	display: block; 
	margin: 0 auto;
}

/** TIMELINE **/
#home-content .timeline{
	position: relative;
	width: 100%;
}

#home-content .timeline .right .reduce, #home-content .timeline .left .reduce{
	display: block;
	margin: 10px auto;
	max-width: 500px;
}
#home-content .timeline h3{
	border-bottom: none;
	margin: 0;
	margin-bottom: 10px;
	padding-top: 10px;
	color: #441F49;
	font-size: 1.4em;
}
#home-content .timeline h4{
	border-bottom: 3px solid #441F49;
}
#home-content .timeline h3:after{
	display: none;
}
#home-content .timeline:after{
	content: '';
	position: absolute;
	width: 6px;
	margin-left: -3px;
	background-color: #441F49;
	top: 0;
	bottom: 0;
	left: 50%;
}
#home-content .timeline > .grid12{
	margin: 20px 0;
	position: relative;
}
#home-content .timeline > .grid12:first-of-type{
	margin-top: 10px;
}
#home-content .timeline p{
	margin-top: 0;
}
#home-content .timeline > .grid12.left{
	padding-right: 20px;
	width: 50%;
	clear: left;
}
#home-content .timeline > .grid12.right{
	padding-left: 20px;
	width: 50%;
	clear: right;
	margin-top: 150px;
}
#home-content .timeline .date{
	border: 2px solid #EEE;
	padding: 5px 10px;
	position: relative;
	box-shadow: 0px 0px 5px 2px #888888;
	font-size: 1.1em;
}
#home-content .timeline > .grid12 > .grid12:after{
	content: '';
	width: 20px;
	height: 20px;
	background: #FFF;
	border: 4px solid #B094B5;
	position: absolute;
	border-radius: 50%;
	top: -15px;
	z-index: 1;
}
#home-content .timeline .left > .grid12:after{
	right: -35.5px;
}
#home-content .timeline .right > .grid12:after{
	left: -35.5px;
}
#home-content .timeline .right img,
#home-content .timeline .left img{
	display: block;
	margin: 10px auto;
	max-width: 700px;
	width: 100%;
}
#home-content .timeline .right .minusPad, #home-content .timeline .left .minusPad{
	margin-top: -20px;
}
#home-content .timeline .right .grid6:first-of-type, #home-content .timeline .left .grid6:first-of-type{
	padding-left: 0px;
	padding-right: 10px;
}
#home-content .timeline .right .grid6:last-of-type, #home-content .timeline .left .grid6:last-of-type{
	padding-left: 10px;
	padding-right: 0px;
}
#home-content .timeline .right .img50, #home-content .timeline .left .img50{
	display: inline-block;
	max-width: 48%;
	padding-right: 10px;
}

#home-content .tlPage .grid6{
	padding: 0px 30px;
}
#home-content .tlPage .grid6 img{
	display: block;
	margin: 0 auto;
}
#home-content .tlPage .grid6 p{
	text-align: center;
}







/*****************************/
/** 150 WOMENS PAGE **/
/****************************/


/* 
This is the section css for
150th Women's Commission 
*/



.tcsContainer {
	border-bottom: 5px solid #6e3061;
	margin-bottom: 2em;
}

.tcsContainer .headshot {
	float: left;
	margin: 0 2em .5em 0;
}

/* let header and description wrap around image */
.tcsContainer h2 {
	clear: none;
}

/* ***************
tile layout
*************** */

.pseudo-tiles {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.pseudo-tiles h3 {
	font-size: 1.2em;
	letter-spacing: .05rem;
	margin: .8em 0 0;
}

.pseudo-tiles img {
	display: block;
	transition: .3s ease;
}

.pseudo-tiles .tile {
	border-color: transparent;
	background: none;
	padding: 1.25em 0 1em;
	margin-bottom: 2em;
	width: 200px;
}

/* pop out image when tile is active */
.pseudo-tiles .activeTab img {
	transform: translate(11px, 11px);
}

/* can't set a pseudo-element on <img>, so we're using a wrapper div with class="headshot-border" */
.pseudo-tiles .headshot-border {
	display: inline-block;
	position: relative;
}

.pseudo-tiles .headshot-border::before {
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 3px solid #6e3061;
}

/* fallback for browsers that don't support :focus-visible */
#home-content .pseudo-tiles .tile:focus {
	outline: 3px dotted #b58bb5;
}

/* remove mouse focus style for browsers that support :focus-visible */
#home-content .pseudo-tiles .tile:focus:not(:focus-visible) {
	outline: none;
}

/* add keyboard focus style for browsers that support :focus-visible */
#home-content .pseudo-tiles .tile:focus-visible {
	outline: 3px dotted #b58bb5;
}

/* unset some styles inherited from tab widget */
.pseudo-tiles .tile:hover,
.pseudo-tiles .tile.activeTab {
	color: inherit;
	background: inherit;
}

/* *******************
dropdown layout
******************* */

.pseudo-dropdown-container {
	margin-top: 1em;
}

.pseudo-dropdown-container .tcsContainer {
	border-top: 5px solid #6e3061;
}

.dropdown-instructions {
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2em;
}

.dropdown-list {
	font-size: .9em;
	max-width: 30em;
	max-height: 35em;
	margin: 1em auto;
	overflow: auto;
}

.desktopInstruction{
	text-align: center;
	background-color: #382140;
	padding: 20px;
	color: #fff;
	margin-bottom: 0px;
	border-bottom: 3px solid #ffe800;
}



/* hidden by default; unhidden by media query below */
.dropdown-list {
	display: none;
}

.dropdown-list .dropdown-item {
	display: flex;
	align-items: center;
	padding: .75em;
	margin: 0;
	border: none;
	padding-left: 40px;
	text-align: left;
}

.dropdown-list .dropdown-item:not(.activeTab):hover,
.dropdown-list .dropdown-item:not(.activeTab):focus {
	background: #f5eaf3;
}

.dropdown-list .dropdown-item {
	border-top: 2px solid #ccc;
	border-right: 2px solid #ccc;
}

.dropdown-item .headshot-border {
	width: 4em;
	height: 4em;
	overflow: hidden;
	border-radius: 100%;
	border: 2px solid #6e3061;
}

.dropdown-item.activeTab .headshot-border {
	border: 2px solid #f5f5f5;
}

.dropdown-item h3 {
	font-size: 1.2em;
	letter-spacing: .05rem;
	margin: 0;
	padding-left: .75em;
}

.dropdown-item.activeTab h3 {
	color: #ffe800;
}

/* native copy of dropdown generated by js */
.nav-container .native-dropdown {
	display: block;
	font-size: 1em;
	width: 50%;
	margin: 1em auto 0px;
	padding: .5em 1em;
}

/* unset some styles inherited from tab widget */
.tabContentSwitcher .dropdown-list {
	padding: 0;
	direction: rtl;
}
.tabContentSwitcher .dropdown-list a{
	direction: ltr;
}

#home-content .dropdown-item:focus {
	outline: none;
}

/* *****************
media queries
***************** */

/* center headshot instead of floating it to the left */
@media screen and (max-width: 650px) {

	.tcsContainer .headshot {
		float: none;
		text-align: center;
		margin: 0 auto 1em;
	}

	.tabContentSwitcher nav a.tabLink {
		width: 150px;
	}

	.nav-container .native-dropdown {
		width: 80%;
	}

}

/* move dropdown list to the left when at larger screen size */
@media screen and (min-width: 1100px) {

	.pseudo-dropdown-container {
		display: flex;
		padding: 1em 0 0;
		border-top: 5px solid #6e3061;
	}

	.pseudo-dropdown-container .tcsContainer {
		padding: 0;
		margin: 0 0 0 2em;
		border: none;
	}

	.pseudo-dropdown-container nav {
		text-align: left;
		width: 100%;
	}

	.dropdown-list {
		margin-top: 0px;
	}

	.dropdown-item h3 {
		flex: 1;
	}

	/* hide native dropdown and show pseudo-dropdown */
	.dropdown-instructions {
		display: none;
	}

	.nav-container .native-dropdown {
		display: none;
	}

	.dropdown-list {
		display: block;
	}
	#home-content .tabContentSwitcher{
		border-bottom: 5px solid #6e3061;
		padding-bottom: 40px;
		padding-left: 0px;
		padding-right: 0px;
	}

}

@media screen and (max-width: 1100px) {
	.desktopInstruction{
		display: none;
	}
	#home-content .tabContentSwitcher{
		border-bottom: none;
	}
}
@media screen and (max-width: 768px) {
	.header h1{
		font-size: 1.85em;
	}
	#home-content .centerContent{
		padding: 2.5% 3.5%;
	}
}