/*!
Theme Name: heyviplive
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: heyviplive
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

heyvip is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

@import url("https://fonts.googleapis.com/css2?family=Oxanium:wght@200..800&display=swap");

span.match_info {
  display: block;
  line-height: 24px;
  height: 24px;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

div#results ul {
  display: block;
  margin: 15px auto;
}

div#results ul li {
  padding: 20px 15px;
  margin: 10px 0;
  border-radius: 8px;
}

.votecount {
  text-align: right;
}

.votecount i {
  color: rgb(212, 170, 75);
}

#winprediction .modal-dialog {
  max-width: 767px;
  top: 20%;
}

.question-item {
  margin: 10px auto;
  /* border: 1px solid #2e2e2e; */
  padding: 8px;
  border-radius: 4px;
}
.question-bg {
  background-color: rgba(12, 12, 53, 0.9);
}

.heading_wrapper.row {
  height: 56px;
}
.heading_wrapper p {
  line-height: 22px;
  font-size: 14px;
}
.football_match_win_prediction .heading_wrapper p {
  line-height: 1;
  padding: 0;
  color: #1d2228;
  font-weight: 600;
}

.football_match_win_prediction .btn-yes {
  background: rgb(0, 0, 0);
  background: -moz-linear-gradient(
    0deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(38, 42, 47, 1) 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(38, 42, 47, 1) 100%
  );
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(38, 42, 47, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#262a2f",GradientType=1);
}
div#winprediction .modal-content {
  background: #161324;
  background-position: center !important;
  /* background-blend-mode: soft-light; */
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.btn-close {
}

.external_links_wrapper a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}

.question-item {
  margin: 10px auto;
}

.btn-close {
  color: #fff;
}

div#results ul.match_item_wrapper.football_item_wrapper {
  display: flex;
  align-content: center;
  justify-content: space-evenly;
  align-items: center;
}

div#results ul.match_item_wrapper.football_item_wrapper li:nth-child(1) span,
div#results ul.match_item_wrapper.football_item_wrapper li:nth-child(3) span {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: space-evenly;
  align-items: center;
  text-align: center;
}

div#results ul.match_item_wrapper.football_item_wrapper li {
  display: flex;
  width: 33.33%;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
div#results ul.match_item_wrapper.football_item_wrapper {
  padding: 15px;
  background: #262a2f;
  border-radius: 8px;
}

div#results ul.match_item_wrapper.football_item_wrapper li:nth-child(2) {
  display: flex;
  align-content: stretch;
  align-items: center;
  flex-direction: column;
}

ul.match_item_wrapper.football_item_wrapper li span.match_info {
  width: 100%;
  height: auto;
}

span.match_score_block {
  font-weight: 800;
  font-size: 24px;
}

span.match_score_status {
  font-size: 15px;
  line-height: 20px;
  font-weight: 300;
  color: #d4aa4b;
}

.location_img,
.match_time_img {
  display: inline-block;
  max-width: 18px;
  margin-right: 4px;
}

