:root {
	--size-1em: 1em;
	--size-2em: 2em;
	--size-3em: 3em;
	--size-4em: 4em;
	--color-primary: #0095da;
	--color-secondary: #fcb14c;
}

/* Hacks */
#pushstat {display: none !important;}
* {margin: 0px; padding: 0px;}
img {border: none;}
.clearPan, .spacer {clear: both; height: 0px;}
.center, .col-centered {float: none; margin-left: auto; margin-right: auto; text-align: center;}
#body-wrapper {filter: alpha(opacity=40);-moz-opacity:.40;opacity:.40;}
#body-wrapper.enabled {filter: alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;}
#noscriptAlert {margin: 150px auto -255px auto; padding: 20px; text-align: center; width: 400px; background-color: #CCF; border: #1A5F86 2px solid;}
#noscriptAlert div.title {font-size: 28px;}

/* Web Styles */
section {position: relative; z-index: 0;}
.wyswyg {padding: 15px 0px; text-align: justify;} 
.wyswyg ul, .wyswyg ol, .content ol, .content ul {margin-left: 15px;}
.wyswyg p {margin-bottom: 10px;}
.wyswyg img {max-width: 100%;}
.img-responsive {margin: 0 auto;}
.img-wrapper {position: relative; text-align: center; overflow: hidden;}
.img-wrapper.fixed-height-1 {height: 0; padding: 0 15px 65%;}
.img-wrapper img {max-width: 100%;}
.vertical-middle {white-space: nowrap;}
.vertical-middle:before {content: ''; display: inline-block; width: 1px; height: 100%; vertical-align: middle;}
.vertical-middle > * {display: inline-block; vertical-align: middle; white-space: normal;}
.vertical-bottom {white-space: nowrap;}
.vertical-bottom:before {content: ''; display: inline-block; width: 1px; height: 100%; vertical-align: bottom;}
.vertical-bottom > * {display: inline-block; vertical-align: bottom; white-space: normal;}
.equal-height {display: -ms-flex; display: -webkit-flex; display: flex;}
.p4 {padding: var(--size-4em) 0;} .p3 {padding: var(--size-3em) 0;} .p2 {padding: var(--size-2em) 0;} .p1 {padding: var(--size-1em) 0;}
.pt4 {padding-top: var(--size-4em);} .pt3 {padding-top: var(--size-3em);} .pt2 {padding-top: var(--size-2em);} .pt1 {padding-top: var(--size-1em);}
.pb4 {padding-bottom: var(--size-4em);} .pb3 {padding-bottom: var(--size-3em);} .pb2 {padding-bottom: var(--size-2em);} .pb1 {padding-bottom: var(--size-1em);}
.m4 {margin: var(--size-4em) 0;} .m3 {margin: var(--size-3em) 0;} .m2 {margin: var(--size-2em) 0;} .m1 {margin: var(--size-1em) 0;}
.mt4 {margin-top: var(--size-4em);} .mt3 {margin-top: var(--size-3em);} .mt2 {margin-top: var(--size-2em);} .mt1 {margin-top: var(--size-1em);}
.mb4 {margin-bottom: var(--size-4em);} .mb3 {margin-bottom: var(--size-3em);} .mb2 {margin-bottom: var(--size-2em);} .mb1 {margin-bottom: var(--size-1em);}
.parallax {background-attachment: fixed;}

/* Bootstrap Fix */
.navbar-brand {padding: 12px 0 0; width: 140px;}
.navbar-brand img {max-height: 100%; display: inline-block;}
.alert {border-radius: 0;}
#toggle-slide:hover::before, #toggle-slide:hover::after, #toggle-slide:hover i {background: var(--color-secondary);}

/* Synx Fix */
/*[data-page=custom-lembaga] .dark #navigation {background-color: var(--color-primary);}
.dark #navigation.fixed {background-color: var(--color-primary);}
*/
/* #big-hero {background: radial-gradient(circle at 12% 25%, #e0f2fb 0%, #44b1e4 60%, var(--color-primary) 90%);} */
#big-hero {background-image: url(../../upload/event/BG-banner-web-WIB.jpg); background-position: center; background-size: cover !important;}
#big-hero > .parallaxie {background-position:center; background-size: cover !important;}
.banner-big {background-position: center; background-size:cover;}

#instansi-image {background: radial-gradient(circle at 90% 90%, #014782 0%, #013360 60%, #012647 90%);}
#instansi-image > .parallaxie {background-size: contain !important;}

#final-list {background: radial-gradient(circle at 50% 50%, #aadbca 0%, #00abbd 60%, #00abbd 90%);}
#final-list > .parallaxi {background-size: cover !important;}

.textfade-bg .owl-dots {margin-top: -2rem; text-align: center;}
.blogpost .col-image {background: none !important; overflow: hidden;}
.box-info .image img, .blogpost .col-image img {height: auto; width: 80%; margin: 0 10% 10%;}
.box-info .image img.alur {height: 100%; width: 100%; margin: 0;}
/* .border-round {width: 100%; height: 0; padding-bottom: 100%; border-radius: 50%; overflow: hidden;} */
.border-round {width: 100%; height: 0;padding-bottom: 50%; border-radius: 50%; overflow: hidden;}
.border-square {width: 100%; height: 0; padding-bottom: 80%; border-radius: 0; overflow: hidden;}
/*.services .border-round img {margin: 35px; width: calc(100% - 70px);}*/
.feedback-thumbs {border-bottom: none;}
.feedback-thumbs:after {display: block; content: ""; position: absolute; bottom: -2px; left: 20%; width: 60%; border-bottom: 2px solid #dedede;}
.feedback-thumbs .owl-stage {margin: 0 auto;}

.sidebar-nav ul.social.white {margin: 20px 0;}
.sidebar-nav ul.social.white li a {color: var(--color-primary); font-size: 32px; padding: 0 32px;}
.sidebar-nav ul.social.white li a:hover {color: var(--color-secondary);}
ul.social.app-link li a {border: none; width: auto; margin: 30px 0px;}
ul.social.app-link li a img {max-height: 50px;}
.sidebar-nav ul.social.app-link {position: absolute; bottom: 15px; margin: 0;}

@media (max-width: 768px) {
	.services .border-round {height: auto; padding-bottom: initial;}
	.services .border-round img {max-width: 175px; margin: 0 auto;}
	.services .border-square {height: auto; padding-bottom: initial;}
	.services .border-square img {max-width: 175px; margin: 0 auto;}
	
	#final-list {background: radial-gradient(circle at 50% 50%, #aadbca 0%, #00abbd 60%, #00abbd 90%);}
    #final-list > .parallaxi {background-size: cover !important;}
}

@media (min-width: 768px) {
	.sidebar-nav ul.social.app-link {margin-left: -17px; width: 100%; text-align: center;}
	.banner-big {background-size: cover;}
}
@media (min-width: 520px) {
    .banner-big {background-size: cover;}
}

@media (min-width: 992px) {
    .banner-big {background-size: cover;}
}

@media (min-width: 1200px) {
    .banner-big {background-size: cover;}
}