| Dir : /home/trave494/donotedelete/123movies.kerhosting.com/wp-content/themes/betube/css/ |
| Server: Linux ngx353.inmotionhosting.com 4.18.0-553.22.1.lve.1.el8.x86_64 #1 SMP Tue Oct 8 15:52:54 UTC 2024 x86_64 IP: 209.182.202.254 |
| Dir : /home/trave494/donotedelete/123movies.kerhosting.com/wp-content/themes/betube/css/betube.css |
@charset "UTF-8";
#back-to-top{
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
position: fixed;
bottom: 100px;
left: 40px;
z-index: 9999;
cursor: pointer;
border: 0;
text-decoration: none;
opacity: 0;
}
#back-to-top.show {
opacity: 1;
}
/*==========================
General settings
============================*/
* {
margin: 0;
padding: 0; }
body {
font-family: "Nunito", sans-serif;
font-weight: 300; }
html {
font-family: "Nunito", sans-serif;
}
video {
max-width: 100%;
height: auto;
}
audio {
width: 100%;
}
.color-inherit {
color: inherit;
}
.color-inherit:hover {
color: #DC3545;
}
.text-shadow {
text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.btn_btp_footer {
min-width: 32px;
}
/*==========================
text truncate with lines
============================*/
.block_with_text {
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: 3rem;
text-overflow: -o-ellipsis-lastline;
}
/*==========================
text truncate for heading
============================*/
.block_with_heading {
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: 2.4rem;
text-overflow: -o-ellipsis-lastline;
}
/*==========================
back to top
============================*/
#back_to_top {
position: fixed;
bottom: 60px;
right: 15px;
z-index: 9999;
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
transition: all 0.5s ease;
}
#back_to_top.show {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
@media (min-width: 1200px) {
.container {
max-width: 1200px;
}
.w-24 {
min-width: 24% !important;
}
.w-32 {
min-width: 32% !important;
}
}
/*==========================
WordPress Settings
============================*/
img.alignright {
float: right;
margin: 0 0 1em 1em;
}
img.alignleft {
float: left;
margin: 0 1em 1em 0;
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignnone {
max-width: 100%;
height: auto;
}
a img.alignright {
float: right;
margin: 0 0 1em 1em;
}
a img.alignleft {
float: left;
margin: 0 1em 1em 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
a img.alignnone {
max-width: 100%;
height: auto;
}
.wp-caption.alignright {
float: right;
margin: 0 0 1em 1em;
}
.wp-caption.alignleft {
float: left;
margin: 0 1em 1em 0;
}
.wp-caption.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption.alignnone {
max-width: 100%;
height: auto;
}
blockquote {
margin-bottom: 1rem;
font-size: 1.25rem;
}
.compat-object-fit {
background-size: cover;
background-position: center center;
}
.dynamic-height-wrap {
overflow: hidden;
}
.btn_nav_search {
color: inherit;
}
.btn_nav_search:hover, .btn_nav_search:focus {
color: #DC3545;
}
.wp-block-image .aligncenter{
text-align:center;
}
.aligncenter{
text-align:center;
}
/*==========================
Section mobile menu
============================*/
.mobile-mega-menu {
z-index: 9999;
max-width: 18.75rem;
background: #2d3130;
position: fixed;
min-height: 100vh !important;
overflow-y: scroll;
}
.mobile-mega-menu > div {
display: none;
}
.mobile-mega-menu.open {
background: #2C3E50;
}
.mobile-mega-menu ul {
background: transparent;
}
.mobile-mega-menu ul li {
padding: 0 1.875rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mobile-mega-menu ul li a {
background: transparent;
padding-top: 0.875rem;
padding-bottom: 0.6875rem;
border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1);
text-shadow: none;
color: inherit;
float: none;
font-family: inherit;
font-size: 0.9375rem;
text-transform: capitalize;
}
.mobile-mega-menu ul li a.back-button {
background: none;
text-indent: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: bold;
font-size: 2rem;
justify-content: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.mobile-mega-menu ul li a.back-button span {
font-size: 16px;
}
.mobile-mega-menu ul li a.back-button i {
margin-right: 0.625rem;
color: #e44839;
}
.mobile-mega-menu ul li a.close-button {
background: none;
text-indent: 0;
text-align: right;
padding-bottom: 17px;
}
.mobile-mega-menu ul li a.next-button {
background: none;
padding-bottom: 10px;
}
.mobile-mega-menu ul li a.next-button i {
padding: 0.25rem 0.8125rem;
background: #81c61b;
border-radius: 62.5rem;
}
.mobile-mega-menu ul li ul.is-in-view li:first-child {
background: rgba(255, 255, 255, 0.1);
}
.mobile-mega-menu ul li ul.is-in-view li:first-child a {
border-bottom: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/*==========================
forms validation
============================*/
.form-group.success .input-group-text {
border-color: #28a745;
-webkit-box-shadow: none;
box-shadow: none;
}
.form-group.success .input-group-text-icon {
color: #28a745;
}
.form-control.success {
border-color: #28a745;
-webkit-box-shadow: none;
box-shadow: none;
}
.form-control, .form-control:focus{
background-color:transparent;
}
.input-group-text{
color:inherit;
}
.form-group.error .input-group-text {
border-color: #DC3545;
-webkit-box-shadow: none;
box-shadow: none;
}
.form-group.error .input-group-text-icon {
color: #DC3545;
}
.form-control.error {
border-color: #DC3545;
-webkit-box-shadow: none;
box-shadow: none;
}
.form-group.error .custom-control-label {
color: #DC3545;
}
.form-group.form-group.success .custom-control-label {
color: #28a745;
}
/*==========================
main slider section
============================*/
.btp_main_slider_slide {
width: 630px;
}
.btp_main_card__desc {
max-width: 400px;
}
@media all and (min-width: 577px) {
.btp_main_card__img {
height: 360px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.btp_carousel_btn {
width: 23px;
height: 23px;
padding: 0;
justify-content: center;
align-items: center;
}
.carousel__btn_prev .btp_carousel_btn__icon{
margin-left:-1px;
}
.carousel__btn_next .btp_carousel_btn__icon{
margin-left:1px;
}
.btp_main_card:after{
content:'';
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.25);
position:absolute;
left:0;
top:0;
z-index:1;
}
.btp_main_card__overlay{
z-index:2;
}
/*==========================
category
============================*/
.btp_cat_slide {
width: 230px;
}
.btp_cat_card {
min-height:189px;
}
.btp_cat_card__img {
width: 100%;
height: 189px;
object-fit: cover;
}
.btp_cat_card__title {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.75)), to(transparent));
background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, transparent 100%);
padding-bottom: 24px;
padding-top: 40px;
}
/*==========================
betube pro post style
============================*/
.btp_post_slide {
width: 310px;
}
.btp_lt_list_post .media img {
max-width: 35%;
height: auto;
}
.btp_lt_list_post .media .post-text-truncate {
display: -webkit-box !important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: 4.5rem;
text-overflow: -o-ellipsis-lastline;
}
.d-grid {
display: -ms-grid;
display: grid;
}
.container-fluid .btp_lt_posts__container{
grid-gap:15px;
grid-template-columns: repeat(auto-fill, minmax(305px, 1fr));
}
.container .btp_lt_posts__container{
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
grid-gap:15px;
}
.btp_inner_page_categories{
grid-template-columns: repeat(auto-fill, minmax(150px, 206px));
grid-gap:15px;
}
.btp_post_card__top {
position: relative;
height: 200px;
}
.btp_post_card__img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.btp_post_card__img_hover {
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
visibility: hidden;
opacity: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(29, 29, 29, 0.5);
}
.btp_post_card__img_hover_icon {
font-size: 24px;
color: #ffffff;
}
.btp_post_card__title {
color: inherit;
}
.btp_post_card__title:hover {
color: #DC3545;
}
.btp_post_card__author {
color: inherit;
}
.btp_post_card__author:hover {
color: #ffffff;
}
.btp_post_card:hover .btp_post_card__img_hover {
visibility: visible;
opacity: 1;
}
/*==========================
movies
============================*/
.btp_movies__slide {
width: 231px;
}
.btp_movies_card__img {
width: 100%;
height: auto;
}
.btp_movies_card__title {
color: inherit;
}
.btp_movies_card__title:hover {
color: #dc3545;
}
.btp_movies_card__year {
margin-bottom: 3px;
}
/*==========================
blog
============================*/
@media all and (min-width: 1200px) {
.btp_blog_slide {
width: 410px;
}
.btp_blog_card__img {
height: 250px;
}
.blog_single_post_head img {
height: 450px;
}
}
.btp_blog_card__img {
max-height: 250px;
-o-object-fit: cover;
object-fit: cover;
}
.btp_blog_card__title {
color: inherit;
}
.btp_blog_card__title:hover {
color: #DC3545;
}
.btp_blog_card__link {
color: inherit;
}
.btp_blog_card__link:hover {
color: #ffffff;
}
.blog_single_post_head img {
max-width: 100%;
height: auto;
display:block;
}
.blog_single_post_head p a {
color: inherit;
}
.blog_single_post_head p a:hover {
color: inherit;
}
.blog_post_author_bio .media img {
max-width: 18%;
}
/*==========================
widgets
============================*/
.btp_sidebar .widget{
border-bottom:1px solid #dee2e6;
padding-bottom:4px;
}
.btp_sidebar .widget.widget_search{
padding-bottom:24px;
}
.btp_sidebar .widget:last-of-type{
border-bottom:none !important;
}
.widget {
margin-bottom: 24px;
}
.widget__title {
text-transform: capitalize;
}
.widget ul {
list-style: none;
}
.widget ul li a {
color: inherit;
text-decoration: none;
}
.widget select {
width: 100%;
height: calc(1.5em + .75rem + 2px);
}
.widget .widget_calendar .calendar_wrap {
text-align: center;
}
.widget table {
border-collapse: collapse;
width: 100%;
}
.widget img {
width: 100%;
max-width: 100%;
height: auto;
}
.widget img.wp-smiley, .widget img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
.widget.widget_rss ul li {
margin-bottom: 16px;
}
.widget .search-form label {
width: 78%;
}
.widget .search-form input[type="search"] {
width: 100%;
border-radius: 4px;
padding: 6px 12px;
height: calc(1.5em + .75rem + 2px);
}
.widget .search-form input.search-submit {
padding: 7px 0;
border-radius: 4px;
width: 20%;
border: none;
}
.widget .tagcloud a {
color: inherit;
}
.widget .gallery .gallery-item {
margin-right: 10px;
margin-bottom: 10px;
}
.widget .widget_latest_videos__box {
max-width: 37%;
margin-right: 12px;
height: 100px;
}
.widget .widget_latest_videos__img {
width: 100%;
height: 100%;
object-fit: cover;
}
.widget_archive ul ul, .widget_categories ul ul, .widget_meta ul ul, .widget_nav_menu ul ul, .widget_pages ul ul, .widget_recent_comments ul ul, .widget_recent_entries ul ul, .widget_rss ul ul {
counter-reset: submenu;
}
.widget_archive ul ul > li > a::before, .widget_categories ul ul > li > a::before, .widget_meta ul ul > li > a::before, .widget_nav_menu ul ul > li > a::before, .widget_pages ul ul > li > a::before, .widget_recent_comments ul ul > li > a::before, .widget_recent_entries ul ul > li > a::before, .widget_rss ul ul > li > a::before {
font-weight: normal;
content: "– " counters(submenu,"– ",none);
counter-increment: submenu;
}
.widget_latest_post__title a {
text-decoration: none;
}
.widget_latest_post__title a:hover {
color: #DC3545;
}
.widget_latest_post__link {
color: inherit;
}
.widget_most_view__title_link {
color: inherit;
}
.widget_most_view__link {
color: inherit;
}
.card-img-overlay{
padding:0.25rem;
}
.widget_latest_videos figcaption{
flex-basis:63%; max-width:63%;
}
/*==========================
navbar
============================*/
.navbar .navbar-brand img {
max-width: 153px;
height: 28px;
}
.btp_footer_grid{
grid-template-columns : 2fr 1fr 1fr 1fr;
grid-gap:30px;
}
/*==========================
footer
============================*/
.mini_footer {
padding: 12.5px 0;
}
/*==========================
breadcrumb
============================*/
.breadcrumb-link {
color: inherit;
}
/*==========================
inner page content
============================*/
.btp_inner_page__content::before, .btp_inner_page__content::after {
content: "";
clear: both;
display: table;
}
.btp_inner_page__content img {
max-width: 100%;
height: auto;
}
.btp_inner_page__content li > ul, .btp_inner_page__content li > ol {
padding-left: 2rem;
}
.btp_inner_page__content ul {
list-style: none;
}
.btp_inner_page__content ul li:not(.blocks-gallery-item)::before {
content: "\f111";
font-family: 'Font Awesome\ 5 Free';
margin-right: 10px;
font-weight: 900;
font-size: 16px;
}
.btp_inner_page table {
width: 100%;
margin-bottom: 1rem;
color: inherit;
}
.btp_inner_page table thead th {
vertical-align: bottom;
border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}
.btp_inner_page table th, .btp_inner_page table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.btp_sticky .btp_inner_page__content{
padding:1rem;
background-color:#f8f9fa;
}
.btp_index_sticky{
background-color:#f8f9fa;
}
.btp_inner_page .card.btp_index_card{
background-color:inherit;
}
/*==========================
map
============================*/
#map {
height: 442px;
width: 100%;
}
/*==========================
categories
============================*/
.btp_inner_page_categories .btp_cat_card {
min-width: 24%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
}
/*==========================
Comments
============================*/
.bypostauthor {
display: block;
}
.comments-area > * {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.comments-area > * {
margin-bottom: 0;
}
}
.entry + .comments-area {
margin-top: calc(3 * 1rem);
}
@media only screen and (min-width: 768px) {
.comments-area .comments-title-wrap {
align-items: baseline;
display: flex;
justify-content: space-between;
}
}
.comments-area .comments-title-wrap .comments-title {
margin: 0;
}
@media only screen and (min-width: 768px) {
.comments-area .comments-title-wrap .comments-title {
flex: 1 0 calc(3 * (100vw / 12)); }
}
@media only screen and (min-width: 768px) {
.comments-area .comments-title-wrap .discussion-meta {
flex: 0 0 calc(2 * (100vw / 12));
margin-left: 1rem;
}
}
.comment-content a {
word-wrap: break-word;
}
#comment {
background: transparent;
border: 1px solid #A9B1B9;
border-radius: 4px;
color: inherit;
width: 100%;
box-sizing: border-box;
display: block;
padding: 1rem;
}
#respond {
position: relative;
}
#respond .comment-user-avatar {
margin: 1rem 0 -1rem;
}
#respond .comment .comment-form {
padding-left: 0;
}
#respond > small {
display: block;
font-size: 22px;
position: absolute;
left: calc(1rem + 100%);
top: calc(-3.5 * 1rem);
width: calc(100vw / 12);
}
#respond h3.comment-reply-title > small{
margin-left:10px;
}
#comments > .comments-title:last-child {
display: none;
}
.comment-body .reply{
margin-bottom:8px;
}
.comment-form-flex {
display: flex;
flex-direction: column;
}
.comment-form-flex .comments-title {
display: none;
margin: 0;
order: 1;
}
.comment-form-flex #respond {
order: 2;
}
.comment-form-flex #respond + .comments-title {
display: block;
}
.comment-list {
list-style: none;
padding: 0;
}
.comment-list .children {
margin: 0;
padding: 0 0 0 1rem;
}
.comment-list > .comment:first-child {
margin-top: 0;
}
.comment-list .pingback .comment-body,
.comment-list .trackback .comment-body {
color: inherit;
font-size: 0.71111em;
font-weight: 500;
margin-top: 1rem;
margin-bottom: 1rem;
}
.comment-list .pingback .comment-body a:not(.comment-edit-link),
.comment-list .trackback .comment-body a:not(.comment-edit-link) {
font-weight: bold;
font-size: 19.55556px;
line-height: 1.5;
padding-right: 0.5rem;
display: block;
}
.comment-list .pingback .comment-body .comment-edit-link,
.comment-list .trackback .comment-body .comment-edit-link {
color: #767676;
font-weight: 500;
}
#respond + .comment-reply {
display: none;
}
.comment-reply .comment-reply-link {
display: inline-block;
}
.comment {
list-style: none;
position: relative;
}
@media only screen and (min-width: 768px) {
.comment {
padding-left: calc(.5 * (1rem + calc(100vw / 12 )));
}
.comment.depth-1,
.comment .children {
padding-left: 0;
}
.comment.depth-1 {
margin-left: calc(7.4 * 1rem);
}
}
.comment .comment-body {
margin: calc(2 * 0.75rem) 0 0;
}
.comment .comment-meta {
position: relative;
}
p.comment-form-comment{
margin-bottom:1.5rem;
}
.comment .comment-author .avatar {
float: left;
margin-right: 1rem;
position: relative;
}
@media only screen and (min-width: 768px) {
.comment .comment-author .avatar {
float: inherit;
margin-right: inherit;
position: absolute;
top: 0;
right: calc(100% + 1rem);
}
}
.comment .comment-author .fn {
position: relative;
display: block;
text-transform: capitalize;
margin-bottom: 8px;
}
.comment .comment-author .fn a {
color: inherit;
}
.comment .comment-author .fn a:hover {
color: #005177;
}
.comment-author.vcard img{
width:100px;
height:100px;
}
.comment .comment-author .post-author-badge {
border-radius: 100%;
display: block;
height: 18px;
position: absolute;
background: #008fd3;
right: calc(100% - 2.5rem);
top: -3px;
width: 18px;
}
@media only screen and (min-width: 768px) {
.comment .comment-author .post-author-badge {
right: calc(100% + 0.75rem);
}
}
.comment .comment-author .post-author-badge svg {
width: inherit;
height: inherit;
display: block;
fill: white;
transform: scale(0.875);
}
.comment .comment-metadata > a,
.comment .comment-metadata .comment-edit-link {
display: inline;
font-weight: 500;
color: inherit;
vertical-align: baseline;
}
.comment .comment-metadata > a time,
.comment .comment-metadata .comment-edit-link time {
vertical-align: baseline;
}
.comment .comment-metadata > a:hover,
.comment .comment-metadata .comment-edit-link:hover {
color: #DC3545;
text-decoration: none;
}
.comment .comment-metadata > * {
display: inline-block;
}
.comment .comment-metadata .edit-link-sep {
color: #767676;
margin: 0 0.2em;
vertical-align: baseline;
}
.comment .comment-metadata .edit-link {
color: #767676;
}
.comment .comment-metadata .edit-link svg {
transform: scale(0.8);
vertical-align: baseline;
margin-right: 0.1em;
}
.comment .comment-metadata .comment-edit-link {
position: relative;
padding-left: 1rem;
margin-left: -1rem;
z-index: 1;
}
.comment .comment-metadata .comment-edit-link:hover {
color: #0073aa;
}
.comment .comment-content {
margin: 8px 0;
}
@media only screen and (min-width: 1168px) {
.comment .comment-content {
padding-right: 1rem;
}
}
.comment .comment-content > *:first-child {
margin-top: 0;
}
.comment .comment-content > *:last-child {
margin-bottom: 0;
}
.comment .comment-content blockquote {
margin-left: 0;
}
.comment .comment-content a {
text-decoration: underline;
}
.comment .comment-content a:hover {
text-decoration: none;
}
.comment-reply-link,
#cancel-comment-reply-link {
font-weight: 500;
}
.comment-reply-link:hover,
#cancel-comment-reply-link:hover {
color: #005177;
}
.discussion-avatar-list {
content: "";
display: table;
table-layout: fixed;
margin: 0;
padding: 0;
}
.discussion-avatar-list li {
position: relative;
list-style: none;
margin: 0 -8px 0 0;
padding: 0;
float: left;
}
.discussion-avatar-list .comment-user-avatar img {
height: calc(1.5 * 1rem);
width: calc(1.5 * 1rem);
}
.discussion-meta .discussion-meta-info {
margin: 0;
}
.discussion-meta .discussion-meta-info .svg-icon {
vertical-align: middle;
fill: currentColor;
transform: scale(0.6) scaleX(-1) translateY(-0.1em);
margin-left: -0.25rem;
}
.comment-form .comment-notes,
.comment-form label {
font-size: 1rem;
color: inherit;
}
input[type="radio"],
input[type="checkbox"] {
margin-right: 0.5rem;
}
@media only screen and (min-width: 768px) {
.comment-form .comment-form-author,
.comment-form .comment-form-email {
width: calc(50% - 0.5rem);
float: left;
}
}
@media only screen and (min-width: 768px) {
.comment-form .comment-form-email {
margin-left: 1rem;
}
}
.comment-form input[name="author"],
.comment-form input[name="email"],
.comment-form input[name="url"] {
display: block;
width: 100%;
padding: 0 1rem;
background: transparent;
border: 1px solid #A9B1B9;
border-radius: 4px;
height: 38px;
color: inherit;
}
.form-submit input[type="submit"] {
display: block;
width: 100%;
font-weight: 400;
color: #212529;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: all 0.15s ease;
}
.form-submit input[type="submit"]:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130;
}
p.form-submit{
margin-bottom:0 !important;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: #ffffff;
background-color: #DC3545;
}
/*==========================
floating videos
============================*/
@keyframes fade-in-up {
0% {
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.video-wrap {
text-align: center;
}
.video-wrap .video-close-btn {
position: absolute;
top: 0;
right: 0;
display: none;
z-index:1000;
}
.video iframe {
max-width: 100%;
max-height: 100%;
}
.video.stuck {
position: fixed;
bottom: 20px;
right: 20px;
transform: translateY(100%);
width: 370px;
height: 230px;
animation: fade-in-up .5s ease forwards;
border: none;
z-index: 9998;
overflow: hidden;
}
.video.stuck .mejs-container, .video.stuck .mejs-mediaelement, .video.stuck .wp-video-shortcode video, .video.stuck video.wp-video-shortcode{
height:230px !important;
}
.video.nostuck {
position: relative;
}
.btp_sv_post {
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0.25;
}
.btp_sv_prev {
left: -8vw;
}
.btp_sv_next {
right: -8vw;
}
/* =========================
author single post
============================*/
.btp_single_post_author .media img {
width: 64px;
height: 64px;
}
.btp_single_post_author .media h6 a:hover {
color: #DC3545;
}
.btp_single_post_meta_link__btn {
color: inherit;
}
.btp_single_post_meta_link__btn:hover {
color: #DC3545;
text-decoration: none;
}
.btp_single_post_meta_link > span {
padding: 0.25rem 0.5rem;
}
/*==========================
user followers
============================*/
.btp_user_follow_col {
min-width: 15%;
max-width: 125px;
flex-grow: 1;
flex-basis: 0;
margin-right: 10px;
}
.video-plugin-div {
background: #333333;
position: absolute !important;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.video-plugin-div .video-plugin-skip-button {
position: absolute !important;
right: 15px;
top: 15px;
z-index: 6;
}
/*===============================
User Dashboard CSS
=================================*/
h1, h2, h3, h4, h5, h6 {
font-family: 'Quicksand', sans-serif;
}
:not(.alert) > p{
color: #7c7c7c;
}
.h-100vh {
height: 100vh;
}
.font-size-16,
.font-size-16.form-control {
font-size: 1rem;
}
.bg-bdark {
background-color: #333333;
}
.nav_border_bottom_dark {
border-bottom: 1px solid #444444;
}
.color-light {
color: #cccccc;
}
.p-20 {
padding: 1.25rem;
}
.px-20 {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
.box-shadow-bottom {
-webkit-box-shadow: 0 4px 19px -11px rgba(0, 0, 0, 0.5);
box-shadow: 0 4px 19px -11px rgba(0, 0, 0, 0.5);
}
.btn-heart {
background: #f62d51;
border-color: #f62d51;
}
.btn-indigo {
background: #7460ee;
border-color: #7460ee;
}
.btn-lg-asb {
min-width: 50px;
min-height: 50px;
}
.cursor {
cursor: pointer;
}
.text-ellipses {
max-width: 95%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.img_messages {
width: 70px;
height: 70px;
-o-object-fit: cover;
object-fit: cover;
}
.img_messages__sm {
width: 40px;
height: 40px;
}
.bidder_img {
width: 50px;
height: 50px;
}
.qs-font-weight-medium {
font-weight: 600;
}
.label-sm {
font-size: 1rem;
}
.dynamic-height-wrap {
overflow: hidden;
position: relative;
-webkit-transition: max-height 0.25s ease-in-out;
transition: max-height 0.25s ease-in-out;
width: 100%;
}
.h-200 {
height: 200px !important;
}
.custom-file-lg {
height: calc(2.875rem + 2px);
line-height: 2;
}
.custom-file-label.custom-file-lg:after {
height: 2.9rem;
line-height: 2;
}
/*===========================
betube admin sidebar
============================*/
.bm_admin_sidebar {
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 100;
}
.bm_admin_sidebar_sticky {
top: 0;
height: calc(100vh - 48px);
padding-top: .5rem;
overflow-x: hidden;
overflow-y: auto;
}
.bm_admin_sidebar_logo {
text-align: center;
padding: 1.375rem 1.25rem;
}
.bm_admin_sidebar_author {
padding: 1.25rem;
}
.bm_admin_sidebar_author_img {
width: 2.8125rem;
height: 2.8125rem;
border-radius: 62.5rem;
-o-object-fit: cover;
object-fit: cover;
}
.bm_admin_nav__item:not(:last-of-type) a {
border-bottom: 1px solid #444444;
}
.bm_admin_nav__link {
color: #cccccc;
font-size: 0.8125rem;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
text-transform: capitalize;
}
.bm_admin_nav__link:hover {
background: #444444;
color: #ffffff;
text-decoration: none;
}
.bm_admin_nav__link.active {
background: #444444;
color: #ffffff;
text-decoration: none;
}
/*===========================
betube admin main
============================*/
.bm_admin_main {
background: #fafafa;
min-height: 100vh;
}
.bm_admin_main_nav {
margin-left: -15px;
margin-right: -15px;
padding-left: 30px;
padding-right: 30px;
}
.bm_admin_main_content h1, .bm_admin_main_content h2, .bm_admin_main_content h3,
.bm_admin_main_content h4, .bm_admin_main_content h5, .bm_admin_main_content h6 {
color: #484848;
}
.bm_admin_main i[data-toggle="dropdown"] {
padding: 10px;
}
/*============================
Main Content Widget
============================*/
.bm_admin_main_content_widgets_media.active {
background: #f0f0f0;
pointer-events: none;
}
.bm_admin_main_content_widgets_media {
padding: 5px;
}
.bm_admin_main_content_widgets_media:not(:last-of-type) {
border-bottom: 1px solid #dee2e6;
padding-bottom: 16px;
}
.bm_admin_main_content_widgets_media:hover {
background: #f0f0f0;
text-decoration: none;
}
.bm_admin_main_content_widgets_img {
max-width: 70px;
height: 70px;
-o-object-fit: cover;
object-fit: cover;
}
.bm_admin_main_content_widgets_box_body {
max-height: 500px;
}
.bm_admin_main_content_widgets_box_bids {
min-height: 320px;
max-height: 320px;
}
.bm_admin_main_content_cya_img {
max-width: 300px;
height: 200px;
}
.bm_admin_main_content_cya_body {
max-width: 475px;
}
/*===========================
responsive menu
============================*/
@media only screen and (min-width: 320px) and (max-width: 1199px) {
.bm_admin_responsive_sidebar {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
position: absolute;
max-width: 250px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
height: 100vh;
}
.bm_admin_responsive_sidebar.open {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
position: fixed;
}
.bm_admin_main_nav {
padding-left: 0;
padding-right: 10px;
}
}
/*==========================
Post your video
============================*/
.bm_admin_main_content_cya_form .form-control,
.bm_admin_main_content_cya_form .custom-select {
font-size: 1rem;
color: #7c7c7c;
}
.bm_admin_main_content_cya_form .bm_cya_form_label {
color: #484848;
font-family: 'Quicksand', sans-serif;
}
.bm_admin_main_content_cya_form .custom-control-label {
color: #7c7c7c;
}
.bm_admin_main_content_cya_form .dropzone {
min-height: 150px;
border: 2px dashed #e0e0e0;
}
.bm_admin_main_content_cya_form .dz-max-file-msg {
display: none;
}
.bm_admin_main_content_cya_form textarea {
height: 150px;
}
.bm_admin_main_content_cya_form .input-group-text {
min-width: 53px;
}
.bm_admin_main_content_cya_form .textarea_tab {
height: 128px !important;
}
.leaflet_geoSearch_results {
position: absolute;
left: 0;
right: 0;
top: 100%;
background: #ffffff;
z-index: 10000;
}
.leaflet_geoSearch_results .address {
padding: 2px 15px;
cursor: pointer;
color: #6c6c6c;
margin-bottom: 10px;
}
.leaflet_geoSearch_results .address:hover {
background: #fafafa;
color: #333333;
}
.bm_packages_table_head th {
color: #17a2b8;
background-color: rgba(23, 162, 184, 0.2);
border-color: rgba(23, 162, 184, 0.1);
}
.table.bm_adv_table td {
vertical-align: middle;
min-width: 120px;
}
.table.bm_adv_table td:last-of-type {
text-align: center;
}
.bm_admin_inbox_list__link.active {
background: #f0f0f0;
}
.bm_admin_inbox_list__link:hover {
background: #f0f0f0;
text-decoration: none;
}
.bm_admin_inbox_list__link_icon, .bm_admin_inbox_list__link_txt {
color: #484848;
}
.bm_admin_inbox_content_msg {
padding: 0 8px;
}
.bm_admin_inbox_content_msg.read {
background: #f0f0f0;
}
.bm_admin_inbox_content_msg:hover {
background: #f0f0f0;
}
.bm_admin_inbox_content_msg p {
max-width: 90%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.bm_admin_inbox_content_img {
width: 60px;
height: 60px;
-o-object-fit: cover;
object-fit: cover;
}
.bm_admin_follow__img {
width: 90px;
height: 90px;
-o-object-fit: cover;
object-fit: cover;
}
.bm_lt_bh_del{
text-align: center;
}
@media only screen and (min-width: 320px) and (max-width: 575.99px) {
.bm_admin_main_content_cya_img {
margin-left: auto;
margin-right: auto !important;
}
}
/*==========================
Light CSS
============================*/
.btp_mobile_app_btn {
bottom: 0;
z-index: 100;
}
.btp_mobile_app_btn .navbar-toggler {
line-height: 1.3;
}
.btp_mobile_app_btn .navbar-toggler i {
font-size: inherit;
line-height: inherit;
}
.btp_mobile_app_btn .navbar-toggler p {
font-size: 13px;
}
.dropdown-menu .dropdown-toggle {
position: relative;
}
.dropdown-menu .dropdown-toggle::after {
display: inline-block;
margin-left: 1em;
vertical-align: middle;
content: "";
border-top: 0.3em solid transparent;
border-right: 0.3em solid transparent;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
}
.dropdown-item {
color: #6C6C6C;
}
.dropdown-divider {
border-color: #e0e0e0;
}
.page-item.active .page-link{
pointer-events: none;
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler {
color: rgba(0, 0, 0, 0.5);
border-color: rgba(0, 0, 0, 0.1);
}
header nav ul li a i, header nav ul li ul a i{
padding-right:4px;
}
/*==========================
Captions
============================*/
.wp-caption {
margin-bottom: calc(1.5 * 1rem);
}
/*
@media only screen and (min-width: 768px) {
.wp-caption.aligncenter {
position: relative;
left: calc( calc(8 * (100vw / 12) - 28px) / 2);
transform: translateX(-50%);
}
}
@media only screen and (min-width: 1168px) {
.wp-caption.aligncenter {
left: calc( calc(6 * (100vw / 12) - 28px) / 2);
}
}*/
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
max-width: 100% !important;
}
.wp-caption-text {
color: inherit;
font-size: 0.71111em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
text-align: center;
}
/*==========================
Galleries
============================*/
.gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: calc(1.5 * 1rem);
}
.gallery img {
max-width: 100%;
height: auto;
position: relative;
}
.gallery-caption {
display: block;
font-size: 0.71111em;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.gallery-item {
display: inline-block;
margin-right: 16px;
margin-bottom: 16px;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: calc((100% - 16px * 1) / 2);
}
.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
margin-right: 0;
}
.gallery-columns-3 .gallery-item {
max-width: calc((100% - 16px * 2) / 3);
}
.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
margin-right: 0;
}
.gallery-columns-4 .gallery-item {
max-width: calc((100% - 16px * 3) / 4);
}
.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
margin-right: 0;
}
.gallery-columns-5 .gallery-item {
max-width: calc((100% - 16px * 4) / 5);
}
.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
margin-right: 0;
}
.gallery-columns-6 .gallery-item {
max-width: calc((100% - 16px * 5) / 6);
}
.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
margin-right: 0;
}
.gallery-columns-7 .gallery-item {
max-width: calc((100% - 16px * 6) / 7);
}
.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
margin-right: 0;
}
.gallery-columns-8 .gallery-item {
max-width: calc((100% - 16px * 7) / 8);
}
.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
margin-right: 0;
}
.gallery-columns-9 .gallery-item {
max-width: calc((100% - 16px * 8) / 9);
}
.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
margin-right: 0;
}
.gallery-item:last-of-type {
padding-right: 0;
}
.gallery-item > div > a {
display: block;
line-height: 0;
box-shadow: 0 0 0 0 transparent;
}
.gallery-item > div > a:focus {
box-shadow: 0 0 0 2px #0073aa;
}
.embed-responsive .embed-responsive-item{
max-width:100%;
right:0;
margin: 0 auto;
}
.embed-responsive img.embed-responsive-item{
width:auto !important;
}
li > ul, li > ol{
padding-left: 2rem;
}
.btp_post_nav .nav-links{
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 10px;
}
.btp_post_nav .nav-links .meta-nav{
font-weight: bold;
}
.btp_404_caption{
position: absolute;
bottom: 7vw;
left: 11vw;
right: auto;
margin: 0 auto;
}
.pagination{
justify-content:center;
}
.pagination .nav-links{
border:1px solid #dee2e6;
border-radius:4px;
padding:0.4375rem 0;
}
.pagination .nav-links .page-numbers{
border-left: 1px solid #dee2e6;
padding:0.5rem 1rem;
}
ul.page-numbers {
list-style: none;
display: inline-flex;
border: 1px solid #e0e0e0;
padding: 0.5rem 0;
border-radius: 4px;
}
li > .page-numbers {
padding: 0.5rem 1rem;
border-left: 1px solid #e0e0e0;
}
ul.page-numbers li:first-of-type .page-numbers{
border-left: none !important;
}
/* paidmembership pro */
.pmpro_login_wrap{
max-width: 50%;
margin: 0 auto;
}
form.pmpro_form .input:not([type="checkbox"]),
form.pmpro_form textarea,
form.pmpro_form select,
#loginform input[type=text],
#loginform input[type=password]{
display: block;
width: 100%;
max-width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: transparent;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.pmpro_login_wrap #loginform input {
transition: none;
}
}
.pmpro_login_wrap #loginform input[type="submit"]{
display: block;
width: 100%;
font-weight: 400;
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
text-align: center;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.pmpro_login_wrap #loginform input[type="submit"]:hover{
color: #fff;
background-color: #c82333;
border-color: #bd2130;
}
.pmpro_checkout-fields p img{
margin-top: 1rem;
margin-bottom: 1rem;
}
.pmpro_content_message{
margin-bottom: 1rem;
}
.pmpro_btn, .pmpro_btn:link, .pmpro_content_message a, .pmpro_content_message a:link{
color: #fff;
}
.pmpro_btn:hover, .pmpro_content_message a:hover{
color: #fff;
}
.btp_img_advertisement img{
max-width:100%;
height:auto;
}
.btp_index_cat:not(:last-of-type)::after{
content:',';
}
.apss-social-share, .mini_footer__btns{
width:100%;
}
.apss-theme-4 .apss-single-icon a{
min-height:auto;
}
/*Betube Loader*/
#betubeloader-container {
position: fixed;
left: 0;
top: 0;
z-index: 9999;
width: 100%;
height: 100%;
overflow: visible;
background-color: #fff;
}
#betubeloader-animation {
width: 400px;
height: 200px;
position: absolute;
left: 0;
top: 0;
bottom:0;
right:0;
background-repeat: no-repeat;
background-position: center;
background-size:contain;
margin: auto;
}