@font-face {
font-family: 'Tex_gyre_adventor';
    src: url('/fonts/Tex_gyre_adventor/texgyreadventor-regular.eot');
    src: url('/fonts/Tex_gyre_adventor/texgyreadventor-regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Tex_gyre_adventor/texgyreadventor-regular.woff') format('woff'),
         url('/fonts/Tex_gyre_adventor/texgyreadventor-regular.ttf') format('truetype'), /* test i Chrome med .ttf */
         url('/fonts/Tex_gyre_adventor/texgyreadventor-regular.svg') format('svg');
		 
    font-weight: normal;
    font-style: normal;
}
/* ICONS FACEBOOK + INSTA ETC - FONTELLO  */    
.icon-emo-happy:before { content: '\e800'; } /* '' */
.icon-child:before { content: '\e801'; } /* '' */
.icon-website:before { content: '\e802'; } /* '' */
.icon-camera:before { content: '\e803'; } /* '' */
.icon-right:before { content: '\e804'; } /* '' */
.icon-floppy:before { content: '\e806'; } /* '' */
.icon-phone-squared:before { content: '\f098'; } /* '' */
.icon-smile:before { content: '\f118'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-mail-squared:before { content: '\f199'; } /* '' */
.icon-facebook-squared:before { content: '\f308'; } /* '' */

@font-face {
	font-family: 'fontello';
	src: url('/fonts/fontello_icons/fontello.eot?40761090');
	src: url('/fonts/fontello_icons/fontello.eot?40761090#iefix') format('embedded-opentype'),
	   url('/fonts/fontello_icons/fontello.woff2?40761090') format('woff2'),
	   url('/fonts/fontello_icons/fontello.woff?40761090') format('woff'),
	   url('/fonts/fontello_icons/fontello.ttf?40761090') format('truetype'),
	   url('/fonts/fontello_icons/fontello.svg?40761090#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FONTELLO ICONS - SE OGSÅ footer.css */     
.demo-icon {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;

	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	display: inline-block;
	height: auto; padding: 0 2px; line-height: 1.0; /* INGEN AFTAND MELLEM ICON OG WRAPPER demo-icon */
     
	/* ICON */	  
	font-size: 3.0rem;
	background: #EDEECC; /* SOM BG I ICONS TIL FX MAIN IMG */
}

/* TEXT reset */
body,div,
main,header,menu,nav,section,article,aside,figure,figcaption,details,footer,
p,h1,h2,h3,h4,h5,h6,
a,img,
ol,ul,li,li a,
form,label,input,textarea,placeholder,button,
table,tr,th,td,placeholder  { 
	box-sizing: border-box;
	
	font-family: 'Tex_gyre_adventor';
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
	color: #313131;	/* MØRK GRÅ */
	
	line-height: 1.2;
}

/* DEFAULTS */
p {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 8px;
}
/* SIDSTE P - AFSTAND I BUNDEN */
p:last-of-type{
	margin-bottom: 12px;
}

p strong { 
	font-weight: bold;
}

/* LINKS */
p > a:link, p > a:visited, p > a:active { 
	color: #4A6D98;
	text-decoration: none;
	transition: color 400ms;
}     
p > a:hover {
	color: #2d1b05;
}

/* MARGIN-BOTTOM FOR SIDSTE P - SE JQ  */

h2 { 
	font-size: 15px; 
	font-size: 1.5rem; 
}
h3 {  
	font-size: 16px;
	font-size: 1.6rem;
}
/* BRUGT HER - .section_info OVERSKRIFT FOR SECTIONS */
h4 {  
	color: #436A77; /* MØRK BLÅ  */
	font-size: 18px;
	font-size: 1.8rem;
	margin-left: 10px;
}

h6 {  /* BRUGT P� "KONTAKT" - UNDER H3'ERNE */
	font-size: 20px;
	font-size: 2.0rem;	
	font-weight: bold;
}
h1, h2, h3 { 
	margin-bottom: 6px;
}

/* WORD - BREAK */
span.linebreak {
	display: inline; /* DEFAULT VALUE */
}


/* CORE PAGES - forside.php SE slider_med_info.js */
h1.core_page,
h2.core_page,
h3.core_page,
p.core_page,
h1.page_header_forside {
	color: #755021;	/* MØRK BRUN */
		color: #313131;	/* MØRK GRÅ */
}

/* FORSIDEN - MOBILE SE slider_med_info.js */
h1.h1_forside {
	font-size: 58px;
	font-size: 5.8rem;
	font-weight: bold;
	letter-spacing: 2px;
	
	margin-bottom: 10px;
}
/* FORSIDE MOBILE  */
@media only screen and (max-width : 370px) {
h1.h1_forside {
	font-size: 47px;
	font-size: 4.7rem;
}
}
h2.h2_forside {
	font-size: 34px;
	font-size: 3.0rem;
	
	margin-bottom: 30px;
}
h3.h3_forside {
	font-size: 26px;
	font-size: 2.6rem;
	
	margin-bottom: 10px;
}
p.p_forside {
	font-size: 19px;
	font-size: 1.9rem;
	
	margin-bottom: 10px;
}
/* 	---- END OF FORSIDE */

/* INTRO TEXT TIL LINKS - SLIDER ?????? */
h2.header_link_text {
	color: red;
}
h2.sub_link_text {
}

/* KOLLEKTIVETS */
h1.core_page {
	font-size: 50px;
	font-size: 5.0rem;
	margin-bottom: 10px; /* AFSTAND TIL P */
}
h2.core_page {
	font-size: 20px;
	font-size: 2.0rem;
	
	margin-bottom: 10px; /* AFSTAND TIL P */
}
h3.core_page {
	font-size: 18px;
	font-size: 1.8rem;
	
	margin-bottom: 2px; /* AFSTAND TIL P */
}
p.core_page {
	font-size: 16px;
	font-size: 1.6rem;
	
/*	margin-bottom: 2px;*/ /* AFSTAND TIL P */
}
/* -------- END OF CORE PAGES */


/* SECTION KUNSTNER NAVN OVERSKRIFT */
section#section_artist_name > h1 {
	font-size: 50px;
	font-size: 5.0rem;
}
/* TELEFONER */
@media only screen and (max-width : 600px) {
section#section_artist_name > h1  {
	font-size: 40px;
	font-size: 4.0rem;
} 
}

/* SECTION INTRODUCTION  */
p.introduction {
	font-size: 26px;
	font-size: 2.6rem;
	text-align: center;
	/* WORD BREAK I INTRO - SE custom.js */
/*	word-break: break-word; */
	overflow-wrap: break-word; /* KUN CHROME - IKKE FIREFOX FORDI BÅDE P OG INTRO-IMAGE HENTES VHA PHP - SE HACK I custom.js */
}
/* TELEFONER */
@media only screen and (max-width : 600px) {
p.introduction {
	font-size: 24px;
	font-size: 2.4rem;
} 
}
/* --------- */


/* ARTISTPAGES "Galleri 1 + 2" */
h1.h1_art_heading_1,
h1.h1_art_heading_2 {
	font-size: 20px; 
	font-size: 2.2rem; 
	text-align: center;
	
	padding-left: 6px; /* VERT ALIGN MED p.art_heading */
}
/* --------- */


/* DETAILS HEADING SECTION */
h1.h1_details_heading {
	font-size: 22px;
	font-size: 2.2rem;
	text-align: center;
}
/* --------- */

/* TINY MCE + ARTICLE SECTION */
article#wrap_details p, /* TINY MCE WRAPPER SELV TEXT I P - INGEN P INDSAT I MARKUP PÅ PAGES */
body.mce-content-body p { 
	font-size: 14px; /* TINY MCE IKKE SAT OP TIL REM */
	line-height: 1.4;
	margin-bottom: 8px;
}
/* H2 TINY MCE + ARTICLE */
article#wrap_details h2,
body.mce-content-body h2 { 
	font-size: 18px; 
	line-height: 1.4;
	margin-bottom: 2px;
}
/* H3 TINY MCE + ARTICLE */
article#wrap_details h3,
body.mce-content-body h3 { 
	font-size: 16px; /* TINY MCE IKKE SAT OP TIL*/
	line-height: 1.4;
	margin-bottom: 2px;
}
/* LINEBREAKS AFSTAND */
article#wrap_details br,
body.mce-content-body br { 
/*	content: "A" !important;
    display: block !important;
    margin-bottom: 0.5em !important;*/
/*	border: 2px solid PINK;*/
}
/* --------- */