h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: TTNorms-Regular, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.blog-title {
    text-align   : center;
    border-top   : 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    padding      : 25px 0 20px 0;
    font-size     : 18px;
    letter-spacing: 4px;
    text-transform: uppercase;
    line-height: 1;
}

.blog-title h1 {
    margin-bottom : 0;
    font-size: inherit;
    line-height: inherit;
}

.blog-title a {
    color: #000;
    line-height: inherit;
}

.blog-categories {
    border-bottom: 1px solid #d2d2d2
}

.blog-categories ul {
    list-style: none;
    margin    : 0 !important;
    padding   : 0 !important;
    text-align: center;
    font-size : 0
}

.blog-categories ul li {
    display: inline-block;
    padding: 0;
    margin : 0
}

.blog-categories ul li a {
    font-size      : 15px;
    letter-spacing : 3px;
    display        : block;
    padding        : 20px 35px;
    color          : #000;
    text-transform : uppercase;
    text-decoration: none;
    border-right   : 1px solid #d2d2d2
}

.blog-categories ul li:first-child a {
    border-left: 1px solid #d2d2d2
}

.blog-categories ul li.current-cat a,
.blog-categories ul li.current-cat-ancestor a {
    background-color: #efefef
}

.blog-categories.sub {
    background-color: #efefef
}

.blog-categories.sub ul li.current-cat a {
    background-color: #e2e2e2
}

.post-listing {
    padding: 50px 0
}

.post-listing .row [class^=col-] {
    padding-left : 50px;
    padding-right: 50px
}

.post-listing .post-listing-large,
.post-listing .post-listing-small {
    text-decoration: none;
    color          : #000;
    margin-bottom  : 50px
}

.post-listing .post-listing-large img,
.post-listing .post-listing-small img {
    width : 100%;
    height: auto
}

.post-listing .post-listing-large .post-content h2,
.post-listing .post-listing-small .post-content h2 {
    font-size     : 30px;
    letter-spacing: 6px;
    text-transform: uppercase
}

.post-listing .post-listing-large .post-content p,
.post-listing .post-listing-small .post-content p {
    color      : #7c7c7c;
    font-size  : 20px;
    line-height: 32px
}

.post-listing .post-listing-large .post-meta .date,
.post-listing .post-listing-small .post-meta .date {
    text-transform: uppercase;
    font-size     : 12px;
    letter-spacing: 3px
}

.post-listing .post-listing-large .post-meta {
    padding: 15px 0
}

.post-listing .post-listing-large .post-image {
    margin-top: 40px
}

.post-listing .post-listing-small .post-meta {
    margin-bottom: 30px
}

.post-listing .post-listing-small .post-content {
    margin-top: 30px
}

.post-listing .post-listing-small .post-content h2 {
    font-size     : 24px;
    letter-spacing: 4px;
    margin-bottom : 20px
}

.post-listing .post-listing-small .post-content p {
    font-size  : 18px;
    line-height: 30px
}

.load-more-container .button.load-more {
    margin         : 0;
    padding        : 0 20px;
    line-height    : 50px;
    background     : #d3581c;
    color          : #fff;
    font-size      : 16px;
    font-weight    : 700;
    text-decoration: none;
    min-width      : 280px;
    display        : inline-block
}

.load-more-container .button.load-more:hover {
    background-color: #767676;
    color           : #fff
}

.paginate-links {
    text-align: center;
    font-size : 0
}

.paginate-links .page-numbers {
    height        : 50px;
    width         : 50px;
    text-align    : center;
    line-height   : 50px;
    display       : inline-block;
    vertical-align: middle;
    padding       : 0 20px;
    background    : #d3581c;
    color         : #fff;
    transition    : .3s ease-in-out all;
    position      : relative;
    font-size     : 14px;
    margin        : 0 3px
}

.paginate-links .page-numbers i {
    position : absolute;
    left     : 50%;
    top      : 50%;
    transform: translate(-50%, -50%);
    font-size: 14px
}

.paginate-links .page-numbers.dots {
    background-color: #fff !important;
    color           : #000
}

.paginate-links .page-numbers.current {
    background-color: #0f6852;
    color           : #fff
}

.paginate-links .page-numbers:hover {
    background-color: #767676;
    color           : #fff
}

.single-post .intro {
    padding-top: 50px
}

.single-post .intro .post-title {
    position: relative
}

.single-post .intro .post-title a[rel=next],
.single-post .intro .post-title a[rel=prev] {
    font-size: 32px;
    color    : #000;
    position : absolute;
    left     : 0;
    top      : 50%;
    transform: translateY(-50%)
}

@media (max-width:1800px) {

    .single-post .intro .post-title a[rel=next],
    .single-post .intro .post-title a[rel=prev] {
        left: 15px
    }
}

.single-post .intro .post-title a[rel=next] {
    left : auto;
    right: 0
}

@media (max-width:1800px) {
    .single-post .intro .post-title a[rel=next] {
        right: 15px
    }
}

.single-post .intro .post-title h1 {
    font-size     : 30px;
    line-height   : 42px;
    letter-spacing: 6px;
    text-transform: uppercase;
    margin-bottom : 20px
}

@media (max-width:766px) {
    .single-post .intro .post-title h1 {
        font-size     : 24px;
        letter-spacing: 4px;
        padding       : 0 70px
    }
}

