@charset "UTF-8";

#minisite .centering {
	max-width: 2048px;
}

#minisite #page-contents .centering {
	margin-left: auto;
	margin-right: auto;
}

#minisite #page-contents .centering article {
	min-height: 35em;
	justify-content: center;
}

#minisite {
	font-family: lato !important;
	padding: 0;
	margin: auto;
}

#minisite input[type="checkbox"],
#minisite input[type="radio"] {
	margin: -.15em .5em .15em .5em;
}

#header,
#footer,
main,
#fixedHeader {
	flex-flow: row;
}

#header .centering {
	background-color: #fff;
	box-shadow: none;
	padding: 0;
}

#header #firstRow h1 {
	display: none;
}

.logo img,
.logo span {
	border-radius: 0;
}

#minisite #header {
	min-height: 139px;
	position: relative;
	width: 100%;
}

#banner-container {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #b40001;
    max-width: 2048px;
    height: 40px;
    padding: 0;
    margin: auto;
}

#banner-container span {
	color: #fff;
	text-align: center;
}

#kapnegoces span {
	text-align: center;
}

#kapnegoces {
	margin: auto;
}

.catalogue-kapnegoce, .catalogue-kapnegoce a {
	font-family: lato;
	font-size: 14px;
	color: #343434;
	text-decoration: none;
	border-bottom: 1px solid #343434;
	padding: 0 40px 18px 40px;
}

#main-menu-right #secondary-phone {
	background-color: #b40001;
	padding-top: 9px;
	padding-bottom: 15px;
	border-radius: 0;
	color: #fff;
}

#header #btn-show-menu {
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
	text-align: center;
	color: #fff;
	background: #b40001;
	border: none;
	border-radius: 0;
	padding: 10px;
}

#header #btn-show-menu a {
	text-align: center;
}

#firstRow {
	margin-top: 58px;
}

#logo {
	padding-left: 28px;
}

#minisite #main-menu-left {
	display: none;
}

#fixedHeader .centering {
	background-color: #fff;
	border-radius: 0;
	box-shadow: 0px 2px 6px #ededed
}

#fixedHeader #main-menu-left,
#fixedHeader #main-menu-right {
	background-color: #fff;
	border-radius: 0;
	box-shadow: 0px 2px 6px #ededed;
	width: 300px;
	border: none;
}

#fixedHeader #fixed-main-menu {
	background-color: #fff;
	box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, .3);
}

#fixedHeader #main-menu-left {
	display: none;
}

#footer .centering.flex {
	background: #b40001;
	padding: 30px 0 30px 0;
}

#footer .centering {
	border-radius: 0;
	box-shadow: none;
}

#footer nav a:hover,
#footer .footer-links a:hover {
	border: none;
}

#footer nav a,
#footer .footer-links a {
	border: none;
}

#footer .copyright {
	text-align: center;
	color: #fff;
	opacity: 0.6;
	margin: auto;
}

#footer nav {
	font-family: lato;
	font-size: 14px;
	font-weight: 200;
	text-transform: uppercase;
}

#footer nav.footer-links-fix {
	text-transform: none;
}

/* ... PANIER ... */
.cart-container h1 {
	text-align: center;
	font-size: 30px;
	color: #b40001;
	margin-top: 80px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.centering {
	width: 100%;
}

button.standout-button,
input[type="submit"].standout-button,
input[type="button"].standout-button,
input[type="reset"].standout-button,
a.button.standout-button {
	background: #b40001;
	border-radius: 0;
	border: none;
}

button.standout-button:hover,
input[type="submit"].standout-button:hover,
input[type="button"].standout-button:hover,
input[type="reset"].standout-button:hover,
a.button.standout-button:hover {
	background: #880001;
	border-radius: 0;
	border: none;
}

button, a.button, input[type="submit"],
input[type="button"], input[type="reset"] {
	border-radius: 0;
	background: #fff;
}

table.data tfoot td {
	text-align: right;
	background: #b40001;
	color: #fff;
}

#order-account-choice>* {
	background: #fff;
	border-radius: 0;
}

.decorated h2 {
	color: #b40001;
	background: transparent;
}

button.standout-button,
input[type="submit"].standout-button,
input[type="button"].standout-button,
input[type="reset"].standout-button,
a.button.standout-button {
	background: #b40001;
	border-radius: 0;
	border: none;
	text-align: center;
	width: 100%;
	padding: 5px 1em;
}

#order-account-choice input[type="submit"]:hover,
#order-account-choice input[type="submit"]:focus,
#order-account-choice button:hover,
#order-account-choice button:focus {
	background: #870102;
}

