/*!
Theme Name: Sebcolor theme
Theme URI: http://underscores.me/
Author: Sébastien Fanger
Author URI: http://www.sebcolor.com
Description: Theme: Sebcolor theme, developed by Sébastien Fanger
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sebcolor-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, Bootstrap

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Sebcolor theme is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Bootstrap v3.3.7 (http://getbootstrap.com) (c) 2011-2016 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
normalize.css https://necolas.github.io/normalize.css/, (C) 2012-2016 Nicolas Gallagher and Jonathan Neal, [MIT](https://opensource.org/licenses/MIT)
*/

html {
  position: relative;
  min-height: 100%;
}
body {
  margin: 0 0 60px;
}
@media (max-width: 768px) {
  body {
    margin: 0 0 100px;
  }
}
/*--------------------------------------------------------------
## fix navbar issue with admin bar
--------------------------------------------------------------*/
.admin-bar .navbar-fixed-top {
top: 32px;
}
/*--------------------------------------------------------------
## Container principal
--------------------------------------------------------------*/
.site {
  padding-top: 70px;
}

@media (min-width: 1200px) {
  .site, .site-info {
    width: 970px;
  }
}
h1.site-title {
  margin-bottom: 100px;
}
h1.site-title img {
  vertical-align: top;
  padding: 4px;
  line-height: 1.1;
  margin-right: 5px;
}
/*--------------------------------------------------------------
## Barre de Navigation principale
--------------------------------------------------------------*/
.navbar-btn {
    margin-left: 20px;
    margin-right: 0px;
}
.navbar-brand>img {
	display: block;
	height: 20px;
	vertical-align: text-top;
}
a#custom_logo.navbar-brand {
  padding-right: 5px;
}
/*--------------------------------------------------------------
## Widgets et sidebar
--------------------------------------------------------------*/
.widget {
  padding: 15px;
}
.widget.site-description {
  margin-top: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.widget.site-description h2 {
  margin-top: 0;
}
.widget > ul {
  padding-left: 0;
  list-style: none;
}
/*--------------------------------------------------------------
## footer
--------------------------------------------------------------*/
.site-footer.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  background-color: #f5f5f5;
}
.site-footer.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}
.site-footer.footer p {
  margin: 20px 0;
}

.modal-title {
  line-height: 20px;
}
#connexionModalLabel img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  vertical-align: top;
}
/*--------------------------------------------------------------
## POST
--------------------------------------------------------------*/
article.type-post {
  margin-bottom: 100px;
}
article footer > span {
  display: inline-block;
  padding-right: 20px;
}
.entry-meta, .entry-footer {
  margin: 20px 0;
  padding: 10px 0;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
}
article footer.entry-footer {
  margin-top: 10px;
}
li.comment {
  border-top: solid 1px #DDD;
  margin-top: 50px;
  padding-top: 10px;
}
div#comments.comments-area {
	margin-bottom: 100px;
}
/*--------------------------------------------------------------
## RÉSULTAT DE RECHERCHE
--------------------------------------------------------------*/
section.no-results.not-found .navbar-form {
  padding: 0;
}
/*--------------------------------------------------------------
## responsive video
--------------------------------------------------------------*/
.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  margin-bottom: 20px;
}
.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  overflow:hidden;
}