/*!
Theme Name: massi
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: massi
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* @group Imports */

@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');

/* @end */

/* @group General */

body {
	font-family: 'Raleway', sans-serif !important;
}

a {
	outline: none !important;
}

a:active, a:hover {
	color: #eb2136 !important;
}

h1.site-title {
	margin-bottom: 0 !important;
}

.site-title a {
	display: block;
	text-decoration: none;
	text-indent: -999rem;
	background: url('i/logo.png') left center no-repeat;
	width: 328px;
	height: 180px;
}

.site-header, site-navigation, .site-content, .site-footer {
	width: 100%;
	margin: 0 auto;
}

h1.entry-title, h2 {
	font-family: 'Raleway' !important;
	font-size: 2rem !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	color: #fff !important;
	background: url('i/bg-h2.png') 0 0 no-repeat;
	margin-top: 1rem 0 1rem 0 !important;
	padding: 2rem 0 2rem 0 !important;
}

.archive h1.entry-title {
	color: #2d414d !important;
}

input, textarea {
	color: #2d414d;
}

button {
	font-size: 1.4rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background: none;
	border: none;
}

#sponsors {
	padding: 3rem 6rem;
}

#sponsors .row {
	display: table;
	width: 100%;
	margin: 0 auto;
}

#sponsors .col {
	display: table-cell;
	width: 33%;
	border-width: 1px 0 0 1px;
	border-color: #ccc;
	border-style: solid; 
	text-align: center;
	padding: 2rem;
}

#sponsors .row .col:last-of-type {
	border-right-width: 1px;
}

#sponsors .row:last-of-type .col {
	border-bottom-width: 1px;
}

.banner {
	text-align: right;
}

.banner img {
	margin-bottom: 2rem;
}

#latest-news {
	list-style-type: none;
	padding: 0 !important;
	margin: 0 !important;
}

#latest-news li {
	background: #e3e3e3;
	margin-bottom: 2rem;
}

#latest-news .col:first-of-type {
	width: 245px !important;
}

#latest-news .col img {
	width: 100%;
	height: auto;
}

#latest-news .col:last-of-type {
	margin: 1rem 1rem 0 0 !important;
}

#latest-news a {
	color: #eb2136;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
}

#latest-news a.permalink {
	margin-bottom: 1rem;
}

#latest-news small {
	display: block;
	color: #666;
}

#latest-news p {
	margin-top: 1rem;
}

#latest-news em {
	color: #eb2136;
	font-style: normal;
}

a.read-more {
	text-align: right;
	color: #000 !important;
	margin-right: 1rem;
}

td {
	width: 50% !important;
	text-align: center !important;
}

.wp-block-image img {
	border: 1px solid #ccc;
	padding: 1px;
}

/* @end */

/* @group Header & Nav */


@media (min-width: 992px) {
	
	.site-branding, .main-navigation {
		float: left;
	}
	
	.site-branding {
		width: 328px;
		height: 180px;
	}
	
	.site-title a {
		margin-left: 6rem;
	}
	
	.main-navigation {
		position: relative;
		float: right;
		background: url('i/bg-nav.jpg') right top no-repeat;
		text-transform: uppercase;
		font-weight: bold;
		width: calc(100% - 390px);
	}
	
	#primary-menu {
		list-style-type: none;
		display: table;
		margin: 0 auto !important;
		padding-left: 8rem !important;
		height: 180px;
		
	}
	
	#primary-menu li {
		display: table-cell;
		height: 180px;
	}
	
	#primary-menu li a {
		vertical-align: middle;
		height: 180px;
		line-height: 176px;
		float: left;
		color: #fff;
		text-decoration: none;
		margin: 0 2.4rem 0 0;
	}
	
	#primary-menu li a:active, #primary-menu li a:hover, #primary-menu li a.active, #primary-menu li.current-menu-item a {
		border-bottom: 4px solid #eb2136;
		border-collapse: collapse;
	}
	
	.dropdown-menu {
		padding: 0 !important;
		margin: 0 !important;
		border: none !important;
	}
	
	#primary-menu li a.dropdown-item {
		height: auto !important;
		background: #2d414d !important;
		line-height: 2rem !important;
	}
	
	#primary-menu li a.dropdown-item:active, #primary-menu li a.dropdown-item:hover {
		border-bottom: none !important;
	}
	
	.navbar {
		padding: 0 !important;
	}
	
	.social-links {
		float: right;
		display: table;
		position: absolute;
		right: 7rem;
		top: 1.5rem;
	}
	
	.social-links li {
		display: table-cell;
	}
	
	.social-links li a {
		display: block;
		width: 26px;
		height: 25px;
		text-decoration: none;
		text-indent: -999rem;
	}
	
	.social-links #link-fb {
		background: url('i/icon-fb.png') 0 0 no-repeat;
	}
	
	.social-links #link-yt {
		background: url('i/icon-yt.png') 0 0 no-repeat;
	}
	
	.page-id-8 #main .social-links #link-fb {
		background: url('i/icon-fba.png') 0 0 no-repeat;
	}
	
	.page-id-8 #main .social-links #link-yt {
		background: url('i/icon-yta.png') 0 0 no-repeat;
	}
	
}

