/* ==========================================================================

    Some basic styles, to allow the demo theme installation to
    be usable. Feel free to remove or modify as needed.

========================================================================== */


/* ---------------- CTAs ---------------- */

#main .rp4wp-related-posts {
    display: none!important;
}

.inline-cta-content,
#secondary .widget,
.smartform,
#footer-cta .widget {
    background-color: #049AFF;
    margin-bottom: 20px;
    padding: 20px;
    color: white;
}

.footer-cta {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

#footer-cta .gform_heading {
    text-align: center;
}

.inline-cta {
    margin-top: 40px;
    margin-bottom: 40px;
}

.inline-cta-content a,
#secondary .widget a,
.smartform a,
#footer-cta a {
    color: white;
    text-decoration: underline;
}

.inline-cta-content .gform_button,
#secondary .widget .gform_button,
.smartform .gform_button,
#footer-cta .gform_button {
    background-color: white;
    color: #666666;
}

#secondary .smartcta-link,
.inline-cta .smartform-collapse-toggletext,
.inline-cta-content-link {
    background-color: white;
    color: #666666!important;
    justify-content: center;
    padding: 10px 15px;
    text-align: center;
    white-space: nowrap;
    display: inline-block;

    text-decoration: none!important;
}

.inline-cta .smartform-collapse-toggletext {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 150px;
}

.inline-cta-form .gform_heading,
.inline-cta-content {
    text-align: center;
}

#footer-cta .gform_button {
    margin-left: auto;
    margin-right: auto;
}

#footer-cta .gform_wrapper {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}


/* ----------- Related Content ---------- */

.crp_related_widget a {
    display: block;
}



/* -------- Insights landing page ------- */

.insights-wrapper {
    margin: 0 40px;
}

.insights-wrapper #insight-list li {
    margin-bottom: 25px;
    line-height: 20px;
}

.alm-btn-wrap .alm-load-more-btn {
    color: #666666;
    background-color: tranparent;
    border: none;
    font-size: 1rem;
    text-align: center;
    margin: 0 auto;
    position: relative;
    padding-left: 30px;
    display: block;
}

.alm-btn-wrap .alm-load-more-btn.loading:before {
    background: #fff url(../images/loading.png) no-repeat center center;
    content: ' ';
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    position: absolute;
    top: 2px;
    left: 0;
}

.alm-btn-wrap .alm-load-more-btn.done {
    display: none;
}

.pagination-wrapper {
    margin-top: 40px;
    text-align: center;
}

.pagination-wrapper .page-numbers {
    display: inline-block;
    background-color: #55b4fb;
    color: white;
    padding: 2px 6px;
    margin-right: 5px;
    text-decoration: none;
}

.pagination-wrapper .page-numbers.current {
    background-color: #e5e5e5;
    color: white;
}

.alm-filters .alm-filter--title h3 {
    font-size: 15px!important;
}

/* ------------ Gravity Forms ----------- */

.gform_fields input:not(.gform_button),
.gform_fields select,
.gform_fields textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 10px 5px;
    border-radius: 0px;
    background-color: #f8f8f8;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    border: none;
    box-shadow: none;
}

.gform_fields select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.gform_fields select {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

.gform_button {
    margin-top: 10px;
    display: block;
    background-color: #666666;
    border: none;
    color: white;
    border-radius: 0;
}

.gform_button:hover {
    color: white;
}

.gfield {
    margin-bottom: 20px;
}

.gfield_label {
    margin-bottom: 5px;
}

.gform_description {
    margin-bottom: 20px;
    display: block;
}

.validation_message,
.validation_error {
    font-size: .9rem;
    background-color: rgba( 255, 255, 255, .5 );
    color: #DB3D3D;
    padding: 3px 5px;
    display: inline-block;
}

.validation_message {
    margin-top: 10px;
}


.validation_error {
    margin-bottom: 10px;
}

.gform_ajax_spinner {
    display: block!important;
    width: 40px;
    height: 40px;
    padding: 10px;
    background-color: rgba( 255, 255, 255, .5 );
    margin: 20px auto;
}


/* ---------- Desktop and above --------- */

@media screen and (min-width: 1088px) {

   .insights-wrapper {
        margin: 0 40px;
        display: flex;
        flex:1;
    }

    .insights-wrapper #tertiary {
        /*width: 20%;*/
	   width: 15%;
        order: 1;
    }

    .insights-wrapper #main {
        flex: 1;
        order: 2;
        padding: 0 20px;
        padding-bottom: 50px;
    }

    .insights-wrapper #secondary {
        width: 20%;
        order: 3;
        padding-bottom: 50px;
	   padding-top: 80px;
    }
}

@media screen {
    .screen-reader-text {
        display: none;
    }
}