/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.tns-outer~.controls-container>div {
	background-color: white;
    color: black !important;
    font-size: 1rem;
    position: absolute;
    top: 1rem;
    /* transform: translateY(-50%); */
    border-radius: 50rem;
    padding: 0.25rem 0.375rem;
    opacity: 0.75;
    cursor: pointer;
    transition: color 0.2s linear;
    z-index: 100;
}

.tns-outer~.controls-container>div:hover {
    color: var(--themecolor-dark);
    opacity: 0.95;
}

.tns-outer~.controls-container .prev {
    right: 3.5rem;
}

.tns-outer~.controls-container .next {
    right: 1rem;
}

.tns-outer~.controls-container div[aria-disabled="true"] {
    display: none;
}

.tns-outer~.controls-container div[aria-disabled="true"],
.tns-outer~.controls-container div[aria-disabled="true"]:hover {
    opacity: 0;
}