/* Import font from Google - Go to fonts.google.com, select a font and look for the import command */
@charset "UTF-8"; /* for fixing weird issue of font-awesome display on page load*/

/* @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap'); */

/* Use the imported font on the page: On Google you can also find the CSS instruction for using the font. If you put this in the body element then the font will be used on the whole website. */

/* body {font-size:14pt; font-family: 'Quicksand', Helvetica, Arial, sans-serif; font-weight:400; font-display:swap;} */
/* h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Quicksand', Helvetica, Arial, sans-serif; font-display: swap;} */
body {font-size:14pt; font-display:swap;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-display:swap;}

:root {
	--cassiopeia-color-primary: #c00000;
  	--cassiopeia-color-link: #c00000;
  	--cassiopeia-color-hover: #800000;
  	--link-color: #d00000;
  	--link-hover-color: #800000;
}

:root:has(.sticky-top) [id] {
    /* scroll-padding-top: 100px; */
    scroll-behavior: smooth;
    scroll-margin-top: 25px;
}

.btn-outline-primary {
    --btn-color: #710c5e;
    --btn-border-color: #710c5e;
    --btn-hover-color: #fff;
    --btn-hover-bg: #710c5e;
    --btn-hover-border-color: #710c5e;
    --btn-focus-shadow-rgb: 1,1,86;
    --btn-active-color: #fff;
    --btn-active-bg: #c00000;
    --btn-active-border-color:#c00000;
    --btn-active-shadow: inset 0 3px 5px #00000020;
    --btn-disabled-color: #710c5e;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: #710c5e;
    --gradient: none;
}

