/*
** google @font-face {
*
}
$font-family-body:  'Baloo Da 2', cursive;
$font-family-h1:    'Baloo Da 2', cursive;
$font-family-h2:    'Baloo Da 2', cursive;
$font-family-h3:    'Baloo Da 2', cursive;
$font-family-h4:    'Baloo Da 2', cursive;
$font-family-a-body:'Baloo Da 2', cursive;
$font-family-btn:   'Baloo Da 2', cursive;
*/
/*
** Kalpurush Benhali
*/
.btn__std-outline-thin {
  position: relative;
  margin: 0.5rem;
  font-family: "Kalpurush", sans-serif !important;
  font-weight: 500;
  font-size: 0.75rem;
  font-stretch: expanded;
  text-align: center;
  width: 8rem;
  height: 2rem;
  padding: 0.5rem;
  border: 2px solid #b11a21;
  background-color: inherit;
  color: #333333;
  border: 3px solid #b11a21;
  width: 8rem;
}
.btn__std-outline-thin a {
  /*
  position: absolute; top: 50%; left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  */
  font-family: "Kalpurush", sans-serif !important;
  font-size: 0.75rem;
  font-weight: 500;
  font-stretch: expanded;
  text-align: center;
  text-decoration: none;
  color: #333333;
}
.btn__std-outline-thin:hover {
  box-shadow: 3px 3px 2px grey;
}
.btn__std-outline-thin.small {
  width: 4rem;
}
.btn__std-outline-thin.large {
  width: 16rem;
}

.btn__vertical-outline-left {
  position: relative;
  margin: 0.5rem;
  font-family: "Kalpurush", sans-serif !important;
  font-weight: 500;
  font-size: 0.75rem;
  font-stretch: expanded;
  text-align: center;
  width: 8rem;
  height: 2rem;
  padding: 0.5rem;
  border: 2px solid #b11a21;
  background-color: inherit;
  color: #333333;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #b11a21;
  width: 2rem;
  height: 8rem;
}
.btn__vertical-outline-left a {
  /*
  position: absolute; top: 50%; left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  */
  font-family: "Kalpurush", sans-serif !important;
  font-size: 0.75rem;
  font-weight: 500;
  font-stretch: expanded;
  text-align: center;
  text-decoration: none;
  color: #333333;
}
.btn__vertical-outline-left:hover {
  box-shadow: 3px 3px 2px grey;
}
.btn__vertical-outline-left.small {
  height: 4rem;
}
.btn__vertical-outline-left.large {
  height: 16rem;
}

.btn__round-outline-thin {
  position: relative;
  margin: 0.5rem;
  font-family: "Kalpurush", sans-serif !important;
  font-weight: 500;
  font-size: 0.75rem;
  font-stretch: expanded;
  text-align: center;
  width: 8rem;
  height: 2rem;
  padding: 0.5rem;
  border: 2px solid #b11a21;
  background-color: inherit;
  color: #333333;
  border: 1px solid;
  border-radius: 0.5rem;
}
.btn__round-outline-thin a {
  /*
  position: absolute; top: 50%; left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  */
  font-family: "Kalpurush", sans-serif !important;
  font-size: 0.75rem;
  font-weight: 500;
  font-stretch: expanded;
  text-align: center;
  text-decoration: none;
  color: #333333;
}
.btn__round-outline-thin:hover {
  box-shadow: 3px 3px 2px grey;
}
.btn__round-outline-thin.small {
  width: 4rem;
}
.btn__round-outline-thin.large {
  width: 10rem;
}

.btn {
  position: relative;
  margin: 0.5rem;
  font-family: "Kalpurush", sans-serif !important;
  font-weight: 500;
  font-size: 0.75rem;
  font-stretch: expanded;
  text-align: center;
  width: 8rem;
  height: 2rem;
  padding: 0 0.5rem;
  border: 2px solid #b11a21;
  background-color: inherit;
  color: #333333;
  height: 2rem;
  padding: 0.5rem;
}
.btn a {
  /*
  position: absolute; top: 50%; left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  */
  font-family: "Kalpurush", sans-serif !important;
  font-size: 0.75rem;
  font-weight: 500;
  font-stretch: expanded;
  text-align: center;
  text-decoration: none;
  color: #333333;
}
.btn:hover {
  box-shadow: 3px 3px 2px grey;
}
.btn.outline-blue {
  border: 2px solid #142d6e;
  background-color: #FFF;
  color: #262626;
}
.btn.outline-green {
  border: 2px solid #008651;
  background-color: #FFF;
  color: #262626;
}
.btn.solid {
  border: 2px solid #b11a21;
  background-color: #b11a21;
  color: #fafafa;
}
.btn.large {
  width: 12rem;
  height: 3.4rem;
  padding: 1.2rem;
}
.btn.round {
  border-radius: 0.5rem;
}
.btn .btnOverlay {
  padding-top: 0.5rem;
}
.btn .btnOverlay.withblue {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 0;
  height: 100%;
  background-color: #142d6e;
  transition: 0.5s ease;
}
.btn .btnOverlay.withgreen {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 0;
  height: 100%;
  background-color: #008651;
  transition: 0.5s ease;
}
.btn .btnOverlay a {
  /*
  position: absolute; top: 50%; left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  */
  font-family: "Kalpurush", sans-serif !important;
  font-size: 0.75rem;
  font-weight: 500;
  font-stretch: expanded;
  text-align: center;
  text-decoration: none;
  color: white;
}
.btn:hover .btnOverlay {
  width: 100%;
}

.btn-circle {
  position: relative;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  font-stretch: expanded;
  text-align: center;
  width: 3rem;
  height: 3rem;
  padding: 0.5rem;
  border: thin solid #ffaf00;
  border-radius: 50px;
  background-color: white;
  color: #0f0f0f;
  cursor: pointer;
}
.btn-circle:hover {
  background-color: #ffaf00;
  color: white;
}

.box {
  position: relative;
  border: thin solid #000;
}
.box.border-dark {
  border-color: #000;
}
.box.border-light {
  border-color: #b2c2bf;
}
.box.border-lightpalegreen {
  border-color: #00c8c8;
}
.box.border-lightmossgreen {
  border-color: #23b892;
}
.box.border-makeuppink {
  border-color: #ff9c9a;
}
.box.border-lavender {
  border-color: #8e84c5;
}
.box.corner-round {
  border-radius: 8px;
}
.box.solid {
  background-color: #b11a21;
  color: white;
}
.box.solid-soft {
  background-color: #b6b6b6;
  color: #333333;
}
.box.lightyellow {
  background-color: #ffe9ae;
  color: #333333;
}
.box.white {
  background-color: #ffffff;
  color: #333333;
}

.underline-thin {
  border-bottom: thin solid red;
}

.underline-regular {
  border-bottom: 1px solid #b2c2bf;
}

.underline-bold {
  border-bottom: 2px solid #142d6e;
}

.hdr-underline {
  border-bottom: 4px solid #cc3300;
  width: 4rem;
  margin: 1rem 0;
}

.hdr-underline-thin {
  border-bottom: 2px solid #e55a14;
  width: 4rem;
  margin: 0.5rem auto 0.5rem auto;
}

.writer-eyebrow-thin {
  border-bottom: 2px solid #e55a14;
  width: 4rem;
  margin: 0.25rem 0;
}

.border-right-regular {
  border-right: 1px solid #b2c2bf;
}

.border-left-regular {
  border-left: 1px solid #b2c2bf;
}
/*# sourceMappingURL=btn-box-border.css.map */
