/* HAMBURGER FIX */

a#mobile-toggle {
  display: none !important;
}

nav.contextual-region ul {
  height: unset !important;
}

/* ADMIN CSS */

.page-login .block-system-main-block {
  width: 300px;
}

form#user-login-form {
  width: 300px;
  display: block;
  clear: both;
}

#user-login-form label {
  font-weight: bold;
  display: inline-block;
  padding-bottom: 10px;
}

#user-login-form input {
  padding-bottom: 10px;
  margin-bottom: 5px;
  border-radius: 3px;
  border: none;
}

#user-login-form input[type="submit"] {
  padding-top: 10px;
  font-weight: bold;
  margin-bottom: 20px
}

#user-login-form .description {
  margin-bottom: 15px;
  font-size: 12px;
  color: #dfdfdf;
}

.page-login .block-local-tasks-block ul {
  margin-left: -20px;
}

.page-login .block-local-tasks-block ul li {
  background: white;
  opacity: 1;
  padding-left: 20px;
  margin-bottom: 30px;
  margin-top: 20px;
  margin-left: 0px;
}

a.toolbar-icon {
  color: black !important;
}

.block-local-tasks-block ul li a, .block-local-tasks-block ul li a.is-active {
  text-decoration: none;
  background: none;
  position: static;
  line-height: unset;
  padding-left: 10px;
  padding-right: 10px;
  width: unset;
}

.block-local-tasks-block ul li {
  float: left;
  height: 10px;
  padding: 20px 10px 20px 10px;
  opacity: .5;
  transition: .1s;
  padding-left: 10px;
  padding-right: 10px;
}

.block-local-tasks-block ul li:hover {
  opacity: 1;
  transition: .1s;
}

.block-local-tasks-block ul {
  background: white;
  padding: 0px 20px;
}

.block-local-tasks-block ul:hover {
  cursor: pointer;
}

.block-local-tasks-block ul li {
  display: block;
  padding: 25px 20px 25px 0px;
  text-align: left;
  margin-right: none;
}

.block-local-tasks-block ul li a {
  text-align: center;
  color: black;
  display: block;
  font-weight: bolder;
  text-transform: uppercase;
  font-size: 12px;
}

a.toolbar-icon {
  color: black;
}

/* HIDE ARROWS */

a.arrow {
  display: none !important;
}

.clear {
  clear: both;
}

body {
  overflow-x: hidden;
}

body, html {
  height: 100%;
  padding: 0px;
  margin: 0px;
  color: white;
}

a {
  color: #AD5E22;
}

main {
  clear: both;
}

main, header, .footerContent {
  max-width: 1400px;
  margin: auto;
}

main.category {
  max-width: 1060px;
}

header {
  padding-top: 20px;
  margin-bottom: 90px;
}

body {
  background: #595049;
  font-family: Arial, Helvetica, sans-serif;
}

header a, a:visited, a:link, li a.active {
  color: #ffffff;
}

header nav[role="navigation"] {
  float: right;
}

.path-frontpage {
  background: url('images/Home-Page-Image_Final2.jpg') no-repeat;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow-x: hidden;
  overflow-y: hidden;
}
@media only screen and (max-height: 620px) {
  main.hero {
    margin-top: 50px !important;
  }
  .path-frontpage {
    overflow-y: scroll;
    height: 620px;
    background-size: unset;
    }
}

.path-navajo-basket-explorer-video {
  background: url('images/video_BG.JPG') no-repeat;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.layout__region.layout__region--second .basket {
  color: #ad5e22;
}

.path-my-collection div#block-system-breadcrumb-block--2 {
  width: 1060px;
  margin: auto;
  padding-bottom: 40px;
}

.layout__region.layout__region--bottom .explore-connections .basket a {
  opacity: 0;
  transition: .5s;
  display: block;
  position: absolute;
  width: 200px;
  padding-left: 10px;
  padding-right: 10px;
  height: 240px;
  text-decoration: none;
  text-align: center;
  display: flex !important;
  align-items: center;
  justify-content: center;
  top: 0px;
  font-size: 22px;
  line-height: 25px;
  background: #393533;
}

.layout__region.layout__region--bottom .explore-connections .basket:hover a {
  opacity: 1;
}

