/*

Theme Name: Krica

Theme URI: http://www.krica.se

Author: Arvid Janson

Author URI: http://allidoiwwin.se

Description: CUstom theme for Krica

Version: 1

*/div.row {

  width: 978px;

  margin: 0px auto;

  clear: both;

}

div.row.narrow {

  width: 880px;

}

div.col1,

div.col2,

div.col3,

div.col4,

div.col5,

div.col6,

div.col7,

div.col8,

div.col9,

div.col10,

div.col11,

div.col12 {

  float: left;

  margin-left: 30px;

}

div.col1:first-child,

div.col2:first-child,

div.col3:first-child,

div.col4:first-child,

div.col5:first-child,

div.col6:first-child,

div.col7:first-child,

div.col8:first-child,

div.col9:first-child,

div.col10:first-child,

div.col11:first-child,

div.col12:first-child {

  margin-left: 0px;

}

div.col1 {

  width: 54px;

}

div.col2 {

  width: 138px;

}

div.col3 {

  width: 222px;

}

div.col4 {

  width: 306px;

}

div.col5 {

  width: 390px;

}

div.col6 {

  width: 474px;

}

div.col7 {

  width: 558px;

}

div.col8 {

  width: 642px;

}

div.col9 {

  width: 726px;

}

div.col10 {

  width: 810px;

}

div.col11 {

  width: 894px;

}

div.col12 {

  width: 978px;

}

div.first {

  margin-left: 0;

}

@font-face {

  font-family: 'verb_regularbold';

  src: url('css/fonts/VerbBold-webfont.eot');

  src: url('css/fonts/VerbBold-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/VerbBold-webfont.woff') format('woff'), url('css/fonts/VerbBold-webfont.ttf') format('truetype'), url('css/fonts/VerbBold-webfont.svg#verb_regularbold') format('svg');

  font-weight: normal;

  font-style: normal;

}

/*

@font-face {

    font-family: 'verb_regularbold_italic';

    src: url('css/fonts/VerbBold-Italic-webfont.eot');

    src: url('css/fonts/VerbBold-Italic-webfont.eot?#iefix') format('embedded-opentype'),

         url('css/fonts/VerbBold-Italic-webfont.woff') format('woff'),

         url('css/fonts/VerbBold-Italic-webfont.ttf') format('truetype'),

         url('css/fonts/VerbBold-Italic-webfont.svg#verb_regularbold_italic') format('svg');

    font-weight: normal;

    font-style: normal;

}

*/

@font-face {

  font-family: 'verb_extralightregular';

  src: url('css/fonts/VerbExtraLight-webfont.eot');

  src: url('css/fonts/VerbExtraLight-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/VerbExtraLight-webfont.woff') format('woff'), url('css/fonts/VerbExtraLight-webfont.ttf') format('truetype'), url('css/fonts/VerbExtraLight-webfont.svg#verb_lightregular') format('svg');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'verb_mediumregular';

  src: url('css/fonts/VerbMedium-webfont.eot');

  src: url('css/fonts/VerbMedium-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/VerbMedium-webfont.woff') format('woff'), url('css/fonts/VerbMedium-webfont.ttf') format('truetype'), url('css/fonts/VerbMedium-webfont.svg#verb_mediumregular') format('svg');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'verb_mediumitalic';

  src: url('css/fonts/VerbMedium-Italic-webfont.eot');

  src: url('css/fonts/VerbMedium-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/VerbMedium-Italic-webfont.woff') format('woff'), url('css/fonts/VerbMedium-Italic-webfont.ttf') format('truetype'), url('css/fonts/VerbMedium-Italic-webfont.svg#verb_mediumregular') format('svg');

  font-weight: normal;

  font-style: normal;

}

