/* 
Theme Name: LaunchPad
Theme URI: https://github.com/shuvro111/launchpad/
Description: LaucnchPad is a child theme generated by [Shuvro Sarkar](https://shuvrosarkar.com)
Author: Shuvro Sarkar
Author URI: https://shuvrosarkar.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: launchpad
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: child-theme, one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

/* Remove Unnecessary Height */
.elementor-icon-wrapper{
	line-height: 0 !important;
}

/* Add left margin to nested submenu */
.elementor-nav-menu--dropdown:nth-child(2) {
    left: 5px !important;
}

/* Always take the full width of the parent element on sticky sections */
.elementor-sticky--effects.elementor-sticky.elementor-sticky--active{
	width: 100% !important;
}

/* Remove resize option from textarea */
textarea{
	resize: none !important;
}

/*  
 * Testimonial Grid
*/

.testimonial-grid::before{
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 20%, transparent 60%, white 90%);
}



/*  
 * Testimonial Slider
*/



.testimonial-slider::before{
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(90deg, white 5%, transparent 20%, transparent 80%, white 90%);
}

@media(min-width: 1280px){
	.testimonial-slider > .swiper-slide{
		transition: all 0.5s ease;
	}


	.testimonial-slider .swiper-slide.swiper-slide-active{
		transform: scale(0.8) translate(150px);
		z-index: -1;
		filter: blur(1px);
	}

	.testimonial-slider .swiper-slide.swiper-slide-next+.swiper-slide{
		transform: scale(0.8) translate(-150px);
		z-index: -1;
		filter: blur(1px);
	}

	.testimonial-slider .swiper-slide-active, .testimonial-slider .swiper-slide-next, .testimonial-slider .swiper-slide-next+.swiper-slide{
		box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.15);
		margin: 4rem 0rem; 
	}

}

@media(max-width: 1280px){
.testimonial-slider::before{
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(90deg, white 3%, transparent 20%, transparent 80%, white 97%);
}

}



/*  
 * Shiny Border Animation
*/

.shiny-border{
  --border-width: 2px;
  position: relative;
  border: var(--border-width) solid transparent;
  background: #0c0c0c;
}

.shiny-border::before {
  content: " ";
  position: absolute;
  inset: calc(var(--border-width) * -1);
  z-index: 0;
  border: inherit;
  border-radius: inherit;
  background-image: conic-gradient(from var(--angle), #103F50 80%, #2ac1ff 88%, #0ed0ff 92%, #103F50 100%);
  background-origin: border-box;
  -webkit-mask:
    linear-gradient(black, black) content-box,
    linear-gradient(black, black);  
  mask: linear-gradient(black, black),
        linear-gradient(black, black);
  -webkit-mask-clip: content-box, border-box;  
  mask-clip: content-box, border-box;
  -webkit-mask-composite: xor;  
  mask-composite: exclude;
  animation: spin 3s linear infinite;
}

@supports not (background: paint(something)) {
  .shiny-border::before {
background-image: conic-gradient(from var(--angle), #103F50 80%, #2ac1ff 88%, #0ed0ff 92%, #103F50 100%);  
  }
}

.shiny-border:hover::before {
  animation-play-state: paused;
}

@property --angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0turn;
}

@keyframes spin {
  to {
    --angle: 1turn;
  }
}

/* Masonary Gallery */
.masonary-gallery .elementor-widget-container{
  display: flex;
  flex-direction: column;
}

.masonary-gallery .elementor-widget-container .elementor-gallery__titles-container{
  order: 1;
  background-color: var(--e-global-color-035270d);
  width: max-content;
  margin: 4rem auto 0 auto;
  padding: 0.5rem;
  border-radius: 1000px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.elementor-gallery-title{
  color: var(--e-global-color-text) !important;
  padding-top: 0.7rem;
  width: 10px;
  height: 28px;
  font-size: 1rem !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.elementor-gallery-title.elementor-item-active{
  background-color: var(--e-global-color-accent);
  color: var(--e-global-color-c720522) !important;
}

/*  
 * Contact Page
*/

.contact-form .elementor-form-fields-wrapper{
	gap: 2.5rem;
}

.contact-form .elementor-field-group:not(.elementor-field-type-submit) {
    background-color: #fbfbfb !important;
    padding: 1rem 2rem !important;
    margin: 0;
}

.contact-form .elementor-field-group.elementor-col-50{
	max-width: calc(50% - 20px);
}

@media(max-width: 1024px){
	.contact-form .elementor-field-group.elementor-col-50{
		max-width: 100%;
	}
	
	.contact-form .elementor-field-group:not(.elementor-field-type-submit) {
		padding: 0.5rem 1rem !important;
	}
}

.contact-form input:not([type="button"]), .contact-form textarea, .contact-form select{
  	background-color: transparent !important;
  	border: none !important;
  	padding: 0;
  	margin: 0;
}

/* No Outline */
.contact-form input:not([type="button"]), .contact-form textarea, .contact-form select,
.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus{
  	border: none !important;
  	box-shadow: none !important;
  	outline: 0 !important;
}