/***************************
*
#	file name:		cookie.css
#	Function:		decoration for cookie popup
#	Designed by:	nentrium graphics
#
#	Description:	decoration for cookie popup
#
*/

/* ##########          ########## */
/* Privacy css settings */

.privacy-cookie .privacy {
	margin:20px;
	padding:20px;
	width:unset;
}

.privacy-cookie p, .privacy-cookie table{
	color:#111;
}


/* ##########          ########## */
/* Cookie css settings */

.privacy-cookie .cookie {
	margin:20px;
	padding:20px;
	width:unset;
}

.privacy-cookie .cookies p{
	text-align:center
}

.privacy-cookie .cookie .table-1{
	margin:0 auto;
	width:90%;
	border-collapse: collapse;
}
 
.privacy-cookie .cookie table th, 
.privacy-cookie .cookie table td{
	border: 1px solid #dddddd;/*  */
	padding: 8px;
	margin:0 auto;
	text-align: left;
	vertical-align: top;
}

.privacy-cookie .cookie-consent-popup {
	display: flex;

	align-content: space-around;
	align-items: center;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	justify-items: center;

	background-color: #cccccc;
	border: 2px black solid;
	height: 200px;
	margin: 0 auto;
	opacity: 1;/*  */
	padding: 0;
	position: fixed;
	text-align: center;
	transition: top 2s ease;
	/*	start / end position of transition, ensure far enough off screen to not show! */
	top: 1500px;
	width: inherit;
	z-index: 3;
}

.privacy-cookie .cookie-box {
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-34%, -50%);
}

.privacy-cookie .cookie-consent-popup p{
	text-align: center;
}

.hidden {
	/*	start / end position of transition, ensure far enough off screen to not show! */
	top: 1500px;
}

.show {
	display:block;
	transition-delay: 2s;
	/* display position after transition */
	top:250px;
}

.privacy-cookie .cookies p{
	text-align:center
}

.privacy-cookie .cookie .min-table div
{
	display:none;
	border: 2px solid gray;
	margin-top: 15px;
	padding:5px;
}


/*  ##############################################################  */
/*  ##############################################################  */

/* Sony XPERIA 1280 x 800 */
@media screen and (max-width: 1280px)
and (orientation:landscape)
{
}

/* Sony XPERIA 800 x 1280 */
@media screen and (max-width: 800px)
and (orientation:portrait)
{
}

/*  ########## ##########  */

/***** iPad Landscape *****/
@media only screen
and (max-width : 1024px)
and (orientation:landscape)
and (-webkit-min-device-pixel-ratio: 1)
{
}

/***** iPad portrait *****/
@media only screen
and (min-width : 768px)
and (orientation:portrait)
and (-webkit-min-device-pixel-ratio: 1)
{
	.privacy-cookie .cookie-consent-popup {
		width: inherit;
	}
}

/*  ########## ##########  */

/* iPhone 6, 7, & 8 Plus in landscape */
@media only screen
and (max-width : 736px)
and (orientation : landscape)
{
}

/* iPhone 6, 7, & 8 Plus in portrait */
@media only screen
and (max-width : 414px)
and (orientation : portrait)
{
	.privacy-cookie .cookie .table-1
	{
		display:none;
	}

	.privacy-cookie .cookie .min-table div
	{
		display:block;
	}
}

/*  ########## ##########  */

/* iPhone 6, 7, & 8 in landscape */
@media only screen
and (max-width : 667px)
and (orientation : landscape)
{	
	.show {
		transition-delay: 2s;
		top:100px;
	}
	
	.privacy-cookie .cookie-consent-popup {
		width: 95%;
	}

/*	.privacy-cookie .cookie-box{
		position: absolute;
		top: 50%;
		left: 10%;
		transform: translate(0%, -50%);
	}*/

	.show {
		top: 120px;
	}
}

/* iPhone 6, 7, & 8 in portrait */
@media only screen
and (max-width : 375px)
and (orientation : portrait)
{
	.privacy-cookie .cookie-consent-popup {
		padding: 0;
		width: inherit;
	}
}

/*  ########## ##########  */

/* iPhone 5s in landscape */
@media only screen
and (max-width : 568px)
and (orientation:landscape)
/* and (-webkit-device-pixel-ratio : 2) */
{
	.privacy-cookie .cookie-consent-popup {
		width: 530px;
		margin: 0 auto;
		width: 95%;
	}

/*	.privacy-cookie .cookie-box{
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0%, -50%);
	}*/

	.show {
		top: 120px;
	}
}

/* iPhone 5s in portrait */
@media screen and
(max-width: 320px)
and (orientation:portrait)
/* and (-webkit-device-pixel-ratio : 2) */
{
	header .head-flex-box .box1 {
		width: auto;
	}

	.privacy-cookie .cookie-consent-popup {
		width: 100%;
	}
	
	.content {
		padding-bottom: 0;
	}
	
	.content {
		width: inherit;
		padding: 0;
	}
}