/* -----------------------------------------------------------------------------------------------
   VALKOINEN BLOKKI (tumma teksti)
   ----------------------------------------------------------------------------------------------- */

/* Primaarinen */
.tt-section.bg-white:not(.text-white) .tt-btn.tt-btn-primary,
.tt-section.bg-white:not(.text-white) .tt-btn.tt-btn-primary > * {
	background-color: var(--tt-secondary-color) !important;
	color: var(--tt-black-bg-color) !important;	
}

/* Toissijainen */
.tt-section.bg-white:not(.text-white) .tt-btn.tt-btn-secondary,
.tt-section.bg-white:not(.text-white) .tt-btn.tt-btn-secondary > * {
	background-color: var(--tt-black-bg-color) !important;
	color: #fff !important;
}

/* Reunaviiva */
.tt-section.bg-white:not(.text-white) .tt-btn.tt-btn-dark-outline,
.tt-section.bg-white:not(.text-white) .tt-btn.tt-btn-dark-outline > *,
.tt-section.bg-white:not(.text-white) .tt-btn.tt-btn-light-outline,
.tt-section.bg-white:not(.text-white) .tt-btn.tt-btn-light-outline > * {
	color: var(--tt-black-bg-color) !important;
}

.tt-section.bg-white:not(.text-white) .tt-btn.tt-btn-dark-outline,
.tt-section.bg-white:not(.text-white) .tt-btn.tt-btn-light-outline {
	box-shadow: inset 0 0 0 2px var(--tt-black-bg-color) !important;
}

/* Tekstilinkki */
.tt-section.bg-white:not(.text-white) .tt-btn.tt-btn-link,
.tt-section.bg-white:not(.text-white) .tt-btn.tt-btn-link > *,
.tt-section.bg-white:not(.text-white) .tt-btn.tt-btn-link *,
.tt-section.bg-white:not(.text-white) .tt-btn.tt-btn-link *::after {
	color: var(--tt-black-bg-color) !important;
}



/* -----------------------------------------------------------------------------------------------
   VALKOINEN BLOKKI (valkoinen teksti)
   ----------------------------------------------------------------------------------------------- */

/* Primaarinen */
.tt-section.bg-white.text-white .tt-btn.tt-btn-primary,
.tt-section.bg-white.text-white .tt-btn.tt-btn-primary > * {
	background-color: var(--tt-secondary-color) !important;
	color: var(--tt-black-bg-color) !important;	
}

/* Toissijainen */
.tt-section.bg-white.text-white .tt-btn.tt-btn-secondary,
.tt-section.bg-white.text-white .tt-btn.tt-btn-secondary > * {
	background-color: var(--tt-black-bg-color) !important;
	color: #fff !important;
}

/* Reunaviiva */
.tt-section.bg-white.text-white .tt-btn.tt-btn-dark-outline,
.tt-section.bg-white.text-white .tt-btn.tt-btn-dark-outline > *,
.tt-section.bg-white.text-white .tt-btn.tt-btn-light-outline,
.tt-section.bg-white.text-white .tt-btn.tt-btn-light-outline > * {
	color: var(--tt-black-bg-color) !important;
}

.tt-section.bg-white.text-white .tt-btn.tt-btn-dark-outline,
.tt-section.bg-white.text-white .tt-btn.tt-btn-light-outline {
	box-shadow: inset 0 0 0 2px var(--tt-black-bg-color) !important;
}

/* Tekstilinkki */
.tt-section.bg-white.text-white .tt-btn.tt-btn-link,
.tt-section.bg-white.text-white .tt-btn.tt-btn-link > *,
.tt-section.bg-white.text-white .tt-btn.tt-btn-link *,
.tt-section.bg-white.text-white .tt-btn.tt-btn-link *::after {
	color: var(--tt-black-bg-color) !important;
}




/* -----------------------------------------------------------------------------------------------
   VAALEANHARMAA BLOKKI (tumma teksti)
   ----------------------------------------------------------------------------------------------- */

