/*
Theme Name: Allegheny Conference on Community Development
Author: O2 Digital Creative Agency
Author URI: http://o2dca.com/
Version: 1.0.0
Date: 07/11/2016
*/

@charset 'UTF-8';

/***************
*              *
* LAYOUT FIXES *
*              *
****************/
body {
	padding-top: 8rem; /* Gives room for navbar */
	font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif;
	color: #2c2c2c;
}


/*****************
*                *
* COMMON CLASSES *
*                *
******************/
.disable-scroll { overflow: hidden; }
.enable-scroll {
	overflow-y: scroll;
	max-height: 100%;
}
/* Makes certain elements slightly narrower */
.width-85 {
	max-width: 85%;
	margin: 0 auto;
}
/* Margin and padding classes */
.no-margin { margin: 0; }
.no-padding { padding: 0; }
.thin-margin-top     { margin-top:      1rem; }
.thin-margin-bottom  { margin-bottom:   1rem; }
.margin-top          { margin-top:      3rem; }
.margin-bottom       { margin-bottom:   3rem; }
.medium-margin-top    { margin-top:     6rem; }
.medium-margin-bottom { margin-bottom:  6rem; }
.large-margin-top    { margin-top:     10rem; }
.large-margin-bottom { margin-bottom:  10rem; }
.large-margin-bottom .callout {margin-bottom:/*10rem;-*/1rem; margin-top: 3rem; }
.less-margin-bottom { margin-bottom:-4rem; }
.padding-top-bottom  { padding:       6rem 0; }
.small-padding-top-bottom { padding:  3rem 0; }
.internal-padding    { padding:         2rem; }
.thin-inter-padding  { padding:       0 1rem; }
/* Text classes */
.color-inherit, .color-inherit:hover, .color-inherit:focus { color: inherit; }
.no-decoration, .no-decoration:hover, .no-decoration:focus { text-decoration: none; }
.text-upper { text-transform: uppercase;  }
.font-light { font-weight: 300; }
.font-larger { font-size: 18px; }
.text-muted { color: #989898; }
/* Icons used throughout the site */
.post-icon { height: 12rem; }
.post-icon img {
	max-width: 10rem;
	height: 10rem;
}
.small-post-icon { height: 6rem; }
.small-post-icon img {
	max-width: 6rem;
	height: auto;
}
.post-icon .helper, .small-post-icon .helper {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
/* Backgrounds used throughout the site */
.grey-background     { background-color: whitesmoke; }
.white-background    { background-color: white; }
.twitter-background  {
	background-color: #6bb9e3;
	color: white;
	overflow: hidden;
}
.line-background   { background: url('/wp-content/themes/allegheny/images/lines.png'); }
/* Callout posts colorful left borders */
.callout h4 {
	border-left: 2px solid;
	min-height: 4rem;
	margin-bottom: 1em; }
	
.callout img { width: 100%; margin-bottom:0; }

/**********************
*                     *
* TYPOGRAPHY & IMAGES *
*                     *
***********************/
a, a:hover { color: #2477d5; }
h1, h2, h3 { font-weight: 300; }
img {
	max-width: 100%;
	height: auto;
	
}
/**CODE ADDED BY MK***/

img.size-full {
	/**CODE ADDED BY MK***/
	margin-bottom:3rem;
	
}

/*hr { border-top: 2px solid #f1f1f3; }*/
div.featured-image img { width: 100%; }
div.page-image {
	position: relative;
	min-height:  5rem;
	max-height: 55rem;
	overflow: hidden;
	padding: 0;	
}

div.page-image img {
	position: relative;
	object-fit: cover;
	/**CODE ADDED BY MK **/
	margin-top:3.1rem;
}

div.featured-image img.plus-icon { width: 36px; }

section#our-links a:hover h4 { text-decoration: underline; }

body.error404, body.search, body.page-search { margin-top: 10rem; }



/****************
*               *
* NAVBAR TWEAKS *
*               *
*****************/
/* Larger than default height */
.navbar { min-height: 8rem; }
/* Logo in navbar */
.navbar-brand {
	padding: 1rem 1.5rem;
	height: 8rem;
}
.navbar-brand > img { height: 6rem; }

.navbar-default {	
	background-color: rgba(255, 255, 255, 0.85); 
	border: 0;
	margin: 0;
	-webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
 	-moz-box-shadow:    0px 3px 5px rgba(100, 100, 100, 0.49);
	 box-shadow:         0px 3px 5px rgba(100, 100, 100, 0.49);
}

header#header.transparent .navbar-default { background-color: rgba(255, 255, 255, 0.85); }

.navbar-default .navbar-nav > li { padding: 3rem 1.5rem; }
.navbar-default .navbar-nav > li a {
	text-align: center;
	color: #2c2c2c;
	cursor: pointer;
	font-weight: 500;
	padding: 0;
	border-bottom: 1px solid transparent;
	-webkit-transition: all 0.25s;
	transition:         all 0.25s;
}
.navbar-default .navbar-nav > li > a:hover { color: #A8A8A8 !important; }
.navbar-default .navbar-nav > li a img { height: 32px;	width: 32px; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {	background: none; color: #A8A8A8; }

/* Smaller padding around social icons */
.navbar-default .navbar-nav > li.menu-item-type-custom:not(.menu-item-has-children):not(.menu-item-18) {
	padding: 2.5rem 0.5rem;
	min-width: 0;
}
.navbar-default .navbar-nav > li.menu-item-type-custom:not(.menu-item-has-children) > a { border: 0; }
/* Large padding around search icon 
.navbar-default .navbar-nav > li.menu-item-18 { padding: 2.4rem 1rem 0rem 1rem !important; } 
*/
/* Nested pages */
ul.sub-menu {
	 position: absolute;
	visibility: hidden;
	opacity: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.95);
	font-size:12px;
	text-transform: capitalize;
	text-align: left !important;
	list-style-type: none;
	padding: 0;
	display: inherit;
	top: auto;
	z-index: 9999;
	margin: 0;
	-webkit-transform: translateY(70px);
	-moz-transform: translateY(70px);
	-ms-transform: translateY(70px);
	-o-transform: translateY(70px);
	transform: translateY(70px);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	-webkit-transition: -moz-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-ms-transition: -ms-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	transition: transform 0.3s 0s;	
}
.navbar-default .navbar-nav > li.menu-item-has-children:hover > ul.sub-menu {
		visibility: visible;
	    display: block;
		opacity: 1 !important;
		-webkit-transform: translateY(28px);
		-moz-transform: translateY(28px);
		-ms-transform: translateY(28px);
		-o-transform: translateY(28px);
		transform: translateY(28px);	
}
ul.sub-menu > li {	width: 200px; }
ul.sub-menu > li > a {
	color: #262626;
	font-weight: 400;
	-webkit-transition: -moz-transform all 0.5s ease;
    -moz-transition: -moz-transform all 0.5s ease;
    -ms-transition: -ms-transform all 0.5s ease;
    -o-transition: -o-transform all 0.5s ease;
    transition: all 0.5s ease; 
}
	
ul.sub-menu > li > a:hover { border: 0; text-decoration: none; color: #A8A8A8!important;  }
.navbar-default .navbar-nav > li > ul.sub-menu > li { padding: 1rem; text-align: left; }
.navbar-default .navbar-nav.navbar-right { padding-right: 3rem; }
/*.navbar-default .navbar-toggle .icon-bar {	visibility: hidden; }*/
.wr-menu-down {  display: none; }

li.search-position  {	margin-bottom: 0 !important; }
form.search-form.text-center.large-margin-bottom {	margin-bottom: -11px !important; }
.search-submit { display: none !important;}
.jsn-bootstrap3 input[type="submit"]{
    	display: none !important; }
form input.search-field { max-width: 100px; width: 100%;}

/* Chevron on menu items with children 
.navbar-default .navbar-nav > li.menu-item-has-children > a:after {
	content: '';
	display: block;
	border-left:  6px solid transparent;
	border-right: 6px solid transparent;
	border-top:   6px solid;
	position: absolute;
	top: 30%;
	right: -1.5rem;
}*/
/* Extra margin for items with chevron */
/*.navbar-default .navbar-nav > li.menu-item-has-children > a { margin-right: 1rem; }*/



/******************
*                 *
* CAROUSEL TWEAKS *
*                 *
*******************/
/* Parallax-like effect when scrolling away from slider */
div.parallax-slider {
	position: fixed;
	width: 100%;
	top: 8rem;
}
section#content {
	position: relative;
	z-index: 11; /* Fixes bug with slider-wrapper:before and :after overlapping other content in IE */
	margin-top:5rem; /* <---code added in by MK --> */
}
body.home section#content { margin-top: 700px; }
/* Prepares carousel nav for images */
.carousel-control.left, .carousel-control.right {
	background: none;
	opacity: 1;
}
.carousel-control.left img, .carousel-control.right img {
	height: 32px;
	width: auto;
	position: absolute;
	top: 45%;
}
/* Makes images fluid width */
div.slider-wrapper img {
	max-height: 80vh;
	object-fit: cover;
}
/* Puts links over top of slider */
/*div.slider-wrapper { position: relative; }*/
div.slider-wrapper p.links {
	background-color: rgba(255, 255, 255, 0.67);
	position: absolute;
	bottom: 4rem;
	/*bottom: 5rem;*/
	width: 100%;
	margin: 0;
	/*padding: 1rem 0;*/
	padding: .5rem 0;
	font-size:12px;
	visibility:hidden;
}
div.slider-wrapper p.links a { padding: 0 3%; }
div.slider-wrapper p.links a:first-child, div.slider-wrapper p.links a:last-child { padding: 0; }
/* Makes chevron at bottom of slider */
div.slider-wrapper:before, div.slider-wrapper:after {
	-webkit-transition: all 0.5s;
	transition:         all 0.5s;
    -webkit-transform: translateY(-3rem) rotate(45deg);
    transform:         translateY(-3rem) rotate(45deg);
    -webkit-transform-origin: 0 0;
    transform-origin:         0 0;
    background: white;
    position: absolute;
    content: '';
    height: 5rem;
    width: 5rem;
    top: 100%;
    z-index: 1;
}
div.slider-wrapper:before { left: calc(50% - 3rem); }
div.slider-wrapper:after  { left: calc(50% + 3rem); }
div.slider-wrapper .arrow {
    background: white;
    position: absolute;
    width: calc(50% - 3rem);
    height: 3rem;
    bottom: 0;
}
div.slider-wrapper .arrow.left  { left:  0; }
div.slider-wrapper .arrow.right { right: 0; }
/* Animate arrow hiding */
div.slider-wrapper.no-arrow:before {
	-webkit-transform: translateY(-3rem) rotate(0deg);
    transform:         translateY(-3rem) rotate(0deg);
    width: 6rem;
}
div.slider-wrapper.no-arrow:after {
	-webkit-transform: translateY(-3rem) rotate(90deg);
    transform:         translateY(-3rem) rotate(90deg);
    width: 6rem;
}
/* Makes bottom carousel fade instead of slide */
.carousel-fade .carousel-inner .item {
	-webkit-transition-property: opacity;
	transition-property:         opacity;
}
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; }
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right   { opacity: 1; }
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	-webkit-transform: translate3d(0, 0, 0);
	transform:         translate3d(0, 0, 0);
	left: 0;
}
.carousel-fade .carousel-inner .item img { width: 100%; }





/**********
*         *
* TWITTER *
*         *
***********/
div.twitter-background { position: relative; }
div.twitter-background div.twitter-bird {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image:      url('/wp-content/themes/allegheny/images/twitter_blue.png');
	background-repeat:     no-repeat;
	background-position:   center bottom;
	background-size:       60%;
	background-attachment: fixed;
}

div.tweet-row { padding: 5rem 0; }
/* Prepares the cells for absolute positioning */
div.tweet-row div.tweet {
	position: relative;
	padding: 3rem;
	font-weight: 300;
}
div.tweet-row div.tweet p { min-height: 18rem; }
div.tweet-row div.tweet strong { font-weight: 500; }
/* Locks date and username to bottom */
div.tweet-row div.tweet div.pull-bottom {
	position: absolute;
	bottom: 3rem;
	width: 80%;
}
/* Sets height of twitter logo */
div.tweet-row div.tweet a.user-link img { height: 32px; }
/* Adds extra padding and borders on middle item */
div.tweet-row div.tweet:nth-child(3n+2) {
	border-left:  1px solid;
	border-right: 1px solid;
	padding-left:  calc(3rem + 1%);
	padding-right: calc(3rem + 1%);
}
div.tweet-row div.tweet:nth-child(3n+2) a.date-link { left:  calc(3rem + 1%); }
div.tweet-row div.tweet:nth-child(3n+2) a.user-link { right: calc(3rem + 1%); }

div.twitter-background div.container { position: relative; }
div.twitter-background div.container button#twitter_left, div.twitter-background div.container button#twitter_right {
	position: absolute;
	top: 47%;
	background: none;
	border: 0;
}
div.twitter-background div.container button#twitter_left_m, div.twitter-background div.container button#twitter_right_m {
    position: absolute;
    top: 47%;
    background: none;
    border: 0;
}
div.twitter-background div.container button#twitter_left  { left:  0; }
div.twitter-background div.container button#twitter_right { right: 0; }
div.twitter-background div.container button#twitter_left img, div.twitter-background div.container button#twitter_right img { height: 42px; }

div.twitter-background div.container button#twitter_left_m  { left:  0; }
div.twitter-background div.container button#twitter_right_m { right: 0; }
div.twitter-background div.container button#twitter_left_m img, div.twitter-background div.container button#twitter_right_m img { height: 42px; }

/***********************
*                      *
* TWITTER TWEAKS BY MK *
*                      *
************************/
/* Prepares the cells for absolute positioning 
div.tweet-row div.tweetx {
	position: relative;
	padding: 3rem;
	font-weight: 300;
}
*/
/*
div.tweet-row div.tweetx p { min-height: 14rem; }
div.tweet-row div.tweetx strong { font-weight: 500; }
*/
/* Locks date and username to bottom 
div.tweet-row div.tweet div.pull-bottom {
	position: absolute;
	bottom: 3rem;
	width: 80%;
}
*/
/* Sets height of twitter logo 
div.tweet-row div.tweetx a.user-link img { height: 32px; }
*/
/* Adds extra padding and borders on middle item 
div.tweet-row div.tweetx:nth-child(3n+2) {
	border-left:  1px solid;
	border-right: 1px solid;
	padding-left:  calc(3rem + 1%);
	padding-right: calc(3rem + 1%);
}
div.tweet-row div.tweetx:nth-child(3n+2) a.date-link { left:  calc(3rem + 1%); }
div.tweet-row div.tweetx:nth-child(3n+2) a.user-link { right: calc(3rem + 1%); }
*/


/****************
*               *
* FOOTER TWEAKS *
*               *
*****************/
footer#footer { position: relative;  background: #f2f2f2; font-size:12px;}
/* Sets height of logo and Google Maps */
footer .footer-logo img { height:  6rem; }
footer #google-maps     { height: 30rem; }
footer ul.menu li a, footer ul.menu li a:hover, footer ul.menu li a:focus { color: inherit;
/***CODE ADDED BY MK***/
 font-size:12px; line-height:1.3; transition: all 0.5s ease !important;
  }
footer ul {
	list-style-type: none;
	padding: 0;
}
footer h5 { font-size:12px !important; }
footer h5 a { color:#333; transition: all 0.5s ease !important; }
footer h5 a:hover {
	color: #A8A8A8; text-decoration:none; outline-color:none !important; } 
footer h5 a:active { outline-color:none; }
footer ul.menu li a:hover {
	color: #A8A8A8; text-decoration:none;} 
footer a.social-media img { height: 32px; }




/**********************
*                     *
* SMALL SCREEN TWEAKS *
*                     *
***********************/
@media screen and (max-width: 1200px) {
	.navbar-default .navbar-nav > li { padding: 3rem 1rem; font-size:1.25rem;	}	
}

@media screen and (max-width: 992px) {
	.navbar-brand { padding: 1rem 0.5rem; }
	.navbar-default .navbar-nav > li  { padding: 3rem 0.75rem;	font-size: 1.1rem;	}
	/*.navbar-default .navbar-nav > li.menu-item-18 { padding: 2.4rem 1rem !important; }
	.navbar-default .navbar-nav > li.menu-item-type-custom:not(.menu-item-has-children) { padding: 2.5rem 0.25rem; }*/
	
	.navbar-default .navbar-nav > li.menu-item-has-children > a { margin-right: 0rem; }
	.navbar-default .navbar-nav > li.menu-item-has-children > a:after { display: none; }

	
	div.slider-wrapper .arrow, div.slider-wrapper:before, div.slider-wrapper:after { display: none; }
	div.slider-wrapper p.links {
		position: relative;
		bottom: auto;
		padding: 1rem;
	}
}

@media screen and (max-width:992px) and (min-width:768px) {
	.navbar-default .navbar-nav > li.menu-item-16, .navbar-default .navbar-nav > li.menu-item-17, .navbar-default .navbar-nav > li.menu-item-920 { display: none;}
	
}

@media screen and (max-width: 783px) {
	/* Used for when mobile menu is open */
	div#mobile-overlay {
		background-color: rgba(0, 0, 0, 0.5);
		position: fixed;
		display: none;
		height: 100%;
		width: 100%;
		z-index: 15;
		top: 0;
	}
}

@media screen and (max-width: 768px) {	
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: -11px; }
	.navbar-right { margin-right: -11px; }
	

	div.tweet-row div.tweet { border: 0 !important; }
	/*div.tweet-row div.tweet p { min-height: 30rem; }*/
}

@media screen and (max-width: 767px) {
	.large-margin-top    { margin-top:      6rem; }
	.large-margin-bottom { margin-bottom:   6rem; }
	.padding-top-bottom  { padding:       4rem 0; }

	/* Hides both carousels */
	div.slider-wrapper, div.carousel-container { display: none; }
	div.mobile-image.hidden {
		display: block !important;
		max-height: none;
	}
	div.mobile-image.hidden img { max-height: 45vh; /*CODED ADDED BY MK */margin-top:0; }

	/* Resets padding around social icons and search for mobile */
	.navbar-default .navbar-nav > li     { padding:   1.5rem; font-size: 1.4rem; }
	.navbar-brand { padding: 1rem 1.5rem; }

	
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > ul.sub-menu > li { text-align: left; }
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 50vh; }
	
	.navbar-default .navbar-nav > li.menu-item-has-children > a:after, .navbar-default .navbar-nav > li.menu-item-has-children.opened > a:after { display: none; }
	.navbar-default .navbar-nav > li.menu-item-type-custom:not(.menu-item-has-children):not(.menu-item-18) {
	padding: 2rem 1.5rem 0;
	min-width: 0;
	}
	.navbar-default .navbar-nav > li.menu-item-18 { padding: 2rem 1.5rem 0rem !important; display: none;} 

	/**NEW CODE **/
    .navbar-header { float: none;  }
    .navbar-left,.navbar-right {   float: none !important;  }
    .navbar-toggle {
        display: block;
		border: 1px solid #bbb;
   		background: url(http://www.pittsburghregion.com/wp-content/themes/pittsburgh/images/icon-menu.svg) center no-repeat!important;
    }
	.navbar-collapse {  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
    .navbar-fixed-top {	top: 0;	border-width: 0 0 1px; }
    .navbar-collapse.collapse {  display: none!important;  }
    .navbar-nav {   float: none!important;	margin-top: 7.5px; }
	.navbar-nav>li { float: none; }
    .navbar-nav>li>a {  padding-top: 10px;  padding-bottom: 10px;  }
    .collapse.in {	display:block !important; }
	.navbar-default .navbar-nav > li {	padding: 2rem 1.5rem 0; }
	.navbar-default .navbar-nav > li > a { font-size: 1.2rem; }
	ul.sub-menu {	visibility: hidden; display: none; opacity: 0; }
	
	ul.sub-menu.active {
		-webkit-transition: all 0.25s;
		transition:         all 0.25s;	
		position: relative;
		visibility: visible !important;
		opacity: 1 !important;
		left: 0;
		background-color: rgba(255, 255, 255, 0.1);
		font-size:12px;
		text-align:left !important;
		list-style-type: none;
		padding: 0;
		display: block !important;
		top:auto;
		-webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);
		-ms-box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);
		-o-box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0);
	}
	
	.navbar-default .navbar-nav > li.menu-item-has-children:hover > ul.sub-menu {
		visibility: hidden;
		display: none;
		opacity: 0;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
	
	ul.sub-menu > li {	width: 100%; }	
	
	.wr-menu-down {
	display: block;
    background: rgba(255, 255, 255, .2) url(images/icon-down.svg) center 12px no-repeat;
    background-size: 25px;	
	width: 32px;
    height: 32px;
    line-height: 32px;	
	border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: -8px 0 0 0;
	z-index: 9999;
    cursor: pointer;
    color: #ccc;
	position: relative;
    float: right;	
	}
	.searchbox-position {	margin-top: 0px !important; margin-bottom: 1rem; }
	form.search-form.text-center.large-margin-bottom {   margin-bottom: 0px !important;   text-align: left;	}
	form input.search-field { max-width: 250px; width: 100%;}
	.navbar-toggle {	margin-top: 2rem;	margin-right: 2rem; }
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 50vh; overflow-y: auto; overflow: scroll !important; }
	
	/* Our links section */
	section#our-links a div.featured-image { position: relative; }
	section#our-links a div.featured-image div.link-content {
		-webkit-transform: translateY(-50%);
  		transform:         translateY(-50%);
		position: absolute;
		top: 50%;
		width: 100%;
		color: white;
		margin-top: 0;
		/*text-shadow: 0 2px 4px black;*/

		background-color: rgba(0, 0, 0, 0.33);
		height: 100%;
		padding-top: 25%;
	}
	section#our-links a div.featured-image div.link-content .text-muted { color: white; }


	/* twitter section tweaking */
	div.tweet-row div.tweet {
		width: auto;
		margin: 1rem;
	}
	div.tweet-row div.tweet:nth-child(3n+2) {
		padding-left:  2rem;
		padding-right: 2rem;
	}
	div.tweet-row div.tweet:nth-child(3n+2) a.date-link { left:  2rem; }
	div.tweet-row div.tweet:nth-child(3n+2) a.user-link { right: 2rem; }
	div.tweet-row div.tweet p { min-height: 15rem; }
	/* div.twitter-background div.container button#twitter_left, div.twitter-background div.container button#twitter_right { display: none; } */

	/* footer sizing adjustments */
	footer { text-align: center; }
	footer small { font-size: 90%; }
	footer small a { line-height: 2; }
	footer span.fa-stack {
		margin: 0.5em;
		height: 2em;
		width: 2em;
	}
	footer span.fa-stack .fa-stack-2x {
		font-size: 2em;
	}
	footer span.fa-stack .fa-stack-1x {
		line-height: 2.75rem;
		font-size: 1.4rem;
	}
	footer.padding-top-bottom { padding-bottom: 2rem; }
	footer .margin-bottom:last-child { margin-bottom: 0; }
	
	div.tweet-row div.tweet div.pull-bottom {
	    bottom: 0;
    }
}
@media screen and (max-width: 767px) and (orientation: landscape)  {
	div.mobile-image.hidden img { max-height: 33rem; }
}




