banner.php

<?php
// Récupère l'image de la page blog dans les listes
$bannerImg = get_the_post_thumbnail_url(is_home() ? get_option( 'page_for_posts' ) : null, 'large');
?>

banner2.php

<?php
  $bannerImg = get_the_post_thumbnail_url(is_home() ? get_option( 'page_for_posts' ) : null, 'large');
 ?>
<header class="banner" style="background-image: url('<?php _e($bannerImg ? $bannerImg : get_the_post_thumbnail_url(get_option( 'page_on_front' ))) ?>')">
  <div class="container">
    <h1 class="banner-title"><?php get_title() ?></h1>
  </div>
</header>

function.php

<?php

  // Liste les catégories
  function get_post_categories($exclude = array(), $separator  = ', ', $limit = 10) {
    $categories = array_slice(get_the_category(), 0, $limit);
    $names = array();
    foreach($categories as $category) {
      if(!in_array($category->cat_ID, $exclude)){
        array_push($names, $category->name);
      }
    }
    return implode(', ', $names);
  }


// Ajoute l'image à la une aux pages et articles
  add_theme_support( 'post-thumbnails' );
  set_post_thumbnail_size( 1200, 800, true );

  // Déclare des tailles d'images
  function image_size() {
      add_image_size( 'post-list', 600, 200, true );
  }
  add_action( 'after_setup_theme', 'image_size' );
  
// Retourne le titre approprié
  function get_title() {
    // Get the category
    if(is_tag()) {
        $term_id = get_query_var('tag_id');
        $taxonomy = 'post_tag';
        $args ='include=' . $term_id;
        $term = get_terms( $taxonomy, $args );
        echo $term[0]->name;
    }
    else if (is_category()){
        $cat_id = get_query_var('cat');
        $taxonomy = 'category';
        $args ='include=' . $cat_id;
        $term = get_terms( $taxonomy, $args );
        echo $term[0]->name;
    }
    else if (is_home()) {
      single_post_title();
    }
    else {
      the_title();
    }
  }

