/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Jul 12, 2017, 4:30:08 PM
    Author     : jamespanels1
*/

:root {
    --clr-primary-300: #7f0000;
}

.address-top-container{

}
ul.header-social li {
    display: inline-block;
}
ul.header-social li i {
    padding: 7px 8px;
    margin-left: 5px;
    background: #fff;
    fill: #000;
    color: #000;
    border-radius: 100%;
}

ul.footer-mainsocial li i{
    padding: 7px 8px;
    margin-right: 6px;
    background: #fff;
    fill: #000;
    color: #000;
    border-radius: 100%;
}

ul.footer-mainsocial a {
    width: 100%;
    display: inline-block;
    margin-bottom: 8px;
    text-transform: capitalize;
}

.header-street-address {
    border-right: 1px solid var(--clr-light);
    padding-right: 8px;
    float: left;
}

.header-phone-number {
    float: left;
    padding-left: 8px;
}

.logo-container {
    padding-top: 0;
    margin: 0 auto;
    width: 250px;
}

.logo-container h1{
    margin:0;
}

.logo-container img{
    max-width:80%;
    float: none;
    margin: 20px auto 10px;
}

.btn-default {
    background-color: var(--clr-primary-300);
}

.carousel-caption.header-details-container a.btn-default:hover, .carousel-caption.header-details-container a.btn-default:focus {
    color: var(--clr-primary-300);
    border: 1px solid var(--clr-primary-300);
}

.event-page-venue-logo{
    text-align:center;
}

.event-page-venue-logo img{
    width:200px;
    max-width:100%
}

.carousel-caption.header-details-container{
    color:var(--clr-light);
    font-weight: var(--fw-bold-600);
}

.carousel-caption.header-details-container a{
    color:var(--clr-light);
    font-weight: var(--fw-bold-600);
}

.upcoming-list-description > ul li {
    list-style: outside none none;
}

header.fullwidth {
    background-color:var(--clr-light);
    margin-left: 15px;
    margin-right: 15px;
}

header.fullwidth .header-address-container {
    width: auto;
}

header.fullwidth .header-nav-container {
    background-color: var(--clr-dark);
    width: auto;
}

header.fullwidth .header-nav-container .navbar-default .navbar-nav>li>a {
    color: var(--clr-light);
}

header.fullwidth .header-nav-container .navbar-default .navbar-nav>li>a:focus, header.fullwidth .header-nav-container .navbar-default .navbar-nav>li>a:hover, header.fullwidth .header-nav-container .navbar-default .navbar-nav>.open>a, header.fullwidth .header-nav-container .navbar-default .navbar-nav>.open>a:focus, header.fullwidth .header-nav-container .navbar-default .navbar-nav>.open>a:hover {
    background-color: var(--clr-primary-300) !important;
    color: var(--clr-light);
}

header.fullwidth .header-logo-container{
    background-color:var(--clr-light);
}

.abount-image-container > img {
    height: auto;
    width: 100%;
}

.navbar-default .navbar-toggle {
    background-color: var(--clr-dark);
}

header.fullwidth span.menu-mobile-text {
    display: none;
}


.events_checkoutmulti_page .expiration-container{
    margin-top: 10px;
    margin-bottom: 10px;
}

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


    .upcoming-list-description .scheduled {
    max-height: none;
    }
    .navbar.navbar-default {
     margin-top: -225px; /*-160px*/
    }

    .sidebar-offcanvas {
        padding-top: 53px;
    }

    .header-street-address {
        border: none;
        float: none;
    }

    .header-phone-number {
        float: none;
        padding: 0;
    }

    header.fullwidth .header-address{
        margin-bottom:0;
    }

    .mobile-social-media {
        float: none;
        margin: 0 auto 5px;
        width: 120px;
        text-align: center;
        padding: 0;
    }
}

@media only screen and (max-width: 360px) {
    .sidebar-offcanvas {
        padding-top: 4px;
    }
}