/******************************************
*                                         *
*         ANIMATION CLASSES FROM          *
* https://github.com/daneden/animate.css/ *
*                                         *
*******************************************/
.animated {
	-webkit-animation-duration: 0.75s;
	animation-duration:         0.75s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode:         both;
}
.fadeIn {
	-webkit-animation-name: fadeIn;
  	animation-name:         fadeIn;
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
  	animation-name:         fadeInLeft;
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
  	animation-name:         fadeInRight;
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
  	animation-name:         fadeInUp;
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
  	animation-name:         fadeInDown;
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name:         bounceIn;
	-webkit-animation-duration: 1s;
	animation-duration:         1s;
}
.delay1 {
	-webkit-animation-delay: 0.3s;
	animation-delay:         0.3s;
}
.delay2 {
	-webkit-animation-delay: 0.6s;
	animation-delay:         0.6s;
}
.delay3 {
	-webkit-animation-delay: 0.9s;
	animation-delay:         0.9s;
}
.delay4 {
	-webkit-animation-delay: 1.5s;
	animation-delay:         1.5s;
}
@-webkit-keyframes fadeIn {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@keyframes fadeIn {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-25%, 0, 0);
		transform:         translate3d(-25%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform:         none;
	}
}
@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-25%, 0, 0);
		transform:         translate3d(-25%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform:         none;
	}
}
@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(25%, 0, 0);
		transform:         translate3d(25%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform:         none;
	}
}
@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(25%, 0, 0);
		transform:         translate3d(25%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform:         none;
	}
}
@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 25%, 0);
		transform:         translate3d(0, 25%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform:         none;
	}
}
@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 25%, 0);
		transform:         translate3d(0, 25%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform:         none;
	}
}
@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -25%, 0);
		transform:         translate3d(0, -25%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform:         none;
	}
}
@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -25%, 0);
		transform:         translate3d(0, -25%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform:         none;
	}
}
@-webkit-keyframes bounceIn {
	from, 50%, to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function:         cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform:         scale3d(.3, .3, .3);
	}
	50% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform:         scale3d(1.1, 1.1, 1.1);
	}
	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform:         scale3d(1, 1, 1);
	}
}

