* {
		/* border: 1px solid green; */
	}

html:not(.index) .main-content-placeholder {
	margin-top: 55px !important;
}
	.annual-report .hero.bg-image  {
		background: url('https://dbukjj6eu5tsf.cloudfront.net/sidearm.sites/bentleyu.sidearmsports.com/images/2026/9/17/annual-report-2026_v2.jpg') no-repeat;
		background-size: cover;
		min-height: unset;
		padding-bottom: 40px;
	}
	.annual-report .hero.bg-image .inner {
		width: 100%;
		max-width: 1224px;
		margin: 0 auto;
	}

	.annual-report .hero.bg-image .annual-report-banner {
		width: 100%;
		background: rgba(235, 235, 235, .7);
		margin: 150px 0 0 0;
		border-top: 2px solid #0075BE;
		border-bottom: 2px solid #0075BE;
	}
	.annual-report .hero.bg-image .annual-report-banner h1 {
		font-family: arial, sans-serif;
		font-size: 4.5em;
		font-weight: 900;
		color: #000;
		-webkit-text-stroke: 3px black;
		margin: 5px 0 0;
	}	
	.annual-report .hero.bg-image .annual-report-banner .subtitle {
		font-family: arial, sans-serif;
		font-size: 2.2em;
		font-weight: 100;
		color: #000;
	}
	.annual-report .nav {
		text-align: left;
		background: rgba(235, 235, 235, .7);
		max-width: 300px;
		padding: 20px 0 0 0;
	}
	.annual-report .nav ul {
		margin: 10px 0 0 10px;
		padding: 0;
	}
	.annual-report .nav ul li {
		list-style: none;
		margin: 0 0 0 10px;
		padding: 0 0 10px 0;
	}
	.annual-report .nav a {
		display: block;
		text-decoration: none;
		font-size: 1.2em;
		font-family: arial, sans-serif;
	}
	.annual-report .nav a:hover {
		text-decoration: underline;
	}
	img.shield {
		width: 50px;
		margin: 0 0 20px 20px;
	}
	.annual-report .black {
		background: #000;
		color: white;
	}
	.annual-report .darkblue {
		background: #2f4464;
		color: white;
	}
	.annual-report .lightblue {
		background: #0075be;
		color: white;
	}
	.annual-report .grey {
		background: #ebebeb;
		color: black;
	}
	.annual-report .teaser .inner {
		max-width: 1024px;
		max-height: 292px;
		margin: 0 auto;
	}

	.annual-report .teaser .content {
		width: 500px;
		background: transparent;
		display: inline-block;
		vertical-align: top;
		padding-top: 30px;
		font-family: arial, sans-serif;
	}
	.annual-report .teaser .content .section-title {
		text-align: left;
		font-size: 2.05em;
		font-weight: 900;
		line-height: 1.1em;
	}
	.annual-report .teaser .content p {
		font-size: 1em;
	}
	.annual-report .teaser .content a {
		color: white;
		text-decoration: underline;
	}
	.annual-report .teaser .image {
		max-width: 520px;
		background: transparent;
		display: inline-block;
	}
	.annual-report .teaser .image img{
		max-width: 520px;
	}


	.slideshow {
		padding-bottom: 40px;
	}

   .slideshow-container{
      max-width:1024px;
      margin: 0 auto 40px;
      width:100%;
      position:relative;
      padding:0 40px 40px 40px;
    }

    .carousel-container{
      position:relative;
      height:400px;
      margin-bottom:30px;
      overflow:hidden;
      border-radius:15px;
    }

    .carousel-track{
      display:flex;
      height:100%;
      transition: transform 0.5s ease-in-out;
      align-items:center;
      will-change: transform;
    }

    /* Use a fixed width; don't change min-width between states */
    .carousel-slide{
      width: 360px;            /* NEW: fixed width */
      height: 300px;
      margin: 0 15px;
      overflow: hidden;
      cursor: pointer;
      transition: transform .4s ease, opacity .4s ease, box-shadow .4s ease; /* no width/height in transition */
      flex-shrink: 0;
      opacity: .6;
      transform: scale(.8);
    }

    .carousel-slide.active{
      /* remove: min-width: 400px; height: 350px; */
      opacity: 1;
      transform: scale(1.12);  /* visually larger, layout width unchanged */
      z-index: 2;
    }

    .carousel-slide.side{
      opacity: .4;
      transform: scale(.7);
    }

    .carousel-slide img{
      width:100%;
      height:100%;
      object-fit:cover;
      transition: all 0.4s ease;
      display:block;
    }

    .carousel-slide:hover:not(.active){
      opacity:0.8;
      transform:scale(0.85);
    }

    .navigation{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:30px;
      margin-top:20px;
      font-family: arial, san-serif;
    }

    .nav-btn{
      background:rgba(255,255,255,0.2);
      border:2px solid rgba(255,255,255,0.3);
      color:white;
      padding:12px 20px;
      border-radius: 12px;
      cursor:pointer;
      font-size:16px;
      font-weight:500;
      transition: all 0.3s ease;
      backdrop-filter: blur(10px);
      display:flex;
      align-items:center;
      gap:8px;
    }
    .nav-btn:hover{ background:rgba(255,255,255,0.3); border-color:rgba(255,255,255,0.5); transform:translateY(-2px); }
    .nav-btn:disabled{ opacity:0.5; cursor:not-allowed; transform:none; }

    .slide-counter{
      background:rgba(255,255,255,0.2);
      border:2px solid rgba(255,255,255,0.3);
      color:white;
      padding:10px 20px;
      border-radius:12px;
      font-size:18px;
      font-weight:600;
      backdrop-filter: blur(10px);
      min-width:80px;
      text-align:center;
    }

    .nav-arrow{ font-size:18px; }

    .slide-indicators{
      display:flex;
      justify-content:center;
      gap:10px;
      margin-top:20px;
    }
    .indicator{
      width:12px; height:12px; border-radius:50%;
      background:rgba(255,255,255,0.4);
      cursor:pointer; transition: all 0.3s ease;
    }
    .indicator.active{ background:white; transform:scale(1.2); }
    .indicator:hover{ background:rgba(255,255,255,0.7); }

	.annual-report img.quote-icon {
		width: 40px;
		height: 40px;
	}
	.annual-report .collage {
		width: 1024px;
		max-width: 1024px;
		margin: 0 auto;
	}
	.annual-report img.collage {
		width: 1024px;
		max-width: 1024px !important;
		display: block;
		margin: 0 auto;
	}
	.annual-report .section-title {
		width: 100%;
	}
	.annual-report .section-title .inner {
		max-width: 1224px;
		margin: 0 auto;
		padding: 20px 0 0;
		text-align: center;
		font-size: 2.1em;
		font-weight: bold;
		font-family: arial, sans-serif;
		text-transform: uppercase;
	}
	.annual-report #fallwinterspringsports .section-title .inner {
		max-width: 1224px;
		margin: 30px auto 40px;
		padding: 20px 0 0;
		text-align: center;
		font-size: 2.8em;
		font-weight: bold;
		font-family: arial, sans-serif;
		text-transform: uppercase;
		color: #6c6c6c;
	}

	.annual-report .section-title .inner {
		max-width: 1224px;
		margin: 0 auto;
		padding: 20px 0 0;
		text-align: center;
		font-size: 2.1em;
		font-weight: bold;
		font-family: arial, sans-serif;
		text-transform: uppercase;
	}
	.annual-report .video {
		text-align: center;
		padding-top: 20px;
	}

	.annual-report .video iframe {
		margin: 10px 0 40px;
	}
	.annual-report .video .section-title.small{
		font-size: .8em;
	}
	.annual-report .video .section-title .inner {
		max-width: 900px;
	}
	.annual-report .flex-grid {
		max-width: 1024px;
	}
	.annual-report .flex-item {
		background: transparent;
	}
	.annual-report .flex-item p {
		margin: 10px 10px 0 30px;
	}
	.annual-report .flex-grid.cards {
		justify-content: center;
		gap: 50px;
		padding: 40px 0 60px;
	}
	.annual-report .flex-item-two.card  {
		max-width: 486px;
	}

	.annual-report .flex-item-two.card .image,
	.annual-report .flex-item-two.card .image img {
		max-width: 486px;
	}
	.annual-report .flex-item-two.card .caption, 
	.annual-report .flex-item-two.card .card-title, 
	.annual-report .flex-item-two.card  p,
	.annual-report .flex-item-two.card  a {
		max-width: 486px;
	}

	.annual-report .flex-item-two.card .card-inner {
		margin: 0 20px 0 40px;
		font-family: arial, sans-serif;		
		position: relative;
		min-height: 425px;
	}
	.annual-report .flex-item-two.card .card-title {
		font-size: 1.8em;
		font-weight: bold;
		margin-top: 5px;
		line-height: 1.1em;
	}
	.annual-report .flex-item-two.card img.quote-icon {
		width: 35px;
		height: 35px;
		margin-top: 4px;
		margin-bottom: 0;
	}
	.annual-report .flex-item-two.card a {
		text-align: left;
		margin: 10px 0 0 0;
		color: white;
		font-family: arial, sans-serif;
		font-size: .8em;
		font-weight: bold;
		text-decoration: underline;
		position: absolute;
		bottom: 15px;
		left: 0px;
	}
	.annual-report .flex-item-two.card a:hover {
		color: #f7ce55;
	}
	.annual-report .flex-item .initiative-title {
		margin: 20px 0 0 30px;
		font-family: arial, sans-serif;
		font-size: 1.4em;
		font-weight: bold;
	}
	.annual-report .flex-item p {
		line-height: 1.3em;
	}
	.annual-report .fullwidth.black {
		background: #000;
	}

	.annual-report .fullwidth.grey {
		max-height: 150px;
	}
	.annual-report .flex-grid.grey {
		background: #eee;
		width: 100%;
		max-width: 1024px;
		font-family: arial, sans-serif;
		padding: 15px 0;
	}

	.annual-report .flex-grid.grey .flex-item-two {
		background: transparent;
		max-width: 600px;
	}
	.annual-report .flex-grid.grey .flex-item-two .stat {
		font-size: 4em;
		font-weight: bold;
		display: inline-block;
		padding-left: 30px;
	}	
	.annual-report .flex-grid.grey .flex-item-two .notes {
		font-size: .85em;
		line-height: 1em;
		font-weight: 500;
		display: inline-block;
		vertical-align: top;
		padding-top: 12px;
		margin-left: 10px;
		max-width: 60%;
	}	
	.annual-report .flex-grid.grey .flex-item-two .legend {
		font-family: 'Georgia', serif;
		font-weight: bold;
		text-transform: uppercase;
	}
	.annual-report .flex-grid.grey .flex-item-two .record {
		margin-top: 5px;
	}
	.annual-report .flex-grid.grey img.logo {
		max-height: 120px;
		max-width: auto;
		width: auto;
		height: auto;
	}
	.annual-report .flex-row {
		margin-top: 50px;
	}

	.inner-title {
		max-width: 1024px;
		margin: 0 auto;
	}
	.grey-title {
		font-family: arial, sans-serif;
		font-size: 2.4em;
		color: #6c6c6c;
		font-weight: bold;
		margin: 40px 0 40px;
		text-align: left;
		text-transform: uppercase;
	}

		.accordion-container {
		    max-width: 1024px;
		    margin: 20px auto 40px;
		    background: white;
		    overflow: hidden;
		    font-family: arial, sans-serif;
		}

		.accordion-item {
		    border-bottom: 1px solid #e9ecef;
		}
		.accordion-item:first-child {
		    border-top: 1px solid #e9ecef; 
		}
		.accordion-item:last-child {
		    /* border-bottom: none; */
		}

		.accordion-header {
		    display: flex;
		    align-items: center;
		    padding: 20px 24px;
		    cursor: pointer;
		    transition: background-color 0.2s ease;
		    user-select: none;
		}

		.accordion-header:hover {
		    background-color: #f8f9fa;
		}

		.accordion-icon {
		    width: 40px;
		    height: 40px;
		    border: 2px solid #6c757d;
		    border-radius: 50%;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    margin-right: 16px;
		    font-size: 20px;
		    font-weight: bold;
		    color: #2f4464;
		    transition: all 0.3s ease;
		    flex-shrink: 0;
		    background-color: #fff;
		    border-color: #2f4464;
		}

		.accordion-item.active .accordion-icon {
		    background-color: #fff;
		    border-color: #2f4464;
		    color: #2f4464;
		}

		.accordion-title {
		    font-size: 18px;
		    font-weight: 600;
		    color: #2f4464;
		    flex: 1;
		}

		.accordion-content {
		    max-height: 0;
		    overflow: hidden;
		    transition: max-height 0.3s ease;
		}

		.accordion-content.active {
		    max-height: 1000px;
		}

		.accordion-text {
		    padding: 0 24px 24px 80px;
		    color: #333;
		    font-size: 15px;
		    line-height: 1.7;
		}

		.accordion-text p {
		    margin-bottom: 16px;
		}

		.accordion-text p:last-child {
		    margin-bottom: 0;
		}

		/* Smooth animation enhancement */
		.accordion-content {
		    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
		}

		.backtotop {
			width: 70px;
			height: 70px;
			color: red;
			position: fixed;
			bottom: 20px;
			right: 20px;
			background: rgba(255, 255, 255, .8); 
			/* background: white; */
			border-radius: 50%;
			text-align: center;
			vertical-align: center;
			border: 1px solid #2f4464;
		}
		.backtotop a {
			width: 70px;
			height: 70px;
			color: red;
			display: block;
			margin-top: 15px;
			color: #2f4464;
			text-decoration: none;
			font-family: arial, sans-serif;
			font-size: .8em;
			font-weight: bold;
		}
		.backtotop a:hover {
			text-decoration: underline;
		}


  /* Responsive design */
  @media (max-width: 768px) {
			.annual-report, 
			.collage, 
			.annual-report .teaser .content,
			.annual-report .teaser .image,
			.annual-report .teaser .image img,
			.flex-grid {
				width: 100%;
				max-width: 100%;
			}
			.annual-report .hero.bg-image {
				background-position: center;
			}
			.annual-report .nav {
				margin-left: 20px;
			}
			.annual-report .hero.bg-image .annual-report-banner h1 {
			    font-size: 2.5em;
			}
			.annual-report .hero.bg-image .annual-report-banner .subtitle {
				font-size: 1.5em;
			}
			.flex-grid {
				width: 100%;
				max-width: 100%;
				padding: 0;

			}
			.annual-report .teaser .inner {
				max-height: unset;
			}
			.teaser .inner .content .section-title {
				max-width: 90%;
				width: 90%;
				margin: 0 auto;
			}
			.teaser .inner .content p {
				max-width: 90%;
				width: 90%;
				margin: 20px auto;				
			}
			.teaser .inner .content a {
				max-width: 90%;
				width: 90%;
				margin: 10px auto;
				display: block;				
			}
			.teaser .inner .image {
				display: block;				
			}
			.video iframe {
				max-width: 90%;
				width: 90%;
				margin: 0 auto;
			}
			.accordion-container {
				margin: 0 10px;
			}
			.annual-report #fallwinterspringsports .section-title .inner {
				width: 100%;
				max-width: 100%;
				font-size: 2em;
			}
            .accordion-header {
                padding: 16px 20px;
            }

            .accordion-icon {
                width: 40px;
                height: 40px;
                font-size: 1.5em;
            }

            .accordion-title {
                font-size: 1.3em;
            }

            .accordion-text {
                padding: 0 20px 20px 72px;
                font-size: 14px;
            }
            .annual-report .grey-title {
            	font-size: 1.7em;
            	margin: 40px 0 0 30px;
            }
            .annual-report .fullwidth.grey {
            	max-height: unset;
            }
			.annual-report .flex-grid.grey .flex-item-two {
			    margin-bottom: 10px;
			}
            .annual-report .flex-grid.grey .flex-item-two .stat {
            	font-size: 2.2em;
            	width: 20%;
            	text-align: right;
            }
            .annual-report .flex-grid.grey .flex-item-two .notes {
            	padding-top: 0;
            	
            }



			.slideshow-container{ padding: 0; margin: 0; }
			.carousel-container{ height:300px; }
			.carousel-slide{ min-width:200px; height:200px; margin:0 10px; }
			.carousel-slide.active{ min-width:250px; height:250px; }
			.navigation{ gap:15px; flex-wrap:wrap; }
			.nav-btn{ padding:10px 15px; font-size:14px; }
	    }

	    @media (max-width:480px){
			.carousel-slide{ min-width:150px; height:150px; margin:0 8px; }
			.carousel-slide.active{ min-width:180px; height:180px; }
	    }

	    .fullwidth.darkblue a.more,
	    .fullwidth.black a.more {
	    	color: white;
	    	font-family: arial, sans-serif;
	    	display: block;
	    	margin: 10px 0 0 30px;
	    	font-weight: bold;
	    }
		  .fullwidth.darkblue a.more:hover,
	    .fullwidth.black a.more:hover {
	    	color: #f7ce55;
	    	
	    }
	.annual-report .hero.bg-image.tradition  {
		background: url('images/annual-report/vaughn-williams.jpg') no-repeat;
		background-size: cover;
		min-height: unset;
		padding-bottom: 40px;
		min-height: 400px;
	}
	.annual-report .hero.bg-image .inner {
		width: 100%;
		max-width: 1224px;
		margin: 0 auto;
	}

	.annual-report .black {
		background: #000;
		color: white;
	}
	.annual-report .darkblue {
		background: #2f4464;
		color: white;
	}
	.annual-report .flex-grid {
		max-width: 1024px;
		align-items: center;
	}
	.annual-report .flex-item {
		background: transparent;
		margin-bottom: 20px;
	}

	.annual-report .flex-item p {
		line-height: 1.3em;
	}
	.annual-report .fullwidth.black {
		background: #000;
	}
	.annual-report.stories .section-title .inner {
		width: 1024px;
		max-width: 1024px;
		margin: 0 auto;
		padding: 20px 0 0;
		text-align: left;
		font-size: 1.3em;
		font-weight: bold;
		font-family: arial, sans-serif;
		text-transform: uppercase;
	}
	.annual-report.tradition .section-title .inner h1 {
		margin-top: 10px;
	}

	.annual-report.stories .content  {
		max-width: 1024px;
		margin: 0 auto;
		padding-bottom: 40px;
		font-family: arial, sans-serif;
	}
	.annual-report.stories .right {
		float: right;
		margin: 10px 0 40px 40px;
		max-width: 475px;
	}
	.annual-report.stories .story {
		padding-bottom: 50px;
		margin-bottom: 50px;
		border-bottom: 1px solid #fff;
		min-height: 320px;
	}
	.annual-report.stories .story p,
	.annual-report.tradition .content p {
		line-height: 1.4em !important;
	}
	.annual-report.stories .story .story-title {
		font-family: arial, sans-serif;
		font-size: 1.8em;
		font-weight: bold;
		line-height: 1.2em;
		margin-bottom: 5px;
	}
	.annual-report.stories .story .athlete {
		font-family: arial, sans-serif;
		font-size: 1.1em;
		margin-bottom: 10px;
	}

    /* Responsive rules for Annual Report Stories */
    @media (max-width: 768px) {
		.annual-report.stories .content {
		    width: 90%;         
		    margin: 0 auto;       
		    box-sizing: border-box;
		}		
		.annual-report.stories p.right {
		    width: 90%;         
		    margin: 0 auto;       
		    box-sizing: border-box;
		    float: none;
		    border: 1px solid red;
		}
		.annual-report.stories img.right {
		    width: 100%;         
		    margin: 0 auto;       
		    box-sizing: border-box;
		    margin-bottom: 20px;
		}
		.annual-report.stories .section-title .inner {
			width: 90%;
			max-width: 90%;
	    }
	}

	.annual-report.tradition .hero.bg-image.tradition  {
		background: url('images/annual-report/vaughn-williams.jpg') no-repeat;
		background-size: cover;
		min-height: unset;
		padding-bottom: 40px;
		min-height: 400px;
	}
	.annual-report.tradition .hero.bg-image .inner {
		width: 100%;
		max-width: 1224px;
		margin: 0 auto;
	}

	.annual-report.tradition .black {
		background: #000;
		color: white;
	}
	.annual-report.tradition .flex-grid {
		max-width: 1024px;
	}
	.annual-report.tradition .flex-item {
		background: transparent;
	}

	.annual-report.tradition .flex-item p {
		line-height: 1.3em;
	}
	.annual-report.tradition .fullwidth.black {
		background: #000;
	}
	.annual-report.tradition .section-title .inner {
		max-width: 1024px;
		margin: 0 auto;
		padding: 20px 0 0;
		text-align: left;
		font-size: 1.3em;
		font-weight: bold;
		font-family: arial, sans-serif;
		text-transform: uppercase;
	}
	.annual-report.tradition .section-title .inner h1 {
		margin-top: 10px;
	}

	.annual-report.tradition .content  {
		max-width: 1024px;
		margin: 0 auto;
		padding-bottom: 40px;
		font-family: arial, sans-serif;
		line-height: 1.2em;
	}

    /* Responsive rules for Annual Report Stories */
    @media (max-width: 768px) {
		.annual-report.tradition .hero.bg-image.tradition {
			min-height: 130px;
		}
		.annual-report.tradition .content  {
			max-width: 90%;
		}
		.annual-report.tradition .section-title .inner {
			width: 90%;
			max-width: 90%;			
		}
		.annual-report.tradition .flex-grid {
			max-width: 90% !important;
			width: 90%;
			padding: 0;
		}	
		.annual-report.tradition .flex-grid.white {
			max-width: 90% !important;
			width: 90%;
			margin: 0;
			padding: 0;
		}	
	}


.season-sports {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 30px 70px;
}

.season-sports__item {
  margin-bottom: 70px;
}

.season-sports__item:last-child {
  margin-bottom: 0;
}

.season-sports__image img {
  display: block;
  width: 100%;
  height: auto;
}

.season-sports__content {
  padding-top: 25px;
}

.season-sports__title {
  margin: 0 0 20px;
  font-family: caecilia, serif;
  font-size: 2.5rem;
  line-height: 1.1;
}

.season-sports__content p {
  margin: 0 0 18px;
  line-height: 1.6;
}

@media (max-width: 700px) {
  .season-sports {
    padding: 30px 20px 50px;
  }

  .season-sports__item {
    margin-bottom: 50px;
  }

  .season-sports__title {
    font-size: 2rem;
  }
}