/*
Theme Name: mivtech for dwiki
Theme URI: miv.tech
Description: Designed and licenced to dwiki.
Author: ©Mivtech Integration 
Author URI: https://miv.tech
Version: 2.0.1
 */
/*==CUSTOM========================================*/
.uk-logo img {
    height: 100px!important;
}
.yellow	{font-weight: bold;	color: #f8db84!important;/*yellow*/}
.orange {font-weight: bold;	color: #ea8700!important;/*orange*/}
.dark 	{font-weight: bold;	color: #040404!important;/*dark*/}

/*SLIDER========================================*/
.uk-heading-line > ::after, .uk-heading-line > ::before {
    content: ""!important;
    position: absolute!important;
    top: calc(50% - ((.2px + .05em)/ 2))!important;
    width: 2000px!important;
    border-bottom: calc(.2px + .05em) solid #ea8700!important;}
.uk-heading-line > ::after {
    border-bottom-color: rgba(0, 0, 0, 0.075)!important;}
.recordings-slider img {
    max-width: 170px!important;
    min-width: 169px;
    border-radius: 5px 0px 0px 5px;}
.uk-section-primary:not(.uk-preserve-color) .uk-label{background: rgba(234, 135, 0, 0.5)!important;}
.uk-section-primary:not(.uk-preserve-color) .uk-label:hover{background: rgba(153, 153, 153, 0.5)!important;}
.recordings-slider .uk-card-title {
    color: rgb(102, 102, 102)!important;}
.recordings-slider .uk-card-primary.uk-card-body .uk-label:hover a, .uk-label-warning:hover a{
    text-decoration: none;}
.recordings-slider .uk-card-primary.uk-card-body .uk-label:hover, .uk-label-warning:hover {
    background-color: rgb(102, 102, 102)!important;}
.recordings-slider p{margin: 0;}
.recordings-slider p .uk-article-meta {
    line-height: 1.4!important;
    color: #999!important;}
.recordings-slider p.uk-margin-small{
    font-size: .875rem!important;}
.uk-dotnav>*>* {
 display:block;
 box-sizing:border-box;
 width:10px;
 height:10px;
 border-radius:50%;
 background:0 0;
 text-indent:100%;
 overflow:hidden;
 white-space:nowrap;
 border:1px solid #ea8700!important; 
 transition:.2s ease-in-out;
 transition-property:background-color,border-color}
.uk-dotnav>*>:hover {
 background-color:#ea8700!important; /*orange*/;
 border-color:transparent}
.uk-dotnav>*>:active {
 background-color:#040404!important;
 border-color:transparent}
.uk-dotnav>.uk-active>* {
 background-color:#ea8700!important; /*orange*/;
 border-color:transparent;}

/*==menu========================================*/

li.aktif a{
	font-weight: bold;
	color: #ffffff !important;}
li.aktif ul.uk-navbar-dropdown-nav li a{
	font-weight: normal;
	color: #ea8700!important;}
li.aktif ul.uk-navbar-dropdown-nav li.aktif a{
	font-weight: normal;
	color: #ffffff !important; /*orange*/
}
.uk-navbar-dropdown{
	background: #040404;
	border-radius: 15px;
	opacity: .8;
	top: 50px!important;}
.uk-navbar-dropdown-nav > li > a {
    color: #eee;
    border-top: 1px #000 solid;
    border-bottom: 1px #333 solid;}
.uk-navbar-dropdown-nav > li > a:hover {
    color: #ea8700; /*orange*/
    border-bottom: 1px #444 solid;}
/*==section========================================*/

.uk-section-primary {
    background: #ffffff; /*orange*/
	}
.uk-section-secondary {
    background: #040404; /*dark*/
	}
/*==sidebar: home======================================*/
.home-sidebar{
	/*background-color: rgba(0,0,0,0.075);*/
	/*background-color: #f8f8f8;*/
	background-color: #f5f8fa;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 5px;
	/*border: 1px solid rgba(0,0,0,0.075);*/
}
.latest-photos div{padding-left: 20px;margin-top: 20px!important;}
.latest-photos div.uk-first-column{padding-left: 40px;}
.latest-photos div a img{border-radius: 5px;}
/*==slideshow======================================*/
.text-slide{
	background-image: url(images/quote.png);
	background-size: 15%;
	background-position: right bottom;
	background-repeat: no-repeat;}
.uk-slideshow-items li{
	color: #333;
}
/*==article=======================================*/
.uk-section-primary:not(.uk-preserve-color) a {color: rgb(102, 102, 102)!important;}
#breadcrumbs{text-transform: uppercase!important;font-size: .775rem!important;}
#breadcrumbs span span{color: #ea8700;}
h4.uk-heading-line span{color: #999999;font-size: .875rem!important;}

article, article h1, article h2, article h3, article h4, article h6{color: rgb(102, 102, 102)!important;}
.uk-link , article blockquote p{
    color: #ea8700!important;
    text-decoration: none;
    cursor: pointer;}
.uk-section-primary:not(.uk-preserve-color) .uk-text-primary,  article section h5 {color: #ea8700!important;}
.news-thumb{margin-bottom: 10px;}
.uk-article-meta{color: #999999!important;margin-top: 5px!important;}
figure figcaption{color: #999999!important;font-size: .775rem!important;text-align: right;}

article iframe{width: 100%!important;height: 444px;}
article .uk-link:hover, article a:hover, article blockquote .uk-link-reset a:hover, article a.uk-link-reset:hover{
    color: #ea8700!important;
}
article p strong em {
    color: #999999!important;
}
article .uk-button-default {
    background-color: transparent;
    border: 1px solid #e5e5e5!important;
}
article .uk-button-default:hover {
    background-color: transparent!important;
    border-color: #b2b2b2!important;
}

article .uk-subnav-pill li.uk-active a{
    border-bottom: 3px #ea8700 solid!important;
    color: #ea8700!important;
    font-weight: bold;	
    padding-bottom: 5px;
}


/*==latest-news=======================================*/
.latest-news ul{
	list-style: none;
	padding: 0;}
.latest-news ul li{
	margin-bottom: 10px;
	border-top: 1px #f5f5f5 solid;}
.latest-news h2,.latest-news h4{
	font-weight: 300;
	line-height: 1em;
	margin: 0;}
/*==comments=======================================*/
#respond{
	background-color: #f5f8fa;
	padding: 20px;
	border-radius: 4px;}
	.comment-content{
		font-family: times new roman;
		font-style: italic;
		color: rgb(102, 102, 102) !important;}
	.comment-author{
		display: block;
		font-weight: bold;
		font-style: normal;}
	.comment-author i{
		color: rgb(184, 184, 184);
		font-style: italic;
		font-weight: normal;
		font-size: smaller;}
	.comment-author figcaption{
		color: #999999!important;
		font-size: .775rem;
		line-height: 1.4;
		font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
		font-weight: 400;}

	#respond #reply-title, #respond #email-notes, #respond label{
		color: #999999 !important;
		font-size: .875rem !important;}
		#respond #comment{
			border-radius: 4px!important;
			/*background-color: rgba(233, 233, 237, 0.2);*/
		}
/*==card========================================*/
#remove-trans{
	cursor: move;}
.uk-card-media{
	background-color: #000;}
#remove-trans img{
	margin-top: 2px;
	margin-left: 2px;
	float: left!important;}
#remove-trans .uk-card-title{
	margin-top: 5px!important;
	line-height: .9em;
	text-shadow: 2px 2px black;}
#remove-trans .uk-card-title a.uk-link-reset{
	color: #fff!important;}
#remove-trans .uk-label-warning,
/*#remove-trans .uk-card-title a,*/
#remove-trans .uk-text-small,
#remove-trans .uk-article-meta,
#remove-trans .uk-margin-small
{
	display: none;
}
#remove-body .uk-label-warning,
#remove-body .uk-card-title a,
#remove-body .uk-text-small,
#remove-body img,
#remove-body .uk-margin-small
{
	display: none;
}
#remove-footer .uk-card-title a,
#remove-footer img,
#remove-footer .uk-article-meta
{
	margin-top: -20px!important;
	display: none;
}
#remove-footer{background: rgba(68, 68, 68, 0.01);}
#remove-footer .uk-label-warning{position: absolute;right: 0;}
#remove-footer .uk-margin-small{margin: none!important;}

/*==calendar========================================*/
.calendar {border-radius: 5px;}
.calendar .uk-icon{color: rgb(230, 224, 224);}
.calendar .uk-card-header:hover .uk-icon{color: rgba(234, 135, 0, 0.32);}
.calendar .uk-card-header{background: #f5f8fa;}
.calendar .uk-card-header ul{display: none!important;}
.calendar .uk-card-header p{margin: 0;padding: 0;}
.calendar .uk-card-footer .date{display: none;}
.calendar .uk-card-footer ul{list-style: none;margin: 0;padding: 0;}
.calendar .uk-card-footer ul li{color: #666;font-style: italic;}
.calendar .uk-card-footer ul li:first-child{color: #333;font-style: normal;}
/*==footer========================================*/

footer {color: rgba(255,255,255,.7)!important;}
.uk-text-small a.uk-text-muted:hover,footer a:hover{color:#ea8700!important;text-decoration: none!important;};

/*==from newsBlog==================================*/
.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
.uk-heading-2xlarge,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small,
.uk-heading-xlarge,
h1,
h2,
h3,
h4,
h5,
h6 {
 margin:0 0 20px 0;
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
 font-weight:400;
 color:#333!important;
 text-transform:none;}

.top-wrap h1,
.top-wrap h2,
.top-wrap h3,
.top-wrap h4,
.top-wrap h5,
.top-wrap h6 
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
 color:#ffffff!important;
}
nav.nav-scroll {
				position: relative;
				z-index: 2;
				height: 2rem;
				box-sizing: border-box;
				overflow-y: hidden;
				padding: 1rem;
				border-top: 1px solid rgba(0,0,0,0.075);
				line-height: 1em;}
			nav.nav-scroll > ul {
				overflow-x: auto;
				text-align: center;
				white-space: nowrap;
				-webkit-overflow-scrolling: touch;
				padding-bottom: 1rem;}
			nav.nav-scroll > ul > li > a {
				font-weight: 500;}
			.news-slide > li > .uk-card {
				box-shadow: none;
				border:  1px solid rgba(0,0,0,0.075);}
			h1, h2, h3, h4, h5, h6 {
				font-weight: 700;}
			.uk-logo > img {
				height: 58px;}
			#header.uk-sticky-below {
				box-shadow: 0 2px 14px 0 rgba(0,0,0,0.07);}

.uk-offcanvas-bar{
	background-color: #f5f8fa!important;
	background: url('https://dwikidharmawan.id/wp-content/uploads/2015/10/Dwiki-Dharmawan-Live-in-USA-Live-at-Baked-Potato_bg.jpeg');
	background-size: cover;
}
/*==from marketing==================================*/
.nav {
	position: absolute;
	top: 15px;
	z-index: 99;
	left: 0;
	right: 0;}
.uk-sticky-placeholder {
	height: 0 !important;}
.top-wrap::before, .overlay-wrap::before {
	position: absolute;
	top:0;
	right:0;
	left: 0;
	bottom: 0;
	content: '';
	z-index: 1;
	/*background-color: rgba(0,0,0,0.5); transparent dark*/
	/*background-color: rgba(0,0,0,0);*/
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVQIW2NkYGD4D8SMQAwGcAY2AbBKDBUAVuYCBQPd34sAAAAASUVORK5CYII=) repeat;
	}
.top-wrap-height {
	height: 80vh;
	min-height: 460px;
	transition: height 0.25s;}
.uk-subnav-pill > * > :first-child {
    padding: 0.5rem 1rem;
    background-color: rgba(0, 0, 0, 0.04);}
.top-container {
	z-index: 2;}
.uk-logo img {
	height: 38px;}
.subtitle-text {
	font-size: 1.2em;
	opacity: 0.7;
	font-weight: 300;}
.logos-grid img {
	display: block;
	width: 60px;
	margin: 0 auto;
	filter:  grayscale(100%);
	transition: filter 0.25s;}
.logos-grid img:hover {
	display: block;
	width: 60px;
	margin: 0 auto;
	filter:  grayscale(0);}