/*!
Theme Name: Hamro Print
Theme URI: http://hamroparint.me/
Author: Kaji Acharya
Author URI: www.kajiacharya.com.np
Description: online printing  store
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hamroparint
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

jshirts is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
*/

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700');

* {outline: none;}

body {
  margin: 0;
  padding: 0;
  font-family: 'Poppins', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}

img {max-width: 100%;}

h1,h2,h3,h4,h5,h6,p,ul {
  margin: 0 ;
  padding: 0;
}

:root {
  --primary-color: #2c3e50;
  --accent-color: #e67e22;
  --sale-color: #e74c3c;
  --text-color: #333;
  --light-gray: #f5f5f5;
  --border-color: #eaeaea;
  --white: #ffffff;
  --btn-back:#4058f7;
  --shadow: 0 5px 15px rgba(0,0,0,0.08);
  --transition: all 0.3s ease;
}

/* override woocommerce styles */

/* >> WC Shop Page */
.woocommerce-message {
    border: solid 1px #d0d0d0 !important;
    border-top: solid 3px #CC4803 !important;
    background: none !important;
}
.woocommerce-message::before {
    color: #CC4803 !important;   
}
.woocommerce.page {padding: 0}
.woocommerce .woocommerce-ordering select {
    vertical-align: top;
    padding: 3px 8px;
}
.woocommerce-loop-product__title {
    color: #000;
    float: left;
    width: 60%;
    font-size: 14px;
    margin-top: 10px !important;
}
.woocommerce-LoopProduct-link .p-detail {
    float: left;
    width: 40%;
    font-size: 13px;
    text-align: right;
}


.woocommerce-pagination {margin-bottom: 50px;}
nav.woocommerce-pagination ul {border: none !important;}
nav.woocommerce-pagination ul li {
    margin-right: 5px !important;
    border: solid 1px #000 !important;
}
nav.woocommerce-pagination ul li a {
    height: 30px;
    width: 30px;
    color: #000;
    font-weight: 800;
    padding-top: 5px;
}
nav.woocommerce-pagination ul li a:hover {
    background: #000 !important;
    color: #fff !important;
}
nav.woocommerce-pagination ul li span.page-numbers.current {
    height: 30px;
    width: 30px;
    background: #000;
    color: #fff;
    font-weight: 800;
    padding-top: 5px;
}

/* >> WC Sidebar */
.woocommerce-product-search button {display: none;}
.woocommerce-product-search .search-field {
    color: #777777;
    border: solid 1px #D0D0D0;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
}
h2.widget-title {
    font-size: 16px;
    font-weight: 800;
    color: #CC4803;
    margin-bottom: 10px !important;
}
.widget.woocommerce {margin-bottom: 30px;}
.widget.woocommerce ul li {
    list-style-type: none;
    margin-bottom: 5px;
    font-size: 14px;
}
.widget.woocommerce ul li a {color: #000;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {background-color: #CC4803;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {background: #000;}
.woocommerce .widget_price_filter .price_slider_amount .button {
    font-size: 1.15em;
    color: #000;
    font-weight: 600;
    border: solid 2px #AEAEAE;
    display: inline-block;
    padding: 5px;
    transition: all .2s ease-in;
    border-radius: 0;
    background: none;
}
.woocommerce .widget_price_filter .price_slider_amount .button:hover {
    background: #000000;
    color: #ffffff;
    border-color: #000000;
}


.topic-title {
    text-align: center;
    max-width: 800px;
    margin: 40px auto; /* centers and adds spacing */
    padding: 0 20px;
}

.topic-title h2 {
    font-size: 2.5rem; /* adjust size as needed */
    color: #333; /* main heading color */
    margin-bottom: 15px;
    font-weight: 700;
    letter-spacing: 1px;
}

.topic-title p {
    font-size: 1.1rem; /* paragraph size */
    color: #555; /* paragraph color */
    line-height: 1.6; /* spacing between lines */
    max-width: 600px;
    margin: 0 auto; /* center paragraph */
}