/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/*****************************************/
/* variables   */
/*****************************************/

/* 1c. Colors */

/* Black            #919191 
 * Grey Dark        #666666 
 * Grey             #d8d8d8 
 * Grey Light.      #071F28 
 * bg               #f8f9fa 
 * Link             #008fbc
 * Teal             #008296

 * /

 
 
 
 
 
 
 
 

 * /
 * 
 * 
 * 
 /* LAYOUT ...................................................................................................*/

/* HEADER */
.cta-selector-module {
  margin-top: 50px;
}
  

/* BLOG POST ...................................................................................................*/

/* BLOG WIDGETS GENERAL */
.focus_widget_post_item-a:focus .focus_widget_post_item-title, 
.focus_widget_post_item-a:hover .focus_widget_post_item-title {
    color: #191919!important;
  text-decoration: none!important;
  
}
.focus_widget_post_item-a .focus_widget_post_item-date,
.focus_widget_post_item-a:focus .focus_widget_post_item-date, 
.focus_widget_post_item-a:hover .focus_widget_post_item-date {
   color:  #979695!important;
}

time, a.focus_grid-author-name {
  font-size: 13px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: none!important;
}
time {
  color: #979695!important;
}

/* BLOG Tags */
.focus_grid-tags span {
  display: none;
}
.focus_grid-tags a.focus_grid-tag, 
.blog-post__tags a.blog-post__tag-link,
.blog-post__tags span,
.focus_widget-blog_tags a{
   letter-spacing: 0.5px;
   border: 1px solid rgba(0, 130, 150, 0.2);
   padding: 1px 8px;
   margin: 5px 3px 3px 0;
   display: inline-block;
   border-radius: 5px;
   text-decoration: none!important;
   font-size: 13px;
   text-wrap: nowrap;
}
.focus_grid-tags a.focus_grid-tag:hover,
.focus_grid-tags a.focus_grid-tag:focus,
.blog-post__tags a.blog-post__tag-link:hover, 
.blog-post__tags a.blog-post__tag-link:focus,
.focus_widget-blog_tags a:hover,
.focus_widget-blog_tags a:focus{
  font-weight: 600;
  color: #191919;
  text-decoration: none;
  background: #f8f9fa;
  border-color: #f8f9fa;
}
.focus_grid-tags span,
.blog-post__tags span;
.focus_widget-blog_tags span{
  padding-right: 5px;
}

/* BLOG authors */
.focus_widget-blog_authors a {
}
.focus_widget-blog_authors a:focus, .focus_widget-blog_authors a:hover {
   background:  #f8f9fa!important;
   color: #191919!important;
   text-decoration: none;
}

/* WIDGET BLOG SLIDER ..................................*/
.focus_widget-container.focus_widget-image_slider {
  padding-bottom: 30px;
}
.focus_widget-image_slider ul.splide__pagination {
    bottom: -30px;
}
/* BLOG LISTING .................................*/

.hs-blog-listing .body-container-wrapper .focus_grid-blog_item_inner .focus_grid-date_bar {
    margin: 0px!important;
  justify-content: space-between;
}

.hs-blog-listing .body-container-wrapper .focus_grid-blog_item_inner,
.hs-blog-listing .body-container-wrapper .focus_grid-blog_item {
   display: flex;
   flex-direction: column;
   gap: 10px;
  margin-bottom: 20px;
}
.hs-blog-listing .body-container-wrapper .focus_grid-blog_item_inner .focus_grid-image-wrapper {
  width:100%; 
  height: 270px;
  overflow: hidden;
}
.hs-blog-listing .body-container-wrapper .focus_grid-blog_item_inner .focus_grid-image-wrapper img{
  width: 100%;
  height: 270px;
  object-fit: cover;
  margin: 0;
        transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    animation: slide .5s;
    -webkit-animation: slide .5s;
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
}
.hs-blog-listing .body-container-wrapper .focus_grid-blog_item_inner .focus_grid-image-wrapper:hover img{
  width: 100%;
  height: 290px;
}
.hs-blog-listing .body-container-wrapper .focus_grid-title-link {
  text-decoration: none;
  font-weight: 600;
}
.hs-blog-listing .body-container-wrapper .focus_grid-title-link:hover {
    color: #008296!important;
}
.hs-blog-listing .body-container-wrapper h1.focus_module_fancy_header {
  max-width: unset;
}
.hs-blog-listing .body-container-wrapper .focus_grid-inner {
    gap: 0;
}
.hs-blog-listing .body-container-wrapper .focus_grid-inner h2.focus_grid-title {
    line-height: 28px;
    font-size: 20px;
}
.hs-blog-listing .body-container-wrapper .focus_grid-inner .focus_grid-button {
  padding: 5px 20px;
  font-size: 13px;
}
/* BLOG SIDEBAR  .................................*/

