﻿.join-action-link {padding:8% 6%;}
    .join-action-link .ia-element-header {
        z-index: 1;
        position: absolute;
        margin-left:5%;
    }
        .join-action-link .ia-element-title {
        background-color: #F2B134;
        color: #20295B;
        font-size: 18px;
        text-transform: uppercase !Important;
        font-weight: bold;
        margin: 0px;
        line-height: 1em;
        padding: .45em;
    }

        .join-action-link .ia-element-title::before {
            border-left: 25px solid transparent;
            border-right: 25px solid transparent;
            border-top: 25px solid #F2B134;
            content: "";
            position: absolute;
            top: 1.4em;
            left: 0;
            margin-left: 30px;
            z-index:-1;
        }

    .join-action-link .jumbotron.caption {
        border: 2px solid #F2B134;
        border-radius: 0px 20px 0px 20px !Important;
        box-shadow: 0 0.15rem 0.25rem rgb(0 0 0 / 15%);
        text-align: left;
        background-color: #ffffff;
        /*padding: 60px 45px 30px 45px;*/
        font-size:30px;
        padding: 2em 1.5em 1em 1.5em!important;
        margin: 5px 0px 0px 0px;
    }
        .join-action-link .jumbotron.caption .ia-item-title {
            margin: 0px 0px 15px 0px;
            line-height: 1.25em;
            color: #20295b;
        }
        .join-action-link .jumbotron.caption .btn-default {
            border: 2px solid #ffffff!important;
            border-radius: 25px;
            box-shadow: 0 0.15rem 0.25rem rgb(0 0 0 /15%);
            font-size: 18px;
            font-weight: normal;
            padding: 8px 40px;
            background-color: #55A4DA;
        }
            .join-action-link .jumbotron.caption .btn-default > span.fa {
                font-size: 24px;
                position: relative;
                left: 15px;
                top: 2px;
            }
@media (max-width:768px) {
    .join-action-link .ia-element-title {font-size: 16px;}
    .join-action-link .jumbotron.caption {padding: 40px 30px 20px 30px!important;}
    .join-action-link .jumbotron.caption .ia-item-title{font-size:28px!important;}
    .join-action-link .jumbotron.caption .btn-default {font-size: 16px!important;padding: 8px 20px!important;margin-top:-10px;}
}
@media (max-width:500px) {
    .join-action-link {padding:5% 0px;}
    .join-action-link .ia-element-header {margin-left: 10px;}
    .join-action-link .jumbotron.caption .ia-item-title{font-size:26px!important;}
}

    .join-action-link.border-blue .caption {
        border-color: #20295B;
    }

    .join-action-link.bg-yellow .ia-element-title {
        background-color: #20295B;
        color: #F2B134;
    }
        .join-action-link.bg-yellow .ia-element-title::before {
            border-top-color: #20295B;
        }

    .join-action-link.bg-yellow .jumbotron.caption {
        background-color: #F2B134;
    }

    .join-action-link.bg-blue .jumbotron.caption {
        border-color: #20295B;
        background-color: #20295B;
    }
        .join-action-link.bg-blue .jumbotron.caption .ia-item-title {
            color: #FFFFFF!important;
        }