/* News Posts CPT */

:root {
    --color-bay: #9bdad9;
    --color-black: #2C2C2C;
    --color-white: #ffffff;
    --color-orbit: #0030cc;
    --color-helios: #ffce00;
    --color-ultraviolet: #debdea;
    --color-cosmicpurple: #54308F;
    --color-orlando: #078572;
}

/* Author section */

.single.single-news .author-container {
    display: flex;
    margin-top: 10px;
    margin-bottom: 20px;
}

.single.single-news .author {
    grid-column: span 8;
}

.single.single-news .author-photo {
    grid-column: 1 / span 1;
    margin-top: 35px;
}

.single.single-news .author-info {
    grid-column: 2 / span 4;
    align-self: flex-end;
}

.single.single-news .author-photo img {
    max-height: 112px;
    max-width: 100px;
}

.single.single-news .author-name {
    font-size: 1.4rem;
    font-size: 1.7rem;
}

.single.single-news .author-name a.name {
    font-weight: 700;
}

.single.single-news .author-title {
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 700;
}


.single.single-news .site-main .news-content-container figure.author-photo img {
    border-bottom-width: 0px;
}

.single.single-news .site-main .article-content p.author-name,
.single.single-news .site-main .article-content p.author-title {
    max-width: unset;
}

.single.single-news .site-main .news-content-container figure.author-photo img {
    max-width: 120px;
}

.single.single-news .site-main .news-content-container .author-info {
    margin-left: 20px;
}

/* Breadcrumbs Div*/
.single-news .news-breadcrumb {

    color: var(--color-orbit);
    padding-top: 80px;
    padding-bottom: 40px;
}




/* General Styles */

/* Breadcrumb */
.single.single-news .breadcrumb {
    background-color: transparent;
    padding: 80px 0 80px 0;
}

.single.single-news .inner-breadcrumb {
    display: block;
}


/* Figures */
.single.single-news .site-main .news-content-container figure {
    max-width: 85%;
    position: relative;
}

/* Paragraphs */
.single.single-news .site-main .article-content p {
    max-width: 65%;
}


/* h1 */
.single.single-news .article-content h1,
.single.single-news .article-header h1 {
    line-height: 1.1;
    font-size: clamp(2.5rem, 4vw, 5.7rem);
    max-width: 80%;

}

/* h3 */
.single.single-news .site-main .article-header h3 {
    font-size: clamp(1.5rem, 2.5vw, 2.6rem);
    font-weight: 500;
    max-width: 80%;
    line-height: 1.3;
    margin-bottom: 20px;
}

/* h6 */
.single.single-news h6.date {
    margin-top: 35px;
}



/* Default captions */
.single.single-news .news-content-container figure.wp-block-image figcaption,
.single.single-news .news-content-container figure figcaption {
    max-width: 65%;
    font-family: "Pitch", "Georgia", "Garamond", "serif";
    color: var(--color-orbit);
    background-color: unset;
    font-size: 1.4rem;
    text-align: left;
    position: relative;
    margin-left: 0;
    padding: 0;

}


/* 
Rightalign Images with NO caption
Add class in block editor: no-caption */

.single.single-news .site-main .news-content-container .wp-block-image.no-caption figure.alignright::after {
    display: none;
}



/* Overriding custom alignright styling for images across the site for wp-block-image */
.single.single-news .article-content>.inner-container>.wp-block-image,
.article-content>.wp-block-image {
    max-width: unset;
}




/* figure -alignright */
.single.single-news .site-main .news-content-container figure.wp-block-image.alignright,
.single.single-news .site-main .news-content-container figure.alignright {
    max-width: 85%;
    border-left: 0 solid;
    position: relative;
    float: right;
    clear: right;
    margin: 20px 10px 20px 30px;
}

/* after - on figure - alignright */
.single.single-news .site-main .news-content-container figure.wp-block-image.alignright,
.single.single-news .site-main .news-content-container figure.alignright::after {
    content: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 115.85 115.85'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%230030CC;stroke:%230030CC;stroke-miterlimit:10;%7D%3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='115.5' y1='.35' x2='7.5' y2='108.35'/%3E%3Ccircle class='cls-1' cx='4' cy='111.85' r='3.5'/%3E%3C/svg%3E");
    position: absolute;
    height: 10%;
    width: 15%;
    z-index: -1;
    right: 100px;
    bottom: -28px;
}


