/* Add here all your css styles (customizations) */
/*#UnifyTemplate*/

#UnifyTemplate .container-ts-fullwidth div.col-md-12{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#UnifyTemplate #ts-one-page-info-alert div.alert-info {
    display: none;
    margin: 0px auto;
    width: 100%;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}

#UnifyTemplate .section-header {
    display: none;
    margin: 0px auto;
    width: 100%;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}

/* Add here all your css styles (customizations) */
/* 
    01/20/2015 DWT
    This file was blank, anything written here is a customization we wanted to override.
*/
/* default content is 40px top..seemed to large..*/
#blog1 .content, #blog1-dashboard .content {
    padding-top: 10px;
    padding-bottom: 0px;
}

/* default unify was setting a differant font-family */
#blog1 h1, h2, h3, h4, h5, h6, #blog1-dashboard h1, h2, h3, h4, h5, h6 {
    font-family: inherit !important;
}

/* 
    when nav is not a dropdown, header-default.css bleeds green thru
    overriding here allows theme-css to show....
*/

#blog1 .header .navbar-default .navbar-nav > li > a:hover,
.header .navbar-default .navbar-nav > .active > a, #blog1-dashboard .header .navbar-default .navbar-nav > li > a:hover,
.header .navbar-default .navbar-nav > .active > a {
    bottom: -2px;
    position: relative;
    border-bottom: solid 2px;
}

/* gives links a smooth transition */
#blog1 a, #blog1-dashboard a {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

#blog1 a:hover, #blog1-dashboard a:hover {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    cursor: pointer !important;
}

#blog1 .breadcrumbs, #blog1-dashboard .breadcrumbs {
    padding: 0px;
}

#blog1 .breadcrumbs h1, #blog1-dashboard .breadcrumbs h1 {
    margin-top: 12px;
}

/* BELOW HERE WILL BE ADDED TO DASHBOARD ADMIN, or other custom file */

#blog1 .defaultBootbaxWidth, #blog1-dashboard .defaultBootbaxWidth {
    width: 320px !important;
}

/* Boxed Layout - write to published file when user overrides.
------------------------------------*/
/* /aspx/blog1/templates/unify/assets/css/style.css */

#blog1-dashboard .blog1-dashboard-navbar {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

#blog1-dashboard .style-switcher {
    position: absolute;
    left: 0;
    top: 85px;
    color: #fff;
    width: 200px !important;
    display: block;
    z-index: 555555;
    position: fixed;
    background: #333;
    border-radius: 0px !important;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    cursor: pointer !important;
}

#blog1-dashboard i.style-switcher-btn {
    width: 35px;
    left: 0;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    z-index: 555555;
    position: fixed;
    padding: 9px 10px;
    background: #222;
    display: block;
    /*border-radius: 0 3px 3px 0!important;*/
}

#blog1-dashboard .blog1-admin-navbar {
    background-color: #222;
    border-color: #080808;
}

#blog1-dashboard .blog1-admin-navbar .navbar-brand {
    color: #9d9d9d;
}

#blog1-dashboard .blog1-admin-navbar .navbar-brand:hover,
#blog1-dashboard .blog1-admin-navbar .navbar-brand:focus {
    color: #fff;
    background-color: transparent;
}

#blog1-dashboard .blog1-admin-navbar .navbar-text {
    color: #9d9d9d;
}

#blog1-dashboard .blog1-admin-navbar .navbar-nav > li > a {
    color: #9d9d9d;
}

#blog1-dashboard .blog1-admin-navbar .navbar-nav > li > a:hover,
#blog1-dashboard .blog1-admin-navbar .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;
}

#blog1-dashboard .blog1-admin-navbar .navbar-nav > .active > a,
#blog1-dashboard .blog1-admin-navbar .navbar-nav > .active > a:hover,
#blog1-dashboard .blog1-admin-navbar .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #080808;
}

