/* RESIZE IMG CONFIRM OVERLAY - 
KAN IKKE BRUGE error_overlay FORDI DER IKKE RESSETE VED EFTER KLIK -SE custom.js SUBMIT $('form.form_img_upload').on */
.confirm_resize_overlay {
	display: block;
	position: fixed; 
	z-index: 300; /* FREMVISERENS BUY ART FORM HAR INDEX 200 - SE wrap_kontakt_en_kunstner I images.css */
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(255, 255, 255, 0.8);
}

/* PROFILE IMG */
.section_profile_image { /* WRAPPER PROFILFOTO - IKKE EDIT-SECTIOM */
	float: right; 
	width: 120px; 
	margin-right: 10px; /* AFSTAND TIL VIEWPORT */
	margin-left: 10px; /* AFSTAND TIL INTRODUCTION */
	margin-bottom: 0; /* RESET FRA 30PX DEFAULT PÅ SECTIONS DA PROFILE IMG ER CHILD AF SECTION DESCRIPTION */
}	
/* WRAP */
#wrap_profile_image {
/* HAR CLASS FRONT */
	float: right; 
	height: 110px;	 /* ALTID FAST HØJDE PGA ICON IMG */
	width: 120px; 	
	background-image: url(/images/icons/icon_profile_img.png); /* DEFAULT IMG - SE custom.js */
	background-size: contain;
	background-position: center; 
	background-repeat: no-repeat;
	
	overflow: hidden; /* SKJUL delete - LIGGER BAGVED BUTTON .show_form */
}
/* TIL NY HØJDE VED REDIGERING - SE "IMAGES UPLOADS" I custom.js */
#wrap_profile_image.front_profile {
}

/* TIL profile_image_links.php */
.gallery_wrap_profile_img { 
	height: 110px;  /* RESET FRA DEFAULT .gallery_wrap_profile_img  PÅ 180PX */
	padding: 2px; /* PRES figure.profile_img LIDT SAMMEN I BREDDE OG HØJDE SÅ DET IKKE OVERLAPPER "REDIGER" BUTTON */
	
}
/* WRAP PROFILE IMAGE */
figure.profile_img {	
	height: 100%; 
	width: 100%; 
	margin-bottom: 6px; overflow: hidden; /* AFSTAND TIL FORM MED DELETE-BUTTON */
	border-radius: 6px; 
}
/* STYLING TIL THUMB */
img.profile {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

/* FORM UPLOAD IMAGE */
.wrap_form_profile_img { 
	width: 100%; 
	height: auto;
}
form.form_profile_image { 
}
 
/* PLACER TEXT "NYT BILLEDE" UNDER IMG */
label.choose_profile_img { 
	display: table-cell;
	width: 120px;
}

/* FORM TIL DELETE PROFILE IMAGE */
form.profile_img_delete {
	position: relative; /* PGA ABSOLUTE I input.submit_delete_art_img */
	height: 30px; 
	border: 0; /* SLETTER LILLE MØRK KANT */
}
/* TIL TEXTEN "SLET" - HAR CLASS button INLINE-STYLING */
form.profile_img_delete > input.submit_delete_profile_img {
    position: absolute; top: 0; left: 0; /* PLACER SUBMIT OVENPÅ LABEL */
	height: 32px; /* SKAL VÆRE HØJERE END LABEL FOR AT VISE LABELS BUND */ 
	width: 100%; 
	cursor: pointer;
	color: transparent; /* SKJUL VALUE / NAVN PÅ ART IMG */
}
/* --------> ESD OF PROFILE IMG  */


/* SECTION MAIN IMAGE */
#wrap_main_image {
/* HAR CLASS FRONT */
	background-image: url(/images/icons/icon_main_img.jpg); /* DEFAULT MAIN IMG - custom.js */ 
	background-size: contain;
	background-position: center; 
	background-repeat: no-repeat;
	
	overflow: hidden; /* SKJUL delete - LIGGER BAGVED BUTTON .show_form */
}
#wrap_main_image.front_main {
	overflow: hidden; 
	min-height: 300px; 
	margin-bottom: 6px; /* AFSTAND TIL BUTTON "rediger" */
	border: 1px solid grey;	border-radius: 6px; /* SOM DEFAUILT front */
}

/* TIL main_image_links.php */
.gallery_wrap_main_img { 
	height: 300px; min-height: 300px; 
	width: 100%;   
}
/* WRAP MAIN IMAGE - SE mian_image_links.php */
figure.main_img {	
	max-height: inherit; height: inherit; 
	height: 100%;  
	width: 100%; 
	margin-bottom: 6px; /* AFSTAND TIL FORM MED DELETE-BUTTON */
}

