.site-content {
padding: 1.5rem 0;
}  .inside-right-sidebar {
position: sticky;
top: 80px;
} .site-header {
}
@media only screen and (max-width: 767px) {
.site-header .header-image {
width: 200px;
}
}
.inside-header {
position: relative;
flex-direction: row !important;
}
.top_nav {
position: absolute;
right: 0;
}
.menu-bar-items {
display: none !important;
}
.inside-navigation.grid-container {
justify-content: center;
}
.toggle_button,
.search_button {
position: absolute;
}
.toggle_button {
left: 0;
}
.search_button {
right: 0;
}
.site-logo {
text-align: center;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
}
a.search-icon {
color: var(--text-primary);
} .main-navigation {
padding: 0;
position: sticky;
top: 0;
box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.025);
}
.main-navigation .main-nav > ul {
display: flex;
column-gap: 8px;
} .main-navigation .main-nav ul li:hover a,
.main-navigation .main-nav ul li.current-menu-item a {
position: relative;
}
.main-navigation ul ul {
box-shadow: none;
border: 1px solid #f1f1f1;
border-radius: 0;
border-top: none;
padding: 5px 0;
border-bottom: 5px solid var(--accent);
}
.main-navigation ul ul li a {
border-bottom: 1px solid #f1f1f1;
}
.main-navigation ul ul li:last-child a {
border-bottom: none;
}
.top_toggle {
position: absolute;
left: 0;
margin-top: 10px;
}
ul.slideout-menu ul,
ul.slideout-menu ul li a {
border: none !important;
} .inside-navigation.grid-container {
padding: 0 !important;
}
.main-nav {
padding: 0;
position: relative !important;
z-index: 2 !important;
scroll-behavior: smooth !important;
}
.main-nav > ul {
display: flex !important;
flex-wrap: nowrap !important;
justify-content: center !important;
padding-left: 0 !important;
margin-block: 0 !important;
list-style: none !important;
text-align: center !important;
white-space: nowrap !important;
}
.main-nav a {
display: block !important;
}
.main-nav li.current-menu-item a {
} #generate-slideout-menu .main-nav > ul {
flex-wrap: wrap !important;
} .paging-navigation {
margin: 0;
border-top: 1px solid #f1f1f1;
background: none !important;
text-align: center;
font-size: 14px;
padding: 15px 0 !important;
}
.paging-navigation span,
.paging-navigation a {
border: 1px solid #ccc;
padding: 5px 10px !important;
color: #333333 !important;
border-radius: 4px;
}
.paging-navigation span.current {
background: #fff;
color: #fff !important;
background: var(--primary);
border: 1px solid var(--primary);
font-weight: normal !important;
} .comments-area {
border: 0px solid #f1f1f1;
padding: 0px !important;
border-radius: 8px;
margin-top: 25px;
font-size: 14px;
background: none !important;
}
.comment-content {
padding: 0;
border: none;
margin: 8px 0;
padding: 10px 0 !important;
border-radius: 8px;
}
.comment-content p {
margin-bottom: 10px;
line-height: 21px;
}
.comment-list .reply a {
border-radius: 20px;
padding: 2px 10px;
border: 1px solid #f1f1f1;
}
.comment-list article {
border: none;
padding: 0 !important;
margin: 0 !important;
}
.comment-list li.depth-1 {
border: 1px solid #f1f1f1 !important;
padding: 20px !important;
border-radius: 8px !important;
}
.comment .children {
padding-left: 30px;
margin: 20px 0 20px 20px !important;
border-left: 0 dotted rgba(0, 0, 0, 0.09) !important;
border-bottom: none !important;
}
.comment-respond {
margin-top: 40px;
}
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
border: 1px solid #f1f1f1 !important;
border-radius: 5px !important;
padding: 10px 15px !important;
margin: 0 0 10px !important;
width: 100%;
}
.comments-area .form-submit input.submit {
border-radius: 8px !important;
background: var(--accent) !important;
padding: 10px 35px !important;
}
.comment-form-cookies-consent {
font-size: 12px;
line-height: 18px;
}
.comment-list li.depth-1 {
border-bottom: 0px solid #f1f1f1;
margin-bottom: 20px;
}
h3.comments-title {
font-size: 18px;
}
.comment-meta .avatar {
padding-top: 1px;
}
.comments-area footer.comment-meta {
display: block;
grid-template-columns: 30px 1fr;
grid-gap: 10px;
}
.comments-area footer.comment-meta img.avatar {
display: none;
}
.entry-meta.comment-metadata {
margin-top: -1.5px;
}
.entry-meta.comment-metadata a {
color: #000;
opacity: 0.5;
}
.comment-content {
margin: 10px 0;
border: 0px solid #f1f1f1;
} .search-modal-form {
background: transparent !important;
}
.gp-modal__container input.search-field {
margin: 0 !important;
border: none !important;
}
.search-modal-fields {
border-radius: 8px;
overflow: hidden;
background: #fff;
} .page-header {
margin-bottom: 30px;
}
h1.widget-title,
h1.page-title,
h2.widget-title,
h3.widget-title {
position: relative;
display: inline-block;
}
h1.widget-title:after,
h1.page-title:after,
h2.widget-title:after,
h3.widget-title:after {
height: 2px;
border-radius: 0;
width: 50%;
content: " ";
background: var(--accent);
position: absolute;
left: 0;
bottom: -5px;
}
.search h1.page-title {
border-bottom: 1px solid #f1f1f1;
display: block;
padding-bottom: 15px;
}
.search h1.page-title span {
display: block;
font-size: 16px;
line-height: 22px;
font-weight: bold;
color: var(--accent);
}
.search h1.page-title:after {
display: none;
} .author .page-header {
padding: 1rem;
font-size: 15px;
line-height: 22px;
border-radius: 6px;
background: var(--background-light);
border: 1px solid var(--border);
}
.author .page-header .page-title:after {
display: none;
}
.author .page-header .avatar {
margin-right: 20px;
border-radius: 50px;
} .nq_number {
display: none;
}
.popular_item a {
color: var(--primary);
font-weight: 500;
padding-bottom: 12px !important;
margin-bottom: 12px !important;
display: block;
border-bottom: 1px solid var(--border);
}
.popular_item a:hover {
color: var(--primary-hover);
}
.popular_item:last-child a {
border-bottom: none;
} .dynamic-entry-content ul,
.dynamic-entry-content ol {
margin: 0 0 1.5em 2em;
}
.dynamic-entry-content ul li {
list-style: disc;
} .wp-block-pullquote {
padding: 0;
}
blockquote {
border-left: 6px solid var(--secondary);
padding: 5px 0 5px 10px;
font-size: inherit;
font-style: normal;
}
blockquote p {
margin-bottom: 5px;
}
.wp-block-pullquote cite {
font-size: 14px;
font-weight: bold;
} pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
} .wp-block-table {
margin-bottom: 25px;
}
.wp-block-table table {
margin-bottom: 0;
}
.wp-block-table .wp-element-caption {
font-size: 13px;
margin-top: 5px;
} .gb-block-image figcaption,
.wp-block-image figcaption {
font-size: 13px;
text-align: center;
margin: 10px 0 0;
line-height: 19px;
} .taxonomy-post_tag {
display: flex;
gap: 5px;
flex-wrap: wrap;
}
.taxonomy-post_tag a {
color: #fff;
position: relative;
background: var(--accent);
padding: 2px 13px;
font-size: 14px;
line-height: 20px;
border-radius: 50px;
display: inline-block;
transition: all 0.3s ease-in-out;
}
.taxonomy-post_tag a:hover {
background: var(--success);
}
.taxonomy-post_tag a:before {
content: "#";
}
.wp-block-post-terms__separator {
display: none;
} .search-form .search-submit {
display: none;
} body.error404 .inside-article {
margin: 40px auto;
text-align: center;
} .owl-carousel {
visibility: hidden;
}
.owl-carousel.owl-loaded {
visibility: visible;
}
.owl-carousel .owl-stage::after {
display: none;
} .owl-dots {
text-align: center;
margin: 20px auto;
position: static;
bottom: 20px;
right: 20px;
}
.owl-dots button {
width: 8px;
height: 8px;
opacity: 0.3;
border-radius: 100px;
margin: 0 3px;
background: var(--background-soft) !important;
}
.owl-dots button.active {
opacity: 1;
width: 20px;
background: var(--accent) !important;
}
.owl-stage {
} .owl-nav button {
position: absolute;
top: 38%;
width: 35px;
opacity: 1;
height: 35px;
transition: all 0.2s ease-in-out;
background-repeat: no-repeat;
background-position: center center !important;
}
.owl-nav button:hover {
opacity: 1;
}
.owl-nav button span {
display: none;
}
.owl-nav button.owl-prev {
left: -10px;
background-image: url(//info.bantuanmy.com/wp-content/themes/gpinfo/images/arrow-left.svg) !important;
}
.owl-nav button.owl-next {
right: -10px;
background-image: url(//info.bantuanmy.com/wp-content/themes/gpinfo/images/arrow-right.svg) !important;
}
.abs .owl-dots {
position: absolute;
margin: 0;
right: 20px;
}
.owl-carousel .owl-stage::after {
display: none !important;
} .stories_slider .owl-stage-outer {
overflow: visible;
}
img.slide {
width: inherit !important;
}
.stories_slider .owl-dots {
margin-top: 0;
} .rank-math-breadcrumb p {
margin-bottom: 0;
}
.breadcrumb {
line-height: 18px;
} .masonry-load-more {
display: flex;
justify-content: center;
}
.masonry-load-more a {
border-radius: 8px;
} .limit-title {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.limit {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.limit_three {
-webkit-line-clamp: 3;
}
.limit_two {
-webkit-line-clamp: 2;
} .list_custom {
list-style: none;
counter-reset: my-awesome-counter;
}
.list_custom .gb-query-loop-item {
counter-increment: my-awesome-counter;
position: relative;
}
.list_custom .gb-query-loop-item:before {
content: "#" counter(my-awesome-counter) "";
position: absolute;
top: 4px;
left: 20px;
display: block;
font-size: 26px;
font-weight: bold;
color: var(--accent);
}
.list_custom .generate-columns.grid-50 {
width: 100% !important;
margin: 0;
} #ez-toc-container {
background: #f9f9f9;
border: 1px solid var(--accent);
border-radius: 5px;
box-shadow: none;
padding: 25px;
margin-bottom: 25px;
}
div#ez-toc-container p.ez-toc-title {
font-weight: bold;
}
#ez-toc-container ul {
margin-top: 10px;
padding-left: 18px;
}
div#ez-toc-container ul li {
font-size: 100%;
list-style: circle;
overflow: visible;
padding: 2px 0;
}
#ez-toc-container a {
color: var(--primary)!Important;
box-shadow: none;
text-decoration: none;
text-shadow: none;
display: inline-flex;
align-items: stretch;
flex-wrap: nowrap;
font-weight: bold!important;
}
#ez-toc-container ul.ez-toc-list-level-3 {
margin-top: 5px;
}
#ez-toc-container ul.ez-toc-list-level-3 {
margin-left: 0;
}
#ez-toc-container ul.ez-toc-list-level-3 li a {
font-weight: normal!important;
}
#ez-toc-container label.cssicon {
border: none;
margin-top: -5px;
} .stretch-link {
position: relative;
}
.stretch-link a::after {
content: "";
position: absolute;
inset: 0;
}
.stretch-link a:is(:focus-visible)::after {
outline: 2px solid;
}
.stretch-link a:is(:hover, :focus) {
outline: none;
} @media only screen and (max-width: 1024px) {
.inside-header {
padding-right: 20px !important;
padding-left: 20px !important;
}
.site-content {
padding: 20px;
}
.top_toggle {
left: 20px;
}
#footer {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (max-width: 768px) {
.main-nav {
overflow-y: hidden !important;
}
.gb-button.slideout-toggle span.gb-button-text {
display: none;
}
.toggle_button,
.search_button {
top: 33px;
}
.toggle_button {
left: 20px;
}
.search_button {
right: 20px;
}
.main-nav ul {
overflow-x: auto !important;
justify-content: flex-start !important;
}
.main-nav ul::-webkit-scrollbar {
display: none;
}
.main-nav ul {
-ms-overflow-style: none;
scrollbar-width: none; }
.main-navigation .main-nav ul li a {
padding-left: 15px;
padding-right: 15px;
}
.main-navigation .main-nav ul li:first-child a {
margin-left: 15px;
}
.main-navigation .main-nav ul li:last-child a {
margin-right: 15px;
}
.main-navigation .main-nav ul#menu-off-canvas-nav li:first-child a,
.main-navigation .main-nav ul.slideout-menu li:first-child a {
margin-left: 0;
}
.main-navigation .main-nav ul.slideout-menu li:last-child a {
margin-right: 0;
}
.main-navigation .main-nav ul#menu-off-canvas-nav li a {
padding-left: 20px;
padding-right: 20px;
}
.inside-right-sidebar {
position: static;
padding: 0;
border: none;
}
.featured-column {
margin-bottom: 25px;
}
.site-content .content-area {
padding-right: 0;
}
.is-right-sidebar {
margin-top: 3rem;
}
.grid {
grid-template-columns: 100px 1fr;
grid-gap: 20px;
}
.featured-column .grid {
margin-bottom: 0;
}
.comments-area {
border: none;
padding: 20px 0 !important;
}
.owl-nav button {
top: 30%;
}
.owl-nav button.owl-prev {
left: -16px;
}
.owl-nav button.owl-next {
right: -16px;
}
.gp-search-modal .gp-modal__overlay {
padding-left: 30px !important;
padding-right: 30px !important;
background: rgba(0, 0, 0, 0.65) !important;
}
}
@media only screen and (max-width: 767px) {
body {
background: #fff !important;
}
.featured-column .acr_img {
height: 200px;
}
.grid-small {
grid-template-columns: 80px 1fr;
}
.post-abs {
top: 12px;
left: 12px;
}
} .wp-block-social-links {
margin: 0 !important;
}
.wp-block-social-links li a {
font-size: 18px;
}
.post-categories {
display: flex;
gap: 5px;
padding: 0;
margin-left: 0;
flex-wrap: wrap;
margin-bottom: 5px;
}
.post-categories span,
.post-categories span a {
padding: 1px 5px 0 5px;
font-size: 12px;
font-weight: bold;
line-height: 20px;
border-radius: 50px;
   background: var(--warning);
color: var(--text-primary);
display: inline-block;
transition: all .3s ease-in-out;
}
.term_list {
display: flex;
gap: 8px;
}
.term_list a {
padding-bottom: 3px;
border-bottom: 1.5px solid var(--contrast-2);
}
.post-abs {
position: absolute;
top: 20px;
left: 20px;
} .featured-column .arc_box {
display: block !important;
}
.featured-column .arc_left,
.featured-column .arc_right,
.generate-columns.tablet-grid-50.featured-column,
.generate-columns.grid-50 {
width: 100% !important;
}
.featured-column .acr_img {
height: 330px;
}
.gb-block-image a {
display: block;
height: 100%;
} .grid {
display: grid;
grid-template-columns: 150px 1fr;
grid-gap: 25px;
}
.featured-column .grid {
grid-template-columns: 1fr;
}
.grid-small {
display: grid;
grid-template-columns: 50px 1fr;
grid-gap: 15px;
}
.more-link {
position: absolute;
top: 0;
right: 0;
}
.container.grid-container {
width: auto;
padding-left: 0;
padding-right: 0;
}
a.prev,
a.next,
a.prev span,
a.next span {
display: none;
}
.also-read {
background: #f1f1f1;
padding: 15px;
border-left: 5px solid var(--accent);
padding-left: 20px;
margin: 20px 0;
}
.also-read h2 {
margin-bottom: 8px;
}
.also-read p {
margin: 0 0 10px;
font-size: 14px;
line-height: 18px;
}.addtoany_content{clear:both;margin:16px auto}.addtoany_header{margin:0 0 16px}.addtoany_list{display:inline;line-height:16px}.a2a_kit a:empty,.a2a_kit a[class^="a2a_button_"]:has(.a2a_s_undefined){display:none}.addtoany_list a,.widget .addtoany_list a{border:0;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle}.addtoany_list a img{border:0;display:inline-block;opacity:1;overflow:hidden;vertical-align:baseline}.addtoany_list a span{display:inline-block;float:none}.addtoany_list.a2a_kit_size_32 a{font-size:32px}.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{height:32px;line-height:32px;width:32px}.addtoany_list a:not(.addtoany_special_service)>span{border-radius:4px;display:inline-block;opacity:1}.addtoany_list a .a2a_count{position:relative;vertical-align:top}.site .a2a_kit.addtoany_list a:focus,.addtoany_list a:hover,.widget .addtoany_list a:hover{background:none;border:0;box-shadow:none}.addtoany_list a:hover img,.addtoany_list a:hover span{opacity:.7}.addtoany_list a.addtoany_special_service:hover img,.addtoany_list a.addtoany_special_service:hover span{opacity:1}.addtoany_special_service{display:inline-block;vertical-align:middle}.addtoany_special_service a,.addtoany_special_service div,.addtoany_special_service div.fb_iframe_widget,.addtoany_special_service iframe,.addtoany_special_service span{margin:0;vertical-align:baseline!important}.addtoany_special_service iframe{display:inline;max-width:none}a.addtoany_share.addtoany_no_icon span.a2a_img_text{display:none}a.addtoany_share img{border:0;width:auto;height:auto}.news-grid{column-gap:1rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));row-gap:1rem}.news-grid :first-child{grid-column:2/4;grid-row:1/3}.news-grid :first-child .news-excerpt{display:block}.news-grid :first-child h2{line-height:1.2;font-size:1.6rem}.news-grid a{color:var(--text-primary);text-decoration:none}.news-grid a:hover{color:var(--primary-hover)}.news-grid h2{font-size:16px;line-height:1.2;margin-bottom:0px}.news-grid img{aspect-ratio:16/9;width:100%;object-fit:cover;border-radius:6px}@media (max-width:1024px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-grid :first-child{grid-column:1/-1}.news-grid :first-child h2{font-size:1.4rem}}@media (max-width:767px){.news-grid h2{font-size:16px;line-height:20px}}.news-excerpt{display:none}