/* img - alignright */
.single.single-news .site-main .news-content-container figure.wp-block-image.alignright img,
.single.single-news .site-main .news-content-container figure.alignright img {

    border-bottom: .18em solid #0030cc;
    position: relative;
    object-fit: cover;
    width: 800px;
    height: 533px;

}

/* caption - alignright */
.single.single-news .news-content-container figure.wp-block-image.alignright figcaption,
.single.single-news .news-content-container figure.alignright figcaption {

    font-family: "Pitch", "Georgia", "Garamond", "serif";
    color: var(--color-orbit);
    max-width: 25%;
    background-color: unset;
    font-size: 1.4rem;
    position: absolute;
    z-index: 1;
    bottom: -290px;
    bottom: -65%;
    bottom: -56%;
    left: 58%;
    left: 71%;
    min-height: 189px;
}



/* Feature Image & Caption */


/* Feature Image - figure */
.single.single-news .site-main figure.featured-image {
    max-width: 90%;
    position: relative;
}

/* Feature image - img */
.single.single-news .site-main figure.featured-image img {

    position: relative;
    object-fit: cover;
    width: 1057px;
    height: 705px;
    border-bottom: .18em solid #0030cc;
}

/* Supernova Ray - feature image */
.single.single-news .site-main figure.featured-image.has-caption::after {
    content: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 115.85 115.85'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%230030CC;stroke:%230030CC;stroke-miterlimit:10;%7D%3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='115.5' y1='.35' x2='7.5' y2='108.35'/%3E%3Ccircle class='cls-1' cx='4' cy='111.85' r='3.5'/%3E%3C/svg%3E");
    z-index: 1;
    position: absolute;
    display: block;
    height: 100px;
    width: 610px;
    max-width: 13%;
    left: 80%;

}

/* Caption - feature image */
.single.single-news .site-main figure.featured-image figcaption {
    font-family: "Pitch", "Georgia", "Garamond", "serif";
    color: var(--color-orbit);
    max-width: 30%;
    background-color: unset;
    font-size: 1.4rem;
    text-align: left;
    position: absolute;
    left: 80%;
    top: 128%;
    top: 120%;

}

/* Featured Image Container */
.single.single-news .article-photo {
    margin-bottom: 0;
    padding-bottom: 0;
}



/* Bold colors */

.single-news p strong {
    color: var(--color-black);
}

.single-news p.has-orbit-color strong {
    color: var(--color-orbit);
}

.single-news p.has-orlando-color strong {
    color: var(--color-orlando);
}

.single-news p.has-cosmicpurple-color strong {
    color: var(--color-cosmicpurple);
}

.single-news p.has-black-color strong {
    color: var(--color-black);
}

.single-news .article-content>div.inner-container>p {
    color: var(--color-black) !important;
}


/*Bold Text - Use the Text color palette in the block editor to change the colors*/
/* use of important tag is to override the inline styles in the block editor */

.single-news .block-editor p strong {
    color: var(--color-black) !important;
}

.single-news .block-editor p.has-orbit-color strong {
    color: var(--color-orbit) !important;
}

.single-news .block-editor p.has-orlando-color strong {
    color: var(--color-orlando) !important;
}

.single-news .block-editor p.has-cosmicpurple-color strong {
    color: var(--color-cosmicpurple) !important;
}

.single-news .block-editor p.has-black-color strong {
    color: var(--color-black) !important;
}

.single-news .block-editor p {
    color: var(--color-black) !important;
}





/* Page Layout */

/* news-content */
.single.single-news .site-main .news-content-container.template-content.container.news-article,
.single.single-news .header-container .article-header {
    padding-right: clamp(55px, calc(158px + 100vw - 1440px), calc(50vw - 584px));
    padding-left: clamp(55px, calc(158px + 100vw - 1440px), calc(50vw - 584px));
}

/* Section news-content-container */
.single.single-news .site-main .news-content-container.template-content.container.article.news-article {
    margin: 0 auto;
}

/* Footer Blocks */
.single.single-news .site-main .footer-blocks.template-content.container {
    padding-right: clamp(55px, calc(158px + 100vw - 1440px), calc(50vw - 584px));
    padding-left: clamp(55px, calc(158px + 100vw - 1440px), calc(50vw - 584px));
    margin-left: 0;
    margin-right: 0;
}

