@import url('https://fonts.googleapis.com/css2?family=lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Barlow&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


/*========== RESET ==========*/
span.errorContainer, div.SearchWrapper div.item, div.SearchActions input.button, div.pager, div.loginForm, div.forgotUserName, div.totalsList, div.content div.productList > div.product, div.content > div.header, div.checkoutContent > div.header, div.accountContent > div.header, #menu ul li > ul, div.content div.productList > div.product:hover, div.SearchActions .button, div.SearchActions .button, #menu ul li>ul, div.moneyRequestPage>div.moneyRequestSection, div.moneyRequestDetail div.moneyRequestSection, div.moneyRequestPage>div.moneyRequestSection:hover { 
    box-shadow: none !important; 
}


/*Joe Added */

.page-title-home .panel-content {
    border: 1px solid rgba(186, 186, 186, 0.63) !important;
}

.header {
    vertical-align: middle;
}

.logo {
    width: 25%;
    display: inline-block;
    vertical-align: middle;
}

.menu {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
}

/*
#page-product-list .panel-content .product-location {
    height: 109px;
    font-size: 20px;
}

#page-product-list  .product-distance {
    height: 109px;
}

#page-product-list  .col-product-location {
    width: 100%;
}

#page-product-list  .col-product-distance svg.size-x4 {
    width: 64px;
    height: 48px;
}
*/
/*h2 {
    font-family: Lato;
}

body {
    
    font-family: Lato;
    
}*/
/* 
p {
        font-family: PLato;
    font-weight: 400;
    
}
*/
a {
    transition: all .4s ease;
}

.product-details .ui-tabs-anchor {
    box-shadow: 0px -4px #af272f !important;
}

/* --- Product List --- */

.product:nth-child(odd) .panel .panel-content.padding.round-bottom {
    background-color: #f2f3f3;
}

.product:nth-child(even) .panel .panel-header {
    background-color: #ffffff;
}

.product .panel .panel-header a.button.small.round {
    background: #F30013;
    border: 1px solid #F30013;
}

.product .panel .panel-header a.button.small.round:hover {
    background: #F30013a8;
    border: 1px solid #F30013;
}

/*
.col-product-age .ages-content, .col-product-date .calendar-header {
    background-color: #af272f;
    color: #ffffff;
}
*/

/* former way to add Course # to product details
div[id$='pnlProductInfo']:not([id*='Merchandise']).col-product-info .product-short-description p:before {
    content: 'Course #: ';
}*/

/*
.product-short-description p:before {
    content: 'Course #: ';
}
*/

/* --- Product Details --- */

.menu a {
font-family: Lato;
    font-weight: bold;
    font-style: normal;
    font-size: 16px;
}

.dialogAddToCartSPC .button {
    width: 100%;
}

/*========== MAIN ==========
div.login a {
    color: black;
}
body#tinymce:before, body.printable:before, body#tinymce:after, body.printable:after, body.preview:after, body.preview:before  {
    display: none;
}
.productDetailsAccordion .ui-accordion-header {
    padding: 8px;
    padding-left: 32px;
}

.productDetailsAccordion img {
    max-width: 100%;
}

 
div[id*=clientMenu] > ul > li:last-child {
    border-right: none;
}
*/

#pnPaymentBalance .money {
    color: #001e60;
}

/*========== PRODUCT LIST DETAILS ==========*/
.layout-course .productList .product .details .description {
    display: none;
}
.productList .product .header {
    border-top: 0;
    border-right: 0;
    border-left: 0;
}
.layout-course div.cart {
    display: none;
}
.layout-course div.content {
    width: 78%;
}

.col-paging-top .button.secondary, .col-paging-bottom .button.secondary{
    background: rgb(242 243 243 / 100%);
    color: rgba(0, 0, 0, 0.6);
}

