/*
 Theme Name:   Theme Laclasse
 Theme URI:    https://github.com/laclasse-com/wordpress-theme-laclasse
 Description:  Thème Wordpress de l'ENT laclasse.com
 Author:       Erasme
 Author URI:   https://www.laclasse.com/
 Template:     twentyfourteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, two-columns, left-sidebar, responsive-layout, accessibility-ready
 Text Domain:  theme-laclasse
*/

/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 *
 * -----------------------------------------------------------------------------
 */

 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: 'Open Sans', sans-serif;
}


a {
	color: #1887ab;
}


a:active,
a:hover {
	color: #1aa1cc;
}


/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See https://core.trac.wordpress.org/ticket/25898.
 */
::selection {
	background: #1887ab;
}

::-moz-selection {
	background: #1887ab;
}


/**
 * 2.0 Repeatable Patterns
 * -----------------------------------------------------------------------------
 */


/* Buttons */

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #1887ab;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #1aa1cc;
}

button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #1887ab;
}

.search-field {
	background-color: transparent !important;
	text-transform: uppercase;
}

#site-header img {
    width: 100%;
}

.wp-video {
	width: 100% !important;
}

.wp-video > video {
	width: 100% !important;
	height: auto;
}

/* Placeholder text color -- selectors need to be separate to work. */


/**
 * 3.0 Basic Structure
 * -----------------------------------------------------------------------------
 */

.site {
	max-width: 100%;
}

/**
 * 4.0 Header
 * -----------------------------------------------------------------------------
 */

/* Ensure that there is no gap between the header and
	 the admin bar for WordPress versions before 3.8. */

.site-header {
	background-color: #f5f5f5;
	max-width: 100%;
}

.header-main {
	padding: 0 0;
    min-height: 44px;
}

.petit-logo {
	background-image: url(laclasse-light-black.svg);
	width: 40px;
	height: 40px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 90%;
}

.logo-text {
	outline: none;
	font-family: 'Muli';
	margin-left:6px;
	font-size:18px;
	font-weight:bold;
	color: #444444;
}
.logo-text span {
	font-family: 'Muli';
}

.blog-name {
	margin-left:10px;
	font-size: 14px;
	font-family: Muli;
	font-weight:bold;
	color: #444444;
}
a.blog-name:hover {
	color: #444444;
}

.header-separator {
	height: 2px;
	cursor: inherit;
	user-select: none;
	background: linear-gradient(rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0) 100%);
}

.logo-container {
	display: flex;
	align-items: center;
}

.path {
	width: 14px;
	height: 14px;
	outline: none;
	user-select: none;
	fill: #444444;
}

.blog-name-container {
	display: flex;
	align-items: baseline;
	float:left;
	margin-left:15px;
}

h2{
	margin-top: 0px;
}

.gris1 {
	background-color: #b2b2b2;
	height: 48px;
}

.gris1:hover {
	background-color: #797979;
}

.search-box-wrapper {
	top: 42px;
}

.search-box {
	display: table-footer-group;
	background-color: #1aa1cc;
	float: right;
	margin-right: -2px;
}

.search-box .search-field {
	font-size: 14px;
}


/**
 * 5.0 Navigation
 * -----------------------------------------------------------------------------
 */


.site-navigation li {
	border-top: none;
}

.site-navigation a {
	color: #444444;
	font-family: 'Muli';
}

.site-navigation a:hover {
	color: #fff;
	color: #1aa1cc;
}

.site-navigation .current_page_item > a,
.site-navigation .current-menu-item > a {
	color: #444444;
}

.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-ancestor > a {
	color: white;
	font-weight: inherit;
}

.secondary-navigation.site-navigation .current_page_ancestor > a,
.secondary-navigation.site-navigation .current-menu-ancestor > a {
	/* color: #2b2b2b; */
	font-weight: inherit;
}

.secondary-navigation.site-navigation .current_page_ancestor > a,
.secondary-navigation.site-navigation .current-menu-ancestor > a {
	/* color: #2b2b2b; */
	font-weight: inherit;
}

