/* 
Theme Name: destruction 
Version: 1.0.2
Description: theme for audiatur bokhandel - childtheme of storefront. 
Author: Stian K.
Author URI: http://zoo12.com 
Template: storefront 
Text Domain: destruction
*/
/* --------------- Normalize --------------------------------------- */
html,
body {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: "Roboto";
  src: url(fonts/Roboto-SemiBold.woff) format("woff");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("scss/fonts/source-sans-pro-latin-900-normal.ttf");
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("scss/fonts/source-sans-pro-latin-700-normal.ttf");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("scss/fonts/source-sans-pro-latin-600-normal.ttf");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("scss/fonts/source-sans-pro-latin-400-normal.ttf");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("scss/fonts/source-sans-pro-latin-300-normal.ttf");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("scss/fonts/source-sans-pro-latin-300-italic.ttf");
  font-style: italic;
  font-weight: 300;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("scss/fonts/source-sans-pro-latin-400-italic.ttf");
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("scss/fonts/source-sans-pro-latin-600-italic.ttf");
  font-style: italic;
  font-weight: 600;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("scss/fonts/source-sans-pro-latin-700-italic.ttf");
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("scss/fonts/source-sans-pro-latin-900-italic.ttf");
  font-style: italic;
  font-weight: 900;
}
/* --------------- Theme customization starts here ----------------- */
/* Media Queries */
body {
  background-color: #fefefe;
  color: #2C3E50;
}

.woocommerce-mini-cart__buttons a.button, a.add_to_cart_button, button.single_add_to_cart_button {
  border-radius: 0px;
  border: none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding-left: 25px;
  padding-right: 15px;
}

.site-header-cart .cart-contents:hover.count {
  color: #000000;
}

.site-header-cart .cart-contents .count {
  opacity: 1;
}

@media only screen and (max-width: 667px) {
  .storefront-full-width-content.single-product div.product .summary {
    width: 100%;
  }
}
@media only screen and (min-width: 668px) and (max-width: 1024px) {
  .storefront-full-width-content.single-product div.product .summary {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .storefront-full-width-content.single-product div.product .summary {
    width: 100%;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
  .storefront-full-width-content.single-product div.product .summary {
    width: 65%;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) and (min-resolution: 288dpi) {
  .storefront-full-width-content.single-product div.product .summary {
    width: 65%;
  }
}
@media screen and (orientation:landscape) {
  .storefront-full-width-content.single-product div.product .summary {
    width: 65%;
  }
}
@media screen and (orientation:portrait) {
  .storefront-full-width-content.single-product div.product .summary {
    width: 100%;
  }
}

@media only screen and (max-width: 667px) {
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
    width: 100%;
  }
}
@media only screen and (min-width: 668px) and (max-width: 1024px) {
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
    width: 100%;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
    width: 30%;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) and (min-resolution: 288dpi) {
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
    width: 30%;
  }
}
@media screen and (orientation:landscape) {
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
    width: 30%;
  }
}
@media screen and (orientation:portrait) {
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
    width: 100%;
  }
}

.woocommerce-products-header h1, .woocommerce-products-header h2, .woocommerce-products-header h3, .entry-header h1, .entry-header h2, .entry-header h3 {
  text-align: left;
}

.entry-header h1 {
  display: none;
}

.site-footer .storefront-handheld-footer-bar a:not(.button):not(.components-button) {
  color: #000000;
}

.storefront-handheld-footer-bar ul li.cart .count {
  background-color: #FF40FF;
}

a.add_to_cart_button:hover, button.single_add_to_cart_button:hover {
  color: #FF40FF !important;
  background-color: #000000 !important;
}

button.alt, input[type=button].alt, input[type=reset].alt, input[type=submit].alt, .button.alt, .widget-area .widget a.button.alt {
  color: #000000;
  background-color: #FF40FF;
}
button.alt:hover, input[type=button].alt:hover, input[type=reset].alt:hover, input[type=submit].alt:hover, .button.alt:hover, .widget-area .widget a.button.alt:hover {
  background-color: #000000;
  color: #FF40FF;
}

.site-header ul.menu li.current-menu-item > a, .site-header ul.menu li.current-menu-item > span.count {
  color: #FF40FF;
  background-color: #000000;
}

li > div.widget_shopping_cart {
  color: pink;
  background-color: purple;
}

a {
  color: default;
}

.woocommerce-info, .woocommerce-message {
  background-color: #45BF55;
}

.added_to_cart, .site-header-cart .widget_shopping_cart a.button, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link {
  padding: 12px;
}

h1.entry-title {
  text-align: left;
}

.entry-header, .hentry {
  margin-bottom: 0;
  padding-bottom: 0;
}

