/*
Theme Name: Blomdahl child theme
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Blomdahl Theme.
Version: 1.0
Author:
Author URI:
Template: blomdahl
*/
/*Add your own styles here:*/
/* Self-hosted Google Fonts (SIL Open Font License), latin + latin-ext only: the same files, weights and unicode
   ranges the site used to load from fonts.googleapis.com. Enfold's Google loader is switched off in functions.php. */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('fonts/open-sans-latin-ext-1c3db71c.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('fonts/open-sans-latin-c79c2f57.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('fonts/open-sans-latin-ext-1c3db71c.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('fonts/open-sans-latin-c79c2f57.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('fonts/raleway-latin-ext-40577a74.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('fonts/raleway-latin-2908b05a.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
body {
  color: #222;
  font-family: Raleway;
  font-size: 16px;
}
a.yt-video {
  padding: 10px 50px 10px 20px;
  color: black;
  background: url(imgs/play.png) no-repeat white;
  background-position-x: right;
  background-position-y: center;
  text-decoration: none !important;
}
a.yt-video:hover {
  color: #C08E47 !important;
}
h1.av-special-heading-tag {
  margin-top: 20px;
}
#header {
  box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3);
}
#header #header_main .av-logo-container {
  height: 90px !important;
  line-height: 90px !important;
}
@media (min-width: 1300px) {
  #header #header_main .av-logo-container .logo {
    max-height: 90px;
  }
  #header #header_main .av-logo-container .logo a,
  #header #header_main .av-logo-container .logo img {
    max-height: 90px !important;
  }
}
@media (min-width: 990px) and (max-width: 1299px) {
  #header #header_main .av-logo-container {
    padding: 0;
  }
  #header #header_main .av-logo-container .logo {
    max-height: 45px;
  }
  #header #header_main .av-logo-container .logo a,
  #header #header_main .av-logo-container .logo img {
    max-height: 45px !important;
  }
}
#header ul#avia-menu .menu-item a {
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'Raleway';
  font-weight: normal;
}
#header ul#avia-menu .menu-item a:hover {
  text-decoration: underline;
}
#header ul#avia-menu .menu-item .sub-menu {
  margin-left: 13px;
  width: 330px;
}
#header ul#avia-menu .menu-item .sub-menu li a {
  border-top: 1px solid #e1e1e1;
}
#top #main .container .content .av-special-heading {
  margin-top: 10px;
}
#top #main strong {
  color: #222 !important;
}
#top #main strong.white {
  color: #fff !important;
}
#top #main .main_color a.avia-color-theme-color {
  color: white !important;
}
#top #main .main_color a.avia-color-theme-color .avia_iconbox_title {
  color: white;
}
#top #main .breadcrumb {
  font-size: 16px;
  color: black;
}
#top #main .breadcrumb .sep {
  margin: 0 5px;
  font-weight: bold;
  width: 15px;
}
#top #main .breadcrumb a {
  color: #6f6f6f;
}
body#top.single-product .product {
  font-size: 18px;
  line-height: 1.5em;
  color: black;
}
body#top.single-product .product .single-product-main-image {
  padding-bottom: 0;
}
body#top.single-product .product .single-product-summary .summary {
  text-align: right;
}
body#top.single-product .product .single-product-summary .summary h1 {
  text-transform: uppercase;
  font-size: 30px;
  font-family: Open Sans;
  margin-bottom: 0;
}
body#top.single-product .product .single-product-summary .summary .product_meta {
  font-size: 18px;
  line-height: 2em;
}
body#top.single-product .product .single-product-summary .summary .price {
  color: #6f6f6f;
  font-size: 18px;
  line-height: 2em;
}
body#top.single-product .product .single-product-summary .summary .price span {
  font-size: 18px;
  line-height: 2em;
}
body#top.single-product .product .single-product-summary .summary form.cart {
  float: right;
  margin-top: 20px;
  text-align: right;
}
body#top.single-product .product .single-product-summary .summary form.cart .quantity {
  margin: 0 4px 0 0;
}
body#top.single-product .product .single-product-summary .summary form.cart button {
  float: none;
}
body#top.single-product .product .single-product-summary .summary form.variations_form {
  margin-top: 20px;
  width: 100%;
}
@media only screen and (min-width: 1000px) {
  body#top.single-product .product .single-product-summary .summary form.variations_form {
    width: 55%;
    float: right;
  }
}
body#top.single-product .product .single-product-summary .summary form.variations_form table.variations td.label label {
  font-weight: normal;
  font-size: 18px;
}
body#top.single-product .product .single-product-summary .summary form.variations_form table.variations td a.reset_variations {
  font-size: 18px;
  font-weight: bold;
}
body#top.single-product .product .single-product-summary .summary .single_variation_wrap p.stock {
  margin: 0 0 10px;
}
body#top.single-product .product .single-product-extras .woocommerce-tabs {
  padding-top: 0;
}
body#top.single-product .product .single-product-extras .woocommerce-tabs ul.tabs li a {
  text-transform: uppercase;
  color: black;
}
body#top.single-product .product .single-product-extras .woocommerce-tabs #reviews h2 {
  font-size: 15px;
}
body#top.single-product .product .single-product-extras .woocommerce-tabs #reviews #commentform label {
  font-size: 18px;
  font-weight: normal;
}
body#top.single-product .product a {
  color: #6f6f6f;
}
body #main main.template-shop {
  border: none;
  width: 1000px;
}
body #main main.template-shop ul.products li.product-category {
  width: 300px;
}
body #main main.template-shop .product-sorting {
  float: left;
  width: auto;
}
body #main main.template-shop .product-sorting ul li {
  font-size: 14px;
}
body #main main.template-shop nav.pagination {
  padding: 0;
  float: right;
}
body #main main.template-shop nav.pagination a {
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #ddd;
  font-size: 14px;
}
body #main main.template-shop nav.pagination a:hover {
  background: none;
  border-color: #C08E47;
  color: #C08E47;
}
body #main main.template-shop nav.pagination span {
  border-radius: 0;
  font-size: 14px;
}
body#top.woocommerce #main aside {
  width: 200px;
  text-align: left;
}
body#top.woocommerce #main aside .inner_sidebar {
  margin-right: 20px;
}
body#top.woocommerce #main aside .inner_sidebar ul.product-categories {
  list-style-type: none;
}
body#top.woocommerce #main aside .inner_sidebar ul.product-categories li a {
  font-size: 14px;
  background-image: none;
  text-transform: uppercase;
  padding-left: 0;
}
body#top .alternate_color {
  background-color: white;
  color: #333;
}
body#top #main .title_container.alternate_color {
  background: #fff;
}
body#top #main .title_container.alternate_color h1 a {
  color: #777;
  font-size: 2em;
}
#top form.wpcf7-form p {
  clear: both;
}
#top form.wpcf7-form p label {
  float: left;
  width: 200px;
  font-size: 22px;
  font-weight: normal;
}
#top form.wpcf7-form p input.wpcf7-form-control:not([type=submit]),
#top form.wpcf7-form p textarea {
  display: inline-block;
  width: 60%;
}
#top form.wpcf7-form p input[type=submit] {
  margin-left: 200px;
}
#footer div.container {
  max-width: 1200px;
  background-color: #f3f3f3;
  margin-top: -16px;
}
#footer ul.menu li a {
  text-transform: uppercase;
  font-size: 0.9em;
}
#footer ul.menu li ul.sub-menu {
  list-style-type: none;
}
#footer ul.menu li ul.sub-menu li a {
  padding-left: 0;
}
#footer .widget_nav_menu .current-menu-item > a,
#footer .widget_nav_menu .current_page_item > a {
  font-weight: normal;
}
#socket {
  font-size: 16px;
}
a.tudjon-meg-tobbet {
  border-radius: 3px;
  padding: 10px;
  font-size: 12px;
  text-decoration: none;
  display: inline-block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin: 3px 0;
  line-height: 1.2em;
  position: relative;
  font-weight: normal;
  text-align: center;
  max-width: 100%;
}
a.tudjon-meg-tobbet:hover {
  color: #C08E47 !important;
}
.upper {
  text-transform: uppercase;
}
a.arrow-right {
  display: inline-block;
  min-height: 39px;
  padding-top: 0.3em;
  padding-right: 58.5px;
  background: transparent url(../../uploads/2017/01/arrow_right.png) no-repeat center right;
}
.faq dt:target {
  font-family: 'Futura LT W01 Book', sans-serif;
}
.faq .target {
  top: auto;
}
.faq dl {
  margin-bottom: 3em;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
.justified {
  text-align: justify;
}
.block-text {
  margin: 0 8em;
}
.textblock {
  position: relative;
  clear: both;
  margin: 3.5em 0;
}
.faq .target:target + dd {
  height: auto;
  display: block;
}
.faq dd p,
.faq dd ul,
.faq dd li {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
body .faq {
  font-family: 'Futura W01 Light', sans-serif;
  color: #222 !important;
}
.toggle_icon {
  position: relative;
  border-color: transparent !important;
  top: 0;
}
.toggle_icon .vert_icon {
  background-image: url(https://www.blomdahl.com/images/arrow_right.png);
  width: 40px;
  height: 40px;
  background-size: cover;
  border: none;
  top: -10px;
}
.toggle_icon .hor_icon {
  border-color: transparent !important;
  border-top-style: none;
}
@media screen and (max-width: 1025px) {
  .av-logo-container {
    padding: 0;
  }
  .av-main-nav li a {
    padding: 0 6px !important;
  }
}
.page-id-7 #top form.login,
.page-id-7 #top form.register {
  padding: 50px !important;
}
#customer_details .form-row {
  clear: initial;
}
#order_comments_field {
  clear: left !important;
}
.create-account {
  clear: right !important;
}
.payment-before {
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #e1e1e1;
  background-color: #f8f8f8;
  margin-top: 40px;
}
#order_review_heading {
  border-radius: 5px;
  /*  border-style: solid;
      border-width: 1px;*/
}
#order_review_heading ul.wc_payment_methods {
  overflow: hidden;
  zoom: 1;
  text-align: left;
  font-size: 15px !important;
  padding: 1em;
  margin: 0;
  list-style: none outside;
  margin-bottom: 30px;
}
#order_review_heading ul.wc_payment_methods li {
  line-height: 2em;
  text-align: left;
  margin: -1px 0 0 0;
  font-weight: normal;
  border-style: solid;
  border-width: 1px;
  padding: 15px;
}
#order_review_heading ul.wc_payment_methods li label {
  font-weight: bold;
  font-size: 0.92em;
}
#order_review_heading ul.wc_payment_methods li .payment_box {
  position: relative;
  width: 90%;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888;
  padding: 1em 28px;
  margin: 0 0 0 0;
  font-size: 0.92em;
  left: -2px;
  background-color: #f8f8f8;
}
#order_review_heading ul.wc_payment_methods li .payment_box p {
  padding: 0 0 1em;
  margin: 0;
  border-color: #e1e1e1;
}
#order_review_heading ul.wc_payment_methods li .payment_box:last-child {
  padding-bottom: 0;
}
#top #payment .terms {
  text-align: left;
}
#payment.woocommerce-checkout-payment ul.wc_payment_methods {
  display: none;
}
ul.product-categories li {
  font-weight: bold;
}
ul.product-categories li ul li {
  font-weight: normal !important;
}
#top label span {
  font-weight: bold;
  font-size: 14px;
}
.pdfemb-poweredby {
  display: none !important;
}
@media only screen and (max-width: 990px) {
  .responsive #top #main .sidebar {
    display: block !important;
    border-right-width: 0 !important;
    width: 100%;
  }
}
@media only screen and (max-width: 990px) {
  #top #searchform > div {
    display: block !important;
    opacity: 1 !important;
  }
}
/* The mobile search (#menu-item-search-mobile, added to the main menu in functions.php) is only
   hidden by Enfold's menu JS once the page has loaded, so on desktop it flashed over the logo.
   Hide it with CSS from the first paint; below 991px it stays visible as before. */
