/*****************fix sticky annoyance*****************/

.widget-content .global-page-hero {
    position: relative;
    top: -29px;
}

.widget-content .global-page-hero:after {
    display: block;
    content: "";
    width: calc(100% + 200px);
    position: relative;
    top: 0px;
    left: 0px;
    height: 8px;
    background: linear-gradient(180deg, var(--fix-group-blue) 1%, var(--brand-white));
}

.sticky .centered-top {
    position: relative !important;
}

#Blog1>div>article>div>div>div.slide>div>div.post-title-container>h3 {
    font-family: "oswald", sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 800;
    color: var(--brand-pri);
}

.bg-photo-container .bg-photo {
    background-image: none !important;
    background-color: transparent !important
}

.feed-view .post-wrapper {
    width: 22%;
}


/***************set <main> to 100% at first break point...1300 something*************/

@media (min-width: 1225px) and (max-width: 1482px) {
    .feed-view .post-wrapper.hero,
    .main,
    .main-container,
    .post-filter-message,
    .top-nav .section {
        width: 100%;
    }
}


/***************set <main> to 100% at deafult (biggest) break point...1300 something*************/

.feed-view .post-wrapper.hero,
.main,
.main-container,
.post-filter-message,
.top-nav .section {
    width: 100%;
}

aside {
    position: fixed;
    right: 0;
    top: 80px;
}


/***************set <main> to 100% at first break point...1300 something*************/


/***************set wrapper to 100% at first break point...1220 something*************/

@media (max-width: 1224px) {
    .feed-view .page_body .centered div.widget.FeaturedPost,
    .feed-view div.widget.Blog {
        width: 100%;
    }
    .feed-view .post-wrapper.hero,
    .main,
    .main-container,
    .post-filter-message,
    .top-nav .section {
        width: 98%;
        box-sizing: border-box;
    }
}


/***************fix margin-leeft error on mobile*************/

@media (max-width: 680px) {
    .feed-view .centered .main {
        float: none;
        width: 97%;
        margin-left: 35px;
    }
}


/***************set wrapper to 100% at first break point...1220 something*************/

.main-container {}

.sidebar-container {}

.page_body {
    background-image: url("https://thefixgrp.com/2024/assets/img/dark-fix-pattern.png");
    background-repeat: repeat-x;
    background-position: center top -22px;
}

#search_top .widget.BlogSearch {
    display: none;
}

.centered-top .return_link {
    background-color: #fff;
    border-radius: 50%;
}

.blog-page-hero {
    margin-top: -29px;
    width: 100%;
    /* position: absolute; */
    min-width: 1366px;
}

.centered-top-container.sticky,
.sticky .centered-top {
    background-image: url(https://thefixgrp.com/2024/assets/img/dark-fix-pattern.png);
    background-repeat: repeat;
    background-position: center top -56px;
    background-color: var(--brand-black);
    overflow: hidden;
    display: block;
}

.blog-border {
    display: block;
    width: 100%;
    height: 8px;
    background: linear-gradient(180deg, var(--fix-group-blue) 1%, var(--brand-white));
    position: absolute;
}

#Attribution1,
.widget.Attribution {
    display: none;
}

footer .title {
    display: none;
}


/***************BODY FORMATTING***************/

.snippet-container.r-snippet-container .r-snippetized {
    font-size: 24px;
    line-height: calc(24px * 1.5);
    font-family: 'oswald', sans-serif;
    padding-bottom: 16px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    width: 92%;
    white-space: nowrap;
    overflow: hidden;
}

.page_body .search {
    display: none;
}

.post-body {
    /*  //padding-top: 40px; */
}

.post-footer.container {
    display: none;
}

.post-body h1 {
    font-size: 40px;
    line-height: calc(40px * 1.5);
    font-family: 'oswald', sans-serif;
    padding-bottom: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

.post-body h2 {
    font-size: 32px;
    line-height: calc(32px * 1.5);
    font-family: 'oswald', sans-serif;
    padding-bottom: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

.post-body h3 {
    font-size: 24px;
    line-height: calc(24px * 1.5);
    font-family: 'oswald', sans-serif;
    padding-bottom: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

.post-body p {
    font-size: 22px;
    line-height: calc(22px * 1.75);
    font-family: 'Lato', sans-serif;
}

.post-body ol li {
    font-family: 'Lato', sans-serif;
    font-size: 22px;
    line-height: 38px;
    margin: 12px 0 8px 24px;
}

.PopularPosts .post {
    padding: 16px 16px 0 16px !important;
}

.widget-content .feed article.post {
    padding: 16px;
}

#PopularPosts1>div>div>article>div.item-content>div>div {
    font-family: 'oswald', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #01303;
    c
}

#PopularPosts1>div>div>article>h3>a {
    font-size: 20px;
    line-height: calc(20px * 1.5);
    font-family: 'oswald', sans-serif;
    padding-bottom: 8px;
    text-transform: uppercase;
}

.PopularPosts .popular-posts-snippet {
    font: unset !important;
}

.feed-view .post-outer .post-wrapper {
    border: 1px solid #e2d8d0;
    box-shadow: 0px 2px 8px #bba391;
    border-radius: 12px;
    background-color: #faf9f8;
    box-sizing: border-box;
    display: inline-block;
    min-height: 40px;
    margin: 8px 16px;
    padding: 0;
    /* width: calc(33% - 32px); */
    box-shadow: 16px 16px 88px inset #ffffff;
    -webkit-transition: .3s box-shadow ease;
    -moz-transition: .3s box-shadow ease;
    -ms-transition: .3s box-shadow ease;
    -o-transition: .3s box-shadow ease;
    transition: .3s box-shadow ease;
}

@media screen and (max-width: 1220px) {
    .feed-view .post-outer .post-wrapper {
        width: 46%;
        float: left;
    }
    aside {
        display: none;
    }
}

@media screen and (max-width: 800px) {
    .feed-view .post-outer .post-wrapper {
        width: 45%;
    }
}

@media screen and (max-width: 680px) {
    .feed-view .post-outer .post-wrapper {
        width: calc(100% - 32px) !important;
        position: relative;
        left: -32px;
    }
}


/**********blog cards styles*************/

.post-title.entry-title .r-snippetized {
    font-family: "oswald", sans-serif;
    font-size: 24px;
}

@media screen and (max-width: 1366px) {
    .page .page_body .centered {
        width: 99vw !important;
        padding: 0 0px;
        box-sizing: border-box;
    }
    .blog-page-hero {
        min-width: unset;
    }
}


/**********BLOG ARTICLE LIST STYLES***********/

@media (max-width: 500px) {
    .centered-top-container {
        margin-left: -24px;
    }
    .page .page_body .centered {
        width: 100vw !important;
        padding: 0 24px;
    }
    .item-view .post-title {
        font: 500 24px Ubuntu, sans-serif;
        display: none;
    }
    .item-view div.widget.Blog {
        width: 100%;
    }
    .flat-icon-button,
    .flat-icon-button .splash-wrapper {
        display: none;
    }
    .item-view .post-header {
        display: none;
        width: auto;
    }
    .blog-name {
        width: calc(100% + 48px);
        margin-left: 0;
    }
    .post-body {
        padding-top: 4px;
    }
    .centered-top .return_link {
        background-color: #fff;
        border-radius: 50%;
        position: absolute;
        z-index: 999;
        margin-top: -8px;
        margin-left: -8px;
    }
    #HTML3>div>footer>div>div.grid.col-33.md-col-100>div {
        display: none;
    }
}