@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

.form-control#blogcat {
    width: auto;
  margin: 0 auto;
}

.blog .layClear {
    display: none;
}

a.btn.blue:hover, a.btn.blue:focus {
    background-color: #e8c91b;
    color: #00598e;
}

h1.blog-title {
  /*font-family: "Playfair Display", Georgia, serif;*/
  font-weight: 700;
  font-size: 42px;
  text-align: left;
}

h1.blog-title a {
  text-decoration: none;
  /*color: #27285d;*/
}

.blog h2 {
    /*font-family: sans-serif;*/
    font-size: 30px;
    font-weight: 700;
    /*color: #27285d;*/
}

.blog h2 a {
  text-decoration: none;
  font-size: 1.2em;
}

.blog.BlogDrilldown h2 {
  margin-top: 2em;
}

.blog h3 {
    /*font-family: sans-serif;*/
    font-size: 22px;
    font-weight: 600;
    /*color: #27285d;*/
}

.blog h4, #blogDescription a, .blogEntryPostedBy a {
    /*font-family: sans-serif;*/
    font-size: 18px;
    font-weight: 700;
    color: #f37022;
}

.blogEntryDate {
    font-weight: 500;
    margin: 0 0 10px;
    text-align: right;
    font-size: 16px;
}

.blogEntryTeaser {

    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
    text-align: left;

}

.blogLeftNavItemTitle {
    text-transform: none;
    letter-spacing: 0px;
    font-size: 22px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    color: #11669C;
    margin-bottom: .6em;
}

.blogLeftNavItemLinks {
    margin-bottom: 10px;
}

.blog #commentTable {
    width: 100%;
}

.blog #commentTable td {
    text-align: left;
    padding: 5px 0;
}

.subnavarea {
  line-height: 28px;
  margin-bottom: 40px;
  text-align: center;
}

#blogEntryPagination {
  margin-top: 40px;
}

.layLeftNavItemLink a{text-decoration: none;}

.layLeftNavItemLink a:hover{text-decoration: underline;}

.blogEntry {
    
    margin-bottom: 35px;
}

.BlogList #formInfo.blogList {display:flex; align-items: stretch; flex-wrap: wrap; justify-content: center;}

.BlogList#formInfo.blogList .layClear{border-bottom: 1px dotted #26275E; opacity: 0;}

.BlogList .blogEntry {

    border: 1px solid #e5e5e5;
    width: 46%;
    float: left;
    padding: 0px;
    margin: 10px;
flex-basis: auto;
position: relative;
}

.BlogList .blogEntryImageWrapper{overflow: hidden;
width: 100%;
margin-bottom: 1em;}

.BlogList .blogEntryImage {width: 100%;}

.BlogList .blogEntryDate {
    text-align: right;

font-size: 14px;

line-height: 22px;
}

body.BlogList .blogEntryTeaser, body.BlogList .blogEntryTeaser p {
    text-align: left;
  font-size: 18px;
  line-height: 1.5;
}

.BlogList .blogEntryCommentCount{text-align: left;}

.BlogList .blogEntryCommentCount a.btn.blue {

    padding: 5px 15px 5px 15px;
    font-size: 18px;

}

.BlogList .blogEntryTitle, .BlogList .blogEntryDate, .BlogList .blogEntryTeaser, .BlogList .blogEntryCommentCount{padding: 0px 15px;}

.blogdrilldown #contentInfo .headerImage, .BlogDrilldown #contentInfo .headerImage {

    width: 100%;
    overflow: hidden;
    height: 300px;
    height: auto;
}

.blogdrilldown #contentInfo .headerImage img, .BlogDrilldown #contentInfo .headerImage img{width: 100%;}

.blogdrilldown.BlogList .blogEntry, .BlogDrilldown.BlogList .blogEntry {
    border: 0px;
    width: 100%;
    float: none;
    margin: 0px;
}

.blogdrilldown #contentInfo, .BlogDrilldown #contentInfo{margin-bottom: 35px;}

.blogdrilldown .blogEntryTitle, .blogdrilldown .blogEntryTitle a, .blogdrilldown .blogEntryPostedBy, .BlogDrilldown .blogEntryTitle, .BlogDrilldown .blogEntryTitle a, .BlogDrilldown .blogEntryPostedBy {
    text-align: left;
    padding: 0;
}

.BlogDrilldown .blogEntryPostedBy {
    margin-top: 2em;
}

.blogdrilldown .contentZone {
  max-width: 1200px;
}

@media (max-width: 991px) {

    .subnavarea.lowerblogsubnav {
        width: 100%;
        text-align: center;
    }

    .subnavarea.lowerblogsubnav .layLeftNavItemLink {
        display: inline-block;
        margin: 5px 15px;
        line-height: 14px;
    }

    .layLeftNavItemLink a {
        font-size: 14px;
    	 line-height: 14px;
    }

    .blogEntry {
        width: 100%;
        margin: 10px 0px;
    }

    .subnavarea.col-md-3 {
        text-align: center;
        margin-bottom: 40px;
    }

    .contentZone {
      padding: 50px 20px;
    }

    h1.blog-title {
      font-size: 32px;
    }

    .blog h2 {
      font-size: 24px;
    }

    .contentarea #formInfo {
        padding: 0
    } 

}

@media (min-width: 992px) and (max-width: 1024px) {

.subnavarea.lowerblogsubnav {
    width: 100%;
    text-align: center;
}

.subnavarea.lowerblogsubnav .layLeftNavItemLink {
    display: inline-block;
    margin: 5px 15px;
    line-height: 14px;
}

.layLeftNavItemLink a {
    font-size: 14px;
	 line-height: 14px;
}

.contentZone {
  padding: 50px;
}

}

@media (min-width: 1025px) and (max-width: 1199px) {

.subnavarea.col-md-3 .layLeftNavItemLink {
    display: inline-block;
    margin: 5px 15px;
    line-height: 14px;
}

.layLeftNavItemLink a {
    font-size: 14px;
	 line-height: 14px;
}

}

@media (max-width: 767px) {
    .BlogList .blogEntry {
      width: 100%;
    }
}