/***************************/
/******* CONFIG VARS *******/
/* -COLORS.SCSS */
/* DEFAULT COLORS VARS */
/* THEME COLORS VARS */
/* _TEXT.SCSS */
/* Font Library */
/* FONT PER LE ICONE */
/******* CONFIG MIXIN ******/
/* _MIXIN.SCSS */
/***************************/
/* OSPITI.SCSS */
/** Single ospite page */
.wk-ospite-container {
  display: flex;
  flex-direction: column;
  width: 100%; }

.wk-ospite-columns {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 30px 0; }
  @media all and (min-width: 62.5em) {
    .wk-ospite-columns {
      flex-direction: row; } }

.wk-right-column-ospite, .wk-left-column-ospite {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0; }
  .wk-right-column-ospite p, .wk-left-column-ospite p {
    margin: 0; }
  .wk-right-column-ospite span a, .wk-left-column-ospite span a {
    text-decoration: none;
    color: #333333; }
    .wk-right-column-ospite span a:hover, .wk-left-column-ospite span a:hover {
      text-decoration: none;
      color: #333333; }
  @media all and (min-width: 62.5em) {
    .wk-right-column-ospite, .wk-left-column-ospite {
      flex-direction: column;
      width: 50%;
      align-self: stretch;
      padding: 0 20px; } }

.wk-icona {
  width: 20px;
  height: 20px;
  margin-right: 10px; }

.wk-immagine-ospite {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  padding-top: 100%;
  margin: 10px 0; }
  @media all and (min-width: 62.5em) {
    .wk-immagine-ospite {
      margin: 0 30px; } }

.wk-sottotitolo-ospite {
  margin: 10px 0; }

.wk-contatti-ospite {
  display: flex;
  flex-direction: column;
  margin-top: 20px; }
  .wk-contatti-ospite span {
    display: flex;
    flex-direction: row;
    align-items: center; }
  .wk-contatti-ospite .wk-link-social {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }
    @media all and (min-width: 62.5em) {
      .wk-contatti-ospite .wk-link-social {
        justify-content: flex-start; } }

/** Ospiti page layout */
.wk-ospiti {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%; }
  .wk-ospiti .wk-ospite {
    display: flex;
    flex-direction: column;
    width: calc(100% - 20px);
    align-self: stretch;
    margin: 10px; }
    @media all and (min-width: 48em) {
      .wk-ospiti .wk-ospite {
        width: calc(50% - 20px); } }
    @media all and (min-width: 62.5em) {
      .wk-ospiti .wk-ospite {
        width: calc(25% - 20px); } }
    .wk-ospiti .wk-ospite a {
      text-decoration: none;
      color: black; }
    .wk-ospiti .wk-ospite .wk-ospite-img {
      width: 100%;
      padding-top: 100%;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
    .wk-ospiti .wk-ospite .wk-ospite-nome {
      font-size: 1rem;
      font-weight: bold;
      margin: 20px 0;
      text-transform: uppercase;
      text-align: center; }
      @media all and (min-width: 48em) {
        .wk-ospiti .wk-ospite .wk-ospite-nome {
          text-align: left;
          font-size: 1.375rem;
          margin-bottom: 0; } }