/* SECTION COPY URL */
article.copy_url_itm { 
	display: block;
	width: 100%;
	margin-bottom: 6px;
	background: transparent; border: 0; border-radius: 0; box-shadow: 0 0 0 0; /* RESET */
	
	text-align: left;
}
span.url_content { 
	display: inline-block; /* GIV PLADS TIL BUTTON */
	font-size: 15px; 
	font-size: 1.5rem;
	line-height: 32px; /* HEIGHT OF PARENT */
}
button.copy_url { 
	float: right;	
	max-width: 120px;
}
/* --------------- END OF COPY URL  */


/* SECTION ADVERT */
.wrap_advert {
	position: relative;
	height: auto;
	min-width: 100%;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid grey; 
	border-radius: 12px;
	overflow: hidden;
}
a.link_advert {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
/* TEXT */
.info_advert {
	float: left;
	width: 316px;
	min-height: 180px; /* SOM FRONT */
	padding: 10px 10px;
	overflow: hidden;
}
h1.h1_advert {
	text-align: center;
	font-size: 26px; 
	font-size: 2.6rem;
}
p.p_advert {
	font-size: 18px; 
	font-size: 1.8rem;
}

/* WRAP IFRAME */
.wrap_iframe {
	position: relative;
	float: right;
	width: calc(100% - 320px);
	height: 100%;
	margin: 4px 4px 4px 0; 
	border-radius: 12px;
	overflow: hidden;
}
/* IFRAME */
iframe.iframe_advert {
  	height: 100% !important; /* IFRAMEN SÆTTER PER DEFAULT HEIGHT TIL 0 */
	width: calc(100% + 17px); /* SKJUL SCROLLBAR PÅ IFRAME */
	background-image: url(/images/icons/icon_advert_link_begivenhed.png);
    background-position: center;
	background-repeat: no-repeat; /* FIREFOX IFRAME - FJERN BORDER */
	border: 0;
}
/* MOBILE */
@media only screen and (max-width : 680px) {
.info_advert {
	float: left;
	width: 100%;
	min-height: auto; /* 180px */
	padding: 6px;
}
.wrap_iframe {
	float: left;
	width: 100%;
	height: 180px; /* BEHOLD SAMME HØJDE */
	margin: 0; /* RESET */
}
}

/* WRAP ALL FORMS PÅ EDITS-PAGE */
.wrap_all_forms_advert {
	margin-bottom : 30px;
}
/* AFSTAND MELLEM ADVERT FORMS I EDIT-MODE - SE SHOW / HIDE I custom.js */
.wrap_form_advert {
	display: none;
	margin-bottom : 10px;
}
/* --------- END OF ADVERT */


/* NAV CONTACT ARTIST - KUN ARTIST PAGE */
nav#contact_artist {
	height: 0; /* SKJUL CONTACT ITEMS WRAPPER PER DEFAULT - SE custom.js ARTIST PAGE ONLY*/
	text-align: center; /* CENTER wrap_contact_items */
}
/* OVERSKRIFT "KONTAKT KUNSTNER" */
h1.header_contact_artist { 
	display: none; 
	margin-bottom: 20px;
	font-size: 20px; 
	font-size: 0;
}

/* WRAP ENKELTE ITEM - KUN EDIT PAGE */
.wrap_contact_item {
	display: inline-block;
	margin-bottom: 10px; /* AFTAND BTN "REDIGER PÅ EDIT-PAGE + AFSTAND MOBILE MELLEM ITEMS PÅ ARTIST PAGE */
	height: 44px;
}
/* ITEM */
.contact_item { 
	float: left;
	min-width: 146px; 
	height: 100%; 
	padding-top: 0; /* VERT ALIGN INDHOLD */
	padding-left: 4px; /* AFSTAND TIL ICON MEDIA */
	margin-right: 10px; /* AFTSAND TIL NÆSTE ITEM ARTIST PAGE */
	background: #FFFFFF; /* LYS CREME SOM LI I NAV */
	border: 1px solid grey; 
	border-radius: 6px;
/*	box-shadow: 0 4px 2px -2px #B9B67E;*/ /* ORANGE - BRUN */
	box-shadow: 0; 
	text-align: left; /* RESET nav#contact_artist */	
}
/* FJERN FRA SIDSTE ITEM PÅ ARTIST-PAGE */
.contact_item:last-of-type { 
	margin-right: 0;
}
/* TIL custom.js - HIDE IF EMPTY ARTIST PAGE  */
.telephone_item,
.message_item { 
}
/* STOP OVERFLOW I TLF */
.telephone_item { 
	overflow: hidden;
}