main.css

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/** 1. Set default font family to sans-serif. 2. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background-color: transparent; }

/** Improve readability of focused elements when they are also in an active/hover state. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

* { box-sizing: border-box; }

html { font-size: 62.5%; line-height: 1.3em; }

body { margin: 0; padding: 0; font-size: 1em; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

blockquote p, td p, th p, li li, li p, li h1, li h2, li h3, li h4, li h5, li h6, button { font-size: 100%; }

button { display: inline; margin: 0; border: none; padding: 0; outline: none; cursor: pointer; }

a img { border: none; }

img { max-width: 100%; height: auto; }

hr { border: none; height: 1px; background-color: #222; }

.container { margin: auto; padding: 0 15px; width: 720px; max-width: 100%; }

h1 { margin: 25px 0; font-size: 3.5em; }

h2 { margin: 25px 0; font-size: 2.4em; }

h3 { margin: 25px 0; font-size: 2em; }

h4 { margin: 20px 0; font-size: 1.8em; }

h5 { margin: 20px 0; font-size: 1.6em; }

h6 { margin: 15px 0; font-size: 1.4em; }

.horizontal-list, .nav { display: block; margin: 0; padding: 0; }

.horizontal-list > *, .nav > * { display: inline-block; margin: 5px; padding: 0; }

[type="text"], [type="tel"], [type="email"], [type="url"], [type="search"], [type="date"], [type="time"], [type="datetime"], [type="month"], [type="week"], [type="number"], select, textarea { border: 1px solid #222; border-radius: 3px; background-color: #fff; }

[type="text"]:focus, [type="tel"]:focus, [type="email"]:focus, [type="url"]:focus, [type="search"]:focus, [type="date"]:focus, [type="time"]:focus, [type="datetime"]:focus, [type="month"]:focus, [type="week"]:focus, [type="number"]:focus, select:focus, textarea:focus { outline: none; }

.link-block { display: block; color: inherit; }

.link-block:hover { text-decoration: none; color: inherit; }

li { margin: 5px 0; }

p { margin: 15px 0; }

p, li, td, th, textarea, caption, pre, blockquote, label, input, select, textarea { font-size: 2em; line-height: 1.7em; }

td p, td .bodytext { margin: 0; }

strong, optgroup { font-weight: 700; }

input, select, textarea { font-family: Arial, sans-serif; }

fieldset { margin: 0; border: none; padding: 0; }

select { width: auto; cursor: pointer; }

input, select, textarea, label { vertical-align: middle; }

h1, h2, h3, h4, h5, h6 { line-height: 1em; font-weight: 700; }

body { font-family: Arial, sans-serif; font-weight: 400; color: rgba(34, 34, 34, 0.9); }

button, a { transition: .3s color; text-decoration: none; color: #68bbdb; }

button:hover, a:hover { text-decoration: none; color: #ea881d; }

button { background-color: transparent; color: #68bbdb; }

.container { margin-right: auto; margin-left: auto; padding-left: 20px; padding-right: 20px; }

.container:before, .container:after { display: table; content: ''; }

.container:after { clear: both; }

@media (min-width: 640px) { .container { width: 640px; } }

@media (min-width: 960px) { .container { width: 960px; } }

@media (min-width: 720px) { .container { width: 720px; } }

.container-extended { margin-right: auto; margin-left: auto; padding-left: 20px; padding-right: 20px; width: 100%; }

.container-extended:before, .container-extended:after { display: table; content: ''; }

.container-extended:after { clear: both; }

@media (min-width: 720px) { .container-extended { width: 720px; max-width: 100%; } }

.container-fluid { margin-right: auto; margin-left: auto; padding-left: 20px; padding-right: 20px; }

.container-fluid:before, .container-fluid:after { display: table; content: ''; }

.container-fluid:after { clear: both; }

.row { margin-left: -20px; margin-right: -20px; }

.row:before, .row:after { display: table; content: ''; }

.row:after { clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; padding-right: 20px; padding-left: 20px; min-height: 1px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }

.col-xs-1 { width: 8.33333333333%; }

.col-xs-2 { width: 16.6666666667%; }

.col-xs-3 { width: 25%; }

.col-xs-4 { width: 33.3333333333%; }

.col-xs-5 { width: 41.6666666667%; }

.col-xs-6 { width: 50%; }

.col-xs-7 { width: 58.3333333333%; }

.col-xs-8 { width: 66.6666666667%; }

.col-xs-9 { width: 75%; }

.col-xs-10 { width: 83.3333333333%; }

.col-xs-11 { width: 91.6666666667%; }

.col-xs-12 { width: 100%; }

.col-xs-pull-0 { right: auto; }

.col-xs-pull-1 { right: 8.33333333333%; }

.col-xs-pull-2 { right: 16.6666666667%; }

.col-xs-pull-3 { right: 25%; }

.col-xs-pull-4 { right: 33.3333333333%; }

.col-xs-pull-5 { right: 41.6666666667%; }

.col-xs-pull-6 { right: 50%; }

.col-xs-pull-7 { right: 58.3333333333%; }

.col-xs-pull-8 { right: 66.6666666667%; }

.col-xs-pull-9 { right: 75%; }

.col-xs-pull-10 { right: 83.3333333333%; }

.col-xs-pull-11 { right: 91.6666666667%; }

.col-xs-pull-12 { right: 100%; }

.col-xs-push-0 { left: auto; }

.col-xs-push-1 { left: 8.33333333333%; }

.col-xs-push-2 { left: 16.6666666667%; }

.col-xs-push-3 { left: 25%; }

.col-xs-push-4 { left: 33.3333333333%; }

.col-xs-push-5 { left: 41.6666666667%; }

.col-xs-push-6 { left: 50%; }

.col-xs-push-7 { left: 58.3333333333%; }

.col-xs-push-8 { left: 66.6666666667%; }

.col-xs-push-9 { left: 75%; }

.col-xs-push-10 { left: 83.3333333333%; }

.col-xs-push-11 { left: 91.6666666667%; }

.col-xs-push-12 { left: 100%; }

.col-xs-offset-0 { margin-left: 0%; }

.col-xs-offset-1 { margin-left: 8.33333333333%; }

.col-xs-offset-2 { margin-left: 16.6666666667%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-4 { margin-left: 33.3333333333%; }

.col-xs-offset-5 { margin-left: 41.6666666667%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-7 { margin-left: 58.3333333333%; }

.col-xs-offset-8 { margin-left: 66.6666666667%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-10 { margin-left: 83.3333333333%; }

.col-xs-offset-11 { margin-left: 91.6666666667%; }

.col-xs-offset-12 { margin-left: 100%; }

@media (min-width: 640px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
  .col-sm-1 { width: 8.33333333333%; }
  .col-sm-2 { width: 16.6666666667%; }
  .col-sm-3 { width: 25%; }
  .col-sm-4 { width: 33.3333333333%; }
  .col-sm-5 { width: 41.6666666667%; }
  .col-sm-6 { width: 50%; }
  .col-sm-7 { width: 58.3333333333%; }
  .col-sm-8 { width: 66.6666666667%; }
  .col-sm-9 { width: 75%; }
  .col-sm-10 { width: 83.3333333333%; }
  .col-sm-11 { width: 91.6666666667%; }
  .col-sm-12 { width: 100%; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-pull-1 { right: 8.33333333333%; }
  .col-sm-pull-2 { right: 16.6666666667%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-4 { right: 33.3333333333%; }
  .col-sm-pull-5 { right: 41.6666666667%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-7 { right: 58.3333333333%; }
  .col-sm-pull-8 { right: 66.6666666667%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-10 { right: 83.3333333333%; }
  .col-sm-pull-11 { right: 91.6666666667%; }
  .col-sm-pull-12 { right: 100%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-push-1 { left: 8.33333333333%; }
  .col-sm-push-2 { left: 16.6666666667%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-4 { left: 33.3333333333%; }
  .col-sm-push-5 { left: 41.6666666667%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-7 { left: 58.3333333333%; }
  .col-sm-push-8 { left: 66.6666666667%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-10 { left: 83.3333333333%; }
  .col-sm-push-11 { left: 91.6666666667%; }
  .col-sm-push-12 { left: 100%; }
  .col-sm-offset-0 { margin-left: 0%; }
  .col-sm-offset-1 { margin-left: 8.33333333333%; }
  .col-sm-offset-2 { margin-left: 16.6666666667%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-4 { margin-left: 33.3333333333%; }
  .col-sm-offset-5 { margin-left: 41.6666666667%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-7 { margin-left: 58.3333333333%; }
  .col-sm-offset-8 { margin-left: 66.6666666667%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-10 { margin-left: 83.3333333333%; }
  .col-sm-offset-11 { margin-left: 91.6666666667%; }
  .col-sm-offset-12 { margin-left: 100%; } }

@media (min-width: 960px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-1 { width: 8.33333333333%; }
  .col-md-2 { width: 16.6666666667%; }
  .col-md-3 { width: 25%; }
  .col-md-4 { width: 33.3333333333%; }
  .col-md-5 { width: 41.6666666667%; }
  .col-md-6 { width: 50%; }
  .col-md-7 { width: 58.3333333333%; }
  .col-md-8 { width: 66.6666666667%; }
  .col-md-9 { width: 75%; }
  .col-md-10 { width: 83.3333333333%; }
  .col-md-11 { width: 91.6666666667%; }
  .col-md-12 { width: 100%; }
  .col-md-pull-0 { right: auto; }
  .col-md-pull-1 { right: 8.33333333333%; }
  .col-md-pull-2 { right: 16.6666666667%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-4 { right: 33.3333333333%; }
  .col-md-pull-5 { right: 41.6666666667%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-7 { right: 58.3333333333%; }
  .col-md-pull-8 { right: 66.6666666667%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-10 { right: 83.3333333333%; }
  .col-md-pull-11 { right: 91.6666666667%; }
  .col-md-pull-12 { right: 100%; }
  .col-md-push-0 { left: auto; }
  .col-md-push-1 { left: 8.33333333333%; }
  .col-md-push-2 { left: 16.6666666667%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-4 { left: 33.3333333333%; }
  .col-md-push-5 { left: 41.6666666667%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-7 { left: 58.3333333333%; }
  .col-md-push-8 { left: 66.6666666667%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-10 { left: 83.3333333333%; }
  .col-md-push-11 { left: 91.6666666667%; }
  .col-md-push-12 { left: 100%; }
  .col-md-offset-0 { margin-left: 0%; }
  .col-md-offset-1 { margin-left: 8.33333333333%; }
  .col-md-offset-2 { margin-left: 16.6666666667%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-4 { margin-left: 33.3333333333%; }
  .col-md-offset-5 { margin-left: 41.6666666667%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-7 { margin-left: 58.3333333333%; }
  .col-md-offset-8 { margin-left: 66.6666666667%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-10 { margin-left: 83.3333333333%; }
  .col-md-offset-11 { margin-left: 91.6666666667%; }
  .col-md-offset-12 { margin-left: 100%; } }

@media (min-width: 720px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
  .col-lg-1 { width: 8.33333333333%; }
  .col-lg-2 { width: 16.6666666667%; }
  .col-lg-3 { width: 25%; }
  .col-lg-4 { width: 33.3333333333%; }
  .col-lg-5 { width: 41.6666666667%; }
  .col-lg-6 { width: 50%; }
  .col-lg-7 { width: 58.3333333333%; }
  .col-lg-8 { width: 66.6666666667%; }
  .col-lg-9 { width: 75%; }
  .col-lg-10 { width: 83.3333333333%; }
  .col-lg-11 { width: 91.6666666667%; }
  .col-lg-12 { width: 100%; }
  .col-lg-pull-0 { right: auto; }
  .col-lg-pull-1 { right: 8.33333333333%; }
  .col-lg-pull-2 { right: 16.6666666667%; }
  .col-lg-pull-3 { right: 25%; }
  .col-lg-pull-4 { right: 33.3333333333%; }
  .col-lg-pull-5 { right: 41.6666666667%; }
  .col-lg-pull-6 { right: 50%; }
  .col-lg-pull-7 { right: 58.3333333333%; }
  .col-lg-pull-8 { right: 66.6666666667%; }
  .col-lg-pull-9 { right: 75%; }
  .col-lg-pull-10 { right: 83.3333333333%; }
  .col-lg-pull-11 { right: 91.6666666667%; }
  .col-lg-pull-12 { right: 100%; }
  .col-lg-push-0 { left: auto; }
  .col-lg-push-1 { left: 8.33333333333%; }
  .col-lg-push-2 { left: 16.6666666667%; }
  .col-lg-push-3 { left: 25%; }
  .col-lg-push-4 { left: 33.3333333333%; }
  .col-lg-push-5 { left: 41.6666666667%; }
  .col-lg-push-6 { left: 50%; }
  .col-lg-push-7 { left: 58.3333333333%; }
  .col-lg-push-8 { left: 66.6666666667%; }
  .col-lg-push-9 { left: 75%; }
  .col-lg-push-10 { left: 83.3333333333%; }
  .col-lg-push-11 { left: 91.6666666667%; }
  .col-lg-push-12 { left: 100%; }
  .col-lg-offset-0 { margin-left: 0%; }
  .col-lg-offset-1 { margin-left: 8.33333333333%; }
  .col-lg-offset-2 { margin-left: 16.6666666667%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-4 { margin-left: 33.3333333333%; }
  .col-lg-offset-5 { margin-left: 41.6666666667%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-7 { margin-left: 58.3333333333%; }
  .col-lg-offset-8 { margin-left: 66.6666666667%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-10 { margin-left: 83.3333333333%; }
  .col-lg-offset-11 { margin-left: 91.6666666667%; }
  .col-lg-offset-12 { margin-left: 100%; } }

@-ms-viewport { width: device-width; }

.visible-xs { display: none !important; }

.visible-sm { display: none !important; }

.visible-md { display: none !important; }

.visible-lg { display: none !important; }

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; }

@media (max-width: 639px) { .visible-xs { display: block !important; }
  table.visible-xs { display: table !important; }
  tr.visible-xs { display: table-row !important; }
  th.visible-xs, td.visible-xs { display: table-cell !important; } }

@media (max-width: 639px) { .visible-xs-block { display: block !important; } }

@media (max-width: 639px) { .visible-xs-inline { display: inline !important; } }

@media (max-width: 639px) { .visible-xs-inline-block { display: inline-block !important; } }

@media (min-width: 640px) and (max-width: 959px) { .visible-sm { display: block !important; }
  table.visible-sm { display: table !important; }
  tr.visible-sm { display: table-row !important; }
  th.visible-sm, td.visible-sm { display: table-cell !important; } }

@media (min-width: 640px) and (max-width: 959px) { .visible-sm-block { display: block !important; } }

@media (min-width: 640px) and (max-width: 959px) { .visible-sm-inline { display: inline !important; } }

@media (min-width: 640px) and (max-width: 959px) { .visible-sm-inline-block { display: inline-block !important; } }

@media (min-width: 960px) and (max-width: 719px) { .visible-md { display: block !important; }
  table.visible-md { display: table !important; }
  tr.visible-md { display: table-row !important; }
  th.visible-md, td.visible-md { display: table-cell !important; } }

@media (min-width: 960px) and (max-width: 719px) { .visible-md-block { display: block !important; } }

@media (min-width: 960px) and (max-width: 719px) { .visible-md-inline { display: inline !important; } }

@media (min-width: 960px) and (max-width: 719px) { .visible-md-inline-block { display: inline-block !important; } }

@media (min-width: 720px) { .visible-lg { display: block !important; }
  table.visible-lg { display: table !important; }
  tr.visible-lg { display: table-row !important; }
  th.visible-lg, td.visible-lg { display: table-cell !important; } }

@media (min-width: 720px) { .visible-lg-block { display: block !important; } }

@media (min-width: 720px) { .visible-lg-inline { display: inline !important; } }

@media (min-width: 720px) { .visible-lg-inline-block { display: inline-block !important; } }

@media (max-width: 639px) { .hidden-xs { display: none !important; } }

@media (min-width: 640px) and (max-width: 959px) { .hidden-sm { display: none !important; } }

@media (min-width: 960px) and (max-width: 719px) { .hidden-md { display: none !important; } }

@media (min-width: 720px) { .hidden-lg { display: none !important; } }

.visible-print { display: none !important; }

@media print { .visible-print { display: block !important; }
  table.visible-print { display: table !important; }
  tr.visible-print { display: table-row !important; }
  th.visible-print, td.visible-print { display: table-cell !important; } }

.visible-print-block { display: none !important; }

@media print { .visible-print-block { display: block !important; } }

.visible-print-inline { display: none !important; }

@media print { .visible-print-inline { display: inline !important; } }

.visible-print-inline-block { display: none !important; }

@media print { .visible-print-inline-block { display: inline-block !important; } }

@media print { .hidden-print { display: none !important; } }

.align-left { text-align: left; }

.align-center { text-align: center; }

.align-right { text-align: right; }

.align-justify { text-align: justify; }

.form-error { outline-color: #d9534f; }

.form-valid { outline-color: #5cb85c; }

.important { font-size: 2.4em; }

.introduction { margin-bottom: 40px; font-size: 2.4em; font-style: italic; }

.nav { text-align: center; box-shadow: 0 0 1px rgba(34, 34, 34, 0.4); }

.nav .menu-item { margin: 0; font-size: 1.4em; text-align: left; }

.nav .menu-item > a { display: block; padding: 10px 20px; }

.nav .menu-item .menu-item { font-size: 100%; }

.nav a { color: rgba(34, 34, 34, 0.5); }

.nav a:hover { color: #ea881d; }

.nav-main { position: fixed; top: 0; right: 0; left: 0; background-color: rgba(255, 255, 255, 0.95); z-index: 100; }

.nav-main::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.2); -webkit-filter: blur(5px); filter: blur(5px); content: ''; }

.nav-main > .menu-item { position: relative; }

.nav-main > .menu-item:hover .sub-menu { display: block; }

.nav-main .sub-menu { display: none; position: absolute; top: 100%; margin: 0; padding: 0; width: 300px; background-color: #fff; list-style: none; box-shadow: 0 1px 1px rgba(34, 34, 34, 0.4); }

.nav-footer { position: relative; margin-top: 60px; background-color: rgba(34, 34, 34, 0.97); z-index: 100; }

.nav-footer a { color: rgba(255, 255, 255, 0.5); }

.nav-footer a:hover { color: #fff; }

.banner { position: relative; margin-bottom: 40px; background: center center no-repeat; background-size: cover; }

.banner::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(34, 34, 34, 0.4); content: ''; }

.banner .container { position: relative; min-height: 50vh; }

.banner .banner-title { position: absolute; bottom: 40px; left: 60px; font-size: 6em; font-weight: 400; text-transform: uppercase; color: #fff; text-shadow: 0 0 6px rgba(34, 34, 34, 0.6); }

.post-list { margin: 40px 0; border: 1px solid #cdcdcd; border-radius: 2px; transition: .3s all; box-shadow: 0 2px 2px rgba(205, 205, 205, 0.4); }

.post-list:hover { -webkit-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); box-shadow: 0 4px 8px rgba(205, 205, 205, 0.8); }

.post-list .post-list-thumbnail { max-height: 200px; overflow: hidden; }

.post-list .post-list-thumbnail .wp-post-image { width: 100%; }

.post-list .post-list-content { padding: 20px; }

.post-list .post-list-content > p:last-child { margin-bottom: 0; }

.post-list .post-title { margin: 0; }

.post-single .post-single-content { text-align: justify; }

.post-meta p { margin-top: 0; font-size: 1.4em; color: rgba(34, 34, 34, 0.5); }

.post-meta .post-meta-date { text-align: right; }

.pagination { text-align: center; }

.pagination .page-numbers { display: inline-block; margin: 0 10px; font-size: 2em; }

.pagination .prev, .pagination .next { display: none; }

@media print { .no-print, [id="header"], [id="footer"] { display: none !important; } }
/*# sourceMappingURL=main.css.map */