/*
* Custom code goes here.
* A template should always ship with an empty custom.css
*/

body {
	--lpc-font-family: sans-serif;

	--lpc-border-radius: .25rem;

	/* Terracota */
	--lpc-primary: #b8704f;
	--lpc-primary-lighter: #cb7148;
	--lpc-primary-darker: #90563c;

	/* Olive */
	--lpc-secondary: #8e854a;
	--lpc-secondary-lighter: #a3984e;
	--lpc-secondary-darker: #696235;

	/* Corail */
	--lpc-tertiary: #d68264;
	--lpc-tertiary-lighter: #e8815c;
	--lpc-tertiary-darker: #ae674e;

	/* Sommbre */
	--lpc-dark: #4e2b1b;
}


/* -----
   LINKS
   ----- */

a { color: var(--lpc-primary); }
a:focus, 
a:hover { color: var(--lpc-primary-lighter); }

.btn,
.btn-primary,
.btn-tertiary  { background: var(--lpc-tertiary); }
.btn-secondary { background: var(--lpc-secondary); }
.btn:hover,
.btn-primary:hover,
.btn-tertiary:hover  { background: var(--lpc-tertiary-lighter); }
.btn-secondary:hover { background: var(--lpc-secondary-lighter); }

.dropdown-item.active, 
.dropdown-item:active { background-color: var(--lpc-primary-lighter); }

.list-group-item.active,
.card-primary { border-color: var(--lpc-tertiary); background-color: var(--lpc-tertiary); }
.card-outline-primary { border-color: var(--lpc-tertiary); }

.badge-primary,
.bg-primary { background-color: var(--lpc-primary); }
a.bg-primary:focus, 
a.bg-primary:hover { background-color: var(--lpc-primary-lighter); }

.text-primary { color: var(--lpc-primary) !important; }
a.text-primary:focus, 
a.text-primary:hover { color: var(--lpc-primary-darker) !important; }
  
  
/* -----
    NAV
   ----- */

body.is-not-index #header {
    background-image: url(/img/cms/bg-terre.jpg);
    background-position: top;
    background-repeat: repeat;
    -webkit-background-size: auto;
    background-size: auto;
}
body.is-not-index #header.fixed-top.hide-bar:before { background: var(--lpc-dark); }

#header .header-nav a { color: #fff; font-weight: 500; }
#header .header-nav a:hover { color: var(--lpc-tertiary-lighter); }
#header.fixed-top.hide-bar .header-top { background: var(--lpc-primary); }
.breadcrumb li:last-child span { color: var(--lpc-primary-lighter); }

.btn-to-top,
.nav-pills .nav-link.active,
.nav-pills .nav-item.show .nav-link { background: var(--lpc-tertiary); }

.nav.nav-tabs .nav-item .nav-link:hover { color: var(--lpc-tertiary); }
.nav.nav-tabs .nav-item .nav-link:after { border-top: 3px solid var(--lpc-tertiary); }

.nav.nav-tabs_alternative .nav-item .nav-link.active, 
.nav.nav-tabs_alternative .nav-item .nav-link:hover {
	color: #ffffff;
	background: var(--lpc-tertiary);
	border-color: var(--lpc-tertiary); 
}
.btn-to-top:active { background: var(--lpc-tertiary-darker); }
.btn-to-top:hover,
.dropdown-menu > a:hover, 
.dropdown-menu li > a:hover { background: var(--lpc-tertiary-lighter); }


/* ---------
   HOME HERO
   --------- */

	.header-slide .display-1 { line-height: .95; }
	.header-slide .display-2 { font-size: 2.5rem; line-height: 1.25; }


/* -----
   FORMS
   ----- */

.form-control { font-weight: 400 !important; }
.form-control:focus { color: var(--lpc-primary-darker); background-color: #fff; border-color: var(--lpc-primary); }

.custom-control-input:focus ~ .custom-control-indicator {
    -webkit-box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px var(--lpc-tertiary-lighter);
            box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px var(--lpc-tertiary-lighter); 
}
.custom-file-label::after,
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator { background-color: var(--lpc-tertiary); }
.custom-select:focus { border-color: var(--lpc-tertiary); }


/* -------
   CONTENT
   ------- */

#testimonials-navs > div:hover,
.testimonials-item .testimonials-author,
.promo-home .video-promo__stop:hover,
.promo-home .video-promo__play em { color: var(--lpc-tertiary); }

.hide-map { background: var(--lpc-tertiary); }
.hide-map:hover { background: var(--lpc-tertiary-darker); }

.promo-home .video-promo__play em:hover {
	color: #ffffff;
	border-color: var(--lpc-tertiary);
	-webkit-box-shadow: inset 0 0 0 2em var(--lpc-tertiary);
			box-shadow: inset 0 0 0 2em var(--lpc-tertiary);
	text-shadow: 0px 0px 20px var(--lpc-tertiary-darker); 
}


/* ------
   SEARCH
   ------ */
#products .page-not-found #_desktop_search_bar .search-btn,
#pagenotfound .page-not-found #_desktop_search_bar .search-btn { background: var(--lpc-tertiary); }
.search-btn:before { font-weight: 600; }

@media (min-width: 992px) {
	#header .search-block .input-text:focus { border-color: var(--lpc-tertiary); color: var(--lpc-tertiary); }
	#header .search-close:hover { background: var(--lpc-tertiary); }
	#header .search-block .input-text:focus + .search-btn,
	#header .search-btn-toggle:hover,
	#header .search-btn-toggle.search-active { color: var(--lpc-tertiary); }
}


/* ------
    CART
   ------ */

@media (min-width: 992px) {
	.cart-header .cart-products-count { background: var(--lpc-tertiary); } 
}
@media (max-width: 991.98px) {
	.cart-header > .inner-wrapper i { background-color: var(--lpc-tertiary); }
	.cart-header > .inner-wrapper i:hover { background-color: var(--lpc-tertiary-lighter); }
}
@media (max-width: 575.98px) {
	.custom-item .custom-title,
	.cart-wishlist-item > .product-price { color: var(--lpc-tertiary); }
}


/* ----------
   MON COMPTE
   ---------- */
	.page-my-account #content .links > a { color: #333; }
	.page-my-account #content .links .link-item:hover {
		background: var(--lpc-primary);
		border-color: var(--lpc-primary);
		color: #ffffff;
	}
	.page-footer .account-link {
		background: transparent;
		color: #333;
		border: 1px solid;
		border-color: #333;
		font-weight: 500;
	}
	.page-footer .account-link:hover {
		background: #333;
		color: #fff;
	}