/* --- Adjust the nav to work with the hero background --- */

#nav .container .logo .logoDark {
    opacity: 1 !important;
    animation: none !important;
    -webkit-animation: none !important;
}

#nav .container .logo .logoLight {
    opacity: 0 !important;
    animation: none !important;
    -webkit-animation: none !important;
}

#nav .container .content .links li a {
    color: #3E4A57;
}

#nav .container #toggleMobileNav .icon:before,
#nav .container #toggleMobileNav .icon:after,
#nav .container #toggleMobileNav .icon span {
    background: #3E4A57;
}

.baseline-vertical {
    align-items: baseline;
}

.icon-list .icon-list-item {
    align-items: flex-start;
}

.icon-list+p {
    padding-top: 36px;
}

.sms-panel {
    padding: 40px 0 10px 0;
}

.sms-panel h2 {
    color: #112867;
    font-size: 22px;
    font-weight: 600;
    padding: 0 15px 50px 15px;
}

.sms-panel .checklist-reverse ul li {
    font-size: 16px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
}

.sms-panel .checklist-reverse ul li:not(:last-child) {
    border-bottom: 1px solid #E5E5E5;
}

.sms-panel .checklist-reverse ul li:not(:first-child) {
    padding-top: 30px;
}

.icon-border-panel.sms-pricing-panel {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
}

.icon-border-panel.sms-pricing-panel:not(:first-child) {
    margin-top: 50px;
}

.icon-border-panel.sms-pricing-panel h3 {
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 800;
}

.icon-border-panel.sms-pricing-panel .sms-price {
    color: #FFFFFF;
    padding-bottom: 50px;
    padding-top: 20px;
}

.icon-border-panel.sms-pricing-panel .sms-price-amount {
    font-weight: 800;
    font-size: 34px;
}

.icon-border-panel.sms-pricing-panel .sms-interval {
    font-size: 14px;
}

p.sms-pricing-subline {
    font-size: 14px;
    color: #FFFFFF;
    padding-top: 60px;
}


/* table css for sms code table */
.sms-code-table {
    border-collapse: separate;
    overflow: revert;
}

table.sms-code-table thead tr td,
table.sms-code-table tbody tr td {
    color: #FFFFFF;
    font-size: 16px;
}

table.sms-code-table thead tr td {
    background-color: transparent;
    border: 1px solid #5C77A7;
    font-weight: 800;
}

table.sms-code-table tbody tr {
    background-color: #33477F;
}

table.sms-code-table tbody tr td {
    padding: 30px 18px;
    border: 1px solid #5C77A7;
}

table.sms-code-table thead tr td:first-child {
    border-top-left-radius: 10px;
}

table.sms-code-table thead tr td:last-child {
    border-top-right-radius: 10px;
}

table.sms-code-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

table.sms-code-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

table.sms-code-table tr td:first-child {
    border-right: none;
}

table.sms-code-table tr td:last-child {
    border-left: none;
}

table.sms-code-table tbody tr td {
    border-top: none;
}

#faq {
    padding-bottom: 40px;
}

/* ------ End nav adjustments ------ */

/* --- Media Queries -------------------- */

@media all and (max-width: 960px) {

    table.sms-code-table thead tr td,
    table.sms-code-table tbody tr td {
        font-size: 14px;
    }

    table.sms-code-table tbody tr td {
        padding: 30px 10px;
    }
}

@media all and (max-width: 768px) {
    #shortCodePricing .columns .column:last-child {
        margin-top: 30px;
    }

    #faq .columns .column:last-child {
        padding-top: 0;
    }

    .background-radial-blueberry .icon-list .icon-list-item:not(:last-child) {
        border: none;
    }

    .section.padding-bottom-100 {
        padding-bottom: 50px;
    }

    section.container.section.xlarge.less-xlarge-mobile-padding {
        padding-bottom: 0;
        padding-top: 25px;
    }

    article.section.large.background-logo-repeating.mobile-repeating-section {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    article#faq {
        padding-top: 20px;
        padding-bottom: 0px;
    }

    article.section.xxlarge.background-light-seaglass-radial {
        padding-top: 20px;
        padding-bottom: 20px;
    }


    article.section.large.background-logo-repeating.mobile-repeating-section .button {
        margin-bottom: 20px;
    }

}