/*
 * Dedicated stylesheet for single post and single psr_resource pages
 * Minified: 5/1/2024
 */
/* ------------------------------------------------------------------------------------------------
 * Single Resource styles
 * ----------------------------------------------------------------------------------------------*/
#page_content {
    min-height: 30rem;
}
div.resource-header {
    display: flex;
    margin: 3.5rem 0 1.7rem;
    padding: 0 8.33%;
}
div.resource-content {
    padding: 0 8.33%;
}
@media only screen and (min-width: 1200px) {
    div.resource-header, div.resource-content{
        padding: 0 16.67%;
    }
}
div.resource-header > div {
    flex-basis: 50%;
}
div.resource-header > div:last-of-type {
    flex-basis: 49%;
    text-align: right;
}
div.resource-content h1 {
    color: var(--flashBlue);
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 3.27rem;
    letter-spacing: -.4px;
}
div.resource-content > p {
    font-size: 1.4rem;
    line-height: 2.6rem;
    color: var(--grayColor7);
}
div.resource-content > p.pad-left-2 {
    padding-left: 20px;
}
div.resource-content > p.image-left > img {
    float: left;
}
div.resource-content > p.image-right > img {
    float: right;
}
@media only screen and (min-width: 600px) {
    div.resource-content > p {
        font-size: 1.6rem;
        line-height: 2.8rem;
    }
}
@media only screen and (min-width: 992px) {
    div.resource-content > p {
        font-size: 1.8rem;
        line-height: 3rem;
    }
    div.resource-content > p.embedded > img {
        margin-top: 5px;
    }
    div.resource-content > p.image-left > img {
        margin-right: 15px;
    }
    div.resource-content > p.image-right > img {
        margin-left: 10px;
    }
}
div.resource-content > p.date {
    color: var(--flashLightBlue);
    font-size: 1.4rem;
    line-height: 1.6rem;
    margin: 1.7rem 0;
}
@media only screen and (min-width: 992px) {
    div.resource-content > p.date {
        font-size: 1.6rem;
        line-height: 1.8rem;
    }
}
div.resource-cats-single {
    display: flex;
    margin-bottom: 1.7rem;
    padding: 0;
}
div.resource-cats-single > div {
    flex-basis: auto;
}
@media only screen and (min-width: 768px) {
    div.resource-cats-single > div {
        margin-right: 2rem;
    }
}
div.resource-cats-single > div > p {
    font-weight: 400;
    color: var(--grayColor3);
    font-size: 1.2rem;
    line-height: 1.8rem;
}
div.resource-content h2,
div.resource-content h3,
div.resource-content h4 {
    color: var(--headerColor);
    font-weight: 700;
    letter-spacing: -.4px;
    font-size: 2rem;
    line-height: 2.6rem;
    margin: 2rem 0 .5rem;
}
div.resource-content h3 {
    font-size: 1.8rem;
    line-height: 2.4rem;
}
div.resource-content h4 {
    font-size: 1.8rem;
    line-height: 2.4rem;
}
div.resource-content h3.pad-left-2 {
    padding-left: 20px;
}
@media only screen and (min-width: 600px) {
    div.resource-content h3.pad-left-2 {
        padding-left: 22px;
    }
}
@media only screen and (min-width: 992px) {
    div.resource-content h3.pad-left-2 {
        padding-left: 20px;
    }
}
@media only screen and (min-width: 992px) {
    div.resource-content h2 {
        margin: 3rem 0 1rem;
    }
}
div.resource-content ol,
div.resource-content > ul,
div.resource-content div.two-col ul {
    padding-left: 15px;
    font-size: 1.4rem;
    line-height:2.6rem;
}
div.resource-content > ul.rc-ul-left {
    padding-left: 24px;
}
div.resource-content > ul.pad-left-2 {
    padding-left: 40px;
}
@media only screen and (min-width: 600px) {
    div.resource-content ol,
    div.resource-content > ul,
    div.resource-content div.two-col ul {
        font-size: 1.6rem;
        line-height: 2.8rem;
    }
    div.resource-content > ul.rc-ul-left {
        padding-left: 26px;
    }
}
@media only screen and (min-width: 768px) {
    div.resource-content ol,
    div.resource-content > ul {
        padding-left: 30px;
    }
    div.resource-content > ul.pad-left-2 {
        padding-left: 45px;
    }
}
@media only screen and (min-width: 992px) {
    div.resource-content ol,
    div.resource-content > ul,
    div.resource-content div.two-col ul {
        font-size: 1.8rem;
        line-height: 3rem;
        padding-left: 40px;
    }
    div.resource-content > ul.rc-ul-left {
        padding-left: 28px;
    }
}
div.resource-content > ul,
div.resource-content div.two-col ul {
    margin-bottom: 1.7rem;
}
div.resource-content > p > a,
div.resource-content > ul a {
    color: #EE6947;
    text-decoration: underline;
}
/* Related Articles */
#related {
    margin-bottom: 8rem;
}
@media only screen and (min-width: 1200px) {
    #related {
        margin-bottom: 11.5rem;
    }
}
#related div.related-article,
#related div.related-heading {
    padding: 0 8.33%;
    margin-bottom: 2rem;
}
@media only screen and (min-width: 600px) {
    #related div.related-article {
        margin-bottom: 4rem;
    }
}
@media only screen and (min-width: 768px) {
    #related div.related-article {
        margin-bottom: 0;
        padding: 0 0 0 8.33%;
    }
    #related div.related-article:last-of-type {
        padding: 0 4.167%;
    }
}
@media only screen and (min-width: 992px) {
    #related div.related-article {
        padding: 0 8.33%;
    }
    #related div.related-article:last-of-type {
        padding: 0 calc(8.33% + 64px) 0 0;
    }
}
@media only screen and (min-width: 1200px) {
    #related div.related-heading {
        padding: 0 16.67%;
    }
    #related div.related-article {
        padding: 0 64px 0 16.67%;
    }
    #related div.related-article:last-of-type {
        padding: 0 calc(16.67% + 64px) 0 0;
    }
}
#related div.related-heading > h2 {
    color: var(--flashBlue);
    font-weight: 700;
    letter-spacing: -.4px;
    font-size: 2.6rem;
    line-height: 3.3rem;
    margin-bottom: 0;
}
#related div.related-article > div.featured-image {
    width: 100%;
    height: 182px;
    background-color: #c4c4c4;
    background-size: cover;
    position: relative;
    z-index: 25;
    border-radius: 3px 3px 0 0;
}
div.related-article > div.post-meta {
    height: 187px;
    border: 1px solid var(--grayColor1);
    border-top: none;
    border-radius: 3px;
    position: relative;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.15);
    margin-top: -5px;
    padding: 2.1rem 1.8rem 1.6rem;
}
@media only screen and (min-width: 768px) {
    div.related-article > div.post-meta {
        height: 164px;
    }
}