/* STYLING TIL THUMB */
img.main {
	display: block;
	margin: 0 auto;
	max-width: 100%; max-height: 100%; 
	border-radius: 6px;
}

/* FORM UPLOAD IMAGE */
.wrap_form_main_img { 
	width: 100%; 
	height: auto;
}
/* FORM */
form.form_main_image { 
/*	JQQQ display: table; VED KLIK PÅ button.show_form */
}
/* TIL NAVNGIVNING */
input.img_nyt_navn.main_nyt_navn {
	margin-bottom: 6px; /* AFSTAND TIL BUTTON upload + cancel */
}
/* TIL TEXTEN "SLET" */
form.main_img_delete > label.delete_main_img {
/* HAR CLASS BUTTON */
}
/* SUBMIT */
input.submit_img.main_submit { 
}

/* FORM TIL DELETE MAIN IMAGE */
form.main_img_delete {
	position: relative; /* PGA ABSOLUTE I input.submit_delete_art_img */
	height: 30px; 
	border: 0; /* SLETTER LILLE MØRK KANT */
}
/* TIL TEXTEN "SLET" */
form.main_img_delete > label {
}
form.main_img_delete > input.submit_delete_main_img {
    position: absolute; /* PLACER SUBMIT OVENPÅ LABEL */
	bottom: 0;
	left: 0;
	width: 100%; 
	cursor: pointer;

	color: transparent; /* SKJUL VALUE / NAVN */
}
/* ------------> END OF MAIN IMG */


/* SECTION ART IMAGES */
section#section_art_images {
/*	SE section I styles.css */
}

/* FRONT THUMBS - HORIZ CENTER #wrap_art_images VHA INLINE-BLOCK */
.center_wrap_art_images,
.center_wrap_art_images_2 { 
	text-align: center; /* TIL CENTER AF wrap_art_images */
	background-image: url(/images/icons/icon_art_img.jpg); /* DEFAULT BG IMG  - SE custom.js FOR AT FJERNE*/
	background-size: contain;
	background-position: center; 
	background-repeat: no-repeat;
	border-radius: 10px; 
}
/* WRAP ALLE THUMBS */
#wrap_art_images,
#wrap_art_images_2 { 
	display: inline-block; /* HORIZ CENTER + MAX WIDTH AFHÆNGIGT AF ANTAL CHILDREN CLASS wrap_art_img*/
	height: 180px;  /*   */
	margin-bottom: 6px; /* AFSTAND TIL BUTTON "rediger" */
	width: auto; /* SE JQQQ BREAKPOINTS I image_art_fullscreen.js */
	overflow: hidden; /* VIS KUN 1 RÆKKE THUMBS + SKJUL delete - LIGGER BAGVED BUTTON .SHOW_FORM */
}

/* BUTTON VIS ALLE */
button.show_all_art_uploads,
button.show_all_art_uploads_2 {
	display: none;
	margin-top: 6px; /* AFSTAND TIL BUTTON REGIGER */
	background-color: #6F8732; /* GRØN */
	color: #FEFDEA; /* DEFAULT GULLIG */
}
button.show_all_art_uploads:hover,
button.show_all_art_uploads_2:hover {
	color: #313131; /* DEFAULT MØRK */
}

/* THUMBS - WRAP ART IMG + DEL BUTTON */
.gallery_wrap_art_img { 
	float: right; /* 	SKAL VÆRE RIGHT - ELLERS BREAKER FREM / TILBAGE BUTTONS image_art_fullscren */
	width: 140px; 
	margin: 0 5px; /* AFSTAND MELLEM THUMBS */
}
/* MOBILE SECTION BUY ART */
@media only screen and (max-width : 680px) {
.gallery_wrap_art_img {  
	padding-bottom: 40px; /* AFSTAND MELLEM THUMBS */
}
}
	
figure.art_img {	
	position: relative; /* PGA position: absolute I img.art */
	height: 100%; width: 100%; 
	height: 180px; /* SAMME SOM HØJDE AF WRAPPER #wrap_art_images */
	margin-bottom: 6px; overflow: hidden; /* AFSTAND TIL FORM MED DELETE-BUTTON */
	border-radius: 6px; 
	border: 1px solid grey;
}
/* ART IMG - KLIKBART */
img.art {
	display: block;
    position: absolute; /* NØDVENDIGT AT TRÆKKE IMG UD AF FIGURE SÅ IMG BLIVER KLIKBART */	
	width: 100%; height: 100%; object-fit: cover;  /* COVER */
	/* POINTER - SE img_art_fullscreen*/
}

