#headback,
#newstickerwrap,
.ibtn,
.naviku li,
.naviku li li a,
.titleheader,
.wp-caption {
position:relative
}
*,
.blogsearch input,
:after,
:before {
box-sizing:border-box;
border-radius: 10px;
}
#conwrap,
#headerwrap,
.elementgroup,
.listblog,
.tabdetail,
.titleheader,
.vthumb {
overflow:hidden
}
.comments ul,
.destirasi li,
.footbar ul li,
.newsticker li {
list-style-type:none
}
: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
}
li,
nav,
ul {
margin:0;
padding:0
}
a,
h1,
h2,
h3,
h4 {
color:var(--color1);
transition:.3s
}
.t2,
.ui-widget-content a:hover,
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%
}
.harga,
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:.3s;
margin-bottom:2px
}
.img-attachment,
.info,
.notice,
.wp-caption {
border:1px solid var(--colorborder)
}
.b2,
.boxdetail button:hover,
.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
}
.newsticker:after,
.t1,
.ui-widget-content a {
color:var(--color1)
}
.ibtn {
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
}
#kontak ul li:last-child,
.tabdetail .ui-widget.ui-widget-content,
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 {
background-color:var(--colorbg);
padding:5px
}
.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 {
background:var(--colorbg);
padding:5px
}
#footerwrap,
#headback,
#naviwrap,
.b1,
.b2:hover,
.blogsearch button:hover {
background: #008AEF;
}
@keyframes blinker {
50% {
opacity:0
}
}
.blink {
animation:1s linear infinite blinker
}
@keyframes moveInRight {
0% {
opacity:0;
transform:translateX(-50px)
}
80% {
transform:translateX(10px)
}
100% {
opacity:1;
transform:translateX(0)
}
}
::-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,
.price {
font-size:170%
}
.jumbo {
font-size:290%
}
.hidden {
font-size:0
}
.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)
}
.notice {
background:#f1ffec
}
.warning {
background:#fcf8e3;
border:1px solid #faebcc
}
.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
}
.newsticker,
.titleheader {
max-width:var(--maxwidth);
margin:0 auto
}
#mainwrap {
width:100%;
margin:0 auto
}
#naviwrap {
padding:0 var(--autopad);
font-size:95%
}
.toggleMenu {
display:none;
color:#fff;
cursor:pointer;
padding:7px 10px;
width:100%
}
.naviku>li>a,
.newsticker {
display:block
}
.naviku>li {
list-style:none;
text-align:left;
float:left
}
.naviku>li:hover {
background:var(--color2);
transition:.3s
}
.naviku a {
padding:7px 15px;
color:#fff
}
#footerwrap a,
.boxdetail a,
.boxdetail a:hover,
.naviku a:hover,
.titleheader a,
.titleheader a:hover {
color:#fff
}
.naviku:after {
content:" ";
display:table;
clear:both
}
.naviku ul {
list-style:none;
width:200px;
z-index:2
}
.naviku>li>.parent {
background-image:url(//jendelabaitullah.com/wp-content/themes/wizata/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,.7);
left:-9999px
}
.newsticker li span,
.newsticker:after {
text-transform:uppercase;
font-weight:700
}
.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
}
.naviku li li a:hover {
background:rgba(255,255,255,.1)
}
#headerwrap {
background:#fff;
padding:20px var(--autopad);
border-bottom:1px solid var(--colorborder);
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px
}
.headlogo a {
font-size:200%;
font-weight:700
}
#kontak h2,
#kontak h4,
.headlogo p {
margin:0
}
.headinfo {
text-align:right
}
.intro,
.titleheader,
.why {
text-align:center
}
#headback {
padding:40px var(--autopad)
}
#footerwrap::before,
#headback::before {
content:'';
top:0;
left:0;
right:0;
bottom:0;
opacity:.15;
position:absolute;
filter:grayscale(1)
}
.titleheader {
padding:20px;
font-size:110%;
color:#fff
}
.titleheader h1,
.titleheader h2 {
color:#fff;
margin:0
}
.titleheader button {
margin-top:10px;
background:0 0;
border:2px solid #fff;
padding:15px 40px
}
.titleheader button:hover {
background:var(--color2);
border-color:#fff
}
#newstickerwrap {
width:100%;
background:#f9f9f9;
height:40px
}
.newsticker li {
font-size:13px;
line-height:40px;
padding:0 10px
}
.newsticker li span {
background:var(--color2);
color:#fff;
padding:2px 6px;
font-size:10px;
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-size:12px;
line-height:40px
}
.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
}
#conwrap,
.areatitle,
.blogsearch,
.grid,
.intro,
.tourc,
.vthumb,
.why {
position:relative
}
#slider {
margin-bottom:-2px
}
#konform input,
#konform select,
#konform textarea,
.slider img {
width:100%
}
.blogsearch {
max-width:800px;
margin:0 auto;
padding:10px 0;
display:grid;
grid-template-columns:35% 35% auto;
gap:10px
}
.blogsearch input {
border:2px solid #fff;
height:40px;
margin:0
}
.blogsearch select {
cursor:pointer;
border:1.5px solid #fff;
height:40px;
margin:0
}
.blogsearch button {
background:var(--color2);
border:2px solid #fff;
height:40px;
margin:0
}
.tourc {
max-width:var(--maxwidth);
margin:0 auto;
padding:20px
}
.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:2px solid #fff;
margin:0
}
#gslider img,
.isitesti p {
border:1px solid var(--colorborder)
}
.tourt {
margin-bottom:20px;
padding:7px 15px;
color:#fff;
font-size:150%;
background-color:rgba(255,255,255,.1);
display:inline-block
}
#conwrap,
#gslider img,
.isitesti p,
.sidecontain,
.whypad {
background:#fff
}
.tourcs {
color:#fff;
width:27%;
margin-right:1%;
float:left;
padding-bottom:5px
}
#conwrap.athome,
.whypad {
padding:20px var(--autopad)
}
.tourside button,
.tourside select {
width:100%;
cursor:pointer
}
.whypad {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px
}
#footerwrap,
.gridpad {
grid-template-columns:repeat(3,1fr)
}
.why img {
padding:5px;
margin:0;
transition:.2s
}
.tabdetail .ui-tabs,
.ui-tabs .ui-tabs-nav,
.why:hover img {
padding:0
}
.why h2 {
font-size:130%;
margin:20px 0 10px
}
.intro {
margin-bottom:40px
}
.headline,
.intro h2 {
display:table;
white-space:nowrap;
font-size:170%;
text-align:center;
margin-top:0;
width:100%
}
.headline:after,
.headline:before,
.intro h2:after,
.intro h2:before {
border-top:2px dotted var(--colorborder);
content:"";
display:table-cell;
position:relative;
top:.7em;
width:45%
}
.headline:before,
.intro h2:before {
right:10px
}
.headline:after,
.intro h2:after {
left:10px
}
.areatitle::before,
.vlink {
left:0;
right:0;
content:''
}
.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 {
padding:15px
}
.avatesti img,
.sidebar {
border:var(--colorborder) solid 1px
}
.avatesti img {
padding:5px;
margin-right:10px;
float:left
}
#gslider {
margin:40px 0 20px
}
#gslider img {
padding:10px;
width:100%
}
#conwrap {
padding:20px var(--autopad) 20px
}
.scontain {
width:68.5%;
margin:0;
float:left
}
.sidecontain {
width:31.5%;
padding-left:20px;
float:right
}
.sidebar {
width:100%;
background-image:linear-gradient(var(--colorbg) ,#fff);
margin-bottom:20px;
padding:15px
}
.sidebar h4 {
margin:0 0 20px;
font-size:120%
}
.sidebar ul li {
padding:5px 0;
margin-left:20px
}
.footbar ul li li,
.sidebar ul li li {
border-left:1px solid rgba(255,255,255,.25);
padding-left:5px
}
.footbar p,
.side p {
padding:0;
margin:0
}
#kontak ul li,
.areatitle p,
.banx {
margin:10px 0
}
.gridpad {
display:grid;
padding:5px;
gap:15px
}
.grid {
width:100%;
background:#fff;
transition:.3s;
border:1px solid var(--colorborder)
}
.grid:hover,
.listblog img:hover {
box-shadow:0 5px 5px #d6dee4
}
.areatitle {
padding:15px 10px;
text-align:center;
background:var(--colorbg)
}
.areatitle::before {
position:absolute;
bottom:100%;
height:200px;
background-image:linear-gradient(to top,var(--colorbg),transparent);
opacity:0;
transition:.5s
}
.grid:hover .areatitle::before,
.grid:hover .vlink {
opacity:1
}
.areatitle h3 {
margin:0 0 5px;
font-size:110%
}
.destirasi li {
color:var(--color2);
display:inline-block;
padding:0 7px
}
.badbot a,
.badbot a:hover {
color:#fff!important
}
.vthumb {
width:100%
}
.badbot,
.badge,
.vlink {
position:absolute
}
.vthumb img {
width:100%;
transition:.5s
}
.grid:hover .vthumb img {
transform:scale(1.5);
filter:grayscale(1)
}
.vlink {
bottom:0;
top:0;
opacity:0;
display:flex;
justify-content:center;
align-items:center;
transition:.5s;
z-index:1
}
#pesantour,
.afterdiv,
.disclist,
.picked {
display:none
}
.boxdetail input,
.vlink button {
border:2px solid #fff
}
.disclist,
.listblog img,
.rentdetail img {
border:1px solid var(--colorborder)
}
.badge {
z-index:1;
top:-2px;
left:-4px
}
.badbot {
z-index:1;
right:10px;
top:10px;
max-width:240px;
text-align:right;
color:#fff
}
.boxview,
.tourbox {
position:relative
}
#guest,
.copyright,
.pagination,
.tedetotal {
text-align:center
}
.badbot a {
display:inline-block;
background:rgba(0,0,0,.25);
font-size:80%;
margin:0 0 3px 3px;
padding:3px 5px
}
.featour::before,
.rentwrap::before {
content:'';
top:0;
left:0;
right:0;
bottom:0;
opacity:.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
}
.contail,
.tourbox {
max-width:var(--maxwidth)
}
.rentsearch {
width:100%;
color:#777;
cursor:pointer
}
.rentdetail img {
float:right;
background-image:linear-gradient(var(--colorbg),#fff);
padding:7px;
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
}
.listblog img {
float:left;
margin:0 15px 5px 0;
padding:7px;
background:#fff;
transition:.2s;
max-width:300px
}
.listblog h2 {
font-size:150%;
margin-top:5px
}
.tourbox {
padding:20px 0 40px;
margin:0 auto
}
.boxview {
width:53%;
padding:8px;
background:rgba(0,0,0,.1);
float:left
}
.boxdetail {
width:44%;
color:#fff;
float:right
}
.boxdetail h1 {
margin-top:0
}
.boxdetail button {
background:0 0;
border:2px solid #fff
}
#tourgoal img,
#tourreview img,
.comments li li,
.comments li li li li,
.disclist,
.redio input:checked~.redio__indicator,
.redio input:focus~.redio__indicator,
.redio:hover input~.redio__indicator {
background:#fff
}
.boxdetail select {
border:1.5px solid #fff
}
.tomb {
padding:15px 40px;
margin-top:5px
}
.disc {
cursor:pointer;
padding:10px 0;
margin-left:10px
}
.disclist {
padding:10px;
margin-top:10px;
position:absolute;
color:#444
}
.redio,
.redio input:checked~.redio__indicator:after {
display:block
}
.tede1,
.tede2 {
border-bottom:1px dashed var(--colorborder)
}
.disclist ul li {
margin:0 10px 0 25px
}
.harpil {
width:100%;
color:#fff
}
#datetour,
.jumdiv {
margin-top:15px;
margin-bottom:15px;
color:#333
}
.harpil td {
padding:5px 5px 5px 0
}
.redio {
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
}
#datetour,
.jumdiv,
.jumdiv button,
.jumdiv input {
height:40px;
float:left
}
.redio--radio .redio__indicator {
border-radius:50%
}
.redio__indicator:after {
content:'';
position:absolute;
display:none
}
.redio--radio .redio__indicator:after {
left:5px;
top:5px;
height:10px;
width:10px;
border-radius:50%;
background:var(--color1)
}
#datetour {
width:43%;
margin-right:2%;
cursor:pointer
}
.jumdiv {
width:55%
}
.kontek,
.kontek a {
color:#444
}
#guest {
width:50%;
margin:0
}
.btn-number {
width:25%;
margin:0
}
.contail {
padding:0 20px 20px;
margin:0 auto;
background:red
}
.contain {
background:orange
}
.tabdetail {
margin-top:-36px
}
#pesantour {
max-width:900px;
max-height:800px;
padding:15px;
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;
border:var(--colorborder) solid 1px
}
#tourreview table {
width:100%;
font-size:90%
}
.tede1 {
width:36%;
padding:5px
}
.tede2 {
width:64%;
padding:5px
}
.tedetotal {
display:inline-block;
padding:10px 15px;
background:var(--colorbg);
border:1px solid var(--colorborder);
margin-top:20px;
box-shadow:0 5px 0 0 rgba(0,0,0,.03)
}
.elementjudul {
margin-bottom:0;
display:inline-block;
padding:5px 10px;
background:#eee;
font-weight:700
}
.elementgroup,
.toursent {
background-image:linear-gradient(var(--colorbg),#fff);
border:1px solid var(--colorborder);
box-shadow:0 5px 0 0 rgba(0,0,0,.05);
margin-bottom:20px
}
.copycheck {
float:right;
margin-top:15px
}
.elementgroup {
width:100%;
padding:10px;
display:grid;
grid-template-columns:repeat(1,1fr);
gap:10px
}
.element1,
.element2,
.element3 {
padding:0 3px;
float:left
}
#footerwrap,
.banxs {
display:grid;
gap:20px
}
.element1 {
width:17%
}
.element2 {
width:41.5%
}
.element3 {
width:50%
}
.toursent {
width:100%;
padding:20px
}
.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;
border:1px solid #f1f1f1
}
#tourgoal .tede1,
#tourgoal .tede2 {
border-color:#f1f1f1
}
.crumbs,
.tedetotal h4,
.wrap-post ul li {
border-bottom:1px solid var(--colorborder)
}
#tourgoal2 {
width:43%;
float:right
}
.tedetotal h4 {
margin:5px 0 10px;
padding:0 5px 5px;
font-size:110%
}
#tourgoal2 ol {
margin:5px 0 30px;
padding-left:20px
}
#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 input[type=text],
#tourform label,
#tourform select,
#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%
}
.wrap-post ul li {
padding:3px 0;
margin:5px 10px 5px 40px
}
.embed-container {
position:relative;
padding-bottom:50%;
overflow:hidden;
max-width:100%
}
.embed-container embed,
.embed-container iframe,
.embed-container object {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
#footerwrap {
padding:30px var(--autopad);
color:#fff;
position:relative
}
#footerwrap h4 {
margin:0 0 20px;
color:#fff;
font-size:130%
}
#footerwrap h5 {
font-size:120%;
margin:5px 0;
color:#fff
}
.copyright {
grid-column:1/4
}
.footbar {
padding:20px 0;
position:relative
}
.footbar ul li {
padding:5px 0;
margin-left:5px
}
.pagination {
width:100%;
margin:30px 0
}
.pagination a,
.pagination>.current {
border:var(--colorborder) solid 1px;
padding:5px 10px;
background:#fff;
margin:0 2px;
display:inline-block
}
.comments li,
.comments li li li,
.comments li li li li li {
background:var(--colorbg)
}
.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=email],
.comments input[type=text],
.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 li {
padding:20px;
margin:15px 0;
border:1px solid var(--colorborder)
}
.comment li img {
width:50px;
height:50px;
padding:3px
}
.avat img {
border-radius:50%;
border:2px solid #eee;
margin-bottom:10px
}
.avatar {
border:var(--colorborder) solid 1px;
padding:5px;
background:#fff;
float:left;
margin:0 10px 0 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 {
grid-template-columns:100%;
text-align:center
}
#kontak,
.popup,
.scrollup {
display:none
}
.banxs h4 {
margin:5px 0 0
}
#kontak {
max-width:450px;
padding:15px
}
#kontak p {
margin:5px 0 20px
}
#kontak ul li {
border-bottom:1px solid #f2f2f2
}
.kontek {
font-size:120%
}
.tabdetail .ui-widget-content,
.ui-widget-header {
color:#666;
background:0 0
}
.kbbm,
.kemail,
.kline,
.kmess,
.ktelp,
.kwa {
background-repeat:no-repeat;
padding-left:40px;
list-style:none;
line-height:30px;
vertical-align:middle;
text-align:left
}
.live,
.maintenis,
.partnerbox {
text-align:center
}
.ktelp {
background-image:url(//jendelabaitullah.com/wp-content/themes/wizata/images/telp.png)
}
.kbbm {
background-image:url(//jendelabaitullah.com/wp-content/themes/wizata/images/bbm.png)
}
.kmess {
background-image:url(//jendelabaitullah.com/wp-content/themes/wizata/images/mess.png)
}
.kwa {
background-image:url(//jendelabaitullah.com/wp-content/themes/wizata/images/wa.png)
}
.kline {
background-image:url(//jendelabaitullah.com/wp-content/themes/wizata/images/line.png)
}
.kemail {
background-image:url(//jendelabaitullah.com/wp-content/themes/wizata/images/email.png)
}
.partnerbox {
margin-bottom:20px;
white-space:nowrap;
overflow:auto
}
.partnerbox::-webkit-scrollbar {
display:none
}
.partnerbox img {
padding:5px;
opacity:1;
transition:.3s
}
.partnerbox img:hover,
.shareicon a:hover {
opacity:.7
}
.scrollup {
position:fixed;
z-index:3;
width:40px;
height:45px;
bottom:20px;
right:20px;
background:url(//jendelabaitullah.com/wp-content/themes/wizata/images/icon_top.png) no-repeat
}
.seo {
font-size:0;
margin:0;
padding:0
}
.shareicon {
margin-top:20px
}
.shareicon [class*=el-icon-] {
font-size:35px;
margin-right:10px;
cursor:pointer
}
.popup {
min-width:300px;
max-width:1000px;
padding:15px
}
.popup ul li {
list-style:none;
padding:5px 0
}
.popup td {
padding:3px;
vertical-align:top
}
.ui-tabs .ui-tabs-panel {
display:block;
border-width:0;
padding:10px 0;
background:0 0
}
.ui-widget-header {
border:none;
font-weight:400
}
.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-content .ui-state-active a,
.ui-widget-header .ui-state-active {
background:#fff;
color:var(--color2);
height:36px
}
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor:pointer;
outline:0
}
.ui-datepicker th {
font-weight:400
}
.sidecontact {
position:fixed;
z-index:601;
width:60px;
bottom:50%;
right:-1px;
padding:5px 5px 0;
background:rgba(238,238,238,.85);
border-top-left-radius:8px;
border-bottom-left-radius:8px
}
.live {
width:100%;
height:30px;
margin:10px auto
}
.live:hover {
padding:2px
}
.onlinex {
color:transparent;
text-shadow:0 0 0 #2aaa52;
font-size:10px;
font-family:arial
}
.owl-controls .owl-buttons div {
background:#fffc
}
.megaslider .owl-controls .owl-buttons .owl-prev,
.smallslider .owl-controls .owl-buttons .owl-prev {
left:100px
}
.megaslider .owl-controls .owl-buttons .owl-next,
.smallslider .owl-controls .owl-buttons .owl-next {
right:100px
}
.owl-carousel .owl-buttons .owl-next,
.owl-carousel .owl-buttons .owl-prev {
transition:.3s;
opacity:0
}
.owl-carousel:hover .owl-buttons .owl-prev {
left:20px;
opacity:1
}
.owl-carousel:hover .owl-buttons .owl-next {
right:20px;
opacity:1
}
.maintenis {
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
}.wpfw-0 {width:0 !important;}
.wpfw-10{width:10% !important;}
.wpfw-20{width:20% !important;}
.wpfw-30{width:30% !important;}
.wpfw-40{width:40% !important;}
.wpfw-50{width:50% !important;}
.wpfw-60{width:60% !important;}
.wpfw-70{width:70% !important;}
.wpfw-80{width:80% !important;}
.wpfw-90{width:90% !important;}
.wpfw-100{width:100% !important;}
.wpf-clear {clear:both; height:0; line-height: 0;}
.wpf-clear-left {clear:left; height:0; line-height: 0;}
.wpf-clear-right {clear:right; height:0; line-height: 0;}
#wpforo .wpforo-widget-wrap .wpf-button,
.wpforo-widget-wrap .wpf-button{padding:2px 15px 4px 15px!important; font-size:13px; font-weight:normal; cursor:pointer; line-height: 16px; border-radius: 20px; white-space:nowrap; box-shadow: 0 1px 1px #999999; outline: 0; display: inline-flex;
justify-content: center;
align-items: center;}
#wpforo .wpforo-widget-wrap .wpf-button i,
.wpforo-widget-wrap .wpf-button i, #wpforo .wpforo-widget-wrap .wpf-button svg,
.wpforo-widget-wrap .wpf-button svg{margin-right: 5px; font-size: 13px; width: 13px; height: 13px;}
#wpforo .wpforo-widget-wrap .wpf-button-secondary,
.wpforo-widget-wrap .wpf-button-secondary{border-radius: 20px; padding: 2px 15px 4px 15px!important; margin: 0 10px; background-color: #F5F5F5; opacity: 0.8; color: #555555; border: 1px solid #cccccc; line-height: 16px; font-size: 13px;}
#wpforo .wpforo-widget-wrap .wpf-button-secondary:hover,
.wpforo-widget-wrap .wpf-button-secondary:hover{opacity: 1;}   #wpf-widget-search #wpforo-search-form .wpf-search-widget-label{position: relative!important; display: block!important;}
#wpf-widget-search #wpforo-search-form .wpf-search-widget-label input[type="text"]{position: relative!important; display: block!important; padding: 7px 8px; height: 32px;}
#wpf-widget-search #wpforo-search-form .wpf-search-widget-label svg{enable-background:new 0 0 16 16; fill: #999; position: absolute; width: 19px; height: 19px; right:5px; bottom: 6px; cursor: pointer;}
#wpforo #wpforo-wrap .widget-title,
#wpforo .wpforo-widget-wrap .widget-title,
.wpforo-widget-wrap .widget-title{ padding:10px 0 15px 0; margin-bottom:5px; font-size:20px;}
#wpforo .wpforo-widget-wrap .wpforo-widget-content,
.wpforo-widget-wrap .wpforo-widget-content{padding:10px 1px 20px 1px!important; margin:0;}
#wpforo .wpforo-widget-wrap .wpforo-widget-content ul,
.wpforo-widget-wrap .wpforo-widget-content ul{padding:0; margin:0; border:none;}
#wpforo .wpforo-widget-wrap .wpforo-widget-content li,
.wpforo-widget-wrap .wpforo-widget-content li{padding:8px 0!important; margin:0; list-style:none; border:none;}
#wpforo .wpforo-widget-wrap .wpforo-widget-content .avatar,
.wpforo-widget-wrap .wpforo-widget-content .avatar{border-radius: 50%;}
#wpforo .wpforo-widget-wrap .wpforo-widget-content .wpf-widget-note,
.wpforo-widget-wrap .wpforo-widget-content .wpf-widget-note{ font-size:13px; line-height:18px;}
#wpforo .wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left,
.wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left{float:left; width:16%;}
#wpforo .wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left img,
.wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left img{ width:42px; height:42px; max-width:100%!important;}
#wpforo .wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-right,
.wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-right{float:right; width:80%;}
#wpforo #wpforo-wrap .wpforo-widget-wrap .wpforo-widget-content li:last-child,
#wpforo-wrap .wpforo-widget-wrap .wpforo-widget-content li:last-child{border:none;}
#wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.posttitle,
#wpf-widget-recent-replies .wpforo-list-item-right p.posttitle{font-size:14px; padding:0; margin:0; line-height:18px; font-weight:normal;}
#wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.posttext,
#wpf-widget-recent-replies .wpforo-list-item-right p.posttext{font-size:13px; padding:0; margin:5px 0 0; line-height:1.4;}
#wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.postuser,
#wpf-widget-recent-replies .wpforo-list-item-right p.postuser{font-size:12px; padding:0; margin:0; line-height:16px;}
#wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.postdate,
#wpf-widget-recent-replies .wpforo-list-item-right p.postdate{font-size:12px; padding:0; margin:0; line-height:16px;}
#wpforo #wpf-widget-online-users .wpforo-widget-content a.onlineuser,
#wpf-widget-online-users .wpforo-widget-content a.onlineuser{ padding:3px 7px; display:inline-block; margin:0 3px 5px 2px; line-height:18px; font-size:13px;}
#wpforo #wpf-widget-online-users .wpforo-widget-content a.onlineavatar,
#wpf-widget-online-users .wpforo-widget-content a.onlineavatar{ padding:1px; display:inline-block; margin:0 3px 5px 2px; width:20%;max-width: 64px;}
#wpforo #wpf-widget-search input[type="text"],
#wpf-widget-search input[type="text"]{ font-size:14px; line-height:16px; padding:2px 5px; display:inline-block; margin:0; height:28px;}
#wpforo #wpf-widget-search input[type="submit"],
#wpf-widget-search input[type="submit"]{ font-size:14px; line-height:16px; padding:2px 5px; display:inline-block; margin:0; height:28px;}
#wpforo #wpf-widget-forums .wpforo-widget-content .wpf-dl-item,
#wpf-widget-forums .wpforo-widget-content .wpf-dl-item{ padding-top:2px; display:block; line-height: 22px;}
#wpforo #wpf-widget-forums .wpforo-widget-content .wpf-dl-item i,
#wpf-widget-forums .wpforo-widget-content .wpf-dl-item i{margin-right:7px;}
#wpforo #wpf-widget-forums .wpforo-widget-content dl,
#wpf-widget-forums .wpforo-widget-content dl{ display:block; padding:0; margin:0;}
#wpforo #wpf-widget-forums .wpforo-widget-content dd,
#wpf-widget-forums .wpforo-widget-content dd{ display:block; margin-left:15px;}
#wpforo #wpf-widget-forums .wpforo-widget-content .wpf-dl-current .wpf-dl-item-label,
#wpf-widget-forums .wpforo-widget-content .wpf-dl-current .wpf-dl-item-label{ font-weight: 700; color: #666; }
#wpforo .wpforo-widget-wrap ul.wpf-widget-tags,
.wpforo-widget-wrap ul.wpf-widget-tags{display: flex;flex-flow: row wrap;justify-content:start;}
#wpforo .wpforo-widget-wrap .wpf-widget-tags li,
.wpforo-widget-wrap .wpf-widget-tags li{list-style: none!important;display: inline-block!important;padding: 0!important;margin: 0 10px 8px 0!important;font-family:Merriweather, Georgia, Verdana!important;}
#wpforo .wpforo-widget-wrap .wpf-widget-tags li a,
.wpforo-widget-wrap .wpf-widget-tags li a{display:inline-block!important;padding: 1px 8px!important;line-height: 18px!important;vertical-align: baseline!important;font-size: 11px!important;border-width: 1px!important;border-style: solid!important;border-right-style: dotted!important;border-right-width: 2px!important;}
#wpforo .wpforo-widget-wrap .wpf-widget-tags li span,
.wpforo-widget-wrap .wpf-widget-tags li span{display:inline-block!important;margin: 0 !important;padding: 1px 6px!important;line-height: 18px!important;text-align: center!important;vertical-align: baseline!important;font-size: 11px!important;min-width: 22px;}
#wpforo .wpforo-widget-wrap .wpforo-widget-content .wpf-all-tags,
.wpforo-widget-wrap .wpforo-widget-content .wpf-all-tags{padding-top: 10px!important;}
#wpforo .wpforo-widget-wrap .wpforo-list-item a.wpf-new-button,
.wpforo-widget-wrap .wpforo-list-item a.wpf-new-button,
#wpforo .wpforo-widget-wrap .wpforo-list-item span.wpf-new-button,
.wpforo-widget-wrap .wpforo-list-item span.wpf-new-button{font-size: 85% !important; vertical-align: bottom !important; font-weight: normal!important; background:#FF812D; color:#fff!important; padding: 0.5px 5px 1px 5px!important; line-height: inherit; line-height: 16px; font-family: Arial; border-radius: 3px; margin: 0 3px; text-transform: lowercase; }
#wpf-widget-profile, #wpf-widget-profile *{box-sizing: border-box;  box-shadow: none;  color: inherit;}
#wpforo #wpf-widget-profile .wpf-prof-header,
#wpf-widget-profile .wpf-prof-header{display: flex; flex-direction: row; justify-content: space-between; align-items:flex-end;}
#wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-avatar,
#wpf-widget-profile .wpf-prof-header .wpf-prof-avatar{padding-right: 15px;}
#wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-info,
#wpf-widget-profile .wpf-prof-header .wpf-prof-info{flex-grow: 2;  border-bottom: 1px dashed #CCCCCC; padding-bottom: 5px;}
#wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-avatar img,
#wpf-widget-profile .wpf-prof-header .wpf-prof-avatar img,
#wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-avatar img.avatar,
#wpf-widget-profile .wpf-prof-header .wpf-prof-avatar img.avatar{ max-width: 48px; max-height:48px; border-radius: 50%; vertical-align: bottom;}
#wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-name,
#wpf-widget-profile .wpf-prof-header .wpf-prof-name{font-size: 13px; font-weight: 600; color: #666;}
#wpforo #wpf-widget-profile .wpf-prof-header .wpf-author-nicename,
#wpf-widget-profile .wpf-prof-header .wpf-author-nicename {font-size: 12px; font-weight: normal; font-family: "Courier New", Courier, monospace; line-height: 18px; padding-top: 0;}
#wpforo #wpf-widget-profile .wpf-prof-header [wpf-tooltip]::after,
#wpf-widget-profile .wpf-prof-header [wpf-tooltip]::after{left: 18px; top: -5px; white-space: normal;}
#wpforo #wpf-widget-profile .wpf-prof-header [wpf-tooltip]::before,
#wpf-widget-profile .wpf-prof-header [wpf-tooltip]::after{left: 18px; top: -5px;}
#wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts,
#wpf-widget-profile .wpf-prof-header .wpf-prof-alerts{ border-bottom: 1px dashed #CCCCCC;align-self: stretch;padding-top: 0; margin-top: 1px;}
#wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell,
#wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell{ margin-bottom: 4px; transition: transform .2s ease;cursor: pointer; display: inline-flex;justify-content: center;align-items: center;}
#wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell > svg,
#wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell > svg{ border-radius: 50%; width: 36px; height: 34px; text-align: center; background: #f5f5f5; margin: 0 2px 0 0; display: inline-block; position: initial; padding: 6px;}
#wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell:hover,
#wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell:hover{ transform: scale(1.1)}
#wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-alerts-count,
#wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-alerts-count{padding: 0; display: inline-block; font-size: 13px; line-height: 16px; font-weight: 600;}
#wpforo #wpf-widget-profile .wpf-prof-notifications,
#wpf-widget-profile .wpf-prof-notifications{position: relative;}
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications{ display:none; position: absolute; background: #fafafa; border-bottom: 3px solid #999; border-top: none; min-width: 220px; width: 100%; top:7px; z-index: 100000; padding: 0 10px;}
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-head,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-head{padding: 12px 5px 9px 5px; font-weight: 600; letter-spacing: 0.5px; font-size: 14px; }
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-head i,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-head i{font-size: 15px; margin-right: 3px;}
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content{padding: 10px 0 1px 0; overflow-y: auto; overflow-x: hidden; max-height: 400px; font-size: 12px;}
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-nspin,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-nspin{text-align: center; padding: 0 10px 5px 0; font-size: 22px; color: #999;}
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content ul,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content ul,
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li{margin: 0; list-style: none;}
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li{padding: 7px 4px 7px 6px; display: flex; flex-direction: row; justify-content: space-around; align-items: flex-start;}
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nleft,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nleft{ flex-basis: 10%; padding-top: 4px;}
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nright,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nright{ flex-basis: 90%; line-height: 19px;}
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nleft svg,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nleft svg{font-size: 16px; width: 16px; height: 16px;}
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-ndesc,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-ndesc{font-size: 11px; line-height: 18px; display: inline; margin-left: 5px; border-left: 1px solid #ccc; padding-left: 10px;}
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-actions,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-actions{display:none; text-align: right; padding: 10px 5px 5px 5px; font-size: 12px;}
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-no-notification,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-no-notification{padding: 5px 10px 15px 10px; font-size: 13px;}
#wpforo #wpf-widget-profile .wpf-prof-content,
#wpf-widget-profile .wpf-prof-content{padding:10px 5px; border-bottom: 1px dashed #CCCCCC;}
#wpforo #wpf-widget-profile .wpf-prof-content .wpf-prof-data span.wpf-member-title,
#wpf-widget-profile .wpf-prof-content .wpf-prof-data span.wpf-member-title{display: inline-block; margin-right: 5px; font-size: 13px; color: #666;}
#wpforo #wpf-widget-profile .wpf-prof-content .wpf-prof-data .wpf-member-title.wpfut,
#wpf-widget-profile .wpf-prof-content .wpf-prof-data .wpf-member-title.wpfut {display: inline-block !important;font-size: 11px;line-height: 15px;padding: 2px 15px;margin: 5px auto; border: 1px solid #dddddd; border-radius: 3px;}
#wpforo #wpf-widget-profile .wpf-prof-content .wpf-prof-data .author-rating-full ,
#wpf-widget-profile .wpf-prof-content .wpf-prof-data .author-rating-full {display: inline-block;font-size: 16px;font-weight: bold;line-height: 18px;min-width: 30px;padding: 2px;text-align: center;white-space: nowrap;}
#wpforo #wpf-widget-profile .wpf-prof-content .wpf-prof-rating .author-rating-full i.fa-trophy,
#wpf-widget-profile .wpf-prof-content .wpf-prof-rating .author-rating-full i.fa-trophy{font-size:20px;}
#wpforo #wpf-widget-profile .wpf-prof-footer,
#wpf-widget-profile .wpf-prof-footer{margin-bottom: 5px;}
#wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons,
#wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons{ margin-top: 3px;}
#wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a,
#wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a{margin-right: 3px;padding: 4px 10px 4px 10px;text-align: center;line-height: 16px;font-size: 13px;background:#f5f5f5;margin-top: 10px;display: inline-block; border-radius: 2px;color: #21759b;}
#wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a:hover,
#wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a:hover{color: #f5f5f5;}
#wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a.wpf-logout,
#wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a.wpf-logout{padding: 4px 15px 4px 15px; color: #f42d2c;}
#wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a.wpf-logout:hover,
#wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a.wpf-logout:hover{background-color: #f42d2c!important; color: #fff;}
#wpforo #wpf-widget-profile .wpf-prof-footer .wpf-button,
#wpf-widget-profile .wpf-prof-footer .wpf-button{box-shadow: none;}
#wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons svg,
#wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons svg{min-height: 13px; width: 16px;}   #wpforo #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item i.fa-chart-bar,
#wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item i.fa-chart-bar{ font-size:20px;}
#wpforo #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right,
#wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right{ width:calc(100% - 30px);}
#wpforo #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right .polldate,
#wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right .polldate{font-size:12px; color:#888888;}
#wpforo #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right .pollvotes,
#wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right .pollvotes{font-size:12px; color:#888888; line-height:16px;}
@media screen and (max-width:800px) {
#wpforo .wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left img,
.wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left img{ width:99%; height:99%;}
#wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.posttext,
#wpf-widget-recent-replies .wpforo-list-item-right p.posttext{font-size:14px;}
#wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.postuser,
#wpf-widget-recent-replies .wpforo-list-item-right p.postuser{font-size:13px;}
#wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.postdate,
#wpf-widget-recent-replies .wpforo-list-item-right p.postdate{font-size:13px;}
}.lazyloaded:not(.elementor-motion-effects-element-type-background),.lazyloaded>.elementor-motion-effects-container>.elementor-motion-effects-layer,.lazyloaded>[class*=-wrap]>.elementor-motion-effects-container>.elementor-motion-effects-layer,body.e-lazyload .e-con.lazyloaded:before,body.e-lazyload .lazyloaded,body.e-lazyload .lazyloaded .elementor-background-overlay{--e-bg-lazyload-loaded:var(--e-bg-lazyload)}