/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */

a {
    color: #009999;
    text-decoration:none
}

.bg-light-grey-liveday {
    background-color: #fafafa;
}

.bg-light-grey {
    background-color: #f0f0f0;
}

.bg-light-grey .border-1px {
    /* because of a darker bg-light-grey */
    border-color: #e5e5e5!important;
}

.bg-dark-grey {
    background-color: #333333;
}

.bg-white {
    background-color: white;
}

.liveday-menu-admin .btn-default {
    border-color: #e5e5e5;
}

.liveday-menu-admin .btn-default .badge {
    background-color: #808080;
    line-height: 0.8;
}

.liveday-live-box {
    border-color: #f89406;
}

.liveday-live-box::before {
    border-color: transparent #f89406 transparent transparent;    
}

/*.liveday-timeline {
background-color: #f89406;    
}

.liveday-timeline i {
color: white;
}*/

.form-group .selectize-input {
    min-height: 45px;
    border-radius: 0;
    box-shadow: none;
}         

.form-sub-menu {
    border-left: 3px solid #666666;
}                

textarea {
    resize: vertical;
}

@media only screen and (min-width : 768px) { 
    .cd-speaker-min-height {
        min-height: 135px;
    }
}

@media only screen and (max-width : 767px) { 
    .cd-speaker-min-height {
        min-height: 110px;
    }
}

@media only screen and (min-width : 900px) and (max-width : 990px) { 
    .menuzord-brand {
        font-size: 14px;
    }
}

.nav-tabs>li>a {
    border: 1px solid #EEE;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border-top: 1px solid #009999; 
}

.sponsor_evt {
    top: 0px;
    border-top-width: 140px;
    border-left-width: 140px;    
}
.sponsor_evt:before {
    font-size: 24px;
    margin: -101px 0 0 -103px;   
}

/* When lots of menus or long event's name */
@media only screen and (max-width : 1199px) {
    .menuzord-menu ul.dropdown{
        top: 111px;
    }
}