/*
Theme Name: ptrour-id
Theme URI: http://balicenter.net/wordpress/themes/ptrour-id
Author: PT. Parahita Larus Jaya
Author URI: http://parahitatrans.com/author/admin
Description: This themes is dedicated to parahitatour 
Version: 1
License: Prive use only
Tags: Transport
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: 'Poppins', sans-serif;
vertical-align: baseline;
line-height: 1.6rem;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}

ol, ul {
list-style: none;
}


/* Show it is fixed to the top */
body {
  /*font-family: verdana, "Lucida Sans Unicode", Times, serif;*/
  font-family: 'Poppins', sans-serif;
  color: #555;
  font-size: 0.9rem;
  padding-top: 1rem;
  padding-bottom: 3rem;
  background: var(--bg-background);
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  /*font-family: verdana, "Lucida Sans Unicode", Times, serif;*/
  font-family: 'Poppins', sans-serif;
  font-weight: normal;
  color: #333;
}

:root {
  --ptrans-red: #E43636;
  --ptrans-red-soft: #e76c6c;
  --ptrans-violet-dark: #60295f;
  --ptrans-violet-grey: #575757;
  --ptrans-white: #ffffff;
  --ptrans-grey: #f0f1f3;
  --ptrans-green: #36e44f;
  --ptrans-green-soft: #72e883;
  --bg-container-dark-blue: #262f3b;
  --bg-container-grey: #e5e5e5;
  --bg-container-soft-grey: #e2e2e2;
  --bg-base: #F6EFD2;
  --bg-background: #E2DDB4;
}

a{color: var(--ptrans-red); text-decoration: none; }
a:hover{color: var(--ptrans-violet-grey); text-decoration: underline; }

@media (min-width: 1199.98px) {
    .container{
      max-width: 950px;
      margin-right: auto;
      margin-left: auto;
    }
    hr.xs {
    	display: none;
    }
}

@media (min-width: 992px) {
    hr.xs {
    	display: none;
    }
}

@media (min-width: 768px) { 

  .top-sidebar {margin-top: 0px;}

	hr.xs, hr.xd {
  		height: 2px;
  		background: var(--ptrans-red);
  		border: none;
  		outline: none;
  		margin: 3em 3em 5em;
  		position: relative;
  		&:before {
    		content: attr(data-symbol);
    		position: absolute;
    		top: 0;
    		left: 50%;
    		background: black;
    		color: white;
    		@include transform(translate(-50%, -50%));    
  		}
	}

}


@media (max-width: 576px) {
	.md-left {
		margin: 0 0 50px 0px;
	}
  .top-sidebar {margin-top: 0px;}

	hr.xs, hr.xd {
  		height: 2px;
  		background: var(--ptrans-red);
  		border: none;
  		outline: none;
  		margin: 3em 3em 5em;
  		position: relative;
  		&:before {
    		content: attr(data-symbol);
    		position: absolute;
    		top: 0;
    		left: 50%;
    		background: black;
    		color: white;
    		@include transform(translate(-50%, -50%));    
  		}
	}
  ul.ul-li {margin: 0px 0 0px 25px;}
}

.h1-heading {font-size: 1.7rem; font-weight: bold; padding: 5px 0px;}
.h2-heading {font-size: 1.4rem; font-weight: bold;}
.h2-sidebar {font-size: 1.2rem; font-weight: bold;}
.h1-single {font-size: 1.7rem; font-weight: bold; line-height: 2rem;}

