/* BLOG code */

section.slice_content_page.BlogTemplate a.BackLink {text-decoration:none;}
section.BlogTemplate aside h1 {
  font-size:20px; margin:40px 0 10px;
}
section.BlogTemplate aside div.TagCloud_div {padding-top:10px;}
section.BlogTemplate aside div.TagCloud_div a {
  font-size:14px; color:white;
  display:inline-block; margin:0 4px 8px 0; padding:7px 10px; line-height:1;
  background-color:var(--BlogButtonColor);
  border:1px solid var(--BlogButtonColor); border-radius:4px;
}
section.BlogTemplate aside div.TagCloud_div a:hover {
  background-color:white; color:var(--BlogButtonColor); opacity:1;
}

/* [href] included below to help over-ride template code on some sites */
section.BlogTemplate div.main-content div.articleListLink a[href] {
  font-size:14px; line-height:1;
	display:inline-block; margin:20px 0 0; padding:10px 30px 9px;
  background-color:white; color:var(--BlogButtonColor);
  border:1px solid var(--BlogButtonColor); border-radius:50px;
  text-decoration:none;
}
section.BlogTemplate div.main-content div.articleListLink a[href]:hover {
  background-color:var(--BlogButtonColor); color:white;
  opacity:1; text-decoration:none;
}

section.BlogTemplate div.Top1Post {
	background-color:var(--BlogLightGrey);
  padding:10px 80px 40px;
  margin:0 0 25px;
}
section.BlogTemplate div.Top1Post div div {float:none !important;}
@media(max-width:767px){
  section.BlogTemplate div.Top1Post {
    padding:1px 20px 40px;
  }
}
@media(max-width:467px){
  section.BlogTemplate div.Top1Post {
    padding:1px 10px 40px;
  }
}
section.BlogTemplate div.Top1Post img {display:block; width:100%;}
section.BlogTemplate div.Top1Post h1,
section.BlogTemplate div.Top1Post div.articleListTitle a {
  font-size:30px; font-weight:400; color:var(--BlogButtonColor); line-height:1.2;
  text-decoration:none;
}
section.BlogTemplate div.Top1Post h1 {margin:20px 0 !important;}
section.BlogTemplate div.Top1Post div.articleListTitle {margin:0 0 20px;}

section.BlogTemplate div.articleListDate {
  margin:20px 0 0; font-size:14px; line-height:1;
  color:#969696;
}
section.BlogTemplate div.Top6Blogs div.articleListDate {margin:15px 0 0;}

/* UML_AL_1: Universal Mini-Layout Article-List 1 */
section.BlogTemplate div.UML_AL_1 {
	display: flex; flex-flow: row wrap; justify-content: flex-start; align-items:stretch;
}
section.BlogTemplate div.UML_AL_1 > div {
  width: 100%; margin:15px 0;
  /*display: flex; flex-flow: column nowrap; justify-content: stretch; align-items:flex-start;*/
} /* 1 column */
@media (min-width: 467px) { /* 2 columns */
	section.BlogTemplate div.UML_AL_1 > div { width: 49%; margin:15px 0; }
	section.BlogTemplate div.UML_AL_1 > div:nth-child(2n+1) {margin-right:1%;} /* Extra 1% on each */
	section.BlogTemplate div.UML_AL_1 > div:nth-child(2n) {margin-left:1%;}
}
@media (min-width: 992px) { /* 3 columns */
	section.BlogTemplate div.UML_AL_1 > div { width:32%; margin:30px 0;}
	section.BlogTemplate div.UML_AL_1 > div:nth-child(3n+1) {margin-left:0;margin-right:0;}
	section.BlogTemplate div.UML_AL_1 > div:nth-child(3n+2) {margin-left:2%;margin-right:2%;} /* extra 4% on the middle one only */
	section.BlogTemplate div.UML_AL_1 > div:nth-child(3n) {margin-left:0;margin-right:0;}
}
section.BlogTemplate div.UML_AL_1 div.articleListImage img { display: block; width: 100%; }
section.BlogTemplate div.UML_AL_1 div.articleListImage a { display: block; margin: 0; }
section.BlogTemplate div.UML_AL_1 div.articleListImage a:hover,
section.BlogTemplate div.UML_AL_1 div.articleListTitle a:hover { opacity: 1;text-decoration:none; }
section.BlogTemplate div.articleListTitle {  
  padding: 15px 0 0;
  height:163px;
  overflow:hidden;
}
section.BlogTemplate div.UML_AL_1 div.articleListTitle a { 
  font-size:22px;line-height: 1.2; display:block; font-weight:400; color:var(--BlogButtonColor);
  text-decoration:none;
}
section.BlogTemplate div.articleListSummary { font-size:16px;padding:10px 0 0;  font-weight: 400; line-height: 1.3; }
section.BlogTemplate div.UML_AL_1 div.articleListLink {font-size:0;line-height:1;color:transparent;}