@keyframes bounceIn {
	from, 50%, to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function:         cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform:         scale3d(.3, .3, .3);
	}
	50% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform:         scale3d(1.1, 1.1, 1.1);
	}
	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform:         scale3d(1, 1, 1);
	}
}


/*********MK ADDED STYLES **********/

p  { font-weight: 300 !important; }
h2 { font-size:  25px !important; }
h3 { font-size:  20px !important; }
h2, h3, h4 { line-height: 1.3; }
h4 { font-weight:300; }
ul {
	/*list-style-type: none;
	padding: 0;*/
	font-weight:300;
}
ol { font-weight:300; }
.memberList {
	list-style: disc !important;
	
}
.memberList li {
	padding-bottom: 10px;
	font-weight: 300;
}

.callout p { font-size: 12px; }
.staffList ul { padding:0; }
.staffList li { padding-bottom: 20px; }
.staffList ul li { list-style: none; }
.staffList .staff { margin-top: 0; }

.mobile-leaders {
	display: block;
}
.desktop-leaders {
	display: none;
}
/**switch list on desktop sizes*/
@media (min-width: 991px) {
	.mobile-leaders {
	display: none;
}
.desktop-leaders {
	display: block;
}
}

.boardList {
	list-style: none !important;
	padding: 0 !important;
}
.vcenter {
	vertical-align: middle;
    float: none;
    margin-bottom: none !important;
}

