/*
Theme Name: ecohpl
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

header#header {
	box-shadow: 0px 6px 12px rgba(3, 12, 17, 0.12)
}

.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {
	width: 30%!important;
}

.row:not(.row-full-width), header#header .container {
    max-width: 1200px!important;
}

.keterangan-form-katalog {
	padding-bottom: 10px;
	font-size: 14px;
}

.keterangan-form-katalog input.custom-file-input {
	margin-bottom: 5px;
}

.putih {
	color: #ffffff;
}

.biru {
	color: #192C55!important;
}

.orange {
	color: #de5534;
}

.abu a, .from_the_blog_excerpt, .article-inner .entry-summary {
	color: #6F7382;
}

/*Menus*/
.nav-spacing-xlarge>li {
    margin: 0 16px;
}

.header-nav li a:hover {
	color: #EC9B3F!important;
}

.header-nav li a:active {
	color: #de5534!important;
}

.nav-top-link .icon-angle-down {
	display: none;
}

/*END*/

a:hover {
	color: #EC9B3F!important;
}

.section-content .btn-white, .section-katalog .btn-white, .permintaan-catalog a {
	background-color: white!important;
    color: black!important;
}

.section-content .btn-white:hover, .section-katalog .btn-white:hover, .permintaan-catalog a:hover {
	background-color: #EC9B3F!important;
}

.btn-orange {
	background-color: #de5534!important;
}

/*PAGES KONTAK*/
.wpcf7 form.sent .wpcf7-response-output {
    border-color: white;
    text-align: center;
    border: none;
    background: white;
    border-radius: 0;
    color: black;
    font-size: 16px;
    margin: 0px;
}

.kontak-form input[type='submit'] {
	background-color: #192C55!important; 
}

.kontak-form input[type='submit']:hover {
	background-color: #192C55!important; 
}

/*END*/

/*PAGES INSPIRASI*/
.section-inspirasi .post-title {
	color: #192C55!important;
}

.article-inner .entry-meta .cat-links {
	display: none!important;
}

.is-divider {
	background-color: #de5534!important;
}

.article-inner .entry-content .entry-summary a:hover{
	color: white!important;
}

.article-inner .badge {
	display: none;
}

.article-inner .entry-title {
	color: #192C55;
}

/*END*/

.section-content .section-content .row .col-inner .banner-inner .banner-layers .text-box .text-inner .is-divider, .section-katalog .section-content .row .col-inner .banner-inner .banner-layers .text-box .text-inner .is-divider, .permintaan-catalog .is-divider {
	background-color: #ffffff!important;
}

.dark .button.is-form:hover, .button:hover, input[type='submit']:hover, input[type='reset']:hover, input[type='button']:hover {
    box-shadow: unset!important;
}

footer.entry-meta {
	border-top: unset!important;
}

.btn-custom:hover {
	background-color: yellow!important;
}

/*#shop-sidebar {
	transform: translate3d(0, 0, 0);
    position: fixed!important;
    transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    width: 15%!important;
}*/

div#shop-sidebar label.wc-block-product-search__label {
	display: none;
}

.hero-banner .img-inner {
	margin-top: -0.7%!important;
}

.section-content .bg-aksen .col-inner .img-inner, .section-inspirasi .bg-aksen .col-inner .img-inner {
	position: absolute!important;
	width: 100%!important;
	top: 40px!important;
}

.section-katalog .bg-aksen .col-inner .img-inner {
	position: absolute!important;
	width: 100%!important;
	top: -75px!important;
}

.absolute-footer {
	display: none!important;
}

#product-sidebar {
	max-width: 8.33333%;
    flex-basis: 8.33333%;
}

/*PRODUCT HOME*/

p.product_title.entry-title {
    color: #1c2d52;
}

.section-produk-home, .section-inspirasi-home {
	margin-top: -50px;
}

.list-produk .product-small, .products .product-small  {
	padding-bottom: 0px!important;
}

.list-produk .title-wrapper {
	text-align: left;
}

.list-produk .title-wrapper p.category, .product-small .box-text-products p.category {
	color: #de5534;
}