.secondary-navigation.site-navigation .current_page_item > a,
.secondary-navigation.site-navigation .current-menu-item > a {
	color: #2b2b2b;
    border: none;
}

/* Primary Navigation */

.primary-navigation {
	padding: 0;
}

.primary-navigation.toggled-on {
	padding: 0;
}

.primary-navigation .nav-menu {
	border-bottom: 0;
}


.primary-navigation a {
	padding: 0 15px;
}

/* Secondary Navigation */

.secondary-navigation {
	border-bottom: 0;
}

.secondary-navigation a {
	color: #2b2b2b;
    font-size: 14px;
}
.menu-toggle {
	background-color: #1aa1cc;
	width:44px;
	height:44px;
}

.menu-toggle:active,
.menu-toggle:focus,
.menu-toggle:hover {
	background-color: #48b4d6;
}

/**
 * 6.0 Content
 * -----------------------------------------------------------------------------
 */

.content-area {
	padding-top: 100px;
}

/**
 * 6.1 Post Thumbnail
 * -----------------------------------------------------------------------------
 */

 .featured-content .post-thumbnail {
    padding-top: 0;
	overflow: visible;
	width: auto;
}

 .featured-content .post-thumbnail, .featured-content .post-thumbnail:hover {
	background: #fff ;
	display: block;
	position: relative;
	width: auto;
	z-index: 0;
}

.featured-content .post-thumbnail img {
	position: static;
	width: 100%
}

.post-inner {
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	max-width: 800px;
	box-shadow: 0 0px 3px 0 rgba(0,0,0,0.4);
}

.post-content {
	color: #2b2b2b;
	margin: 0 10px;
    padding: 12px 16px;
}

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	max-width: 800px;
}



/**
 * 6.2 Entry Header
 * -----------------------------------------------------------------------------
 */


.entry-title a:hover {
	color: #1aa1cc;
}

/**
 * 6.3 Entry Meta
 * -----------------------------------------------------------------------------
 */


.entry-meta a:hover {
	color: #9c75ab;
}


.cat-links a:hover {
	color: #eb5454;
}


/* Tag links style */


.entry-meta .tag-links a:hover {
	background-color: #e8c254;
}


.entry-meta .tag-links a:hover:before {
	border-right-color: #e8c254;
}



/**
 * 6.4 Entry Content
 * -----------------------------------------------------------------------------
 */


.entry-content .edit-link a:hover {
	color: #1aa1cc;
}


/* Mediaelements */

.hentry .mejs-container {
	margin: 12px 0 18px;
}

.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
	background: #000;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background: #fff;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #1887ab;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	background: rgba(255, 255, 255, .33);
}

.hentry .mejs-container .mejs-controls .mejs-time {
	padding-top: 9px;
}

.hentry .mejs-controls .mejs-time-rail span,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	border-radius: 0;
}

.hentry .mejs-overlay-loading {
	background: transparent;
}

.hentry .mejs-overlay-button {
	margin-left: -24px;
}

.hentry .mejs-overlay-button:before, .widget .mejs-overlay-button:before {
	position: relative;
}

.hentry .mejs-controls .mejs-button button:focus {
	outline: none;
}

.hentry .mejs-controls .mejs-button button {
	-webkit-font-smoothing: antialiased;
	background: none;
	color: #fff;
	display: inline-block;
	font: normal 16px/1 Genericons;
}

.hentry .mejs-playpause-button.mejs-play button:before {
	content: '\f452';
}

.hentry .mejs-playpause-button.mejs-pause button:before {
	content: '\f448';
}

.hentry .mejs-volume-button.mejs-mute button:before {
	content: '\f109';
	font-size: 20px;
	position: absolute;
	top: -2px;
	left: 0;
}

.hentry .mejs-volume-button.mejs-unmute button:before {
	content: '\f109';
	left: 0;
	position: absolute;
	top: 0;
}

.hentry .mejs-fullscreen-button button:before {
	content: '\f474';
}

.hentry .mejs-fullscreen-button.mejs-unfullscreen button:before {
	content: '\f406';
}

.hentry .mejs-overlay:hover .mejs-overlay-button {
	background-color: #1887ab;
	color: #fff;
}

