/* White Border on images */
img.img-border {
    outline: 3px solid #fff;
    outline-offset: -18px;
}

/* Fifty Fifty background colors */
.fifty-fifty.yellow article, .fifty-fifty.yellow figure {
    background-color: #ffc845;
}

.fifty-fifty.teal article, .fifty-fifty.teal figure {
    background-color: #9cdbd9;
}

.tile.gray .tile-content {
    color: #000;
    background-color: #d2d2d2;
}

/* Social Media */
main.main-content--landing .sidebar-social-media {
    margin-bottom: 65px;
    padding-left: 40px;
    padding-right: 40px;
}


/*limit Studio Site logo size in footer*/
site-footer .footer-link-list img {
   	max-height: 150px;
    height:150px;
}

/*Accordion Expand/Collapse button*/
.t4-expand-accordion {
  display: flex;
  justify-content: end;
}
.t4-expand-accordion-btn {
  margin: 0;
  margin-bottom: 1rem;
  padding: .5rem 1rem;
  margin-top: 0 !important;
}


/* components library styling */
.gen-content-column code {
  background-color: #e8e8e8;
  border-radius: 3px;
  padding: 0.1rem 0.2rem;
}

/* Related Blog Slider */
.slick-track:has(.card-auto) {
    display: flex !important;
}
.card-auto {
    height: auto !important;
    flex: 1;
}


/* form styling */
input, .form-control {
  border: 1px solid #888888;
}

input:focus, input:active {
  border-color: #0057b8;
}