* {

  margin: 0;

  padding: 0;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

nav,

section {

  display: block;

}

audio[controls],

canvas,

video {

  display: inline-block;

  *display: inline;

  *zoom: 1;

}

html {

  font-size: 100%;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

}

body {

  margin: 0;

  font-size: 13px;

  line-height: 1.231;

}

body,

button,

input,

select,

textarea {

  font-family: Helvetica, Arial, sans-serif;

  color: #222;

  font-size: 12px;

}

::-moz-selection {

  background: #0b8c31;

  color: #fff;

  text-shadow: none;

}

::selection {

  background: #0b8c31;

  color: #fff;

  text-shadow: none;

}

a {

  color: #000;

  text-decoration: none;

}

a:hover,

a:active,

a:focus {

  outline: 0;

}

abbr[title] {

  border-bottom: 1px dotted;

}

b,

strong {

  font-weight: bold;

}

blockquote {

  margin: 1em 40px;

}

dfn {

  font-style: italic;

}

hr {

  display: block;

  height: 1px;

  border: 0;

  border-top: 1px solid #ddd;

  margin: 1em 0;

  padding: 0;

}

ins {

  background: #ff9;

  color: #000;

  text-decoration: none;

}

mark {

  background: #ff0;

  color: #000;

  font-style: italic;

  font-weight: bold;

}

pre,

code,

kbd,

samp {

  font-family: monospace, monospace;

  _font-family: 'courier new', monospace;

  font-size: 1em;

}

pre {

  white-space: pre;

  white-space: pre-wrap;

  word-wrap: break-word;

}

q {

  quotes: none;

}

q:before,

q:after {

  content: "";

  content: none;

}

small {

  font-size: 85%;

}

sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}

sup {

  top: -0.5em;

}

sub {

  bottom: -0.25em;

}

ul,

ol {

  margin: 0;

  list-style: none;

}

dd {

  margin: 0 0 0 40px;

}

nav ul,

nav ol {

  list-style: none;

  margin: 0;

  padding: 0;

}

img {

  border: 0;

  -ms-interpolation-mode: bicubic;

}

svg:not(:root) {

  overflow: hidden;

}

figure {

  margin: 0;

}

form {

  margin: 0;

}

fieldset {

  border: 0;

  margin: 0;

  padding: 0;

}

legend {

  border: 0;

  *margin-left: -7px;

  padding: 0;

}

label {

  cursor: pointer;

}

button,

input,

select,

textarea {

  font-size: 100%;

  margin: 0;

  vertical-align: baseline;

  *vertical-align: middle;

}

button,

input {

  line-height: normal;

  *overflow: visible;

}

button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

  cursor: pointer;

  -webkit-appearance: button;

}

input[type="checkbox"],

input[type="radio"] {

  box-sizing: border-box;

}

input[type="search"] {

  -moz-box-sizing: content-box;

  -webkit-box-sizing: content-box;

  box-sizing: content-box;

}

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;

}

.clearfix:before,

.clearfix:after {

  content: "";

  display: table;

}

.clearfix:after {

  clear: both;

}

.clearfix {

  zoom: 1;

}

body {

  font-family: verb_mediumregular, Helvetica, Arial;

  font-size: 14px;

  line-height: 1.4;

  color: #4d4b44;

  background: #ffffff url('css/images/bg_body.png') center top repeat-x;

}

h1,

h2,

h3,

h4 {

  font-weight: normal;

}

p {

  margin-bottom: 1em;

}

#header_container.frontpage {

  height: 470px;

  /* background: transparent url('css/images/bg_header.png') center top no-repeat; */
  background: transparent url('css/images/bg_header_new.png') center top no-repeat;

}

#header {

  border-bottom: 1px solid #e0e0e0;

}

#header #brand {

  display: block;

  width: 140px;

  height: 60px;

  margin: 20px 10px 15px 10px;

  float: left;

  text-indent: -9999px;

  background: url('css/images/logo.png') left top no-repeat;

}

#header .menu {

  height: 20px;

  padding-top: 63px;

  float: right;

}

#header .menu li {

  float: left;

  position: relative;

}

#header .menu li a {

  position: relative;

  z-index: 10;

  font-size: 16px;

  padding: 10px 15px;

  text-transform: uppercase;

  color: #0b8c31;

}

#header .menu li.current_page_ancestor a {

  color: #4d4b44;

}

