@import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light);
@font-face {
  font-family: 'Rockwell';
  src: url("fonts/Rockwell.eot?#iefix") format("embedded-opentype"), url("fonts/Rockwell.woff") format("woff"), url("fonts/Rockwell.ttf") format("truetype"), url("fonts/Rockwell.svg#Rockwell") format("svg");
  font-weight: normal;
  font-style: normal; }
/*
Theme Name: Twenty Eleven
Theme URI: https://wordpress.org/themes/twentyeleven/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 2.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven
*/
/* =Reset default browser CSS. Based on work by Eric Meyer.
-------------------------------------------------------------- */
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 {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

:focus {
  /* remember to define focus styles! */
  outline: 0; }

body {
  background: #fff;
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  font-weight: normal;
  text-align: left; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a img {
  border: 0; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

/* =Structure
----------------------------------------------- */
#page {
  width: 100%; }

#content {
  margin: 0 34% 0 7.6%;
  width: 58.4%; }

#secondary {
  float: right;
  margin-right: 7.6%;
  width: 18.8%; }

/* Singular */
.singular #content,
.left-sidebar.singular #content {
  width: 95%;
  max-width: 980px;
  margin: 0 auto; }

.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
  margin: 0 auto;
  width: 80%; }

/* Attachments */
.singular .image-attachment .entry-content {
  margin: 0 auto;
  width: auto; }

.singular .image-attachment .entry-description {
  margin: 0 auto;
  width: 68.9%; }

/* Showcase */
.page-template-showcase-php #primary,
.left-sidebar.page-template-showcase-php #primary {
  margin: 0; }

.page-template-showcase-php #content,
.left-sidebar.page-template-showcase-php #content {
  margin: 0 7.6%;
  width: auto; }

.page-template-showcase-php section.recent-posts {
  float: right;
  margin: 0 0 0 31%;
  width: 69%; }

.page-template-showcase-php #main .widget-area {
  float: left;
  margin: 0 -22.15% 0 0;
  width: 22.15%; }

/* error404 */
.error404 #primary {
  float: none;
  margin: 0; }

.error404 #primary #content {
  margin: 0 7.6%;
  width: auto; }

/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.625em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.625em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* Right Content */
.left-sidebar #primary {
  float: right;
  margin: 0 0 0 -26.4%;
  width: 100%; }

.left-sidebar #content {
  margin: 0 7.6% 0 34%;
  width: 58.4%; }

.left-sidebar #secondary {
  float: left;
  margin-left: 7.6%;
  margin-right: 0;
  width: 18.8%; }

/* =Global
----------------------------------------------- */
/* Headings */
h1, h2, h3, h4, h5, h6 {
  clear: both; }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.625em; }

/* Text elements */
p {
  margin-bottom: 1.625em; }

ul, ol {
  margin: 0 0 1.625em 2.5em; }

ul {
  list-style: square; }

ol {
  list-style-type: decimal; }

ol ol {
  list-style: upper-alpha; }

ol ol ol {
  list-style: lower-roman; }

ol ol ol ol {
  list-style: lower-alpha; }

ul ul, ol ol, ul ol, ol ul {
  margin-bottom: 0; }

dl {
  margin: 0 1.625em; }

dt {
  font-weight: bold; }

dd {
  margin-bottom: 1.625em; }

strong {
  font-weight: bold; }

cite, em, i {
  font-style: italic; }

blockquote {
  font-family: Georgia, "Bitstream Charter", serif;
  font-style: italic;
  font-weight: normal;
  margin: 0 3em; }

blockquote em, blockquote i, blockquote cite {
  font-style: normal; }

blockquote cite {
  color: #666;
  font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  letter-spacing: 0.05em;
  text-transform: uppercase; }

pre {
  background: #f4f4f4;
  font: 13px "Courier 10 Pitch", Courier, monospace;
  line-height: 1.5;
  margin-bottom: 1.625em;
  overflow: auto;
  padding: 0.75em 1.625em; }

code, kbd, samp, var {
  font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

abbr, acronym, dfn {
  border-bottom: 1px dotted #666;
  cursor: help; }

address {
  display: block;
  margin: 0 0 1.625em; }

ins {
  background: #fff9c0;
  text-decoration: none; }

sup,
sub {
  font-size: 10px;
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline; }

sup {
  bottom: 1ex; }

sub {
  top: .5ex; }

small {
  font-size: smaller; }

/* Forms */
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=number],
textarea {
  background: #fafafa;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid #ddd;
  color: #888; }

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=number]:focus,
textarea:focus {
  color: #373737; }

textarea {
  padding-left: 3px;
  width: 98%; }

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=number] {
  padding: 3px; }

input#s {
  background: url(images/search.png) no-repeat 5px 6px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 14px;
  height: 22px;
  line-height: 1.2em;
  padding: 4px 10px 4px 28px; }

input#searchsubmit {
  display: none; }

/* Links */
a {
  color: #1982d1;
  text-decoration: none; }

a:focus,
a:active,
a:hover {
  text-decoration: underline; }

/* Assistive text */
.assistive-text,
.screen-reader-text {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px; }

#access a.assistive-text:focus,
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background: #eee;
  border-bottom: 1px solid #ddd;
  color: #1982d1;
  clip: auto !important;
  font-size: 12px;
  height: auto;
  position: absolute;
  text-decoration: underline;
  top: 0;
  left: 7.6%;
  width: auto; }

body, input, textarea {
  color: #373737;
  font: 15px 'Rockwell', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.625; }

body {
  background: url(images/bg-1024x682.jpg);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed; }

body #page #main #primary {
  width: 100%;
  background: rgba(255, 255, 255, 0.85); }

body #page #main #primary #content {
  overflow: auto; }

body #page .container {
  max-width: 1200px;
  margin: 0 auto;
  width: 90%; }

body #page #branding .container {
  max-width: 95%;
  margin: 0 auto;
  width: 95%; }

#header_social {
  width: 100%;
  font-size: .9em;
  padding: 4px 0;
  text-align: right;
  background: rgba(0, 0, 0, 0.5);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); }

#header_social a {
  color: #FFF; }

#header_social .signup_newsletter {
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  margin-top: 5px; }

#header_social .signup_newsletter i {
  font-size: 1.2em;
  margin-right: 5px; }

#header_social .signup_newsletter .input_newsletter {
  display: none; }

#header_social .signup_newsletter .input_newsletter #mc_embed_signup #mc_embed_signup_scroll {
  width: 300px; }
  #header_social .signup_newsletter .input_newsletter #mc_embed_signup #mc_embed_signup_scroll .mc-field-group {
    float: left; }

#header_social .signup_newsletter .input_newsletter #mc_embed_signup #mce-responses .response {
  position: absolute;
  color: #FFF;
  top: 32px;
  background: rgba(0, 0, 0, 0.72);
  width: calc(100% - 30px);
  left: 0;
  padding: 8px 15px; }

#header_social .signup_newsletter .input_newsletter input[type="text"] {
  border: 0;
  padding: 4px; }

#header_social .signup_newsletter .input_newsletter input[type="submit"] {
  border: 0;
  background: #000;
  color: #FFF;
  text-transform: uppercase;
  padding: 4px 20px;
  margin-left: -4px;
  cursor: pointer; }

#header_social .icons {
  display: inline-block;
  vertical-align: top;
  width: 200px;
  margin-left: 10px;
  text-align: right; }

#header_social .icons a {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 1.2em;
  margin: 0 5px;
  text-align: center; }
  #header_social .icons a i.fa-periscope {
    background-image: url(images/periscope.png);
    background-size: 66%;
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 100%;
    height: 100%; }
  #header_social .icons a:hover {
    opacity: .7; }

/* =Header
----------------------------------------------- */
#branding {
  border-bottom: 3px solid #fff;
  -webkit-box-shadow: 2px 1px 2px 0px rgba(0, 0, 0, 0.37);
  -moz-box-shadow: 2px 1px 2px 0px rgba(0, 0, 0, 0.37);
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.2); }

#branding hgroup {
  text-align: center;
  max-width: 330px;
  margin: 0 auto;
  width: 70%; }

#site-title {
  font-family: 'Shadows Into Light', Helvetica, sans-serif; }

#site-title a {
  color: #111;
  font-size: 3.5em;
  font-weight: 600;
  text-decoration: none;
  line-height: 36px; }

#site-title a:hover,
#site-title a:focus,
#site-title a:active {
  color: #1982d1; }

#site-description {
  color: #7a7a7a;
  font-size: 14px;
  margin: 0 auto 1em 0; }

#branding img {
  height: auto;
  display: block;
  width: 100%; }

/* Search Form */
#branding #searchform {
  position: absolute;
  top: 3.8em;
  right: 7.6%;
  text-align: right; }

#branding #searchform div {
  margin: 0; }

#branding #s {
  float: right;
  -webkit-transition-duration: 400ms;
  -webkit-transition-property: width, background;
  -webkit-transition-timing-function: ease;
  -moz-transition-duration: 400ms;
  -moz-transition-property: width, background;
  -moz-transition-timing-function: ease;
  -o-transition-duration: 400ms;
  -o-transition-property: width, background;
  -o-transition-timing-function: ease;
  width: 72px; }

#branding #s:focus {
  background-color: #f9f9f9;
  width: 196px; }

#branding #searchsubmit {
  display: none; }

#branding .only-search #searchform {
  top: 5px;
  z-index: 1; }

#branding .only-search #s {
  background-color: #666;
  border-color: #000;
  color: #222; }

#branding .only-search #s,
#branding .only-search #s:focus {
  width: 85%; }

#branding .only-search #s:focus {
  background-color: #bbb; }

#branding .with-image #searchform {
  top: auto;
  bottom: -27px;
  max-width: 195px; }

#branding .only-search + #access div {
  padding-right: 205px; }

/* =Menu
-------------------------------------------------------------- */
#access {
  text-align: right;
  margin: 10px 0 15px; }

#access #button_menu_mobile {
  display: none;
  position: absolute;
  top: 15px;
  font-size: 2em;
  left: 20px;
  line-height: 1; }

#access #button_menu_mobile a {
  color: #FFF; }

#access ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  text-align: center; }

#access ul li {
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  font-size: 1.1em; }

#access ul li a {
  color: #FFF;
  padding: 0 16px;
  text-decoration: none;
  font-weight: 400;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.5); }

#access ul li:hover:after, #access ul li.current-menu-item:after {
  content: '';
  position: absolute;
  height: 1px;
  width: 10px;
  bottom: 0;
  background: #FFF;
  left: 0;
  right: 0;
  margin: auto; }

