/*
 * Copyright (C) 2019-2020 Alexandros Theodotou <alex at zrythm dot org>
 *
 * This file is part of Zrythm
 *
 * Zrythm is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * Zrythm is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU General Affero Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
.logo_img {
  vertical-align: middle;
  width: 28; }

.globe {
  /* float doesnt work in older versions of firefox */
  /*float: right;*/
  position: absolute !important;
  right: 0px; }

.page_title {
  text-align: center; }

.centered {
  text-align: center; }

.left {
  text-align: left; }

.right {
  text-align: right; }

.screenshot_img {
  max-width: 78%; }

.plugin_screenshot_div {
  max-width: 96%;
  height: 200px;
  display: table-cell;
  vertical-align: middle; }

.plugin_screenshot_div img {
  max-height: 200px; }

.feature_img {
  /*max-height: 180px;*/
  max-width: 96%;
  padding-left: 10px;
  padding-right: 10px; }

.feature_description {
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle; }

.features_box {
  max-width: 78%; }

.sponsors_box {
  padding-bottom: 3%; }

.tiny {
  font-size: 0.5em;
  vertical-align: middle; }

u.dashed {
  border-bottom: 1px dashed #999;
  text-decoration: none; }

.footer_btn1 {
  vertical-align: middle;
  float: right;
  height: 24px !important;
  margin-left: 1px;
  transition: all 0.3s;
  position: relative;
  top: 6px; }

.footer_btn2 {
  vertical-align: middle;
  float: right;
  height: 24px !important;
  margin-left: 2px;
  transition: all 0.3s;
  position: relative;
  top: 6px; }

.footer_btn4 {
  vertical-align: middle;
  float: right;
  height: 24px !important;
  margin-left: 4px;
  transition: all 0.3s;
  position: relative;
  top: 6px; }

.footer_btn6 {
  vertical-align: middle;
  float: right;
  height: 24px !important;
  margin-left: 6px;
  transition: all 0.3s;
  position: relative;
  top: 6px; }

.footer_btn:hover {
  filter: brightness(70%); }

.footer_container {
  /*max-width: 98%;*/
  max-width: 70%; }

.no_css_form {
  background: unset !important;
  border: unset !important;
  padding: unset !important; }

.video {
  display: block;
  margin: 0 auto;
  width: 92%; }

.video_caption {
  text-align: center;
  margin-top: 6px; }

.income_progress {
  width: 30% !important; }

.button_group {
  margin: auto;
  text-align: center; }

tbody {
  border-width: 0px !important; }

table caption {
  flex: inherit; }

table {
  max-height: 100% !important; }

table td {
  padding: 2px !important;
  border-top: 0px !important;
  flex: initial !important; }

a:link:not(.button) {
  /*color: #0277bd;*/
  color: #2297dd; }

a:visited:not(.button) {
  /*color: #01579b;*/
  /*color: #2177bb;*/
  color: #2297dd; }

a:hover:not(.button) {
  /*color: #32a7ed;*/ }

.tooltip_shifted::after {
  transform: translateX(-35%); }

.first_col {
  width: 180px; }

.second_col {
  /*width: 70%;*/ }

/* banner */
div#banner {
  position: absolute;
  top: 3.1875rem;
  left: 0;
  background-color: #b47801;
  width: 100%; }

div#banner-content {
  width: 900px;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 10px; }

.centered {
  text-align: center; }

.crypto_donation_label {
  cursor: pointer; }

/*Uncomment for banner */
/*div#body_content {*/
/*padding-top: 3.1875rem;*/
/*}*/
/* Snow effect. see
 * https://designshack.net/articles/css/make-it-snow-on-your-website-with-css-keyframe-animations/ */
/*
#mybody {
 background-image: url('../static/images/snow.png'), url('../static/images/snow2.png'), url('../static/images/snow3.png');

 -webkit-animation: snow 20s linear infinite;
 -moz-animation: snow 20s linear infinite;
 -ms-animation: snow 20s linear infinite;
 animation: snow 20s linear infinite;
}

footer {
  background-color: unset !important;
}
/*

/* snow keyframes */
/*
@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-moz-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-ms-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
*/