/* ==========================================================================
   vestfold-egg.no — stilark gjenoppbygd fra eSite-originalen (#27778).
   Rekkefølgen speiler originalen: Bootstrap 3.2.0 (+ theme, i vendor/) lastes før denne fila,
   deretter css_styles 15166, body-stilen fra malen og layout 1227.
   ========================================================================== */

/* ---- Lato og Lobster, selvhostet. Originalen lastet dem fra fonts.googleapis.com over http://,
   som nettleseren blokkerer på https-siden — besøkende så derfor reservefonter (se /_conversion). ---- */
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: url("fonts/lato-400-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: url("fonts/lato-400-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: url("fonts/lato-700-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: url("fonts/lato-700-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Lobster'; font-style: normal; font-weight: 400; src: url("fonts/lobster-400-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Lobster'; font-style: normal; font-weight: 400; src: url("fonts/lobster-400-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ---- css_styles 15166 ---- */
a  {  }
a:hover  {  }
.a  {  }
.itemheader, h1  { Color:#FFFFFF;Font-family:'Lobster', cursive;Font-size:2.6em;Font-weight:400; }
.itemintroduction {  }
.itembody {  }
.itemdate {  }
.htmlformlabel, .EditorLabel {}
body { Color:#FFFFFF;
Font-family:'Lato', sans-serif;
Font-size:17px;
Font-weight:700;
 }
.itemimagestyle {  }
.FolderItemCell {  }
.imagepreviewstyle {  }
.itempreviewheader, h2  { Color:#FFFFFF;Font-family:'Lobster', cursive;Font-size:2.6em;Font-weight:400; }
.itempreviewintro {  }
.itempricelabel {  }
.itemprice {  }
.itemopenlink, .EsiteActionLink, .ESiteActionLink {  }
.itemopenlink:hover, .EsiteActionLink:hover, .ESiteActionLink:hover {  }
.itemopenlink {  }
.PageSelectorCell {  }
.PageSelectorCell a, .PageSelectorCell span {  }
.PageSelectorCell table { width:100%; }
.PageSelectorCell table td.PagesCell { width:100%; }
.ColorBoxImage {}
.lato
{
font-family: 'Lato', sans-serif;
color:#fff;
font-size:1.3em;
font-weight:400;
}

.kontakt
{
color:#fff;
}

.kontakt a
{
color:#fff;
text-decoration:none; 
}

.kontakt a:hover
{
text-decoration:underline; 
}


.kred
{
color:#fff;
font-size:0.7em;
font-weight:400;
}

.kred a
{
color:#fff;
text-decoration:none; 
}

.kred a:hover
{
text-decoration:underline; 
}

#Honer
  {
  width:150px;
  margin-top:0px;
  margin-left:0px;  
    }  


@media  (min-width: 768px){
  
#Honer
  {
width:220px;
margin-top:-40px;
margin-left:-20px;
    }  
  
  
}

/* ---- body (inline <style> i eSite-malen) ---- */
body {Min-Height:100%;Background-color:#42b6e8;Padding-top:0px;Padding-bottom:0px;Margin-top:0px;Margin-left:0;Margin-right:0;Margin-bottom:0px;}

/* ---- layout 1227 ---- */
/*
	E-Site css layout (stylesheet)
	id       : 1227
	type     : CSS Layout
	created  : 21.06.2007 02:09
	modified  : 13.01.2015 10:44
*/


#Page
{
	Margin-left:auto;
	Margin-right:auto;
	
}


#Header
{
	Text-align:Center;
	Background-color:#FFFFFF;
	Padding-top:25px;
	Text-shadow:0px 1px 1px rgba(0,0,0,0.5);
	
}


#Logo
{
	Float:None;
	Clear:Both;
	Margin-left:auto;
	Margin-right:auto;
	
}


#Div1
{
	Height:60px;
	
}


#ElementHolder
{
	Float:None;
	Clear:Both;
	Min-Height:120px;
	Max-Width:960px;
	Padding-left:15px;
	Padding-right:15px;
	Margin-top:-40px;
	Margin-left:auto;
	Margin-right:auto;
	Margin-bottom:-40px;
	
}


#Honer
{
	Float:Left;
	Clear:Both;
	
}


#Fyr
{
	Width:100px;
	Margin-right:-10px;
	
}


#Bolger
{
	Width:100%;
	Height:50px;
	Background-image:url('img/bolger-bg.png');
	background-repeat:repeat-x;
	background-position:center top;
	
}


#Display
{
	Clear:Both;
	Text-align:Left;
	Min-Height:280px;
	Padding-top:30px;
	Padding-left:0px;
	Padding-right:0px;
	Padding-bottom:20px;
	
}


#Innhold
{
	Float:None;
	Text-align:Center;
	Margin-left:auto;
	Margin-right:auto;
	
}


#Heading
{
	Clear:Both;
	Margin-bottom:40px;
	
}


#Tekst
{
	Clear:Both;
	
}


#Egg
{
	Float:None;
	Clear:Both;
	Margin-top:100px;
	Margin-left:auto;
	Margin-right:auto;
	
}


#Kontakt
{
	Clear:Both;
	Margin-top:60px;
	Margin-bottom:100px;
	
}


#Kred
{
	Clear:Both;
	opacity:0.5;
	
}


#Div2
{
	Clear:Both;
	
}



/* Custom styles */


/* ==========================================================================
   Tillegg for Docly-versjonen: inline style="…" fra originalen gjort om til klasser
   ========================================================================== */
.tc { text-align:center !important; }
.td-u { text-decoration:underline !important; }
.bilde-midt { border-width:0px !important; display:block !important; margin-left:auto !important; margin-right:auto !important; }

/* Konverteringsrapporten (/_conversion) — lys bakgrunn så tabellene er lesbare */
body.rapport { background-color:#ffffff; color:#222222; font-weight:400; }
.rapport-innhold { padding-top:30px; padding-bottom:60px; }
.rapport-innhold h1, .rapport-innhold h2 { color:#1d7fa8; }
.rapport-innhold td, .rapport-innhold th { font-size:14px; line-height:1.4em; }

/* Lys himmel med myke skyer i tre dybdelag. */
#Header {
  position:relative;
  isolation:isolate;
  background:linear-gradient(180deg, #d9f0fc 0%, #eef9ff 55%, #ffffff 100%);
}
.sky {
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:-1;
}
.sky-layer { position:absolute; inset:0; }
.cloud {
  position:absolute;
  left:0;
  width:var(--cloud-width, 210px);
  height:var(--cloud-height, 40px);
  border-radius:100px;
  background:#fff;
  opacity:var(--cloud-opacity, .75);
  animation:cloud-drift var(--cloud-duration, 120s) linear infinite;
  animation-delay:var(--cloud-delay, 0s);
}
.cloud::before, .cloud::after {
  content:"";
  position:absolute;
  background:inherit;
  border-radius:50%;
}
.cloud::before { width:48%; height:190%; left:16%; bottom:5%; }
.cloud::after { width:36%; height:145%; right:14%; bottom:12%; }
.sky-layer--far { filter:blur(3px); }
.sky-layer--middle { filter:blur(1.5px); }
.sky-layer--near { filter:blur(.5px); }
.cloud--one { top:19%; --cloud-width:150px; --cloud-height:25px; --cloud-opacity:.5; --cloud-duration:190s; --cloud-delay:-38s; }
.cloud--two { top:48%; --cloud-width:125px; --cloud-height:22px; --cloud-opacity:.4; --cloud-duration:210s; --cloud-delay:-148s; }
.cloud--three { top:33%; --cloud-width:235px; --cloud-height:38px; --cloud-opacity:.65; --cloud-duration:145s; --cloud-delay:-68s; }
.cloud--four { top:70%; --cloud-width:190px; --cloud-height:30px; --cloud-opacity:.55; --cloud-duration:160s; --cloud-delay:-12s; }
.cloud--five { top:56%; --cloud-width:290px; --cloud-height:46px; --cloud-opacity:.75; --cloud-duration:110s; --cloud-delay:-88s; }
.cloud--six { top:24%; --cloud-width:230px; --cloud-height:36px; --cloud-opacity:.65; --cloud-duration:125s; --cloud-delay:-42s; }
@keyframes cloud-drift {
  from { transform:translateX(-350px); }
  to { transform:translateX(calc(100vw + 350px)); }
}

/* Eggene vugger rolig over kontaktinformasjonen. */
#Egg {
  display:block;
  width:86px;
  height:auto;
  transform-origin:50% 85%;
  animation:egg-sway 5.8s ease-in-out infinite;
}
@keyframes egg-sway {
  0%, 100% { transform:translateY(0) rotate(-5deg); }
  50% { transform:translateY(-9px) rotate(5deg); }
}

/* Tydelig byline uten den tidligere gjennomsiktigheten. */
#Kred { opacity:1; padding:24px 12px 12px; border-top:2px dashed #fff; }
#Kred .kred { font-size:16px; font-weight:400; line-height:1.8; color:#fff; }
#Kred .kred a {
  color:#fff;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
}
#Kred .kred a:hover { color:#fff; text-decoration-thickness:2px; }
#Kred .kred a:focus-visible { outline:2px solid #fff; outline-offset:4px; border-radius:2px; }
@media (max-width:767px) {
  #Kred .kred { font-size:15px; }
  #Egg { width:76px; }
}
@media (prefers-reduced-motion:reduce) {
  .cloud, #Egg { animation:none; }
  .cloud--one { left:8%; }
  .cloud--two { left:72%; }
  .cloud--three { left:36%; }
  .cloud--four { left:5%; }
  .cloud--five { left:78%; }
  .cloud--six { left:60%; }
}