/*#region Base */
.job-widget
{
  overflow: auto;
  width: 100%;
  line-height: normal;
}

  .job-widget .job-widget-inner
  {
    width: 100%;
  }

  .job-widget .job-widget-row
  {
    position: relative;
    overflow: hidden;
    cursor: pointer;
  }

  .job-widget .job-widget-link
  {
    text-decoration: none;
  }

  .job-widget .job-widget-logo, .job-widget .job-widget-title, .job-widget .job-widget-employer, .job-widget .job-widget-location, .job-widget .job-widget-views, .job-widget .job-widget-date, .job-widget .job-widget-snippet
  {
    line-height: normal;
  }
  /*#endregion */

  /*#region stacked-1 */
  .job-widget.stacked-1
  {
    display: flex;
    flex-direction: column;
  }

.stacked-1 .job-widget-row
{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

  .stacked-1 .job-widget-row:not(:last-child)
  {
    border-bottom: 1px solid #cccccc;
  }

.stacked-1 .job-widget-employer, .stacked-1 .job-widget-location, .stacked-1 .job-widget-views, .stacked-1 .job-widget-date
{
  flex-shrink: 1;
  margin: 0 5px 5px 10px;
}

.stacked-1 .job-widget-employer, .stacked-1 .job-widget-location, .stacked-1 .job-widget-views, .stacked-1 .job-widget-date
{
  margin-right: 0;
}

.stacked-1 .job-widget-title
{
  flex: 1 100%;
  margin: 0 0 5px 10px;
}

.stacked-1 .job-widget-views
{
  flex-shrink: 1;
  margin: 0 5px 5px 10px;
  margin-right: 0;
}

  .stacked-1 .job-widget-views:before
  {
    display: inline-block;
    content: "Views: ";
    margin: 0 5px 5px 5px;
  }

.stacked-1 .job-widget-snippet
{
  flex: 1 100%;
  margin: 0 0 5px 10px;
  font-size: 90%;
}

.stacked-1 .job-widget-title
{
  font-size: 110%;
}

  .stacked-1 .job-widget-title:first-child
  {
    margin-top: 5px;
  }

.stacked-1 .job-widget-logo
{
  margin: 5px 0 5px 10px;
  height: 56px;
  align-content: center;
  vertical-align: middle;
  position: relative;
}

  .stacked-1 .job-widget-logo img
  {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 150px;
    max-height: 56px;
  }

.stacked-1 .job-widget-separator:after
{
  display: inline-block;
  content: "-";
  margin: 0 -5px 5px 5px;
}
/*#endregion */

/*#region columns-1 */
.job-widget.columns-1
{
  display: flex;
  flex-direction: column;
}

  .job-widget.columns-1 .job-widget-row
  {
    display: flex;
    flex-direction: row;
  }

    .job-widget.columns-1 .job-widget-row:not(:last-child)
    {
      border-bottom: 1px solid #cccccc;
    }

  .job-widget.columns-1 .job-widget-title,
  .job-widget.columns-1 .job-widget-employer,
  .job-widget.columns-1 .job-widget-logo,
  .job-widget.columns-1 .job-widget-date,
  .job-widget.columns-1 .job-widget-views,
  .job-widget.columns-1 .job-widget-location,
  .job-widget.columns-1 .job-widget-snippet
  {
    display: flex;
    vertical-align: middle;
    position: relative;
    padding: 10px 6px;
    align-items: center;
    flex: 1;
  }

  .job-widget.columns-1 .job-widget-title
  {
    flex: 4;
  }

  .job-widget.columns-1 .job-widget-snippet
  {
    flex: 4;
  }

  .job-widget.columns-1 .job-widget-logo
  {
    flex: 2;
    justify-content: center;
  }

    .job-widget.columns-1 .job-widget-logo img
    {
      max-width: 150px;
      max-height: 60px;
    }
/*#endregion*/

/*#region columns-2 */
.job-widget.columns-2
{
  display: flex;
  flex-direction: column;
  letter-spacing: 0.01em;
}

  .job-widget.columns-2 .job-widget-row
  {
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
/*    box-shadow: #ddd 0px 4px 12px;*/
  }

  /*    .job-widget.columns-2 .job-widget-row:not(:last-child)
    {
      border-bottom: 1px solid #cccccc;
    }*/

  .job-widget.columns-2 .job-widget-logo
  {
    display: flex;
    vertical-align: middle;
    position: relative;
    padding: 10px 6px;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex: 1;
    border-left: 1px solid #999999;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
  }

  /*  .job-widget.columns-2 .job-widget-row:last-child .job-widget-logo
  {
    border-bottom: 1px solid #999999;
  }*/

  .job-widget.columns-2 .job-widget-info
  {
    display: block;
    flex-direction: column;
    padding: 20px;
    flex: 2;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
  }

  /*.job-widget.columns-2 .job-widget-row:last-child .job-widget-info
  {
    border-bottom: 1px solid #999999;
  }
*/

  /*  .job-widget.columns-2 .job-widget-title,
  .job-widget.columns-2 .job-widget-employer,
  .job-widget.columns-2 .job-widget-date,
  .job-widget.columns-2 .job-widget-views,
  .job-widget.columns-2 .job-widget-location,
  .job-widget.columns-2 .job-widget-snippet
  {

  }*/

  .job-widget.columns-2 .job-widget-title
  {
    font-size: 140%;
    font-weight: 600;
    margin-bottom: 8px;
  }

  .job-widget.columns-2 .job-widget-employer,
  .job-widget.columns-2 .job-widget-location,
  .job-widget.columns-2 .job-widget-date
  {
    display: inline-block;
    font-size: 90%;
    font-weight: 600;
    margin-bottom: 6px;
    /* border: 1px solid red;*/
  }

    .job-widget.columns-2 .job-widget-location::before,
    .job-widget.columns-2 .job-widget-date::before
    {
      content: '\2022\00A0\00A0';
      margin-left: 6px;
      font-size: 80%;
    }

  .job-widget.columns-2 .job-widget-snippet
  {
    line-height: 160%;
  }

    .job-widget.columns-2 .job-widget-snippet::after
    {
      content: "Read More";
      display: block;
      margin-top: 10px;
      text-transform: uppercase;
      letter-spacing: 3px;
    }


  .job-widget.columns-2 .job-widget-logo img
  {
    max-width: 200px;
    max-height: 120px;
  }
/*#endregion*/

/*#region Medallions 1 */

.job-widget.medallions-1
{
  display: block;
  text-align: center;
}

  .job-widget.medallions-1 .job-widget-row
  {
    display: inline-block;
    width: 240px;
    height: 200px;
    border: 1px solid #ccc;
    margin: 10px;
    padding: 5px;
    vertical-align: top;
  }

  .job-widget.medallions-1 .job-widget-logo
  {
    margin: 8px auto;
  }

    .job-widget.medallions-1 .job-widget-logo img
    {
      max-height: 54px;
      max-width: 90%;
    }

  .job-widget.medallions-1 .job-widget-title,
  .job-widget.medallions-1 .job-widget-employer,
  .job-widget.medallions-1 .job-widget-logo,
  .job-widget.medallions-1 .job-widget-date,
  .job-widget.medallions-1 .job-widget-views,
  .job-widget.medallions-1 .job-widget-location,
  .job-widget.medallions-1 .job-widget-description
  {
    display: block;
    text-align: center;
  }

  .job-widget.medallions-1 .job-widget-title
  {
    font-weight: bold;
  }
/*#endregion*/

/*#region stacked-2 */
.job-widget.stacked-2
{
  display: flex;
  flex-direction: column;
}

.stacked-2 .job-widget-row
{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

  .stacked-2 .job-widget-row:not(:last-child)
  {
    border-bottom: 1px solid #cccccc;
  }

.stacked-2 .job-widget-employer, .stacked-2 .job-widget-location, .stacked-2 .job-widget-views, .stacked-2 .job-widget-date
{
  flex-shrink: 1;
  margin: 5px 0 5px 10px;
}

.stacked-2 .job-widget-location, .stacked-2 .job-widget-views, .stacked-2 .job-widget-date
{
  margin-left: 0;
}

  .stacked-2 .job-widget-location:before, .stacked-2 .job-widget-views:before, .stacked-2 .job-widget-date:before
  {
    content: " - ";
  }

.stacked-2 .job-widget-location, .stacked-2 .job-widget-views, .stacked-2 .job-widget-date
{
  padding-left: 5px;
}

.stacked-2 .job-widget-logo
{
  margin: 5px 0 0 10px;
  flex: 20%;
}

.stacked-2 .job-widget-title
{
  flex: 78%;
  font-size: 110%;
  font-weight: bold;
  margin-left: 5px;
  /*margin: 5px 0 0 10px;*/
  align-self: center;
}

.stacked-2 .job-widget-snippet
{
  flex: 1 100%;
  font-size: 90%;
  margin: 5px 0 0 10px;
}

.stacked-2 .job-widget-logo img
{
  max-width: 180px;
  max-height: 70px;
}
/*#endregion */