:root {
--font-sourcesans: 'Source Sans Pro', sans-serif;
--font-lora: 'Lora', serif;
--font-karla: 'Karla', sans-serif;
--color-primary: #F54923;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-size: 16px;
font-family: var(--font-lora);
color: #6C6F72;
line-height: 30px;
overflow-x: hidden !important;
font-weight: 400;
}
iframe {
width: 100%;
}
img {
max-width: 100%;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
height: auto;
}
.slick-slide img {
display: inline-block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-karla);
font-weight: 700;
color: #121418;
margin: 0px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: #1d2027;
}
h1 {
font-size: 36px;
line-height: 50px;
}
h2 {
font-size: 30px;
line-height: 38px;
}
h3 {
font-size: 24px;
line-height: 34px;
}
h4 {
font-size: 18px;
line-height: 26px;
}
h5 {
font-size: 15px;
line-height: 24px;
}
h6 {
font-size: 14px;
line-height: 28px;
}
ul,
ol {
margin: 0px;
padding: 0px;
list-style-type: none;
}
p {
margin: 0px;
}
a {
display: inline-block;
color: inherit;
text-decoration: none;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
a:hover {
text-decoration: none;
color: inherit;
}
a,
span {
display: inline-block;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus {
outline: none;
}
.barfii__img_h img{
-o-object-fit: cover;
object-fit: cover;
width: 100%;
transition: transform 1s ease,opacity .5s ease;
}
.barfii__main-content {
padding-bottom: 80px;
padding-top: 15px;
}
@media (min-width: 992px) and (max-width: 1400px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1320px;
}
}
.barfii_post_thumb {
display: block;
overflow: hidden;
}
.btourq-post-item:hover .barfii_post_thumb img {
transform: scale(1.1);
}
.barfii__post_list .barfii_post_thumb{
overflow: hidden;
} .barfii__post_title a {
background: -webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));
background: -webkit-linear-gradient(left,currentColor 0%,currentColor 100%);
background: linear-gradient(to right,currentColor 0%,currentColor 100%);
background-size: 0 7%;
background-repeat: no-repeat;
background-position: left 100%;
-webkit-transition-duration: 0.5s;
transition-duration: 0.8s;
display: inline;
}
.barfii__post_title a:hover {
background-size: 100% 7%;    
color: var(--color-primary);
} .header_btn {
margin-left: 20px;
}
a.barfii__main-btn {
padding: 15px 28px;
border-radius: 30px;
font-size: 12px;
text-transform: uppercase;
color: #fff;
font-weight: 700;
letter-spacing: 2px;
font-family: var(--font-karla);
background-color: var(--color-primary);
box-shadow: 1px 3px 0 0px #121418 !important;
border: 1px solid #121418;
transition: all 0.3s cubic-bezier(.5,2.5,.7,.7);
transform: translate(-2px,-2px);
line-height: normal;
}
a.barfii__main-btn:hover {
box-shadow: none !important;
transform: none;
}
.barfii_btn {
padding: 10px 35px;
border-radius: 30px;
font-size: 15px;
text-transform: uppercase;
color: #fff;
font-weight: 700;
letter-spacing: 2px;
font-family: var(--font-karla);
background-color: var(--color-primary);
box-shadow: 1px 3px 0 0px #121418;
border: 1px solid #121418;
transition: all 0.3s cubic-bezier(.5,2.5,.7,.7);
transform: translate(-2px,-2px);
}
.barfii_btn:hover{
box-shadow: none;
transform: none;
}
.white-btn.barfii_btn {
border: 1px solid #fff;
color: #fff;
}
.hp__btn_wrap {
margin-top: 40px;
}
.primary-btn.barfii_btn {
background: var(--color-primary);
color: #fff;
border-color: var(--color-primary);
}
.primary-btn.barfii_btn .buble__btn {
background: #121418;
border-color: #121418;
}
.primary-btn.barfii_btn:hover {
border-color: #121418;
} .rr-header-fixed .barfii-switch-box-wrap {
display: none;
}
.header-style-two.h-three .rr-header-fixed .barfii__logo-box img {
max-width: 150px;
}
.barfii__top-header-wrap {
background: #121418;
padding: 10px 0;
}
.barfii__add-box {
flex: 0 0 400px;
max-width: 400px;
}
.barfii__top-link ul li {
display: inline-block;
position: relative;
padding-right: 14px;
}
.barfii__top-date span, .barfii__top-date a {
color: #D1D1D1;
font-size: 14px;
font-weight: 500;
font-family: var(--font-karla);
}
.barfii__top-date i {
margin-right: 5px;
}
.barfii__top-date a {
padding-left: 15px;
}
.barfii__top-date span {
padding-right: 15px;
}
.barfii__top-link ul li a {
color: #D1D1D1;
font-size: 14px;
font-weight: 500;
font-family: var(--font-karla);
}
.barfii__top-link ul li a:hover, .barfii__top-date a:hover {
color: #fff;
}
.barfii__top-link ul li:not(:last-child):after {
content: "-";
color: #D1D1D1;
top: 2px;
position: absolute;
right: 1px;
}
.barfii__social-link ul li {
display: inline-block;
}
.barfii__social-link ul li a {
display: block;
border: 1px solid #847E7E;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
border-radius: 50px;
font-size: 14px;
margin-left: 7px;
color: #847E7E;
transition: .5s;
}
.barfii__social-link ul li a:hover{
background-color: var(--color-primary);
color: #fff;
transform: translate(1.01);
border-color: var(--color-primary);
}
.barfii__middle-header-wrap {
border-bottom: 1px solid #B7B7B7;
padding: 25px 0;
}
.barfii__main-menu-wrap {
border-bottom: 1px solid #B7B7B7;
position: relative;
background-color: #fff;
}
.header-style-two .barfii__main-menu-wrap.rr-header.original {
background: transparent;
}
.header-style-two {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.barfii__main-menu-wrap:after {
content: "";
background: #B7B7B7;
width: 100%;
height: 1px;
bottom: -5px;
position: absolute;
left: 0;
}
.header-style-two .barfii__main-menu-wrap:after {
position: relative;
}
.barfii__main-menu ul li a {
color: #121418;
font-weight: 700;
text-transform: uppercase;
font-size: 15px;
padding: 20px 25px;
font-family: 'Karla', sans-serif;
}
.barfii__main-menu ul li a:hover{
color: var(--color-primary);
}
.barfii__main-menu ul li {
display: inline-block;
position: relative;
}
.barfii__main-menu ul li.menu-item-has-children:after {
top: 19px;
content: "\f105";
font-size: 14px;
color: #121418;
position: absolute;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
right: 10px;
font-family: 'Font Awesome 5 Pro';
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.barfii__main-menu ul li.menu-item-has-children:hover:after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.barfii__main-menu ul li .sub-menu {
left: 0;
top: 100%;
z-index: 100;
margin: 0;
padding: 0;
height: auto;
min-width: 250px;
display: block;
border: none;
border-radius: 0;
position: absolute;
-webkit-transform: scaleY(0);
transform: scaleY(0);
background-color: #fff;
background-clip: inherit;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-transform-origin: center top 0;
transform-origin: center top 0;
box-shadow: 0 5px 10px 0 rgb(0 0 0 / 5%);
border-radius: 5px;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 15px 0;
}
.barfii__main-menu ul li:hover .sub-menu {
transform: scaleY(1);
}
.barfii__main-menu ul li .sub-menu li a {
display: block;
padding: 5px 20px;
text-transform: uppercase;
font-size: 14px;
color: #121418;
}
.barfii__main-menu ul li .sub-menu li a:hover{
color: var(--color-primary);
}
.barfii__main-menu .navigation li ul li ul {
top: 0;
left: 100%;
visibility: hidden;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.barfii__main-menu .navigation li.menu-item-has-children .sub-menu .menu-item-has-children:after {
top: 4px;
right: 15px;
}
.barfii__main-menu .navigation li ul li:hover ul {
visibility: visible;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.barfii__main-menu ul li .sub-menu li {
display: block;
}
.barfii__hambrug.barfii_hamburger_triger {
cursor: pointer;
}
.barfii_cart_count {
position: relative;
}
.barfii_cart_count .count {
border-radius: 14px;
background: #FFF;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.10);
width: 14px;
height: 14px;
font-size: 10px;
font-weight: 500;
font-family: 'Karla';
line-height: 14px;
text-align: center;
position: absolute;
top: 0;
right: -9px;
}
#rr-header-area .rr-header-area-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
top: 0;
-webkit-transform: translateY(-100%);
-khtml-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
-khtml-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
-moz-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
-ms-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
-o-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
visibility: hidden; }
#rr-header-area .rr-header-area-sticky.rr-header-fixed {
-webkit-transform: translateY(0%);
-khtml-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
visibility: visible;
-webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); }
.h-three .barfii__main-menu ul li a {
color: #fff;
}
.h-three .barfii__main-menu ul li.menu-item-has-children:after{
color: #fff;
}
.h-three .barfii_search_bar i {
color: #fff;
}
.h-three .barfii__main-menu-wrap {
border: none;
}
.h-three .barfii__main-menu-wrap:after {
background: transparent;
}
.header-style-two.h-three .barfii__main-menu-wrap.rr-header.original {
background: #000;
padding: 15px 0;
} .hamburger_menu{
display: none;
} .post__slider-item {
padding: 220px 0;
background-size: cover;
background-position: center center;
}
.banner-slider-area {
position: relative;
}
.bt-slider-thumbnail-active {
position: absolute;
top: 0;
right: 0;
} .barffii_bottom_meta .barfii__authore_info img {
width: auto;
}
.barfii__post_grid_item .barfii_post__img img {
height: 400px;
}
.barfii__post_grid_item .barfii_post__content {
background: #fff;
box-shadow: 0px 4px 40px rgba(212, 212, 220, 0.18);
padding: 30px;
}
.barfii_post__content .barffii_top_meta {
margin-bottom: 20px;
}
.barfii_post__content .barffii_top_meta a, .barfii_post__content .barffii_top_meta span {
font-weight: 600;
}
.barfii_post__content .barffii_top_meta a span {
color: var(--color-primary);
}
.barfii_post__content .barffii_top_meta span {
color: #5A5687;
}
.barfii__authore_info img {
border-radius: 50% !important;
margin-right: 10px;
}
.barfii__post_title a {
color: #121418;
}
.barfii__post_ajax_item .barfii_post__content .barffii_top_meta{
margin-bottom: 15px;
}
.barfii__post_ajax_item .barfii__post_title {
margin-bottom: 15px;
}
span.b-line {
border: 1px solid #0073FF;
border-width: 1px 0;
height: 4px;
width: 100%;
display: block;
margin-right: 10px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-transition: all ease 0.31s;
transition: all ease 0.31s;
}
span.a-line.common-line {
border: 1px solid #0073FF;
border-width: 1px 0;
height: 4px;
display: block;
margin-left: 10px;
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-transition: all ease 0.31s;
transition: all ease 0.31s;
}
span.b-line {
border: 1px solid #0073FF;
border-width: 1px 0;
height: 4px;
width: 100%;
display: block;
margin-right: 30px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-transition: all ease 0.31s;
transition: all ease 0.31s;
position: relative;
}
.load-more-btn {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 50px;
justify-content: center;
}
span.a-line.common-line {
border: 1px solid #0073FF;
border-width: 1px 0;
height: 4px;
display: block;
margin-left: 30px;
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-transition: all ease 0.31s;
transition: all ease 0.31s;
}
span.b-line:after {
background: #FF3385;
width: 5px;
height: 5px;
content: "";
top: -1px;
right: -10px;
position: absolute;
}
span.a-line:after {
background: #FF3385;
width: 5px;
height: 5px;
content: "";
top: -1px;
left: -10px;
position: absolute;
}
.common-line {
position: relative;
}
button#barfii-post-grid-loadmore {
display: inline-block;
padding: 12px 44px;
color: #fff;
position: relative;
z-index: 1;
background: var(--color-primary);
text-transform: uppercase;
font-weight: 500;
font-family: 'Karla';
transition: .5s;
border-radius: 30px;
}
button#barfii-post-grid-loadmore:hover {
background-color: #121418;
}
.barfii__authore_info .bf__authore {
font-weight: 600;
text-transform: capitalize;
}
.pfy-main-container.authore-wrapper {
padding-bottom: 80px;
}
.barfii__post_grid_item .barfii__post_title a {
color: #4B4870;
}
.barfii__post_grid_item .barfii__post_title {
margin-bottom: 20px;
}
.barfii__post_carousel_wrap .owl-stage-outer {
margin-right: calc(-100vw / 2 + 1000px / 2);
}
.barfii__post_grid_item .barfii_post__img {
position: relative;
}
.barfii__cm_border:after {
border: 4px solid #fff;
content: "";
position: absolute;
top: 50%;
left: 50%;
height: 94%;
width: 94%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
} .barfii_pagi_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 50px;
}
ul.page-pagination.barfii-widget-pagi {
border: 1px solid #E9E7FC;
margin: 0 auto;
padding: 10px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
ul.page-pagination.barfii-widget-pagi li a, ul.page-pagination.barfii-widget-pagi li span {
font-size: 24px;
font-family: 'Josefin Sans', sans-serif;
font-weight: 500;
color: #5A5687;
}
ul.page-pagination.barfii-widget-pagi li {
padding: 0 20px;
}
ul.page-pagination.barfii-widget-pagi li .current {
color:var(--color-primary)
} .barfii__post_ajax_item .barfii_post__content {
background: #FFFFFF;
box-shadow: 0px 4px 40px rgba(212, 212, 220, 0.18);
padding: 30px 50px;
position: relative;
width: 92%;
margin: 0 auto;
margin-top: -125px;
}
.barfii__post_ajax .barfii_main-pagi {
margin-top: 50px;
}
.barfii__post_ajax_item .barfii_post__content .barfii_post_excerpt {
margin-bottom: 20px;
}
.barfii__post_ajax_item .barfii_post__img img {
height: 520px;
}
.brf__post_grid_item_col {
margin-bottom: 24px;
}
.brf__post_grid_item_col .cate__badge_mg a {
color: #666;
margin-bottom: 6px;
}
.brf__post_grid_item_col .barfii_post__img.barfii__img_h {
margin-bottom: 15px;
}
.brf__post_grid_item_col 
.barfii__post_title {
margin-bottom: 10px;
}
.brf__post_grid_item_col .barfii__post_title a {
color: #121418;
}
.post__grid-video .barfii-video-popup {
position: absolute;
bottom: 15px;
right: 15px;
width: 35px;
height: 35px;
border-radius: 0;
line-height: 32px;
text-align: center;
background: #F54923;
}
.post__grid-video {
margin-bottom: 24px;
}
.post__grid-video .barfii-video-popup svg {
width: 20px;
height: 20px;
}
.post__grid-video .barfii-video-popup:hover {
background: #121418;
}
.post__grid-video .barfii__post_title a {
color: #fff;
}
.post__grid-video .barfii__post_title {
font-size: 20px;
line-height: 32px;
margin-top: 12px;
}
.post__grid-video .barfii_post__img {
margin-bottom: 20px;
}
.post__video-banner-wrapper {
padding: 150px 0;
background-size: cover;
background-position: center;
position: relative;
z-index: 1;
}
.barfii_video_post_banner-area {
position: relative;
}
.post__video-banner-wrapper:after {
background: rgba(3, 7, 16, 0.33);
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.post__video-banner-wrapper .barfii_post__content {
max-width: 700px;
flex: 0 0 700px;
position: relative;
z-index: 9999;
}
.post__video-banner-wrapper .barfii__post_title {
font-size: 50px;
line-height: 65px;
font-weight: 700;
margin-bottom: 15px;
margin-top: 10px;
}
.post__video-banner-wrapper .barfii__post_title a {
color: #fff;
}
.post__video-banner-wrapper .barfii-video-btn {
position: relative;
top: 0;
left: 0;
transform: inherit;
}
.video__overlay .barfii_post__img.barfii__img_h:after {
background: #000;
width: 100%;
height: 100%;
content: "";
top: 0;
left: 0;
position: absolute;
opacity: .5;
}
.video__overlay .barfii_post__img.barfii__img_h .post__overlay {z-index: 1;position: relative;}
.brf__post_ov_item.video__overlay .post-overlay {
position: absolute;
z-index: 11;
bottom: 30px;
left: 30px;
right: 30px;
}
.brf__post_ov_item.video__overlay .barfii__post_title {
margin-bottom: 0;
}
.brf__post_ov_item.video__overlay .post-overlay .barfii-video-popup:hover:after {
opacity: 1;
background: var(--color-primary);
}
.brf__post_ov_item.video__overlay .post-overlay .barfii-video-popup {
flex: 0 0 45px;
max-width: 45px;
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
color: #fff;
font-size: 15px;
position: relative;
background: transparent;
margin-right: 15px;
}
.brf__post_ov_item.video__overlay .barfii__post_title a {
color: #fff;
}
.brf__post_ov_item.video__overlay .post-overlay .barfii-video-popup:after {
background: #666;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
content: "";
border-radius: 50px;
z-index: -1;
opacity: .6;
} .hero__area-3 .wrapper {
--clip-path: circle(65px at left);
--clip-path-hover: circle(70px at left);
--clip-path-clicked: circle(100vw at left);
--duration: .4s;
--timing-function: ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__area-3 .wrapper {
display: none;
}
}
.intro-title {
position: absolute;
z-index: 99;
color: #fff;
top: -7px;
left: 28px;
}
@media only screen and (max-width: 767px) {
.hero__area-3 .wrapper {
display: none;
}
}
.hero__area-3 .video-info {
position: relative;
left: 500px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__area-3 .video-info {
left: 200px;
top: -50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__area-3 .video-info {
left: 280px;
top: -235px;
}
}
.hero__area-3 .video {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
-webkit-transition: -webkit-clip-path var(--duration) var(--timing-function);
transition: -webkit-clip-path var(--duration) var(--timing-function);
transition: clip-path var(--duration) var(--timing-function);
transition: clip-path var(--duration) var(--timing-function), -webkit-clip-path var(--duration) var(--timing-function);
position: relative;
left: 100px;
}
.hero__area-3 .video::before {
position: absolute;
top: -13px;
left: -8px;
width: 40px;
height: 40px;
content: "\f04b";
z-index: 999999999999;
background-size: 100%;
font-family: "font awesome 5 pro";
color: #fff;
}
.hero__area-3 .video video, .hero__area-3 .video iframe {
position: fixed;
top: 0;
left: 0;
min-width: 100%;
min-height: auto;
width: auto;
height: auto;
}
.hero__area-3 .intro-title .video-title {
font-size: 16px;
text-transform: uppercase;
line-height: 1.3;
}
.hero__area-3 .intro-title .video-title span {
display: block;
font-size: 18px;
}
.hero__area-3 .intro-title .video-title.close-video-title {
display: none;
}
.hero__area-3 #video_check {
width: 200px;
height: 200px;
margin: auto;
position: absolute;
left: 0;
top: 0;
right: 0;
border-radius: 40px;
outline: none;
z-index: 2;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
z-index: 9999999;
}
.hero__area-3 #video_check:focus {
outline: 0;
}
.hero__area-3 #video_check:hover ~ .video {
-webkit-clip-path: var(--clip-path-hover);
clip-path: var(--clip-path-hover);
}
.hero__area-3 #video_check:hover ~ .text::before {
--r: 25px;
--opacity: 1;
}
.hero__area-3 #video_check:hover ~ .text::after {
-webkit-clip-path: var(--clip-path-hover);
clip-path: var(--clip-path-hover);
}
.hero__area-3 #video_check:hover ~ .text > span::after {
-webkit-clip-path: var(--clip-path-hover);
clip-path: var(--clip-path-hover);
}
.hero__area-3 {
position: relative;
overflow: hidden;
}
.hero__area-3 #video_check:checked ~ .video {
-webkit-clip-path: var(--clip-path-clicked);
clip-path: var(--clip-path-clicked);
}
.hero__area-3 #video_check:checked ~ .text {
--opacity: 0;
-webkit-transition: opacity 0.3s var(--timing-function);
transition: opacity 0.3s var(--timing-function);
}
.hero__area-3 #video_check:checked ~ .text::after {
-webkit-clip-path: var(--clip-path-clicked);
clip-path: var(--clip-path-clicked);
}
.hero__area-3 #video_check:checked ~ .text > span::after {
-webkit-clip-path: var(--clip-path-clicked);
clip-path: var(--clip-path-clicked);
}
.hero__area-3.start-video .hero3-img {
opacity: 0;
}
.hero__area-3.start-video .sec-title,
.hero__area-3.start-video .sec-sub-title,
.hero__area-3.start-video .hero__text-3 p,
.hero__area-3.start-video .intro-title .video-title {
color: var(--white-4);
}
.hero__area-3.start-video .sec-sub-title::after {
background-color: var(--white);
}  .tagcloud a {
background: #fff;
font-weight: 600;
font-size: 16px !important;
background: #FFFFFF;
box-shadow: 0px 4px 40px rgba(212, 212, 220, 0.18);
padding: 0px 12px;
display: inline-block;
position: relative;
}
.tagcloud a:before {
content: "#";
margin-right: 3px;
} .barfii-cat-elem {
border: 1px solid #E9E7FC;
padding-top: 20px;
padding-bottom: 25px;
border-top: 2px solid var(--color-primary);
}
.barfii-cat-elem li {
border-bottom: 1px solid #E9E7FC;
margin-bottom: 12px;
padding-bottom: 12px;
position: relative;
padding-left: 16px;
}
.barfii-cat-elem li a {
color: #5A5687;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.barfii-cat-elem li:last-child {
margin-bottom: 0;
}
.barfii-cat-elem li:before {
content: "\f192";
border-radius: 50%;
top: 1px;
left: 0;
font-family: "Font Awesome 5 Pro";
font-size: 10px;
position: absolute;
color: var(--color-primary);
font-weight: 900;
}
.barfii-cat-elem h5 {
border-bottom: 1px solid #E9E7FC;
text-align: center;
font-size: 20px;
clear: #4B4870;
margin-bottom: 15px;
padding-bottom: 15px;
}
.barfii-cat-elem ul {
padding: 0 20px;
}
.cate_layout-style-two .barfii__img_h img {
height: 250px;
}
.cate_layout-style-two .barfii__img_h {
margin-bottom: 20px;
}
.cate_layout-style-two .barfii-cate-badge {
margin-bottom: 10px;
}
.cate_layout-style-two .post__list-style-six {
margin-bottom: 30px;
} .barfii_list_post_fd .barfii_post__content {
background: #FFFFFF;
box-shadow: 0px 4px 40px rgb(212 212 220 / 18%);
padding: 100px 50px;
-webkit-box-flex: 0;
-ms-flex: 0 0 532px;
flex: 0 0 532px;
max-width: 532px;
padding-left: 130px;
}
.barfii_list_post_fd .barfii_post__img {
margin-right: -90px;
position: relative;
}
.barfii_list_post_fd .barfii_post_thumb img {
height: 450px;
}
.barfii_list_post_fd .barfii__post_title {
margin-bottom: 15px;
}
.barfii_list_post_fd .barfii__date {
margin-bottom: 15px;
}
.barfii_list_post_fd .barffii_bottom_meta {
margin-top: 30px;
}
.barfii_list_post_fd.flex-row-reverse .barfii_post__img {
margin-right: 0;
margin-left: -90px;
}
.barfii_list_post_fd.flex-row-reverse .barfii_post__content {
padding-left: 50px;
padding-right: 130px;
}
.post__list-style-five .barfii_post__img {
max-width: 100px;
flex: 0 0 100px;
margin-right: 12px;
}
.post__list-style-five .barfii_post__img img {
height: 100px;
}
.post__list-style-five .barfii__post_title {
font-size: 15px;
font-weight: 700;
line-height: 20px;
}
.post__list-style-five {
border: 1px solid #D2D1D1;
padding: 10px;
}
.post__list-style-five .barfii-cate-badge {
margin-bottom: 12px;
} .barfii_box_full_fd .barfii__read_mr {
color: var(--color-primary);
font-size: 16px;
font-weight: 600;
position: relative;
letter-spacing: 0.12em;
}
.barfii_box_full_fd .barfii__read_mr:after {
position: absolute;
bottom: -1px;
left: 50%;
width: 77px;
height: 1px;
content: "";
background: #E9E7FC;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.post__share_box a {
border: 1px solid #E9E7FC;
border-radius: 50%;
width: 36px;
height: 36px;
text-align: center;
line-height: 34px;
color: #4B4870;
font-size: 15px;
margin: 0 5px;
}
.post__share_box {
margin-top: 30px;
}
.barfii_box_full_fd .barfii_post_thumb img {
height: 486px;
}
.post__share_box {
position: relative;
}
.post__share_box:before, .post__share_box:after {
position: absolute;
width: 317px;
content: "";
background: #E9E7FC;
height: 1px;
top: 17px;
}
.post__share_box:before {
left: 0;
}
.post__share_box:after {
right: 0;
}
.barfii_box_full_fd .barfii_post_excerpt {
margin-bottom: 24px;
}
.barfii_box_full_fd .barfii_post_thumb {
margin-top: 24px;
margin-bottom: 30px;
}
.barfii_box_full_fd .barfii__post_title {
margin-bottom: 5px;
margin-top: 10px;
} .bnq__authore_about {
border: 1px solid #B2AEDD;
padding: 30px;
border-top: 2px solid var(--color-primary);
}
.barf__about_content a.primary-btn.barfii_btn {
margin-top: 40px;
}
.bnq__authore_about h4 {
font-size: 20px;
color: #4B4870;
margin-bottom: 15px;
}
.bnq__authore_about a {
color: var(--color-primary);
font-size: 16px;
font-weight: 600;
font-family: 'Source Sans Pro';
border-bottom: 1px solid #B2AEDD;
margin-top: 15px;
}
.bnq__authore_about p {
padding: 0 10px;
}
.bnq__authore_about img {
margin-bottom: 20px;
} .bnq__elm_widget.social_elm_widget {
border: 1px solid #B2AEDD;
border-top: 2px solid var(--color-primary);
}
.bnq__elm_widget h4 {
border-bottom: 1px solid #B2AEDD;
padding: 10px 0;
}
.social__icon_list a {
display: inline-block;
width: 38px;
height: 38px;
border: 1px solid #E9E7FC;
border-radius: 50%;
line-height: 37px;
margin: 0 3px;
font-size: 14px;
}
.social__icon_list {
padding: 30px 0;
} .bnq__newsletter {
background: #F2F0FF;
border: 1px solid #F2F1FC;
padding: 24px 30px;
}
.bnq__newsletter input[type="email"] {
width: 100%;
background: #fff;
border: none;
padding: 10px 15px;
color: #4B4870;
}
.bnq__newsletter button {
width: 100%;
border: none;
background: #4B4870;
color: #fff;
padding: 8px 0;
border-radius: 2px;
margin-top: 10px;
}
.bnq__newsletter h4 {
font-size: 18px;
letter-spacing: 0.06em;
position: relative;
padding-bottom: 8px;
margin-bottom: 20px;
}
.bnq__newsletter h4:after {
background: #D2CFF3;
content: "";
height: 1px;
width: 47px;
bottom: 0;
left: 50%;
position: absolute;
-webkit-transform: translate(-50%);
transform: translate(-50%);
}
.bnq__newsletter p {
color: #5A5687;
padding: 0 5px;
}
.bnq__newsletter input[type="email"]::-webkit-input-placeholder {
color: #D2CFF3;
}
.bnq__newsletter input[type="email"]::-moz-placeholder {
color: #D2CFF3;
}
.bnq__newsletter input[type="email"]:-ms-input-placeholder {
color: #D2CFF3;
}
.bnq__newsletter input[type="email"]::placeholder {
color: #D2CFF3;
}
.bnq__newsletter .mc4wp-form-fields {
margin-top: 20px;
}
.bnq__newsletter_two {
background-size: cover;
padding: 50px;
background-position: center;
position: relative;
background-attachment: fixed;
z-index: 1;
}
.bnq__newsletter_two button {
width: 100%;
background: #fff;
border: none;
padding: 12px;
font-size: 18px;
text-transform: uppercase;
}
.bnq__newsletter_two input[type="email"] {
background: transparent;
border: 1px solid #fff;
width: 100%;
padding: 12px 15px;
margin-bottom: 20px;
text-align: center;
color: #fff;
}
.bnq__newsletter_two input[type="email"]::-webkit-input-placeholder{
color: #fff;
}
.bnq__newsletter_two input[type="email"]::-moz-placeholder{
color: #fff;
}
.bnq__newsletter_two input[type="email"]:-ms-input-placeholder{
color: #fff;
}
.bnq__newsletter_two input[type="email"]::placeholder{
color: #fff;
}
.bnq__newsletter_two h4 {
margin-bottom: 15px;
}
.bnq__newsletter_two p {
margin-bottom: 26px;
}
.bnq__newsletter_two:after {
content: "";
width: 90%;
height: 90%;
position: absolute;
border: 2px dashed #fff;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
z-index: -1;
}
.bnq__newsletter_two.style_3 {
background-attachment: inherit;
}
.bnq__newsletter_two.style_3 button {
background: var(--color-primary);
color: #fff;
padding: 15px;
}
.bnq__newsletter_two.style_3 input[type="email"] {
background: transparent;
border: 1px solid #6C6F72;
color: #6C6F72;
}
.bnq__newsletter_two.style_3 input[type="email"]::-webkit-input-placeholder {
color: #6C6F72;
font-size: 14px;
font-weight: 700;
}
.bnq__newsletter_two.style_3 input[type="email"]::-moz-placeholder {
color: #6C6F72;
font-size: 14px;
font-weight: 700;
}
.bnq__newsletter_two.style_3 input[type="email"]:-ms-input-placeholder {
color: #6C6F72;
font-size: 14px;
font-weight: 700;
}
.bnq__newsletter_two.style_3 input[type="email"]::placeholder {
color: #6C6F72;
font-size: 14px;
font-weight: 700;
} .barfii__post-meta li {
color: #fff;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
position: relative;
padding-right: 25px;
font-family: var(--font-karla);
}
.barfii__post-meta li .auth_by {
font-weight: 500;
}
.barfii__post-meta li:not(:last-child):after {
position: absolute;
content: "-";
right: 8px;
}
.barfii__post-overlay-two .barfii__post_title {
font-size: 40px;
margin-bottom: 25px;
}
.barfii__post-overlay-two .barfii__post_title a {
color: #fff;
}
.barfii__post-overlay-two .cate__badge_mg {
margin-bottom: 20px;
}
.brf__post_ov_item.barfii__post-overlay-two {
z-index: 1;
}
.barfii__post-meta li strong {
font-weight: 700;
}
.brf__post_ov_item {
position: relative;
}
.ct__overlay-post .barfii__img_h img{
height: 450px;
}
.ct__overlay-post article {
margin-bottom: 24px;
}
.brf__post_ov_item .barfii_post__content {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
padding: 32px;
}
.brf__post_ov_item .barfii_post__content:after {
background: -webkit-linear-gradient(bottom,#191c20 0,#191c20f2 calc(100% - 150px),#191c2000 100%);
background: linear-gradient(to top,#191c20 0,#191c20f2 calc(100% - 150px),#191c2000 100%);
content: "";
position: absolute;
bottom: 0;
width: 100%;
left: 0;
height: 100%;
z-index: -1;
}
.brf__post_ov_item .barfii_post__content h3 a {
color: #fff;
}
.brf__post_ov_item .cate__badge_mg {
margin-bottom: 12px;
}
.barfii_post__meta li i {
margin-right: 3px;
}
.barfii-cate-badge {
padding: 8px 12px;
color: #fff;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
font-family: var(--font-karla);
border-radius: 30px;
border: 1px solid #121418;
transition: all 0.3s cubic-bezier(.5,2.5,.7,.7);
box-shadow: none;
transform: none;
line-height: 12px;
}
.barfii-cate-badge:hover {
color: #fff;
box-shadow: 1px 2px 0 0px #121418 ;
transform: translate(-2px,-2px);
}
.barfii_post__meta li {
color: #fff;
font-size: 14px;
padding-right: 24px;
text-transform: uppercase;
font-weight: 500;
}
.barfii_post__meta li:last-child {
padding-right: 0;
}
.brf__post_ov_item .barfii__post_title {
margin-bottom: 15px;
} .brf__post_list_item .barfii_post__img {
max-width: 247px;
-webkit-box-flex: 0;
-ms-flex: 0 0 347px;
flex: 0 0 347px;
margin-left: 25px;
}
.brf__post_list_item .barfii_post__meta li {
color: #666;
text-transform: uppercase;
}
.brf__post_list_item .barfii_post__meta li .auth_by {
font-weight: 600;
color: #121418;
}
.brf__post_list_item .barfii__post_title a {
color: #121418;
}
.brf__post_list_item .cate__badge_mg {
margin-bottom: 10px;
}
.brf__post_list_item .barfii_post__meta {
margin-top: 14px;
}
.brf__post_list_item {
box-shadow: 4px 4px 40px rgba(212, 212, 220, 0.32);
padding: 24px;
}
.post__list-style-six .barfii__post-meta li {
color: #717171;
}
.post__list-style-six .barfii__post-meta li strong {
color: #121418;
}
.post__list-style-six .barfii__post-meta {
margin-top: 6px;
}
.post__list-style-six:not(:last-child) {
margin-bottom: 20px;
}
.post__list-box .barfii_post__img {
flex: 0 0 70px;
max-width: 70px;
margin-right: 10px;
}
.post__list-box .barfii_post__img img {
height: 70px;
border-radius: 50px;
}
.post__list-box:not(:last-child) {
border-bottom: 1px solid #D9D9D9;
padding-bottom: 25px;
margin-bottom: 25px;
}
.post__list-box .barfii__post_title {
margin-bottom: 8px;
}
.post__list-box-two .barfii-cate-badge {
margin-bottom: 10px;
}
.post__list-box-two .barfii_post__img img {
height: 80px;
}
.post__list-box-two .barfii_post__img {
flex: 0 0 80px;
max-width: 80px;
margin-right: 15px;
border-radius: 50px;
overflow: hidden;
}
.post__list-box-two .barfii-cate-badge {
margin-bottom: 10px;
}
.post__list-box-two {
border-bottom: 1px solid #D9D9D9;
margin-bottom: 20px;
padding-bottom: 20px;
}
.barfii__post_box-new {
border: 1px solid #121418;
padding: 35px;
box-shadow: 3px 3px 0 0px #121418;
}
.post__list-box-two:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none;
} .brf__post_grid_item .barfii_post__img.barfii__img_h {
margin-top: 25px;
}
.brf__post_grid_item .cate__badge_mg {
margin-bottom: 15px;
}
.brf__post_grid_item .barfii_post__img img {
height: 282px;
}
.barf__post_sm_list .barfii_post__img {
max-width: 113px;
-webkit-box-flex: 0;
-ms-flex: 0 0 113px;
flex: 0 0 113px;
margin-right: 15px;
}
.barf__post_sm_list .barfii_post__img img {
height: 95px;
}
.barf__post_sm_list .barfii_post__meta li {
color: #666;
}
.barf__post_sm_list .barfii_post__meta {
margin-top: 8px;
}
.barf__post_sm_list {
margin-bottom: 20px;
}
.barf__post_sm_list:last-child {
margin-bottom: 0;
}
.sticky_sidebar .brf__post_grid_item.post__ti_lg {
position: sticky;
top: 0;
}
.post__list_th .barf__post_sm_list .barfii_post__img {
max-width: 150px;
-webkit-box-flex: 0;
-ms-flex: 0 0 150px;
flex: 0 0 150px;
margin-right: 20px;
}
.post__list_th .barf__post_sm_list .barfii_post__img img {
height: 85px;
}
.post__list_th .barf__post_sm_list {
position: relative;
}
.post__list_th .barf__post_sm_list .barfii_post__meta li {
color: #D0D0D0;
}
.barfii__post_title{
position: relative;
}
.post__count {
position: absolute;
top: 0;
right: 16px;
color: rgba(255, 255, 255, 0.28);
font-weight: 700;
font-size: 56px;
line-height: 46px;
}
.post_grid__itm__tw .barfii__post_title a {
color: #fff;
}
.post__list_th .barf__post_sm_list .barfii__post_title {
position: relative;
}
.post__list_th .barf__post_sm_list .barfii__post_title a {
color: #fff;
}
.post_grid__itm__tw .barfii_post__img.barfii__img_h {
margin-top: 0;
margin-bottom: 25px;
}
.barfii_post__meta li {
color: #666;
}
.barfii_tiles_post_grid .barfii_post__meta, .barfii_tiles_post_grid .barfii_post_excerpt {
margin-top: 15px;
}
.barfii_tiles_post_grid .brf__post_grid_item .barfii_post__img.barfii__img_h {
margin-top: 0;
margin-bottom: 25px;
}
.post__grid-four {
border-bottom: 1px solid #D9D9D9;
margin-bottom: 22px;
padding-bottom: 16px;
}
.barfii__post_list-new .post__list-style-six .barfii__post_title {
font-size: 18px;
line-height: 24px;
}
.col-lg-3.col-md-6:nth-last-child(-n+4) .post__list-style-six.post__grid-four {
border: none;
}
.col-lg-6.col-md-6.col-xl-6:nth-last-child(-n+2) .post__list-style-six.post__grid-four {
border: none;
}
.post__list-style-six.post__grid-video .barfii__post_title {
font-size: 20px;
line-height: 28px;
} .barfii__post_ajax .barfii_post__img {
max-width: 310px;
-webkit-box-flex: 0;
-ms-flex: 0 0 310px;
flex: 0 0 310px;
margin-right: 25px;
}
.barfii__post_ajax .barfii_post__img img {
height: 270px;
}
.barfii__post_ajax .barfii_btn:hover {
color: #fff;
border-color: var(--color-primary);
}
.barfii__post_ajax .barfii_btn .buble__btn {
background: var(--color-primary);
}
.barfii__post_ajax .barfii__post_title {
margin-bottom: 15px;
}
.barfii__post_ajax .barfii_post_excerpt {
margin-bottom: 15px;
color:#6C6F72;
}
.barfii__post_ajax:not(:last-child){
margin-bottom: 30px;
}
.barfii__post_ajax .barfii-cate-badge {
margin-bottom: 15px;
}
.barfii__post_ajax .barfii_btn {
border-color: #666666;
margin-top: 15px;
padding: 10px 35px;
}
.barfii__post_overlay .barfii_post__meta li {
color: #fff;
}
.barfii__post-video-list .barfii_post__meta {
margin-top: 10px;
}
.barfii__post_list_lg {
box-shadow: 0px 4px 40px rgba(212, 212, 220, 0.32);
padding: 24px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.barfii__post_list_lg .barfii_post__img.barfii__img_h img {
height: 290px;
}
.barfii__post_list_lg:not(:last-child) {
margin-bottom: 24px;
}
.barfii__post_list_lg .barfii_post__img.barfii__img_h {
-webkit-box-flex: 0;
-ms-flex: 0 0 360px;
flex: 0 0 360px;
max-width: 360px;
margin-left: 24px;
}
.barfii__post_list_lg .barfii__post_title {
margin-bottom: 15px;
}
.barfii__post_list_lg ul.barfii_post__meta {
margin-bottom: 15px;
}
.cate__layout-tow .barfii__post-meta li {
color: #121418;
}
.cate__layout-tow .barfii__post-meta {
margin-bottom: 15px;
}
.barfii__post_list_lg .barfii-cate-badge {
margin-bottom: 14px;
}
.brf__post_ov_item.bar_week_top_item .barfii_post__img.barfii__img_h img {
height: 485px;
}
.brf__post_ov_item.bar_week_top_item.slick-slide {
-webkit-transform: scale(0.88);
transform: scale(0.88);
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.brf__post_ov_item.bar_week_top_item.slick-slide.slick-center {
-webkit-transform: scale(1);
transform: scale(1);
} .barfii__post-video-list .barfii_post__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 137px;
flex: 0 0 137px;
max-width: 137px;
margin-left: 15px;
}
.barfii__post-video-list .barfii_post__img img {    
height: 102px;
}
.barfii__post-video-list:not(:last-child) {
margin-bottom: 24px;
}
.barfii__post-video-list .barfii__post_title a {
color: #fff;
}
.barfii__post-video-list .barfii__post_title {
font-size: 16px;
line-height: 26px;
}
a.barfii-video-popup {
width: 60px;
height: 60px;
line-height: 60px;
background: rgba(255, 255, 255, 0.68);
color: #0034C2;
border-radius: 50%;
font-size: 18px;
}
.post__list-style-six:hover .barfii-video-popup {
-webkit-animation: playSlowAnimation 1800ms linear infinite;
animation: playSlowAnimation 1800ms linear infinite;
}
.barfii-video-popup:hover {
background: #fff;
}
.barfii_post__img {
position: relative;
}
.barfii-play-btn {
position: absolute;
top: 40%;
text-align: center;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
left: 50%;
}
@-webkit-keyframes playSlowAnimation{
0%{
-webkit-box-shadow:0 0 0 0 rgba(255,255,255,.6)
}
70%{
-webkit-box-shadow:0 0 0 30px rgba(255,255,255,0)
}
100%{
-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0)
}
}
@keyframes playSlowAnimation{
0%{
box-shadow:0 0 0 0 rgba(255,255,255,.6)
}
70%{
box-shadow:0 0 0 30px rgba(255,255,255,0)
}
100%{
box-shadow:0 0 0 0 rgba(255,255,255,0)
}
}
.post__video_overlay .barfii_post__content {
background: #FFFFFF;
padding: 30px;
margin: 0 30px;
margin-top: -100px;
position: relative;
}
.post__video_overlay .barfii__post_title {
margin-top: 15px;
}
.post__video_overlay .barfii__post-meta li {
color: #121418;
}
.post__video_overlay .barfii__post-meta {
margin-top: 15px;
}
.barfii-video-btn {
position: absolute;
top: 40%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.barfii-video-btn a {
background: #f54923;
border-radius: 0;
text-align: center;
height: 80px;
width: 80px;
line-height: 80px;
}
.barfii__post_video-overlay:hover .barfii-video-btn a{
-webkit-animation: playSlowAnimation2 1800ms linear infinite;
animation: playSlowAnimation2 1800ms linear infinite;
}
.barfii-video-btn a:hover {
background: #121418;
}
@-webkit-keyframes playSlowAnimation2{
0%{
-webkit-box-shadow:0 0 0 0 rgba(245,73,35,.6)
}
70%{
-webkit-box-shadow:0 0 0 30px rgba(245,73,35,0)
}
100%{
-webkit-box-shadow:0 0 0 0 rgba(245,73,35,0)
}
}
@keyframes playSlowAnimation2{
0%{
box-shadow:0 0 0 0 rgba(245,73,35,.6)
}
70%{
box-shadow:0 0 0 30px rgba(245,73,35,0)
}
100%{
box-shadow:0 0 0 0 rgba(245,73,35,0)
}
} .post__common_list .barfii_post__img {
max-width: 160px;
-webkit-box-flex: 0;
-ms-flex: 0 0 160px;
flex: 0 0 160px;
margin-right: 20px;
}
.tab-pane .post__common_list .barfii_post__img {
max-width: 130px;
flex: 0 0 130px;
}
.post__common_list .barfii_post__img img {
height: 130px;
}
.post__common_list .barfii__post_title {
font-size: 16px;
line-height: 26px;
}
.post__common_list .barfii__post_title a {
color: #121418;
}
.post__common_list {
margin-bottom: 20px;
}
.post__common_list .barfii_post__meta {
margin-top: 8px;
}
.post__common_list .barfii-cate-badge{
margin-bottom: 10px;
}
.barfii__tabs_item .nav {
border: 1px solid #EEEEEF;
}
.barfii__tabs_item .nav li a {
background: transparent;
text-align: center;
color: #666666;
font-family: 'Roboto';
font-size: 16px;
padding: 8px;
border-radius: 0;
cursor: pointer;
}
.barfii__tabs_item .nav li a.active {
background: var(--color-primary);
}
.barfii__tabs_item .nav .nav-link.active {
background: var(--color-primary);
border-radius: 0;
}
.barfii__tabs_item .nav li.nav-item {
width: 92px;
}
.barfii__tabs_item .nav li.nav-item:not(:last-child) {
border-right: 1px solid #EEEEEF;
}
.barfii__tabs_item .nav-wrapper {
margin-bottom: 30px;
}
.post__list-box.box__two .barfii_post__img {
flex: 0 0 220px;
max-width: 220px;
margin-right: 20px;
}
.post__list-box.box__two .barfii_post__img img {
border-radius: 0;
}
.barfii__tab-wrap .post__list-box:not(:last-child) {
padding-bottom: 20px;
margin-bottom: 20px;
}
.post__list-box.first__box.box__two {
border-top: 1px solid #D9D9D9;
padding-top: 20px;
margin-top: 22px;
}
.barfii__tab-wrap .nav-link:hover, .barfii__tab-wrap .nav-link.active {
color: #fff;
box-shadow: 1px 2px 0 0px #121418 !important;
transform: translate(-2px,-2px);
} .bt-line {
height: 1px;
background: #CFCFCF;
flex-grow: 1;
max-width: 500px;
margin-top: -19px;
}
span.bt-line.left {margin-right: 40px;}
.btourq__stitle {align-items: center;}
span.bt-line.right {
margin-left: 40px;
}
.btourq__stitle.text-left .bt-line.left {
display: none;
}
.barfii__section-title span {
color: #121418;
font-family: "Lora", Sans-serif;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
}
.barfii__post_box-new .barfii__section-title {
margin-bottom: 30px;
}
.post-grid-box-wrap .barfii__section-title {
margin-bottom: 35px;
}
.barfii__widget-box {
border: 1px solid #121418;
padding: 50px;
box-shadow: 3px 3px 0 0px #121418 !important;
}
.barfii__social__profile a {
display: flex;
align-items: center;
background: #F54923;
color: #fff;
padding: 12px 15px;
transition: all 0.3s cubic-bezier(.5,2.5,.7,.7);
}
.barfii__social__profile a .count {
margin-left: auto;
}
.barfii__social__profile a:not(:last-child) {
margin-bottom: 10px;
}
.barfii__social__profile i {
margin-right: 10px;
}
.barfii__social__profile .name {
font-size: 18px;
font-weight: 700;
font-family: 'Karla';
}
.barfii__social__profile .counter {
margin-left: auto;
font-size: 12px;
}
.barfii__social__profile a:hover {
transform: translate(-2px,-2px);
box-shadow: 3px 3px 0 0px #121418 !important;
}
.btourq__stitle span {
color: #818181;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
}
.btourq__stitle {
margin-bottom: 25px;
}
.post-grid-box-wrap .post-grid-box {
padding: 0 3px;
} a.barfii-cate-name {
text-transform: uppercase;
font-family: var(--font-karla);
font-weight: 600;
line-height: normal;
display: block;
margin-bottom: 10px;
font-size: 14px;
}
.barfii__cat-item {
padding: 20px;
text-align: center;
background-size: cover;
background-position: center;
position: relative;
z-index: 1;
width: 100%;
}
.barfii__cat-item:after {
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.48), rgba(0, 0, 0, 0.48));
background: linear-gradient(0deg, rgba(0, 0, 0, 0.48), rgba(0, 0, 0, 0.48));
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.barfii__cat-item h4, .barfii__cat-item a {
color: #fff;
}
aside#secondary.widget-area .widget {
margin-bottom: 40px;
}
.barfii__cat-item:not(:last-child) {
margin-bottom: 10px;
}
.barfii__cat-item-col:not(:last-child) {
margin-bottom: 20px;
}
.barfii__cat-item .cat-count {
display: block;
margin-bottom: 5px;
}  .barfii_search_bar i {
color: #121418;
font-size: 16px;
cursor: pointer;
}
.search__popup {
padding-top: 70px;
padding-bottom: 100px;
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 380px;
background-color: #121418;
z-index: 999;
-webkit-transform: translateY(calc(-100% - 80px));
transform: translateY(calc(-100% - 80px));
-webkit-transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
-webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
transition: opacity 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.search__popup.search-opened {
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.search__popup.search-opened .search__input {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.search__popup.search-opened .search__input:after {
width: 100%;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.search__popup-2 {
background-color: #121418;
}
.search__popup-2 .search__input .search-input-field ~ .search-focus-border {
background-color: #fff;
}
.search__popup-3 .search__input .search-input-field ~ .search-focus-border {
background-color: #fff;
}
.search__top {
margin-bottom: 80px;
}
.search__input {
position: relative;
height: 80px;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.search__input:after {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 0%;
height: 1px;
background-color: rgba(255, 255, 255, 0.3);
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.search__input input {
width: 100%;
height: 100%;
background-color: transparent;
border: 0;
outline: 0;
font-size: 24px;
color: #fff;
border-bottom: 1px solid transparent;
padding: 0;
padding-right: 30px;
}
.search__input input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5);
font-size: 24px;
}
.search__input input:-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
font-size: 24px;
}
.search__input input::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
font-size: 24px;
}
.search__input input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
font-size: 24px;
}
.search__input button {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 18px;
color: #fff;
}
.search__input .search-input-field ~ .search-focus-border {
position: absolute;
bottom: 0;
left: auto;
right: 0;
width: 0;
height: 1px;
background-color: var(--color-primary);
-webkit-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.search__input .search-input-field:focus ~ .search-focus-border {
width: 100%;
left: 0;
right: auto;
-webkit-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
button{    
background: transparent;
border: none;
}
.bar_search__close-btn {
font-size: 25px;
color: rgba(255, 255, 255, 0.3);
-webkit-transition: .4s;
transition: .4s;
}
.bar_search__close-btn:hover {
color: #fff;
}
.search__result-title {
font-size: 50px;
letter-spacing: -0.04em;
margin-bottom: 0;
}  .wpcf7-form .barfii__newsletter .wpcf7-form-control-wrap input[type="email"] {
background: transparent !important;
border-bottom: 1px solid #5B5B5F;
padding: 8px 0;
}
form.wpcf7-form.init .barfii__newsletter p {
margin-bottom: 0;
}
.barfii__newsletter button {
position: absolute;
top: 0;
right: 0;
background: #F54923;
color: #fff;
font-size: 15px;
width: 35px;
height: 35px;
border-radius: 5px;
}  .elementor-widget-wrap>.elementor-element.about-overlay-content {
width: 675px;
} .barfii_team_item {
position: relative;
overflow: hidden;
}
.barfii_team_item:after {
background: -webkit-linear-gradient(89.28deg, #211F1F 0.68%, rgba(33, 31, 31, 0) 45.32%);
background: linear-gradient(0.72deg, #211F1F 0.68%, rgba(33, 31, 31, 0) 45.32%);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
}
.barfii_team_item:hover .team__content {
bottom: 24px;
}
.barfii_team_item:hover .team__content .tm__social-item {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.team__content {
position: absolute;
bottom: -15px;
left: 24px;
z-index: 1;
-webkit-transition: .4s;
transition: .4s;
width: 100%;
}
.tm__social-item li {
display: inline-block;
}
.team__content h3, .team__content .tm_design {
color: #fff;
}
.team__content .tm_design {
display: inline-block;
margin-top: 5px;
}
.tm__social-item li a {
background: var(--color-primary);
color: #fff;
width: 30px;
text-align: center;
height: 30px;
line-height: 30px;
margin-right: 2px;
}
.tm__social-item {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
margin-top: 15px;
-webkit-transition: .6s;
transition: .6s;
} .progress-bar {
height: 9px;
border-radius: 10px;
background: var(--color-primary);
}
.progress {
height: 9px;
border-radius: 10px;
background: #e6e6e6;
}
.barfii__pergress_wrap h4 {
color: #000000;
text-transform: capitalize;
font-weight: 600;
margin-bottom: 15px;
}
.barfii__pergress_wrap {
margin-bottom: 30px;
} .barfii_breadcurmb_wrap ul {
font-family: var(--font-karla);
font-size: 16px;
font-weight: 500;
padding-right: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.barfii_breadcurmb_wrap li {
position: relative;
padding-right: 15px;
}
.barfii_breadcurmb_wrap li:after {
content: "\f105";
position: absolute;
right: 14px;
font-family: 'Font Awesome 5 Pro';
top: 1px;
}
.barfii_breadcurmb_wrap li:last-child:after {
content: "";
}
.barfii_breadcurmb_wrap li a {
margin-right: 10px;
}
.barfii_breadcurmb_wrap .breadcrumb {
margin-bottom: 25px;
margin-top: 25px;
}
.barfii_breadcurmb_wrap li:last-child i {
padding-right: 12px;
}  #barfii_reading_progress {
--scrollAmount: 0%;
background: var(--color-primary);
width: var(--scrollAmount);
height: 4px;
position: fixed;
top: 0;
left: 0;
z-index: 99;
}
.bnq-navi__thumb {
-webkit-box-flex: 0;
-ms-flex: 0 0 105px;
flex: 0 0 105px;
max-width: 105px;
border-radius: 50%;
overflow: hidden;
}
.post_nav_inner span {
margin-bottom: 6px;
font-family: 'Karla';
text-transform: uppercase;
font-weight: 500;
}
.post-next-prev.pfy__post_np {
padding-top: 30px;
padding-bottom: 50px;
}
.next-post-item .post_nav_inner {
text-align: right;
}
.prev-post-item .bnq-navi__thumb {
margin-right: 15px;
}
.next-post-item .bnq-navi__thumb {
margin-left: 15px;
}
.barfii_single_post-meta ul li {
display: inline-block;
display: inline-block;
color: #646464;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
padding-right: 32px;
font-family:var(--font-karla);
}
.barfii_single_post-meta ul li:last-child {
padding-right: 0;
}
.barfii_single_post-meta ul li i {
margin-right: 3px;
}
.barfii_single_post-meta {
margin-top: 16px;
margin-bottom: 30px;
}
.barfii_single_post-meta ul li img {
border-radius: 50%;
margin-right: 10px;
}
.barfii__post_wap_loop .barfii-cate-badge {
margin-bottom: 12px;
}
.barfii__single-post-wrap{
padding-top: 20px;
padding-bottom: 80px;
}
.barfii__post_wap_loop .entry-title {
font-size: 32px;
line-height: 46px;
color: #121418;
}
.barfii-single-con .entry-content iframe {
width: 100%;
margin: 10px 0;
margin-bottom: 15px;
}
.barfii-single-con .entry-content > p:first-child:first-letter {
font-size: 56px;
line-height: 52px;
color: var(--color-primary);
float: left;
padding: 5px 10px;
padding-left: 0;
vertical-align: top;
text-transform: uppercase;
}
.barfii-single-con .entry-content p {
margin-bottom: 20px;
}
blockquote {
background: #F5F5F5;
padding: 40px;
position: relative;
padding-left: 50px;
padding-top: 100px;
margin: 30px 0;
}
blockquote p {
font-size: 24px;
font-family: 'Karla';
color: #121418;
line-height: 40px;
font-weight: 700;
}
blockquote:after {
position: absolute;
left: 0;
top: 0;
width: 4px;
height: 100%;
background: var(--color-primary);
content:
"";
}
blockquote cite {
font-style: italic;
color: var(--color-primary);
font-weight: 700;
}
blockquote:before {
position: absolute;
content: "\f10e";
top: 40px;
left: 49px;
color: var(--color-primary);
font-family: 'Font Awesome 5 Pro';
font-size: 50px;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
margin-bottom: 20px;
}
.entry-content dd{
margin: 0 16px 16px;
margin: 0 1rem 1rem;
font-size: 15px;
line-height: 26px;
}
.entry-content ul, .comment-content ul{
margin-top: 20px;
margin-bottom: 20px;
list-style: disc;
padding-left: 20px;
}
.entry-content ul li, .comment-content ul li{
list-style: disc;
line-height: 1.8;
margin-bottom: 15px;
font-weight: 500;
}
.entry-content a{
color: var(--color-primary);
font-weight: 500;
}
.entry-content ul ul, .comment-content ul ul{
margin: 10px 0 0;
list-style: circle;
}
.wp-block-columns {
margin-bottom: 5px;
}
.wp-block-columns.wp-container-3, .wp-block-columns.wp-container-6 {
margin-bottom: 20px;
}
figcaption.wp-element-caption {
text-align: center;
}
.tags-links a {
color: #666666;
background: #F5F5F5;
padding: 4px 15px;
font-size: 14px;
font-weight: 400;
margin: 0 5px;
}
.tags-links {
color: #121418;
font-weight: 600;
font-size: 14px;
}
.barfii_tags {
margin-top: 50px;
margin-bottom: 40px;
}
.tags-links i {
margin-right: 5px;
}
.entry-content p:last-child {
clear: both;
overflow: hidden;
} .barfii__post-share .social-box a {
width: 36px;
height: 36px;
background: var(--color-primary);
text-align: center;
color: #fff;
line-height: 36px;
border-radius: 50%;
}
.barfii__post-share .social-box a.fb {
background: #4f5fbf;
}
.barfii__post-share .social-box a.tw {
background: #48bde9;
}
.barfii__post-share .social-box a.wh {
background: #41d87a;
}
.barfii__post-share .social-box a.em {
background: #f7a836;
}
.barfii__post-share .social-box a.ln {
background: #0077b5;
}
.barfii__post-share .social-box a.pt {
background: #b50000;
}
.barfii__post-share .social-box a:not(:last-child) {
margin-right: 5px;
}
.barfii__post-share .social-box {
margin-bottom: 25px;
}
.barfii__post_wap_loop .pfy-single-post-thumb {
margin-bottom: 40px;
}
.barfii__post-share .social-box span {
margin-right: 10px;
}
.barfii__post-share .social-box a.em, .barfii__post-share .social-box .barfii-print-btn{
background: transparent;
border: 1px solid #646464;
color: #646464;
cursor: pointer;
}
.barfii__post-share .social-box .barfii-print-btn {
width: 36px;
text-align: center;
height: 36px;
line-height: 36px;
border-radius: 50%;
margin-right: 0;
padding-right: 0;
} .barfii__author_bio__Wrapper {
margin-bottom: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #F5F5F5;
padding: 30px;
}
.barfii__author_bio__Wrapper .author-thumb {
margin-right: 24px;
max-width: 106px;
-webkit-box-flex: 0;
-ms-flex: 0 0 106px;
flex: 0 0 106px;
border-radius: 50%;
overflow: hidden;
}
.barfii__author_bio__Wrapper .author-thumb {
margin-right: 24px;
max-width: 106px;
-webkit-box-flex: 0;
-ms-flex: 0 0 106px;
flex: 0 0 106px;
border-radius: 50%;
overflow: hidden;
}
.theme_author__Name {
color: #121418;
font-size: 20px;
font-weight: 700;
line-height: 26px;
text-transform: capitalize;
}
.theme_author_Title {
color: #6C6F72;
font-weight: 400;
font-style: italic;
margin-bottom: 15px;
} span.comt-bar {
border-bottom: 2px dashed #D9D9D9;
border-top: 2px dashed #D9D9D9;
display: block;
padding: 2px 0;
}
p.comment-form-cookies-consent {
margin-bottom: 15px;
}
.comment-form input[type="email"], .comment-form input[type="text"], .comment-form input[type="url"] {
margin-bottom: 15px;
}
div#comments.comments-area {
margin-top: 40px;
margin-bottom: 40px;
}
form#commentform.comment-form input[type="text"], form#commentform.comment-form input[type="email"], form#commentform.comment-form input[type="url"], form#commentform.comment-form textarea,
form.wpcf7-form.init input[type="text"],
form.wpcf7-form.init input[type="email"],
form.wpcf7-form.init input[type="url"],
form.wpcf7-form.init input[type="tel"],
form.wpcf7-form.init select,
form.wpcf7-form.init textarea {
width: 100%;
background: #F5F5F5;
border: none;
padding: 15px 15px;
}
.comment-form-comment {
margin-bottom: 15px;
}
.comment-form-comment label {
display: none;
}
.form-submit input[type="submit"] {
padding: 14px 45px;
border-radius: 30px;
font-size: 15px;
text-transform: uppercase;
color: #fff;
font-weight: 700;
letter-spacing: 2px;
font-family: var(--font-karla);
background-color: var(--color-primary);
box-shadow: 1px 3px 0 0px #121418;
border: 1px solid #121418;
transition: all 0.3s cubic-bezier(.5,2.5,.7,.7);
transform: translate(-2px,-2px);
}
.form-submit input[type="submit"]:hover {
box-shadow: none;
transform: none;
}
#reply-title.comment-reply-title {
color: #121418;
font-size: 30px;
line-height: 38px;
margin-bottom: 10px;
}
h2.comments-title {
margin-bottom: 40px;
}
.comment-notes {
margin-bottom: 20px;
}
form#commentform.comment-form textarea:focus-visible, form#commentform.comment-form textarea:focus{
outline: none;
border: none;
} ol.comment-list li {
background: #F5F5F5;
padding: 30px;
}
ol.comment-list li .author-thumb {
position: absolute;
top: 0;
left: 0;
border-radius: 50%;
overflow: hidden;
}
.comment-body {
position: relative;
padding-left: 80px;
}
.comment-content {
margin-left: 24px;
}
.comment-content .name {
font-size: 22px;
line-height: 28px;
margin-bottom: 10px;
}
.comment-content .comment-date {
color: #ADADAD;
}
.comment-content p {
margin-top: 15px;
}
ol.comment-list>li:not(:first-child) {
margin-top: 40px;
}
.comments-area .comment-list .children {
padding-left: 40px;
margin-top: 40px;
}
.comment-footer .comment-reply-link {
background: var(--color-primary);
padding: 3px 19px;
font-size: 12px;
color: #fff;
border-radius: 2px;
position: absolute;
top: 0;
right: 0;
-webkit-transition: .4s;
transition: .4s;
font-weight: 500;
}
div#respond.comment-respond {
margin-top: 40px;
}
p.logged-in-as {
margin-bottom: 15px;
}
a#cancel-comment-reply-link {
color: var(--color-primary);
font-size: 22px;
margin-left: 15px;
}  .barfii__error_content img {
max-width: 750px;
}
.barfii-error-page {
padding: 80px 0;
}
.barfii__error_content h1 {
font-size: 55px;
margin-bottom: 30px;
}
.barfii__error_content img {
max-width: 800px;
margin-bottom: 50px;
}
.barfii-error-page {
padding: 80px 0;
}
.barfii__error_content h1 {
font-size: 55px;
margin-bottom: 30px;
}
.error__desc {
padding: 0 280px;
margin-bottom: 25px;
}
.barfii__error_content .primary-btn.barfii_btn {
margin-top: 40px;
}
.barfii_error-search input[type="search"] {
background: #FFFFFF;
border: 1px solid #DEDEDE;
box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
padding: 15px 20px;
width: 100%;
}
.barfii_error-search .screen-reader-text {
display: none;
}
.barfii_error-search button {
position: absolute;
top: 15px;
right: 22px;
font-size: 20px;
color: #121418;
}
.barfii_error-search {
position: relative;
}
.barfii_error-search .searchform {
width: 45%;
margin: 0 auto;
position: relative;
}
.barfii_error-search label {
width: 100%;
} .barfii__post_grid.barfii_related {
margin-top: 30px;
}
.barfii_related .barfii__post_title {
font-size: 24px;
font-weight: 700;
line-height: 32px;
}
.barfii_related .barfii_post__img img{
height: 250px;
}
.barfii_related .barfii-cate-badge {
margin-bottom: 10px;
}
.barfii_related .barfii_post__img {
margin-bottom: 20px;
}
.releted-title {
margin-bottom: 30px;
}
.barfii_related .brf__post_grid_item .barfii_post__img img {
height: 200px;
}  .form.wpcf7-form.init label {
color: #020000;
margin-bottom: 7px;
}
.wpcf7-form-control-wrap {
margin-top: 5px;
}
form.wpcf7-form.init p {
margin-bottom: 20px;
}
form.wpcf7-form.init label, form.wpcf7-form.init .wpcf7-form-control-wrap {
width: 100%;
}
form.wpcf7-form.init textarea {
height: 160px;
} .barfii_ct-info-content {
text-align: center;
background: #FFFFFF;
box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.06);
padding: 50px;
}
.barfii_ct-info-content .icon {
background: #FFE4EB;
width: 100px;
margin: 0 auto;
height: 100px;
line-height: 100px;
border-radius: 50%;
margin-bottom: 24px;
}
.barfii_ct-info-content h3 {
color: #020000;
margin-bottom: 15px;
font-weight: 600;
}
.barfii_ct-info-content p {
color: #646464;
} .authore__bio_wrap .auth__total_post {
max-width: 300px;
-webkit-box-flex: 0;
-ms-flex: 0 0 300px;
flex: 0 0 300px;
}
.authore__bio_wrap .theme_author__Name {
font-size: 24px;
line-height: 28px;
}
.authore__bio_wrap .theme_author_Title {
font-size: 18px;
margin-top: 10px;
}
.theme_author_socials_icon a {
display: inline-block;
border: 1px solid #DEDEDE;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
border-radius: 50px;
font-size: 14px;
margin-right: 7px;
color: #9298B9;
transition: .5s;
}
.theme_author_socials_icon a:hover{
background-color: var(--color-primary);
color: #fff;
border-color: var(--color-primary);
}
.theme_author_socials_icon {
margin-top: 20px;
} .toggle-hidden-bar .icon {
font-size: 32px;
top: -3px;
position: relative;
}
.hidden-bar {
position: fixed;
right: 0;
top: 0px;
height: 100%;
overflow-y: auto;
z-index: 99999;
max-width: 420px;
width: 100%;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: translateX(100%);
transform: translateX(100%);
visibility: hidden;
background: #121418;
-webkit-transition: all 0.75s ease;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.hidden-bar::-webkit-scrollbar {
width: 2px;
}
.hidden-bar::-webkit-scrollbar-track {
box-shadow: inset 0 0 2px #cecece;
border-radius: 10px;
}
.hidden-bar::-webkit-scrollbar-thumb {
background: #7a7a7a;
border-radius: 10px;
}
.hidden-bar::-webkit-scrollbar-thumb:hover {
background: #7a7a7a;
}
.hidden-bar .inner-box {
position: relative;
width: 100%;
height: 100%;
}
.hidden-bar .upper-box {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
padding: 30px 30px 25px;
border-bottom: 1px solid #5B5B5F;
}
.hidden-bar .upper-box .close-btn {
position: relative;
top: -5px;
text-align: center;
font-size: 18px;
line-height: 30px;
color: #fff;
cursor: pointer;
z-index: 10;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.barfii__post-cate-wrapper.barfii__side-cate {
padding: 30px;
}
.hidden-bar .upper-box .close-btn:hover {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.hidden-bar .upper-box .nav-logo {
position: relative;
text-align: left;
width: 100%;
}
.hidden-bar .upper-box .nav-logo img {
max-height: 40px;
}
.hidden-bar .text-box {
position: relative;
padding: 25px 30px 25px;
}
.contact-list-two {
position: relative;
padding: 30px 30px 20px;
}
.contact-list-two li {
position: relative;
margin-bottom: 20px;
}
.contact-list-two li:last-child {
margin-right: 0;
}
.contact-list-two li .contact-info-box {
position: relative;
padding-left: 54px;
font-size: 14px;
line-height: 24px;
color: var(--theme-color1);
}
.contact-list-two li .contact-info-box a {
color: var(--theme-color1);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.contact-list-two li .contact-info-box .icon {
position: absolute;
left: 0;
top: 0;
font-size: 34px;
line-height: 50px;
background: var(--gradient-1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.contact-list-two li .contact-info-box .title {
display: block;
font-size: 12px;
color: var(--theme-color1);
font-weight: 700;
text-transform: uppercase;
}
.hidden-bar-back-drop {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.active-hidden-bar .hidden-bar {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}
.active-hidden-bar .hidden-bar-back-drop {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}
.hidden-bar .social-links {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #121418;
width: 100%;
border-top: 1px solid rgba(255, 255, 255, 0.4);
margin-top: auto;
}
.hidden-bar .social-links li {
position: relative;
text-align: center;
width: 100%;
border-right: 1px solid #5B5B5F;
}
.hidden-bar .social-links li a {
position: relative;
display: block;
line-height: 50px;
height: 50px;
font-size: 14px;
text-align: center;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #fff;
}
.hidden-bar .social-links li a:hover {
color: var(--theme-color2);
} .barfii_populer_post .populer__thumb {
border-radius: 50%;
overflow: hidden;
margin-right: 25px;
-webkit-box-flex: 0;
-ms-flex: 0 0 90px;
flex: 0 0 90px;
max-width: 90px;
}
.barfii_populer_post .populer__content h4 a {
color: #fff;
}
.barfii_populer_post ul {
margin-top: 5px;
}
.barfii_populer_post .barfii-cate-name {
margin-bottom: 4px;
}
.barfii__pp_post .date {
color: #EEEEEE;
font-size: 14px;
margin-top: 10px;
}
.barfii__pp_post {
padding: 30px;
}
.barfii__pp_post .date i {
margin-right: 3px;
}
.barfii__new_title.se_style__two.white_color h3 {
color: #fff;
}
.barfii_populer_post:not(:last-child) {
margin-bottom: 30px;
}
.barfii__pp_post .barf__sec_ttiel {
margin-bottom: 35px;
}
.barfii__new_title.white_color .barf__sec_ttiel span.ttl__line {
border-color: #fff;
}
.barfii__post-cate-wrapper.barfii__side-cate .barf__sec_ttiel {
margin-bottom: 30px;
} .barfii_common-post-item .post-thumb-img {
margin-bottom: 24px;
}
.barfii_common-post-item .barfii-cate-badge {
margin-bottom: 15px;
}
.barfii_common-post-item .barfii__post_title {
margin-bottom: 10px;
}
.barfii_common-post-item .post-content ul li {
display: inline-block;
font-size: 14px;
font-weight: 500;
color: #666666;
}
.barfii_common-post-item {
margin-bottom: 50px;
}
.barfii_common-post-item .post-content ul {
margin-bottom: 20px;
}
.barfii_common-post-item .post-content .barfii_readmore-btn {
margin-top: 30px;
} .barfii_main-pagi ul li a, .barfii_main-pagi ul li span {
border: 1px solid rgba(102, 102, 102, 0.2);
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
color: #121418;
font-weight: 500;
-webkit-transition: .4s;
transition: .4s;
}
.barfii_main-pagi ul li a:hover, .barfii_main-pagi ul li span:hover {
background-color: var(--color-primary);
border-color: var(--color-primary);
color: #fff;
}
.barfii_main-pagi ul li {
display: inline-block;
margin-right: 5px;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: -ms-grid;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
-ms-grid-columns: (1fr)[5];
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
-ms-grid-columns: (1fr)[6];
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
-ms-grid-columns: (1fr)[7];
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
-ms-grid-columns: (1fr)[8];
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
-ms-grid-columns: (1fr)[9];
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
} .widget_search input[type="search"] {
background: #FFFFFF;
box-shadow: 4px 4px 40px rgba(212, 212, 220, 0.32);
border: none;
padding: 15px 20px;
width: 78%;
margin-right: -5px;
}
.widget_search button {
background: var(--color-primary);
padding: 15px;
color: #fff;
width: 72px;
}
aside#secondary.widget-area {
padding-left: 25px;
}
.widget_barfii_recent_posts .thumb {
max-width: 100px;
-webkit-box-flex: 0;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
margin-right: 20px;
overflow: hidden;
border-radius: 50%;
}
.widget_barfii_recent_posts .thumb a{
display: block;
}
.widget_barfii_recent_posts .thumb img {
height: 100px;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.widget_barfii_recent_posts .post:not(:last-child) {
margin-bottom: 30px;
}
.widget_barfii_recent_posts .barfii-cate-name {
margin-bottom: 4px;
}
.page-content .searchform input[type="search"] {
background: #FFFFFF;
margin-right: -5px;
border: 1px solid #ebebeb;
padding: 12px 15px;
width: 80%;
}
.page-content .search-btn {
background: var(--color-primary);
padding: 12px;
color: #fff;
width: 72px;
}
section.no-results.not-found h1 {
margin-bottom: 15px;
}
section.no-results.not-found .page-content p {
margin-bottom: 15px;
}
.widget_barfii_recent_posts h5 {
margin-bottom: 5px;
font-size: 18px;
line-height: 28px;
}
.widget_barfii_recent_posts .barfii-cate-badge {
padding: 0px 8px 0px 8px;
line-height: 24px;
margin-bottom: 10px;
}
.widget_barfii_recent_posts .barfii__post-meta li {
color: #121418;
}
.widget_barfii_recent_posts .post_date {
font-size: 14px;
font-weight: 500;
}
.widget_barfii_newsletter_form h4 {
font-size: 32px;
line-height: 46px;
font-weight: 600;
}
.barfii__new_title .barf__sec_ttiel.widget-title span.ttl__line {
border-color: var(--color-primary);
}
h3.widget-title.barf__sec_ttiel {
margin-bottom: 30px;
} .barfii-preloader {
position: fixed;
background: #121418;
width: 100%;
height: 100%;
z-index: 9999;
top: 0;
left: 0;
}
.loader{
position: absolute;
left:50%;
margin-top: 32px;
margin-top:2rem;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height:5px;
width: 240px;
width:15rem;
background-color:#fff;
}
.loading{
background-color: var(--color-primary);  
width: 80px;  
width:5rem;
height:5px;
-webkit-animation: animation 1.8s infinite;
animation: animation 1.8s infinite;
}
@-webkit-keyframes animation {
0% {
-webkit-transform: translateX(0rem);
transform: translateX(0rem);
}
50% {
-webkit-transform: translateX(10rem);
transform: translateX(10rem);
}
100% {
-webkit-transform: translateX(0rem);
transform: translateX(0rem);
}
}
@keyframes animation {
0% {
-webkit-transform: translateX(0rem);
transform: translateX(0rem);
}
50% {
-webkit-transform: translateX(10rem);
transform: translateX(10rem);
}
100% {
-webkit-transform: translateX(0rem);
transform: translateX(0rem);
}
}
.barfii-preloader .preload {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
} .back-top-btn {
position: fixed;
background: #121418;
width: 50px;
height: 50px;
right: 30px;
bottom: 30px;
text-align: center;
color: #fff;
line-height: 50px;
border-radius: 50px;
cursor: pointer;
z-index: 11;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
-webkit-transition: all 0.7s ease-out 0s;
transition: all 0.7s ease-out 0s;
}
.back-top-btn.active {
top: 90%;
-webkit-transform: translateY(-98%);
transform: translateY(-98%);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}
.back-top-btn:hover {
background: var(--color-primary);
box-shadow: 0 4px 15px var(--color-primary);
} .item-slick.slick-slide.slick-current.slick-active {
outline: none !important;
}
.slider-for {
margin-bottom: 15px;
}
.slider-for img {
width: 100%;
min-height: 100%;
}
.slider-nav {
margin: auto;
}
.slider-nav .item-slick {
max-width: 240px;
margin-right: 15px;
outline: none !important;
cursor: pointer;
}
.slider-nav .item-slick img {
max-width: 100%;
background-size: cover;
background-position: center;
}
.slick-arrow {
position: absolute;
top: 50%;
z-index: 50;
margin-top: -12px;
}
.slick-prev {
left: 0;
}
.slick-next {
right: 0;
}
.barfii_populer_post .populer__thumb img {
height: 90px;
object-fit: cover;
} [data-theme="dark"] .lightlogo {
display: none;
}
[data-theme="dark"] .post__list-style-six .barfii__post-meta li strong {
color: #fff;
}
.barfii-switch-box-wrap input[type="checkbox"] {
position: relative;
width: 48px;
height: 27px;
-webkit-appearance: none;
border: 1px solid #D9D9D9;
outline: none;
border-radius: 20px;
-webkit-transition: 0.7s;
transition: 0.7s;
cursor: pointer;
line-height: 27px;
margin-top: 8px;
}
.barfii-switch-box-wrap input:checked[type="checkbox"] {
background: #fff;
}
.barfii-switch-box {
line-height: normal;
}
.barfii__main-right div:not(:first-child) {
padding-left: 25px;
}
.barfii-switch-box-wrap input[type="checkbox"]:before {
content: "\f186";
position: absolute;
width: 20px;
height: 20px;
border-radius: 30px;
top: 3px;
left: 5px;
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: .5s;
transition: .5s;
text-align: center;
line-height: 19px;
font-family: 'Font Awesome 5 Pro';
background: #121418;
font-size: 12px;
color: #fff;
}
.barfii-switch-box-wrap input:checked[type="checkbox"]:before {
left: 22px;
}
[data-theme="dark"] body, 
[data-theme="dark"] .elementor-section{
background-color: #121418 !important;
color: #e4e4e4;
}
[data-theme="dark"] .barfii_post__meta li,
[data-theme="dark"] .barfii__post_ajax .barfii_post_excerpt,
[data-theme="dark"] .barfii__post_ajax .barfii_btn,
[data-theme="dark"] .barfii__tabs_item .nav li a,
[data-theme="dark"] .barffi__header_three .breeko_mainmenu .site-navigation ul li a,
[data-theme="dark"] .barffi__header_three .breeko_mainmenu .site-navigation ul li.menu-item-has-children:after,
[data-theme="dark"] .tags-links{
color: #e4e4e4;
}
[data-theme="dark"] .barfii_single_post-meta ul li,
[data-theme="dark"] .barfii_post__meta li{
color: #a2a2a2 !important;
}
[data-theme="dark"] .widget_search input[type="search"],
[data-theme="dark"] .barfii__post_list_lg {
background: #0f1217;
box-shadow: none;
}
[data-theme="dark"] .elementor-dark-section .elementor-element{
background-color: #121418 !important;
}
[data-theme="dark"] .barfii__author_bio__Wrapper,
[data-theme="dark"] form#commentform.comment-form input[type="text"], 
[data-theme="dark"] form#commentform.comment-form input[type="email"], 
[data-theme="dark"] form#commentform.comment-form input[type="url"], 
[data-theme="dark"] form#commentform.comment-form textarea, 
[data-theme="dark"] form.wpcf7-form.init input[type="text"], 
[data-theme="dark"] form.wpcf7-form.init input[type="email"], 
[data-theme="dark"] form.wpcf7-form.init input[type="url"], form.wpcf7-form.init [data-theme="dark"] input[type="tel"], form.wpcf7-form.init select, 
[data-theme="dark"] form.wpcf7-form.init textarea,
[data-theme="dark"] blockquote,
[data-theme="dark"] ol.comment-list li,
[data-theme="dark"] .breeko_mainmenu ul li .sub-menu,
[data-theme="dark"] .tags-links a,
[data-theme="dark"] .barfii__main-menu ul li .sub-menu{
background: #0f1217;
}
[data-theme="dark"] .barfii__tabs_item .nav li.nav-item:not(:last-child),
[data-theme="dark"] .barfii__tabs_item .nav{
border-color:#e4e4e4 ;
}
[data-theme="dark"] h1, 
[data-theme="dark"] h2, 
[data-theme="dark"] h3, 
[data-theme="dark"] h4, 
[data-theme="dark"] h5, 
[data-theme="dark"] h6, 
[data-theme="dark"] h1 a, 
[data-theme="dark"] h2 a, 
[data-theme="dark"] h3 a, 
[data-theme="dark"] h4 a, 
[data-theme="dark"] h5 a, 
[data-theme="dark"] h6 a,
[data-theme="dark"] .barffi__header_three .barfii_hamburger-menu span, 
[data-theme="dark"] .barffi__header_three .barfii_search_bar,
[data-theme="dark"] .barfii__main-menu ul li a, 
[data-theme="dark"] .barfii__main-menu ul li.menu-item-has-children:after,
[data-theme="dark"] .barfii_search_bar i,
[data-theme="dark"] .break-swiper-arrow i{
color: #fff !important;
}
[data-theme="dark"] .bnq__newsletter_two.style_3 {
background-image: none !important;
}
[data-theme="dark"] .barffi__two_menu_wrap, 
[data-theme="dark"] .barfii_ct-info-content {
background: #0f1217;
}
[data-theme="dark"] .site-navigation .navigation li.menu-item-has-children .sub-menu .menu-item-has-children:after{
color: #fff;
}
[data-theme="dark"] .brf__post_list_item {
box-shadow: none;
padding: 24px;
background: #0f1217;
}
[data-theme="dark"] .barfii_cart_count img,
[data-theme="dark"] .barfii__hambrug.barfii_hamburger_triger img{
filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="15" /><feFuncG type="linear" slope="15" /><feFuncB type="linear" slope="15" /></feComponentTransfer></filter></svg>#filter');
-webkit-filter: brightness(15);
filter: brightness(15);
}
[data-theme="dark"] .barfii_cart_count .count{
color: #08090b;
}
[data-theme="dark"] .stickyHeader{
background: #08090b;
}
[data-theme="dark"] .barfii__main-menu-wrap,
[data-theme="dark"] .barfii__middle-header-wrap,
[data-theme="dark"] .break-swiper-arrow,
[data-theme="dark"] .post__list-box:not(:last-child),
[data-theme="dark"] .barfii__post_box-new, 
[data-theme="dark"] .post__list-box-two,
[data-theme="dark"] .barfii__widget-box,
[data-theme="dark"] .post-grid-box-wrap,
[data-theme="dark"] .post__list-style-five{
border-color: #5B5B5F;
}
[data-theme="dark"] .barfii__top-header-wrap {
background: #0a0d12;
}
[data-theme="dark"] .barfii__post_box-new,
[data-theme="dark"] .barfii__widget-box{
box-shadow: 3px 3px 0 0px #5B5B5F !important;
}
[data-theme="dark"] .barfii__social__profile a:hover, 
[data-theme="dark"] .post-grid-box-wrap {
box-shadow: 3px 3px 0 0px #fff !important;
}
[data-theme="dark"] .barfii-cate-badge:hover {
box-shadow: 1px 2px 0 0px #ffffff !important;
}
[data-theme="dark"] .barfii-cate-badge{
border-color: #fff;
}
[data-theme="dark"] .barfii__post-meta li{
color: #B9B9B9 !important;
}
[data-theme="dark"] .barfii__post_overlay .barfii__post-meta li,
[data-theme="dark"] blockquote p {
color: #fff !important;
}
[data-theme="dark"] .barfii__main-menu-wrap:after{
background:#5B5B5F ;
}
[data-theme="dark"] .elementor-section.barfii-dark-one,
[data-theme="dark"] .elementor-section.barfii-dark-one section,
[data-theme="dark"] .post__video_overlay .barfii_post__content,
[data-theme="dark"] .barfii__main-menu-wrap{
background: #0a0d12!important;
}
[data-theme="dark"] .barfii__logo-box .darklogo {
display: block;
}
[data-theme="dark"] .barfii__logo-box .barfii__main-logo {
display: none;
}
.barfii__logo-box .darklogo {
display: none;
}
[data-theme="dark"] .barfii__main-menu ul li a:hover{
color: var(--color-primary) !important;
} .b-count {
position: absolute;
bottom: -27px;
right: 25px;
background: #fff;
width: 60px;
height: 60px;
text-align: center;
line-height: 52px;
border-radius: 50%;
border: 5px solid #FFECE4;
color: #121418;
font-size: 24px;
font-weight: 500;
transition: .5s;
}
.barfii_post__img:hover .b-count {
background: var(--color-primary);
color: #fff;
}
.post-grid-box-wrap {
border: 1px solid #121418;
padding: 50px;
box-shadow: 3px 3px 0 0px #121418;
}
.post__list-style-six .barfii__post_title {
font-size: 24px;
line-height: 32px;
}
.bf-swiper-arrow {
box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
border-radius: 50px;
color: #121418;
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #fff;
opacity: 0;
transition: .5s;
z-index: 1;
}
.post-grid-box-wrap:hover .bf-swiper-arrow {
opacity: 1;
}
.bf-swiper-arrow i {
font-weight: 500;
font-size: 20px;
}
.bf-swiper-arrow.bf-swiper-arrow-prev {
left: -25px;
}
.bf-swiper-arrow.bf-swiper-arrow-next {
right: -25px;
}
.post__wrap-sticky {
position: sticky;
top: 0;
z-index: 1;
}
.post__til-two {
margin-bottom: 20px;
}
.barfii__tab-wrap .nav-link {
padding: 2px 20px;
color: #fff;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
font-family: var(--font-karla);
border-radius: 30px;
border: 1px solid #121418;
transition: all 0.3s cubic-bezier(.5,2.5,.7,.7);
box-shadow: none;
transform: none;
background: #F54923;
}
.barfii__tab-wrap .nav-item {
padding-left: 10px;
}
.barfii__tab-wrap ul#pills-tab {
position: absolute;
top: 23px;
right: 0;
}
.btourq__stitle.d-flex.justify-content-center.align-items-center.text-left {
justify-content: left !important;
}
.barfii__tab-wrap .barfii__section-title {
margin-bottom: 35px;
}
.sticky-sidebar > div {
position: -webkit-sticky;
position: sticky;
top: 12px;
-webkit-transition: top .3s ease;
transition: top .3s ease;
will-change: top;
}
.elementor-column.sticky-sidebar {
position: relative;
align-items: flex-start;
} .breaking__news {
overflow: hidden;
align-items: center;
}
.breaking__news .breadking_tag {
background: #F54923;
color: #fff;
font-size: 12px;
font-weight: 700;
font-family: 'Karla';
text-transform: uppercase;
padding: 3px 12px;
}
.breaking-slider {
flex: 1;
margin-left: 20px;
}
.breaking-slider {
height: 35px;
}
.breaking-slider .swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
.break-swiper-arrow {
width: 35px;
border: 1px solid #D6D6D6;
text-align: center;
height: 35px;
line-height: 35px;
display: inline-block;
margin-left: 8px;
transition: .4s;
}
.break-swiper-arrow:hover {
background-color: var(--color-primary);
}
.break-swiper-arrow:hover i{
color: #fff;
}
.break-swiper-arrow i {
color: #121418;
font-size: 15px;
font-weight: 700;
transition: .4s;
} .barfii__popup_wrap {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
position: fixed;
left: 0;
top: 0;
z-index: 9999;
-webkit-transition: opacity 0.2s ease-in-out, z-index 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out, z-index 0.2s ease-in-out;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
}
@media (max-width: 991px) {
.barfii__popup_wrap {
display: none;
}
}
.barfii__popup_wrap .barfii__popup_sec {
width: 900px;
background-color: #FFFFFF;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 100;
margin-top: 40px;
-webkit-transition: 0.4s;
transition: 0.4s;
overflow: hidden;
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.07);
}
.donotshow {
text-align: left;
margin-top: 10px;
color: #000;
position: relative;
padding-left: 20px;
}
.donotshow input {
position: absolute;
top: 10px;
left: 0;
}
.barfii__popup_wrap .barfii__popup_sec .barfii__popup_ineer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: space-between;
overflow: hidden;
}
.barfii__popup_wrap .barfii__popup_sec .img-holder {
flex: 0 0 50%;
max-width: 50%;
}
.barfii__popup_ineer .details {
padding: 0 50px;
}
.barfii__popup_wrap .barfii__popup_sec p {
font-size: 15px;
margin: 0 0 25px;
color: #000000;
}
.barfii__popup_ineer .details h3 {
margin-bottom: 6px;
font-weight: 800;
}
.barfii__popup_wrap .barfii__popup_sec form div {
position: relative;
}
.barfii__popup_ineer .details img {
margin-bottom: 15px;
}
.barfii__popup_wrap .barfii__popup_sec form div input[type="email"] {
font-size: 15px;
border: 1px solid #6C6F72;
height: 50px;
width: 100%;
font-family: 'Karla';
margin-bottom: 10px;
background-color: #fff;
padding: 10px;
}
.barfii__popup_wrap .barfii__popup_sec form div input[type="email"]:focus {
border-color: #ddd;
}
.barfii__popup_wrap .barfii__popup_sec form div button {
background: #121418;
height: 50px;
line-height: 50px;
color: #fff;
border: 0;
outline: 0;
padding: 0 25px;
right: 0;
top: 0;
-webkit-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
width: 100%;
text-transform: uppercase;
font-family: 'Karla';
font-weight: 700;
font-size: 22px;
}
.barfii__popup_wrap .barfii__popup_sec .img-holder img {
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
}
.barfii__popup_ineer input[type="email"] {
background-color: #fff;
border: none;
padding: 0;
height: 40px;
padding: 10px;
border-radius: 2px;
width: 100%;
}
.barfii__popup_ineer input[type="submit"] {
background: var(--color-primary);
color: #fff;
position: absolute;
top: 0;
right: 0;
border: none;
padding: 9px 10px;
border-radius: 2px;
font-weight: 500;
}
.barfii__popup_wrap .barfii__popup_sec form div .checkbox-holder {
margin-top: 25px;
position: relative;
cursor: pointer;
}
.barfii__popup_wrap .barfii__popup_sec form div .checkmark {
position: absolute;
top: 9px;
left: 0;
height: 12px;
width: 12px;
background-color: #c7c7c7;
border-radius: 50%;
}
.barfii__popup_wrap .barfii__popup_sec form div .checkbox-holder input:checked~.checkmark {
background-color: var(--color-primary);
}
.post__list_bx.benqu_list__number_wrapper .benqu__news-item:not(:last-child) {
padding-bottom: 20px;
margin-bottom: 20px;
}
.barfii__popup_wrap .barfii__popup_sec form div label {
font-size: 15px;
color: #fff;
}
.barfii__popup_wrap .barfii__popup_sec .newsletter-close-btn {
top: 5px;
right: 5px;
line-height: 1;
font-size: 22px;
position: absolute;
background: transparent;
color: #121418;
-webkit-transition: 0.3s;
transition: 0.3s;
border: none;
}
.newsletter-info label.checkbox-holder {
display: none;
}
.barfii__popup_wrap .barfii__popup_sec .newsletter-close-btn:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
@media (max-width: 767px) {
.barfii__popup_wrap .barfii__popup_sec .newsletter-close-btn {
right: 0;
}
}
.barfii__popup_wrap .barfii__popup_sec .newsletter-close-btn:hover,
.barfii__popup_wrap .barfii__popup_sec .newsletter-close-btn:focus {
outline: none;
box-shadow: none;
}
.active-newsletter-popup {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
-webkit-transition: opacity 1s ease-in-out, z-index 1s ease-in-out;
transition: opacity 1s ease-in-out, z-index 1s ease-in-out;
}
.active-newsletter-popup .barfii__popup_sec {
margin-top: 0;
}
.active-newsletter-popup,
.activve-quick-view-single-product {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
-webkit-transition: opacity 0.2s ease-in-out, z-index 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out, z-index 0.2s ease-in-out;
} .prt__post-slider{
background-size: cover;
background-position: center center;
position: relative;
height: 720px;
display: flex !important;
align-items: center;
}
.prt__post-slider:after {
position: absolute;
content: "";
background: #000;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
opacity: .5;
}
.prt__post-slider .barfii__post_title {
font-size: 50px;
line-height: 65px;
font-weight: 700;
margin-bottom: 20px;
}
.prt__post-slider .barfii__post_title a {
color: #fff;
}
.prt__post-slider .barfii__post-meta li {
font-size: 18px;
font-weight: 700;
}
.banner-section .slick-arrow {
display: none !important;
}
.prt__post-slider .cate__badge_mg {
margin-bottom: 16px;
}
section.banner-section {
position: relative;
}
.slider-thumb__item {
position: absolute;
top: 50%;
z-index: 1111;
left: 70%;
transform: translateY(-50%);
}
.slider-thumb__item .slider__thumb-it h4 {
background: rgba(217, 217, 217, 0.25);
display: inline-block;
width: 310px;
padding: 20px;
color: #fff;
font-size: 22px;
line-height: 28px;
font-weight: 700;
}
.slick-current.slider__thumb-it h4 {
background: #CF0000;
}
.slider__thumb-it {
border: none !important;
margin-bottom: 10px;
}