@import url("../atsreset.css");
@import url("../agile-modern-wide/styles.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

:root {
	--epg-color1: rgb(0,73,118);
	--epg-color1text: white;
	--epg-color2: rgb(228,106,84);
	--epg-color2text: white;
	--epg-color3: rgb(99,177,188);
	--epg-color3text: black;
}
a { color: var(--epg-textcolor); }
.form-select { padding: 1px 30px 2px 6px; }

body { font: 14px/1.5 "Poppins", "Open Sans", Arial, sans-serif; }
.ViewBox { display:none; }
.LinkHeader .fa-chevron-down { display: inline-block; }
.LinkHeader a { font-weight: 900 !important; text-transform: none; font-size: 1.15rem; }
#lnkContinueShopping { color: white; }

.epgColor1Back { background-color: rgb(0,73,118); }
.epgColor3Back { background-color: rgb(99,177,188); }
.epgColor2Back { background-color: rgb(228,106,84); }

.agl-epgbutton { color: white !important; }

.headerBar {
background-color: white;
border-bottom: solid 6px rgb(99,177,188);
display: flex;
margin: auto;
align-items: center;
justify-content: space-around;
}
#headerLogo {
padding: 10px 0;
}
.hLinks {
padding: 0 5%;
}
.agl-navigation {
border: solid 22.7vw #004976;
border-top: 0px;
border-bottom: 0px;
}
.agl-navigation > ul > li, .agl-navigation > ul > li:last-child, .agl-navigation-user, .agl-navigation-cart, .agl-navigation-toggle {
    border: none;
}
.agl-navigation > ul > li > ul > li > a {
white-space: nowrap;
width: fit-content;
width: moz-fit-content;

}
#leftQuarters {
width: fit-content;
width: moz-fit-content;
text-align: left;
}
#middle {
width: 40%;
padding: 0 5%;
}
.thirds {
flex-grow: 1;
width: 33%;
height: 100px;
text-align: left;
}
.half {
width: 50%;
display: flex;

}
#fb {
font-size: 2rem;
float: left;
color: #537CBD;
}
#yt {
font-size: 2rem;
margin-left: 8px;
float: left;
color: #bd5141;
}
#footerMenu {
display: flex;
width: 55%;
margin: auto;
flex-wrap: wrap;
}
#hdr {
text-align: left;
font-weight: 700;
}
#menu-links {
display: flex;
flex-wrap: wrap;
}
#footerInclude {
background-image: url("lr-zoo_footer_background_tile.jpg");
color: black;
font-size: 1.15 rem !important;
}
#footerInclude a {
color: black;
font-size: 1.15rem;
}
.thirds > a {
transition: padding-left .5s ease 0s;
}
.footerH {
font-size: 22px;
margin-bottom: 15px;
font-weight: 700;
}

