html {
  margin: 0 auto;
}
body {
  margin: 0 auto;
  width: 1600px;
  max-width: 90%;
  text-align: center;  
  font-family: "Gill Sans","Cabin",sans-serif; 
}
.fixed-top {
  position: fixed;
  bottom: 24px;
  right: 10%;
  z-index: 1;
  transition: all 0.5s;
}
.fixed-top img {
  width: 80px;
}
.fixed-top a {
  color: #ccc;
  text-decoration: none;
  font-size: 1.5em;
  opacity: .7;
}
.fixed-top a:hover {
  color: #eee;
  opacity: .4;
}
.hide {
  opacity: 0;
}
.show {
  opacity: 1;
}
* {
  outline: none;
  letter-spacing: .03rem;
}
.top {
  margin: 0 auto;
  padding: 1.6rem 0 24px 0;
}
.container {
  width: 1100px;
  max-width: 100%;
  margin: 0 auto;
  margin-top: 2.5rem;
}
#sitemap.container {
  margin-top: 1rem;
}
.container.detail .container {
  margin-top: 4rem;
}
.detail-wrapper {
}
.detail-container, .detail-container.return {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
}
.detail-container img {
  /*! max-height: 80vh; */
}
.detail-container img,
.detail-container.return img {
  max-width: none !important;
  max-height: 80vh;
}
.detail-wrapper .text {
  /*! margin-top: 1rem; */
}
.detail-wrapper .return .text {
  margin-top: 0;
  max-width: 100%;
}
.enlarged .container {
  margin: 0 auto;
  text-align: center;
  max-width: 1900px;
}
.blanket-2pc .text {
  margin: 0 auto;
  max-width: 580px;
  padding: 1em 0 6em 0;
}
p {
  font-size: 1rem;
  letter-spacing: .03rem;
  line-height: 1.4;
  text-align: left;
}
p.title {
  font-size: 1.05rem;
}
.fp-header {
  text-transform: uppercase;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: .075rem;
  text-align: center;
  margin: 0 auto;
  margin-top: 1rem;
  line-height: 0;
  color: #222;
}
.text {
  margin: 0 auto;
  max-width: 600px;
  padding: 1em 0 1em 0;
}
a {
  transition: 1s ease;
}
p a:link, p a:visited {
  color: #000;
  text-decoration: none;
  border-bottom: #ddd 1px solid;
}
p a:hover, p a:active {
  color: #888;
  text-decoration: none;
  border-bottom: #fff 1px solid;
}
p.no-text-decor a:link, p.no-text-decor a:visited {
  color: #222;
  border-bottom: #fff 1px solid;
}
p.no-text-decor a:hover, p.no-text-decor a:active {
  border-bottom: #fff 1px solid;
  color: #555;
}
.fp-header a:link, .fp-header a:visited {
  color: inherit;
  text-decoration: none;
  border-bottom: none;
}
.fp-header a:hover, .fp-header a:active {
  color: #aaa;
  text-decoration: none;
}
.mag img {
  width: 20px;
}
p.caption {
  font-size: .9rem;
}
#sitemap p {
  font-weight: 600;
}
ul {
  list-style-type: none;
  margin-top: -.75rem;
  margin-bottom: 1.25rem;
}
ul li {
  line-height: 1.4;
}
.top .flex-container {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
  flex-wrap: nowrap;
  height: 35px;
}
.container .flex-container {
  padding: 0;
  margin: 0 auto;
  width: 940px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
  flex-wrap: wrap;
}
.container .flex-container .flex-item {
    width: 50%;
    margin: 0 0 20px 0;
    }
.top .flex-item {
  width: 45%;
  margin-top: 1.65rem;
    }
.top .flex-item.menu {
  text-align: left;
}	
.top .flex-item.mag {
  text-align: right;
}	
.flex-container-4-up {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
  flex-wrap: wrap;
}

