
@media (min-width: 800px) and (max-width: 1111px) and (orientation: landscape){
	.primary-navigation .current-menu-item > a:first-child::before, .primary-navigation .current-menu-parent > a:first-child::before, .primary-navigation .current_page_item > a:first-child::before{
		display: none;
	}
	.last__article--item .last__article--item--image{
		height:200px;
	}
	.last__article--item--label--description{
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;  
		overflow: hidden;
	}
	.site-footer{
		background-size: 120%;
	}
	.primary-navigation {
		position: absolute;
		top: var(--global--admin-bar--height);
		right: 0;
		color: var(--primary-nav--color-text);
		font-size: var(--primary-nav--font-size);
		line-height: 1.15;
		margin-top: 0;
		margin-bottom: 0;
		width:100vw;
	}
	.menu-button-container {
		display: flex;
		right: 1rem;
	}
	.primary-navigation > .primary-menu-container {
		height: calc(100vh - calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px));
		z-index: 499;
		overflow-x: hidden;
		overflow-y: auto;
		border: 2px solid transparent;
		position: fixed;
		visibility: hidden;
		opacity: 0;
		top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
		right: 0;
		bottom: 0;
		left: 0;
		padding-top: 0;
		padding-left: var(--global--spacing-unit);
		padding-right: var(--global--spacing-unit);
		padding-bottom: var(--global--spacing-horizontal);
		background-color: var(--global--color-background);
		transition: all 0.15s ease-in-out;
		transform: translateY(var(--global--spacing-vertical));
	}
	.primary-navigation-open .site-branding::before {
		content: '';
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		position: fixed;
		z-index: -1;
		background-color: #fff;
	}
	.primary-navigation > div > .menu-wrapper {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		list-style: none;
		max-width: var(--responsive--aligndefault-width);
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		position: relative;
	}
	.primary-navigation > div > .menu-wrapper li {
		display: block;
		position: relative;
		width: 100%;
	}
	.primary-navigation-open .menu-button-container{
		background-color: transparent;
	}
	.primary-navigation .menu-wrapper > li > a:not(.login__button){
		padding-left: 0;
	}
	.last__article--item .last__article--item--label--title a{
		padding-bottom: 20px;
	}
	.social-media ul li a{
		display: inline-block;
		padding: 0 20px;
		width: 24px;
		height: 24px;
		font-size: 0;
	}
	.modal-dialog{
		padding:25px 0;
		align-items: flex-start;
	}
	.registrasi__top .modal-content, .modal-content{
		width: 90vw;
	}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
	body{
		position: relative;
		overflow-x: hidden;
		width:100vw;
		font-size: 14px;
	}

