/** CSS Transition
 *	Usage: @include transition(width,0.3s,ease-out);
 */
/** Rem Unit font sizes with relative fallback http:/seesparkbox.com/foundry/scss_rem_mixin_now_with_a_better_fallback  
 *	Usage: @include font-size(1, large);
 */
/*------------------------------------*\
    #VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/*
 * 1) Color variables involve a two-tier system to keep colors in sync. The
 *    first tier defines the brand and neutral colors, and the second tier
 *    defines the application of those colors.
 */
/*
 * Brand Colors
 * 1) Brand color variables use English names to define colors to make palettes easier to
 *    identify. Names are generated using this tool: http://chir.ag/projects/name-that-color/
 * 2) Brand color variables should typically not be used directly in Sass partials. Instead, use
 *    second-tier application colors.
 *
 */
/*
 * Neutral Colors@@@
 * 1) Neutral color variables use a numbered system to define variables for better maintainability.
 *    "$color-gray-10" means "10% gray", which is a gray closer to white than to black. For more info
 *    read https://medium.com/eightshapes-llc/color-in-design-systems-a1c80f65fa3#.brevrq67p
 */
/**
 * Utility Colors
 * 1) Utility colors are colors used to provide feedback, such as alert messages,
 * form validation, etc.
 */
/*
  * Text Colors
  * 1) These are non-linked text colors, such as body copy.
  */
/*
 * Heading Colors
 * 1) These are non-linked heading colors, such as h2, h3, etc.
 */
/*
 * Text Link Colors
 * 1) These are for linked text, such as a link found within an article,
 *    navigation link, footer link, etc.
 */
/*
 * Border Colors
 * 1) Border colors are used as decoration or dividers, such as as a seperator
 *    for navigation items, block borders, etc.
 */
/*
 * Form Colors
 * 1) Border colors are used as decoration or dividers, such as as a seperator
 *    for navigation items, block borders, etc.
 */
/*
 * Scrollbar Colors
 */
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/
/**
 * Spacing Defaults
 */
/*------------------------------------*\
    #BORDERS
\*------------------------------------*/
/**
 * Border Width
 */
/**
 * Border Radius
 */
/*------------------------------------*\
    #ANIMATION
\*------------------------------------*/
/**
 * Animation Duration
 */
/**
 * Animation Easing
 */
/*------------------------------------*\
    #BREAKPOINTS
\*------------------------------------*/
/**
 * Breakpoints
 */
/*------------------------------------*\
    #FONTS
\*------------------------------------*/
/**
 * Icon font variables
 */
.news-main-list .media-bg {
  width: 40vw;
}
@media (min-width: 48rem) {
  .news-main-list .media-bg {
    width: unset;
  }
}
.news-main-list .c-block-media {
  column-gap: 1rem;
}
@media (min-width: 48rem) {
  .news-main-list .c-block-media {
    column-gap: unset;
  }
}
.news-main-list .c-block-media__headline {
  font-size: 0.95rem;
  line-height: 1.15rem;
}
@media (min-width: 48rem) {
  .news-main-list .c-block-media__headline {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///D:/Projects/BoxOfficeTurkiye/web-application/boxofficeturkiye.com/Sass/abstracts/_mixins.scss%22,%22file:///D:/Projects/BoxOfficeTurkiye/web-application/boxofficeturkiye.com/Sass/abstracts/_variables.scss%22,%22file:///D:/Projects/BoxOfficeTurkiye/web-application/boxofficeturkiye.com/Sass/pages/news/index.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAcA;AAAA;AAAA;AAWA;AAAA;AAAA;ACzBA;AAAA;AAAA;AAQA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0DA;AAAA;AAAA;AAAA;AAAA;AAgCA;AAAA;AAAA;AAAA;AAOA;AAAA;AAAA;AAAA;AAOA;AAAA;AAAA;AAAA;AAAA;AAcA;AAAA;AAAA;AAAA;AAAA;AAOA;AAAA;AAAA;AAAA;AAAA;AAOA;AAAA;AAAA;AAMA;AAAA;AAAA;AAoBA;AAAA;AAAA;AAKA;AAAA;AAAA;AAqBA;AAAA;AAAA;AAIA;AAAA;AAAA;AAMA;AAAA;AAAA;AAWA;AAAA;AAAA;AAIA;AAAA;AAAA;AAMA;AAAA;AAAA;AAQA;AAAA;AAAA;AAIA;AAAA;AAAA;AAqBA;AAAA;AAAA;AAIA;AAAA;AAAA;ACtRI;EACI;;AFFA;EECJ;IAIQ;;;AAIR;EACI;;AFVA;EESJ;IAIQ;;;AAIR;EACI;EACA;;AFnBA;EEiBJ;IAKQ;IACA%22%7D */