/*
Theme Name: CBHL
Theme URI: http://www.indexwebmarketing.com
Author: Index Web Marketing
Author URI: http://www.indexwebmarketing.com
Description: Theme for CBHL
Version: 1.0
*/

/*FONT FACE*/

/* HTML */

body, h6{
	font-family: "proxima-nova";
}

button a{
	color: #ffffff !important;
}

button a:hover{
	text-decoration: none;
}

h4{
	font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
}

.clear{
	clear:both;
}

/* CLASSES */

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

.col-xs-12{
	margin-bottom: 45px;
}

.floatr{
	float: right;
}

/* BOOTSTRAP CLASSES*/

.btn-default{
	background: #a2bb9b;
	color: #fff;
	border: none;
}

.btn-default:hover{
	color: #fff;
	background: #667C60;
}

.glyphicon{
	margin-right: 8px;
}

/* PREHEADER*/

#preheader{
	position: relative;
	min-height: 35px;
	background-color: #adc7a5;
	color: #ffffff;
	padding-top: 8px;
}

#preheader a{
	color: #ffffff;
	display: inline-block;
	font-size: 13px;
}

#preheader .fa-envelope{
	margin-right: 5px;
}

.fb-icon, .fb-icon a{
	background-color: #60695d;
	color: #fff;
	width: 35px;
	height:35px;
	float: right;
	text-align: center;
	padding-top: 9px;
	margin-top: -8px;
	margin-left: 10px;
}

a.fb-icon:hover{
	color: #fff;
	background-color: #869980;
}

/* NAV */

.navbar{
	border-radius: 0px;
	border: none;
}

.navbar-brand{
	padding: 0;
}

.navbar-brand a{
	color: #fff;
}

.navbar-default{
	background: inherit;
	color: #fff;
	height: 50px;
	z-index: 99; /*Pour faire passer la nav sur le contenu sur mobile*/
}

.jumbotron.navbar-default{
	background: none;
}

.navbar-nav{
	float: right;
}

.navbar-nav>li{
	width: 115px;
	display: inline-block;
	vertical-align: middle;
	float: none;
	text-align: center;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:focus{
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 16px;
	padding: 10px 3px;
	font-weight:bold;
}

.navbar-default .navbar-nav>li>a:hover{
	color: #637c5b;
	background-color: #fff;
}

.navbar-default .navbar-nav>.active>a{
	background: inherit;
	color: #fff;
}

/* DROPDOWN MENU */

.dropdown-menu{
	border-radius: 0;
	background-color: inherit;
	box-shadow: none;
	border: none;
	min-width: 135px;
}
.dropdown-menu li{
	color: #637c5b;
	background-color:#ffffff;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	margin-bottom: 2px;
	text-align: left;
	text-transform: uppercase;
	font-size: 12px;
}

.dropdown-menu li:hover{
	background-color:#ffffff;
	color: #637c5b;
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.dropdown-menu li a:hover{
	color: #637c5b;
}

/* Retirer la flèche du Dropdown menu */
.caret { 
	display: none;
}


/* CONTENT */

h1.page-title{
	color: #fff;
	text-align: left;
	font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
	font-size: 50px;
	text-transform: uppercase;
	margin-top: 85px;
	margin-left: 15px;
}

.content{
	padding-bottom: 25px;
}

.content p {
	color: #4e554b;
}

/* JUMBOTRON */

.jumbotron .container{
	padding: 0;
}

.banner-large{
	background: url('img/bg-home.jpg') no-repeat;
	background-size: cover;
	text-align: center;
}

.jumbotron img.logo{
	margin: 20px 0;
}

.banner-small {
	padding-bottom: 40px;
	background: url('img/bg-page.jpg') no-repeat;
	background-size: cover;
}
.banner-none {
	background-color:#adc7a5;
	border-top:1px solid white;
}

/* FEATURED ITEMS */

.features{
	text-align: center;
	color: #708b68;
	padding-top: 20px;
}

.features h4{
	margin-top: 17px;
	text-transform: uppercase;
}

.picto{
	background-color: #95b88a;
	width: 160px;
	height: 160px;
	margin: 0 auto;
	text-align: center;
}

.picto img{
	margin-top: 35px;
}

.picto .award{
	margin-top: 19px;
}

/* NEWSLETTERS */

.news{
	color: #708b68;
	padding-bottom: 48px;
	padding-top: 20px;
}

.news h4{
	font-style:italic;
}

.news h4 span{
	font-family: "proxima-nova";
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	font-style:normal;
}

.newsletter-box{
	color: #fff;
	background-color: #adbfa8;
	display: block;
	padding: 10px;
	margin-bottom: 7px;
}

a.newsletter-box:hover{
	background-color: #60695d;
	color: #fff;
	text-decoration: none;
}

/* TESTIMONIALS */

.bubble{
	position: relative;
	width: 99%;
	height: auto;
	padding: 10px;
	background: #adbfa8;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 13px;
}

.bubble .fa{
	font-size: 35px;
	color: #adbfa8;
	position: absolute;
	bottom: -14px;
	left: 20%
}

.testimony-name{
	color: #5f675c;
	margin-left: 30px;
}
.testimonials-carousel-nav span {
	color:#adbfa8;
}
.testimonials-carousel-nav span:hover {
	color:#60695d;
	text-decoration:none;
}

/* NEWS ARTICLES */

.news-item{
	margin-bottom: 20px;
}

.news-item a{
	color: #65835c;
}

.news-item a:hover{
	color: #596156;
}

.news-item p{
	font-size: 13px;
	line-height: 14px;
}

.news-item h6{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-top: 7px;
}

.news-date{
	width: 60px;
	height: 70px;
	background-color: #adbfa8;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	padding-top: 14px;
	margin-right: 15px;
	float: left;
}

.news-date .month{
	font-weight: 100;
	font-size: 14px;
}

.news-date .date{
	font-weight: bold;
	font-size: 26px;
	margin-top: -7px;
}

/* COMPANY DESCRIPTION*/

.description{
	border-top: 4px double #d8e0d6;
	border-bottom: 4px double #d8e0d6;
	margin: 15px 0;
	padding: 40px 25px;
}

.description p{
	font-family: 'Copse', serif;
	font-style: italic;
	font-size: 16px;
	color: #89a081;
	font-weight: 400;
}

/* FOOTER */

#footer{
	background-color: #4a5546;
	color: #fff;
	padding: 30px 0;
}

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

#footer h4{
	font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
	font-size: 24px;
	margin-bottom: 20px;
}

