﻿.generic-content-heading p {
    font-family: 'Adieu-Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    /* or 162% */
    text-transform: uppercase;
    color: #5000A0;
}

.generic-content-body p,
.generic-content-grid p {
    font-family: 'AvenirNext LT Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #2B2B2B;
    margin-bottom: 0;
    overflow-wrap: break-word;
}

.generic-content-energy-bubbles {
    height: 200px;
}

.generic-content-heading {
    padding-top: 100px;
}

.generic-content-desktop .generic-content-heading{
    padding-top: 0px;
}
.generic-content-bubbles img.bubble-large{
   max-height: 105px;
}
.generic-content-bubbles img.bubble-small{
    max-height: 60px;
 }

.generic-content-body a {
    font-family: 'AvenirNext LT Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #FF6600;
    /*letter-spacing: 0.5rem;*/
    text-decoration: none;
}

.rte-light-body {
    color: #C4C4C4;
    font-size: 15px;
    line-height: 20px;
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .generic-content-heading p {
        font-family: 'Adieu-Regular';
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 30px;
        /* or 150% */
        text-transform: uppercase;
        color: #5000A0;
    }
    .generic-content-body p,
    .generic-content-grid p {
        font-family: 'AvenirNext LT Pro';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        color: #2B2B2B;
        margin-bottom: 0;
    }
    /*.generic-content-body {*/
    /*    padding-top: 80px;*/
    /*}*/
}

.width-50 { width: 50%; }
.width-40 { width: 40%; }
.width-25 { width: 25%; }
.width-20 { width: 20%; }
.width-15 { width: 15%; }

@media screen and (max-width: 600px) {

table { border: 0; }
table caption { font-size: 1.3em; }
.width-50, .width-40, .width-25, .width-20, .width-15 { width: 100%; }
table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
table tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; }
table td { border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: left; }
table td::before { /* * aria-label has no advantage, it won't be read inside a table content: attr(aria-label); */ content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; }
table td:last-child { border-bottom: 0; }
table a { font-size: 14px !important; }
.tc-p, .tc-ol, .tc-p a, .tc-ol a { font-size: 14px !important; }

}