#access ul li:hover a, #access ul li.current-menu-item a {
  color: #FFF; }

#access ul ul {
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  display: none;
  float: left;
  margin: 0;
  position: absolute;
  top: 3.333em;
  left: 0;
  width: 188px;
  z-index: 99999; }

#access ul ul ul {
  left: 100%;
  top: 0; }

#access ul ul ul a {
  background: #f9f9f9;
  border-bottom: 1px dotted #ddd;
  color: #444;
  font-size: 13px;
  font-weight: normal;
  height: auto;
  line-height: 1.4em;
  padding: 10px 10px;
  width: 168px; }

#access #menu_mobile {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  top: 0;
  left: 0;
  color: #FFF;
  z-index: 99999; }

#access #menu_mobile.active {
  display: table; }

#access #menu_mobile .close {
  position: absolute;
  font-size: 2em;
  right: 20px;
  top: 10px; }

#access #menu_mobile .close a {
  color: #FFF; }

#access #menu_mobile .content_menu_mobile {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle; }

#access #menu_mobile .content_menu_mobile .menu-main-menu-container {
  margin: 0;
  display: block; }

#access #menu_mobile .content_menu_mobile .menu-main-menu-container ul li {
  display: block;
  font-size: 1.3em;
  margin: 15px 0; }

#access #menu_mobile .content_menu_mobile .menu-main-menu-container ul li a {
  color: #FFF; }

#access #menu_mobile .content_menu_mobile .icons {
  text-align: center; }

#access #menu_mobile .content_menu_mobile .icons a {
  color: #FFF;
  font-size: 1.5em;
  margin: 5px 10px 0; }

#access ul li:hover > ul {
  display: block; }

#access ul
#access ul ul
#access ul ul
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus,
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
  color: #000; }

/** ---- FOOTER ----- **/
/* =Footer
----------------------------------------------- */
#colophon {
  overflow: hidden;
  text-align: center;
  clear: both;
  background: #1b1b1b;
  width: 100%;
  bottom: 0; }

#colophon #content_footer {
  width: 90%;
  margin: 0 auto; }

#colophon #content_footer .infos_footer {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  text-align: left; }

#colophon #content_footer .infos_footer h5 {
  font-family: 'Shadows Into Light', Helvetica, sans-serif;
  color: #FFF;
  font-size: 2em;
  margin: 20px 0 15px; }

#colophon #content_footer .infos_footer .icons {
  margin: 10px 0; }

#colophon #content_footer .infos_footer .icons a {
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  color: #FFF;
  font-size: 1.2em;
  margin: 0 5px;
  text-align: center; }

#colophon #content_footer .contact {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  text-align: left; }

#colophon #content_footer .contact ul {
  padding: 0;
  margin: 0;
  margin-top: 10px; }

#colophon #content_footer .contact ul li {
  display: block;
  margin: 5px 0; }

#colophon #content_footer .contact ul li a {
  color: #FFF;
  text-decoration: none; }

#colophon #content_footer .contact ul li .info_email {
  margin: 0;
  color: #ADADAD;
  font-size: .9em;
  line-height: 1; }

#colophon #content_footer .newsletter {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  text-align: left; }

#colophon #content_footer .newsletter h5 {
  color: #FFF;
  margin: 10px 0 20px;
  text-transform: uppercase;
  font-size: 1.2em;
  text-align: center; }

#colophon #content_footer .newsletter h5 i {
  margin-right: 10px; }

#colophon #content_footer .newsletter form {
  width: 300px;
  max-width: 100%;
  margin: 0 auto; }

#colophon #content_footer .newsletter form input {
  padding: 8px 10px;
  width: calc(100% - 20px);
  text-align: center;
  border: 0; }

#colophon #content_footer .newsletter form input[type="submit"] {
  border: 0;
  background-color: #000;
  color: #FFF;
  width: 100%;
  padding: 8px 0; }

#colophon #content_footer .credits {
  font-size: .85em;
  text-align: right; }

@media (max-width: 920px) {
  #colophon #content_footer {
    width: 95%; }

  #colophon #content_footer .infos_footer {
    width: 33%; }

  #colophon #content_footer .contact {
    width: 33%; }

  #colophon #content_footer .newsletter {
    width: 33%; } }
@media (max-width: 750px) {
  #page #header_social {
    display: none; }

  #page #branding hgroup {
    margin: 10px auto; }

  #access #button_menu_mobile {
    display: block; }

  #access .menu-main-menu-container {
    display: none; }

  #colophon #content_footer {
    width: 95%; }

  #colophon #content_footer .infos_footer {
    width: 100%;
    text-align: center; }

  #colophon #content_footer .infos_footer h5 {
    margin: 10px 0; }

  #colophon #content_footer .contact {
    width: 100%; }

  #colophon #content_footer .contact ul li {
    display: inline-block; }

  #colophon #content_footer .newsletter {
    width: 33%; } }
@media (max-width: 400px) {
  #site-title a {
    font-size: 3em; } }
/* =Content
----------------------------------------------- */
.page-title {
  color: #666;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.6em;
  margin: 0 0 2.6em;
  text-transform: uppercase; }

.page-title a {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  text-transform: none; }

.hentry,
.no-results {
  border-bottom: 1px solid #ddd;
  margin: 0 0 1.625em;
  padding: 0 0 1.625em;
  position: relative; }

.hentry:last-child,
.no-results {
  border-bottom: none; }

.blog .sticky .entry-header .entry-meta {
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important; }

.entry-title,
.entry-header .entry-meta {
  padding-right: 76px; }

.entry-title {
  clear: both;
  color: #222;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5em;
  padding-bottom: .3em;
  padding-top: 15px; }

.entry-title,
.entry-title a {
  color: #222;
  text-decoration: none; }

.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
  color: #1982d1; }

.entry-meta {
  color: #666;
  clear: both;
  font-size: 12px;
  line-height: 18px; }

.entry-meta a {
  font-weight: bold; }

.single-author .entry-meta .by-author {
  display: none; }

.entry-content,
.entry-summary {
  padding: 1.625em 0 0; }

.entry-content .more-link {
  white-space: nowrap; }

.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
  color: #000;
  font-weight: bold;
  margin: 0 0 .8125em; }

.entry-content h3,
.comment-content h3 {
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 2.6em;
  text-transform: uppercase; }

.entry-content table,
.comment-content table {
  border-bottom: 1px solid #ddd;
  margin: 0 0 1.625em;
  width: 100%; }

.entry-content th,
.comment-content th {
  color: #666;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.6em;
  text-transform: uppercase; }

.entry-content td,
.comment-content td {
  border-top: 1px solid #ddd;
  padding: 6px 10px 6px 0; }

.entry-content #s {
  width: 75%; }

.comment-content ul,
.comment-content ol {
  margin-bottom: 1.625em; }

.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul {
  margin-bottom: 0; }

dl.gallery-item {
  margin: 0; }

.page-link {
  clear: both;
  display: block;
  margin: 0 0 1.625em; }

.page-link a {
  background: #eee;
  color: #373737;
  margin: 0;
  padding: 2px 3px;
  text-decoration: none; }

.page-link a:hover {
  background: #888;
  color: #fff;
  font-weight: bold; }

.page-link span {
  margin-right: 6px; }

.entry-meta .edit-link a,
.commentlist .edit-link a {
  background: #eee;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #666;
  float: right;
  font-size: 12px;
  line-height: 1.5em;
  font-weight: 300;
  text-decoration: none;
  padding: 0 8px; }

.entry-meta .edit-link a:hover,
.commentlist .edit-link a:hover {
  background: #888;
  color: #fff; }

.entry-content .edit-link {
  clear: both;
  display: block; }

/* Images */
.entry-content img,
.comment-content img,
.widget img {
  max-width: 100%;
  /* Fluid images for posts, comments, and widgets */ }

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
  height: auto;
  /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }

img.size-full,
img.size-large {
  max-width: 97.5%;
  width: auto;
  /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
  height: auto;
  /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }

.entry-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 1.625em; }

p img,
.wp-caption {
  margin-top: 0.4em; }

.wp-caption {
  background: #eee;
  margin-bottom: 1.625em;
  max-width: 96%;
  padding: 9px; }

.wp-caption img {
  display: block;
  margin: -2px 0 0 -2px;
  max-width: 98%; }

.wp-caption .wp-caption-text,
.gallery-caption {
  color: #666;
  font-family: Georgia, serif;
  font-size: 12px; }

.wp-caption .wp-caption-text {
  margin-bottom: 0.6em;
  padding: 10px 0 5px 40px;
  position: relative; }

.wp-caption .wp-caption-text:before {
  color: #666;
  content: '\2014';
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  margin-right: 5px;
  position: absolute;
  left: 10px;
  top: 7px; }

#content .gallery {
  margin: 0 auto 1.625em; }

#content .gallery a img {
  border: none; }

img#wpstats {
  display: block;
  margin: 0 auto 1.625em; }

#content .gallery-columns-4 .gallery-item {
  width: 23%;
  padding-right: 2%; }

#content .gallery-columns-4 .gallery-item img {
  width: 100%;
  height: auto; }

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {
  /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
  border: 1px solid #ddd;
  padding: 6px;
  max-width: 97.5%; }

.wp-caption img {
  border-color: #eee; }

a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {
  /* Add some useful style to those fancy borders for linked images ... */
  background: #eee;
  border-color: #bbb; }

.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {
  /* ... including captioned images! */
  background: #fff;
  border-color: #ddd; }

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object {
  max-width: 100%; }

.entry-content .twitter-tweet-rendered {
  max-width: 100% !important;
  /* Override the Twitter embed fixed width */ }

/* Password Protected Posts */
.post-password-required .entry-header .comments-link {
  margin: 1.625em 0 0; }

.post-password-required input[type=password] {
  margin: 0.8125em 0; }

.post-password-required input[type=password]:focus {
  background: #f7f7f7; }

/* Author Info */
#author-info {
  font-size: 12px;
  overflow: hidden; }

.singular #author-info {
  background: #f9f9f9;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 2.2em -35.6% 0 -35.4%;
  padding: 20px 35.4%; }

.archive #author-info {
  border-bottom: 1px solid #ddd;
  margin: 0 0 2.2em;
  padding: 0 0 2.2em; }

#author-avatar {
  float: left;
  margin-right: -78px; }

#author-avatar img {
  background: #fff;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px #bbb;
  -moz-box-shadow: 0 1px 2px #bbb;
  box-shadow: 0 1px 2px #bbb;
  padding: 3px; }

