/*
Theme Name: VW Video Vlog Pro
Theme URI: https://www.vwthemes.com/themes/wordpress-video-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: WordPress video theme is of the premium level and is good for opening up the video related business website or a media website in which small videos play a major role. It is not only classy but also a clean theme for sports websites and has footer customization options apart from responsive layouts on all devices. Since it is premium, it SEO friendly with pagination options and has not only elegant light colours but also provides an intuitive experience. Video WordPress theme permits setting of title, tagline as well as logo and not only has the advanced colour options but colour pallets as well. With this, you can put video portfolio in spot light and it has footer customization options and is also compatible with contact form 7. It is not only beautiful but flexible and has the global colour option as well as the single click demo importer. It is WooCommerce ready.
Version: 1.0.3
License: GNU General Public License
License URI:license.txt
Text Domain: vw-video-vlog-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
VW Video Vlog Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2019.
VW Video Vlog Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(assets/webfonts/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('YesevaOne-Regular'), url(assets/webfonts/OpNJno4ck8vc-xYpwWWxli1VWw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Work Sans'), local('WorkSans-Regular'), url(assets/webfonts/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html body{
  margin:0; 
  padding:0; 
  -ms-word-wrap:break-word; 
  word-wrap:break-word; 
  background-color:#fff; 
  position:relative; 
  font-size: 15px;
  color: #6c6c6c;
  font-family: 'Poppins';
  font-weight: 300;
}
body
{
  padding: 0 !important; 
}
body.modal-open
{
  overflow: scroll !important;
}
label {
  margin-bottom: 0 !important;
}
img{
  margin:0; 
  padding:0; 
  border:none; 
  max-width:100%; 
  height:auto;
}
section img{
  max-width:100%;
}
h1,
h2,
h3,
h4,
h5,
h6{ 
  margin:0;
  padding:10px 0;
  letter-spacing: 1px;
  font-family:"Montserrat";
  color:#000000;
  font-weight: 600 !important;
}
p{
  margin:0 0 15px; 
  padding:0;
  font-size:15px;
  font-weight:300;
}
p, ul li a{
  letter-spacing: 0px;
}
body a{
  text-decoration:none; 
  color:#222222;
}
a:focus,a:hover{
  text-decoration:none !important;
  color:#666;
}
ul,ol{ 
  margin:0; 
  padding:0;
  list-style-type: none;
}
section ul li{
  display: inline-block;
}
ul li, ol li{font-size: 14px;}
blockquote {
  font-size: 18px;
  font-style: italic;
  max-width: 100%;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
}
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: 0px;
  top: -10px;
  color: #7a7a7a;
}
blockquote:after {
  display: block;
  content: "\201D";
  font-size: 80px;
  position: absolute;
  right: 0px;
  bottom: -10px;
  color: #7a7a7a;
}
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
blockquote cite:before {
  content: "\2014 \2009";
}
small{
  font-size:14px !important;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],input[type="password"],
textarea{
  border:1px solid #424648;
  font-size:16px;
  padding:10px 10px; 
  margin:0 0 0px 0;
  height:auto;
  width: 100%;
  background: transparent;
}
section{
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 30px 0;
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  background-color: #e62323;
}
input[type="submit"]:hover{
  cursor: pointer;
}
textarea {
  height: 80px;
}
iframe{
  width:100%;
}
button:focus{
  outline: none !important;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.toggleMenu{
  display:none;
}
table, td, th {
  border: 1px solid black;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
    border: 1px solid #fff;
    color: #000000;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 1.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 0em;
  color: #7f8391;
  padding-left: 15px;
  caption-side: top;
}
.widget_calendar tbody a {
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody #today{
   background-color: #bbb;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #7f8391;
}
.widget th,
.widget td {
  padding: 0.5384615385em;
}
/* ----------- Spinner ------------- */
.loading-box{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e62323;
  z-index: 2;
  cursor: pointer;
  z-index: 9999;
}
.loading-box .lds-roller {
  display: inline-block;
  position: absolute;
  width: 80px;
  height: 80px;
  top: 50%;
  left:50%;
  transform: translateX(-50%);
}
.loading-box .lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.loading-box .lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  margin: -4px 0 0 -4px;
}
.loading-box .lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.loading-box .lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.loading-box .lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.loading-box .lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.loading-box .lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.loading-box .lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.loading-box .lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.loading-box .lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.loading-box .lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.loading-box .lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.loading-box .lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.loading-box .lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.loading-box .lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.loading-box .lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.loading-box .lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* ---------- Return to Top ------------ */
#return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  background-color: #e62323;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 99;
  text-align: center;
}
#return-to-top i {
  color: #fff;
  position: relative;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
  color: #fff;
  top: 5px;
}
#return-to-top #screen-reader-text{
  color: #fff;
}
/* ----------- Background Attachment ------------ */
.section_bg_scroll{
  background-attachment: scroll;
}
.section_bg_fixed{
  background-attachment: fixed;
}
/*-----------------Superfish Menu------------------*/
.sf-arrows .sf-with-ul{
  padding-right: 15px;
}
.sf-arrows .sf-with-ul:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 14px;
  margin-top: -2px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #fff;
}
.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
/*----------------------  index ---------------------------*/
.post-section {
  padding: 20px 0;
}
/* --------- Social Icon Widget ------- */
.social_widget a {
  color: #8e929f;
  padding: 7px 7px;
  margin-right: 7px;
  display: inline-block;
  margin-bottom: 5px;
  border-radius: 50%;
}
.social_widget a i {
  font-size: 13px;
  width: 20px;
  text-align: center;
}
/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-dots{
  text-align: center;
  padding-top: 30px;
}
.owl-carousel .owl-dots button{
  width: 10px;
  height: 10px;
  background-color: #c2c5c8 !important;
  border-radius: 50%;
  margin: 0 5px;
  outline: none;
}
.owl-carousel .owl-dots .active{
  background-color: #e62323 !important;
}
.owl-carousel .owl-item img {
  width: auto !important;
  margin: 0 auto;
  width: auto;
}
button.owl-next, button.owl-prev {
  background: #1e202c;
}
button.owl-prev {
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 10px 20px;
  outline: none;
}
button.owl-next {
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 10px 20px;
  outline: none;
}
button.owl-next i, button.owl-prev i{
  color: #ffffff;
}
.owl-carousel .owl-nav i{
  color: #222;
  font-size: 20px;
}
/* ----------- About Widgets -------- */
.custom-about-us a{
  background-color: #222;
  padding:10px 20px;
  color: #fff;
  font-size: 16px;
  border-radius: 30px;
  font-weight: 600;
  display: inline-block;
  margin-top: 15px;
}
.custom-about-us .custom_author{
  padding-top: 15px;
}
.custom-about-us p{
  line-height: 30px;
}
/* ------------- Mozilla Style -------------- */
@-moz-document url-prefix() {
  .main-navigation ul
  {
    text-align: left;
  }
  .main-navigation a
  {
    font-size: 18px;
  }
}
#return-to-top.left{
  left: 10px;
}
#return-to-top.center{
  left: 50%;
  right: 50%;
}
.alt-screen-reader-text{
  display: none;
}