/* SKJUL INFO ELEMENTER I art_image_links - ELLERS VISES DE OVER DELETE BUTTON PÅ EDIT PAGE */
span.name,
span.name_2,
span.material,
span.material_2,
span.size,
span.size_2,
span.price,
span.price_2,
span.sold,
span.sold_2 {
	display: none;
}

/* UPLOAD ART IMG FORM */
.wrap_form_art_images {
	width: 100%; 
	height: auto; /* MOBILE !!!!!!!!!!!!!!!!!  */
}
/* INPUTS "NAVNGIV	+ MATERIALE + STØRRELSE + PRIS"	*/
input.art_buy_info {
	display: block; /* NØDVENDIG TIL VERT PLACERING AF INPUTS */
	width: 160px; 
}

/* SOLGT CHECKBOX*/	
.art_info_sold {
	float: left;
	width: 100%;
}
.art_info_sold h4{
	line-height: 1.8; /* CENTER */
}

/* EDIT FORMS */
button#show_art_edit_1,
button#show_art_edit_2 {
	margin-bottom: 8px;
}
/* MOBILE SECTION BUY ART - SE // IMAGES UPLOADS I custom.js  */
@media only screen and (max-width : 680px) {
button.show_art_edit_1,
button.show_art_edit_2 {
	margin-bottom: 16px;
}
}

/* FORMS */
form.form_art_edit,
form.form_art_edit_2 {
	display: none;
}
/* ORIG NAVN - SE custom.js */
label.input_orig_navn,
label.input_orig_navn_2  {
    float:left;
	width: 80px;
	padding: 4px 8px;
	color: #436A77; /* BLÅ GRÅ SOM placeholders */
    font-size: 18px;
    font-size: 1.8rem;
}
/* ------ END OF EDIT FORMS */


/* DELETE FORMS */
form.form_art_img_delete,
form.form_art_img_delete_2 {
	position: relative; /* PGA ABSOLUTE I input.submit_delete_art_img */
	height: 30px; 
	width: 100%;  
	border: 0; /* SLETTER LILLE MØRK KANT */
}
/* TIL TEXTEN "SLET" */
form.form_art_img_delete > label {
	height: 30px; /* SKAL VÆRE HØJERE END LABEL FOR AT VISE LABELS BUND */ 
}
/* SUBMIT BUTTON - TRANSPARENT OVENPÅ LABEL MED TEXTEN "SLET" */
input.submit_delete_art_img,
input.submit_delete_art_img_2 {
    position: absolute; top: 0; left: 0; /* PLACER SUBMIT OVENPÅ LABEL */
	height: 32px; /* SKAL VÆRE HØJERE END LABEL FOR AT VISE LABELS BUND */ 
	width: 100%; 
	color: transparent; /* SKJUL VALUE / NAVN PÅ ART IMG */
}
/* ------ END OF DELETE FORMS */


