/* DATAPLOTIK */
#datapol_info {
	position: fixed; 
	z-index: 4;  right: 30px;
	top: 60px; /* PLACER UNDER NAV */
	padding: 10px; 
	background-color: white;
	border: 2px solid #777777;
	border-radius: 6px;
	box-shadow: -6px 8px 8px rgba(0, 0, 0, 0.3);
	text-align: center;
}
/* INFO */
#datapol_info h1 {
	float: left; 
	margin-top: 6px; /* CENTER */
	margin-right: 20px; /* AFSTAND ACTIONS */
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
#satapol_actions_wrap {
	float: right;
}
/* ACTIONS - SE MESSAGES AND ERRORS I custom.js FOR HIDE */
a.datapol_redirect,
button.close_datapol {  
	display: inline-block;
	height: 34px; 
	width: 90px;
	background-color: #F3F4DC; /* LYS CREME SOM MENU */; 
	border: 1px solid grey;
	border-radius: 6px;
	text-align: center;

	font-size: 1.5rem;
	font-weight: bold;
	line-height: 34px;
}
a.datapol_redirect {
	float: right;
	background-color: #E4EBD3;
}
button.close_datapol {
	float: left;	
	margin-right: 20px;
	background-color: #EBEBEB; /* GRÅ */
}
@media only screen and (max-width : 720px) {
/* INFO */
#datapol_info {
	top: 80px;
	right: 10px;
}
#datapol_info h1 {
	float: none; margin-right: 0; /* RESET */
	margin-bottom: 10px; /* AFSTAND ACTIONS */
}
#satapol_actions_wrap {
	float: none;
}
a.datapol_redirect,
button.close_datapol {
	height: 44px; line-height: 44px;
	font-size: 1.6rem;
}
}
/* ----------------- END OF DATAPOLITIK  */


/* FORSIDEN - STYLING TIL PARALLAX ------ */
#wrap_parallax {
	position: relative;
	z-index: 3; /* PALCER OVEN PÅ page_height */
	width: 100%;
	background-color: #FBFBF1; /* GULLIG */
}	
.outer_wrap.outer_forside {	
	margin-top: 0; /* RESET DEFAULT outer_wrap - ALIGN MED TOP AF wrap_parallax  */
}

/* HEADER "KUNSTNEREN" */
.wrap_h1_forside {
	height: 80px; /* FAST STØRRELSE  BRUGES I udstillingen.js */
}

/* TEXT I MAIN */
h1.page_header_forside {
	/* SE FONTS.CSS */
}
.text_wrap_p_index {
	display: inline-block;
	padding: 10px 10px 20px 10px; 
	width: calc(60% - 30px);
	margin-left: 30px; /* AFSTAND TIL IMG */
	background: rgba(255, 255, 255, 0.4);
	border-radius: 10px;
}

/* IMAGE I MAIN - SE JQQ FOR MOBILE */
figure.figure_forside_main {
	float: left;
	width: 40%; max-width: 170px;
	margin-right: 30px;  
	border-radius: 10px;
}
img.img_forside_main {
	width: 100%; /* BREDDEN AFHÆNGER AF TEXT BREDDE - SE JQQ FOR MOBILE */
}

/* INFO FORSIDE LIST */
aside.wrap_info_forside {
	width: 100%; 
	max-width: calc(640px + 40px); /* 2 X 320PX + MARGIN */
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 40px;
}
ul.info_forside {
	width: 100%; max-width: 320px; 
	padding: 14px;
	margin-bottom: 10px;
	background-color: white;
	border: 1px dotted #313131;
	border-radius: 10px;

	font-size: 2.0rem;
	color: #313131;
	font-weight: bold;
}
ul.info_forside.left_info_forside {
	float: left;
	margin-right: 20px;
}
ul.info_forside.right_info_forside {
	float: right;
	margin-left: 20px;
}
/* LIST */
ul.info_forside li {
	font-size: 2.0rem;
	color: #313131;
	line-height: 1.4;

	list-style-type: circle; margin-left: 30px;
	margin-bottom: 12px;
}

/* COLORS */
strong.colored {
	color: black;
	font-weight: normal;
}
strong.blue {
	color: #436A77;
}
strong.red {
	color: #9A2617;
}
strong.green {
	color: #829356;
}
strong.purple {
	color: #99839B;
}
strong.brown {
	color: #755021;
}
strong.yellow {
	color: #BCA136; 
}
/* IPHONE 6 */
@media only screen and (max-width : 720px) {
ul.info_forside {
	max-width: 100%;
}
ul.info_forside li {
	font-size: 1.8rem;
}
}
/* --------> END OF DEFAULT FORSIDE */


/* UDSTILLINGEN */