.video img, .layout__region--bottom .video a {
  width: 386px;
  height: 240px;
  display: block;
  text-indent: -999999px;
  border: none;
  position: unset;
  transform: unset;
}

.layout__region--bottom .video {
  position: relative;
  width: 386px;
  float: left;
  max-width: 100%;
  left: -30px;
  margin-right: 30px;
  margin-bottom: 30px;
}

.layout__region--bottom .video .play {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-25%, -50%);
  width: 87px;
  height: 87px;
  background: url('images/play_button.png');
  text-indent: -9999px;
  pointer-events: none;
  background-size: 87px 87px;
}
.layout__region--bottom .video a {background-image: none;}
header h1, header .logo {
  background: url('images/logo.svg') no-repeat;
  text-indent: -99999px;
  margin-top: 0px;
  float: left;
  width: 230px;
  height: 56px;
  display: block;
  background-size: 230px 56px;
}

header a.icon_button, header nav[role="navigation"] ul li a {
  background: rgba(255, 255, 255, 0.1) url('images/collection_icon.png') no-repeat 10px center;
  border-radius: 20px;
  color: white;
  text-decoration: none;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 40px;
  padding: 0px 13px 0px 33px;
  float: right;
}

a#main-content {
  display: none;
}

.hero h2, .hero #block-page-title-block--2 {
  position: static;
  width: 820px;
  height: 80px;
  left: 0px;
  top: 0px;
  /* headline */
  font-family: Arial, Helvetica;
  font-style: normal;
  font-weight: 500;
  font-size: 64px;
  line-height: 80px;
  /* identical to box height, or 125% */
  text-align: center;
  /* #FFFFFF */
  color: #FFFFFF;
  /* Inside Auto Layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 20px auto;
}

.hero h3, article.node.node--type-page.node--view-mode-full p {
  position: static;
  width: 574px;
  height: 136px;
  left: 123px;
  top: 100px;
  font-family: Arial, Helvetica;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 34px;
  /* or 142% */
  text-align: center;
  /* #FFFFFF */
  color: #FFFFFF;
  /* Inside Auto Layout */
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 20px auto;
}

.hero {
  margin: 200px auto;
}

.hero a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: static;
  width: 179.12px;
  height: 45px;
  left: 0px;
  top: 0px;
  /* #AD5E22 */
  border-radius: 100px;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  /* Inside Auto Layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 0px 15px;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 92px;
  background: url('images/karat.png') no-repeat 153px center #AD5E22;
  margin: auto;
  transition: .5s;
}

.hero a:hover {
  transition: .5s;
  opacity: .7;
}

.hero .field-video {
  display: none !important;
}

.video video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: -30px;
  left: 0;
}

.path-navajo-basket-explorer-video.video-playing {
  background: black;
}

.path-navajo-basket-explorer-video.video-playing a.field-video {
  display: none;
  opacity: 0;
  transition: .5s;
}

.path-navajo-basket-explorer-video.video-playing h2 {
  display: none;
  opacity: 0;
}

.path-navajo-basket-explorer-video h2 {
  position: fixed;
  color: #f1f1f1;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 87px;
  line-height: 96px;
  /* or 110% */
  text-align: center;
  letter-spacing: -0.04em;
  /* #FFFFFF */
  color: #FFFFFF;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  left: 50%;
  top: 20%;
  transform: translate(-50%, -50%);
}

.video .play-button, .video video::after, .video .field-video {
  display: block;
  content: "Play";
  text-indent: -99999px;
  font-size: 0.1px;
  background: url('images/transparent_play_button.png');
  width: 93px;
  height: 91px;
  position: fixed;
  border: none;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform: .5s;
  background-size: 93px 91px;
}

.video h2:hover {
  cursor: pointer;
}

.video button:hover {
  cursor: pointer;
  opacity: .7;
  transition: .5s;
}

.video a {
  /* Auto Layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  position: absolute;
  width: 143.12px;
  height: 45px;
  left: 50%;
  bottom: 30px;
  transform: translate(-50%, -50%);
  /* #FFFFFF */
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 92px;
  /* identical to box height, or 511% */
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.01em;
  /* White */
  color: #FFFFFF;
  /* Inside Auto Layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 0px 8px;
  text-decoration: none;
  background: url('images/karat.png') no-repeat 118px center;
  z-index: 1;
}

.row, .contextual-region.block-local-tasks-block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.collage {
  margin: auto;
}

.column, .row-2, .row-3, .row-4, .row-5, .row-6, .row-7 {
  /* flex-basis: 100%; */
}

