/*
Theme Name: Own Shop Child
Theme URI: https://www.spiraclethemes.com/own-shop-free-wordpress-theme/
Author: Spiracle Themes
Author URI: https://www.spiraclethemes.com
Description: Child theme for Own Shop theme.
Version: 1.0
Template: own-shop
Tested up to: 5.9
Requires PHP: 5.6
Requires at least: 4.7
Tags: e-commerce, blog, custom-colors, sticky-post, one-column, custom-logo, custom-menu, entertainment, featured-images, full-width-template, left-sidebar, right-sidebar, rtl-language-support, theme-options, threaded-comments, translation-ready, two-columns, footer-widgets
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: own-shop-child
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
====================================================================
  Add your CSS here
====================================================================
*/
/* site colors #09a8f8 - blue, #2d2d2d - blackish #1b3743- blueish and white*/

@font-face {
    font-family: 'Alfa Slab One';
    src: url('/wp-content/fonts/AlfaSlabOne-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Merriweather Sans';
    src: url('/wp-content/fonts/MerriweatherSans-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: normal;
}

@font-face {
    font-family: 'Merriweather Sans';
    src: url('/wp-content/fonts/MerriweatherSans-Italic-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: italic;
}

body {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-weight: 400; /* Normal weight */
}

em, i {
    font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Alfa Slab One', serif;
}
h1{font-size:3em;}
h2{font-size:2.5em;}
h3{font-size:1.5em;}
h4{font-size:1em;}

img.custom-logo {
	width:55% !important;
	
}

p {
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: 400; /* Normal weight */
	font-size:16px;
}


p + .product-page-ul {
  margin-top: 10px;
}

.product-page-ul li {
  padding-left: 20px;
}

p {
  margin-bottom: 10px;
}

/**email form styles**/
 #sib-container input:-ms-input-placeholder {
    text-align: left;
    font-family: "Helvetica", sans-serif;
    color: #c0ccda;
  }

  #sib-container input::placeholder {
    text-align: left;
    font-family: "Helvetica", sans-serif;
    color: #c0ccda;
  }

  #sib-container a {
    text-decoration: underline;
    color: #2BB2FC;
  }



/*
.home-page-section-bt{
	background-color:#2d2d2d;
	padding-top:50px;
	padding-bottom:25px;
	color:white;
}

h2.wp-block-heading {
color:white;
	
}
*/





/* woocommerce overides */ 
.woocommerce-message {
    background: #09a8f8 !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title { width: 100% !important;}
.woocommerce ul.products li.product .price {float:unset !important;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{display:none !important;} 



/*woocommece links*/
a.wp-block-button__link.add_to_cart_button {
   background-color: #09a8f8 !important;
   border-radius:0px;
}
a.wp-block-button__link.wp-element-button.add_to_cart_button.wc-block-components-product-button__button{
	background-color: #09a8f8 !important;
	border-radius:0px;
}

}
a.wp-block-button__link.wp-element-button.wc-block-components-product-button__button.add_to_cart_button.product_type_variable.has-font-size.has-small-font-size.has-text-align- {
	background-color: #09a8f8 !important;
	border-radius:0px;
	
}
 /*remove list styling woocommerce*/
ul.wp-block-post-template.is-layout-flow.wp-block-post-template-is-layout-flow li {
    list-style-type: none !important;
}

h1.page-title {display:none !important;}

/*.woocommerce #woo-products-wrapper{padding-right:unset !important;} */
.page-content-area { margin: unset !important;}
/* styles for email pluging */
/* Style the form container */
.custom-form {
    width: 100%; /* Adjust the width as needed for desktop */
    margin: 0 auto; /* Center the form on desktop */
    padding: 20px; /* Add padding to the form container */
    background-color: #f7f7f7; /* Background color for the form */
    border: 1px solid #ddd; /* Border around the form */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Box shadow for a subtle effect */
}

/* Style form labels */
.custom-form label {
    display: block; /* Display labels as blocks */
    margin-bottom: 10px; /* Add space between labels and inputs */
    font-weight: bold; /* Make labels bold */
}

/* Style form inputs and textarea */
.custom-form input[type="text"],
.custom-form input[type="email"],
.custom-form input[type="tel"],
.custom-form textarea {
    width: 100%; /* Input fields take full width */
    padding: 10px; /* Add padding to inputs */
    margin-bottom: 15px; /* Add space between inputs */
    border: 1px solid #ccc; /* Border for inputs */
    border-radius: 4px; /* Rounded corners for inputs */
}

/* Style file input */
.custom-form input[type="file"] {
    margin-top: 5px; /* Add space above file input */
}

/* Style submit button */
.custom-form input[type="submit"] {
    background-color: #0073e6; /* Button background color */
    color: #fff; /* Button text color */
    padding: 10px 20px; /* Button padding */
    border: none; /* Remove button border */
    border-radius: 4px; /* Rounded corners for the button */
    cursor: pointer; /* Change cursor to pointer on hover */
}

/* Style success message */


.success-message {
    background-color: #aee9ae !important;
	padding:15px;
	margin-bottom:15px;
}

/* Style error message */
.error-message {
    background-color: red; /* Red background for error message */
    color: white; /* White text for error message */
    padding: 10px; /* Add padding to error message */
    margin-bottom: 15px; /* Add space below error message */
}


footer#footer .footer-widgets-wrapper{
	padding-left:50px;
}

