/*
Theme Name: gvui
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.nav-left {
	justify-content: center!important;
}
.home h1 {
  
  background: linear-gradient(to right, var(--wp--preset--color--vivid-cyan-blue), var(--wp--preset--color--vivid-green-cyan), var(--wp--preset--color--luminous-vivid-amber));
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
  animation: gradient 3s linear infinite;
}
.az88-livestream {
	background: linear-gradient(29.58deg,#2f3034 15.39%,#171718 38.13%) padding-box,linear-gradient(0deg,#0d0e0e,#0d0e0e) padding-box,var(--common-card-border) border-box!important;
	border: 1px solid transparent;
    border-radius: 12px;
    display: flex
;
    flex-direction: column;
    overflow: hidden;
    --common-card-border: conic-gradient(from 180deg at 50% 50%, hsla(0, 0%, 100%, .3) -16.8deg, rgba(233, 242, 255, .3) 102.57deg, rgba(233, 242, 255, .5) 119.39deg, rgba(233, 242, 255, .3) 134.11deg, hsla(0, 0%, 100%, .1) 167.4deg, hsla(0, 0%, 100%, .3) 285.07deg, rgba(233, 242, 255, .3) 312.16deg, hsla(0, 0%, 100%, .3) 325.92deg, hsla(0, 0%, 100%, .3) 343.2deg, rgba(233, 242, 255, .3) 462.57deg);
    --common-card-bg: linear-gradient(#0e0e0e, #0e0e0e);
    background: linear-gradient(#111212, #111212) padding-box, var(--common-card-border) border-box;
    --intro-card-padding-top: 33px;
    --intro-card-padding-bottom: 0;
    --intro-card-padding-left: 34px;
    --intro-card-padding-right: 34px;
	margin-top: 10px;
}
#footer .footer-fixed .ux-menu {
	display: grid!important;
    grid-template-columns: repeat(4, 1fr);
}
#footer .ux-menu-link__icon+.ux-menu-link__text {
	padding: 0!important;
}
#footer i {
	color: #8ed1fc!important;
}
.date-taxonomy-search-form {
    background: #2196F3;
}
.date-taxonomy-search-form form {
    margin-bottom: 8px;
}
.date-taxonomy-search-form input[type="submit"] {
    padding: 0;
    background: #3146ba!important;
}
@keyframes gradient {
  to {
    background-position: 200% center;
  }
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	#wide-nav ul.nav.nav-center {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
	#wide-nav {
		background: #26292c;
	}
	#wide-nav .flex-row {
		padding: 0;
	}
	#wide-nav ul li {
		width: 100%;
		padding: 2px;
		
	}
	#wide-nav ul a {
		display: block;
		font-size: 13px;
		color: #fff;
		text-align: center;
	}
	.header:not(.transparent) .header-bottom-nav.nav > li > a {
		background: #00d084
	}

}