a.column, .row-2, .row-3, .row-4, .row-5, .row-6, .row-7 {
  height: 265px;
  color: white;
  text-decoration: none;
  text-align: center;
  background: #393533;
  margin: 0px 7.5px 15px 7.5px;
}

.featured.column, .row-1 {
  margin-right: 7.5px;
  background: #393533;
  width: 465px;
  height: 545px;
}

.featured.column a, .row-1 a {
  color: white;
  text-decoration: none;
  text-align: center;
  font-size: 39px;
  line-height: 46px;
}

.featured.column a h2, .row-1 a h2 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 39px;
  transform: translate(0, 20%);
}

.featured.column a img, .row-1 a img {
  text-align: center;
  width: 100%;
  height: auto;
  background: black;
}
.row-2 a img, .row-3 a img, .row-4 a img, .row-5 a img, .row-6 a img, .row-7 a img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

footer h6 {
  background: url('images/logo_short.svg') no-repeat;
  text-indent: -99999px;
  margin-top: 0px;
  text-align: center;
  width: 131px;
  height: 45px;
  margin: auto;
}

footer, footer[role="contentinfo"] {
  text-align: center;
  color: white;
  background: rgba(57, 53, 51, 0.5);
  padding-top: 10px;
  width: 100%;
  font-size: 12px;
  padding-bottom: 11px;
}

footer a, footer[role="contentinfo"] a {
  color: white;
}

footer .finePrint, footer[role="contentinfo"] .finePrint, footer[role="contentinfo"] p:last-child {
  font-size: 10px;
}

footer[role="contentinfo"] p {
  color: white;
}

.basketMetaContainer {
  position: relative;
  width: 50%;
  float: left;
}

.basketMetaContainer img {
  width: 100%;
}

.basketContentContainer {
  position: relative;
  width: 50%;
  float: right;
}

a.previous, a.next, a.arrow, .btn.btn-right, .btn.btn-left {
  display: block;
  width: 20px;
  height: 37px;
  position: absolute;
  text-indent: -9999px;
}

a.previous,
/* .collection-arrow */

.arrowPrev, .arrow-prev, .btn.btn-left {
  background: url('images/left_arrow.png') no-repeat;
  left: 0px;
  top: 40%;
}

a.next, .arrowNext, .arrow-next, .btn.btn-right {
  background: url('images/right_arrow.png') no-repeat;
  right: 45px;
  top: 40%;
}

a.btn.btn-left, a.btn.btn-right {
  z-index: 30;
}

.breadCrumbs {
  font-size: 11px;
}

.basketContentContainer .breadCrumbs a {
  color: white;
}

.basketContentContainer h2 {
  font-size: 50px;
  line-height: 56px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 5px;
}

.basketContentContainer h3, .basket .author a, .byLine a {
  color: #AD5E22;
  font-size: 18px;
  line-height: 42px;
  margin-top: 5px;
  margin-bottom: 0px;
  text-decoration: none;
}

.basketContentContainer h3 .by, .basket .by, .byLine {
  font-size: 18px;
  color: white;
  font-weight: normal;
}

.basketContentContainer p {
  font-size: 18px;
  line-height: 24px;
  margin-top: 15px;
  margin-bottom: 30px;
}

a.button, .addToCollection, .flag-my-collection a {
  color: white;
  font-size: 18px;
  line-height: 22px;
  border-radius: 50px;
  background: #AD5E22;
  padding: 12px 30px;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 30px;
}

.tags p {
  font-size: 18px;
  color: white;
  line-height: 24px;
}

h4 {
  color: white;
  font-size: 32px;
  line-height: 39px;
  margin-bottom: 30px;
}

.basketTitle {
  font-size: 16px;
  font-weight: bold;
}

.basketMeta p {
  margin: 0px;
  padding: 2px 0px;
}

.basketTribe {
  font-size: 14px;
}

.basketMaterial {
  font-size: 14px;
  font-style: italic;
}

