/* footer-cookie-notice.css */
/* Styles for the footer cookie notice widget */

/* Footer cookie notice */
.footer__notice.modal {
	display: none;  /*Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 100148; /* Sit on top */
	left: 0;
	top: 0;			
}
.footer__notice.modal::backdrop {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.6);
}
.footer__notice .modal-content{
	background-color: rgba(0, 0, 0, 0.7);
	color: #fefefe;
	position: fixed;
	left: 50%;
	margin: 0 auto;
	bottom: -6rem;
	transform: translate(-50%, -50%);
	font-size: .9375rem;						
	padding: 5px 20px;
	width: 80%; /* Could be more or less, depending on screen size */
	border: 1px solid rgba(0, 0, 0, 0.4);
	border-radius: 6px;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.footer__notice .modal-body tr{
	background-color: rgba(0, 0, 0, 0);
	color: #fefefe;
	border: none;
}
.footer__notice .modal-body td{
	padding:0;
	font-size: .9375rem;						
	vertical-align:top;
}
.footer__notice .close {
	color: #fefefe;
	float: right;
	font-size: 1.5rem;
	font-weight: 600;
	padding: 0 0.5em;
}
.footer__notice .modal-content .btn{
	min-width:75px;
	padding:.15em .25em;
	margin-left:2rem;
	margin-top:.5rem;
	font-size: 0.95rem;
}
.footer__notice .modal-body{
	padding: 0.25rem 0;
}
.footer__notice .modal-body p{
	margin-top: 0;
}
.footer__notice .privacy_policy {
	font-size:1.1rem;
	color: #fefefe;
	border-bottom: 1px solid transparent;
	font-weight: 800;
	transition-property: background-color,color;
}

/* Footer cookie notice responsive */
@media (min-width: 768px) {
	.footer__notice .modal-content { bottom: -1rem; }
}