#author-description {
  float: left;
  margin-left: 108px; }

#author-description h2 {
  color: #000;
  font-size: 15px;
  font-weight: bold;
  margin: 5px 0 10px; }

/* Comments link */
.entry-header .comments-link a {
  background: #eeeeee url(images/comment-bubble.png) no-repeat;
  color: #666;
  font-size: 13px;
  font-weight: normal;
  line-height: 35px;
  overflow: hidden;
  padding: 0 0 0;
  position: absolute;
  top: 1.5em;
  right: 0;
  text-align: center;
  text-decoration: none;
  width: 43px;
  height: 36px; }

.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
  background-color: #1982d1;
  color: #fff;
  color: rgba(255, 255, 255, 0.8); }

.entry-header .comments-link .leave-reply {
  visibility: hidden; }

/*
Post Formats Headings
To hide the headings, display: none the ".entry-header .entry-format" selector,
and remove the padding rules below.
*/
.entry-header .entry-format {
  color: #666;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.6em;
  position: absolute;
  text-transform: uppercase;
  top: -5px; }

.entry-header hgroup .entry-title {
  padding-top: 15px; }

article.format-aside .entry-content,
article.format-link .entry-content,
article.format-status .entry-content {
  padding: 20px 0 0; }

article.format-status .entry-content {
  min-height: 65px; }

.recent-posts .entry-header .entry-format {
  display: none; }

.recent-posts .entry-header hgroup .entry-title {
  padding-top: 0; }

/* Singular content styles for Posts and Pages */
.singular .hentry {
  border-bottom: none;
  position: relative; }

.singular.page .hentry {
  padding: 3.5em 0 0; }

.singular .entry-title {
  color: #000;
  font-size: 36px;
  font-weight: bold;
  line-height: 48px; }

.singular .entry-title,
.singular .entry-header .entry-meta {
  padding-right: 0; }

.singular .entry-header .entry-meta {
  position: absolute;
  top: 0;
  left: 0; }

blockquote.pull {
  font-size: 21px;
  font-weight: bold;
  line-height: 1.6125em;
  margin: 0 0 1.625em;
  text-align: center; }

.singular blockquote.pull {
  margin: 0 -22.25% 1.625em; }

.pull.alignleft {
  margin: 0 1.625em 0 0;
  text-align: right; }

.singular .pull.alignleft {
  margin: 0 1.625em 0 -22.25%; }

.pull.alignright {
  margin: 0 0 0 1.625em;
  text-align: left; }

blockquote.pull.alignleft,
blockquote.pull.alignright {
  width: 33%; }

.singular .pull.alignright {
  margin: 0 -22.25% 0 1.625em; }

.singular blockquote.pull.alignleft,
.singular blockquote.pull.alignright {
  width: 33%; }

.singular .entry-meta .edit-link a {
  bottom: auto;
  left: 50px;
  position: absolute;
  right: auto;
  top: 80px; }

/* =Aside
----------------------------------------------- */
.format-aside .entry-title,
.format-aside .entry-header .comments-link {
  display: none; }

.singular .format-aside .entry-title {
  display: block; }

.format-aside .entry-content {
  padding: 0; }

.singular .format-aside .entry-content {
  padding: 1.625em 0 0; }

/* =Link
----------------------------------------------- */
.format-link .entry-title,
.format-link .entry-header .comments-link {
  display: none; }

.singular .format-link .entry-title {
  display: block; }

.format-link .entry-content {
  padding: 0; }

.singular .format-link .entry-content {
  padding: 1.625em 0 0; }

/* =Gallery
----------------------------------------------- */
.format-gallery .gallery-thumb {
  float: left;
  display: block;
  margin: .375em 1.625em 0 0;
  max-width: 100%; }

/* =Status
----------------------------------------------- */
.format-status .entry-title,
.format-status .entry-header .comments-link {
  display: none; }

.singular .format-status .entry-title {
  display: block; }

.format-status .entry-content {
  padding: 0; }

.singular .format-status .entry-content {
  padding: 1.625em 0 0; }

.format-status img.avatar {
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px #ccc;
  -moz-box-shadow: 0 1px 2px #ccc;
  box-shadow: 0 1px 2px #ccc;
  float: left;
  margin: 4px 10px 2px 0;
  padding: 0; }

/* =Standard
----------------------------------------------- */
.format-standard .wp-video,
.format-standard .wp-audio-shortcode,
.format-audio .wp-audio-shortcode,
.format-standard .video-player {
  margin-bottom: 24px; }

/* =Quote
----------------------------------------------- */
.format-quote blockquote {
  color: #555;
  font-size: 17px;
  margin: 0; }

/* =Image
----------------------------------------------- */
.indexed.format-image .entry-header {
  min-height: 61px;
  /* Prevent the comment icon from colliding with the image when there is no title */ }

.indexed.format-image .entry-content {
  padding-top: 0.5em; }

.indexed.format-image .entry-content p {
  margin: 1em 0; }

.indexed.format-image .entry-content p:first-child,
.indexed.format-image .entry-content p:first-child a,
.indexed.format-image .entry-content p:first-child img {
  display: block;
  margin: 0; }

.indexed.format-image .entry-content .wp-caption .wp-caption-text {
  margin: 0;
  padding-bottom: 1em; }

.indexed.format-image footer.entry-meta {
  background: #ddd;
  overflow: hidden;
  padding: 4%;
  max-width: 96%; }

.indexed.format-image div.entry-meta {
  display: inline-block;
  float: left;
  width: 35%; }

.indexed.format-image div.entry-meta + div.entry-meta {
  float: none;
  width: 65%; }

.indexed.format-image .entry-meta span.cat-links,
.indexed.format-image .entry-meta span.tag-links,
.indexed.format-image .entry-meta span.comments-link {
  display: block; }

.indexed.format-image footer.entry-meta a {
  color: #444; }

.indexed.format-image footer.entry-meta a:hover {
  color: #fff; }

#content .indexed.format-image img {
  border: none;
  max-width: 100%;
  padding: 0; }

.indexed.format-image .wp-caption {
  background: #111;
  margin-bottom: 0;
  max-width: 96%;
  padding: 2% 2% 0; }

.indexed.format-image .wp-caption .wp-caption-text {
  color: #ddd; }

.indexed.format-image .wp-caption .wp-caption-text:before {
  color: #444; }

.indexed.format-image a:hover img {
  opacity: 0.8; }

/* =error404
----------------------------------------------- */
.error404 #main #searchform {
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-width: 1px 0;
  margin: 0 -8.9% 1.625em;
  overflow: hidden;
  padding: 1.625em 8.9%; }

.error404 #main #s {
  width: 95%; }

.error404 #main .widget {
  clear: none;
  float: left;
  margin-right: 3.7%;
  width: 30.85%; }

.error404 #main .widget_archive {
  margin-right: 0; }

.error404 #main .widget_tag_cloud {
  float: none;
  margin-right: 0;
  width: 100%; }

.error404 .widgettitle {
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 2.6em;
  text-transform: uppercase; }

/* =Showcase
----------------------------------------------- */
h1.showcase-heading {
  color: #666;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.6em;
  text-transform: uppercase; }

/* Intro */
article.intro {
  background: #f9f9f9;
  border-bottom: none;
  margin: -1.855em -8.9% 1.625em;
  padding: 0 8.9%; }

article.intro .entry-title {
  display: none; }

article.intro .entry-content {
  color: #111;
  font-size: 16px;
  padding: 1.625em 0 0.625em; }

article.intro .edit-link a {
  background: #aaa;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  padding: 0 8px;
  position: absolute;
  top: 30px;
  right: 20px;
  text-decoration: none; }

article.intro .edit-link a:hover,
article.intro .edit-link a:focus,
article.intro .edit-link a:active {
  background: #777; }

/* Featured post */
section.featured-post {
  float: left;
  margin: -1.625em -8.9% 1.625em;
  padding: 1.625em 8.9% 0;
  position: relative;
  width: 100%; }

section.featured-post .hentry {
  border: none;
  color: #666;
  margin: 0; }

section.featured-post .entry-meta {
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important; }

/* Small featured post */
section.featured-post .attachment-small-feature {
  float: right;
  height: auto;
  margin: 0 -8.9% 1.625em 0;
  max-width: 59%;
  position: relative;
  right: -15px; }

section.featured-post.small {
  padding-top: 0; }

section.featured-post .attachment-small-feature:hover,
section.featured-post .attachment-small-feature:focus,
section.featured-post .attachment-small-feature:active {
  opacity: .8; }

article.feature-image.small {
  float: left;
  margin: 0 0 1.625em;
  width: 45%; }

article.feature-image.small .entry-title {
  line-height: 1.2em; }

article.feature-image.small .entry-summary {
  color: #555;
  font-size: 13px; }

article.feature-image.small .entry-summary p a {
  background: #222;
  color: #eee;
  display: block;
  left: -23.8%;
  padding: 9px 26px 9px 85px;
  position: relative;
  text-decoration: none;
  top: 20px;
  width: 180px;
  z-index: 1; }

article.feature-image.small .entry-summary p a:hover {
  background: #1982d1;
  color: #eee;
  color: rgba(255, 255, 255, 0.8); }

/* Large featured post */
section.feature-image.large {
  border: none;
  max-height: 288px;
  padding: 0;
  width: 100%; }

section.feature-image.large .showcase-heading {
  display: none; }

section.feature-image.large .hentry {
  border-bottom: none;
  left: 9%;
  margin: 1.625em 9% 0 0;
  position: absolute;
  top: 0; }

article.feature-image.large .entry-title a {
  background: #222;
  background: rgba(0, 0, 0, 0.8);
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-weight: 300;
  padding: .2em 20px; }

section.feature-image.large:hover .entry-title a,
section.feature-image.large .entry-title:hover a {
  background: #eee;
  background: rgba(255, 255, 255, 0.8);
  color: #222; }

article.feature-image.large .entry-summary {
  display: none; }

section.feature-image.large img {
  display: block;
  height: auto;
  max-width: 117.9%;
  padding: 0 0 6px; }

/* Featured Slider */
.featured-posts {
  border-bottom: 1px solid #ddd;
  display: block;
  height: 328px;
  margin: 1.625em -8.9% 20px;
  max-width: 1000px;
  padding: 0;
  position: relative;
  overflow: hidden; }

.featured-posts .showcase-heading {
  padding-left: 8.9%; }

.featured-posts section.featured-post {
  background: #fff;
  height: 288px;
  left: 0;
  margin: 0;
  position: absolute;
  top: 30px;
  width: auto; }

.featured-posts section.featured-post.large {
  max-width: 100%;
  overflow: hidden; }

.featured-posts section.featured-post {
  -webkit-transition-duration: 200ms;
  -webkit-transition-property: opacity, visibility;
  -webkit-transition-timing-function: ease;
  -moz-transition-duration: 200ms;
  -moz-transition-property: opacity, visibility;
  -moz-transition-timing-function: ease; }

.featured-posts section.featured-post {
  opacity: 0;
  visibility: hidden; }

.featured-posts #featured-post-1 {
  opacity: 1;
  visibility: visible; }

.featured-post .feature-text:after,
.featured-post .feature-image.small:after {
  content: ' ';
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* W3C */
  width: 100%;
  height: 45px;
  position: absolute;
  top: 230px; }

.featured-post .feature-image.small:after {
  top: 253px; }

#content .feature-slider {
  top: 5px;
  right: 8.9%;
  overflow: visible;
  position: absolute; }

