/**
 * Theme Name:     Studio One
 * Author:         Sam Kennard
 * Template:       twentytwentyfour
 * Text Domain:	   studio-one
 * Description:    Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
 */
.faq_img {
  position: relative;
  overflow: hidden;
}
.faq_img figcaption{
 	display: flex;
    flex-direction: column;
    align-items: center;
}
.faq_img h4{
	position: absolute;
	font-family: lemonmilk;
    font-size: 12px;
    color: white;
	font-weight: 600;
	margin-top: -65px;
	text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
}
.faq_img img {
  transition: transform 0.3s ease;
}
@media only screen and (min-width: 780px) and (max-width: 1025px) {
	#grfys_img{
		height: 107% !important;
	}
}
@media only screen and (min-width: 430px) and (max-width: 780px) {
	#grfys_img{
		height: 130% !important;
	}
}
@media only screen and (min-width: 767px) and (max-width: 1024px) {
	.faq_img_des{
		font-size: 7.5px;
		line-height: 1.4em;
		padding: 10px 15px !important;
	}
}
@media only screen and (max-width: 760px) {
   .faq_img_des{
	 font-size: 12.3px;
	 line-height: 1.4em;
   }
}
@media only screen and (min-width: 1024px) {
   .faq_img_des{
	 font-size: 14px;
	 line-height: 1.4em;
   }
}
.faq_img .faq_img_des {
  position: absolute;
  top: 0;
  left: 100%; /* Initially position description off-screen to the right */
  width: calc(100% - 0px); /* Adjusted width to account for padding */
  background-color: #f0f0f0;
  height: 100%;
  padding: 30px 30px;
  box-sizing: border-box;
  transition: left 0.3s ease;
}

.faq_img:hover img {
  transform: translateX(-100%); /* Move the image to the left to reveal the description */
}

.faq_img:hover .faq_img_des {
  left: 0; /* Move the description into view */
}
  /* * Why studio Section - Slider CSS * */

  #why-studio-slider .elementor-swiper-button-next:before {
    content: 'NEXT';
    font-weight: 600;
    padding-right: 8px;
  }

  #why-studio-slider .elementor-swiper-button-prev {
    visibility: hidden;
  }

  #why-studio-slider .elementor-swiper-button {
    top: auto;
    left: 45%;
    align-items: center;
    bottom: -8px;
  }

.models-overlay-content {
  width: 100%;
  opacity: 1;
  position: absolute;
  bottom: 1px;
  padding: 15px 20px;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  cursor: grab;
  background: linear-gradient(180deg, rgba(244, 244, 244, 0) 0.5%, rgb(0, 0, 0.2) 100%);
  border-radius: 0 0 0 15px;
}

.models-overlay-content p.model-title {
    color: white;
    font-size: 16px;
    font-weight: bold;
}
.models-overlay-content p.model-additional-info {
  color: white;
  font-size: 14px;
  line-height: 1.2em;
}
.models-overlay-content p {
  margin: 5px 10px;
}
.swiper-slide-active figure > figcaption >  .models-overlay-content p.model-title {
  font-size: 26px;
} 



/* Why us studio slider css */
@media only screen and (min-width: 1024px) {
  #why-studio-slider .swiper-slide figure {
    width: calc(100% - 50px);
    margin-left: -88px;
  }
  #why-studio-slider .swiper-slide figcaption > .models-overlay-content {
    width: calc(100% - 50px);
  }
  #why-studio-slider .swiper-slide.swiper-slide-next figure{
    width: calc(100% - 50px);
    margin-left: -44px;
  }
  #why-studio-slider .swiper-slide.swiper-slide-next figcaption > .models-overlay-content {
    width: calc(100% - 50px);
  }
  
  #why-studio-slider .swiper-slide.swiper-slide-active figure {
    width: 100%;
    margin-left: 0;
  }
  #why-studio-slider .swiper-slide.swiper-slide-active figcaption > .models-overlay-content{
    width: 100%;
  }

  #why-studio-slider .swiper-slide.swiper-slide-active {
    width: calc(45% - 20px) !important;
  }
}
/* Model slider css */

#model-slider .models-overlay-content {
  width: 100%;
  opacity: 0;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
	height: 100%;
  bottom: 7px;
  padding: 5px;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  cursor: grab;
  background: linear-gradient(180deg, rgba(244, 244, 244, 0) 0.5%, rgb(0, 0, 0.2) 100%);
  border-radius: 0;
}
#model-slider .models-overlay-content:hover {
  opacity: 1;
}
#model-slider .models-overlay-content .model-info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 5px 10px;
  flex-direction: row;
}
#model-slider .models-overlay-content .model-info span.left-name{
  color: #ff6900;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
