/*
Theme Name:   BBE Purplelap
Template:     bbe
Version:      1.0
Text Domain:  bbe-purplelap
Author: MMS
*/

html, body {
    width: auto!important; 
    overflow-x: hidden!important
}
 
/* body {border:20px solid red; } /* just to demonstrate this CSS file is added! */
#logged_in_user {
    padding-top: 10px;
    text-align: right;
    font-size:9px;
}

div.required label:after {
        content: " *";
}


.kv-sidenav li a {
    padding: 10px;
}

.nav-tabs li a {
    padding: 10px;
}

#main-header {
    z-index:500;
}

#main-content .container::before {
    content: none;  
}

#user-account-main-panel {
    padding:10px;
}

.detail-view {
        table-layout: fixed;
        white-space: normal!important;
    }
    
    
    td {
        word-wrap: break-word;
    }
 
 
.pending-count {
    vertical-align: top;
    margin: 1px 0 0 2px;
    padding: 0 5px;
    border-radius: 11px;
    background-color: #ca4a1f;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    
}

#logo{
    margin:12px;
    width:250px; /* you can use % */
    height: auto;
}
#logged_in_user{
    padding-right: 30px;
}
.nav-main{
    background-color: #fff;
    border-width: 0 0 0 0;
    padding-top: 18px;
    margin-bottom:0px;
    font-weight: bolder!important;
    
}

.nav-main .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
    background-color: #fff !important;

}

.btn {
    font-weight: bolder!important;
}

.header-border{    
    border-top: 2px solid #4F2671;
    margin-bottom: 35px;
}

header#main-header.et-fixed-header, #main-header{
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    box-shadow:none !important;
    border-bottom: 2px solid #8E72A7;
}
#et_search_icon:hover, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, .bottom-nav li.current-menu-item>a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar:after, .mobile_menu_bar:before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce .star-rating span:before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span:before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current{
 color:#4F2671;
}

#page-container{
    min-height: 100%;
    position: relative;
}

#main-content{
    padding-bottom: 60px;
}

.link-footer{
    color: #f7f7f7; 
}

#main-footer{
    background-color: #4F2671;
    color: #f7f7f7;
    font-size: 10px;
    padding: 10px;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;      
}

#personTab{
    margin-bottom: 20px;
}

.truncate {
        max-width: 100px !important;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
 }

 .overflow-contents {
    max-width: 150px !important;     
    white-space: normal !important; 
    word-wrap: break-word;  
}
 
 .truncate:hover{
        overflow: visible;
        white-space: normal;
        width: auto;
 }

@media (max-width: 980px){
    #main-footer{
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;    
    }
    /*
    .container{
        max-width: 100%;
        width:auto;
    
    }
*/
    #main-header {
        padding-left:10px;
        padding-right:15px;
    }
    
    .col-md-9{
        padding-left: 0px;
        padding-right: 0px;
    }
    .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
}

/* UM Colour Styles */

.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color
{
        color: #4F2671!important;
}

.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover
{
        background: #4F2671!important;
}

.um .um-field-group-head:hover,
.picker__footer,
.picker__header,
.picker__day--infocus:hover,
.picker__day--outfocus:hover,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list-item:hover,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
        background: #8E72A7!important;
}

.um input[type=submit]:disabled:hover {
        background: #4F2671!important;
}

.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active {
        background: #4F2671!important;
}

.um .um-button.um-alt:hover, .um input[type=submit].um-button.um-alt:hover {
        background: #e5e5e5!important;  
}

.um .um-button.um-alt, .um input[type=submit].um-button.um-alt {
        background: #e5e5e5!important;
}

.um a.um-link {
        color: #4F2671!important;
}

.um input[type=submit].um-button:hover,
.um a.um-button:hover {
        background-color: #8E72A7!important;
}

.um a.um-link:hover,
.um a.um-link-hvr:hover {
        color: #8E72A7!important;
}

.um input, .um select, .um textarea {
    font-size: 14px!important;
}

@media (min-width: 768px) {
        .tab-panel-heading {
            display: none;
        }
        .tab-panel {
            border: none;
            box-shadow: none;
        }
        .tab-panel-collapse {
            height: auto;
        }
        .tab-panel-collapse.collapse {
            display: block;
        }
    }
@media (max-width: 767px) {
    .tab-content .tab-pane {
        display: block;
        margin: 0px;
        padding: 0px;
    }
    .nav-tabs {
        display: none;
    }
    .tab-panel-title a {
        display: block;
    }
    .tab-panel {
        margin: 0;
        box-shadow: none;
        border-radius: 0;
        margin-top: -2px;
    }
    .tab-pane:first-child .panel {
        border-radius: 5px 5px 0 0;
    }
    .tab-pane:last-child .panel {
        border-radius: 0 0 5px 5px;
    }
    .tab-panel-body{
            padding: 0px;
            margin: 0px 0px 10px 0px;
    }
    .accounts-view{
        padding:0px;
    }
}

@media (max-width: 350px) {
    .hidden-xxs {
        display: none !important;
    }
}

.entry-title{
    display:none;   
}

.accounts-view{
    padding:20px;
}

.bootstrap-dialog-title{
    color:#333 !important;
}

.bootstrap-dialog.type-warning .modal-header {
    background-color: #fff !important;
}

.btn-warning {
    color: #fff !important;
    background-color: #4F2671 !important;
    border-color: #644C9A !important;
}

.et_mobile_menu{
    border-top: 3px solid #4F2671 !important;
}

.kv-panel-after{
    display:none;
}

#bbe-magic-content {
    padding-bottom: 60px;
}
/* adjust event sfilter bar to allow for eligible vents filter */
.tribe-bar-date-filter {
    width: 20%
}

.tribe-bar-search-filter {
    width: 30%;
}

.tribe-bar-my-events-filter {
    float: left;
    margin-bottom: 0;
    padding: 15px;
    width: 20%;
}

.tribe-bar-my-events-filter input {
    margin-left: 35% !important;
}

.tribe-bar-submit {
    float: left;
    margin-bottom: 0;
    margin-left: 5%;
    padding: 15px;
    width: 25%;
}