.hentry .mejs-controls .mejs-button button:hover {
	color: #1aa1cc;
}


/* Page links */


.page-links a:hover {
	background: #1aa1cc;
	border: 1px solid #1aa1cc;
}

/**
 * 6.5 Gallery
 * -----------------------------------------------------------------------------
 */


.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
	clear: left;
}


.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}




/**
 * 6.7 Post/Image/Paging Navigation
 * -----------------------------------------------------------------------------
 */


.post-navigation,
.image-navigation {
	max-width: 650px;
}


.post-navigation a:hover,
.image-navigation a:hover {
	color: #1aa1cc;
}

/* Paging Navigation */


.paging-navigation .page-numbers.current {
	border-top: 5px solid #1887ab;
}

.paging-navigation a:hover {
	border-top: 5px solid #1aa1cc;
}



/**
 * 6.9 Archives
 * -----------------------------------------------------------------------------
 */

.archive-title,
.page-title {
	font-size: 18px;
	font-weight: bolder;
	text-transform: uppercase;
	text-align: center;
}



/**
 * 6.14 Comments
 * -----------------------------------------------------------------------------
 */

.comments-area {
	max-width: 650px;
}


.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
	color: #1aa1cc;
}


.comment-reply-title small a:hover {
	color: #1aa1cc;
}



/**
 * 7.0 Sidebars
 * -----------------------------------------------------------------------------
 */

/* Secondary */

#secondary {
	background-color: #f5f5f5;
	border-top-color: #f5f5f5;
	clear: both;
	color: #707070;
	position: relative;
	z-index: 2;
}

.site-description {
	font-size: 16px;
}

/**
 * 7.1 Widgets
 * -----------------------------------------------------------------------------
 */

/* Primary Sidebar, Footer Sidebar */


.widget a {
	color: #2b2b2b;
	font-size: 14px;
	line-height: 24px;
	font-weight: 100;
}

.widget a:hover {
	color: #1aa1cc;
}


.widget-area .widget input,
.widget-area .widget textarea {
    border-color: rgb(147, 147, 147);
	padding: 10px 0;
	text-align: center;
	color: #2b2b2b;
}

.widget-area .widget input:focus,
.widget-area .widget textarea:focus {
	border-color: #2b2b2b;
}

.widget button,
.widget .button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
	background-color: #1887ab;
}

.widget input[type="button"]:hover,
.widget input[type="button"]:focus,
.widget input[type="reset"]:hover,
.widget input[type="reset"]:focus,
.widget input[type="submit"]:hover,
.widget input[type="submit"]:focus {
	background-color: #1aa1cc;
}

.widget input[type="button"]:active,
.widget input[type="reset"]:active,
.widget input[type="submit"]:active {
	background-color: #1887ab;
}


.widget .widget-title {
	font-weight: bolder;
}

.widget-title,
.widget-title a {
	color: #2b2b2b;
}

.widget-title a:hover {
	color: #1aa1cc;
}

/* Calendar Widget*/


.widget_calendar tbody a {
	background-color: #1887ab;
}

.widget_calendar tbody a:hover {
	background-color: #1aa1cc;
}


/* Ephemera Widget*/


.widget_twentyfourteen_ephemera .entry-meta a:hover {
	color: #1aa1cc;
}


/* List Style Widgets*/

.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding: 8px 0 9px;
}

.widget_archive li:first-child,
.widget_categories li:first-child,
.widget_links li:first-child,
.widget_meta li:first-child,
.widget_nav_menu li:first-child,
.widget_pages li:first-child,
.widget_recent_comments li:first-child,
.widget_recent_entries li:first-child {
	border-top: 0;
}


.widget_categories li li:last-child,
.widget_nav_menu li li:last-child,
.widget_pages li li:last-child {
	padding-bottom: 0;
}


/**
 * 7.2 Content Sidebar Widgets
 * -----------------------------------------------------------------------------
 */

.content-sidebar .widget a {
	color: #1887ab;
}

.content-sidebar .widget a:hover {
	color: #1aa1cc;
}


