/*
Bienvenue dans l’éditeur CSS de l’extension Design !

CSS (Cascading Style Sheets) est un langage qui fournit des informations à
votre navigateur concernant le style de la page web que vous visitez. Vous
pouvez maintenant supprimer ces commentaires et commencer à ajouter votre
propre code CSS.

Par défaut, cette feuille de style sera chargée après la feuille de
style de votre thème, ce qui veut dire que les nouvelles règles que vous
ajouterez ici pourront remplacer celles créées par le thème.

Vous pouvez donc ajouter ici les changements que vous souhaitez apporter à
votre thème, sans avoir à copier la feuille de style existante de
celui-ci, ou avoir à recréer toutes les règles de style de votre thème.
*/
img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 4px;
}

.wp-caption .wp-caption-text {
	margin-bottom: 0;
	padding: 0;
}

#content ul li {
	position: relative;
}

#site-title a {
    color: #345C66;
	  text-align: center;
	!important;
}

#main-nav {
    background-color: #5B98A6;
	    border-color: #5B98A6;
}

a:link {color:#5B98A6;} 
a:visited {color:#5B98A6;} 
a:hover {color:#5B98A6;}   

#main-nav a:hover, #main-nav ul li.current-menu-item a, #main-nav ul li.current_page_ancestor a, #main-nav ul li.current-menu-ancestor a, #main-nav ul li.current_page_item a, #main-nav ul li:hover > a, #main-nav li:hover > a, #main-nav ul ul :hover > a, #main-nav a:focus {
    background: #5F8D98;
}

#main-nav ul li ul, body {
    border-color: #5B98A6;
}

input[type="reset"], input[type="button"], input[type="submit"], .entry-meta-bar .readmore, #controllers a:hover, #controllers a.active, .pagination span, .pagination a:hover span, .wp-pagenavi .current, .wp-pagenavi a:hover {
    background: #5F8D98;
    border-color: #5F8D98
		!important;
}

.sticky article {
    border-bottom: 3px solid #5F8D98;
}

input[type="reset"], input[type="button"], input[type="submit"], .entry-meta-bar .readmore, #controllers a:hover, #controllers a.active, .pagination span, .pagination a:hover span, .wp-pagenavi .current, .wp-pagenavi a:hover {
    background: #5F8D98;
    border-color: #5F8D98 !important;
}


#site-description {
font-size: 15px;
margin-top: 5px;
padding: 3px 6px;
text-align: center;
}

#site-logo {
	float: left;
	margin-top: 0px;
}

.hgroup-wrap {
	padding-top: 15px;
	padding-bottom: 15px;
}

body,input,textarea,article {
font: 14px Helvetica, sans-serif;
	font-weight: 400;
	line-height: 18px;
}

/* Headings
-----------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-family: 'Ubuntu', sans-serif;
	color: #555;
}
h1 {
	font-size: 28px;
	line-height: 30px;
}
h2 {
	font-size: 26px;
	line-height:28px;
}
h3 {
	font-size: 22px;
	line-height: 26px;
}
h4 {
	font-size: 20px;
	line-height: 24px;
}
h5 {
	font-size: 18px;
	line-height: 22px;
}
h6 {
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
}



h2.entry-title {
	font: 28px 'Ubuntu', sans-serif;
	line-height: 1.1em;
}

.entry-title,.entry-title a {
	color: #1b1e1f;
	letter-spacing: -1px;
	font-size: 24px;
	text-shadow: 0 1px 0 #fff;
	padding-top: 10px;
	display: block;
	-webkit-transition: all .3s ease-out;
		 -moz-transition: all .3s ease-out;
			-ms-transition: all .3s ease-out;
			 -o-transition: all .3s ease-out;
					transition: all .3s ease-out;
}
.widget h2 {font-size:18px; line-height:20px;margin-bottom:6px; padding-top:4px;}
.widget ul li {
	background-image: url('./images/arrow-right.png');
	background-position: 0 8px;
	background-repeat: no-repeat;
	padding: 0 0 0 18px;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 6px;

#respond h3#reply-title {
	font-size: 18px;
	font-weight: normal;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 10px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 10px;

#respond {
  margin-top: 0.5rem;
}
.entry-content img,.comment-content img,.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
	margin-bottom:10px;
}