/*
Theme Name: Video Blog
Theme URI: https://www.vwthemes.com/products/free-video-blog-wordpress-theme
Author: VWthemes
Author URI: https://www.vwthemes.com
Description: Video Blog is designed to simplify and enhance the creation of websites tailored for video bloggers, travel vlogs, sponsored videos, and various blog content. It serves as an ideal platform for influencer marketing, movie review websites, and online video streaming, catering to vloggers, journalists, and magazines alike. Crafted by expert developers, its minimalist design ensures that your audience's attention is entirely directed towards the video content, making it a valuable tool for anyone involved in videography and media production. Demo: https://www.vwthemes.net/vw-video-vlog-pro/
Requires at least: 5.0
Template: vw-blog-magazine
Tested up to: 7.0
Requires PHP: 7.2
Version: 1.9.2
License: GPLv3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: video-blog
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, block-styles, flexible-header, block-patterns, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, full-width-template, theme-options, featured-image-header, translation-ready, threaded-comments, post-formats, blog, photography, entertainment
*/

/*------- DEFAULT CSS --------*/

body{
	font-family: 'Josefin Sans', sans-serif !important;
	color: #909090 !important;
}
a{
    color: #3edbf0;
    text-decoration: none !important;
}
a.button{ 
	background: transparent;
	border: solid 2px #101010;
	color: #101010;
	text-transform: none;
}
a.button:hover{
	background: #3edbf0;
	color: #fff;
	border-color: #3edbf0;
}
.closepop a:focus{
	outline: solid 1px #fff;
}
.woocommerce-product-details__short-description p a, .textwidget p a, .entry-content a, #comments p a, .comment-meta.commentmetadata a{
  color: #3edbf0 !important;
  text-decoration: underline !important;
}
a:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="phno"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, textarea:focus, input[type="submit"]:focus, #comments:focus, select:focus, button.owl-prev:focus, button.owl-next:focus, .toggle-nav button:focus, .imagebox h2 a:focus, a:focus span{
    outline: 2px solid #e83f3a;
}
.footer th{
    color: #fff !important;
}
/*------- LOGO --------*/
.admin-bar #header {
    margin-top: 32px;
}
.top-header {
    padding: 15px 0;
    background-image: linear-gradient(to right, #66de93 , #3edbf0);
}
.header-menu{
    -webkit-box-shadow: 0 8px 8px -2px #eee;
    -moz-box-shadow: 0 8px 8px -2px #eee;
    box-shadow: 0 8px 8px -2px #eee;
}
.logo{
	text-align: left;
	border: none;
}
.logo h1, 
.logo p.site-title{
	font-size: 25px;
	letter-spacing: 0;
	margin-bottom: 0;
	padding: 0;
}
.logo p {
    margin-bottom: 0;
}
.logo h1 a, 
.logo p, 
.logo p.site-title a{
	color: #101010;
}
.logo .site-title a:hover{
  color: #fff;
}
.top-header i.fab.fa-facebook-f {
    background: #4b69b0;
}
.top-header i.fab.fa-youtube {
    background: #e83f3a;
}
.top-header i.fab.fa-twitter {
    background: #37b1e1;
}
.top-header i.fab.fa-linkedin-in {
    background: #0a66c2;
}
.top-header i.fab.fa-pinterest-p {
    background: #e60023;
}
.top-header i.fab.fa-tumblr {
    background: #34526f;
}
.top-header i.fab.fa-instagram {
    background-image: linear-gradient(to right, #fccc63, #bc2a8d, #8a3ab9 );
}
.custom-social-icons i {
    color: #fff;
    border: solid 2px #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: 0;
    text-align: center;
}
.custom-social-icons i:hover{
    color: #101010;
}
.custom-social-icons {
    text-align: right;
}
a.video_upload {
    color: #101010;
    font-size: 18px;
}
a.video_upload:hover {
    color: #3edbf0;
}
.page-template-ibtana-page-template .middle-align{
  padding: 0em 0 0;
}
.copyright .custom-social-icons i {
    width: auto;
    height: auto;
    color: #000;
    margin-left: 10px;
}
/*-------- NAVIGATION ---------*/

.main-navigation ul{
    margin: 0;
}
.main-navigation a{
    font-size: 12px;
    letter-spacing: 1px;
    padding: 20px 10px;
    color: #101010;
}
.main-menu i.fas.fa-align-left {
    color: #101010;
    font-size: 20px;
    margin-right: 10px;
}
.main-navigation a:hover,
.main-navigation ul.sub-menu a:hover,
.search-box i:hover,
.postbox:hover h2, 
.postbox:hover i,
.blogbutton-small:hover,
.sidebar td#prev a,
.entry-content a, a,
.footer h3,
.textwidget p a, 
#comments p a,
.video-content h2 a:hover,
.playlist-box h4 a:hover,
.footer .custom-social-icons i,
.sidebar .custom-social-icons i {
	color: #3edbf0;
}
.main-navigation ul ul,
hr.big,
input[type="submit"],
.footer .custom-social-icons i,
.sidebar .custom-social-icons i,
.footer .custom-social-icons i:hover,
.sidebar .custom-social-icons i:hover{
    border-color: #3edbf0;
    opacity: 1;
}
span.post-page-numbers.current{
    background-image: linear-gradient(to right, #66de93 , #3edbf0) !important;
    color: #fff; 
}
.post-nav-links a:hover{
  color:#000;
  background-image: linear-gradient(to right, #66de93 , #3edbf0) !important;
} 
/*-------- SEARCH POPUP ---------*/

.search-box label {
	width: 80%;
}
#header .search-box,
#header label{
	margin-top: 0;
}
.search-box form.search-form {
    border-radius: 30px;
    background: #fff;
}
.search-box input.search-submit {
	padding: 10px 20px;
    margin: 7px 0;
}
.search-box input.search-field {
	border: 1px solid #ccc;
	padding: 9px;
}
button.search-submit {
	border: 0;
	background: transparent;
}
.search-box input.search-field {
	border: none;
	padding: 10px 0px 10px 15px;
	background: transparent;
	width: 100%;
	font-size: 14px;
	font-style: italic;
	color: #999
}

/*------- POST CSS --------*/
.metabox span {
    margin-right: 10px;
    font-size: 13px;
}
.postbox h2 {
  font-size: 25px;
  letter-spacing: 0;
  padding: 10px 0;
  font-weight: 700;
}
#playlist_sec .metabox:hover a, .postbox:hover h2 a, .postbox:hover .metabox a, .single-post .metabox:hover a{
  color: #3edbf0;
}
h2.section-title a,
.blog-icon i,
.sidebar th,
.sidebar caption,
.post-navigation .meta-nav,
h1{
	color: #101010;
}
.postbox p {
    font-size: 13px;
    color: #909090;
    margin: 15px 0 10px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 24px;
}
.metabox,
.entry-date a, .entry-author a {
    color: #909090;
    clear: both;
    padding: 0;
    font-size: 13px;
    font-weight: 600;
}
.metabox i{
	font-size: 12px;
	color: #909090;
}
.blogbutton-small, .sidebar .wp-block-search .wp-block-search__button, .footer .wp-block-search .wp-block-search__button{
	background-image: linear-gradient(to right, #66de93 , #3edbf0);
	padding: 15px 10px;
    color: #101010;
    border: none;
}
.wc-block-grid__product-onsale{
    background-image: linear-gradient(to right, #66de93 , #3edbf0) !important;
    border: none !important;
}
.blogbutton-small:hover{
    background: #101010;
}
.read-btn{
    margin: 15px 0 10px;
    display: block;
}
.pagination .current,
.pagination a:hover{
	background-image: linear-gradient(to right, #66de93 , #3edbf0);
	color: #fff;
}
.pagination span, 
.pagination a,
.sidebar h3,
.serach_inner input.search-submit:hover{
	background: #101010;
}
.single-post h1,
.middle-align h1 {
    font-weight: bold;
}
#comments input[type="submit"].submit,.blogbutton-small, .related-post .more-btn a{
	background-image: linear-gradient(to right, #66de93 , #3edbf0) !important;
}
.blogbutton-small:hover, .related-post .more-btn a:hover{
    background: #000 !important;
    color: #fff;
    border-color: #000;
}
.box-content {
    padding: 10px 20px;
}
.new-text {
    padding: 0 !important;
}
.postbox .service-image {
  text-align: center;
}
.service-image {
    padding-right: 0 !important;
}
.nav-previous a{
  padding: 15px 15px;
  color: #fff;
  font-size: 15px;
  line-height: 13px;
  font-weight: bold;
  text-align: left;
  background: #101010;
}
.nav-next a{
  padding: 15px 15px;
  color: #fff;
  font-size: 15px;
  line-height: 13px;
  font-weight: bold;
  text-align: right;
  background: #101010;
}
.nav-previous a:hover, .nav-next a:hover {
  background-image: linear-gradient(to right, #66de93 , #3edbf0);
  color: #fff;
  transition-duration: 0.5s;
}
.page-content {
  margin: 20px 0px 40px 0px;
}
.tags a{
  text-decoration: none !important;
}
nav.navigation.posts-navigation .nav-previous a, nav.navigation.posts-navigation .nav-next a{
  background-image: linear-gradient(to right, #66de93 , #3edbf0);
  color: #101010;
  border: none;
}
nav.navigation.posts-navigation .nav-previous a:hover, nav.navigation.posts-navigation .nav-next a:hover{
  color: #3edbf0;
  background: #101010;
}
/*------- SIDEBAR CSS --------*/

.sidebar input[type="submit"], 
.footer input[type="submit"],
.sidebar td#today,
.footer .tagcloud a:hover,
.scrollup i,
input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce span.onsale,
nav.woocommerce-MyAccount-navigation ul li,
#comments a.comment-reply-link,
.sidebar .woocommerce-product-search button,
.sidebar .widget_price_filter .ui-slider .ui-slider-range, 
.sidebar .widget_price_filter .ui-slider .ui-slider-handle,
.footer .woocommerce-product-search button,
.footer .widget_price_filter .ui-slider .ui-slider-range, 
.footer .widget_price_filter .ui-slider .ui-slider-handle,
.footer .custom-social-icons i:hover,
.sidebar .custom-social-icons i:hover,
#video_categry button.owl-prev i:hover, 
#video_categry button.owl-next i:hover,.read-moresec a,#sidebar .tagcloud a:hover{
	background-image: linear-gradient(to right, #66de93 , #3edbf0);
    color: #101010;
}
.sidebar ul li a{
	color: #909090;
}
.footer li a:hover, .sidebar ul li a:hover{
  color: #3edbf0;
}
.sidebar td#today a,
a.rsswidget{
	color: #fff;
}
.sidebar h3{
	margin-top: 0;
}
.woocommerce-message{
	border-top-color: #3edbf0;
}
.sidebar .custom-social-icons {
    margin-bottom: 20px;
}
.woocommerce input#password{
  border: 1px solid #bcbcbc;
}
.woocommerce-page form .password-input,.woocommerce label {
  width: 100%;
}
.woocommerce nav.woocommerce-pagination ul li a {
  display: block;
  margin: 2px 2px 2px 0;
  padding: 12px 15px;
  text-decoration: none;
  width: auto;
  color: #fff;
  background: #101010;
  transition: background .15s ease-in-out;
  font-weight: bold;
}
.woocommerce nav.woocommerce-pagination ul li a:hover{
  background-image: linear-gradient(to right, #66de93 , #3edbf0);
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
  padding: 12px 15px;
  background-image: linear-gradient(to right, #66de93 , #3edbf0);
  color: #fff;
  font-weight: normal;
}
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{
  border: none;
  float: none;
  overflow: unset;
}
.woocommerce nav.woocommerce-pagination {
  text-align: center;
  margin-bottom: 20px;
} 
h2.woocommerce-loop-product__title{
  font-size: 20px !important;
  font-weight: bold;
}  
.woocommerce div.product .product_title {
  font-size: 30px !important;
  font-weight: bold;
}  
a.wc-block-components-checkout-return-to-cart-button:hover{
    background: transparent !important;
}
.woocommerce #respond input#submit, .woocommerce a.button,a.wc-block-components-checkout-return-to-cart-button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,.wp-block-woocommerce-cart .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button, .wc-block-components-totals-coupon__button {
  background-image: linear-gradient(to right, #66de93 , #3edbf0) !important;
  color: #101010 !important;
  border-radius: 0;
  opacity: 1 !important;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background: #101010 !important;
    color: #fff !important;
}
a.wc-block-components-checkout-return-to-cart-button{
    text-decoration: none !important;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
  width: 120px !important;
  padding: 8px 5px 8px !important;
  margin: 0px 10px 0px 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  margin-bottom: 30px;
}
#payment {
  margin-bottom: 30px;
}
nav.woocommerce-MyAccount-navigation ul li a {
    color: #101010 !important;
    font-weight: bold;
}
li.product a {
    text-decoration: none !important;
}
.wc-proceed-to-checkout a{
    text-decoration: none !important;
}
input#url{
  width: 100%;
  padding: 12px 10px;
  font-size: 18px;
  margin: 20px 0 0 0;
  border: 1px solid #bcbcbc;
}
/*------- TOP VIDEO SECTION CSS --------*/

.page-template-custom-home-page .logo,
.page-template-ibtana-page-template .logo{
    position: static;
    padding: 0;
    border-top:none !important;
    border-bottom:none !important;
}
.top-video .mejs-overlay.mejs-layer.mejs-overlay-play {
    z-index: 999;
    width: auto !important;
    left: 80%;
}
.top-video .mejs-overlay-button {
    background-color: red !important;
    border-radius: 50%;
}
.one, .two, .three {
	position: relative;
}
.video-content {
    position: absolute;
    background: #fff;
    top: 50%;
    transform: translateY(-50%);
    left: 20%;
    right: 35%;
    padding: 15px;
    opacity: 0.9; 
}
.video-content h2 {
    margin-bottom: 0;
    text-align: left;
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
}
.top-video .metabox {
    margin: 15px 0;
    color: #101010;
    font-size: 10px;
}
.top-video .entry-date a,.top-video .entry-author a,
.top-video .metabox i,
.video-content h2 a{
	color: #101010;
}
.two .video-content,
.three .video-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.two iframe,.three iframe {
    height: 260px;
}
.one iframe {
    height: 527px;
}

/*------- PLAYLIST CSS --------*/
#playlist_sec {
    padding: 3% 0;
}
.playlist-box h4,
.playlist-video .metabox{
	text-align: center;
}
.playlist-box h4 a{
	color: #101010;
    font-size: 16px;
    font-weight: bold;
}
#playlist_sec .metabox{
	padding-bottom: 15px;
}
.playlist-video iframe {
    height: 205px;
}

/*------- CATEGORY CSS --------*/

#video_categry .owl-nav{
    display: block;
}

#video_categry button.owl-prev, #video_categry button.owl-next {
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    padding: 0;
}
#video_categry button.owl-prev i, #video_categry button.owl-next i {
    padding: 18px 0;
    background: #fff;
    color: #000;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
#video_categry button.owl-prev{
    left: 30px;
}
#video_categry button.owl-next{
    right: 30px;
}
#video_categry .imagebox img {
    opacity: 0.4;
}
#video_categry .imagebox {
    background: #101010;
}
.imagebox .cat-tag{
    background: transparent;
    padding: 0 10px;
}
.imagebox h4 a{
	font-size: 30px;
	font-weight: bold;
    color: #fff;
}
.imagebox h4 a:hover{
    color: #66de93;
}
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a {
    background-image: linear-gradient(to right, #66de93 , #3edbf0);
    color: #fff!important;
    border: 1px solid #25c5b7 ;
    padding: 5px 10px;
    margin-right: 5px;
    font-weight: 600;
    font-size: 15px;
    display: inline-block;
    margin-bottom: 8px;
}
.bradcrumbs a:hover{
  background: #101010 !important;
  color: #fff !important;
}
.bradcrumbs span{
  background-image: linear-gradient(to right, #66de93 , #3edbf0);
    color: #fff !important;
    border: 1px solid #25c5b7;
    padding: 6px 10px;
    font-weight: 600;
    font-size: 15px;
}
.post-categories li a{
  background-image: linear-gradient(to right, #66de93 , #3edbf0);
  color: #fff !important;
  font-size: 15px;
}
.post-categories li a:hover{
  background: #101010;
  border: 1px solid #000;
}
.custom-social-icons i {
  padding: 10px 0px 0px 0px;
}
.copyright p{
  margin: 10px 0;
}
#header .custom-social-icons{
    gap: 10px;
    margin-bottom: 0 !important;
}
#header .custom-social-icons i{
    color: #fff !important;
    display: flex;
    justify-content: center;
    padding: 5px !important;
    align-items: center;
}
.sidebar .custom-social-icons{
    gap: 10px;
}
.video-content{
    right: 55%;
    left: 3%;
}
/*------- FOOTER CSS --------*/

.footer{
	background: #101010;	
}
.footer-2 {
    background-image: linear-gradient(to right, #66de93 , #3edbf0);
    border-top: 0;
}
.copyright p{
	font-weight: 600;
	letter-spacing: 0;
}
.copyright a,.copyright p,.scrollup i{
    color: #101010 !important;
}
.copyright a:hover{
   color: #101010 !important;
}
.footer .wp-block-search .wp-block-search__label{
    color: #3edbf0 !important;
}
/*----------- PRELOADER ----------*/
#preloader {
  background-color: #3edbf0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999999;
  height: 100%;
}
.loader-inner {
  bottom: 0;
  height: 60px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
}
.loader-line-wrap {
  animation: spin 2000ms cubic-bezier(.175, .885, .32, 1.275) infinite;
  box-sizing: border-box;
  height: 50px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform-origin: 50% 100%;
  width: 100px;
}
.loader-line {
  border: 4px solid #ffffff;
  border-radius: 100%;
  box-sizing: border-box;
  height: 100px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
}
.loader-line-wrap:nth-child(1) { animation-delay: -50ms; }
.loader-line-wrap:nth-child(2) { animation-delay: -100ms; }
.loader-line-wrap:nth-child(3) { animation-delay: -150ms; }
.loader-line-wrap:nth-child(4) { animation-delay: -200ms; }
.loader-line-wrap:nth-child(5) { animation-delay: -250ms; }

.loader-line-wrap:nth-child(1) .loader-line {
  height: 90px;
  width: 90px;
  top: 7px;
}
.loader-line-wrap:nth-child(2) .loader-line {
  height: 76px;
  width: 76px;
  top: 14px;
}
.loader-line-wrap:nth-child(3) .loader-line {
  height: 62px;
  width: 62px;
  top: 21px;
}
.loader-line-wrap:nth-child(4) .loader-line {
  height: 48px;
  width: 48px;
  top: 28px;
}
.loader-line-wrap:nth-child(5) .loader-line {
  height: 34px;
  width: 34px;
  top: 35px;
}
@keyframes spin {
  0%, 15% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.elementor-page #preloader{
  display: none;
}
/*------- About Widgets CSS --------*/
.footer .custom-about-us{
    text-align: left;
}
.footer .custom-about-us .more-button{
    margin: 0px;
}
.footer .custom-about-us a.custom_read_more, .sidebar .custom-about-us a.custom_read_more{
    background-image: linear-gradient(to right, #66de93 , #3edbf0);
    color: #101010;
}
a.wc-block-components-product-name, .wc-block-components-product-name{
    color: #000 !important;
}
a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart:hover,a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
button.components-button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover{
    background: #000 !important;
    color: #fff !important;
    border: none !important;
}

a.added_to_cart.wc-forward{
    background-image: linear-gradient(to right, #66de93 , #3edbf0) !important;
    color: #000;
    text-transform: none;
}
a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart:hover{
    border: 1px solid #000 !important;
}
/*my account address button css*/
header.woocommerce-Address-title.title a,.wp-block-woocommerce-cart .wc-block-components-product-badge{
    background-image: linear-gradient(to right, #66de93, #3edbf0) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    font-size: 15px;
    font-weight: bold !important;
    text-decoration: none !important;
    padding: 12px 20px !important;
}
header.woocommerce-Address-title.title a:hover,#tag-cloud-sec .tag-cloud-link:hover,.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover:hover{
  background: #000 !important;
  color:#3edbf0 !important;
}
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{
    text-decoration: none !important;
}
#tag-cloud-sec .tag-cloud-link {
    font-size: 16px !important;
    color: #fff !important;
    padding: 10px;
    margin: 10px;
    display: inline-block;
    text-transform: capitalize;
    background-image: linear-gradient(to right, #66de93, #3edbf0) !important;
    border-color: transparent !important;
    color: #ffffff;
}
a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart{
    border-radius: 0 !important;
}
/*------- MEDIA CSS --------*/

@media screen and (max-width:720px) {
	.admin-bar #header {
    	margin-top: 46px;
	}
	#header .search-box {
	    margin: 10px 0;
	}
	.logo,.custom-social-icons{
		text-align: center;
	}
	.serach_inner form.search-form{
		width: auto;
	}
    #video_categry button.owl-prev{
        left: 5px;
    }
    #video_categry button.owl-next{
        right: 5px;
    }
    .copyright .custom-social-icons a {
        margin-left: 2px;
    }
}

@media screen and ( max-width: 788px ) and ( min-width: 768px ) {
	.admin-bar #header {
	    margin-top: 46px;
	}
    .logo{
        text-align: center;
        padding-bottom: 15px !important;
    }
     .imagebox h4 a {
        font-size: 18px;
    }
    #video_categry button.owl-prev {
        left: 10px;
    }
     #video_categry button.owl-next{
        left: 10px;
     }
}

@media screen and (max-width: 1000px){
    .owl-carousel .owl-item img{
        height: auto;
    }
	.sidenav .closebtn {
	    right: 15px;
	}
	.sidenav .closebtn {
		top:0;
        background-image: linear-gradient(to right, #66de93, #3edbf0);
	}
	.toggle-nav i{
		background-image: linear-gradient(to right, #66de93 , #3edbf0);
	}
	.toggle-nav{
		text-align: left;
		width: 100%;
		position: static;
	}
	.search-box{
		text-align: left;
	}
	.single-post iframe{
		width: 100%;
	}
	.video-content{
		right: 20%;
	}
}