/*
 Theme Name:     Kairon Instituutti
 Description:    Kairon's website
 Author:         Christian Anttonen
 Author URI:     https://www.christianalen.com
 Template:       assets
 Version:        1.1.0
*/
/* Magic starts here!
------------------------------------------------------- */
@import url("css/styles.min.css");
@import url("koulutus.css");
@import url("kauppa.css");
@import url("ilmoittautumiset.css");

/* Playground
------------------------------------------------------- */

/* Etusivun nostot */

.etusivun-nostot p, .etusivun-nostot h3 {
 text-shadow: none;
}

/* Navigoinnin päivitys */

.et_fullwidth_nav #top-menu li.mega-menu > ul {
 left: inherit !important;
}

@media (min-width: 980px) {
.menu-korostus a {
 color: black!important;
 font-size: 18px !important; 
}
.menu-linkki a {
 color: rgba(0,0,0,0.6)!important;
 font-size: 14px !important;
} 
}

/* WooCommerce*/

ul.et_pb_tabs_controls {
 background-color: transparent;
}
.et_pb_tabs_controls li a {
 padding: 3px 16px;
}
.et_pb_tabs_controls li {
 border: none;
}
ul.et_pb_tabs_controls:after {
 border: none;
}
.et_pb_tabs_controls li {
    float: none!important;
    display: inline-block!important;
    margin-bottom: -6px;
}
.et_pb_tabs_controls {
    text-align: center;
}

/* Typo */

h2.woocommerce-loop-product__title {
 font-size: 16px !important;
 line-height: 130%;
 padding: 8px 8px !important;
 min-height: 78px;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
 background: white;
 border-radius: 4px;
 box-shadow: rgba(0, 0, 0, 0.05) 0 5px 15px 0;
 padding: 4px;
}

.wpf_items_wrapper .wpf_item ul li {
    width: 100%;
}

.woocommerce ul.products li.product {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.woocommerce ul.products li.product:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.price {
 padding: 8px;
 font-weight: 800 !important;
 font-family: "Quicksand"
}

h3.filter-title {
 text-align: center;
 margin: 64px auto;
}

h4.filter-title {
 border-bottom: 1px solid #e6e6e6;
 width: 100%;
 display: inline-block;
 margin-bottom: 32px;
 font-size: 19px;
}

/* Product Page */

.product-breadcrumbs {
 margin: 16px 0;
}

/* Ohjeistus */

.faq-ohjeet .wp-video {
    margin: 32px 0;
}
.faq-ohjeet ol li {
    padding: 2px 6px;
    list-style-position: outside;
}
.faq-ohjeet ol {
    margin: 0 48px 4px;
}