.wrapp {
width:1140px;
margin-left:auto;
margin-right:auto;
} .site-logo {
display: inline-block;
max-width: 60%;
width: auto;
text-align: center;
}
.wp-block-site-title {
margin-bottom:0;
line-height: 0.8em;
text-align: center;
}
.inside-navigation .wp-block-site-title {
text-align: left;
}
.mob_nav {
position:absolute;
left:40px;
}
.site-header {
border-bottom: 1px solid var(--bodybg);
}
.inside-header { 
position:relative; 
flex-direction: row!important;
justify-content: space-between;
}
.top_nav { position:absolute; right:0; }
.inside-navigation.grid-container { }
.nav-below-header .main-navigation .inside-navigation.grid-container {
padding-left:0;
padding-right:0;
}
.toggle_button,
.search_button {
position: absolute;
}
.top_toggle { margin-top:6px; position: absolute; right: 0; z-index: 991;}
.toggle_button { left:0; }
.search_button { right:0; }
a.search-icon { color:var(--tax-color); }
.mobile-menu-control-wrapper button.menu-toggle,
.menu-bar-item.slideout-toggle {
display:none!Important;
}
.main-navigation .menu-bar-items {
flex-direction: row-reverse;
}
a.slideout-toggle .gb-icon { color: #000;}
.header-wrap a.slideout-toggle .gb-icon { color: #fff;}
.main-navigation .menu-toggle {
padding-right: 0;
padding-left: 0;
font-size: 23px;
}
.main-navigation li.account {
margin-left:30px!Important;
}
.main-navigation li.account a {
background-image: url(//www.gentengsokka.id/wp-content/themes/gpcatalogue/images/account.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: 18px;
padding-left: 22px!Important;
}
:focus-visible {
outline: 0px dotted ButtonText!Important;
}
.dropdown-menu-toggle .gp-icon {
display:inline;
}
.custom_title {
position:sticky;
top:0;
left:0;
width:100%;
z-index:99;
}
.entry-content ul,
entry-content ol { margin-left:1em;}
.logo_icon {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.logo_icon a { height:100%;}
.logo_icon a img { visibility:hidden;} .gb-headline em {
background: linear-gradient(127.51deg, var(--gradient-1) 22.85%, var(--gradient-2) 90.51%);
font-style:normal;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} .search_prodbox input.wp-block-search__input {
margin:0!Important;
border:none!important;
font-size: 14px!Important;
height: 35px!Important;
}
.search_prodbox button {
border-radius: 8px;
height: 35px!Important;
padding: 0;
fill: #000;
color: #000;
background: none;
margin-right: 5px;
} .wp-block-social-links { margin:0!important; }
.wp-block-social-links li a { font-size:18px; } .addtoany_list,
.a2a_kit a {
display: flex!Important;
}
.a2a_kit a span {
border-radius:50px!important;
padding:4px;
} .rank-math-breadcrumb p { margin-bottom:0; }
.breadcrumb { line-height: 18px; } .main-navigation ul.sub-menu {
background: #fff;
border-radius: 0;
padding: 12px 5px 12px 15px!Important;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
border-bottom: 6px solid var(--accent);
}
.sub-menu.toggled-on {
box-shadow: none!important;
border: 0px solid #f1f1f1!important;
border-radius: 0;
margin-left: 0;
width: 100%!important;
padding: 0 25px !important;
}
.sub-menu.toggled-on li a {
position: relative;
padding-left: 25px!Important;
}
.sub-menu.toggled-on li a::before {
width: 5px;
height: 5px;
content: " ";
position: absolute;
left: 8px;
background: var(--accent);
border-radius: 50px;
top: 18px;
} .owl-item figure.wp-block-image {
width:100%!Important;
}
.clientslider .owl-item {
border:1px solid var(--border);
border-radius:0px;
padding:5px;
} .site-content { padding: 0;}
.blog .site-content,
.archive.author .site-content,
.archive.category .site-content,
.single-post .site-content { padding: 30px 0;} .owl-carousel {
visibility: hidden;
}
.owl-carousel.owl-loaded {
visibility: visible;
display:block;
}
.owl-carousel .owl-stage::after {
display: none;
}
.show .owl-carousel {
visibility:visible;
display:block;
} .owl-dots {
text-align: center;
margin: 10px auto 20px;
position: static;
bottom: 20px;
right: 20px;
}
.owl-dots button,
.owl-dot {
width: 8px;
height: 8px;
opacity: 0.3;
border-radius: 100px;
margin: 0 3px;
background: #ccc!important;
}
.owl-dots button.active,
.owl-dot.active {
opacity: 0.5;
background: var(--accent)!important;
}
.owl-stage {
display: flex;       
}
.abs_nav .owl-dots {
position: absolute;
bottom: 5px;
} .owl-nav button {
position: absolute;
top: 41%;
width: 35px;
opacity: 1;
height: 35px;
transition: all .2s ease-in-out;
background-repeat: no-repeat;
background-position: center center!important;
}
.owl-nav button:hover { opacity:1; }
.owl-nav button span {
display: none;
}
.owl-nav button.owl-prev {
left: -20px;
background-image: url(//www.gentengsokka.id/wp-content/themes/gpcatalogue/images/arrow-left.svg) !important;
}
.owl-nav button.owl-next {
right: -20px;
background-image: url(//www.gentengsokka.id/wp-content/themes/gpcatalogue/images/arrow-right.svg) !important;
}
.owl-dots {} 
.owl-carousel .owl-stage::after {
display: none!important;
}
.latest_post .owl-dots {
position: absolute;
margin: 0;
top: auto;
bottom: 20px;
}
.testi_slider .owl-item {
border:1px solid #f1f1f1;
border-radius:8px;
overflow:hidden;
}
.testi_slider .owl-item img {
width:90px;
}
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before {
backdrop-filter: none;
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
background:none;
}
.owl-item figcaption {
height: 100%;
padding: 0;
text-indent: -90000px;
}
.owl-item figcaption a {
display: block;
height: 100%;
} .heroslider .owl-dots {
display: inline-block;
margin: 10px 0 0;
padding: 8px 10px;
list-style-type: none;
border: 1px solid var(--border);
background:#fff;
border-radius: 100px;
line-height: 0;
} .testislider .owl-item img {
width:80px!important;
} .site-content .content-area {}
.post-categories {
display: flex;
gap: 5px;
padding: 0;
margin-left: 0;
flex-wrap: wrap;
margin-bottom: 5px;
}
.post-categories span,
.post-categories span a {
padding: 0 5px;
font-size: 12px;
line-height: 20px;
border-radius: 50px;
background: var(--tax-bg);
color: var(--tax-color);
display: inline-block;
transition: all .3s ease-in-out;
}
.term_list {
display: flex;
gap: 8px;
}
.term_list a {
padding-bottom: 3px;
border-bottom: 1.5px solid var(--contrast-2);
} .featured-column .arc_box {
display: block!important;
}
.featured-column .arc_left,
.featured-column .arc_right,
.generate-columns.tablet-grid-50.featured-column,
.generate-columns.grid-50 { width:100%!important; }
.featured-column .acr_img { height: 330px; }
.gb-block-image a {
display: block;
height: 100%;
} .grid {
display: grid;
grid-template-columns: 150px 1fr;
grid-gap: 25px;
}
.featured-column .grid {
grid-template-columns: 1fr;
}
.grid-small,
.grid-list{
display: grid;
grid-template-columns: 50px 1fr;
grid-gap: 15px;
}
.small-grid {
display: grid;
grid-template-columns: 80px 1fr;
grid-gap: 20px;
}
.grid-list { min-height:70px; } .masonry-load-more {
display: flex;
justify-content: center;
margin: 10px 0 25px;
border-top:1px solid #f1f1f1;
border-bottom:1px solid #f1f1f1;
}
.masonry-load-more a {
border-radius: 8px;
text-transform:uppercase;
background:none!important;
color:var(--contrast)!Important;
}
.more-link:before {
height: 30px;
width: 30px;
content: " ";
background: #fff;
}
.more-link {
position: absolute;
top: 0;
right: 0;
}
.more-link a {
padding: 0 15px !important;
border-radius: 50px;
font-size: 12px !important;
background: #fff !important;
color: var(--accent) !important;
border: 1px solid var(--accent);
line-height: 13px;
display: flex !important;
align-items: center;
} .limit {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.limit_three {
-webkit-line-clamp: 3;
}
.limit_two {
-webkit-line-clamp: 2;
}
.limit_one {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
} .stories_slider .owl-stage-outer {
overflow: visible;
}
img.slide {
width: inherit!important;
}
.stories_slider .owl-dots { margin-top:0; } .paging-navigation {
margin: 0;
border-top: 1px solid #f1f1f1;
background: none!important;
text-align: center;
font-size: 14px;
padding: 15px 0!important;
}
.paging-navigation span,
.paging-navigation a {
border: 1px solid #ccc;
padding: 5px 10px!important;
color: #333333!important;
border-radius: 4px;
}
.paging-navigation span.current {
background: #fff;
color: #fff!important;
background: var(--contrast-2);
border: 1px solid var(--contrast-2);
font-weight: normal!important;
}
.container.grid-container {
width: auto;
padding-left: 0;
padding-right: 0;
}
a.prev,
a.next,
a.prev span,
a.next span {
display: none;
} .wp-block-comment-template {
margin-left:0;
}
.wp-block-comment-template li {
position:relative;
}
.wp-block-comment-author-name {
font-size:14px!Important;
font-weight:bold;
}
.wp-block-comment-content {
margin-top: 15px;
font-size: 14px;
line-height: 1.45em;
}
a.comment-reply-link {
position: absolute;
right: 0;
top: 0;
font-size: 12px;
border: 1px solid #f1f1f1;
border-radius: 50px;
padding: 0 10px;
}
.wp-block-comment-date a {
font-size:12px;
color:#9E9E9E;
}
.comment_form h3.comment-reply-title {
display:none;
}
.cmt .wp-block-columns-is-layout-flex {
gap:20px!Important;
}
.comment_form input[type="text"],
.comment_form input[type="email"],
.comment_form input[type="url"],
.comment_form textarea {
border:1px solid #f1f1f1!important;
border-radius:8px;
background:#fff!Important;
}
.comment_form input[type="submit"] {
border-radius:8px;
}
.comments-area {
border: 0px solid #f1f1f1;
padding: 0px!important;
border-radius: 8px;
margin-top: 25px;
font-size: 14px;
background: none!important;
}
.comment-content {
padding: 0;
border: none;
margin: 8px 0;
padding: 10px 0!Important;
border-radius: 8px;
}
.comment-content p {
margin-bottom: 10px;
line-height: 21px;
}
.comment-list .reply a {
border-radius: 20px;
padding: 2px 10px;
border: 1px solid #f1f1f1;
}
.comments-area {
border: 0px solid #f1f1f1;
padding: 0px!important;
border-radius: 8px;
margin-top: 25px;
font-size: 14px;
background: none!important;
}
.comment-content {
padding: 0;
border: none;
margin: 8px 0;
padding: 10px 0!Important;
border-radius: 8px;
}
.comment-content p {
margin-bottom: 10px;
line-height: 21px;
}
.comment-list .reply a {
border-radius: 20px;
padding: 2px 10px;
border: 1px solid #f1f1f1;
}
.comment-list article {
border: none;
padding: 0!important;
margin: 0!important;
}
.comment-list li.depth-1 {
border: 1px solid #f1f1f1!important;
padding: 20px!important;
border-radius: 8px!important;
}
.comment .children {
padding-left: 30px;
margin: 20px 0 20px 20px!important;
border-left: 0 dotted rgba(0,0,0,.09)!important;
border-bottom: none !important;
}
.comment-respond {
margin-top: 40px;
}
input[type=email], 
input[type=number], 
input[type=password], 
input[type=search], 
input[type=tel],
input[type=submit],
input[type=text], 
input[type=url], 
select, textarea {
border: 1px solid #aaaaaa!important;
border-radius: 5px!important;
padding: 10px 15px!important;
margin: 0 0 10px !important;
width: 100%;
}
.select2-container--default .select2-selection--single {
border: 1px solid #aaaaaa;
}
.comments-area .form-submit input.submit {
border-radius: 8px!important;
background: var(--accent)!important;
padding: 10px 35px!important;
}
.comment-form-cookies-consent {
font-size: 12px;
line-height: 18px;
}
.comment-list li.depth-1 {
border-bottom: 0px solid #f1f1f1;
margin-bottom: 20px;
}
h3.comments-title {
font-size: 18px;
}
.comment-meta .avatar {
padding-top: 1px;
}
.comments-area footer.comment-meta {
display: block;
grid-template-columns: 30px 1fr;
grid-gap: 10px;
}
.comments-area footer.comment-meta img.avatar {
display: none;
}
.entry-meta.comment-metadata { margin-top:-1.5px; }
.entry-meta.comment-metadata a {
color: #000;
opacity: 0.5;
}
.comment-content {
margin: 10px 0;
border: 0px solid #f1f1f1;
} .site-footer ul.wp-block-navigation__container {
margin: 0;
column-gap: 15px;
row-gap: 8px;
}
.site-footer ul.wp-block-navigation__container li a {
font-size: 15px;
}
.site-footer ul.wp-block-navigation__container li:hover a {
opacity:0.75;
} .search-modal-form {
background: transparent!important;
}
.gp-modal__container input.search-field {
margin: 0!important;
border: none !important;
}
.search-modal-fields {
border-radius: 8px;
overflow: hidden;
background: #fff;
} .separate-containers .inside-right-sidebar {
margin-top:0;
margin-bottom:45px;
}
.inside-right-sidebar {
position: sticky;
top: 20px;
} .list_custom {
list-style: none;
counter-reset: my-awesome-counter;
}
.list_custom .gb-query-loop-item {
counter-increment: my-awesome-counter;
position: relative;
}
.list_custom .gb-query-loop-item::before {
content: "#" counter(my-awesome-counter) "";
position: absolute;
top: 4px;
left: 0;
font-size: 16px;
font-weight: bold;
color: #fff;
width: 40px;
height: 40px;
background: var(--accent);
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
}
.list_custom .generate-columns.grid-50 {
width: 100%!important;
margin: 0;
}
.list_custom p.gb-headline-text {
min-height: 50px;
} .page-header {
margin-bottom: 30px;
padding:0!Important;
}
h1.entry-title,
h1.widget-title,
h1.page-title,
h2.widget-title { 
line-height: 1.3em;
position: relative;
display: block;
margin-bottom: 20px;
padding-bottom:10px;
border-bottom:1px solid #f1f1f1;
}
h1.entry-title:after,
h1.widget-title:after,
h1.page-title:after,
h2.widget-title:after {
content: " ";
height: 1px;
left:0;
width: 40px;
bottom: -1px;
position: absolute;
background: var(--accent);
}
.search h1.page-title span {
display: block;
font-size: 16px;
line-height: 22px;
font-weight: bold;
color: var(--accent);
}
.search h1.page-title:after {
display: none;
}
h1.product_title.entry-title {
border-bottom:none;
margin-bottom:10px!Important;
}
h1.product_title.entry-title:after {
display:none;
} .author .page-header {
padding: 20px;
font-size: 15px;
line-height: 22px;
border-radius: 0;
background: #fff;
}
.author .page-header .page-title:after {
display: none;
}
.author .page-header .avatar {
margin-right: 10px;
width: 40px;
border-radius: 50px;
}
body.author h1.page-title {
margin-bottom: 10px;
} .shadow {
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08)
} .nq_number { display:none; }
.popular_item a {
color: var(--contrast);
font-weight: 500;
padding-bottom: 12px!important;
margin-bottom: 12px!important;
display: block;
border-bottom:1px solid var(--tax-bg);
}
.popular_item a:hover {
color: var(--contrast-2);
}
.popular_item:last-child a {
border-bottom: none;
} .dynamic-entry-content ul,
.dynamic-entry-content ol {
margin-left:1em;
}
.dynamic-entry-content ul li { }
.also-read {
background: #f1f1f1;
padding: 15px;
border-left: 5px solid var(--accent);
padding-left: 20px;
margin: 20px 0;
}
.also-read h2 { margin-bottom:8px; }
.also-read p { margin:0 0 10px; font-size:14px;  line-height:18px; } .wp-block-pullquote {
padding: 0;
}
blockquote {
border-left: 5px solid var(--accent);
padding: 20px;
font-size: 18px;
font-style: italic;
margin: 0 0 25px 0!important;
position: relative;
text-align: left;
line-height: 24px;
}
blockquote p {
margin-bottom: 5px;
}
.wp-block-pullquote cite {
font-size: 14px;
font-weight: bold;
} pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
} .wp-block-table { margin-bottom:25px; }
.wp-block-table table { margin-bottom:0; }
.wp-block-table .wp-element-caption {
font-size: 13px;
margin-top: 5px;
} .gb-block-image figcaption,
.wp-block-image figcaption {
font-size: 13px;
text-align: center;
margin: 10px 0 0;
line-height: 19px;
}
.wp-block-image {
margin-bottom: 25px;
}
.wp-block-image img {
border-radius: 8px;
} .taxonomy-post_tag {
display: flex;
gap: 5px;
flex-wrap: wrap;
}
.taxonomy-post_tag a {
color: #fff;
position: relative;
background: var(--accent);
padding: 2px 13px;
font-size: 14px;
line-height: 20px;
border-radius: 50px;
display: inline-block;
transition: all .3s ease-in-out;
}
.taxonomy-post_tag a:hover {
background: var(--contrast-2);
}
.taxonomy-post_tag a:before {
content: "#";
}
.wp-block-post-terms__separator {
display: none;
} .search-form .search-submit { display:none; } body.error404 .inside-article {
margin: 40px auto;
text-align: center;
} .limit-title {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
} #ez-toc-container {
background: #f9f9f9;
border: 1px solid var(--accent);
border-radius: 5px;
box-shadow: none;
padding: 25px;
width: 100%;
margin-bottom: 25px;
}
div#ez-toc-container p.ez-toc-title {
font-weight: bold;
}
#ez-toc-container ul {
margin-top: 10px;
padding-left: 18px;
}
div#ez-toc-container ul li {
font-size: 100%;
list-style: circle;
overflow: visible;
padding: 2px 0;
}
#ez-toc-container a {
color: var(--contrast)!Important;
box-shadow: none;
text-decoration: none;
text-shadow: none;
display: inline-flex;
align-items: stretch;
flex-wrap: nowrap;
font-weight: bold!important;
}
#ez-toc-container ul.ez-toc-list-level-3 {
margin-top: 5px;
}
#ez-toc-container ul.ez-toc-list-level-3 {
margin-left: 0;
}
#ez-toc-container ul.ez-toc-list-level-3 li a {
font-weight: normal!important;
}
#ez-toc-container label.cssicon {
border: none;
margin-top: -5px;
}
.fsec_img img {
height:70px!Important;
} .sc_share {
margin-top:20px;
padding-top:15px;
border-top:1px solid #f1f1f1;
}
.woocommerce-Tabs-panel ul,
.woocommerce-Tabs-panel ol {
margin-left:1.1em;
}
.inside-wc-product-image,
.woocommerce ul.products li.product.woocommerce-image-align-left a .wc-product-image img {
width:100%!Important;
}
.stories_slide ul.products li.product.woocommerce-image-align-left a .wc-product-image img {
max-width: 133%!Important;
width: 133%!Important;
margin-left: -18%!Important;
}
ul.products li a span.price {
flex-wrap: wrap;
line-height: 0.8em;
padding-right: 70px!important;
}
.stories_slide li a .star-rating::before {
opacity: 0.4;
color: #fff;
}
.woocommerce-product-rating {
display: flex!important;
align-items: center;
flex-wrap: nowrap;
}
.woocommerce-product-rating .star-rating {
margin:0 2px 0 0!Important;
}
.stories_slide li a .star-rating {
margin: 10px 0 5px 0!Important
}
.woocommerce-cart table.cart .product-quantity input.qty {
max-width: 50px !important;
margin-left:5px!Important;
margin-right:5px!Important;
} .mp_linkwrapp h5 { font-size:16px; text-align:center; margin-bottom:10px;}
.mp_linkwrapp { margin:20px 0 0;}
.mp_linkwrapp { font-weight:bold;}
.mp_linkwrapp ul { 
margin-left:0;
margin-bottom:0;
display:flex;
justify-content:center;
gap:5px;
flex-wrap: wrap;
}
.mp_linkwrapp ul li {
width:31%;
list-style:none;
}
.mp_linkwrapp ul li a {
display:block;
width:100%;
background-position:center center;
background-repeat:no-repeat;
background-size:100% auto;
border:1px solid #f1f1f1;
padding: 18px 10px;
border-radius:5px;
}
.mp_linkwrapp ul li:hover a { border-color:var(--accent);}
.mp_linkwrapp ul li a.toped  {background-image:url(//www.gentengsokka.id/wp-content/themes/gpcatalogue/images/tokopedia-logo.svg);}
.mp_linkwrapp ul li a.shopee {background-image:url(//www.gentengsokka.id/wp-content/themes/gpcatalogue/images/shopee-logo.svg);}
.mp_linkwrapp ul li a.lazada {background-image:url(//www.gentengsokka.id/wp-content/themes/gpcatalogue/images/lazada-logo.svg);}
.mp_linkwrapp ul li a.blibli {background-image:url(//www.gentengsokka.id/wp-content/themes/gpcatalogue/images/blibli-logo.svg);}
.mp_linkwrapp ul li a.bukalapak {background-image:url(//www.gentengsokka.id/wp-content/themes/gpcatalogue/images/bukalapak-logo.svg);}
.mp_linkwrapp ul li a.tiktokshop {background-image:url(//www.gentengsokka.id/wp-content/themes/gpcatalogue/images/tiktok-logo.svg);} .woocommerce-product-details__short-description { margin-bottom:75px;}
.woocommerce-product-details__short-description ul {
margin: 0 0 25px 1em;
display: block;
gap: 10px;
}
.woocommerce-product-details__short-description h3 {
margin-bottom:10px;
}
.woocommerce-product-details__short-description ul li {
list-style: inherit;
}
.woocommerce-product-details__short-description p {
margin-bottom:15px;
}
.woocommerce div.product form.cart div.quantity {
display: flex;
}
.woocommerce-product-details__short-description ol {
margin-left:0;
}
.woocommerce-product-details__short-description ol li {
list-style: none;
display: flex;
flex-direction: revert;
position: relative;
padding: 5px 0;
justify-content: space-between;
}
.woocommerce-product-details__short-description ol li strong {
font-weight:normal;
}
.woocommerce-product-details__short-description ol li strong::after {
content: "";
display: inline-block;
white-space: nowrap;
overflow: hidden;
position: absolute;
width: 100%;
height: 15px;
margin-left: 20px;
border-bottom: 1px dashed #ccc;
}
.woocommerce-product-details__short-description ol li em {
font-style:normal;
font-weight:bold;
background:#fff;
padding-left:20px;
position: relative;
z-index:1 ;
} .compare_slider .owl-item {
border:1px solid #f1f1f1;
border-radius:8px;
overflow:hidden;
}
.lpost_slider .owl-dots {
position:absolute;
margin:0;
}
.owl-item figure.wp-block-image {
width:100%!Important;
} .inside-navigation nav.wp-block-navigation {
width:100%;
border-top:1px solid #f1f1f1;
padding:20px;
}
.inside-navigation nav.wp-block-navigation ul {
display:block;
}
.inside-navigation nav.wp-block-navigation ul li a {
font-size:14px;
opacity:0.55;
display:block;
padding:4px 0;
font-weight: normal;
}
.slideout-navigation .main-nav {
margin-bottom: 20px!important;
}
@media only screen and (max-width: 1024px) {
body.blog .site-content .content-area,
body.category .site-content .content-area,
body.single-post .site-content .content-area {
padding-right: 0px!Important;
}
.gb-image-f74d3066,
.gb-container-c91dfe4b {
border-radius: 0!important;
}
}
@media only screen and (max-width: 1024px) {
.gb-button.slideout-toggle span.gb-button-text { display:none; }
.toggle_button, .search_button { top:33px; }
.toggle_button { left:20px; }
.search_button { right:20px; }
.top_toggle { right: 20px;}
.inside-right-sidebar { position:static; padding: 0; border: none;}
.featured-column { margin-bottom:25px; }
.site-content { padding: 20px; overflow: hidden;}
.site-content .content-area { padding-right:0; }
body.full-width-content .site-content {
padding-top:0;
padding-left:0;
padding-right:0;
}
.grid {
grid-template-columns: 100px 1fr;
grid-gap: 20px;
}
.featured-column .grid { margin-bottom:0; }
.comments-area {
border: none;
padding: 20px 0!important;
}
.owl-nav button { top:40%; }
.owl-nav button.owl-prev { left: -16px;}
.owl-nav button.owl-next { right: -16px;}
.center_nav .owl-dots {
margin: 0 auto;
right: 0;
left: 0;
}
.gp-search-modal .gp-modal__overlay {
padding-left: 30px!important;
padding-right: 30px!important;
background: rgba(0, 0, 0, 0.65)!important;
}
.post-abs,
.post-abs-r {
position: absolute;
top: 20px;
left: 20px;
}
.post-abs-r {
right: 20px;
left: auto;
}
.main-navigation li.account {
margin-left: 0!Important;
padding-left:20px;
border-top:1px solid #f1f1f1;
border-bottom:1px solid #f1f1f1;
}
}
@media only screen and (max-width: 768px) {
.site-content .content-area {
padding-right: 0!Important;
}
}
@media only screen and (max-width: 767px) {
body { background:#fff!important; }
.featured-column .acr_img { height: 200px; }
.grid-small { grid-template-columns: 80px 1fr;}
.small-grid {
grid-template-columns: 1fr;
grid-gap: 10px;
}
h1.entry-title:after,
h1.widget-title:after,
h1.page-title:after,
h2.widget-title:after {
width: 40px;
}
.cat_grid_desc { position:relative; }
.cat_grid_desc:before {
content: " ";
position: absolute;
top: -10px;
left: 30px;
border-left: solid 10px transparent;
border-right: solid 10px transparent;
border-bottom: solid 10px #f1f1f1;
height: 0;
width: 0;
}
ul.products li a span.price {
font-size: 16px!Important;
}
.mp_linkwrapp ul li { width: 31%;}
}  .owl-item li {
width:100%!Important;
}
.stories_slide li {
height:300px;
border-radius:8px!Important;
overflow:hidden;
margin:0!Important;
position:relative;
}
.stories_slide li a.add_to_cart_button {
visibility: hidden;
}
.stories_slide li a.woocommerce-LoopProduct-link {
height: 300px;
display: flex!Important;
padding:25px 0;
color:#fff!important;
flex-direction: column;
justify-content: flex-end;
}
.stories_slide li:after {
content: " ";
background-image: linear-gradient(183deg, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.72));
z-index: 1;
position: absolute;
top: 0;
height:100%;
width:100%;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
}
.stories_slide li a .wc-product-image {
position: absolute;
width: 100%;
top: 0;
left:0;
}
.stories_slide li a .wc-product-image img {
max-width: 133%;
margin-left: -18%!Important;
}
.stories_slide li h2,
.stories_slide li .star-rating,
.stories_slide li .price {
position:relative;
text-align:left!Important;
z-index:9;
}
.stories_slide li a .price {
margin:7px 0 0!Important;
color:#fff!important;
}
.stories_slide li a .star-rating {
display: flex!Important;
margin: 2px 0 0 0!Important;
float: none!Important;
}
.list_slide li {
margin:0!important;
border-radius: 0px!Important;
box-shadow:none!Important;
}
.list_slide li h2 {
font-weight:normal!Important;
}
.list_slide .owl-item {
border:1px solid #f1f1f1;
border-radius: 8px;
overflow:hidden;
} .archive .woocommerce-archive-wrapper .woocommerce-breadcrumb {
display:none!Important;
}
.arch_title {
display:flex;
align-items: center;
margin-bottom:20px;
}
.arch_title p.woocommerce-result-count {
margin: 0 0 0 auto!Important;
display: inline-block;
padding: 2px 0 2px 10px;
background: #fff;
position: relative;
text-align:right;
line-height:1.25em;
}
.arch_title h1 {
margin-bottom:0!important;
}
.woocommerce-ordering {
}
ul.products li {
overflow: hidden;
padding: 0 0 20px!important;
position:relative;
border:1px solid var(--border);
border-bottom:3px solid var(--accent);
border-radius:0px;
display: flex !important;
}
ul.products li a {
color:var(--contrast)!important;
}
ul.products li .wc-product-image {
margin-right: 0!Important;
float: none!Important;
margin-bottom: 7px;
}
ul.products li .wc-product-image .inside-wc-product-image {
position:relative;
}
ul.products li a span.price {
font-size: 18px!Important;
display: flex!Important;
flex-direction: row-reverse;
margin-left: auto;
justify-content: flex-end;
gap: 5px;
}
ul.products li a span.price del {
font-size: 12px!Important;
}
ul.products li a h2 {
line-height:1.3em;
}
ul.products li a h2,
ul.products li a .price {
padding:0!Important;
}
ul.products li a .star-rating {
margin-left:0!Important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
padding: 0 20px!Important;
font-size: 16px;
font-weight: normal;
margin: 0!Important;
bottom: 30px;
} .woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
border:none!Important;
}
.woocommerce nav.woocommerce-pagination ul li {
margin:0 3px!important;
}
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a {
width: 36px!Important;
height:36px;
border-radius:50px;
display: flex;
align-items: center;
justify-content: center;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
background: none!important;
color:var(--accent)!Important;
border:2px solid var(--accent);
} button.woocommerce-form-login__submit,
button.woocommerce-Button.button,
.woocommerce-button.button,
.download-file a,
.order-again a,
.woocommerce a.button,
.woocommerce-form-coupon button.button {
display: block;
width: 100%;
text-align:center;
color:#fff!important;
border-radius: 0px!important;
font-weight: bold!important;
}
.woocommerce-form-login__rememberme,
.woocommerce-LostPassword.lost_password {
text-align: center;
display: flex;
width: 100%;
justify-content: center;
gap: 5px;
font-size:14px;
}
.lost_reset_password .form-row {
float: none!Important;
width: 100%!Important;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
padding: 10px 30px!Important;;
border: 0;
border-left: 0px solid rgba(0,0,0,.3)!Important;;
}
.woocommerce-error {
background-color: #fff!Important;;
color: #e8626d!Important;;
border:1px solid #e8626d!Important;
border-radius:8px;
}
.woocommerce-account .woocommerce {
margin:0 auto;
}
.woocommerce-info,
.woocommerce-message {
border-radius: 0px;
margin-bottom: 0;
display: flex;
justify-content: center;
gap: 10px;
align-items: center;
}
.logged-in.woocommerce-account .woocommerce {
width:100%;
border: 1px solid rgba(0,0,0,.1);
border-radius:8px;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 100%!Important;
float: none;
margin-bottom:25px;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: none;
width: 100%!Important;
padding:0 20px;
margin: 0 auto;
font-size:14px!Important;
}
.woocommerce-MyAccount-navigation ul {
list-style-type: none;
display: flex;
justify-content: center;
gap: 20px;
border-top: 0px solid rgba(0,0,0,.1)!important;
border-bottom: 1px solid rgba(0,0,0,.1);
}
.woocommerce-MyAccount-content .woocommerce-info {
background-color: #fff3cd;
border: 1px solid #ffecb5;
color: #664d03;
border-radius:8px;
}
.woocommerce-MyAccount-content .woocommerce-info a {
width: auto;
color: #664d03!important;
}
.woocommerce-account .addresses .title .edit {
float: none;
}
.woocommerce button.button {
border-radius:5px!Important;
background: var(--accent);
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before {
display:none;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email {
padding-left:0;
}
.woocommerce form .form-row {
padding:0!Important;
}
.woocommerce-MyAccount-navigation li a {
display: block;
padding: 15px 0!Important;
border-bottom: 0px solid rgba(0,0,0,.1)!Important;
font-size: 14px!Important;
color:var(--contrast)!important;
}
.woocommerce-MyAccount-navigation li.is-active a {
color:var(--accent)!important;
}
.woocommerce table.shop_table td, .woocommerce table.shop_table th {
padding: 12px 20px!Important;
border: 0;
}
.woocommerce-cart table.cart td .quantity.buttons-added .minus,
.woocommerce-cart table.cart td .quantity.buttons-added .plus{
width: 20px!important;
}
.woocommerce-cart table.cart td .do-quantity-buttons div.quantity {
justify-content: center;
}
.woocommerce table.shop_table {
border-radius:8px!Important;
border:1px solid #f1f1f1!Important;
}
.woocommerce table.shop_table {
background: none!important;
font-size: 13px;
}
.woocommerce table.shop_table tr {
padding:10px 0 10px;
}
.woocommerce .woocommerce-customer-details address {
border: 1px solid rgba(0,0,0,.1)!important;
padding: 20px;
}
body.woocommerce-order-received .inside-article,
body.woocommerce-checkout .inside-article {
margin:0 auto;
}
body.woocommerce-cart .woocommerce table.shop_table tr.cart-discount {
display:none;
}
.woocommerce ul.order_details li {
float: none;
margin-right: 0;
text-transform: uppercase;
font-size: .715em;
line-height: 1;
border-right: 0px dashed #d3ced2;
padding-right: 2em;
margin-left: 0;
padding-left: 0;
list-style-type: none;
margin-bottom: 15px; }
td.woocommerce-orders-table__cell-order-actions a {
margin-bottom:6px!important;
}
.woocommerce-product-gallery {
width:100%!important;
float:none!important;
} .single_boxwrapp {
display:flex;
}
.single_title {
position:relative;
padding:20px 0;
}
.woocommerce .woocommerce-breadcrumb {
margin-bottom:8px;
}
.single_title .wrapp {
padding-right: 30%;
}
.single_title h1 {
font-size:32px;
margin-bottom:10px;
}
.single_box {
width:70%;
padding-right:35px;
}
.single_img,
.summary.entry-summary { 
width: 100% !important;
}
.single_form { 
width:30%;
margin-top:-120px;
border-left:1px solid var(--border);
}
.single_form_in {
padding:25px;
position: sticky;
top: 20px;
border-radius:8px;
}
.extra-information-content {
font-size:14px;
line-height:1.7em;
margin-top:20px;
}
.extra-information-content h3,
.extra-information-content h4 {
font-size:15px;
font-weight:bold;
margin-bottom:5px;
}
.extra-information-content ul {
margin:0;
}
.extra-information-content li {
padding-left: 23px;
background-image: url(//www.gentengsokka.id/wp-content/themes/gpcatalogue/images/check-icon-black.svg);
background-size: 15px auto;
background-position: left center;
background-repeat: no-repeat;
list-style:none;
}
.meta_pr_wrapp {
display: flex;
font-size: 13px;
align-items: center;
gap: 15px;
margin-bottom:0;
padding:4px 0;
}
.meta_pr_item {
display: flex;
align-items: center;
gap: 4px;
}
.meta_pr_item svg {
width:13px;
}
a.woocommerce-review-link {
color:#fff;
text-decoration:underline;
}
.woocommerce .meta_pr_wrapp .star-rating::before {
color: #fff;
}
body.single-product .price {
font-size:24px!Important;
margin-bottom:15px;
}
body.single-product .summary.entry-summary {
margin-bottom:5px!important;
}
body.single-product h1.product_title {
font-size: 26px;
line-height: 1.4em;
margin-bottom:5px;
font-weight: bold;
}
.woocommerce-tabs.wc-tabs-wrapper {
margin-top:30px;
}
body.single-product .woocommerce-product-rating { margin:0!important;}
body.single-product .single_form_in > .price {}
body.single-product .price  del {
display: block!important;
font-size: 14px;
opacity: 1!Important;
}
form.cart .quantity {
border: 1px solid #E6E9ED;
border-radius: 5px;
}
.woocommerce form .quantity.buttons-added .qty,
.woocommerce form .quantity.buttons-added .minus,
.woocommerce form .quantity.buttons-added .plus {
min-height: 0px !important;
border-radius: 0!Important;
margin:0!Important;
border:none!Important;
}
.woocommerce form .quantity.buttons-added .qty {
width:auto!Important;
border-left:1px solid #f1f1f1!Important;
border-right:1px solid #f1f1f1!Important;
}
.woocommerce button.single_add_to_cart_button {
border-radius:5px!Important;
font-weight:bold!important;
} td.value {
width: 100%;
height: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 4px;
}
td.value input[type="radio"] {
appearance: none;
display: none;
}
td.value label {
font-size: 13px;
display: flex;
justify-content: center;
align-items: center;
background-color: inherit;
text-align: center;
border-radius: 50px;
overflow: hidden;
transition: linear 0.3s;
color: var(--radio-color);
padding: 8px 12px;
border: 1px solid #e1dde7;
cursor: pointer;
line-height: 1em;
font-weight: normal!Important;
}
td.value input[type="radio"]:checked + label {
background-color: var(--accent);
border: 1px solid var(--accent);
color: #fff;
transition: 0.3s;
}
a.reset_variations {
display: none!important;
}
.woocommerce div.product .product_title:after {
display:none;
} .woocommerce-tabs ul.tabs {
position:relative;
gap: 5px;
flex-direction: row!Important;
}
.woocommerce-tabs ul.tabs:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
bottom: 0;
background: #E6E9ED;
}
.woocommerce-tabs ul.tabs li {
border:none!Important;
background:none!Important;
}
.woocommerce-tabs ul.tabs li.active {
background: #fff;
color: var(--accent)!Important;
z-index: 2;
color:var(--accent)!important;
border-top-left-radius:5px!important;
border-top-right-radius:5px!important;
border-bottom-color: #fff;
border-top:1px solid #E6E9ED!Important;
border-left:1px solid #E6E9ED!Important;
border-right:1px solid #E6E9ED!Important;
background: #fff !important;
border-bottom:none!Important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: var(--accent)!important;
}
.single-product .woocommerce-tabs table {
font-size: 14px;
border: 1px solid #f1f1f1;
}
.woocommerce table.shop_attributes th {
text-align:left;
padding-left: 20px;
}
.woocommerce table.shop_attributes td {
text-align:left;
padding-left: 20px;
font-style:normal;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
border-radius:50px!Important;
} .woocommerce-product-gallery__wrapper img {
border-radius:0px;
} table.variations {
padding: 10px 0 15px!important;
border-radius: 0;
position: relative;
margin-bottom:15px!Important;
}
table.variations tbody {
display:flex;
flex-wrap: wrap;
column-gap: 10px;
row-gap: 10px;
}
table.variations tbody tr {
display: flex;
column-gap: 10px;
flex: 1 1 auto;
flex-direction: column;
}
table.variations tbody tr td {
padding:0;
}
.woocommerce-variation-description p {
font-size:13px;
margin-bottom:5px;
line-height:1.4em;
}
.woocommerce div.product form.cart .variations select {
max-width: 100%;
appearance: none;
background-image: url(//www.gentengsokka.id/wp-content/themes/gpcatalogue/images/chevron-down.svg);
background-repeat: no-repeat;
border: none!Important;
font-size:13px!important;
margin-bottom:0!important;
border:1px solid #E6E9ED!Important;
padding: 16px 50px 10px 15px!Important;
background-position: 93% center;
}
.reset_variations {
position: absolute;
right: 20px;
top: -11px;
background: #FF0000;
line-height: 1em;
color: #fff;
padding: 4px 10px 4px 24px;
border-radius: 50px;
font-weight: bold;
background-image: url(//www.gentengsokka.id/wp-content/themes/images/reset.svg);
background-repeat: no-repeat;
background-position: 10px center;
}
.reset_variations:hover {
background-color:#000;
color:#fff!Important;
}
.woocommerce-variation-price {
margin-bottom:15px;
}
.woocommerce-variation-price {
font-weight: bold;
margin:0 0 20px;
}
.woocommerce div.product form.cart .variations th.label {
line-height: 1em;
padding: 0;
margin-bottom: -10px;
z-index: 9;
text-align: left;
} .related.products ul.products li {
box-shadow:none!Important;
}
.related.products .owl-item {
border: 1px solid #f1f1f1;
border-radius: 8px;
overflow: hidden;
}
.woocommerce div.product form.cart .variations th.label {
line-height: 1.5em;
padding: 0;
margin-bottom: 5px;
z-index: 9;
font-size:14px;
text-align: left;
}
body.woocommerce-cart td.actions .coupon {
display:flex;
align-items: center;
border:none;
border-bottom: 1px dashed var(--accent);
border-radius: 0px;
overflow: hidden;
padding: 0!important;
}
body.woocommerce-cart td.actions .coupon button.button {
border-radius:0!Important;
margin-top:0!Important;
}
body.woocommerce-cart td.actions .coupon input {
float: none;
border: none !important;
margin: 0 !important;
background-image: url(//www.gentengsokka.id/wp-content/themes/gpcatalogue/images/coupon-bg.svg)!Important;
background-size:25px auto;
background-position: left center;
background-repeat: no-repeat;
padding-left: 35px!Important;
width: 185px !important;
}
.woocommerce .coupon .button {
border: 0px solid transparent!Important;
padding: 13px 15px!important;
margin-left: auto;
text-indent:-9000px;
background-image:url(//www.gentengsokka.id/wp-content/themes/gpcatalogue/images/coupon-submit.svg)!Important;
background-position:10px center;
background-repeat:no-repeat;
background-color:transparent!Important;
width: 50px!Important;
background-size: 30px;
}
.woocommerce-message a {
width:auto!important;
}
.woocommerce a.button.alt {
background-color: var(--accent)!Important;
text-decoration:none;
}
body.woocommerce-cart td.actions button.button {
border-radius: 5px;
margin-top: 8px;
}
body.woocommerce-cart td.actions .coupon button.button {
visibility:visible;
}
.woocommerce-form-login-toggle .woocommerce-info {
background-color: transparent;
color: unset;
border: 2px solid var(--accent)!important;
margin-bottom: 10px;
padding: 20px 30px;
border-radius:5px;
margin-top:20px!Important;
}
.woocommerce-form-login-toggle .woocommerce-info a {
color:var(--accent)!Important;
font-weight:bold;
}
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
width: 100%;
margin-bottom:0;
}
.woocommerce-checkout p.lost_password {
text-align:center;
}
.woocommerce-checkout .col2-set {
width: 100%!important;
float: none!important;
margin-right: 0!important;
}
.woocommerce-checkout #order_review {
width: 100%!important;
float: none!important;
margin-right: 0!important;
}
.checkout_coupon.woocommerce-form-coupon p {
margin-bottom:7px;
}
.woocommerce-form-coupon-toggle {
margin:15px 0 5px;
}
.woocommerce-form-coupon-toggle .woocommerce-info {
margin-bottom:10px;
}
.woocommerce-billing-fields {
margin-top:15px;
}
#payment ul,
.woocommerce-checkout-payment ul {
border-radius: 8px;
margin:0 0 25px!important;
border: 1px solid #f1f1f1!Important;
}
#payment ul li,
.woocommerce-checkout-payment ul li {
border-bottom: 1px solid #f1f1f1; 
}
#payment ul li:last-child,
.woocommerce-checkout-payment ul li:last-child {
border:none;
}
#payment .payment_methods >.wc_payment_method >label {
background: none!important;
}
#payment ul li label,
.woocommerce-checkout-payment ul li label {
padding: 10px 20px!important
}
#payment ul li .payment_box,
.woocommerce-checkout-payment ul li .payment_box {
}
#payment .payment_methods li.wc_payment_method>input[type=radio]:first-child:checked+label:before {
content: "\e03c";
color: var(--accent);
}
.woocommerce-checkout-payment ul li img {
width: 60px;
margin: 5px 0!important;
}
.woocommerce-checkout #payment ul.payment_methods,
.woocommerce-privacy-policy-text {
font-size: 14px;
}
.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order {
float: none;
background:var(--accent);
border-radius:50px;
width: 100%;
padding-top: 15px!Important;
padding-bottom: 15px!Important;
font-weight: 700;
font-size: 130%!Important;
} .cart-contents {
position:relative;
}
.cart-contents span.amount {
display:none;
}
.cart-contents .number-of-items {
display: block!Important;
position: absolute!Important;
background: var(--accent)!Important;
color: #fff;
top: 6px!Important;
right: 5px!Important;
}
.cart-contents > span.gp-icon {
font-size:20px!Important;
}
.woocommerce-products-header {}
.related.products {}
.abs {
position: absolute;
right: 0;
bottom: -40px;
}
.gb-accordion__content ul {
text-align: left;
margin: 0 0 30px;
padding-left: 17px;
} .onsale {
position: absolute!Important;
left: 10px !important;
top: 10px !important;
right:auto!Important;
background: var(--red) !important;
border-radius: 50px!important;
font-size: 11px!Important;
}
.single_form_in {
overflow:hidden;
background:#fff;
}
.single_form .onsale {
border-radius: 0!important;
font-size: 12px!Important;
width:190px;
transform: rotate(35deg);
right: -50px!Important;
left: auto !important;
top: 20px !important;
}
.flex-control-nav {
bottom: 30px;
width: 100%;
padding: 0;
z-index: 9;
margin: 20px 0 0;
display: flex;
justify-content: center;
bottom: 10px;
left: 0;
}
.flex-control-nav li {
margin: 0 !important;
position: relative;
float: none !important;
width: 8px !important;
margin: 0 3px !important;
display: inline-table !important;
}
.flex-control-nav li a {
width: 8px;
display: block;
text-indent: -9000px;
height: 8px;
opacity:0.1;
background: #000;
border-radius: 50px;
}
.flex-control-nav li a.flex-active {
opacity:0.25;
width: 25px;
}
.woocommerce-product-gallery { margin-right:0!Important;}
.woocommerce div.product div.images { margin-bottom:20px!Important;}
h1.product_title {
font-size:18px;
font-weight:bold;
}
.woocommerce-message {
background-color: var(--accent)!Important;
color: #ffffff;
}
a.button.wc-forward {
font-weight:bold;
text-decoration:underline;
} .woocommerce a.button-whatsapp {
margin:0 0 25px!Important;
background:none!important;
padding:0!Important;
}
.woocommerce a.button-whatsapp span {
border-radius:0px!important;
background-color: var(--wagreen) !important;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
height: 40px;
}
.woocommerce div.product form.cart {
margin-bottom:10px!Important;
}
.woocommerce .button.external-button-link {
background-color: var(--green)!important;
color:var(--contrast-2)!important;
margin-bottom:10px!important;
height:40px;
border-radius: 5px !important;
line-height: 1em !important;
}
.product_meta {
font-size: 90%;
margin-top:25px;
border-top: 1px solid rgba(0,0,0,.1);
padding-top: 15px!important;
}
.product_meta a {
font-weight:bold;
border-bottom:1px solid var(--accent);
}
.woocommerce-Tabs-panel ul {
margin-left:1em;
}
.woocommerce-breadcrumb { font-size:12px!important; color:#ccc;}
.woocommerce-breadcrumb a {
font-weight:bold;
}
.flex-direction-nav {
margin: 0;
padding: 0;
}
.flex-direction-nav li {
list-style: none;
position: absolute;
top: 36%;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
}
.flex-direction-nav li.flex-nav-prev {
left:-5px;
background-image: url(//www.gentengsokka.id/wp-content/themes/gpcatalogue/images/arrow-left.svg) !important;
}
.flex-direction-nav li.flex-nav-next {
right:-5px;
background-image: url(//www.gentengsokka.id/wp-content/themes/gpcatalogue/images/arrow-right.svg) !important;
}
.flex-direction-nav li a {
width: 55px;
height: 55px;
display: block;
border-radius: 50px;
opacity: 0;
}
.flex-control-nav {
flex-wrap:wrap;
}
.wc-block-mini-cart__badge {
background: var(--accent);
color: #fff;
} .cart-contents.shopping-cart.has-svg-icon {
padding:0!important;
display: flex;
}
.cart-contents.shopping-cart.has-svg-icon .gp-icon.shopping-cart {
background-image:url(//www.gentengsokka.id/wp-content/themes/gpcatalogue/images/cart_bg.svg);
background-size:contain;
background-repeat:no-repeat;
width:48px;
height:48px;
background-size: 23px;
background-position: center center;
}
.cart-contents.shopping-cart.has-svg-icon .gp-icon.shopping-cart svg,
.wp-block-woocommerce-customer-account a svg {
visibility:hidden;
}
.abs_crt {
position: absolute;
right: 0;
background: none;
left: 0;
margin: 0 auto;
width: 100%;
}
.wp-block-woocommerce-customer-account a {
width:48px;
height:48px;
background-image:url(//www.gentengsokka.id/wp-content/themes/gpcatalogue/images/acc_bg.svg);
background-size:contain;
background-repeat:no-repeat;
background-size: 23px;
background-position: center center;
} .img_wrp {
padding: 3px;
border-radius: 50%;
margin-bottom:15px;
background: #f1f1f1; }
.gpminishop-category-item { 
color:var(--contrast)!important;
text-align:center;
font-weight:normal;
border-radius: 50%;
}
.gpminishop-woocommerce-category {}
.gpminishop-woocommerce-category img {
border-radius:50%;
border: 4px solid #ffffff;
}
.gpminishop-woocommerce-category h2 {
margin:0;
font-size:14px;
line-height:1em!important;
}
.gpminishop-woocommerce-category p { 
font-size:12px; 
font-weight:normal;
margin-bottom:0;
}
.wc-empty-cart-message {
margin-bottom:30px;
}
.lmt {
overflow: hidden;
width: 99%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
} .header_search .wp-block-search__inside-wrapper {
border: 0px solid #fff !important;
border-radius: 50px;
padding: 0;
background:#fff;
overflow: hidden;
padding-left: 15px;
}
.off_seach .wp-block-search__inside-wrapper {
border: 1px solid var(--accent) !important;
}
.header_search .wp-block-search__inside-wrapper input[type="search"] {
border: none !important;
margin: 0!Important;
padding: 13px 15px !important;
background: #fff !important;
}
.off_seach .wp-block-search__inside-wrapper input[type="search"] {
font-size:13px;
}
.wp-block-search__button.has-icon {
line-height: 0;
margin-left:0;
}
.off_seach .wp-block-search__button.has-icon {
background:none!Important;
color:var(--accent)!Important;
}
.hero_taglist {
margin:0;
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
}
.hero_taglist a {
background-color: rgba(255,255,255,.12);
color: #ffffff!Important;
font-size: 12px;
font-weight: 700;
padding: 3px 15px;
border-radius: 6px;
display: inline-flex;
margin:0;
}
.promo_slider .owl-stage-outer,
.promo_slider .owl-stage,
.promo_slider .owl-item > .gb-grid-column {
height:100%;
}
.grid_full {
height:100%;
}
.abs_promo {
position:absolute;
right:20px;
bottom:0;
}
.coret {
text-decoration-line: line-through;
} .price_box { position:relative;}
.price_box del { font-weight:normal; opacity:0.55;}
.price_box .onsale {
position:static!Important;
color: var(--accent)!Important;
background-color: #f7efee!Important;
border-radius:50px!Important;
padding: 5px 10px!important;
line-height: 1em;
} .woocommerce-error {
margin: 15px 0 !important;
} .sticky {
position: sticky;
top: 20px;
align-self: flex-start;
} ul.steps {
margin: 0 0 0 -10px;
counter-reset: li;
}
ul.steps > li {
position: relative;
display: block;
list-style: none;
border-left: 1px dashed var(--accent);
margin-left: 31px;
font-size: 16px;
color: #4A4A4A;
padding-left: 39px;
padding-bottom: 26px;
}
ul.steps > li::before {
content: counter(li);
counter-increment: li;
position: absolute;
top: -7px;
left: -31px;
box-sizing: border-box;
margin-right: 8px;
display: block;
font-size: 18px;
font-weight: bold;
padding: 7px;
width: 60px;
border: 10px solid #fff;
height: 60px;
text-align: center;
font-weight: 500;
background: var(--accent);
color: #fff;
border-radius: 999em;
display: flex;
align-items: center;
justify-content: center;
}
ul.steps > li:last-child {
border-left: 0;
}
ul.steps > li strong {
font-size: 18px;
} .separate-containers .site-main { margin-top:0;}
.prdt_search { width:100%;}
.prdt_search .wp-block-search__inside-wrapper {
border-radius:10px;
overflow:hidden;
background:#f6f6f6;
border:none;
padding:0;
}
.white del .woocommerce-Price-amount bdi {
color: #fff!important;
}
.prdt_search input[type="search"] {
border:none!Important;
background:none;
margin:0!Important;
}
.prdt_search button.wp-block-search__button {
background:none;
color:var(--contrast);
}
.promo_slider img { border-radius:10px;}
.promo_slider .owl-dots { position:absolute; bottom:0;}
.promo_slider .owl-dots button { background:#fff!Important;}
del .woocommerce-Price-amount bdi { 
font-size: 12px!Important;
color: #222222!important;
margin-left:3px;
font-weight:normal;
opacity:0.45;
display:none;
}
.sr_price del { line-height: 0.6em;}
.owl-nav button { top:26%!Important;}
.stories_slider .owl-dots { margin-top:5px;}
.related.products {
margin-top:35px;
}
body.search h1.page-title {
font-size:14px;
margin-top:20px;
}
.woocommerce-product-rating {
display:none!Important;
}
.meta_pr_wrapp 	.woocommerce-product-rating {
display:flex!Important;
}
ul.wp-block-social-links { display:block!important;}
.gb-container-45c8c79f {
border-radius: 0!important;
} .abs_dsc {
position:absolute!Important;
bottom:0;
left:0;
width:100%!important;
}
.link_abs {
position: absolute;
width: 100%;
top: 0;
left: 0;
display: block;
text-indent: -90000px;
height: 100%;
z-index: 91;
}
@media only screen and (max-width: 1024px) {
body { background:#fff!important; }
.header_widget {
display:flex!important;
position:absolute;
bottom:-8px;
right:0;
}
body.single-product .inside-article { padding-top:0;}
.inside-header { 
border-bottom:1px solid #f1f1f1;
padding-left:40px;
padding-right:30px;
}
.site-content { padding: 0 20px;}
.gpminishop-woocommerce-category h2 { font-size:12px;}
.wrapp { width:65%;}
.single_boxwrapp { display:block;}
.single_title .wrapp { padding-right: 0;}
.single_box { width:100%; padding-right:0;}
.single_wrapp { flex-wrap:wrap; gap: 0;}
.single_img,
.summary.entry-summary,
.single_form { width: 100% !important;}
.single_form { margin:20px 0 75px; border:none;}
.single_form_in { position:relative; padding:0;}
.mp_linkwrapp ul {
display:flex;
justify-content: center;
}
.mp_linkwrapp ul li { width:30%;}
.mp_linkwrapp ul li a { background-size: 70% auto; padding: 24px 10px;}
.woocommerce-product-details__short-description { margin-bottom: 25px;}
.woocommerce ul.products li.product a img { margin-bottom: 10px!important;} .blog .site-content,
.archive.author .site-content,
.archive.category .site-content,
.single-post .site-content { padding: 20px!Important;} .woocommerce .wc-columns-container.wc-tablet-columns-2 .products {
grid-template-columns: repeat(2, 1fr)!Important;
}
}	
@media only screen and (max-width: 768px) {
.inside-header { 
padding-left:20px;
padding-right:10px;
}
.featured-column { margin-bottom:25px; }
.site-content { padding: 20px;}
.wrapp { width:75%;}
body.single-post .site-content,
body.archive .site-content,
body.blog .site-content,
body.logged-in .site-content { padding-top: 0px;}
body.single-product .site-main,
body.single-post .site-main,
body.archive .site-main,
body.blog .site-main { margin-top:0;} 
.site-content .content-area { padding-right:0; }
.is-right-sidebar { margin-top:40px; }
.grid {
grid-template-columns: 60px 1fr;
grid-gap: 20px;
}
.featured-column .grid { margin-bottom:0; }
.comments-area {
border: none;
padding: 20px 0!important;
}
.owl-nav button { top:30%; }
.owl-nav button.owl-prev { left: -16px;}
.owl-nav button.owl-next { right: -16px;}
.gp-search-modal .gp-modal__overlay {
padding-left: 30px!important;
padding-right: 30px!important;
background: rgba(0, 0, 0, 0.65)!important;
}
.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, 
.mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
background-color: transparent;
font-size: 24px;
padding: 0;
}
.main-navigation .main-nav ul > li.current-menu-item a::after,
.main-navigation .main-nav ul > li:hover a::after,
.main-navigation .main-nav ul > li.current-post-ancestor a:after {
left: 20px;
right: auto;
margin: 0;
}
.abs {
position: static;
right: 0;
bottom: -60px;
}
.stories_slide li,
.stories_slide li a.woocommerce-LoopProduct-link {
height:280px;
}
.stories_slide li a .wc-product-image img {
max-width: 133%!Important;
margin-left: 0!Important;
width: 133% !important;
} .woocommerce .woocommerce-result-count {
width: 100%;
text-align: center;
font-size: 12px;
margin: 0 0 20px;
padding: 0;
} .woocommerce-cart-form__cart-item.cart_item td {
border: none !important;
} .woocommerce-cart-form__cart-item.cart_item .product-remove {
width: 20px;
float: left;
position: absolute;
left: -25px;
padding: 0; top: -10px;
}
tr.woocommerce-cart-form__cart-item.cart_item td.product-remove a.remove {
color: #fff !important;
background: red !important;
border: none!Important;
} .woocommerce-cart-form__cart-item.cart_item .product-thumbnail {
float: left;
}
.woocommerce-cart table.cart .product-thumbnail {}
.woocommerce-cart table.cart img{
width: 100%;
max-width: 100%!Important;
} .woocommerce-cart-form__cart-item.cart_item .product-subtotal{
display: none;
} .shop_table .order-total .woocommerce-Price-amount.amount {
}
.shop_table .shipping .woocommerce-Price-amount.amount {
font-size: 1.3em;
}
.site-header .header-image { width:180px;}
.sticky { position:static;}
.site-content { padding: 0 20px;
}
@media only screen and (max-width: 767px) {
body.single-product .site-content { padding: 0;}
body.single-product .summary.entry-summary,
body.single-product .woocommerce-tabs,
body.single-product .related {
padding:0;
}
.single-product .site-content {
width:100%;
}
.wrapp { 
width:100%;
padding-left:20px;
padding-right:20px!Important;
}
.single_form { padding:0;}
.featured-column .acr_img { height: 200px; }
.gpfaq-search-wrap button { width: 60px;}
.woocommerce-account .woocommerce { width:100%;}
.stories_slide li,
.stories_slide li a.woocommerce-LoopProduct-link {
height:230px;
} .woocommerce-ordering { width:100%;}
.woocommerce ul.products li.product {
position:relative;
}
.arch_title h1 { font-size:22px;}
ul.products li a.button,
ul.products li a.button:hover {
bottom:auto;
top:115px;
right:10px;
position:static;
}
ul.products li a.button {
position: static;
font-size: 13px;
height: 36px;
padding: 0;
display: flex!Important;
align-items: center;
justify-content: center;
margin-top:1.5em!Important;
}
ul.products li .wc-product-image {
}
.stories_slide li .wc-product-image {
height:auto!Important;
}
ul.products li a h2, ul.products li a .price {
padding: 0!Important;
}
ul.products li a .star-rating {
margin-left: 0!Important;
}
ul.products li {}
ul.products li a {
color: var(--contrast) !important;
margin-left: 0;
margin-right: 0;
} .wc-related-upsell-mobile-columns-1 .related ul.products, 
.wc-related-upsell-mobile-columns-1 .up-sells ul.products, 
.woocommerce #wc-column-container.wc-mobile-columns-1 .products {
grid-template-columns: repeat(1,minmax(0,1fr))!important;
} body.single-product h1.product_title {font-size: 20px; line-height:1.25em; }
.woocommerce-error, .woocommerce-info, .woocommerce-message {
margin-bottom: 0;
font-size: 14px;
line-height: 1.3em;
}
.woocommerce-tabs ul.tabs { flex-wrap: nowrap; overflow: auto !important;}
.woocommerce-tabs ul.tabs li { max-width: max-content; min-width: fit-content; font-size:15px;}
.woocommerce-message a.button.wc-forward {
float: none;
border-bottom: 1px solid #fff;
border-radius: 0 !important;
display: inline-block;
min-width: 80px;
padding-bottom: 7px;
}
.woocommerce-breadcrumb {
padding: 0!Important;
display: -webkit-box !important;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.meta_pr_wrapp { font-size:12px;}
.mp_linkwrapp ul li a { background-size: 90% auto; padding: 20px 10px;}
.flex-control-nav { display:none;}
.comment-text .star-rating { font-size:9px;}
.comment-text  .description { font-size:13px; line-height:1.45em;}
.single_title h1 { font-size:26px;}
.single_title { padding: 15px 0 20px;}
.entry-content .woocommerce { width:100%;}
.back-button { top:5px;}
.wc-block-mini-cart__button { top:-2px;}
.img_wrp {
width: 82%;
margin: 0 auto 10px;
}
.limit-blogtitle {
overflow: hidden;
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
}
button.wp-block-search__button.wp-element-button { padding-right: 20px;}
.single_title h1 { margin-bottom:0;}
ul.steps > li::before {
top: -7px;
left: -27px;
font-size: 14px;
width: 50px;
border: 7px solid #fff;
height: 50px;
}
.productpilihan .owl-stage-outer {
overflow: visible;
}
}