/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles for your blog. The styles included
are for the listing and post templates, featured images and pagination.
Also for the post meta infromation like tags, author and published date
*********************************************************************************
****************************************************************************** */

/* TODO: Find a better place for this */
#blog-body {
  font-size: 1rem;
}

#blog-body h2 {
  font-size: 2.25
}

#blog-body p, #blog-body tbody, #blog-body li {
  font-size: 1.1rem;
  letter-spacing: .2;
  line-height: 1.6;
}

.content-wrapper {
    margin: 1rem 0;
}

.blog-content-wrapper {
    max-width: 1280px;
    margin: 2rem auto;
	  padding: 0 1rem;
}

.blog-header {
	background-color:;
    text-align: center;
}

.blog-header__inner {
    max-width: 600px;
    margin: 0 auto;
    padding: 3.2rem 0;
}

.blog-header__title {
    font-size: 2rem;
}

.blog-header__subtitle {
    margin: 1rem 0 2rem;
}

h4.blog-header__subtitle {
    font-family: 'Frutiger LT W01_65 Bold';
    font-size: 22px;
    line-height: 1.8;
}

.blog-header__form {
    margin: 0 1rem;
}

#comments-listing {
    border: 1px solid #bebebe;
    margin: 2rem 0;

}

.comment.depth-0 {
    border-bottom: 1px solid #000 !important;
    border-top: medium none !important;
    margin: 0 10px 10px !important;
    padding: 0 1rem !important;
}

.comment-body {
    border-bottom: medium none;
    color: inherit;
    display: block;
    padding: 0;
}

.hs-blog-listing {
    overflow-x: hidden;
}

.blog-recent-posts__list a {
    text-decoration: none;
}



.comment-reply-to {
    margin-bottom: 1rem;
}

.comment-from h4 {
    margin: 0;
    padding-top: 1rem;
}

.comment-from h4 a {
    text-decoration: none;
}

.comment-date {
    color: inherit !important;
    display: block !important;
    text-align: left;
}

@media screen and (min-width: 768px) {
    .blog-header__form {
        width: 500px;
        margin: 0 auto;
    }
}

.blog-index {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
	  gap:1rem;
}

.blog-index:after {
    content: "";
    flex: auto;
}

.blog-index__tag-header {
    flex: 1 0 100%;
    padding:0;
}

.blog-index__tag-subtitle {
    font-size: 2rem;
    line-height: 1.2;
}

.blog-index__tag-heading {
    padding-bottom: 1rem;
    border-bottom: 1px solid #bebebe;
}

.blog-index-small {
    display: flex;
}

