@charset "UTF-8";

/*
Theme Name: Happy Herberts
Theme URI: https://www.citytechcorp.com/
Author: Citytech Team
Author URI: https://www.citytechcorp.com/
Description: Happy Herberts is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.9
Requires PHP: 5.6
Version: 1.5


/* Variables */

body {
    background:#fff;
}
.shop-desc
{
    text-align:center;
}


body.page-id-23 > .container {
	padding-top: 50px;
	margin-bottom: 50px;
}
body.page-id-106 > .container {
	padding-top: 50px;
	margin-bottom: 50px;
}

.pg-header .navbar-dark .navbar-toggler {
	margin: 14px 0;
}
.pg-header .nav-dropdown {
	z-index: 999;
}

.banner-img-slider {
	padding: 25px 0;
}
.banner-img-slider ul {
	list-style: none;
	margin: 0;
}
.banner-img-slider ul li {
	display: inline-block;
}
.banner-img-slider ul li img {
	height: 300px;
}
.simply-scroll {
	width: 100%;
	height: auto;
	margin-bottom: 0;
}
.simply-scroll .simply-scroll-clip {
	width: 100%;
	height: auto;
}
.simply-scroll .simply-scroll-list li {
	height: auto;
	text-align: center;
	display: flex;
	justify-content: center;
	width: 250px;
}

.pg-header .nav-dropdown .cart-bascat {
	color: #3c7ac5;
	line-height: 1;
	margin-right: 10px;
}
.product-details .details-img img:first-child {
	margin-right: 15px;
}


.single-product .woocommerce-notices-wrapper .woocommerce-message {
	border-top-color: #3c7ac5;
}
.single-product .woocommerce-notices-wrapper .woocommerce-message::before {
	color: #3c7ac5;
}
.single-product .woocommerce-notices-wrapper .woocommerce-message .button.wc-forward {
	color: #fff;
	background-color: #3c7ac5;
}
.single-product .woocommerce-notices-wrapper .woocommerce-message .button.wc-forward:hover {
	background-color: #f8981d;
}

.product-details .details-info .info-cart .cart-btn:hover {
	background-color: transparent;
}

.woocommerce-cart .woocommerce-notices-wrapper {
	margin-top: 34px;
}
.woocommerce-cart .cart-empty.woocommerce-info {
	margin-top: 34px;
}
.woocommerce-cart .cart-empty.woocommerce-info + .return-to-shop .button {
	background: #3c7ac5;
	color: #fff;
}
.woocommerce-cart .cart-empty.woocommerce-info + .return-to-shop .button:hover {
	background: #f8981d;
}
.woocommerce-cart .woocommerce-cart-form {
	margin-top: 40px;
}
.woocommerce-cart .woocommerce-cart-form .shop_table thead {
	background: #f8981d;
	color: #fff;
}
.woocommerce-cart .woocommerce-cart-form .cart_item {}
.woocommerce-cart .woocommerce-cart-form .cart_item .product-thumbnail {}
.woocommerce-cart .woocommerce-cart-form .cart_item .product-thumbnail .attachment-woocommerce_thumbnail {
	height: 75px !important;
	width: auto !important;
}
.woocommerce-cart .woocommerce-cart-form .cart_item .product-name a {
	color: #3c7ac5;
}
.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout .checkout-button {
	background: #f8981d;
}
.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout .checkout-button:hover {
	background: #3c7ac5;
}
.woocommerce-cart .woocommerce-cart-form .actions {}
.woocommerce-cart .woocommerce-cart-form .actions .coupon {}
.woocommerce-cart .woocommerce-cart-form .actions .coupon #coupon_code {
	width: 150px;
}
.woocommerce-cart .woocommerce-cart-form .actions .coupon .button,
.woocommerce-cart .woocommerce-cart-form .actions button[name="update_cart"],
.woocommerce-cart .woocommerce-cart-form .actions button[name="update_cart"]:hover {
	background: #3c7ac5;
	color: #fff;
}


.woocommerce-checkout form.woocommerce-checkout .customer_details {}
.woocommerce-checkout form.woocommerce-checkout .order_review {}
.woocommerce-checkout .select2-container .select2-selection--single {
	font-size: 16px;
	border: 1px solid #d3ced2;
	padding: .375rem .75rem;
	line-height: 1.5;
	border-radius: .25rem;
	height: 2.38rem;
}
.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow {
	height: 2.38rem;
}



