/* ACCORDION */
/* Ensure flex items have equal heights */
.duny-mega-accordion .row.equal-heights {
    display: flex;
}

/* Make ul.duny-accordion-list and .duny-accordion equal height */
.duny-mega-accordion .col-lg-3,
.duny-mega-accordion .col-lg-9 {
    display: flex;
    flex-direction: column;
    align-items: stretch; /* Ensure equal height */
}

/* Ensure ul.duny-accordion-list and .duny-accordion stretch to equal heights */
.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 0em 1.5em 0em; 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: 0.8rem 0;
    cursor: pointer;
    font-weight: normal;
}
.duny-accordion-item h3::before {
    content: "+";
    color: #a6182e;
    position: absolute;
    left: -1.8rem; /* Adjust as needed for left spacing */
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.2s ease-out;
    font-size: 1.3em;
    padding-right: 0.2em; /* Add right spacing */
}

@media (max-width: 767px) {
    .duny-accordion-item h3::before {
        left: -1.3rem; /* Adjust as needed for smaller screens */
    }
}
/* Panel */
.duny-accordion-panel {
    margin: 0;
    padding-bottom: 0.8rem;
    display: none;
}
/* Active */
.duny-accordion-item.is-active .duny-accordion-title::before {
    content: "-";
}





/* PROGRAMS */

.duny-program {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5em;
  position: relative; /* Added position relative */
}

.duny-program .dp-img {
  position: relative;
  width: 100%;
  height: 250px;
  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;
}

/* Apply background color based on row and column positions */
.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; /* First, third, sixth, and eighth columns in each row */
}

.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; /* Second, fourth, fifth, and seventh columns in each row */
}

.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 0.5s ease-in-out;
  max-height: 0;
  position: absolute; /* Position absolute to remove from document flow */
  top: 100%; /* Position dropdown below the button */
  left: 0; /* Align dropdown with the button */
  width: 100%; /* Match the width of the button */
  background-color: #333; /* Example background color for the dropdown */
  z-index: 100 !important;
	padding: 0 1em 0em 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; /* Remove any default margin */
  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; /* Adjust the font size as needed */
  position: absolute;
  top: 50%;
  right: 10px; /* Adjust the position of the arrow */
  color: white; /* Icon color */
  transition: transform 0.3s ease; /* Smooth transition for transform property */
	transform: translateY(-50%);
}

.dp-btn p::after {
	content: "\f061";
}


.dp-btn-drop p::after {
  content: "\2b";
}

.duny-program:hover .dp-btn p::after {
  transform: translateY(-50%) translateX(5px); /* Move the icon slightly to the right on hover */
}

.dp-btn-drop.open p::after {
  transform: translateY(-50%) rotate(180deg); /* Rotate arrow up when dropdown is open */
}

.grayed-out {
  opacity: 0.5; /* Adjust opacity level as needed */
}

/* STYLING FOR PANELS AND BUTTONS */


.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: white;
    font-size: 15px;
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s ease;
	border: none;
	margin: 0 auto;
  }

  .circle-btn::before {
    content: "\f061"; /* Unicode character for the Font Awesome arrow-right icon */
    font-family: "Font Awesome 6 Pro"; /* Specify the Font Awesome Pro font family */
    font-weight: 500; /* Specify the font weight */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.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(0.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.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;}	
@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%;
	}
}