/*
Theme Name: VW Vcard CV Resume Pro
Theme URI: https://www.vwthemes.com/themes/wordpress-sports-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: This WordPress sports theme is the best option you can opt for if you run a business that is related to sports. It is a good choice for sports trainers or sports coaches offering coaching in any sport. It can also be used in promoting any sport or game. Sports academies and sports clubs can use this theme for their promotion. The effectively designed sections of this theme can constructively display the facilities of your sports academy or business. It is made versatile so that even a sports goods manufacturer or retail shop can also use it to full effect for boosting the business. This cleverly designed sports WordPress theme has a layout that will suit any sport. Many high-end features are included that allow you to showcase the sporting events and schedule in a nice way. With this theme, you are allowed to create your own engaging content giving all the details perfectly.
Version: 0.0.5
Requires at least: 5.2.4
Requires PHP: 7.2
Tested up to: 6.0.1
License: GNU General Public License
License URI:license.txt
Text Domain: vw-vcard-cv-resume-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
VW Vcard CV Resume Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2021.
VW Vcard CV Resume Pro WordPress Theme is released under the terms of GNU GPL
*/
:root {
  --color-white: #ffffff;
  --color-yellow: #e88c09;
  --color-yellow1: #ff9800;
  --color-gray: #777777;
  --color-blue: #373293;
  --color-blue1: #363394;
  --color-blue2: #181e5e;
  --color-blue3: #5049c1;
}
:root {
  --font-josefin: "Josefin Sans";
}
* {
  margin: 0;
  padding: 0;
  outline: none;
}
html body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  position: relative;
  color: var(--color-gray);
  font-weight: 300;
  font-size: 15px;
  font-family: var(--font-josefin);
}
body a {
  text-decoration: none;
  color: var(--color-white);
}
section img {
  max-width: 100%;
}
section {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 50px 0;
}
textarea{
  padding: 5px;
}
h2,h5,h6 {
  font-weight: 600 !important;
}
h2 {
  font: 28px/28px var(--font-josefin);
  color: var(--color-blue1);
}
h5 {
  font: 22px/28px var(--font-josefin);
  color: var(--color-yellow1);
}
p, .comment-author-admin span,.logged-in-as a{
  font: 400 14px/20px var(--font-josefin);
  color: var(--color-gray);
}
.logged-in-as a:hover{
  color: var(--color-gray) !important;
}
h6 {
  font: 16px/28px var(--font-josefin);
  color: var(--color-yellow1);
}
img {
  border: none;
  max-width: 100%;
  height: auto;
}
li {
  list-style: none;
}
a:hover {
  color: var(--color-white) !important;
}
h1 {
  color: var(--color-blue1);
}
input[type=search]{
    padding: 10px;
    font-size: 15px;
    margin-bottom: 10px;
    color: #6c6c6c;
    border: solid 1px #e1e1e1;
    width: 100%;
}
ol, ul{
  padding-left: 0 !important;
}
.comment-author-admin a{
  font: 400 14px/20px var(--font-josefin);
  color: var(--color-blue1) !important;
 }
.comment .comment-meta{
   margin-top: 2%;
}
.comment .reply{
  margin-bottom: 2%;
}
.vw-scroll{
  background-attachment: scroll;
}
.vw-fixed{
  background-attachment: fixed;
}
.blog #vw-header-menu {
  position: static;
  background: var(--color-blue1) !important;
 }

