/* Using global sytles is not recommended, prefer local styles via CSS Modules */

/* http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html,
body {
  margin: 0;
  padding: 0;
}

html {
  font-size: 13px;
  min-height: 100%;
  background-color: #222;
}

body {
  color: #999;
  font-family: sans-serif;
}

/*
 * .phenomic-HeadingAnchor
 *
 * anchors for markdown headings, generated via markdown renderer, so require
 * global styling
 */

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
}

.phenomic-HeadingAnchor {
  display: inline-block;
  text-align: center;
  margin-left: -1.8rem;
  margin-right: 0.4rem;
  width: 1.4rem;
  line-height: 1.4rem;
  text-decoration: none;
  opacity: 0.1;
  transition: opacity 0.2s
}

h1:hover .phenomic-HeadingAnchor,
h2:hover .phenomic-HeadingAnchor,
h3:hover .phenomic-HeadingAnchor,
h4:hover .phenomic-HeadingAnchor,
h5:hover .phenomic-HeadingAnchor,
h6:hover .phenomic-HeadingAnchor {
  opacity: 1;
}
/**
 * You can try all official Highlight.js theme here
 *
 * https://highlightjs.org/static/demo/
 *
 * More themes here
 *
 * https://github.com/isagalaev/highlight.js/tree/master/src/styles
 */

/*

Atom One Dark by Daniel Gamage
Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax

base:    #282c34
mono-1:  #abb2bf
mono-2:  #818896
mono-3:  #5c6370
hue-1:   #56b6c2
hue-2:   #61aeee
hue-3:   #c678dd
hue-4:   #98c379
hue-5:   #e06c75
hue-5-2: #be5046
hue-6:   #d19a66
hue-6-2: #e6c07b

*/

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  color: #abb2bf;
  background: #282c34;
}

.hljs-comment,
.hljs-quote {
  color: #5c6370;
  font-style: italic;
}

.hljs-doctag,
.hljs-keyword,
.hljs-formula {
  color: #c678dd;
}

.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
  color: #e06c75;
}

.hljs-literal {
  color: #56b6c2;
}

.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta-string {
  color: #98c379;
}

.hljs-built_in,
.hljs-class .hljs-title {
  color: #e6c07b;
}

.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
  color: #d19a66;
}

