/*
Theme Name: Motorpsycho
Author: Jan Ove Iversen / Eirik Backer
*/

/*! normalize.css v2.1.3 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:0 0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
@font-face{font-family:'mp';src:url('assets/mp.eot?64127437');src:url('assets/mp.eot?64127437#iefix') format('embedded-opentype'),url('assets/mp.woff?64127437') format('woff'),url('assets/mp.ttf?64127437') format('truetype'),url('assets/mp.svg?64127437#mp') format('svg');font-weight:normal;font-style:normal}


/* Base
-------------------------------------------------------------- */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:first-child{margin-top:0}html{overflow-y:scroll}
html,body{height:100%;color:#fff;background:#181f21;cursor:default;font:300 0/1.6 "Raleway",sans-serif;text-align:center;white-space:nowrap}
a,a:hover,a:focus{color:#fff85f;text-decoration:none;border-bottom:1px solid;transition:.2s}li a{border-color:transparent;color:#fff}
img{max-width:100%;width:auto;height:auto;display:block;position:relative}
hr{margin:2em 0!important;padding:0;border:0;border-top:3px solid}
p{max-width:700px;letter-spacing:1px}
ul{list-style:none;padding:0}


/* Typography
-------------------------------------------------------------- */
blockquote{font-size:21px!important;line-height:1.5;margin:0;padding:0}
h1{font:300 60px/1 "Raleway",sans-serif!important;max-width:90%;margin-left:-.1em}
h1 small{font-size:20px;display:block;padding:.2em}
h2{font:700 23px/1.2 "Raleway",sans-serif!important;text-transform:uppercase}
h3{font:700 14px/1.2 "Raleway",sans-serif!important;text-transform:uppercase}
h4,h6{font-size:11px!important;font-weight:300;margin:0}
h4:before,h4:after{content:"";display:table;clear:both}
h4 a{font-size:14px;font-weight:700;float:left;clear:both;padding:.5em .7em;text-transform:uppercase}
h4 a{background:#fff85f;color:#181f21;margin-bottom:1px;border:0!important}
h4 del a{text-decoration:inherit!important;opacity:.5;filter:alpha(opacity=50);cursor:not-allowed}
h4 > a:hover,h4 > a:focus{padding-left:1.5em}


/* Framework
-------------------------------------------------------------- */
.fl{float:left}.fr{float:right}.cf:before,.cf:after{content:"";display:table;clear:both}
.grid{list-style:none;margin:0;padding:0;font-size:0!important}
.grid > *{display:inline-block;font-size:14px;vertical-align:top;width:100%;padding:0 10px}
.w10{width:10%}.w15{width:15%}.w20{width:20%}.w25{width:25%}.w30{width:30%}.w33{width:33.3333%}.w40{width:40%}.w50{width:50%}
.w60{width:60%}.w70{width:70%}.w75{width:75%}.w80{width:80%}.w66{width:66.6666%}.w90{width:90%}.w100{width:100%}
.l10{margin-left:10%}.l20{margin-left:20%}.l25{margin-left:25%}.l30{margin-left:30%}.l40{margin-left:40%}.l50{margin-left:50%}
.l60{margin-left:60%}.l75{margin-left:25%}.l70{margin-left:70%}.l80{margin-left:80%}.l90{margin-left:90%}.l100{margin-left:100%}
.w100 p{max-width:100%}


/* Layout
-------------------------------------------------------------- */
.exit{position:absolute;top:0;right:0;padding:10%;background:red;opacity:0;filter:alpha(opacity=0);width:auto}
.plax{position:fixed;top:-2%;left:-2%;max-width:none;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
.part,body:before{display:inline-block;height:100%;vertical-align:middle;white-space:normal;text-align:left;font-size:14px}body:before{content:''}
.part{position:relative;z-index:10;width:100%;height:auto;max-width:900px;padding:4%;margin-top:5%;transition:.3s}
.part.hide{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}
.part:before{content:'\00D7';float:right;font:700 50px/.7 sans-serif}
.part::after{content:'';position:absolute;top:100%;width:1px;height:100px}

.acid{background:#fff85f;color:#181f21}
.acid a,.acid li a{color:inherit;border-bottom:1px solid}
.acid a:hover,.acid a:focus{background:rgba(0,0,0,.15);color:#000}
.acid h4 a{background:#181f21!important;color:#fff85f!important}
.acid ul li:first-child{border-top:1px solid rgba(0,0,0,.2)}
.acid ul li{border-bottom:1px solid rgba(0,0,0,.2);padding:6px 0;line-height:1.3}
.acid ul ul li{padding-left:30px;border-bottom:0;border-top:1px solid rgba(0,0,0,.2)}
.acid ul ul{margin:3px 0 -3px 0!important}


/* Modules
-------------------------------------------------------------- */
.list li{font-size:16px;overflow:hidden;padding:3px 0}
.list span{float:left;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.list span + span:before{content:'/';padding:0 20px}
.list .fr,.list .fr a{color:#fff85f;position:relative}

.gray{color:#999}
.mobile{display:none}
.pagina{margin:-1em 0}
.select{position:relative;border:2px solid;margin:0 5px 30px 0;padding:3px 9px;font-size:13px;float:left}
.select select{position:absolute;top:0;left:0;height:100%;width:100%;border:0;background:none;z-index:4;filter:alpha(opacity=0);opacity:0}
.select:after{content:'\25BE';padding-left:20px;font-size:9px;vertical-align:text-bottom}

.card{border:0!important;position:relative;margin:10px 0;overflow:hidden}
.card div{position:absolute;top:0;left:10px;right:10px;bottom:0;padding:20px;text-align:center;font:700 18px/1.2 "Raleway",sans-serif;white-space:nowrap}
.card div{background:#fff85f;color:#181f21;opacity:0;visibility:hidden;-webkit-transform:translateZ(0);transition:.2s}
.card div small{display:inline-block;font-weight:300;border-top:2px solid;padding-top:3px;margin-top:5px}
.card div span{display:inline-block;vertical-align:middle;white-space:normal}
.card div:before{content:'';display:inline-block;height:100%;vertical-align:middle;font-size:0}
.card:hover div,.card:focus div{opacity:1;visibility:visible}
.card:active{transform:scale(.9);-webkit-transform:scale(.9)}
.card img{width:100%}

.comment > *{padding:10px 10px 0 0}
.comment input,.comment textarea{background:#181f21;color:#fff85f;width:100%;border:0;display:block;margin-bottom:2px;padding:10px}
.comment button{border:0;background:#fff85f;color:#181f21;font-weight:700;border-bottom:2px solid;padding:0;margin:10px 0 50px 0}
.comment script{display:none}


/* Spesifics
-------------------------------------------------------------- */
.part-home{margin-top:0}
.part-home > *{letter-spacing:2px}
.part-home a{position:relative}
.part-home a[href*="shop."]:before,.part-home a[href*="fix."]:before{content:'\2192';position:absolute;top:3px;right:-20px;font:14px sans-serif;opacity:.7}
.part-home ul:first-child a{font-size:23px;line-height:1;text-transform:uppercase;margin:55px 0 -50px 0;border-bottom:1px solid;float:left;clear:both}
.part-home img{max-width:380px;width:auto!important;display:block;margin:80px auto 40px auto}
.part-home h6{margin-bottom:-1.35em}
.part-home:before{display:none}

h4 a:before{text-transform:none;padding-right:10px;font:14px "mp"}
h4 a[href*="spotify.com"]:before,h4 a[href*="wimp.no"]:before{content:'\25B6';font:14px sans-serif}
h4 a[href*="facebook.com"]:before{content:'f'}
h4 a[href*="twitter.com"]:before{content:'t'}
h4 a[href*="fix.no"]:before{content:'d'}


/* Responsive
-------------------------------------------------------------- */
@media(max-width:750px){
	h1{font-size:30px!important}

	.w10,.w15,.w20,.w25,.w30,.w33,.w40,.w50,.w60,.w66,.w70,.w80,.w90{width:100%}
	.l10,.l20,.l25,.l30,.l40,.l50,.l60,.l70,.l80,.l90{margin-left:0}
	.list li:after{content:'';display:block;height:10px;clear:both;border-bottom:1px solid;opacity:.3}
	.list span:before,.list .fr{display:none}
	.mobile{display:block}

	.part-home img{position:absolute;top:0;left:0;margin:30px 4%;max-width:300px}
	.part-home ul:first-child{margin:10px 0 70px 0}
	.part-home div{display:none}
}