/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.jumbleSearchBtn {
    /* width: 100px; */
    width: auto;
    height: 50px;
    border-radius: 4px;
    margin: 2px;
    background: linear-gradient(90deg, rgba(30, 85, 189, 1) 0%, rgba(67, 126, 235, 1) 100%);
    font-weight: 700;
    color: white;
}

.col-lg-12 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}


/* .container {
    min-width: 992px !important
} */
.col-lg-12.col-md-12.col-sm-12.col-xs-12 {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:360px) {
    .col-lg-12.col-md-12.col-sm-12.col-xs-12 {
        display: grid;
    }
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}


.col-md-12,
.col-sm-12,
.col-lg-12,
.col-xs-12 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col-md-12,
.col-sm-12,
.col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.jumbleInput {
    width: 100%;
}