/*
Theme Name: Loop Child theme
Description: Child theme of loop theme
Author: Filip Strelec
Template: loop
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: loop-child
*/
.anchor {
  transform: translateY(-100px);
}



body.error404 {
  transition: 0.6s all;
}


.site-footer{
  overflow: hidden;
}
.goto-snake{
  transition: 0.8s all;
 
  width: 34px;
  height: 34px;
  padding: 4px 0;
  display: flex;
  justify-content: right;
  align-items: center;
  background-repeat: no-repeat !important;
}

.goto-snake > img{
  width: max-content;
  height: 100%;
}

.snake-transform{
  position: absolute;
  pointer-events: none;
  opacity: 0 !important;
  transform:translateX(1000px);

}

@media only screen and (max-width: 1024px) {
  .snake-transform {
    opacity: 0 !important;
    transform:translateY(-1000px);

  }
  .goto-snake{
    justify-content: center;
    align-items: center;
  
  }

}





.goto-snake:hover {
  filter: drop-shadow(4px 4px 4px rgba(13, 179, 121, 0.87));
  transform: scale(1.3) rotate(20deg) !important;
}

.toggle-fruit:hover{
  filter:drop-shadow(4px 4px 4px rgba(193, 90, 0, 0.87)) hue-rotate(0deg);
  }

  .toggle-fruit{
    filter: hue-rotate(0deg);
    }
  



section.news.news--page.background--black {
  overflow: hidden;
}

@media only screen and (max-width: 1024px) {
  .anchor {
    transform: translateY(-10px);
  }
}

/* artistic animation css */

/* .category-artistic-animation  h3 > p {
  color: white;
  z-index: 999999999;
  position: absolute;
  text-align: center;
  top: 880px;
  max-width: 700px;
} */


.home .intro-content__text {
  display: flex;
  flex-direction: column;
  align-items: center;
}


@media only screen and (max-width: 500px) {
  .home .intro-content__text>h3 {
    background: rgba(50, 50, 50, 0.8);
    border-radius: 8px;
    padding: 10px;
  }
}



.home .intro-content__text h3 {
  font-weight: 500;
}

/* 
.category-artistic-animation .intro-content__text {
  height: 50px;
  background-color: black;
  width: 100%;
  margin: unset;
  max-width: unset;
  display: flex;
  justify-content: center;


}

.category-artistic-animation .intro-content__text>h3 {
  position: absolute;
  bottom: 110px;
  max-width: 700px;
  padding: 0 12px;
  color: #70c9be !important;
}

@media only screen and (min-width: 1220px) {
  .category-artistic-animation .intro-content__text>h3 {
    position: absolute;
    bottom: -106px;
    max-width: 700px;
    padding: 0 12px;

  }

  .category-artistic-animation .intro-content__text {
    height: 226px;
  }
}

 */






 .category-artistic-animation section.intro.background--black.modifier
 {
  background-position-x:center;
  background-size: 100%;
  background-position-y: 20%;
 }



.category-artistic-animation .header__menu::after,
.category-artistic-animation .header__menu::before {
  background: #70c9be;
}

.category-artistic-animation .header__menu {
  border-top: 3px solid #70c9be;
}

.intersecting.header__menu::after,
.intersecting.header__menu::before {
  background: #5f4c98;
}

.intersecting.header__menu {
  border-top-color: #5f4c98;
}






@media only screen and (max-width: 1800px) {
  .category-artistic-animation h1 {
    top: 8%;
  }
}



@media only screen and (max-width: 600px) {
  .category-artistic-animation h1 {
    bottom: 24%;
    font-size: 32px !important;
    top: 0px;
  }
}



.category-artistic-animation .intro-content__image h1::before {

  background: white !important
}



.header--active .nav:before {
  background-image: url(/wp-content/themes/loop-child/assets/header_background.jpg);
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;

}

.site>.intro {
  background-size: contain;
  background-position: right 100%;

}

.nav__menu ul li a {
  transition: 0.3s all;
}

.nav__menu ul li a:hover {
  transform: scale(1.1);
}

.nav__social li a:hover {
  opacity: 0.8;
}

