: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(//jendelabaitullah.com/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(//jendelabaitullah.com/wp-content/themes/wizata-per/images/telp.png);
}
.kbbm {
background-image : url(//jendelabaitullah.com/wp-content/themes/wizata-per/images/bbm.png);
}
.kmess {
background-image : url(//jendelabaitullah.com/wp-content/themes/wizata-per/images/mess.png);
}
.kwa {
background-image : url(//jendelabaitullah.com/wp-content/themes/wizata-per/images/wa.png);
}
.kline {
background-image : url(//jendelabaitullah.com/wp-content/themes/wizata-per/images/line.png);
}
.kemail {
background-image : url(//jendelabaitullah.com/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(//jendelabaitullah.com/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;
}.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)}