.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
  color: #61aeee;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-link {
  text-decoration: underline;
}
._2Mf6m {
  min-height: 100vh;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
._2gGRo {
  color: #444;
  width: 100%;
  padding: 1.6rem 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
}

.Ezg15,
._2LmJP {
  text-decoration: none;
  transition: color 1s ease-in-out;
  color: inherit
}

.Ezg15:hover,
  .Ezg15:focus,
  ._2LmJP:hover,
  ._2LmJP:focus {
  color: orange;
}

._2LmJP {
  font-family: serif;
  font-size: 2.1rem;
  font-weight: 400;
  padding: 0.3em 0.2em 0.3em 0.6em;
  letter-spacing: 0.4em;
  border: 1px solid #444;
  transition:
    color 1s ease-in-out,
    border-color 1s ease-in-out;
  line-height: 1
}

._2LmJP:hover,
  ._2LmJP:focus {
  transition: color 4s ease-out,
      border-color 4s ease-out;
  border-color: orange;
}

._3mcZ5 {
  font: inherit;
  margin: 0;
  padding: 0;
}

._2frUm {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1.6em;
}

.Ezg15 {
  font-size: 0.8em;
  padding: 0.1em 2em;
  letter-spacing: 0.3em;
}
._116Tm {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.PostPreview {
}
.PostPreview .sunshadow-main-poster {
    height: 44vh;
    background-size: cover;
    background-position: center 99%
}
@media (min-width: 960px) and (min-height: 560px) {
    .PostPreview .sunshadow-main-poster {
        height: 50vh
    }
}
.PostPreview .india-beyond-gallery-main {
    height: 44vh;
    background-size: cover;
    background-position: right center;
    background-color: black
}
@media (min-width: 960px) and (min-height: 560px) {
    .PostPreview .india-beyond-gallery-main {
        height: 50vh
    }
}
._1KhX5 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 25vh;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

._3i5XI {
  height: 5vh;
  min-height: 5rem;
  width: 5vh;
  min-width: 5rem;
  border: 6px solid rgba(0, 0, 0, 0.2);
  border-top-color: rgba(0, 0, 0, 0.8);
  border-radius: 100%;
  -webkit-animation: _3H5Gy 0.6s infinite linear 0.25s;
          animation: _3H5Gy 0.6s infinite linear 0.25s;

  /* the opacity is used to lazyload the spinner, see animation delay */
  opacity: 0;
}

@-webkit-keyframes _3H5Gy {
  from {
    opacity: 1;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }

  to {
    opacity: 1;
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes _3H5Gy {
  from {
    opacity: 1;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }

  to {
    opacity: 1;
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
.sFWsg {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 1rem;
}
._1Zu4s {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 50vh;
  padding: 1rem 0;
}

._3DufC {
  margin: 4rem 0;
  font-size: 1.4rem;
  text-align: center;
}

._3TYMh {
  color: inherit;
}
._3OPFI {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1em;
  background-color: #111;
}
.Tui37 {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

._2EqKz {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
._22lm4 {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.Z8dWx {
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
._19-qS {
  width: 100%;
  cursor: pointer
}

._19-qS > img {
  display: block;
  max-width: 100%;
  margin: 0 auto
}

.ril-toolbar,
.ril-caption,
.ril-next-button,
.ril-prev-button {
  background-color: transparent;
  z-index: 4 !important;
}

.ril-next-button,
.ril-prev-button {
  -webkit-transform: scale(0.8);
          transform: scale(0.8)
}

.ril-next-button:focus,
  .ril-next-button:active,
  .ril-prev-button:focus,
  .ril-prev-button:active {
  outline: none
}

.ril-caption,
.ril-caption-content {
  width: 100%;
  text-align: center;
}

.ril-zoom-in,
.ril-zoom-out {
  display: none;
}

// ios 8 compat

.ril-image-next,
.ril-image-prev,
.ril-image-current {
  display: block;
}

.ril-image-next,
.ril-image-prev {
  z-index: 0 !important;
  opacity: 0 !important;
}

.ril-image-current {
  z-index: 2 !important;
}
._378dz {
  color: white;
  text-decoration: none
}

._378dz h1 {
  font-size: 1em;
  font-weight: 400;
  color: inherit;
  margin: 0 0 1em
}

.XLQM5 {
  color: inherit;
  text-decoration: none;
  display: block;
  text-align: justify
}

.XLQM5 a {
  color: inherit;
  text-decoration: underline
}

.XLQM5 img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto
}
._19rRJ {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.nm_eB {
  transition: color 0.4s ease-out;
  color: orange;
  font-size: 1.4em;
  text-decoration: none;
  cursor: pointer
}

.nm_eB:not(:last-child) {
  margin-right: 0.3em;
}

.nm_eB:hover {
  color: white;
}
._1-EAw {
  width: 100%;
  height: 100%;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.tWhsb {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  z-index: 1;
}

._3yMvm {
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  z-index: 2;
  padding-top: 1em;
  position: relative;
}

._2Ahmr {
  transition: all 0.4s ease-out;
  padding: 1em;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: orange;
  background-image: linear-gradient(
      to bottom,
      rgba(17, 17, 17, 0),
      rgb(17, 17, 17)
    )
}

._2Ahmr:hover {
  color: white;
}
._1MSza {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style: none;
  width: 100%;
  padding: 0;
  max-width: 122rem;
  margin: 0 auto;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

._1vuPY {
  width: 100%;
  height: 80vh;
  margin-bottom: 1rem
}

@media (min-width: 40rem) {

  ._1vuPY {
    width: calc(50% - 0.6rem);
  }
  }

@media (min-width: 60rem) {

  ._1vuPY {
    width: calc(33.33% - 0.6rem);
  }
  }
._1le0c {
  max-width: 54rem;
  margin: 0 auto;
}

.yqKMz {
  display: block;
  border: none;
  font: inherit;
  background-color: transparent;
  text-transform: uppercase;
  text-align: inherit;
  color: orange;
  padding: 1em;
  margin: 0;
  cursor: pointer;
  outline: none;
}

._3mRgE {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}