.feature-slider ul {
  list-style-type: none;
  margin: 0; }

.feature-slider li {
  float: left;
  margin: 0 6px; }

.feature-slider a {
  background: #3c3c3c;
  background: rgba(60, 60, 60, 0.9);
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(255, 255, 255, 0.5);
  box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(255, 255, 255, 0.5);
  display: block;
  width: 14px;
  height: 14px; }

.feature-slider a.active {
  background: #1982d1;
  -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.4), inset 0 0 2px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.4), inset 0 0 2px rgba(255, 255, 255, 0.8);
  box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.4), inset 0 0 2px rgba(255, 255, 255, 0.8);
  cursor: default;
  opacity: 0.5; }

/* Recent Posts */
section.recent-posts {
  padding: 0 0 1.625em; }

section.recent-posts .hentry {
  border: none;
  margin: 0; }

section.recent-posts .other-recent-posts {
  border-bottom: 1px solid #ddd;
  list-style: none;
  margin: 0; }

section.recent-posts .other-recent-posts li {
  padding: 0.3125em 0;
  position: relative; }

section.recent-posts .other-recent-posts .entry-title {
  border-top: 1px solid #ddd;
  font-size: 17px; }

section.recent-posts .other-recent-posts a[rel="bookmark"] {
  color: #373737;
  float: left;
  max-width: 84%; }

section.recent-posts .other-recent-posts a[rel="bookmark"]:after {
  content: '-';
  color: transparent;
  font-size: 11px; }

section.recent-posts .other-recent-posts .comments-link a,
section.recent-posts .other-recent-posts .comments-link > span {
  border-bottom: 2px solid #999;
  bottom: -2px;
  color: #444;
  display: block;
  font-size: 10px;
  font-weight: 500;
  line-height: 2.76333em;
  padding: 0.3125em 0 0.3125em 1em;
  position: absolute;
  right: 0;
  text-align: right;
  text-transform: uppercase;
  z-index: 1; }

section.recent-posts .other-recent-posts .comments-link > span {
  border-color: #bbb;
  color: #888; }

section.recent-posts .other-recent-posts .comments-link a:hover {
  color: #1982d1;
  border-color: #1982d1; }

section.recent-posts .other-recent-posts li:after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  visibility: hidden; }

/* =Attachments
----------------------------------------------- */
.image-attachment div.attachment {
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-width: 1px 0;
  margin: 0 -8.9% 1.625em;
  overflow: hidden;
  padding: 1.625em 1.625em 0;
  text-align: center; }

.image-attachment div.attachment img {
  display: block;
  height: auto;
  margin: 0 auto 1.625em;
  max-width: 100%; }

.image-attachment div.attachment a img {
  border-color: #f9f9f9; }

.image-attachment div.attachment a:focus img,
.image-attachment div.attachment a:hover img,
.image-attachment div.attachment a:active img {
  border-color: #ddd;
  background: #fff; }

.image-attachment .entry-caption p {
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 2.6em;
  margin: 0 0 2.6em;
  text-transform: uppercase; }

/* =Media
-------------------------------------------------------------- */
audio,
video {
  display: inline-block;
  max-width: 100%; }

.attachment .entry-content .mejs-container {
  margin-bottom: 24px; }

/* =Navigation
-------------------------------------------------------------- */
#content nav {
  clear: both;
  overflow: hidden;
  padding: 0 0 1.625em; }

#content nav a {
  font-size: 12px;
  font-weight: bold;
  line-height: 2.2em; }

#nav-above {
  padding: 0 0 1.625em; }

#nav-above {
  display: none; }

.paged #nav-above {
  display: block; }

.nav-previous {
  float: left;
  width: 50%; }

.nav-next {
  float: right;
  text-align: right;
  width: 50%; }

#content nav .meta-nav {
  font-weight: normal; }

/* Singular navigation */
#nav-single {
  float: right;
  position: relative;
  top: -0.3em;
  text-align: right;
  z-index: 1; }

#nav-single .nav-previous,
#nav-single .nav-next {
  width: auto; }

#nav-single .nav-next {
  padding-left: .5em; }

#nav-single .nav-previous {
  padding-right: .5em; }

/* =Widgets
----------------------------------------------- */
.widget-area {
  font-size: 12px; }

.widget {
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  clear: both;
  margin: 0 0 2.2em; }

.widget-title {
  color: #666;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.6em;
  text-transform: uppercase; }

.widget ul {
  font-size: 15px;
  margin: 0; }

.widget ul ul {
  margin-left: 1.5em; }

.widget ul li {
  color: #777;
  font-size: 13px; }

.widget a {
  font-weight: bold;
  text-decoration: none; }

.widget a:hover,
.widget a:focus,
.widget a:active {
  text-decoration: underline; }

/* Search Widget */
.widget_search form {
  margin: 0 0 1.625em; }

.widget_search #s {
  width: 77%; }

.widget_search #searchsubmit {
  background: #ddd;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
  box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
  color: #888;
  font-size: 13px;
  line-height: 25px;
  position: relative;
  top: -2px; }

.widget_search #searchsubmit:active {
  background: #1982d1;
  border-color: #0861a5;
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
  color: #bfddf3; }

/* Ephemera Widget */
section.ephemera ol,
.widget_twentyeleven_ephemera ol {
  list-style: square;
  margin: 5px 0 0; }

.widget_twentyeleven_ephemera .widget-entry-title {
  font-size: 15px;
  font-weight: bold;
  padding: 0; }

.widget_twentyeleven_ephemera .comments-link a,
.widget_twentyeleven_ephemera .comments-link > span {
  color: #666;
  display: block;
  font-size: 10px;
  font-weight: 500;
  line-height: 2.76333em;
  text-transform: uppercase; }

section.ephemera .entry-title a span {
  color: #29628d; }

/* Twitter */
.widget_twitter li {
  list-style-type: none;
  margin-bottom: 14px; }

.widget_twitter .timesince {
  display: block;
  font-size: 11px;
  margin-right: -10px;
  text-align: right; }

/* Widget Image */
.widget_image img {
  border: 0;
  padding: 0;
  height: auto;
  max-width: 100%; }

/* Calendar Widget */
.widget_calendar #wp-calendar {
  color: #555;
  width: 95%;
  text-align: center; }

.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
  text-align: center; }

.widget_calendar #wp-calendar caption {
  font-size: 11px;
  font-weight: 500;
  padding: 5px 0 3px 0;
  text-transform: uppercase; }

.widget_calendar #wp-calendar th {
  background: #f4f4f4;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-weight: bold; }

.widget_calendar #wp-calendar tfoot td {
  background: #f4f4f4;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

/* =Comments
----------------------------------------------- */
#comments-title {
  color: #666;
  font-size: 10px;
  font-weight: 500;
  line-height: 2.6em;
  padding: 0 0 2.6em;
  text-transform: uppercase; }

.nopassword,
.nocomments {
  color: #aaa;
  font-size: 24px;
  font-weight: 100;
  margin: 26px 0;
  text-align: center; }

.commentlist {
  list-style: none;
  margin: 0 auto;
  width: 68.9%; }

.content .commentlist,
.page-template-sidebar-page-php .commentlist {
  width: 100%;
  /* reset the width for the one-column and sidebar page layout */ }

.commentlist > li.comment {
  background: #f6f6f6;
  border: 1px solid #ddd;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 0 1.625em;
  padding: 1.625em;
  position: relative; }

.commentlist .pingback {
  margin: 0 0 1.625em;
  padding: 0 1.625em; }

.commentlist .children {
  list-style: none;
  margin: 0; }

.commentlist .children li.comment {
  background: #fff;
  border-left: 1px solid #ddd;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  margin: 1.625em 0 0;
  padding: 1.625em;
  position: relative; }

.commentlist .children li.comment .fn {
  display: block; }

.comment-meta .fn {
  font-style: normal; }

.comment-meta {
  color: #666;
  font-size: 12px;
  line-height: 2.2em; }

.commentlist .children li.comment .comment-meta {
  line-height: 1.625em;
  margin-left: 50px; }

.commentlist .children li.comment .comment-content {
  margin: 1.625em 0 0;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

.comment-meta a {
  font-weight: bold; }

.commentlist .avatar {
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px #ccc;
  -moz-box-shadow: 0 1px 2px #ccc;
  box-shadow: 0 1px 2px #ccc;
  left: -102px;
  padding: 0;
  position: absolute;
  top: 0; }

.commentlist > li:before {
  content: url(images/comment-arrow.png);
  left: -21px;
  position: absolute; }

.commentlist > li.pingback:before {
  content: ''; }

.commentlist .children .avatar {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  left: 2.2em;
  padding: 0;
  top: 2.2em; }

a.comment-reply-link {
  background: #eee;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #666;
  display: inline-block;
  font-size: 12px;
  padding: 0 8px;
  text-decoration: none; }

a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
  background: #888;
  color: #fff; }

a.comment-reply-link > span {
  display: inline-block;
  position: relative;
  top: -1px; }

/* Post author highlighting */
.commentlist > li.bypostauthor {
  background: #ddd;
  border-color: #d3d3d3; }

.commentlist > li.bypostauthor .comment-meta {
  color: #575757; }

.commentlist > li.bypostauthor:before {
  content: url(images/comment-arrow-bypostauthor.png); }

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
  background: #ddd;
  border-color: #d3d3d3; }

/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
  margin-left: 102px;
  width: auto; }

/* And a full-width comment form */
.page-template-sidebar-page-php #respond {
  width: auto; }

/* Comment Form */
#respond {
  background: #ddd;
  border: 1px solid #d3d3d3;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 auto 1.625em;
  padding: 1.625em;
  position: relative;
  width: 68.9%; }

