/*
 Theme Name:   Spyra Rocks UI
 Theme URI:    https://www.spyra.rocks
 Description:  Default child theme
 Author:       Spyra Rocks
 Author URI:   https://www.spyra.rocks
 Template:     generatepress
 Version:      0.1
*/
@media screen and (max-width: 640px) {
.ribbon-wrapper,
.ribbon {
  display: none;
  visibility: hidden
}
}
@media screen and (min-width: 640px) {
.ribbon-wrapper {
  width: 300px;
  height: 300px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
  .ribbon {
    font: bold 15px sans-serif;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform:    rotate(45deg);
    -ms-transform:     rotate(45deg);
    -o-transform:      rotate(45deg);
    position: relative;
    padding: 7px 0;
    top: 60px;
    right: -80px;
    width: 300px;
    background-color: #000000;
    color: #fff;
    pointer: hand;
  }
  .ribbon:hover {
    background-color: #5c5c5c;
  }
}
}

.lang-item a img {
  height: 16px;
  width: 27px;
}

.copyright-bar {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  padding-bottom: 70px;
}

.copyright-bar a:link;
.copyright-bar a:visited {
  color: #333
}

.copyright-bar a:hover {
  color: #999
}
@media screen and (max-width: 485px) {
  h1,
  h1.gb-headline,
  h1.wp-block-heading {
    font-size: 26px !important;
  }
  h2,
  h2.gb-headline,
  h2.wp-block-heading {
    font-size: 22px !important;
  }
  h3,
  h3.gb-headline,
  h3.wp-block-heading {
    font-size: 18px !important;
  }
  #post-4498 {
    margin: 0 20px 0 20px !important;
  }
  .site-footer a {
    line-height: 32px
  }
}

.gb-button a:link, .gb-button a:visited {
  color: #fff;