/* Terms & Conditions Page */
.cms-terms-conditions .breadcrumbs {
    position: absolute !important;
    top: 165px !important;
    z-index: 2 !important;
    left: 0px !important;
    right: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0;
    max-width: 1280px !important;
    width: 96% !important;
}

.cms-terms-conditions .breadcrumbs .items,
.cms-terms-conditions .breadcrumbs .items li,
.cms-terms-conditions .breadcrumbs .items li a {
    color: white !important;
    font-size: 14px;
    text-decoration: none;
    font-weight: 400;
}

.cms-terms-conditions .page-title-wrapper {
    position: absolute !important;
    left: 0 !important;
    width: 100vw !important;
    background-image: url(https://boltfast.co.za/fishgate/images/shop_banner.png) !important;
    background-size: cover !important;
    padding: 80px 0 60px !important;
}

.cms-terms-conditions .page-title-wrapper h1 {
    max-width: 1280px !important;
    width: 96% !important;
    margin: auto !important;
    display: block !important;
    text-transform: uppercase !important;
    color: white !important;
    text-shadow: 0px 3px 6px #0000003E !important;
}

.cms-terms-conditions .page-title-wrapper h1 span {
    width: 760px !important;
    display: block !important;
}

.cms-terms-conditions .columns {
    margin-top: 260px !important;
    z-index: 1 !important;
    position: relative !important;
    padding-bottom: 50px !important;
}

.cms-terms-conditions .tc-row {
    max-width: 1280px !important;
    width: 96% !important;
    margin: auto !important;
}

.cms-terms-conditions .columns ol {
    padding: 0 !important;
}

.cms-terms-conditions .download-button {
    background-color: #FFD600 !important;
    color: black !important;
    font-size: 18px !important;
    padding: 14px 24px !important;
    border-radius: 0 !important;
    margin-top: 30px !important;
    display: block !important;
    width: fit-content !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: ease all 600ms;
}

.cms-terms-conditions .columns ol li {font-size: 16px !important; }

.cms-terms-conditions .columns ol li::marker { font-weight: 600 !important; }

.cms-terms-conditions .download-button:hover {
    background-color: #00ADEF !important;
    color: #ffffff !important;
    font-size: 18px !important;
    padding: 14px 24px !important;
    border-radius: 0 !important;
    margin-top: 30px !important;
    display: block !important;
    width: fit-content !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: ease all 600ms;
}

@media (max-width: 768px) {
    .cms-terms-conditions .breadcrumbs {
        display: block !important;
        width: 100% !important;
        padding: 0 30px !important;
    }

    .cms-terms-conditions .page-title-wrapper h1 {
        font-size: 50px !important;
        line-height: 58px !important;
        width: 100% !important;
        padding: 0 30px !important;
    }

    .cms-terms-conditions .page-title-wrapper h1 span {
        width: 100% !important;
    }

    .cms-terms-conditions .columns { margin-top: 250px !important; }

    body.cms-terms-conditions .tc-row {
        width: 100% !important;
        padding: 0 30px !important;
    }
}

@media (max-width: 580px) {
    .cms-terms-conditions .page-title-wrapper h1 {
        font-size: 45px !important;
        line-height: 50px !important;  
        padding: 0 25px !important;     
    }

    .cms-terms-conditions .columns { padding-bottom: 0 !important; }
}

@media (max-width: 526px) {
    .cms-terms-conditions .breadcrumbs { padding: 0 25px !important; }

    .cms-terms-conditions .page-title-wrapper h1 {
        font-size: 40px !important;
        line-height: 48px !important;       
    }

    body.cms-terms-conditions .tc-row { padding: 0 25px !important; }
}

@media only screen and (max-width: 480px) {
    .cms-terms-conditions .page-title-wrapper {
        position: absolute !important;
        left: 0 !important;
        width: 100vw !important;
        background-image: url(https://boltfast.co.za/fishgate/images/about/about-header-banner-bg.jpeg) !important;
        background-size: cover !important;
        background-position: 91% 0;
        padding: 80px 0 60px !important;
        overflow: hidden;
    }

    .cms-terms-conditions .mobile-width {
        max-width: 90% !important;
    }

    .cms-terms-conditions h1.page-title,
    .cms-terms-conditions h1.page-title span.base {
        line-height: 9vw !important;
        font-size: 9vw !important;
        width: 100% !important;
        display: block !important;
        overflow: hidden;
    }

    .cms-terms-conditions .breadcrumbs {
        display: block;
    }
}

@media (max-width: 430px) {
    .cms-terms-conditions .page-title-wrapper h1 { padding-top: 10px !important; }
}