.content-sidebar .widget input[type="button"],
.content-sidebar .widget input[type="reset"],
.content-sidebar .widget input[type="submit"] {
	background-color: #1887ab;
}

.content-sidebar .widget input[type="button"]:hover,
.content-sidebar .widget input[type="button"]:focus,
.content-sidebar .widget input[type="reset"]:hover,
.content-sidebar .widget input[type="reset"]:focus,
.content-sidebar .widget input[type="submit"]:hover,
.content-sidebar .widget input[type="submit"]:focus {
	background-color: #1887ab;
}

.content-sidebar .widget input[type="button"]:active,
.content-sidebar .widget input[type="reset"]:active,
.content-sidebar .widget input[type="submit"]:active {
	background-color: #1887ab;
}


.content-sidebar .widget .widget-title a:hover {
	color: #1aa1cc;
}

/* List Style Widgets*/

.content-sidebar .widget_archive li,
.content-sidebar .widget_categories li,
.content-sidebar .widget_links li,
.content-sidebar .widget_meta li,
.content-sidebar .widget_nav_menu li,
.content-sidebar .widget_pages li,
.content-sidebar .widget_recent_comments li,
.content-sidebar .widget_recent_entries li,
.content-sidebar .widget_categories li ul,
.content-sidebar .widget_nav_menu li ul,
.content-sidebar .widget_pages li ul {
	border-color: rgba(0, 0, 0, 0.1);
}


/* Ephemera widget*/


.content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover {
	color: #1aa1cc;
}



/**
 * 8.0 Footer
 * -----------------------------------------------------------------------------
 */


.site-info a:hover {
	color: #1aa1cc;
}


/**
 * 9.0 Featured Content
 * -----------------------------------------------------------------------------
 */

 .featured-content {
	background: transparent;
}


.featured-content a {
	color: #2b2b2b;
}

.featured-content-inner {
	margin-top:10px;
	overflow: visible;
}

.grid .featured-content .entry-header {
	height: auto;
	min-height: auto;
	margin: 0 10px;
	border-color: #fff;
	border-style: none;
	border-width: 0;
	transition: 0.3s;
	background:  #fff;
	padding: 12px 16px;
}

.featured-content .hentry {
	margin: 8px 0px;
}

/* Slider */


.slider-control-paging a:hover:before {
	background-color: #1aa1cc;
}

.slider-control-paging .slider-active:before,
.slider-control-paging .slider-active:hover:before {
	background-color: #1887ab;
}


.slider-direction-nav a:hover {
	background-color: #1887ab;
}



/**
 * 10.0 Multisite
 * -----------------------------------------------------------------------------
 */