.section-produk-home, .section-inspirasi-home {
	background-image: url(https://www.ecoliving.co.id/wp-content/uploads/2021/10/Group-76-1400x378.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.section-katalog {
	background-image: url(https://www.ecoliving.co.id/wp-content/uploads/2021/11/aksen-katalog.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.section-icon-kontak {
	background-image: url(https://www.ecoliving.co.id/wp-content/uploads/2021/10/aksen-kontak.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

/*END*/

/*Icon Search Page Shop*/
#shop-sidebar .wc-block-product-search .wc-block-product-search__button {
	background-image: url(https://www.ecoliving.co.id/wp-content/uploads/2021/10/icon-search-white-40px.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    right: 0px;
    height: 0px;
    width: 30px;

}

.wc-block-product-search .wc-block-product-search__button {
	margin: unset;
}

#shop-sidebar .wc-block-product-search .wc-block-product-search__button svg {
	display: none;
}

/*END*/

/*Single Product*/
.woocommerce-ordering option[value="popularity"], .woocommerce-ordering option[value="date"], .woocommerce-ordering option[value="price"], .woocommerce-ordering option[value="price-desc"] {
	display: none;
}

#button-addtoany-asclar {
	display: none;
}

.box-hover-share-show {
	display: block!important;
}

#img-addtoany-asclar:hover {
	cursor: pointer; 
}

.box-hover-share-hide {
	display: none;
}


span.is-search-icon {
	background: #de5533;
	color: white;
}
.is-form-style .is-search-submit path {
	fill:  white;
}

.is-ajax-search-details a, .is-ajax-search-result a {
	color: #de5533!important;
}

.turunan-single-product {
	color: #6F7382;
	font-weight: normal;
}

.psw-asclar .download-img-psw-asclar img {
	width: 18px;
}

.download-img-psw-asclar {
	padding: 10px;
	margin-left: 10px;
}
.psw-asclar {
	display: flex;
	justify-content: center;
}

.psw-asclar .pswp__caption__center-asclar {
	color: white;
	display: flex;
    align-items: center;
}
.pswp .pswp__top-bar .pswp__button.pswp__button--zoom {
	/*position: absolute;
    margin-top: 44%;
    margin-left: 55%;*/
}

.product-info .product_meta span.posted_in {
	display: none;
}

.a2a_menu a {
	color: #555!important;
}

.download-img img {
	height: 40px;
	float: left;
    /*position: absolute;*/
    /*bottom: 0px;*/
}

a.addtoany_share img {
	height: 40px;
}

.image-tools .zoom-button {
	color: #ffffff!important;
	/*position: relative;
    margin-left: 515px;
    margin-top: -250px;*/
}

.product-short-description p {
	margin-bottom: 5px;
}

.product-short-description {
	margin: 30px 0px;
} 

.product-images .image-tools {
	right: 0;
	top: 0;
	left: auto;
	margin: 15px;
}

.product-footer .product-section .product-section-title {
	margin-left: 0px;
}

.section-product a.button {
	margin-top: -20px;
}

.section-inspirasi a.button {
	margin-top: -60px;
}

.section-inspirasi .badge {
	display: none;
}

.wpcf7 input[type='text'], .wpcf7 input[type='email'], .wpcf7 input[type='email'], .wpcf7 textarea {
	font-weight: 500!important;
}

.product .container {
	max-width: 1200px;
}

.woocommerce-tabs {
	display: none;
}
/*.product .social-icons {
	display: none;
}*/

.shop-page-title .woocommerce-result-count {
	display: none;
}

.slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg {
	    margin-top: -75px;
	}

.product-footer .flickity-prev-next-button svg {
	margin-top: -50px!important;
}

/*.product-main .product-info p {
	text-transform: capitalize;
}*/

.product-main .product-info .woocommerce-breadcrumb.breadcrumbs {
	display: none;
}

.form-katalog input[type='email'], .form-katalog input[type='text'], .form-katalog input[type='number'], .form-katalog input[type='radio'], .form-katalog textarea, .form-katalog select {
	margin-bottom: 0px;
}

.form-katalog .col.medium-3 {
	    padding: 0 15px 15px;
}

.banner-category-produk {
		box-shadow: 0px 6px 12px rgb(3 12 17 / 12%);
		background-color: #ffffff!important;
}

.shop-page-title .woocommerce-breadcrumb a:first-child, .shop-page-title .woocommerce-breadcrumb span:first-of-type {
		display: none;
}

.text-footer-contact .icon-box-text p {
	margin-top: 2px;
}


@media (min-width: 1281px) {

	.hidden-desktop {
        display: none!important;
    }

    .shop-page-title .woocommerce-breadcrumb {
    	margin-left: -7%;
    }

    .shop-page-title .page-title-inner .medium-text-center~.medium-text-center{
    	margin-right: -5.5%;
    }

    .banner-category-produk .text-inner a {
			margin-top: -10px;
		}


}


@media (min-width: 768px) and (max-width: 1280px) {
  
  .section-katalog, .section-inspirasi-home {
  	background-image: unset!important;
   }

  .hero-banner .banner-inner .text-box {
  	margin-left: 50px;
   }

  .col {
  	padding: 0 30px 30px;
   }

  .section-category-produk-home {
  	margin-top: 20px;
   }

  .wpcf7 form.sent .wpcf7-response-output {
    font-size: 14px!important;
  }

  .section-icon-kontak {
		background-image: unset;
  }

  .page-title-inner .woocommerce-breadcrumb {
		margin-left: 15px;
  }
  .logo-left .logo {
    margin-left: 15px;
  }
  
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

	.hidden-mobile {
		display: none!important;
	}

	/*HOME BANNER*/
	.hero-banner .flickity-viewport {
		height: 414.35px!important;
	}

	.hero-banner .text-box {
		margin-left: 15px;
	}

	.hero-banner .img-inner img {
		display: none;
	}

	.hero-banner .img-inner {
	    margin-top: -3%!important;
	}

	/*END*/

	/*HOME CATEGORY PRODUK*/
	.banner-category-produk .is-divider {
		display: none;
	}

	.banner-category-produk {
		padding-top: 130px!important;
	}

	.banner-category-produk .button {
		font-size: 1em!important;
	}

	/*END*/

	/*HOME INSPIRASI*/
	.section-inspirasi .colum-inspirasi {
		margin-top: -15px;
	}

	.section-inspirasi a.button {
	    margin-top: -80px;
	}

	.section-inspirasi-home .slider-nav-push.slider-nav-reveal .flickity-prev-next-button.next svg {
	    margin-left: -15px;
	}

	.section-inspirasi-home .slider-nav-push.slider-nav-reveal .flickity-prev-next-button.previous svg {
	    margin-left: 15px;
	}

	.section-inspirasi .box-text-inner .is-large, .article-inner .entry-header-text h2.entry-title {
		font-size: 1.5em!important;
	}

	.section-inspirasi-home {
		background-image: unset;
	}

	/*END*/
	.section-background-aksen {
		display: none;
	}

	/*SECTION PRODUK*/

	.section-product .title-product .col-inner, .section-inspirasi .title-inspirasi .col-inner {
		margin: unset!important;
	}

	.title-product .img.has-hover, .title-inspirasi .img.has-hover, .title-kontak-kami .img.has-hover {
		width: 20%!important;
	}

	.section-produk-home-mobile .accordion-title {
		border-top: unset;
	}

	.section-produk-home-mobile .accordion-title .toggle {
		margin-left: 25%;
	}

	.section-produk-home-mobile .accordion-inner {
		padding: unset;
		margin-top: 30px;
	}

	.product-footer .flickity-prev-next-button svg {
		margin-top: -40px!important;
	}

	/*END*/

	.kontak-form .col-inner {
	 	padding: 0px 50px 0px 50px!important;
	}

	.icon-kontak .icon-box {
		margin-bottom: 15px;
	}

	.section-produk-home-mobile .section-product {
		margin-top: -40px;
	}

	.article-inner .entry-summary {
		font-size: 15px;
		margin-top: -10px;
	}

	.article-inner .entry-meta {
		font-size: 10px;
	}

	.padding-bottom-unset {
		padding-bottom: unset!important;
	}

	.footer-mobile-eco .icon-box-text p {
		font-size: 14px;
	}

	.category-page-title .category-filtering a {
		margin-right: 50%;
    	margin-top: 7%;
	}

	.category-page-title .medium-text-center~.medium-text-center {
		max-width: 40%;
	    margin-top: -15%;
	    margin-left: 50%;
	}

	.banner-category-produk .btn-category-home {
		margin-top: -45px;
	}

	.footer-mobile-eco .icon-box-img img {
		padding-top: 0px;
	}

	.section-request-katalog {
		min-height: 200px!important;
	}

	.font-size-20px {
		font-size: 20px!important;
	}




}