.basketDimentions {
  font-size: 14px;
}

.basketCode {
  text-transform: uppercase;
  font-size: 11px;
}

.basketDetail video {
  max-width: 386px;
  margin-right: 20px;
}

.connections {
  position: relative;
}

.connections a.previous, .layout__region--bottom .btn.btn-left {
  background: url('images/left_circle_arrow.png') no-repeat;
  width: 60px;
  height: 60px;
  left: 10px;
  right: unset;
}

.connections a.next, .layout__region--bottom .btn.btn-right {
  background: url('images/right_circle_arrow.png') no-repeat;
  width: 60px;
  height: 60px;
  right: 10px;
  left: unset;
}

.layout__region--bottom .btn.btn-left.disabled-btn, .layout__region--bottom .btn.btn-right.disabled-btn {
  display: none;
}

.category .baskets {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-basis: 100%;
  padding: 0;
  width: 1060px;
  flex-grow: 1;
  margin-left: -5px;
  margin-right: -5px;
}

.category .baskets .basket {
  text-align: center;
  color: white;
  text-decoration: none;
  background: rgba(57, 53, 51, 0.9);
  justify-content: space-between;
  position: relative;
  flex-grow: 1;
  margin: 5px;
}

.category.collection .baskets .basket {
  flex: 0 1 24%;
  background: #393533;
}

.category .baskets .basket .hover-title a {
  opacity: 0;
  transition: .5s;
  display: block;
  position: absolute;
  width: 225px;
  margin-left: 15px;
  height: 240px;
  text-decoration: none;
  text-align: center;
  display: flex !important;
  /*CSS3*/
  align-items: center;
  /*Vertical align*/
  justify-content: center;
  /*horizontal align*/
  transform: translate(0, -100%);
}

.category .baskets .basket:hover .hover-title a {
  position: absolute;
  width: 225px;
  margin-left: 15px;
  height: 240px;
  background: #393533;
  transition: .5s;
  opacity: 1;
}

.category .baskets .basket .hover-title .arrow {
  display: block;
  background: url('images/right_circle_arrow_outline.png');
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  opacity: 0;
}

.category .baskets .basket .hover-title:hover .arrow {
  opacity: 1;
  transition: .5s;
}

.basket img {
  transition: .5s;
}

.basket:hover img {
  opacity: 0;
  transition: .5s;
  z-index: -2;
}

.basket:hover .hover {
  opacity: 1;
  transition: .5s;
  z-index: 90;
}

.hover {
  opacity: 0;
  transition: .5s;
}

.category .baskets .basket .hover .trash, .category .baskets .basket .hover .flag-my-collection a {
  display: block;
  background: url('images/trash_can.png');
  width: 20px;
  height: 20px;
  position: absolute;
  top: 20px;
  right: 20px;
  border: none;
  text-indent: -99999px;
  padding: 0px;
  border-radius: 0px;
}

.category .baskets .basket .hover .trash:hover {
  cursor: pointer;
}

.section-collections h1.field-content {
  font-size: 48px;
  line-height: 58.61px;
  text-align: center;
}

.section-collections .views-field-description__value p {
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  margin-bottom: 25px;
  font-weight: normal;
}

.category .breadCrumbs {
  margin-bottom: 25px;
}

.category .breadCrumbs a {
  opacity: .3;
  color: white;
  text-decoration: none;
  padding-right: 5px;
}

.category .breadCrumbs a:nth-child(n+2) {
  padding-left: 5px;
}

.category .breadCrumbs a.active {
  opacity: 1;
}

.baskets {
  margin-bottom: 90px;
}

@media screen and (min-width: 800px) {
  .column {
    flex: 1;
  }
}

div.copyright {
  display: none;
}

a.visually-hidden.focusable.skip-link {
  display: none;
}

h2#block-system-menu-blockmain-menu {
  display: none;
}

header ul li {
  list-style: none;
}

div.copyright {
  display: none;
}

a.visually-hidden.focusable.skip-link {
  display: none;
}

h2#block-system-menu-blockmain-menu {
  display: none;
}

header ul li {
  list-style: none;
}

nav[aria-labelledby="system-breadcrumb"] {
  float: none;
  clear: both;
  max-width: 1400px;
  margin: auto;
}