@media only screen and (min-width: 1200px) {
    #related div.related-article > div.featured-image {
        height: 182px;
    }
    #related div.related-article > div.featured-image.default {
        background-repeat: no-repeat;
        background-size: 98px 82px;
        background-position: center center;
    }
}
#find_perils {
    background-color: #f2f4f5;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.08);
    padding: 3.7rem 0 6.7rem;
}
@media only screen and (min-width: 1200px) {
    #find_perils {
        padding: 3.7rem 0 6.7rem;
    }
}
#find_perils div.search-form,
#find_perils div.find-form {
    padding: 0 8.33%;
}
#find_perils div.search-form {
    margin-bottom: 2rem;
}
@media only screen and (min-width: 768px) {
    #find_perils div.search-form {
        padding: 0 4.17%;
        margin-bottom: 0;
    }
}
@media only screen and (min-width: 992px) {
    #find_perils div.search-form {
        padding: 0 32px 0 8.33%;
    }
    #find_perils div.find-form {
        padding: 0 calc(16.67% + 32px) 0 0;
    }
}
@media only screen and (min-width: 1200px) {
    #find_perils div.search-form {
        padding: 0 32px 0 15%;
    }
}
#find_perils h2 {
    text-align: center;
    color: var(--headerColor);
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 3.3rem;
    letter-spacing: -.4px;
    margin-bottom: 2rem;
}
@media only screen and (min-width: 1200px) {
    #find_perils h2 {
        margin-bottom: 3rem;
    }
}
#find_perils p {
    text-align: center;
    font-size: 1.4rem;
    line-height: 2rem;
    color: var(--grayColor7);
    margin-bottom: 1.5rem;
}
@media only screen and (min-width: 992px) {
    #find_perils p {
        font-size: 1.6rem;
        line-height: 2.2rem;
        margin-bottom: 2rem;
    }
}
#p_plan_search_form {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
@media only screen and (min-width: 1200px) {
    #p_plan_search_form {
        width: 80%;
    }
}
div.psr-select > div.dropdown > a {
    color: #525252;
    font-weight: 400;
    background-color: var(--white);
    border: 1px solid var(--grayColor2);
    border-radius: 3px;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.08);
    width: 100%;
    font-size: 1.5rem;
    line-height: 3rem;
    text-align: left;
}
@media only screen and (min-width: 992px) {
    div.psr-select > div.dropdown > a {
        font-size: 1.7rem;
    }
}
@media only screen and (min-width: 1200px) {
    div.psr-select > div.dropdown > a {
        font-size: 2rem;
        line-height: 3.3rem;
    }

}
div.psr-select > div.dropdown > a::after {
    right: 13px;
    top: 18px;
}
@media only screen and (min-width: 992px) {
    div.psr-select > div.dropdown > a::after {
        right: 13px;
        top: 18px;
    }
}
/* New styles for related articles carousel */
#related div.owl-wrapper {
    padding: 0 15px;
}
@media only screen and (min-width: 768px) {
    #related div.owl-wrapper {
        padding: 0;
    }
}
@media only screen and (min-width: 1200px) {
    #related div.owl-wrapper {
        padding: 0 8.33%;
    }
}
@media only screen and (min-width: 768px) {
    #related_articles div.related-article {
        padding: 0 8.33% !important;
    }
}
div.owl-nav {
    position: absolute;
    width: 100%;
    top: 42%;
}

