/* CSS Style Sheet for call to action */
.text-left,
.text-left p
{
  text-align: left;
}

.text-center,
.text-center p
{
  text-align: center;
}

.text-right,
.text-right p
{
  text-align: right;
}

.call-to-action .cta-content
{
  padding: 3rem 2rem;
  border-radius: var(--arta-border-radius);
}

.call-to-action .container
{
  display: flow-root;
}

.call-to-action .cta-content img
{
  border-radius: var(--arta-border-radius);
}

.call-to-action .card-footer
{
  padding: 0;
  background-color: transparent;
  border: 0;
}

.call-to-action .float-left
{
  padding-right: 2.5rem;
  float: left;
}

.call-to-action .float-right
{
  float: right;
}

.call-to-action .float-left,
.call-to-action .float-right
{
  width: 50%;
}


.call-to-action iframe.media-oembed-content
{
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    border-radius: var(--arta-border-radius);
}

.layout--onecol .call-to-action:not(:last-child)
{
  margin-bottom: 1rem;
}

@media only screen and (max-width: 576px)
{
  .call-to-action .float-left,
  .call-to-action .float-right
  {
    width: 100%;
    float: unset;
    padding: 0 0 0.5rem 0;
  }
}