/**
  Styling for frontpage only
  **/
.banner .main-banner-slogan {
    font-size: 2.7em;
    padding-bottom: 5px;
    text-align: left;
    font-weight: bold;
    color: #1B191B;
}

.banner .main-banner-subtitle {
    font-size: 1em;
    font-weight: bold;
    text-align: left;
    color: #1B191B;
}

.banner .main-small-banner-title {
    font-size: 3.7em;
    margin: 0;
    line-height: 100%;
    color: #404459;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    font-family: "HWT Slab W00 Antique", serif;
}

.banner .main-small-banner-subtitle {
    font-size: 2.7em;
    margin: 0 !important;
    line-height: 100%;
    color: #67562B;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    font-family: "HWT Slab W00 Antique", serif;
}
.banner .main-small-banner-content {
    font-size: 2em;
    margin: 0 !important;
    line-height: 100%;
    color: #fff;
    text-align: left;
}

.banner .coming-soon {
    color: #F05D24;
    font-size: 2em;
    margin: 0 !important;
}

.banner .left-banner-title {
    text-align: left;
    font-size: 3.8em;
    font-weight: normal;
    border-bottom: 4px solid #fff;
    padding-bottom: 5px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-family: "HWT Slab W00 Antique", serif;
}
.banner .left-banner-subtitle {
    font-size: 2em;
    font-weight: normal;
    text-align: left;
    line-height: 100%;
    margin: 0;
    text-transform: uppercase;
    font-family: "HWT Slab W00 Antique", serif;
}
.banner .right-banner-title {
    text-align: left;
    font-size: 3.8em;
    font-weight: normal;
    color: #070707;
    border-bottom: 4px solid #070707;
    padding-bottom: 5px;
    text-transform: uppercase;
    line-height: 100%;
    font-family: "HWT Slab W00 Antique", serif;
}
.banner .right-banner-subtitle {
    font-size: 2em;
    color: #070707;
    font-weight: normal;
    text-align: left;
    margin: 0;
    text-transform: uppercase;
    line-height: 100%;
    font-family: "HWT Slab W00 Antique", serif;
}

.half-banner-cover .overlay {
    width: 50%;
    right: 0;
    left: auto;
}

.banner .newsletter-block {
    background: transparent;
    padding: 40px 0 20px;
    text-align: left;
    font-size: 12px;
}

.banner .newsletter-block h3 {
    font-weight: 400;
    font-size: 22px;
    line-height: 130%;
    padding: 0;
    margin: 0 0 8px;
}

.banner .newsletter-block h4 {
    color: #F05D24;
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
}

.banner .newsletter-block input {
    margin-bottom: 0;
    font-size: 14px !important;
}

.row-slider .product-small img {
    border: 1px solid #eaeaea;
    padding: 20px;
}

.box-image .out-of-stock-label {
    left: 1px;
    right: 1px;
}

.row-slider .product-small .box-excerpt,
.row-slider .product-small .category {
    display: none;
}

.section-title b {
    display: none !important;
}

.section-title-center span {
    margin: 0;
    width: 100%;
}

.box-image .image-cover:empty {
    display: none;
}

.featured-product-carousels .box-text {
    display: none;
}

.blog-carousel .is-divider {
    display: none;
}

.blog-carousel .post-item {
    padding-bottom: 10px;
}

.logo-carousel .gallery-col {
    padding-bottom: 0;
}
.logo-carousel .box-image {
    text-align: center;
}
.logo-carousel img {
    height: 100px;
    width: auto !important;
    text-align: center;
}

.featured-product-carousels .section-bg {
    max-width: 1370px;
    width: 100%;
    margin: 0 auto !important;
    background-position: 100% 120px !important;
    background-size: 280px auto !important;
}
.small-top-banner .text-box,
.newsletter-section-block .text-box {
    z-index: 2;
}
.small-top-banner {
    overflow: hidden;
}
.small-top-banner img,
.newsletter-section-block img {
    z-index: 1;
}

.bottom-left-banner .bg-fill {
    background-position: top left;
    background-size: contain;
}
.quote-headline {
    font-size: 2.7em;
    color: #282425;
    text-align: center;
    margin: 0;
    font-family: "Bodoni Book", serif;
    font-weight: normal;
}
.quote-headline .quote-orange {
    font-size: 4em;
    color: #EE5F33;
    vertical-align: middle;
    font-family: "lamplighter_scriptregular", serif;
    font-weight: normal;
}

.featured-product-carousels .bbq-man-background {
    background: transparent url('https://saffordtrading.com/wp-content/uploads/2017/10/mower-man.svg') no-repeat 100% 80%;
}

@media (max-width: 862px) {
    .featured-product-carousels .bbq-man-background {
        background: none;
    }
}

@media (min-width: 863px) and (max-width: 1100px) {
    .featured-product-carousels .bbq-man-background {
        background: transparent url('https://saffordtrading.com/wp-content/uploads/2017/10/mower-man.svg') no-repeat 98% 80%;
        background-size: 235px auto;
    }
}