.panel { border:none; }


.panel h4 {
	font-size:17px;
	font-weight:400; 
	margin-top:5px;
	margin-bottom: 8px;	
	color:#2E2E2E;
}

.panel-default > .panel-heading { background-color:#ddebf1 !important; }
.panel-title { font-size:14px !important; }
.panel-default > .panel-heading a {
	text-decoration:none !important;
	color:#2E2E2E !important;
}
.panel-default > .panel-heading a:hover {
	opacity: 0.85;
	color:#2E2E2E !important;
}
.panel-default > .panel-heading a:active { text-decoration: underline; }

#contactWrapper {
	max-width:1040px;
	margin:0 auto;
}

form label { font-weight: normal; }

.socialMedia_icons {
	display: table;
	margin: 0 auto;
}
.socialMedia_img {
	display: table-cell;
	padding: 0 0.5em;
}
.no-large-margin-bottom .large-margin-bottom {
	margin-bottom:0; }
footer ul li {
	padding:.25em 0;
	line-height:1.2;
}

#joinUsIcon {
	margin-right: 0;
}	

.mapText { 
	margin:2em 0; 
}
div.customCallout2 .callout:nth-child(3) {
	/*max-width:292.5px;*/
	display:none; }
.rowBorders { border-left:1px solid lightgray; border-right:1px solid lightgray; }