.nav__menu ul li a::before {
  content: '_';
  position: absolute;
  left: -8px;
  bottom: 0px;
  height: 27px;
  width: 0;
  transform: rotate(-5deg) scaleX(2);
  background: transparent;
  transition: .5s ease;
}

.nav__menu ul li a:hover::before {
  -webkit-transform: scaleX(2) rotate(0);
  transform: rotate(0) scaleX(2);
}

.header--active .nav {
  background-color: #0e0037;
}

/* Hamburger opened */
.header--active .header__menu::before,
.header--active .header__menu::after {
  background: white;
}

@media only screen and (max-width: 1200px) {

  .intro-content__image h1,
  .category-artistic-animation h1 {
    font-size: 60px;
  }

  .intro-content__image h1::before {
    bottom: -20px;
    width: 50px;
  }
}


@media only screen and (max-width: 600px) {

  .intro-content__image h1,
  .category-artistic-animation h1 {
    font-size: 34px;
  }

  .intro-content__image h1::before {
    bottom: -20px;
    width: 50px;
  }
}

.contact-info {
  margin-bottom: 0px;
}

.button:before {
  z-index: 1;
}


/* form.wpcf7-form .button:hover:after {
  border: solid 7px #fff;
  } */

path {
  transition: 0.5s all;
}

.about-block__image.aos-init.aos-animate {
  transform: scaleX(-1.5) scaleY(1.5) !important;
}


@media only screen and (max-width: 1024px) {
  .about-block__image.aos-init.aos-animate {
    margin-top: 104px;
  }
}




.about-block__block>h2,
.about-block__block>p {
  color: rgb(235, 156, 63);
}


.about-block__block h2::before {

  background: rgb(235, 156, 63);
}

.about-block__block>a.button {
  color: rgb(235, 156, 63);
}

.about-block__block>a.button::before {
  border: solid 3px rgb(235, 156, 63);
}

body::-webkit-scrollbar {
  display: none;
}

body {
  scrollbar-width: none;
  overflow: auto;
  -ms-overflow-style: none;
  /* IE 11 */
}

body {
  overflow: -moz-scrollbars-none;
}

@-moz-document url-prefix() {

  /* Disable scrollbar Firefox */
  html {
    scrollbar-width: none;
  }
}

/* performances CSS ZA vise u red */


.category-performances .tags-container {
  color: white;
  display: flex;
  justify-content: space-around;
  padding: 42px 0;
  font-size: 32px;
  flex-direction: row;
  align-items: center;
}

.tag-picker{
  cursor: pointer;
}

.category-performances .single-post {

  display: none;

}

.category-performances .single-post.acts {

  display: block;

}

.category-performances .tag-picker {
  padding: 6px 0;
  transition: 0.3s all;
}

 .tag-picker:focus, .tag-picker, .tag-picker:active, .tags-container, .tags-container:focus, .tags-container:active {
  outline: none !important;
  -webkit-tap-highlight-color: transparent !important;
}


.category-performances .tag-picker:hover {
  transform: scale(1.05);
}

.category-performances .tag-picker.active {
  color: #70c9be;
}

.contact-img.contact-diana {
  right: 292px;
  bottom: -280px;
  height: 490px;
  /* z-index: -1; */
}

.contact-img.contact-alex {
  left: 360px;
  bottom: -180px;
}

.contact-img{
  position: absolute;
  bottom: 0px;
  height: 420px;
}

.post-content.background--black{
  position: relative;
  z-index: 9;
}
.page-intro.background--purple > .page-intro__inner {
  transform: translateY(-84px);
  width: max-content;
}
.page-intro.background--purple {
  position: relative;
}

.page-intro__inner {

  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 1024px) {
  .page-intro.background--purple > .page-intro__inner {
    transform: unset;
    width:100%
  }
  .page-intro.background--purple > .page-intro__inner > h2 {
z-index: 999;
  }

  .contact-img.contact-diana {
    display: none;
  }
  .contact-img.contact-alex {
    left: unset;
    right: 2%;
    bottom:-94px;

  }

}