/* ART IMG FULLSCREEN */
.calculate_fullscreen {
	display: none;
	position: absolute;
	z-index: 119; /* PLACER OVENPÅ SLIDER */
	top: 0;
	left: 0; 
	width: 100%; height: 100%;
/* JQQ */
}
/* INDSÆT IMG I FULLSCREEN */
.fullscreen_background {
	display: none;
	position: absolute;
	z-index: 120; /* PLACER OVENPÅ SLIDER */
	top: 0;
	left: 0; 
	width: 100%; height: 100%;
	background-image: url(/images/art_gallery/img_fullscreen_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-color: transparent;
/* JQQ */
}
/* SKIFT IFHT VALG AF BG */
.fullscreen_bg_color {
	display: none;
	position: absolute;
	z-index: 119; /* PLACER UNDER fullscreen_background */
	top: 0;
	left: 0; 
	width: 100%; height: 100%;
	background-color: white;
/* JQQ */
}

/* FREM / TILBAGE BUTTONS - SE art_image_links + image_art_fullscreen */
button.wrap_icon_forward,
button.wrap_icon_backward {
	display: none; /* IS I FULLSCREEN */
    position: absolute;
	z-index: 131; /* PLACER OVENPÅ fullscreen_background OG kunst_eksempel */
	top: calc(50% - 62px); 
	height: 56px; 
	width: 56px;			
	background: rgba(255, 255, 255, 0.2);
	background-size: 56px;
	background-repeat: no-repeat;
	border: 2px solid #F3F4DC; /* GULLIG */
	border-radius: 100%;
	
	cursor: pointer;
}
button.wrap_icon_forward {
	right: 6px; 
	background-image: url(/images/art_gallery/icons/icon_forward.png);
	background-position: center;
}
button.wrap_icon_backward {	
	left: 6px;
	background-image: url(/images/art_gallery/icons/icon_backward.png);
	background-position: center;
}
/* CANCEL BUTTON */
button.wrap_close_fullscreen {
	display: none;
	position: absolute;
	z-index: 122; /* PLACER OVEN fullscreen_background */
	top: 14px;
		top: 40px;
	right: 6px;
		right: 6px;
	height: 56px; 
	width: 56px;			
	background: rgba(255, 255, 255, 0.2);
	background-image: url(/images/art_gallery/icons/icon_close_gallery.png);
	background-size: 56px;
	background-position: center;
	background-repeat: no-repeat;	
	border: 2px solid #F3F4DC; /* GULLIG */
	border-radius: 100%;
	
	cursor: pointer;
}
/* ------------- END OF BUTTONS */


/* APPENDED ART INFO - SE 	art_image_fullscreen */
.wrap_art_name_in_gallery {
	position: absolute;
	z-index: 200;
	top: 10px;
	width: 100%; /* NØDVENDIG FOR CENTER AF CHILD */ 
}
/* NAVN */
.art_name_in_gallery {
	display: inline-block;
	position: relative;
	padding: 2px 16px;
	margin: 0 auto;
	background: white; 
	border-radius: 10px;
	
	color: #313131;	
	font-size: 26px;
	font-size: 2.6rem;
}

/* APPENDED INFO BOXES */
.wrap_art_info {
	position: absolute;
	z-index: 200;
	right: 20px;
	bottom: 20px;
	min-height: 44px; /* EXPAND I MOBILE */
}

/* BOXES */
.art_material,
.art_size,
.art_price  {
	display: none;
	float: left;
	height: 44px;
	width: auto;
    padding: 10px 10px;
	margin-right: 12px;
	background: white;
	border:1px dotted grey;
	border-radius: 12px;

	color: #313131; /*  GRÅ */
	font-size: 18px;
	font-size: 1.8rem;
    font-weight: bold;
}
/* MIN BREDDE PGA A4 STR ETC */
.art_size {
	min-width: 120px;
}
/* KØB BUTTON */
button.button_buy_art {
	display: none;
	float: left;
    width: auto; /* RESET DEFAULT BUTTON */
	height: 44px;
    padding: 0 10px;
	margin-right: 12px;
    background: #8DB81E;
    border: 1px solid grey;
    border-radius: 6px;
    text-align: center;
	
	color: white; 
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: 0.2rem;
    font-weight: bold;
}
/* "KØB" - DEFAULT Ø SER ELENDIGT UD !!  */
span.oe_height {
	font-size: 18px;
	font-size: 1.5rem;
}

/* BUTTONS APPENDED */
button.copy_art_image,
button.zoom_out,
button.zoom_art_image {
	float: left;
    width: auto; /* RESET DEFAULT BUTTON */
	height: 44px;
    padding: 0 10px;
    border: 1px solid grey;
    border-radius: 6px;
    text-align: center;
	
	color: white; 
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: 0.2rem;
    font-weight: bold;
}
/* COPY BUTTON */
button.copy_art_image {
    background-color: #a4560a; /* ORANGE */	
}
/* STOP ZOOM */
button.zoom_out {
	display: none; /* VIS VED KLIK PÅ "ZOOM" */
    background-color: #6F8732; /* GRØN */
}
/* ZOOM BUTTON */
button.zoom_art_image {
	margin-left: 12px;
    background-color: #BCA136; /* GUL */
}
/* ICON ACTIVE ZOOM PÅ ART IMG EFTER KLIK PÅ ZOOM  */
button.activate_draggable {
	position: fixed; 
	z-index: 99990;
    top: 50%; left: 50%; transform: translate(-50%, -50%); 
	padding: 10px; 
	background-color: #FBFBF1; /* OFF WHITE */
	border: 2px solid #777777;
	border-radius: 6px;
	box-shadow: -6px 8px 8px rgba(0, 0, 0, 0.3);
	text-align: center;

    color: #a4560a; /* ORANGE */
    font-size: 26px;
    font-size: 2.6rem;
}
.class_draggable {
    border: 10px solid green;
}

/* MOBILE - AFSTAND MELLEM 2 RÆKKER */
.art_material,
.art_size,
.art_price,
button.button_buy_art,
button.copy_art_image,
button.zoom_out,
button.zoom_art_image {
    margin-top: 12px;
}
/* -------> END OF ART INFO  */


/* BUY ART ELEMENTER - JQ APPENDED FRA form_art_images_buy.php */
.wrap_kontakt_en_kunstner {
	display: block;
	position: absolute;
	z-index: 201; /* PLACER OVENPÅ fullscreen_background + BUTTONS Z-INDEX 113 */
	top: 0;
	left: 0; 
	width: 100%; height: 100%;
	background-image: url(/images/art_gallery/img_fullscreen_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-color: transparent;
}
/* GENNEMSIGTIG BG */
.bg_cover_buy_art {
	position: fixed;
	z-index: 200;
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
	text-align: center;
}
.margin_mobile {
	position: relative;
	z-index: 201;
	top: 50px; /* NØDVENDIG !!!  */
	width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; 
}
/* WRAP BUY ART ELEMENTER */
section.buy_art {
	position: relative;
	z-index: 201;
	top: 50%; left: 50%;
	transform: translateY(-50%);
	transform: translateX(-50%);
	max-width: 700px; 
}

button.close_buy_art {
	position: fixed;
	z-index: 202;
	top: -10px;
	right: -6px;
	height: 56px; 
	width: 56px;			
	background: rgba(255, 255, 255, 0.2);
	background-image: url(/images/art_gallery/icons/icon_close_gallery.png);
	background-size: 56px;
	background-position: center;
	background-repeat: no-repeat;	
	border: 2px solid #F3F4DC; /* GULLIG */
	border-radius: 100%;
	
	cursor: pointer;
}
/* INTRO TEXT OM KØB */
.wrap_instructions_buy_art {
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
	background: white;
	border: 1px dotted grey;
	border-radius: 6px;
	
	text-align: left;
}
.wrap_instructions_buy_art p.text_instructions_buy_art {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 6px;
}
/* VERT CENTER WRAP */
.wrap_vert_align {
  	display: table; /* TIL VERT ALIGN */
	border: 1px dotted grey;
	border-radius: 6px;
}
/* ART INFO */
.wrap_info_buy_art {
  	display: table-cell; vertical-align: top; /* SIDESTIL */
	padding: 10px;
	margin-bottom: 10px;
	background-color: #F2F6EF; /* OFF WHITE */
	border-right: 1px solid #313131;
	border-radius: 12px;
	text-align: left;
}
.wrap_info_buy_art p.heading_info_buy_art {
	font-size: 15px;
	font-size: 1.3rem;
	margin-bottom: 2px;
}
.wrap_info_buy_art p.info_buy_art {
	font-size: 16px;
	font-size: 1.4rem;
	font-weight: bold;
}
/* FORM */
.wrap_form_buy_art {
  	display: table-cell; vertical-align: middle; /* SIDESTIL + CENTER */
	padding: 10px;
	margin-bottom: 20px;
	background: white;
	border-radius: 6px;
	text-align: left;
}
/* MOBILE SECTION BUY ART */
@media only screen and (max-width : 680px) {
form.art_img_edit,
form.art_img_edit_2 {
	margin-bottom: 16px; /* 8px - AFSTAND TIL DELETE */
}
	
.wrap_info_buy_art,
.wrap_form_buy_art {
  	display: block;
	float: left;
	width: 100%;
	border: 1px dotted grey;
}
}
	
/* -----> END OF FORM ART BUY */


/* BG-IMAGE FULD STØRRELSE */
#show_background_image { 
	/* display.none PÅ EDIT PAGES - SE HTML */
	position: fixed; 
	z-index: -1;
/*		z-index: 1;*/
	top: 0;
	width: 100%; 
	height: 100%;
}

/* SECTION BG IMAGES */
section#section_bg_image {

}
/* FRONT - WRAP LILLE PREVIEW */
#wrap_bg_image { 
/* HAR CLASS FRONT */
	height: 180px;  /* HAR IKKE CLASS front PGA DEN FATSE BREDDE I front - KUN BREDDEN   */
	margin-bottom: 6px; /* AFSTAND TIL BUTTON "rediger" */
	background-image: url(/images/icons/icon_bg_img.jpg); /* DEFAULT BG IMG - SE custom.js */
	background-size: contain;
	background-position: center; 
	background-repeat: no-repeat;

	overflow: hidden; /* VIS KUN 1 RÆKKE THUMBS */
}