.pagination {
	--pagination-active-bg: #c00000;
	--pagination-active-border-color: #c00000;
}
.pagination a:hover {color:#fff; border-color:#c00000; background:#a00000;}


a, a:not([class]), a:hover {text-decoration:none;}
.fa-whatsapp {color:#00a900;}
.fa-whatsapp:hover {color:#008000;}
.fa-facebook {color:#4646de;}
.fa-facebook:hover {color:#0000ff;}
.fa-telegram {color:#12b6e5;}
.fa-telegram:hover {color:#0ea8d3;}
.s2s_contenedor .fa-envelope {color:#4980e5;}
.s2s_contenedor .fa-envelope:hover {color:#3573e7;}


span.star {color:red; font-weight:bold;}
.form-text {font-style: italic;}

.card-header {font-family: 'Quicksand', Helvetica, Arial, 'Courgette', sans-serif; color: #800;}


/* TOP HEADER */

body.home .container-header.scrolled {
  background-color: #000 !important;
}
body.home .container-header {
  background-color: rgba(29, 28, 28, 0);
}
.container-header {
/*  background-color: var(--cassiopeia-color-primary); */
  background-color: #000;
/*  background-image: linear-gradient(135deg,var(--cassiopeia-color-hover)0%,var(--cassiopeia-color-primary)100%); */
  background-image: none;
  position: sticky !important;
}
.container-header .grid-child {padding: 0;}
.container-header .navbar-brand {position:unset; display:inline-flex; width:90%; padding: 0;}
.container-header .site-description {position:relative; width:80%; margin-left:15px; font-size:1.1rem; line-height:1.2; margin: auto 8px;}
/* .container-header .site-description:after {
  	content:"Kabar Mempelai dalam Terang Tabernakel";
    display:block;
  	font-size:0.8em;
  	line-height:normal;
	font-style:italic;
  	color:beige;
  	padding-top:1em;
} */
.navbar-brand .brand-logo img {
    vertical-align: text-bottom;
    border: 1px solid #ae9158;
    border-radius: 20px;
    padding: 2px;
    width: 40px;
}
.container-header .container-search {float:right; right:2rem; /* margin-left:2rem; */}
.metismenu.mod-menu .metismenu-item {font-size: 1.0rem; color: #eee;}

/* MAIN MENU */
/* .mod-menu.mod-list .metismenu-item.active>a, .mod-menu.mod-list .metismenu-item.active>button, .mod-menu.mod-list .metismenu-item>a:hover, .mod-menu.mod-list .metismenu-item>button:hover {text-decoration:none;}
.mod-menu.mod-list .metismenu-item>a:hover, .mod-menu.mod-list .metismenu-item>button:hover {font-weight:bold;} */
.metismenu.mod-menu.mod-list li.active>a, 
.metismenu.mod-menu.mod-list li.active>button, 
.metismenu.mod-menu.mod-list li>a:hover, 
.metismenu.mod-menu.mod-list li>button:hover {
  text-decoration:none !important; 
  color: #fff;
}
.metismenu.mod-menu.mod-list li.active>a, 
.metismenu.mod-menu.mod-list li.active>button {
  font-weight:bold;
}

li.metismenu-item:hover {/*background-color:#a90000;*/ text-shadow: 0 0 #fff;}
li.metismenu-item ul.mm-collapse.mm-show {background-color:#b80000;}
li.metismenu-item ul.mm-collapse.mm-show li, li.metismenu-item ul.mm-collapse.mm-show li a {color:#fff;}


/* SIDEBAR MENU */

/* MENU ~ PENULISAN */
.sidebar-left {border-color: #000;}
.sidebar-left .card-header {
    background: #000;
    color: #fff;
}
/* li.nav-item.item-117 a:after {content:" new "; margin-left:1rem; font-size:0.8rem; background:#f00; color:#fff; padding:0 3px 2px 0;} */
.sidebar-left .mod-menu.mod-list .small {font-size: 1.0rem;}
.sidebar-left .mod-menu.mod-list.nav li.current.active:before {content: "\2022"; margin-left:-10px; padding-right:4px; color:red; font-weight:bold;}
.sidebar-left .mod-menu.mod-list li a:hover {text-decoration:none; color:#a00;}
.sidebar-left .mod-menu.mod-list span.fa-star {position:absolute; left:175px; margin-top:5px;}


/* LOGIN */
.mod-login-logout .login-greeting, .mod-login-logout .mod-login-logout__options {display:inline-block;}
.mod-login-logout__button.logout-button {display:inline-block;}


/* TOP - FULL BANNER */
body.home .container-banner {
  height: 100vh;
  width: 100%;
  /* Optional: remove default browser margins */
  margin: 0;
  padding: 0;
  background: #000;
  position: absolute;
  top: 0;
  z-index: 2;
}

body.home .hero-banner{
    position:relative;
    width:100%;
    height:100vh;
    overflow:hidden;
}

/* video background */

body.home .hero-banner .video-bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    overflow:hidden;
}

body.home .hero-banner .video-bg video {
    width:100vw;
    height:56.25vw;
    min-height:100vh;
    min-width:177.77vh;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    opacity:0.2;   /* faint video */
}

body.home .container-banner .hero-text {
   display: flex;
   position:absolute;
   top:50%;
   left:50%;
   transform:translate(-50%,-50%);
   width: 90%;
   justify-content: center;
   z-index:2;
}


/* HOME - BLOG */
.item-page .icons:has(> .float-end a[aria-describedby*="editarticle"]) {display: flow-root;}

body.home.view-featured .container-component {margin-top: 92vh;}
body.home .blog-featured .items-leading {border:1px solid #efd4d4; border-radius:6px; background:#b5000008;}

.field-entry.judul .field-value {
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
}
.field-entry.sub-judul {margin-bottom:1rem; font-size:1.3rem; font-style:italic;}
.field-entry.judul, .field-entry.sub-judul {text-align: center; font-family: "Quicksand";}
ul.fields-container {padding-left:0; margin-bottom:0;}
ul.fields-container li {list-style:none;}

/* .field-entry.tempat .field-value:before {
    content: "\f1ad";
    font-family: 'FONT AWESOME 5 FREE';
    padding-right: 10px;
    width: 30px;
    text-align: center;
    display: inline-block;
} */
/* .field-entry.tanggal .field-value:before {
    content: "\f073";
    font-family: 'FONT AWESOME 5 FREE';
    padding-right: 10px;
    width: 30px;
    text-align: center;
    display: inline-block;
} */
/* .field-entry.pembicara .field-value:before {
    content: "\f007";
    font-family: 'FONT AWESOME 5 FREE';
    padding-right: 10px;
    width: 30px;
    text-align: center;
    display: inline-block;
} */
/* .field-entry.link-video .field-value:before {
    content: "\f16a";
    font-family: 'Font Awesome 5 Free';
    padding-right: 10px;
    width: 30px;
    text-align: center;
    display: inline-block;
    color: #EA0101;
} */
.blog-featured p.readmore span.icon-chevron-right {
  margin-right: 20px;
  animation: arrow 2s linear 1s infinite;
}

@keyframes arrow {
  0% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(15px, 0);
  }
  20% {
    transform: translate(5px, 0);
  }
  30% {
    transform: translate(12px, 0);
  }
  40% {
    transform: translate(4px, 0);
  }
  55% {
    transform: translate(8px, 0);
  }
  70% {
    transform: translate(0, 0);
  }
}

/*  */
/* .mod-articlesnews.newsflash p {font-weight:100; font-style:italic;} */

body.home .mod-articlesnews-horizontal.newsflash-horiz {margin-bottom: 1rem;}
body.home .mod-articlesnews.newsflash, 
body.home ul.mod-articlesnews-horizontal.newsflash-horiz, 
body.home .mod-articlesnews-horizontal.newsflash-horiz ul {
  display: flex;
/*  flex-direction: row;     /* FORCE horizontal */
  flex-wrap: nowrap;       /* PREVENT wrapping to next line */
  overflow-x: auto;        /* enable horizontal scroll */
  overflow-y: hidden;
/*  white-space: nowrap; */     /* extra safety (important if inline styles exist) */
  padding: 10px 0;
  margin: 0;
  list-style: none;
  gap: 16px;
/*  width: 100%; */
}

body.home .mod-articlesnews.newsflash .mod-articlesnews__item, 
body.home ul.mod-articlesnews-horizontal.newsflash-horiz li, 
body.home .mod-articlesnews-horizontal.newsflash-horiz ul li {
  flex: 0 0 auto; /* do not shrink */
  width: 200px;
  border: 1px solid #efd4d4;
  border-radius: 6px;
  background: #b5000008;
  padding: 2px;
/*  text-align: center; */
}

body.home .mod-articlesnews.newsflash .mod-articlesnews__item .newsflash-title, 
body.home ul.mod-articlesnews-horizontal.newsflash-horiz li .newsflash-title, 
body.home .mod-articlesnews-horizontal.newsflash-horiz ul li .mod-articles-title {
  min-height: 89px;
  text-align: center;
}

body.home .mod-articlesnews.newsflash .mod-articlesnews__item img, 
body.home .mod-articlesnews-horizontal.newsflash-horiz li img {
  width: 100%;
  height: auto;
  display: block;
}
body.home .mod-articlesnews.newsflash .mod-articlesnews__item figure.newsflash-image, 
body.home .mod-articlesnews-horizontal.newsflash-horiz li figure.newsflash-image, 
body.home .mod-articlesnews-horizontal.newsflash-horiz ul li figure.item-image {
  margin: 0;
}
body.home ul.mod-articlesnews-horizontal.newsflash-horiz .lihat-selengkapnya, 
body.home .mod-articlesnews-horizontal.newsflash-horiz ul .lihat-selengkapnya {
  margin: auto;
  padding: 0 50px 0 20px;
  font-size: 6em;
}



.field-entry.qr-code {float:right; border:1px dotted #888; margin-top:-95px; width:min-content;}
.field-entry.qr-code:after {
  content: "scan utk baca di perangkat lain";
  font-size: 0.6em;
  display: block;
  padding: 2px 2px;
  line-height: 1.1;
  text-align: center;
}
.field-label.qr-code {font-size:0.9em; font-style:italic; width:250px; margin:auto;}
.field-entry.qr-code img {width:80px !important;}
.artikel .field-entry.qr-code, .teologi .field-entry.qr-code, .kesaksian-testimoni .field-entry.qr-code {margin-top: 0;}

table.mod-articlescategory {display: block;}
table.mod-articlescategory .mod-articles-category-hits {display: inline-table;}
span.lokasi-view {display: inline-table;}
.mod-articleslatest .mod-articles-category-hits {display: inline-table;}



/* ARTICLE */
.view-article .item-page .page-header {display:none;}
.item-image img {width: 100%;}

.view-article .com-content-article__body {border:1px solid #efd4d4; border-radius:20px; background:#b5000008; padding:4rem;}
/* .view-article .com-content-article__body p:not([style]) {text-indent:1.3em;} */
.view-article .com-content-article__body ol, 
.view-article .com-content-article__body ul {padding-left:20px;}

.item-content table th, .item-page table th {
  border-bottom: 3px double #333 !important;
}
.item-content table th, .item-content table td, .item-page table th, .item-page table td {
  border: 1px solid #333;
  vertical-align: middle;
  padding: 8px;
}
.calendar-container table td {border: none;}


.readmore a {background-color:#036e03; color:#eee;}
.readmore a:hover {border: 1px solid #060; background-color:#060; color:#fff;}
.s2s_contenedor:before {content:"Share to: "; font-size:1.0rem; font-style:italic; margin:-12px 4px 0 0;}
/* .s2s_btn a.s2s_icon {color:grey;} */

.view-form.layout-edit .edit.item-page joomla-tab-element[name*="Ringkasan Khotbah"] .control-group:has(> .control-label [id*="jform_com_fields_tautan_ke_video_ibadah-lbl"]) {
  background: #f0fff2;
  border: 2px solid #00be24;
  padding: 10px;
}
.view-form.layout-edit .edit.item-page label.link-video {font-weight: bold;}
.view-form.layout-edit .edit.item-page label#jform_com_fields__tautan_ke_video_ibadah__url-lbl:after {
  content: " Youtube";
}

.edit.item-page:not(.manager) input#jform_com_fields__tautan_ke_video_ibadah__text, 
.edit.item-page:not(.manager) select#jform_com_fields__tautan_ke_video_ibadah__target, 
.edit.item-page:not(.manager) input#jform_com_fields_qr_code, 
.edit.item-page:not(.manager) input#jform_com_fields_video_youtube_ibadah {
  pointer-events: none; /* Stops mouse clicks and selection */
  cursor: not-allowed;
  background: #eee;
}
.edit.item-page:not(.manager) #images input[id*="jform_urls_url"] {
  pointer-events: none; /* Stops mouse clicks and selection */
  cursor: not-allowed;
  background: #eee;
}



/* RELATED ARTICLES */
body.view-category .related-articles {display: none;}


/* SOSMED YOUTUBE - INSTAGRAM */
.sosmed-right-fix {position:fixed; top:350px; right:10px; font-size:1.4em;}
.sosmed-right-fix a {display:block; text-align:right; margin-bottom:20px;}
.sosmed-right-fix a:hover {text-decoration:none;}
.sosmed-right-fix a svg {width:30px; vertical-align:middle;} 
.sosmed-right-fix span.fab {font-size:1.0em; font-family: 'Font Awesome 6 Brands'; text-shadow: 0 0 6px #fff;}
.sosmed-right-fix .sosmed span:not(.fab) {transition:500ms; position:absolute; right:0px; margin-top:4px; opacity:0; visibility: hidden; font-size: 0.8em;}
.sosmed-right-fix .sosmed:hover span:not(.fab) {transition:300ms; right:30px; text-shadow:1px 1px 1px white; opacity:1; visibility: visible;}


/* WARTA ~ EBOOKLET */
/* .warta table tr th:nth-child(1), .warta table tr td:nth-child(1), 
.majalah table tr th:nth-child(1), .majalah table tr td:nth-child(1), 
.ebooklet table tr th:nth-child(1), .ebooklet table tr td:nth-child(1) {text-align:center;} */
.warta.layout-edit .edit.item-page form#adminForm #com-content-form button[aria-controls="images"] {display:none;}
.warta .table tr th:nth-child(1),
.warta .table tr td:nth-child(1),
.table tr th#categorylist_header_edisi,
.table tr td.list-edisi {padding: 0.2rem;}
.warta .table tbody tr:hover {background-color: #f2f2f2;}
.tambah-warta .edit.item-page #com-content-form button[aria-controls="images"] {display:none;}
body[class*="ebooklet"] .edit.item-page:not(.manager) #editor .js-editor-tinymce {
  display: none;
}


/* MAJALAH GEMA ILAHI */
/* .majalah.layout-edit .edit.item-page form#adminForm #com-content-form button[aria-controls="images"] {display:none;} */
.majalah .table tr th:nth-child(1),
.majalah .table tr td:nth-child(1) /* ,
.table tr th#categorylist_header_edisi,
.table tr td.list-edisi */ {padding: 0.2rem;}
.majalah .table tbody tr:hover {background-color: #f2f2f2;}
/* .tambah-majalah .edit.item-page #com-content-form button[aria-controls="images"] {display:none;} */
body[class*="majalah"] .edit.item-page:not(.manager) #editor .js-editor-tinymce {
  display: none;
}
/* body[class*="majalah"] .edit.item-page:not(.manager) #images input[id*="jform_urls_url"] {
  pointer-events: none;
  cursor: not-allowed;
  background: #eee;
}
*/

.com-content__filter {display:inline;}
table thead tr th {text-align:center; font-weight:bold !important;}

form.com-content-category__articles table.com-content-category__table.category {
  display: block;
  overflow-x: auto;
  overflow-y: hidden;
}
/* form.com-content-category__articles table.com-content-category__table thead tr th {text-align:center; font-weight:bold;}
form.com-content-category__articles table.com-content-category__table {display:inline-block; overflow-x:auto; overflow-y:hidden;} */
/* table {display:inline-block; overflow-x:auto; overflow-y:hidden;} */


/* Social Share */
.tf-social .btn:hover {background-color:transparent; border:2px solid #138a00;}
.addtoany_container {display: inline-block; width: 100%;}
.addtoany_container .addtoany_list {float: right;}


table#jadwal-ibadah th {background:#dfd;}
table#jadwal-ibadah th, table#jadwal-ibadah td {border:1px solid #ccc; padding:10px; line-height:1.2;}
table#lokasi-ibadah th, table#lokasi-ibadah td {border:1px solid #ccc; padding:10px; line-height:1.2;}
table#jadwal-ibadah tbody tr:hover {background:#efe; cursor:default;}


.persembahan .persembahan:hover, .persembahan .perpuluhan:hover {background-color: #ecffec;}
.persembahan button {font-size:0.8em; padding:2px 6px;}



.mod-banners__item.banneritem {
    border: 1px solid #ccc;
    padding: 4px;
    box-shadow: 2px 2px 10px #ccc;
}
.mod-banners__item.banneritem:hover {
    border: 1px solid #ccc;
    box-shadow: 1px 1px 1px #ccc;
}

.mod-whosonline ul li {
    display: inline-block;
    padding: 4px 10px;
    margin: 2px;
    background-color: #275424;
    color: white;
    border-radius: 5px;
    width: fit-content;
}


/* FOOTER */
#back-top:hover, #back-top:visited, #back-top span.icon-arrow-up:hover, #back-top span.icon-arrow-up:visited {
  color:#fff;
  background-color: #000;
}
.back-to-top-link {
  color: #000;
  padding: 6px 8px;
  border: 1px solid #000;
}

/* .container-bottom-b {margin-top:3rem;}
.container-bottom-b, .bottom-b {background-color: var(--cassiopeia-color-primary); color:#fff;}
.bottom-b a:link {color:#ddd !important;}
.bottom-b a:visited {color:#fdd !important;}
.bottom-b a:hover {color:#fff !important;}
.bottom-b a:active {color:#fdd !important;}
*/

.footer {background-image: none; background-color: #000; font-size: 12pt; /* margin-top:3rem; */}
.footer .grid-child {padding:0.5rem; display:inline-block;}
.footer .mod-footer {font-size:10pt; border-top:1px solid #ccc; padding-top:1rem;}
.footer a {color:#eee;}
.footer a:hover {color:#fff;}
.footer .mod-footer .footer2 {display:none;}


@media (min-width: 1200px) {
    body.home .blog-featured .items-leading .item-content {padding: 4rem !important;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    body.home .blog-featured .items-leading .item-content {padding: 3rem;}
}

@media (min-width: 992px) {
	.container-header .container-nav {float:right; right:1rem; width:auto; position:absolute; top:-10px;}
  	.container-header .metismenu>li>a:after, .container-header .metismenu>li>button:before {opacity:0.8;}
  	li.metismenu-item.current.active a {font-weight:bold; text-decoration:underline;}
  	li.metismenu-item li:hover {font-weight:bold; text-decoration:none; background-color:var(--cassiopeia-color-hover);}
  	li.metismenu-item.level-2 a:hover {text-decoration:none !important;}
  	li.metismenu-item.current.active:not(.divider) ul li a {text-decoration:none;}
  	li.metismenu-item.current.active ul li.level-2 a {text-decoration:none; font-weight:unset;}
  	li.metismenu-item.mm-active:hover {font-weight:unset;}
    body.home .container-sidebar-left {position: sticky; top: 30px; margin-top: 95vh;}
    body.home .container-sidebar-left .sidebar-left {width: 105%;}
    .top-login.login {display:none;}
  	.latest-articles {width:50%;}
}

@media (max-width: 991px) {
/*  	.container-header .navbar-brand img {width:100px;} */
  	.container-header .site-description:after {padding-top:0.5em;}
	.container-header .container-nav {padding:0; display:block;}
  	.container-header .container-nav .navbar {margin:0;}
    
    .container-header .container-nav .navbar-collapse.show {
        right: -37px;
        margin-top: 125px;
        position: absolute;
        background: #000;
    }
    body.home .container-header .container-nav .navbar-collapse.show {background: #00000020;}
    body.home .container-header.scrolled .container-nav .navbar-collapse.show {background: #000;}
  	.container-header .navbar-toggler {position:absolute; top:-36px; right:0; border:none;}
	.container-header .navbar-toggler:focus {box-shadow:none;}
    .container-header .navbar-toggler[aria-expanded="true"] .icon-menu:before {content: "\f00d"; font-size: 1.8rem;}
  	
	li.metismenu-item.level-3:hover {background-color:#680457; /* background:none; */}
 	.metismenu.mod-menu .metismenu-item {margin:auto; width:200px; padding: 0.3em 1em;}
  	button.mod-menu__separator {width:270px;}
  	li.metismenu-item.level-3 {width:250px !important;}
	.metismenu.mod-menu .mm-toggler:after {position:absolute; right:0;}
  	.metismenu.mod-menu .metismenu-item .mm-toggler-link {overflow:visible;}
  	.metismenu.mod-menu .metismenu-item .mm-toggler-link:after {position:absolute; right:-150px;}
 	.container-header .container-search {margin-top: 0 !important;}
    .container-sidebar-left .sidebar-penulisan {margin-top: 3rem !important;}
    .sidebar-left-login.login {display:none;}
    body.home .card.login {top: 95vh;}
}

@media (max-width: 991px) and (min-width: 480px) {
    .container-header .container-search {position:absolute;}
/*  .com_content .container-component {margin-top: 1.6em;} */
    body.home .blog-featured .items-leading .item-content {padding: 2rem;}
  	.view-article .com-content-article__body {padding:2rem;}
}

@media (min-width: 976px) {

}

@media (max-width: 975px) {

}

@media (min-width: 768px) {
  
}

@media (min-width: 768px) and (max-width: 991px) {
/*.home .container-component {margin-top: -4rem;}
  .home .mod-finder.form-search {margin-top: -6rem;}
  @supports (display:grid) {
	.home .blog-items.columns-2 {grid-template-columns: 1fr 1fr;}
  }
  .home .blog-items>div {width:50%;} 
  .home .blog .blog-items .blog-item {padding:15px;}
  .home .blog .blog-items .blog-item .page-header a {font-size:16pt; height:80px;} */
}

@media (max-width: 767px) {
/* 	.container-header .site-description {font-size:1.4rem;} */
	.container-header .site-description:after {font-size:0.7em;}
/* 	.home .container-component {margin-top: -2rem;}
 	.home .mod-finder.form-search {margin-top: -4rem;}
  	.home .blog .blog-items .blog-item .page-header a {height:auto;} */
/* 	.home .blog-featured .items-leading ul.fields-container {margin-bottom:6rem;} */
  	
	form.com-content-category__articles .com-content-category__navigation {display:inline-grid; overflow-x:auto; text-align:center;}
}

@media (max-width: 767px) and (min-width: 480px) {
  	body.home .field-entry.qr-code {position:absolute; right:3rem;}
}

@media (min-width: 576px) {

}

@media (max-width: 575px) {
/*  .navbar-brand .brand-logo img {width:100px;} */
  .container-header .site-description {font-size:1.0rem;}
  .container-header .navbar-toggler {right:-10px;}
  table#jadwal-ibadah {display:block; overflow-x:auto; font-size: 1.1rem;}
  .kuesioner-warta .site-grid {grid-gap:0 !important;}
  .kuesioner-warta .com-wrapper.contentpane {padding:0;}
}

@media (min-width: 480px) {
  
/*  .home .mod-finder.form-search input.js-finder-search-query.form-control {max-width:230px;} */
}

@media (max-width: 479px) {
  	.container-header .navbar-brand {width:92%;}
/* 	.navbar-brand .brand-logo img {width:60px;} */
    .container-header .site-description {width:70%; /* font-size:1.0rem; margin-left:6px; margin-top:0px;*/}
  	.container-header .site-description:after {display:none;}
/*	.container-header .navbar-brand:after {
        content:"Experiencing Biblical Daily Life Changes";
        position:absolute;
        font-size:10pt;
        line-height:normal;
        font-style:italic;
        color:beige;
        margin-top: 50px;
        margin-left:65px;
	}
*/	
	body.wrapper-fluid .site-grid {grid-gap: 0 1em;}
  	
  	body.wrapper-fluid header > .grid-child:first-child {padding-left:0.5em; padding-right:0.5em;}
/*	.navbar-brand .brand-logo img {width:70px;} */
/* 	.container-header .navbar-toggler {top:-70px; right:10px;} */
/* 	.metismenu.mod-menu .metismenu-item {padding:0.2em 1.0em;} */
  	.container-header .container-search {margin-top:-15px !important;}
	.container-header .container-search input#mod-finder-searchword132 {padding:6px 10px;}
/* 	.home .container-component {margin-top:2rem;} */
/* 	.home .blog-featured .items-leading, .view-article .com-content-article__body {padding:1.0rem;} */
    body.home .blog-featured .items-leading .item-content {padding: 1rem;}
  	body.home .blog-featured .blog-item p {text-align:unset !important;}
    .view-article .com-content-article__body {padding:1.3rem;}
/* 	body.home .mod-articlesnews p {text-align:unset !important;} */
  	table#jadwal-ibadah td {padding:4px; font-size:0.9em;}
 	body.home .majalah .card-body, body.home .warta .card-body, body.home .ebooklet .card-body {padding:0;}
  	.majalah table th, .majalah table td, .warta table th, .warta table td, .ebooklet table th, .ebooklet table td {font-size:1.0rem;}
	.majalah table th, .warta table th, .ebooklet table th {white-space:normal;}
    body.wrapper-fluid footer>.grid-child {padding-left:1.2em; padding-right:1.2em;}
}

@media (max-width: 400px) {
  .field-entry.tempat, .field-entry.tanggal {font-size:0.9em;}
  .field-entry.pembicara .field-value {display:flex; max-width:200px; line-height:1.2; font-size:0.9em;}
  .field-entry.link-video {margin-top:4px; line-height:1.2; font-size:0.9em;}
}