/*
 Theme Name:   Atomix - Stockton Sixth Form College
 Theme URI:    https://viacreative.co.uk
 Description:  Stockton Sixth Form College theme for Atomix
 Author:       VIA Creative
 Author URI:   https://viacreative.co.uk
 Template:     generatepress
 Version:      0.1
*/

.flickity-page-dots .dot {
	background: var(--contrast);
	opacity: 1;
}
.flickity-page-dots .dot.is-selected {
	background: var(--accent);
}
.flickity-prev-next-button {
	height: 2.75rem;
	width: 2.75rem;
	margin-top: 1rem;
	top: calc(100% + 1.375rem);
}
.flickity-button {
	background: transparent;
	border: 3px solid var(--contrast-3);
	color: var(--contrast-3);
}
.flickity-button:hover {
	background: var(--contrast-3);
	color: var(--base-3);	
}
button.flickity-button {
	padding: 5px;
}
.flickity-prev-next-button.previous {
	left: 0;
}
.flickity-prev-next-button.next {
	right: 0;
}
.flickity-prev-next-button {
  /*bottom: 0; /* Position buttons at the bottom */
  /*top: auto;  /* Reset top if previously set */
  /*width: 44px; /* Adjust width as needed */
  /*height: 44px; /* Adjust height as needed */
}

.flickity-prev-next-button.previous {
  left: auto; /* Reset left */
  right: 3.75rem; /* Position the previous button to the right of the next button */
}

.flickity-prev-next-button.next {
  right: 0; /* Position the next button at the bottom right */
}

/* Optional: Adjust icon size and color */
.flickity-button-icon {
  width: 24px;
  height: 24px;
}

/* Optional: Style disabled buttons */
.flickity-button:disabled {
  opacity: 0.5; /* Make disabled buttons slightly transparent */
}