/* TIL bg_image_links.php */
.gallery_wrap_bg_img { 
	height: 180px;  /* FAST HØJDE NØDVENDIG FOR AT VISE DELETE-BUTTON VED KLIK PÅ "REDIGER"*/
}
/* WRAP ENKELTE ART IMAGE - SE art_image_links.php */
figure.bg_img {	
	position: relative; /* WRAP absolute I IMG */
	height: 100%; 
	width: 100%; 
	margin-bottom: 6px; /* AFSTAND TIL FORM MED DELETE-BUTTON */

	overflow: hidden; /* SKJUL BREDE THUMBS */
}
/* THUMBS */
img.thumbs {
	display: block;	
	position: absolute; top: O; left: 50%; transform: translateX(-50%); /* ER THUMB BREDERE END figure.bg_img  SÅ TRÆD UD OVER SIDERNE */	
	width: auto;
	height: 100%;
/* SE JQQQ FOR TRANSFORM FRA THUMB TIL OBJECT-FIT COVER PÅ STORE BG - IMAGE  */
}
/* IMG BG FULLSCREEN MED COVER */
img.background_fullscreen {
	display: block;
	height: 100%; width: 100%; object-fit: cover; /* COVER */
}

/* UPLOAD IMAGE */
#wrap_form_bg_image {
	width: 100%; 
	height: auto;
}

