/*
Theme Name: Discover Magic City
Version: 1.0
Template: hello-elementor
*/

.interior-page-style h2 {
    color: #111;
    font-family: "Poppins", Sans-serif;
    font-weight: 600;
    font-size: 36px;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
    line-height: 1.3;
    margin-bottom: 0.3em;
}

.interior-page-style h3 {
    color: #111;
    font-family: "Poppins", Sans-serif;
    font-size: 24px;
  	font-weight: 600;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
    line-height: 1.3;
    margin-bottom: 0.3em;
}

.interior-page-style h4 {
    color: #1D4281;
    font-family: "Poppins", Sans-serif;
    font-size: 28px;
  	font-weight: 600;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
    line-height: 1.3;
    margin-bottom: 0.3em;
}

.interior-page-style ul li,
.interior-page-style ol li{
    color: #111;
  	font-family: "Outfit", Sans-serif;
    font-size: 17px;
  	font-weight: 400;
    line-height: 1.5;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
    margin-bottom: 0.5em;
}

.interior-page-style p {
    color: #111;
  	font-family: "Outfit", Sans-serif;
    font-size: 17px;
  	font-weight: 400;
    line-height: 1.5;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
    margin-bottom: 0.5em;
}

.interior-page-style img {
    display: block;
    margin: 32px auto;
    min-width: 100%;
    max-height: 350px;
    border-radius: 4px;
    object-fit: cover;
    object-position: center center;
} 

.interior-page-style .interior-btn {
    color: #fff;
    background: #111;
    padding: 8px 16px;
    border-radius: 4px;
    display: inline-block;
    margin: 12px 0;
}

/* hiding home header */
div.page-header{
	display: none;
}

@media(max-width:767px){
  .interior-page-style h1 {
      font-size: 29px !important;
      line-height: 1.3;
	}
  
  .interior-page-style h2 {
      font-size: 26px !important;
      line-height: 1.3;
	}
  
  .interior-page-style h3 {
      font-size: 22px !important;
      line-height: 1.3;
	}
  
  .interior-page-style h4 {
      font-size: 20px !important;
      line-height: 1.3;
	}

  .interior-page-style h5 {
      font-size: 18px !important;
      line-height: 1.3;
	}

  .interior-page-style h5 {
      font-size: 17px !important;
      line-height: 1.3;
	}
}

/*** 
	BLOG
***/

/* table of contents */
.blog__toc  .elementor-toc__header {
    padding: 8px;
}

.blog__toc  svg.e-fas-circle{
    max-width: 16px;
    min-width: 16px;
    position: relative;
    bottom: 2px;
}

.blog__toc  .elementor-toc__list-item-text-wrapper {
    align-items: baseline;
    display: flex;
}

/* blog tags */
.blog__tags span.elementor-post-info__terms-list a{
    display: inline-block;
    background-color: #eee;
    padding: 4px 12px;
    border-radius: 3px;
}

.blog__tags span.elementor-post-info__terms-list a:hover{
    background-color: #eeeeee70;
}

.blog__tags span * {
    color: inherit;
}

.blog__tags span.elementor-post-info__terms-list {
    color: transparent;
}

/* blog single content */
.blog__content h2 {
    color: #111;
    font-family: "Poppins", Sans-serif;
    font-weight: 600;
    font-size: 36px;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
    line-height: 1.3;
    margin: 24px 0 8px;
}

.blog__content h3 {
    color: #111;
    font-family: "Poppins", Sans-serif;
    font-size: 24px;
  	font-weight: 600;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
    line-height: 1.3;
    margin: 24px 0 8px 10px;
}

.blog__content h4 {
    color: #1D4281;
    font-family: "Poppins", Sans-serif;
    font-size: 28px;
  	font-weight: 600;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
    line-height: 1.3;
    margin-bottom: 0.3em;
}

.blog__content ul li,
.blog__content ol li{
    color: #111;
  	font-family: "Outfit", Sans-serif;
    font-size: 17px;
  	font-weight: 400;
    line-height: 1.5;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
    margin-bottom: 0.5em;
}

.blog__content p {
    color: #111;
  	font-family: "Outfit", Sans-serif;
    font-size: 17px;
  	font-weight: 400;
    line-height: 1.5;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
    margin-bottom: 0.5em;
}

.blog__content h3 + div {
    margin-left: 10px !important;
}

.blog__content img {
    display: block;
    margin: 32px auto;
    min-width: 100%;
    max-height: 350px;
    object-fit: cover;
    object-position: center center;
    border-radius: 4px;
} 

.blog__content em{
    font-style: italic;
}

.blog__content strong {
    font-weight: bold;
}

.blog__content a:-webkit-any-link {
    cursor: pointer;
}

.blog__content a:hover {
    transition: all .2s ease;
    text-decoration: none;
}

.blog__content figcaption {
    font-size: 12px !important;
    text-align: center;
    display: none;
}