/*
Theme Name: Discount Locks
Author: 
Description: Your description goes here
Version: 1.0
Template: storefront

This is the child theme for Storefront theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
.raleway-<uniquifier> {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
body{
	font-family: "Raleway", sans-serif;
}
#post-29 .entry-title,
#post-11160 .entry-title{
	display:none;
}

.wp-block-columns.alignfull.About-Us.is-layout-flex.wp-container-core-columns-is-layout-7387b849.wp-block-columns-is-layout-flex {
    background-image: url(https://discountlocks.co.uk/wp-content/uploads/2026/07/about-banner.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    height: 300px;
    text-align: center;
    align-items: center !important;
}
.wp-block-columns.alignfull.Our-Locksmith.-Services.has-custom-css.is-layout-flex.wp-container-core-columns-is-layout-7387b849.wp-block-columns-is-layout-flex.wp-custom-css-dcf7b126{
	 background-image: url(https://discountlocks.co.uk/wp-content/uploads/2026/07/Our-Locksmith-Services-Banner-1.webp) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    width: 100vw !important;    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    height: 300px;
    text-align: center;
    align-items: center !important;
}

.wp-block-columns.alignfull.Our-Locksmith.-Services.has-custom-css.has-black-background-color.has-background.is-layout-flex.wp-container-core-columns-is-layout-7387b849.wp-block-columns-is-layout-flex.wp-custom-css-741c5d6b {
    margin-bottom: 0px;
}

.wp-block-columns.alignfull.Contact-us.is-layout-flex.wp-container-core-columns-is-layout-7387b849.wp-block-columns-is-layout-flex{
		 background-image: url(https://discountlocks.co.uk/wp-content/uploads/2026/07/Con1.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    width: 100vw !important;    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    height: 300px;
    text-align: center;
    align-items: center !important;
}

.contact-btn a{
	   line-height: 30px!important;
    padding: 12px 20px!important;
}
.here-side-img figure{
	margin-left: 0!important;
}

/* Form Title Styling */
.wpcf7 h2 {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #111111;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.wpcf7 h2 .highlight-red {
    color: #e50914; /* Red color */
}

/* Input Fields & Textarea Styling */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    width: 100%;
    background-color: #f2f2f2 !important; /* Light Gray Background */
    border: none !important;
    padding: 16px 20px !important;
    font-size: 15px !important;
    color: #333333 !important;
    border-radius: 2px !important;
    box-sizing: border-box;
    margin-bottom: 15px;
    outline: none;
}

/* Placeholder Styling */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
    color: #666666 !important;
    opacity: 0.8;
}

/* Textarea Height */
.wpcf7 textarea {
    height: 180px !important;
    resize: vertical;
}

/* Submit Button Styling */
.wpcf7 input[type="submit"] {
    background-color: #b80000 !important; /* Dark Red */
    color: #ffffff !important;
    border: none !important;
    padding: 14px 28px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border-radius: 4px !important;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.wpcf7 input[type="submit"]:hover {
    background-color: #8b0000 !important;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* my account*/
#post-11 nav.woocommerce-MyAccount-navigation {
    border: 1px solid;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 8px;
	    font-size: 18px;
}
#post-11 .woocommerce-MyAccount-navigation ul {
    border-top: none !important;
    border-bottom: none !important;
}
	#post-11 .woocommerce-MyAccount-navigation ul li:first-child {
    border-top: none !important;
}
#post-11  .hentry .entry-content a {
    text-decoration: none;
   font-family: 'Raleway', sans-serif;
    font-weight: 400;
}
#post-11 a {
    color: #89070A;
}
#post-11 .entry-header{
padding-top: 40px;}

#post-11 .woocommerce-MyAccount-content p{
	    font-size: 18px;
    margin: 0px;
}
#post-11 .woocommerce-button {
background-color: #EF0C11;
    border-color: #dd6161;
	color: #fff;}

/* Shop */
.woocommerce-info, .woocommerce-noreviews, p.no-comments, .show-password-input {
    background-color: #EF0C11;
}
.woocommerce-info .wc-forward, .woocommerce-noreviews a, p.no-comments a {
    color: #fff!important;
}
.woocommerce-shop ul.products li.product .woocommerce-loop-product__title, ul.products li.product .price{
	color:#010101;
	text-align:left;
	    font-weight: 500;
}
.woocommerce-shop ul.products li.product .price{
	font-size:20px;
}
.woocommerce-shop li.product.type-product {
    border: 1px solid #D3D3D3;
    padding: 20px;
    border-radius: 12px;
    margin-right: 40px;
    background-color: #FDFDFD;
}
.add_to_cart_button{
background-color: #fff;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    padding: 6px 20px;
    line-height: 19px;
	/* 1. Set a transparent border to reserve space */
  border: 1px solid transparent;

  /* 2. Set the border-radius as usual */
  border-radius: 4px;

  /* 3. Layer two backgrounds: inner background (#fff) + outer gradient */
  background-image: 
    linear-gradient(#fff, #fff), 
    linear-gradient(180deg, #EF0C11 0%, #89070A 100%);

  /* 4. Clip the first gradient inside the padding box and the second inside the border box */
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
.woocommerce-shop li.product.type-product:hover{
		/* 1. Set a transparent border to reserve space */
  border: 1px solid transparent;

  /* 2. Set the border-radius as usual */
  border-radius: 4px;

  /* 3. Layer two backgrounds: inner background (#fff) + outer gradient */
  background-image: 
    linear-gradient(#fff, #fff), 
    linear-gradient(180deg, #EF0C11 0%, #89070A 100%);

  /* 4. Clip the first gradient inside the padding box and the second inside the border box */
  background-origin: border-box;
  background-clip: padding-box, border-box;
} 

/* Outer layout wrapper */
.shop-custom-container {
  display: flex;
  gap: 30px;
  align-items: flex-start;
  margin-top: 20px;
}

/* Left sidebar column */
.shop-left-sidebar {
  flex: 0 0 25%;
  max-width: 25%;
  box-sizing: border-box;
}

/* Main products area column */
.shop-products-content {
  flex: 0 0 72%;
  max-width: 72%;
}

/* Fallback to single stacked column on smaller mobile devices */
@media (max-width: 768px) {
  .shop-custom-container {
    flex-direction: column;
  }
  
  .shop-left-sidebar, 
  .shop-products-content {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.woocommerce-shop .col-full{
	max-width: 1360px;
    margin: auto;
    padding: 20px 1.5rem;
}
}
/* *Single prodcut */
div#primary {
    padding-top: 60px;
}
.single-product h1.product_title.entry-title {
    font-size: 30px;
    font-weight: 500;
    color: #000;
}
.single-product div.product p.price{
	 font-family: "Roboto", sans-serif;
	font-size: 40px;
    font-weight: 500;
    color: #000;
}