﻿.well-panel textarea,
.well-panel input,
.well-panel select {
    border: 1px solid #fff;
}

.well.page-filter {
    margin-bottom: 50px;
    padding: 38px 0;
}


.well.search-well .btn-link svg {
    width: 20px;
    height: 20px;
    fill: #406e92;
    margin: 0;
}

.well.search-well .btn-link:hover svg,
.well.search-well .btn-link:focus svg,
.contact-details-wrapper .contact-details a:hover svg.icon-mail-1,
.contact-details-wrapper .contact-details a:focus svg.icon-mail-1,
a:hover svg.icon-link-ext,
a:focus svg.icon-link-ext,
table thead tr th a:hover svg,
table thead tr th a:focus svg {
    fill: #031122;
}


.well.page-filter h3 {
    margin-top: 0;
    margin-bottom: 24px;
}

.well.page-filter form .form-group {
    width: 20%;
    margin-bottom: 10px;
}

    .well.page-filter form .form-group select.form-control {
        border: 0;
    }

    .well.page-filter form .form-group:last-child {
        width: 12%;
    }

    .well.page-filter form .form-group .btn-default {
        width: 100%;
        padding: 7px 0;
        margin-top: 33px;
    }

    .well.page-filter form .form-group label {
        font-size: 18px;
    }

.well-wrapper {
    padding: 32px 24px;
    margin-bottom: 40px;
    margin-top: 30px;
}

    .well-wrapper > h3 {
        margin-top: 0;
        margin-bottom: 30px;
    }

        .well-wrapper > h3 + p {
            margin-top: -10px;
        }

    .well-wrapper .craft-search-wrapper {
        margin-bottom: 24px;
    }


        .well-wrapper .craft-search-wrapper .input-group-btn button {
            margin-top: 37px;
        }

        .well-wrapper .craft-search-wrapper .input-group {
            margin-bottom: 16px;
        }


.well {
    border-radius: 0;
    border: 0;
    box-shadow: none;
    background-color: #e5e5e5;
}

.well-panel {
    margin-bottom: 0;
    padding: 40px 0;
}

    .well-panel .mega-header {
        border-bottom: 1px solid #ccc;
        margin-bottom: 24px;
        padding-bottom: 16px;
    }

        .well-panel .mega-header h3 {
            margin-top: 0;
            float: left;
            margin-bottom: 0;
        }
        /* replace .well-panel .mega-header h3 with .well-panel .mega-header h2 */
        .well-panel .mega-header h2 {
            margin-top: 0;
            float: left;
            margin-bottom: 0;
            font-size: 30px;
            font-weight: 700;
            line-height: 34px;
        }

        .well-panel .mega-header a {
            float: right;
            color: #000;
        }

            .well-panel .mega-header a > i,
            .well-panel .mega-header a > .icon {
                font-size: 20px;
            }

        .well-panel .mega-header > a:hover,
        .well-panel .mega-header > a:focus {
            color: #000;
        }

/*
    hide the X that appears in search textbox
*/
.well.search-well input[type='search']::-webkit-search-cancel-button {
    display: none;
}

@media only screen and (min-width: 991px) {
    .well.search-well {
        display: none;
    }
}



@media only screen and (max-width: 991px) {
    /* MOBILE SEARCH */
    .well.search-well {
        display: block;
        background-color: #406e92;
        padding: 15px;
        margin-bottom: 0;
    }

        .well.search-well form {
            position: relative;
            display: flex;
            align-items: center;
        }

        .well.search-well label {
            margin: 0;
            color: #fff;
        }


        .well.search-well input {
            border: 1px solid #fff;
            margin-left: 8px;
        }

            .well.search-well input:focus {
                border: 1px solid #26b3e8;
            }

        .well.search-well .btn-link {
            position: absolute;
            right: 0;
            height: 20px;
            line-height: 20px;
            font-size: 20px;
            top: 50%;
            transform: translate(0, -50%);
            color: #406e92;
            /*padding: 6px;*/
        }

            .well.search-well .btn-link i {
                font-size: 21px;
            }

            .well.search-well .btn-link:hover,
            .well.search-well .btn-link:focus {
                color: #031122;
            }


    .well.page-filter {
        padding: 26px 0;
    }
}

@media only screen and (max-width: 767px) {

    /* mega header heading using h2 to use h3 sizing */
    .well-panel .mega-header h2 {
        font-size: 24px;
        line-height: 26px;
    }

    .well-panel {
        padding: 24px 0;
    }

    .well.page-filter form .form-group {
        width: 48%;
        margin-bottom: 20px;
    }

        .well.page-filter form .form-group:last-child {
            width: 24%;
            margin-bottom: 0;
        }

        .well.page-filter form .form-group .btn-default {
            margin-top: 0;
        }
}

@media only screen and (max-width: 480px) {
    .well.page-filter form .form-group {
        width: 100%;
    }

        .well.page-filter form .form-group:last-child {
            width: 100%;
        }

    .well-wrapper .craft-search-wrapper .input-group {
        display: block;
    }

        .well-wrapper .craft-search-wrapper .input-group .form-control {
            width: 100%;
            margin-bottom: 16px;
            display: block;
        }

    .well-wrapper .craft-search-wrapper .input-group-btn button {
        margin-top: 16px;
    }

    .well-wrapper > h3 {
        margin-bottom: 20px;
    }

    .well-wrapper .craft-search-wrapper {
        margin-bottom: 16px;
    }

    .well-wrapper .show-more-wrapper {
        margin-bottom: 0;
    }
}
