  .lh-increased {
    line-height:1.6;
}

/* Header */
#beKnownHeader {
    background-image:url('/be-known/_assets-index/images/bg-header-texture.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:top right;
    padding-top: 2rem;
    padding-bottom: 2.5rem;
}

@media (min-width:768px) {
    #beKnownHeader .h1 {
        font-size: 3.4rem;
    }
}
@media (max-width:339.98px) {
    #beKnownHeader {
        padding-top:2rem;
    }
    #beKnownHeader h2.lh-increased {
        line-height:1.2;
    }
    #beKnownHeader h2 span.h3 {
        font-size:1.4rem;
    }
    #beKnownHeader h2 span.h1 {
        font-size:2.6rem;
    }
}

/* Video Header */
#beKnownVideo
{
    background-size: cover;
    background-position:center;
    background-repeat:no-repeat;
    background-color:var(--gfColors-navy);
    padding:4rem 0;
    position: relative;
}

#beKnownVideo::before
{
    content: "";
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    background-color: var(--gfColors-navy);
    opacity:0.6;
    z-index:10;
}


#beKnownVideo *
{
    color:white;
}

.beKnownVideo-bgImage {
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    display:flex;
}

.beKnownVideo-bgImage img {
    object-fit:cover;
    object-position:center center;
    height:100%;
    width:100%;
}

.beKnownVideo-content {
    display:grid;
    align-items:center;
    justify-items:center;
    position:relative;
    z-index:20;
    font-size:1.5rem;
}
.beKnownVideo-content p {
    max-width:44ch;
}
.beKnownVideo-content .videoBlock-thumbnail
{
    width:160px;
    height:160px;
    box-shadow:none;
}

.beKnownVideo-content > *
{
    max-width:620px;
    text-align:center;
}

.beKnownVideo-content h2
{
    font-family:ThirstySoftExtraBold, var(--gfVars-headerFont);
    margin-top:1em;
}

@media(min-width:768px)
{
    .beKnownVideo-content .videoBlock-thumbnail
    {
        width:180px;
        height:180px;
        box-shadow:none;
    }
    
    .beKnownVideo-content .videoBlock-thumbnail::after {
        width: 160px;
        height: 160px;
        top: calc(50% - 80px);
        left: calc(50% - 80px);
        font-size: 4rem;
        line-height: 10rem;
    }
}
@media (min-width:1800px) {
    #beKnownVideo {
        min-height:650px;
        display: grid;
        align-content: center;
    }
}


@media (max-width:575.98px) {
    #beKnownVideo {
        background-image: url(/_assets-index/images/mobile-beknown-video_gfu1158.jpg);
    }
}
@media (min-width:454px) and (max-width:767.98px) {
    .beKnownVideo-content {
        font-size: 1.3rem;
    }
}
@media (max-width:453.98px) {
    .beKnownVideo-content {
        font-size: 1.7rem;
    }
}


/* Be Known Stories */

.wysiwyg+.wysiwyg.story-block {
    margin-top:4rem;
}
.wysiwyg+.wysiwyg.story-block#storyJonah {
    margin-top:7rem;
}

@media (min-width:1200px) {
    .wysiwyg+.wysiwyg.story-block {
        margin-top:7rem;
    }
}

.story.u-grid2Columns {
    grid-template-columns:2fr 3fr;
    grid-template-rows:auto 1fr;
    'text text';
    transition: 500ms;
}
.story img {
    border-radius:5px;
    transition:300ms;
}
.story-content {
    transition: 500ms;
}
.story-content:hover img {
    transform:rotate(2deg);
}

.story-content span.bg-circle-texture {
    transition:all 1s ease;
}
.story-content:hover span.bg-circle-texture::after {
    transform: translate(120%, 2%);
}
@media (max-width:400px) {
    .story-content:hover span.bg-circle-texture::after {
        transform: translate(18%, 0);
    }
}




.story #collapseMaddie.collapse:not(.show) {
  display: block;
  height: 0;
  overflow: hidden;
}

.story #collapseMaddie.collapsing {
  height: 3rem;
}

.story a.collapsed::after {
  content: '+ Read More';
}

.story a:not(.collapsed)::after {
  content: '- Show Less';
}
.quoteBlock-image {
    transition: all .5s;
}
.quoteBlock-image:hover {
    transform: scale(1.05) rotate(5deg);
}



/* Other style */ 


.bg-circle {
    position:relative;
}
.bg-circle::before {
    content: "";
    height: 25rem;
    width: 25rem;
    display: block;
    background-color: var(--gfColors-slate15);
    border-radius: 50%;
    position: absolute;
    top: -2rem;
    left: -11rem;
    z-index: -1;
}
#beKnownDescription .bg-circle::before {
    top:-12rem;
}


