/* Custom CSS */
/* Custom CSS */

/*
 * Fonts, text, and icons
 */
.uppercase {
  text-transform: uppercase;
}
.margin-top-1 {
  margin-top: 10px;
}
@font-face {
  font-family: 'OpenSans';
  src: url('../../static/wcoa/fonts/OpenSans/OpenSans-LightItalic-webfont.eot');
  src: url('../../static/wcoa/fonts/OpenSans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../static/wcoa/fonts/OpenSans/OpenSans-LightItalic-webfont.woff') format('woff'), url('../../static/wcoa/fonts/OpenSans/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('../../static/wcoa/fonts/OpenSans/OpenSans-LightItalic-webfont.svg#OpenSans-LightItalic') format('svg');
  src: url('./fonts/OpenSans/OpenSans-LightItalic-webfont.eot');
  src: url('./fonts/OpenSans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/OpenSans/OpenSans-LightItalic-webfont.woff') format('woff'), url('./fonts/OpenSans/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('./fonts/OpenSans/OpenSans-LightItalic-webfont.svg#OpenSans-LightItalic') format('svg');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'OpenSans';
  src: url('../../static/wcoa/fonts/OpenSans/OpenSans-Light-webfont.eot');
  src: url('../../static/wcoa/fonts/OpenSans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../../static/wcoa/fonts/OpenSans/OpenSans-Light-webfont.woff') format('woff'), url('../../static/wcoa/fonts/OpenSans/OpenSans-Light-webfont.ttf') format('truetype'), url('../../static/wcoa/fonts/OpenSans/OpenSans-Light-webfont.svg#OpenSans-Light') format('svg');
  src: url('./fonts/OpenSans/OpenSans-Light-webfont.eot');
  src: url('./fonts/OpenSans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/OpenSans/OpenSans-Light-webfont.woff') format('woff'), url('./fonts/OpenSans/OpenSans-Light-webfont.ttf') format('truetype'), url('./fonts/OpenSans/OpenSans-Light-webfont.svg#OpenSans-Light') format('svg');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: url('../../static/wcoa/fonts/OpenSans/OpenSans-ExtraBold-webfont.eot');
  src: url('../../static/wcoa/fonts/OpenSans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('../../static/wcoa/fonts/OpenSans/OpenSans-ExtraBold-webfont.woff') format('woff'), url('../../static/wcoa/fonts/OpenSans/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('../../static/wcoa/fonts/OpenSans/OpenSans-ExtraBold-webfont.svg#OpenSans-ExtraBold') format('svg');
  src: url('./fonts/OpenSans/OpenSans-ExtraBold-webfont.eot');
  src: url('./fonts/OpenSans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/OpenSans/OpenSans-ExtraBold-webfont.woff') format('woff'), url('./fonts/OpenSans/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('./fonts/OpenSans/OpenSans-ExtraBold-webfont.svg#OpenSans-ExtraBold') format('svg');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: url('../../static/wcoa/fonts/OpenSans/OpenSans-Bold-webfont.eot');
  src: url('../../static/wcoa/fonts/OpenSans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../static/wcoa/fonts/OpenSans/OpenSans-Bold-webfont.woff') format('woff'), url('../../static/wcoa/fonts/OpenSans/OpenSans-Bold-webfont.ttf') format('truetype'), url('../../static/wcoa/fonts/OpenSans/OpenSans-Bold-webfont.svg#OpenSans-Bold') format('svg');
  src: url('./fonts/OpenSans/OpenSans-Bold-webfont.eot');
  src: url('./fonts/OpenSans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/OpenSans/OpenSans-Bold-webfont.woff') format('woff'), url('./fonts/OpenSans/OpenSans-Bold-webfont.ttf') format('truetype'), url('./fonts/OpenSans/OpenSans-Bold-webfont.svg#OpenSans-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: url('../../static/wcoa/fonts/OpenSans/OpenSans-Italic-webfont.eot');
  src: url('../../static/wcoa/fonts/OpenSans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../../static/wcoa/fonts/OpenSans/OpenSans-Italic-webfont.woff') format('woff'), url('../../static/wcoa/fonts/OpenSans/OpenSans-Italic-webfont.ttf') format('truetype'), url('../../static/wcoa/fonts/OpenSans/OpenSans-Italic-webfont.svg#OpenSans-Italic') format('svg');
  src: url('./fonts/OpenSans/OpenSans-Italic-webfont.eot');
  src: url('./fonts/OpenSans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/OpenSans/OpenSans-Italic-webfont.woff') format('woff'), url('./fonts/OpenSans/OpenSans-Italic-webfont.ttf') format('truetype'), url('./fonts/OpenSans/OpenSans-Italic-webfont.svg#OpenSans-Italic') format('svg');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'OpenSans';
  src: url('../../static/wcoa/fonts/OpenSans/OpenSans-Regular-webfont.eot');
  src: url('../../static/wcoa/fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../static/wcoa/fonts/OpenSans/OpenSans-Regular-webfont.woff') format('woff'), url('../../static/wcoa/fonts/OpenSans/OpenSans-Regular-webfont.ttf') format('truetype'), url('../../static/wcoa/fonts/OpenSans/OpenSans-Regular-webfont.svg#OpenSans-Regular') format('svg');
  src: url('./fonts/OpenSans/OpenSans-Regular-webfont.eot');
  src: url('./fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/OpenSans/OpenSans-Regular-webfont.woff') format('woff'), url('./fonts/OpenSans/OpenSans-Regular-webfont.ttf') format('truetype'), url('./fonts/OpenSans/OpenSans-Regular-webfont.svg#OpenSans-Regular') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'PtMono';
  src: url('../../static/wcoa/fonts/PtMono/PtMono-Bold-webfont.eot');
  src: url('../../static/wcoa/fonts/PtMono/PtMono-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../static/wcoa/fonts/PtMono/PtMono-Bold-webfont.woff') format('woff'), url('../../static/wcoa/fonts/PtMono/PtMono-Bold-webfont.ttf') format('truetype'), url('../../static/wcoa/fonts/PtMono/PtMono-Bold-webfont.svg#PtMono-Bold') format('svg');
  src: url('./fonts/PtMono/PtMono-Bold-webfont.eot');
  src: url('./fonts/PtMono/PtMono-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/PtMono/PtMono-Bold-webfont.woff') format('woff'), url('./fonts/PtMono/PtMono-Bold-webfont.ttf') format('truetype'), url('./fonts/PtMono/PtMono-Bold-webfont.svg#PtMono-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'PtMono';
  src: url('../../static/wcoa/fonts/PtMono/PtMono-Regular-webfont.eot');
  src: url('../../static/wcoa/fonts/PtMono/PtMono-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../static/wcoa/fonts/PtMono/PtMono-Regular-webfont.woff') format('woff'), url('../../static/wcoa/fonts/PtMono/PtMono-Regular-webfont.ttf') format('truetype'), url('../../static/wcoa/fonts/PtMono/PtMono-Regular-webfont.svg#PtMono-Regular') format('svg');
  src: url('./fonts/PtMono/PtMono-Regular-webfont.eot');
  src: url('./custom/fonts/PtMono/PtMono-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/PtMono/PtMono-Regular-webfont.woff') format('woff'), url('./fonts/PtMono/PtMono-Regular-webfont.ttf') format('truetype'), url('./fonts/PtMono/PtMono-Regular-webfont.svg#PtMono-Regular') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Rajdhani';
  src: url('../../static/wcoa/fonts/Rajdhani/Rajdhani-Regular.ttf');
  src: url('./fonts/Rajdhani/Rajdhani-Regular.ttf');
}
@font-face {
  font-family: 'Rajdhani Bold';
  src: url('../../static/wcoa/fonts/Rajdhani/Rajdhani-Bold.ttf');
  src: url('./fonts/Rajdhani/Rajdhani-Bold.ttf');
}
@font-face {
  font-family: 'Rajdhani SemiBold';
  src: url('../../static/wcoa/fonts/Rajdhani/Rajdhani-SemiBold.ttf');
  src: url('./fonts/Rajdhani/Rajdhani-SemiBold.ttf');
}
*,
input {
  font-family: "Rajdhani SemiBold", "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0.1rem;
}
p,
p span {
  font-family: OpenSans, sans-serif;
  font-style: normal;
  font-weight: normal;
  word-wrap: break-word;
}

/*
* GeoPortal Overrides
*/
body {
  background-color: white;
}

.modal-dialog {
  margin: 130px auto;
}

/* HEADER - NAV */
#app nav.g-header.navbar {
  height: 100ox;
  margin-bottom: 20px;
}

.g-header.navbar-inverse {
  min-height: 100px;
}

/* SEARCH PANEL - SEARCHBAR ROW */
.g-search-bar-row {
  box-shadow: none;
  /* click through logic by LawrenceKSRealEstate and TylerH @
    https://stackoverflow.com/a/4839672/706797 */
  background: none !important; /* for IE 11 support */
  pointer-events: none;
}

.g-search-bar-title {
  display: none;
}

/* SEARCH PANEL - SEARCH INPUT OVERRIDES */
.g-search-bar .search-box {
  width: 29%;
  padding: 0;
  pointer-events: all;
}

.g-search-bar .search-box .input-group {
  border: 1px solid #ff3817;
  border-radius: 3px;
  flex-wrap: inherit;
}

.g-search-bar .search-box .input-group input {
  width: calc(100% - 60px);
  padding: 8px 10px;
  font-size: 1rem;
  font-family: "Rajdhani", "Open Sans", sans-serif;
}

.g-search-bar .search-box .input-group #searchBox {
  margin-left: inherit;
}

.g-search-bar .search-box .esri-icon-search {
  margin: 0 5px 0 10px;
  font-size: 14px;
  color: #515151;
  display: none;
}

.g-search-bar .search-box .btn {
  padding: 0 5px;
  background: transparent;
  color: transparent;
  border: none;
  background-image: url("./images/black_search_backup.png"), url("./images/black_search.png");
  background-repeat: no-repeat;
  background-position: center center;
}

/* SEARCH PANEL - CONTENT */
.g-search-pane-left {
  background: none;
}

.g-search-pane-left .dijitTitlePaneContentInner {
  display: grid;
}

.g-search-content-row .g-drop-pane {
  box-shadow: none;
  background-color: #F4F2F1;
}

.g-search-pane-left .dijitTitlePaneTitle {
  background-color: #F4F2F1;
  height: 70px;
  color: #332e1f;
  font-size: 22px;
}

.g-filter-collapse {
  border-top: 1px solid #8FB6CC;
  margin-bottom: 0;
}

.g-search-pane-left .g-filter-collapse:nth-of-type(1),
.g-search-pane-left .g-filter-collapse:nth-of-type(2) {
  border-top: none;
}

.g-search-content-row .g-search-pane-left:hover .g-drop-pane {
  background-color: rgba(244,242,241,0.3);
}

.dijitTitlePaneContentOuter {
  display: flex;
}

.g-search-pane-left:hover div.dijitTitlePane div.dijitTitlePaneTitle {
  background-color: rgba(244,242,241,0.0);
  color: rgba(51,46,31,0.5);
  border-top-color: rgba(143,182,204,0.5);
}

.g-search-pane-left div.dijitTitlePane:hover div.dijitTitlePaneTitle {
  background-color: #F4F2F1;
  color: #332e1f;
}

.g-search-pane-left:hover div.dijitTitlePane div.dijitTitlePaneTitle.dijitTitlePaneTitleOpen.dijitOpen{
  background-color: #A0A0A0;
}

.g-search-pane-left:hover div.dijitTitlePane:hover div.dijitTitlePaneTitle.dijitTitlePaneTitleOpen.dijitOpen{
  background-color: #606060;
}

.g-search-pane-left:hover div.dijitTitlePane div.dijitTitlePaneTitle.dijitTitlePaneTitleOpen.dijitOpen .dijitTitlePaneTextNode {
  color: #FFF;
}

.dijitInline,
.g-search-pane-left .dijitTitlePaneTextNode,
.dijitTitlePaneTitleFocus {
  height: 100%;
  font-size: 22px;
}

.dijitTitlePaneTitleFocus:focus {
  outline: none;
}

.dijitArrowNode {
  line-height: 50px;
}

.g-drop-pane .g-drop-pane-arrow svg,
.g-search-pane-left:hover .g-drop-pane:hover .g-drop-pane-arrow svg {
  fill: #332e1f;
}

.g-search-pane-left:hover .g-drop-pane .g-drop-pane-arrow svg {
  fill: rgba(51,46,31,0.5);
}

.g-search-pane-left:hover .g-drop-pane div.dijitTitlePane div.dijitTitlePaneTitle.dijitTitlePaneTitleOpen.dijitOpen .dijitArrowNodeInner,
.g-search-pane-left:hover .g-drop-pane:hover div.dijitTitlePaneTitle.dijitTitlePaneTitleOpen.dijitOpen .g-drop-pane-arrow svg,
.g-search-pane-left:hover .g-drop-pane .dijitOpen .g-drop-pane-arrow svg {
  fill: #FFF;
}

.g-drop-pane-tools {
  padding-top: 17px;
}

.dijitTitlePaneContentOuter {
  background-color: #F4F2F1;
}

.g-search-pane-left .dijitTitlePaneTextNode, .dijitTitlePaneTitleFocus {
  overflow: auto;
}

.g-search-pane-right {
  top: -60px;
  position: relative;
  width: 70%;
}

.g-drop-pane .g-entries a {
  font-size: 16px;
  color: #0070cf;
}

/* APPLIED FILTERS */
.g-applied-filter {
  background-color: #F4F2F1;
  border: 1px solid #CCC;
  border-radius: 3px;
}

.g-applied-filter a:hover svg {
  fill: #332e1f;
}

/* SEARCH RESULTS PANE */
.g-search-results-header {
  height: 1.9rem;
}

.g-search-results {
  padding: 0;
}

.g-paging-count {
  color: #0070cf;
  font-weight: 400;
  font-family: OpenSans,sans-serif;
  font-size: 22px;
}

/* ITEM CARD */
.g-item-card {
  box-shadow: none;
  border-top: dashed 1.111px rgb(166,166,166);
}

.g-item-card:last-child {
  border-bottom: dashed 1px rgb(166,166,166);
}

.g-item-card .g-item-description {
  /* font-size: 1.4rem; */
  font-family: "Open Sans", sans-serif;
}

.g-item-card .g-item-actions {
  font-size: 0.9rem;
}

.g-item-title {
  font-size: 1.5rem;
  text-transform: uppercase;
  line-height: 28px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.g-item-title a {
  color: #333;
  text-wrap: initial;
  word-break: break-word;
}

.g-item-title a:hover,
.g-item-title a:visited,
.g-item-title a:focus {
  text-decoration: none;
  text-wrap: initial;
  word-break: break-word;
}

.g-item-card-info-container {
  display: none;
}

.wcoa-card-wrapper .g-item-description {
  max-height: 180px;
  overflow: hidden;
}

.g-item-description,
.wcoa-card-wrapper {
  cursor: pointer;
}

.wcoa-card-wrapper {
  max-height: 42px;
  transition: max-height 0.5s, background-color 0.5s;
  overflow: hidden;
}

.wcoa-card-wrapper.explode {
  max-height: 700px;
  background-color: rgba(0,112,207,.05);
  transition: max-height 0.5s, background-color 0.5s;
}
.wcoa-card-wrapper.explode .g-item-description {
  overflow-y: auto;
  border-bottom: 1px solid #ccc;
}

.card-details-wrapper {
  display: flex;
  max-height: 490px;
}

.card-details-left-wrapper {
  order: 0;
  flex-grow: 0;
  min-height: 100px;
  min-width: 210px;
}

.card-details-right-wrapper {
  order: 1;
  flex-grow: 3;
  min-height: 100px;
  min-width: 100px;
}

dl.card-details-list {
  max-height: 380px;
  overflow-y: auto;
  overflow-wrap: break-word;
  margin-bottom: 0;
  /*font-size: 1.5rem;*/
  margin-left: 20px;
  text-transform: uppercase;
}

.card-details-list dt {
  color: #a6a6a6;
  font-weight: 400;
  line-height: 16px;
}

.card-details-list dd {
  margin-left: 0;
  line-height: 16px;
  margin-bottom: 12px;
}

img.bbox-spinner {
  width: 210px;
  height: 210px;
  padding: 65px;
}

img.bbox-image {
  margin-left: 5px;
}

p.card-footer {
  font-weight: 200;
  font-size: 10px;
  float: right;
  padding-right: 20px;
  color: #868686;

}

/* .g-item-actions > a[title^="Add to Map"] {
  display: none;
} */

/* Accessibility Changes */
a {
  color: #0070cf;
}

div.g-entry-links > div {
  height: 27px;
}

div.g-entry-links > div:hover {
  max-width: unset;
  height: 34px;
  margin-top: -7px;
  margin-left: -5px;
  z-index: 1;
  padding-top: 9px;
  padding-left: 9px;
}

div.g-entry-links > div:hover > a {
  padding: 4px;
  border: 1px solid #A4A2A1;
  border-radius: 3px;
  background: #F4F2F1;
  margin-left: -7px;
  text-decoration: none;
}

div.g-entry-links > div.iframed:hover {
  padding-top: 4px;
}

div.g-entry-links > div.iframed:hover > a {
  position: fixed;
}

body.iframed span.g-drop-pane-tools,
body.iframed .g-item-actions > a[title^="Preview"],
body.iframed .g-item-actions > a[title^="Add to Map"] {
  display: none;
}

/* Layer Info Popups */

div.g-item-html.dijitDialog,
div.dijitDialogUnderlay,
div.dijitDialogUnderlayWapper {
  display: none !important;
}

img.bbox-spinner {
  border: 0 transparent none !important ;
}

/* Map View */
div.g-search-pane-left div.g-filter-spatial div.dijitTitlePane div.dijitTitlePaneContentOuter div.dijitReset {
  width: 100%;
}


/* Hierarchical Categories */
div.g-entry-links > div.dijitTree {
  height: auto;
}

div.g-entry-links > div.dijitTree:hover {
  margin-left: -7px;
}

div.g-entry-links:focus,
div.dijitTree:focus,
div.dijitTreeContainer:focus,
div.dijitTreeNodeContainer:focus,
div.dijitTreeNode:focus {
  outline: none;
}

.calcite div.dijitTreeRow,
.calcite div.dijitTreeRow:hover {
  background-color: rgba(0, 0, 0, 0);
}

span.dijitTreeLabel {
  border: none;
  outline: none;
}

.calcite span.dijitInline.dijitTreeExpando {
  color: black;
  font-size: 14px;
  border: 1px solid black;
  border-radius: 0.25rem;
  padding: 0.1rem 0.85rem 1rem 0.1rem;
}

.calcite span.dijitInline.dijitTreeExpando:hover {
  font-weight: bold;
  border: 2px solid black;
}

.calcite div.dijitTreeRow span.dijitTreeContent {
  margin-left: 2rem;
}

.calcite div.dijitTreeRow span.dijitTreeContent span.dijitTreeLabel {
  margin-left: -2rem;
}

.calcite div.dijitTreeRow span.dijitTreeContent:hover span.dijitTreeLabel {
  font-weight: bold;
  text-decoration: underline;
}

@media (max-width: 1215px) {
  /* HEADER - NAV */
  #app nav.g-header.navbar {
    height: 100px;
    margin-bottom: 30px;
  }
} 

@media (max-width: 767px) {
  body {
    padding-left: 20px;
    padding-right: 20px;
  }
  .g-search-bar,
  .g-search-content-row {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  .g-search-bar-row {
    justify-content: left;
  }

  .g-search-bar .search-box {
    width: 27vw;
  } 

  .g-search-bar .search-box .input-group input {
    font-size: 1.4vw;
  }
}
@media (min-width: 768px) {
  .g-search-bar,
  .g-search-content-row {
    width: 750px;
  }
  .g-app {
    overflow-x: hidden;
  }

  .g-search-bar .search-box .input-group input {
    font-size: 0.8rem;
  }
}
@media (min-width: 1020px) {
  .g-search-bar,
  .g-search-content-row {
    width: 970px;
  }

  .g-search-bar .search-box .input-group input {
    font-size: 1rem;
  }
}
@media (min-width: 1215px) {
  .g-search-bar,
  .g-search-content-row {
    width: 1170px;
    padding-left: 0;
    padding-right: 0;
  }
}