#respond input[type="text"],
#respond textarea {
  background: #fff;
  border: 4px solid #eee;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 3px rgba(204, 204, 204, 0.95);
  -moz-box-shadow: inset 0 1px 3px rgba(204, 204, 204, 0.95);
  box-shadow: inset 0 1px 3px rgba(204, 204, 204, 0.95);
  position: relative;
  padding: 10px;
  text-indent: 80px; }

#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
  position: relative; }

#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
  background: #eee;
  -webkit-box-shadow: 1px 2px 2px rgba(204, 204, 204, 0.8);
  -moz-box-shadow: 1px 2px 2px rgba(204, 204, 204, 0.8);
  box-shadow: 1px 2px 2px rgba(204, 204, 204, 0.8);
  color: #555;
  display: inline-block;
  font-size: 13px;
  left: 4px;
  min-width: 60px;
  padding: 4px 10px;
  position: relative;
  top: 40px;
  z-index: 1; }

#respond input[type="text"]:focus,
#respond textarea:focus {
  text-indent: 0;
  z-index: 1; }

#respond textarea {
  resize: vertical;
  width: 95%; }

#respond .comment-form-author .required,
#respond .comment-form-email .required {
  color: #bd3500;
  font-size: 22px;
  font-weight: bold;
  left: 75%;
  position: absolute;
  z-index: 1; }

#respond .comment-notes,
#respond .logged-in-as {
  font-size: 13px; }

#respond p {
  margin: 10px 0; }

#respond .form-submit {
  float: right;
  margin: -20px 0 10px; }

#respond input#submit {
  background: #222;
  border: none;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  color: #eee;
  cursor: pointer;
  font-size: 15px;
  margin: 20px 0;
  padding: 5px 42px 5px 22px;
  position: relative;
  left: 30px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }

#respond input#submit:active {
  background: #1982d1;
  color: #bfddf3; }

#respond #cancel-comment-reply-link {
  color: #666;
  margin-left: 10px;
  text-decoration: none; }

#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
  text-decoration: underline; }

.commentlist #respond {
  margin: 1.625em 0 0;
  width: auto; }

#reply-title {
  color: #373737;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px; }

#cancel-comment-reply-link {
  color: #888;
  display: block;
  font-size: 10px;
  font-weight: normal;
  line-height: 2.2em;
  letter-spacing: 0.05em;
  position: absolute;
  right: 1.625em;
  text-decoration: none;
  text-transform: uppercase;
  top: 1.1em; }

#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
  color: #ff4b33; }

#respond label {
  line-height: 2.2em; }

#respond input[type=text] {
  display: block;
  height: 24px;
  width: 75%; }

#respond p {
  font-size: 12px; }

p.comment-form-comment {
  margin: 0; }

.form-allowed-tags {
  display: none; }

#supplementary {
  border-top: 1px solid #ddd;
  padding: 1.625em 7.6%;
  overflow: hidden; }

/* Two Footer Widget Areas */
#supplementary.two .widget-area {
  float: left;
  margin-right: 3.7%;
  width: 48.1%; }

#supplementary.two .widget-area + .widget-area {
  margin-right: 0; }

/* Three Footer Widget Areas */
#supplementary.three .widget-area {
  float: left;
  margin-right: 3.7%;
  width: 30.85%; }

#supplementary.three .widget-area + .widget-area + .widget-area {
  margin-right: 0; }

/* Site Generator Line */
#site-generator {
  background: #f9f9f9;
  border-top: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  line-height: 2.2em;
  padding: 2.2em 0.5em;
  text-align: center; }

#site-generator a {
  color: #555;
  font-weight: bold; }

/* =Responsive Structure
----------------------------------------------- */
/* 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 (max-width: 800px) {
  /* Simplify the basic layout */
  #nav-below {
    border-bottom: 1px solid #ddd;
    margin-bottom: 1.625em; }

  #main #secondary {
    float: none;
    margin: 0 7.6%;
    width: auto; }

  /* Simplify the showcase template */
  .page-template-showcase-php .featured-posts {
    min-height: 280px; }

  .featured-posts section.featured-post {
    height: auto; }

  .page-template-showcase-php section.recent-posts {
    float: none;
    margin: 0;
    width: 100%; }

  .page-template-showcase-php #main .widget-area {
    float: none;
    margin: 0;
    width: auto; }

  .page-template-showcase-php .other-recent-posts {
    border-bottom: 1px solid #ddd; }

  /* Simplify the showcase template when small feature */
  section.featured-post .attachment-small-feature,
  .one-column section.featured-post .attachment-small-feature {
    border: none;
    display: block;
    float: left;
    height: auto;
    margin: 0.625em auto 1.025em;
    max-width: 30%;
    position: static; }

  article.feature-image.small {
    float: right;
    margin: 0 0 1.625em;
    width: 64%; }

  .one-column article.feature-image.small .entry-summary {
    height: auto; }

  article.feature-image.small .entry-summary p a {
    left: 0;
    padding-left: 20px;
    padding-right: 20px;
    width: auto; }

  /* Remove the margin on singular articles */
  .singular .entry-header,
  .singular .entry-content,
  .singular footer.entry-meta,
  .singular #comments-title {
    width: 100%; }

  /* Simplify the pullquotes and pull styles */
  .singular blockquote.pull {
    margin: 0 0 1.625em; }

  .singular .pull.alignleft {
    margin: 0 1.625em 0 0; }

  .singular .pull.alignright {
    margin: 0 0 0 1.625em; }

  .singular .entry-meta .edit-link a {
    left: 0;
    position: absolute;
    top: 40px; }

  .singular #author-info {
    margin: 2.2em -8.8% 0;
    padding: 20px 8.8%; }

  /* Make sure we have room for our comment avatars */
  .commentlist {
    width: 100%; }

  .commentlist > li.comment,
  .commentlist .pingback {
    margin-left: 102px;
    width: auto; }

  /* And a full-width comment form */
  #respond {
    width: auto; }

  /* No need to float footer widgets at this size */
  #colophon #supplementary .widget-area {
    float: none;
    margin-right: 0;
    width: auto; }

  /* No need to float 404 widgets at this size */
  .error404 #main .widget {
    float: none;
    margin-right: 0;
    width: auto; } }
@media (max-width: 650px) {
  /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
  body, input, textarea {
    font-size: .9em; }

  article.intro .entry-content {
    font-size: 12px; }

  .entry-title {
    font-size: 21px; }

  .featured-post .entry-title {
    font-size: 14px; }

  .singular .entry-title {
    font-size: 28px; }

  .entry-meta {
    font-size: 12px; }

  blockquote {
    margin: 0; }

  blockquote.pull {
    font-size: 17px; }

  /* Make sure the logo and search form don't collide */
  #branding #searchform {
    top: 1.625em !important; }

  /* Floated content doesn't work well at this size */
  .alignleft,
  .alignright {
    display: block;
    float: none;
    margin-left: 0;
    margin-right: 0; }

  /* Make sure the post-post navigation doesn't collide with anything */
  #nav-single {
    display: block;
    position: static; }

  .singular .hentry {
    padding: 1.625em 0 0; }

  .singular.page .hentry {
    padding: 1.625em 0 0; }

  .singular .entry-header .entry-meta,
  .singular .entry-header .entry-format,
  .singular .entry-meta .edit-link a {
    position: static; }

  /* Talking avatars take up too much room at this size */
  .commentlist > li.comment,
  .commentlist > li.pingback {
    margin-left: 0 !important; }

  .commentlist .avatar {
    background: transparent;
    display: block;
    padding: 0;
    position: static; }

  .commentlist .children .avatar {
    background: none;
    left: 2.2em;
    padding: 0;
    position: absolute;
    top: 2.2em; }

  /* Use the available space in the smaller comment form */
  #respond input[type="text"] {
    width: 95%; }

  #respond .comment-form-author .required,
  #respond .comment-form-email .required {
    left: 95%; }

  #content .gallery-columns-3 .gallery-item {
    width: 31%;
    padding-right: 2%; }

  #content .gallery-columns-3 .gallery-item img {
    width: 100%;
    height: auto; } }
@media (max-width: 450px) {
  #content .gallery-columns-2 .gallery-item {
    width: 45%;
    padding-right: 4%; }

  #content .gallery-columns-2 .gallery-item img {
    width: 100%;
    height: auto; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  body {
    padding: 0; }

  #page {
    margin-top: 0; }

  #branding {
    border-top: none; } }
/* =Print
----------------------------------------------- */
@media print {
  body {
    background: none !important;
    font-size: 10pt; }

  footer.entry-meta a[rel=bookmark]:link:after,
  footer.entry-meta a[rel=bookmark]:visited:after {
    content: " [" attr(href) "] ";
    /* Show URLs */ }

  #page {
    clear: both !important;
    display: block !important;
    float: none !important;
    max-width: 100%;
    position: relative !important; }

  #branding {
    border-top: none !important;
    padding: 0; }

  #branding hgroup {
    margin: 0; }

  #site-title a {
    font-size: 21pt; }

  #site-description {
    font-size: 10pt; }

  #branding #searchform {
    display: none; }

  #branding img {
    display: none; }

  #access {
    display: none; }

  #main {
    border-top: none;
    box-shadow: none; }

  #primary {
    float: left;
    margin: 0;
    width: 100%; }

  #content {
    margin: 0;
    width: auto; }

  .singular #content {
    margin: 0;
    width: 100%; }

  .singular .entry-header .entry-meta {
    position: static; }

  .entry-meta .edit-link a {
    display: none; }

  #content nav {
    display: none; }

  .singular .entry-header,
  .singular .entry-content,
  .singular footer.entry-meta,
  .singular #comments-title {
    margin: 0;
    width: 100%; }

  .singular .hentry {
    padding: 0; }

  .entry-title,
  .singular .entry-title {
    font-size: 21pt; }

  .entry-meta {
    font-size: 10pt; }

  .entry-header .comments-link {
    display: none; }

  .page-link {
    display: none; }

  .singular #author-info {
    background: none;
    border-bottom: none;
    border-top: none;
    margin: 2.2em 0 0;
    padding: 0; }

  #respond {
    display: none; }

  .widget-area {
    display: none; }

  #colophon {
    display: none; }

  /* Comments */
  .commentlist > li.comment {
    background: none;
    border: 1px solid #ddd;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    margin: 0 auto 1.625em;
    padding: 1.625em;
    position: relative;
    width: auto; }

  .commentlist .avatar {
    height: 39px;
    left: 2.2em;
    top: 2.2em;
    width: 39px; }

  .commentlist li.comment .comment-meta {
    line-height: 1.625em;
    margin-left: 50px; }

  .commentlist li.comment .fn {
    display: block; }

  .commentlist li.comment .comment-content {
    margin: 1.625em 0 0; }

  .commentlist .comment-edit-link {
    display: none; }

  .commentlist > li::before,
  .commentlist > li.bypostauthor::before {
    content: ''; }

  .commentlist .reply {
    display: none; }

  /* Post author highlighting */
  .commentlist > li.bypostauthor {
    color: #444; }

  .commentlist > li.bypostauthor .comment-meta {
    color: #666; }

  .commentlist > li.bypostauthor:before {
    content: none; }

  /* Post Author threaded comments */
  .commentlist .children > li.bypostauthor {
    background: #fff;
    border-color: #ddd; }

  .commentlist .children > li.bypostauthor > article,
  .commentlist .children > li.bypostauthor > article .comment-meta {
    color: #666; } }
/* =IE7
----------------------------------------------- */
#ie7 article.intro {
  margin-left: -7.6%;
  margin-right: -7.6%;
  padding-left: -7.6%;
  padding-right: -7.6%;
  max-width: 1000px; }

#ie7 .featured-posts {
  margin: 0 -7.6%; }

#ie7 .featured-post {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%; }

#ie7 section.recent-posts {
  margin-right: 7.6%; }

/* =IE8
----------------------------------------------- */
#ie8 section.feature-image.large img {
  width: auto; }

