:root {
    --primary-color: #00A651;
    --secondary-color: #F58220;
    --grey-color: #434343;
    --title-background: #00A651;
    --submenu-hover: #fff;
    --submenu-text: #00A651;
    --menu-text-color: #fff;
}

/* ThemeColor */
.ec-color,.ec-colorhover:hover,/* Navigation */.main-navigation > ul > li:hover > a,.main-navigation > ul > li.active > a,.main-navigation .as-dropdown > li:hover > a/* Navigation */,
.ec-blog-medium ul li:hover .ec-blog-text h2 a,.ec-blog-grid ul li:hover .ec-blog-text h2 a,.ec-shop-list ul li:hover .ec-shopinfo h2 a,.ec-recentnews_widget ul li:hover section h6 a,
.widget_categories ul li:hover,.widget_categories ul li:hover a,.widget_categories ul li:hover a:before,.ec-simple-service ul li:hover h2,.ec-simple-service ul li:hover i,
.widget_search form label:before,.ec-fixture-option li a:hover,.ec-modren-gallery ul li:hover h2,.ec-navigation > ul > li:hover > a,.ec-navigation > ul > li.active > a {
	color: var(--primary-color);
}

.ec-bgcolor,.ec-bgcolorhover:hover,.ec-social-network ul li:hover a,.ec-lang-section ul ul li:hover,.flex-direction-nav a:hover,.owl-prev:hover,.owl-next:hover,
.ec-skillst .count-bar,.ec-skillst .count-bar:before,.ec-blog-grid ul li:hover .ec-grid-time a,.flex-control-paging li a.flex-active,.ec-simple-gallery figcaption:before,
.ec-shop-list figure figcaption ul li a,.ec-pagination li:hover a,.ec-pagination li.active a,.ec-tags a:hover,.nav-tabs > li.active > a,.ec-navigation ul > li > a:before,
.ec-navigation > ul .as-dropdown > li:hover > a,.ec-user-section > li > a:hover,.ec-modallogin-form input[type="submit"],.ec-event.ec-event-listing .text h2 span {
	background-color: var(--primary-color);
}

.ec-bordercolor,.ec-bordercolorhover:hover,.caption-inner-wrap p {
	border-color: var(--primary-color);
}

.ec-featured-star:before {
	border-color: var(--primary-color);
	border-top: 14px solid ;
}
.ec-featured-star:after {
	border-color: var(--primary-color);
	border-top: 14px solid ;
}

.ec-navigation ul .as-dropdown li a:before {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	right: 10px;
	top: 16px;
	font-size: 12px;
	opacity: 0;
    background-color: transparent;
	color: var(--primary-color);
	display: none;
}


/*  Navigation */
.ec-navigation ul .as-dropdown > li:hover > a,.ec-user-section > li > a:hover { color: var(--primary-color) }
.ec-navigation .as-dropdown {
	background-color: #ffffff;
}

.nav-tabs .nav-link.active {
    color: var(--primary-color) !important;
    background-color: #fff !important; 
}

.nav-tabs .nav-link {
	background-color: var(--primary-color) !important;
	color: #fff !important;
}

/* Navigation mobile */
.navbar-mobile {
    background-color: var(--primary-color);
    justify-content: center !important;
}

.navbar-mobile-text {
    color: var(--menu-text-color) !important;
    font-weight: 600;
    font-size: 16px !important;
    margin-top: 15px
}

.navbar-mobile-icon {
    color: var(--menu-text-color) !important;
}

.navbar-light .navbar-toggler {
    border-color: var(--menu-text-color) !important;
    position: absolute;
    right: 10px;
    top: 25px
}

.navbar-light .navbar-nav .nav-link {
    color: var(--menu-text-color) !important;
}

span.ec-blue-transparent {
	border-radius: 10px;
    background-color: var(--primary-color);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top:0;
}

/* Buttons */
.btn-secondary {
    background-color: var(--primary-color) !important;
    /* border-color: var(--secondary-color) !important; */
}

.news-button {
	border-color: #fff !important;
}

.news-button:hover {
	cursor: pointer;
	color: var(--primary-color) !important;
	background-color: #fff  !important;
	border-color: var(--primary-color) !important;
	border-width: 1.3px;
}


/* Card */
.card-header {
    background-color: var(--primary-color) !important;
}


/* Scroller */
::-webkit-scrollbar {
	width: 5px;
}
  
::-webkit-scrollbar-track {
    background: transparent;
}
 
::-webkit-scrollbar-thumb {
    background: var(--primary-color); 
}
  
::-webkit-scrollbar-thumb:hover {
    background: var(--secondary-color); 
}

/* Colors and text */
.primary-color {
	color: var(--primary-color);
}

.badge-secondary {
	background-color: var(--primary-color) !important;
}

a:hover {
	color: var(--primary-color) !important;
	text-decoration: none !important;
}

/* Player photo info */
.player-photo-container:hover .player-photo-overlay {
	opacity: 0.8;
	cursor: pointer;
}

.player-photo-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: var(--primary-color);
}

.player-photo-overlay-text {
	color: white;
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;

}

.cookies-decline-button {
	background-color: var(--secondary-color);
	color: #fff;
	padding: 10px;
	border-radius: 8px;
}

.cookies-decline-button:hover {
	color: var(--secondary-color);
	background-color: #fff;
}

.cookies-accept-button {
	background-color: var(--primary-color);
	color: #fff;
	padding: 10px;
	border-radius: 8px;
}

.cookies-accept-button:hover {
	color: var(--primary-color);
	background-color: #fff;
}

.cookies-link {
	color: var(--primary-color);
}

.cookies-link:hover {
	color: var(--secondary-color) !important;
}