@import url("//fonts.googleapis.com/css?family=Convergence");

/** 5.0.9.P4 **/

/** 5.0.9.P4 **/

/** 5.0.9.P4 **/

/** 5.0.9.P4 **/

/* Image Related

oooooooooooooooooooooooooooooooooooooooooooooooooo */

/* General

-------------------------------------------------- */

/* line 15, image.scss */

.media_object.image FIGURE.image .media_object_content IMG.mainImage {

  max-width: 100%;

  width: 100%;
 /* margin-bottom: 12px;*/
  margin-bottom: 2px; }

  /* line 21, image.scss */

  .media_object.image FIGURE.image .media_object_content IMG.mainImage.mainImage.clickable {

    cursor: pointer; }

/* line 33, image.scss */

.media_object.image FIGURE.image > h2.title {

  font-family: "Cabin", "Verdana", "Arial", sans-serif;

  font-size: 14px;

  font-style: normal;

  font-weight: bold;

  line-height: 1.2em;

  text-decoration: none;

  color: #4b4b4b;

  margin-bottom: 8px;

  text-align: left; }

/* line 36, image.scss */

.media_object.image FIGURE.image > H4 {

  clear: left; }

/* line 40, image.scss */

.media_object.image FIGURE.image .icon {

  font-size: 0px;

  margin-left: 10px;

  float: right; cursor:pointer;}

  /* line 41, image.scss */

  .media_object.image FIGURE.image .icon.enlarge {

    background-image: url("..//global/images/course_connect_icons_new.png");

    background-image: url("..//global/images/course_connect_icons_new.svg");

    background-position: -999px -999px;

    background-size: 320px 384px;

    background-repeat: no-repeat;

    width: 32px;

    height: 32px;

    background-position: 0px -256px; }

    /* line 43, image.scss */

    .media_object.image FIGURE.image .icon.enlarge:hover {

      background-image: url("..//global/images/course_connect_icons_new.png");

      background-image: url("..//global/images/course_connect_icons_new.svg");

      background-position: -999px -999px;

      background-size: 320px 384px;

      background-repeat: no-repeat;

      width: 32px;

      height: 32px;

      background-position: 0px -288px; }

  /* line 47, image.scss */

  .media_object.image FIGURE.image .icon.external {

    background-image: url("..//global/images/course_connect_icons_new.png");

    background-image: url("..//global/images/course_connect_icons_new.svg");

    background-position: -999px -999px;

    background-size: 320px 384px;

    background-repeat: no-repeat;

    width: 32px;

    height: 32px;

    background-position: -32px -256px; }

    /* line 49, image.scss */

    .media_object.image FIGURE.image .icon.external:hover {

      background-image: url("..//global/images/course_connect_icons_new.png");

      background-image: url("..//global/images/course_connect_icons_new.svg");

      background-position: -999px -999px;

      background-size: 320px 384px;

      background-repeat: no-repeat;

      width: 32px;

      height: 32px;

      background-position: -32px -288px; }

@media screen and (max-width: 768px) {

  /* line 63, image.scss */

  .media_object.image FIGURE.image.primary_media .media_object_content IMG.mainImage {

    width: auto;

    max-height: 300px; } }

/* line 71, image.scss */

.media_object.image FIGCAPTION.caption, .media_object.image .instruction_icon_container {

  float: left;

  clear: left; }

/* line 75, image.scss */

.media_object.image FIGCAPTION.caption {

  margin-bottom: 10px; }

/* line 80, image.scss */

.media_object.image .instruction_icon_container {

  display: inline-block;

  position: relative;

  min-height: 32px;

  min-width: 32px;

  width: 100%; }

  /* line 90, image.scss */

  .media_object.image .instruction_icon_container:empty {

    display: none; }

/* line 95, image.scss */

.media_object.image .instruction_icon_container .instruction {

  display: block;

  padding-right: 36px; }

/* line 100, image.scss */

.media_object.image .instruction_icon_container .icon {

  position: absolute;

  display: block;

  right: 0; }

/* line 2, ../global/css/_common.scss */

.media_object.image::after {

  content: "";

  display: block;

  visibility: hidden;

  clear: both;

  width: 0;

  height: 0; }



/* Natural-width Constraints

-------------------------------------------------- */

@media screen and (max-width: 768px) {

  /* line 127, image.scss */

  FIGURE.image > .media_object_content > .instruction_icon_container,

  FIGURE.video > .media_object_content > .instruction_icon_container {

    width: auto; } }



/* line 137, image.scss */

SECTION[data-size="full"] .media_object.image FIGURE.image .media_object_content IMG.mainImage {

  width: auto; }

/* line 141, image.scss */

SECTION[data-size="full"] .media_object.image .instruction_icon_container {

  width: auto; }



/* Image Modal (image.js)

-------------------------------------------------- */

/* line 148, image.scss */

.large_image_wrapper {

  width: auto; }

  /* line 150, image.scss */

  .large_image_wrapper IMG {

    display: block;

    min-height: 1em;

    width: 100%;

    font-family: "Cabin", "Verdana", "Arial", sans-serif;

    font-size: 12px;

    font-style: italic;

    font-weight: normal;

    line-height: 1.2em;

    text-decoration: none;

    color: #4b4b4b;

    display: block;

    margin-bottom: 5px; }



/** 5.0.9.P4 **/