/* boat listings */
#boatlistingsearchform {
    width: 60%;
    margin: auto;
    font-family: 'DidactGothicRegular',Helvetica,Arial,Lucida,sans-serif;
    color: black;
    padding-bottom: 40px;
}

    #boatlistingsearchform h3 {
        text-align: center;
    }

    #boatlistingsearchform .container {
        padding-top: 0px !important;
    }

    #boatlistingsearchform .ui-slider {
        width: 90%;
        margin: auto;
        margin-bottom: 40px;
    }

    #boatlistingsearchform .ui-slider-handle {
        background-color: #ffde75;
        border: 1px solid darkblue;
    }

    #boatlistingsearchform .ywbuttons .button {
        background-color: #fff;
        color: darkblue;
    }

        #boatlistingsearchform .ywbuttons .button.active {
            color: #fff;
            background-color: #7698b3;
        }

    #boatlistingsearchform #filterButton {
        background-color: #ffde75;
        border: 1px solid #003263;
        border-radius: 4px;
        padding: 5px 10px;
        text-align: center;
        width: 150px;
        font-size: 1.1rem;
        cursor: pointer;
    }
        #boatlistingsearchform #filterButton:hover {
            background-color: #003263;
            color: #fff;
        }

#boatlistingrow::after {
    display: none !important;
}

#listingResults {
    background-color: #fff;
    padding-bottom: 40px;
}

    #listingResults .container {
        padding-top: 0px !important;
    }

    #listingResults #pagination {
        padding-bottom: 20px;
    }

    #listingResults .d-block {
        position: relative;
        margin-bottom: 24px;
    }

        #listingResults .d-block:hover {
            transform: scale(106%);
            transition: transform .5s ease-in-out;
        }

    #listingResults .productimage {
        width: 100%;
        height: auto;
        background-size: cover;
        background-position: 50% 50%;
        padding-top: 75%;
        border-radius: 4px;
        position: relative;
        border: 1px solid rgb(43, 69, 112);
        filter: brightness(70%);
    }

        #listingResults .productimage:hover {
            filter: brightness(100%);
        }

    #listingResults .details {
        position: absolute;
        top: 0;
        left: 0;
        margin: 20px 40px;
        color: #fff;
        font-family: 'DidactGothicRegular',Helvetica,Arial,Lucida,sans-serif;
        text-shadow: 2px 2px 2px rgb(43, 69, 112);
    }

        #listingResults .details #year-model {
            color: #fff;
            font-weight: Bold;
            font-size: 1.6rem;
            display: block;
        }

    #listingResults .viewdetails {
        position: absolute;
        bottom: 0;
        right: 0;
        margin-right: 22px;
        margin-bottom: 10px;
        background-color: #ffde75;
        border-radius: 4px;
        border: 1px solid #003263;
        color: #003263;
        font-size: .7rem;
        padding: 3px 6px;
        text-transform: uppercase;
        font-family: 'DidactGothicRegular',Helvetica,Arial,Lucida,sans-serif;
        line-height: 1.2rem;
    }
    #listingResults .instock {
        position: absolute;
        bottom: 0;
        left: 0;
        margin-left: 22px;
        margin-bottom: 10px;
        background-color: #ffde75;
        border-radius: 4px;
        border: 1px solid #003263;
        color: #003263;
        font-size: .7rem;
        padding: 3px 6px;
        text-transform: uppercase;
        font-family: 'DidactGothicRegular',Helvetica,Arial,Lucida,sans-serif;
        line-height: 1.2rem;
    }

    #listingResults #pagination {
        text-align: center;
    }

        #listingResults #pagination a {
            color: rgba(14,28,54,0.6);
            font-family: 'DidactGothicRegular',Helvetica,Arial,Lucida,sans-serif;
            font-size: .9rem;
        }

        #listingResults #pagination .page-numbers {
            padding-left: 5px;
        }

        #listingResults #pagination a.next, #listingResults #pagination a.prev {
            font-size: 1.3rem;
        }

.listing-main-detail .container {
    width: 100% !important;
    max-width: 1140px !important;
}

