body {
	background-color: #f2f0f0;
	font-family: 'Fira Sans',sans-serif;
	font-size: 1.1rem;
	color: #000000;	
}

/* ==========================================================================
   Top Header Styles
   ========================================================================== */

.header{
	width: 100%;
	background-color: #00144d;

}

.card-header h4 {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #00144d;
  color: #ffc;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  line-height: inherit;
  white-space: nowrap;
}


a.logo{
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  line-height: inherit;
  white-space: nowrap;
}

.search {
	
	float: right;
}

.logo {
	float: left;
	margin-right:10px;
}

 h3.seminar a{
	 font-family: 'Gentium Basic', serif;
	 font-size: 1.75rem;
	 color: #fff;
		  }
		  
h3.seminar a:hover{
	 font-family: 'Gentium Basic', serif;
	 font-size: 1.75rem;
	 color: #f2c100;
	text-decoration: none;
		  }


/* ==========================================================================
   Navigation Styles
   ========================================================================== */


.bg-darktop {
    background-color: #00144d; !important;
}


.navbar-darktop .navbar-nav .nav-link {
    color: #000f3a;
}

.bg-dark {
    background-color: #369 !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: #e5eef8;
	font-family: 'Gentium Basic', serif;
	 font-size: 1.2rem;
}

a.nav-link .nav-item .dropdown-item {
	font-family: 'Gentium Basic', serif;
	font-style: italic;
	font-size: 16px;
	font-size: 1.2rem;
}


.nav-item-top a {
  color: #000f3a;

}

.nav-item-top a:hover {
  color: #F2F2F3;
  background-color: #00144D;
  text-decoration: none;
}

.nav-item-top .active {
	background-color: #00144D;
	color: #95001a;
}

a {
	font-family: 'Fira Sans',sans-serif;
  color: #337ab7;

}

.nav-item a {
	
	font-family: 'Gentium Basic', serif;
}

.nav-item a:hover {
  color: #F2F2F3;
  background-color: #00144D;
  text-decoration: none;
}

.nav-item dropdown.active {
	background-color: #00144D;
	color: #95001a;
}

.nav-item .active {
	background-color: #00144D;
	color: wheat;

}


.mr-auto, .mx-auto {
    margin-right: auto !important;
    margin-left: auto;
}


.navbar-nav li:hover > ul.dropdown-menu {

    display: block;

}

.dropdown-submenu {

    position:relative;

}

.dropdown-submenu>.dropdown-menu {

    top:0;

    left:100%;

    margin-top:-6px;
	

}


.dropdown-submenu>.dropdown-menu > li:hover {
	
	display: block;
}


/* rotate caret on hover */

.dropdown-menu > li > a:hover:after {

    text-decoration: underline;

    transform: rotate(-90deg);

} 




/* ==========================================================================
   Main Content Styles
   ========================================================================== */

.carousel-inner {
    /*background-image: url("../images/bgr-gradient.png");*/
	background-color: #799FC4;
}


.container-main{
	 width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  background-color:#f2f2f3;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container-blue {

  background-color: #01144d;
}


.mainContent{
	width: 100%;
	background-color: #00144d;

}


.block {
	
	display: block;
    width: 100%;
	height: 100%;
    border: none;
    background-color: #95001a;
	color: #f2f2f2;
    padding: 14px 5px;
	font-size: 1.75rem;
	font-family: 'Gentium Basic', serif;
	font-weight: 400;
    cursor: pointer;
    text-align: center;
	margin: 10px 0px;

}


.block:hover {
    background-color: #f2c100;
    color: #00144d;
	text-decoration: none;
}



.equal {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;
	

}

.equal > [class*='col-'] {

  display: flex;

  flex-direction: column;

}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  flex-grow: 1;
}


.col-container {
    display: table;
    width: 100%;
}
.col {
    display: table-cell;
    padding: 16px;
}

#headlines {

    margin-top:15px;
	padding: 8px;
    border: 1px groove #ccc;
	background-color: #e7efef;
	text-align:center;
}

.card {
	padding: 10px;
}

.lab {
	
	display: block;
	padding: 10px;
	margin-bottom: 10px;
}

.feature {

    float: left;
    margin-bottom: 10px;
    width: 100%;
    border-bottom: 1px solid #999;

}