#ie8 section.featured-post .attachment-small-feature {
  max-width: none; }

.page-template-fullwidth.singular.page .hentry {
  padding: 0;
  margin: 0; }

.page-template-fullwidth.singular.page .hentry .entry-content {
  width: 100%;
  padding: 0; }

.page-template-home {
  overflow: hidden;
  background-image: url(images/bg_home.jpg); }

.page-template-home #page #main #primary {
  background: none; }

.page-template-home #content {
  width: 100%;
  margin: 0;
  max-width: 100%; }

.page-template-home #content .wrapper_articles {
  text-align: center;
  overflow: hidden;
  position: relative; }

.page-template-home #content .wrapper_articles .content_articles {
  width: 100000px;
  transition: -webkit-transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s; }

.page-template-home #content .wrapper_articles .content_articles .hentry {
  float: left;
  padding: 0 !important;
  border: 0 !important;
  width: 500px;
  height: 300px;
  background-color: #C5C5C5;
  text-align: center;
  position: relative;
  margin: 0; }

.page-template-home #content .wrapper_articles .content_articles .hentry .content_post_item {
  width: 101%;
  height: 100%;
  background-size: cover;
  background-position: center 25%; }

.page-template-home #content .wrapper_articles .content_articles .hentry .content_post_item a {
  width: 100%;
  display: block;
  height: 100%;
  color: inherit !important; }

.page-template-home #content .wrapper_articles .content_articles .hentry .content_post_item a span {
  display: table;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #000;
  background: rgba(224, 224, 224, 0.6);
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  opacity: 1; }

.page-template-home #content .wrapper_articles .content_articles .hentry .content_post_item a span p {
  vertical-align: middle;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  color: #000;
  font-size: 1.2em;
  line-height: 1.3;
  display: table-cell;
  padding: 25px;
  font-weight: 400; }

.page-template-home #content .wrapper_articles .content_articles .hentry .content_post_item:hover a span {
  opacity: 0; }

.page-template-home #content .wrapper_articles .nav_slides_post a {
  position: absolute;
  top: 50%;
  margin-top: -45px;
  padding: 7px;
  font-size: 3em;
  color: #FFF;
  cursor: pointer;
  opacity: .5; }

.page-template-home #content .wrapper_articles .nav_slides_post a.nav-prev {
  left: 0;
  width: auto; }

.page-template-home #content .wrapper_articles .nav_slides_post a.nav-next {
  right: 0;
  width: auto; }

.page-template-home #content .wrapper_articles .nav_slides_post a.active {
  opacity: 1; }

.page-template-home #content .itunes_download {
  margin: 30px auto 30px;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  max-width: 420px;
  width: 100%;
  padding: 20px 0; }

.page-template-home #content .itunes_download h5 {
  color: #000;
  font-size: 1.25em;
  text-transform: uppercase;
  width: 90%;
  margin: 0 auto 20px; }

.page-template-home #content .itunes_download a {
  text-transform: uppercase;
  display: inline-block;
  line-height: 1;
  background: #2B1E5D;
  color: white;
  padding: 10px 15px; }

@media (max-width: 500px) {
  .page-template-home {
    overflow: auto; } }
.page-template-albums, .single-albums {
  background-image: url(images/bg_music.jpg); }
  .page-template-albums .highlight_album, .single-albums .highlight_album {
    width: 100%;
    border-bottom: 4px solid;
    padding: 20px 0;
    margin-bottom: 10px; }
    .page-template-albums .highlight_album img, .single-albums .highlight_album img {
      display: inline-block;
      vertical-align: top;
      width: 220px;
      margin-right: 20px; }
    .page-template-albums .highlight_album .informations, .single-albums .highlight_album .informations {
      display: inline-block;
      vertical-align: top;
      width: calc(100% - 240px); }
      .page-template-albums .highlight_album .informations h2, .single-albums .highlight_album .informations h2 {
        font-size: 1.4em;
        line-height: 1;
        font-weight: 600;
        margin-bottom: 5px; }
      .page-template-albums .highlight_album .informations p, .single-albums .highlight_album .informations p {
        margin-bottom: 10px; }

.page-template-albums .back_link a, .single-albums .back_link a {
  color: #000;
  font-weight: 600;
  position: absolute;
  top: -30px; }

.page-template-albums #page #main #primary, .single-albums #page #main #primary {
  margin-bottom: 40px;
  color: #000;
  overflow: auto; }

.page-template-albums #page #main #primary #content, .single-albums #page #main #primary #content {
  background: none;
  position: relative;
  overflow: initial; }

.page-template-albums #content, .single-albums #content {
  margin-top: 70px;
  margin-bottom: 40px; }

.page-template-albums #content ul, .single-albums #content ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.page-template-albums #content ul li, .single-albums #content ul li {
  margin: 0;
  padding: 0; }

.page-template-albums #content #albums_infos_hover .infos_albums, .single-albums #content #albums_infos_hover .infos_albums {
  display: none;
  padding: 0 0 10px; }

.page-template-albums #content #albums_infos_hover .infos_albums h3, .single-albums #content #albums_infos_hover .infos_albums h3 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.2em; }

.page-template-albums #content #albums_infos_hover .infos_albums p, .single-albums #content #albums_infos_hover .infos_albums p {
  margin: 0;
  font-size: .9em;
  font-weight: 600; }

.page-template-albums #content #albums_infos_hover .infos_albums.active, .single-albums #content #albums_infos_hover .infos_albums.active {
  display: block; }

.page-template-albums #content #wrapper_list_albums {
  display: inline-block;
  vertical-align: top;
  width: 600px; }

.page-template-albums #content #wrapper_list_albums ul li, .single-albums #content #wrapper_list_albums ul li {
  display: inline-block;
  cursor: pointer; }

.page-template-albums #content #wrapper_list_albums ul li img, .single-albums #content #wrapper_list_albums ul li img {
  width: 145px;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  /* For Webkit browsers */
  filter: gray;
  /* For IE 6 - 9 */
  -webkit-transition: all .6s ease;
  /* Transition for Webkit browsers */
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }

.page-template-albums #content #wrapper_list_albums ul li:hover img, .single-albums #content #wrapper_list_albums ul li:hover img {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  filter: none; }

.page-template-albums #content #wrapper_list_albums.single_infos h2, .single-albums #content #wrapper_list_albums.single_infos h2 {
  font-size: 2.2em;
  line-height: 1.1;
  text-transform: uppercase;
  font-weight: 600; }

.page-template-albums #content #wrapper_list_albums.single_infos a, .single-albums #content #wrapper_list_albums.single_infos a {
  color: #000; }

.page-template-albums #content #wrapper_list_albums.single_infos .description_album, .single-albums #content #wrapper_list_albums.single_infos .description_album {
  vertical-align: top;
  display: inline-block;
  width: 65%; }

.page-template-albums #content #wrapper_list_albums.single_infos .image_album, .single-albums #content #wrapper_list_albums.single_infos .image_album {
  vertical-align: top;
  display: inline-block;
  width: 32%;
  text-align: right; }

.single-albums #content #wrapper_list_albums.single_infos .image_album img {
  width: 100%; }

.page-template-albums #content #filters_albums, .single-albums #content #filters_albums {
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
  width: calc(100% - 620px);
  text-align: right; }

.page-template-albums #content #filters_albums ul li, .single-albums #content #filters_albums ul li {
  margin-bottom: 40px; }

.page-template-albums #content #filters_albums ul li h4, .single-albums #content #filters_albums ul li h4 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.3em;
  border-bottom: 1px solid #bbb;
  padding-bottom: 30px;
  margin-bottom: 10px;
  line-height: 1.2; }

.page-template-albums #content #filters_albums ul li .sub_list li, .single-albums #content #filters_albums ul li .sub_list li {
  margin: 0; }

.page-template-albums #content #filters_albums ul li .sub_list li a, .single-albums #content #filters_albums ul li .sub_list li a {
  color: #000;
  font-weight: 500;
  font-size: 0.75em;
  line-height: 20px;
  text-transform: uppercase; }

.page-template-albums #content #filters_albums ul li .sub_list li a:hover,
.page-template-albums #content #filters_albums ul li .sub_list li.active a,
.single-albums #content #filters_albums ul li .sub_list li a:hover,
.single-albums #content #filters_albums ul li .sub_list li.active a {
  cursor: pointer;
  font-weight: 900;
  text-decoration: underline; }

@media (max-width: 1060px) {
  .page-template-albums #content #wrapper_list_albums {
    width: 63%; }

  .page-template-albums #content #wrapper_list_albums ul li, .single-albums #content #wrapper_list_albums ul li {
    width: 30%; }

  .page-template-albums #content #wrapper_list_albums ul li img, .single-albums #content #wrapper_list_albums ul li img {
    width: 100%; }

  .page-template-albums #content #filters_albums, .single-albums #content #filters_albums {
    margin-left: 2%;
    width: 35%; } }
