.tt_trigger {
    cursor: help;
  }
.no-card-heading {
    padding-top: 24px !important;
}
.card-icon-top {
  font-size: 1.75rem;
}
.paragraph--type--cp-card > .card > .card-header > h2,
.paragraph--type--cp-card > .card > button > .card-header > h2 {
  margin-bottom:0 !important;
}
.tooltip-inner {
  color: black !important;
  background-color: white !important;
  text-align: left !important;
  font-size: 12px;
  min-width: 320px;
  padding: 5px !important;
}
.card-body  > .card-body  {
  margin: 0 !important;
}
/*** Custom Classes ***/

/* overlapped-special */

.overlapped-special .card-horizontal:after {
  content: "";
  height: 100%;
  width: 100%;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#19191900),to(#191919c9));
  background-image: -o-linear-gradient(top,#19191900 0,#191919c9 100%);
  background-image: linear-gradient(
180deg,#19191900 0,#191919c9 100%);
  grid-column: 1/span 3;
  grid-row: 1/span 6;
  z-index: 20;
  position: absolute;
  top: 0;
}
.overlapped-special > div {
  height: 100%;
}
.overlapped-special .card-hover > button {
  height:100%;
}
.overlapped-special .card-horizontal > .card-image-content {
  position: initial;
}
.overlapped-special .card-horizontal .card-img-top {
  width: 100%;
  max-width: 100%;
  height: 100% !important;
  object-fit: cover;
  z-index: 0;
  position: absolute;
}
.overlapped-special .card-horizontal .card-header {
  background-color:transparent;
}
.overlapped-special .card-horizontal {
    height: 100%;
    position: relative;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.overlapped-special .card-horizontal > .card-content-wrapper > div:first-of-type {
  padding-top:240px;
}
.overlapped-special h2.field--name-field-cp-heading {
  margin-bottom:0 !important;
  color:white !important;
  text-shadow: 1px 1px 7px #0000003d;
}
.overlapped-special .card-horizontal > .card-content-wrapper {
  position: relative;
  z-index: 30;
  padding:0 !important;
}
.overlapped-special .card-horizontal .card-content-wrapper,
.overlapped-special .card-horizontal .card-text {
  color:white;
  background-color: transparent;
  text-shadow: 1px 1px 7px #0000003d;
}
@media (max-width: 768px) {
  .overlapped-special .card-horizontal .card-body > .card-body {
      display:none;
  }
}


/* overlapped */

/* overlapped-right */

/* overlapped-left */

/* heading-center icon-center buttons-center */
div.heading-center div.card-title, div.icon-center div.card-icon, div.buttons-center div.card-button
{

  text-align: center;

}

/* heading-right icons-right buttons-right */
div.heading-right div.card-title, div.icon-right div.card-icon, div.buttons-right div.card-button
{

  text-align: right;

}

div.card-icon
{
  margin-bottom: 10px;
}

div.card-body div.card-content
{
  margin-bottom: 24px;
}

.inset-box
{
  background-color: #E8E8E8!important;
  max-width: 100%!important;
  margin:0 0 0 0!important;
  padding-top: 5%;
  padding-bottom: 5%;
}

.inset-box img.card-img-top
{
  display: none;
}

.inset-box .card
{
  display: block!important;
  background-color: white;
  margin: 0 10% 0 10%;
  padding-right: 10%;
  padding-left: 10%;
  height: 80%!important;
}

.overlapped-right .card,  .overlapped-left .card
{
  border: 0px!important;
}

.overlapped-right .section-heading span, .overlapped-left .section-heading span
{
  background-color: #FFC627;
}

/* side-right side-left */
@media only screen and (min-width: 992px) {
  .side-right .card-horizontal
  {
    display: flex;
    flex: 1 1 auto;
    padding: 0 0 0 0!important;
  }

  .overlapped-right .card-horizontal
  {
    display: flex;
    flex: 2 2 auto;
    padding: 0 0 0 0!important;
    width: auto;
  }

  .overlapped-right .card-horizontal img.card-img-top
  {
    padding-left: 24px;
    max-width: 68%;
  }

  .overlapped-right .card-horizontal:before
  {
      content: '';
      position: absolute;
      padding: 5% 0 5% 0;
      background-color: #FFC627;
      height:100%;
      top: 0;
      width: 24px;
      -moz-background-clip: content;     /* Firefox 3.6 */
      -webkit-background-clip: content;  /* Safari 4? Chrome 6? */
      background-clip: content-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
  }

  .overlapped-right .card-horizontal .card-content-wrapper
  {
    margin: 5% 0 5% -12%!important;
    background: white;
    -moz-background-clip: padding;     /* Firefox 3.6 */
    -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
    background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
  }


  .side-left .card-horizontal
  {
    display: flex;
    flex: 1 1 auto;
    padding: 0 0 0 0!important;
    flex-direction: row-reverse!important;
  }

  .overlapped-left .card-horizontal
  {
    display: flex;
    flex: 1 1 auto;
    padding: 0 0 0 0!important;
    flex-direction: row-reverse!important;
  }

  .overlapped-left .card-horizontal img.card-img-top
  {
    padding-right: 24px;
    max-width: 68%;
  }

  .overlapped-left .card-horizontal:after
  {
      content: '';
      position: absolute;
      padding: 5% 0 5% 0;
      background-color: #FFC627;
      height:100%;
      top: 0;
      width: 24px;
      -moz-background-clip: content;     /* Firefox 3.6 */
      -webkit-background-clip: content;  /* Safari 4? Chrome 6? */
      background-clip: content-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
  }

  .overlapped-left .card-horizontal .card-content-wrapper
  {
    margin: 5% -12% 5% 0!important;
    background: white;
    -moz-background-clip: padding;     /* Firefox 3.6 */
    -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
    background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
  }

  .overlapped .card-horizontal
  {
    display: flex;
    flex: 1 1 auto;
    padding: 0 0 0 0!important;
    flex-direction: row-reverse!important;
  }

  .overlapped .card-horizontal img.card-img-top
  {
    max-width: 100%;
  }

  .overlapped .card-horizontal .card-content-wrapper
  {
    margin: 5% -48% 5% 12%;
    background: white;
    -moz-background-clip: padding;     /* Firefox 3.6 */
    -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
    background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
  }

}
@media only screen and (max-width: 991px) {
  .card-horizontal
  {
    padding: 0 0 0 0!important;
  }

  .overlapped-left .card-horizontal .card-content-wrapper, .overlapped-left .card-horizontal .card-content-wrapper
  {
    margin-left: 32px;
    margin-right: 32px;
  }

  .overlapped-left .card-horizontal img.card-img-top, .overlapped-right .card-horizontal img.card-img-top
  {
    padding-top: 24px;
  }

  .overlapped-left .card-horizontal:before, .overlapped-right .card-horizontal:before
  {
      content: '';
      position: absolute;
      padding: 0 32px 0 32px;
      background-color: #FFC627;
      height:24px;
      top: 0;
      width: 100%;
      -moz-background-clip: content;     /* Firefox 3.6 */
      -webkit-background-clip: content;  /* Safari 4? Chrome 6? */
      background-clip: content-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
  }

  .overlapped .card-horizontal
  {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    padding: 0 0 0 0!important;
  }

  .overlapped .card-horizontal img.card-img-top
  {
    height:auto!important;
  }

  .overlapped .card-horizontal .card-content-wrapper
  {
    margin: 75% 5% 5% -95%;
    background: white;
    -moz-background-clip: padding;     /* Firefox 3.6 */
    -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
    background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
  }

  .inset-box
  {
    padding: 32px 32px 32px 32px!important;
  }

  .inset-box .card{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
  }

}

/* background: var(--gold) 0% 0% no-repeat padding-box; */

.paragraph--type--cp-card > .paragraph-inner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}