/* This file contains all the css for cookie banner */

/******************* FONTS *******************/

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/open-sans-semi-bold.woff) format('woff');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/open-sans-bold.woff) format('woff');
}

/******************* MAIN *******************/

#cookie-banner{
	width: 100%;
	background-color: #F7F7F7;
	position: relative;
	z-index: 999999;
	display: none;
	font-family: 'Open Sans';
	font-weight: 600;
	font-size: 15px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.3);
	-mox-border-bottom: 2px solid rgba(0, 0, 0, 0.3);
}

#cookie-banner-container{
	width: 1000px;
	display: table;
	margin-left: auto;
	margin-right: auto;
}

#cookie-banner-container p{
	color: #404040;
	margin-bottom: 7px;
	margin-top: 7px;
}

#cookie-banner-container .left p{
	float: left;
	margin-top: 15px;
}

#cookie-banner-container .right{
	float: right;
}

#cookie-banner-container .right input[type="submit"]{
	border: 0;
	font-size: 14px;
	margin-right: 12px;
	font-family: 'Open Sans';
	font-weight: 700;
	padding: 6px 10px 6px 10px;
	background-color: #4D90FE;
	color: #fff;
	border: 1px solid #3D81EF;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	display: inline-block;
	-mox-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	float: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-image: none;
}

#cookie-banner-container .right input[type="submit"]:hover{
	background-color: #357AE8;
	cursor:pointer;
}

#cookie-banner-container .right input[type="submit"]:active{
	-mox-box-shadow: none;
	box-shadow: none;
	cursor:pointer;
}

#cookie-banner-container .right p a{
	text-decoration: none;
	color: #404040;
	font-weight: 700;
	display: inline-block;
	font-size: 14px;
}

#cookie-banner-container .right p a:hover{
	text-decoration: underline;
}

#cookie-banner-container .left{
	float: left;
}

/******************* RESPONSIVE *******************/

@media only screen and (max-width: 1346px){
	#cookie-banner, #cookie-banner-container .right input[type="submit"], #cookie-banner-container .right p a{
		font-size: 13px;
	}

	#cookie-banner-container .left p{
		margin-top: 17px;
	}
}

@media only screen and (max-width: 1005px){
	#cookie-banner-container{
		width: 90%;
	}
}

@media only screen and (max-width: 950px){
	#cookie-banner-container .right{
		float: left;
		clear: both;
	}
}