.category-performances .news--page .center:not(.nav__inner),
.category-artistic-animation .news--page .center:not(.nav__inner) {
  display: flex;
  flex-wrap: wrap;
  margin: unset;
  width: 100%;
  gap: 2%;
  max-width: unset;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0px;
  padding-left: 12px;
  padding-right: 12px;
}

.category-performances .news--page,
.category-artistic-animation .news--page {
  padding-bottom: 64px;
}


.category-performances .single-post,
.category-artistic-animation .single-post {
  width: 32%;
  height: 600px;
  padding-bottom: 32px;
  transition: 0.3s all ease-in-out;
}

.category-performances .news h2,
.category-artistic-animation .news h2 {
  font-size: 30px;
  margin: unset;
}

.category-performances .single-post__content,
.category-artistic-animation .single-post__content {
  height: 100%;
}

.category-performances .single-post__right,
.category-artistic-animation .single-post__right {
  display: flex;
  flex-direction: column;
  padding: unset;
  padding-top: 34px;
  justify-content: space-between;
  height: 100%;
  width: 46%;
}

.category-performances .single-post__left,
.category-artistic-animation .single-post__left {
  height: 80%;
  width: 46%;
}


.category-performances .news .single-post__content,
.category-artistic-animation .news .single-post__content {
  display: flex;
}


.category-performances .single-post__left,
.category-artistic-animation .single-post__left {
  transform: scaleX(-1) !important;
}


.category-performances .single-post__left.aos-init.aos-animate,
.category-artistic-animation .single-post__left.aos-init.aos-animate {
  transform: scaleX(1) !important;
}



@media only screen and (max-width: 1360px) and (min-width: 1200px) {

  .category-performances .intro-content,
  .category-artistic-animation .intro-content {
    top: 35%;
  }
}


.category-performances .single-post:hover,
.category-artistic-animation .single-post:hover {
  transform: scale(1.02);
}


@media only screen and (max-width: 1400px) {

  .category-performances .news h2,
  .category-artistic-animation .news h2 {
    font-size: 26px;
  }

  .category-performances .news--page .center:not(.nav__inner),
  .category-artistic-animation .news--page .center:not(.nav__inner) {
    justify-content: center;
  }

  .category-performances .single-post,
  .category-artistic-animation .single-post {
    width: 48%;
  }

}

@media only screen and (max-width: 1030px) {

  .category-performances .news h2,
  .category-artistic-animation .news h2 {
    font-size: 24px;
  }

  .category-performances .single-post,
  .category-artistic-animation .single-post {
    width: 100%;
  }

}


@media only screen and (max-width: 520px) {

  .category-performances .button.button--black,
  .category-artistic-animation .button.button--black {
    align-self: end;
  }

}


@media only screen and (max-width: 840px) {
  .category-performances .tags-container {
    flex-direction: column;
    padding-top: unset;
    padding-bottom: 88px;
  }
}


@media only screen and (max-width: 480px) {

  .category-performances .news .single-post__content,
  .category-artistic-animation .news .single-post__content {
    display: flex;
    flex-direction: column;
  }

  .category-performances .news h2,
  .category-artistic-animation .news h2 {

    margin-bottom: 38px;
  }

  .category-performances .single-post__left,
  .category-artistic-animation .single-post__left {
    width: 94%;
  }

  .category-performances .single-post__right,
  .category-artistic-animation .single-post__right {
    width: 94%;
  }

  .category-performances .single-post,
  .category-artistic-animation .single-post {
    padding-bottom: unset;
    margin-bottom: unset;
    height: unset !important;
  }



}






.news>.center>.js-post-gallery.slick-initialized.slick-slider {
  padding-top: 50px;
}

.js-post-gallery .news .single-post__content {
  align-items: flex-start;
}

.js-post-gallery .single-post__content .single-post__left {
  margin-top: 80px;
  align-self: flex-start;
}

.news .single-post__right h2 {
  font-size: 34px;
}

@media only screen and (max-width: 1024px) {
  .news>.center>.js-post-gallery {
    padding-top: 0px;
    margin-top: -20px;
  }

  .news .single-post__right h2 {
    font-size: 32px;
  }

}

