/*
Theme Name: Jaster Basic
Text Domain: jbasic
Version: 2.6
Description: Tema ini Khusus untuk Client JasterWeb
Author: JasterWeb Team
Author URL: https://jasterweb.com
License: Private
*/


/* -------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */

:root {
	--bordius:6px;
	--txt-black:#333;
	--color-wa:#259655;
	--color-grad: linear-gradient(151deg, rgba(31,200,170,1) 0%, rgba(49,133,252,1) 61%); 
  }


@media (max-width:1140px){
	.container{padding:0 15px}
}




@media (max-width:767px){
	.single .innermain{padding:0}
	.related-post{margin-bottom:25px}
	.mobhide{display:none !important}
	.container{padding:0 15px}
	.sub-menu li:hover a{padding-left: 40px; margin: 0;}
	.mobile-menu .btx{padding:2rem;width:100%;background:transparent;border-top:0;border-left:0;border-right:0;border-radius:0;border-bottom:1px solid rgba(255,255,255,0.05);color:#c8c8c8;font-size:14px}
	.topbar .top-widget:last-child,.topbar .top-widget:nth-child(2){display:none}
	.topbar .top-widget:first-child{display:inline-block;text-align:center;width:100%;padding:0}
	.primary-menu-wrapper{display:none}
	.page-title .entry-title{font-size:2rem;margin-bottom:5px}
}

@media (min-width:768px){.mobile-nav-toggle{display:none}}

@media only screen and (min-width: 767px) and (max-width: 1140px) {
	.tabhide{display:none}
	}
@media only screen and (min-width: 550px) and (max-width: 767px) {
	.gallery-nav img {height: 13rem;}
	.formgroup label{font-size: 14px;}
	.singular-event article{width:100%!important;max-width:unset!important}.singular-event .container{width:100%}
	.single-post-header h1{font-size:26px !important}.single .entry-header{padding:10rem 0 4rem}.socshare{flex-direction:column;align-items:center;grid-gap:1.5rem}.singular-post{padding:2rem!important}.loop-post .inner-post{height:200px !important}.singular-post .container{flex-direction:column}
	.archivepost{grid-template-columns: repeat(2,1fr);}
	.single .innermain article,.single .innermain aside{width: 80%;margin: 0 auto;}
}
@media ( max-width: 550px ) {
	
.gallery-nav img {height: 7rem !important;}
	.singular-event .container{width:100% !important}
.singular-event .innermain{padding:2rem 0 !important}
.singular-event .post-inner{flex-direction:column-reverse;grid-gap:2rem}
.side-event{width:100% !important}
.singular-event .entry-content{width:unset !important}
.singular-event .entry-content p{font-size:14px;line-height:23px}
	.single-post-header h1{font-size:22px !important}
.singular-post .container{max-width:unset;flex-direction:column;padding:0;width:100%}
.singular-post .innermain{padding:4rem 1.5rem!important}
.single-post-wrap{padding:1rem 1.5rem!important}
	.wpcf7-form .split{flex-direction:column}
	.wpcf7-form{padding:3rem 2rem}
	.relatefeed{grid-template-columns: repeat(1,1fr);}
	.archivepost{grid-template-columns: repeat(1,1fr);}
	.page-title .container{flex-direction:column;align-items:baseline}
	.archivepost{width:100%;margin:0}
	.cat-single a,.cat-single{font-size:14px}
	.single-title{font-size:2.5rem!important;line-height:3rem}
	.innermain{flex-direction:column}
	.single .innermain article,.innermain aside{width:100%!important;padding:0!important;border:0!important}
	.innermain aside{border-top:1px solid rgba(1,1,1,0.1);padding-left:0!important;margin-left:0!important;border-left:0!important;margin-top:2rem;padding-top:2rem}
	.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{float:none}
	.post-nav-links{margin:3em 0 0}
	}

@media (min-width: 768px ) {
	
	.jheader .container{padding:0}
.wrapheader{padding:0 15px}
	.mobshow{display: none !important;}.bagi2{columns:2}
	.bagi2 .elementor-icon-list-items{columns:2}
	.gallery-columns-2 .gallery-item{max-width:50%}
	.gallery-columns-3 .gallery-item{max-width:33.33%}
	.gallery-columns-4 .gallery-item{max-width:25%}
	.gallery-columns-5 .gallery-item{max-width:20%}
	.gallery-columns-6 .gallery-item{max-width:16.66%}
	.gallery-columns-7 .gallery-item{max-width:14.28%}
	.gallery-columns-8 .gallery-item{max-width:12.5%}
	.gallery-columns-9 .gallery-item{max-width:11.11%}
	fieldset{padding:3rem}
	legend{padding:0 1.5rem}
	.header-inner{padding:3.8rem 0}
	.site-title{font-size:2.4rem;font-weight:700}
	.site-description{display:block}
	.toggle-inner .toggle-text{font-size:1.2rem}
	.search-toggle{left:2rem}
	.close-nav-toggle:hover svg{margin-right:20px;transition:all .2s ease-in-out}
	button.close-nav-toggle svg{height:2rem;width:2rem}
	button.close-nav-toggle .toggle-text{margin-right:2.1rem}
	.modal-menu{left:auto;width:100%}
	.modal-menu ul li{border-left-color:transparent}
	.modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle{padding:0 3rem}
	.modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle svg{height:1.1rem;width:1.8rem}
	.menu-bottom{align-items:center;display:flex;justify-content:space-between;padding:4.4rem 0}
	.menu-copyright{display:block;flex-shrink:0;margin-right:4rem}
	.featured-media figcaption{margin:2rem auto 0;width:calc(100% - 8rem)}
	.archive-header{padding:8rem 0}
	.reduced-spacing .archive-header{padding-bottom:3rem}
	.archive-title{font-size:3.2rem}
	body:not(.singular) main > article:first-of-type{padding:8rem 0 0}
	.no-search-results-form{padding-top:8rem}
	.entry-categories{margin-bottom:3rem}
	.entry-categories-inner{margin:-1rem 0 0 -2rem}
	.entry-categories a{font-size:1.5rem;margin:1rem 0 0 2rem}
	.intro-text{font-size:2rem;margin-top:2.5rem}
	.singular .intro-text{font-size:2.6rem}
	.post-meta-wrapper{margin-top:3rem}
	.post-meta{font-size:1.6rem;margin:-1.4rem 0 0 -3rem}
	.post-meta li{margin:1.4rem 0 0 3rem;max-width:calc(100% - 3rem)}
	.featured-media{margin-top:6rem}
	.post-meta-wrapper.post-meta-single-bottom{margin-top:4rem}
	.author-bio{margin-top:8rem;min-height:8rem;padding-left:10rem;position:relative}
	.author-bio .avatar{position:absolute;left:0;top:0;height:8rem;width:8rem}
	.pagination-single{font-size:2.4rem;margin-top:8rem}
	.pagination-single-inner{flex-direction:row;justify-content:space-between}
	.pagination-single.only-next .pagination-single-inner{justify-content:flex-end}
	.pagination-single hr:first-child{margin:0 0 4rem}
	.pagination-single hr:last-child{margin:4rem 0 .8rem}
	.pagination-single a + a{margin:0 0 0 4rem}
	.pagination-single a .arrow{margin:0 2rem 0 0}
	.pagination-single .next-post{flex-direction:row-reverse;text-align:right}
	.pagination-single .next-post .arrow{margin:0 0 0 2rem}
	.wp-block-embed figcaption,.wp-block-image figcaption{font-size:1.6rem}
	.entry-content h4,.entry-content h5,.entry-content h6{margin:4.5rem auto 2.5rem}
	.alignnone,.aligncenter{margin-bottom:4rem;margin-top:4rem}
	.alignleft{margin:.3rem 2rem 2rem 0}
	.alignright{margin:.3rem 0 2rem 2rem}
	.entry-content > .alignwide:not(.wp-block-group.has-background),.entry-content > .alignfull:not(.wp-block-group.has-background){margin-bottom:6rem;margin-top:6rem}
	.entry-content > .alignwide{max-width:calc(100vw - 8rem);width:calc(100vw - 8rem)}
	.entry-content > .alignwide:first-child,.entry-content > .alignfull:first-child{margin-bottom:8rem}
	.comments .comment,.comments .pingback,.comments .trackback,.comments .review{padding-top:5rem}
	div.comment:first-of-type{margin-top:5rem}
	.comment-meta{margin-bottom:2rem;min-height:6rem;padding:.3rem 0 0 7.5rem}
	.comment-meta .avatar{display:block;height:6rem;position:absolute;left:0;top:0;width:6rem}
	.comment-author{font-size:2.4rem}
	.comment-metadata{font-size:1.6rem;margin-top:.8rem}
	.comment-footer-meta{margin-top:2.5rem}
	.comments-pagination{margin-top:8rem}
	.pingback .comment-body{padding:0}
	.comment-respond p{margin-bottom:2.5rem}
	.comment-form p.logged-in-as{margin:-2.5rem 0 4.4rem}
	.comment-respond .comment-form-author,.comment-respond .comment-form-email{float:left;width:calc(50% - 1rem)}
	.comment-respond .comment-form-email{margin-left:2rem}
	.comments .comment-respond{padding:5rem 0 0}
	.comment-reply-title small{display:inline;margin:0 0 0 .5rem}
	.pagination-separator{margin:8rem 0}
	.nav-short{display:inline}
	.pagination .nav-links{font-size:2.4rem;font-weight:700;margin:-2.5rem 0 0 -4rem}
	.nav-links > *{margin:2.5rem 0 0 4rem}
	.footer-widgets-outer-wrapper{padding:8rem 0}
	.footer-widgets-wrapper{display:flex;justify-content:space-between;margin-left:-4rem;width:calc(100% + 4rem)}
	.footer-widgets{margin-left:4rem;width:50%}
	.footer-widgets + .footer-widgets{margin-top:0}
	.footer-widgets .widget{border-top:none;margin-top:5rem;padding-top:0}
	.footer-widgets .widget:first-child{margin-top:0}
	.to-the-top-long{display:inline}
	.to-the-top-short{display:none}
	.wp-block-column{margin-bottom:0}
	.wp-block-columns.alignwide + .wp-block-columns.alignwide,.wp-block-columns.alignfull + .wp-block-columns.alignfull{margin-top:-2.8rem}
}
@media ( min-width: 1000px ) {
	.header-inner{align-items:center;display:flex;justify-content:space-between;padding:2.8rem 0}
	.header-navigation-wrapper{align-items:center;display:flex}
	.primary-menu-wrapper + .header-toggles{margin-left:3rem}
	.header-toggles{display:flex;flex-shrink:0;margin-right:-3rem}
	.header-inner .toggle{height:4.4rem;padding:0 3rem;position:relative;bottom:auto;left:auto;right:auto;top:auto;width:auto}
	.header-inner .toggle-wrapper{position:relative}
	.header-inner .toggle-wrapper::before{background:#dedfdf;content:"";display:block;height:2.7rem;position:absolute;left:0;top:calc(50% - 1.35rem);width:.1rem}
	.header-inner .toggle-wrapper:first-child::before{content:none}
	.header-inner .primary-menu-wrapper + .header-toggles .toggle-wrapper:first-child::before{content:""}
	.nav-toggle-wrapper:not(.has-expanded-menu){display:none}
	.toggle-inner{position:static}
	.toggle-inner .toggle-text{left:0;right:0;text-align:center;top:calc(100% - 0.3rem);width:auto}
	.header-toggles:only-child .nav-toggle .toggle-inner{padding-top:0}
	.header-toggles:only-child .toggle-inner{display:flex;flex-wrap:nowrap;align-items:center}
	.header-toggles:only-child .toggle-inner .svg-icon{order:1}
	.header-toggles:only-child .toggle-inner .toggle-text{position:static;padding-right:20px;font-size:15px;color:inherit}
	.menu-modal{opacity:1;justify-content:flex-end;padding:0;transition:background-color .3s ease-in,left 0 0.3s,right 0 .3s}
	.menu-modal.cover-modal{background:rgba(0,0,0,0)}
	.menu-modal.active{background:rgba(0,0,0,0.2);transition:background-color .3s ease-out}
	.mobile-menu{display:none}
	.expanded-menu{display:block}
	.menu-bottom{padding:6rem 0}
	.menu-bottom .social-menu{justify-content:flex-start}
	.featured-media figcaption{width:100%}
	.template-full-width .wp-block-image .alignleft{margin-right:2rem}
	.template-full-width .wp-block-image .alignright{margin-left:2rem}
	.singular .intro-text{font-size:2.8rem}
	.wp-block-columns.alignwide + .wp-block-columns.alignwide,.wp-block-columns.alignfull + .wp-block-columns.alignfull{margin-top:-4.8rem}
	figure.wp-block-gallery.alignwide,figure.wp-block-gallery.alignfull{margin-bottom:8rem;margin-top:8rem}
	.entry-content > .wp-block-group.alignwide.has-background,.entry-content > .wp-block-group.alignfull.has-background{padding:8rem 4rem;margin-bottom:0;margin-top:0}
	.wp-block-image .alignleft{margin-right:0}
	.wp-block-image .alignright{margin-left:0}
	.wp-block-image .aligncenter figcaption{text-align:center}
	hr.wp-block-separator{margin:8rem auto}
	.pagination .nav-links{justify-content:space-between;margin:0;width:100%}
	.nav-links > *{margin:0 2rem}
	.pagination .next,.pagination .prev{display:block}
	.pagination .prev{margin:0 auto 0 0}
	.pagination .next{text-align:right;margin:0 0 0 auto}
	.footer-menu{align-items:baseline;display:flex;justify-content:flex-start;flex-wrap:wrap;font-size:2.1rem;margin:-1.2rem 0 0 -2.4rem}
	.footer-menu li{margin:1.2rem 0 0 2.4rem}
}

@media ( min-width: 1220px ) {
	.primary-menu-wrapper + .header-toggles{margin-left:4rem}
	.header-toggles{margin-right:-4rem}
	.header-toggles .toggle{padding:0 4rem}
	.cover-header + .post-inner{padding-top:10rem}
	.singular .intro-text{font-size:3.2rem;letter-spacing:-.03125em;line-height:1.375}
	.wp-block-columns.alignfull + .wp-block-columns.alignfull{margin-top:-6rem}
	figure.wp-block-gallery.alignfull{margin-bottom:10rem;margin-top:10rem}
	.entry-content > .wp-block-group.alignwide.has-background,.entry-content > .wp-block-group.alignfull.has-background{padding:8rem 6rem;margin-bottom:0;margin-top:0}
	.wp-block-pullquote.alignwide blockquote p,.wp-block-pullquote.alignfull blockquote p{font-size:6.4rem}
	.wp-block-pullquote.is-style-solid-color.alignwide,.wp-block-pullquote.is-style-solid-color.alignfull{padding:9rem 4rem 8rem}
	.comments .comment-respond .comment-reply-title{font-size:4.8rem}
	.comments .comment-respond p.comment-notes,.comments .comment-respond p.logged-in-as{margin:-4.5rem 0 4rem}
	.widget-content{font-size:2.1rem}
	.footer-menu{font-size:2.4rem;margin:-1.5rem 0 0 -3rem}
	.footer-menu li{margin:1.5rem 0 0 3rem}
	ul.footer-social{margin:-1rem 0 0 -1rem}
	ul.footer-social li{margin:1rem 0 0 1rem}
	.footer-social a{height:4.4rem;width:4.4rem}
	.footer-social a::before{font-size:2rem}
	.footer-widgets-wrapper{margin-left:-6rem;width:calc(100% + 6rem)}
	.footer-widgets{margin-left:6rem}
}
@media ( min-width: 1240px ) {
	body.template-full-width .entry-content > .alignleft{margin-left:calc((100vw - 120rem) / 2)}
	body.template-full-width .entry-content > .alignright{margin-right:calc((100vw - 120rem) / 2)}
}
@media ( min-width: 1280px ) {
	figure.wp-block-gallery.alignleft{margin-left:-31rem}
	figure.wp-block-gallery.alignright{margin-right:-31rem}
	.wp-block-separator.is-style-wide{max-width:120rem;width:120rem}
	body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color){padding-left:0;padding-right:0}
	body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft{margin-left:0}
	body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright{margin-right:0}
}