body {

	font-family:Verdana, Geneva, sans-serif;

	color:#4c4c4c;

	font-size:14px;

	background-color:#d6d6d6;

}

.bg-muted {background-color: #f6f6f6;}

.bg-theme {background-color: var(--bs-primary) !important;}

.border-theme {

    --bs-border-color: var(--bs-primary);

}

h1, h2, h3, h4, h5, h6, #primary-menu a, .related-post-title,

.author-single {font-family: "Open Sans", Georgia, serif;}

#primary-menu a {

    font-size: 14px !important;

	text-transform: uppercase;

    padding: 8px 15px;

    border-right: 1px solid #898989;

}

.dropdown-menu a {

    font-size: 12px !important;

    border: none !important;

}

.fl-contact-form textarea, .fl-contact-form input[type="text"], .fl-contact-form input[type="tel"], .fl-contact-form input[type="email"] {

	display: inline-block;

	width: 100%;

	border: 1px solid #ddd;

	padding: 5px 10px;

	font-size: 13px;

	color: #373737;

	border-radius: 3px;

}

.pencarian #searchform {

    border: 0;

    background-color: #444 !important;

}

::placeholder {color: #4c4c4c;}

.bg-pattern {background: #333 url('../img/pattern-6.png') repeat scroll 0 0;}

.site-footer .border-bottom {border-bottom: 10px solid #eee !important;}

.secondary-menuset a {

    color: var(--bs-light) !important;

    font-size: 12px;

}

.ikon-home i {font-size: 14px;}

.btn-facebook {

    padding: 5px 12px !important;

    background-color: #232fa3 !important;

}

.btn-instagram{background-color: #9464b1 !important;}

.btn-youtube{background-color: #b91515 !important;}



.flickity-prev-next-button {

    background-color: var(--bs-primary) !important;

    color: #fff;

    border-radius: 0;

}

.slick-related .flickity-prev-next-button.previous {

    left: 95% !important;

    top: -25%;

    width: 20px;

    height: 20px;

}

.slick-related .flickity-prev-next-button.next {

    right: 0px !important;

    top: -25%;

    width: 20px;

    height: 20px;

}

.slick-post .flickity-prev-next-button.previous {

    left: 85% !important;

    top: -30%;

    width: 20px;

    height: 20px;

    opacity: 1;

}

.slick-post .flickity-prev-next-button.next {

    right: 0px !important;

    top: -30%;

    width: 20px;

    height: 20px;

    opacity: 1;

}

/* widget style */

.breadcrumbs-wrap {

    background: none repeat scroll 0 0 #F4F4F4;

    border: 1px solid #FFFFFF;

    font-size: 12px;

    margin: 20px auto 0px;

    overflow: hidden;

    padding: 0 15px;

    position: relative;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);

    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);

}

.hr-dotted {

    margin: 0px 0px 20px 0px;

    border: none;

    height: 3px;

    background: url('../img/dotted.png') repeat-x 0 50%;

}

.widget-area {

    padding: 0 10px !important;

}

.widget-area .widget-title {

    font-weight: bold;

    font-size: 14px;

    text-transform: uppercase;

    background-color: var(--bs-primary);

}

.wp-calendar-nav{display: none;}

.widget-area ul, .widget-area .widget-title {padding: 10px;}

.vdpost .bg-rainbow:nth-child(odd) {background-color: tomato;}

.vdpost .bg-rainbow:nth-child(even) {background-color: mediumseagreen;}

.vdpost .bg-rainbow:nth-child(3n) { background-color: darkcyan; }

.vdpost .bg-rainbow:nth-child(4n) { background-color: mediumorchid; }

.vdpost .bg-rainbow:nth-child(5n) { background-color: dodgerblue; }

.vdpost .bg-rainbow:nth-child(6n) { background-color: darkorange; }

.vdpost .bg-rainbow:nth-child(7n) { background-color: firebrick; }

.vdpost .bg-rainbow:nth-child(8n) { background-color: lightseagreen; }



.site-footer {border-top: 1px solid var(--bs-dark);}

.site-footer .widget-title {

    text-transform: uppercase;

    border-bottom: 2px solid var(--bs-dark);

    line-height: 16px;

    font-size: 16px;

    font-weight: bold;

    padding: 0px 0px 10px 0px;

}

.site-footer .widget ul{padding: 0;}

.site-footer .widget li {

    list-style: none;

    border-bottom: 2px solid var(--bs-dark);

    padding: 5px 0px;

}

/* end widget style */

#carouselHome .carousel-indicators [data-bs-target] {    

    width: 0.65rem;

    height: 0.65rem;

}

.left-posthome {overflow: hidden;}

.part-post-home-3 .left-posthome:hover .hover-konten {

    bottom: 0;

}

.hover-konten {

    position:absolute;

    bottom: -100%;

    left: 0;

    width: 100%;

    -webkit-transition: all 1000ms linear;

    -moz-transition: all 1000ms linear;

    -ms-transition: all 1000ms linear;

    -o-transition: all 1000ms linear;

    transition: all 1000ms linear;

}



/* flip */

.flip-card {

    background-color: transparent;

    perspective: 1000px;

    width: 100%;

    height: 120px;

}

.flip-card-inner {

    position: relative;

    width: 100%;

    height: 100%;

    text-align: center;

    transition: transform 0.6s;

    transform-style: preserve-3d;

    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);

}

.flip-card:hover .flip-card-inner {

    transform: rotateY(180deg);

}

.flip-card-front, .flip-card-back {

    position: absolute;

    width: 100%;

    height: 100%;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}

.flip-card-front {

    background-color: #bbb;

    color: black;

    overflow: hidden;

}

.flip-card-back {

    color: white;

    transform: rotateY(180deg);

}



@media only screen and (min-width:769px){

    .wrapper {

        padding: 0 !important;

        border-left: 10px solid #eee;

        border-right: 10px solid #eee;

    }

    .wrappborder {

        border-left: 10px solid #eee;

        border-right: 10px solid #eee;

    }

    #carouselHome .carousel-indicators {

        justify-content: start;

        margin-left: 0.5rem;

        margin-bottom: 0.5rem;

    }

    #carouselHome .carousel-caption {

        top: 0;

        left: 0;

        right: inherit;

        padding-left: 1rem;

    }

}

@media only screen and (max-width: 768px) {

    html, body {overflow-x: hidden;}

    .flickity-prev-next-button.previous {left: 87% !important;}

    #carouselHome .carousel-indicators {

        margin-bottom: 0.1rem;

    }

}

a{
    text-decoration: none!important;
}