/* ----------------------------------------------------------------
	Custom CSS for Sub-sites (Microsites)

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	Schedule tabs on microsites' sidebar
-----------------------------------------------------------------*/
#old-schedule-tab {
	display: none;
}
#new-schedule-tab {
	display: block;
	margin-bottom: 40px;
}

#new-schedule-tab table {
	border: 0;
}
#new-schedule-tab .nav {
	margin-left: 0 !important;
}
/* #new-schedule-tab .nav-tabs {
	margin-bottom: -2px;
	z-index: 100;
} */
#new-schedule-tab .tab-pane {
	/* background-color: #fff; */
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
#new-schedule-tab .nav-tabs {
	--bs-nav-tabs-border-width: 3px;
	--bs-nav-tabs-border-color: #055da8;
	--bs-nav-tabs-link-active-border-color: #055da8 #055da8 #fff;
}
#new-schedule-tab .nav-tabs.active-lang {
	--bs-nav-tabs-border-width: 3px;
	--bs-nav-tabs-border-color: #831618;
	--bs-nav-tabs-link-active-border-color: #831618 #831618 #fff;
}
#new-schedule-tab .nav-tabs li img {
	padding-bottom: 5px;
}
#new-schedule-tab .nav-tabs li img.tab-img-main {
	padding: 0 10px;
}
#new-schedule-tab .nav-tabs li img.tab-img-lang {
	padding-right: 5px;
}
#new-schedule-tab .nav-tabs .nav-link:not(.active):hover {
	border-color: transparent;
}
#new-schedule-tab  #aptn-main-sched-pane tr.main-label td {
	padding: 25px 0 25px 5px;
	color: #055da8;
}
#new-schedule-tab  #aptn-lang-sched-pane tr.language-label td {
	padding: 25px 0 25px 5px;
	color: #831618;
}
#new-schedule-tab #aptn-main-sched-pane {
	padding: 40px 20px;
}
#new-schedule-tab #aptn-lang-sched-pane {
	padding: 0 20px 20px 20px;
}


/* First tab's active state and content */
.nav-link.active#aptn-main-sched {
    border: 3px solid #055da8;
    border-bottom: none;
}
#aptn-main-sched-pane.show {
    border: 3px solid #055da8;
    border-top: transparent;
}

#aptn-main-sched-pane {
    border-color: #055da8;
}

/* Second tab's active state and content */
.nav-link.active#aptn-lang-sched {
	border: 3px solid #831618;
	border-bottom: none;
}
#aptn-lang-sched-pane.show {
    border: 3px solid #831618;
    border-top: transparent;
}

#aptn-lang-sched-pane {
    border-color: #831618;
}

.tabstyle2 .nav-link-main.active {
	background-color: #055da8;
}
.tabstyle2 .nav-link-main:not(.active) {
	background-color: #055da8;
	opacity: 0.6;
}
.tabstyle2 .nav-link-lang.active {
	background-color: #831618;
}
.tabstyle2 .nav-link-lang:not(.active) {
	background-color: #831618;
	opacity: 0.8;
}
.tabstyle2 .tab-pane.active {
	background-color: #fff !important;
}
.tabstyle2 .nav-tabs li {
	margin-right: 3px;
	margin-bottom: 0;
}

.tabstyle1 .nav-tabs li {
	margin-bottom: -2px;
}

/* ----------------------------------------------------------------
	Common
-----------------------------------------------------------------*/

:root {
	--cnvs-themecolor: #055da8;
}
.bg-color-green {
	background-color: green !important;
}
.bg-color-teal {
	background-color: #20c997 !important;
}
.bg-color-light-grey {
	background-color: #f2f2f2 !important;
}
.bg-color-dark-grey {
	background-color: #ccc !important;
	/* background-color: #5f6062 !important; */
	/* background-color: #343a40 !important; */
}
.bg-grey-txt-white {
	background-color: #7f8084 !important;
    color: #fff !important;
}
.bg-dark-grey-txt-white {
	background-color: #5f6062 !important;
    color: #fff !important;
}
.text-aptn-blue {
	color: #055da8 !important;
} 
.text-title-grey {
	color: #5f6062;
}
.fs-14 {
	font-size: 14px;
}
.fs-16 {
	font-size: 16px !important;
}
.pad-tb-10 {
	padding: 7px 0 !important;
}
.pad-tb-15 {
	padding: 15px 0 !important;
}

@media screen and (min-width: 1600px) {
    .container.wide, .container-lg.wide, .container-md.wide, .container-sm.wide, .container-xl.wide {
        max-width: 1600px;
    }
}

/* ----------------------------------------------------------------
	General
-----------------------------------------------------------------*/

