/**
Theme Name: Code Agency Custom
Author: Code Agency
Author URI: https://codeagency.be
Description: Custom theme for Code Agency
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: code-agency-custom
Template: astra
*/

ul#ast-hf-menu-1 ul.sub-menu {
    width: 400px !important;
}

.colordot {
    color: #95C11F;
}

.ast-primary-header-bar.ast-primary-header.main-header-bar.site-header-focus-item.ast-sticky-active.ast-sticky-shrunk.ast-header-sticked {
    background: linear-gradient(135deg, var( --e-global-color-primary ) 0%, var( --e-global-color-131eda3 ) 100%);
}

.popular.menu-item > a::after {
	width: auto;
	height: auto;
	transform: none;
	color: rgb(255, 255, 255);
	background-color: rgb(234, 113, 36); /*rgb(149, 193, 31)*/
	padding-right: 8px;
	padding-left: 8px;
	margin-left: 8px;
	border-radius: 3px;
	content: "POPULAR";
	border: none;
	position: relative;
	top: -7px;
	left: -5px;
	font-size: 0.7em;
    z-index: 99;
}

.new.menu-item > a::after {
	width: auto;
	height: auto;
	transform: none;
	color: rgb(255, 255, 255);
	background-color: rgb(234, 113, 36);
	padding-right: 12px;
	padding-left: 12px;
	margin-left: 8px;
	border-radius: 3px;
	content: "NEW";
	border: none;
	position: relative;
	top: -7px;
	left: -5px;
	font-size: 0.7em;

}

.tbd.menu-item > a::after {
	width: auto;
	height: auto;
	transform: none;
	color: rgb(255, 255, 255);
	background-color: rgb(0, 163, 226);
	padding-right: 12px;
	padding-left: 12px;
	margin-left: 8px;
	border-radius: 3px;
	content: "TBD";
	border: none;
	font-size: 0.7em;
}