/*
Theme Name: Laki24 2019
Description: Peruspohja Verkkoaseman projekteille. Kustomoidaan asiakkaan mukaan.
Version: 1.0
Author: Verkkoasema Oy
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: laki24-2019

Do not remove, do not edit files below:
*/
@import url('css/reset.css');
@import url('css/base.css');
@import url('css/icons.css');
/*@import url('sass/main.css');*/



/* Custom styles/overrides here, replace with your own */

@font-face {
    font-display: swap;
    font-family: Gotham;
    src: url("fonts/gotham.otf") format("opentype");
  }

  @font-face {
    font-display: swap;
    font-family: Gotham;
    font-weight: 600;
    src: url("fonts/gotham_medium.otf") format("opentype");
  }

  @font-face {
    font-display: swap;
    font-family: Gotham;
    font-weight: 800;
    src: url("fonts/gotham_bold.ttf") format("truetype");
  }
body { font-family: Gotham, Montserrat, sans-serif; font-size:100%; font-weight:600; color:#121f34; background:#eae9e9; letter-spacing:0.03em; }
h1, h2, h3, h4, h5, h6 { margin:0 0 1em 0; text-transform:uppercase; font-weight:800; line-height:1em; }
h1 { font-size:2.1875rem; }
h2 { font-size:1.5rem; }
h3 { font-size:1.25rem; }
p { margin:0 0 0.5em 0; }
a, a:active, a:visited { color:#121f34; text-decoration:underline; }
a:hover { color:#8ca5bd; }
hr { height:3px; border:0; color:#ffffff; background-color:#ffffff; margin:1.5rem 0; }

header { background:#ffffff; }
header .maxwidth { padding-top:20px; padding-bottom:10px; position:relative; }
#logo { text-align:center; margin:0 auto; }
#logo img { max-width:100px; }

#menu_toggle { order:1; padding:0; color:#000000; margin:1rem 0 0 auto; background-color:#ffffff; border:0; border-radius:5px; }
#menu_toggle span.dashicons:before, #menu_toggle span.dashicons { width:auto; height:auto; font-size:2em; }
#menu_toggle { position:absolute; left:0; top:2rem; color:#121f34; background:transparent; width:3rem; height:3rem; margin:0; padding:0; }
#menu_toggle i.dashicons { width:3rem; height:3rem; font-size:3rem; }
#menu_toggle:focus { outline:0; }
.links-right { position:absolute; right:0; top:1.5rem; width:33%; text-align:right; font-size:0.75rem; }
.links-right i.dashicons { font-size:2rem; width:2rem; height:2rem; }
.links-right .cart-link-inner { display:none; }
.links-right a { display:block; margin:0 0 0.5rem 0; padding:3px 0; }

nav a, header a {  text-decoration:none; }
header nav { padding: 0px 0 0 0; width:100%; background: rgb(255, 255, 255, 0.95); position: absolute; top: 160px; z-index: 1; }
header nav li { padding:1em 15px; text-transform:uppercase; position:relative; z-index:8000; letter-spacing: 2px; }
header nav li.menu-item-has-children > span:before { content:'\00bb'; }
header nav li.menu-item-has-children > span { position:absolute; right:0; top:0.5em; width:2em; height:2em; line-height:2em; text-align:center; background:#8ca5bd; color:#ffffff; z-index:9000; }
header nav li.menu-item-has-children ul { margin-top:1em; }
header nav li.menu-item-has-children ul li { /*background:#eae9e9; border-bottom:1px solid #ffffff;*/ font-size: 13px; text-transform:none; padding:1em; }
header nav > ul > li:hover > a, header nav > ul > li.current-menu-item > a, header nav > ul > li.current-menu-ancestor > a { text-decoration:underline; }
header nav li ul { display:none; }

header #search { margin-top:0.5em; z-index:8000; }
header div.asl_w .probox .promagnifier { box-shadow: none; }
header .asl_m .probox .innericon { background-color: transparent !important; }

.home section .phonenumbers p:nth-child(odd) { margin: 0rem; }

/*#search form { background: rgba(255,255,255,0.7); display:flex; justify-content:space-between; max-width:500px; margin-left:auto; margin-right:auto; }
#search label { width:75%; }
#search .search-field { width:100%; background:transparent !important; padding:0 0.5em; line-height:2rem; font-family:inherit; color:#121f34; border:0; -webkit-appearance: none; }
#search .search-submit { width: 25%; color:#121f34; border:0; margin:0; padding:0; background:transparent; }
#search .search-submit { content: "\f179"; font-family:dashicons;  }
::placeholder { color:#121f34; opacity: 1;  }
:-ms-input-placeholder { color:#121f34; }
::-ms-input-placeholder { color:#121f34; }*/

.btn-scroll-down { background: url('img/arrow_down.png') no-repeat center center; cursor: pointer; margin-top: 20px; margin-bottom: 20px; height: 32px; z-index: 1; position: relative; }
.btn-scroll-down:focus { outline: 0; }

.some { padding:0.5em; z-index:1000; text-align:center; margin-bottom:1rem; text-decoration:none; }
.some a { display:inline-block; margin:5px 10px; color:#f6d9db; width:38px; height:38px; background:#ffffff; border-radius:100%; padding:5px 0; text-align:center; }
.some a .dashicons { font-size: 1.7rem; width: 40px; }

footer { background:#f6d9db; padding:50px 0 40px 0; clear:both; text-align:center; }
footer a { text-decoration:none; }
footer .col:first-child { border-bottom:3px solid #ffffff; margin-bottom:1.5rem; padding-bottom:1.5rem; }
.footer-logo { text-align:center; margin-bottom:50px; }
.footer-logo img { max-width:140px; }
footer .h2 { font-size:1.9375rem; color:#121f34 !important; text-transform:uppercase; margin-bottom:1em; font-weight:800; }
footer .h3 { font-size:1rem; color:#121f34 !important; text-transform:uppercase; margin-bottom:1em;  }
footer .phonenumbers { font-size:1.8125rem; color:#121f34 !important; line-height:1em; }
.phonenumbers a { font-weight:800; text-decoration:underline; }
footer .contacts { font-size:0.875rem; line-height:1.25rem; margin:2rem 0; letter-spacing: 2px; }
footer .contacts a { text-decoration: underline; font-size:1rem; }
footer .price { font-size:0.75rem; color:#121f34 !important; line-height:1rem; text-transform:uppercase; margin-bottom:1rem; }
footer .info { letter-spacing:1px; color:#121f34 !important; line-height:1.25rem; font-family: Georgia, serif; font-size: 0.875rem; font-weight: normal;
    display: block;
    align-items: center;
    justify-content: center;
}
footer .info .textwidget { display: inline;}
footer .info p { margin-bottom: 0px; }
footer .info span { margin: 0px 10px; display: inline-block; }
footer .bottom-text { letter-spacing:1px !important; font-size:12px; }

footer nav ul { text-align:center; columns: 1; }
footer nav ul li { width:100%; padding:0.5em 0; font-size: 14px; }
footer nav ul li:nth-child(7) {
    margin-bottom: 2rem;
}
footer nav ul li:nth-child(7) { margin-bottom: 3rem; }
footer nav ul li:nth-child(17) { margin-bottom: 3rem; }


footer .footer-articles { display:none; }
footer .payment-methods img { max-width: 90%; }

.maxwidth, .maxwidth-narrower, .maxwidth-narrowest { max-width:90%; margin-left:auto; margin-right:auto; }
.paddings-both { padding-top:2rem; padding-bottom:2rem; }
.margins-both { margin-top:2rem; margin-bottom:2rem; }
.margins-double { margin-top:4rem; margin-bottom:4rem; }
.margins-half { margin-top:1rem; margin-bottom:1rem; }
.margins-top { margin-top:2rem; }
.margins-top-double { margin-top:4rem; }
.margins-bottom { margin-bottom:2rem; }
.align-center { text-align:center; }
.letter-spacing-1 { letter-spacing: 1px; }
.letter-spacing-2 { letter-spacing: 2px; }
.letter-spacing-3 { letter-spacing: 3px; }

article, div.product { font-size:0.9375rem; line-height:1.375rem; font-weight:400; min-height:auto; }
article p, div.product p { margin-bottom:1em; }
article h1 { font-size:1.625rem; line-height:2.3125rem; margin-bottom:0.75em; }
h1.gigantic { font-size:5rem; margin:0.5em 0; }

#breadcrumbs, .crumbs { font-size:0.875rem; width:100%; }
.crumbs { margin:2rem 0; }
#breadcrumbs ol { list-style:none; }
#breadcrumbs ol li, .crumbs a { display:inline-block; }
#breadcrumbs ol li a:after, .crumbs a:after { content:" \00bb "; }

.woocommerce-MyAccount-navigation ul, .woocommerce-MyAccount-navigation ul li { list-style-type:none; margin:0; }
aside #categories a, .woocommerce-MyAccount-navigation ul li a { display:block; background:#121f34; color:#ffffff; padding:1em; margin-bottom:0.5em; }
aside #categories a:hover, aside #categories a.active, .woocommerce-MyAccount-navigation ul li.is-active a { color:#ffffff; }

.colored-row { padding:2.5rem 0; }
.no-margin-bottom { margin-bottom: 0 !important; }

/*Lakipuhelimen muotoilut */
.important_numbers { background:#121f34; color:#ffffff; text-align: center; }
.important_numbers .h2 { font-size:2.4375rem; color:#ffffff; text-transform:uppercase; margin-bottom:0.5em; font-weight:800; text-decoration: none;}
.important_numbers .h3 { color:#f6d9db; font-size:1.4375rem; font-weight:400; line-height:2rem; margin-bottom:1em; }
.important_numbers .phonenumbers { color:#ffffff; font-size:1.4375rem; font-weight:400; line-height:2rem; text-align:center; }
.important_numbers .phonenumbers a { color:#ffffff; font-weight:600; text-decoration: underline !important; }
.important_numbers .contacts { font-size:1rem; line-height:1rem; margin:2rem 0; }
.important_numbers .price { font-size:0.8125rem; line-height:1.25rem; text-transform:uppercase; margin-bottom:1rem; font-family: Gotham, Montserrat, sans-serif; }
.important_numbers .info { color:#8ca5bd; font-size:0.75rem; line-height:1.25rem; }

.important_numbers.has-light-blue-background-color .h2 { color:#121f34; }
.important_numbers.has-light-blue-background-color .phonenumbers, .important_numbers.has-light-blue-background-color .phonenumbers a { color:#121f34; }
.important_numbers.has-light-blue-background-color .info { color:#ffffff;  }

.important_numbers.has-light-pink-background-color .h2 , .important_numbers.has-light-pink-background-color .price,
.important_numbers.has-background-grey-background-color .h2, .important_numbers.has-background-grey-background-color .price { color:#121f34; }
.important_numbers.has-light-pink-background-color .phonenumbers, .important_numbers.has-light-pink-background-color .phonenumbers a,
.important_numbers.has-background-grey-background-color .phonenumbers, .important_numbers.has-background-grey-background-color .phonenumbers a { color:#121f34; }
.important_numbers.has-light-pink-background-color .info, .important_numbers.has-light-pink-background-color .h3,
.important_numbers.has-background-grey-background-color .info, .important_numbers.has-background-grey-background-color .h3 { color:#8ca5bd; }

.recommend, .up-sells, .related  { text-align:center; }
.recommend .h2, .up-sells h2, .related h2 { color:#8ca5bd; font-weight:400; padding:1em 0; text-transform:none; }
.recommend ul.products, .woocommerce .shop ul.products { /*width:100%;*/ display: inline-block; }
.recommend .products li, .woocommerce .shop ul.products li { width:100%; max-width:300px; padding-bottom:1em; margin:0 1% 1em 1%; font-size:1.0625rem; font-weight:400; }
.recommend .products li img, .woocommerce .shop ul.products li img { border:1px solid #cccccc; margin-bottom:1em; }
.recommend .add_to_cart_inline .amount { display:block; margin:0.5em 0; }

.ingress-textarea { margin-top:1em; margin-bottom:1em; font-size:1.0625rem; line-height:1.6875rem; text-transform:uppercase; text-align:center; }
.ingress-textarea-normalcase { margin-top:1em; margin-bottom:1em; font-size:1.1875rem; line-height:1.6875rem; text-align:center; }
.bottom-content { margin-top:1em; margin-bottom:1em; font-size:1.1875rem; line-height:1.5rem; text-align:center; font-weight:400; }
.process-column .box { min-height: 260px; }
.process-column .h2, .benefit-column .h2 { font-weight: 400 !important; text-align:center; text-transform:uppercase; font-size:1.4375rem; line-height:1.5625rem; margin-bottom:1em; }
.process-column .box h3 { font-size: 1.25rem; letter-spacing: 0.03em; font-weight: bold; }
.process-column .box:nth-child(2) h3 { font-size: 1rem; }
.process-column .boxes .larger-text { font-weight: bold; letter-spacing: 0.03em; font-size: 1.25rem; line-height:1.875rem; text-transform:uppercase; }

.box { text-align:center; padding:2.5rem 2.5rem 0.5rem 2.5rem; font-size:1.0625rem; line-height:1.5625rem; font-weight:600; }
.box h3 { font-size:1.25rem; line-height:1.5625rem; font-weight:600; margin:0; }
.box:first-child h3 { font-weight: bold; font-size: 1.25rem; line-height:1.875rem; text-transform:uppercase; font-weight:600; margin:0; }
.box .h1 { font-size:2.1875rem; }
./*boxes .larger-text { font-size:1.25rem; line-height:1.875rem; text-transform:uppercase; letter-spacing: 0.03em; } */
.boxes .phonenumbers { margin-top:1em; }
.boxes .phonenumbers p { margin-bottom:0; }
.boxes .phonenumbers a { display:inline-block; margin-bottom:1em; }
.benefit-column .h2 { margin-top:1em; }
.benefit-column .boxes .larger-text { font-size: 1.125rem;
  line-height: 1.875rem;
  text-transform: uppercase; }
.benefit-column { margin-top: 5rem; }
.benefit-column p:last-child { margin-bottom: 0; }
.benefit-column .number_header { font-size:0.9375rem; line-height:1.5625rem; }
.benefit-column .price { text-transform:uppercase; }
.benefit-column .phonenumbers { font-size:1.375rem; line-height:1.875rem; margin-bottom: 1rem; }
.process-column .box .phonenumbers p { font-size: 1.375rem; line-height: 1.875rem; }


.catbox-container { display:flex; flex-wrap:wrap; padding-bottom: 4rem; }
.catbox a { text-decoration:none; }
.catbox { width:100%; background:#8ca5bd; text-align:center; margin:0.5em 0; }
.catbox:hover { background:#f6d9db; }
.catbox a:hover { color:#121f34; }

.shop-categories { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding-bottom: 5rem; }

article .col50 { margin-bottom:2em; }
ul.topics { margin:0.5em 0 2em 0; list-style:none; }
ul.topics li { margin:0 0 0.5em 0; padding:0; }

/* forms */
input[type=text], input[type=number], input[type=email], input[type=tel], input[type=date], input[type=password], select, textarea { box-sizing:border-box; width:100%; padding:1em; }
textarea, .woocommerce form .form-row textarea { height:150px; font-family:inherit; }
button, input[type=submit] { color:#ffffff; background:#121f34; text-transform:uppercase; padding:0.5rem 2rem; border:0; }
.buttonlike { background:#8ca5bd; }
.buttonlike, .buttonlike a { display:inline-block; padding:0.25rem 1rem; text-transform:uppercase; font-family:Gotham, Montserrat, sans-serif; transition:opacity 0.4s; color:#ffffff; text-decoration:none; font-size:1rem; }
.buttonlike { margin-top:1em; }
.buttonlike:hover, .buttonlike a:hover { opacity:0.9; }

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt { color:#ffffff; background:#121f34; text-transform:uppercase; border:0; }
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover { background:#121f34; }

/* pagination */
.pagination .page-numbers { display:inline-block; background:#8ca5bd; color:#ffffff; padding:0.25em 0.5em; }
.pagination .current { background:#121f34; color:#ffffff; }

/* Woocommerce overrides */
.product-category-ingress { font-size:1.375rem; line-height:1.873em; font-weight:400; text-align:center; }
article h1.woocommerce-products-header__title { font-size:2.4375rem; line-height:2.5rem; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background:#8ca5bd; color:#ffffff; padding:1em 1.5em; border-radius:0; }
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled,
.woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] { color:#ffffff; }
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background:#121f34; color:#ffffff; }
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color:#121f34; line-height:1.8125rem; font-size:1.0625rem; }
.woocommerce-products-header { background:#8ca5bd; color:#ffffff; text-align:center; padding:2rem 0; font-size:1.1875rem; line-height:1.5rem; }
.woocommerce-products-header a, .woocommerce-products-header a:hover { color:#ffffff; }
.woocommerce-products-header h1 { font-size:2.4375rem; line-height:2.8125rem; }
.woocommerce-breadcrumb { display:none; }
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 { color:#121f34; text-transform:none; line-height:1.8125rem; font-size:1.0625rem; font-weight:400; letter-spacing: 2px; }
.woocommerce ul.products li.product { text-align:center; }
.woocommerce ul.products li.product img { border:1px solid #cccccc; }
.woocommerce h2.h1 { font-size:2.4375rem; line-height:1.153846em; }
.woocommerce .shop ul.products { text-align:center; }
.woocommerce ul.products li.product .price del, .woocommerce div.product p.price del, .woocommerce div.product span.price del { color:#8ca5bd; display:block; }
.woocommerce ul.products li.product .price ins, .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { color:#121f34; font-weight:400; text-decoration:none; display:block; }
.woocommerce div.product .woocommerce-tabs ul.tabs { display:none; }
.product_meta span { display:block; }
.product_meta span.sku_wrapper { display:none; }
.woocommerce .quantity .qty { width:5em; }
.woocommerce-message, .woocommerce-info { border-top-color:#121f34; }
.woocommerce-message::before, .woocommerce-info::before { color:#121f34; }
.woocommerce-cart-form, .shop_table  { background:#ffffff; }
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { border-bottom:0; }
.woocommerce ul.products li.product .onsale, .woocommerce span.onsale { border-radius:0; margin-right:0.5em; background-color:#f6d9db; padding:.202em 0.5em; font-weight:400; color: #121f34; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product,
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product,
.woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) { float:none; width:100%; max-width:300px; }
header.woocommerce-Address-title { background:transparent; }
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border:0; padding:0; }

/* Gutenberg */
.has-light-pink-background-color { background:#f6d9db; }
.has-light-blue-background-color { background:#8ca5bd; }
.has-dark-blue-background-color { background:#121f34; }
.has-background-grey-background-color { background:#eae9e9; }
.has-white-background-color { background:#ffffff; }
.has-light-pink-color, .has-light-pink-color a  { color:#f6d9db !important; }
.has-light-blue-color, .has-light-blue-color a  { color:#8ca5bd; }
.has-dark-blue-color, .has-dark-blue-color a  { color:#121f34; }
.has-background-grey-color, .has-background-grey-color a { color:#eae9e9; }
.has-white-color, .has-white-color a { color:#ffffff; }
.has-light-blue-background-color a:hover { color:#ffffff; }
.has-marmor-background { background: url('img/marmor.jpg') repeat; background-size: cover; }
.has-marmor-background ol { margin: 0 1.5rem; }
.has-marmor-background h3 { line-height: 1.6rem; letter-spacing: 1px; }

/* Foorumit */
.bbp-login-form { max-width:400px; }
div.bbp-template-notice, div.indicator-hint { background:#ffffff; border:1px solid #121f34; }
.bbpress a { text-decoration:none; }
table.bbp-topics { width:100%; line-height:2em; }
table.bbp-topics tr:nth-child(even) { background:#ffffff; }
table.bbp-topics tr:nth-child(odd) { background:#f6d9db; }
table.bbp-topics tr.bbp-header th { background:#121f34; color:#ffffff; text-align:left; text-transform:uppercase; padding:1.5em; font-weight:800; }
table.bbp-topics td { padding:1em 1.5em; }
#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar { border:0; background:#ffffff; }
.bbp-topic-form, .bbp-reply-form { background:#121f34; border:0; padding:2rem; margin: 0 0 3rem 0; }
.bbp-topic-form h4, .bbp-reply-form h4 { color:#ffffff; text-transform:none; font-size:1.4375rem; line-height:2rem; font-weight:400; }
.bbp-topic-form label, .bbp-reply-form label { color:#ffffff; font-weight:600; }
.bbp-topic-form input[type=text] { width:100%; padding:1em; }
#bbpress-forums fieldset.bbp-form { border:0; padding:0; }
#bbpress-forums div.bbp-submit-wrapper { float:none; }
#bbpress-forums button { color:#ffffff; background:#8ca5bd; text-transform:uppercase; padding: 0.9rem 2.3rem; border:0; }
#bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header { background:#121f34; color:#f6d9db; border:0; }
.bbp-pagination-links a, .bbp-pagination-links a:hover { background:#8ca5bd; color:#ffffff; }
.bbp-pagination-links span.current { background:#121f34; color:#f6d9db; }
th.bbp-topic-freshness, th.bbp-topic-voice-count, th.bbp-topic-reply-count,
td.bbp-topic-freshness, td.bbp-topic-voice-count, td.bbp-topic-reply-count { display:none; }

/* Front page */
.front-ingress { font-size: 22px; line-height: 2.175rem; text-transform:uppercase; text-align:center; margin: 1rem auto; letter-spacing: 2px; }
.color-row.has-light-blue-background-color { color:#ffffff; }
.carousel, .cycle-slideshow { max-height:600px; overflow:hidden; position:relative; }
.background-image img { width:100%; height:auto; min-height:100%; object-fit:cover; object-position:top left; }
.background-image .buttonlike a { background:#121f34; }

.content-text { padding:2em; font-size:0.9375rem; line-height:1.375rem; font-weight:400; text-align:center; }
.cycle-pager { position:absolute; left:0; bottom:1em; width:100%; text-align:center; z-index:800; }
.cycle-pager span { display:inline-block; width:30px; height:30px; border-radius:100%; font-size:0; background:#ffffff; line-height:30px; margin:0 5px; }
span.cycle-pager-active { background:#f6d9db; }
section .price { font-size:1rem; line-height:1.75rem; text-transform:uppercase; margin-bottom: 2rem; }
section .h2, .color-row h2 { font-size:2.4375rem; line-height:2.5rem; text-transform:uppercase; font-weight:800; }
section .h3, .color-row h3 { font-size:1.4375rem; line-height:2.5rem; text-transform:uppercase; font-weight:800; }
section .phonenumbers { text-align:center; font-size:1.75rem; line-height:2.75rem; margin:1em 0 2em 0; }
section .info { font-size:1rem; line-height:1.75rem; color:#8ca5bd; }

.refe-carousel { position:relative; margin:2em; padding-bottom:4em; }
.cycle-next, .cycle-prev { position:absolute; top:0; left:-40px; width:40px; height:100%; display:flex; align-items:center; text-align:center; color:#ffffff; font-size:40px; z-index:600;; }
.cycle-next { left:auto; right:-40px; }
.cycle-next .dashicons, .cycle-prev .dashicons { width:30px; height:30px; font-size:30px; }
.reference{ text-align:center; width:100%; }
.citate { font-family:Georgia, serif; font-style:italic; font-size:1.25rem; line-height:1.75rem; text-align:center; margin:1em 0; font-weight:400; }
.citator { font-size:0.8125rem; line-height:0.9375rem; text-align:center; text-transform:uppercase; }



@media all and (max-width: 320px) {
  h1, .h1, h2, .h2 { word-break: break-word; }
}

/* Small devices (landscape phones, 576px and up) */
@media all and (min-width: 576px) {
  .background-image, .carousel, .cycle-slideshow { max-height:600px; overflow:hidden; position:relative; }
  .background-image img { width:100%; height:auto; min-height:100%; object-fit:cover; object-position:top left; }
  .background-image .buttonlike a { background:#8ca5bd; }
  .background-image .content-text { position:absolute; top:0; left:0; bottom:0; right:0; z-index:100; margin:2em auto; text-align:center; line-height:2rem; font-size:1.4375rem; font-weight:400; }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { float:left; width:48%; }
  .woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) { width:48%; float:right; }

  .home section .front-phone .h2 a { font-size:3rem; line-height:3.75rem; text-transform:uppercase; font-weight:400; text-decoration: none !important; }
  .home .front-phone a { font-weight: normal; }
  .important_numbers a.h2  { text-decoration: none !important; }
  footer nav ul li { font-size: 16px !important; columns: 1; width: 100%; text-align: center; }
}

/* Medium devices (tablets, 768px and up) */
@media all and (min-width: 768px) {
  footer { text-align:left; }
  footer .row { display:flex; }
  footer .col { padding:0 1% 2rem 1%; flex:0 0 48%; }
  footer .h2 { font-size:1.9375rem; }
  footer .phonenumbers { margin:2rem 0 2rem 3rem; }
  footer .info { font-size:0.875rem; letter-spacing:1px; }
  footer .bottom-text { letter-spacing:3px !important; }
  footer .payment-methods img { max-width: 100%; }
  footer nav ul { text-align:left; columns: 3; }
  footer nav ul li { text-align:left; width: 40%; }
  footer nav ul li:nth-child(7) { margin-bottom: 0rem; }
  footer nav ul li:nth-child(17) { margin-bottom: 0rem; }

  .important_numbers { text-align: left; }
  .important_numbers .content-wrapper { display:flex; flex-wrap:wrap; justify-content:space-between; }
  .important_numbers .col1 { order:1; width:50%; }
  .important_numbers .phonenumbers { order:2; width:40%; }
  .important_numbers .info { order:3; width:100%; }

  .background-image, .carousel, .cycle-slideshow { max-height:600px; }

  th.bbp-topic-freshness, th.bbp-topic-voice-count, th.bbp-topic-reply-count,
  td.bbp-topic-freshness, td.bbp-topic-voice-count, td.bbp-topic-reply-count { display:table-cell; }

  .recommend ul.products, .woocommerce .shop ul.products, .up-sells ul.products, .related ul.products { display:flex; flex-wrap:wrap; justify-content:center; }
  .woocommerce .recommend .products li, .woocommerce .shop ul.products li, .woocommerce .up-sells ul.products li, .woocommerce .related ul.products li,
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .recommend .products li, .woocommerce .shop ul.products li { float:none !important; width:30% !important; max-width:220px !important; position:relative; margin-left:1% !important; margin-right:1% !important; padding-bottom:5rem; }
  .recommend .products li a.button, .woocommerce .shop ul.products li a.button, .up-sells ul.products li a.button, .related ul.products li a.button { position:absolute; left:0; bottom:1rem; width:100%; background:#121f34; }

  .catbox-container .catbox { width:48%; margin:0.5em 0.5%; }
  .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width:25%; }
  .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width:72%; }

  .home section .front-phone .h2 { font-weight:800; }
  .home section .phonenumbers p:nth-child(odd) { margin-bottom: 0.5rem; }

  .shop-categories .catbox { width: 31%; margin:0.5em 0.8%; }
  
/*
  .home section .price { font-size:0.8125rem; line-height:1.25rem; text-transform:uppercase; }
  .home section .h2, .color-row h2 { font-size:2.4375rem; line-height:2.5rem; text-transform:uppercase; font-weight:800; }
  .home section .h3, .color-row h3 { font-size:1.4375rem; line-height:2.5rem; text-transform:uppercase; font-weight:800; }
  .home section .phonenumbers { text-align:center; max-width:15rem; font-size:1.3125rem; line-height:1.4375rem; margin:2em; }
  .home section .info { font-size:0.75rem; line-height:1.3125rem; color:#8ca5bd; }
*/
}

/* Large devices (desktops, 992px and up) */
@media all and (min-width: 992px) {
  h1 { font-size:2.4375rem; line-height:1.153846em; letter-spacing:3px; }
  h2, .h2 { font-size:1.625rem; line-height:2.3125rem; letter-spacing:3px; }
  h3, h4, h5, h6 { letter-spacing:3px; }
  article.page { min-height:auto; }
  .ingress { font-size:1.1875rem; line-height:1.5rem; }
  .basefont { font-size:0.9375rem; line-height:1.4667em; }
  .breadcrumb { font-size:0.875rem; line-height:1.0625rem; }
  footer .col { padding:0 1% 2rem 1%; flex:0 0 30%; }
  footer .col:first-child { margin-left:0; border-bottom:0; margin-bottom:0; }
  footer .col:last-child { margin-right:0; }
  footer .footer-articles { display:block; }
  footer .footer-articles ul, footer nav ul { list-style:none; }
  footer .footer-articles ul li, footer nav ul li { padding:0.5em 0; width:100%; }
  footer .bottom-text { letter-spacing:3px !important; font-size:0.875rem; }

  .some a { margin:10px; }

  header nav { display:block; flex-grow:3; width:auto; background: transparent; position: static; }
  header nav ul { flex-direction:row; justify-content: center; }
  header nav li { font-size:0.75rem; position:relative; border-bottom:0; }
  header > nav > ul > li:hover > a { color:#8ca5bd; text-decoration:underline; }
  header nav li.menu-item-has-children ul { margin-top:0; position:absolute; left:0; top:3em; width:700px; z-index:9999; background:rgba(255,255,255,0.95);  padding:20px 10px;
    -webkit-columns: 200px 3;
    -moz-columns: 200px 3;
          columns: 200px 3;
  }
  header nav li.menu-item-has-children:hover ul { display:block; }
  header nav li.menu-item-has-children ul li { text-transform:none; border:0; font-size:0.6875rem; background:transparent; padding:10px; }
  header nav li ul li a, header nav li ul li a:visited { color:#121f34; }
  header nav li ul li a:hover { color:#8ca5bd; }
  header nav li ul li.current-menu-item a { color:#121f34; }
  header nav li.menu-item-has-children span.open_sub { display:none; }
  header nav li.menu-item-has-children > span:before { content:''; }
  header nav li.menu-item-has-children > span { width:0; height:0; line-height:0; z-index:-1; }
  .links-right { display:flex; align-items:flex-end; justify-content:flex-end; margin-top:1rem; }
  .links-right a { display:inline-block; margin-left:1em; text-align:center; }
  .links-right a:first-child { border-bottom:1px; }
  .links-right a:first-child:after { content:"|"; display:inline-block; margin:0 0 0 1em; }
  .links-right a:last-child { margin-left:2em; }
  .links-right .cart-link-inner { display:block; }
  header #search { width:20%; position:absolute; top:65px; right:0; }

  .btn-scroll-down { margin-top: 50px; }


  .maxwidth-narrower { max-width:70%; }
  .maxwidth-narrowest { max-width:50%; }
  article.page { order:2; flex:0 0 70%; }
  #sidebar { order:1; margin-right:2em; flex:0 0 23.4375%; }


  .front-ingress{ font-size:1.5rem; line-height:2.375rem; margin: 2rem auto; }
  .important_numbers .content-wrapper { align-items:center; flex-wrap:nowrap; }
  .important_numbers .col1, .important_numbers .phonenumbers, .important_numbers .info { width:auto; max-width:30%; }

  .process-column .boxes { display:flex; flex-wrap:wrap; }
  .process-column .boxes .box { width:25%; }
  .process-column .box h3 { letter-spacing: 3px; font-size: 1.25rem; }
  .process-column .boxes .larger-text { letter-spacing: 3px !important; }
  .benefit-column .boxes .larger-text { letter-spacing: 3px; }
  
  .benefit-column .h2 { margin-top:0; }
  .benefit-column .boxes { display:flex; flex-wrap:wrap; }
  .benefit-column .boxes .box { width:50%; }


  .catbox-container .catbox { width:23%; margin:0.5em 0.8%; }

  .bbp-topic-form input[type=text] { width:70%; }

  .woocommerce .recommend .products li, .woocommerce .shop ul.products li, .woocommerce .up-sells ul.products li, .woocommerce .related ul.products li { width:23% !important; padding-bottom:4rem; }

  .refe-carousel { margin:2em; }
  .content-text { padding:0; text-align:left; }
  .content-text.align-center { text-align:center; }
  article .content-text { padding:2em; }
  .color-row { display:flex; }
  .color-row .col50 { width:50%; }
  .color-row .col50 .content-text { margin:2em 4em 2em auto; max-width:calc(90% - 4em); width:calc(500px - 4em); }
  /*.color-row .col50 .narrower-text { max-width:70%; }*/
  .color-row .col50:not(.background-image) { display:flex; align-items:center; justify-content: center; }
  .color-row .background-image .content-text { margin:2em auto 2em 4em; display:flex; align-items:center; justify-content: flex-start; }
  article .col50 { width:46%; margin:0 2%; }
  .background-image, .carousel, .background-image .cycle-slideshow { height:600px; }
  .home section .phonenumbers { max-width:21rem; }
  section .price { font-size:1.125rem; }
 
}


/* Extra large devices (large desktops, 1200px and up) */
@media all and (min-width: 1200px) {
    .maxwidth { max-width:1120px; }
    .maxwidth-narrower { max-width:900px; }
    .maxwidth-narrowest { max-width:580px; }
    .color-row .col50 .narrower-text { max-width:50%; }
    .color-row .background-image .content-text { margin:2em auto 2em 4em; max-width:60%; }
    header #search { bottom:20px; }
 }
.bottom-content ol, .bottom-content ul { list-style: decimal !important; }