/*
Theme Name: Professional Video Vlogger
Description: Professional Video Vlogger is a WP theme created by our experts only for video blogging, podcast, video courses, video portfolio or a website for viral video sharing, Vlog is a perfect choice. Fully compatible with YouTube, Vimeo, Dailymotion businesses websites. This theme gives a choice to blog, blogger, blogging, classic, creative, fashion, food, lifestyle to customize features of this theme according to them. It has the best personalization option and translation ready feature. The theme is built amazingly responsive and mobile friendly. So, anyone can use it easily without having proper device, it can be used on mobiles, tablets, laptops, etc. Professional Video Vlogger has the compatibility of woocommerce and SEO where users do not have to worry about ranking of search engines. Most of the amazing key features of this theme are social media integration, optimized codes, faster page load time, clean code, secure and clean code, mobile friendly, multipurpose. Anyone who is in the department of adventure, adventure blog, blog, blog theme, blogger, personal, personal blog, responsive, tourism, tourism, tourism website, travel, travel blog, travel can easily handle this theme because it is niche specific. Ideal for all type of website. Professional Video Vlogger theme gives the satisfaction of completeness.
Author: misbahwp
Theme URI: https://www.misbahwp.com/themes/free-wordpress-video-theme/
Author URI: https://www.misbahwp.com/
Version: 1.8
Requires PHP: 5.6
Tested up to: 6.2
Requires at least: 5.0
Tags: portfolio, photography, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments, sticky-post
Text Domain: professional-video-vlogger
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Professional Video Vlogger WordPress Theme has been created by misbahwp(misbahwp.com), 2023.
Professional Video Vlogger WordPress Theme is released under the terms of GNU GPL
*/

.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;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.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;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
#content[tabindex="-1"]:focus {
	outline: 0;
}
body {
	font-family: 'Outfit', sans-serif;
  color: #6a6c7e;
  margin:0;
  background: #17191f;
  position: static !important;
}
h1,h2,h3,h4,h5,h6{
	font-weight: bold;
	color: #fff;
}
a {
  color:#fff;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:#b434f1;
  text-decoration: none;
}

.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}
.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a,.woocommerce-product-details__short-description a,#tab-description a,.extra-home-content a {
  text-decoration: underline;
  color:#b434f1;
}

/* ===============================================
   HEADER BOX
   ============================================= */

.social-links i {
  text-align: center;
  font-size: 12px;
}
.social-links a:hover{
	color: #17191f;
}
#site-navigation{
  background: #1d1e28;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo a {
  color: #fff;
  font-size: 28px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
}
.logo span {
  display: block;
  font-size: 15px;
  line-height: 18px;
  color: #fff;
}

/* ===============================================
   MENU BOX
   ============================================= */

#main-menu {
	display:block;
	position:relative;
	float:left;
	margin:0 auto;
	width:100%
}
#main-menu ul {
	margin:0;
  padding: 0;
	display:block;
}
#main-menu ul li {
	position:relative;
	display:block;
	float:left;
	text-align:left;
}
#main-menu ul li a {
  display: block;
  z-index: 1;
  padding: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #6a6c7e;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
	color:#b434f1;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
	opacity:0;
	position: absolute;
	top: 35px;
	left: -9999em;
	background:#fff;
	z-index:10001;
	width:213px;
	padding-left:0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
	position:relative;
	margin:0;
	line-height:1.2em;
	text-transform:none;
	width:213px;
	min-height: inherit;
	margin:0;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
	top:0px;
	left: -100%;
}
#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
	text-decoration:none;
	text-align:left;
	display:block;
	padding:20px 15px;
	margin:0;
	border:none;
	line-height:inherit;
	color: #17191f;
}
#main-menu ul.children li a:hover,
#main-menu ul.sub-menu li a:hover{
	background: #b434f1;
	color: #fff;
}
#main-menu ul.children li ul:before,
#main-menu ul.sub-menu li ul:before,
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display:none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
	opacity:1;
	left: 0;
}

/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search form.woocommerce-product-search {
  background: #232531;
  padding: 5px;
  border-radius: 30px;
}
.header-search input#woocommerce-product-search-field {
  background: transparent;
  border: none;
  width: 75%;
	color: #fff;
}
.header-search button.search-button {
  border: none;
  background: transparent;
  cursor: pointer;
  color: #fff;
}
.header-search input#woocommerce-product-search-field::placeholder {
  font-size: 14px;
  color: #9eacb9;
}

/* ===============================================
   POST BOX
   ============================================= */

.post-box {
  border: 1px solid rgb(255 255 255 / 13%);
  background: #1d1e28;
}
.post-thumbnail {
  line-height: 0;
}
h3.post-title {
  font-size: 20px;
  font-weight: 500;
}
.post-meta i{
	color: #b434f1;
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  color: #62646c;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #fff;
	white-space: break-spaces;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
	max-width: 100%;
}
.post-content img,
.post-thumbnail img {
	max-height:100%;
	height:auto;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}
#content,footer {
  float: left;
  width: 100%;
}
.post-button a {
  background: #b434f1;
  padding: 6px 12px;
  color: #fff;
  border-radius: 30px;
}
.post-button a:hover{
	background: #fff;
}

/* ===============================================
   Slider
   ============================================= */