.footer-h3 {font-size: 1.3rem; font-weight: bold; padding: 0 0 15px 0px; color: #ffffff;}





.theBoxTop {
	background: #f9f9f9;
	padding: 30px 30px 10px 30px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
}
.theBoxGrey {
	background: #F6EFD2;
	padding: 30px;
}
.theBoxBreadCrumb {
	background: #f0f1f3;
	padding: 30px;	
}
.theBoxWhiteIndex {
  background: #f9f9f9;
  padding: 0px 30px 30px 30px; 
}
.theBoxWhite {
	background: #f9f9f9;
	padding: 30px 30px 30px 30px;	
}
.theBoxBottom {
	background: #000000;
  color: #ffffff;
	padding: 30px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

.navbar-up {margin-top: -6px;}
.top-li-link a {color: #000000; font-weight: bold;}
.top-li-link a:hover {color: var(--ptrans-red); font-weight: bold; text-decoration: underline;}
.active {color: var(--ptrans-red); font-weight: bold;}

.the-header-text-big {font-size: 2.2rem; font-weight: bold; line-height: 1em; margin: 50px 0 5px 0px;}
.the-header-text-p {margin: 10px 0px;}
.index-hiace {font-size: 1.8rem; font-weight: bold; line-height: 1.2em;}
.index-author {padding: 10px 0px; font-weight: bold; font-size: 0.8rem;}

.car-title {font-weight: bold; font-size: 1.2rem;}
.car-title a {color: var(--ptrans-red); text-decoration: none;}
.car-title a:hover {color:#000000; text-decoration: underline;}
.car-use {font-weight: normal; }
.car-price {font-weight: bold; }

.nav-previous .nav-next {padding: 5px; display: block;}

ul.ul-li {margin: 10px 0 10px 25px;}
.ul-li li {list-style-type: square;}
.ul-li li a{color: var(--ptrans-red); font-weight: bold; text-decoration: none;}
.ul-li li a:hover{ color:#000000; text-decoration: underline;}


.footer {
	padding: 30px 0px 40px 0px;
}

.footer-ul li a{font-weight: bold;text-decoration: none; color: #ffffff;}
.footer-ul li a:hover{font-weight: bold; text-decoration: underline; color: var(--ptrans-red);}


.blue {background: blue;}

.crysta-right {background-image: url('images/sample-thumb-temple.png'); background-position: center right; background-repeat: no-repeat; }

.post p {padding: 0px 0px 10px 0px;}
.post h1 {font-size: 1.7rem; font-weight: bold; padding: 10px 0px;}
.post h2 {font-size: 1.4rem; font-weight: bold; padding: 10px 0px;}
.post h3 {font-size: 1.2rem; font-weight: bold; padding: 10px 0px;}
.post h4 {font-size: 1.0rem; font-weight: bold; padding: 10px 0px;}
.post h5 {font-size: 0.8rem; font-weight: bold; padding: 10px 0px;}
.post ul {margin: 0 0 20px 25px;}
.post ol {margin: 0 0 20px 25px;}
.post li {list-style-type: square; padding: 0 0 0 0px;}
.post strong {font-weight: bold;}
.wp-element-caption {font-style: italic; padding: 5px 0px;}

.the_tags, .last_update {background: var(--ptrans-grey); padding: 5px 10px; margin: 15px 0px -10px 0px;}

p.p-paragraph {padding: 5px 0px;}

#breadcrumbs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  border-radius: 0.25rem;
}

#breadcrumbs a { font-weight: bold; }

.BreadcrumbList2 {
  padding: 0 0 30px 0px;
}

.BreadcrumbList2 li {
  float: left;
}

.BreadcrumbList2 li+li:before {
  padding: 0 0 0 5px;
  content: " \203A";
}


.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(96,41,95, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
	background-color: var(--ptrans-white);
  border-color: var(--ptrans-red);
} 


.btn-parahitatour-id {
  --bs-btn-color: var(--ptrans-white);
  --bs-btn-bg: var(--ptrans-red);
  --bs-btn-border-color: var(--ptrans-red);
  --bs-btn-hover-color: var(--ptrans-white);
  --bs-btn-hover-bg: var(--ptrans-violet-dark);
  --bs-btn-hover-border-color: var(--ptrans-red);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--ptrans-red);
  --bs-btn-disabled-border-color: var(--ptrans-red);
}

.btn-outline-parahitatrans {
  --bs-btn-color: var(--ptrans-red);
  --bs-btn-border-color: var(--ptrans-red);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: var(--ptrans-violet-dark);
  --bs-btn-hover-border-color: var(--ptrans-red);
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: var(--ptrans-red);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--ptrans-red);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--ptrans-red);
  --bs-gradient: none;
}



.notfound-box {
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	background: -webkit-linear-gradient(top, #f9f9f9 80%, var(--ptrans-grey) 20%);
}




.table-rate tbody th{
  text-align:right;
}
.table-rate td:nth-child(1){
     width:75%;
}


blockquote {
margin: 0px;
padding: 20px;
background: var(--bg-container-soft-grey);
border: 2px solid var(--bg-container-dark-blue);
}

.wp-block-quote > p { font-size: 1.3rem;}

.wp-block-image { margin: 10px 0px 20px 0px; }

.baca_juga {
color: #428bca;
margin: 20px 0px;
text-decoration: underline;
font-size: 1.0rem;
}

.kami-memiliki {margin: 20px 0px; background: var(--bg-base); padding:30px; border: dashed 2px var(--bg-container-dark-blue);}
.has-cyan-bluish-gray-background-color, .has-pale-cyan-blue-background-color, .has-pale-pink-background-color, .has-vivid-green-cyan-background-color{ margin: 10px 0px; padding: 10px; }
h3.package-name { background: #E2DDB4; padding: 20px; font-weight: bold; font-size: 20px; margin: 4px 0px 15px 0px; }

.table-of-contents {
  background: var(--bg-base);
  border: solid 2px var(--bg-background);
  padding: 10px;
  margin: 20px 0px;
}

.table-of-contents ul { margin: 0 0 0px 25px;  }
.table-of-contents li { margin: 0px 0px 0px 0px; }


.schema-faq-question {padding-top: 10px;}
.schema-faq-section { margin-top:10px; border-bottom: solid 1px var(--bg-container-dark-blue); }

.text-red {color: var(--ptrans-red);}
.itinerary-strong {font-weight: bold; font-size: 17px; margin: 5px 0px;}
ul.itinerary-li { margin-left: -1px; }
ul.itinerary-li li {border-bottom: solid 1px var(--bg-background); padding-left: 18px; list-style-position: inside; text-indent: -1em; }


p.harga-termasuk {margin: 10px 0px; padding: 20px; border: solid 2px var(--ptrans-green); background: var(--ptrans-green-soft);}
p.harga-tidak-termasuk {margin: 10px 0px 30px 0px; padding: 20px; border: solid 2px var(--ptrans-red); background: var(--ptrans-red-soft); color:var(--ptrans-white);}

.author_bio {margin: 20px 0 0 0px; background: var(--ptrans-grey); padding: 30px; }
.avatar-single { border-radius: 50%; }
.author_bio_name {font-weight: bold; font-size: 17px;}


@media (max-width: 576px) {
  ul.ul-li {margin: 0px 0 0px 25px;}
  .thumb-preview-sm {margin: 0px 0px 25px 0px;}
  .thumb-preview-sm-border {border-bottom: 5px solid var(--ptrans-red); width: 30%;}
  ul.sm-top-navbar li{background: var(--bg-background); border: solid 1px #F6EFD2; padding: 0px 7px;}
}