/*-------------*/
/*colour-pallet*/
/*-------------*/
/* Targets the footer ONLY if it doesn't have your future custom image class */
.wp-block-template-part:last-of-type:not(.has-custom-bg),
.wp-block-template-part:last-of-type:not(.has-custom-bg) .wp-block-group,
.wp-block-template-part:last-of-type:not(.has-custom-bg) .has-background {
  background-color: var(--col-bg) !important;
  background-image: none !important; 
  background: var(--col-bg) !important; 
}
:root {
	--col-bg: #ffffff;
	--col-txt-head: #11181F;
	--col-txt-norm: #474747;
	--col-txt-hover: #8ed1fc;
	
	--col-but-bg: #8ed1fc;
	--col-but-text: #474747;
	--col-but-bg-wip: #FCD34D;
	--col-but-txt-wip: #0F172A;
}
body {
	background-color: var(--col-bg);
	color: var(--col-txt-norm);
}
a {
	color: var(--col-txt-norm);
	text-decoration: underline;
}
a:hover {
	color: var(--col-txt-hover);
}
.editor-styles-wrapper a, 
.block-editor-block-list__layout a {
  color: var(--col-txt-norm) !important;
}
.editor-styles-wrapper a:hover, 
.block-editor-block-list__layout a:hover {
  color: var(--col-txt-hover) !important;
}
@media (prefers-color-scheme: dark) {
	:root {
		--col-bg: #ffffff;
		--col-txt-head: #11181F;
		--col-txt-norm: #474747;
		--col-txt-hover: #8ed1fc;

		--col-but-bg: #8ed1fc;
		--col-but-text: #474747;
		--col-but-bg-wip: #FCD34D;
		--col-but-txt-wip: #0F172A;
	}	
}
/*-------------*/
/*lftc-tab-card*/
/*-------------*/
/*Body*/
.lftc-tab-card-block{
	padding: 10px;
	margin: 10px 0;
	border-radius: 6px;
	text-align: center;
}
/*Grey*/
.lftc-tab-card-Grey {	
	background: linear-gradient(to right, #E5E7EB 0%, #F9FAFB 5%, #F9FAFB 95%, #E5E7EB 100%) !important;
	border-left: 4px solid #4B5563;
	border-right: 4px solid #4B5563;	
}
.lftc-tab-card-Grey-L {	
	background: linear-gradient(to right, #E5E7EB 0%, #F9FAFB 5%) !important;
	border-left: 4px solid #4B5563;		
}
.lftc-tab-card-Grey-R {
	background: linear-gradient(to left, #E5E7EB 0%, #F9FAFB 5%) !important;
	border-right: 4px solid #4B5563;	
}
/*Blue*/
.lftc-tab-card-Blue {
	background: linear-gradient(to right, #E0F2FE 0%, #f7fcff 5%, #f7fcff 95%, #E0F2FE 100%) !important;
	border-left: 4px solid #0284C7;
	border-right: 4px solid #0284C7;
}
.lftc-tab-card-Blue-L {
	background: linear-gradient(to right, #E0F2FE 0%, #f7fcff 5%) !important;
	border-left: 4px solid #0284C7;
}
.lftc-tab-card-Blue-R {
	background: linear-gradient(to left, #E0F2FE 0%, #f7fcff 5%) !important;
	border-right: 4px solid #0284C7;
}
/*Red*/
.lftc-tab-card-Red {
	background: linear-gradient(to right, #FEE2E2 0%, #FFFDFB 5%, #FFFDFB 95%, #FEE2E2 100%) !important;
	border-left: 4px solid #DC2626;
	border-right: 4px solid #DC2626;
}
.lftc-tab-card-Red-L {
	background: linear-gradient(to right, #FEE2E2 0%, #FFFDFB 5%) !important;
	border-left: 4px solid #DC2626;
}
.lftc-tab-card-Red-R {
	background: linear-gradient(to left, #FEE2E2 0%, #FFFDFB 5%) !important;
	border-right: 4px solid #DC2626;
}
/*Green*/
.lftc-tab-card-Green {
	background: linear-gradient(to right, #DCFCE7 0%, #F7FCF9 5%, #F7FCF9 95%, #DCFCE7 100%) !important;
	border-left: 4px solid #16A34A;
	border-right: 4px solid #16A34A;
}
.lftc-tab-card-Green-L {
	background: linear-gradient(to right, #DCFCE7 0%, #F7FCF9 5%) !important;
	border-left: 4px solid #16A34A;
}
.lftc-tab-card-Green-R {
	background: linear-gradient(to left, #DCFCE7 0%, #F7FCF9 5%) !important;
	border-right: 4px solid #16A34A;
}
/*Purple*/
.lftc-tab-card-Purple {
  background: linear-gradient(to right, #F3E8FF 0%, #FAF5FF 5%, #FAF5FF 95%, #F3E8FF 100%) !important;
  border-left: 4px solid #6D28D9;
  border-right: 4px solid #6D28D9;
}
.lftc-tab-card-Purple-L {
  background: linear-gradient(to right, #F3E8FF 0%, #FAF5FF 5%) !important;
  border-left: 4px solid #6D28D9;  
}
.lftc-tab-card-Purple-R {
  background: linear-gradient(to left, #F3E8FF 0%, #FAF5FF 5%) !important;
  border-right: 4px solid #6D28D9;  
}
/*Purple*/
.lftc-tab-card-Orange {
  background: linear-gradient(to right, #FFDBBF 0%, #FFF5ED 5%, #FFF5ED 95%, #FFDBBF 100%) !important;
  border-left: 4px solid #EA580C;
  border-right: 4px solid #EA580C;
}
.lftc-tab-card-Orange-L {
  background: linear-gradient(to right, #FFDBBF 0%, #FFF5ED 5%) !important;
  border-left: 4px solid #EA580C;
}
.lftc-tab-card-Orange-R {
  background: linear-gradient(to left, #FFDBBF 0%, #FFF5ED 5%) !important;
  border-right: 4px solid #EA580C;
}
/*Cyan*/
.lftc-tab-card-Cyan {
  background: linear-gradient(to right, #D6F0FF 0%, #F5FAFF 5%, #F5FAFF 95%, #D6F0FF 100%) !important;
  border-left: 4px solid #0693E3;
  border-right: 4px solid #0693E3;
}
.lftc-tab-card-Cyan-L {
  background: linear-gradient(to right, #D6F0FF 0%, #F5FAFF 5%) !important;
  border-left: 4px solid #0693E3;  
}
.lftc-tab-card-Cyan-R {
  background: linear-gradient(to left, #D6F0FF 0%, #F5FAFF 5%) !important;
  border-right: 4px solid #0693E3;
}

/*-------------------*/
/*lftc-custom-buttons*/
/*-------------------*/
.lftc-nav-jump-btn .wp-block-button__link {
  border-radius: 9999px !important;
  transition: all 0.25s ease !important;
}

.lftc-nav-jump-btn .wp-block-button__link:hover {
  background-color: var(--col-but-bg) !important;
  color: var(--col-but-txt) !important;
  transform: translateY(2px) !important;
}

.lftc-nav-jump-btn-wip .wp-block-button__link {
  border-radius: 9999px !important;
  transition: all 0.25s ease !important;
}

.lftc-nav-jump-btn-wip .wp-block-button__link:hover {
  background-color: var(--col-but-bg-wip) !important;
  color: var(--col-but-txt-wip) !important;
  transform: translateY(-2px) !important;
}
/*-------------*/
/*lftc-tab-card*/
/* Base Style--------------*/
.lftc-t-c-tl-style-wrapper {
  display: block;
  font-size: 1.05rem !important;
}
.lftc-t-c-tl-style-wrapper {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/* Checkbox --------------*/
.lftc-t-c-tl-checkbox {
  display: none;
}
/* Show the content only when the checkbox is checked */
.lftc-t-c-tl-checkbox:checked ~ .lftc-t-c-tl-cont {
  display: inline-block;
}
/* Rotate arrow when the checkbox is checked */
.lftc-t-c-tl-checkbox:checked + .lftc-t-c-tl-arrow-btn .lftc-t-c-tl-arrow {
  width: 3rem;
  height: auto;
  transform: rotate(90deg);
}
.lftc-t-c-tl-arrow-btn {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.lftc-t-c-tl-arrow {
  height: 1rem;
  width: auto;
  transition: transform 0.2s ease-in-out;
}
/* Content Block-------------*/
.lftc-t-c-tl-cont {
  display: none;
}
.lftc-t-c-tl-cont a {  
  text-decoration: underline;
}
.lftc-t-c-tl-cont a:hover {  
  text-decoration: none;
}
.lftc-t-c-tl-link-row {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 0.1rem;
}
.lftc-t-c-tl-icon {
  height: 1rem;
  width: auto;
}