/*** Global ***/
html {
background-color: #d7d7d7;
}
body {
font-family: 'Roboto','Heebo', 'Open Sans';
font-weight: 300;
font-size: 14px;
position: relative;
color: #0e100e;
line-height: normal;
}
/*** Add to cart ***/
.header-middle .widget_ywraq_mini_list_quote .raq-items-number {
color: #fff;
position: absolute;
bottom: -4px;
right: 3px;
font-size: 12px;
font-weight: lighter;
background: #73b341;
line-height: 16px;
width: 16px;
height: 16px;
text-align: center;
border-radius: 50%;
}
.header-middle .widget_ywraq_mini_list_quote .raq-info {
border: 0;
margin: 0;
margin-left: 10px;
padding: 0px 10px;
color: #73b341;
}
.header-middle .widget_ywraq_mini_list_quote .raq-info:before {
content: '\f07a';
font-family: fontAwesome;
font-size: 25px;
}
.header-middle .widget_ywraq_mini_list_quote {
margin: 0px;
}
.header-middle .widget_ywraq_mini_list_quote .yith-ywraq-list-wrapper {
right: 0;
font-size: 16px;
}
.header-middle .widget_ywraq_mini_list_quote .yith-ywraq-list {
padding: 0;
list-style-type: none;
}
.woocommerce.woocommerce-page table>tbody>tr>td {
border: 1px solid #0e100e !important;
}
.woocommerce.woocommerce-page table>tbody>tr:hover {
background-color: transparent !important;
}
strong.table-responsive-text {
display: none !important;
}
div.wpcf7-response-output {
clear: both;
}
div.wpcf7 .ajax-loader {
display: block;
margin: auto;
}
a {
color: inherit;
}
a:focus, a:hover, a:active {
color: #73b341;
}
label {
margin-bottom: 0px;
font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Roboto','Heebo';
}
h2 {
font-size: 30px;
color: #73b341;
font-weight: 400;
margin-top: 5px;
}
h3 {
font-size: 20px;
font-weight: 300;
}
h4 {
font-size: 16px;
font-weight: 500;
margin-bottom: 5px;
}
h5 {
font-size: 20px;
color: #73b341;
font-weight: 400;
margin-top: 15px;
margin-bottom: 5px;
text-transform: uppercase;
}
.page-featured-banner {
height: 265px;
display: flex;
align-items: flex-end;
padding-bottom: 15px;
background-size: cover;
}
.page-featured-banner h1, .page-header-events h1, .product-section-header h1 {
color: #000;
font-weight: bold;
text-align: center;
font-size: 30px;
text-transform: uppercase;
}
.page-header-events, .product-section-header {
background-image: url(/wp-content/uploads/white-bg.png);
height: 265px;
display: flex;
align-items: flex-end;
padding-bottom: 15px;
background-size: cover;
}
.gray-bg {
background-color: #ecefea;
}
.green-bg {
background-color: #73b341;
}
.white-font {
color: #fff;
}
.white-bg {
background-color: #fff;
}
.np25 {
padding: 25px;
}
.nmb20 {
margin-bottom: 20px;
}
textarea {
height: 85px;
}
.imageupload {
border: 1px solid rgba(14, 16, 14, 0.5);
width: 100%;
text-align: left;
border-color: rgba(14, 16, 14, 0.5);
border-radius: 3px;
font-size: 14px;
padding: 5px 10px;
color: #0e100e;
font-weight: 400 !important;
letter-spacing: 0px;
background-color: rgba(255,255,255,0.8);
margin-bottom: 10px;
}
.imageupload label {
margin-bottom: 0px;
font-weight: 400;
color: #757575;
letter-spacing: 0px;
text-transform: none;
width: 100%;
}
input[type="file"] {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
cursor: pointer;
}
.wpcf7-form input:not([type="submit"]):not([type="reset"]), .wpcf7-form textarea, .wpcf7-form select {
padding: 5px 10px;
border-color: rgba(14, 16, 14, 0.5);
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #0e100e;
}
::-moz-placeholder { /* Firefox 19+ */
color: #0e100e;
}
:-ms-input-placeholder { /* IE 10+ */
color: #0e100e;
}
:-moz-placeholder { /* Firefox 18- */
color: #0e100e;
}
/*** Header ***/
header {
position: fixed;
top: 0;
z-index: 999;
width: 100%;
left: 0;
right: 0;
max-width: 1602px;
margin: auto;
}
header.shrink #logo img {
width: 54%;
}
header.shrink #header-right-area {
display: flex;
align-items: center;
}
header.shrink #header-widget-1 {
margin-left: auto;
}
header.shrink #header-widget-1 p {
margin-bottom: 0px;
}
header.shrink .header-middle > .container {
padding: 10px 15px;
}
header.shrink .search-form {
margin-bottom: 10px;
}
.header-v1 .header-middle > .container {
padding: 13px 15px;
}
.header-middle .row {
display: flex;
align-items: center;
}
.header-middle {
background-color: rgba(255, 255, 255, 0.9);
}
#navigation-menu {
background-color: rgba(115, 179, 65, 0.9);
}
.navbar-collapse {
float: none;
}
.navbar-nav>li {
margin-bottom: 0px;
}
.navbar-nav>li>a {
text-transform: uppercase;
color: #fff;
font-weight:bold;
padding: 6px 15px 4px;
line-height: normal;
min-width: 135px;
text-align: center;
}
ul#menu-navbar>li.active>a, ul#menu-navbar>li>a:hover, ul#menu-navbar>li>a:focus, ul#menu-navbar>li.menu-item.current-menu-ancestor>a {
background-color: rgba(84, 130, 47, 0.9);
}
ul.dropdown-menu {
min-width: 135px;
}
ul.dropdown-menu>li {
margin-bottom: 0px;
}
ul.dropdown-menu>li>a {
text-transform: uppercase;
background-color: rgba(115, 179, 65, 0.9);
color: #fff;
padding: 5px 20px;
}
ul.dropdown-menu>li:hover>a, ul.dropdown-menu>.active>a, ul.dropdown-menu>.active>a:hover, ul.dropdown-menu>.active>a:focus {
background-color: rgba(84, 130, 47, 0.9);
color: #fff;
}
#header-widget-1 {
text-align: right;
font-size: 24px;
color: #73b341;
display: flex;
justify-content: flex-end;
align-items: center;
}
/*#header-widget-1 a {
color: #73b341;
}
*/
#header-widget-1 i {
margin-right: 5px;
}
.search-form{
float: none;
display: flex;
width: 260px;
padding-left: 5px;
padding-right: 10px;
height: 35px;
align-items: center;
margin: 10px 0px 20px auto;
border-radius: 5px;
box-shadow: 0px 0px 5px #d7d7d7;
}
.search-submit {
margin: 0px;
background-image: url(images/search-icon-green.png);
outline: none;
}
#search-field {
width: 100%;
font-size: 12px;
border: 0px;
outline: none;
border-radius: 0px;
}
/*** Button ***/
.wpcf7-submit {
font-weight: 400;
background-color: #73b341;
color: #fff;
border: 1px solid #73b341;
padding: 5px 30px;
line-height: normal;
}
.btn-1 {
background-color: #73b341;
color: #fff;
border: 1px solid #73b341;
font-weight: 400;
font-size: 14px;
padding: 3px 30px;
margin: 10px 0px 0px;
line-height: normal;
}
.btn-1:hover, .btn-1:focus, .btn-1:active, .btn-1:active:hover, .btn-1:active:focus {
background-color: #fff;
color: #73b341;
}
.btn-1.white-bg {
background-color: #fff;
color: #73b341;
border: 1px solid #fff;
padding: 6px 23px;
line-height: normal;
}
.btn-1.white-bg:hover, .btn-1.white-bg:focus, .btn-1.white-bg:active,
.btn-1.white-bg:active:hover, .btn-1.white-bg:active:focus {
background-color: #73b341;
border-color: #73b341;
color: #fff;
}
/*** Home ***/
.home-section-2 .col-md-3 {
padding: 15px;
}
.home-section-2 .product-wrapper {
padding: 15px;
}
/*** About Us ***/
.about-section-1 .col-sm-6 .content-wrapper {
padding: 15px;
}
.about-section-1 .col-sm-6 .content-wrapper img {
margin-bottom: 5px;
}
/*** Products ***/
h2.woocommerce-loop-product__title {
font-size: 20px !important;
font-weight: 400;
color: #73b341;
text-transform: uppercase;
padding: 15px 0px 2px !important;
}
.woocommerce.woocommerce-page ul.products li.product, .woocommerce.woocommerce-page ul.products li.product {
background-color: #ecefea;
padding: 18px;
}
.woocommerce .product_meta {
display: none;
}
.woocommerce.woocommerce-page h1.product_title.entry-title {
font-size: 20px !important;
font-weight: 400;
color: #73b341;
text-transform: uppercase;
}
.woocommerce div.product .woocommerce-tabs .panel {
background-color: #ecefea;
box-shadow: none;
padding: 20px;
border-radius: 0px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background-color: #ecefea;
border: 0px;
margin-left: 8px;
border-radius: 5px 5px 0px 0px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background-color: #73b341;
border: 0px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0px;
margin: 0px;
border-bottom: 7px solid #73b341;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
border-bottom: 0px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
display: none;
}
.woocommerce.woocommerce-page ul.products li.product a img {
border: 0px;
padding: 0px;
margin: 0px;
}
.woocommerce #product-content ul.products li.product:hover, .woocommerce-page #product-content ul.products li.product:hover {
background-color: #73b341;
}
.woocommerce #product-content ul.products li.product:hover h2.woocommerce-loop-product__title,
.woocommerce-page #product-content ul.products li.product:hover h2.woocommerce-loop-product__title {
color: #fff;
}
.woocommerce #product-content ul.products li.product:hover .btn-1,
.woocommerce-page #product-content ul.products li.product:hover .btn-1 {
background-color: #fff;
border-color: #fff;
color: #73b341;
}
.woocommerce .add-request-quote-button.button {
font-weight: 400;
font-size: 14px;
border: 1px solid #73b341;
}
.woocommerce .add-request-quote-button.button:hover {
color: #73b341;
background-color: #fff;
border: 1px solid #73b341;
}
.related.products h2 {
font-size: 20px;
text-transform: uppercase;
margin-bottom: 20px;
}
.woocommerce div.product form.cart, .woocommerce div.product p.cart {
margin: 15px 0px;
}
.navigation .wp-pagenavi-pagination span.current {
background-color:#73b341;
color: #fff;
border: 1px solid #73b341;
}
.pagination>li>a {
color: #73b341 !important;
font-weight: 700;
border: 1px solid #73b341;
margin: 0px 4px;
}
.pagination>li:first-child>a, .pagination>li:last-child>a {
border: none !important;
text-transform: capitalize !important;
color: #000 !important;
border-radius: 0px;
}
.pagination>li>span {
margin: 0px 4px;
}
.pagination>li:first-child>span, .pagination>li:last-child>span {
border-radius: 0px;
}
.navigation .wp-pagenavi-pagination a:hover {
background-color: #73b341;
border-color: #73b341;
color: #fff !important;
}
.woocommerce div.product form.cart div.quantity:before {
content: 'Unit' !important;
}
.woocommerce .woocommerce-product-gallery__image {
min-height: 100% !important;
}
/*** Product Sidebar ***/
#product-sidebar ul{
list-style-type: none;
padding-left: 0;
padding-bottom: 10px;
}
#menu-product-categories{
background-color: #ecefea;
font-size: 14px;
}
#menu-product-categories li{
margin-bottom: 0;
}
#menu-product-categories > li > a{
font-weight: 400;
display: block;
padding: 15px 25px 10px;
color: #313133;
font-size: 14px;
}
#menu-product-categories > li li a{
display: block;
padding: 2px 25px 2px 35px;
font-size: 14px;
font-weight: 400;
}
#menu-product-categories > li ul {
background-color: transparent;
padding-bottom: 10px;
}
#menu-product-categories a:hover,
#menu-product-categories a:focus,
#menu-product-categories li.active > a,
#menu-product-categories li > a.active {
color: #73b341;
background-color: transparent;
}
#menu-product-categories a .submenu-indicator{
width: 20px;
height: 20px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
float: right;
font-size: 12px;
line-height: 22px;
font-weight: bolder;
-o-transition: transform .3s linear;
-moz-transition: transform .3s linear;
-webkit-transition: transform .3s linear;
-ms-transition: transform .3s linear;
}
#menu-product-categories a.open .submenu-indicator{
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
#menu-product-categories .submenu{
overflow: hidden;
}
/*** News & Events ***/
.featured-img {
margin-right: 0px;
}
.post-listing li {
border: 3px solid #73b341;
padding: 15px 0px;
}
.image-wrapper {
padding-bottom: 20px;
}
/*** Gallery ***/
/*** Business Opportunities ***/
#wpcf7-f105-p9-o1 textarea {
height: 97px;
}
/*** Contact Us ***/
#wpcf7-f13-p11-o1 {
margin: auto;
width: 60%;
}
/*.contact-section-2.nvp30 {
padding-top: 0px;
}
*/
/*** Career ***/
#wpcf7-f61-p60-o1 textarea {
height: 98px;
}
/*** Request Quote ***/
.quote-section .woocommerce table.shop_table {
border-color: rgba(14, 16, 14, 0.5);
}
.quote-section .woocommerce table.shop_table td {
border-color: rgba(14, 16, 14, 0.5);
}
.woocommerce a.button, .woocommerce input.button {
background-color: #73b341;
color: #fff;
border: 1px solid #73b341;
font-weight: 400;
font-size: 14px;
padding: 3px 30px;
margin: 10px 0px 0px;
line-height: normal;
}
.quote-section .woocommerce a.button:hover , .quote-section .woocommerce input.button:hover {
background-color: #fff;
}
/*** Footer ***/
.footer-section {
/* background-image: url(images/footer-section-img-1.jpg); */
background-image: url(https://greenhpsp.com.my/wp-content/uploads/footer-img-new.jpg);
background-size: cover;
}
#footer {
font-weight: 400;
}
#footer i {
color: #73b341;
}
#footer .footer-inner {
padding-left: 15px;
padding-right: 15px;
}
#footer h3.widgettitle {
font-size: 20px;
font-weight: 400;
margin-bottom: 20px;
}
#footer .widgettitle:after {
display: none;
}
#footer ul#menu-footer-menu {
column-count: 2;
-moz-column-count: 2;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
list-style-type: none;
}
#footer ul#menu-footer-menu>li {
margin-bottom: 0px;
}
#footer ul#menu-footer-menu>li>a {
font-weight: 400;
}
.footer-second .left-col i {
margin-top: 3px;
margin-right: 10px;
}
.footer-second .right-col {
padding-left: 80px;
}
.footer-second .right-col i {
margin-right: 10px;
}
#copyright {
font-size: 12px;
font-weight: 400;
}
/*** Search ***/
.search header {
position: initial;
}
.search-no-results .nvp30 .search-form {
margin-right: auto;
margin-left: auto;
width: 100%;
}
/*** 404 ***/
.error404 header {
position: initial;
}
/*** Responsive Menu ***/
#responsive-menu-container #responsive-menu-search-box, #responsive-menu-container #responsive-menu-additional-content, #responsive-menu-container #responsive-menu-title {
padding: 10px 5% 10px !important;
}
/*** Responsive Layout ***/
@media (max-width: 1199px) {
.footer-second .right-col {
padding-left: 40px;
}
.navbar-nav>li>a {
min-width: 120px;
}
.page-featured-banner, .page-header-events, .product-section-header {
height: 255px;
}
#wpcf7-f13-p11-o1 {
width: 80%;
}
}
@media (max-width: 991px) {
h2 {
font-size: 28px;
}
#footer {
text-align: center;
padding-top: 0px;
}
#footer .footer-inner {
padding: 30px 15px;
}
.footer-second .right-col {
padding-left: 0px;
}
#footer h3.widgettitle {
margin-bottom: 8px;
}
.footer-second {
padding-top: 10px;
}
.footer-section {
text-align: center;
}
.home-section-2 .product-wrapper {
max-width: 262px;
margin: auto;
}
.home-section-2 .col-md-3 {
float: left;
width: 50%;
}
#search-bar, #text-3 {
display: none;
}
.header-v1 .header-middle > .container {
padding: 10px 15px;
}
#logo img {
max-width: 300px;
}
header.shrink #logo img {
width: 100%;
}
.page-featured-banner, .page-header-events, .product-section-header {
height: 190px;
}
.page-featured-banner h1, .page-header-events h1, .product-section-header h1 {
font-size: 29px;
}
.career-section-1.nvp30 {
padding: 30px 15px;
}
.career-section-1 .col-md-6 {
padding: 0px;
}
.contact-section-1, .contact-section-2 {
text-align: center;
}
/* .contact-section-1.nvp30 {
padding-bottom: 10px;
}*/
#wpcf7-f13-p11-o1 {
width: 100%;
}
.featured-img {
float: none;
margin-bottom: 20px;
}
.post-listing {
text-align: center;
}
.single-post-container {
text-align: center;
}
.about-section-1 {
text-align: center;
}
.about-section-1 .col-md-4 .content-wrapper {
text-align: center;
margin-top: 30px;
padding: 15px;
margin: auto;
margin-top: 20px;
max-width: 360px;
}
.about-section-1 .col-sm-6 .content-wrapper {
margin: auto;
margin-top: 20px;
max-width: 360px;
}
.nmb20 {
margin-bottom: 10px;
}
#yith_ywraq_request_quote_list_mini-2 {
position: fixed;
z-index: 9999;
right: 15px;
bottom: 15%;
}
.header-middle .widget_ywraq_mini_list_quote .raq-info {
background-color: #73b341;
border-radius: 50%;
box-shadow: 0px 0px 5px 1px #fff;
margin: 0;
color: #fff;
padding: 5px 10px;
}
.header-middle .widget_ywraq_mini_list_quote .yith-ywraq-list-wrapper {
display: none;
}
.header-middle .widget_ywraq_mini_list_quote .raq-info:before {
font-size: 24px;
}
#header-right-area {
max-width: 1px;
}
}
@media (max-width: 768px) {
.woocommerce div.product div.summary {
text-align: center;
}
.woocommerce .related.products {
text-align: center;
}
}
@media (max-width: 767px) {
.woocommerce table.shop_table .button {
text-align: center;
}
.su-spacer {
display: none !important;
}
h2 {
font-size: 26px;
}
#footer h3.widgettitle {
font-size: 18px;
}
.home-section-1 .col-sm-4 .content-wrapper {
max-width: 360px;
margin: auto;
margin-top: 35px;
padding: 15px;
}
.home-section-1 {
text-align: center;
}
#logo img {
max-width: 210px;
}
button#responsive-menu-button {
top: 15px !important;
}
.page-featured-banner h1, .page-header-events h1, .product-section-header h1 {
font-size: 28px;
}
.page-featured-banner, .page-header-events, .product-section-header {
height: 165px;
}
}
@media (max-width: 758px) {
strong.table-responsive-text {
display: block !important;
text-align: center;
}
}
@media (max-width: 480px) {
h2 {
font-size: 24px;
}
#footer ul#menu-footer-menu {
column-count: 1;
-moz-column-count: 1;
}
.home-section-2 .col-md-3 {
float: none;
width: 100%;
}
.page-featured-banner h1, .page-header-events h1, .product-section-header h1 {
font-size: 27px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
display: block !important;
text-align: center;
margin-left: 0px;
border-radius: 0px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
border-color: #fff;
}
}
.grecaptcha-badge{
display:none!important;
}
.product-wrapper img{
max-height:200px;
}