#user-account h4 {
	background: transparent;
	font-weight: 600;
}

.cart-container h1,
.cart-container h2,
.cart-container h3 {
	text-align: center;
	color: #b40001;
	background: transparent;
}

#minisite #header #site-phone {
	display: none;
}

/* Main menu */

#minisite #main-menu {
	margin-left: calc(216px + 1em);
	margin-top: -5em;
	width: auto;
}

#main-menu-left a,
#main-menu-right a {
	border: none;
	background: none;
	color: #343434;
	box-shadow: none;
	padding: 5px 10px;
}

#main-menu-left a:hover,
#main-menu-right a:hover {
	border: none;
	background: none;
	color: #b40001;
	box-shadow: none;
}

/* START conn-cart*/

#minisite #conn-cart {
	padding-right: 2em;
    width: 250px;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
}

#minisite #conn-cart .user-box,
#minisite #conn-cart .cart-box,
#minisite #fixedHeader .user-box,
#minisite #fixedHeader .cart-box {
	background: transparent;
	border: none;
}

#minisite #conn-cart #logoUser,
#minisite #fixedHeader .user-box #logoUser {
	width: 0;
}

#minisite #conn-cart .user-box #account,
#minisite #fixedHeader .user-box a#account {
	transition: all .2s ease-in-out;
	padding: .3em .3em .4em .3em;
	border: 1px solid transparent;
	border-radius: 2px;
	text-overflow: ellipsis;
    max-width: 120px;
}

#minisite #conn-cart .user-box #account:hover,
#minisite #fixedHeader .user-box a#account:hover {
	text-decoration: none;
    transition: all .2s ease-in-out;
	border: 1px solid #b3b3b3;
}

#minisite #conn-cart #accountLogo,
#minisite #fixedHeader #accountLogo {
	display: none;
}

#minisite #conn-cart .cart-box,
#minisite #fixedHeader .cart-box {
	border: 1px solid transparent;
	border-radius: 2px;
	transition: all .2s ease-in-out;
}

#minisite #conn-cart .cart-box:hover,
#minisite #fixedHeader .cart-box:hover {
    transition: all .2s ease-in-out;
	border: 1px solid #b3b3b3;
	box-shadow: 0 0 0 transparent;
}

#minisite #conn-cart .cart-box #cart-logo,
#minisite #fixedHeader .cart-box #cart-logo {
	width: 2.5em;
	height: 3em;
	background-image: url("../img/shopping-cart.svg");
}
#minisite #conn-cart .cart-box .right-col,
#minisite #fixedHeader .cart-box .right-col {
	line-height: .5em;
	padding-left: 1em;
}

#minisite div#userInfoMenu {
	padding: .5em;
	position: absolute;
	min-width: 150px;
	background-color: #fff;
	border: none;
	box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, .3);
	border-radius: 0;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-around;
	align-items: stretch;
}

#minisite #header div#userInfoMenu {
	top: 34px;
	right: 0;
}

#minisite div#userInfoMenu a.connect {
	padding: 0.7em;
	text-decoration: none;
	color: #fff;
	border: 1px solid #b40001;
	border-radius: 0;
	background-color: #b40001;
}
/* END conn-cart*/

#fh-site-phone {
	font-family: lato;
	font-size: 13px;
	background-color: #b40001;
	padding: 12px 10px 13px 10px;
	border-radius: 0;
	color: #fff;
}

#fixedHeader .logo img,
#fixedHeader .logo span {
	border-radius: 0;
}

#minisite #fixedHeader #main-menu-right {
	background-color: #fff;
	border-radius: 0;
	box-shadow: none;
	width: 100%;
	border: none;
}

#minisite form.decorated {
	box-sizing: border-box;
	background: #fff;
	border-radius: 0;
}

#minisite form#cart-display #sub-recalc,
#minisite form#cart-display #sub-valid {
	width: 210px;
}

#minisite form#cart-display .inputs {
	float: right;
	padding-left: 30px;
}

#minisite #address-choice form.address,
#minisite #expressorder-contact,
#minisite #session-user {
	background: #fff;
	border-radius: 0;
}

#minisite #btn-s-m {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background: #b40001;
	border: none;
	border-radius: 0;
	padding: 10px;
	position: relative;
	overflow: visible;
}

#minisite form.simple-layout {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	background: #fff;
	border-radius: 0;
}

#minisite .cookies-banner {
	position: fixed;
	width: 80%;
	max-width: 70em;
	max-height: 90%;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 2em;
	overflow: auto;
	background: white;
	border: solid 1px grey;
	border-radius: 0;
	padding: .7em;
	box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .3);
	font-size: 13px;
}

