/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

.menu-item-small span   {
    font-size:13px;
    }

.menu-item-small   {
    margin-top:-5px;
    }
    
.padded-grid {padding:10px;}

img.online {
    border:none;
}

.login-info img {
    height:34px;
    width:auto;
    margin-top:-4px;
}


.select2-selection__choice[title="Open House 12:00-2:00 PM"] {
    background-color: #468847;
    border: 1px solid #468847;
}
.select2-selection__choice[title="Topanga Caravan 9:30-11:00 AM"] {
    background-color: #b94a48;
    border: 1px solid #b94a48;
}
.select2-selection__choice[title="Caravan 9:30-11:45 AM"] {
    background-color: #3276b1;
    border: 1px solid #3276b1;
}

.bootstrapWizard li {
    width:33%;
    }
    
    
    
    


.content {
   width: 50%;
   margin: 0px auto;
}

.embed-container {
   height: 0;
   width: 100%;
   padding-bottom: 56.25%; /* play with this until right */
   overflow: hidden;
   position: relative;
}

.embed-container iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
}


.text-allcaps   {
    text-transform: uppercase;
}

.caravan-header {
    margin-left:50px;
    }
    
nav ul li a {
    color:#dddddd;
}

.fixed-navigation nav {
    background-color: #223355;
}

nav ul ul {
    background-color: #334466;
}

nav>ul>li>ul>li>a:hover,
nav>ul>li>ul>li>ul>li>a:hover   {
    background-color: #445577 !important;
}

nav ul li:hover ul{
    display: block;
}

.page-footer {
    font-size: 11px;
}

.caravan-title {
    padding-bottom:100%;
    margin-bottom:-100%;
    text-align:right;
}

.caravan-description{
    padding-bottom:100%;
    margin-bottom:-100%;
}


.form-control-inline    {
    display:inline !important;
    width:auto;
    min-width:0;
}


.breadcrumb, .breadcrumb>li>a {
    color:#112255;
    font-size:15px;
}



@media (max-width: 767px) {
    
    #logo img{
        width:110px !important;
        height:auto;
    }
    
    #logo-img   {
        width:110px !important;
        height:auto;        
    }
    
    #logo-group {
        width: 75px !important;
    }
    
    .caravan-header {
        margin-left:0px;
    }
    .caravan-header span {
        margin-right:5px !important;
    }

    .smart-timeline-icon {
        left:10px;
    }

    .smart-timeline-time {
        width: 40px;
    }
    
    .smart-timeline-content {
        margin-left: 50px;
    }
    
    .smart-timeline-list:after{
        left:25px;
    }
    
    .schedule h5    {
        font-size: 2.1vw;
        font-weight:bolder;
        margin-top:3px;
        margin-bottom:3px;
        padding:0px;
        width:100px;
    }
    
    .schedule td{
        width: 100px !important;  /**/
        padding:0px !important;
    }
    
    table.schedule  {
        padding:0px;
    }
    
    .caravan-title {
        padding-bottom:5px;
        margin-bottom:0px;
        text-align:left;
        padding-top:5px;
        margin-right:5px;
        margin-left:5px;
    }

    .caravan-description{
        padding-bottom:5px;
        margin-bottom:0px;
        padding-top:5px;
        margin-right:5px;
        margin-left:5px;
    }
    
    .breadcrumb, .breadcrumb>li>a {
        font-size:12px;
        padding: 14px 0px;
    }
    
}



@media (max-width: 768px) {
    
    
    .caravan-title {
        padding-bottom:5px;
        margin-bottom:0px;
        text-align:left;
        padding-top:5px;
        margin-right:5px;
        margin-left:5px;
        width:98%;
    }

    .caravan-description{
        padding-bottom:5px;
        margin-bottom:0px;
        padding-top:5px;
        margin-right:5px;
        margin-left:5px;
        width:98%;
    }
    
}