:root {
--color1: #1BA0E2;
--color2: #F75400;
--colorborder: #F4F4F4;
--colorbg: #FCFCFC;
--colortext: #333;
--maxwidth: 1100px;
--autopad: calc((100% - var(--maxwidth)) / 2);
}
body {
font-family: arial, sans-serif;
font-size: 15px;
line-height: 1.5;
color: var(--colortext);
background: #FFF;
margin: 0;
}
*, :after, :before {
box-sizing: border-box;
}
nav, ul, li {
margin: 0;
padding: 0;
} a, h1, h2, h3, h4 {
color: var(--color1);
transition: 0.3s;
}
a:hover {
color: var(--color2);
}
a:active, a:hover, a:link, a:visited {
text-decoration: none;
} h1 {
font-size: 160%;
}
h2 {
font-size: 140%;
}
h3 {
font-size: 120%;
}
h4 {
font-size: 110%;
}
h1, h2, h3, h4 {
margin: 10px 0;
font-weight: 700;
} input, radio, select, textarea {
padding: 5px 10px;
margin:5px 0;
outline: 0;
background: #FFF;
border: 1px solid var(--colorborder);
color: #555;
}
input[type=checkbox] {
border: none;
box-shadow: none;
width: auto;
}
.button-primary, .form-submit input, button {
cursor: pointer;
padding: 8px 15px;
background: var(--color1);
border: 0;
outline: 0;
color: #F1F1F1;
transition: 0.3s;
margin-bottom: 2px;
}
.button-primary:hover, .form-submit input:hover, button:hover {
background: var(--color2);
}
input[type=text]:focus, radio:focus, select:focus, textarea:focus {
background: var(--colorbg);
border-color: #CCC;
}
form ::placeholder {
font-size: 90%;
color: #CCC;
}
.ibtn {
position: relative;
padding-left: 52px;
}
.ibtn .glyphicon,.ibtn [class*=el-icon-] {
background: var(--color2);
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
top: 0;
bottom: 0;
padding: 0 12px;
}
.ibtn:hover .glyphicon, .ibtn:hover [class*=el-icon-] {
background: var(--color1);
} .wrap-post blockquote{
font-size: 110%;
width: 95%;
margin: 20px auto;
font-style: italic;
padding: 1em 20px 1em 75px;
border-left: 5px solid var(--color1);
line-height: 1.5;
position: relative;
background: var(--colorbg);
}
.wrap-post blockquote::before{
font-family: arial, sans-serif;
content: "\201C";
color: var(--color1);
font-size:4em;
position: absolute;
left: 10px;
top: -5px;
}
code {
background: #F6F6F6;
border: var(--colorborder) solid 1px;
padding: 5px;
} .wp-caption, img, img.alignnone, p img {
max-width: 100%;
}
img {
height: auto;
}
a img {
border: none;
}
img.center {
display: block;
margin-left: auto;
margin-right: auto;
}
img.aligncenter {
display: block;
margin: 5px auto;
}
img.alignright {
float: right;
margin: 0 0 5px 5px;
padding: 5px;
}
img.alignleft {
float: left;
margin: 0 5px 5px 0;
padding: 5px;
}
.wp-caption {
border: 1px solid var(--colorborder);
background-color:var(--colorbg);
padding: 5px;
position: relative;
}
.wp-caption img {
margin: 0;
padding: 0;
border: none;
}
.wp-caption p.wp-caption-text {
font-style: italic;
font-size: 80%;
padding: 2px 5px;
background: #ffffff90;
position: absolute;
left: 5px;
top: 5px;
margin: 0;
}
.wp-caption.aligncenter {
display: block;
margin: 10px auto;
}
.wp-caption.alignleft {
float: left;
margin: 5px 10px 5px 0;
}
.wp-caption.alignright {
float: right;
margin: 5px 0 5px 10px;
}
.img-attachment {
border: 1px solid var(--colorborder);
background: var(--colorbg);
padding: 5px;
} @keyframes blinker {
50% {
opacity: 0;
}
}
.blink {
animation: blinker 1s linear infinite;
} @keyframes moveInRight {
0% {
opacity: 0;
transform: translateX(-50px)
}
80% {
transform: translateX(10px)
}
100% {
opacity: 1;
transform: translateX(0px)
}
} ::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-track {
background: #F6F6F6; 
}
::-webkit-scrollbar-thumb {
background: #E7E7E7; 
}
::-webkit-scrollbar-thumb:hover {
background: var(--color1); 
}
body ::-webkit-scrollbar {
width: 6px;
height: 6px;
} .vsmall {
font-size : 70%;
}
.small {
font-size : 80%;
}
.medium {
font-size : 90%;
}
.big {
font-size : 170%;
}
.jumbo {
font-size : 290%;
}
.hidden {
font-size : 0;
}
.b1 {
background : var(--color1);
}
.b2 {
background : var(--color2);
}
.b2:hover {
background : var(--color1);
}
.t1 {
color : var(--color1);
}
.t2 {
color : var(--color2);
}
.error, .tred {
color : red;
}
.info, .notice, .sukses, .warning {
width : 100%;
padding : 15px 20px;
}
.warning ul li {
list-style : circle;
padding : 0;
margin : 5px 5px 5px 40px;
}
.info {
background : var(--colorbg);
border : 1px solid var(--colorborder);
}
.notice {
background : #F1FFEC;
border : 1px solid var(--colorborder);
}
.warning {
background : #fcf8e3;
border : #faebcc solid 1px;
}
.sukses {
background : #ECF9F9;
}
.glyphicon, [class*=el-icon-] {
font-size : 85%;
margin-right : 5px;
} .ads300 {
max-width : 300px;
margin : 0 auto;
}
.ads728 {
max-width : 728px;
margin : 0 auto;
} #mainwrap {
width:100%;
margin:0 auto;
}
#naviwrap {
background : var(--color1);
padding: 0 var(--autopad);
font-size: 95%;
} .toggleMenu {
display : none;
color : #FFF;
cursor : pointer;
padding : 7px 10px;
width: 100%;
}
.naviku > li {
list-style : none;
text-align : left;
float : left;
}
.naviku > li:hover {
background : var(--color2);
transition : 0.3s;
}
.naviku a {
padding : 7px 15px;
color : #FFF;
}
.naviku a:hover {
color : #FFF;
}
.naviku:after {
content : " ";
display : table;
clear : both;
}
.naviku > li > a {
display : block;
}
.naviku ul {
list-style : none;
width : 200px;
z-index : 2;
}
.naviku li {
position : relative;
}
.naviku > li > .parent {
background-image : url(//owabong.id/wp-content/themes/wizata-per/images/downArrow.png);
padding-right : 20px;
background-repeat : no-repeat;
background-position : right;
}
.naviku li ul {
position : absolute;
text-transform : none;
background : rgba(0, 0, 0, 0.7);
left : -9999px;
}
.naviku > li.hover > ul {
left : 0;
}
.naviku li li.hover ul {
left : 100%;
top : 0;
}
.naviku li li {
z-index : 2;
}
.naviku li li a {
display : block;
padding : 5px 10px;
position : relative;
}
.naviku li li a:hover {
background : rgba(255, 255, 255, 0.1);
} #headerwrap {
background : #FFF;
padding: 20px var(--autopad);
border-bottom : 1px solid var(--colorborder);
overflow: hidden;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.headlogo a {
font-size : 200%;
font-weight: 700;
}
.headlogo p {
margin : 0;
}
.headinfo {
text-align : right;
} #headback {
padding: 40px var(--autopad);
position : relative;
background : var(--color1);
}
#headback::before{
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.15;
position: absolute;
filter: grayscale(1);
}
.titleheader {
padding : 20px;
max-width: var(--maxwidth);
margin : 0 auto;
text-align : center;
font-size : 110%;
color : #FFF;
position : relative;
overflow: hidden;
}
.titleheader a,.titleheader a:hover {
color : #FFF;
}
.titleheader h1, .titleheader h2 {
color : #FFF;
margin : 0;
}
.titleheader button {
margin-top : 10px;
background : none;
border : #FFF solid 2px;
padding : 15px 40px;
}
.titleheader button:hover {
background : var(--color2);
border-color : #FFF;
} #newstickerwrap {
width: 100%;
background: #F9F9F9;
height: 40px;
position: relative;
}
.newsticker {
max-width: var(--maxwidth);
margin: 0 auto;
display: block;
}
.newsticker li{
font-size: 13px;
line-height: 40px;
list-style-type: none;
padding: 0 10px;
}
.newsticker li span{
background: var(--color2);
color: #FFF;
padding: 2px 6px;
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
margin-right: 5px;
}
.newsticker:after {
content: 'INFORMATION';
position:absolute;
background-image: linear-gradient(to right, #F9F9F9, #F9F9F9, transparent);
top: 0;
left: 0;
height: 40px;
padding: 0 100px 0 15px;
font-weight: 700;
font-size: 12px;
line-height: 40px;
color: var(--color1);
text-transform: uppercase;
}
.newsticker:before {
content: '';
position:absolute;
background-image: linear-gradient(to left, #F9F9F9, #F9F9F9, transparent);
top: 0;
right: 0;
height: 40px;
width: 50px;
z-index: 1;
} #slider {
margin-bottom: -2px;
}
.slider img {
width : 100%;
} .blogsearch {
max-width : 800px;
margin : 0 auto;
padding : 10px 0;
position : relative;
display: grid;
grid-template-columns: 35% 35% auto;
gap: 10px;
}
.blogsearch input {
border : #FFF solid 2px;
box-sizing : border-box;
height: 40px;
margin: 0;
}
.blogsearch select {
cursor : pointer;
border : #FFF solid 1.5px;
height: 40px;
margin: 0;
}
.blogsearch button {
background : var(--color2);
border : #FFF solid 2px;
height: 40px;
margin: 0;
}
.blogsearch button:hover {
background : var(--color1);
} .tourc {
max-width : var(--maxwidth);
margin : 0 auto;
padding : 20px;
position : relative;
}
.athome .tourc {
padding:50px 20px
}
.tourc select {
width : 27%;
height: 40px;
margin : 0 1% 5px 0;
cursor : pointer;
border : none;
}
.tourc button {
width : 16%;
height: 40px;
border : #FFF solid 2px;
margin : 0;
}
.tourt {
margin-bottom : 20px;
padding : 7px 15px;
color : #FFF;
font-size : 150%;
background-color: rgba(255, 255, 255, 0.1);
display: inline-block;
}
.tourcs {
color : #FFF;
width : 27%;
margin-right : 1%;
float : left;
padding-bottom: 5px;
}
.tourside select, .tourside button {
width : 100%;
cursor : pointer;
} .whypad {
display: grid;
grid-template-columns: repeat(4, 1fr);
padding: 50px var(--autopad);
gap: 20px;
background: #FFF;
}
.why {
position: relative;
text-align: center;
}
.why img {
padding : 5px;
margin : 0;
transition : 0.2s;
}
.why:hover img {
padding : 0;
}
.why h2 {
font-size : 130%;
margin : 20px 0 10px;
}
.intro {
position: relative;
text-align : center;
margin-bottom : 40px;
}
.intro h2,.headline {
display: table;
white-space: nowrap;
font-size : 170%;
text-align : center;
margin-top : 0;
width: 100%;
}
.intro h2:before, .intro h2:after,
.headline:before, .headline:after {
border-top: 2px dotted var(--colorborder);
content: "";
display: table-cell;
position: relative;
top: 0.7em;
width: 45%;
}
.intro h2:before,
.headline:before {
right: 10px;
}
.intro h2:after,
.headline:after {
left: 10px;
} .testi {
width:49%;
text-align:left;
float:left;
}
.testi h2 {
font-size : 200%;
}
.testi button {
margin-right: 5px;
}
#testislider {
width : 49%;
float:right;
}
.isitesti h3 {
margin : 5px 0;
}
.isitesti p {
background : #FFF;
padding : 15px;
border:1px solid var(--colorborder);
}
.avatesti img {
border : var(--colorborder) solid 1px;
padding : 5px;
margin-right : 10px;
float : left;
}
#gslider {
margin:40px 0 20px;
}
#gslider img {
border:1px solid var(--colorborder);
padding:10px;
background:#FFF;
width: 100%;
} #conwrap {
position: relative;
background : #FFF;
padding: 20px var(--autopad) 40px;
overflow: hidden;
}
#conwrap.athome{
padding: 50px var(--autopad);
}
.scontain {
width : 68.5%;
margin : 0;
float : left;
}
.sidecontain {
width : 31.5%;
padding-left : 20px;
float : right;
background : #FFF;
} .sidebar {
width : 100%;
background-image: linear-gradient(var(--colorbg) , #FFF);
border : var(--colorborder) solid 1px;
margin-bottom : 20px;
padding : 15px;
}
.sidebar h4 {
margin : 0 0 20px;
font-size : 120%;
}
.sidebar ul li {
padding : 5px 0;
margin-left : 20px;
}
.sidebar ul li li {
border-left : 1px solid rgba(255, 255, 255, 0.25);
padding-left : 5px;
}
.side p {
padding : 0;
margin : 0;
} .gridpad {
display: grid;
grid-template-columns: repeat(3, 1fr);
padding: 5px;
gap: 15px;
}
.grid {
width : 100%;
background : #FFF;
transition : all 0.3s ease;
position: relative;
border: 1px solid var(--colorborder);
}
.grid:hover {
box-shadow : 0 5px 5px #d6dee4;
}
.areatitle {
padding : 15px 10px;
text-align : center;
background : var(--colorbg);
position: relative;
}
.areatitle p {
margin: 10px 0;
}
.areatitle::before {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
content: '';
height: 200px;
background-image: linear-gradient(to top, var(--colorbg), transparent);
opacity: 0;
transition: all 0.5s ease;
}
.grid:hover .areatitle::before,.grid:hover .vlink{
opacity: 1;
}
.areatitle h3 {
margin : 0 0 5px;
font-size : 110%;
}
.destirasi li{
color : var(--color2);
list-style-type: none;
display: inline-block;
padding: 0 7px;
}
.harga {
font-size : 110%;
}
.vthumb {
width : 100%;
overflow: hidden;
position: relative;
}
.vthumb img {
width : 100%;
transition: all 0.5s ease;
}
.grid:hover .vthumb img {
transform: scale(1.5);
filter: grayscale(1);
}
.vlink {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
content: '';
opacity: 0;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.5s ease;
z-index: 1;
}
.vlink button {
border: 2px solid #FFF;
}
.badge{
position:absolute;
z-index : 1;
top: -2px;
left:-4px;
}
.badbot{
position:absolute;
z-index : 1;
right: 10px;
top: 10px;
max-width: 240px;
text-align:right;
color:#FFF;
}
.badbot a {
display: inline-block;
background:rgba(0, 0, 0, 0.25);
color: #FFF!important;
font-size: 80%;
margin:0 0 3px 3px;
padding: 3px 5px;
}
.badbot a:hover {
color: #FFF!important;
} .rentwrap::before,.featour::before {
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.08;
position: absolute;
filter: grayscale(1);
}
.rentinfo {
padding : 15px 10px 0;
margin : 0;
line-height:1.5em;
}
.rentinfo ul li{
list-style:none;
border-bottom : 1px dashed var(--colorborder);
padding : 3px 0;
margin : 5px 0;
}
.rentinfo li:last-child {
border-bottom: none;
}
.rentswrap {
max-width:350px;
margin:0 auto;
}
.rentsearch {
width:100%;
color: #777;
cursor: pointer;
}
.rentdetail img {
float: right;
background-image: linear-gradient(var(--colorbg), #FFF);
padding:7px;
border : 1px solid var(--colorborder);
margin: 40px 0 10px 15px;
width: 60%;
max-width: 600px;
}
.rentdetail ul {
margin-bottom: 20px;
}
.rentdetail ul li {
padding : 3px 0;
margin : 5px 0 0 20px;
} .listblog {
width : 100%;
padding : 10px 5px;
overflow: hidden;
}
.listblog img {
float : left;
margin: 0 15px 5px 0;
padding : 7px;
border : 1px solid var(--colorborder);
background : #FFF;
transition : all 0.2s ease;
max-width: 300px;
}
.listblog img:hover {
box-shadow : 0 5px 5px #d6dee4;
}
.listblog h2 {
font-size : 150%;
margin-top : 5px;
} .tourbox {
padding : 20px 0 40px;
max-width: var(--maxwidth);
margin : 0 auto;
position : relative;
}
.boxview {
position:relative;
width : 53%;
padding : 8px;
background : rgba(0, 0, 0, 0.1);
float:left;
}
.boxdetail {
width : 44%;
color : #FFF;
float : right;
}
.boxdetail a,.boxdetail a:hover {
color : #FFF;
}
.boxdetail h1 {
margin-top : 0;
}
.boxdetail button {
background : none;
border : #FFF solid 2px;
}
.boxdetail select {
border: #FFF solid 1.5px;
}
.boxdetail input {
border : #FFF solid 2px;
}
.boxdetail button:hover {
background : var(--color2);
}
.tomb {
padding : 15px 40px;
margin-top:5px;
}
.price {
font-size : 170%;
}
.picked,.afterdiv {
display:none;
}
.disc {
cursor:pointer;
padding:10px 0;
margin-left:10px
}
.disclist {
display:none;
background: #FFF;
padding:10px;
margin-top:10px;
position:absolute;
color : #444;
border:1px solid var(--colorborder);
}
.disclist ul li {
margin : 0 10px 0 25px;
}
.harpil {
width : 100%;
color:#FFF;
}
.harpil td {
padding:5px 5px 5px 0;
}
.redio {
display: block;
position: relative;
padding-left: 30px;
cursor: pointer;
}
.redio input {
position: absolute;
z-index: -1;
opacity: 0;
}
.redio__indicator {
position: absolute;
top: 2px;
left: 0;
height: 20px;
width: 20px;
background: #EEE;
}
.redio--radio .redio__indicator {
border-radius: 50%;
}
.redio:hover input ~ .redio__indicator,
.redio input:focus ~ .redio__indicator {
background: #FFF;
}
.redio input:checked ~ .redio__indicator {
background: #FFF;
}
.redio__indicator:after {
content: '';
position: absolute;
display: none;
}
.redio input:checked ~ .redio__indicator:after {
display: block;
}
.redio--radio .redio__indicator:after {
left: 5px;
top: 5px;
height: 10px;
width: 10px;
border-radius: 50%;
background: var(--color1);
}
#datetour {
width : 43%;
height: 40px;
margin-top:15px;
margin-right:2%;
margin-bottom:15px;
float : left;
color: #333;
cursor: pointer;
}
.jumdiv {
width:55%;
height: 40px;
margin-top:15px;
margin-bottom:15px;
float:left;
color: #333;
}
.jumdiv button,.jumdiv input {
height: 40px;
float: left;
}
#guest {
width:50%;
text-align:center;
margin:0;
}
.btn-number {
width:25%;
margin:0;
} .contail {
padding : 0 20px 20px;
max-width: var(--maxwidth);
margin : 0 auto;
background: red;
}
.contain {
background: orange;
}
.tabdetail {
margin-top : -36px;
overflow: hidden;
}
#pesantour {
max-width : 900px;
max-height: 800px;
padding : 15px;
display : none;
overflow-y: scroll;
}
#pesantour h2 {
margin : 0 0 20px;
padding : 0 0 10px;
border-bottom : 1px solid var(--colorborder);
}
#pesantour h3 {
margin : 0 0 10px;
font-size : 120%;
}
#pesantour::-webkit-scrollbar-track{
background-color: #F1F1F1;
}
#pesantour::-webkit-scrollbar{
width: 5px;
}
#pesantour::-webkit-scrollbar-thumb{
background-color: #777
}
#tourreview {
width : 32%;
float : right;
padding-left: 10px;
}
#tourreview img {
width : 100%;
padding : 7px;
background : #FFF;
border : var(--colorborder) solid 1px;
}
#tourreview table {
width : 100%;
font-size : 90%;
}
.tede1 {
width : 36%;
padding : 5px;
border-bottom : 1px dashed var(--colorborder);
}
.tede2 {
width : 64%;
padding : 5px;
border-bottom : 1px dashed var(--colorborder);
}
.tedetotal {
display : inline-block;
padding : 10px 15px;
background : var(--colorbg);
border: 1px solid var(--colorborder);
text-align : center;
margin-top : 20px;
box-shadow : 0 5px 0 0 rgba(0, 0, 0, 0.03);
}
.elementjudul {
margin-bottom : 0;
display : inline-block;
padding : 5px 10px;
background : #EEE;
font-weight: bold;
}
.copycheck {
float : right;
margin-top : 15px;
}
.elementgroup {
width : 100%;
padding :10px;
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 10px;
background-image: linear-gradient(var(--colorbg), #FFF);
border : 1px solid var(--colorborder);
box-shadow : 0 5px 0 0 rgba(0, 0, 0, 0.05);
overflow: hidden;
margin-bottom : 20px;
}
.element1 {
width : 17%;
padding : 0 3px;
float : left;
}
.element2 {
width : 41.5%;
padding : 0 3px;
float : left;
}
.element3 {
width : 50%;
padding : 0 3px;
float : left;
}
.toursent {
width : 100%;
padding : 20px;
background-image: linear-gradient(var(--colorbg), #FFF);
margin-bottom : 20px;
border : 1px solid var(--colorborder);
box-shadow : 0 5px 0 0 rgba(0, 0, 0, 0.05);
}
.toursent ul li {
padding : 3px 0;
margin : 5px 10px 5px 20px;
}
#tourgoal {
width : 55%;
float : left;
border-right : 1px solid #EEE;
padding-right : 15px;
}
#tourgoal h3 {
margin : 5px 0;
font-size : 120%;
}
#tourgoal img {
float : left;
margin : 0 15px 5px 0;
padding : 5px;
background : #FFF;
border : #F1F1F1 solid 1px;
}
#tourgoal .tede1, #tourgoal .tede2 {
border-color : #F1F1F1;
}
#tourgoal2 {
width : 43%;
float : right;
}
.tedetotal h4 {
margin : 5px 0 10px;
padding : 0 5px 5px;
font-size : 110%;
border-bottom : 1px solid var(--colorborder);
}
#tourgoal2 ol {
margin : 5px 0;
padding-left : 20px;
margin-bottom : 30px;
}
#tourgoal2 ol li {
padding: 5px;
border-bottom: 1px dashed var(--colorborder);
}
#tourform {
width : 68%;
float : left;
border-right : 1px dotted #EEE;
padding-right : 10px;
}
#tourform label, #tourform select, #tourform input[type="text"], #tourform textarea {
width : 100%;
display : block;
}
#captcha_code {
width : 58%;
float : right;
margin-top : 10px;
}
#captchaimg {
width : 40%;
float : left;
margin-top : 10px;
} .crumbs {
padding : 10px 0;
margin-bottom : 20px;
font-size : 90%;
border-bottom : 1px solid var(--colorborder);
}
.wrap-post ul li {
border-bottom : 1px solid var(--colorborder);
padding : 3px 0;
margin : 5px 10px 5px 40px;
}
.embed-container {
position : relative;
padding-bottom : 50%;
overflow : hidden;
max-width : 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
} #footerwrap {
background : var(--color1);
padding: 30px var(--autopad);
color : #FFF;
position : relative;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
#footerwrap::before{
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.15;
position: absolute;
filter: grayscale(1);
}
#footerwrap a {
color : #FFF;
}
#footerwrap h4 {
margin : 0 0 20px 0;
color : #FFF;
font-size : 130%;
}
#footerwrap h5 {
font-size : 120%;
margin : 5px 0;
color : #FFF;
}
.copyright {
grid-column: 1 / 4;
text-align : center;
}
.footbar {
padding : 20px 0;
position: relative;
}
.footbar ul li {
list-style-type : none;
padding : 5px 0;
margin-left : 5px;
}
.footbar ul li li {
border-left : 1px solid rgba(255, 255, 255, 0.25);
padding-left : 5px;
}
.footbar p {
padding : 0;
margin : 0;
} .pagination {
width: 100%;
margin: 30px 0;
text-align: center;
}
.pagination a, .pagination > .current {
border: var(--colorborder) solid 1px;
padding: 5px 10px;
background: #FFF;
margin: 0 2px;
display: inline-block;
}
.pagination a:hover, .pagination > .current {
color: #FFF;
background: var(--color1);
} .comments {
text-align : left;
margin-top : 30px;
}
.comments h3 {
margin : 0 0 5px;
font-size : 150%;
}
.comments input[type="text"], .comments input[type="email"], .comments textarea {
width : 100%;
margin-bottom : 15px;
}
.rating input[type="radio"] {
margin : 0 10px 0 0;
width : 20px;
height : 20px;
box-shadow : none;
}
.form-submit {
margin : -10px 0 0;
}
.form-submit input {
max-width : 200px;
}
.comments ul {
list-style-type : none;
}
.comments li {
padding : 20px;
margin : 15px 0;
background : var(--colorbg);
border : 1px solid var(--colorborder);
}
.comment li img {
width: 50px;
height: 50px;
padding: 3px;
}
.comments li li {
background : #FFF;
}
.comments li li li {
background : var(--colorbg);
}
.comments li li li li {
background : #FFF;
}
.comments li li li li li {
background : var(--colorbg);
} .avat img {
border-radius : 50%;
border : #EEE solid 2px;
margin-bottom : 10px;
}
.avatar {
border : var(--colorborder) solid 1px;
padding : 5px;
background : #FFF;
float : left;
margin : 0 10px 0 0;
} .banx {
margin : 10px 0;
}
.banx img, .banxs img {
width : 140px;
height : 70px;
margin : 0;
padding:5px;
background:#FFF;
}
.banx img {
float: left;
margin-right: 10px;
}
.banx h4 {
margin: 0 0 5px;
}
.banxs {
display: grid;
grid-template-columns: 100%;
gap : 20px;
text-align : center;
}
.banxs h4 {
margin : 5px 0 0;
}
#konform input, #konform textarea, #konform select {
width : 100%;
} #kontak {
max-width : 450px;
padding : 15px;
display : none;
}
#kontak p {
margin : 5px 0 20px;
}
#kontak h4, #kontak h2 {
margin : 0;
}
#kontak ul li {
margin : 10px 0;
border-bottom : 1px solid #F2F2F2;
}
#kontak ul li:last-child {
border: none;
}
.kontek {
font-size : 120%;
color : #444;
}
.kontek a {
color : #444;
}
.ktelp, .kbbm, .kwa, .kline, .kemail,.kmess {
background-repeat : no-repeat;
padding-left : 40px;
list-style : none;
line-height : 30px;
vertical-align : middle;
text-align : left;
}
.ktelp {
background-image : url(//owabong.id/wp-content/themes/wizata-per/images/telp.png);
}
.kbbm {
background-image : url(//owabong.id/wp-content/themes/wizata-per/images/bbm.png);
}
.kmess {
background-image : url(//owabong.id/wp-content/themes/wizata-per/images/mess.png);
}
.kwa {
background-image : url(//owabong.id/wp-content/themes/wizata-per/images/wa.png);
}
.kline {
background-image : url(//owabong.id/wp-content/themes/wizata-per/images/line.png);
}
.kemail {
background-image : url(//owabong.id/wp-content/themes/wizata-per/images/email.png);
} .partnerbox {
text-align:center;
margin-bottom:20px;
white-space: nowrap;
overflow: auto;
}
.partnerbox::-webkit-scrollbar {
display: none;
}
.partnerbox img {
padding: 5px;
opacity: 1;
transition : 0.3s;
}
.partnerbox img:hover {
opacity:0.7;
}
.scrollup {
position : fixed;
display : none;
z-index : 3;
width : 40px;
height : 45px;
bottom : 20px;
right : 20px;
background : url(//owabong.id/wp-content/themes/wizata-per/images/icon_top.png) no-repeat;
}
.seo {
font-size : 0;
margin : 0;
padding : 0;
}
.shareicon {
margin-top: 20px;
}
.shareicon a:hover {
opacity: .7;
}
.shareicon [class*=el-icon-] {
font-size : 35px;
margin-right : 10px;
cursor : pointer;
} .popup {
min-width: 300px;
max-width: 1000px;
display: none;
padding: 15px;
}
.popup ul li {
list-style: none;
padding: 5px 0;
}
.popup td {
padding:3px;
vertical-align: top;
} .ui-widget-content a {
color : var(--color1);
}
.ui-widget-content a:hover {
color : var(--color2);
}
.tabdetail .ui-widget-content {
color : #666;
background : none;
}
.tabdetail .ui-widget.ui-widget-content {
border : none;
}
.tabdetail .ui-tabs {
padding : 0;
}
.ui-tabs .ui-tabs-panel {
display : block;
border-width : 0;
padding : 10px 0;
background : none;
}
.ui-widget-header {
border : none;
background : none;
color : #666;
font-weight : normal;
}
.ui-tabs .ui-tabs-nav {
padding : 0;
}
.ui-tabs .ui-tabs-nav li {
height : 36px;
}
.tabdetail .ui-state-default, .tabdetail .ui-widget-content .ui-state-default, .tabdetail .ui-widget-header .ui-state-default {
border : none;
background : var(--color1);
color : #FFF;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
line-height: 36px;
padding: 0 1em;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button {
color : #FFF;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-widget-content .ui-state-active a {
background : #FFF;
color : var(--color2);
height : 36px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor : pointer;
outline : none;
}
.ui-datepicker th {
font-weight : normal;
} .sidecontact {
position: fixed;
z-index: 601;
width: 60px;
bottom: 50%;
right: -1px;
padding: 5px 5px 0;
background: rgba(238, 238, 238, 0.85);
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.live {
width: 100%;
height: 30px;
margin: 10px auto;
text-align: center;
}
.live:hover {
padding: 2px;
}
.onlinex {
color: transparent;
text-shadow: 0 0 0 rgb(42, 170, 82);
font-size:10px;
font-family: arial;
} .owl-controls .owl-buttons div {
background: #fffc;
}
.smallslider .owl-controls .owl-buttons .owl-prev, .megaslider .owl-controls .owl-buttons .owl-prev {
left: 100px;
}
.smallslider .owl-controls .owl-buttons .owl-next, .megaslider .owl-controls .owl-buttons .owl-next {
right: 100px;
}
.owl-carousel .owl-buttons .owl-prev{
transition: 0.3s;
opacity: 0;
}
.owl-carousel:hover .owl-buttons .owl-prev {
left: 20px;
opacity: 1;
}
.owl-carousel .owl-buttons .owl-next{
transition: 0.3s;
opacity: 0;
}
.owl-carousel:hover .owl-buttons .owl-next {
right:20px;
opacity: 1;
}
.maintenis {
text-align: center;
background: #ff3100de;
color: #FFF;
padding: 5px 10px;
position: fixed;
z-index: 1000;
top: 0;
right: 0;
border-bottom-left-radius: 6px;
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 7%);
font-size: 85%;
} .tripay input[type="radio"],.tripay label {
cursor: pointer;
} .invsearch {
max-width: 600px;
margin: 0 auto;
padding: 10px 0;
position: relative;
display: grid;
grid-template-columns: 30% 45% auto;
gap: 10px;
}
.invsearch input {
height: 41px;
margin: 0;
}
.invsearch button{
height: 42px;
}