#minisite .cart-container>h2 {
	padding: .2em;
	background: transparent;
	border-radius: 3px;
	color: #b40001;
}

#minisite form.contained {
	margin: auto;
}

#minisite #user-account-form #main-address {
	margin-top: 3.5em;
}

#minisite #login-page .form-container {
	border: 1px solid #585858;
	padding: 20px;
}

#minisite #express-order-form #main-address h4,
#minisite #user-account-form #main-address h4 {
	top: -1.8em;
	background: white;
}

#minisite #express-order-form #main-address,
#minisite #user-account-form #main-address {
	padding: 1em .7em .7em .2em;
	margin-top: 1.8em;
}

#minisite #express-order-form .standout-button,
#minisite #user-account-form .standout-button {
	width: auto;
}

#minisite #login-form .grid-row input {
	min-width: 18em;
}

/* add 05/02/20 second deployment */

#minisite #page-contents {
	display: flex;
}

#minisite .customer-retraction #retraction {
	padding: .5em 1em;
}

#minisite #page-contents #contactForm #getCopy-container {
	min-width: 240px;
}


/** MEDIA QUERIES **/

@media only screen and (max-device-width : 1440px) , screen and (max-width: 1440px) {
	
	#minisite .description {
		padding: 0 5% 0 5%;
	}
}

@media only screen and (max-device-width : 1160px) , screen and (max-width: 1160px) {
	
	#main-menu-right {
		display: none;
	}
	
	#minisite #header #banner-container {
		position: static;
		background: none;
	}
	
	#minisite #banner-container span {
		color: inherit;
	}
	
	#minisite #btn-show-menu {
		display: block;
	}

	#minisite #main-menu-box {
	    position:  absolute;
	    top:  0;
	    left:  0;
	    width: 100%;
	    margin: 0;
	    padding: 0;
	}
	
	#show-menu:target + #main-menu > #main-menu-left,
	#show-menu.clicked + #main-menu > #main-menu-left {
		display: none;
	}
	
	#minisite #show-menu:target + #main-menu > *,
	#minisite #show-menu.clicked + #main-menu > * {
		display: block;
		position: absolute;
		top: 2.5em;
		left: 50%;
		padding: 10px;
		z-index: 2;
		background: #fff;
		border-radius: 0;
		width: 300px;
		transform: translate(-50%, 0);
		box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, .3);
	}
	
	#minisite #header .kap-link.banner {
		display: block !important;
	}
}

@media only screen and (max-device-width : 960px) , screen and (max-width: 960px) {

}

@media only screen and (max-device-width : 768px) , screen and (max-width: 768px) {
	
	#minisite #header #banner-container {
		display: none;
	}

	#minisite #main-menu {
		position: static;
	}
	
	#minisite .cart-container {
		margin-top: 40px;
	}
	
	#minisite #header .logo img,
	#minisite #header .logo span {
		border-radius: 0;
	}
	
	#minisite form#cart-display .inputs {
		float: none;
	}
	
}

@media only screen and (max-device-width : 625px) , screen and (max-width: 625px) {
	
	.bloc-text-slider {
		width: 70%;
	}
	
	#minisite #fixedHeader .user-box #accountLogo {
		width: 3em;
		height: 100%;
		display: block;
	}

	#minisite form#cart-display #sub-recalc,
	#minisite form#cart-display #sub-valid {
		width: auto;
	}
	
}

@media only screen and (max-device-width : 560px) , screen and (max-width: 560px) {
	
	#minisite #header #conn-cart {
		width: 172px;
		align-items: stretch;
		flex-flow: column;
	}
	
	#minisite #header .logo img,
	#minisite #header .logo span {
		width: 80%;
	}
	
	#minisite div#userInfoMenu {
		top: 3.5em;
		right: 0;
	}
	
}

@media only screen and (max-device-width : 320px) , screen and (max-width: 320px) {
	
	#minisite #show-menu:target + #main-menu > *,
	#minisite #show-menu.clicked + #main-menu > * {
		width: 100%;
	}
	
	#header #logo-banner {
		margin-left: 15%;
	}
	
	#minisite #header #conn-cart {
		box-sizing: border-box;
		width: 100%;
		padding: 0 .5em; 
		flex-direction: row;
		align-items: center;
	}
	
	#minisite .cart-box .right-col {
		margin-left: 5px;
	}
	
	#minisite div#userInfoMenu {
		top: 2em;
		right: auto;
		left: 0;
	}
}