/* Add here all your css styles (customizations) */


h1{
	font-family: "acumin-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #53379F;
	font-size: 36px;
	margin-bottom: 15px;
	line-height: 30px;
}	
h2{
	font-family: "acumin-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #53379F;
	font-size: 26px;
	margin-bottom: 10px;
	line-height: 22px;
}
h3{
	font-family: "acumin-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #333;
	font-size: 20px;
	margin-bottom: 10px;
	line-height: 22px;
}
h3.panel-title {
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 18px;
}
body{
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 16px;
	color: #222;

}
a, a:hover {
	font-style: normal;
	font-weight: 400;
	color: #53379F;
}
.about-panel {
	border: 1px solid #55379F;
	background-color: #fff;
	margin-bottom: 20px;
	padding: 25px;
}
.about-panel-2 {
	border: 1px solid #55379F;
	background-color: #fff;
	margin-bottom: 20px;
	padding: 25px;
}
.about-panel2 {
	border: 1px solid #55379F;
	background-color: #fff;
	margin-bottom: 20px;
	padding: 25px;
	min-height: 200px;
}
.panel-sep {
	background-color: #55379F;
	width: 70px;
	height: 3px;
	margin-top: 20px;
	margin-bottom: 15px;
}
.dropdown-toggle:active, .open .dropdown-toggle {
	color: #55379F !important;
}
.dropdown-menu {
	border-top: 1px solid #55379F !important;
}
.award-button {
	background-color: #55379F !important;
}
.borderPurple {
	border: 1px solid #55379F;
}
.innerPadding{
	padding: 15px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.wrapper{
	background-image: url(/images/background-circles.png);
	background-position:top center;
	background-repeat:no-repeat;
}
.header{
	border-bottom: none;
	background: none;
}
.header > .container {
	margin-bottom: -60px;
}
.header .navbar-nav > li > a{
	font-family: "acumin-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #53379F;
	font-size: 26px;
    padding: 9px 8px 9px 10px;
	text-transform: none;
	display:inline-block;}

.header .navbar-nav > li > a:hover, .header .navbar-nav > .active > a{
    font-family: "acumin-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #53379F;
	font-size: 26px;
	border-bottom:none;
}


.header .navbar-nav .active {
    font-family: "acumin-pro-condensed",sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #53379F;
	font-size: 26px;
	border-bottom:none;
	
}
.header .navbar-nav > li > a::after {
    display:block;
    content:attr(title);
    font-weight:bold;
    height:1px;
    color:transparent;
    overflow:hidden;
    visibility:hidden;
    margin-bottom:-1px;
}
.header .navbar-toggle, .header .navbar-toggle:hover, .header .navbar-toggle:focus{
	background-color: #53379F !important;
	border-color: #AA9DC4 !important;
}
.header .navbar-collapse > li > a::after {
    display:block;
    content:attr(title);
    font-weight:bold;
    height:1px;
    color:transparent;
    overflow:hidden;
    visibility:hidden;
    margin-bottom:-1px;
}

/* home page carousel */
.headline{
	margin: 0;
	border-bottom: none;
}
.carousel-v1 .carousel-caption {
	background-color: #54379F;
	position: initial;
}
.carousel-v1 .carousel-arrow a i {
	background-color: #171D7B;
	top:0;
	margin-top: 0;
}

.carousel-content {
	background-color: #E5E4DE;
	padding: 15px;
	min-height: 210px;
	max-height: 210px;
	overflow: none;
}
.twitterFeed{
	background-color: #FFF;
	padding: 0;
	margin: 0;
	min-height: 252px;
}
.social a{
	margin: 0 5px 0 5px;
	font-size: 14px;
	
}

.footer a{
	font-size: 14px;
	font-family: Arial, Helvetica, "sans-serif";
	font-weight: bold;
	color: #53379F;}

.footer .active{
	color: #333333;
	text-decoration: none;
	
}

ul.footer-nav  {
	list-style-type: none;
	margin: 0;
    padding: 0;
    overflow: hidden;
}
.displayContainer{
	border-bottom: 2px solid #EDEDED;
	margin-bottom: 20px;
}
.error{
	color: #F30;
}
.btn-success{
	background-color: #53379F !important;
	border-color: #AA9DC4 !important;
}
.btn-success:hover{
	background-color: #3F2A79 !important;
	border-color: #AA9DC4 !important;
}
.btn-u, .btn-u:active, .btn-u:focus, .btn-u:hover {
	background: #53379F;
}

#event-agenda > table > tbody > tr > td{
	padding:5px;
	background-color: #fff;
}
#event-agenda > table > tbody > tr > td:first-child{
	padding:5px;
	color: #fff;
	background-color: #53379F;
}

/*
shows at 768px or less

*/
@media (max-width: 768px) {
	
	.footer-nav li {
		display:block;
		padding: 10px 0 0 0;

	}
	
	h1 {
		margin-top: 25px;
	}
	
	.supported h2 {
		text-align: center;
	}
	
	.carousel-content {
		min-height: none;
		max-height: none;
		overflow: auto;
	}
}

/*
shows at 767px or more

*/
@media (min-width: 767px) {
	
	.footer-nav li {
		display: inline-block;
		padding: 0 15px 0 15px;

	}
	
	.partners {
		min-height: 0;
	}
}
/*
shows at 991px or less

*/
@media (max-width: 991px) {
	
	#supportSmall{
		display: block;
	}
	
	#supportLarge{
		display: none;
	}
	.slider-inner{
		margin-top: 60px;
	}
	.noLeftPadding{
		padding-left: 15px;
	}
	.noRightPadding{
		padding-right: 15px;
	}	
	.header .navbar-collapse, .header .navbar-collapse .container{
		padding-top: 30px;
	}
}

/*
shows at 992px or more

*/
@media (min-width: 992px) {
	
	#supportSmall{
		display: none;
	}
	
	#supportLarge{
		display: block;
	}
	.slider-inner{
		margin-top: 30px;
	}
	.noLeftPadding{
		padding-left: 0;
	}
	.noRightPadding{
		padding-right: 0;
	}
	.header .navbar-collapse, .header .navbar-collapse .container{
		padding-top: 0;
	}
	
	.partners {
		min-height: 616px;
	}
	
	ul.nav.navbar-nav li.dropdown {
		width: 104px !important;
		text-align: center !important;
	}
}


/*
shows at 991px or less

*/
@media (max-width: 1199px) {
	
	#displayLogoSmall{
		display: block;
		float: left;
	}
	
	#displayLogoLarge{
		display: none;
		float: left;
	}
	
}

/*
shows at 992px or more

*/
@media (min-width: 1200px) {
	
	#displayLogoSmall{
		display: none;
		float: left;
	}
	
	#displayLogoLarge{
		display: block;
		float: left;
	}
	
	.partners {
		min-height: 520px;
	}
	
	.board {
		min-height: 898px;
	}
}