/**
* Mixins for positions
* --------------------
*/
/**
* Mixins for sizes* ----------------
*/
/**
* Mixins for colors
* -----------------
*/
/**
* Colors mixins for elements
* --------------------------
*/
/**
* Responsive images
* -----------------
*/
/**
* Mixins for flex display
* -----------------------
*/
/* line 4, /home/ivandhalluin/Documents/live/app/assets/stylesheets/gallery_photo.css.scss */
.photo--wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: calc(100vh - 120px);
}

/* line 9, /home/ivandhalluin/Documents/live/app/assets/stylesheets/gallery_photo.css.scss */
img {
  max-width: calc(100vw - 50px);
  max-height: calc(100vh - 130px);
  margin: auto;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

/* line 16, /home/ivandhalluin/Documents/live/app/assets/stylesheets/gallery_photo.css.scss */
video {
  max-width: 800px;
  margin: auto;
}

/* line 21, /home/ivandhalluin/Documents/live/app/assets/stylesheets/gallery_photo.css.scss */
.photo--actions {
  position: absolute;
  bottom: 10px;
  left: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
/* line 28, /home/ivandhalluin/Documents/live/app/assets/stylesheets/gallery_photo.css.scss */
.photo--actions > * {
  display: block;
  margin: 10px;
  font-size: 12px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
/* line 35, /home/ivandhalluin/Documents/live/app/assets/stylesheets/gallery_photo.css.scss */
.photo--actions .label {
  height: 50px;
  width: 50px;
  color: white;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
  flex-direction: column;
  line-height: 26px;
  cursor: pointer;
}
/* line 48, /home/ivandhalluin/Documents/live/app/assets/stylesheets/gallery_photo.css.scss */
.photo--actions .label svg {
  fill: white;
  height: 70%;
  width: 70%;
  transition: all 0.2s ease-in-out;
}
/* line 55, /home/ivandhalluin/Documents/live/app/assets/stylesheets/gallery_photo.css.scss */
.photo--actions .download {
  background-color: #909090;
}
/* line 58, /home/ivandhalluin/Documents/live/app/assets/stylesheets/gallery_photo.css.scss */
.photo--actions .twitter {
  background-color: #1b95e0;
}
/* line 61, /home/ivandhalluin/Documents/live/app/assets/stylesheets/gallery_photo.css.scss */
.photo--actions .facebook {
  background-color: #3b55a0;
}
/* line 64, /home/ivandhalluin/Documents/live/app/assets/stylesheets/gallery_photo.css.scss */
.photo--actions .instagram {
  background-color: #f64e4d;
}
/* line 67, /home/ivandhalluin/Documents/live/app/assets/stylesheets/gallery_photo.css.scss */
.photo--actions .linkedin {
  background-color: #2b78b5;
}