.site-footer__block ul li a:hover {
  opacity: 1;
}

input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

a:focus,
a:visited,
a:active {
  outline: none;
}

.what-we-do.background--black {
  background-size: 54%;
  background-position: 85% 106%;
  background-color: #70c9be;
  background-blend-mode: inherit;
}

@media only screen and (max-width: 1600px) {
  .what-we-do.background--black {
    background-size: 68%;

  }
}


@media only screen and (max-width: 1200px) {
  .what-we-do.background--black {
    background-size: auto;
  }
}



@media only screen and (min-width: 1024px) {
  .what-we-do ul li:nth-of-type(3) {
    transform: translateY(92%) translateX(-18%) !important;
  }

  .what-we-do ul li:first-of-type {
    transform: translateY(120px) !important;
  }

}


.what-we-do a {
  color: #5f4c98 !important;
}

.what-we-do h3::before {

  background: #5f4c98;
}

.what-we-do h3 {
  color: #5f4c98;

}

.what-we-do .center {
  background-position: 0px 124px;
}


.what-we-do .button:before {
  border: solid 3px #5f4c98;
}



@media only screen and (max-width: 600px) {
  .what-we-do.background--black {
    background-size: inherit;
    background-position-y: 104%;
    background-position-x: -2%;
  }

  .what-we-do ul {
    transform: translateY(40px);
  }

}


@media only screen and (max-width: 400px) {
  .what-we-do.background--black {
    background-size: inherit;
    background-position-y: 110%;
    background-position-x: 12%;
  }

  .what-we-do ul {
    transform: translateY(40px);
  }

}

.home .site {
  overflow-x: hidden !important;
}


main.site {
  overflow-x: visible !important;
}

.category-workshops main.site {
  overflow-x: hidden !important;

}

.client_img {
  max-width: 220px;
  background-size: contain;
  transition: 0.3s all !important;
  height: auto;
  padding: 12px 20px;
}




@media only screen and (max-width: 600px) {
  .what-we-do .center {
    background-position: 0px 0px;
    width: 74%;
    transform: translateY(-16px);
  }
}


@media only screen and (min-width: 600px) {
  .client_img {
    filter: grayscale(1);
    max-width: 190px;
  }

  .client_img:hover {
    filter: grayscale(0);
    transform: scale(1.05) !important;
  }
}






.our-clients-section {
  background: #5f4c98;
  padding-bottom: 120px;
}

.clients-row {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: center;
  padding: 32px 0;

}



.our-clients-text {
  margin: unset;
  text-align: center;
  margin-bottom: 80px;
  color: rgb(235, 156, 63);
  font-family: "Roboto Mono", monospace;
  font-size: 50px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  text-align: center;
  line-height: 1.2;
  letter-spacing: normal;
  position: relative;
}

.heading-link {
  color: #5f4c98;
  filter: brightness(1.4);
}

.button.heading-button,
.button.heading-button::before {
  color: #5f4c98;
  border-color: #5f4c98;
}

.button.heading-button {
  margin-top: 64px;
}



.footer-links-container {
  max-width: 1280px;
  margin: 0 auto;
  font-family: "Roboto Mono", monospace;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;

  margin-top: 32px;

}

.site-footer {
  position: relative;
}

.footer-link {
  color: white;
  padding: 0 12px;
  transition: 0.3s all;
}

@media only screen and (min-width: 1024px) {

  .footer-link:first-of-type {
    padding-left: unset !important;
  }

  .last-footer {
    padding-right: unset !important;
  }


}


.footer-link:hover {
  transform: scale(1.05);
}

@media (max-width: 1420px) {
  .footer-links-container {
    padding-left: 50px;
    padding-right: 50px;

  }
}



@media only screen and (max-width: 1024px) {
  .footer-links-container {
    max-width: unset;
    flex-direction: column;
    margin-bottom: 46px;
    transform: translateY(-76px);
    z-index: 9999999;
    position: relative;

  }

  .site-footer__block:last-of-type {
    position: absolute;
    border: 0;
    bottom: 30px;
    left: 0px;
  }

}

@media only screen and (max-width: 700px) {
  .footer-links-container {
    padding: unset;

  }
}