/* Primaarinen */
.tt-section.bg-white-accent:not(.text-white) .tt-btn.tt-btn-primary,
.tt-section.bg-white-accent:not(.text-white) .tt-btn.tt-btn-primary > * {
	background-color: var(--tt-secondary-color) !important;
	color: var(--tt-black-bg-color) !important;	
}

/* Toissijainen */
.tt-section.bg-white-accent:not(.text-white) .tt-btn.tt-btn-secondary,
.tt-section.bg-white-accent:not(.text-white) .tt-btn.tt-btn-secondary > * {
	background-color: var(--tt-black-bg-color) !important;
	color: #fff !important;	
}

/* Reunaviiva */
.tt-section.bg-white-accent:not(.text-white) .tt-btn.tt-btn-dark-outline,
.tt-section.bg-white-accent:not(.text-white) .tt-btn.tt-btn-dark-outline > *,
.tt-section.bg-white-accent:not(.text-white) .tt-btn.tt-btn-light-outline,
.tt-section.bg-white-accent:not(.text-white) .tt-btn.tt-btn-light-outline > * {
	color: var(--tt-black-bg-color) !important;
}

.tt-section.bg-white-accent:not(.text-white) .tt-btn.tt-btn-dark-outline,
.tt-section.bg-white-accent:not(.text-white) .tt-btn.tt-btn-light-outline {
	box-shadow: inset 0 0 0 2px var(--tt-black-bg-color) !important;
}

/* Tekstilinkki */
.tt-section.bg-white-accent:not(.text-white) .tt-btn.tt-btn-link,
.tt-section.bg-white-accent:not(.text-white) .tt-btn.tt-btn-link > *,
.tt-section.bg-white-accent:not(.text-white) .tt-btn.tt-btn-link *,
.tt-section.bg-white-accent:not(.text-white) .tt-btn.tt-btn-link *::after {
	color: var(--tt-black-bg-color) !important;
}




/* -----------------------------------------------------------------------------------------------
   VAALEANHARMAA BLOKKI (valkoinen teksti)
   ----------------------------------------------------------------------------------------------- */

/* Primaarinen */
.tt-section.bg-white-accent.text-white .tt-btn.tt-btn-primary,
.tt-section.bg-white-accent.text-white .tt-btn.tt-btn-primary > * {
	background-color: var(--tt-secondary-color) !important;
	color: var(--tt-black-bg-color) !important;	
}

/* Toissijainen */
.tt-section.bg-white-accent.text-white .tt-btn.tt-btn-secondary,
.tt-section.bg-white-accent.text-white .tt-btn.tt-btn-secondary > * {
	background-color: var(--tt-black-bg-color) !important;
	color: #fff !important;
}

/* Reunaviiva */
.tt-section.bg-white-accent.text-white .tt-btn.tt-btn-dark-outline,
.tt-section.bg-white-accent.text-white .tt-btn.tt-btn-dark-outline > *,
.tt-section.bg-white-accent.text-white .tt-btn.tt-btn-light-outline,
.tt-section.bg-white-accent.text-white .tt-btn.tt-btn-light-outline > * {
	color: var(--tt-black-bg-color) !important;
}

.tt-section.bg-white-accent.text-white .tt-btn.tt-btn-dark-outline,
.tt-section.bg-white-accent.text-white .tt-btn.tt-btn-light-outline {
	box-shadow: inset 0 0 0 2px var(--tt-black-bg-color) !important;
}


/* Tekstilinkki */
.tt-section.bg-white-accent.text-white .tt-btn.tt-btn-link,
.tt-section.bg-white-accent.text-white .tt-btn.tt-btn-link > *,
.tt-section.bg-white-accent.text-white .tt-btn.tt-btn-link *,
.tt-section.bg-white-accent.text-white .tt-btn.tt-btn-link *::after {
	color: var(--tt-black-bg-color) !important;
}




