html {
	font-size: 100%;
}

body {
	position: relative;  /*  bootrap scrollspy requirement */
	font-family: "Open Sans", sans-serif, Arial, Helvetica; /*  Chase Font-family requirement */
	color: #ffffff;
	background-color: #081f41;
	font-size: 1rem; /* 1rem = 16px */
	line-height: 1.7rem;
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,h1 {
    font-size: 2.5rem
}

.h2,h2 {
    font-size: 2rem
}

.h3,h3 {
    font-size: 1.75rem
}

.h4,h4 {
    font-size: 1.5rem
}

.h5,h5 {
    font-size: 1.25rem
}

.h6,h6 {
    font-size: 1rem
}

a {
	color: #081f41;
}

.display-1 {
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
	padding-top: 20px;
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

#back-to-top {
	position: fixed;
	bottom: 25px;
	right: 25px;
	display: none;
	border-radius: 2rem;
}

.shadow {
	box-shadow: 0 3px 6px -2px rgba(0,0,0,0.4) !important;
}

/* header h2 {
	text-transform: uppercase;
} */
	
.modal-content {
	color: #000000 !important;
    background-color: #fff !important;
}	

/* MENU  */
nav a.navbar-brand .nav-logo {
    height: auto;
    max-width: 130px;
	padding-top: 5px;
}

.navbar {
	background-color: #ffffff;
}

.navbar-default .navbar-nav > li > a {
	color: #081f41;
	text-decoration: none;
}

.navbar-default .navbar-nav > li > a:hover {
	color: #ffffff;
	background-color: #081f41;
	text-decoration: none;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-nav .show > .nav-link {
	color: #ffffff;
	background-color: #081f41;
	text-decoration: none;
}

nav button {
 background-color: inherit;
}

.navbar-toggle .icon-bar {
	background-color: #6b6b6b;
}

/* Custom Title Border  */
.customBorder {
	padding: 3rem 0;
}

.customBorder h2 {
	position: relative;
	z-index: 3;
}
.customBorder h2:after {
	content: "";
	top: 50%;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	border: 1px solid black;
	height: 0.1rem;
	z-index: -1;
}
.customBorder .customBorderInner {
	display: inline;
	background-color: #f9f6f3;
	padding: 0 30px;
}

/* FOOTER  */
footer {
	background-color: #f9f6f3;
	color: #000000;
	padding-top: 1rem;
    padding-bottom: 1rem;
	}
	
	
footer a {
	background-color: transparent;
	text-decoration: none;
	color: #081f41;
	}

#footer-default .navi li::after {
	content: '|';
	font-family: 'Font Awesome 5 Pro';
	font-size: inherit;
	padding: 0 .4rem;
}
#footer-default .navi li:nth-last-child(1)::after {
	content: '';
}


#footer-default ul.navi{
	list-style: none;
	padding: 0;
	margin-bottom: 0;
}

#footer-default ul.navi li{
	display: inline-block;
}

#footer-default p{
	margin: 0;
}

/* LAYOUT SECTIONS */

/* Home */
/* #banner {
    width: 100%;
	height: 35vw;
	min-height: 150px;
	margin-top: 60px !important;	
	background: url(https://geme.jpmorganchase.com/global-event-management-adfs/resource/3239585661925ddfa8be0982e1d405c4);
    background-size: cover;
    background-position: left;

	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
} */
#banner {
    width: 100%;
	min-height: 150px;
	margin-top: 60px !important;		
}

#banner img {
	max-width: 100%;
	min-width: 100%;
	margin-top: -10px;
}


#home header {
	/* background-color: #f5f5f5e6; */
	/* border-radius: .313em; */
	color: #000000;
	/* padding: 2rem 6rem; */
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important
}

.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-items-start {
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.justify-content-lg-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
}

.justify-content-lg-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
}

.align-items-end {
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

/* CTA Buttons  */

.btn {
    font-family: inherit;
    font-size: 1rem;
}

#mainContent .btn {
    font-family: inherit;
    font-size: 1rem;
    text-decoration: none;
     /* width: 100%; */
    max-width: 400px; 
    margin-bottom: 5px;
}

#mainContent .btn-primary {
    color: #fff;
    background-color: #72aa69;
    border-color: #72aa69;
    font-weight:bold;
}

#mainContent .btn-secondary {
    color: #fff;
    background-color: #128842;
    border-color: #128842;
}

/* Welcome */
#welcome{
	background-color: #081f41;
    padding: 2rem 0;
    color: #ffffff;		
}

#welcome .display-2{
	font-size: 1.6rem;
    font-weight: 100;
    line-height: 1.2;
}

#welcome p {
	text-shadow: 3px 3px 2px rgb(0 0 0 / 26%);
}


/* Event Information */

#event-information {
	background-color: #081f41;
	padding-top: 2rem;
	padding-bottom: 2rem;
	color: #ffffff;
}

#event-information .customBorder span {
	background-color: #ffffff;
}

#event-information .customBorder h2:after {
	border: 1px solid #ffffff;
}

#event-information h3 {
    font-size: 1.4em;
    font-weight: bold;
}
#event-information p {
    font-size: 1.2em;
}

/* List Group #1 */			
#event-information .list-group-item {
	border-left: none;
	border-right: none;
	border-bottom: 1px solid rgba(0,0,0,.125);
	border-top: 1px solid rgba(0,0,0,.125);
	background-color: inherit;
	color: #000000;
}

#event-information .list-group-item.active {
    color: #fff;
    background-color: #081f41;
    border-color: #081f41;
}

/* Upcoming Events */

#upcoming-events{
    padding-bottom:6em;
}