#header .menu li .sub-menu {

  left: -5px;

  top: 20px;

  display: none;

  position: absolute;

  z-index: 100;

  padding: 12px 20px;

  border: 1px solid #e0e0e0;

  border-top: 0;

  background: #fff;

  background: rgba(255, 255, 255, 0.95);

  -webkit-border-top-right-radius: 0;

  -webkit-border-bottom-right-radius: 5px;

  -webkit-border-bottom-left-radius: 5px;

  -webkit-border-top-left-radius: 0;

  -moz-border-radius-topright: 0;

  -moz-border-radius-bottomright: 5px;

  -moz-border-radius-bottomleft: 5px;

  -moz-border-radius-topleft: 0;

  border-top-right-radius: 0;

  border-bottom-right-radius: 5px;

  border-bottom-left-radius: 5px;

  border-top-left-radius: 0;

  -moz-background-clip: padding;

  -webkit-background-clip: padding-box;

  background-clip: padding-box;

}

#header .menu li .sub-menu li {

  min-width: 150px;

  float: none;

}

#header .menu li .sub-menu li a {

  display: block;

  font-size: 13px;

  padding: 7px 0;

  color: #0b8c31;

}

#header .menu li .sub-menu li a:hover {

  color: #4d4b44;

}

#header .menu li .sub-menu:after {

  content: ' ';

  display: block;

  position: absolute;

  width: 100%;

  height: 25px;

  padding: 1px;

  background: transparent;

  background: -moz-linear-gradient(top, #fbfbfb 0%, rgba(255, 255, 255, 0) 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, rgba(255, 255, 255, 0)));

  background: -webkit-linear-gradient(top, #fbfbfb 0%, rgba(255, 255, 255, 0) 100%);

  background: -o-linear-gradient(top, #fbfbfb 0%, rgba(255, 255, 255, 0) 100%);

  background: -ms-linear-gradient(top, #fbfbfb 0%, rgba(255, 255, 255, 0) 100%);

  background: linear-gradient(top, #fbfbfb 0%, rgba(255, 255, 255, 0) 100%);

  top: 0;

  left: -1px;

}

#header .menu li:hover .sub-menu {

  display: block;

}

#masthead {

  padding: 20px 139px 0 139px;

  text-align: center;

  width: 700px;

  margin: 0 auto;

  border-top: 2px solid #fff;

}

#masthead h1 {

  font-family: verb_regularbold;

  font-size: 60px;

}
/*
#flags {

  position: relative;

  width: 800px;

  margin: 0 auto;

}

#flags li {

  position: absolute;

}

#flags li a {

  display: block;

  width: 140px;

  height: 30px;

}

#flags li a .popup {

  display: none;

  position: absolute;

  left: -100px;

  top: -10px;

  font-size: 13px;

  width: 300px;

  padding: 10px;

  background: #fff;

  border: 4px solid #ddd;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -moz-background-clip: padding;

  -webkit-background-clip: padding-box;

  background-clip: padding-box;

  border-radius: 5px;

}

#flags li a .popup span {

  display: block;

}

#flags li a .popup .title {

  font-family: verb_regularbold;

}

#flags li a .popup .content {

  font-family: Georgia;

}

#flags li a .popup .more {

  margin-top: 3px;

  font: verb_regularbold;

  color: #0b8c31;

}

#flags li a:hover .popup {

  display: block;

}

#flags li.flag-garden {

  left: -185px;
  top: 104px;

}

#flags li.flag-petri {
  left: 180px;
  top: 42px;
}

#flags li.flag-lagenheter {
  left: 445px;
  top: 45px;
}

#flags li.flag-villor {
  left: 445px;
  top: 120px;
}

#flags li.flag-team {
  left: 665px;
  top: 50px;
}

#flags li.flag-team a {
  width: 160px;
}

#flags li.flag-ungavuxna {
  left: 685px;
  top: 110px;
}
*/
#banner_container {

  background: #2e2b23;

  padding: 15px 0 1px 0;

  text-align: center;

  color: #fff;

}