.tag-picker.streetshows {
  order: 1;
}

.tag-picker.fireshows {
  order: 2;
}

.tag-picker.shows-for-children {
  order: 3;
}

.tag-picker.medieval {
  order: 4;
}

.tag-picker.acts {
  order: 5;
}

.tag-picker {
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
}

.news--page .center {
  padding-top: 42px;
}

@media only screen and (max-width: 800px) {
  .news--page .center {
    padding-top: 0px;
  }
}

.footer-links-container {
  z-index: 0;
}

.contact-desc {
  font-size: 32px;
  text-align: center;
}

.post-content h3 {
  font-size: 24px;
  text-align: center;
}

.news__nav ul li a:hover {
  opacity: 1;
}

.news__nav li:not(.active, .next-button) {
  transition: 0.4s all;
}



.news .single-post__right h2::before {

  bottom: -24px;
 
}

.category .intro-content__text.modifier>h3>p {

  background: #000000ab;
  border-radius: 8px;
  padding: 12px;

}

 .category .intro-content__text.modifier {
    transform: rotate(-4deg);
  }

  .category .news__nav-wrapper {
    transform: rotate(-4deg);
  }


  
/* finalni mob optimization */


@media only screen and (max-width: 600px) {

  /* home */
  .home .intro-content>div {
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: space-between;
  }

  .home .intro-content__image {
    margin-bottom: unset;
    margin-top: 20px;
    width: 216px;
  }

  .home .intro-content__text {
    margin-bottom: 0px;
    transform: translateY(22vh) scale(0.1) rotate3d(0, 1, 0.5, 3.142rad);
    transition: 1.3s all;
  }

  .home .intro-content__text>h3 {
    background: unset;
    border-radius: unset;
    padding-bottom: unset;
    padding-left: unset;
    padding-right: unset;
    font-size: 15px !important;
    order: 1;
    margin-bottom: 88px;
  }


  .home .intro-content__text>a {
    margin-top: unset;
    margin-bottom: 8px;
  }

  .home .intro-content__text>a {
    margin-top: unset;
    margin-bottom: 8px;
  }

  .home .intro-content__text>a::after {
    right: -5px;
    background: rgba(0, 0, 0, 0.77) !important;
  }

  .home .header__logo {
    display: none;
  }

  .home .header {
    top: 30px;
  }

  .home .header__menu {
    transform: scale(0.8);
  }



  .our-clients-section {
    padding: 32px 0;
    position: relative;

  }

  .home h2 {
    font-size: 30px !important;
  }

  .home p {
    font-size: 14px;
  }

  .our-clients-text {
    font-size: 32px;
    margin-bottom: 32px;
  }

  .clients-row {

    padding-top: unset;
  }

  .clients-row:first-of-type {
    padding-bottom: unset;
  }

  .client_img {
    max-width: 160px;
  }

  .home .what-we-do .center {
    width: 70%;
  }

  .home h3 {
    font-size: 26px !important;
  }


  .home .about-block {
    height: auto;
    padding: 50px 0 50px;
  }

  .home .news {

    padding: 56px 0 56px;

  }

  .home .news__title {
    width: 70%;
    margin-bottom: 0px;
  }

  .single-post__content>.single-post__left {
    height: 300px;
  }

  .single-post__content .button {
    transform: translateX(2px) rotate(-3deg);
  }

  .news .single-post__right h2 {
    margin-bottom: 32px;
  }




  .news>.center>.js-post-gallery.slick-initialized.slick-slider {
    padding-top: 0px;
  }

  .home .news.background--purple {
    padding: 46px 0;
  }

  .news .single-post__right h2::before {
    bottom: -20px !important;
  }

  .js-post-gallery .single-post__content .single-post__left {
    margin-top: 48px;
    margin-bottom: 0px;

  }

  .news .single-post__right p {
    margin-bottom: 28px;
  }

  .news .single-post__content {
    margin-bottom: unset;
  }

  /*general*/

  .button {
    width: 160px;
    height: 40px;
    font-size: 18px !important;
    line-height: 38px;
  }

  h3 {
    font-size: 26px !important;
  }

  h2 {
    font-size: 30px !important;
  }

  p {
    font-size: 14px !important;
  }

  .nav__menu ul li {
    padding: 14px 0 !important;
  }

  .nav__menu ul li>a {
    font-size: 24px !important;
  }

  .nav__menu {
    position: absolute !important;
    bottom: 24% !important;
  }


  .header__menu {
    transform: scale(0.8);
  }

  .contact-desc {
    font-size: 18px !important;
  }

  .category .intro-content__text.modifier>h3 {
    font-weight: 500;
  }

  .category .intro-content__text.modifier>h3>p {
    font-weight: 500;
    font-size: 16px !important;
    background: #000000ab;
    border-radius: 8px;
    padding: 8px;

  }

  .category .intro-content__text.modifier {
    transform: rotate(-4deg);
  }

  .category .news__nav-wrapper {
    transform: rotate(-4deg);
    margin-bottom: 32px;
  }
  .category-artistic-animation section.intro.background--black.modifier {
    background-position-y: 102%;

}
  .single-post__content {
    margin-bottom: 38px !important;
  }


  .news.news--page.background--black{
    padding-bottom: 12px;
    padding-top: 86px;
  }



  /* performances */

  /* .category-performances .single-post__content {
    margin-bottom: 26px !important;
  }


  .category-performances .news.news--page.background--black{
    padding-bottom: 12px;
    padding-top: 86px;
  } */
  .tag-picker {
    font-size: 26px;
  }



  .category-artistic-animation section.news.news--page.background--black{
    padding-top: unset;
  }



}