/* ICON MEDIA */
i.demo-icon { 
	float: left; /* SIDESTIL */
	margin-right: 6px; /* AFSTAND TIL TEXT */
	margin-top: 6px; /* VERT ALIGN */
}
/* TEXT TIL ICON MEDIA - P VALIDERER IKKE I BUTTOB MESSAGE SEND DERFOR SPAN */
p.p_contact_item,
span.p_contact_item { 
	font-size: 15px; 
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 44px; /* HEIGHT OF PARENT */
}

/* BUTTON MESSAGE SEND */
span.p_contact_item { 
	display: block; 
}

/* WRAP ITEM LINKS PÅ EDIT PAGES */
.wrap_url { 
	max-height: 44px;
	padding-left: 20px; /* AFSTAND TIL contact_item */
	overflow: hidden; /* VIS IKKE LANE URLS */
}
/* LINK TEXT SOM .p_contact_item  */
p.p_url_contact_item { 
	font-size: 15px; 
	font-size: 1.5rem;
	line-height: 44px; /* HEIGHT OF PARENT */
}
/* -----------  END OF CONMTACT ITEMS */


/* SE FORM STYLING I forms_and_buttons.css */

/* FORM MESSAGE SEND CONTACT ITEM  */
.wrap_form_message_send {
	display: none;
}
/* VIS FORM MESSAGE SEND */
button.show_form_message_send { 
	height: inherit;
	width: 100%;
	background: transparent;
	text-align: left;
	line-height: 0.2;
	font-size: 15px; 
	font-size: 1.5rem;
}
/* SOM BUTTONS */
@media only screen and (max-width : 660px) {
button.show_form_message_send {
	height: 44px;
	line-height: 44px;
	font-size: 15px;
	font-size: 1.5rem;
} 
}


/* ARISTPAGE - MESSAGES */
section#message_show { 
}
main.main_message_show { 
}
/* WRAP BESKEDER + ART BUY */
.wrap_message_show,
.wrap_art_buy_show { 
	float: left;
	width: 100%;
	margin-bottom: 30px;
	background: #EEEEEE;
	background-color: #f4f3d6; /* LYS GUL - GRÅ */
	border: 2px solid #9abb82; /* LYSERE GRØN */
	border-radius: 6px;
}
.wrap_art_buy_show { 
	border: 2px solid #9F7DA2; /* LYSERE LILLA */
}

/* SIDSTE P */
p.last_p { 
	padding-bottom: 10px; /* AFSTAND TIL NÆSTE */
}

/* DATO */
p.date_beskeder,
p.date_art_buy { 
	width: 100%;
	padding: 10px;
	background: #829356; /* MØRK GRØN */
	color: white;
	font-weight: bold;
}
p.date_art_buy { 
	background: #765579; /* LILLA */
}

/* AFSENDER */
p.sender_beskeder { 
	margin-left: 10px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}

/* MAIL + TLF */
p.contact_beskeder { 
	margin-left: 10px;	
	margin-bottom: 0px;
	font-size: 16px;
	font-size: 1.6rem;
}

/* INFO TEXT ART */
p.info_art_buy { 
	margin-left: 10px;
	margin-bottom: 0px;
	font-size: 16px;
	font-size: 1.6rem;
}
span.span_beskeder { 
    display: inline-block;
	min-width: 80px; /* VERT ALIGN CONTACT INFO */
	color: grey;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal; /* RESET NORMAL */
}

/* BESKED */
.wrap_message_beskeder,
.wrap_message_art_buy { 
	width: auto;
	padding: 10px;
	margin: 10px;
	background: white;
	border: 2px solid #9abb82; /* LYSERE GRØN */
	border-radius: 6px;
}
.wrap_message_art_buy { 
	border: 2px solid #9F7DA2; /* LYSERE LILLA */
}
p.message_beskeder { 
	font-size: 16px;
	font-size: 1.6rem;
}

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


/* COMMENTS - OPRETTELSE FRA BESØGENDE  */
aside.wrap_comments {	
	margin-top: 20px;  /* AFSTAND TIL NAV CONTACT ITEMS */ 
	border-radius: 10px;
	overflow: hidden;
}
/* OVERSKRIFT */
h1.header_comments {	
	font-size: 20px; 
	font-size: 2.0rem; 
	
	margin-bottom: 10px;
}