#vw-sidebar a {
  font: 400 18px/24px var(--font-josefin);
  color: var(--color-gray) !important;
  margin-left: 10px;
  align-self: center;
}
.search-submit{
  filter: drop-shadow(0 0 24.5px rgba(232, 140, 9, 0.27));
  background-color: var(--color-yellow);
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 9px;
  border-color: var(--color-yellow);
  color:#fff
}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
  border: unset;
}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
  border: unset;
}
.nav-tabs {
  border-bottom: unset !important;
}
.nav-tabs .nav-link {
  margin-bottom: unset !important;
}
.nav-link {
  transition: unset !important;
}
.nav-next span,.nav-previous span{
  font: 600 16px var(--font-josefin);
  color: var(--color-gray);
}
.theme_button {
  font: 600 18px/22px var(--font-josefin);
  text-align: center;
  padding: 13px 40px;
  border-top-left-radius: 8px;
  border-bottom-right-radius: 8px;
  color: var(--color-white);
  background-color: var(--color-blue);
  overflow: hidden;
  display: inline-block;
  position: relative;
  z-index: 1;
  transition: all 0.7s ease 0s;
}
.theme_button:hover {
  color: var(--white);
}
.search-submit{
      filter: drop-shadow(0 0 24.5px rgba(232, 140, 9, 0.27));
    background-color: var(--color-yellow);
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 9px;
    border-color: var(--color-yellow);
    color: var(--color-white);
}
.theme_button:before,.theme_button:after,.theme_button span:before,.theme_button span:after {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--color-yellow1);
  opacity: 0.6;
  position: absolute;
  top: -90px;
  left: 0;
  z-index: -1;
  transition: all 0.4s ease 0.2s;
}
.theme_button:after {
  opacity: 1;
  z-index: -2;
  transition: all 0.4s ease 0.3s;
}
.theme_button span:before,.theme_button span:after {
  opacity: 0.4;
  z-index: -2;
  transition: all 0.4s ease 0.1s;
}
.theme_button span:after {
  opacity: 0.2;
  transition: all 0.4s ease 0s;
}
.theme_button:hover:before,.theme_button:hover:after,.theme_button:hover span:before,.theme_button:hover span:after {
  top: 0;
}
#slidemainbox {
  direction: ltr !important;
}
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1110;
  overflow: hidden;
}
#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #16a085;
  animation: spin .9s linear infinite;
  z-index: 11;
}
#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #e74c3c;
  animation: spin-reverse .4s linear infinite;
}
#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #f9c922;
  animation: spin .7s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin-reverse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.archive .post_pic_inner .team-content{
    top: 14%;
    left: 14%;
}
#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: var(--color-blue2);
  z-index: 10;
}
#loader-wrapper .loader-section.section-left {
  left: 0;
}
#loader-wrapper .loader-section.section-right {
  right: 0;
}
.loaded #loader-wrapper .loader-section.section-left {
  transform: translateX(-100%);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader-wrapper .loader-section.section-right {
  transform: translateX(100%);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
  visibility: hidden;
  transform: translateY(-100%);
  transition: all 0.1s .8s ease-out;
}
#bubbles {
  padding: 0px 0
}
.bubble {
  width: 20px;
  height: 20px;
  border-radius: 200px;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  position: absolute;
}
.x1 {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  transform: scale(0.9);
  opacity: 1;
  background: #caffbf;
  -webkit-animation: moveclouds 15s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -moz-animation: moveclouds 15s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -o-animation: moveclouds 15s linear infinite, sideWays 4s ease-in-out infinite alternate;
}
.x2 {
  left: 200px;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  transform: scale(0.6);
  opacity: 1;
  background: #e76f51;
  -webkit-animation: moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate;
  -moz-animation: moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate;
  -o-animation: moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate;
}
.x3 {
  right: 350px;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 1;
  background: #006d77;
  -webkit-animation: moveclouds 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -moz-animation: moveclouds 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -o-animation: moveclouds 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
}
.x4 {
  left: 470px;
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  transform: scale(0.75);
  opacity: 1;
  background: #48cae4;
  -webkit-animation: moveclouds 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: moveclouds 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -o-animation: moveclouds 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
}
.x5 {
  right: 150px;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 1;
  background: #8338ec;
  -webkit-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
  -moz-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
  -o-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
}
.x6 {
  left: 150px;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 1;
  background: #b08968;
  -webkit-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
  -moz-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
  -o-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
}
.x7 {
  left: 150px;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 1;
  background: #f0efeb;
  -webkit-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
  -moz-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
  -o-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
}
.x8 {
  left: 150px;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 1;
  background: #cddafd;
  -webkit-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
  -moz-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
  -o-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
}
.x9 {
  right: 150px;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 1;
  background: #f08080;
  -webkit-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
  -moz-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
  -o-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
}
.x10 {
  right: 150px;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 1;
  background: #00f5d4;
  -webkit-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
  -moz-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
  -o-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
}
@keyframes moveclouds {
  0% {
    top: 500px;
  }
  100% {
    top: -500px;
  }
}
@keyframes sideWays {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: 10px;
  }
}
@keyframes moveclouds {
  0% {
    top: 500px;
  }
  100% {
    top: -500px;
  }
}
@keyframes sideWays {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: 10px;
  }
}
@keyframes moveclouds {
  0% {
    top: 500px;
  }
  100% {
    top: -500px;
  }
}
@keyframes sideWays {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: 50px;
  }
}
.dot-spin {
  position: relative;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: transparent;
  color: transparent;
  box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 0 rgba(152, 128, 255, 0), 0 18px 0 0 rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 0 rgba(152, 128, 255, 0), -18px 0 0 0 rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 0 rgba(152, 128, 255, 0);
  animation: dotSpin 1.5s infinite linear;
}
@keyframes dotSpin {
  0%,
  100% {
    box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);
  }
  12.5% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 0 #9880ff, 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);
  }
  25% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);
  }
  37.5% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.72984px 12.72984px 0 0 #9880ff, -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);
  }
  50% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 #9880ff, -12.72984px 12.72984px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);
  }
  62.5% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.72984px -12.72984px 0 0 #9880ff;
  }
  75% {
    box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 #9880ff, -12.72984px -12.72984px 0 0 #9880ff;
  }
  87.5% {
    box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 0 #9880ff;
  }
}
#slidemainbox {
  direction: ltr;
}
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: var(--color-blue3);
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}
.woocommerce-shop .main-navigation a,.woocommerce-shop .main-navigation a:hover {
  color: var(--color-white) !important;
}
.woocommerce a,.woocommerce a:hover {
  color: var(--color-blue1) !important;
  font: 600 16px var(--font-josefin);
}
.woocommerce-account .addresses .title h3 {
  color: var(--color-blue1) !important;
}
.woocommerce li {
  padding: 10px;
}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea {
  padding: 10px;
}
#FeatureSkill {
  direction: ltr;
}
.vw-navigation .page-numbers,.meta-nav{
  background: var(--color-blue1);
  color: var(--color-white) !important;
  padding: 10px 16px;
  font: 600 16px var(--font-josefin);
}
.nav-next{
  margin-left: 10px;
}
.post-navigation .nav-links{
  display: flex;
  padding:0 5px 15px 5px;
}
.comments-area .comment-list li.comment span.says {
    display: none;
}
.comments-area .comment-list li.comment .comment-author img{
    float: left;
    border-radius: 50%;
    position: absolute;
    left: 0;
    width: 12%;
}
.comments-area .comment-list li.comment .comment-body{
    padding-bottom: 0;
    position: relative;
    padding-left: 98px;
    padding-bottom: 30px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ddd;
    text-align: left;
}