@media (max-width: 800px) {
  .page-template-albums #content #wrapper_list_albums {
    width: 100%;
    margin-bottom: 40px; }

  .page-template-albums #content #wrapper_list_albums ul li, .single-albums #content #wrapper_list_albums ul li {
    width: 32%; }

  .page-template-albums #content #filters_albums, .single-albums #content #filters_albums {
    margin-left: 0;
    width: 100%;
    text-align: left; }

  .page-template-albums #content #wrapper_list_albums.single_infos .description_album, .single-albums #content #wrapper_list_albums.single_infos .description_album {
    width: 100%; }

  .page-template-albums #content #wrapper_list_albums.single_infos .image_album, .single-albums #content #wrapper_list_albums.single_infos .image_album {
    width: 200px;
    display: block;
    margin: 0 auto; } }
@media (max-width: 650px) {
  .page-template-albums .highlight_album img, .single-albums .highlight_album img {
    display: block;
    width: 220px;
    margin: 0 auto 20px; }
  .page-template-albums .highlight_album .informations, .single-albums .highlight_album .informations {
    margin: 0 auto;
    width: 95%;
    display: block; } }
@media (max-width: 450px) {
  .page-template-albums #content #wrapper_list_albums ul li, .single-albums #content #wrapper_list_albums ul li {
    width: 49%; } }
@font-face {
  font-family: 'gotham-bold';
  src: url("fonts/gotham-bold.ttf");
  src: url("fonts/gotham-bold.woff") format("woff"), url("fonts/gotham-bold.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
.page-id-21 {
  background-image: url(images/bg_tour.jpg); }

.page-id-21 #page #main #primary {
  margin-bottom: 40px; }

.page-id-21 #page #main #primary #content {
  background: none; }

.page-id-21 #page #main #primary #content iframe {
  margin-top: 60px; }

.page-id-21 #page #main #primary #content .entry-content {
  width: 100%; }

.page-id-21 #page #main #primary #bit-events .bit-header, .page-id-21 #page #main #primary #bit-events .bit-rsvp, .page-id-21 #page #main #primary #bit-events .bit-events tr:nth-child(2) {
  display: none; }

.page-id-21 #page #main #primary #bit-events table tr:nth-child(3) td {
  border-top: 2px solid #000; }

.page-id-21 #page #main #primary #bit-events table tr td {
  font-family: 'Rockwell';
  font-size: 16px;
  text-transform: uppercase;
  border-bottom: 1px solid #dcd9d5;
  border-top: 0;
  padding: 12px 12px;
  text-align: left;
  line-height: 1em;
  vertical-align: middle;
  box-sizing: border-box;
  margin-bottom: 12px;
  height: 52px; }

.page-id-21 #page #main #primary #bit-events table tr td.bit-description-links {
  display: none; }

.page-id-21 #page #main #primary #bit-events table tr td.bit-date {
  width: 125px; }

.page-id-21 #page #main #primary #bit-events table tr td.bit-location {
  font-size: 14px; }

.page-id-21 #page #main #primary #bit-events table tr td.bit-tickets {
  text-align: center; }

.page-id-21 #page #main #primary #bit-events table tr td.bit-tickets a {
  min-width: 90px;
  background: #222;
  color: #FFF;
  text-transform: uppercase;
  font-family: 'Rockwell';
  font-weight: normal;
  padding: 7px 12px 5px;
  text-align: center;
  text-decoration: none;
  border-radius: 2px;
  transition: .3s all ease-in; }

.page-id-21 #page #main #primary #bit-events table tr td.bit-tickets a:hover {
  background: #5F5F5F; }

.page-id-21 #page #main #primary #bit-events table tr:hover {
  background-color: #F7F7F6;
  /* Firefox */
  -moz-transition: .3s all ease-in;
  /* WebKit */
  -webkit-transition: .3s all ease-in;
  /* Opera */
  -o-transition: .3s all ease-in;
  /* Standard */
  transition: .3s all ease-in; }

@media (max-width: 550px) {
  .page-id-21 #page #main #primary #bit-events table tr td {
    font-size: 14px;
    padding: 12px 8px;
    width: auto !important; }

  .page-id-21 #page #main #primary #bit-events table tr td.bit-tickets a {
    min-width: auto;
    padding: 7px 5px 5px;
    width: 50px; } }
@media (max-width: 450px) {
  .page-id-21 #page #main #primary #bit-events table tr td {
    font-size: 12px;
    padding: 5px 2px; }

  .page-id-21 #page #main #primary #bit-events table tr td.bit-location {
    font-size: 12px; } }
@font-face {
  font-family: 'bebasneue_bold';
  src: url("fonts/bebasneue_bold-webfont.eot");
  src: url("fonts/bebasneue_bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/bebasneue_bold-webfont.woff2") format("woff2"), url("fonts/bebasneue_bold-webfont.woff") format("woff"), url("fonts/bebasneue_bold-webfont.ttf") format("truetype"), url("fonts/bebasneue_bold-webfont.svg#webfontregular") format("svg");
  font-weight: normal;
  font-style: normal; }
.content_post_news {
  width: 90%;
  margin: 0 auto;
  border-bottom: 1px solid #684b9f;
  padding-bottom: 10px; }

.content_post_news .image_wrapper {
  width: 100%;
  background-position: center;
  background-size: cover;
  height: 165px; }

.content_post_news .date_span {
  color: #684b9f;
  text-transform: uppercase;
  font-family: 'bebasneue_bold';
  font-size: 1.2em;
  line-height: 1;
  margin: 5px 0 5px;
  display: block; }

.content_post_news h1, .content_post_news h4 {
  font-size: 1.8em;
  margin: 0 0 10px 0;
  text-transform: uppercase;
  line-height: 1.2;
  font-family: 'bebasneue_bold'; }

.content_post_news h1 a, .content_post_news h4 a {
  color: #000; }

.content_post_news .the_excerpt {
  margin-bottom: 40px; }

.content_post_news .the_excerpt p {
  margin: 0; }

.content_post_news .button_readmore {
  padding: 12px 20px;
  font-size: 1.2em;
  color: #FFF;
  text-transform: uppercase;
  line-height: 1;
  margin: 10px 0;
  display: inline-block;
  background: #684b9f;
  font-family: 'bebasneue_bold'; }

.page-template-news #primary {
  background: #f7f7f7;
  padding-top: 30px; }

.page-template-news .hentry {
  display: inline-block;
  padding: 0 !important;
  width: 33%;
  vertical-align: top;
  margin: 20px 0; }

.single-post .content_post_news {
  width: 100%; }

.single-post .content_post_news .entry-header {
  width: 100%; }

.single-post .content_post_news .entry-header img {
  width: 100%; }

.single-post .content_post_news .entry-content {
  width: 100%; }

.single-post #nav-single {
  text-align: center;
  font-family: 'bebasneue_bold';
  float: none; }

.single-post #nav-single .nav-previous a {
  font-size: 1.2em; }

.single-post #nav-single .nav-next a {
  font-size: 1.2em; }

@media (max-width: 880px) {
  .page-template-news .hentry {
    width: 49%; } }
@media (max-width: 500px) {
  .page-template-news .hentry {
    width: 100%; } }
@font-face {
  font-family: 'LetterGothicStd-Bold';
  src: url("fonts/LetterGothicStd-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/LetterGothicStd-Bold.otf") format("opentype"), url("fonts/LetterGothicStd-Bold.woff") format("woff"), url("fonts/LetterGothicStd-Bold.ttf") format("truetype"), url("fonts/LetterGothicStd-Bold.svg#LetterGothicStd-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'BellCentennialStd-Address';
  src: url("fonts/BellCentennialStd-Address.eot?#iefix") format("embedded-opentype"), url("fonts/BellCentennialStd-Address.otf") format("opentype"), url("fonts/BellCentennialStd-Address.woff") format("woff"), url("fonts/BellCentennialStd-Address.ttf") format("truetype"), url("fonts/BellCentennialStd-Address.svg#BellCentennialStd-Address") format("svg");
  font-weight: normal;
  font-style: normal; }
.page-template-mediaspage, .single-media_page {
  background-image: url(images/bg_media.jpg); }

.page-template-mediaspage #primary, .single-media_page #primary {
  background: #dedcd2;
  color: #474B5A;
  margin-bottom: 40px; }

.page-template-mediaspage #content, .single-media_page #content {
  background: none !important;
  padding-top: 40px; }

.page-template-mediaspage #content ul, .single-media_page #content ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.page-template-mediaspage #content ul li, .single-media_page #content ul li {
  margin: 0;
  padding: 0; }

.page-template-mediaspage #content #list_cat_medias, .single-media_page #content #list_cat_medias {
  margin-bottom: 40px; }

.page-template-mediaspage #content #list_cat_medias ul li, .single-media_page #content #list_cat_medias ul li {
  margin-bottom: 20px; }

.page-template-mediaspage #content #list_cat_medias ul li h3, .single-media_page #content #list_cat_medias ul li h3 {
  text-transform: uppercase;
  display: inline-block;
  margin-right: 20px;
  font-weight: 500;
  color: #000; }

.page-template-mediaspage #content #list_cat_medias ul li .sub_cat, .single-media_page #content #list_cat_medias ul li .sub_cat {
  display: inline-block; }

.page-template-mediaspage #content #list_cat_medias ul li .sub_cat li, .single-media_page #content #list_cat_medias ul li .sub_cat li {
  margin: 0;
  display: inline-block; }

.page-template-mediaspage #content #list_cat_medias ul li .sub_cat li h4, .single-media_page #content #list_cat_medias ul li .sub_cat li h4 {
  text-transform: uppercase; }

.page-template-mediaspage #content #list_cat_medias ul li .sub_cat li h4:after, .single-media_page #content #list_cat_medias ul li .sub_cat li h4:after {
  content: "|";
  padding: 0 20px;
  color: #e94252; }

.page-template-mediaspage #content #list_cat_medias ul li .sub_cat li:last-child h4:after, .single-media_page #content #list_cat_medias ul li .sub_cat li:last-child h4:after {
  content: ''; }

.page-template-mediaspage #content #wrapper_list_medias, .single-media_page #content #wrapper_list_medias {
  margin-bottom: 40px; }

.page-template-mediaspage #content #wrapper_list_medias ul li, .single-media_page #content #wrapper_list_medias ul li {
  display: inline-block;
  width: 33.3%;
  position: relative;
  overflow: hidden;
  margin: -3px -2px;
  -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -o-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); }

.page-template-mediaspage #content #wrapper_list_medias ul li a, .single-media_page #content #wrapper_list_medias ul li a {
  display: block; }

.page-template-mediaspage #content #wrapper_list_medias ul li img, .single-media_page #content #wrapper_list_medias ul li img {
  width: 100%;
  display: block; }

