@import url('./events.css');

html, body {
    background: rgba(62, 20, 23, 0.9);
    font-family: "Lato", sans-serif;
}

/* @media (max-width: 767.98px) { 

    html, body {
        background: white;
        font-family: "Lato", sans-serif;
    }

 } */

 .theme-card {
    color: white;
    background-color: #3e1417;
    border-radius: 20px;
 }

 .mobile-event-detail {
    position: absolute; /* Position it relative to the viewport */
  top: 15%; /* Position it 20% from the top of the viewport */
  left: 0;
  width: 100%; /* Make it full width */
  min-height: 85%; /* Make the div take 80% height of the page */
  background-color: white; /* Choose a background color */
  border-top-left-radius: 50px; /* Rounded top-left corner */
  border-top-right-radius: 50px; /* Rounded top-right corner */
 }

 .event-cta-section {
    border: 1px solid #3e1417;
    border-left: none;
    border-right: none;
    height: 4rem;
    width: 100%;
    position: relative;
    bottom: 20px;
    display: flex;
 }

 .cta-price-section { 
    width: 50%;
    background: white;
    border-right: 1px solid #3e1417; 
 }

 .cta-action-section {
    width: 50%;
    background: linear-gradient(to right, #3e1417 80%, rgba(63, 20, 23, 0.8));
    /* position: absolute; */
    right: 0;
 }

 .social-share-btn {
   cursor: pointer;
 }