/*
Theme Name: Sumik Tea India

Author: Sumik Tea India Private Limited. – As tea professionals, 

Description: Sumik Tea India – Premium Indian tea wholesale supplier and bulk tea exporter. Authentic Darjeeling, Assam and Nilgiri teas, delivered from India's finest gardens to global markets.

Version: 1.1

Date: JUN 2026

*/
/*25-06-2026*/


/*23-06-2026*/
/*.st-page-hero-bg{filter: grayscale(100%)!important;}*/
.page-template-company-page .st-cp-office-addr{
	padding-left: 0px !important;
}
#gform_2 .gform-body .gfield_contains_required input,
#gform_2 .gform-body #field_2_3 input,
#gform_2 .gform-body #field_2_5 input{
	display: block !important;
    width: 100% !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 16px !important;
    color: var(--st-dark) !important;
    background: var(--st-white) !important;
    border: 1px solid #ccc !important;
    border-radius: 0 !important;
    padding: 0.6rem 0.75rem !important;
    outline: none !important;
    appearance: none !important;
    transition: border-color 0.2s ease !important;
    height: 48px !important;
}
#gform_2 .gform-body textarea#input_2_10{
	display: block !important;
    width: 100% !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 16px !important;
    color: var(--st-dark) !important;
    background: var(--st-white) !important;
    border: 1px solid #ccc !important;
    border-radius: 0 !important;
    padding: 0.6rem 0.75rem !important;
    outline: none !important;
    appearance: none !important;
    transition: border-color 0.2s ease !important;
}
#gform_2 .gform-body textarea:focus,
#gform_2 .gform-body input:focus,
#gform_2 .gform-body #field_2_3 input:focus,
#gform_2 .gform-body #field_2_5 input:focus{
	border-color: var(--st-dark) !important;
}
#gform_2 #gform_fields_2{
	row-gap: 15px !important;
}
#gform_2 .gform-body .gfield--type-checkbox input:focus{
	outline: none !important;
}
#gform_2 .gform-body .gfield--type-checkbox .gfield_label{
	display: none !important;
}
#gform_2 #gform_submit_button_2{
	display: block !important;
    width: 100% !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--st-white) !important;
    background: var(--st-dark) !important;
    border: none !important;
    padding: 1rem !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
    outline: none !important;
    height: 54px !important;
}
#gform_2 #gform_submit_button_2:hover{
	background: #333 !important;
}
.st-contact-note{
	display: none !important;
}
.navbar-toggler:focus{
	box-shadow: none !important;
}
.error404 .btn-header{
	font-weight: 500 !important;
	text-decoration: underline;
    font-size: 20px !important;
}
.error404 .heading-main{
    font-size: 2rem !important;
}
.error404 #about{
    padding-top: 8rem !important;
}
.error404 .st-info-heading{
    font-size: 1rem !important;
}
/*for 404 page footer*/
body.error404 {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

body.error404 #primary.site-main {
    flex: 1 0 auto;
}

body.error404 #colophon.site-footer {
    flex-shrink: 0;
    margin-top: 0 !important;
}

body.error404 .st-back-top {
    position: fixed !important;
    bottom: 30px;
    right: 30px;
    z-index: 999;
}











/*Responsive*/
/*23-06-2026*/

@media (max-width: 991px){
	.st-tea-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 768px) {
	.st-fb-intro-body,
	.st-panel-body,
	.st-contact-intro,
	.st-tea-desc,
	.st-ms-hero-desc,
	.st-ms-card-contents,
	.st-bm-block-body,
	.st-bs-intro-sub,
	.st-bs-body p,
	.st-bs-unique-body,
	.st-cp-philosophy-intro,
	.st-cp-item-body,
	.st-cp-val,
	.st-info-body{
		text-align: left !important;
	}
	.st-tea-grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}



.st-hero-title-img {
    display: block;
    margin: 0 auto;        /* centers horizontally */
    width: 100%;
    max-width: 620px;      /* matches the look in your screenshot */
    height: auto;          /* keeps SVG aspect ratio */
}

/* scale down on smaller screens */
@media (max-width: 767px) {
    .st-hero-title-img {
        max-width: 90%;
    }
}

.st-bs-vsvm-slogan-img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 275px;   /* smaller than the hero version */
    height: auto;
}

@media (max-width: 767px) {
    .st-bs-vsvm-slogan-img {
        max-width: 70%;
    }
}