#top-bar {
	border-bottom: 0 !important;
	border-radius: 0;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	padding: 0;
	margin: 0;
	z-index: 10;
}
#top-bar.alert i {
	font-size: 1.3rem;
	margin-right: 0;
	vertical-align: text-bottom;
}
#top-bar.alert-dismissible .btn-close {
	padding: 1rem;
}
.top-notification {
	font-size: var(--cnvs-font-size-body) !important;
  	font-family: var(--cnvs-body-font) !important;
}
.top-notification a {
	color: #000 !important;
}
.top-notification img {
	vertical-align: text-bottom;
}
.top-lumi-logo {
	max-width: 75px;
	margin: 15px 0;
}
/* .header-misc div {
	font-size: var(--cnvs-primary-menu-font-size) !important;
} */
#wrapper {
	max-width: none !important;
	background: transparent !important;
}
#top-bar a {
	/* font-size: var(--cnvs-topbar-font-size) !important; */
	font-size: 16px !important;
	/* font-weight: normal !important; */
}

.top-links-sub-menu .top-links-item > a {
	font-size: 12px !important;
	font-weight: normal !important;
}
#top-social li .ts-icon {
	font-size: 100% !important;
}
#top-bar ul {
	margin: 0 !important;
}
li > ul {
	margin: 0 !important;
}
#content.col-full {
	position: relative;
}

/* ----------------------------------------------------------------
	Top Advert
-----------------------------------------------------------------*/

.top-advert {
    border-left: 0;
    border-right: 0;
}

/* ----------------------------------------------------------------
	Header
-----------------------------------------------------------------*/

#header.header-main {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	/* background-color: #252324; */
	background-color: #fff;
	font-size: 14px !important;
	width: 100% !important;
	background-image: none;
}

#header.header-main a,
#header.header-main a i {
	font-size: 13px !important;
}
#header.header-main a {
	color: #fff !important;
}
#header-wrap {
	border-bottom: 0 !important;
}
#header-wrap.border-top {
	border-top: 0 !important;
}
.bg-grey-txt-white .menu-link {
	background-color: #7f8084 !important;
    color: #fff !important;
	font-size: var(--cnvs-primary-menu-font-size) !important;
}
.is-expanded-menu .sub-menu-container, 
.is-expanded-menu .mega-menu-content {
	border: 0 !important;
	border-top: var(--cnvs-primary-menu-submenu-top-border) !important;
}
.is-expanded-menu .sub-menu-container .menu-item > .menu-link {
	border-bottom: 1px dotted #f2f2f2;
	padding: 15px 20px;
}
#header .social-icon {
	width: 31px !important;
	height: 31px !important;
	line-height: 31px !important;
}
#header .social-icon.si-small {
    --cnvs-socialicon-size: 33px;
}

/* ----------------------------------------------------------------
	Logo
-----------------------------------------------------------------*/
#header.header-main #logo img {
    height: 90px;
}
#header #logo.logo-main {
	position: relative;
	display: flex !important;
	align-items: center;
	margin-right: auto;
	max-height: 100%;
	float: none !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
#logo a {
	color: #000;
	font-size: 36px;
	width: 100%;
}
#logo a [class^=logo-] {
	display: none !important;
}
#logo a .logo-default {
	display: flex !important;
}
#logo img {
	display: block !important;
	max-width: 100%;
	max-height: 100%;
	margin-left: auto;
	margin-right: auto;
	transition: height 0.4s ease, padding 0.4s ease, margin 0.4s ease, opacity 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
	#logo img {
		transition: none;
	}
}

/* ----------------------------------------------------------------
	Subsite Navigation
-----------------------------------------------------------------*/
/* #navigation.col-full {
	padding-left: 300px !important;
} */

/* ----------------------------------------------------------------
	Top Advert
-----------------------------------------------------------------*/
.top-ad-slot {
	text-align: center;
}
.top-ad-slot iframe {
	width: revert-layer !important;
}
#header iframe {
	width: revert-layer !important;
}

/* Other subsite fixes */
div#headerAPTN {
	height: unset !important;
}
#main {
	width: 66%;
	padding-right: 5px;
    margin-left: 5px;
    float: right;
}
#header.col-full {
	background-position-x: 10px;
}
#sidebar {
	width: 33% !important;
	margin-bottom: 50px;
}
#sidebar .flex-caption {
	height: unset;
	width: 100%;
}
#sidebar .flexslider .flex-control-nav {
	align-items: flex-end;
	bottom: -20px;
	position: unset;
	margin-top: 5px;
}
#sidebar .flexslider .flex-control-nav li,
#sidebar .flexslider .flex-control-nav li a {
	width: 13px;
	height: 13px;
}
#sidebar .ad-box #div-gpt-ad-1459972236597-0 {
	text-align: center;
    align-items: center;
    display: inline-flex;
}

/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/

#content.col-full #footer {
	position: absolute;
  	left: 0;
  	right: 0;
  	width: 100vw; /* Full viewport width */
  	margin-left: -50vw; /* Offset by half the viewport width */
  	left: 50%; /* Center the footer */
}