/* Footer blocks container */
.single.single-news .footer-blocks.template-content.container {
    padding-bottom: 0;
}


/* Bay Header */
.single.single-news .site-main .header-container.has-bay-header {

    background: linear-gradient(#9bdad9, #9bdad9), linear-gradient(#fff, #fff);
    background-size: 100% 70%, 100% 100%;
    background-repeat: no-repeat;

}



/* News & update card styling for news posts */
.single.single-news .recent-cards-container .card-link p.post-tag {
    color: var(--color-white);
}

.single.single-news .recent-cards-container .text-info {
    margin-bottom: 35px;
}


.single.single-news .recent-cards-section {
    padding-right: clamp(55px, calc(158px + 100vw - 1440px), calc(50vw - 584px));
    padding-left: clamp(55px, calc(158px + 100vw - 1440px), calc(50vw - 584px));
    margin-left: 0;
    margin-right: 0;
    background-color: var(--color-ultraviolet) !important;
}

.single.single-news .recent-cards-section h3 {
    padding-top: 80px;
}


/* Stay Connected Newsletter Block on News Posts */

.single.single-news .footer-blocks.template-content.container>.stay-connected.landing-newsletter-signup,
.single.single-news .footer-blocks.template-content.container>.stay-connected.landing-newsletter-signup::before {
    background-color: var(--color-white) !important;
}


/*Blockquote for News Posts*/
.single-news blockquote {
    max-width: 45%;
    border-left: 0 solid;
    position: relative;
    float: right;
    clear: right;
    margin: 10px;
  }
  
  .single-news blockquote p {
    font-size: 2.6rem;
    font-weight: 600;
    padding: 15px;
    border-bottom: 0.12em solid var(--color-orbit);
    background-color: var(--color-semiviolet);
    position: relative;
    color: var(--color-orbit);
  }
  
  .single-news blockquote p::after {
    content: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 115.85 115.85'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%230030CC;stroke:%230030CC;stroke-miterlimit:10;%7D%3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='115.5' y1='.35' x2='7.5' y2='108.35'/%3E%3Ccircle class='cls-1' cx='4' cy='111.85' r='3.5'/%3E%3C/svg%3E");
    position: absolute;
    left: 120px;
    height: 50px;
    width: 140px;
    transform: scaleX(-1);
    z-index: -1;
    bottom: 6px;
  }
  
  .single-news blockquote cite {
    font-family: "Pitch", "Georgia", "Garamond", "serif";
    color: var(--color-orbit);
    max-width: 40%;
    left: 32%;
    text-align: right;
    padding-top: 90px;
    padding-bottom: 120px;
    position: absolute;
    z-index: 1;
  }
  
  .single-news blockquote:nth-child(even) p {
    background-color: var(--color-bay);
  }
  
  .single-news blockquote {
    margin-bottom: 50px;
  }
  
  .single-news blockquote p {
    font-size: 1.8rem;
    min-height: 215px;
  }
  
  .single-news blockquote cite {
    margin-top: 24px;
  }
  




@media only screen and (max-width: 1022px) and (min-width: 771px) {

    /* header on news posts */
    .single.single-news .site-main .header-container .article-header {
        padding-left: 30px;
        padding-right: unset;
    }


    /* img -alignright */
    .single.single-news .site-main .news-content-container figure.wp-block-image.alignright img,
    .single.single-news .site-main .news-content-container figure.alignright img {
        object-fit: unset;
        width: 400px;
        height: 276px;
    }

    /* captions - alignright */
    .single.single-news .news-content-container figure.wp-block-image.alignright figcaption,
    .single.single-news .news-content-container figure.alignright figcaption {
        bottom: -130%;
        max-width: 35%;
        left: 57%;
        min-height: 273px;

    }

    /* Feature image - img */
    .single.single-news .site-main figure.featured-image img {
        object-fit: unset;
        width: unset;
        height: unset;
    }

    .single.single-news .site-main .news-content-container.template-content.container.news-article {
        padding-left: 30px;
        padding-right: unset;
    }
}





@media screen and (max-width: 770px) {

    /* Use narrower margins in mobile and align header with body text */
    .single.single-news .site-main .header-container .article-header {
        padding-left: 20px;
        padding-right: unset;
    }

    /* article container padding */
    .single.single-news .site-main .news-content-container.template-content.container.news-article {
        padding-left: 20px;
        padding-right: 20px;
    }


    /* p */
    .single.single-news .site-main .article-content p {
        max-width: 100%;
    }

    /* figure - alignright */
    .single.single-news .site-main .news-content-container figure.wp-block-image.alignright,
    .single.single-news .site-main .news-content-container figure.alignright {
        display: block;
        float: none;
        clear: none;
        margin: 20px 0 20px 0;
        padding-left: 0;
    }



    /* img -alignright */
    .single.single-news .site-main .news-content-container figure.wp-block-image.alignright img,
    .single.single-news .site-main .news-content-container figure.alignright img {
        width: unset;
        height: unset;
    }



    /* captions - alignright */
    .single.single-news .news-content-container figure.wp-block-image.alignright figcaption,
    .single.single-news .news-content-container figure.alignright figcaption {
        display: block;
        position: unset;
        text-align: unset;
        max-width: 70%;
        padding-left: 0;
        margin-top: 100px;
        min-height: 93px;
        max-width: 95%;
    }

    /* supernova ray - alignright */
    .single.single-news .site-main .news-content-container .alignright figure::after,
    .single.single-news .site-main .news-content-container figure.alignright::after {

        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
        transform: unset;
        z-index: -1;
        top: 50%;
        right: 40%;
        width: 30%;


    }


    /* Supernova Ray - feature image */
    .single.single-news .site-main figure.featured-image.has-caption::after {
        display: none;

    }

    /* caption - feature image */
    .single.single-news .site-main figure.featured-image figcaption {
        display: block;
        max-width: 100%;
        left: unset;
        top: unset;
        position: relative;
        font-size: 1rem;


    }

    /* Feature image - img */
    .single.single-news .site-main figure.featured-image img {
        object-fit: unset;
        width: unset;
        height: unset;

    }


    /* breadcrumb */
    .single.single-news .breadcrumb {
        padding-bottom: 40px;
    }

    /* Author Styling */
    .single.single-news .author-container {
        display: block;
    }

    /* Author info */
    .single.single-news .site-main .news-content-container .author-info {
        margin-left: 0;
    }

    /* Bay Header */
    .single.single-news .site-main .header-container.has-bay-header {
        background-size: 100% 80%, 100% 100%;
    }

    /* alignleft image captions */
    .single.single-news .news-content-container figure.wp-block-image.alignleft figcaption,
    .single.single-news .news-content-container figure.alignleft figcaption {
        font-size: 1.1rem;
        max-width: 85%;

    }

}


@media screen and (max-width: 530px) {


    /* after */
    .single.single-news .site-main .news-content-container .alignright figure::after,
    .single.single-news .site-main .news-content-container figure.alignright::after {
        top: 43%;

    }

    /* captions - alignright */
    .single.single-news .news-content-container figure.wp-block-image.alignright figcaption,
    .single.single-news .news-content-container figure.alignright figcaption {
        margin-top: 80px;
        margin-top: 30%;
        max-width: 85%;
    }
}




@media screen and (max-width: 440px) {

    /* after */
    .single.single-news .site-main .news-content-container .alignright figure::after,
    .single.single-news .site-main .news-content-container figure.alignright::after {
        top: 37%;
    }


}


/*Blockquote Styles for News Posts*/
@media only screen and (max-width: 1257px) and (min-width: 1019px) {

    .single.single-news blockquote cite {
        padding-top: 88px;
    }
}

@media only screen and (max-width: 1018px) and (min-width: 771px) {

    .single.single-news blockquote p::after {
        left: 30px;
    }

    .single.single-news .site-main .article-content blockquote p {
        max-width: unset;
    }
}

@media screen and (max-width: 770px) {

    .single.single-news blockquote {
        float: none;
        clear: none;
        display: block;
        max-width: 100%;
        margin-left: 0;
        padding-left: 0;
    }

    .single.single-news blockquote cite {
        display: block;
        position: unset;
        text-align: unset;
        padding-top: 130px;
        max-width: 85%;
        padding-bottom: 0;
    }

    .single.single-news .site-main .article-content blockquote p {
        max-width: 95%;
    }

    .single.single-news blockquote p::after {
        left: 50px;
        width: 185px;
        transform: unset;
    }
}

@media screen and (max-width: 481px) {

    .single.single-news blockquote p::after {
        top: 95%;
        max-width: 50px;
        min-height: unset;
    }
}