/* line 15, ../etfcircle-static/static/scss/variables.scss */
:root {
  --color-primary: #002F58;
  --color-blue-2: #00549D;
  --color-secondary: #fe6d73;
  --color-tertiary: #F7CC83;
  --color-text: #70778b;
  --color-heading: $color-primary;
  --color-golden-1: $color-tertiary;
  --color-golden-2: #FFAF26;
  --color-border: #e7e7ed;
  --font-size-section-heading: 34px; }

/* 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: 90px;
  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); }

/* line 50, ../etfcircle-static/static/media/scss/medias.scss */
.media-wrapper {
  border: 1px solid var(--color-border);
  position: relative;
  padding-bottom: 40px;
  border-radius: 5px; }

/* line 57, ../etfcircle-static/static/media/scss/medias.scss */
.media-card-bottom {
  border-top: 1px solid #f3f3f6;
  padding-top: 10px;
  padding-bottom: 10px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; }

/* line 67, ../etfcircle-static/static/media/scss/medias.scss */
.media-img-wrapper {
  padding-top: 56.25%;
  position: relative;
  width: 100%; }

/* line 73, ../etfcircle-static/static/media/scss/medias.scss */
.media-img-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.2s all ease-in;
  border-radius: 5px; }

/* line 84, ../etfcircle-static/static/media/scss/medias.scss */
.media-img-wrapper:hover img {
  filter: brightness(0.75); }

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