button#primary-mobile-menu:hover,
	button#primary-mobile-menu:active,
	button#primary-mobile-menu:focus{
		background: unset !important;
	}
	.primary-navigation {
		position: absolute;
		top: var(--global--admin-bar--height);
		right: 0;
		color: var(--primary-nav--color-text);
		font-size: var(--primary-nav--font-size);
		line-height: 1.15;
		margin-top: 0;
		margin-bottom: 0;
		width:100vw;
	}
	.menu-button-container {
		display: flex;
		right: 3rem;
	}
	.primary-navigation .current-menu-item > a:first-child::before, .primary-navigation .current_page_parent > a:first-child::before, .primary-navigation .current-menu-parent > a:first-child::before, .primary-navigation .current_page_item > a:first-child::before{
		display: none;
	}
	.primary-navigation > .primary-menu-container {
		height: 100vh;
		z-index: 499;
		overflow-x: hidden;
		overflow-y: auto;
		border: 2px solid transparent;
		position: fixed;
		visibility: hidden;
		opacity: 0;
		top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
		right: 0;
		bottom: 0;
		left: 0;
		padding-top: 0;
		padding-left: var(--global--spacing-unit);
		padding-right: var(--global--spacing-unit);
		padding-bottom: var(--global--spacing-horizontal);
		background-color: var(--global--color-background);
		transition: all 0.15s ease-in-out;
		transform: translateY(var(--global--spacing-vertical));
	}
	.primary-navigation-open .site-branding::before {
		content: '';
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		position: fixed;
		z-index: -1;
		background-color: #fff;
	}
	.primary-navigation > div > .menu-wrapper {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		list-style: none;
		max-width: var(--responsive--aligndefault-width);
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		position: relative;
	}
	.primary-navigation > div > .menu-wrapper li {
		display: block;
		position: relative;
		width: 100%;
	}
	.primary-navigation-open .menu-button-container{
		background-color: transparent;
	}
	.primary-navigation .menu-wrapper > li > a:not(.login__button){
		padding-left: 0;
	}
	body.home .our__program--section:not(.events) .our__program--thumb--item .wrapper__our__program--item{
		min-height: 250px;
	}
	.our__program--thumb--item .wrapper__our__program--item .item__image{
		height:250px;
	}
	.our__program--thumb--item .wrapper__our__program--item .item__image img{
		transform: scale(1.4);
    	margin-top: 11%;
	}
	.last__article--item .last__article--item--image{
		height: 185px;
	}
	.last__article--item .last__article--item--label--title a{
		font-size: 1.1rem;
	}
	.last__article--item .last__article--item--label--title a{
		padding-bottom: 20px;
	}
	.social-media ul li a{
		display: inline-block;
		padding: 0 20px;
		width: 24px;
		height: 24px;
		font-size: 0;
	}
	.modal-dialog{
		padding:25px 0;
		align-items: flex-start;
	}
	.registrasi__top .modal-content, .modal-content{
		width: 90vw;
	}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
	:root{
		--responsive--aligndefault-width: min(calc(100vw - 4 *  25px), 1100px);
		--responsive--alignwide-width: min(calc(100vw - 4 *  25px), 1100px);
	}
	body{
		position: relative;
		overflow-x: hidden;
		width:100vw;
		font-size: 14px;
	}
	
	.latest__articles--section{
		width:100vw;
		overflow-x: hidden;
	}
	button#primary-mobile-menu:hover,
	button#primary-mobile-menu:active,
	button#primary-mobile-menu:focus{
		background: unset !important;
	}
	.primary-navigation {
		position: absolute;
		top: var(--global--admin-bar--height);
		right: 0;
		color: var(--primary-nav--color-text);
		font-size: var(--primary-nav--font-size);
		line-height: 1.15;
		margin-top: 0;
		margin-bottom: 0;
		width:100vw;
	}
	.menu-button-container {
		display: flex;
		right: 1rem;
	}
	.primary-navigation .current-menu-item > a:first-child::before, .primary-navigation .current_page_parent > a:first-child::before, .primary-navigation .current-menu-parent > a:first-child::before, .primary-navigation .current_page_item > a:first-child::before{
		display: none;
	}
	.primary-navigation > .primary-menu-container {
		height: 100vh;
		z-index: 499;
		overflow-x: hidden;
		overflow-y: auto;
		border: 2px solid transparent;
		position: fixed;
		visibility: hidden;
		opacity: 0;
		top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
		right: 0;
		bottom: 0;
		left: 0;
		padding-top: 0;
		padding-left: var(--global--spacing-unit);
		padding-right: var(--global--spacing-unit);
		padding-bottom: var(--global--spacing-horizontal);
		background-color: var(--global--color-background);
		transition: all 0.15s ease-in-out;
		transform: translateY(var(--global--spacing-vertical));
	}
	.primary-navigation-open .site-branding::before {
		content: '';
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		position: fixed;
		z-index: -1;
		background-color: #fff;
	}
	.primary-navigation > div > .menu-wrapper {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		list-style: none;
		max-width: var(--responsive--aligndefault-width);
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		position: relative;
	}
	.primary-navigation > div > .menu-wrapper li {
		display: block;
		position: relative;
		width: 100%;
	}
	.primary-navigation-open .menu-button-container{
		background-color: transparent;
	}
	.primary-navigation .menu-wrapper > li > a:not(.login__button){
		padding-left: 0;
	}

	.wrap__post--list--article h2.entry-title, .side-column > h3, .main__title{
		margin-top:0 !important;
	}
	.home .entry-content > .wp-block-columns > .wp-block-column:first-child{
		margin-top: 63vh;
		flex-basis: 100% !important;
		text-align: center;
	}
	
	.item__banner--hero--home .post-thumbnail{
		width: 100%;
	}
	.item__banner--hero--home::before{
		background-position: right top;
		background-size: 172%;
	}
	.caraousel__highlight .slick-slide > a{
		font-size: 1.25rem;
	}
	.caraousel__highlight{
		padding-left:0;
		padding-right:0;
	}
	.caraousel__highlight .slick-list{
		border-radius: 20px;
		overflow: hidden;
	}
	.caraousel__highlight .wp-block-latest-posts__featured-image a{
		display: block;
	}
	.caraousel__highlight .slick-slide{
		padding:0 15px 0 0;
	}
	.caraousel__highlight .slick-dots{
		bottom:-40px;
	}
	.caraousel__highlight .slick-dots li button,
	.caraousel__highlight .slick-dots li{
		background-color: #146749;
		border-radius: 20px;
		height: 10px;
		width:10px;
		transition: all .3s ease-in-out;
	}
	.caraousel__highlight .slick-dots li.slick-active{
		background-color: #51ac8b;
		transition: all .3s ease-in-out;
		width:50px;
	}
	.caraousel__highlight  .slick-dots li.slick-active button:before{
		display: none;
	}
	.our__program--section{
		width:100vw;
		overflow: hidden;
	}
	.latest__articles--section .wp-block-columns,
	.our__program--section .wp-block-columns{
    	flex-direction: column;
		align-items: center;
    	justify-content: center;
	}
	.latest__articles--section .wp-block-columns .wp-block-column,
	.our__program--section .wp-block-columns .wp-block-column{
		width: 50%;
		flex-basis: 50%;
		margin-left: 0;
		margin-bottom: 30px;
	}
	.latest__articles--section.latest__forum > .wp-block-group__inner-container > .wp-block-columns .wp-block-column{
		width: 100%;
		flex-basis: 100%;
	}
	.our__program--section > .wp-block-group__inner-container{
		background-position: left top;
	}
	.our__program--section > .wp-block-group__inner-container .wp-block-columns.our__program--thumb{
		padding-bottom: 3rem;
	}
	.latest__articles--section > .wp-block-group__inner-container .wp-block-columns{
		align-items: center;
		justify-content: center;
	}
	.site-footer > .site-info .site-name{
		display: none;
	}
	.site-footer{
		padding-top:0;
	}
	.last__article--item.d-flex .last__article--item--image{
		flex-basis: 150px;
		width:100%;
		height:170px;
		min-width: 150px;
	}
	.last__article--item .last__article--item--label--more a.forum{
		padding:.5rem 20px .4rem 20px;
	}
	.last__article--item .last__article--item--info--cat{
		padding-top:10px;
		padding-bottom: 10px;
	}
	.wrap__last__article--item--info--cat {
		flex-basis: calc(100% - 150px);
	}
	.last__article--item--label--description{
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;  
		overflow: hidden;
		margin-bottom:15px;
	}
	.menu-button-container #primary-mobile-menu .dropdown-icon > *:not(svg){
		display: none;
	}
	.last__article--item .last__article--item--label--title a{
		padding-bottom: 20px;
	}
	.social-media ul li a{
		display: inline-block;
		padding: 0 20px;
		width: 24px;
		height: 24px;
		font-size: 0;
	}
	.modal-dialog{
		padding:25px 0;
		align-items: flex-start;
	}
	.registrasi__top .modal-content, .modal-content{
		width: 90vw;
	}
	.wrap__content > .wp-block-columns{
		display: block !important;
	}
	.wp-block-column.side-column:not(:first-child){
		margin-left: 0;
	}
	.wp-block-columns .wp-block-column.side-column-sidebar-image{
		flex-basis: 25% !important;
	}
	.wp-block-columns .wp-block-column.side-column-sidebar-content{
		flex-basis: 70% !important;
	}
	.wrap__daftar--widget {
		justify-content: center;
	}
	.text__daftar--widget {
		padding: 0 30px;
	}
	.category-side-wrap > .wp-block-columns{
		margin-bottom: 0;
	}
	.wp-block-column.image-column-article{
		margin-bottom: 0 !important;
	}
	.page-template-page-contact .site-content > .content-area > main{
		min-height: 85vh;
		overflow: hidden;
	}
	body.page-template-page-contact:not(.home) .site-main::after{
		display: none;
	}
	.page-template-page-contact .site-content > .content-area > .site-main > .wp-block-group__inner-container .wp-block-group__inner-container.pb-100 > .wp-block-columns > .wp-block-column.content-column{
		flex-basis: 65% !important;
	}
	.page-template-page-contact .site-content > .content-area > .site-main > .wp-block-group__inner-container .wp-block-group__inner-container.pb-100 > .wp-block-columns > .wp-block-column.side-column{
		flex-basis: calc(35% - 15px) !important;
		padding-left:15px;
	}
	.side-column .more-link{
		display: none;
	}
}
@media (min-width: 320px) and (max-width: 814px) and (orientation: landscape){
	:root{
	--responsive--aligndefault-width: min(calc(100vw - 4 *  25px), 1100px);
	--responsive--alignwide-width: min(calc(100vw - 4 *  25px), 1100px);
}
	body{
		position: relative;
		overflow-x: hidden;
		width:100vw;
		font-size: 14px;
	}
	
	.latest__articles--section{
		width:100vw;
		overflow-x: hidden;
	}
	button#primary-mobile-menu:hover,
	button#primary-mobile-menu:active,
	button#primary-mobile-menu:focus{
		background: unset !important;
	}
	.primary-navigation .current-menu-item > a:first-child::before, .primary-navigation .current_page_parent > a:first-child::before, .primary-navigation .current-menu-parent > a:first-child::before, .primary-navigation .current_page_item > a:first-child::before{
		display: none;
	}
	.primary-navigation {
		position: absolute;
		top: var(--global--admin-bar--height);
		right: 0;
		color: var(--primary-nav--color-text);
		font-size: var(--primary-nav--font-size);
		line-height: 1.15;
		margin-top: 0;
		margin-bottom: 0;
		width:100vw;
	}
	.menu-button-container {
		display: flex;
		right: 1rem;
	}
	.primary-navigation > .primary-menu-container {
		height: 100vh;
		z-index: 499;
		overflow-x: hidden;
		overflow-y: auto;
		border: 2px solid transparent;
		position: fixed;
		visibility: hidden;
		opacity: 0;
		top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
		right: 0;
		bottom: 0;
		left: 0;
		padding-top: 0;
		padding-left: var(--global--spacing-unit);
		padding-right: var(--global--spacing-unit);
		padding-bottom: var(--global--spacing-horizontal);
		background-color: var(--global--color-background);
		transition: all 0.15s ease-in-out;
		transform: translateY(var(--global--spacing-vertical));
	}
	.primary-navigation-open .site-branding::before {
		content: '';
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		position: fixed;
		z-index: -1;
		background-color: #fff;
	}
	.primary-navigation > div > .menu-wrapper {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		list-style: none;
		max-width: var(--responsive--aligndefault-width);
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		position: relative;
	}
	.primary-navigation > div > .menu-wrapper li {
		display: block;
		position: relative;
		width: 100%;
	}
	.primary-navigation-open .menu-button-container{
		background-color: transparent;
	}
	.primary-navigation .menu-wrapper > li > a:not(.login__button){
		padding-left: 0;
	}
