/**
 * See COPYING.txt for license details.
 *
 * @category  Magento
 * @package   NWT_Blog
 * @author    Nordic Web Team <support@nordicwebteam.se>
 * @copyright 2016 Nordic Web Team. All rights reserved.
 * @license   NWT Commercial License (NWTCL 1.0)
 * @link      http://www.nordicwebteam.se
 */
/* - - import modules  - -*/
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

.blog-wrapper {
  overflow: hidden; }
  .blog-wrapper .blog-post {
    overflow: hidden; }
    .blog-wrapper .blog-post h2.item-title a {
      color: #4b4b4b;
      font-weight: 700;
      font-size: 18px; }
      .blog-wrapper .blog-post h2.item-title a:hover {
        color: #468bc6;
        text-decoration: none; }
    .blog-wrapper .blog-post .item-read-more {
      display: inline-block;
      color: #4b4b4b;
      font-weight: 300;
      padding: 10px 20px;
      position: relative;
      margin-left: 3px;
      margin-right: 3px;
      margin-bottom: 20px;
      -webkit-transition: all 0.1s;
      transition: all 0.1s; }
      .blog-wrapper .blog-post .item-read-more:hover {
        text-decoration: none;
        color: #468bc6; }

.pages strong.page {
  background: #fff;
  font-size: 1.6rem;
  border-bottom: 1px solid #4b4b4b; }

.pages a.page {
  font-size: 1.6rem;
  color: #4b4b4b; }

.pages .action {
  border-radius: 0;
  background: #fff;
  border: 2px solid #4b4b4b;
  color: #4b4b4b; }

.block.related, .latest-items {
  text-align: center; }
  .block.related .block-title strong, .block.related .title, .latest-items .block-title strong, .latest-items .title {
    font-size: 16px;
    color: #4b4b4b;
    font-weight: 700;
    text-transform: uppercase; }
  .block.related ol, .latest-items ol {
    display: inline-block;
    width: 100%;
    padding-left: 0;
    padding-left: 0; }

.latest__item-info, .related__item-info {
  width: calc(100%/4);
  float: left; }
  @media (max-width: 768px) {
    .latest__item-info, .related__item-info {
      width: 100%; } }
  .latest__item-info .item__padding, .related__item-info .item__padding {
    padding: 10px; }
  .latest__item-info .item-item-link, .related__item-info .item-item-link {
    font-weight: 600;
    font-size: 18px; }
  .latest__item-info .item-image-holder, .related__item-info .item-image-holder {
    min-height: 220px; }

.item-image-holder {
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important; }

body.nwt-blog-index-index .category-list-wrapper, body.nwt-blog-category-view .category-list-wrapper {
  padding: 0;
  overflow: hidden; }
  body.nwt-blog-index-index .category-list-wrapper ul, body.nwt-blog-category-view .category-list-wrapper ul {
    list-style: none;
    text-align: center;
    overflow: hidden;
    margin: 0;
    padding: 0; }
    body.nwt-blog-index-index .category-list-wrapper ul li, body.nwt-blog-category-view .category-list-wrapper ul li {
      display: inline-block;
      padding: 5px 10px; }

body.nwt-blog-index-index .blog-wrapper .blog-post, body.nwt-blog-category-view .blog-wrapper .blog-post {
  overflow: hidden; }
  body.nwt-blog-index-index .blog-wrapper .blog-post:nth-child(2n) .item-text-holder, body.nwt-blog-category-view .blog-wrapper .blog-post:nth-child(2n) .item-text-holder {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 50%;
    text-align: left;
    position: relative;
    float: right;
    padding-right: 0;
    padding-left: 20px; }
  body.nwt-blog-index-index .blog-wrapper .blog-post h2.item-title, body.nwt-blog-category-view .blog-wrapper .blog-post h2.item-title {
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 10px;
    margin-top: 30px; }
    body.nwt-blog-index-index .blog-wrapper .blog-post h2.item-title a, body.nwt-blog-category-view .blog-wrapper .blog-post h2.item-title a {
      color: #4b4b4b; }
      body.nwt-blog-index-index .blog-wrapper .blog-post h2.item-title a:hover, body.nwt-blog-category-view .blog-wrapper .blog-post h2.item-title a:hover {
        color: #468bc6;
        text-decoration: none; }
  body.nwt-blog-index-index .blog-wrapper .blog-post .item-text-holder, body.nwt-blog-category-view .blog-wrapper .blog-post .item-text-holder {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 50%;
    text-align: right;
    position: relative;
    padding-right: 20px;
    float: left; }
  body.nwt-blog-index-index .blog-wrapper .blog-post .item-read-more, body.nwt-blog-category-view .blog-wrapper .blog-post .item-read-more {
    display: inline-block;
    color: #4b4b4b;
    font-weight: 300;
    padding: 10px 20px;
    position: relative;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 20px;
    -webkit-transition: all 0.1s;
    transition: all 0.1s; }
  body.nwt-blog-index-index .blog-wrapper .blog-post .item-image-holder, body.nwt-blog-category-view .blog-wrapper .blog-post .item-image-holder {
    width: 50%;
    float: left;
    min-height: 400px; }
  body.nwt-blog-index-index .blog-wrapper .blog-post .item-read-more, body.nwt-blog-category-view .blog-wrapper .blog-post .item-read-more {
    border: 2px solid #468bc6;
    border-radius: 3px;
    color: #468bc6; }
  body.nwt-blog-index-index .blog-wrapper .blog-post .item-info, body.nwt-blog-category-view .blog-wrapper .blog-post .item-info {
    font-size: 13px;
    color: #c0c0c0;
    font-weight: 300; }
    body.nwt-blog-index-index .blog-wrapper .blog-post .item-info .item-categories, body.nwt-blog-category-view .blog-wrapper .blog-post .item-info .item-categories {
      list-style: none;
      padding-left: 0; }
      body.nwt-blog-index-index .blog-wrapper .blog-post .item-info .item-categories li, body.nwt-blog-category-view .blog-wrapper .blog-post .item-info .item-categories li {
        display: inline-block;
        padding: 0 5px 0 0; }

body.nwt-blog-item-view .page-title-wrapper {
  text-align: center; }
  body.nwt-blog-item-view .page-title-wrapper .page-title {
    font-weight: bold;
    text-transform: uppercase; }

body.nwt-blog-item-view .item-view.col-1 .item-view__category {
  display: none; }

body.nwt-blog-item-view .item-view.col-3 .item-view__category {
  display: block; }

body.nwt-blog-item-view .item-view.col-3 .item-image-holder {
  min-height: 160px !important; }

body.nwt-blog-item-view .item-view.col-3 .item-view__top {
  width: 20%;
  float: left; }
  @media (max-width: 768px) {
    body.nwt-blog-item-view .item-view.col-3 .item-view__top {
      display: none; } }
  body.nwt-blog-item-view .item-view.col-3 .item-view__top .item-view__category {
    display: block;
    padding-right: 20px; }

body.nwt-blog-item-view .item-view.col-3 .item-view__main {
  width: 60%;
  float: left; }
  @media (max-width: 768px) {
    body.nwt-blog-item-view .item-view.col-3 .item-view__main {
      width: 100%; } }

body.nwt-blog-item-view .item-view.col-3 .item-view__bottom {
  width: 20%;
  float: left; }
  @media (max-width: 768px) {
    body.nwt-blog-item-view .item-view.col-3 .item-view__bottom {
      width: 100%; } }
  body.nwt-blog-item-view .item-view.col-3 .item-view__bottom .block.related {
    padding: 0;
    text-align: center;
    padding-left: 20px; }
    @media (max-width: 768px) {
      body.nwt-blog-item-view .item-view.col-3 .item-view__bottom .block.related {
        padding-left: 0; } }
    body.nwt-blog-item-view .item-view.col-3 .item-view__bottom .block.related .product-items li {
      width: 100%; }
      @media (max-width: 768px) {
        body.nwt-blog-item-view .item-view.col-3 .item-view__bottom .block.related .product-items li {
          width: 50%; } }
    body.nwt-blog-item-view .item-view.col-3 .item-view__bottom .block.related .related__item-info {
      width: 100%;
      padding-bottom: 10px; }

body.nwt-blog-item-view .item-image-holder {
  width: 100%;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  min-height: 420px; }

body.nwt-blog-item-view .item-categories {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center; }
  body.nwt-blog-item-view .item-categories li {
    display: inline-block;
    padding: 5px; }
    body.nwt-blog-item-view .item-categories li a {
      display: inline-block;
      padding: .375em 1em .5em;
      color: #4b4b4b;
      border-radius: 20px;
      font-size: 16px;
      margin-right: .5em;
      border: 0;
      -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
              box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
      background: #f7f7f9;
      font-weight: 700;
      margin: 15px 0; }

body.nwt-blog-item-view .item-writer {
  line-height: 50px;
  font-size: 16px;
  font-weight: 700;
  color: #c0c0c0;
  text-transform: uppercase; }
  body.nwt-blog-item-view .item-writer .label {
    color: #4b4b4b; }

body.nwt-blog-item-view .item-view__category {
  padding-bottom: 10px;
  padding-top: 0; }
  body.nwt-blog-item-view .item-view__category .category-list__title {
    cursor: pointer;
    font-weight: 600;
    margin: 0;
    overflow: hidden;
    padding: 10px 40px 0 10px;
    position: relative;
    text-transform: uppercase;
    word-break: break-all;
    z-index: 1;
    display: block;
    text-decoration: none; }
  body.nwt-blog-item-view .item-view__category ul {
    margin: 0;
    list-style: none;
    padding: 10px;
    margin-right: 20px;
    border-bottom: 1px solid #e5e5e5; }
    body.nwt-blog-item-view .item-view__category ul li {
      line-height: 1.5em;
      margin: 0 0 2px 0; }
      body.nwt-blog-item-view .item-view__category ul li:hover a {
        background: #f7f7f7; }
      body.nwt-blog-item-view .item-view__category ul li a {
        display: block;
        padding: 8px 10px;
        color: #000;
        border-radius: 2px; }
        body.nwt-blog-item-view .item-view__category ul li a:hover {
          text-transform: none;
          text-decoration: none; }
        body.nwt-blog-item-view .item-view__category ul li a span {
          float: right;
          text-align: right;
          color: #a3a3a3; }

body.nwt-blog-item-view .block.comments {
  padding: 20px 0; }

body.nwt-blog-item-view .item-view__bottom .block.related {
  padding: 10px 0;
  text-align: center;
  margin-bottom: 0; }
  body.nwt-blog-item-view .item-view__bottom .block.related .product-items {
    list-style: none; }
    body.nwt-blog-item-view .item-view__bottom .block.related .product-items li {
      display: inline-block;
      width: 20%; }
      body.nwt-blog-item-view .item-view__bottom .block.related .product-items li .product-item-info {
        width: 100%; }
        body.nwt-blog-item-view .item-view__bottom .block.related .product-items li .product-item-info:hover {
          -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.06), 0 5px 8px rgba(0, 0, 0, 0.13);
                  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.06), 0 5px 8px rgba(0, 0, 0, 0.13);
          border: none;
          margin: 0;
          padding: 0; }
      @media (max-width: 768px) {
        body.nwt-blog-item-view .item-view__bottom .block.related .product-items li {
          width: 50%; } }
  body.nwt-blog-item-view .item-view__bottom .block.related .product-item-actions {
    display: inline-block; }
  body.nwt-blog-item-view .item-view__bottom .block.related .related-available .product-item-name {
    margin-left: 0; }