.match_item_short.match_football_short {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.match_item_short.match_football_short .btn_winprediction img {
  max-width: 24px;
}

.match_item_short.match_football_short .btn_winprediction {
  height: 34px;
  margin: 0 0 5px;
  padding: 3px 12px;
  background: #d4aa4b;
  border-radius: 6px;
  border: 1px solid #000;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}

.heyviplive_btn {
  position: relative;
  display: inline-block;
  color: #161e22;
  transition: 0.5s;
  overflow: hidden;
}

.heyviplive_btn:hover {
  background: #161e22;
  color: #050801;
  box-shadow: 0 0 5px #161e22, 0 0 25px #161e22, 0 0 50px #161e22,
    0 0 200px #161e22;
  -webkit-box-reflect: below 1px linear-gradient(transparent, #0005);
}

.football_match_detail {
  cursor: pointer;
}

/* .heyviplive_btn:nth-child(1) {
    filter: hue-rotate(270deg);
}

.heyviplive_btn:nth-child(2) {
    filter: hue-rotate(110deg);
} */

.heyviplive_btn span.main {
  position: absolute;
  display: block;
}

.heyviplive_btn span.main:nth-child(1) {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #161e22);
  animation: heyviplive_btn_animate 1s linear infinite;
}

@keyframes heyviplive_btn_animate {
  0% {
    left: -100%;
  }

  50%,
  100% {
    left: 100%;
  }
}

.heyviplive_btn span.main:nth-child(2) {
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg, transparent, #161e22);
  animation: heyviplive_btn_animate2 1s linear infinite;
  animation-delay: 0.25s;
}

@keyframes heyviplive_btn_animate2 {
  0% {
    top: -100%;
  }

  50%,
  100% {
    top: 100%;
  }
}

.heyviplive_btn span.main:nth-child(3) {
  bottom: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(270deg, transparent, #161e22);
  animation: heyviplive_btn_animate3 1s linear infinite;
  animation-delay: 0.5s;
}

@keyframes heyviplive_btn_animate3 {
  0% {
    right: -100%;
  }

  50%,
  100% {
    right: 100%;
  }
}

.Mahekjain-btn-10 span.main:nth-child(4) {
  bottom: -100%;
  left: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(360deg, transparent, #161e22);
  animation: heyviplive_btn_animate4 1s linear infinite;
  animation-delay: 0.75s;
}

@keyframes heyviplive_btn_animate4 {
  0% {
    bottom: -100%;
  }

  50%,
  100% {
    bottom: 100%;
  }
}

.football_match_win_prediction {
  display: none;
}

.football_match_win_prediction .question-item.question-bg {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  background: rgb(198, 151, 55);
  background: -moz-linear-gradient(
    30deg,
    rgba(198, 151, 55, 1) 0%,
    rgba(38, 42, 47, 1) 100%
  );
  background: -webkit-linear-gradient(
    30deg,
    rgba(198, 151, 55, 1) 0%,
    rgba(38, 42, 47, 1) 100%
  );
  background: linear-gradient(
    30deg,
    rgba(198, 151, 55, 1) 0%,
    rgba(38, 42, 47, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c69737",endColorstr="#262a2f",GradientType=1);
}

.football_match_win_prediction .heading_wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  width: 45%;
}
.football_match_win_prediction .question_logo img {
  width: 80px;
  height: auto;
}

.football_match_win_prediction .question-response {
  max-width: 100%;
  margin: 0px auto;
}
.football_match_win_prediction .question-response {
  display: none;
}

.heading_wrapper_msg {
  max-width: 70%;
  line-height: 1;
  font-size: 15px;
  text-align: center;
}

.football_match_win_prediction .top_wrapper {
  width: 15%;
}

.football_match_win_prediction .bottom_wrapper {
  display: flex;
  width: 50%;
  gap: 10px;
}
.football_match_win_prediction .votecount {
  text-align: right;
  font-size: 14px;
  line-height: 1;
}

p.match_season img {
  max-width: 28px;
  top: -3px;
  position: relative;
}

.football_match_detail.football_match_detail_page ul.match_item_wrapper {
  margin: 0 !important;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-around;
  align-items: center;
}

body.page-template.page-template-page-live-football-score {
  background: rgb(24, 13, 47);
  background: -moz-linear-gradient(
    0deg,
    rgba(24, 13, 47, 1) 0%,
    rgba(21, 25, 28, 1) 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    rgba(24, 13, 47, 1) 0%,
    rgba(21, 25, 28, 1) 100%
  );
  background: linear-gradient(
    0deg,
    rgba(24, 13, 47, 1) 0%,
    rgba(21, 25, 28, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#180d2f",endColorstr="#15191c",GradientType=1);
}

.page-template-page-live-football-score .matches-grid {
  background: transparent;
}

.page-template-page-live-football-score .match_list_item {
  background-color: #1d2228;
  box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 20%);
}

.match_info_wrapper.football_wrapper {
  background: #1d2228 !important;
  box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 20%);
  border-radius: 8px;
}

.heading_wrapper_msg p {
  margin: 0;
  padding: 0;
  text-align: left;
  line-height: 1.3;
  margin-right: 30px;
}
@media only screen and (max-width: 767px) {
  .download-app-banner {
    display: flex;
  }
  div#results .match_item_short.match_football_short ul li:nth-child(2) {
    display: none;
  }
  .football_match_win_prediction .votecount {
    margin: 5px 0;
  }
  .match_item_short.match_football_short {
    display: flex;
    flex-direction: column;
  }
  div#results .match_item_short.match_football_short ul {
    display: flex;
    margin: 15px auto;
  }

  .match_item_short.match_football_short ul li {
    display: flex;
    padding: 10px !important;
    margin: 0px !important;
    font-size: 14px;
    line-height: 1;
  }
  .football_match_win_prediction button.btn-answer.btn-yes {
    margin-bottom: 0 !important;
  }
  .football_match_win_prediction .heading_wrapper {
    width: 100%;
    align-items: center;
  }
  .football_match_win_prediction .question-item.question-bg {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .football_match_win_prediction .heading_wrappe,
  .football_match_win_prediction .top_wrapper {
    width: 100%;
  }
  .football_match_win_prediction .bottom_wrapper {
    display: flex;
    width: 100%;
    gap: 10px;
  }
  .external_links_wrapper a {
    display: flex;
    flex-direction: column;
  }
  .link_wrapper,
  .heading_wrapper_msg {
    margin: 10px 0;
  }
  .football_match_win_prediction .question-item.question-bg {
    background: rgb(198, 151, 55);
    background: -moz-linear-gradient(
      180deg,
      rgba(198, 151, 55, 1) 0%,
      rgba(198, 151, 55, 1) 50%,
      rgba(38, 42, 47, 1) 100%
    );
    background: -webkit-linear-gradient(
      180deg,
      rgba(198, 151, 55, 1) 0%,
      rgba(198, 151, 55, 1) 50%,
      rgba(38, 42, 47, 1) 100%
    );
    background: linear-gradient(
      180deg,
      rgba(198, 151, 55, 1) 0%,
      rgba(198, 151, 55, 1) 50%,
      rgba(38, 42, 47, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c69737",endColorstr="#262a2f",GradientType=1);
  }

  div#results ul li {
    padding: 10px 15px;
  }
  .heading_wrapper_msg {
    max-width: 100%;
  }
  .heading_wrapper_msg p {
    line-height: 1;
    margin: 2px 0;
    padding: 0;
    text-align: center;
  }
  .mob_ads_wrapper.mob_view {
    text-align: center;
  }
}

.status_note p {
  font-size: 14px;
  font-style: italic;
  color: rgb(222 235 26);
  font-weight: 600;
}

.close_download_banner {
    color: #0c0c35;
    font-size: 18px;
    font-weight: 900;
    cursor: pointer;
}