@charset "utf-8";
/* prefixed 14/02/25 */

#blogDetailContainer {
   margin: 2rem 0 1rem 0;
}

.blogDcopyImg1 {
   display: grid;
   grid-template-areas:
      "blogTxtL blogTxtL blogImgL"
      "blogImgG blogImgG blogImgG";
   grid-template-columns: 1fr 1fr 1fr;
   row-gap: 1rem;
   -moz-column-gap: 1rem;
   column-gap: 1rem;
   height: auto;
   align-items: stretch;
}

#blogTxtL {
   grid-area: blogTxtL;
   padding: 1rem;
   display: flex; /* 14/02/25 added flex to allow center alignment outside of grid settings  */
   flex-direction: column;
   justify-content: center;
} /* L = Lead */


#blogImgL {
   grid-area: blogImgL;
   border-radius: 6px;
}

.blogDcopyImg2 {
   display: grid;
   grid-template-areas:
      "blogTxt1 blogTxt1 blogTxt1"
      "blogImgG blogImgG blogImgG";
   grid-template-columns: 1fr 1fr 1fr;
   row-gap: 1rem;
   -moz-column-gap: 1rem;
   column-gap: 1rem;
   height: auto;
   align-items: center;
}

#blogTxt1 {
   grid-area: blogTxt1;
}

#blogTxt2 {
   border-bottom: 1px dotted #becbc5;
   /* padding: 1rem 0; changed 151224*/
   padding: 1rem;
}

.blogDcopyImg1 img,
.blogDcopyImg2 img {
   -o-object-fit: cover;
   object-fit: cover;
   width: 100%;
}

.allRad {
   border-radius: 6px;
}

.topRad {
   border-radius: 6px 6px 0 0;
   vertical-align: middle;
}

.blogCaption {
   background-color: #dbe3df;
   padding: 4px 8px 6px 8px;
   border-radius: 0 0 6px 6px;
   text-align: center;
}

.blogDcopyImg1 a {
   color: darkred;
}

@media only screen and (max-width: 900px) {
   .blogDcopyImg1 {
      grid-template-areas:
         "blogTxtL blogImgL"
         "blogImgG blogImgG";
      grid-template-columns: 1fr 1fr;
   }

   .blogDcopyImg2 {
      grid-template-areas:
         "blogTxt1 blogTxt1"
         "blogImgG blogImgG";
      grid-template-columns: 1fr 1fr;
   }
}

@media only screen and (max-width: 600px) {
   .blogDcopyImg1 {
      grid-template-areas:
         "blogImgL"
         "blogTxtL"
         "blogImgG";
      grid-template-columns: 1fr;
   }

   .blogDcopyImg2 {
      grid-template-areas:
         "blogTxt1"
         "blogImgG";
      grid-template-columns: 1fr;
   }
}