/**
 * 11.0 Media Queries
 * -----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media screen and (min-width: 200px) {
	a.post-thumbnail:hover img {
		opacity: 0.85;
	}

	.full-size-link:before,
	.parent-post-link:before,
	.site-content span + .byline:before,
	.site-content span + .comments-link:before,
	.site-content span + .edit-link:before,
	.site-content span + .entry-date:before {
		content: "";
	}

	.attachment span.entry-date:before,
	.entry-content .edit-link a:before,
	.entry-meta .edit-link a:before,
	.site-content .byline a:before,
	.site-content .comments-link a:before,
	.site-content .entry-date a:before,
	.site-content .featured-post:before,
	.site-content .full-size-link a:before,
	.site-content .parent-post-link a:before,
	.site-content .post-format a:before {
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		font: normal 16px/1 Genericons;
		text-decoration: inherit;
		vertical-align: text-bottom;
	}

	.archive-header,
	.comments-area,
	.image-navigation,
	.page-header,
	.page-content,
	.post-navigation,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content footer.entry-meta {
		padding-right: 30px;
		padding-left: 30px;
	}


	#site-header {
		z-index: 0;
	}

	.site-content .entry-meta > span {
		margin-right: 10px;
	}

	.site-content .format-video .post-format a:before {
		content: "\f104";
	}

	.site-content .format-audio .post-format a:before {
		content: "\f109";
	}

	.site-content .format-image .post-format a:before {
		content: "\f473";
	}

	.site-content .format-quote .post-format a:before {
		content: "\f106";
		margin-right: 2px;
	}

	.site-content .format-gallery .post-format a:before {
		content: "\f103";
		margin-right: 4px;
	}

	.site-content .format-aside .post-format a:before {
		content: "\f101";
		margin-right: 2px;
	}

	.site-content .format-link .post-format a:before {
		content: "\f107";
		position: relative;
		top: 1px;
	}

	.site-content .featured-post:before {
		content: "\f308";
		margin-right: 3px;
		position: relative;
		top: 1px;
	}

	.site-content .entry-date a:before,
	.attachment .site-content span.entry-date:before {
		content: "\f303";
		margin-right: 1px;
		position: relative;
		top: 1px;
	}

	.site-content .byline a:before {
		content: "\f304";
	}

	.site-content .comments-link a:before {
		content: "\f300";
		margin-right: 2px;
	}

	.entry-content .edit-link a:before,
	.entry-meta .edit-link a:before {
		content: "\f411";
	}

	.site-content .full-size-link a:before {
		content: "\f402";
		margin-right: 1px;
	}

	.site-content .parent-post-link a:before {
		content: "\f301";
	}

	.list-view .site-content .hentry {
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}

	.list-view .site-content .hentry:first-of-type,
	.list-view .site-content .hentry.has-post-thumbnail {
		border-top: 0;
	}

	.archive-header,
	.page-header {
		margin: 0 auto 60px;
		padding: 0 10px;
	}

	.error404 .page-header {
		margin-bottom: 24px;
	}

	.site-content .entry-header {
		padding-right: 30px;
		padding-left: 30px;
		word-wrap: break-word;
	}

}
@media screen and (max-width: 400px){
	.list-view .content-area {
		padding: 40px 10px 0;
	}

}

@media screen and (max-width: 594px){
	.hidden-small {
		display: none;
	}
}

@media screen and (max-width: 716px) {
	.featured-content .hentry {
		max-width: calc(100% - 16px);
	}

	.featured-content .hentry {
		margin: 8px 8px;
	}
}

@media screen and (min-width: 673px) {
	.header-main {
		padding: 0;
	}

	.search-toggle {
		margin-right: 5%;
	}

	.search-box .search-field {
		width: 50%;
	}

	.content-area {
		float: left;
		width: 100%;
	}

	.site-content {
		margin-right: 33.33333333%;
	}

	.site-content .has-post-thumbnail .entry-header {
		margin-top: 0;
	}

	.singular .site-content .hentry.has-post-thumbnail {
		margin-top: 0;
	}

	.full-width .site-content {
		margin-right: 0;
	}

	.full-width .site-content .has-post-thumbnail .entry-header,
	.full-width .site-content .hentry.has-post-thumbnail:first-child {
		margin-top: -48px;
	}

	#supplementary {
		padding: 0 30px;
	}

	.content-sidebar {
		border: 0;
		float: right;
		margin-left: -33.33333333%;
		padding: 48px 30px 24px;
		position: relative;
		width: 33.33333333%;
	}

	.grid .featured-content .hentry {
		float: left;
		width: 100%;
	}

	.grid .featured-content .hentry:nth-child( 3n+1 ) {
		clear: none;
	}

	.grid .featured-content .hentry:nth-child( 2n+1 ) {
		clear: both;
	}

	.slider .featured-content .entry-title {
		font-size: 22px;
		line-height: 1.0909090909;
		word-break: break-word;
	}

	.slider .featured-content .entry-header {
		min-height: inherit;
		padding: 24px 30px 48px;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 50%;
		z-index: 3;
	}

	.slider-control-paging {
		background: transparent;
		margin-top: -48px;
		padding-left: 20px;
		width: 50%;
	}

	.slider-direction-nav {
		clear: none;
		float: right;
		margin-top: -48px;
		width: 98px;
	}

	.slider-direction-nav li {
		border: 0;
		padding: 0 1px 0 0;
	}

	.slider-direction-nav li:last-child {
		padding: 0 0 0 1px;
	}

	.slider-direction-nav a {
		height: 48px;
	}

	.slider-direction-nav a:before {
		line-height: 48px;
	}

	.site-info {
		padding: 15px 30px;
	}
}

@media screen and (max-width: 782px) {
	.content-area{
		padding-top: 50px;
	}

	.primary-navigation a {
		padding: 15px 15px;
	}

	.site-navigation li.current_page_item > a,
	.site-navigation li.current-menu-item > a {
		color: white;
	}

	.primary-navigation > div {
		margin-top: 44px;
	}
}

@media screen and (min-width: 783px) {
	.header-main {
		padding-right: 0;
	}

	.search-toggle {
		margin-right: 0;
	}

	/* Fixed Header */

	.masthead-fixed .site-header {
		top: 0;
	}

	.admin-bar.masthead-fixed .site-header {
		top: 32px;
	}
	.masthead-fixed .site-main {
		margin-top: 44px;
	}

	/* Navigation */

	.site-navigation li .current_page_item > a,
	.site-navigation li .current_page_ancestor > a,
	.site-navigation li .current-menu-item > a,
	.site-navigation li .current-menu-ancestor > a {
		color: #444444;
	}

	.sub-menu {
		box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	}

	/* Primary Navigation */

	.primary-navigation {
		position: inherit;
		font-size: 12px;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
	}

	.primary-navigation .menu-toggle {
		display: none;
		padding: 0;
	}

	.primary-navigation .nav-menu {
		border-bottom: 0;
		display: inline-block;
		font-size: 0px;
	}

	.primary-navigation.toggled-on {
		border-bottom: 0;
		margin: 0;
		padding: 0;
	}

	.primary-navigation li {
		border: 0;
		position: relative;
		display: inline-block;
		height: 44px;
		line-height: 44px;
		font-size: 15px;
		font-weight: 500;
	}


	.primary-navigation ul ul {
		top: 44px;
		background-color: #f5f5f5;
		margin: 0;
		position: absolute;
		left: -999em;
	}

	.primary-navigation li li {
		border: 0;
		display: block;
		height: auto;
		line-height: 1.0909090909;
	}

	.primary-navigation ul ul ul {
		left: -999em;
		top: 0;
	}

	.primary-navigation ul ul a {
		padding: 14px 12px;
		white-space: normal;
	}

	.primary-navigation li:hover > a,
	.primary-navigation li.focus > a {
		background-color: transparent !important;
		text-decoration: none;
		color: #ffffff;
	}


	.primary-navigation ul li:hover > ul,
	.primary-navigation ul li.focus > ul {
		left: auto;
	}

	.primary-navigation ul ul li:hover > ul,
	.primary-navigation ul ul li.focus > ul {
		left: 100%;
	}

	.primary-navigation .menu-item-has-children > a,
	.primary-navigation .page_item_has_children > a {
		padding-right: 26px;
	}

	.primary-navigation .menu-item-has-children > a:after,
	.primary-navigation .page_item_has_children > a:after {
		-webkit-font-smoothing: antialiased;
		content: "\f502";
		display: inline-block;
		font: normal 8px/1 Genericons;
		position: absolute;
		right: 12px;
		top: 22px;
		vertical-align: text-bottom;
	}

	.primary-navigation li .menu-item-has-children > a,
	.primary-navigation li .page_item_has_children > a {
		padding-right: 20px;
		width: 168px;
	}

	.primary-navigation .menu-item-has-children li.menu-item-has-children > a:after,
	.primary-navigation .menu-item-has-children li.page_item_has_children > a:after,
	.primary-navigation .page_item_has_children li.menu-item-has-children > a:after,
	.primary-navigation .page_item_has_children li.page_item_has_children > a:after {
		content: "\f501";
		right: 8px;
		top: 20px;
	}

	/* Secondary navigation*/

	.secondary-navigation .sub-menu > li:nth-child(5n+5):hover > a,
	.sub-menu > .menu-item:nth-child(5n+5):hover,
	.menu-item:nth-child(5n+1):hover,
	.secondary-navigation li:nth-child(5n+1):hover > a,
	.secondary-navigation li.focus > a  {
		background-color: #1ba0cc;
		color: #fff;
	}

	.secondary-navigation .sub-menu > li:nth-child(5n+4):hover > a,
	.sub-menu > .menu-item:nth-child(5n+4):hover,
	.menu-item:nth-child(5n+2):hover,
	.secondary-navigation li:nth-child(5n+2):hover > a,
	.secondary-navigation li.focus > a  {
		background-color: #7fba66;
		color: #fff;
	}

	.secondary-navigation .sub-menu > li:nth-child(5n+3):hover > a,
	.sub-menu > .menu-item:nth-child(5n+3):hover,
	.menu-item:nth-child(5n+3):hover,
	.secondary-navigation li:nth-child(5n+3):hover > a,
	.secondary-navigation li.focus > a  {
		background-color: #eb5353;
		color: #fff;
	}

	.secondary-navigation .sub-menu > li:nth-child(5n+2):hover > a,
	.sub-menu > .menu-item:nth-child(5n+2):hover,
	.menu-item:nth-child(5n+4):hover,
	.secondary-navigation li:nth-child(5n+4):hover > a,
	.secondary-navigation li.focus > a  {
		background-color: #9b75ab;
		color: #fff;
	}

	.secondary-navigation .sub-menu > li:nth-child(5n+1):hover > a,
	.sub-menu > .menu-item:nth-child(5n+1):hover,
	.menu-item:nth-child(5n+5):hover,
	.secondary-navigation li:nth-child(5n+5):hover > a,
	.secondary-navigation li.focus > a  {
		background-color: #e8c254;
		color: #fff;
	}

}

