/*
Theme Name: Izinov
Template: intact
Theme URI: http://keydesign-themes.com/intact/
Author: Key-Design
Author URI: http://themeforest.net/user/Key-Design
Description: Intact - Premium Multi-Purpose WordPress Theme
Version: 1.0
Text Domain: izinov
Description: Intact is a creative and colorful, highly engaging, dynamic and professional onepage WordPress theme.
Author: Key-Design
Author URI: http://www.keydesign-themes.com
Tags: one-column, custom-menu

/* Below you can write your style */

body {
	position: relative;
}

#wpadminbar {
	position: fixed;
	top: 0;
	min-height: 32px;
	height: auto;
}

/*
** Solution NavBar
*/

#solutions, #wrapper, nav.navbar, footer, .solutions-container {
	-webkit-transition: all 0.4s ease-in-out !important;
	-moz-transition: all 0.4s ease-in-out !important;
	-o-transition: all 0.4s ease-in-out !important;
	-ms-transition: all 0.4s ease-in-out !important;
	transition: all 0.4s ease-in-out !important;
}

#solutions, #lang_country, nav {
    font-family: 'Quicksand', sans-serif;
}

#wrapper {
	top: 40px;
}

#solutions {
	position: fixed;
	top: 0;
	height: 40px;
	line-height: 40px;
	width: 100%;
	overflow: hidden;
	z-index:99990;
}

#solutions p {
	margin-bottom: 0;
	color: inherit;
	height: inherit;
	line-height: inherit;
}

body nav.navbar {top: 40px;}

body.admin-bar #solutions {top:32px;}
body.admin-bar nav {top: 72px;}
body.admin-bar .wrapper {top: 156px;}

@media (max-width: 1370px) {

	body.admin-bar #solutions {top: 64px;}
	body.admin-bar nav {top: 104px;}
	body.admin-bar .wrapper {top: 156px;}
}

@media (max-width: 768px) {

	body.admin-bar #solutions {top: 46px;}
	body.admin-bar nav {top: 86px;}
	body.admin-bar .wrapper {top: 152px;}
}

#solutions-bar {
	height: 40px;
	line-height: 40px;
	background-color: #1f1f1f;
	color: #FFF;
	padding-left: 0;
	padding-right: 0;
}

#solutions-bar p{
	margin-bottom: 0px;
	cursor: pointer;
}


#menu-solutions {
	display: flex;
	height: 180px;
	background-color: #FFF;
}

.green {
	color: #90DF1A !important;
	font-weight: 900;
}

/*
**	Solutions in navbar
*/

#topBar p {
	cursor: pointer;
}

.solutions-container {
	color: #FFF;
	text-align: center;
    	font-family: 'Quicksand', sans-serif;
	display: inline-block;
	position: relative;
	cursor: pointer;
	left: 0;
	right: 0;
	margin: auto;
	height: auto;
	text-align: center;
}

@media (max-width: 768px) {
	#menu-solutions {
		display: inline-block;
	}
	#menu-solutions, .solutions-container {
		height: auto;
		margin-top: 8px;
		margin-bottom: 8px;
	}
}

.solutions-container:hover {
	/*box-shadow: 2px 2px 2px black;*/
	transform: scale(1.2);
}

.solutions-container a {
	position: relative;
	display: flex;
	margin-right: 5px;
	margin-left: 5px;
	margin: auto;
	background-color: #323232;
	height: inherit;
	text-decoration: none;
	color: inherit;
	width: 180px;
	height: 120px;
}

@media (max-width: 720px) {
	.solutions-container a {
		width: 150px;
		height: 100px;
	}
}

.solutions-container a div {
	margin: auto;
}

ul#menu-solutions {
	text-align: center;
}

.solutions-container a:hover,
.solutions-container a:active,
.solutions-container a:focus {
	font-style: none;
	text-decoration: none;
}

.solutions-container span {
	position: absolute;
	height: 5px;
	width: 80%;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0px;
}

/*
**	LANGUAGE & COUNTRY POP-IN
**/

#popin {
	display: flex;
	position: fixed;
	top:	0;
	background-color: rgba(0,0,0,0.7);
}

#popin div:first-child {
	text-align: center;
	margin: auto;
	background-color: #FFF;
	position: relative;
	width: auto;
	height: auto;
	padding: 20px;
}

#closePopin {
	float: right;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: 600;
}

#lang_country select {
    	appearance:none;
    	-moz-appearance:none; /* Firefox */
    	-webkit-appearance:none; /* Safari and Chrome */
	height: 80px;
	line-height: 80px;
	width: 100%;
	border: 1px solid black;
	text-align: center;
	font-size: 1.5em;
}

#lang_country label {
	left: 5px;
}

#lang_country option {
	text-align: center;
}

#lang_country select:after {
	content: "v";
	position: absolute;
	right: 0;
	line-height: 80px;
}

#lang_country div,
#lang_country a {
	margin-top: 10px;
}

.keydesign-cart:before {
	content: " ";
	height: 20px;
	width: 2px;
	background-color: #FFF;
}

.user-account {
	width: 30px;
	height: 100px;
	background-image: url('./images/user.png');
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position: center;
	margin: auto;
}

.product.has-default-attributes.has-children > .images {
	opacity: 1 !important;
}

.orange-button {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	height: 50px;
	line-height: 50px;
	background-color: #8451cd;
	color: white;
	border-radius: 10px;
}

.orange-button:hover {
	background-color: white;
	color: #8451cd;
	border-radius: 10px;
	border: 1px solid #8451cd;
}

@media (max-width: 969px) {
	.navbar-nav {
		margin-top: 0px;
		margin-bottom: 0px;
	}
}

@media (max-width: 960px) {
	.row .pricing-table {
		min-height : 500px !important;
	}
}

/*Changement faits par Julien pour corriger des problèmes de responsive*/
	/*Correction page de support message de validation d'envoi du message*/
	@media (max-width: 960px) {
		.page-id-4560 .section .wpcf7-mail-sent-ok, .page-id-4560 .section .wpcf7-not-valid-tip {
			line-height: 15px;
			margin-left: -180px;
			top : 500px;
		}
	}

	/*Correction page de contact message de validation d'envoi du message*/
	@media (max-width: 960px) {
		.page-id-4166 .section .wpcf7-mail-sent-ok, .page-id-4166 .section .wpcf7-not-valid-tip {
			line-height: 15px;
			margin-left: -180px;
			top : 570px;
		}
	}

	/*Erreur de mot de passe*/
	@media (max-width: 960px) {
		.woocommerce-account .woocommerce-LostPassword {
			margin-top: -85px !important;
		}
	}

	/*Enleve la nom "Action" sur page de commande*/
	@media (max-width: 960px) {
		.woocommerce table.shop_table th:last-child {
	    display: none;
		}
	}
