/*
Theme Name: VW Affiliate Review Pro
Theme URI: https://www.vwthemes.com/themes/Affiliate-wordpress-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.2
Requires at least: 5.2.4
Requires PHP: 5.2.4
Tested up to: 7.4
License: GNU General Public License
License URI:license.txt
Text Domain: vw-affiliate-review-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Theme Name: VW Affiliate Review Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2021.
 WordPress Theme is released under the terms of GNU GPL
*/

:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-orange: #F1592A;
  --color-gray: #777777;
  --color-blue: #283891;
}
:root {
  --font-open-sans: "Open Sans";
}
html body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  position: relative;
  color: var(--color-black);
  font-weight: 300;
  font-size: 15px;
  font-family: var(--font-open-sans);
  overflow-x: hidden;
}
body a {
  text-decoration: none;
  color: var(--color-black);
}
section img {
  max-width: 100%;
}
section {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 50px 0;
}
textarea {
  padding: 5px;
  width: 100%;
}
h2,
h5,
h6 {
  font-weight: 600 !important;
}
h2 {
  font: 28px/28px var(--font-open-sans);
  color: var(--color-black);
}
h5 {
  font: 22px/28px var(--font-open-sans);
  color: var(--color-yellow1);
}
p,
.comment-author-admin span,
.logged-in-as a {
  font: 400 14px/20px var(--font-open-sans);
  color: var(--color-black);
}
.logged-in-as a:hover {
  color: var(--color-black) !important;
}
h6 {
  font: 16px/28px var(--font-open-sans);
  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-black);
}
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-open-sans);
  color: var(--color-black) !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-black) !important;
}
/*#vw-sidebar a {
  font: 400 18px/24px var(--font-open-sans);
  color: var(--color-gray) !important;
  margin-left: 10px;
  align-self: center;
}*/
#vw-sidebar .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-open-sans);
  color: var(--color-black);
}
.theme_button {
  font: 600 18px/22px var(--font-open-sans);
  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;
}
#entertainment .blog-inner-box1 .comment-value p,#popular-brand .blog-inner-box1 .comment-value p,#restaurants .blog-inner-box1 .comment-value p {
  background-image: url(assets/images/review-score-icon.png);
  background-repeat: no-repeat;
  padding: 17px 12px;
  color: var(--color-white);
  font: 600 15px/20px 'Open Sans';
  float: right;
}
.vwslideimg_width p {
  background-image: url(assets/images/review-score-icon.png);
  background-repeat: no-repeat;
  padding: 18px 12px;
  color: var(--color-white);
  font: 600 15px/20px 'Open Sans';
}
.accordion-item {
  background-color: #fff;
  border: none;
}
.accordion-button {
  background-color: #f2F2F2;
  box-shadow: none;
  border: none;
  padding: 20px 50px;
  margin: 4px 0;
}
.accordion-button {
  border-bottom: 4px solid rgba(40, 71, 125, 1);
  color: var(--color-blue);
  font-weight: bold;
  background-color: #f2F2F2;
}
.accordion-button:not(.collapsed) {
  border-bottom: 4px solid #F1592A;
  color: var(--color-blue);
  font-weight: bold;
  background-color: rgb(241 89 42 / 30%) !important;
}
.accordion-button:focus {
  z-index: 3;
  border-color: none;
  outline: 0;
  box-shadow: none;
}
.accordion-item {
  margin: 20px auto;
  border-top: 1px solid rgba(0, 0, 0, .125);
}
.accordion-button:not(.collapsed),.accordion-button:hover {
  color: var(--color-blue) !important;
}
.accordion-body {
  font-weight: 500;
}
#accordion .accordion-button:not(.collapsed)::after {
  background-image: url("assets/images/accordion.png") !important;
  transform: rotate(-180deg);
}
#accordion .accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("assets/images/accordion.png") !important;
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform .2s ease-in-out;
}
#vw-sidebar .widget {
  padding: 20px;
  margin-bottom: 25px;
  border: 1px dashed #A1A1A1;
  border-radius: 25px;
}
#vw-sidebar .widget h2 {
  font: 400 28px/50px var(--font-open-sans);
  color: var(--color-black) !important;
  margin-bottom: 8%;
}
#vw-sidebar .widget h2:after {
  display: block;
  content: '';
  position: absolute;
  width: 50px;
  height: 2px;
  margin-top: 0;
  background-color: #03B2FB;
}
#vw-sidebar ul li {
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 0;
}
#vw-sidebar a {
  font: 500 14px/24px var(--font-open-sans);
  color: #242424 !important;
  align-self: center;
}
#vw-sidebar .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  border: none;
  border-bottom: 1px solid #000 !important;
}
#vw-sidebar label {
  display: none;
}
#vw-sidebar input[type=search],.search [type=search] {
  padding: 10px;
  font-size: 14px;
  margin-bottom: 10px;
  color: #6c6c6c;
  width: 100%;
}
#vw-sidebar button[type=submit],.search [type=submit] {
  color: #088CEF;
  padding: 12px 0;
  font-size: 12px;
  background: unset !important;
  border: unset !important;
  letter-spacing: 2px;
  font-weight: 700;
}
#vw-sidebar li img {
  width: auto !important;
}
#return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 99;
  background-color: var(--color-orange);
}
#return-to-top i {
  color: var(--color-white);
  position: relative;
  top: 13px;
  padding: 3px 13px;
  font-size: 19px;
  transition: all 0.3s ease;
}
.woocommerce-shop .main-navigation a,.woocommerce-shop .main-navigation a:hover {
  color: var(--color-black) !important;
}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button:hover {
  background-color: var(--color-blue) !important;
  color: var(--color-white) !important;
}
.woocommerce a:hover {
  color: var(--color-blue) !important;
}
.woocommerce a {
  color: var(--color-blue) !important;
  font: 600 16px var(--font-open-sans);
}
.woocommerce-account .addresses .title h3 {
  color: var(--color-black) !important;
}
/*.woocommerce li {
  padding: 10px;
}*/
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea {
  padding: 10px;
}
.woocommerce .woocommerce-breadcrumb {
  margin-bottom: 6%;
}
.single-product span.onsale {
  display: none;
}
.woocommerce-shop span.onsale {
  top: 16px !important;
  right: 15px !important;
  padding: 2px 9px !important;
  line-height: unset !important;
  min-height: unset !important;
  min-width: unset !important;
  border-radius: unset !important;
  background-color: var(--color-orange) !important;
}
.woocommerce-page ul.products li.product {
  transition: all .6s ease-in-out;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  padding: 5px 5px 10px 5px;
  border-radius: 5px;
  overflow: hidden;
  height: 100%;
  text-align: center;
}
.woocommerce-ordering select {
  font: 700 14px/25px 'Sen', sans-serif;
  letter-spacing: 1px;
  border: none;
  border-bottom: 2px solid #e5e5e5!important;
  background-color: transparent!important;
  border-radius: 0!important;
  -webkit-transition: border-color cubic-bezier(.25, .46, .45, .94) .15s;
  -o-transition: border-color cubic-bezier(.25, .46, .45, .94) .15s;
  transition: border-color cubic-bezier(.25, .46, .45, .94) .15s;
  padding: 8% 0;
  margin-top: -15%;
}
.woocommerce .loader::before{
  display: none !important;
}
/*Loader*/
#custom_preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #283891;
  z-index: 999999;
  height: 100%;
}
.loader {
  position: relative;
  width: 75px;
  height: 100px;
  left: 50%;
  top: 50%;
}
.loader__bar {
  position: absolute;
  bottom: 0;
  width: 10px;
  height: 50%;
  background: #F1592A;
  transform-origin: center bottom;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
}
.loader__bar:nth-child(1) {
  left: 0px;
  transform: scale(1, 0.2);
  -webkit-animation: barUp1 4s infinite;
  animation: barUp1 4s infinite;
}
.loader__bar:nth-child(2) {
  left: 15px;
  transform: scale(1, 0.4);
  -webkit-animation: barUp2 4s infinite;
  animation: barUp2 4s infinite;
}
.loader__bar:nth-child(3) {
  left: 30px;
  transform: scale(1, 0.6);
  -webkit-animation: barUp3 4s infinite;
  animation: barUp3 4s infinite;
}
.loader__bar:nth-child(4) {
  left: 45px;
  transform: scale(1, 0.8);
  -webkit-animation: barUp4 4s infinite;
  animation: barUp4 4s infinite;
}
.loader__bar:nth-child(5) {
  left: 60px;
  transform: scale(1, 1);
  -webkit-animation: barUp5 4s infinite;
  animation: barUp5 4s infinite;
}
.loader__ball {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  animation: ball 4s infinite;
}
@keyframes ball {
  0% {
    transform: translate(0, 0);
  }
  5% {
    transform: translate(8px, -14px);
  }
  10% {
    transform: translate(15px, -10px)
  }
  17% {
    transform: translate(23px, -24px)
  }
  20% {
    transform: translate(30px, -20px)
  }
  27% {
    transform: translate(38px, -34px)
  }
  30% {
    transform: translate(45px, -30px)
  }
  37% {
    transform: translate(53px, -44px)
  }
  40% {
    transform: translate(60px, -40px)
  }
  50% {
    transform: translate(60px, 0)
  }
  57% {
    transform: translate(53px, -14px)
  }
  60% {
    transform: translate(45px, -10px)
  }
  67% {
    transform: translate(37px, -24px)
  }
  70% {
    transform: translate(30px, -20px)
  }
  77% {
    transform: translate(22px, -34px)
  }
  80% {
    transform: translate(15px, -30px)
  }
  87% {
    transform: translate(7px, -44px)
  }
  90% {
    transform: translate(0, -40px)
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes barUp1 {
  0% {
    transform: scale(1, .2);
  }
  40% {
    transform: scale(1, .2);
  }
  50% {
    transform: scale(1, 1);
  }
  90% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, .2);
  }
}
@keyframes barUp2 {
  0% {
    transform: scale(1, .4);
  }
  40% {
    transform: scale(1, .4);
  }
  50% {
    transform: scale(1, .8);
  }
  90% {
    transform: scale(1, .8);
  }
  100% {
    transform: scale(1, .4);
  }
}
@keyframes barUp3 {
  0% {
    transform: scale(1, .6);
  }
  100% {
    transform: scale(1, .6);
  }
}
@keyframes barUp4 {
  0% {
    transform: scale(1, .8);
  }
  40% {
    transform: scale(1, .8);
  }
  50% {
    transform: scale(1, .4);
  }
  90% {
    transform: scale(1, .4);
  }
  100% {
    transform: scale(1, .8);
  }
}
@keyframes barUp5 {
  0% {
    transform: scale(1, 1);
  }
  40% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, .2);
  }
  90% {
    transform: scale(1, .2);
  }
  100% {
    transform: scale(1, 1);
  }
}