.woocommerce-order-received .woocommerce .woocommerce-order {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.woocommerce-order-received .woocommerce .woocommerce-order .woocommerce-thankyou-order-received {
	width: 100%;
	padding: 0 15px;
	font-weight: 700;
	color: #3c7ac5;
	text-align: center;
	order: 1;
}
.woocommerce-order-received .woocommerce .woocommerce-order .woocommerce-thankyou-order-details {
	width: 100%;
	padding: 0 15px;
	display: flex;
	justify-content: center;
	order: 2;
	flex-wrap: wrap;
}
.woocommerce-order-received .woocommerce .woocommerce-order .woocommerce-thankyou-order-details + p {
	width: 100%;
	padding: 0 15px;
	order: 3;
}
.woocommerce-order-received .woocommerce .woocommerce-order .woocommerce-order-details {
	width: 50%;
	padding: 0 15px;
	order: 5;
}
.woocommerce-order-received .woocommerce .woocommerce-order .woocommerce-customer-details {
	width: 50%;
	padding: 0 15px;
	order: 4;
}
.woocommerce-order-received .woocommerce .woocommerce-order .woocommerce-customer-details :is(.woocommerce-column--1, .woocommerce-column--2) {
	width: 100%;
}
.woocommerce-order-received .woocommerce .woocommerce-order .woocommerce-customer-details .woocommerce-column--2 .woocommerce-column__title {
	margin-top: 20px;
}


.woocommerce-account h2 {
	font-size: 1.5rem;
}
.woocommerce-account .addresses .title h3 {
	font-size: 1.5rem;
}
.woocommerce-account .woocommerce {
	padding-top: 40px;
	margin-bottom: 20px;
}
.woocommerce-account .woocommerce .woocommerce-form-login {}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
	font-size: 16px;
	border: 1px solid #d3ced2;
	padding: .375rem .75rem;
	margin-right: 16px;
	line-height: 1.5;
	border-radius: .25rem;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce .woocommerce-form-register .woocommerce-form-register__submit {
	color: #fff;
	background-color: #3c7ac5;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,
.woocommerce .woocommerce-form-register .woocommerce-form-register__submit:hover {
	background-color: #f8981d;
	color: #fff;
}
.woocommerce a {
	color: #f8981d;
}

.woocommerce-checkout .woocommerce {
	padding: 34px 0;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
	background: #f8981d;
}
.woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover {
	background: #3c7ac5;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
	padding: 15px 10px;
	border-radius: 5px;
	border: 1px solid rgba(0,0,0,.1);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(:last-child) {
	margin-bottom: 5px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li::before {
	content: "\f101";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 14px;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #f8981d;
	margin-right: 3px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active::before {
	color: #3c7ac5;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
	color: #3c7ac5;
}

.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
	background: #3c7ac5;
	color: #fff;
}

.woocommerce .woocommerce-error .button:hover, .woocommerce .woocommerce-info .button:hover, .woocommerce .woocommerce-message .button:hover, .woocommerce-page .woocommerce-error .button:hover, .woocommerce-page .woocommerce-info .button:hover, .woocommerce-page .woocommerce-message .button:hover {
	background: #f8981d;
	color: #fff;
}
button.woocommerce-Button.button {
    color: #fff;
    background: #3c7ac5;
}
button.woocommerce-Button.button:hover {
background-color: #f8981d;
    color: #fff;
}

.woocommerce-edit-address  .woocommerce-Addresses .woocommerce-Address address {
	padding: 15px 10px;
	border-radius: 5px;
	border: 1px solid rgba(0,0,0,.1);
}



.page-id-15 .wp-block-columns {
	justify-content: center;
}
.page-id-15 .wp-block-table,
.page-id-15 .wp-block-columns .wp-block-column,
.page-id-15 .wp-block-table + p {
	max-width: 650px;
	margin: auto;
	border: 0;
}
.page-id-15 .wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
	background-color: transparent;
}
.page-id-15 .wp-block-columns .wp-block-column > p:first-child {
	color: #ff1b00;
	text-align: center;
	text-shadow: 0px 2px #000;
	font-size: 32px;
	cursor: default;
	font-weight: 700;
	margin-top: 34px;
}
.page-id-15 .wp-block-columns .wp-block-column > p + p {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #000;
}
.page-id-15 .wp-block-columns + .wp-block-table td {
	border: 0;
	padding: 0;
}
.page-id-15 .wp-block-table + p {
	color: #ed1b23;
	margin-bottom: 44px;
}
.page-id-15 .wp-block-table + p a {
	font-size: 18px;
	font-weight: bold;
	color: #ed1b23;
	text-decoration: underline;
}



@media only screen and (max-width : 767px) {
	.navbar-toggler:focus {
		box-shadow: none;
	}
	.navbar-dark .navbar-toggler {
		color: rgba(255,255,255,.7);
		border-color: rgba(255,255,255,.7);
	}
	.navbar-dark .navbar-toggler-icon {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}
	
	.pg-header {
		background-position: center bottom;
		background-size: 150%;
	}
	.pg-header .header-nav .navbar-nav .nav-item:not(.item-logo) .nav-link {
		margin: 0;
	}
	.pg-header .header-nav .navbar-nav .nav-item:first-child .nav-link::before,
	.pg-header .header-nav .navbar-nav .nav-item:not(.item-logo) .nav-link.shop::before {
		display: inline-block;
	}
	.pg-header .navbar-dark .navbar-brand {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		height: 50px;
	}
	.pg-header .header-nav .nav-logo {
		width: auto;
		height: 58px;
	}
	
	.simply-scroll .simply-scroll-list li {
		width: 175px;
	}
	.banner-img-slider ul li img {
		height: 200px;
	}
	.sec-welcome .titl-txt {
		font-size: 30px;
	}
	
	.sec-welcome .titl-txt {
		font-size: 26px;
	}
	.sec-welcome .desc-txt {
		font-size: 18px;
	}
	.sec-product .titl-txt {
		font-size: 28px;
	}
	.pg-header .pg-cat-name {
		font-size: 36px;
		margin-top: 35px;
	}
	.product-details .details-info .info-titl {
		margin-top: 45px;
		font-size: 26px;
	}
	.product-details .details-info .info-desc {
		font-size: 18px;
		margin-top: 20px;
	}
	.product-details .details-info .info-price {
		font-size: 18px;
	}
	.product-details .details-info .info-note {
		font-size: 18px;
	}
	.product-box-list {
		padding-bottom: 25px;
	}
	.product-box {
		margin-bottom: 25px;
		display: block;
	}
	.product-box .box-titl {
		font-size: 18px;
	}
	
	
	.woocommerce-order-received .woocommerce .woocommerce-order .woocommerce-customer-details,
	.woocommerce-order-received .woocommerce .woocommerce-order .woocommerce-order-details {
		width: 100%;
	}
	.woocommerce-order-received .woocommerce .woocommerce-order .woocommerce-thankyou-order-details li {
		border-right: 0;
		margin-bottom: 10px;
	}
	.page-id-15 .wp-block-columns .wp-block-column > p:first-child {
		line-height: 1.1;
	}
	.page-id-15 .wp-block-table, .page-id-15 .wp-block-columns .wp-block-column, .page-id-15 .wp-block-table + p {
		font-size: 15px;
		line-height: 1.1;
	}
	.page-id-15 .wp-block-table + p {
		margin-top: 25px;
	}
	
	.page-template-template-home-tpl .sec-product .col-md-5,
	.woocommerce-shop .col-md-5 {
		margin-top: 25px;
	}
	
	
	.pg-footer .footer-contact,
	.pg-footer .footer-links li {
		font-size: 17px !important;
	}
	.pg-footer .social-links li {
		font-size: 22px !important;
	}
}

@media only screen and (max-width : 480px) {
	.woocommerce-order-received .woocommerce .woocommerce-order .woocommerce-thankyou-order-received {
		text-align: left !important;
	}
	.woocommerce-order-received .woocommerce .woocommerce-order .woocommerce-thankyou-order-details {
		justify-content: flex-start !important;
	}
}