.page-template-mediaspage #content #wrapper_list_medias ul li .title_media, .single-media_page #content #wrapper_list_medias ul li .title_media {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  padding: 15px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transition: bottom 250ms ease-out;
  transition: bottom 250ms ease-out; }

.page-template-mediaspage #content #wrapper_list_medias ul li .image_media, .single-media_page #content #wrapper_list_medias ul li .image_media {
  width: 100%;
  height: 184px;
  display: block;
  background-position: center;
  background-size: cover; }

.page-template-mediaspage #content #wrapper_list_medias ul li:hover, .single-media_page #content #wrapper_list_medias ul li:hover {
  -moz-filter: none;
  -o-filter: none;
  -webkit-filter: none;
  filter: none; }

.page-template-mediaspage #content #wrapper_list_medias ul li:hover .title_media, .single-media_page #content #wrapper_list_medias ul li:hover .title_media {
  bottom: 0; }

.single-media_page .header_single_media {
  text-align: right;
  font-size: 1.6em;
  margin-bottom: 30px; }

.single-media_page .content_single_media {
  max-width: 915px;
  margin: 0 auto;
  text-align: center; }

.single-media_page .content_single_media iframe {
  width: 100%;
  height: 500px; }

.single-media_page .content_single_media img {
  width: 100%; }

.single-media_page .infos_single_media {
  max-width: 850px;
  padding: 55px 25px 25px;
  margin: -30px 0 40px;
  background: #fff3f2; }

.single-media_page .infos_single_media h2 {
  padding-top: 0;
  font-size: 2em;
  line-height: 1.2;
  text-transform: uppercase; }

.single-media_page #nav-single {
  text-align: center;
  float: none; }

.single-media_page #nav-single span {
  text-transform: uppercase;
  font-style: italic;
  font-size: 1.2em;
  float: none;
  padding: 0; }

.single-media_page #nav-single span a {
  color: #474b5a;
  font-size: 1em;
  font-weight: 500; }

.single-media_page #nav-single .nav-previous:after {
  content: "//";
  color: #db5b4a;
  padding: 0 15px; }

@media (max-width: 750px) {
  .page-template-mediaspage #content, .single-media_page #content {
    padding: 0; }

  .page-template-mediaspage #content #wrapper_list_medias ul li, .single-media_page #content #wrapper_list_medias ul li {
    width: 50%; } }
@media (max-width: 500px) {
  .page-template-mediaspage #content #wrapper_list_medias ul li, .single-media_page #content #wrapper_list_medias ul li {
    width: 100%; }

  .page-template-mediaspage #content #list_cat_medias ul li h3, .single-media_page #content #list_cat_medias ul li h3 {
    margin-bottom: 5px;
    display: block; }

  .page-template-mediaspage #content #list_cat_medias ul li .sub_cat li h4:after, .single-media_page #content #list_cat_medias ul li .sub_cat li h4:after {
    padding: 0 5px; } }
@media (max-width: 400px) {
  .page-template-mediaspage #content #list_cat_medias ul li .sub_cat li, .single-media_page #content #list_cat_medias ul li .sub_cat li {
    display: block;
    padding-left: 20px; }

  .page-template-mediaspage #content #list_cat_medias ul li .sub_cat li h4:after, .single-media_page #content #list_cat_medias ul li .sub_cat li h4:after {
    display: none; } }
.page-template-comingsoon {
  background-image: url(images/bg_store.jpg); }

.page-template-comingsoon #primary {
  display: table;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB3aWR0aD0nMjAwJyBoZWlnaHQ9JzMwMCcgdmlld0JveD0nMCAwIDIwMCAzMDAnPgoJPGZpbHRlciBpZD0nZnV6eicgeD0nMCcgeT0nMCc+CgkJPGZlVHVyYnVsZW5jZSB0eXBlPSd0dXJidWxlbmNlJyBiYXNlRnJlcXVlbmN5PScwLjc3JyBudW1PY3RhdmVzPScxMCcgc3RpdGNoVGlsZXM9J3N0aXRjaCcvPgoJPC9maWx0ZXI+Cgk8cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWx0ZXI9J3VybCgjZnV6eiknIG9wYWNpdHk9JzAuMzQnLz4KPC9zdmc+"); }

.page-template-comingsoon #primary #content {
  display: table-cell;
  vertical-align: middle; }

.page-template-comingsoon #primary #content h3 {
  font-size: 2em;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400; }

.page-id-120 {
  overflow: hidden; }

.page-id-120 #primary #content {
  display: table; }

.page-id-120 #primary #content .hentry {
  padding: 0;
  display: table-cell;
  vertical-align: middle; }

.page-id-120 #primary .entry-content {
  padding: 0;
  width: 100%; }

.page-id-120 #primary .entry-content h1 {
  clear: both;
  font-size: 2em;
  margin: 0 auto 30px;
  text-transform: uppercase; }

.page-id-120 #primary .entry-content h1 a {
  color: #7C598E;
  display: block;
  font-size: .5em;
  text-transform: initial;
  font-weight: 300; }

.page-id-120 #primary .entry-content ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.page-id-120 #primary .entry-content ul li {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  text-align: center;
  margin: 40px 0; }

.page-id-120 #primary .entry-content ul li h5 {
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: 600; }

.page-id-120 #primary .entry-content ul li a {
  color: #7C598E;
  display: block; }

@media (max-width: 800px) {
  .page-id-120 #primary .entry-content ul li {
    width: 100%;
    margin: 20px 0; } }
.page-id-18 {
  background-image: url(images/bg_about.jpg); }
  .page-id-18 img {
    max-width: 90%; }

.page-id-18 #primary {
  margin-bottom: 40px; }
  .page-id-18 #primary .gear {
    text-align: center; }
    .page-id-18 #primary .gear img {
      border: 0;
      padding: 0;
      margin: 10px;
      max-height: 65px;
      max-width: 85px;
      width: auto; }

.page-id-18 #primary .members {
  text-align: center; }

.page-id-18 #primary .members .member {
  display: inline-block;
  vertical-align: top;
  width: 33%; }

.page-id-18 #primary .members .member img {
  max-width: 90%;
  display: block;
  margin: 0 auto 15px;
  padding: 0;
  border: 0;
  max-height: 300px; }

.page-id-18 #primary h1 {
  clear: both;
  font-size: 2em;
  margin: 30px 0; }

@media (max-width: 1000px) {
  .page-id-18 #primary .members .member {
    width: 32%; } }
@media (max-width: 550px) {
  .page-id-18 #primary .members .member {
    width: 100%;
    margin: 10px 0; } }
.page-id-92 {
  text-align: center;
  background-image: url(images/bg_store.jpg); }
  .page-id-92 .article {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    width: 20%;
    margin: 2%; }

@media (max-width: 650px) {
  .page-id-92 .article {
    width: 28%;
    margin: 2%; } }
@media (max-width: 450px) {
  .page-id-92 .article {
    width: 40%;
    margin: 2%; } }
/*
 *
 * Opening page
 *
 */
.opening-page {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #CBBB9B;
  color: white;
  overflow-y: scroll; }

.opening-page__title img {
  max-width: 25rem;
  width: 90%;
  margin: auto;
  display: block; }

.opening-page__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center; }

.opening-page__wrapper h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem; }

.opening-page__content {
  display: flex;
  align-items: flex-start; }

.opening-page__content img {
  max-width: 20rem;
  width: 90%;
  margin-right: 2rem; }

.opening-page__listen {
  display: flex;
  flex-direction: column; }

.opening-page__listen h3 {
  font-size: 1.2rem; }

.opening-page__links {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1rem; }

.opening-page__links a {
  text-decoration: underline;
  color: #FFF;
  margin: 0.2rem 0; }

.opening-page__links a svg {
  fill: white; }

.opening-page__button {
  background: white;
  text-decoration: none;
  color: black;
  text-transform: uppercase;
  padding: 0.8rem 3rem;
  margin: 2rem 0;
  border-radius: 0.2rem; }

.opening-page__button:hover {
  text-decoration: none; }

@media (max-width: 768px) {
  .opening-page__content {
    display: block;
    text-align: center; }

  .opening-page__content img {
    margin: 0 0 2rem 0; }

  .opening-page__button {
    padding: 0.5rem 1rem; } }
/*
 *
 * Music page
 *
 */
.music-page__highlight-album {
  height: 18rem;
  position: relative;
  overflow: hidden; }

.music-page__highlight-album-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  transition: all 5s; }

.music-page__highlight-album-infos {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.6s; }

.music-page__highlight-album-title {
  color: #FFF;
  font-size: 1.4rem;
  margin-bottom: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.2rem; }

.music-page__highlight-album-links {
  display: flex; }

.music-page__highlight-album-links a {
  margin: 0 0.65rem;
  color: #FFF;
  text-transform: uppercase; }

.music-page__highlight-album:hover .music-page__highlight-album-infos {
  opacity: 1; }
.music-page__highlight-album:hover .music-page__highlight-album-image {
  transform: scale(1.1); }

.music-page__title {
  margin: 2rem 0;
  text-align: center;
  font-size: 1.4rem; }

.music-page__albums {
  display: flex;
  flex-wrap: wrap; }

.music-page__albums-item {
  position: relative;
  width: 20%; }
  .music-page__albums-item img {
    width: 100%;
    display: block; }

.music-page__album-info {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: white;
  display: flex;
  align-items: flex-end; }

.music-page__album-info-background {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.64);
  opacity: 0.2;
  transition: opacity 0.6s; }

.music-page__album-info-title {
  padding: 0 1rem 2rem;
  transform: translateY(-2rem);
  transition: all 0.6s;
  opacity: 0; }

.music-page__album-info-line {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 0.5rem;
  display: block;
  background: white;
  transform: translateY(0.5rem);
  transition: all 0.6s; }

.music-page__albums-item:hover .music-page__album-info-background {
  opacity: 1; }
.music-page__albums-item:hover .music-page__album-info-title {
  transform: translateY(0);
  opacity: 1; }
.music-page__albums-item:hover .music-page__album-info-line {
  transform: translateY(0); }

@media (max-width: 768px) {
  .music-page__albums-item {
    width: 25%; }

  .music-page__highlight-album .music-page__highlight-album-infos {
    opacity: 1; } }
@media (max-width: 425px) {
  .music-page__albums-item {
    width: 50%; } }
/* Lyrics & credits page */
.page-id-425 #primary {
  background: url(images/background_credits.jpg) !important; }

.page-id-434 #primary {
  background: url(images/background_lyrics.jpg) !important; }