.flex-container-4-up.horz-width-1200 {
  width: 1400px;
  max-width: 100%;
}
.flex-container-4-up.horz-width-874px {
	width: 874px
}
.flex-container-4-up.horz-width-800px {
	width: 800px
}
.flex-container-4-up.horz-width-780px {
	width: 780px
}
.flex-container-4-up.horz-width-768px {
	width: 768px
}
.flex-container-4-up.horz-width-550px {
	width: 550px
}
.flex-container-4-up .flex-item {
	width: 50%;
}
.flex-container-4-up .flex-item.caption-text {
	width: 40%;
  justify-content: center;
  align-self: center;  
}
.flex-container-4-up .flex-item-438 {
  width: 438px;
}
.flex-container-4-up .flex-item-427 {
  width: 427px;
}
.flex-container-4-up .flex-item-418 {
  width: 418px;
}
.flex-container-4-up .flex-item-421 {
  width: 421px;
}
.flex-container-4-up .flex-item-414 {
  width: 414px;
}
.flex-container-4-up .flex-item-412 {
  width: 412px;
}
.flex-container-4-up .flex-item-410 {
  width: 410px;
}
.flex-container-4-up .flex-item-399 {
  width: 399px;
}
.flex-container-4-up .flex-item-396 {
  width: 396px;
  width: 50%;
}
.flex-container-4-up .flex-item-393 {
  width: 393px;
}
.flex-container-4-up .flex-item-390 {
  width: 390px;
}
.flex-container-4-up .flex-item-384 {
  width: 384px;
  width: 50%;
}
.flex-container-4-up .flex-item-381 {
  width: 381px;
}
.flex-container-4-up .flex-item-375 {
  width: 375px;
}
.flex-container-4-up .flex-item-373 {
  width: 373px;
}
.flex-container-4-up .flex-item-362 {
  width: 362px;
}
.flex-container-4-up .flex-item-359 {
  width: 359px;
}
.flex-container-4-up .flex-item-358 {
  width: 358px;
}
.flex-container-4-up .flex-item-357 {
  width: 357px;
}
.flex-container-4-up .flex-item-356 {
  width: 356px;
}
.flex-container-4-up .flex-item-354 {
  width: 354px;
}
.flex-container-4-up .flex-item-328 {
  width: 328px;
}
.flex-container-4-up .flex-item-320 {
  width: 320px;
}
.flex-container-4-up .flex-item-318 {
  width: 318px;
}
.flex-container-4-up .flex-item-313 {
  width: 313px;
}
.flex-container-4-up .flex-item-311 {
  width: 311px;
}
.flex-container-4-up .flex-item-307 {
  width: 307px;
}
.flex-container-4-up .flex-item-293 {
  width: 293px;
}
.flex-container-4-up .flex-item-289 {
  width: 289px;
}
.flex-container-4-up .flex-item-287 {
  width: 287px;
}
.flex-container-4-up .flex-item-282 {
  width: 282px;
}
.flex-container-4-up .flex-item-280 {
  width: 280px;
}
.flex-container-4-up .flex-item-272 {
  width: 272px;
}
.lightbox-image {
  max-height: 95vh;
}
.detail img {
  max-height: 80vh;
}
.container.detail img {
  max-height: 90vh;
}
img {
  max-width: 100%;
}
.blanket-img img {
  width: 760px;
  max-width: 95%;
  margin: 0 auto;
  text-align: center;
}
a img {
  transition: 1s ease-in-out;
}
a img:hover {
  opacity: .9;
  transition: 1s ease-in-out;
}
.enlarged a img:hover,
.blanket a img:hover{
  opacity: 1;
  transition: 1s ease-in-out;
}
/*** MENU ***/
#navLinks {
  display: none;
  z-index: 999;
  background: #fffffff5;
  position: relative;
  width: 300px;
}
#navLinks ul, #navLinks ul ul {
  list-style: none;
}
#navLinks ul {
  list-style: none;
  padding-left: 0;
}
#navLinks ul li {
  margin-top: .5rem;
}
#navLinks ul li#menu-space-1 {
  margin-top: 2.25rem;
}
#navLinks ul li#menu-space-2 {
  margin-top: 2rem;
}
#navLinks ul ul {
  padding-left: 1.2rem;
}
#navLinks ul ul li {
  margin-bottom: 1rem;
}
#navLinks ul li.margin-top-1rem {
  margin-top: 1.75rem !important;
  margin-bottom: 1rem;
}
#navLinks ul li.margin-top-1-quarter-rem {
  margin-top:1.25rem;
  margin-bottom: 1rem;
}
#navLinks ul li.margin-top-1-half-rem {
  /*! margin-top:1.15rem !important; */
  margin-bottom: 1rem;
}
#navLinks ul li.sm-caps {
  font-variant: small-caps;
  margin-top: 1rem;
}
#navLinks ul li#chiefs.sm-caps {
  margin-top:1.25rem;
  margin-bottom: 1rem;
}
#navLinks ul li#wtd.sm-caps {
  margin-top:1rem;
}

