shell bypass 403
曾与蒿藜同雨露,한때 잡초와 쑥과 함께 비와 이슬을 나누던 곳이 이제는 소나무와 삼나무와 함께 서리와 눈을 견뎌내고 있다.终随松柏到冰霜.かつては雑草やヨモギと共に雨や露を分かち合っていたが、今では松やヒノキと共に霜や雪に耐えている。曾与蒿藜同雨露,Once sharing rain and dew with weeds and wormwood, now enduring frost and snow with pines and cypresses.终随松柏到冰霜.曾与蒿藜同雨露한때 잡초와 쑥과 함께 비와 이슬을 나누던 곳이 이제는 소나무와 삼나무와 함께 서리와 눈을 견뎌내고 있다.,终随松柏到冰霜.譖セ荳手珍阯懷酔髮ィ髴イ�檎サ磯囂譚セ譟丞芦蜀ー髴�曾与蒿藜同雨露,鏇句笌钂胯棞鍚岄洦闇诧紝缁堥殢鏉炬煆鍒板啺闇�终随松柏到冰霜.曾与蒿藜同雨露,한때 잡초와 쑥과 함께 비와 이슬을 나누던 곳이 이제는 소나무와 삼나무와 함께 서리와 눈을 견뎌내고 있다.终随松柏到冰霜.曾与蒿藜同雨露,终随松柏到冰霜.
@charset "UTF-8";
/*!
Theme Name: Service Business
Theme URI: https://www.vwthemes.com/products/service-business
Author: VWThemes
Author URI: https://www.vwthemes.com/
Description: The Service Business theme provides a structured and responsive layout designed for presenting services, company information, contact details, and business-related content in a clear and organized format. It includes customizable homepage sections, service showcase areas, banner spaces, and navigation menus that help arrange content efficiently. Responsive design ensures consistent viewing across desktops, tablets, and mobile devices. The theme offers customization options for colors, typography, headers, backgrounds, and page layouts without requiring extensive code modifications. Additional features include blog integration, testimonial sections, contact forms, call-to-action areas, social media connectivity, and widget-ready spaces. These tools support content management while maintaining a consistent visual structure throughout the website. Built with a clean code framework, the theme supports compatibility with commonly used plugins and follows modern development standards. Flexible content blocks allow information to be arranged according to different requirements while preserving readability and accessibility. The theme also includes customizable footer layouts, featured content sections, and organized navigation settings. Its combination of responsive design, customization controls, and content management features provides a practical framework for maintaining a well-structured and accessible website experience.
Version: 1.0
Requires at least: 5.9
Tested up to: 7.0
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: service-business
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, rtl-language-support, block-styles, style-variations, translation-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-site-editing, block-patterns, sticky-post, threaded-comments, template-editing, blog, photography, portfolio
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
Service Business is based on Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.
*/
*,
*::before,
*::after {
box-sizing: inherit; }
html {
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
}
body{
background-color: var(--wp--preset--color--background);
color: var(--wp--preset--color--foreground);
}
header a,
footer a {
text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
line-height: 1.4;
font-weight: 700;
}
ul {
list-style: disc; }
ol {
list-style: decimal; }
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 0; }
dt {
font-weight: 700; }
dd {
margin: 0 1.5em 1.5em; }
table {
width: 100%;
border-spacing: 0; }
th, td {
padding: 5px;
text-align: center; }
table td,
table tr,
table th {
border: 1px solid #ddd; }
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%; }
img, .wp-block-image img {
height: auto;
max-width: 100%;
vertical-align: middle; }
figure {
margin: 1em 0; }
dfn,
cite,
em,
i {
font-style: italic; }
blockquote {
margin: 0 1.5em; }
address {
margin: 0 0 1.5em; }
pre {
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em; }
code,
kbd,
tt,
var {
font-size: 17px; }
abbr,
acronym {
border-bottom: 1px dotted #ddd;
cursor: help; }
mark,
ins {
background: #ddd;
text-decoration: none; }
big {
font-size: 125%; }
select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
border-radius: 0;
box-sizing: border-box;
display: block;
font-size: 17px;
width: 100%;
background: #fff;
border: 1px solid #ccc;
line-height: 1.75;
padding: 7px 15px;
color: #1c1c1c;
}
p a {
text-decoration: underline;
}
textarea {
width: 100%;
height: 120px;
padding: 15px 20px; }
input[type="checkbox"] {
display: inline; }
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #cacaca; }
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
color: #c3c3c3; }
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #a3a2a2; }
hr {
background-color: #999;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
a {
color: var(--wp--preset--color--primary);
outline: 0 !important;
}
.widget a:not(.wp-block-button__link),
.entry-summery a:not(.wp-block-button__link),
.entry-content a:not(.wp-block-button__link) {
text-underline-offset: 3px;
text-decoration-skip-ink: all;
text-decoration-thickness: 1px;
text-decoration: underline;
}
.widget a:not(.wp-block-button__link):hover,
.entry-summery a:not(.wp-block-button__link):hover,
.entry-content a:not(.wp-block-button__link):hover {
color: var(--wp--preset--color--primary);
}
a:focus-visible, a:focus {
outline: 2px solid #000 !important;
}
a:hover, a:active, a:hover {
outline: 0;
color: var(--wp--preset--color--primary);
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/*alignwide*/
.alignfull{
margin:0 !important;
width: auto !important
}
h1,h2,h3,h4,h5,h6{
color: var(--wp--preset--color--foreground);
}
/*---------------- Woocommerce CSS------------------ */
.woocommerce .wp-block-woocommerce-product-collection ul.wc-block-product-template h3.wp-block-post-title{
font-size: 25px !important;
}
.woocommerce h3 a{
color: var(--wp--preset--color--foreground) !important;
text-decoration: none;
}
.woocommerce span.page-numbers.current, .woocommerce .page-numbers, .woocommerce .wp-block-query-pagination-next{
background: var(--wp--preset--color--primary);
color: #fff;
padding: 10px;
}
.woocommerce .wp-block-query-pagination-numbers{
display: flex;
align-items: center;
gap: 10px;
}
.woocommerce .wp-block-query-pagination{
gap: 0;
}
.woocommerce span.page-numbers.current:hover, .woocommerce .page-numbers:hover, .woocommerce .wp-block-query-pagination-next:hover, .woocommerce .wp-block-button__link:hover{
background: var(--wp--preset--color--foreground);
color: var(--wp--preset--color--section-bg) !important;
}
.woocommerce .wp-block-post{
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.woocommerce .select2-container--default .select2-selection--single{
height: 40px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
padding: 5px 8px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{
top: 8px;
}
.woocommerce form .form-row input.input-text {
padding: 8px;
border: 1px solid #bcbcbc;
}
.related.products h2 {
text-align: left;
}
.woocommerce .star-rating span::before {
color: #f3f321;
}
.woocommerce ul.products li.product .star-rating{
margin: 0 auto 8px;
font-size: 15px !important;
}
.woocommerce span.onsale{
background: var(--wp--preset--color--primary);
padding: 0;
color: #fff;
}
.products li {
box-shadow: -2px -2px 5px #bbb;
padding: 10px !important;
text-align: center;
}
.woocommerce ul.products li.product a img{
margin: 0;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product li .product_title {
color: #000;
letter-spacing: 1px;
font-weight: 600;
text-align: center !important;
font-size: 20px !important;
padding: 5px 0 5px 0 !important;
}
.woocommerce ul.products li.product .button {
margin-top: 5px;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
margin-bottom: 5px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{
background: var(--wp--preset--color--primary);
color: #fff ;
border-radius: 1px solid var(--wp--preset--color--primary);
padding: 8px 25px !important;
opacity: 1 !important;
text-decoration: none;
border-radius: 30px;
}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{
background: var(--wp--preset--color--primary) !important;
color: #fff !important;
border-radius: 1px solid var(--wp--preset--color--primary) !important;
border: none !important;
border-radius: 30px !important;
}
.single-product .wc-block-store-notices .wc-block-components-notice-banner__content .wc-forward:hover, .woocommerce-account .woocommerce-MyAccount-content .wc-forward.wp-element-button:hover{
background: var(--wp--preset--color--background) !important;
border: 1px solid var(--wp--preset--color--background);
color: var(--wp--preset--color--foreground) !important;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce .product .yith-wcwl-add-to-wishlist-button:hover{
background: var(--wp--preset--color--foreground) !important;
border: 1px solid var(--wp--preset--color--foreground);
color: var(--wp--preset--color--section-bg) !important;
}
.woocommerce .quantity .qty {
width: 5em;
padding: 7px !important;
border-radius: 30px;
border: solid 1px #000;
color: #000;
line-height: 1;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 {
max-width: 100%;
}
.woocommerce-account.woocommerce-dashboard .wp-block-group.main-page{
padding: 0 !important;
}
.woocommerce-account.woocommerce-dashboard .wp-block-group.main-page .woocommerce{
width: 80%;
}
nav.woocommerce-MyAccount-navigation ul {
list-style: none;
padding-left: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
background: var(--wp--preset--color--primary);
padding: 12px !important;
margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
color: #fff;
font-weight: 600;
}
nav.woocommerce-MyAccount-navigation ul li a:hover{
color: #222 !important;
}
span.posted_in {
display: block;
}
span.woocommerce-input-wrapper {
width: 100%;
}
select.orderby {
padding: 10px;
}
.woocommerce-product-gallery__image{
padding: 2px;
}
.woocommerce-cart .wc-block-cart .wc-block-cart-items__row td,
.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar .wc-block-components-totals-wrapper{
border-color: var(--wp--preset--color--foreground);
}
.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block{
border-bottom-color: var(--wp--preset--color--foreground);
}
.woocommerce .cart .button, .woocommerce .cart input.button{
padding: 12px;
}
nav.woocommerce-MyAccount-navigation ul li a, .woocommerce-info a, .woocommerce-privacy-policy-text a, td.product-name a, a.shipping-calculator-button{
text-decoration: none !important;
}
.woocommerce-privacy-policy-text a, .woocommerce-privacy-policy-text p, .woocommerce form .form-row label {
color: var(--wp--preset--color--foreground);
line-height: 28px;
}
.woocommerce .woocommerce-breadcrumb{
max-width: 80%;
margin: 0 auto;
}
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{
margin-top: 20px;
color: #ffffff;
}
.woocommerce-page .select2-container .select2-selection .select2-selection__arrow{
height: 1.5rem !important;
}
.woocommerce input#password{
border: 1px solid #bcbcbc;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: 0px !important;
}
.woocommerce-page form .password-input{
width: 100%;
}
.woocommerce nav.woocommerce-pagination ul li a {
display: block;
padding: 12px 15px;
text-decoration: none;
width: auto;
color: #fff;
background: var(--wp--preset--color--primary);
transition: background .15s ease-in-out;
font-weight: bold;
}
.woocommerce nav.woocommerce-pagination ul li a:hover{
background: #000;
color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
padding: 12.5px 15px;
background: #000;
color: #fff;
font-weight: normal;
}
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{
border: none;
float: none;
overflow: unset;
}
.woocommerce nav.woocommerce-pagination {
text-align: center;
margin-bottom: 20px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
width: 110px !important;
padding: 5px 5px 5px !important;
margin: 0px 10px 0px 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
margin-bottom: 30px;
}
#payment{
margin: 0 0 30px 0;
}
.product-name a{
color: #000;
}
.wp-block-heading {
margin-bottom: 5px;
margin-top: 5px;
}
.search-icon path{
color: #000;
}
.single-product #reviews .comment-form .form-submit .submit.wp-block-button__link{
width: auto;
}
.single-product .woocommerce.product .wp-block-woocommerce-product-price{
margin-top: 0;
}
.single-product .woocommerce.product .alg_currency_select{
width: auto;
background-color: var(--wp--preset--color--primary);
border: none;
color: #ffffff;
}
.single-product .wp-block-woocommerce-product-meta .wp-block-group{
margin-left: 0 !important;
}
.breadcrumbs{
text-align: center;
}
.main-header-section .header-left-menu-box nav.top-menus ul.wp-block-navigation a:hover{
color: var(--wp--preset--color--tertiary) !important;
}
.main-header-section .header-left-menu-box nav.top-menus ul.wp-block-navigation .has-child.wp-block-navigation-submenu a:hover{
color: var(--wp--preset--color--tertiary) !important;
background-color: #ffffff !important;
}
/* Header Section */
.main-header-section nav.top-menus ul.wp-block-navigation-submenu a{
color: #ffffff;
background-color: var(--wp--preset--color--tertiary);
}
.main-header-section nav.top-menus a.wp-block-navigation-item__content{
padding: 12px 0 16px;
}
.main-header-section nav.top-menus a.wp-block-navigation-item__content{
border-top: 4px solid transparent;
}
.main-header-section nav.top-menus a.wp-block-navigation-item__content:hover{
border-color: var(--wp--preset--color--tertiary);
}
.main-header-section .header-logo .wp-block-site-title a:hover{
color: var(--wp--preset--color--primary) !important;
}
.main-header-section .header-info .header-title a:hover{
color: #ffffff !important;
}
.main-header-section .header-phone-box .header-phone-num a,
.main-header-section .header-mail-box .header-mail-link a,
.main-header-section .header-location-box .header-location-link a{
text-decoration: none;
}
.main-header-section .header-inner-section .header-right-box .header-phone-box {
gap: 10px;
}
.main-header-section .header-phone-box .header-phone-num a:hover{
color: var(--wp--preset--color--tertiary);
}
.main-header-section .header-logo .wp-block-site-title a:hover,
.main-header-section .header-mail-box .header-mail-link a:hover,
.main-header-section .header-location-box .header-location-link a:hover{
color: #ffffff;
}
.home .main-header-section{
position: absolute;
z-index: 3;
width: 100%;
background-color: transparent !important;
}
.main-header-section .header-phone-box i{
background-color: var(--wp--preset--color--primary);
color: #ffffff;
height: 40px;
width: 40px;
font-size: 16px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.main-header-section .header-info-btn a{
display: flex;
position: relative;
}
.main-header-section .header-info-btn a:before,
.main-header-section .header-info-btn a:after{
content: '';
position: absolute;
height: 13px;
width: 1px;
background-color: #707070;
left: 50%;
transform: translateX(-50%);
}
.main-header-section .header-info-btn a:before{
top: -13px;
}
.main-header-section .header-info-btn a:after{
bottom: -13px;
}
.main-header-section .header-info {
position: fixed;
top: 0;
right: 0;
width: 380px;
height: 100vh;
background: var(--wp--preset--color--primary);
display: none;
transition: transform 0.7s ease, opacity 0.7s ease;
z-index: 10000;
overflow-y: auto;
box-shadow: -2px 0px 5px 1px #ffffff;
}
/* Active state (open) */
.main-header-section .header-info.active {
display: block;
}
/* ====== SCREEN OVERLAY ====== */
body::after {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
z-index: 2;
}
body.header-info-open::after {
opacity: 1;
pointer-events: all;
}
.main-header-section .header-info .header-social-icons a{
color: #ffffff !important;
}
/* Banner Section */
.banner-section .banner-bg img.wp-block-cover__image-background{
z-index: 1;
}
.banner-section .banner-boxes{
position: relative;
z-index: 2;
}
.banner-section .banner-left .banner-sub-title{
width: fit-content;
display: flex;
align-items: center;
}
.banner-section .banner-left .banner-sub-title i{
color: var(--wp--preset--color--tertiary);
margin-right: 4px;
font-size: 18px;
}
.banner-section .banner-left {
position: relative;
}
.banner-section .banner-left .banner-curl-img{
position: absolute;
top: 5%;
right: -140px;
}
.banner-section .banner-right{
position: relative;
}
.banner-section .banner-right .banner-right-img1 img{
object-fit: cover;
}
.banner-section .banner-right .banner-right-img1,
.banner-section .banner-right .banner-right-img2{
border-radius: 60px 0 60px 0;
}
.banner-section .banner-right .banner-right-img1{
overflow: hidden;
}
.banner-section .banner-right .banner-right-img1 img,
.banner-section .banner-right .banner-right-img2 img{
transition: 1s;
}
.banner-section .banner-right .banner-right-img1 img:hover{
transform: scale(1.1);
}
.banner-section .banner-right .banner-right-img2 img:hover{
transform: scale(0.9);
}
.banner-section .banner-right .banner-right-img1{
position: absolute;
right: 15%;
top: 0;
}
.banner-section .banner-right .banner-right-imgbox{
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
}
.banner-section .banner-right .banner-right-img2{
position: relative;
width: 250px;
}
.banner-section .banner-right .banner-right-img2:before{
content: '';
position: absolute;
height: 98%;
width: 85%;
background-color: var(--wp--preset--color--section-bg);
top: -10px;
left: -10px;
z-index: -1;
border-radius: 60px 0 60px 0;
}
.banner-section .banner-right .banner-review-box{
position: absolute;
right: 7%;
z-index: 1;
}
/* Banner Form */
.banner-section .banner-form-box form select, .banner-section .banner-form-box form input{
background-color: #E6E6E6;
border-radius: 5px;
border: none;
line-height: 1.4;
padding: 8px 10px;
font-size: 14px;
font-family: var(--wp--preset--font-family--urbanist);
}
.banner-section .banner-form-box form input::placeholder{
color: #000000;
}
.banner-section .banner-form-box form .select,
.banner-section .banner-form-box form .bugdets,
.banner-section .banner-form-box .email,
.banner-section .banner-form-box form .date,
.banner-section .banner-form-box .time{
margin: 10px 0;
}
.banner-section .banner-form-box form p{
margin: 0;
}
.banner-section .banner-form-box form .btn.btn-appointment{
background-color: var(--wp--preset--color--foreground);
color: var(--wp--preset--color--section-bg);
border-radius: 8px;
border: none;
font-size: 16px;
padding: 6px;
font-weight: 600;
font-family: var(--wp--preset--font-family--urbanist);
margin-top: 12px;
cursor: pointer;
transition: 0.7s;
}
.banner-section .banner-form-box form .btn.btn-appointment:hover{
background-color: var(--wp--preset--color--primary);
}
.banner-section .banner-form-box form .btn.btn-appointment i{
background-color: var(--wp--preset--color--section-bg);
color: var(--wp--preset--color--foreground);
border-radius: 5px;
height: 30px;
width: 30px;
display: inline-flex;
justify-content: center;
align-items: center;
margin-left: 10px;
}
.banner-section .banner-form-box form .bugdets input, .banner-section .banner-form-box form .email input{
position: relative;
}
.banner-section .banner-form-box form .bugdets input::after, .banner-section .banner-form-box form .email input::after{
position: absolute;
font-size: 14px;
color: #000000;
right: 15px;
top: 50%;
transform: translateY(-50%);
font-weight: 900;
font-family: 'Font Awesome 7 Free';
}
.banner-section .banner-form-box form .email input::after{
content: '\e1bc';
}
.banner-section .banner-form-box form .bugdets input::after{
content: '\f0e0';
}
.banner-section .banner-form-box form .wpcf7-response-output{
color: #000000;
font-size: 12px;
padding: 2px 5px;
margin: 5px 0;
}
.banner-section .banner-form-box form .wpcf7-not-valid-tip{
font-size: 10px;
}
/* Project Section */
.project-section .project-info .project-info-list{
display: grid;
grid-template-columns: auto auto;
padding: 0;
}
.project-section .project-info .project-info-list li{
position: relative;
list-style: none;
padding-left: 26px;
}
.project-section .project-info .project-info-list li::after{
content: '\f14a';
position: absolute;
font-weight: 900;
color: var(--wp--preset--color--tertiary);
font-family: 'Font Awesome 7 Free';
left: 0;
top: 50%;
transform: translateY(-50%);
font-size: 18px;
}
.project-section .project-right:hover .project-img img{
transition: 1s;
}
.project-section .project-right:hover .project-img{
overflow: hidden;
border-radius: 20px 20px 0 0;
}
.project-section .project-right:hover .project-img img{
transform: scale(1.1);
}
.project-section .project-right .project-img img{
width: 100% !important;
object-fit: cover;
}
.project-section .project-right{
position: relative;
}
.project-section .project-right .project-review-box{
position: absolute;
left: 0;
bottom: 0;
}
.project-section .project-review-box{
width: fit-content;
}
.project-section .project-review-img img{
height: 45px;
width: auto;
}
.project-section .tab-content {
display: none;
}
.project-section .tab-content.active {
display: block;
}
.project-section .project-left.main-tab .tab-title.active{
position: relative;
}
.project-section .project-left.main-tab .tab-title.active:after{
content: '';
background-color: var(--wp--preset--color--tertiary);
opacity: 0.1;
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
border-radius: 0 10px 10px 0;
z-index: -1;
}
.project-section .project-left.main-tab .tab-title.active{
border-left-color: var(--wp--preset--color--primary) !important;
}
.project-section .project-left.main-tab .tab-title{
cursor: pointer;
}
.project-section .main-tab {
max-height: 360px;
overflow-y: auto;
}
.project-section ::-webkit-scrollbar {
width: 0px;
}
.project-section .project-left .project-inner-info{
position: relative;
}
.project-section .project-left .project-inner-info .tab-count{
color: transparent;
-webkit-text-stroke: 1px #000000;
opacity: 0.1;
background-color: transparent;
font-weight: 900;
display: flex;
justify-content: center;
font-family: sans-serif;
-webkit-background-clip: text;
text-fill-color: transparent;
position: absolute;
top: 10px;
right: 10px;
}
/* About Us Section */
.about-section .about-right-content .about-small-title{
display: inline-block;
}
.about-section .about-right-content .about-icon{
border-radius: 6px;
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.about-section .about-right-content .about-icon{
background-color: var(--wp--preset--color--tertiary);
}
.about-section .about-left-content .about-images figure,
.about-section .about-right-content .about-icon,
.about-section .about-right-content .about-icon{
overflow: hidden;
}
.about-section .about-left-content .about-images img,
.about-section .about-right-content .about-icon img,
.about-section .about-right-content .about-icon img{
transition: 1.1s;
}
.about-section .about-left-content .about-images img:hover,
.about-section .about-right-content .about-icon:hover img,
.about-section .about-right-content .about-icon:hover img{
transform: scale(1.1);
}
.about-section .about-left-content .about-images figure{
border-radius: 20px;
}
/* FAQ's Section */
.faq-section .faq-detail-section details.faq-btm-title summary{
border: 1px solid #C9C9C9;
border-radius: 5px;
padding: 5px 32px 5px 18px;
list-style: none;
position: relative;
}
.faq-section .faq-detail-section details.faq-btm-title summary:after{
content: '';
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
height: 14px;
width: 14px;
background-color: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
background-image: url(./images/left-btn2.svg);
}
.faq-section .faq-detail-section details[open].faq-btm-title summary:after{
background-image: url(./images/left-btn.svg);
transform: translateY(-50%) rotate(90deg);
}
.faq-section .faq-detail-section details[open].faq-btm-title{
background: var(--wp--preset--color--primary);
border-color: var(--wp--preset--color--primary);
border-radius: 5px;
color: #fff !important;
}
.faq-section .faq-detail-section details[open].faq-btm-title > summary, .faq-section .faq-detail-section details[open].faq-btm-title > .faq-btm-content{
border: none;
}
.faq-section .faq-detail-section details[open].faq-btm-title > .faq-btm-content{
padding: 6px 20px;
}
/* Testimonial Section */
.testimonial-section .testimonial-heading-cont{
position: relative;
}
.testimonial-section .testimonial-heading-cont:after{
content: '';
position: absolute;
height: 7px;
width: 80px;
background-color: var(--wp--preset--color--primary);
bottom: 0;
left: 50%;
border-radius: 10px;
transform: translateX(-50%);
}
.testimonial-section .wp-block-cover .wp-block-cover__background{
transition: 1s;
}
.testimonial-section .wp-block-cover:hover .wp-block-cover__background{
background-color: var(--wp--preset--color--foreground) !important;
}
.testimonial-section .wp-block-cover:hover .wp-block-cover__inner-container p,
.testimonial-section .wp-block-cover:hover .wp-block-cover__inner-container h5{
color: var(--wp--preset--color--background) !important;
}
.testimonial-section .owl-nav{
position: absolute;
bottom: 50%;
transform: translateY(50%);
margin-top: 0;
display: flex;
width: 100%;
justify-content: space-between;
z-index: -1;
}
.testimonial-section .owl-nav button{
border: none;
height: 35px;
width: 35px;
border-radius: 5px;
}
.testimonial-section .owl-nav button{
background-color: var(--wp--preset--color--foreground);
transition: 1s;
}
.testimonial-section .owl-nav button:hover{
background-color: var(--wp--preset--color--primary);
}
.testimonial-section .owl-nav button.owl-prev{
margin-left: -5%;
}
.testimonial-section .owl-nav button.owl-next{
margin-right: -5%;
}
.testimonial-section .owl-nav button.owl-next,
.testimonial-section .owl-nav button.owl-prev{
position: relative;
}
.testimonial-section .owl-nav button.owl-next:after,
.testimonial-section .owl-nav button.owl-prev:after{
content: '';
position: absolute;
right: 50%;
top: 50%;
transform: translate(50%, -50%);
height: 16px;
width: 16px;
background-color: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.testimonial-section .owl-nav button.owl-next:after{
background-image: url(./images/left-btn.svg);
margin-left: 1px;
}
.testimonial-section .owl-nav button.owl-next:hover:after{
background-image: url(./images/left-btn.svg);
}
.testimonial-section .owl-nav button.owl-prev:after{
background-image: url(./images/right-btn.svg);
margin-right: 1px;
}
.testimonial-section .owl-nav button.owl-prev:hover:after{
background-image: url(./images/right-btn.svg);
}
.testimonial-section .client-box {
position: relative;
}
.testimonial-section .client-box .client-img{
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
}
/* News Section */
.news-section .news-box-desc p.wp-block-post-excerpt__excerpt{
color: #ffffff;
}
.testimonial-section .testimonial-heading-box, .news-section .news-heading-box, .faq-section .faq-heading-box{
gap: 0;
}
.news-section .news-heading-inner-box .news-small-title,
.faq-section .faq-heading-box .faq-inner-head-box .faq-small-title{
display: flex;
margin: 0 auto;
width: fit-content;
}
.news-section .news-box .wp-block-post-date{
margin-top: 0;
}
.news-section .news-box .news-meta .wp-block-post-author-name,
.news-section .news-box .news-meta .wp-block-post-date,
.news-section .news-box .news-meta .wp-block-comments .wp-block-comments-title{
position: relative;
}
.news-section .news-box .news-meta .wp-block-post-author-name:after,
.news-section .news-box .news-meta .wp-block-post-date:after,
.news-section .news-box .news-meta .wp-block-comments .wp-block-comments-title:after{
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
height: 14px;
width: 14px;
background-color: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.news-section .news-box .news-meta .wp-block-comments .wp-block-comments-title:after{
height: 17px;
width: 17px;
}
.news-section .news-box .news-meta .wp-block-post-author-name:after{
background-image: url(./images/author.svg);
}
.news-section .news-box .news-meta .wp-block-post-date:after{
background-image: url(./images/calender.svg);
}
.news-section .news-box .news-meta .wp-block-comments .wp-block-comments-title:after{
background-image: url(./images/comment.svg);
}
.news-section .news-box .wp-block-post:hover .wp-block-post-title a{
color: var(--wp--preset--color--section-bg);
}
.news-section .news-meta{
flex-wrap: wrap;
gap: 10px;
}
.news-section .news-box .news-box-title a{
color: var(--wp--preset--color--background);
}
/*added woo product*/
.wc-block-components-product-sale-badge img{
height: 250px !important;
}
.products-block-post-template h3 a{
font-size: 22px !important;
text-decoration: none ;
}
span.woocommerce-Price-amount.amount{
font-size: 18px !important;
color: var(--wp--preset--color--foreground);
}
a.added_to_cart.wc_forward{
margin-top: 0 !important;
background: var(--wp--preset--color--primary);
color: #fff;
padding: 6px 12px;
font-size: 18px !important;
text-decoration: none;
border-radius: 6px;
}
.single-post .wp-block-post-featured-image img{
width: auto;
}
.single-post .wp-block-post-author__avatar img{
width: 25px !important;
height: 25px !important;
}
.wp-block-woocommerce-checkout.wc-block-checkout {
width: 80%;
margin: 0 auto;
}
.woocommerce .product .yith-wcwl-add-to-wishlist-button{
background-color: var(--wp--preset--color--primary);
color: #ffffff;
border-radius: 6px;
padding: 10px 12px;
text-decoration: none;
font-size: 15px;
border: 1px solid var(--wp--preset--color--primary);
}
.woocommerce .product .yith-wcwl-add-to-wishlist-button svg,
.woocommerce .product .yith-wcwl-add-to-wishlist-button--added svg{
color: #ffffff !important;
}
/*archive*/
.archive-page-sec{
padding-bottom: 30px;
padding-top: 30px;
}
/*Footer Section*/
.footer-section a:hover{
color: var(--wp--preset--color--background);
}
.footer-section .footer-box .footer-mail-box,
.footer-section .footer-box .footer-phone-box{
gap: 12px;
}
.footer-section .wp-block-social-links{
gap: 10px !important;
}
.footer-section .wp-block-tag-cloud a{
border:1px solid var(--wp--preset--color--primary);
padding: 6px 10px;
margin: 2px;
}
.footer-section .wp-block-tag-cloud a:hover{
background: #009DAE;
border:1px solid #009DAE;
}
.footer-add{
margin-right: 10%;
}
.footer-section {
padding: 0;
min-height: auto;
}
.footer-section .wp-block-group {
padding: 50px 0px 0;
}
.footer-section .wp-block-columns.copyright-section {
padding: 20px 0px;
margin: 50px 0 0;
}
.footer-section .wp-block-columns.copyright-section .wp-block-column:first-child {
padding-left: 50px;
}
.footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) {
padding-right: 50px;
}
.footer-add{
line-height: 30px !important;
}
.footer-box a{
text-decoration: none !important;
}
.footer-box ul {
padding: 0;
gap: 0;
}
.footer-box{
position: relative;
}
.footer-box ul li {
list-style: none;
margin-bottom: 10px;
}
.footer-section .wp-block-social-link{
background: transparent !important;
color: #000000;
}
.footer-section .wp-block-button__link {
padding: 10px 25px;
font-weight: 500;
font-size: 14px;
color: #fff !important;
text-decoration: none;
background-color: transparent;
border: 2px solid #fff;
}
.search-menu .menu-section .wp-block-search__button svg:hover{
color: #fff !important;
}
.footer-section .wp-block-social-link a{
padding: 6px !important;
border-radius: 5px;
background: #ffffff;
color: #000000 !important;
font-size: 20px !important;
}
.copyright-section p{
line-height: 30px;
}
.copyright-section p a{
text-decoration: none;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{
color: #1778f2;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{
color:#f00075;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{
color:#1da1f2;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{
color:#e60122;
}
.innerpage-banner{
margin: 0 !important;
}
/*theme-button-section*/
.theme-button-section a{
border: 2px solid transparent !important;
}
.theme-button-section a:hover{
border: 2px solid var(--wp--preset--color--primary) !important;
background: transparent !important;
color: #000 !important;
font-size: 18px;
font-weight: 600;
}
/*404 Page CSS*/
.wp-block-search__button {
border: 0;
background: var(--wp--preset--color--primary);
}
/*Sidebar CSS*/
.theme-sidebar .wp-block-tag-cloud a{
border:1px solid var(--wp--preset--color--primary);
padding: 6px 10px;
margin: 2px;
}
.theme-sidebar .wp-block-group {
padding: 15px ;
border: 1px solid #eee;
color: #6b6b6b;
}
.theme-sidebar .wp-block-group h3 {
color: var(--wp--preset--color--heading-color);
padding-bottom: 5px;
border-bottom: 3px double var(--wp--preset--color--heading-color);
font-size: 24px !important;
}
.theme-sidebar .wp-block-group ul {
padding-left: 20px;
}
.theme-sidebar .wp-block-group ul li {
line-height: 2;
font-size: 20px;
color: var(--wp--preset--color--primary);
list-style: disc;
text-decoration: none !important;
}
.theme-sidebar .wp-block-group ul li a {
color: var(--wp--preset--color--heading-color) !important;
text-decoration: none !important;
font-size: 16px;
}
.theme-sidebar .wp-block-social-links .wp-social-link a{
color: #ffffff !important;
}
.theme-sidebar ul.wp-block-social-links {
padding: 0;
}
.theme-sidebar ul.wp-block-social-links a{
padding: 10px !important;
}
.theme-sidebar ul.wp-block-social-links a svg {
font-size: 18px;
}
.theme-sidebar .wp-block-tag-cloud a{
background:#fff;
color: #000;
font-size:15px !important;
padding: 6px 18px;
margin: 2px 4px 6px;
display:inline-block;
border: 2px solid #000;
text-decoration: none;
}
.theme-sidebar .wp-block-tag-cloud a:hover{
background: var(--wp--preset--color--primary);
color: #fff;
border: 2px solid var(--wp--preset--color--primary);
}
.theme-sidebar .wp-block-gallery {
gap: 1em;
}
.wc-block-checkout__actions.wp-block-woocommerce-checkout-actions-block{
margin-bottom: 30px;
}
.wp-element-button,.wc-block-components-checkout-return-to-cart-button{
background: var(--wp--preset--color--primary);
color: #fff;
border: 1px solid transparent;
border-radius: 6px;
padding: 6px 25px;
}
.wp-block-woocommerce-filled-cart-block .wc-block-cart__sidebar .wc-block-cart__submit .wc-block-cart__submit-button{
text-decoration: none;
}
.wc-block-cart__sidebar .wc-block-cart__totals-title{
padding: 8px 16px !important;
}
.single-product .wp-block-woocommerce-product-template li .wp-block-woocommerce-product-button .added_to_cart.wc_forward{
margin-top: 10px !important;
}
.single-product .wc-block-grid__product-price del .woocommerce-Price-amount.amount{
text-decoration: line-through;
}
.single-product .wc-block-grid__product-price del{
text-decoration: none;
}
.single-product .yith-add-to-wishlist-button-block--single a{
background-color: var(--wp--preset--color--primary);
text-decoration: none;
color: #ffffff;
padding: 10px;
border-radius: 6px;
}
.wp-element-button:hover{
background: transparent;
border: 1px solid var(--wp--preset--color--primary);
color: #fff !important;
}
.wp-block-search__button:hover{
color: #fff ;
}
.wp-block-site-logo{
margin-top: 10px !important;
}
.wp-block-site-title{
line-height: 1;
}
/*Blog Section*/
.wp-block-latest-posts.is-grid li {
position: relative;
background: #fff;
border: solid 1px #eee;
box-shadow: 0 5px 10px 0 rgb(0 0 0 / 16%), 0 0 0 0px rgb(0 0 0 / 8%);
margin-bottom: 30px;
}
.blog-section .wp-block-latest-posts.is-grid li {
box-shadow: none;
}
.wp-block-latest-posts.is-grid li img {
width: 100%;
}
.wp-block-latest-posts.is-grid li a.wp-block-latest-posts__post-title {
font-size: 20px;
font-weight: 700;
color: #000;
padding: 0 10px;
text-transform: capitalize;
text-decoration: none;
display: block;
margin: 15px 0 0;
}
.wp-block-latest-posts.is-grid li time.wp-block-latest-posts__post-date{
display: inline-block;
background: var(--wp--preset--color--primary);
padding: 8px 8px;
font-weight: 600;
font-size: 13px;
color: #fff;
margin: 10px 0px 0px 10px;
}
.wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-excerpt {
color: #6b6b6b;
padding: 0 10px;
font-size: 14px;
line-height: 25px;
}
.innerpage-banner .wp-block-group h1{
color: #fff !important;
}
/*blog post*/
.has-shadow-dark, .has-no-hover-shadow-dark {
box-shadow: 0 6px 30px 7px #2125471a;
transition: 0.5s;
padding: 50px !important;
margin-bottom: 30px;
}
p.form-submit.wp-block-button input.wp-block-button__link.wp-element-button{
padding: 10px 15px;
background: var(--wp--preset--color--primary);
border-radius: 6px;
font-size: 18px !important;
color: #fff;
border: 1px solid transparent;
cursor: pointer;
text-decoration: none !important;
margin-top: 10px;
margin-bottom: 10px;
}
.navigation .alignleft a, .navigation .alignright a{
color: #000 !important;
font-size: 18px !important;
text-decoration: none !important;
}
.comment-author.vcard a, .comment-metadata a,.comment-metadata a .edit-link, .reply a, .comment-content a{
color: #000 !important;
font-size: 16px !important;
font-weight: 700;
}
p.form-submit.wp-block-button input.wp-block-button__link.wp-element-button:hover{
background: transparent !important;
border: 1px solid var(--wp--preset--color--primary);
}
footer.comment-meta {
margin-top: 12px;
}
.wp-block-post-author__name{
margin: 10px 0px;
}
/*Sidebar CSS*/
.theme-sidebar .wp-block-search__button{
background: var(--wp--preset--color--primary) !important;
}
.theme-sidebar .wp-block-search__button:hover{
background-color: #ffffff !important;
color: #000000;
}
.theme-sidebar .wp-block-group {
padding: 15px ;
border: 1px solid #eee;
color: #6b6b6b;
box-shadow: 0 6px 30px 7px #2125471a;
transition: 0.5s;
margin-bottom: 30px;
}
.single-post-sidebar-on-right h3, .single-post-sidebar-on-left h3{
font-size: 30px;
}
.single-post .comment-respond .comment-reply-title{
color: var(--wp--preset--color--foreground);
}
.wp-block-post-author{
align-items: center;
}
/*blog listing*/
.wp-block-query-pagination {
margin: 80px 0;
}
.wp-block-query-pagination .wp-block-query-pagination-numbers {
margin: 0;
display: inline-block;
}
.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous {
padding: 12px 16px;
background: var(--wp--preset--color--primary);
line-height: 1;
margin: 0 3px;
text-decoration: inherit;
display: inline-block;
box-shadow: 0 0 15px #0000002b;
border-radius: 100px;
color: #fff;
}
.wp-block-query-pagination .page-numbers.current,
.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus,
.wp-block-query-pagination a:active {
background-color: var(--wp--preset--color--primary);
color: #fff;
}
.wp-block-query-pagination .page-numbers, .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .wp-block-query-pagination-previous {
padding: 12px 16px;
background:#fff;
line-height: 1;
margin: 0 3px;
text-decoration: inherit;
display: inline-block;
box-shadow: 0 0 15px #0000002b;
border-radius: 100px;
color: #000;
}
.archive .wp-block-query li.wp-block-post > .wp-block-group .wp-block-post-title a,
.archive .wp-block-query li.wp-block-post > .wp-block-group .wp-block-post-date time,
.search-results .wp-block-query li.wp-block-post > .wp-block-group .wp-block-post-title a,
.search-results .wp-block-query li.wp-block-post > .wp-block-group .wp-block-post-date time{
color: var(--wp--preset--color--heading-color);
}
.wp-block-post-excerpt__more-link{
padding: 10px;
background: var(--wp--preset--color--primary);
color: #fff !important;
font-weight: 600;
}
.wp-block-post-excerpt__more-link:hover{
background: #000;
}
/*my account address button css*/
header.woocommerce-Address-title.title a{
background-color: var(--wp--preset--color--primary);
border-radius: 0px !important;
color: #fff;
font-size: 15px;
font-weight: bold !important;
text-decoration: none !important;
padding: 12px 20px !important;
}
.wc-block-grid__product-onsale{
background-color: var(--wp--preset--color--primary) !important;
border-radius: 6px !important;
color: #fff !important;
border-color: transparent !important;
}
a.wp-block-button__link.wp-element-button.add_to_cart_button.ajax_add_to_cart{
padding: 10px 16px !important;
}
.wp-element-button:hover, .wp-block-button__link:hover{
color:#000000 !important;
}
.error404 .error-page .wp-block-search .wp-block-search__button svg,
.search .wp-block-search .wp-block-search__button .search-icon{
fill: #fff;
}
.error404 .error-page .wp-block-search .wp-block-search__button:hover,
.search .wp-block-search .wp-block-search__button:hover{
background-color: #ffffff !important;
}
.error404 .error-page .wp-block-search .wp-block-search__button:hover svg,
.search .wp-block-search .wp-block-search__button:hover .search-icon{
fill: #000;
}
.single-post .comment-respond .comment-form .comment-form-cookies-consent{
align-items: flex-start;
}
.single-post .comment-respond .comment-form .comment-form-cookies-consent #wp-comment-cookies-consent{
margin-top: 10px !important;
}
.wc-block-grid__products {
justify-content: center;
}
.woocommerce h1.alignwide.wp-block-query-title,
.woocommerce .wp-block-group.alignwide.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-2.wp-block-group-is-layout-flex,
.woocommerce .products-block-post-template,
.woocommerce .wp-block-woocommerce-breadcrumbs,
.search.search-no-results .wp-block-woocommerce-breadcrumbs,
.search.search-no-results .wp-block-woocommerce-product-collection-no-results{
width: 80%;
margin: 0 auto;
}
.single-product.woocommerce .wp-block-woocommerce-breadcrumbs{
width: 100%;
}
.footer-para{
font-size: 14px !important;
}
.woocommerce .wp-block-woocommerce-store-notices + .wp-block-group,
.single-product.woocommerce .woocommerce.product .wp-block-woocommerce-breadcrumbs,
.single-product.woocommerce .woocommerce.product .wp-block-woocommerce-store-notices + .wp-block-columns,
.single-product.woocommerce .woocommerce.product .wp-block-woocommerce-product-details,
.single-product.woocommerce .woocommerce.product .wp-block-woocommerce-product-details + .wp-block-woocommerce-product-collection,
.single-product.woocommerce .wp-block-woocommerce-store-notices{
width: 80%;
}
/*cart css*/
header.woocommerce-Address-title.title{
display: inline-grid;
margin-bottom: 20px;
}
.woocommerce-account .addresses .title .edit{
text-decoration: none;
color: #fff !important;
}
.archive.woocommerce-page ul.wc-block-grid__products, .archive.woocommerce-page ul.wc-block-product-template__responsive.columns-3.wc-block-product-template.wp-block-woocommerce-product-template{
display: grid !important;
grid-template-columns: auto auto auto auto;
gap: 1em;
width: 80%;
margin: 0 auto;
}
li.wc-block-grid__product{
max-width: 100% !important;
}
.wc-block-grid__product-onsale{
padding: 5px 12px !important;
font-size: 12px !important;
}
table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block,.wp-block-woocommerce-cart-order-summary-block{
border: 1px solid #dcdcdc;
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
border-radius: 5px;
}
td.wc-block-cart-item__image{
padding: 16px 0px 16px 16px !important;
}
td.wc-block-cart-item__total,.wc-block-components-totals-item,.wc-block-components-totals-coupon{
padding-left: 16px !important;
padding-right: 16px !important;
}
tr.wc-block-cart-items__header th{
font-weight: 700;
padding: 9px 12px !important;
line-height: 1.5em;
font-size: 16px;
}
a.wc-block-components-product-name{
color: var(--wp--preset--color--foreground) !important;
font-size: 20px;
font-weight: 600;
}
span.price.wc-block-components-product-price{
text-align: left !important;
}
a.wc-block-components-product-name,button.wc-block-cart-item__remove-link,a.wc-block-components-totals-coupon-link,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button{
text-decoration: none !important;
}
button.wc-block-cart-item__remove-link{
font-size: 1em !important;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
text-align: left !important;
}
a.wc-block-components-totals-coupon-link,a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button,button.wc-block-components-checkout-place-order-button{
border-radius: 0;
color: #fff !important;
font-weight: 500;
padding: 10px 25px !important;
font-size: 18px;
border-radius: 6px;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
font-size: 1.5em !important;
padding: 10px !important;
display: block !important;
}
button.wc-block-components-checkout-place-order-button:hover,
a.wc-block-components-totals-coupon-link:hover, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
a.wc-block-components-checkout-return-to-cart-button:hover{
background-color:#000;
}
.wp-block-woocommerce-checkout-order-summary-block{
border: 1px solid #dcdcdc;
}
.wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper{
padding: 10px;
}
.wc-block-components-button:hover{
background-color: #000 !important;
color: #ffffff !important;
}
.wc-block-components-product-metadata .wc-block-components-product-metadata__description p{
font-size: 14px;
}
.wp-block-woocommerce-cart.alignwide {
margin-left: auto;
margin-right: auto;
}
.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block{
padding-right: 0%;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
background-color: transparent !important;
}
.woocommerce-MyAccount-navigation ul li a,.woocommerce-account .addresses .title .edit{
padding: 5px 12px !important;
font-size: 16px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
margin: 0 !important;
}
.woocommerce{
margin: 0 auto;
max-width: 100% !important;
}
nav.woocommerce-MyAccount-navigation ul li a {
color: #fff;
text-decoration: none;
font-weight: 600;
}
.wc-block-components-quantity-selector,input.wc-block-components-quantity-selector__input{
border: 1px solid #fff !important;
}
button.wc-block-cart-item__remove-link{
display: block !important;
}
tr.wc-block-cart-items__header{
border-bottom: 1px solid #fff;
}
tr.wc-block-cart-items__row{
border-top: 1px solid #fff;
}
.wc-block-cart{
width: 80%;
}
.wc-block-components-totals-item__value,.wc-block-components-product-metadata__description{
text-align: left;
}
.single-product .wc-block-components-product-price ins,.post-type-archive-product .wc-block-grid__product-price ins{
background: none !important;
}
.single-product .wc-block-store-notices + .wp-block-columns > .wp-block-column {
flex-basis: 40% !important;
}
/* Wishslist */
.woocommerce-wishlist .wishlist_table.mobile{
padding-left: 0;
}
.woocommerce-wishlist .wishlist_table.mobile table{
width: auto;
}
.woocommerce-wishlist .wishlist_table.mobile li{
padding: 15px;
border: 1px solid #000000;
}
.woocommerce-wishlist .cart.wishlist_table .additional-info-wrapper{
display: flex;
align-items: center;
justify-content: flex-start;
}
.woocommerce-wishlist ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile{
display: grid;
grid-template-columns: 2fr 50%;
gap: 10px;
}
.woocommerce-wishlist .wishlist_table.images_grid li .item-details table.item-details-table td.label, .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li table.additional-info td.label,
.woocommerce-wishlist .wishlist_table.modern_grid li .item-details table.item-details-table td.label{
font-size: 16px !important;
font-weight: 500;
}
.woocommerce-wishlist .wishlist_table.mobile li .item-details table.item-details-table td,.additional-info .value{
font-size: 14px !important;
padding: 6px !important;
}
.woocommerce-wishlist .main-products-section .wishlist_view {
display: block !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after{
display: none;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading{
opacity: 1;
}
.woocommerce-wishlist .yith-wcwl-share .share-button i{
font-family: 'FontAwesome';
}
.woocommerce-wishlist .wishlist-items-wrapper .product-add-to-cart a{
text-decoration: none !important;
line-height: 12px;
}
.woocommerce-wishlist .wishlist_table .product-add-to-cart a{
border-radius: 6px;
color: #fff;
padding: 12px 12px !important;
font-size: 15px;
font-weight: bold;
text-decoration: none !important;
}
.woocommerce-wishlist .wishlist_table.responsive .product-name a{
text-decoration: none;
}
/*woocommerce css*/
.wp-block-button.wc-block-components-product-button{
gap: 0;
}
.woocommerce a.added_to_cart{
margin-top: 0;
}
li.wc-block-product,li.wc-block-grid__product{
border: 1px solid #dcdcdc;
padding: 10px;
}
.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{
background: var(--wp--preset--color--primary);
color: #fff;
border-color:var(--wp--preset--color--primary);
}
.woocommerce .price ins, .woocommerce bdi{
font-size: 16px;
}
.woocommerce .wc-block-components-product-price ins,
.woocommerce-wishlist .wishlist-items-wrapper .product-price ins,
.woocommerce-wishlist .wishlist_table.responsive .item-details-table ins{
background-color: transparent;
}
.woocommerce-wishlist .wishlist-items-wrapper .product-remove a,
.woocommerce-wishlist .wishlist-items-wrapper .product-add-to-cart a{
text-decoration: none;
}
.woocommerce-wishlist .product-add-to-cart a.add_to_cart_button{
width: 130px;
height: 50px;
display: flex !important;
align-items: center;
justify-content: center;
}
.woocommerce-Tabs-panel h2,.woocommerce h2.wp-block-heading{
font-size: 30px;
}
.wp-block-woocommerce-related-products .wp-block-post{
width: calc(33% - 1em)!important;
}
.woocommerce-shop .add_to_cart_button{
padding: 10px 12px !important;
}
/*blog and archive css*/
.blog .wp-block-post-excerpt__more-link,.archive .wp-block-post-excerpt__more-link,.wp-block-post-template .wp-block-post-excerpt__more-link{
background: var(--wp--preset--color--primary);
border-radius: 6px;
padding: 7px 10px;
color: #fff;
text-decoration: none !important;
}
span.page-numbers.current {
background: var(--wp--preset--color--primary);
color: #fff;
padding: 12px 16px;
}
a.page-numbers{
background: transparent;
color: var(--wp--preset--color--primary);
border: 1px solid var(--wp--preset--color--primary);
padding: 8px 10px;
}
.wp-block-query-pagination a.wp-block-query-pagination-previous,.wp-block-query-pagination a.wp-block-query-pagination-next{
color: #fff;
background: var(--wp--preset--color--primary);
padding: 12px 16px;
}
.wp-block-query-pagination{
gap: 10px !important;
}
.wp-block-query-pagination a{
text-decoration: none;
}
.blog .wp-block-post-excerpt__more-link:hover,.archive .wp-block-post-excerpt__more-link:hover,.wp-block-latest-posts.is-grid li .wp-block-latest-posts__read-more:hover,
.wp-block-post-template .wp-block-post-excerpt__more-link:hover{
background: var(--wp--preset--color--foreground);
color: var(--wp--preset--color--section-bg) !important;
}
.archive .wp-block-post-template figure,.wp-block-post-template figure{
margin: 0 !important;
}
.wp-block-post-template .wp-block-post-excerpt__more-text,.wp-block-post .wp-block-post-date {
margin-top: 10px;
}
.archive .wp-block-post-template, .wp-block-post-template{
gap: 1.2em;
}
.wp-block-post-template .wp-block-post-excerpt__excerpt{
color: #000000;
}
.woocommerce-cart h1.alignwide.wp-block-post-title,.woocommerce-account h2{
text-align: center;
}
.woocommerce-account .entry-content .woocommerce-form-login {
width: 450px;
margin: 0 auto;
}
.wc-block-components-checkout-return-to-cart-button svg{
left: 3% !important;
}
a.wc-block-components-checkout-return-to-cart-button{
padding: 10px 12px 10px 30px !important;
}
/* Scroll to Top */
.scroll-top-box {
display: none; /* Initially hidden */
position: fixed;
bottom: 20px;
right: 20px;
background: var(--wp--preset--color--primary);
color: white;
border: none;
border-radius: 50% !important;
padding: 10px 16px 13px;
cursor: pointer;
z-index: 1000;
transition: opacity 0.3s;
}
.scroll-top-box .wp-block-button__link.wp-element-button{
border-radius: 50% !important;
padding: 0!important;
margin: 0 !important;
}
.scroll-top-box .wp-block-button__link,
.scroll-top-box .wp-block-button__link:hover{
background-color: var(--wp--preset--color--primary);
}
/*RESPONSIVE MEDIA*/
@media screen and (min-width: 600px) and (max-width: 991px){
.search.search-results .wp-block-query ul.wp-block-post-template{
display: grid;
grid-template-columns: auto auto;
}
}
@media screen and (min-width: 992px) and (max-width: 1399px){
.woocommerce-checkout .wc-block-checkout .wc-block-components-sidebar .wc-block-components-order-summary .wc-block-components-order-summary-item{
flex-wrap: wrap;
}
.woocommerce-checkout .wc-block-checkout .wc-block-components-sidebar .wc-block-components-order-summary .wc-block-components-order-summary-item__description{
padding-left: 0;
}
}
@media screen and (max-width:781px){
.main-header-section .header-info .header-phone-box,
.main-header-section .header-info .header-mail-box,
.main-header-section .header-info .header-location-box{
flex-wrap: nowrap !important;
}
.main-header-section .header-info .header-phone-box:not(.is-not-stacked-on-mobile)>.header-phone-icon,
.main-header-section .header-info .header-mail-box:not(.is-not-stacked-on-mobile)>.header-mail-icon,
.main-header-section .header-info .header-location-box:not(.is-not-stacked-on-mobile)>.header-location-icon{
flex-basis: 20% !important;
}
}
@media screen and (max-width:767px) {
.main-header-section .header-inner-section{
padding: 10px !important;
}
.main-header-section .header-info-btn a:before, .main-header-section .header-info-btn a:after{
content: none;
}
.main-header-section .header-logo .header-title.wp-block-site-title{
text-align: center;
}
.home .main-header-section, .banner-section .banner-right .banner-right-imgbox, .banner-section .banner-right .banner-right-img1{
position: unset;
}
.banner-section .banner-bg{
padding: 20px 10px !important;
text-align: center;
}
.banner-section .banner-left .banner-sub-title{
margin: 0 auto;
}
.banner-section .banner-left .banner-curl-img{
display: none;
}
.project-section .tab-content .project-review-box{
padding: 10px !important;
}
.project-section .tab-content .project-review-box p{
flex-basis: 50%;
font-size: 16px !important;
}
.project-section .tab-content .project-review-box .project-review-img{
flex-basis: 50%;
}
.project-section .tab-content .project-review-box .project-review-img img{
height: 32px;
}
.about-section .about-left-content .about-images img, .about-section .about-right-content .about-icon img{
height: 300px !important;
}
.about-section .about-inner-content{
flex-direction: column-reverse;
}
.about-section .about-left-content .about-images{
gap: 12px;
}
.search .wp-block-cover.innerpage-banner + .wp-block-group form .wp-block-search__inside-wrapper {
width: 100% !important;
}
.faq-section .faq-detail-section{
gap: 0;
}
.testimonial-section .owl-nav{
bottom: -20px;
transform: none;
gap: 10px;
justify-content: center;
}
.testimonial-section .owl-carousel{
padding-bottom: 60px;
}
.news-section .news-heading-box{
margin-bottom: 0 !important;
}
.news-section .news-heading-inner-box{
display: flex;
flex-direction: column;
align-items: center;
}
.news-section .news-heading-inner-box .news-sec-heading{
text-align: center;
}
.news-section .news-meta{
justify-content: space-around;
}
.news-section .news-box .wp-block-post-title, .news-section .news-box .wp-block-post-excerpt__excerpt{
text-align: center;
}
.footer-section .footer-box:nth-child(1){
padding-right: 0 !important;
}
.footer-section .footer-box .footer-phone-box, .footer-section .footer-box .footer-mail-box{
justify-content: center;
}
.error-page{
padding: 0 !important;
}
.error-page h2{
font-size: 122px !important;
}
.has-shadow-dark, .has-no-hover-shadow-dark{
padding: 20px !important;
}
.wp-block-post-comments .commentlist .comment{
padding-left: 0 !important;
}
.main-page, .page-no-title{
padding: 20px !important;
}
.footer-section .wp-block-navigation-item__label{
color: #000 !important;
}
.footer-section .wp-block-columns.copyright-section .wp-block-column:first-child,
.footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) {
padding: 0;
}
.footer-section .wp-block-columns {
padding: 0 20px;
}
.footer-section .wp-block-columns.copyright-section {
padding: 20px;
text-align: center;
}
.footer-section .wp-block-columns {
margin: 0;
}
.copyright-section .wp-block-social-links{
justify-content: center !important;
}
.footer-section .wp-block-group{
max-width: 100% !important;
}
.footer-section h1{
text-align: center;
}
span.woocommerce-Price-amount.amount {
font-size: 14px !important;
}
.products-block-post-template h3 a {
font-size: 20px !important;
}
.footer-para{
margin-right: 0% !important;
}
.wp-block-navigation__responsive-container-content{
margin-left: 30px;
}
.footer-section .wp-block-group{
text-align: center !important;
}
.footer-section .wp-block-social-links{
justify-content: center !important;
}
.banner-calender .wp-block-column p{
text-align: center;
}
li.wc-block-grid__product{
max-width: 100% !important;
}
.woocommerce-cart .wc-block-cart .wc-block-cart-items__row{
display: flex !important;
flex-direction: column;
padding: 10px !important;
}
.woocommerce-cart .wc-block-cart .wc-block-cart-items__row .wc-block-cart-item__image{
padding: 0 !important;
}
.woocommerce-cart .wc-block-cart .wc-block-cart-items__row .wc-block-cart-item__image img{
height: 100px;
width: auto;
float: left;
margin-bottom: 12px;
}
.single-product .wc-block-store-notices + .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
flex-basis: 100% !important;
}
.single-product .wc-block-store-notices + .wp-block-columns{
gap: 0;
}
.archive.woocommerce-page ul.wc-block-grid__products, .archive.woocommerce-page ul.wc-block-product-template__responsive.columns-3.wc-block-product-template.wp-block-woocommerce-product-template{
grid-template-columns: auto;
}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.main-header-section .header-inner-section{
padding: 8px 5px !important;
}
.main-header-section .header-inner-section, .banner-section .banner-boxes, .project-section .project-info .project-boxes{
flex-wrap: nowrap !important;
}
.main-header-section .header-inner-section:not(.is-not-stacked-on-mobile)>.header-logo{
flex-basis: 35% !important;
}
.main-header-section .header-inner-section:not(.is-not-stacked-on-mobile)>.header-left-menu-box{
flex-basis: 10% !important;
}
.main-header-section .header-inner-section:not(.is-not-stacked-on-mobile)>.header-right-box{
flex-basis: 55% !important;
}
.main-header-section .header-logo .header-title.wp-block-site-title{
font-size: 20px !important;
}
.project-section .main-tab{
max-height: 370px;
}
.project-section .project-left.main-tab .tab-title{
padding: 20px 5px 20px 8px !important;
border-left-width: 5px !important;
}
.project-section .project-info .project-info-list li{
font-size: 12px !important;
padding-left: 20px;
}
.project-section .project-info .project-info-list li::after{
font-size: 16px;
}
.project-section .project-left .project-inner-info .tab-count{
font-size: 75px !important;
}
.project-section .project-right .project-img img{
height: 325px !important;
}
.project-section .project-review-img img{
height: 35px;
}
.project-section .project-right .project-img-box{
padding: 20px 20px 0 20px !important;
}
.about-section .about-left-content .about-images img, .about-section .about-right-content .about-icon img{
height: 350px !important;
}
.about-section .about-right-content .about-bottom{
flex-wrap: nowrap !important;
}
.about-section .about-inner-content{
flex-wrap: wrap !important;
flex-direction: column-reverse;
}
.about-section .about-inner-content .about-left-content, .about-section .about-inner-content .about-right-content{
flex-basis: 100%;
}
.testimonial-section .testimonial-heading-box, .news-section .news-heading-box, .faq-section .faq-heading-box{
flex-wrap: wrap !important;
}
.testimonial-section .testimonial-heading-box .testimonial-heading-cont, .news-section .news-heading-box .news-heading-inner-box, .faq-section .faq-heading-box .faq-inner-head-box{
flex-basis: 100% !important;
}
.news-section .news-box{
grid-template-columns: auto auto auto !important;
}
.footer-section .footer-box:nth-child(1){
padding-right: 0 !important;
}
.footer-section .footer-box .footer-phone-box p{
font-size: 18px !important;
}
.faq-section .faq-detail-section{
gap: 12px;
flex-wrap: nowrap !important;
}
.testimonial-section .owl-nav{
bottom: -40px;
transform: none;
gap: 10px;
justify-content: center;
}
.single-product .wc-block-store-notices + .wp-block-columns > .wp-block-column {
flex-basis: 100% !important;
}
.single-product .wc-block-store-notices + .wp-block-columns{
flex-wrap: wrap !important;
}
li.wc-block-grid__product{
max-width: 26% !important;
}
.banner-box h2:before,.banner-calender::before{
border: none;
}
.single-post-sidebar-on-right, .single-post-sidebar-on-left {
margin-right: 0%;
margin-left: 0%;
}
.wp-block-navigation__responsive-container-content{
margin-left: 20px;
}
.wp-block-columns.copyright-section.is-layout-flex.wp-container-core-columns-layout-8.wp-block-columns-is-layout-flex{
max-width: 100%;
}
.footer-section{
padding: 30px 30px 0 !important;
}
.blog-section ul.wp-block-latest-posts__list, .blog-section .head-text, .footer-section .wp-block-columns, .footer-section .wp-block-columns.copyright-section .wp-block-column:first-child, .footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) {
padding: 0;
}
.wp-block-column.footer-box.is-layout-flow.wp-block-column-is-layout-flow {
flex-basis: 46% !important;
}
.footer-section .wp-block-columns.copyright-section .wp-block-column:first-child {
flex-basis: 70% !important;
}
.menu-section nav{
gap: 0 !important;
}
.menu-section-button a{
padding: 10px 9px !important;
font-size: 13px;
}
.menu-section .wp-block-navigation__responsive-container-open {
background: var(--wp--preset--color--primary);
padding: 10px;
color: #fff;
margin: 0 auto;
}
.wp-block-column.banner-col-2.is-layout-flow.wp-block-column-is-layout-flow{
flex-basis: 200% !important;
}
.footer-section .wp-block-group{
padding: 0;
max-width: 100% !important;
}
.banner-col-2 h1{
font-size: 36px !important;
line-height: 55px;
}
.footer-box{
max-width: 300px !important;
}
.products-block-post-template{
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.footer-section .wp-block-columns{
display: grid;
grid-template-columns: auto auto;
}
.footer-section .wp-block-social-links {
gap: 0.5rem !important;
}
.footer-section .wp-block-columns.copyright-section{
display: block;
}
.footer-para{
margin-right: 0% !important;
}
.woocommerce-cart .wc-block-cart .wc-block-cart-items__row{
gap: 12px;
}
.single-product .wc-block-store-notices + .wp-block-columns{
gap: 0;
}
.archive.woocommerce-page ul.wc-block-grid__products, .archive.woocommerce-page ul.wc-block-product-template__responsive.columns-3.wc-block-product-template.wp-block-woocommerce-product-template{
grid-template-columns: auto auto;
}
}
@media screen and (min-width: 782px) and (max-width: 992px){
.archive .archive-page .wp-block-latest-posts li{
flex: 1 0 50% !important;
}
}
@media screen and (max-width: 1024px) and (min-width: 1000px) {
li.wc-block-grid__product{
max-width: 18% !important;
}
.copyright-section .wp-block-social-links{
gap: 10px;
}
.footer-para{
margin-right: 0% !important;
}
}
@media screen and (max-width: 999px) {
.main-header-section .header-left-menu-box .top-menus.wp-block-navigation .current-menu-item a,
.main-header-section .header-left-menu-box .top-menus.wp-block-navigation li a:hover,
.main-header-section nav.top-menus ul.wp-block-navigation-submenu a{
background-color: transparent;
}
.main-header-section .header-left-menu-box .top-menus.wp-block-navigation li a{
border: none;
text-align: center;
width: 100%;
}
.main-header-section .header-left-menu-box .top-menus.wp-block-navigation .current-menu-item a:before,
.main-header-section .header-left-menu-box .top-menus.wp-block-navigation li a:after,
.main-header-section .header-left-menu-box .top-menus.wp-block-navigation .current-menu-item a:after,
.main-header-section .header-left-menu-box .top-menus.wp-block-navigation li a:after{
content: none !important;
}
.main-header-section .header-left-menu-box ul.top-menus.wp-block-navigation{
justify-content: center;
}
.main-header-section .header-left-menu-box ul.top-menus.wp-block-navigation li.wp-block-navigation-item{
width: 100%;
}
.main-header-section .header-left-menu-box nav.top-menus.wp-block-navigation.items-justified-right, .main-header-section .top-menus .wp-block-navigation__responsive-dialog{
--navigation-layout-justification-setting: center;
--navigation-layout-justify: center;
}
.main-header-section .header-left-menu-box .top-menus a{
color: var(--wp--preset--color--background);
padding: 10px !important;
}
.main-header-section .top-menus ul a:hover{
color: var(--wp--preset--color--background) !important;
}
.main-header-section .top-menus ul,
.main-header-section .top-menus ul.wp-block-navigation__container .wp-block-navigation-item.has-child,
.main-header-section .top-menus .wp-block-navigation__submenu-container{
gap: 20px !important;
}
.main-header-section .top-menus ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu li{
padding-left: 50px;
}
.main-header-section .top-menus ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu li a{
position: relative;
display: inline-flex !important;
justify-content: center;
}
.main-header-section .top-menus ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu li a{
padding: 10px 16px !important;
}
.main-header-section .top-menus ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu li a:before{
content: '--';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
color: #ffffff;
font-size: 12px;
}
.main-header-section .top-menus ul.wp-block-navigation__container li a{
padding: 0 20px !important;
}
.main-header-section .top-menus .wp-block-navigation__submenu-container{
padding: 0 !important;
}
.header-section .header-menus nav .wp-block-navigation__responsive-container{
background-color: #000000 !important;
}
.main-header-section .wp-block-navigation__responsive-container-close{
background: #ffffff;
padding: 10px;
color: #000000;
font-size: 30px;
font-weight: 600;
border-radius: 50%;
right: 25px;
top: 16px;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open),
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
display: none;
}
.main-header-section .wp-block-navigation__responsive-container .wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-content{
padding-top: calc(2rem + 60px);
margin-left: 0;
}
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: block;
}
.woocommerce-wishlist ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile{
grid-template-columns: 100%;
}
}
@media screen and (max-width: 1199px) and (min-width:901px){
.header-section .header-menus nav .wp-block-navigation__responsive-container-content ul{
gap: 30px;
}
}
@media screen and (max-width: 1400px) and (min-width:1025px){
.copyright-section .wp-block-social-links{
gap: 10px;
}
.footer-para{
margin-right: 0% !important;
}
}
@media screen and (max-width: 768px){
.single-product ul.tabs.wc-tabs{
display: flex !important;
}
}
@media screen and (max-width: 991px){
.wc-block-components-sidebar-layout{
display: block;
}
.wc-block-components-sidebar-layout .wc-block-components-main,.wc-block-components-sidebar,.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{
width: 100% !important;
}
}
@media screen and (max-width: 425px){
.single-product .wp-block-add-to-cart-form .single_add_to_cart_button.button{
padding: 6px 20px !important;
}
td.wc-block-cart-item__total{
padding: 0 !important;
}
tr.wc-block-cart-items__row{
grid-template-columns: repeat(4, 1fr)!important;
}
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity{
display: block;
}
}
@media screen and (min-width: 721px) and (max-width: 1199px){
.wc-block-product-template.wc-block-product-template,ul.wc-block-grid__products,ul.wc-block-product-template__responsive.columns-3.wc-block-product-template.wp-block-woocommerce-product-template,
.blog .wp-block-post-template,.archive .wp-block-post-template,.page-template-blog-sidebar-on-right .wp-block-post-template,.page-template-blog-sidebar-on-left .wp-block-post-template{
grid-template-columns: repeat(2, minmax(max(150px, calc(50% - 0.83333em)), 1fr));
gap: 0.83333em;
}
.wp-block-woocommerce-related-products .wp-block-post,.blog .wp-block-latest-posts__list li{
width: calc(50% - 1em)!important;
}
}
@media screen and (max-width: 720px){
.wc-block-product-template__responsive,ul.wc-block-grid__products{
grid-template-columns: auto !important;
}
.blog .wp-block-post-template,.archive .wp-block-post-template,.page-template-blog-sidebar-on-right .wp-block-post-template,.page-template-blog-sidebar-on-left .wp-block-post-template{
display: block;
grid-template-columns: auto !important;
}
li.wc-block-product,.blog .wp-block-post-template li,.archive .wp-block-post-template li,
.page-template-blog-sidebar-on-right .wp-block-post-template li,.page-template-blog-sidebar-on-left .wp-block-post-template li{
margin-bottom: 20px;
}
.wp-block-woocommerce-related-products .wp-block-post,.page-template-blog-sidebar-on-left .wp-block-post,.page-template-blog-sidebar-on-right .wp-block-post{
width: calc(100% - 1em)!important;
}
.not-found-heading{
font-size: 50px !important;
}
}
@media screen and (max-width: 768px){
.single-product .wp-block-woocommerce-product-details .woocommerce-tabs li.active{
border-bottom-width: 2px !important;
border-left-width: 0 !important;
}
}
@media screen and (max-width: 599px){
.woocommerce-account .entry-content .woocommerce-form-login{
width: 100% !important;
}
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row{
flex-direction: column;
gap: 1em;
}
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{
width: auto;
}
.wc-block-components-order-summary-item{
display: block !important;
}
}
@media screen and (min-width: 600px) and (max-width: 991px){
.single-product .wc-block-product-template.is-flex-container.is-flex-container.columns-5>li{
width: calc(50% - 1em);
}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
.main-header-section .header-inner-section:not(.is-not-stacked-on-mobile)>.header-logo{
flex-basis: 20% !important;
}
.main-header-section .header-inner-section:not(.is-not-stacked-on-mobile)>.header-left-menu-box{
flex-basis: 45% !important;
}
.main-header-section .header-inner-section:not(.is-not-stacked-on-mobile)>.header-right-box{
flex-basis: 35% !important;
}
.main-header-section .header-logo .wp-block-site-title{
font-size: 18px !important;
}
.main-header-section .header-left-menu-box ul.top-menus{
gap: 18px;
}
.main-header-section .header-left-menu-box ul.top-menus li{
font-size: 13px !important;
}
.about-section .about-left-content .about-images,
.about-section .about-right-content .about-bottom{
gap: 12px;
}
.about-section .about-right-content .about-bottom .wp-block-column{
flex-basis: 50% !important;
}
.about-section .about-left-content .about-images img{
height: 320px;
}
.news-section .news-box{
grid-template-columns: auto auto auto;
}
.testimonial-section .owl-nav button{
height: 35px;
width: 35px;
}
.testimonial-section .owl-nav button.owl-prev {
margin-left: -6%;
}
.testimonial-section .owl-nav button.owl-next {
margin-right: -6%;
}
.footer-section .footer-box .footer-mail-box, .footer-section .footer-box .footer-phone-box {
gap: 6px;
}
.footer-section .footer-box:first-child{
padding-right: 0 !important;
}
.footer-section .footer-box{
flex-basis: 25% !important;
}
.footer-section .footer-box h3{
font-size: 22px !important;
}
.footer-section .footer-box .footer-phone-box p{
font-size: 17px !important;
}
.single-product .wc-block-product-template.is-flex-container.is-flex-container.columns-5>li{
width: calc(33% - 1em);
}
.single-post-sidebar-on-right > .wp-block-column:nth-child(1){
flex-basis: 60% !important;
}
.single-post-sidebar-on-right > .wp-block-column:nth-child(2){
flex-basis: 40% !important;
}
.archive-page-sec > .wp-block-columns > .wp-block-column:nth-child(1){
flex-basis: 65% !important;
}
.archive-page-sec > .wp-block-columns > .wp-block-column:nth-child(2){
flex-basis: 35% !important;
}
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
.main-header-section .header-inner-section .header-left-menu-box{
flex-basis: 50% !important;
}
.main-header-section .header-inner-section .header-right-box{
flex-basis: 25% !important;
}
.about-section .about-left-content .about-images img{
height: 320px;
}
.testimonial-section .owl-nav button.owl-prev {
margin-left: -5%;
}
.testimonial-section .owl-nav button.owl-next {
margin-right: -5%;
}
.footer-section .footer-box {
flex-basis: 25% !important;
}
.footer-section .footer-box h3 {
font-size: 22px !important;
}
.footer-section .footer-box:first-child {
padding-right: 0 !important;
}
}
/* sidebar */
.theme-sidebar .wp-block-group {
border: 2px solid var(--wp--preset--color--primary) !important;
border-radius: 12px;
transition:
box-shadow 0.4s ease,
border-color 0.4s ease,
transform 0.3s ease;
}
.theme-sidebar .wp-block-group:hover {
border-color: var(--wp--preset--color--primary) !important;
box-shadow: 0 0 18px
color-mix(in srgb, var(--wp--preset--color--primary) 55%, transparent);
transform: translateY(-3px);
}
.single-post-sidebar-on-right .has-shadow-dark, .has-no-hover-shadow-dark {
border: 1px solid #313030 !important;
}
/* search template */
@media (max-width: 768px) {
.search .wp-block-search__inside-wrapper {
display: flex;
flex-direction: column;
}
.search .wp-block-search__button{
margin: 0 !important;
}
.search .wp-block-search__input {
color: white;
font-size: 15px !important;
padding: 10px;
margin-bottom: 5px !important;
text-align: center;
}
}
/* single shop page image animation */
.woocommerce-product-gallery__image {
overflow: hidden;
transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.woocommerce-product-gallery__image img {
transition: transform 0.6s ease;
}
.woocommerce-product-gallery__image:hover {
transform: translateY(-6px);
box-shadow: 0 18px 35px rgba(0,0,0,0.15);
}
.woocommerce-product-gallery__image:hover img {
transform: scale(1.08);
}
.woocommerce-product-gallery__image {
opacity: 0;
transform: translateY(30px);
animation: productImageReveal 0.9s ease-out forwards;
}
@keyframes productImageReveal {
to {
opacity: 1;
transform: translateY(0);
}
}
/* shop page image animation */
.wp-block-woocommerce-product-image {
overflow: hidden;
transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.wp-block-woocommerce-product-image img {
display: block;
width: 100%;
height: auto;
transition: transform 0.6s ease;
}
@media (hover: none) {
.wp-block-woocommerce-product-image:hover {
transform: none;
box-shadow: none;
}
.wp-block-woocommerce-product-image:hover img {
transform: none;
}
}
/* Smooth Page Reload Animation - Shop Page Only */
.wc-block-product-template {
opacity: 0;
transform: translateY(-15px);
animation: fadeInUp 2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(-15px);
}
to {
opacity: 1;
transform: translateY(0);
}
}