.widget_product_search, .site-search {
  width: 600px;
  float: left !important;
}
@media only screen and (max-width: 667px) {
  .widget_product_search, .site-search {
    width: 100%;
  }
}
@media only screen and (min-width: 668px) and (max-width: 1024px) {
  .widget_product_search, .site-search {
    width: 500px;
    padding-left: 1.5rem;
  }
}

div.destruct-search-results {
  background-color: #fefefe;
  position: relative;
  height: auto;
  width: 600px;
  top: 60px;
  padding: 10px;
  border: 0.5px solid #2C3E50;
  box-shadow: 5px 5px 20px #888;
}
div.destruct-search-results div.destruct-search-result {
  position: relative;
  display: block;
}
div.destruct-search-results div.destruct-search-result figure {
  width: 50px;
  float: left;
  margin: 10px;
  margin-right: 2rem;
}
div.destruct-search-results div.destruct-search-result .destruct-search-item {
  position: relative;
  display: block;
  float: left;
  clear: none;
}
div.destruct-search-results div.destruct-search-result .destruct-search-item p, div.destruct-search-results div.destruct-search-result .destruct-search-item h3 {
  clear: none;
  margin-left: 10px;
}
div.destruct-search-results div.destruct-search-result .destruct-search-item a {
  color: #2C3E50;
  text-decoration: underline;
}

.woocommerce-active .site-header .site-branding {
  width: 20%;
}

.site-logo svg {
  fill: #FF40FF;
  cursor: pointer;
}
@media only screen and (min-width: 668px) and (max-width: 1024px) {
  .site-logo svg {
    fill: #FF40FF;
    margin-top: 9px;
    height: 35px;
    width: 195px;
  }
}
@media only screen and (max-width: 667px) {
  .site-logo svg {
    fill: #FF40FF;
    z-index: 999;
    height: 25px;
    width: 130px;
  }
}
@media only screen and (min-width: 1025px) {
  .site-logo svg {
    height: 50px;
    width: 230px;
  }
}

@media only screen and (max-width: 667px) {
  .site-header {
    padding-top: 12px;
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
    background-color: #000000;
    position: fixed;
  }
}
@media only screen and (min-width: 668px) and (max-width: 1024px) {
  .site-header {
    margin-top: 0;
    padding: 0;
  }
}

.site-footer .storefront-handheld-footer-bar a:not(.button):not(.components-button) {
  color: #000000;
  background-color: #FF40FF;
  border: 0;
}

.storefront-handheld-footer-bar {
  box-shadow: none;
  border: none;
}

.site-footer .widget_block {
  margin: 0;
}

.site-footer {
  color: #FF40FF;
  background-color: #000000;
}

@media (min-width: 768px) {
  .woocommerce-active .site-header .main-navigation {
    width: 70%;
  }
}
@media (min-width: 768px) {
  .woocommerce-active .site-header .main-navigation {
    width: 60%;
  }
}
@media (min-width: 768px) {
  .woocommerce-active .site-header .site-header-cart {
    width: 30%;
  }
}
.storefront-primary-navigation {
  background-color: #000000;
  max-height: 48px;
}
@media only screen and (max-width: 667px) {
  .storefront-primary-navigation {
    background-color: #000000;
    height: 45px;
    position: fixed;
    width: 100%;
    z-index: -1;
    top: 0;
  }
}
@media only screen and (min-width: 668px) and (max-width: 1024px) {
  .storefront-primary-navigation {
    width: 100%;
  }
}

@media only screen and (max-width: 667px), only screen and (min-width: 668px) and (max-width: 1024px) {
  .storefront-primary-navigation .col-full {
    background-color: #000000;
    margin: 0;
  }
}

#site-navigation .menu ul li a {
  padding: 10px;
}

button.menu-toggle::after, button.menu-toggle::before, button.menu-toggle span::before {
  background-color: #FF40FF;
}

#site-navigation-menu-toggle.menu-toggle {
  margin: 14px 0 0 0 !important;
  border-radius: 0;
  color: #FF40FF;
  border: none;
  background-color: #000000;
}
#site-navigation-menu-toggle.menu-toggle span {
  visibility: hidden;
  display: none;
}
#site-navigation-menu-toggle.menu-toggle span::before {
  visibility: visible;
  color: #000;
  font-size: 5px;
  display: none;
}

@media only screen and (max-width: 667px) {
  .site-main h1 {
    margin-top: 0rem;
  }
  .site-main h2 {
    margin-top: 2rem;
  }
}

@media only screen and (max-width: 667px) {
  .home .site-main h1 {
    margin-top: 4rem;
  }
  .home .site-main h2 {
    margin-top: 2rem;
  }
}

@media only screen and (max-width: 667px) {
  .woocommerce-products-header__title {
    margin-top: 0;
  }
}

@media only screen and (max-width: 667px) {
  h1, .alpha {
    font-size: 1.8em;
  }
}

