/* styleshet for all pages */


body {
    font-family: Arial, Helvetica, sans-serif;
}

/*  multiple test backgrounds for showing Div sizes on page */
.testBG1 {
    background-color: black;
    height: 600px;
}
.testBG2 {
    background-color: black;
    width: 100%;
    height: 60%;
   
}
.testBG3 {
    background-color: fuchsia;
    height: 300px;
    width: 100%;
    
}

.testBG4 {
    background-color: black;
    height: 40%;
    width: 100%;
}

.featuredArticleHomePageArticleContainer{
    height: 600px;
}

/* focal point article Image container on home page */
.featuredArticleHomePageImageContainer{
    height: 60%;
    max-width: 100%;
    overflow: hidden;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

/* image style to fit into the container */
.featuredArticleHomePageImage {
    width: 100%;
}

/* focal point article Image container on home page */
.featuredArticleHomePageTextContainer {
    height: 40%;
    color: black;
}

/* author and date style for articles and home pages */
.authorAndDateForArticles {
    font-size: small;
    color: grey;
}

/* righthand column of featured articles */
.featuredArticleRightColumn {
    height: 600px;
    width: 100%;
}

/* articles on right side of featured artricles top, middle and bottom */
.featuredArticleRightTop {
  height: 33%;
}

.featuredArticleRightMiddle {
    height: 33%;
  }

  .featuredArticleRightBottom {
    height: 33%;
  }

  /*image container for rightcolumn in featured articles */
  .featuredArticleRightImageContainer{
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: flex;
  }

  /*table Container for image on right column to keep central on div */
  .featuredArticleRightImageTableContainer{
    height: 100%;
    width: 40%;
    vertical-align: middle;
    table-layout:fixed;
    
  }

  /* text container for rightcolumn in featured articles */
  .featuredArticleRightTextContainer{
    width: 60%;
    float: right;
    color: black;
  }

  /* latest articles 2 wide */
  .listArticles2Wide{
    width: 33%;
    height: 300px;
    float: right;
  }

  /* latest article 2 wide container */
  .latestArticle2WideImageContainer{
    height: 60%;
    max-width: 100%;
    overflow: hidden;
    border-radius: 10px;
    float:right;
        
  }

/* images which dont need to be centered */
  .latestArticleImages2Wide {
    width: 100%;
  }

  /* remove underline from links */
 .anchortag {
  text-decoration: none;
 }

 /* make text black for links */
 .blacktext {
  color: black;
 }