/*********Custom Audio Player ************/
audio, canvas, progress, video {
    display: block !important;
    /* vertical-align: baseline; */
    width: 90%;
    margin: 0 auto;
    max-width: 400px !important;
}

/**Carousel Slide Indicators Custom Styling ****/
.carousel-indicators {
	bottom: 30px !important;
}
.carousel-indicators .active {
    background-color: #003594 !important;
   width: 15px !important;
    height: 15px !important;
    margin: 1px 3px !important;
	border-radius: 0px !important;
	opacity: .75;
}
.carousel-indicators li {	
    border: 2px solid #fff !important;
	width: 15px !important;
    height: 15px !important;
    margin: 1px 3px !important;
	border-radius: 0px !important;
	
	opacity: .75;
	
}

/*******MEMBERS ONLY PAGE FORM STYLES */

.wpmem_msg {
margin: 0 auto !important;
}
#wpmem_restricted_msg {
    text-align: center !important;
}

#wpmem_reg, #wpmem_login {
    max-width: 500px;
    margin: 0 auto;
    width: 100%;
	font-family: 'Gotham SSm A','Gotham SSm B',sans-serif !important;
}
#wpmem_login .div_text, #wpmem_reg .div_text, #wpmem_reg .div_textarea, #wpmem_reg .div_select, #wpmem_reg .div_checkbox, #wpmem_reg .div_multiselect, #wpmem_reg .div_multicheckbox, #wpmem_reg .div_radio, #wpmem_reg .div_image, #wpmem_reg .div_file, #wpmem_reg .div_url {
    width: 100% !important;
}
legend {
    border-bottom:none;
}
#wpmem_reg .button_div, #wpmem_login .button_div {
    width: 100% !important;
}
#wpmem_reg legend, #wpmem_login legend {
    font-size:  25px !important;
    line-height: 1.3 !important;
    font-weight: 300 !important;
    margin-bottom: 10px;
	font-family: 'Gotham SSm A','Gotham SSm B',sans-serif;
}

