/* LVN STYLE RESPONSIVE */

/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    /* 
    #device-mode width:768px = body class 'small-device' 
    (see site.js setDeviceClass method) */
    #device-mode { width:768px; }

    /* BODY */
    body {
        background: #fff url(../img/bg.gif) repeat-x;        
        padding-bottom: 20px;
    }

    /* HEADER*/
    /* mainmenu */
    .container.header .row.header-nav {
        /*border: 1px solid #50a0c1;*/ 
        border-top: 0; 
        border-bottom: 0; 
        margin-left: 0;
        margin-right: 0; 
    }
    .container.header .row.header-nav .navbar-header {
        margin-left: -15px; 
        margin-right: -15px; 
    
        background: #fff;
        border: 1px solid #c5c6c8;
        border-radius: 4px; 
    }
    
    .container.header .row.header-nav .navbar-default .navbar-nav {
        margin: 0;       
    }
        
    /* navbar-toggle */
    .navbar-toggle, .navbar-default .navbar-toggle.navbar-toggle-mainmenu {
        margin-right: 15px;
        padding: 9px 20px;
    }    
    .navbar-default .navbar-toggle {
        width: auto;
    }    
    .navbar-toggle-label {
        position: relative;
        bottom: 1px;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0 2px 0 5px;
        overflow: auto;
        clip: rect(0, 0, 0, 0);
        border: 0;    
        font-size: 14px;
    }

    /* site-heading */
    .site-heading {
        font-size: 1.25em;
        font-weight: normal;
    }

    /* PAGE CONTENT CONTAINER */
    .container.page-content { 
        border: 1px solid #c5c6c8; 
        border-radius: 4px; 
    }

    /* FILTER */
    .active-filters-summary .clear-filter {
        float: right;
    }
    .dropdown-sort {
        float: right;
    }

    /* SEARCHPAGE */
    .searchpage .nav-pills.search-categories > li {
        float: left;
    }
    .searchpage .search-help-link {
        float: right;
    }
   
    /* ADDTHIS */
    .addthis-container {
        padding: 20px 0;
    }
    .row.pageinfo .addthis-container {
        padding: 0;
    }
    
    /* BLOCKS */
    .filebrowserblock tbody > tr {
        border-bottom: 0;
    }
    .filebrowserblock tr td {
        display: table-cell; 
        border-top: 0;
        border-bottom: 1px solid #dadada;
        padding: 8px;
    }
    .filebrowserblock tr td.sizeformatted {
        text-align:right;
    }

    /* FOOTER */
    .container.footer > .row {
        margin-left: 0; 
        margin-right: 0;
        background: #4cbbeb; 
        border: 1px solid #4cbbeb; 
        border-top: 0; 
        border-radius: 0 0 4px 4px; 
    }
}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
        /* 
    #device-mode width:992px = body class 'medium-device' 
    (see site.js setDeviceClass method) */
    #device-mode { width:992px; }

    /* BODY */
    body {
        padding-top: 20px;
    }
  
    /* mainmenu */
    .container.header .row.header-nav {
        background: #4cbbeb;
        border: 1px solid #4cbbeb; 
        border-top: 0; 
        border-bottom: 0; 
        margin-left: 0; 
        margin-right: 0;
    }

    .container.header .row.header-nav .navbar-header,
    .container.header .row.header-nav .navbar-default .navbar-nav {
        border: 0;
    }
    .container.header .row.header-nav .navbar-default .navbar-nav > li {
        margin-bottom: -3px;
    }
    .container.header .row.header-nav .navbar-default .navbar-nav > li > a,
    .container.header .row.header-nav .navbar-default .navbar-nav > li > p {
        padding-top: 7px;
        padding-bottom: 6px;
        padding:7px 10px 6px 10px;
        border-radius: 4px 4px 0 0;
        font-size: .8em;
    }
    .container.header .row.header-nav .navbar-default .navbar-nav > li > a,
    .container.header .row.header-nav .navbar-default .navbar-nav > li > a:hover,
    .container.header .row.header-nav .navbar-default .navbar-nav > li > a:focus,
    .container.header .row.header-nav .navbar-default .navbar-nav > li > p {
        background-color: #c5c6c8;
        border: 1px solid #007eb4; /*#009fe3;*/
        border-bottom-color: #c5c6c8;
        color: #333;
        margin-right: 0px;
    }
    .container.header .row.header-nav .navbar-default .navbar-nav > li > a:hover,
    .container.header .row.header-nav .navbar-default .navbar-nav > li > a:focus {
        color: #000;
        text-decoration:underline;
/*        background-color: #f8f8f8;
*/        border: 1px solid #007eb4; /*#009fe3;*/
        border-bottom-color: #c5c6c8;
    }    

    .container.header .row.header-nav .navbar-default .navbar-nav > .active > a, 
    .container.header .row.header-nav .navbar-default .navbar-nav > .active > a:hover, 
    .container.header .row.header-nav .navbar-default .navbar-nav > .active > a:focus,
    .container.header .row.header-nav .navbar-default .navbar-nav > .active > p {
        color: #333;
        background-color: #fff;
        border-color: #50a0c1; 
        border-bottom-color: transparent;
    }    

    .container.header .row.header-nav .navbar-default .navbar-nav > li:last-child > a, 
    .container.header .row.header-nav .navbar-default .navbar-nav > li:last-child > a:hover, 
    .container.header .row.header-nav .navbar-default .navbar-nav > li:last-child > a:focus {
    /*border-bottom: 1px solid #c5c6c8;*/
    }    
  
    .container.header .row.header-nav .navbar { margin-bottom: 0; margin-top: 10px; min-height: 30px; }
    .container.header .row.header-nav .navbar-default .navbar-collapse.mainmenu-collapse { 
        padding-left: 15px; 
        padding-right: 15px; 
    }    
    .container.header .row.header-content {
        background-color: #fff; 
        border: 1px solid #c5c6c8; 
        border-radius: 4px;
        padding-top: 10px; 
        padding-bottom: 10px; 
    }
    
    /* navbar-fixed-top reset */
    .container.header .row.header-nav .navbar-fixed-top {
        z-index: auto;
        top: auto;
        position: relative;     
    }

    /* navbar-form */
    .container.header .row.header-content .navbar-form { padding: 0; }

    /* utilitymenu */
    .container.header .row.header-settings {
        background: #4cbbeb;
        border: 1px solid #4cbbeb; 
        border-bottom: 0; 
        border-radius: 4px 4px 0 0;
        margin-left: 0; 
        margin-right: 0; 
    }
    .container.header .row.header-settings ul li a,
    .container.header .row.header-settings ul li p {
        font: 85% "PT sans", Helvetica, Arial, sans-serif;
    }   
    .utilitymenu-collapse ul li a, 
    .utilitymenu-collapse ul li p {
        padding-left: 45px;
    }
    .utilitymenu-collapse ul li a .lvnicon,
    .utilitymenu-collapse ul li p .lvnicon {
        margin-left: -28px; margin-right: 6px;
     }    


    /* site-heading */
    .site-heading {
        color: #555;
    }

    /* SUBNAV */
    #subnav {
        border-bottom: 12px solid #95c11f;
    }

    /* PAGE CONTENT CONTAINER */
    .container.page-content { 
        min-height:400px;
    }    

    /*overrides*/
    .calendarpage .page-content .main-body,
    .newslist .page-content .main-body {
        min-height:0;
    }

    /* NEWS */
    #pagelist-container {
        min-height: 300px;
    }

    /* BLOCKS */
    
    /* imgslider */
    .imageslider.fullsize .carousel-indicators {
        left: 0;
        right: 3.333333333%;
        text-align: right;
        width: 33.33333333333333%;
    }
    .imageslider.fullsize .carousel-caption {
        position: absolute;
        left: 0;
        width: 33.33333333333333%;
        bottom: 15px;
    }
    .imageslider .img-overlay {
        left: 15px;
    }
}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    /* 
    #device-mode width:1200px = body class 'large-device' 
    (see site.js setDeviceClass method) */
    #device-mode { width:1200px; }

    /* HEADER */    
    
    /* mainmenu */
    .container.header .row.header-nav .navbar-default .navbar-nav > li > a, 
    .container.header .row.header-nav .navbar-default .navbar-nav > li > a:hover, 
    .container.header .row.header-nav .navbar-default .navbar-nav > li > a:focus,
    .container.header .row.header-nav .navbar-default .navbar-nav > li > p {
        padding: 7px 14px 6px 14px;
        margin-right: 4px;
        font-size: .95em;
    }

    /* site-heading */
    .site-heading {
        font-size: 1.5em;
    }

    /* imagessliderblock */
    .imagesliderblock .imageslider.fullsize .img-carousel {
        -webkit-box-shadow: -1px 0 10px 0 rgba(161,156,151,.75);
        box-shadow: -1px 0 10px 0 rgba(161,156,151,.75);
    }
    .imageslider.fullsize .img-overlay-smallsize {
        display: none;
    }
    .imageslider.fullsize .img-overlay-fullsize {
        display: block;
    }
}

/* TROINT SPECIFICS */
@media (max-width: 767px)  {
    input#search-name,
    select#search-place,
    body.trointpage .page-main-content .form-group {
        width: 100%;
    }

    .form-group + .form-group {
        padding-top: 10px;
    }
}
@media (min-width:768px) and (max-width:991px) {
    input#search-name {
        width: 100%;
    }
}
@media (min-width:992px) and (max-width:1199px) {
    input#search-name {
        width: 100%;
    }
}

/* FIX FOR HEADER MAKEOVER*/
@media (min-width: 768px) and (max-width: 991px) {
    .container.header .row.header-nav {
        border: none;
        margin-left: 120px;
        margin-right: 120px;
    }
    .container.header .row.header-nav .navbar-header {
        margin-left: -135px;
        margin-right: 0;
    }
}