#model-slider .models-overlay-content .model-info span.right-age{
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
#model-slider .models-overlay-content p.model-title {
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
}
#model-slider .models-overlay-content p.model-additional-info {
  font-size: 12px;
  color: #fff;
  line-height: 1.2rem;
}

/* Testimonial slider css */

#testimonial .swiper-slide figure.swiper-slide-inner {
  display: flex;
}

#testimonial .testimonial-block {
  background-color: #ff6900;
  padding: 20px 60px;
  margin-top: 60px;
}

#testimonial .testimonial-block .testimonial-title {
  font-size: 30px;
  margin-left: 30px;
}

#testimonial .testimonial-block p.testimonial-descs {
  padding: 0 30px;
}

#testimonial .testimonial-block img.quote-end {
  margin-left: 90%;
}

#testimonial figcaption.elementor-image-carousel-caption {
  display: flex;
  align-items: center;
}
#testimonial .testimonial-block img.quote-start, #testimonial .testimonial-block img.quote-end {
  width: 40px;
}

#testimonial .elementor-swiper-button.elementor-swiper-button-next {
  position: absolute;
  top: 75%;
  margin-right: -8px;
}
/* #testimonial .elementor-swiper-button.elementor-swiper-button-next svg{
  fill: #979797; 
} */

#testimonial .elementor-swiper-button.elementor-swiper-button-prev {
  position: absolute;
  top: 20%;
  margin-left: -8px;
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
  #testimonial .testimonial-block {
    padding: 20px 40px;
  }
}
@media only screen and (max-width: 1024px) {

   /** First Section - 3 Banner CSS **/
   #banner-caption-text div > figure > figcaption {
    color: #e1000d;
    font-size: 16px;
  }

  #why-studio-slider .elementor-swiper-button {
    bottom: -40px;
  }

  #testimonial .swiper-slide figure.swiper-slide-inner {
    display: block;
  }
  #testimonial .elementor-swiper-button.elementor-swiper-button-next, #testimonial .elementor-swiper-button.elementor-swiper-button-prev {
    top: 50%;
  }
  #testimonial .testimonial-block {
    padding: 20px 20px;
    margin-top: 0;
  }
  #testimonial .testimonial-block p.testimonial-descs {
    padding: 0 20px;
  }
  #testimonial .testimonial-block .testimonial-title {
    font-size: 26px;
    margin-left: 20px;
}
}

/*** Home page css ***/

span.section-title {
  border-bottom: 2px solid #ffffff;
  padding-bottom: 5px;
}
#black-bg-modeling{
  margin: auto;
	--inner-color: black;
	--border-color: white;
	--border-thickness: 0px;
	--corder-radius: 15px;
}
.black-bg-modeling{
  --inner-color: black;
	--border-color: white;
	--border-thickness: 0px;
	--corder-radius: 15px;
  background:
		no-repeat linear-gradient(
			var(--border-color) var(--border-thickness),
			var(--inner-color) var(--border-thickness),
			var(--inner-color) calc(100% - var(--border-thickness)),
			var(--border-color) calc(100% - var(--border-thickness))
			) var(--corder-radius) 0,
		no-repeat linear-gradient(90deg,
			var(--border-color) var(--border-thickness),
			var(--inner-color) calc(var(--border-thickness)),
			var(--inner-color) var(--corder-radius),
			transparent var(--corder-radius),
			transparent calc(100% - var(--corder-radius)),
			var(--inner-color) calc(100% - var(--corder-radius)),
			var(--inner-color) calc(100% - var(--border-thickness)),
			var(--border-color) calc(100% - var(--border-thickness))
			) 0 var(--corder-radius),
		no-repeat radial-gradient(circle,
			transparent calc(var(--corder-radius) - var(--border-thickness) - 1px),
			var(--border-color) calc(var(--corder-radius) - var(--border-thickness)),
			var(--border-color) calc(var(--corder-radius) - 1px),
			var(--inner-color) var(--corder-radius)
			) calc(0% - var(--corder-radius)) calc(0% - var(--corder-radius)),
		no-repeat radial-gradient(circle,
			transparent calc(var(--corder-radius) - var(--border-thickness) - 1px),
			var(--border-color) calc(var(--corder-radius) - var(--border-thickness)),
			var(--border-color) calc(var(--corder-radius) - 1px),
			var(--inner-color) var(--corder-radius)
			) calc(100% + var(--corder-radius)) calc(0% - var(--corder-radius)),
		no-repeat radial-gradient(circle,
			transparent calc(var(--corder-radius) - var(--border-thickness) - 1px),
			var(--border-color) calc(var(--corder-radius) - var(--border-thickness)),
			var(--border-color) calc(var(--corder-radius) - 1px),
			var(--inner-color) var(--corder-radius)
			) calc(0% - var(--corder-radius)) calc(100% + var(--corder-radius)),
		no-repeat radial-gradient(circle,
			transparent calc(var(--corder-radius) - var(--border-thickness) - 1px),
			var(--border-color) calc(var(--corder-radius) - var(--border-thickness)),
			var(--border-color) calc(var(--corder-radius) - 1px),
			var(--inner-color) var(--corder-radius)
			) calc(100% + var(--corder-radius)) calc(100% + var(--corder-radius));
	background-size:
		calc(100% - 2*var(--corder-radius)) 100%,
		100% calc(100% - 2*var(--corder-radius)),
		calc(2*var(--corder-radius)) calc(2*var(--corder-radius)),
		calc(2*var(--corder-radius)) calc(2*var(--corder-radius)),
		calc(2*var(--corder-radius)) calc(2*var(--corder-radius)),
		calc(2*var(--corder-radius)) calc(2*var(--corder-radius));
}

