/* BLOG STYLES */



/* ARTICLE PAGE */

#blog-hero {

  height: 55vh;

  min-height: 450px;

}

.internal#hero {

  padding-bottom: 20px !important;

}

.blogArticleWrapper {

  margin-bottom: 50px;

}



.blog-header {

  background-color: black;

  color: white;

  padding: 3em;

}

.blog-header a {

  color: white;

}

.blog-header a:hover {

  color: white;

  text-decoration: underline;

}



.blogArticleWrapper .blogAuthorPost {

}

#avatar img {

  width: 40px;

  height: 40px;

  object-fit: cover;

}

#author-bio #avatar a {

  width: 100%;

  position: relative;

  padding-bottom: 100%;

}

#author-bio #avatar img {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  /*background: #fff;

    border: 2px solid;*/

}

#avatar-lg img {

  /*background: #fff;

    border: 2px solid;*/

}

.authorBtn:hover {

  color: white !important;

}

a.btn.authorBtn:hover::before,

a.btn.authorBtn:hover::after,

a.btn.authorBtn:active,

a.btn.authorBtn:focus,

a.btn.authorBtn:before {

  background: black !important;

}



#article_title.card {

  display: inline-block !important;

}

.blogBlogWrapper {

  padding-bottom: 70px;

}



.blog-subheading {

  font-style: italic;

  border-left: 3px solid #000;

  padding-left: 25px;

  margin-bottom: 35px;

  font-size: 1.7em;

}

a.Gallerythumbnails img {

  height: unset;

}



/* sidebar signup */

#blog-sidebar .ctct-inline-form {

  width: 100%;

}

#blog-sidebar .ctct-form-defaults {

  background-color: transparent;

  color: #fff;

}

.black-bg .ctct-form-label {

  color: #fff !important;

  font-family: sofia-pro !important;

}

.black-bg .ctct-inline-form .ctct-form-button {

  order: 1;

  background-color: unset;

  background-color: transparent !important;

  color: #fff !important;

  border: 2px solid #fff !important;

  border-radius: 0 !important;

  font-family: sofia-pro, sans-serif;

  text-transform: uppercase;

  order: 3;

}

.black-bg .ctct-inline-form .ctct-form-button:hover {

  color: #000 !important;

  text-transform: uppercase;

  border: 2px solid #000;

}

.black-bg .ctct-inline-form button:before {

  background: #fff !important;

}

.black-bg .ctct-gdpr-text {

}

/*

.blogBlogWrapper .article-container .blogMainImage{

	margin-bottom: 15px;

		max-width: 220px;

		margin-top: 15px;

}*/

@media (min-width: 767px) {

  .blogBlogWrapper .article-container td {

    display: flex;

  }

  /*

	.blogBlogWrapper .article-container .blogMainImage{

	margin-right: 25px;

	margin-bottom: 15px;

		max-width: 300px;

		margin-top: 15px;

}*/

}



@media (min-width: 992px) {

  .blogBlogWrapper .feature-blog {

    min-width: 30%;

  }

}

@media (max-width: 992px) {

  .blogBlogWrapper .feature-blog {

    min-width: 45%;

  }

}



/*.blogBlogWrapper */

.article-container #BlogDesc {

  font-size: 19px;

  font-weight: 100;

}

.article-container .BlogAuth {

  margin-bottom: 20px;

}

.article-container .read-more-link {

  margin-top: 20px;

}



#blog-sidebar div.ctct-form-embed div.ctct-form-defaults p.ctct-form-text {

  font-size: 15px !important;

  font-family: sofia-pro, sans-serif;

  color: #fff !important;

  text-align: center;

}



.BlogPageTitle {

  margin-bottom: 35px;

}

.catNames,

.blogNames {

  display: flex;

  background: #eee;

  padding: 15px;

}

.catNames ul,

.blogNames ul {

  list-style: none;

  margin-bottom: 0;

  display: flex;

  padding-left: 15px;

}

.catNames h6,

.blogNames h6 {

  margin-bottom: 0 !important;

}

.catNames ul li,

.blogNames ul li {

  padding: 0 16px;

  border-right: 1px solid #ccc;

  font-size: 16px;

  line-height: 1;

}



.feature-blog #BlogDesc {

  display: none;

}



#blogArticles .feature-blog {

  background-size: cover !important;

  min-height: 380px;

  max-height: 420px;

}

.feature-blog.sml-txt h1 {

  font-size: 2em !important;

}

.feature-blog-box {

  position: relative;

  height: 100%;

  background-position: center !important;

}

.feature-blog-box:before {

  content: '';

  position: absolute;

  width: 100%;

  left: 0;

  top: 0;

  background: rgba(0, 0, 0, 0.5);

  display: block;

  height: 100%;

  z-index: 0;

}



.feature-blog .BlogText {

  z-index: 1;

  position: relative;

}

.feature-blog > a {

  display: block;

}

.feature-blog #BlogDesc {

  display: none;

}

.feature-blog-box a:before {

  background: #fff !important;

}