/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

:root {
   --gradient__orange: linear-gradient(116.63deg, rgb(254, 145, 80) 8.97%, rgb(254, 100, 70) 92.93%);
   --shadow__orange: rgb(254, 145, 80) 0px 0px 19px;
   --cl-green: #25B47E;
   --border-light: 1px solid rgb(235, 235, 235);
}

.button-app,
.button-gradient {
   color: #fff;
   background: var(--gradient__orange);
   border-radius: 16px;
   transition: all .3s ease-in-out;
   cursor: pointer;
   width: 100%;
   justify-content: center;
   display: inline-flex;
   font-weight: 700;
   font-size: 1.8rem;
   padding: 15px 20px;
}

.button-gradient {
   font-size: 1.2rem;
}

.button-app:hover {
   box-shadow: var(--shadow__orange);
}

.app-info {
   display: flex;
   justify-content: space-between;
}

.app-info .gb-headline {
   margin-bottom: unset;
}

.app-info__card {
   width: 33.33%;
   display: flex;
}

.app-info__card-text {
   padding-left: 1rem;
}

.app-info__card-text .gb-headline {
   font-weight: 700;
   margin-bottom: unset;
}

.app-info__card-text>* {
   padding-left: 0;
}

.app-info__card-img {
   padding: 8px;
   border: var(--border-light);
   border-radius: 1rem;
}

.app-info__details {
   width: 75%;
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
   justify-content: space-around;
   column-gap: 1rem;
}

.app-info__card-btn-trusted,
.app-info__card-btn-trusted:hover,
.app-info__card-btn-trusted:focus {
   background-color: initial;
   color: var(--cl-green);
   cursor: pointer;
}

.app-info__details-item .gb-headline {
   font-weight: 500;
}

.app-info__details-item>p {
   text-align: center;
   padding: 0;
   margin: 0;
}

.app-info__links {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: flex-start;
   justify-content: flex-end;
}

.app-info__links-qr {
   margin-right: 8px;
}

.app-info__links-qr,
.app-info__links-share {
   cursor: pointer;
   background-color: initial;
   border-radius: 100%;
   border: 1px solid rgb(235, 235, 235);
   width: 3rem;
   height: 3rem;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-left: auto;
}

.app-info__links-qr:hover,
.app-info__links-qr:focus,
.app-info__links-share:hover,
.app-info__links-share:focus {
   cursor: pointer;
   background-color: initial;
}

.hystmodal__wrap {
   padding: 8px;
}

.hystmodal__window {
   display: flex;
   align-items: center;
   flex-direction: column;
   padding: 3rem 1rem 1rem 1rem;
   border-radius: 8px;
   text-align: center;
}

.hystmodal__close {
   transition: all .3s ease-in-out;
}

.hystmodal__close:hover {
   transform: rotate(90deg);
}

.app-ratings {
   display: flex;
   border: var(--border-light);
   border-radius: 16px;
   margin: 1rem 0 1rem 0;
   padding: 1rem;
}

.app-ratings_item {
   width: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.app-ratings_item svg {
   max-height: 2rem;
}

.app-ratings_item .safe-svg-cover .safe-svg-inside {
   display: flex;
   align-items: center;
}

.app-ratings_item>p {
   padding: 0;
   margin: 0;
   font-weight: 500;
   /* font-size: 1.2rem; */
}

.star-bar__value {
   font-weight: 500;
   /* font-size: 1.2rem; */
}

@media screen and (max-width: 1024px) {
   .app-info {
      flex-wrap: wrap;
   }

   .app-info__card {
      width: 60%;
   }

   .app-info__links {
      width: auto;
   }

   .app-info__links-qr {
      display: none;
   }

   .app-info__details {
      width: 100%;
      order: 3;
      border: var(--border-light);
      border-radius: 16px;
      margin: 1rem 0 1rem 0;
      padding: 1rem 0;
   }

}