@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin-ext');

#cookie-bar-prompt *,
#cookie-bar * {
	font-family: 'Open Sans', sans-serif!important;
}
#cookie-bar * {
	font-weight: 400!important;
	font-size: 14px!important;
}

#cookie-bar {
	padding: 10px 20px!important;
	background: rgba(0,0,0,.85)!important;
	box-sizing: border-box;
	display: -webkit-box!important;
    display: -moz-box!important;
    display: -ms-flexbox!important;
    display: -webkit-flex!important;
    display: flex!important;
    flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
}
#cookie-bar p {
	margin: 0 10px 0 0!important;
	order: 1;
}
#cookie-bar-prompt-content span,
#cookie-bar-prompt-content a,
#cookie-bar p a {
	color: #00b0eb!important;
}
#cookie-bar-prompt-content a,
#cookie-bar p a {
	text-decoration: underline;
}
#cookie-bar-prompt-content a:hover,
#cookie-bar p a:hover {
	text-decoration: none;
}
#cookie-bar-button {
	order: 2;
	margin: 0!important;
}
#cookie-bar-button-no {
	order: 3;
	margin: 0!important;
}
#cookie-bar-button {
	height: 40px;
	border-radius: .25rem!important;
	line-height: 40px!important;
	padding: 0 15px!important;
	text-shadow: none!important;
	border: none!important;
	background-color: #00b0eb!important;
	color: #fff!important;
	transition: .1s;
	text-transform: uppercase;
	margin: 0!important;
	text-align: center;
}
#cookie-bar-button:hover {
	text-decoration: none!important;
	background-color: #fff!important;
	color: #00b0eb!important;
}

#cookie-bar-prompt-content {
	box-shadow: none!important;
}


@media only screen and (max-width: 1100px) {

	#cookie-bar {
		padding: 10px 20px 20px 20px!important;
		text-align: center;
		justify-content: center;
	}
	#cookie-bar p {
		margin: 0 0 10px 0!important;
		width: 100%;
	}

}
