/* 
 * Marketing pages
 *
 */
 
/* sub-nav */
.sub-nav,
.sub-nav ul  {
    margin-bottom: 0;
}

.sub-nav li {
    display: inline-block;
    margin: 14px 0.25em 14px 1.25em;
    list-style-type: none;
    font-size: 0.9em;
    font-weight: 500;
}

.sub-nav li a {
    color: #222538;
    text-decoration: none;
    padding: 10px 0;
}

.sub-nav .active a, 
.sub-nav a:active,
.sub-nav a:hover,
.sub-nav a:focus
 {
    color: #00CBB0;
    text-decoration: none;
}

ul.icons-color {
    list-style-type: none;
    padding: 0;
}

ul.icons-color i {
    color: #00CBB0;
    margin-right: 6px;
}

.fw-400 {
    font-weight: 400;
}

/* slider quotes */
.pb-quotes-slider-wrapper {
    background: #fff;
    padding: 20px;
}

blockquote {
    border: none;
    font-style: italic;
    text-align: center;
    padding: 10px;
}

.blockquote-footer {
    text-align: right;
    font-weight: 600;
}

.speech-marks {
    color: #00CBB0;
    font-size: 10em;
    line-height: 0.25em;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: -20px;
    margin-top: 30px;
    font-style: normal;
    text-align: left;
}

/* cta section */
.cta-section-sidebar {
    background: #fff;
    border: 1px solid #d1d7e2;
    padding: 35px 20px;
    border-radius: 5px;
}

.cta-section-img {
    border-radius: 5px;
}

.cta-section-img:first-child {
    margin:  55px -50px 0px 0;
    position: relative;
    z-index: 3;
    border: 3px solid #fff;
}

@media screen and (min-width: 769px) {
    .h1-large {
        font-size: 2.088em;
    }
}

@media screen and (max-width: 768px) {
    .sub-nav li {
        display: block;
    }

    .cta-section-img:first-child { 
        display: none;
    }
}


/* 
 * White blocks (advisors, services)
 *
 */

 .pb-block{
    display:block;
    text-decoration:none;
    transition:box-shadow .3s ease, color .3s ease;
    box-sizing:border-box;
    overflow:hidden;
}

a.pb-block:hover{
    box-shadow: inset 0px 0px 0px 2px #00AC95;
    text-decoration:none;
}


.pb-block p{
    color:#696C7D;
    margin-bottom:0.5rem;
    transition:color .3s ease;
}

.pb-block h3,
.pb-block h4,
.pb-block h5,
.pb-block h6{
    transition:color .3s ease;
    margin-bottom:0.5rem;
}

.pb-block:hover p{
    color:#696C7D;
    text-decoration:none;
}

/* Standard block */
.pb-block{
    background-color:#ffffff;
    padding:20px;
    margin-bottom:30px;
}

.pb-block .pb-image{
    margin-bottom:15px;
}
.pb-block .pb-image img{
    width:100%;
    height:auto;
}
.pb-block .pb-image img[data-src]{ /*lazy load placeholder */
    max-width:100%;
    width:auto;
    height:auto;
}

.pb-block .link-with-icon{
    margin-top:1rem;
}

/* Horizontal block */
.pb-horizontal-block::after{
    content:'';
    clear:both;
    display:block;
}
.pb-block.pb-horizontal-block .pb-image{
    float:left;
    overflow:hidden;
    width:150px;
    margin-right:20px;
    margin-bottom:0;
}
.pb-block.pb-horizontal-block .pb-text{
    float:right;
    width:calc(100% - 170px);
}
/* Long horizontal block */
.pb-horizontal-block-long::after{
    content:'';
    clear:both;
    display:block;
}
.pb-block.pb-horizontal-block-long .pb-image{
    float:left;
    overflow:hidden;
    width:393px;
    margin-right:20px;
    margin-bottom:0;
}
.pb-block.pb-horizontal-block-long .pb-text{
    float:right;
    width:calc(100% - 413px);
}
/* Narrow horizontal block */
.pb-horizontal-block-narrow::after{
    content:'';
    clear:both;
    display:block;
}
.pb-block.pb-horizontal-block-narrow .pb-image{
    float:left;
    overflow:hidden;
    width:270px;
    margin-right:20px;
    margin-bottom:0;
}
.pb-block.pb-horizontal-block-narrow .pb-text{
    float:right;
    width:calc(100% - 290px);
}

@media (max-width: 992px){
    /* Long horizontal block */
    .pb-horizontal-block-long::after{ content:''; clear:both; display:block;}
    .pb-block.pb-horizontal-block-long .pb-image{ float:none; width:100%; margin-right:0px; margin-bottom:20px; }
    .pb-block.pb-horizontal-block-long .pb-text{ float:none;  width:100%;}
}

@media (max-width: 768px){
    /* Blocks */
    .pb-block.pb-horizontal-block-narrow .pb-image{
        float:none;
        overflow:hidden;
        width:100%;
        margin-right:0;
        margin-bottom:20px;
    }
    .pb-block.pb-horizontal-block-narrow .pb-text{ float:none; width:100%;}
}

@media (max-width: 576px){
    /* Blocks */
    .pb-block.pb-horizontal-block .pb-image,
    .pb-block.pb-horizontal-block-long .pb-text{
        float:none;
        overflow:hidden;
        width:100%;
        margin-right:0;
        margin-bottom:20px;
    }
    .pb-block.pb-horizontal-block .pb-text,
    .pb-block.pb-horizontal-block-long .pb-text{ float:none; width:100%; }
}