/* field for the text in content ie not the header */
.textBody {
  font-size: 20px;
}

/* logo */
.onlineforecastlog img {
  width: 145px;
  height: 170px;
  position: absolute;
}

.onlineforecastlog img.r1.c0, {
    left: 100px;
}

.firstText {
    display: inline-block;
    max-width: 78%;

}

/* css for the Articles and Examples */
.columnTitle {
  float: left;
  width: 30%;
  margin-bottom: 16px;
  padding: 0 2px;
}

.columnAbstract {
  float: right;
  width: 70%;
  margin-bottom: 16px;
  padding: 0 8px;
}

h3{
    font-size: 25px;
    display: inline-block;
    border-bottom: 1px solid black;
    padding-top: -10px;
    padding-bottom: 3px;
    text-transform: uppercase;
}


/* effect on the about us picture */
.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  margin: 8px;
}

/* The header on the about us section */
.about-section {
  padding: 50px;
  text-align: center;
  /*background-color: #474e5d;*/
}

.container {
	/*margin-right: 0px;
     margin-left: -5px;
	/* padding: 0 0px;
  /*padding-left:220px;
  padding-right:220px; */
}

.container::after, .row::after {
  content: "";
  clear: both;
  display: table;
}


/* css for the title of the .Rmd files */
.title {
  color: grey;
}

/* The max-width on the body */
body .main-container {
  max-width: 900px;
}

/* for the package onlineforecast in text */
.onlineforecast{
  color: #000000;
  font-family:  Courier New;
}

/* for the icons in about us under names, e.g. email */
ul.network-icon {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    padding: 10px;
    margin: 0px;
}
/* the color of the icons */
a {
  color: #990000;
  background-color: transparent;
  text-decoration: none;
}

/* end of the body and the space between text and footer */
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -330px; 
}

.page-wrap:after {
  content: "";
  display: block;
}

/* containter for about */
.containerAbout{
float: left;  
  padding-left:4px;
  padding-right:0px;
    margin-bottom: -10000px;
  padding-bottom: 10000px;
}

.containerAbout::after, .row::after {
  content: "";
  clear: both;
  display: table;
}



.navbar-default {
    background-color: #990000;
    border-color: #990000;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #990000;
    color: #000000;
}

/* FOOTER STUFF */

/* container for the footer */
.containerFooter {
	 padding: 0 0px;
}

.containerFooter::after{
  content: "";
  clear: both;
  display: table;
}


.site-footer, .page-wrap:after{
	max-width: 900px;
  	background-color:#ffffff;
	padding:45px 0 20px;
  	font-size:15px;
  	line-height:24px;
  	color:#737373;
  	bottom: 0px;
  	height: 320px;
}

.site-footer hr {
  position: relative;
  background: white;
  height: 10px;
  width: 900px;
  align-self: flex-start;
  margin: 0;                           /* added  */
}

.site-footer hr.small
{
  margin:200px;
}
.site-footer h6
{
  color:#111111;
  font-size:1.6em;
  text-transform:uppercase;
  margin-top:5px;
  letter-spacing:2px
}
.site-footer a
{
  color:#3D9970;
}
.site-footer a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links
{
  padding-left:10;
  color:#990000
}

.footer-links a
{
  /* Change color of the footer link text */
  color:#990000
}
.footer-links a:active,.footer-links a:focus,.footer-links a:hover
{
  color:#3D9970
  text-decoration:none;
}
.footer-links.inline li
{
  display:inline-block
}
.site-footer .social-icons
{
  text-align:left
}

.copyright-text
{
  margin:0
}