@media screen and (min-width: 810px) {
	.attachment .entry-attachment .attachment {
		margin-right: auto;
		margin-left: auto;
		max-width: 810px;
	}

	.attachment .site-content .attachment img {
		display: block;
		margin: 0 auto;
	}

	.contributor-avatar {
		margin-left: -168px;
	}

	.contributor-summary {
		float: left;
	}

	.full-width .site-content blockquote.alignleft,
	.full-width .site-content blockquote.alignright {
		width: -webkit-calc(50% + 130px);
		width:         calc(50% + 130px);
	}

	.full-width .site-content blockquote.alignleft,
	.full-width .site-content img.size-full.alignleft,
	.full-width .site-content img.size-large.alignleft,
	.full-width .site-content img.size-medium.alignleft,
	.full-width .site-content .wp-caption.alignleft {
		margin-left: 0px;
	}

	.full-width .site-content .alignleft {
		clear: left;
	}

	.full-width .site-content blockquote.alignright,
	.full-width .site-content img.size-full.alignright,
	.full-width .site-content img.size-large.alignright,
	.full-width .site-content img.size-medium.alignright,
	.full-width .site-content .wp-caption.alignright {
		margin-right: -168px;
	}

	.full-width .site-content .alignright {
		clear: right;
	}
}

@media screen and (min-width: 846px) {

	.site-content .has-post-thumbnail .entry-header {
		margin-top: -48px;
	}

	.comment-list .trackback,
	.comment-list .pingback,
	.comment-list article {
		margin-bottom: 36px;
		padding-top: 36px;
	}

	.comment-author .avatar {
		height: 34px;
		top: 2px;
		width: 34px;
	}

	.comment-author,
	.comment-awaiting-moderation,
	.comment-content,
	.comment-list .reply,
	.comment-metadata {
		padding-left: 50px;
	}

	.comment-list .children {
		margin-left: 20px;
	}

	.full-width .site-content .hentry.has-post-thumbnail:first-child {
		margin-top: -72px;
	}
}

