body a {
color: #0f5da1;
}
body a:focus, body .button:focus, body .button.alt:focus, body button:focus, body input:focus, body textarea:focus, body input[type="button"]:focus, body input[type="reset"]:focus, body input[type="submit"]:focus {
outline-color: transparent;
}
.site-header-cart {
display: none;
}
.storefront-breadcrumb {
margin: 0;
}
.storefront-sorting {
display: none;
}
mark.count {
display: none;
}
.custom-table-width thead tr th:first-child, tbody tr td:first-child {
width: 22%;
}
header#masthead.site-header {
border: 0;
padding: 0;
margin: 0 !important;
border-bottom: 1px solid #eee;
background-color: rgba(255, 255, 255, .8);
}
@media screen and (max-width: 767px) {
header#masthead.site-header {
display: flex;
justify-content: center;
align-items: center;
height: 60px;
}
header#masthead.site-header .col-full {
margin: 0 !important;
width: 100%;
}
}
header#masthead.site-header .header-wrapper {
display: flex;
color: #0f5da1;
padding: 0 2.5rem !important;
margin: 0 auto !important;
}
header#masthead.site-header .header-wrapper .header-left, header#masthead.site-header .header-wrapper .header-right {
display: flex;
flex-grow: 1;
}
header#masthead.site-header .header-wrapper .header-left .site-branding {
width: auto;
float: none;
margin: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: left;
max-width: 190px;
}
header#masthead.site-header .header-wrapper .header-left .site-branding * {
color: inherit;
}
header#masthead.site-header .header-wrapper .header-left .site-branding .custom-logo {
width: 230px;
max-width: 100%;
}
header#masthead.site-header .header-wrapper .header-right {
justify-content: right;
}
.storefront-primary-navigation {
width: 100%;
display: flex;
justify-content: right;
align-items: center;
}
.storefront-primary-navigation:before {
display: none;
}
nav#site-navigation {
width: auto;
float: none;
margin: 0;
clear: none;
}
nav#site-navigation .menu-toggle {
border: 0;
color: inherit;
float: none;
background-color: transparent;
width: 30px;
height: 45px;
margin: 0;
padding: 0;
}
@media (min-width: 768px) {
nav#site-navigation .menu-toggle {
display: none;
}
}
nav#site-navigation .menu-toggle span {
display: flex;
justify-content: center;
align-items: center;
border-top: 3px solid #0f5da1;
border-bottom: 3px solid #0f5da1;
width: 100%;
height: 22px;
}
nav#site-navigation .menu-toggle span:before {
display: block;
position: static;
width: 100%;
height: 3px;
background: #0f5da1;
border-radius: 0;
margin: 0;
opacity: 1;
}
nav#site-navigation .menu-toggle:before, nav#site-navigation .menu-toggle:after {
display: none;
}
nav#site-navigation ul.nav-menu li {
font-weight: bold;
text-transform: uppercase;
}
nav#site-navigation ul.nav-menu li a {
color: inherit;
}
nav#site-navigation ul.nav-menu li.current_page_item a {
border-bottom: 2px solid #0f5da1;
}
nav#site-navigation ul.sub-menu {
margin: 0;
}
nav#site-navigation ul.sub-menu li a {
border-bottom: none !important;
}
@media (min-width: 768px) {
nav#site-navigation ul.nav-menu > li > a {
border-bottom: 2px solid transparent;
}
nav#site-navigation ul.nav-menu > li > a:hover {
border-bottom: 2px solid #0f5da1;
}
nav#site-navigation ul.sub-menu {
background: #fff;
border: 1px solid #eee;
border-top: 0;
margin: 0;
}
}
.main-navigation .handheld-navigation {
position: absolute;
top: 60px;
width: 100%;
left: 0;
right: 0;
background: #fff;
border-bottom: 1px solid #eee;
text-align: center;
text-transform: uppercase;
font-weight: bold;
transform: scaleY(0);
transform-origin: 0 0;
transition: ease-in-out 0.2s transform;
}
.main-navigation .handheld-navigation li a {
color: #0f5da1 !important;
border-bottom: none !important;
}
.main-navigation .handheld-navigation li.current_page_item {
text-decoration: underline;
}
.main-navigation .handheld-navigation ul.sub-menu {
text-transform: capitalize;
font-weight: normal;
}
.main-navigation.toggled .handheld-navigation {
transform: scaleY(1);
transition: ease-in-out 0.2s transform;
}
.inverted {
color: #eee;
}
.inverted h1, .inverted h2, .inverted h3, .inverted h4, .inverted h5, .inverted h6 {
color: inherit;
}
.home #content #primary {
margin: 0;
float: none;
width: auto;
}
.home #content #primary .entry-header {
display: none;
}
#content #primary #metaslider_200 .slides {
border: 7px solid #313130;
}
#content #primary .slides .caption-wrap {
position: absolute;
z-index: 1;
right: 0;
top: 0;
bottom: 0;
left: 0;
width: auto;
height: auto;
display: flex;
justify-content: center;
align-items: center;
background: none;
}
#content #primary .slides .caption-wrap .caption {
background: rgba(255, 255, 255, .9);
color: #000;
max-width: 90%;
font-size: 1.2em;
padding: 1em;
}
#content #primary .flex-control-paging {
opacity: 0;
transition: ease-in-out 0.3s opacity;
}
#content #primary .flex-control-paging:hover {
opacity: 1;
transition: ease-in-out 0.3s opacity;
}
#content #primary .woocommerce-info {
background-color: #0f5da1 !important;
}
article .entry-title, .product_title.entry-title, .woocommerce-products-header h1 {
text-transform: uppercase;
color: #0f5da1;
}
article .entry-title, .woocommerce-products-header h1 {
display: inline-block;
border-bottom: 1px solid #d0d0cc;
}
article .entry-content h3 {
display: inline-block;
border-bottom: 1px solid #d0d0cc;
}
@media screen and (min-width: 768px) {
.product_manual_listing {
columns: 3;
}
}
.product_manual_listing .category {
break-inside: avoid-column;
page-break-inside: avoid;
margin-bottom: 2em;
}
.product_manual_listing .category ul {
margin: 0;
padding: 0;
}
.product_manual_listing .category ul li {
list-style: none;
}
.product_manual_listing .category ul li a {
text-decoration: none !important;
}
.product-category.product {
border: 1px solid #eee;
text-transform: uppercase;
position: relative;
overflow: hidden;
}
.product-category.product h2 {
padding: 1em 0;
}
.product-category.product:after {
content: " ";
display: block;
width: 80px;
height: 80px;
position: absolute;
right: -40px;
bottom: -40px;
background: #abe7dc;
transform: rotate(45deg);
opacity: 0.6;
transition: ease-in-out 0.2s opacity;
}
.product-category.product:hover:after {
opacity: 1;
transition: ease-in-out 0.2s opacity;
}
#primary .product {
display: flex;
flex-wrap: wrap;
}
#primary .product .entry-summary {
order: -1;
width: 100%;
flex-shrink: 0;
}
#primary .product .woocommerce-product-gallery {
flex-grow: 0;
width: 100%;
float: none;
}
#primary .product .woocommerce-product-gallery img {
max-height: 300px;
width: auto;
float: left;
margin: 10px;
}
#primary .product .wc-tabs-wrapper {
margin-top: 0;
padding-top: 0;
flex-grow: 1;
}
#primary .product ul.tabs li {
padding-right: 2em;
}
#primary .product ul.tabs li.active a {
color: #0f5da1;
}
#primary .product .posted_in {
display: none;
}
#primary .product .related.products {
width: 100%;
flex-grow: 1;
flex-shrink: 0;
}
#primary .product .storefront-product-pagination > a {
z-index: 5;
}
#primary .products .product a {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 350px;
}
#primary .products .product a img {
max-height: 220px;
width: auto;
margin: 0 auto;
}
.woocommerce-print-products.link-wrapper {
text-align: right;
}
footer.site-footer {
background-color: rgba(240, 240, 240, .8);
text-align: right;
}
body {
background-image: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(//catakodinkoneet.fi/wp-content/themes/cata/assets/img/bg-blue.png), url(//catakodinkoneet.fi/wp-content/themes/cata/assets/img/bg-orange.png);
background-position: center center, right top, left bottom;
background-size: auto, auto, auto;
background-repeat: no-repeat, no-repeat, no-repeat;
background-attachment: scroll, scroll, scroll;
}
#page {
display: flex;
flex-direction: column;
min-height: 100vh;
justify-content: stretch;
align-items: stretch;
}
#page #content {
flex-grow: 1;
}
.col-full {
padding: 0 2.5rem !important;
margin: 0 auto !important;
}
@media screen and (max-width: 300px) {
.col-full {
padding: 0 1rem !important;
}
}
#main {
padding-top: 0 !important;
}
#main article:first-of-type {
padding-top: 0 !important;
}
#main article .entry-content, #main article .entry-header {
max-width: none !important;
text-align: inherit !important;
}
.home #main .alignfull {
padding-left: 0 !important;
padding-right: 0 !important;
}
input, select {
background: white;
border: 2px solid #aaa;
border-radius: 2px;
}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails{text-align:center}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::before,.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::after{content:"";display:table}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::after{clear:both}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails li{display:inline-block;width:auto !important;float:none !important;margin-bottom:0 !important}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails li img{max-height:16px;width:auto;display:block}.widget_brand_nav ul li .count{float:right}.tax-product_brand .woocommerce-products-header{display:flex;flex-direction:column;margin:0 0 2.2906835em;text-align:center}.tax-product_brand .woocommerce-products-header .brand-thumbnail{margin:0 0 1em;width:auto;max-height:2.2906835em;align-self:center;order:1}.tax-product_brand .woocommerce-products-header .woocommerce-products-header__title,.tax-product_brand .woocommerce-products-header .term-description{order:2}div#brands_a_z::before,div#brands_a_z::after{content:"";display:table}div#brands_a_z::after{clear:both}div#brands_a_z ul.brands_index{margin-left:0;padding:0}div#brands_a_z ul.brands_index li{float:none;display:inline-block;margin:0 .3342343017em .2360828548em 0;padding:0;text-transform:uppercase}div#brands_a_z ul.brands_index li a,div#brands_a_z ul.brands_index li span{float:none;display:block;border:0;padding:.3819820591em;min-width:1.618em;text-align:center;background-color:#eee;color:#43454b;line-height:1}div#brands_a_z ul.brands_index li span{opacity:.3}div#brands_a_z h3{text-transform:uppercase}div#brands_a_z a.top{padding:.6180469716em;background-color:#eee;color:#43454b;border:0;line-height:1}div#brands_a_z ul.brands{margin-left:0;list-style-position:inside}div#brands_a_z ul.brands li{margin:0 0 .3819820591em;padding:0 0 .3819820591em;border-bottom:1px solid rgba(0,0,0,.05)}.storefront-wc-brands-single-product{margin:0 0 .5407911001em}.storefront-wc-brands-single-product img{max-height:2.2906835em}@media(min-width: 768px){div#brands_a_z ul.brands_index{width:21.7391304348%;float:left;margin-right:4.347826087%;transition:all .5s ease}div#brands_a_z h3{width:73.9130434783%;float:right;margin-right:0;clear:right;text-transform:uppercase}div#brands_a_z h3:first-of-type{margin-top:0}div#brands_a_z a.top{clear:right}div#brands_a_z ul.brands{width:73.9130434783%;float:right;margin-right:0;clear:right}}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}.wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{background-color:initial;border-collapse:inherit;border-spacing:0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:#0000}.wp-block-table.is-style-stripes{border-bottom:1px solid #f0f0f0}.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{border-color:inherit}.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:initial}.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{border-right-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:initial}.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{border-left-color:inherit}.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{border-style:inherit}.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{border-style:inherit;border-width:inherit}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table :where(figcaption){color:#ffffffa6}