/************OUR WORK SUB PAGES *************/

.initiativeIcon {
   max-width:225px;
   width:100%;
}
.initiativeIcon2 {
	max-width:150px;
   width:100%;
}

/************OUR STAFF / LEADERSHIP SUB PAGES *************/
.staff-flex { 
	display: flex; 
	flex-direction: row; 
	flex-wrap: wrap; 
	align-items: flex-start;
	justify-content: flex-start; 
}
.staff-person { 
	display: flex; 
	margin: 1rem; 
	flex-direction: column; 
	align-items: center; 
	justify-content: center; 
	max-width:260px; 
	text-align: center; 
	padding:0 0 2rem 0; 
	font-size:1.2rem; 
} 
.staff-person img { 
	max-width:260px; 
	width:100%; 
	display:block; 
} 
.staff-container { 
	position: relative; 
} 
.staff-container:hover .hover-box { 
	display: block; 
	opacity: 1; 
} 
.hover-box { 
	position: absolute; 
	top: 0; 
	left: 0; 
	display: hidden; 
	opacity: 0; 
	width:100%;  
	height:100%;  
	background: rgba(255, 255, 255, 0.9); 
	-moz-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s; 
	-o-transition: all ease-in-out 0.3s; 
	-webkit-transition: all ease-in-out 0.3s; 
	transition: all ease-in-out 0.3s; 
	text-align: left; 
	overflow: scroll; 
	font-size:1.35rem; 
	line-height:1.6; 
} 
.hover-box p, .hover-box h3{
	padding: 0 1rem; 
}
.hover-box a { 
	text-decoration: none;
}
div.staff-person:hover > h5 { 
	color: darkblue;}

