@charset "utf-8";

.btn-mod.btn-medium.btn-fullwidth {
    height: auto;
    padding: 8px 37px;
    font-size: 12px;
    width: 100%;
}

.home-logo {
    align-content: center;
    margin-top: 100px;
    margin-bottom: 300px;
}

.newsletter-home-logo {
    align-content: center;
    margin-top: 100px;
    margin-bottom: 20px;
}

/*
 * Top links Title
 */

.top-links-title {
    list-style: none;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

    .top-links-title li {
        float: left;
        border-left: 1px solid rgba(0,0,0, .05);
    }

        .top-links-title li:last-child {
            border-right: 1px solid rgba(0,0,0, .05);
        }

        .top-links-title li .fa {
            font-size: 30px;
            position: relative;
            top: 1px;
        }

        .top-links-title li .tooltip {
            text-transform: none;
            letter-spacing: normal;
            z-index: 2003;
        }

        .top-links-title li a {
            display: block;
            min-width: 40px;
            height: 40px;
            line-height: 40px;
            padding: 0 10px;
            text-decoration: none;
            text-align: center;
            color: #ffffff;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -moz-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -o-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -ms-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        }

            .top-links-title li a:hover {
                color: #555;
                background-color: rgba(0,0,0, .02);
            }

.references-text {
    font-size: small;
}

/* apply a natural box layout model to all elements, but allowing components to change */
html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
    background-color: #F5F7FA;
    line-height: 1.2;
}
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

.wrapper {
    width: 100%;
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 60px;
    margin-bottom: 200px;
}

.content {
    padding: 0 15px;
    width: 380px;
}

    .content h1 {
        margin-top: 0;
    }

    .content p,
    .sidebarjoin p {
        font-family: Dosis, arial, sans-serif;
    }

.sidebarjoin {
    padding: 20px;
    width: 170px;
    background-color: #332266;
    color: #fff;    
}

    .sidebarjoin h3 {
        margin: 0;
    }

.content,
.sidebarjoin {
    float: left;
}


/* The sticky */
.sidebarjoin {
    position: -webkit-sticky;
    position: sticky;
    top: 0;    
}

.stick-fixed-sidebarjoin {
    position: fixed;
    top: 30%;
    left: 0;
    z-index: 111;
    
}

@media only screen and (max-width: 767px) {
    .sidebarjoin {
        display: none;
    }

    .stick-fixed-sidebarjoin {
        display: none;
    }
}

/* Style the close button (span) */
.close {
    cursor: pointer;
    position: absolute;
    top: 8%;
    right: 1%;
    padding: 10px 10px 10px;
    transform: translate(0%, -50%);
    color: white;
    background: none;
    border: none;
}

    .close:hover {
        background: white;
        color: black;
    }

.page-section,
.small-section {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 70px 0;
}

.small-section {
    padding: 35px 0;
}

/* iframe container */
.iframe-container {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
}

    .iframe-container iframe {
        border: 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

/* 4x3 Aspect Ratio */
.image-container-4x3 {
    padding-top: 75%;
}

.image-container {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
}

    .image-container iframe {
        border: 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

/* 4x3 Aspect Ratio */
.image-container-4x3 {
    padding-top: 75%;
}

.hs-line-1 {
    margin-top: 0;
    position: relative;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 0.085em;
    color: #fff;
    opacity: .9;
}

.hs-line-2 {
    font-weight: 800 !important;
}


.inline-block-center {
    text-align: center;
}

    .inline-block-center div {
        display: inline-block;
        text-align: left;
    }

.flex-center {
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 768px){
    .flex-center {
        display: block;
        justify-content: normal;
    }
}

.blockquote {
    margin: 3em 0 3em 0;
    padding: 0;
    border: none;
    background: none;
    background-color: dimgray;
    font-style: normal;
    line-height: 1.7;
    color: #777;
}

.blog-item-q {
    background: none;
    background-color: dimgray;
    border: none;
    padding: 0;
    margin: 1em 0;
}

@media (min-width: 768px) {
    .alinerightminwidth {
        width: inherit;
        
    }
    
}

.date-yr {
    display: block;
    margin-bottom: 3px;
    font-size: 16px;
    font-weight: 100;
    color: #555;
}

.newsbuttons {
    text-align: justify;
}

    .newsbuttons:after {
        content: '';
        display: inline-block;
        width: 99.5%; /* generates an extra transparent line */
    }
/* makeup*/
.newsbuttons {
    /*min-width: 45em;*/
    padding: 1.2em 1em 0;
    box-shadow: none;
    margin: inherit;
    border-radius: inherit;
}

.home-text-middle {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.membertitlepadded {
    padding: 200px 0px 0px 0px !important;
}

.nounderline {
    text-decoration: none !important;
}

.outcomesummaryWrapper {
    position: relative;
    /*padding-bottom: 35%;*//**/ /* 16:9 */
    /*padding-top: 22px;
    padding-top: 15%;
    height: 0;*/
    
    display: flex;
    justify-content: center;
    align-items: center;
    /*height: 200px;*/
    /*border: 3px solid green;*/
}

    .outcomesummaryWrapper iframe {
        /*position: absolute;*/
        /*top: 0;
        left: 0;*/
        /*justify-content: center;*/
        /*align-items: center;
        margin-top: 100px;
        width: 100%;
        height: 100%;
        padding: 0px 0px 0px 0px;*/
    }

.magazineWrapper {
    position: relative;
    padding-bottom: 35%; /* 16:9 */
    /*padding-top: 22px;*/
    padding-top: 15%;
    height: 0;
}

    .magazineWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0px 0px 0px 0px;
    }


/* Home content */

.home-content {
    position: relative;
}

.home-text {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.home-text-newsletter {
    padding-top: 100px;
    height: 100%;
    vertical-align: middle;
}

blockquote footer, blockquote small, blockquote .small {
    display: block;
    font-size: 80%;
    /*line-height: 1.42857143;*/
    color: #f1f1f1;
}

blockquote footergrey, blockquote small, blockquote .small {
    display: block;
    font-size: 80%;
    /*line-height: 1.42857143;*/
    color: darkgrey;
}

.footer-testimonials {
color: grey;
}

.centertestimonialpic {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 75px;
}

.iframecenter {
    display: flex;
    align-items: center;
    justify-content: center;
}

.videoWrapperMember {
    position: relative;
    padding-bottom: 35%; /* 16:9 */
    padding-top: 22px;
    height: 0;
}

    .videoWrapperMember iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0px 15px 10px 15px;
    }

.libutton {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 7px;
    text-align: center;
    outline: none;
    text-decoration: none !important;
    color: #ffffff !important;
    width: 200px;
    height: 32px;
    border-radius: 16px;
    background-color: #0A66C2;
    font-family: "SF Pro Text", Helvetica, sans-serif;
}

.team-item-descrlight {
    color: #ffff;
    text-align: center;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}


/* ==============================
   Banner section contrast
   ============================== */

.banner-decription a {
    color: #ffffff !important;
    text-decoration: underline;
}

.banner-decription a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

/* ==============================
   Podcast section
   ============================== */

.podcastlinks {
    margin: 10px;
    width: 64px;
}


/* ==============================
   Custom Purple Background
   ============================== */
.bg-purple {
    background-color: #332266 !important;
}

/* ==============================
   Custom Orange Background
   ============================== */
.bg-orange {
    background-color: #dd702b !important;
}

/* ==============================
   Custom Read More Function
   ============================== */
#more {
    display: none;
}

#more1 {
    display: none;
}

#more2 {
    display: none;
}

#more3 {
    display: none;
}

#more4 {
    display: none;
}

#more5 {
    display: none;
}

#more6 {
    display: none;
}

#more7 {
    display: none;
}

#more8 {
    display: none;
}

#more9 {
    display: none;
}

#more10 {
    display: none;
}

#more11 {
    display: none;
}

#more12 {
    display: none;
}

#more13 {
    display: none;
}

#more14 {
    display: none;
}

#more15 {
    display: none;
}

    /* ==============================
   Custom Button Styles Purple
   ============================== */
    .btn-mod1.btn-border1 {
    color: #332266;
    border: 2px solid #332266;
    background: transparent;
}