.bg-circle-texture {
    position:relative;
}
.bg-circle-texture::after {
    content:"";
    height: 400px;
    width: 400px;
    border-radius:50%;
    background-color: transparent;
    background-image:url('/be-known/_assets-index/images/bg-circle-texture.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    display:block;
    position:absolute;
    top: -12rem;
    left: -12rem;
    z-index: -1;
    opacity: .6;
}

@media (max-width:575.98px) {
    .bg-circle-texture::after {
        height: 300px;
        width: 300px;
        top: -14rem;
        left: -5rem;
    }
}

.story .bg-circle-texture::after {
    content:"";
    height: 150px;
    width: 150px;
    border-radius:50%;
    background-image:url('/be-known/_assets-index/images/bg-circle-texture.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    display:block;
    position:absolute;
    top: -2.75rem;
    left: 2rem;
    transform: rotate(275deg);
    z-index: -1;
    opacity: .6;
    transition: all 1s ease;
}

@media (max-width:991.98px) {
    .bg-circle.bg-gold-doodle::before {
        height: 400px;
        width: 400px;
    }
}

@media (min-width:1800px) {
    .bg-gold-doodle-circle {
        position:relative;
    }
    .bg-gold-doodle-circle::before {
        content: "";
        height: 450px;
        width: 450px;
        border-radius:none;
        background-color: transparent;
        background-image:url('/__template/t1/images/doodle-illustrations/gold-doodle-circle.svg');
        background-repeat:no-repeat;
        background-size:cover;
        position: absolute;
        bottom: -16rem;
        left: -10rem;
        display: block;
        z-index: 10;
    }
}


.add-gold-star {
    position:relative;
}
.add-gold-star::after {
    content: "";
    background-image: url(/__template/t1/images/doodle-illustrations/gold-stars.svg);
    background-repeat: no-repeat;
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: -2.5rem;
    left: -2rem;
}
@media (max-width:575.98px) {
    .add-gold-star::after {
        left:.5rem;
    }
}

#videoShorts .u-grid--largeGap {
    gap: 2rem !important;
}
#videoShorts .quoteBlock--goldLine {
    grid-template-areas:
        "photo"
        "quoteMark"
        "content"
        "link"
        "bio";
    grid-template-columns: 1fr;
    padding-right:0;
}
#videoShorts .place-center {
    display: inline-grid;
    justify-items: center;
}


@media (max-width:767.98px) {
    #videoShorts .u-grid2Columns div:first-child {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    #videoShorts iframe {
        margin:1rem auto;
    }
}
@media (max-width:767.98px) {
    #videoShorts .quoteBlock-bio img {
        display:none;
    }
}


#quoteRonnda {
    background-image:url('/be-known/_assets-index/images/bg-slate-texture.jpg');
    background-repeat:no-repeat;
    background-size: cover;
    background-position: center right;
    padding-bottom: 9rem;
    clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
}
#quoteRonnda .quoteBlock--goldLine .quoteBlock-bio {
    background-image: linear-gradient(var(--gfColors-navyAccent), var(--gfColors-navyAccent));
    background-size: 3rem 3px;
}
#quoteRonnda .quoteBlock--goldLine::before {
    color: var(--gfColors-navyAccent);
}
@media (min-width: 1200px) {
    #quoteRonnda .quoteBlock--goldLine {
        padding-right: 0;
    }
}
@media (max-width:991.98px) {
    #quoteRonnda {
        clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
    }
}

#quoteMartinFamily {
    position:relative;
}

#quoteMartinFamily::after {
    content: "";
    background-image: url('/be-known/_assets-index/images/bg-slate-arcs-half.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 14rem;
    height: 32rem;
    display: block;
    position: absolute;
    top: -19rem;
    right: 0;
    opacity: .7;
    z-index: 10;
}
@media (max-width:575.98px) {
    #quoteMartinFamily::after {
        display:none;
    }
}
@media (max-width:991.98px) {
    #quoteMartinFamily::after {
        width: 7rem;
        height: 16rem;
        top: -9rem;
    }
}
@media (min-width:992px) and (max-width:1199.98px) {
    #quoteMartinFamily::after {
        width: 9rem;
        height: 24rem;
        top: -11rem;
    }
}
@media (min-width:1970px) {
    #quoteMartinFamily::after {
        background-image: url('/be-known/_assets-index/images/bg-slate-arcs.png');
        width: 27rem;
        top: -14rem;
        right: 1rem;
    }
}
@media (max-width: 767.98px) {
    #quoteMartinFamily.quoteBlock--navyTiles .quoteBlock-image~.quoteBlock-bio {
        padding-bottom: 2rem;
    }
}


/* Be Known Ending */
#beKnownEnding
{
    text-align:center;
    background-image:url(/_assets-index/images/smiley-face.png);
    background-position:top center;
    background-repeat: no-repeat;
    background-size: 4rem auto;
    padding-top:4.5rem;
}

#beKnownEnding :first-child
{
    margin-top:0;
}

