/* ----------------------------------------------------------
    :: Template Name: Bigshop - Responsive Ecommerce Template
    :: Author: Designing World
    :: Author URL: https://wrapbootstrap.com/user/DesigningWorld
    :: Description: Bigshop is smart & elegant e-commerce HTML5 template. It's suitable for all e-commerce business platform. It's come with 55+ pages & exciting all features. It's super responsive for all desktop/mobile layout.
    :: Version: 1.2.0
    :: Created: 20 Sep 2017
    :: Last Updated: 21 Jan 2018
    ---------------------------------------------------------- */

    /* -------------------------------------------------
    ************ PLACE YOUR CUSTOM CSS HERE ************
    ------------------------------------------------- */

    /* -------------------------------------------------
    Brand palette (matches resources/views/auth/login.blade.php)
    Overrides Bootstrap's default blue theme so every view
    (public pages, auth forms, admin CRUD lists/forms) shares
    the login page's pink accent. This file is loaded after the
    Bootstrap CDN stylesheet in layouts/app.blade.php, so same-
    specificity selectors below win by source order alone; more
    specific selectors elsewhere (header/nav/footer in
    core-style.css) are untouched and keep controlling their own
    colors.
    ------------------------------------------------- */

    :root {
        --brand-pink: #e83e8c;
        --brand-pink-dark: #d12e79;
        --brand-pink-light: #fdf1f7;
    }

    a {
        color: var(--brand-pink);
    }

    a:hover,
    a:focus {
        color: var(--brand-pink-dark);
    }

    /* Restores the original neutral-icon / pink-on-hover design
    that core-style.css already defines for this element (it only
    sets a :hover color, so it was inheriting the same default
    link blue this override fixes everywhere else). */
    .top_social a {
        color: #3a3a3a;
    }

    .btn-primary,
    .btn-info,
    .btn-dark {
        background-color: var(--brand-pink);
        border-color: var(--brand-pink);
        color: #fff;
    }

    .btn-primary:hover,
    .btn-info:hover,
    .btn-dark:hover,
    .btn-primary:focus,
    .btn-info:focus,
    .btn-dark:focus {
        background-color: var(--brand-pink-dark);
        border-color: var(--brand-pink-dark);
    }

    .alert-dark {
        background-color: var(--brand-pink-light);
        border-color: #f6d6e6;
        color: #3a3a3a;
    }

    .form-control:focus {
        border-color: var(--brand-pink);
        box-shadow: 0 0 0 0.2rem rgba(232, 62, 140, 0.15);
    }

    .table-hover tbody tr:hover {
        background-color: var(--brand-pink-light);
    }

    .page-link {
        color: var(--brand-pink);
    }

    .page-link:hover {
        color: var(--brand-pink-dark);
        background-color: var(--brand-pink-light);
    }

    .page-item.active .page-link {
        background-color: var(--brand-pink);
        border-color: var(--brand-pink);
        color: #fff;
    }

    .custom-control-input:checked ~ .custom-control-label::before,
    input[type="checkbox"]:checked,
    input[type="radio"]:checked {
        border-color: var(--brand-pink);
    }