/* 
    Put Gemco Store specific styles here
*/



/* General Content Button */

.btn.content-btn {
    background: #29a5dd !important;
    backface-visibility: hidden;
    border: none;
    border-radius: 2px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    line-height: 15px;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s all;
}

    .btn.content-btn:hover,
    .btn.content-btn:focus {
        filter: brightness(115%);
        color: #fff;
        cursor: pointer;
    }

.panel-alt {
    margin-bottom: 20px;
    background-color: #4b5d71;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-alt > .panel-heading {
    color: #fff;
    background-color: #4b5d71;
    border-color: #4b5d71;
}

.btn-primary {
    background-color:#29a5dd!important;
    border-color:#29a5dd!important;
    color:#fff!important;
}

.btn-secondary {
    background-color:#999!important;
    border-color:#999!important;
    color:#fff!important;
}

.pagination>.active>a {
    background-color:#4b5d71!important;
    border-color:#4b5d71!important;
}

/* Wrappers */

.container1 {
    margin: 20px 40px;
}


    /* Header */

    #site-header .logo {
        z-index: 13;
    }

    #main-nav > div > ul li a:hover, 
    #main-nav > div > ul li a:focus, 
    #main-nav > div > ul li.current-menu-item a, 
    #main-nav > div > ul > li:hover a {
        color: #29a5dd;
    }


    /* Products Sidebar */

    .department-box {
        border: none !important;
        border-bottom: 1px solid #e3e3e3 !important;
    }


    /* Login Form */

    .login-registration-block {
        align-items: stretch;
        display: flex;
        justify-content: center;
        margin: 60px auto;
        max-width: 900px;
    }

        .login-form {
            border: 2px solid #dadee0;
            box-sizing: border-box;
            margin: 0 20px;
            padding: 20px;
            width: 100%;
        }

        .login-form.logged-in {
            max-width: 300px;
            margin: 30px auto;
        }

            .login-form.logged-in .btn {
                display: block;
            }

            .logo-sign-up {
                margin: 0 0 10px;
                width: 100%;
            }

            .login-form-row {
                margin: 0 0 15px;
            }

                    .login-form label {
                        display: block;
                        font-weight: bold;
                        margin-bottom: 1px;
                    }

                    .login-form input[type="text"],
                    .login-form input[type="password"] {
                        border: 1px solid #29a5dd;
                        box-sizing: border-box;
                        color: #555555;
                        display: block;
                        font-size: 16px;
                        height: auto;
                        padding: 8px;
                        width: 100% !important;
                    }

                    .login-form .btn {
                        border: 1px solid #29a5dd;
                        margin: 0 6px 10px 0;
                    }

                    .login-form .btn-alt,
                    .login-form .btn-alt:hover,
                    .login-form .btn-alt:focus {
                        background: none !important;
                        color: #555555;
                        margin-right: 0;
                    }

                    .login-form-access a {
                        color: #29a5dd;
                    }

            .login-form-error {
                color: red;
                display: block;
                font-weight: bold;
                padding: 0 0 10px;
                text-align: center;
            }

        .register-callout {
            background: #eeeeee;
            margin: 0 20px;
            position: relative;
            width: 100%;
        }

            .register-callout img {
                max-width: 100%;
            }

            .register-callout img + span {
                bottom: 20px;
                color: #525F77;
                font-size: 17px;
                left: 0;
                padding: 0 33px;
                position: absolute;
                text-align: center;
            }

                .register-callout span > span {
                    font-weight: bold;
                }


    /* My Account */

    .account-links {
        margin: 20px 0;
    }

        .account-links a {
            margin: 0 8px 8px 0;
        }







@media only screen and (max-width: 850px){

    /* Login / Registration */

    .login-registration-block {
        flex-wrap: wrap;
    }

        .login-form,
        .register-callout {
            box-sizing: border-box;
            margin: 0 20px 40px;
            max-width: 400px;
        }

        .register-callout {
            margin-bottom: 0;
        }

            .register-callout img + span {
                bottom: 10px;
                font-size: 14px;
                line-height: 15px;
                padding: 0 10px;
            }

}



@media only screen and (max-width: 600px){

    /* Header */

    .header-row-1 .btn i {
        display: none;
    }

}