/* body,
.ui.header,
.ui.grid,
.ui.segment,
.ui.segment.card,
.ui.fluid {
  background: black;
  color: silver;
} */
body {
  margin: 0px !important;
  height: calc(100% - 250px) !important; 
}

.main {
  min-height: 100%;
  padding-bottom: 40px;
  /* height: calc(100% - 150px) !important;  */
  box-sizing: border-box;
}

.ui.text.container {
  max-width: 1000px !important;
  line-height: 1.5;
  font-size: 1.14285714rem;
}

.ui.menu .item img.logo {
  margin-right: 1em;
}

.main.container {
  margin-top:4em;
}

.wireframe {
  margin-top: 2em;
}

.ui.footer.segment {
  margin: 5em 0em 0em;
  padding: 5em 0em;
}

.ui[class*="very wide"].left.sidebar {
  width: 66%;
}

.ui.card>.content.header1 {
  /* color: darkblue; */
  text-align: center;
  /* background: rgb(240, 240, 255) !important; */
}
.ui.card>.content.header1:hover {
  background: gold;
  
  /* background: rgb(240, 240, 255) !important; */
}
.ui.card>.content.header2 {
  background: rgb(200, 200, 252) !important;
}

::-moz-selection {
  /* Code for Firefox */
  color: black !important;
  background: gold !important;
}

::selection {
  color: black !important;
  background: gold !important;
}







/* image/text SWAP relevant styles */
.img__img {
  text-align: center;
  height: 315px;
  width: 315px;
  overflow: hidden;
}

.img__wrap {
  position: relative;
  text-align: center;
  height: 315px;
  width: 315px;
  overflow: hidden;
}

.img__description {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.95);
  /* color: automat; */
  visibility: hidden;
  opacity: 0;

  /* transition effect. not necessary */
  transition: opacity .2s, visibility .2s;
  
}

.img__wrap:hover .img__description {
  visibility: visible;
  opacity: 1;
}