h1.has-text-align-center.main-title-page, .latest__articles--section h2.has-text-align-center, .our__program--section h2.has-text-align-center, .our__program--section h1.has-text-align-center,
	.wrap__post--list--article h2.entry-title, .side-column > h3, .main__title{
		font-size: var(--global--font-size-lg);
	}
	.wrap__post--list--article h2.entry-title, .side-column > h3, .main__title{
		margin-top:0 !important;
	}
	
	.item__banner--hero--home .post-thumbnail{
		width: 45%;
	}
	.item__banner--hero--home::after{
		height:80%;
	}
	.item__banner--hero--home::before{
		background-position: center top;
		background-size: 100%;
	}
	.caraousel__highlight .slick-slide > a{
		font-size: 1.25rem;
	}
	.caraousel__highlight{
		padding-left:0;
		padding-right:0;
	}
	.caraousel__highlight .slick-list{
		border-radius: 20px;
		overflow: hidden;
	}
	.caraousel__highlight .wp-block-latest-posts__featured-image a{
		display: block;
	}
	.caraousel__highlight .slick-slide{
		padding:0 15px 0 0;
	}
	.caraousel__highlight .slick-dots{
		bottom:-40px;
	}
	.caraousel__highlight .slick-dots li button,
	.caraousel__highlight .slick-dots li{
		background-color: #146749;
		border-radius: 20px;
		height: 10px;
		width:10px;
		transition: all .3s ease-in-out;
	}
	.caraousel__highlight .slick-dots li.slick-active{
		background-color: #51ac8b;
		transition: all .3s ease-in-out;
		width:50px;
	}
	.caraousel__highlight  .slick-dots li.slick-active button:before{
		display: none;
	}
	.our__program--section{
		width:100vw;
		overflow: hidden;
	}
	.our__program--section > .wp-block-group__inner-container{
		background-position: left top;
	}
	.our__program--section:not(.events) > .wp-block-group__inner-container .wp-block-columns.our__program--thumb{
		padding-bottom: 3rem;
	}
	.latest__articles--section > .wp-block-group__inner-container .wp-block-columns{
		align-items: center;
		justify-content: center;
	}
	.site-footer > .site-info .site-name{
		display: none;
	}
	.site-footer{
		padding-top:0;
	}
	.last__article--item.d-flex .last__article--item--image{
		flex-basis: 150px;
		width:100%;
		height:170px;
		min-width: 150px;;
	}
	.last__article--item .last__article--item--label--more a.forum{
		padding:.5rem 20px .4rem 20px;
	}
	.last__article--item .last__article--item--info--cat{
		padding-top:10px;
		padding-bottom: 10px;
	}
	.wrap__last__article--item--info--cat {
		flex-basis: calc(100% - 150px);
	}
	.last__article--item--label--description{
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;  
		overflow: hidden;
		margin-bottom:15px;
	}
	.menu-button-container #primary-mobile-menu .dropdown-icon > *:not(svg){
		display: none;
	}
	.our__program--thumb--item .wrapper__our__program--item .item__image img {
		width: auto !important;
	}
	.last__article--item .last__article--item--image {
		height: 150px;
	}
	.last__article--item .last__article--item--label--title a{
		font-size: .9rem;
	}
	.wp-block-columns .wp-block-column:not(:last-child){
		margin-bottom: 0 !important;
	}
	.latest__articles--section.latest__forum .wp-block-column{
		margin-top:30px;
	}
	.primary-navigation .current-menu-item > a:first-child::before, .primary-navigation .current-menu-parent > a:first-child::before, .primary-navigation .current_page_item > a:first-child::before{
		display: none;
	}
	.social-media ul li a{
		display: inline-block;
		padding: 0 20px;
		width: 24px;
		height: 24px;
		font-size: 0;
	}
	.modal-dialog{
		padding:25px 0;
		align-items: flex-start;
	}
	.registrasi__top .modal-content, .modal-content{
		width: 90vw;
	}

	.wp-block-columns .wp-block-column.content-column{
		flex-basis: 100% !important;
	}
	.wp-block-columns .wp-block-column.side-column{
		flex-basis: 100% !important;
	}
	
	.side-column > h3{
		font-size:  var(--global--font-size-md);
	}
	.last__article--item--info--cat {
		flex-direction: column;
	}
	.last__article--item .last__article--item--info--cat .last__article--item--label--cat{
		margin-bottom: 10px;
	}
	.last__article--item--label--meta > span:first-child {
		display: none;
	}
	.last__article--item--label--meta {
		text-align: center;
	}
	.last__article--item .last__article--item--label--title a {
		font-size: .9rem;
		text-align: center;
	}

	.wp-block-latest-posts__post-excerpt p{
		font-size:14px;
	}
	body:not(.home) .our__program--thumb--item .wrapper__our__program--item .item__image img{
		margin-left: -50px;
	}
	
	.wrap__content > .wp-block-columns{
		display: block !important;
	}
	.wp-block-column.side-column:not(:first-child){
		margin-left: 0;
	}
	.wp-block-columns .wp-block-column.side-column-sidebar-image{
		flex-basis: 25% !important;
	}
	.wp-block-columns .wp-block-column.side-column-sidebar-content{
		flex-basis: 70% !important;
	}
	.wrap__daftar--widget {
		justify-content: center;
	}
	.text__daftar--widget {
		padding: 0 30px;
	}

	.page-template-page-contact .site-content > .content-area > main{
		min-height: 85vh;
		overflow: hidden;
	}
	body.page-template-page-contact:not(.home) .site-main::after{
		display: none;
	}
	.page-template-page-contact .site-content > .content-area > .site-main > .wp-block-group__inner-container .wp-block-group__inner-container.pb-100 > .wp-block-columns > .wp-block-column.content-column{
		flex-basis: 65% !important;
	}
	.page-template-page-contact .site-content > .content-area > .site-main > .wp-block-group__inner-container .wp-block-group__inner-container.pb-100 > .wp-block-columns > .wp-block-column.side-column{
		flex-basis: calc(35% - 15px) !important;
		padding-left:15px;
	}
	.side-column .more-link{
		display: none;
	}
	.search-form-label {
		font-size: 26px;
	}
	.search-submit {
		background: none !important;
		border: 1px solid #ddd !important;
		padding: 15px 0 !important;
		color: #fff !important;
		position: absolute;
		display: block !important;
		width: 200px;
		box-sizing: border-box;
		top: 100%;
		margin-top: 180px;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		cursor: pointer;
		font-size: 20px;
		border-radius: 0 !important;
	}
}
@media (min-width: 481px) and (max-width: 767px){
	:root{
		--responsive--aligndefault-width: min(calc(100vw - 4 *  25px), 1100px);
		--responsive--alignwide-width: min(calc(100vw - 4 *  25px), 1100px);
	}
	body{
		position: relative;
		overflow-x: hidden;
		width:100vw;
		font-size: 14px;
	}
	
	.latest__articles--section{
		width:100vw;
		overflow-x: hidden;
	}
	button#primary-mobile-menu:hover,
	button#primary-mobile-menu:active,
	button#primary-mobile-menu:focus{
		background: unset !important;
	}
	.primary-navigation {
		position: absolute;
		top: var(--global--admin-bar--height);
		right: 0;
		color: var(--primary-nav--color-text);
		font-size: var(--primary-nav--font-size);
		line-height: 1.15;
		margin-top: 0;
		margin-bottom: 0;
		width:100vw;
	}
	.menu-button-container {
		display: flex;
		right: 1rem;
	}
	.primary-navigation .current-menu-item > a:first-child::before, .primary-navigation .current_page_parent > a:first-child::before, .primary-navigation .current-menu-parent > a:first-child::before, .primary-navigation .current_page_item > a:first-child::before{
		display: none;
	}
	.primary-navigation > .primary-menu-container {
		height: 100vh;
		z-index: 499;
		overflow-x: hidden;
		overflow-y: auto;
		border: 2px solid transparent;
		position: fixed;
		visibility: hidden;
		opacity: 0;
		top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
		right: 0;
		bottom: 0;
		left: 0;
		padding-top: 0;
		padding-left: var(--global--spacing-unit);
		padding-right: var(--global--spacing-unit);
		padding-bottom: var(--global--spacing-horizontal);
		background-color: var(--global--color-background);
		transition: all 0.15s ease-in-out;
		transform: translateY(var(--global--spacing-vertical));
	}
	.primary-navigation-open .site-branding::before {
		content: '';
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		position: fixed;
		z-index: -1;
		background-color: #fff;
	}
	.primary-navigation > div > .menu-wrapper {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		list-style: none;
		max-width: var(--responsive--aligndefault-width);
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		position: relative;
	}
	.primary-navigation > div > .menu-wrapper li {
		display: block;
		position: relative;
		width: 100%;
	}
	.primary-navigation-open .menu-button-container{
		background-color: transparent;
	}
	.primary-navigation .menu-wrapper > li > a:not(.login__button){
		padding-left: 0;
	}
