/* GDPR Cookie dialog */

.gdprcookie {
    position: absolute;/*fixed;*/
    color: white;
    /*font-size: .8em;*/
    line-height: 1.5em;
    right: 0%;
    bottom: 0%;
    /*max-width: 25em;*/
	width:100vw;
    padding: 3rem;
    background: #5ba0c8 /*#181818*/;
	border-radius:/*10px*/ 0;
	z-index:10000000000;
	padding-left: 10%;
	padding-right: 10%;
	border:1px solid white;
}
.gdprcookie h1,
.gdprcookie h2 {
    color: /*#ee4b5a*/ #fff;
    font-size: 1.2em;
    margin-bottom: .5rem;
	margin-top: 20px;
	margin-bottom: 20px;
}
.gdprcookie h1 { text-transform:uppercase; font-size:2em; }
.gdprcookie h2 {
    font-size: 1.2em;
	margin: 10px 0 10px 0 !important;
	background-color: transparent;
	text-align: left;
	padding: 0;
}

.gdprcookie a {
    color: inherit;
    border-bottom: 1px dotted white;
}
.gdprcookie a:hover, .gdprcookie a:focus, .gdprcookie a:active  { color: inherit !important; background: transparent !important;; }

.gdprcookie a.nocookie {
    /*border-bottom: 1px dotted white;*/
    display: inline-block;
    padding: 0 10px 0 10px;
    background: none;
    /*border: 1px solid white !important;*/
    border-bottom: 1px solid white !important;
    margin-left: 0 !important;
}

.gdprcookie label { color: white; display:inline-block; margin-left:8px; margin-bottom: 0;}
.gdprcookie input[disabled] ~ label { color: #ee4b5a;  }

.modal-backdrop-cookie { background: rgba(0,0,0,0.7); display:none;height: 100vh;width: 100vw;position: absolute;top: 0;left: 0;z-index: 10002;background: rgba(0,0,0,0.7); }
.modal-backdrop-cookie.show { display:block; }

/* GDPR Cookie buttons */

.gdprcookie-buttons {
    text-align: left;
}
.gdprcookie-buttons button {
    color: white;
    font-family: inherit;
    font-size: 1em;
    padding: .4rem;
    border: solid .05rem currentColor;
    border-radius: .15rem;
    margin: 0 0;
    background: none;
    cursor: pointer;
}
.gdprcookie-buttons button:disabled {
    color: rgba(255,255,255,.5);background:transparent !important;
}
.gdprcookie-buttons .btn { border-radius: /*40px*/ 0 !important; height: 42px; padding-left: 25px; padding-right: 25px;}
.gdprcookie-buttons .btn.margin-left-10 { margin-left:10px; }
.gdprcookie-buttons .btn.btn-default { margin-left:10px !important; /*color: #999 !important; border-color:#999 !important; */ border: 0 !important; }
.gdprcookie-buttons .btn.btn-success { border-color:#8bc53f !important; background: #8bc53f !important;}

/* GDPR Cookie types */

.gdprcookie-types { margin-top:2rem; margin-bottom:2rem; }
.gdprcookie-types ul {
    overflow: hidden;
    padding: 0;
    margin: 0 0 1rem;
}
.gdprcookie-types li {
    display: block;
    list-style: none;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
	margin-top: 10px;
	font-family: 'pixyfoto-bold', "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.gdprcookie-types input[type=checkbox] {
    margin-right: .25rem;
}
.gdprcookie-types li span {
    display: block;
	/*text-indent: 24px;*/
	margin-left: 24px;
	font-family: 'pixyfoto-light', "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* Tablet */
@media screen and (min-width: 768px) and (max-width: 1650px) {
	.gdprcookie {
		font-size: .8em;
		line-height: 1.5em;
		right: 5%;
		bottom: 5%;
		/*max-width: 25em;*/
		width:90%;
		border-radius:10px;
		padding-left: 10%;
		padding-right: 10%;
	}

}

/* Phone */
@media screen and (max-width: 575px) {
	.gdprcookie {
        overflow-y: scroll;
        max-height: 100vh;
        width: 100%;
    }
    .gdprcookie h1, .gdprcookie h2 { font-size:2.5rem; }
    .gdprcookie p { font-size:1.8rem; }
    .gdprcookie-types li span {
       font-size: 1.8rem;
       line-height: 1.6;
    }
}