/** Shopify CDN: Minification failed

Line 358:13 Expected ":"
Line 358:15 Expected identifier but found "1.2em"

**/
.baseball-card-modal__close {
  display: none; 
}

.modal__baseball-card .baseball-card-modal__close {
  position: absolute;
  top: 2%;
  right: 2%;
  border-radius: 50%;
  display: block;  
}

.modal__baseball-card .baseball-card-modal__close {
  top: -8%;
  right: -6%;
}

.baseball-card-modal__close svg {
  width: 44px;
  background-color: rgba(255,255,255,0);
  fill: rgba(54,54,54,1);
  padding: 10px;
  transition: all .1s linear; 
}
.modal__baseball-card .baseball-card-modal__close svg {
  border-radius: 50%;
  background-color: rgba(255,255,255,0);
  fill: rgba(255,255,255,1);
}

.baseball-card-modal__close:hover svg {
  background-color: rgba(255,255,255,.1);
}
.modal__baseball-card .baseball-card-modal__close:hover svg {
  background-color: rgba(255,255,255,.1);
  transition: all .5s ease-in-out;
}

.wrapper{
  width: 100%;
  display: flex;
}

.wrapper-content {
  width: 100%;
  display: flex;
} 

.wrapper .left{
  width: 45%;
  background-color: #ebe7df; 
/*   padding: 30px 25px; */
/*   border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; */
  text-align: center;
  color: #fff;
}

.wrapper .left img{
/*   border-radius: 5px; */
/*   margin-bottom: 10px; */
  width: 100%;
  height: auto;
  margin: 0;
  object-fit: cover;
  /* max-height: 500px; */
  min-height: 500px;
}

.wrapper .left h4{
  margin-bottom: 10px;
}

.wrapper .left p{
  font-size: 12px;
}

.wrapper .right{
  width: 55%;
  padding: 30px 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* height: 100%; */
/*   align-items: center; */
}

.wrapper .right .info,
.wrapper .right .projects{
  margin-bottom: 25px;
}

.wrapper .right .info h3,
.wrapper .right .projects h3{
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e0e0e0;
    color: #353c4e;
  text-transform: uppercase;
  letter-spacing: 5px;
}

.wrapper .right .info_data,
.wrapper .right .projects_data{
  display: flex;
  justify-content: space-between;
}

.wrapper .right .info_data .data,
.wrapper .right .projects_data .data{
  width: 45%;
}

.wrapper .right .info_data .data h4,
.wrapper .right .projects_data .data h4{
    color: #353c4e;
    margin-bottom: 5px;
}

.wrapper .right .info_data .data p,
.wrapper .right .projects_data .data p{
  font-size: 13px;
  margin-bottom: 10px;
  color: #919aa3;
}

.wrapper .social_media ul{
  display: flex;
}

.wrapper .social_media ul li{
  width: 45px;
  height: 45px;
  background: linear-gradient(to right,#01a9ac,#01dbdf);
  margin-right: 10px;
  border-radius: 5px;
  text-align: center;
  line-height: 45px;
}

.wrapper .social_media ul li a{
  color :#fff;
  display: block;
  font-size: 18px;
}

.baseball-card__wrap {
  position: relative;
  /* max-height: 500px; */
  min-height: 500px;
  height: 100%;
  background-color: #ebe7df;
  transition: opacity .3s linear;
}

.baseballCard__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255,255,255,.5);
  position: absolute;
  width: 100%;
  height: 100%;
/*   background-size: 200px; */
  z-index: 10;
}


.spinner {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
}
.spinner .path {
  stroke: #93bfec;
  stroke-linecap: round;
  -webkit-animation: dash 1.5s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite;
}

@-webkit-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}

.baseball-card__header-wrap {
  height: 25%; 
}
.modal__baseball-card  .baseball-card__header-wrap {
  height: 33%; 
}

.baseball-card__body-wrap {
  height: 75%;
  position: relative;
}
.modal__baseball-card  .baseball-card__body-wrap {
  height: 67%;
}

.baseball-card__header-wrap h3 {
  font-size: 3.5em; 
  color: #363636;
  font-family: 'reckless', serif;
  line-height: 1;
  margin: 0;
}

.modal__baseball-card .baseball-card__header-wrap h3 {
  font-size: 5em;
}

.baseball-card__header-wrap h3 + p {
  font-size: .9em;
  line-height: 1.1;
  color: $button-background;
  margin-top: .3em;
}
.baseball-card__header-wrap h3 + p strong {
  font-weight: 600; 
}

.modal__baseball-card .baseball-card__header-wrap h3 + p {
  font-size: 1em;
}

.baseball-card__qna {
  list-style-type: none;
  color: #000;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
ul.baseball-card__qna {
  margin-left: 0; 
}

.baseball-card__qna h4 {
  font-weight: bold;
  font-size: 1.1em;
  margin: 0;
  line-height: 1.1;
}

.modal__baseball-card .baseball-card__qna h4 {
  font-size: 1.2em;
}

.Rte .baseball-card__qna h4 {
  font-family: inherit; 
}

.baseball-card__qna h4 + p {
  font-size: .95em;
  line-height: 1.2;
  font-family: 'reckless', serif;
}

.baseball-card__overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(235,231,223,.95);
  display: flex;
  align-items: center;
  justify-content: center;
}

.baseball-card__tmp {
  position: absolute;
  bottom: 15px;
  right: 25px;
  font-family: 'reckless', serif;
  font-size: .95em;
  color: #363636;
}



@media all and (max-width: 767px) {
  .modal__baseball-card {
    width: 100%; 
  }
  
  #shopify-section-baseball-card-template .Article__Wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  
  .modal__baseball-card .baseball-card-modal__close {
    top: -10px;
    right: -10px;
    padding: 10px;
  }
  
   .modal__baseball-card .baseball-card-modal__close svg {
     fill: #363636; 
     width: 40px;
   }
  
  .baseball-card__header-wrap h3,
  .modal__baseball-card .baseball-card__header-wrap h3 {
    font-size: 2.2em; 
  }
  
  .baseball-card__header-wrap h3+p,
  .modal__baseball-card .baseball-card__header-wrap h3+p {
    font-size; 1.2em; 
  }
  
   .baseball-card__header-wrap h3+p strong {
     display: block; 
     font-size: 1.3em;
   }
  
  .modal__baseball-card  .baseball-card__header-wrap,
  .baseball-card__header-wrap {
    height: 25%;
  }
  
  .modal__baseball-card  .baseball-card__body-wrap,
  .baseball-card__body-wrap {
    overflow-y: auto;
    height: 75%;
    font-size: .9em;
  }
  
  .baseball-card__qna h4,
  .modal__baseball-card .baseball-card__qna h4 {
    font-size: 1em; 
  }
  
  .baseball-card__qna h4+p,
  .modal__baseball-card .baseball-card__qna h4+p {
    margin-bottom: 20px !important;
    font-size: .85em;
  }
  
  .baseball-card__tmp {
    right: unset;
    left: 50%;
  }
}
  
ul.barber-booking-links {
  margin: .5rem 0 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: flex;
  flex-flow: column wrap;
  gap: .5rem;
}
@media screen and (min-width: 767px) {
  ul.barber-booking-links {
    flex-flow: row wrap;
  }  
}