#navLinks ul li.sm-caps.margin-top-1-half-rem button {
  font-variant: small-caps
}
.menu a.icon {
  margin: 0;
}
.menu a {  
  display: block;
  text-decoration: none;
  font-size: 1rem;
}
.menu a:link, .menu a:visited {
  color: #333;
  margin: 0 0 1rem 0;
}
.menu a:hover, .menu a:active {
  color: #ccc
}
button {
  background: transparent;
  border: none;
  font-size: 1rem;
  font-family: inherit;
  margin: 0;
  padding: 0;
}
button.button-pad {
  padding: 0 0 0 8px;
  font-family: courier;
}

/*** LIGHTBOX ***/
.imageBox,
.header {
  text-align: center;
}
.imageContainer {
  padding: 0 0.5rem 1.25rem;
}
.imageLink {
  display: inline-block;
}
.imageLink,
.imageBox {
  line-height: 0;  
}
.imageBox,
.largeImage,
.image,
.imageCaption {
  width: auto;
  max-height: 90vh;
}
.image,
.largeImage {
  -webkit-transform: perspective(1px);
  -moz-transform: perspective(1px);
  transform: perspective(1px);
}
.overlayContainer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 250;
}
.overlayContainer,
.imageCaption {
  bottom: 0;
}
.relativeContainer {
  position: relative;
  margin: 0 0.5rem;
  max-width: 95%;
  width: 1400px;
}
.imageBox,
.imageCaption {
  position: absolute;
}
.imageBox {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 95%;
}
.display {
  display: block;
}
.imageCaption {
  display: none;
}
p.diff-ltbox-show-text {
  display: block;
  position: fixed;
  right: 5px;
  top: 20px;
}
.imageLink {
  outline: none;
  -webkit-transition: all ease .2s;
  transition: all ease .2s;
}
.imageLink:hover,
.imageLink:focus {
  opacity: 0.9;
}
.overlayContainer {
  visibility: hidden;
  opacity: 0;
  background-color: rgb(255,255,255);
  -webkit-transition: all ease .5s;
  transition: all ease .5s;
}
.imageBox {
  cursor: pointer;
}
.largeImage {
}
.opacity {
  visibility: visible;
  opacity: 1;
}
.close {
  position: fixed;
  top: 1rem;
  right: 2rem;
  z-index: 999;
  font-size: 2rem;
  text-decoration: none;
  text-transform: uppercase;
}
a.close:link, a.close:visited {
  color: #555;
}
a.close:hover, a.close:active {
  color: #ccc;
}
.image.margin-top--less {
	margin-top: -.5rem;
}
.image.margin-top--lot-less {
	margin-top: -1.5rem;
}
.wheat-hedlund-flex-container {
  padding: 0;
  margin: 0 auto;
  width: 600px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
  flex-wrap: wrap;
}
.margin-left--12 {
	margin-left: 12px !important;
}
.vert-space-4 {
  height: 4px;
}
.vert-space-6 {
  height: 6px;
}
.vert-space-8 {
  height: 8px;
}
.vert-space-10 {
  height: 10px;
}
.vert-space-12 {
  height: 12px;
}
.vert-space-14 {
  height: 14px;
}
.vert-space-16 {
  height: 16px;
}
.vert-space-18 {
  height: 18px;
}
.vert-space-21 {
  height: 21px;
}
.vert-space-24 {
  height: 24px;
}
.vert-space-26 {
  height: 26px;
}
.vert-space-28 {
  height: 28px;
}
.vert-space-30 {
  height: 30px;
}
.vert-space-32 {
  height: 32px;
}
.vert-space-36 {
  height: 36px;
}
.vert-space-38 {
  height: 38px;
}
.vert-space-40 {
  height: 40px;
}
.vert-space-48 {
  height: 48px;
}
.vert-space-54 {
  height: 54px;
}
.vert-space-56 {
  height: 56px;
}
.vert-space-60 {
  height: 60px;
}
.vert-space-64 {
  height: 64px;
}
.vert-space-68 {
  height: 68px;
}
.vert-space-72 {
  height: 72px;
}
.min-height-90vh {
  min-height: 90vh
}
.max-height-85vh {
  max-height: 85vh
}
.horz-width-70pc {
  margin: 0 auto;
  width: 70%;
}
.horz-width-75pc {
  margin: 0 auto;
  width: 75%;
}
.horz-width-80pc {
  margin: 0 auto;
  width: 80%;
}
.horz-width-85pc {
  margin: 0 auto;
  width: 85%;
}
.horz-width-90pc {
  margin: 0 auto;
  width: 90%;
}
.horz-width-95pc {
  margin: 0 auto;
  width: 95%;
}
.horz-width-800 {
  margin: 0 auto;
  width: 800px;
}
.horz-width-780 {
  margin: 0 auto;
  width: 780px;
}
.horz-width-760 {
  margin: 0 auto;
  width: 760px;
}
.horz-width-600 {
  margin: 0 auto;
  width: 600px;
}
.horz-width-595 {
  margin: 0 auto;
  width: 595px;
}
.horz-width-590 {
  margin: 0 auto;
  width: 590px;
}
.horz-width-585 {
  margin: 0 auto;
  width: 585px;
}
.horz-width-582 {
  margin: 0 auto;
  width: 582px;
}
.horz-width-580 {
  margin: 0 auto;
  width: 580px;
}
.horz-width-570 {
  margin: 0 auto;
  width: 570px;
}
.horz-width-550 {
  margin: 0 auto;
  width: 550px;
}
.horz-width-525 {
  margin: 0 auto;
  width: 525px;
}
.horz-width-500 {
  margin: 0 auto;
  width: 500px;
}
.horz-width-490 {
  margin: 0 auto;
  width: 490px;
}
.horz-width-450 {
  margin: 0 auto;
  width: 450px;
}
.horz-width-425 {
  margin: 0 auto;
  width: 425px;
}
.horz-width-400 {
  margin: 0 auto;
  width: 400px;
}
.horz-width-300 {
  margin: 0 auto;
  width: 300px;
}
.horz-width-280 {
  margin: 0 auto;
  width: 280px;
}
.margin-bottom--1-5rem {
	margin-bottom: -1.5rem !important; 
}
.margin-top--1rem {
	margin-top: -1rem !important; 
}
.margin-top--25px {
	margin-top: -25px !important; 
}
.margin-top--20px {
	margin-top: -20px !important; 
}
.margin-top--15px {
	margin-top: -15px !important; 
}
.margin-top--10px {
	margin-top: -10px !important; 
}
.margin-top--2px {
	margin-top: -2px !important; 
}
.margin-right-5px {
	margin-right: 5px
}
.margin-left-6px {
  margin-left: 6px;
}
.margin-left-10px {
  margin-left: 10px;
}
.margin-left-30px {
  margin-left: 30px;
}
.margin-left--90 {
  margin-left: -90px;
}
.nowrap {
	white-space: nowrap;
}
.clear {
	clear: both;
}
footer {
  margin: 0 auto;
  padding: 3rem 0 2rem 0;
  text-align: center;
}
.copyright {
  margin: 0 auto;
  max-width: 90%;
  text-align: center;
}
.copyright p {
  font-size: .9rem;
  text-align: center !important;
}
footer ul {
  margin: 0 auto;
  padding-bottom: .65rem;
  text-align: center;
}
footer ul li {
  list-style: none;
  display: inline;
  padding: 0 .75rem 0 .75rem;
}
footer a:link, footer a:visited {
  color: #222;
  text-decoration: none;
}
footer a:hover, footer a:active {
  color: #888;
  text-decoration: none;
}

