l/*
Theme Name: 	Tulungagung Daring
Theme URI: 		http://tulungagungdaring.id/
Template:		basix
Description: 	Desa Daring Tulungagung
Version: 		1.0
Author:			SPORA digital
Author URI: 	http://www.spora.id/
Text Domain:	basix-td
*/

a.button, input[type="submit"], button, .vc_btn3-container a{
	line-height: 3.9 !important;
}

a.button.small {
    line-height: 2em !important;
}
.jvectormap-goback {
	padding: 0.5em 1.5em !important;
	font-family: Montserrat;
	font-weight: 400;
	line-height: 1.5 !important;
	text-transform: uppercase;
	background: transparent !important;
	color: #e63041 !important;
	border: 1px solid #e63041;
	border-radius: 30px !important;
	-webkit-transition: all .06s linear;
	transition: all .06s linear;
}
.jvectormap-goback:hover {
	color: #fff !important;
	background: #e63041 !important;
	border-color: #e63041;
}
.jvectormap-tip {
	margin: -0.25em;
	padding: 0.4em 1em 0.55em !important;
	color: #fff !important;
	font-family: inherit !important;
	border-radius: 30px !important;
	background-color: rgba(0, 0, 0, 0.7) !important;
}

.single-portfolio .title-container {
	padding-top: 5em !important;
	padding-bottom: 4em !important;
}
.single-portfolio .title-container.add-overlay {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 40%, rgba(0,0,0,0.5) 75%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 40%,rgba(0,0,0,0.5) 75%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 40%,rgba(0,0,0,0.5) 75%,rgba(0,0,0,0) 100%);
}
.single-portfolio .rss-aggregator li > a {
	font-size: 1.15em;
	font-weight: 600;
}
.single-portfolio .rss-aggregator li > span {
	display: block;
	line-height: 1.1;
}
.single-portfolio .rss-aggregator .wprss-time-ago {
	line-height: 1;
}
.single-portfolio .rss-aggregator .wprss-feed-meta {
	display: none !important;
}

.dlm-downloads li + li {
   margin-top: 0.5em;
   padding-top: 0.5em;
}
.dlm-downloads li h4 {
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    opacity: 1;
}
.dlm-downloads li a {
    color: #e63041;
}
.dlm-downloads li p {
    line-height: 1.4;
}

.portfolio-filtering {
	padding: 1em 0;
}
#portfolio-filters {
	display: block;
	margin-left: -0.4em;
	margin-right: -0.4em;
}
#portfolio-filters li {
	float: none;
	display: inline-block;
	margin: 0;
	padding: 0.5em 0.4em;
}