/* @end */

/* @group Pre Footer */

@media (min-width: 992px) {

	.pre-footer {
		padding: 3rem 6rem;
		background: url('i/bg-prefooter.png') right top no-repeat;
	}
	
	.pre-footer a {
		color: #fff;
		text-decoration: none;
	}
	
	.pre-footer button {
		float: right;
	}
	
	input {
		width: 66%;
		height: 2rem;
		margin-bottom: 1rem;
	}
	
	textarea {
		width: 100%;
		height: 10rem;
		margin-bottom: 1rem;
	}
	
	.pre-footer p, .pre-footer ul li {
		margin: 0 6rem;
		color: #fff;
		margin-bottom: 2rem;
		font-size: 1.21rem;
	}
	
	#headquarters {
		padding-left: 3rem;
		background: url('i/bg-hq.png') 0 0 no-repeat;
	}
	
	#mailaddress {
		padding-left: 3rem;
		background: url('i/bg-mail.png') 0 0 no-repeat;
	}
	
	.page-id-8 #headquarters {
		padding-left: 3rem;
		background: url('i/bg-hqa.png') 0 0 no-repeat;
	}
	
	.page-id-8 #mailaddress {
		padding-left: 3rem;
		background: url('i/bg-maila.png') 0 0 no-repeat;
	}
	
	.pre-footer .social-links {
		float: none;
		display: table;
		position: static;
		margin-left: 6rem;
		padding: 0 !important;
	}

}

/* @end */

/* @group Footer */

@media (min-width: 992px) {

		.site-info {
			background: url('i/bg-footer.png') right top no-repeat;			
			padding: 3rem 6rem;
			color: #fff;
		}
		
		.site-info .col:last-of-type {
			text-align: right;
			color: #2d414d;
		}
		
		footer .wpforms-field-label {
			color: #fff !important;
		}
		
}

/* @end */

/* @group Home */

@media (min-width: 992px) {
	
	#bikers, #news-section, #misc {
		padding: 3rem 6rem;
		background: url('i/bg-bikers.png') right top no-repeat;
	}
	
	#misc {
		background-repeat: repeat !important;
	}
	
	#news-section {
		background: #fff;
	}
	
	#news-section h2, #news-section h2 a {
		color: #2d414d !important;
	}
	
	#athletes-cat {
		margin: 0 !important;
		padding: 0 !important;
	}
	
	#athletes-cat li {
		display: inline;
		list-style-type: none;
	}
	
	#athletes-cat li a {
		float: left;
		text-indent: -999rem;
		text-decoration: none;
		width: 245px;
		height: 245px;
		background-position: 0 -245px;
		background-repeat: no-repeat;
		margin-right: 2rem !important;
	}
	
	#athletes-cat li a:active, #athletes-cat li a:hover {
		background-position: 0 0;
	}
	
	#junior a {
		background: url('i/bt-juniores.png');
	}
	
	#mtb a {
		background: url('i/bt-mtb.png');
	}
	
	#fondo a {
		background: url('i/bt-gran-fondo.png');
	}
	
	#cross a {
		background: url('i/bt-ciclocross.png');
	}
	
}