/** Ipad pro & Ipad**/
@media (min-width: 1000px) and (max-width: 1025px) {
    .banner .main-banner-slogan {
        font-size: 2.3em;
    }

    .banner .left-banner-title {
        font-size: 2.7em;
    }

    .banner .main-small-banner-title {
        font-size: 3em;
    }

    .banner .right-banner-title {
        font-size: 3em;
    }

    .banner.newsletter-section-block .img {
        display: none !important;
    }

    .banner .main-small-banner-title {
        font-size: 2.3em;
    }

    .banner .main-small-banner-subtitle {
        font-size: 2em;
    }
    .banner .main-small-banner-content {
        font-size: 1.6em;
    }

    .banner .coming-soon {
        font-size: 1.5em;
    }

    .banner .newsletter-block {
        font-size: 16px !important;
    }

    .banner .newsletter-block .top-block {
        display: block !important;
    }

    .banner .newsletter-block .top-block > .col {
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
        display: block;
        text-align: center;
    }

    .newsletter-block .bottom-block {
        display: block;
    }

    .newsletter-block .bottom-block .small-8 {
        padding-right: 15px;
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
    }
    .newsletter-block .bottom-block .small-4 {
        padding-left: 15px;
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
    }

}

@media (max-width: 768px) {

    .banner.main-top-banner .bg.bg-loaded {
        background-size: 104% 101% !important;
    }

    .banner .main-banner-slogan {
        font-size: 2em;
    }

    .banner .main-small-banner-title {
        font-size: 2em;
    }

    .featured-product-carousels .section-bg {
        background: none !important;
    }

    .banner .main-small-banner-subtitle {
        font-size: 2.4em;
    }
    .banner .main-small-banner-content {
        font-size: 1.8em;
    }

    .banner.newsletter-section-block .banner-layers.container {
        overflow: hidden;
    }

    .banner.newsletter-section-block .img {
        display: none !important;
    }

    .banner .newsletter-block {
        font-size: 16px !important;
    }

    .banner .newsletter-block .top-block {
        display: block !important;
    }

    .banner .newsletter-block .top-block > .col {
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
        display: block;
        text-align: center;
        padding: 3px;
    }

    .banner .newsletter-block h3 {
        font-size: 2.5em !important;
        line-height: 110%;
    }

    .banner .newsletter-block h4 {
        font-size: 2em !important;
    }

    .banner .newsletter-block input {
        font-size: 16px !important;
    }

    .main-top-banner .text-box {
        width: 44% !important;
    }

    .small-top-banner .text-box {
        width: 41% !important;
    }

    .small-top-banner img {
        width: auto !important;
        height: 180px;
        margin-left: 10%;
    }

    .banner .main-small-banner-title {
        font-size: 1.7em !important;
    }

    .banner .main-small-banner-subtitle {
        font-size: 1.3em;
    }
    .banner .main-small-banner-content {
        font-size: 1.7em;
    }

    .banner .newsletter-block h3 {
        font-weight: 400;
        font-size: 22px;
        line-height: 130%;
        padding: 0;
        margin: 0 0 8px;
    }

    .slider-nav-push .flickity-prev-next-button svg {
        margin-top: 0 !important;
    }
}

@media (max-width: 680px) {
    .banner.main-top-banner .bg.bg-loaded {
        background-image: url(/wp-content/uploads/2016/12/free-shipping-vertical-v5.jpg) !important;
        background-size: auto 199%!important;
        background-position: 50% 1px;
    }
}

@media (max-width: 480px) {

    .banner .left-banner-title {
        font-size: 2.4em;
    }

    .banner .left-banner-subtitle {
        font-size: 1.6em;
    }

    .banner .right-banner-title {
        font-size: 1.7em;
    }

    .banner .right-banner-subtitle {
        font-size: 1.5em;
    }

    .banner .coming-soon {
        color: #F05D24;
        font-size: 1.3em;
    }

    .banner.main-top-banner .bg.bg-fill {
        background-size: auto 149%!important;
        background-position: 50% 1px;
    }

    .banner .main-banner-slogan {
        font-size: 1.7em;
    }

    .banner .newsletter-block {
        width: 100%;
    }

    .main-top-banner .text-box {
        width: 67% !important;
    }

    .small-top-banner img {
        width: auto !important;
        height: 120px;
        margin-left: 2%;
    }

    .banner .newsletter-block h3 {
        font-size: 1.4em !important;
    }

    .banner .newsletter-block h4 {
        font-size: 1em !important;
    }
}

@media (max-width: 375px) {
    .featured-product-carousels .section-bg {
        background: none !important;
    }

    .banner .main-small-banner-content {
        font-size: 1.8em;
    }

    .main-top-banner .text-box {
        width: 74% !important;
    }
}

@media (max-width: 320px) {

    .banner.main-top-banner .bg.bg-fill {
        background-size: auto 119%!important;
        background-position: 50% 1px;
    }

    .featured-product-carousels .section-bg {
        background: none !important;
    }

    .banner .main-small-banner-title {
        font-size: 2em;
    }

    .banner .main-small-banner-subtitle {
        font-size: 1.5em;
    }
    .banner .main-small-banner-content {
        font-size: 1.6em;
    }

    .newsletter-block .bottom-block .small-8 {
        flex-basis: 60%;
        max-width: 60%;
    }
    .newsletter-block .bottom-block .small-4 {
        flex-basis: 40%;
        max-width: 40%;
    }

    .quote-headline .quote-orange {
        font-size: 3em;
    }

    .small-top-banner img {
        height: 100px;
        margin-left: 7%;
    }
}

/** End Front page **/