/*
 * gmap.css
 * Jeff Bulick
 * Campus_Map_Update project
 * 3.31.18
 * This stylesheet will style the main content for the new campus map.
 */

/*Icon colors for the menu */

@import url('https://fonts.googleapis.com/css?family=Merriweather&display=swap');

#menu-icon-academic-research {
    color: #FF0000;
    padding-top: 3px;
}

#menu-icon-administration {
    color: #0336FF;
    padding-top: 3px;
}

#menu-icon-athletics {
    color: #1B5E20;
    padding-top: 3px;
}

#menu-icon-dining {
    color: #FF0266;
    padding-top: 3px;
}

#menu-icon-housing {
    color: #FC8D16;
    padding-top: 3px;
}

#menu-icon-library-technology {
    color: #6200EE;
    padding-top: 3px;
}

#menu-icon-parking {
    color: #304FFE;
    padding-top: 3px;
}

#menu-icon-student-life {
    color: #D84315;
    padding-top: 3px;
}

#menu-icon-phone {
    color: #42A7F4;
    padding-top: 3px;
}

#menu-icon-wheelchair {
    color: #8E8A86;
    padding-top: 3px;
}

#menu-icon-covid-19 {
    color: #F6D204;
    padding-top: 3px;
}

#menu-icon-art-on-campus {
    color: #502d0e;
    padding-top: 3px;
}

div.info-window-custom h2 {
    font-size: 24px;
    font-family: 'proxima-nova', Helvetica, Arial, sans-serif;
}

div.info-window-custom p {
    font-size: 15px;
    font-family: 'proxima-nova', Helvetica, Arial, sans-serif;
    line-height: 1.2;
}

.ui-pannel-inner- {
    padding: 0.5em !important;
}

/** //////////// Map and whole Page ////////////// **/
#map {
    width: 100%;
    height: 100vh;
    background-color: grey;
}

.container {
    margin-top: 0px !important;
    width: 100% !important;
    height: calc(100% - 61px);
    ;
}

.ui-header .ui-title {
    font-size: 1em;
    min-height: 1.1em;
    text-align: left !important;
    display: block;
    margin: 0 !important;
    padding-left: 16px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    outline: 0 !important;
}


.list-group-item {
    font-size: 14px !important;
}


.ui-collapsible-content.ui-body-inherit {
    max-height: 30vh;
    overflow-y: scroll;
}

/*Limits the accordian showing height in mobile panel menu*/
.card-body {
    max-height: 33vh;
}

.ui-collapsible {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.tab {
    padding-left: 2em !important;
}

.mobile-show { display: none; }

@media only screen and (min-width: 991px) {
    .ui-panel {
        width: 33% !important;
    }
}

@media only screen and (max-width: 600px) {
    .ui-panel {
        width: 21em !important;
    }
    .mobile-hide { display: none !important; }
    .mobile-show { display: block !important; }
    h1 { line-height: 0.7 !important; }
}

body {
    /** background-color: #e8d8c5 !important; **/
    background-color: rgba(80, 45, 14, 0.9) !important;
    overflow: hidden;
}

.list-group-item.active {
    background: none !important;
    background-color: rgba(236, 232, 16, 0.5) !important;
    border: none !important;
    color: rgb(63, 63, 63) !important;
    text-shadow: none !important;
}

.selection-pane,
.streetview-pane {
    height: 90vh;
    overflow-y: scroll;
}

.col-md-8 {
    padding: 0 !important;
}

.map-title {
    margin: 0;
    text-align: center;
    padding: 0.5em;
    color: white;
    font-size: 18px;
}

.map-title h1,
.streetview-pane h1 {
    margin: 10;
}

.map-title button {
    margin-left: 5px;
    margin-right: 5px;
    color: rgb(63, 63, 63);
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.map-title button:hover {
    margin-left: 5px;
    margin-right: 5px;
    color: rgb(63, 63, 63);
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.map-title button:focus,
.map-title button:active,
.map-title button:active:focus {
    outline: 0;
}


/* card list items */
.mb-0 {
    margin: 0;
    padding: 5px;
}

#map-box {
    padding: 5px;
    background-color: rgba(80, 45, 14, 0.6);
    border-radius: 5px;
}


/* ////////////// Search bar and dropdown ////////////*/
.searching .dropdown-menu {
    width: 100%;
}

#search-results .dropdown-item {
    font-family: 'proxima-nova', Helvetica, sans-serif;
}

#search-results.dropdown-menu>li>a:hover {
    background-image: none !important;
    background-color: rgba(236, 232, 16, 0.5) !important;
    box-sizing: border-box;

}

.key-hover {
    /* used for key events on the search results */
    background-color: rgba(236, 232, 16, 0.5) !important;
    box-sizing: border-box;
}

#map-search-bar:focus {
    border-top-color: rgba(236, 232, 16, 0.75) !important;
    border-bottom-color: rgba(236, 232, 16, 0.75) !important;
    border-right-color: rgba(236, 232, 16, 0.75) !important;
    border-left-color: rgba(236, 232, 16, 0.75) !important;
}


.main-container {
    font-family: 'proxima-nova', Helvetica, sans-serif !important;
}