.col-paging-top .button.secondary.active, .col-paging-top .button.secondary:hover, .col-paging-bottom .button.secondary.active, .col-paging-bottom .button.secondary:hover{
    background: rgb(242 243 243 / 66%);
    color: rgba(0, 0, 0, 0.6);
}
/*========== 4 COLUMN ==========*/
.productListCourses #page-product-list .products.productColumns-x0 .product {
    width: 25%;
}
@media (max-width: 1024px) {
    .productListCourses #page-product-list .products.productColumns-x0 .product {
        width: 50%;
    }
}
@media (max-width: 480px) {
    .productListCourses #page-product-list .products.productColumns-x0 .product {
        width: 100%;
    }
}
.productListCourses #page-product-list .products.productColumns-x0 .product .col-product-image {
    width: 100%;
}
.productListCourses #page-product-list .products.productColumns-x0 .product .col-product-title, .productListCourses #page-product-list .products.productColumns-x1 .product .col-product-buttons {
    width: 100%;
    text-align: left;
}
.layout-course div.productList {
    font-size: 0;
}
.layout-course div.productList > div.product {
    display: inline-block;
    float: none;
    width: 24%;
    margin-right: 1%;
    font-size: 14px;
    vertical-align: top;
}
.layout-course div.productList > div.product .header {
    padding: 8px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
}
.layout-course div.productList > div.product a.productLink {
    display: block;
    width: 100%;
    float: none;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
}
.layout-course div.productList > div.product a.action-add-to-cart {
    margin: 0;
    float: none;
}
.layout-course div.productList > div.product input.quantity {
    display: none;
}
.layout-course div.productList > div.product div.details div.infoContainer {
    float: none;
    margin: 0;
}
.layout-course div.productList > div.product div.details img {
    width: 100%;
}
.layout-course div.productList > div.product div.details {
    font-size: 12px;
}
.layout-course div.productList > div.product div.details * {
    float: none !important;
}
.layout-course div.productList > div.product div.details div.displayImage {
    float: none;
    margin: 0;
    margin-bottom: 8px;
}
.layout-course div.productList > div.product div.details div.scheduleInfo {
    margin: 0;
    margin-bottom: 8px;
    float: none;
}
.layout-course div.productList > div.product div.details span.startDate {
    margin: 0;
    display: block;
    float: none;
}
.layout-course div.productList > div.product div.details span.endDate {
    margin: 0;
    display: block;
    float: none;
}
.layout-course div.productList > div.product div.details span.startTime {
    margin: 0;
    display: block;
    float: none;
}
.layout-course div.productList > div.product div.details div.location {
    max-width: none;
    margin: 0;
    margin-bottom: 8px;
    float: none;
}
.layout-course div.productList > div.product div.details div.level {
    float: none;
    margin: 0;
}
.layout-course div.productList > div.product div.details div.price {
    margin: 0;
}
.layout-course div.productList > div.product div.details div.notes {
    display: none;
}
.layout-course div.productList > div.product div.details div.infoContainer div.info {
    width: 100%;
    text-align: center;
}
.layout-course div.productList > div.product div.details div.infoContainer div.info > span {
    display: block;
    margin: 0;
}
.layout-course div.productList > div.product div.details div.description {
    text-align: center;
}
.layout-course div.productList > div.product div.details div.infoContainer div.info .variationNote {
    display: none;
}
.layout-course div.productList > * {
    font-size: 12px;
}



/*========== Featured Product ==========*/
#productID-55 {
    margin-bottom: 0;
}
#productID-55 .details .infoContainer {
    margin: 0;
}
#productID-55 .details .infoContainer .displayImage {
    width: 100px;
}
#productID-55 .details .infoContainer .info {
    width: 396px;
}
#productID-55 .details .infoContainer .info:before {
    content: "Limited Time";
    float: left;
    font-weight: bold;
    background: #DB2525;
    padding: 8px;
    border-radius: 4px;
    color: white;
    opacity: 0.5;
}

/* New CSS */
.body {
    padding-top: 50px;
    padding-bottom: 50px;
    font-family: 'Barlow', sans-serif;
    background:transparent;
}

.logo {
    padding: 0;
}

.header {
    background-color: #021062;
}

.header .menu {
    background: transparent;
}

.menu .menu-wrapper ul li a {
    background: transparent !important;
    color: #fff;
    line-height: 48px;
    padding: 0 12px;
    font-family: "Barlow", sans-serif;
    font-weight: 400;
}

.menu ul li ul li a {
    color: #001e60 !important;
}

.menu ul li ul li:hover > a {
    color: #fff !important;
}

.img-logo {
    max-width: 250px;
    width: 100% !important;
}

.header .max {
    display: flex;
    align-items: center;
    padding: 10px 20px;
}

.account-buttons .button {
    color: #fff;
    background: transparent;
    border: 2px solid #fff !important;!i;!;
    border-radius: 5px !important;!i;!;
    padding: 12px 20px;
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    line-height: 1;
    height: auto;
    font-size: 14px;
}

.account-buttons .button:hover {
    background: #fff;
    color: #021062;
}

@media screen and (max-width: 768px) {
.menu-wrapper.menu-mobile ul li a {
    color: #021062;
}
.menu-wrapper.menu-mobile ul li {
    border-bottom: 1px solid #021062;
}

.header .max {
    flex-wrap: wrap;
}

.account-buttons {
    margin-top: 5px;
}

.header .max {
    justify-content: center;
}

.header .menu .button {
    background: #fff;
    color: #021062;
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    margin: 0;
}

.header .menu {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    flex-wrap: wrap;
}
}
.tag.orange { 
    background: #6bb1db; 
    color: white; 
    }

#ctl-profile-dropdown .profile-dropdown-username {
    color: white;
}
/* removed communicaton settings from account db and account settings per customer request 2/25/25  BB */

.col-email-settings{
    display:none;
}
.li-MyCommunicationSettings{
    display:none;
}