/* Example CSS file */ 

/* = Header-------------------------------------------------------------- */

header {
	background-color: var(--swatch-var-1165);
}

.hero-sub-heading {
	font-weight: bold;
}

.hero-heading {
	font-weight: bold;
}

a {
	color: var(--swatch-var-3409) !important;
}

a:hover {
	color: var(--swatch-var-3026)!important
}

.btn-sm .read-more, .btn .read-more {
	padding-left: 0 !important;
}


footer .nav h6 {
}

.btn-footer {
	margin-left: 10px; 
	padding: 10px 15px; 
	height: 35px;
}

.xxsmall {
    font-size:60%
}

.xsmall {
    font-size:80%
}

.flush {
	padding: 15px !important
}

.nav-container {
  width: 100% !important;	
}

.nav-bar {
	padding: .5rem 2rem !important; 
}

.navbar-brand img {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-right: 15px;
}
.nav-link {

	text-transform: uppercase;
	}

.navbar-nav li a {
	font-size: .8em;
}
.bloc-xs {
	padding:15px; 	
}

label {
	margin-bottom: .25rem !important;
}

.body p {
	margin-bottom: 1.5em;
}


.item-card {
	border-radius : 6px;
}

.sale-card {
	border-radius: 6px;
	/*border: 1px solid var(--swatch-var-3409); */
}

.feature-card .item{
	border-radius: 6px;
	background-color: #222222;
	padding: 10px;
	margin: auto;
	text-align: center;
}

.primary-btn {
	background-color: var(--swatch-var-3409) !important;
	border-radius: 20px 20px 20px 20px !important;
	text-transform: uppercase;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 0.7em !important;
	font-weight: bold !important;
	letter-spacing: 1px;
	color: #000000 !important;
}

.content ul {
	color: var(--swatch-var-6728)!important;
}

input::- webkit-contacts-auto-fill-button {
	background-color: #cccccc !important;
}


.table-striped th, td {
	color : #cccccc;
}

footer .nav {
	margin: auto;
}
footer .nav ul{
	flex-direction: row;
}

footer .site-navigation li {
	display: inline-block;
	margin-left: 20px;
}

footer .social-link-bric {
}

.btn-footer {
	margin-left: 20px ;
}


/* Team Section */

.team-members {
    margin-botto: 30px;
}

.team-member {
    display: block;
    float: left;
    margin: 0 20px;    
}

.cta-section {
    clear: both;
}

@media (max-width: 575px){

	.btn-footer {
		margin: 20px auto !important; 

	}

	footer .navbar-brand {
		margin: 10px auto !important;
	}

	footer {
		text-align: center;
	}

	footer .site-navigation li  {
		display: inline-block;
		margin: 0 20px;
		font-size: .8em;
	}

	footer .site-navigation ul a.btn {
		display: inline-block;
		margin: 0 20px;
	}
}