#blog1-dashboard .blog1-admin-navbar .navbar-nav > .disabled > a,
#blog1-dashboard .blog1-admin-navbar .navbar-nav > .disabled > a:hover,
#blog1-dashboard .blog1-admin-navbar .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent;
}

#blog1-dashboard .blog1-admin-navbar .navbar-toggle {
    border-color: #333;
}

#blog1-dashboard .blog1-admin-navbar .navbar-toggle:hover,
#blog1-dashboard .blog1-admin-navbar .navbar-toggle:focus {
    background-color: #333;
}

#blog1-dashboard .blog1-admin-navbar .navbar-toggle .icon-bar {
    background-color: #fff;
}

#blog1-dashboard .blog1-admin-navbar .navbar-collapse,
#blog1-dashboard .blog1-admin-navbar .navbar-form {
    border-color: #101010;
}

#blog1-dashboard .blog1-admin-navbar .navbar-nav > .open > a,
#blog1-dashboard .blog1-admin-navbar .navbar-nav > .open > a:hover,
#blog1-dashboard .blog1-admin-navbar .navbar-nav > .open > a:focus {
    /*color: #fff;
    background-color: #080808;*/
}

@media (max-width: 767px) {
    #blog1-dashboard .blog1-admin-navbar .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808;
    }

    #blog1-dashboard .blog1-admin-navbar .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808;
    }

    #blog1-dashboard .blog1-admin-navbar .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d;
    }

    #blog1-dashboard .top-nav > li > a {
        /*padding-top: 15px;
        padding-bottom: 15px;
        line-height: 30px;
        color: #999;*/
    }


    #blog1-dashboard .top-nav > li > a {
        /*padding-top: 15px;
        padding-bottom: 15px;
        line-height: 30px !important;
        color: #999;*/
    }

    #blog1-dashboard .top-nav > li > a:hover,
    .top-nav > li > a:focus,
    .top-nav > .open > a,
    .top-nav > .open > a:hover,
    .top-nav > .open > a:focus {
        /*color: #fff;
        background-color: #080808 !important;*/
    }
    /*#080808;*/
    #blog1-dashboard .blog1-admin-navbar .navbar-nav .open .dropdown-menu > li > a:hover,
    #blog1-dashboard .blog1-admin-navbar .navbar-nav .open .dropdown-menu > li > a:focus {
        /*color: #fff;
    background-color: transparent;*/
        /*color: #fff;
        background-color: #080808 !important;*/
    }

    #blog1-dashboard .blog1-admin-navbar .navbar-nav .open .dropdown-menu > .active > a,
    #blog1-dashboard .blog1-admin-navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
    #blog1-dashboard .blog1-admin-navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
        /*color: #fff;
        background-color: #080808 !important ;*/
    }

    #blog1-dashboard .blog1-admin-navbar .navbar-nav .open .dropdown-menu > .disabled > a,
    #blog1-dashboard .blog1-admin-navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    #blog1-dashboard .blog1-admin-navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent;
    }
}

#blog1-dashboard .blog1-admin-navbar .navbar-link {
    color: #9d9d9d;
}

#blog1-dashboard .blog1-admin-navbar .navbar-link:hover {
    color: #fff;
}

#blog1-dashboard .blog1-admin-navbar .btn-link {
    color: #9d9d9d;
}

#blog1-dashboard .blog1-admin-navbar .btn-link:hover,
#blog1-dashboard .blog1-admin-navbar .btn-link:focus {
    color: #fff;
}

#blog1-dashboard .blog1-admin-navbar .btn-link[disabled]:hover,
fieldset[disabled] #blog1-dashboard .blog1-admin-navbar .btn-link:hover,
#blog1-dashboard .blog1-admin-navbar .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444;
}


#blog1-dashboard .style-swticher-body {
    padding: 15px 15px 15px 15px;
}

/*Theme Colors*/
#blog1-dashboard .style-switcher ul.list-unstyled > li {
    /*margin: 4px;
    height: 30px;
    width: 30px;*/
}

