/*
Theme Name: An7hrax.se 1.0re
Theme URI: http://an7hrax.se
Description: CHROME!
Author: An7hrax
Author URI: http://an7hrax.se
Version: 1.0re
Tags: simple, blog, chrome
.
Use it, steal it... whatever.
.
*/

*, *:before, *:after { /* to fill screen to the edges*/
    /*box-sizing: border-box;*/
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
    padding: 0;
    margin: 0;
}

body {
    background: #e1e1e1;
    font-family:Cantarell;
    font-size:0.94em;
    overflow-y:scroll;
    font-kerning: normal;
    font-variant-ligatures: common-ligatures contextual;
    font-variant-numeric: oldstyle-nums proportional-nums;
    -moz-font-feature-settings: "kern", "liga", "clig", "calt", "onum", "pnum";
    -ms-font-feature-settings: "kern", "liga", "clig", "calt", "onum", "pnum";
    -webkit-font-feature-settings: "kern", "liga", "clig", "calt", "onum", "pnum";
    font-feature-settings: "kern", "liga", "clig", "calt", "onum", "pnum";
}

.grid, .header-grid, .aside-grid, .article-grid, .footer-grid {
    padding: 0;
    margin: 0;
    grid-gap: 0;
    /*border: 0;*/
    border: 0 solid transparent;
    border-radius: 0;
    /* overflow: hidden; */
    object-fit: contain;
}

.header-grid {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-area: header-grid;
    grid-gap: 0;
    background:#e1e1e1 url(../images/header.jpg) repeat-x top left;
    font-family:Lato;
    font-variant:small-caps;
}

.aside-grid {
  
}

.article-grid {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: article-grid;
    padding: 1px 18px 15px 18px;
    /*background:#e1e1e1 url(../images/gradiant3.jpg) repeat-x top left;*/
    background: rgb(184,184,184);
    background: -moz-linear-gradient(180deg, rgba(184,184,184,1) 0%, rgba(225,225,225,1) 510px);
    background: -webkit-linear-gradient(180deg, rgba(184,184,184,1) 0%, rgba(225,225,225,1) 510px);
    background: linear-gradient(180deg, rgba(184,184,184,1) 0%, rgba(225,225,225,1) 510px);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b8b8b8",endColorstr="#e1e1e1",GradientType=1);
    /**/
}

.footer-grid {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-area: footer-grid;
    background:#e1e1e1 url(../images/footer.jpg) repeat-x top left;
    font-family:Lato;
    font-variant:small-caps;
    z-index: -1;
}

.grid {
    min-height: 100vh;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 0 712px 0 auto;
    grid-template-columns: auto 712px auto;
    -ms-grid-rows: 127px 0 1fr 0 127px;
    grid-template-rows: 127px 1fr 127px;
        grid-template-areas:
                        "header-grid     header-grid    header-grid"
                        "sidebar-1       article-grid   sidebar-2"
                        "footer-grid     footer-grid    footer-grid";
}

.sidebar-left {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: sidebar-1;
    grid-gap: 0;
    /*background:#e1e1e1 url(../images/gradiant3.jpg) repeat-x top left;*/
    z-index:1;
    text-align: center;
    background: rgb(184,184,184);
    background: -moz-linear-gradient(180deg, rgba(184,184,184,1) 0%, rgba(225,225,225,1) 510px);
    background: -webkit-linear-gradient(180deg, rgba(184,184,184,1) 0%, rgba(225,225,225,1) 510px);
    background: linear-gradient(180deg, rgba(184,184,184,1) 0%, rgba(225,225,225,1) 510px);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b8b8b8",endColorstr="#e1e1e1",GradientType=1);
    /**/
  }

.sidebar-right {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    grid-area: sidebar-2;
    grid-gap: 0;
    /*background:#e1e1e1 url(../images/gradiant3.jpg) repeat-x top left;*/
    z-index:1;
    text-align: center;
    background: rgb(184,184,184);
    background: -moz-linear-gradient(180deg, rgba(184,184,184,1) 0%, rgba(225,225,225,1) 510px);
    background: -webkit-linear-gradient(180deg, rgba(184,184,184,1) 0%, rgba(225,225,225,1) 510px);
    background: linear-gradient(180deg, rgba(184,184,184,1) 0%, rgba(225,225,225,1) 510px);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b8b8b8",endColorstr="#e1e1e1",GradientType=1);
    /**/
  }