@media (max-width: 1975px) {
.agl-navigation{ border: solid 20vw #004976; border-top: 0px; border-bottom: 0px;}
}
@media (max-width: 1800px) {
.agl-navigation{ border: solid 18vw #004976; border-top: 0px; border-bottom: 0px;}
}
@media (max-width: 1695px) {
.agl-navigation{ border: solid 16vw #004976; border-top: 0px; border-bottom: 0px;}
}
@media (max-width: 1595px) {
.agl-navigation{ border: solid 10vw #004976; border-top: 0px; border-bottom: 0px;}
}
@media (max-width: 1128px) {
.agl-navigation{ border: solid 5vw #004976; border-top: 0px; border-bottom: 0px;}
}
@media (max-width: 1000px) {
.agl-navigation{ border: solid 0vw #004976; border-top: 0px; border-bottom: 0px;}
}

@media (max-width: 902px) {
    .thirds { height: 100%; width: 35%; }
    #middle { width: 100%; height: 100%; padding: 0; padding-top: 3%; }
    #leftQuarters { width: 100%; }
    .footerH { text-align: left; }
    #footerMenu { width: 100%; }
    #end { width: 100%; padding-top: 3%; }
    #headerLinks {position: absolute; right: 30px; }
    .headerBar { justify-content: flex-start; }
    #headerLogo { padding: 10px; }
    .agl-body { padding: 0px 0px; }
    .agl-body:not(.agl-iframed) .agl-truncate { display: none!important; }
    .agl-userlinks, .agl-columnset { width: calc(100% - 20px); }
    .agl-navigation-toggle, .agl-navigation-cart, .agl-navigation-user { display: inline; padding: 2px; margin: 6px; }
    .agl-navigation-toggle span, .agl-navigation-cart span, .agl-navigation-user span { line-height: 28px; display: inline-block; }
    .agl-navigation-userinitial span { font-size: 135%; font-weight: bold; }
    .agl-usernav { display: none; }
    .agl-container { background-color: white; }
    .agl-cols-3 { width: calc(100% - 20px); margin: 10px; }
    .agl-navigation { min-height: 44px; }
    .agl-navigation > ul { display: none;  }
    .agl-navigation > ul { margin-top: 45px; border-top: solid 2px white; }
    .agl-navigation > ul > li { float: none; }
    .agl-navigation > ul > li > a { float: none; display: block; line-height: 43px; padding: 0px 10px; }
    .agl-navigation > ul > li.LinkHeader > a { background-color: #393939; cursor: context-menu; color: white !important; }
    .agl-navigation > ul > li.LinkHeader i { display: none; }
    .agl-navigation-mobile > ul.agl-navigation-main { display: block; z-index: 2000; }
    .agl-navigation-main, .agl-navigation-mobile-user { height: 100vh; }

    .agl-navigation > ul > li > ul { display: block; }
    .agl-navigation > ul > li > ul > li > a:hover { border-bottom: solid 2px #666666; border-top: solid 2px white; }
    .agl-navigation-mobile-user > ul.agl-navigation-account { display: block; }
    .agl-table-res > tbody > tr > td { display: block; }
    .EpgHeaderName { text-align:left; line-height:43px; left: 45px; max-width: 54%; }
    .EpgHeaderLogo, .EpgHeaderLogoAbs { position: absolute; max-height: 35px; left:45px; margin-top:4px; padding: 0px; }

    .agl-cols-33 { float: none; width: auto; }
    .addToCartBlock { padding: 0px; }
    .agl-epgbutton { padding: 6px 12px; color: white; }
    #CancelOrderButton_btnClearCart_regularBtn { float: right; }
    .AgileList-Tiles .ImageBox { height: unset; max-height: 350px; }
    .AgileList-Tiles-2 .Item, .AgileList-Tiles-3 .Item, .AgileList-Tiles-4 .Item, [class*="AgileList-Tiles-"]:not(.AgileList-Tiles-2, .AgileList-Tiles-3, .AgileList-Tiles-4) .Item {
        float: none;
        width: calc(100% - 20px);
        margin: initial;
    }

    .CalendarTable .DaysHeader { display:none; }
    .CalendarTable .Date .Day, .CalendarTable .Date .Mo, .CalendarTable .Date .Suffix { display: unset; }
    .CalendarTable .OutsideDate, .CalendarTable .Empty { display: none; }
    .CalendarTable td { display: block; }
    .columnSet1-2Inner23, .columnSet1-3Inner23 { display: block; }

    .InfoContainer .Name, .InfoContainer .Social, .InfoContainer .Purchase, .InfoContainer .CustomInformation { width: auto; float: none; }
    .InfoContainer .Purchase .Showing > span { display: block; width: auto; }
    .Purchase .Showing div { clear:left; }
    .Purchase .Showing .agl-epgbutton { float: none; }
    .Social > div > span, .Social > div > span > iframe { width:100% !important; }
	.agl-pahOption { width: 100%; padding: 15px 0px; }
    .orderSummaryPackageItems table td { display: block; }
    
    .agl-media-viewer > .Name { font-size: 150%; }
    .agl-media-viewer { max-height: 300px;}
    .agl-media-box img { max-height: 300px; min-height: 150px; }
    .agl-trailer-box iframe { min-height: 119px; max-height: 269px; } 
    .agl-navcart-count { top: -2px; right: 4px; padding: 2px; font-size: 13px; }
    
    .agl-accountimage { position: static; text-align:center; }
    .image-editor { min-width: 256px; max-width: 256px; min-height: 256px; }
    .agl-basketclock > div { margin: 10px; text-align: center; color: black; background-color: rgba(255,0,0,.1); font-weight: bold; }
    .AgileList-Poster .Item .Image {
        max-width: 232px !important;
        transition: all .2s ease;
    }
    .AgileList-Poster .Item.agl-hover .Image {
        width: 95%;
    }
}