/* TekstSlides Arr. CSS Document 
==================================================
 9.02.22	Justert høyde på tittelfelt/ ingress


================================================== */
body {
	background-color: #eeeddb !important;
	overflow: hidden; /* Hide scrollbars */
}

.divX {
  animation-delay: 2s;
}
#carouseSlides {
	background-color: #eeeddb;
	}

.item {
    display: none;
    position: relative;
    .transition(.9s ease-in-out left);
}

.arrslide {
	display: inline-block;
	width:100%;
/*	TEST height:100vh;*/
	max-width:1920px;
	max-height:1080px;
	height: 1080px;
	/*background: url('/grafikk/Slide_bakgrunn1080.png');
	background-size: cover;*/
}
.arrcontainer {
	max-width:1900px;
	height:1050px;
	max-height:1050px;
	/*
	TEST	min-height: 100%;
margin-bottom: -75px;  glem footer...
	background-color: #eeeddb;*/
}
.arrtopp {
	width:100%;
	height: 140px !important; /*140px;*/
	background-image: url('/grafikk/slide_topp_strek.png'); 
/*	background-image: url('/grafikk/skjerm-topp-kart1.jpg');  !important */
	background-size:cover;
	background-repeat: no-repeat; /*repeat-x*/ 
}
.arrtittel {
	width:100%;
	height:250px ;/*200px!important*/
	padding-top:25px; /*20px;
	background-color:#00f;*/
	padding-left:10px;
	padding-right:10px;
}

.arrinfo {
	height:63vh;/* 72vh 750px Høyde på hovedfelt! */
	min-height:40%; /* 60vh;*/
	padding-left:50px; /* 30px;*/
 animation-delay: 2s;
}
.arrtekst {
	width:49%;
/*	width:58%;
	*/
	float:left;
	max-height:730px; /* 40%60vh;*/
margin-bottom: -220px; /* 195px glem footer...
background-color:#00f;*/
}
.arrbilde {
	width:51%;
/*	width:38%;;*/
max-height:730px;
	float:left;
margin-bottom: -220px; /* 195px glem footer...
background-color:#0ff;*/
}

.arrbilde img {
    display: block;
   /* width: 95%;
    height: auto;*/
    margin-left: auto;
    margin-right: auto;
}

.arr_tb {
	width:100%;
		}
.arrbunn {
	clear:both;
	width:100%;
	height:180px;	
margin-bottom:18px; /*  glem footer...
background-color:#00f;*/
}
.bilde_crop {
  object-fit: cover;
  object-position: 100% 0;

  width: 800px;
  height: 550px;
}

.crop-height {
  /* max-width: 1200px; /* native or declared width of img src (if known) */
	max-height: 450px; /*  550px; */
	margin-right:20px;
	overflow: hidden; 
}
img.bilde_scale {
  /* corrects small inline gap at bottom of containing div */
	display: block; 
  width: 90%; /* corrects obscure Firefox bug  100%*/
	max-width: 100%;
	/* just in case, to force correct aspect ratio */
	height: auto !important;
  /*width: auto\9; 
  /* ie8+9 - use modernizr instead of this \9 hack */
  /* lt ie8 */
  -ms-interpolation-mode: bicubic;
	/* optionally force a minimum size if img src size is known: */
	/* min-height: 320px; /* max-height of .crop-height */
	/* min-width: 480px; /* proportional to above */ 
}

.arrlist_foto { margin-left:30px;}


.arrfooter {
	width:100%;
	/*	clear:both;
background-color:#ff0;*/
	height:75px;
/*	background-image: url('/grafikk/Bunntile_Treskjer_75.jpg');
	background-repeat: repeat-x; */
}

.arrlist_tittel {
	display:block;
	font-size:135px;
	line-height: 125px;
/* 	font-family:'Montserrat';  'Montserrat' */
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#af6830;
	font-weight: 400;
	letter-spacing: 0.04em;
	margin-bottom: 15px;
	text-align: center;
}
.avlyst {
	color:#FF0000;
}

.overstryk  {
	text-decoration: line-through;
	word-wrap:break-word;
}
.strykstryk  {
	text-decoration: none;
}
.arrlist_tidspkt  {
	display:block;
	font-size: 98px;
	line-height: 86px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: 400;
	letter-spacing: 0.04em;
	margin-bottom: 55px;
}

.arrlist_hvor  {
	display:block;
	font-size: 68px;
	line-height: 66px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: 400;
	letter-spacing: 0.04em;
	margin-bottom: 55px;
}
.arrlist_hvem  {
	display:block;
	font-size: 68px;
	line-height: 66px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: 400;
	letter-spacing: 0.04em;
	margin-bottom: 55px;
}

.arrlist_hva  {
	display:block;
	font-size: 48px;
	line-height: 56px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: 400;
	letter-spacing: 0.04em;
	margin-bottom: 25px;
}

