/**
 * @package Helix Framework
 * @author JoomShaper http://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2018 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
*/

@import 'variables';
@import 'mixins';


// Anchor
a{
	color: @major_color;
	&:hover {
		color: darken(@major_color, 10%);
	}
}

// Megamenu 
.sp-megamenu-parent {
	>li {
		&.active>a,
		&:hover>a {
			color: @major_color;
			background: linear-gradient(to right, @major_color 0%, @major2_color 100%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}
	}

	.sp-dropdown {
		li.sp-menu-item {
			>a {

				&:hover {
					background: -webkit-gradient(linear,left top, right top,from(@major_color),to(@major2_color));
					background: -webkit-linear-gradient(left,@major_color 0%,@major2_color 100%);
					background: -o-linear-gradient(left,@major_color 0%,@major2_color 100%);
					background: linear-gradient(90deg,@major_color 0%,@major2_color 100%);
				}
			}
			&.active>a {
				color: @major_color;
				background: linear-gradient(to right, @major_color 0%, @major2_color 100%);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
			}
		}
	}

}

// Off Canvas
#offcanvas-toggler {
	>i {
		&:hover {
			color: @major_color;
		}
	}
}

// Topbar Social
ul.social-icons {

	>li {

		a {

			&:hover {
				color: @major_color;
			}
		}
	}
}
// Body Innerwrapper

.layout-boxed .body-innerwrapper {
	background: @bg_color;
}

// Module
.sp-module {
	ul {
		>li {
			>a {
				color: @text_color;
				&:hover {
					color: @major_color;
				}
			}
		}
	}

	.latestnews {
		>div {
			>a {
				color: @text_color;
				&:hover {
					color: @major_color;
				}
			}
		}
	}

	.tagscloud {
		.tag-name {
			&:hover {
				background: @major_color;
			}	
		}
	}
}

// sp Simple Portfolio
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {
	background: @major_color;
}

// Search
.search {
	.btn-toolbar {
		button {
			background: @major_color;
		}
	}
}


// Blog
.post-format {
	background: @major_color;
}

.voting-symbol{
	span.star.active:before{
		color: @major_color;
	}
}

.sp-rating {
	span.star:hover:before,
	span.star:hover ~ span.star:before {
		color: darken(@major_color, 10%);
	}
}

.entry-link,
.entry-quote {
	background: @major_color;
}

blockquote {
	border-color: @major_color;
}

.carousel-left,
.carousel-right {

	&:hover {
		background: @major_color;
	}
}

// Pagination 
.pagination>li>a,
.pagination>li>span {
	color: @text_color;
	&:hover,
	&:focus {
		color: @text_color;
	}
}

.pagination>.active>a,
.pagination>.active>span {
	border-color: @major_color;
	background-color: @major_color;
	&:hover,
	&:focus {
		border-color: @major_color;
		background-color: @major_color;
	}
}



