﻿.duny-mega-accordion .row.equal-heights
{
    display: flex;
}
.duny-mega-accordion .col-lg-3, .duny-mega-accordion .col-lg-9
{
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.duny-mega-accordion .col-lg-3 ul.duny-accordion-list, .duny-mega-accordion .col-lg-9 .duny-accordion
{
    flex: 1;
}
.duny-mega-accordion
{
    padding: 1em 0 1em 0;
    margin: 4em 0 4em 0;
}
ul.duny-accordion-list
{
    list-style: none!important;
    margin: 0;
    padding: 0;
}
ul.duny-accordion-list li
{
    padding-bottom: 1em;
    font-size: 1.2em;
    cursor: pointer;
    list-style: none!important;
    color: #a4a4a4;
}
@media(min-width: 992px)
{
    ul.duny-accordion-list li
    {
        border-bottom: none;
        padding: 0 0 1em 0;
        color: #000;
    }
}
ul.duny-accordion-list li:hover
{
    color: #a6182e;
}
ul.duny-accordion-list li.active
{
    color: #a6182e;
    font-weight: 900;
}
@media(min-width: 992px)
{
    ul.duny-accordion-list li.active
    {
        color: #a6182e;
        border: none;
    }
}
.duny-accordion
{
    padding: 1.5em 0 1.5em 0;
    border-top: none;
}
@media(min-width: 992px)
{
    .duny-accordion
    {
        padding: 0 1.2em 0 1.2em;
        border-left: 2px solid #a6182e;
        border-top: none;
    }
}
.duny-accordion-item
{
    border-bottom: 1px solid #e5e5e5;
}
.duny-accordion-item h3
{
    position: relative;
    margin: 0 0 0 1em;
    padding: .8rem 0;
    cursor: pointer;
    font-weight: normal;
}
.duny-accordion-item h3::before
{
    content: "+";
    color: #a6182e;
    position: absolute;
    left: -1.8rem;
    top: 50%;
    transform: translateY(-50%);
    transition: transform .2s ease-out;
    font-size: 1.3em;
    padding-right: .2em;
}
@media(max-width: 767px)
{
    .duny-accordion-item h3::before
    {
        left: -1.3rem;
    }
}
.duny-accordion-panel
{
    margin: 0;
    padding-bottom: .8rem;
    display: none;
}
.duny-accordion-item.is-active .duny-accordion-title::before
{
    content: "-";
}
.link-overlay
{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.duny-program
{
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5em;
    position: relative;
}
.duny-program .dp-img
{
    position: relative;
    width: 100%;
    height: 150px;
    z-index: 1;
}
@media(min-width: 992px)
{
    .duny-program .dp-img
    {
        height: 250px;
    }
}
.duny-program img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.duny-program .dp-btn, .duny-program .dp-btn-drop
{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex-grow: 1;
    padding: 1em;
    color: #fff;
    text-decoration: none;
}
.duny-program .dp-btn:hover
{
    background: #000!important;
}
.duny-program:nth-child(8n+1) .dp-btn, .duny-program:nth-child(8n+3) .dp-btn, .duny-program:nth-child(8n+6) .dp-btn, .duny-program:nth-child(8n+8) .dp-btn, .duny-program:nth-child(8n+1) .dp-btn-drop, .duny-program:nth-child(8n+3) .dp-btn-drop, .duny-program:nth-child(8n+5) .dp-btn-drop, .duny-program:nth-child(8n+1) .dp-btn-urls, .duny-program:nth-child(8n+3) .dp-btn-urls, .duny-program:nth-child(8n+5) .dp-btn-urls
{
    background: #26c5ef;
}
.duny-program:nth-child(8n+2) .dp-btn, .duny-program:nth-child(8n+4) .dp-btn, .duny-program:nth-child(8n+5) .dp-btn, .duny-program:nth-child(8n+7) .dp-btn, .duny-program:nth-child(8n+2) .dp-btn-drop, .duny-program:nth-child(8n+4) .dp-btn-drop, .duny-program:nth-child(8n+6) .dp-btn-drop, .duny-program:nth-child(8n+2) .dp-btn-urls, .duny-program:nth-child(8n+4) .dp-btn-urls, .duny-program:nth-child(8n+6) .dp-btn-urls
{
    background-color: #a7192f;
}
.duny-program .dp-btn-drop button
{
    text-align: left;
    font-weight: 900;
    border: none;
    width: 100%;
    background: transparent;
    box-shadow: none;
    -webkit-appearance: none!important;
    appearance: none;
    color: var(--dc-white);
}
.dp-btn-urls
{
    overflow: hidden;
    transition: max-height .5s ease-in-out;
    max-height: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #333;
    z-index: 100!important;
    padding: 0 1em 0 1em;
}
.dp-btn-urls a
{
    display: block;
    color: var(--dc-white);
    padding: .5em 0 .5em 0;
}
.dp-btn-urls a:hover
{
    text-decoration: underline;
}
.dp-btn p, .dp-btn-drop p
{
    position: relative;
    text-transform: uppercase;
    padding-right: 2em;
    margin: 0;
    width: 100%;
    font-size: .7em;
}
@media(min-width: 992px)
{
    .dp-btn p, .dp-btn-drop p
    {
        font-size: .9em;
    }
}
.dp-btn p::after, .dp-btn-drop p::after
{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.2em;
    position: absolute;
    top: 50%;
    right: 10px;
    color: #fff;
    transition: transform .3s ease;
    transform: translateY(-50%);
}
.dp-btn p::after
{
    content: "";
}
.dp-btn-drop p::after
{
    content: "+";
}
.duny-program:hover .dp-btn p::after
{
    transform: translateY(-50%) translateX(5px);
}
.dp-btn-drop.open p::after
{
    transform: translateY(-50%) rotate(180deg);
}
.grayed-out
{
    opacity: .5;
}
.white-box-trans
{
    width: 100%;
    background: rgba(255,255,255,.9);
}
@media(min-width: 992px)
{
    .white-box-trans
    {
        display: block;
        background: rgba(255,255,255,.9);
        width: 40%;
        float: left;
    }
}
.circle-btn
{
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #f48d46;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 15px;
    position: relative;
    cursor: pointer;
    transition: background-color .3s ease;
    border: none;
    margin: 0 auto;
}
.circle-btn::before
{
    content: "";
    font-family: "Font Awesome 6 Pro";
    font-weight: 500;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: transform .3s ease;
}
.circle-btn:hover
{
    color: var(--white)!important;
    background-color: var(--dc-red);
}
.circle-btn:hover::before
{
    transform: translate(-50%,-50%) rotate(45deg) scaleY(.8);
}
.img-container-box
{
    position: relative;
    display: block;
    z-index: 3!important;
}
.img-container-box img
{
    width: 95%!important;
    height: 100%!important;
}
.img-container-box:before
{
    content: '';
    position: absolute;
    width: 95%;
    height: 95%;
    z-index: -1;
}
.img-container-box.red:before
{
    background: #ac1e2d;
}
.img-container-box.green:before
{
    background: #4b590d;
}
.img-container-box.orange:before
{
    background: #f48d46;
}
.img-container-box.blue:before
{
    background: #27c5f0;
}
.img-container-box.right:before
{
    right: 0;
    bottom: -.5em;
}
.img-container-box.left:before
{
    left: -.2em;
    bottom: -.5em;
}
.img-container-box.left img
{
    position: relative;
    left: 1em;
}
.img-container-box figcaption
{
    color: #fff;
    width: 90%;
    padding: 1em;
    text-align: left;
}
.img-container-box.right figcaption
{
    float: right;
}
.img-container-box.left figcaption
{
    float: left;
}
@media(min-width: 992px)
{
    .img-container-box.left:before
    {
        left: -2em;
        bottom: -1em;
    }
    .img-container-box.left img
    {
        position: relative;
        left: 0;
    }
    .img-container-box.right:before
    {
        right: 0;
        bottom: -1em;
    }
}
.duny-img-caption
{
    position: relative;
    margin-bottom: 4em;
}
.duny-img-caption .wp-element-caption
{
    position: relative;
    display: block;
    right: 0;
    bottom: 0;
    font-weight: 100!important;
    background: rgba(244,141,70,1);
    width: 100%;
    padding: 1em 2em 1em 2em;
    color: var(--white);
    font-size: .9em;
}
@media(min-width: 992px)
{
    .duny-img-caption .wp-element-caption
    {
        position: absolute;
        background: rgba(244,141,70,.8);
        padding: 2em 1em 2em 1em;
        right: -2em;
        bottom: -5em;
        width: 50%;
    }
}
#quick-links-sidebar
{
    display: block;
}
@media(max-width: 768px)
{
    #quick-links-sidebar
    {
        position: static!important;
        top: auto!important;
    }
}
#quick-links-sidebar.fixed
{
    padding-right: 10px;
}
aside.quick-links-sidebar
{
    position: relative;
}
aside.quick-links-sidebar .active a
{
    background: #f48d46;
    color: #fff;
}
aside.quick-links-sidebar h3
{
    margin-bottom: 1em;
}
aside.quick-links-sidebar ul, .quick-links-panel ul
{
    margin: 0;
    padding: 0;
}
aside.quick-links-sidebar ul li, .quick-links-panel ul li
{
    list-style: none;
}
aside.quick-links-sidebar ul li a
{
    display: block;
    color: #000;
    font-size: 1em;
    padding: .3em;
    text-decoration: none;
}
aside.quick-links-sidebar ul li a:hover
{
    background: #f48d46;
    color: #fff;
}
.quick-links-panel
{
    display: block;
    width: 100%;
    padding: 1.5em 1em 1.5em 1em;
    margin: 40px 0 40px 0;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
}
.quick-links-panel h2
{
    margin: 0;
    padding: 0;
}
.quick-links-panel ul
{
    padding: 1em 0 1em 0;
}
.quick-links-content ul li
{
    padding-bottom: .8em;
}
.quick-links-content ul li a:before
{
    font: var(--fa-font-regular);
    content: '';
    margin-right: .5em;
    font-size: .8em;
}
#quick-links-sidebar.fixed
{
    padding-right: 0;
}
.next-step-panel
{
    position: relative;
    border-radius: 25px;
    border: 1px solid #a5ac86;
}
.next-step-panel h3
{
    position: relative;
    margin: 0 auto;
    top: -.8em;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    font-size: 1.7em;
    font-weight: 900;
    color: #f48d46;
    text-align: center;
    background: #fff;
}
.next-step-panel p
{
    text-align: center;
    color: #fff;
    padding: 0 2em 1em 2em;
    font-size: 1.2em;
}
.next-step-panel a
{
    font-weight: 900;
    text-decoration: underline;
    color: #fff;
}
.white-border
{
    position: relative;
    border-radius: 25px;
    border: 1px solid #eae8db;
    background: #fff;
    padding: 2em;
}
.page-stats h2
{
    font-size: 1.5em;
    line-height: 1em;
    font-weight: 900!important;
}
.page-stats p
{
    line-height: 1em;
}
@media(min-width: 992px)
{
    .page-stats h2
    {
        font-size: 2.7em;
    }
}
.fill-image
{
    padding-right: 0!important;
    padding-left: 0!important;
}
ul.circle-arrow-list, ul.circle-arrow-outline, ul.white-circle-arrow-list, ul.wb-circle-arrow-list
{
    list-style: none!important;
    padding-top: 1em;
    margin: 0;
}
ul.circle-arrow-list li, ul.white-circle-arrow-list li, ul.circle-arrow-outline li
{
    position: relative;
    padding-left: 2em;
    margin-bottom: 1em;
    list-style: none!important;
    font-size: 1.1em;
}
ul.circle-arrow-list li:before, ul.white-circle-arrow-list li:before, ul.circle-arrow-outline li:before
{
    content: "";
    font-family: "Font Awesome 6 Pro";
    font-size: .6em;
    position: absolute;
    top: 0;
    left: 0;
    padding: .3em .5em;
    border-radius: 50%;
    text-align: center;
    line-height: 1.5em;
}
ul.red-arrow li:before
{
    color: var(--red);
    background: var(--white);
}
ul.black-arrow li:before
{
    color: var(--black);
    background: var(--white);
}
ul.black-arrow-outline li:before
{
    color: var(--black);
    border: 3px solid #000;
}
ul.white-arrow li:before
{
    color: var(--white);
    background: var(--black);
}
ul.red-white-arrow li:before
{
    color: var(--white);
    background: var(--red);
}
ul.circle-arrow-list-breaker li:after
{
    content: "";
    display: block;
    width: 100%;
    padding: .5em 0;
    border-bottom: 1px solid #a7192f;
}
ul.white-circle-arrow-list li a
{
    color: var(--dc-white);
    text-decoration: none;
}
ul.white-circle-arrow-list li a:hover
{
    color: var(--dc-black);
}
.four-col
{
    background: #f3f2eb;
    text-align: center;
    margin: 4em 0 4em 0;
}
.four-col h2
{
    font-weight: 900;
}
.four-col .col-lg-6
{
    background: #f3f2eb;
    padding: 3em;
    border-bottom: 1px solid #000;
    border-right: none;
}
.four-col i
{
    display: inline-block;
    width: 100px;
    height: 100px;
    background: var(--red);
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 2em;
}
.red-icon-circle
{
    display: inline-block;
    background: var(--red);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    display: flex;
    color: #fff;
    width: 150px;
    height: 150px;
    font-size: 3em;
}
.lg-icon, .md-icon
{
    display: inline-block;
    background: var(--red);
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.lg-icon
{
    width: 150px;
    height: 150px;
    font-size: 4em;
    margin-top: 1em;
}
.md-icon
{
    width: 100px;
    height: 100px;
    font-size: 3em;
}
.col-border-right
{
    border-right: none;
}
@media(min-width: 992px)
{
    .col-border-right
    {
        border-right: 1px solid #ccc;
    }
}
@media(min-width: 992px)
{
    .four-col .col-lg-6
    {
        border-right: 1px solid #000;
    }
    .four-col .col-lg-6:nth-child(2), .four-col .col-lg-6:nth-child(4)
    {
        border-right: none!important;
    }
    .four-col .col-lg-6:nth-child(3), .four-col .col-lg-6:nth-child(4)
    {
        border-bottom: none!important;
    }
}
.single-quote
{
    position: relative;
    background: #f3f2eb;
    padding: 2em!important;
    margin-top: 6em;
    margin-bottom: 6em;
}
@media(min-width: 992px)
{
    .single-quote
    {
        padding: 4em 0 4em 0!important;
        clip-path: polygon(10% 0%,100% 0%,100% 100%,0% 100%,0% 40%);
    }
}
.single-quote blockquote
{
    position: relative;
}
.single-quote blockquote h3
{
    font-size: 2.5em;
    width: 80%;
}
.single-quote blockquote p
{
    padding: 1.5em 0 1.5em 0;
    font-size: 1em;
    line-height: 1.5em!important;
}
.single-quote blockquote::before
{
    content: "“";
    font-size: 5em;
    color: var(--dc-red);
    position: relative;
    left: 0;
    top: 30px;
    line-height: 1;
}
.single-quote blockquote h3, .single-quote blockquote p
{
    font-weight: 500;
    margin: 0 auto;
    line-height: 1em;
}
.single-quote cite
{
    font-weight: 900;
    font-size: 1em;
    padding-top: 1em;
    text-transform: uppercase;
}
.form-container
{
    display: table;
    width: 100%;
    table-layout: fixed;
    background-color: #f8f9fa;
}
.form-row
{
    display: table-row;
}
.form-image, .form-content
{
    display: table-cell;
    vertical-align: top;
}
.form-image
{
    background: url('../image/college-statue.jpg') no-repeat center center;
    background-size: cover;
}
.form-content
{
    background-color: #f8f9fa;
    padding: 4em 20px 4em 20px;
}
.social-media-icons ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}
.social-media-icons ul li
{
    display: inline-block;
    vertical-align: top;
    clear: both;
    margin-right: .6em;
}
.social-media-icons ul li:last-child
{
    margin-right: 0;
}
.social-media-icons ul li a
{
    background: url(../image/socialmedia.png) -100px -100px no-repeat;
    display: block;
    height: 25px;
    width: auto;
    color: #000;
}
.social-media-icons ul li a:hover
{
    opacity: .8;
}
.social-media-icons ul li a[href*=facebook]
{
    background-position: 0 0;
    color: transparent;
    width: 25px;
}
.social-media-icons ul li a[href*=twitter]
{
    background-position: 0 -35px;
    color: transparent;
    width: 25px;
}
.social-media-icons ul li a[href*=instagram]
{
    background-position: 0 -70px;
    color: transparent;
    width: 25px;
}
.social-media-icons ul li a[href*=youtube]
{
    background-position: 0 -105px;
    color: transparent;
    width: 25px;
}
.social-media-icons ul li a[href*=linkedin]
{
    background-position: 0 -140px;
    color: transparent;
    width: 25px;
}
.social-media-icons ul li a[href*=snapchat]
{
    background-position: 0 -175px;
    color: transparent;
    width: 25px;
}
.panel-angle
{
    background-color: #f3f2eb;
    padding: 2em;
    width: 100%;
    position: relative;
    clip-path: polygon(0 0,calc(100% - 60px) 0,100% 60px,100% 100%,0% 100%);
}
.panel-angle h2
{
    font-size: 2em;
    padding-bottom: .5em;
}
.panel-angle h2, .panel-angle h3
{
    font-weight: 900;
    margin: 0;
    padding: 0;
    line-height: 1em;
}
.wp-block-separator
{
    width: 100%!important;
}
.is-provider-youtube iframe
{
    border-radius: 1em;
}
@media(min-width: 992px)
{
    .is-provider-youtube iframe
    {
        border-radius: 3em;
    }
}
.h-600
{
    position: relative;
    height: 400px!important;
}
.panel-border-white
{
    border: 1px solid #fff;
    padding: 1em;
    margin: 1em 0 1em 0;
    border-radius: 20px;
}
ul.grid-container
{
    margin: 2em 0 2em 0;
    padding: 0;
}
@media(min-width: 992px)
{
    ul.grid-container
    {
        display: flex;
        flex-wrap: wrap;
    }
}
ul.grid-container li
{
    flex: 1 0 100%;
    margin: 5px;
    border: 1px solid #fff;
    border-radius: 10px;
    height: auto;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2em;
    text-align: center;
}
@media(min-width: 992px)
{
    ul.grid-container li
    {
        flex: 1 0 20%;
    }
}
.grid-card
{
    margin: 0;
    padding: 0;
}
@media(min-width: 992px)
{
    .grid-card
    {
        margin-bottom: 2em;
        display: flex;
        flex-wrap: wrap;
    }
}
.grid-card-inner
{
    flex: 1 0 100%;
    margin: 5px;
    border: 1px solid #ccc;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2em;
    text-align: center;
}
.grid-card-inner a
{
    font-size: 1.5em;
    font-weight: 900;
}
@media(min-width: 992px)
{
    .grid-card-inner
    {
        flex: 1 0 40%;
    }
}
.full-img img
{
    width: 100%!important;
    margin: 1em 0 1em 0;
}
.palisades-event-card
{
    background-color: #fff;
    box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);
    padding: 1.5em;
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    margin-bottom: 1em;
    flex-wrap: wrap;
}
.date-box
{
    text-align: center;
    padding: 12px;
    border-radius: 8px;
    flex: 0 0 auto;
}
.date-box p:first-child
{
    color: #a6192e;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}
.date-box p:last-child
{
    font-size: 36px;
    font-weight: bold;
    margin: 0;
    color: #a6192e;
}
.palisades-event-details
{
    flex: 1;
    min-width: 250px;
}
.palisades-event-details h2
{
    color: #991b1b;
    font-size: 20px;
    margin: 4px 0;
}
.palisades-event-details p
{
    color: #6b7280;
    margin: 2px 0;
}
.palisades-event-details a
{
    display: inline-block;
    background-color: #a6192e;
    color: #fff;
    padding: 8px 16px;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 1em;
}
.palisades-event-details a:hover
{
    background-color: #7f1d1d;
}
@media(max-width: 600px)
{
    .palisades-event-card
    {
        flex-direction: column;
        align-items: flex-start;
    }
    .date-box, .palisades-event-details, .palisades-event-button
    {
        width: 100%;
        text-align: center;
    }
}
.download-panel
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #fff;
    flex-wrap: wrap;
    color: #fff;
}
.download-panel h3
{
    flex: 1 1 auto;
    margin-bottom: 10px;
}
.download-panel a
{
    background-color: #f28a42;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color .3s ease;
    flex: 0 1 auto;
    text-decoration: none;
}
.download-panel a:hover
{
    background-color: #e07838;
}
@media(max-width: 992px)
{
    .download-panel
    {
        flex-direction: column;
        align-items: flex-start;
    }
    .download-panel a
    {
        display: block;
        text-align: center;
        margin-top: 5px;
    }
}