@font-face{ font-family: 'NotoSerif-Bold'; src: url('fonts/other/NotoSerif-Bold.ttf'); } @font-face{ font-family: 'NotoSerif-BoldItalic'; src: url('fonts/other/NotoSerif-BoldItalic.ttf'); } @font-face{ font-family: 'NotoSerif-Italic'; src: url('fonts/other/NotoSerif-Italic.ttf'); } @font-face{ font-family: 'NotoSerif-Regular'; src: url('fonts/other/NotoSerif-Regular.ttf'); } @font-face{ font-family: 'Roboto-Black'; src: url('fonts/other/Roboto-Black.ttf'); } @font-face{ font-family: 'Roboto-BlackItalic'; src: url('fonts/other/Roboto-BlackItalic.ttf'); } @font-face{ font-family: 'Roboto-Bold'; src: url('fonts/other/Roboto-Bold.ttf'); } @font-face{ font-family: 'Roboto-BoldItalic'; src: url('fonts/other/Roboto-BoldItalic.ttf'); } @font-face{ font-family: 'Roboto-Italic'; src: url('fonts/other/Roboto-Italic.ttf'); } @font-face{ font-family: 'Roboto-Light'; src: url('fonts/other/Roboto-Light.ttf'); } @font-face{ font-family: 'Roboto-LightItalic'; src: url('fonts/other/Roboto-LightItalic.ttf'); } @font-face{ font-family: 'Roboto-Medium'; src: url('fonts/other/Roboto-Medium.ttf'); } @font-face{ font-family: 'Roboto-MediumItalic'; src: url('fonts/other/Roboto-MediumItalic.ttf'); } @font-face{ font-family: 'Roboto-Regular'; src: url('fonts/other/Roboto-Regular.ttf'); } @font-face{ font-family: 'Roboto-Thin'; src: url('fonts/other/Roboto-Thin.ttf'); } @font-face{ font-family: 'Roboto-ThinItalic'; src: url('fonts/other/Roboto-ThinItalic.ttf'); } @font-face{ font-family: 'Poppins-Black'; src: url('fonts/poppins/Poppins-Black.ttf'); } @font-face{ font-family: 'Poppins-BlackItalic'; src: url('fonts/poppins/Poppins-BlackItalic.ttf'); } @font-face{ font-family: 'Poppins-Bold'; src: url('fonts/poppins/Poppins-Bold.ttf'); } @font-face{ font-family: 'Poppins-BoldItalic'; src: url('fonts/poppins/Poppins-BoldItalic.ttf'); } @font-face{ font-family: 'Poppins-ExtraBold'; src: url('fonts/poppins/Poppins-ExtraBold.ttf'); } @font-face{ font-family: 'Poppins-ExtraBoldItalic'; src: url('fonts/poppins/Poppins-ExtraBoldItalic.ttf'); } @font-face{ font-family: 'Poppins-ExtraLight'; src: url('fonts/poppins/Poppins-ExtraLight.ttf'); } @font-face{ font-family: 'Poppins-ExtraLightItalic'; src: url('fonts/poppins/Poppins-ExtraLightItalic.ttf'); } @font-face{ font-family: 'Poppins-Italic'; src: url('fonts/poppins/Poppins-Italic.ttf'); } @font-face{ font-family: 'Poppins-Light'; src: url('fonts/poppins/Poppins-Light.ttf'); } @font-face{ font-family: 'Poppins-LightItalic'; src: url('fonts/poppins/Poppins-LightItalic.ttf'); } @font-face{ font-family: 'Poppins-Medium'; src: url('fonts/poppins/Poppins-Medium.ttf'); } @font-face{ font-family: 'Poppins-MediumItalic'; src: url('fonts/poppins/Poppins-MediumItalic.ttf'); } @font-face{ font-family: 'Poppins-Regular'; src: url('fonts/poppins/Poppins-Regular.ttf'); } @font-face{ font-family: 'Poppins-SemiBold'; src: url('fonts/poppins/Poppins-SemiBold.ttf'); } @font-face{ font-family: 'Poppins-SemiBoldItalic'; src: url('fonts/poppins/Poppins-SemiBoldItalic.ttf'); } @font-face{ font-family: 'Poppins-Thin'; src: url('fonts/poppins/Poppins-Thin.ttf'); } @font-face{ font-family: 'Poppins-ThinItalic'; src: url('fonts/poppins/Poppins-ThinItalic.ttf'); } /* perangkat saya untuk debug UI */ /* gunakan ini contoh : */ /* maka semua element yang di bawah akan memberikan line saat mouse hover atau click */ [debug] *:hover { outline: 2px solid hsla(0,80%,50%,0.5); } body{ font-family: 'NotoSerif-Regular', 'NotoSerif-Bold', 'Roboto-Regular', 'Roboto-Bold'; } /* agar smooth saat di scrolling via anchor */ html { scroll-behavior: smooth; } .border-kanan{ border-right: 1px solid rgb(18, 135, 106); } /* untuk mengatur typography */ .bold { font-weight: 600; } .italic { font-style: italic; } .underline { text-decoration: underline; } .normal { font-weight: 400; } .serif { font-family: serif; } .anchor-clean a { text-decoration: none; color: hsl(0, 0%, 10%) !important; } .homepage-module .decoration-slash { align-items: center; display: flex; width: 100%; margin-top:3%; margin-bottom:5%; } .homepage-module .eyebrow { width: 100%; /*margin: 23px auto 30px;*/ margin: 2px auto 10px; line-height: 2.25; } .homepage-module .eyebrow h3 { font-weight: 700; font-size: 23px; font-family: Roboto-Regular; padding-top: 3%; color: #154d08; } .decoration-slash::before { content: ""; flex: 1; height: 15px; background: url() no-repeat 0/auto 15px; opacity: .5; background-image: url(/img/slash-l.svg); background-position: calc(100% - 10px) 50%; margin-right: 20px; } .decoration-slash::after { content: ""; flex: 1; height: 15px; background: url() no-repeat 0/auto 15px; opacity: .5; background-image: url(/img/slash-r.svg); background-position: 10px 50%; margin-left: 20px; } .sub-judul-aktif{ color: rgb(16, 128, 96);; font-family: 'Roboto-bold'; font-size: 15px; font-weight: bold; } .date-publish{ color: rgb(223, 46, 46); font-family: 'Roboto-bold'; font-size: 15px; font-weight: bold; } .judul-agenda{ /* font-weight: 700 !important; */ font-family: 'NotoSerif-Regular'; font-size: 15px; line-height: 21px; margin-top: 0 !important; color: black; } a:active { color: rgb(53, 127, 122) !important; background-color: #fefefe !important; } /* .homepage-module .decoration-arrow { align-items: center; display: flex; width: 100%; margin-top:3%; margin-bottom:2%; } .homepage-module .eyebrow { width: 100%; margin: 23px auto 30px; line-height: 2.25; } .homepage-module .eyebrow h3 { font-weight: 700; font-size: 23px; font-family: Roboto-Regular; padding-top: 3%; color: #154d08; } .decoration-arrow::before { content: ""; flex: 1; height: 15px; background: url() no-repeat 0/auto 15px; opacity: .5; background-image: url(/img/arrow-l.svg); background-position: calc(100% - 10px) 50%; margin-right: 20px; } .decoration-arrow::after { content: ""; flex: 1; height: 15px; background: url() no-repeat 0/auto 15px; opacity: .5; background-image: url(/img/arrow-r.svg); background-position: 10px 50%; margin-left: 20px; }*/ /* for header section */ /*.x-header { background: url('assets/new-gambar.png') no-repeat center; background-size: cover; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); color: white; height: 980px; }*/ .x-header { background: url('assets/header.png') no-repeat center; background-size: cover; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); color: white; height: 844px; } .greentea{ width: 100%; } .x-component-image { width: 95px; height: 95px; background-position: center; background-repeat: no-repeat; background-size: cover; } .ngopinis{ background:rgb(238, 241, 243); } .navbar { transition: background-color 0.15s ease-in-out; } .navbar-brand { font-size: 2em; } .judul-sektor{ font-family: 'NotoSerif-Regular'; font-weight: bold; } .des-sektor{ font-family: 'Roboto-Regular'; } /* for all anchor */ .nav a { color: hsl(0, 0%, 40%) !important; } /* change bg-light */ .bg-light { background-color: hsl(0, 0%, 92%) !important; } .color-hijau{ border-bottom: 1px solid rgb(73, 163, 140); } #page-galeri-row > *:hover { opacity: 0.7; transition: opacity 0.15s ease-in-out; } #page-aktivitas-row > *:hover { padding: 0px !important; transition: padding 0.15s ease-in-out; } #page-berita-dan-siaran-pers-row > *:hover { opacity: 0.7; transition: opacity 0.15s ease-in-out; } #page-publikasi-row > *:hover { opacity: 0.7; transition: opacity 0.15s ease-in-out; } /* Simple Animations */ .hover-muted > *:hover { background-color: rgba(0,0,0,0.1); transition: background-color 0.15s ease-in-out; } .hover-opacity > *:hover { opacity: 0.7; transition: opacity 0.15s ease-in-out; } /* OVERRIDING KALENDER */ #calendar { position: static !important; } @media (min-width: 992px) { #calendar { position: absolute !important; } } /* membuat headernya agar responsive terhadap layar */ .fc-header-toolbar { display: block !important; } @media (min-width: 992px) { .fc-header-toolbar { display: flex !important; } } /* membuat text menjadi berwarna hitam dan menghilangkan garis bawah */ .fc-view-harness a { color: black !important; text-decoration: none !important; } .fc-view-harness a:hover { color: black !important; text-decoration: none !important; } /* membuat text more agar berwarna biru */ .fc-view-harness a.fc-daygrid-more-link { color: steelBlue !important; text-decoration: none !important; } /* membuat box hari ini agak lebih gelap */ .fc-view-harness td.fc-day-today { background-color: hsl(0,0%,90%) !important; } .img-thumbnail{ width: 100%; } .agenda-konten{ /*margin-top: 0.3rem !important;*/ } .agenda-konten > div > hr{ /*margin-top: 0 !important;*/ /*margin-bottom: 0.3rem !important;*/ border-bottom: 1px solid rgb(210, 232, 226); } #berita a, #actif a{ color: rgb(18, 135, 106); letter-spacing:5px; text-transform: uppercase; } .teaser-warta-sumber{ font-family: 'Roboto-Bold'; } .teaser-warta-sumber a{ color:rgb(98, 142, 88); font-family: 'Roboto-Bold'; } @media (min-width: 1281px) { .title-ngopini, .title-ngopini-detail{ font-weight: 100; margin: 30px 20px 20px; font-family: 'NotoSerif-Regular'; line-height: 53px; font-size: 39px; width: 640px; margin: auto; } .deskripsi-singkat{ width: 100%; /*margin: auto;*/ } .news-content{ width: 640px; margin: auto; } .news-p{ width: 640px; margin: auto; } .news-p p{ font-family: 'Roboto-Regular'; font-size: 17px; line-height: 32px; padding-bottom: 10px; } .news-p ul li { font-size: 17px; line-height: 32px; font-family: 'Roboto-Regular'; } .judul-ngopini{ width: 640px; margin: auto; } .judul-ngopini > h1{ font-size: 36px; font-family: 'NotoSerif-Regular'; text-align: center; font-weight: 700; } .tentang-ngopini{ text-align: center; font-family: 'NotoSerif-Regular'; font-size: 20px; padding-top: 30px; width: 742px; margin: auto; font-weight: 300; } .teaser-ngopini{ font-size: 20px; line-height: 30px; font-family: 'Roboto-Regular'; margin-top: 1rem !important; } .judul-kanan-ngopini{ margin-left: 7px !important; font-size: 17px !important; font-family: 'NotoSerif-Regular'; font-weight: 700; margin-right: 7px !important; margin-top: 0 !important; } .teaser-kanan-ngopini{ margin-left: 7px !important; font-size: 14px !important; font-family: Roboto-Regular; margin-right: 7px !important; margin-top: 1rem !important; } .header-text{ margin-top: 28% !important; } .logo-image{ /* margin-left: 18%;*/ } .judul-warta{ font-weight: 700 !important; font-family: 'NotoSerif-Regular'; font-size: 23px; line-height: 26px; margin-bottom: 0.5rem !important; height: 52px; } .teaser-warta{ padding-top: 30px; font-size: 15px; line-height: 21px; font-family: 'Roboto-Regular'; height: 115px; } .teaser-warta-sumber{ font-size: 15px; line-height: 21px; } .tgl-bincang{ color: rgb(98, 142, 88); font-family: 'Roboto-Regular'; font-size: 13px; margin-left: 7px !important; } .tgl-bincang-tengah{ font-weight: 700 !important; font-size: 23px; font-family: 'Roboto-Regular'; color: rgb(98, 142, 88); } .remove-margin{ margin: 0 !important; } .text-bincang-hukum a{ font-family: 'Roboto-Regular'; color: rgb(18, 135, 106); line-height: 20px; font-weight: bold; font-size: 38px; text-align: center; margin-top: 4px; letter-spacing:5px; } .activ-content{ margin-bottom: 40px; } .activ-content img{ width: 100%; /*height: 300px !important; */ height:calc(100% * 9/16); object-fit: cover; } .activ-content a p { font-weight: 700 !important; font-family: 'NotoSerif-Regular'; font-size: 21px; line-height: 26px; height: 52px; } .activ-content p{ font-size: 15px; line-height: 21px; font-family: 'Roboto-Regular'; } #ngopini-detail{ padding-top: 7%; } .deskripsi-singkat { padding-top: 2%; padding-bottom: 2% !important; } .berita-all{ padding-top: 7%; } } @media (min-width: 1025px) and (max-width: 1280px) and (orientation: portrait) { .title-ngopini, .title-ngopini-detail{ font-weight: 100; margin: 30px 20px 20px; font-family: 'NotoSerif-Regular'; line-height: 53px; font-size: 39px; width: 640px; margin: auto; } .deskripsi-singkat{ width: 640px; margin: auto; } .news-content{ width: 640px; margin: auto; } .news-p{ width: 640px; margin: auto; } .news-p p{ font-family: 'Roboto-Regular'; font-size: 17px; line-height: 32px; width: 640px; margin: auto; padding-bottom: 10px; } .news-p ul li { font-size: 17px; line-height: 32px; font-family: Roboto-Regular; } .judul-ngopini{ width: 640px; margin: auto; } .judul-ngopini > h1{ font-size: 36px; font-family: 'NotoSerif-Regular'; text-align: center; } .tentang-ngopini{ text-align: center; font-family: 'NotoSerif-Regular'; font-size: 20px; padding-top: 30px; width: 742px; margin: auto; font-weight: 300; } .judul-kanan-ngopini{ margin-left: 7px !important; font-size: 17px !important; font-family: 'NotoSerif-Regular'; font-weight: 700; margin-right: 7px !important; margin-top: 0 !important; } .teaser-ngopini{ font-size: 20px; line-height: 30px; font-family: 'Roboto-Regular'; margin-top: 1rem !important; } .teaser-kanan-ngopini{ margin-left: 7px !important; font-size: 14px !important; font-family: 'NotoSerif-Regular'; margin-right: 7px !important; margin-top: 1rem !important; } .header-text{ margin-top: 28% !important; } .logo-image{ /*margin-left: 18%;*/ } .judul-warta{ font-weight: 700 !important; font-family: 'NotoSerif-Regular'; font-size: 23px; line-height: 26px; margin-bottom: 0.5rem !important; height: 52px; } .teaser-warta{ padding-top: 30px; font-size: 15px; line-height: 21px; font-family: 'Roboto-Regular'; } .teaser-warta-sumber{ font-size: 15px; line-height: 21px; } .tgl-bincang{ color: rgb(98, 142, 88); font-family: 'Roboto-Regular'; font-size: 13px; margin-left: 7px !important; } .tgl-bincang-tengah{ font-weight: 700 !important; font-size: 23px; font-family: 'Roboto-Regular'; color: rgb(98, 142, 88); } .remove-margin{ margin: 0 !important; } .text-bincang-hukum a{ font-family: 'Roboto-Regular'; color: rgb(18, 135, 106); line-height: 20px; font-weight: bold; font-size: 38px; text-align: center; margin-top: 4px; letter-spacing:5px; } .activ-content{ margin-bottom: 40px; } .activ-content img{ width: 100%; /*height: 300px !important; */ height:calc(100% * 9/16); object-fit: cover; } .activ-content a p { font-weight: 700 !important; font-family: 'NotoSerif-Regular'; font-size: 21px; line-height: 26px; height: 52px; } .activ-content p{ font-size: 15px; line-height: 21px; font-family: 'Roboto-Regular'; } #ngopini-detail{ padding-top: 7%; } .berita-all{ padding-top: 7%; } } @media (min-width: 1025px) and (max-width: 1280px) and (orientation: landscape){ .title-ngopini, .title-ngopini-detail{ font-weight: 100; margin: 30px 20px 20px; font-family: 'NotoSerif-Regular'; line-height: 53px; font-size: 39px; width: 640px; margin: auto; } .deskripsi-singkat{ width: 640px; margin: auto; } .news-content{ width: 640px; margin: auto; } .news-p{ width: 640px; margin: auto; } .news-p p{ font-family: 'Roboto-Regular'; font-size: 17px; line-height: 32px; padding-bottom: 10px; } .news-p ul li { font-size: 17px; line-height: 32px; font-family: Roboto-Regular; } .judul-ngopini{ width: 640px; margin: auto; } .judul-ngopini > h1{ font-size: 36px; font-family: 'NotoSerif-Regular'; text-align: center; } .tentang-ngopini{ text-align: center; font-family: 'NotoSerif-Regular'; font-size: 20px; padding-top: 30px; width: 742px; margin: auto; font-weight: 300; } .judul-kanan-ngopini{ margin-left: 7px !important; font-size: 17px !important; font-family: 'NotoSerif-Regular'; font-weight: 700; margin-right: 7px !important; margin-top: 0 !important; } .teaser-ngopini{ font-size: 20px; line-height: 30px; font-family: 'Roboto-Regular'; margin-top: 1rem !important; } .teaser-kanan-ngopini{ margin-left: 7px !important; font-size: 14px !important; font-family: 'NotoSerif-Regular'; margin-right: 7px !important; margin-top: 1rem !important; } .header-text{ margin-top: 28% !important; } .logo-image{ /*margin-left: 18%;*/ } .judul-warta{ font-weight: 700 !important; font-family: 'NotoSerif-Regular'; font-size: 23px; line-height: 26px; margin-bottom: 0.5rem !important; } .teaser-warta{ padding-top: 30px; font-size: 15px; line-height: 21px; font-family: 'Roboto-Regular'; } .teaser-warta-sumber{ font-size: 15px; line-height: 21px; } .tgl-bincang{ color: rgb(98, 142, 88); font-family: 'Roboto-Regular'; font-size: 13px; margin-left: 7px !important; } .tgl-bincang-tengah{ font-weight: 700 !important; font-size: 23px; font-family: 'Roboto-Regular'; color: rgb(98, 142, 88); } .remove-margin{ margin: 0 !important; } .text-bincang-hukum{ font-family: 'Roboto-Regular'; color: rgb(18, 135, 106); line-height: 20px; font-weight: bold; font-size: 38px; text-align: center; margin-top: 4px; letter-spacing:5px; } .activ-content{ margin-bottom: 40px; } .activ-content img{ width: 100%; /*height: 300px !important; */ height:calc(100% * 9/16); object-fit: cover; } .activ-content a p { font-weight: 700 !important; font-family: 'NotoSerif-Regular'; font-size: 21px; line-height: 26px; height: 52px; } .activ-content p{ font-size: 15px; line-height: 21px; font-family: 'Roboto-Regular'; } #ngopini-detail{ padding-top: 7%; } .berita-all{ padding-top: 7%; } } @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){ .x-header { height: 10%; } .greentea{ /* width: 34%; margin: 0 34%; */ margin: auto; width: 100%;; } .title-ngopini{ font-weight: 100; margin: 30px 20px 20px; font-family: 'NotoSerif-Regular'; line-height: 53px; font-size: 39px; } .title-ngopini-detail{ font-weight: 100; margin: 30px 20px 20px; font-family: 'NotoSerif-Regular'; line-height: 53px !important; font-size: 39px !important; padding-top: 5% !important; } .judul-warta{ font-weight: 700 !important; font-family: 'NotoSerif-Regular'; font-size: 23px; line-height: 26px; } .teaser-warta{ padding-top: 30px; font-size: 15px; line-height: 21px; font-family: 'Roboto-Regular'; } .teaser-warta-sumber{ padding-top: 13px; font-size: 15px; line-height: 21px; } .tgl-bincang{ color: rgb(98, 142, 88); font-family: 'Roboto-Regular'; font-size: 13px; margin-left: 7px !important; } .tgl-bincang-tengah{ font-weight: 700 !important; font-size: 23px; font-family: 'Roboto-Regular'; color: rgb(98, 142, 88); } .text-bincang-hukum a{ font-family: 'Roboto-Regular'; color: rgb(18, 135, 106); line-height: 20px; font-weight: bold; font-size: 38px; text-align: center; margin-top: 4px; letter-spacing:5px; } .activ-content{ margin-bottom: 40px; } .activ-content img{ width: 100%; /*height: 300px !important; */ height:calc(100% * 9/16); object-fit: cover; } .activ-content a p { font-weight: 700 !important; font-family: 'NotoSerif-Regular'; font-size: 21px; line-height: 26px; } .activ-content p{ font-size: 15px; line-height: 21px; font-family: 'Roboto-Regular'; } #ngopini-detail{ } .deskripsi-singkat { padding-bottom: 3% !important; } .berita-all{ padding-top: 12%; } } @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { .x-header { height: 1191px; } /* .greentea{ width: 26%; margin: 0 37%; } */ .greentea{ /* width: 34%; margin: 0 34%; */ margin: auto; width: 100%;; } .title-ngopini{ font-weight: 100; margin: 30px 20px 20px; font-family: 'NotoSerif-Regular'; line-height: 53px; font-size: 39px; } .title-ngopini-detail{ font-weight: 100; margin: 30px 20px 20px; font-family: 'NotoSerif-Regular'; line-height: 53px; font-size: 39px; } .deskripsi-singkat{ width: 640px; margin: auto; } .news-content{ /*width: 640px;*/ margin: auto; } .news-p p{ font-family: 'Roboto-Regular'; font-size: 17px; line-height: 32px; padding-bottom: 10px; } .news-p ul li { font-size: 17px; line-height: 32px; font-family: Roboto-Regular; } .header-text{ margin-top: 28% !important; } .container, .container-sm { max-width: 95%; } .img-thumbnail{ width: 100% !important; } .judul-warta{ font-weight: 700 !important; font-family: 'NotoSerif-Regular'; font-size: 23px; line-height: 26px; } .teaser-warta{ padding-top: 30px; font-size: 15px; line-height: 21px; font-family: 'Roboto-Regular'; } .teaser-warta-sumber{ padding-top: 13px; font-size: 15px; line-height: 21px; } .tgl-bincang{ color: rgb(98, 142, 88); font-family: 'Roboto-Regular'; font-size: 13px; margin-left: 7px !important; } .tgl-bincang-tengah{ font-weight: 700 !important; font-size: 23px; font-family: 'Roboto-Regular'; color: rgb(98, 142, 88); } .text-bincang-hukum a{ font-family: 'Roboto-Regular'; color: rgb(18, 135, 106); line-height: 20px; font-weight: bold; font-size: 38px; text-align: center; margin-top: 4px; letter-spacing:5px; } .activ-content{ margin-bottom: 40px; } .activ-content img{ width: 100%; /*height: 300px !important; */ height:calc(100% * 9/16); object-fit: cover; } .activ-content a p { font-weight: 700 !important; font-family: 'NotoSerif-Regular'; font-size: 21px; line-height: 26px; height: 52px; } .activ-content p{ font-size: 15px; line-height: 21px; font-family: 'Roboto-Regular'; } #ngopini-detail{ padding-top: 9%; } .deskripsi-singkat { padding-bottom: 2% !important; } .berita-all{ padding-top: 12%; } } @media (min-width: 481px) and (max-width: 767px) and (orientation: Portrait) { .x-header { height: 1151px; } /* .greentea{ width: 40%; margin: 0 30%; } */ .greentea{ /* width: 34%; margin: 0 34%; */ margin: auto; width: 100%;; } .title-ngopini{ font-weight: 100 !important; font-family: 'NotoSerif-Regular'; line-height: 46px; font-size: 39px; padding-top: 25%; padding-bottom: 3%; } .title-ngopini-detail{ font-weight: 100 !important; font-family: 'NotoSerif-Regular'; line-height: 46px; font-size: 39px; padding-top: 35%; padding-bottom: 3%; } .navbar{ } .navbar-brand{ width: 35%; margin-top: 0%; float: left; } .navbar-brand > img{ width: 100% !important; } .deskripsi-singkat{ padding-bottom: 14%; } .news-p p{ font-family: 'Roboto-Regular'; font-size: 17px; line-height: 32px; padding-bottom: 10px; } .news-p ul li { font-size: 17px; line-height: 32px; font-family: Roboto-Regular; } .header-text{ margin-top: 55% !important; } .judul-warta{ font-weight: 700 !important; font-family: 'NotoSerif-Regular'; font-size: 23px; line-height: 26px; } .teaser-warta{ padding-top: 30px; font-size: 15px; line-height: 21px; font-family: 'Roboto-Regular'; } .teaser-warta-sumber{ padding-top: 13px; font-size: 15px; line-height: 21px; } .tgl-bincang{ color: rgb(98, 142, 88); font-family: 'Roboto-Regular'; font-size: 13px; margin-left: 7px !important; } .tgl-bincang-tengah{ font-weight: 700 !important; font-size: 23px; font-family: 'Roboto-Regular'; color: rgb(98, 142, 88); } .text-bincang-hukum a{ font-family: 'Roboto-Regular'; color: rgb(18, 135, 106); line-height: 20px; font-weight: bold; font-size: 38px; text-align: center; margin-top: 4px; letter-spacing:5px; } .tentang-ngopini{ text-align: center; font-family: 'NotoSerif-Regular'; font-size: 20px; padding-top: 30px; /*width: 742px;*/ margin: auto; font-weight: 300; } .judul-ngopini > h1{ font-size: 36px; font-family: 'NotoSerif-Regular'; text-align: center; } .judul-kanan-ngopini{ margin-left: 7px !important; font-size: 17px !important; font-family: 'NotoSerif-Regular'; font-weight: 700; margin-right: 7px !important; margin-top: 0 !important; } .teaser-ngopini{ font-size: 16px; line-height: 26px; font-family: 'Roboto-Regular'; margin-top: 1rem !important; } .teaser-kanan-ngopini{ margin-left: 7px !important; font-size: 14px !important; font-family: 'NotoSerif-Regular'; margin-right: 7px !important; margin-top: 1rem !important; } .activ-content{ margin-bottom: 40px; } .activ-content img{ width: 100%; object-fit: cover; } .activ-content a p { font-weight: 700 !important; font-family: 'NotoSerif-Regular'; font-size: 21px; line-height: 26px; height: 52px; } .activ-content p{ font-size: 15px; line-height: 21px; font-family: 'Roboto-Regular'; } #ngopini-detail{ padding-top: 7%; } .deskripsi-singkat { padding-top: 2%; padding-bottom: 2% !important; } .berita-all{ padding-top: 12%; } } @media (min-width: 481px) and (max-width: 767px) and (orientation: Landscape) { .x-header { height: 1151px; } /* .greentea{ width: 40%; margin: 0 30%; } */ .greentea{ /* width: 34%; margin: 0 34%; */ margin: auto; width: 100%;; } .title-ngopini{ font-weight: 100 !important; font-family: 'NotoSerif-Regular'; line-height: 46px; font-size: 39px; padding-top: 25%; padding-bottom: 3%; } .title-ngopini-detail{ font-weight: 100 !important; font-family: 'NotoSerif-Regular'; line-height: 46px; font-size: 39px; padding-top: 10%; padding-bottom: 3%; } .navbar{ } .navbar-brand{ width: 35%; margin-top: 0%; float: left; } .navbar-brand > img{ width: 100% !important; } .deskripsi-singkat{ padding-bottom: 14%; } .news-p p{ font-family: 'Roboto-Regular'; font-size: 17px; line-height: 32px; padding-bottom: 10px; } .news-p ul li { font-size: 17px; line-height: 32px; font-family: Roboto-Regular; } .header-text{ margin-top: 30% !important; } .container, .container-sm { max-width: 95%; } .img-thumbnail{ width: 100% !important; } .judul-warta{ font-weight: 700 !important; font-family: 'NotoSerif-Regular'; font-size: 23px; line-height: 26px; height: 78px; } .teaser-warta{ /*padding-top: 13px;*/ font-size: 15px; line-height: 21px; font-family: 'Roboto-Regular'; margin-bottom: 0.5rem !important; } .teaser-warta-sumber{ padding-top: 13px; font-size: 15px; line-height: 21px; } .tgl-bincang{ color: rgb(98, 142, 88); font-family: 'Roboto-Regular'; font-size: 13px; margin-left: 7px !important; } .tgl-bincang-tengah{ font-weight: 700 !important; font-size: 23px; font-family: 'Roboto-Regular'; color: rgb(98, 142, 88); } .text-bincang-hukum a{ font-family: 'Roboto-Regular'; color: rgb(18, 135, 106); line-height: 20px; font-weight: bold; font-size: 38px; text-align: center; margin-top: 4px; letter-spacing:5px; } .tentang-ngopini{ font-family: 'NotoSerif-Regular'; font-size: 18px; padding-top: 14px; margin: auto; font-weight: 300; } .judul-ngopini > h1{ font-size: 36px; font-family: 'NotoSerif-Regular'; text-align: center; } .tentang-ngopini{ text-align: center; font-family: 'NotoSerif-Regular'; font-size: 20px; padding-top: 30px; margin: auto; font-weight: 300; } .judul-kanan-ngopini{ margin-left: 7px !important; font-size: 17px !important; font-family: 'NotoSerif-Regular'; font-weight: 700; margin-right: 7px !important; margin-top: 0 !important; } .teaser-ngopini{ font-size: 16px; line-height: 26px; font-family: 'Roboto-Regular'; margin-top: 1rem !important; } .teaser-kanan-ngopini{ margin-left: 7px !important; font-size: 14px !important; font-family: 'NotoSerif-Regular'; margin-right: 7px !important; margin-top: 1rem !important; } .activ-content{ margin-bottom: 40px; } .activ-content img{ width: 100%; object-fit: cover; /*height: 200px;*/ height:calc(100% * 9/16); } .activ-content a p { font-weight: 700 !important; font-family: 'NotoSerif-Regular'; font-size: 21px; line-height: 26px; height: 78px; } .activ-content p{ font-size: 15px; line-height: 21px; font-family: 'Roboto-Regular'; } #ngopini-detail{ padding-top: 7%; } .deskripsi-singkat { padding-top: 2%; padding-bottom: 2% !important; } .berita-all{ padding-top: 12%; } } @media (min-width: 360px) and (orientation: Portrait) { .x-header { height: 982px; } .title-ngopini{ font-weight: 100 !important; font-family: 'NotoSerif-Regular'; line-height: 46px; font-size: 39px; padding-top: 25%; padding-bottom: 3%; } .title-ngopini-detail{ font-weight: 100 !important; font-family: 'NotoSerif-Regular'; line-height: 46px; font-size: 39px; padding-top: 25%; padding-bottom: 3%; } .navbar{ } .navbar-brand{ width: 35%; margin-top: 0%; float: left; } .navbar-brand > img{ width: 100% !important; } .deskripsi-singkat{ padding-bottom: 14%; } .news-p p{ font-family: 'Roboto-Regular'; font-size: 17px; line-height: 32px; padding-bottom: 10px; } .news-p ul li { font-size: 17px; line-height: 32px; font-family: Roboto-Regular; } .header-text{ margin-top: 55% !important; } .judul-warta{ font-weight: 700 !important; font-family: 'NotoSerif-Regular'; font-size: 23px; line-height: 26px; } .teaser-warta{ /*padding-top: 13px;*/ font-size: 15px; line-height: 21px; font-family: 'Roboto-Regular'; } .teaser-warta-sumber{ padding-top: 13px; font-size: 15px; line-height: 21px; } .tgl-bincang{ color: rgb(98, 142, 88); font-family: 'Roboto-Regular'; font-size: 13px; margin-left: 7px !important; } .tgl-bincang-tengah{ font-weight: 700 !important; font-size: 23px; font-family: 'Roboto-Regular'; color: rgb(98, 142, 88); } .text-bincang-hukum a{ font-family: 'Roboto-Regular'; color: rgb(18, 135, 106); line-height: 20px; font-weight: bold; font-size: 38px; text-align: center; margin-top: 4px; letter-spacing:5px; } .tentang-ngopini{ text-align: center; font-family: 'NotoSerif-Regular'; font-size: 17px; padding-top: 15px; margin: auto; font-weight: 300; } .judul-ngopini > h1{ font-size: 36px; font-family: 'NotoSerif-Regular'; text-align: center; } .tentang-ngopini{ text-align: center; font-family: 'NotoSerif-Regular'; font-size: 20px; padding-top: 30px; margin: auto; font-weight: 300; } .judul-kanan-ngopini{ margin-left: 7px !important; font-size: 17px !important; font-family: 'NotoSerif-Regular'; font-weight: 700; margin-right: 7px !important; margin-top: 0 !important; } .teaser-ngopini{ font-size: 16px; line-height: 26px; font-family: 'Roboto-Regular'; margin-top: 1rem !important; } .teaser-kanan-ngopini{ margin-left: 7px !important; font-size: 14px !important; font-family: 'NotoSerif-Regular'; margin-right: 7px !important; margin-top: 1rem !important; } .activ-content{ margin-bottom: 40px; } .activ-content img{ width: 100%; object-fit: cover; } .activ-content a p { font-weight: 700 !important; font-family: 'NotoSerif-Regular'; font-size: 21px; line-height: 26px; } .activ-content p{ font-size: 15px; line-height: 21px; font-family: 'Roboto-Regular'; } #ngopini-detail{ padding-top: 7%; } .deskripsi-singkat { padding-top: 2%; padding-bottom: 2% !important; } } @media (min-width: 320px) and (max-width: 480px) and (orientation : portrait) { .x-header { height: 1151px; } /* .greentea{ width: 55%; margin: 0 23%; } */ .greentea{ /* width: 34%; margin: 0 34%; */ margin: auto; width: 100%;; } .title-ngopini{ font-weight: 100 !important; font-family: 'NotoSerif-Regular'; line-height: 46px; font-size: 39px; padding-top: 25%; padding-bottom: 3%; } .title-ngopini-detail{ font-weight: 100 !important; font-family: 'NotoSerif-Regular'; line-height: 46px; font-size: 39px; padding-top: 25%; padding-bottom: 3%; } .navbar{ } .navbar-brand{ width: 35%; margin-top: 0%; float: left; } .navbar-brand > img{ width: 100% !important; } .deskripsi-singkat{ padding-bottom: 14%; } .news-p p{ font-family: 'Roboto-Regular'; font-size: 17px; line-height: 32px; padding-bottom: 10px; } .news-p ul li { font-size: 17px; line-height: 32px; font-family: Roboto-Regular; } .header-text{ margin-top: 55% !important; } .judul-warta{ font-weight: 700 !important; font-family: 'NotoSerif-Regular'; font-size: 23px; line-height: 26px; } .teaser-warta{ /*padding-top: 13px;*/ font-size: 15px; line-height: 21px; font-family: 'Roboto-Regular'; } .teaser-warta-sumber{ padding-top: 13px; font-size: 15px; line-height: 21px; } .tgl-bincang{ color: rgb(98, 142, 88); font-family: 'Roboto-Regular'; font-size: 13px; margin-left: 7px !important; } .tgl-bincang-tengah{ font-weight: 700 !important; font-size: 23px; font-family: 'Roboto-Regular'; color: rgb(98, 142, 88); } .text-bincang-hukum a{ font-family: 'Roboto-Regular'; color: rgb(18, 135, 106); line-height: 20px; font-weight: bold; font-size: 38px; text-align: center; margin-top: 4px; letter-spacing:5px; } .tentang-ngopini{ text-align: center; font-family: 'NotoSerif-Regular'; font-size: 17px; padding-top: 15px; margin: auto; font-weight: 300; } .judul-ngopini > h1{ font-size: 33px; font-family: 'NotoSerif-Regular'; text-align: center; } .tentang-ngopini{ text-align: center; font-family: 'NotoSerif-Regular'; font-size: 20px; padding-top: 30px; margin: auto; font-weight: 300; } .judul-kanan-ngopini{ margin-left: 7px !important; font-size: 17px !important; font-family: 'NotoSerif-Regular'; font-weight: 700; margin-right: 7px !important; margin-top: 0 !important; } .teaser-ngopini{ font-size: 16px; line-height: 26px; font-family: 'Roboto-Regular'; margin-top: 1rem !important; } .teaser-kanan-ngopini{ margin-left: 7px !important; font-size: 14px !important; font-family: 'NotoSerif-Regular'; margin-right: 7px !important; margin-top: 1rem !important; } .activ-content{ margin-bottom: 40px; } .activ-content img{ width: 100%; object-fit: cover; } .activ-content a p { font-weight: 700 !important; font-family: 'NotoSerif-Regular'; font-size: 21px; line-height: 26px; } .activ-content p{ font-size: 15px; line-height: 21px; font-family: 'Roboto-Regular'; } #ngopini-detail{ padding-top: 7%; } .deskripsi-singkat { padding-top: 2%; padding-bottom: 2% !important; } .berita-all{ padding-top: 22%; } } @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2){ .x-header { height: 1151px; } /* .greentea{ width: 40%; margin: 0 30%; } */ .greentea{ /* width: 34%; margin: 0 34%; */ margin: auto; width: 100%;; } .title-ngopini{ font-weight: 100 !important; font-family: 'NotoSerif-Regular'; line-height: 46px; font-size: 39px; padding-top: 25%; padding-bottom: 3%; } .title-ngopini-detail{ font-weight: 100 !important; font-family: 'NotoSerif-Regular'; line-height: 46px; font-size: 39px; padding-top: 25%; padding-bottom: 3%; } .navbar{ } .navbar-brand{ width: 35%; margin-top: 0%; float: left; } .navbar-brand > img{ width: 100% !important; } .deskripsi-singkat{ padding-bottom: 14%; } .news-p p{ font-family: 'Roboto-Regular'; font-size: 17px; line-height: 32px; padding-bottom: 10px; } .news-p ul li { font-size: 17px; line-height: 32px; font-family: Roboto-Regular; } .header-text{ margin-top: 55% !important; } .judul-warta{ font-weight: 700 !important; font-family: 'NotoSerif-Regular'; font-size: 23px; line-height: 26px; } .teaser-warta{ /*padding-top: 13px;*/ font-size: 15px; line-height: 21px; font-family: 'Roboto-Regular'; } .teaser-warta-sumber{ padding-top: 13px; font-size: 15px; line-height: 21px; } .tgl-bincang{ color: rgb(98, 142, 88); font-family: 'Roboto-Regular'; font-size: 13px; margin-left: 7px !important; } .tgl-bincang-tengah{ font-weight: 700 !important; font-size: 23px; font-family: 'Roboto-Regular'; color: rgb(98, 142, 88); } .text-bincang-hukum a{ font-family: 'Roboto-Regular'; color: rgb(18, 135, 106); line-height: 20px; font-weight: bold; font-size: 38px; text-align: center; margin-top: 4px; letter-spacing:5px; } .tentang-ngopini{ text-align: center; font-family: 'NotoSerif-Regular'; font-size: 17px; padding-top: 15px; margin: auto; font-weight: 300; } .judul-ngopini > h1{ font-size: 33px; font-family: 'NotoSerif-Regular'; text-align: center; } .tentang-ngopini{ text-align: center; font-family: 'NotoSerif-Regular'; font-size: 20px; padding-top: 30px; margin: auto; font-weight: 300; } .judul-kanan-ngopini{ margin-left: 7px !important; font-size: 17px !important; font-family: 'NotoSerif-Regular'; font-weight: 700; margin-right: 7px !important; margin-top: 0 !important; } .teaser-ngopini{ font-size: 16px; line-height: 26px; font-family: 'Roboto-Regular'; margin-top: 1rem !important; } .teaser-kanan-ngopini{ margin-left: 7px !important; font-size: 14px !important; font-family: 'NotoSerif-Regular'; margin-right: 7px !important; margin-top: 1rem !important; } .activ-content{ margin-bottom: 40px; } .activ-content img{ width: 100%; object-fit: cover; } .activ-content a p { font-weight: 700 !important; font-family: 'NotoSerif-Regular'; font-size: 21px; line-height: 26px; height: 52px; } .activ-content p{ font-size: 15px; line-height: 21px; font-family: 'Roboto-Regular'; } #ngopini-detail{ padding-top: 7%; } .deskripsi-singkat { padding-top: 2%; padding-bottom: 2% !important; } .berita-all{ padding-top: 22%; } } @media only screen and (min-device-width : 375px) and (max-device-width : 667px) { .x-header { height: 1151px; } /* .greentea{ width: 55%; margin: 0 23%; } */ .greentea{ /* width: 34%; margin: 0 34%; */ margin: auto; width: 100%;; } .title-ngopini{ font-weight: 100 !important; font-family: 'NotoSerif-Regular'; line-height: 46px; font-size: 39px; padding-top: 25%; padding-bottom: 3%; } .title-ngopini-detail{ font-weight: 100 !important; font-family: 'NotoSerif-Regular'; line-height: 46px; font-size: 39px; padding-top: 25%; padding-bottom: 3%; } .navbar{ } .navbar-brand{ width: 35%; margin-top: 0%; float: left; } .navbar-brand > img{ width: 100% !important; } .deskripsi-singkat{ padding-bottom: 14%; } .news-p p{ font-family: 'Roboto-Regular'; font-size: 17px; line-height: 32px; padding-bottom: 10px; } .news-p ul li { font-size: 17px; line-height: 32px; font-family: Roboto-Regular; } .header-text{ margin-top: 55% !important; } .judul-warta{ font-weight: 700 !important; font-family: 'NotoSerif-Regular'; font-size: 23px; line-height: 26px; } .teaser-warta{ /*padding-top: 13px;*/ font-size: 15px; line-height: 21px; font-family: 'Roboto-Regular'; } .teaser-warta-sumber{ padding-top: 13px; font-size: 15px; line-height: 21px; } .tgl-bincang{ color: rgb(98, 142, 88); font-family: 'Roboto-Regular'; font-size: 13px; margin-left: 7px !important; } .tgl-bincang-tengah{ font-weight: 700 !important; font-size: 23px; font-family: 'Roboto-Regular'; color: rgb(98, 142, 88); } .text-bincang-hukum a{ font-family: 'Roboto-Regular'; color: rgb(18, 135, 106); line-height: 20px; font-weight: bold; font-size: 38px; text-align: center; margin-top: 4px; letter-spacing:5px; } .tentang-ngopini{ text-align: center; font-family: 'NotoSerif-Regular'; font-size: 17px; padding-top: 15px; margin: auto; font-weight: 300; } .judul-ngopini > h1{ font-size: 33px; font-family: 'NotoSerif-Regular'; text-align: center; } .tentang-ngopini{ text-align: center; font-family: 'NotoSerif-Regular'; font-size: 20px; padding-top: 30px; margin: auto; font-weight: 300; } .judul-kanan-ngopini{ margin-left: 7px !important; font-size: 17px !important; font-family: 'NotoSerif-Regular'; font-weight: 700; margin-right: 7px !important; margin-top: 0 !important; } .teaser-ngopini{ font-size: 16px; line-height: 26px;; font-family: 'Roboto-Regular'; margin-top: 1rem !important; } .teaser-kanan-ngopini{ margin-left: 7px !important; font-size: 14px !important; font-family: 'NotoSerif-Regular'; margin-right: 7px !important; margin-top: 1rem !important; } .activ-content{ margin-bottom: 40px; } .activ-content img{ width: 100%; object-fit: cover; } .activ-content a p { font-weight: 700 !important; font-family: 'NotoSerif-Regular'; font-size: 21px; line-height: 26px; } .activ-content p{ font-size: 15px; line-height: 21px; font-family: 'Roboto-Regular'; } .berita-all{ padding-top: 22%; } } @media only screen and (min-device-width : 414px) and (max-device-width : 736px) { .x-header { height: 1151px; } /* .greentea{ width: 44%; margin: 0 28%; } */ .greentea{ /* width: 34%; margin: 0 34%; */ margin: auto; width: 100%;; } .title-ngopini{ font-weight: 100 !important; font-family: 'NotoSerif-Regular'; line-height: 46px; font-size: 39px; padding-top: 25%; padding-bottom: 3%; } .title-ngopini-detail{ font-weight: 100 !important; font-family: 'NotoSerif-Regular'; line-height: 46px; font-size: 39px; padding-top: 13%; padding-bottom: 3%; } .navbar{ } .navbar-brand{ width: 35%; margin-top: 0%; float: left; } .navbar-brand > img{ width: 100% !important; } .deskripsi-singkat{ padding-bottom: 14%; } .news-p p{ font-family: 'Roboto-Regular'; font-size: 17px; line-height: 32px; padding-bottom: 10px; } .news-p ul li { font-size: 17px; line-height: 32px; font-family: Roboto-Regular; } .header-text{ margin-top: 55% !important; } .judul-warta{ font-weight: 700 !important; font-family: 'NotoSerif-Regular'; font-size: 23px; line-height: 26px; } .teaser-warta{ /*padding-top: 13px;*/ font-size: 15px; line-height: 21px; font-family: 'Roboto-Regular'; } .teaser-warta-sumber{ padding-top: 13px; font-size: 15px; line-height: 21px; } .tgl-bincang{ color: rgb(98, 142, 88); font-family: 'Roboto-Regular'; font-size: 13px; margin-left: 7px !important; } .tgl-bincang-tengah{ font-weight: 700 !important; font-size: 23px; font-family: 'Roboto-Regular'; color: rgb(98, 142, 88); } .text-bincang-hukum a{ font-family: 'Roboto-Regular'; color: rgb(18, 135, 106); line-height: 20px; font-weight: bold; font-size: 38px; text-align: center; margin-top: 4px; letter-spacing:5px; } .tentang-ngopini{ text-align: center; font-family: 'NotoSerif-Regular'; font-size: 17px; padding-top: 15px; margin: auto; font-weight: 300; } .judul-ngopini > h1{ font-size: 33px; font-family: 'NotoSerif-Regular'; text-align: center; } .tentang-ngopini{ text-align: center; font-family: 'NotoSerif-Regular'; font-size: 20px; padding-top: 30px; margin: auto; font-weight: 300; } .judul-kanan-ngopini{ margin-left: 7px !important; font-size: 17px !important; font-family: 'NotoSerif-Regular'; font-weight: 700; margin-right: 7px !important; margin-top: 0 !important; } .teaser-ngopini{ font-size: 16px; line-height: 26px; font-family: 'Roboto-Regular'; margin-top: 1rem !important; } .teaser-kanan-ngopini{ margin-left: 7px !important; font-size: 14px !important; font-family: 'NotoSerif-Regular'; margin-right: 7px !important; margin-top: 1rem !important; } .activ-content{ margin-bottom: 40px; } .activ-content img{ width: 100%; object-fit: cover; } .activ-content a p { font-weight: 700 !important; font-family: 'NotoSerif-Regular'; font-size: 21px; line-height: 26px; height: auto !important; } .activ-content p{ font-size: 15px; line-height: 21px; font-family: 'Roboto-Regular'; } #ngopini-detail{ padding-top: 7%; } .deskripsi-singkat { padding-top: 2%; padding-bottom: 2% !important; } .berita-all{ padding-top: 15%; } } div .transbox { background: rgba(255,255,255,.2); padding: 25px; width: 100%; box-shadow: 0 5px 15px rgba(0,0,0,.5); } .button { background-color: #4CAF50; /* Green */ border: none; color: white; padding: 5px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 18px; margin: 4px 2px; transition-duration: 0.4s; cursor: pointer; border-radius: 22px; width: 100%; } .button1 { background-color: white; color: #4CAF50; border: 2px solid #2d862d; font-family: 'Poppins-Regular'; } a.button1{ color: #2d862d; } .header_text{ font-family: 'Roboto-Bold'; margin-top: 23% !important; } .text_of_header{ font-size: 2.4em; } .label_site{ font-size: 1.8em; letter-spacing: 10px; } .header_publikasi{ font-family: 'Roboto-Bold'; margin-top: 10%; text-align: center; } @media (min-width: 992px){ .header_publikasi{ flex: 0 0 30% !important; max-width: 30% !important; background: rgba(2, 95, 89, 0.52); /* background: rgb(2, 95, 89); */ /* border-radius: 74px 0px 45px 0px; */ } .header_text{ flex: 0 0 70% !important; max-width: 70% !important; } a.button1:hover{ text-decoration: none; color: #fff; background-color: #51af54; box-shadow: 0 5px 15px rgba(0,0,0,.5); } } .text_of_publikasi{ font-size: 1.8em; letter-spacing: 10px; } .text_of_judul{ text-align: center; font-family: 'NotoSerif-Bold'; } .submenu_link{ color: rgb(74, 120, 68); font-family: 'Roboto-bold'; } .navbar-light .navbar-nav .nav-link, .menu{ color: rgb(1, 85, 79); font-family: 'Roboto-bold'; } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .menu:focus, .menu:link{ color: rgb(53, 127, 122); } .label_atas{ font-weight: bold; font-family: 'Roboto-Regular'; font-size: 1.75rem; } .label_atas a{ text-decoration: none; } .judul-warta a{ color: #212529; text-decoration: none; } .label_activity, .label-page{ font-weight: bold; font-family: 'Roboto-Regular'; font-size: 1.75rem; } .activ-content a{ font-weight: 700 !important; font-family: 'NotoSerif-Regular'; font-size: 23px; line-height: 26px; } .label-page{ color: rgb(18, 135, 106); letter-spacing: 5px; text-transform: uppercase; } p{ font-family: 'Roboto-Regular'; font-size: 15px; line-height: 21px; } .list-group a:hover, .list-group a:visited{ background-color: rgb(2, 95, 89); color: rgb(53, 127, 122); } .top-judul-page{ background-color:rgb(238, 241, 242); padding-top: 7%; } .top-image-page{ margin-top: 1.1rem !important; width: 100%; } .judul-page{ color:rgb(3, 128, 96); font-family: 'Roboto-Bold'; } .caption-page{ font-family: 'NotoSerif-Regular'; font-size: 18px; line-height: 29px; font-weight: 100; } .label-activity-page{ font-weight: bold; font-family: 'Roboto-Regular'; font-size: 1.4rem; color:rgb(18, 135, 106); } .img-artikel-lain{ height: 230px; width: 100%; object-fit: cover; } .news-p img, p img{ width: 100% !important; height: auto !important; } @media (max-width: 767px) { .top-image-page { margin-top: 7.1rem !important; } .clear-pm{ margin-top: 0px !important; padding-top: 0px !important; } } .pagination > li > a { background-color: white; color: rgb(53, 127, 122); } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { color: rgb(53, 127, 122); background-color: #eee; /* border-color: #ddd; */ } .pagination > .active > a { color: white; background-color: rgb(53, 127, 122) !Important; border: solid 1px rgb(53, 127, 122) !Important; } .pagination > .active > a:hover { background-color: rgb(53, 127, 122) !Important; border: solid 1px rgb(53, 127, 122); } .page-item.active .page-link { z-index: 3; color: #fff; background-color: rgb(2, 95, 89); border-color: rgb(53, 127, 122); } .btn-custom { display: inline-block; margin: 4px 2px; font-size: 14px; padding-left: 32px; padding-right: 32px; height: 50px; line-height: 50px; text-align: center; color: white; text-decoration: none; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .btn-custom:hover { transition-duration: 0.4s; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; {{-- background-color: white; --}} color: black; } .search-container { position: relative; display: inline-block; margin: 4px 2px; height: 50px; width: 50px; vertical-align: bottom; } .mglass { display: inline-block; pointer-events: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .searchbutton { position: absolute; font-size: 22px; width: 100%; margin: 0; padding: 0; } .search:focus + .searchbutton { transition-duration: 0.4s; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; background-color: white; color: black; } .search { position: absolute; left: 49px; background-color: white; outline: none; border: none; padding: 0; width: 0; height: 100%; z-index: 10; transition-duration: 0.4s; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; } .search:focus { width: 363px; padding: 0 16px 0 0; } .expandright { left: auto; right: 49px; } .expandright:focus { padding: 0 0 0 16px; } .icon-color{ color:rgb(1, 85, 79); } .custom-search{ color:rgb(1, 85, 79) !important; }