.adv-content.option-1 .item {
  background-color: #fff;
  box-shadow: 0px 3px 5px rgb(0 0 0 / 16%);
  border-radius: 0.5em;
  overflow:hidden;
}

.adv-content.option-1 .item-img {
  height: 13em;
  background-size: cover;
  margin-bottom:1em;
  position:relative;
}

.adv-content.option-1 .item-img:before{
  content:"";
  position:absolute;
  left:0;
  width:100%;
  height:5em;
  background-image: url(https://www.rastrac.com/hubfs/2020%20Files/grid-item-shape.svg);
  bottom: 0;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}

.adv-content.option-1 .item-content {
  padding: 0 1em 1em;
}




/* OPTION 2 
* //////////////////*/
section.adv-content.option-2 .item {
  display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;
  -ms-flex-wrap: wrap;flex-wrap: wrap;
  font-size:0.9em;
  background-color: #EEEEEE;
  padding: 1em;
  border-radius: 0.5em;
  overflow:hidden;
}

.adv-content.option-2.bg-lGrey .item{
  background-color:#fff;
}

.adv-content.option-2 .item > div{
  position:relative;
  -webkit-box-flex:1;-ms-flex:1 0;flex:1 0;
}

.adv-content.option-2 .item-img{
  max-width:3.5em;
  background-repeat:no-repeat;
  width:100%;
  margin-right:1em;
  height: 3.5em;
}

@media(min-width:769px){
  section.adv-content.option-2 .item {
    -webkit-box-align: center;-ms-flex-align: center;align-items: center;
    padding: 1em 2em;
  }

  .adv-content.option-2  .item-title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .adv-content.option-2 .item-supporting-text {
    position: relative;
    opacity: 0;
    transition: opacity 0.5s;
  }

  .adv-content.option-2 .item:hover{
    background-color:#136db9;
    color:#fff;
  }

  .adv-content.option-2 .item:hover .item-supporting-text {
    color: #fff;
    opacity: 1;
  }

  .adv-content.option-2 .item:hover .item-img{
    display:none;
  }

}



/* OPTION 3
* //////////////////*/
.adv-content.option-3 .item{
  padding: 1em;
  border: solid 1px #e2e2e2;
  border-radius: .5em;
  display: -webkit-box;display: -ms-flexbox;display: flex;
  -ms-flex-wrap: wrap;flex-wrap: wrap;
  background-color:#fff;
}

.adv-content.option-3 a.item:hover{
  box-shadow: 0px 3px 8px rgba(18, 109, 185, 0.7);
}


.adv-content.option-3 .item > div{
  -webkit-box-flex:1;-ms-flex:1 0;flex:1 0;
}

.adv-content.option-3 .item-img {
  width: 3em;
  max-width:3em;
  height:3em;
  margin-right: 1em
}



/* OPTION 4
* //////////////////*/
.adv-content.option-4 .item {
  background-color: #fff;
  overflow: hidden;
  border-radius: 0.5em;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}

.adv-content.option-4 .item-title {
  padding: 1em;
  background-color: #126db9;
  color: #fff;
  margin-bottom: 0;
}

.adv-content.option-4 .item-supporting-text {
  padding: 1.5em;
}

.adv-content.option-4 .item-supporting-text h4 {
  color: #126db9;
  font-size: 1.3em;
}

/* --- if item callout -- */

.flex-item.item.item--callout {
    background: #037ee8;
}

.flex-item.item.item--callout .item-supporting-text, 
.flex-item.item.item--callout .item-title {
    color: white;
}