h1.has-text-align-center.main-title-page, .latest__articles--section h2.has-text-align-center, .our__program--section h2.has-text-align-center, .our__program--section h1.has-text-align-center,
	.wrap__post--list--article h2.entry-title, .side-column > h3, .main__title{
		font-size: var(--global--font-size-lg);
	}
	.wrap__post--list--article h2.entry-title, .side-column > h3, .main__title{
		margin-top:0 !important;
	}
	
	.item__banner--hero--home .post-thumbnail{
		width: 45%;
	}
	.item__banner--hero--home::after{
		height:80%;
	}
	.item__banner--hero--home::before{
		background-position: center top;
		background-size: 100%;
	}
	.caraousel__highlight .slick-slide > a{
		font-size: 1.25rem;
	}
	.caraousel__highlight{
		padding-left:0;
		padding-right:0;
	}
	.caraousel__highlight .slick-list{
		border-radius: 20px;
		overflow: hidden;
	}
	.caraousel__highlight .wp-block-latest-posts__featured-image a{
		display: block;
	}
	.caraousel__highlight .slick-slide{
		padding:0 15px 0 0;
	}
	.caraousel__highlight .slick-dots{
		bottom:-40px;
	}
	.caraousel__highlight .slick-dots li button,
	.caraousel__highlight .slick-dots li{
		background-color: #146749;
		border-radius: 20px;
		height: 10px;
		width:10px;
		transition: all .3s ease-in-out;
	}
	.caraousel__highlight .slick-dots li.slick-active{
		background-color: #51ac8b;
		transition: all .3s ease-in-out;
		width:50px;
	}
	.caraousel__highlight  .slick-dots li.slick-active button:before{
		display: none;
	}
	.our__program--section{
		width:100vw;
		overflow: hidden;
	}
	.our__program--section > .wp-block-group__inner-container{
		background-position: left top;
	}
	.our__program--section > .wp-block-group__inner-container .wp-block-column:nth-child(2n),
	.latest__articles--section > .wp-block-group__inner-container .wp-block-column:nth-child(2n){
		margin-left: 0;
	}
	.our__program--section > .wp-block-group__inner-container .wp-block-column:not(:only-child),
	.latest__articles--section > .wp-block-group__inner-container .wp-block-column:not(:only-child)
	{
		flex-basis: 55% !important;
		margin-bottom: 30px !important;
	}
	.our__program--section > .wp-block-group__inner-container .wp-block-columns.our__program--thumb{
		padding-bottom: 3rem;
	}
	.latest__articles--section > .wp-block-group__inner-container .wp-block-columns{
		align-items: center;
		justify-content: center;
	}
	.site-footer > .site-info .site-name{
		display: none;
	}
	.site-footer{
		padding-top:0;
	}
	.last__article--item.d-flex .last__article--item--image{
		flex-basis: 150px;
		width:100%;
		height:170px;
		min-width:150px;
	}
	.last__article--item .last__article--item--label--more a.forum{
		padding:.5rem 20px .4rem 20px;
	}
	.last__article--item .last__article--item--info--cat{
		padding-top:10px;
		padding-bottom: 10px;
	}
	.wrap__last__article--item--info--cat {
		flex-basis: calc(100% - 150px);
	}
	.last__article--item--label--description{
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;  
		overflow: hidden;
		margin-bottom:15px;
	}
	.menu-button-container #primary-mobile-menu .dropdown-icon > *:not(svg){
		display: none;
	}
	.last__article--item .last__article--item--label--title a{
		padding-bottom: 20px;
	}
	.social-media ul li a{
		display: inline-block;
		padding: 0 20px;
		width: 24px;
		height: 24px;
		font-size: 0;
	}
	.modal-dialog{
		padding:25px 0;
		align-items: flex-start;
	}
	.registrasi__top .modal-content, .modal-content{
		width: 90vw;
	}
	.content-column{
		flex-basis: 100% !important;
	}
	.side-column{
		flex-basis: 100% !important;
	}
	.side-column > h3{
		font-size:  var(--global--font-size-md);
	}
	.wp-block-columns .wp-block-column.side-column{
		margin-left: 0 !important;
	}
	.wp-block-columns .wp-block-column.side-column-sidebar-image{
		flex-basis: 25% !important;
	}
	.wp-block-columns .wp-block-column.side-column-sidebar-content{
		flex-basis: 70% !important;
	}
	.d-mobile-block{
		display: block;
	}
	.d-mobile-none{
		display: none;
	}
	.wp-block-columns .wp-block-column.block-wrap-parent{
		flex-basis: 100% !important;
		margin-left: 0;
	}
	.social-media ul{
		margin:0;
		padding:0;
		padding-left:0 !important;
	}
	.social-media.share{
		justify-content: flex-start;
	}
	.social-media ul > li:first-child a{
		padding-left:0;
	}
	body.archive .wrap__breadcrumbs {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.wrap__daftar--widget{
		justify-content: center;
	}
	.text__daftar--widget{
		padding: 0 30px;
	}
	.type-konten > .wp-block-group__inner-container > .wp-block-group.alignwide > .wp-block-group__inner-container > .wp-block-columns{
		justify-content: center;
	}
	.kategori_konten-kegiatan > .wp-block-group__inner-container > .wp-block-group.alignwide > .wp-block-group__inner-container > .wp-block-columns .last__article--item .last__article--item--label--title a{
		text-align: left;
	}
	.kategori_konten-publikasi > .wp-block-group__inner-container > .wp-block-group.alignwide > .wp-block-group__inner-container > .wp-block-columns .last__article--item .last__article--item--image{
		height:250px;
	}
	.category-box a{
		min-width: 138px;
	}
	.wrap__post--list--article .category-list-meta + h2.entry-title.alignleft{
		font-size: var(--global--font-size-md);
	}
	.wrap__post--list--article .category-list-meta + h2.entry-title.alignleft + p{
		padding-right:15px;
	}
	.ead-iframe[src=""]{
		display: none;
	}
	.bbp-topic-voice-count > div > span:nth-child(2),
	.bbp-topic-reply-count > div > span:nth-child(2){
		font-size:10px;
	}
	.bbp-header > .bbp-topic-author,
	.bbp-header > .bbp-reply-author{
		text-align: left !important;
	}
	.last__article--item--info--cat {
		flex-direction: row;
	}
	.last__article--item .last__article--item--info--cat .last__article--item--label--cat{
		margin-bottom: 0px;
	}
	.last__article--item--label--meta > span:first-child {
		display: block;
	}
	.last__article--item--label--meta {
		text-align: left;
	}
	.last__article--item .last__article--item--label--title a {
		font-size: .9rem;
		text-align: left;
	}
	.wp-block-latest-posts__post-excerpt p{
		font-size:14px;
	}
	body:not(.home) .our__program--thumb--item .wrapper__our__program--item .item__image img{
		margin-left: 0px;
	}
	.page-template-page-contact .site-content > .content-area > main{
		min-height: 85vh;
		overflow: hidden;
	}
	body.page-template-page-contact:not(.home) .site-main::after{
		display: none;
	}
	.page-template-page-contact .site-content > .content-area > .site-main > .wp-block-group__inner-container .wp-block-group__inner-container.pb-100 > .wp-block-columns > .wp-block-column.content-column{
		flex-basis: 100% !important;
	}
	.page-template-page-contact .site-content > .content-area > .site-main > .wp-block-group__inner-container .wp-block-group__inner-container.pb-100 > .wp-block-columns > .wp-block-column.side-column{
		flex-basis: 100% !important;
		padding-left:0px;
	}
	.side-column .more-link{
		display: none;
	}
	.primary-navigation{
		top:0;
	}
	.primary-navigation > .primary-menu-container{
		top: 80px;
		padding-bottom: 100px;
		width:100vw;
	}
	.admin-bar .primary-navigation > .primary-menu-container{
		top: 100px;
		padding-right: 0;
		padding-bottom: 200px;
		width: 100vw;
	}
	.modal-dialog{
		overflow-y:auto;
		height: 100vh;
	}
	.search-form-label {
		font-size: 26px;
	}
	.search-submit {
		background: none !important;
		border: 1px solid #ddd !important;
		padding: 15px 0 !important;
		color: #fff !important;
		position: absolute;
		display: block !important;
		width: 200px;
		box-sizing: border-box;
		top: 100%;
		margin-top: 180px;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		cursor: pointer;
		font-size: 20px;
		border-radius: 0 !important;
	}
	.side-column-sidebar-image{
		max-height: 270px;
	}
}
@media (min-width: 300px) and (max-width: 480px)  and (orientation: portrait){
	:root{
		--responsive--aligndefault-width: min(calc(100vw - 2 *  25px), 1100px);
		--responsive--alignwide-width: min(calc(100vw - 2 *  25px), 1100px);
	}
	body{
		position: relative;
		overflow-x: hidden;
		width:100vw;
		font-size: 14px;
	}
	.latest__articles--section{
		width:100vw;
		overflow-x: hidden;
	}
	.primary-navigation .current-menu-item > a:first-child::before, .primary-navigation .current_page_parent > a:first-child::before, .primary-navigation .current-menu-parent > a:first-child::before, .primary-navigation .current_page_item > a:first-child::before{
		display: none;
	}
	.primary-navigation > .primary-menu-container {
		height: 100vh;
		z-index: 499;
		overflow-x: hidden;
		overflow-y: auto;
		border: 2px solid transparent;
		position: fixed;
		visibility: hidden;
		opacity: 0;
		top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
		right: 0;
		bottom: 0;
		left: 0;
		padding-top: 0;
		padding-left: var(--global--spacing-unit);
		padding-right: var(--global--spacing-unit);
		padding-bottom: var(--global--spacing-horizontal);
		background-color: var(--global--color-background);
		transition: all 0.15s ease-in-out;
		transform: translateY(var(--global--spacing-vertical));
	}
	.primary-navigation-open .site-branding::before {
		content: '';
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		position: fixed;
		z-index: -1;
		background-color: #fff;
	}
	.primary-navigation > div > .menu-wrapper {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		list-style: none;
		max-width: var(--responsive--aligndefault-width);
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		position: relative;
	}
	.primary-navigation-open .menu-button-container{
		background: transparent;
	}
	.wrap__post--list--article h2.entry-title, .side-column > h3, .main__title{
		margin-top:0 !important;
	}
	.primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo{
		display: block;
	}
	.home .entry-content > .wp-block-columns > .wp-block-column:first-child{
		margin-top: 42vh;
		flex-basis: 100% !important;
		text-align: center;
	}
	
	.item__banner--hero--home .post-thumbnail{
		width: 80%;
	}
	.item__banner--hero--home::after{
		height: 45vh;
	}
	.item__banner--hero--home::before{
		background-position: right top;
		background-size: 172%;
	}
	.wp-block-latest-posts__featured-image.alignleft{
		margin-right:0;
	}
	.caraousel__highlight .slick-slide > a{
		font-size: 1.25rem;
	}
	h1.has-text-align-center.main-title-page, .latest__articles--section h2.has-text-align-center, .our__program--section h2.has-text-align-center, .our__program--section h1.has-text-align-center,
	.wrap__post--list--article h2.entry-title, .side-column > h3, .main__title{
		font-size: var(--global--font-size-lg);
	}
	.archive .entry-title a,
	.category .entry-title a{
		font-size: var(--global--font-size-md) !important;
		line-height: 1;
	}
	.caraousel__highlight{
		padding-left:0;
		padding-right:0;
	}
	.caraousel__highlight .slick-list{
		border-radius: 20px;
		overflow: hidden;
	}
	.caraousel__highlight .wp-block-latest-posts__featured-image a{
		display: block;
	}
	.caraousel__highlight .slick-slide{
		padding:0 0px 0 0;
	}
	.caraousel__highlight .slick-slide > .wp-block-latest-posts__post-excerpt,
	.caraousel__highlight .slick-slide > a{
		padding: 0 20px 15px 20px;
	}
	.caraousel__highlight .slick-dots{
		bottom:-40px;
	}
	.caraousel__highlight .slick-dots li button,
	.caraousel__highlight .slick-dots li{
		background-color: #146749;
		border-radius: 20px;
		height: 10px;
		width:10px;
		transition: all .3s ease-in-out;
	}
	.caraousel__highlight .slick-dots li.slick-active{
		background-color: #51ac8b;
		transition: all .3s ease-in-out;
		width:50px;
	}
	.caraousel__highlight  .slick-dots li.slick-active button:before{
		display: none;
	}
	.our__program--section{
		width:100vw;
		overflow: hidden;
	}
	.our__program--section > .wp-block-group__inner-container{
		background-position: left top;
	}
	.our__program--section > .wp-block-group__inner-container .wp-block-column:nth-child(2n),
	.latest__articles--section > .wp-block-group__inner-container .wp-block-column:nth-child(2n){
		margin-left: 0;
	}
	.our__program--section > .wp-block-group__inner-container .wp-block-column:not(:only-child),
	.latest__articles--section > .wp-block-group__inner-container .wp-block-column:not(:only-child)
	{
		padding-bottom: 25px;
	}
	.our__program--section > .wp-block-group__inner-container .wp-block-columns.our__program--thumb{
		padding-bottom: 1.5rem;
	}
	.last__article--item .last__article--item--image{
		height:220px;
	}
	.latest__articles--section > .wp-block-group__inner-container .wp-block-columns{
		align-items: center;
		justify-content: center;
	}
	.last__article--item .last__article--item--label--title a{
		padding-bottom: 20px;
	}
	.site-footer > .site-info .site-name{
		display: none;
	}
	.site-footer{
		padding-top:0;
	}
	.last__article--item.d-flex .last__article--item--image{
		flex-basis: 100%;
		width:100%;
		height:220px;
		min-width: 100%;
	}
	.last__article--item .last__article--item--label--more a.forum{
		padding:.5rem 20px .4rem 20px;
	}
	.last__article--item .last__article--item--info--cat{
		padding-top:10px;
		padding-bottom: 10px;
	}
	.wrap__last__article--item--info--cat {
		flex-basis: calc(100% - 150px);
	}
	.last__article--item.d-flex{
		display: block;
	}
	.last__article--item--label--meta > span:nth-child(1){
		display: none;
	}
	.last__article--item--label--description{
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;  
		overflow: hidden;
		margin-bottom:15px;
	}
	.menu-button-container #primary-mobile-menu .dropdown-icon > *:not(svg){
		display: none;
	}
	.wp-custom-logo .site-header{
		height:calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
	}
	.site-logo .custom-logo{
		max-width: 300px;
	}
	.menu-button-container{
		right:1rem;
	}
	.wrap__mautahu .d-flex{
		display: block;
	}
	.wrap__mautahu{
		border-radius:0;
		background: unset;
		padding-left: 0;
		padding-right:0;
		text-align: center;
	}
	.wrap__mautahu .d-flex .item__title{
		position: relative;
		z-index: 3;
		background: #206F52;
		background: -webkit-linear-gradient(to right, #206F52 0%, #8CC9B3 100%);
		background: -moz-linear-gradient(to right, #206F52 0%, #8CC9B3 100%);
		background: linear-gradient(to right, #206F52 0%, #8CC9B3 100%);
		padding: 1rem 1.5rem;
		font-weight: 600;
		border-radius: 20px;
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.48);
	}
	.wrap__mautahu .d-flex .item__select {
		position: relative;
		flex-grow: 1;
		padding: 40px 20px 20px 20px;
		margin-bottom: 30px;
		background: #206F52;
		background: -webkit-linear-gradient(to right, #206F52 0%, #8CC9B3 100%);
		background: -moz-linear-gradient(to right, #206F52 0%, #8CC9B3 100%);
		background: linear-gradient(to right, #206F52 0%, #8CC9B3 100%);
		margin-top:-30px;
		border-radius: 20px;
	}
	.wrap__mautahu .d-flex .item__select::before{
		top:2.8rem;
		right:22px;
	}
	.wrap__mautahu .dropdown-select.entypo-down-open-big{
		min-height: 50px;
	}
	.wrap__mautahu .d-flex .item__button:focus, .wrap__mautahu .d-flex .item__button{
		background: #206F52;
		background: -webkit-linear-gradient(to right, #206F52 0%, #8CC9B3 100%);
		background: -moz-linear-gradient(to right, #206F52 0%, #8CC9B3 100%);
		background: linear-gradient(to right, #206F52 0%, #8CC9B3 100%);
		color:#fff;
	}
	.site-footer{
		background-size:260%;
	}
	body.archive .wrap__breadcrumbs{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.wp-block-column.content-column-article{
		padding:0 20px;
	}
	.category-side-wrap .wp-block-column{
		margin-left: 0 !important;
	}
	.social-media ul li a{
		display: inline-block;
		padding: 0 20px;
		width: 24px;
		height: 24px;
		font-size: 0;
	}
	.modal-dialog{
		padding:25px 0;
		align-items: flex-start;
	}
	.registrasi__top .modal-content, .modal-content{
		width: 90vw;
	}
	.menu-button-container #primary-mobile-menu{
		padding-top:6px !important;
		padding-right:0;
	}
	.item__banner--hero--home .post-thumbnail img{
		margin-top:120px;
	}
	.wrap__breadcrumbs > ol > li:last-child a{
		padding-right:0;
	}
	.bbp-breadcrumb{
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top:0;
		width:100%;
	}
	#bbpress-forums li.bbp-header {
		font-size: 11px;
	}
	.caraousel__highlight .wp-block-latest-posts__featured-image > a::after{
		height:101%;
	}
	.side-column > h3{
		font-size:  var(--global--font-size-md);
	}
	.wp-block-columns .wp-block-column.side-column-sidebar-content:last-child{
		margin-left: 0;
	}
	.side-column .more-link{
		display: none;
	}
	.block-wrap-parent{
		flex-basis: 100% !important;
		margin-left: 0;
	}
	
	.social-media ul{
		margin:0;
		padding:0;
		padding-left:0 !important;
	}
	.social-media.share{
		justify-content: flex-start;
	}
	.social-media ul > li:first-child a{
		padding-left:0;
	}
	.d-mobile-block{
		display: block;
	}
	.d-mobile-none{
		display: none;
	}
	.mb-0-mobile{
		margin-bottom:0 !important;
		padding-bottom:0 !important;
	}
	.wrap__daftar--widget{
		flex-direction: column;
	}
	.wrap__daftar--widget .button__daftar--widget{
		flex-basis: auto;
    	width: auto;
	}
	.wrap__daftar--widget .button__daftar--widget > a{
		margin-top:1rem;
		min-width: 100px;
	}
	#bbpress-forums li.bbp-body ul.forum >li > div.d-flex, #bbpress-forums li.bbp-body ul.topic > li > div.d-flex, #bbpress-forums li > div.d-flex{
		flex-direction: column;
	}
	.bbp-topic-voice-count > div > span:nth-child(2),
	.bbp-topic-reply-count > div > span:nth-child(2){
		font-size:8px;
	}
	.bbp-header > .bbp-topic-author,
	.bbp-header > .bbp-reply-author{
		text-align: left !important;
	}
	.page-template-default p.mt-0 > img:first-child{
	    width:100%;
	    margin-bottom:15px;
	}
	.forum-list .last__article--item--label--description{
		display: none;
	}
	.last__article--item .last__article--item--label--title{
		margin-bottom:50px;
	}
	.slick-dots li button:before{
		display: none;
	}
	body.logged-in:not(.wp-admin) .site-header{
        margin-top:-46px;
        height:100px;
    }
    body.logged-in.primary-navigation-open.lock-scrolling:not(.wp-admin) #wpadminbar{
        margin-top:-46px;
    }
     body.logged-in.primary-navigation-open.lock-scrolling .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo{
         top:0 !important;
     }
    body.wp-admin #wpadminbar #wp-admin-bar-my-sites a.ab-item, 
    body.wp-admin #wpadminbar #wp-admin-bar-site-name > a.ab-item{
        background-size: auto 70%;
        background-position: 0px 8px;
    }
    body.logged-in:not(.wp-admin) #wpadminbar #wp-admin-bar-site-name > a.ab-item{
        background-position: 25px 4px;
    }
    #wpadminbar #wp-admin-bar-my-account{
        margin-right: 5px;
    }
    body.logged-in:not(.wp-admin) #wp-admin-bar-site-name .ab-sub-wrapper .ab-submenu a{
        padding-left: 25px;
    }
    .wp-admin #wpadminbar #wp-admin-bar-site-name >.ab-item{
        width: 5px;
    }
    p.search-box{
        width: 97%;
        margin-bottom: 0px;
    }
	body .site-footer{
		margin-top:0;
		background-size:unset;
	}
	.category-list-meta + h2.entry-title.alignleft{
		line-height: 1.3;
		font-size: var(--global--font-size-md);
	}
	.term-kegiatan .last__article--item .last__article--item--label--title{
		margin-bottom:0;
	}
	.last__article--item .last__article--item--label--more a svg{
		width:23px;
		height:23px;
	}
	.term-program-kami .our__program--thumb--item .wrapper__our__program--item--info .item__title, .home .our__program--thumb--item .wrapper__our__program--item--info .item__title{
		display: block;
		min-height: 72px;
		height: auto;
	}
	.searchform .wrap__icon--input{
		display: block;
	}
	.search-text, form input[type="text"].search-text {
		position: absolute;
		top: 100%;
		width: 50%;
		left: 0;
		right: 0;
		margin: 20px auto 0 auto;
		background: none;
		border: none;
		border-bottom: 1px dashed #ddd;
		font-size: 60px;
		color: #fff;
		text-align: center;
		outline: none;
		min-width: 300px;
	}
	.search-form-label {
		font-size: 26px;
	}
	button.hide.search-submit {
		background: none !important;
		border: 1px solid #ddd !important;
		padding: 15px 0 !important;
		color: #fff !important;
		position: absolute;
		display: block !important;
		width: 200px;
		box-sizing: border-box;
		top: 100%;
		margin-top: 180px;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		cursor: pointer;
		font-size: 20px;
		border-radius: 0 !important;
	}
	.side-column-sidebar-image{
		max-height: 270px;
	}
}