.sidebar__single {
	background-color: #3b97df52;
	border-radius: 10px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.sidebar__single+.sidebar__single {
	margin-top: 50px;
}

.sidebar__search-form {
	position: relative;
}

.sidebar__search-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {
	width: 100%;
	color: #93959e;
	font-size: 17px;
	font-weight: 500;
	height: 60px;
	display: block;
	outline: none;
	border: none;
	padding-left: 25px;
	border-radius: 30px;
	box-shadow: 0px 10px 20px 0px rgba(67, 131, 99, 0.1);
}

.sidebar__search-form ::placeholder {
	opacity: 1;
	color: #93959e;
}




.sidebar__single ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar__cat-list li+li {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #dfe5e5;
}

.sidebar__cat-list li a {
	color: var(--thm-black);
	font-size: 17px;
	transition: 500ms;
	font-weight: 500;
	display: block;
	padding-left: 0px;
	position: relative;
}

.sidebar__cat-list li.active a,
.sidebar__cat-list li:hover a {
	padding-left: 20px;
	color: var(--thm-base);
}

.sidebar__cat-list li a::before {
	content: '\f101';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	color: var(--thm-primary);
	opacity: 0;
	visibility: hidden;
	transition: all 500ms;
}

.sidebar__cat-list li:hover a::before {
	opacity: 1;
	visibility: visible;
}

.sidebar__post-single {
	display: flex;
}

.sidebar__post-single:not(:last-of-type) {
	border-bottom: 1px solid #dfe5e5;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.sidebar__post-image>img {
	width: 80px;
	border-radius: 10px;
	margin-right: 20px;
}

.sidebar__post-content h3 {
	color: var(--thm-black);
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
	margin: 0;
	font-family: var(--thm-font);
}

.sidebar__post-content h3 a {
	color: inherit;
	transition: 500ms;
}

.sidebar__post-content h3 a:hover {
	color: var(--thm-base);
}

.sidebar__post-content p {
	margin: 0;
	color: #93959e;
	font-size: 16px;
	font-weight: 500;
	line-height: 1em;
	margin-top: 10px;
}

.sidebar__archive-list li:not(:last-of-type) a {
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #dfe5e5;
}

.sidebar__archive-list li a {
	color: var(--thm-black);
	font-size: 17px;
	font-weight: 500;
	line-height: 1em;
	transition: 500ms;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sidebar__archive-list li a:hover {
	color: var(--thm-base);
}

.sidebar__tag-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-top: -10px;
}

.sidebar__tag-list a {
	background-color: #fff;
	font-size: 16px;
	color: #93959e;
	border-radius: 22.5px;
	padding: 7.5px 26.15px;
	margin-left: 10px;
	margin-top: 10px;
	transition: 500ms;
}

.sidebar__tag-list a:hover {
	color: #fff;
	background-color: var(--thm-base);
	box-shadow: 0px 10px 30px 0px rgba(67, 131, 99, 0.15);
}


.search-form-select {
	width: 100%;
	color: #93959e;
	font-size: 17px;
	font-weight: 500;
	height: 60px;
	display: block;
	outline: none;
	border: none;
	padding-left: 25px;
	border-radius: 30px;
	box-shadow: 0px 10px 20px 0px rgba(67, 131, 99, 0.1);
}


.photo {
  border-radius: 15px;
  margin-right: 20px;
  width: 150px;
  height:200px
}

.jadwal-box{
    width:19%; 
    margin-left: 4px; 
    margin-top:10px;
}


.box-margin{
    margin-top: 10px;
}



.sidebar__search-form button[type=submit] {
	border: none;
	outline: none;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	background: #328AD0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 17px;
	position: absolute;
	top: 0;
	right: 0;
	transition: all 500ms;
}

.sidebar__search-form button[type=submit]:hover {
	background-color: #8AC242;
	color: #fff;
}

@media only screen and (max-device-width: 480px) {
   /* styles for mobile browsers smaller than 480px; (iPhone) */
   .jadwal-box{
        width:48%; 
        margin-left: 2px; 
        margin-top:0px;
    }
}