.blog-index__post {
    flex: 0 0 100%;
    padding: 0;
    background-color: #ffffff;
    overflow: hidden;
    margin:0;
    border-radius: .5rem;
    box-shadow: 0px.5rem 1rem rgba(172, 185, 196, 0.2);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.blog-index__post:hover {
    box-shadow: 0px 1rem 48px rgba(172, 185, 196, 0.5) !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.blog-index__post:focus {
    box-shadow: inset 0px 2px 4px rgba(172, 185, 196, 0.3) !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}



@media screen and (min-width: 768px) {
    .blog-index__post {
        flex: 0 0 calc(100%/2);
    }
}

@media screen and (min-width: 1000px) {
    .blog-index__post {
        flex: 0 0 calc(100%/3);
    }
}

@media screen and (min-width: 768px) {
    .blog-index__post--large {
        flex: 1 0 100%;
        display: block;
        justify-items: space-between;
        border-radius:.5rem;
        background-color: #fff;
        margin-bottom: 1rem;
    }


        .blog-index__post--large:focus {
            box-shadow: inset 0px 2px 4px rgba(172, 185, 196, 0.3) !important;
            transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        }

    }

.blog-index__post--small{
	    flex-wrap: wrap;
      flex: 100 100 calc(100%/3);
}

    .blog-post img {
        max-width: 100%;
    }

    .blog-index__post-image {
        display: block;
        border-radius:.5rem .5rem 0 0;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        padding-bottom: 40%;
        overflow: auto;
        background-image: url('');
    }

    @media screen and (min-width: 768px) {
        .blog-index__post-image--large {
            flex: 1 1 100%;
            padding-bottom: 40%;
            border-radius:.5rem.5rem 0 0;
        }

        .blog-index__post-content--large {
            flex: 1 1 100%;
            padding: 0 1rem 1rem 1rem;
        }

        .blog-index__post-image--large {
            flex: 1 1 48%;
        }

        .blog-index__post-content--large {
            flex: 1 1 48%;
            padding: 2rem 1rem;
        }
    }

	
	.blog-index__post-content.blog-index__post-content--small {
    padding: 2rem;
}

.blog-index__post-content.blog-index__post-content--large {
    padding: 2rem;
  	line-height: 1;
}
	

    .blog-index__post-content p {
        font-family: FrutigerLTW01-45Light;
        font-size: 1.2rem;
        line-height: 2rem;
        letter-spacing: .2px;
        font-color: #666666 !important;
		  	text-decoration: none !important;

    }

    .blog-index__post-content a {
        color: #666666 !important;
        font-family: FrutigerLTW01-45Light;
			  text-decoration: none !important;
		  	transition: all .15s ease-in-out;
    }

    .blog-index__post-content a:hover a:focus {
        color: #666666 !important;
        font-family: FrutigerLTW01-45Light;
			  text-decoration: underline !important;
			  transition: all .15s ease-in-out;
    }

 .blog-index__post-content h2 a {
        color: #222222 !important;
	      font-size: inherit;
        font-family: "Frutiger LT W01_65 Bold";
			  text-decoration: none !important;
		  	transition: all .15s ease-in-out;
	      line-height: 1.42857143;
    }

 .blog-index__post-content h2 a:hover a:focus {
        color: #222222 !important;
	      font-size: inherit;
        font-family: "Frutiger LT W01_65 Bold";
			  text-decoration: underline !important;
		  	transition: all .15s ease-in-out;
	 	    line-height: 1.42857143;
    }

 .blog-index__post-content h4 a {
        color: #222222 !important;
        font-family: "Frutiger LT W01_65 Bold";
			  text-decoration: none !important;
		  	transition: all .15s ease-in-out;
    }

 .blog-index__post-content h4 a:hover a:focus {
        color: #222222 !important;
        font-family: "Frutiger LT W01_65 Bold";
			  text-decoration: underline !important;
		  	transition: all .15s ease-in-out;
    }
	

    .blog-index__post img {
        max-width: 100%;
        height: auto;
    }


    .blog-pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-bottom: 3.2rem;
        gap: 16px;
        margin-top: 32px;
    }

    .blog-pagination__link {
        display: inline-flex;
        padding: .25rem .4rem;
        margin: 0 .1rem;

        color: ;
        text-decoration: none;
        border: 2px solid transparent;
        line-height: 1;
        border-radius: 7px;
    }

    .blog-pagination__link--active {
        border: 2px solid #B0C1D4;
    }

    .blog-pagination__link:hover,
    .blog-pagination__link:focus {
        text-decoration: none;
    }

    .blog-pagination__prev-link,
    .blog-pagination__next-link {
        display: inline-flex;
        align-items: center;
    }

    .blog-pagination__prev-link {
        text-align: right;
        margin-right: .25rem;
    }

    .blog-pagination__next-link {
        text-align: left;
        margin-left: .25rem;
    }

    .blog-pagination__prev-link--disabled,
    .blog-pagination__next-link--disabled {
        color: #B0C1D4;
        pointer-events: none;
        cursor: default;
    }

    .blog-pagination__prev-link svg,
    .blog-pagination__next-link svg {
        fill: !important;
        margin: 0 5px;
    }

    .blog-pagination__prev-link--disabled svg,
    .blog-pagination__next-link--disabled svg {
        fill: #B0C1D4;
    }

    .blog-pagination__number-link:hover,
    .blog-pagination__number-link:focus {
        border: 2px solid #B0C1D4;
    }

    .blog-header__author-avatar {
        height: 200px;
        width: 200px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
			  box-shadow: 0px 16px 48px rgb(0 0 0 / 18%);
        border-radius: 50%;
        margin: 0 auto 1.5rem;
    }

    .blog-header__author-social-links a {
        display: inline-block;
        position: relative;
        background-color: #000;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        margin: 0 5px;
    }

    .blog-header__author-social-links a:hover {
        background-color: ;
    }

    .blog-header__author-social-links svg {
        fill: #fff;
        height: 1rem;
        width: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .blog-post {
        margin: 0 auto;
        padding: 3.2rem 0;
    }
	
	.blog-post__body p, .blog-post__body p span {
    font-size: 18px;
    line-height: 1.6;
    font-weight: 100;
}

@media (max-width: 768px){
  .blog-post__body p, .blog-post__body p span{
    font-size: 16px !important;
  }
}

	.blog-post__body p.lead, .blog-post__body p.lead span {
    font-size: 1.5rem !important;
    font-weight: normal;
    color: #666666;
    margin-bottom: 24px;
}

@media (max-width:768px) {
    .lead {
        font-size: 1.2rem;
    }
}
.blog-post__body h3 {
    padding-top: 2rem;
	  font-family: 'Frutiger LT W01_65 Bold' !important;
}

	.blog-post__body h4 {
    padding-top: 2rem;
}
		
	.blog-post__body h5 {
    padding-top: 2rem;
}
	
	.blog-post__body h6 {
    padding-top: 2rem;
}


	

    .blog-post__meta {
      display: flex;
      margin: 1rem 0;
      flex-direction: row;
			padding-bottom: 64px;
      align-items: center;
    }
	
	.blog-post-author-section {
		    display: flex;
        margin: 1rem 0;
        flex-direction: row;
	}

    .blog-post__meta a {
        color: ;
        text-decoration: underline;
    }

@media screen and (min-width: 768px) .blog-post__meta {
        display: flex;
        margin: 1rem 0;
        flex-direction: row;
	      padding-bottom: 64px;
    }

@media screen and (max-width: 767px) .blog-post__meta {
        display: flex;
        margin: 1rem 0;
        flex-direction: row;
        align-items: center;
	      padding-bottom: 64px;
    }
}

.blog-post__tags {
	margin-top: 64px !important;
}

.blog-post__tags svg {
    width: 1rem;
    height: auto;
    margin-right: .5rem;
}

.blog-post__tags a {
    font-size: .9rem;
  	letter-spacing: .02rem;
}

.blog-post__tag-link {
    font-size: .8rem;
    color: #000;
}

.blog-post__description {
    font-size: 1.1rem;
	  line-height:1.4rem;
	  text-decoration:none !important;
	  color:#666666 !important;
}

.blog-recent-posts {
    margin-top: 3rem;.custom-menu-primary .navigation-primary>ul.blog_submenu.level-1>li>ul.blog_submenu.level-2
    background-color: #f7f7f7;
    padding: 2rem 0;
}

.blog-recent-posts h2 {
    text-align: left;
}

.blog-recent-posts__list {
    display: flex;
}

.blog-recent-posts__post {
    display: block;
    flex: 0 0 100%;
    color: ;
    background-color:#ffffff;
    overflow: hidden;
    padding:0;
    margin:8px;
    border-radius:1rem;
    box-shadow: 0px.5rem 1rem rgba(172, 185, 196, 0.2);
    transition: color .15s ease-in-out;
    background-color .15s ease-in-out;
    border-color .15s ease-in-out;
    box-shadow .15s ease-in-out;
}

.blog-recent-posts__post:hover {
    box-shadow: 0px 1rem 48px rgba(172, 185, 196, 0.5) !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.blog-recent-posts__post:focus {
    box-shadow: inset 0px 2px 4px rgba(172, 185, 196, 0.3) !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

@media screen and (min-width: 768px) {
    .blog-recent-posts__post {
        flex: 0 0 calc(100%/2);
    }
}

@media screen and (min-width: 1000px) {
    .blog-recent-posts__post {
        flex: 0 0 calc(100%/3);
    }
}

.blog-recent-posts__post:hover {
    text-decoration: none;
}

.blog-recent-posts__image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 50%;
    border-radius:.5rem.5rem 0 0;
}

.blog-recent-posts__title {
    margin: 1.5rem 0 .5rem;
}

.blog-comments {
    max-width: 600px;
	  margin:0 auto;
}

.blog-comments form {
    max-width: 100%;
}

.blog-comments .hs-submit {
    text-align: left;
}

.blog-comments .comment-reply-to {
    border: 0 none;
}

.blog-comments .comment-reply-to:hover {
    background-color: transparent;
    text-decoration: underline;
	color: ;
}


/*             Blog Listing with Sidebar            */
.post-item .page-center {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    /* Standard syntax */
    margin-bottom: 1rem;
}

.post-item .page-center .span4,
.post-item .page-center .span8 {
    -webkit-flex: 1;
    /* Safari */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* Standard syntax */
}

.post-item .page-center .span8 {
    flex-basis: 31.914893614%;

}

img.featured-image {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
    border-radius:.5rem 0 0.5rem;
}

a.blog-index__post-image.blog-index__post-image--large {
    padding: 0;
}

a.blog-index__post-image.blog-index__post-image--large img {
    width: 100%;
}



.blog-index__post-content h2 a {
    text-decoration: none;
    font-family: Frutiger LT W01_65 Bold;
    font-size: 24px;
    letter-spacing: -.45px;
    font-weight: normal;
    color: #222;
}

.blog-index__post-content h2 p a {
  font-size: inherit;
}
}

.post-item h2 a {
    text-decoration: none;
    font-family: "Frutiger LT W01_65 Bold";
    color: #222 !important;
}


.blog-pagination {
    display: flex !important;
}



@media(max-width: 480px) {
    .blog-post img {
        width: 100% !important;
        float: none !important;
    }
}



.blog-sidebar.span3 {
    padding: 3.2rem 0;
}


@media(max-width:767px) {

    .blog-index.span9 .post-item .page-center {
        display: block;
    }
}


/* banner-css */
.Banner-row-0-force-full-width-section>.row-fluid {
    padding: 0px !important;
}

.DND_banner-row-0-force-full-width-section>.row-fluid {
    padding: 0px !important;
}

.DND_form-row-0-force-full-width-section>.row-fluid {
    padding: 0px !important;
}

.banner-section-row-0-force-full-width-section>.row-fluid {
    padding: 0 !important;
}


.banner-outer-wrap {
    min-height: 64px;
    margin-top: 0;
    margin-bottom: 0;
}

/*Includes Bottom Margin for Non-Hero or Carousel Pages*/
.banner-outer-wrap-website-page {
    min-height: 40px;
    margin-top: 0;
    margin-bottom: 64px;
}

.banner {
    color: #fff;
    width: 100%;
    z-index: 10;
    position: fixed;
    margin-right: auto;
    margin-left: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    font-family: "Frutiger LT W01_65 Bold";
  	font-size:2rem;
}

.banner:before {
    display: table;
}

.banner:after {
    display: table;
    clear: both;
}

.page-center {
    margin-right: auto;
    margin-left: auto;
}

.page-center:before {
    display: table;
}

.page-center:after {
    display: table;
    clear: both;
}


.banner-row {
    margin-left: -1rem;
    margin-right: -1rem;
}

.banner-row:before {
    display: table;
}

.banner-row:after {
    display: table;
    clear: both;
}

.banner-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    float: left;
    position: relative;
    min-height: 1px;
    max-height: 64px;
    padding-left: 1rem;
    padding-right: 1rem;
}


