/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 14 2025 | 17:30:07 */
/* Academy */ 
@media (max-width: 768px) {
.page-tympa-academy.module-hero-1 .image-wrapper.animation {
    top: 70px !important;
    height: 340px !important;
  }
}

/* Blog  */

.page-ear-and-hearing-health-on-a-whole-new-level.module-wysiwyg-1 {
   padding-bottom:0px !important	
}


/* Pardot form */
#pi_tracking_opt_in_div 
{
	display:none !important;
}


/* SF forms */

.form-module .form-wrapper iframe {
 top:0 !important;	
}

/* Add a new trainee form */

.page-id-2076 .entry-title {
	text-align:center;
	font-size:3.15rem
}

.add-a-trainee-wrapper {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}

.add-a-trainee-wrapper .width-limit {
		width:80%;
}

.add-a-trainee-wrapper .ff-section_break_desk {
	margin-top:1.6rem;
}

/* Interest MS form */

@media only screen and (min-width: 1400px) {
 .page-id-2340 section.module h1 {
	font-size:3rem;
	line-height:3.4rem;
 }
}

.divider30 {
	height:30px;
} 

.interest-form-wrap {
	width:850px;
	height:1200px;
	overflow:hidden;
}

#interest-form {
	margin-top:-240px;
	width: 100%;
	max-width: 850px;
	height:1400px;
	
}

@media (max-width: 1024px) {
	.interest-form-wrap {
     	width:715px;
}
	#interest-form {
	   margin-top:-150px;
	   width:715px;
	    height:1230px;
	}
}

@media (max-width: 768px) {
	.interest-form-wrap {
     	width:440px;
}
	#interest-form {
	   width:460px;
	}
}

@media (max-width: 480px) {
	.interest-form-wrap {
     	width:360px;
}
	#interest-form {
	   width:360px;
    	height:1095px;
	}
}

/* Landing pages */


#pi_tracking_opt_in_div {
	display: none !important;
}

/* Landing page */ 

.landing-page .green {
	color: #00837f;
}

.landing-page .module .content-wrapper .text p:last-child {
	margin-bottom:0;
	padding-bottom:0;
}

.landing-page .module .order-2 {
	padding-top:0 !important;
}

.landing-page ul li
{
	font-family: proxima-nova, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5rem;
	padding-bottom:8px;
}

.landing-page .subheading {
	line-height:3.6rem
} 

.landing-page .module-hero-1 h5 {
	font-family: "Cooper Md BT", sans-serif;
}

.landing-page .subheading .heading-line-1 {
	display:block;
} 


.landing-page .tint-wrapper {
	margin-right:0 ;
	--bs-gutter-x: 0;
}

.landing-page .carousel-wrapper .entry-content {
	overflow:hidden;
}

.landing-page .module-hero-1 .carousel-wrapper .full-image-wrapper {
background-position: 67% !important;
}
 
.landing-page .module-hero-1 .heading-wrap .heading span {
	color: #00837f;
}

.landing-page .module-hero-1 .heading-wrap .heading .bright-teal {
	color: #38B4A3;
}


.landing-page .module-hero-1 .text  {
  width:100%;
}

.landing-page .module-hero-1 .text span span  {
  display:block;
	font-weight:400;
}

.landing-page .module-hero-1 .entry-content .opacity-25 { 
 opacity: 0 !important;
}

.landing-page .left-image .entry-content figure {
	padding:0 2.5rem 0 0 !important
}

.landing-page .left-image .order-2  {
	padding:0 0 0 2rem !important
}

.landing-page .right-image .entry-content figure {
	padding:0 0 0 2rem !important
}

.landing-page .right-image figure img {
	max-height:100% !important;
}

.landing-page .right-image .order-2  {
	padding:0 2rem 0 0 !important
}

@media (max-width: 560px) {
	
.landing-page .subheading {
	line-height:2.4rem;
} 
	
.landing-page .module-hero-1 .image-wrapper {
   height: 348px;
			width:100% !important;
}
	
.landing-page .module-left-image-1 .heading {
		padding-top:20px;
	} 
	
}
	