.card-header {
    cursor: pointer;
}

.card-header-selected {
    background-color: rgba(236, 232, 16, 0.5) !important;
    border-radius: 2px;
}

.card-header:hover {
    /*background-color: #ccc; */
    background-color: rgba(236, 232, 16, 0.5) !important;
    border-radius: 2px;
}

#accordian .card-body {
    overflow-y: scroll;
    /* max-height: 210px;*/
}

#accordian button {
    color: rgb(63, 63, 63);
    font-weight: bold;
}


/** ////////////////Info Window Section ////////////////// **/
.info-window-pic {
    height: auto;
    max-width: 300px !important;
    width: 100% !important;
}

.col-md-6 .info-window-pic {
    max-width: 100% !important;
}

.infowindow-right-col {
    overflow-y: scroll;
    max-height: 175px;
    min-width: 400px;
}

/** wrapper for the info window pop up**/
.info-window-custom {
    padding-top: 5px;
    padding-bottom: 5px;
}

.info-how-to-use {
    color: white;
    font-size: 14px;
}

/*
.col-md-8, .col-sm-4 {
    padding: 0 !important;
    height: 80vh;
}*/
.info-window-custom .col-md-4 {
    padding: 0px 10px 0px 0px !important;
    margin-right: 20px;
    width: 175px;
}

.same-line {
    display: inline;
}

/* Remove JQuery Mobile blue glow from all elements */
.ui-focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

a.ui-collapsible-heading-toggle {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.ui-btn {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

/*
.info-window-custom{
    max-width: 100px !important;
}
*/
/*
#get-directions-btn{
    margin-left: 10px;
    margin-right: 0px;
    color: rgb(63, 63, 63);
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
#get-directions-btn:hover{
    margin-left: 5px;
    margin-right: 5px;
    color: rgb(63, 63, 63);
    background-color: #e2e6ea;
    border-color: #dae0e5;
}
#get-directions-btn:focus, #get-directions-btn:active, #get-directions-btn:active:focus  {
    outline:0;
}
*/



/* Dan added styles */
* {
    text-shadow: none !important;
}

#menu-close-btn {
    border: 0;
    background: none;
    width: 62px;
    top: 0;
    position: absolute;
    z-index: 10;
    font-size: 1.3em;
}

p.menu-statement {
    background: #fff;
    padding: 10px;
    border: 0;
    margin: 0;
    font-size: 0.9em;
}

.ui-page-theme-a .ui-bar-inherit.ui-header {
    background-color: #fff;
    border: 0;
}

.ui-header .ui-title {
    margin: 0;
}

.ui-page-theme-a .ui-bar-inherit.ui-header button {
    background-color: transparent;
    color: #fff;
    border: 0px;
    font-size: 19.5px;
    padding: 3px 5px 10px;
}

.ui-page-theme-a .ui-bar-inherit.ui-header h1 {
    color: #502d0e;
    text-shadow: none;
    font-family: 'Merriweather', Georgia, Palatino, serif;
    font-weight: bold;
    font-size: 1.5em;
    padding-bottom: 25px;
}

.ui-page-theme-a .ui-listview .ui-btn,
.ui-page-theme-a .ui-collapsible .ui-btn {
    background-color: #fff !important;
    text-transform: uppercase;
    border-color: #fff;
}

#blue-light-btn .ui-btn,
#accessible-entrance-btn .ui-btn,
#all-icons-btn .ui-btn {
    background-color: #e8e8e8 !important;
    text-transform: uppercase;
    border-color: #fff;
}



.ui-page-theme-a .ui-li-divider {
    background-color: #502d0e;
}

.ui-btn-icon-left:after,
.ui-btn-icon-right:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after,
.ui-btn-icon-notext:after {
    background-color: transparent !important
}

.ui-icon-carat-d:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23000000%3B%22%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%3C%2Fsvg%3E") !important;
}

.ui-icon-carat-r:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23000000%3B%22%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E") !important;
}

.ui-icon-carat-u:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23000000%3B%22%20points%3D%222.051%2C10.596%207%2C5.646%2011.95%2C10.596%2014.07%2C8.475%207%2C1.404%20-0.071%2C8.475%20%22%2F%3E%3C%2Fsvg%3E") !important;
}

.ui-collapsible-content .ui-listview .ui-btn {
    background-color: #fff !important;
    padding-left: 40px !important;
}

@media only screen and (max-width: 541px) {
    .ui-collapsible-content .ui-listview .ui-btn {
        background-color: #fff !important;
        padding-left: 15px !important;
    }
}

* {
    border-radius: 0 !important;
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color !important;
}


.panel-group {
    margin-bottom: 0 !important;
}

.panel-group .panel {
    border-radius: 0 !important;
}

.panel-group .panel+.panel {
    margin-top: 0 !important;
}

.panel-default>.panel-heading {
    background-image: none !important;
    padding-right: 0;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    padding: 0 !important;
}

.panel-title a {
    color: #000 !important;
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    margin: 0;
    text-align: left;
}

.panel-title a:hover {
    background: transparent !important;
}

.ui-page-theme-a .ui-btn.ui-btn-active,
.ui-page-theme-a a:visited {
    background-color: transparent !important;
}