/* -----------------------------------------------------------------------------------------------
   KELTAINEN BLOKKI (tumma teksti)
   ----------------------------------------------------------------------------------------------- */

/* Primaarinen */
.tt-section.bg-citrus:not(.text-white) .tt-btn.tt-btn-primary,
.tt-section.bg-citrus:not(.text-white) .tt-btn.tt-btn-primary > * {
	background-color: var(--tt-black-bg-color) !important;
	color: var(--tt-citrus-bg-color) !important;
}

/* Toissijainen */
.tt-section.bg-citrus:not(.text-white) .tt-btn.tt-btn-secondary,
.tt-section.bg-citrus:not(.text-white) .tt-btn.tt-btn-secondary > * {
	background-color: var(--tt-secondary-color) !important;
	color: var(--tt-black-bg-color) !important;	
}

/* Reunaviiva */
.tt-section.bg-citrus:not(.text-white) .tt-btn.tt-btn-dark-outline,
.tt-section.bg-citrus:not(.text-white) .tt-btn.tt-btn-dark-outline > *,
.tt-section.bg-citrus:not(.text-white) .tt-btn.tt-btn-light-outline,
.tt-section.bg-citrus:not(.text-white) .tt-btn.tt-btn-light-outline > * {
	color: var(--tt-black-bg-color) !important;
}

.tt-section.bg-citrus:not(.text-white) .tt-btn.tt-btn-dark-outline,
.tt-section.bg-citrus:not(.text-white) .tt-btn.tt-btn-light-outline {
	box-shadow: inset 0 0 0 3px var(--tt-black-bg-color) !important;
}

/* Tekstilinkki */
.tt-section.bg-citrus:not(.text-white) .tt-btn.tt-btn-link,
.tt-section.bg-citrus:not(.text-white) .tt-btn.tt-btn-link > *,
.tt-section.bg-citrus:not(.text-white) .tt-btn.tt-btn-link *,
.tt-section.bg-citrus:not(.text-white) .tt-btn.tt-btn-link *::after {
	color: var(--tt-black-bg-color) !important;
}




/* -----------------------------------------------------------------------------------------------
   KELTAINEN BLOKKI (valkoinen teksti)
   ----------------------------------------------------------------------------------------------- */

/* Primaarinen */
.tt-section.bg-citrus.text-white .tt-btn.tt-btn-primary,
.tt-section.bg-citrus.text-white .tt-btn.tt-btn-primary > * {
	background-color: var(--tt-black-bg-color) !important;
	color: var(--tt-citrus-bg-color) !important;
}

/* Toissijainen */
.tt-section.bg-citrus.text-white .tt-btn.tt-btn-secondary,
.tt-section.bg-citrus.text-white .tt-btn.tt-btn-secondary > * {
	background-color: var(--tt-secondary-color) !important;
	color: var(--tt-black-bg-color) !important;	
}

/* Reunaviiva */
.tt-section.bg-citrus.text-white .tt-btn.tt-btn-dark-outline,
.tt-section.bg-citrus.text-white .tt-btn.tt-btn-dark-outline > *,
.tt-section.bg-citrus.text-white .tt-btn.tt-btn-light-outline,
.tt-section.bg-citrus.text-white .tt-btn.tt-btn-light-outline > * {
	color: var(--tt-black-bg-color) !important;
}

.tt-section.bg-citrus.text-white .tt-btn.tt-btn-dark-outline,
.tt-section.bg-citrus.text-white .tt-btn.tt-btn-light-outline {
	box-shadow: inset 0 0 0 2px var(--tt-black-bg-color) !important;
}

/* Tekstilinkki */
.tt-section.bg-citrus.text-white .tt-btn.tt-btn-link,
.tt-section.bg-citrus.text-white .tt-btn.tt-btn-link > *,
.tt-section.bg-citrus.text-white .tt-btn.tt-btn-link *,
.tt-section.bg-citrus.text-white .tt-btn.tt-btn-link *::after {
	color: var(--tt-black-bg-color) !important;
}




