/*

  Theme Name: Natt & Dag
  Author: Kréatif
  Website: http://www.kreatif.no
  Twitter: @kréatif
  Version: 1.2
  Description: Tema for Natt & Dag | Responsivt - masonry - grid - fullwidth | © Kréatif 
  
  
  CONTENTS
  -------------
  - Global resets
  - Global typography & layout rules
  - Page styles
  - Post styles 
  - General bits 
  - Media queries
  
*/

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

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

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

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

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

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

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

@font-face {
    font-family: 'socicon';
    src: url('assets/fonts/socicon-webfont.eot');
    src: url('assets/fonts/socicon-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/socicon-webfont.woff') format('woff'),
         url('assets/fonts/socicon-webfont.woff2') format('woff2'),
         url('assets/fonts/socicon-webfont.ttf') format('truetype'),
         url('assets/fonts/socicon-webfont.svg#sociconregular') format('svg');
    font-weight: normal;
    font-style: normal;
    text-transform: initial;
}

/* 01 START : Global reset styles */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent}ins,mark{background:#333;color:#fff;text-decoration:none}mark{padding:0 .2em;}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}::-moz-selection,::-webkit-selection,::selection {text-shadow:none;background:#333;color:#fff;}.cf:before,.cf:after{content:"";display:table;}.cf:after{clear:both;}.cf{zoom:1;}[type=submit]{cursor:pointer;}
/* 01 END : Global reset styles */

.category-header {
    text-align:center;
    padding: 20px 0;
}

.category-header-img {
    width: auto;
    max-height: 300px;
}

.category-music-background {
    background-color: #3C2525;
    color: #fff;
}

@media (max-width: 414px) {
    .category-header {
        padding: 12px 0;
    }
}