/* .workshop-page .t-Body {
  background-image: url(#APP_IMAGES#ll_bg_tile.png);
  background-repeat: repeat;
} */
 
#P0_GLOBAL_SEARCH > span{
    color: white !important;
} 
#P0_GLOBAL_SEARCH_input{
    background: #56504b;
    color: #fcfbfa;
}
.t-Header-branding {
    background: #403c38;
}
.t-NavTabs {
    background: #403c38;
}
#t_Footer {
    background-color: #f1efed;
}

span.copyright-Span {
    float: right; 
}

.t-Header-logo {
    flex-grow: 0;
}
/* 
#oj-inputsearch-input-P0_GLOBAL_SEARCH_HIDDEN.oj-listbox-drop:not(.oj-listbox-hide-hover) .oj-listbox-results .oj-hover {
	background-color: RED;
	color: blue;
}
:root {
    --var-a-menu-focused-background-color: red;
} */

/* .t-Header-navBar {
    margin-left: auto;
} */

@media only screen and (min-width:993px) {
  .header-search-item {
    display: none
  }
}

@media only screen and (max-width:992px) {
  .header-search-item {
    display: inline-block
  }
}

.ll-Header-search {
  position: relative;
  display: block;
  margin: 2px 44px;
  transition: margin .2s ease;
  align-self: center;
  flex-grow: 1
}

@media only screen and (max-width:992px) {
  .ll-Header-search {
    margin-right: 8px;
    margin-left: 8px
  }
}

@media only screen and (max-width:992px) {
  .t-Header .ll-Header-search {
    display: none !important
  }

  .ll-Search-responsive .ll-Header-search {
    display: block
  }
}

input.ll-Header-searchInput {
  display: block;
  box-sizing: border-box;
  padding: 10px 10px 10px 46px;
  min-width: 12rem;
  width: 100%;
  height: 4rem;
  text-align: left;
  font-size: 16px;
  line-height: 20px;
  background: #56504B;
  color: #FCFBFA;
  background-clip: padding-box;
  border: 0;
  border-radius: 40px;
  transition: .2s ease;
  appearance: none
}

input.ll-Header-searchInput::-webkit-input-placeholder {
  line-height: normal;
    color: #FCFBFA;

}

input.ll-Header-searchInput:active,
input.ll-Header-searchInput:focus,
input.ll-Header-searchInput:hover {
  outline: 0
}

input.ll-Header-searchInput:active,
input.ll-Header-searchInput:focus {
  color: #1A1816;
  background-color: #FCFBFA
}

.ll-Header-searchLabel {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin: 10px 16px;
  line-height: 20px;
  pointer-events: none;
  color: #FCFBFA;
  transition: color .2s ease
}

.ll-Header-search:focus-within .ll-Header-searchLabel {
  color: #1A1816
}

.ll-Header-searchLabel .fa {
  font-size: 20px
}

.ll-Search-responsive {
  position: fixed;
  top: 0;
  left: 0;
  padding: 2.4rem;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: opacity .2s ease
}

.ll-Search-responsive.is-hidden {
  position: static;
  visibility: visible;
  opacity: 0
}

.ll-Search-responsive.is-visible {
  z-index: 10000;
  visibility: visible;
  background-color: rgba(0, 0, 0, .7)
}

.ll-Search-responsive .ll-Header-searchLabel {
  top: 24px;
  left: 24px;
  margin: 1.2rem;
  transition: .2s ease;
  color: #1A1816
}

.ll-Search-responsive .ll-Header-searchLabel .fa {
  width: 2.4rem;
  height: 2.4rem;
  font-size: 2.4rem;
  line-height: 1
}

.ll-Search-responsive input.ll-Header-searchInput {
  padding: .8rem .8rem .8rem 4.4rem;
  max-width: 100%;
  height: 4.8rem;
  font-size: 1.8rem;
  transition: border .2s ease
}

/* extra header/body styles */

.t-PageBody.page-w1280p .t-Body-mainContent  {
    max-width: 1280px;
    min-width: 1200px;
    margin: 0 auto;
}

@media only screen and (max-width: 1200px){
    .t-PageBody.page-w1280p .t-Body-mainContent  {
    min-width: 1200px;
    margin: 0 auto;
    }    
}
@media only screen and (max-width: 1024px){
    .t-PageBody.page-w1280p .t-Body-mainContent  {
    min-width: 1024px;
    margin: 0 auto;
    }    
}

@media only screen and (max-width: 991px){
    .t-PageBody.page-w1280p .t-Body-mainContent  {
    min-width: 991px;
    margin: 0 auto;
    }    
}

@media only screen and (max-width: 812px){
    .t-PageBody.page-w1280p .t-Body-mainContent  {
    min-width: 812px;
    margin: 0 auto;
    }    
}

@media only screen and (max-width: 768px){
    .t-PageBody.page-w1280p .t-Body-mainContent  {
    min-width: 768px;
    margin: 0 auto;
    }    
}

@media only screen and (max-width: 667px){
    .t-PageBody.page-w1280p .t-Body-mainContent  {
    min-width: 667px;
    margin: 0 auto;
    }    
}

@media only screen and (max-width: 479px){
    .t-PageBody.page-w1280p .t-Body-mainContent  {
    min-width: 479px;
    margin: 0 auto;
    }    
}

@media only screen and (max-width: 375px){
    .t-PageBody.page-w1280p .t-Body-mainContent  {
    min-width: 375px;
    margin: 0 auto;
    }    
}

/*Card image styles */
img.t-Card-image {
    width: 22px;
}

.t-Card-icon.card-Image-div {
    padding: 5px;
}