.main-content .title-container.heading-desa {
	background: rgba(230,48,65,1);
	background: -moz-linear-gradient(top, rgba(230,48,65,1) 0%, rgba(230,48,65,1) 25%, rgba(0,0,0,0.35) 100%);
	background: -webkit-linear-gradient(top, rgba(230,48,65,1) 0%,rgba(230,48,65,1) 25%,rgba(0,0,0,0.35) 100%);
	background: linear-gradient(to bottom, rgba(230,48,65,1) 0%,rgba(230,48,65,1) 25%,rgba(0,0,0,0.35) 100%);
}
@media only screen and (min-width: 1024px) {
	.main-content .title-container.heading-desa {
		position: relative;
		z-index: 1;
	}
	.main-content .title-container.heading-desa:before,
	.main-content .title-container.heading-desa:after {
		content: "";
		display: block;
		width: 200px;
		height: 200px;
		margin: 0 -1.5em;
		position: absolute;
		bottom: 0;
		z-index: -1;
	}
	.main-content .title-container.heading-desa:before {
		left: 3.5%;
		background: url(https://tulungagungdaring.id/wp/wp-content/uploads/2017/11/maskot-crop-2-ki.png) 50% 100% no-repeat;
	}
	.main-content .title-container.heading-desa:after {
		right: 3.5%;
		background: url(https://tulungagungdaring.id/wp/wp-content/uploads/2017/11/maskot-crop-2-ka.png) 50% 100% no-repeat;
	}
	.main-content .title-container.heading-page-custom > * {
		position: relative;
		z-index: 2;
	}
	.main-content .title-container.heading-page-custom .map-overlay {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		background: #f3f3f3 url(https://tulungagungdaring.id/wp/wp-content/uploads/2018/04/Untitled.jpg) 50% 50% no-repeat;
		mix-blend-mode: multiply;
		opacity: 0.5;
	}
}

.list-services {
	margin: 0 -10px 20px !important;
	padding: 0 !important;
	list-style: none !important;
	text-align: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	justify-content: center;
}
.list-services li {
	width: calc(25% - 20px);
	width: calc(33.333333% - 20px);
	margin: 0 10px 30px;
	padding: 1em;
	border: 2px solid #e63041;
	background: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}
.list-services a {
	display: block;
	max-width: 150px;
	max-width: 135px;
	margin: 0 auto;
}
.list-services img {
	max-width: 99%;
	height: auto;
}
.list-services h4 {
	color: #e63041;
	margin: 0.5em 0 0;
	line-height: 1.2;
	font-weight: 600;
	opacity: 1;
}
@media only screen and (max-width: 639px) {
	.list-services li {
		width: calc(50% - 10px);
		margin: 0 5px 20px;
	}
}

.list-services a:before {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	margin: 0 auto;
	padding-top: 110%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
}
.list-services a.link-sid:before {
	background-image: url(img/maskot-admin.png);
}
.list-services a.link-profil:before {
	background-image: url(img/maskot-profil.png);
	position: relative;
	top: 0.75em;
}
.list-services a.link-inovasi:before {
	background-image: url(img/maskot-inovasi.png);
}
.list-services a.link-idm:before {
	background-image: url(img/maskot-idm.png);
}
.list-services a.link-bumdesa:before {
	background-image: url(img/maskot-bumdesa.png);
}
.list-services a.link-pasar:before {
	background-image: url(img/maskot-pasar.png);
}

.content-container > .rss-aggregator {
    list-style: none !important;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	justify-content: center;
}
.home-feeds .wpb_content_element {
	padding-left: 5%;
	padding-right: 5%;
}
.vc_inner .rss-aggregator {
    list-style: none !important;
}
.content-container > .rss-aggregator .feed-item {
	position: relative;
	width: calc(50% - 1em);
	margin: 0.5em;
	padding: 0.75em;
	background: #fff;
	border-radius: 2px;
	text-align: left;
}
.vc_inner .rss-item-width {
	width: calc(50% - 1em);
	height: 1px;
}
.vc_inner .rss-aggregator .feed-item {
	float: left;
	width: 50%;
	margin: 0 !important;
	padding: 0 !important;
}
.vc_inner .rss-aggregator .feed-item-inner {
	position: relative;
	margin: 0.5em;
	padding: 0.75em;
	background: #fff;
	border-radius: 2px;
	text-align: left;
}
.vc_inner .rss-aggregator:after,
.vc_inner .rss-aggregator .feed-item-inner:after {
	content: " ";
	display: table;
	clear: both;
}
.content-container > .rss-aggregator .feed-item img,
.vc_inner .rss-aggregator .feed-item img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
    .home-feeds .wpb_content_element {
    	padding-left: 3%;
    	padding-right: 3%;
	}
    .content-container > .rss-aggregator .feed-item {
		width: calc(33.3333333% - 1.2em);
		margin: 0.6em;
	}
    .vc_inner .rss-item-width {
    	width: calc(33.3333333% - 1.2em);
    }
	.vc_inner .rss-aggregator .feed-item {
		width: 33.3333333%;
		padding: 0.6em;
    	margin: 0.6em;
	}
}
@media only screen and (min-width: 992px) {
    .content-container > .rss-aggregator .feed-item {
		width: calc(25% - 1.2em);
	}
    .vc_inner .rss-item-width {
    	width: calc(25% - 1.2em);
    }
	.vc_inner .rss-aggregator .feed-item {
		width: 25%;
	}
}
@media only screen and (min-width: 1200px) {
    .content-container > .rss-aggregator .feed-item {
		width: calc(20% - 1.2em);
	}
    .vc_inner .rss-item-width {
    	width: calc(20% - 1.2em);
    }
	.vc_inner .rss-aggregator .feed-item {
		width: 20%;
	}
}
@media only screen and (max-width: 767px) {
    .content-container > .rss-aggregator .feed-item + .feed-item,
	.vc_inner .rss-aggregator .feed-item + .feed-item {
		margin-top: 1em;
	}
}
@media only screen and (max-width: 479px) {
    .content-container > .rss-aggregator .feed-item {
		width: calc(100% - 1em);
	}
    .vc_inner .rss-item-width {
    	width: calc(100% - 1.2em);
    }
	.vc_inner .rss-aggregator .feed-item {
		width: 100%;
	}
}
.content-container > .rss-aggregator .feed-item > a,
.vc_inner .rss-aggregator .feed-item-inner > a {
    display: block;
    margin-bottom: 0.5em;
	font-size: 1.15em;
	line-height: 1.2;
	font-family: Montserrat;
}
@media only screen and (min-width: 480px) {
    .vc_inner .rss-aggregator .feed-item-inner > a {
    	font-size: 1.2em;
    	line-height: 1.5;
    }
    .vc_inner .rss-aggregator .feed-item-inner.with-image > a {
		font-size: 1em;
		line-height: 1.2;
	}
}
.content-container > .rss-aggregator .feed-item .wprss-feed-meta,
.content-container > .rss-aggregator .feed-item .wprss-time-ago,
.vc_inner .rss-aggregator .feed-item .wprss-feed-meta,
.vc_inner .rss-aggregator .feed-item .wprss-time-ago {
	font-size: 0.85em;
	line-height: 1.2;
}
.content-container > .rss-aggregator .feed-item .wprss-feed-meta a,
.vc_inner .rss-aggregator .feed-item .wprss-feed-meta a {
	color: inherit;
}
/*
.vc_inner .rss-aggregator .feed-item .feed-date {
    float: right;
	margin-left: 1em;
	position: relative;
	top: 0.25em;
}
.vc_inner .rss-aggregator .feed-item .wprss-time-ago {
	display: none;
}
*/
.content-container > .rss-aggregator .feed-item .wprss-time-ago,
.vc_inner .rss-aggregator .feed-item .feed-date {
	display: none;
}
.content-container > .rss-aggregator .feed-item .feed-date,
.vc_inner .rss-aggregator .feed-item .wprss-time-ago {
    float: right;
	margin-left: 1em;
	position: relative;
	top: 0.25em;
}

.content-container > .nav-links {
    margin-bottom: 3em;
    text-align: center;
}
.content-container > .nav-links > * {
    float: none !important;
    display: inline-block;
}

.content-container > .nav-links a {
    display: inline-block;
    padding: 0 1.5em;
    font-size: 1em;
    line-height: 2em;
    color: #fff !important;
    background-color: #e63041;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    border-radius: 34px;
    font-family: Montserrat;
    text-transform: uppercase;
    font-weight: 400;
    font-style: normal;
}
.content-container > .nav-links a:hover {
    background-color: #d82e3e;
}

.video-container {
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
	overflow: hidden;
}
.video-container > * {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/*Infografik
-----------------------------------------------------------*/
.apbdesa-grafik .card-list {
	list-style: none !important;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-left: -1.5rem;
	margin-right: -1.5rem;
}
.apbdesa-grafik .card-item {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.apbdesa-grafik .card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	text-align: center;
	text-decoration: none !important;
	color: #333;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,.1);
}
.apbdesa-grafik .card-body {
	flex: 1 1 auto;
	padding: 1.25rem;
	padding: 0;
	background-color: rgba(255,255,255,0.5);
}
.apbdesa-grafik .card-header {
	padding: .75rem 1.25rem;
	margin-bottom: 0;
	line-height: 1.25;
	color: inherit;
	background-color: rgba(0,0,0,0);
	border-bottom: 1px solid rgba(0,0,0,.1);
	opacity: 1 !important;
}
.apbdesa-grafik .card-header strong {
	display: block;
	font-size: 1.5em;
	line-height: 1.25;
}
.apbdesa-grafik .card-header small {
	font-size: 0.85em
}
.apbdesa-grafik .card-footer {
	padding: .75rem 1.25rem;
	background-color: rgba(0,0,0,.05);
	border-top: 1px solid rgba(0,0,0,.1);
}
.apbdesa-grafik .card-footer .btn {
	display: inline-block;
	padding: 0.5em 1em;
	font-family: Montserrat;
	font-size: 0.65rem;
	line-height: 1.25;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 1);
	background: rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(0, 0, 0, 0.25);
	opacity: 0.75;
}