.border-cut:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
}
.border-cut:before {
  background:
    radial-gradient(40px at 40px 40px, #0000 calc(98% - 2px), transparent calc(100% - 0px) 100%, #0000),
    linear-gradient(90deg, black 2px, #0000 0 calc(100% - 2px), black 0) 90%/100% calc(100% - 80px + 10px) no-repeat,
    linear-gradient(#000 2px, #0000 0 calc(100% - 2px), #000 0) 50%/calc(100% - 80px + 12px) 100% no-repeat; /* Adjusted the size of the linear gradient */
}

/*Feet Models*/
#feet-applications figure.elementor-image-box-img {
    margin-top: -50px;
}
.feet-applications:hover .elementor-image-box-img img.attachment-full {
    border-color: white;
}
#feet-applications .feet-applications {
	height: 100%;
}

/*Tattoo Models*/
h3 span.tattoo-number {
  font-size: 52px;
}

/* Ivana case study */
#ivana-models figure.elementor-image-box-img {
  margin-top: -80px;
}
#ivana-models .elementor-image-box-img img.attachment-full {
  box-shadow: 0px 3px 8px #00000087;
}
#ivana-models .ivana-models {
  height: 100%;
}

/* Apply now form css*/
#apply-now .forminator-ui.forminator-custom-form[data-design=material] .forminator-input {
  color: #000 !important;
}
#apply-now .forminator-ui.forminator-custom-form[data-design=material] .forminator-input:hover {
  border-color: #000000 !important;
  color: #000 !important;
}
#apply-now .forminator-button-submit {
	width: 45% !important;
	background-color: #000 !important;
}
#apply-now label.forminator-label, #apply-now span.forminator-description {
	font-weight: 400 !important;
	color: #000 !important;
}
/* glamour-models page modeling slider */
.modeling-style{
    padding: 20px !important;
    border: 2px solid #fff !important;
    border-radius: 10px !important;
    background:rgba(51, 51, 51, .6) !important;
}
.modeling-style-two{
    padding: 20px !important;
    border: 2px solid #fff !important;
    border-radius: 10px !important;
    background:rgba(51, 51, 51, .6) !important;
}
.cust-next:after {
    font-family: "Font Awesome 5 Free";
  content: "\f04e";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
    padding-left:10px;
    font-size:15px;
}
.cust-privious:before {
    font-family: "Font Awesome 5 Free";
  content: "\f04a";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
    padding-right:10px;
    font-size:15px;
}
.post_grid li{
	border-style: solid;
	border-width: 2px;
}
.post_grid h2{
	font-size: 20px !important;
}
.post_grid .post_social_icons{
	margin-top:-40px !important;
}
.blog body {
    padding-top: 100px; /* Adjust based on header height */
    padding-bottom: 100px; /* Adjust based on footer height */
}
.post_grid .wp-block-post-excerpt__more-text a{
	text-decoration:none;
	border-style: solid;
	border-width:1px;
	background-color: #FF6900;
    color: white;
	padding: 5px;
}
/*Location -south florida faq tabs*/

#locationfaqtabs .elementor-toggle-item {
	border: 1px solid white;
    margin: 40px 0;
}

.faq-no {
	background-color: white;
    padding: 14px;
	margin-right: 15px;
    color: black;
    font-weight: 600;
    font-family: lemonmilk;
}