.site-content {
  padding-top: 0;
  margin-top: 0;
}

@media only screen and (max-width: 667px) {
  .storefront-breadcrumb {
    margin-top: 3rem;
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width: 668px) and (max-width: 1024px), only screen and (min-width: 1025px) {
  .storefront-breadcrumb {
    margin-bottom: 0;
  }
}

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
  margin-bottom: 4.235801032em;
}
@media only screen and (min-width: 668px) and (max-width: 1024px) {
  .home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
    margin-bottom: 1rem;
  }
}

@media only screen and (max-width: 667px) {
  .main-navigation ul {
    margin-top: 20px;
    margin-left: 25px;
  }
}

.handheld-navigation li {
  width: 100%;
  margin: 0 0 0 0;
}

.storefront-primary-navigation ul li a {
  color: #FF40FF;
  line-height: 1em;
  padding-top: 0;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 667px) {
  .storefront-primary-navigation ul li a {
    color: #FF40FF;
    width: 100%;
  }
}
@media only screen and (min-width: 668px) and (max-width: 1024px) {
  .storefront-primary-navigation ul li a {
    color: #FF40FF;
    width: 100%;
    text-align: right;
  }
}

.storefront-primary-navigation ul li:hover, .storefront-primary-navigation ul li:active, .main-navigation ul li a:hover, .main-navigation ul li a:active, .main-navigation ul li > a:hover, .main-navigation ul li > a:active, .site-title a:hover, .site-title a:active {
  background-color: #FF40FF;
  color: #000000;
}

.storefront-primary-navigation ul li a:hover, .storefront-primary-navigation ul li a:active {
  color: #000000;
}

/* PRODUCT */
.add_to_cart_button, button.single_add_to_cart_button, .ajax_add_to_cart, .wp-element-button, button.alt, .storefront-sticky-add-to-cart__content-button {
  background-color: #FF40FF !important;
  color: #000000 !important;
  /* float: left;
  clear: both; */
  padding-left: 10px;
}

/* li.product a img.wp-post-image {
	width: 40%;
	float: left;
} */
li.product a h2 {
  /* width: 60%;
  float: left;
  clear: none; */
  word-break: normal;
  line-break: loose;
}

/* HEADER */
.cart-contents {
  float: right;
}

.cart-contents span {
  padding-right: 1rem;
}

.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a, .site-header-cart .cart-contents {
  padding: 1em;
}

.site-header-cart .cart-contents::after {
  line-height: 1;
}

.woocommerce-loop-product__title {
  color: #2980B9;
  width: 100%;
  display: block;
  clear: both;
}

.authors, .editors {
  text-transform: uppercase;
  color: #2C3E50;
  text-align: left;
  font-size: 1.1em;
}

.handheld-navigation, .nav-menu, .main-navigation div.menu > ul:not(.nav-menu) {
  overflow: hidden;
  max-height: 0;
  transition: all, ease, 0.3s;
}

ul.products li.product .authors, ul.products li.product .editors, ul.products li.product .woocommerce-loop-product__title {
  text-align: left;
  padding-left: 10px;
}

/*
a img.attachment-woocommerce_thumbnail, .woocommerce-loop-product__link.woocommerce-placeholder, li.product a img.wp-post-image {
	clear: none;
	float: left;
	width: 33%;
}
 */
/*span.price, span.amount {
	display: none;
}*/
.single_add_to_cart_button::after, .product_type_simple::after, .storefront-sticky-add-to-cart__content-button::after {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  content: "\f07a";
  margin-left: 5px;
}

.destruct_sold_out {
  clear: both;
  float: left;
  padding-bottom: 6px;
}

.products .product {
  padding: 10px;
  border: 0.1px solid #fefefe;
}

.products .product:hover {
  box-shadow: 5px 10px 18px #888888;
}

.woocommerce ul.products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.woocommerce ul.products li.product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (max-width: 667px) {
  .woocommerce ul.products li.product {
    width: 100%;
  }
}
@media only screen and (min-width: 668px) and (max-width: 1024px) {
  .woocommerce ul.products li.product {
    width: 50%;
  }
}

.woocommerce ul.products li.product a:first-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.woocommerce-mini-cart__buttons a.button, .woocommerce ul.products li.product .button, .woocommerce ul.products li.product .destruct_sold_out {
  margin: 0.5rem auto;
  width: 100%;
}

.buttons a.button {
  background-color: #000000;
  color: #FF40FF;
}
.buttons a.button:hover {
  color: #000000;
  background-color: #FF40FF;
}

.widget a.button.checkout {
  color: #000000;
  background-color: #FF40FF;
}
.widget a.button.checkout:hover {
  background-color: #000000;
  color: #FF40FF;
}

input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, textarea:focus, .input-text:focus {
  background-color: #fefefe;
}

/*# sourceMappingURL=style.css.map */