/*
Theme Name: Ykköstukku Storefront
Theme URI: https://woocommerce.com/storefront/
Author: Tuomo Häkkinen
Author URI: https://woocommerce.com/
Description: Storefront Child Theme
Template: storefront
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: storefront-ykkostukku-child
*/
/* ------------------------ Theme customization : -------------------------- */
.price {
color: #333 !important;
}
.onsale, .wc-block-grid__product-onsale {
color: #d81921 !important;
border-color: #d81921 !important;
}
.berg-tuote-osastot p {
margin: 0 0 0.5em;
}
.berg-tuote-osastot img {
margin: auto !important;
}
.berg-tuote-osastot h2 {
font-size: 1.2em;
margin-top: 0;
}
.berg-tuote-osastot h3 {
font-size: 0.9em;
}
.berg-tuote-osastot a:hover, .berg-tuote-osastot a:hover h2 {
text-decoration: none !important;
color: #d81921;
}
#berg-tuote-mallit img {
margin:auto !important;
max-width: 150px !important;
}
#berg-tuote-mallit p {
margin: 0;
padding: 0;
}
#berg-tuote-mallit h4 {
font-size: 1em;
margin-top: 0;
}
#berg-tuote-mallit a:hover, #berg-tuote-mallit a:hover h4 {
text-decoration: none !important;
color: #d81921;
}
body, button, input, select, textarea {
font-family: 'Roboto Condensed', Arial, sans-serif;
}
.secondary-navigation .menu a, .primary-navigation .menu a {
font-weight: 700;
}
.secondary-navigation .menu a:hover, .primary-navigation .menu a:hover {
color: #d81921;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: 900;
}
/* Show
for narrow screens */
br.responsive {
display: inline;
}
/* Adjust for narrow screens */
@media screen and (max-width: 767px) {
#masthead {
margin-bottom: 0;
}
h1 {
font-size: 2.0em;
line-height: 1.2em;
letter-spacing: 0;
margin-top: 0;
}
}
/* Adjust for wide screens */
@media screen and (min-width: 769px) {
/* Hide
for wider screens */
br.responsive {
display: none;
}
h1 {
font-size: 3em;
line-height: 1.5em;
letter-spacing: 0;
margin-top: 0em;
}
#menu-paavalikko a {
color: #000;
}
#menu-paavalikko a:hover {
color: #d81921;
}
}
@media screen and (max-width: 768px) {
h1 {
margin-top: 1em;
}
}
@media screen and (max-width: 540px) {
h1 {
font-size: 1.8em;
}
}
.theme-twentytwenty .wc-block-grid.has-5-columns .wc-block-grid__product, .theme-twentytwenty .wc-block-grid.has-6-columns.alignfull .wc-block-grid__product, .wc-block-grid.has-5-columns .wc-block-grid__product, .wc-block-grid.has-6-columns.alignfull .wc-block-grid__product {
font-size: .875em !important;
}
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title>a, .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title, .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title, .wc-block-grid__products li.product .wc-block-grid__product-title, .wc-block-grid__products li.product .wc-block-grid__product-title>a, .wc-block-grid__products li.product .woocommerce-loop-category__title, .wc-block-grid__products li.product .woocommerce-loop-product__title, ul.products .wc-block-grid__product .wc-block-grid__product-title, ul.products .wc-block-grid__product .wc-block-grid__product-title>a, ul.products .wc-block-grid__product .woocommerce-loop-category__title, ul.products .wc-block-grid__product .woocommerce-loop-product__title, ul.products li.product .wc-block-grid__product-title, ul.products li.product .wc-block-grid__product-title>a, ul.products li.product .woocommerce-loop-category__title, ul.products li.product .woocommerce-loop-product__title {
font-weight: 700;
}
ul.products li.product a:hover {
text-decoration: none;
}
ul.products li.product a:hover .woocommerce-loop-product__title {
color: #d81921;
}
ul.products li.product a:hover .price {
color: #000;
}
.add_to_cart_button {
background-color: #eee;
border: 1px solid #ddd;
color: #666;
}
.add_to_cart_button:hover, button[name=add-to-cart]:hover {
background-color: #d81921 !important;
border-color: #d81921 !important;
color: #ffffff !important;
}
ul.products li.product {
border-top: 1px solid #eee;
}
a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus,
input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
outline: 0;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Merriweather', sans-serif;
font-weight: 900;
}
.wc-block-grid__products .wc-block-grid__product .price, .wc-block-grid__products li.product .price, ul.products .wc-block-grid__product .price, ul.products li.product .price {
font-weight: 700;
}
.storefront-breadcrumb {
margin: 0 0 1.5em;
}
@media (min-width: 768px) {
.storefront-breadcrumb {
margin: 0 0 0;
}
}
/*
Fix for Storefront inputs
*/
input[type='text'], input[type='number'], input[type='email'], input[type='tel'], input[type='url'], input[type='password'], input[type='search'], textarea, .input-text {
background-color: #fff;
box-shadow: none;
border: 1px solid #ced4da;
}
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: #fafafa;
}
/*
Fix for Woocommerce Columns classes (col-1 and col-2) conflicts with Bootstrap v4
*/
.woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row,.woocommerce form .form-row {
display: block;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
max-width: unset;
}
.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}