#locationfaqtabs span.elementor-toggle-icon.elementor-toggle-icon-right {
    background-color: white;
    padding: 16px 24px;
    margin-top: -15px;
}
#locationtabs .elementor-tab-desktop-title:hover, #locationtabs .elementor-active {
    .head-title-tab {
        border-bottom: 3px solid #ff6900;
        padding-bottom: 10px;
        width: 200px;
    }
}
.head-title-tab {
	border-bottom: 3px solid #fff0;
	padding-bottom: 10px;
	width: 200px;
}
/* start--dallas-location---*/
#dallaslocationtabs .elementor-tabs .elementor-tabs-wrapper {
	border: 1px solid #fff;
	display: flex;
	justify-content: space-evenly;
	order: 1;
	margin-top: 35px;
	height: 580px;
	width: 40%;
}
#dallaslocationtabs .elementor-tabs .elementor-tabs-content-wrapper {
	width: 60%;
}
#dallaslocationtabs .elementor-tab-desktop-title:hover, #dallaslocationtabs .elementor-active {
    .head-title-tab {
        border-bottom: 3px solid #fff;
        padding-bottom: 10px;
        width: 200px;
    }
}
@media only screen and (max-width: 767px) {
	#dallaslocationtabs .elementor-tabs .elementor-tabs-wrapper {
		display: none;
	}
	#dallaslocationtabs .elementor-tabs .elementor-tabs-content-wrapper {
    	width: 100%;
	}
}
/* end--dallas-location---*/
/* start--houston-location---*/


/* end--houston-location---*/
.case-study-model .models-overlay-content {
  width: 80%;
  opacity: 0;
  position: absolute;
  bottom: 0px;
  padding: 15px 35px;
  cursor: grab;
  border-radius: 0px;
  color: white;
  right: 25px;
  background: #14141494;
}
.case-study-model .models-overlay-content.left{
  right: unset;
  left: 25px;
}
.case-study-model .models-overlay-content .case-name{
  font-family: "LemonMilk", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.case-study-model .models-overlay-content a{
  color: white;
  display: flex;
  padding: 10px 0px;
  font-family: "LemonMilk", Sans-serif;
  font-size: 16px;
  font-weight: 600;
  align-items: end;
}
.case-study-model .models-overlay-content a img{
  padding-left: 10px;
}
.case-study-model .elementor-image-box-content p{
  margin: 0px;
}
.case-study-model .elementor-image-box-content .models-overlay-content p{
  font-family: "Lexend Deca", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin-top: 10px;
}
.case-study-model .elementor-image-box-wrapper:hover .models-overlay-content {
  opacity: 1; /* Adjust the opacity value as needed */
  /* You can add other transition properties for a smooth effect */
  transition: opacity 0.3s ease-in-out; /* Adjust the transition duration and timing function as needed */
}
.case-study-model .models-overlay-content .case-name:after{
  content:''; display:block;width: 50%; height:4px; background:#ffffff; margin-top:5px; border-radius:3px;
}
.runway-gallery .gallery-item {
  position: relative;
}
.runway-gallery .gallery-item .gallery-caption{
  opacity: 0;
  position: absolute;
  bottom: 15px;
  padding: 15px 20px;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  cursor: grab;
  background: linear-gradient(180deg, rgba(244, 244, 244, 0) 0.5%, rgb(0, 0, 0.2) );
}
.runway-gallery .gallery-item:hover .gallery-caption {
  opacity: 1; /* Adjust the opacity value as needed */
  transition: opacity 0.3s ease-in-out; /* Adjust the transition duration and timing function as needed */
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .case-study-model .models-overlay-content{
    width: 80%;
    padding: 10px 15px;
    right: 15px;
  }
  .case-study-model .models-overlay-content .case-name{
    font-size: 16px;
  }
  .case-study-model .elementor-image-box-content .models-overlay-content p{
    font-size: 14px;
  }
  .case-study-model .models-overlay-content a{
    padding: 8px 0px;
    font-size: 14px;
  }
  .case-study-model .models-overlay-content.left{
    left: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .case-study-model .models-overlay-content{
    width: 80%;
    padding: 10px 15px;
    right: 15px;
  }
  .case-study-model .models-overlay-content .case-name{
    font-size: 14px;
  }
  .case-study-model .elementor-image-box-content .models-overlay-content p{
    font-size: 12px;
  }
  .case-study-model .models-overlay-content a{
    padding: 8px 0px;
    font-size: 12px;
  }
  .case-study-model .models-overlay-content.left{
    left: 15px;
  }
	.faq-no {
		padding: 2px;
	}
	#locationfaqtabs span.elementor-toggle-icon.elementor-toggle-icon-right {
		padding: 2px 5px;
    	margin-top: 0;
	}
}