/*  

We do not recommend edit main style.css file.

All your custom style settings and tweaks can be placed here.

Backup this file before theme update - so after update can be restored!
 
*/

.woocommerce ul.product_list_widget li:first-child {
    padding-top: 0 !important;
    background: none !important;
}
ul.folio {
    margin-top: 60px;
}
.classic-header #navigation,
.transparent-header #navigation {
    width: 70%;
}
.flexinside h1 {
    color: #fff !important;
    font-size: 60px;
    text-transform: uppercase;
}
.flexinside h2 {
    color: #fff !important;
    font-size: 35px;
    text-transform: uppercase;
}
.flexinside h3 {
    color: #fff !important;
    font-size: 20px;
    text-transform: uppercase;
}
.flexinside p {
    color: #fff !important;
}
.feature-layout .flexinside h1,
.feature-layout .flexinside h2,
.feature-layout .flexinside h3,
.feature-layout .flexinside p {
    color: #000 !important;
}
.pageheader h2 {
    font-size: 50px;
}
.page-id-1001 .transparent-header #header {
    background-color: transparent;
}
.isotope .item .imgwrap {
    background-color: #222;
}
.home.blog .transparent-header .pageheader {
    padding-top: 190px !important;
}
.home.blog .classic-header .pageheader {
    padding-top: 40px !important;
}

/* New css for workshop columns */
.grid-columns{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}
.grid-columns > .row > .col-md-5,.grid-columns > .row > .col-md-7{
    width: 100%;
    flex-basis: 100%;
    max-width: 100%;
}