/* line 12, ../etfcircle-static/static/scss/variables.scss */
:root {
  --color-primary: #002e5a;
  --color-secondary: #fe6d73;
  --color-tertiary: #fde21c; }

/* line 4, ../etfcircle-static/static/media/scss/medias.scss */
.medias-container .media-wrapper {
  text-decoration: none;
  width: 100%; }
  /* line 9, ../etfcircle-static/static/media/scss/medias.scss */
  .medias-container .media-wrapper:hover .media-title {
    color: #fe6d73 !important; }

/* line 15, ../etfcircle-static/static/media/scss/medias.scss */
.medias-container .youtube-video {
  padding-top: calc(56.25%);
  position: relative;
  width: 100%; }
  /* line 20, ../etfcircle-static/static/media/scss/medias.scss */
  .medias-container .youtube-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* line 29, ../etfcircle-static/static/media/scss/medias.scss */
.medias-container .media-details {
  min-height: 120px;
  padding: 12px;
  width: 100%; }

/* line 36, ../etfcircle-static/static/media/scss/medias.scss */
.medias-container .large .youtube-video {
  padding-top: calc(56.25% / 2);
  position: relative;
  width: 50%; }

/* line 42, ../etfcircle-static/static/media/scss/medias.scss */
.medias-container .large .media-details {
  margin-left: 10px;
  padding: 16px;
  width: calc(50% - 10px); }

@media screen and (max-width: 767px) {
  /* line 52, ../etfcircle-static/static/media/scss/medias.scss */
  .large .media-wrapper {
    flex-direction: column; }
    /* line 55, ../etfcircle-static/static/media/scss/medias.scss */
    .large .media-wrapper .youtube-video {
      padding-top: calc(56.25%);
      width: 100%; }
    /* line 60, ../etfcircle-static/static/media/scss/medias.scss */
    .large .media-wrapper .media-details {
      margin-left: 0;
      width: 100%; } }