:root {
    --maroon: #84171a;
    --maroonHover: #500e10;
    --blue: #167076;
    --blueHover: #11585c;
    --white: #ffffff;
    --whiteHover: #dddddd;
    --beige:#fbfaf3;
  }

.shadowBox {
    -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
border-radius: 2px;
background-color:#fff
}
.shadowBox2 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    background-color:#fff;
}
.shadowBox2-hover {
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.shadowBox2:hover, .shadowBox2-hover:hover {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  --tw-ring-color: rgb(17 24 39 / 0.15);
}
.bg-light-grey {
    background-color:#f6f6f6
}
.color-red {
    color:#c00d0b;
}
.color-green {
    color: #017f67;
}
.color-1 {
  color:#84171a
}
.color-2 {
  color:#167076
}
.color-gold {
  color: #996600;
}
.color-black, .hover\:color-black:hover {
  color:#000
}
.color-white, .hover\:color-white:hover {
  color:#fff
}
.text-gray-900 {
  color:#111827
}
.text-gray-800 {
  color:#1f2937
}
.text-gray-700 {
  color:#374151
}
.text-gray-600 {
  color:#4b5563
}
.text-gray-500 {
  color:rgb(107 114 128)
}
.text-yellow-800 {
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity));
}
.text-italic {
  font-style: italic;
}
.color-666 {
  color: #666;
}
.color-grey-500 {
  color:rgb(107 114 128)
}
.bg-color-1 {
  background-color:#84171a
}
.bg-color-2 {
  background-color:#167076
}
.bg-white {
  background-color:#fff
}
.bg-beige {
  background-color:#f5f5dc
}
.bg-beige2 {
  background-color:#e8e5d4
}
.bg-color-grey {
  background-color:#595959;
}
.bg-gray-50 {
  background-color:#f9fafb;
}
.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity));
}
.button-color-2 {
    background-color: var(--blue);
    color: var(--white);
    text-decoration: none;
}
.button-color-2:hover {
    background-color: var(--blueHover);
    color: var(--whiteHover);
    text-decoration: none;
}
.w-full {
  width:100%;
}
.flex {
    display:flex;
}
.inline-flex {
  display:inline-flex;
}
.flex-row 
{
  flex-direction: row;
}
.flex-row-reverse 
{
	flex-direction: row-reverse;
}
.flex-col 
{
	flex-direction: column;
}
.flex-col-reverse 
{
	flex-direction: column-reverse;
}
.flex-one {flex:1;}
.flex-two {flex:2;}
.flex-three {flex:3;}
.flex-four {flex:4;}


.justify-start	{justify-content: flex-start;}
.justify-end	{justify-content: flex-end;}
.justify-center	{justify-content: center;}
.justify-between	{justify-content: space-between;}
.justify-around	{justify-content: space-around;}
.justify-evenly	{justify-content: space-evenly;}

.flex-wrap	{flex-wrap: wrap;}
.flex-wrap-reverse	{flex-wrap: wrap-reverse;}
.flex-nowrap {	flex-wrap: nowrap;}

.items-start	{align-items: flex-start;}
.items-end	{align-items: flex-end;}
.items-center	{align-items: center;}
.items-baseline	{align-items: baseline;}
.items-stretch	{align-items: stretch;}

.text-left	{text-align: left;}
.text-center	{text-align: center;}
.text-right	{text-align: right;}
.text-justify	{text-align: justify;}

.font-400 {
    font-weight: 400;
}
.font-500 {
    font-weight: 500;
}
.font-600 {
    font-weight: 600;
}
.font-700 {
    font-weight: 700;
}
.text-xs	{
font-size: 0.75rem; /* 12px */
line-height: 1rem; /* 16px */
}
.text-sm	{
  font-size: 0.875rem; /* 14px */
line-height: 1.25rem; /* 20px */
}
.text-base	{
  font-size: 1rem; /* 16px */
line-height: 1.5rem; /* 24px */
}
.text-lg	{
  font-size: 1.125rem; /* 18px */
line-height: 1.75rem; /* 28px */
}
.text-xl	{
  font-size: 1.25rem; /* 20px */
line-height: 1.75rem; /* 28px */
}
.text-2xl		{
  font-size: 1.5rem; /* 24px */
line-height: 2rem; /* 32px */
}
.text-3xl		{
  font-size: 1.875rem; /* 30px */
line-height: 2.25rem; /* 36px */
}

