:root {
  --theme-bg-color: unset;
  --theme-tx-color: unset;
  --theme-bg-dark:  unset;
  --theme-tx-dark:  unset;
  --theme-bg-light: unset;
  --theme-tx-light: unset;
  --theme-bg-hover: unset;
  --theme-tx-hover: unset;
  --theme-fi-hover: unset;
  --theme-bd-color: unset;
  
  --bg-color: var(--theme-bg-color);
  --tx-color: var(--theme-tx-color);
}

.w3-opacity-min{opacity:0.85}

.w3-theme		  	  { --bg-color: var(--theme-bg-color); --tx-color: var(--theme-tx-color); }
.w3-theme.inv  	  { --bg-color: var(--theme-tx-color); --tx-color: var(--theme-bg-color); }
.w3-theme.dark  	  { --bg-color: var(--theme-bg-dark);  --tx-color: var(--theme-tx-dark);  }
.w3-theme.dark-inv  { --bg-color: var(--theme-tx-dark);  --tx-color: var(--theme-bg-dark);  }
.w3-theme.light	  { --bg-color: var(--theme-bg-light); --tx-color: var(--theme-tx-light); }
.w3-theme.light-inv { --bg-color: var(--theme-tx-light); --tx-color: var(--theme-bg-light); }

.w3-theme.text				{ --bg-color: transparent; --tx-color: var(--theme-tx-color); }
.w3-theme.text-inv		{ --bg-color: transparent; --tx-color: var(--theme-bg-color); }
.w3-theme.tx-dark			{ --bg-color: transparent; --tx-color: var(--theme-tx-dark);  }
.w3-theme.tx-dark-inv	{ --bg-color: transparent; --tx-color: var(--theme-bg-dark);  }
.w3-theme.tx-light		{ --bg-color: transparent; --tx-color: var(--theme-tx-light); }
.w3-theme.tx-light-inv	{ --bg-color: transparent; --tx-color: var(--theme-bg-light); }

.w3-theme-hover					{ --theme-fi-hover: 0; --theme-bg-hover: var(--theme-bg-color); --theme-tx-hover: var(--theme-tx-color); }
.w3-theme-hover.hv-inv			{ --theme-bg-hover: var(--theme-tx-color); --theme-tx-hover: var(--theme-bg-color); }
.w3-theme-hover.hv-dark			{ --theme-bg-hover: var(--theme-bg-dark);  --theme-tx-hover: var(--theme-tx-dark);  }
.w3-theme-hover.hv-dark-inv	{ --theme-bg-hover: var(--theme-tx-dark);  --theme-tx-hover: var(--theme-bg-dark);  }
.w3-theme-hover.hv-light		{ --theme-bg-hover: var(--theme-bg-light); --theme-tx-hover: var(--theme-tx-light); }
.w3-theme-hover.hv-light-inv	{ --theme-bg-hover: var(--theme-tx-light); --theme-tx-hover: var(--theme-bg-light); }

.w3-theme-hover.hv-tx				{ --theme-bg-hover: unset; --theme-tx-hover: var(--theme-tx-color); }
.w3-theme-hover.hv-tx-inv			{ --theme-bg-hover: unset; --theme-tx-hover: var(--theme-bg-color); }
.w3-theme-hover.hv-tx-dark			{ --theme-bg-hover: unset; --theme-tx-hover: var(--theme-tx-dark);  }
.w3-theme-hover.hv-tx-dark-inv	{ --theme-bg-hover: unset; --theme-tx-hover: var(--theme-bg-dark);  }
.w3-theme-hover.hv-tx-light		{ --theme-bg-hover: unset; --theme-tx-hover: var(--theme-tx-light); }
.w3-theme-hover.hv-tx-light-inv	{ --theme-bg-hover: unset; --theme-tx-hover: var(--theme-bg-light); }

.w3-theme *, .w3-theme *:hover { color: inherit; background-color: inherit; border-color: inherit !important; }
.w3-theme .w3-dropdown-hover:first-child,
.w3-theme .w3-dropdown-click:hover,
.w3-theme .w3-button:hover { color: inherit !important; background-color: inherit !important; }
.w3-theme, .w3-theme:hover {
	color: var(--tx-color) !important;
	background-color: var(--bg-color) !important;
	border-color: var(--theme-bd-color, #CCC) !important;
}


@media (hover: hover) {
.w3-theme.w3-dropdown-hover:hover  > .w3-button:first-child,
.w3-theme .w3-dropdown-hover:hover > .w3-button:first-child,
.w3-theme.w3-dropdown-click:hover  > .w3-button:first-child,
.w3-theme .w3-dropdown-click:hover > .w3-button:first-child,
.w3-theme.w3-dropdown-hover:hover  > .w3-sub,
.w3-theme .w3-dropdown-hover:hover > .w3-sub,
.w3-theme.w3-dropdown-click:hover  > .w3-sub,
.w3-theme .w3-dropdown-click:hover > .w3-sub,
.w3-theme .w3-button:hover, .w3-theme.w3-button:hover,
.w3-theme-hover:hover, .w3-theme-hv:hover	{
	filter: var(--theme-fi-hover, initial) !important;
	color:  var(--theme-tx-hover, var(--tx-color))  !important;
	background-color: var(--theme-bg-hover, var(--bg-color)) !important;
}}


.w3-pointer {cursor: pointer}
.w3-cursor {cursor: default}
.w3-display-container:hover table.w3-display-hover {display: table;}
.w3-animate-opacity-min{animation:opacmin 0.8s;opacity:0.85;}@keyframes opacmin{from{opacity:0} to{opacity:0.85}}
.w3-top, .w3-bottom {z-index: 10}
.w3-display-container:hover .w3-hide-hover {display:none;}
.w3-padding-8 { padding-top: 8px!important; padding-bottom: 8px!important; }


.w3-sub { left: 0; width: 100%; text-align: center!important; cursor: pointer; line-height: 21px;}
.w3-nav-large { font-size:13px!important; } 
@media (max-width: 870px) { .w3-nav-large { display: none!important; } }
@media (min-width: 870px) { .w3-nav-small { display: none!important; } }
@media (max-width: 424px) { .w3-nav-small { font-size: 12px; } .w3-nav-small .w3-button { padding-right: 12px; padding-left: 12px; } }

.w3-slide-nav {height: 13px;width: 13px;padding: 0;border-radius: 50%;display: inline-block;cursor: pointer}


.w3-display-container .w3-display-toptitle {
    position: absolute;
    width: 100%;
    min-height: 15%;
    left: 0;
    top: 10%;
    display: grid;
    align-content: center;
}
.w3-display-container:hover .w3-display-toptitle { top: 8px; transition: top 0.5s; }
.w3-modal {
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.8);
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}