/* -----------------------------------------------------------------------------------------------
   TURKOOSI BLOKKI (tumma teksti)
   ----------------------------------------------------------------------------------------------- */

/* Primaarinen */
.tt-section.bg-aqua:not(.text-white) .tt-btn.tt-btn-primary,
.tt-section.bg-aqua:not(.text-white) .tt-btn.tt-btn-primary > * {
	background-color: var(--tt-black-bg-color) !important;
	color: var(--tt-aqua-bg-color) !important;
}

/* Toissijainen */
.tt-section.bg-aqua:not(.text-white) .tt-btn.tt-btn-secondary,
.tt-section.bg-aqua:not(.text-white) .tt-btn.tt-btn-secondary > * {
	background-color: var(--tt-citrus-bg-color) !important;
	color: var(--tt-black-bg-color) !important;	
}

/* Reunaviiva */
.tt-section.bg-aqua:not(.text-white) .tt-btn.tt-btn-dark-outline,
.tt-section.bg-aqua:not(.text-white) .tt-btn.tt-btn-dark-outline > *,
.tt-section.bg-aqua:not(.text-white) .tt-btn.tt-btn-light-outline,
.tt-section.bg-aqua:not(.text-white) .tt-btn.tt-btn-light-outline > * {
	color: var(--tt-black-bg-color) !important;
}

.tt-section.bg-aqua:not(.text-white) .tt-btn.tt-btn-dark-outline,
.tt-section.bg-aqua:not(.text-white) .tt-btn.tt-btn-light-outline {
	box-shadow: inset 0 0 0 2px var(--tt-black-bg-color) !important;
}

/* Tekstilinkki */
.tt-section.bg-aqua:not(.text-white) .tt-btn.tt-btn-link,
.tt-section.bg-aqua:not(.text-white) .tt-btn.tt-btn-link > *,
.tt-section.bg-aqua:not(.text-white) .tt-btn.tt-btn-link *,
.tt-section.bg-aqua:not(.text-white) .tt-btn.tt-btn-link *::after {
	color: var(--tt-black-bg-color) !important;
}




/* -----------------------------------------------------------------------------------------------
   TURKOOSI BLOKKI (valkoinen teksti)
   ----------------------------------------------------------------------------------------------- */

/* Primaarinen */
.tt-section.bg-aqua.text-white .tt-btn.tt-btn-primary,
.tt-section.bg-aqua.text-white .tt-btn.tt-btn-primary > * {
	background-color: var(--tt-black-bg-color) !important;
	color: var(--tt-aqua-bg-color) !important;
}

/* Toissijainen */
.tt-section.bg-aqua.text-white .tt-btn.tt-btn-secondary,
.tt-section.bg-aqua.text-white .tt-btn.tt-btn-secondary > * {
	background-color: var(--tt-citrus-bg-color) !important;
	color: var(--tt-black-bg-color) !important;
}

/* Reunaviiva */
.tt-section.bg-aqua.text-white .tt-btn.tt-btn-dark-outline,
.tt-section.bg-aqua.text-white .tt-btn.tt-btn-dark-outline > *,
.tt-section.bg-aqua.text-white .tt-btn.tt-btn-light-outline,
.tt-section.bg-aqua.text-white .tt-btn.tt-btn-light-outline > * {
	color: #fff !important;
}

.tt-section.bg-aqua.text-white .tt-btn.tt-btn-dark-outline,
.tt-section.bg-aqua.text-white .tt-btn.tt-btn-light-outline {
	box-shadow: inset 0 0 0 2px #fff !important;
}

/* Tekstilinkki */
.tt-section.bg-aqua.text-white .tt-btn.tt-btn-link,
.tt-section.bg-aqua.text-white .tt-btn.tt-btn-link > *,
.tt-section.bg-aqua.text-white .tt-btn.tt-btn-link *,
.tt-section.bg-aqua.text-white .tt-btn.tt-btn-link *::after {
	color: #fff !important;
}