#footer img{
	float: left;
	margin-right: 20px;
}

#footer li{
	margin-bottom: 10px;
}

#footer li a{
	color: #fff;
	font-size: 16px;
}

#footer ul{
	list-style-type: none;
	padding-left: 0;
}

.credits{
	text-align: center;
	color: #A7A7A7;
	margin-bottom: -5px;
	margin-top: 15px;
}

.credits a{
	color: #adc7a5;
	font-size: 12px;
}

/*MEDIA QUERY*/

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

@media (max-width: 767px){
	.navbar-collapse{
		border: none;
		text-align: center;
		max-height: inherit;
	}
	
	.navbar-nav>ul{
		text-align: center;
	}

	.navbar-nav>li{
		background-color:#ffffff;
		text-align: center;
		width: 100%;
		background: #95b88a;
	}

	.navbar-default .navbar-nav>.active>a{
		background: #95b88a;
	}
	
	.navbar-default .navbar-nav>li>a,
	.navbar-default .navbar-nav>li>a:visited,
	.navbar-default .navbar-nav>li>a:focus{
		color: #fff;
		font-size: 15px;
		padding: 16px 3px;
		border-bottom: 1px solid #58834E;
	}

	.navbar-default .navbar-nav>.active>a:hover,
	.navbar-default .navbar-nav>.active>a:focus,
	.navbar-default .navbar-nav>li>a:hover{
		background: #BAD5B2;
		color: #fff;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>.active>a{
		background-color: #fff;
	}
	
	.dropdown-menu li{
		background-color: inherit;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu>li:hover{
		background-color: inherit;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a{
		color: #fff;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
			background-color: #95b88a;
			color: #fff;
	}
	
	/*Couleur de fond pour les sous-menus*/
	.navbar-nav .open .dropdown-menu {
		background-color: #77966d;
		color: #fff;
	}
	/* Couleur de fond pour le lien focus */
	.navbar-default .navbar-nav>.open>a:focus{
		background: #95b88a;
		color: #fff;
	}
	
	/* Fix du nom dans la section Testimony */
	.testimony-name {
		margin-left: 0px; 
		text-align: center;
	}
	
	/* Fix de la position de la flèche dans testimonies*/

	.bubble .fa {
		left: 40%;
	}

	/* Fix de la hauteur de la div de la date dans les news */
	
	.news-item{
		height: 60px;
	}
	
	/* Cacher le "Become a member and join us" */
	#footer li {
		margin-bottom: 10px;
		display: inline-block;
		margin-right: 3%;
	}
}

@media (max-width: 480px){
	.jumbotron img.logo{
		width: 100%;
	}
}

/* Comments */
ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; }
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 11px; }
ol.commentlist li div.vcard cite.fn a.url { color:#cc0000; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; }
ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }
ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:5px 0 12px; }
ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }
ol.commentlist ul.children li.odd { background:#fff; }
ol.commentlist ul.children li.even { background:#f6f6f6; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }