@import url("../Agile-Web24/styles.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root {
--epg-backcolor: white;
--epg-textcolor: black;
--epg-color1: rgb(15,74,93);
--epg-color1text: white;
--epg-color2: rgb(15,74,93);
--epg-color2text: white;
--epg-color3: #7db0df;
--epg-color3text: black;
}

body { font-family: "Montserrat", sans-serif; }
.epgColor2Back { background-color: rgb(6, 47, 61); }
.AgileList-Calendar .CalendarTable { border-collapse: separate; border-spacing: 4px; }
.AgileList-Calendar .CalendarTable .MonthHeader { font-size: 220%; }
.AgileList-Calendar .PrevLink, .AgileList-Calendar .NextLink { color: rgb(15,74,93) !important; }
.AgileList-Calendar .CalendarTable .MainHeader { background-color: white; }
.AgileList-Calendar .CalendarTable tbody tr:last-child { display: none; }
.AgileList-Calendar .CalendarTable .Date { text-align: right; padding-right: 8px; background-color: lightgrey; color: var(--epg-color1); }
.AgileList-Calendar .CalendarTable .DaysHeader .DayHeader { background-color: var(--epg-color1); }

/* Header */
.agl-intro { background-color: #FFFFFF !important; }
.agl-navigation-main li a, .agl-navigation-main li a:hover { color: #000000 !important; }
.agl-navigation-user, .agl-navigation-initial, .agl-navigation-cart, .agl-navigation-account, .agl-navigation-toggle { color: #000000 !important; }
.agl-navigation-main li a:hover, .LinkGroup li a:hover { background-color: transparent !important; text-decoration: underline; text-decoration-color: rgb(122,154,1); text-decoration-thickness: 3px; }
.agl-intro .agl-navigation-main > li:hover, .agl-intro .agl-navigation-main > li:hover > a, .agl-intro .agl-navigation-main > li.agl-clicked, .agl-navigation > ul > li > ul > li > a:hover, .agl-navigation-mobile-user > ul.agl-navigation-account > li > a:hover, a.agl-navigation-search:hover, a.agl-navigation-user:hover, a.agl-navigation-user.agl-clicked, a.agl-navigation-cart:hover, a.agl-navigation-cart.agl-clicked, a.agl-navigation-toggle:hover, a.agl-navigation-toggle.agl-clicked{ background-color: transparent !important; }
.LinkGroup, ul.agl-navigation-account { background-color: #FFFFFF !important; }
a:focus, .agl-epgbutton:focus { outline: none; }
.agl-navigation > ul > li > a { font-weight: 400; }



/* Login Page */
.agl-content a:not(.agl-epgbutton,.FilterLink, #btnPrint, .Showing a), .agl-content a:not(.agl-epgbutton,.FilterLink, #btnPrint, .Showing a):link, .agl-content a:not(.agl-epgbutton,.FilterLink, #btnPrint):visited, .agl-content a:not(.agl-epgbutton,.FilterLink, #btnPrint):active { color: #FFFFFF; }
.NewCustomersBlock a, .NewCustomersBlock a:link, .NewCustomersBlock a:visited, .AssignCustomer a, .AssignCustomer a:link, .AssignCustomer a:visited { background-color: rgb(15,74,93); }
.ForgotPassword { color: #000000 !important; }

/* Hide DateSlider */
.agl-dateslide { display: none; }


/* Footer */
#footerBar {display: flex; flex-wrap: wrap; }
#footerLogoNav { display: flex; width: 100%; padding: 25px 12px; max-width: 1440px; margin: auto; }
#footerLogo { width: 30%; align-content: center; }
#footerNav { width: 70%; display: flex; flex-direction: row; }
#footerNav div a { padding: 7px 0; }
#bottomFooterBar { background-color: rgb(6,47,61); padding: 16px; font-size: 0.9em; width: 100%; }
.viewContain { max-width: 1440px; width: 100%; display: flex; margin: auto; justify-content: center; align-items: center; }
#colLast { text-align: right; }
#poweredBy { color: white; text-align: center; }
.colThirds a { color: white; }
.colThirds { width: 32%; color: #FFFFFF; }
.colFlex { display: flex; flex-direction: column; flex-wrap: nowrap;  }
#footerBar { background-color: rgb(15,74,93); }

@media(max-width: 996px) {
	#footerLogo img { width: 80%; }
	#footerNav { font-size: 0.9em; }
	#bottomFooterBar { font-size: 0.5em; }
	//#headerLogo img { width: 55%; }
	.agl-navigation > ul > li > a { padding: 0 5px; }

}
@media(max-width: 932px) {
	//#headerLogo { width: 75%; }
	#headerLogo a img { max-width: inherit; max-height: inherit; }

}
@media(max-width: 768px) {
	.agl-mtype-traditional #nav { background-color: #FFFFFF; }
	.LinkGroup > li { background-color: rgba(22,22,22,0.2); }
	#footerLogo { width: 80%; }
	//#headerLogo { width: 75%; }
	//#headerLogo img { width: 55%; padding-left: 25px; }
	.agl-navigation > ul > li > a { padding: 0 10px; }
}
@media(max-width: 630px) {
	//#footerLogoNav { flex-direction: column; align-items: center; }
	#footerNav div { display: none; }
	#footerNav div:last-child { display: flex; align-items: flex-end; width: 99%; text-align: right; }
}
@media(max-width: 500px) {
	#bottomFooterBar div { display: flex; flex-direction: column; align-items: stretch; justify-content: center; }
	#bottomFooterBar div div { width: 100%; text-align: center; font-size: 1.5em; }
}
@media(min-width: 769px) {
	.agl-navigation-main li:not(.LinkGroup li) { padding-left: 40px; }
	.agl-navigation > ul > li.agl-clicked > ul { margin-left: 40px; }
	.EpgHeaderLogo a img { width: calc(20% - 120px); padding: 14px 0; }
}
@media(max-width: 1200px) {
	.EpgHeaderLogo a img { width: calc(30% - 120px); }
}
@media(max-width: 850px) {
	.EpgHeaderLogo a img { width: calc(40% - 120px); }
	.agl-navigation-main li:not(.LinkGroup li) { padding-left: 20px; }
	.agl-navigation > ul > li.agl-clicked > ul { margin-left: 20px; }

}
@media(max-width: 768px) {
	.EpgHeaderLogo { width: calc(90% - 130px); padding: 5px 0 2px 5px; min-height: 30px; max-height: 30px; min-width: 100px !important; }
	.EpgHeaderLogo a img { width: calc(40% - 120px); min-height: 25px !important; max-height: 25px !important; min-width: 100px !important; }

}


@media(hover:hover) {
	.EpgHeaderLogo:hover { animation: none !important; transition: none !important; }
	 .agl-intro .agl-navigation-main > li:hover > a, .agl-navigation-cart:hover, .agl-navigation-user:hover, .agl-navigation-search:hover { animation: none !important; transition: none !important; }
}