/*
Theme Name: Mehdi Zare Music Base
Theme URI: https://www.mehdizaremusic.com
Author: Codex
Version: 2.0.0
Text Domain: mehdizaremusic-base
*/

body {
  direction: rtl;
  overflow-x: hidden;
}

.mz-wp-content {
  min-height: 50vh;
  max-width: 100%;
  overflow-x: hidden;
}

.elementor,
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap {
  max-width: 100%;
}

.elementor img,
.mz-wp-content img {
  max-width: 100%;
  height: auto;
}

.mz-theme-missing-template {
  padding: 20px;
  text-align: center;
  background: #fff3cd;
  color: #664d03;
}

body.header-fixed {
  background: #fff;
}

.interactive-slider-v2#mainVideo {
  position: relative;
  display: block;
  width: 100%;
  height: 100vh !important;
  min-height: 760px !important;
  max-height: 980px;
  overflow: hidden;
  background: #000;
}

.admin-bar .interactive-slider-v2#mainVideo {
  height: calc(100vh - 32px) !important;
}

.interactive-slider-v2#mainVideo .player {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.interactive-slider-v2#mainVideo #mainImg,
.interactive-slider-v2#mainVideo #bgMain {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.interactive-slider-v2#mainVideo #bgMain {
  z-index: 1;
}

.interactive-slider-v2#mainVideo #mainImg {
  z-index: 2;
  pointer-events: none;
}

.header-v2.header-sticky {
  z-index: 9999;
}

body:has(#mainVideo) .header-v2.header-sticky {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  background: transparent;
}

body.admin-bar:has(#mainVideo) .header-v2.header-sticky {
  top: 32px;
}

body:has(#mainVideo) #mainBody {
  padding-top: 0;
}

#uc_newsListDesignC {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}

#uc_newsListDesign .our-tours-list-wrapper {
  max-width: 370px;
  margin-left: auto;
  margin-right: auto;
}

#uc_newsListDesign .our-tours-list-img img,
#uc_newsListDesign img.img-reposnsive,
#uc_newsListDesign img.img-responsive {
  width: 100%;
  height: 240px;
  object-fit: cover;
}

#mainInstagram {
  min-height: 420px;
  padding-top: 70px;
  padding-bottom: 70px;
  text-align: center;
  background-color: #fff;
}

#mainInstagram .elfsight-app-cd1772f4-bbc4-4cec-9cf4-62eb6204a433 {
  display: block;
  min-height: 320px;
  width: 100%;
}

#mainInstagram a[href*="elfsight.com/instagram-feed-instashow"] {
  display: none !important;
}

@media (min-width: 992px) {
  #mainBody > .container > .row > .col-md-4.col-sm-6:has(.thumbnail-style) {
    width: 33.333333% !important;
    height: auto !important;
    min-height: 430px;
    float: right;
  }

  #mainBody .thumbnail-style {
    width: auto !important;
    max-width: 340px;
    min-height: 390px;
    margin: 0 auto 50px;
  }

  #mainBody .thumbnail-style img {
    width: 100%;
    height: 245px;
    object-fit: cover;
  }
}

.mz-dynamic-fallback {
  direction: rtl;
  text-align: right;
  padding-top: 70px;
  padding-bottom: 70px;
  min-height: 420px;
}

.mz-dynamic-fallback h1 {
  color: #19b9d2;
  font-size: 26px;
  line-height: 1.8;
  margin: 0 0 25px;
}

.mz-theme-footer-fallback {
  direction: ltr;
  padding: 18px 0;
  background: #222;
  color: #bbb;
  font-size: 13px;
}

.mz-theme-footer-fallback a {
  color: #18b9d2;
}

@media (max-width: 991px) {
  .interactive-slider-v2#mainVideo {
    height: 72vh !important;
    min-height: 460px !important;
    max-height: none;
  }

  .admin-bar .interactive-slider-v2#mainVideo {
    height: 72vh !important;
  }

  #uc_newsListDesign .our-tours-list-img img,
  #uc_newsListDesign img.img-reposnsive,
  #uc_newsListDesign img.img-responsive {
    height: 220px;
  }
}

@media (max-width: 480px) {
  body:has(#mainVideo) .header-v2.header-sticky {
    position: relative !important;
    top: 0 !important;
    min-height: 82px;
    background: #fff;
  }

  body:has(#mainVideo) .header-v2 .navbar {
    top: 4px;
  }

  body:has(#mainVideo) .header-v2 .navbar-toggle {
    margin-top: 8px;
  }

  body:has(#mainVideo) #mainBody {
    padding-top: 0 !important;
  }

  .interactive-slider-v2#mainVideo {
    height: 122px !important;
    min-height: 122px !important;
    max-height: 122px !important;
  }

  .interactive-slider-v2#mainVideo .player,
  .interactive-slider-v2#mainVideo #bgMain,
  .interactive-slider-v2#mainVideo #mainImg {
    height: 122px !important;
  }

  .interactive-slider-v2#mainVideo #mainImg {
    object-fit: cover;
    object-position: center center;
  }

  #uc_newsListDesign .our-tours-list-img img,
  #uc_newsListDesign img.img-reposnsive,
  #uc_newsListDesign img.img-responsive {
    height: 190px;
  }
}