/*
Theme Name: MinHost18
Author: Asle Ommundsen
Version: 2018
*/
* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
body{line-height:1.7em;color:#7f8c8d;font-size:15px;}
ul{padding-left:1em;}
a{color:#555;}
a:hover,a:focus{color:#000;}
.pure-img-responsive{max-width:100%;height:auto;}
.l-box{padding:1em;}
.is-center{text-align:center;}
.fa-shopping-cart{color:#666;}
.home-menu{
padding:0.5em;
text-align:left;
box-shadow:0 1px 1px rgba(0,0,0, 0.10);
height:3em;
}
.home-menu{background:#f9f9f9;}
.home-menu ul{float:right;}
.pure-menu.pure-menu-fixed{
border-bottom:none;
z-index:4;/* higher z-index here because of the scroll-over effect */
}
/* Firefox hack to have logo on same line as menu */
@-moz-document url-prefix() {
.home-menu .pure-menu-heading{float:left;}
}
.home-menu li a:hover,.home-menu li a:focus{background:none;border:none;color: #333;}
.splash-container{
background-image:url('/bld/fullfart.jpg');
background-size:cover;
background-position:center center;
z-index:1;
overflow:hidden;
/* følgende brukes til skroll-over effekt */
width:100%;
height:250px;/* justeres for å sette minste height på banner, samme verdi som content-wrapper */
top:0;left:0;
position:fixed !important;
}
/* brukes for tekst i toppbanner
.splash{width:80%;height:20%;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;text-align:center;text-transform:uppercase;}
.splash-head{font-size:20px;font-weight:bold;color:white;border:3px solid white;padding:1em 1.6em;font-weight:100;border-radius:5px;line-height:1em;}
.splash-subhead{color:white;letter-spacing:0.05em;opacity:0.8;}*/
.content-wrapper{
/* nødvendig for skroll-over effekt */
position:absolute;
top:250px;/* denne justeres for å sette minste height på banner */
width:100%;
min-height:12%;
z-index:2;
background:white;
}
.content{padding:1em 1em 2em 1em;}
.content-head{margin:2em 0 0 0.8em;}
.content-head,.content-subhead,h1,h2,h3,h4{
font-size:1.25em;
font-weight:300;
color:#888;
letter-spacing:0.05em;
}
.content-head,.content-subhead i{margin-right:7px;}
.tilpasset{margin:1.8em 0 -0.6em 0.8em;}
.content-head a,.content-subhead a{font-weight:300;color:#666;}
.content-head a:hover,.content-subhead a:hover{color:#333;}
h4{margin-top:1.5em;margin-bottom:0;}
strong{color:#888;letter-spacing:0.05em;}
.footer{
border-top:1px solid rgba(0,0,0,0.1);
background:#f9f9f9;
width:100%;
min-height:3.5em;
}
.footer p{margin:0;}
.bredde1{max-width:1204px;margin-left:auto;margin-right:auto;}
.bredde2{max-width:1230px;margin-left:auto;margin-right:auto;}
.heading-nospace-border{margin-top:0;padding-top:0;border-top:1px solid rgba(0,0,0,0.1);}
.less-margin{margin-bottom:-14px;}
.hkolon{font-size:15px;padding-right:0em;}
.hkolon ul{padding:0;}
.hkolon li{padding:0 0 1em 0;}
.widget_twitter li{list-style-type:none;}
.widget_twitter .timesince{
display:block;
text-align:right;
border-bottom:1px solid rgba(0,0,0,0.1);
font-size:13px;
padding-right:0.5em;
}
.widget-area{margin-top:1.6em;}
.widget-title{
padding-top:1em;
font-size:1.25em;
font-weight:300;
color:#888;
letter-spacing:0.05em;
text-decoration:none;
}
.widget-title a{text-decoration:none;color:#888;}
.forrige-neste span{float:right;}
.postinfo{margin-bottom:2.5em;}
.pure-table thead{color:#777;letter-spacing:0.05em;}
/* wordpress */
.alignleft{float:left;}
.alignright{float:right;}
.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.bsok{width:62%;}
/* whmcs */
.errorbox{color:red;}
/* directadmin */
.nostrek a{text-decoration:none;font-weight:300;color:#888;}
.pure-menu select{height:24px;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;}
/* horisontal meny under toppbanner */
.egendef-pure-u-md-1-12{width:4.5em;}
.egendef-pure-u-md-3-5{width:42.5%;}
#strek{border-bottom:1px solid rgba(0,0,0,0.1);margin:-1px 1em 0 1em;}
.custom-wrapper{
background-color:transparent;
-webkit-font-smoothing:antialiased;
height:2.6em;
overflow:hidden;
-webkit-transition:height 0.5s;
-moz-transition:height 0.5s;
-ms-transition:height 0.5s;
transition:height 0.5s;
margin-left:1em;
}
.custom-wrapper.open{height:auto;}
.custom-menu-3{text-align:right;}
.custom-toggle{
width:34px;
height:34px;
position:absolute;
top:0;
right:1em;
display:none;
}
.custom-toggle .bar{
background-color:#777;
display:block;
width:20px;
height:2px;
border-radius:100px;
position:absolute;
top:18px;
right:7px;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
transition:all 0.5s;
}
.custom-toggle .bar:first-child{
-webkit-transform:translateY(-6px);
-moz-transform:translateY(-6px);
-ms-transform:translateY(-6px);
transform:translateY(-6px);
}
.custom-toggle.x .bar{
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.custom-toggle.x .bar:first-child{
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.pure-menu-children{margin-top:-3px;border:1px solid rgba(0,0,0,0.1);}
/* hack for ie10 og nyere */
_:-ms-lang(x), .pure-menu-children{margin-top:-2px;}
@media (max-width: 47.999em){
.custom-menu-3{text-align:left;}
.custom-toggle{display:block;}
#skjul4{display:none;}
}
/* nettbrett og større */
@media (min-width: 48em) {
body{font-size:16px;}
#skjul{display:none;}
#skjul2{display:inline-block;}
#skjul3{display:none;}
.custom-wrapper{overflow:visible;}
}
/* opptil medium størrelse, obs gjelder også "mobil og sma enheter" nedenfor med mindre spesifisert der også */
@media (max-width: 62em) {
#skjul{display:inline-block;}
#skjul2{display:none;}
.content-subhead{margin-top:0;}
.tilpasset{margin-top:0.7em;}
.l-box{padding-bottom:0;}
.heading-nospace-border{margin-top:1em;padding-top:1em;}
.splash-container{height:200px;}
.content-wrapper{top:200px;}
ul{margin-bottom:0;}
}
/* mobil og sma enheter */
@media (max-width: 35.5em) {
body{font-size:13px;}
.hkolon{font-size:13px;}
.splash-container{height:125px;}
.content-wrapper{top:125px;}
.pure-menu-heading{margin-top:-3px;}
.custom-wrapper{overflow:hidden;}
}