/* -----------------------------------------------------------------------------------------------
   MUSTA BLOKKI (tumma teksti)
   ----------------------------------------------------------------------------------------------- */

/* Primaarinen */
.tt-section.bg-black:not(.text-white) .tt-btn.tt-btn-primary,
.tt-section.bg-black:not(.text-white) .tt-btn.tt-btn-primary > * {
	background-color: var(--tt-citrus-bg-color) !important;
	color: var(--tt-black-bg-color) !important;	
}

/* Toissijainen */
.tt-section.bg-black:not(.text-white) .tt-btn.tt-btn-secondary,
.tt-section.bg-black:not(.text-white) .tt-btn.tt-btn-secondary > * {
	background-color: var(--tt-secondary-color) !important;
	color: var(--tt-black-bg-color) !important;	
}

/* Reunaviiva */
.tt-section.bg-black:not(.text-white) .tt-btn.tt-btn-dark-outline,
.tt-section.bg-black:not(.text-white) .tt-btn.tt-btn-dark-outline > *,
.tt-section.bg-black:not(.text-white) .tt-btn.tt-btn-light-outline,
.tt-section.bg-black:not(.text-white) .tt-btn.tt-btn-light-outline > * {
	color: #fff !important;
}

.tt-section.bg-black:not(.text-white) .tt-btn.tt-btn-dark-outline,
.tt-section.bg-black:not(.text-white) .tt-btn.tt-btn-light-outline {
	box-shadow: inset 0 0 0 2px #fff !important;
}

/* Tekstilinkki */
.tt-section.bg-black:not(.text-white) .tt-btn.tt-btn-link,
.tt-section.bg-black:not(.text-white) .tt-btn.tt-btn-link > *,
.tt-section.bg-black:not(.text-white) .tt-btn.tt-btn-link *,
.tt-section.bg-black:not(.text-white) .tt-btn.tt-btn-link *::after {
	color: #fff !important;
}




/* -----------------------------------------------------------------------------------------------
   MUSTA BLOKKI (valkoinen teksti)
   ----------------------------------------------------------------------------------------------- */

/* Primaarinen */
.tt-section.bg-black.text-white .tt-btn.tt-btn-primary,
.tt-section.bg-black.text-white .tt-btn.tt-btn-primary > * {
	background-color: var(--tt-citrus-bg-color) !important;
	color: var(--tt-black-bg-color) !important;	
}

/* Toissijainen */
.tt-section.bg-black.text-white .tt-btn.tt-btn-secondary,
.tt-section.bg-black.text-white .tt-btn.tt-btn-secondary > * {
	background-color: var(--tt-secondary-color) !important;
	color: var(--tt-black-bg-color) !important;	
}

/* Reunaviiva */
.tt-section.bg-black.text-white .tt-btn.tt-btn-dark-outline,
.tt-section.bg-black.text-white .tt-btn.tt-btn-dark-outline > *,
.tt-section.bg-black.text-white .tt-btn.tt-btn-light-outline,
.tt-section.bg-black.text-white .tt-btn.tt-btn-light-outline > * {
	color: #fff !important;
}

.tt-section.bg-black.text-white .tt-btn.tt-btn-dark-outline,
.tt-section.bg-black.text-white .tt-btn.tt-btn-light-outline {
	box-shadow: inset 0 0 0 2px #fff !important;
}

/* Tekstilinkki */
.tt-section.bg-black.text-white .tt-btn.tt-btn-link,
.tt-section.bg-black.text-white .tt-btn.tt-btn-link > *,
.tt-section.bg-black.text-white .tt-btn.tt-btn-link *,
.tt-section.bg-black.text-white .tt-btn.tt-btn-link *::after {
	color: #fff !important;
}