@charset "utf-8";
/* CSS Document */

.btn-styled {
    background-color: #1ea4e4;
    border-radius: 40px;

    position: relative;
    display: inline-block;

    overflow: hidden;

    transition: all 0.3s ease;

    cursor: pointer;
}
    .btn-styled .btn-curve {
        background-color: #027eb9;

        position: absolute;
        right: -22px;
        top: 0;

        margin-right: 0;

        width: 35px;
        height: 100%;

        z-index: 0;

        transform: skewX(25deg);
        transition: all 0.5s ease;
    }
    .btn-styled .btn-title {
        font-size: 20px;
        font-weight: 500;
        color: #fff;
        text-align: center;

        position: relative;

        display: block;

        padding: 16px 50px 18px;
    }
    .btn-styled:hover {
        color: #fff;
    }
    .btn-styled:hover .btn-curve {
        right: 0;

        width: 100%;

        transform: skewX(0deg);
    }

    .btn-sm {
        padding: 14px 40px 16px !important;
    }
        .btn-sm .btn-title {
            font-size: 18px !important;
            padding: 0 !important;
        }


.btn-position {
    position: absolute;
    left: 0;
    right: 0;
    top: 115px;

    z-index: 30;
}
    .btn-position .btn-styled .btn-title {
        font-size: 22px;
    }
    .btn-position .btn-styled .btn-title i {
        font-size: 18px;

        position: relative;
        top: -2px;

        transition: 0.2s;
    }
    .btn-position .btn-styled .btn-title i:first-child {
        left: 0;
    }
    .btn-position .btn-styled .btn-title i:last-child {
        right: 0;
    }
    .btn-position .btn-styled:hover .btn-title i:first-child {
        position: relative;
        left: -10px;

        transition: left 0.2s;
    }
    .btn-position .btn-styled:hover .btn-title i:last-child {
        position: relative;
        right: -10px;

        transition: right 0.2s;
    }

/* */
.pagination-wrapper {
    background: #1ea4e4;
    border-radius: 40px;

    display: inline-block;

    margin-top: 20px;
}
.pagination-wrapper a {
    background: #1ea4e4;

    font-size: 20px;
    font-weight: 500;
    color: #fff;

    display: inline-block;
    padding: 15px;
}
    .pagination-wrapper a:first-child {
        border-radius: 40px 0 0 40px;
    }
    .pagination-wrapper a:last-child {
        border-radius: 0 40px 40px 0;
    }
    .pagination-wrapper a.disabled {
        background: #027eb9;
    }
.pagination-wrapper span {
    background: #1ea4e4;

    font-size: 20px;
    font-weight: 500;
    color: #fff;

    display: inline-block;
    padding: 15px;
}
.pagination-wrapper ul {
    list-style: none;

    margin: 0;
}
.pagination-wrapper ul li {
    display: inline-block;
}
.pagination-wrapper ul li a {
    border-radius: 0;
    transition: none;
}
.pagination-wrapper ul li a:hover {
    background: #1a92cb;
    border-radius: 0;
    transition: none;
}
.pagination-wrapper ul li:last-child {
    padding-right: 40px;
}
.pagination-wrapper ul li .current {
    background: #1a92cb;
    border-radius: 0;
}

/* Bootstrap primary button overrides - use app primary color */
.btn-primary {
    color: #fff;
    background-color: #1ea4e4;
    border-color: #1ea4e4;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #1a92cb;
    border-color: #1a92cb;
}
.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #1ea4e4;
    border-color: #1ea4e4;
}
.btn-outline-primary {
    color: #1ea4e4;
    border-color: #1ea4e4;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
    color: #fff;
    background-color: #1ea4e4;
    border-color: #1ea4e4;
}

/* Custom wine button for closed events */
.btn-wine {
    color: #fff;
    background-color: #b72961;
    border-color: #b72961;
}
.btn-wine:hover,
.btn-wine:focus,
.btn-wine:active,
.btn-wine.active,
.show > .btn-wine.dropdown-toggle {
    color: #fff;
    background-color: #a22258;
    border-color: #a22258;
}
.btn-wine.disabled,
.btn-wine:disabled {
    color: #fff;
    background-color: #b72961;
    border-color: #b72961;
    opacity: 1;
}