.text-4xl	{
font-size: 2.25rem; /* 36px */
line-height: 2.5rem; /* 40px */
}
.text-5xl	{
font-size: 3rem; /* 48px */
line-height: 1;
}
.text-6xl	{
font-size: 3.75rem; /* 60px */
line-height: 1;
}
.p-1 {padding:1px;}
.p-2 {padding:2px;}
.p-3 {padding:3px;}
.p-5 {padding:5px;}
.p-10 {padding:10px;}
.p-15 {padding:15px;}
.p-20 {padding:20px;}

.pt-1 {padding-top:1px;}
.pt-2 {padding-top:2px;}
.pt-3 {padding-top:3px;}
.pt-5 {padding-top:5px;}
.pt-10 {padding-top:10px;}
.pt-15 {padding-top:15px;}
.pt-20 {padding-top:20px;}

.pb-1 {padding-bottom:1px;}
.pb-2 {padding-bottom:2px;}
.pb-3 {padding-bottom:3px;}
.pb-5 {padding-bottom:5px;}
.pb-10 {padding-bottom:10px;}
.pb-15 {padding-bottom:15px;}
.pb-20 {padding-bottom:20px;}

.pl-1 {padding-left:1px;}
.pl-2 {padding-left:2px;}
.pl-3 {padding-left:3px;}
.pl-5 {padding-left:5px;}
.pl-10 {padding-left:10px;}
.pl-15 {padding-left:15px;}
.pl-20 {padding-left:20px;}

.pr-1 {padding-right:1px;}
.pr-2 {padding-right:2px;}
.pr-3 {padding-right:3px;}
.pr-5 {padding-right:5px;}
.pr-10 {padding-right:10px;}
.pr-15 {padding-right:15px;}
.pr-20 {padding-right:20px;}

.m-5 {margin:5px;}
.m-10 {margin:10px;}
.m-15 {margin:15px;}
.m-20 {margin:20px;}

.mt-auto {margin-top:auto;}
.mt-0 {margin-top:0;}
.mt-5 {margin-top:5px;}
.mt-10 {margin-top:10px;}
.mt-15 {margin-top:15px;}
.mt-20 {margin-top:20px;}
.mt-50 {margin-top:50px;}

.mb-auto {margin-bottom:auto;}
.mb-0 {margin-bottom:0;}
.mb-5 {margin-bottom:5px;}
.mb-10 {margin-bottom:10px;}
.mb-15 {margin-bottom:15px;}
.mb-20 {margin-bottom:20px;}

.mr-0 {margin-right:0;}
.mr-5 {margin-right:5px;}
.mr-10 {margin-right:10px;}
.mr-15 {margin-right:15px;}
.mr-20 {margin-right:20px;}

.ml-5 {margin-left:5px;}
.ml-10 {margin-left:10px;}
.ml-15 {margin-left:15px;}
.ml-20 {margin-left:20px;}

.divider:not(:empty) {
  gap: 1rem;
}

.divider {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  white-space: nowrap;
  align-items: center;
}

.divider:before, .divider:after {
  background-color: hsl(220 13.376% 69.216% / .1);
}
.divider:before, .divider:after {
  content: "";
  flex-grow: 1;
  height: 0.125rem;
  width: 100%;
}
.leftDivider:not(:empty) {
  gap: 1rem;
}

.leftDivider {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  white-space: nowrap;
}
.leftDivider > * {
  align-items: center;
}
.leftDivider:after {
  background-color: hsl(220 13.376% 69.216% / .1);
}
.leftDivider:after {
  content: "";
  flex-grow: 1;
  height: 0.125rem;
  width: 100%;
}
.rounded-none	{border-radius: 0px;}
.rounded-sm	{border-radius: 0.125rem; /* 2px */}
.rounded	{border-radius: 0.25rem; /* 4px */}
.rounded-md	{border-radius: 0.375rem; /* 6px */}
.rounded-lg	{border-radius: 0.5rem; /* 8px */}
.rounded-xl	{border-radius: 0.75rem; /* 12px */}
.rounded-2xl	{border-radius: 1rem; /* 16px */}
.rounded-3xl	{border-radius: 1.5rem; /* 24px */}