hr {
	margin: 30px 0 30px 0;
	width: 100%;
	max-width: 100%;
	text-align: center;
  color: #eee;
}
.indent {
  margin:-.5rem 5% 1.25rem 5%;
}
.center {
  margin: 0 auto;
  text-align: center;
}
.center-diff {
  margin: 0 auto;
  text-align: center;
  margin-left: -10%;
  margin-right: -10%;
}
.left {
  text-align: left;
}
.screen {
  display: block;
}
.tablet, .phone {
  display: none;
}


@media only screen and (max-width: 1200px) {
  .fixed-top {
    right: 24px;
  }
  .image.margin-top--less {
    margin-top: 0;
  }
  .image.margin-top--lot-less {
    margin-top: -.5rem;
  }
  .detail-container, .detail-container.return {
    position: static;
    transform: none;
    margin-top: 5%;
  }
  .detail-container img, .detail-container.return img {
    max-width: 90% !important;
  }
}

@media only screen and (max-width: 768px) {
  .top .flex-item {
    width: 500px;     
  }
  .top .flex-item.mag,
  .top .flex-item.menu {
    width: 60px;
  }
  .fp-header {
    font-size: 1.2rem;
  }
  .image.margin-top--lot-less {
    margin-top: 0;
  }
  .flex-container-4-up.horz-width-874px,
  .flex-container-4-up.horz-width-800px,
  .flex-container-4-up.horz-width-780px,
  .flex-container-4-up.horz-width-768px,
  .flex-container-4-up.horz-width-550px,
  .container {
    width: 100%;
  }
  .flex-container-4-up .flex-item-438,
  .flex-container-4-up .flex-item-427,
  .flex-container-4-up .flex-item-414,
  .flex-container-4-up .flex-item-412,
  .flex-container-4-up .flex-item-410,
  .flex-container-4-up .flex-item-399,
  .flex-container-4-up .flex-item-396,
  .flex-container-4-up .flex-item-393,
  .flex-container-4-up .flex-item-390,
  .flex-container-4-up .flex-item-384,
  .flex-container-4-up .flex-item-381,
  .flex-container-4-up .flex-item-375,
  .flex-container-4-up .flex-item-373,
  .flex-container-4-up .flex-item-362,
  .flex-container-4-up .flex-item-358,
  .flex-container-4-up .flex-item-356,
  .flex-container-4-up .flex-item-354,
  .flex-container-4-up .flex-item-320,
  .flex-container-4-up .flex-item-287,
  .flex-container-4-up .flex-item-280
  {
    width: 50%;
  }
  .flex-container-4-up .flex-item-396 {
    width: 51%
  }
  .flex-container-4-up .flex-item-384{
    width: 49%;
  }
  .flex-container-4-up .flex-item-313,
  .flex-container-4-up .flex-item-311 {
    width: 52%;
  }
  .flex-container-4-up .flex-item-287,
  .flex-container-4-up .flex-item-289  {
    width: 48%;
  } 
  .flex-container-4-up .flex-item-421,
  .flex-container-4-up .flex-item-418 {
    width: 54%;
  }
  
  .flex-container-4-up .flex-item-359,
  .flex-container-4-up .flex-item-357  {
    width: 46%;
  }
  .horz-width-580.margin-left--12 {
    margin-left: 6px !important;
  }
  .margin-left--90 {
    margin-left: 0;
  }
  .vert-space-48 {
    height: 40px;
  }
  .vert-space-60 {
    height: 48px;
  }
  .vert-space-72 {
    height: 60px;
  }
  p {
    white-space: normal;
  }
  .text, .wheat-hedlund-flex-container {
    max-width: 500px;
  }
  .wh-flex-item {
    width: 50%;
    margin: 0 auto;
    padding: 0;
  }
  .wh-flex-item img {
    max-width: 100%;
  }
  .blanket-img img {
    max-width: 95%;
    margin-bottom: .5rem;
  }
  .screen {
    display: none;
  }
  .phone, .tablet, .phone.tablet {
    display: block;
  }
}