nav[aria-labelledby="system-breadcrumb"] ol li {
  list-style: none;
  float: left;
  font-size: 14px;
  margin-right: 8px;
  padding-right: 8px;
}

nav[aria-labelledby="system-breadcrumb"] ol li:not(:last-child) {
  background: url('images/arrow.png') no-repeat right center;
}

nav[aria-labelledby="system-breadcrumb"] ol li a {
  text-decoration: none;
}

nav[aria-labelledby="system-breadcrumb"] ol li:last-child {
  opacity: 0.3;
}

nav[aria-labelledby="system-breadcrumb"] ol {
  padding-left: 0px;
}

.video iframe.media-oembed-content {
  width: 100vw;
  height: 56.25vw;
  /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh;
  /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

body.path-frontpage footer, body.path-navajo-basket-explorer-video footer, body.path-frontpage nav, body.path-navajo-basket-explorer-video nav {
  display: none;
}

.basket img {
  /* border-radius: 100%; */
  padding: 0px;
  position: relative;
  top: 50%;
  /* right: 50%; */
  transform: translate(0%, -50%);
  z-index: 0;
  filter: drop-shadow(-10px 0px 7px rgba(0, 0, 0, 0.2));
  width: 220px;
  height: 220px;
  object-fit: cover;
  background-color: black;
}

.hover {
  z-index: 1;
}

.collage-page {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0px 0px;
  grid-template-areas: "row-1 row-2 row-3 row-4" "row-1 row-5 row-6 row-7" ". . . .";
}

.row-1 {
  grid-area: row-1;
}

.row-2 {
  grid-area: row-2;
}

.row-3 {
  grid-area: row-3;
}

.row-4 {
  grid-area: row-4;
}

.row-5 {
  grid-area: row-5;
}

.row-6 {
  grid-area: row-6;
}

.row-7 {
  grid-area: row-7;
}

a.collage-block {
  text-decoration: none;
}

.myCollectionLabel {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 90%;
  padding-left: 5%;
  padding-right: 5%;
}
.myCollectionLabel h2 a {
  text-decoration: none;
}

.section-navajo-basket-explorer-video a.logo {
  display: none;
}
#cboxLoadedContent video {
  width: 1280px;
  height: 720px;
  margin-right: 20px;
  float: left;
  margin-top: 30px;
  margin-bottom: 60px;
}
iframe.media-oembed-content, video {
  width: 386px;
  height: 240px;
  margin-right: 20px;
  float: left;
  margin-top: 30px;
  margin-bottom: 60px;
}

.layout__region.layout__region--first, .layout__region.layout__region--second {
  margin-top: 20px;
}

.layout__region--second .block-eva.explore-connections {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  margin-top: 40px;
}

.layout__region--second .block-eva.explore-connections .basket a {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  /* or 133% */
  /* #AD5E22 */
  color: #AD5E22;
  text-decoration: none;
  margin-top: 5px;
  display: inline-block;
}

.block-eva {
  clear: both;
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 39px;
  /* identical to box height */
  margin-bottom: 30px;
}

.block-eva .basket img {
  height: 240px;
  object-fit: cover;
  margin-right: 20px;
}

.block-eva .basket

.block-eva .basket a {
  display: none;
}

.layout__region.layout__region--bottom {
  font-size: 32px;
  line-height: 39px;
  margin-top: 75px;
}

.layout.layout--twocol {
  margin-left: 13px;
  margin-right: 18px;
}

.category .baskets .basket {
  padding: 15px 0px;
}

.layout__region--bottom .content {
  clear: both;
  width: 100%;
  overflow: hidden;
}

.layout__region--first .field-images {
  max-height: 740px;
  overflow: hidden;
}

.layout__region.layout__region--bottom .explore-connections .basket {
  /*display: flex;  */
  float: left;
  overflow: hidden;
  margin-right: 20px;
  width: 240px;
  /*flex-basis: 260px;*/
}

.layout__region.layout__region--bottom .explore-connections .basket .views-field-field-image-caption {
  display:none;
}

.layout__region.layout__region--bottom .explore-connections .basket img {
  margin-right: 0;
  top:0;
  transform:none;
}

