/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 24 2026 | 20:32:07 */
 html {
 scroll-behavior: smooth;
}
/* Styles for pages without elementor */
.page-template-default:not(.elementor-page) h1 {
	font-size: 52px;
	line-height: 64px;
	margin-bottom: 30px;
	padding-inline-start: 0!important;
}
.page-template-default:not(.elementor-page) h2 {
	font-size: 32px;
	color: #540077;
	font-weight:500;	
}
.page-template-default:not(.elementor-page) h3 {
	font-size: 25px;
	font-weight:500;	
	margin-top: 30px;
}
.page-template-default:not(.elementor-page) h5 {
	font-size: 18px;
}
.page-template-default:not(.elementor-page) .text-indent {
    text-indent: 0;
    padding-left: 32px;
}

.page-template-default:not(.elementor-page) .text-indent + p, h2 + p {
	margin-left: 32px;
}

.page-template-default:not(.elementor-page) .site-main {
		margin-top: 30px;
	margin-bottom: 100px;
	padding-inline-start: 25px!important;
    padding-inline-end: 25px!important;
}
/*.page-template-default .elementor-button {
font-family: "DM Sans", Sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    line-height: 12px;
    fill: #ffffff;
    color: #ffffff;
    background-color: #D13F00;
}
.page-template-default .elementor-button:hover {
font-family: "DM Sans", Sans-serif;
    text-decoration: none;
    fill: #4C0A72;
    color: #ffffff;
	background-color: #4C0A72;
}*/
/* Styles for page /concussion-athletic-association-a/ */
.purple-background{
background: url("/wp-content/uploads/2015/02/2015-11-17.jpg");
}
.purple-background #contact-f {
    background: none;
box-shadow:none;
	padding-top: 40px;
	padding-bottom: 30px;
}
.purple-background strong {
    color: white;
}
.purple-background span {
    color: white !important;
}
.page-template-default:not(.elementor-page) .purple-background h2 {
    color: white;
font-size:29px;
	text-align: center;
	font-weight: 700;
}
.page-id-410775 h1{
display:none;
}
.page-id-410775 .wpcf7-response-output {
	color: #ffffff;
	position: absolute;
    bottom: 0px;
}
.purple-background .sign-up {
    border: none;
}
.columns.eight.padding-le {
    padding-left: 19px;
}
img.landing-banner{
width:70%;
margin-top: 12px;
}
.page-id-410775 p > .submit-btn {
margin-right:-138px;
}
.page-id-410775 .wpcf7 p {
  font-size: 14px;
  font-weight: bold;
}
.page-id-410775 .column-contact p {
  width: 45%;
  float: left;
  margin-right: 21px;
}
.page-id-410775 .wpcf7-form-control {
  width: 61%;
  float: right;
}
.column-contact {
  min-height: 263px;
  padding-top: 7px;
}
.page-id-410775 .sign-up {
    padding-left: 46px!important;
    padding-right: 40px!important;
  }
.page-id-410775 .img-900 {
max-width: 900px;
}

/* Styles for page /information-session-registration/ */
.container .columns.contact-info-form {
  margin-right: 30px;
	margin-top: -130px;
}
.ath2zone {
	display:none;
}
.ath3zone {
	display: none;
}
/* Styles for forms download */ 
.note-download {
	font-size: 14px;
}
.wpcf7-form label {
	margin-bottom: 8px;
	width: 100%;
	line-height: 2;
	  font-weight: 600;
}

.grecaptcha-badge {
	visibility: hidden;
}
.picreel-animated  {
	background-color: rgb(255, 255, 255,0)!important;
}

.alimolina-fe-content .alimolina-FieldsElement--field-wrapper:last-child::after {
 content: "*Mandatory field."!important;  
 color:#ffffff;
	display: block;
}
/* Code to improve accesibility in page release-notes */ 
.cbxchangelog_release .cbxchangelog_log_label_fixed  {
	background-color: #0D78C9;
}


/* Style for fix issue duplicated button googlpe play store and missing hover effect in app store buitton */
.play-store-orange {
  opacity: 0;
} 
.play-store-orange:hover   {
  opacity: 1;
}
.app-store img:hover {
    filter: invert(39%) sepia(90%) saturate(3334%) hue-rotate(360deg) brightness(100%) contrast(109%);
}


