/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/



/* ---------------------- Top Bar (Black) ---------------------- */

.menu-horizontal {
    height: 65px;
}

/* Hidden in favor of image/icon logo

.text-logo {
    display: none;
}


div.wpb-content-wrapper {
	height:auto;
	margin: 0;
	padding: 0;
}

.topbar-col-left {
    letter-spacing: 0.06rem;
    margin-top: 5px;
} 

.top-menu.menu-secondary .menu-bloginfo-inner a:hover {
    color: #E89B8E !important;
} */


/* ------ CSS TO ALIGN TOPBAR TITLE AND CONTENT SIDE BY SIDE --- */


/* Flex layout for the two topbar modules */

.topbar-notification-wrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 30px;
}

.topbar-notification-wrap .topbar-title {
    flex: 0 0 auto;
}

.topbar-notification-wrap .topbar-content {
    flex: 1 1 0%;
    min-width: 0;
}


/* ------ CUSTOM STYLES FOR TOPBAR ----- */


.topbar-strong {
    font-size: 23px;
    font-weight: 800;
    color: #EDD574;
}

.topbar-title {
    font-weight: 800;
    color: #EDD574 !important;
	padding: 0px 0px 0px 0px;
    pointer-events: none;
    cursor: not-allowed;
	vertical-align: top;
	line-height: 1.4em;

}

.topbar-content {
    font-weight: 500;
    color: #FFFFFF !important;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	line-height: 1.4em;
}

#topbar-right a {
    font-weight: 700;
    color: #d79084 !important;
	line-height: 1.4em;
}

#topbar-right a:hover {
    color: #F4CDC8 !important;
}


/* ---------------------- Navigation Menu ---------------------- */


.menu-wrapper .top-menu.navbar {
    display: none;
}

.menu-wrapper #masthead.navbar {
    display: none;
}

.menu-wrapper {
    height: auto !important;
}

.home-navbar-top .uncont {
    display: flex;
    align-items: center;
}

.home-navbar-top .main-menu-container {
    flex: 1 1 auto;
}

.home-navbar-top .wpb_raw_code {
    flex: 0 0 auto;
    margin-left: 30px;
}

/* .style-color-xsdn-bg {
  background-color: rgba(255, 255, 255, 0);  /* Make menu content block background transparent */
} */

/* ---------------------- Search Dropdown Box Style ---------------------- */


#masthead .overlay .overlay-search-wrapper .search-container form .search-container-inner input {
    background: transparent !important;
    border: 1px solid #cccccc !important;
    font-size: 1.5em;
    padding: 15px !important;
}



/* ---------------------- Home ---------------------- 


.home-card-green .uncell {
  background-color: #80B799 !important;
  background-repeat: no-repeat;
  background-position: 100% 550%;
  background-image: url('/images/card-overlay-green.svg');
  transition: background-color 0.2s ease-in-out, background-position 0.2s ease-in-out;
}

.home-card-green .uncoltable {
  min-height: 200px;
  height: 200px;
}

.home-card-green .uncol {
  margin: 1px;
}

.home-card-green {
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.home-card-green:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 100px rgba(0, 0, 0, 0.15);
  z-index: 10;
}

.home-card-green:hover .uncell {
  background-color: #40725B !important;
  background-position: 100% 100%;
}

.home-card-green:hover h2, 
.home-card-green:hover p, 
.home-card-green:hover h2 span {
  color: #ffffff !important;
}

.home-card-green:hover hr {
  border-color: #ffffff !important;
}

*/

.home-cards-list .home-card-green {
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.home-cards-list .home-card-green .uncell.style-color-683593-bg {
  background-color: #80B799;
  background-repeat: no-repeat;
  background-position: 100% 550%; /* overlay offscreen; slides in on hover */
  background-image: url('/images/card-overlay-green.svg');
  transition: background-color 0.2s ease-in-out, background-position 0.2s ease-in-out;
}

.home-cards-list .home-card-green .uncoltable {
  min-height: 200px;
  height: 200px;
}

.home-cards-list .home-card-green .uncol {
  margin: 1px;
}

/* Hover states */
.home-cards-list .home-card-green:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 100px rgba(0, 0, 0, 0.15);
  z-index: 10;
}

.home-cards-list .home-card-green:hover .uncell.style-color-683593-bg {
  background-color: #40725B;
  background-position: 100% 100%;
}

.home-cards-list .home-card-green:hover h2,
.home-cards-list .home-card-green:hover h4,
.home-cards-list .home-card-green:hover p,
.home-cards-list .home-card-green:hover h2 span,
.home-cards-list .home-card-green:hover h4 span {
  color: #ffffff !important;
}

.home-cards-list .home-card-green:hover hr.unseparator {
  border-color: #ffffff !important;
}

/* ---------------- CENTERED DATELINE ---------------*/

.uncode_text_column.home-current-date,
.home-current-date p {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    width: 100%;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 28px !important;
}

.uncode_text_column.home-current-date::before,
.uncode_text_column.home-current-date::after,
.home-current-date p::before,
.home-current-date p::after {
    content: "";
    flex: 1; 
    border-bottom: 6px solid #0f1d2a; /* Match the exact color and thickness of your line */
}

.uncode_text_column.home-current-date::before,
.home-current-date p::before {
    margin-right: 20px;
}

.uncode_text_column.home-current-date::after,
.home-current-date p::after {
    margin-left: 20px;
}

/* HEADER WITH RIGHT DIVIDER */

.header-right-divider .heading-text {
    display: flex;
    align-items: baseline;
    width: 100%;
}

.header-right-divider .heading-text :first-child,
.header-right-divider .heading-text :first-child span {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 35px !important;
    --uncode-fs: 35px !important;
}

.header-right-divider .heading-text::after {
    content: "";
    flex: 1;
    border-bottom: 6px solid #0f1d2a;
    margin-left: 20px;
}
 


/* ---------------------- Breadcrumbs ---------------------- */

.breadcrumb li {
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 13px;
}

.breadcrumb li::before {
    content: '\203a' !important;
    color: #333333 !important;   /* GREY */
    margin: 0 5px;
}

.breadcrumb li:first-child::before {
    content: '' !important;
    margin: 0;
}

.breadcrumb li a {
    color: #1771BD !important;   /* TEAL */
}

.breadcrumb li a:hover {
    color: #FF454A !important;   /* SALMON */
}

.breadcrumb li.current {
    color: #FF454A !important;    /* SALMON */
}

/* ---------------------- Service Pages ---------------------- */


.service-page-contact a {
    color: #1771BD !important;
}

.service-page-contact a:hover {
    color: #FF454A !important;
}

.service-page-contact .icon-box-icon a {
    pointer-events: none !important;
    transition: none !important;
    cursor: default !important;
}

.service-page-contact .icon-box-icon a,
.service-page-contact .icon-box-icon a i {
    transition: none !important;
    pointer-events: none !important;
    cursor: default !important;
}


.service-icon {
  color: #ff5733;
}

/* ---------------------- FAQ Accordion ---------------------- */

.home-faq .panel-title a {
  padding-right: 150px;
}

/* ---------------------- EventON Tile Hover Fix ---------------------- */

.ajde_evcal_calendar.boxy .eventon_list_event:hover {
  transform: translateY(-4px);
  opacity: 1;
}

.ajde_evcal_calendar.boxy .eventon_events_list .eventon_list_event .desc_trig:hover {
  border-left-width: 0 !important;
}