/*!
 * Custom Styles (global)
 * Add your site-wide CSS below.
 * This file is enqueued on both the front-end and the block editor.
 */
 
 body{
   overflow-x: hidden;
 }

.contact-left {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.contact-left p{
  margin: 0 !important;
  padding: 0 !important;
}

.line-height-normal{
  line-height: 1.25em;
}

.taviraj{
  font-family: Taviraj, serif !important;
}

.short-btn{
  max-width: 200px !important;
}

.plus-jakarta-sans{
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.oswald{
  font-family: Oswald, sans-serif;
}

.contact-header{
  background-color: #B8C738 !important;
  color: #35392C !important;
}


.default-gutter{
  padding: 20px;
}

.sides-gutter{
  padding: 0 20px 0 20px;
}


.spacer-100{
  height: 100px !important;
}

.footer-main{
  display: none !important;
}

.cover-block{
  height: 50vw;
  min-height: 368px !important;
}

.cut-card{
  --bg:#48493d;           /* your dark color */
  background: var(--bg);
  color:#e8f06a;          /* the lime header */
  width: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 56px 28px;
  text-align:center;
  margin: 0 12px 0 12px !important;

  /* shave off bottom-right */
  clip-path: polygon(
     0 0, 100% 0, 100% calc(100% - 26px),
     calc(100% - 26px) 100%, 0 100%
  );
}
.cut-card{ p{ color:#fff; margin-top:.5rem; }}


.three-column-stack .big-kicker{
 font-family: 'oswald', sans-serif;
 font-weight: 700;
}

.three-column-stack .sub-tltie{
  margin: 0;
  padding: 0;
  font-family: Taviraj;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 34px; /* 121.429% */
  letter-spacing: -0.56px;
}

@media screen and (max-width: 640px) {
  .fullwidth-mobile-btn{
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  
  .three-column-stack.left-align-mobile{
    align-items: start;
  }
  
  .left-align-mobile{
    text-align: left;
  }
}