.slider {
  position: relative;
}
.blog_inner_box img{
  opacity: 0.5;
}
.blog_inner_box {
  position: relative;
  background: #1d1e28;
}
.blog_box {
  position: absolute;
  bottom: 5%;
  right: 15%;
  left: 5%;
  color: #fff;
}
.blog_box h3 {
  font-size: 25px;
  color: #fff;
  font-weight: 400;
}
.blog_box h4 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 1px;
  background: #b434f1;
  padding: 12px;
  display: inline-block;
  border-radius: 0 20px 0 20px;
  color: #fff;
}
p.slider-button a {
  background: #fff;
  padding: 12px 25px;
  color: #17191f;
  font-size: 15px;
  font-weight: 600;
  border-radius: 30px;
}
p.slider-button a:hover{
	background: #17191f;
	color: #fff
}
.slider .owl-nav {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 18%;
}
.slider button.owl-prev,.slider button.owl-next {
  color: #fff !important;
  letter-spacing: 5px;
  position: absolute;
}
.slider button.owl-prev i, .slider button.owl-next i {
  padding: 15px;
  border-radius: 50%;
  color: #fff;
  border: solid 2px rgb(255 255 255 / 50%);
}
.slider button.owl-prev i:hover, .slider button.owl-next i:hover{
  background: #b434f1;
}
.slider button.owl-prev{
  left: 86%;
}
.slider button.owl-next{
  right: 7%;
}
.slider .blog_box{
  display: none;
}
.slider .owl-item.center .blog_box{
  display: block;
}
.slider .blog_box span,
.gallery_content_box span{
  color: #fff;
}

/* ===============================================
   Gallery Section
   ============================================= */

.gallery img {
  width: 100%;
  height: auto;
}
.gallery h3 {
  font-size: 25px;
  font-weight: 600;
  color: #b434f1;
  text-transform: uppercase;
}
.gallery_content_box h4 {
  font-size: 18px;
  font-weight: 500;
}
.gallery hr {
  border-top: 3px solid #b434f1;
  width: 10%;
}
p.time-box span{
  color: #6a6c7e;
  font-size: 15px;
}

/* ===============================================
   Pagination
   ============================================= */

.pagination,
.professional-video-vlogger-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.professional-video-vlogger-pagination a span,
.professional-video-vlogger-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 12px;
	font-size:14px;
	line-height:21px;
	color:#333;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background:#f3f4f7;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.professional-video-vlogger-pagination span.current,
.professional-video-vlogger-pagination span.current:hover,
.professional-video-vlogger-pagination span.current:focus,
.professional-video-vlogger-pagination a span:hover,
.professional-video-vlogger-pagination a span:focus {
	background: #b434f1;
	color: #fff;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-reply a:focus{
  color: #fff;
}
.comment-respond input#submit:hover,
.comment-reply a:hover{
	background: #fff;
	color: #17191f;
}
.comment-form-url input,nav.navigation.pagination{
  width: 100%;
}
.comment-respond input#submit {
  background: #b434f1;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  padding: 5px 15px;
  color: #fff;
  background: #b434f1;
}

.comment-list .card,.card-header{
	background: #1d1e28;
}
.card-header,.card-footer {
    border-color: rgb(149 149 149 / 13%);
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
	margin-bottom: 25px;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
	line-height:1.9em;
	font-weight: normal;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style: none;
  margin: 0;
  padding: 0 15px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 15px;
  font-weight: 500;
  color: #6a6c7e;
}
.sidebar-area li {
  padding-bottom: 15px;
}
.sidebar-area h4.title {
  padding: 20px 15px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  background: #b434f1;
  border-left: solid 5px #fff;
}
.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #b434f1;
  color: #fff;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
	background: #fff;
	color: #17191f;
}
.sidebar-area form {
  padding: 15px;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input,
#comments input[type="email"],
#comments input[type="url"]{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width:100%;
	padding: 5px 2%;
	border: solid 1px #1d1e28;
  background: #1d1e28;
  color: #fff;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #f3f4f7;
  border: none;
}
.searchform input[type=submit] {
	background: #b434f1;
	border: none;
	color: #fff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:100px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}
.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background: #b434f1;
	text-decoration:none
}
.searchform:after {
  content: "";
  display: table;
  clear: both;
}
footer {
	background: #1d1e28;
}
footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}
.wp-block-group__inner-container h2,footer .sidebar-area .title, {
  color: #fff;
}
footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .textwidget {
	color: #6a6c7e
}
.footer-area ul {
  padding: 0;
}
.footer-area h4.title {
  padding: 0;
  font-size: 30px;
  font-weight: 500;
  text-transform: none;
  background: transparent;
  border: none;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}

.wp-caption {
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}

.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:100%
}

.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}

.scroll-up {
  position: fixed;
  bottom: 12px;
  right: 30px;
  z-index: 999;
}
.scroll-up a {
	background: #b434f1;
	color:#ffffff;
}
.scroll-up a:hover{
	background: #fff;
	color:#000;
}
.scroll-up a {
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  text-align: center;
  line-height: 2;
  border-radius: 3px;
  font-size: 1.25rem;
  color: #fff;
  opacity: 1;
  transition: all 0.3s ease 0s;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

/*===============================================
   PRELOADER
=============================================== */

.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #354952 transparent #ffffff transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent #b434f1 transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }

  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}

.sticky {
}

.gallery-caption {
}

.bypostauthor {
}