/*
Theme Name: De La Fontaine
Theme URI: https://bravad.ca
Author: Bravad
Author URI: https://bravad.ca
Description: De La Fontaine wordpress theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bravad
*/
.account-pages{
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.account-page a, .account-pages .current-menu-item a{
    align-items: center;
    border: 1px solid #707070;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 300px;
    justify-content: center;
    transition: all 0.3s ease;
    width: 265px;
}
.account-pages .current-menu-item a{
    background: #D22630;
    border: 1px solid #D22630;
}
.account-pages .current-menu-item img{
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(355%) hue-rotate(186deg) brightness(114%) contrast(100%);
}
.account-pages .current-menu-item .account-page-title{
    color: #fff;
}
.account-page a:hover{
    background: #D22630;
    border: 1px solid #D22630;
    text-decoration: none!important;
    
}
.account-page a:hover .account-page-title{
    color: #fff;
    text-decoration: none;
}
.account-page a img{
    transition: all 0.3s ease;
}
.account-page a:hover img{
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(355%) hue-rotate(186deg) brightness(114%) contrast(100%);
    transform: scale(1.2);
}
.account-page-title{
    color: #818387;
    font-size: 20px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease;
}	
#sales-lines{
	display: none;
}

/* Sales-orders */
.orders-block, .orders-lines-block{
	background-color: #fff;
	padding: 40px 0;
}
.sales-orders{
	margin-bottom: 4rem;
	width: 100%;
}
.sales-orders th, .lines th{
	background: #E4E4E6;
	color: #818387;
	font-size: 10px;
}
.sales-orders td, .lines td{
	background: #fff;
	font-size: 14px;
}
.sales-orders th, .sales-orders td, .lines th, .lines td{
	border: 1px solid #707070;
	padding: 10px;
}
.td-btn{
	border: none!important;
}
.td-btn a{
	border: 1px solid #D22530;
	display: inline-block;
	padding: 10px 40px;
	transition: all 0.2s ease;
	white-space: nowrap;
}
.td-btn a:hover, .td-btn a:focus, .td-btn a:active{
	background: #D22530;
	color: #fff;
	text-decoration: none;
}
.lines .details{
	width: 100%;
}

.customer-account:not(:nth-child(2)){
	border-top: 3px solid #707070;
	border-top-style: dotted;
	margin-top:2rem;
	padding-top: 4rem;
}
.customer-account strong{
	color: #D22530;
}
.contact-name{
	margin-bottom: 4rem;
	margin-left: 3rem;
	position: relative;
}
.contact-name:before{
	background: #D22530;
	content: "";
	height: 2px;
	left: -3rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 2rem;
}
.order-number strong{
	color: #D22530;
}

.customer-reference{
	margin-bottom: 4rem;
}
.img-new{
	background: #D22530;
	bottom: 0;
	color: #fff;
	position: absolute;
	text-align: center;
	width: 100%;
}
.update-text{
	float: right;
}

.search-container{
	position: relative;
	width:320px;
}
.search-container input{
	width:100%;
}
.search-container .close-icon{
	cursor:pointer;
	position: absolute;
	right: 7px;
	top: 50%;
	transform: translateY(-50%);
}

/* Notification */
.recently-modified-weekly a::after{
    background: #D22530;
    border-radius: 50%;
    color: #fff;
    content: "!";
    font-size: 10px;
    padding: 2px 8px;
    position: absolute;
    right: -22px;
    top: 3px;
}
@media (max-width: 992px){
	.recently-modified-weekly a::after{
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
	}
}

.weekly-notif{
	position: relative;
}
.weekly-notif::after{
	background: #D22530;
	bottom: 15px;
	color: #fff;
	content: "Updated";
	left: 50%;
	padding: 5px 10px;
	position: absolute;
	transform: translate(-50%, -50%);
}

.maintenance-banner{
	background: #D22530;
	color: #fff;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
}
.maintenance-banner p{
	margin-bottom: 0;
}
.nav-min .maintenance-banner{
	background: none;
}
@media (max-width: 992px){
	.nav-min .maintenance-banner{
		background: #D22530;
		top: 60px;
	}
}
@media screen and (min-width: 992px){
.page-id-272 .site-hero {
    height: 45rem;
}
.page-id-1693 .site-hero {
    height: 45rem;
}
.page-id-2216 .site-hero {
    height: 45rem;
}
.page-id-272 .site-hero .container{
	align-items: center;
	display: flex;
	justify-content: center;
}
.page-id-1693 .site-hero .container{
	align-items: center;
	display: flex;
	justify-content: center;
}
.page-id-2216 .site-hero .container{
	align-items: center;
	display: flex;
	justify-content: center;
}
}

.document .doc-icn{
	object-fit: cover;
}

/* Header carrousel */
.header-carrousel{
	.swiper{
		.swiper-slide{
			background-position:center;
			background-repeat:no-repeat;
			background-size:cover;
			height: auto;
			padding:12rem 0;
			position:relative;
			&:before{
				background:rgba(0,0,0,0.5);
				bottom:0;
				content:"";
				left:0;
				position:absolute;
				right:0;
				top:0;
				z-index:1;
			}
			.content{
				color:#fff;
				isolation:isolate;
				margin:0 auto;
				max-width:1100px;
				position:relative;
				z-index:2;
			}
		}
		.pagination{
			bottom:30px;
			position:relative;
			.swiper-pagination-bullet{
				background:#fff;
				height:12px;
				margin:0 5px;
				opacity:1;
				width:12px;
				&.swiper-pagination-bullet-active{
					background:#D22530;
				}
			}
		}
	}
}

/* Login form */
.form-block{
	.login-remember{
		display:none;
	}
	#loginform{
		display:flex;
		gap:20px;
		justify-content:center;
		@media (max-width: 992px){
			flex-wrap:wrap;
		}
		p.login-username, p.login-password{
			width:100%;
		}
		label{
			display:block;
			font-size: 1.4rem;
  			margin-bottom: 1rem;
		}
		.input[type="text"], .input[type="password"]{
			background-clip: padding-box;
			background-color: #fff;
			border: 0 solid #fff;
			border-radius: 0;
			color: #818387;
			display: block;
			font-size: 1.4rem;
			font-weight: 400;
			height: -webkit-calc(1.5em + 1.9rem);
			height: calc(1.5em + 1.9rem);
			line-height: 1.5;
			padding: .95rem 1.5rem;
			width: 100%;
		}
		input[type="submit"]{
			background-color: #d22630;
			border: 0 solid transparent;
			border-bottom-color: transparent;
			border-color:#d22630;
			border-left-color: transparent;
			border-radius: 0;
			border-right-color: transparent;
			border-top-color: transparent;
			color: #fff;
			cursor: pointer;
			display: inline-block;
			font-size: 1.4rem;
			font-weight: 500;
			line-height: 1.5;
			margin-top: 3rem;
			padding: .95rem 3rem;
			text-align: center;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			vertical-align: middle;
		}
	}
}