@media only screen and (min-width: 600px) {
    div.owl-nav {
        top: 38%;
    }
}
@media only screen and (min-width: 768px) {
    div.owl-nav {
        top: 46%;
    }
}
button.owl-prev span,
button.owl-next span {
    display: none;
}
button.owl-prev,
button.owl-next {
    height: 2.1rem;
    width: 1.1rem;
}
button.owl-prev {
    background: transparent url(../images/owl-prev.png) no-repeat left center !important;
    background-size: contain !important;
}
button.owl-next {
    background: transparent url(../images/owl-next.png) no-repeat right center !important;
    background-size: contain !important;
}
button.owl-next,
button.owl-prev {
    position: absolute;
}
button.owl-next {
    right: 0;
}
button.owl-next:focus,
button.owl-prev:focus {
    outline: none;
}
button.owl-next.disabled,
button.owl-prev.disabled {
    opacity: .25;
    cursor: unset !important;
}
div.owl-dots {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: -2rem;
    padding-left: 0;
}
@media only screen and (min-width: 600px) {
    div.owl-dots {
        bottom: 0;
        padding-left: 0;
    }
}
@media only screen and (min-width: 768px) {
    div.owl-dots {
        text-align: left;
        bottom: -4rem;
        padding-left: 2.5rem;
    }
}
@media only screen and (min-width: 992px) {
    div.owl-dots {
        padding-left: 3.5rem;
        bottom: -4rem;
    }
}
button.owl-dot {
    background: #d9d9d9 !important;
}
button.owl-dot.active {
    background: #43474a !important;
}
button.owl-dot, button.owl-dot > span {
    width: 12px;
    height: 12px;
}
/* Address Search Form error */
div.address-error.single {
    bottom: -10%;
    width: 80%;
    left: calc(50% - calc(calc(100% * .8) / 2));
}
@media only screen and (min-width: 600px) {
    div.address-error.single {
        width: 80%;
        left: 10%;
        bottom: -20%;
    }
}
@media only screen and (min-width: 992px) {
    div.address-error.single {
        left: 15%;
    }
}
@media only screen and (min-width: 1200px) {
    div.address-error.single {
        width: 60%;
        left: 30%;
        bottom: -22.5%;
    }
}
#find_perils div.address-error.single p {
    text-align: center;
    margin-bottom: 0;
}

@media only screen and (min-width: 992px) {
    div.resource-content div.two-col {
        display: flex;
        flex-wrap: nowrap;
    }
    div.resource-content div.two-col div.wp-block-column {
        flex-basis: 50% !important;
    }
    div.resource-content div.two-col div.wp-block-column img {
        max-width: 95%;
    }
}