/* RESPONSIVE STYLES MOBILE */

@media only screen and (max-width:550px) {
  .basket:hover img {
    opacity: 1;
  }
  div#block-block-content7591c71d-761e-4b73-8983-bacf37ed2e3c {
    padding-right: 20px;
  }
  div#block-system-breadcrumb-block--2 {
    margin-left: 20px;
  }
}

/* Desktop Only */

@media only screen and (min-width: 1060px) {
  .views-field.views-field-field-image-caption-revision-id {
    width: 540px;
    margin: auto;
  }
  .mobile-basket-label {
    display: none;
  }
}

/* MEDIUM DESKTOP LANDSCAPE */

@media only screen and (min-width: 1060px) and (max-width: 1410px) {
  .layout-container {
    padding-left: 40px;
    padding-right: 40px;
  }
}

/* IPAD PORTRAIT */

@media only screen and (min-width: 550px) and (max-width: 1060px) {}

@media only screen and (max-width: 1200px) {
  .collage-page .content {
    display: block;
  }
  .row-1 {
    width: 100%;
  }
  .row-2, .row-4, .row-6 {
    margin-top: 15px;
    width: 96%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
  }
  .row-3, .row-5, .row-7 {
    float: right;
    width: 96%;
    margin-top: 15px;
    margin-left: 2%;
    margin-right: 2%;
  }
}

/* SQUEEZING FIXED WIDTH */
@media only screen and (min-width: 768px) and (max-width:1060px) {
  .category .baskets .basket .hover-title {
    display: block;
    opacity: 1;
    background: 0 0;
    position: absolute;
    height: 100px;
    bottom: 10px;
    display: block;
    padding-top: 40px;
    top: 0;
    width: 100%;
    height: 0px;
    margin: auto;
    /*! transform: translate(25%, -25%); */
    left: 50%;
    top: 50%;
    transform: translate(-29%,-50%);
    background: transparent;
}
  .category .baskets .basket:hover .hover-title a {
    font-size: .1px;
    text-indent: -9999px;
    background: transparent;
  }
  .category .baskets .basket:hover img {
    opacity: 1;
  }
}
@media only screen and (max-width: 1060px) {
  .plugin-system-menu-block ul {
    overflow: visible !important;
  }
  div#block-system-breadcrumb-block--2 {
    padding-left: 2%;
  }
  .category .baskets {
    width: 100%;
    margin: auto;
  }
  .category .baskets .basket {
    min-width: 194px;
    position: relative;
  }
  .category .baskets .basket .hover-title a {
    position: unset;
  }
  .category .baskets .basket .hover-title .arrow {
    display: none;
  }
  .collage-page {
    display: block;
  }
  .row-4 h2 {
    font-size: 17px;
    position: relative;
    top: 5px;
  }
  a.next, .arrowNext, .arrow-next {
    right: 0px;
  }
  .layout__region.layout__region--first {
    width: 100%;
  }
  .layout__region.layout__region--first .field-image img {
    width: 80%;
    height: auto;
  }
  div#block-system-breadcrumb-block--2 {
    margin-left: 50px;
  }
  header {
    margin-bottom: 45px;
  }
  .field-image-caption {
    margin-left: 40px;
  }
  .layout__region.layout__region--second {
    margin-left: 20px;
  }
  .layout__region.layout__region--bottom {
    margin-top: 25px;
    text-align: center;
  }
  a.logo {
    margin: auto;
    /* width: 100%; */
    float: none;
    margin-top: 50px;
  }
  main.hero {
    margin: 150px auto;
  }
  .hero div#block-page-title-block--2 {
    display: none;
  }
  .hero h2 {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 44px;
    /* or 110% */
    text-align: center;
    width: 310px;
  }
  .hero h3 {
    width: 324px;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    margin-top: 40px;
  }
  .video a {
    bottom: 0px;
  }
  header a.icon_button, header nav[role="navigation"] ul li a {
    text-indent: -999999px;
    padding: 0px;
    width: 40px;
    height: 40px;
    margin-right: 17px;
  }
  a.logo {
    margin-left: 45px;
    margin-top: 10px
  }
  footer {
    clear: both
  }
  .featured.column a img, .row-1 a img {
    text-align: center;
    width: 100%;
    height: auto;
    margin: auto;
    max-width: 450px;
    position: relative;
    left: 50%;
    transform: translate(-50%);
  }
  .row-2 a img, .row-3 a img, .row-4 a img, .row-5 a img, .row-6 a img, .row-7 a img {
    width: 100%;
    height: 200px;
    object-fit: cover;
  }
  .video iframe.media-oembed-content {
    position: absolute;
    top: 0;
    left: 0;
  }
}