#footer .widget_links li {
	padding: 0 !important;
}
#footer .footer-logo {
    display: block;
    margin-bottom: 30px;
}
footer {
	font: normal 14px "Inter", sans-serif !important;
}
footer .top-footer p,
footer .top-footer a,
footer .top-footer div {
	font-family: "Inter", sans-serif !important;
	font-size: 16px !important;
}

footer p, footer pre, footer ul, footer ol, footer dl, footer dd, footer blockquote, footer address, footer table, footer fieldset, footer form {
    margin-bottom: 30px !important;
}

footer h4 {
	margin-bottom: 20px !important;
}

#footer p {
    margin-bottom: 30px !important;
	
}
#footer p {
	color: #fff !important;
}
#footer h4 {
	color: #fff !important;
	font-size: 15px !important;
	font-family: "Inter", sans-serif !important;
}
#footer .widget {
	border: 0 !important;
	padding-bottom: 0;
	color: #e9ecef !important;
}
.footer-widgets-wrap a {
	font-size: 16px !important;
	font-weight: normal !important;
	font-family: "Inter", sans-serif !important;
}
footer .social-icon,
#gotoTop {
	width: 40px !important;
	height: 40px !important;
	line-height: 40px !important;
	--cnvs-socialicon-size: 4.3rem !important;
}
footer .copyright-links a {
    display: inline-block;
    margin: 0 0.25rem;
    color: var(--cnvs-copyrights-link-color);
    border-bottom: 1px dotted var(--cnvs-copyrights-link-color);
}
footer #copyrights p,
footer #copyrights a,
footer #copyrights div {
	font-size: 15px !important;
}
footer #copyrights a {
	font-weight: normal !important;
}
footer #copyrights span a {
	color: var(--cnvs-link-color) !important;
}
footer #copyrights a:hover {
	color: var(--cnvs-link-hover-color) !important;
}

@media (max-width: 420px) {
	.stream-text {
		display: none;
	}
}

@media (max-width: 576px) {
	#wrapper {
		padding: 0 !important;
	}
	#header {
		padding-top: 420px !important;
	}
	#header .site-header {
		display: none;
	}
	#header #navigation {
		display: block !important;
	}
	#navigation.col-full,
	#content.col-full {
		width: 100% !important;
	}
	#content {
		padding: 20px !important;
	}
	#content #main {
		width: unset !important;
	}
	#sidebar {
		width: unset !important;
		overflow: unset !important;
		clear: both;
		padding-top: 50px !important;
	}
	#footer .widget,
	#footer ul {
		margin: 0 !important;
	}
 
	/* Header menu - hide all submenus by default */
	#navigation.col-full #main-nav .children {
		display: none;
		position: absolute;
		background-color: white; /* Optional: to distinguish the submenu */
		z-index: 1000; /* To ensure the submenu appears on top */
	}
	#navigation.col-full #main-nav li.page_item_has_children:hover > .children {
		display: block;
	}

	#navigation.col-full #main-nav li {
		position: relative;
	}

	#navigation.col-full #main-nav li .children li {
		white-space: nowrap; /* To prevent wrapping */
	}

	#navigation.col-full #main-nav .nav > li {
		display: inline-block;
	}

	#navigation.col-full #main-nav .children {
		margin: 0;
		padding: 0;
		list-style: none;
		border: 1px solid #ccc; /* Optional: to add a border around the submenu */
	}
	#header #navigation .fl {
		justify-content: left !important;
	}
}

@media (max-width: 767px) or (device-width: 767px) {
	#wrapper {
		padding: 0 !important;
	}
	.header-misc .stream-text {
		font-size: 0.9rem !important;
	}
	.top-lumi-logo {
		max-width: 70px;
		margin: 15px 0;
	}
	#header .site-header {
		display: none;
	}
	#header #navigation {
		display: block !important;
	}
	#header #navigation div:first-child {
		display: none !important;
	}
	#header #navigation .fl {
		justify-content: space-between !important;
	}
	#content {
		padding: 20px !important;
	}
	#content #main {
		width: 100% !important;
	}
	#sidebar {
		width: unset !important;
	}
	.cnvs-hamburger {
		--cnvs-hamburger-size: 14px !important;
	}
}

@media (max-width: 767px) {
	
}

@media (max-width: 992px) {
	
}

/* ----------------------------------------------------------------
	Min Width Breakpoints
-----------------------------------------------------------------*/

@media (min-width: 421px) {
	.stream-text {
		display: flex;
	}
}

@media (min-width: 576px) {

}

@media (min-width: 767px) {
	
}

@media (min-width: 992px) {
	#header.header-main #container-fluid-header {
		padding: 5px 0 2px 0;
	}
	#header.header-main #container-fluid-header .header-row {
		position: relative;
	}
	#header.header-main #container-fluid-header .header-row .header-misc {
		order: 1;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}