#content {

  background-repeat: no-repeat;

  padding: 40px 0;

  overflow: hidden;

  border-top: 5px solid #2e2b23;

}

#content .entry_point {

  height: 240px;

}

#content .entry_point span {

  display: block;

}

#content .entry_point a:hover {

  text-decoration: none;

}

#content .entry_point .image {

  margin-bottom: 10px;

  height: 150px;

}

#content .entry_point .image img {

  vertical-align: top;

}

#content .entry_point .title {

  color: #0b8c31;

  text-transform: uppercase;

  font-size: 16px;

  margin-bottom: 5px;

}

#content #heading {

  position: relative;

  height: 275px;

}

#content #heading h1 {

  font-family: verb_regularbold;

  font-size: 36px;

  position: absolute;

  bottom: 20px;

  color: #fff;

}

#content #heading h1 span {

  display: inline-block;

  background: #2e2b23;

  padding: 10px 30px;

}

#content #main {

  background: #fff;

  padding: 30px;

}

#content #main a {

  color: #0b8c31;

}

#content #main #article p,

#content #main #article li {

  font-family: Georgia;

  margin-bottom: 1.5em;

  line-height: 1.6;

  font-size: 15px;

}

#content #main #article li {

  margin-bottom: 5px;

}

#content #main #article ul {

  list-style: disc;

  padding-left: 20px;

  margin-bottom: 1.5em;

}

#content #main #article blockquote {

  border-left: 2px solid #eee;

  margin-left: 0;

  padding-left: 30px;

}

#content #main #article blockquote p {

  font-family: verb_extralightregular;

  font-size: 20px;

  color: #999;

}

#content #main #article > p:first-child {

  font-family: verb_extralightregular;

  font-size: 20px;

}

#content #main #article .wp-caption-text {

  font-size: 12px;

  font-style: italic;

  color: #999;

}

#content #sidebar {

  border-left: 1px solid #e0e0e0;

  padding-left: 20px;

}

#content #sidebar .back {

  background: url('css/images/back.png') left center no-repeat;

  display: block;

  margin-bottom: 20px;

  padding-left: 20px;

  height: 20px;

  line-height: 20px;

}

#content #sidebar .back.first {

  margin-bottom: 5px;

}

#content #sidebar .entry_author_image {

  margin-top: 25px;

  margin-bottom: 7px;

}

#content #sidebar .post_meta {

  margin-bottom: 20px;

}

#content #sidebar .post_meta span {

  display: block;

  margin-bottom: 5px;

}

#content #sidebar #submenu {

  z-index: 1000;

}

#content #sidebar #submenu a {

  display: block;

  text-transform: uppercase;

  padding: 5px 0;

}

#content #sidebar #submenu .active a {

  color: #4d4b44;

}

#content a:hover {

  text-decoration: underline;

}

#campaign {

  border-top: 1px solid #e0e0e0;

  text-align: center;

  padding: 25px 0 30px 0;

}

#campaign h2 {

  font-family: verb_extralightregular;

  font-size: 36px;

}

#campaign a {

  color: #0b8c31;

}

#campaign a:hover {

  text-decoration: underline;

}

#references {

  margin-bottom: 40px;

  padding-top: 40px;

  border-top: 1px solid #e0e0e0;

}

#references .first {

  width: 245px;

  float: left;

  padding-right: 20px;

  margin-right: 20px;

  border-right: 1px solid #e0e0e0;

}

#references .second {

  width: 419px;

  float: left;

  padding-right: 20px;

/*  border-right: 1px solid #e0e0e0;*/

}

#references .quote {

  font-family: verb_mediumitalic;

  font-size: 16px;

  margin-bottom: 10px;

}

#references .author {

  font-size: 12px;

}

#footer_container {

  background: #2e2b23 url('css/images/bg_footer.png') center top no-repeat;

  padding: 30px 0;

  color: #fff;

}

#footer_container a {

  color: #fff;

}

#footer_container h3 {

  text-transform: uppercase;

  font-size: 16px;

  margin-bottom: 20px;

}

#footer_container h4 {

  font-size: 16px;

  margin-bottom: 5px;

}