/* @end */

/* @group Team */

@media (min-width: 992px) {

	.page-template-societa #introduction, .introduction, body.page .entry-header {
		height: 230px;
		background: url('i/bg-history.jpg') right top no-repeat;
	}
	
	.introduction h2, body.page .entry-header h1 {
		margin: 0 6rem 0 6rem;
		padding-top: 2rem;
	}
	
	.category #news-section article {
		float: left !important;
		width: 31% !important;
		margin: 1% !important;
	}
	
	.category-video #news-section article {
		float: left !important;
		width: 48% !important;
		margin: 1% !important;
	}
	
	.category-video iframe {
		width: 100% !important;
	}

}

/* @end */

/* @group Sponsor */

@media (min-width: 992px) {

	.page-template-sponsor td {
		text-align: left !important;
		vertical-align: middle !important;
	}

}

.wp-block-image img {
	border: none !important;
}

#sponsors .wp-block-table {
	border-width: 0 1px 1px 0;
	border-color: #ccc;
	border-style: solid;
	width: 80%;
	margin: 0 auto !important;
}

#sponsors .wp-block-table td {
	width: 33% !important;
	border-width: 1px 0 0 1px !important;
	border-color: #ccc !important;
	border-style: solid;
	align-content: center;
	vertical-align: middle;
	padding: 1rem !important;
}

/* @end */

/* @group Categories */

@media (min-width: 992px) {
	
	body.page .entry-header {
		background: url('i/bg-news.jpg') right top no-repeat;
	}
	
	body.page-template-sponsor .introduction {
		background: url('i/bg-sponsor.jpg') right top no-repeat;	
	}
	
	body.category-news .page-header {
		height: 230px;
		background: url('i/bg-news.jpg') right top no-repeat;
	}
	
	body.archive.category-15 .introduction {
		background: url('i/bg-granfondo.jpg') 0 0 no-repeat;
	}
	
	body.archive.category-16 .introduction {
		background: url('i/bg-ciclocross.jpg') 0 0 no-repeat;
	}
	
	body.archive.category-14 .introduction {
		background: url('i/bg-mtb.jpg') 0 0 no-repeat;
	}
	
	body.archive.category-15 .introduction {
		background: url('i/bg-granfondo.jpg') 0 0 no-repeat;
	}
	
	body.archive.category-1 .introduction {
		background: url('i/bg-news.jpg') 0 0 no-repeat;
	}
	
	body.page-template-gallery .introduction {
		background: url('i/bg-news.jpg') 0 0 no-repeat;
	}
	
	body.page-id-8 .introduction {
		background: url('i/bg-contatti.jpg') 0 0 no-repeat;
	}
	
	body.page-id-446 .introduction {
		background: url('i/bg-coni.jpg') 0 0 no-repeat;
	}
	
	body.page-id-444 .introduction {
		background: url('i/bg-organigramma.jpg') 0 0 no-repeat;
	}
	
	body.page-id-486 .introduction {
		background: url('i/bg-terranova.jpg') 0 0 no-repeat;
	}
	
	body.page-id-532 .introduction {
		background: url('i/bg-gallery.jpg') 0 0 no-repeat;
	}
	
	body.archive.category-13 .introduction {
		background: url('i/bg-juniores.jpg') 0 0 no-repeat;
	}
	
	.archive article .entry-header {
		margin-top: 2rem;
	}
	
	.archive a.post-thumbnail img {
		width: 100% !important;
		height: auto !important;
	}
	
	.nav-links {
		display: flex;
		justify-content: space-between;
		width: 72px;
	}
	
	.nav-links a {
		display: inline-block;
		text-decoration: none;
		text-indent: -999rem;
		background-size: contain;
		width: 36px;
		height: 36px;
	}
	
	.nav-previous a {
		background: url('i/nav-previous.png') no-repeat left top;
	}
	
	.nav-next a {
		background: url('i/nav-next.png') no-repeat left top;
	}

}

/* @end */