.listing-main-detail {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .listing-main-detail .backtop {
        padding-bottom: 20px;
    }

        .listing-main-detail .backtop a {
            font-size: 1rem;
            color: #003263;
        }

    .listing-main-detail .col-md-6 {
        padding-left: 0px;
    }

    .listing-main-detail .full img {
        border: 1px solid #003263;
        border-radius: 10px;
    }

    .listing-main-detail .thumb img {
        border: 1px solid #003263;
        border-radius: 4px;
    }

    .listing-main-detail h3 {
        font-weight: bold;
        font-size: 2.4rem;
        text-transform: uppercase;
    }

    .listing-main-detail label {
        display: block;
        font-size: .8rem;
    }

    .listing-main-detail .description {
        font-size: 1rem;
    }

    .listing-main-detail .contactus {
        text-align: center;
    }

        .listing-main-detail .contactus a {
            color: #003263;
            background-color: #ffde75;
            padding: 10px 20px;
            border-radius: 4px;
            border: 1px solid #003263;
            font-size: 1rem;
        }

    .listing-main-detail h2 {
        padding-top: 40px;
    }

table#specifications {
    font-size: 1rem;
    width: 100%;
    border: 1px solid #ccc;
}

    table#specifications td {
        text-align: right;
        padding: 4px;
        border: 1px solid #ccc;
        width: 50%;
    }

        table#specifications td:first-child {
            text-align: left;
            font-weight: bold;
        }

    table#specifications tr:nth-child(even) {
        background-color: #eee;
    }


.listing-main-detail .viewbutton {
    text-align: center;
    margin-top: 20px;
}

.listing-main-detail .viewallimages {
    font-size: 1.2rem;
    border: 1px solid #003263;
    border-radius: 4px;
    padding: 4px 10px;
    background-color: #003263;
    color: #fff;
    cursor: pointer;
}

    .listing-main-detail .viewallimages:hover {
        background-color: #ffde75;
        color: #003263;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    #boatlistingsearchform {
        width: 100% !important;
    }

        #boatlistingsearchform .col {
            flex-basis: auto !important;
        }

        #boatlistingsearchform .ui-slider {
            width: 80% !important;
            margin-bottom: 30px !important;
        }

        #boatlistingsearchform .ywboxes input {
            font-size: .9rem !important;
        }

        #boatlistingsearchform .ywbuttons {
            padding-top: 20px !important;
        }

            #boatlistingsearchform .ywbuttons .button {
                padding: 0 !important;
                font-size: 1rem !important;
            }

    #year-model {
        font-size: 1rem !important;
        font-weight: normal !important;
    }

    .productlisting .details {
        font-size: .9rem !important;
        line-height: 1.2rem !important;
    }
}

@media screen and (max-width: 1080px) {
    #boatlistingsearchform {
        width: 90% !important;
    }

        #boatlistingsearchform .ywbuttons .button {
            padding: 0 !important;
            font-size: 1rem !important;
            width: 80px !important;
        }
}

@media screen and (max-width: 412px) {
    #boatlistingsearchform {
        width: 100% !important;
    }

        #boatlistingsearchform .col {
            flex-basis: auto !important;
        }

        #boatlistingsearchform .ui-slider {
            width: 80% !important;
            margin-bottom: 30px !important;
        }

        #boatlistingsearchform .ywboxes input {
            font-size: .9rem !important;
        }

        #boatlistingsearchform .ywbuttons {
            padding-top: 20px !important;
        }

            #boatlistingsearchform .ywbuttons .button {
                padding: 0 !important;
                font-size: 1rem !important;
            }

    .listing-main-detail .viewbutton {
        margin-top: 0px !important;
    }

    .listing-main-detail h3 {
        margin-top: 40px !important;
    }
}

.backtotop { text-align: center; }
    .backtotop a {
        color: rgba(14,28,54,0.6);
        font-size: .9rem;
        font-family: 'DidactGothicRegular',Helvetica,Arial,Lucida,sans-serif;
    }

    #detaildescription { border-top: 1px solid #ccc; font-size: 1rem; }