.underline-offset-auto	{text-underline-offset: auto;}
.underline-offset-0	{text-underline-offset: 0px;}
.underline-offset-1	{text-underline-offset: 1px;}
.underline-offset-2	{text-underline-offset: 2px;}
.underline-offset-4	{text-underline-offset: 4px;}
.underline-offset-8	{text-underline-offset: 8px;}

.underline	{text-decoration-line: underline;}
.overline	{text-decoration-line: overline;}
.line-through	{text-decoration-line: line-through;}
.no-underline	{text-decoration-line: none;}

.static	{position: static;}
.fixed	{position: fixed;}
.absolute	{position: absolute;}
.relative	{position: relative;}
.sticky	{position: sticky;}

.list-none	{list-style-type: none}
.list-disc	{list-style-type: disc}
.list-decimal	{list-style-type: decimal}


.list-inside	{
  list-style-position: inside;
  padding-left: 20px;
  text-indent: -20px;
}
.list-outside	{list-style-position: outside}

.ring-1-yellow {
  --tw-ring-inset: inset;
  --tw-ring-color: rgb(202 138 4 / 0.2);
  --tw-ring-offset-color: #fff;
  --tw-ring-offset-width: 0px;
  --tw-shadow: 0 0 #0000;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.opacityHover {
  opacity:.3;
  transition: opacity 1s;  
}
.hover\:opacityHover:hover {
    opacity:1
}

.nowrap {white-space: nowrap;}

.hide {
    display:none;
}
.cursor-pointer {
    cursor:pointer;
}
.cursor-default {
    cursor:default;
}
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.maxTwoLines, .maxThreeLines {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  }
@supports (-webkit-line-clamp: 2) {
    .maxTwoLines {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}
@supports (-webkit-line-clamp: 3) {
  .maxThreeLines {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: initial;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
  }
}
@media screen and (max-width: 800px) {

    .twoLineCut {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    }
    @supports (-webkit-line-clamp: 3) {
        .twoLineCut {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: initial;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }
    }

    .mb-flex-row 
    {
    flex-direction: row;
    }
    .mb-flex-row-reverse 
    {
        flex-direction: row-reverse;
    }
    .mb-flex-col 
    {
        flex-direction: column;
    }
    .mb-flex-col-reverse 
    {
        flex-direction: column-reverse;
    }
    .mb-flex-wrap	{flex-wrap: wrap;}
    .mb-flex-wrap-reverse	{flex-wrap: wrap-reverse;}
    .mb-flex-nowrap {	flex-wrap: nowrap;}
    .mb-text-xs	{
    font-size: 0.75rem; /* 12px */
    line-height: 1rem; /* 16px */
    }
    .mb-text-sm	{
    font-size: 0.875rem; /* 14px */
    line-height: 1.25rem; /* 20px */
    }
    .mb-text-base	{
    font-size: 1rem; /* 16px */
    line-height: 1.5rem; /* 24px */
    }
    .mb-text-lg	{
    font-size: 1.125rem; /* 18px */
    line-height: 1.75rem; /* 28px */
    }
    .mb-text-xl	{
    font-size: 1.25rem; /* 20px */
    line-height: 1.75rem; /* 28px */
    }
    .mb-text-2xl		{
    font-size: 1.5rem; /* 24px */
    line-height: 2rem; /* 32px */
    }
    .mb-text-3xl		{
    font-size: 1.875rem; /* 30px */
    line-height: 2.25rem; /* 36px */
    }

    .mb-text-4xl	{
    font-size: 2.25rem; /* 36px */
    line-height: 2.5rem; /* 40px */
    }
    .mb-text-5xl	{
    font-size: 3rem; /* 48px */
    line-height: 1;
    }
    .mb-text-6xl	{
    font-size: 3.75rem; /* 60px */
    line-height: 1;
    }
    .mb-items-start	{align-items: flex-start;}
    .mb-items-end	{align-items: flex-end;}
    .mb-items-center	{align-items: center;}
    .mb-items-baseline	{align-items: baseline;}
    .mb-items-stretch	{align-items: stretch;}

    .mb-scroll-y {
      overflow-y: scroll;
      -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
      gap: 1%;
    }
}