/* Anchor Links */
a#blog-recent-posts,
a:hover#blog-recent-posts,
a:focus#blog-recent-posts {
    text-decoration: none;
    color: #666666 !important;
}

.lead.p #blog-index-content {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
}

.featured-image-wrapper {
    display: block;
    border-radius:.5rem.5rem 0 0;
}

.post-item {
    flex: 0 0 100%;
    padding: 1rem;
    background-color: #ffffff;
    overflow: hidden;
    padding: 1rem;
    margin:.5rem;
    border-radius: 1rem;
    box-shadow: 0px.5rem 1rem rgba(172, 185, 196, 0.2);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.post-item :hover {
    box-shadow: 0px 1rem 48px rgba(172, 185, 196, 0.5) !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.post-item :focus {
    box-shadow: inset 0px 2px 4px rgba(172, 185, 196, 0.3) !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.hs-author-avatar {
    border-radius: 50%;
    width: 32px;
	  max-width:32px;
  margin-right: 8px;
}

.hs-author-avatar img {
  border-radius: 50%
}

.hs-author-avatar-bio {
    border-radius: 50%;
    height: 8rem;
    width: auto;
}

.about-author-sec.row-fluid {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4rem 0;
}

@media (max-width: 480px)
.blog-post.hs-author-avatar{
    width: 100% !important;
    float: none !important;
    max-width: 32px;
}

@media screen and (max-width: 768px)
body {
    background-color: #fff;
}

.blog-small-wrapper {
	
}

.blog-minutes {
    font-size:.7rem !important;
	  font-family: "FrutigerLTW01-55Roman";
		color: #666666;
    margin-top: 16px;
	  letter-spacing: .02rem;
  	padding-top:1.5rem;
}

.blog-index-small-module {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 1rem;
		row-gap: 1rem;
}

.blog-description {
	  font-family: "FrutigerLTW01-45Light";
	}

.tag-filter-container {
  min-height: 16px;
  padding: 32px;
  background-color: #f7f7f7;
  border-radius: 8px;
}

#blog-body {
    padding-bottom: 64px;
}