/*
Theme Name: Judo Saint Alban
Template: twentytwelve
Author: Alexis Chevalier
Description: Judo Club Saint Alban de Roche theme, a child of Twenty Twelve.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: judostalban
*/

/* Only the club's changes live here; everything else comes from Twenty Twelve. */

@font-face {
	font-family: dekiru;
	src: url('fonts/dekiru.ttf'),
		url('fonts/dekiru.eot'); /* IE9 */
}

/* No rounded borders or shadows on header and featured images */
img.header-image,
img.wp-post-image {
	border-radius: 0;
	box-shadow: none;
}

/* Club colors */
a {
	color: #fb4d4d;
}
a:hover,
.site-header h1 a:hover,
.site-header h2 a:hover {
	color: #992026;
}

/* Header: centered title in the club font, image above the menu */
.header-image {
	margin-top: 0;
}
.site-header {
	text-align: center;
}
.site-title a {
	font-size: 33px;
	font-family: dekiru;
}

@media screen and (min-width: 600px) {
	.site-header h1,
	.site-header h2 {
		text-align: center;
	}
}

/* Wide screens: title on the left, header image on the right */
@media screen and (min-width: 960px) {
	.header-image {
		float: right;
	}
	#floating-title {
		margin-top: 50px;
		float: left;
	}
	.site-header h1,
	.site-header h2 {
		text-align: left;
	}
}

/* Sidebar link to the club's Facebook page, shown as a Facebook button
   (white "f" on Facebook blue). Matches the link whatever the widget's text. */
.widget-area .widget a[href*="facebook.com/"] {
	align-items: center;
	background-color: #1877f2;
	border-radius: 6px;
	color: #fff;
	display: inline-flex;
	font-weight: bold;
	gap: 10px;
	line-height: 1.4;
	padding: 8px 14px 8px 10px;
	text-decoration: none;
}
.widget-area .widget a[href*="facebook.com/"]::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M15.12 5.32H17V2.14A26.11 26.11 0 0 0 14.26 2c-2.72 0-4.58 1.66-4.58 4.7v2.62H6.61v3.56h3.07V22h3.68v-9.12h3.06l.46-3.56h-3.52V7.05c0-1.03.28-1.73 1.76-1.73Z'/%3E%3C/svg%3E") center / contain no-repeat;
	content: "";
	flex: none;
	height: 22px;
	width: 22px;
}
.widget-area .widget a[href*="facebook.com/"]:hover,
.widget-area .widget a[href*="facebook.com/"]:focus {
	background-color: #0d5fcc;
	color: #fff;
}