<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Theme Name: CumbriaOak
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
#wide-nav .flex-col.hide-for-medium.flex-center {
    margin: 0;
    width: 100%;
}
.single-product .product-gallery .woocommerce-product-gallery img {
    width: auto;
    max-height: 475px;
}
.single-product .product-gallery  {
	text-align:center;
  }
#wide-nav .nav li {
    margin: auto;
}
input#woocommerce-product-search-field-0 {
    background-color: #fff;
    border: none;
}
i.icon-shopping-bag {
    margin-top: -5px;
    color: #000;
}
span.newIcons{
	padding:5px;   
	font-size: 1.1em;
}
ul.nav.top-bar-nav.nav-right.nav-small.nav- {
    text-transform: uppercase;
    font-weight: 300;
}
.nav-right li a span {
    font-weight: 300;
}
.nav-left a {
    color: #888888;
    font-weight: 300!important;
}
.lineButtons a.button.white.expand {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
}
.lineButtons .col .col-inner {
    padding-bottom: 3em;
}
.white {
    background-color: #fff !important;
    color: #000 !important;
	border:none;
}
.button:hover{
	    box-shadow: 1px 1px 4px #0000002e;
}


/* Products Catalogue */
.tax-product_cat.woocommerce .product-small.box .box-image {
    height: 360px;
}
.tax-product_cat.woocommerce .box-image img {
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    position: absolute;
}
.tax-product_cat.woocommerce img.show-on-hover.absolute.fill.hide-for-small.back-image {
    transform: translateY(-50%);
    position: absolute;
	top:0;
}


.related-products-wrapper .box-image img {
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    position: absolute;
}

.related-products-wrapper .product-small.box .box-image {
    height: 360px;
}



.related-products-wrapper img.show-on-hover.absolute.fill.hide-for-small.back-image {
    transform: translateY(-50%);
    position: absolute;
	top:0;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.product-small.box .box-image {
    height: 230px;
}
.related-products-wrapper .product-small.box .box-image {
    height: 230px;
}
}
@media only screen and (max-width: 1000px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.box-text.text-center {
    padding-left: 0px;
    padding-right: 0px;
}
}

</pre></body></html>