/* @group Single */

	@media (min-width: 992px) {

		.single .col #main, .single .col #secondary, .page-template-default .col #main, .page-template-default .col #secondary {
			margin: 2rem 0 !important;
		}
		
		.page-id-442 #news-section {
			padding: 3rem 0rem 3rem 6rem;
		}
		
		.page-id-442 .extra-img {
			padding-left: 6rem;
		}
		
		.page-id-442 #main #secondary {
			margin-top: 3rem;
			margin-right: 6rem;
		}

	}

/* @end */

/* @group Gallery */

	@media (min-width: 992px) {

		.gllr_wrap .content-area {
			padding: 3rem 6rem;
		}
		
		.bws-gallery-template-default #secondary, .archive #secondary {
			display: none;
		}
		
		.gllr_wrap .entry-title {
			color: #eb2136 !important;
		}
	
	}
/* @end */

/* @group Mobile */

@media (max-width: 991.98px) {

	.site-branding {
		margin: 0 auto;
		width: 100%;
		clear: both;
	}
	
	.site-title a {
		width: 100%;
		background-position: center center;
	}
	
	.main-navigation {
		background-color: #2d414d;
		text-transform: uppercase;
		font-weight: bold;
	}
	
	.social-links {
		list-style-type: none;
		margin: 0;
		padding: 0;
		display: flex;
	}
	
	.navbar-toggler {
		background-color: #fff;
	}
	
	.navbar-toggler-icon {
		background: url('i/bg-menu.svg') 0 0 no-repeat !important;
	}
	
	.social-links a {
		text-decoration: none;
		text-indent: -999rem;
		display: inline-block;
		width: 2rem;
		height: 2rem;
		background-size: cover !important;
	}
	
	.social-links #link-fb {
		background: url('i/facebook.svg') 0 0 no-repeat;
		margin-right: .5rem;
	}
	
	.social-links #link-yt {
		background: url('i/youtube.svg') 0 0 no-repeat;
	}
	
	.nav-link {
		text-align: right;
		color: #fff !important;
	}
	
	.dropdown-menu {
		background: transparent !important;
	}
	
	.dropdown-item {
		color: #fff !important;
		text-align: right;
	}
	
	#bikers {
		background-color: #2d414d;
	}
	
	h1.entry-title, h2 {
		font-size: 1.6rem !important;
		margin: 1rem !important;
	}
	
	#athletes-cat {
		list-style-type: none;
		margin: 1rem;
		padding: 0 !important;
		display: flex;
		flex-direction: column;
	}
	
	#athletes-cat a {
		display: inline-block;
		width: 8rem;
		height: 8rem;
		text-decoration: none;
		text-indent: -999rem;
		background-size: cover !important;
		margin: 0 1rem 1rem 0;
	}
	
	#junior a {
		background: url('i/bt-juniores.png');
	}
	
	#mtb a {
		background: url('i/bt-mtb.png');
	}
	
	#fondo a {
		background: url('i/bt-gran-fondo.png');
	}
	
	#cross a {
		background: url('i/bt-ciclocross.png');
	}
	
	h1.entry-title, h2 {
		color: #eb2136 !important;
	}
	
	.contents .col:first-of-type {
		padding: 1rem !important;
	}
	
	.contents .col:last-of-type {
		display: none;
	}
	
	#news-section .col:last-of-type {
		display: none !important;
	}
	
	#sponsors {
		padding: 0 !important;
		display: flex;
		flex-direction: column;
		flex-basis: auto !important;
	}
	
	#sponsors .wp-block-table {
		width: 100% !important;
	}
	
	#sponsors .col {
		width: 33% !important;
		padding: 5%;
	}
	
	#sponsors .col img {
		width: 100%;
		height: auto;
	}
	
	#sponsors {
		padding: 0 !important;
		display: flex;
		flex-direction: column;
		flex-basis: auto !important;
	}
	
	#sponsors td {
		width: 33% !important;
		padding: 5% !important;
	}
	
	#sponsors td img {
		width: 90% !important;
		max-width: 90% !important;
		height: auto;
	}
	
	.pre-footer {
		display: flex;
		flex-direction: column;
	}
	
	.pre-footer .col {
		flex-basis: auto !important;
	}
	
	.pre-footer .col:first-of-type {
		display: none;
	}
	
}

/* @end */