/*
Theme Name: The Stock Pawnshop
Version: 1.0
Description: Custom theme.
Author: DigiSage, Inc.
Author URI: https://digisage.com
template: bb-theme
*/

:root {
   --tsp-purple: #1c1666;
   --tsp-orange: #e55e37;
   --tsp-blue: #1E49E2;
   --tsp-plum: #70297a;
   --tsp-black: #231f20;
   --tsp-teal: #00a38c;
   --tsp-yellow: #f8c114;
   --svg-icon-substack: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 511.471' fill='none'><path d='M0 0h448v62.804H0V0zm0 229.083h448v282.388L223.954 385.808 0 511.471V229.083zm0-114.542h448v62.804H0v-62.804z' fill='%231c1666' /></svg>");
   --svg-icon-twitter-x: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 20' fill='none'><path d='M20.4455 20L12.45 8.34364L12.4636 8.35455L19.6727 0H17.2636L11.3909 6.8L6.72727 0H0.409091L7.87364 10.8827L7.87273 10.8818L0 20H2.40909L8.93818 12.4345L14.1273 20H20.4455ZM5.77273 1.81818L16.9909 18.1818H15.0818L3.85455 1.81818H5.77273Z' fill='%23ffffff'/></svg>");
   --svg-icon-bluesky: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 20' fill='none'><path d='M4.94241 1.34625C7.55648 3.30132 10.3682 7.26541 11.4005 9.39276C12.433 7.26556 15.2445 3.30128 17.8587 1.34625C19.7449 -0.0644595 22.801 -1.15598 22.801 2.3173C22.801 3.01097 22.4017 8.14443 22.1676 8.97783C21.3537 11.8753 18.388 12.6143 15.75 12.167C20.3612 12.9489 21.5343 15.5387 19.0009 18.1285C14.1896 23.047 12.0856 16.8944 11.5462 15.3179C11.4474 15.0289 11.4012 14.8937 11.4005 15.0086C11.3998 14.8937 11.3536 15.0289 11.2547 15.3179C10.7156 16.8944 8.61168 23.0472 3.80003 18.1285C1.26663 15.5387 2.43965 12.9487 7.051 12.167C4.41286 12.6143 1.44711 11.8753 0.633352 8.97783C0.399203 8.14435 0 3.01089 0 2.3173C0 -1.15598 3.05618 -0.0644595 4.94228 1.34625H4.94241Z' fill='%23ffffff'/></svg>");
}

.pad-left > .fl-col-content {
   padding-left: calc((100vw - 1220px) / 2);
}
.pad-right > .fl-col-content {
   padding-right: calc((100vw - 1220px) / 2);
}

/* circle quotes */
.circle-quote .pp-info-banner-content {
   position: relative;
   width: 260px !important;
   height: 260px;
   overflow: visible;
}
.circle-quote .pp-info-banner-content::after {
   content: '';
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   z-index: 1;
   top: 5px;
   left: 10px;
   border-radius: 50%;
   border: 2px solid var(--tsp-black);
}
.circle-quote .pp-info-banner-content .banner-title {
   padding-top: 20px;
}
.circle-quote .pp-info-banner-content p {
   margin: 0;
}
/* medium size circle */
.circle-quote.medium .pp-info-banner-content {
   width: 400px !important;
   height: 400px;
}
.circle-quote.medium .pp-info-banner-content .info-banner-wrap {
   padding: 0px 50px;
}
@media(max-width:500px) {
   .circle-quote.medium .pp-info-banner-content {
      width: 100% !important;
      border-radius: 0;
      height: auto;
   }
   .circle-quote.medium .pp-info-banner-content .info-banner-wrap {
      padding: 30px;
   }
   .circle-quote.medium .pp-info-banner-content .banner-title br {
      display: none;
   }
   .circle-quote .pp-info-banner-content .banner-title {
      padding-top: 0px;
   }
   .circle-quote.medium .pp-info-banner-content::after {
      border-radius: 0;
   }
}

/* circle images */
.offset-border .fl-photo-content {
   position: relative;
}
.offset-border .fl-photo-content::after {
   content: '';
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   z-index: 1;
   top: 5px;
   left: 10px;
   border-radius: 50%;
   border: 2px solid var(--tsp-black);
}

/* bio page */
.bio-desc-row .heading-title {
   display: flex;
}
.bio-desc-row .heading-title span.pp-primary-title {
   width: 150px;
}
.bio-desc-row .heading-title span.pp-secondary-title {
   width: calc(100% - 150px);
}

/* homepage */
.home-hero {
   position: relative;
   z-index: 5;
}
.home-hero .circle-quote .pp-info-banner-content {
   position: relative;
   z-index: 5;
   width: 100% !important;
   height: auto !important;
   aspect-ratio: 1 / 1;
}
.home-hero .circle-quote .pp-info-banner-content::after {
   top: 15px;
   left: 15px;
}
.home-hero .circle-quote .pp-info-banner-content img {
   width: 80%;
}
@media(max-width:768px) {
   .home-hero .circle-quote .pp-info-banner-content {
      width: 300px !important;
      max-width: 100%;
      margin: 0 auto;
   }
}

/* photos with offset border */
.offest-border .fl-photo {
   position: relative;
}
.offest-border .fl-photo::after {
   content: '';
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   z-index: 0;
   top: 10px;
   left: 10px;
   border: 2px solid var(--tsp-black);
}
.offest-border .fl-photo img {
   position: relative;
   z-index: 2;
}

/* substack feed */
#substack-feed-embed p {
   font-size: 18px !important;
}

/* button module icon brand replacements */
.fl-module-button a i.fa-bookmark {
   display: inline-block;
   width: 16px;
   height: 20px;
   background-color: var(--tsp-purple);
   mask-size: contain;
   mask-repeat: no-repeat;
   mask-position: center;
   mask-image: var(--svg-icon-substack);
   -webkit-mask-size: contain;
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-image: var(--svg-icon-substack);
}
.fl-module-button a i.fa-bookmark::before {
   display: none;
}
.fl-module-button a:hover i.fa-bookmark {
   background: #fff;
}
/* icon module brand replacements */
span.fl-icon i.fa-bookmark::before,
span.fl-icon i.fa-twitter::before,
span.fl-icon i.fa-cloud-sun::before {
   content: '\00a0';
   display: block;
   width: 20px;
   height: 100%;
   background-color: #fff;
   mask-size: contain;
   mask-repeat: no-repeat;
   mask-position: center;
   -webkit-mask-size: contain;
   -webkit-mask-repeat: no-repeat;
}
span.fl-icon i.fa-bookmark::before {
   mask-image: var(--svg-icon-substack);
   -webkit-mask-image: var(--svg-icon-substack);
}
span.fl-icon i.fa-twitter::before {
   mask-image: var(--svg-icon-twitter-x);
   -webkit-mask-image: var(--svg-icon-twitter-x);
}
span.fl-icon i.fa-cloud-sun::before {
   mask-image: var(--svg-icon-bluesky);
   -webkit-mask-image: var(--svg-icon-bluesky);
}
span.fl-icon i.fa-bookmark:hover::before,
span.fl-icon i.fa-twitter:hover::before,
span.fl-icon i.fa-cloud-sun:hover::before {
   background-color: var(--tsp-orange);
}