@import url(https://p.typekit.net/p.css?s=1&k=jdm4ryb&ht=tk&f=749.750.753.754.755.756.757.758&a=28388107&app=typekit&e=css); @import url(https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i,900,900i&display=swap); @import url(https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap); @import url(https://fonts.googleapis.com/css?family=Bai+Jamjuree:300,300i,400,400i,500,500i,600,600i,700,700i&display=swap); @import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap); .gj-button-md,.gj-modal{overflow:hidden;outline:0}.gj-button-md,.gj-button-md-group{position:relative;vertical-align:middle}.gj-button{background-color:#f5f5f5;border:1px solid #ddd;color:#000;border-radius:3px;padding:6px 10px;cursor:pointer}.gj-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gj-row{display:flex;flex-wrap:wrap}.gj-margin-left-5{margin-left:5px}.gj-margin-left-10{margin-left:10px}.gj-width-full{width:100%}.gj-cursor-pointer{cursor:pointer}.gj-text-align-center{text-align:center}.gj-font-size-16{font-size:16px}.gj-hidden{display:none}.gj-button-md{background:0 0;border:none;border-radius:2px;color:rgba(0,0,0,.87);height:36px;margin:0;min-width:64px;padding:0 16px;display:inline-block;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:0;will-change:box-shadow;transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);cursor:pointer;text-decoration:none;text-align:center;line-height:36px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gj-button-md:hover{background-color:rgba(158,158,158,.2)}.gj-button-md:disabled{color:rgba(0,0,0,.26);background:0 0}.gj-button-md .gj-icon,.gj-button-md .material-icons{vertical-align:middle}.gj-button-md.gj-button-md-icon{width:24px;height:31px;min-width:24px;padding:0;display:table}.gj-button-md.gj-button-md-icon .gj-icon,.gj-button-md.gj-button-md-icon .material-icons{display:table-cell;margin-right:0;width:24px;height:24px}.gj-button-md.active{background-color:rgba(158,158,158,.4)}.gj-button-md-group{display:inline-block}.gj-textbox-md{border:none;border-bottom:1px solid rgba(0,0,0,.42);display:block;font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:16px;padding:4px 0;margin:0;width:100%;background:0 0;text-align:left;color:rgba(0,0,0,.87)}.gj-textbox-md:active,.gj-textbox-md:focus{border-bottom:2px solid rgba(0,0,0,.42);outline:0}.gj-textbox-md::-moz-placeholder{color:#8e8e8e}.gj-textbox-md::placeholder{color:#8e8e8e}.gj-textbox-md:-ms-input-placeholder{color:#8e8e8e}.gj-textbox-md::-ms-input-placeholder{color:#8e8e8e}.gj-md-spacer-24{min-width:24px;width:24px;display:inline-block}.gj-md-spacer-32{min-width:32px;width:32px;display:inline-block}.gj-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1203;display:none;-webkit-overflow-scrolling:touch;background-color:rgba(0,0,0,.54118);transition:.2s ease opacity;will-change:opacity}ul.gj-list li [data-role=wrapper]{display:table;width:100%}ul.gj-list li [data-role=checkbox],ul.gj-list li [data-role=image]{display:table-cell;vertical-align:middle;text-align:center}ul.gj-list li [data-role=display]{display:table-cell;vertical-align:middle;cursor:pointer}ul.gj-list li [data-role=display]:empty:before{content:"\200b"}ul.gj-list-bootstrap{padding-left:0;margin-bottom:0}ul.gj-list-bootstrap li{padding:0}ul.gj-list-bootstrap li [data-role=wrapper]{padding:0 10px}ul.gj-list-bootstrap li [data-role=checkbox]{width:24px;padding:3px}ul.gj-list-bootstrap li [data-role=image]{width:24px;height:24px}ul.gj-list-bootstrap li [data-role=display]{padding:8px 0 8px 4px}.list-group-item.active ul li,.list-group-item.active:focus ul li,.list-group-item.active:hover ul li{text-shadow:none;color:initial}ul.gj-list-md{padding:0;list-style:none;line-height:24px;letter-spacing:0;color:#616161}.gj-picker-md,ul.gj-list-md li{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;letter-spacing:.04em;line-height:1}ul.gj-list-md li{display:list-item;list-style-type:none;padding:0;min-height:unset;box-sizing:border-box;align-items:center;cursor:default;overflow:hidden;flex-direction:row;flex-wrap:nowrap}ul.gj-list-md li [data-role=checkbox],ul.gj-list-md li [data-role=image]{height:24px;width:24px}ul.gj-list-md li [data-role=display]{padding:8px 0 8px 5px;order:0;flex-grow:2;text-decoration:none;box-sizing:border-box;align-items:center;text-align:left;color:rgba(0,0,0,.87)}ul.gj-list-md li.disabled>[data-role=wrapper]>[data-role=display]{color:#9E9E9E}.gj-list-md-active{background:#e0e0e0;color:#3f51b5}.gj-picker{position:absolute;z-index:1203;background-color:#fff}.gj-picker .selected{color:#fff}.gj-picker-md{color:rgba(0,0,0,.87);border:1px solid #E0E0E0}.gj-modal .gj-picker-md{border:0}.gj-picker-md [role=header]{color:rgba(255,255,255,.54);display:flex;background:#2196f3;align-items:baseline;-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:center}.gj-picker-md [role=footer]{float:right;padding:10px}.gj-picker-md [role=footer] button.gj-button-md{color:#2196f3;font-weight:700;font-size:13px}.gj-picker-bootstrap{border:1px solid #E0E0E0}.gj-picker-bootstrap .selected{color:#888}.gj-picker-bootstrap [role=header]{background:#eee;color:#AAA}@font-face{font-family:gijgo-material;src:url(../fonts/gijgo-material.eot?235541);src:url(../fonts/gijgo-material.eot?235541#iefix) format('embedded-opentype'),url(../fonts/gijgo-material.ttf?235541) format('truetype'),url(../fonts/gijgo-material.woff?235541) format('woff'),url(../fonts/gijgo-material.svg?235541#gijgo-material) format('svg');font-weight:400;font-style:normal}.gj-icon{font-family:gijgo-material!important;font-size:24px;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;letter-spacing:0;-ms-font-feature-settings:"liga" 1;font-feature-settings:"liga";font-variant-ligatures:discretionary-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gj-dialog-md-header,.gj-grid-md{font-family:Roboto,Helvetica,Arial,sans-serif}.gj-icon.undo:before{content:"\e900"}.gj-icon.vertical-align-top:before{content:"\e901"}.gj-icon.vertical-align-center:before{content:"\e902"}.gj-icon.vertical-align-bottom:before{content:"\e903"}.gj-icon.arrow-dropup:before{content:"\e904"}.gj-icon.clock:before{content:"\e905"}.gj-icon.refresh:before{content:"\e906"}.gj-icon.last-page:before{content:"\e907"}.gj-icon.first-page:before{content:"\e908"}.gj-icon.cancel:before{content:"\e909"}.gj-icon.clear:before{content:"\e90a"}.gj-icon.check-circle:before{content:"\e90b"}.gj-icon.delete:before{content:"\e90c"}.gj-icon.arrow-upward:before{content:"\e90d"}.gj-icon.arrow-forward:before{content:"\e90e"}.gj-icon.arrow-downward:before{content:"\e90f"}.gj-icon.arrow-back:before{content:"\e910"}.gj-icon.list-numbered:before{content:"\e911"}.gj-icon.list-bulleted:before{content:"\e912"}.gj-icon.indent-increase:before{content:"\e913"}.gj-icon.indent-decrease:before{content:"\e914"}.gj-icon.redo:before{content:"\e915"}.gj-icon.align-right:before{content:"\e916"}.gj-icon.align-left:before{content:"\e917"}.gj-icon.align-justify:before{content:"\e918"}.gj-icon.align-center:before{content:"\e919"}.gj-icon.strikethrough:before{content:"\e91a"}.gj-icon.italic:before{content:"\e91b"}.gj-icon.underlined:before{content:"\e91c"}.gj-icon.bold:before{content:"\e91d"}.gj-icon.arrow-dropdown:before{content:"\e91e"}.gj-icon.done:before{content:"\e91f"}.gj-icon.pencil:before{content:"\e920"}.gj-icon.minus:before{content:"\e921"}.gj-icon.plus:before{content:"\e922"}.gj-icon.chevron-up:before{content:"\e923"}.gj-icon.chevron-right:before{content:"\e924"}.gj-icon.chevron-down:before{content:"\e925"}.gj-icon.chevron-left:before{content:"\e926"}.gj-icon.event:before{content:"\e927"}.gj-draggable{cursor:move}.gj-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none;z-index:1203}.gj-dialog-bootstrap [data-role=title],.gj-dialog-bootstrap4 [data-role=title],.gj-dialog-bootstrap5 [data-role=title]{display:inline}.gj-dialog-bootstrap,.gj-dialog-bootstrap4,.gj-dialog-bootstrap5,.gj-dialog-md{z-index:1202;overflow:hidden}.gj-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.gj-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.gj-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.gj-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.gj-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.gj-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.gj-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.gj-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.gj-dialog-footer{position:absolute;bottom:0;width:100%;margin-top:0}.gj-dialog-scrollable [data-role=body]{overflow-x:hidden;overflow-y:scroll}.gj-dialog-bootstrap [data-role=close]{line-height:1.42857143}.gj-dialog-bootstrap4 [data-role=close],.gj-dialog-bootstrap5 [data-role=close]{line-height:1.5}.gj-dialog-md{background-color:#FFF;border:none;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);box-sizing:border-box;position:relative;display:flex;flex-direction:column;-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}.gj-dialog-md-header{padding:24px 24px 0}.gj-dialog-md-title{margin:0;font-weight:400;display:inline;line-height:28px;font-size:20px}.gj-dialog-md-close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0;float:right;line-height:28px;font-size:28px}.gj-dialog-md-body{padding:20px 24px 24px;color:rgba(0,0,0,.54);font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:20px}.gj-dialog-md-footer{padding:8px 8px 8px 24px;display:flex;flex-direction:row-reverse;flex-wrap:wrap;box-sizing:border-box}.gj-dialog-md-footer>:first-child{margin-right:0}.gj-dialog-md-footer>*{margin-right:8px;height:36px}DIV.gj-grid-wrapper{margin:auto;position:relative;clear:both;z-index:1}TABLE.gj-grid{margin:auto;border-collapse:collapse;width:100%;table-layout:fixed}TABLE.gj-grid THEAD TH [data-role=selectAll]{margin:auto}table.gj-grid-bootstrap thead th [data-role=sorticon],table.gj-grid-md thead th [data-role=sorticon]{margin-left:5px}TABLE.gj-grid THEAD TH [data-role=title],TABLE.gj-grid THEAD TH [data-role=sorticon]{display:inline-block}TABLE.gj-grid THEAD TH{overflow:hidden;text-overflow:ellipsis}TABLE.gj-grid.autogrow-header-row THEAD TH{overflow:auto;text-overflow:initial;white-space:pre-wrap;-ms-word-break:break-word;word-break:break-word}TABLE.gj-grid>tbody>tr>td{overflow:hidden;position:relative}table.gj-grid tbody div[data-role=display]{vertical-align:middle;text-indent:0;white-space:pre-wrap;-ms-word-break:break-word;word-break:break-word}table.gj-grid.fixed-body-rows tbody div[data-role=display]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-word-break:initial;word-break:initial}table.gj-grid tfoot DIV[data-role=display]{vertical-align:middle;text-indent:0;display:flex}TABLE.gj-grid .fa{padding:2px}TABLE.gj-grid>tbody>tr>td>div{padding:2px;overflow:hidden}DIV.gj-grid-wrapper DIV.gj-grid-loading-cover{background:#BBB;opacity:.5;position:absolute;vertical-align:middle}DIV.gj-grid-wrapper DIV.gj-grid-loading-text{position:absolute;font-weight:700}table.gj-grid-bootstrap thead th{background-color:#f5f5f5;vertical-align:middle}table.gj-grid-bootstrap thead th [data-role=sorticon] i.gj-icon,table.gj-grid-bootstrap thead th [data-role=sorticon] i.material-icons{position:absolute;font-size:20px;top:15px}table.gj-grid-bootstrap tbody tr td div[data-role=display]{padding:0}.gj-grid-bootstrap-4 .gj-checkbox-bootstrap{display:inline-block;padding-top:2px}.gj-grid-bootstrap-4 tbody tr.active{background-color:rgba(0,0,0,.075)}.gj-grid-md{position:relative;border:1px solid #e0e0e0;border-collapse:collapse;white-space:nowrap;font-size:13px;background-color:#fff}.gj-grid-md td:first-of-type,.gj-grid-md th:first-of-type{padding-left:24px}.gj-grid-md td,.gj-grid-md th{padding:12px 18px;position:relative;box-sizing:border-box}.gj-grid-md th{vertical-align:bottom;font-weight:700;line-height:31px;letter-spacing:0;height:56px;font-size:12px;color:rgba(0,0,0,.54);text-align:right}.gj-grid-md td{height:48px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;text-align:left;color:rgba(0,0,0,.87)}.gj-grid-bootstrap tbody tr.gj-grid-top-border td,.gj-grid-md tbody tr.gj-grid-top-border td{border-top:2px solid #777}.gj-grid-bootstrap tbody tr.gj-grid-bottom-border td,.gj-grid-md tbody tr.gj-grid-bottom-border td{border-bottom:2px solid #777}.gj-grid-md tbody tr{position:relative;height:48px;transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:background-color}.gj-grid-md tbody tr:hover{background-color:#EEE}.gj-grid-md tbody tr.gj-grid-md-select{background-color:#F5F5F5}table.gj-grid-md thead th [data-role=sorticon] i.gj-icon,table.gj-grid-md thead th [data-role=sorticon] i.material-icons{position:absolute;font-size:16px;top:19px}table.gj-grid-md thead th.gj-grid-select-all{padding-bottom:3px}@media only all{td.display-1120,td.display-320,td.display-480,td.display-640,td.display-800,td.display-960,th.display-1120,th.display-320,th.display-480,th.display-640,th.display-800,th.display-960{display:none}}@media screen and (min-width:20em){TABLE.gj-grid-bootstrap td.display-320,TABLE.gj-grid-bootstrap th.display-320{display:table-cell}}@media screen and (min-width:30em){TABLE.gj-grid-bootstrap td.display-480,TABLE.gj-grid-bootstrap th.display-480{display:table-cell}}@media screen and (min-width:40em){TABLE.gj-grid-bootstrap td.display-640,TABLE.gj-grid-bootstrap th.display-640{display:table-cell}}@media screen and (min-width:50em){TABLE.gj-grid-bootstrap td.display-800,TABLE.gj-grid-bootstrap th.display-800{display:table-cell}}@media screen and (min-width:60em){TABLE.gj-grid-bootstrap td.display-960,TABLE.gj-grid-bootstrap th.display-960{display:table-cell}}@media screen and (min-width:70em){TABLE.gj-grid-bootstrap td.display-1120,TABLE.gj-grid-bootstrap th.display-1120{display:table-cell}}.gj-grid-md tfoot tr th{padding-right:14px}.gj-grid-md tfoot tr[data-role=pager] .gj-grid-mdl-pager-label{padding-left:5px;padding-right:5px}.gj-grid-md tfoot tr[data-role=pager] .gj-dropdown-md{margin-left:12px}.gj-grid-md tfoot tr[data-role=pager] .gj-dropdown-md [role=presenter]{font-size:12px;font-weight:700;color:rgba(0,0,0,.54)}.gj-grid-md tfoot tr[data-role=pager] .gj-dropdown-md [role=presenter] [role=display]{text-align:right}.gj-grid-md tfoot tr[data-role=pager] .gj-grid-md-limit-select{margin-left:10px;font-size:12px;font-weight:700;color:rgba(0,0,0,.54)}.gj-grid-bootstrap tfoot tr[data-role=pager] th{line-height:30px;background-color:#f5f5f5}.gj-grid-bootstrap tfoot tr[data-role=pager] th>div>button,.gj-grid-bootstrap tfoot tr[data-role=pager] th>div>div{margin-right:5px}.gj-grid-bootstrap-4 tfoot tr[data-role=pager] th>div button{height:34px}.gj-grid-bootstrap-4 tfoot tr[data-role=pager] th div .gj-dropdown-bootstrap-4 .gj-dropdown-expander-mi .gj-icon{top:5px}.gj-grid-bootstrap-3 tfoot tr[data-role=pager] th>div>input{margin-right:5px;width:40px;text-align:right;display:inline-block;font-weight:700}.gj-grid-bootstrap-4 tfoot tr[data-role=pager] th>div>div.input-group{width:40px}.gj-grid-bootstrap-4 tfoot tr[data-role=pager] th>div>div.input-group input{text-align:right;font-weight:700;height:34px;padding-top:2px;padding-bottom:6px}.gj-grid-bootstrap tfoot tr[data-role=pager] th>div>select{display:inline-block;margin-right:5px;width:60px}.gj-grid-bootstrap tfoot tr[data-role=pager] th .gj-dropdown-bootstrap .gj-list-bootstrap [data-role=display]{line-height:14px}.gj-grid-bootstrap tfoot tr[data-role=pager] th .gj-dropdown-bootstrap [role=presenter] [role=display]{font-weight:700}.gj-grid-bootstrap tfoot tr[data-role=pager] th .gj-dropdown-bootstrap-3 [role=presenter]{padding:2px 8px}.gj-grid-bootstrap tfoot tr[data-role=pager] th .gj-dropdown-bootstrap-4 [role=presenter]{padding:1px 8px}.gj-grid thead tr th div.gj-grid-column-resizer-wrapper{position:relative;width:100%;height:0;top:0;left:0;padding:0}span.gj-grid-column-resizer{position:absolute;right:0;width:10px;top:-100px;height:300px;z-index:1203;cursor:e-resize}.gj-grid-resize-cursor{cursor:e-resize}.gj-grid-md tbody tr td.gj-grid-left-border,.gj-grid-md thead tr th.gj-grid-left-border{border-left:3px solid #777}.gj-grid-md tbody tr td.gj-grid-right-border,.gj-grid-md thead tr th.gj-grid-right-border{border-right:3px solid #777}.gj-grid-bootstrap tbody tr td.gj-grid-left-border,.gj-grid-bootstrap thead tr th.gj-grid-left-border{border-left:5px solid #ddd}.gj-grid-bootstrap tbody tr td.gj-grid-right-border,.gj-grid-bootstrap thead tr th.gj-grid-right-border{border-right:5px solid #ddd}.gj-dirty{position:absolute;top:0;left:0;border-style:solid;border-width:3px;border-color:red transparent transparent red;padding:0;overflow:hidden;vertical-align:top}.gj-grid-md tbody tr td.gj-grid-management-column{padding:3px}.gj-grid-md tbody tr td[data-mode=edit]{padding:0 18px}.gj-grid-bootstrap tbody tr td[data-mode=edit],.gj-grid-bootstrap tbody tr td[data-mode=edit] [data-role=edit],.gj-grid-md tbody .gj-dropdown-md [role=presenter] [role=display]{padding:0}.gj-grid-bootstrap-3 tbody tr td.gj-grid-management-column{padding:3px}.gj-grid-bootstrap-3 tbody tr td[data-mode=edit]{height:38px}.gj-grid-bootstrap-3 tbody tr td[data-mode=edit] [data-role=edit] input[type=text]{height:37px;padding:8px}.gj-grid-bootstrap-3 tbody tr td[data-mode=edit] .gj-dropdown-bootstrap [role=presenter]{border:0;border-radius:0;height:37px;padding-left:8px}.gj-grid-bootstrap-3 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap{height:37px}.gj-grid-bootstrap-3 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=input]{height:37px;border:0;border-radius:0}.gj-grid-bootstrap-3 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=right-icon]{border:0;border-radius:0}.gj-grid-bootstrap-3 tbody tr td[data-mode=edit] .gj-checkbox-bootstrap{display:inline-block;padding-top:10px;height:32px}.gj-grid-bootstrap-4 tbody tr td.gj-grid-management-column{padding:6px}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] [data-role=edit] input[type=text]{height:48px;padding-left:12px}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-dropdown-bootstrap [role=presenter]{border:0;border-radius:0;height:48px;padding-left:12px;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-dropdown-bootstrap-4 [role=expander].gj-dropdown-expander-mi .gj-icon,.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-dropdown-bootstrap-4 [role=expander].gj-dropdown-expander-mi .material-icons{top:13px}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap{height:48px}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=input]{height:48px;border:0;border-radius:0}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=right-icon]{background-color:#fff}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=right-icon] button{border:0;border-radius:0;width:43px;position:relative}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=right-icon] .gj-icon,.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=right-icon] .material-icons{top:13px;left:10px;font-size:24px}.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-checkbox-bootstrap{display:inline-block;padding-top:15px;height:42px}.gj-grid-md thead tr[data-role=filter] th{border-top:1px solid #e0e0e0}div.gj-grid-wrapper div.gj-grid-bootstrap-toolbar{background-color:#f5f5f5;padding:8px;font-weight:700;border:1px solid #ddd}div.gj-grid-wrapper div.gj-grid-bootstrap-4-toolbar{background-color:#f5f5f5;padding:12px;font-weight:700;border:1px solid #ddd}div.gj-grid-wrapper div.gj-grid-md-toolbar{font-weight:700;font-size:24px;font-family:Helvetica,Arial,sans-serif;background-color:#fff;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:0;border-collapse:collapse;padding:0 18px;line-height:56px}table.gj-grid-scrollable tbody{overflow-y:auto;overflow-x:hidden;display:block}table.gj-grid-md.gj-grid-scrollable{border-bottom:0}table.gj-grid-md.gj-grid-scrollable tbody{border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}table.gj-grid-md.gj-grid-scrollable tfoot{border-bottom:1px solid #e0e0e0}table.gj-grid-bootstrap.gj-grid-scrollable{border-bottom:0}table.gj-grid-bootstrap.gj-grid-scrollable tbody{border-right:1px solid #ddd;border-bottom:1px solid #ddd}table.gj-grid-bootstrap.gj-grid-scrollable tbody tr[data-role=row]:first-child td{border-top:0}table.gj-grid-bootstrap.gj-grid-scrollable tbody tr[data-role=row] td:first-child{border-left:0}table.gj-grid-bootstrap.gj-grid-scrollable tbody tr[data-role=row] td:last-child{border-right:0}table.gj-grid-bootstrap.gj-grid-scrollable tfoot{border-bottom:1px solid #ddd}ul.gj-list li [data-role=spacer]{display:table-cell}ul.gj-list li [data-role=expander]{display:table-cell;vertical-align:middle;text-align:center;cursor:pointer}[data-type=tree] ul li [data-role=expander].gj-tree-font-awesome-expander,[data-type=tree] ul li [data-role=expander].gj-tree-glyphicons-expander,[data-type=tree] ul li [data-role=expander].gj-tree-material-icons-expander{width:24px}[data-type=tree] ul li [data-role=expander].gj-tree-glyphicons-expander .glyphicon{top:4px;height:24px}.gj-tree-bootstrap-3 ul.gj-list-bootstrap li{border:0;border-radius:0;color:#333}.gj-tree-bootstrap-3 ul.gj-list-bootstrap li.active{color:#fff}.gj-tree-bootstrap-3 ul.gj-list-bootstrap li.disabled{color:#777;background-color:#eee}.gj-tree-bootstrap-4 ul.gj-list-bootstrap li{border:0;border-radius:0;color:#212529}.gj-tree-bootstrap-4 ul.gj-list-bootstrap li.active{color:#fff}.gj-tree-bootstrap-4 ul.gj-list-bootstrap li.disabled{color:#868e96}.gj-tree-bootstrap-4 ul.gj-list-bootstrap li ul.gj-list-bootstrap{width:100%}.gj-tree-bootstrap-5 ul.gj-list-bootstrap li.active{color:#fff;background-color:#0d6efd}.gj-tree-bootstrap-5 ul.gj-list-bootstrap li.disabled{color:#868e96}.gj-tree-bootstrap-5 ul.gj-list-bootstrap li ul.gj-list-bootstrap{width:100%}.gj-tree-bootstrap-border ul.gj-list-bootstrap li{border:1px solid #ddd}.gj-tree-bootstrap-border ul.gj-list-bootstrap li ul.gj-list-bootstrap li{border-left:0;border-right:0}.gj-tree-bootstrap-border ul.gj-list-bootstrap li:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.gj-tree-bootstrap-border ul.gj-list-bootstrap li:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.gj-tree-bootstrap-border ul.gj-list-bootstrap li ul.gj-list-bootstrap li:first-child{border-top-left-radius:0;border-top-right-radius:0}.gj-tree-bootstrap-border ul.gj-list-bootstrap li ul.gj-list-bootstrap li:last-child{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}ul.gj-list-bootstrap li [data-role=expander].gj-tree-material-icons-expander{padding-top:8px;padding-bottom:4px}.gj-tree-drag-el,.gj-tree-drag-el li{padding:0;margin:0}ul.gj-list-bootstrap li [data-role=expander].gj-tree-material-icons-expander .gj-icon{width:24px;height:24px}ul.gj-list-md li.disabled>[data-role=wrapper]>[data-role=expander]{color:#9E9E9E}.gj-tree-md-border ul.gj-list-md li{border:1px solid #616161;margin-bottom:-1px}.gj-tree-md-border ul.gj-list-md li ul.gj-list-md li{border-left:0;border-right:0}.gj-tree-md-border ul.gj-list-md li ul.gj-list-md li:last-child{border-bottom:0}.gj-tree-drop-above{border-top:1px solid #000}.gj-tree-bootstrap-3 ul.gj-list-bootstrap li [data-role=wrapper].drop-above,.gj-tree-bootstrap-4 ul.gj-list-bootstrap li [data-role=wrapper].drop-above{border-top:2px solid #000}.gj-tree-drop-below{border-bottom:1px solid #000}.gj-tree-bootstrap-3 ul.gj-list-bootstrap li [data-role=wrapper].drop-below,.gj-tree-bootstrap-4 ul.gj-list-bootstrap li [data-role=wrapper].drop-below{border-bottom:2px solid #000}.gj-tree-drag-el{z-index:1203}.gj-tree-drag-el [data-role=wrapper]{cursor:move;display:table}.gj-tree-drag-el [data-role=indicator]{width:14px;padding:0 3px;display:table-cell;vertical-align:middle;text-align:center}.gj-tree-bootstrap-drag-el li.list-group-item{border:0;background:unset}.gj-tree-bootstrap-drag-el [data-role=indicator],.gj-tree-md-drag-el [data-role=indicator]{width:24px;height:24px;padding:0}.gj-checkbox-bootstrap{min-width:0;font-size:0;font-weight:400;margin:0;text-align:center;width:18px;height:18px;position:relative;display:inline}.gj-checkbox-bootstrap input[type=checkbox]{display:none;margin-bottom:-12px}.gj-checkbox-bootstrap span{background:#fff;display:block;content:" ";width:18px;height:18px;line-height:11px;font-size:11px;padding:2px;color:#555;border:1px solid #CCC;border-radius:3px;transition:box-shadow .2s linear,border-color .2s linear;cursor:pointer;margin:auto}.gj-checkbox-bootstrap-4.gj-checkbox-material-icons input[type=checkbox]:checked+span:after,.gj-checkbox-bootstrap-4.gj-checkbox-material-icons input[type=checkbox]:indeterminate+span:after,.gj-checkbox-bootstrap-5.gj-checkbox-material-icons input[type=checkbox]:checked+span:after,.gj-checkbox-bootstrap-5.gj-checkbox-material-icons input[type=checkbox]:indeterminate+span:after{font-size:16px}.gj-checkbox-bootstrap.gj-checkbox-bootstrap-4 span,.gj-checkbox-bootstrap.gj-checkbox-bootstrap-5 span{line-height:16px;padding:0}.gj-checkbox-bootstrap input[type=checkbox]:focus+span:before{outline:0;box-shadow:0 0 0 0 #66afe9,0 0 6px rgba(102,175,233,.6);border-color:#66afe9}.gj-checkbox-bootstrap input[type=checkbox][disabled]+span{opacity:.6;cursor:not-allowed}.gj-checkbox-md{min-width:0;font-size:0;font-weight:400;margin:0;text-align:center;width:16px;height:16px;position:relative}.gj-checkbox-md input[type=checkbox]{display:none;margin-bottom:-12px}.gj-checkbox-md span{display:inline-block;box-sizing:border-box;width:16px;height:16px;margin:0;cursor:pointer;overflow:hidden;border:2px solid #616161;border-radius:2px;z-index:2}.gj-checkbox-md input[type=checkbox]:checked+span{border:2px solid #536DFE}.gj-checkbox-md input[type=checkbox]:checked+span:after{color:#FFF;background-color:#536DFE;position:absolute;left:1px;top:-15px}.gj-checkbox-md input[type=checkbox]:indeterminate+span{border:2px solid #616161}.gj-checkbox-md input[type=checkbox]:indeterminate+span:after{color:#616161;position:absolute;left:1px;top:-15px}.gj-checkbox-md input[type=checkbox][disabled]+span{border:2px solid #9E9E9E}.gj-editor-md,.gj-editor-md [role=body]{border:1px solid rgba(158,158,158,.2)}.gj-checkbox-md input[type=checkbox][disabled]+span:after{background-color:#9E9E9E}.gj-checkbox-md input[type=checkbox][disabled]:indeterminate+span:after{color:#FFF}.gj-checkbox-material-icons input[type=checkbox]:checked+span:after{content:"\e91f";font-size:14px;font-weight:700;white-space:pre}.gj-checkbox-material-icons input[type=checkbox]:indeterminate+span:after{content:"\e921";font-size:14px;font-weight:700;white-space:pre}.gj-checkbox-glyphicons input[type=checkbox]:checked+span:after{display:inline-block;font-family:'Glyphicons Halflings';content:"\e013 "}.gj-checkbox-glyphicons input[type=checkbox]:indeterminate+span:after{display:inline-block;font-family:'Glyphicons Halflings';content:"\2212 ";padding-right:1px}.gj-datepicker-md,.gj-dropdown-md [role=presenter],.gj-editor-md{font-family:Roboto,Helvetica,Arial,sans-serif}.gj-checkbox-fontawesome .fa{font-size:14px}.gj-checkbox-bootstrap.gj-checkbox-fontawesome .fa{line-height:18px}.gj-checkbox-fontawesome input[type=checkbox]:checked+span:before{content:"\f00c "}.gj-checkbox-fontawesome input[type=checkbox]:indeterminate+span:before{content:"\f068 "}.gj-editor [role=body]{overflow:auto;outline:transparent solid 0;box-sizing:border-box}.gj-editor-md{padding:7px;font-size:14px;font-weight:500;letter-spacing:0}.gj-editor-md [role=toolbar]{margin-bottom:7px}.gj-editor-md [role=toolbar] .gj-button-md{min-width:54px;margin-right:5px}.gj-editor-md [role=toolbar] .gj-button-md .gj-icon{width:24px;height:24px}.gj-editor-bootstrap,.gj-editor-bootstrap [role=body]{border:1px solid #eceeef}.gj-editor-md p{margin:0;padding:0}.gj-editor-md blockquote{font-size:14px}.gj-editor-bootstrap{padding:7px}.gj-editor-bootstrap [role=toolbar]{margin-bottom:7px}.gj-editor-bootstrap [role=toolbar] .btn-group{margin-right:10px}.gj-editor-bootstrap [role=toolbar] button{height:36px}.gj-editor-bootstrap p{margin:0;padding:0}.gj-editor-bootstrap blockquote{font-size:14px}.gj-dropdown{position:relative;border-collapse:separate}.gj-dropdown [role=presenter]{display:table;cursor:pointer;outline:0;position:relative}.gj-dropdown [role=presenter] [role=display]{display:table-cell;text-align:left;width:100%}.gj-dropdown [role=presenter] [role=expander]{display:table-cell;vertical-align:middle;text-align:center;width:24px;height:24px}.gj-dropdown-md [role=presenter]{font-size:16px;font-weight:400;letter-spacing:.04em;line-height:1;color:rgba(0,0,0,.87);padding:0;border:0;border-bottom:1px solid rgba(0,0,0,.42);background:0 0}.gj-dropdown-md [role=presenter]:active,.gj-dropdown-md [role=presenter]:focus{border-bottom:2px solid rgba(0,0,0,.42)}.gj-dropdown-md [role=presenter] [role=display]{padding:4px 0;line-height:18px}.gj-dropdown-md [role=presenter] [role=display] .placeholder{color:#8e8e8e}.gj-dropdown-list-md{position:absolute;top:0;left:0;background-color:#f5f5f5;color:#000;margin:0;z-index:1203}.gj-dropdown-list-md li.active,.gj-dropdown-list-md li:hover{background-color:#eee}.gj-dropdown-bootstrap [role=presenter] [role=display]{padding-right:5px}.gj-dropdown-bootstrap [role=presenter] [role=expander]{padding-left:5px}.gj-dropdown-bootstrap [role=presenter] [role=expander].gj-dropdown-expander-mi{width:24px}.gj-dropdown-bootstrap-3 [role=presenter] [role=display]{line-height:20px}.gj-dropdown-bootstrap-3 [role=presenter] [role=display] .placeholder{color:#9999b3}.gj-dropdown-bootstrap-3 [role=presenter] [role=expander]{width:20px;height:20px}.gj-dropdown-bootstrap-3 [role=presenter] [role=expander].gj-dropdown-expander-mi .gj-icon,.gj-dropdown-bootstrap-3 [role=presenter] [role=expander].gj-dropdown-expander-mi .material-icons{top:5px;right:10px;position:absolute}.gj-dropdown-bootstrap-4 [role=presenter]{border:1px solid #ced4da}.gj-dropdown-bootstrap-4 [role=presenter] [role=display]{line-height:24px}.gj-dropdown-bootstrap-4 [role=presenter] [role=expander].gj-dropdown-expander-mi .gj-icon,.gj-dropdown-bootstrap-4 [role=presenter] [role=expander].gj-dropdown-expander-mi .material-icons{top:7px;right:10px;position:absolute}.gj-dropdown-list-bootstrap{position:absolute;top:32px;left:0;margin:0;z-index:1203}.gj-datepicker [role=input]::-ms-clear{display:none}.gj-datepicker [role=right-icon]{cursor:pointer}.gj-picker div[role=navigator]{display:flex;flex-wrap:wrap}.gj-picker div[role=navigator] div{cursor:pointer;position:relative;flex-basis:0;flex-grow:1;max-width:100%}.gj-datepicker-md{font-size:16px;font-weight:400;letter-spacing:.04em;line-height:1;color:rgba(0,0,0,.87);position:relative}.gj-datepicker-md [role=right-icon]{position:absolute;right:0;top:0;font-size:24px}.gj-datepicker-md.small .gj-textbox-md{font-size:14px}.gj-datepicker-md.small .gj-icon{font-size:22px}.gj-datepicker-md.large .gj-textbox-md{font-size:18px}.gj-datepicker-md.large .gj-icon{font-size:28px}.gj-picker-md.datepicker [role=header]{padding:20px;display:block}.gj-picker-md.datepicker [role=header] [role=year]{font-size:17px;padding-bottom:5px;cursor:pointer}.gj-picker-md.datepicker [role=header] [role=date]{font-size:36px;cursor:pointer}.gj-picker-md div[role=navigator]{height:42px;line-height:42px}.gj-picker div[role=navigator] div[role=period]{width:100%;text-align:center;font-weight:700;font-size:15px}.gj-picker-md div[role=navigator] div:first-child,.gj-picker-md div[role=navigator] div:last-child{max-width:42px}.gj-picker-md div[role=navigator] div i.gj-icon,.gj-picker-md div[role=navigator] div i.material-icons{position:absolute;top:8px}.gj-picker-md div[role=navigator] div:first-child i.gj-icon,.gj-picker-md div[role=navigator] div:first-child i.material-icons{left:10px}.gj-picker-md div[role=navigator] div:last-child i.gj-icon,.gj-picker-md div[role=navigator] div:last-child i.material-icons{right:11px}.gj-picker-md table thead{color:#9E9E9E}.gj-picker-md table tr td div,.gj-picker-md table tr th div{display:block;width:40px;height:40px;line-height:40px;font-size:13px;text-align:center;vertical-align:middle}[type=year].gj-picker-md table tr td div,[type=decade].gj-picker-md table tr td div,[type=century].gj-picker-md table tr td div{width:73px;height:73px;line-height:73px;cursor:pointer}.gj-picker-md table tr td.gj-cursor-pointer div:hover{background:#EEE;border-radius:50%;color:rgba(0,0,0,.87)}.gj-picker-md table tr td.disabled div,.gj-picker-md table tr td.other-month div{color:#BDBDBD}.gj-picker-md table tr td.focused div{background:#E0E0E0;border-radius:50%}.gj-picker-md table tr td.today div{color:#1976D2}.gj-picker-md table tr td.selected.gj-cursor-pointer div{color:#FFF;background:#1976D2;border-radius:50%}.gj-picker-md table tr td.calendar-week div{font-weight:700}.gj-datepicker-bootstrap :active,.gj-datepicker-bootstrap :focus{box-shadow:none}.gj-picker-bootstrap{border:1px solid rgba(0,0,0,.15);border-radius:4px;padding:4px}.gj-modal .gj-picker-bootstrap{padding:0}.gj-picker-bootstrap.datepicker [role=header]{padding:10px 20px;display:block}.gj-picker-bootstrap.datepicker [role=header] [role=year]{font-size:15px;cursor:pointer}.gj-picker-bootstrap [role=header] [role=date]{font-size:24px;cursor:pointer}.gj-modal .gj-picker-bootstrap.datepicker [role=body]{padding:15px}.gj-picker-bootstrap div[role=navigator]{height:30px;line-height:30px;text-align:center}.gj-picker-bootstrap div[role=navigator] div:first-child,.gj-picker-bootstrap div[role=navigator] div:last-child{max-width:30px}.gj-picker-bootstrap table tr td div,.gj-picker-bootstrap table tr th div{display:block;width:30px;height:30px;line-height:30px;text-align:center;vertical-align:middle}[type=year].gj-picker-bootstrap table tr td div,[type=decade].gj-picker-bootstrap table tr td div,[type=century].gj-picker-bootstrap table tr td div{width:53px;height:53px;line-height:53px;cursor:pointer}.gj-picker-bootstrap table tr th div i,.gj-picker-bootstrap table tr th div span{line-height:30px}.gj-picker-bootstrap div[role=navigator] .gj-icon,.gj-picker-bootstrap div[role=navigator] .material-icons{margin:3px}.gj-picker-bootstrap table tr td.focused div,.gj-picker-bootstrap table tr td.gj-cursor-pointer div:hover{background:#EEE;border-radius:4px;color:#212529}.gj-picker-bootstrap table tr td.today div{color:#204d74;font-weight:700}.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div{color:#fff;background-color:#204d74;border-color:#122b40;border-radius:4px}.gj-picker-bootstrap table tr td.disabled div,.gj-picker-bootstrap table tr td.other-month div{color:#777}.gj-picker-bootstrap.datepicker [role=footer]{padding:1rem}.gj-picker-bootstrap.datepicker [role=footer]>:not(:last-child){margin-right:.25rem}.gj-datepicker-bootstrap span[role=right-icon].input-group-addon{border-left:0;position:relative;border-radius:0 4px 4px 0}.gj-datepicker-bootstrap span[role=right-icon].input-group-addon .gj-icon,.gj-datepicker-bootstrap span[role=right-icon].input-group-addon .material-icons{position:absolute;top:7px;left:7px}.gj-datepicker-bootstrap [role=right-icon] button{width:38px;position:relative;border:1px solid #ced4da}.gj-datepicker-bootstrap [role=right-icon] button:hover{color:#6c757d;background-color:transparent}.gj-datepicker-bootstrap.input-group-sm [role=right-icon] button{width:30px}.gj-datepicker-bootstrap.input-group-lg [role=right-icon] button{width:48px}.gj-datepicker-bootstrap [role=right-icon] button .gj-icon,.gj-datepicker-bootstrap [role=right-icon] button .material-icons{position:absolute;font-size:21px;top:9px;left:9px}.gj-datepicker-bootstrap.input-group-sm [role=right-icon] button .gj-icon,.gj-datepicker-bootstrap.input-group-sm [role=right-icon] button .material-icons{top:6px;left:6px;font-size:19px}.gj-datepicker-bootstrap.input-group-lg [role=right-icon] button .gj-icon,.gj-datepicker-bootstrap.input-group-lg [role=right-icon] button .material-icons{font-size:27px;top:10px;left:10px}.gj-datepicker-bootstrap button[role=right-icon]{width:2.5rem}.gj-datepicker-bootstrap.input-group-sm button[role=right-icon]{width:2rem}.gj-datepicker-bootstrap.input-group-lg button[role=right-icon]{width:3.3rem}.gj-datepicker-bootstrap button[role=right-icon] .gj-icon,.gj-datepicker-bootstrap button[role=right-icon] .material-icons{position:absolute;font-size:21px;top:.55rem;left:.55rem}.gj-datepicker-bootstrap.input-group-sm button[role=right-icon] .gj-icon,.gj-datepicker-bootstrap.input-group-sm button[role=right-icon] .material-icons{font-size:19px;top:.4rem;left:.34rem}.gj-datepicker-bootstrap.input-group-lg button[role=right-icon] .gj-icon,.gj-datepicker-bootstrap.input-group-lg button[role=right-icon] .material-icons{font-size:27px;top:.72rem;left:.7rem}.gj-timepicker [role=input]::-ms-clear{display:none}.gj-timepicker [role=right-icon]{cursor:pointer}.gj-picker.timepicker [role=header]{font-size:58px;padding:20px 0;line-height:58px;display:flex;align-items:baseline;-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:center}.gj-picker.timepicker [role=header] div{cursor:pointer;width:66px;text-align:right}.gj-picker [role=header] [role=mode]{position:relative;width:0}.gj-picker [role=header] [role=mode] span{position:absolute;left:7px;line-height:18px;font-size:18px}.gj-picker [role=header] [role=mode] span[role=am]{top:7px}.gj-picker [role=header] [role=mode] span[role=pm]{bottom:7px}.gj-picker [role=body] [role=dial]{width:256px;color:rgba(0,0,0,.87);height:256px;position:relative;background:#eee;border-radius:50%;margin:10px}.gj-picker-md .arrow-begin,.gj-picker-md [role=body] [role=arrow]{background-color:#2196f3}.gj-picker-bootstrap.datetimepicker [role=footer]>:not(:last-child),.gj-picker-bootstrap.timepicker [role=footer]>:not(:last-child){margin-right:.25rem}.gj-picker [role=body] [role=hour]{top:calc(50% - 16px);left:calc(50% - 16px);width:32px;height:32px;cursor:pointer;position:absolute;font-size:14px;text-align:center;line-height:32px;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.gj-colorpicker-md,.gj-timepicker-md{font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;letter-spacing:.04em;line-height:1}.gj-picker [role=body] [role=hour].selected{color:rgba(255,255,255,1)}.gj-picker [role=body] [role=arrow]{top:calc(50% - 1px);left:50%;height:2px;position:absolute;pointer-events:none;transform-origin:left center;transition:all 250ms cubic-bezier(.4,0,.2,1);width:calc(50% - 52px)}.gj-picker .arrow-begin{top:-3px;left:-4px;width:8px;height:8px;position:absolute;border-radius:50%}.gj-picker .arrow-end{top:-15px;right:-16px;width:0;height:0;position:absolute;box-sizing:content-box;border-width:16px;border-radius:50%}.gj-timepicker-md{font-size:16px;color:rgba(0,0,0,.87);position:relative}.gj-timepicker-md.small .gj-textbox-md{font-size:14px}.gj-timepicker-md.small .gj-icon{font-size:22px}.gj-timepicker-md.large .gj-textbox-md{font-size:18px}.gj-timepicker-md.large .gj-icon{font-size:28px}.gj-timepicker-md [role=right-icon]{cursor:pointer;position:absolute;right:0;top:0;font-size:24px}.gj-picker-md .arrow-end{border:16px solid #2196f3}.gj-timepicker-bootstrap :active,.gj-timepicker-bootstrap :focus{box-shadow:none}.gj-picker-bootstrap .arrow-begin,.gj-picker-bootstrap [role=body] [role=arrow]{background-color:#888}.gj-picker-bootstrap .arrow-end{border:16px solid #888}.gj-picker-bootstrap.timepicker [role=footer]{padding:1rem;border-top:1px solid #e9ecef}.gj-timepicker-bootstrap .input-group-addon{border-left:0;position:relative;width:38px;border-radius:0 4px 4px 0}.gj-timepicker-bootstrap.input-group-sm .input-group-addon{width:30px}.gj-timepicker-bootstrap.input-group-lg .input-group-addon{width:46px}.gj-timepicker-bootstrap .input-group-addon .gj-icon,.gj-timepicker-bootstrap .input-group-addon .material-icons{position:absolute;font-size:21px;top:6px;left:8px}.gj-timepicker-bootstrap.input-group-sm .input-group-addon .gj-icon,.gj-timepicker-bootstrap.input-group-sm .input-group-addon .material-icons{font-size:19px;top:5px;left:5px}.gj-timepicker-bootstrap.input-group-lg .input-group-addon .gj-icon,.gj-timepicker-bootstrap.input-group-lg .input-group-addon .material-icons{font-size:27px;top:10px;left:10px}.gj-timepicker-bootstrap [role=right-icon] button{width:38px;position:relative;border:1px solid #ced4da}.gj-timepicker-bootstrap.input-group-sm [role=right-icon] button{width:30px}.gj-timepicker-bootstrap.input-group-lg [role=right-icon] button{width:48px}.gj-timepicker-bootstrap [role=right-icon] button .gj-icon,.gj-timepicker-bootstrap [role=right-icon] button .material-icons{position:absolute;font-size:21px;top:9px;left:9px}.gj-timepicker-bootstrap.input-group-sm [role=right-icon] button .gj-icon,.gj-timepicker-bootstrap.input-group-sm [role=right-icon] button .material-icons{top:6px;left:6px;font-size:19px}.gj-timepicker-bootstrap.input-group-lg [role=right-icon] button .gj-icon,.gj-timepicker-bootstrap.input-group-lg [role=right-icon] button .material-icons{font-size:27px;top:10px;left:10px}.gj-timepicker-bootstrap button[role=right-icon]{width:2.5rem}.gj-timepicker-bootstrap.input-group-sm button[role=right-icon]{width:2rem}.gj-timepicker-bootstrap.input-group-lg button[role=right-icon]{width:3.3rem}.gj-timepicker-bootstrap button[role=right-icon] .gj-icon,.gj-timepicker-bootstrap button[role=right-icon] .material-icons{position:absolute;font-size:21px;top:.55rem;left:.55rem}.gj-timepicker-bootstrap.input-group-sm button[role=right-icon] .gj-icon,.gj-timepicker-bootstrap.input-group-sm button[role=right-icon] .material-icons{font-size:19px;top:.4rem;left:.34rem}.gj-timepicker-bootstrap.input-group-lg button[role=right-icon] .gj-icon,.gj-timepicker-bootstrap.input-group-lg button[role=right-icon] .material-icons{font-size:27px;top:.72rem;left:.7rem}.gj-picker.datetimepicker [role=header] [role=date]{padding-bottom:5px;text-align:center;cursor:pointer}.gj-picker [role=switch]{align-items:baseline;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.gj-picker [role=switch] [role=calendarMode]{position:absolute;bottom:2px;left:0;cursor:pointer}.gj-picker [role=switch] [role=time]{width:100%;text-align:center}.gj-picker [role=switch] [role=time] div{display:inline;cursor:pointer}.gj-picker [role=switch] [role=clockMode]{position:absolute;right:0;bottom:3px;cursor:pointer}.gj-picker-md.datetimepicker [role=header]{font-size:36px;padding:10px 20px;display:block}.gj-picker-md [role=switch]{color:rgba(255,255,255,.54);background:#2196f3;font-size:32px}.gj-picker-bootstrap.datetimepicker [role=header]{font-size:36px;padding:10px 20px;display:block}.gj-picker-bootstrap.datetimepicker [role=header] [role=time]{font-size:22px}.gj-picker-bootstrap.datetimepicker [role=footer]{padding:1rem;border-top:1px solid #e9ecef}.gj-slider{position:relative;padding:8px 6px}.gj-slider [role=track]{width:100%}.gj-slider [role=progress]{position:absolute;z-index:1203}.gj-slider [role=handle]{position:absolute}.gj-slider-md [role=track]{display:flex;flex-direction:column;justify-content:center;color:#fff;text-align:center;background-color:#e9ecef;height:2px;background-color:rgba(0,0,0,.26)}.gj-slider-md [role=progress]{display:flex;flex-direction:column;justify-content:center;color:#fff;text-align:center;height:2px;background-color:#536DFE;top:8px;left:6px}.gj-slider-md [role=handle]{top:3px;left:0;width:12px;height:12px;background-color:#536DFE;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);border:0 solid transparent;border-radius:50%;cursor:pointer;z-index:1204}.gj-slider-bootstrap [role=track]{border-radius:4px;height:10px}.gj-slider-bootstrap [role=progress]{height:10px;border-radius:4px;top:8px;left:6px;transition:none}.gj-slider-bootstrap [role=handle]{top:2px;left:0;width:20px;height:20px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);border:0 solid transparent;border-radius:50%;cursor:pointer;z-index:1204}.gj-slider-bootstrap-3 [role=handle]{background-color:#337ab7;background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);background-repeat:repeat-x}.gj-slider-bootstrap-4 [role=handle]{background-color:#007bff;background-image:linear-gradient(to bottom,#007bff 0,#2e6da4 100%);background-repeat:repeat-x}.gj-colorpicker [role=right-icon]{cursor:pointer}.gj-colorpicker-md{font-size:16px;color:rgba(0,0,0,.87);position:relative}.gj-colorpicker-md [role=right-icon]{position:absolute;right:0;top:0;font-size:24px} /*! * Bootstrap-select v1.13.18 (https://developer.snapappointments.com/bootstrap-select) * * Copyright 2012-2020 SnapAppointments, LLC * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE) */@-webkit-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@-o-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}.bootstrap-select>select.bs-select-hidden,select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\0;vertical-align:middle}.bootstrap-select>.dropdown-toggle{position:relative;width:100%;text-align:right;white-space:nowrap;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.bootstrap-select>.dropdown-toggle:after{margin-top:-1px}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover{color:rgba(255,255,255,.5)}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none;z-index:0!important}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2!important}.bootstrap-select.is-invalid .dropdown-toggle,.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle,.was-validated .bootstrap-select select:invalid+.dropdown-toggle{border-color:#b94a48}.bootstrap-select.is-valid .dropdown-toggle,.was-validated .bootstrap-select select:valid+.dropdown-toggle{border-color:#28a745}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none;height:auto}:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{float:none;z-index:auto}.form-inline .bootstrap-select,.form-inline .bootstrap-select.form-control:not([class*=col-]){width:auto}.bootstrap-select:not(.input-group-btn),.bootstrap-select[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.dropdown-menu-right,.bootstrap-select[class*=col-].dropdown-menu-right,.row .bootstrap-select[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select,.form-horizontal .bootstrap-select,.form-inline .bootstrap-select{margin-bottom:0}.form-group-lg .bootstrap-select.form-control,.form-group-sm .bootstrap-select.form-control{padding:0}.form-group-lg .bootstrap-select.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-lg .dropdown-toggle,.bootstrap-select.form-control-sm .dropdown-toggle{font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-sm .dropdown-toggle{padding:.25rem .5rem}.bootstrap-select.form-control-lg .dropdown-toggle{padding:.5rem 1rem}.form-inline .bootstrap-select .form-control{width:100%}.bootstrap-select.disabled,.bootstrap-select>.disabled{cursor:not-allowed}.bootstrap-select.disabled:focus,.bootstrap-select>.disabled:focus{outline:0!important}.bootstrap-select.bs-container{position:absolute;top:0;left:0;height:0!important;padding:0!important}.bootstrap-select.bs-container .dropdown-menu{z-index:1060}.bootstrap-select .dropdown-toggle .filter-option{position:static;top:0;left:0;float:left;height:100%;width:100%;text-align:left;overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.bs3.bootstrap-select .dropdown-toggle .filter-option{padding-right:inherit}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option{position:absolute;padding-top:inherit;padding-bottom:inherit;padding-left:inherit;float:none}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner{padding-right:inherit}.bootstrap-select .dropdown-toggle .filter-option-inner-inner{overflow:hidden}.bootstrap-select .dropdown-toggle .filter-expand{width:0!important;float:left;opacity:0!important;overflow:hidden}.bootstrap-select .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.input-group .bootstrap-select.form-control .dropdown-toggle{border-radius:inherit}.bootstrap-select[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu>.inner:focus{outline:0!important}.bootstrap-select .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select .dropdown-menu li{position:relative}.bootstrap-select .dropdown-menu li.active small{color:rgba(255,255,255,.5)!important}.bootstrap-select .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select .dropdown-menu li a span.check-mark{display:none}.bootstrap-select .dropdown-menu li a span.text{display:inline-block}.bootstrap-select .dropdown-menu li small{padding-left:.5em}.bootstrap-select .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu .notify.fadeOut{-webkit-animation:.3s linear 750ms forwards bs-notify-fadeOut;-o-animation:.3s linear 750ms forwards bs-notify-fadeOut;animation:.3s linear 750ms forwards bs-notify-fadeOut}.bootstrap-select .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.fit-width .dropdown-toggle .filter-option{position:static;display:inline;padding:0}.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner{display:inline}.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before{content:'\00a0'}.bootstrap-select.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{position:absolute;display:inline-block;right:15px;top:5px}.bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select .bs-ok-default:after{content:'';display:block;width:.5em;height:1em;border-style:solid;border-width:0 .26em .26em 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before{bottom:auto;top:-4px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after{bottom:auto;top:-4px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none} @charset "UTF-8"; @font-face { font-family: "FC-Iconic-Bold"; font-weight: 700; src: url("/fonts/themes/default/FC-Iconic-Bold.otf") format("opentype"); } @font-face { font-family: "FC-Iconic-Bold-Italic"; font-weight: 700; src: url("/fonts/themes/default/FC-Iconic-Bold-Italic.otf") format("opentype"); } @font-face { font-family: "FC-Iconic-Italic.otf"; font-weight: 400; src: url("/fonts/themes/default/FC-Iconic-Italic.otf") format("opentype"); } @font-face { font-family: "FC-Iconic-Regular"; font-weight: 400; src: url("/fonts/themes/default/FC-Iconic-Regular.otf") format("opentype"); } /*===================================================================================================*/ /*==================================== 110 - Redesign================================================*/ /*===================================================================================================*/ /* * The Typekit service used to deliver this font or fonts for use on websites * is provided by Adobe and is subject to these Terms of Use * http://www.adobe.com/products/eulas/tou_typekit. For font license * information, see the list below. * * adrianna: * - http://typekit.com/eulas/0000000000000000773597ae * - http://typekit.com/eulas/0000000000000000773597ba * - http://typekit.com/eulas/0000000000000000773597b3 * - http://typekit.com/eulas/0000000000000000773597c4 * - http://typekit.com/eulas/0000000000000000773597ca * - http://typekit.com/eulas/0000000000000000773597be * - http://typekit.com/eulas/0000000000000000773597c9 * - http://typekit.com/eulas/0000000000000000773597d0 * * © 2009-2023 Adobe Systems Incorporated. All Rights Reserved. */ /*{"last_published":"2023-05-30 08:17:13 UTC"}*/ @font-face { font-family: "adrianna"; src: url("https://use.typekit.net/af/66da5c/0000000000000000773597ae/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/66da5c/0000000000000000773597ae/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/66da5c/0000000000000000773597ae/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 400; font-stretch: normal; } @font-face { font-family: "adrianna"; src: url("https://use.typekit.net/af/91acd2/0000000000000000773597ba/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/91acd2/0000000000000000773597ba/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/91acd2/0000000000000000773597ba/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 400; font-stretch: normal; } @font-face { font-family: "adrianna"; src: url("https://use.typekit.net/af/c255b5/0000000000000000773597b3/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/c255b5/0000000000000000773597b3/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/c255b5/0000000000000000773597b3/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 600; font-stretch: normal; } @font-face { font-family: "adrianna"; src: url("https://use.typekit.net/af/560035/0000000000000000773597c4/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"), url("https://use.typekit.net/af/560035/0000000000000000773597c4/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"), url("https://use.typekit.net/af/560035/0000000000000000773597c4/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 600; font-stretch: normal; } @font-face { font-family: "adrianna"; src: url("https://use.typekit.net/af/419f5a/0000000000000000773597ca/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/419f5a/0000000000000000773597ca/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/419f5a/0000000000000000773597ca/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 700; font-stretch: normal; } @font-face { font-family: "adrianna"; src: url("https://use.typekit.net/af/81c377/0000000000000000773597be/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/81c377/0000000000000000773597be/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/81c377/0000000000000000773597be/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 700; font-stretch: normal; } @font-face { font-family: "adrianna"; src: url("https://use.typekit.net/af/964695/0000000000000000773597c9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"), url("https://use.typekit.net/af/964695/0000000000000000773597c9/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"), url("https://use.typekit.net/af/964695/0000000000000000773597c9/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "adrianna"; src: url("https://use.typekit.net/af/e1df81/0000000000000000773597d0/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff2"), url("https://use.typekit.net/af/e1df81/0000000000000000773597d0/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff"), url("https://use.typekit.net/af/e1df81/0000000000000000773597d0/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 800; font-stretch: normal; } html { scroll-behavior: smooth; } body { font-size: 16px; line-height: 25px; font-family: "Poppins", sans-serif; font-weight: 400; } h1 { font-family: "Poppins", sans-serif; line-height: 1; color: #ffffff; background-color: #D9003C; padding: 30px 50px; border-radius: 60px 0 60px 0; margin-bottom: 25px; position: relative; } @media screen and (max-width: 767px) { h1 { font-size: 60px; } } @media (max-width: 500px) { h1 { font-size: 35px !important; } } h1:before { content: ""; position: absolute; bottom: 25px; left: 50px; height: 8px; width: 188px; background-color: #ffffff; } h2 { font-family: "Poppins", sans-serif; font-size: 50px; letter-spacing: -2px; line-height: 1; font-weight: 700; text-transform: uppercase; } @media screen and (max-width: 767px) { h2 { font-size: 40px; } } @media (max-width: 500px) { h2 { font-size: 30px !important; } } h3 { font-family: "Poppins", sans-serif; font-size: 40px; line-height: 50px; line-height: 1.35; font-weight: 700; } @media (max-width: 500px) { h3 { font-size: 25px !important; } } h4 { font-family: "Poppins", sans-serif; font-size: 26px; line-height: 36px; font-weight: 600; } h5 { font-family: "Poppins", sans-serif; font-size: 20px; line-height: 30px; font-weight: 600; } /*==================================================*/ /*===================== Buttons ====================*/ /*==================================================*/ .primary-button { background-color: #0077E9 !important; padding: 20px 45px !important; font-family: "Poppins", sans-serif; font-size: 18px !important; line-height: 1 !important; font-weight: 400 !important; height: auto !important; text-transform: none !important; border-radius: 20px !important; border: none !important; } /*==================================================*/ /*================ Custom Red Title ================*/ /*==================================================*/ .red-title { text-align: center; } .red-title h2 { display: inline-block; color: #ffffff; background-color: #D9003C; padding: 30px 50px; border-radius: 60px 0 60px 0; position: relative; } .red-title h2:before { content: ""; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); height: 8px; width: 359px; background-color: #ffffff; } @media screen and (max-width: 640px) { .red-title h2:before { width: calc(100% - 100px); } } .share_article { margin-bottom: 0; } .share_article p { margin-bottom: 2.8125rem; font-size: 2.5rem; } .share_article a { width: 3.8125rem; height: 3.8125rem; border-radius: 50%; } .share_article a i { font-size: 40px; } /*==============================================================================================================*/ /*==================================== 110 - bakti-untuk-rakyat================================================*/ /*============================================================================================================*/ .bakti-untuk-rakyat { font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; color: #000000; } .bakti-untuk-rakyat h1 { font-family: "Adrianna", sans-serif; font-size: 96px; line-height: 1; letter-spacing: -1.73px; font-weight: 800; color: #000000; margin-bottom: 35px; background-color: transparent; padding: 0; border-radius: 0; } .bakti-untuk-rakyat h1:before { display: none; } @media (max-width: 991px) { .bakti-untuk-rakyat h1 { font-size: 60px; line-height: 1; } } @media screen and (max-width: 500px) { .bakti-untuk-rakyat h1 { font-size: 60px !important; } } .bakti-untuk-rakyat h2 { font-family: "Adrianna", sans-serif; font-size: 40px; line-height: 42px; font-weight: 700; color: #000000; margin-bottom: 55px; padding-bottom: 10px; position: relative; display: inline-block; text-transform: none; } .bakti-untuk-rakyat h2:before { content: ""; background-color: #CE3689; height: 8px; width: 96px; border-radius: 6px; position: absolute; left: 0; bottom: 0; z-index: 2; } .bakti-untuk-rakyat h2:after { content: ""; background-color: #F8B531; height: 8px; width: 100%; border-radius: 6px; position: absolute; left: 0; bottom: 0; z-index: 1; } .bakti-untuk-rakyat h3 { font-family: "Adrianna", sans-serif; font-size: 24px; line-height: 28px; font-weight: 700; color: #000000; margin-bottom: 5px; } .bakti-untuk-rakyat h4 { font-family: "Adrianna", sans-serif; font-size: 24px; line-height: 28px; font-weight: 600; color: #000000; margin-bottom: 15px; } .bakti-untuk-rakyat h5 { font-family: "Adrianna", sans-serif; font-size: 16px; line-height: 28px; font-weight: 700; color: #000000; margin-bottom: 7px; } .bakti-untuk-rakyat .primary-button { background-color: #1E8FE1 !important; padding: 13px 33px !important; border: 1px solid #1E8FE1 !important; border-radius: 36px !important; box-shadow: 0px 3px 6px rgba(255, 255, 255, 0.1607843137); font-family: "Adrianna", sans-serif; font-size: 25px !important; line-height: 32px !important; font-weight: 700 !important; color: #ffffff; } .bakti-untuk-rakyat .primary-button.send-terms { background-color: #F8555C !important; border-color: #F8555C !important; } .bakti-untuk-rakyat .primary-button.send-terms:hover { background-color: transparent !important; color: #F8555C !important; filter: brightness(100%); } .bakti-untuk-rakyat .btn-red .primary-button { background-color: #FF4255 !important; border-color: #FF4255 !important; } .bakti-untuk-rakyat .btn-orange .primary-button { background-color: #F6555C !important; border-color: #F6555C !important; } .bakti-untuk-rakyat .btn-light-green .primary-button { background-color: #2CD7B6 !important; border-color: #2CD7B6 !important; } .bakti-untuk-rakyat .btn-danger { padding: 13px 33px !important; border-radius: 36px !important; font-family: "Adrianna", sans-serif; font-size: 25px !important; line-height: 32px !important; font-weight: 700 !important; } .bakti-untuk-rakyat .secondary-button.cancel-terms { padding: 13px 33px !important; border-radius: 36px !important; font-family: "Adrianna", sans-serif; font-size: 25px !important; line-height: 32px !important; font-weight: 700 !important; height: auto !important; border-color: #F8555C !important; color: #F8555C !important; } .bakti-untuk-rakyat .secondary-button.cancel-terms:hover { background-color: #F8555C !important; color: #ffffff !important; } .bakti-untuk-rakyat #editUserBtn { background-color: #F8555C !important; border-color: #F8555C !important; } @media screen and (min-width: 1200px) { .bakti-untuk-rakyat .container, .bakti-untuk-rakyat .container-lg, .bakti-untuk-rakyat .container-md, .bakti-untuk-rakyat .container-sm, .bakti-untuk-rakyat .container-xl { max-width: 1372px; } } .bakti-untuk-rakyat p { font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; } .bakti-untuk-rakyat .share_article { margin: 50px 0; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } .bakti-untuk-rakyat .share_article img { margin-right: 10px; } .bakti-untuk-rakyat .share_article a { width: 25px; height: 25px; display: flex; flex-direction: row; align-items: center; justify-content: center; border-radius: 50%; margin-right: 10px; } .bakti-untuk-rakyat .share_article a.facebook-btn, .bakti-untuk-rakyat .share_article a.twitter-btn, .bakti-untuk-rakyat .share_article a.whatsapp-btn, .bakti-untuk-rakyat .share_article a.copy-btn { background-color: #F6555C; color: #ffffff; transition: all 0.3s linear; } .bakti-untuk-rakyat .share_article a.facebook-btn:hover, .bakti-untuk-rakyat .share_article a.twitter-btn:hover, .bakti-untuk-rakyat .share_article a.whatsapp-btn:hover, .bakti-untuk-rakyat .share_article a.copy-btn:hover { background-color: #1E8FE1; color: #ffffff; filter: brightness(100%); transform: none; } .bakti-untuk-rakyat .share_article a i { font-size: 12px; } .bakti-untuk-rakyat .share_article p { font-family: "adrianna", sans-serif; font-size: 16px; line-height: 28px; font-weight: 700; color: #000000; margin-right: 20px; margin-bottom: 0; } @media (min-width: 1200px) { .bakti-untuk-rakyat #custom-styling .container { max-width: 1140px; } } .bakti-untuk-rakyat #custom-styling h3 { margin-top: 2rem; font-size: 40px !important; font-weight: 700 !important; line-height: 50px; margin-bottom: 30px; } .bakti-untuk-rakyat #custom-styling h3 strong { font-weight: 700 !important; } @media (max-width: 500px) { .bakti-untuk-rakyat #custom-styling h3 { font-size: 35px !important; } } @media (max-width: 500px) { .bakti-untuk-rakyat #custom-styling p, .bakti-untuk-rakyat #custom-styling li { text-align: left !important; } } .bakti-untuk-rakyat #custom-styling p { font-weight: 400; font-family: "Poppins", sans-serif; } .bakti-untuk-rakyat #custom-styling ol li { font-size: 18px; font-family: "Poppins", sans-serif; } .bakti-untuk-rakyat #custom-styling ol li .ql-ui { position: relative; } .bakti-untuk-rakyat #custom-styling ol li .ql-ui:before { content: "•"; font-size: 25px; position: absolute; left: -15px; top: 0px; } .bakti-untuk-rakyat .error-404 { height: 100vh; } .bakti-untuk-rakyat .error-404 .container.h-50 { min-height: calc(100vh - 120px); } @media (max-width: 1200px) { .bakti-untuk-rakyat .error-404 .container.h-50 { min-height: auto; min-height: 58vh; } } .bakti-untuk-rakyat .error-404 h3 { font-size: 34px; line-height: 1.2; } .bakti-untuk-rakyat .social-buttons .google-btn-login { font-weight: 400; } .color-6-mobile { color: #ea5455; } footer { background-color: #012556 !important; } footer.engage-footer.color-7-background { background-color: #012556 !important; } footer .container-grid { display: inline-grid; min-width: 100%; align-items: center; grid-template-columns: 30% auto 10%; grid-template-areas: "logo menu social"; } footer .footer-logo { grid-area: logo; } footer .footer-logo p { font-size: 1.5rem; color: #000; font-weight: 700; } footer .footer-logo a { color: #616161; font-size: 20px; font-weight: 300; font-family: "Poppins", sans-serif; letter-spacing: 1.2px; text-transform: uppercase; margin-bottom: 2rem; display: block; max-width: 320px; } footer .footer-logo a img { margin-right: 15px; max-width: 115px; } footer .menu-footer { grid-area: menu; text-align: right; } footer .menu-footer li { margin: 0 25px; } footer .menu-footer a { font-size: 14px; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #6E6C6C; letter-spacing: 1.2px; } footer .copyright { color: #6E6C6C; text-align: center; font-family: "Poppins", sans-serif; font-size: 10px; letter-spacing: 1.2px; } footer .social-icons { grid-area: social; color: #6E6C6C; font-size: 20px; text-align: right; } footer .social-icons i.fa-vk::before { content: "\e07b"; } footer .social-icons i { margin-right: 2px; margin-right: 2px; color: #6E6C6C !important; font-size: 22px; transform: scale(1); transform-origin: top left; transition: all 0.2s ease-in-out; } footer .social-icons i:hover, footer .social-icons i:focus { transform: scale(1.15); color: #F97115; text-decoration: none; } footer .social-icons i:hover:before, footer .social-icons i:focus:before { transform: scale(1.15); color: #F97115; text-decoration: none; } .prabowo-install { background-color: #FDE014 !important; color: #F4137B !important; text-transform: uppercase !important; font-weight: 600 !important; transition: color 0.8s linear; } .prabowo-nitifications { background-color: #FDE014 !important; color: #F4137B !important; text-transform: uppercase !important; font-weight: 600 !important; transition: color 0.8s linear; } .install-homescreen-app, .add-push-notifications { padding-top: 0; width: 100%; background-color: black; position: fixed; bottom: 0; left: 0; z-index: 99; height: 70px; } .install-homescreen-app .ics-container, .add-push-notifications .ics-container { position: absolute; top: 6px; right: 29px; } .install-homescreen-app .ics-container .fa-times, .add-push-notifications .ics-container .fa-times { color: #FBFBFB; } .install-homescreen-app .homescreen-row, .add-push-notifications .homescreen-row { padding-top: 20px; } .install-homescreen-app .homescreen-row img, .add-push-notifications .homescreen-row img { margin-left: 10px; } .install-homescreen-app .homescreen-ics, .add-push-notifications .homescreen-ics { color: #FBFBFB; } .install-homescreen-app .add-homescreen-text, .add-push-notifications .add-homescreen-text { text-align: center; color: #FFFFFF; padding-top: 5px; font-weight: 600 !important; } .install-homescreen-app .fa-times, .add-push-notifications .fa-times { color: white; font-size: 22px; margin-left: 40px; margin-bottom: 15px; vertical-align: middle; } .accept-cookies { padding-top: 15px; width: 100%; background-color: black; position: fixed; bottom: 0; left: 0; z-index: 99; } .accept-cookies a.accept { width: 255px; margin-bottom: 15px; } .accept-cookies a.change-settings { width: 255px; margin-bottom: 15px; color: #fff; text-decoration: none; } .accept-cookies p { font-size: 14px; color: white; font-weight: 300; } .accept-cookies .fa-times { color: white; font-size: 22px; margin-left: 40px; margin-bottom: 15px; vertical-align: middle; } #cookie-settings-modal .modal-dialog { max-width: 900px; } #cookie-settings-modal .modal-content { border-radius: 0.5rem; } #cookie-settings-modal .modal-header { padding: 2rem; border-bottom: none; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; background-color: #000; color: #fff; } #cookie-settings-modal .modal-header .close { color: #fff; } #cookie-settings-modal .modal-title .cookie-settings-title { font-size: 20px; font-weight: 600; margin-bottom: 10px; } #cookie-settings-modal .modal-title .cookie-settings-subtitle { font-size: 16px; } #cookie-settings-modal .modal-body { padding: 2rem 2rem 1rem; } #cookie-settings-modal .modal-body .cookie-settings-row { margin-bottom: 20px; } #cookie-settings-modal .modal-body .cookie-settings-row .cookie-settings-checkbox { font-size: 20px; margin-bottom: 10px; } #cookie-settings-modal .modal-body .cookie-settings-row .cookie-settings-checkbox .state .icon:before { font-size: 80%; } #cookie-settings-modal .modal-body .cookie-settings-row .cookie-settings-checkbox input[disabled] ~ * { opacity: 1; } #cookie-settings-modal .modal-body .cookie-settings-row .cookie-settings-checkbox input[disabled] ~ .state .icon, #cookie-settings-modal .modal-body .cookie-settings-row .cookie-settings-checkbox input[disabled] ~ .state label:before { opacity: 0.5; } #cookie-settings-modal .modal-body .cookie-settings-row .cookie-settings-checkbox.statistics-cookies-label input:checked ~ .state .icon, #cookie-settings-modal .modal-body .cookie-settings-row .cookie-settings-checkbox.marketing-cookies-label input:checked ~ .state .icon { color: #fff; } #cookie-settings-modal .modal-body .cookie-settings-row .cookie-settings-checkbox.statistics-cookies-label input:checked ~ .state label:before, #cookie-settings-modal .modal-body .cookie-settings-row .cookie-settings-checkbox.marketing-cookies-label input:checked ~ .state label:before { background-color: #dc3545; border-color: #dc3545; } #cookie-settings-modal .modal-body .cookie-settings-row .cookie-settings-description { font-size: 16px; padding-left: 30px; } #cookie-settings-modal .modal-footer { padding: 0rem 2rem 2rem; justify-content: flex-start; border-top: none; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } #cookie-settings-modal .modal-footer a.accept-selected-cookies { text-decoration: none; padding-left: 0; padding-right: 0; margin-left: 30px; margin-right: 20px; } @media (max-width: 700px) { footer .container-grid { grid-template-columns: 100% !important; grid-template-areas: "logo" "menu" "social"; grid-row-gap: 10px; } footer .footer-logo { width: -moz-fit-content; width: fit-content; margin: 0 auto; } footer .menu-footer { margin-right: 0; } footer .menu-footer li { width: -moz-fit-content; width: fit-content; margin-left: auto; margin-right: auto !important; display: block; } footer .social-icons { width: -moz-fit-content; width: fit-content; margin: 0 auto; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { footer .container-grid { display: flex !important; } footer .menu-footer { margin-left: auto !important; } } /*==================================================*/ /*===================== bakti-untuk-rakyat ====================*/ /*==================================================*/ .bakti-untuk-rakyat footer.engage-footer.color-7-background { background-color: #fff !important; } .bakti-untuk-rakyat footer .container:last-of-type > .row > .col-12 > .row { margin-top: 0 !important; } .bakti-untuk-rakyat footer h2 { color: #fff; } @media (max-width: 768px) { .bakti-untuk-rakyat footer .member-list-container { padding: 2rem 1rem 2rem !important; } } .bakti-untuk-rakyat footer .container-grid { align-items: flex-end; grid-template-columns: 28% auto 15%; } @media screen and (max-width: 1200px) { .bakti-untuk-rakyat footer .container-grid { grid-template-columns: 100%; grid-template-areas: "logo" "menu" "social"; grid-row-gap: 10px; align-items: center; } } .bakti-untuk-rakyat footer .social-icons { margin-bottom: 1rem; } .bakti-untuk-rakyat footer .social-icons i { font-size: 24px; margin-right: 0; } @media screen and (max-width: 1200px) { .bakti-untuk-rakyat footer .social-icons { margin: 0 auto; } } .bakti-untuk-rakyat footer .social-icons i:hover::before { color: #F6555C; } .bakti-untuk-rakyat footer .social-icons a:hover svg { transform: scale(1.15); transform-origin: top left; transition: all 0.2s ease-in-out; } .bakti-untuk-rakyat footer .social-icons a:hover svg .svg-instagram-fill, .bakti-untuk-rakyat footer .social-icons a:hover svg .svg-snackvideo-fill { fill: #F6555C; } .bakti-untuk-rakyat footer .footer-logo { display: flex; align-items: end; justify-content: space-between; } .bakti-untuk-rakyat footer .footer-logo p { font-family: "adrianna", sans-serif; } @media (max-width: 768px) { .bakti-untuk-rakyat footer .footer-logo p { text-align: center; } } .bakti-untuk-rakyat footer .footer-logo a { margin-bottom: 0.5rem; } @media screen and (max-width: 1200px) { .bakti-untuk-rakyat footer .footer-logo a { margin-bottom: 2rem; } } @media screen and (max-width: 1200px) { .bakti-untuk-rakyat footer .footer-logo { flex-direction: column; align-items: center; } } @media screen and (max-width: 1200px) { .bakti-untuk-rakyat footer .menu-footer { text-align: center; } } @media screen and (max-width: 1300px) { .bakti-untuk-rakyat footer .menu-footer li { margin-left: 8px; margin-right: 8px; } } @media (max-width: 768px) { .bakti-untuk-rakyat footer .menu-footer li { display: block; margin: 0 auto 5px; } } .bakti-untuk-rakyat footer .menu-footer li a { transition: all 0.2s ease-in-out; transform: scale(1); transform-origin: top left; text-decoration: none; display: block; font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0; } .bakti-untuk-rakyat footer .menu-footer li a:hover { color: #F6555C; transform: scale(1.02); text-decoration: none; } .bakti-untuk-rakyat footer .copyright { font-family: "Open Sans", sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 0; } .bakti-untuk-rakyat #members-list-widget { display: none; } .bakti-untuk-rakyat #members-list-widget .members > .container-fluid { padding-bottom: 6rem !important; } .bakti-untuk-rakyat #members-list-widget .members > .container-fluid > .row-spacing { background-color: #F4137B !important; } .bakti-untuk-rakyat .you-can-make-a-difference { padding-bottom: 10rem !important; background-image: url("/images/themes/prabowo/pak-probowo-people.jpg"); } .bakti-untuk-rakyat .you-can-make-a-difference .col-10 { background-color: #fff; border-radius: 25px; padding: 4rem 4rem 2rem; position: relative; top: 20rem; } .bakti-untuk-rakyat .you-can-make-a-difference .col-10 h2 { color: #F4137B; } @media (max-width: 768px) { .bakti-untuk-rakyat .you-can-make-a-difference .col-10 { padding: 3rem 2rem 2rem; } } @media (max-width: 500px) { .bakti-untuk-rakyat .you-can-make-a-difference .col-10 { padding: 2rem 1rem 2rem; } } .bakti-untuk-rakyat .you-can-make-a-difference .tertiary-button { background-color: #FDE014 !important; color: #F4137B !important; padding: 18px 15px !important; text-transform: uppercase !important; font-size: 35px !important; line-height: 44px !important; border-radius: 10px !important; font-family: "Bai Jamjuree", sans-serif; font-weight: 700 !important; position: relative; overflow: hidden; z-index: 1; width: 440px !important; transition: color 0.8s linear; } @media screen and (max-width: 1100px) { .bakti-untuk-rakyat .you-can-make-a-difference .tertiary-button { width: 300px !important; font-size: 20px !important; line-height: 30px !important; } } .bakti-untuk-rakyat .you-can-make-a-difference .tertiary-button:before { display: none; } .bakti-untuk-rakyat .you-can-make-a-difference .tertiary-button::after { content: ""; position: absolute; left: 30%; top: -30px; width: 30px; height: 30px; background-color: #F4137B; border-radius: 50%; transition: all 0.8s ease-out; z-index: -1; } .bakti-untuk-rakyat .you-can-make-a-difference .tertiary-button:hover { background-color: #FDE014 !important; color: #ffffff !important; font-weight: 400 !important; transition: color 0.8s linear; filter: brightness(100%); top: 0; } .bakti-untuk-rakyat .you-can-make-a-difference .tertiary-button:hover::after { transform: scale(25); transition: all 0.8s ease-out; } .bakti-untuk-rakyat .install-homescreen-app .add-homescreen-text { color: #ffffff; } .bakti-untuk-rakyat .accept-cookies #cookies-disclaimer { background-color: #F8555C !important; border-color: #F8555C !important; } .header_background.color-4-background, .header_background.has-social-media { background-color: transparent !important; } .header_background.color-4-background:before, .header_background.has-social-media:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 75%; background-image: linear-gradient(to top, rgba(1, 37, 86, 0), rgba(1, 37, 86, 0.3), rgba(1, 37, 86, 0.55), rgba(1, 37, 86, 0.75)); backdrop-filter: blur(2px); } .prabowo-subianto #navbarSupportedContent.color-4-background, .prabowo-subianto #navbarSupportedContent.color-4-background-mobile { background-color: transparent !important; flex-grow: 0; margin-top: 0 !important; } @media screen and (max-width: 1200px) { .prabowo-subianto #navbarSupportedContent.color-4-background, .prabowo-subianto #navbarSupportedContent.color-4-background-mobile { background-color: #012556 !important; } } .bakti-untuk-rakyat #navbarSupportedContent.color-4-background, .bakti-untuk-rakyat #navbarSupportedContent.color-4-background-mobile { background-color: transparent !important; flex-grow: 0; } @media screen and (max-width: 1200px) { .bakti-untuk-rakyat #navbarSupportedContent.color-4-background, .bakti-untuk-rakyat #navbarSupportedContent.color-4-background-mobile { background-color: #012556 !important; } } header .fa-bars:before, header .fa-times:before { color: #fff; } header .social-profile ul { display: flex; justify-content: center; list-style: none; padding: 0; } header .social-profile ul li { margin-right: 0.35rem; } header .social-profile ul li a { transition: all 0.2s ease-in-out; display: block; transform: scale(1); transform-origin: top left; } header .social-profile ul li a:hover, header .social-profile ul li a:focus { transform: scale(1.15); } header .social-profile ul li a:hover svg path, header .social-profile ul li a:focus svg path { fill: #F97115; } header .social-profile ul li:last-of-type { margin-right: 0; } header { padding: 1.5rem 3rem 2.5rem; position: fixed; z-index: 999; top: 0; left: 50%; transform: translateX(-50%); width: 100% !important; } @media screen and (max-width: 1200px) { header { width: 100% !important; } } header .menu-item { color: #fff !important; } header .search-content-header { display: none !important; } header .header-container { max-width: 100%; } header .header-container .navbar-toggler { align-self: flex-start; margin-top: 4px; } header .header-container .navbar-toggler:focus, header .header-container .navbar-toggler:active { outline: none; box-shadow: none; } header .header-container .navbar { justify-content: center; } header .header-container .navbar .header-icons { display: inherit; margin-left: 100px; } header .header-container .navbar .header-social-media-icons { display: list-item; text-align: -webkit-match-parent; margin-top: 7px; margin-left: 40px; margin-right: 40px; } header .header-container .navbar .header-social-media-icons a { float: left; } header .header-container .navbar .header-social-media-icons a i.fa-vk::before { content: "\e07b"; } header .header-container .navbar .header-social-media-icons a i { color: #616161; height: 20px; width: 22px; text-align: center; padding: 2px 0; border-radius: 5px; margin-left: 4px; margin-right: 4px; font-size: 24px !important; display: block; transform: scale(1); transform-origin: top left; transition: all 0.2s ease-in-out; } header .header-container .navbar .header-social-media-icons a i:hover, header .header-container .navbar .header-social-media-icons a i:focus { transform: scale(1.15); color: #F97115; text-decoration: none; } header .header-container .navbar .header-social-media-icons a i:hover:before, header .header-container .navbar .header-social-media-icons a i:focus:before { transform: scale(1.15); color: #F97115; text-decoration: none; } @media (max-width: 768px) { header .header-container .navbar .header-social-media-icons a i { font-size: 30px !important; } } header .header-container .navbar .header-social-media-icons a:hover, header .header-container .navbar .header-social-media-icons a:focus { text-decoration: none !important; } header .header-container .navbar .header-social-media-icons.user-not-logged { margin-right: 20px; } header .header-container .navbar .icon-bell { height: auto; width: 45px; } header .header-container .navbar .nav-logo { color: #616161; font-size: 20px; font-weight: 300; font-family: "Poppins", sans-serif; letter-spacing: 1.2px; text-transform: uppercase; max-width: 210px; margin-top: 0 !important; padding-top: 7px !important; } header .header-container .navbar .nav-logo img { margin-right: 15px; } header .header-container .navbar .user-profile { margin: auto 5px; } header .header-container .navbar .user-profile i.fa-sign-in-alt { font-size: 25px; color: black; } header .header-container .navbar .user-profile #notifications-menu i { color: yellow !important; } header .header-container .navbar .user-profile .user-avatar { width: 40px; height: 40px; border-radius: 40px; display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: cover; border: 1px solid #fff; } header .header-container .navbar .user-profile { margin-left: 10px !important; } header .header-container .navbar .user-profile .dropdown-menu::after { content: ""; position: absolute; left: 100%; top: 4px; width: 0; height: 0; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 14px solid #fff; clear: both; } header .header-container .navbar .user-profile .dropdown-menu { margin-left: auto; box-shadow: 0px 1px 10px #616161; left: -300px; width: 285px; top: 20%; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .header-dropdown { padding: 10px 25px; border-bottom: 2px solid #f5f5f5; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .header-dropdown .user-grid { display: inline-grid; grid-template-columns: 75px 72%; grid-template-areas: "avatar name"; min-width: 100%; align-items: center; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .header-dropdown .user-avatar-grid { grid-area: avatar; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .header-dropdown .user-avatar-grid .user-avatar { width: 60px; height: 60px; border-radius: 40px; display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: cover; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .header-dropdown .user-name-grid { grid-area: name; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .header-dropdown .user-name { color: #111111; font-size: 14px; line-height: 1.2; font-family: "Poppins", sans-serif; font-weight: 700; text-transform: capitalize; margin-bottom: 0.25rem; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .header-dropdown .user-points { font-size: 14px; line-height: 1.2; font-family: "Poppins", sans-serif; color: #00A1ED; margin-bottom: 0.25rem; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .list-dropdown { padding: 10px 25px; border-bottom: 2px solid #f5f5f5; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .list-dropdown ul { padding-left: 0; list-style: none; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .list-dropdown ul li { margin-top: 3px; margin-bottom: 5px; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .list-dropdown ul li a { color: #616161; font-size: 16px; font-family: "Poppins", sans-serif; letter-spacing: 1px; text-transform: capitalize; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .footer-dropdown { padding: 10px 25px; display: inline-block; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .footer-dropdown i { float: left; line-height: 21px; font-size: 20px; padding: 0.5rem; padding-right: 0px; padding-left: 0px; color: #616161; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .footer-dropdown .logout-btn { padding-left: 2px; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .footer-dropdown a { float: right; line-height: 21px; vertical-align: text-bottom; color: #616161; font-size: 16px; font-family: "Poppins", sans-serif; letter-spacing: 1px; text-transform: capitalize; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .footer-dropdown button { line-height: 21px; vertical-align: text-bottom; color: #616161; font-size: 16px; font-family: "Poppins", sans-serif; letter-spacing: 1px; text-transform: capitalize; border: navajowhite; background: transparent; } header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .footer-dropdown button:focus { outline: none; } header .header-container .navbar .nav-item { margin: auto 10px; } header .header-container .navbar .nav-item a { cursor: pointer; color: #fff !important; font-size: 16px; font-family: "Poppins", sans-serif; font-weight: 600; letter-spacing: 1.5px; background: transparent; padding-bottom: 0 !important; border-bottom: 2px solid transparent; transition: all 0.2s ease-in-out; transform: scale(1); transform-origin: top left; } header .header-container .navbar .nav-item a.active { border-bottom: 2px solid #0077E9 !important; color: #0077E9 !important; font-weight: 700; } header .header-container .navbar .nav-item a.log-in { background-color: #fff !important; color: #0077E9 !important; border-radius: 15px; padding: 0.5rem 1.5rem !important; font-weight: 400; margin-bottom: 1.5rem; transition: all 0.2s ease-in-out; } header .header-container .navbar .nav-item a.log-in:hover, header .header-container .navbar .nav-item a.log-in:focus { text-decoration: none; background-color: #0077E9 !important; color: #fff !important; transform: none; } @media (max-width: 500px) { header .header-container .navbar .nav-item a.log-in { padding: 0.5rem 1rem !important; } } header .header-container .navbar .nav-item a:hover, header .header-container .navbar .nav-item a:focus { text-decoration: none; color: #0077E9 !important; transform: scale(1.02); } header .header-container .navbar .nav-item .fa-bell { margin-right: 25px; } header .header-container .navbar .nav-item .fa-bell span { background-color: #D9003C; border-radius: 40%; height: 15px; width: 15px; color: white; font-size: 10px; padding: 2px; text-align: center; position: relative; top: -10px; right: 10px; display: none; } header .header-container .navbar .nav-item .fa-sitemap { margin-right: 0; } header .header-container .navbar .nav-item .dropdown-menu { padding: 0.5rem 1.5rem !important; min-width: auto !important; } header .header-container .navbar .nav-item .dropdown-menu .dropdown-item { width: -moz-fit-content; width: fit-content; padding: 0.25rem 0.25rem !important; padding-bottom: 0 !important; border-radius: 0; color: #616161; } header .header-container .navbar .nav-item .dropdown-menu .dropdown-item.active { border-bottom: 2px solid #616161; } header .header-container .navbar .nav-item .dropdown-menu.show { display: inline-block; } header .header-container .navbar .user-notification { margin-top: 7px; margin-left: 10px; } header.header-cover .header-container .navbar .header-social-media-icons a i { color: #fff; } header .languages-dropdown .nav-link { text-transform: uppercase !important; } header .languages-dropdown .language-item { text-transform: uppercase !important; } header .dropdown-menu.lang.show { display: -webkit-inline-box !important; } header .dropdown-menu.lang.show .language-item { text-transform: uppercase !important; } header .mobile-social { display: none !important; } .nav-logo.mobile-social { height: auto; width: 70%; margin-top: -10px; } .header-cover .header-container .navbar .nav-logo { color: white; } .header-cover .header-container .navbar .nav-item > a { color: white; cursor: pointer; } .header-cover .header-container .navbar .nav-item > a.active { border-bottom: 2px solid #fff; } .header-cover .header-container .navbar .nav-item .nav-link.alerts-tab, .header-cover .header-container .navbar .nav-item .nav-link.notifications-tab { color: #616161; } .header-cover .header-container .navbar .nav-item .nav-link.alerts-tab.active, .header-cover .header-container .navbar .nav-item .nav-link.notifications-tab.active { border-bottom: 2px solid #616161; } .header-cover .fa-bars { margin-bottom: 15px; color: #fff; } .header-cover.no_cover .nav-item a { color: #616161 !important; } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .modal-body .social-buttons { width: 100% !important; } } @media screen and (max-width: 1200px) { header .header-icons { margin: 0 auto !important; } header .mobile-social { display: block !important; } header { margin-top: 0px; } header .header-container { max-width: unset; padding: 0; } header .header-container .navbar { justify-content: space-between; } header .header-container .navbar .nav-logo img { margin-right: 5px; margin: 0 auto; max-width: 175px; } header .header-container .navbar .user-profile { margin-left: 0 !important; } header .overlay { z-index: 30 !important; width: 100vw; height: 100vh; position: fixed; top: 0; margin: 0 !important; background: white; left: 0; padding: 0 !important; background-color: #0077E9 !important; } header .overlay .mobile-logo { text-align: center; padding-top: 20px; } header .overlay .mobile-logo .nav-mobile-logo img { width: 20vw; } header .overlay .mobile-logo .user-profile { width: 50px; position: absolute; top: 15px; right: 15px; } header .overlay .closeMenuMobile { font-size: 25px; position: absolute; top: 20px; left: 25px; cursor: pointer; color: #000; } header .overlay ul { border-top: 1px solid rgba(0, 0, 0, 0.04); width: 100vw; margin: 0 !important; top: 20px; position: relative; border-radius: 0; padding: 0; box-shadow: none; } header .overlay ul .nav-item { margin: auto 25px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-top: 5px; padding-bottom: 5px; } header .overlay ul .nav-item .dropdown-menu.show { border: none !important; } header .overlay ul .nav-item .dropdown-menu .dropdown-item { white-space: normal; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } header .overlay ul .nav-link { padding: 0.25rem 0 !important; } header .overlay ul .languages-dropdown { text-align: center; border-bottom: none !important; } header .overlay ul .languages-dropdown .dropdown-menu { margin-left: 0 !important; } header .overlay ul .languages-dropdown a { font-size: 4vw !important; } header .overlay ul li a { text-align: left; font-size: 5vw !important; } header .overlay ul li.active .nav-link { color: #891714; } header .overlay ul li.active { border-bottom: unset; display: initial; } header .overlay ul li:last-of-type { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } header .overlay ul .header-social-media-icons { position: unset !important; display: block !important; width: -moz-fit-content !important; width: fit-content !important; margin: 10px auto !important; } header .overlay ul .header-social-media-icons i { font-size: 8vw !important; width: unset !important; height: unset !important; margin-left: 1vw !important; margin-right: 1vw !important; } header .align-items-end { list-style: none; } header .desktop-social { display: none !important; } header .header-social-media-icons.mobile-social { display: block !important; display: block !important; clear: both; margin-left: -15px !important; margin-right: -15px !important; } header .header-social-media-icons.mobile-social a { float: none !important; margin: 0 auto; } header .header-social-media-icons.mobile-social .center-social { width: 50%; text-align: -webkit-center; } header .header-social-media-icons.mobile-social::before { content: ""; display: block; margin-bottom: 8px; width: 100%; border-top: 1px solid #e5e5e5; clear: both; } header .languages-dropdown.mobile-social { padding: 5px; border-top: 1px solid #e5e5e5; margin-right: -15px !important; margin-left: -15px !important; text-align: center; } header .languages-dropdown.mobile-social .language-item { text-align: center; } header .languages-dropdown.mobile-social a { text-align: center; position: relative; display: contents; } header .languages-dropdown.mobile-social a::after { content: "|"; } header .languages-dropdown.mobile-social a:last-child::after { content: ""; } header .languages-dropdown.mobile-social .active-lang { text-decoration: underline; } header .header-social-media-icons a i { width: 100% !important; } .header-cover .header-container .user-profile a { color: white !important; } .header-cover .header-container .navbar .nav-item a { color: #616161; } } @media screen and (max-width: 769px) { .header-cover .header-social-media-icons.mobile-social { padding-bottom: 10px; } .header-cover .header-social-media-icons.mobile-social i { color: #616161 !important; } } @media screen and (max-width: 300px) { header .header-container .navbar .nav-logo { font-size: 15px; } header .header-container .navbar .nav-logo img { margin-right: 5px; } } @media (max-width: 1025px) { header .header-container .navbar { display: -webkit-flex !important; } header .header-container .navbar .header-social-media-icons { position: relative; top: 0; margin-bottom: 0; right: inherit; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and (min-width: 720px) { header .header-container .navbar .header-social-media-icons { margin-top: -8px; margin-bottom: 0px; } } @media all and (min-width: 520px) and (max-width: 1200px) { header .overlay ul li a { font-size: 4vw !important; } } @media all and (min-width: 520px) and (max-width: 1200px) and (orientation: landscape) { header .overlay ul li a { font-size: 3vw !important; } } .modal .c-user-navigation { position: absolute; right: 10px; color: black; opacity: 1; } .modal .user-dropdown { width: 100%; } .modal .user-dropdown .header-dropdown { padding: 10px 25px; border-bottom: 2px solid #f5f5f5; } .modal .user-dropdown .header-dropdown .user-grid { display: inline-grid; grid-template-columns: 75px 72%; grid-template-areas: "avatar name"; min-width: 100%; align-items: center; } .modal .user-dropdown .header-dropdown .user-avatar-grid { grid-area: avatar; } .modal .user-dropdown .header-dropdown .user-avatar-grid .user-avatar { width: 60px; height: 60px; border-radius: 40px; display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: cover; } .modal .user-dropdown .header-dropdown .user-name-grid { grid-area: name; } .modal .user-dropdown .header-dropdown .user-name { color: black; font-size: 14px; font-family: "Poppins", sans-serif; font-weight: 700; text-transform: capitalize; margin-bottom: 2px; } .modal .user-dropdown .header-dropdown .user-points { font-size: 12px; font-family: "Poppins", sans-serif; font-weight: bold; color: #0077E9; } .modal .user-dropdown .list-dropdown { padding: 10px 25px; border-bottom: 2px solid #f5f5f5; } .modal .user-dropdown .list-dropdown ul { padding-left: 0; list-style: none; } .modal .user-dropdown .list-dropdown ul li { margin-top: 3px; margin-bottom: 5px; } .modal .user-dropdown .list-dropdown ul li a { color: #616161; font-size: 14px; font-family: "Poppins", sans-serif; letter-spacing: 1px; text-transform: capitalize; } .modal .user-dropdown .footer-dropdown { padding: 10px 25px; display: inline-block; text-align: center; width: 100%; } .modal .user-dropdown .footer-dropdown i { line-height: 21px; font-size: 20px; padding: 0.5rem; padding-right: 0px; padding-left: 0px; color: #616161; } .modal .user-dropdown .footer-dropdown a { line-height: 21px; vertical-align: text-bottom; color: #616161; font-size: 14px; font-family: "Poppins", sans-serif; font-weight: 300; letter-spacing: 1px; text-transform: capitalize; } .modal .user-dropdown .footer-dropdown button { line-height: 21px; vertical-align: text-bottom; color: #616161; font-size: 14px; font-family: "Poppins", sans-serif; letter-spacing: 1px; text-transform: capitalize; border: navajowhite; background: transparent; } .modal .user-dropdown .footer-dropdown button:focus { outline: none; } /*==================================================*/ /*======================= bakti-untuk-rakyat ====================*/ /*==================================================*/ .bakti-untuk-rakyat .header_background.color-4-background, .bakti-untuk-rakyat .header_background.has-social-media { background-color: #fff !important; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161); } .bakti-untuk-rakyat .header_background.color-4-background:before, .bakti-untuk-rakyat .header_background.has-social-media:before { display: none; } .bakti-untuk-rakyat header { padding: 0 3rem; } @media screen and (min-width: 1200px) { .bakti-untuk-rakyat header .header-container { padding-left: 15px; padding-left: 15px; } } @media screen and (min-width: 1200px) { .bakti-untuk-rakyat header .header-container .navbar { justify-content: center; } } .bakti-untuk-rakyat header .header-container .navbar .nav-logo { padding-bottom: 15px !important; padding-top: 15px !important; display: inline-block; } @media screen and (min-width: 1200px) { .bakti-untuk-rakyat header .header-container .navbar .nav-logo { margin-top: auto !important; } } @media screen and (max-width: 1250px) { .bakti-untuk-rakyat header .header-container .navbar .nav-logo img { max-width: 175px; } } @media screen and (max-width: 1200px) { .bakti-untuk-rakyat header .header-container .navbar .navbar-toggler { align-self: center; margin-top: 0; } } @media screen and (max-width: 365px) { .bakti-untuk-rakyat header .header-container .navbar .navbar-toggler { padding-left: 7px; padding-right: 7px; } } .bakti-untuk-rakyat header .header-container .navbar .fa-bars:before, .bakti-untuk-rakyat header .header-container .navbar .fa-times:before { color: #F6555C; } @media screen and (min-width: 1200px) { .bakti-untuk-rakyat header .header-container .navbar .nav-item { margin: 0 10px !important; padding-top: 0; padding-bottom: 0; } } .bakti-untuk-rakyat header .header-container .navbar .nav-item a { color: #6E6C6C !important; font-family: "Open Sans", sans-serif; letter-spacing: 0; text-align: center; font-weight: 500; } .bakti-untuk-rakyat header .header-container .navbar .nav-item a:hover { color: #F6555C !important; } .bakti-untuk-rakyat header .header-container .navbar .nav-item a.log-in { font-family: "Adrianna", sans-serif; background-color: #F6555C !important; padding: 0.375rem 1.3125rem !important; border-radius: 40px; font-weight: 700; color: #fff !important; margin-bottom: 0; } .bakti-untuk-rakyat header .header-container .navbar .nav-item a.log-in:hover { background-color: #1E8FE1 !important; } @media screen and (max-width: 1620px) { .bakti-untuk-rakyat header .header-container .navbar .nav-item a { letter-spacing: 0; } } @media screen and (min-width: 1200px) { .bakti-untuk-rakyat header .header-container .navbar .nav-item a { font-size: 16px !important; padding-left: 0.5rem !important; padding-right: 0.5rem !important; padding-top: 0 !important; } } .bakti-untuk-rakyat header .header-container .navbar .nav-item a.active { color: #F6555C !important; border-bottom: 0 !important; } .bakti-untuk-rakyat header .header-container .navbar .header-social-media-icons a i { color: #6E6C6C !important; height: 100%; } .bakti-untuk-rakyat header .header-container .navbar .header-social-media-icons a i:hover { color: #6E6C6C !important; } .bakti-untuk-rakyat header .header-container .navbar .header-social-media-icons a i:hover:before { color: #F6555C !important; } .bakti-untuk-rakyat header .header-container .navbar .header-social-media-icons-mobile { display: none; } @media screen and (max-width: 1200px) { .bakti-untuk-rakyat header .header-container .navbar .header-social-media-icons-mobile { display: block; } } .bakti-untuk-rakyat header .header-container .navbar .header-social-media-icons-desktop { order: 1; display: block; } .bakti-untuk-rakyat header .header-container .navbar .header-social-media-icons-desktop .header-social-media-icons { display: block; margin-top: 0; margin-left: 10px; } .bakti-untuk-rakyat header .header-container .navbar .header-social-media-icons-desktop .header-social-media-icons a i { width: unset; margin-left: 0; margin-right: 0; } .bakti-untuk-rakyat header .header-container .navbar .header-social-media-icons-desktop .header-social-media-icons a:hover svg { transform: scale(1.15); transform-origin: top left; transition: all 0.2s ease-in-out; } .bakti-untuk-rakyat header .header-container .navbar .header-social-media-icons-desktop .header-social-media-icons a:hover svg .svg-instagram-fill, .bakti-untuk-rakyat header .header-container .navbar .header-social-media-icons-desktop .header-social-media-icons a:hover svg .svg-snackvideo-fill { fill: #F6555C; } .bakti-untuk-rakyat header .header-container .navbar .header-social-media-icons-desktop .header-social-media-icons::marker { display: none; } @media screen and (max-width: 1300px) { .bakti-untuk-rakyat header .header-container .navbar .header-social-media-icons-desktop .header-social-media-icons { margin: 0; } } @media screen and (max-width: 1200px) { .bakti-untuk-rakyat header .header-container .navbar .header-social-media-icons-desktop { display: none; } } @media screen and (max-width: 1300px) { .bakti-untuk-rakyat header .header-container { padding: 0 1rem; } } @media screen and (min-width: 1200px) { .bakti-untuk-rakyat header .header-container .overlay { width: auto; height: auto; position: static; padding-left: 50px !important; margin-top: 15px !important; margin-bottom: 15px !important; } } @media screen and (min-width: 1199px) { .bakti-untuk-rakyat header .header-container .overlay ul { border-top: none; width: auto; top: auto; } } @media screen and (min-width: 1200px) { .bakti-untuk-rakyat header .header-container .overlay .header-social-media-icons-mobile { display: none !important; } } @media screen and (min-width: 1200px) { .bakti-untuk-rakyat header .header-container .header-social-media-icons-desktop { display: block !important; } } @media (max-width: 500px) { .bakti-untuk-rakyat header { padding: 0; } } @media screen and (max-width: 1200px) { .bakti-untuk-rakyat #navbarSupportedContent.color-4-background, .bakti-untuk-rakyat #navbarSupportedContent.color-4-background-mobile { background-color: #fff !important; } } .bakti-untuk-rakyat .header-social-media-icons-desktop .header-social-media-icons { display: flex !important; flex-wrap: nowrap !important; } .bakti-untuk-rakyat .dropdown-toggle::after { color: #2cd6b5; } .bakti-untuk-rakyat header { padding: 0 !important; } .bakti-untuk-rakyat header .header-container .navbar .nav-item .dropdown-menu .dropdown-item { padding-top: 8px !important; padding-bottom: 8px !important; } @media (min-width: 1200px) and (max-width: 1450px) { .bakti-untuk-rakyat header .header-container .navbar .nav-item { margin: 0 4px !important; } } .bakti-untuk-rakyat header .header-container .navbar .overlay .mobile-logo { padding-top: 0; } .bakti-untuk-rakyat header .header-container .navbar .overlay .mobile-logo .nav-mobile-logo { margin-left: -20px; } .bakti-untuk-rakyat header .header-container .navbar .overlay .closeMenuMobile { top: 40px; left: 28px; } .bakti-untuk-rakyat header .header-container .navbar .overlay .user-profile.mobile-social { top: 32px; right: 11px; } @media screen and (max-width: 1200px) { .bakti-untuk-rakyat header .header-container .navbar .overlay ul { top: 0; padding-top: 20px !important; } } @media screen and (max-width: 1200px) { .bakti-untuk-rakyat header .header-container .navbar .user-profile { margin-left: 12px !important; margin-right: 12px; } } @media screen and (max-width: 365px) { .bakti-untuk-rakyat header .header-container .navbar .user-profile { margin-left: 7px !important; margin-right: 7px; } } .bakti-untuk-rakyat header .header-container .navbar .user-profile .dropdown-menu { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161); border-radius: 6px; border: none; left: 0; top: 100%; margin: 0; padding: 0; } .bakti-untuk-rakyat header .header-container .navbar .user-profile .dropdown-menu::after { display: none; } @media screen and (max-width: 1400px) { .bakti-untuk-rakyat header .header-container .navbar .user-profile .dropdown-menu { left: auto; right: 0; } } .bakti-untuk-rakyat header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .header-dropdown { padding: 10px 14px; } .bakti-untuk-rakyat header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .header-dropdown .user-name { font-family: "adrianna", sans-serif; } .bakti-untuk-rakyat header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .header-dropdown .user-points { font-family: "adrianna", sans-serif; color: #1E8FE1; font-size: 12px; } .bakti-untuk-rakyat header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .list-dropdown { padding: 10px 14px; } .bakti-untuk-rakyat header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .list-dropdown ul { margin-bottom: 0; } .bakti-untuk-rakyat header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .list-dropdown ul li a { font-family: "Open Sans", sans-serif; font-weight: 500; letter-spacing: 0; color: #6E6C6C !important; } .bakti-untuk-rakyat header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .footer-dropdown { padding: 10px 14px; } .bakti-untuk-rakyat header .header-container .navbar .user-profile .dropdown-menu .user-dropdown .footer-dropdown a { font-family: "Open Sans", sans-serif; letter-spacing: 0; color: #6E6C6C !important; padding-left: 5px; } .bakti-untuk-rakyat header .header-container .navbar .notifications { top: 0; } .bakti-untuk-rakyat header .header-container .navbar .notifications #notifications-menu { position: relative; } .bakti-untuk-rakyat header .header-container .navbar .notifications #notifications-menu img { width: 36px; height: 36px; display: block; } .bakti-untuk-rakyat header .header-container .navbar .notifications #notifications-menu .notifications-alerts-nr { width: 20px; height: 20px; border-radius: 50%; padding: 0; top: 0; right: -10px; display: flex; align-items: center; justify-content: center; background-color: #F6555C; font-size: 10px; line-height: 2; } .bakti-untuk-rakyat header .header-container .navbar .notifications #notifications-menu .notifications-alerts-nr.hidden { display: none; } .bakti-untuk-rakyat header .header-container .navbar .notifications .dropdown-menu { width: 433px; border-radius: 16px; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1607843137); margin-top: 10px; } .bakti-untuk-rakyat header .header-container .navbar .notifications .dropdown-menu::after { display: none; } .bakti-untuk-rakyat header .header-container .navbar .notifications .dropdown-menu::before { display: none; } .bakti-untuk-rakyat header .header-container .navbar .notifications .dropdown-menu ul { margin-bottom: 0; } .bakti-untuk-rakyat header .header-container .navbar .notifications .dropdown-menu ul.user-menu-notifications { padding: 25px 20px; border-color: #6E6C6C; } .bakti-untuk-rakyat header .header-container .navbar .notifications .dropdown-menu ul.user-menu-notifications li { padding: 0; margin: 0 !important; } .bakti-untuk-rakyat header .header-container .navbar .notifications .dropdown-menu ul.user-menu-notifications li .menu-item-notification { font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; color: #6E6C6C; transform: none; position: relative; padding-right: 25px !important; padding-left: 0 !important; text-align: left; max-width: 190px; } .bakti-untuk-rakyat header .header-container .navbar .notifications .dropdown-menu ul.user-menu-notifications li .menu-item-notification.active { font-weight: 700; color: #F8555C; transform: none; } .bakti-untuk-rakyat header .header-container .navbar .notifications .dropdown-menu ul.user-menu-notifications li .menu-item-notification:hover { font-weight: 700; color: #F8555C; transform: none; } .bakti-untuk-rakyat header .header-container .navbar .notifications .dropdown-menu ul.user-menu-notifications li .menu-item-notification .notifications-nr { background-color: #F6555C; padding: 0; border-radius: 50%; top: 50%; right: 40px; transform: translateY(-50%); display: flex !important; align-items: center; justify-content: center; } .bakti-untuk-rakyat header .header-container .navbar .notifications .dropdown-menu ul.user-menu-notifications li .menu-item-notification .notifications-nr.hidden { display: none !important; } .bakti-untuk-rakyat header .header-container .navbar .notifications .dropdown-menu ul.user-menu-notifications li .menu-item-notification .alerts-nr { background-color: #F6555C; padding: 0; border-radius: 50%; top: 50%; right: 70px; transform: translateY(-50%); display: flex !important; align-items: center; justify-content: center; } .bakti-untuk-rakyat header .header-container .navbar .notifications .dropdown-menu ul.user-menu-notifications li .menu-item-notification .alerts-nr.hidden { display: none !important; } .bakti-untuk-rakyat header .header-container .navbar .notifications .dropdown-menu .tab-content #notifications .notifications-list { padding-left: 20px; padding-right: 20px; } .bakti-untuk-rakyat header .header-container .navbar .notifications .dropdown-menu .tab-content #notifications .notifications-list::-webkit-scrollbar { width: 5px; background: #bdbdbd; } .bakti-untuk-rakyat header .header-container .navbar .notifications .dropdown-menu .tab-content #notifications .notifications-list::-webkit-scrollbar-thumb { background: #616161; } .bakti-untuk-rakyat header .header-container .navbar .notifications .dropdown-menu .tab-content #notifications .notifications-list .notification-text .notification-header { font-family: "adrianna", sans-serif; font-size: 16px; line-height: 28px; font-weight: 700; color: #000000; margin-bottom: 5px; } .bakti-untuk-rakyat header .header-container .navbar .notifications .dropdown-menu .tab-content #notifications .notifications-list .notification-text .notification-title { font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; font-style: normal; color: #000000; margin-bottom: 10px; padding-bottom: 0; } .bakti-untuk-rakyat header .header-container .navbar .notifications .dropdown-menu .tab-content #notifications .notifications-list .notification-text .notification-time { font-family: "Open Sans", sans-serif; font-size: 12px; line-height: 16px; font-weight: 500; color: #C6C3C3; } .bakti-untuk-rakyat header .header-container .navbar .notifications .dropdown-menu .tab-content #notifications .see-all-button-container { padding: 25px 20px; border-color: #6E6C6C; } .bakti-untuk-rakyat header .header-container .navbar .notifications .dropdown-menu .tab-content #notifications .see-all-button-container a { margin: 0; font-family: "Open Sans", sans-serif; font-size: 12px; line-height: 16px; font-weight: 500; color: #C6C3C3; padding: 0 !important; } @media screen and (min-width: 1199px) { .bakti-untuk-rakyat header .overlay ul .nav-item .dropdown-menu .dropdown-item { white-space: nowrap; border: none; } } @media (max-width: 1200px) { .bakti-untuk-rakyat header .overlay ul .header-social-media-icons.header-social-media-icons-mobile { display: flex !important; margin-top: 20px !important; } .bakti-untuk-rakyat header .overlay ul .header-social-media-icons.header-social-media-icons-mobile a i { margin-left: 0 !important; margin-right: 0 !important; font-size: 24px !important; } .bakti-untuk-rakyat header .overlay ul .header-social-media-icons.header-social-media-icons-mobile a:hover svg { transform: scale(1.15); transform-origin: top left; transition: all 0.2s ease-in-out; } .bakti-untuk-rakyat header .overlay ul .header-social-media-icons.header-social-media-icons-mobile a:hover svg .svg-instagram-fill, .bakti-untuk-rakyat header .overlay ul .header-social-media-icons.header-social-media-icons-mobile a:hover svg .svg-snackvideo-fill { fill: #F6555C; } } @media (min-width: 1200px) { .bakti-untuk-rakyat header .dropdown-menu { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161); border-radius: 6px; border: none; position: absolute; } .bakti-untuk-rakyat header .header-container .overlay { padding-left: 0 !important; margin-left: auto; } .bakti-untuk-rakyat header .header-container .navbar .nav-item .dropdown-menu { padding-left: 14px !important; } } @media screen and (max-width: 1199px) { .bakti-untuk-rakyat .dropdown-menu.show { display: block !important; margin: 0 auto; } .bakti-untuk-rakyat header .header-container .navbar .nav-item .dropdown-menu .dropdown-item { width: -moz-fit-content; width: fit-content; margin: 0 auto; } } .bakti-untuk-rakyat .modal .modal-header .c-user-navigation { right: 20px; margin: 0; font-size: 40px; } .bakti-untuk-rakyat .modal .modal-header .user-dropdown .header-dropdown { padding: 10px 20px; } .bakti-untuk-rakyat .modal .modal-header .user-dropdown .header-dropdown .user-name { font-family: "adrianna", sans-serif; } .bakti-untuk-rakyat .modal .modal-header .user-dropdown .header-dropdown .user-points { font-family: "adrianna", sans-serif; color: #1E8FE1; } .bakti-untuk-rakyat .modal .modal-body .list-dropdown { padding-left: 20px; padding-right: 20px; } .bakti-untuk-rakyat .modal .modal-body .list-dropdown ul li a { font-family: "Open Sans", sans-serif; font-weight: 500; letter-spacing: 0; color: #6E6C6C !important; } .bakti-untuk-rakyat .modal .modal-body .footer-dropdown { padding-left: 20px; padding-right: 20px; } .bakti-untuk-rakyat .modal .modal-body .footer-dropdown a { font-family: "Open Sans", sans-serif; letter-spacing: 0; color: #6E6C6C !important; font-weight: 400; } .bakti-untuk-rakyat .modal .modal-body .footer-dropdown a i { margin-right: 5px; } .bakti-untuk-rakyat #userNavigation .user-dropdown .modal-body { padding-left: 0; padding-right: 0; } .cover { position: relative; top: 0px; width: 100%; z-index: 1; height: calc(60vh + 80px); background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; } .cover h1 { color: #ffffff; font-family: "Poppins Medium", sans-serif; font-size: 54px; font-weight: normal; } .cover h3 { color: #ffffff; font-family: "Poppins", sans-serif; font-size: 26px; } .parallax { background-attachment: fixed !important; background-position: center; background-repeat: no-repeat; background-size: cover; } @media screen and (max-width: 1025px) { .parallax { background-attachment: scroll !important; } } .cover.no_cover { display: none; } @media screen and (max-width: 1200px) { .cover { height: 100vh; } .cover h1 { font-size: 6vw; } .cover h3 { font-size: 4vw; } } .comments-container h3 { font-size: 26px; font-weight: 700; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #f5f5f5; } .comments-container #reactions-list ul.comments { list-style: none; padding: 0; } .comments-container #reactions-list ul.comments li .user-info { margin-bottom: 17px; } .comments-container #reactions-list ul.comments li .user-info .user-img { width: 50px; height: 50px; border-radius: 50%; background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; margin-right: 15px; } .comments-container #reactions-list ul.comments li .user-info .user-name { display: inline-block; font-size: 14px; font-weight: 600; } .comments-container #reactions-list ul.comments li .user-info .user-name span { color: #616161; font-weight: 400; } .comments-container #reactions-list ul.comments li .comment { font-size: 14px; line-height: 22px; padding-bottom: 15px; border-bottom: 1px solid #f5f5f5; margin-bottom: 20px; } .comments-container .load-more { margin-bottom: 30px; } .comments-container .load-more.hide-load-more { display: none; } .comments-container .user-name { display: inline-grid !important; position: relative; top: -15px; } .notifications.dropdown { top: 4px; margin-left: 10px; } .notifications.dropdown .dropdown-menu { width: 400px; padding-top: 0px; padding-bottom: 0px; left: -270px; } .notifications.dropdown .dropdown-menu ul { padding-left: 0px; } .notifications.dropdown .dropdown-menu::before { content: ""; background-color: transparent; border-right: 8px solid transparent; position: absolute; border-left: 8px solid transparent; border-bottom: 8px solid #fff; border-top: 8px solid transparent; border-bottom-color: #d3d3d3; top: -16px; right: 29%; } .notifications.dropdown .dropdown-menu::after { content: ""; background-color: transparent; border-right: 8px solid transparent; position: absolute; border-left: 8px solid transparent; border-bottom: 8px solid #fff; border-top: 8px solid transparent; border-bottom-color: white; top: -15px; right: 29%; } .notifications.dropdown .hidden { display: none; } .notifications.dropdown i { color: #D9003C; font-size: 20px; } .notifications.dropdown .notifications-nr { background-color: #f30a57; border-radius: 45%; height: 20px; width: 20px; color: white; font-size: 11px; padding: 2px; text-align: center; position: absolute; top: -1px; } .notifications.dropdown .notifications-alerts-nr { background-color: #f30a57; border-radius: 40%; height: 15px; width: 15px; color: #ffffff; font-size: 10px; padding: 2px; text-align: center; position: absolute; right: -5px; } .notifications.dropdown .notifications-list { height: 300px; overflow-y: auto; } .notifications.dropdown .notifications-list h6, .notifications.dropdown .notifications-list a, .notifications.dropdown .notifications-list-models h6, .notifications.dropdown .notifications-list-models a { font-size: 14px; text-align: left; font-weight: 500; } .notifications.dropdown .notifications-list h6:hover, .notifications.dropdown .notifications-list a:hover, .notifications.dropdown .notifications-list-models h6:hover, .notifications.dropdown .notifications-list-models a:hover { text-decoration: none; } .notifications.dropdown .notifications-list i, .notifications.dropdown .notifications-list-models i { font-size: 16px; float: left; } .notifications.dropdown .notifications-list i.fa-calendar-check, .notifications.dropdown .notifications-list-models i.fa-calendar-check { color: #54c3b3; } .notifications.dropdown .notifications-list .notification-text, .notifications.dropdown .notifications-list-models .notification-text { padding-left: 15px; margin-left: 15px; } .notifications.dropdown .notifications-list .notification-header, .notifications.dropdown .notifications-list-models .notification-header { color: #515153; font-weight: 700; } .notifications.dropdown .notifications-list .notification-title, .notifications.dropdown .notifications-list-models .notification-title { color: #515153; font-style: italic; padding-bottom: 5px; } .notifications.dropdown .notifications-list .notification-time, .notifications.dropdown .notifications-list-models .notification-time { color: #6d7390; margin-bottom: 0px; } .notifications.dropdown .notifications-list ul, .notifications.dropdown .notifications-list li, .notifications.dropdown .notifications-list-models ul, .notifications.dropdown .notifications-list-models li { list-style: none; } .notifications.dropdown .notifications-list li, .notifications.dropdown .notifications-list-models li { padding: 10px; padding-left: 30px; } .notifications.dropdown .notifications-list li:hover, .notifications.dropdown .notifications-list-models li:hover { background-color: #f7f8fa; } .notifications.dropdown .user-menu-notifications { padding: 30px; } .notifications.dropdown .user-menu-notifications .nav-link { font-size: 18px; font-weight: 700; color: #585555; text-transform: none; padding: 0px !important; border: none; } .notifications.dropdown .user-menu-notifications .nav-link:hover { border: none; padding: 0px !important; } .points-notification { width: 480px !important; background-color: #fdece4; border-color: #fdece4; border-radius: 0; position: relative; right: 275px; display: -webkit-inline-box !important; min-height: 95px; } .points-notification .close { position: absolute; right: 0px; top: -25px; font-size: 18px; opacity: 1; } .points-notification .close span { color: black; } .points-notification .close span:hover { color: black; opacity: 1; } .points-notification .close:hover { opacity: 1 !important; } .points-notification .fa-award { margin-right: 15px; font-size: 50px; } .points-notification h5 { margin-top: 10px; font-size: 14px; color: #616161; width: 80%; position: absolute; top: 0px; left: 70px; display: inherit; } .points-notification h5 span { font-weight: 700; } .points-notification .comment-text { bottom: 0px; display: contents; left: 75px; width: 100%; } .points-notification .comment-text h5 { width: 100%; position: relative; left: 51px; } #user-drop-menu .notifications-alerts-nr { background-color: #f30a57; border-radius: 40%; height: 15px; width: 15px; color: #ffffff; font-size: 10px; padding: 2px; text-align: center; position: absolute; right: -2px; line-height: 10px; } #user-drop-menu .notifications-alerts-nr.hidden { display: none; } #js-open-notification { padding: 0px; } #js-open-notification i.fa-bell { position: relative; } #js-open-notification i.fa-bell .notifications-alerts-nr { background-color: #f30a57; border-radius: 40%; height: 15px; width: 15px; color: #ffffff; font-size: 10px; padding: 2px; text-align: center; position: absolute; top: -10px; right: -6px; line-height: 10px; } #js-open-notification i.fa-bell .notifications-alerts-nr.hidden { display: none; } #js-mobile-notififications .alerts-tab, #js-mobile-notififications .notifications-tab { position: relative; } #js-mobile-notififications .alerts-tab .alerts-nr, #js-mobile-notififications .alerts-tab .notifications-nr, #js-mobile-notififications .notifications-tab .alerts-nr, #js-mobile-notififications .notifications-tab .notifications-nr { background-color: #f30a57; border-radius: 40%; height: 15px; width: 15px; color: #ffffff; font-size: 10px; padding: 2px; text-align: center; position: absolute; top: -1px; line-height: 10px; } #js-mobile-notififications .alerts-tab .alerts-nr.hidden, #js-mobile-notififications .alerts-tab .notifications-nr.hidden, #js-mobile-notififications .notifications-tab .alerts-nr.hidden, #js-mobile-notififications .notifications-tab .notifications-nr.hidden { display: none; } @media (max-width: 750px) { .notifications-container { width: 100% !important; } .points-notification { max-width: 330px !important; right: 0px !important; float: right; height: 100%; } .points-notification .fa-award { margin-right: 10px; } } #notifications .see-all-button-container { border-top: 1px solid #dee2e6; padding-top: 10px; } #notifications .see-all-button { border-top: none; font-size: 16px; padding-top: 20px; padding-bottom: 20px !important; color: #bdbdbd; text-transform: uppercase; margin-left: 30px; text-decoration: none; } #notifications .see-all-button:hover { color: #bdbdbd; } /*============================================================================================*/ /*=================================== bakti-untuk-rakyat =====================================*/ /*============================================================================================*/ .bakti-untuk-rakyat { /*bottom notification*/ } .bakti-untuk-rakyat .points-notification { width: 463px !important; background-color: #ffffff; border-color: #2CD7B6; border-radius: 16px; padding: 30px 17px 20px; display: block !important; } @media (max-width: 768px) { .bakti-untuk-rakyat .points-notification { width: 100% !important; max-width: 100% !important; } } .bakti-untuk-rakyat .points-notification .close { top: 7px; right: 10px; width: 20px; height: 20px; } .bakti-untuk-rakyat .points-notification .awards-icon { position: absolute; top: 10px; left: 10px; width: 20px; height: 20px; } .bakti-untuk-rakyat .points-notification .awards-icon img { display: block; } .bakti-untuk-rakyat .points-notification h5 { font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; color: #000000; position: static; width: 100%; margin: 0; } .bakti-untuk-rakyat .points-notification h5 span { font-size: 12px; line-height: 16px; font-weight: 500; color: #C6C3C3; } .bakti-untuk-rakyat .points-notification p { margin: 5px 0; color: #000000; } .notifications.dropdown i { color: #f1824a; font-size: 20px; } .notifications.dropdown .alerts-nr { background-color: #f30a57; border-radius: 45%; height: 20px; width: 20px; color: white; font-size: 11px; padding: 2px; text-align: center; position: absolute; top: -1px; } .notifications.dropdown .alerts-list { height: 300px; overflow-y: auto; } .notifications.dropdown .alerts-list #js-close-alerts, .notifications.dropdown .notifications-list-models #js-close-alerts, .notifications.dropdown .alert-single #js-close-alerts { border-top: none; color: #bdbdbd; padding: 10px; padding-left: 30px; } .notifications.dropdown .alerts-list #js-close-alerts .back-button, .notifications.dropdown .notifications-list-models #js-close-alerts .back-button, .notifications.dropdown .alert-single #js-close-alerts .back-button { border-top: none; font-size: 16px; padding-top: 20px; padding-bottom: 20px !important; color: #bdbdbd; text-transform: uppercase; } .notifications.dropdown .alerts-list #js-close-alerts .back-button .fa-arrow-left, .notifications.dropdown .notifications-list-models #js-close-alerts .back-button .fa-arrow-left, .notifications.dropdown .alert-single #js-close-alerts .back-button .fa-arrow-left { font-size: 12px !important; padding-right: 5px; padding-top: 7px; color: #bdbdbd; } .notifications.dropdown .alerts-list #js-close-alerts .back-button:hover, .notifications.dropdown .notifications-list-models #js-close-alerts .back-button:hover, .notifications.dropdown .alert-single #js-close-alerts .back-button:hover { color: #bdbdbd; } .notifications.dropdown .alerts-list h6, .notifications.dropdown .alerts-list a, .notifications.dropdown .notifications-list-models h6, .notifications.dropdown .notifications-list-models a, .notifications.dropdown .alert-single h6, .notifications.dropdown .alert-single a { font-size: 14px; text-align: left; font-weight: 500; } .notifications.dropdown .alerts-list h6:hover, .notifications.dropdown .alerts-list a:hover, .notifications.dropdown .notifications-list-models h6:hover, .notifications.dropdown .notifications-list-models a:hover, .notifications.dropdown .alert-single h6:hover, .notifications.dropdown .alert-single a:hover { text-decoration: none; } .notifications.dropdown .alerts-list h6 p, .notifications.dropdown .alerts-list a p, .notifications.dropdown .notifications-list-models h6 p, .notifications.dropdown .notifications-list-models a p, .notifications.dropdown .alert-single h6 p, .notifications.dropdown .alert-single a p { font-size: inherit; margin-bottom: 0px; } .notifications.dropdown .alerts-list i, .notifications.dropdown .notifications-list-models i, .notifications.dropdown .alert-single i { font-size: 16px; float: left; } .notifications.dropdown .alerts-list i.fa-calendar-check, .notifications.dropdown .notifications-list-models i.fa-calendar-check, .notifications.dropdown .alert-single i.fa-calendar-check { color: #54c3b3; } .notifications.dropdown .alerts-list .alert-text, .notifications.dropdown .notifications-list-models .alert-text, .notifications.dropdown .alert-single .alert-text { padding-left: 15px; margin-left: 15px; } .notifications.dropdown .alerts-list .alert-header, .notifications.dropdown .notifications-list-models .alert-header, .notifications.dropdown .alert-single .alert-header { color: #515153; font-weight: 700; text-transform: capitalize; } .notifications.dropdown .alerts-list .alert-title, .notifications.dropdown .notifications-list-models .alert-title, .notifications.dropdown .alert-single .alert-title { color: #515153; font-style: italic; padding-bottom: 5px; } .notifications.dropdown .alerts-list .alert-time, .notifications.dropdown .notifications-list-models .alert-time, .notifications.dropdown .alert-single .alert-time { color: #6d7390; margin-bottom: 0px; } .notifications.dropdown .alerts-list ul, .notifications.dropdown .alerts-list li, .notifications.dropdown .notifications-list-models ul, .notifications.dropdown .notifications-list-models li, .notifications.dropdown .alert-single ul, .notifications.dropdown .alert-single li { list-style: none; } .notifications.dropdown .alerts-list li, .notifications.dropdown .notifications-list-models li, .notifications.dropdown .alert-single li { padding: 10px; padding-left: 30px; } .notifications.dropdown .alerts-list li:hover, .notifications.dropdown .notifications-list-models li:hover, .notifications.dropdown .alert-single li:hover { background-color: #f7f8fa; } @media (max-width: 750px) { .notifications-container { width: 100% !important; } } /*============================================================================================*/ /*=================================== bakti-untuk-rakyat =====================================*/ /*============================================================================================*/ @media screen and (max-width: 750px) { .bakti-untuk-rakyat .notifications-container { right: 0 !important; left: 0 !important; width: calc(100% + 20px); } } .branches { margin: auto 0 !important; } .branches #branches { width: 350px; left: -165px; position: absolute; top: 35px; } .branches #branches .branches-title { padding: 20px 20px 10px 10px; font-size: 22px; color: #616161; font-family: "Poppins Semibold", sans-serif; } .branches #branches a:hover { text-decoration: none; } .branches #branches a .branch-item { display: inline-flex; width: 100%; margin-bottom: 5px; } .branches #branches a .branch-item:hover { cursor: pointer; } .branches #branches a .branch-item img { width: 50px; height: 50px; border-radius: 25px; margin-right: 20px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .branches #branches a .branch-item .branch-info i { color: #616161; font-size: 12px; top: -5px; position: relative; float: left; top: 2px; } .branches #branches a .branch-item .branch-info .branch-name { font-size: 18px; color: #616161; font-family: "Poppins Semibold", sans-serif; text-transform: capitalize; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 200px; } .branches #branches a .branch-item .branch-info .branch-location { color: #616161; font-size: 13px; font-family: "Poppins", sans-serif; font-weight: 400; margin-left: 17px; text-transform: capitalize; } .branch-desktop { margin: auto 5px auto 15px; } .branch-page hr { width: 60px; border-top: 4px solid #D9003C; margin: 5px auto 30px 0; } .branch-page h1 { font-size: 35px; font-family: "Poppins Semibold", sans-serif; } .branch-page .branch-info { background-color: #fafafa; display: inherit; border-top: 2px solid rgba(234, 234, 234, 0.3294117647); padding: 50px 0px; } .branch-page .branch-info .branch-logo { float: left; border: 4px solid white; width: 200px; max-width: 200px; height: 200px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .branch-page .branch-info hr { margin-bottom: 10px; } .branch-page .branch-info .info { vertical-align: middle; } .branch-page .branch-info .info h3 { font-size: 20px; font-family: "Poppins Semibold", sans-serif; } .branch-page .branch-info .info .branch-social a { float: left; color: #D9003C; font-size: 20px; margin-right: 5px; } .branch-page .contact { padding: 50px 15px; } .branch-page .contact h5 { color: #7c848c; font-size: 18px; font-family: "Poppins", sans-serif; font-weight: 300; } .branch-page .contact h4 { color: #161a1e; font-size: 14px; font-family: "Poppins Semibold", sans-serif; } .branch-page .leaders .card-member-inner { display: flex; flex-direction: column; min-height: 100%; padding-bottom: 1.75rem; padding-left: 1.25rem; padding-right: 1.25rem; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15); transition: box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out; } .branch-page .leaders .card-member-inner:hover { box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.274); transform: translateY(-10px); } @media (min-width: 992px) { .branch-page .leaders .card-member-inner { padding-bottom: 2.5rem; } } .branch-page .leaders .card-member { padding-left: 0.625rem; padding-right: 0.625rem; margin-top: 2.5rem; } @media (min-width: 992px) { .branch-page .leaders .card-member { margin-top: 3.125rem; } } .branch-page .leaders .card-member-image { width: 250px; height: 250px; border-radius: 50% !important; margin: -50px auto 0 auto; background-color: #D9003C; } @media (min-width: 992px) { .branch-page .leaders .card-member-image { width: 12.5rem !important; height: 12.5rem !important; margin-bottom: 1.875rem; } } .branch-page .leaders .user-social a { float: left; color: #D9003C; font-size: 20px; margin-right: 5px; } .branch-page .leaders .card-member-name { font-size: 1.25rem; font-weight: 500; margin-bottom: 4px; text-align: center; letter-spacing: 0px; color: #222529; opacity: 1; } .branch-page .leaders .card-member-name > span { font-weight: 900; } @media (min-width: 992px) { .branch-page .leaders .card-member-name { font-size: 1.5625rem; margin-bottom: 0.5rem; } } .branch-page .leaders .contact-details { text-align: center; font: normal normal normal 20px/24px Barlow; letter-spacing: 0px; color: #7D848B; opacity: 1; font-size: 17px; } .branch-page .leaders .card-delimiter { height: 0.125rem; width: 1.25rem; margin-left: auto; margin-right: auto; background-color: #D9003C; } @media (min-width: 992px) { .branch-page .leaders .card-delimiter { width: 1.875rem; } } .branch-page .leaders .card-member-company { padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 0.625rem !important; font-size: 0.875rem; font-weight: 600; letter-spacing: 0px; color: #222529; opacity: 1; text-align: center; } .branch-page .leaders .card-member-details { padding: 1.25rem 0.9375rem 2.5rem !important; margin-bottom: 0 !important; font-size: 0.875rem; } @media (min-width: 992px) { .branch-page .leaders .card-member-details { font-size: 1rem; } } .branch-page .boards { background-color: #fafafa; display: inherit; padding: 50px 0px; } .branch-page .boards h4 { color: #D9003C; font-size: 14px; font-family: "Poppins Semibold", sans-serif; margin-bottom: 0; } .branch-page .boards h5 { color: #161a1e; font-size: 12px; font-family: "Poppins Semibold", sans-serif; } .branch-page .boards h6 { color: #7c848c; font-size: 12px; font-family: "Poppins Semibold", sans-serif; } .branch-page .boards i { color: #D9003C; float: left; font-size: 20px; margin-top: -2px; margin-right: 10px; } .branch-page .boards a:hover { text-decoration: none !important; } .branch-page .boards a .card { border: 1px solid rgba(0, 0, 0, 0.06); } .branch-page .boards a .card:hover { border: 1px solid rgba(0, 0, 0, 0.36); } .branch-page .boards a .card .card-header { border-bottom: none; text-decoration: none !important; } .branch-page .boards a .card .functions { float: left; text-transform: uppercase; } .branch-page .boards a .card .vacancies { float: right; text-transform: uppercase; } .branch-page .vacancies-section { background-color: #fff; display: inherit; padding: 50px 0px; } .branch-page .vacancies-section h4 { color: #D9003C; font-size: 14px; font-family: "Poppins Semibold", sans-serif; margin-bottom: 0; } .branch-page .vacancies-section h5 { color: #161a1e; font-size: 12px; font-family: "Poppins Semibold", sans-serif; } .branch-page .vacancies-section h6 { color: #7c848c; font-size: 12px; font-family: "Poppins Semibold", sans-serif; } .branch-page .vacancies-section i { color: #D9003C; float: left; font-size: 20px; margin-top: -2px; margin-right: 10px; } .branch-page .vacancies-section .card { border: 1px solid rgba(0, 0, 0, 0.06); } .branch-page .vacancies-section .card .card-header { border-bottom: none; } .branch-page .vacancies-section .card .board { float: left; text-transform: capitalize; } .branch-page .branches-section { background-color: #fafafa; display: inherit; padding: 50px 0px; } .branch-page .branches-section .branch-item { display: inline-flex; width: 100%; margin-bottom: 5px; } .branch-page .branches-section .branch-item:hover { cursor: pointer; } .branch-page .branches-section .branch-item img { width: 50px; height: 50px; border-radius: 25px; margin-right: 20px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .branch-page .branches-section .branch-item .branch-infos i { color: #616161; font-size: 12px; top: -5px; position: relative; float: left; top: 2px; } .branch-page .branches-section .branch-item .branch-infos .branch-name { font-size: 18px; color: #616161; font-family: "Poppins Semibold", sans-serif; text-transform: capitalize; } .branch-page .branches-section .branch-item .branch-infos .branch-location { color: #616161; font-size: 12px; font-family: "Poppins", sans-serif; font-weight: 300; margin-left: 17px; text-transform: capitalize; } @media screen and (max-width: 767px) { .branch-page hr { margin: 0 auto; margin-bottom: 15px; } .branch-page .branch-logo { display: block; margin: 0 auto; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .branch-page .branch-info .info { text-align: center; } .branch-page .branch-info .info .branch-social { width: -moz-fit-content; width: fit-content; margin: 0 auto; } .branch-page .branch-info .info .branch-social a { margin-right: 5px; margin-left: 5px; } .branch-page .contact h1 { text-align: center; } .branch-page .board-members h1 { text-align: center; } .branch-page .boards h1 { text-align: center; } .branch-page .vacancies-section h1 { text-align: center; } .branch-page .branches-section h1 { text-align: center; } } .board-page hr { width: 60px; border-top: 4px solid #D9003C; margin: 5px auto 30px 0; } .board-page h1 { font-size: 35px; font-family: "Poppins Semibold", sans-serif; } .board-page .branch-info { background-color: #fafafa; display: inherit; border-top: 2px solid rgba(234, 234, 234, 0.3294117647); padding: 50px 0px; } .board-page .branch-info .branch-logo { float: left; border: 4px solid white; width: 200px; max-width: 200px; height: 200px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .board-page .branch-info hr { margin-bottom: 10px; } .board-page .branch-info .info { vertical-align: middle; } .board-page .branch-info .info h3 { font-size: 20px; font-family: "Poppins Semibold", sans-serif; } .board-page .branch-info .info .branch-social a { float: left; color: #D9003C; font-size: 20px; margin-right: 5px; } .board-page .branch-info .info .branch-back { color: #D9003C; font-size: 18px; font-family: "Poppins Semibold", sans-serif; text-decoration: underline; } .board-page .board-members { background-color: #fff; display: inherit; padding: 50px 0px; } .board-page .board-members .member-item { display: block; margin: 5px 15px; padding: 25px; } .board-page .board-members .member-item:hover { cursor: pointer; text-decoration: none; } .board-page .board-members .member-item .member-img { float: left; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .board-page .board-members .member-item img { width: 75px; height: 75px; border-radius: 50%; margin-right: 15px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .board-page .board-members .member-item .member-infos i { color: #616161; font-size: 20px; position: relative; float: left; bottom: -7px; margin-right: 10px; } .board-page .board-members .member-item .member-infos .member-name { font-size: 18px; color: #000; font-family: "Poppins Semibold", sans-serif; text-transform: capitalize; margin-bottom: 0px; } .board-page .board-members .member-item .member-infos .member-function { color: #616161; font-size: 14px; font-family: "Poppins", sans-serif; font-weight: 400; text-transform: capitalize; } .board-page .vacancies-section { background-color: #fafafa; display: inherit; padding: 50px 0px; } .board-page .vacancies-section h4 { color: #D9003C; font-size: 14px; font-family: "Poppins Semibold", sans-serif; margin-bottom: 0; } .board-page .vacancies-section h5 { color: #161a1e; font-size: 12px; font-family: "Poppins Semibold", sans-serif; } .board-page .vacancies-section h6 { color: #7c848c; font-size: 12px; font-family: "Poppins Semibold", sans-serif; } .board-page .vacancies-section i { color: #D9003C; float: left; font-size: 20px; margin-top: -2px; margin-right: 10px; } .board-page .vacancies-section .card { border: 1px solid rgba(0, 0, 0, 0.06); } .board-page .vacancies-section .card .card-header { border-bottom: none; } .board-page .vacancies-section .card .board { float: left; text-transform: capitalize; } .board-page .branches-section { background-color: #fafafa; display: inherit; padding: 50px 0px; } .board-page .branches-section .branch-item { display: inline-flex; width: 100%; margin-bottom: 5px; } .board-page .branches-section .branch-item:hover { cursor: pointer; } .board-page .branches-section .branch-item img { width: 50px; height: 50px; border-radius: 25px; margin-right: 20px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .board-page .branches-section .branch-item .branch-infos i { color: #616161; font-size: 12px; top: -5px; position: relative; float: left; top: 2px; } .board-page .branches-section .branch-item .branch-infos .branch-name { font-size: 18px; color: #616161; font-family: "Poppins Semibold", sans-serif; text-transform: capitalize; } .board-page .branches-section .branch-item .branch-infos .branch-location { color: #616161; font-size: 12px; font-family: "Poppins", sans-serif; font-weight: 300; margin-left: 17px; text-transform: capitalize; } @media screen and (max-width: 767px) { .board-page hr { margin: 0 auto; margin-bottom: 15px; } .board-page .branch-logo { display: block; margin: 0 auto; } .board-page .branch-info .info { text-align: center; } .board-page .branch-info .info .branch-social { width: -moz-fit-content; width: fit-content; margin: 0 auto; } .board-page .branch-info .info .branch-social a { margin-right: 5px; margin-left: 5px; } .board-page .vacancies-section h1 { text-align: center; } } .mobile-notifications .see-all-button { margin-top: 8px; } .mobile-notifications .overlay { width: 100vw; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #ffffff; overflow-x: hidden; transition: 0.2s; } .mobile-notifications .overlay ul { width: 100%; border-top: 1px solid rgba(0, 0, 0, 0.04); margin: 0 !important; top: 20px; position: relative; border-radius: 0; padding: 0; box-shadow: none; } .mobile-notifications .overlay .overlay-content { position: relative; width: 100%; text-align: center; padding: 30px 4vw; list-style: none; } .mobile-notifications .overlay .overlay-content .hidden { display: none; } .mobile-notifications .overlay .overlay-content .menu-item-notification { color: #515153; } .mobile-notifications .overlay .overlay-content .list-scroll { overflow: auto; height: 83vh; } .mobile-notifications .overlay .overlay-content .list-scroll .nav-tabs.user-menu-notifications { border: none; } .mobile-notifications .overlay .overlay-content .list-scroll .nav-tabs.user-menu-notifications .nav-item { background-color: white; border: none; } .mobile-notifications .overlay .overlay-content .list-scroll .nav-tabs.user-menu-notifications .nav-link { border-top: none; border-left: none; border-right: none; font-size: 12px !important; cursor: pointer; font-family: "Barlow", sans-serif; text-transform: uppercase; font-weight: 600; letter-spacing: 1.5px; background: transparent; padding-bottom: 0 !important; border-bottom: 2px solid transparent; } .mobile-notifications .overlay .overlay-content h6, .mobile-notifications .overlay .overlay-content a { font-size: 2.5vw; text-align: left; font-weight: 500; } .mobile-notifications .overlay .overlay-content h6:hover, .mobile-notifications .overlay .overlay-content a:hover { text-decoration: none; } .mobile-notifications .overlay .overlay-content i { font-size: 2.5vw; float: left; } .mobile-notifications .overlay .overlay-content i.fa-calendar-check { color: #54c3b3; } .mobile-notifications .overlay .overlay-content .notification-text, .mobile-notifications .overlay .overlay-content .alert-text { padding-left: 15px; margin-left: 15px; } .mobile-notifications .overlay .overlay-content .notification-header, .mobile-notifications .overlay .overlay-content .alert-header { color: #515153; font-weight: 700; } .mobile-notifications .overlay .overlay-content .notification-title, .mobile-notifications .overlay .overlay-content .alert-title { color: #515153; font-style: italic; padding-bottom: 5px; } .mobile-notifications .overlay .overlay-content .notification-title p, .mobile-notifications .overlay .overlay-content .alert-title p { margin-bottom: 0; font-size: 2.5vw; } .mobile-notifications .overlay .overlay-content .notification-time, .mobile-notifications .overlay .overlay-content .alert-time { color: #6d7390; margin-bottom: 0px; } .mobile-notifications .overlay .overlay-content ul, .mobile-notifications .overlay .overlay-content li { list-style: none; } .mobile-notifications .overlay .overlay-content li:first-of-type { border-top: none !important; } .mobile-notifications .overlay .overlay-content li { margin-top: 0px !important; margin-bottom: 0px !important; padding: 10px; } .mobile-notifications .overlay .overlay-content li:hover { background-color: #f7f8fa; } .mobile-notifications .overlay .overlay-content #js-close-notification { border-top: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .mobile-notifications .overlay .overlay-content .back-button { color: #616161; border-top: none; font-size: 4vw !important; padding-top: 20px; padding-bottom: 20px !important; cursor: pointer; font-family: "Barlow", sans-serif; text-transform: uppercase; font-weight: 600; letter-spacing: 1.5px; background: transparent; border-bottom: 2px solid transparent; } .mobile-notifications .overlay .overlay-content .back-button .fa-arrow-left { font-size: 3vw !important; padding-right: 15px; padding-top: 2vw; } .mobile-notifications .overlay a { padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; transition: 0.3s; cursor: pointer; font-family: "Barlow", sans-serif; text-transform: uppercase !important; font-weight: 600; letter-spacing: 1.5px; background: transparent; padding-bottom: 0 !important; border-bottom: 2px solid transparent; } .mobile-notifications .overlay a:hover, .mobile-notifications .overlay .overlay a:focus { color: #f1f1f1; } .mobile-notifications .overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px; } @media screen and (max-height: 450px) { .mobile-notifications .overlay a { font-size: 20px; } .mobile-notifications .overlay .closebtn { font-size: 40px; top: 15px; right: 35px; } } .mobile-logo { text-align: center; padding-top: 20px; } .mobile-logo .nav-mobile-logo img { width: 20vw; } .mobile-logo .user-profile { width: 50px; position: absolute; top: 15px; right: 15px; } /*============================================================================================*/ /*=================================== bakti-untuk-rakyat =====================================*/ /*============================================================================================*/ .bakti-untuk-rakyat .mobile-notifications .overlay .overlay-content .back-button { padding-top: 0; } .bakti-untuk-rakyat .mobile-notifications .overlay .overlay-content .back-button i { float: none; } .bakti-untuk-rakyat .mobile-notifications .overlay .overlay-content .list-scroll .nav-tabs.user-menu-notifications .nav-link { font-family: "Open Sans", sans-serif; font-weight: 400; letter-spacing: 0; font-size: 14px !important; padding: 0; max-width: 190px; padding-right: 25px !important; } .bakti-untuk-rakyat .mobile-notifications .overlay .overlay-content .list-scroll .nav-tabs.user-menu-notifications .nav-link.active { color: #F8555C !important; font-weight: 700; border-color: transparent !important; } .bakti-untuk-rakyat .mobile-notifications .overlay .overlay-content .list-scroll .nav-tabs.user-menu-notifications .nav-link .notifications-nr { width: 20px !important; height: 20px !important; border-radius: 50% !important; display: flex; align-items: center; justify-content: center; top: 50% !important; left: 70%; transform: translateY(-50%); } @media screen and (max-width: 480px) { .bakti-untuk-rakyat .mobile-notifications .overlay .overlay-content .list-scroll .nav-tabs.user-menu-notifications .nav-link .notifications-nr { left: auto; right: 0; } } .bakti-untuk-rakyat .mobile-notifications .overlay .overlay-content .list-scroll .nav-tabs.user-menu-notifications .nav-link .notifications-nr.hidden { display: none; } .bakti-untuk-rakyat .mobile-notifications .overlay .overlay-content .list-scroll .nav-tabs.user-menu-notifications .nav-link .alerts-nr { width: 20px !important; height: 20px !important; border-radius: 50% !important; display: flex; align-items: center; justify-content: center; top: 50% !important; left: 55%; transform: translateY(-50%); } @media screen and (max-width: 480px) { .bakti-untuk-rakyat .mobile-notifications .overlay .overlay-content .list-scroll .nav-tabs.user-menu-notifications .nav-link .alerts-nr { left: auto; right: 0; } } .bakti-untuk-rakyat .mobile-notifications .overlay .overlay-content .list-scroll .nav-tabs.user-menu-notifications .nav-link .alerts-nr.hidden { display: none; } .bakti-untuk-rakyat .mobile-notifications #js-open-notification { position: relative; } .bakti-untuk-rakyat .mobile-notifications #js-open-notification img { width: 25px; height: 25px; margin-right: 15px; } .bakti-untuk-rakyat .mobile-notifications #js-open-notification .notifications-alerts-nr { background-color: #F8555C; position: absolute; top: -5px; left: 20px; border-radius: 50%; color: #ffffff; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; font-size: 12px; } @media (max-width: 768px) { .bakti-untuk-rakyat .mobile-notifications #js-open-notification .notifications-alerts-nr { width: 16px; height: 16px; top: 0px; left: 20px; text-align: center; line-height: 1.3; } } .bakti-untuk-rakyat .mobile-notifications #js-open-notification .notifications-alerts-nr.hidden { display: none; } .mobile-branches .overlay { width: 100vw; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #ffffff; overflow-x: hidden; transition: 0.2s; } .mobile-branches .overlay .overlay-content { position: relative; width: 100%; text-align: center; padding: 30px 4vw; list-style: none; } .mobile-branches .overlay .overlay-content .hidden { display: none; } .mobile-branches .overlay .overlay-content .list-scroll { overflow: auto; height: 85vh; top: 0px; } .mobile-branches .overlay .overlay-content #js-close-branches { border-top: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .mobile-branches .overlay .overlay-content .back-button { border-top: none; font-size: 4vw !important; padding-top: 20px; padding-bottom: 20px !important; color: #616161 !important; } .mobile-branches .overlay .overlay-content .back-button .fa-arrow-left { font-size: 3vw !important; padding-right: 15px; padding-top: 2vw; color: #616161 !important; } .mobile-branches .overlay .overlay-content .branches-title { padding: 20px 20px 10px 10px; font-size: 22px; color: #616161; font-family: "Poppins Semibold", sans-serif; } .mobile-branches .overlay .overlay-content .branch-item { display: inline-flex; width: 100%; margin-bottom: 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 10px; } .mobile-branches .overlay .overlay-content .branch-item:hover { cursor: pointer; } .mobile-branches .overlay .overlay-content .branch-item img { width: 50px; height: 50px; border-radius: 25px; margin-right: 20px; } .mobile-branches .overlay .overlay-content .branch-item .branch-info i { color: #616161; font-size: 12px; top: -5px; position: relative; float: left; top: 2px; } .mobile-branches .overlay .overlay-content .branch-item .branch-info .branch-name { color: #616161; font-family: "Poppins Semibold", sans-serif; font-size: 3vw; margin-top: 13px; text-transform: capitalize; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 250px; } .mobile-branches .overlay .overlay-content .branch-item .branch-info .branch-location { color: #616161; font-size: 2.5vw; font-family: "Poppins", sans-serif; font-weight: 400; margin-left: 17px; text-transform: capitalize; } .mobile-branches .overlay a { padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; transition: 0.3s; } .mobile-branches .overlay a:hover, .mobile-branches .overlay .overlay a:focus { color: #f1f1f1; } .mobile-branches .overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px; } @media screen and (max-height: 450px) { .mobile-branches .overlay a { font-size: 20px; } .mobile-branches .overlay .closebtn { font-size: 40px; top: 15px; right: 35px; } } #recruitingModal .modal-body p { padding: 0px 80px; } #recruitingModal #recruitingModalButton { width: 60%; } #signInModal .modal-dialog { max-width: 450px; margin: 6.75rem auto; } #signInModal .modal-dialog .modal-header { padding: 1rem 2rem; } #signInModal .modal-dialog .modal-header .modal-title { color: #b6b6b6; font-size: 18px; font-family: "Poppins Medium", sans-serif; } #signInModal .modal-dialog .modal-header button { font-size: 38px; line-height: 20px; } #signInModal .modal-dialog .modal-header button:focus { outline: none; } #signInModal .modal-dialog .modal-body { padding: 2rem; } #signInModal .modal-dialog .modal-body input::-moz-placeholder { color: #b6b6b6; font-size: 14px; font-family: "Poppins Medium", sans-serif; } #signInModal .modal-dialog .modal-body input::placeholder { color: #b6b6b6; font-size: 14px; font-family: "Poppins Medium", sans-serif; } #signInModal .modal-dialog .modal-body .form-control { padding: 1.375rem 0.75rem; } #signInModal .modal-dialog .modal-body .checkbox label { font-size: 14px; font-family: "Poppins Medium", sans-serif; color: #b6b6b6; } #signInModal .modal-dialog .modal-body a { float: right; color: #0077E9; font-size: 12px; font-family: "Poppins Medium", sans-serif; } #signInModal .modal-dialog .modal-body #loginButton { width: 100%; } #signInModal .modal-dialog .modal-body p { width: 100%; text-align: center; font-family: "Poppins Medium", sans-serif; font-size: 12px; color: #757575; margin-top: 20px; margin-bottom: 0; } #signInModal .modal-dialog .modal-body .register-now-div { width: -moz-fit-content; width: fit-content; margin: 0 auto; } #signInModal .modal-dialog .modal-body .register-now-div a { cursor: pointer; float: unset; } #signInModal .modal-dialog .modal-body .container-checkbox { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; user-select: none; /* Hide the browser's default checkbox */ } #signInModal .modal-dialog .modal-body .container-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } #signInModal .modal-dialog .modal-body .container-checkbox { /* Create a custom checkbox */ } #signInModal .modal-dialog .modal-body .container-checkbox .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; } #signInModal .modal-dialog .modal-body .container-checkbox { /* On mouse-over, add a grey background color */ } #signInModal .modal-dialog .modal-body .container-checkbox:hover input ~ .checkmark { background-color: #ccc; } #signInModal .modal-dialog .modal-body .container-checkbox { /* When the checkbox is checked, add a blue background */ } #signInModal .modal-dialog .modal-body .container-checkbox input:checked ~ .checkmark { background-color: #757575; } #signInModal .modal-dialog .modal-body .container-checkbox { /* Create the checkmark/indicator (hidden when not checked) */ } #signInModal .modal-dialog .modal-body .container-checkbox .checkmark:after { content: ""; position: absolute; display: none; } #signInModal .modal-dialog .modal-body .container-checkbox { /* Show the checkmark when checked */ } #signInModal .modal-dialog .modal-body .container-checkbox input:checked ~ .checkmark:after { display: block; } #signInModal .modal-dialog .modal-body .container-checkbox { /* Style the checkmark/indicator */ } #signInModal .modal-dialog .modal-body .container-checkbox .checkmark:after { left: 7px; top: 2px; width: 8px; height: 14px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg); } #signInModal .modal-dialog .modal-body .vertical-line { height: 1px; background-color: #757575; width: 76%; position: relative; top: -8px; margin-left: auto; } #signInModal .modal-dialog .search-input { display: inline-block; width: 100%; } #signInModal .modal-dialog .search-input input { width: 100%; } #signInModal .modal-dialog .search-input .error { color: #0077E9; } #loginFormTemp span.error { color: #D9003C; } @media screen and (max-width: 767px) { .mobile-modal { display: table; height: 100%; width: 95%; margin: 0 auto; } .mobile-modal .modal-dialog { display: table-cell !important; vertical-align: middle !important; } header .header-container .navbar .user-profile .user-avatar { width: 40px; height: 40px; cursor: pointer; } #privacyModal .modal-dialog { margin: 0 auto !important; } } .reset-form { padding: 40px; top: 255px; width: 100%; height: 74vh; } .reset-form #forgotButton { width: 100%; } @media screen and (max-width: 575px) { #signInModal .modal-dialog, #userNavigation .modal-dialog { max-width: 300px; } } @media screen and (max-width: 575px) { .g-recaptcha { transform: scale(0.8) !important; -webkit-transform: scale(0.8) !important; transform-origin: 0 0 !important; -webkit-transform-origin: 0 0 !important; } .g-recaptcha-form { width: 200px; margin-left: auto; margin-right: auto; } } /*==============================================================================================================*/ /*==================================== 110 - bakti-untuk-rakyat================================================*/ /*============================================================================================================*/ .bakti-untuk-rakyat #signInModal { background-color: rgba(43, 43, 43, 0.7); } .bakti-untuk-rakyat #signInModal .modal-dialog { max-width: 444px; margin: 6.75rem auto; } .bakti-untuk-rakyat #signInModal .modal-dialog .modal-content { border-radius: 16px; border: 0; } .bakti-untuk-rakyat #signInModal .modal-dialog .modal-content .modal-header { padding: 0; border: 0; border-radius: 0; position: relative; } .bakti-untuk-rakyat #signInModal .modal-dialog .modal-content .modal-header .modal-title { font-family: "adrianna", sans-serif; font-size: 40px; line-height: 42px; font-weight: 700; color: #000000; margin: 20px 17px; } .bakti-untuk-rakyat #signInModal .modal-dialog .modal-content .modal-header button { font-size: 0; line-height: 0; position: absolute; top: 17px; right: -30px; background-image: url("/images/themes/prabowo/close_btn.svg"); background-size: contain; background-repeat: no-repeat; } @media (max-width: 768px) { .bakti-untuk-rakyat #signInModal .modal-dialog .modal-content .modal-header button { top: 20px; right: 20px; } } .bakti-untuk-rakyat #signInModal .modal-dialog .modal-content .modal-body { margin: 0 17px 20px; padding: 0; } .bakti-untuk-rakyat #signInModal .modal-dialog .modal-content .modal-body a { color: #1E8FE1; font-family: "Open Sans", sans-serif; } .bakti-untuk-rakyat #signInModal .modal-dialog .modal-content .modal-body .checkbox label { font-family: "Open Sans", sans-serif; color: #C6C3C3; padding-left: 25px; } .bakti-untuk-rakyat #signInModal .modal-dialog .modal-content .modal-body .checkbox .checkmark { border-width: 1px; border-color: #6E6C6C; top: 5px; height: 15px; width: 15px; } .bakti-untuk-rakyat #signInModal .modal-dialog .modal-content .modal-body .checkbox .checkmark:after { left: 4px; top: 1px; width: 6px; height: 10px; } .bakti-untuk-rakyat #signInModal .modal-dialog .modal-content .modal-body p { font-family: "Open Sans", sans-serif; color: #C6C3C3; } .bakti-untuk-rakyat #signInModal .modal-dialog .modal-content .modal-body #loginButton { background-color: #F8555C !important; border-color: #F8555C !important; } .bakti-untuk-rakyat #signInModal .modal-dialog .modal-content .modal-body .error { color: #D9003C; } .bakti-untuk-rakyat .reset-form { padding: 140px 40px 40px; height: 90vh; } @media screen and (max-width: 575px) { .bakti-untuk-rakyat .reset-form > .row > .col-sm-4 { margin-left: 0 !important; } } .bakti-untuk-rakyat .reset-form > .row > .col-sm-4 #forgotButton { background-color: #F8555C !important; border-color: #F8555C !important; } #registerModal .modal-dialog { max-width: 600px; margin: 6.75rem auto; } #registerModal .modal-dialog .modal-header { padding: 1rem 2rem; } #registerModal .modal-dialog .modal-header .modal-title { color: #616161; font-size: 18px; font-family: "Poppins Medium", sans-serif; } #registerModal .modal-dialog .modal-header button { font-size: 38px; line-height: 20px; } #registerModal .modal-dialog .modal-header button:focus { outline: none; } #registerModal .modal-dialog .modal-body { padding: 2rem; } #registerModal .modal-dialog .modal-body .validation-error { font-size: 15px; } #registerModal .modal-dialog .modal-body .validation-error::first-letter { text-transform: capitalize; } #registerModal .modal-dialog .modal-body .captcha-error { text-align: center; font-size: 15px; color: #0077E9; } #registerModal .modal-dialog .modal-body input::-moz-placeholder { color: #b6b6b6; font-size: 14px; font-family: "Poppins Medium", sans-serif; } #registerModal .modal-dialog .modal-body input::placeholder { color: #b6b6b6; font-size: 14px; font-family: "Poppins Medium", sans-serif; } #registerModal .modal-dialog .modal-body input:focus { outline: none; box-shadow: none; } #registerModal .modal-dialog .modal-body .checkbox label { font-size: 14px; font-family: "Poppins Medium", sans-serif; color: #b6b6b6; } #registerModal .modal-dialog .modal-body a { float: right; color: #0077E9; font-size: 12px; font-family: "Poppins Medium", sans-serif; } #registerModal .modal-dialog .modal-body #loginButton { width: 100%; } #registerModal .modal-dialog .modal-body p { width: 100%; text-align: center; font-family: "Poppins Medium", sans-serif; font-size: 12px; color: #757575; margin-top: 20px; margin-bottom: 0; } #registerModal .modal-dialog .modal-body .sign-now-div { width: -moz-fit-content; width: fit-content; margin: 0 auto; } #registerModal .modal-dialog .modal-body .sign-now-div a { float: unset; } #registerModal .modal-dialog .modal-body .error { color: #0077E9; font-size: 15px !important; } #registerModal .modal-dialog .modal-body .disclaimers span { color: #b6b6b6; font-size: 12px; font-family: "Poppins Medium", sans-serif; } #registerModal .modal-dialog .modal-body .disclaimers span a { float: unset; color: #0077E9; font-size: 12px; font-family: "Poppins Medium", sans-serif; } #registerModal .modal-dialog .modal-body .disclaimers label { color: #b6b6b6; font-size: 12px; font-family: "Poppins Medium", sans-serif; } #registerModal .modal-dialog .modal-body .disclaimers label a { float: unset; color: #0077E9; font-size: 12px; font-family: "Poppins Medium", sans-serif; } #registerModal .modal-dialog .modal-body .container-checkbox { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; user-select: none; /* Hide the browser's default checkbox */ } #registerModal .modal-dialog .modal-body .container-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } #registerModal .modal-dialog .modal-body .container-checkbox { /* Create a custom checkbox */ } #registerModal .modal-dialog .modal-body .container-checkbox .checkmark { position: absolute; top: -3px; left: 0; height: 25px; width: 25px; background-color: #fff; border: 2px solid #616161; } #registerModal .modal-dialog .modal-body .container-checkbox .checkmark.has-error-border { border-color: #ea5455; } #registerModal .modal-dialog .modal-body .container-checkbox .checkbox-warning-icon { color: #ea5455; margin-right: 5px; } #registerModal .modal-dialog .modal-body .container-checkbox { /* On mouse-over, add a grey background color */ } #registerModal .modal-dialog .modal-body .container-checkbox:hover input ~ .checkmark { background-color: #ccc; } #registerModal .modal-dialog .modal-body .container-checkbox { /* When the checkbox is checked, add a blue background */ } #registerModal .modal-dialog .modal-body .container-checkbox input:checked ~ .checkmark { background-color: #616161; } #registerModal .modal-dialog .modal-body .container-checkbox { /* Create the checkmark/indicator (hidden when not checked) */ } #registerModal .modal-dialog .modal-body .container-checkbox .checkmark:after { content: ""; position: absolute; display: none; } #registerModal .modal-dialog .modal-body .container-checkbox { /* Show the checkmark when checked */ } #registerModal .modal-dialog .modal-body .container-checkbox input:checked ~ .checkmark:after { display: block; } #registerModal .modal-dialog .modal-body .container-checkbox { /* Style the checkmark/indicator */ } #registerModal .modal-dialog .modal-body .container-checkbox .checkmark:after { left: 7px; top: 2px; width: 8px; height: 14px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg); } #registerModal .modal-dialog .modal-body .vertical-line { height: 1px; background-color: #757575; width: 71%; position: relative; top: -9px; margin-left: auto; } #registerModal .modal-dialog .modal-body .g-recaptcha div { margin: 0 auto; } #registerModal .modal-dialog .modal-body .sign-btn { width: 100%; } /*==============================================================================================================*/ /*==================================== 110 - bakti-untuk-rakyat================================================*/ /*============================================================================================================*/ .bakti-untuk-rakyat #registerModal { background-color: rgba(43, 43, 43, 0.7); } .bakti-untuk-rakyat #registerModal .modal-dialog { max-width: 444px; margin-top: 60px !important; } .bakti-untuk-rakyat #registerModal .modal-dialog .modal-content { border-radius: 16px; border: 0; } .bakti-untuk-rakyat #registerModal .modal-dialog .modal-content .modal-header { display: block; padding: 0; border: 0; border-radius: 0; position: relative; } .bakti-untuk-rakyat #registerModal .modal-dialog .modal-content .modal-header .modal-title { font-family: "Adrianna", sans-serif; font-size: 40px; line-height: 42px; font-weight: 700; color: #000000; margin: 20px 17px; } .bakti-untuk-rakyat #registerModal .modal-dialog .modal-content .modal-header .modal-banner { background-image: url("/images/themes/prabowo/register-form_banner.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: red; height: 182px; width: 100%; border-radius: 16px; position: relative; } .bakti-untuk-rakyat #registerModal .modal-dialog .modal-content .modal-header .modal-banner:before { content: ""; background-image: url("/images/themes/prabowo/register-form_overlay.png"); background-size: cover; background-position: center center; background-repeat: no-repeat; height: 100%; width: 100%; position: absolute; left: 0; bottom: -3px; border-radius: 19px; } .bakti-untuk-rakyat #registerModal .modal-dialog .modal-content .modal-header button { font-size: 0; line-height: 0; position: absolute; top: 17px; right: -30px; background-image: url("/images/themes/prabowo/close_btn.svg"); background-size: contain; background-repeat: no-repeat; } @media (max-width: 768px) { .bakti-untuk-rakyat #registerModal .modal-dialog .modal-content .modal-header button { top: 20px; right: 20px; } } .bakti-untuk-rakyat #registerModal .modal-dialog .modal-content .modal-body { margin: 0 17px 20px; padding: 0; } .bakti-untuk-rakyat #registerModal .modal-dialog .modal-content .modal-body a { color: #1E8FE1; font-family: "Open Sans", sans-serif; } .bakti-untuk-rakyat #registerModal .modal-dialog .modal-content .modal-body .disclaimers label a { color: #1E8FE1; font-family: "Open Sans", sans-serif; } .bakti-untuk-rakyat #registerModal .modal-dialog .modal-content .modal-body .sign-btn { background-color: #F8555C !important; border-color: #F8555C !important; } .bakti-untuk-rakyat #registerModal .modal-dialog .modal-content .modal-body .container-checkbox { padding-left: 25px; } .bakti-untuk-rakyat #registerModal .modal-dialog .modal-content .modal-body .container-checkbox .checkmark { border-width: 1px; border-color: #6E6C6C; top: 5px; height: 15px; width: 15px; } .bakti-untuk-rakyat #registerModal .modal-dialog .modal-content .modal-body .container-checkbox .checkmark:after { left: 4px; top: 1px; width: 6px; height: 10px; } .bakti-untuk-rakyat #registerModal .modal-dialog .modal-content .modal-body .error { color: #D9003C; } #forgotModal .modal-dialog { max-width: 500px; margin: 6.75rem auto; } #forgotModal .modal-dialog .modal-header { padding: 1rem 2rem; } #forgotModal .modal-dialog .modal-header .modal-title { color: #616161; font-size: 18px; font-family: "Poppins Medium", sans-serif; } #forgotModal .modal-dialog .modal-header button { font-size: 38px; line-height: 20px; } #forgotModal .modal-dialog .modal-header button:focus { outline: none; } #forgotModal .modal-dialog .modal-body { padding: 2rem; } #forgotModal .modal-dialog .modal-body .forgot-message { font-size: 15px !important; } #forgotModal .modal-dialog .modal-body input::-moz-placeholder { color: #bdbdbd; font-size: 14px; font-family: "Poppins Medium", sans-serif; } #forgotModal .modal-dialog .modal-body input::placeholder { color: #bdbdbd; font-size: 14px; font-family: "Poppins Medium", sans-serif; } #forgotModal .modal-dialog .modal-body .form-control { padding: 1.375rem 0.75rem; } #forgotModal .modal-dialog .modal-body a { float: right; color: #0077E9; font-size: 12px; font-family: "Poppins Medium", sans-serif; } #forgotModal .modal-dialog .modal-body #forgotButton { width: 100%; } #confirmModal .modal-dialog { max-width: 355px; margin: 6.75rem auto; } #confirmModal .modal-dialog .modal-header { padding: 1rem 3rem; } #confirmModal .modal-dialog .modal-header .modal-title { color: #616161; font-size: 18px; font-family: "Poppins Medium", sans-serif; } #confirmModal .modal-dialog .modal-header button { font-size: 38px; line-height: 20px; } #confirmModal .modal-dialog .modal-header button:focus { outline: none; } #confirmModal .modal-dialog .modal-body { padding: 2rem 3rem; } #confirmModal .modal-dialog .modal-body h4 { width: 100%; text-align: center; font-family: "Poppins Medium", sans-serif; font-size: 12px; color: #757575; margin-top: 0px; margin-bottom: 40px; } #confirmModal .modal-dialog .modal-body #confirmBtn { padding: 0.575rem 0.75rem; font-size: 14px; color: #fff; font-family: "Poppins Medium", sans-serif; width: 100%; background-color: #0077E9; letter-spacing: 1px; } #privacyModal .modal-dialog, #terms-modal .modal-dialog { max-width: 355px; margin: 6.75rem auto; } #privacyModal .modal-dialog .modal-header, #terms-modal .modal-dialog .modal-header { padding: 1rem 3rem; } #privacyModal .modal-dialog .modal-header .modal-title, #terms-modal .modal-dialog .modal-header .modal-title { color: #616161; font-size: 18px; font-family: "Poppins Medium", sans-serif; } #privacyModal .modal-dialog .modal-header button, #terms-modal .modal-dialog .modal-header button { font-size: 38px; line-height: 20px; } #privacyModal .modal-dialog .modal-header button:focus, #terms-modal .modal-dialog .modal-header button:focus { outline: none; } #privacyModal .modal-dialog .modal-body, #terms-modal .modal-dialog .modal-body { padding: 2rem 3rem; } #privacyModal .modal-dialog .modal-body h4, #terms-modal .modal-dialog .modal-body h4 { width: 100%; text-align: center; font-family: "Poppins Medium", sans-serif; font-size: 12px; color: #757575; margin-top: 0px; margin-bottom: 40px; } #privacyModal .modal-dialog .modal-body #confirconfirmPrivacyBtnmBtn, #terms-modal .modal-dialog .modal-body #confirconfirmPrivacyBtnmBtn { padding: 0.575rem 0.75rem; font-size: 14px; color: #fff; font-family: "Poppins Medium", sans-serif; width: 100%; background-color: #0077E9; letter-spacing: 1px; } #privacyModal .modal-dialog .modal-body .modal-text, #terms-modal .modal-dialog .modal-body .modal-text { font-family: "Poppins Medium", sans-serif; font-size: 12px; color: #757575; margin-top: 0px; margin-bottom: 40px; } #privacyModal .modal-dialog .modal-body .modal-text .error-message-required, #terms-modal .modal-dialog .modal-body .modal-text .error-message-required { color: red; } .modal-open { padding-right: 0 !important; } @media screen and (max-width: 767px) { .modal-dialog { margin: 0.5rem !important; } } /*============================================================================================*/ /*=================================== bakti-untuk-rakyat =====================================*/ /*============================================================================================*/ .bakti-untuk-rakyat #forgotModal .modal-dialog .modal-body #forgotButton { background-color: #F8555C !important; border-color: #F8555C !important; } .bakti-untuk-rakyat #privacyModal .modal-dialog .modal-body .modal-text, .bakti-untuk-rakyat #terms-modal .modal-dialog .modal-body .modal-text { font-family: "Open Sans", sans-serif; color: #000000; } .banner-widget { width: calc(100% + 30px); margin: 0 -15px; position: relative; } .banner-widget .banner-background-wrapper { z-index: 10; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .banner-widget .banner-background-wrapper .banner-background-content.banner-background-image-content { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .banner-widget .banner-background-wrapper .banner-background-content.banner-background-video-content { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background-color: #000; } .banner-widget .banner-background-wrapper.banner-desktop-background-wrapper { display: block; } .banner-widget .banner-background-wrapper.banner-mobile-background-wrapper { display: none; } .banner-widget.desktop-video-banner { height: 0; padding-top: 56.25%; } .banner-widget .banner-overlay { z-index: 20; display: table; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .banner-widget .banner-overlay .banner-content { display: table-cell; width: 100%; } .banner-widget .banner-overlay .banner-content .banner-text { font-size: 54px; text-shadow: 0px 0px 2px #000 !important; font-family: "Poppins Semibold", sans-serif; } .banner-widget .banner-overlay .banner-content .banner-button { display: inline-flex; margin: 10px !important; } .banner-widget .banner-overlay .banner-content .banner-button a:not(.default) { font-family: "Poppins Medium", sans-serif; font-size: 22px; letter-spacing: 1px; padding: 5px 33px; color: #ffffff; } .banner-widget .banner-overlay .banner-content .banner-button a:not(.default):hover { color: #ffffff; } .banner-widget .banner-overlay .banner-content .banner-button a:not(.default).btn-rounded { border-radius: 30px; } .banner-widget .banner-overlay .banner-content .f-left { float: left; } .banner-widget .banner-overlay .banner-content .f-right { float: right; } .banner-widget .banner-overlay .banner-content .container { padding-left: 30px; padding-right: 30px; } .banner-widget .banner-overlay .banner-content .container .middle-banner-content { width: -moz-fit-content; width: fit-content; text-align: center; } .banner-widget .banner-overlay .banner-content .container .middle-banner-content .banner-text-desktop { display: inherit; } .banner-widget .banner-overlay .banner-content .container .middle-banner-content .banner-button-desktop { display: inherit; } .banner-widget .banner-overlay .banner-content .container .middle-banner-content .banner-button-tablet { display: inherit; } .banner-widget .banner-overlay .banner-content .container .middle-banner-content .banner-text-tablet { display: inherit; } .banner-widget .banner-overlay .banner-content .container .middle-banner-content .banner-text-mobile { display: inherit; } .banner-widget .banner-overlay .banner-content .container .middle-banner-content .banner-button-mobile { display: inherit; } @media only screen and (min-width: 576px) and (max-width: 768px) { .banner-widget .banner-overlay .banner-content .container .middle-banner-content .banner-button-tablet { display: none; } .banner-widget .banner-overlay .banner-content .container .middle-banner-content .banner-text-tablet { display: none; } } @media only screen and (max-width: 576px) { .banner-widget .banner-overlay .banner-content .container .middle-banner-content .banner-text-mobile { display: none; } .banner-widget .banner-overlay .banner-content .container .middle-banner-content .banner-button-mobile { display: none; } } @media only screen and (min-width: 768px) { .banner-widget .banner-overlay .banner-content .container .middle-banner-content .banner-text-desktop { display: none; } .banner-widget .banner-overlay .banner-content .container .middle-banner-content .banner-button-desktop { display: none; } } .banner-widget .banner-overlay .banner-content .container .middle-banner-content .div-banner-text .banner-text { color: #ffffff; text-shadow: 0 0 10px #000; margin-bottom: 15px; } .banner-widget .banner-overlay .banner-content .container .middle-banner-content .div-banner-text .banner-subtitle { color: #ffffff; text-shadow: 0 0 10px #000; margin-bottom: 15px; font-weight: 400; } @media only screen and (max-width: 768px) { .banner-widget .banner-overlay .banner-content .container { padding-left: 15px; padding-right: 15px; } } .banner-widget .middle_center { vertical-align: middle !important; text-align: center; } .banner-widget .middle_left { vertical-align: middle !important; text-align: left; } .banner-widget .middle_right { vertical-align: middle !important; text-align: right; } .banner-widget .up_center { vertical-align: top !important; text-align: center; } .banner-widget .up_left { vertical-align: top !important; text-align: left; } .banner-widget .up_right { text-align: right; vertical-align: top !important; } .banner-widget .down_center { vertical-align: bottom !important; text-align: center; } .banner-widget .down_left { vertical-align: bottom !important; text-align: left; } .banner-widget .down_right { text-align: right; vertical-align: bottom !important; } .banner-widget.parallax .banner-background-wrapper .banner-background-content.banner-background-image-content { background-attachment: fixed; } .banner-widget.scroll .banner-background-wrapper .banner-background-content.banner-background-image-content { background-attachment: scroll; } .banner-widget.fixed .banner-background-wrapper .banner-background-content.banner-background-image-content { background-attachment: unset; } @media screen and (max-width: 1025px) { .parallax .banner-background-wrapper .banner-background-content.banner-background-image-content { background-attachment: scroll !important; } } @media screen and (max-width: 765px) { .banner-widget .banner-content .banner-subtitle { font-size: 20px; text-align: center !important; } .banner-widget .banner-content .banner-text { font-size: 30px; text-align: center !important; } .banner-widget .banner-content .f-left { float: unset; } .banner-widget .banner-content .f-right { float: unset; } } @media screen and (max-width: 520px) { .banner-widget .banner-background-wrapper.banner-desktop-background-wrapper { display: none !important; } .banner-widget .banner-background-wrapper.banner-mobile-background-wrapper { display: block !important; } .banner-widget.mobile-image-banner { height: 745px !important; padding-top: 0 !important; } .banner-widget.mobile-video-banner { height: 100vh !important; padding-top: 0 !important; } } .ql-size-huge { font-size: 60px; } .ql-size-large { font-size: 36px; } .ql-size-normal { font-size: 24px; } .ql-size-small { font-size: 18px; } p { font-family: "Poppins", sans-serif; font-size: 18px; margin: 0; margin-bottom: 15px; } .ql-align-justify { text-align: justify !important; } h1 { font-size: 4.2vw; font-weight: 700; } .ql-font-monospace { font-family: "Poppins", sans-serif, monospace; } .ql-font-serif { font-family: "Poppins", sans-serif, serif; } .ql-align-center { text-align: center; } .ql-align-right { text-align: right; } .col-xl-12 .text-widget h1 { padding-top: 35px; padding-bottom: 20px; } .text-widget ol { list-style: none; counter-reset: section; } li[data-list=bullet] > .ql-ui:before { content: "•"; font-size: 25px; position: absolute; left: -15px; top: -6px; } li[data-list=ordered] span.ql-ui:before { counter-increment: section; content: counter(section) "."; margin-right: 10px; margin-left: -18px; } li[data-list=bullet] span.ql-ui { display: table-cell; position: relative; } @media only screen and (max-width: 767px) { .text-widget .ql-size-huge { font-size: 30px; } .text-widget .ql-size-large { font-size: 20px; } .col-xl-12 .text-widget h1 { padding-top: 0; padding-bottom: 0; } } .button-widget { margin-top: 20px; margin-bottom: 20px; } .button-widget .btn-success { background-color: #0d47a1; border-color: #0d47a1; padding: 0.375rem 0.75rem !important; font-size: 1rem !important; } .button-widget .btn-primary { background-color: #3c963e; border-color: #3c963e; } .button-widget .btn-primary:hover { color: #fff; background-color: #33b136; border-color: #33b136; } .button-widget .btn-success:hover { color: #fff; background-color: #0064ff; border-color: #0064ff; } .button-widget .btn-rounded { border-radius: 30px; } @media screen and (max-width: 575px) { .button-widget .w-100 div:first-of-type { float: none !important; width: -moz-fit-content !important; width: fit-content !important; margin: 0 auto; } } .icon-box-widget .preview { margin: 0 auto; display: table; } .icon-box-widget .preview p { text-decoration: none; } .icon-box-widget .preview a:hover { text-decoration: none !important; } .icon-box-widget .preview:hover { cursor: pointer; transition: all 0.2s ease-in-out; -webkit-transform: scale(1.2); } .icon-box-widget .preview:hover p { text-decoration: underline; } .feature-article-widget { margin-top: 30px; position: relative; } .feature-article-widget .featured-cover .feature-video { height: 400px; background-size: cover; background-position: center; width: 100%; } .feature-article-widget .featured-cover .feature-img { height: 400px; background-size: cover !important; background-position: center !important; } .feature-article-widget .featured-cover .feature-empty { width: 100%; height: 400px; background: #eaeaea; background-position: center; background-size: cover; } .feature-article-widget .featured-article { padding: 30px; position: unset; bottom: 0px; background: #ffffff; width: 43%; z-index: 10; border: 1px solid #e5e5e5; } .feature-article-widget .featured-article h3 { margin-bottom: 15px; } .feature-article-widget .featured-article h3 a { font-size: 22px; font-family: "Poppins", sans-serif; color: #111111; text-decoration: none; text-transform: none; font-weight: 700; } .feature-article-widget .featured-article p { margin-top: 10px; font-size: 16px; font-family: "Poppins", sans-serif; color: #111111; } .feature-article-widget .featured-article p a { margin-left: 5px; text-transform: capitalize; text-decoration: underline; color: #0077E9; } .bg-featured-section { background-color: #f5f5f5; padding-top: 50px; padding-bottom: 30px; } .bg-grey { background-color: #f5f5f5; padding-left: 40px; } @media screen and (max-width: 767px) { .feature-article-widget .featured-cover .feature-img { height: 200px; } .feature-article-widget .featured-article { padding: 20px; width: 100%; margin-top: 0; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .feature-article-widget .featured-article { width: 100%; margin-top: -168px; } } @media screen and (min-width: 1025px) { .feature-article-widget .featured-article { position: absolute; } } .article-category-widget.list_feature_article .article-small-image { width: 100%; height: 100%; } .article-category-widget.list_feature_article .blog-post-text-zone a { color: #000000; font-size: 22px; font-weight: 400; line-height: 30px; position: inherit; } .article-category-widget.list_feature_article .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: none; } .article-category-widget.list_feature_article .card .card-title { color: #000000; font-size: 22px; font-weight: 400; line-height: 30px; position: inherit; } .article-category-widget.list_feature_article .card .card-title a { color: #000000; font-size: 22px; font-weight: 400; line-height: 30px; position: inherit; } .article-category-widget.list_feature_article .card .card-text { position: inherit; color: #b6b6b6; font-size: 16px; } .article-category-widget.list_feature_article .card .blog-post-thumbnail-zone { height: 167px !important; } .article-category-widget.list_feature_article .item .img-container { display: block; height: 0; padding-top: 75%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } .article-category-widget.title_list .link-title { position: inherit; display: block; color: #b6b6b6; text-decoration: none; font-size: 16px; font-weight: 500; padding-bottom: 7px; padding-top: 7px; } .article-category-widget.title_list .link-title:hover { text-decoration: none; color: #000000; } .article-category-widget.grid .item { margin-bottom: 10px; } .article-category-widget.grid .item .img-container { height: 0; padding-top: 75%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } .article-category-widget.grid .item a { position: absolute; display: block; height: 100%; width: 100%; top: 0; left: 0; } .article-category-widget.grid .item a .article-title { color: #ffffff; position: absolute; left: 0; bottom: 0; margin: 0 30px 30px 30px; font-size: 22px; font-weight: 400; line-height: 30px; text-shadow: 2px 2px 2px rgba(5, 5, 5, 0.5607843137); } .article-category-widget.grid .item .title-link { margin: 20px 0 20px 0; } .article-category-widget.grid .item .link-title { color: #000000; font-size: 22px; font-weight: 400; line-height: 30px; position: inherit; } .article-category-widget.grid .item .link-title:hover { text-decoration: none; } .article-category-widget.grid .item .title-excerpt { margin: 0 0 20px 0; } .article-category-widget.grid .item .link-excerpt { position: inherit; color: #b6b6b6; font-size: 16px; } .article-category-widget.grid .item .link-excerpt:hover { text-decoration: none; } .article-category-widget.list .item { margin-bottom: 30px; } .article-category-widget.list .item .img-container { display: block; height: 0; padding-top: 75%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } .article-category-widget.list .item .details-container { padding: 40px 15px 0 15px; } .article-category-widget.list .item .details-container .article-date { font-size: 16px; color: #b6b6b6; margin-bottom: 17px; } .article-category-widget.list .item .details-container .article-date i { margin-right: 10px; } .article-category-widget.list .item .details-container .article-title { font-size: 22px; line-height: 32px; color: #000; margin-bottom: 17px; } .article-category-widget.list .item .details-container .article-title a { color: #000; text-decoration: none; } .article-category-widget.list .item .details-container .article-title-featured { font-size: 28px; line-height: 32px; color: #000; margin-bottom: 17px; } .article-category-widget.list .item .details-container .article-title-featured a { color: #000; text-decoration: none; } .article-category-widget.list .item .details-container .article-description-featured { color: #b6b6b6; font-size: 20px; margin-bottom: 17px; } .article-category-widget.list .item .details-container .article-description { color: #b6b6b6; font-size: 16px; margin-bottom: 17px; } .article-category-widget.list .item .details-container .ibtn { color: #0077E9; text-decoration: underline; font-size: 16px; line-height: 28px; } .article-category-widget.slider-mode .slider-widget-container .swiper-slide { text-align: center; font-size: 18px; background: #ffffff; /* Center slide text vertically */ display: flex; justify-content: center; align-items: center; background: none !important; vertical-align: middle; flex-direction: column; height: auto; } .article-category-widget.slider-mode .slider-widget-container .swiper-slide .slide-content-wrap { margin-top: 50px; height: 350px; display: flex; flex-direction: column; margin-bottom: 25px; justify-content: flex-start; align-items: center; } .article-category-widget.slider-mode .slider-widget-container .swiper-slide img { height: 200px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 300px; } .article-category-widget.slider-mode .slider-widget-container .swiper-slide p { text-overflow: ellipsis; text-align: center; padding: 10px; } @media only screen and (max-width: 576px) { .article-category-widget.slider-mode .swiper-slide.article-swiper-slide { height: auto !important; } } .article-category-widget.slider-mode .swiper-pagination-bullet { width: 24px; height: 24px; } @media screen and (min-width: 768px) { .article-category-widget.grid .item.col-md-3 .img-container a .article-title { margin: 0 15px 15px; font-size: 14px; line-height: 18px; } .article-category-widget.list .item { margin-bottom: 0px; } } @media screen and (min-width: 992px) { .article-category-widget.grid .item.col-md-3 .img-container a .article-title { margin: 0 15px 15px; font-size: 18px; line-height: 24px; } } @media screen and (max-width: 991px) { .article-category-widget.grid .item .img-container a .article-title { margin: 0 15px 15px; font-size: 18px; line-height: 24px; } .article-category-widget.list .item .img-container { margin-bottom: 30px; } .article-category-widget.list .item .details-container { padding-top: 0; } } /*==============================================================================================================*/ /*==================================== 110 - bakti-untuk-rakyat================================================*/ /*============================================================================================================*/ .section-article-slider { padding: 4.7rem 0 12rem; } .section-article-slider > .container-fluid > .row.row-spacing { position: relative; } .section-article-slider > .container-fluid > .row.row-spacing::after { position: absolute; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='114.092' height='220.667' viewBox='0 0 114.092 220.667'%3E%3Cg id='Element_1' data-name='Element 1' transform='translate(-1478.954 -1639)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M91.77,171.281h0a23.524,23.524,0,0,1-23.523-23.523V51.469a23.523,23.523,0,1,1,47.046,0v96.289A23.524,23.524,0,0,1,91.77,171.281' transform='translate(1477.753 1643.577)' fill='%23ce3689'/%3E%3Cpath id='Path_2' data-name='Path 2' d='M23.523,205.163h0A23.524,23.524,0,0,1,0,181.64V85.351a23.523,23.523,0,0,1,47.046,0V181.64a23.524,23.524,0,0,1-23.523,23.523' transform='translate(1478.954 1654.505)' fill='%232cd7b6'/%3E%3Cpath id='Path_3' data-name='Path 3' d='M23.523,47.046h0A23.523,23.523,0,1,1,47.046,23.523,23.524,23.524,0,0,1,23.523,47.046' transform='translate(1478.954 1639)' fill='%23f6555c'/%3E%3C/g%3E%3C/svg%3E%0A"); top: -2rem; right: 18.8%; z-index: 0; } @media (max-width: 768px) { .section-article-slider > .container-fluid > .row.row-spacing::after { right: 0; } } .section-article-slider > .container-fluid > .row.row-spacing::before { position: absolute; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='230.092' height='208.526' viewBox='0 0 230.092 208.526'%3E%3Cg id='Element_2' data-name='Element 2' transform='translate(-1547.954 -1620.332)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M91.77,208.754h0c-12.991,0-23.523-13.285-23.523-29.673V57.619c0-16.387,10.532-29.673,23.523-29.673s23.523,13.285,23.523,29.673V179.081c0,16.387-10.532,29.673-23.523,29.673' transform='translate(1479.707 1620.104)' fill='%23f8b531'/%3E%3Cpath id='Path_2' data-name='Path 2' d='M23.523,205.163h0A23.524,23.524,0,0,1,0,181.64V85.351a23.523,23.523,0,0,1,47.046,0V181.64a23.524,23.524,0,0,1-23.523,23.523' transform='translate(1731 1558.505)' fill='%232cd7b6'/%3E%3Cpath id='Path_3' data-name='Path 3' d='M23.523,47.046h0A23.523,23.523,0,1,1,47.046,23.523,23.524,23.524,0,0,1,23.523,47.046' transform='translate(1615 1724.954)' fill='%23f6555c'/%3E%3C/g%3E%3C/svg%3E%0A"); bottom: -9rem; left: 18.8%; z-index: 0; } @media (max-width: 768px) { .section-article-slider > .container-fluid > .row.row-spacing::before { left: 0; } } .section-article-slider .red-title { text-align: left; } .section-article-slider .red-title h2 { background-color: transparent; padding: 0; } .section-article-slider .article-slider-wrapper { padding: 1.5rem 2.5rem; background-color: #fff; border-radius: 1rem; position: relative; z-index: 2; } @media (max-width: 1024px) { .section-article-slider .article-slider-wrapper { padding-bottom: 5rem !important; } } .section-article-slider #homepage-article-slider .slick-track { display: flex; } .section-article-slider #homepage-article-slider { /* the slides */ } .section-article-slider #homepage-article-slider .slick-slide { margin: 0 0.5rem; height: auto; } .section-article-slider #homepage-article-slider .slick-slide:nth-of-type(4n+0) .img-container .article-category-label { background-color: #F8B531; } .section-article-slider #homepage-article-slider .slick-slide:nth-of-type(4n+1) .img-container .article-category-label { background-color: #CE3689; } .section-article-slider #homepage-article-slider .slick-slide:nth-of-type(4n+2) .img-container .article-category-label { background-color: #1E8FE1; } .section-article-slider #homepage-article-slider .slick-slide:nth-of-type(4n+3) .img-container .article-category-label { background-color: #2CD7B6; } .section-article-slider #homepage-article-slider .slick-slide > div { height: 100%; } .section-article-slider #homepage-article-slider .slick-slide > div .article-box { height: 100%; } .section-article-slider #homepage-article-slider { /* the parent */ } .section-article-slider #homepage-article-slider .slick-list { margin: 0 -0.5rem; } .section-article-slider #homepage-article-slider .article-box { border-radius: 1rem 1rem 0 0; overflow: hidden; border-bottom: 0.95rem solid #F8555C; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); } .section-article-slider #homepage-article-slider .description-container { padding: 0 1rem 1rem; } .section-article-slider #homepage-article-slider .article-title { font-size: 24px; color: #000; margin-top: 2.4rem; margin-bottom: 0.15rem; font-weight: 700; min-height: 88px; } .section-article-slider #homepage-article-slider .article-title a { color: #000; } .section-article-slider #homepage-article-slider .article-date { font-size: 12px; color: #C6C3C3; font-family: "Open Sans", sans-serif; font-weight: 400; } .section-article-slider #homepage-article-slider .ibtn-clean { color: #F8555C; font-weight: 700; position: relative; padding-right: 20px; } .section-article-slider #homepage-article-slider .ibtn-clean:after { content: "🡪"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); height: 100%; width: 0; color: transparent; transition: all 0.3s ease-out; } .section-article-slider #homepage-article-slider .ibtn-clean:hover { text-decoration: underline; } .section-article-slider #homepage-article-slider .ibtn-clean:hover:after { transition: all 0.3s ease-out; width: 15px; right: 0; color: #F8555C; } .section-article-slider #homepage-article-slider .article-description { font-family: "Open Sans", sans-serif; font-size: 1rem; min-height: 120px; } .section-article-slider #homepage-article-slider .img-container { height: 238px; position: relative; } .section-article-slider #homepage-article-slider .img-container a:hover { text-decoration: none; } .section-article-slider #homepage-article-slider .img-container img { height: 100%; -o-object-fit: cover; object-fit: cover; } .section-article-slider #homepage-article-slider .img-container .article-category-label { margin-top: -2rem; position: relative; display: block; width: -moz-fit-content; width: fit-content; background-color: #F8B531; border-radius: 0 1rem 0 0; padding: 0.25rem 1rem; color: #fff; font-weight: 700; font-family: "Open Sans", sans-serif; } .section-article-slider #homepage-article-slider .left-arrow { background-image: url("/images/themes/prabowo/prev.svg"); top: 50%; right: auto; left: 0; transform: translateX(-50%); } @media (max-width: 1024px) { .section-article-slider #homepage-article-slider .left-arrow { top: 90%; left: 85%; transform: translateX(-85%); } } .section-article-slider #homepage-article-slider .right-arrow { background-image: url("/images/themes/prabowo/prev.svg"); right: 0rem; top: 50%; transform: rotate(180deg) translateX(-50%); transform-origin: center; } @media (max-width: 1024px) { .section-article-slider #homepage-article-slider .right-arrow { transform: rotate(180deg) translateX(-90%); top: 90%; right: 10%; } } .section-article-slider #homepage-article-slider .left-arrow, .section-article-slider #homepage-article-slider .right-arrow { position: absolute; width: 58px; height: 58px; z-index: 10; cursor: pointer; background-size: 58px 58px; background-position: center; background-repeat: no-repeat; } @media (max-width: 1024px) { .section-article-slider #homepage-article-slider .left-arrow, .section-article-slider #homepage-article-slider .right-arrow { width: 40px; height: 40px; background-size: 40px 40px; } } .section-article-slider #homepage-article-slider .slick-dots { bottom: -35px; } .section-article-slider #homepage-article-slider .slick-dots li button::before { font-size: 11px; } .section-article-slider #homepage-article-slider .slick-dots li.slick-active button::before { color: #F8B531; } .gallery-widget.grid .item { margin-bottom: 30px; } .gallery-widget.grid .item .img-container { display: block; height: 0; padding-top: 75%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } .gallery-widget.grid .item .img-container.placeholder { background-image: url("/img/themes/default/gallery-video-placeholder.png"); background-size: auto; background-color: #ebebeb; } .gallery-widget.grid .item .img-container.video .btn-play { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/img/themes/default/btn-play.png"); background-size: auto; background-repeat: no-repeat; background-position: center center; cursor: pointer; } .gallery-widget.grid .item .img-container iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .gallery-widget.big-img-with-thumbnails { margin-bottom: 30px; } .gallery-widget.big-img-with-thumbnails .gallery-widget-big-img { margin-bottom: 30px; } .gallery-widget.big-img-with-thumbnails .gallery-widget-big-img .item .big-img { display: block; height: 0; padding-top: 56%; position: relative; background-size: contain; background-repeat: no-repeat; background-position: center center; } .gallery-widget.big-img-with-thumbnails .gallery-widget-big-img .item .big-img iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .gallery-widget.big-img-with-thumbnails .gallery-widget-big-img .item .big-img p { display: none; } .gallery-widget.big-img-with-thumbnails .gallery-widget-thumbs { padding: 0 28px; position: relative; } .gallery-widget.big-img-with-thumbnails .gallery-widget-thumbs .items-wrapper .item .thumbnail { display: block; height: 0; padding-top: 75%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } .gallery-widget.big-img-with-thumbnails .gallery-widget-thumbs .items-wrapper .item .thumbnail.placeholder { background-image: url("/img/themes/default/gallery-video-placeholder.png"); background-size: auto; background-color: #ebebeb; } .gallery-widget.big-img-with-thumbnails .gallery-widget-thumbs .items-wrapper .item .thumbnail.video .btn-play { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/img/themes/default/btn-play.png"); background-size: auto; background-repeat: no-repeat; background-position: center center; cursor: pointer; } .gallery-widget.big-img-with-thumbnails .gallery-widget-thumbs .btn-gallery-navigation { display: block; width: 30px; position: absolute; top: 50%; cursor: pointer; margin-top: -20px; z-index: 99; } .gallery-widget.big-img-with-thumbnails .gallery-widget-thumbs .btn-gallery-navigation.gallery-thumbs-prev { left: 0; text-align: left; } .gallery-widget.big-img-with-thumbnails .gallery-widget-thumbs .btn-gallery-navigation.gallery-thumbs-next { right: 0; text-align: right; } .gallery-widget.big-img-with-thumbnails .gallery-widget-thumbs .btn-gallery-navigation i { color: #000000; font-size: 40px; } #gallery-widget-video-modal { display: flex; align-items: center; justify-content: center; padding-right: 0; } #gallery-widget-video-modal .modal-dialog { display: block; width: 800px; } #gallery-widget-video-modal .modal-dialog .modal-content .modal-body { position: relative; min-height: 100px; overflow: auto; max-height: 80vh; } #gallery-widget-video-modal .modal-dialog .modal-content .modal-body .video-container { display: block; width: 100%; padding-top: 56%; position: relative; background-size: contain; background-repeat: no-repeat; background-position: center center; } #gallery-widget-video-modal .modal-dialog .modal-content .modal-body .video-container iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #gallery-widget-video-modal .modal-dialog .modal-content .modal-body .video-container p { display: none; } .gallery-list-widget.grid .item { margin-bottom: 30px; } .gallery-list-widget.grid .item .main-image-wrapper { width: 72.5%; margin-right: 2%; margin-bottom: 22px; float: left; } .gallery-list-widget.grid .item .main-image-wrapper .main-image { display: block; height: 0; padding-top: 75%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } .gallery-list-widget.grid .item .main-image-wrapper .main-image.placeholder { background-image: url("/img/themes/default/gallery-video-placeholder.png"); background-size: auto; background-color: #ebebeb; } .gallery-list-widget.grid .item .main-image-wrapper .main-image.video .btn-play { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/img/themes/default/btn-play.png"); background-size: auto; background-repeat: no-repeat; background-position: center center; cursor: pointer; } .gallery-list-widget.grid .item .other-images { width: 25.5%; float: left; margin-bottom: 22px; } .gallery-list-widget.grid .item .other-images .other-item { display: block; width: 100%; height: 0; padding-top: 75%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; margin-bottom: 6.5%; color: #000; text-decoration: none; } .gallery-list-widget.grid .item .other-images .other-item.placeholder { background-image: url("/img/themes/default/gallery-video-placeholder.png"); background-size: auto; background-color: #ebebeb; } .gallery-list-widget.grid .item .other-images .other-item.video .btn-play { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/img/themes/default/btn-play.png"); background-size: auto; background-repeat: no-repeat; background-position: center center; cursor: pointer; } .gallery-list-widget.grid .item .other-images .other-item.total-items { padding-top: 50%; background-color: #ebebeb; position: relative; margin-bottom: 0; border-radius: 5px; } .gallery-list-widget.grid .item .other-images .other-item.total-items span { position: absolute; top: 50%; left: 0; width: 100%; padding: 5px; text-align: center; font-size: 16px; transform: translateY(-50%); } .gallery-list-widget.grid .item .gallery-title { color: #111111; text-decoration: none; clear: both; display: block; width: 72.5%; font-size: 18px; font-weight: 500; font-size: 22px; line-height: 20px; margin-bottom: 5px; } .gallery-list-widget.list .item { margin-bottom: 45px; } .gallery-list-widget.list .item .item-container { border: 1px solid #eaeaea; } .gallery-list-widget.list .item .item-container .main-image-wrapper { width: 50%; } .gallery-list-widget.list .item .item-container .main-image-wrapper .main-image { display: block; height: 0; padding-top: 75%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; margin: -1px; } .gallery-list-widget.list .item .item-container .main-image-wrapper .main-image.placeholder { background-image: url("/img/themes/default/gallery-video-placeholder.png"); background-size: auto; background-color: #ebebeb; } .gallery-list-widget.list .item .item-container .main-image-wrapper .main-image.video .btn-play { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/img/themes/default/btn-play.png"); background-size: auto; background-repeat: no-repeat; background-position: center center; cursor: pointer; } .gallery-list-widget.list .item .item-container .gallery-details { padding-top: 30px; } .gallery-list-widget.list .item .item-container .gallery-details .details-container { margin-left: 20px; margin-right: 20px; } .gallery-list-widget.list .item .item-container .gallery-details .details-container .gallery-title { border: 1px solid #eaeaea; border-radius: 5px; margin-bottom: 30px; } .gallery-list-widget.list .item .item-container .gallery-details .details-container .gallery-title a { color: #111111; text-decoration: none; display: block; font-size: 22px; line-height: 30px; font-weight: 500; padding: 3px 145px 3px 10px; position: relative; } .gallery-list-widget.list .item .item-container .gallery-details .details-container .gallery-title a .total-items { position: absolute; width: 135px; top: 0; right: 0; height: 100%; background-color: #ebebeb; font-weight: 400; } .gallery-list-widget.list .item .item-container .gallery-details .details-container .gallery-title a .total-items span { position: absolute; top: 50%; left: 0; width: 100%; padding: 5px; text-align: center; font-size: 16px; transform: translateY(-50%); } .gallery-list-widget.list .item .item-container .gallery-details .details-container .other-images { margin-bottom: 15px; } .gallery-list-widget.list .item .item-container .gallery-details .details-container .other-images .other-item .item-img { display: block; width: 100%; height: 0; padding-top: 75%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } .gallery-list-widget.list .item .item-container .gallery-details .details-container .other-images .other-item .item-img.placeholder { background-image: url("/img/themes/default/gallery-video-placeholder.png"); background-size: auto; background-color: #ebebeb; } .gallery-list-widget.list .item .item-container .gallery-details .details-container .other-images .other-item .item-img.video .btn-play { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/img/themes/default/btn-play.png"); background-size: auto; background-repeat: no-repeat; background-position: center center; cursor: pointer; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #gallery-widget-video-modal { display: block; } } @media screen and (max-width: 1024px) and (min-width: 769px) { .gallery-list-widget.grid .item .other-images .other-item.total-items span { padding: 0px; font-size: 9px; } } @media screen and (min-width: 768px) { .gallery-list-widget.list .item .item-container .gallery-details { padding-top: 50px; } .gallery-list-widget.list .item .item-container .gallery-details .details-container { margin-right: 30px; } .gallery-list-widget.list .item .item-container .gallery-details .details-container .gallery-title { margin-bottom: 60px; } } .media-widget { margin-top: 15px; margin-bottom: 15px; } .embed-responsive p { position: relative; top: 20px; } @media screen and (max-width: 767px) { .embed-responsive p { font-size: 16px; margin-bottom: 35px; position: relative; top: 40px; } } .topics-list-messages { margin: 20px 0px; } .topics-list-messages .preview { padding: 30px; position: absolute; bottom: 0px; color: #ffffff; font-size: 24px; font-family: "Poppins Medium", sans-serif; text-decoration: none; } .topics-list-messages .preview h2 { font-family: "Poppins", sans-serif; text-decoration: underline; font-size: 16px; } .topics-list-messages a:hover { text-decoration: none; } .topics-list-messages .topic-image { height: 359px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; background-size: cover; background-position: center; } .topics-list-messages .topic-user-avatar { height: 50px; width: 50px; border-radius: 40px; margin-right: 15px; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-size: cover; } .topics-list-messages .messages-preview-container { max-height: 300px; overflow: auto; } .topics-list-messages .messages-preview-container::-webkit-scrollbar { background: #bdbdbd; width: 5px; } .topics-list-messages .messages-preview-container::-webkit-scrollbar-thumb { background: #616161; } .topics-list-messages .message-author { font-size: 14px; font-family: "Poppins Semibold", sans-serif; color: #111111; letter-spacing: 1px; } .topics-list-messages .message-ago { font-size: 12px; color: #b6b6b6; } .topics-list-messages .message h3 { color: #b6b6b6; font-size: 14px; font-family: "Poppins", sans-serif; } .topics-list-messages .recent-opinions { font-size: 26px; color: #111111; font-family: "Poppins Medium", sans-serif; } .topics-list-messages .message-container { margin-right: 20px; } @media screen and (max-width: 767px) { .topics-list .preview { padding: 10px; } .topics-list .preview .topic-title { font-size: 20px; } .topics-list-messages .topic-image { height: 250px; } } .poll-widget #poll-feedback { text-align: center; } .poll-widget #poll-question { padding-left: 0; font-family: "Poppins Semibold", sans-serif; padding-left: 0; font-size: 22px; font-weight: 500; text-align: center; } .poll-widget #poll-answers .progress-brand { width: 20px; height: 25px; border-radius: 5px; float: left; max-width: 85%; } .poll-widget #poll-answers .poll-percent { float: right; } .poll-widget #poll-answers .odd { background: #D9003C; } .poll-widget #poll-answers .even { background: #0077E9; } .poll-widget #poll-answers .font-bold { font-weight: 700; } .poll-widget #poll-answers .single-choice .container { margin-left: 0 !important; font-family: "Poppins", sans-serif; display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .poll-widget #poll-answers .single-choice { /* Hide the browser's default radio button */ } .poll-widget #poll-answers .single-choice .container input { position: absolute; opacity: 0; cursor: pointer; } .poll-widget #poll-answers .single-choice { /* Create a custom radio button */ } .poll-widget #poll-answers .single-choice .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #ccc; border-radius: 50%; } .poll-widget #poll-answers .single-choice { /* On mouse-over, add a grey background color */ } .poll-widget #poll-answers .single-choice .container:hover input ~ .checkmark { background-color: #ccc; } .poll-widget #poll-answers .single-choice { /* When the radio button is checked, add a blue background */ } .poll-widget #poll-answers .single-choice .container input:checked ~ .checkmark { background-color: #0077E9; } .poll-widget #poll-answers .single-choice { /* Create the indicator (the dot/circle - hidden when not checked) */ } .poll-widget #poll-answers .single-choice .checkmark:after { content: ""; position: absolute; display: none; } .poll-widget #poll-answers .single-choice { /* Show the indicator (dot/circle) when checked */ } .poll-widget #poll-answers .single-choice .container input:checked ~ .checkmark:after { display: block; } .poll-widget #poll-answers .single-choice { /* Style the indicator (dot/circle) */ } .poll-widget #poll-answers .single-choice .container .checkmark:after { top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: white; } .poll-widget #poll-answers .multiple-choice .container { font-family: "Poppins", sans-serif; font-size: 14px; display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .poll-widget #poll-answers .multiple-choice { /* Hide the browser's default checkbox */ } .poll-widget #poll-answers .multiple-choice .container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .poll-widget #poll-answers .multiple-choice { /* Create a custom checkbox */ } .poll-widget #poll-answers .multiple-choice .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #eee; } .poll-widget #poll-answers .multiple-choice { /* On mouse-over, add a grey background color */ } .poll-widget #poll-answers .multiple-choice .container:hover input ~ .checkmark { background-color: #ccc; } .poll-widget #poll-answers .multiple-choice { /* When the checkbox is checked, add a blue background */ } .poll-widget #poll-answers .multiple-choice .container input:checked ~ .checkmark { background-color: #0077E9; } .poll-widget #poll-answers .multiple-choice { /* Create the checkmark/indicator (hidden when not checked) */ } .poll-widget #poll-answers .multiple-choice .checkmark:after { content: ""; position: absolute; display: none; } .poll-widget #poll-answers .multiple-choice { /* Show the checkmark when checked */ } .poll-widget #poll-answers .multiple-choice .container input:checked ~ .checkmark:after { display: block; } .poll-widget #poll-answers .multiple-choice { /* Style the checkmark/indicator */ } .poll-widget #poll-answers .multiple-choice .container .checkmark:after { left: 7px; top: 4px; width: 7px; height: 10px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg); } .poll-widget .poll-email { margin-top: 25px; margin-bottom: 10px; padding-left: 0px; } .poll-widget .poll-email label { font-size: 15px; font-weight: 700; color: #111111; text-transform: uppercase; width: 85%; } .poll-widget .poll-email input { border-radius: 6px; background-color: #111111; border: 2px solid #bdbdbd; margin-bottom: 20px; color: #ffffff; width: 100%; height: 40px; line-height: 0 !important; } .poll-widget .poll-email input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ padding: 10px; font-family: "Poppins", sans-serif; } .poll-widget .error-captcha { text-transform: uppercase; color: #0077E9; font-weight: 500; text-align: center; padding: 0px 10px 10px 10px; } .poll-widget .error-email { text-transform: uppercase; color: #0077E9; font-weight: 500; text-align: center; padding: 0px 10px 10px 10px; } .poll-widget .captcha-responsive { transform: unset; -webkit-transform: unset; transform-origin: unset; -webkit-transform-origin: unset; } .poll-widget .gc-center div { margin: 10px auto; } .poll-widget .disclaimers label { color: #b6b6b6; font-family: "Poppins Medium", sans-serif; font-size: 12px; } .poll-widget .disclaimers span { color: #b6b6b6; font-family: "Poppins Medium", sans-serif; font-size: 12px; } .poll-widget .disclaimers input { width: 20px; height: 20px; top: 5px; position: relative; } .bg-grey .checkmark { background-color: white !important; } @media screen and (max-width: 575px) { .poll-widget .disclaimers input, .poll-widget .disclaimers label { display: inline; } .captcha-responsive { transform: scale(0.7) !important; -webkit-transform: scale(0.7) !important; transform-origin: 0 0 !important; -webkit-transform-origin: 0 0 !important; } } .quiz-widget { background-color: #f5f5f5; padding: 30px 40px; } .quiz-widget .disable-inputs { opacity: 0.7; } .quiz-widget .gray-text { color: #7d7d7d; font-family: "Poppins", sans-serif; } .quiz-widget .feedback-msg .fas { font-size: 100px; } .quiz-widget .feedback-msg .fas.fa-check-circle { color: #437a41; } .quiz-widget .feedback-msg .fas.fa-times-circle { color: #a40000; } .quiz-widget .feedback-msg h3 { font-weight: bold; font-size: 24px; font-family: "Poppins", sans-serif; margin: 20px 0 30px 0; } .quiz-widget #quiz-question { padding-left: 0; font-size: 18px; font-family: "Poppins Semibold", sans-serif; text-align: left; } .quiz-widget #quiz-hint { color: #616161; font-style: italic; font-family: "Poppins", sans-serif; } .quiz-widget #quiz-answers .progress-brand { width: 20px; height: 25px; border-radius: 5px; float: left; max-width: 85%; } .quiz-widget #quiz-answers .quiz-percent { float: right; } .quiz-widget #quiz-answers .odd { background: #D9003C; } .quiz-widget #quiz-answers .even { background: #D9003C; } .quiz-widget #quiz-answers .font-bold { font-weight: 700; } .quiz-widget #quiz-answers .single-choice .container { font-family: "Poppins", sans-serif; display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .quiz-widget #quiz-answers .single-choice { /* Hide the browser's default radio button */ } .quiz-widget #quiz-answers .single-choice .container input { position: absolute; opacity: 0; cursor: pointer; } .quiz-widget #quiz-answers .single-choice { /* Create a custom radio button */ } .quiz-widget #quiz-answers .single-choice .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #ccc; border-radius: 50%; } .quiz-widget #quiz-answers .single-choice { /* On mouse-over, add a grey background color */ } .quiz-widget #quiz-answers .single-choice .container:hover input ~ .checkmark { background-color: #757575; } .quiz-widget #quiz-answers .single-choice { /* When the radio button is checked, add a blue background */ } .quiz-widget #quiz-answers .single-choice .container input:checked ~ .checkmark { background-color: #0077E9; } .quiz-widget #quiz-answers .single-choice { /* Create the indicator (the dot/circle - hidden when not checked) */ } .quiz-widget #quiz-answers .single-choice .checkmark:after { content: ""; position: absolute; display: none; } .quiz-widget #quiz-answers .single-choice { /* Show the indicator (dot/circle) when checked */ } .quiz-widget #quiz-answers .single-choice .container input:checked ~ .checkmark:after { display: block; } .quiz-widget #quiz-answers .single-choice { /* Style the indicator (dot/circle) */ } .quiz-widget #quiz-answers .single-choice .container .checkmark:after { top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: white; } .quiz-widget #quiz-answers.disable-inputs .single-choice .container:hover input ~ .checkmark { background-color: #fff; } .quiz-widget #quiz-answers.disable-inputs .single-choice .container input:checked ~ .checkmark { background-color: #0077E9; } .quiz-widget .quiz-email { margin-top: 25px; margin-bottom: 10px; padding-left: 0px; } .quiz-widget .quiz-email label { font-size: 15px; font-weight: 700; color: #000; text-transform: uppercase; width: 85%; } .quiz-widget .quiz-email input { border-radius: 6px; background-color: #ffffff; border: 2px solid #bdbdbd; margin-bottom: 20px; color: #111111; width: 100%; height: 40px; line-height: 0 !important; } .quiz-widget .quiz-email input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ padding: 10px; font-family: "Poppins", sans-serif; } .quiz-widget .error-captcha, .quiz-widget .error-email { font-weight: bold; text-align: center; padding: 0px 10px 10px 10px; } .quiz-widget .captcha-responsive { transform: unset; -webkit-transform: unset; transform-origin: unset; -webkit-transform-origin: unset; } .quiz-widget a.red-button { font-size: 16px; font-weight: 500; text-transform: uppercase; font-family: "Poppins", sans-serif; background: #0077E9; color: #ffffff; padding: 7px 15% !important; border: none; border-radius: 3px; margin: 20px 0 0 0; } .quiz-widget a.red-button { display: inline-block; margin-top: 25px; text-align: center; } .quiz-widget .gc-center div { margin: 10px auto; } .quiz-widget .disclaimers label { color: #757575; font-family: "Poppins Medium", sans-serif; font-size: 12px; } .quiz-widget .disclaimers span { color: #757575; font-family: "Poppins Medium", sans-serif; font-size: 12px; } .quiz-widget .disclaimers input { width: 20px; height: 20px; top: 5px; position: relative; } .quiz-article .quiz-widget { padding: 0; } .quiz-article .quiz-widget button, .quiz-article .quiz-widget a.red-button { padding: 7px 20px !important; width: 100%; } .bg-grey .checkmark { background-color: white !important; } @media screen and (max-width: 575px) { .quiz-widget .disclaimers input, .quiz-widget .disclaimers label { display: inline; } .captcha-responsive { transform: scale(0.7) !important; -webkit-transform: scale(0.7) !important; transform-origin: 0 0 !important; -webkit-transform-origin: 0 0 !important; } } .member-list-container { padding: 3.5rem 1rem 4.8rem; } .member-list-container h2 { padding-bottom: 3.5rem; text-transform: none; } .member-list-container a { color: #fff; } .member-list-container a:hover, .member-list-container a:focus { text-decoration: underline; color: #fff; } .member-list-container .listing-members a { text-transform: uppercase; } .member-widget .member-user { margin-bottom: 40px; } .member-widget .member-user .user-image-container { width: 90px; margin: 0 auto; } .member-widget .member-user .user-image-container .user-image { border-radius: 100px; height: 90px; width: 90px; display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: cover; } .member-widget .member-user .user-image-container .user-badge { height: 41px; width: 41px; border-radius: 50%; display: block; margin: -30px auto 0 auto; } .member-widget .member-user .default { font-size: 16px; font-weight: 500; text-transform: uppercase; font-family: "Bai Jamjuree", sans-serif; background: #0077E9; color: #ffffff; padding: 5px 20px; } .member-widget .member-user .member-name { text-align: center; font-size: 16px; font-family: "Bai Jamjuree", sans-serif; font-weight: 600; color: #fff; } .member-widget .member-user .user-rank { text-align: center; font-size: 14px; margin: 0; } .member-widget .member-user .user-points { text-align: center; font-size: 14px; } .member-widget .member-user .user-follow-container { text-align: center; } .member-widget .member-user .user-separator { border-top: 3px solid rgba(0, 0, 0, 0.1); } .member-widget .member-user .more-buttons-bottom { display: none; } .w-fit-content { width: -moz-fit-content; width: fit-content; } .w-fit-content img { -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 767px) { .member-widget .nav-tabs .ml-auto { margin: 0 auto !important; } .member-widget .nav-tabs .nav-item { margin: 0 auto !important; } .member-widget .more-buttons { display: none; } .member-widget .more-buttons-bottom { display: block; } } /*==============================================================================================================*/ /*==================================== 110 - bakti-untuk-rakyat================================================*/ /*============================================================================================================*/ @media screen and (max-width: 1024px) { .bakti-untuk-rakyat .members-page .members-lst .member-element-col { max-width: 100%; flex: 0 0 100%; } } .bakti-untuk-rakyat .members-page .members-title { padding-bottom: 0; } .topic-list .topics-widget-container { width: 100% !important; } .topic-list .preview { padding: 30px; position: absolute; bottom: 0; left: 0; width: 100%; color: #ffffff; font-size: 24px; font-family: "Poppins Medium", sans-serif; text-decoration: none; } .topic-list .preview h2 { font-family: "Poppins", sans-serif; text-decoration: underline; font-size: 16px; } .topic-list a:hover { text-decoration: none; } .topic-list .topic-image { height: 359px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } .topic-list .topic-user-avatar { width: 50px; height: 50px; border-radius: 40px; margin-right: 15px; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-size: cover; } .topic-list .messages-preview-container { max-height: 300px; overflow: auto; } .topic-list .messages-preview-container::-webkit-scrollbar { background: #bdbdbd; width: 5px; } .topic-list .messages-preview-container::-webkit-scrollbar-thumb { background: #616161; } .topic-list .message-author { font-size: 14px; font-family: "Poppins Semibold", sans-serif; color: #111111; letter-spacing: 1px; } .topic-list .message-ago { font-size: 12px; color: #616161; } .topic-list .message h3 { color: #616161; font-size: 14px; font-family: "Poppins", sans-serif; } .topic-list .recent-opinions { font-size: 26px; color: #111111; font-family: "Poppins Medium", sans-serif; } .topic-list .message-container { margin-right: 60px; } .topic-list .topic-item:nth-child(odd) .topic-image-link { order: 1; } .topic-list .topic-item:nth-child(odd) .topic-message { order: 2; } .topic-list .topic-item:nth-child(even) .topic-image-link { order: 2; } .topic-list .topic-item:nth-child(even) .topic-message { order: 1; } .topic-list-slider .slider-widget-container .swiper-slide { text-align: center; font-size: 18px; background: #ffffff; /* Center slide text vertically */ display: flex; justify-content: center; align-items: center; background: none !important; vertical-align: middle; flex-direction: column; height: auto; } .topic-list-slider .slider-widget-container .swiper-slide .slide-content-wrap { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .topic-list-slider .slider-widget-container .swiper-slide .topic-slider-image { width: 90%; margin-top: 50px; } .topic-list-slider .slider-widget-container .swiper-slide .topic-slider-messages { background: white; width: 90%; border-radius: 0px 0px 10px 10px; margin-bottom: 50px; padding: 25px 10px 25px 10px; text-align: left; } .topic-list-slider .slider-widget-container .swiper-slide .topic-slider-messages .topic-title { word-break: break-word; } .topic-list-slider .slider-widget-container .swiper-slide .topic-slider-messages .message p { font-size: 14px; } .topic-list-slider .slider-widget-container .swiper-slide .topic-user-avatar-slider { height: 35px; width: auto; border-radius: 25px; } .topic-list-slider .slider-widget-container .swiper-slide img { height: 200px; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 10px 10px 0px 0px; } .topic-list-slider .slider-widget-container .swiper-slide p { text-overflow: ellipsis; padding-left: 40px; } .topic-list-slider .swiper-pagination-bullet { width: 24px; height: 24px; } @media only screen and (max-width: 576px) { .topic-list-slider .swiper-slide.topic-swiper-slide { height: auto !important; } .topic-list-slider .swiper-slide.topic-swiper-slide img { height: 100px; } } @media screen and (max-width: 767px) { .topic-list .preview { padding: 10px; } .topic-item:nth-child(odd) .topic-image-link { order: 1 !important; } .topic-item:nth-child(odd) .topic-message { order: 2 !important; } .topic-item:nth-child(even) .topic-image-link { order: 1 !important; } .topic-item:nth-child(even) .topic-message { order: 2 !important; } } .share-with-friends h4 { font-size: 22px; font-weight: 700; margin-bottom: 40px; padding-top: 3px; } .share-with-friends a { color: #ffffff; font-size: 12px; border: none; display: block; margin-bottom: 22px; border-radius: 5px; } .share-with-friends a:hover { color: #ffffff; } .share-with-friends a i { font-size: 18px; vertical-align: middle; padding: 3px 10px; } .share-with-friends a.facebook-btn { background-color: #D9003C; } .share-with-friends a.facebook-btn:hover { filter: brightness(85%); } .share-with-friends a.twitter-btn { background-color: #D9003C; } .share-with-friends a.twitter-btn:hover { filter: brightness(85%); } .share-with-friends a.whatsapp-btn { background-color: #D9003C; } .share-with-friends a.whatsapp-btn:hover { filter: brightness(85%); } .share-with-friends a.copy-btn { background-color: #D9003C; } .share-with-friends a.copy-btn:hover { filter: brightness(85%); } .share-with-friends a.copy-btn.toggle-copy-input input { width: 90%; display: none; } .share-with-friends a.copy-btn.toggle-copy-input.show-input i { display: none; } .share-with-friends a.copy-btn.toggle-copy-input.show-input span { display: none; } .share-with-friends a.copy-btn.toggle-copy-input.show-input input { display: inline-block; } .article-sidebar .map-widget .firstHeading { font-size: 20px !important; padding: 0 !important; } .article-sidebar .map-widget #map-integration { height: 300px; } .map-widget .firstHeading { font-size: 20px !important; padding: 0 !important; } .map-widget .map-integration { width: 100%; height: 500px !important; } .map-widget .bodyContent { font-size: 18px; font-family: "Barlow"; } .event-article .article-sidebar .sidebar-content { padding: 30px 0 30px 30px; } @media (max-width: 991px) { .event-article .article-sidebar .sidebar-content { padding: 20px; } } .slider-widget-container { width: calc(100% + 30px) !important; margin: 0 -15px !important; } .slider-widget-container .slider-widget .slider-video { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .slider-widget-container .slide-title-text { color: #ffffff; } .slider-widget-container .slide-subtitle-text { color: #ffffff; } .slider-widget-container .slider-content-container { display: table; width: 100%; height: 100%; padding-left: 30px; padding-right: 30px; } .slider-widget-container .slider-content { display: table-cell; width: 100%; height: 100%; } .slider-widget-container .middle-slider-content { width: -moz-fit-content; width: fit-content; text-align: center; } .slider-widget-container .middle_center { vertical-align: middle !important; text-align: center; } .slider-widget-container .middle_left { vertical-align: middle !important; text-align: left; } .slider-widget-container .middle_right { vertical-align: middle !important; text-align: right; } .slider-widget-container .up_center { vertical-align: top !important; text-align: center; } .slider-widget-container .up_left { vertical-align: top !important; text-align: left; } .slider-widget-container .up_right { text-align: right; vertical-align: top !important; } .slider-widget-container .down_center { vertical-align: bottom !important; text-align: center; } .slider-widget-container .down_left { vertical-align: bottom !important; text-align: left; } .slider-widget-container .down_right { text-align: right; vertical-align: bottom !important; } .slider-widget-container .slider-button-desktop { display: inherit; } .slider-widget-container .slider-button-tablet { display: inherit; } .slider-widget-container .slider-text-tablet { display: inherit; } .slider-widget-container .slider-text-mobile { display: inherit; } .slider-widget-container .slider-button-mobile { display: inherit; } .slider-widget-container .mobile-slider-div { background-size: 100%; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; } .slider-widget-container .f-left { float: left; } .slider-widget-container .f-right { float: right; } @media only screen and (min-width: 576px) and (max-width: 768px) { .slider-widget-container .slider-button-tablet { display: none; } .slider-widget-container .slider-text-tablet { display: none; } } @media only screen and (max-width: 576px) { .slider-widget-container .preview_banner { background-image: inherit !important; } .slider-widget-container .swiper-slide { height: 60vh !important; } .slider-widget-container .slider-text-mobile { display: none; } .slider-widget-container .slider-button-mobile { display: none; } } @media only screen and (min-width: 768px) { .slider-widget-container .slider-text-desktop { display: none; } .slider-widget-container .slider-button-desktop { display: none; } } @media only screen and (min-width: 576px) and (max-width: 768px) { .slider-widget-container .slider-button-tablet { display: none; } .slider-widget-container .slider-text-tablet { display: none; } } @media only screen and (max-width: 576px) { .slider-widget-container h1 { font-size: 30px; } .slider-widget-container h3 { font-size: 20px; } .slider-widget-container .slider-text-mobile { display: none; } .slider-widget-container .slider-button-mobile { display: none; } } .slider-widget-container .parallax { background-attachment: fixed; } .slider-widget-container .scroll { background-attachment: scroll; } .slider-widget-container .fixed { background-attachment: unset; } .slider-widget-container .slider-button { width: -moz-fit-content; width: fit-content; } .slider-widget-container .slider-button .btn-success { background-color: #0d47a1; border-color: #0d47a1; } .slider-widget-container .slider-button .btn-primary { background-color: #3c963e; border-color: #3c963e; } .slider-widget-container .slider-button .btn-primary:hover { background-color: #33b136; border-color: #33b136; } .slider-widget-container .slider-button .btn-success:hover { background-color: #0064ff; border-color: #0064ff; } .slider-widget-container .swiper-container { width: 100%; height: 100%; } .slider-widget-container .preview_banner { height: 100%; background-position: center; width: 100%; background-repeat: no-repeat; background-size: 100%; background-color: black; } .slider-widget-container .swiper-slide { text-align: center; font-size: 18px; background: #ffffff; /* Center slide text vertically */ display: flex; justify-content: center; align-items: center; height: 600px; background-color: black; } .slider-widget-container .swiper-slide img { height: 100%; } .friends-activity-widget .activity-card { padding: 24px 21px; height: 100%; margin-bottom: 5px; } .friends-activity-widget .activity-user-avatar { width: 42px; height: 42px; border-radius: 40px; margin-right: 15px; display: inline-block; vertical-align: middle; -o-object-fit: cover; object-fit: cover; } .friends-activity-widget .activity-description { font-size: 16px; margin: 0; } .friends-activity-widget .activity-user-name { font-size: 16px; } .friends-activity-widget .activity-creation-date { font-size: 12px; } .friends-activity-widget .view-more-activities { border: 3px solid #2A399C; border-radius: 11px; padding: 10px 40px; } .leaderboard-widget .top-three-li { list-style-type: none; background: #F7F7F7 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); opacity: 1; padding: 20px; } .leaderboard-widget .not-top-three-li { border-bottom: 2px solid #D5D5D5; } .leaderboard-widget li { list-style-type: none; position: relative; padding: 20px; } .leaderboard-widget li .profile-picture { width: 100px; height: 100px; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .leaderboard-widget li .podium { position: absolute; left: -13px; top: -10px; width: 30px; } .leaderboard-widget li .author-name { text-align: left; font: normal normal bold 20px/29px Barlow; letter-spacing: 0px; color: #595959; opacity: 1; } .leaderboard-widget li .counter { text-align: center; font: normal normal normal 20px/29px Barlow; letter-spacing: 0px; color: #595959; opacity: 1; } .leaderboard-widget li .message { text-align: left; font: normal normal 300 18px/22px Barlow; letter-spacing: 0px; color: #000000; opacity: 1; } .leaderboard-widget li .img-width { width: 100px; height: 100px; -o-object-fit: cover; object-fit: cover; } .leaderboard-widget li .video-width { width: 100px; } .leaderboard-widget li .other-media-numbering { text-align: left; font: normal normal bold 18px/22px Barlow; letter-spacing: 0px; color: #000000; opacity: 1; } .leaderboard-widget li span.top-numbers { position: absolute; left: -10px; top: 60px; background: #FF3E51 0% 0% no-repeat padding-box; opacity: 1; color: #F7F7F7; border-radius: 50%; width: 24px; text-align: center; } .leaderboard-widget li a:hover { text-decoration: none; } .bakti-untuk-rakyat .leaderboard-widget li .author-name, .bakti-untuk-rakyat .leaderboard-widget li .counter, .bakti-untuk-rakyat .leaderboard-widget li .message, .bakti-untuk-rakyat .leaderboard-widget li .other-media-numbering { font-family: "Open Sans", sans-serif; } .donation-widget { background: #FCFCFC 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); border-radius: 5px; opacity: 1; } .donation-widget form { margin-bottom: 0; padding-bottom: 15px; } .donation-widget .donation-widget-container { overflow-y: auto; height: 600px; } .donation-widget .donation-widget-container .donation-widget-amounts-container { display: flex; align-items: center; justify-content: space-between; } .donation-widget .donation-widget-container .donation-widget-amounts-container .amount-value { width: 100px; height: 51px; border: 1px solid #707070; border-radius: 5px; opacity: 1; text-align: center; font: normal normal 600 24px/51px Barlow; letter-spacing: 0px; color: #616161; cursor: pointer; } .donation-widget .donation-widget-container .donation-widget-amounts-container .amount-value.selected { background-color: #1155CC; color: #FBFBFB; } .donation-widget .donation-widget-container .donation-widget-other-amount-input-container .donation-widget-other-amount-input { border: 1px solid #CCCCCC; border-radius: 5px; opacity: 1; } .donation-widget .donation-widget-container .donation-widget-button-container .donation-widget-button { border: 1px solid #EA5455; border-radius: 5px; opacity: 1; font: normal normal normal 18px/22px Barlow; letter-spacing: 0px; color: #EA5455; text-transform: uppercase; padding: 15px 114px; background-color: #ffffff; } .donation-widget .donation-widget-container .donation-widget-step-container { display: flex; align-items: center; justify-content: center; } .donation-widget .donation-widget-container .donation-widget-step-container .donation-widget-step { border: 1px solid #707070; opacity: 1; border-radius: 50%; width: 25px; text-align: center; color: #707070; } .donation-widget .donation-widget-container .donation-widget-step-container .donation-widget-step.selected { background-color: #ED5057; color: #FBFBFB; border: none; } .donation-widget .donation-widget-container .payment-button { background-color: #3C78D8; border-radius: 5px; opacity: 1; font: normal normal 600 24px/29px Barlow; letter-spacing: 0px; color: #FBFBFB; opacity: 1; border: none; padding-bottom: 10px; padding-top: 10px; } .donation-widget .donation-widget-container .bank-transfer-title { font: normal normal 600 18px/22px Barlow; letter-spacing: 0px; color: #616161; opacity: 1; } .donation-widget .donation-widget-container .bank-transfer-label { font: normal normal bold 18px/22px Barlow; letter-spacing: 0px; color: #393939; opacity: 1; } .donation-widget .donation-widget-container .bank-transfer-data { font: normal normal 600 18px/22px Barlow; letter-spacing: 0px; color: #BCBCBC; opacity: 1; } .donation-widget .donation-widget-container .choose-different-label-bank { font: normal normal medium 18px/22px Barlow; letter-spacing: 0px; color: #3C78D8; opacity: 1; cursor: pointer; } .donation-widget .donation-widget-container .or-choose-payment { font: normal normal medium 18px/22px Barlow; letter-spacing: 0px; color: #616161; opacity: 1; } .bakti-untuk-rakyat .page-cover { height: 460px !important; min-height: auto; padding-bottom: 0; margin-bottom: 65px; } .page-cover { background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; margin-bottom: 88px; min-height: 750px; padding-bottom: 30px; height: auto !important; display: flex; flex-direction: column; justify-content: flex-end; } .page-cover .title { padding: 186px 0 13px; } .page-cover .title h1 { color: #fff !important; font-size: 54px; font-weight: normal !important; width: -moz-fit-content; width: fit-content; } .page-cover .subtitle { padding: 0; } .page-cover .subtitle p { color: #000000; font-size: 26px; } .page-cover.cover-color { margin-top: 0; min-height: 220px; margin-bottom: 0; } .page-cover.cover-color .title { background-color: #D9003C; padding-top: 67px; padding-bottom: 37px; } .page-cover.cover-color .subtitle { padding-top: 40px; } .page-cover.cover-color .subtitle p { color: #111111; } .page-cover.cover-color .grey-description p { font-size: 18px; letter-spacing: 1px; line-height: 24px; color: #616161 !important; font-family: "Barlow", sans-serif; } @media (max-width: 500px) { .page-cover { min-height: 550px; } } .row-spacing { margin-top: 0; margin-bottom: 70px; } #page-content { min-height: 700px; } #page-content .comment_form div:first-of-type { max-width: 600px; } .container-checkbox { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; /* Hide the browser's default checkbox */ } .container-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .container-checkbox { /* Create a custom checkbox */ } .container-checkbox .checkmark { position: absolute; top: -3px; left: 0; height: 25px; width: 25px; background-color: #fff; border: 2px solid #616161; } .container-checkbox .checkmark.has-error-border { border-color: #ea5455; } .container-checkbox .checkbox-warning-icon { color: #ea5455; margin-right: 5px; } .container-checkbox { /* On mouse-over, add a grey background color */ } .container-checkbox:hover input ~ .checkmark { background-color: #ccc; } .container-checkbox { /* When the checkbox is checked, add a blue background */ } .container-checkbox input:checked ~ .checkmark { background-color: #616161; } .container-checkbox { /* Create the checkmark/indicator (hidden when not checked) */ } .container-checkbox .checkmark:after { content: ""; position: absolute; display: none; } .container-checkbox { /* Show the checkmark when checked */ } .container-checkbox input:checked ~ .checkmark:after { display: block; } .container-checkbox { /* Style the checkmark/indicator */ } .container-checkbox .checkmark:after { left: 7px; top: 2px; width: 8px; height: 14px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg); } .share-page-section { text-align: center; padding-top: 50px; padding-bottom: 50px; } .share-page-section i { font-size: 18px; letter-spacing: 1px; line-height: 34px; } .share-page-section a { margin-right: 10px; transition: all 0.3s linear; } .share-page-section a i { font-size: 40px; line-height: 1; padding: 10px 5px; } @media (max-width: 500px) { .share-page-section a i { font-size: 24px; } } .share-page-section a:hover, .share-page-section a:focus { background-color: #F4137B; color: #fff; } @media (max-width: 500px) { .share-page-section a { width: 52px !important; height: 52px !important; } } .share-page-section .facebook-btn { width: 72px; height: 72px; background-color: #FDE014; color: #F4137B; border-radius: 50%; text-align: center; padding-top: 4px; margin-top: 3px; margin-bottom: 3px; margin-right: 5px; } .share-page-section .twitter-btn { background-color: #FDE014; color: #F4137B; width: 72px; height: 72px; border-radius: 50%; text-align: center; padding-top: 4px; margin-top: 3px; margin-bottom: 3px; margin-right: 5px; } .share-page-section .whatsapp-btn { background-color: #FDE014; width: 72px; height: 72px; color: #F4137B; border-radius: 50%; text-align: center; padding-top: 4px; margin-top: 3px; margin-bottom: 3px; margin-right: 5px; } @media (max-width: 500px) { .share-page-section .whatsapp-btn i { padding: 9px 5px 10px 3px; } } .alert-danger ul { list-style: none; margin: 0; padding: 0; } .alert-danger ul li { text-align: center; } @media screen and (min-width: 992px) and (max-width: 1200px) { #page-content .comment_form { max-width: 960px; } #page-content .comment_form:first-child { padding: 15px; } } @media screen and (min-width: 768px) and (max-width: 992px) { #page-content .comment_form { max-width: 720px; } #page-content .comment_form:first-child { padding: 15px; } } @media screen and (max-width: 768px) { #page-content { min-height: auto; } #page-content .comment_form { max-width: 540px; } #page-content .comment_form:first-child { padding: 15px; } .row-spacing { margin-top: 0; margin-bottom: 30px; } } /* IE 11 and EDGE scss */ @media all and (-ms-high-contrast: none) { #signInModal .modal-dialog .modal-body .form-control { padding: 0.375rem 0.75rem; } #signInModal .modal-dialog .modal-body .register-now-div a { position: relative; float: left; right: -40%; } .visits, .registrations { display: -ms-inline-flexbox; } #registerModal .modal-dialog .modal-body .disclaimers label a { float: none; } #registerModal .modal-dialog .modal-body .sign-now-div { width: 40px; } } .mb-20 { margin-bottom: 20px; } .ml-0 { margin-left: 0px; } .ml-20 { margin-left: 20px; } .ml-40 { margin-left: 40px; } .ml-60 { margin-left: 60px; } .ml-80 { margin-left: 80px; } .ml-100 { margin-left: 100px; } li[data-list=bullet] { display: table; } li[data-list=bullet] span.ql-ui { display: table-cell; vertical-align: middle; padding-right: 5px; font-size: 25px; } /*==============================================================================================================*/ /*==================================== 110 - bakti-untuk-rakyat================================================*/ /*============================================================================================================*/ /*Page Manifesto*/ .bakti-untuk-rakyat .section-manifesto_title { margin-top: 50px; } .bakti-untuk-rakyat .section-manifesto_title .section-manifesto_title-wrap { position: relative; } .bakti-untuk-rakyat .section-manifesto_title .section-manifesto_title-wrap:after { content: ""; background-image: url("/images/themes/prabowo/pg-manifesto_decoration-title.svg"); background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; left: calc(100% - 15px); top: 0px; width: 212px; height: 453px; } @media (max-width: 768px) { .bakti-untuk-rakyat .section-manifesto_title .section-manifesto_title-wrap:after { display: none; } } .bakti-untuk-rakyat .section-manifesto_title .section-manifesto_title-wrap h1 { color: #000000; } .bakti-untuk-rakyat .section-heroBanner--manifesto { background-position: 50% 30% !important; } .bakti-untuk-rakyat .section-heroBanner--manifesto .heroBanner-content { height: 460px; } .bakti-untuk-rakyat #first-paragraph { margin-bottom: 50px; margin-top: 50px; } .bakti-untuk-rakyat #first-paragraph .row-spacing { margin-bottom: 0; } @media screen and (max-width: 767px) { .bakti-untuk-rakyat #first-paragraph .row-spacing { margin-bottom: 0 !important; } } /*Page Discussion*/ .bakti-untuk-rakyat .topics-list .page-cover { position: relative; margin-top: 122px; justify-content: center; } @media screen and (max-width: 1400px) { .bakti-untuk-rakyat .topics-list .page-cover { margin-top: 85px; } } @media screen and (max-width: 1199px) { .bakti-untuk-rakyat .topics-list .page-cover { margin-top: 75px; } } @media screen and (max-width: 767px) { .bakti-untuk-rakyat .topics-list .page-cover { height: 500px !important; min-height: 350px !important; } } .bakti-untuk-rakyat .topics-list .page-cover:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); } /*topic details - hero banner*/ .bakti-untuk-rakyat .section-herobanner--topic-details { position: relative; margin-top: 122px; } @media screen and (max-width: 1400px) { .bakti-untuk-rakyat .section-herobanner--topic-details { margin-top: 85px; } } @media screen and (max-width: 1199px) { .bakti-untuk-rakyat .section-herobanner--topic-details { margin-top: 75px; } } .bakti-untuk-rakyat .section-herobanner--topic-details:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); } .bakti-untuk-rakyat .section-herobanner--topic-details .title-div { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; margin: 0 !important; } /*==================================================*/ /*============= Form Become a Supporter ============*/ /*==================================================*/ .bakti-untuk-rakyat .section-form-become-supporter { margin-top: 50px; margin-bottom: 50px; } .bakti-untuk-rakyat .section-form-become-supporter .row-spacing { padding-top: 0; padding-bottom: 0; margin-bottom: 0 !important; } @media screen and (max-width: 767px) { .bakti-untuk-rakyat .section-form-become-supporter .row-spacing { margin-bottom: 0 !important; } } .bakti-untuk-rakyat .section-form-become-supporter h2 { margin-bottom: 50px; } .bakti-untuk-rakyat .row-spacing { margin-bottom: 50px; } @media screen and (max-width: 767px) { .bakti-untuk-rakyat .row-spacing { margin-bottom: 50px !important; } } /*==================================================*/ /*================== Share Buttons =================*/ /*==================================================*/ .share-page-section a i { font-size: 31px; line-height: 1; padding: 10px 5px; } @media (max-width: 500px) { .share-page-section a i { font-size: 24px; } } .share-page-section a:hover, .share-page-section a:focus { background-color: #1E8FE1; } .share-page-section .facebook-btn { width: 60px; height: 60px; background-color: #F8555C; color: #ffffff; } .share-page-section .twitter-btn { background-color: #F8555C; color: #ffffff; width: 60px; height: 60px; } .share-page-section .whatsapp-btn { background-color: #F8555C; width: 60px; height: 60px; color: #ffffff; } /*==================================================*/ /*============= Page: Program ============*/ /*==================================================*/ .program-section-hero-banner h1 { font-size: 60px; font-weight: 500; margin-bottom: 1rem; } .program-section-hero-banner h1 strong { font-weight: 700; } @media (max-width: 768px) { .program-section-hero-banner h1 { font-size: 30px !important; } } .program-section-hero-banner .program-section-hero-title h1 { margin: 1rem 0 2rem; } .program-section-hero-banner .program-section-hero-title-second { margin: 4rem 0 2rem; } .program-section-hero-banner .program-section-hero-title-second h1 { font-weight: 600; } .program-section-articles { padding: 6rem 0 2rem; } .program-section-articles .card { margin-bottom: 2rem; border-radius: 10px !important; padding: 0 4rem; position: relative; } .program-section-articles .card .number { position: absolute; left: 2rem; top: 2rem; font-family: "Adrianna", sans-serif; font-weight: 700; font-size: 26px; line-height: 1; color: #fff; background-color: #1E8FE1; border-radius: 50%; padding: 0.15rem 0.5rem; } @media (max-width: 768px) { .program-section-articles .card .number { top: 1.5rem; left: 2.25rem; } } .program-section-articles .card h2 { padding-bottom: 0; width: 100%; } .program-section-articles .card h2 button { font-size: 1.2rem; line-height: 1.25; color: #000; font-weight: 600; text-decoration: none !important; padding-left: 0; position: relative; } .program-section-articles .card h2 button .plus-minus { width: 20px; height: 20px; right: -40px; top: 40%; transform: translateY(-40%); position: absolute; display: block; } .program-section-articles .card h2 button .plus-minus:before, .program-section-articles .card h2 button .plus-minus:after { content: ""; position: absolute; background-color: rgb(30, 143, 225); transition: transform 0.25s ease-out; } .program-section-articles .card h2 button .plus-minus { /* Vertical line */ } .program-section-articles .card h2 button .plus-minus:before { top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; transform: rotate(90deg); } .program-section-articles .card h2 button .plus-minus { /* horizontal line */ } .program-section-articles .card h2 button .plus-minus:after { top: 50%; left: 0; width: 100%; height: 2px; margin-top: -1px; transform: rotate(180deg); } @media (max-width: 768px) { .program-section-articles .card h2 button .plus-minus { top: -2.5rem; right: 0rem; transform: translateY(0); } } .program-section-articles .card h2 button.collapsed span:before { transform: rotate(0deg); } .program-section-articles .card h2 button.collapsed span:after { transform: rotate(0deg); } .program-section-articles .card h2 button:focus { box-shadow: none; } .program-section-articles .card h2:after, .program-section-articles .card h2:before { display: none; } .program-section-articles .card p { color: #6E6C6C; } .program-section-articles .card .card-header { background-color: #fff; border-bottom: 0; padding: 1.25rem 1.25rem; } .program-section-articles .card .card-body { padding-top: 0; } .program-section-articles .card:first-of-type .number { width: 32px; padding-left: 0.55rem; } .program-section-articles .card:nth-of-type(2) .number { background-color: #F6555C; } .program-section-articles .card:nth-of-type(3) .number { background-color: #2CD7B6; } .program-section-articles .card:nth-of-type(4) .number { background-color: #CE3689; top: 1.5rem; } .program-section-articles .card:nth-of-type(5) .number { background-color: #F8B531; top: 1.5rem; } .program-section-articles .card:nth-of-type(6) .number { background-color: #F6555C; top: 1.5rem; } .program-section-articles .card:nth-of-type(7) .number { background-color: #188E72; } .program-section-articles .card:last-of-type .number { background-color: #1E8FE1; top: 1.5rem; } @media (max-width: 768px) { .program-section-articles .card { padding-top: 3rem; padding: 3rem 1rem 0; } } .program-section-two-column { padding-top: 5rem; } .program-section-two-column .two-column-container { padding-top: 5rem; padding-bottom: 4rem; } .program-section-two-column h1 { font-size: 60px; font-weight: 500; margin-bottom: 1rem; } .program-section-two-column h1 strong { font-weight: 700; } @media (max-width: 768px) { .program-section-two-column h1 { font-size: 30px !important; } } .program-section-two-column h2 { font-size: 40px; font-weight: 700; margin-bottom: 1rem; width: 100%; margin-bottom: 0; } .program-section-two-column h2:before, .program-section-two-column h2:after { display: none; } .program-section-two-column h2 strong { font-weight: 700; } @media (max-width: 768px) { .program-section-two-column h2 { font-size: 25px !important; padding-bottom: 0; } } .program-section-two-column button { color: #000; font-size: 28px; font-weight: 700; position: relative; } .program-section-two-column button .plus-minus { width: 20px; height: 20px; right: -2rem; top: 11rem; transform: translateY(-10rem); position: absolute; display: block; z-index: 33; } .program-section-two-column button .plus-minus:before, .program-section-two-column button .plus-minus:after { content: ""; position: absolute; background-color: rgb(30, 143, 225); transition: transform 0.25s ease-out; } .program-section-two-column button .plus-minus { /* Vertical line */ } .program-section-two-column button .plus-minus:before { top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; transform: rotate(90deg); } .program-section-two-column button .plus-minus { /* horizontal line */ } .program-section-two-column button .plus-minus:after { top: 50%; left: 0; width: 100%; height: 2px; margin-top: -1px; transform: rotate(180deg); } @media (max-width: 768px) { .program-section-two-column button .plus-minus { top: -2.5rem; right: 0rem; transform: translateY(0); } } .program-section-two-column button.collapsed span:before { transform: rotate(0deg); } .program-section-two-column button.collapsed span:after { transform: rotate(0deg); } .program-section-two-column button:focus { box-shadow: none; } .program-section-two-column button:hover { color: #000; } @media (max-width: 768px) { .program-section-two-column button { font-size: 21px; } } .program-section-two-column .card { border: 0; } .program-section-two-column .card .description-accordion-column { position: relative; } @media (max-width: 768px) { .program-section-two-column .card .description-accordion-column { padding-bottom: 1rem; } } .program-section-two-column .card .card-header { border: 0; background: transparent; } .program-section-two-column .card .card-body { padding: 0 1rem 1rem; color: #6E6C6C; } .program-section-two-column .card .card-body .listing .item { font-size: 22px; line-height: 1.3; margin-bottom: 0.5rem; } @media (max-width: 768px) { .program-section-two-column .card .card-body .listing .item { font-size: 20px; } } .program-section-two-column .card .image-column { padding-bottom: 6rem; } .program-section-two-column .card .image-column .container-img { width: 350px; margin: 0 auto; } .program-section-two-column .card .image-column .container-img img { width: 100%; } @media (max-width: 768px) { .program-section-two-column .card .image-column .container-img { width: 270px; } } @media (max-width: 500px) { .program-section-two-column .card .image-column .container-img { width: 220px; } } @media (max-width: 768px) { .program-section-two-column .card .image-column { padding-bottom: 3rem; } } .program-section-two-column .card .col-md-6:first-of-type { border-right: 2px solid #D4D4D4; } @media (max-width: 768px) { .program-section-two-column .card .col-md-6:first-of-type { border-right: 0; } } .program-section-two-column .card .number { font-family: "Adrianna", sans-serif; font-weight: 700; font-size: 20px; line-height: 1; color: #fff; background-color: #1E8FE1; border-radius: 50%; padding: 0.35rem 0.6rem; position: absolute; } @media (max-width: 768px) { .program-section-two-column .card { border-bottom: 2px solid #D4D4D4 !important; border-radius: 0 !important; margin-bottom: 3rem; } } .program-section-two-column .card { overflow: visible; } .program-section-two-column .card:first-of-type .number { top: 0rem; left: -1rem; padding: 0.4rem 0.7rem; font-size: 21px; } .program-section-two-column .card:nth-of-type(2) .number { top: 1.25rem; background-color: #2CD7B6; right: -1rem; } .program-section-two-column .card:nth-of-type(3) .number { top: 1.25rem; background-color: #F8B531; left: -1rem; } .program-section-two-column .card:nth-of-type(4) .number { top: 1.25rem; background-color: #F6555C; right: -1rem; } .program-section-two-column .card:nth-of-type(5) .number { top: 1.25rem; background-color: #1E8FE1; left: -1rem; } .program-section-two-column .card:nth-of-type(6) .number { top: 1.25rem; background-color: #2CD7B6; right: -1rem; } .program-section-two-column .card:nth-of-type(7) .number { top: 1.25rem; background-color: #F6555C; left: -1rem; } .program-section-two-column .card:nth-of-type(8) .number { top: 1.25rem; background-color: #F8B531; right: -1rem; } .program-section-two-column .card:nth-of-type(9) .number { top: 1.25rem; background-color: #1E8FE1; left: -1rem; } .program-section-two-column .card:nth-of-type(10) .number { top: 1.25rem; background-color: #F6555C; right: -1.2rem; padding: 0.35rem 0.3rem; } .program-section-two-column .card:nth-of-type(11) .number { top: 1.25rem; background-color: #2CD7B6; left: -0.95rem; padding: 0.35rem 0.35rem; } .program-section-two-column .card:nth-of-type(12) .number { top: 1.25rem; background-color: #F8B531; right: -1.2rem; padding: 0.35rem 0.3rem; } .program-section-two-column .card:nth-of-type(13) .number { top: 1.25rem; background-color: #F6555C; left: -0.95rem; padding: 0.35rem 0.3rem; } .program-section-two-column .card:nth-of-type(14) .number { top: 1.25rem; background-color: #1E8FE1; right: -1.2rem; padding: 0.35rem 0.3rem; } .program-section-two-column .card:nth-of-type(15) .number { top: 1.25rem; background-color: #2CD7B6; left: -0.95rem; padding: 0.35rem 0.3rem; } .program-section-two-column .card:nth-of-type(16) .number { top: 1.25rem; background-color: #F8B531; right: -1.2rem; padding: 0.35rem 0.3rem; } .program-section-two-column .card:nth-of-type(16) .image-column { position: relative; } .program-section-two-column .card:nth-of-type(16) .image-column:before { content: ""; height: 20px; width: 2px; color: #D4D4D4; bottom: -20px; left: -2px; position: absolute; background-color: #D4D4D4; z-index: 4; } @media (max-width: 768px) { .program-section-two-column .card:nth-of-type(16) .image-column:before { display: none; } } .program-section-two-column .card:nth-of-type(17) .col-md-6 { border: 0; } .program-section-two-column .card:nth-of-type(17) .number { top: 1.25rem; background-color: #1E8FE1; left: -0.95rem; padding: 0.35rem 0.3rem; } @media (max-width: 768px) { .program-section-two-column .card:nth-of-type(even) .row { flex-direction: column-reverse; } .program-section-two-column .card:nth-of-type(even) .number { left: 3rem; right: auto; top: -1.75rem; } } .program-section-two-column .card:nth-of-type(even) button .plus-minus { left: -2rem; right: auto; } @media (max-width: 768px) { .program-section-two-column .card:nth-of-type(even) button .plus-minus { top: -2.5rem; right: 0rem; left: auto; transform: translateY(0); } } @media (max-width: 768px) { .program-section-two-column .card:nth-of-type(odd) .number { left: 3rem; right: auto; top: -1.75rem; } } .article-list { margin-bottom: 30px; min-height: 43vh; } .article-list .grid-button { position: absolute; top: 15px; left: 30px; background-color: rgba(50, 60, 69, 0.7); border: 1px solid #cad4de; color: #ffffff; border-radius: 0; opacity: 0.9; display: none; } .article-list .img-ie-container { position: relative; } .article-list .subcategories-filter .subcategories-menu { margin-bottom: 50px; border: none; border-bottom: 2px solid #eeeeee; } .article-list .subcategories-filter .subcategories-menu .nav-item { margin-bottom: -2px; padding-right: 15px; } .article-list .subcategories-filter .subcategories-menu .nav-item .nav-link { color: #000; font-weight: 500; font-size: 30px; padding: 7px 18px; } .article-list .subcategories-filter .subcategories-menu .nav-item .nav-link:hover { border-color: transparent; } .article-list .subcategories-filter .subcategories-menu .nav-item .nav-link:active { border-color: transparent; } .article-list .subcategories-filter .subcategories-menu .nav-item .nav-link:focus { border-color: transparent; } .article-list .subcategories-filter .subcategories-menu .nav-item .nav-link.active { border: none; color: #00A1ED !important; border-bottom: 2px solid #00A1ED !important; font-weight: 700; } .article-list .subcategories-filter .subcategories-menu-dd-container { margin-bottom: 50px; display: none; } .article-list .subcategories-filter .subcategories-menu-dd-container .label { text-transform: uppercase; color: #000; display: inline-block; padding: 7px 0px; font-size: 30px; margin-right: 10px; letter-spacing: 3px; } .article-list .subcategories-filter .subcategories-menu-dd-container .dropdown { display: inline-block; } .article-list .subcategories-filter .subcategories-menu-dd-container .dropdown .btn { border-color: #616161; padding: 6px 15px; letter-spacing: 1px; } .article-list .subcategories-filter .subcategories-menu-dd-container .dropdown .btn:hover, .article-list .subcategories-filter .subcategories-menu-dd-container .dropdown .btn:focus, .article-list .subcategories-filter .subcategories-menu-dd-container .dropdown .btn:active, .article-list .subcategories-filter .subcategories-menu-dd-container .dropdown .btn.active { color: #000 !important; background-color: #fff !important; border-color: #616161 !important; outline: none !important; box-shadow: none !important; } .article-list .subcategories-filter .subcategories-menu-dd-container .dropdown .btn i { color: #d7d7d7; margin-left: 5px; } .article-list .grid img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; background-position: center; background-size: cover; } .article-list .grid .grid-item { margin-bottom: 30px; align-self: flex-start; } .article-list .grid .grid-item .article-video { height: 400px; } .article-list .grid .grid-item .image-article { height: 400px; } @media (max-width: 500px) { .article-list .grid .grid-item .image-article { height: 300px; } } .article-list .grid .grid-item .grid-button { position: absolute; top: 15px; left: 30px; background-color: rgba(50, 60, 69, 0.7); border: 1px solid #cad4de; color: #ffffff; border-radius: 0; opacity: 0.9; } .article-list .grid .grid-item img { width: 100%; } .article-list .grid .grid-item .article-title { display: inline-block; color: #fff; text-decoration: none; font-size: 22px; font-weight: 500; position: absolute; bottom: 1.5rem; left: 1.5rem; background-color: #00A1ED; border: 3px solid #fff; padding: 1rem 3rem; border-radius: 2rem 0 2rem 0; } .article-list .grid .grid-item .article-title:hover, .article-list .grid .grid-item .article-title:focus { filter: brightness(85%); } @media (max-width: 500px) { .article-list .grid .grid-item .article-title { padding: 0.75rem 2rem; } } .article-list .grid .grid-item .article-date { display: none; } .article-list .grid .grid-item .title-excerpt { margin-top: 1.5rem; margin-bottom: 1rem; } .article-list .grid .grid-item .link-excerpt { position: inherit; color: #000; font-size: 24px; font-weight: 700; } @media (max-width: 500px) { .article-list .grid .grid-item .link-excerpt { font-size: 21px; } } .article-list .grid .grid-item .article-date { font-size: 16px; color: #b6b6b6; margin-bottom: 17px; } .article-list .load-more { margin-top: 30px; margin-bottom: 30px; } .article-list .load-more.hide-load-more { display: none; } .group-list .grid .grid-item .article-title { bottom: 91px; } .group-list .grid .grid-item .article-date { display: block; } @media screen and (max-width: 768px) { .article-list .grid .grid-item .grid-button { width: 75%; margin-left: auto; margin-right: auto; left: 0; right: 0; } } /*==============================================================================================================*/ /*==================================== 110 - bakti-untuk-rakyat================================================*/ /*============================================================================================================*/ .bakti-untuk-rakyat .page-title { margin-top: 110px; padding-top: 45px; padding-bottom: 45px; } .bakti-untuk-rakyat .page-title .container { position: relative; } .bakti-untuk-rakyat .page-title .container:before { content: ""; position: absolute; right: 120px; top: 25%; width: 114px; height: 221px; background-image: url("/images/themes/prabowo/pg-listing-article_decoration-title.svg"); background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: 1; } @media (max-width: 991px) { .bakti-untuk-rakyat .page-title .container:before { display: none; } } .bakti-untuk-rakyat .page-title .container h1 { margin: 0; } .bakti-untuk-rakyat .page-title .container .subtitle p { max-width: 599px; margin-bottom: 0; font-size: 24px; line-height: 34px; font-weight: 500; color: #000000; } .bakti-untuk-rakyat .article-list .subcategories-filter .subcategories-menu-dd-container { margin-bottom: 20px; } .bakti-untuk-rakyat .article-list .subcategories-filter .subcategories-menu-dd-container .label { font-family: "adrianna", sans-serif; font-size: 24px; line-height: 28px; letter-spacing: 0; font-weight: 700; color: #000000; margin-right: 30px; padding: 0; } @media (max-width: 768px) { .bakti-untuk-rakyat .article-list .subcategories-filter .subcategories-menu-dd-container .label { margin-bottom: 10px; } } @media (max-width: 500px) { .bakti-untuk-rakyat .article-list .subcategories-filter .subcategories-menu-dd-container .dropdown { display: block; } } .bakti-untuk-rakyat .article-list .subcategories-filter .subcategories-menu-dd-container .dropdown .btn { border-color: #707070; border-radius: 33px; padding: 20px 80px; font-family: "adrianna", sans-serif; font-size: 24px; line-height: 1; letter-spacing: 0; font-weight: 400; color: #000000; } @media (max-width: 768px) { .bakti-untuk-rakyat .article-list .subcategories-filter .subcategories-menu-dd-container .dropdown .btn { padding: 20px 25px; } } .bakti-untuk-rakyat .article-list .subcategories-filter .subcategories-menu-dd-container .dropdown .btn i { color: #000000; margin-left: 25px; font-size: 23px; } .bakti-untuk-rakyat .article-list .subcategories-filter .subcategories-menu-dd-container .dropdown .dropdown-menu { border-color: #707070; width: 100%; color: #000000; } .bakti-untuk-rakyat .article-list .subcategories-filter .subcategories-menu { justify-content: space-between; border-bottom: none; margin-bottom: 40px; display: none; } .bakti-untuk-rakyat .article-list .subcategories-filter .subcategories-menu .nav-item .nav-link { font-family: "adrianna", sans-serif; font-size: 24px; line-height: 28px; font-weight: 700; text-transform: uppercase; padding: 0 0 10px 0; position: relative; border: none; margin: 0; } .bakti-untuk-rakyat .article-list .subcategories-filter .subcategories-menu .nav-item .nav-link:before { content: ""; background-color: transparent; height: 8px; width: 50%; border-radius: 6px; position: absolute; left: 0; bottom: 0; z-index: 2; transition: all 0.3s linear; } .bakti-untuk-rakyat .article-list .subcategories-filter .subcategories-menu .nav-item .nav-link:after { content: ""; background-color: transparent; height: 8px; width: 100%; border-radius: 6px; position: absolute; left: 0; bottom: 0; z-index: 1; transition: all 0.3s linear; } .bakti-untuk-rakyat .article-list .subcategories-filter .subcategories-menu .nav-item .nav-link.active { border: none !important; color: #000000 !important; } .bakti-untuk-rakyat .article-list .subcategories-filter .subcategories-menu .nav-item .nav-link.active:before { background-color: #CE3689; transition: all 0.3s linear; } .bakti-untuk-rakyat .article-list .subcategories-filter .subcategories-menu .nav-item .nav-link.active:after { background-color: #F8B531; transition: all 0.3s linear; } .bakti-untuk-rakyat .article-list .articles-list-data-container-js { position: relative; margin-bottom: 70px; } .bakti-untuk-rakyat .article-list .articles-list-data-container-js:before { content: ""; position: absolute; left: -40px; bottom: -100px; width: 230px; height: 208px; background-image: url("/images/themes/prabowo/pg-listing-article_decoration-body.svg"); background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: -1; } @media screen and (max-width: 1650px) { .bakti-untuk-rakyat .article-list .articles-list-data-container-js:before { left: 15px; bottom: -50px; } } .bakti-untuk-rakyat .article-list .articles-list-data-container-js:after { content: ""; position: absolute; right: 15px; bottom: -20px; width: 47px; height: 47px; background-image: url("/images/themes/prabowo/pg-listing-article_decoration-disc.svg"); background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: -1; } .bakti-untuk-rakyat .article-list .articles-list-data-container-js .grid-item { margin-bottom: 60px; align-self: stretch; } .bakti-untuk-rakyat .article-list .articles-list-data-container-js .grid-item .article-item-wrap { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); border-radius: 16px 16px 0 0; border-bottom: 16px solid #F8555C; background-color: #ffffff; height: 100%; } .bakti-untuk-rakyat .article-list .articles-list-data-container-js .grid-item .article-item-wrap .img-ie-container { position: relative; } .bakti-untuk-rakyat .article-list .articles-list-data-container-js .grid-item .article-item-wrap .img-ie-container .image-article { border-radius: 16px 16px 0 0; height: 238px; } .bakti-untuk-rakyat .article-list .articles-list-data-container-js .grid-item .article-item-wrap .img-ie-container img { border-radius: 16px 16px 0 0; } .bakti-untuk-rakyat .article-list .articles-list-data-container-js .grid-item .article-item-wrap .img-ie-container .article-category-label { position: absolute; left: 0; bottom: 0; z-index: 1; background-color: #000000; color: #ffffff; font-size: 16px; line-height: 20px; letter-spacing: -0.29px; font-weight: 700; padding: 5px 20px; border-radius: 0 16px 0 0; } .bakti-untuk-rakyat .article-list .articles-list-data-container-js .grid-item .article-item-wrap .img-ie-container .article-category-label[data-category=Berita] { background-color: #CE3689; } .bakti-untuk-rakyat .article-list .articles-list-data-container-js .grid-item .article-item-wrap .img-ie-container .article-category-label[data-category=Polling] { background-color: #F8B531; } .bakti-untuk-rakyat .article-list .articles-list-data-container-js .grid-item .article-item-wrap .img-ie-container .article-category-label[data-category="Bahasan Populer"] { background-color: #1E8FE1; } .bakti-untuk-rakyat .article-list .articles-list-data-container-js .grid-item .article-item-wrap .img-ie-container .article-category-label[data-category="Beri komentarmu"] { background-color: #2CD7B6; } .bakti-untuk-rakyat .article-list .articles-list-data-container-js .grid-item .article-item-wrap .article-item_text-wrap { padding: 40px 20px 20px; } .bakti-untuk-rakyat .article-list .articles-list-data-container-js .grid-item .article-item-wrap .article-item_text-wrap .article-item_title { margin-bottom: 5px; } .bakti-untuk-rakyat .article-list .articles-list-data-container-js .grid-item .article-item-wrap .article-item_text-wrap .article-item_title .article-title { display: block; background-color: transparent; border: none; border-radius: 0; padding: 0; position: static; font-family: "adrianna", sans-serif; font-size: 24px; line-height: 28px; font-weight: 700; color: #000000; } .bakti-untuk-rakyat .article-list .articles-list-data-container-js .grid-item .article-item-wrap .article-item_text-wrap .article-date { display: block; font-size: 12px; line-height: 16px; font-weight: 500; color: #C6C3C3; margin-bottom: 20px; } .bakti-untuk-rakyat .article-list .articles-list-data-container-js .grid-item .article-item-wrap .article-item_text-wrap .title-excerpt { margin: 0 0 20px; } .bakti-untuk-rakyat .article-list .articles-list-data-container-js .grid-item .article-item-wrap .article-item_text-wrap .title-excerpt .link-excerpt { font-size: 16px; line-height: 24px; font-weight: 400; color: #000000; text-decoration: none; } .bakti-untuk-rakyat .article-list .articles-list-data-container-js .grid-item .article-item-wrap .article-item_text-wrap .tertiary-button { font-size: 16px; line-height: 24px; font-weight: 700; color: #F8555C; padding: 0; height: auto; } .galleries-list-container { min-height: 45vh; } .galleries-list-container .galleries-list.gallery-list-widget.grid .item .main-image-wrapper .main-image { padding-top: 84%; } .galleries-list-container .galleries-list.gallery-list-widget.grid .item .other-images .other-item.total-items { padding-top: 76%; } .galleries-list-container .galleries-list.gallery-list-widget.grid .item .other-images .other-item.total-items span { font-size: 13px; } .galleries-list-container .galleries-list-sidebar .sidebar-content { background-color: #f5f5f5; position: relative; padding: 30px 0 20px 40px; } .galleries-list-container .galleries-list-sidebar .sidebar-content:after { content: ""; position: absolute; top: 0; right: -1000px; background-color: #f5f5f5; width: 1000px; height: 100%; } .load-more { margin-top: 30px; margin-bottom: 30px; } .load-more.hide-load-more { display: none; } #gallery-widget-video-modal .gallery-item-time-hide { display: none; } #gallery-widget-video-modal .message-time { font-size: 13px; color: #bdbdbd; } #gallery-widget-video-modal .written-ago { color: #bdbdbd; position: relative; font-size: 7px; } #gallery-widget-video-modal .written-user { color: #000000; font-weight: bold; position: relative; font-size: 11px; } .gallery-page { min-height: 72vh; } .gallery-page .written-ago { color: #bdbdbd; position: relative; font-size: 7px; } .gallery-page .written-user { color: #000000; font-weight: bold; position: relative; font-size: 11px; } .gallery-page #uploadImagesGalleryModal .upload-to-gallery-body { max-height: 500px; display: block; overflow-y: scroll; } .gallery-page #uploadImagesGalleryModal .upload-file-gallery-description { background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #E5E5E5; border-radius: 5px; opacity: 1; height: 60px; } .gallery-page #uploadImagesGalleryModal .warning-messages { color: red; font-size: 20px; margin-bottom: 5px; font-family: "Barlow"; } .gallery-page #uploadImagesGalleryModal #uploadMesPic:disabled ~ .upload-message-image { background-color: #C8C8C8; color: #000000; border-color: #000000; } .gallery-page #uploadImagesGalleryModal .remove-image-opinion { display: none; } .gallery-page #uploadImagesGalleryModal #file-upload-filename { font-size: 14px; letter-spacing: 1px; line-height: 20px; color: #616161; font-family: "Poppins", sans-serif; } .gallery-page #uploadImagesGalleryModal .topic-user-avatar { margin-right: 10px; height: 52px; width: 52px; border-radius: 50%; display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: cover; } .gallery-page #uploadImagesGalleryModal .upload-message-image { width: 60%; } .gallery-page #uploadImagesGalleryModal .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .gallery-page #uploadImagesGalleryModal .modal-dialog { max-width: 730px; } .gallery-page #uploadImagesGalleryModal img { margin-right: 20px; } .gallery-page #uploadImagesGalleryModal h4 { font-size: 18px; color: #616161; } .gallery-page #uploadImagesGalleryModal .write-opinion { display: flex; } .gallery-page #uploadImagesGalleryModal .write-opinion .message-cont { width: 91%; } .gallery-page #uploadImagesGalleryModal .write-opinion .search-input { display: block; } .gallery-page #uploadImagesGalleryModal .write-opinion textarea { width: 100%; resize: none; border-color: #e5e5e5; height: 195px; margin-bottom: 20px; } .gallery-page #uploadImagesGalleryModal .write-opinion textarea::-moz-placeholder { font-size: 14px; color: #bdbdbd; } .gallery-page #uploadImagesGalleryModal .write-opinion textarea::placeholder { font-size: 14px; color: #bdbdbd; } .gallery-page #uploadImagesGalleryModal .write-opinion .error { color: red; } .gallery-page #uploadImagesGalleryModal .write-opinion input { width: 100%; border-color: #e5e5e5; } .gallery-page #uploadImagesGalleryModal .write-opinion input::-moz-placeholder { font-size: 14px; color: #bdbdbd; text-align: left; } .gallery-page #uploadImagesGalleryModal .write-opinion input::placeholder { font-size: 14px; color: #bdbdbd; text-align: left; } .gallery-page #uploadImagesGalleryModal .upload-file { width: 415px; background-color: transparent; border: 2px solid #D9003C; color: #D9003C; height: 44px; float: right; margin-right: -15px; font-size: 14px; font-weight: 500; } .gallery-page #uploadImagesGalleryModal label.media-label { padding-top: 10px; color: #616161; font-size: 14px; } .gallery-page #uploadImagesGalleryModal label.or { color: #bdbdbd; } .gallery-page #uploadImagesGalleryModal input.embed-iframe { border-color: #e5e5e5; width: 415px; float: right; margin-right: -15px; } .gallery-page #uploadImagesGalleryModal input::-moz-placeholder { text-align: center; font-size: 14px; color: #bdbdbd; } .gallery-page #uploadImagesGalleryModal input::placeholder { text-align: center; font-size: 14px; color: #bdbdbd; } .gallery-page #uploadImagesGalleryModal .submit-opinion { margin-top: 40px; } .gallery-page .title { padding: 67px 0 17px 0; } .gallery-page .title h1 { font-size: 54px; font-weight: normal; } .gallery-page .subtitle { font-size: 26px !important; color: #000000; font-weight: normal !important; padding: 20px 0; margin-bottom: 50px; } .gallery-page .description { margin-bottom: 30px; text-align: justify; } .gallery-page .description ol { list-style: none; counter-reset: section; } .gallery-page .description li[data-list=bullet] > .ql-ui:before { content: "•"; font-size: 25px; position: absolute; left: -15px; top: -6px; } .gallery-page .description li[data-list=ordered] span.ql-ui:before { counter-increment: section; content: counter(section) "."; margin-right: 10px; margin-left: -18px; } .gallery-page .description li[data-list=bullet] span.ql-ui { display: table-cell; position: relative; } .gallery-page .gallery-items .gallery-item-time-hide { display: none; } .gallery-page .gallery-items .grid-item { margin-bottom: 30px; } .gallery-page .gallery-items .grid-item .gallery-item-content { border: 1px solid #f5f5f5; } .gallery-page .gallery-items .grid-item .gallery-item-content .img-container { margin: -1px -1px 20px; cursor: pointer; } .gallery-page .gallery-items .grid-item .gallery-item-content .img-container img { width: 100%; } .gallery-page .gallery-items .grid-item .gallery-item-content .img-container .video { display: block; height: 0; padding-top: 75%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } .gallery-page .gallery-items .grid-item .gallery-item-content .img-container .video.placeholder { background-image: url("/img/themes/default/gallery-video-placeholder.png"); background-size: auto; background-color: #ebebeb; } .gallery-page .gallery-items .grid-item .gallery-item-content .img-container .video .btn-play { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/img/themes/default/btn-play.png"); background-size: auto; background-repeat: no-repeat; background-position: center center; cursor: pointer; } .gallery-page .gallery-items .grid-item .gallery-item-content .description { font-size: 14px; line-height: 25px; color: #616161; } .gallery-page .gallery-items .grid-item .modal .modal-dialog .modal-content { border: none; } .gallery-page .gallery-items .grid-item .modal .modal-dialog .modal-content .modal-body { padding: 0; } .gallery-page .gallery-items .grid-item .modal .modal-dialog .modal-content .modal-body .img-container { margin-bottom: 30px; } .gallery-page .gallery-items .grid-item .modal .modal-dialog .modal-content .modal-body .img-container img { width: 100%; } .gallery-page .gallery-items .grid-item .modal .modal-dialog .modal-content .modal-body .img-container .video { display: block; height: 0; padding-top: 56%; position: relative; } .gallery-page .gallery-items .grid-item .modal .modal-dialog .modal-content .modal-body .img-container .video iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .gallery-page .gallery-items .grid-item .modal .modal-dialog .modal-content .modal-body .img-container .video p { display: none; } .profile-page-default .activity .nav-link { text-align: center !important; } .profile-page-default .basic-loader { display: none; } .profile-page-default ul { list-style: none; } .profile-page-default .tab-content { margin-bottom: 40px; } .profile-page-default ul { list-style: none; } .profile-page-default .my-points { padding-left: 0px; margin-bottom: 0px; } .profile-page-default .my-points h5 { margin-bottom: 0px; font-size: 14px; color: #616161; } .profile-page-default .my-points span { text-align: right; } .profile-page-default .my-points li { padding-top: 20px; padding-bottom: 20px; padding-left: 5px; padding-right: 5px; } .profile-page-default .my-points .highlight { background-color: rgba(241, 130, 73, 0.05); } .profile-page-default .my-points .col-lg-4 { text-align: left; } .profile-page-default .my-points .col-lg-2 { text-align: right; } .profile-page-default .politicalEngagementForm { border: 1px solid #e6e6e6; padding-bottom: 15px; } .profile-page-default .politicalEngagementForm label { font-size: 14px; color: #616161; text-transform: uppercase; } .profile-page-default .edituser .form-group label { font-size: 14px; color: #616161; text-transform: uppercase; } .profile-page-default .socialAccountsForm label { text-transform: uppercase; } .profile-page-default .load-more-activities, .profile-page-default .load-more-friends-activities, .profile-page-default .load-more-items { display: none; } .profile-page-default .nav-tabs.timeline li a { text-align: center; } .profile-page-default #invitations .nr { font-size: 45px; color: black; font-weight: 700; padding-top: 0px; } .profile-page-default .custom-multiselect { outline: none; font-size: 14px; color: #616161; border: 1px solid #ced4da; background: #fff !important; } .profile-page-default .custom-multiselect:focus { outline: none !important; } .profile-page-default .custom-multiselect:active { background: #fff !important; color: #616161 !important; } .header-profile .timeline-cover { margin-top: 6rem; } .header-profile .timeline-cover .user-details { padding-left: 30px; } .header-profile .timeline-cover .user-details a { text-transform: uppercase; text-decoration: underline; color: #ffffff; font-size: 16px; padding-right: 15px; } .header-profile .timeline-cover.middle_left_wrapper { display: flex; flex-direction: column; } .header-profile .timeline-cover .middle_left { min-height: 100%; display: flex; align-items: center; height: 100px; } .header-profile .timeline-cover .user-name { font-size: 54px; line-height: 1.2; font-weight: 600; color: #ffffff; padding-top: 30px; margin-bottom: 2rem; } @media (max-width: 768px) { .header-profile .timeline-cover .user-name { margin-bottom: 1.5rem; } } .header-profile .timeline-cover h1 { color: #ffffff; font-weight: 600; margin-bottom: 1.25rem; font-size: 80px; } .header-profile .timeline-cover h1 span { font-size: 22px; } .header-profile .timeline-cover { height: 470px; } .header-profile .timeline-cover .timeline-avatar .user-img { height: 235px; width: 235px; border-radius: 50%; border: 5px solid white; display: block; background-repeat: no-repeat; background-position: center center; background-size: cover; } .header-profile .timeline-avatar { position: relative; } .header-profile .timeline-avatar i { position: absolute; bottom: -15px; height: 41px; width: 41px; left: 105px; padding: 6px; background-color: white; border-radius: 50%; text-align: center; font-size: 24px; color: #f6d27a; } .header-profile .timeline-avatar .profile-badge { height: 41px; width: 41px; border-radius: 50%; display: block; margin: -30px auto 0 auto; } .header-profile .timeline-avatar .profile-badge-name { color: #fff; font-size: 25px; text-align: center; display: block; } .header-profile .header_profile_colors { background: #ffffff; } .header-profile .header_profile_colors .user-name, .header-profile .header_profile_colors h1, .header-profile .header_profile_colors .user-details a, .header-profile .header_profile_colors .timeline-avatar .profile-badge-name { color: #616161; } .header-profile .header_profile_colors .timeline-avatar .user-img { border-color: #616161; } .friend-info .user-name { width: calc(100% - 52px); } @media screen and (max-width: 767px) { .nav-tabs.activity .nav-link { font-size: 11px !important; text-align: center; } .profile-page-default #seeFriendsList { width: auto; } .profile-page-default .friend-info div.user-name { width: 85%; } .profile-page-default .activity { padding-bottom: 20px; } .profile-page-default .activity .nav-item { margin: 0 auto; } .profile-page-default .nav-tabs.timeline { border: none; margin-bottom: 15px; } .header-profile .timeline-cover h1 { color: white; font-weight: 600; text-align: center; font-size: 20px; } .header-profile .timeline-cover .timeline-avatar { width: 100%; } .header-profile .timeline-cover .timeline-avatar .user-img { height: 100px; width: 100px; margin: 0 auto; } .header-profile .timeline-cover .user-details { width: 100%; padding-left: 0px; } .header-profile .timeline-cover .user-details .user-name { width: 100%; text-align: center; font-size: 25px; padding-top: 0px; } .header-profile .timeline-cover .user-details .change-profile-image-div { width: 100%; text-align: center; } } .public-profile-page .basic-loader { display: none; } .public-profile-page .points-list { list-style: none !important; } .public-profile-page .activity .nav-item a { text-align: center; } .public-profile-page .my-points { list-style: none !important; padding-left: 0px; margin-bottom: 0px; } .public-profile-page .my-points h5 { margin-bottom: 0px; font-size: 14px; color: #616161; } .public-profile-page .my-points span { text-align: right; } .public-profile-page .my-points li { padding-top: 20px; padding-bottom: 20px; padding-left: 5px; padding-right: 5px; } .public-profile-page .my-points .highlight { background-color: rgba(241, 130, 73, 0.05); } .public-profile-page .my-points .col-lg-4 { text-align: left; } .public-profile-page .my-points .col-lg-2 { text-align: right; } #welcomeModal .modal-dialog { max-width: 355px; margin: 6.75rem auto; } #welcomeModal .modal-dialog .modal-header { padding: 1rem 3rem; } #welcomeModal .modal-dialog .modal-header .modal-title { color: #616161; font-size: 18px; } #welcomeModal .modal-dialog .modal-header button { font-size: 38px; line-height: 20px; } #welcomeModal .modal-dialog .modal-header button:focus { outline: none; } #welcomeModal .modal-dialog .modal-body { padding: 2rem 3rem; } #welcomeModal .modal-dialog .modal-body h4 { width: 100%; text-align: center; font-size: 12px; color: #757575; margin-top: 0px; margin-bottom: 40px; } #welcomeModal .modal-dialog .modal-body #welcomeModalBtn { padding: 0.575rem 0.75rem; font-size: 14px; color: #fff; width: 100%; letter-spacing: 1px; } #welcomeModal .modal-dialog .modal-body { /* The container */ } #welcomeModal .modal-dialog .modal-body .welcome-consent { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 12px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } #welcomeModal .modal-dialog .modal-body { /* Hide the browser's default checkbox */ } #welcomeModal .modal-dialog .modal-body .welcome-consent input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } #welcomeModal .modal-dialog .modal-body { /* Create a custom checkbox */ } #welcomeModal .modal-dialog .modal-body .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; } #welcomeModal .modal-dialog .modal-body { /* On mouse-over, add a grey background color */ } #welcomeModal .modal-dialog .modal-body .welcome-consent:hover input ~ .checkmark { background-color: #ccc; } #welcomeModal .modal-dialog .modal-body { /* When the checkbox is checked, add a blue background */ } #welcomeModal .modal-dialog .modal-body .welcome-consent input:checked ~ .checkmark { background-color: #0077E9; } #welcomeModal .modal-dialog .modal-body { /* Create the checkmark/indicator (hidden when not checked) */ } #welcomeModal .modal-dialog .modal-body .checkmark:after { content: ""; position: absolute; display: none; } #welcomeModal .modal-dialog .modal-body { /* Show the checkmark when checked */ } #welcomeModal .modal-dialog .modal-body .welcome-consent input:checked ~ .checkmark:after { display: block; } #welcomeModal .modal-dialog .modal-body { /* Style the checkmark/indicator */ } #welcomeModal .modal-dialog .modal-body .welcome-consent .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg); } @media screen and (max-width: 1024px) { .user-details { text-align: center; } .timeline-cover .timeline-avatar { float: none !important; } .timeline-cover .user-details { float: none !important; } .header-profile .timeline-cover .timeline-avatar .user-img { margin: 0 auto; } } @media screen and (max-width: 991px) { .my-points li { padding-top: 10px !important; padding-bottom: 10px !important; } .my-points li .col-lg-12 .row .col-8:nth-child(1) { background: transparent !important; padding-top: 10px; padding-bottom: 10px; } .my-points li .col-lg-12 .row .col-8:nth-child(3) { background: rgba(241, 130, 73, 0.1) !important; padding-top: 10px; padding-bottom: 10px; } .my-points li .col-lg-12 .row .col-4:nth-child(2) { background: transparent !important; padding-top: 10px; padding-bottom: 10px; } .my-points li .col-lg-12 .row .col-4:nth-child(4) { background: rgba(241, 130, 73, 0.1) !important; padding-top: 10px; padding-bottom: 10px; } .my-points .highlight { background-color: transparent !important; } } #notificationsprofile h6, #notificationsprofile a { font-size: 14px; text-align: left; font-weight: 500; } #notificationsprofile h6:hover, #notificationsprofile a:hover { text-decoration: none; } #notificationsprofile .notification-text { padding-left: 15px; margin-left: 15px; } #notificationsprofile .notification-header { color: #515153; font-weight: 700; } #notificationsprofile .notification-title { color: #515153; font-style: italic; padding-bottom: 5px; } #notificationsprofile .notification-time { color: #6d7390; margin-bottom: 0px; } #notificationsprofile ul, #notificationsprofile li { list-style: none; } #notificationsprofile li { padding: 10px; padding-left: 30px; } #notificationsprofile li:hover { background-color: #f7f8fa; } /*============================================================================================*/ /*=================================== bakti-untuk-rakyat =====================================*/ /*============================================================================================*/ .bakti-untuk-rakyat .profile-page .nav-tabs.timeline li a.active { background-color: #F8555C !important; } .bakti-untuk-rakyat .profile-page .nav-tabs.activity .nav-link.active { color: #F8555C !important; border-bottom-color: #F8555C !important; } .bakti-untuk-rakyat .profile-page .secondary-button { border-color: #F8555C !important; color: #F8555C !important; } .bakti-untuk-rakyat .profile-page .secondary-button:hover { background-color: #F8555C !important; color: #ffffff !important; } .bakti-untuk-rakyat .profile-page #invitations .circle { border-color: #F8555C !important; } .bakti-untuk-rakyat .profile-page .avatar-placeholder { background-color: #F8555C !important; } .bakti-untuk-rakyat #welcomeModal .modal-dialog .modal-body .welcome-consent input:checked ~ .checkmark { background-color: #616161; } .bakti-untuk-rakyat #welcomeModal .modal-dialog .modal-body .checkmark { border-width: 1px; border-color: #6E6C6C; top: 5px; height: 15px; width: 15px; border-color: #616161; } .bakti-untuk-rakyat #welcomeModal .modal-dialog .modal-body .checkmark:after { left: 4px; top: 1px; width: 6px; height: 10px; } .profile-page .header-profile { background: #f5f8fb; padding: 75px 9vw; } .profile-page .header-profile .user-image { position: relative; } .profile-page .header-profile .user-image img { width: 250px !important; max-width: 250px; height: 250px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .profile-page .header-profile .user-image:hover .after { background: rgba(0, 0, 0, 0.6); opacity: 1; } .profile-page .header-profile .user-image .after { position: absolute; top: 0; width: 250px; height: 250px; border-radius: 50% 50%; opacity: 0; color: #FFF; text-align: center; transition: 0.5s ease; } .profile-page .header-profile .user-image .after i { font-size: 50px; margin-top: 85px; } .profile-page .header-profile .user-info { margin-top: 20px; } .profile-page .header-profile .user-info .user-name { font-size: 35px; color: #161a1e; font-family: "Poppins", sans-serif; font-weight: 700; text-transform: capitalize; margin-bottom: 0; } .profile-page .header-profile .user-info .user-function { font-size: 20px; color: #161a1e; font-family: "Poppins", sans-serif; font-weight: 400; text-transform: capitalize; } .profile-page .header-profile .user-info .user-branch { font-size: 14px; color: #7c848c; font-family: "Poppins", sans-serif; font-weight: 400; text-transform: capitalize; margin-bottom: 20px; } .profile-page .header-profile .user-info .change-password { color: #78c087; font-size: 18px; border: 2px solid #78c087; padding: 3px 25px; font-family: "Poppins Semibold", sans-serif; font-weight: 600; background: transparent; text-transform: capitalize; border-radius: 5px; } .profile-page .header-profile .user-info .change-password:focus { outline: none; } .profile-page .header-profile .user-points { background: white; padding: 50px; border-radius: 10px; font-family: "Poppins", sans-serif; display: inline-flex; } .profile-page .header-profile .user-points .text-div .top-members { color: #464646; font-size: 20px; margin-top: 13px; margin-bottom: 0; } .profile-page .header-profile .user-points .text-div .points { color: #464646; font-size: 20px; margin-top: 10px; margin-bottom: 0; } .profile-page .header-profile .user-points .numbers-div { padding-right: 15px; } .profile-page .header-profile .user-points .numbers-div h4 { font-size: 31px; color: #79c087; text-align: right; } .profile-page .contact { background: #fff; padding: 75px 0; } .profile-page .contact .contact-text { color: #161a1d; text-align: center; font-size: 35px; font-family: "Poppins Semibold", sans-serif; padding-bottom: 3rem; } .profile-page .contact .edituser { border: none; } .profile-page .contact input { border: 2px solid #e1e1e1; padding: 1.375rem 1rem 1.375rem 1.3rem; } .profile-page .contact label { color: #161a1e; font-size: 14px; font-family: "Poppins", sans-serif; font-weight: 600; text-transform: uppercase; } .profile-page .contact #editUserBtn { background-color: #78c087; font-size: 22px; color: white; text-transform: capitalize; float: right; } .profile-page .contact textarea:focus, .profile-page .contact textarea.form-control:focus, .profile-page .contact input.form-control:focus, .profile-page .contact input[type=text]:focus, .profile-page .contact input[type=password]:focus, .profile-page .contact input[type=email]:focus, .profile-page .contact input[type=number]:focus, .profile-page .contact [type=text].form-control:focus, .profile-page .contact [type=password].form-control:focus, .profile-page .contact [type=email].form-control:focus, .profile-page .contact [type=tel].form-control:focus, .profile-page .contact [contenteditable].form-control:focus { box-shadow: inset 0 -1px 0 #ddd; } .profile-page .contact input { color: #7c848c; font-size: 14px; font-family: "Poppins Medium", sans-serif; font-style: italic; } .profile-page .contact input::-moz-placeholder { color: #7c848c; font-size: 14px; font-family: "Poppins Medium", sans-serif; font-style: italic; } .profile-page .contact input::placeholder { color: #7c848c; font-size: 14px; font-family: "Poppins Medium", sans-serif; font-style: italic; } .profile-page .political { background: #f5f8fb; padding: 75px 15px; } .profile-page .political .political-text { color: #161a1d; text-align: center; font-size: 35px; font-family: "Poppins Semibold", sans-serif; padding-bottom: 2rem; } .profile-page .political .party-functions { display: inherit; } .profile-page .political .party-functions .card-body { padding: 1.5rem 1.25rem; } .profile-page .political .party-functions hr { margin-top: 0.5rem; margin-bottom: 2rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .profile-page .political .party-functions h3 { color: #161a1e; font-size: 16px; font-family: "Poppins Semibold", sans-serif; text-transform: uppercase; margin-bottom: 0; } .profile-page .political .party-functions h4 { color: #7673f6; font-size: 14px; font-family: "Poppins Semibold", sans-serif; margin-bottom: 0; } .profile-page .political .party-functions h5 { color: #161a1e; font-size: 12px; font-family: "Poppins Semibold", sans-serif; text-transform: uppercase; } .profile-page .political .party-functions h6 { color: #7c848c; font-size: 12px; font-family: "Poppins Semibold", sans-serif; text-transform: capitalize; } .profile-page .political .party-functions i { color: #7673f6; float: left; font-size: 20px; margin-top: -2px; margin-right: 10px; } .profile-page .political .party-functions .card { border: 1px solid rgba(0, 0, 0, 0.06); } .profile-page .political .party-functions .card .card-header { border-bottom: none; text-decoration: none !important; display: flex; } .profile-page .political .party-functions .card .card-header h5 { color: #7673f6; font-size: 12px; font-family: "Poppins", sans-serif; text-transform: uppercase; font-weight: 400; margin-left: 20px; } .profile-page .political .party-functions .card .functions { float: left; text-transform: uppercase; } .profile-page .political .party-functions .card .vacancies { float: right; text-transform: uppercase; } .profile-page .political .public-functions { display: inherit; } .profile-page .political .public-functions .card-body { padding: 1.5rem 1.25rem; } .profile-page .political .public-functions hr { margin-top: 0.5rem; margin-bottom: 2rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .profile-page .political .public-functions h3 { color: #161a1e; font-size: 16px; font-family: "Poppins Semibold", sans-serif; text-transform: uppercase; margin-bottom: 0; } .profile-page .political .public-functions h4 { color: #7673f6; font-size: 14px; font-family: "Poppins Semibold", sans-serif; margin-bottom: 0; } .profile-page .political .public-functions h5 { color: #161a1e; font-size: 12px; font-family: "Poppins Semibold", sans-serif; text-transform: uppercase; } .profile-page .political .public-functions h6 { color: #7c848c; font-size: 12px; font-family: "Poppins Semibold", sans-serif; text-transform: capitalize; } .profile-page .political .public-functions i { color: #7673f6; float: left; font-size: 20px; margin-top: -2px; margin-right: 10px; } .profile-page .political .public-functions .card { border: 1px solid rgba(0, 0, 0, 0.06); } .profile-page .political .public-functions .card .card-header { border-bottom: none; text-decoration: none !important; display: flex; } .profile-page .political .public-functions .card .card-header h5 { color: #7673f6; font-size: 12px; font-family: "Poppins", sans-serif; text-transform: uppercase; font-weight: 400; margin-left: 20px; } .profile-page .political .public-functions .card .functions { float: left; text-transform: uppercase; } .profile-page .political .public-functions .card .vacancies { float: right; text-transform: uppercase; } .profile-page .political .public-functions .card-header { border-bottom: none; text-decoration: none !important; display: flex; } .profile-page .political .public-functions .card-header h5 { color: #7673f6; font-size: 12px; font-family: "Poppins", sans-serif; text-transform: uppercase; font-weight: 400; margin-left: 20px; } .profile-page .change-password-myparty .error { font-size: 14px; margin: 3px 0; color: #ed1c24; font-weight: 300; font-family: "Poppins", sans-serif; } .profile-page .change-password-myparty .modal-header { border-bottom: none; padding-top: 3rem; } .profile-page .change-password-myparty .modal-header .logo { width: 100%; } .profile-page .change-password-myparty .modal-header .logo .img-container { width: -moz-fit-content; width: fit-content; margin: 0 auto; padding-bottom: 10px; } .profile-page .change-password-myparty .modal-header .logo .img-container img { max-width: 150px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .profile-page .change-password-myparty .modal-header .close { position: absolute; right: 20px; } .profile-page .change-password-myparty .modal-header .close:focus { outline: none; } .profile-page .change-password-myparty .modal-body { padding: 0 2rem 2rem 2rem; } .profile-page .change-password-myparty .modal-body .resetYourPassword { font-size: 21px; color: #000; font-family: "Poppins", sans-serif; font-weight: 700; text-align: center; padding-bottom: 20px; } .profile-page .change-password-myparty .modal-body .succesReset { font-size: 21px; color: #000; font-family: "Poppins", sans-serif; font-weight: 700; text-align: center; padding-bottom: 20px; } .profile-page .change-password-myparty .modal-body .succesResetMessage { font-size: 15px; color: #000; font-family: "Poppins", sans-serif; font-weight: 400; text-align: center; } .profile-page .change-password-myparty .modal-body label { font-size: 16px; color: #000; font-family: "Poppins", sans-serif; font-weight: 400; margin-bottom: 0; } .profile-page .change-password-myparty .modal-body .submit { text-align: center; width: 100%; padding-top: 10px; padding-bottom: 0; } .profile-page .change-password-myparty .modal-body .submit .reset-password { color: white; padding: 10px 30px; background: #78c087; border-radius: 5px; border: none; text-transform: uppercase; } .profile-page .change-password-myparty .modal-body .submit .ok-password { color: white; padding: 10px 30px; background: #78c087; border-radius: 5px; border: none; text-transform: uppercase; } .profile-page .change-password-myparty .modal-body .submit .ok-password:focus { outline: none; } .profile-page .change-password-myparty .modal-dialog { max-width: 400px !important; } .profile-page .personal { background: #fff; padding: 75px 15px; } .profile-page .personal h3 { color: #161a1d; text-align: center; font-size: 35px; font-family: "Poppins Semibold", sans-serif; padding-bottom: 2rem; } .profile-page .personal #location-container.location-inactive { display: none; } .profile-page .personal #location-container #location-spinner.spinner-disabled { display: none; } .profile-page .personal input { border: 2px solid #e1e1e1; padding: 1.375rem 1rem 1.375rem 1.3rem; } .profile-page .personal select { border: 2px solid #e1e1e1; padding: 0.375rem 1rem 0.375rem 1.3rem; height: 48px; color: #7c848c; font-size: 14px; font-family: "Poppins Medium", sans-serif; font-style: italic; } .profile-page .personal .ss-main { border: 2px solid #e1e1e1; padding: 0.375rem 1rem 0.375rem 1.3rem; height: 48px; color: #7c848c; font-size: 14px; font-family: "Poppins Medium", sans-serif; font-style: italic; border-radius: 0.25rem; } .profile-page .personal .ss-main .ss-multi-selected { border: none !important; } .profile-page .personal textarea { border: 2px solid #e1e1e1; padding: 0.375rem 1rem 0.375rem 1.3rem; color: #7c848c; font-size: 14px; font-family: "Poppins Medium", sans-serif; font-style: italic; min-height: 100px; max-height: 200px; height: auto; } .profile-page .personal label { color: #161a1e; font-size: 14px; font-family: "Poppins", sans-serif; font-weight: 600; text-transform: uppercase; } .profile-page .personal #editUserBtn { background-color: #78c087; font-size: 22px; color: white; text-transform: uppercase; float: right; font-weight: 500; padding: 0.5rem 2.5rem; } .profile-page .personal textarea:focus, .profile-page .personal textarea.form-control:focus, .profile-page .personal input.form-control:focus, .profile-page .personal input[type=text]:focus, .profile-page .personal input[type=password]:focus, .profile-page .personal input[type=email]:focus, .profile-page .personal input[type=number]:focus, .profile-page .personal [type=text].form-control:focus, .profile-page .personal [type=password].form-control:focus, .profile-page .personal [type=email].form-control:focus, .profile-page .personal [type=tel].form-control:focus, .profile-page .personal [contenteditable].form-control:focus { box-shadow: inset 0 -1px 0 #ddd; } .profile-page .personal input { color: #7c848c; font-size: 14px; font-family: "Poppins Medium", sans-serif; font-style: italic; } .profile-page .personal input::-moz-placeholder { color: #7c848c; font-size: 14px; font-family: "Poppins Medium", sans-serif; font-style: italic; } .profile-page .personal input::placeholder { color: #7c848c; font-size: 14px; font-family: "Poppins Medium", sans-serif; font-style: italic; } .profile-page textarea:focus, .profile-page textarea.form-control:focus, .profile-page input.form-control:focus, .profile-page input[type=text]:focus, .profile-page input[type=password]:focus, .profile-page input[type=email]:focus, .profile-page input[type=number]:focus, .profile-page [type=text].form-control:focus, .profile-page [type=password].form-control:focus, .profile-page [type=email].form-control:focus, .profile-page [type=tel].form-control:focus, .profile-page [contenteditable].form-control:focus { box-shadow: inset 0 -1px 0 #ddd; } @media screen and (max-width: 769px) { .profile-page hr { margin: 0 auto; margin-bottom: 15px; } .profile-page .user-points { display: flex; align-items: center; justify-content: center; } .profile-page .user-info { text-align: center; margin-bottom: 10px; } .profile-page .contact { padding: 30px 15px; } .profile-page .political { padding: 30px 15px; } .profile-page .personal { padding: 30px 15px; } .profile-page .personal h3 { padding-bottom: 1rem !important; font-size: 30px !important; } .profile-page .political-text { padding-bottom: 1rem !important; font-size: 30px !important; } .profile-page .contact-text { padding-bottom: 1rem !important; font-size: 30px !important; } .profile-page .user-points { width: 100%; padding: 20px; } } @media screen and (max-width: 1200px) { .profile-page .header-profile { padding: 75px 15px !important; } } @media screen and (max-width: 1023px) { .profile-page .user-image { width: 100%; text-align: center; } .profile-page .user-image .after { left: calc(50vw - 125px); } .profile-page .header-profile { padding: 75px 15px 10px 15px !important; } .profile-page .header-profile .user-points .text-div .points { margin-top: -6px; } } .members-title { padding-top: 30px; padding-bottom: 50px; } .members-title h1 { font-size: 54px; font-weight: 600; color: #111111; } .nav-tabs.members { width: 100%; text-align: center; margin-top: 15px; float: right; margin-bottom: 40px; border: none; border-bottom: 1px solid #eeeeee; } .nav-tabs.members .nav-link { padding-left: 23px; color: #616161; font-size: 12px; cursor: pointer; } .nav-tabs.members .nav-link:hover { font-size: 12px !important; border-color: transparent; } .nav-tabs.members .nav-link.active { border: none; color: #D9003C; border-bottom: 1px solid #D9003C; } .add-friend-wrap { position: relative; } .add-friend-wrap .fa-spinner { position: absolute; top: 2px; left: -23px; color: #fff; } .add-friend-wrap .add-friend, .add-friend-wrap .remove-friend { text-align: left; font-size: 16px; margin-top: 4px; color: #fff; cursor: pointer; } .members-list-loader { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none; text-align: center; background-color: #fff; z-index: 1; opacity: 0.5; } .members-list-loader .fa-spin { font-size: 40px; margin-top: 200px; } .members-lst { padding-top: 30px; padding-bottom: 30px; } .members-lst .col-4 { -webkit-flex: 0 0 33.33333% !important; } .members-lst .members-list { position: relative; } .members-lst .members-list > .col-lg-2 { margin-bottom: 42px; } .members-lst .member-name { font-size: 14px; font-weight: 600; color: #111111; margin-bottom: 0px; text-align: center; } .members-lst .member-points { font-size: 12px; color: #bdbdbd !important; margin-bottom: 0px; text-align: center; margin-top: 4px; } .members-lst .send-member-msg { font-size: 12px; color: #D9003C !important; text-align: center; margin: 0 auto; display: block; font-weight: 500; cursor: pointer; } .add-again.members { text-decoration: none; } .member-avatar { margin: 0 auto; display: block; border-radius: 50%; margin-bottom: 20px; height: 150px; width: 150px; background-repeat: no-repeat; background-position: center center; background-size: cover; } .action-member-container .add-friend, .action-member-container .remove-friend { text-align: left; font-size: 16px; margin-top: 4px; cursor: pointer; } .action-member-container .add-friend > i.fa-spinner, .action-member-container .remove-friend > i.fa-spinner { margin-right: 5px; } .search-input img { margin-left: -45px; height: 28px; width: 28px; margin-top: 13px; } .search-input .search-img { cursor: pointer; } .search-input input:hover { outline: none; } .search-input input { width: 448px; height: 50px; } .search-input { display: flex; outline: none; } @media screen and (max-width: 1024px) { .members-lst .col-4 { -webkit-flex: 0 0 33.33333% !important; } .members-page .row { display: -webkit-flex !important; } .members-page .search-input { display: -webkit-flex !important; } .members-page ul.nav-tabs.members { display: -webkit-flex !important; } .members-page ul.nav-tabs.members li.nav-item { -webkit-flex: 0 0 40%; } .members-page ul.nav-tabs.members .nav-link { padding: 0.5rem 1rem; } .members-page .members .col-md-3 { -webkit-flex: 0 0 25%; } .members-page .members .col-4 { -webkit-flex: 0 0 33.33333% !important; } } @media screen and (max-width: 520px) { .add-friend-wrap .add-friend, .add-friend-wrap .remove-friend { text-align: center; } .members-title { padding-top: 0px; padding-bottom: 0px; } .members-title h1 { font-size: 35px; text-align: center; } .search-input input { width: 100%; height: 50px; } .member-avatar { height: 80px; width: 80px; } .nav-link { padding: 0 !important; } .footer-dropdown .nav-link { padding: 10px !important; } } /*==================================================*/ /*======================= Banner ====================*/ /*==================================================*/ .section-heroBanner { height: 100vh; } .section-heroBanner .container-fluid { height: inherit; } .section-heroBanner .container-fluid .row { height: inherit; } .section-heroBanner .heroBanner-content { display: flex; flex-direction: column; justify-content: flex-end; } .section-heroBanner .heroBanner-content .widget-container:last-of-type p { position: relative; } .section-heroBanner .heroBanner-content .widget-container:last-of-type p:before { content: ""; position: absolute; left: 0; top: 0; width: 17px; height: 29px; background-color: #858585; z-index: 2; border-radius: 20px; animation: myMove 3s infinite; animation-timing-function: linear; transform: scale(1); cursor: pointer; } @keyframes myMove { 0% { transform: translateY(0px); } 25% { transform: translateY(-3px); } 50% { transform: translateY(0px); } 75% { transform: translateY(3px); } 100% { transform: translateY(0px); } } .section-heroBanner .heroBanner-content .widget-container:last-of-type a { color: #fff !important; position: relative; z-index: 5; padding-left: 2rem; } .section-heroBanner p { color: #fff; } /*==================================================*/ /*======================= Section-8Program ====================*/ /*==================================================*/ .section-8program { padding: 7rem 0 3rem; } .section-8program > .container-fluid > .row-spacing { margin-bottom: 0 !important; } .section-8program h1 { font-size: 60px; } @media (max-width: 768px) { .section-8program h1 { font-size: 45px; } } @media (max-width: 500px) { .section-8program h1 { font-size: 40px !important; } } .section-8program .section-8program_description { padding-left: 4rem; padding-left: 4rem; justify-content: center; align-items: flex-start; display: flex; flex-direction: column; } @media (max-width: 768px) { .section-8program .section-8program_img .media-img-container div { margin-right: 0 !important; padding-right: 2rem; } } @media (max-width: 768px) { .section-8program .section-8program_img .media-img-container { margin-bottom: -5rem; } } @media (max-width: 500px) { .section-8program .section-8program_img .media-img-container { margin-bottom: -7rem; } } @media (max-width: 768px) { .section-8program .section-8program_img img { max-width: 300px; } } @media (max-width: 500px) { .section-8program .section-8program_img img { max-width: 180px; } } .section-8program p { color: #000000; max-width: 676px; font-size: 24px; line-height: 34px; font-weight: 700; font-family: "Open Sans", sans-serif; } .section-8program p br { display: none; } @media (max-width: 768px) { .section-8program p br { display: block; } } @media (max-width: 768px) { .section-8program { padding: 2rem 0 1rem; } } /*==================================================*/ /*======================= Intro ====================*/ /*==================================================*/ .section-intro .row-spacing { margin-top: 70px; } @media screen and (max-width: 767px) { .section-intro .row-spacing { margin-bottom: 30px !important; margin-top: 30px !important; } } .section-intro .row-spacing .section-intro_images { padding-right: 105px !important; } @media screen and (max-width: 1100px) { .section-intro .row-spacing .section-intro_images { padding-right: 15px !important; } } .section-intro .row-spacing .section-intro_images .media-widget > .row { margin-right: 0; margin-left: 0; } .section-intro .row-spacing .section-intro_images .media-widget > .row img { border-radius: 10px; } .section-intro .row-spacing .section-intro_images .section-intro_image-over { margin-top: -70px; margin-left: -70px; width: 100%; } @media screen and (max-width: 1100px) { .section-intro .row-spacing .section-intro_images .section-intro_image-over { margin-top: 30px; margin-left: 0; } } .section-intro .row-spacing .section-intro_images .section-intro_image-over img { border: 10px solid #ffffff; } .section-intro .row-spacing .section-intro_text h3 { margin-bottom: 45px; } .section-intro .row-spacing .section-intro_text .primary-button { position: relative; padding-left: 90px !important; } .section-intro .row-spacing .section-intro_text .primary-button:before { content: ""; background-image: url("/images/themes/prabowo/plus.svg"); position: absolute; left: 45px; top: 50%; transform: translateY(-50%); width: 25px; height: 25px; } /*==================================================*/ /*=========== Be a part of the movement ============*/ /*==================================================*/ .section-cards { padding-top: 90px; padding-bottom: 70px; } @media screen and (max-width: 767px) { .section-cards { padding-top: 50px; } } .section-cards .row-spacing { margin-bottom: 0 !important; justify-content: center; align-items: flex-start; } .section-cards .row-spacing .red-title { margin-bottom: 75px; } .section-cards .row-spacing .section-cards_item { border: 1px solid #D9D9D9; border-radius: 3px; background-color: #ffffff; margin: 0 15px; padding-top: 40px; padding-bottom: 40px; } @media screen and (max-width: 767px) { .section-cards .row-spacing .section-cards_item { margin-top: 50px !important; } } .section-cards .row-spacing .section-cards_item:nth-of-type(3) { margin-top: 50px; } .section-cards .row-spacing .section-cards_item .section-cards_item-title { margin-top: 30px; margin-bottom: 30px; } .section-cards .row-spacing .section-cards_item .section-cards_item-title p { font-size: 26px !important; line-height: 30px !important; letter-spacing: -1.6px; font-weight: 600 !important; color: #111111 !important; } .section-cards .row-spacing .section-cards_item .section-cards_item-description span { color: #545454 !important; } .bakti-untuk-rakyat .section-cards { padding-top: 30px; } .bakti-untuk-rakyat .section-cards .red-title { margin-bottom: 160px; } @media (max-width: 991px) { .bakti-untuk-rakyat .section-cards .red-title { margin-bottom: 50px; } } .bakti-untuk-rakyat .section-cards .red-title h2 { display: block; margin-bottom: 5px; } @media (max-width: 991px) { .bakti-untuk-rakyat .section-cards .red-title h2 { line-height: 1.2; } } .bakti-untuk-rakyat .section-cards .section-cards_item + .section-cards_item { margin-left: 3%; } @media (max-width: 991px) { .bakti-untuk-rakyat .section-cards .section-cards_item + .section-cards_item { margin-left: 0; } } .bakti-untuk-rakyat .section-cards .section-cards_item { padding-top: 120px; margin: 0; position: relative; flex: 0 0 31.333%; max-width: 31.333%; border: 1px solid #F4137B; border-radius: 26px 26px 0px 0px; } .bakti-untuk-rakyat .section-cards .section-cards_item .section-cards_item-title p { font-weight: 500; } .bakti-untuk-rakyat .section-cards .section-cards_item .section-cards_item-description p { color: #545454; } .bakti-untuk-rakyat .section-cards .section-cards_item .widget-container .media-widget .media-img-container .w-fit-content { margin: 0 auto; } .bakti-untuk-rakyat .section-cards .section-cards_item .widget-container .media-widget .media-img-container .w-fit-content img { width: 260px; height: 260px; border: 1px solid #F4137B; position: absolute; top: -230px; left: 50%; transform: translateX(-50%); padding: 48px; border-radius: 50%; background-color: #fff; clip-path: circle(48.08% at 49.88% 41.21%); } @media (max-width: 1200px) { .bakti-untuk-rakyat .section-cards .section-cards_item .widget-container .media-widget .media-img-container .w-fit-content img { width: 180px; height: 180px; top: -153px; clip-path: circle(47.78% at 49.88% 41.21%); } } .bakti-untuk-rakyat .section-cards .section-cards_item .primary-button { font-size: 35px !important; font-weight: 700 !important; text-transform: uppercase !important; color: #F4137B !important; background-color: #FDE014 !important; border-radius: 10px; overflow: hidden; z-index: 1; } .bakti-untuk-rakyat .section-cards .section-cards_item:nth-of-type(3) { margin-top: 12px; box-shadow: 0px 21px 32px rgba(186, 186, 186, 0.376); } @media (max-width: 1200px) { .bakti-untuk-rakyat .section-cards .section-cards_item { padding-top: 70px !important; } } @media (max-width: 991px) { .bakti-untuk-rakyat .section-cards .section-cards_item { flex: 0 0 100%; max-width: 100%; margin-top: 100px !important; } } .bakti-untuk-rakyat .btn-grow-animation a { position: relative; transition: all 0.7s ease-out; } .bakti-untuk-rakyat .btn-grow-animation a.primary-button { z-index: unset !important; } .bakti-untuk-rakyat .btn-grow-animation a span { overflow: hidden !important; position: absolute; z-index: -1; top: 0; left: 15px; right: 15px; bottom: 0; display: block; border-radius: 10px; background-color: transparent; transition: all 0.7s ease-out; } .bakti-untuk-rakyat .btn-grow-animation a span::after { content: ""; position: absolute; z-index: -1; left: 50px; top: -30px; width: 30px; height: 30px; border-radius: 50%; background-color: #F4137B; transition: all 0.7s ease-out; } .bakti-untuk-rakyat .btn-grow-animation a:hover { font-weight: 400 !important; color: white !important; transition: all 0.7s ease-out; } .bakti-untuk-rakyat .btn-grow-animation a:hover span::after { transform: scale(25); } .bakti-untuk-rakyat .btn-grow-animation a::after { display: none; } .bakti-untuk-rakyat .section-cards .section-cards_item .primary-button:hover { color: #fff !important; } .bakti-untuk-rakyat .homepage-community-section + .section-banner { margin-top: 0 !important; } .bakti-untuk-rakyat .homepage-community-section { padding-top: 5rem; padding-bottom: 11.0625rem; } @media (min-width: 992px) { .bakti-untuk-rakyat .homepage-community-section { padding-top: 11.25rem; padding-bottom: 16.0625rem; } } .bakti-untuk-rakyat .homepage-community-section .row-spacing { margin-bottom: 0; } .bakti-untuk-rakyat .homepage-community-section > .container { position: relative; padding: 3.4375rem 1.25rem; background-color: #fff; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.161); border-radius: 40px; } @media (max-width: 576px) { .bakti-untuk-rakyat .homepage-community-section > .container { width: 95%; } } .bakti-untuk-rakyat .homepage-community-section .section-title-center .col-12 { text-align: center; } .bakti-untuk-rakyat .homepage-community-section h2 { text-transform: unset; } .bakti-untuk-rakyat .homepage-community-section h2::before, .bakti-untuk-rakyat .homepage-community-section h2::after { bottom: -8px; } .bakti-untuk-rakyat .homepage-community-section .homepage-community-section-card { display: flex; flex-direction: column; justify-content: space-evenly; } .bakti-untuk-rakyat .homepage-community-section .homepage-community-section-card .media-widget { margin: 0; } @media (min-width: 1200px) { .bakti-untuk-rakyat .homepage-community-section .homepage-community-section-card { padding: 0 2.5rem; } } .bakti-untuk-rakyat .homepage-community-section .homepage-community-section-card .section-cards_item-title { margin-top: 1.875rem; } .bakti-untuk-rakyat .homepage-community-section .homepage-community-section-card .section-cards_item-title p { font-family: "Adrianna", sans-serif; } .bakti-untuk-rakyat .homepage-community-section .homepage-community-section-btn { position: absolute; bottom: -125px; } .bakti-untuk-rakyat .homepage-community-section .homepage-community-section-btn .button-widget .w-fit-content { margin: 0 auto; } .bakti-untuk-rakyat .homepage-community-section .homepage-community-section-btn .button-widget .w-fit-content .primary-button { background-color: #F5555C !important; box-shadow: 0px 3px 6px rgba(255, 255, 255, 0.161) !important; border: 1px solid #707070 !important; } /*==================================================*/ /*===================== Banner =====================*/ /*==================================================*/ .section-banner { height: 1250px; margin-top: -300px; background-position: center !important; } @media screen and (max-width: 767px) { .section-banner { height: 800px; } } .bakti-untuk-rakyat .section-banner { background-position: center !important; } /*==================================================*/ /*================== Our Discussions ===============*/ /*==================================================*/ .section-our-discussions { margin-top: -450px; } @media screen and (max-width: 1200px) { .section-our-discussions { margin-top: -300px; } } .section-our-discussions .section-our-discussions_banner { position: relative; } .section-our-discussions .section-our-discussions_banner .media-img-container .w-fit-content { margin: 0 auto; } .section-our-discussions .section-our-discussions_banner .media-img-container .w-fit-content img { border-radius: 10px; } .section-our-discussions .section-our-discussions_banner .section-our-discussions_banner-title { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .section-our-discussions .section-our-discussions_banner .section-our-discussions_banner-title h2 { text-transform: none; } .bakti-untuk-rakyat .section-our-discussions { padding-top: 40px; padding-bottom: 35px; margin-top: 0; background-color: #F6F6F6; } .bakti-untuk-rakyat .section-our-discussions .row-spacing { margin-bottom: 0 !important; } .bakti-untuk-rakyat .section-our-discussions .row-spacing .red-title h2 { position: relative; z-index: 2; margin-bottom: 0px !important; } .bakti-untuk-rakyat .section-our-discussions .section-our-discussions_banner .section-our-discussions_banner-title { position: static; transform: initial; } .bakti-untuk-rakyat .section-our-discussions .btn { padding: 14px 45px !important; font-size: 35px !important; font-weight: 700 !important; text-transform: uppercase !important; border-radius: 10px; border: none; color: #F4137B !important; background-color: #FDE014 !important; } .bakti-untuk-rakyat .homepage-discussion-section { padding-top: 5rem; padding-bottom: 3.5rem; } @media (min-width: 992px) { .bakti-untuk-rakyat .homepage-discussion-section { padding-top: 10rem; padding-bottom: 8.375rem; } } .bakti-untuk-rakyat .homepage-discussion-section h2 { font-weight: 700; text-transform: unset; } .bakti-untuk-rakyat .homepage-discussion-section .row-spacing { margin-bottom: 0 !important; } .bakti-untuk-rakyat .topic-list { position: relative; z-index: 2; } @media (min-width: 992px) { .bakti-untuk-rakyat .topic-list::before { position: absolute; bottom: -55px; z-index: -1; left: 10px; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='163' height='208' viewBox='0 0 163 208'%3E%3Cg id='Group_233' data-name='Group 233' transform='translate(-320 -5040)'%3E%3Crect id='Rectangle_45' data-name='Rectangle 45' width='47' height='90' rx='23.5' transform='translate(320 5158)' fill='%23f5555c'/%3E%3Crect id='Rectangle_46' data-name='Rectangle 46' width='96' height='191' rx='48' transform='translate(387 5040)' fill='%23188e72'/%3E%3C/g%3E%3C/svg%3E%0A"); } } .bakti-untuk-rakyat .topics-list-container .col-12.col-md-6.col-lg-3 { padding-left: 8px; padding-right: 8px; } @media (max-width: 992px) { .bakti-untuk-rakyat .topics-list-container .col-12.col-md-6.col-lg-3 { min-height: 320px; } } .bakti-untuk-rakyat .discussion-topic-link { color: #000; } .bakti-untuk-rakyat .discussion-topic-link:hover { color: #000; } .bakti-untuk-rakyat .discussion-topic-card { display: flex; justify-content: flex-start; flex-direction: column; height: 100%; padding: 1.25rem 1.25rem 0.625rem; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161); border-radius: 16px; background-color: #fff; } .bakti-untuk-rakyat .discussion-topic-card-header { display: grid; grid-template-columns: 40px 1fr; grid-template-areas: "photo author" "photo score"; -moz-column-gap: 15px; column-gap: 15px; min-height: 50px; margin-bottom: 10px; } .bakti-untuk-rakyat .discussion-topic-card-header img { grid-area: photo; width: 40px; height: 40px; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .bakti-untuk-rakyat .topic-author-name { grid-area: author; align-self: end; margin-bottom: 0; font-size: 1rem; line-height: 1.1; font-weight: 700; font-family: "Adrianna", sans-serif; } .bakti-untuk-rakyat .topic-author-points { align-self: start; grid-area: score; margin-bottom: 0; color: #1E8FE1; font-size: 12px; font-family: "Open Sans", sans-serif; } .bakti-untuk-rakyat .topic-article-date { margin-bottom: 0; font-size: 12px; color: #C6C3C3; } .bakti-untuk-rakyat .topic-article-intro { margin-top: 35px; margin-bottom: 20px; font-size: 16px; font-family: "Open Sans", sans-serif; line-height: 1.5; } .bakti-untuk-rakyat .topic-comments { display: flex; justify-content: space-between; align-items: center; margin-top: auto; } .bakti-untuk-rakyat .topic-comments-text { margin-bottom: 0; } .bakti-untuk-rakyat .topic-comments-text span { color: #C6C3C3; font-size: 12px; font-weight: 700; font-family: "Open Sans", sans-serif; } .bakti-untuk-rakyat .topic-article-title { min-height: 80px; } .bakti-untuk-rakyat .topic-comments-link { margin-bottom: 0; color: #F6555C; font-weight: 700; font-size: 14px; font-family: "Open Sans", sans-serif; } .bakti-untuk-rakyat .topic-comments-link:hover { text-decoration: underline; } .bakti-untuk-rakyat .topics-view-all { position: relative; z-index: 2; } .bakti-untuk-rakyat .topics-view-all a { display: block; height: 100%; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161); background-color: #2CD7B6; border-radius: 16px; } .bakti-untuk-rakyat .topics-view-all-text { padding-top: 2.5rem; padding-bottom: 0.625rem; font-family: "Adrianna", sans-serif; font-weight: 700; font-size: 40px; line-height: 1.1; color: #fff; } .bakti-untuk-rakyat .topics-view-all-content { padding: 1.25rem 2.5rem 0.9375rem 0.9375rem; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } @media (min-width: 768px) { .bakti-untuk-rakyat .topics-view-all-content .arrow { width: 100%; } } @media (min-width: 992px) { .bakti-untuk-rakyat .topics-view-all-content::after { position: absolute; top: -193px; z-index: -1; right: 9px; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='163.046' height='317.56'%3E%3Cg data-name='Group 231'%3E%3Cpath fill='%23cd3688' d='M23.523 208.881a23.523 23.523 0 1 1 23.523-23.523 23.524 23.524 0 0 1-23.523 23.523' data-name='Path 40'/%3E%3Cpath fill='%23f8b531' d='M115.046 317.56c-26.509 0-48-18.953-48-42.332V101.949c0-23.379 21.491-42.332 48-42.332s48 18.953 48 42.332v173.28c0 23.378-21.491 42.332-48 42.332' data-name='Path 39'/%3E%3Cpath fill='%231e8fe1' d='M23.523 143.335A23.524 23.524 0 0 1 0 119.812V23.523a23.523 23.523 0 0 1 47.046 0v96.289a23.524 23.524 0 0 1-23.523 23.523' data-name='Path 41'/%3E%3C/g%3E%3C/svg%3E"); } } /*==================================================*/ /*================= Article Featured ===============*/ /*==================================================*/ .section-article-featured { margin-top: -150px; background-color: #F6F6F6; padding-bottom: 35px !important; } .section-article-featured .container { background-color: #ffffff; box-shadow: 0px 14px 30px rgba(209, 209, 209, 0.368627451); border-radius: 4px; padding-top: 40px; position: relative; z-index: 1; } .section-article-featured .container .row-spacing { margin-bottom: 0 !important; padding-bottom: 40px; } .section-article-featured .container .row-spacing .media-widget { margin: 0; } .section-article-featured .container .row-spacing .section-article-featured_label p { font-weight: 600; } .section-article-featured .container .row-spacing .section-article-featured_title p { font-size: 26px; line-height: 36px; letter-spacing: -1px; font-weight: 600; color: #111111; margin-bottom: 10px; } .section-article-featured .container .row-spacing .section-article-featured_description p span { color: #545454; font-weight: 400; } .section-article-featured .container .row-spacing .section-article-featured_date p span { color: #A4A4A4; font-weight: 400; } .section-article-featured .container .row-spacing .section-article-featured_link p { color: #000000; font-weight: 400; } .bakti-untuk-rakyat .section-article-featured { position: relative; margin-top: 0; padding-bottom: 0 !important; } .bakti-untuk-rakyat .section-article-featured::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='744' height='739'%3E%3Cg data-name='Group 1642' transform='translate(-473 -4195)'%3E%3Ccircle cx='356.5' cy='356.5' r='356.5' fill='%233effff' data-name='Ellipse 16' transform='translate(504 4221)'/%3E%3Cellipse cx='356.5' cy='357' fill='%23f4137b' data-name='Ellipse 17' rx='356.5' ry='357' transform='translate(473 4195)'/%3E%3C/g%3E%3C/svg%3E"); position: absolute; top: -220px; left: -200px; display: block; } @media (max-width: 1450px) { .bakti-untuk-rakyat .section-article-featured::before { left: -40%; } } @media (max-width: 1024px) { .bakti-untuk-rakyat .section-article-featured::before { left: -60%; } } @media (max-width: 991px) { .bakti-untuk-rakyat .section-article-featured::before { left: -70%; } } @media (max-width: 700px) { .bakti-untuk-rakyat .section-article-featured::before { display: none; } } .bakti-untuk-rakyat .section-article-featured .container { border-radius: 25px; padding: 22px 30px 25px 47px; } .bakti-untuk-rakyat .section-article-featured .container .row-spacing { padding-bottom: 0; } .bakti-untuk-rakyat .section-article-featured .container .col-md-6 .media-widget .media-img-container img { border-radius: 25px; } .bakti-untuk-rakyat .section-article-featured .container .section-article-featured-left-col { display: flex; flex-direction: column; padding-right: 80px; } .bakti-untuk-rakyat .section-article-featured .container .section-article-featured_label { padding-top: 15px; } .bakti-untuk-rakyat .section-article-featured .container .section-article-featured_label p, .bakti-untuk-rakyat .section-article-featured .container .section-article-featured_label p strong { margin-bottom: 10px; color: #F4137B !important; font-weight: 600; } .bakti-untuk-rakyat .section-article-featured .container .section-article-featured_title { margin-bottom: 15px; } .bakti-untuk-rakyat .section-article-featured .container .section-article-featured_description { color: #545454; } .bakti-untuk-rakyat .section-article-featured .container .section-article-featured_date { margin-top: auto; } .bakti-untuk-rakyat .section-article-featured .container .section-article-featured_date p, .bakti-untuk-rakyat .section-article-featured .container .section-article-featured_date p span { color: #A4A4A4 !important; } .bakti-untuk-rakyat .section-article-featured .container .section-article-featured_link .text-widget a { color: #000; text-decoration: none; } .bakti-untuk-rakyat .section-article-featured .container .section-article-featured_link .text-widget u { text-decoration: none; } .bakti-untuk-rakyat .section-article-featured .container .section-article-featured_link .text-widget u:last-of-type a { color: #F4137B !important; } /*==================================================*/ /*================= Listing Articles ===============*/ /*==================================================*/ .section-listing-articles { background-color: #F6F6F6; } .section-listing-articles .row-spacing { margin-bottom: 0 !important; padding-top: 35px !important; padding-bottom: 35px !important; } .section-listing-articles .row-spacing .media-widget { margin: 0; } .section-listing-articles .row-spacing .section-listing-articles_title p span { font-size: 20px; line-height: 30px; letter-spacing: -0.77px; font-weight: 600; color: #111111; margin-bottom: 10px; } .section-listing-articles .row-spacing .section-listing-articles_link p { color: #000000; font-weight: 400; } /*==================================================*/ /*============Follow Most Active Members============*/ /*==================================================*/ .section-follow-members h2 { text-transform: none; margin-bottom: 70px; } .section-follow-members .member-user > div { background-color: #F5F5F5; border-radius: 30px 0px; padding: 25px 15px; } .section-follow-members .member-user > div .member-name { color: #000000; } .section-follow-members .more-buttons-bottom { background-color: #0077E9 !important; padding: 10px 45px !important; height: auto !important; text-transform: none !important; border-radius: 20px !important; border: none !important; color: #ffffff !important; } .section-follow-members .more-buttons-bottom .tertiary-button { color: #ffffff !important; font-family: "Poppins", sans-serif; font-size: 18px !important; line-height: 1 !important; font-weight: 400 !important; height: auto !important; } .section-follow-members .listing-members .text-white > h2 { display: none; } /*==================================================*/ /*============= Form Become a Supporter ============*/ /*==================================================*/ .section-form-become-supporter h2 { margin-bottom: 70px; text-transform: none; } .section-form-become-supporter .widget-form { text-align: left; } .section-form-become-supporter .widget-form h4 { display: none; } .section-form-become-supporter .widget-form .form-input.form-control::-moz-placeholder { font-family: "FC-Iconic-Italic.otf", sans-serif; font-size: 20px; color: #909090; } .section-form-become-supporter .widget-form .form-input.form-control::placeholder { font-family: "FC-Iconic-Italic.otf", sans-serif; font-size: 20px; color: #909090; } .section-form-become-supporter .widget-form .container-checkbox .checkmark { border: 1px solid #BEBEBE !important; } /*==================================================*/ /*============= Section You Can Make a Difference ============*/ /*==================================================*/ .you-can-make-a-difference { background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(1, 37, 86) 100%), url("/images/themes/prabowo/section-difference.png"); background-size: cover; background-position: center center; min-height: 50rem; padding-bottom: 10rem; } .you-can-make-a-difference h2 { margin-bottom: 2rem; } .you-can-make-a-difference .tertiary-button { margin-top: 2rem; } .you-can-make-a-difference .widget-container { height: 100%; } .you-can-make-a-difference .widget-container .text-widget { height: inherit; } .you-can-make-a-difference .widget-container .text-widget .row { height: inherit; justify-content: center; align-items: flex-end; padding-bottom: 4rem; } .you-can-make-a-difference .more-buttons-bottom .tertiary-button { background-color: #F97115; color: #fff; padding: 20px 45px; font-size: 18px; line-height: 1; font-weight: 400; height: auto; text-transform: none; border-radius: 20px; border: none; } .you-can-make-a-difference .more-buttons-bottom .tertiary-button:hover, .you-can-make-a-difference .more-buttons-bottom .tertiary-button:focus { text-decoration: none; color: #ffffff; filter: brightness(85%); } @media (max-width: 768px) { .you-can-make-a-difference { min-height: 40rem; } } /*==================================================*/ /*=================== Endorsement ==================*/ /*==================================================*/ .section-endorsement .topics-list-messages { background-color: #D5D5D5; } .section-endorsement .topics-list-messages .topics-list-container.topics-widget-container .topic-row .topic-image { height: 100%; position: relative; } @media screen and (max-width: 767px) { .section-endorsement .topics-list-messages .topics-list-container.topics-widget-container .topic-row .topic-image { height: 350px; } } .section-endorsement .topics-list-messages .topics-list-container.topics-widget-container .topic-row .topic-image .preview { position: absolute; left: 50%; transform: translateX(-50%); top: -60px; height: 170px; width: 100%; max-width: 450px; } @media screen and (max-width: 767px) { .section-endorsement .topics-list-messages .topics-list-container.topics-widget-container .topic-row .topic-image .preview { max-width: none; text-align: center; top: -90px; } } .section-endorsement .topics-list-messages .topics-list-container.topics-widget-container .topic-row .topic-image .preview h3 { display: inline-block; color: #ffffff; background-color: #D9003C; padding: 30px 70px; border-radius: 60px 0 60px 0; position: relative; } @media screen and (max-width: 767px) { .section-endorsement .topics-list-messages .topics-list-container.topics-widget-container .topic-row .topic-image .preview h3 { padding: 30px 30px; } } .section-endorsement .topics-list-messages .topics-list-container.topics-widget-container .topic-row .topic-image .preview h2 { display: none; } .section-endorsement .topics-list-messages .topics-list-container.topics-widget-container .topic-row > div:first-of-type { padding: 40px 30px 0; } .section-endorsement .topics-list-messages .topics-list-container.topics-widget-container .topic-row > div:first-of-type .recent-opinions { font-size: 32px; font-weight: 700; font-family: "Roboto", sans-serif; } .section-endorsement .topics-list-messages .topics-list-container.topics-widget-container .topic-row > div:first-of-type .message-container { background-color: #F5F5F5; border-radius: 30px 0px; padding: 25px 20px 15px; } .section-endorsement .topics-list-messages .topics-list-container.topics-widget-container .topic-row > div:first-of-type .message-container .message h3 { color: #000000; line-height: 1.2; padding-right: 4rem; } /*==============================================================================================================*/ /*==================================== 110 - bakti-untuk-rakyat================================================*/ /*============================================================================================================*/ .bakti-untuk-rakyat .default-page { overflow-x: hidden; } .bakti-untuk-rakyat #page-content { margin-top: 110px; } #groupTabContent #page-content { margin-top: 0px !important; } /*==================================================*/ /*========= Banner Slider (below hero banner)=======*/ /*==================================================*/ @media (max-width: 768px) { .bakti-untuk-rakyat .section-bannerSlider .slider-widget-container .swiper-slide { height: 70vh !important; } } @media (max-width: 500px) { .bakti-untuk-rakyat .section-bannerSlider .slider-widget-container .swiper-slide { height: 60vh !important; } } @media (max-width: 768px) { .bakti-untuk-rakyat .section-bannerSlider .slider-widget-container .swiper-slide .mobile-slider-div { height: 100% !important; } } .bakti-untuk-rakyat .section-bannerSlider .swiper-button-next, .bakti-untuk-rakyat .section-bannerSlider .swiper-button-prev { display: none; } /*==================================================*/ /*============== Intro (below banner) ==============*/ /*==================================================*/ .bakti-untuk-rakyat .section-intro { padding-bottom: 50px; } .bakti-untuk-rakyat .section-intro > .container-fluid > .row.row-spacing { margin-top: 0 !important; } @media (max-width: 768px) { .bakti-untuk-rakyat .section-intro > .container-fluid > .row.row-spacing { flex-direction: column-reverse; } } @media screen and (max-width: 767px) { .bakti-untuk-rakyat .section-intro { padding-bottom: 20px; } } .bakti-untuk-rakyat .section-intro .row-spacing { margin-bottom: 0; } @media screen and (max-width: 767px) { .bakti-untuk-rakyat .section-intro .row-spacing { margin-bottom: 0 !important; } } .bakti-untuk-rakyat .section-intro .row-spacing .section-intro_images { padding-right: 0 !important; } .bakti-untuk-rakyat .section-intro .row-spacing .section-intro_images .media-img-container { position: relative; } .bakti-untuk-rakyat .section-intro .row-spacing .section-intro_images .media-img-container::before { position: absolute; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='114.092' height='360.716' viewBox='0 0 114.092 360.716'%3E%3Cg id='Group_232' data-name='Group 232' transform='translate(-1014.954 -3164.332)'%3E%3Cpath id='Path_14' data-name='Path 14' d='M23.523,205.163h0A23.524,23.524,0,0,1,0,181.64V85.351a23.523,23.523,0,0,1,47.046,0V181.64a23.524,23.524,0,0,1-23.523,23.523' transform='translate(1014.954 3102.504)' fill='%23cd3688'/%3E%3Cpath id='Path_16' data-name='Path 16' d='M23.523,205.163h0A23.524,23.524,0,0,1,0,181.64V85.351a23.523,23.523,0,0,1,47.046,0V181.64a23.524,23.524,0,0,1-23.523,23.523' transform='translate(1082 3319.885)' fill='%232cd7b6'/%3E%3Cpath id='Path_15' data-name='Path 15' d='M23.523,47.046h0A23.523,23.523,0,1,1,47.046,23.523,23.524,23.524,0,0,1,23.523,47.046' transform='translate(1014.954 3334.667)' fill='%23188e72'/%3E%3C/g%3E%3C/svg%3E%0A"); bottom: -8%; left: -6%; z-index: 2; } @media (max-width: 768px) { .bakti-untuk-rakyat .section-intro .row-spacing .section-intro_images .media-img-container::before { display: none; } } .bakti-untuk-rakyat .section-intro .row-spacing .section-intro_images img { border-width: 0; border-radius: 0 !important; } .bakti-untuk-rakyat .section-intro .row-spacing .section-intro_text { margin-top: 5rem; } @media (max-width: 768px) { .bakti-untuk-rakyat .section-intro .row-spacing .section-intro_text { margin-top: 1rem !important; } } .bakti-untuk-rakyat .section-intro .row-spacing .section-intro_text p { margin-bottom: 20px; font-weight: 400; font-size: 44px; line-height: 1.5; text-align: left !important; padding-right: 5rem; } @media (max-width: 768px) { .bakti-untuk-rakyat .section-intro .row-spacing .section-intro_text p { font-size: 30px; line-height: 1.4; padding-right: 0; } } .bakti-untuk-rakyat .section-intro .row-spacing .section-intro_text .section-intro_description { margin-bottom: 35px; } .bakti-untuk-rakyat .section-intro .row-spacing .section-intro_text .primary-button { padding: 13px 33px !important; } .bakti-untuk-rakyat .section-intro .row-spacing .section-intro_text .primary-button::before { display: none; } @media (max-width: 767px) { .bakti-untuk-rakyat .section-intro > .container .row.row-spacing .section-intro_text { order: -1; margin-top: 0 !important; } .bakti-untuk-rakyat .section-intro > .container .row.row-spacing .section-intro_images { margin-bottom: 20px !important; } } /*==================================================*/ /*============= Endorsement / DUKUNGAN =============*/ /*==================================================*/ .bakti-untuk-rakyat .section-endorsement { padding-top: 70px; padding-bottom: 70px; } @media screen and (max-width: 1200px) { .bakti-untuk-rakyat .section-endorsement { padding-bottom: 0; } } .bakti-untuk-rakyat .section-endorsement .container .row-spacing { padding-right: 132px; align-items: flex-start; } @media screen and (max-width: 1200px) { .bakti-untuk-rakyat .section-endorsement .container .row-spacing { padding-right: 0.25rem; } } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_topic { position: relative; } @media screen and (max-width: 1200px) { .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_topic { flex: 0 0 100%; max-width: 100%; } } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_topic .section-endorsement_image { position: absolute; left: 15px; top: 0; width: 100%; height: 100%; z-index: 1; } @media (max-width: 991px) { .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_topic .section-endorsement_image { position: relative; left: auto; top: auto; margin-top: 50px; margin-bottom: 150px; } } @media (max-width: 500px) { .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_topic .section-endorsement_image { margin-bottom: 50px; } } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_topic .section-endorsement_image:before { content: ""; background-image: url("/images/themes/prabowo/topics_decoration.png"); background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; left: 40px; top: -60px; width: 346px; height: 765px; z-index: -1; } @media (max-width: 991px) { .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_topic .section-endorsement_image:before { left: 50%; transform: translateX(-50%); } } @media (max-width: 500px) { .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_topic .section-endorsement_image:before { background-position: top center; height: 200px; width: 100%; } } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_topic .section-endorsement_image .media-widget { margin-top: 0; } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_topic .section-endorsement_image .media-widget .row .col-12 { padding-left: 15px !important; padding-right: 15px !important; } @media (max-width: 991px) { .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_topic .section-endorsement_image .media-widget .row .col-12 .media-img-container .w-fit-content { margin: 0 auto; } } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_topic .section-endorsement_topic-messages { background-color: #F8F8F8; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); border-radius: 32px 8px 8px 32px; margin-left: 230px; } @media (max-width: 991px) { .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_topic .section-endorsement_topic-messages { margin-left: 0; } } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_topic .section-endorsement_topic-messages .topics-list-messages { background-color: transparent; padding-left: 230px; margin-top: 0; } @media (max-width: 991px) { .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_topic .section-endorsement_topic-messages .topics-list-messages { padding-left: 0; } } @media (max-width: 768px) { .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_topic .section-endorsement_topic-messages .topics-list-messages { margin-bottom: 70px; } } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_topic .section-endorsement_topic-messages .topics-list-messages .topic-row .topic-col-messages-wrap { padding: 15px; position: relative; z-index: 2; } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_topic .section-endorsement_topic-messages .topics-list-messages .topic-row .topic-col-messages-wrap .topic-col-messages .recent-opinions { font-family: "adrianna", sans-serif; font-size: 24px; line-height: 28px; font-weight: 600; color: #000000; margin-bottom: 15px; display: block; } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_topic .section-endorsement_topic-messages .topics-list-messages .topic-row .topic-col-messages-wrap .topic-col-messages .messages-preview-container { max-height: 400px; position: relative; z-index: 3; } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_topic .section-endorsement_topic-messages .topics-list-messages .topic-row .topic-col-messages-wrap .topic-col-messages .messages-preview-container .message-container { padding: 10px 10px 10px 24px; background-color: #ffffff; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1607843137); border-radius: 0px 16px 16px 0px; position: relative; } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_topic .section-endorsement_topic-messages .topics-list-messages .topic-row .topic-col-messages-wrap .topic-col-messages .messages-preview-container .message-container:before { content: ""; width: 8px; height: 100%; position: absolute; left: 0; top: 0; background-color: #F5B232; } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_topic .section-endorsement_topic-messages .topics-list-messages .topic-row .topic-col-messages-wrap .topic-col-messages .messages-preview-container .message-container .message-author { font-family: "adrianna", sans-serif; font-size: 16px; line-height: 28px; font-weight: 700; letter-spacing: 0; color: #000000; margin-right: 5px; } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_topic .section-endorsement_topic-messages .topics-list-messages .topic-row .topic-col-messages-wrap .topic-col-messages .messages-preview-container .message-container .message-ago { font-family: "Open Sans", sans-serif; font-size: 12px; line-height: 16px; font-weight: 500; color: #C6C3C3; } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_topic .section-endorsement_topic-messages .topics-list-messages .topic-row .topic-col-messages-wrap .topic-col-messages .messages-preview-container .message-container .message { font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; color: #000000; display: block; } @media (max-width: 768px) { .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_topic .section-endorsement_topic-messages .topics-list-messages .topic-row .topic-col-messages-wrap .topic-col-messages .messages-preview-container .message-container .message { padding-left: 0; } } @media (max-width: 768px) { .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_topic .section-endorsement_topic-messages .topics-list-messages .topic-row .topic-col-image .topic-image { height: auto; } } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members { background-color: #F8F8F8; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); border-radius: 8px; padding-top: 10px !important; padding-bottom: 10px !important; position: relative; } @media screen and (max-width: 1200px) { .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members { flex: 0 0 100%; max-width: calc(100% - 130px); margin-top: 150px; margin-left: 15px !important; margin-right: 15px !important; } } @media (max-width: 768px) { .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members { margin-top: 100px !important; } } @media (max-width: 500px) { .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members { max-width: calc(100% - 30px); } } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members:before { content: ""; background-image: url("/images/themes/prabowo/members_decoration.png"); background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; right: -116px; top: -140px; width: 212px; height: 453px; z-index: -1; } @media (max-width: 500px) { .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members:before { right: 0; } } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members .member-widget .listing-members .listing-members-container { max-height: 343px; overflow-y: auto; overflow-x: hidden; position: relative; z-index: 2; } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members .member-widget .listing-members .listing-members-container::-webkit-scrollbar { width: 5px; background: #bdbdbd; } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members .member-widget .listing-members .listing-members-container::-webkit-scrollbar-thumb { background: #616161; } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members .member-widget .listing-members .listing-members-container .member-user { margin-bottom: 11px; padding-left: 0; } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members .member-widget .listing-members .listing-members-container .member-user:last-child { margin-bottom: 0; } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members .member-widget .listing-members .listing-members-container .member-user > div { display: flex; flex-direction: row; align-items: center; justify-content: space-between; background-color: #ffffff; border: 1px solid #E6E6E6; border-radius: 4px; padding: 10px 14px; } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members .member-widget .listing-members .listing-members-container .member-user > div .user-info { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } @media (max-width: 500px) { .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members .member-widget .listing-members .listing-members-container .member-user > div .user-info { flex-direction: column; } } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members .member-widget .listing-members .listing-members-container .member-user > div .user-info .user-image-container { width: 40px; height: 40px; margin: 0 12px 0 0; } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members .member-widget .listing-members .listing-members-container .member-user > div .user-info .user-image-container > a { display: block; height: 100%; } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members .member-widget .listing-members .listing-members-container .member-user > div .user-info .user-image-container > a .user-image { height: 40px; width: 40px; } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members .member-widget .listing-members .listing-members-container .member-user > div .user-info .user-image-container > a .user-badge { margin: -33px auto 0 auto; height: 40px; width: 40px; } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members .member-widget .listing-members .listing-members-container .member-user > div .user-info .user-name-container .member-name { font-family: "adrianna", sans-serif; font-size: 16px; line-height: 28px; font-weight: 700; color: #000000; text-align: left; margin-bottom: 0; } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members .member-widget .listing-members .listing-members-container .member-user > div .user-info .user-name-container .user-points { font-size: 12px; line-height: 16px; color: #1E8FE1; text-align: left; margin-bottom: 0; } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members .member-widget .listing-members .listing-members-container .member-user > div .user-info .user-name-container .user-points i { display: none; } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members .member-widget .listing-members .listing-members-container .member-user > div .action-member-container { margin-left: 10px; } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members .member-widget .listing-members .listing-members-container .member-user > div .action-member-container .tertiary-button { border-radius: 20px; padding: 8px 12px; font-family: "adrianna", sans-serif; font-size: 12px; line-height: 1; letter-spacing: -0.25px; font-weight: 600; display: inline-block; height: auto; margin: 0; color: #ffffff; text-align: center; } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members .member-widget .listing-members .listing-members-container .member-user > div .action-member-container .tertiary-button.add-friend { background-color: #1E8FE1; } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members .member-widget .listing-members .listing-members-container .member-user > div .action-member-container .tertiary-button.remove-friend { color: #ffffff; background-color: #E2E2E2; } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members .member-widget .listing-members .more-buttons-bottom { display: none; } .bakti-untuk-rakyat .section-endorsement .container .row-spacing .section-endorsement_members .member-widget .listing-members .more-buttons-bottom .tertiary-button { color: #1E8FE1; } /*==================================================*/ /*==================Hero Banner=====================*/ /*==================================================*/ .bakti-untuk-rakyat .section-heroBanner { height: 100%; } .bakti-untuk-rakyat .section-heroBanner .container .row-spacing { margin-bottom: 0; padding-bottom: 0; padding-top: 0; } .bakti-untuk-rakyat .section-heroBanner .container .row-spacing .section-heroBanner_description { padding-top: 50px !important; } .bakti-untuk-rakyat .section-heroBanner .container .row-spacing .section-heroBanner_description p { color: #000000; max-width: 676px; font-size: 24px; line-height: 34px; font-weight: 600; font-family: "Open Sans", sans-serif; } .bakti-untuk-rakyat .section-heroBanner .container .row-spacing .section-heroBanner_description .button-widget { margin-bottom: 0; } @media screen and (max-width: 1365px) and (min-width: 769px) { .bakti-untuk-rakyat .section-heroBanner .container .row-spacing .section-heroBanner_description .button-widget { margin-bottom: 50px; } } .bakti-untuk-rakyat .section-heroBanner .container .row-spacing .section-heroBanner_description .button-widget .primary-button { font-size: 36px !important; padding: 19px 32px !important; } @media (max-width: 768px) { .bakti-untuk-rakyat .section-heroBanner .container .row-spacing .section-heroBanner_image { display: none; } } .bakti-untuk-rakyat .section-heroBanner .container .row-spacing .section-heroBanner_image .media-widget { margin-bottom: 0; margin-top: 0; } /*==================================================*/ /*==================Banner Slider===================*/ /*==================================================*/ .bakti-untuk-rakyat .section-bannerSlider .row-spacing { padding-top: 0; } /*==================================================*/ /*=====================Become a supporte============*/ /*==================================================*/ @media (max-width: 768px) { .bakti-untuk-rakyat .section-form-become-supporter > .container > .row-spacing { padding-left: 15px !important; padding-right: 15px !important; } } .bakti-untuk-rakyat .section-form-become-supporter--homepage { min-height: 50vh; background-size: cover !important; padding: 4rem 0; position: relative; } .bakti-untuk-rakyat .section-form-become-supporter--homepage:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-image: url("/images/themes/prabowo/overlay-footer.png"); background-size: cover; background-position: center center; background-repeat: no-repeat; } .bakti-untuk-rakyat .section-form-become-supporter--homepage .section-form-wrapper { border-radius: 1rem; background-color: #fff; margin-left: 15px; padding-top: 20px !important; padding-bottom: 20px !important; max-width: calc(33.33333% - 15px); display: none; } @media (max-width: 991px) { .bakti-untuk-rakyat .section-form-become-supporter--homepage .section-form-wrapper { max-width: 100%; flex: 0 0 100%; margin-bottom: 30px; } } .bakti-untuk-rakyat .section-form-become-supporter--homepage .section-form-wrapper.login { display: block; } .bakti-untuk-rakyat .section-form-become-supporter--homepage .section-form-wrapper .title-form h2 { margin-bottom: 0px; } .bakti-untuk-rakyat .section-form-become-supporter--homepage .section-form-wrapper .title-form h2:before, .bakti-untuk-rakyat .section-form-become-supporter--homepage .section-form-wrapper .title-form h2:after { display: none; } .bakti-untuk-rakyat .section-form-become-supporter--homepage .section-form-wrapper .widget-form .form-input.form-control { border-radius: 10px; } .bakti-untuk-rakyat .section-form-become-supporter--homepage .section-form-wrapper #loginFormTemp2 .search-input input { width: 100%; } .bakti-untuk-rakyat .section-form-become-supporter--homepage .section-form-wrapper #loginFormTemp2 .form-group.search-input { display: block; } .bakti-untuk-rakyat .section-form-become-supporter--homepage .section-form-wrapper #loginFormTemp2 .form-group .col-md-6 { text-align: right; font-size: 12px; font-family: "Open Sans", sans-serif; } .bakti-untuk-rakyat .section-form-become-supporter--homepage .section-form-wrapper #loginFormTemp2 .form-group .col-md-6 .container-checkbox { text-align: left; color: #C6C3C3; font-size: 14px; } .bakti-untuk-rakyat .section-form-become-supporter--homepage .section-form-wrapper #loginFormTemp2 .primary-button { width: 100%; background-color: #F8555C !important; border-color: #F8555C !important; } .bakti-untuk-rakyat .section-form-become-supporter--homepage .section-form-wrapper #loginFormTemp2 .col-lg-12 { text-align: center; } .bakti-untuk-rakyat .section-form-become-supporter--homepage .section-form-wrapper #loginFormTemp2 .col-lg-12 p { margin-top: 20px; font-family: "Open Sans", sans-serif; color: #C6C3C3; font-size: 12px; margin-bottom: 0; width: 100%; } .bakti-untuk-rakyat .section-form-become-supporter--homepage .section-form-wrapper #loginFormTemp2 .col-lg-12 a { font-family: "Open Sans", sans-serif; color: #1E8FE1; font-size: 12px; } .bakti-untuk-rakyat .section-form-become-supporter--homepage .section-form-wrapper #loginFormTemp2 .error { color: #D9003C; } .bakti-untuk-rakyat .section-form-become-supporter--homepage .section-counter-and-description { display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 5rem; } @media (max-width: 991px) { .bakti-untuk-rakyat .section-form-become-supporter--homepage .section-counter-and-description { max-width: 100%; flex: 0 0 100%; padding-bottom: 0; } } .bakti-untuk-rakyat .section-form-become-supporter--homepage .section-counter-and-description .counter-signatures p { font-family: "Open Sans", sans-serif; font-size: 160px; line-height: 1; color: #fff; font-weight: 700; text-align: center; margin-bottom: 0; } @media (max-width: 768px) { .bakti-untuk-rakyat .section-form-become-supporter--homepage .section-counter-and-description .counter-signatures p { font-size: 80px; } } .bakti-untuk-rakyat .section-form-become-supporter--homepage .section-counter-and-description p { font-family: "Open Sans", sans-serif; font-size: 36px; line-height: 1.2; color: #fff; font-weight: 700; text-align: center; } @media (max-width: 768px) { .bakti-untuk-rakyat .section-form-become-supporter--homepage .section-counter-and-description p { font-size: 28px; } } @media (max-width: 768px) { .bakti-untuk-rakyat .section-form-become-supporter--homepage .section-counter-and-description { padding: 3rem 1rem 0 !important; } } @media screen and (max-width: 767px) { .bakti-untuk-rakyat .section-form-become-supporter--homepage { margin-top: 20px; } } .invite-article .section-hero-banner { background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; padding: 20px 0; } .invite-article .section-hero-banner:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background: linear-gradient(180deg, rgba(1, 100, 152, 0) 0%, rgba(0, 84, 135, 0.35) 54%, #002D67 100%); } .invite-article .section-hero-banner .container { height: 600px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; } @media screen and (max-width: 767px) { .invite-article .section-hero-banner .container { height: 400px; } } .invite-article .section-hero-banner .container .row > div h1 { display: inline-block; margin-bottom: 40px; } .invite-article .section-hero-banner .container .row > div p { color: #858585; font-size: 16px; line-height: 25px; position: relative; } .invite-article .section-hero-banner .container .row > div p:before { content: ""; width: 17px; height: 29px; background-color: #858585; border-radius: 10px; display: inline-block; vertical-align: middle; margin-right: 10px; } .invite-article .section-hero-banner .container .row > div p:after { content: ""; display: inline-block; vertical-align: middle; height: 1px; background-color: #858585; width: 44vw; margin-left: 20px; } @media screen and (max-width: 767px) { .invite-article .section-hero-banner .container .row > div p:after { width: 33vw; } } @media screen and (max-width: 480px) { .invite-article .section-hero-banner .container .row > div p:after { width: 15vw; } } .invite-article .section-article-body { background-color: #F6F6F6; padding-top: 70px; padding-bottom: 20px; } .invite-article .section-article-body .media-widget-container { display: none; } .invite-article .section-article-body .article-sidebar .sidebar-content { background-color: transparent; padding: 0; } .invite-article .section-article-body .article-sidebar .sidebar-content .invite-friends-form a { color: #ffffff; font-size: 0; border-radius: 50%; display: inline-block; background-color: #D9003C; width: 72px; height: 72px; margin-right: 5px; } .invite-article .section-article-body .article-sidebar .sidebar-content .invite-friends-form a:hover { background-color: #F97115; } .invite-article .section-article-body .article-sidebar .sidebar-content .invite-friends-form a i { font-size: 40px; padding: 10px 5px; } .invite-article .section-article-body .article-sidebar .sidebar-content .invite-friends-form a.copy-btn.show-input { font-size: 16px; width: 20vw; min-width: 300px; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 40px; } .invite-article .section-article-body .text-widget-container p { font-family: "Adrianna", sans-serif; } /*==============================================================================================================*/ /*==================================== 110 - bakti-untuk-rakyat================================================*/ /*============================================================================================================*/ .bakti-untuk-rakyat .invite-article { position: relative; padding-bottom: 2.1875rem; } .bakti-untuk-rakyat .invite-article .section-hero-banner { height: 650px; } @media screen and (max-width: 767px) { .bakti-untuk-rakyat .invite-article .section-hero-banner { height: 500px; } } .bakti-untuk-rakyat .invite-article .section-hero-banner:before { background: unset !important; height: 100%; } .bakti-untuk-rakyat .invite-article .section-hero-banner .container { justify-content: center; } .bakti-untuk-rakyat .invite-article .section-article-body { padding-top: 0; padding-bottom: 20px; background-color: unset; } .bakti-untuk-rakyat .invite-article .section-article-body .article-sidebar { margin-bottom: 0; } .bakti-untuk-rakyat .invite-article .section-article-body .article-sidebar .sidebar-content .invite-friends-form a { width: 60px; height: 60px; padding: 0; font-size: 36px; border-radius: 50%; background-color: #F6555C; color: #ffffff; transition: all 0.3s linear; margin-bottom: 0; } .bakti-untuk-rakyat .invite-article .section-article-body .article-sidebar .sidebar-content .invite-friends-form a:hover { background-color: #1E8FE1; color: #ffffff; filter: brightness(100%); transition: all 0.3s linear; } .bakti-untuk-rakyat .invite-article .section-article-body .article-sidebar .sidebar-content .invite-friends-form a i { width: initial; height: initial; margin-right: 0; padding: 0; font-size: 36px; color: #ffffff; background-color: unset; } .bakti-untuk-rakyat .invite-article .section-article-body .article-sidebar .sidebar-content .invite-friends-form a i.fa-facebook-f:before { position: relative; top: 12px; font-size: 46px; line-height: 0.1; } .bakti-untuk-rakyat .invite-article .section-article-body .article-sidebar .sidebar-content .sidebar-content-invite-friend { display: flex; margin-bottom: 1.875rem; } .bakti-untuk-rakyat .invite-article .section-article-body .article-sidebar .sidebar-content .sidebar-content-invite-friend .share-title { margin-left: 0.625rem; margin-bottom: 0; font-size: 1.75rem; font-weight: 700; font-family: "Adrianna", sans-serif; } .bakti-untuk-rakyat .invite-article .img-decorator-top { position: absolute; right: 0; top: 0; z-index: -1; flex-grow: 1; } .bakti-untuk-rakyat .invite-article .img-decorator-bottom { position: absolute; right: 0; bottom: 165px; z-index: -1; } .bakti-untuk-rakyat .invite-article .section-form-become-supporter { background-image: url("/images/themes/prabowo/optimize-pre-footer.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; } .petition-article .petition-hero-banner { background-position: center; background-repeat: no-repeat; background-size: cover; min-height: 750px; padding-bottom: 30px; position: relative; } .petition-article .petition-hero-banner:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(1, 100, 152, 0) 0%, rgba(0, 84, 135, 0.35) 54%, #002D67 100%); } .petition-article .petition-hero-banner h1 { display: inline-block; } @media (max-width: 991px) { .petition-article .petition-hero-banner h1:before { width: 60px; } } .petition-article .petition-hero-banner > .container-fluid > .row > .col-12 .container { min-height: 750px; padding-bottom: 30px; display: flex; flex-direction: column; justify-content: flex-end; } .petition-article .petition-light { padding-top: 5.4rem; padding-bottom: 2.5rem; background-color: #F6F6F6; } .petition-article .petition-light .sidebar-content { padding-top: 0; } .petition-article .petition-light .form-widget .form-title { display: inline-block; font-size: 50px; padding: 30px 155px 30px 140px; font-weight: 700; font-family: "Poppins", sans-serif; line-height: 1; color: #ffffff; background-color: #D9003C; border-radius: 60px 0 60px 0; margin-bottom: 62px; margin-top: 10px; position: relative; } @media (max-width: 991px) { .petition-article .petition-light .form-widget .form-title { padding: 30px 50px; font-size: 35px !important; } } @media (max-width: 500px) { .petition-article .petition-light .form-widget .form-title { font-size: 22px !important; } } .petition-article .petition-light .form-widget .form-title:before { content: ""; position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); height: 8px; width: 200px; background-color: #ffffff; } @media (max-width: 991px) { .petition-article .petition-light .form-widget .form-title:before { width: 60px; } } .petition-article .petition-light .form-widget button[type=submit].primary-button { text-transform: uppercase !important; font-weight: 500 !important; font-size: 25px !important; border-radius: 10px !important; } .petition-article .petition-light .form-widget button[type=submit].primary-button:hover { background-color: #FB0426 !important; filter: none; } .petition-article .petition-light .form-widget .form-submit-msg { background-image: none; padding-left: 0; } .petition-article .petition-reactions-container { margin-top: 3.125rem; } .petition-article .petition-reactions-container .comments-container h3 { padding-bottom: 0; font-size: 40px; border-bottom: none; } .petition-article .progress-bar-custom { margin-top: 100px; display: flex; gap: 3px; } .petition-article .counter-nr-of-signatures { position: relative; } .petition-article .minibar { width: 33px; height: 63px; margin-right: 2px; background-color: #9a9a9a; border-radius: 5px; } .petition-article .filled { background-color: #fff; } .petition-article .num-count-petition { position: absolute; left: 50%; top: -60px; transform: translateX(-50%); font-size: 30px; color: #fff; font-weight: 700; } .petition-article .num-count-petition::after { content: ""; display: block; position: absolute; top: 30px; left: 50%; width: 0; height: 0; transform: translateX(-50%); border-style: solid; border-width: 12px 6px 0 6px; border-color: #fff transparent transparent transparent; } .petition-article .progress-bar-title { margin-top: 20px; font-size: 18px; color: #fff; } /*==============================================================================================================*/ /*==================================== 110 - bakti-untuk-rakyat================================================*/ /*============================================================================================================*/ .bakti-untuk-rakyat .petition-article .petition-article_title { margin-top: 60px; margin-bottom: 25px; } .bakti-untuk-rakyat .petition-article .petition-article_title .container { position: relative; } .bakti-untuk-rakyat .petition-article .petition-article_title .container:after { content: ""; position: absolute; right: 15px; top: 0; background-image: url("/images/themes/prabowo/pg-petition_hero-decoration.svg"); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 226px; height: 523px; z-index: 1; } @media (max-width: 1024px) { .bakti-untuk-rakyat .petition-article .petition-article_title .container:after { display: none; } } .bakti-untuk-rakyat .petition-article .petition-article_hero-banner { min-height: auto; padding-bottom: 0; } .bakti-untuk-rakyat .petition-article .petition-article_hero-banner:before { display: none; } .bakti-untuk-rakyat .petition-article .petition-article_hero-banner .petition-hero-banner_decoration { height: 591px; background-size: cover; background-position: 50% 70%; background-repeat: no-repeat; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; } .bakti-untuk-rakyat .petition-article .petition-article_hero-banner .petition-hero-banner_decoration .petition-article_progress-bar { width: 100%; } @media (max-width: 991px) { .bakti-untuk-rakyat .petition-article .petition-article_hero-banner .petition-hero-banner_decoration .petition-article_progress-bar { padding-left: 15px; padding-right: 15px; } } .bakti-untuk-rakyat .petition-article .petition-article_hero-banner .petition-hero-banner_decoration .petition-article_progress-bar #progress-bar-container { background-color: #ffffff; padding: 20px 30px; border-radius: 20px; margin-bottom: 50px; } .bakti-untuk-rakyat .petition-article .petition-article_hero-banner .petition-hero-banner_decoration .petition-article_progress-bar #progress-bar-container .progress-bar-title { font-family: "adrianna", sans-serif; font-size: 96px; line-height: 1; letter-spacing: -1.73px; font-weight: 800; color: #000000; margin-top: 0; } @media (max-width: 991px) { .bakti-untuk-rakyat .petition-article .petition-article_hero-banner .petition-hero-banner_decoration .petition-article_progress-bar #progress-bar-container .progress-bar-title { font-size: 60px; } } .bakti-untuk-rakyat .petition-article .petition-article_hero-banner .petition-hero-banner_decoration .petition-article_progress-bar #progress-bar-container .progress-bar-subtitle { font-family: "adrianna", sans-serif; font-size: 40px; line-height: 42px; font-weight: 700; color: #000000; margin-bottom: 10px; } @media (max-width: 991px) { .bakti-untuk-rakyat .petition-article .petition-article_hero-banner .petition-hero-banner_decoration .petition-article_progress-bar #progress-bar-container .progress-bar-subtitle { font-size: 20px; line-height: 24px; } } .bakti-untuk-rakyat .petition-article .petition-article_hero-banner .petition-hero-banner_decoration .petition-article_progress-bar #progress-bar-container .progress-wrap { display: flex; align-items: center; justify-content: space-between; } .bakti-untuk-rakyat .petition-article .petition-article_hero-banner .petition-hero-banner_decoration .petition-article_progress-bar #progress-bar-container .progress-wrap .progress { margin: 0 20px 0 0; height: 18px; border-radius: 10px; border: 1px solid #000000; background-color: #ffffff; max-width: 778px; width: 100%; } .bakti-untuk-rakyat .petition-article .petition-article_hero-banner .petition-hero-banner_decoration .petition-article_progress-bar #progress-bar-container .progress-wrap .progress .progress-bar-success { background-color: #010101; border-radius: 10px; border: 1px solid #000000; } .bakti-untuk-rakyat .petition-article .petition-article_hero-banner .petition-hero-banner_decoration .petition-article_progress-bar #progress-bar-container .progress-wrap .progress_no { font-family: "adrianna", sans-serif; font-size: 24px; line-height: 28px; font-weight: 700; color: #000000; } .bakti-untuk-rakyat .petition-article .petition-article_details { margin: 70px 0 0; } .bakti-untuk-rakyat .petition-article .petition-article_details .container { position: relative; } .bakti-untuk-rakyat .petition-article .petition-article_details .container:before { content: ""; position: absolute; left: 15px; top: 65%; background-image: url("/images/themes/prabowo/pg-petision_decoration-comments.svg"); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 163px; height: 470px; z-index: 1; } @media screen and (max-width: 1200px) { .bakti-untuk-rakyat .petition-article .petition-article_details .container:before { width: 147px; height: 425px; } } @media (max-width: 1024px) { .bakti-untuk-rakyat .petition-article .petition-article_details .container:before { display: none; } } .bakti-untuk-rakyat .petition-article .petition-article_details .container .petition-article_details-text h3 { font-family: "adrianna", sans-serif; font-size: 24px; line-height: 28px; font-weight: 700; color: #000000; } .bakti-untuk-rakyat .petition-article .petition-article_details .container .petition-article_details-text p { font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; color: #000000; margin-top: 0; } .bakti-untuk-rakyat .petition-article .petition-article_details .container .petition-article_details-image { padding-left: 304px; position: relative; } @media (max-width: 991px) { .bakti-untuk-rakyat .petition-article .petition-article_details .container .petition-article_details-image { padding-left: 15px; } } .bakti-untuk-rakyat .petition-article .petition-article_details .container .petition-article_details-image:before { content: ""; position: absolute; left: 15px; top: 10px; background-image: url("/images/themes/prabowo/pg-petition_decoration-petition-body.svg"); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 212px; height: 453px; z-index: 1; } @media (max-width: 991px) { .bakti-untuk-rakyat .petition-article .petition-article_details .container .petition-article_details-image:before { display: none; } } .bakti-untuk-rakyat .petition-article .petition-article_details .container .petition-article_details-image .embed-widget-article { margin-bottom: 0; } .bakti-untuk-rakyat .petition-article .petition-article_reactions { padding-bottom: 70px; } @media screen and (max-width: 1200px) and (min-width: 992px) { .bakti-untuk-rakyat .petition-article .petition-article_reactions { padding-top: 70px; } } .bakti-untuk-rakyat .petition-article .petition-article_reactions .container { position: relative; } .bakti-untuk-rakyat .petition-article .petition-article_reactions .container:after { content: ""; position: absolute; right: 15px; bottom: 115px; background-image: url("/images/themes/prabowo/pg-petision_decoration-comments-bottom.svg"); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 230px; height: 209px; z-index: 1; } @media screen and (max-width: 1400px) { .bakti-untuk-rakyat .petition-article .petition-article_reactions .container:after { width: 200px; height: 182px; } } @media screen and (max-width: 1200px) { .bakti-untuk-rakyat .petition-article .petition-article_reactions .container:after { width: 150px; height: 135px; } } @media (max-width: 991px) { .bakti-untuk-rakyat .petition-article .petition-article_reactions .container:after { display: none; } } .bakti-untuk-rakyat .petition-article .petition-article_reactions .container .petition-article_reactions-header { justify-content: center; } @media (max-width: 991px) { .bakti-untuk-rakyat .petition-article .petition-article_reactions .container .petition-article_reactions-header { justify-content: space-between; } } @media (max-width: 768px) { .bakti-untuk-rakyat .petition-article .petition-article_reactions .container .petition-article_reactions-header > div:first-child { order: 2; } } @media (max-width: 768px) { .bakti-untuk-rakyat .petition-article .petition-article_reactions .container .petition-article_reactions-header > div:last-child { order: 1; margin-bottom: 50px; } } .bakti-untuk-rakyat .petition-article .petition-article_reactions .container .petition-article_reactions-header > div:last-child .btn-red { text-align: right; } @media (max-width: 768px) { .bakti-untuk-rakyat .petition-article .petition-article_reactions .container .petition-article_reactions-header > div:last-child .btn-red { text-align: center; } } .bakti-untuk-rakyat .petition-article .petition-article_reactions .container .petition-reactions-container { margin-top: 0; } .bakti-untuk-rakyat .petition-article .petition-article_reactions .container .petition-reactions-container .comments-container h3 { margin-bottom: 50px; } .bakti-untuk-rakyat .petition-article .petition-article_reactions .container .petition-reactions-container .comments-container #reactions-list .comments li { background-color: #ffffff; box-shadow: none; border-radius: 0; border-bottom: 1px solid #C6C3C3; margin-bottom: 36px; padding: 5px 90px 0 0; } @media (max-width: 500px) { .bakti-untuk-rakyat .petition-article .petition-article_reactions .container .petition-reactions-container .comments-container #reactions-list .comments li { padding-right: 20px; } } .bakti-untuk-rakyat .petition-article .petition-article_reactions .container .petition-reactions-container .comments-container #reactions-list .comments li .comment { word-break: break-all; font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 5px !important; } .bakti-untuk-rakyat .petition-article .petition-article_reactions .container .petition-reactions-container .comments-container #reactions-list .comments li .user-info { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-bottom: 15px !important; } .bakti-untuk-rakyat .petition-article .petition-article_reactions .container .petition-reactions-container .comments-container #reactions-list .comments li .user-info .user-name { font-family: "adrianna", sans-serif; font-size: 16px; line-height: 28px; font-weight: 700; color: #000000; display: inherit !important; top: auto; margin-right: 10px; } .bakti-untuk-rakyat .petition-article .petition-article_reactions .container .petition-reactions-container .comments-container #reactions-list .comments li .user-info .message-ago { font-family: "Open Sans", sans-serif; font-size: 12px; line-height: 16px; font-weight: 500; color: #C6C3C3; } .bakti-untuk-rakyat .petition-article .petition-article_reactions .container .petition-reactions-container .comments-container .load-more { padding: 13px 33px !important; border: 1px solid #707070 !important; border-radius: 36px !important; background-color: #ffffff !important; color: #BFBFBF !important; font-size: 24px !important; font-family: "Open Sans", sans-serif; font-weight: 700 !important; margin-bottom: 20px; } .bakti-untuk-rakyat .petition-article .petition-article_form { background-color: rgba(43, 43, 43, 0.7); } .bakti-untuk-rakyat .petition-article .petition-article_form .modal-dialog { max-width: 444px; margin: 6.75rem auto; } @media (max-width: 768px) { .bakti-untuk-rakyat .petition-article .petition-article_form .modal-dialog { max-width: none; margin: 50px 20px !important; } } .bakti-untuk-rakyat .petition-article .petition-article_form .modal-dialog .modal-content { border-radius: 16px; border: 0; } .bakti-untuk-rakyat .petition-article .petition-article_form .modal-dialog .modal-content .modal-header { padding: 0; border: 0; border-radius: 0; position: relative; } .bakti-untuk-rakyat .petition-article .petition-article_form .modal-dialog .modal-content .modal-header .modal-title { font-family: "adrianna", sans-serif; font-size: 40px; line-height: 42px; font-weight: 700; color: #000000; margin: 20px 17px; } .bakti-untuk-rakyat .petition-article .petition-article_form .modal-dialog .modal-content .modal-header button { font-size: 0; line-height: 0; position: absolute; top: 17px; right: -30px; background-image: url("/images/themes/prabowo/close_btn.svg"); background-size: contain; background-repeat: no-repeat; z-index: 1; } @media (max-width: 768px) { .bakti-untuk-rakyat .petition-article .petition-article_form .modal-dialog .modal-content .modal-header button { top: 20px; right: 20px; } } .bakti-untuk-rakyat .petition-article .petition-article_form .modal-dialog .modal-content .modal-body .article-sidebar { margin-bottom: 0; } .bakti-untuk-rakyat .petition-article .petition-article_form .modal-dialog .modal-content .modal-body .article-sidebar .sidebar-content { padding: 0; background-color: transparent; } .bakti-untuk-rakyat .petition-article .petition-article_form .modal-dialog .modal-content .modal-body .article-sidebar .sidebar-content .form-title { font-family: "adrianna", sans-serif; font-size: 40px; line-height: 42px; font-weight: 700; color: #000000; margin-bottom: 20px; text-align: left; } .bakti-untuk-rakyat .petition-article .petition-article_form .modal-dialog .modal-content .modal-body .article-sidebar .sidebar-content .form-disclaimers .container-checkbox { font-family: "Open Sans", sans-serif; color: #C6C3C3; } .bakti-untuk-rakyat .petition-article .petition-article_form .modal-dialog .modal-content .modal-body .article-sidebar .sidebar-content .form-disclaimers a { color: #1E8FE1; } .bakti-untuk-rakyat .petition-article .petition-article_form .modal-dialog .modal-content .modal-body .article-sidebar .sidebar-content .primary-button { background-color: #FF4255 !important; border-color: #FF4255 !important; } .bakti-untuk-rakyat .petition-article .petition-article_form .modal-dialog .modal-content .modal-body .article-sidebar .sidebar-content .error { color: #D9003C; } .widget-form .message-container { margin-bottom: 20px; } .widget-form .message-container .error { color: #D9003C; } .widget-form .form-input-container { margin-bottom: 20px; } .widget-form .form-input-container .error { color: #D9003C; } .widget-form .form-title { font-size: 22px; font-weight: 500; padding-top: 4px; margin-bottom: 10px; text-align: center; } .widget-form .form-submit-msg { font-size: 22px; line-height: 32px; font-weight: 700; padding-left: 80px; padding-top: 7px; background-image: url("/img/themes/default/form-submit-msg.png"); background-repeat: no-repeat; background-position: 0px 12px; min-height: 70px; margin-bottom: 20px; } .widget-form .form-submit-error-msg { font-size: 22px; font-weight: 700; margin-bottom: 20px; } .widget-form .error-show { font-size: 22px; font-weight: 700; margin-bottom: 20px; color: #D9003C; text-align: center; } .widget-form input { border: none; height: auto; font-size: 16px; line-height: 20px; padding: 14px 27px; } .widget-form .form-input.form-control { border: 1px solid #BEBEBE; border-radius: 0; } .widget-form textarea { border: 1px solid #BEBEBE; height: 150px; font-size: 16px; line-height: 20px; padding: 14px 27px; } .widget-form .form-disclaimers { margin-bottom: 24px; } .widget-form .form-disclaimers input[type=checkbox] { width: 30px; margin: 0 5px 0 0; height: 30px; display: inline; vertical-align: middle; } .widget-form .form-disclaimers p { line-height: 14px; } .widget-form .form-disclaimers p .disclaimer-text { display: inline; color: #757575; font-family: "Poppins Medium", sans-serif; font-size: 12px; } .widget-form .captcha-container { margin-bottom: 10px; } .widget-form .captcha-container .help-block { text-transform: uppercase; color: #D9003C; font-weight: 500; text-align: center; padding: 10px 10px 0px 10px; display: block; } .widget-form .captcha-container .help-block strong { font-weight: 500; } .widget-form .captcha-container div div { margin: 0 auto; } /*==============================================================================================================*/ /*==================================== 110 - bakti-untuk-rakyat================================================*/ /*============================================================================================================*/ .bakti-untuk-rakyat .widget-form .form-input.form-control { border-color: #6E6C6C; border-radius: 10px; } .bakti-untuk-rakyat .widget-form .container-checkbox .checkmark { top: 5px; } .bakti-untuk-rakyat .widget-form .form-submit-msg { min-height: 54px; padding-top: 16px; padding-bottom: 16px; } .bakti-untuk-rakyat .widget-form .form-submit-msg:before { display: none; } .bakti-untuk-rakyat .widget-form .form-submit-msg:after { display: none; } .bakti-untuk-rakyat .form-control { font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 1; font-weight: 400; padding: 12px 22px; color: #6E6C6C; background-color: #ffffff !important; height: auto; border-color: #6E6C6C; border-radius: 10px; } .bakti-untuk-rakyat .container-checkbox { padding-left: 25px; } .bakti-untuk-rakyat .checkmark { border-width: 1px; border-color: #6E6C6C; top: 5px; height: 15px; width: 15px; } .bakti-untuk-rakyat .checkmark:after { left: 4px; top: 1px; width: 6px; height: 10px; } /*==============================================================================================================*/ /*==================================== 110 - bakti-untuk-rakyat================================================*/ /*============================================================================================================*/ .bakti-untuk-rakyat .section-register-hero { padding: 70px 0 20px; } @media screen and (max-width: 991px) { .bakti-untuk-rakyat .section-register-hero { background: #000000 !important; } } .bakti-untuk-rakyat .section-register-hero .container > .row { position: relative; margin-bottom: 0; } .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_form { padding-right: 70px; min-height: 836px; } @media screen and (max-width: 1200px) { .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_form { padding-right: 15px; } } @media screen and (max-width: 991px) { .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_form { flex: 0 0 100%; max-width: none; margin-bottom: 40px !important; min-height: auto; } } .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_form .section-register-hero_form-title { background-color: #ffffff; padding: 25px 20px 0; border-radius: 10px 10px 0 0; } .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_form .section-register-hero_form-title h4 { font-family: "adrianna", sans-serif; font-size: 30px; line-height: 32px; font-weight: 700; color: #000000; margin-bottom: 8px; } .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_form .section-register-hero_form-title p { font-size: 20px; line-height: 30px; font-weight: 400; color: #000000; margin-bottom: 0; } .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_form #registerFormPage { background-color: #ffffff; padding: 25px 20px; border-radius: 0 0 10px 10px; } .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_form #registerFormPage #register-form > .col-lg-12 { margin-bottom: 16px; text-align: center; } .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_form #registerFormPage #register-form > .col-lg-12 > .row { justify-content: center; } @media screen and (max-width: 768px) { .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_form #registerFormPage #register-form .form-group > .col-md-6 { margin-bottom: 16px; } } .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_form #registerFormPage #register-form .form-group > .col-md-6:last-of-type { padding-left: 0; } @media screen and (max-width: 768px) { .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_form #registerFormPage #register-form .form-group > .col-md-6:last-of-type { padding-left: 15px; } } .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_form #registerFormPage #register-form .form-control { padding: 12px 10px; } .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_form #registerFormPage .container-checkbox { font-size: 12px; line-height: 16px; color: #b6b6b6; } .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_form #registerFormPage .primary-button { background-color: #F8555C !important; border-color: #F8555C !important; width: 100%; } .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_form .section-register-hero_scroll-to--mobile { display: none; } @media screen and (max-width: 991px) { .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_form .section-register-hero_scroll-to--mobile { display: block; } } .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_description { padding-left: 40px; color: #ffffff; position: relative; z-index: 3; } @media screen and (max-width: 1200px) { .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_description { padding-left: 15px; } } @media screen and (max-width: 991px) { .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_description { flex: 0 0 100%; max-width: none; margin-bottom: 40px; } } .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_description h1 { color: #ffffff; } @media screen and (max-width: 991px) { .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_description h1 { padding-bottom: 400px; } } .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_description p { font-size: 24px; line-height: 40px; font-weight: 600; } @media screen and (max-width: 991px) { .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_description p { font-weight: 400; line-height: 34px; letter-spacing: -0.12px; } } .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_img { position: absolute; bottom: -35px; right: -15%; max-width: 50%; flex: 0 0 100%; z-index: 2; } .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_img:before { content: ""; background-image: url("/images/themes/prabowo/register-hero-bg.jpg"); position: absolute; left: calc((100vw - 720px) / 2 * -1); bottom: 20px; width: 100vw; height: 80%; display: none; } @media screen and (max-width: 991px) { .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_img:before { display: block; } } @media screen and (max-width: 767px) { .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_img:before { left: calc((100vw - 540px) / 2 * -1); } } @media screen and (max-width: 540px) { .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_img:before { left: 0; } } @media screen and (max-width: 1200px) { .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_img { max-width: 60%; right: -20%; } } @media screen and (max-width: 991px) { .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_img { right: auto; left: 50%; transform: translateX(-50%); bottom: 200px; max-width: none; } } @media screen and (max-width: 430px) { .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_img { bottom: 280px; } } @media screen and (max-width: 390px) { .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_img { bottom: 325px; } } @media screen and (max-width: 991px) { .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_img img { width: 60%; margin: 0 auto; display: block; } } @media screen and (max-width: 767px) { .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_img img { width: 75%; } } @media screen and (max-width: 510px) { .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_img img { width: 90%; } } @media screen and (max-width: 450px) { .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_img img { width: 100%; } } .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_scroll-to { text-align: center; padding-top: 20px; } @media screen and (max-width: 991px) { .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_scroll-to--desktop { display: none; } } .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_scroll-to a { text-decoration: none; color: #ffffff; } .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_scroll-to a span { display: block; } .bakti-untuk-rakyat .section-register-hero .container > .row .section-register-hero_scroll-to a img { display: inline-block; width: 30px; height: 30px; } .bakti-untuk-rakyat .section-register-hero.user-logged .container .row .section-register-hero_form-title { display: none; } @media screen and (max-width: 991px) { .bakti-untuk-rakyat .section-register-hero.user-logged .container .row .section-register-hero_form { margin-bottom: 0 !important; } } .bakti-untuk-rakyat .section-register-hero.user-logged .container .row .section-register-hero_form #registerFormPage { display: none; } @media screen and (max-width: 991px) { .bakti-untuk-rakyat .section-register-hero.user-logged .container .row .section-register-hero_scroll-to--mobile { display: none; } } .bakti-untuk-rakyat { /*section Cards*/ } .bakti-untuk-rakyat .section-register-cards_header { padding-top: 70px; } .bakti-untuk-rakyat .section-register-cards_header .container > .row { margin-bottom: 0 !important; } .bakti-untuk-rakyat .section-register-cards_header .container > .row .section-register-cards_title { text-align: center; } .bakti-untuk-rakyat .section-register-cards_body .container > .row { margin-bottom: 0 !important; justify-content: center; } .bakti-untuk-rakyat .section-register-cards_body .container > .row .section-register-cards_item { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); border-radius: 12px; padding-bottom: 10px; margin: 0 10px; } @media screen and (max-width: 1200px) { .bakti-untuk-rakyat .section-register-cards_body .container > .row .section-register-cards_item { flex: 0 0 25%; max-width: 25%; margin-bottom: 40px !important; } } @media screen and (max-width: 768px) { .bakti-untuk-rakyat .section-register-cards_body .container > .row .section-register-cards_item { margin: 0 30px 40px !important; flex: 0 0 100%; max-width: calc(100% - 60px); } } .bakti-untuk-rakyat .section-register-cards_body .container > .row .section-register-cards_item .media-widget { margin: 0; } .bakti-untuk-rakyat .section-register-cards_body .container > .row .section-register-cards_item .media-widget .w-fit-content { width: 100%; } .bakti-untuk-rakyat .section-register-cards_body .container > .row .section-register-cards_item .media-widget .w-fit-content img { width: 100%; border-radius: 12px 12px 0 0; } .bakti-untuk-rakyat .section-register-cards_body .container > .row .section-register-cards_item .section-register-cards_item-details { display: flex; align-items: flex-start; justify-content: space-between; padding: 15px 0; } .bakti-untuk-rakyat .section-register-cards_body .container > .row .section-register-cards_item .section-register-cards_item-details div:first-child { font-family: "adrianna", sans-serif; font-size: 19px; line-height: 23px; font-weight: 700; color: #ffffff; width: 27px; height: 27px; background-color: #1D8FE1; border-radius: 50%; margin-right: 10px; display: flex; align-items: center; justify-content: center; } .bakti-untuk-rakyat .section-register-cards_body .container > .row .section-register-cards_item .section-register-cards_item-details div:last-child { font-family: "adrianna", sans-serif; font-size: 16px; line-height: 20px; font-weight: 600; color: #000000; width: calc(100% - 37px); } .bakti-untuk-rakyat .section-register-cards_footer .section-register-cards_description { text-align: center; margin-top: 60px; } .bakti-untuk-rakyat .section-register-cards_footer .section-register-cards_description p { font-size: 24px; line-height: 40px; } .bakti-untuk-rakyat .section-register-cards_footer .section-register-cards_button { margin-top: 40px; } .bakti-untuk-rakyat .section-register-cards_footer .section-register-cards_button .primary-button { background-color: #F8555C !important; border-color: #F8555C !important; } .bakti-untuk-rakyat h5.error { color: #D9003C; font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 24px; } .myparty-public-profile .header-section { background: #f5f8fb; padding: 75px 0; } .myparty-public-profile .header-section .public-avatar { width: 200px; height: 200px; float: left; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .myparty-public-profile .header-section .user-info { margin-top: 20px; } .myparty-public-profile .header-section .user-info .public-name { font-size: 35px; color: #161a1e; font-family: "Poppins", sans-serif; font-weight: 700; text-transform: capitalize; margin-bottom: 0; } .myparty-public-profile .header-section .user-info .public-function { font-size: 20px; color: #161a1e; font-family: "Poppins", sans-serif; font-weight: 400; text-transform: capitalize; } .myparty-public-profile .header-section .user-info .public-branch { font-size: 14px; color: #7c848c; font-family: "Poppins", sans-serif; font-weight: 400; text-transform: capitalize; margin-bottom: 20px; } .myparty-public-profile .header-section .user-bio { color: #7c848c; font-size: 16px; font-family: "Poppins", sans-serif; font-weight: 500; text-transform: capitalize; } .myparty-public-profile .header-section .user-social a { float: left; color: #6ac88a; font-size: 20px; margin-right: 5px; } .myparty-public-profile .party-functions { background-color: #fff; display: inherit; padding: 75px 0 20px 0; } .myparty-public-profile .party-functions .card-body { padding: 1.5rem 1.25rem; } .myparty-public-profile .party-functions hr { margin-top: 0.5rem; margin-bottom: 2rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .myparty-public-profile .party-functions h3 { color: #161a1e; font-size: 16px; font-family: "Poppins Semibold", sans-serif; text-transform: uppercase; margin-bottom: 0; } .myparty-public-profile .party-functions h4 { color: #D9003C; font-size: 14px; font-family: "Poppins Semibold", sans-serif; margin-bottom: 0; } .myparty-public-profile .party-functions h5 { color: #161a1e; font-size: 12px; font-family: "Poppins Semibold", sans-serif; text-transform: uppercase; } .myparty-public-profile .party-functions h6 { color: #7c848c; font-size: 12px; font-family: "Poppins Semibold", sans-serif; text-transform: capitalize; } .myparty-public-profile .party-functions i { color: #D9003C; float: left; font-size: 20px; margin-top: -2px; margin-right: 10px; } .myparty-public-profile .party-functions .card { border: 1px solid rgba(0, 0, 0, 0.06); } .myparty-public-profile .party-functions .card .card-header { border-bottom: none; text-decoration: none !important; display: flex; } .myparty-public-profile .party-functions .card .card-header h5 { color: #D9003C; font-size: 12px; font-family: "Poppins", sans-serif; text-transform: uppercase; font-weight: 400; margin-left: 20px; } .myparty-public-profile .party-functions .card .functions { float: left; text-transform: uppercase; } .myparty-public-profile .party-functions .card .vacancies { float: right; text-transform: uppercase; } .myparty-public-profile .public-functions { background-color: #fff; display: inherit; padding: 20px 0 75px 0; } .myparty-public-profile .public-functions .card-body { padding: 1.5rem 1.25rem; } .myparty-public-profile .public-functions hr { margin-top: 0.5rem; margin-bottom: 2rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .myparty-public-profile .public-functions h3 { color: #161a1e; font-size: 16px; font-family: "Poppins Semibold", sans-serif; text-transform: uppercase; margin-bottom: 0; } .myparty-public-profile .public-functions h4 { color: #D9003C; font-size: 14px; font-family: "Poppins Semibold", sans-serif; margin-bottom: 0; } .myparty-public-profile .public-functions h5 { color: #161a1e; font-size: 12px; font-family: "Poppins Semibold", sans-serif; text-transform: uppercase; } .myparty-public-profile .public-functions h6 { color: #7c848c; font-size: 12px; font-family: "Poppins Semibold", sans-serif; text-transform: capitalize; } .myparty-public-profile .public-functions i { color: #D9003C; float: left; font-size: 20px; margin-top: -2px; margin-right: 10px; } .myparty-public-profile .public-functions a:hover { text-decoration: none !important; } .myparty-public-profile .public-functions a .card { border: 1px solid rgba(0, 0, 0, 0.06); } .myparty-public-profile .public-functions a .card .card-header { border-bottom: none; text-decoration: none !important; display: flex; } .myparty-public-profile .public-functions a .card .card-header h5 { color: #D9003C; font-size: 12px; font-family: "Poppins", sans-serif; text-transform: uppercase; font-weight: 400; margin-left: 20px; } .myparty-public-profile .public-functions a .card .functions { float: left; text-transform: uppercase; } .myparty-public-profile .public-functions a .card .vacancies { float: right; text-transform: uppercase; } .myparty-public-profile .public-functions .card-header { border-bottom: none; text-decoration: none !important; display: flex; } .myparty-public-profile .public-functions .card-header h5 { color: #D9003C; font-size: 12px; font-family: "Poppins", sans-serif; text-transform: uppercase; font-weight: 400; margin-left: 20px; } @media screen and (max-width: 769px) { .myparty-public-profile hr { margin: 0 auto; margin-bottom: 15px; } .myparty-public-profile .public-avatar { display: block; margin: 0 auto; } .myparty-public-profile .user-info { text-align: center; } .myparty-public-profile .user-social { width: -moz-fit-content; width: fit-content; margin: 0 auto; } .myparty-public-profile .user-social a { margin-right: 5px; margin-left: 5px; } .myparty-public-profile .user-bio { text-align: center; } } .bakti-untuk-rakyat .article-page-content .page-title { background-color: transparent; color: #000000; font-family: "Adrianna", sans-serif; font-size: 40px; line-height: 42px; font-weight: 700; margin-top: 55px; margin-bottom: 10px; padding: 0; text-transform: none; } @media screen and (max-width: 500px) { .bakti-untuk-rakyat .article-page-content .page-title { font-size: 40px !important; } } .bakti-untuk-rakyat .article-page-content .page-title::before { content: none; } .bakti-untuk-rakyat .article-page-content .page-subtitle { margin-bottom: 10px; } .bakti-untuk-rakyat .article-page-content .article-info { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; color: #C6C3C3; margin-bottom: 24px; } .bakti-untuk-rakyat .article-page-content .article-info .article-author-img { padding-right: 10px; } .bakti-untuk-rakyat .article-page-content .article-info .article-author-img img { width: 30px; height: 30px; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .bakti-untuk-rakyat .article-page-content .article-info .article-author-name { font-size: 12px; font-weight: 700; padding-right: 15px; position: relative; } .bakti-untuk-rakyat .article-page-content .article-info .article-author-name:after { content: "|"; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); font-weight: 400; } .bakti-untuk-rakyat .article-page-content .article-info .article-date { font-size: 12px; font-weight: 500; } .bakti-untuk-rakyat .article-page-content .text-widget-container p { font-size: 16px; line-height: 24px; font-family: "Open Sans", sans-serif; font-weight: 400; } .bakti-untuk-rakyat .article-page-content .text-widget-container ol { font-size: 16px; line-height: 24px; font-family: "Open Sans", sans-serif; font-weight: 400; } .bakti-untuk-rakyat .article-page-content .leave-comment { margin-bottom: 50px !important; } .bakti-untuk-rakyat #page-content.article-page-content.shareable-article .comment_form, .bakti-untuk-rakyat #page-content.article-page-content.poll-article .comment_form { padding-bottom: 30px; } .article-page-content { overflow-x: hidden; } .article-page-content .reactions-container { margin-top: 3rem; } .article-page-content .page-title { padding: 30px 50px; min-width: 300px; font-weight: 500; font-size: 54px; line-height: 1; font-weight: normal; color: #fff; margin-bottom: 60px; font-weight: 700; border-radius: 60px 0 60px 0; background-color: #D9003C; width: -moz-fit-content; width: fit-content; position: relative; } .article-page-content .page-title::before { content: ""; position: absolute; bottom: 25px; left: 50px; height: 8px; width: 188px; background-color: #ffffff; } @media (max-width: 500px) { .article-page-content .page-title { min-width: auto; } } .article-page-content .page-subtitle { font-size: 26px; font-weight: normal; line-height: 36px; margin-bottom: 30px; color: #000000; } .article-page-content .media-widget-container { float: left; margin: 0px 30px 20px 0; } .article-page-content .text-widget-container { margin-top: -2px; } .article-page-content .text-widget-container p { font-family: "Adrianna", sans-serif; font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; margin-top: 25px; margin-bottom: 25px; color: #000; } .article-page-content .text-widget-container ol { font-family: "Barlow", sans-serif; font-size: 20px; list-style-type: none; counter-reset: section; } @media (max-width: 767px) { .article-page-content .page-title { font-size: 32px; margin-bottom: 30px; } .article-page-content .media-widget-container { margin-right: 0; } .article-page-content .media-widget-container img { width: 100%; } } .article-page-content .embed-widget-article { margin-bottom: 20px; } .article-page-content .embed-responsive { margin-bottom: 20px; } .article-page-content .comments-container h3 { font-size: 26px; font-weight: 700; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #f5f5f5; } .article-page-content .comments-container #reactions-list ul.comments { list-style: none; padding: 0; } .article-page-content .comments-container #reactions-list ul.comments li { background-color: #F5F5F5; border-radius: 30px 0px; padding: 1.25rem 1rem; margin-bottom: 2rem; } .article-page-content .comments-container #reactions-list ul.comments li .user-info { margin-bottom: 0 !important; } .article-page-content .comments-container #reactions-list ul.comments li .user-info .user-img { width: 50px; height: 50px; border-radius: 50%; background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; margin-right: 15px; } .article-page-content .comments-container #reactions-list ul.comments li .user-info .user-name { display: inline-block; font-size: 14px; font-weight: 600; margin-bottom: 0 !important; } .article-page-content .comments-container #reactions-list ul.comments li .user-info .user-name span { color: #001C2B; font-weight: 400; } .article-page-content .comments-container #reactions-list ul.comments li .comment { font-size: 14px; line-height: 22px; padding-bottom: 15px; border-bottom: 0 !important; margin-bottom: 0 !important; padding-bottom: 0; } .article-page-content .comments-container .load-more { margin-bottom: 4rem; margin-top: 1rem; background-color: #0077E9 !important; padding: 20px 45px !important; font-family: "Poppins", sans-serif; font-size: 18px !important; line-height: 1 !important; font-weight: 400 !important; height: auto !important; text-transform: none !important; border-radius: 15px !important; border: none !important; color: #fff; } .article-page-content .comments-container .load-more:hover, .article-page-content .comments-container .load-more:focus { text-decoration: none; color: #ffffff; filter: brightness(85%); } .article-page-content .comments-container .load-more.hide-load-more { display: none; } .informative-article .w-fit-content { width: 100%; } .informative-article .w-fit-content img { width: 100%; -o-object-fit: cover; object-fit: cover; } label[for=activate_privacy] { display: contents; } .event-article .latest-attendees-container { display: flex; } .event-article .user-image-container { width: 70px; margin: 0 auto; } .event-article .user-image-container .user-image { border-radius: 100px; height: 70px; width: 70px; display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: cover; } .event-article .event-details h5 { font-size: 14px; font-family: "Poppins", sans-serif; font-weight: 400; margin-bottom: 15px; } .event-article .event-details h5 i { margin-right: 10px; } .event-article .map-buttons { padding-top: 30px; padding-bottom: 35px; } .event-article .map-buttons a { font-size: 22px; font-family: "Poppins", sans-serif; font-weight: 400; } .event-article .map-buttons .going-event { width: 100%; float: left; background: #23c87b; border-radius: 5px; padding: 5px 0px; text-align: center; border: 2px solid #23c87b; margin: 0 auto; } .event-article .map-buttons .going-event a { color: white; } .event-article .map-buttons .interested-event { width: 45%; float: right; background: white; border-radius: 10px; padding: 5px 0px; text-align: center; border: 2px solid #23c87b; } .event-article .map-buttons .interested-event a { color: #23c87b; } .event-article .error-event { width: 100%; color: red; font-size: 19px; font-family: "Poppins", sans-serif; font-weight: 400; padding: 10px 0; text-align: center; } .event-article .succes-event { width: 100%; color: #23c87b; font-size: 19px; font-family: "Poppins", sans-serif; font-weight: 400; padding: 10px 0; text-align: center; } .event-article .map-widget { margin-bottom: 20px; } .event-article .map-widget .event-marker { font-size: 14px; font-family: "Poppins", sans-serif; margin-bottom: 15px; font-weight: 400; } .event-article .map-widget .event-marker i { margin-right: 10px; } .article-sidebar { margin-bottom: 20px; } .article-sidebar .sidebar-content { background-color: #f5f5f5; position: relative; padding: 30px 40px 20px 40px; } @media (max-width: 991px) { .article-sidebar .sidebar-content { padding: 20px; } .article-sidebar .sidebar-content:after { display: none; } } .share_article { margin-bottom: 35px; } .share_article p { display: inline-block; font-size: 26px; font-weight: 700; line-height: 42px; margin: 0 14px 0 0; display: block; margin-bottom: 1rem; } @media (max-width: 500px) { .share_article p { font-size: 25px; } } .share_article a { color: #fff; font-size: 18px; width: 42px; height: 42px; display: inline-block; line-height: 20px; padding: 10px; border-radius: 21px; margin: 0 1rem 0 0px; } .share_article a:hover { color: #fff; } .share_article a.facebook-btn { background-color: #D9003C; transform: scale(1); transform-origin: top left; transition: all 0.2s ease-in-out; } .share_article a.facebook-btn:hover { filter: brightness(85%); transform: scale(1.15); } .share_article a.twitter-btn { background-color: #D9003C; transform: scale(1); transform-origin: top left; transition: all 0.2s ease-in-out; } .share_article a.twitter-btn:hover { filter: brightness(85%); transform: scale(1.15); } .share_article a.whatsapp-btn { background-color: #D9003C; transform: scale(1); transform-origin: top left; transition: all 0.2s ease-in-out; } .share_article a.whatsapp-btn:hover { filter: brightness(85%); transform: scale(1.15); } .share_article a.copy-btn { background-color: #D9003C; transform: scale(1); transform-origin: top left; transition: all 0.2s ease-in-out; } .share_article a.copy-btn:hover { filter: brightness(85%); transform: scale(1.15); } .informative-article .page-title { margin-bottom: 30px; } .informative-article .media-widget-container { width: 50% !important; } .shareable-article .media-widget-container { float: none; margin: 0 0 20px; } .shareable-article .media-widget-container .media-widget-article { width: 100%; } .shareable-article .media-widget-container .media-widget-article img { width: 100%; } .petition-article .media-widget-container { float: none; margin: 0 0 20px; } .petition-article .media-widget-container .media-widget-article { width: 100%; } .petition-article .media-widget-container .media-widget-article img { width: 100%; } .submit-article .media-widget-container { float: none; margin: 0 0 20px; } .submit-article .media-widget-container .media-widget-article { width: 100%; } .submit-article .media-widget-container .media-widget-article img { width: 100%; } .read-comment-article .media-widget-container { float: none; margin: 0 0 20px; } .read-comment-article .media-widget-container .media-widget-article { width: 100%; } .read-comment-article .media-widget-container .media-widget-article img { width: 100%; } .read-comment-article .article-sidebar .form-widget .comment_form .form-title { display: none; } .read-comment-article .article-sidebar .complete-steps { font-size: 22px; font-weight: 700; padding: 4px 0 0; margin-bottom: 24px; } .read-comment-article .article-sidebar .step { margin-bottom: 35px; } .read-comment-article .article-sidebar .step h5 { font-size: 18px; line-height: 26px; font-weight: 700; margin-bottom: 24px; } .read-comment-article .article-sidebar .step h5 span { color: #0077E9; } .read-comment-article .article-sidebar .step .read-article, .read-comment-article .article-sidebar .step .read-article-user { height: 46px; display: block; font-size: 22px; font-weight: 500; background-color: #00A1ED; color: #fff; line-height: 30px; border-radius: 5px; } .read-comment-article .article-sidebar .step .read-article:hover, .read-comment-article .article-sidebar .step .read-article:focus, .read-comment-article .article-sidebar .step .read-article-user:hover, .read-comment-article .article-sidebar .step .read-article-user:focus { filter: brightness(85%); } .invite-article .media-widget-container { float: none; margin: 0 0 20px; } .invite-article .media-widget-container .media-widget-article { width: 100%; } .invite-article .media-widget-container .media-widget-article img { width: 100%; } .write-a-letter-article .media-widget-container { float: none; margin: 0 0 20px; } .write-a-letter-article .media-widget-container .media-widget-article { width: 100%; } .write-a-letter-article .media-widget-container .media-widget-article img { width: 100%; } .write-a-letter-article .sidebar-content { background-image: url("/img/themes/default/bg-write-a-letter.png"); background-repeat: no-repeat; background-position: bottom -18px right -136px; } .write-a-letter-article .sidebar-content:after { background-image: url("/img/themes/default/bg-write-a-letter.png"); background-repeat: no-repeat; background-position: bottom -18px left -75px; } @media (max-width: 991px) { .write-a-letter-article .sidebar-content { background-position: bottom -18px right 10px; } .write-a-letter-article .sidebar-content:after { background-image: none; } } .write-a-letter-article .write-a-letter-widget .write-letter-title { display: block; font-size: 22px; font-weight: 700; color: #000; padding-top: 4px; margin-bottom: 32px; } .write-a-letter-article .write-a-letter-widget .letter-subject { display: block; font-size: 16px; color: #616161; line-height: 27px; margin-bottom: 10px; } .write-a-letter-article .write-a-letter-widget .letter-message { display: block; font-size: 16px; color: #616161; line-height: 27px; margin-bottom: 40px; } .write-a-letter-article .write-a-letter-widget .letter-message p { display: inline; font-size: 16px; } .write-a-letter-article .write-a-letter-widget .letter-label { display: inline; } .write-a-letter-article .write-a-letter-widget .btn-form { font-size: 22px; font-weight: 400; text-transform: uppercase; background: #0077E9; color: white; padding: 5px 20px; display: block; width: 100%; margin-bottom: 30px; } @media screen and (max-width: 767px) { .informative-article .media-widget-container { width: 100% !important; } } .donation-article-media .w-fit-content img { display: block; height: 500px; } .donation-widget-container-article { width: 530px; background: #FCFCFC 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); border-radius: 5px; opacity: 1; position: fixed; top: 100px; z-index: 999; } .donation-widget-container-article .donation-widget-container { overflow-y: auto; height: 600px; } .donation-widget-container-article .donation-widget-container .donation-widget-amounts-container { display: flex; align-items: center; justify-content: space-between; } .donation-widget-container-article .donation-widget-container .donation-widget-amounts-container .amount-value { width: 100px; height: 51px; border: 1px solid #707070; border-radius: 5px; opacity: 1; text-align: center; font: normal normal 600 24px/51px Barlow; letter-spacing: 0px; color: #616161; cursor: pointer; } .donation-widget-container-article .donation-widget-container .donation-widget-amounts-container .amount-value.selected { background-color: #1155CC; color: #FBFBFB; } .donation-widget-container-article .donation-widget-container .donation-widget-other-amount-input-container .donation-widget-other-amount-input { border: 1px solid #CCCCCC; border-radius: 5px; opacity: 1; } .donation-widget-container-article .donation-widget-container .donation-widget-button-container .donation-widget-button { border: 1px solid #EA5455; border-radius: 5px; opacity: 1; font: normal normal normal 18px/22px Barlow; letter-spacing: 0px; color: #EA5455; text-transform: uppercase; padding: 15px 114px; background-color: #ffffff; } .donation-widget-container-article .donation-widget-container .donation-widget-step-container { display: flex; align-items: center; justify-content: center; } .donation-widget-container-article .donation-widget-container .donation-widget-step-container .donation-widget-step { border: 1px solid #707070; opacity: 1; border-radius: 50%; width: 25px; text-align: center; color: #707070; } .donation-widget-container-article .donation-widget-container .donation-widget-step-container .donation-widget-step.selected { background-color: #ED5057; color: #FBFBFB; border: none; } .donation-widget-container-article .donation-widget-container .payment-button { background-color: #3C78D8; border-radius: 5px; opacity: 1; font: normal normal 600 24px/29px Barlow; letter-spacing: 0px; color: #FBFBFB; opacity: 1; border: none; padding-bottom: 10px; padding-top: 10px; } .donation-widget-container-article .donation-widget-container .bank-transfer-title { font: normal normal 600 18px/22px Barlow; letter-spacing: 0px; color: #616161; opacity: 1; } .donation-widget-container-article .donation-widget-container .bank-transfer-label { font: normal normal bold 18px/22px Barlow; letter-spacing: 0px; color: #393939; opacity: 1; } .donation-widget-container-article .donation-widget-container .bank-transfer-data { font: normal normal 600 18px/22px Barlow; letter-spacing: 0px; color: #BCBCBC; opacity: 1; } .donation-widget-container-article .donation-widget-container .choose-different-label-bank { font: normal normal medium 18px/22px Barlow; letter-spacing: 0px; color: #3C78D8; opacity: 1; cursor: pointer; } .donation-widget-container-article .donation-widget-container .or-choose-payment { font: normal normal medium 18px/22px Barlow; letter-spacing: 0px; color: #616161; opacity: 1; } .bakti-untuk-rakyat .shareable-article { padding-bottom: 2.1875rem; } .bakti-untuk-rakyat .shareable-article .shareable-page-title { min-width: unset; } .bakti-untuk-rakyat .shareable-article .img-decorator-top { position: relative; } .bakti-untuk-rakyat .shareable-article .img-decorator-top svg { position: absolute; top: 55px; right: 0; } .bakti-untuk-rakyat .shareable-article .article-sidebar { margin-bottom: 0; } .bakti-untuk-rakyat .shareable-article .sidebar-content { padding: 0; background-color: transparent; } .bakti-untuk-rakyat .shareable-article .form-title { display: none; } .bakti-untuk-rakyat .shareable-article .comment_form div:first-of-type { max-width: initial !important; } .bakti-untuk-rakyat .shareable-article .leave-comment .widget-form .form-input.form-control, .bakti-untuk-rakyat .shareable-article .leave-comment .widget-form textarea { border-radius: 10px; } .bakti-untuk-rakyat .shareable-article .leave-comment .widget-form .form-input.form-control::-moz-placeholder, .bakti-untuk-rakyat .shareable-article .leave-comment .widget-form textarea::-moz-placeholder { color: #6E6C6C; } .bakti-untuk-rakyat .shareable-article .leave-comment .widget-form .form-input.form-control::placeholder, .bakti-untuk-rakyat .shareable-article .leave-comment .widget-form textarea::placeholder { color: #6E6C6C; } .bakti-untuk-rakyat .shareable-article .leave-comment .widget-form .container-checkbox .checkmark { border: 1px solid #6E6C6C; } .bakti-untuk-rakyat .shareable-article .leave-comment .widget-form .container-checkbox span a { color: #1E8FE1; } .bakti-untuk-rakyat .shareable-article .leave-comment .widget-form .primary-button { max-width: 32.5rem; width: 100%; padding-top: 1.125rem !important; padding-bottom: 1.125rem !important; font-size: 2.25rem !important; font-family: "Adrianna", sans-serif; border: 1px solid #F6555C !important; background-color: #F6555C !important; } .bakti-untuk-rakyat .share-with-friends a { display: flex; justify-content: center; align-items: center; padding-top: 1.4375rem; padding-bottom: 1.4375rem; margin-bottom: 0.9375rem; font-size: 1.25rem; font-family: "Adrianna", sans-serif; border-radius: 26px; font-weight: 400; position: relative; } .bakti-untuk-rakyat .share-with-friends a i { width: 21px; height: 21px; margin-right: 10px; padding: 0; background-color: #fff; border-radius: 50%; line-height: 1.5; } @media (min-width: 1200px) { .bakti-untuk-rakyat .share-with-friends a i { margin-right: 1.25rem; } } .bakti-untuk-rakyat .share-with-friends a.facebook-btn { background-color: #005A9B; } .bakti-untuk-rakyat .share-with-friends a.facebook-btn i { color: #005A9B; } .bakti-untuk-rakyat .share-with-friends a.twitter-btn { background-color: #37CFFF; } .bakti-untuk-rakyat .share-with-friends a.twitter-btn i { font-size: 14px; line-height: 1.6; color: #37CFFF; } .bakti-untuk-rakyat .share-with-friends a.whatsapp-btn { background-color: #16E26E; } .bakti-untuk-rakyat .share-with-friends a.whatsapp-btn i { font-size: 14px; color: #16E26E; } .bakti-untuk-rakyat .read-comment-article { padding-bottom: 2.1875rem; } .bakti-untuk-rakyat .read-comment-article .container .row .col-lg-2 { overflow: hidden; } .bakti-untuk-rakyat .read-comment-article .share-title-inpage { min-width: unset; } .bakti-untuk-rakyat .read-comment-article .img-decorator-top { position: relative; } .bakti-untuk-rakyat .read-comment-article .img-decorator-top svg { position: absolute; } .bakti-untuk-rakyat .read-comment-article .img-decorator-bottom { margin-top: 1.875rem; } @media (max-width: 768px) { .bakti-untuk-rakyat .read-comment-article .img-decorator-bottom { margin-top: 0; } } .bakti-untuk-rakyat .read-comment-article .img-decorator-bottom svg { right: 16px; position: absolute; display: none; } @media (min-width: 992px) { .bakti-untuk-rakyat .read-comment-article .img-decorator-bottom svg { display: block; } } @media screen and (max-width: 1200px) { .bakti-untuk-rakyat .read-comment-article .img-decorator-bottom svg { width: 160px; } } .bakti-untuk-rakyat .read-comment-article .article-sidebar { position: relative; overflow: hidden; margin-bottom: 0; } .bakti-untuk-rakyat .read-comment-article .article-sidebar .sidebar-content { padding: 1.375rem; background-color: #F8F8F8; border-radius: 16px; } .bakti-untuk-rakyat .read-comment-article .article-sidebar .sidebar-content .complete-steps { margin-bottom: 1.125rem; font-size: 1.625rem; font-family: "Adrianna", sans-serif; } .bakti-untuk-rakyat .read-comment-article .article-sidebar .sidebar-content .step { margin-bottom: 0.9375rem; } @media (max-width: 768px) { .bakti-untuk-rakyat .read-comment-article .article-sidebar .sidebar-content .step { margin-bottom: 0; } } @media (max-width: 768px) { .bakti-untuk-rakyat .read-comment-article .article-sidebar .sidebar-content .step.step-1 { margin-bottom: 50px; } } .bakti-untuk-rakyat .read-comment-article .article-sidebar .sidebar-content .step h5, .bakti-untuk-rakyat .read-comment-article .article-sidebar .sidebar-content .step span { font-size: 1.25rem; color: #000; } .bakti-untuk-rakyat .read-comment-article .article-sidebar .sidebar-content .step h5.error, .bakti-untuk-rakyat .read-comment-article .article-sidebar .sidebar-content .step span.error { color: #D9003C; font-size: 1rem; } .bakti-untuk-rakyat .read-comment-article .article-sidebar .sidebar-content .read-article-user, .bakti-untuk-rakyat .read-comment-article .article-sidebar .sidebar-content .read-article { padding-top: 1.125rem; padding-bottom: 1.125rem; height: initial; font-size: 2.25rem; font-weight: 700; text-transform: capitalize; font-family: "Adrianna", sans-serif; border-radius: 36px; color: #ffffff; background-color: #F6555C; } @media (min-width: 992px) and (max-width: 1400px) { .bakti-untuk-rakyat .read-comment-article .article-sidebar .sidebar-content .read-article-user { font-size: 28px; } } .bakti-untuk-rakyat .read-comment-article .article-sidebar .sidebar-content .form-input.form-control::-moz-placeholder, .bakti-untuk-rakyat .read-comment-article .article-sidebar .sidebar-content textarea::-moz-placeholder { color: #6E6C6C; } .bakti-untuk-rakyat .read-comment-article .article-sidebar .sidebar-content .form-input.form-control::placeholder, .bakti-untuk-rakyat .read-comment-article .article-sidebar .sidebar-content textarea::placeholder { color: #6E6C6C; } .bakti-untuk-rakyat .read-comment-article .article-sidebar .sidebar-content .form-disclaimers .container-checkbox .checkmark { border: 1px solid #6E6C6C; } .bakti-untuk-rakyat .read-comment-article .article-sidebar .sidebar-content .form-disclaimers .container-checkbox span { font-size: 0.75rem; color: #6E6C6C; } .bakti-untuk-rakyat .read-comment-article .article-sidebar .sidebar-content .form-disclaimers .container-checkbox span a { color: #1E8FE1; } .bakti-untuk-rakyat .read-comment-article .article-sidebar .sidebar-content .comment_form:first-child { padding: 0 !important; } .bakti-untuk-rakyat .read-comment-article .article-sidebar .sidebar-content .primary-button { max-width: 32.5rem; width: 100%; padding-top: 1.125rem !important; padding-bottom: 1.125rem !important; font-size: 2.25rem !important; font-family: "Adrianna", sans-serif; border: 1px solid #F6555C !important; background-color: #F6555C !important; } .bakti-untuk-rakyat .read-comment-article .article-sidebar .sidebar-content .widget-form .form-submit-msg { padding: 0; background-image: none; color: #1E8FE1; } .bakti-untuk-rakyat .read-comment-article .article-sidebar .sidebar-content .widget-form .form-submit-msg::before, .bakti-untuk-rakyat .read-comment-article .article-sidebar .sidebar-content .widget-form .form-submit-msg::after { content: none; } .bakti-untuk-rakyat .read-comment-article .share_article { margin-top: 0; margin-bottom: 20px; } .bakti-untuk-rakyat .poll-article { padding-bottom: 2.1875rem; } .bakti-untuk-rakyat .poll-article .page-title { min-width: unset; } .bakti-untuk-rakyat .poll-article .poll-article_head { position: relative; } .bakti-untuk-rakyat .poll-article .poll-article_head .img-decorator-top { display: none; position: absolute; top: 55px; right: 15px; } @media (min-width: 992px) { .bakti-untuk-rakyat .poll-article .poll-article_head .img-decorator-top { display: block; } } .bakti-untuk-rakyat .poll-article .poll-article_form .img-decorator-bottom { right: 15px; top: 0; display: none; position: absolute; } @media (min-width: 992px) { .bakti-untuk-rakyat .poll-article .poll-article_form .img-decorator-bottom { display: block; } } .bakti-untuk-rakyat .poll-article .article-poll-media .media-widget-article { width: 100%; } .bakti-untuk-rakyat .poll-article .article-poll-media .media-widget-article .article-share-image { width: 100%; margin-bottom: 35px; } .bakti-untuk-rakyat .poll-article .sidebar-content { padding: 1.375rem; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); border-radius: 16px; background-color: #F8F8F8; } .bakti-untuk-rakyat .poll-article .poll-widget #poll-question { margin-top: 0 !important; margin-bottom: 35px !important; padding-right: 0; font-size: 20px; font-weight: 600; font-family: "Open Sans", sans-serif; text-align: left; } .bakti-untuk-rakyat .poll-article .poll-widget #poll-answers .single-choice input { display: none; } .bakti-untuk-rakyat .poll-article .poll-widget #poll-answers .single-choice .container { margin-bottom: 1.375rem; padding: 10px; background-color: #EEEEEE; border-radius: 6px; font-size: 1rem; font-weight: 400; font-family: "Adrianna", sans-serif; } .bakti-untuk-rakyat .poll-article .poll-widget #poll-answers .single-choice .checkmark { top: 2px; width: 23px; height: 23px; border: 1px solid #707070; background-color: #ffffff; } .bakti-untuk-rakyat .poll-article .poll-widget #poll-answers .single-choice .checkmark::after { top: 7px; left: 7px; } .bakti-untuk-rakyat .poll-article .poll-widget #poll-answers .single-choice input:checked ~ .container { background-color: #adadad; } .bakti-untuk-rakyat .poll-article .poll-widget #poll-answers .br-1-content { display: flex; justify-content: space-between; height: 100%; min-height: auto; background-color: #adadad; border-radius: 6px; } .bakti-untuk-rakyat .poll-article .poll-widget #poll-answers .br-1-content .br-1-content-wrap { display: flex; justify-content: space-between; width: 100%; } .bakti-untuk-rakyat .poll-article .poll-widget #poll-answers .br-1-content .br-1-content-wrap .progress-brand-wrap { margin-right: 10px; position: relative; width: 100%; } .bakti-untuk-rakyat .poll-article .poll-widget #poll-answers .br-1-content .br-1-content-wrap .progress-brand-wrap .progress-brand_text { display: block; position: relative; padding: 15px; z-index: 2; color: #ffffff; } .bakti-untuk-rakyat .poll-article .poll-widget #poll-answers .br-1-content .br-1-content-wrap .progress-brand-wrap .progress-brand { border-radius: 5px 0 0 5px; max-width: none; float: none; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 100%; z-index: 1; background-color: #000000; } .bakti-untuk-rakyat .poll-article .poll-widget #poll-answers .br-1-content .br-1-content-wrap .text-brand-content { align-self: center; padding-left: 10px; padding-right: 10px; font-size: 1.25rem; font-weight: 600; color: #ffffff; width: 100px; text-align: right; } .bakti-untuk-rakyat .poll-article .primary-button { padding: 0.875rem 5rem !important; font-size: 1.5625rem !important; font-weight: 700 !important; font-family: "Adrianna", sans-serif; border: 1px solid #F6555C !important; background-color: #F6555C !important; } .bakti-untuk-rakyat .poll-article .comment_form div:first-of-type { max-width: none !important; } .bakti-untuk-rakyat .poll-article .comment_form .form-input.form-control, .bakti-untuk-rakyat .poll-article .comment_form textarea { border-radius: 10px; } .bakti-untuk-rakyat .poll-article .comment_form .form-input.form-control::-moz-placeholder, .bakti-untuk-rakyat .poll-article .comment_form textarea::-moz-placeholder { color: #6E6C6C; } .bakti-untuk-rakyat .poll-article .comment_form .form-input.form-control::placeholder, .bakti-untuk-rakyat .poll-article .comment_form textarea::placeholder { color: #6E6C6C; } .bakti-untuk-rakyat .poll-article .comment_form .primary-button { max-width: 32.5rem; width: 100%; padding-top: 1.125rem !important; padding-bottom: 1.125rem !important; } .bakti-untuk-rakyat .poll-article .comment_form .container-checkbox span a { color: #1E8FE1; } .bakti-untuk-rakyat .poll-article .form-title { display: none; } .bakti-untuk-rakyat .poll-article .form-widget h3 { margin-top: 0 !important; margin-bottom: 36px !important; padding-right: 0; text-align: left; font-size: 24px; line-height: 28px; font-weight: 600; font-family: "Adrianna", sans-serif; } @media (max-width: 767px) { .donation-widget-container-article { width: 100%; position: relative; top: 0; } .donation-widget-button { width: -webkit-fill-available !important; } } /*==============================================================================================================*/ /*==================================== 110 - bakti-untuk-rakyat================================================*/ /*============================================================================================================*/ .bakti-untuk-rakyat .informative-article .informative-article_title { position: relative; } @media (max-width: 991px) { .bakti-untuk-rakyat .informative-article .informative-article_title { padding-right: 15px; } } .bakti-untuk-rakyat .informative-article .informative-article_title:after { content: ""; background-image: url("/images/themes/prabowo/informative-article_decoration-title.svg"); background-size: cover; background-position: bottom center; background-repeat: no-repeat; position: absolute; right: 15px; top: -70px; width: 114px; height: 255px; } @media (max-width: 991px) { .bakti-untuk-rakyat .informative-article .informative-article_title:after { display: none; } } .bakti-untuk-rakyat .informative-article .informative-article_body { position: relative; } .bakti-untuk-rakyat .informative-article .informative-article_body:after { content: ""; background-image: url("/images/themes/prabowo/informative-article_decoration-bottom.svg"); background-size: cover; background-position: bottom center; background-repeat: no-repeat; position: absolute; left: calc(100% - 15px); top: 100%; width: 226px; height: 623px; } @media (max-width: 991px) { .bakti-untuk-rakyat .informative-article .informative-article_body:after { display: none; } } .bakti-untuk-rakyat .informative-article .informative-article_body .media-widget-container { width: 100% !important; margin: 0 0 20px 0; float: none; } .bakti-untuk-rakyat .informative-article .comment_form div:first-of-type { max-width: none !important; } .topics-list .page-cover { margin-bottom: 0; } .topics-list .error { color: #0077E9; } .topics-list #proposeATopic .search-input { display: block; } .topics-list #proposeATopic .search-input .error { color: #0077E9; } .topics-list { padding-bottom: 50px; background-color: #F6F6F6; } .topics-list .preview { background-color: #D9003C; width: 100%; position: absolute; bottom: 0px; height: 115px; padding-top: 40px; padding-bottom: 40px; padding-left: 30px; opacity: 0.9; text-shadow: 0 0 black; } .topics-list #proposeATopicLoader { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; z-index: 9; } .topics-list #proposeATopicLoader i { font-size: 40px; text-align: center; display: block; margin: 0 auto; margin-top: 30%; } .topics-list #loadMoreTopicsLoader { display: none; } .topics-list #loadMoreTopicsLoader i { font-size: 40px; text-align: center; display: block; margin: 0 auto; } .topics-list .topic-page .preview { background-color: #012556 !important; width: 100%; position: absolute; bottom: 0px; height: 100px; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; opacity: 0.9; } .topics-list .topic-page .preview .topic-title { font-size: 24px; letter-spacing: 1px !important; color: #ffffff !important; font-family: #D9003C !important; position: inherit !important; margin-left: 0 !important; bottom: unset !important; } .topics-list .topic-user-avatar { height: 52px; width: 52px; border-radius: 50%; margin-right: 10px; margin-top: 5px; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-size: cover; } .topics-list .modal { top: 10%; } .topics-list .modal .warning-messages { color: red; } .topics-list .modal .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .topics-list .modal .image-upload-label { font-size: 14px; letter-spacing: 1px; color: #616161; font-family: "Poppins", sans-serif; line-height: 40px; } .topics-list .modal .modal-dialog { max-width: 650px; } .topics-list .modal .search-input input { width: 100%; } .topics-list .modal .upload-topic-image { width: 100%; } .topics-list .modal .form-control { border: 1px solid #e5e5e5; border-radius: 6px; } .topics-list .modal input::-moz-placeholder, .topics-list .modal textarea::-moz-placeholder { font-size: 14px; letter-spacing: 1px; line-height: 24px; color: #b6b6b6; font-family: "Poppins", sans-serif; } .topics-list .modal input::placeholder, .topics-list .modal textarea::placeholder { font-size: 14px; letter-spacing: 1px; line-height: 24px; color: #b6b6b6; font-family: "Poppins", sans-serif; } .topics-list .modal .modal-title { font-size: 18px; letter-spacing: 1px; line-height: 30px; color: #757575; font-family: "Poppins", sans-serif; } .topics-list .modal .checkbox label { font-size: 14px; letter-spacing: 1px; line-height: 24px; color: #757575; font-family: "Poppins", sans-serif; } .topics-list .propose-a-topic-container { text-align: left; padding-top: 40px; padding-bottom: 40px; } .topics-list .propose-a-topic-container .primary-button { border: 3px solid #ffffff !important; border-radius: 30px 0px !important; background-color: #00A1ED !important; } .topics-list .load-more-topics-container { text-align: right; padding-top: 25px; padding-bottom: 25px; } .topics-list .category-cover-container { width: 100%; height: 500px; background-size: cover; background-repeat: no-repeat; background-position: center; height: 390px; } .topics-list .category-cover-container .cover-image-text-container { width: 50%; margin: 0 auto; display: block; margin-bottom: 20px; border: 1px solid rgba(189, 189, 189, 0.3882352941); cursor: pointer; } .topics-list .category-cover-container .cover-image-text-container .topic-image img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; height: 200px; } .topics-list .category-cover-container .cover-image-text-container .topic-image-doc-default img { width: 100%; -o-object-fit: scale-down; object-fit: scale-down; -o-object-position: center; object-position: center; height: 200px; } .topics-list .category-cover-container .main-category-name { font-size: 54px; letter-spacing: 2px; color: #ffffff; font-family: "Poppins", sans-serif; font-weight: bold; text-align: left; padding-top: 190px; padding-bottom: 10px; text-shadow: 0 0 10px #000; } .topics-list .category-cover-container .main-category-description { font-size: 26px; letter-spacing: 1px; color: "Poppins", sans-serif; font-family: #ffffff; text-align: left; } .topics-list .category-cover-container .message-written-by { font-size: 8px; letter-spacing: 1px; line-height: 24px; color: #bdbdbd; font-family: "Poppins", sans-serif; margin-top: 10px; } .topics-list .category-cover-container .message-written-by span { font-size: 10px; color: #000000; } .topics-list .topics-list-container .topic-image { position: relative; min-height: 338px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .topics-list .topics-list-container .topic-row { padding-top: 30px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; background-color: #ffffff; margin-bottom: 50px; box-shadow: 0px 14px 30px rgba(209, 209, 209, 0.368627451); border-radius: 4px; } @media screen and (max-width: 575px) { .topics-list .topics-list-container .topic-row { margin-right: 0; margin-left: 0; } } .topics-list .topics-list-container .topic-row .message-count { font-size: 16px; letter-spacing: 1px; line-height: 24px; color: #ffffff; font-family: "Poppins", sans-serif; padding: 5px 15px; background-color: rgba(1, 37, 86, 0.85); width: 10%; } .topics-list .topics-list-container .topic-row .message-count span { font-weight: bold; } .topics-list .topics-list-container .topic-row a:hover { text-decoration: none; } .topics-list .topics-list-container .topic-row .topic-title { font-size: 24px; letter-spacing: 1px; color: #ffffff; font-family: "Poppins", sans-serif; position: absolute; bottom: 10px; margin-left: 15px; } .topics-list .topics-list-container .topic-row h2 { margin-bottom: 1rem; } .topics-list .topics-list-container .topic-row h2:before, .topics-list .topics-list-container .topic-row h2:after { display: none; } .topics-list .topics-list-container .topic-row .recent-opinions-wrapp { margin-top: 30px; background-color: #fff; } .topics-list .topics-list-container .topic-row .recent-opinions { font-size: 30px; letter-spacing: -1.2px; font-weight: 700; color: #111111; font-family: "Poppins", sans-serif; } .topics-list .topics-list-container .topic-row .messages-preview-container { height: 280px; overflow-y: scroll; margin-top: 20px; margin-bottom: 10px; } .topics-list .topics-list-container .topic-row .messages-preview-container .message-container-wrapp { background-color: #F5F5F5; border-radius: 30px 0px; padding: 15px; margin-bottom: 25px; margin-right: 10px; } .topics-list .topics-list-container .topic-row .messages-preview-container .message-container-wrapp .message-container div:first-of-type { display: inline-block; width: 100%; text-align: left; } .topics-list .topics-list-container .topic-row .messages-preview-container .no-topic-messages { font-style: italic; color: #757575; } .topics-list .topics-list-container .topic-row .message { font-size: 14px; line-height: 22px; font-weight: 400; color: #001C2B; font-family: "Roboto", sans-serif; margin-top: 10px; } .topics-list .topics-list-container .topic-row .message-author { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 24px; color: #000000; font-family: "Poppins", sans-serif; font-weight: bold; margin-right: 10px; } .topics-list .topics-list-container .topic-row .message-ago { display: inline-block; vertical-align: middle; font-size: 14px; letter-spacing: 1px; line-height: 24px; color: #bdbdbd; font-family: "Poppins", sans-serif; font-weight: bold; } .topics-list .col-md-6 .topics-list-messages .preview { padding: 15px !important; } .topics-list { /* ##Device = Tablets, Ipads (portrait) ##Screen = B/w 768px to 1024px */ } @media (min-width: 768px) and (max-width: 1024px) { .topics-list .topics-list-container { width: 100%; } } .topics-list { /* ##Device = Tablets, Ipads (landscape) ##Screen = B/w 768px to 1024px */ } @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { .topics-list .topics-list-container { width: 100%; } } .topics-list { /* ##Device = Low Resolution Tablets, Mobiles (Landscape) ##Screen = B/w 481px to 767px */ } @media (min-width: 481px) and (max-width: 767px) { .topics-list .topic-title { font-size: 16px !important; } } .topics-list { /* ##Device = Most of the Smartphones Mobiles (Portrait) ##Screen = B/w 320px to 479px */ } @media (min-width: 220px) and (max-width: 480px) { .topics-list .topic-title { font-size: 16px !important; } } #guestUserForm button.btn-form { background-color: #D9003C; } #guestUserForm .form-title { display: none; } #guestUserForm .form-submit-msg { display: none; } .guestCommentForm { width: 100%; } .guestCommentForm h4.form-title { display: none; } .guestCommentForm button.btn-form { background-color: #D9003C; } .guestCommentForm .form-submit-msg { display: none; } #writeYourOpinionLoader { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.768627451); z-index: 9; } #writeYourOpinionLoader i { font-size: 40px; text-align: center; display: block; margin: 0 auto; margin-top: 30%; } #leaveReplyLoader { display: none; width: 100%; } #leaveReplyLoader i { font-size: 40px; text-align: center; display: block; margin: 0 auto; } #loadMoreMessagesLoader { display: none; } #loadMoreMessagesLoader i { font-size: 40px; text-align: center; display: block; margin: 0 auto; } #loadMoreReplies { display: none; } #loadMoreReplies i { font-size: 40px; text-align: center; display: block; margin: 0 auto; } #propose-image-upload-wrapper { display: none; float: right; } #propose-image-upload-wrapper #propose-image-upload { margin-right: 5px; } #propose-image-upload-wrapper #propose-image-upload { font-size: 14px; letter-spacing: 1px; line-height: 20px; color: #616161; font-family: "Poppins", sans-serif; } #reply-image-upload-wrapper { display: none; float: right; margin-top: 14px; margin-right: 10px; } #reply-image-upload-wrapper #reply-image-upload { margin-right: 5px; } #reply-image-upload-wrapper #reply-image-upload { font-size: 14px; letter-spacing: 1px; line-height: 20px; color: #616161; font-family: "Poppins", sans-serif; } .ldm-container { text-align: center; margin-bottom: 30px; margin-top: 30px; } .topic-render iframe { border: 0; height: 330px; left: 0; position: relative; top: 0; width: 100%; } .topic-render .topic-user-avatar { height: 52px; width: 52px; border-radius: 50%; margin-right: 5px; margin-top: 1px; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-size: cover; } .topic-render .topic-title { padding-top: 42px; padding-bottom: 0; text-align: left; font-size: 42px; letter-spacing: 2px; color: #000000; font-family: "Poppins", sans-serif; font-weight: normal; line-height: 1.2; margin-top: 6rem; margin-bottom: 10px; } .topic-render .topic-subtitle { text-align: left; font-size: 26px; letter-spacing: 1px; color: #000000; font-family: "Poppins", sans-serif; margin-bottom: 0; } .topic-render .topic-description { text-align: left; font-size: 18px; letter-spacing: 1px; line-height: 24px; color: #616161; font-family: "Poppins", sans-serif; } .topic-render .topic-description ol { list-style: none; counter-reset: section; } .topic-render .topic-description li[data-list=bullet] > .ql-ui:before { content: "•"; font-size: 25px; position: absolute; left: -15px; top: -6px; } .topic-render .topic-description li[data-list=ordered] span.ql-ui:before { counter-increment: section; content: counter(section) "."; margin-right: 10px; margin-left: -18px; } .topic-render .topic-description li[data-list=bullet] span.ql-ui { display: table-cell; position: relative; } .topic-render .topic-description p { text-align: left; font-weight: 300; } .topic-render .topnav a { font-size: 16px; letter-spacing: 2px; color: #616161; font-family: "Poppins", sans-serif; float: left; display: block; text-align: center; padding: 14px 16px; text-decoration: none; border-bottom: 3px solid #616161; } .topic-render .topnav a:hover { color: #D9003C; border-bottom: 3px solid #D9003C; } .topic-render .topnav a.active { color: #D9003C; border-bottom: 3px solid #D9003C; } .topic-render .write-your-op-button { float: left; } .topic-render .messages-container { margin-left: 0; top: 50px; width: 100%; margin-bottom: 50px; } .topic-render .messages-container .message-files-counter-image { width: 47px; } .topic-render .messages-container .files-counter-wrapper { position: absolute; } .topic-render .messages-container .files-counter { position: absolute; left: 14px; top: 15px; width: 29px; text-align: center; } .topic-render .message-element { width: 255px; float: right; margin: 0 auto; display: block; margin-bottom: 20px; border: 1px solid rgba(189, 189, 189, 0.3882352941); box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; cursor: pointer; } .topic-render .message-element .topic-image img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; height: 200px; } .topic-render .message-element .topic-image iframe { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; height: 200px; } .topic-render .message-element .topic-image-doc-default img { width: 100%; -o-object-fit: scale-down; object-fit: scale-down; -o-object-position: center; object-position: center; height: 200px; } .topic-render .message-written-by { font-size: 11px; letter-spacing: 1px; line-height: 24px; font-family: "Poppins", sans-serif; margin-top: 10px; padding-right: 5px; } .topic-render .message-written-by .massage-written-div { display: inline-block; width: 100%; height: 62px; text-align: left; } .topic-render .message-written-by .massage-written-div div { max-width: 155px; float: right; margin-top: 17px; } .topic-render .message-written-by .massage-written-div .written-ago { color: #bdbdbd; position: relative; top: -38%; font-size: 7px; } .topic-render .message-written-by .massage-written-div .written-user { color: #000000; font-weight: bold; position: relative; top: -35%; } .topic-render .message-container { font-size: 14px; letter-spacing: 1px; line-height: 20px; color: #616161; font-family: "Poppins", sans-serif; margin-top: 10px; margin-bottom: 10px; word-break: break-all; } .topic-render .load-more-messages-container { text-align: center; margin-top: 25px; margin-bottom: 25px; } .topic-render .load-more-messages-container .load-more-messages { font-size: 16px; letter-spacing: 2px; color: #D9003C; font-family: "Poppins", sans-serif; } .topic-render .nav-tabs.topics { width: 60%; border: none; border-bottom: 1px solid #eeeeee; } .topic-render .nav-tabs.topics .nav-link { color: #616161; font-size: 16px; font-weight: 500; } .topic-render .nav-tabs.topics .nav-link:hover { font-weight: 500; font-size: 16px; border-color: transparent; } .topic-render .nav-tabs.topics .nav-link.active { font-weight: 500; border: none; color: #D9003C; border-bottom: 1px solid #D9003C; } .topics-likes, .topics-comments { font-size: 12px; color: #757575; text-align: center; border: 1px solid #f5f5f5; width: 100%; display: block; width: 0 auto; padding: 10px; } .topics-likes .active, .topics-comments .active { color: #D9003C; } .topics-likes:hover, .topics-comments:hover { text-decoration: none; color: #757575; } .topic-page-container { min-height: calc(100vh - 214px); } .file-progress-bar { width: 100%; } #writeYourOpinion .file-checker-img { float: right; margin-right: 0; margin-top: 5px; } #writeYourOpinion .file-error-upload { text-align: left; font-size: 14px; letter-spacing: 0px; color: #DE8989; opacity: 1; overflow-wrap: break-word; } #writeYourOpinion .file-icon-upload { width: 20px; height: 20px; } @media only screen and (max-width: 480px) { #writeYourOpinion .responsive-tabs { flex-direction: column !important; } #writeYourOpinion .responsive-tabs li { margin-top: -10px; height: 43px; padding-top: 11px; padding-left: 5px; } #writeYourOpinion .responsive-tabs li.active { background: #E8E8E8 0% 0% no-repeat padding-box; } #writeYourOpinion .responsive-tabs a { text-align: left; font-size: 13px; font-weight: bold; letter-spacing: 0px; color: #616161; } #writeYourOpinion .responsive-tabs a:hover { text-decoration: none; } } @media only screen and (min-width: 481px) { #writeYourOpinion .responsive-tabs { border-bottom: 1px solid #dee2e6; height: 36px; } #writeYourOpinion .responsive-tabs a { text-align: left; font-size: 13px; font-weight: bold; letter-spacing: 0px; color: #616161; opacity: 1; padding: 15px 55px; } #writeYourOpinion .responsive-tabs a:hover { text-decoration: none; } #writeYourOpinion .responsive-tabs a.active { background: #E8E8E8 0% 0% no-repeat padding-box; border: 1px solid #E5E5E5; border-radius: 5px 5px 0px 0px; opacity: 1; } } #writeYourOpinion .upload-or-embbed { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0784313725); border: 1px solid #E5E5E5; border-radius: 5px 5px 0px 0px; opacity: 1; padding-top: 10px; } #writeYourOpinion .tab-content .upload-file-name { text-align: left; font-size: 15px; letter-spacing: 0px; color: #BCBCBC; opacity: 1; } #writeYourOpinion .tab-content .upload-message-image-button { background: transparent; border: 1px solid #0D6DDD; border-radius: 5px; text-align: center; font-size: 15px; letter-spacing: 0px; color: #616161; opacity: 1; padding: 10px; width: 100%; margin-top: 25px; margin-left: 15px; cursor: pointer; } #writeYourOpinion .tab-content .upload-message { font-size: 15px; letter-spacing: 0px; color: #BCBCBC; opacity: 1; margin-left: 15px; display: inline-block; } #writeYourOpinion .tab-content .files-container { margin-top: 15px; } #writeYourOpinion .tab-content .embed-container { margin-top: 15px; margin-left: 5px; margin-right: 10px; } #writeYourOpinion .warning-messages { color: red; font-size: 20px; margin-bottom: 5px; font-family: "Barlow"; } #writeYourOpinion #uploadMesPic:disabled ~ .upload-message-image { background-color: #C8C8C8; color: #000000; border-color: #000000; } #writeYourOpinion .remove-image-opinion { display: none; } #writeYourOpinion #file-upload-filename { font-size: 14px; letter-spacing: 1px; line-height: 20px; color: #616161; font-family: "Poppins", sans-serif; } #writeYourOpinion .topic-user-avatar { margin-right: 10px; height: 52px; width: 52px; border-radius: 50%; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-size: cover; } #writeYourOpinion .upload-message-image { width: 60%; } #writeYourOpinion .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } #writeYourOpinion .modal-dialog { max-width: 730px; } #writeYourOpinion img { margin-right: 20px; } #writeYourOpinion h4 { text-align: left; letter-spacing: 0px; color: #707070; opacity: 1; font-size: 22px; } #writeYourOpinion .write-opinion { display: flex; } #writeYourOpinion .write-opinion .message-cont { width: 91%; } #writeYourOpinion .write-opinion .search-input { display: block; } #writeYourOpinion .write-opinion textarea { background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #E5E5E5; border-radius: 5px; opacity: 1; width: 100%; resize: none; height: 222px; margin-bottom: 20px; text-align: left; font-size: 16px; letter-spacing: 0px; color: #BCBCBC; padding: 23px 48px 15px 33px; } #writeYourOpinion .write-opinion textarea::-moz-placeholder { font-size: 14px; color: #bdbdbd; } #writeYourOpinion .write-opinion textarea::placeholder { font-size: 14px; color: #bdbdbd; } #writeYourOpinion .write-opinion .error { color: red; } #writeYourOpinion .write-opinion input { width: 100%; border-color: #e5e5e5; } #writeYourOpinion .write-opinion input::-moz-placeholder { font-size: 14px; color: #bdbdbd; text-align: left; } #writeYourOpinion .write-opinion input::placeholder { font-size: 14px; color: #bdbdbd; text-align: left; } #writeYourOpinion .upload-file { width: 415px; background-color: transparent; border: 2px solid #D9003C; color: #D9003C; height: 44px; float: right; margin-right: -15px; font-size: 14px; font-weight: 500; } #writeYourOpinion label.media-label { padding-top: 10px; color: #616161; font-size: 14px; } #writeYourOpinion label.or { color: #bdbdbd; } #writeYourOpinion input.embed-iframe { border-color: #e5e5e5; width: 100%; } #writeYourOpinion input::-moz-placeholder { text-align: center; font-size: 14px; color: #bdbdbd; } #writeYourOpinion input::placeholder { text-align: center; font-size: 14px; color: #bdbdbd; } #writeYourOpinion .submit-opinion { margin-top: 20px; } #submit-reply .error { width: 92%; float: right; resize: none; margin-right: -15px; color: #D9003C; font-size: 16px; margin-top: 3px; } #submit-reply .search-input { width: calc(100% - 65px); float: right; } #submit-reply .search-input input { width: 100%; float: right; } .warning-iframe { color: red; } #messageModal .documents-title { text-align: left; font-size: 22px; letter-spacing: 0px; color: #000000; opacity: 1; margin-top: 45px; } #messageModal .document-link { text-decoration: none; text-align: left; font-size: 17px; letter-spacing: 0px; color: #868686; opacity: 1; } #messageModal .document-list-item { list-style: none; text-align: left; font-size: 17px; letter-spacing: 0px; color: #868686; opacity: 1; border-bottom: 1px solid #868686; margin-right: 15px; margin-top: 10px; border-top: none !important; } #messageModal .list-documents-container { padding-left: 15px; } #messageModal .doc-bullet { margin-right: 10px; width: 20px; } #messageModal .delete-document { float: right; margin-top: 5px; } #messageModal .sharing-container { float: right; } @media only screen and (max-width: 480px) { #messageModal .sharing-container { float: left; } #messageModal .carousel-control-next-icon, #messageModal .carousel-control-prev-icon { display: none !important; } } #messageModal .upload-file-name { margin-left: 15px; text-align: left; font-size: 15px; letter-spacing: 0px; color: #BCBCBC; opacity: 1; } #messageModal .upload-topic-image-reply { border: 1px solid #0D6DDD; border-radius: 5px; opacity: 1; padding: 7px 49px; margin-top: 20px; } #messageModal .reply-hr { border-top: 1px solid #DDE2E6; width: 100%; } #messageModal .reply-image-grid-container { width: 100%; } #messageModal .comm { text-align: left; font-size: 15px; letter-spacing: 0px; color: #929292; opacity: 1; } #messageModal .replies-title { font-size: 18px; letter-spacing: 0px; color: #000000; opacity: 1; } #messageModal .carousel-item.active, #messageModal .carousel-item-next, #messageModal .carousel-item-prev { display: flex !important; transition: transform 0.6s ease; } #messageModal #carouselExampleIndicators, #messageModal .carousel-reply { padding-left: 10%; padding-right: 10%; margin-top: 30px; margin-bottom: 30px; } #messageModal #carouselExampleIndicators .carousel-item.active, #messageModal .carousel-reply .carousel-item.active { display: flex !important; } #messageModal #carouselExampleIndicators .carousel-indicators, #messageModal .carousel-reply .carousel-indicators { position: relative; margin-top: 15px; } #messageModal #carouselExampleIndicators .carousel-indicators li, #messageModal .carousel-reply .carousel-indicators li { width: 10px; height: 10px; border-radius: 50%; padding-top: 0; border: 1px solid #868686; background-color: #BCBCBC; } #messageModal #carouselExampleIndicators .carousel-indicators li.active, #messageModal .carousel-reply .carousel-indicators li.active { background-color: #F5F5F5; } #messageModal #carouselExampleIndicators .carousel-inner, #messageModal .carousel-reply .carousel-inner { aspect-ratio: 4/3; background-color: #F5F5F5; display: flex; } #messageModal #carouselExampleIndicators .slider-image, #messageModal .carousel-reply .slider-image { -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } @media only screen and (max-width: 480px) { #messageModal #carouselExampleIndicators, #messageModal .carousel-reply { padding-left: 0; padding-right: 0; } #messageModal .carousel-control-prev { display: none; } #messageModal .carousel-control-next { display: none; } #messageModal .topic-message { padding-left: 0 !important; padding-right: 0 !important; } } #messageModal .modal-body { background: #F5F5F5 0% 0% no-repeat padding-box; opacity: 1; } #messageModal #file-upload-filename { font-size: 14px; letter-spacing: 1px; line-height: 20px; color: #616161; font-family: "Poppins", sans-serif; } #messageModal .remove-image-opinion { display: none; } #messageModal .modal-content { height: auto !important; } #messageModal .upload-topic-image { margin-top: 10px; } #messageModal .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } #messageModal .inputfile + label { margin-right: 20px; } #messageModal .reply-image-container { display: grid; grid-template-columns: fit-content(20%) fit-content(20%) fit-content(20%) fit-content(20%) 1fr; } #messageModal .reply-image-container img { width: 250px; } #messageModal .message-image-container { padding-left: 10%; } #messageModal .message-image-container img { width: 100%; } #messageModal .message-image-container iframe { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media only screen and (max-width: 480px) { #messageModal .message-image-container { padding-left: 0; } } #messageModal .warning-messages { color: red; font-size: 20px; margin-bottom: 5px; font-family: "Barlow"; } #messageModal .modal-dialog { max-width: 750px; } #messageModal .modal-content { width: 750px; height: auto; } #messageModal .modal-header { border: none; padding: 10px; } #messageModal .modal-body { padding-top: 0px; } #messageModal hr { margin-top: 0px; margin-bottom: 0px; border-top: 1px solid #ffffff; } #messageModal .social-share { float: right; } #messageModal .topic-user-avatar { height: 52px; width: 52px; border-radius: 50%; display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: cover; } #messageModal .modal-header .topic-user-avatar { margin-left: -5px; } #messageModal .topic-message { padding-top: 20px; padding-left: 10%; padding-right: 10%; } #messageModal .topic-message h4 { text-align: left; letter-spacing: 0px; color: #000000; opacity: 1; font-size: 15px; } #messageModal h6 { font-size: 13px; color: #bdbdbd; } #messageModal h6 span { color: black; } #messageModal .user-information { width: 100%; } #messageModal .topic-user-avatar { float: left; margin-right: 10px; } #messageModal .user-details { position: relative; top: 7px; } #messageModal .likes-label, #messageModal .likes-count { letter-spacing: 0px; opacity: 1; font-size: 15px; font-family: "Roboto"; } #messageModal .img-like { -webkit-mask-image: url(/img/themes/default/1.svg); mask-image: url(/img/themes/default/1.svg); width: 33px; height: 33px; position: absolute; background-color: #BCBCBC; top: 5px; } #messageModal .likes-count { margin-left: 40px; } #messageModal .c-topics-comments, #messageModal .c-topics-likes { letter-spacing: 0px; color: #BCBCBC; opacity: 1; font-size: 15px; padding-right: 15px; } #messageModal .c-topics-comments:hover, #messageModal .c-topics-likes:hover { letter-spacing: 0px; color: #BCBCBC; opacity: 1; font-size: 15px; padding-right: 15px; } #messageModal .c-topics-comments i, #messageModal .c-topics-likes i { font-size: 20px; cursor: pointer; } #messageModal .facebook-share-topic { width: 32px; height: 32px; background-color: #D9003C; color: white; border-radius: 50%; text-align: center; padding-top: 4px; margin-top: 3px; margin-bottom: 3px; margin-right: 5px; } #messageModal .twitter-share-topic { background-color: #D9003C; color: white; width: 32px; height: 32px; border-radius: 50%; text-align: center; padding-top: 4px; margin-top: 3px; margin-bottom: 3px; margin-right: 5px; } #messageModal .whatsapp-share-topic { background-color: #D9003C; height: 32px; width: 32px; color: white; border-radius: 50%; text-align: center; padding-top: 4px; margin-top: 3px; margin-bottom: 3px; margin-right: 5px; } #messageModal .email-share-topic { background-color: #D9003C; height: 32px; width: 32px; color: white; border-radius: 50%; text-align: center; padding-top: 4px; margin-top: 3px; margin-bottom: 3px; margin-right: 5px; } #messageModal .share-text { letter-spacing: 0px; color: #BCBCBC; opacity: 1; font-size: 15px; padding-top: 10px; margin-right: 10px; } #messageModal .comment-action-details { padding-top: 7px; } #messageModal .comment-details { margin-top: 30px; margin-bottom: 20px; } #messageModal .comment-details i.fa-facebook-f, #messageModal .comment-details i.fa-twitter, #messageModal .comment-details i.fa-whatsapp, #messageModal .comment-details i.fa-envelope { padding-top: 4px; margin: 0 auto; } #messageModal .comment-actions { text-align: right; padding-top: 5px; position: absolute; right: 0; } #messageModal .comment-actions .like-topic { margin-right: 10px; } #messageModal .comment-actions a { background-color: transparent; color: #757575; font-size: 20px; } #messageModal ul.topic-comments-list { padding-left: 0px; max-height: 300px; overflow: auto; } #messageModal ul.topic-comments-list li { padding-top: 10px; border-top: 1px solid rgba(0, 0, 0, 0.1); } #messageModal .delete-comment a { color: #D9003C; } #messageModal .comm { padding-top: 20px; padding-bottom: 20px; font-size: 14px; color: #616161; } #messageModal .add-reply { font-size: 26px; font-weight: 700; color: black; } #messageModal .add-reply-comm { width: 100%; display: block; padding-top: 20px; } #messageModal .add-reply-comm textarea { text-align: left; font-size: 14px; letter-spacing: 0px; color: #BCBCBC; opacity: 1; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #E5E5E5; border-radius: 5px; opacity: 1; width: calc(100% - 65px); float: right; resize: none; height: 60px; } #messageModal #postComm { margin-top: 10px; } #messageModal #uploadComPic { border: 2px solid #D9003C; background-color: transparent; color: #D9003C; font-weight: 600; display: block; font-size: 14px; margin-right: 10px; } #messageModal .buttons-section { width: 100%; padding-top: 20px; } .topics-widget-container { width: 100% !important; } .topic-author h5 { font-size: 17px; font-weight: 400; } .topic-author h5 i { margin-right: 5px; font-size: 19px; } .no-topic-messages { font-style: italic; color: #757575; } @media only screen and (max-width: 767px) { #modalMessageContent .user-details { text-align: left; } .topics-list-messages .preview { padding: 30px; position: absolute; bottom: 0px; color: white; font-size: 24px; font-family: "Poppins Medium", sans-serif; text-decoration: none; } .write-your-op-button { margin-top: 20px; margin-bottom: 20px; } .topics-list .topics-list-container .topic-row .messages-preview-container { max-height: 230px; height: auto; } .topic-page-container { min-height: calc(100vh - 261px); } .topic-render .topic-title { font-size: 30px; } .topic-render .topic-subtitle { font-size: 20px; } .topic-render .topic-description .ol { list-style: none; counter-reset: section; } .topic-render .topic-description li[data-list=bullet] > .ql-ui:before { content: "•"; font-size: 25px; position: absolute; left: -15px; top: -6px; } .topic-render .topic-description li[data-list=ordered] span.ql-ui:before { counter-increment: section; content: counter(section) "."; margin-right: 10px; margin-left: -18px; } .topic-render .topic-description li[data-list=bullet] span.ql-ui { display: table-cell; position: relative; } .topic-render .topic-description p { font-size: 16px; } .nav-tabs.topics { width: 100% !important; } .nav-tabs.topics .nav-link { font-size: 14px !important; } .nav-tabs.topics .nav-link:hover { font-size: 14px !important; } .message-element { width: 100% !important; } #messageModal .carousel-control-next, #messageModal .carousel-control-prev { display: flex !important; align-items: center; justify-content: center; } #messageModal .modal-content { width: 100%; height: auto; } #messageModal ul.topic-comments-list:empty { height: 100px; } #messageModal textarea { margin-right: 0px !important; } #messageModal #postComm { margin-right: 0px; } #messageModal .comment-details .share-text { display: none; } #messageModal .comment-details a { margin-top: 20px; } #writeYourOpinion .write-opinion textarea { max-width: 100%; } #writeYourOpinion input.embed-iframe { max-width: 100%; } .message-written-by .topic-user-avatar, .message-container .topic-user-avatar { float: left; } .massage-written-div div { max-width: unset !important; float: unset !important; } .topics-list-container .topic-row .message { padding-left: 60px; } } @media screen and (min-width: 770px) and (max-width: 1200px) { .topic-page-container { min-height: calc(100vh - 170px); } } @media screen and (min-width: 520px) and (max-width: 769px) { .topic-page-container { min-height: calc(100vh - 170px); } } @media screen and (max-width: 769px) { .nav-tabs.topics .nav-item { padding-right: 10px !important; } .topic-render iframe { height: 330px !important; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .topic-render .message-element .topic-image img { width: auto !important; } .topic-list .messages-preview-container { overflow: auto !important; } } @media all and (max-width: 550px) { .topics-list .topics-list-container .topic-row .message-author { position: relative; top: 27%; } .topics-list .topics-list-container .topic-row .message-ago { position: relative; top: 27%; } #writeYourOpinion .topic-user-avatar { display: none !important; } #writeYourOpinion .write-opinion .message-cont { width: 100% !important; } .add-reply-comm .topic-user-avatar { display: none !important; } .add-reply-comm textarea { width: 100% !important; } } .topic-filter-menu-dd-container { margin-bottom: 50px; } .topic-filter-menu-dd-container .label { color: #000; display: inline-block; padding: 7px 0px; font-size: 16px; font-weight: 700; margin-right: 10px; } .topic-filter-menu-dd-container .dropdown { display: inline-block; } .topic-filter-menu-dd-container .dropdown .btn { border-color: #616161; padding: 6px 15px; letter-spacing: 1px; } .topic-filter-menu-dd-container .dropdown .btn:hover, .topic-filter-menu-dd-container .dropdown .btn:focus, .topic-filter-menu-dd-container .dropdown .btn:active, .topic-filter-menu-dd-container .dropdown .btn.active { color: #000 !important; background-color: #fff !important; border-color: #616161 !important; outline: none !important; box-shadow: none !important; } .topic-filter-menu-dd-container .dropdown .btn i { color: #d7d7d7; margin-left: 5px; } #topicNotificationsContainer { float: right; margin-top: 7px; margin-right: 15px; } #topicNotificationsContainer .notifications-button-topic-off { text-align: left; letter-spacing: 0px; color: #C5C5C5; opacity: 1; } #topicNotificationsContainer .notifications-button-topic-on { text-align: left; letter-spacing: 0px; color: #F1824A; opacity: 1; } .cta-read-more-wrapp { text-align: right; margin-right: 10px; } .cta-read-more-wrapp .secondary-button.cta-read-more { background-color: transparent; border: none; height: auto; padding: 0; font-family: "Poppins", sans-serif; font-size: 16px; line-height: 25px; color: #000000; text-transform: none; position: relative; padding: 10px 30px 10px 20px; } .cta-read-more-wrapp .secondary-button.cta-read-more:hover { background-color: transparent; color: #FABB20; } .cta-read-more-wrapp .secondary-button.cta-read-more:after { content: "→"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #FABB20; font-size: 23px; line-height: 1; padding-bottom: 5px; } .topic-details .section-hero-banner { background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; padding: 20px 0; } .topic-details .section-hero-banner:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background: linear-gradient(180deg, rgba(1, 100, 152, 0) 0%, rgba(0, 84, 135, 0.35) 54%, #002D67 100%); } .topic-details .section-hero-banner .container { height: 600px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; } @media screen and (max-width: 767px) { .topic-details .section-hero-banner .container { height: 400px; } } .topic-details .section-hero-banner .container .row > div h1 { display: inline-block; margin-bottom: 40px; } .topic-details .section-hero-banner .container .row > div p { color: #858585; font-size: 16px; line-height: 25px; position: relative; } .topic-details .section-hero-banner .container .row > div p:before { content: ""; width: 17px; height: 29px; background-color: #858585; border-radius: 10px; display: inline-block; vertical-align: middle; margin-right: 10px; } .topic-details .section-hero-banner .container .row > div p:after { content: ""; display: inline-block; vertical-align: middle; height: 1px; background-color: #858585; width: 44vw; margin-left: 20px; } @media screen and (max-width: 767px) { .topic-details .section-hero-banner .container .row > div p:after { width: 33vw; } } @media screen and (max-width: 480px) { .topic-details .section-hero-banner .container .row > div p:after { width: 15vw; } } /*==============================================================================================================*/ /*==================================== 110 - bakti-untuk-rakyat================================================*/ /*============================================================================================================*/ .bakti-untuk-rakyat .topics-list { background-color: #ffffff; } .bakti-untuk-rakyat .topics-list .title { margin-top: 155px; position: relative; } .bakti-untuk-rakyat .topics-list .title h1 { padding-top: 0.625rem; margin-bottom: 1.25rem; color: #F8B531 !important; } .bakti-untuk-rakyat .topics-list .title .img-decorator-top { position: absolute; right: -15rem; top: -2rem; z-index: 2; } .bakti-untuk-rakyat .topics-list .subtitle .subtitle-wrapper { padding-right: 15rem; } @media (max-width: 1024px) { .bakti-untuk-rakyat .topics-list .subtitle .subtitle-wrapper { padding-right: 15px; } } .bakti-untuk-rakyat .topics-list .subtitle p { font-size: 1.25rem; font-family: "Adrianna", sans-serif; color: #000 !important; } .bakti-untuk-rakyat .topics-list .propose-a-topic-container { padding-top: 0; padding-bottom: 2.5rem; } .bakti-untuk-rakyat .topics-list .propose-a-topic-container .primary-button { padding: 0.875rem 2.8125rem !important; font-size: 1.5625rem !important; font-weight: 700 !important; font-family: "Adrianna", sans-serif; text-transform: capitalize !important; border-radius: 40px !important; border: none !important; background-color: #F6555C !important; transition: all 0.2s ease-in-out; } .bakti-untuk-rakyat .topics-list .page-cover { margin-top: 0; display: none; } .bakti-untuk-rakyat .topics-list .page-cover::before { content: none; } .bakti-untuk-rakyat .topics-list .topics-list-container { margin-top: 3.125rem; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row { box-shadow: none; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .wrapper-inside { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); border-radius: 20px; padding: 0; position: relative; z-index: 3; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .wrapper-inside .multilanguage-link { padding: 0; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .wrapper-inside .topic-article-info { padding: 1rem 0; display: flex; align-items: center; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .wrapper-inside .topic-avatar { width: 50px; border-radius: 50%; overflow: hidden; border: 1px solid #707070; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .wrapper-inside .messages-preview-container { max-width: 100%; width: 98%; margin: 0 auto; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .wrapper-inside .topic-info { margin-left: 1rem; display: flex; flex-direction: column; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .wrapper-inside .topic-info .topic-author { font-size: 1rem; line-height: 1.3; font-weight: 700; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .wrapper-inside .topic-info .date { font-size: 12px; line-height: 1; color: #C6C3C3; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .wrapper-inside .container-for-more { align-items: center; padding: 2rem 0; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .wrapper-inside .message-count { background-color: transparent; font-size: 12px; font-weight: 700; color: #C6C3C3; width: auto; padding-left: 2rem; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .wrapper-inside .message-count .messages { position: relative; padding-left: 0.25rem; padding-top: 0.2rem; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .wrapper-inside .message-count .messages:before { position: absolute; top: 0; left: -30px; content: url("data:image/svg+xml,%3Csvg id='Group_351' data-name='Group 351' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26.695' height='27.414' viewBox='0 0 26.695 27.414'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_614' data-name='Rectangle 614' width='26.695' height='27.414' fill='%23e9e9e9'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_350' data-name='Group 350' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1050' data-name='Path 1050' d='M23.429,18.187a11.749,11.749,0,0,0,3.266-8.063C26.695,4.542,23,0,18.449,0H8.246C3.7,0,0,4.542,0,10.124c0,5.462,3.611,10,8.051,10.122.976,0,1.025.05,1.048,1.057v5.534a.692.692,0,0,0,.131.494.294.294,0,0,0,.221.083,1.608,1.608,0,0,0,.626-.207l.483-.269c.4-.222,9.778-5.47,12.87-8.75m-15.184.1c-3.463,0-6.281-3.661-6.281-8.161S4.782,1.964,8.246,1.964h10.2c3.464,0,6.281,3.661,6.281,8.161A9.853,9.853,0,0,1,22,16.841c-1.939,2.058-6.982,5.2-9.816,6.886a2.271,2.271,0,0,1-.821.354c-.281,0-.3-.275-.3-.847V19.1a.783.783,0,0,0-.818-.812Z' fill='%23e9e9e9'/%3E%3C/g%3E%3C/svg%3E%0A"); width: 26px; height: auto; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .wrapper-inside .cta-read-more-wrapp { background-color: transparent; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .wrapper-inside .cta-read-more-wrapp .secondary-button.cta-read-more { color: #F6555C; font-size: 18px; background-color: transparent; width: auto; height: auto; transition: all 0.2s ease-in-out; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .wrapper-inside .cta-read-more-wrapp .secondary-button.cta-read-more:after { display: none; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .wrapper-inside .cta-read-more-wrapp .secondary-button.cta-read-more:hover { text-decoration: underline; filter: brightness(85%); } @media (min-width: 1200px) { .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row:nth-child(odd), .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row:nth-child(even) { position: relative; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row:nth-child(odd)::after { position: absolute; left: 0; top: 22rem; z-index: 1; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='365.576' height='824.113' viewBox='0 0 365.576 824.113'%3E%3Cg id='Group_317' data-name='Group 317' transform='translate(2002.53 3180.278) rotate(180)'%3E%3Cpath id='Path_1009' data-name='Path 1009' d='M23.523,47.046h0A23.523,23.523,0,1,1,47.046,23.523,23.524,23.524,0,0,1,23.523,47.046' transform='translate(1840 2776.543)' fill='%23cd3688'/%3E%3Cpath id='Path_1011' data-name='Path 1011' d='M48,319.771h0c-26.509,0-48-18.953-48-42.332V104.16C0,80.781,21.491,61.828,48,61.828S96,80.781,96,104.16V277.44c0,23.378-21.491,42.332-48,42.332' transform='translate(1906.53 2632.789)' fill='%23f8b531'/%3E%3Cpath id='Path_1012' data-name='Path 1012' d='M23.523,205.163h0A23.524,23.524,0,0,1,0,181.64V85.351a23.523,23.523,0,0,1,47.046,0V181.64a23.524,23.524,0,0,1-23.523,23.523' transform='translate(1840 2294.337)' fill='%231e8fe1'/%3E%3Cpath id='Path_1013' data-name='Path 1013' d='M91.77,208.754h0c-12.991,0-23.523-13.285-23.523-29.673V57.619c0-16.387,10.532-29.673,23.523-29.673s23.523,13.285,23.523,29.673V179.081c0,16.387-10.532,29.673-23.523,29.673' transform='translate(1568.707 2705.239)' fill='%23f6555c'/%3E%3Cpath id='Path_1014' data-name='Path 1014' d='M23.523,205.163h0A23.524,23.524,0,0,1,0,181.64V-64.89A23.524,23.524,0,0,1,23.523-88.413,23.524,23.524,0,0,1,47.046-64.89V181.64a23.524,23.524,0,0,1-23.523,23.523' transform='translate(1840 2975.115)' fill='%232cd7b6'/%3E%3Cpath id='Path_1010' data-name='Path 1010' d='M23.523,47.046h0A23.523,23.523,0,1,1,47.046,23.523,23.524,23.524,0,0,1,23.523,47.046' transform='translate(1955.484 2611.477)' fill='%23cd3688'/%3E%3C/g%3E%3C/svg%3E%0A"); } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row:nth-child(even)::after { position: absolute; right: 0; top: 10rem; z-index: 1; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='162.53' height='467.424' viewBox='0 0 162.53 467.424'%3E%3Cg id='Group_366' data-name='Group 366' transform='translate(2002.53 2823.589) rotate(180)'%3E%3Cpath id='Path_1009' data-name='Path 1009' d='M23.523,47.046h0A23.523,23.523,0,1,1,47.046,23.523,23.524,23.524,0,0,1,23.523,47.046' transform='translate(1840 2776.543)' fill='%23cd3688'/%3E%3Cpath id='Path_1012' data-name='Path 1012' d='M23.523,205.163h0A23.524,23.524,0,0,1,0,181.64V85.351a23.523,23.523,0,0,1,47.046,0V181.64a23.524,23.524,0,0,1-23.523,23.523' transform='translate(1840 2294.337)' fill='%231e8fe1'/%3E%3Cpath id='Path_1013' data-name='Path 1013' d='M91.77,208.754h0c-12.991,0-23.523-13.285-23.523-29.673V57.619c0-16.387,10.532-29.673,23.523-29.673s23.523,13.285,23.523,29.673V179.081c0,16.387-10.532,29.673-23.523,29.673' transform='translate(1818.799 2516.65)' fill='%23f6555c'/%3E%3Cpath id='Path_1010' data-name='Path 1010' d='M23.523,47.046h0A23.523,23.523,0,1,1,47.046,23.523,23.524,23.524,0,0,1,23.523,47.046' transform='translate(1955.484 2611.477)' fill='%23cd3688'/%3E%3C/g%3E%3C/svg%3E%0A"); } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row:last-of-type::after { max-height: 600px; overflow: hidden; } } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .message-count { margin: 0; font-family: "Open Sans", sans-serif; font-size: 2.0625rem; font-weight: 700; line-height: 1.5; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .topic-user-avatar { margin-left: 0.5rem; margin-right: 1.25rem; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .preview { background-color: #F4137B !important; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .cta-read-more-wrapp .secondary-button.cta-read-more { width: 68px; height: 68px; font-size: 40px; border-radius: 50%; color: #fff; background-color: #F8B531; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .cta-read-more-wrapp .secondary-button.cta-read-more i { position: relative; left: 4px; top: 3px; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .cta-read-more-wrapp .secondary-button.cta-read-more ::after { content: none; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .messages-preview-container { max-width: 50rem; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .messages-preview-container::-webkit-scrollbar { width: 10px; border-radius: 20px; background-color: #F5F5F5; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .messages-preview-container::-webkit-scrollbar-thumb { border-radius: 20px; background-color: #c1c1c1; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .messages-preview-container .message-container-wrapp { margin-bottom: 0.625rem; background-color: #ffffff; border-bottom: 1px solid #C6C3C3; border-radius: 0; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .messages-preview-container .message-container-wrapp .topic-user-avatar { margin-top: 0; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .messages-preview-container .message-author { flex-grow: 1; font-family: "Adrianna", sans-serif; font-weight: 700; font-size: 1rem; line-height: 1.2; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .messages-preview-container .message-ago { flex-grow: 1; color: #C6C3C3; font-size: 0.75rem; line-height: 1; font-family: "Open Sans", sans-serif; font-weight: 500; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .messages-preview-container .message { font-family: "Open Sans", sans-serif; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .recent-opinions { font-size: 24px; font-weight: 700; font-family: "Adrianna", sans-serif; color: #000; display: block; text-align: center; position: relative; width: 98%; margin: 0 auto; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .recent-opinions span { background-color: white; position: relative; z-index: 1; padding: 0 1.5rem; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .recent-opinions:after { position: absolute; content: " "; top: 50%; height: 1px; background-color: #000; left: 0; width: 100%; height: 1px; color: #000; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-row .topic-title { font-family: "Bai Jamjuree", sans-serif; position: static !important; margin-bottom: 0; } .bakti-untuk-rakyat .topics-list .topics-list-container .topic-image { background-position: 50% 20%; } .bakti-untuk-rakyat .topics-list .modal .form-input.form-control input, .bakti-untuk-rakyat .topics-list .modal .form-group.search-input input, .bakti-untuk-rakyat .topics-list .modal textarea { border: 1px solid #BEBEBE; border-radius: 10px; } .bakti-untuk-rakyat .topics-list .modal .form-input.form-control input::-moz-placeholder, .bakti-untuk-rakyat .topics-list .modal .form-group.search-input input::-moz-placeholder, .bakti-untuk-rakyat .topics-list .modal textarea::-moz-placeholder { color: #6E6C6C; } .bakti-untuk-rakyat .topics-list .modal .form-input.form-control input::placeholder, .bakti-untuk-rakyat .topics-list .modal .form-group.search-input input::placeholder, .bakti-untuk-rakyat .topics-list .modal textarea::placeholder { color: #6E6C6C; } .bakti-untuk-rakyat .topics-list .modal input::-moz-placeholder, .bakti-untuk-rakyat .topics-list .modal textarea::-moz-placeholder { font-family: "Open Sans", sans-serif; } .bakti-untuk-rakyat .topics-list .modal input::placeholder, .bakti-untuk-rakyat .topics-list .modal textarea::placeholder { font-family: "Open Sans", sans-serif; } .bakti-untuk-rakyat .topics-list .modal .primary-button { padding: 0.875rem 2.8125rem !important; font-size: 1.5625rem !important; font-weight: 700 !important; border-radius: 40px !important; border: none !important; font-family: "Adrianna", sans-serif; text-transform: capitalize !important; background-color: #F6555C !important; } .bakti-untuk-rakyat .topics-list .modal .primary-button:hover { filter: brightness(85%); background-color: #F6555C !important; } .bakti-untuk-rakyat .topics-list .modal .image-upload-label { font-family: "Open Sans", sans-serif; } .bakti-untuk-rakyat .topics-list .modal .secondary-button { border-color: #F6555C; color: #F6555C; border-radius: 20px; } .bakti-untuk-rakyat .topics-list .modal .secondary-button:hover { background-color: #F6555C; color: #ffffff; } .bakti-untuk-rakyat .topics-list .modal .modal-title { font-family: "Open Sans", sans-serif; } .bakti-untuk-rakyat .topics-list .load-more-topics-container { padding-bottom: 0; padding-top: 0; margin-top: 0; margin-bottom: 0; text-align: center; } @media (min-width: 768px) { .bakti-untuk-rakyat .topics-list .load-more-topics-container { text-align: right; } } .bakti-untuk-rakyat .topics-list .load-more-topics-container .primary-button { font-size: 1.5625rem !important; font-weight: 700 !important; text-transform: uppercase !important; font-family: "Adrianna", sans-serif; border: 1px solid #F6555C !important; background-color: #F6555C !important; } .bakti-untuk-rakyat #writeYourOpinion .primary-button:hover { background-color: #F4137B !important; } .bakti-untuk-rakyat #writeYourOpinion .tab-content .upload-message-image-button { border-color: #F4137B; } .bakti-untuk-rakyat .topic-page-container { min-height: auto; margin-top: 45px !important; margin-bottom: 50px; } .bakti-untuk-rakyat .topic-page-container .ldm-container { margin-left: auto; margin-right: auto; margin-bottom: 4.6875rem; } .bakti-untuk-rakyat .topic-render .messages-container { margin-bottom: 0; } .bakti-untuk-rakyat .topic-render .topic-title { margin-bottom: 0; font-size: 2.5rem; letter-spacing: 0; line-height: 1.1; color: #000; font-weight: 700; font-family: "Adrianna", sans-serif; } .bakti-untuk-rakyat .topic-render .topic-subtitle { margin-top: 1.25rem; font-size: 1.5rem; font-weight: 600; } .bakti-untuk-rakyat .topic-render .topic-subtitle::before, .bakti-untuk-rakyat .topic-render .topic-subtitle::after { content: none; } .bakti-untuk-rakyat .topic-render .topic-subtitle:empty { margin-top: 0; } .bakti-untuk-rakyat .topic-render .topic-subtitle:empty::before, .bakti-untuk-rakyat .topic-render .topic-subtitle:empty::after { content: none; } .bakti-untuk-rakyat .topic-render .topic-article-info { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-bottom: 24px; color: #C6C3C3; font-size: 0.75rem; font-weight: 500; } .bakti-untuk-rakyat .topic-render .topic-article-info img { margin-bottom: 0; width: 30px; height: 30px; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .bakti-untuk-rakyat .topic-render .topic-author { font-weight: 700; } .bakti-untuk-rakyat .topic-render .topic-author::after { content: ""; width: 1px; height: 16px; display: inline-block; position: relative; top: 4px; left: 4px; background-color: #C6C3C3; } .bakti-untuk-rakyat .topic-render .img-decorator-top-right { position: relative; } .bakti-untuk-rakyat .topic-render .img-decorator-top-right svg { position: absolute; top: 150px; z-index: -1; right: 15px; } @media (min-width: 1200px) { .bakti-untuk-rakyat .topic-render .img-decorator-top-right svg { left: -41px; right: 0; } } @media (min-width: 1400px) { .bakti-untuk-rakyat .topic-render .img-decorator-top-right svg { left: 8px; } } .bakti-untuk-rakyat .topic-render .topic-description { font-family: "Open Sans", sans-serif; font-size: 1rem; line-height: 1.5; letter-spacing: 0; color: #000; } .bakti-untuk-rakyat .topic-render .topic-description img { -o-object-fit: cover; object-fit: cover; } @media (min-width: 992px) { .bakti-untuk-rakyat .topic-render .topic-description img { width: 70vw; height: 510px; position: relative; left: 50%; transform: translateX(-50%); max-width: 900px; } } @media (min-width: 1200px) { .bakti-untuk-rakyat .topic-render .topic-description img { width: 80vw; } } @media (min-width: 1450px) { .bakti-untuk-rakyat .topic-render .topic-description img { width: 100vw; max-width: 1130px; } } @media (min-width: 1600px) { .bakti-untuk-rakyat .topic-render .topic-description img { width: 100vw; max-width: 1140px; } } .bakti-untuk-rakyat .topic-render .img-decorator-right { position: relative; } .bakti-untuk-rakyat .topic-render .img-decorator-right svg { position: absolute; top: 300px; z-index: -1; left: -50px; } @media (min-width: 1200px) { .bakti-untuk-rakyat .topic-render .img-decorator-right svg { left: -27px; } } @media (min-width: 1400px) { .bakti-untuk-rakyat .topic-render .img-decorator-right svg { left: 15px; top: 380px; } } .bakti-untuk-rakyat .topic-render .img-decorator-bottom { position: relative; } .bakti-untuk-rakyat .topic-render .img-decorator-bottom svg { position: absolute; left: -180px; top: 30px; } @media (min-width: 1400px) { .bakti-untuk-rakyat .topic-render .img-decorator-bottom svg { left: -230px; } } .bakti-untuk-rakyat .topic-render p { font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 400; color: #000; } .bakti-untuk-rakyat .topic-render img { margin-bottom: 20px; } .bakti-untuk-rakyat .topic-render .tab-content { max-width: 800px; width: 100%; padding-left: 15px; padding-right: 15px; } .bakti-untuk-rakyat .topic-render .share-page-section .share-page-text { font-size: 16px; font-weight: 700; font-family: "Adrianna", sans-serif; } .bakti-untuk-rakyat .topic-render .share-page-section .btn { padding: 0; width: 25px !important; height: 25px !important; margin-right: 10px; padding-top: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; border-radius: 50%; } .bakti-untuk-rakyat .topic-render .share-page-section .btn i { padding: 0; font-size: 12px; letter-spacing: 0; } .bakti-untuk-rakyat .topic-render .topic-message-container-title-group { display: flex; justify-content: space-between; flex-wrap: wrap; } .bakti-untuk-rakyat .topic-render .topic-message-container-title-group h2 { margin-bottom: 1.875rem; padding: 0; font-size: 1.5rem; letter-spacing: 0; } .bakti-untuk-rakyat .topic-render .topic-message-container-title-group h2::before, .bakti-untuk-rakyat .topic-render .topic-message-container-title-group h2::after { bottom: -4px; } @media (min-width: 500px) { .bakti-untuk-rakyat .topic-render .topic-message-container-title-group h2 { margin-bottom: 0; } .bakti-untuk-rakyat .topic-render .topic-message-container-title-group h2::before, .bakti-untuk-rakyat .topic-render .topic-message-container-title-group h2::after { bottom: -4px; } } .bakti-untuk-rakyat .topic-render .topic-message-container-title { display: flex; justify-content: space-between; flex-wrap: wrap; } .bakti-untuk-rakyat .topic-render .topic-message-container-title h2 { margin-bottom: 1.875rem; padding: 0; font-size: 1.5rem; letter-spacing: 0; } .bakti-untuk-rakyat .topic-render .topic-message-container-title h2::before, .bakti-untuk-rakyat .topic-render .topic-message-container-title h2::after { bottom: -4px; } @media (min-width: 500px) { .bakti-untuk-rakyat .topic-render .topic-message-container-title h2 { margin-bottom: 0; } .bakti-untuk-rakyat .topic-render .topic-message-container-title h2::before, .bakti-untuk-rakyat .topic-render .topic-message-container-title h2::after { bottom: 14px; } } .bakti-untuk-rakyat .topic-render .message-element { position: initial !important; float: initial !important; width: 100% !important; margin-bottom: 36px; padding: 5px 90px 0 0; background-color: #ffffff; border: none; box-shadow: none; border-radius: 0; border-bottom: 1px solid #C6C3C3; } .bakti-untuk-rakyat .topic-render .message-written-by { margin-top: 0; padding: 0; } .bakti-untuk-rakyat .topic-render .message-written-by .massage-written-div { height: unset; } .bakti-untuk-rakyat .topic-render .message-written-by .massage-written-div div { margin-top: 0; max-width: unset; float: none; } .bakti-untuk-rakyat .topic-render .message-written-by .massage-written-div .article-date { font-size: 0.75rem; letter-spacing: 0; color: #C6C3C3; font-family: "Open Sans", sans-serif; } .bakti-untuk-rakyat .topic-render .topic-image iframe { margin-bottom: 20px; } .bakti-untuk-rakyat .topic-render .written-user { margin-right: 0.625rem; font-size: 1rem; letter-spacing: 0; font-family: "Adrianna", sans-serif; } .bakti-untuk-rakyat .topic-render .message-container { color: #000; font-size: 1rem; font-family: "Open Sans", sans-serif; line-height: 1.5; letter-spacing: 0; } .bakti-untuk-rakyat .topic-render .message-container p { margin-bottom: 5px; } .bakti-untuk-rakyat .topic-render .message-container .message-replies-topics::before { position: relative; top: 2px; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none' aria-hidden='true'%3E%3Cpath fill='%23c6c3c3' d='M.813 1.219A.407.407 0 0 0 .406.812.407.407 0 0 0 0 1.22v4.468A2.03 2.03 0 0 0 2.031 7.72h9.583l-2.557 2.557a.408.408 0 0 0 0 .573.408.408 0 0 0 .574 0l3.25-3.25a.408.408 0 0 0 0-.573l-3.25-3.25a.408.408 0 0 0-.574 0 .408.408 0 0 0 0 .573l2.557 2.557H2.03A1.22 1.22 0 0 1 .812 5.688v-4.47Z'/%3E%3C/svg%3E"); } .bakti-untuk-rakyat .topic-render .message-container .reply-text { font-size: 12px; font-weight: 700; color: #C6C3C3; } .bakti-untuk-rakyat .topic-render .topic-user-avatar { width: 40px; height: 40px; margin: 0; } .bakti-untuk-rakyat .topic-render .write-your-op-button { margin: 0; } .bakti-untuk-rakyat .topic-render .write-your-op-button { float: none; width: 100%; text-transform: capitalize !important; border-radius: 40px !important; background-color: #F5555C !important; border-color: #F5555C !important; } .bakti-untuk-rakyat .topic-render .load-more-messages { float: none; width: 100%; border-radius: 40px !important; background-color: #ffffff !important; border-color: #707070 !important; font-family: "Open Sans", sans-serif; color: #BFBFBF; } .bakti-untuk-rakyat .topic-render .topic-filter-menu-dd-container { margin-top: 1.5rem; margin-bottom: 1.5rem; } .bakti-untuk-rakyat .topic-render .topic-filter-menu-dd-container .selected-item { letter-spacing: 0; } .bakti-untuk-rakyat .topic-render .topic-filter-menu-dd-container span.label { font-size: 1.5rem; font-family: "Adrianna", sans-serif; font-weight: 700; } .bakti-untuk-rakyat .topic-render .topic-filter-menu-dd-container .dropdown .btn { padding: 0.6875rem 2.125rem; font-size: 1.5rem; border: 1px solid #707070; border-radius: 33px; font-family: "Adrianna", sans-serif; color: #000; } .bakti-untuk-rakyat .topic-render .topic-filter-menu-dd-container .dropdown .btn i { color: #000; margin-left: 15px; } .bakti-untuk-rakyat .topic-render .topic-filter-menu-dd-container .dropdown .dropdown-menu { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161); border: none; } .bakti-untuk-rakyat #writeYourOpinion form { padding: 1rem 1rem 0; margin-bottom: 0; } .bakti-untuk-rakyat #writeYourOpinion .write-opinion { display: block; } .bakti-untuk-rakyat #writeYourOpinion .write-opinion .error { color: #D9003C; } .bakti-untuk-rakyat #writeYourOpinion .message-cont { margin-top: 20px; width: 100%; } .bakti-untuk-rakyat #writeYourOpinion .message-cont textarea { height: initial; min-height: 200px; padding: 15px; margin: 0; width: 100%; border: none; border-radius: 0; color: #6E6C6C; line-height: 1.5; border-bottom: 1px dashed #C6C3C3; } .bakti-untuk-rakyat #writeYourOpinion .message-cont span.error { display: inline-block; margin-top: 15px; } .bakti-untuk-rakyat #writeYourOpinion .warning-messages { font-family: "Open Sans", sans-serif; font-size: 1rem; line-height: 24px; font-weight: 700; color: #D9003C; } .bakti-untuk-rakyat #writeYourOpinion .topic-user-avatar { width: 1.875rem; height: 1.875rem; } .bakti-untuk-rakyat #writeYourOpinion .upload-or-embbed { padding-top: 20px; padding-bottom: 20px; background: none; border: none; box-shadow: none; border-radius: 0; } .bakti-untuk-rakyat #writeYourOpinion .topic-cta-container { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; align-items: center; } .bakti-untuk-rakyat #writeYourOpinion .topic-cta-container .topic-buttons { display: flex; flex-wrap: wrap; row-gap: 15px; } .bakti-untuk-rakyat #writeYourOpinion .submit-opinion { margin-top: 0; } .bakti-untuk-rakyat #writeYourOpinion .upload-img { cursor: pointer; } .bakti-untuk-rakyat #writeYourOpinion .upload-img, .bakti-untuk-rakyat #writeYourOpinion .link-img { margin-right: 10px; font-size: 18px; color: #C6C3C3; } .bakti-untuk-rakyat #writeYourOpinion .delete-file-upload { cursor: pointer; } .bakti-untuk-rakyat #writeYourOpinion .btn-link-img { border: none; background-color: transparent; } .bakti-untuk-rakyat #writeYourOpinion .upload-message-image-button { margin-bottom: 0; } .bakti-untuk-rakyat #writeYourOpinion .upload-message-more-file { color: #000; font-size: 1rem; font-weight: 700; font-family: "Adrianna", sans-serif; } .bakti-untuk-rakyat #writeYourOpinion .embed-container { margin-top: 1rem; margin-bottom: 1rem; } .bakti-untuk-rakyat #writeYourOpinion .embed-container .embed-iframe { border-color: #C6C3C3; } .bakti-untuk-rakyat #writeYourOpinion .file-upload-container > * { padding: 0 5px; } .bakti-untuk-rakyat #writeYourOpinion .files-container:not(:empty) { margin-bottom: 30px; } .bakti-untuk-rakyat #writeYourOpinion .upload-message { color: #C6C3C3; font-size: 0.875rem; } .bakti-untuk-rakyat #writeYourOpinion .primary-button { background-color: #FF4255 !important; border: 1px solid #FF4255 !important; } .bakti-untuk-rakyat #writeYourOpinion .primary-button:hover { background-color: #FF4255 !important; filter: brightness(85%); } .bakti-untuk-rakyat #writeYourOpinion .cancel-btn { margin-right: 10px; background-color: #1E8FE1; padding: 13px 33px; border: 1px solid #1E8FE1; border-radius: 36px; box-shadow: none; font-family: "Adrianna", sans-serif; font-size: 25px; line-height: 32px; font-weight: 700; color: #ffffff; } .bakti-untuk-rakyat #writeYourOpinion .cancel-btn:hover { filter: brightness(85%); } .bakti-untuk-rakyat #writeYourOpinion .fade-in-show { animation: fade-in-show 0.5s; } .bakti-untuk-rakyat .user-form-btn-primary .primary-button { padding: 0.875rem 5rem !important; font-size: 1.5625rem !important; font-weight: 700 !important; font-family: "Adrianna", sans-serif; border: 1px solid #F6555C !important; background-color: #F6555C !important; } .bakti-untuk-rakyat #messageModal .file-icon-upload { width: 50px; height: 50px; } .bakti-untuk-rakyat #messageModal .modal-header { padding-left: 34px; padding-right: 18px; } .bakti-untuk-rakyat #messageModal .modal-header .user-information-container { display: flex; align-items: center; gap: 20px; padding-left: 5px; } @media (max-width: 400px) { .bakti-untuk-rakyat #messageModal .modal-header .user-information-container { gap: 10px; } } .bakti-untuk-rakyat #messageModal .modal-header .topic-user-avatar { float: none; margin-left: 0; margin-right: 0; width: 2.5rem; height: 2.5rem; flex-shrink: 0; } .bakti-untuk-rakyat #messageModal .modal-header .user-details { position: static; text-align: left; } .bakti-untuk-rakyat #messageModal .modal-header .user-details h6 { margin-bottom: 0; } .bakti-untuk-rakyat #messageModal .modal-header .user-details h6 span { font-size: 1rem; font-weight: 700; } .bakti-untuk-rakyat #messageModal .modal-header .user-details h6.message-time { font-size: 13px; margin-top: 3px; } .bakti-untuk-rakyat #messageModal .modal-body { background: none; padding-left: 40px; padding-right: 40px; margin-top: 10px; } .bakti-untuk-rakyat #messageModal .modal-body .topic-message { padding: 0; display: grid; display: grid; grid-template-columns: 1fr max-content; gap: 20px; margin-bottom: 20px; } .bakti-untuk-rakyat #messageModal .modal-body .topic-message h4 { margin-bottom: 0; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 400; } @media (max-width: 450px) { .bakti-untuk-rakyat #messageModal .modal-body .topic-message { grid-template-columns: 1fr; } } .bakti-untuk-rakyat #messageModal .modal-body .comment-details { margin: 0; } .bakti-untuk-rakyat #messageModal .modal-body .comment-details .img-like-icon.active-like-icon { color: #FF4255; } .bakti-untuk-rakyat #messageModal .modal-body .comment-details .likes-count { margin-left: 0; font-family: "Open Sans", sans-serif; } .bakti-untuk-rakyat #messageModal .modal-body .comment-details .likes-label { font-family: "Open Sans", sans-serif; } .bakti-untuk-rakyat #messageModal .modal-body .c-topics-likes { padding-right: 0; cursor: pointer; } .bakti-untuk-rakyat #messageModal .modal-footer { padding: 20px 30px; } .bakti-untuk-rakyat #messageModal .modal-footer .replies-title { display: inline-block; padding: 15px 0 10px; font-size: 0.875rem; font-weight: 700; color: #7D7D7D; } .bakti-untuk-rakyat #messageModal .modal-footer ul.topic-comments-list { list-style-type: none; max-height: 350px; } .bakti-untuk-rakyat #messageModal .modal-footer ul.topic-comments-list > li { padding-top: 1.25rem; padding-bottom: 1.25rem; margin-left: 2.1875rem; } @media (max-width: 400px) { .bakti-untuk-rakyat #messageModal .modal-footer ul.topic-comments-list > li { margin-left: 0; } } .bakti-untuk-rakyat #messageModal .modal-footer ul.topic-comments-list > li:first-of-type { border-top: none; } .bakti-untuk-rakyat #messageModal .modal-footer ul.topic-comments-list > li .comm { font-size: 16px; color: #000; } .bakti-untuk-rakyat #messageModal .modal-footer .topic-comments-list .topic-user-avatar { width: 1.875rem; height: 1.875rem; margin-right: 1.25rem; float: none; flex-shrink: 0; } @media (max-width: 400px) { .bakti-untuk-rakyat #messageModal .modal-footer .topic-comments-list .topic-user-avatar { margin-right: 10px; } } .bakti-untuk-rakyat #messageModal .modal-footer .topic-comments-list .user-information { display: flex; } .bakti-untuk-rakyat #messageModal .modal-footer .topic-comments-list .user-information .user-details { position: static; text-align: left; } .bakti-untuk-rakyat #messageModal .modal-footer .topic-comments-list .user-information .user-details h6 { margin-bottom: 0; font-size: 0.8125rem; color: #bdbdbd; } .bakti-untuk-rakyat #messageModal .modal-footer .topic-comments-list .user-information .user-details h6 span { margin-bottom: 0.1875rem; display: inline-block; font-size: 1rem; color: #000; font-weight: 700; } .bakti-untuk-rakyat #messageModal .modal-footer .topic-comments-list .user-information .user-details h6 span.delete-comment a { font-size: 0.875rem; } .bakti-untuk-rakyat #messageModal .modal-footer .topic-comments-list .user-information .user-details h6:first-of-type { font-size: 0.875rem; color: #000; } .bakti-untuk-rakyat #messageModal .modal-footer #loadMoreReplies { margin: 0.9375rem auto; } .bakti-untuk-rakyat #messageModal .modal-footer #loadMoreReplies i { color: #707070; } .bakti-untuk-rakyat #messageModal .message-image-container { padding-left: 0; } .bakti-untuk-rakyat #messageModal .facebook-share-topic, .bakti-untuk-rakyat #messageModal .twitter-share-topic, .bakti-untuk-rakyat #messageModal .whatsapp-share-topic, .bakti-untuk-rakyat #messageModal .email-share-topic { display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; padding: 0; background-color: #F8555C; text-decoration: none; transition: all 0.3s linear; } .bakti-untuk-rakyat #messageModal .facebook-share-topic:hover, .bakti-untuk-rakyat #messageModal .twitter-share-topic:hover, .bakti-untuk-rakyat #messageModal .whatsapp-share-topic:hover, .bakti-untuk-rakyat #messageModal .email-share-topic:hover { background-color: #1E8FE1; } .bakti-untuk-rakyat #messageModal .facebook-share-topic i, .bakti-untuk-rakyat #messageModal .twitter-share-topic i, .bakti-untuk-rakyat #messageModal .whatsapp-share-topic i, .bakti-untuk-rakyat #messageModal .email-share-topic i { font-size: 12px; } .bakti-untuk-rakyat #messageModal .sharing-container { float: none !important; display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; align-items: center; } .bakti-untuk-rakyat #messageModal .sharing-container .replies-title { padding-left: 0.3125rem; font-size: 0.875rem; font-weight: 700; color: #C6C3C3; } .bakti-untuk-rakyat #messageModal .sharing-container .replies-title::before { position: relative; top: 2px; right: 7px; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none' aria-hidden='true'%3E%3Cpath fill='%23c6c3c3' d='M.813 1.219A.407.407 0 0 0 .406.812.407.407 0 0 0 0 1.22v4.468A2.03 2.03 0 0 0 2.031 7.72h9.583l-2.557 2.557a.408.408 0 0 0 0 .573.408.408 0 0 0 .574 0l3.25-3.25a.408.408 0 0 0 0-.573l-3.25-3.25a.408.408 0 0 0-.574 0 .408.408 0 0 0 0 .573l2.557 2.557H2.03A1.22 1.22 0 0 1 .812 5.688v-4.47Z'/%3E%3C/svg%3E"); } @media (max-width: 450px) { .bakti-untuk-rakyat #messageModal .sharing-container { flex-direction: column; align-items: flex-start; gap: 20px; } .bakti-untuk-rakyat #messageModal .sharing-container .replies-title { order: 1; } } .bakti-untuk-rakyat #messageModal .share-text { font-size: 1rem; color: #000; font-weight: 700; font-family: "Adrianna", sans-serif; } .bakti-untuk-rakyat #messageModal #carouselExampleIndicators, .bakti-untuk-rakyat #messageModal .carousel-reply { margin: 0; } .bakti-untuk-rakyat #messageModal #carouselExampleIndicators .carousel-inner, .bakti-untuk-rakyat #messageModal .carousel-reply .carousel-inner { background-color: unset; aspect-ratio: 2/1; } .bakti-untuk-rakyat #messageModal #carouselExampleIndicators .carousel-indicators li, .bakti-untuk-rakyat #messageModal .carousel-reply .carousel-indicators li { border: 2px solid #ababab; } .bakti-untuk-rakyat #messageModal .carousel-control-next-icon, .bakti-untuk-rakyat #messageModal .carousel-control-prev-icon { background-image: none; } .bakti-untuk-rakyat #messageModal .add-reply-comm .topic-user-avatar { width: 1.875rem; height: 1.875rem; margin-right: 0; float: none; display: block !important; } @media (max-width: 768px) { .bakti-untuk-rakyat #messageModal .add-reply-comm .topic-user-avatar { margin-bottom: 15px; } } .bakti-untuk-rakyat #messageModal .add-reply-comm textarea { width: 100%; padding-left: 0.625rem; padding-right: 0.625rem; margin-bottom: 10px; float: none; color: #6E6C6C; line-height: 1.5; border: none; border-radius: 0; border-bottom: 1px dashed #C6C3C3; } .bakti-untuk-rakyat #messageModal .add-reply-comm .upload-file-name { margin-left: 0; } .bakti-untuk-rakyat #messageModal .add-reply-comm .delete-file-upload { cursor: pointer; } .bakti-untuk-rakyat #messageModal .upload-topic-image-reply { margin: 0; padding: 0; font-size: 1.125rem; color: #C6C3C3; border: none; border-radius: 0; } .bakti-untuk-rakyat #messageModal .files-container { padding-bottom: 20px; } .bakti-untuk-rakyat #messageModal .files-container .file-upload-container > * { padding: 5px; } .bakti-untuk-rakyat #messageModal .files-container .upload-file-name { color: #000; font-size: 1rem; overflow-wrap: break-word; } .bakti-untuk-rakyat #messageModal .files-container:empty { padding: 0; } .bakti-untuk-rakyat #messageModal .guestCommentForm { margin-top: 10px; } .bakti-untuk-rakyat #messageModal .warning-messages { margin-top: 0; font-size: 1rem; font-weight: 700; color: #D9003C; font-family: "Open Sans", sans-serif; } .bakti-untuk-rakyat #messageModal .warning-messages:empty { margin-top: 0; } .bakti-untuk-rakyat #messageModal #submit-reply .error { width: unset; float: none; margin-top: 0; font-size: 1rem; font-weight: 700; color: #D9003C; font-family: "Open Sans", sans-serif; } .bakti-untuk-rakyat #messageModal .primary-button { background-color: #FF4255 !important; border: 1px solid #FF4255 !important; } .bakti-untuk-rakyat #messageModal .primary-button:hover { background-color: #FF4255 !important; filter: brightness(85%); } @keyframes fade-in-show { 0% { opacity: 0; } 100% { opacity: 1; } } .in-moderation-label-message { background-color: rgba(241, 130, 73, 0.05); color: #f18249; font-size: 12px; padding: 5px; } .in-moderation-icon { color: #f18249; position: absolute; left: 200px; top: 22px; } .placeholder-video { position: absolute; left: 11px; text-align: center; margin-top: 46px; color: white; } .placeholder-video-modal { position: absolute; left: 172px; text-align: center; margin-top: 155px; color: white; } .myparty-login { height: 100vh; } .myparty-login .logo .img-container { width: -moz-fit-content; width: fit-content; margin: 0 auto; padding-bottom: 10px; } .myparty-login .gray-background { background: #eaeaea; } .myparty-login .login-form { max-width: 500px; background: #ffffff; border-radius: 10px; box-shadow: 1px 1px 15px 0px #000000; } .myparty-login .login-form .myparty-login-form { padding: 40px 25px 20px 25px; } .myparty-login .login-form .myparty-login-form .input-container { margin-bottom: 1rem; } .myparty-login .login-form .myparty-login-form .logo img { margin: 0 auto; display: block; } .myparty-login .login-form .myparty-login-form .error { font-size: 12px; margin: 0; color: #0077E9; } .myparty-login .login-form .myparty-login-form .welcome-message h3 { text-align: center; font-size: 22px; font-family: #0077E9; font-weight: 400; color: #000000; padding-bottom: 20px; } .myparty-login .login-form .myparty-login-form .disclaimer-text { font-size: 12px; font-family: #0077E9; } .myparty-login .login-form .myparty-login-form .disclaimer-text a { color: #0077E9; } .myparty-login .login-form .myparty-login-form .form-group { margin-bottom: 0; } .myparty-login .login-form .myparty-login-form .form-group input { width: 100%; margin-top: 5px; border: 2px solid #bdbdbd; border-radius: 10px; } .myparty-login .login-form .myparty-login-form #loginButton { font-size: 22px; font-family: #0077E9; text-transform: uppercase; width: 100%; max-width: 180px; } .myparty-login .login-form .myparty-login-form .checkbox { margin-top: 8px; } .myparty-login .login-form .myparty-login-form .remember { color: #757575; font-size: 12px; font-family: #0077E9; } .myparty-login .login-form .myparty-login-form .remember input[type=checkbox] { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; background: white; height: 20px; float: left; width: 20px; border-radius: 3px; border: 2px solid #bdbdbd; margin-right: 5px; } .myparty-login .login-form .myparty-login-form .remember input[type=checkbox]:checked { background: #0077E9; } .myparty-login .login-form .myparty-login-form .remember input[type=checkbox]:hover { filter: brightness(90%); } .myparty-login .login-form .myparty-login-form .remember input[type=checkbox]:disabled { background: #e6e6e6; opacity: 0.6; pointer-events: none; } .myparty-login .login-form .myparty-login-form .remember input[type=checkbox]:after { content: ""; position: relative; left: 35%; top: 11%; width: 35%; height: 60%; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); display: none; } .myparty-login .login-form .myparty-login-form .remember input[type=checkbox]:checked:after { display: block; } .myparty-login .login-form .myparty-login-form .remember input[type=checkbox]:disabled:after { border-color: #bdbdbd; } .myparty-login .login-form .myparty-login-form .forgot-pass { text-align: center; padding-top: 20px; font-size: 14px; color: #ea5455; font-family: #0077E9; } .myparty-login .login-form .myparty-login-form .forgot-pass a { color: #0077E9; } .myparty-login .my-party-forgot { padding: 15px 15px 20px 15px; } .myparty-login .my-party-forgot h3 { font-size: 20px; border-bottom: 1px solid #ced4da; padding-bottom: 5px; margin-bottom: 20px; font-family: #0077E9; } .myparty-login .my-party-forgot h6 { font-size: 13px; font-family: #0077E9; } .myparty-login .my-party-forgot .back-login { font-size: 15px; padding-top: 10px; float: right; color: #0077E9; } .myparty-login .my-party-forgot .back-login:hover { cursor: pointer; } .myparty-login .gdrp-consent { padding: 15px; } .myparty-login .gdrp-consent h3 { font-size: 20px; border-bottom: 1px solid #ced4da; padding-bottom: 5px; margin-bottom: 20px; font-family: #0077E9; } .myparty-login .gdrp-consent h6 { font-size: 13px; font-family: #0077E9; } .myparty-login .gdrp-consent .gdpr-btn { margin-bottom: 15px; font-size: 15px; padding: 5px 15px; background: #0077E9; float: left; color: #fff; border-radius: 3px; } .myparty-login .gdrp-consent .gdpr-btn:hover { cursor: pointer; color: #fff; } #product-content { margin-top: 110px; } #product-content h2::before { display: none; } #product-content h2::after { display: none; } #product-content .order-info-title { font-family: "Adrianna", sans-serif; font-weight: 600; font-size: 25px; line-height: 1; color: #000000; margin-bottom: 24px; } #product-content .order-info-description { font-family: "Open sans", sans-serif; font-weight: 400; font-size: 16px; line-height: 21px; color: #000000; } #product-content .order-info-price { font-family: "Adrianna", sans-serif; font-weight: 700; font-size: 24px; line-height: 34px; color: #000000; } #product-content .order-info-quantity-text { font-family: "Open sans", sans-serif; font-weight: 400; font-size: 16px; line-height: 21px; color: #909090; } #product-content .order-info-quantity { font-family: "Open sans", sans-serif; font-weight: 600; font-size: 18px; line-height: 21px; color: #000000; } #product-content #app_productpricing { padding: 0; } #product-content #app_productpricing .col-lg-12:nth-of-type(3) .left-label { color: #16e26e; font-weight: 700; } #product-content #app_productpricing .col-lg-12 label { margin-bottom: 0; vertical-align: middle; } #product-content .plus-minus { font-family: "Adrianna", sans-serif; font-size: 22px; line-height: 1; font-weight: 700; color: #898989; cursor: pointer; } #product-content .number-input { width: 42px; background-color: #FFFFFF; font-family: "Adrianna", sans-serif; font-size: 16px; line-height: 1; font-weight: 400; border: 1px solid #BEBEBE; text-align: center; color: #909090; padding: 5px; } #product-content .number-input:focus-visible { outline: 0; } #product-content .number-input::-webkit-outer-spin-button, #product-content .number-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #product-content .order-button { background-color: #f5555c; border: 1px solid #f5555c; border-radius: 40px; margin: 0; box-shadow: 0px 3px 6px rgba(255, 255, 255, 0.161); color: #fff; font-family: "Adrianna", sans-serif; font-size: 25px; font-weight: 700; line-height: 32px; padding: 13px 33px; } #product-content .order-button:hover { text-decoration: none; color: #ffffff; filter: brightness(85%); } #product-content .block-order-button { background-color: #808080; border: 1px solid #808080; border-radius: 40px; text-align: center; margin: 0; box-shadow: 0px 3px 6px rgba(255, 255, 255, 0.161); color: #fff; font-family: "Adrianna", sans-serif; font-size: 25px; font-weight: 700; line-height: 32px; padding: 13px 33px; cursor: not-allowed !important; } #product-content .attribute-name-label { font-family: "Open Sans", sans-serif; font-size: 18px; line-height: 21px; font-weight: 600; color: #000000; } #product-content .attribute-value-label { background-color: #FFFFFF; border: 1px solid #BEBEBE; font-family: "Open Sans", sans-serif; font-size: 20px; line-height: 24px; font-weight: 400; color: #909090; padding: 5px 10px; text-align: center; display: inline-flex; cursor: pointer; } #product-content .selected_attr_value { background-color: #525151; border: 2px solid #EB5455; font-family: "Open Sans", sans-serif; font-size: 20px; line-height: 24px; font-weight: 400; color: #FBFBFB; } #product-content .error-stock-label { color: #EB5455; } #product-content .product-subtitle { font-family: "Open Sans", sans-serif; margin-bottom: 0; font-size: 24px; line-height: 34px; font-weight: 500; color: #000000; } #product-content .product-description { font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 21px; font-weight: 400; color: #000000; } #product-content .order-container { position: sticky; top: 110px; right: 0; height: 100%; } @media screen and (max-width: 991px) { #product-content .order-container { position: static; } } #product-content .order-container > .row { background-color: #F5F5F5; padding: 0.5rem 1rem 2rem; } #product-content .go-to-cart-button { font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 21px; font-weight: 400; } .widget-form .form-title { font-family: "Adrianna", sans-serif; font-size: 40px; line-height: 42px; font-weight: 700; margin-bottom: 30px; } .header-shop li[data-list=ordered] span.ql-ui:before { content: none !important; } .header-shop { margin-top: 160px; } .header-shop h1 { margin-bottom: 10px; } .header-shop h2 { margin-bottom: 0; font-size: 24px; line-height: 34px; font-weight: 500; font-family: "Open Sans", sans-serif; } .header-shop h2::before, .header-shop h2::after { display: none; } .product-list .grid .grid-item .article-title { position: static !important; } .product-list .grid .grid-item .article-date { display: block !important; } .product-list .add-cart-button { margin-left: 20px; padding: 0; border: none; font-size: 16px; line-height: 24px; letter-spacing: 0; font-weight: 700; color: #F8555C; font-family: "Open Sans", sans-serif; background-color: #fff; } .product-list .price-product { margin-bottom: 0; padding-left: 20px; padding-right: 20px; font-family: "Adrianna", sans-serif; font-size: 20px; font-weight: 700; color: #000; } .product-list .stock-image { width: 10px !important; margin-right: 5px; } #app_productslisting { margin-bottom: 80px; } #app_productslisting .grid-item { height: auto; } #app_productslisting .productlisting-card-item { height: 100%; display: flex; flex-direction: column; padding-bottom: 5px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); border-radius: 16px 16px 0 0; background-color: #fff; border-bottom: 16px solid #F8555C; } #app_productslisting .productlisting-card-item .article-title { padding: 40px 20px 5px; background-color: #fff; color: #000; font-family: "adrianna", sans-serif; font-size: 24px; line-height: 28px; font-weight: 700; border: none; } #app_productslisting .productlisting-card-item .article-title:hover, #app_productslisting .productlisting-card-item .article-title:focus { filter: none; } #app_productslisting .productlisting-card-item .image-article { border-radius: 16px 16px 0 0; } #app_productslisting .productlisting-card-item .article-date { margin-top: 0; margin-bottom: 0; padding-left: 20px; padding-right: 20px; font-size: 12px; line-height: 16px; font-weight: 500; color: #C6C3C3; } #app_productslisting .productlisting-card-item .title-excerpt { margin-bottom: 20px; } #app_productslisting .productlisting-card-item .title-excerpt:last-of-type { margin-top: auto; } .notifications-cart-nr { font-family: "Open sans", sans-serif; } #modalCartAdded .add-to-cart-modal-header, #modalCartAdded .label-cart-modal { font-family: "Open sans", sans-serif; font-weight: 700; font-size: 18px; line-height: 21px; margin-bottom: 0; } #modalCartAdded .modal-body img { width: 100% !important; } #modalCartAdded .modal-body .label-cart-modal-price { font-family: "Adrianna", sans-serif; font-weight: 700; font-size: 24px; line-height: 30px; margin-top: 0.5rem; } #modalCartAdded .modal-footer .btn-danger, #modalCartAdded .modal-footer .btn-success { margin-top: 10px; font-size: 16px !important; } #modalCartAdded .modal-footer .btn-success { background-color: #16e26e; border: 1px solid #16e26e; border-radius: 40px; box-shadow: 0px 3px 6px rgba(255, 255, 255, 0.161); color: #fff; font-family: "Adrianna", sans-serif; font-weight: 700; line-height: 32px; padding: 13px 33px; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff url("/images/themes/prabowo/ajax-loader.gif") center center no-repeat; } /* Icons */ @font-face { font-family: "slick"; src: url("/fonts/themes/prabowo/slick.eot"); src: url("/fonts/themes/prabowo/slick.eot?#iefix") format("embedded-opentype"), url("/fonts/themes/prabowo/slick.woff") format("woff"), url("/fonts/themes/prabowo/slick.ttf") format("truetype"), url("/fonts/themes/prabowo/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir=rtl] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir=rtl] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir=rtl] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir=rtl] .slick-next:before { content: "←"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } .pretty * { box-sizing: border-box; } .pretty input:not([type=checkbox]):not([type=radio]) { display: none; } .pretty { position: relative; display: inline-block; margin-right: 1em; white-space: nowrap; line-height: 1; } .pretty input { position: absolute; left: 0; top: 0; min-width: 1em; width: 100%; height: 100%; z-index: 2; opacity: 0; margin: 0; padding: 0; cursor: pointer; } .pretty .state label { position: initial; display: inline-block; font-weight: normal; margin: 0; text-indent: 1.5em; min-width: calc(1em + 2px); } .pretty .state label:before, .pretty .state label:after { content: ""; width: calc(1em + 2px); height: calc(1em + 2px); display: block; box-sizing: border-box; border-radius: 0; border: 1px solid transparent; z-index: 0; position: absolute; left: 0; top: calc(0% - (100% - 1em) - 8%); background-color: transparent; } .pretty .state label:before { border-color: #bdc3c7; } .pretty .state.p-is-hover, .pretty .state.p-is-indeterminate { display: none; } @keyframes zoom { 0% { opacity: 0; transform: scale(0); } } @keyframes tada { 0% { animation-timing-function: ease-in; opacity: 0; transform: scale(7); } 38% { animation-timing-function: ease-out; opacity: 1; transform: scale(1); } 55% { animation-timing-function: ease-in; transform: scale(1.5); } 72% { animation-timing-function: ease-out; transform: scale(1); } 81% { animation-timing-function: ease-in; transform: scale(1.24); } 89% { animation-timing-function: ease-out; transform: scale(1); } 95% { animation-timing-function: ease-in; transform: scale(1.04); } 100% { animation-timing-function: ease-out; transform: scale(1); } } @keyframes jelly { 0% { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(0.75, 1.25, 1); } 40% { transform: scale3d(1.25, 0.75, 1); } 50% { transform: scale3d(0.85, 1.15, 1); } 65% { transform: scale3d(1.05, 0.95, 1); } 75% { transform: scale3d(0.95, 1.05, 1); } 100% { transform: scale3d(1, 1, 1); } } @keyframes rotate { 0% { opacity: 0; transform: translateZ(-200px) rotate(-45deg); } 100% { opacity: 1; transform: translateZ(0) rotate(0); } } @keyframes pulse { 0% { box-shadow: 0px 0px 0px 0px #bdc3c7; } 100% { box-shadow: 0px 0px 0px 1.5em rgba(189, 195, 199, 0); } } .pretty.p-default.p-fill .state label:after { transform: scale(1); } .pretty.p-default .state label:after { transform: scale(0.6); } .pretty.p-default input:checked ~ .state label:after { background-color: #bdc3c7 !important; } .pretty.p-default.p-thick .state label:before, .pretty.p-default.p-thick .state label:after { border-width: 0.1428571429em; } .pretty.p-default.p-thick .state label:after { transform: scale(0.4) !important; } .pretty.p-icon .state .icon { position: absolute; font-size: 1em; width: calc(1em + 2px); height: calc(1em + 2px); left: 0; z-index: 1; text-align: center; line-height: normal; top: calc(0% - (100% - 1em) - 8%); border: 1px solid transparent; opacity: 0; } .pretty.p-icon .state .icon:before { margin: 0; width: 100%; height: 100%; text-align: center; display: flex; flex: 1; justify-content: center; align-items: center; line-height: 1; } .pretty.p-icon input:checked ~ .state .icon { opacity: 1; } .pretty.p-icon input:checked ~ .state label:before { border-color: #5a656b; } .pretty.p-svg .state .svg { position: absolute; font-size: 1em; width: calc(1em + 2px); height: calc(1em + 2px); left: 0; z-index: 1; text-align: center; line-height: normal; top: calc(0% - (100% - 1em) - 8%); border: 1px solid transparent; opacity: 0; } .pretty.p-svg .state svg { margin: 0; width: 100%; height: 100%; text-align: center; display: flex; flex: 1; justify-content: center; align-items: center; line-height: 1; } .pretty.p-svg input:checked ~ .state .svg { opacity: 1; } .pretty.p-image .state img { opacity: 0; position: absolute; width: calc(1em + 2px); height: calc(1em + 2px); top: 0; top: calc(0% - (100% - 1em) - 8%); left: 0; z-index: 0; text-align: center; line-height: normal; transform: scale(0.8); } .pretty.p-image input:checked ~ .state img { opacity: 1; } .pretty.p-switch input { min-width: 2em; } .pretty.p-switch .state { position: relative; } .pretty.p-switch .state:before { content: ""; border: 1px solid #bdc3c7; border-radius: 60px; width: 2em; box-sizing: unset; height: calc(1em + 2px); position: absolute; top: 0; top: calc(0% - (100% - 1em) - 16%); z-index: 0; transition: all 0.5s ease; } .pretty.p-switch .state label { text-indent: 2.5em; } .pretty.p-switch .state label:before, .pretty.p-switch .state label:after { transition: all 0.5s ease; border-radius: 100%; left: 0; border-color: transparent; transform: scale(0.8); } .pretty.p-switch .state label:after { background-color: #bdc3c7 !important; } .pretty.p-switch input:checked ~ .state:before { border-color: #5a656b; } .pretty.p-switch input:checked ~ .state label:before { opacity: 0; } .pretty.p-switch input:checked ~ .state label:after { background-color: #5a656b !important; left: 1em; } .pretty.p-switch.p-fill input:checked ~ .state:before { border-color: #5a656b; background-color: #5a656b !important; } .pretty.p-switch.p-fill input:checked ~ .state label:before { opacity: 0; } .pretty.p-switch.p-fill input:checked ~ .state label:after { background-color: #fff !important; left: 1em; } .pretty.p-switch.p-slim .state:before { height: 0.1em; background: #bdc3c7 !important; top: calc(50% - 0.1em); } .pretty.p-switch.p-slim input:checked ~ .state:before { border-color: #5a656b; background-color: #5a656b !important; } .pretty.p-has-hover input:hover ~ .state:not(.p-is-hover) { display: none; } .pretty.p-has-hover input:hover ~ .state.p-is-hover { display: block; } .pretty.p-has-hover input:hover ~ .state.p-is-hover .icon { display: block; } .pretty.p-has-focus input:focus ~ .state label:before { box-shadow: 0px 0px 3px 0px rgb(189, 195, 199); } .pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state:not(.p-is-indeterminate) { display: none; } .pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state.p-is-indeterminate { display: block; } .pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state.p-is-indeterminate .icon { display: block; opacity: 1; } .pretty.p-toggle .state.p-on { opacity: 0; display: none; } .pretty.p-toggle .state.p-off, .pretty.p-toggle .state .icon, .pretty.p-toggle .state .svg, .pretty.p-toggle .state img { opacity: 1; display: inherit; } .pretty.p-toggle .state.p-off .icon { color: #bdc3c7; } .pretty.p-toggle input:checked ~ .state.p-on { opacity: 1; display: inherit; } .pretty.p-toggle input:checked ~ .state.p-off { opacity: 0; display: none; } .pretty.p-plain input:checked ~ .state label:before, .pretty.p-plain.p-toggle .state label:before { content: none; } .pretty.p-plain.p-plain .icon { transform: scale(1.1); } .pretty.p-round .state label:before, .pretty.p-round .state label:after { border-radius: 100%; } .pretty.p-round.p-icon .state .icon { border-radius: 100%; overflow: hidden; } .pretty.p-round.p-icon .state .icon:before { transform: scale(0.8); } .pretty.p-curve .state label:before, .pretty.p-curve .state label:after { border-radius: 20%; } .pretty.p-smooth label:before, .pretty.p-smooth label:after, .pretty.p-smooth .icon, .pretty.p-smooth .svg { transition: all 0.5s ease; } .pretty.p-smooth input:checked + .state label:after { transition: all 0.3s ease; } .pretty.p-smooth input:checked + .state .icon, .pretty.p-smooth input:checked + .state .svg, .pretty.p-smooth input:checked + .state img { animation: zoom 0.2s ease; } .pretty.p-smooth.p-default input:checked + .state label:after { animation: zoom 0.2s ease; } .pretty.p-smooth.p-plain input:checked + .state label:before { content: ""; transform: scale(0); transition: all 0.5s ease; } .pretty.p-tada:not(.p-default) input:checked + .state .icon, .pretty.p-tada:not(.p-default) input:checked + .state .svg, .pretty.p-tada:not(.p-default) input:checked + .state img, .pretty.p-tada:not(.p-default) input:checked + .state label:before, .pretty.p-tada:not(.p-default) input:checked + .state label:after { animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate; opacity: 1; } .pretty.p-jelly:not(.p-default) input:checked + .state .icon, .pretty.p-jelly:not(.p-default) input:checked + .state .svg, .pretty.p-jelly:not(.p-default) input:checked + .state img, .pretty.p-jelly:not(.p-default) input:checked + .state label:before, .pretty.p-jelly:not(.p-default) input:checked + .state label:after { animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 1; } .pretty.p-jelly:not(.p-default) input:checked + .state label:before { border-color: transparent; } .pretty.p-rotate:not(.p-default) input:checked ~ .state .icon, .pretty.p-rotate:not(.p-default) input:checked ~ .state .svg, .pretty.p-rotate:not(.p-default) input:checked ~ .state img, .pretty.p-rotate:not(.p-default) input:checked ~ .state label:before, .pretty.p-rotate:not(.p-default) input:checked ~ .state label:after { animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 1; } .pretty.p-rotate:not(.p-default) input:checked ~ .state label:before { border-color: transparent; } .pretty.p-pulse:not(.p-switch) input:checked ~ .state label:before { animation: pulse 1s; } .pretty input[disabled] { cursor: not-allowed; display: none; } .pretty input[disabled] ~ * { opacity: 0.5; } .pretty.p-locked input { display: none; cursor: not-allowed; } .pretty input:checked ~ .state.p-primary label:after, .pretty.p-toggle .state.p-primary label:after { background-color: #428bca !important; } .pretty input:checked ~ .state.p-primary .icon, .pretty input:checked ~ .state.p-primary .svg, .pretty.p-toggle .state.p-primary .icon, .pretty.p-toggle .state.p-primary .svg { color: #fff; stroke: #fff; } .pretty input:checked ~ .state.p-primary-o label:before, .pretty.p-toggle .state.p-primary-o label:before { border-color: #428bca; } .pretty input:checked ~ .state.p-primary-o label:after, .pretty.p-toggle .state.p-primary-o label:after { background-color: transparent; } .pretty input:checked ~ .state.p-primary-o .icon, .pretty input:checked ~ .state.p-primary-o .svg, .pretty input:checked ~ .state.p-primary-o svg, .pretty.p-toggle .state.p-primary-o .icon, .pretty.p-toggle .state.p-primary-o .svg, .pretty.p-toggle .state.p-primary-o svg { color: #428bca; stroke: #428bca; } .pretty.p-default:not(.p-fill) input:checked ~ .state.p-primary-o label:after { background-color: #428bca !important; } .pretty.p-switch input:checked ~ .state.p-primary:before { border-color: #428bca; } .pretty.p-switch.p-fill input:checked ~ .state.p-primary:before { background-color: #428bca !important; } .pretty.p-switch.p-slim input:checked ~ .state.p-primary:before { border-color: rgb(36.3553719008, 86.4297520661, 129.6446280992); background-color: rgb(36.3553719008, 86.4297520661, 129.6446280992) !important; } .pretty input:checked ~ .state.p-info label:after, .pretty.p-toggle .state.p-info label:after { background-color: #5bc0de !important; } .pretty input:checked ~ .state.p-info .icon, .pretty input:checked ~ .state.p-info .svg, .pretty.p-toggle .state.p-info .icon, .pretty.p-toggle .state.p-info .svg { color: #fff; stroke: #fff; } .pretty input:checked ~ .state.p-info-o label:before, .pretty.p-toggle .state.p-info-o label:before { border-color: #5bc0de; } .pretty input:checked ~ .state.p-info-o label:after, .pretty.p-toggle .state.p-info-o label:after { background-color: transparent; } .pretty input:checked ~ .state.p-info-o .icon, .pretty input:checked ~ .state.p-info-o .svg, .pretty input:checked ~ .state.p-info-o svg, .pretty.p-toggle .state.p-info-o .icon, .pretty.p-toggle .state.p-info-o .svg, .pretty.p-toggle .state.p-info-o svg { color: #5bc0de; stroke: #5bc0de; } .pretty.p-default:not(.p-fill) input:checked ~ .state.p-info-o label:after { background-color: #5bc0de !important; } .pretty.p-switch input:checked ~ .state.p-info:before { border-color: #5bc0de; } .pretty.p-switch.p-fill input:checked ~ .state.p-info:before { background-color: #5bc0de !important; } .pretty.p-switch.p-slim input:checked ~ .state.p-info:before { border-color: rgb(35.345177665, 143.5228426396, 175.654822335); background-color: rgb(35.345177665, 143.5228426396, 175.654822335) !important; } .pretty input:checked ~ .state.p-success label:after, .pretty.p-toggle .state.p-success label:after { background-color: #5cb85c !important; } .pretty input:checked ~ .state.p-success .icon, .pretty input:checked ~ .state.p-success .svg, .pretty.p-toggle .state.p-success .icon, .pretty.p-toggle .state.p-success .svg { color: #fff; stroke: #fff; } .pretty input:checked ~ .state.p-success-o label:before, .pretty.p-toggle .state.p-success-o label:before { border-color: #5cb85c; } .pretty input:checked ~ .state.p-success-o label:after, .pretty.p-toggle .state.p-success-o label:after { background-color: transparent; } .pretty input:checked ~ .state.p-success-o .icon, .pretty input:checked ~ .state.p-success-o .svg, .pretty input:checked ~ .state.p-success-o svg, .pretty.p-toggle .state.p-success-o .icon, .pretty.p-toggle .state.p-success-o .svg, .pretty.p-toggle .state.p-success-o svg { color: #5cb85c; stroke: #5cb85c; } .pretty.p-default:not(.p-fill) input:checked ~ .state.p-success-o label:after { background-color: #5cb85c !important; } .pretty.p-switch input:checked ~ .state.p-success:before { border-color: #5cb85c; } .pretty.p-switch.p-fill input:checked ~ .state.p-success:before { background-color: #5cb85c !important; } .pretty.p-switch.p-slim input:checked ~ .state.p-success:before { border-color: rgb(52.7948717949, 121.2051282051, 52.7948717949); background-color: rgb(52.7948717949, 121.2051282051, 52.7948717949) !important; } .pretty input:checked ~ .state.p-warning label:after, .pretty.p-toggle .state.p-warning label:after { background-color: #f0ad4e !important; } .pretty input:checked ~ .state.p-warning .icon, .pretty input:checked ~ .state.p-warning .svg, .pretty.p-toggle .state.p-warning .icon, .pretty.p-toggle .state.p-warning .svg { color: #fff; stroke: #fff; } .pretty input:checked ~ .state.p-warning-o label:before, .pretty.p-toggle .state.p-warning-o label:before { border-color: #f0ad4e; } .pretty input:checked ~ .state.p-warning-o label:after, .pretty.p-toggle .state.p-warning-o label:after { background-color: transparent; } .pretty input:checked ~ .state.p-warning-o .icon, .pretty input:checked ~ .state.p-warning-o .svg, .pretty input:checked ~ .state.p-warning-o svg, .pretty.p-toggle .state.p-warning-o .icon, .pretty.p-toggle .state.p-warning-o .svg, .pretty.p-toggle .state.p-warning-o svg { color: #f0ad4e; stroke: #f0ad4e; } .pretty.p-default:not(.p-fill) input:checked ~ .state.p-warning-o label:after { background-color: #f0ad4e !important; } .pretty.p-switch input:checked ~ .state.p-warning:before { border-color: #f0ad4e; } .pretty.p-switch.p-fill input:checked ~ .state.p-warning:before { background-color: #f0ad4e !important; } .pretty.p-switch.p-slim input:checked ~ .state.p-warning:before { border-color: rgb(199.125, 123.75, 16.875); background-color: rgb(199.125, 123.75, 16.875) !important; } .pretty input:checked ~ .state.p-danger label:after, .pretty.p-toggle .state.p-danger label:after { background-color: #d9534f !important; } .pretty input:checked ~ .state.p-danger .icon, .pretty input:checked ~ .state.p-danger .svg, .pretty.p-toggle .state.p-danger .icon, .pretty.p-toggle .state.p-danger .svg { color: #fff; stroke: #fff; } .pretty input:checked ~ .state.p-danger-o label:before, .pretty.p-toggle .state.p-danger-o label:before { border-color: #d9534f; } .pretty input:checked ~ .state.p-danger-o label:after, .pretty.p-toggle .state.p-danger-o label:after { background-color: transparent; } .pretty input:checked ~ .state.p-danger-o .icon, .pretty input:checked ~ .state.p-danger-o .svg, .pretty input:checked ~ .state.p-danger-o svg, .pretty.p-toggle .state.p-danger-o .icon, .pretty.p-toggle .state.p-danger-o .svg, .pretty.p-toggle .state.p-danger-o svg { color: #d9534f; stroke: #d9534f; } .pretty.p-default:not(.p-fill) input:checked ~ .state.p-danger-o label:after { background-color: #d9534f !important; } .pretty.p-switch input:checked ~ .state.p-danger:before { border-color: #d9534f; } .pretty.p-switch.p-fill input:checked ~ .state.p-danger:before { background-color: #d9534f !important; } .pretty.p-switch.p-slim input:checked ~ .state.p-danger:before { border-color: rgb(159.5514018692, 38.0747663551, 34.4485981308); background-color: rgb(159.5514018692, 38.0747663551, 34.4485981308) !important; } .pretty.p-bigger label:before, .pretty.p-bigger label:after, .pretty.p-bigger .icon, .pretty.p-bigger .svg, .pretty.p-bigger .img { font-size: 1.2em !important; top: calc(0% - (100% - 1em) - 35%) !important; } .pretty.p-bigger label { text-indent: 1.7em; } @media print { .pretty .state:before, .pretty .state label:before, .pretty .state label:after, .pretty .state .icon { /* stylelint-disable */ -webkit-print-color-adjust: exact; print-color-adjust: exact; } } @media only screen and (max-width: 767px) { #group-page #groupTab .nav-item { width: 100% !important; } }