section.BlogTemplate div.articleListTitle {position:relative;}
section.BlogTemplate div.Top1Post div.articleListTitle div.SummaryFade {
  position:absolute; bottom:0; left:0; width:100%; height:50px;
  background-image: linear-gradient(to bottom, var(--BlogFadeZero), var(--BlogFadeOne));
}
section.BlogTemplate div.Top6Blogs div.articleListTitle div.SummaryFade {
  position:absolute; bottom:0; left:0; width:100%; height:50px;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.9));
}

section.BlogTemplate a.BreadcrumbLink:first-child {display:none;}

section.XBlogTemplate nav div.group_nav_child a {border:none !important;}
section.XBlogTemplate nav div.group_nav_child {
  padding:0 0 10px; margin:0 0 10px; border-bottom:1px solid #d5d5d5;
}
section.XBlogTemplate nav div.group_nav_child:first-child {
	padding-top:10px;border-top:1px solid #d5d5d5;
}
section.XBlogTemplate nav div.group_nav_child a {color:var(--BlogButtonColor); line-height:1.1;}
section.XBlogTemplate nav div.group_nav_child a:hover {color:var(--BlogHoverColor); opacity:1;}

section.BlogTemplate aside div.BlogSearch {
  margin-top:40px; background-color:#e0e0e0;
  position:relative;
}
section.BlogTemplate aside div.BlogSearch input.text {
	background-color:white;
  	border:2px solid #e0e0e0;
  	padding:5px 10px; line-height:1.7; font-size:16px;
  	width:calc(100% - 40px);
}
section.BlogTemplate aside div.BlogSearch input.text:focus {outline:none;}
section.BlogTemplate aside div.BlogSearch input.button {display:none;}
i.journey-icon-search.BlogTemplate::before {font-size:14px !important;}
section.BlogTemplate aside div.BlogSearch i.journey-icon-search {
	position:absolute; right:2px; top:8px; cursor:pointer;
}

section.BlogTemplate aside div.BlogHomeLink {margin:20px 0 0; font-size:14px;}
section.BlogTemplate aside div.BlogHomeLink a {border:none;}

section.BlogTemplate div.main-content div.ArticleBody span[style] {
	font-family:inherit !important;
  	font-size:inherit !important;
}

section.BlogTemplate aside div.AsideAL div.articleListImage img {
	display:block; max-width:100%;
}
section.BlogTemplate aside div.AsideAL div.articleListTitle {
	height:auto; padding-top:2px;
}
section.BlogTemplate aside div.AsideAL div.articleListDate {
	padding:2px 0 30px; margin:0;
}
section.BlogTemplate aside div.AsideAL {
  background-color:white;margin-top:30px;
  padding:10px 10px 0;
}
section.BlogTemplate aside div.AsideAL > div {
  padding:0 0 0;
	background-color:white;
  margin:0 0 30px;
}
section.BlogTemplate aside div.AsideAL h1 {
	background-color:white;
  margin:5px 0 10px;
}
@media(max-width:991px){
  section.BlogTemplate aside div.BlogHomeLink,
  section.BlogTemplate aside div.BlogSearch,
  section.BlogTemplate aside div.TagCloud {margin-left:15px; margin-right:15px; }
}

section.BlogTemplate div.main-content section.SocialMediaShare {
  display:none;margin-top:40px;clear:both;float:none;
}
section.BlogTemplate div.main-content section.SocialMediaShare a {
  display:inline-block; font-size:20px; line-height:1; text-decoration:none;
  background-color:#00ABED; color:white; padding:5px 7px 5px 7px;border-radius:3px;
  margin:0 0 0 0;
}
section.BlogTemplate div.main-content section.SocialMediaShare a.LinkedInShare {
	background-color:black;
}
section.BlogTemplate div.main-content section.SocialMediaShare a:hover {
  text-decoration:none !important; background-color:#0066bb; color:white;
}
section.BlogTemplate div.main-content section.SocialMediaShare a.LinkedInShare:hover {
	background-color:#666666;
}
section.BlogTemplate div.main-content section.SocialMediaShare a.FacebookShare i {
	position:relative; top:1px;
}
section.BlogTemplate div.main-content section.SocialMediaShare a.TwitterShare i {
	position:relative; top:1px;
}
@media(max-width:991px){
  section.BlogTemplate div.main-content section.SocialMediaShare a {margin-bottom:20px;}
}

section.BlogTemplate div.ArticleTags {margin:20px 0 0;}