.logotopp {
	margin-top:40px;
	margin-left:50px;
	width: 450px;
	height:auto;
	/*background-color: rgba(255,255,255, 0.3);*/
	vertical-align: baseline;
	margin-bottom: -10px; /*justering av linje for #emneknagger*/
	}
	
.side_right_logo  {
	float:right;
	margin-top:20px;
	margin-right:50px;
    background-color: rgba(255,255,255, 0.3);
	padding:30x;
}

.side_right_logo img {
	height:90px;
}
.linjeblokk {
	display:table;
	min-width: 250px;/*500px*/
	width:60%;
	margin-left: auto;
	margin-right:auto;
	background:#FFF;
	}
	

	
 /* Apply animation to this element */	
.arrlist_tid {
 height:145px;/* 270px*/	
 overflow: hidden;
 position: relative;
}
.arrlist_tid span {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 /*line-height: 50px;*/
 text-align: left;

 /* Apply animation to this element */	
 animation: arrlist_tid 2s ease-out;
}

.pulspunktum {
	margin-left: -110px;
}

.pulsar-red::after {
    content: "";
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite; 
    opacity: 0.0;

    border: 3px solid #F00;
    border-radius: 30px;
    height: 28px;
    width: 28px;
    position: relative;
    display: inline-block;
    margin-top: 20px;
	margin-bottom: -2px;
	margin-left: -108px; /*vise puls p punktum i kk logo*/
	margin-right: 108px;
	text-align: center;

/* Make the element pulse (grow large and small slowly) */
/* Usage
    .myElement {
        animation: pulsate 1s ease-out;
        animation-iteration-count: infinite;
        opacity: 1; 
    }
*/
}

@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

/* Make the element's opacity pulse*/
/* Usage
    .myElement {
        animation: opacityPulse 1s ease-out;
        animation-iteration-count: infinite;
        opacity: 0; 
    }
*/


/* Move it (define the animation) */
@keyframes arrlist_tid {
 0%   { 
 transform: translateX(-100%); 		
 }
 100% { 
 transform: translateX(0%); 
 }
}
 /* Apply animation to this element */	
.arr_hvem {
 height:103px;	/* 270px*/
 overflow: hidden;
 position: relative;
}
.arr_hvem span {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 /*line-height: 50px;*/
 text-align: left;

 /* Apply animation to this element */	
 animation: arr_hvem 4s ease-out;
 /*animation-delay: 2s;*/
}
/* Move it (define the animation) */
@keyframes arr_hvem {
 0%   { 
 transform: translateX(-250%); 		
 }
 100% { 
 transform: translateX(0%); 
 }
}
	
 /* Apply animation to this element */	
.arr_hvor {
 height:100px;	
 overflow: hidden;
 position: relative;
}
.arr_hvor span {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 /*line-height: 50px;*/
 text-align: left;

 /* Apply animation to this element */	
 animation: arr_hvor 6s ease-out;
 /*animation-delay: 2s;*/
}

/* Move it (define the animation) */
@keyframes arr_hvor {
 0%   { 
 transform: translateY(-200%); 		
 }
 100% { 
 transform: translateY(0%); 
 }
}
 /* Apply animation to this element */	
.arr_hva {
 height:100px;	
 overflow: hidden;
 position: relative;
}
.arr_hva span {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 /*line-height: 50px;*/
 text-align: left;

 /* Apply animation to this element */	
 animation: arr_hva 3s ease-out;
 /*animation-delay: 2s;*/
}
@keyframes arr_hva {
 0%   { 
 transform: translateX(-250%); 		
 }
 100% { 
 transform: translateX(0%); 
 }
}


/*Video bakgrunn i slide:*/
/* jutub full bak: sjekk https://alvarotrigo.com/blog/how-to-create-a-youtube-video-background-with-css/ */
.video-container {
  z-index:-1;
  width: 100vw;
  height: 100vh;
}
    
.video-container iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
}

@media (min-aspect-ratio: 16/9) {
  .video-container iframe {
    /* height = 100 * (9 / 16) = 56.25 */
    height: 56.25vw;
  }
}
    
@media (max-aspect-ratio: 16/9) {
  .video-container iframe {
    /* width = 100 / (9 / 16) = 177.777777 */
    width: 177.78vh;
  }
}
.videoslide {
  position: absolute;
/*  color: #FFFFFF; må settes på RSS-medie*/
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.arrtopp_vid {
	 background:none;
 }
.arrvideo {
  height: 65vh;
}
.arrlist_tittel_vid, .arrtopp_vid {
	background-color: rgba(255,255,255,0.5);
	padding:10px;
	}
.videoticker {
	width:1580px;
	height:60px;
	margin-left:40px;
	margin-bottom:4px;
}