@media (max-width: 767px) {
	
.landing-page  .module-hero-1 h1 {
   font-size: 4rem;
   line-height: 4.6rem;
 }
	
	
.landing-page .subheading {
	line-height:2.4rem;
} 
	
.landing-page  .module-hero-1 .image-wrapper.image-background.contain {
  background-size: cover !important;
}

.landing-page .module-hero-1 .image-wrapper {
   height: 450px;
			width:100% !important;
}
	
	.landing-page .module-hero-1 .image-background {
  background-position: 0 -100px !important;
	}
	
	.landing-page .module-hero-1 .text p {
   font-size: 1.0rem;
   line-height: 1.3rem;
		padding-top:1rem;
}
	
 .landing-page .module-hero-1 .carousel-wrapper {
        height: 675px !important;
    }
	
	.landing-page .content-wrapper {
		padding: 0 1.2rem;
	}
	
	.landing-page .module-left-image-1 .heading {
		padding-top:30px;
	} 
	
		.landing-page .module-left-image-2 .heading {
		padding-top:30px;
	} 
	
		.landing-page .module-right-image-1 .heading {
		padding-top:15px;
	} 
	
	
.landing-page .module-right-image-2 .heading {
		padding-top:15px;
	} 
	
.landing-page .left-image .entry-content figure {
    padding: 0 15px 0 15px !important;
}
	.landing-page .right-image .entry-content figure {
    padding: 0 15px 0 15px !important;
}
	
	.landing-page .left-image .order-2 {
    padding:0 !important; 
	}
	
	.landing-page .right-image .order-2 {
    padding:0 !important; 
	}
}

@media (min-width: 768px) {
	
 .landing-page   .module-hero-1 h1 {
        font-size: 3rem;
        line-height: 4rem;
    }
	
	.landing-page .module-hero-1 .text p {
   font-size: 1.0rem;
   line-height: 1.5rem;
		padding-top:1rem
}

		.landing-page .subheading {
	line-height:2.4rem
} 

}

@media (min-width: 992px) {
  	.landing-page  .module-hero-1 h1 {
        font-size: 4rem;
        line-height: 5rem;
    }
	
		.landing-page .subheading {
	line-height:3.2rem
} 
	
		.landing-page .module-hero-1 .text p {
   font-size: 1.1rem;
   line-height: 1.5rem;
}
	
}

@media (min-width: 1200px) {
  	.landing-page  .module-hero-1 h1 {
        font-size: 5.3rem;
        line-height:6.3rem;
    }
	
		.landing-page  .module-hero-1 h5 {
			  
        font-size: 1.5rem;
        line-height: 1.9rem;
    }
	
	.landing-page .subheading {
	line-height:3.6rem
} 

	.landing-page .module-hero-1 .text p {
  font-size: 1.12rem;
   line-height: 1.5rem;
}
}

@media (min-width: 1400px) {
	
 	.landing-page  .module-hero-1 h1 {
        font-size: 6rem;
        line-height: 6.2rem;
    }
		.landing-page  .module-hero-1 h5 {
			  font-size: 1.8rem;
        line-height: 1.9rem;
    }

	.landing-page .module-hero-1 .text p {
   font-size: 1.12rem;
   line-height: 1.5rem;
}
		.landing-page .module.left-image h2 {
	line-height:2.8rem;
}
}

@media (min-width: 1400px) {
 	.landing-page  .module-hero-1 {
        height: 673px;
    }
	
	 	.landing-page  .module-hero-1 h1 {
       margin-bottom:0.9rem !important;
    }
	
	 .landing-page .module.left-image h2 {
	line-height:3.2rem;
}
}

	.landing-page .module-wysiwig-1 .text-teal {
  	color: #00837f;
}

	.landing-page  .module.left-image figure img {
 width:700px;	
}

	.landing-page  .module.left-image .order-2 {
  padding-top:0 !important;	
}

	.landing-page  .module.right-image figure img {
	width:700px;
}

	.landing-page  .module.right-image .order-1 {
	 padding-top:0 !important;
}

@media screen and (max-width:768px) {
	
/* iframe height on landing pages */
	
 #landing_1 {
   height:640px !important;
 }

 #contact_1 {
   height:1475px !important;
 }
}	


/* Tympa Difference Landing page*/ 


@media screen and (min-width:1400px)  {
	
.page-id-1700 .module-hero-1 h1 .landing-page {
        font-size: 4.3rem;
        line-height: 4.6rem;
}
	
 .page-id-1700 .type-page h1 {
        font-size: 2.8rem;
        line-height: 3rem;
    }
  }
}