.tablepress{--text-color:#111;--head-text-color:var(--text-color);--head-bg-color:#d9edf7;--odd-text-color:var(--text-color);--odd-bg-color:#fff;--even-text-color:var(--text-color);--even-bg-color:#f9f9f9;--hover-text-color:var(--text-color);--hover-bg-color:#f3f3f3;--border-color:#ddd;--padding:0.5rem;border:none;border-collapse:collapse;border-spacing:0;clear:both;margin:0 auto 1rem;table-layout:auto;width:100%}.tablepress>:not(caption)>*>*{background:none;border:none;box-sizing:border-box;float:none!important;padding:var(--padding);text-align:left;vertical-align:top}.tablepress>:where(thead)+tbody>:where(:not(.child))>*,.tablepress>tbody>*~:where(:not(.child))>*,.tablepress>tfoot>:where(:first-child)>*{border-top:1px solid var(--border-color)}.tablepress>:where(thead,tfoot)>tr>*{background-color:var(--head-bg-color);color:var(--head-text-color);font-weight:700;vertical-align:middle;word-break:normal}.tablepress>:where(tbody)>tr>*{color:var(--text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))>*{background-color:var(--odd-bg-color);color:var(--odd-text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>*{background-color:var(--even-bg-color);color:var(--even-text-color)}.tablepress>.row-hover>tr{content-visibility:auto}.tablepress>.row-hover>tr:has(+.child:hover)>*,.tablepress>.row-hover>tr:hover+:where(.child)>*,.tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>*{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.tablepress img{border:none;margin:0;max-width:none;padding:0}.tablepress-table-description{clear:both;display:block}.dt-scroll{width:100%}.dt-scroll .tablepress{width:100%!important}div.dt-scroll-body tfoot tr,div.dt-scroll-body thead tr{height:0}div.dt-scroll-body tfoot tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body thead tr th{border-bottom-width:0!important;border-top-width:0!important;height:0!important;padding-bottom:0!important;padding-top:0!important}div.dt-scroll-body tfoot tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body thead tr th div.dt-scroll-sizing{height:0!important;overflow:hidden!important}div.dt-scroll-body>table.dataTable>thead>tr>td,div.dt-scroll-body>table.dataTable>thead>tr>th{overflow:hidden}.tablepress{--head-active-bg-color:#049cdb;--head-active-text-color:var(--head-text-color);--head-sort-arrow-color:var(--head-active-text-color)}.tablepress thead th:active{outline:none}.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:before{bottom:50%;content:"\25b2"/"";display:block;position:absolute}.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:after{content:"\25bc"/"";display:block;position:absolute;top:50%}.tablepress thead .dt-orderable-asc .dt-column-order,.tablepress thead .dt-orderable-desc .dt-column-order,.tablepress thead .dt-ordering-asc .dt-column-order,.tablepress thead .dt-ordering-desc .dt-column-order{color:var(--head-sort-arrow-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif!important;font-size:14px;height:24px;line-height:12px;position:relative;width:12px}.tablepress thead .dt-orderable-asc .dt-column-order:after,.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-orderable-desc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:after,.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:before{opacity:.2}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc{cursor:pointer;outline-offset:-2px}.tablepress thead .dt-orderable-asc:hover,.tablepress thead .dt-orderable-desc:hover,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{background-color:var(--head-active-bg-color);color:var(--head-active-text-color)}.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after{opacity:.8}.tablepress tfoot>tr>* .dt-column-footer,.tablepress tfoot>tr>* .dt-column-header,.tablepress thead>tr>* .dt-column-footer,.tablepress thead>tr>* .dt-column-header{align-items:center;display:flex;gap:4px;justify-content:space-between}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title,.tablepress tfoot>tr>* .dt-column-header .dt-column-title,.tablepress thead>tr>* .dt-column-footer .dt-column-title,.tablepress thead>tr>* .dt-column-header .dt-column-title{flex-grow:1}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title:empty,.tablepress tfoot>tr>* .dt-column-header .dt-column-title:empty,.tablepress thead>tr>* .dt-column-footer .dt-column-title:empty,.tablepress thead>tr>* .dt-column-header .dt-column-title:empty{display:none}.tablepress:where(.auto-type-alignment) .dt-right,.tablepress:where(.auto-type-alignment) .dt-type-date,.tablepress:where(.auto-type-alignment) .dt-type-numeric{text-align:right}.tablepress:where(.auto-type-alignment) .dt-right .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-right .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-header{flex-direction:row-reverse}.dt-container{clear:both;margin-bottom:1rem;position:relative}.dt-container .tablepress{margin-bottom:0}.dt-container .tablepress tfoot:empty{display:none}.dt-container .dt-layout-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell{display:block;width:100%}.dt-container .dt-layout-cell{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;padding:5px 0}.dt-container .dt-layout-cell.dt-layout-full{align-items:center;justify-content:space-between;width:100%}.dt-container .dt-layout-cell.dt-layout-full>:only-child{margin:auto}.dt-container .dt-layout-cell.dt-layout-start{align-items:center;justify-content:flex-start;margin-right:auto}.dt-container .dt-layout-cell.dt-layout-end{align-items:center;justify-content:flex-end;margin-left:auto}.dt-container .dt-layout-cell:empty{display:none}.dt-container .dt-input,.dt-container label{display:inline;width:auto}.dt-container .dt-input{font-size:inherit;padding:5px}.dt-container .dt-length,.dt-container .dt-search{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.dt-container .dt-paging .dt-paging-button{background:#0000;border:1px solid #0000;border-radius:2px;box-sizing:border-box;color:inherit!important;cursor:pointer;display:inline-block;font-size:1em;height:32px;margin-left:2px;min-width:32px;padding:0 5px;text-align:center;text-decoration:none!important;vertical-align:middle}.dt-container .dt-paging .dt-paging-button.current,.dt-container .dt-paging .dt-paging-button:hover{border:1px solid #111}.dt-container .dt-paging .dt-paging-button.disabled,.dt-container .dt-paging .dt-paging-button.disabled:active,.dt-container .dt-paging .dt-paging-button.disabled:hover{border:1px solid #0000;color:#0000004d!important;cursor:default;outline:none}.dt-container .dt-paging>.dt-paging-button:first-child{margin-left:0}.dt-container .dt-paging .ellipsis{padding:0 1em}@media screen and (max-width:767px){.dt-container .dt-layout-row{flex-direction:column}.dt-container .dt-layout-cell{flex-direction:column;padding:.5em 0}}
.tablepress-id-2 .column-1{width:500px}.tablepress-id-3 .column-1{width:500px}.tablepress-id-4 .column-1{width:500px}.tablepress-id-6 .column-1{width:500px}.tablepress-id-19 .column-1{width:200px;text-align:center}.tablepress-id-20 .column-1{width:200px;text-align:center}.tablepress-id-20 .column-3{width:100%}.tablepress-id-12 .column-1{width:500px}.tablepress-id-13 .column-1{width:500px}.tablepress-id-14 .column-1{width:500px}.tablepress-id-15 .column-1{width:500px}.tablepress-id-16 .column-1{width:500px}.tablepress-id-17 .column-1{width:500px}.tablepress-id-18 .column-1{width:500px}.tablepress-id-75 .column-1{width:500px}.tablepress-id-76 .column-1{width:500px}.tablepress-id-78 .column-1{width:500px}.tablepress-id-79 .column-1{width:500px}.tablepress-id-80 .column-1{width:500px}.tablepress-id-81 .column-1{width:500px}.tablepress-id-82 .column-1{width:500px}@media only screen and (max-width: 1140px) {
}
@media only screen and (max-width: 960px) {
} @media only screen and (max-width: 768px) { #header-sticky-wrapper {
height: auto !important;
}
.is-sticky #header {
position: static !important;
}
#site-header {
position: relative;
z-index: 9999;
}
#pre-header {
min-height: 5px;
}
#header {
padding: 0;
}
#header-core {
display: table;
width: 100%;
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#logo,
#header-nav {
display: table-cell;
vertical-align: middle;
}
#logo {
height: auto;
float: none;
position: static;	
padding: 0;
margin: 0 10px 10px;
}
#pre-header-search,
#header-links,
#pre-header-social {
display: none;
}
#header-responsive {
display: block;
background: #292929;
padding: 0 20px;
}
#header-responsive ul {
margin: 0;
}
#header-responsive li {
position: relative;
list-style: none;
border: none;
background: none;
}
#header-responsive .sub-menu li {
padding: 0;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
#header-responsive li a {
color: #AAA;
display: block;
border-bottom: 1px dotted #505050;
padding: 10px 20px;
}
#header-responsive li.current_page_item a,
#header-responsive li a:hover {
color: white;
}
#header-responsive-inner {
}
#header .menu > li.menu-hover > a,
#header .menu > li.current_page_item > a,
#header .menu > li.current-menu-ancestor > a,
#header .menu > li > a:hover {
color: inherit;
background: none;
}
.nav-collapse {
visibility: hidden;
overflow: hidden;
height: 0;
}
.nav-collapse.in {
visibility: visible;
}
.btn-navbar {
width: 20px;
float: right;
padding: 10px 10px;
}
.btn-navbar .icon-bar {
display: block;
width: 20px;
height: 3px;
margin: 0 0 0 auto;
background-color: #333;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px
}
.btn-navbar .icon-bar + .icon-bar {
margin-top: 3px;
}
.nav-collapse.collapse {
-webkit-transition: height 0.35s ease;
-moz-transition: height 0.35s ease;
-ms-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease;
position: relative;
overflow: hidden;
height: 0;
} #slider .featured-title span,
.thinkupslider-sc .featured-title span {
font-size: 25px !important;
}
#slider .featured-excerpt span,	
.thinkupslider-sc .featured-excerpt span {	
font-size: 14px !important;
line-height: 22px !important;
}
#slider .featured-link a,
.thinkupslider-sc .featured-link a {
font-size: 12px !important;
padding: 5px 10px !important;
} #slider .videoBG video,
.thinkupslider-sc .videoBG video {
top: -25% !important;
} .action-text.action-teaser h3, 
.attention_text h3 { 
margin-top: 0px; 
}    .commentlist .children .children .children { 
margin: 0px; 
} .hover-excerpt {
display: none;
}
.da-thumbs li article h3 {
padding: 0;
}    .customtitle h1,
.customtitle h2,
.customtitle h3,
.customtitle h4,
.customtitle h5,
.customtitle h6 {
white-space: initial;
}
.customtitle .title-div {
display: none;
}
} @media only screen and (max-width: 685px) { #pre-header-links-inner,
#pre-header-social,
#breadcrumbs,
#sidebar,
#intro.option3 .page-teaser,
#footer-menu,
.meta-author {
display: none !important;
}
#main-core,
#intro.option1, 
#intro.option2 {
margin-left: 0px !important;
}
#main {
width: 100% !important;
}
#main-core, 
#intro,
.commentlist .children .children {
margin: 0px !important;
}
#intro.option3 #intro-core {
margin-left: 10px;
}
.notification-text {
display: block;
margin-bottom: 5px;
} #header-responsive .sub-menu-toggle,
#header-responsive .menu-item-has-children > a:after {
position: absolute;
right: 0;
top: 0;
width: 39px;
height: 39px;
line-height: 39px;
}
#header-responsive .sub-menu-toggle {
z-index: 3;
}
#header-responsive .sub-menu-toggle:focus {
outline: thin dotted;
}
#header-responsive .menu-item-has-children > a:after {
font-family: fontawesome;
content: "\f067";
text-align: center;
font-size: 12px;
z-index: 2;
}
#header-responsive .menu-item-has-children.sub-menu-show > a:after {
content: "\f068";
}
#header-responsive .sub-menu {
overflow: hidden;
height: 0;
}
#header-responsive .sub-menu-show > .sub-menu {
height: auto;
}
#header-responsive .sub-menu-show > a {
color: #FFF;
}
#header-responsive .sub-menu a {
padding-right: 70px;
}
#header-responsive .sub-menu .sub-menu-toggle {
width: 70px;
}
#header-responsive .sub-menu .menu-item-has-children > a:after {
right: 20px;
} #slider .featured-title,
.thinkupslider-sc .featured-title {
margin-bottom: 15px !important;
}
#slider .featured-excerpt,
.thinkupslider-sc .featured-excerpt {
display: none !important;
}  .commentlist .children .children {
margin: 0px;
} #introaction,
#outroaction {
padding: 20px 10px
}
#outroaction-core,
#introaction-core {
padding: 20px;
}
.action-text.three_fourth,
.action-button.one_fourth.last {
width:100%;
float:none;
margin-right:0px;
}
.action-button h4 {
padding: 10px 10px;
margin: 0px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.action-text {
padding-bottom: 10px;
}
.action-text > h3 {
margin-top: 0px;
}
.action-text,
.attention_text {
text-align: center;
} .thinkup_widget_flickr .flickr-photo {
width: auto !important;
margin-right: 5px !important;
}
} @media only screen and (max-width: 568px) { #notification-core .notification-text {
display: block;
margin-bottom: 5px;
} #slider,
.thinkupslider-sc {
text-align: center  !important;
}
#slider .featured-title span,
.thinkupslider-sc .featured-title span {
font-size: 20px  !important;
}
#slider .featured-video,
.thinkupslider-sc .featured-video {
display: none  !important;
}
#slider .featured-link,
.thinkupslider-sc .featured-link {
margin-top: 0 !important;
}
#slider .featured-link a,
.thinkupslider-sc .featured-link a {
padding: 3px 15px;
margin: 0px;
} .portfolio-nav.port-navbar {
display: block;
color: inherit;
padding: 5px 20px;
background: #F5F5F5;
border: 1px solid #DDD;
}
.portfolio-nav.port-navbar i {
margin-right: 10px;
}
section#options.port-collapse {
overflow: hidden;
height: 0;
}
section#options.port-collapse.collapse {
-webkit-transition: height 0.35s ease;
-moz-transition: height 0.35s ease;
-ms-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease;
position: relative;
overflow: hidden;
height: 0;
}
section#options {
margin-bottom: 20px;
border: none;
}
section#options > span {
display: block;
padding: 5px 10px;
color: white;
font-weight: bold;
font-size: larger;
}
section#options > span i {
padding-right: 20px;
}
#filter.portfolio-filter {
display: block;
width: 100%;
margin: 0;
padding: 0;
border: none;
overflow: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.element.column-1 ,
.element.column-2 ,
.element.column-3 ,
.element.column-4 {
width: auto !important;
}
#filter.portfolio-filter li {
display: block;
padding-right: 1px;
}
#filter.portfolio-filter li a {
font-size: 100%;
width: 100%;
margin: 0;
padding: 5px 20px;
margin-bottom: 2px;
border-bottom: 1px solid #EEE;
}
#filter.portfolio-filter li:after {
content: "";
}
#filter.portfolio-filter li:first-child a {
padding-left: 20px;
}
#filter.portfolio-filter li a:hover, #filter.portfolio-filter li a.selected {
border-bottom-color: #EEE !important;
} #sharemessage {
text-align: center;
margin-bottom: 15px;
padding: 0;
}
#shareicons {
padding: 0;
}
#sharemessage,
#shareicons {
width: 100%;
display: block;
text-align: center;
}
#comments {
margin-right: 0;
}
#nocomments {
margin-left: 0;
} #author-image {
display: none;
}
#author-text {
margin: 0px;
}
#author-bio .author-description {
padding-right: 50px;
}
span.post-title {
display:none;
}
p.form-submit {
margin-bottom: 0px;
}
#shareicons a {
float: none;
margin-left: 10px;
margin-right: 10px;
}
.form-allowed-tags {
display: none;
} .action-text h3, .action-text p {
margin-left: 0px;
margin-right: 0px;
}
.action-button p {
margin-left: 0px;
margin-right: 0px;
} .one_half,
.one_third,
.two_third,
.one_fourth,
.three_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
width:100%;
float:none;
margin-right:0px;
}
#footer .widget-area.one_half,
#footer .widget-area.one_third,
#footer .widget-area.two_third,
#footer .widget-area.one_fourth,
#footer .widget-area.three_fourth,
#footer .widget-area.one_fifth,
#footer .widget-area.two_fifth,
#footer .widget-area.three_fifth,
#footer .widget-area.four_fifth,
#footer .widget-area.one_sixth,
#footer .widget-area.five_sixth {
width:100%;
float:none;
margin-right:0px;
}
.border {
margin-left:10px;
margin-right:10px;
}
.pricing-table.style1 span {
text-align: center;
padding-left: 0;
padding-right: 0;
background: none !important
}
.pricing-table.style2 .pricing-package {
float: none;
display: block;
margin: 0 auto 20px;
max-width: 100% !important;
width: 100% !important;
}
.pricing-table.style2 .pricing-package.big {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}  .thinkup_widget_categories li span {
float: none;
padding-left: 5px;
} .hidden-mobile {
display: none;
}
} @media only screen and (max-width: 320px) { .comment-meta {
float: none;
display: block;
}
.commentlist .children {
margin: 0 0 0 25px;
}  } @media only screen and 
(-webkit-min-device-pixel-ratio: 1.5), only screen and 
(-o-min-device-pixel-ratio: 3/2), only screen and 
(min-device-pixel-ratio: 1.5) {
}@font-face {
font-family: "Rubik";
src: url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Rubik-Regular.eot);
src: url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Rubik-Regular.eot?#iefix) format("embedded-opentype"), url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Rubik-Regular.woff2) format("woff2"), url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Rubik-Regular.woff) format("woff"), url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Rubik-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Rubik-SemiBold.eot);
src: url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Rubik-SemiBold.eot?#iefix) format("embedded-opentype"), url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Rubik-SemiBold.woff2) format("woff2"), url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Rubik-SemiBold.woff) format("woff"), url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Rubik-SemiBold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Rubik-Bold.eot);
src: url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Rubik-Bold.eot?#iefix) format("embedded-opentype"), url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Rubik-Bold.woff2) format("woff2"), url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Rubik-Bold.woff) format("woff"), url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Rubik-Bold.ttf) format("truetype");
font-weight: bold;
font-style: normal;
font-display: swap;
}  @font-face {
font-family: "Playfair Display";
src: url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/PlayfairDisplay-Regular.eot);
src: url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/PlayfairDisplay-Regular.eot?#iefix) format("embedded-opentype"), url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/PlayfairDisplay-Regular.woff2) format("woff2"), url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/PlayfairDisplay-Regular.woff) format("woff"), url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/PlayfairDisplay-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Playfair Display";
src: url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/PlayfairDisplay-Bold.eot);
src: url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/PlayfairDisplay-Bold.eot?#iefix) format("embedded-opentype"), url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/PlayfairDisplay-Bold.woff2) format("woff2"), url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/PlayfairDisplay-Bold.woff) format("woff"), url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/PlayfairDisplay-Bold.ttf) format("truetype");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Playfair Display";
src: url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/PlayfairDisplay-SemiBold.eot);
src: url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/PlayfairDisplay-SemiBold.eot?#iefix) format("embedded-opentype"), url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/PlayfairDisplay-SemiBold.woff2) format("woff2"), url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/PlayfairDisplay-SemiBold.woff) format("woff"),
url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/PlayfairDisplay-SemiBold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}  @font-face {
font-family: "Poppins";
src: url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Poppins-Bold.eot);
src: url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Poppins-Bold.eot?#iefix) format("embedded-opentype"), url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Poppins-Bold.woff2) format("woff2"), url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Poppins-Bold.woff) format("woff"), url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Poppins-Bold.ttf) format("truetype");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Poppins-SemiBold.eot);
src: url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Poppins-SemiBold.eot?#iefix) format("embedded-opentype"), url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Poppins-SemiBold.woff2) format("woff2"), url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Poppins-SemiBold.woff) format("woff"), url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Poppins-SemiBold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Poppins-Regular.eot);
src: url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Poppins-Regular.eot?#iefix) format("embedded-opentype"), url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Poppins-Regular.woff2) format("woff2"), url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Poppins-Regular.woff) format("woff"), url(//contest.orari-bogor.org/wp-content/plugins/connect-contact-form-7-to-social-apps/assets/fonts/front/Poppins-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}  :root {
--cf7cw-primary-color: #6659bf;
--cf7cw-primary-color-rgb: 102, 89, 191;
--cf7cw-whatsapp-color1: #25d366;
--cf7cw-whatsapp-color1-rgb: 37, 211, 102;
--cf7cw-whatsapp-color2: #09816d;
--cf7cw-whatsapp-color2-rgb: 9, 129, 109;
--cf7cw-black-color: #000000;
--cf7cw-black-color-rgb: 0, 0, 0;
--cf7cw-white-color: #ffffff;
--cf7cw-form-text-color: #ffffff;
--cf7cw-form-bg-color: #09816d;
--cf7cw-light-color1: #e9ecef;
--cf7cw-light-color2: #dcdcdc;
--cf7cw-light-color3: #828282;
--cf7cw-primary-font: "Rubik";
--cf7cw-transition: 0.3s;
}
.cf7cw-chat-widgets * {
padding: 0;
margin: 0;
-webkit-tap-highlight-color: transparent !important;
box-sizing: border-box;
}
.cf7cw-chat-widget {
position: fixed !important;
display: flex;
width: -moz-fit-content;
width: fit-content;
flex-direction: column;
gap: 16px;
font-family: var(--cf7cw-primary-font);
line-height: 1;
font-size: 0;
z-index: 9999999;
}
.cf7cw-chat-widget-right {
right: 16px;
bottom: 16px;
align-items: flex-end;
}
.cf7cw-chat-widget-left {
left: 16px;
bottom: 16px;
align-items: flex-start;
} .cf7cw-chat-widget-handle-btn {
display: flex;
cursor: pointer;
align-items: center;
gap: 8px;
transition: var(--cf7cw-transition);
}
.cf7cw-chat-widget-handle-btn-text {
border-radius: 16px;
padding: 8px 16px;
box-shadow: 0 10px 15px -3px rgba(var(--cf7cw-black-color-rgb), 0.1), 0 4px 6px -4px rgba(var(--cf7cw-black-color-rgb), 0.1);
transition: var(--cf7cw-transition);
font-size: 18px;
line-height: 1.5;
background: var(--cf7cw-white-color);
}
.cf7cw-chat-widget-handle-btn-icon {
font-size: 56px;
display: flex;
align-items: center;
justify-content: center;
}
.cf7cw-chat-widget-handle-btn-icon svg,
.cf7cw-chat-widget-handle-btn-icon img {
color: inherit;
fill: currentColor;
width: 1em;
height: 1em;
}  .cf7cw-chat-widget-form {
display: flex;
flex-direction: column;
border-radius: 6px;
background-color: var(--cf7cw-white-color);
box-shadow: 0 10px 15px -3px rgba(var(--cf7cw-black-color-rgb), 0.1), 0 4px 6px -4px rgba(var(--cf7cw-black-color-rgb), 0.1);
font-family: var(--cf7cw-primary-font);
width: 360px;
height: auto;
z-index: 10;
top: 50px;
}
.cf7cw-chat-widget-form-title {
display: flex;
width: 100%;
min-height: 48px;
gap: 24px;
border-radius: 6px 6px 0 0;
color: var(--cf7cw-form-text-color);
background: var(--cf7cw-form-bg-color);
}
.cf7cw-chat-widget-form-title-text {
display: flex;
align-items: center;
padding-left: 20px;
padding-right: 20px;
font-size: 20px;
line-height: 28px;
font-weight: 600;
flex: 1;
}
.cf7cw-chat-widget-close-btn {
all: unset;
display: flex;
width: 40px;
cursor: pointer;
align-items: center;
justify-content: center;
flex: 0 0 auto;
font-size: 22px;
opacity: 0.7;
transition: var(--cf7cw-transition);
}
.cf7cw-chat-widget-close-btn svg {
width: 1em;
height: 1em;
fill: currentColor;
}
.cf7cw-chat-widget-form-body {
display: flex;
flex-direction: column;
padding: 20px;
gap: 16px;
font-size: 16px;
max-height: 500px;
overflow-y: auto;
}
.cf7cw-chat-widget-header-text,
.cf7cw-chat-widget-footer-text {
font-size: 16px;
}
.cf7cw-chat-widget-form-body .wpcf7-form > p {
margin-bottom: 0 !important;
position: relative;
font-family: inherit;
}
.cf7cw-chat-widget-form-body .wpcf7-form > p br {
display: none;
}
.cf7cw-chat-widget .wpcf7-form > p > label {
margin-bottom: 6px;
display: flex;
flex-direction: column;
gap: 6px;
font-family: inherit;
font-weight: 600;
}
.cf7cw-chat-widget .wpcf7-form-control-wrap {
position: relative;
display: block;
width: 100%;
margin-bottom: 12px;
}
.cf7cw-chat-widget .wpcf7-form-control-wrap .wpcf7-not-valid-tip,
.cf7cw-chat-widget .wpcf7-response-output {
display: none !important;
}
.cf7cw-chat-widget .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-checkbox):not(.wpcf7-radio) {
all: unset;
cursor: text;
display: block;
width: 100%;
height: 40px;
min-height: unset;
max-width: 100%;
padding: 8px 20px;
background: var(--cf7cw-white-color);
border: 1px solid rgba(var(--cf7cw-black-color-rgb), 0.15) !important;
border-radius: 6px !important;
color: var(--cf7cw-black-color);
font-size: 16px;
line-height: 1.2 !important;
outline: none !important;
box-shadow: none !important;
transition: var(--cf7cw-transition);
box-sizing: border-box;
font-weight: 400;
}
.cf7cw-chat-widget .wpcf7-form-control:focus {
border-color: rgba(var(--cf7cw-black-color-rgb), 0.5) !important;
}
.cf7cw-chat-widget textarea.wpcf7-form-control.wpcf7-textarea {
height: 120px !important;
resize: none !important;
display: block !important;
min-height: unset !important;
padding: 10px 20px !important;
word-wrap: break-word !important;
}
.cf7cw-chat-widget select.wpcf7-form-control {
max-width: 100% !important;
display: flex !important;
align-items: center !important;
padding: 5px 40px 5px 20px !important;
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 1rem top 50% !important;
background-size: 1rem auto !important;
}
.cf7cw-chat-widget .wpcf7-form-control.wpcf7-radio,
.cf7cw-chat-widget .wpcf7-form-control.wpcf7-checkbox {
display: flex;
font-size: 16px;
line-height: 1.2;
flex-wrap: wrap;
gap: 16px;
}
.cf7cw-chat-widget .wpcf7-form-control.wpcf7-radio .wpcf7-list-item,
.cf7cw-chat-widget .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item {
margin: 0;
}
.cf7cw-chat-widget .wpcf7-radio input[type="radio"],
.cf7cw-chat-widget .wpcf7-checkbox input[type="checkbox"] {
--size: 16px;
--bg-opacity: 0.2;
all: unset;
width: var(--size);
height: var(--size);
border: 1px solid currentColor;
background: rgba(var(--cf7cw-whatsapp-color2-rgb), var(--bg-opacity, 0));
color: var(--cf7cw-whatsapp-color2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.cf7cw-chat-widget .wpcf7-radio input[type="radio"]::before,
.cf7cw-chat-widget .wpcf7-checkbox input[type="checkbox"]::before {
all: unset;
--size: 15px;
--bg-opacity: 0.8;
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: var(--size);
height: var(--size);
border-radius: 50%;
background: rgba(var(--cf7cw-whatsapp-color2-rgb), var(--bg-opacity, 0));
z-index: 1;
transition: var(--cf7cw-transition);
opacity: 0;
visibility: hidden;
cursor: pointer;
}
.cf7cw-chat-widget .wpcf7-radio input[type="radio"]:hover::before,
.cf7cw-chat-widget .wpcf7-checkbox input[type="checkbox"]:hover::before {
--size: 10px;
opacity: 1;
visibility: visible;
}
.cf7cw-chat-widget .wpcf7-radio input[type="radio"]:checked::before,
.cf7cw-chat-widget .wpcf7-checkbox input[type="checkbox"]:checked::before {
--bg-opacity: 1;
--size: 10px;
opacity: 1;
visibility: visible;
}
.cf7cw-chat-widget .wpcf7-radio label,
.cf7cw-chat-widget .wpcf7-checkbox label {
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 6px;
}
.cf7cw-chat-widget .wpcf7-list-item-label:before,
.cf7cw-chat-widget .wpcf7-list-item-label:after {
content: none !important;
}
.cf7cw-chat-widget .wpcf7-checkbox input[type="checkbox"] {
border-radius: 3px;
}
.cf7cw-chat-widget .wpcf7-checkbox input[type="checkbox"]::before {
width: 9px;
height: 4px;
background: none;
border-width: 0px 0px 2px 2px;
border-style: solid;
border-radius: 0;
transform: translate(-50%, -50%) rotate(-45deg);
top: 41%;
}
.cf7cw-chat-widget .wpcf7-spinner {
position: absolute;
margin: 0;
top: 50%;
right: 10px;
transform: translate(0, -50%);
}
.cf7cw-chat-widget .cf7cw-sec-btn,
.cf7cw-chat-widget input[type="submit"],
.cf7cw-chat-widget button[type="submit"] {
width: 100%;
height: 44px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
color: var(--cf7cw-form-text-color);
background: var(--cf7cw-form-bg-color);
border: 2px solid var(--cf7cw-form-bg-color);
border-radius: 40px;
padding: 8px 35px;
font-weight: 600;
position: relative;
outline: none !important;
transition: var(--cf7cw-transition);
cursor: pointer;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 16px;
}
.cf7cw-sec-btn:hover,
.cf7cw-chat-widget input[type="submit"]:hover,
.cf7cw-chat-widget button[type="submit"]:hover {
background: var(--cf7cw-whatsapp-color1);
border-color: var(--cf7cw-whatsapp-color1);
color: var(--cf7cw-white-color);
}
.cf7cw-sec-btn:focus,
.cf7cw-chat-widget input[type="submit"]:focus,
.cf7cw-chat-widget button[type="submit"]:focus {
background: var(--cf7cw-whatsapp-color1);
border-color: var(--cf7cw-whatsapp-color1);
color: var(--cf7cw-white-color);
}  .cf7cw-chat-widget-greetings-simple {
position: relative;
display: flex;
width: 310px;
flex-direction: column;
gap: 8px;
padding: 24px 32px;
box-shadow: 0 20px 25px -5px rgba(var(--cf7cw-black-color-rgb), 0.1), 0 8px 10px -6px rgba(var(--cf7cw-black-color-rgb), 0.1);
transition: var(--cf7cw-transition);
cursor: pointer;
background: var(--cf7cw-white-color);
}
.cf7cw-chat-widget-greetings-simple {
border-radius: max(4vh, 64px);
}
.cf7cw-chat-widget-greetings-close-btn {
--size: 16px;
position: absolute;
right: 0;
top: -20px;
display: flex;
height: var(--size);
width: var(--size);
font-size: 16px;
cursor: pointer;
align-items: center;
justify-content: center;
border-radius: 9999px;
background-color: var(--cf7cw-white-color);
transition: var(--cf7cw-transition);
}
.cf7cw-chat-widget-greetings-simple-title,
.cf7cw-chat-widget-greetings-simple-text {
z-index: 10;
line-height: 1.5;
transition: var(--cf7cw-transition);
color: var(--cf7cw-light-color3);
font-size: 14px;
}
.cf7cw-chat-widget-greetings-simple-title {
font-weight: 600;
}
.cf7cw-chat-widget-greetings-simple-title img {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}  .cf7cw-chat-widget-greetings-wave {
position: relative;
bottom: 0;
left: 0;
display: flex;
height: 50%;
width: 280px;
cursor: pointer;
flex-direction: column;
justify-content: space-between;
gap: 8px;
border-radius: 24px;
padding: 24px 16px;
background: var(--cf7cw-white-color);
box-shadow: 0 20px 25px -5px rgba(var(--cf7cw-black-color-rgb), 0.1), 0 8px 10px -6px rgba(var(--cf7cw-black-color-rgb), 0.1);
transition: var(--cf7cw-transition);
opacity: 0.9;
}
.cf7cw-chat-widget-greetings-wave:hover {
opacity: 1;
}
.cf7cw-chat-widget-greetings-wave-1-icon {
margin: 40px auto;
width: 100px;
text-align: center;
}
.cf7cw-chat-widget-greetings-wave-1-icon img {
display: inline-block;
}
.cf7cw-chat-widget-greetings-wave-title,
.cf7cw-chat-widget-greetings-wave-text {
font-size: 14px;
line-height: 1.5;
transition: var(--cf7cw-transition);
color: var(--cf7cw-light-color3);
}
.cf7cw-chat-widget-greetings-wave-title {
font-weight: 600;
}
.cf7cw-chat-widget-greetings-wave-text {
font-weight: 400;
}
.cf7cw-chat-widget-greetings-wave-cta {
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
padding: 16px;
gap: 10px;
font-size: 15px;
text-align: center;
line-height: 20px;
font-weight: 700;
transition: var(--cf7cw-transition);
cursor: pointer;
background: rgba(var(--cf7cw-primary-color-rgb), 0.08);
color: var(--cf7cw-primary-color);
margin-top: 10px;
}
.cf7cw-chat-widget-greetings-wave-cta:hover {
background: rgba(var(--cf7cw-primary-color-rgb), 0.2);
}
.cf7cw-chat-widget-greetings-wave-cta .cf7cw-chat-widget-greetings-wave-cta-icon {
display: flex;
align-items: center;
justify-content: center;
}
.cf7cw-chat-widget-greetings-wave-cta-icon img {
width: 1em;
height: 1em;
display: block;
}
.cf7cw-chat-widget-greetings-wave-cta .cf7cw-chat-widget-greetings-wave-cta-text {
width: -moz-fit-content;
width: fit-content;
font-weight: 600;
}
.cf7cw-chat-widget .order-1 {
order: 1;
}
.cf7cw-chat-widget .order-2 {
order: 2;
}
.cf7cw-chat-widget .order-3 {
order: 3;
}
.cf7cw-chat-widget .order-4 {
order: 4;
}
.cf7cw-chat-widget .order-5 {
order: 5;
}
.cf7cw-chat-widget .order-6 {
order: 6;
}
.cf7cw-chat-widget .order-7 {
order: 7;
}
.cf7cw-chat-widget .order-8 {
order: 8;
}
.cf7cw-chat-widget .order-9 {
order: 9;
}
.cf7cw-chat-widget .order-10 {
order: 10;
}
@media (max-width: 767px) {
.cf7cw-chat-widget-form {
width: 290px;
}
.cf7cw-chat-widget {
width: 290px;
}
.cf7cw-chat-widget-greetings-simple {
width: 100%;
max-width: 100%;
}
}