/* DELETE FORM */
form.bg_img_delete {
	position: relative; /* PGA ABSOLUTE I input.submit_delete_bg_img */
	width: 130px;  /* SOM THUMBS */
	height: 30px; 
	margin: 0 auto; /* CENTER UNDER THUMB */
	border: 0; /* SLETTER LILLE MØRK KANT */
/* HAR CLASS BUTTON */
}
/* TIL TEXTEN "SLET" */
form.bg_img_delete > label.delete_bg_img  {
}
/* DELETE BUTTON - TRANSPARENT OVENPÅ LABEL MED TEXTEN "SLET" */
form.bg_img_delete > input.submit_delete_bg_img {
    position: absolute; left: 0; top: 0; /* PLACER SUBMIT OVENPÅ LABEL */
	height: 32px; /* SKAL VÆRE HØJERE END LABEL FOR AT VISE LABELS BUND */ 
	width: 100%; 

	color: transparent; /* SKJUL VALUE / NAVN PÅ ART IMG */
}

/* -------> END OF */


/* ARCHIVE IMAGES */
button.show_archive_images {
	/* SE edit_button */
	margin-top: 12px; /* AFSTAND TIL label "NYT BILLEDE" */
}
/* OVERLAY */
.archive_overlay {
	position: fixed; 
	z-index: 100;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: #F9F8EE; /*EDIT BG  */
}
/* WRAP CONTENT */
aside.wrap_present_archive_images {
	position: relative; 
	z-index: 101;
	padding: 24px 20px 80px 20px; /* VIEWPORT TIL TEXT */
}
/* BUTTON CLOSE */
button.archive_close {
	position: fixed;
	z-index: 999;
	top: 30px;
	right: 30px;
	width: 42px; height: 42px;
	background-image: url(/images/icons/icon_show_info_red.png);
	transform: rotate(45deg); 
	background-size: contain;
	background-color: transparent;
	border-radius: 100%;
}
.archive_intro {
	margin-bottom: 10px;
}
p.p_archive_category {
	font-weight: bold;
}

/* LIST */
ul.list_present_archive_images li {
	list-style-type: none;
	margin-bottom: 30px;
}

/* FRA ...image_link.php */
.wrap_archive_image {
	width: calc(100% - 20px);
	margin: 0 10px;
}
figure.figure_archive {
	float: left;
	margin-right: 40px;
}
img.img_archive {
	width: 120px; height: 120px;
	object-fit: cover;
	border-radius: 12px;
	transition: all .2s ease-in-out; /* HOVER ANIMATE */
	cursor: pointer;
}
img.img_archive:hover {
	border: 2px solid grey;
	transform: scale(1.1); 
}
.descrition_archive {
	padding-top: 12px;
}
h1.h1_archive {
	font-size: 18px;
	font-size: 2.6rem;
}
p.p_archive {
	font-size: 16px;
	font-size: 1.6rem;
}
/* FORM */
form.form_archive_bg_image {
	display: block;
}