/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
.button.primary.reveal-icon {
  display: inline-block;
  white-space: nowrap;
  border-radius: 8px; 
  transition: all 0.2s ease;
  animation: 
    neon-flash 0.8s infinite steps(1), 
    rainbow-speedrun 1.5s infinite linear; 
  text-shadow: 0 0 5px rgba(255,255,255,0.7);
  border: 2px solid white;
  box-shadow: 
    0 0 10px #fff,
    0 0 20px var(--current-color),
    0 0 30px var(--current-color);
  cursor: pointer;
}

.button.primary.reveal-icon:hover {
  transform: scale(1.15);
  filter: brightness(1.2);
}

@keyframes rainbow-speedrun {
  0% { --current-color: #FF0F7B; background: #FF0F7B; } 
  20% { --current-color: #89FC00; background: #89FC00; } 
  40% { --current-color: #00F0FF; background: #00F0FF; }
  60% { --current-color: #F5D300; background: #F5D300; } 
  80% { --current-color: #9600FF; background: #9600FF; } 
  100% { --current-color: #FF0F7B; background: #FF0F7B; }
}

@keyframes neon-flash {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; box-shadow: 0 0 5px #fff; }
}

.button{
	color:#000000 !important;
}


.section-title b:last-child {
    background: linear-gradient(270deg, hsla(0, 0%, 100%, .37), rgba(251, 181, 19, .5) 50%, #fbb513 86%);
    display: block;
    flex: 1;
    height: 2px;
    opacity: 1;
}
.section-title b:first-child {
    background: linear-gradient(270deg, #fbb513 14%, rgba(251, 181, 19, .5) 50%, hsla(0, 0%, 100%, .37));
    display: block;
    flex: 1;
    height: 2px;
    opacity: 1;
}
.breadcrumbs {
    font-size: 14px;
    color: #000;
    margin: 20px 0;
}

.breadcrumbs a {
	font-weight:900;
    color: #0006ff;
    text-decoration: none;
}

.breadcrumbs a:hover {
    text-decoration: underline;
    color: #000;
}

.breadcrumbs span.separator {
    margin: 0 6px;
    color: #0006ff;
}

.breadcrumbs > span:last-child {
    color: #999;
    font-weight: 500;
}
.absolute-footer, .oc7 , .header-main {
    background: linear-gradient(135deg, #38D0F2 0%, #1B8EF2 100%);
}
.slider-oc {
	 height: 600px;
    border: 3px solid #25aae2;
    border-radius: 15px;
    padding: 10px;
    margin-bottom: 36px;
    box-shadow: 0 5px 15px rgba(37, 170, 226, 0.3);
}

.slider-oc {
    border: 3px solid #25aae2;
    border-radius: 15px;
    padding: 10px 10px 10px 10px;
    margin-bottom: 36px;
    box-shadow: #25aae2 0px 5px 15px;
}

.slider-oc .col-inner {
    height: 100%;
    overflow: auto;
}

.slider-oc .col-inner::-webkit-scrollbar {
    width: 0.5rem;
    border-radius: 10px;
}

.slider-oc .col-inner::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background-color: #25aae2 ;
}
.taxonomy-description.collapsed {
  max-height: 277px;
  overflow: hidden;
  position: relative;
  transition: max-height 0.4s ease;
}

.read-more-toggle {
    display: inline-block;
    margin-top: 15px;
    background: linear-gradient(135deg, #38D0F2 0%, #1B8EF2 100%);
    color: #000000;
    border: none;
    font-size: 13px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s;
    box-shadow: 0 2px 6px rgb(0 88 255 / 35%);
}

.read-more-toggle:hover {
  background-color: #155a99;
  transform: scale(1.03);
}

.taxonomy-description.collapsed::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent, #fff);
  pointer-events: none;
}