:root {
    --tnt-primary: #07080C;
    --tnt-secondary: #E0490F;
    --tnt-black: #111315;
    --tnt-yellow:#F79C00;
    --tnt-gray: #D9D9D9;
    --tnt-light-gray: #D0D0D0;
    --tnt-dark-gray: #828D91;
    --tnt-black-grba:rgba(20, 23, 25, 1);
    --body-font: "Montserrat", sans-serif;
    --heading-font: "Georgia";
    --playfair-font: "Playfair Display", serif;
    --font-sm: 15px;
    --font-md: 16px;
    --font-20: 20px;
    --font-24: 24px;
    --font-30: 30px;
    --font-40: 40px;
    --font-48: 48px;
    --font-xl: 80px;
    --tnt-fw-500: 500;
    --tnt-border-radius: 1rem;
    --tnt-border-radius-min: 2rem;
    --tnt-border-radius-max: 4rem;

 
}

@font-face {
    font-family: "Georgia";
    src: url('../fonts/Georgia.woff') format('woff'),
    url('../fonts/Georgia.woff2') format('woff2'),
    url('../fonts/Georgia.svg#Georgia') format('svg'),
    url('../fonts/Georgia.eot'),
    url('../fonts/Georgia.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Georgia.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
ul{
    padding-left:0;
}
li{
    list-style: none;
}
a{
  text-decoration: none;
  transition: all 500ms ease-in-out;
}
p {
    line-height: 1.9;
}
body{
  font-family:var(--body-font); 
  font-size: var(--font-md);  
  background: var(--tnt-primary);
}
.custom-logo {
    width: 140px;
    height: auto;
    padding: 2px 0;
}
.font-md{
  font-size: var(--font-md);
}
h1, .font-xl{
    font-size: var(--font-xl);
}
h2, .font-48{
  font-size: var(--font-48);  
}
h3, .font-40{
    font-size: var(--font-40);
}
.font-30{
   font-size: var(--font-30); 
}
.font-24{
   font-size: var(--font-24); 
}
h4, .font-20{
   font-size: var(--font-20); 
}
.primary-font{
    font-family:var(--body-font); 
}
h1, h2, h3, h4, h5, h6, .secondary-font{
    font-family:var(--heading-font); 
}
.ps-custom6{padding-left: 6rem;}
.mt-custom8{margin-top: 8rem;}
.mt-n1{
   margin-top: -6rem;
}
.ls-s5{
letter-spacing: 0.5px;
}
.lh-custom3{
line-height:3;
}
.btn{
    font-size: var(--font-md);
    padding:15px 35px;
}
.btn-primary{
    border:none;
   background:var(--tnt-secondary); 
}
/*.btn-primary:hover{
    background:var(--tnt-yellow);
}*/
.btn-outline-primary{
  border-color:var(--tnt-secondary);
  color:var(--tnt-secondary)
}
.btn-outline-primary:hover{
  border-color:var(--tnt-secondary);
  color:var(--bs-white);
  background-color:var(--tnt-secondary);
}

.btn-outline-secondary{
  border-color:var(--tnt-yellow);
  color:var(--tnt-yellow)
}
.btn-outline-secondary:hover{
  border-color:var(--tnt-yellow);
  color:var(--bs-white);
  background-color:var(--tnt-yellow);
}

.text-primary{
    color:var(--tnt-primary) !important;
}
.text-secondary{
   color:var(--tnt-secondary) !important; 
}
.text-warning{
   color:var(--tnt-yellow) !important; 
}
.text-gray{
   color:var(--tnt-gray); 
}
.underline-dotted {
    border-bottom: 1px dotted var(--tnt-yellow);
  }
.bg-black{
  background:var(--tnt-primary) !important; 
}

.site-main a{
	color:var(--tnt-secondary);
}
.site-main a:hover{
	color:var(--tnt-yellow);
}

/* header start*/
.navbar{
    background:var(--tnt-primary);
    transition: all 200ms ease-in-out;
}
.navbar .navbar-nav .nav-link{
    color:var(--bs-white);
    letter-spacing: 0.5px;
    padding: 40px 30px; 
    transition: all 200ms ease-in-out;
}

.navbar .dropdown-menu{
  border: none;
  border-radius: 0 0 var(--bs-dropdown-border-radius) var(--bs-dropdown-border-radius);
  padding:0;
  margin-top:0;
  background:var(--tnt-secondary);
  transition: all 200ms ease-in-out;
}
.navbar .dropdown-item {
  color:var(--bs-white);

}
.navbar .nav-item .dropdown-item a{
  padding:20px 25px;
}
.navbar .dropdown-menu li:not(:last-child) .dropdown-item{
  border-bottom: 1px solid rgba(255,255,255, 0.3);
}
.navbar .dropdown-menu .menu-item:hover{
  background:var(--tnt-primary);
}
.navbar .btn{
   font-size: 14px; 
   padding:8px 15px;
}
.navbar .navbar-brand img{
   transition: all 500ms ease-in-out; 
   width:121px;
}


.navbar.scrolled-header .navbar-brand img{
    transition: all 500ms ease-in-out;
    width:80px;
}
.navbar.scrolled-header .navbar-nav .nav-item a{
  padding-top:22px;
  padding-bottom:22px;
}
/* Banner start*/
.banner-sec h1{
    line-height:60px;
}
.banner-sec .banner-content{
  background: rgba(0,0,0, 0.5);
}
/*.banner-sec p{ 
    font-weight:var(--tnt-fw-500);
    width:35%;
} */

.movement-ignites-sec{
  background: var(--tnt-secondary);
}
.movement-ignites-sec h3{
  line-height:1.5;
}
.about-block{
  background: var(--tnt-gray);
  border-radius:50px;
  padding:35px 35px 35px 170px;
  position: relative;
}
.about-block:before{
  content:'';
  background:url('../images/tnt-flame.png') no-repeat top center / contain;
  position:absolute;
  left:-15px;
  top:0;
  width:155px; 
  height:415px;
}
.about-block h2{
  position: relative;
}
.about-block h2:before{
  content:'';
  position:absolute;
  right:-85px;
  top:35px;
  width:215px; 
  height:1px;
  background:var(--tnt-primary);
}
.about-block .border-end{
  border-color:var(--tnt-primary) !important;
}
.about-block .our-social-block{
  padding: 50px 30px;
  transition: all 0.2s ease;
}
.about-block .our-social-block span.our-social{
    left: 82px;
    bottom: 114px;
}
.about-block .our-social-block .marker, .about-block .our-social-block:hover .hover-marker{display: block;}
.about-block .our-social-block:hover .marker, .about-block .our-social-block .hover-marker{display: none;}
.tag{
  border: 1px solid #437F7F;
  color:var(--bs-white);
  padding: 6px 10px;
  border-radius: 20px;
  margin: 0 3px 10px 3px;
  font-size: 12px;
  font-weight:600;
  background:#081A24;
  display: inline-block;
}
.energy-section .column-one{
  flex-basis: 26%;
}
.energy-section .column-two{
  flex-basis: 28%;
}
.energy-section .column-three{
  flex-basis: 17%;
}
.energy-section .column-four{
  flex-basis: 15%;
}
.fire-icon{
  width:120px;
  margin-top:-40px;
}
.dance-pose-img{
  width:250px;
}
.fire-icon-top{
  width:120px;
  right:-27px;
  top:-75px; 
}
.our-classes-sec li{
  margin-bottom:5px;
}
.our-classes-sec .btn-block:after{
  content:'';
  width:1px;
  height: 70px;
  background:var(--tnt-secondary);
  display: block;
  margin: 15px auto 0;
}

.our-classes-sec .small-img{
  width: 45%;
  right:-15%;
}

/* Testimonials Section */

.testimonial-area {
  background: var(--tnt-black-grba);
}
.testimonial-area .owl-carousel {
  overflow: hidden;
}
.testimonial-area .owl-item{
  padding:15px;
}
.testimonial-area img {
  filter: invert(1);
}
.single-testimonial {
  border: 7px solid var(--bs-white);
  text-align: center;
  border-radius: 45px;
  position: relative;
  z-index: 2;
  min-height: 600px;
}
.single-testimonial p {
  color: var(--bs-white);
  font-size: 15px;
  line-height: 24px;
  padding: 50px;
  padding-bottom: 30px;
  position: relative;
  z-index: 3;
}
.single-testimonial::before {
  content: "";
  position: absolute;
  left: -35px;
  top: -35px;
  background: url('../images/quote-icon.png') no-repeat var(--tnt-black-grba);
  background-size: 60%;
  width: 126px;
  height: 100px;
  transform: rotate(180deg);
  background-position: 34px 15px;
}
.single-testimonial::after {
  content: "";
  position: absolute;
  right: -35px;
  bottom: -34px;
  background: url('../images/quote-icon.png') no-repeat var(--tnt-black-grba);
  background-size: 60%;
  width: 126px;
  height: 100px;
  background-position: 34px 19px;
}
.testimonial-area .round {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.testimonial-area .round-1::before {
  content: "";
  position: absolute;
  left: 88px;
  top: -7px;
  width: 50px;
  height: 7px;
  background: var(--bs-white);
  border-radius: 30px;
}
.testimonial-area .round-1::after {
  content: "";
  position: absolute;
  left: -7px;
  top: 62px;
  width: 7px;
  height: 50px;
  background: var(--bs-white);
  border-radius: 30px;
}
.testimonial-area .round-2::before {
  content: "";
  position: absolute;
  right: 87px;
  bottom: -7px;
  width: 50px;
  height: 7px;
  background: var(--bs-white);
  border-radius: 30px;
  z-index: 1;
}
.testimonial-area .round-2::after {
  content: "";
  position: absolute;
  right: -7px;
  bottom: 62px;
  width: 7px;
  height: 50px;
  background: var(--bs-white);
  border-radius: 30px;
  z-index: 1;
}
.client-details{
  padding-bottom: 50px; 
}

.owl-dots button {
  background: var(--bs-white) !important;
  width: 10px;
  height: 10px;
  border-radius: 26px;
  margin: 0 5px;
  transition: 0.3s;
}
.owl-dots {
  text-align: center;
  margin-top: 50px;
}
.owl-dots button.active {
  width: 30px;
}

/* Footer Section*/
.footer{
    background: var(--tnt-black-grba);
}
.footer a{
  color: var(--tnt-light-gray);  
}
.footer a:hover{
  color: var(--tnt-secondary);  
}
.footer-logo{
    width:121px;
}
.nav-footer li{
  line-height: 1.9;
  padding-right: 23px;
  margin-right: 12px;
  position: relative;
  display: inline-block;
}
.nav-footer li:last-child{
  padding-right:0;
  margin-right:0; 
}
.nav-footer li:not(:last-child):after{
  content: "/";
  position:absolute;
  right:0;
  top:0;
}

.social-block a{
    color:var(--bs-white);
    width: 42px;
    height: 42px;
    text-align: center;
    border:1px solid var(--tnt-gray); 
}

.footer-bottom{
    background:var(--tnt-black);
    opacity: 0.6;
}

.back-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: none;
  z-index: 999;
  transition: all 0.3s ease;
}
/************menu**********/

.navbar-nav .nav-item {
        flex-wrap: wrap;
        display: flex;
}
.navbar-nav .nav-item a {
    color: var(--bs-white);
    letter-spacing: 0.5px;
    padding: 40px 30px;
    transition: all 200ms ease-in-out;
}

.navbar-nav .dropdown-menu {
    display: none; /* Ensure the dropdown is hidden initially */
}
.navbar-nav .dropdown-menu.show {
    display: block; /* Show the dropdown menu when the 'show' class is added */
    top: 104px;
}
.scrolled-header .dropdown-menu.show {
    top: 68px;
}

/* Desktop hover dropdown styles */
@media (min-width: 992px) {
    .navbar-nav .dropdown:hover > .dropdown-menu {
        display: block!important;
        margin-top: 0!important;
    }
    
    .navbar-nav .dropdown > .dropdown-toggle::after {
        transition: transform 0.3s!important;
    }
}
.navbar-nav .nav-item:hover a, .navbar-nav .nav-item.current-menu-item a
 {
    background: var(--tnt-secondary);
}
.navbar .dropdown-item:hover a {
    background: var(--tnt-primary);
}

/*******video**********/
.video-holder{
  flex-basis: 32.5%;
}
.inner-banner{
  background-size: cover; 
  background-repeat: no-repeat; 
  background-position: center center;
  height: 280px;
}
.all-videos ul.yt-vid li img.video-thumb-img{
    width: 429px;
}


.tour-studio h1::before { 
  content: " ";
  background-image: url('https://www.tntdance.com.au/staging/8536/wp-content/themes/tnt-dance-studio/assets/images/fire-icon-2.png');
  background-repeat: no-repeat;
  background-size: 94px 247px;
  width: 94px;
  height: 247px;
  position: absolute;
  transform: scaleX(-1);
  left: 0;
}

.tour-studio h1::after { 
  content: " ";
  font-style: normal;
  width: 310px;
  height: 1px;
  position: absolute;
  background: rgba(202, 202, 202, 0.3);
  right: 204px;
  top: 49px;
}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before{
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; 
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
 border-radius: 6px;
}

.dropdown-item .hvr-shutter-out-horizontal:before, .dropdown-item .hvr-shutter-out-horizontal:active:before, .nav-item .hvr-shutter-out-horizontal:active:before, .dropdown-item .hvr-shutter-out-horizontal:focus:before, .nav-item .hvr-shutter-out-horizontal:focus:before{
    border-radius: 0px;
}


.hvr-shutter-out-horizontal:hover{ background: transparent;}
.hvr-shutter-out-horizontal:before{background:var(--tnt-secondary); }

.dropdown-item .hvr-shutter-out-horizontal:hover{ background: transparent;}
.dropdown-item .hvr-shutter-out-horizontal:before{ background:var(--tnt-primary); }

.btn-primary.hvr-shutter-out-horizontal:hover{    background: var(--tnt-secondary);}
.btn-primary.hvr-shutter-out-horizontal:before{background:var(--tnt-yellow);}

.btn-outline-secondary.hvr-shutter-out-horizontal:hover{ background: transparent;}
.btn-outline-secondary.hvr-shutter-out-horizontal:before{background:var(--tnt-yellow); }

.btn-outline-primary.hvr-shutter-out-horizontal:hover{ background: transparent;}
.btn-outline-primary.hvr-shutter-out-horizontal:before{background:var(--tnt-secondary); }

.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

	.gallery-container {
	  display: flex;
	  flex-wrap: wrap;
	  gap: 10px;
	}
	.big-images img {
	  width: 100%;
	  height: auto;
	  cursor: pointer;
	  max-width: 100%;
	  border-radius: var(--tnt-border-radius-max);
	}
	.thumbnail img{
		border-radius: var(--tnt-border-radius-min);
	}

   .carousel-inner img {
      width: 100%;
      height: auto;
    }
    .modal-body {
      padding-bottom: 0;
    }
    .modal-open {
    	padding: 0 !important;
    }

    .lightbox-modal-with-carousel .carousel-control-prev-icon, .lightbox-modal-with-carousel .carousel-control-next-icon {
      background-color: black;
    }
    .tnt-modal .modal-body .carousel-inner img{
    	border-radius: var(--tnt-border-radius-min); 
    	max-height: 92vh;
    }
    .tnt-modal .modal-body iframe{
    	border-radius: var(--tnt-border-radius-min);
    }
    .tnt-modal .btn-close{    
        background-color: #fff;
        z-index: 2;
        border-radius: 50%;
        padding: 5px;
        top:-13px;
    }
    .tnt-modal .modal-content{
        background:transparent;
        
    }
    .tnt-modal .modal-body{
        padding: 0;
    }
    .all-videos::before { 
        content: " ";
        font-style: normal;
        width: 1px;
        height: 100px;
        position: absolute;
        background: rgba(202, 202, 202, 0.3);
        left:255px;
        right: 0;
        margin: auto;
        top: 0;
    }
     /* Masonry gallery styles */
    .masonry-gallery .gallery {
      display: flex;
      flex-wrap: wrap;
      gap: 15px;
    }

    .masonry-gallery .gallery-item {
      width: 100%;
      max-width: calc(25% - 15px); /* Adjust to show 4 images per row */
    }

    /* Modal and Carousel Styles */
    .masonry-gallery .carousel-inner img {
      width: 100%;
      height: auto;
    }

	/*= Classes page =*/
	.dance-class-type-item{
	  padding-right: 35%;
	}
	.dance-class-type-item:after{
	  content:'';
	  position:absolute;
	  left:0; bottom:-3px;
	  width:6px;
	  height:6px;
	  border-radius:var(--tnt-border-radius);
	  background:var(--tnt-gray);
	}
  .class-dance-sec-bg{
    background: url("../images/class-dance-img.jpg") no-repeat left top;
    background-size: 50%;
  }
	.class-dance-sec .fire-icon{
	  right:0;
	  bottom:-50px;
	  width:auto;
	}
	.iframe-scroll-wrapper{
	  overflow:hidden;
      height: 880px;
	  border-radius: var(--tnt-border-radius-max);
	}
	.iframe-scroll-wrapper .top-title{
	  background-color: #555555;
	}
	.structure-wrapper:before {
	   content: '';
	   background: url('../images/tnt-flame.png') no-repeat top center / contain;
	   position: absolute;
	   left:-5px;
	   top: 0;
	   width: 155px;
	   height: 415px;
	   z-index:9;
	}
	.structure-sec iframe{
	  width: 100%; 
	  height: 100%; 
	  border: none;
	  border-radius:var(--tnt-border-radius-max);
	}
	.structure-wrapper{
	  height:1200px;
	  overflow-y:scroll;
	}
	.structure-wrapper iframe{
	  height: 2040px; 
	}
	.structure-sec .iframe-scroll-wrapper::-webkit-scrollbar {
	  width: 0;
	  transition: all 500ms ease-in-out;
	}
	.structure-sec .iframe-scroll-wrapper:hover::-webkit-scrollbar {
	  width: 2px;
	}

	.structure-sec .iframe-scroll-wrapper::-webkit-scrollbar-track {
	  background: #f1f1f1;
	  border-radius: 10px;
	}

	.structure-sec .iframe-scroll-wrapper::-webkit-scrollbar-thumb {
	  background-color: red;
	  border-radius: 10px;
	  border:none;
	}

	.structure-sec .iframe-scroll-wrapper::-webkit-scrollbar-thumb:hover {
	  background-color: darkred;
	}
    .pgc-sgb-cb img {
    	border-radius: var(--tnt-border-radius-min);
	}
    .pgcsimplygalleryblock-masonry-item {
    	padding: 5px 5px;
	}


/* Comment form container */
.comment-form {
  max-width: 600px;
  margin-top: 40px;
  padding: 20px;
  background: var(--bs-white);
  border-radius: var(--tnt-border-radius-min);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
	color:var(--tnt-primary);
}
.comment-form label {
  display: block;
  font-weight: var(--tnt-fw-500);
  margin-bottom: 6px;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
  width: 100%;
  padding: 8px 14px;
  margin-bottom: 18px;
  border: 1px solid #ddd;
  border-radius: 8px;
  transition: all 0.3s ease;
  background: #fff;
}

.comment-form input:focus,
.comment-form textarea:focus {
  border-color: #0073e6;
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,115,230,0.2);
}
.comment-form textarea {
  min-height: 110px;
  resize: vertical;
}
.comment-form-cookies-consent{
	font-size: 13px;
    display: flex;
}
.comment-form-cookies-consent label{
	margin:0 0 0 10px;
}
.comment-form input[type="submit"] {
  background: var(--tnt-secondary);
  border: none;
  color: #fff;
  padding: 12px 24px;
  font-size: 15px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.comment-form input[type="submit"]:hover {
  background: var(--tnt-yellow);
}