/* background setup */
.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
}

/* fullscreen setup */
html, body {
    /* give this to all tags from html to .fullscreen */
    height:100%;
    position: relative;
}

.fullscreen,
.content-a {
    width:100%;
    height:100%;
    overflow:hidden;
}

.fullscreen.overflow,
.fullscreen.overflow .content-a {
    height:auto;
    min-height:100%;
}

/* content centering styles */
.content-a {
	display:table;
}

.content-b {
	display:table-cell;
    position:relative;
/*	vertical-align:middle;*/
	text-align:center;
}

/* visual styles */

section {
	background:#004D71;
}
.not-fullscreen {
    height:50%;
}

/* ================================ BOOTSTRAP CUSTOM ================================ */

.container {
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
}

.content {
    margin-top: 2%;
    padding: 4%;
    background: rgba(255,255,255,0.90);

    max-width: 500px;
    min-width: 80%;
    word-wrap: break-word;
}

.well {
    padding-top: 2%;
    width: 50%;
    margin: 0 auto; 
}

.items {
    text-align: center;
    padding: 2%;
}

.logo {
    padding-top: 100px;
}

ul.logo-group {
    list-style-type: none;
}

li.logo-group {
    display: inline;
    margin-left: 5px;
	margin-right: 5px;
	padding: 10px;
}

/*.logo-group {
    padding-top: 100px;
    margin: auto;
}*/

.headings {
    margin-top: 5%;
    max-width: 500px;
    min-width: 81.5%;
}

.date{
/*    font-size: 5em;
    text-align: center;*/
    font-size: 50px; font-weight: 700; margin: 0 5px 24px; padding: 10px; margin: 0 5px 24px; text-align: center;
}

.D2B {
    font-size: 4em;
    text-align: center;

    color: #fff;
    text-shadow: 0px 1px 0px #fff, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
}

.D2BHeading {
    color: #f2f2f2; background: #004D71; font-size: 50px; line-height: 74px; font-weight: 700; margin: 0 5px 24px; padding: 10px; margin: 0 5px 24px; text-align: center;
}

#D2B_Body {
    font-size: 1.2em;
    text-align: center;
}

#pageFooter {
    text-align: center;
    padding: 2%;
    font-size: smaller;
    /*background: #ececec;*/
    background: #f2f2f2;
}

.bioImage {
    float: right;
    margin: 0 0 10px 10px;
}

/*========== button styling ==========*/
.btn-primary {
    background-color: #004D71;
    border-color: #004D71;
}

.btn-primary:hover {
    background-color: #022A3A;
    border-color: #022A3A;
}

.btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus {
    background-color: #004D71;
    border-color: #004D71;
}

.timeHeader {
    color: gray;
    font-size: 1em;
    font-weight: bold;
    padding-top: 10px;
}

.speakerLink {
    /*color: gray;*/
    color: #004D71 !important;
    font-size: 1em;
    font-weight: bold;
}

.dateBlock {
    /*margin: 0 0 5px 0;*/
    margin-bottom: 5px;
}

/* menu */
.header {
	color: black;
	padding-top: 1%;
}

.navbar {
	padding: 0px 0px;
}

.nav-item {
	margin-left: 5px;
	margin-right: 5px;
	padding: 10px;
	font-size: 1.2em;
}

.nav-item-offset{
	padding: 10px;
	font-size: 1.2em;
}

/*.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .active>.nav-link:focus, .navbar-light .navbar-nav .active>.nav-link:hover, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.active:focus, .navbar-light .navbar-nav .nav-link.active:hover, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .nav-link.open:focus, .navbar-light .navbar-nav .nav-link.open:hover, .navbar-light .navbar-nav .open>.nav-link, .navbar-light .navbar-nav .open>.nav-link:focus, .navbar-light .navbar-nav .open>.nav-link:hover {
	color: orange;
	text-decoration: bold;*/


.navbar-light .navbar-nav .nav-link {
	color: black;
	text-align: center;
}

.navbar-light .navbar-nav .active>.nav-link {
	color: #C24D00;
	font-weight: bold;
	height: 100%;
}

.navbar-toggler .hidden-sm-up {
    color: black;
}



.classOverview {
	list-style-type: none;
}

.dropdown-menu {
	/*margin-left: 100px;
	background-color: orange;*/
}

#logo {
    position: relative;
}
#logo img {
    position: absolute;
    top: 5px;
    right: 0px;
}

.fade{
    opacity: 1;
}

.modal-dialog {
    max-width: 600px;
    margin: 120px auto;
}

.modal{
    background-color: rgba(0, 0, 0, 0.5)
}