figure#figure_pageload {
	position: absolute;
	z-index: 3;
	left: 50%; transform: translateX(-50%);
	width: calc(100% - 40px); /* 40px PGA AFSTAND TIL VIEWPORT - SE wrap_udstillingen */
	height: calc(100% - 100px);
	background-color: #EDEECC; /* GULLIG */
}
img#img_pageload {
	width: 100%; height: 100%;	object-fit: contain;
}

.wrap_udstillingen {
	position: relative;
	z-index: 1; /* PLACER UNDER page_height - UNDER wrap_parallax */
	margin: 20px 20px 0 20px; /* AFSTAND TIL VIEWPORT - SE forsiden.js FOR h1 "KUNSTNEREN" */
	background: #EDEECC; /* CREME */
	overflow: hidden;
	margin-left: -10000px; /* RESET I forsiden.js */
}
/* IMG SLIDER */
.link_presentation_udstillingen {
	float: left; /* NØDVENDIG FOR FADES I FUNCTION run_artist_slider */
	/* HØJDE + BREDDE - SE udstillingen.js */
}
/* NAVN */
.artist_name_udstillingen {
	position: absolute;
	z-index: 2; /* OVEN PÅ wrap_udstillingen */
	left: 50%; transform: translateX(-50%);
	bottom: 170px; /* PLACER OVER THUMBS */
	padding: 8px 16px;
	background: rgba(188, 161, 54, 0.4); /* GUL */
	background: white; 
	border-radius: 10px;

	color: #313131;
/*	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;	*/
	font-size: 28px;  
	font-size: 2.8rem;  
	font-weight: bold;
	letter-spacing: 2px;
}
/* FIGURE */
figure.figure_udstillingen {
	width: calc(100% - 40px); /* 40px PGA AFSTAND TIL VIEWPORT - SE wrap_udstillingen */
	height: 100%;
}
/* IMG */
img.img_udstillingen { 
	width: 100%; height: 100%; object-fit: cover;
}
/* YIL LOGO */
img.img_udstillingen.slider_logo { ¨
	width: 100%; height: 100%;	object-fit: contain;
}

/* BUTTTONS ACTION SLIDE */
.wrap_slider_actions {	
	visibility: hidden; /* RESET I forsiden.js */
	position: absolute;
	z-index: 3; /* OVEN PÅ wrap_thumbnail_ul */
	left: 50%; transform: translateX(-50%); /* CENTER */
	bottom: 90px; /* PLACER OVER THUMBS */
	max-height: 56px;
	min-width: 240px;
	background: rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}
button.slide_action {
	float: left;
	height: 56px; width: 56px;
	margin-right: 32px;
	background: rgba(255, 255, 255, 0.7);
	background-size: 56px;
	background-repeat: no-repeat;
	border-radius: 100%;
	
	cursor: pointer;
}
button.slide_action:last-child {
	margin-right: 0;
}
button.prev_slide {
	background-image: url(/images/udstillingen/icons/icon_backward.png);
}
button.pause_slide {
	background-image: url(/images/udstillingen/icons/icon_pause.png);
}
button.next_slide {
	background-image: url(/images/udstillingen/icons/icon_forward.png);
}
button.start_slide {
	display: none;
	background-image: url(/images/udstillingen/icons/icon_start.png);
}


/* THUMBNAILS */
.wrap_thumbnail_ul { 
	position: absolute;
	z-index: 2; /* OVEN PÅ wrap_udstillingen */
	left: 10px; right: 10px;
	bottom: 20px; /* AFSTAND TIL TEXTEN Kunstneren */
	height: 140px; 
	overflow: hidden; /* VIS KUN AKTIVE RÆKKE */
}
ul.thumbnail_ul { 
	text-align: center; /* TIL CENTER AF ul.thumbnail_ul */
	height: 100%;
	padding-top: 16px; /*  GIV PLADS TIL TOPPEN AF AKTIVE LI - SE udstillingen.js */
}

ul.thumbnail_ul li { 
	opacity: 0.6;
	position: relative; /* NØDVENDIG FOR AKTIV THUMB */
	display: inline-block; /* CENTER */
	margin-right: 10px;
	border-radius: 6px;
}
ul.thumbnail_ul li img { 
	display: block; 
	float: left;
    width: 120px;
    height: 120px;
    object-fit: cover;
	border-radius: 6px;
}
/* MOBILE */
@media only screen and (max-width : 680px) {
.artist_name_udstillingen { 
	bottom: 150px; /* 170px - PLACER OVER THUMBS */

	font-size: 24px;  
	font-size: 2.4rem;  
}
.wrap_thumbnail_ul { 
	height: 120px; 
}
ul.thumbnail_ul li img { 
    width: 100px;
    height: 100px;
}
}
/* -------> END OF UDSTILLINGEN */