/*
Theme Name:     Ploef (Twenty Thirteen child)
Theme URI:      http://ploef.eu/
Description:    Child theme of Twenty Thirteen for Ploef
Author:         Paul Barbieux
Author URI:     http://ploef.eu/
Template:       twentythirteen                             
Version:        0.1.0
*/
@import url("../twentythirteen/style.css");

/* Special fonts */

H1, H2, H3, H4,	
.site-description,
.widget .widget-title {
	font-family: 'Averia Libre', cursive;
}
HTML,
BODY {
	font-family: 'Overlock', cursive;
	font-size:17px;
}
P {
	font-size:1rem;
}

/* Link colors */

.entry-meta a,
.entry-meta a:hover,
.entry-content a,
.comment-content a,
.format-link .entry-title a,
.comment-author .fn,
.comment-author .url,
.comment-reply-link,
.comment-reply-login,
.widget a
{
	color: #E6402B;
}

button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	background: #E6402B; /* Old browsers */
	background: -webkit-linear-gradient(top, #E6402B 0%, #d94412 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #E6402B 0%, #d94412 100%); /* W3C */
	border: none;
	border-bottom: 3px solid #E6402B;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	padding: 11px 24px 10px;
	text-decoration: none;
}

/* Background */

BODY {
	background: url(images/bg-main.png) repeat center top;
}
.site {
	background-color:transparent;
}

/* Navbar */
.main-navigation {
	min-height: 55px;
}
.navbar {
	background: url(images/bg-nav.png) repeat-x center bottom;
	background-color:transparent !important;
	position:fixed;
	top:0;
	z-index: 50;
}
.admin-bar .navbar {
	top:27px;
}
UL.nav-menu > LI > A {
	color:#A72314;
	text-transform: uppercase;
	font-weight:bold;
	padding:8px 15px;
	font-size:1.2rem;
}
.nav-menu .current-menu-ancestor > a,
.nav-menu .current_page_item > a {
	color: #FFFFFF;
	font-weight:bold;
	font-style: italic;
}
.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu .sub-menu,
.nav-menu .children {
	background-color: #E6402B;
	color: #FFFFFF;
}
.nav-menu .sub-menu,
.nav-menu .children {
	border: none;
}
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
.toggled-on .nav-menu li a:hover,
.toggled-on .nav-menu ul a:hover {
	background-color: #EBD8D0;
	color:#E6402B;
}

.menu-ploef-container {
	display:inline-block;
}

.site-header .search-field {
	background-image: url("images/search-icon.png");
	height:30px;
	width:24px; /* Bug Safari */
}
.site-header .search-field:focus {
	border:solid 1px #FFFFFF;
}

/* Language switch */

#language-switcher {
	display:inline-block;
}
#language-switcher A {
	padding-right: 10px;
	color:#A72314;
}
#language-switcher A.current_language {
	font-style: italic;
	color:#FFFFFF;
}

/* Banner */
.site-header {
	background-position:right top;
}
.site-title {
	display:none;
}
.site-description {
	padding-top:70px;
	font-size:24px;
}

/* Footer */

.site-footer .sidebar-container {
	background: url(images/bg-footer.png) repeat-y center bottom;
}
.site-footer .widget-title {
	color: #F5ECE9;
}
.site-footer .widget A {
	color:#FFFFFF;
}

/* Event list */

.widget-area .event-list-view .event {
	margin:0;
	padding:0;
}
.widget-area .event-title > H3 {
	font-size:15px;
	color:#333333;
}
.entry-content .event-list-view .event {
	padding-bottom: 50px;
}
#event_list_widget-2 DIV:not(.event-list) > A {
	background-color:#E6402B;
	color:#FFF;
	padding: 2px 5px;
	display:block;
	font-size:14px;
}

/* Titles */

H1, H2, H3 {
	line-height:90%;
}
.entry-title A {
	color: #76180E;
}
.widget .widget-title {
	font-style: normal;	
}

/* Widgets */

.widget {
	background-color:transparent !important;
	background: url(images/bg-widget.png) no-repeat left top;
	padding: 20px 20px 5px 20px;
}
.widget,
.widget P {
	font-size: 14px;
}

/* Content */

.sidebar .entry-header, 
.sidebar .entry-content, 
.sidebar .entry-summary, 
.sidebar .entry-meta {
	padding-left: 0;
}

/* Images */

.entry-content IMG:not(.no-shadow) {
	-webkit-box-shadow: 0 5px 5px -5px #666666;
	   -moz-box-shadow: 0 5px 5px -5px #666666;
	        box-shadow: 0 5px 5px -5px #666666;
}

.entry-content IMG.aligncenter {
}
.entry-content IMG.alignleft,
.entry-content .wp-caption.alignleft {
	margin-left: 0;
}
.entry-content IMG.alignright {
}

/* Contact Form 7 */

.wpcf7 .label {
	display: inline-block;
	width:150px;
}
.wpcf7 INPUT[type=text],
.wpcf7 INPUT[type=email],
.wpcf7 TEXTAREA {
	width: 400px;
}

@media (max-width: 643px) {
	/* Change banner dynamic */
	.navbar {
		position:relative;
		top:20px;
		background-image:none;
		border-bottom:solid 1px #E6402B;
	}
	.site-header {
		padding-top: 0;
		background-size:800px 115px !important;
	}
	.site-header .home-link {
		min-height:90px;
	}
	#navbar .search-form {
		display:none;
	}
	/* Change menu size */
	UL.nav-menu A {
		padding: 5px 10px;
	}
	
	/* Posts */
	.featured-post .excerpt {
		margin-left: 0;
		width:100%;
	}
	#content .featured .post .entry-header {
		padding:0;
	}
	.entry-content.post-box .post:first-child {
		border-right: none;
		border-bottom: solid 1px #B3BDBC;
		padding-right:0;
	}
	.entry-content.post-box .post:last-child {
		padding-left:0;
	}
	.entry-content.post-box .post {
		width: 100%;
	}
	.entry-content.post-box DIV {
		padding-left:0 !important;
		padding-right: 0 !important;
	}
	.entry-title {
		font-size:30px;
	}
	H2 {
		font-size:25px;
	}
	H3 {
		font-size:20px;
	}
	H4 {
		font-size:17px;
	}
	
	#language-switcher {
		position:absolute;
		top:10px;
		right:10px;
	}

	/* Change navigation menu */
	H3.menu-toggle {
		color: #E6402B;
	}
	.toggled-on LI {
		float:left;
	}
	.toggled-on .nav-menu li > ul a {
		color: #E6402B;
	}
	.toggled-on .nav-menu li:hover > a,
	.toggled-on .nav-menu .children a {
		background-color: transparent;
		color: #141412;
	}
	.toggled-on .nav-menu li a:hover,
	.toggled-on .nav-menu ul a:hover {
		background-color: #E6402B;
		color:#FFFFFF;
	}
}