.img-thumbnail-admin {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
    margin-left: 1.25rem;
}


.footer {
    width: 100%;
    padding: 10px;
	background-color: #369;
	color: #fff;
}

#gsa_search .result_item {
    line-height: 32px;
    line-height: 2rem;
	margin-bottom: 10px;
	border-bottom: 2px solid #ccc;
}
	

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* ==========================================================================
   Header Styles
   ========================================================================== */


h1, h2, h3, h4, h5, h6, {
    font-family: 'Gentium Basic', serif;
    color: #95001a;
}

h3 {	
	font-family: 'Gentium Basic', serif;
    color: #95001a;
}


h4.featured{
	color:#f2f2f3;
}

h2.title {
	font-family: 'Gentium Basic', serif;
	margin-left: 10px;
	padding-top:10px;
	color: #fff;
	display: inline-block;
	
}

h3.title {
	font-family: 'Gentium Basic', serif;
	margin-left: 10px;
	padding-top:10px;
	color: #fdfdfd;
	display: inline-block;
	
}

h3.page-header {
    display: block;
    margin-bottom: 10px;
}

h4.news {
	color: #83850C;
}

h4.welcome {
	color:#82afd3;
}

h4.date {
	
	color:#95001a;
}

h5.drc {
	
	color:#fdfdfd;
	font-family: 'Gentium Basic', serif;
	font-style: italic;
	text-align: center;
}



/* ==========================================================================
  Buttons
   ========================================================================== */

.btn-danger {
	background-color:#95001a;
	border: none;
}

.btn-info {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  font-family: 'Gentium Basic', serif;
  font-size: 1.2rem;
}

.btn-info:hover {
  color: #fff;
  background-color: #488eca;
  border-color: #488eca;
}

.btn-primary {
	color: #fff;
	background-color: #369;
	border: #369;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-action {
    background-color: #95001a;
    font-family: 'Gentium Basic', serif;
    font-size: 1.6em;
    color: #f1f1f1;
    margin: 10px 0;
}


/* ==========================================================================
  News and Twitter Panels
   ========================================================================== */

blockquote.twitter-tweet {
  display: inline-block;
  font-family: "Helvetica Neue", Roboto, "Segoe UI", Calibri, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  border-color: #eee #ddd #bbb;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  margin: 10px 5px;
  padding: 0 16px 16px 16px;
  max-width: 468px;
}

blockquote.twitter-tweet p {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
}

blockquote.twitter-tweet a {
  color: inherit;
  font-weight: normal;
  text-decoration: none;
  outline: 0 none;
}

blockquote.twitter-tweet a:hover,
blockquote.twitter-tweet a:focus {
  text-decoration: underline;
}


.timeline-Tweet-text{
	font-family: 'Gentium Basic', serif;
    font-size: 1rem;
}


.eventinfo {
	font-family: "Fira Sans",sans-serif;
	font-size: 1rem;
}


.panel-body {
    padding: 10px;
    height: auto; 
    overflow: hidden;
	color: #010101;
	font-family: 'Gentium Basic', serif;
    font-size: 1.1rem;
	padding-left: 25px;

}

.panel-primary {
    border-color: #337ab7;
	background-color: #00144d;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
	font-family: 
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);		
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
	font-family: 'Gentium Basic', serif;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-heading h3 {
    color: #fff;
}


/* ==========================================================================
  LiveWhale Calendar 
   ========================================================================== */

h4.lw_events_header_date {
	color: #00144d;
	font-weight: bold;
	
}

.lw-image {
	float: left;
	padding: 10px;
}

.lw-title {
	text-align: left;
	display: block;
}

.lw-time {
	text-align: left;
	display: block;
	display: none;
}

.lw-summary {
	text-align: left;
	font-weight: bold;
	display: block;
	margin: 10px;
}

.lw-location {
    display: inline-block;
    margin-bottom: 10px;
	display: none;
}


.lw_events_day {
    margin: 20px 0 20px 0;
    border-bottom: 1px solid #C3C2C2;
    padding: 10px;
}


.lw-spname {
	display: none;
}

.lw-spinst {
	display:  none;
}

@media (min-width: 576px) {
  .container-main {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container-main {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container-main {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container-main {
    max-width: 1140px;
  }
}