style-typer.css

/** membuat navbar transparan **/
.svq-header-section .navbar-container {
    padding-top: 1
rem
;
    padding-bottom: 1
rem
;
    box-shadow: 0 0 1px rgb(0 0 0 / 8%);
    -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

/** mengganti ukuran header **/
.navbar-container.is-resize {
    background: rgba( 255, 255, 255, 0.75 );
    backdrop-filter: blur( 18px );
    -webkit-backdrop-filter: blur( 18px );
    border-bottom: 1px solid #efefef
}

.svq-article--list-card:not(.svq-slider-articles) .svq-article {
    box-shadow: none;
    border-top: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    border-bottom: 1px solid #ededed;
    border-left: 1px solid #f7f7f7;
}

.svq-body-section.svq-tpl-no-side.svq-content--small  {
    background: #fff;
    padding: 20px;
    margin: 10px auto;
	box-shadow: none;
    border-top: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    border-bottom: 1px solid #ededed;
    border-left: 1px solid #f7f7f7;
}

.svq-media-slider .svq-article {
background: rgba( 255, 255, 255, 0.70 ) !important;
	backdrop-filter: blur( 13px );
	-webkit-backdrop-filter: blur( 13px );
		box-shadow: none !important;
    border-bottom: 1px solid #dddcdc

}

.svq-panel.svq-panel--light.svq-panel--off-height {
    margin: 0;
}

.site-info {
    margin-top: 20px;
    margin-bottom: 20px !important;
}

body:not(.page-has-comments):not(.page-has-related) .site-info {
    margin-top: 20px !important;
}

#disqus_thread>iframe[sandbox]{display:none!important}

/* .svq-panel.has-featured-image.svq-panel--title-above.svq-panel--dark.svq-panel--off-height {
    margin: 0;
} */

.has-featured-image.svq-panel--title-above .entry-header {
    margin-bottom: 30px !important;
}

.ty-logo img.custom-logo {
    max-height: 30px;
    width: auto;
	margin-top: 5px!important
}

.svq-masonry-articles article{
	background: #fff !important;
    box-shadow: none;
}
.svq-article--list-card:not(.svq-slider-articles) .svq-article.sticky {
    background: #fff;
    box-shadow: none;
}

input.form-control.ty-search-input {
    background: #f7f7f7 !important;
    border-radius: 4px !important;
}

#layout {
    overflow: hidden;
    max-width: 100vw;
    margin-top: 35px;
}

.entry-footer.entry-footer--default {
    margin-bottom: 35px !important;
}



.svq-share__action .svq-icon {

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: visible;
    border-bottom: 1px solid #dedede !important;
	margin: 0px;
		padding: 0px;
}

/*post sticky */
.svq-slider-articles .type-post {
	padding: 0;
	margin: 0px
}

.svq-slider-articles .entry-meta {
	padding: 0px 10px 20px
}

/* membuat background putih pada single post */

@media (min-width:320px){
	.svq-article {
    background: #fff;
    padding: 20px 10px 20px 10px;
    margin: -100px 0 0px 0;
    z-index: 2;
    border-radius: 5px;
    border-top: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    border-bottom: 1px solid #ededed;
    border-left: 1px solid #f7f7f7;
	}
	
.svq-article-col {
    position: unset !important;
    left: auto !important;
    top: auto !important;
	margin: -10px 5px 75px 0px  !important
}
	
	.svq-media-slider .svq-article {
    counter-increment: gallery-cell;
    width: 90%;
    margin: 0 auto !important;
}
	
	
}

/* akhir dari mobile */
@media (min-width:1025px){
.svq-article {
    background: #fff;
    padding: 40px 20px 20px 20px;
    margin: -150px 0 10px 0;
    z-index: 2;
    border-radius: 5px;
    border-top: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    border-bottom: 1px solid #ededed;
    border-left: 1px solid #f7f7f7;
}	
	
	.svq-masonry-articles.svq-article--list-card.svq-masonry-lg-3.svq-masonry-md-2.svq-masonry-sm-1 {
    position: relative !important;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-gap: 100px 30px;
	margin-bottom: 10px !important;
		padding: 20px !important;
		height: 300px !important;
}

.svq-article-col {
    position: unset !important;
    left: auto !important;
    top: auto !important;
	margin: 25px 0px !important
}

.svq-masonry-lg-3 .svq-grid-sizer, .svq-masonry-lg-3 .svq-article-col {
    width: 100% !important;
}

.svq-media-masonry .svq-article-col{
	padding: 0 !important
}
	
	.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height;
    height: auto !important;
}
	
	
}


/* style untuk coment */
#disqus_thread{
	 background: #fff;
    padding: 20px 20px 20px 20px;
    margin: 10px 0 10px 0;
    z-index: 2;
    border-radius: 5px;
    border-top: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    border-bottom: 1px solid #ededed;
    border-left: 1px solid #f7f7f7;
}

/*css untuk sidebar*/

.widget .recent-posts-widget-with-thumbnails img{
    width: 120px !important;
    height: 90px !important;
    border-radius: 5px !important;
	object-fit: cover !important
}
.widget .recent-posts-widget-with-thumbnails .rpwwt-post-title{
	font-size: 15px !important;
	font-weight: 500;
	line-height: 12px
}
.rpwwt-post-categories {
    color: #F7630C;
		font-size: 14px;
    font-weight: 600;
		font-family: "Fira Sans";
		line-height: 24px;
		margin-top: 5px
}

.widget.recent-posts-widget-with-thumbnails li {
    margin: 0px !important;
    padding: 0px !important;
}

/* animation on link */


.heading-title-link {
  background-image: linear-gradient(
    to right,
    var(--link-color),
    var(--link-color) 50%,
    #000 50%
  );
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.4s ease-in-out;
}


.heading-title-link:hover {
 background-position: 0;
}

.heading-title-link:hover::before{
  width: 100%;
}

/* animation pada menu */

.navbar-container .nav-link::before{
content: '';
  position: absolute;
  width: 80%;
	margin-left: 8px;
  height: 3px;
  border-radius: 4px;
  background-color: var(--link-color);
  bottom: 6px;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform .3s ease-in-out;
}

.navbar-container .nav-link:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

/* Presentational styles */
.navbar-container .nav-link {
  color: #18272F;
  position: relative;
  text-decoration: none;
}

h2.widgettitle {
    font-size: 18px;
    font-weight: 800;
    font-family: "Fira Sans";
}

a.svq-item-link.svq-slider-nav-btn {
    font-size: 16px !important;
    text-transform: capitalize;
    font-family: 'Fira Sans';
}

p.wp-block-coblocks-alert__title {
    font-size: 18px;
    font-weight: 600;
}