.views-field.views-field-field-image-caption {
  width: 540px;
  margin: auto;
}

.layout__region.layout__region--first img {
  /* width: auto; */
  /* object-fit: cover; */
  /* height: 100%; */
  /* width: 90%; */
  /* margin: auto; */
  position: relative;
  /* top: 50%; */
  left: 47%;
  transform: translate(-50%);
  margin-bottom: 10px;
  width: 500px;
  height: 500px;
  object-fit: cover;
  margin-top: 20px;
}

.layout__region.layout__region--first {
  position: relative;
}

.field-creator {
  font-size: 18px;
  color: white;
  font-weight: normal;
  margin-bottom: 15px;
}

.field-creator div a {
  font-size: 18px;
}

.field-creator div {
  display: inline-block;
}

.field-creator a {
  color: #AD5E22;
  font-size: 32px;
  line-height: 42px;
  margin-top: 5px;
  margin-bottom: 0px;
  text-decoration: none;
}

.layout__region.layout__region--second .body {
  line-height: 24px;
  font-size: 18px;
  margin-bottom: 30px;
}

.field-content div#block-system-breadcrumb-block--2 {
  display: block;
  max-width: 1060px;
  margin: 0 auto 27px auto;
  padding-bottom: 20px;
  padding-top: 15px;
}

/* COLORBOX */

div#colorbox {
  margin: auto;
  background-color: #000000;
  padding-left: 20px;
  padding-bottom: 20px;
  border-radius: 3px;
}

div#cboxWrapper {
  max-width: 100vw;
  max-height: 100vh;
}

div#cboxContent {
  max-width: 100vw;
  max-height: 100vh;
}

div#cboxLoadedContent {
  max-width: 100vw;
  max-height: 100vh;
  background-color: #000000;
  padding: 20px 20px 20px 30px;
}

img.cboxPhoto {
  max-width: 100%;
  max-height: 100%;
  object-fit: scale-down;
  margin: auto;
  position: relative;
}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose, button#cboxClose {
    /*! background-image:unset; */
    text-indent:-999px;
 background-color:#fff;
 border-radius:200px;
 /*! width:20px; */
 color:#ad5e22;
 font-weight:400;
 font-size:18px;
 /*! height:20px; */
 right:10px;
 font-weight:700;
 color:#000;
 /*! background-position: 10px; */
}

div#cboxOverlay {
  background-color: black;
}

.block-eva .field-content p {
  margin-bottom: -15px;
}

.block-eva .field-content {
  font-size: 14px;
}

.block-eva .field-content p:first-child {
  font-size: 16px;
  font-weight: 700;
}

.layout__region.layout__region--bottom h2.title {
  font-size: 32px;
  line-height: 39px;
  margin-top: 75px;
  clear: both;
  width: 100%;
  font-weight: normal;
}

.mobile-basket-label {
  display: none;
}

@media only screen and (max-width:1060px) {
  .layout__region.layout__region--bottom h2.title {
    text-align: left;
  }
  div#block-system-breadcrumb-block--2 {
    width: fit-content;
  }
  .baskets {
    width: fit-content;
    margin: auto;
  }
  .basket {
    flex: 0 1 48% !important;
    min-height: unset !important;
    max-height: unset !important;
    overflow: hidden;
  }
  .basket img {
    position: static;
    transform: unset !important;
  }
  .mobile-basket-label {
    display: block;
    padding: 30px;
  }
  .mobile-basket-label a {
    display: block;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    color: white;
    text-decoration: none;
  }
  
  div#block-system-breadcrumb-block--2 {
    width: fit-content;
  }
}

@media only screen and (max-width:500px) {
  .basket {
    flex: 0 1 46% !important;
    min-width: unset !important;
  }
}

.layout__region.layout__region--first img {
  background: black;
}