.leader-img { 
	max-width:138px !important;
} 
.leader-person { 
	display: flex; 
	flex-direction: column; 
	align-items: center; 
	justify-content: center; 
	font-size:1.2rem; 
	max-width: 150px; 
	margin:1rem 2.75rem; 
	padding: 0 0 2rem 0; 
	text-align:center
}
/** ATHENA Scholarship Page **/
img.round {
  border-radius: 50%;
}
.text-block {
background: #F5F5F5;
}
.wide-block {
width: 100%;
}

@media (max-width: 1200px) {
	.staff-flex {
		justify-content: space-evenly;
	}
	.leader-person { 
		margin:1rem 2rem; 
	}
}
@media (max-width: 768px) {
	.leader-person { 
		margin:1rem; 
	}
}

/*** MK MEDIA QUERIES **/
@media (min-width: 768px) {
	.mapText { 
		margin:6em 0;
	}
	#joinUsIcon {
		margin-right: 2rem;
	}	 
}
@media (min-width:1200px) {
	.mapText { 
		margin:8em 0; 
	}
}
@media (min-width:1400px) {
	.mapText { 
		margin:10em 0; 
	}
}

@media screen and (max-width: 767px) and (orientation: landscape)  {
	.staffList .staff {
		margin-top:15px;
	}
	#joinUsIcon {
		margin-right: 2rem;	
	}	
	.no-large-margin-bottom .large-margin-bottom { 
		margin-bottom:0; 
	}

}
@media screen and (max-width: 767px) and (orientation: landscape)  {
	.staffList .staff { 
		margin-top:15px; 
	}	
	.no-large-margin-bottom .large-margin-bottom { 
		margin-bottom:0; 
	}
}