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

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


:root {
	--cnvs-themecolor: #04041c;
	--cnvs-themecolor-rgb: 4, 4, 28;
}
#footer{
	background-color: var(--cnvs-themecolor);
}
#header-wrap{
 background-color: var(--cnvs-themecolor);
}
.menu-link{
	color: white;
}
.menu-item:hover > .menu-link {
	color:  var(--cnvs-secondary-color) !important;
  }

.is-expanded-menu .sticky-header #header-wrap{
	background-color: var(--cnvs-themecolor);
}

.text-theme-primary{
	color: var(--cnvs-themecolor);
}

.border-theme-primary{
	color: var(--cnvs-themecolor);
}

.button-theme-primary {
	background-color: var(--cnvs-themecolor);
}

.text-theme-second{
	color: var(--cnvs-secondary-color);
}

.menu-item.current > .menu-link{
	color:white;
}

.menu-item:hover > .menu-link{
	color:white;
}

.hero-title{
	color: white !important;
}
.subtitule{
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}
.h2{
	font-weight: 400;
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
}

.strong-2{
	color:var(--cnvs-secondary-color);
}

.tagcloud a:hover{
	border-color:white !important;
	color: white !important;
}

.colored-toast.swal2-icon-success {
	background-color: #a5dc86 !important;
  }
  
  .colored-toast.swal2-icon-error {
	background-color: #f27474 !important;
  }
  
  .colored-toast.swal2-icon-warning {
	background-color: #f8bb86 !important;
  }
  
  .colored-toast.swal2-icon-info {
	background-color: #3fc3ee !important;
  }
  
  .colored-toast.swal2-icon-question {
	background-color: #87adbd !important;
  }
  
  .colored-toast .swal2-title {
	color: white;
  }
  
  .colored-toast .swal2-close {
	color: white;
  }
  
  .colored-toast .swal2-html-container {
	color: white;
  }