.layout__region--second .block-eva.explore-connections .basket {
  color: #AD5E22;
}

/* .layout__region.layout__region--first img:hover {
  transform: scale(1.5) translate(0,50px);
  transition: 1s;
  left: 100px;
  z-index: 1000;
} 
.layout__region.layout__region--first img {
  transition: 1s;
} */

.field-image-caption p {
  width: 70%;
  margin: auto;
}

/* EXPLORE CONNECTIONS BASKETS */

.layout__region.layout__region--bottom .explore-connections .basket a {
  opacity: 0;
  transition: .5s;
  display: block;
  position: absolute;
  width: 200px;
  height: 240px;
  text-decoration: none;
  text-align: center;
  display: flex !important;
  align-items: center;
  justify-content: center;
  top: 0px;
  background: #393533;
}

.layout__region.layout__region--bottom .explore-connections .basket:hover a {
  opacity: 1;
}

.layout__region.layout__region--bottom .explore-connections {
  width: 100%;
  overflow: hidden;
}

.layout__region.layout__region--bottom .explore-connections .content {
  /*display: flex;
  flex-direction: row;*/
  width: 100%;
  height: 240px;
  overflow-x: hidden;
  /*position:relative;*/
}

@media only screen and (max-width: 1060px) {
  .layout__region.layout__region--bottom .explore-connections .content {
    /* flex-direction: column; */
    height: fit-content;
    margin: auto;
  }
  .layout__region.layout__region--bottom .explore-connections .content .basket {
    margin-bottom: 20px;
  }
}

.layout__region.layout__region--bottom .explore-connections .basket a {
  opacity: 0;
  transition: .5s;
  display: block;
  position: absolute;
  height: 240px;
  text-decoration: none;
  text-align: center;
  display: flex !important;
  /*CSS3*/
  align-items: center;
  /*Vertical align*/
  justify-content: center;
  /*horizontal align*/
}

.layout__region.layout__region--bottom .explore-connections .basket:hover a {
  position: absolute;
  width: 200px;
  height: 240px;
  background: #393533;
  transition: .5s;
  opacity: 1;
}

@media only screen and (max-width: 1060px) {
  .basket img {
    position: static;
    transform: unset !important;
    max-width: 100%;
  }
  .mobile-basket-label a {
    padding: 0px !important;
  }
  .basket {
    flex: 0 1 48% !important;
    min-height: unset !important;
    max-height: unset !important;
    overflow: hidden;
  }
}

@media only screen and (max-width: 768px) {
  .category .baskets .basket .hover-title {
    height: 0px;
    position: absolute;
    background: transparent;
  }
  .category .baskets .basket .hover-title a,  .category .baskets .basket:hover .hover-title a{
    transform: translate(-15px,-107%);
    opacity: 1;
    font-size: .1px;
    text-indent: -99999px;
    background: transparent;
  }
  .category .baskets .basket:hover img {
    opacity: 1;
  }
}

.mobile-basket-label a {
  display: block;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 20px;
  color: white;
  text-decoration: none;
  padding: 30px;
}

@media only screen and (max-width: 500px) {
  .basket {
    flex: 0 1 46% !important;
    min-width: unset !important;
  }
}

@media only screen and (max-width:1190px) {
  .layout--twocol>.layout__region--first, .layout--twocol>.layout__region--second {
    flex: 0 1 40%;
  }
}

@media only screen and (max-width:970px) {
  .layout--twocol>.layout__region--first, .layout--twocol>.layout__region--second {
    flex: 0 1 100%;
  }
}

@media only screen and (max-width:775px) {
  .layout--twocol>.layout__region--first, .layout--twocol>.layout__region--second {
    flex: 0 1 100%;
  }
}
.doom-init {
  opacity: 0;
  transition: .5s;
}
.doom-loaded {
  opacity: 1;
  transition: .5s;
}

@media only screen and (max-width:768px) {.doom-frame {
  left: 80px;
}
}
#block-views-blockcollections-block-1 .field-content p:nth-child(2) {
  display: none;
}
@media only screen and (max-width:768px) {
  .layout__region.layout__region--bottom .explore-connections .basket a {
    bottom: 9px;
    top: unset;
    opacity: 1;
    opacity: 70%;
  }
}