.single-post .intro .post-meta {
    margin-bottom: 20px
}

.single-post .intro .post-meta .date {
    text-transform: uppercase;
    font-size     : 12px;
    letter-spacing: 3px;
    padding-right : 30px;
    margin-right  : 30px;
    border-right  : 1px solid #d2d2d2;
    padding       : 20px 30px 20px 0;
    display       : inline-block
}

@media (max-width:766px) {
    .single-post .intro .post-meta .date {
        display     : block;
        border-right: 0;
        padding     : 20px 0;
        margin-right: 0
    }
}

.single-post .intro .post-meta a.facebook-share,
.single-post .intro .post-meta a.twitter-share {
    text-transform: uppercase;
    font-size     : 12px;
    letter-spacing: 3px;
    color         : #000
}

.single-post .intro .post-meta a.facebook-share i,
.single-post .intro .post-meta a.twitter-share i {
    font-size: 15px
}

.single-post .intro .post-meta a.facebook-share {
    margin-right: 30px
}

.single-post .intro .post-image img {
    width : 100%;
    height: auto
}

.single-post .intro .post-intro {
    margin-top: 30px
}

@media (max-width:766px) {
    .single-post .intro .post-intro {
        padding-left : 30px;
        padding-right: 30px
    }
}

.single-post .intro .post-intro p {
    color      : #7c7c7c;
    font-size  : 20px;
    line-height: 32px
}

.block {
    padding: 50px 0
}

.block+.block {
    padding-top: 0
}

.block p {
    color      : #7c7c7c;
    font-size  : 20px;
    line-height: 32px
}

.block h2 {
    font-size     : 22px;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom : 30px;
    line-height   : 34px
}

@media (max-width:766px) {
    .block .col-md-12 h2 {
        padding-left : 30px;
        padding-right: 30px
    }
}

@media (max-width:1800px) and (min-width:766px) {
    .image-with-content {
        padding-left : 30px;
        padding-right: 30px
    }
}

.image-with-content .image img {
    width : 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: cover;
}

.image-with-content .content {
    padding: 0 100px
}

@media (max-width:1000px) {
    .image-with-content .content {
        padding: 0 30px 0 60px
    }
}

@media (max-width:766px) {
    .image-with-content .content {
        padding: 50px 50px 0 50px
    }
}

.image-with-content.image-right .image {
    order: 2
}

.image-with-content.image-right .content {
    order: 1
}

@media (max-width:766px) {
    .image-with-content .image {
        order: 1 !important
    }

    .image-with-content .content {
        order: 2 !important
    }
}

.page-divider {
    border-bottom: 1px solid #d2d2d2;
    margin       : 25px 0
}

@media (max-width:766px) {
    .page-divider {
        margin: 0
    }
}

@media (max-width:1800px) {
    .four-column-products {
        padding-left : 30px;
        padding-right: 30px
    }
}

@media (max-width:766px) {
    .four-column-products .col-md-3 {
        margin-bottom: 30px
    }

    .four-column-products .col-md-3:last-child {
        margin-bottom: 0
    }
}

.four-column-products .product {
    text-decoration: none
}

.four-column-products .product .product-image {
    padding-bottom: 120%;
    position      : relative;
    overflow      : hidden;
    border        : 2px solid #d2d2d2
}

.four-column-products .product .product-image img {
    object-fit: contain;
    position  : absolute;
    top       : 50%;
    left      : 50%;
    transform : translate(-50%, -50%);
    width     : 100%;
    height    : auto
}

.four-column-products .product .product-image .saving-flag {
    position        : absolute;
    right           : 0;
    top             : 0;
    padding         : 10px;
    z-index         : 2;
    background-color: #d3581c;
    color           : #fff;
    text-align      : center;
    font-size       : 18px
}

.four-column-products .product .product-image .saving-flag span {
    display       : block;
    text-transform: uppercase;
    font-size     : 14px
}

.four-column-products .product .product-information {
    border    : 2px solid #d2d2d2;
    border-top: 0;
    padding   : 20px 0 15px 0
}

.four-column-products .product .product-information h3 {
    color    : #9f9f9f;
    font-size: 15px
}

.four-column-products .product .product-information .price,
.four-column-products .product .product-information .sale-price,
.four-column-products .product .product-information .was-price {
    color    : #000;
    font-size: 17px;
    padding  : 0 2px
}

.four-column-products .product .product-information .sale-price {
    color: #d3581c
}

.four-column-products .product .product-information .was-price {
    text-decoration: line-through
}

@media (max-width:766px) {
    .standard-content {
        padding-left : 30px;
        padding-right: 30px
    }
}

@media (max-width:766px) {
    .three-column-images .col-md-4 {
        margin-bottom: 30px
    }

    .three-column-images .col-md-4:last-child {
        margin-bottom: 0
    }
}

.wp-video-wrapper {
    display: inline-block;
    width: 100%;
    max-width: 1024px;
}

.wp-video-wrapper-inner {
    display: block;
    font-size: 0;
    padding-top: 56.25%;
    position: relative;
}

.wp-video-wrapper-inner > iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.post-listing .fm-button {
    font-size: 18px !important;
}

.post-listing .fm-button span {
    vertical-align: middle;
}

.post-listing .fm-button i {
    font-size: 0.8em;
    vertical-align: middle;
}
