/*@font-face {
  font-family: 'Comfortaa';

  src: url('../fonts/Comfortaa-Bold.ttf') format('truetype');
  src: url('../fonts/Comfortaa-Light.ttf') format('truetype');
  src: url('../fonts/Comfortaa-Regular.ttf') format('truetype');
}
*/

@import url('https://fonts.googleapis.com/css?family=Comfortaa:300,400,700|Open+Sans&subset=latin-ext');

body
{
    margin-top: 0px;
    padding-top: 0px;
    font-family: 'Comfortaa';
}

.todo
{
	color: red;
}

#divLogo
{
    font-family: 'Comfortaa';
/*    font-weight: 700;*/
    /*text-align: center;*/
    display: table;
    width: 100%;
    /*border: 1px solid black;*/
}

.page-header
{
	margin-bottom: 0px;
	margin-top: 10px;
}

.top-bar
{
	height: 30px;
	background-color: #223344;
}

/* Fix the negative margin in bootstrap.css */
.row
{
	margin-left: 0px;
	margin-right: 0px;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand
{
	margin-left: 0px;
}

/* Set the primary bg color for panel (news section) */
.news.panel-primary > .panel-heading
{
	background-color: #223344;
}

.news.panel-primary > .panel-heading, .panel-primary
{
	border-color: #223344;
}

.news .list-group-item
{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
  padding-bottom: 5px;
}

.news-date
{
	background-color: #91CABF; /* #ffbb88; */ /* #ffcc77; */ /* #bbccaa; */
	/* background-color: #dda3a3; #ffbb88; #ffcc77; */ /* #bbccaa; */
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.news-text
{
	padding-left: 5px;
	padding-right: 5px;
}

.news a 
{
  /* color: #dd8080; */
  /* color: #ff8800; */
  color: #55989F;
  font-weight: bold;
}

.previous
{
  padding-top: 5px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}



/* Main content text styling */
.content
{
	/*font-family: 'Open Sans';*/
	line-height: 2;
	text-align: justify;
	font-weight: 400;
}

.content a
{
	color: #55989F; /* #ff8800; */ /* #dd8080; */ /* #ff8800; */
  font-weight: bold;
}

.content-section:not(:last-child)
{
	margin-bottom: 50px;
}



#divSiteTitle { font-weight: 700; font-size: 64px; text-align: right; display: table-cell; vertical-align: middle; width: 50%; height: 100px; padding-right: 10px; }
#divSiteTitle .logoLeft { color: #aabbcc; }
#divSiteTitle .logoRight { color:  #55AD9B; /* #ffbb88; */ /* #dda3a3; */ /* #ffbb88; */ /* #bbccaa; */ }
#divSiteSubTitle { font-weight: normal; font-size: 16px; text-align: left; display: table; width: 100%; padding-left: 10px; }
#divSiteSubTitle div { vertical-align: middle; display: table-cell; height: 100px; width: 100%; }
#divTagLine { font-weight: bold; font-size: 12pt; }


/* Fix the header for smaller screens */
@media (max-width: 992px)
{
  #divSiteTitle { font-weight: bold; font-size: 64px; text-align: center; display: block; width: 100%; padding-right: 0px; }
  #divSiteSubTitle { font-weight: normal; font-size: 16px; text-align: center; display: block; width: 100%; padding-left: 0px; }
  #divSiteSubTitle div { vertical-align: middle; display: block; height: 100px; width: 100%; }
  #divTagLine { font-weight: bold; font-size: 12pt; }
}


nav { font-family: 'Comfortaa'; }
.navbar
{
	background-color: #223344;
	border-radius: 0;
}


.site-footer
{
  background-color: rgb(225,225,225);
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 40px;
  padding-bottom: 40px;
  height: 180px;
}

.site-footer .cell { display: table; width: 100%; }
.site-footer .cell .left-cell { display: table-cell; vertical-align: middle; text-align: right; padding-right: 10px; }
.site-footer .cell .left-cell img { height: 100px; }
.site-footer .cell .mid-cell { display: table-cell; vertical-align: middle; text-align: center; width: 300px; }
.site-footer .cell .right-cell { display: table-cell; vertical-align: middle; text-align: left; padding-left: 10px; }
.site-footer .cell .right-cell img { height: 100px; }

.site-footer a { color: rgb(51, 51, 51); }