.header-subgrid { /* https://rachelandrew.co.uk/archives/2018/04/27/grid-level-2-and-subgrid/ */
    grid-area: header-subgrid;
    display: -ms-grid;
    display: grid;
    grid-gap: 0;
    -ms-grid-columns: 17px 0 712px 0 17px;
    grid-template-columns: 17px 712px 17px;
    grid-template-areas: "header-left2 header-content2 header-right2";
    text-align: center;
    z-index:10;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
    margin-left: -8.5px;
    position: relative;
}

.header-left2 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: header-left2;
    grid-gap: 0;
    background: url(../images/menu/left.png);
    width: 17px;
    height: 127px;
    z-index:10;
    position: absolute;
}
.header-content2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: header-content2;
    grid-gap: 0;
    /* background: url(../images/menu/center.png); */
    height: 127px;
    z-index:10;
    position: inherit;
}

.header-logo {
    /*background-image:url(../images/an7hrax.png);*/
    /*background-image:url(../images/an7hrax11-transformed.png);*/
    background-image:url(../images/an7hrax14-transformed.png);
    background-size: 306px;
    width:306px;
    height:94px;
    float:left;
    position:absolute;
    top:-9px;
    z-index:2;
    margin-left: -12px;
}

.header-content-text2 {
    z-index: 50;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin-top: 70px;
    text-align: center;
    width: 712px;
    text-align: left;
    font-size: 1.5em;
    font-style: Oblique;
    letter-spacing: 5px;
    text-shadow: 1px 2px 4px;
}

.header-right2 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: header-right2;
    grid-gap: 0;
    background: url(../images/menu/right.png);
    width: 17px;
    height: 127px;
    z-index:10;
    position: absolute;
}

.footer-subgrid { /* https://rachelandrew.co.uk/archives/2018/04/27/grid-level-2-and-subgrid/ */
    grid-area: footer-subgrid;
    display: -ms-grid;
    display: grid;
    grid-gap: 0;
    -ms-grid-columns: 17px 0 712px 0 17px;
    grid-template-columns: 17px 712px 17px;
    grid-template-areas: "footer-left2 footer-content2 footer-right2";
    text-align: center;
    z-index:10;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -35px;
    margin-left: -8.5px;
    position: relative;
}

.footer-left2 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: footer-left2;
    grid-gap: 0;
    background: url(../images/menu/footer-left.png);
    width: 17px;
    height: 127px;
    z-index:10;
    position: inherit;
}

.footer-content2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: footer-content2;
    grid-gap: 0;
    /*background: url(../images/menu/footer-center.png);*/
    height: 127px;
    width: 100%;
    position: absolute;
    z-index:10;
}

.footer-content-text2 {
    z-index: 50;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: 40px;
    font-family:Lato;
    font-size:1.4em;
    font-style:oblique;
    font-variant:all-petite-caps;
    font-weight:normal;
    line-height:normal;
    color:#9e9e9e;
    padding:0 0 0.2em;
    width: 712px;
}

.footer-right2 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: footer-right2;
    grid-gap: 0;
    background: url(../images/menu/footer-right.png);
    width: 17px;
    height: 127px;
    position: absolute;
    z-index:10;
}

.footer-rotate { /* https://stackoverflow.com/questions/17015568/how-to-rotate-flip-element-with-css  */
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
    margin-top: -40px;
}
/* .old-nums {
  font-variant: oldstyle-nums;
  font-variant-numeric: oldstyle-nums;
  font-family:Cantarell;
  font-size: 0.89em;
}
*/ 

@-moz-document url-prefix() {
	.old-nums {
      font-variant: oldstyle-nums;
      font-variant-numeric: oldstyle-nums;
      font-family:Cantarell;
      font-size: 0.89em;
	}
}

/* import styles from old css */
:link, a:visited {
  border-bottom:0 solid #666666;
  color:#000000;
  text-decoration:none;
  position: relative;
  z-index: 100;
}
a:hover {
  color:#666666;
  text-decoration:none;
}
:link img {
  border:none;
}
img {
  border:none;
}

.header-content-div {
  font-family:Lato;
  font-variant:small-caps;
  width:570px;
  font-size:1.2em;
  padding:82px 18px 0 18px;
  position:absolute;
  top:-11px;
  z-index:4;
}