.hd-bar .side-menu ul li a:hover, .hd-bar .side-menu ul.navigation>li.active>a, .hd-bar .side-menu ul.navigation>li>ul>li>a:hover, .hd-bar .side-menu ul>li.current>a, .hd-bar .side-menu ul>li>ul>li.current>a, .section-latest-posts-area-box .content h6 a:hover {
    color: #09a8f8 !important;
}






@media all (min-width: 769px) {
	.return-form{width:45%;}
}


@media (max-width: 768px) { /* Adjusts for devices with width less than 768px */
img.custom-logo {
    width: 100% !important;
}
	.return-form{
		width:100%;
	}
	
	.wp-block-columns.is-layout-flex.wp-container-core-columns-layout-3.wp-block-columns-is-layout-flex {
    padding-left: 30px !important;
}
 
	
}

@media only screen and (max-width: 768px) {
 
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 75% !important;
    float: none !important;
	margin: 0 auto !important;
  }

}

/* Targeting the Description Tab specifically with all classes mentioned */
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description.panel.entry-content.wc-tab {
    padding: 25px !important;
}


/* Targeting the Additional Information Tab specifically with classes */
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information.panel.entry-content.wc-tab {
    padding: 25px !important;
}


/* Targeting the Reviews Tab specifically with classes */
.woocommerce-Tabs-panel .woocommerce-Tabs-panel--reviews .panel .entry-content wc-tab {
    padding: 25px !important;
}

#footer .footer-widgets-wrapper{
	background:white !important;
	
}

/** test button **/
.custom-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #4CAF50;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    margin-top: 10px;
}

.custom-button:hover {
    background-color: #45a049;
}


/***new adding button to layout****/
/* Center-align the product content */
.woocommerce ul.products li.product {
    text-align: center; /* Centers all content inside the product box */
}

/* Ensure the price and button are stacked vertically and centered */
.woocommerce ul.products li.product .price {
    display: block;
    margin-bottom: 10px;
}

.woocommerce ul.products li.product .shop-now-button {
    display: block;
    width: 80%; /* Button width */
    margin: 10px auto; /* Centers the button */
    text-align: center;
    padding: 10px 0;
    background-color: #09a8f8; /* Primary button color */
    color: white; /* White text */
    border-radius: 5px;
    font-weight: bold;
}

/* Hover effect for the button */
.woocommerce ul.products li.product .shop-now-button:hover {
    background-color: #2d2d2d; /* Hover color */
    color: white; /* White text on hover */
}

/* Optional: Make sure the image is centered too */
.woocommerce ul.products li.product .product-image img {
    display: block;
    margin: 0 auto; /* Centers the product image */
}