/*
Theme Name: Varsity child
Theme URI: https://www.themeboy.com/varsity/
Author: ThemeBoy
Author URI: https://www.themeboy.com
Description: Varsity is a fully responsive theme made for sports organisations looking to use the SportsPress plugin. Once you’ve installed the theme and SportsPress, you'll be able to select a preset for your sport and demo content to help you get started on building your sports website.
Version: 1.0.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: varsity
*/
 
/*----------------- Cambios a partir de aquí -------------------------------*/
.site-menu {
	background-color:black;
}

.search-form {
    width: 150px !important;
	right: 20px !important;
}

.main-navigation {
	width: 1000px !important;
}

.main-navigation a {
	color:white !important;
}

.main-navigation a:hover {
	color:#f32c5b !important;
}

.sub-menu {
	background-color:black !important;
	color: white !important;
		
}

.site-banner:after {
	content: "";
	display: block;
	width: 200%;
	height: 280px;
	margin: -110px 0 -250px;
	border-top-left-radius: 100% 300px;
	background: #fff;
	position: relative;
	left: -40%;
}

.sp-template-team-gallery .gallery-caption {
    font-size: 10px !important;
    color: white !important;
}

/* Amagar el footer ThemeBoy */
.site-info {
	display:none !important;
}

/* Estrényer el marge anterior al títol de la pàgina */
.page-template-default .site-content,
.page-template-template-fullwidth:not(.home) .site-content
{
	margin-top: 40px !important;
}

/* Personalitzar el footer */
.site-footer {
/*	background: #00000 !important;*/
	background: rgba(0, 0, 0, 1) !important;
	color: white !important;
	padding: 0 !important;
	margin: 0 0 0 0 !important;
}

.site-footer .widget-title {
	color: white !important;
}

.site-footer .textwidget a,
.site-footer .textwidget li {
	color: lightgray !important;
}

.site-footer .widget_recent_entries a {
	color: lightgray !important;
}

.site-footer .widget_recent_entries ul li:before {
		opacity: 0.75 !important;
}

.site-footer .widget-contact li {
	list-style:none !important;
}

.site-footer .widget-contact li:before {
	font-family: "dashicons" !important;
	font-size: 1.25em !important;
	margin-right: 0.3em !important;
	margin-left: -0.5px !important;
	line-height: 1 !important; 
	display: inline-block !important;
	opacity: 0.75 !important;
	float: left !important;
	-webkit-font-smoothing: antialiased !important;
}

.site-footer .widget-contact .hp_address:before {
	content: "\f230" !important;
}

.site-footer .widget-contact .hp_email:before {
	content: "\f465" !important;
}

.site-footer .hp_footer_menu div {
	float:left !important;
	display:inline-block !important;
}

.site-footer a {
	text-decoration:underline !important;
}

.sp-sponsor {
	background: white !important;
	border-radius: 25px !important;
}

/* Countdown widget */
.sp-countdown-wrapper.sp-event-name {
	font-weight:bold;	
}

.sp-template-countdown {
	background-color:white !important;
	color:black !important;
}

.sp-countdown {
	color: white;
}

h5 span.sp-hp-valor {
	font-size: 80% !important;	
}

.sp-event-results-sets {
	background-color:black !important;
/*	display:block !important;*/
	color: white !important;
	display:inline !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.sp-scoreboard-result {
	float:none !important;
	padding-left: 25px !important;
}

td.data-handipad {
	background-color: #f32c5b !important;
	color: white !important;
}

.event-team-hp {
	background-color: #f32c5b !important;
	color: white !important;	
}

.event-team-hp-win {
	background-color: darkgreen !important;
	color: white !important;	
}

.event-team-hp-loss {
	background-color: red !important;
	color: white !important;	
}

.sp-event-blocks tr.sp-row {
	border-bottom:medium #f32c5b ridge !important;
}

.sp_player h1.entry-title {
	margin: 0 0 !important;
}
/* Responsive */

@media screen and (min-width: 601px) {
	.site-logo {
		position: absolute;
		left: 20px;
		top: 10px;
	}

	.site-logo img {
		width: auto;
		height: auto;
		max-width: 80px;
		max-height: 60px;
	}
}

@media screen and (min-width: 1025px) {
	.site-logo {
		left: 20px;
	}
	
	.site-logo img {
		width: auto;
		height: auto;
		max-width: 150px;
		max-height: 60px;
	}
	
	.main-navigation {
		padding-left: 30px;
	}
}