/**
 * @file
 * CSS for media.
 */




/**
 * ===== MEDIA =====
 */
div.media {}




/**
 * ===== VIEW MODES =====
 */


/* full */
div.media--view-mode-full {
  border: 2px solid red;
}


/* teaser */
div.media--view-mode-teaser {
  border: 2px solid yellow;
}




/**
 * ===== GLOBAL FIELDS =====
 */




/**/
div.media .field--name-name {}




/**
 * ===== GLOBAL GROUPS =====
 */

/**/
.field-group-link {}








/**
 * ===== ===== MEDIA ===== =====
 * media--type-MEDIA
 */
div.media--type-MEDIA {}




/**
 * MEDIA - FULL
 */
div.media--type-MEDIA.media--view-mode-full {}




/**
 * MEDIA - NODE TEASER
 */
div.media--type-MEDIA.media--view-mode-teaser {}