.cvlist-3col {
  column-count: 3;
  margin-left: 25px;
  list-style-type: none;
}

/* navigation */


#map {
  position: fixed;
  top: 110px;
  right: 0;
  width: 200px;
  height: 100%;
  z-index: 100;
}

.footer-text {
  font-family:Lato;
  font-size:1.4em;
  font-style:oblique;
  font-variant:all-petite-caps;
  font-weight:normal;
  line-height:normal;
  color:#9e9e9e;
  padding:0 0 0.2em;
}

.footer-brand {
  background-image:url(../images/A-hover.png);
  margin:auto;
  width:64px;
  height:64px;
  float:center;
  position:relative;
  top:45px;
  z-index:2;
}

.footer-brand:hover {
  /*background-image:url(../images/A-hover.png);*/
  background-image:url(../images/A.png);
}

h1 {
 /* font-family:Cantarell;*/
  font-family:Lato;
  font-size:1.4em;
  font-style:oblique;
  font-variant:all-petite-caps;
  /*font-variant:small-caps;*/
  font-weight:normal;
  line-height:normal;
  padding:0 0 0.2em;
}
h2 {
 /* font-family:Cantarell;*/
  font-family:Lato;
  font-size:1.2em;
  font-style:oblique;
  font-variant:all-petite-caps;
  /*font-variant:small-caps;*/
  font-weight:normal;
  line-height:normal;
  padding:0 0 0.2em;
}
h3 {
  font-family:Cantarell;
  font-size:1em;
  font-style:normal;
  font-variant:small-caps;
  font-weight:normal;
  line-height:normal;
  padding:0 0 0.2em;
}
p {
  font-family:Cantarell;
  font-size:1em;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:1.4em;
  padding:0 0 1em;
}
code, pre {
  font-family: 'Anonymous Pro', monospace;
  font-size:1em;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:1.4em;
  padding:0 3px 1em;
  white-space: pre;
  overflow-x: auto;
  overflow-y: auto;
  word-wrap: normal;
  list-style-type: decimal;
  width: 95%;
  margin:0 auto;
  border-radius:4px
}

li.L0, li.L1, li.L2, li.L3,
li.L5, li.L6, li.L7, li.L8 {
  list-style-type: decimal !important;
}
ul {
  list-style-type: circle;
}


_:-ms-fullscreen, :root .ie11up { }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* IE CSS styles go here */
}


/* RIBBON */

h3.ribbon {
font-weight: normal;
margin: 0em;
}

h3.ribbon a {
color: #ffffff;
font-weight: bold;
font-style: italic;
}

h3.ribbon a:hover,
h3.ribbon a:focus,
h3.ribbon a:active {
  border-bottom: 1px #ffffff solid;
}

div.ribbon {
box-sizing: border-box;
width: 100%;
text-align: center;
color: #ffffff;
background-color: #426aa6;
padding: 0.5em;
margin-bottom: 1em;
border-radius: 0.2em;
}

/* doaction */

div.doaction {
  font-family: inherit;
  margin-bottom: 1em;
}
div.doaction:last-child {
  margin-bottom: 0em;
}
input + div.doaction, textarea + div.doaction {
  margin-top: 1em;
}
div.doaction a, button {
  display: inline-block;
  white-space: nowrap;
  padding: 0.4em 0.8em;
  border: none;
  border-radius: 0.2em;
  color: #ffffff;
  background-color: #39434d;
}
  div.doaction a:hover, button:hover,
  div.doaction a:focus, button:focus,
  div.doaction a:active, button:active {
  background-color: #000000;
}
  div.doaction a.post_delete_link,
  div.doaction a.delete_link {
  background-color: #cc5252;
}
  div.doaction a.post_delete_link:hover,
  div.doaction a.delete_link:hover,
  div.doaction a.post_delete_link:focus,
  div.doaction a.delete_link:focus,
  div.doaction a.post_delete_link:active,
  div.doaction a.delete_link:active {
  background-color: #af2d2d;
}
.ajax_loading .doaction {
  visibility: hidden;
}
div.doaction {
  font-family: inherit;
  margin-bottom: 0em;
}
div.doaction:last-child {
  margin-bottom: 0em;
}
input + div.doaction, textarea + div.doaction {
  margin-top: 1em;
}