/* Putting styles of home here because of bug of elementor that doesn't charge the custom css of some widgets */
.home .uc_image_carousel_placeholder {
    background-color: #4C0A7299;
}

.home .carousel-image {
    mix-blend-mode: multiply;
}


.home .owl-prev, .home .owl-next {
    border: 1px solid #4C0A72
    !important;
}

.home .owl-prev {
    left: auto!important;
    right: 60px!important;
}

.home h3 {
color:  #4C0A72;
font-size: 32px;
font-weight: 700;
line-height: 32px; 
}
/* Making the text in the overlay */


.home .sub-title-front {
    position: absolute;
    bottom:100px;
    left: 20px;
    color: #FFF2DF;
	font-family: Montserrat;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.home .title-front {
   position: absolute;
    bottom:10px;
    left: 20px;
   color: #FFF;
font-family: Montserrat;
font-size: 32px;
font-weight: 700;
line-height: normal;
letter-spacing: -0.5px;
}

.featured-sports {
    position: relative;
  display: inline-block;
}

.featured-sports .elementor-widget-container::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
  max-width: 100%;
  border-radius: 16px;
}

.featured-sports.american .elementor-widget-container::after {
background: linear-gradient(180deg, rgba(197, 232, 94, 0.00) 19.54%, #657B23 100%);
}

.featured-sports.rugby .elementor-widget-container::after {
background: linear-gradient(180deg, rgba(134, 50, 182, 0.00) 0%, rgba(134, 50, 182, 0.52) 45.31%, #8632B6 84.9%);
}

.featured-sports.hockey .elementor-widget-container::after {
background: linear-gradient(180deg, rgba(255, 77, 0, 0.10) 19.58%, #FF4D00 100%);
}

.featured-sports.lacrosse .elementor-widget-container::after {
background: linear-gradient(180deg, rgba(134, 50, 182, 0.00) 0%, rgba(134, 50, 182, 0.52) 45.31%, #8632B6 84.9%);
}

.featured-sports.cheerleading .elementor-widget-container::after {
background: linear-gradient(180deg, rgba(255, 77, 0, 0.10) 19.58%, #D13F00 100%);
}

/* Style for page /xlntbrain-is-a-proud-sponsor-of-the-nrbs-2025-annual-conference and picture of this article in /blog */
.postid-412002 .elementor-element-168bd7c {
	--overlay-opacity: 0!important;
}

.postid-412002 .elementor-element-274a141  {
	display: none!important;
}

#uc_post_grid_elementor_d6c1a36_item1 img {
object-position: left;
	max-height: 344px;
     height:24vw;
	}

/* Making z-index under button of chatbot */
#cookie-notice {
	z-index: 999;
}

/* end of  Style for page /xlntbrain-is-a-proud-sponsor-of-the-nrbs-2025-annual-conference  */



/* start of Style for carousel for pages https://www.xlntbrain.com/home-one-plataform/ https://www.xlntbrain.com/home-one-plataform/clubs-travel-programs-1/ https://www.xlntbrain.com/home-one-plataform/colleges/ https://www.xlntbrain.com/home-one-plataform/high-schools-1/ */

/* Contenedor Principal */
.testimonial-slider-container {
  width: 100%;
  overflow: hidden;
  padding: 30px 0;
  box-sizing: border-box;
}

/* El Slider con scroll nativo reactivado */
.testimonial-slider {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  padding: 10px 0px 20px 0px; 
  gap: 24px; 
  box-sizing: border-box;
  width: 100%;
  cursor: grab;
  
  /* Ocultar barra de scroll */
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;  
  scrollbar-width: none;  
}

.testimonial-slider:active {
  cursor: grabbing; /* Cursor al arrastrar */
}

.testimonial-slider::-webkit-scrollbar {
  display: none;
}

/* Tarjeta Individual */
.testimonial-card {
  flex: 0 0 440px; /* Ancho fijo para mantener la proporción */
  background-color: #ffffff;
  padding: 40px;
  box-sizing: border-box;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.04);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  user-select: none; /* Evita seleccionar texto por accidente al arrastrar */
}

.testimonial-card:nth-child(2) {
  margin-left: 40px; 
}
.testimonial-card:nth-last-child(2) {
  margin-right: 40px;
}

.testimonial-text {
  color: #707070;
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.6;
  margin: 0 0 40px 0;
}

.testimonial-author {
  display: flex;
  align-items: center;
  gap: 16px;
}

.testimonial-avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
}

.testimonial-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.testimonial-name {
  color: #2D1B69 !important;
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
  letter-spacing: 0.5px;
}

.testimonial-role {
  color: #545454;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.3;
  margin: 0;
}

/* Indicador visual para cuando se enfoca con el teclado (WCAG) */
.testimonial-slider:focus-visible {
  outline: 2px solid #2D1B69;
  outline-offset: 4px;
}	

/* RESPONSIVO MODIFICADO */
@media (max-width: 1024px) {
  /* MODIFICADO: Mantenemos padding lateral en 0 y reducimos el gap */
  .testimonial-slider { padding: 10px 0px 20px 0px; gap: 20px; }
  .testimonial-card { flex: 0 0 380px; padding: 30px; }
  .testimonial-text { font-size: 0.95rem; }
  
  /* MODIFICADO: Ajustamos el margen del elemento real en tablet */
  .testimonial-card:nth-child(2) { margin-left: 24px; }
  .testimonial-card:nth-last-child(2) { margin-right: 24px; }
}

@media (max-width: 400px) {
  /* MODIFICADO: Mantenemos padding lateral en 0 y reducimos el gap */
  .testimonial-slider { padding: 10px 0px 20px 0px; gap: 16px; }
  .testimonial-card { flex: 0 0 290px; padding: 24px; }
  .testimonial-text { font-size: 0.9rem; margin-bottom: 24px; }
  
  /* MODIFICADO: Ajustamos el margen del elemento real en móvil */
  .testimonial-card:nth-child(2) { margin-left: 16px; }
  .testimonial-card:nth-last-child(2) { margin-right: 16px; }
}
/* End of Syle of carousel for pages https://www.xlntbrain.com/home-one-plataform/ https://www.xlntbrain.com/home-one-plataform/clubs-travel-programs-1/ https://www.xlntbrain.com/home-one-plataform/colleges/ https://www.xlntbrain.com/home-one-plataform/high-schools-1/ */















/************************
**** MEDIA QUERIES ******
************************/
@media (max-width: 1366px) {
.home h3 {
        font-size: 25px!important;
    }
}



@media (max-width: 1200px) {
	/* Styles for page /download-concussionology/ */
body:not(.elementor-page) .site-main {
    max-width: 900px;
  }
	.page-id-410766	h1.entry-title {
	max-width: unset;
	}
}
@media (max-width: 970px) {
.page-id-410775 .column-contact p {
    width: 100%;
    float: right;
    margin-right: 0px;
  }
.page-id-410775 .wpcf7-form-control {
  width: 100%;
  float: right;
}
	.page-id-410775 p > .submit-btn {
margin-right:auto;
		margin-top: 25px;
}
	.column-contact {
  min-height: 542px;
  padding-top: 7px;
}
}
@media (max-width: 960px) {
	.container .columns.contact-info-form {
  margin-right: 10px;
	margin-top: -30px;
}
}
@media (max-width: 767px) { 
	.purple-background h2 {
  font-size: 20px;
	}
		p.big {
			margin-left: 0!important;
		}
.page-id-410775	ul {
		padding-left: 17px;
	}
.page-id-410775 .wpcf7-response-output {
    left: 0px;
}
	.container .columns.contact-info-form {
	margin-top: 20px;
}
	
 .home .owl-prev {
    left: auto!important;
    right: 60px!important;
}
	
	/* Style for mobile page /xlntbrain-is-a-proud-sponsor-of-the-nrbs-2025-annual-conference and picture of this article in /blog */
	#uc_post_grid_elementor_d6c1a36_item1 img {
     height:60vw;
	}
	/* end of mobile Style for page /xlntbrain-is-a-proud-sponsor-of-the-nrbs-2025-annual-conference  */
}

/* I had to put the styles of this container in the Plugin Custom CSS because does'nt loads in the frontend */
.container-blog-home {
	max-width: calc(668px + 50vw);
	padding-right: 0;
	margin-right: 0;
}

.container-blog-home .owl-item {
    margin-bottom: 10px;
	margin-left: 6px;
}

@media (max-width: 575px) {
	.page-template-default:not(.elementor-page) h1 {
	font-size: 36px;
	line-height: 42px;
     }
	.page-template-default:not(.elementor-page) h2 { 
	font-size: 22px;
	line-height: 30px
	}
	.column-contact {
  min-height: 562px;
}
}