@media only screen and (min-width: 991px) {
  #top #menu-item-search-mobile {
    display: none;
  }
}
/* Header (logo left, menu right, cart box pinned to the right page edge): the full menu (~1020px), the 300px logo
   and the 46px cart box need ~1420px. Below that the menu slid over the logo and the cart box covered the
   search/burger icons (also on the live site).
   990-1249px: burger menu (the rules Enfold itself uses below 990px for this header);
   1250-1419px: compact menu + smaller logo; 990-1419px: 50px side gutters, so the cart box sits in the gutter;
   1420px+: slightly tighter item padding. Below 990px Enfold's own layout is unchanged.
   Upper limits end in .98 and the burger range starts at 989.05px: with browser zoom / Windows scaling the viewport
   can be fractional (e.g. 1249.6px), which fell between max-width 1249px and min-width 1250px (and Enfold's 989/990). */
@media only screen and (min-width: 989.05px) and (max-width: 1249.98px) {
  .responsive.html_mobile_menu_tablet .av-burger-menu-main { display: block; }
  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item { display: none; }
  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special { display: block; }
  .responsive.html_mobile_menu_tablet #top #wrap_all .menu-item-search-dropdown > a { font-size: 24px; }
  .responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a {
    min-width: 0; padding: 0 0 0 20px; margin: 0; border-style: none; border-width: 0;
  }
}
@media only screen and (min-width: 989.05px) and (max-width: 1419.98px) {
  .responsive #top #header_main > .container { width: calc(100% - 100px); max-width: none; }
  /* the older 990-1299px rule above caps the logo box at 45px, which pinned the logo to the top of the 90px header */
  #header #header_main .av-logo-container .logo,
  #header #header_main .av-logo-container .logo a { height: 90px; max-height: 90px !important; display: flex; align-items: center; }
  #header #header_main .av-logo-container .logo img { max-height: 90px !important; }
}
@media only screen and (min-width: 1250px) and (max-width: 1419.98px) {
  .responsive #top #header_main .logo img { max-width: 240px; height: auto; }
  .responsive #top #header_main .av-main-nav > li.menu-item-top-level > a { font-size: 14px; padding-left: 8px; padding-right: 8px; }
}
@media only screen and (min-width: 1420px) {
  .responsive #top #header_main .av-main-nav > li.menu-item-top-level > a { padding-left: 10px; padding-right: 10px; }
}
/* Checkout terms checkbox: WC 3.4+ markup has no .terms class any more - same spacing as the old p.terms */
#top #payment .woocommerce-terms-and-conditions-wrapper p.form-row {
  padding: 0 1em 0;
  text-align: left;
}
/* Phones: the 300px logo ran under the search icon (live too). Leave room for the search + burger icons. */
@media only screen and (max-width: 479px) {
  .responsive #top #header_main .logo img { max-width: calc(100vw - 180px); height: auto; }
}
/* Shop / category grid on tablets (768-989px, fractional widths included): the fixed 1000px main column above is wider than the screen here
   (the content container is the full window width), so the 3-column grid slid off the left edge (live too).
   Centre the column with even side gutters (as below 768px) and use 2 columns, like Enfold does below 768px. */