#footer_container #contact {

  padding-top: 140px;

}

#footer_container #contact .text {

  float: left;

  width: 100%;

  margin-bottom: 15px;

  padding: 10px;

  border: 4px solid #ddd;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -moz-background-clip: padding;

  -webkit-background-clip: padding-box;

  background-clip: padding-box;

  border-radius: 5px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

#footer_container #contact .text.hp {

  display: none !important;

}

#footer_container #contact .textarea {

  float: right;

  height: 104px;

  resize: vertical;

}

#footer_container #contact .submit {

  font-family: verb_regularbold;

  float: right;

  background: #fff;

  padding: 10px 20px 8px 20px;

  border: 0;

  text-transform: uppercase;

  color: #0b8c31;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -moz-background-clip: padding;

  -webkit-background-clip: padding-box;

  background-clip: padding-box;

  border-radius: 3px;

}

#footer_container #contact .submit:hover {

  text-shadow: 0 1px 0 #fff;

  background: #ffffff;

  background: -moz-linear-gradient(top, #ffffff 0%, #d4d4d4 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d4d4d4));

  background: -webkit-linear-gradient(top, #ffffff 0%, #d4d4d4 100%);

  background: -o-linear-gradient(top, #ffffff 0%, #d4d4d4 100%);

  background: -ms-linear-gradient(top, #ffffff 0%, #d4d4d4 100%);

  background: linear-gradient(top, #ffffff 0%, #d4d4d4 100%);

}

#footer_container #contact .submitted {

  background: #4b4639;

  padding: 10px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -moz-background-clip: padding;

  -webkit-background-clip: padding-box;

  background-clip: padding-box;

  border-radius: 3px;

}

#footer_container .excerpt a {

  text-decoration: none !important;

}

#footer_container .more {

  display: block;

  text-align: right;

  color: #fff;

  font-size: 12px;

}

#footer_container a:hover {

  text-decoration: underline;

}

.news_item {

  border-bottom: 1px solid #e0e0e0;

  margin-bottom: 20px;

  padding-bottom: 16px;

  overflow: hidden;

}

.news_item:last-child {

  margin-bottom: 0;

  padding-bottom: 0;

}

.news_item .wp-post-image {

  float: right;

  margin: 0 0 20px 20px;

}

.news_item .meta {

  font-size: 12px;

  margin-bottom: 5px;

  display: block;

}

.news_item h2 {

  font-size: 18px;

  font-family: verb_regularbold;

  margin-bottom: 10px;

}

.news_item h2 a {

  color: #4d4b44 !important;

}

.news_item p a {

  color: #4d4b44 !important;

  text-decoration: none !important;

}

.news_item h3 {

  font-size: 16px;

  margin-bottom: 5px;

}

.news_item h3 a {

  color: #fff;

}

.news_item .more {

  font-family: verb_regularbold;

  font-size: 14px;

}

.news_item .excerpt {

  font-family: Georgia;

}

.news_item:last-child {

  border: 0;

}

#footer_container .news_item a {

  color: #fff !important;

}

#navigation {

  text-align: center;

}

#copyright_container {

  padding: 10px 0;

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {

  #header #brand {

    background-image: url('css/images/logo@2x.png');

    background-size: 140px 60px;

  }

  #header_container.frontpage {

    background-image: url('css/images/bg_header_new_2.png');

    background-size: 2600px 470px;

  }

}

.btn {
  background-color: #fff;
  padding: 15px;
  color: #0b8c31;
  border: none;
  text-align: center;
  margin-bottom: 20px;
  border-radius: 4px;
  font-size: 16px;
  opacity: 1.0;
  transition: 0.3s;
}

.btn:hover {opacity: 0.6}

.btn-green {
  background-color: #0b8c31;
  padding: 15px;
  color: #fff;
  border: none;
  text-align: center;
  margin-bottom: 20px;
  border-radius: 4px;
  font-size: 16px;
  opacity: 1.0;
  transition: 0.3s;
}

.btn-green:hover {opacity: 0.6}