/*
Theme Name: Goa Gajah
Theme URI: http://balicenter.net/wordpress/themes/goagajah
Author: PT. Parahita Larus Jaya
Author URI: http://parahitatour.com/author/admin
Description: This themes is dedicated to parahitatour 
Version: 6
License: Prive use only
Tags: Travel
*/



:focus {
outline: 0;
}

body {
    font-family: 'Roboto';
}

a{text-decoration: none;}
a:hover{text-decoration: underline;}

a.top-link { color: #000000; }
a.top-link:hover { color: #db7000; }

.top-linkactive {color: #000000;}


.turun{margin-top:0px}
.turun-2 {margin-top:32px;}

.navbar-toggler-icon.icon-bar{ background-color: white !important; }


.navbar .navbar-toggler .icon-bar {
  background: black !important;
}
.bg-white { background: #ffffff; }

.hotline{font-size: 0.9rem; font-weight: bold; text-transform: uppercase;}
.ourphone {font-size: 1.1rem; color: #0000ff;}

.the_center {margin: auto;}
.bg-homepage-temple{}
.width-home-temple {height: 406px;}

.bg-homepage-rk{background:url('images/parahitatour-hompage-retno-kustanti.webp') no-repeat; background-position: right top; }

.font-13px {font-size: 13px;}


.border-grey {border: solid 1px #cccccc;}

.nest-rounded { border: solid 1px #cccccc; border-radius: 5px; }
.has_featured_image {background: #dcdcdc; text-align: center;}


.add-shadow {box-shadow: rgba(80, 64, 67, 0.9) 0px 1px 5px 0px;}

.py-6 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.opacity-full {opacity: 1.0;}


.sidebarSetSpace {margin: 0 0 20px 0px;}

/* author bio */

.author_bio {margin: 20px 0 0 0px; background: #e3e3e3; padding: 30px; border-radius: 5px; }
.avatar-single { border-radius: 50%; }
.author_bio_name {font-weight: bold; font-size: 17px;}


.single_box_meta { margin: 20px 0 0 0px; background: #f0f0f0; padding: 30px; border-radius: 5px; }


/* screen */

@media (max-width: 575.98px) {
	.bg-homepage-airasia{background:url('images/parahitatour-hompage-airasia.webp') no-repeat; background-position: right bottom;}
	.sidebarSetSpace { margin: 20px 0 0 0;  }
  .smartphone-down { margin-top: 32px; }
  .bg-homepage-temples{margin-top:32px;}
}

@media (min-width: 576px) {
  	.temple-text {max-width: 700px; }
  	.paket-tour-text {max-width: 700px;}
  	.bg-homepage-airasia{background:url('images/parahitatour-hompage-airasia.webp') no-repeat; background-position: right bottom;}
}

@media (max-width: 991.98px){
  .smartphone-down { margin-top: 32px; }
}

@media (min-width: 768px) {
	.temple-text {max-width: 35%; }
	.paket-tour-text {width: 55%;}
	.bg-homepage-airasia{background-position: right center;}
}

@media (min-width: 992px) {
	.temple-text { width: 35%; }
	.paket-tour-text {width: 55%;}
	.bg-homepage-airasia{background-position: right center;}
}



/* section */

.header-top {height: 75px; background: #ffffff;}
.section-orange-parahita { background: #db7000; }
.section-grey {background: #dddddd; margin: auto; padding: 20px 0px 10px 0px;}
.section-yellow {background: #e89641; margin: auto; padding: 20px 0px 10px 0px; }
.section-navy {background: #2b3646; margin: auto; padding: 20px 0px 10px 0px;}
.section-blue {background: #0084c2; margin: auto; padding: 20px 0px 0px 0px;}
.section-soft-yellow{background: #f4d4b2; margin: auto; padding: 20px 0px 10px 0px; }
.section-soft-green{background: #f3e3d6; margin: auto; padding: 20px 0px 10px 0px; }

.section-blog-header { background-image: linear-gradient(to bottom right, #db7000, #fac38f); margin: auto; padding: 20px 0px 10px 0px; }
.section-blog-poetry { background: #ffffff;  padding: 20px 0px 20px 0px; }



/* text */

.text-white {color: #ffffff;}
.text-soft-red {color: #f26c4f;}
.text-soft-red-2 {color: #f26c4f;}
.text-green {color: #289036;}
.blue-link {color: #0066cc;}
.blue-link-2 {color: #000000;}
.black-link {color:#000000;}

/**/
a.blue-link-2 {color: #000000;}
a.black-link {color: #000000; text-decoration: underline;}


/* link */
a.blue-link:hover {color: #ffffff;}
a.blue-link-2:hover {color: #db7000;}
a.text-soft-red:hover {color: #000000;}
a.text-soft-red-2:hover {color: #ffffff;}
a.text-green:hover {color: #2b3646;}
a.black-link:hover{color: #ffffff;}

/* form */

.form-white {background: #ffffff; color: #000000; border: solid 1px #cccccc;}
.form-white:focus {background: #db7000; color: #000000;}
.form-white::placeholder{color: #000000;}


/* background */

.bg-grey {background: #cccccc;}

/* image */

.img-rounded-10 { border-radius: 8px; }

/* heading */
h1.notfound-code {font-size: 8.0rem; font-weight: bold;}
h2.blog_h2 {font-size: 20px;}
h3.h3-footer { color: #ffffff; font-size: 20px; font-style: italic;  }
h3.h3-sidebar {font-size: 19px; font-weight: bold;}
h3.categorysubtitle { font-size: 18px; margin: 0px 0 0 0; }

/* list */

ul.ul-red {color: #bb3939;}
.ul-red li {list-style-type:square; color: #bb3939;}
.ul-red li a{color: #bb3939;}


ul.pesawat-origin {list-style-type: square;}
ul.pesawat-origin li { float:left;  margin: 3px 35px 3px 0px;}
ul.pesawat-origin li a {color: #f26c4f; text-decoration: none;}
ul.pesawat-origin li a:hover {text-decoration: underline;}


ul.overland-origin {list-style-type: square;}
ul.overland-origin li { float:left;  margin: 3px 35px 3px 0px;}
ul.overland-origin li a {color: #000000; text-decoration: none;}
ul.overland-origin li a:hover {text-decoration: underline;}
li.ls li {list-style-type: square;}

ul.blog_li_post_month {padding: 0px 0px 0px -10px;}
li.blog_li_post_month {list-style-type: square;}

.blog-sidebar-ul ul {border-bottom: solid 1px #cccccc;}
.blog-sidebar-ul li {margin: 0 0 0 -16px; padding: 3px 0px; }


.col-post-border {border-top: solid 1px #dddddd; padding: 3px;}

.sidebarUL {
  list-style: none;
  padding: 0px;
  display: inline-block;
  width: 100%;
}
.sidebarUL li {
  width: 100%;
  box-sizing: border-box;
}
.sidebarUL a {
  color: #000000;
  display: block;
}
.sidebarUL a:hover {
  color: #ffffff;
  background-color: #fac900;
}



.artikel-lainnya {background: #dfdfdf; border-radius: 5px; margin: 0 0 10px 0; padding: 15px 0px;}
.artikel-lainnya h4 {font-size: 1.1rem; font-weight: bold;}
.artikel-lainnya-2 {background: #f0f0f0; border-radius: 5px; margin: 0 0 10px 0; padding: 3px; font-size: 0.9rem;}

.blog_post h1 {font-size:1.5em; letter-spacing: 0.2em;}
.blog_post h2 {font-size:1.3em; letter-spacing: 0.2em;}
.blog_img {margin: 10px 0px;}
.blog_tags {font-size:0.7em; text-transform: uppercase; }
.blog_tags a {color:#db7000; padding: 0px 5px;}
.blog_hr {width: 40px;  border-top: 2px solid; margin-top: 5px; margin: auto; left: 50%;}
.blog_posted {margin: -15px 0 20px 0px; font-size: 0.8em;}
.blog_content p {margin: 10px 0; text-align: left; line-height: 2px;}
.blog_thumb_space {margin:10px 0px;}
a.blog_continue_reading_link {color:#db7000; letter-spacing: 0.2em; text-transform: uppercase;}




.wp-block-table > table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}


.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: #fae9d8;
}





.table td { padding: 8px; border: solid 1px #cccccc;;}
.table > tbody { width: 100%;  border: solid 1px #cccccc; }


.kb-table-of-content-wrap {padding: 5px; border: solid 1px #d7d7d7; margin: 20px 0px; background: #f1f1f1; }
.kb-table-of-contents-title {font-size: 1.4rem; margin: 30px 0px 20px 20px;}



.breadcrumb { font-weight: Bold; margin-top: 7px; font-size: 18px;}
.breadcrumb a { color: #000000; }
.breadcrumb a:hover { color: #ffffff; }


.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
 
.navigation li {
    display: inline;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #6FB7E9;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}
 
.navigation li a:hover,
.navigation li.active a {
    background-color: #3C8DC5;
}


h1.h1-category {font-weight: bold; font-size: 25px;}


.post-by-category {}
.post-by-category h2 {font-size:20px; padding: 10px 0px 0px 0px;}


.img-bulanmadu {padding: 5px; width: 30%;}

.blue {background: blue;}
.red {background: red;}



/* Adjust these variables for your project */
:root {
  --dark-grey: #333333;
  --main-color: #036773;
  --font-size: 16px;
  --line-height: 1.2;
}

.table-of-contents {
  margin: 2rem 0;
  position: relative;
  background: #f4d4b2;
  border: solid 2px #db7000;
  padding: 20px;
}

.table-of-contents .toc-headline {
  font-size: 22px;
  color: var(--dark-grey);
  font-weight: 600;
  display: block;
  cursor: pointer;
}

.table-of-contents .toggle-toc {
  position: absolute;
  top: 0;
  right: 1rem;
  font-size: 30px;
  cursor: pointer;
  font-weight: 800;
  color: var(--main-color);
}

.table-of-contents ul {
  padding: 0;
  padding-left: 1rem;
}

.table-of-contents li {
  position: relative;
  padding-left: 1rem;
  list-style: none;
  line-height: var(--line-height);
  font-weight: 400;
  margin: .3rem 0;
  transition: .2s ease all;
}

.table-of-contents li:hover {
  padding-left: 1.1rem;
}

.table-of-contents li a {
  font-size: var(--font-size);
  line-height: var(--line-height);
  text-decoration: none;
  color: var(--main-color);
}

.table-of-contents li:before {
  content: '';
  -webkit-transform: translateX(-0.75em) rotate(45deg);
  transform: translateX(-0.75em) rotate(45deg);
  height: 0.5em;
  width: 0.5em;
  border-top: solid 2px var(--dark-grey);
  border-right: solid 2px var(--dark-grey);
  border-radius: 0;
  background: 0 0;
  position: absolute;
  display: block;
  top: 7px;
  left: 0;
}

.table-of-contents li>ul {
  padding-left: 0.7rem;
  padding-bottom: 0rem;
}


ul.footer-li {}
.footer-li li {padding: 0 0 5px 0px;}




.the_hotline {background: #fcdd6a; padding: 5px;}
.the_hotline a {color: #0033ff;}