#upcoming-events .subhead {
    font-family: "Open Sans Light", sans-serif, Arial, Helvetica;
    margin-top:0;
}

#upcoming-events h2 {
    /* font-size:1.3em; */

}
#upcoming-events p {
    font-size:1.3em;
}
#upcoming-events a {
    /* font-size:1.3em; */
    font-weight: 600;
    text-decoration:none;
	color:#fff;
	line-height:0;
}
.past-event{
	color: #A9A9A9;
	font-weight: 600;
}
#upcoming {
    font-style: italic;
    font-weight:normal;
}

/* Accordion */			
#event-information .panel-group .panel{
	border: none;
	margin-bottom: 10px;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

#event-information .panel-default > .panel-heading,  #event-information .panel-default>.panel-heading+.panel-collapse>.panel-body{
	background-color: #fff;
	color: #000000;
}

#event-information .panel-group .panel {
padding: 10px;
}

#event-information .panel-group .panel:hover {
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
	;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
}


/* Accordion Icon Toggle */
#accordion a[role="button"][aria-expanded="false"]::after, #accordion a[role="button"][aria-expanded="true"]::after {
	content: '\f107';
	display: inline-block;
	right: 18px;
	font-family: 'Font Awesome 5 Pro';
	font-size: 1.2rem;
	float: right;
	background-color: #f0f0f0;
	padding: 2px 10px;
	border-radius: 2rem;
}

#accordion a[role="button"][aria-expanded="true"]::after {
	content: '\f106';
}

.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
    color: inherit;
    text-decoration: none;
    font-size: 0.95rem;
}

#event-information .panel-default > .panel-heading, #event-information .panel-default>.panel-heading+.panel-collapse>.panel-body {
    background-color: #fff;
    color: #000000;
    font-size: 0.95rem;
}

/* Agenda */
#agenda {
	padding-top: 2rem;
	padding-bottom: 2rem;
	background-color: #081f41;
	color: #ffffff;
	font-weight: 900;
}

#agenda .customBorder span {
	background-color: #edf6fb;
}

#agenda .customBorder h2 {
	color: #081f41;
}

#agenda p.h4{
	font-weight: 900;
	color: #081f41;
}

#agenda .customBorder h2:after {
	border: 1px solid #081f41;
}

#agenda table,  #agenda table caption {
	color: #ffffff;
}

#agenda table td:nth-child(2) > p:nth-child(1) {
	margin-bottom: 0.2rem;
}

#agenda  td	{
    vertical-align: top;
}

#agenda .noBorder{
	    border-top: none;
}

/* Speakers*/
#speakers {
	/* padding-top: 2rem; */
	/* padding-bottom: 2rem; */
}

#speakers .customBorder span {
	background-color: #ffffff;
}

#speakers .customBorder h2:after {
	border: 1px solid black;
}

#speakers h4 {
	font-size: 1.4rem;
}

#speakers img {
	min-width: 250px;
	/* border: 5px solid #fff;
	box-shadow: 0 3px 6px -2px rgba(0,0,0,0.4); */
}

#speakers h4 small {
	display: block;
	color: inherit !important;
}

#speakers a {
    color: #72aa69;
    font-size: 1.3em;
    font-weight: bold;
}
/* #speakers .customBorder .customBorderInner {
	background-color: #ffffff;
} */

#speakers div[class^="col-"] {
	margin-bottom: 2rem !important;
	cursor: pointer;
}

#speakers div[class^="col-"]:hover img.img-fluid {
	box-shadow: 0 3px 16px -2px rgba(0,0,0,0.4) !important;
}

#speakers div[class^="col-"] img:hover {
	box-shadow: 0 3px 66px -2px rgba(0,0,0,0.4) !important;
}

#speakers .btn-secondary {
    width: 100%;
    max-width: 200px;
}

#speaker {
    padding-top: 1rem;
    /* padding-bottom: 8rem; */
    background-color: #081f41;
    color: #ffffff;
}

#speaker h3 {
    margin-top:0px;
    font-size: 1.2rem;
    font-weight: 100;
    line-height: 1.2;
}
#speaker li {
    font-size: 1.4em;
    font-weight:normal;
    padding-top: 20px;
    padding-bottom:20px;
}

/*Register */

#register {
    padding-top: 8rem;
    padding-bottom: 8rem;
    background-color: #081f41;
    color: #ffffff;
}

#register .customBorder span {
    background-color: #ffffff;
}

#disclaimer {
	padding-top:30px;
	font-size: 11px;
}

 .sticky-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
}


.intro-logo{
	max-width: 150px;
	
}

.btn-deadline {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    padding: 5px;
}
				
/* MEDIA QUERIES */	
/* Small devices (landscape phones, 576px and up tp 767px)} 
@media (min-width: 576px) {	
	
}
*/ 


@media (max-width: 768px) {
body {
 font-size: 0.875rem;
 }

	.display-1 {
    font-size: 2rem;
    font-weight: 700;
}
	
#welcome .display-2 {
    font-size: 1.2rem;
}
	
.intro-logo {
    max-width: 100px;
}

	.intro-logo {
    max-width: 100px;
}
	

}
		 
/* Medium devices (tablets, 768px and up to 991px)  */
@media (min-width: 768px) {
 body {
 font-size: 1rem;
 }
	.text-right-sm{
		text-align:right;
	}
}

/* Large devices (desktops, 992px and up to 1199px) */  
@media (min-width: 992px) {
 body {
 font-size: 1rem;
}

.navbar-default .navbar-nav > li > a {;
	padding-top: 20px;
	padding-bottom: 20px;
 }			
}
		 
/* Extra large devices (large desktops, 1200px and up)  */
@media (min-width: 1200px) {
 html {
 font-size: 0.875rem;
 }
}