#blog1, #blog1-dashboard .container {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

#blog1, #blog1-dashboard .wrapper {
    /*position: absolute;*/
    /*margin-left: 200px;*/
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

#blog1-dashboard .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100% !important;
}

#blog1 li.divider {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

#blog1 .userbutton {
    color: #7C8082;
    font-size: 11px;
    text-transform: uppercase;
}

#blog1 .userbutton:hover {
}

#blog1 .header .topbar {
    /*z-index: 12;
    padding: 0px;
    position: relative;*/
}

#blog1 .header .navbar-default .navbar-nav > li > a {
    padding: 10px;
    padding-top: 0px;
    margin-top: 10px;
}

/*#blog1 .h1 {
    display: inline-block;
    margin: 0px;
    padding: 0px;
}*/

body.container-body {
    padding-right: 5px;
    padding-left: 0px;
}

#blog1 .blog1-media-image:hover {
    cursor: pointer;
    border: solid 1px #999;
}


#blog1 .blog1-media-map-caption-wrapper > .h5 {
    font-weight: 600;
    position: absolute;
    bottom: -40px;
    text-align: center;
    width: 100%;
}

#blog1 .blog1-media-image-caption-wrapper > .h5 {
    font-weight: 600;
}

#blog1 .blog1-media-image-caption-wrapper {
    /*border: 1px solid black; width: 80%; padding: 5px 5px 5px 5px;*/
}

/*blog1*/
#blog1 .loginbar {
    padding-right: 5px;
    padding-bottom:7px;
}

#blog1 .navbar-pagelinks {
    margin-right: 10px;
}

#blog1 .navbar-pagelinks li.active > a {
    border-bottom: none;
}

/*unify*/
#blog1 .content {
    /* scrollbar interferes, give it skoosh extra on the right*/
    /*border-right: solid 2px transparent !important;*/
    /*border: solid 10px transparent !important;*/
    /*margin-left: 5px;
    margin-right: 5px;*/
}

/* #fff by default, we prob want to override this for images etc.. */
#blog1 .wrapper {
    /*background-color:red !important;*/
}

#blog1 #topcontrol {
    right: 20px;
    bottom: 20px;
}

body.container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}


/* DEFAULT MIX */

#blog1 .container-mx {
    text-align: justify;
    font-size: 14px;
    -webkit-backface-visibility: hidden;
}

#blog1 .container-mx:after {
    display: inline-block;
    width: 100%;
}

#blog1 .container-mx .mix,
#blog1 .container-mx .gap {
    display: inline-block;
    width: 100%;
}

#blog1 .container-mx .mix {
    text-align: left;
    display: none;
}

#blog1 .container-mx .mix:after {
    display: inline-block;
    vertical-align: top;
    font-weight: 400;
}

#blog1 .container-mx .mix:before {
    display: inline-block;
}

@media all and (min-width: 1020px) {
    #blog1 .container-mx .mix,
    #blog1 .container-mx .gap {
        width: 100%;
    }
}

#blog1 .posts-large-fix {
    padding-right: 10px;
}

#blog1 .breadcrumb {
    padding: 0px;
}

#blog1 .breadcrumbs {
    padding: 0px;
    padding-right: 20px;
}

/* not a unify override..this is for lazyload of images.*/

#blog1 img.blog1-media-image {
    height: auto;
}

#blog1, #blog1-dashboard ul.blog1-select-blog {
    list-style:none;
}

/*#blog1-dashboard .modal-backdrop {
    z-index: 1030;
    height:100%;
}

#blog1 .modal-backdrop {
    z-index: 1030;
    height:100%;
}*/

/* GOOGLE JS MAPS */

/*#blog1, #blog1-dashboard, div.blog1_map_container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; 
    
}*/
/* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
/*#blog1, #blog1-dashboard,  div.blog1_map_container div.blog1_ _canvas {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
}*/