@media only screen and (max-width: 600px) {
  .text {
    max-width: 400px;
  }
  .imageLink:hover,
  .imageLink:focus {
    opacity: 1;
  }
  .detail-container, .detail-container.return {
    margin-top: 25%;
  }
  .wheat-hedlund-flex-container {
    display: block;
    
    max-width: 100%;
  }
  .wh-flex-item {
    width: 100%;
  }
  .screen, .tablet {
    display: none;
  }
  .margin-left-12 {
    margin-left: 0;
  }
  .center-diff {
    margin-left: 0;
    margin-right: 0;
  }
  .fixed-top {
    bottom: -10px;
    right: 10px;
  }
  .fixed-top img {
    width: 50px;
    padding: 4px;
    background: #fff;
  }
  .fixed-top a {    
    opacity: 1;
  }
  .horz-width-80pc {
    width: 100%;
  }
}

@media only screen and (max-width: 500px) {
  
  .horz-width-580.margin-left--12 {
    margin-left: 4px !important;
  }
}

@media only screen and (max-width: 400px) {
  .jb-phone {
    display: block;
  }
  .horz-width-580.margin-left--12 {
    margin-left: 2px !important;
  }
}
@media only screen and (max-width: 380px) {
  
  .horz-width-580.margin-left--12 {
    margin-left: 0px !important;
  }
}
