@import url(https://fonts.googleapis.com/css?family=Poly|Quicksand:400,700);/*
Theme Name:     Tyger & Ting
Theme URI:      https://www.tygeroting.com
Author:         Tommy Svenningsson
Author URI:     http://www.ticketeer.se
Template:     	storefront
Description:  	Theme for Tyger & Ting based on Storefront
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
*/
body {
  font-family: "Quicksand", sans-serif;
  font-weight: 400; }
  body h1, body h2 {
    font-family: "Poly", serif;
    font-weight: 400; }
  body h3, body h4, body h5 {
    font-family: "Quicksand", sans-serif;
    font-weight: 700; }
  body .main-navigation ul li a {
    font-family: "Quicksand", sans-serif;
    font-weight: 700; }
  body button, body input, body textarea, body select, body form {
    font-family: "Quicksand", sans-serif;
    font-weight: 400; }

select {
  padding: 5px 8px;
  border-radius: 3px;
  border: 0px solid;
  color: #333; }
  select option {
    margin-bottom: 5px; }

.site-header {
  border-bottom: 0px solid; }

#masthead {
  background-repeat: no-repeat;
  background-position-x: left; }

.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
  padding: 3rem;
  margin: 2rem 0 0 0;
  background-color: #FFF; }

.site-search .widget_product_search input[type=search], .site-search .widget_product_search input[type=text] {
  padding: .5em 1.41575em;
  line-height: 1;
  border-radius: 3px; }

.hentry {
  background-color: #FFF;
  padding: 2rem; }

.site-search .widget_product_search form::before {
  top: .7em;
  left: 1.15em; }

.storefront-breadcrumb {
  margin-bottom: 0px; }

@media (min-width: 768px) {
  .storefront-primary-navigation {
    background-color: #3f5252; }
  .site-header-cart .cart-contents {
    padding: 1em 0; }
  .main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
    padding: 1em; } }

.image-container {
  margin: -2rem -2rem 0 -2rem;
  height: 260px;
  margin-bottom: 10px;
  background-size: cover;
  background-position: center; }
  .image-container img {
    border-radius: 0; }

.blog .entry-header {
  margin-bottom: 1em; }
  .blog .entry-header a {
    color: #333333; }

.blog #main {
  display: grid;
  grid-template-columns: 1fr 2rem 1fr;
  grid-template-rows: auto; }
  .blog #main .post {
    position: relative;
    margin-bottom: 2rem; }
    .blog #main .post .image-container {
      height: 180px; }
    .blog #main .post h2 {
      margin-top: .2em;
      font-size: 2rem; }
    .blog #main .post:nth-child(odd) {
      grid-column-start: 1;
      grid-column-end: 2; }
    .blog #main .post:nth-child(even) {
      grid-column-start: 3;
      grid-column-end: 4; }
    .blog #main .post .read-more {
      position: absolute;
      bottom: 1rem; }

body.blog:not(.paged) #main .post:nth-of-type(1), body.blog:not(.paged) #main .post:nth-of-type(2) {
  grid-column-start: 1;
  grid-column-end: 4; }
  body.blog:not(.paged) #main .post:nth-of-type(1) h2, body.blog:not(.paged) #main .post:nth-of-type(2) h2 {
    font-size: 2.6rem; }
  body.blog:not(.paged) #main .post:nth-of-type(1) .image-container, body.blog:not(.paged) #main .post:nth-of-type(2) .image-container {
    height: 260px; }

.single-post #comments .comment-list .comment-content .comment-text {
  background-color: #f7f7f7; }

@media screen and (max-width: 720px) {
  .blog #main .post:nth-child(odd), .blog #main .post:nth-child(even) {
    grid-column-start: 1;
    grid-column-end: 4; } }

.widget-area .widget {
  background-color: #FFF;
  padding: 1rem; }
  .widget-area .widget .product-categories a {
    text-decoration: none; }

#order_review {
  background-color: #f7f7f7; }
  #order_review table th {
    background-color: #eee; }
  #order_review table tbody td {
    background-color: #f7f7f7; }
  #order_review #payment .payment_methods > li:not(.woocommerce-notice) {
    background-color: #eee; }
  #order_review #payment .payment_methods > li .payment_box, #order_review #payment .place-order {
    background-color: #f7f7f7; }

.woocommerce-order .order_details {
  background-color: #f4f4f4; }
  .woocommerce-order .order_details:before, .woocommerce-order .order_details:after {
    background: none; }

.woocommerce-order .woocommerce-order-details table th {
  background-color: #f4f4f4; }

.woocommerce-order .woocommerce-order-details table tbody td {
  background-color: #f4f4f4; }

table.cart th {
  background-color: #3f5252;
  color: #FFF; }

table.cart tbody td {
  background-color: #f7f7f7; }

table.cart tbody tr:nth-child(2n) td {
  background-color: #FFF; }

table.cart td.actions {
  border-top: 1em solid #FFF; }

.cart_totals table tbody td {
  background-color: #f7f7f7; }

.cart_totals table tbody tr:nth-child(2n) td {
  background-color: #f7f7f7; }

.cart_totals table th {
  background-color: #eee; }

.single-product div.product {
  background-color: #FFF;
  padding: 2rem 3rem; }

.post-type-archive-product .product, .archive .product {
  background-color: #FFF;
  padding: 5px; }