/* MOBILE CSS DONE HERE */


/* CAROUSEL  AND SINGLE POST CSS*/

.title-section-single{
  text-align: center;
  padding: 36px 5% 20px;
  font-size: 26px;
}

.single-page-spacer {
  height: 120px;
}

.carousel-section {
  position: relative;
  width: 100%;
  max-width: 1200px; /* Adjust based on your design */
  margin: 0 auto;
  overflow: hidden;
}

.carousel-inner {
  display: flex;
  align-items: center;
  transition: transform 1s ease-in-out;
  padding: 20px 0;
}

.carousel-item {
  flex: 0 0 280px; /* Fixed width for each item (instead of 33.33%) */
  height: 280px; /* Fixed height for each item */
  text-align: center;
  padding: 24px;
  transition: transform 0.3s ease, opacity 0.3s ease;
  opacity: 0.7; /* Non-focused items are slightly faded */
}

.carousel-item.active {
  transform: scale(1.3); /* Focused item is larger */
  opacity: 1; /* Focused item is fully opaque */
}

.carousel-item img {
  width: 100%;
  height: 100%; /* Fill the container */
  object-fit: cover; /* Ensure images fit without distortion */
  display: block;
  border-radius: 8px; /* Optional: Add some styling */
}

.carousel-prev,
.carousel-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  font-size: 24px;
  z-index: 10;
}

.carousel-prev {
  left: 10px;
}

.carousel-next {
  right: 10px;
}

.carousel-prev:hover,
.carousel-next:hover {
  background: rgba(0, 0, 0, 0.8);
}



.youtube-section {
  margin: 20px 0;
  text-align: center;
  padding: 20px;
}

.youtube-inner {
  position: relative;
  width: 600px; /* Fixed width */
  height: calc(600px * 0.5625); /* Fixed height (400px * 0.5625 for 16:9 aspect ratio) */
  margin: 0 auto; /* Center the video */
}

/* Ensure the iframe fills the container */
.youtube-inner iframe {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensure the video fills the container without letterboxing */
}


@media (max-width: 440px) { 
  .youtube-inner {
    width: 100%; 
    height: auto; /* Let the height adjust based on the aspect ratio */
    padding-bottom: 56.25%; /* Reintroduce the 16:9 aspect ratio for smaller screens */
  }

  .youtube-inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

}


@media (max-width: 800px) { 
  .title-section-single{
    font-size: 24px;
  }

}


@media (max-width: 560px) {
  .title-section-single{

    font-size: 18px;
  }


}

.post-content{
  padding-top: 20px;
}