/* FORM */
.wrap_form_comment {
	float: rigth;	
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
	background: rgba(255, 255, 213, 0.2);
	border: 1px solid grey;
	border-radius: 10px;
}
.wrap_form_reply {
/*		border: 2px solid blue;*/
}
form.form_comment {
	width: 100%;
	margin-bottom: 20px;
}
form.form_reply {
	margin-bottom: 20px;
}
label.label_form_comment {
	display: block;	
	margin-bottom: 6px;
	font-size: 16px;
	font-size: 1.6rem;
}
input.input_name,
textarea.textarea_comment {
	width: 100%;
	min-height: 30px;
	margin-bottom: 20px;
	border-bottom: 1px solid #AAAAAA; /* TIL LYS / MØRK PAGE COLOR */
	border-radius: 4px;

	font-size: 17px;
	font-size: 1.5rem;
}
/* SUBMIT */
input.submit_comment {
	float: right;
	height: 32px;
	width: 100px;
	margin-right: 6px;
	background: #EDEECC; /* CREME */
	border-radius: 6px;
	
	font-size: 17px;
	font-size: 1.7rem;
	font-size: 14px;
	font-size: 1.4rem;
	color: #313131;
	text-align: center;
	
	cursor: pointer;

}
/* ---- END OF FORM */


/* POSTS AND REPLIES */
#display_comment {
}
.loop_posts {
	padding-top: 20px;
}
.wrap_comment {
	float: left; /* CONTAIN COMMENT BUTTONS */
	width: 100%; 
	min-height: 60px;
	padding: 40px;
	padding: 10px;
	margin-bottom: 10px;
	background-color: white;
	border: 1px dotted #313131;
	border-radius: 6px;
}
/* EKSTRA AFSTAND NÅR TOP LEVEL POSTS */
.wrap_comment.post {
	margin-top: 30px;
}
/* WRAP PPOFILE INMG + NAVN +  */
.wrap_sender_info {
	min-height: 44px;
	margin-bottom: 6px;
	border: 1px dotted grey;
}
/* PROFILE IMAGE - SE "fetch_comments.php" */
.profile_img_in_comments {
	overflow: hidden;
	float: left; /* PLADS TIL NAVN */
	width: 44px; height: 44px;
	display: flex; align-items: center; justify-content: center; /* CENTER profile_image_link.php */
}
/* AFSENDER */
.header_comment {
	float: right;
	width: calc(100% - 70px - 6px);
	min-height: 44px;
	text-align: left;
}
/* TEXT */
.header_comment > p {
	margin-bottom: 0; /* FJERN margin-bottom -- BUG FRA PHP / MYSQUL !!! */

	line-height: 44px; /* CENTER VERT */	
	font-size: 19px;
	font-size: 1.9rem;
}
		
/* TEXT COMMENT */
.content_comment {
	padding-left: 76px; padding-right: 12px;
	margin-bottom: 20px;
}
.content_comment > p {
	font-size: 16px;
	font-size: 1.6rem;	
}

/* COMMENTS BUTTONS */
.footer_comment {
}
button.button_reply_comment,
button.button_delete_comment {
	float: right;
	height: 28px;
	width: 100px;
	background: #EDEECC; /* CREME */
	border-radius: 6px;
	
	font-size: 14px;
	font-size: 1.4rem;
	color: #313131;
	text-align: center;
	
	cursor: pointer;	
}
button.button_delete_comment {
	margin-right: 12px;
	color: #9A2617;	/* RED */
}
/* MOBILE */
@media only screen and (max-width : 510px) {
button.button_reply_comment,
button.button_delete_comment {
	height: 44px; 	
	font-size: 1.6rem;
}
}

/* LAST LEVEL REPLIES - SE globals.js + ARTISTPAGE */
.duplicate_reply {
	display: none;
}
/* SKJUL BUTTON "SVAR" PÅ LAST LEVEL REPLIES - SE fetch_cooment.php */
.hide_reply_button {
	visibility: hidden;
}

/* BUTTON SHOW DUPLICATE LAST LEVEL REPLIES */
button.show_hide_replies {
	display: none;
	float: right;
	width: 290px; 
	height: 44px;
	padding: 10px;
	margin-bottom: 10px;
	background-color: white;
	border: 1px dotted #313131;
	border-radius: 6px;

	font-size: 14px;
	font-size: 1.4rem;
}
/* MOBILE */
@media only screen and (max-width : 510px) {
button.show_hide_replies  {
	font-size: 1.6rem;
}
}

/* ------- END OF CONTACT ITEMS */