/*=============================================================
    PubCinema Custom Styles
    Color Palette: #73000F (Primary) | #a31a1a (Secondary)
 ============================================================ */

/* =============================================================
   GENERAL STYLES
 ============================================================ */

body {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.7;
    color: #333;
}

.set-radius-zero {
    border-radius: 0px;
}

.content-wrapper {
    margin-top: 40px;
    min-height: 800px;
    padding-bottom: 90px;
}

.header-line {
    font-weight: 600;
    padding-bottom: 25px;
    border-bottom: 2px solid #73000F;
    color: #73000F;
}

.pad-botm {
    padding-bottom: 30px;
}

/* =============================================================
   NAVBAR & MENU STYLES
 ============================================================ */

.right-div {
    float: right; 
    padding: 20px;
}

#menu-top a {
    color: #333;
    text-decoration: none;
    font-weight: 500;
    padding: 25px 15px;
    transition: all 0.3s ease;
}

#menu-top a:hover {
    color: #73000F;
    background-color: rgba(115, 0, 15, 0.05);
}

.menu-section {
    background-color: #f7f7f7;
    border-bottom: 5px solid #73000F;
    width: 100%;
}

.menu-top-active {
    background-color: #eeeeee;
    color: #73000F !important;
}

.navbar-inverse {
    background-color: #FFF;
    border-color: rgba(155, 153, 153, 0.23);
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.navbar {
    min-height: 100px;
    margin-bottom: 0px;
}

.navbar-brand img {
    transition: all 0.3s ease;
    height: 60px;
}

.navbar-brand img:hover {
    opacity: 0.8;
    transform: scale(1.05);
}

.navbar-form {
    margin-top: 18px;
    margin-right: 15px;
}

.navbar-form .input-group {
    min-width: 300px;
}

.navbar-form .form-control {
    border-radius: 20px 0 0 20px;
    border: 2px solid #ddd;
    padding: 10px 20px;
    transition: border-color 0.3s ease;
}

.navbar-form .form-control:focus {
    border-color: #73000F;
    box-shadow: none;
}

.navbar-form .btn {
    border-radius: 0 20px 20px 0;
    border: 2px solid #ddd;
    border-left: none;
    background-color: #73000F;
    color: white;
    transition: all 0.3s ease;
}

.navbar-form .btn:hover {
    background-color: #a31a1a;
}

@media (max-width: 767px) {
    .navbar {
        min-height: 80px;
    }
    .navbar-brand img {
        height: 45px;
    }
    .navbar-form {
        margin: 10px 0;
    }
    .navbar-form .input-group {
        min-width: 200px;
    }
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: transparent;
}

.navbar-toggle {
    background-color: #73000F;
    border: 1px solid #73000F;
}

.navbar-toggle:hover {
    background-color: #a31a1a;
}

/* =============================================================
   BUTTONS
 ============================================================ */

.btn-primary {
    background-color: #73000F;
    border-color: #73000F;
    color: #fff !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #a31a1a;
    border-color: #a31a1a;
    color: #fff !important;
}

.btn-info {
    background-color: #73000F;
    border-color: #73000F;
    color: #fff !important;
}

.btn-info:hover, .btn-info:focus, .btn-info:active {
    background-color: #a31a1a;
    border-color: #a31a1a;
    color: #fff !important;
}

.btn-warning {
    background-color: #a31a1a;
    border-color: #a31a1a;
    color: #fff !important;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
    background-color: #8a1515;
    border-color: #8a1515;
    color: #fff !important;
}

.btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff !important;
}

.btn-success:hover, .btn-success:focus, .btn-success:active {
    background-color: #449d44;
    border-color: #398439;
    color: #fff !important;
}

.btn-danger {
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff !important;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
    background-color: #c9302c;
    border-color: #ac2925;
    color: #fff !important;
}

/* =============================================================
   PANELS & CARDS
 ============================================================ */

.panel-default > .panel-heading {
    background-color: #f7f7f7;
    border-bottom: 2px solid #73000F;
    color: #73000F;
    font-weight: 600;
}

/* =============================================================
   FOOTER SECTION STYLES
 ============================================================ */

.footer-section {
    padding: 25px 50px;
    color: #333;
    font-size: 13px;
    background-color: #f7f7f7;
    text-align: right;
    border-top: 5px solid #73000F;
}

.footer-section a, .footer-section a:hover {
    color: #73000F;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-section a:hover {
    color: #a31a1a;
}

/* =============================================================
   UTILITIES
 ============================================================ */

.text-primary-custom {
    color: #73000F !important;
}

.bg-primary-custom {
    background-color: #73000F !important;
    color: white;
}

.border-primary-custom {
    border-color: #73000F !important;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
    background-color: #faf7f7;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background-color: #73000F !important;
    background: linear-gradient(to bottom, #73000F 0%, #a31a1a 100%) !important;
    border-color: #73000F !important;
    color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #f0e8e8 !important;
    background: linear-gradient(to bottom, #fff 0%, #f0e8e8 100%) !important;
    border-color: #73000F !important;
    color: #73000F !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background-color: #a31a1a !important;
    background: #a31a1a !important;
}

a:link, a:visited {
    color: #73000F;
}

a:hover {
    color: #a31a1a;
}

.panel-safilo-blue {
    border-color: #73000F !important;
}

.panel-safilo-blue > .panel-heading {
    color: #fff !important;
    background-color: #73000F !important;
    border-color: #73000F !important;
}

.panel-safilo-lightblue {
    border-color: #a31a1a !important;
}

.panel-safilo-lightblue > .panel-heading {
    color: #fff !important;
    background-color: #a31a1a !important;
    border-color: #a31a1a !important;
}