.focus_sidebar .focus_widget_post_item-a:focus, 
.focus_sidebar .focus_widget_post_item-a:hover {
    background: #f8f9fa; 
    box-shadow: none; 
    text-decoration: none; 
}
.focus_sidebar .focus_widget_post_item-a .focus_widget_post_item-img, 
.focus_sidebar .focus_widget_post_item-a:focus .focus_widget_post_item-img, 
.focus_sidebar .focus_widget_post_item-a:hover .focus_widget_post_item-img {
    border-color:transparent;
    border-style: solid;
    border-width: 0!important;
    border: none!important;
}
.focus_sidebar .focus_widget_post_item-a .focus_widget_post_item-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none!important; 
} 
.focus_sidebar .focus_widget_post_item-a:focus .focus_widget_post_item-title, 
.focus_sidebar .focus_widget_post_item-a:hover .focus_widget_post_item-title{
  color: #008296!important;
}

.focus_sidebar .focus_widget-image_slider ul.splide__pagination {
    bottom: -40px;
}
/* BLOG POST .................................*/
.hs-blog-post .focus_blog_post-container {
  display: flex;
  flex-direction: column;
}


/* BLOG POST body */
.hs-blog-post .blog-post__body p:first-child{
  font-size: 1.2rem!important;
  line-height: 1.5;
  font-family: Plus Jakarta Sans, sans-serif;
}
.hs-blog-post .focus_blog_post-container .blog-post__body figure{
  margin: 40px 0!important; 
}
.hs-blog-post .focus_blog_post-container .blog-post__body h2{
  font-size: 22px;
  margin: 2.5em 0 1em;
}
.hs-blog-post .focus_blog_post-container ul li,
.hs-blog-post .focus_blog_post-container ol li {
  margin: 5px 20px;
}
/* BLOG: Related Blog Post ....................*/
.hs-blog-post .focus_widget_post_item-a.mw_single_post:focus, 
.hs-blog-post .focus_widget_post_item-a.mw_single_post:hover{
  text-decoration: none!important;
  background : #f8f9fa;
}
.hs-blog-post .focus_widget_post_item-a.mw_single_post .focus_widget_post_item-title, 
.hs-blog-post .focus_widget_post_item-a.mw_single_post:focus .focus_widget_post_item-title, 
.hs-blog-post .focus_widget_post_item-a.mw_single_post:hover .focus_widget_post_item-title {
  color:  #191919;
  text-decoration: none;
  margin-top: 10px;
    font-size: 20px;
    line-height: 26px;
}
.hs-blog-post .focus_widget_post_item-a.mw_single_post .focus_widget_post_item-date,
.hs-blog-post .focus_widget_post_item-a.mw_single_post:hover .focus_widget_post_item-date{
  text-decoration: none!important;
}
/*.hs-blog-post .focus_widget_post_item-a img {
  width: 100%;
  height: 270px;
  object-fit: cover;
  margin: 5px 0;
}
.hs-blog-post .focus_widget_post_item-a img {
  width: 100%;
  height: 270px;
  object-fit: cover;
  margin: 5px 0;
}
*/