// **************** **************** ************** **************** **************** //
// **************** **************** Shaper Calcio **************** **************** //
// **************** **************** ************** **************** **************** //
body{
	background-color: @bg_color;
}
.sp-select ul > li.active,
.sp-select ul > li:hover,
.view-spsoccer-team .torunament-info .honours-intro .spsoccer-media-body .win-list,
.view-vanues .spsoccer.view-spsoccer-teams .team-description .details,
.view-vanue .spsoccer-tournament .soccer-description p,
.view-vanue .spsoccer-tournament .soccer-description p{
	color: @text_color;
}
.btn,
.sppb-btn,
.sp-calcio-login.sp-mod-login .info-text a,
#login .modal-content .modal-body input[type="submit"],
#login .modal-header .close,
.sppb-addon-articles-slider.sppb-addon-articles-headline .sppb-addon-title,
.calcio-newsletter::after,
.sppb-addon-upcoming-match .next-match-counter ,
.calcio-match-carousel .sppb-addon-title,
.spsoccer-tournament-content-warp:hover .spsoccer-text-content,
.pagination-wrapper ul,
.soccer-pagination ul ,
.helix-social-share .helix-social-share-icon ul li div a,
.spsoccer-module-poll .spsoccer-poll #poll-submit,
#sp-secondary-menu ul.secondary-menu li > ul li a:hover,
#sp-secondary-menu ul.secondary-menu li > ul li a:focus{
	background: -webkit-gradient(linear, left top, right top, from(@major_color), to(@major2_color));
    background: -webkit-linear-gradient(left, @major_color 0%, @major2_color 100%);
    background: -o-linear-gradient(left, @major_color 0%, @major2_color 100%);
    background: linear-gradient(90deg, @major_color 0%, @major2_color 100%);
}
.sppb-addon-articles .sppb-addon-article .sppb-article-details::before,{
	background: -webkit-gradient(linear, left top, right top, from(@major_color), to(@major2_color));
    background: -webkit-linear-gradient(left, @major_color 0%, @major2_color 100%);
    background: -o-linear-gradient(left, @major_color 0%, @major2_color 100%);
    background: linear-gradient(0deg, @major_color 0%, @major2_color 100%);	
}
.spsoccer-featured-match-wrap::after {
  background: -webkit-gradient(linear, left top, right top, from(@major_color), to(@major2_color));
  background: -webkit-linear-gradient(left, @major_color 0%, @major2_color 100%);
  background: -o-linear-gradient(left, @major_color 0%, @major2_color 100%);
  background: linear-gradient(90deg, @major_color 0%, @major2_color 100%);
}
.spsoccer-featured-match-wrap::before {
  background: -webkit-gradient(linear, left top, right top, from(@major_color), to(@major_color));
  background: -webkit-linear-gradient(left, @major_color 0%, @major_color 100%);
  background: -o-linear-gradient(left, @major_color 0%, @major_color 100%);
  background: linear-gradient(90deg, @major_color 0%, @major_color 100%);
}
.spsoccer-featured-match-wrap.right::before {
  background: -webkit-gradient(linear, left top, right top, from(@major2_color), to(@major2_color));
  background: -webkit-linear-gradient(left, @major2_color 0%, @major2_color 100%);
  background: -o-linear-gradient(left, @major2_color 0%, @major2_color 100%);
  background: linear-gradient(90deg, @major2_color 0%, @major2_color 100%);
}
.btn:hover,
.sppb-btn:hover,
.btn:focus,
.sppb-btn:focus,
.sp-calcio-login.sp-mod-login .info-text a:hover,
.sp-calcio-login.sp-mod-login .info-text a:focus,
#login .modal-content .modal-body input[type="submit"]:hover,
#login .modal-content .modal-body input[type="submit"]:focus,
#login .modal-header .close:hover,
#login .modal-header .close :focus,
.spsoccer-module-poll .spsoccer-poll #poll-submit:hover,
.spsoccer-module-poll .spsoccer-poll #poll-submit:focus {
	background: -webkit-gradient(linear, right top, left top, from(@major_color), to(@major2_color));
	background: -webkit-linear-gradient(right, @major_color 0%, @major2_color 100%);
	background: -o-linear-gradient(right, @major_color 0%, @major2_color 100%);
	background: linear-gradient(-90deg, @major_color 0%, @major2_color 100%);
}
.view-spsoccer-match-view .match-details-top,
.view-spsoccer-tournament .match-details-top,
.view-spsoccer-match-view .tournament-details-top,
.view-spsoccer-tournament .tournament-details-top,
.sppb-addon-articles-slider.sppb-addon-articles-sliderv2 .sppb-addon-article:hover .sppb-article-details {
  background: -webkit-gradient(linear, left bottom, left top, from(@major_color), to(@major2_color));
  background: -webkit-linear-gradient(bottom, @major_color 0%, @major2_color 100%);
  background: -o-linear-gradient(bottom, @major_color 0%, @major2_color 100%);
  background: linear-gradient(360deg, @major_color 0%, @major2_color 100%);
} 
.sp-module-content .mod-languages ul.lang-inline li a:hover,
.sp-module-content .mod-languages ul.lang-inline li a:focus,
.sp-module-content .mod-languages ul.lang-inline li a:active,
.sp-page-title .breadcrumb > .active,
.articles-slider.owl-carousel .sppb-article-details .article-title a:hover,
.articles-slider.owl-carousel .sppb-article-details .article-title a:focus,
.sppb-addon-articles-slider.sppb-addon-articles-headline .sppb-addon-article.item .sppb-article-details .article-title a:hover,
.sppb-addon-articles-slider.sppb-addon-articles-headline .sppb-addon-article.item .sppb-article-details .article-title a:focus,
.sppb-addon-articles .sppb-article-details .sppb-meta-category a:hover,
.sppb-addon-articles .sppb-article-details .sppb-meta-category a:focus,
.sppb-addon-articles .sppb-article-details .sppb-article-title a:hover,
.sppb-addon-articles .sppb-article-details .sppb-article-title a:focus,
.popular-post .latestnews > div .finance-news-title:hover,
.popular-post .latestnews > div .finance-news-title:focus,
.rising-player-content-wrap .tp-player-name a:hover,
.rising-player-content-wrap .tp-player-name a:focus,
.watch-now-section .sppb-addon-articles-slider.sppb-addon-articles-headline .sppb-row .sppb-col-sm-12 .sppb-addon-article .sppb-article-details .article-title a:hover,
.watch-now-section .sppb-addon-articles-slider.sppb-addon-articles-headline .sppb-row .sppb-col-sm-12 .sppb-addon-article .sppb-article-details .article-title a:focus,
.sppb-addon-header.heading-with-line .sppb-addon-title,
.creative-rising-star .sppb-top-player-wrapper .team-rising-player .rising-player-content-wrap .tp-player-name a:hover,
body.variation-black .sppb-addon-articles-slider.sppb-addon-articles-headline .sppb-addon-article.item .sppb-article-details .article-title a:hover,
body.variation-black .sppb-addon-articles-slider.sppb-addon-articles-headline .sppb-addon-article.item .sppb-article-details .article-title a:focus,
body.variation-black .sppb-addon-articles .sppb-article-details .sppb-article-title a:hover,
body.variation-black .sppb-addon-articles .sppb-article-details .sppb-article-title a:focus,
.view-spsoccer-tournaments .spsoccer-tournament-name .tournament-details a:hover h3,
.view-spsoccer-tournaments .spsoccer-tournament-name .tournament-details a:focus h3,
.spsoccer-tournament-tab-content .tournament-details-tab ul.nav-tabs li.active a,
.spsoccer-tournament-tab-content .tournament-details-tab ul.nav-tabs li a:hover,
.spsoccer-tournament-tab-content .spsoccer-group-wrapper .item-list-wrap a:hover .spsoccer-team-name,
.view-gameteams .view-spsoccer-teams .soccer-team .team-description a h3:hover,
.view-gameteams .view-spsoccer-teams .soccer-team .team-description a h3:focus,
.view-gameteams .view-spsoccer-teams .soccer-team .team-description .spsoccer-socials-wrap .team-social a:hover i,
.view-gameteams .view-spsoccer-teams .soccer-team .team-description .spsoccer-socials-wrap .team-social a:focus i,
.spsoccer-team-basic .team-details-social ul li a:hover i,
.spsoccer-team-basic .team-details-social ul li a:focus i,
.view-spsoccer-team .torunament-info .team-details-tab ul.nav-tabs li.active a,
div.view-spsoccer-players .player .player-info-details .spsoccer-player-title a:hover,
div.view-spsoccer-players .player .player-info-details .spsoccer-player-title a:focus,
.spsoccer-featured-match-wrap .spsoccer-team-name:hover,
.spsoccer-match-landing .item-list-wrap span.spsoccer-team-name:hover,
.spsoccer-result-landing .item-list-wrap span.spsoccer-team-name:hover,
.spsoccer-match-landing .item-list-wrap p.spsoccer-match-location a:hover,
.spsoccer-result-landing .item-list-wrap p.spsoccer-match-location a:hover,
.spsoccer-match-landing .item-list-wrap p.spsoccer-match-location a:focus,
.spsoccer-result-landing .item-list-wrap p.spsoccer-match-location a:focus,
.spsoccer-fixture-content-wrap.match-details ul.nav-tabs li.active a,
.spsoccer-fixture-content-wrap.match-details ul.nav-tabs li a:hover,
.view-spsoccer-tournament .spsoccer-fixture-content-wrap .item-list-wrap span.spsoccer-team-name:hover,
.view-spsoccer-tournament .spsoccer-fixture-content-wrap .item-list-wrap p.spsoccer-match-location a:hover,
.view-spsoccer-tournament .spsoccer-fixture-content-wrap .item-list-wrap p.spsoccer-match-location a:focus,
.article-info > dd a:hover,
.article-info > dd a:focus,
.entry-header h2 a:hover,
.entry-header h2 a:focus,
#sp-bottom .sp-module ul li a:hover,
#sp-bottom .sp-module ul li a:focus,
#sp-footer .sppb-addon-social-media .social-media-text-wrap a:hover,
#sp-footer .sppb-addon-social-media .social-media-text-wrap a:focus,
.sp-vertical-tabs .sp-tab-pane .sp-article-info .entry-title > a:hover,
.sp-vertical-tabs .sp-tab-pane .sp-article-info .entry-title > a:focus,
#sp-secondary-menu ul.secondary-menu > li > a:hover,
#sp-secondary-menu ul.secondary-menu > li > a:focus,
#sp-secondary-menu ul.social-icons li a:hover,
#sp-secondary-menu ul.social-icons li a:focus,
.calcio-newsletter .acymailing_module .acymailing_form p.acysubbuttons::after{
	color: @major_color;
	background: linear-gradient(to right, @major_color 0%, @major2_color 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.articles-slider.owl-carousel .sppb-article-details a.sppb-readmore,
.sppb-addon-articles-slider .customNavigation a:hover,
.sppb-addon-articles-slider .customNavigation a:focus,
.sppb-addon-articles-slider .articles-slider .owl-controls .owl-dots .owl-dot.active span,
.spsoccer-tournament-carousel .sppb-carousel-indicators li.active,
.view-spsoccer-match-view .match-details-top .match-result .goal-timeline ul li.goal:after,
.view-spsoccer-tournament .match-details-top .match-result .goal-timeline ul li.goal:after,
.view-spsoccer-match-view .tournament-details-top .match-result .goal-timeline ul li.goal:after,
.view-spsoccer-tournament .tournament-details-top .match-result .goal-timeline ul li.goal:after,
.spsoccer-tournament-tab-content .spsoccer-group-wrapper .title:hover span,
.spsoccer-tournament-tab-content .spsoccer-fixture-wrapper .title:hover span,
.spsoccer-tournament-tab-content .spsoccer-result-wrapper .title:hover span,
.sppb-addon-articles-slider.sppb-addon-articles-sliderv2 .owl-controls .owl-dots .owl-dot.active span{
	background: @major_color;
}
.sp-comingsoon body{
	background-color: @major_color;
}
.articles-slider.owl-carousel .sppb-article-details a.sppb-readmore:hover,
.articles-slider.owl-carousel .sppb-article-details a.sppb-readmore:focus {
  background: darken(@major_color, 5%);
}
.sppb-addon-articles.layout-creative .sppb-addon-article:hover .sppb-article-details::before {
  	background: -webkit-gradient(linear, left top, right top, from(fade(@major_color, 90%)), to(fade(@major2_color, 90%)));
	background: -webkit-linear-gradient(left, fade(@major_color, 90%) 0%, fade(@major2_color, 90%) 100%);
	background: -o-linear-gradient(left, fade(@major_color, 90%) 0%, fade(@major2_color, 90%) 100%);
	background: linear-gradient(0deg, fade(@major_color, 90%) 0%, fade(@major2_color, 90%) 100%);	
}
.sppb-addon-articles-slider.sppb-addon-articles-headline .sppb-addon-title::after,
.sppb-addon-upcoming-match .next-match-counter::after,
.calcio-match-carousel .sppb-addon-title:after{
	border-bottom-color: @major2_color;
}
.spsoccer-tournament-tab-content .spsoccer-group-wrapper .title:hover span:after,
.spsoccer-tournament-tab-content .spsoccer-fixture-wrapper .title:hover span:after,
.spsoccer-tournament-tab-content .spsoccer-result-wrapper .title:hover span:after,
.spsoccer-tournament-tab-content .spsoccer-group-wrapper .title:hover span:before,
.spsoccer-tournament-tab-content .spsoccer-fixture-wrapper .title:hover span:before,
.spsoccer-tournament-tab-content .spsoccer-result-wrapper .title:hover span:before {
  border-bottom-color: @major_color;
}
.sppb-addon-header.heading-with-line .sppb-addon-title:after {
  border-top-color: @major_color;
}