/* TYPOGRAPHY */

body, .front h1, h1, h2, h3, h4, h5, h6, p, ol, ul, #footer, .container, .nav > li > a, .nav > li > a:hover, .nav > li > a:focus {font-family: 'Roboto', sans-serif;}

/* GOOGLE FONTS
body, .front h1, h1, h2, h3, h4, h5, h6 {font-family: 'EB Garamond', serif;}
p, ol, ul, #footer, .container, .nav > li > a, .nav > li > a:hover, .nav > li > a:focus {font-family: 'Roboto', sans-serif;} */

/* COLOR */
/* LAHM: #FDF8EB  |  FHS light: FCF8EB dark: A45234 */
h1, h2, .detail h6 a, a, a:hover, div.browseFacetItem a:hover, #footer ul a, a.readmore-js-toggle {color:#944F40;}
.form-control:focus {border-color: #944F40;}
.btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default, .filterMenuFacetList li.active, .browse .btn, .sets .btn, .btn-default  {background-color: #944F40;}

/* STRUCTURE */
.container {max-width: 1112px; margin-bottom:60px;}
.front .container {padding: 0; max-width: 5000px;}
.container.menuBar {max-width: 1112px; height: 45px; margin-bottom: 0px;}

/* Navigation */
.navbar {background-color: #FDF8EB;height: 57px;}

.container.navbar {    background-color: #FDF8EB;}
.siteBar {height: 30px; background:#944F40;clear:both;}
ul.siteNav {max-width: 1200px; display: table; margin: 0 auto; padding:0;}
ul.siteNav li {float: left; margin: 5px 12px; color: #fff; list-style-type: none;display: table-cell;}
ul.siteNav li a{font-size: 14px;color:#CCC;}
ul.siteNav li a:hover{color:#FFF;text-decoration:none;}
li.dropdown.yamm-fw {display:none;}

.navbar-brand {
    width: 300px;
    padding:0;}

.navbar-brand img {margin-left:20px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #666;}
ul.menuItems li {position: relative; display: table-cell; padding: 3px 0 0; font-size: 14px;}
.nav > li.dropdown > a.icon {font-size: 1.8em; display: table-cell; padding: 16px 0 0 20px;}

/* Content */
#pageArea {margin-top: 25px; margin-bottom: 0px; padding-bottom: 15px;}
.front #pageArea {margin-top:0px;}

#bRefine, #bRefine.fixed {height:auto !important;}




/* Front */

.front h1 {color:#944F40; line-height: 1.3; text-transform: none; font-weight:bold; font-size:3.5em;}
.front h2 {font-size: 2.5em;font-weight:bold;}
.front p {font-size:1.2em; margin: 0 0 .5em;}
.front p.intro{font-size: 2em; width: 80%; margin: 0 auto;}

body.front .navbar .formOutline {display: none;}

.formOutline, .navbar .form-control {background-color: #FFF; font-family: inherit;}
.navbar-form {padding-right: 5px; margin-top: 13px;}

.navbar-form.big {
	position:absolute;
	width:97%;
	padding-top: 7%;
	box-shadow:none;
}
.navbar-form.big .formOutline {
	background-color:white;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	text-align:center;
	margin:auto;
	width:40%;
}
.navbar-form.big  .form-group {width: 80%;}

.navbar-form.big  .form-control {border:0px; box-shadow:none; font-size:20px; margin: 4px 0 0;}
.navbar-form.big .btn-search {
    font-size: 24px;
    color: #aaa;
    padding: 8px 6px 4px 6px;
    background-color:transparent;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
}

.navbar-default .navbar-nav > .active > a { background-color:transparent;}

.banner {margin-top: -20px;}
.banner img {width: 100%;}

/*Topics*/
.featured {max-width: 1112px; margin:20px auto;}
ul.topic {list-style: none; padding: 0; margin: 15px 20px 30px;}
ul.topic > li {text-align: center; position: relative;
    display: block; margin: 0 0 10px; padding: 0 5px;}


ul.topic > li > a {
    background-color: #944F40 !important;
    padding:0px !important;
    color: #fff !important;
    font-size: 11px !important;
	letter-spacing: 2px;
    text-decoration: none !important;
    text-transform: uppercase !important;
    /* margin:10px !important;    */
	padding-bottom: 5px !important;

}

ul.topic > li > a .primary{
    width: 100%;
    float: left;
    overflow: hidden;
    margin-bottom: 7px;}

.topic > li > a .primary img {
    width: 100%;
	height: 200px;
	z-index: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    object-fit: cover;

}
.topic > li > a:hover .primary img {
    transform: scale(1.1);
}

.gallery .galleryItem {
    /* padding: 10px; */
    /* -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); */
    /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); */
    margin: 5px;
    height: 100px;
    border: #ccc 1px solid;}


/*.front .topicLinksSpacer{
	height:70px;
}

a span.topic-title{
  position: absolute;
  top: 93%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFF;
  font-size: 2em;
  height: 38px;
  background-color: #FDF8EB;
  padding: 3px 0;
  width:90%;
}

.topicLinks {max-width: 1190px; margin: 20px auto; overflow:hidden;}
.topicLinks img {width:100%; height:auto;}
.topicLinks a {width:100%;overflow:hidden;} */

/* DETAIL */

H4, h4 {
    font-size: 2em;
    color: #944F40;
    line-height: 1;
    text-transform: uppercase;
}

H6, h6 {
    font-size: 1.2em;
    color: #944F40;
    text-transform: uppercase;
    padding-bottom: 0px;
    margin: 1em 0 .5em 0;}

.detail .detailTool {

	color: #944F40;
	font-size: 14px;
    padding: 5px;
    text-transform: uppercase;
    border-radius:3px;
    float: left;
}

.detail #detailTools {clear: both; padding-top: 1em; margin: 0 .5em 0 0; font-family: inherit;}

.detail .detailTool span, .detail .detailTool i{
	color:#944F40;
	margin-right:5px;
}

.sharebar {clear:both; padding: 12px 0 0;}

/* Footer */
/* .footer {display:none;} */
.footer {background: #efefef;padding: 0;}
.footer-content {max-width:1190px; margin: 0 auto; }

#footer {background: #eee; position: fixed;}
.front #footer {margin: 0 auto;}
#footer ul {margin: 0px; padding:0px;}
#footer ul.social {padding-top: 5px; font-size: 20px; display: table; margin: 0 auto;}
#footer ul.credits {margin: 0 auto; display: table; list-style: none;}
#footer ul.credits li {float: left; padding: 0 2px; display: inline-block;}


/* ----------------- MEDA RULES ----------------- */
@media (max-width: 1010px) {

ul.menuItems {width: inherit;
    border-top: solid 0px #ddd;
    display: table;}

.menuItems.navbar-nav > li > a {
        padding: unset;
        padding: 14px 10px 0;
        height: 57px;
    }
/*a.navbar-brand {margin-left: 0px; height: 90px; overflow: hidden;}*/

@media (min-width: 992px){
.nav > li > a, .nav > li > a:hover, .nav > li > a:focus {font-size: inherit;}
}
/* ----------------- TABLET ----------------- */
@media (min-width: 768px) {
.gallery #galleryDetailImageArea {height: 100%;}
.footer {height: 240px;}
.navbar-nav {float: left; margin: inherit;}

}

/* ----------------- MOBILE ----------------- */
@media (max-width: 767px) {
/* TYPE */
.front h1 { line-height: 1;font-size: 2.5em;}
.front p.intro {font-size: 1.4em; width: 80%; margin: 0 auto;}

/* PAGE */
.front .container, .container {padding: 0 15px;}
#pageArea {margin-top: 0px;}
.banner {margin-top: 0;}

/* NAV */
li#menu-item-366, li#menu-item-405, li#menu-item-404, li#menu-item-382, li#menu-item-49 {display:none;}
.container > .navbar-header, .container > .navbar-collapse {margin-right: 0; margin-left: 0;}
.navbar-brand img {margin-left: 0px;}
.navbar-toggle, .navbar-toggle-user,.navbar-default .navbar-toggle {padding: 9px;     margin: 8px 0px 9px 12px; height: 42px; color: #666; border-color: #666; width: 42px;}
.navbar-default .navbar-toggle .icon-bar {border-color: #666;}

/* SEARCH */
.navbar-form.big .btn-search {right: 35px; top: 0px; font-size: 22px;}
.navbar-form.big {margin-top: 1em;padding-top: 0px;}
}
/* FOOTER */
#footer ul li.software, #footer ul li.pipe {display:none;}

@media (max-width: 494px) {
.navbar-form.big .formOutline {width: 90%;}
.navbar-form.big .form-control {font-size: 20px; padding-top: 8px;margin:0;}

}