.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    padding:10px;
}
h1{font-weight: 700;}
h2,h3,h4{font-family: sans-serif;margin-bottom: 0;}
h2{font-weight: 700;}
h3{font-size: 16px;font-weight: 700;}
.main-navigation>ul>li:first-of-type>a{color: yellow;}
.page-id-20890 .homepage-slider.cycle-slideshow{margin-bottom: 20px !important;width: 100%;margin:0 auto;max-width: 1200px;}
.homepage .section-content.blocks .block {
    height: 0;
    overflow: hidden;
    padding-bottom: 25%;
    position: relative;
    width: 100%;
    height: 400px;
}
.section-content.blocks{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 20px;
max-width: 1440px;
margin:0 auto;
}

.section-frame-types{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0px 20px;
    max-width: 1440px;
    margin:30px auto 0px auto;
}

.frame-summary-panel{width:100%;font-size: 18px;display: table-cell;vertical-align: middle;justify-content: center;width: 50%;background-color: rgba(0,0,0,0.3);}
.frame-summary-panel h1{
    color: #ffffff;
    font-size: 3.2em;
    line-height: 130%;
    margin-bottom: .46875em;
}
.frame-summary-panel p.intro{font-size: 42px;margin-bottom: 40px;color: #ffffff;line-height: 40px;width: 50%;margin:0 auto;}
.frame-summary-panel p{margin-bottom: 0px;}
.frame-model-links{font-size: 18px;margin-bottom: 50px;padding:20px 0px}
.frame-panel h2{font-size: 34px;padding:20px 0px}
.frame-panel p{font-size: 18px;margin-bottom: 0;min-height: 300px;}
.frame-model-links li{font-size: 18px;}
.main-header{background-color:#4d4d4d; min-height: 700px;}
.main-header-panel{background-image:url('https://www.merciancycles.co.uk/wp-content/uploads/2024/09/Web-Banner-9.jpg');background-size: cover;background-repeat: no-repeat;min-height: 700px;position: relative;display: table;width: 100%;}
.section-content blocks{}
.site-banner {
    padding: 2em 0;
    position: relative;
}

.main-navigation {
    top: 2em;
}

.site-branding h1{margin-bottom: 0;}
.main-navigation>ul>li>a {
    padding-bottom: 1.6em;
}

.single-page .entry-content{
    max-width: unset;
}
.entry-title{display: none;}
a.button{padding:10px 30px;font-size: 16px;text-decoration: none;background-color: rgba(0, 66, 114, 1);color: white;text-transform: uppercase;}

.frame-list-panel a.button{font-size: 50px;color: #F3F3EF;background-color: #F3F3EF;text-transform: uppercase; -webkit-text-stroke: 3px rgba(0, 66, 114, 1);}
.page-id-20890{text-align: center;}
a.button:hover{}
.frame-panel .bike-desc, .frame-panel p{min-height: 280px;}
.list-bike-container{display: flex;flex-direction: row;flex-wrap: wrap;gap:20px;}
.frame-list-panel{margin-bottom: 30px;padding:40px 95px;display: flex;flex-direction: row;gap:20px;background-color: #F3F3EF;border:5px solid  rgba(0, 66, 114, 1);}
.bike-list-panel{margin-bottom: 30px;padding:40px 30px;display: flex;flex-direction: column;gap:20px;background-color: #cccccc;width: 49%;}
.bike-list-panel .bike-prices-panel{width: 100%;margin-bottom: 40px;}
.bike-list-panel a.button{padding:10px 30px;font-size: 18px;text-decoration: none;color: white;text-transform: uppercase;background-color: rgba(0, 66, 114, 1); }
.section-frame-types .bike-list-panel a.button{padding:10px 30px;font-size: 18px;text-decoration: none;color: white;text-transform: uppercase;background-color: #ffffff; -webkit-text-stroke: 3px rgba(0, 66, 114, 1);}
.bike-list-image{width: 100%;}
.bike-list-image img{width: 100%;}
.cta-measure-panel{width: 100%;padding:50px;background-color: #cccccc;margin-bottom: 20px;}
.bike-summary-section{display: flex;flex-direction: row;width: 100%;gap:20px}
.bike-summary-panel{width: 65%;}
.bike-prices-panel{width: 35%;font-size: 18px;}
.bike-prices-panel td{padding:5px 15px;}
.feature-panel{display: grid;grid-template-columns: 1fr 1fr;font-size: 1.5em;grid-gap: 4px 4px;margin-bottom: 30px;}
.feature-item{background-color: #dddddd;padding:10px;}
.cycle-slide{width: 100%;background-repeat: no-repeat;background-size: 100% auto;min-height: 750px;position: relative;}
.cycle-slide .slide-inner{position:absolute; width:auto;top:0px}
.slide-title,.slide-more{text-align: left;margin-bottom: 0;}
.slide-more,.slide-more:visited,.slide-more:hover{background-color:rgba(0, 66, 114, 1); padding:5px 30px;display: block;color:white;text-decoration: none;text-align: center;}
.slide_title_link{text-decoration: none;}
.slider-strapline{font-size: 32px;line-height: 32px;margin-bottom: 0px;}
.inner-column table{width: 100%;}
.strapline{font-size: 46px;margin-bottom: 0;}
.homepage .section-content.blocks {
    margin:30px auto;
}
.home-page-container p{font-size: 1.8rem;}
.home-page-container p.strapline strong{font-size: 2.8rem;}
.box.blue a{color: white;}
.ui-accordion-header-collapsed{background-image:url('../images/ui-plus.png');background-repeat: no-repeat;background-position: right;}
.ui-accordion-header-active{background-image:url('../images/ui-minus.png');background-repeat: no-repeat;background-position: right;}
th, td {
    font-size: 16px;
    padding:5px;
}
thead td{background-color: rgba(0, 66, 114, 1); color:#ffffff;}
.videoWrapper {
    position: relative;
    min-height: 670px;
    overflow: hidden;
    max-width: 1190px;
    margin:0 auto 100px auto;
}
/*
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; 
    height: 0;
    overflow: hidden;
    max-width: 1190px;
    margin:0 auto;
}
*/

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#accordion{margin-top: 30px;}
.components-container{width: 100%;padding:10px;margin-bottom: 0px;display: flex;font-size: 1.5em;}
.ui-accordion-header-collapsed,.ui-accordion-header-active{width: 100%;padding:30px;border-top:1px solid #ababab;border-bottom:1px solid #ababab;margin-bottom: 0px;display: flex;font-size: 2.8em;}
.ui-accordion-header-active{border-bottom:0;}
.ui-accordion-content-active{padding:0px 30px;margin-bottom: 15px;}
.component-title{width: 30%;}
.component-values{width: 70%;}
.accordion-item.simple .components-container{padding:0px;}
.accordion-item.simple {padding:30px 30px}
.component-title{font-weight: 700;}
h2.ui-accordion-header-active{padding-left:30px;}
/* .site-content .site-wrapper{width: 100%;max-width: unset;} */
.centered-panel{width: 100%;max-width: 1190px;margin:0 auto}
.decorative-images-container{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;margin:50px 0px}
.image_item{max-height: 400px;}
.image_item img{max-height: 400px;object-fit: cover;object-position: center;width: 100%;height: 100%;}
/* .home-page-container{display: flex;flex-direction: row;}
.home-page-container .col-6{width: 50%;}
*/
@media screen and (max-width: 782px) {
    .section-content.blocks {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }

    .homepage .section-content.blocks .block {
        height: 100px;
    }
}