@media screen and (min-width: 1008px) {

	.site:before {
		background-color: #f5f5f5;
		content: "";
		display: block;
		height: 100%;
		min-height: 100%;
		position: absolute;
		left: 0;
		width: 300px;
		box-shadow: 0 0 8px rgba(0,0,0,0.5);
	}


	#site-header {
		padding-left: 300px;
	}

	#secondary {
		background-color: transparent;
		border: 0;
		clear: none;
		float: left;
		width: 300px;
		padding: 0;
	}

	#secondary > div, #secondary > h2 {
		padding: 0 30px;
	}


	.primary-sidebar {
		padding-top: 0;
	}

	.site-description {
		display: block;
		margin: 32px 0 18px 0;
	}

	.secondary-navigation,
	.secondary-navigation ul ul {
		width: 100%;
		margin-left: 0;
	}

	.secondary-navigation ul li:hover > ul,
	.secondary-navigation ul li.focus > ul {
		left: 100%;
	}


	.secondary-navigation ul ul {
		background-color: #f5f5f5;
		position: absolute;
		top: 0;
		left: -999em;
		width: 182px;
		z-index: 99999;
	}


	.secondary-navigation li:hover > a,
	.secondary-navigation li.focus > a {
		color: #fff;
	}

	.secondary-navigation ul ul a:hover,
	.secondary-navigation ul ul li.focus > a {
		background-color: #1aa1cc;
	}



	.footer-sidebar .widget input,
	.footer-sidebar .widget textarea,
	.primary-sidebar .widget input,
	.primary-sidebar .widget textarea {
		font-size: 12px;
		padding: 8px 8px;
	}


	.footer-sidebar .widget .widget-title,
	.primary-sidebar .widget .widget-title {
		font-size: 17px;
	}


	.footer-sidebar .widget_archive li,
	.footer-sidebar .widget_categories li,
	.footer-sidebar .widget_links li,
	.footer-sidebar .widget_meta li,
	.footer-sidebar .widget_nav_menu li,
	.footer-sidebar .widget_pages li,
	.footer-sidebar .widget_recent_comments li,
	.footer-sidebar .widget_recent_entries li,
	.primary-sidebar .widget_archive li,
	.primary-sidebar .widget_categories li,
	.primary-sidebar .widget_links li,
	.primary-sidebar .widget_meta li,
	.primary-sidebar .widget_nav_menu li,
	.primary-sidebar .widget_pages li,
	.primary-sidebar .widget_recent_comments li,
	.primary-sidebar .widget_recent_entries li {
		border-top: 0;
		padding: 0 0 6px;
	}

	.footer-sidebar .widget_archive li:last-child,
	.footer-sidebar .widget_categories li:last-child,
	.footer-sidebar .widget_links li:last-child,
	.footer-sidebar .widget_meta li:last-child,
	.footer-sidebar .widget_nav_menu li:last-child,
	.footer-sidebar .widget_pages li:last-child,
	.footer-sidebar .widget_recent_comments li:last-child,
	.footer-sidebar .widget_recent_entries li:last-child,
	.primary-sidebar .widget_archive li:last-child,
	.primary-sidebar .widget_categories li:last-child,
	.primary-sidebar .widget_links li:last-child,
	.primary-sidebar .widget_meta li:last-child,
	.primary-sidebar .widget_nav_menu li:last-child,
	.primary-sidebar .widget_pages li:last-child,
	.primary-sidebar .widget_recent_comments li:last-child,
	.primary-sidebar .widget_recent_entries li:last-child {
		padding: 0;
	}

	.footer-sidebar .widget_categories li ul,
	.footer-sidebar .widget_nav_menu li ul,
	.footer-sidebar .widget_pages li ul,
	.primary-sidebar .widget_categories li ul,
	.primary-sidebar .widget_nav_menu li ul,
	.primary-sidebar .widget_pages li ul {
		border-top: 0;
		margin-top: 6px;
	}

	.site-content,
	.site-main .widecolumn {
		margin-left: 300px;
	}

	.featured-content {
		width: 100%;
		margin-bottom: 0;
		padding-left: 0;
	}

	.featured-content-inner {
		margin-left: 300px;
	}

	.secondary-navigation .menu-item-has-children > a:after {
	    top: 16px;
	}

	.site-navigation .current-menu-item > a,
	.site-navigation .current-menu-ancestor > a {
		color: #444444;
		border-left: none;
	}
	.secondary-navigation.site-navigation .current_page_item > a,
	.secondary-navigation.site-navigation .current_page_ancestor > a {
		color: #323232;
		border-left: solid 4px #323232;
		background: transparent;
	}
}