@media only screen and (min-width: 767.05px) and (max-width: 989.98px) {
  .responsive #top #main main.template-shop { display: block; float: none; box-sizing: border-box; width: auto; margin: 0 7.5%; padding: 0; }
  .responsive #top #main main.template-shop .entry-content-wrapper { padding-right: 0; }
  .responsive #top #main main.template-shop .products .product { margin: 0 2% 2% 0; width: 49%; }
  .responsive #top #main main.template-shop .products .product:nth-child(odd) { clear: both; }
  .responsive #top #main main.template-shop .products .product:nth-child(even) { clear: none; margin-right: 0; }
}
/* Login / register / account forms: WooCommerce 8+ adds a "show password" button after each password field, but
   Enfold doesn't load WooCommerce's own stylesheet, so it showed as a small empty button under the field.
   Same styling as WooCommerce core (woocommerce-layout.scss): eye icon inside the field on the right. */
.woocommerce form .password-input { position: relative; display: block; }
.woocommerce form .password-input input[type="password"],
.woocommerce form .password-input input[type="text"] { padding-right: 2.5rem; margin-bottom: 0; }
.woocommerce form .password-input input::-ms-reveal { display: none; }
#top .woocommerce form .show-password-input {
  position: absolute; top: 50%; right: 0.7em; transform: translateY(-50%);
  width: auto; height: auto; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none;
  background: transparent; cursor: pointer; line-height: 1; -webkit-appearance: none; appearance: none;
}
#top .woocommerce form .show-password-input::before {
  content: ""; display: block; width: 22px; height: 22px; background-repeat: no-repeat; background-size: cover;
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23111111"/></svg>');
}
#top .woocommerce form .show-password-input.display-password::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z" fill="%23111111"/></svg>');
}
/* Enfold cookie message bar: its background is semi-transparent, so page text showed through behind the message. */
#top .avia-cookie-consent { background-color: #2b2b2b; }